://\" or \"//\" (protocol-relative URL).\n // RFC 3986 defines scheme name as a sequence of characters beginning with a letter and followed\n // by any combination of letters, digits, plus, period, or hyphen.\n return /^([a-z][a-z\\d+\\-.]*:)?\\/\\//i.test(url);\n};\n","'use strict';\n\nvar utils = require('./../utils');\n\n/**\n * Determines whether the payload is an error thrown by Axios\n *\n * @param {*} payload The value to test\n * @returns {boolean} True if the payload is an error thrown by Axios, otherwise false\n */\nmodule.exports = function isAxiosError(payload) {\n return utils.isObject(payload) && (payload.isAxiosError === true);\n};\n","'use strict';\n\nvar utils = require('./../utils');\n\nmodule.exports = (\n utils.isStandardBrowserEnv() ?\n\n // Standard browser envs have full support of the APIs needed to test\n // whether the request URL is of the same origin as current location.\n (function standardBrowserEnv() {\n var msie = /(msie|trident)/i.test(navigator.userAgent);\n var urlParsingNode = document.createElement('a');\n var originURL;\n\n /**\n * Parse a URL to discover it's components\n *\n * @param {String} url The URL to be parsed\n * @returns {Object}\n */\n function resolveURL(url) {\n var href = url;\n\n if (msie) {\n // IE needs attribute set twice to normalize properties\n urlParsingNode.setAttribute('href', href);\n href = urlParsingNode.href;\n }\n\n urlParsingNode.setAttribute('href', href);\n\n // urlParsingNode provides the UrlUtils interface - http://url.spec.whatwg.org/#urlutils\n return {\n href: urlParsingNode.href,\n protocol: urlParsingNode.protocol ? urlParsingNode.protocol.replace(/:$/, '') : '',\n host: urlParsingNode.host,\n search: urlParsingNode.search ? urlParsingNode.search.replace(/^\\?/, '') : '',\n hash: urlParsingNode.hash ? urlParsingNode.hash.replace(/^#/, '') : '',\n hostname: urlParsingNode.hostname,\n port: urlParsingNode.port,\n pathname: (urlParsingNode.pathname.charAt(0) === '/') ?\n urlParsingNode.pathname :\n '/' + urlParsingNode.pathname\n };\n }\n\n originURL = resolveURL(window.location.href);\n\n /**\n * Determine if a URL shares the same origin as the current location\n *\n * @param {String} requestURL The URL to test\n * @returns {boolean} True if URL shares the same origin, otherwise false\n */\n return function isURLSameOrigin(requestURL) {\n var parsed = (utils.isString(requestURL)) ? resolveURL(requestURL) : requestURL;\n return (parsed.protocol === originURL.protocol &&\n parsed.host === originURL.host);\n };\n })() :\n\n // Non standard browser envs (web workers, react-native) lack needed support.\n (function nonStandardBrowserEnv() {\n return function isURLSameOrigin() {\n return true;\n };\n })()\n);\n","'use strict';\n\nvar utils = require('../utils');\n\nmodule.exports = function normalizeHeaderName(headers, normalizedName) {\n utils.forEach(headers, function processHeader(value, name) {\n if (name !== normalizedName && name.toUpperCase() === normalizedName.toUpperCase()) {\n headers[normalizedName] = value;\n delete headers[name];\n }\n });\n};\n","// eslint-disable-next-line strict\nmodule.exports = null;\n","'use strict';\n\nvar utils = require('./../utils');\n\n// Headers whose duplicates are ignored by node\n// c.f. https://nodejs.org/api/http.html#http_message_headers\nvar ignoreDuplicateOf = [\n 'age', 'authorization', 'content-length', 'content-type', 'etag',\n 'expires', 'from', 'host', 'if-modified-since', 'if-unmodified-since',\n 'last-modified', 'location', 'max-forwards', 'proxy-authorization',\n 'referer', 'retry-after', 'user-agent'\n];\n\n/**\n * Parse headers into an object\n *\n * ```\n * Date: Wed, 27 Aug 2014 08:58:49 GMT\n * Content-Type: application/json\n * Connection: keep-alive\n * Transfer-Encoding: chunked\n * ```\n *\n * @param {String} headers Headers needing to be parsed\n * @returns {Object} Headers parsed into an object\n */\nmodule.exports = function parseHeaders(headers) {\n var parsed = {};\n var key;\n var val;\n var i;\n\n if (!headers) { return parsed; }\n\n utils.forEach(headers.split('\\n'), function parser(line) {\n i = line.indexOf(':');\n key = utils.trim(line.substr(0, i)).toLowerCase();\n val = utils.trim(line.substr(i + 1));\n\n if (key) {\n if (parsed[key] && ignoreDuplicateOf.indexOf(key) >= 0) {\n return;\n }\n if (key === 'set-cookie') {\n parsed[key] = (parsed[key] ? parsed[key] : []).concat([val]);\n } else {\n parsed[key] = parsed[key] ? parsed[key] + ', ' + val : val;\n }\n }\n });\n\n return parsed;\n};\n","'use strict';\n\nmodule.exports = function parseProtocol(url) {\n var match = /^([-+\\w]{1,25})(:?\\/\\/|:)/.exec(url);\n return match && match[1] || '';\n};\n","'use strict';\n\n/**\n * Syntactic sugar for invoking a function and expanding an array for arguments.\n *\n * Common use case would be to use `Function.prototype.apply`.\n *\n * ```js\n * function f(x, y, z) {}\n * var args = [1, 2, 3];\n * f.apply(null, args);\n * ```\n *\n * With `spread` this example can be re-written.\n *\n * ```js\n * spread(function(x, y, z) {})([1, 2, 3]);\n * ```\n *\n * @param {Function} callback\n * @returns {Function}\n */\nmodule.exports = function spread(callback) {\n return function wrap(arr) {\n return callback.apply(null, arr);\n };\n};\n","'use strict';\n\nvar utils = require('../utils');\n\n/**\n * Convert a data object to FormData\n * @param {Object} obj\n * @param {?Object} [formData]\n * @returns {Object}\n **/\n\nfunction toFormData(obj, formData) {\n // eslint-disable-next-line no-param-reassign\n formData = formData || new FormData();\n\n var stack = [];\n\n function convertValue(value) {\n if (value === null) return '';\n\n if (utils.isDate(value)) {\n return value.toISOString();\n }\n\n if (utils.isArrayBuffer(value) || utils.isTypedArray(value)) {\n return typeof Blob === 'function' ? new Blob([value]) : Buffer.from(value);\n }\n\n return value;\n }\n\n function build(data, parentKey) {\n if (utils.isPlainObject(data) || utils.isArray(data)) {\n if (stack.indexOf(data) !== -1) {\n throw Error('Circular reference detected in ' + parentKey);\n }\n\n stack.push(data);\n\n utils.forEach(data, function each(value, key) {\n if (utils.isUndefined(value)) return;\n var fullKey = parentKey ? parentKey + '.' + key : key;\n var arr;\n\n if (value && !parentKey && typeof value === 'object') {\n if (utils.endsWith(key, '{}')) {\n // eslint-disable-next-line no-param-reassign\n value = JSON.stringify(value);\n } else if (utils.endsWith(key, '[]') && (arr = utils.toArray(value))) {\n // eslint-disable-next-line func-names\n arr.forEach(function(el) {\n !utils.isUndefined(el) && formData.append(fullKey, convertValue(el));\n });\n return;\n }\n }\n\n build(value, fullKey);\n });\n\n stack.pop();\n } else {\n formData.append(parentKey, convertValue(data));\n }\n }\n\n build(obj);\n\n return formData;\n}\n\nmodule.exports = toFormData;\n","'use strict';\n\nvar VERSION = require('../env/data').version;\nvar AxiosError = require('../core/AxiosError');\n\nvar validators = {};\n\n// eslint-disable-next-line func-names\n['object', 'boolean', 'number', 'function', 'string', 'symbol'].forEach(function(type, i) {\n validators[type] = function validator(thing) {\n return typeof thing === type || 'a' + (i < 1 ? 'n ' : ' ') + type;\n };\n});\n\nvar deprecatedWarnings = {};\n\n/**\n * Transitional option validator\n * @param {function|boolean?} validator - set to false if the transitional option has been removed\n * @param {string?} version - deprecated version / removed since version\n * @param {string?} message - some message with additional info\n * @returns {function}\n */\nvalidators.transitional = function transitional(validator, version, message) {\n function formatMessage(opt, desc) {\n return '[Axios v' + VERSION + '] Transitional option \\'' + opt + '\\'' + desc + (message ? '. ' + message : '');\n }\n\n // eslint-disable-next-line func-names\n return function(value, opt, opts) {\n if (validator === false) {\n throw new AxiosError(\n formatMessage(opt, ' has been removed' + (version ? ' in ' + version : '')),\n AxiosError.ERR_DEPRECATED\n );\n }\n\n if (version && !deprecatedWarnings[opt]) {\n deprecatedWarnings[opt] = true;\n // eslint-disable-next-line no-console\n console.warn(\n formatMessage(\n opt,\n ' has been deprecated since v' + version + ' and will be removed in the near future'\n )\n );\n }\n\n return validator ? validator(value, opt, opts) : true;\n };\n};\n\n/**\n * Assert object's properties type\n * @param {object} options\n * @param {object} schema\n * @param {boolean?} allowUnknown\n */\n\nfunction assertOptions(options, schema, allowUnknown) {\n if (typeof options !== 'object') {\n throw new AxiosError('options must be an object', AxiosError.ERR_BAD_OPTION_VALUE);\n }\n var keys = Object.keys(options);\n var i = keys.length;\n while (i-- > 0) {\n var opt = keys[i];\n var validator = schema[opt];\n if (validator) {\n var value = options[opt];\n var result = value === undefined || validator(value, opt, options);\n if (result !== true) {\n throw new AxiosError('option ' + opt + ' must be ' + result, AxiosError.ERR_BAD_OPTION_VALUE);\n }\n continue;\n }\n if (allowUnknown !== true) {\n throw new AxiosError('Unknown option ' + opt, AxiosError.ERR_BAD_OPTION);\n }\n }\n}\n\nmodule.exports = {\n assertOptions: assertOptions,\n validators: validators\n};\n","'use strict';\n\nvar bind = require('./helpers/bind');\n\n// utils is a library of generic helper functions non-specific to axios\n\nvar toString = Object.prototype.toString;\n\n// eslint-disable-next-line func-names\nvar kindOf = (function(cache) {\n // eslint-disable-next-line func-names\n return function(thing) {\n var str = toString.call(thing);\n return cache[str] || (cache[str] = str.slice(8, -1).toLowerCase());\n };\n})(Object.create(null));\n\nfunction kindOfTest(type) {\n type = type.toLowerCase();\n return function isKindOf(thing) {\n return kindOf(thing) === type;\n };\n}\n\n/**\n * Determine if a value is an Array\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is an Array, otherwise false\n */\nfunction isArray(val) {\n return Array.isArray(val);\n}\n\n/**\n * Determine if a value is undefined\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if the value is undefined, otherwise false\n */\nfunction isUndefined(val) {\n return typeof val === 'undefined';\n}\n\n/**\n * Determine if a value is a Buffer\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Buffer, otherwise false\n */\nfunction isBuffer(val) {\n return val !== null && !isUndefined(val) && val.constructor !== null && !isUndefined(val.constructor)\n && typeof val.constructor.isBuffer === 'function' && val.constructor.isBuffer(val);\n}\n\n/**\n * Determine if a value is an ArrayBuffer\n *\n * @function\n * @param {Object} val The value to test\n * @returns {boolean} True if value is an ArrayBuffer, otherwise false\n */\nvar isArrayBuffer = kindOfTest('ArrayBuffer');\n\n\n/**\n * Determine if a value is a view on an ArrayBuffer\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a view on an ArrayBuffer, otherwise false\n */\nfunction isArrayBufferView(val) {\n var result;\n if ((typeof ArrayBuffer !== 'undefined') && (ArrayBuffer.isView)) {\n result = ArrayBuffer.isView(val);\n } else {\n result = (val) && (val.buffer) && (isArrayBuffer(val.buffer));\n }\n return result;\n}\n\n/**\n * Determine if a value is a String\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a String, otherwise false\n */\nfunction isString(val) {\n return typeof val === 'string';\n}\n\n/**\n * Determine if a value is a Number\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Number, otherwise false\n */\nfunction isNumber(val) {\n return typeof val === 'number';\n}\n\n/**\n * Determine if a value is an Object\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is an Object, otherwise false\n */\nfunction isObject(val) {\n return val !== null && typeof val === 'object';\n}\n\n/**\n * Determine if a value is a plain Object\n *\n * @param {Object} val The value to test\n * @return {boolean} True if value is a plain Object, otherwise false\n */\nfunction isPlainObject(val) {\n if (kindOf(val) !== 'object') {\n return false;\n }\n\n var prototype = Object.getPrototypeOf(val);\n return prototype === null || prototype === Object.prototype;\n}\n\n/**\n * Determine if a value is a Date\n *\n * @function\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Date, otherwise false\n */\nvar isDate = kindOfTest('Date');\n\n/**\n * Determine if a value is a File\n *\n * @function\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a File, otherwise false\n */\nvar isFile = kindOfTest('File');\n\n/**\n * Determine if a value is a Blob\n *\n * @function\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Blob, otherwise false\n */\nvar isBlob = kindOfTest('Blob');\n\n/**\n * Determine if a value is a FileList\n *\n * @function\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a File, otherwise false\n */\nvar isFileList = kindOfTest('FileList');\n\n/**\n * Determine if a value is a Function\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Function, otherwise false\n */\nfunction isFunction(val) {\n return toString.call(val) === '[object Function]';\n}\n\n/**\n * Determine if a value is a Stream\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Stream, otherwise false\n */\nfunction isStream(val) {\n return isObject(val) && isFunction(val.pipe);\n}\n\n/**\n * Determine if a value is a FormData\n *\n * @param {Object} thing The value to test\n * @returns {boolean} True if value is an FormData, otherwise false\n */\nfunction isFormData(thing) {\n var pattern = '[object FormData]';\n return thing && (\n (typeof FormData === 'function' && thing instanceof FormData) ||\n toString.call(thing) === pattern ||\n (isFunction(thing.toString) && thing.toString() === pattern)\n );\n}\n\n/**\n * Determine if a value is a URLSearchParams object\n * @function\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a URLSearchParams object, otherwise false\n */\nvar isURLSearchParams = kindOfTest('URLSearchParams');\n\n/**\n * Trim excess whitespace off the beginning and end of a string\n *\n * @param {String} str The String to trim\n * @returns {String} The String freed of excess whitespace\n */\nfunction trim(str) {\n return str.trim ? str.trim() : str.replace(/^\\s+|\\s+$/g, '');\n}\n\n/**\n * Determine if we're running in a standard browser environment\n *\n * This allows axios to run in a web worker, and react-native.\n * Both environments support XMLHttpRequest, but not fully standard globals.\n *\n * web workers:\n * typeof window -> undefined\n * typeof document -> undefined\n *\n * react-native:\n * navigator.product -> 'ReactNative'\n * nativescript\n * navigator.product -> 'NativeScript' or 'NS'\n */\nfunction isStandardBrowserEnv() {\n if (typeof navigator !== 'undefined' && (navigator.product === 'ReactNative' ||\n navigator.product === 'NativeScript' ||\n navigator.product === 'NS')) {\n return false;\n }\n return (\n typeof window !== 'undefined' &&\n typeof document !== 'undefined'\n );\n}\n\n/**\n * Iterate over an Array or an Object invoking a function for each item.\n *\n * If `obj` is an Array callback will be called passing\n * the value, index, and complete array for each item.\n *\n * If 'obj' is an Object callback will be called passing\n * the value, key, and complete object for each property.\n *\n * @param {Object|Array} obj The object to iterate\n * @param {Function} fn The callback to invoke for each item\n */\nfunction forEach(obj, fn) {\n // Don't bother if no value provided\n if (obj === null || typeof obj === 'undefined') {\n return;\n }\n\n // Force an array if not already something iterable\n if (typeof obj !== 'object') {\n /*eslint no-param-reassign:0*/\n obj = [obj];\n }\n\n if (isArray(obj)) {\n // Iterate over array values\n for (var i = 0, l = obj.length; i < l; i++) {\n fn.call(null, obj[i], i, obj);\n }\n } else {\n // Iterate over object keys\n for (var key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key)) {\n fn.call(null, obj[key], key, obj);\n }\n }\n }\n}\n\n/**\n * Accepts varargs expecting each argument to be an object, then\n * immutably merges the properties of each object and returns result.\n *\n * When multiple objects contain the same key the later object in\n * the arguments list will take precedence.\n *\n * Example:\n *\n * ```js\n * var result = merge({foo: 123}, {foo: 456});\n * console.log(result.foo); // outputs 456\n * ```\n *\n * @param {Object} obj1 Object to merge\n * @returns {Object} Result of all merge properties\n */\nfunction merge(/* obj1, obj2, obj3, ... */) {\n var result = {};\n function assignValue(val, key) {\n if (isPlainObject(result[key]) && isPlainObject(val)) {\n result[key] = merge(result[key], val);\n } else if (isPlainObject(val)) {\n result[key] = merge({}, val);\n } else if (isArray(val)) {\n result[key] = val.slice();\n } else {\n result[key] = val;\n }\n }\n\n for (var i = 0, l = arguments.length; i < l; i++) {\n forEach(arguments[i], assignValue);\n }\n return result;\n}\n\n/**\n * Extends object a by mutably adding to it the properties of object b.\n *\n * @param {Object} a The object to be extended\n * @param {Object} b The object to copy properties from\n * @param {Object} thisArg The object to bind function to\n * @return {Object} The resulting value of object a\n */\nfunction extend(a, b, thisArg) {\n forEach(b, function assignValue(val, key) {\n if (thisArg && typeof val === 'function') {\n a[key] = bind(val, thisArg);\n } else {\n a[key] = val;\n }\n });\n return a;\n}\n\n/**\n * Remove byte order marker. This catches EF BB BF (the UTF-8 BOM)\n *\n * @param {string} content with BOM\n * @return {string} content value without BOM\n */\nfunction stripBOM(content) {\n if (content.charCodeAt(0) === 0xFEFF) {\n content = content.slice(1);\n }\n return content;\n}\n\n/**\n * Inherit the prototype methods from one constructor into another\n * @param {function} constructor\n * @param {function} superConstructor\n * @param {object} [props]\n * @param {object} [descriptors]\n */\n\nfunction inherits(constructor, superConstructor, props, descriptors) {\n constructor.prototype = Object.create(superConstructor.prototype, descriptors);\n constructor.prototype.constructor = constructor;\n props && Object.assign(constructor.prototype, props);\n}\n\n/**\n * Resolve object with deep prototype chain to a flat object\n * @param {Object} sourceObj source object\n * @param {Object} [destObj]\n * @param {Function} [filter]\n * @returns {Object}\n */\n\nfunction toFlatObject(sourceObj, destObj, filter) {\n var props;\n var i;\n var prop;\n var merged = {};\n\n destObj = destObj || {};\n\n do {\n props = Object.getOwnPropertyNames(sourceObj);\n i = props.length;\n while (i-- > 0) {\n prop = props[i];\n if (!merged[prop]) {\n destObj[prop] = sourceObj[prop];\n merged[prop] = true;\n }\n }\n sourceObj = Object.getPrototypeOf(sourceObj);\n } while (sourceObj && (!filter || filter(sourceObj, destObj)) && sourceObj !== Object.prototype);\n\n return destObj;\n}\n\n/*\n * determines whether a string ends with the characters of a specified string\n * @param {String} str\n * @param {String} searchString\n * @param {Number} [position= 0]\n * @returns {boolean}\n */\nfunction endsWith(str, searchString, position) {\n str = String(str);\n if (position === undefined || position > str.length) {\n position = str.length;\n }\n position -= searchString.length;\n var lastIndex = str.indexOf(searchString, position);\n return lastIndex !== -1 && lastIndex === position;\n}\n\n\n/**\n * Returns new array from array like object\n * @param {*} [thing]\n * @returns {Array}\n */\nfunction toArray(thing) {\n if (!thing) return null;\n var i = thing.length;\n if (isUndefined(i)) return null;\n var arr = new Array(i);\n while (i-- > 0) {\n arr[i] = thing[i];\n }\n return arr;\n}\n\n// eslint-disable-next-line func-names\nvar isTypedArray = (function(TypedArray) {\n // eslint-disable-next-line func-names\n return function(thing) {\n return TypedArray && thing instanceof TypedArray;\n };\n})(typeof Uint8Array !== 'undefined' && Object.getPrototypeOf(Uint8Array));\n\nmodule.exports = {\n isArray: isArray,\n isArrayBuffer: isArrayBuffer,\n isBuffer: isBuffer,\n isFormData: isFormData,\n isArrayBufferView: isArrayBufferView,\n isString: isString,\n isNumber: isNumber,\n isObject: isObject,\n isPlainObject: isPlainObject,\n isUndefined: isUndefined,\n isDate: isDate,\n isFile: isFile,\n isBlob: isBlob,\n isFunction: isFunction,\n isStream: isStream,\n isURLSearchParams: isURLSearchParams,\n isStandardBrowserEnv: isStandardBrowserEnv,\n forEach: forEach,\n merge: merge,\n extend: extend,\n trim: trim,\n stripBOM: stripBOM,\n inherits: inherits,\n toFlatObject: toFlatObject,\n kindOf: kindOf,\n kindOfTest: kindOfTest,\n endsWith: endsWith,\n toArray: toArray,\n isTypedArray: isTypedArray,\n isFileList: isFileList\n};\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport axios from 'axios';\nimport _ from 'lodash';\nimport ArticleHerocontainer from '../container/ArticleHerocontainer.js';\nimport ArticleHeadercontainer from '../container/ArticleHeadercontainer.js';\nimport Headercontainer from '../container/Headercontainer.js';\nimport ArticleMaincontainer from '../container/ArticleMaincontainer.js';\nimport ArticleRating from '../container/ArticleRating.js';\nimport Breadcrumbcontainer from '../container/Breadcrumbcontainer.js';\nimport Faqcomponent from '../container/Faqcomponent.js';\nimport Relatedstories from '../container/Relatedstories.js';\nimport SidePanelcomponent from '../container/SidePanelcomponent.js';\nimport Socialcontainer from '../container/Socialcontainer.js';\nimport ArticleFootNotecontainer from '../container/ArticleFootNotecontainer.js';\nimport Footercontainer from '../container/Footercontainer.js';\nimport Helpcontainer from '../container/Helpcontainer.js';\nimport Scrollupcontainer from '../container/Scrollupcontainer.js';\nimport MostPopularArticles from '../container/MostPopularArticles';\nimport LegalFooter from '../container/LegalFooter.js';\nimport GatewayDownload from '../container/GatewayDownload.js';\nimport GatewayForm from '../container/GatewayForm.js';\nimport Podcast from '../container/Podcast.js';\nimport { isTypePodcast } from '../lib/podcastHelper';\nimport FormLessForm from '../container/FormLessForm';\nimport {\n isPardotTrueExistInUrl,\n checkSlugIdExist,\n getPardotUrlForSelectedSlugId,\n} from '../lib/gatewayFormHelper';\n\nclass ArticleMainComponent extends Component {\n static getPage(url) {\n if (url.includes('/topics/')) {\n return 'Category Page';\n } else if (url.length === 0) {\n return null;\n }\n return 'Home Page';\n }\n\n static getCSRFToken() {\n const body = document.getElementsByTagName('body')[0];\n const csrfToken = body.getAttribute('data-token');\n return csrfToken;\n }\n\n constructor(props) {\n super(props);\n this.state = {\n cookies: '',\n attachUrl: '',\n pdtmail: '',\n urlPath: '',\n };\n }\n\n componentDidMount() {\n const hrefUrl = window.location.href;\n\n if (hrefUrl.indexOf('pdtmail=') !== -1) {\n const params = hrefUrl\n .split('?')[1]\n .split('&')\n .filter((s) => s.indexOf('pdtmail') > -1)[0];\n this.setState({\n pdtmail: params.split('=')[1],\n });\n }\n if (hrefUrl.indexOf('?locale.x') !== -1) {\n this.setState({\n attachUrl: hrefUrl.split('?')[1],\n });\n }\n this.setState({\n cookies: document.cookie,\n urlPath: window.location.href,\n });\n const articleInfo = JSON.parse(this.props.articleInfo);\n\n const self = this;\n const localePart = this.props.locale.split('_')[0];\n let locale;\n if (this.props.country === 'UK') {\n locale = this.props.locale;\n } else {\n locale = `${localePart}_${this.props.country.toUpperCase()}`;\n }\n\n if (_.isString(locale) && locale.length < 6) {\n const body = {\n entryId: articleInfo.metadata.entryId,\n language: locale,\n country: this.props.country.toUpperCase(),\n locale: locale,\n request_type: 'VIEWCONTENT',\n entryTemplateId: 'BRCContent',\n docId: articleInfo.metadata.documentId,\n request_sub_type: 'VS',\n tenantId: 'BRC',\n request_status: 'Success',\n department: articleInfo.metadata.category[0],\n };\n axios\n .post('articleReview', {\n eventParams: body,\n _csrf: ArticleMainComponent.getCSRFToken(),\n })\n .then(function () {\n self.showMessage();\n })\n .catch(function () {});\n }\n }\n\n render() {\n const topicsHash = JSON.parse(this.props.topicsHash);\n const articleInfo = JSON.parse(this.props.articleInfo);\n const popArticlesHomeInfo = JSON.parse(this.props.popArticlesHomeInfo);\n const isRatingEnabled = JSON.parse(this.props.isRatingEnabled);\n const legalFooter = JSON.parse(this.props.legalFooter);\n const isPopArticleEnabled = JSON.parse(this.props.isPopArticleEnabled);\n const isHomeBreadcrumbEnabled = JSON.parse(\n this.props.isHomeBreadcrumbEnabled,\n );\n const {\n locale,\n country,\n isNewMppEnabled,\n helpContainer,\n gatewayInfo,\n isECMLive,\n } = this.props;\n\n const {\n ['gateway-pardot-url']: gatewayPatdotUrl,\n ['allow-lead-capture']: allowLeadCapture,\n ['leadCapture-pardot-url']: articleLeadCapturePatdorUrl,\n } = articleInfo?.content || {};\n\n const pardotURLForSelectedSlugId = getPardotUrlForSelectedSlugId({\n country: country.toLowerCase(),\n locale,\n slugId: articleInfo.content['url-slug'],\n });\n\n const leadCapturePatdotUrl =\n articleLeadCapturePatdorUrl || pardotURLForSelectedSlugId;\n const isPodcast = isTypePodcast(gatewayInfo['new-user-title']);\n const cookieAvailable =\n this.state.cookies && this.state.cookies.includes('gatewayForm');\n const showLeadForm = allowLeadCapture === 'Y';\n const countryCheck =\n country.toLowerCase() === 'us' || country.toLowerCase() === 'ca';\n const { urlPath } = this.state;\n\n const isPardotTrueExist = isPardotTrueExistInUrl(urlPath);\n const isSlugIdExist = checkSlugIdExist({\n country: country.toLowerCase(),\n locale,\n slugId: articleInfo.content['url-slug'],\n });\n const isFormlessForm =\n isECMLive === 'true'\n ? isSlugIdExist &&\n showLeadForm &&\n isPardotTrueExist &&\n leadCapturePatdotUrl !== undefined\n : isSlugIdExist && showLeadForm && isPardotTrueExist;\n\n // const isFormlessForm = isSlugIdExist && articleInfo.content[\"allow-lead-capture\"] === \"Y\" && isPardotTrueExist;\n const { breadCrumbs } = articleInfo;\n const isLargeEnterprise =\n country.toLowerCase() === 'us' &&\n breadCrumbs &&\n breadCrumbs.length !== 0 &&\n breadCrumbs[0].id &&\n breadCrumbs[0].id === 'enterprise-solutions'\n ? true\n : false;\n\n return (\n \n
\n
\n
\n
\n \n
\n
\n \n \n \n \n
\n
\n
\n {isFormlessForm ? (\n
\n ) : (\n
\n )}\n
\n
\n \n {isPopArticleEnabled &&\n Array.isArray(popArticlesHomeInfo) &&\n !isPodcast ? (\n \n ) : (\n ''\n )}\n
\n
\n
\n
\n
\n
\n \n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n {topicsInfo.length > 0 ? (\n \n ) : (\n ''\n )}\n {totalArticles > 0 ? (\n \n ) : (\n ''\n )}\n
\n
\n
\n
\n
\n
\n \n \n \n \n \n \n
\n );\n }\n}\n\nexport default ThankyouMainComponent;\n\nThankyouMainComponent.propTypes = {\n country: PropTypes.string,\n isNewMppEnabled: PropTypes.string,\n};\n","import React, {Component} from 'react';\n\nclass ArticleDemo extends Component {\n constructor(props) {\n super(props);\n }\n\n render() {\n const divStyle = {\n textAlign: 'center',\n margin: 30,\n };\n const formStyle = {\n margin: 30,\n };\n const buttonStyle = {\n width: 230,\n height: 48,\n borderRadius: 50,\n fontSize: 15,\n backgroundColor: '#0070ba',\n color: '#ffffff',\n margin: 30,\n };\n const textStyle = {\n width: 1116,\n fontSize: 20,\n };\n const newcsrf = document.body.getAttribute('data-token');\n return (\n \n
{'To test article view'}
\n : ''}\n this.submitReview()}>{getReviewContent('brc.reviewSubmit')}\n }\n \n );\n } else {\n return null;\n }\n }\n\n}\n\nArticleRating.propTypes = {\n articleInfo: PropTypes.object,\n isRatingEnabled: PropTypes.bool\n};\n","import React from 'react';\nimport breakpoints from './breakpoints';\nimport PropTypes from 'prop-types';\nimport getContent from 'pp-react-l10n';\n\nexport default class Breadcrumb extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n isLarge: false,\n attachUrl : '',\n };\n this.handleResize = this.handleResize.bind(this);\n this.handleClick = this.handleClick.bind(this);\n }\n\n componentDidMount() {\n window.addEventListener('resize', this.handleResize);\n this.handleResize();\n const hrefUrl = window.location.href;\n if(hrefUrl.indexOf('?locale.x') !== -1){\n this.setState({\n attachUrl : hrefUrl.split('?')[1]\n });\n }\n }\n\n componentWillUnmount() {\n window.removeEventListener('resize', this.handleResize);\n }\n\n handleResize() {\n if (window.innerWidth > breakpoints.medium) {\n this.setState({\n isLarge: true,\n });\n }else {\n this.setState({\n isLarge: false,\n });\n }\n }\n\n handleClick() {\n window.history.back();\n }\n\n render() {\n const getBreadCrumbContent = getContent('staticContent');\n const {breadCrumbs} = this.props.articleInfo;\n const newBreadCrumbs = breadCrumbs.filter(breadCrumb => breadCrumb.id !== 'brc');\n const country = (this.props.country).toLowerCase();\n const {attachUrl} = this.state;\n const fontChange = country === 'vn' && this.props.locale === 'vi_VN' ? 'vnFont' : country === 'jp' && this.props.locale === 'ja_JP'? 'jpFont': '';\n if(this.state.isLarge) {\n return(\n \n );\n }else{\n const breadCrumb = newBreadCrumbs[newBreadCrumbs.length - 1];\n return(\n \n
\n\n );\n }\n }\n}\n\nBreadcrumb.propTypes = {\n articleInfo: PropTypes.shape({\n breadCrumbs: PropTypes.array\n }),\n country: PropTypes.string,\n isHomeBreadcrumbEnabled: PropTypes.bool\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport cx from 'classnames';\nimport Swipe from 'swipe-js-iso';\n\nconst ORGANISM_NAME = 'carousel';\n\nexport default class Carousel extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n currentSlide: 0,\n autoPlay: props.options.auto,\n numSlides: props.children.length,\n isTransitioning: false,\n isLoading: true,\n };\n\n this.next = this.next.bind(this);\n\n this.nextSlide = this.nextSlide.bind(this);\n this.prevSlide = this.prevSlide.bind(this);\n\n this.slideTo = this.slideTo.bind(this);\n this.swiping = this.swiping.bind(this);\n this.transitionEnd = this.transitionEnd.bind(this);\n\n this.pauseSlide = this.pauseSlide.bind(this);\n this.resumeSlide = this.resumeSlide.bind(this);\n this.stopAutoPlay = this.stopAutoPlay.bind(this);\n\n this.setTabIndex = this.setTabIndex.bind(this);\n this.handleFirstTab= this.handleFirstTab.bind(this);\n\n this.handleInitialLoad = this.handleInitialLoad.bind(this);\n }\n\n componentDidMount() {\n this.handleInitialLoad();\n window.addEventListener('keydown', this.handleFirstTab);\n }\n\n componentDidUpdate() {\n this.setTabIndex();\n }\n\n componentWillUnmount() {\n if (this.swipe) {\n this.swipe.kill();\n }\n this.swipe = undefined;\n clearTimeout(this.timeout);\n window.removeEventListener('keydown', this.handleFirstTab);\n }\n /* eslint-disable */\n handleFirstTab(e) {\n if (e.keyCode === 9) { // the \"I am a keyboard user\" key\n document.body.classList.add('user-is-tabbing');\n }\n }\n /* eslint-enable */\n setTabIndex() {\n const activeSlide = `[data-index=\"${this.state.currentSlide}\"]`;\n const inactiveSlides = `.carousel__wrapper > :not([data-index=\"${this.state.currentSlide}\"])`;\n const tabableElements = 'a, area, button, input, object, select, textarea';\n const inactiveSlidesArr = [...this.refs.container.querySelectorAll(inactiveSlides)];\n const activeSlidesArr = this.refs.container.querySelectorAll(activeSlide);\n\n inactiveSlidesArr.forEach(e => {\n const inactiveElementsArr = [...e.querySelectorAll(tabableElements)];\n\n inactiveElementsArr.forEach(el => {\n const element = el;\n element.tabIndex = '-1';\n });\n });\n\n if (activeSlidesArr.length) {\n const activeElementsArr = [...activeSlidesArr[0].querySelectorAll(tabableElements)];\n activeElementsArr.forEach(el => {\n const element = el;\n element.tabIndex = '0';\n });\n }\n }\n\n getNumSlides() {\n return this.swipe.getNumSlides();\n }\n\n getPos() {\n return this.swipe.getPos();\n }\n\n setPos() {\n this.setState({\n currentSlide: this.getPos(),\n });\n }\n\n initCarousel() {\n const { options } = this.props;\n const self = this;\n\n Object.assign(options, {\n transitionEnd: self.transitionEnd,\n swiping: self.swiping,\n });\n\n this.swipe = new Swipe(this.refs.container, options);\n }\n\n handleInitialLoad() {\n this.setState({ isLoading: false }, this.initCarousel);\n }\n\n stop() {\n if (this.swipe) {\n this.swipe.stop();\n }\n }\n\n pause() {\n if (!this.play) {\n this.play = true;\n clearTimeout(this.timeout);\n }\n }\n\n swiping() {\n this.stopAutoPlay();\n }\n\n resume() {\n const interval = this.props.options.auto || 0;\n if (!this.play && this.state.autoPlay) {\n clearTimeout(this.timeout);\n this.timeout = setTimeout(this.next, interval);\n }\n }\n\n pauseSlide() {\n this.stop();\n this.pause();\n }\n\n resumeSlide() {\n this.play = false;\n this.resume();\n }\n\n stopAutoPlay() {\n if (this.state.autoPlay) {\n this.setState({\n autoPlay: 0,\n });\n this.setPos();\n }\n }\n\n slideTo(...args) {\n this.stopAutoPlay();\n this.swipe.slide(...args);\n }\n\n next() {\n this.swipe.next();\n this.setPos();\n }\n\n prev() {\n this.swipe.prev();\n this.setPos();\n }\n\n prevSlide(e) {\n e.preventDefault();\n if (this.state.currentSlide === 0) {\n return;\n }\n this.stopAutoPlay();\n this.prev();\n }\n\n nextSlide(e) {\n e.preventDefault();\n if ((this.state.currentSlide + 1) >= this.state.numSlides) {\n return;\n }\n this.stopAutoPlay();\n this.next();\n }\n\n transitionEnd(index, el) {\n const numSlides = this.getNumSlides();\n if (this.props.callback) {\n this.props.callback(index, el);\n }\n\n this.setState({\n currentSlide: (index >= numSlides) ? (index - numSlides) : index,\n isTransitioning: false,\n });\n\n if (!this.play && this.state.autoPlay) {\n this.stop();\n this.resume();\n }\n\n this.setState({ isTransitioning: false });\n }\n\n renderDotSelectors(itemsLen) {\n const { className, trackId, content } = this.props;\n const { currentSlide } = this.state;\n const activeSlide = (currentSlide >= itemsLen) ? 0 : currentSlide;\n const items = [];\n const listStyle = {\n display: 'inline-block',\n lineHeight: 0,\n };\n\n for (let i = 0; i < itemsLen; i++) {\n const isActive = (activeSlide === i);\n const selectorClass = cx({\n [`${ORGANISM_NAME}__dot-selector__button`]: true,\n [`${ORGANISM_NAME}__dot-selector__button--active`]: isActive,\n [`${ORGANISM_NAME}__dot-selector__button--transitioning`]: this.state.isTransitioning,\n [`${className}__dot-selector__button`]: className,\n [`${className}__dot-selector__button--active`]: className && isActive,\n });\n\n items.push(\n
\n {\n this.pauseSlide();\n }}\n onClick={() => {\n this.slideTo(i); this.setState({ isTransitioning: true });\n }}\n data-pa-click={`${trackId}-DotSelector-Slide${i}`}\n id={`${trackId}-DotSelector-${i}`}\n tabIndex={isActive ? -1 : 0}\n />\n \n );\n }\n\n return (\n \n {items}\n \n );\n }\n\n renderSlideCounter(itemsLen) {\n const { className } = this.props;\n const { currentSlide } = this.state;\n const activeSlide = (currentSlide >= itemsLen) ? 1 : currentSlide + 1;\n\n return (\n \n {`${activeSlide} / ${itemsLen}`}\n \n );\n }\n\n render() {\n const { id, className, styles, trackId, content } = this.props;\n const leftClass = cx({\n [`${ORGANISM_NAME}__arrow`]: true,\n [`${ORGANISM_NAME}__arrow__left`]: true,\n [`${ORGANISM_NAME}__arrow__left--disabled`]: (this.state.currentSlide === 0),\n [`${className}__arrow`]: className,\n [`${className}__arrow__left`]: className,\n [`${className}__arrow__left--disabled`]: className && (this.state.currentSlide === 0),\n });\n\n const rightClass = cx({\n [`${ORGANISM_NAME}__arrow`]: true,\n [`${ORGANISM_NAME}__arrow__right`]: true,\n [`${ORGANISM_NAME}__arrow__right--disabled`]:\n (this.state.currentSlide + 1 >= this.state.numSlides),\n [`${className}__arrow`]: className,\n [`${className}__arrow__right`]: className,\n [`${className}__arrow__right--disabled`]:\n className && (this.state.currentSlide + 1 >= this.state.numSlides),\n });\n const children = React.Children.map(this.props.children, child => {\n let element ='';\n if(child.props.index !== this.state.currentSlide) {\n element = React.cloneElement(child, { style: styles.child, ariaHidden: 'true'});\n }else{\n element = React.cloneElement(child, { style: styles.child, ariaHidden: 'false' });\n }\n return element;\n });\n\n const wrapperClasses = cx({\n [`${ORGANISM_NAME}__wrapper--no-js`]: this.state.isLoading,\n },\n `${ORGANISM_NAME}__wrapper`,\n `${className}__wrapper`\n );\n\n return (\n \n \n \n {this.state.isLoading ? children[0] : children}\n
\n \n = this.state.numSlides ? -1 : 0}\n id={`${trackId}-RtArrow-${this.state.currentSlide}`}\n />\n \n
\n }\n {this.props.children.length > 1 && (\n this.props.renderNumberCounter ||\n this.props.children.length > this.props.numberCounterThreshold\n ?\n this.renderSlideCounter(this.props.children.length)\n :\n this.renderDotSelectors(this.props.children.length)\n )\n }\n \n );\n }\n}\n\nCarousel.propTypes = {\n content: PropTypes.shape({\n goToSlide: PropTypes.shape({\n text: PropTypes.string.isRequired,\n }),\n goToNextSlide: PropTypes.shape({\n text: PropTypes.string.isRequired,\n }),\n goToPreviousSlide: PropTypes.shape({\n text: PropTypes.string.isRequired,\n }),\n }),\n styles: PropTypes.shape({\n container: PropTypes.object,\n wrapper: PropTypes.object,\n child: PropTypes.object,\n }),\n options: PropTypes.shape({\n auto: PropTypes.number,\n }),\n callback: PropTypes.func,\n className: PropTypes.string.isRequired,\n trackId: PropTypes.string.isRequired,\n numberCounterThreshold: PropTypes.number,\n renderNumberCounter: PropTypes.bool,\n children: PropTypes.node.isRequired,\n id: PropTypes.string,\n};\n","import React from 'react';\nimport _ from 'lodash';\nimport PropTypes from 'prop-types';\nimport getContent from 'pp-react-l10n';\n\nconst ORGANISM_NAME = 'info-hero';\nexport default class InformationalHero extends React.Component {\n constructor(props) {\n super(props);\n this.handleFirstTab= this.handleFirstTab.bind(this);\n\n }\n componentDidMount() {\n window.addEventListener('keydown', this.handleFirstTab);\n }\n componentWillUnmount() {\n window.removeEventListener('keydown', this.handleFirstTab);\n }\n /* eslint-disable */\n handleFirstTab(e) {\n if (e.keyCode === 9) { // the \"I am a keyboard user\" key\n document.body.classList.add('user-is-tabbing');\n }\n }\n /* eslint-enable */\n\n render() {\n const {topics} = this.props;\n const refID = this.props.refID;\n const getPopContent = getContent('staticContent');\n const palBlue = 'circle at 0 0, #0070ba, #1546a0';\n const enterpriseSolutionsID = \"enterprise-solutions\";\n let topic = _.find(topics, (topic)=>topic.ref_id===refID);\n if(!topic) {\n topic = _.compact( _.map(topics, (topic) => {\n if(topic.categories) {\n return _.find(topic.categories, (category)=>category.ref_id===refID);\n }\n return false;\n }))[0];\n }\n var topicHeading;\n var topicDescription;\n if(refID === 'most-popular-articles' && this.props.isPopArticleEnabled){\n topicHeading = getPopContent('brc.mostPopularArticles');\n topicDescription = '';\n }\n else{\n topicHeading = topic.text;\n topicDescription = topic.description;\n }\n\n let contactSalesBtnText = \"\";\n let enterpriseCategoriesExist = false;\n\n if(topic && topic.ref_id && topic.ref_id === enterpriseSolutionsID){\n contactSalesBtnText = getPopContent('brc.contactSalesBtnText');\n }\n\n if(topics.length!==0){\n const result = topics.filter((item)=>item.ref_id === enterpriseSolutionsID);\n const enterpriseCategoriesLists = result.length!==0 && result[0] && result[0].categories && result[0].categories.length!==0? result[0].categories: [];\n if(topic && topic.ref_id && enterpriseCategoriesLists.length!==0){\n const enterpriseSubCategorie = enterpriseCategoriesLists.filter((item)=>{\n if(item.ref_id === topic.ref_id){\n return item;\n }\n });\n if(enterpriseSubCategorie.length!==0){\n contactSalesBtnText = getPopContent('brc.contactSalesBtnText');\n enterpriseCategoriesExist = true;\n }\n }\n }\n \n const backgroundImageStyle =\n topic && topic.url ? {\n backgroundImage: `url(${topic.url})`,\n backgroundPosition: 'center',\n backgroundSize: 'cover',\n backgroundColor: '#0070ba'\n } : {\n backgroundColor: '#0070ba',\n backgroundImage: `radial-gradient(${palBlue})`\n };\n\n const fontChange = this.props.country === 'vn' && this.props.locale === 'vi_VN' ? 'vnFont' : this.props.country === 'jp' && this.props.locale === 'ja_JP'? 'jpFont': '';\n const contactSalesBtnDisplayCountryLists = ['us','au','ca'];\n return (\n \n
\n \n
\n
\n
{topicHeading}
\n
{topicDescription}
\n
\n
\n
\n
\n {contactSalesBtnText}\n \n
\n
{getFaqHeading('brc.faqHeading')}
\n {newFaqs.slice(0, this.state.showItems).map(function (faq, index) {\n const questionHtml = getHTMLElement(faq.question, {useHTML: true });\n const answerHtml = getHTMLElement(faq.answer, {useHTML: true });\n return (\n
\n
\n
\n {answerHtml}
\n \n
\n );\n })}\n
\n
\n
';\n if (this.state.country === 'br') {\n error.push(content && content.coutryCodeRequired);\n } else {\n error.push(`Country Code : ${content && content.coutryCodeRequired}`);\n }\n }\n\n if (countryCode !== '') {\n document.getElementById('errMsg_countryCode').innerHTML = '';\n document.getElementById('errMsg_countryCode').className = '';\n if (countryCode.match(countryCodeExp)) {\n document.getElementById('errMsg_countryCode').innerHTML = '';\n document.getElementById('errMsg_countryCode').className = '';\n document\n .getElementById('gateway_countryCode')\n .classList.remove(VX_HAS_ERROR);\n document\n .getElementById('gateway_countryCode')\n .setAttribute(ARIA_INVALID, 'false');\n } else {\n document.getElementById('errMsg_countryCode').innerHTML =\n content.coutryCodeError;\n document.getElementById('errMsg_countryCode').className = ERROR_MSG;\n document\n .getElementById('gateway_countryCode')\n .classList.add(VX_HAS_ERROR);\n document\n .getElementById('gateway_countryCode')\n .setAttribute(ARIA_INVALID, 'true');\n document.getElementById('create_space').innerHTML = '
';\n error.push(content.coutryCodeError);\n }\n }\n if (businessphone === '') {\n document.getElementById('errMsg_businessphone').innerHTML =\n content.phoneRequired;\n document.getElementById('errMsg_businessphone').className = ERROR_MSG;\n document\n .getElementById('gateway_businessphone')\n .classList.add(VX_HAS_ERROR);\n document\n .getElementById('gateway_businessphone')\n .setAttribute(ARIA_INVALID, 'true');\n if (this.state.country === 'br') {\n error.push(content && content.phoneRequired);\n } else {\n error.push(`Business Phone : ${content && content.phoneRequired}`);\n }\n }\n if (businessphone !== '') {\n document.getElementById('errMsg_businessphone').innerHTML = '';\n document.getElementById('errMsg_businessphone').className = '';\n if (businessphone.match(numberExp)) {\n document.getElementById('errMsg_businessphone').innerHTML = '';\n document.getElementById('errMsg_businessphone').className = '';\n document\n .getElementById('gateway_businessphone')\n .classList.remove(VX_HAS_ERROR);\n document\n .getElementById('gateway_businessphone')\n .setAttribute(ARIA_INVALID, 'false');\n } else {\n document.getElementById('errMsg_businessphone').innerHTML =\n content.phoneError;\n document.getElementById('errMsg_businessphone').className = ERROR_MSG;\n document\n .getElementById('gateway_businessphone')\n .classList.add(VX_HAS_ERROR);\n document\n .getElementById('gateway_businessphone')\n .setAttribute(ARIA_INVALID, 'true');\n error.push(content.phoneError);\n }\n }\n\n if (gatewayInfo && gatewayInfo['job-title']) {\n if (title === '') {\n document.getElementById('errMsg_jobTitle').innerHTML =\n content.jobTitleRequired;\n document.getElementById('errMsg_jobTitle').className = ERROR_MSG;\n document.getElementById('gateway_jobTitle').classList.add(VX_HAS_ERROR);\n document\n .getElementById('gateway_jobTitle')\n .setAttribute(ARIA_INVALID, 'true');\n if (this.state.country === 'br') {\n error.push(content && content.jobTitleRequired);\n } else {\n error.push(`Job Title : ${content && content.jobTitleRequired}`);\n }\n } else {\n document.getElementById('errMsg_jobTitle').innerHTML = '';\n document.getElementById('errMsg_jobTitle').className = '';\n document\n .getElementById('gateway_jobTitle')\n .classList.remove(VX_HAS_ERROR);\n document\n .getElementById('gateway_jobTitle')\n .setAttribute(ARIA_INVALID, 'false');\n }\n }\n if (this.props.slugId === 'SFCC-2021' && country === 'jp') {\n if (Shoppingcartsystem === '') {\n document.getElementById('errMsg_shoppingCart').innerHTML =\n content.shoppingCartRequired;\n document.getElementById('errMsg_shoppingCart').className = ERROR_MSG;\n document\n .getElementById('gateway_shopping_cart_system')\n .classList.add(VX_HAS_ERROR);\n document\n .getElementById('gateway_shopping_cart_system')\n .setAttribute(ARIA_INVALID, 'true');\n error.push(content.shoppingCartRequired);\n } else {\n document.getElementById('errMsg_shoppingCart').innerHTML = '';\n document.getElementById('errMsg_shoppingCart').className = '';\n document\n .getElementById('gateway_shopping_cart_system')\n .classList.remove(VX_HAS_ERROR);\n document\n .getElementById('gateway_shopping_cart_system')\n .setAttribute(ARIA_INVALID, 'false');\n }\n if (PaypalbusinessAccount === '') {\n document.getElementById('errMsg_PP_account').innerHTML =\n content.businessAccountRequired;\n document.getElementById('errMsg_PP_account').className = ERROR_MSG;\n document\n .getElementById('gateway_PP_account')\n .classList.add(VX_HAS_ERROR);\n document\n .getElementById('gateway_PP_account')\n .setAttribute(ARIA_INVALID, 'true');\n } else if (content.businessAccountRequired) {\n document.getElementById('errMsg_PP_account').innerHTML = '';\n document.getElementById('errMsg_PP_account').className = '';\n document\n .getElementById('gateway_PP_account')\n .classList.remove(VX_HAS_ERROR);\n document\n .getElementById('gateway_PP_account')\n .setAttribute(ARIA_INVALID, 'false');\n }\n }\n if (gatewayInfo && gatewayInfo['dropshipper-field'] === 'Y') {\n if (dropshipper === '') {\n document.getElementById('errMsg_dropShipper').innerHTML =\n content.dropShipperRequired;\n document.getElementById('errMsg_dropShipper').className = ERROR_MSG;\n document\n .getElementById('gateway_dropShipper')\n .classList.add(VX_HAS_ERROR);\n document\n .getElementById('gateway_dropShipper')\n .setAttribute(ARIA_INVALID, 'true');\n error.push(`Drop Shipper : ${content && content.dropShipperRequired}`);\n } else {\n document.getElementById('errMsg_dropShipper').innerHTML = '';\n document.getElementById('errMsg_dropShipper').className = '';\n document\n .getElementById('gateway_dropShipper')\n .classList.remove(VX_HAS_ERROR);\n document\n .getElementById('gateway_dropShipper')\n .setAttribute(ARIA_INVALID, 'false');\n }\n }\n\n if (!content.showLegalCheckbox) {\n legalCheckbox = true;\n }\n\n if (!legalCheckbox) {\n document.getElementById('errChk').innerHTML = content.selectCheckbox;\n document.getElementById('errChk').className = ERROR_MSG;\n document\n .getElementById('field_checkBox')\n .setAttribute(ARIA_INVALID, 'true');\n error.push(content.selectCheckbox);\n } else {\n document.getElementById('errChk').innerHTML = '';\n document.getElementById('errChk').className = '';\n document\n .getElementById('field_checkBox')\n .setAttribute(ARIA_INVALID, 'false');\n }\n if (!hidefieldsMx) {\n if (\n installment === '' &&\n (country === 'mx' || country === 'br') &&\n content.provideInstalmentsTitle\n ) {\n document.getElementById('errMsg_installment').innerHTML =\n content.selectRadioCheckbox;\n document.getElementById('errMsg_installment').className = ERROR_MSG;\n document\n .getElementById('gateway_installment')\n .classList.add(VX_HAS_ERROR);\n document\n .getElementById('gateway_installment')\n .setAttribute(ARIA_INVALID, 'true');\n } else if (content.provideInstalmentsTitle) {\n document.getElementById('errMsg_installment').innerHTML = '';\n document.getElementById('errMsg_installment').className = '';\n document\n .getElementById('gateway_installment')\n .classList.remove(VX_HAS_ERROR);\n document\n .getElementById('gateway_installment')\n .setAttribute(ARIA_INVALID, 'false');\n }\n }\n\n if (error.length > 0) {\n getFptiEventForFormSubmit(\n this.state.country,\n this.props.locale,\n content && content.eloquaFormName,\n 'Error',\n error[0],\n 'brcArticle',\n 'download-gateway-form:' + this.props.slugId,\n this.props.userAccountInfo,\n this.props.encryptedAccountNumber,\n this.state.cookies && this.state.cookies.includes('isFormSubmitted'),\n );\n }\n const jobTitleCondition =\n gatewayInfo && gatewayInfo['job-title'] ? title !== '' : true;\n const dropShipperCondition =\n gatewayInfo && gatewayInfo['dropshipper-field'] === 'Y'\n ? dropshipper !== ''\n : true;\n const installmentMandatory =\n !hidefieldsMx &&\n installment === '' &&\n country === 'mx' &&\n content.provideInstalmentsTitle\n ? false\n : true;\n const checkmonthlysalesvolume = hidefieldsMx\n ? true\n : monthlysalesvolume !== '';\n //only validate for JP - 'SFCC-2021'\n const shoppingCartMandatory =\n country === 'jp' &&\n this.props.slugId === 'SFCC-2021' &&\n Shoppingcartsystem === ''\n ? false\n : true;\n const PaypalbusinessAccountMandatory =\n country === 'jp' &&\n this.props.slugId === 'SFCC-2021' &&\n PaypalbusinessAccount === ''\n ? false\n : true;\n const isFormReady = enterpriseArticle\n ? firstname.match(alphaExp) &&\n lastname.match(alphaExp) &&\n emailCheck &&\n checkmonthlysalesvolume &&\n websiteLower.match(websiteExp) &&\n businessphone.match(numberExp) &&\n jobTitleCondition &&\n dropShipperCondition &&\n legalCheckbox &&\n installmentMandatory &&\n shoppingCartMandatory &&\n PaypalbusinessAccountMandatory\n : firstname.match(alphaExp) &&\n lastname.match(alphaExp) &&\n emailCheck &&\n monthlysalesvolume !== '' &&\n websiteLower.match(websiteExp) &&\n countryCode.match(countryCodeExp) &&\n businessphone.match(numberExp) &&\n jobTitleCondition &&\n dropShipperCondition &&\n legalCheckbox &&\n installmentMandatory;\n if (isFormReady) {\n const gateWayForm = document.getElementById(\n content && content.eloquaFormName,\n );\n getFptiEventForFormSubmit(\n this.state.country,\n this.props.locale,\n content && content.eloquaFormName,\n 'Success',\n 'form_validation',\n 'brcArticle',\n 'download-gateway-form:' + this.props.slugId,\n this.props.userAccountInfo,\n this.props.encryptedAccountNumber,\n this.state.cookies && this.state.cookies.includes('isFormSubmitted'),\n );\n axios\n .get('/brc/getPDFUrl', {\n params: {\n slugID: this.props.slugId,\n },\n })\n .then(function (response) {\n const gatewayInfo = deserializeJSON(response.data.results);\n gateWayForm.action = content.pardotActionUrl\n ? content.pardotActionUrl\n : 'https://s94483084.t.eloqua.com/e/f2';\n gateWayForm.method = 'POST';\n gateWayForm.submit();\n document.cookie = 'isFormSubmitted=true';\n window.open(gatewayInfo['pdf-link'], '_blank');\n })\n .catch(function (error) {\n console.log('error', error.message);\n });\n }\n }\n\n handlePdf(e) {\n e.preventDefault();\n const self = this;\n axios\n .get('/brc/getPDFUrl', {\n params: {\n slugID: this.props.slugId,\n },\n })\n .then(function (response) {\n const gatewayInfo = deserializeJSON(response.data.results);\n const pdfURL = gatewayInfo['pdf-link'];\n const appendHttp = `https://${pdfURL}`;\n const content = getGatewayContent(self.state.country);\n if (pdfURL.substring(0, 4) === 'http') {\n window.open(pdfURL, '_blank');\n } else {\n window.open(appendHttp, '_blank');\n }\n getFptiEventForFormSubmit(\n self.state.country,\n self.props.locale,\n content && content.eloquaFormName,\n 'Success',\n 'form_validation',\n 'brcArticle',\n 'download-gateway:' + self.props.slugId,\n self.props.userAccountInfo,\n self.props.encryptedAccountNumber,\n self.state.cookies && self.state.cookies.includes('isFormSubmitted'),\n );\n })\n .catch(function (error) {\n console.log('error', error.message);\n });\n }\n\n render() {\n const country = this.state.country;\n const content = getGatewayContent(country, this.props.slugId);\n const params = this.state.urlPath && this.state.urlPath.split('?');\n const utmvalues = params[params.length - 1];\n const values = utmvalues && utmvalues.split('&');\n const gclid =\n values &&\n values.length > 0 &&\n values.filter((s) => s.indexOf('gclid') > -1)[0];\n const utmgclid = gclid && gclid.indexOf('=');\n const gclidValue = gclid && gclid.substring(utmgclid + 1, utmgclid.length);\n const utmcampaign =\n values &&\n values.length > 0 &&\n values.filter((s) => s.indexOf('utm_campaign') > -1)[0];\n const utmcampaignValue = utmcampaign && utmcampaign.indexOf('=');\n const campaignValue =\n utmcampaign &&\n utmcampaign.substring(utmcampaignValue + 1, utmcampaign.length);\n const utmMedium =\n values &&\n values.length > 0 &&\n values.filter((s) => s.indexOf('utm_medium') > -1)[0];\n const utmMediumValue = utmMedium && utmMedium.indexOf('=');\n const meduimValue =\n utmMedium && utmMedium.substring(utmMediumValue + 1, utmMedium.length);\n const utmContent =\n values &&\n values.length > 0 &&\n values.filter((s) => s.indexOf('utm_content') > -1)[0];\n const utmContentValue = utmContent && utmContent.indexOf('=');\n const contentValue =\n utmContent &&\n utmContent.substring(utmContentValue + 1, utmContent.length);\n const utmSource =\n values &&\n values.length > 0 &&\n values.filter((s) => s.indexOf('utm_source') > -1)[0];\n const utmsourceValue = utmSource && utmSource.indexOf('=');\n const sourceValue =\n utmSource && utmSource.substring(utmsourceValue + 1, utmSource.length);\n const fbReturnCheck = contentValue && contentValue === 'leadgen';\n const gatewayInfo = this.props.gatewayInfo;\n const salesVolume =\n gatewayInfo &&\n gatewayInfo['saves-volume-options'] &&\n gatewayInfo['saves-volume-options'].split('|');\n const jobTitle =\n gatewayInfo &&\n gatewayInfo['job-title'] &&\n gatewayInfo['job-title'].split('|');\n const hidefieldsMx =\n this.state.country === 'mx' &&\n this.props.slugId === ENTERPRISE_SOLUTIONS_NAVIGATING_NEW_ERA_PAYMENTS;\n const enterpriseSlugs = [\n ENTERPRISE_SOLUTIONS_MERCATOR_STUDY,\n GUIDE_TO_EFFECTIVE_ONLINE_PAYMENTS,\n ENTERPRISE_SOLUTIONS_NEW_PAYMENTS_PROCESSOR,\n ENTERPRISE_UCC_JUNE_2021,\n ENTERPRISE_SOLUTIONS_NAVIGATING_NEW_ERA_PAYMENTS,\n 'SFCC-2021',\n ];\n const pardotFormLists = this.createPardotForm(pardotFormConfig);\n const enterpriseArticle = enterpriseSlugs.includes(this.props.slugId);\n if (fbReturnCheck) {\n document.cookie = 'isFormSubmitted=true';\n }\n const cookieAvailable =\n (this.state.cookies && this.state.cookies.includes('isFormSubmitted')) ||\n fbReturnCheck;\n if (content && this.props.pdfKey === 'Y') {\n const key =\n this.props.attachUrl !== ''\n ? `${country}-${this.props.slugId}-${this.props.locale.toUpperCase()}`\n : `${country}-${this.props.slugId}`;\n const selectedFormObj =\n pardotFormLists.length !== 0\n ? pardotFormLists.find((item) => item[key])\n : '';\n const url =\n selectedFormObj !== undefined && selectedFormObj !== ''\n ? selectedFormObj[key]\n : undefined;\n let formHandlerConfigObj = formHandlersArr.find(\n (handler) =>\n handler.articleId === this.props.slugId &&\n handler.country === this.props.country.toLowerCase(),\n );\n if (formHandlerConfigObj) {\n return (\n \n \n
\n );\n }\n let pardotURL = undefined;\n if (this.props.gatewayPatdotUrl !== undefined) {\n pardotURL = this.props.gatewayPatdotUrl;\n } else {\n pardotURL = url;\n }\n if (pardotURL) {\n return (\n \n \n \n );\n } else {\n return (\n \n {gatewayInfo &&\n ((!cookieAvailable &&\n (gatewayInfo['new-user-title'] ||\n gatewayInfo['pdf-_description'] ||\n gatewayInfo['image-link'])) ||\n gatewayInfo['existing-user-title']) ? (\n
\n
\n {(gatewayInfo && gatewayInfo['new-user-title']) ||\n (gatewayInfo && gatewayInfo['existing-user-title']) ? (\n
\n {cookieAvailable\n ? gatewayInfo && gatewayInfo['existing-user-title']\n : gatewayInfo && gatewayInfo['new-user-title']}\n
\n ) : (\n ''\n )}\n {gatewayInfo && gatewayInfo['pdf-_description'] ? (\n \n {getHTMLElement(\n gatewayInfo && gatewayInfo['pdf-_description'],\n { useHTML: true },\n )}\n
\n ) : (\n ''\n )}\n \n
\n ) : (\n ''\n )}\n
\n {cookieAvailable || fbReturnCheck ? (\n
\n ) : (\n
\n
{gatewayInfo && gatewayInfo['form-fields-title']}
\n
\n {content.pardotActionUrl ? null : (\n \n \n \n \n \n \n )}\n \n \n \n \n \n \n \n \n \n
\n
\n
\n {content.orderLastBeforeFirst !== null &&\n content.orderLastBeforeFirst ? (\n
\n \n \n {'Last Name'}\n \n \n \n
\n \n \n {'First Name'}\n \n \n \n
\n \n ) : (\n
\n \n \n {'First Name'}\n \n \n \n
\n \n \n {'Last Name'}\n \n \n \n
\n \n )}\n\n
\n \n {'Busines Email'}\n \n \n \n \n
\n {!hidefieldsMx && (\n
\n \n {'Company Name'}\n \n \n \n
\n )}\n {gatewayInfo &&\n gatewayInfo['dropshipper-field'] === 'Y' ? (\n
\n
\n
\n
\n ) : (\n ''\n )}\n
\n
\n
\n {'Monthly Online Sales Volume'}\n \n {!hidefieldsMx && (\n \n \n \n \n \n \n
\n )}\n \n \n {'Company Website'}\n \n \n \n
\n \n {enterpriseArticle ? (\n ''\n ) : (\n
\n \n {'Country Code'}\n \n \n \n
\n )}\n
\n \n {'Phone'}\n \n \n \n
\n
\n \n \n \n \n {content && content.jobTitle}\n \n \n
\n ) : (\n ''\n )}\n \n
{' '}\n {this.props.slugId === 'SFCC-2021' ? (\n
\n
\n \n \n \n \n {content && content.shoppingCart}\n \n \n
\n
\n \n {'Payment Processor'}\n \n \n \n
\n
\n \n {'Describe Your Questions'}\n \n \n \n
\n
\n
\n
\n
\n
\n ) : (\n ''\n )}\n {content.provideInstalmentsTitle && !hidefieldsMx ? (\n
\n
\n
\n
\n ) : (\n ''\n )}\n {content.showBusinessNeeds ? (\n
\n \n {'Tell us your business needs'}\n \n \n \n
\n ) : (\n ''\n )}\n
\n \n {'Checkbox'}\n \n \n \n \n {\n ('*',\n getHTMLElement(\n gatewayInfo && gatewayInfo['privacy-message'],\n { useHTML: true },\n ))\n }\n \n
\n {gatewayInfo ? (\n
\n \n
\n ) : (\n ''\n )}\n \n
\n )}\n
\n
\n {content && content.textBeforeLink}\n \n {content && content.linkText}\n \n {content && content.textAfterLink}\n
\n
\n
\n
\n {content && content.startSellingHeader}\n
\n
{content && content.startSellingBody}
\n {country === 'hk' || country === 'sg' ? (\n
\n Learn More\n \n ) : (\n ''\n )}\n \n
\n \n
\n {\" \"}\n Provide your information to gain instant access to the full\n report\n
\n \n \n \n
\n
\n
{'Welcome to Business Resource Center'}
\n \n
\n
\n
\n
\n \n {this.props.category && this.props.category.toUpperCase()}\n
\n {this.props.url === \"#topics-container\" ? (\n \n {getHTMLElement(this.props.heading, { useHTML: true })}\n
\n ) : (\n \n {getHTMLElement(this.props.heading, { useHTML: true })}\n
\n )}\n \n {\" \"}\n {updatedDate === \"Invalid date\" ? \"\" : updatedDate}\n
\n {this.props.desc}
\n \n {this.props.btn\n ? this.props.btn\n : getCarouselContent(\"brc.carouselButton\")}\n \n \n
\n
{\n this.header = c;\n }}\n >\n {\n \n {'Menu'}\n \n }\n { this.props.isHomeBtnEnabled ?\n : null\n }\n {sections && (\n \n
\n {sections.map((section, index) => {\n const categories = section.categories;\n // let l1Clicked = this.brcLeftNavTopicClick.bind(this, section.ref_id);\n const sectionAnchor = 0 ? `/${country}/brc/topics/${section.ref_id}?${this.props.attachUrl}` : `/${country}/brc/topics/${section.ref_id}`}>{section.text};\n const isActive = this.state.l1.indexOf(index) > -1;\n return (\n - \n\n {sectionAnchor}\n {categories && isActive ? (\n
\n {categories.map((category, index2) => {\n return (\n - \n 0 ? `/${country}/brc/topics/${category.ref_id}?${this.props.attachUrl}` : `/${country}/brc/topics/${category.ref_id}`}\n >\n {category.text}\n \n
\n );\n })}\n
\n ) :''}\n \n );\n })}\n
\n
\n \n
\n );\n }\n else{\n return null;\n }\n }\n}\n\nLegalFooter.propTypes = {\n articleInfo: PropTypes.shape({\n content: PropTypes.shape({\n footer: PropTypes.string\n })\n })\n};\n","import React, { Component } from \"react\";\nimport VideoModalPlayer from \"./VideoModalPlayer\";\nimport PropTypes from \"prop-types\";\nimport axios from \"axios\";\nimport getContent from \"pp-react-l10n\";\nimport getHTMLElement from \"../lib/setHtmlHelper\";\nimport { getRandomInt, getColorIdx } from '../lib/brcClientHelper';\nimport formatDate from \"../lib/dateHelper\";\n\nclass Maintilescontainer extends Component {\n constructor(props) {\n super(props);\n this.state = {\n page: 1,\n page_size: 12,\n tilesBundle: this.props.tilesInfo,\n isMounted: false\n };\n this.handleLoadMore = this.handleLoadMore.bind(this);\n }\n\n componentDidMount() {\n this.setState({\n isMounted: true\n });\n }\n\n handleLoadMore() {\n const self = this;\n axios\n .get(\"loadMore\", {\n params: {\n page: this.state.page,\n page_size: this.state.page_size,\n pageType: \"articles\",\n },\n })\n .then(function (response) {\n if (response.data.results) {\n self.setState({\n tilesBundle: JSON.parse(response.data.results),\n page_size: self.state.page_size + 3,\n });\n } else {\n self.setState({\n tilesBundle: self.state.tilesBundle,\n });\n }\n })\n .catch(function (error) {\n self.setState({\n tilesBundle: self.state.tilesBundle,\n });\n });\n }\n\n render() {\n const getTilesContent = getContent(\"staticContent\");\n const colorsd = this.props.colors;\n const topicsHash = this.props.topicsHash;\n const country = this.props.country.toLowerCase();\n // const totalArticles = this.props.totalArticles;\n const locale = this.props.locale.split(\"_\")[0];\n const fontChange =\n country === \"vn\" && this.props.locale === \"vi_VN\" ? \"vnFont\" : country === 'jp' && this.props.locale === 'ja_JP' ? 'jpFont' : \"\";\n return (\n \n
\n
\n {getTilesContent(\"brc.tilesHeader\")}\n
\n
\n {this.state.tilesBundle.map((tile, index) => {\n const updatedDate = formatDate(tile.updated_time, country, locale);\n const listItemId = `tile-list-item-${index}`;\n const bgColor = this.state.isMounted ? colorsd[getRandomInt(0, 6)] : getColorIdx(index, colorsd.length);\n return (\n \n 0\n ? `/${country}/brc/article/${tile.url_slug}?${this.props.attachUrl}`\n : `/${country}/brc/article/${tile.url_slug}`\n }\n key={tile.url_slug + index}\n >\n \n {(topicsHash[tile.category] || tile.category) &&\n (\n topicsHash[tile.category] || tile.category\n ).toUpperCase()}{\" \"}\n
\n
\n {getHTMLElement(tile.heading, { useHTML: true })}{\" \"}\n \n \n {getTilesContent(\"brc.tilesButton\")}\n \n
\n ) : (\n \n )}\n \n \n );\n }\n}\n\nMaintilescontainer.propTypes = {\n tilesInfo: PropTypes.array,\n colors: PropTypes.array,\n totalArticles: PropTypes.number,\n topicsHash: PropTypes.object,\n country: PropTypes.string,\n};\n\nexport default Maintilescontainer;\n","\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport getContent from 'pp-react-l10n';\nimport getHTMLElement from '../lib/setHtmlHelper';\n\nconst MostPopularArticles = ({ country, articleInfo, popArticlesHomeInfo }) => {\n\n const getPopContent = getContent('staticContent');\n const category = articleInfo.breadCrumbs[0];\n\n return (\n \n );\n}\n\nMostPopularArticles.propTypes = {\n country: PropTypes.string,\n popArticlesHomeInfo: PropTypes.array,\n articleInfo: PropTypes.object,\n};\n\nexport default MostPopularArticles;\n\n\n\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport getContent from \"pp-react-l10n\";\nimport VideoModalPlayer from \"./VideoModalPlayer\";\nimport getHTMLElement from \"../lib/setHtmlHelper\";\nimport formatDate from \"../lib/dateHelper\";\n\nconst MostPopularArticlesHome = ({ country, locale, popArticlesHomeInfo }) => {\n const getListContent = getContent(\"staticContent\");\n return (\n \n
\n
\n
\n {popArticlesHomeInfo.length > 0 ? (\n popArticlesHomeInfo.map((tile, index) => {\n const updatedDate = formatDate(tile.updated_time, country, locale);\n const listItemId = `tile-list-item-${index}`;\n return (\n - \n
\n \n \n {!tile.sm_bg ? (\n
\n ) : (\n
\n \n
\n
\n
\n {tile.category && tile.category.toUpperCase()}{\" \"}\n \n \n \n {\" \"}\n {getHTMLElement(tile.heading, { useHTML: true })}\n \n
\n \n {updatedDate === \"Invalid date\" ? \"\" : updatedDate}\n \n
\n {\" \"}\n {getHTMLElement(tile.desc, { useHTML: true })}{\" \"}\n \n
\n
{getListContent(\"brc.noArticlesFound\")}
\n \n )}\n \n \n \n \n );\n};\n\nMostPopularArticlesHome.propTypes = {\n country: PropTypes.string,\n locale: PropTypes.string,\n popArticlesHomeInfo: PropTypes.array,\n};\n\nexport default MostPopularArticlesHome;\n","import React, { useEffect, useState } from \"react\";\nimport _ from \"lodash\";\nimport PodcastButton from \"./PodcastButton\";\nimport { isTypePodcast, validatePodcastObject } from \"../lib/podcastHelper\";\n\nconst Podcast = ({ gatewayInfo }) => {\n const [isPodcast, setIsPodcast] = useState(false);\n const [podcast, setPodcast] = useState({});\n\n useEffect(() => {\n setIsPodcast(isTypePodcast(gatewayInfo[\"new-user-title\"]));\n setPodcast(validatePodcastObject(gatewayInfo[\"pdf-_description\"]));\n }, []);\n\n return isPodcast && !_.isEmpty(podcast) ? (\n \n
\n Select a podcast player below to tune in.\n
\n
\n {Object.keys(podcast).map((key, index) => {\n return
;\n })}\n
\n
\n {!newsidePanelInfo.length > 0 ?
:\n
\n
{name}
\n
\n {newsidePanelInfo.slice(0, this.props.showItems).map((panel, index) => {\n const url = panel.url && (panel.url).includes(\"http\") ? panel.url : `https://${panel.url}`;\n return (\n - \n {!panel.title ? :\n
\n
\n
\n
\n
\n {panel.desc}\n
\n {!panel.img ?
:\n
{panel.title}\n }\n
\n );\n })}\n
\n
\n }\n
\n
\n
\n {topicsHash[\n story.metadata.category &&\n story.metadata.category[1]\n ] &&\n topicsHash[\n story.metadata.category &&\n story.metadata.category[1]\n ].toUpperCase()}\n
\n\n
\n \n {getHTMLElement(story.content.heading, {\n useHTML: true,\n })}\n \n
\n\n
\n {updatedDate === \"Invalid date\" ? \"\" : updatedDate}\n \n \n
\n );\n } else {\n if (this.state.resultsInfoBundle.length > 0) {\n return (\n \n
\n
\n
\n {this.state.resultsInfoBundle.map((tile, index) => {\n const updatedDate = formatDate(tile.updated_time, country, locale);\n const listItemId = `results-list-item-${index}`;\n return (\n - \n
\n \n {tile.heading}\n \n \n {!tile.sm_bg ? (\n
\n ) : (\n
\n \n
\n
\n
\n {(topicsHash[tile.category] || tile.category) &&\n (\n topicsHash[tile.category] || tile.category\n ).toUpperCase()}{\" \"}\n \n \n 0\n ? `/${country}/brc/article/${tile.url_slug}?${this.props.attachUrl}`\n : `/${country}/brc/article/${tile.url_slug}`\n }\n key={tile.heading + index}\n >\n {\" \"}\n {getHTMLElement(tile.heading, { useHTML: true })}\n \n
\n \n {updatedDate === \"Invalid date\" ? \"\" : updatedDate}\n \n
\n {\" \"}\n {getHTMLElement(tile.desc, { useHTML: true })}{\" \"}\n \n
\n {this.state.resultsInfoBundle.length <\n this.props.totalResultsList ? (\n \n
\n \n {getListContent(\"brc.tilesButton\")}\n \n \n ) : (\n \n )}\n \n \n );\n } else {\n return (\n \n
{getListContent(\"brc.noArticlesFound\")}
\n \n );\n }\n }\n }\n}\n\nexport default Resultslistcontainer;\n\nResultslistcontainer.propTypes = {\n resultsInfo: PropTypes.array,\n totalResultsList: PropTypes.number,\n refID: PropTypes.string,\n topicsHash: PropTypes.object,\n country: PropTypes.string,\n};\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\n\nclass ScrollButton extends Component {\n constructor(props) {\n super(props);\n this.state = {\n intervalId: 0\n };\n this.scrollStep = this.scrollStep.bind(this);\n this.scrollToTop = this.scrollToTop.bind(this);\n }\n\n scrollStep() {\n if (window.pageYOffset === 0) {\n clearInterval(this.state.intervalId);\n document.getElementById('signup-button').focus();\n }\n window.scroll(0, window.pageYOffset - this.props.scrollStepInPx);\n }\n\n scrollToTop() {\n // trackLink({ id: 'brcScrollUpClick'});\n const intervalId = setInterval(this.scrollStep.bind(this), this.props.delayInMs);\n this.setState({ intervalId: intervalId });\n }\n\n render() {\n return (\n