\r\n {title} \r\n \r\n\r\n {children} \r\n \r\n );\r\n}\r\n","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from \"react\";\nvar _ref2 = /*#__PURE__*/React.createElement(\"mask\", {\n id: \"path-1-inside-1\",\n fill: \"white\"\n}, React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M5 5C5 3.34315 6.34315 2 8 2C9.65685 2 11 3.34315 11 5H5ZM3 5C3 2.23858 5.23858 0 8 0C10.7614 0 13 2.23858 13 5H14H16V7V16V18H14H2H0V16V7V5H2H3ZM2 16V7H14V16H2Z\"\n}));\nvar _ref3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5 5H4V6H5V5ZM11 5V6H12V5H11ZM3 5V6H4V5H3ZM13 5H12V6H13V5ZM16 5H17V4H16V5ZM16 18V19H17V18H16ZM0 18H-1V19H0V18ZM0 5V4H-1V5H0ZM2 7V6H1V7H2ZM2 16H1V17H2V16ZM14 7H15V6H14V7ZM14 16V17H15V16H14ZM8 1C5.79086 1 4 2.79086 4 5H6C6 3.89543 6.89543 3 8 3V1ZM12 5C12 2.79086 10.2091 1 8 1V3C9.10457 3 10 3.89543 10 5H12ZM11 4H5V6H11V4ZM4 5C4 2.79086 5.79086 1 8 1V-1C4.68629 -1 2 1.68629 2 5H4ZM8 1C10.2091 1 12 2.79086 12 5H14C14 1.68629 11.3137 -1 8 -1V1ZM14 4H13V6H14V4ZM16 4H14V6H16V4ZM17 7V5H15V7H17ZM17 16V7H15V16H17ZM17 18V16H15V18H17ZM14 19H16V17H14V19ZM2 19H14V17H2V19ZM0 19H2V17H0V19ZM-1 16V18H1V16H-1ZM-1 7V16H1V7H-1ZM-1 5V7H1V5H-1ZM2 4H0V6H2V4ZM3 4H2V6H3V4ZM1 7V16H3V7H1ZM14 6H2V8H14V6ZM15 16V7H13V16H15ZM2 17H14V15H2V17Z\",\n fill: \"currentColor\",\n mask: \"url(#path-1-inside-1)\"\n});\nvar SvgLock = function SvgLock(_ref) {\n var svgRef = _ref.svgRef,\n props = _objectWithoutProperties(_ref, [\"svgRef\"]);\n return React.createElement(\"svg\", _extends({\n width: 16,\n height: 18,\n viewBox: \"0 0 16 18\",\n fill: \"none\",\n ref: svgRef\n }, props), _ref2, _ref3);\n};\nvar ForwardRef = React.forwardRef(function (props, ref) {\n return React.createElement(SvgLock, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/lock.d092bb55.svg\";\nexport { ForwardRef as ReactComponent };","function _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from \"react\";\nvar _ref3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M18 24l-6-5.269-6 5.269v-24h12v24z\"\n});\nvar SvgBookmark = function SvgBookmark(_ref) {\n var svgRef = _ref.svgRef,\n props = _objectWithoutProperties(_ref, [\"svgRef\"]);\n return React.createElement(\"svg\", _extends({\n width: \"56px\",\n height: \"56px\",\n viewBox: \"5 -1 12 26\",\n style: _defineProperty({\n fill: \"transparent\"\n }, \"fill\", \"re\"),\n ref: svgRef\n }, props), _ref3);\n};\nvar ForwardRef = React.forwardRef(function (props, ref) {\n return React.createElement(SvgBookmark, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/bookmark.d26d5eca.svg\";\nexport { ForwardRef as ReactComponent };","import { getText, encode } from '../helpers';\r\n\r\nconst text = getText('pages.dataVendor');\r\nconst ratText = getText('pages.requestTrial');\r\nconst coalText = getText('pages.requestTrial');\r\n\r\nfunction constructVendorEmail(formData: DataVendorState) {\r\n let regionData = '';\r\n text.region.options.forEach((element: AnonymousObject) => {\r\n if (formData.region[element.id]) {\r\n regionData += `${element.text} `;\r\n }\r\n });\r\n\r\n const data = `\r\n ${text.vendorName.text}:
${formData.vendorName}
${text.contactName.text}:
${formData.contactName}
${text.phone.text}:
${formData.phone}
${text.email.text}:
${formData.email}
${text.productDescription.title}
${formData.productDescription}
${text.dataCollection.title}
${formData.dataCollection}
${text.dataHistory.title}
${formData.dataHistory}
${text.pointInTime.title}
${formData.pointInTime}
${text.frequency.title}
${formData.frequency}
${text.numOfCompanies.title}
${formData.numOfCompanies}
${text.linkages.title}
${formData.linkages}
${text.useCases.title}
${formData.useCases}
${text.competitors.title}
${formData.competitors}
${ratText.firstName.text} : ${formData.FirstName}
${ratText.lastName.text} : ${formData.LastName}
${ratText.phone.text} : ${formData.Phone}
${ratText.email.text} : ${formData.Email}
${ratText.city.text} : ${formData.City}
${ratText.country.text} : ${formData.Country}
${ratText.postalCode.text} : ${formData.PostalCode}
${ratText.companyName.text} : ${formData.Company}
${ratText.companyType.text} : ${formData.CompanyType}
${ratText.jobFunction.text} : ${formData.JobFunction}
${ratText.companyState.text} : ${formData.State}
${ratText.tellUsSectionTitle} : ${formData.OtherInterest}
${ratText.interestSectionTitle} : ${productName}
${ratText.subscription.text}
${ratText.firstName.text} : ${formData.FirstName}
${ratText.lastName.text} : ${formData.LastName}
${ratText.phone.text} : ${formData.Phone}
${ratText.email.text} : ${formData.Email}
${ratText.city.text} : ${formData.City}
${ratText.country.text} : ${formData.Country}
${ratText.postalCode.text} : ${formData.PostalCode}
${ratText.companyName.text} : ${formData.Company}
${ratText.companyType.text} : ${formData.CompanyType}
${ratText.jobFunction.text} : ${formData.JobFunction}
${ratText.companyState.text} : ${formData.State}
${ratText.companyCountry.text} : ${formData.CompanyCountry}
${ratText.tellUsSectionTitle} : ${formData.OtherInterest}
${ratText.interestSectionTitle} : ${formData.InterestArea}
${ratText.subscription.text}
${coalText.firstName.text} : ${formData.FirstName}
${coalText.lastName.text} : ${formData.LastName}
${coalText.phone.text} : ${formData.Phone}
${coalText.email.text} : ${formData.Email}
${coalText.city.text} : ${formData.City}
${coalText.companyName.text} : ${formData.Company}
${coalText.companyType.text} : ${formData.CompanyType}
${coalText.country.text} : ${formData.Country}
${coalText.jobFunction.text} : ${formData.JobFunction}
${coalText.tellUsSectionTitle} : ${formData.OtherInterest}
${coalText.interestSectionTitle} : ${formData.InterestArea}
${ratText.subscription.text}
\r\n {icon}\r\n {superScriptSanitizer(text)}\r\n {subText}\r\n {infoIcon}\r\n \r\n);\r\n\r\nconst sectionTitle = function SectionTitle(props: SectionTitleProps) {\r\n const { hash, text, subText, icon, onClick, className, InfoIcon } = props;\r\n\r\n if (hash) {\r\n return (\r\n \r\n {heading(text, icon, subText, undefined, InfoIcon)}\r\n \r\n );\r\n }\r\n\r\n return heading(text, icon, subText, className ? `${baseClass} ${className}` : baseClass, InfoIcon);\r\n};\r\n\r\nexport default React.memo(sectionTitle);\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\n\r\nconst countryList = [\r\n { id: 0, text: 'United States', value: 'US' },\r\n { id: 1, text: 'United Kingdom', value: 'GB' },\r\n { id: 999, text: '', disabled: true, value: '' },\r\n { id: 2, text: 'Afghanistan', value: 'AF' },\r\n { id: 3, text: 'Åland Islands', value: 'AX' },\r\n { id: 4, text: 'Albania', value: 'AL' },\r\n { id: 5, text: 'Algeria', value: 'DZ' },\r\n { id: 6, text: 'American Samoa', value: 'AS' },\r\n { id: 7, text: 'Andorra', value: 'AD' },\r\n { id: 8, text: 'Angola', value: 'AI' },\r\n { id: 9, text: 'Anguilla', value: 'AO' },\r\n { id: 10, text: 'Antarctica', value: 'AQ' },\r\n { id: 11, text: 'Antigua & Barbuda', value: 'AG' },\r\n { id: 12, text: 'Argentina', value: 'AR' },\r\n { id: 13, text: 'Armenia', value: 'AM' },\r\n { id: 14, text: 'Aruba', value: 'AW' },\r\n { id: 15, text: 'Australia', value: 'AU' },\r\n { id: 16, text: 'Austria', value: 'AT' },\r\n { id: 17, text: 'Azerbaijan', value: 'AZ' },\r\n { id: 18, text: 'Bahamas', value: 'BS' },\r\n { id: 19, text: 'Bahrain', value: 'BH' },\r\n { id: 20, text: 'Bangladesh', value: 'BD' },\r\n { id: 21, text: 'Barbados', value: 'BB' },\r\n { id: 22, text: 'Belarus', value: 'BY' },\r\n { id: 23, text: 'Belgium', value: 'BE' },\r\n { id: 24, text: 'Belize', value: 'BZ' },\r\n { id: 25, text: 'Benin', value: 'BJ' },\r\n { id: 26, text: 'Bermuda', value: 'BM' },\r\n { id: 27, text: 'Bhutan', value: 'BT' },\r\n { id: 28, text: 'Bolivia', value: 'BO' },\r\n { id: 29, text: 'Bosnia-Herzegovina', value: 'BA' },\r\n { id: 30, text: 'Botswana', value: 'BW' },\r\n { id: 31, text: 'Bouvet Island', value: 'BV' },\r\n { id: 32, text: 'Brazil', value: 'BR' },\r\n { id: 33, text: 'British Indian Ocean Territory', value: 'IO' },\r\n { id: 34, text: 'British Virgin Islands', value: 'VG' },\r\n { id: 35, text: 'Brunei Darussalam', value: 'BN' },\r\n { id: 36, text: 'Bulgaria', value: 'BG' },\r\n { id: 37, text: 'Burkina Faso', value: 'BF' },\r\n { id: 38, text: 'Burundi', value: 'BI' },\r\n { id: 39, text: 'Cambodia', value: 'KH' },\r\n { id: 40, text: 'Cameroon', value: 'CM' },\r\n { id: 41, text: 'Canada', value: 'CA' },\r\n { id: 42, text: 'Cape Verde', value: 'CV' },\r\n { id: 43, text: 'Cayman Islands', value: 'KY' },\r\n { id: 44, text: 'Central African Republic', value: 'CF' },\r\n { id: 45, text: 'Chad', value: 'TD' },\r\n { id: 46, text: 'Chile', value: 'CL' },\r\n { id: 47, text: 'China', value: 'CN' },\r\n { id: 48, text: 'Christmas Island', value: 'CX' },\r\n { id: 49, text: 'Cocos Islands', value: 'CC' },\r\n { id: 50, text: 'Colombia', value: 'CO' },\r\n { id: 51, text: 'Comoros', value: 'KM' },\r\n { id: 52, text: 'Congo', value: 'CG' },\r\n { id: 53, text: 'Cook Islands', value: 'CK' },\r\n { id: 54, text: 'Costa Rica', value: 'CR' },\r\n { id: 55, text: \"Côte d'Ivoire\", value: 'CI' },\r\n { id: 56, text: 'Croatia', value: 'HR' },\r\n { id: 57, text: 'Cuba', value: 'CU' },\r\n { id: 58, text: 'Curaçao', value: 'CW' },\r\n { id: 59, text: 'Cyprus', value: 'CY' },\r\n { id: 60, text: 'Czech Republic', value: 'CZ' },\r\n { id: 61, text: 'Denmark', value: 'DK' },\r\n { id: 62, text: 'Djibouti', value: 'DJ' },\r\n { id: 63, text: 'Dominica', value: 'DM' },\r\n { id: 64, text: 'Dominican Republic', value: 'DO' },\r\n { id: 65, text: 'Ecuador', value: 'EC' },\r\n { id: 66, text: 'Egypt', value: 'EG' },\r\n { id: 67, text: 'El Salvador', value: 'SV' },\r\n { id: 68, text: 'Equatorial Guinea', value: 'GQ' },\r\n { id: 69, text: 'Eritrea', value: 'ER' },\r\n { id: 70, text: 'Estonia', value: 'EE' },\r\n { id: 71, text: 'Ethiopia', value: 'ET' },\r\n { id: 72, text: 'Falkland Islands', value: 'FK' },\r\n { id: 73, text: 'Faroe Islands', value: 'FO' },\r\n { id: 74, text: 'Fiji', value: 'FJ' },\r\n { id: 75, text: 'Finland', value: 'FI' },\r\n { id: 76, text: 'France', value: 'FR' },\r\n { id: 77, text: 'French Guiana', value: 'GF' },\r\n { id: 78, text: 'French Polynesia', value: 'PF' },\r\n { id: 79, text: 'French Southern Territories', value: 'TF' },\r\n { id: 80, text: 'Gabon', value: 'GA' },\r\n { id: 81, text: 'Gambia', value: 'GM' },\r\n { id: 82, text: 'Georgia', value: 'GE' },\r\n { id: 83, text: 'Germany', value: 'DE' },\r\n { id: 84, text: 'Ghana', value: 'GH' },\r\n { id: 85, text: 'Gibraltar', value: 'GI' },\r\n { id: 86, text: 'Greece', value: 'GR' },\r\n { id: 87, text: 'Greenland', value: 'GL' },\r\n { id: 88, text: 'Grenada', value: 'GD' },\r\n { id: 89, text: 'Guadeloupe', value: 'GP' },\r\n { id: 90, text: 'Guam', value: 'GU' },\r\n { id: 91, text: 'Guatemala', value: 'GT' },\r\n { id: 92, text: 'Guernsey', value: 'GG' },\r\n { id: 93, text: 'Guinea', value: 'GN' },\r\n { id: 94, text: 'Guinea-Bissau', value: 'GW' },\r\n { id: 95, text: 'Guyana', value: 'GY' },\r\n { id: 96, text: 'Haiti', value: 'HT' },\r\n { id: 97, text: 'Heard Island and McDonald Islands', value: 'HM' },\r\n { id: 98, text: 'Honduras', value: 'HN' },\r\n { id: 99, text: 'Hong Kong', value: 'HK' },\r\n { id: 100, text: 'Hungary', value: 'HU' },\r\n { id: 101, text: 'Iceland', value: 'IS' },\r\n { id: 102, text: 'India', value: 'IN' },\r\n { id: 103, text: 'Indonesia', value: 'ID' },\r\n { id: 104, text: 'Iran', value: 'IR' },\r\n { id: 105, text: 'Iraq', value: 'IQ' },\r\n { id: 106, text: 'Ireland', value: 'IE' },\r\n { id: 107, text: 'Isle of Man', value: 'IM' },\r\n { id: 108, text: 'Israel', value: 'IL' },\r\n { id: 109, text: 'Italy', value: 'IT' },\r\n { id: 110, text: 'Jamaica', value: 'JM' },\r\n { id: 111, text: 'Japan', value: 'JP' },\r\n { id: 112, text: 'Jersey', value: 'JE' },\r\n { id: 113, text: 'Jordan', value: 'JO' },\r\n { id: 114, text: 'Kazakhstan', value: 'KZ' },\r\n { id: 115, text: 'Kenya', value: 'KE' },\r\n { id: 116, text: 'Kiribati', value: 'KI' },\r\n { id: 117, text: 'Kuwait', value: 'KW' },\r\n { id: 118, text: 'Kyrgyzstan', value: 'KG' },\r\n { id: 119, text: 'Laos', value: 'LA' },\r\n { id: 120, text: 'Latvia', value: 'LV' },\r\n { id: 121, text: 'Lebanon', value: 'LB' },\r\n { id: 122, text: 'Lesotho', value: 'LS' },\r\n { id: 123, text: 'Liberia', value: 'LR' },\r\n { id: 124, text: 'Libya', value: 'LY' },\r\n { id: 125, text: 'Liechtenstein', value: 'LI' },\r\n { id: 126, text: 'Lithuania', value: 'LT' },\r\n { id: 127, text: 'Luxembourg', value: 'LU' },\r\n { id: 128, text: 'Macau', value: 'MO' },\r\n { id: 129, text: 'Macedonia', value: 'MK' },\r\n { id: 130, text: 'Madagascar', value: 'MG' },\r\n { id: 131, text: 'Malawi', value: 'MW' },\r\n { id: 132, text: 'Malaysia', value: 'MY' },\r\n { id: 133, text: 'Maldives', value: 'MV' },\r\n { id: 134, text: 'Mali', value: 'ML' },\r\n { id: 135, text: 'Malta', value: 'MT' },\r\n { id: 136, text: 'Marshall Islands', value: 'MH' },\r\n { id: 137, text: 'Martinique', value: 'MQ' },\r\n { id: 138, text: 'Mauritania', value: 'MR' },\r\n { id: 139, text: 'Mauritius', value: 'MU' },\r\n { id: 140, text: 'Mayotte', value: 'YT' },\r\n { id: 141, text: 'Mexico', value: 'MX' },\r\n { id: 142, text: 'Micronesia, Federated States of', value: 'FM' },\r\n { id: 143, text: 'Moldova', value: 'MD' },\r\n { id: 144, text: 'Monaco', value: 'MC' },\r\n { id: 145, text: 'Mongolia', value: 'MN' },\r\n { id: 146, text: 'Montenegro', value: 'ME' },\r\n { id: 147, text: 'Montserrat', value: 'MS' },\r\n { id: 148, text: 'Morocco', value: 'MA' },\r\n { id: 149, text: 'Mozambique', value: 'MZ' },\r\n { id: 150, text: 'Myanmar', value: 'MM' },\r\n { id: 151, text: 'Namibia', value: 'NA' },\r\n { id: 152, text: 'Nauru', value: 'NR' },\r\n { id: 153, text: 'Nepal', value: 'NP' },\r\n { id: 154, text: 'Netherlands', value: 'NL' },\r\n { id: 155, text: 'Netherlands Antilles', value: 'BQ' },\r\n { id: 156, text: 'New Caledonia', value: 'NC' },\r\n { id: 157, text: 'New Zealand', value: 'NZ' },\r\n { id: 158, text: 'Nicaragua', value: 'NI' },\r\n { id: 159, text: 'Niger', value: 'NE' },\r\n { id: 160, text: 'Nigeria', value: 'NG' },\r\n { id: 161, text: 'Niue', value: 'NU' },\r\n { id: 162, text: 'Norfolk Island', value: 'NF' },\r\n { id: 163, text: 'North Korea', value: 'KP' },\r\n { id: 164, text: 'Northern Mariana Islands', value: 'MP' },\r\n { id: 165, text: 'Norway', value: 'NO' },\r\n { id: 166, text: 'Oman', value: 'OM' },\r\n { id: 167, text: 'Pakistan', value: 'PK' },\r\n { id: 168, text: 'Palau', value: 'PW' },\r\n { id: 169, text: 'Palestinian Authority', value: 'PS' },\r\n { id: 170, text: 'Panama', value: 'PA' },\r\n { id: 171, text: 'Papua New Guinea', value: 'PG' },\r\n { id: 172, text: 'Paraguay', value: 'PY' },\r\n { id: 173, text: 'Peru', value: 'PE' },\r\n { id: 174, text: 'Philippines', value: 'PH' },\r\n { id: 175, text: 'Pitcairn', value: 'PN' },\r\n { id: 176, text: 'Poland', value: 'PL' },\r\n { id: 177, text: 'Portugal', value: 'PT' },\r\n { id: 178, text: 'Puerto Rico', value: 'PR' },\r\n { id: 179, text: 'Qatar', value: 'QA' },\r\n { id: 180, text: 'Republic of the Congo', value: 'CG' },\r\n { id: 181, text: 'Reunion', value: 'RE' },\r\n { id: 182, text: 'Romania', value: 'RO' },\r\n { id: 183, text: 'Russia', value: 'RU' },\r\n { id: 184, text: 'Rwanda', value: 'RW' },\r\n { id: 185, text: 'Saint Barthélemy', value: 'BL' },\r\n { id: 186, text: 'Saint Helena', value: 'SH' },\r\n { id: 187, text: 'Saint Kitts & Nevis', value: 'KN' },\r\n { id: 188, text: 'Saint Lucia', value: 'LC' },\r\n { id: 189, text: 'Saint Martin', value: 'MF' },\r\n { id: 190, text: 'Saint Pierre and Miquelon', value: 'PM' },\r\n { id: 191, text: 'Saint Vincent & Grenadines', value: 'VC' },\r\n { id: 192, text: 'Samoa', value: 'WS' },\r\n { id: 193, text: 'San Marino', value: 'SM' },\r\n { id: 194, text: 'Sao Tome and Principe', value: 'ST' },\r\n { id: 195, text: 'Saudi Arabia', value: 'SA' },\r\n { id: 196, text: 'Senegal', value: 'SN' },\r\n { id: 197, text: 'Serbia', value: 'RS' },\r\n { id: 198, text: 'Seychelles', value: 'SC' },\r\n { id: 199, text: 'Sierra Leone', value: 'SL' },\r\n { id: 200, text: 'Singapore', value: 'SG' },\r\n { id: 201, text: 'Slovakia', value: 'SK' },\r\n { id: 202, text: 'Slovenia', value: 'SI' },\r\n { id: 203, text: 'Solomon Islands', value: 'SB' },\r\n { id: 204, text: 'Somalia', value: 'SO' },\r\n { id: 205, text: 'South Africa', value: 'ZA' },\r\n { id: 206, text: 'South Georgia and the South Sandwich Islands', value: 'GS' },\r\n { id: 207, text: 'South Korea', value: 'KR' },\r\n { id: 208, text: 'Spain', value: 'ES' },\r\n { id: 209, text: 'Sri Lanka', value: 'LK' },\r\n { id: 210, text: 'Sudan', value: 'SD' },\r\n { id: 211, text: 'Suriname', value: 'SR' },\r\n { id: 212, text: 'Svalbard and Jan Mayen', value: 'SJ' },\r\n { id: 213, text: 'Swaziland', value: 'SZ' },\r\n { id: 214, text: 'Sweden', value: 'SE' },\r\n { id: 215, text: 'Switzerland', value: 'CH' },\r\n { id: 216, text: 'Syria', value: 'SY' },\r\n { id: 217, text: 'Taiwan', value: 'TW' },\r\n { id: 218, text: 'Tajikistan', value: 'TJ' },\r\n { id: 219, text: 'Tanzania', value: 'TZ' },\r\n { id: 220, text: 'Thailand', value: 'TH' },\r\n { id: 221, text: 'Timor-Leste', value: 'TL' },\r\n { id: 222, text: 'Togo', value: 'TG' },\r\n { id: 223, text: 'Tonga', value: 'TO' },\r\n { id: 224, text: 'Trinidad & Tobago', value: 'TT' },\r\n { id: 225, text: 'Tunisia', value: 'TN' },\r\n { id: 226, text: 'Turkey', value: 'TR' },\r\n { id: 227, text: 'Turkmenistan', value: 'TM' },\r\n { id: 228, text: 'Turks & Caicos Islands', value: 'TC' },\r\n { id: 229, text: 'Tuvalu', value: 'TV' },\r\n { id: 230, text: 'Uganda', value: 'UG' },\r\n { id: 231, text: 'Ukraine', value: 'UA' },\r\n { id: 232, text: 'United Arab Emirates', value: 'AE' },\r\n { id: 233, text: 'United States Minor Outlying Islands', value: 'UM' },\r\n { id: 234, text: 'Uruguay', value: 'UY' },\r\n { id: 235, text: 'Uzbekistan', value: 'UZ' },\r\n { id: 236, text: 'Vanuatu', value: 'VU' },\r\n { id: 237, text: 'Vatican City', value: 'VA' },\r\n { id: 238, text: 'Venezuela', value: 'VE' },\r\n { id: 239, text: 'Vietnam', value: 'VN' },\r\n { id: 240, text: 'Virgin Islands, U.S.', value: 'VI' },\r\n { id: 241, text: 'Wallis and Futuna', value: 'WF' },\r\n { id: 242, text: 'Western Sahara', value: 'EH' },\r\n { id: 243, text: 'Yemen', value: 'YE' },\r\n { id: 244, text: 'Zambia', value: 'ZM' },\r\n { id: 245, text: 'Zimbabwe', value: 'ZW' }\r\n];\r\n\r\nconst optInList = [\r\n 'Åland Islands',\r\n 'Albania',\r\n 'Andorra',\r\n 'Angola',\r\n 'Anguilla',\r\n 'Antarctica',\r\n 'Antigua & Barbuda',\r\n 'Argentina',\r\n 'Armenia',\r\n 'Aruba',\r\n 'Australia',\r\n 'Austria',\r\n 'Azerbaijan',\r\n 'Bahamas',\r\n 'Bahrain',\r\n 'Bangladesh',\r\n 'Barbados',\r\n 'Belarus',\r\n 'Belgium',\r\n 'Belize',\r\n 'Benin',\r\n 'Bermuda',\r\n 'Bhutan',\r\n 'Bosnia-Herzegovina',\r\n 'Botswana',\r\n 'Bouvet Island',\r\n 'Brazil',\r\n 'British Indian Ocean Territory',\r\n 'British Virgin Islands',\r\n 'Bulgaria',\r\n 'Burkina Faso',\r\n 'Burundi',\r\n 'Cambodia',\r\n 'Cameroon',\r\n 'Canada',\r\n 'Cape Verde',\r\n 'Cayman Islands',\r\n 'Central African Republic',\r\n 'Chad',\r\n 'Chile',\r\n 'China',\r\n 'Christmas Island',\r\n 'Cocos Islands',\r\n 'Colombia',\r\n 'Comoros',\r\n 'Congo',\r\n 'Cook Islands',\r\n 'Costa Rica',\r\n \"Côte d'Ivoire\",\r\n 'Croatia',\r\n 'Curaçao',\r\n 'Cyprus',\r\n 'Czech Republic',\r\n 'Denmark',\r\n 'Denmark',\r\n 'Djibouti',\r\n 'Dominica',\r\n 'Dominican Republic',\r\n 'Ecuador',\r\n 'El Salvador',\r\n 'Eritrea',\r\n 'Estonia',\r\n 'Ethiopia',\r\n 'Falkland Islands',\r\n 'Faroe Islands',\r\n 'Fiji',\r\n 'Finland',\r\n 'France',\r\n 'French Guiana',\r\n 'French Polynesia',\r\n 'French Southern Territories',\r\n 'Gambia',\r\n 'Georgia',\r\n 'Germany',\r\n 'Germany',\r\n 'Ghana',\r\n 'Gibraltar',\r\n 'Greece',\r\n 'Greenland',\r\n 'Grenada',\r\n 'Guadeloupe',\r\n 'Guatemala',\r\n 'Guernsey',\r\n 'Guinea',\r\n 'Guinea-Bissau',\r\n 'Guyana',\r\n 'Haiti',\r\n 'Heard Island and McDonald Islands',\r\n 'Honduras',\r\n 'Hong Kong',\r\n 'Hungary',\r\n 'Iceland',\r\n 'India',\r\n 'Indonesia',\r\n 'Iraq',\r\n 'Ireland',\r\n 'Isle of Man',\r\n 'Israel',\r\n 'Italy',\r\n 'Jamaica',\r\n 'Japan',\r\n 'Jersey',\r\n 'Jordan',\r\n 'Kazakhstan',\r\n 'Kenya',\r\n 'Kiribati',\r\n 'Kuwait',\r\n 'Kyrgyzstan',\r\n 'Laos',\r\n 'Latvia',\r\n 'Lebanon',\r\n 'Lesotho',\r\n 'Liberia',\r\n 'Liechtenstein',\r\n 'Lithuania',\r\n 'Luxembourg',\r\n 'Macau',\r\n 'Macedonia',\r\n 'Madagascar',\r\n 'Malawi',\r\n 'Malaysia',\r\n 'Maldives',\r\n 'Mali',\r\n 'Malta',\r\n 'Marshall Islands',\r\n 'Martinique',\r\n 'Mauritania',\r\n 'Mauritius',\r\n 'Mayotte',\r\n 'Mexico',\r\n 'Micronesia, Federated States of',\r\n 'Moldova',\r\n 'Monaco',\r\n 'Mongolia',\r\n 'Montenegro',\r\n 'Montserrat',\r\n 'Morocco',\r\n 'Mozambique',\r\n 'Myanmar',\r\n 'Namibia',\r\n 'Nauru',\r\n 'Nepal',\r\n 'Netherlands',\r\n 'Netherlands Antilles',\r\n 'New Caledonia',\r\n 'New Zealand',\r\n 'Nicaragua',\r\n 'Niger',\r\n 'Niue',\r\n 'Norfolk Island',\r\n 'Northern Mariana Islands',\r\n 'Norway',\r\n 'Oman',\r\n 'Pakistan',\r\n 'Palau',\r\n 'Palestinian Authority',\r\n 'Panama',\r\n 'Paraguay',\r\n 'Peru',\r\n 'Philippines',\r\n 'Pitcairn',\r\n 'Poland',\r\n 'Portugal',\r\n 'Qatar',\r\n 'Republic of the Congo',\r\n 'Reunion',\r\n 'Romania',\r\n 'Russia',\r\n 'Rwanda',\r\n 'Saint Barthélemy',\r\n 'Saint Helena',\r\n 'Saint Kitts & Nevis',\r\n 'Saint Lucia',\r\n 'Saint Martin',\r\n 'Saint Pierre and Miquelon',\r\n 'Saint Vincent & Grenadines',\r\n 'Samoa',\r\n 'San Marino',\r\n 'Sao Tome and Principe',\r\n 'Saudi Arabia',\r\n 'Senegal',\r\n 'Serbia',\r\n 'Seychelles',\r\n 'Sierra Leone',\r\n 'Singapore',\r\n 'Slovakia',\r\n 'Slovenia',\r\n 'Solomon Islands',\r\n 'Somalia',\r\n 'South Africa',\r\n 'South Georgia and the South Sandwich Islands',\r\n 'South Korea',\r\n 'Spain',\r\n 'Sri Lanka',\r\n 'Sudan',\r\n 'Suriname',\r\n 'Svalbard and Jan Mayen',\r\n 'Swaziland',\r\n 'Sweden',\r\n 'Switzerland',\r\n 'Tajikistan',\r\n 'Tanzania',\r\n 'Timor-Leste',\r\n 'Togo',\r\n 'Tonga',\r\n 'Trinidad & Tobago',\r\n 'Tunisia',\r\n 'Turkey',\r\n 'Turkmenistan',\r\n 'Turks & Caicos Islands',\r\n 'Tuvalu',\r\n 'Uganda',\r\n 'Ukraine',\r\n 'United Arab Emirates',\r\n 'United Kingdom',\r\n 'Uruguay',\r\n 'Uzbekistan',\r\n 'Vanuatu',\r\n 'Vatican City',\r\n 'Venezuela',\r\n 'Vietnam',\r\n 'Wallis and Futuna',\r\n 'Western Sahara',\r\n 'Zambia',\r\n 'Zimbabwe'\r\n];\r\n\r\nconst usStates = [\r\n { id: 'AK', text: 'AK' },\r\n { id: 'AL', text: 'AL' },\r\n { id: 'AR', text: 'AR' },\r\n { id: 'AZ', text: 'AZ' },\r\n { id: 'CA', text: 'CA' },\r\n { id: 'CO', text: 'CO' },\r\n { id: 'CT', text: 'CT' },\r\n { id: 'DC', text: 'DC' },\r\n { id: 'DE', text: 'DE' },\r\n { id: 'FL', text: 'FL' },\r\n { id: 'GA', text: 'GA' },\r\n { id: 'GU', text: 'GU' },\r\n { id: 'HI', text: 'HI' },\r\n { id: 'IA', text: 'IA' },\r\n { id: 'ID', text: 'ID' },\r\n { id: 'IL', text: 'IL' },\r\n { id: 'IN', text: 'IN' },\r\n { id: 'KS', text: 'KS' },\r\n { id: 'KY', text: 'KY' },\r\n { id: 'LA', text: 'LA' },\r\n { id: 'MA', text: 'MA' },\r\n { id: 'MD', text: 'MD' },\r\n { id: 'ME', text: 'ME' },\r\n { id: 'MI', text: 'MI' },\r\n { id: 'MN', text: 'MN' },\r\n { id: 'MO', text: 'MO' },\r\n { id: 'MS', text: 'MS' },\r\n { id: 'MT', text: 'MT' },\r\n { id: 'NC', text: 'NC' },\r\n { id: 'ND', text: 'ND' },\r\n { id: 'NE', text: 'NE' },\r\n { id: 'NH', text: 'NH' },\r\n { id: 'NJ', text: 'NJ' },\r\n { id: 'NM', text: 'NM' },\r\n { id: 'NV', text: 'NV' },\r\n { id: 'NY', text: 'NY' },\r\n { id: 'OH', text: 'OH' },\r\n { id: 'OK', text: 'OK' },\r\n { id: 'OR', text: 'OR' },\r\n { id: 'PA', text: 'PA' },\r\n { id: 'PR', text: 'PR' },\r\n { id: 'PW', text: 'PW' },\r\n { id: 'RI', text: 'RI' },\r\n { id: 'SC', text: 'SC' },\r\n { id: 'SD', text: 'SD' },\r\n { id: 'TN', text: 'TN' },\r\n { id: 'TX', text: 'TX' },\r\n { id: 'UT', text: 'UT' },\r\n { id: 'VA', text: 'VA' },\r\n { id: 'VT', text: 'VT' },\r\n { id: 'WA', text: 'WA' },\r\n { id: 'WI', text: 'WI' },\r\n { id: 'WV', text: 'WV' },\r\n { id: 'WY', text: 'WY' }\r\n];\r\n\r\nconst ausProv = [\r\n { id: 'ACT', text: 'ACT' },\r\n { id: 'NSW', text: 'NSW' },\r\n { id: 'NT', text: 'NT' },\r\n { id: 'QLD', text: 'QLD' },\r\n { id: 'SA', text: 'SA' },\r\n { id: 'TAS', text: 'TAS' },\r\n { id: 'VIC', text: 'VIC' },\r\n { id: 'WA', text: 'WA' }\r\n];\r\n\r\nconst canProv = [\r\n { id: 'AB', text: 'AB' },\r\n { id: 'BC', text: 'BC' },\r\n { id: 'MB', text: 'MB' },\r\n { id: 'NB', text: 'NB' },\r\n { id: 'NL', text: 'NL' },\r\n { id: 'NS', text: 'NS' },\r\n { id: 'NU', text: 'NU' },\r\n { id: 'ON', text: 'ON' },\r\n { id: 'PE', text: 'PE' },\r\n { id: 'QC', text: 'QC' },\r\n { id: 'SK', text: 'SK' },\r\n { id: 'VI', text: 'VI' },\r\n { id: 'YT', text: 'YT' }\r\n];\r\n\r\nconst chinaProv = [\r\n { id: 'Anhui', text: 'Anhui' },\r\n { id: 'Beijing', text: 'Beijing' },\r\n { id: 'Chongqing', text: 'Chongqing' },\r\n { id: 'Fujian', text: 'Fujian' },\r\n { id: 'Gansu', text: 'Gansu' },\r\n { id: 'Guangdong', text: 'Guangdong' },\r\n { id: 'Guangxi', text: 'Guangxi' },\r\n { id: 'Guizhou', text: 'Guizhou' },\r\n { id: 'Hainan', text: 'Hainan' },\r\n { id: 'Hebei', text: 'Hebei' },\r\n { id: 'Heilongjiang', text: 'Heilongjiang' },\r\n { id: 'Henan', text: 'Henan' },\r\n { id: 'Hubei', text: 'Hubei' },\r\n { id: 'Hunan', text: 'Hunan' },\r\n { id: 'Inner Mongolia', text: 'Inner Mongolia' },\r\n { id: 'Jiangsu', text: 'Jiangsu' },\r\n { id: 'Jiangxi', text: 'Jiangxi' },\r\n { id: 'Jilin', text: 'Jilin' },\r\n { id: 'Liaoning', text: 'Liaoning' },\r\n { id: 'Ningxia', text: 'Ningxia' },\r\n { id: 'Qinghai', text: 'Qinghai' },\r\n { id: 'Shaanxi', text: 'Shaanxi' },\r\n { id: 'Shandong', text: 'Shandong' },\r\n { id: 'Shanghai', text: 'Shanghai' },\r\n { id: 'Shanxi', text: 'Shanxi' },\r\n { id: 'Sichuan', text: 'Sichuan' },\r\n { id: 'Tianjin', text: 'Tianjin' },\r\n { id: 'Tibet', text: 'Tibet' },\r\n { id: 'Xinjiang', text: 'Xinjiang' },\r\n { id: 'Yunnan', text: 'Yunnan' },\r\n { id: 'Zhejiang', text: 'Zhejiang' }\r\n];\r\n\r\nconst companyTypeList = [\r\n { id: 0, text: 'Academia' },\r\n { id: 1, text: 'Asset Manager' },\r\n { id: 2, text: 'Asset Owner' },\r\n { id: 3, text: 'Auditors/Accounting' },\r\n { id: 4, text: 'Automobiles and Components' },\r\n { id: 5, text: 'Capital Goods' },\r\n { id: 6, text: 'Commercial Bank' },\r\n { id: 7, text: 'Commercial Services and Supplies' },\r\n { id: 8, text: 'Consumer Durables and Apparel' },\r\n { id: 9, text: 'Consumer Services' },\r\n { id: 10, text: 'Credit Union' },\r\n { id: 11, text: 'Food and Staples Retailing' },\r\n { id: 12, text: 'Food, Beverage and Tobacco' },\r\n { id: 13, text: 'Government Entity/Regulatory Agency' },\r\n { id: 14, text: 'Healthcare Equipment and Services' },\r\n { id: 15, text: 'Hedge Fund' },\r\n { id: 16, text: 'Household and Personal Products' },\r\n { id: 17, text: 'Individual' },\r\n { id: 18, text: 'Information Provider' },\r\n { id: 19, text: 'Insurance' },\r\n { id: 20, text: 'Investment Bank' },\r\n { id: 21, text: 'Law Firm' },\r\n { id: 22, text: 'Materials' },\r\n { id: 23, text: 'Media/Telecom' },\r\n { id: 24, text: 'Metals/Mining' },\r\n { id: 25, text: 'Oil and Gas' },\r\n { id: 27, text: 'Pharmaceuticals, Biotechnology and Life Sciences' },\r\n { id: 28, text: 'Power' },\r\n { id: 29, text: 'Private Equity' },\r\n { id: 30, text: 'Public Relations/Investor Relations Firm' },\r\n { id: 31, text: 'Real Estate' },\r\n { id: 33, text: 'Recruiter/Headhunter' },\r\n { id: 34, text: 'Retailing' },\r\n { id: 35, text: 'Strategy/Business Consulting' },\r\n { id: 36, text: 'Technology' },\r\n { id: 37, text: 'Trade Association' },\r\n { id: 38, text: 'Trading Companies and Distributors' },\r\n { id: 39, text: 'Transportation' },\r\n { id: 40, text: 'Other' }\r\n];\r\n\r\n\r\nconst InvestmentBank = [\r\n { id: '200', text: 'Capital Markets (IBD)' },\r\n { id: '201', text: 'Compliance' },\r\n { id: '202', text: 'Credit Analyst' },\r\n { id: '203', text: 'Credit Manager/Officer' },\r\n { id: '204', text: 'Equity Analyst' },\r\n { id: '205', text: 'Fixed Income Analyst' },\r\n { id: '206', text: 'Industry/Sector Coverage (IBD)' },\r\n { id: '207', text: 'M&A' },\r\n { id: '208', text: 'Market Data/Business Information' },\r\n { id: '209', text: 'Prime Services' },\r\n { id: '2010', text: 'Research ' },\r\n { id: '2011', text: 'Risk Manager/Officer' },\r\n { id: '2012', text: 'Sales & Trading' },\r\n { id: '2013', text: 'Technology' },\r\n { id: '2014', text: 'Treasury' },\r\n { id: '2015', text: 'Other' }\r\n];\r\n\r\nconst PrivateEquity = [\r\n { id: '290', text: 'Analyst/Associate' },\r\n { id: '291', text: 'Partner/Principal' },\r\n { id: '292', text: 'Business Development/Relationship Management' },\r\n { id: '293', text: 'Market Data' },\r\n { id: '294', text: 'Other' }\r\n];\r\n\r\nconst CommercialBank = [\r\n { id: '60', text: 'Audit/Accounting' },\r\n { id: '61', text: 'Business Development/Relationship Management' },\r\n { id: '62', text: 'Credit Analyst' },\r\n { id: '63', text: 'Credit Manager/Officer' },\r\n { id: '64', text: 'Credit Risk Modeler' },\r\n { id: '65', text: 'Economist' },\r\n { id: '66', text: 'Finance Manager/Officer' },\r\n { id: '67', text: 'Loan Originator' },\r\n { id: '68', text: 'Portfolio Manager' },\r\n { id: '69', text: 'Regulatory Affairs' },\r\n { id: '610', text: 'Risk Manager/Officer' },\r\n { id: '611', text: 'Sales/Marketing/PR' },\r\n { id: '612', text: 'Treasury' },\r\n { id: '613', text: 'Other' }\r\n];\r\n\r\nconst CreditUnion = [\r\n { id: '100', text: 'Business Development/Relationship Management' },\r\n { id: '101', text: 'Credit Analyst' },\r\n { id: '102', text: 'Credit Manager/Officer' },\r\n { id: '103', text: 'Loan Originator' },\r\n { id: '104', text: 'Regulatory Affairs' },\r\n { id: '105', text: 'Risk Manager/Officer' },\r\n { id: '106', text: 'Sales/Marketing/PR' },\r\n { id: '107', text: 'Other' }\r\n];\r\n\r\nconst Insurance = [\r\n { id: '190', text: 'Actuary' },\r\n { id: '191', text: 'Broker' },\r\n { id: '192', text: 'Business Development/Relationship Management' },\r\n { id: '193', text: 'Corporate Finance' },\r\n { id: '194', text: 'Credit Analyst' },\r\n { id: '195', text: 'D&O Underwriter' },\r\n { id: '196', text: 'Insurance Underwriter' },\r\n { id: '197', text: 'Political Risk Underwriter' },\r\n { id: '198', text: 'Regulatory Affairs' },\r\n { id: '199', text: 'Reinsurance Broker/Intermediary' },\r\n { id: '1910', text: 'Risk Manager/Officer' },\r\n { id: '1911', text: 'Surety Underwriter' },\r\n { id: '1912', text: 'Trade Credit/Risk Underwriter' },\r\n { id: '1913', text: 'Treasury' },\r\n { id: '1914', text: 'Other' }\r\n];\r\n\r\nconst AssetManager = [\r\n { id: '11', text: 'Asset Services' },\r\n { id: '12', text: 'Credit Analyst' },\r\n { id: '13', text: 'Credit Manager/Officer' },\r\n { id: '14', text: 'Economist' },\r\n { id: '15', text: 'Equity Analyst' },\r\n { id: '16', text: 'Finance Manager/Officer' },\r\n { id: '17', text: 'Financial Advisor/Planner' },\r\n { id: '18', text: 'Fixed Income Analyst' },\r\n { id: '19', text: 'Investment Strategist' },\r\n { id: '110', text: 'Investor Relations' },\r\n { id: '111', text: 'Market Data' },\r\n { id: '112', text: 'Portfolio Manager' },\r\n { id: '113', text: 'Private Banker' },\r\n { id: '114', text: 'Quant' },\r\n { id: '115', text: 'Quantitative Analyst' },\r\n { id: '116', text: 'Regulatory Affairs' },\r\n { id: '117', text: 'Risk Manager/Officer' },\r\n { id: '118', text: 'Technology' },\r\n { id: '119', text: 'Treasury' },\r\n { id: '120', text: 'Other' }\r\n];\r\n\r\nconst AssetOwner = [\r\n { id: '21', text: 'Asset Services' },\r\n { id: '22', text: 'Credit Analyst' },\r\n { id: '23', text: 'Credit Manager/Officer' },\r\n { id: '24', text: 'Economist' },\r\n { id: '25', text: 'Equity Analyst' },\r\n { id: '26', text: 'Finance Manager/Officer' },\r\n { id: '27', text: 'Financial Advisor/Planner' },\r\n { id: '28', text: 'Fixed Income Analyst' },\r\n { id: '29', text: 'Investment Strategist' },\r\n { id: '210', text: 'Investor Relations' },\r\n { id: '211', text: 'Market Data' },\r\n { id: '212', text: 'Portfolio Manager' },\r\n { id: '213', text: 'Private Banker' },\r\n { id: '214', text: 'Quant' },\r\n { id: '215', text: 'Quantitative Analyst' },\r\n { id: '216', text: 'Regulatory Affairs' },\r\n { id: '217', text: 'Risk Manager/Officer' },\r\n { id: '218', text: 'Technology' },\r\n { id: '219', text: 'Treasury' },\r\n { id: '220', text: 'Other' }\r\n];\r\n\r\nconst HedgeFund = [\r\n { id: '151', text: 'Asset Services' },\r\n { id: '152', text: 'Credit Analyst' },\r\n { id: '153', text: 'Credit Manager/Officer' },\r\n { id: '154', text: 'Economist' },\r\n { id: '155', text: 'Equity Analyst' },\r\n { id: '156', text: 'Finance Manager/Officer' },\r\n { id: '157', text: 'Financial Advisor/Planner' },\r\n { id: '158', text: 'Fixed Income Analyst' },\r\n { id: '159', text: 'Investment Strategist' },\r\n { id: '1510', text: 'Investor Relations' },\r\n { id: '1511', text: 'Market Data' },\r\n { id: '1512', text: 'Portfolio Manager' },\r\n { id: '1513', text: 'Private Banker' },\r\n { id: '1514', text: 'Quant' },\r\n { id: '1515', text: 'Quantitative Analyst' },\r\n { id: '1516', text: 'Regulatory Affairs' },\r\n { id: '1517', text: 'Risk Manager/Officer' },\r\n { id: '1518', text: 'Technology' },\r\n { id: '1519', text: 'Treasury' },\r\n { id: '1520', text: 'Other' }\r\n];\r\n\r\nconst InformationProvider = [\r\n { id: '180', text: 'Business Development/Relationship Management' },\r\n { id: '181', text: 'Commodities Pricing' },\r\n { id: '182', text: 'Data Governance' },\r\n { id: '183', text: 'Engineer' },\r\n { id: '184', text: 'Executive Management' },\r\n { id: '185', text: 'Legal Affairs' },\r\n { id: '186', text: 'Market Data' },\r\n { id: '187', text: 'Operations' },\r\n { id: '188', text: 'Redistribution' },\r\n { id: '189', text: 'Reference Data' },\r\n { id: '1810', text: 'Regulatory Affairs' },\r\n { id: '1811', text: 'Sales/Marketing/PR' },\r\n { id: '1812', text: 'Technology' },\r\n { id: '1813', text: 'Other' }\r\n];\r\n\r\nconst AutomobilesAndComponents = [\r\n { id: '40', text: 'Board Member/Trustee' },\r\n { id: '41', text: 'Business Development/Relationship Management' },\r\n { id: '42', text: 'Competitive Intelligence' },\r\n { id: '43', text: 'Corporate Development' },\r\n { id: '44', text: 'Credit Analyst' },\r\n { id: '45', text: 'Credit Manager/Officer' },\r\n { id: '46', text: 'Executive Management' },\r\n { id: '47', text: 'Finance/Planning' },\r\n { id: '48', text: 'Investor Relations' },\r\n { id: '49', text: 'Regulatory Affairs' },\r\n { id: '410', text: 'Risk Manager/Officer' },\r\n { id: '411', text: 'Supply Chain Management' },\r\n { id: '412', text: 'Treasury & Tax' },\r\n { id: '413', text: 'Other' }\r\n];\r\n\r\nconst Transportation = [\r\n { id: '390', text: 'Board Member/Trustee' },\r\n { id: '391', text: 'Business Development/Relationship Management' },\r\n { id: '392', text: 'Competitive Intelligence' },\r\n { id: '393', text: 'Corporate Development' },\r\n { id: '3939', text: 'Credit Analyst' },\r\n { id: '395', text: 'Credit Manager/Officer' },\r\n { id: '396', text: 'Executive Management' },\r\n { id: '397', text: 'Finance/Planning' },\r\n { id: '398', text: 'Investor Relations' },\r\n { id: '399', text: 'Regulatory Affairs' },\r\n { id: '3910', text: 'Risk Manager/Officer' },\r\n { id: '3911', text: 'Supply Chain Management' },\r\n { id: '3912', text: 'Treasury & Tax' },\r\n { id: '3913', text: 'Other' }\r\n];\r\n\r\nconst TradingComapaniesAndDistributors = [\r\n { id: '380', text: 'Board Member/Trustee' },\r\n { id: '381', text: 'Business Development/Relationship Management' },\r\n { id: '382', text: 'Competitive Intelligence' },\r\n { id: '383', text: 'Corporate Development' },\r\n { id: '3838', text: 'Credit Analyst' },\r\n { id: '385', text: 'Credit Manager/Officer' },\r\n { id: '386', text: 'Executive Management' },\r\n { id: '387', text: 'Finance/Planning' },\r\n { id: '388', text: 'Investor Relations' },\r\n { id: '389', text: 'Regulatory Affairs' },\r\n { id: '3810', text: 'Risk Manager/Officer' },\r\n { id: '3811', text: 'Supply Chain Management' },\r\n { id: '3812', text: 'Treasury & Tax' },\r\n { id: '3813', text: 'Other' }\r\n];\r\n\r\nconst Technology = [\r\n { id: '360', text: 'Board Member/Trustee' },\r\n { id: '361', text: 'Business Development/Relationship Management' },\r\n { id: '362', text: 'Competitive Intelligence' },\r\n { id: '363', text: 'Corporate Development' },\r\n { id: '3636', text: 'Credit Analyst' },\r\n { id: '365', text: 'Credit Manager/Officer' },\r\n { id: '366', text: 'Executive Management' },\r\n { id: '367', text: 'Finance/Planning' },\r\n { id: '368', text: 'Investor Relations' },\r\n { id: '369', text: 'Regulatory Affairs' },\r\n { id: '3610', text: 'Risk Manager/Officer' },\r\n { id: '3611', text: 'Supply Chain Management' },\r\n { id: '3612', text: 'Treasury & Tax' },\r\n { id: '3613', text: 'Other' }\r\n];\r\n\r\nconst Retailing = [\r\n { id: '340', text: 'Board Member/Trustee' },\r\n { id: '341', text: 'Business Development/Relationship Management' },\r\n { id: '342', text: 'Competitive Intelligence' },\r\n { id: '343', text: 'Corporate Development' },\r\n { id: '344', text: 'Credit Analyst' },\r\n { id: '345', text: 'Credit Manager/Officer' },\r\n { id: '346', text: 'Executive Management' },\r\n { id: '347', text: 'Finance/Planning' },\r\n { id: '348', text: 'Investor Relations' },\r\n { id: '349', text: 'Regulatory Affairs' },\r\n { id: '3410', text: 'Risk Manager/Officer' },\r\n { id: '3411', text: 'Supply Chain Management' },\r\n { id: '3412', text: 'Treasury & Tax' },\r\n { id: '3413', text: 'Other' }\r\n];\r\n\r\nconst Metals = [\r\n { id: '240', text: 'Board Member/Trustee' },\r\n { id: '241', text: 'Business Development/Relationship Management' },\r\n { id: '242', text: 'Competitive Intelligence' },\r\n { id: '243', text: 'Corporate Development' },\r\n { id: '244', text: 'Credit Analyst' },\r\n { id: '245', text: 'Credit Manager/Officer' },\r\n { id: '246', text: 'Executive Management' },\r\n { id: '247', text: 'Finance/Planning' },\r\n { id: '248', text: 'Investor Relations' },\r\n { id: '249', text: 'Regulatory Affairs' },\r\n { id: '2410', text: 'Risk Manager/Officer' },\r\n { id: '2411', text: 'Supply Chain Management' },\r\n { id: '2412', text: 'Treasury & Tax' },\r\n { id: '2413', text: 'Other' }\r\n];\r\n\r\nconst Materials = [\r\n { id: '220', text: 'Board Member/Trustee' },\r\n { id: '221', text: 'Business Development/Relationship Management' },\r\n { id: '222', text: 'Competitive Intelligence' },\r\n { id: '223', text: 'Corporate Development' },\r\n { id: '224', text: 'Credit Analyst' },\r\n { id: '225', text: 'Credit Manager/Officer' },\r\n { id: '226', text: 'Executive Management' },\r\n { id: '227', text: 'Finance/Planning' },\r\n { id: '228', text: 'Investor Relations' },\r\n { id: '229', text: 'Regulatory Affairs' },\r\n { id: '2210', text: 'Risk Manager/Officer' },\r\n { id: '2211', text: 'Supply Chain Management' },\r\n { id: '2212', text: 'Treasury & Tax' },\r\n { id: '2213', text: 'Other' }\r\n];\r\n\r\n\r\nconst RealEstate = [\r\n { id: '310', text: 'Board Member/Trustee' },\r\n { id: '311', text: 'Business Development/Relationship Management' },\r\n { id: '312', text: 'Competitive Intelligence' },\r\n { id: '313', text: 'Corporate Development' },\r\n { id: '314', text: 'Credit Analyst' },\r\n { id: '315', text: 'Credit Manager/Officer' },\r\n { id: '316', text: 'Executive Management' },\r\n { id: '317', text: 'Finance/Planning' },\r\n { id: '318', text: 'Investor Relations' },\r\n { id: '319', text: 'Regulatory Affairs' },\r\n { id: '3110', text: 'Risk Manager/Officer' },\r\n { id: '3111', text: 'Supply Chain Management' },\r\n { id: '3112', text: 'Treasury & Tax' },\r\n { id: '3113', text: 'Other' }\r\n];\r\n\r\nconst CapitalGoods = [\r\n { id: '50', text: 'Board Member/Trustee' },\r\n { id: '51', text: 'Business Development/Relationship Management' },\r\n { id: '52', text: 'Competitive Intelligence' },\r\n { id: '53', text: 'Corporate Development' },\r\n { id: '54', text: 'Credit Analyst' },\r\n { id: '55', text: 'Credit Manager/Officer' },\r\n { id: '56', text: 'Executive Management' },\r\n { id: '57', text: 'Finance/Planning' },\r\n { id: '58', text: 'Investor Relations' },\r\n { id: '59', text: 'Regulatory Affairs' },\r\n { id: '510', text: 'Risk Manager/Officer' },\r\n { id: '511', text: 'Supply Chain Management' },\r\n { id: '512', text: 'Treasury & Tax' },\r\n { id: '513', text: 'Other' }\r\n];\r\n\r\nconst CommercialServicesAndSupplies = [\r\n { id: '70', text: 'Board Member/Trustee' },\r\n { id: '71', text: 'Business Development/Relationship Management' },\r\n { id: '72', text: 'Competitive Intelligence' },\r\n { id: '73', text: 'Corporate Development' },\r\n { id: '74', text: 'Credit Analyst' },\r\n { id: '75', text: 'Credit Manager/Officer' },\r\n { id: '76', text: 'Executive Management' },\r\n { id: '77', text: 'Finance/Planning' },\r\n { id: '78', text: 'Investor Relations' },\r\n { id: '79', text: 'Regulatory Affairs' },\r\n { id: '710', text: 'Risk Manager/Officer' },\r\n { id: '711', text: 'Supply Chain Management' },\r\n { id: '712', text: 'Treasury & Tax' },\r\n { id: '713', text: 'Other' }\r\n];\r\n\r\nconst ConsumerServices = [\r\n { id: '90', text: 'Board Member/Trustee' },\r\n { id: '91', text: 'Business Development/Relationship Management' },\r\n { id: '92', text: 'Competitive Intelligence' },\r\n { id: '93', text: 'Corporate Development' },\r\n { id: '94', text: 'Credit Analyst' },\r\n { id: '95', text: 'Credit Manager/Officer' },\r\n { id: '96', text: 'Executive Management' },\r\n { id: '97', text: 'Finance/Planning' },\r\n { id: '98', text: 'Investor Relations' },\r\n { id: '99', text: 'Regulatory Affairs' },\r\n { id: '910', text: 'Risk Manager/Officer' },\r\n { id: '911', text: 'Supply Chain Management' },\r\n { id: '912', text: 'Treasury & Tax' },\r\n { id: '913', text: 'Other' }\r\n];\r\n\r\nconst ConsumerDurablesAndApparel = [\r\n { id: '80', text: 'Board Member/Trustee' },\r\n { id: '81', text: 'Business Development/Relationship Management' },\r\n { id: '82', text: 'Competitive Intelligence' },\r\n { id: '83', text: 'Corporate Development' },\r\n { id: '84', text: 'Credit Analyst' },\r\n { id: '85', text: 'Credit Manager/Officer' },\r\n { id: '86', text: 'Executive Management' },\r\n { id: '87', text: 'Finance/Planning' },\r\n { id: '88', text: 'Investor Relations' },\r\n { id: '89', text: 'Regulatory Affairs' },\r\n { id: '810', text: 'Risk Manager/Officer' },\r\n { id: '811', text: 'Supply Chain Management' },\r\n { id: '812', text: 'Treasury & Tax' },\r\n { id: '813', text: 'Other' }\r\n];\r\n\r\nconst FoodAndStaplesRetailing = [\r\n { id: '1110', text: 'Board Member/Trustee' },\r\n { id: '1111', text: 'Business Development/Relationship Management' },\r\n { id: '1112', text: 'Competitive Intelligence' },\r\n { id: '1113', text: 'Corporate Development' },\r\n { id: '1114', text: 'Credit Analyst' },\r\n { id: '1115', text: 'Credit Manager/Officer' },\r\n { id: '1116', text: 'Executive Management' },\r\n { id: '1117', text: 'Finance/Planning' },\r\n { id: '1118', text: 'Investor Relations' },\r\n { id: '1119', text: 'Regulatory Affairs' },\r\n { id: '11110', text: 'Risk Manager/Officer' },\r\n { id: '11111', text: 'Supply Chain Management' },\r\n { id: '11112', text: 'Treasury & Tax' },\r\n { id: '11113', text: 'Other' }\r\n];\r\n\r\nconst FoodBeverageAndTobacco = [\r\n { id: '5550', text: 'Board Member/Trustee' },\r\n { id: '5551', text: 'Business Development/Relationship Management' },\r\n { id: '5552', text: 'Competitive Intelligence' },\r\n { id: '5553', text: 'Corporate Development' },\r\n { id: '5554', text: 'Credit Analyst' },\r\n { id: '5555', text: 'Credit Manager/Officer' },\r\n { id: '5556', text: 'Executive Management' },\r\n { id: '5557', text: 'Finance/Planning' },\r\n { id: '5558', text: 'Investor Relations' },\r\n { id: '5559', text: 'Regulatory Affairs' },\r\n { id: '55510', text: 'Risk Manager/Officer' },\r\n { id: '55511', text: 'Supply Chain Management' },\r\n { id: '55512', text: 'Treasury & Tax' },\r\n { id: '55513', text: 'Other' }\r\n];\r\n\r\nconst HouseholdAndPersonalProducts = [\r\n { id: '160', text: 'Board Member/Trustee' },\r\n { id: '161', text: 'Business Development/Relationship Management' },\r\n { id: '162', text: 'Competitive Intelligence' },\r\n { id: '163', text: 'Corporate Development' },\r\n { id: '164', text: 'Credit Analyst' },\r\n { id: '165', text: 'Credit Manager/Officer' },\r\n { id: '166', text: 'Executive Management' },\r\n { id: '167', text: 'Finance/Planning' },\r\n { id: '168', text: 'Investor Relations' },\r\n { id: '169', text: 'Regulatory Affairs' },\r\n { id: '1610', text: 'Risk Manager/Officer' },\r\n { id: '1611', text: 'Supply Chain Management' },\r\n { id: '1612', text: 'Treasury & Tax' },\r\n { id: '1613', text: 'Other' }\r\n];\r\n\r\nconst HealthcareEquipmentAndServices = [\r\n { id: '140', text: 'Board Member/Trustee' },\r\n { id: '141', text: 'Business Development/Relationship Management' },\r\n { id: '142', text: 'Competitive Intelligence' },\r\n { id: '143', text: 'Corporate Development' },\r\n { id: '144', text: 'Credit Analyst' },\r\n { id: '145', text: 'Credit Manager/Officer' },\r\n { id: '146', text: 'Executive Management' },\r\n { id: '147', text: 'Finance/Planning' },\r\n { id: '148', text: 'Healthcare Professional' },\r\n { id: '149', text: 'Investor Relations' },\r\n { id: '1410', text: 'Regulatory Affairs' },\r\n { id: '1411', text: 'Risk Manager/Officer' },\r\n { id: '1412', text: 'Supply Chain Management' },\r\n { id: '1413', text: 'Treasury & Tax' },\r\n { id: '1414', text: 'Other' }\r\n];\r\n\r\nconst PharmaceuticalsBiotechnologyAndLifeSciences = [\r\n { id: '270', text: 'Board Member/Trustee' },\r\n { id: '271', text: 'Business Development/Relationship Management' },\r\n { id: '272', text: 'Competitive Intelligence' },\r\n { id: '273', text: 'Corporate Development' },\r\n { id: '274', text: 'Credit Analyst' },\r\n { id: '275', text: 'Credit Manager/Officer' },\r\n { id: '276', text: 'Executive Management' },\r\n { id: '277', text: 'Finance/Planning' },\r\n { id: '278', text: 'Healthcare Professional' },\r\n { id: '279', text: 'Investor Relations' },\r\n { id: '2710', text: 'Regulatory Affairs' },\r\n { id: '2711', text: 'Risk Manager/Officer' },\r\n { id: '2712', text: 'Supply Chain Management' },\r\n { id: '2713', text: 'Treasury & Tax' },\r\n { id: '2714', text: 'Other' }\r\n];\r\n\r\nconst Media = [\r\n { id: '230', text: 'Board Member/Trustee' },\r\n { id: '231', text: 'Business Development/Relationship Management' },\r\n { id: '232', text: 'Competitive Intelligence' },\r\n { id: '233', text: 'Corporate Development' },\r\n { id: '234', text: 'Credit Analyst' },\r\n { id: '235', text: 'Credit Manager/Officer' },\r\n { id: '236', text: 'Executive Management' },\r\n { id: '237', text: 'Finance/Planning' },\r\n { id: '238', text: 'Investor Relations' },\r\n { id: '239', text: 'Regulatory Affairs' },\r\n { id: '2310', text: 'Reporter/Journalist/Editor' },\r\n { id: '2311', text: 'Risk Manager/Officer' },\r\n { id: '2312', text: 'Sales/Marketing/PR' },\r\n { id: '2313', text: 'Supply Chain Management' },\r\n { id: '2314', text: 'Treasury & Tax' },\r\n { id: '2315', text: 'Other' }\r\n];\r\n\r\nconst OilGas = [\r\n { id: '250', text: 'Board Member/Trustee' },\r\n { id: '251', text: 'Business Development/Relationship Management' },\r\n { id: '252', text: 'Competitive Intelligence' },\r\n { id: '253', text: 'Corporate Development' },\r\n { id: '254', text: 'Credit Analyst' },\r\n { id: '255', text: 'Credit Manager/Officer' },\r\n { id: '256', text: 'Executive Management' },\r\n { id: '257', text: 'Finance/Planning' },\r\n { id: '258', text: 'Fuels Admin' },\r\n { id: '259', text: 'Investor Relations' },\r\n { id: '2510', text: 'Regulatory Affairs' },\r\n { id: '2511', text: 'Risk Manager/Officer' },\r\n { id: '2512', text: 'Supply Chain Management' },\r\n { id: '2513', text: 'Treasury & Tax' },\r\n { id: '2514', text: 'Other' }\r\n];\r\n\r\nconst AuditorsAccounting = [\r\n { id: '30', text: 'Audit/Accounting' },\r\n { id: '31', text: 'Business Development/Relationship Management' },\r\n { id: '32', text: 'Management Consulting' },\r\n { id: '33', text: 'Risk Manager/Officer' },\r\n { id: '34', text: 'Treasury & Tax' },\r\n { id: '35', text: 'Other' }\r\n];\r\n\r\nconst LawFirm = [\r\n { id: '530', text: 'Attorney/Partner' },\r\n { id: '531', text: 'Business Development/Relationship Management' },\r\n { id: '532', text: 'Conflict Resolution' },\r\n { id: '533', text: 'Librarian' },\r\n { id: '534', text: 'Regulatory Affairs' },\r\n { id: '535', text: 'Treasury & Tax' },\r\n { id: '536', text: 'Other' }\r\n];\r\n\r\nconst PublicRelationsInvestorRelations = [\r\n { id: '3000', text: 'Business Development/Relationship Management' },\r\n { id: '3001', text: 'Investor Relations' },\r\n { id: '3002', text: 'Other' }\r\n];\r\n\r\nconst RecruiterHeadhunter = [\r\n { id: '330', text: 'Business Development/Relationship Management' },\r\n { id: '331', text: 'HR Professional' },\r\n { id: '332', text: 'Recruiting' },\r\n { id: '333', text: 'Other' }\r\n];\r\n\r\nconst StrategyBusinessConsulting = [\r\n { id: '350', text: 'Advisory' },\r\n { id: '351', text: 'Business Development/Relationship Management' },\r\n { id: '352', text: 'Management Consulting' },\r\n { id: '353', text: 'Risk Manager/Officer' },\r\n { id: '354', text: 'Other' }\r\n];\r\n\r\nconst TradeAssociation = [\r\n { id: '370', text: 'Business Development/Relationship Management' },\r\n { id: '371', text: 'Other' }\r\n];\r\n\r\nconst Academia = [\r\n { id: '0', text: 'Faculty' },\r\n { id: '1', text: 'Librarian' },\r\n { id: '2', text: 'PhD Student' },\r\n { id: '3', text: 'Undergrad and MBA Student' },\r\n { id: '4', text: 'Other' }\r\n];\r\n\r\nconst GovernmentEntityRegulatory = [\r\n { id: '130', text: 'Government Official' },\r\n { id: '131', text: 'Regulatory Affairs' },\r\n { id: '132', text: 'Treasury & Tax' },\r\n { id: '133', text: 'Other' }\r\n];\r\n\r\nconst Individual = [\r\n { id: '170', text: 'Individual Investor' },\r\n { id: '171', text: 'PhD Student' },\r\n { id: '172', text: 'Undergrad and MBA Student' },\r\n { id: '173', text: 'Other' }\r\n];\r\n\r\nconst Other = [\r\n { id: '40', text: 'Individual Investor' },\r\n { id: '41', text: 'PhD Student' },\r\n { id: '42', text: 'Undergrad and MBA Student' },\r\n { id: '43', text: 'Other' }\r\n];\r\n\r\nexport {\r\n countryList,\r\n optInList,\r\n usStates,\r\n ausProv,\r\n canProv,\r\n chinaProv,\r\n companyTypeList,\r\n InvestmentBank,\r\n PrivateEquity,\r\n CommercialBank,\r\n CreditUnion,\r\n Insurance,\r\n AssetManager,\r\n InformationProvider,\r\n AutomobilesAndComponents,\r\n HealthcareEquipmentAndServices,\r\n Media,\r\n OilGas,\r\n AuditorsAccounting,\r\n LawFirm,\r\n PublicRelationsInvestorRelations,\r\n RecruiterHeadhunter,\r\n StrategyBusinessConsulting,\r\n TradeAssociation,\r\n Academia,\r\n GovernmentEntityRegulatory,\r\n Individual,\r\n AssetOwner,\r\n HedgeFund,\r\n CapitalGoods,\r\n CommercialServicesAndSupplies,\r\n ConsumerDurablesAndApparel,\r\n ConsumerServices,\r\n FoodAndStaplesRetailing,\r\n FoodBeverageAndTobacco,\r\n HouseholdAndPersonalProducts,\r\n Other,\r\n PharmaceuticalsBiotechnologyAndLifeSciences,\r\n RealEstate,\r\n Metals,\r\n Materials,\r\n Retailing,\r\n Technology,\r\n TradingComapaniesAndDistributors,\r\n Transportation\r\n};\r\n","import zenscroll from 'zenscroll';\r\n\r\nconst duration = 500;\r\n\r\nconst offset = 100;\r\n\r\nzenscroll.setup(duration, 0);\r\n\r\nfunction getTargetY(targetElement: HTMLElement) {\r\n return zenscroll.getTopOf(targetElement) || 0;\r\n}\r\n\r\nfunction getAdditionalOffset(targetElement: HTMLElement) {\r\n return parseFloat(window.getComputedStyle(targetElement, null).getPropertyValue('padding-top') || '0');\r\n}\r\n\r\nconst focusLink = (targetElement: HTMLElement | null) => {\r\n if (!targetElement) return;\r\n const link = targetElement.querySelector('a');\r\n if (!link) return;\r\n link.focus();\r\n};\r\n\r\n// Use to smooth scroll to anchor on same page\r\nconst smoothScroll = (hash: string, event?: React.SyntheticEvent | MouseEvent) => {\r\n if (event) event.preventDefault();\r\n if (!hash || !hash.length) return;\r\n if (hash === '#!') return;\r\n let targetElement = document.querySelector(hash);\r\n if (targetElement === null) return;\r\n\r\n const hasPageSection = targetElement.classList.contains('page-section');\r\n if (!hasPageSection) targetElement = targetElement.querySelector('.page-section');\r\n if (targetElement === null) return;\r\n\r\n const targetY = getTargetY(targetElement);\r\n const additionalOffset = getAdditionalOffset(targetElement);\r\n\r\n zenscroll.toY(targetY + additionalOffset - offset, duration, () => focusLink(targetElement));\r\n};\r\n\r\nconst smoothScrollToCenter = (event: React.SyntheticEvent | MouseEvent, vOffset = 0) => {\r\n event.preventDefault();\r\n zenscroll.center(event.currentTarget as HTMLElement, duration, vOffset);\r\n};\r\n\r\nconst smoothScrollToElement = (targetElement: HTMLElement, vDuration = duration, vOffset = 0) => {\r\n const targetY = getTargetY(targetElement);\r\n const additionalOffset = getAdditionalOffset(targetElement);\r\n zenscroll.toY(targetY + additionalOffset - vOffset, vDuration);\r\n};\r\n\r\nconst smoothScrollToTop = (vDuration = duration, vOffset = 0) => {\r\n const targetElement = document.body as HTMLElement;\r\n const targetY = getTargetY(targetElement);\r\n const additionalOffset = getAdditionalOffset(targetElement);\r\n zenscroll.toY(targetY + additionalOffset - vOffset, vDuration);\r\n};\r\n\r\nexport { smoothScroll as default, smoothScrollToCenter, focusLink, smoothScrollToElement, smoothScrollToTop };\r\n","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from \"react\";\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M9.32856 2.08347C9.22019 2.0489 9.10271 2.05695 9.00006 2.10597C8.94919 2.12952 8.90406 2.16385 8.8678 2.20659C8.83154 2.24933 8.80501 2.29945 8.79006 2.35347L8.43306 3.72897C8.30835 4.20969 8.12708 4.67393 7.89306 5.11197C7.52931 5.79222 6.97956 6.31497 6.46956 6.75447L5.39106 7.68447C5.30856 7.75564 5.24412 7.84537 5.20305 7.94628C5.16198 8.0472 5.14545 8.15642 5.15481 8.26497L5.76381 15.3097C5.77862 15.4808 5.85698 15.6402 5.98345 15.7564C6.10992 15.8726 6.27532 15.9372 6.44706 15.9375H9.93381C12.2858 15.9375 14.2681 14.301 14.6483 12.1027L15.1771 9.04272C15.1942 8.94411 15.1896 8.84294 15.1636 8.74629C15.1375 8.64964 15.0907 8.55985 15.0263 8.48319C14.962 8.40654 14.8816 8.34487 14.7909 8.30252C14.7003 8.26016 14.6014 8.23813 14.5013 8.23797H10.6156C9.88281 8.23797 9.32556 7.58097 9.44406 6.85797L9.94131 3.82497C10.0094 3.40954 9.99001 2.98446 9.88431 2.57697C9.85448 2.4691 9.79786 2.37052 9.7197 2.2904C9.64155 2.21028 9.54441 2.15122 9.43731 2.11872L9.32856 2.08347ZM8.51106 1.09272C8.87376 0.918236 9.28957 0.889513 9.67281 1.01247L9.78156 1.04772C10.3643 1.23522 10.8188 1.70022 10.9733 2.29422C11.1181 2.85372 11.1451 3.43722 11.0513 4.00722L10.5541 7.04022C10.5525 7.04917 10.553 7.05834 10.5554 7.0671C10.5577 7.07585 10.562 7.08398 10.5679 7.09091C10.5737 7.09784 10.581 7.10341 10.5893 7.10722C10.5975 7.11103 10.6065 7.11299 10.6156 7.11297H14.5006C15.6256 7.11297 16.4776 8.12697 16.2856 9.23472L15.7568 12.2947C15.2783 15.0607 12.8033 17.0625 9.93381 17.0625H6.44706C5.99375 17.0621 5.55706 16.8918 5.22314 16.5853C4.88922 16.2787 4.68233 15.8581 4.64331 15.4065L4.03356 8.36172C4.00877 8.07563 4.05228 7.78773 4.1605 7.52174C4.26873 7.25574 4.43857 7.01925 4.65606 6.83172L5.73606 5.90172C6.22731 5.47872 6.64056 5.06847 6.90006 4.58172C7.09274 4.22225 7.24179 3.84105 7.34406 3.44622L7.70106 2.07147C7.75689 1.85929 7.85827 1.66182 7.99816 1.4928C8.13804 1.32377 8.31306 1.18725 8.51106 1.09272ZM2.22606 7.11372C2.371 7.10739 2.51279 7.1573 2.6218 7.25303C2.73082 7.34877 2.79862 7.48292 2.81106 7.62747L3.53856 16.0545C3.55088 16.18 3.5375 16.3067 3.49922 16.4268C3.46094 16.5469 3.39857 16.658 3.31592 16.7532C3.23327 16.8485 3.13207 16.9259 3.01851 16.9807C2.90495 17.0355 2.78141 17.0666 2.65543 17.072C2.52946 17.0775 2.40369 17.0572 2.28581 17.0124C2.16794 16.9677 2.06042 16.8993 1.96984 16.8116C1.87926 16.7239 1.80751 16.6186 1.75898 16.5022C1.71044 16.3859 1.68614 16.2608 1.68756 16.1347V7.67547C1.68743 7.53036 1.74338 7.3908 1.84374 7.28598C1.94409 7.18115 2.08107 7.11991 2.22606 7.11372Z\",\n fill: \"#737676\"\n});\nvar SvgThumbUp = function SvgThumbUp(_ref) {\n var svgRef = _ref.svgRef,\n props = _objectWithoutProperties(_ref, [\"svgRef\"]);\n return React.createElement(\"svg\", _extends({\n width: 18,\n height: 18,\n viewBox: \"0 0 18 18\",\n fill: \"none\",\n ref: svgRef\n }, props), _ref2);\n};\nvar ForwardRef = React.forwardRef(function (props, ref) {\n return React.createElement(SvgThumbUp, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/thumb-up.52af78c6.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from \"react\";\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M8.67144 15.9165C8.77981 15.9511 8.89729 15.9431 8.99994 15.894C9.05081 15.8705 9.09594 15.8361 9.1322 15.7934C9.16846 15.7507 9.19499 15.7005 9.20994 15.6465L9.56694 14.271C9.69165 13.7903 9.87292 13.3261 10.1069 12.888C10.4707 12.2078 11.0204 11.685 11.5304 11.2455L12.6089 10.3155C12.6914 10.2444 12.7559 10.1546 12.7969 10.0537C12.838 9.9528 12.8546 9.84358 12.8452 9.73503L12.2362 2.69028C12.2214 2.51918 12.143 2.35983 12.0166 2.24363C11.8901 2.12744 11.7247 2.06283 11.5529 2.06253H8.06619C5.71419 2.06253 3.73194 3.69903 3.35169 5.89728L2.82294 8.95728C2.80578 9.05589 2.81038 9.15706 2.83642 9.25371C2.86245 9.35036 2.90929 9.44015 2.97366 9.51681C3.03802 9.59346 3.11836 9.65513 3.20905 9.69748C3.29974 9.73984 3.3986 9.76187 3.49869 9.76203H7.38444C8.11719 9.76203 8.67444 10.419 8.55594 11.142L8.05869 14.175C7.99057 14.5905 8.00999 15.0155 8.11569 15.423C8.14552 15.5309 8.20214 15.6295 8.2803 15.7096C8.35845 15.7897 8.45559 15.8488 8.56269 15.8813L8.67144 15.9165ZM9.48894 16.9073C9.12624 17.0818 8.71043 17.1105 8.32719 16.9875L8.21844 16.9523C7.63569 16.7648 7.18119 16.2998 7.02669 15.7058C6.88194 15.1463 6.85494 14.5628 6.94869 13.9928L7.44594 10.9598C7.44747 10.9508 7.44703 10.9417 7.44464 10.9329C7.44225 10.9241 7.43798 10.916 7.43212 10.9091C7.42626 10.9022 7.41896 10.8966 7.41072 10.8928C7.40249 10.889 7.39352 10.887 7.38444 10.887H3.49944C2.37444 10.887 1.52244 9.87303 1.71444 8.76528L2.24319 5.70528C2.72169 2.93928 5.19669 0.937527 8.06619 0.937527H11.5529C12.0062 0.937908 12.4429 1.10818 12.7769 1.41475C13.1108 1.72132 13.3177 2.14191 13.3567 2.59353L13.9664 9.63828C13.9912 9.92437 13.9477 10.2123 13.8395 10.4783C13.7313 10.7443 13.5614 10.9808 13.3439 11.1683L12.2639 12.0983C11.7727 12.5213 11.3594 12.9315 11.0999 13.4183C10.9073 13.7778 10.7582 14.159 10.6559 14.5538L10.2989 15.9285C10.2431 16.1407 10.1417 16.3382 10.0018 16.5072C9.86196 16.6762 9.68694 16.8128 9.48894 16.9073ZM15.7739 10.8863C15.629 10.8926 15.4872 10.8427 15.3782 10.747C15.2692 10.6512 15.2014 10.5171 15.1889 10.3725L14.4614 1.94553C14.4491 1.82004 14.4625 1.69335 14.5008 1.57321C14.5391 1.45306 14.6014 1.34198 14.6841 1.24675C14.7667 1.15152 14.8679 1.07414 14.9815 1.01933C15.095 0.964521 15.2186 0.933437 15.3446 0.927975C15.4705 0.922514 15.5963 0.942789 15.7142 0.987564C15.8321 1.03234 15.9396 1.10067 16.0302 1.18839C16.1207 1.27611 16.1925 1.38138 16.241 1.49776C16.2896 1.61414 16.3139 1.73919 16.3124 1.86528V10.3245C16.3126 10.4696 16.2566 10.6092 16.1563 10.714C16.0559 10.8189 15.9189 10.8801 15.7739 10.8863Z\",\n fill: \"#737676\"\n});\nvar SvgThumbDown = function SvgThumbDown(_ref) {\n var svgRef = _ref.svgRef,\n props = _objectWithoutProperties(_ref, [\"svgRef\"]);\n return React.createElement(\"svg\", _extends({\n width: 18,\n height: 18,\n viewBox: \"0 0 18 18\",\n fill: \"none\",\n ref: svgRef\n }, props), _ref2);\n};\nvar ForwardRef = React.forwardRef(function (props, ref) {\n return React.createElement(SvgThumbDown, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/thumb-down.fc60ae80.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from \"react\";\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9.67281 1.01247C9.28957 0.889513 8.87376 0.918236 8.51106 1.09272C8.31306 1.18725 8.13804 1.32377 7.99816 1.4928C7.85827 1.66182 7.75689 1.85929 7.70106 2.07147L7.34406 3.44622C7.24179 3.84105 7.09274 4.22225 6.90006 4.58172C6.64056 5.06847 6.22731 5.47872 5.73606 5.90172L4.65606 6.83172C4.43857 7.01925 4.26873 7.25574 4.1605 7.52174C4.05228 7.78773 4.00877 8.07563 4.03356 8.36172L4.64331 15.4065C4.68233 15.8581 4.88922 16.2787 5.22314 16.5853C5.55706 16.8918 5.99375 17.0621 6.44706 17.0625H9.93381C12.8033 17.0625 15.2783 15.0607 15.7568 12.2947L16.2856 9.23472C16.4776 8.12697 15.6256 7.11297 14.5006 7.11297H10.6156C10.6065 7.11299 10.5975 7.11103 10.5893 7.10722C10.581 7.10341 10.5737 7.09784 10.5679 7.09091C10.562 7.08398 10.5577 7.07585 10.5554 7.0671C10.553 7.05834 10.5525 7.04917 10.5541 7.04022L11.0513 4.00722C11.1451 3.43722 11.1181 2.85372 10.9733 2.29422C10.8188 1.70022 10.3643 1.23522 9.78156 1.04772L9.67281 1.01247Z\",\n fill: \"#737676\"\n});\nvar _ref3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M2.6218 7.25303C2.51279 7.1573 2.371 7.10739 2.22606 7.11372C2.08107 7.11991 1.94409 7.18115 1.84374 7.28598C1.74338 7.3908 1.68743 7.53035 1.68756 7.67547V16.1347C1.68614 16.2608 1.71044 16.3859 1.75898 16.5022C1.80751 16.6186 1.87926 16.7239 1.96984 16.8116C2.06042 16.8993 2.16794 16.9677 2.28581 17.0124C2.40369 17.0572 2.52946 17.0775 2.65543 17.072C2.78141 17.0666 2.90495 17.0355 3.01851 16.9807C3.13207 16.9259 3.23327 16.8485 3.31592 16.7532C3.39857 16.658 3.46094 16.5469 3.49922 16.4268C3.5375 16.3066 3.55088 16.18 3.53856 16.0545L2.81106 7.62747C2.79862 7.48292 2.73082 7.34877 2.6218 7.25303Z\",\n fill: \"#737676\"\n});\nvar SvgThumbUpFilled = function SvgThumbUpFilled(_ref) {\n var svgRef = _ref.svgRef,\n props = _objectWithoutProperties(_ref, [\"svgRef\"]);\n return React.createElement(\"svg\", _extends({\n width: 18,\n height: 18,\n viewBox: \"0 0 18 18\",\n fill: \"none\",\n ref: svgRef\n }, props), _ref2, _ref3);\n};\nvar ForwardRef = React.forwardRef(function (props, ref) {\n return React.createElement(SvgThumbUpFilled, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/thumb-up-filled.9b13145f.svg\";\nexport { ForwardRef as ReactComponent };","import * as React from 'react';\r\nimport CustomLink from '../custom-link';\r\nimport { cn } from '../../../helpers';\r\n\r\nexport default function LinkList(props: LinkListProps) {\r\n const { list, maxLength, className, useIcons = true } = props;\r\n const items = maxLength ? list.slice(0, maxLength) : list;\r\n return (\r\n \r\n {items.map((link: LinkListItem) => (\r\n \r\n {link.type === 'emailAddress' ? (\r\n {link.additionalInfo}
}\r\n \r\n ))}\r\n \r\n );\r\n}\r\n","import * as React from 'react';\r\nimport Accordion from '../accordion';\r\nimport LinkList from '../link-list';\r\nimport { cn } from '../../../helpers';\r\n\r\nexport default function LinkListGroup(props: LinkListGroupProps) {\r\n const { list, className, useIcons = true, isAccordion, title } = props;\r\n\r\n if (isAccordion) {\r\n return (\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n\r\n return (\r\n \r\n {title} \r\n \r\n );\r\n}\r\n","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from \"react\";\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M1 0V55L9 45.6383L17 55V0\",\n stroke: \"#8C8C8C\"\n});\nvar SvgBookmarkBlueprint = function SvgBookmarkBlueprint(_ref) {\n var svgRef = _ref.svgRef,\n props = _objectWithoutProperties(_ref, [\"svgRef\"]);\n return React.createElement(\"svg\", _extends({\n width: 18,\n height: 57,\n viewBox: \"0 0 18 57\",\n fill: \"none\",\n ref: svgRef\n }, props), _ref2);\n};\nvar ForwardRef = React.forwardRef(function (props, ref) {\n return React.createElement(SvgBookmarkBlueprint, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/bookmark-blueprint.2f160234.svg\";\nexport { ForwardRef as ReactComponent };","import * as React from 'react';\r\nimport Tooltip from '@material-ui/core/Tooltip';\r\nimport { createStyles, Theme, makeStyles } from '@material-ui/core/styles';\r\nimport Media from 'react-media';\r\nimport { getText, getConfig, debounce, cn } from '../../../helpers';\r\nimport { ReactComponent as BookmarkIcon } from '../../../assets/svg/icons/bookmark.svg';\r\nimport { ReactComponent as LongBookmarkIcon } from '../../../assets/svg/icons/bookmark-blueprint.svg';\r\n\r\nconst Window = window as AnonymousObject;\r\nWindow.dataLayer = Window.dataLayer || [];\r\n\r\nconst useStyles = makeStyles((theme: Theme) => {\r\n return createStyles({\r\n tooltip: {\r\n backgroundColor: '#fff',\r\n color: 'black',\r\n maxWidth: theme.typography.pxToRem(450),\r\n fontSize: theme.typography.pxToRem(14),\r\n border: '1px solid #ccc',\r\n fontFamily: 'Akk Pro, Arial, sans-serif'\r\n }\r\n });\r\n});\r\n\r\nconst debounceDuration = getConfig('components.typeaheadThrottleDuration');\r\n\r\nfunction Bookmark(props: BookmarkProps & BookmarkActions & BookmarkContainerProps) {\r\n const { keyId, isLoggedIn, name, bookmarkTooltip, isDataBookmarked, bookmarkType, updateUserPreference, longBookmarkIcon } = props;\r\n const [openTooltip, setOpenTooltip] = React.useState(false);\r\n const [isBookmarked, setBookmarked] = React.useState(false);\r\n const [disablePointerEvents, setDisablePointerEvents] = React.useState(false);\r\n const bookmarkRef = React.useRef(null);\r\n\r\n React.useEffect(() => {\r\n setBookmarked(isDataBookmarked);\r\n }, [isDataBookmarked]);\r\n\r\n const notLoggedInTitle = getText('bookmark.tooltip.notLoggedIn');\r\n let bookmarkTitle = notLoggedInTitle;\r\n let bookmarkTitleMobile = notLoggedInTitle;\r\n if (isLoggedIn) {\r\n const bookmarkDesktop = bookmarkTooltip && bookmarkTooltip.find(item => item.deviceType === 'desktop');\r\n const bookmarkMobile = bookmarkTooltip && bookmarkTooltip.find(item => item.deviceType === 'mobile');\r\n bookmarkTitle = bookmarkDesktop && (isBookmarked ? bookmarkDesktop.bookmarked : bookmarkDesktop.notBookmarked);\r\n bookmarkTitleMobile = bookmarkMobile && (isBookmarked ? bookmarkMobile.notBookmarked : bookmarkMobile.bookmarked);\r\n }\r\n const handleTooltipOpen = () => {\r\n setOpenTooltip(true);\r\n };\r\n\r\n const handleTooltipClose = debounce(() => {\r\n setOpenTooltip(false);\r\n }, debounceDuration);\r\n\r\n const handleLeave = () => {\r\n setDisablePointerEvents(false);\r\n };\r\n\r\n function SwitchBookmark() {\r\n if (isLoggedIn) {\r\n let bookmarkAction = '';\r\n let gaBookmarkAction = '';\r\n if (isDataBookmarked) {\r\n bookmarkAction = 'remove';\r\n gaBookmarkAction = 'removed';\r\n } else {\r\n bookmarkAction = 'add';\r\n gaBookmarkAction = 'added';\r\n }\r\n if (isDataBookmarked && bookmarkRef.current) {\r\n bookmarkRef.current.blur();\r\n document.body.focus();\r\n setDisablePointerEvents(true);\r\n }\r\n setBookmarked(!isDataBookmarked);\r\n const bookmarkparams: BookmarkParams = {\r\n action: bookmarkAction,\r\n type: bookmarkType,\r\n bookmark: { keyId, name: bookmarkType === 'queries' ? name : '', created: new Date() },\r\n onSuccess: () => {\r\n Window.dataLayer.push({\r\n event: 'formSubmit',\r\n submitSuccess: 'true',\r\n formType: 'bookmark',\r\n bookmarkStatus: gaBookmarkAction,\r\n additionalDetails: `${bookmarkType} bookmark ${gaBookmarkAction}: ${keyId}`\r\n });\r\n }\r\n };\r\n\r\n updateUserPreference(bookmarkparams);\r\n }\r\n handleTooltipOpen();\r\n handleTooltipClose();\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n {longBookmarkIcon ? (\r\n e.key === 'Enter' && SwitchBookmark()} />\r\n ) : (\r\n e.key === 'Enter' && SwitchBookmark()} />\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {longBookmarkIcon ? (\r\n e.key === 'Enter' && SwitchBookmark()}\r\n />\r\n ) : (\r\n e.key === 'Enter' && SwitchBookmark()}\r\n />\r\n )}\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default React.memo(Bookmark);\r\n","import { connect } from 'react-redux';\r\nimport { ThunkDispatch } from 'redux-thunk';\r\nimport { AnyAction } from 'redux';\r\nimport { updateUserPreference } from '../../../redux/user/user.actions';\r\nimport { get, debounce, getConfig } from '../../../helpers';\r\nimport Bookmark from './bookmark';\r\n\r\nconst debounceDuration = getConfig('components.bookmarkThrottleDuration');\r\n\r\nlet allBookmarks: BookmarkParams[] = [];\r\n\r\nconst debounceFunc = debounce(dispatch => {\r\n const localBookmarkQueue = Object.create(allBookmarks);\r\n dispatch(updateUserPreference.action(localBookmarkQueue)).then(allBookmarks = allBookmarks.filter(el => {\r\n return localBookmarkQueue.indexOf(el) < 0;\r\n }));\r\n}, debounceDuration);\r\n\r\nconst mapStateToProps = (state: RootStoreState, ownProps: BookmarkProps): BookmarkProps & BookmarkContainerProps => {\r\n const { keyId, bookmarkType } = ownProps;\r\n const bookmarkPreference = get(state.user, 'bookmarkPreference', { bookMarks: { datasets: [], solutions: [], queries: [], blueprints: [] } });\r\n const { bookMarks } = bookmarkPreference;\r\n\r\n let isBookmarked = false;\r\n if (bookMarks) {\r\n if (bookmarkType === 'solutions') {\r\n isBookmarked = bookMarks.solutions && bookMarks.solutions.some(x => x.keyId === keyId);\r\n } else if (bookmarkType === 'blueprints') {\r\n isBookmarked = bookMarks.blueprints && bookMarks.blueprints.some(x => x.keyId === keyId);\r\n } else if (bookmarkType === 'queries') {\r\n isBookmarked = bookMarks.queries && bookMarks.queries.some(x => x.keyId.toString() === keyId.toString());\r\n } else {\r\n isBookmarked = bookMarks.datasets && bookMarks.datasets.some(x => x.keyId.toString() === keyId.toString());\r\n }\r\n }\r\n\r\n return { ...ownProps, isDataBookmarked: isBookmarked };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch: ThunkDispatch<{ isLoggedIn: boolean }, {}, AnyAction>): BookmarkActions => ({\r\n updateUserPreference: async (params: BookmarkParams) => {\r\n allBookmarks.push(params);\r\n debounceFunc(dispatch);\r\n }\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Bookmark);\r\n","import * as React from 'react';\r\nimport CustomLink from '../custom-link';\r\nimport HtmlContent from '../html-content';\r\n\r\nfunction Note({ title, noteParagraph, linkText, linkHref }: NoteProps) {\r\n return (\r\n \r\n {title &&
{title} }\r\n
\r\n
\r\n
(false);\r\n const { productVariant, productId = '', className, productName = '', isXLButton, dataProvider, buttonText, marketMSADataLink, dataFilePath, marketplaceMSATooltip, metaData } = props;\r\n const headerVariant = getVariant(productVariant, productId);\r\n const customText = buttonVariants[headerVariant] || buttonVariants[productVariant] || buttonVariants.default;\r\n // console.log('rat_button:metaData:', metaData);\r\n\r\n return (\r\n <>\r\n setModalOpen(true)}\r\n hasIcon={isXLButton}\r\n theme=\"primary\"\r\n isFullWidth\r\n gtmId=\"rat-form-load\"\r\n className={cn('rta-btn', { 'rta-btn--xl': isXLButton }, className)}\r\n />\r\n setModalOpen(false)}\r\n isFullScreen={window.innerWidth < 1024}\r\n scrollBody\r\n keyPageId={getKeyPageId(productVariant)}\r\n title=\"request more information\"\r\n >\r\n ('');\r\n const [maxCharErrMsg, setMaxCharErrMsg] = React.useState('');\r\n const [isLoading, setIsLoading] = React.useState(false);\r\n const [showResult, setShowResult] = React.useState('');\r\n const [response, setResponse] = React.useState();\r\n const [feedback, setFeedback] = React.useState('');\r\n const [modalIsOpen, setModalOpen] = React.useState(false);\r\n const [relatedLinks, setRelatedLinks] = React.useState();\r\n const [redIconClicked, setRedIconClicked] = React.useState(false);\r\n const [isTextArea, setIsTextArea] = React.useState(false);\r\n const [maxChars, setMaxChars] = React.useState(20);\r\n const [callToActionLinks, seCallToActionLinks] = React.useState([]);\r\n const inputRef = React.useRef(null);\r\n const signInUrl = getConfig('urls.mi.ssacs.oktaSignIn');\r\n let returnUrl = '';\r\n\r\n const onCancelClick = () => {\r\n setSearchValue('');\r\n setShowResult('');\r\n setFeedback('');\r\n setMaxCharErrMsg('');\r\n APIManager.cancelApiRequest();\r\n };\r\n\r\n const activateTextAreaOrInput = () => {\r\n const focusElement = () => {\r\n setTimeout(() => {\r\n const inp: any = inputRef.current;\r\n if (inp) {\r\n const l: any = inp.value.length;\r\n inp.focus();\r\n inp.setSelectionRange(l, l);\r\n }\r\n }, 100);\r\n };\r\n if (searchValue.length > maxChars) {\r\n setIsTextArea(true);\r\n focusElement();\r\n } else if (isTextArea) {\r\n setIsTextArea(false);\r\n focusElement();\r\n }\r\n };\r\n\r\n const handleOnChange = (event: React.ChangeEvent) => {\r\n const { value } = event.currentTarget as HTMLInputElement;\r\n if (feedback !== '') setFeedback('');\r\n const regex = /^\\s+/g;\r\n const realValue = value.replace(regex, '');\r\n if (realValue.length > 500) {\r\n setMaxCharErrMsg(maxSearchTextError);\r\n } else if (maxCharErrMsg.length > 0) setMaxCharErrMsg('');\r\n setSearchValue(realValue);\r\n if (!realValue) {\r\n setShowResult('');\r\n if (isLoading) setIsLoading(false);\r\n }\r\n };\r\n\r\n const handleBlur = () => {\r\n setIsTextArea(false);\r\n };\r\n\r\n const variantData = () => {\r\n switch (variant) {\r\n case 'dataset':\r\n return {\r\n dataProvider: (dataProfile as DataProfile).dataProvider,\r\n productVariant: variant,\r\n productName: (dataProfile as DataProfile).name,\r\n productId: (dataProfile as DataProfile).id.toString(),\r\n titleText: (dataProfile as DataProfile).marketplaceTrialButtonTitle,\r\n marketMSADataLink: (dataProfile as DataProfile).marketMSADataLink,\r\n dataFilePath: (dataProfile as DataProfile).marketMSADataFilePath,\r\n marketplaceMSATooltip: (dataProfile as DataProfile).marketplaceMSATooltip\r\n };\r\n case 'bundle':\r\n return {\r\n dataProvider: (dataProfile as DataProfile).dataProvider,\r\n productVariant: variant,\r\n productName: (dataProfile as DataProfile).name,\r\n productId: (dataProfile as DataProfile).id.toString(),\r\n titleText: (dataProfile as DataProfile).marketplaceTrialButtonTitle,\r\n marketMSADataLink: (dataProfile as DataProfile).marketMSADataLink,\r\n dataFilePath: (dataProfile as DataProfile).marketMSADataFilePath,\r\n marketplaceMSATooltip: (dataProfile as DataProfile).marketplaceMSATooltip\r\n };\r\n case 'solution':\r\n return {\r\n dataProvider: (dataProfile as APISolution).MarketSolutionProvider.MktplaceSolutionProvider,\r\n productVariant: variant,\r\n productName: (dataProfile as APISolution).MktplaceSolutionName,\r\n productId: (dataProfile as APISolution).KeyPlatformService,\r\n titleText: (dataProfile as APISolution).MarketplaceTrialButtonTitle,\r\n marketMSADataLink: (dataProfile as APISolution).MSADataLink,\r\n dataFilePath: (dataProfile as APISolution).MSADataFilePath,\r\n marketplaceMSATooltip: (dataProfile as APISolution).MarketplaceMSATooltip\r\n };\r\n case 'blueprint':\r\n return {\r\n dataProvider: (dataProfile as BluePrintProfile).MarketplaceDataProviders != null && (dataProfile as BluePrintProfile).MarketplaceDataProviders.length > 0 && (dataProfile as BluePrintProfile).MarketplaceDataProviders[0] ? (dataProfile as BluePrintProfile).MarketplaceDataProviders[0].MarketplaceDataProvider : '',\r\n productVariant: variant,\r\n productName: (dataProfile as BluePrintProfile).MarketplaceBlueprintName,\r\n productId: (dataProfile as BluePrintProfile).KeyMarketplaceBlueprint,\r\n titleText: (dataProfile as BluePrintProfile).MarketplaceTrialButtonTitle,\r\n marketMSADataLink: (dataProfile as BluePrintProfile).MSADataLink,\r\n dataFilePath: (dataProfile as BluePrintProfile).MSADataFilePath,\r\n marketplaceMSATooltip: (dataProfile as BluePrintProfile).MarketplaceMSATooltip\r\n };\r\n default: {\r\n return {\r\n dataProvider: '',\r\n productVariant: '',\r\n productName: '',\r\n productId: '',\r\n titleText: '',\r\n marketMSADataLink: '',\r\n dataFilePath: '',\r\n marketplaceMSATooltip: undefined\r\n };\r\n }\r\n }\r\n };\r\n\r\n const {\r\n dataProvider,\r\n productVariant,\r\n productName,\r\n productId,\r\n titleText,\r\n marketMSADataLink,\r\n dataFilePath,\r\n marketplaceMSATooltip\r\n } = variantData();\r\n\r\n const getQueryData = () => {\r\n const data = {\r\n query: searchValue,\r\n user_type: isInternal ? 'internal' : 'external',\r\n pk_marketplace_dataset: variant === 'dataset' ? id as number : undefined,\r\n pk_marketplace_dataset_bundle: variant === 'bundle' ? id as number : undefined,\r\n pk_marketplace_platform_service: variant === 'solution' ? id as string : undefined,\r\n pk_marketplace_blueprint: variant === 'blueprint' ? id as string : undefined\r\n };\r\n return data;\r\n };\r\n\r\n const populatRelatedLink = (valueList: any[]) => {\r\n const itemId = typeof id === 'number' ? id.toString() : id;\r\n const regex = new RegExp(`/.*\\\\(${itemId}\\\\)`);\r\n if (valueList && valueList.length > 0) {\r\n const newList = valueList.map(item => {\r\n return Object.values(item)[0];\r\n });\r\n const validLinks = newList ? newList.filter((link: any) => !regex.test(link.tile_url)) : [];\r\n const top4Links = validLinks.slice(0, validLinks.length > 4 ? 4 : validLinks.length);\r\n setRelatedLinks(top4Links);\r\n } else setRelatedLinks([]);\r\n };\r\n\r\n const handleError = (isRequestManuallyCanceled = false) => {\r\n setIsLoading(false);\r\n setRedIconClicked(false);\r\n setResponse(null);\r\n setRelatedLinks([]);\r\n if (!isRequestManuallyCanceled) {\r\n setShowResult(searchErrorMessage);\r\n }\r\n };\r\n\r\n const onLinkClicked = (value: string, isSkip: boolean) => {\r\n const link = isSkip ? value : getUpdatedLink(value, langCode);\r\n if (link) {\r\n Window.dataLayer.push({\r\n event: 'suggestionButtonLLM',\r\n suggestionButtonURL: link,\r\n });\r\n window.open(link, '_blank');\r\n }\r\n };\r\n\r\n const responseVaidation = (data: any) => {\r\n if (data && data.related_links) {\r\n const actions: RelatedLink[] = []; // callToAction buttons objects\r\n const filteredLinks: RelatedLink[] = data.related_links.filter((link: any) => link.url !== undefined && link.link_category !== undefined); // valid links\r\n // get call-to-action links according to relevancy scores\r\n // filteredLinks are already ordered acoording to relevancy\r\n // we just need to get first object from each category and not loose order\r\n filteredLinks.forEach((link: RelatedLink) => {\r\n const cat = link.link_category;\r\n if ((cat === 'tile_user_guide' || cat === 'data_guide' || cat === 'knowledge_base') && !actions.some(el => el.link_category === cat)) {\r\n actions.push(link);\r\n }\r\n });\r\n if (actions.length) {\r\n // call-to-action button element\r\n const actionButton = (key: string, url: string, name: string) => {\r\n return (\r\n onLinkClicked(url, true)}>\r\n {name} \r\n \r\n );\r\n };\r\n seCallToActionLinks(\r\n actions.map((el: RelatedLink) => {\r\n switch (el.link_category) {\r\n case 'tile_user_guide':\r\n return actionButton(el.link_category, el.url, (el.url.includes('/datasets/') || el.url.includes('/blueprints/')) ? userGuideText : techGuideText);\r\n case 'data_guide':\r\n return actionButton(el.link_category, el.url, dataGuideText);\r\n case 'knowledge_base':\r\n return actionButton(el.link_category, el.url, supportArticleText);\r\n default:\r\n return <>;\r\n }\r\n })\r\n );\r\n }\r\n }\r\n const validLinks = data.related_links ? data.related_links.filter((link: any) => link.url === undefined) : [];\r\n populatRelatedLink(validLinks && validLinks.length > 0 ? validLinks : []);\r\n };\r\n\r\n const emailStatusCallback = (hasRequestSuccess: boolean, successCallback: () => void, error: (error: string) => void) => {\r\n if (hasRequestSuccess) {\r\n successCallback();\r\n } else {\r\n error('Email request failed');\r\n }\r\n };\r\n\r\n // Example success callback function\r\n const handleSuccess = () => {\r\n console.log('Email request succeeded');\r\n };\r\n\r\n // Example error callback function\r\n const handleEmailError = (errorMessage: any) => {\r\n console.error(`Email request failed: ${errorMessage}`);\r\n };\r\n\r\n const sendEmail = (errorBody: string, errorSubject: string) => {\r\n APIManager.sendEmail(\r\n errorBody,\r\n errorSubject,\r\n spgVariables.KENSHOLLMEmailList,\r\n (isSuccess: boolean) => {\r\n emailStatusCallback(isSuccess, handleSuccess, handleEmailError);\r\n }\r\n );\r\n };\r\n\r\n const sendSearchFailedEmail = (value: string, reason: any) => {\r\n const errorData = '\r\n \r\n
\r\n
\r\n
{text} \r\n {!isLoggedIn && (\r\n
\r\n
\r\n {logInToAccessAiText}\r\n \r\n \r\n \r\n \r\n )}\r\n
\r\n {isLoggedIn && (\r\n
\r\n \r\n {isLoggedIn && (\r\n
\r\n {aiPoweredText} \r\n
\r\n )}\r\n {isLoggedIn && (\r\n
\r\n {showToolTipIcon()}\r\n
\r\n \r\n
\r\n {/*
\r\n \r\n
*/}\r\n {searchValue && searchValue.length > 0 ?\r\n (\r\n
\r\n \r\n ) : (\r\n
\r\n \r\n )}\r\n
\r\n
\r\n )}\r\n {isLoggedIn && maxCharErrMsg && maxCharErrMsg.length > 0 && (
{maxCharErrMsg} )}\r\n {isLoggedIn && isLoading && (\r\n
\r\n
Generating...
\r\n
\r\n
\r\n
\r\n
\r\n )}\r\n {isLoggedIn && !isLoading && showResult && showResult.length > 0 && (\r\n <>\r\n
\r\n
{showResult.replace('\\n1', '\\n\\n1')}
\r\n
\r\n
\r\n
\r\n setModalOpen(true)}>\r\n Talk to an Expert \r\n \r\n {callToActionLinks}\r\n
\r\n {response && (\r\n
\r\n \r\n {getThumbUpIcon()}\r\n \r\n \r\n {getThumbDownIcon()}\r\n \r\n
\r\n )}\r\n
\r\n {relatedLinks && relatedLinks.length > 0 && (\r\n <>\r\n
Related Datasets, Solutions and Blueprints \r\n
\r\n {relatedLinks && relatedLinks.map(link => onLinkClicked(link.tile_url, false)}>{link.name} )}\r\n
\r\n \r\n )}\r\n \r\n )}\r\n
setModalOpen(false)}\r\n isFullScreen={window.innerWidth < 1024}\r\n scrollBody\r\n keyPageId={getKeyPageId()}\r\n title=\"request more information\"\r\n >\r\n {\r\n public setTimeoutInstance: number | null = null;\r\n\r\n public navBar: React.RefObject;\r\n\r\n public navBarInner: React.RefObject;\r\n\r\n public constructor(props: SubNavProps) {\r\n super(props);\r\n\r\n this.state = {\r\n sticky: false,\r\n hash: window.location.hash\r\n };\r\n this.navBar = React.createRef();\r\n this.navBarInner = React.createRef();\r\n }\r\n\r\n public componentDidMount() {\r\n window.addEventListener('scroll', this.handleScroll, false);\r\n if (window.location.hash.length) {\r\n this.setTimeoutInstance = window.setTimeout(() => smoothScroll(window.location.hash), 1000);\r\n }\r\n }\r\n\r\n public componentWillUnmount() {\r\n window.removeEventListener('scroll', this.handleScroll, false);\r\n if (this.setTimeoutInstance) window.clearTimeout(this.setTimeoutInstance);\r\n }\r\n\r\n public handleClick = (event: React.SyntheticEvent, href: string) => {\r\n event.currentTarget.blur();\r\n smoothScroll(href, event);\r\n };\r\n\r\n public handleScroll = () => {\r\n\r\n if (this.navBarInner.current && this.navBar.current && this.navBar.current.parentElement) {\r\n const subNavSectionRect = this.navBar.current.parentElement.getBoundingClientRect();\r\n setTimeout(() => {\r\n const sticky = subNavSectionRect.top < 2;\r\n this.setState({ sticky, hash: window.location.hash });\r\n const activeSubNav = document.getElementsByClassName('sub-nav__item--active');\r\n // if (activeSubNav.length > 0 && sticky) activeSubNav[0].scrollIntoView();\r\n }, 30);\r\n }\r\n };\r\n\r\n public render() {\r\n const { sticky, hash } = this.state;\r\n const { navItems } = this.props;\r\n return (\r\n navItems.length > 0 && (\r\n \r\n
2,\r\n 'sub-nav--sticky': sticky,\r\n 'border-bottom': !sticky\r\n })}\r\n >\r\n {navItems.map(item => (\r\n this.handleClick(e, item.href)}\r\n title=\"\"\r\n data-testid={item.href}\r\n >\r\n {item.label}\r\n \r\n ))}\r\n \r\n onVideoLoaded()}\r\n />\r\n
\r\n );\r\n}\r\n\r\nexport default React.memo(VideoEmbed);\r\n","module.exports = __webpack_public_path__ + \"static/media/abbv_agn_drugs_shortened.7ea1a37f.mp3\";","module.exports = __webpack_public_path__ + \"static/media/accented_speech.9d9f542d.mp3\";","module.exports = __webpack_public_path__ + \"static/media/cat_earnings_intro.fafc29aa.mp3\";","import { getText } from '../../helpers';\r\n\r\nconst TEXT_BASE_PATH = 'pages.solution.demos.kenshoNerd';\r\n\r\nexport default function getTranslatedText(path: string): string {\r\n return getText(`${TEXT_BASE_PATH}.${path}`);\r\n}\r\n","import * as React from 'react';\r\nimport { Popover } from '@material-ui/core';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport getTranslatedText from './getTranslatedText';\r\n\r\nconst BASE_URL: Record = {\r\n wikimedia: 'https://www.wikidata.org/wiki/Q',\r\n capiq: 'https://www.capitaliq.com/CIQDotNet/company.aspx?companyId='\r\n};\r\n\r\nfunction generateEntityLink(knowledgeBase: KnowledgeBase, id: string): string {\r\n const base = BASE_URL[knowledgeBase];\r\n return `${base}${id}`;\r\n}\r\n\r\nfunction buildColorWithOpacity(color: string, hovered: string | null, id: string): string {\r\n const opacity = hovered === null || hovered === id ? 1 : 0.15;\r\n const chunks = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(color);\r\n if (chunks === null) return color;\r\n\r\n return `rgba(${parseInt(chunks[1], 16)}, ${parseInt(chunks[2], 16)}, ${parseInt(chunks[3], 16)}, ${opacity})`;\r\n}\r\n\r\nconst useStyles = makeStyles({\r\n root: {\r\n pointerEvents: 'none'\r\n },\r\n paper: {\r\n pointerEvents: 'auto'\r\n }\r\n});\r\n\r\nexport default function EntityMark(props: EntityMarkProps): JSX.Element {\r\n const { annotation, knowledgeBase, popoverMetadata, children, color, hoveredEntity, onHover } = props;\r\n const classes = useStyles();\r\n const [isOpen, setIsOpen] = React.useState(false);\r\n const [mousePosition, setMousePosition] = React.useState<{ x: number; y: number } | null>(null);\r\n\r\n function handleMouseEnter(event: React.MouseEvent): void {\r\n onHover(annotation.entity_kb_id);\r\n setIsOpen(true);\r\n setMousePosition({ x: event.clientX, y: event.clientY });\r\n }\r\n\r\n function handleMouseLeave(): void {\r\n onHover(null);\r\n setIsOpen(false);\r\n setMousePosition(null);\r\n }\r\n\r\n const isCapIq = knowledgeBase === 'capiq';\r\n const markTextColor = hoveredEntity !== null && hoveredEntity !== annotation.entity_kb_id ? { color: 'black' } : {};\r\n const markColor = color === null ? 'transparent' : buildColorWithOpacity(color, hoveredEntity, annotation.entity_kb_id);\r\n\r\n return (\r\n \r\n {children}\r\n \r\n \r\n
{annotation.text} \r\n {popoverMetadata.map(metadata => (\r\n
\r\n {metadata.title} {metadata.value}\r\n
\r\n ))}\r\n
\r\n {getTranslatedText(isCapIq ? 'seeCapIqPage' : 'seeWikiPage')}\r\n \r\n \r\n );\r\n}\r\n","import * as React from 'react';\r\n\r\nimport Loader from '../_common/loader';\r\nimport EntityMark from './entity-mark';\r\nimport getTranslatedText from './getTranslatedText';\r\n\r\n/* eslint-disable @typescript-eslint/camelcase */\r\nfunction generateTextParts(text: string, annotations: Annotation[]): AnnotationSpan[] {\r\n let lastEnd = 0;\r\n const parts = [];\r\n\r\n const sortedAnnotations = [...annotations].sort((a, b) => a.start_index - b.start_index);\r\n\r\n sortedAnnotations.forEach(annotation => {\r\n const { start_index, end_index } = annotation;\r\n if (lastEnd < start_index) {\r\n parts.push({ content: text.slice(lastEnd, start_index) });\r\n }\r\n parts.push({ content: text.slice(start_index, end_index), annotation });\r\n lastEnd = end_index;\r\n });\r\n\r\n if (lastEnd < text.length) {\r\n parts.push({ content: text.slice(lastEnd) });\r\n }\r\n\r\n return parts;\r\n}\r\n/* eslint-enable @typescript-eslint/camelcase */\r\n\r\nexport default function NerdMentions(props: NerdMentionsProps): JSX.Element {\r\n const { results, text, hoveredEntity, onHover } = props;\r\n\r\n if (results.status === 'error') return {results.error}
;\r\n if (results.status === 'pending') return \r\n {part.content}\r\n \r\n ) : (\r\n // eslint-disable-next-line react/no-array-index-key\r\n {part.content} \r\n );\r\n })}\r\n \r\n );\r\n}\r\n","import * as React from 'react';\r\nimport EntityMark from './entity-mark';\r\nimport getTranslatedText from './getTranslatedText';\r\n\r\nexport default function EntitiesFound(props: EntitiesFoundProps): JSX.Element {\r\n const { results, hoveredEntity, onHover } = props;\r\n const { annotations, knowledge_base: knowledgeBase } = results.results;\r\n\r\n const groupedAnnotations = annotations.reduce((acc, annotation) => {\r\n if (acc[annotation.entity_kb_id]) acc[annotation.entity_kb_id].count += 1;\r\n else acc[annotation.entity_kb_id] = { count: 1, annotation: { ...annotation } };\r\n\r\n return acc;\r\n }, {} as Record);\r\n\r\n return (\r\n \r\n {Object.values(groupedAnnotations).map(value => (\r\n
\r\n \r\n {value.annotation.text}\r\n \r\n ({value.count}) \r\n
\r\n ))}\r\n
(array: T[]): T[] {\r\n const copy = array.slice(0);\r\n for (let i = copy.length - 1; i > 0; i--) {\r\n const j = Math.floor(Math.random() * (i + 1));\r\n [copy[i], copy[j]] = [copy[j], copy[i]];\r\n }\r\n return copy;\r\n}\r\n\r\nexport default function generateEntityColorMap(annotations: Annotation[]): Record {\r\n const ids = new Set(annotations.map(annotation => annotation.entity_kb_id));\r\n const shuffledColors = shuffleArray(COLOR_MAP);\r\n return [...ids].reduce((acc, id, idx) => {\r\n acc[id] = shuffledColors[idx % shuffledColors.length];\r\n return acc;\r\n }, {} as Record);\r\n}\r\n","import * as React from 'react';\r\nimport axios from 'axios';\r\nimport Radio from '@material-ui/core/Radio';\r\nimport RadioGroup from '@material-ui/core/RadioGroup';\r\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\r\nimport HelpIcon from '@material-ui/icons/HelpOutlineRounded';\r\nimport Tooltip from '@material-ui/core/Tooltip';\r\n\r\nimport Button from '../_common/button';\r\nimport Notification from '../_common/notification';\r\n\r\nimport getTranslatedText from './getTranslatedText';\r\nimport NerdMentions from './nerd-mentions';\r\nimport EntitiesFound from './entities-found';\r\nimport generateEntityColorMap from './generateEntityColorMap';\r\nimport { ErrorManager } from '../../utilities/error-manager';\r\nimport getConfig from '../../helpers/get-config';\r\n\r\nconst urls = getConfig('urls');\r\n\r\nconst NERD_EXAMPLES: { descriptionKey: string; text: string; knowledgeBase: KnowledgeBase }[] = [\r\n {\r\n descriptionKey: 'example1',\r\n text:\r\n 'These interim Centers for Disease Control and Prevention clinical considerations are informed by data submitted to the Food and Drug Administration (FDA) for Emergency Use Authorization of the vaccines, other data sources, general best practice guidelines for immunization, and expert opinion. These considerations apply only to the vaccine products currently authorized in the United States (i.e., Pfizer, Moderna, and Johnson & Johnson vaccines).',\r\n knowledgeBase: 'capiq'\r\n },\r\n {\r\n descriptionKey: 'example2',\r\n text:\r\n 'RBS Securities Japan Limited, a wholly owned subsidiary of The Royal Bank of Scotland (RBS), has agreed to plead guilty to felony wire fraud and admit its role in manipulating a leading benchmark used in financial products and transactions around the world, the Justice Department and FBI announced today.',\r\n knowledgeBase: 'capiq'\r\n },\r\n {\r\n descriptionKey: 'example3',\r\n text:\r\n \"Nairobi denied a request by Supreme Court judges for extra security after one of their bodyguards was shot, preventing them from holding a hearing that could have delayed last week's presidential election. The court has been center stage since it annulled an Aug. 8 vote won by President Uhuru Kenyatta, citing procedural irregularities and ordering a repeat vote within 60 days. The decision was the first of its kind in Africa, where governments often hold sway over judges. It angered some of Kenyatta's supporters, who said the judges had thwarted the will of the people. Kenyatta won 98 percent of the vote in the Oct. 26 re-run after opposition leader Raila Odinga boycotted it on the grounds it would not be fair because the election board had failed to implement reforms he sought after the court decision, overseen by Chief Justice David Maraga.\",\r\n knowledgeBase: 'wikimedia'\r\n }\r\n];\r\n\r\nconst KNOWLEDGE_BASE_OPTIONS: { value: KnowledgeBase; label: string }[] = [\r\n { value: 'capiq', label: 'Capital IQ' },\r\n { value: 'wikimedia', label: 'Wikimedia' }\r\n];\r\n\r\nconst CHAR_COUNT_MAX = 2000;\r\n\r\nfunction filterAnnotations(annotations: ApiAnnotation[], kb: KnowledgeBase): Annotation[] {\r\n return annotations.filter((annotation): annotation is Annotation => {\r\n const threshold = kb === 'wikimedia' ? 0.15 : 0.95;\r\n return annotation.ned_score !== null && annotation.ned_score > threshold;\r\n });\r\n}\r\n\r\nexport default function KenshoNerdDemo(props: KenshoNerdDemoProps): JSX.Element {\r\n const { accessToken, onUnauthorizedResponse, onLoaded } = props;\r\n const [asyncResults, setAsyncResults] = React.useState | null>(null);\r\n const [text, setText] = React.useState('');\r\n const [sourceId, setSourceId] = React.useState('');\r\n const [knowledgeBase, setKnowledgeBase] = React.useState('capiq');\r\n const [showCharCountError, setShowCharCountError] = React.useState(false);\r\n const [showNoEntitiesFoundError, setShowNoEntitiesFoundError] = React.useState(null);\r\n const [hoveredEntity, setHoveredEntity] = React.useState(null);\r\n\r\n function resetDemo(): void {\r\n setAsyncResults(null);\r\n setText('');\r\n setSourceId('');\r\n setKnowledgeBase('capiq');\r\n setShowCharCountError(false);\r\n setHoveredEntity(null);\r\n setShowNoEntitiesFoundError(null);\r\n }\r\n\r\n function handleSourceIdChange(event: React.ChangeEvent): void {\r\n setSourceId(event.target.value);\r\n }\r\n\r\n function handleDemoTextClick(demoText: string, kb: KnowledgeBase): void {\r\n setAsyncResults(null);\r\n setText(demoText);\r\n setKnowledgeBase(kb);\r\n }\r\n\r\n function handleTextChange(event: React.ChangeEvent): void {\r\n const nextText = event.target.value;\r\n setText(nextText);\r\n if (nextText.length === CHAR_COUNT_MAX) {\r\n setShowCharCountError(true);\r\n }\r\n }\r\n\r\n function handleKnowledgeBaseSelect(event: React.ChangeEvent): void {\r\n const nextKnowledgeBase = event.target.value as KnowledgeBase;\r\n if (nextKnowledgeBase === 'wikimedia') setSourceId('');\r\n setKnowledgeBase(nextKnowledgeBase);\r\n }\r\n\r\n function handleEntityHover(nextHoveredEntity: string | null) {\r\n setHoveredEntity(nextHoveredEntity);\r\n }\r\n\r\n function tagEntities(): void {\r\n setAsyncResults({ status: 'pending' });\r\n\r\n const sourceIdToSend = sourceId === '' ? '0' : sourceId;\r\n // eslint-disable-next-line @typescript-eslint/camelcase\r\n const originatingEntityId = knowledgeBase === 'wikimedia' ? {} : { originating_entity_id: sourceIdToSend };\r\n const payload = {\r\n text,\r\n // eslint-disable-next-line @typescript-eslint/camelcase\r\n knowledge_bases: [knowledgeBase],\r\n ...originatingEntityId\r\n };\r\n\r\n axios\r\n .post(urls.mi.kensho.nerd, JSON.stringify(payload), {\r\n headers: { 'Content-Type': 'application/json', Authorization: `Bearer ${accessToken}` }\r\n })\r\n .then(response => {\r\n if (response && response.status === 200) {\r\n const results = response.data.results[0];\r\n const filteredAnnotations = filterAnnotations(results.annotations, results.knowledge_base);\r\n if (filteredAnnotations.length === 0) setShowNoEntitiesFoundError(results.knowledge_base);\r\n setAsyncResults({\r\n status: 'ready',\r\n data: { results: { ...results, annotations: filteredAnnotations }, colorMap: generateEntityColorMap(filteredAnnotations) }\r\n });\r\n }\r\n })\r\n .catch(error => {\r\n let errorMessage = getTranslatedText('generalError');\r\n if (error) {\r\n if (error.response && error.response.status === 403) onUnauthorizedResponse();\r\n else if (error.response && error.response.status === 429) errorMessage = getTranslatedText('quotaHit');\r\n // Only log unexpected errors to avoid the red error notification toast on expected behavior\r\n else ErrorManager.apiError(error, { msg: errorMessage });\r\n }\r\n setAsyncResults({ status: 'error', error: errorMessage });\r\n });\r\n }\r\n\r\n const isInputDisabled = asyncResults !== null;\r\n const isTagButtonDisabled = text === '' || asyncResults !== null;\r\n const isResetButtonDisabled =\r\n (asyncResults === null && text === '' && sourceId === '') || (asyncResults !== null && asyncResults.status === 'pending');\r\n\r\n React.useEffect(() => {\r\n if (onLoaded) onLoaded();\r\n }, []);\r\n\r\n return (\r\n \r\n {showCharCountError && (\r\n
setShowCharCountError(false)}\r\n message={getTranslatedText('charCountExceeded')}\r\n position={{ horizontal: 'left', vertical: 'bottom' }}\r\n variant=\"warning\"\r\n />\r\n )}\r\n {showNoEntitiesFoundError !== null && (\r\n setShowNoEntitiesFoundError(null)}\r\n message={getTranslatedText(`${showNoEntitiesFoundError}NoEntitiesFound`)}\r\n position={{ horizontal: 'left', vertical: 'bottom' }}\r\n variant=\"warning\"\r\n />\r\n )}\r\n {getTranslatedText('introText')}
\r\n \r\n {NERD_EXAMPLES.map(example => (\r\n handleDemoTextClick(example.text, example.knowledgeBase)}\r\n text={getTranslatedText(example.descriptionKey)}\r\n />\r\n ))}\r\n
\r\n \r\n
\r\n
\r\n
\r\n {getTranslatedText('knowledgeBase')} \r\n \r\n {KNOWLEDGE_BASE_OPTIONS.map(option => (\r\n \r\n
\r\n {knowledgeBase === 'capiq' && (\r\n
\r\n {getTranslatedText('sourceIdTooltip')}}>\r\n \r\n \r\n Source ID:\r\n \r\n
\r\n )}\r\n
\r\n {asyncResults === null ? (\r\n
\r\n ) : (\r\n
\r\n
\r\n )}\r\n
\r\n
\r\n
\r\n {getTranslatedText('entitiesFound')} \r\n
\r\n {asyncResults !== null && asyncResults.status === 'ready' && (\r\n
\r\n )}\r\n
\r\n
\r\n
\r\n \r\n {getTranslatedText('footerNote')} \r\n {getTranslatedText('footerNoteText')}\r\n
\r\n {\r\n return new Promise(resolve => setTimeout(resolve, delay));\r\n}\r\n\r\n/**\r\n * Repeatedly invokes an asynchronous callback with a minimum time delay between each invocation.\r\n *\r\n * The callback will not be re-invoked until both the delay has passed and the previous callback has settled.\r\n *\r\n * @param callback The asynchronous callback to invoke on each interval.\r\n * This function should be stable with respect to its parameters.\r\n * It should not have side effects such as setting state.\r\n *\r\n * @param delay The minimum number of milliseconds that should pass between invocations.\r\n * If `null`, the callback is never invoked.\r\n *\r\n * @param onResolve An optional callback to invoke when the callback resolves.\r\n * This function should be stable with respect to its parameters.\r\n *\r\n * @param onReject An optional callback to invoke when the callback rejects.\r\n * This function should be stable with respect to its parameters.\r\n *\r\n * @see https://tacklebox.p.kensho.com/useAsyncInterval\r\n */\r\nexport default function useAsyncInterval(\r\n callback: () => Promise,\r\n delay: number | null,\r\n onResolve?: (value: T) => void,\r\n onReject?: (error: E) => void\r\n): void {\r\n React.useEffect(() => {\r\n if (delay === null) return undefined;\r\n\r\n let isCurrent = true;\r\n\r\n const invokeNextInterval = (): void => {\r\n const delayPromise = sleep(delay);\r\n const callbackPromise = callback();\r\n\r\n // call the appropriate resolve/reject handlers as soon as the callback settles\r\n callbackPromise.then(\r\n value => isCurrent && onResolve && onResolve(value),\r\n error => isCurrent && onReject && onReject(error)\r\n );\r\n\r\n // only invoke the next interval once both the delay has passed and the callback has settled\r\n Promise.all([callbackPromise, delayPromise]).then(\r\n () => isCurrent && invokeNextInterval()\r\n );\r\n };\r\n\r\n invokeNextInterval();\r\n\r\n return () => {\r\n isCurrent = false;\r\n };\r\n }, [callback, delay, onResolve, onReject]);\r\n}\r\n","import * as React from 'react';\r\nimport axios, { AxiosError } from 'axios';\r\n\r\nimport useAsyncInterval from './useAsyncInterval';\r\nimport { getText } from '../../helpers';\r\nimport { ErrorManager } from '../../utilities/error-manager';\r\n\r\nconst GENERIC_ERROR_MESSAGE = getText('pages.solution.demos.kenshoScribe.genericError');\r\nconst PAYLOAD_TOO_LARGE_MESSAGE = getText('pages.solution.demos.kenshoScribe.payloadTooLarge');\r\nconst RATE_LIMIT_EXCEEDED_MESSAGE = getText('pages.solution.demos.kenshoScribe.limitHit');\r\nconst UNAUTHORIZED_MESSAGE = getText('pages.solution.demos.kenshoScribe.authError');\r\nconst REQUEST_TIMED_OUT = getText('pages.solution.demos.kenshoScribe.timeout');\r\nconst KENSHO_SCRIBE_URL = 'https://scribe.kensho.com/api/v1/transcription';\r\n\r\nconst EXPECTED_RESPONSE_CODES = new Set([403, 413, 429]);\r\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\r\nfunction isUnexpectedResponse(errorResponse: AxiosError): boolean {\r\n return errorResponse.response == null || (errorResponse.response && !EXPECTED_RESPONSE_CODES.has(errorResponse.response.status));\r\n}\r\n\r\nfunction getErrorMessage(response: {status?: number} | Error): string {\r\n if (response instanceof Error) {\r\n switch (response.message) {\r\n case 'Request timed out':\r\n return REQUEST_TIMED_OUT;\r\n default:\r\n return response.message;\r\n }\r\n }\r\n switch (response.status) {\r\n case 403:\r\n return UNAUTHORIZED_MESSAGE;\r\n case 413:\r\n return PAYLOAD_TOO_LARGE_MESSAGE;\r\n case 429:\r\n return RATE_LIMIT_EXCEEDED_MESSAGE;\r\n default:\r\n return GENERIC_ERROR_MESSAGE;\r\n }\r\n}\r\n\r\nfunction reducer(state: TranscriptionState, action: TranscriptionAction): TranscriptionState {\r\n switch (action.type) {\r\n case 'reset':\r\n return { status: 'uninitiated' };\r\n case 'error':\r\n return { ...state, error: getErrorMessage(action.error), status: 'error' };\r\n case 'transcriptIdReceived':\r\n if (state.status === 'uninitiated') return state;\r\n return { ...state, transcriptId: action.uploadResponse.unique_id, status: 'loading' };\r\n case 'transcriptReceived':\r\n if (state.status === 'uninitiated') return state;\r\n if (action.transcriptResponse.error) {\r\n return { ...state, error: action.transcriptResponse.error, status: 'error' };\r\n }\r\n if (action.transcriptResponse.status === 'pending') {\r\n return state;\r\n }\r\n return { ...state, transcript: action.transcriptResponse.data, status: 'success' };\r\n case 'requestInitiated':\r\n return { ...state, status: 'initiated' };\r\n default:\r\n throw new Error('Invalid action');\r\n }\r\n}\r\n\r\nexport default function useTranscriptionRequest(token: string | null, onUnauthorizedResponse: () => void): {\r\n error?: string;\r\n transcribeSpeechFile: (file: File) => void;\r\n transcript?: APITranscript;\r\n status: TranscriptionStatus;\r\n resetRequest: () => void;\r\n} {\r\n\r\n const [state, dispatch] = React.useReducer(reducer, {\r\n status: 'uninitiated',\r\n });\r\n\r\n const transcribeSpeechFile = React.useCallback(\r\n (speechFile: File) => {\r\n if (speechFile && token != null) {\r\n // If the transcription job id exists, then it's still valid since the audio file hasn't changed\r\n if (state.transcriptId === undefined) {\r\n dispatch({ type: 'requestInitiated' });\r\n axios.post(\r\n KENSHO_SCRIBE_URL,\r\n speechFile,\r\n {\r\n headers: {\r\n 'Content-Type': 'application/mp3',\r\n Authorization: `Bearer ${token}`,\r\n },\r\n }\r\n )\r\n .then(response => dispatch({ type: 'transcriptIdReceived', uploadResponse: response.data }))\r\n .catch(errorResponse => {\r\n if (errorResponse.response && errorResponse.response.status === 403) onUnauthorizedResponse();\r\n // Only log unexpected errors\r\n if (isUnexpectedResponse(errorResponse)) ErrorManager.apiError(errorResponse, { msg: 'Transcription request error.' });\r\n dispatch({ type: 'error', error: errorResponse });\r\n });\r\n }\r\n }\r\n },\r\n [state.transcriptId, KENSHO_SCRIBE_URL, token]\r\n );\r\n\r\n const pollTranscriptionJob = React.useCallback(() => {\r\n const fetchOptions = {\r\n headers: {\r\n Authorization: `Bearer ${token}`,\r\n },\r\n };\r\n return axios.get(\r\n `${KENSHO_SCRIBE_URL}?unique_id=${state.transcriptId}`,\r\n fetchOptions\r\n );\r\n }, [state.transcriptId, KENSHO_SCRIBE_URL, token]);\r\n\r\n const onResolve = React.useCallback(\r\n response => dispatch({ type: 'transcriptReceived', transcriptResponse: response.data }),\r\n []\r\n );\r\n\r\n const onReject = React.useCallback(error => dispatch({ type: 'error', error }), []);\r\n\r\n useAsyncInterval(\r\n pollTranscriptionJob,\r\n state.status === 'loading' && state.transcriptId !== null ? 1000 : null,\r\n onResolve,\r\n onReject\r\n );\r\n\r\n const resetRequest = (): void => dispatch({ type: 'reset' });\r\n\r\n return { ...state, transcribeSpeechFile, resetRequest };\r\n}\r\n","import * as React from 'react';\r\nimport { useDropzone } from 'react-dropzone';\r\n\r\nimport { cn, getText } from '../../helpers';\r\nimport abbvAudio from '../../assets/audio/abbv_agn_drugs_shortened.mp3';\r\nimport accentedAudio from '../../assets/audio/accented_speech.mp3';\r\nimport catAudio from '../../assets/audio/cat_earnings_intro.mp3';\r\nimport usePrevious from './usePrevious';\r\nimport useTranscriptionRequest from './useTranscriptionRequest';\r\nimport Loader from '../_common/loader';\r\nimport APIManager from '../../utilities/api-manager';\r\n\r\nconst AUDIO_SAMPLES = [\r\n {\r\n name: 'Poor Audio Quality',\r\n path: abbvAudio\r\n },\r\n {\r\n name: 'Accented Speech',\r\n path: accentedAudio\r\n },\r\n {\r\n name: 'Industry Specific Jargon',\r\n path: catAudio\r\n }\r\n];\r\n\r\nfunction Transcript(props: TranscriptProps): JSX.Element {\r\n const { value, onTokenClick } = props;\r\n\r\n // Use spans so that consecutive transcripts are inlined together\r\n return (\r\n \r\n {value.map(token => (onTokenClick ? (\r\n \r\n onTokenClick(token)}\r\n onKeyPress={e => (e.key === 'Enter' ? onTokenClick(token) : null)}\r\n >\r\n {token.transcript}\r\n {' '}\r\n \r\n ) : (\r\n {token.transcript} \r\n )))}\r\n \r\n );\r\n}\r\n\r\nexport default function KenshoScribeDemo(props: KenshoScribeDemoProps): JSX.Element {\r\n const { accessToken, onUnauthorizedResponse, onLoaded } = props;\r\n const [speechFile, setSpeechFile] = React.useState(null);\r\n const [speechSrc, setSpeechSrc] = React.useState(null);\r\n const prevSpeechSrc = usePrevious(speechSrc);\r\n const audioRef = React.useRef(null);\r\n const { resetRequest, status, transcript, transcribeSpeechFile, error } = useTranscriptionRequest(accessToken, onUnauthorizedResponse);\r\n\r\n React.useEffect(() => {\r\n if (audioRef.current != null && prevSpeechSrc !== null && prevSpeechSrc !== speechSrc) {\r\n audioRef.current.load();\r\n }\r\n });\r\n\r\n const resetAudioAndTranscript = React.useCallback(() => {\r\n resetRequest();\r\n setSpeechSrc(null);\r\n setSpeechFile(null);\r\n }, []);\r\n\r\n const createAudioPreview = React.useCallback(file => {\r\n const reader = new FileReader();\r\n reader.onload = () => {\r\n if (reader.result) setSpeechSrc(reader.result as string);\r\n };\r\n reader.readAsDataURL(file);\r\n }, []);\r\n\r\n const goToAudio = React.useCallback((ref: React.RefObject, time: number) => {\r\n const audioEl = ref.current;\r\n if (audioEl) {\r\n audioEl.currentTime = time / 1000;\r\n audioEl.play();\r\n }\r\n }, []);\r\n\r\n const handleFileDrop = React.useCallback(\r\n files => {\r\n resetAudioAndTranscript();\r\n createAudioPreview(files[0]);\r\n setSpeechFile(files[0]);\r\n },\r\n [resetAudioAndTranscript]\r\n );\r\n\r\n const { getRootProps, getInputProps, isDragActive } = useDropzone({\r\n onDrop: handleFileDrop,\r\n // Specify both mpeg and mp3 MIME types in order to support both Chrome and Firefox\r\n accept: 'audio/mpeg, audio/mp3'\r\n });\r\n\r\n function handleExampleClick(filename: string): void {\r\n setSpeechSrc(filename);\r\n APIManager.getAudioFile(filename).then(response => {\r\n const file = new Blob([response.data], { type: 'audio/mpeg' }) as File;\r\n setSpeechFile(file);\r\n });\r\n }\r\n\r\n function handleTranscribeClick(): void {\r\n if (speechFile != null) transcribeSpeechFile(speechFile);\r\n }\r\n\r\n const isPreviewDisabled = transcript != null || status === 'initiated' || status === 'loading';\r\n const isTranscribeDisabled = speechFile == null || isPreviewDisabled;\r\n\r\n React.useEffect(() => {\r\n if (onLoaded) onLoaded();\r\n }, []);\r\n\r\n return (\r\n \r\n \r\n
{getText('pages.solution.demos.kenshoScribe.inputHeader')} \r\n {speechFile === null && speechSrc === null && (\r\n
\r\n
\r\n
\r\n
\r\n {getText(`pages.solution.demos.kenshoScribe.${isDragActive ? 'dropHere' : 'dragHere'}`)}\r\n
\r\n
\r\n
\r\n )}\r\n {speechSrc !== null && (\r\n <>\r\n
\r\n
\r\n \r\n {getText('pages.solution.demos.kenshoScribe.clear')}\r\n \r\n \r\n {getText('pages.solution.demos.kenshoScribe.transcribe')}\r\n \r\n
\r\n \r\n )}\r\n
{getText('pages.solution.demos.kenshoScribe.samplesHeader')} \r\n {AUDIO_SAMPLES.map(sample => (\r\n
\r\n {sample.name} \r\n handleExampleClick(sample.path)}\r\n type=\"button\"\r\n >\r\n {getText('pages.solution.demos.kenshoScribe.preview')} (.mp3) \r\n \r\n
\r\n ))}\r\n
\r\n
{getText('pages.solution.demos.kenshoScribe.outputHeader')} \r\n {error &&
{error}
}\r\n {status === 'uninitiated' && (\r\n
{getText('pages.solution.demos.kenshoScribe.transcriptPlaceholder')} \r\n )}\r\n {status !== 'uninitiated' && (\r\n
\r\n {(status === 'loading' || status === 'initiated') && goToAudio(audioRef, token.start_ms)}\r\n />\r\n ))}\r\n
\r\n )}\r\n
\r\n );\r\n}\r\n","import * as React from 'react';\r\n\r\n/**\r\n * Captures a value and returns the value that was captured during the previous render.\r\n * Useful to compare props/state against their previous value.\r\n *\r\n * @param value The current value.\r\n * @returns The previous value.\r\n *\r\n * @see https://reactjs.org/docs/hooks-faq.html#how-to-get-the-previous-props-or-state\r\n * @see https://tacklebox.p.kensho.com/usePrevious\r\n */\r\nexport default function usePrevious(value: T): T {\r\n const ref = React.useRef(value);\r\n\r\n React.useEffect(() => {\r\n ref.current = value;\r\n });\r\n\r\n return ref.current;\r\n}\r\n","import * as React from 'react';\r\nimport { getConfig } from '../../helpers';\r\nimport Note from '../_common/note';\r\n\r\n\r\nfunction ReleaseNote({ title, noteParagraph, linkText, linkHref, dateAdded, dateUpdated, isKensho }: ReleaseNoteProps) {\r\n let showNote = true;\r\n\r\n const past = new Date().getTime() - getConfig('components.flagVisibilityCutoffTime');\r\n const today = new Date().getTime();\r\n const showTitle = (!isKensho && title !== '') ? title : '';\r\n\r\n if (dateUpdated && dateAdded) {\r\n const added = Date.parse(dateAdded);\r\n const lastUpdated = Date.parse(dateUpdated);\r\n showNote = ((lastUpdated > past && lastUpdated <= today) || (added > past));\r\n }\r\n\r\n if (!showNote) return null;\r\n\r\n return (\r\n (null);\r\n const [isLoading, setIsLoading] = React.useState(false);\r\n const [error, setError] = React.useState({ hasError: false });\r\n\r\n function clearInputs(): void {\r\n setName('');\r\n setAliases('');\r\n setCountry('');\r\n setAddress('');\r\n }\r\n\r\n function populateSeqValues(seqNum: number, upToValue: string): void {\r\n clearInputs();\r\n const textKeyBase = `pages.solution.demos.kenshoLink.seqExample${seqNum}`;\r\n setName(getText(`${textKeyBase}.name`));\r\n if (upToValue === 'country' || upToValue === 'address' || upToValue === 'alias') setCountry(getText(`${textKeyBase}.country`));\r\n if (upToValue === 'address' || upToValue === 'alias') setAddress(getText(`${textKeyBase}.address`));\r\n if (upToValue === 'alias') setAliases(getText(`${textKeyBase}.alias`));\r\n }\r\n\r\n function handleBatchNameClick(value: string): void {\r\n clearInputs();\r\n setName(value);\r\n }\r\n\r\n function errorCallBack(reqError: AxiosError): void {\r\n let errorMessage = getText('pages.solution.demos.kenshoLink.generalError');\r\n if (reqError) {\r\n if (reqError.response && reqError.response.status === 403) onUnauthorizedResponse();\r\n else if (reqError.response && reqError.response.status === 429) errorMessage = getText('pages.solution.demos.kenshoLink.quotaHit');\r\n // Only log unexpected errors to avoid the red error notification toast on expected behavior\r\n else ErrorManager.apiError(reqError, { msg: errorMessage });\r\n }\r\n setIsLoading(false);\r\n setLinks(null);\r\n setError({ hasError: true, message: errorMessage });\r\n }\r\n\r\n function findMatches(): void {\r\n if (accessToken == null) return;\r\n /* eslint-disable @typescript-eslint/camelcase */\r\n setIsLoading(true);\r\n setError({ hasError: false });\r\n const payload = {\r\n records: [{ uid: '1', name: name || undefined, aliases: aliases.trim() === '' ? undefined : [aliases], country_iso3: country || undefined, address: address || undefined }],\r\n num_top_records: 1,\r\n include_response_fields: ['name']\r\n };\r\n APIManager.findKenshoLinkMatch(payload, accessToken, errorCallBack)\r\n .then(response => {\r\n if (response && response.status === 200) {\r\n const record = response.data.records[0];\r\n setLinks(record.links);\r\n setIsLoading(false);\r\n setError({ hasError: false });\r\n }\r\n });\r\n /* eslint-enable @typescript-eslint/camelcase */\r\n }\r\n\r\n let outputResults = null;\r\n if (links !== null && links.length === 0) { outputResults = {getText('pages.solution.demos.kenshoLink.noResults')}
; }\r\n if (links !== null && links.length !== 0) {\r\n outputResults = (\r\n \r\n
{getText('pages.solution.demos.kenshoLink.outputTableTitle')}
\r\n
\r\n \r\n \r\n \r\n \r\n {getText('pages.solution.demos.kenshoLink.outputTableEntityName')} \r\n {getText('pages.solution.demos.kenshoLink.outputTableMiId')} \r\n {getText('pages.solution.demos.kenshoLink.outputTableConfidenceScore')} \r\n \r\n \r\n \r\n {links.map(link => (\r\n \r\n {link.name} \r\n {link.sp_company_id} \r\n {Math.round(link.link_score * 10000) / 100} \r\n \r\n ))}\r\n \r\n
\r\n
{getText('pages.solution.demos.kenshoLink.instructions')}
; }\r\n if (isLoading) { outputResults = {error.message}
; }\r\n\r\n React.useEffect(() => {\r\n if (onLoaded) onLoaded();\r\n }, []);\r\n\r\n return (\r\n \r\n \r\n
\r\n {getText('pages.solution.demos.kenshoLink.inputHeader')}\r\n \r\n
\r\n
\r\n {getText('pages.solution.demos.kenshoLink.intro')}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {getText('pages.solution.demos.kenshoLink.batchExampleExplainer')}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {getText('pages.solution.demos.kenshoLink.batchExample1')}\r\n \r\n
\r\n handleBatchNameClick(getText('pages.solution.demos.kenshoLink.batchExample1'))}>\r\n {getText('pages.solution.demos.kenshoLink.populate')}\r\n \r\n
\r\n
\r\n
\r\n
\r\n {getText('pages.solution.demos.kenshoLink.batchExample2')}\r\n \r\n
\r\n handleBatchNameClick(getText('pages.solution.demos.kenshoLink.batchExample2'))}>\r\n {getText('pages.solution.demos.kenshoLink.populate')}\r\n \r\n
\r\n
\r\n
\r\n
\r\n {getText('pages.solution.demos.kenshoLink.batchExample3')}\r\n \r\n
\r\n handleBatchNameClick(getText('pages.solution.demos.kenshoLink.batchExample3'))}>\r\n {getText('pages.solution.demos.kenshoLink.populate')}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {getText('pages.solution.demos.kenshoLink.seqExampleExplainer')}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {getText('pages.solution.demos.kenshoLink.seqExample1.title')}\r\n \r\n
\r\n populateSeqValues(1, 'name')}>\r\n {getText('pages.solution.demos.kenshoLink.seqName')}\r\n \r\n populateSeqValues(1, 'country')} className=\"linking-demo__example-link\">\r\n +{getText('pages.solution.demos.kenshoLink.seqCountry')}\r\n \r\n populateSeqValues(1, 'address')}>\r\n +{getText('pages.solution.demos.kenshoLink.seqAddress')}\r\n \r\n populateSeqValues(1, 'alias')}>\r\n +{getText('pages.solution.demos.kenshoLink.seqAlias')}\r\n \r\n
\r\n
\r\n
\r\n
\r\n {getText('pages.solution.demos.kenshoLink.seqExample2.title')}\r\n \r\n
\r\n populateSeqValues(2, 'name')}>\r\n {getText('pages.solution.demos.kenshoLink.seqName')}\r\n \r\n populateSeqValues(2, 'country')}>\r\n +{getText('pages.solution.demos.kenshoLink.seqCountry')}\r\n \r\n populateSeqValues(2, 'address')}>\r\n +{getText('pages.solution.demos.kenshoLink.seqAddress')}\r\n \r\n populateSeqValues(2, 'alias')}>\r\n +{getText('pages.solution.demos.kenshoLink.seqAlias')}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {getText('pages.solution.demos.kenshoLink.inputTableTitle')}\r\n
\r\n
\r\n
\r\n
\r\n \r\n {getText('pages.solution.demos.kenshoLink.findMatch')}\r\n \r\n
\r\n
\r\n
{getText('pages.solution.demos.kenshoLink.outputHeader')}
\r\n
\r\n {outputResults}\r\n
\r\n
\r\n {getText('pages.solution.demos.kenshoLink.demoNote')} \r\n \r\n {getText('pages.solution.demos.kenshoLink.demoNoteText')}\r\n \r\n
\r\n \r\n );\r\n}\r\n","/* eslint-disable react/jsx-indent */\r\n/* eslint-disable indent */\r\nimport * as React from 'react';\r\nimport { Waypoint } from 'react-waypoint';\r\nimport Media from 'react-media';\r\nimport { RouteComponentProps } from 'react-router-dom';\r\nimport { withOktaAuth } from '@okta/okta-react';\r\nimport { OktaAuth, AuthState } from '@okta/okta-auth-js';\r\nimport { FormControl, RadioGroup, FormControlLabel, Radio } from '@material-ui/core';\r\nimport Breadcrumb from '../../components/breadcrumb';\r\nimport HelmetManager from '../../components/_common/helmet-manager';\r\nimport SignInButton from '../../components/_common/sign-in-button';\r\nimport ReleaseNote from '../../components/release-note';\r\nimport RequestTrialButton from '../../components/request-a-trial-button';\r\nimport SubNavigation from '../../components/sub-nav';\r\nimport queryStringManager from '../../utilities/query-string-manager';\r\nimport smoothScroll from '../../utilities/smooth-scroll';\r\nimport { get, cn, getText, superScriptSanitizer, validInternalUser, getFlagType } from '../../helpers';\r\nimport { ReactComponent as LockIcon } from '../../assets/svg/icons/lock.svg';\r\nimport { ReactComponent as SpannerIcon } from '../../assets/svg/icons/spanner.svg';\r\nimport { ReactComponent as OverviewIcon } from '../../assets/svg/icons/overview.svg';\r\nimport VideoEmbed from '../../components/_common/video-embed/video-embed';\r\nimport Image from '../../components/_common/image';\r\nimport Loader from '../../components/_common/loader';\r\nimport HtmlContent from '../../components/_common/html-content';\r\nimport SectionTitle from '../../components/_common/section-title';\r\nimport LinkListGroup from '../../components/_common/link-list-group';\r\nimport Note from '../../components/_common/note';\r\nimport PageLoaded from '../../components/_common/page-loaded';\r\nimport Bookmark from '../../components/_common/bookmark';\r\nimport KenshoLinkDemo from '../../components/kensho-link-demo';\r\nimport DataFlag from '../../components/data-flag';\r\nimport KenshoScribeDemo from '../../components/kensho-scribe-demo';\r\nimport KenshoNerdDemo from '../../components/kensho-nerd-demo';\r\nimport SPGVariables from '../../utilities/spg-variables';\r\nimport APIManager from '../../utilities/api-manager';\r\nimport buildImageUrl from '../../utilities/build-image-url';\r\nimport ChatiqSearch from '../../components/chatiq-search';\r\n\r\nconst spgVariables = SPGVariables();\r\n\r\ntype DemoType = 'kensho-link' | 'kensho-scribe' | 'kensho-nerd' | 'chart-iq';\r\n\r\nfunction isValidDemoKey(key: string): key is DemoType {\r\n return key === 'kensho-link' || key === 'kensho-scribe' || key === 'kensho-nerd' || key === 'chart-iq';\r\n}\r\n\r\nconst metaDataText = getText('pages.solution.metaData');\r\nconst keyInformationMetaData = getText('pages.solution.keyInformationMetaData');\r\nconst solutionDemoText = getText('pages.solution.subNavItems')[0].label;\r\nconst chatiqSolutionSearchText = getText('pages.llm.solution.searchQText');\r\nconst chatiqSolutionPlaceholder = getText('pages.llm.solution.placeholder');\r\n\r\nfunction isNotNull(value: T | null): value is T {\r\n return value !== null;\r\n}\r\n\r\nfunction getFileTypesDisplay(fileTypeObjects: MarketServiceFileType[]): string | null {\r\n const fileTypes = fileTypeObjects.map(fileType => fileType.MarketplaceSolutionFileType);\r\n return fileTypes.some(Boolean)\r\n ? fileTypes\r\n .filter(isNotNull)\r\n .map(fileType => fileType.MktplaceSolutionFileType)\r\n .join(', ')\r\n : null;\r\n}\r\n\r\ninterface KeyInfoMetaField {\r\n key: string;\r\n name: string;\r\n value?: (solution: APISolution) => string | null;\r\n}\r\n\r\nconst bookmarkTooltip = getText('bookmark.tooltip.solution') as BookmarkTooltip[];\r\n\r\ntype OktaAuthProps = { oktaAuth: OktaAuth; authState: AuthState; _onAuthRequired: (oktaAuth: OktaAuth) => Promise | void };\r\ntype SolutionComponentProps = PageProps & SolutionProps & SolutionActions & OktaAuthProps & RouteComponentProps & FeatureFlags;\r\n\r\nclass Solution extends React.Component {\r\n public setTimeoutInstance: number | null = null;\r\n\r\n public keyInformationMetaFieldsValue: KeyInfoMetaField[] = [];\r\n\r\n // public keyInformationTextFieldsValue: [] = []\r\n\r\n public ratButtonElement: React.RefObject;\r\n\r\n public solutionWrapperElement: React.RefObject;\r\n\r\n public subNavigationItems = getText('pages.solution.subNavItems');\r\n\r\n public keyInformationMetaFields = [\r\n {\r\n key: 'MktplaceSolutionCurrentVerNum',\r\n name: keyInformationMetaData.currentVersion,\r\n value: (solution: APISolution) => solution.MktplaceSolutionCurrentVerNum\r\n },\r\n {\r\n key: 'MktplaceSolutionCurrentVerDate',\r\n name: keyInformationMetaData.versionDate,\r\n value: (solution: APISolution) => solution.MktplaceSolutionCurrentVerDate\r\n },\r\n {\r\n key: 'MarketServiceInputFileTypes',\r\n name: keyInformationMetaData.input,\r\n value: (solution: APISolution) => {\r\n const fileTypes = solution.MarketServiceInputFileTypes;\r\n return fileTypes && getFileTypesDisplay(fileTypes);\r\n }\r\n },\r\n {\r\n key: 'MarketServiceOutFileTypes',\r\n name: keyInformationMetaData.output,\r\n value: (solution: APISolution) => {\r\n const fileTypes = solution.MarketServiceOutFileTypes;\r\n return fileTypes && getFileTypesDisplay(fileTypes);\r\n }\r\n },\r\n {\r\n key: 'MktplaceSolutionInstallReq',\r\n name: keyInformationMetaData.installationRequirements,\r\n value: (solution: APISolution) => solution.MktplaceSolutionInstallReq\r\n },\r\n { key: 'EstimatedFileSize', name: keyInformationMetaData.solutionSize, value: (solution: APISolution) => solution.EstimatedFileSize }\r\n ];\r\n\r\n private listOfDemoUrls = [\r\n {\r\n url: 'https://core.demo.chartiq.com',\r\n name: 'Core Chart'\r\n },\r\n {\r\n url: 'https://technical-analysis.demo.chartiq.com',\r\n name: 'Technical Analysis(TA)'\r\n },\r\n {\r\n url: 'https://demo.chartiq.com',\r\n name: 'TA with all Modules'\r\n },\r\n {\r\n url: 'https://scatterplot.demo.chartiq.com',\r\n name: 'CrossPlot'\r\n },\r\n {\r\n url: 'https://active-trader.demo.chartiq.com',\r\n name: 'Active Trader'\r\n }\r\n ];\r\n\r\n private newDemoUrl = [\r\n {\r\n url: 'https://marketplace.demo.chartiq.com',\r\n name: 'ChartIQ'\r\n },\r\n ];\r\n\r\n public keyInformationTextFields = [\r\n { key: 'MktplaceSolutionUseCase', name: keyInformationMetaData.useCases, value: (solution: APISolution) => solution.MktplaceSolutionUseCase },\r\n {\r\n key: 'MktplaceSolutionUserBenefits',\r\n name: keyInformationMetaData.benefits,\r\n value: (solution: APISolution) => solution.MktplaceSolutionUserBenefits\r\n }\r\n ];\r\n\r\n public constructor(props: SolutionComponentProps) {\r\n super(props);\r\n\r\n this.state = {\r\n sticky: false,\r\n showRatButton: true,\r\n isPendingOktaSignIn: false,\r\n productAccessLinks: [],\r\n selectedDemoUrl: this.newDemoUrl[0].url,\r\n isChromeIncognitoMode: false,\r\n isIpad: false\r\n };\r\n this.ratButtonElement = React.createRef();\r\n this.solutionWrapperElement = React.createRef();\r\n this.isChromeIncognitoModeDetect().then(res => {\r\n this.setState({ isChromeIncognitoMode: !!res });\r\n });\r\n }\r\n\r\n // public componentWillMount = () => {\r\n // this.isChromeIncognitoModeDetect().then(res => {\r\n // this.setState({ isChromeIncognitoMode: !!res });\r\n // });\r\n // }\r\n\r\n public componentDidMount() {\r\n const { solution, solutionId, fetchFullSolution, user, fflagEnableWorkbench } = this.props;\r\n if (!solution && solutionId) fetchFullSolution({ id: solutionId });\r\n if (user.userInfo && user.userInfo.InternalUser && fflagEnableWorkbench) {\r\n APIManager.getSolutionsAccessLinksbyKey(solutionId).then(response => {\r\n if (response.data.length > 0) this.setState({ productAccessLinks: response.data });\r\n });\r\n }\r\n\r\n this.checkIfTablet();\r\n\r\n window.addEventListener('scroll', this.setStickyRATButton, true);\r\n window.addEventListener('resize', this.onResizeChanged);\r\n }\r\n\r\n public componentDidUpdate(prevProps: SolutionProps & SolutionActions & FeatureFlags) {\r\n const { solutionId, fetchFullSolution, user, authState, enableKenshoDemos, fflagEnableWorkbench } = this.props;\r\n if (!solutionId) return;\r\n const isIdChanged = prevProps.solutionId !== solutionId;\r\n if (isIdChanged) {\r\n fetchFullSolution({ id: solutionId });\r\n }\r\n const acceelinksVisible = user.userInfo && user.userInfo.InternalUser && fflagEnableWorkbench;\r\n const acceeLinksFlagChanged = prevProps.fflagEnableWorkbench !== fflagEnableWorkbench;\r\n if (acceelinksVisible && (prevProps.user.userInfo === undefined || isIdChanged || acceeLinksFlagChanged)) {\r\n APIManager.getSolutionsAccessLinksbyKey(solutionId).then(response => {\r\n if (response.data.length > 0) this.setState({ productAccessLinks: response.data });\r\n });\r\n }\r\n if (\r\n enableKenshoDemos &&\r\n this.getDemoType() !== null &&\r\n this.getDemoType() !== 'chart-iq' &&\r\n user.isLoggedIn &&\r\n authState.isAuthenticated === false &&\r\n !authState.isPending &&\r\n authState.error == null\r\n ) {\r\n this.handleOktaSignIn();\r\n }\r\n }\r\n\r\n public componentWillUnmount() {\r\n if (this.setTimeoutInstance) window.clearTimeout(this.setTimeoutInstance);\r\n window.removeEventListener('scroll', this.setStickyRATButton, true);\r\n window.removeEventListener('resize', this.onResizeChanged);\r\n }\r\n\r\n // chartiq is not working in incognito mode in chrome\r\n // we need to check if this is Chrome and incognito mode, and show message\r\n private isChromeIncognitoModeDetect = async () => {\r\n const isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);\r\n if (isChrome && navigator.storage && navigator.storage.estimate) {\r\n const w = window as any;\r\n const storageInfo = await navigator.storage.estimate();\r\n const heapSizeLimit = w.performance.memory.jsHeapSizeLimit;\r\n // (storageInfo.quota < heapSizeLimit) in incognito mode\r\n return storageInfo.quota && storageInfo.quota < heapSizeLimit;\r\n }\r\n return false;\r\n };\r\n\r\n public handleBlur = (w: Waypoint.CallbackArgs, hash = '') => {\r\n const focusedElement = document.activeElement;\r\n if (focusedElement && focusedElement.tagName === 'A') {\r\n const focusedAnchorElement = (focusedElement as HTMLAnchorElement);\r\n if (hash === focusedAnchorElement.hash) {\r\n focusedAnchorElement.blur();\r\n }\r\n }\r\n };\r\n\r\n public checkIfTablet = () => {\r\n if (navigator.platform === 'iPhone' || navigator.platform === 'iPad' || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 0) || navigator.userAgent.includes('Android')\r\n || (navigator.platform === 'Linux armv81' && 'ontouchstart' in window && window.innerWidth > window.innerHeight && window.innerHeight < 768)) {\r\n this.setState({ isIpad: true });\r\n } else this.setState({ isIpad: false });\r\n };\r\n\r\n public onResizeChanged = () => {\r\n this.checkIfTablet();\r\n };\r\n\r\n public handleScroll = (w: Waypoint.CallbackArgs, hash = '') => {\r\n if (!w.previousPosition) return;\r\n queryStringManager.setHash(hash);\r\n };\r\n\r\n public scrollTo = (event: React.SyntheticEvent, hash: string) => {\r\n smoothScroll(hash, event);\r\n queryStringManager.setHash(hash);\r\n };\r\n\r\n private handleOktaSignIn = (): void => {\r\n const { history, oktaAuth } = this.props;\r\n const { isPendingOktaSignIn } = this.state;\r\n\r\n // Ensure only one request to sign in is kicked off\r\n if (isPendingOktaSignIn) return;\r\n this.setState({ isPendingOktaSignIn: true });\r\n\r\n const fromUri = history.createHref(history.location);\r\n oktaAuth.signInWithRedirect({ originalUri: fromUri, idp: spgVariables.OKTA_IDP_ID });\r\n };\r\n\r\n private getDemoType = (): DemoType | null => {\r\n const { solution } = this.props;\r\n const demoKey = get(solution, 'MarketplaceSolutionDemoID');\r\n return !!demoKey && isValidDemoKey(demoKey) ? demoKey : null;\r\n };\r\n\r\n public renderLogo = (solution: APISolution) => {\r\n if (solution.PlatformService && solution.PlatformService.MarketSolutionLogos) {\r\n const logos = solution.PlatformService.MarketSolutionLogos.sort((a, b) => a.FormOrder - b.FormOrder).map(item => {\r\n return (\r\n \r\n {\r\n this.listOfDemoUrls.map(el => (\r\n this.setState({ selectedDemoUrl: el.url })} value={el.url} control={ \r\n \r\n );\r\n };\r\n\r\n private renderDemo = (demo: DemoType): React.ReactNode => {\r\n const { user, authState } = this.props;\r\n const { isPendingOktaSignIn, selectedDemoUrl, isChromeIncognitoMode } = this.state;\r\n let demoComponent = null;\r\n const token = authState.accessToken ? authState.accessToken.accessToken : null;\r\n switch (demo) {\r\n case 'kensho-link': {\r\n demoComponent = Please enable third-party cookies in your browser to see the demo content in incognito mode.
}\r\n ;\r\n break;\r\n }\r\n default:\r\n demoComponent = null;\r\n }\r\n if (user.isLoggedIn && isPendingOktaSignIn) demoComponent = \r\n \r\n {demoComponent}\r\n {\r\n
\r\n
\r\n
\r\n
{getText('pages.solution.unlockDemo')}
\r\n
\r\n
\r\n
\r\n
\r\n }\r\n
\r\n );\r\n }\r\n\r\n if (!isPendingOktaSignIn && (!authState.isAuthenticated || !authState.accessToken || authState.error)) {\r\n demoComponent = null;\r\n }\r\n }\r\n\r\n return (\r\n \r\n );\r\n };\r\n\r\n public setStickyRATButton = () => {\r\n if (\r\n this.ratButtonElement.current &&\r\n this.ratButtonElement.current.parentElement &&\r\n this.solutionWrapperElement &&\r\n this.solutionWrapperElement.current\r\n ) {\r\n const ratButtonRect = this.ratButtonElement.current.parentElement.getBoundingClientRect();\r\n const solutionWrapperRect = this.solutionWrapperElement.current.getBoundingClientRect();\r\n\r\n // Using top of screen as marker, calculate how far for the bottom of the button to reach the bottom of the screen:\r\n // 55 is height of button\r\n const buttonPastBottom = ratButtonRect.top + 55 - window.innerHeight;\r\n // We use the bottom of the solution wrapper to check if the footer is coming into view\r\n const solutionPastBottom = solutionWrapperRect.top + solutionWrapperRect.height - window.innerHeight;\r\n // Make sure it doesn't work for desktop sizes\r\n const isDesktop = window.innerWidth >= 1024;\r\n\r\n // Hide the button completely when footer is in view (avoids jumping issue)\r\n // Set to sticky once the button has passed the screen by 20px, for seamless transition\r\n if (solutionPastBottom < -20 && !isDesktop) {\r\n // hide the button when the footer comes into view\r\n this.setState({\r\n sticky: true,\r\n showRatButton: false\r\n });\r\n } else if (buttonPastBottom < -20 && !isDesktop) {\r\n // Make sticky once button has fully entered view\r\n this.setState({\r\n sticky: true,\r\n showRatButton: true\r\n });\r\n } else {\r\n this.setState({\r\n sticky: false,\r\n showRatButton: true\r\n });\r\n }\r\n }\r\n };\r\n\r\n public hideSubNavigation = () => {\r\n const { solution, enableKenshoDemos, authState } = this.props;\r\n if (solution) {\r\n const hideOverviewSection =\r\n solution.MktplaceSolutionDocURL === null && solution.VidyardVideoID === null && solution.MktplaceSolutionDefaultImage === null;\r\n const hideKeyInformation =\r\n solution.MktplaceSolutionCurrentVerNum === null &&\r\n solution.MktplaceSolutionCurrentVerDate === null &&\r\n (solution.MarketServiceInputFileTypes === null || solution.MarketServiceInputFileTypes.length === 0) &&\r\n (solution.MarketServiceOutFileTypes === null || solution.MarketServiceOutFileTypes.length === 0) &&\r\n solution.MktplaceSolutionInstallReq === null &&\r\n solution.EstimatedFileSize === null &&\r\n solution.MktplaceSolutionUseCase === null &&\r\n solution.MktplaceSolutionUserBenefits === null;\r\n\r\n this.subNavigationItems.forEach((item: AnonymousObject) => {\r\n item.enabled = false;\r\n if (item.id === 0 && enableKenshoDemos) {\r\n item.enabled = this.getDemoType() !== null && authState.error == null;\r\n }\r\n if (item.id === 1) {\r\n item.enabled = !hideOverviewSection;\r\n }\r\n if (item.id === 2) {\r\n item.enabled = !hideKeyInformation;\r\n }\r\n });\r\n }\r\n };\r\n\r\n public constructMetaFields = () => {\r\n const { solution } = this.props;\r\n return this.keyInformationMetaFields.map(field => {\r\n const value = solution && field.value(solution);\r\n return (\r\n value && (\r\n \r\n {field.name} \r\n \r\n \r\n \r\n )\r\n );\r\n });\r\n };\r\n\r\n public render() {\r\n const { user, solution, solutionId, keyPage, startDate } = this.props;\r\n const SolutionMetaUrl = solution ? solution.SocialSharingImageFilePath : null;\r\n const { sticky, showRatButton, productAccessLinks, isIpad } = this.state;\r\n\r\n if (!solution) return \r\n this.handleScroll(w)}>\r\n \r\n \r\n
\r\n
\r\n
\r\n
{this.renderLogo(solution)}
\r\n
\r\n
\r\n
{superScriptSanitizer(solution.MktplaceSolutionName)} \r\n {solution.ActiveMarketplaceSolutionNote && solution.MarketplaceSolutionNote && (\r\n
\r\n )}\r\n {!solution.ActiveMarketplaceSolutionNote &&\r\n ((solution.MktplaceSolutionReleaseNote && solution.MktplaceSolutionCurrentVerDate) ||\r\n (isKensho && solution.MktplaceSolutionReleaseNote)) && (\r\n
\r\n )}\r\n {!isIpad && (\r\n
\r\n
\r\n )}\r\n
\r\n
\r\n
{getText('pages.solution.serviceProviderInformation')} \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {solutionDocURLList && solutionDocURLList.length > 0 && (\r\n
\r\n \r\n
\r\n \r\n {solutionDocURLList && solutionDocURLList.length > 0 && (\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n
item.enabled)} />\r\n {demoNavItem.enabled && demoType !== null && (\r\n \r\n
{\r\n this.handleScroll(w, demoNavItem.href);\r\n }}\r\n onLeave={(w: Waypoint.CallbackArgs) => {\r\n this.handleBlur(w, demoNavItem.href);\r\n }}\r\n >\r\n \r\n \r\n
\r\n
\r\n {this.renderDemo(demoType)}\r\n
\r\n \r\n \r\n
{\r\n this.handleScroll(w, overviewNavItem.href);\r\n }}\r\n onLeave={(w: Waypoint.CallbackArgs) => {\r\n this.handleBlur(w, overviewNavItem.href);\r\n }}\r\n >\r\n \r\n \r\n
}\r\n onClick={event => this.scrollTo(event, '#overview')}\r\n />\r\n {// eslint-disable-next-line no-nested-ternary\r\n solution.MktplaceSolutionDocURL !== null ? (\r\n
\r\n
\r\n ) : solution.VidyardVideoID !== null ? (\r\n
\r\n
\r\n ) : (\r\n
\r\n
\r\n )\r\n // eslint-disable-jsx-curly-newline\r\n }\r\n
\r\n \r\n \r\n
{\r\n this.handleScroll(w, keyInfoNavItem.href);\r\n }}\r\n onLeave={(w: Waypoint.CallbackArgs) => {\r\n this.handleBlur(w, keyInfoNavItem.href);\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n
\r\n
this.handleScroll(w)}>\r\n \r\n \r\n
\r\n {solution.MktplaceSolutionDescLong && \r\n );\r\n }\r\n}\r\n\r\n// TODO: The parameterization type of withOktaAuth is assumed to extend the interface of the props it injects.\r\n// eslint-disable-next-line @typescript-eslint/ban-ts-ignore\r\n// @ts-ignore\r\nexport default withOktaAuth(Solution);\r\n","import { useEffect } from 'react';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { AnyAction } from 'redux';\r\nimport { ThunkDispatch } from 'redux-thunk';\r\nimport { fetchFullSolution } from '../../redux/solutions/solutions.actions';\r\nimport { get, dateDiff, getConfig, getText, authdata } from '../../helpers';\r\nimport extractId from '../../utilities/extract-id';\r\nimport keyPages from '../../utilities/key-pages';\r\nimport Solution from './solution';\r\nimport history from '../../utilities/history';\r\n\r\nconst apiDataRefreshTime = getConfig('redux.cacheRefreshTimes.long');\r\nconst langCode = getText('langCode');\r\n\r\nconst mapStateToProps = (state: RootStoreState, ownProps: PageProps & SolutionProps): PageProps & SolutionProps & FeatureFlags => {\r\n const solutionId = extractId(get(ownProps, 'match.params.id', ''));\r\n if (!solutionId) history.push(`/${langCode}/404`);\r\n const catalogue = get(state, 'solutions.all.response', []);\r\n const enableKenshoDemos = get(state, 'shared.flags.enableKenshoDemos');\r\n const fflagEnableWorkbench = get(state, 'shared.flags.fflagEnableWorkbench');\r\n\r\n if (catalogue.length > 0) {\r\n const solutionInitial = catalogue.find((s: APISolution) => s.KeyPlatformService === solutionId);\r\n const userEmail = state && state.user && state.user.userInfo ? state.user.userInfo.Email : '';\r\n const validSolution = solutionInitial && solutionInitial.KeyPlatformService && authdata([solutionInitial], userEmail).length > 0;\r\n if (!solutionInitial || !validSolution) {\r\n history.push(`/${langCode}/404`);\r\n }\r\n }\r\n\r\n const solution = get(state, `solutions.full.${solutionId}.response`, null);\r\n if (solution) {\r\n return {\r\n solution: (dateDiff(solution.CachedTime) < apiDataRefreshTime) && solution,\r\n solutionId,\r\n user: state.user,\r\n keyPage: keyPages.solutionPage,\r\n startDate: undefined,\r\n enableKenshoDemos,\r\n fflagEnableWorkbench\r\n };\r\n }\r\n\r\n return {\r\n solutionId,\r\n user: state.user,\r\n keyPage: keyPages.solutionPage,\r\n startDate: undefined,\r\n enableKenshoDemos,\r\n fflagEnableWorkbench\r\n };\r\n\r\n};\r\n\r\n\r\nconst mapDispatchToProps = (dispatch: ThunkDispatch<{}, {}, AnyAction>): SolutionActions => ({\r\n fetchFullSolution: (id: SolutionsParams) => dispatch(fetchFullSolution(id))\r\n});\r\n\r\n\r\nconst mergeProps = (pageProps: PageProps, solutionActions: SolutionActions, ownProps: SolutionProps) => ({\r\n ...pageProps,\r\n ...solutionActions,\r\n ...ownProps\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps, mergeProps)(Solution);\r\n","import APIManager from '../../../utilities/api-manager';\r\nimport { getText } from '../../../helpers';\r\n\r\n// const getDefaultformFields = () => {\r\n// const formText = getText('pages.requestTrial');\r\n// return {\r\n// FirstName: { name: formText.firstName.name, text: formText.firstName.text, validationType: 'fieldInputRequired' }, // yes\r\n// LastName: { name: formText.lastName.name, text: formText.lastName.text, validationType: 'fieldInputRequired' }, // yes\r\n// Email: { name: formText.email.name, text: formText.email.text, validationType: 'emailInputRequired' }, // yes\r\n// Phone: { name: formText.phone.name, text: formText.phone.text, validationType: 'phoneInputRequired' }, // yes\r\n// City: { name: formText.city.name, text: formText.city.text, validationType: 'fieldInputRequired' }, // yes\r\n// PostalCode: { name: formText.postalCode.name, text: formText.postalCode.text, validationType: 'fieldInputRequired' }, // yes\r\n// Country: { name: formText.country.name, text: formText.country.text, validationType: 'defaultRequiredAllowZero' }, // yes\r\n// Company: { name: formText.companyName.name, text: formText.companyName.text, validationType: 'defaultRequired' }, // yes\r\n// CompanyType: { name: formText.companyType.name, text: formText.companyType.text, validationType: 'defaultRequiredAllowZero' }, // yes\r\n// JobFunction: { name: formText.jobFunction.name, text: formText.jobFunction.text, validationType: 'defaultRequired', isDependent: true }, // yes\r\n// InterestArea: { name: 'InterestArea', text: '' },\r\n// HasUserConsent: { name: formText.subscription.name, text: formText.subscription.text }, // yes\r\n// MasterTrialAgreement: { name: formText.masterTrailAgreement.name, text: '' }, // yes\r\n// OtherInterest: { name: formText.typeYourAnswer.name, text: formText.typeYourAnswer.text } // yes\r\n// } as FormTextFields;\r\n// };\r\nconst getDefaultformFields = () => {\r\n const formText = getText('pages.requestTrial');\r\n return {\r\n FirstName: { name: formText.firstName.name, text: formText.firstName.text, validationType: 'fieldInputRequired', autocomplete: formText.firstName.autocomplete }, // yes\r\n LastName: { name: formText.lastName.name, text: formText.lastName.text, validationType: 'fieldInputRequired', autocomplete: formText.lastName.autocomplete }, // yes\r\n Email: { name: formText.email.name, text: formText.email.text, validationType: 'emailInputRequired', autocomplete: formText.email.autocomplete }, // yes\r\n Phone: { name: formText.phone.name, text: formText.phone.text, validationType: 'phoneInputRequired', autocomplete: formText.phone.autocomplete }, // yes\r\n City: { name: formText.city.name, text: formText.city.text, validationType: 'fieldInputRequired', autocomplete: formText.city.autocomplete }, // yes\r\n Country: { name: formText.country.name, text: formText.country.text, validationType: 'defaultRequiredAllowZero', autocomplete: formText.country.autocomplete }, // yes\r\n State: { name: formText.state.name, text: formText.state.text, validationType: 'defaultRequired', isDependent: true, autocomplete: formText.state.autocomplete }, // no\r\n Company: { name: formText.companyName.name, text: formText.companyName.text, validationType: 'defaultRequired', autocomplete: formText.companyName.autocomplete }, // yes\r\n CompanyType: { name: formText.companyType.name, text: formText.companyType.text, validationType: 'defaultRequiredAllowZero', autocomplete: formText.companyType.autocomplete }, // yes\r\n JobFunction: { name: formText.jobFunction.name, text: formText.jobFunction.text, validationType: 'defaultRequired', isDependent: true, autocomplete: formText.jobFunction.autocomplete }, // yes\r\n InterestArea: { name: 'InterestArea', text: '' },\r\n HasUserConsent: { name: formText.subscription.name, text: formText.subscription.text }, // yes\r\n MasterTrialAgreement: { name: formText.masterTrailAgreement.name, text: '' }, // yes\r\n OtherInterest: { name: formText.typeYourAnswer.name, text: formText.typeYourAnswer.text }, // yes\r\n } as FormTextFields;\r\n};\r\n\r\nconst getCrisilformFields = () => {\r\n const formText = getText('pages.requestTrial');\r\n return {\r\n FirstName: { name: formText.firstName.name, text: formText.firstName.text, validationType: 'fieldInputRequired', autocomplete: formText.firstName.autocomplete }, // yes\r\n LastName: { name: formText.lastName.name, text: formText.lastName.text, validationType: 'fieldInputRequired', autocomplete: formText.lastName.autocomplete }, // yes\r\n Email: { name: formText.email.name, text: formText.email.text, validationType: 'emailInputRequired', autocomplete: formText.email.autocomplete }, // yes\r\n Phone: { name: formText.phone.name, text: formText.phone.text, validationType: 'phoneInputRequired', autocomplete: formText.phone.autocomplete }, // yes\r\n City: { name: formText.city.name, text: formText.city.text, validationType: 'fieldInputRequired', autocomplete: formText.city.autocomplete }, // yes\r\n Country: { name: formText.country.name, text: formText.country.text, validationType: 'defaultRequiredAllowZero', autocomplete: formText.country.autocomplete }, // yes\r\n State: { name: formText.state.name, text: formText.state.text, validationType: 'defaultRequired', isDependent: true, autocomplete: formText.state.autocomplete }, // no\r\n Company: { name: formText.companyName.name, text: formText.companyName.text, validationType: 'defaultRequired', autocomplete: formText.companyName.autocomplete }, // yes\r\n CompanyType: { name: formText.companyType.name, text: formText.companyType.text, validationType: 'defaultRequiredAllowZero', autocomplete: formText.companyType.autocomplete }, // yes\r\n JobFunction: { name: formText.jobFunction.name, text: formText.jobFunction.text, validationType: 'defaultRequired', isDependent: true, autocomplete: formText.jobFunction.autocomplete }, // yes\r\n OtherInterest: { name: formText.typeYourAnswer.name, text: formText.typeYourAnswer.text } // yes\r\n } as FormTextFields;\r\n};\r\n\r\nconst getCommuniqueformFields = () => {\r\n const formText = getText('pages.requestTrial');\r\n return {\r\n FirstName: { name: formText.firstName.name, text: formText.firstName.text, validationType: 'fieldInputRequired', autocomplete: formText.firstName.autocomplete }, // yes\r\n LastName: { name: formText.lastName.name, text: formText.lastName.text, validationType: 'fieldInputRequired', autocomplete: formText.lastName.autocomplete }, // yes\r\n Email: { name: formText.email.name, text: formText.email.text, validationType: 'emailInputRequired', autocomplete: formText.email.autocomplete }, // yes\r\n Country: { name: formText.country.name, text: formText.country.text, validationType: 'defaultRequiredAllowZero', autocomplete: formText.country.autocomplete }, // yes\r\n State: { name: formText.state.name, text: formText.state.text, validationType: 'defaultRequired', isDependent: true, autocomplete: formText.state.autocomplete }, // no\r\n Company: { name: formText.companyName.name, text: formText.companyName.text, validationType: 'defaultRequired', autocomplete: formText.companyName.autocomplete }, // yes\r\n HasUserConsent: { name: formText.subscription.name, text: formText.subscription.communiqueText } // yes\r\n } as FormTextFields;\r\n};\r\n\r\nconst getPlattsformFields = () => {\r\n const formText = getText('pages.requestTrial');\r\n return {\r\n FirstName: { name: formText.firstName.name, text: formText.firstName.text, validationType: 'fieldInputRequired', autocomplete: formText.firstName.autocomplete }, // yes\r\n LastName: { name: formText.lastName.name, text: formText.lastName.text, validationType: 'fieldInputRequired', autocomplete: formText.lastName.autocomplete }, // yes\r\n Email: { name: formText.email.name, text: formText.email.text, validationType: 'emailInputRequired', autocomplete: formText.email.autocomplete }, // yes\r\n Phone: { name: formText.phone.name, text: formText.phone.text, validationType: 'phoneInputRequired', autocomplete: formText.phone.autocomplete }, // yes\r\n City: { name: formText.city.name, text: formText.city.text, validationType: 'fieldInputRequired', autocomplete: formText.city.autocomplete }, // yes\r\n PostalCode: { name: formText.postalCode.name, text: formText.postalCode.text, validationType: 'fieldInputRequired', autocomplete: formText.postalCode.autocomplete }, // yes\r\n Country: { name: formText.country.name, text: formText.country.plattsText, validationType: 'defaultRequiredAllowZero', autocomplete: formText.country.autocomplete }, // yes\r\n CompanyCountry: { name: formText.companyCountry.name, text: formText.companyCountry.text, validationType: 'defaultRequiredAllowZero', autocomplete: formText.companyCountry.autocomplete }, // yes\r\n CompanyState: { name: formText.companyState.name, text: formText.companyState.text, validationType: 'defaultRequired', isDependent: true, autocomplete: formText.companyState.autocomplete }, // yes\r\n Company: { name: formText.companyName.name, text: formText.companyName.text, validationType: 'defaultRequired', autocomplete: formText.companyName.autocomplete }, // yes\r\n CompanyType: { name: formText.companyType.name, text: formText.companyType.text, validationType: 'defaultRequiredAllowZero', autocomplete: formText.companyType.autocomplete }, // yes\r\n JobFunction: { name: formText.jobFunction.name, text: formText.jobFunction.text, validationType: 'defaultRequired', isDependent: true, autocomplete: formText.jobFunction.autocomplete }, // yes\r\n HasUserConsent: { name: formText.subscription.name, text: formText.subscription.plattsText }, // yes\r\n OtherInterest: { name: formText.typeYourAnswer.name, text: formText.typeYourAnswer.text } // yes\r\n } as FormTextFields;\r\n};\r\n\r\nconst getIndicesformFields = () => {\r\n const formText = getText('pages.requestTrial');\r\n return {\r\n FirstName: { name: formText.firstName.name, text: formText.firstName.text, validationType: 'fieldInputRequired', autocomplete: formText.firstName.autocomplete }, // yes\r\n LastName: { name: formText.lastName.name, text: formText.lastName.text, validationType: 'fieldInputRequired', autocomplete: formText.lastName.autocomplete }, // yes\r\n Email: { name: formText.email.name, text: formText.email.text, validationType: 'emailInputRequired', autocomplete: formText.email.autocomplete }, // yes\r\n Phone: { name: formText.phone.name, text: formText.phone.text, validationType: 'phoneInputRequired', autocomplete: formText.phone.autocomplete }, // yes\r\n City: { name: formText.city.name, text: formText.city.text, validationType: 'fieldInputRequired', autocomplete: formText.city.autocomplete }, // yes\r\n Country: { name: formText.country.name, text: formText.country.text, validationType: 'defaultRequiredAllowZero', autocomplete: formText.country.autocomplete }, // yes\r\n State: { name: formText.state.name, text: formText.state.text, validationType: 'defaultRequired', isDependent: true, autocomplete: formText.state.autocomplete }, // no\r\n Company: { name: formText.companyName.name, text: formText.companyName.text, validationType: 'defaultRequired', autocomplete: formText.companyName.autocomplete }, // yes\r\n CompanyType: { name: formText.companyType.name, text: formText.companyType.text, validationType: 'defaultRequiredAllowZero', autocomplete: formText.companyType.autocomplete }, // yes\r\n JobFunction: { name: formText.jobFunction.name, text: formText.jobFunction.text, validationType: 'defaultRequired', isDependent: true, autocomplete: formText.jobFunction.autocomplete }, // yes\r\n HasUserConsent: { name: formText.subscription.name, text: formText.subscription.text }, // yes\r\n OtherInterest: { name: formText.typeYourAnswer.name, text: formText.typeYourAnswer.text } // yes\r\n } as FormTextFields;\r\n};\r\n\r\n\r\nconst getVisualizationformFields = () => {\r\n const formText = getText('pages.requestTrial');\r\n return {\r\n FirstName: { name: formText.firstName.name, text: formText.firstName.text, validationType: 'fieldInputRequired', autocomplete: formText.firstName.autocomplete }, // yes\r\n LastName: { name: formText.lastName.name, text: formText.lastName.text, validationType: 'fieldInputRequired', autocomplete: formText.lastName.autocomplete }, // yes\r\n Email: { name: formText.email.name, text: formText.email.text, validationType: 'emailInputRequired', autocomplete: formText.email.autocomplete }, // yes\r\n Phone: { name: formText.phone.name, text: formText.phone.text, validationType: 'phoneInputRequired', autocomplete: formText.phone.autocomplete }, // yes\r\n City: { name: formText.city.name, text: formText.city.text, validationType: 'fieldInputRequired', autocomplete: formText.city.autocomplete }, // yes\r\n Country: { name: formText.country.name, text: formText.country.text, validationType: 'defaultRequiredAllowZero', autocomplete: formText.country.autocomplete }, // yes\r\n State: { name: formText.state.name, text: formText.state.text, validationType: 'defaultRequired', isDependent: true, autocomplete: formText.state.autocomplete }, // no\r\n Company: { name: formText.companyName.name, text: formText.companyName.text, validationType: 'defaultRequired', autocomplete: formText.companyName.autocomplete }, // yes\r\n CompanyType: { name: formText.companyType.name, text: formText.companyType.text, validationType: 'defaultRequiredAllowZero', autocomplete: formText.companyType.autocomplete }, // yes\r\n JobFunction: { name: formText.jobFunction.name, text: formText.jobFunction.text, validationType: 'defaultRequired', isDependent: true, autocomplete: formText.jobFunction.autocomplete }, // yes\r\n InterestOption: { name: formText.interestOption.name, text: '', validationType: 'defaultRequired' },\r\n PreferredBITools: { name: formText.preferredBITools.name, text: '', validationType: 'defaultRequired' },\r\n RequestMoreInfo: { name: formText.requestMoreInfo.name, text: '' }\r\n } as FormTextFields;\r\n};\r\n\r\nconst getEmailformFields = () => {\r\n const formText = getText('pages.requestTrial');\r\n return {\r\n FirstName: { name: formText.firstName.name, text: formText.firstName.text, validationType: 'fieldInputRequired', autocomplete: formText.firstName.autocomplete }, // yes\r\n LastName: { name: formText.lastName.name, text: formText.lastName.text, validationType: 'fieldInputRequired', autocomplete: formText.lastName.autocomplete }, // yes\r\n Email: { name: formText.email.name, text: formText.email.text, validationType: 'emailInputRequired', autocomplete: formText.email.autocomplete }, // yes\r\n Phone: { name: formText.phone.name, text: formText.phone.text, validationType: 'phoneInputRequired', autocomplete: formText.phone.autocomplete }, // yes\r\n City: { name: formText.city.name, text: formText.city.text, validationType: 'fieldInputRequired', autocomplete: formText.city.autocomplete }, // yes\r\n PostalCode: { name: formText.postalCode.name, text: formText.postalCode.text, validationType: 'fieldInputRequired', autocomplete: formText.postalCode.autocomplete }, // yes\r\n Country: { name: formText.country.name, text: formText.country.text, validationType: 'defaultRequiredAllowZero', autocomplete: formText.country.autocomplete }, // yes\r\n Company: { name: formText.companyName.name, text: formText.companyName.text, validationType: 'defaultRequired', autocomplete: formText.companyName.autocomplete }, // yes\r\n CompanyType: { name: formText.companyType.name, text: formText.companyType.text, validationType: 'defaultRequiredAllowZero', autocomplete: formText.companyType.autocomplete }, // yes\r\n JobFunction: { name: formText.jobFunction.name, text: formText.jobFunction.text, validationType: 'defaultRequired', isDependent: true, autocomplete: formText.jobFunction.autocomplete }, // yes\r\n HasUserConsent: { name: formText.subscription.name, text: formText.subscription.text }, // yes\r\n OtherInterest: { name: formText.typeYourAnswer.name, text: formText.typeYourAnswer.text } // yes\r\n } as FormTextFields;\r\n};\r\n\r\nconst submitToMarketo = (\r\n requestBody: NotifyMeRequest | RATRequest | RATPlattsRequest | RATCommuniqueBaseRequest | RATVisualizationRequest,\r\n cb: () => void,\r\n error: (error: string) => void\r\n) => {\r\n APIManager.submitLeadToMarketo(requestBody)\r\n .then(response => {\r\n if (response.data) {\r\n cb();\r\n return;\r\n }\r\n error('Marketo request failed');\r\n })\r\n .catch(err => {\r\n if (err && err.message.includes('status code 429')) error('Too many requests');\r\n else error('Marketo request failed');\r\n });\r\n};\r\n\r\nexport {\r\n submitToMarketo,\r\n getPlattsformFields,\r\n getDefaultformFields,\r\n getEmailformFields,\r\n getCrisilformFields,\r\n getCommuniqueformFields,\r\n getVisualizationformFields,\r\n getIndicesformFields\r\n};\r\n","import { getConfig } from '../helpers';\r\nimport SPGVariables from './spg-variables';\r\n\r\nconst spgVariables = SPGVariables();\r\nconst urls = getConfig('urls');\r\nconst buildImageUrl = (urlString?: string) => {\r\n if (urlString && urlString.length) {\r\n return urlString.indexOf('http') > -1 || urlString.substr(0, 1) === '/' || urlString.substr(0, 2) === '..'\r\n ? urlString\r\n : `${spgVariables.CloudFrontURL}/${urlString}`;\r\n }\r\n return undefined;\r\n};\r\n\r\nexport default buildImageUrl;\r\n"],"sourceRoot":""}