\n );\n }\n}\n\n/**\n * Property definitions.\n *\n * @type {Object}\n * @public\n */\nColumnItem.propTypes = {\n ...NamespaceShape,\n isSelected: PropTypes.bool,\n className: PropTypes.string,\n children: PropTypes.node\n};\n\nexport default withNamespace(ColumnItem);\n", "import PropTypes from 'prop-types';\nimport React from 'react';\nimport { NamespaceConsumer, NamespaceShape, withNamespace } from '@ux/namespace-component';\n\n/**\n * Columns component.\n *\n * This is the container for the columns, or in terms of HTML, it is the\n * wrapping `
` element. You specify a list of `ColumnItem` components as\n * the children, and it will flow them into the correct columns based on the\n * props passed in.\n *\n * @class Columns\n * @public\n */\nclass Columns extends NamespaceConsumer {\n /**\n * Create the columns in a horizontal direction for the supplied items.\n *\n * @param {Array} items items to render into columns\n * @param {Number} num the number of columns to make\n * @returns {Array} columns\n * @api private\n */\n horizontal(items, num) {\n const columns = [];\n let i;\n\n for (i = 0; i < num; i++) {\n columns[i] = [];\n }\n\n for (i = 0; i < items.length; i++) {\n columns[i % num].push(items[i]);\n }\n\n return columns;\n }\n\n /**\n * Create the columns in a vertical direction for the supplied items.\n *\n * @param {Array} items items to render into columns\n * @param {Number} num the number of columns to make\n * @returns {Array} columns\n * @api private\n */\n vertical(items, num) {\n const itemsPerColumn = Math.ceil(items.length / num);\n const columns = [];\n let i;\n\n for (i = 0; i < num; i++) {\n const start = i * itemsPerColumn;\n const end = start + itemsPerColumn;\n\n columns[i] = items.slice(start, end);\n }\n\n return columns;\n }\n\n /**\n * Render the component.\n *\n * @returns {ReactElement} div\n * @api public\n */\n render() {\n const props = this.props;\n const { num, style } = props;\n const children = React.Children.toArray(props.children);\n const className = this.classNames(\n props.className,\n this.namespace(\n this.classNames(\n 'col-lg-' + (num <= 6 ? Math.floor(12 / num) : 2),\n 'col-md-6',\n 'col-sm-12'\n )\n )\n );\n\n const columns = this[style](children, num);\n if (!columns || columns.length === 0) {\n return null;\n }\n\n return (\n
\n { columns.map((items, idx) => {\n return
\n { items }\n
;\n }) }\n
\n );\n }\n}\n\n/**\n * Property definitions.\n *\n * @type {Object}\n * @public\n */\nColumns.propTypes = {\n ...NamespaceShape,\n num: PropTypes.number,\n style: PropTypes.oneOf(['horizontal', 'vertical']),\n className: PropTypes.string,\n children: PropTypes.arrayOf(PropTypes.node)\n};\n\n/**\n * Default property values.\n *\n * @type {Object}\n * @public\n */\nColumns.defaultProps = {\n num: 4,\n style: 'vertical'\n};\n\nexport default withNamespace(Columns);\n", "import Columns from './columns';\nimport ColumnItem from './column-item';\n\nexport {\n Columns,\n ColumnItem\n};\n\nexport default Columns;\n", "/* eslint no-return-assign: 0 */\n\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { NamespaceConsumer, NamespaceShape, withNamespace } from '@ux/namespace-component';\nimport TrayMenu from '@ux/tray-menu';\nimport { getCurrencies } from '@godaddy/markets';\nimport { request, cookie, URL } from '@ux/util';\nimport golfToEid from 'golf-to-eid';\nimport { IntlProvider, FormattedMessage } from 'react-intl';\n\n/**\n * Render and expose the CurrencySelector as a functional Component. The CurrencySelector\n * is responsible for allowing users to select their desired money. The default values\n * populated and the ordering of currencies within the list are dependent on the current\n * market and any previous user state.\n *\n * @param {Object} props Properties\n * @api public\n */\nclass CurrencySelector extends NamespaceConsumer {\n constructor() {\n super(...arguments);\n\n this.state = {\n priorityCurrencies: [],\n currencies: [],\n selected: '',\n loaded: false\n };\n }\n\n /**\n * Function that gets called when user clicks on a currency item\n *\n * @param {Currency} cur The currently selected currency object\n * @param {React.SyntheticEvent} event The event fired on click\n *\n * @api public\n */\n onCurrencyChanged(cur, event) {\n event.preventDefault();\n this.setState({\n currency: cur,\n selected: cur.code\n });\n\n this.tray.close();\n\n if (!this.isBrowser) {\n return;\n }\n\n this.doCurrencyRedirect(cur);\n }\n\n /**\n * Do currency redirect once set\n *\n * @param {Currency} cur The currently selected currency object\n */\n doCurrencyRedirect(cur) {\n const {\n isReseller,\n urls,\n privateLabelId\n } = this.props;\n\n if (isReseller) {\n const url = new URL(urls.currencyList.href, true);\n\n url.set('query', {\n ...url.query,\n currency: cur.code,\n target: window.location.href\n });\n\n window.location.assign(url.href);\n\n return;\n }\n\n const requestUrl = new URL(urls.currencyList.href + '/' + cur.code);\n const query = {};\n if (privateLabelId !== 1) {\n query.pl_id = privateLabelId;\n }\n\n requestUrl.set('query', query);\n request.get(requestUrl.href, {}, (err) => {\n if (err) { return; }\n\n const redirectUrl = new URL(window.location.href, true);\n if (redirectUrl.query.currency) {\n // strip `currencyType` query\n redirectUrl.set('query', {\n ...redirectUrl.query,\n currency: ''\n });\n // If the URL is changing, we must truly redirect to it\n window.location.assign(redirectUrl.href);\n } else {\n // If the URL is the same, we can simply reload, so that hash URLs work\n window.location.reload(true);\n }\n });\n }\n\n /**\n * @typedef {Object} Currency\n * @prop {string} code Currency code (e.g. USD, EUR)\n * @prop {string} symbol Currency symbol (e.g. $, £, ¥)\n */\n /**\n * Performs lexographic sorts based on the `code` key.\n * @param {Currency} lcur LHS of the sort to compare.\n * @param {Currency} rcur RHS of the sort to compare.\n * @returns {Number} A value indicating if `lcur.code` is greater than,\n * less than, or equal to `rcur.code`.\n * @api private\n */\n sortByCode(lcur, rcur) {\n const lcode = lcur.code;\n const rcode = rcur.code;\n\n if (lcode === rcode) { return 0; }\n return lcode > rcode ? 1 : -1;\n }\n\n /**\n * Perform an AJAX call to the GUI service and pass the set\n * the currencies represented by the results on this instance.\n * @param {Function} [done] Optional continuation callback\n * @api public\n */\n fetchCurrencies(done) {\n // TODO (crobbins): either introduce a second GUI string\n // for the base host or move this safety check into @godaddy/markets\n const gui = this.props.urls.gui.href.replace(/pcjson.*$/, '');\n // ux.eldorado.data.currency passed in by CMS\n let selected = this.props.currency;\n // string value of the `currency` cookie\n const currencyCookie = cookie.get('currency');\n const { market, privateLabelId } = this.props;\n this.getCurrencies(gui, market, privateLabelId, (err, results) => {\n if (err) { return; }\n // If we received an array as a result then normalize the\n // individual items to the data structure we expect:\n // { code: 'USD', symbol: '$' }\n // also validate the currency cookie data\n results = (results || []).map(cur => {\n if (cur.currencytype === currencyCookie) {\n selected = cur.currencytype;\n }\n return { code: cur.currencytype, symbol: cur.symbol };\n });\n this.setCurrencies(results, selected, done);\n });\n }\n\n /**\n * @typedef {import('@godaddy/markets/lib/currencies').getCurrenciesCallback} getCurrenciesCallback\n */\n /**\n * Wrapper around getCurrencies from @godaddy/markets to allow easier stubbing in tests\n * @param {string} gui GUI URL\n * @param {string} market Market code\n * @param {number} privateLabelId Private label ID\n * @param {getCurrenciesCallback} done Continuation callback\n */\n getCurrencies(gui, market, privateLabelId, done) {\n getCurrencies(gui, market, privateLabelId, done);\n }\n\n /**\n * Populate state with a list of currencies (from the Markets API).\n * @param {Currency[]} results List of unique currencies (e.g. { code: CAD, symbol: '$' })\n * @param {string} selected The currency code of the currency selected by the currency cookie\n * @param {Function} [done] Optional continuation callback\n * @api private\n */\n setCurrencies(results, selected, done) {\n // Find the currency object in the results associated with the currentMarket.\n // n.b.: assumes currencies returned by `results` have unique codes\n // and that the gui api returns them in order.\n\n // Build array of priority currency objects by cloning the currencies\n // that come before `-` in `results`\n const priority = [];\n const currencies = [];\n let isPriority = true;\n\n results.forEach(cur => {\n if (cur.symbol === '-') {\n isPriority = false;\n return;\n }\n\n if (isPriority) {\n priority.push(cur);\n } else {\n currencies.push(cur);\n }\n });\n\n this.setState({\n currencies: currencies,\n priorityCurrencies: priority,\n selected: selected || 'USD',\n loaded: true\n }, done);\n }\n\n /**\n * Fetches the list of currencies from the GUI service if no\n * currencies are present.\n * @api private\n */\n componentDidMount() {\n const { loaded } = this.state;\n\n if (this.isBrowser && !loaded) {\n this.fetchCurrencies();\n }\n }\n\n /**\n * Renders the CurrencySelector as a TrayMenu composed of two sets\n * of CurrencyItems:\n * - priorityCurrencies: currencies that should be displayed first.\n * - currencies: all other currencies available to transact in.\n *\n * @returns {React.ReactElement} Virtual DOM for the CurrencySelector\n * @api public\n */\n render() {\n // Do not render anything if the currencies are not yet fetched\n if (!this.state.loaded) return null;\n\n const { currencies, priorityCurrencies, selected } = this.state;\n const { eidPrefix, messages, market } = this.props;\n const trayMenuClassNames = this.namespace(this.classNames('currency-selector', 'fade', { in: this.state.loaded }));\n const eid = golfToEid('CurrencySelector', {\n prefix: eidPrefix,\n postfix: 'click'\n });\n\n return (\n \n \n {(currencySelectorTray) =>\n this.tray = c }\n data-eid={ eid }>\n {\n priorityCurrencies.map((cur, i) => {\n const classNames = this.namespace(this.classNames('currency-item', {\n selected: selected === cur.code\n }));\n return ;\n })\n }\n\n \n\n {\n currencies.map((cur, i) => {\n const classNames = this.namespace(this.classNames('currency-item', {\n selected: selected === cur.code\n }));\n\n return ;\n })\n }\n }\n \n \n );\n }\n}\n\n/*\n * PropTypes for the CurrencySelector. `urls.gui` is the only\n * required URL.\n */\nCurrencySelector.propTypes = {\n ...NamespaceShape,\n messages: PropTypes.object.isRequired,\n currency: PropTypes.string,\n eidPrefix: PropTypes.string,\n urls: PropTypes.object.isRequired,\n market: PropTypes.string.isRequired,\n privateLabelId: PropTypes.number.isRequired,\n isReseller: PropTypes.bool\n};\n\nCurrencySelector.defaultProps = {\n eidPrefix: 'uxp.hyd'\n};\n\nexport default withNamespace(CurrencySelector);\n\n/**\n * Internal helper component for displaying a single currency in the\n * CurrencySelector dropdown.\n *\n * @param {Object} props Properties\n * @api private\n */\nclass CurrencyItem extends React.Component {\n constructor() {\n super(...arguments);\n\n this.onClick = this.onClick.bind(this);\n }\n\n /**\n * Invokes this.props.onClick with the code and symbol\n * of the currency associated with this instance.\n *\n * @param {React.SyntheticEvent} evt React Click event.\n */\n onClick(evt) {\n const { code, symbol } = this.props;\n this.props.onClick(evt, { code, symbol });\n }\n\n /**\n * Renders the CurrencyItem as an anchor with two spans\n *\n * @returns {React.ReactElement} Virtual DOM for the CurrencyItem.\n */\n render() {\n const { code, symbol, eidPrefix } = this.props;\n\n const eid = golfToEid(code, {\n prefix: eidPrefix + '.currency_selector',\n postfix: 'click'\n });\n\n return (\n \n );\n }\n}\n\n/*\n * PropTypes for the CurrencySelector.\n * Only `className` is optional.\n */\nCurrencyItem.propTypes = {\n className: PropTypes.string,\n eidPrefix: PropTypes.string.isRequired,\n code: PropTypes.string.isRequired,\n symbol: PropTypes.string.isRequired,\n onClick: PropTypes.func.isRequired\n};\n", "import { cookie, json } from '@ux/util';\nimport { get } from './helpers';\n\nconst browser = typeof document !== 'undefined';\n\n/**\n * Collection of cookies, read out cookie info_idp on construction.\n *\n * @Constructor Cookies.\n * @param {Object} options Optional configuration.\n * @api public\n */\nexport default class Cookies {\n constructor() {\n this.idp = {};\n this.getIdpProperty = get(this.idp);\n\n this.updateRealm('idp');\n\n this.jomax = {};\n this.getJomaxProperty = get(this.jomax);\n\n this.updateRealm('jomax');\n }\n\n /**\n * Get the customers shopper id from the cookie.\n *\n * @returns {String} Shopper id.\n * @api public\n */\n get shopperId() {\n return this.getIdpProperty('info_shopperId');\n }\n\n /**\n * Get the encrypted shopper ID from the ShopperId cookie\n * @param {String} env Environment (e.g. prod, test, dev)\n * @param {Number} plid Private label ID\n * @returns {String|Undefined} encrypted shopper ID or undefined\n * @public\n */\n getEncryptedShopperId(env, plid) {\n const cookieEnv = env === 'prod' ? '' : env;\n return cookie.get(`${cookieEnv}ShopperId${plid}`) || undefined; // eslint-disable-line no-undefined\n }\n\n /**\n * Update the cached cookies values.\n * (For backwards compatibility since this was previously marked as public)\n *\n * @returns {Cookies} fluent interface.\n * @api public\n */\n updateIdp() {\n return this.updateRealm('idp');\n }\n\n /**\n * Update the cached cookies values.\n *\n * @param {String} [realm='idp'] The authentication realm to update\n * @returns {Cookies} fluent interface.\n * @api private\n */\n updateRealm(realm = 'idp') {\n if (!browser) {\n return this;\n }\n\n const titleCaseRealm = realm[0].toUpperCase() + realm.substr(1);\n\n this[realm] = json.parse(cookie.get(`info_${realm}`)) || {};\n this[`get${titleCaseRealm}Property`] = get(this[realm]);\n return this;\n }\n\n /**\n * Get the requested properties from the cookie for the specified realm.\n *\n * @param {Array} properties properties to extract.\n * @param {Object} replace Optional object with strings to replace.\n * @returns {Object} Collection of extracted properties.\n * @api public\n */\n getIdpProperties(properties, replace) {\n return Cookies.getRealmPropertiesFromObject(this.idp, properties, replace);\n }\n\n /**\n * Get the requested properties from the specified object\n *\n * @param {Object} obj The object to extract properties from\n * @param {Array} properties properties to extract.\n * @param {Object} replace Optional object with strings to replace.\n * @returns {Object} Collection of extracted properties.\n * @package\n */\n static getRealmPropertiesFromObject(obj, properties, replace = {}) {\n const getProp = get(replace);\n\n if (!Array.isArray(properties)) {\n properties = [properties];\n }\n\n return properties.reduce((result, property) => {\n if (Array.isArray(property)) {\n result[getProp(property[property.length - 1], true)] = property.reduce((o, i) => o && o[i], obj);\n const desiredProp = property[property.length - 1];\n if (obj[desiredProp] && !result[desiredProp]) {\n result[desiredProp] = obj[desiredProp];\n }\n return result;\n }\n\n result[getProp(property, true)] = obj[property];\n return result;\n }, {});\n }\n\n /**\n * Get the requested properties from the jomax cookie.\n *\n * @param {Array} properties properties to extract.\n * @param {Object} replace Optional object with strings to replace.\n * @returns {Object} Collection of extracted properties.\n * @api public\n */\n getJomaxProperties(properties, replace) {\n return Cookies.getRealmPropertiesFromObject(this.jomax, properties, replace);\n }\n}\n", "import User from './user';\nimport Cookies from './cookies';\n\nconst status = [\n 'partial',\n 'full',\n 'manager'\n];\n\n/**\n * Customer details\n *\n * @Constructor Customer\n * @param {Object} options Optional configuration.\n * @api public\n */\nexport default class Customer extends User {\n /**\n * Update data from the idp cookie\n *\n * @api private\n */\n updateFromCookie() {\n this.cookies.updateIdp();\n const auth = this.cookies.getIdpProperty('auth');\n\n this.set(this.getIdpProperties(this.cookies.getIdpProperties.bind(this.cookies), auth));\n\n if (!this.shopperId) {\n // Try getting it from the ShopperId cookie instead\n const encryptedShopperId = this.cookies.getEncryptedShopperId(this.options.env, this.options.privateLabelId);\n if (encryptedShopperId) {\n this.set({\n ...this.getAll(),\n shopperId: encryptedShopperId\n });\n }\n }\n }\n\n /**\n * Get properties from idp information\n *\n * @param {Function} getIdpPropertiesFn Function to call to get properties from idp\n * @param {String} auth Type of authentication (e.g. e2s, s2s, e2s2s, none of the above)\n * @returns {Object} Extracted properties\n * @package\n */\n getIdpProperties(getIdpPropertiesFn, auth) {\n return getIdpPropertiesFn([\n 'disp',\n 'firstname',\n 'lastname',\n 'info_shopperId',\n 'plid'\n ].map(property => [auth, property]).concat('jti'), {\n info_shopperId: 'shopperId',\n disp: 'displayName'\n });\n }\n\n /**\n * Fetch all user details, unpack and store locally.\n * TODO: JSONP should not be enforced for details but CORS headers are missing.\n *\n * @param {Object} url Request targets.\n * @param {Function} done Completion callback\n * @api public\n */\n fetch(url, done) {\n this.cookies.updateIdp();\n this.fetchInternal(url, done, (data) => {\n let idp;\n try {\n idp = JSON.parse(data.info);\n } catch (e) {\n return {};\n }\n return this.getIdpProperties(Cookies.getRealmPropertiesFromObject.bind(this, idp), idp.auth);\n });\n }\n\n /**\n * Return loggedIn status of Customer.\n *\n * @returns {Boolean} LoggedIn.\n * @api public\n */\n get loggedIn() {\n const privateLabelId = this.options.privateLabelId;\n\n if (privateLabelId && this.data.plid && privateLabelId.toString() !== this.data.plid.toString()) {\n return false;\n }\n return !!~status.indexOf(this.get('status')) || !!this.get('loginName');\n }\n}\n", "import { URL } from '@ux/util';\nconst qs = URL.qs;\n\n/**\n * Expose 'smart' data object.\n *\n * @class Data\n * @api public\n */\nexport default class Data {\n constructor() {\n this.set(...arguments);\n }\n\n /**\n * Set property and value on the object. Unpack property if passed as object.\n *\n * @param {String} property Identifier.\n * @param {Mixed} value property values.\n * @returns {Data} Fluent interface\n * @api public\n */\n set(property, value) {\n if (!property) {\n return this;\n }\n\n if (property === 'urlArgs') {\n return this.setUrlArgs(value);\n }\n\n if (typeof property === 'object') {\n return Object.keys(property).forEach(prop => {\n this.set(prop, property[prop]);\n });\n }\n\n this[property] = value;\n return this;\n }\n\n /**\n * Performs a simple shallow merge of the value into property setting any default value.\n *\n * @param {String} property Identifier.\n * @param {Object} value property values.\n * @returns {Data} Fluent interface\n * @api public\n */\n merge(property, value) {\n if (!property || !value || typeof value !== 'object') {\n return this;\n }\n\n this[property] = {\n ...(this[property] || {}),\n ...value\n };\n\n return this;\n }\n\n /**\n * Safely sets `urlArgs` as an Object, converting any partial or complete\n * querystrings into objects as necessary.\n *\n * @param {Object|String} value Attempted value for urlArgs.\n * @returns {Data} Fluent interface\n * @api private\n */\n setUrlArgs(value) {\n const type = typeof value;\n if (type === 'string') {\n this.urlArgs = qs.parse(value);\n return this;\n }\n\n if (!value || type !== 'object') {\n this.urlArgs = {};\n return this;\n }\n\n this.urlArgs = value;\n return this;\n }\n\n /**\n * Returns sealed props object with keys and values, prevents React warnings.\n *\n * @returns {Object} Values.\n * @api public\n */\n get props() {\n return Object.seal(\n Object.getOwnPropertyNames(this).reduce((clone, key) => {\n clone[key] = this[key];\n return clone;\n }, {})\n );\n }\n}\n", "import User from './user';\nimport Customer from './customer';\nimport Cookies from './cookies';\n\n/**\n * Delegate details\n *\n * @Constructor Delegate\n * @param {Object} options Optional configuration.\n * @api public\n */\nexport default class Delegate extends User {\n /**\n * Update data from the idp cookie\n *\n * @api private\n */\n updateFromCookie() {\n this.cookies.updateIdp();\n\n const del = this.cookies.getIdpProperty('del');\n const delType = del && del.auth;\n if (delType && delType !== 'basic') {\n // In more complex impersonation scenarios such as e2s2s, we need to dig another layer deeper to get information\n // about the middle customer in a two-layer impersonation/delegation stack. So we store that Customer here and\n // then load their info directly from the parsed `del` section of the cookie.\n this.impersonatedCustomer = new Customer();\n const customerInfo = this.impersonatedCustomer.getIdpProperties((properties, replace) => {\n return Cookies.getRealmPropertiesFromObject(del, properties, replace);\n }, delType);\n this.impersonatedCustomer.set(customerInfo);\n }\n\n this.set(this.cookies.getIdpProperties([\n 'firstname',\n 'lastname',\n 'info_accountname',\n 'jti'\n ].map(property => ['del', delType === 'basic' ? null : 'del', property].filter(Boolean)), {\n info_accountname: 'accountName'\n }));\n }\n}\n", "import User from './user';\n\n/**\n * Employee details\n *\n * @Constructor Employee\n * @param {Object} options Optional configuration.\n * @api public\n */\nexport default class Employee extends User {\n /**\n * Update data from the idp cookie\n *\n * @api private\n */\n updateFromCookie() {\n this.cookies.updateRealm('jomax');\n\n this.set(this.getJomaxProperties(this.cookies.getJomaxProperties.bind(this.cookies)));\n }\n\n /**\n * Get properties from jomax information\n *\n * @param {Function} getJomaxPropertiesFn Function to call to get properties from jomax\n * @returns {Object} Extracted properties\n * @api private\n */\n getJomaxProperties(getJomaxPropertiesFn) {\n return getJomaxPropertiesFn([\n 'firstname',\n 'lastname',\n 'info_accountName',\n 'loggedIn'\n ].map(property => [property]).concat('jti'), {\n info_accountName: 'loginName'\n });\n }\n\n /**\n * Update user details from cookie\n *\n * @param {Object} url Request targets (not used for this subclass)\n * @param {Function} done Completion callback\n * @api public\n */\n fetch(url, done) {\n this.updateFromCookie();\n done(null, this.getAll());\n }\n\n /**\n * Always return a null shopper ID for Employees\n *\n * @returns {Undefined} null\n * @api public\n */\n get shopperId() {\n return null;\n }\n}\n", "import EventEmitter from 'eventemitter3';\n\n//\n// Singleton EventEmitter instance to track manifest events.\n//\nconst events = new EventEmitter();\n\nexport default events;\n", "/**\n * Scope method to data.\n *\n * @param {Object} data Dataset.\n * @returns {Function} Getter.\n * @api public\n */\nexport function get(data = {}) {\n /**\n * Get property from data, fallback to lowercased or uppercased.\n *\n * @param {String} property Name.\n * @param {Boolean} fallback Return property name if no value was found.\n * @returns {Mixed} property value.\n * @api private\n */\n return function propGet(property, fallback) {\n const result = data[property] || data[property.toLowerCase()] || data[property.toUpperCase()];\n\n return !fallback\n ? result\n : result || property;\n };\n}\n", "import { events, data } from './state';\nimport Cookies from './cookies';\nimport User from './user';\nimport Customer from './customer';\nimport Delegate from './delegate';\nimport Employee from './employee';\nimport traffic2 from './traffic2';\nimport * as url from './url';\nimport shopperDataLoader from './shopper-data';\n\n//\n// Add useful methods.\n//\nexport {\n Cookies,\n events,\n data,\n User,\n Customer,\n Delegate,\n Employee,\n traffic2,\n url,\n shopperDataLoader\n};\n", "import events from './events';\n\n//\n// Keep track of mounted manifest instances.\n//\nconst instances = {};\n\n/**\n * Setup listener for mount of React manifest instance.\n *\n * @param {String} type Expected mount of instance.\n * @returns {Function} Completion callback.\n * @api public\n */\nexport default function getInstance(type = 'header') {\n const event = `mount:${ type }`;\n\n //\n // Listen early to intercept the event before the helper is called and store the\n // instance for later calls to the helper.\n //\n events.once(event, instance => {\n instances[type] = instance;\n });\n\n return function getMountedInstance(done) {\n if (type in instances) {\n return done(null, instances[type]);\n }\n\n events.once(event, instance => {\n return done(null, instance);\n });\n };\n}\n", "import fetch from '@godaddy/fetch';\nimport events from './events';\nimport qs from 'querystringify';\nimport trfq from 'react-trfq';\n\n/**\n * Loader for shopper data from the GUI API\n *\n * Data load is triggered by the header, but this class allows for other components to subscribe to the response\n * @class ShopperDataLoader\n * @public\n */\nclass ShopperDataLoader {\n constructor() {\n this._requestTriggered = false;\n this._data = null;\n }\n\n /**\n * Request the shopper data from GUI and notify subscribers.\n *\n * @memberof ShopperDataLoader\n * @private\n */\n _requestShopperData() {\n if (this._requestTriggered)\n return;\n\n this._requestTriggered = true;\n\n const queryParams = {\n plId: this._privateLabelId,\n shopperId: this._shopperId,\n sid: this._shopperId\n };\n const url = this._url + qs.stringify(queryParams, true);\n fetch(url, { method: 'GET', credentials: 'include' })\n .then(response => {\n if (response.status >= 400) {\n const error = new Error(response.statusText);\n error.status = response.status;\n return Promise.reject(error);\n }\n return response.json();\n })\n .then(data => {\n this._data = data;\n events.emit('shopperData', null, data);\n })\n .catch(error => {\n trfq.logEvent('uxp.hyd.header_util.shopper_data_loader.gui_request',\n 'request',\n { error: JSON.stringify(error),\n sidMeta: this._shopperId ? { length: this._shopperId.length } : this._shopperId }\n );\n events.emit('shopperData', error);\n });\n }\n\n /**\n * Configure this loader\n *\n * @param {Object} opts Options for the call\n * @param {String} opts.url URL to the GUI service\n * @param {Number|String} [opts.privateLabelId=1] Private Label id (e.g. 1 for GoDaddy, 2 for BlueRazor, etc.)\n * @param {Number|String} opts.shopperId Shopper id number\n * @returns {Boolean} true if configuration succeeded, false if there was missing data\n *\n * @memberof ShopperDataLoader\n * @private\n */\n _configure(opts) {\n if (!opts.url) {\n return false;\n }\n\n this._url = opts.url;\n this._shopperId = opts.shopperId;\n this._privateLabelId = opts.privateLabelId || 1;\n\n return true;\n }\n\n /**\n * Callback for shopper data subscriptions\n * @callback ShopperDataCallback\n * @param {Object|String} err Error, if any\n * @param {Object} data Shopper data object\n */\n /**\n * Subscribe for shopper data when it becomes available.\n *\n * Guaranteed to be async -- if data is immediately available, callback is run on next tick.\n * @param {Object} [opts] Optional options for the call -- typically only passed in from UX Platform headers\n * @param {String} opts.url URL to the GUI service\n * @param {Number|String} opts.privateLabelId Private Label id (e.g. 1 for GoDaddy, 2 for BlueRazor, etc.)\n * @param {Number|String} opts.shopperId Shopper id number\n * @param {ShopperDataCallback} cb Callback\n *\n * @memberof ShopperDataLoader\n * @public\n */\n shopperData(opts, cb) {\n if (typeof opts === 'function') {\n cb = opts;\n opts = null;\n }\n\n if (this._data) {\n setTimeout(cb.bind(undefined, null, this._data), 0); // eslint-disable-line no-undefined\n return;\n }\n\n events.once('shopperData', cb);\n\n if (opts) {\n if (!this._configure(opts)) {\n setTimeout(cb.bind(undefined, { // eslint-disable-line no-undefined\n error: 'opts object is incomplete'\n }), 0);\n return;\n }\n\n this._requestShopperData();\n } else if (this._url && this._shopperId && this._privateLabelId) {\n // Loader is already configured, so kick off the request now\n this._requestShopperData();\n }\n }\n\n /**\n * Configure this loader only, but do not request data unless something else on the page needs it\n * This is only used by the UXP headers when the header itself doesn't need GUI data.\n * If the header does need data, it should call {@link shopperData}(opts, cb) instead.\n *\n * @param {Object} opts Options for the call\n * @param {String} opts.url URL to the GUI service\n * @param {Number|String} [opts.privateLabelId=1] Private Label id (e.g. 1 for GoDaddy, 2 for BlueRazor, etc.)\n * @param {Number|String} opts.shopperId Shopper id number\n * @returns {Boolean} true if configuration succeeded, false if there was missing data\n *\n * @memberof ShopperDataLoader\n * @public\n */\n configureOnly(opts) {\n if (!this._configure(opts)) {\n return false;\n }\n\n // If there are queued requests, kick off the GUI call\n if (events.listeners('shopperData', true)) {\n this._requestShopperData();\n }\n\n return true;\n }\n}\n\n// Export a singleton ShopperDataLoader object\nconst shopperDataLoader = new ShopperDataLoader();\nexport {\n shopperDataLoader as default,\n ShopperDataLoader\n};\n", "import getInstance from './instance';\nimport events from './events';\nimport Data from './data';\nimport shopperDataLoader from './shopper-data';\nimport { svgosm } from '@ux/icon/svgosm.js';\n\nconst target = typeof document !== 'undefined' ? window : {};\nconst data = new Data();\nconst eldorado = {};\n\ntarget.ux = target.ux || {};\ntarget.ux.eldorado = target.ux.eldorado || eldorado;\n\n//\n// Allow external JS to listen to events emitted from the manifests and prepare\n// data object.\n//\ntarget.ux.eldorado.events = eldorado.events || events;\ntarget.ux.eldorado.data = eldorado.data || data;\n\n//\n// Setup listeners to expose mounted instances.\n//\ntarget.ux.eldorado.header = getInstance('header');\ntarget.ux.eldorado.footer = getInstance('footer');\n\n// To keep backwards compatibility with Eldorado\nif (typeof target.jQuery === 'function') {\n target.ux.jQuery = target.ux.eldorado.jQuery = target.jQuery;\n}\n\n/**\n * If jQuery is present on the page, run the specified callback when jQuery is ready.\n * Otherwise, run the callback synchronously\n *\n * @param {Function} cb The callback to run\n * @api private\n */\ntarget.ux._runOnJQueryReady = function runOnJQueryReady(cb) {\n if (target.ux.jQuery) {\n target.ux.jQuery(document).ready(cb);\n } else {\n cb(); // eslint-disable-line callback-return\n }\n};\n\n// When the header mounts, make all subsequent calls to ux.eldorado.ready synchronous\ntarget.ux.eldorado.events.once('mount:header', function uxEldoradoReadyOnMountHeader() {\n target.ux.eldorado.ready = function uxEldoradoReadyImmediate(cb) {\n target.ux._runOnJQueryReady(cb);\n };\n});\n\n/**\n * Register the specified callback to run when UXCore1 is loaded.\n *\n * Note: If UXCore1 is never loaded (e.g. if the page is using UXCore2), the callback will never run.\n *\n * @param {Function} cb The callback to run\n * @api public\n */\ntarget.ux.ready = function uxReady(cb) {\n target.ux.fns = target.ux.fns || [];\n target.ux.fns.push(cb);\n};\n\n/**\n * Set the root element to use for Icon's SVGOSM.\n *\n * @param {HTMLElement} root HTML element.\n * @public\n */\ntarget.ux.setSVGRoot = function setSVGRoot(root) {\n if (!svgosm) return;\n svgosm.mount(root);\n};\n\n/**\n * Register the specified callback to run when the header is mounted.\n *\n * @param {Function} cb The callback to run\n * @api public\n */\ntarget.ux.eldorado.ready = function uxEldoradoReady(cb) {\n target.ux.eldorado.events.once('mount:header', function () {\n target.ux._runOnJQueryReady(cb);\n });\n};\n\n// Transfer over all the callbacks that queued up before this script loaded\nif (Array.isArray(target.ux.eldorado.readyFns)) {\n target.ux.eldorado.readyFns.forEach(function (fn) {\n target.ux.eldorado.ready(fn);\n });\n target.ux.eldorado.readyFns = null;\n}\n\n// Set up shopperData API and handle pre-queued callbacks\nif (!target.ux.eldorado._shopperDataLoader) {\n // Create a new ShopperDataLoader\n target.ux.eldorado._shopperDataLoader = shopperDataLoader;\n\n // Attach it to the existing `shopperData` function\n target.ux.eldorado.shopperData = shopperDataLoader.shopperData.bind(shopperDataLoader);\n\n // Run all pre-queued callbacks in order\n if (target.ux.eldorado._shopperDataFns) {\n target.ux.eldorado._shopperDataFns.forEach(fn => {\n target.ux.eldorado.shopperData(fn);\n });\n }\n}\n\nexport {\n events,\n data\n};\n", "/* eslint no-undef: 0 */\n\nimport trfq, { gtm } from 'react-trfq';\nimport { URL } from '@ux/util';\n\nexport default {\n /**\n * Initialize traffic2.\n *\n * @param {Object} opts options object\n * @param {String} [opts.type=onload] type of initialization. values `disable`, `inline`, `onload`\n * @param {Boolean} [opts.beacon=true] whether to call beacon\n *\n * @private\n */\n init: function init(opts) {\n if (opts.type === 'disable') {\n return;\n }\n\n if (opts.type !== 'inline') {\n this.inject();\n }\n\n if (opts.beacon !== false) {\n this.beacon();\n }\n },\n\n /**\n * If there is a \"ux\" global (i.e. in the browser), then configure GTM immediately\n * with some values from ux.eldorado.data.props.\n *\n * @private\n */\n inject: function inject() {\n if (typeof ux !== 'undefined' && typeof window !== 'undefined') {\n const data = (ux.eldorado && ux.eldorado.data) || {};\n const { shopperId, privateLabelId } = data.props || {};\n gtm.configure({\n data: [\n shopperId && { shopperId: shopperId },\n privateLabelId && { privateLabelId: privateLabelId },\n { 'tcc.status': 'on' },\n { 'tcc.gastatus': 'off' }\n ].filter(Boolean)\n });\n }\n },\n\n /**\n * Logs a Traffic2 \"beacon\" event for the UX Platform team. This allows us to\n * get a gestalt for the total usage of all headers by all teams to better plan\n * new features and make prioritization features based on usage data.\n *\n * @private\n */\n beacon: function beacon() {\n if (typeof ux !== 'undefined' && typeof window !== 'undefined') {\n const url = new URL(window.location.href, true);\n const data = (ux.eldorado && ux.eldorado.data) || {};\n const { app, split, manifest, market, countryName, languageName, currency } = data.props || {};\n\n // UXCore 1 pages do not load ux.versions onto the page,\n // so we use ux.version's existence as a proxy for\n // \"Is this page uxcore 1\"?\n const uxcore = ux.versions ? 2 : 1;\n\n if (manifest && app) {\n trfq.logEvent(\n `uxp.hyd.int.${manifest.toLowerCase()}.${app.replace('.', '_')}.impression`.replace(/-/g, '_'),\n 'impression',\n { market,\n split,\n uxcore,\n currency,\n hostname: url.hostname,\n path: url.path,\n query: url.query,\n country: countryName,\n lang: languageName }\n );\n }\n }\n }\n};\n", "import { URL } from '@ux/util';\n\n/**\n * Add query parameters from props to the url.\n *\n * @param {String} url Logout or login link.\n * @param {Object} props Properties to merge with the query parameters object.\n * @returns {String} Configured url.\n * @api private\n */\nfunction updateQuery(url, props) {\n url = new URL(url, true);\n\n return url.set('query', { ...url.query, ...props }).href;\n}\n\n/**\n * This function takes in a currentHref\n * and will return that with no query parameters OR if a\n * currentPage query parameter is present, it will utilize\n * that value and pass it back.\n *\n * @param {String} currentHref The currentHref usually passed thru props\n * @param {Bool} isBrowser A boolean indicating whether context is a browser\n * @param {String} location A string that represents document.location or window.location\n * @returns {String} A currentHref string without query params -OR- the value of the currentPage query parameter\n */\nfunction updateCurrentHref(currentHref, isBrowser, location) {\n //\n // Logic originally from\n // https://github.secureserver.net/UX/product-nav/blob/119ebd4ffc55e41a4bfebe1c973f55de0c3e35bc/lib/product-nav.js#L37\n //\n if (isBrowser) {\n currentHref = location;\n }\n\n if (currentHref) {\n const currentUrl = new URL(currentHref, true);\n const qsCurrentHref = currentUrl.query.currentPage;\n if (qsCurrentHref) {\n currentHref = qsCurrentHref;\n } else {\n // Remove query string for comparisons\n currentUrl.set('query', {});\n currentHref = currentUrl.href;\n }\n }\n\n return currentHref;\n}\n\nexport {\n updateQuery,\n updateCurrentHref\n};\n", "import { get } from './helpers';\nimport Cookies from './cookies';\nimport shopperDataLoader from './shopper-data';\n\nconst status = [\n 'partial',\n 'full',\n 'manager'\n];\n\nconst inverseNameOrderMarkets = [\n 'ja-JP',\n 'ko-KR',\n 'vi-VN',\n 'zh-SG',\n 'zh-TW',\n 'zh-HK'\n];\n\n/**\n * User details.\n *\n * @Constructor User.\n * @param {Object} options Optional configuration.\n * @api public\n */\nexport default class User {\n constructor(options = {}) {\n this.options = options;\n this.market = options.market || 'en-US';\n\n this.cookies = new Cookies();\n this.set(options.data);\n }\n\n /**\n * Update user data and getter.\n *\n * @param {Object} data Dataset.\n * @api private\n */\n set(data) {\n this.data = data || {};\n this.get = get(data);\n }\n\n /**\n * Gets all store data as an object\n *\n * @returns {Object} User data\n * @api private\n */\n getAll() {\n return this.data;\n }\n\n /**\n * Makes a request against a url which expects shopper information.\n *\n * @param {String} url Request target.\n * @param {Function} done Continuation to respond to when complete\n * @api private\n */\n shopperRequest(url, done) {\n shopperDataLoader.shopperData({\n url,\n privateLabelId: this.options.privateLabelId,\n shopperId: this.shopperId\n }, done);\n }\n\n /**\n * Fetch all user details, unpack and store locally.\n * TODO: JSONP should not be enforced for details but CORS headers are missing.\n *\n * @param {Object} url Request targets.\n * @param {Function} done Completion callback\n * @api public\n */\n fetch(url, done) {\n this.fetchInternal(url, done);\n }\n\n /**\n * Fetch all user details, unpack and store locally.\n * TODO: JSONP should not be enforced for details but CORS headers are missing.\n *\n * @param {Object} url Request targets.\n * @param {Function} done Completion callback\n * @param {Function} [parseAdditionalData] Optional function that parses out additional data\n * @api private\n */\n fetchInternal(url, done, parseAdditionalData = null) {\n let additionalData = {};\n\n this.shopperRequest(url.gui, (error, details) => {\n if (error) {\n return done(error);\n }\n\n if (parseAdditionalData) {\n additionalData = parseAdditionalData(details);\n }\n\n details = { ...additionalData, ...details };\n this.set(details);\n\n done(null, details);\n });\n }\n\n /**\n * Return name to be displayed as customer or employee name.\n *\n * @param {Boolean} short Prefer short name.\n * @returns {String} Display name.\n * @api public\n */\n // eslint-disable-next-line complexity\n displayName(short) {\n // Content has already been generated, and we don't need to do so again.\n const name = this.get('displayName') || this.get('disp');\n if (name) {\n return name;\n }\n\n const firstName = this.get('firstName');\n const lastName = this.get('lastName');\n const fallback = this.get('name')\n || this.get('userName')\n || this.get('loginName')\n || this.shopperId\n || '';\n\n if (short) {\n const value = ~inverseNameOrderMarkets.indexOf(this.market)\n ? lastName\n : firstName;\n\n return value || fallback;\n }\n\n if (firstName) {\n // Some Asian countries are inverse the name order.\n return ~inverseNameOrderMarkets.indexOf(this.market)\n ? [lastName, firstName].filter(Boolean).join(' ').trim()\n : [firstName, lastName].filter(Boolean).join(' ').trim();\n }\n\n // Fallback to name, username or loginName\n return fallback;\n }\n\n /**\n * Returns purposefully short name to be used in Account Delegation.\n *\n * @returns {String} Name to use for Account Delegation (see @ux/account-delegation).\n * @api public\n */\n delegateName() {\n return this.get('displayName') || this.get('firstName');\n }\n\n /**\n * Return Shopper ID of customer.\n *\n * @returns {String} Shopper ID\n * @api public\n */\n get shopperId() {\n return this.get('shopperId') || this.cookies.shopperId;\n }\n\n /**\n * Return logged in status of user.\n *\n * @returns {Boolean} Logged in or not\n * @api public\n */\n get loggedIn() {\n return !!~status.indexOf(this.get('status')) || !!this.get('loginName');\n }\n\n /**\n * Return VIP details if available.\n *\n * @returns {Object} VIP data.\n * @api public\n */\n get vip() {\n return this.get('vip');\n }\n\n /**\n * Return number of items in cart.\n *\n * @returns {Number} Number of items in cart.\n * @api public\n */\n get cart() {\n return this.get('cartTotal');\n }\n}\n", "\"use strict\";\n\nvar _react = _interopRequireWildcard(require(\"react\"));\n\nvar _svgosm = require(\"./svgosm.js\");\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _getRequireWildcardCache() { if (typeof WeakMap !== \"function\") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== \"object\" && typeof obj !== \"function\") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nfunction _extends() { _extends = Object.assign || 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); }\n\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; }\n\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; }\n\n/**\n * Generates our dedicated Icon component.\n *\n * @param {String} displayName Name of the Icon.\n * @returns {React.Component} The React Component.\n * @public\n */\nmodule.exports = function create(displayName) {\n /**\n * The base component that renders the Icon.\n *\n * @constructor\n * @param {Object} props All the props\n * @param {Number} props.width Width of the icon.\n * @param {Number} props.height Height of the icon.\n * @param {String} props.title A11y title of the icon.\n * @param {String} props.desc A11y description of the icon.\n * @param {String} props.role A11y role for the icon.\n * @param {Object} props.props The rest of the props that are spread on the
;\n }\n\n /**\n * Determines if the root navigation's structure is multi- or single columned\n *\n * @param {Item} navItem the root node of the nav structure\n * @returns {boolean} true if multi column\n * @private\n */\n isMultiColumn(navItem) {\n return navItem.children &&\n navItem.children.every(child => Array.isArray(child.children));\n }\n\n /**\n * Render items that appear on the right side of the navigation\n * @param {RightItem} item Object containing details of the navigation item\n * @param {React.ReactElement} icon Span containing a uxicon\n * @param {number|string} i Index value\n * @returns {React.ReactElement} Either a button-link or a string of text\n * @private\n */\n renderNavRightItem(item, icon, i) {\n if (item.href) {\n const design = item.design || 'default';\n\n return (\n
\n \n { icon }\n { item.caption }\n \n
\n );\n }\n return (\n
{ item.caption }
\n );\n }\n\n /**\n * Render some of the navigation items\n *\n * @param {Item[]} items Navigation items\n * @param {number} [howMany] How many items to render\n * @returns {React.ReactElement[]} Rendered items\n */\n renderSomeItems(items, howMany) {\n const result = [];\n if (!howMany && howMany !== 0) howMany = items.length;\n for (let i = 0; i < howMany; i++) {\n result.push(this.renderItem(items[i], i));\n }\n return result;\n }\n\n /**\n * Render a navigation item\n *\n * @param {Item} item nav item\n * @param {number|string} i index value\n * @returns {React.ReactElement} ReactElement\n * @private\n */\n renderItem(item, i) {\n const props = this.props;\n if (item.mobileOnly) {\n return null;\n }\n const classNames = this.classNames(this.namespace(this.classNames('nav-item', {\n active: item.active\n })), item.className);\n\n let icon;\n if (item.icon) {\n icon = this.renderNavIcon(item.icon);\n }\n\n //\n // Render a tray-menu if the current item has children regardless of side\n //\n if (item.children && item.children.length) {\n const multiColumn = this.isMultiColumn(item);\n const columns = this.renderColumns(item, multiColumn);\n const trayTitle = \n { item.caption || item.title }\n { icon }\n \n ;\n\n return { this.itemRefs[i] = r; } }>\n { this.trayMenus[i] = r; } }\n className={\n this.namespace(this.classNames({ 'multi-col': multiColumn }))\n }\n control={ trayTitle }\n eid={ this.generateEid(item, 'popover.click') }\n openOnHover={ true }\n { ...item.dataAttrs }>\n { props.showTitleInsideTray && trayTitle }\n
\n { columns }\n
\n \n ;\n }\n\n // if no children, handle rendering for right side\n if (props.side === 'right') {\n return this.renderNavRightItem(item, icon, i);\n }\n\n // handle render for left side\n return (\n { this.itemRefs[i] = r; } }>\n \n { item.caption || item.title }\n { icon }\n \n \n );\n }\n\n /**\n * Render the More menu in a scaling nav\n *\n * @param {Item[]} allItems The full collection of items to be displayed (not just in the More menu)\n * @returns {React.ReactElement} The More menu React element\n * @private\n */\n renderMoreMenu(allItems) {\n const { firstMoreItemIndex, visible } = this.state;\n\n if (visible && (firstMoreItemIndex === null || firstMoreItemIndex >= allItems.length)) return null;\n\n const moreItem = this.getMoreMenuItem(allItems);\n return this.renderItem(moreItem, 'more');\n }\n\n /**\n * Get the Item object to describe the More menu\n *\n * @param {Item[]} allItems The full collection of items to be displayed (not just in the More menu)\n * @returns {Item} An Item object representing the More menu\n * @private\n */\n getMoreMenuItem(allItems) {\n const { moreMenuEid } = this.props;\n return {\n children: this.getMoreItemChildren(allItems),\n title: ,\n eid: moreMenuEid,\n className: 'more-menu'\n };\n }\n\n /**\n * Get the children that should appear in the More menu - from pre-cached copy if available\n *\n * @param {Item[]} allItems All of the menu items\n * @returns {Item[]} An array of nav items for the items that should appear in the More menu\n * @private\n */\n getMoreItemChildren(allItems) {\n const { firstMoreItemIndex, visible } = this.state;\n\n if (!visible) {\n // The menu is not visible -- this is just for scaling before initial render. So we can just toss in a dummy link\n return [\n {\n title: 'Dummy link for scaling',\n href: '#'\n }\n ];\n }\n\n if (this.lastMoreIndexBuilt === firstMoreItemIndex && this.moreMenuChildren) {\n return this.moreMenuChildren;\n }\n\n this.lastMoreIndexBuilt = firstMoreItemIndex;\n\n if (firstMoreItemIndex === null || firstMoreItemIndex >= allItems.length) {\n this.moreMenuChildren = [];\n } else {\n this.moreMenuChildren = this.buildMoreItemChildren(allItems, firstMoreItemIndex);\n }\n\n return this.moreMenuChildren;\n }\n\n /**\n * Build the More menu children array\n *\n * @param {Item[]} allItems All of the menu items\n * @param {number} firstMoreItemIndex The index of the first item to show in the More menu\n * @returns {Item[]} An array of nav items for the items that should appear in the More menu\n * @private\n */\n buildMoreItemChildren(allItems, firstMoreItemIndex) {\n const allMoreChildren = allItems.slice(firstMoreItemIndex);\n const moreChildrenLinks = [];\n const moreChildrenMenus = [];\n for (const moreChild of allMoreChildren) {\n if (moreChild.children && moreChild.children.length) {\n moreChildrenMenus.push(moreChild);\n } else {\n moreChildrenLinks.push(moreChild);\n }\n }\n\n if (moreChildrenMenus.length) {\n if (moreChildrenLinks.length) {\n return [{\n title: ,\n children: moreChildrenLinks\n },\n ...moreChildrenMenus];\n }\n\n return moreChildrenMenus;\n }\n\n return moreChildrenLinks;\n }\n\n /**\n * Render the navigation component\n *\n * @returns {React.ReactElement} ReactElement\n */\n render() {\n const props = this.props;\n const allItems = this.getItems(props.items);\n\n if (!allItems.length) {\n return null;\n }\n\n const { firstMoreItemIndex, visible, resizing } = this.state;\n const visibleItems = this.renderSomeItems(allItems, firstMoreItemIndex);\n\n // Note: we need to ensure that the nav is not display:none during the initial hidden scaling measurements. So we\n // only set the d-none class if we're rendering visible.\n\n return (\n \n
\n \n
\n \n );\n }\n}\n\nHeaderNavigation.defaultProps = {\n side: 'left',\n eidPrefix: 'uxp.hyd',\n items: [],\n showTitleInsideTray: false,\n scale: false\n};\n\nHeaderNavigation.propTypes = {\n ...NamespaceShape,\n urlArgs: PropTypes.object,\n showTitleInsideTray: PropTypes.bool,\n side: PropTypes.oneOf(['left', 'right']),\n scale: validateScalePropType,\n moreMenuEid: PropTypes.string,\n market: PropTypes.string.isRequired,\n messages: PropTypes.object.isRequired,\n items: PropTypes.array.isRequired,\n eidPrefix: PropTypes.string\n};\n\nfunction validateScalePropType(props, propName, componentName) {\n if (typeof props[propName] !== 'boolean') {\n return new Error('Invalid prop `' + propName + '` supplied to' +\n ' `' + componentName + '`. Expected boolean value. Validation failed.');\n }\n if (props[propName] && props.side === 'right') {\n return new Error('Invalid prop `' + propName + '` supplied to' +\n ' `' + componentName + '`. Scaling is not supported on right-side menus. Validation failed.');\n }\n}\n\nexport default withNamespace(HeaderNavigation);\n", "import { cookie, json } from '@ux/util';\nimport { get } from './helpers';\n\nconst browser = typeof document !== 'undefined';\n\n/**\n * Collection of cookies, read out cookie info_idp on construction.\n *\n * @Constructor Cookies.\n * @param {Object} options Optional configuration.\n * @api public\n */\nexport default class Cookies {\n constructor() {\n this.idp = {};\n this.getIdpProperty = get(this.idp);\n\n this.updateRealm('idp');\n\n this.jomax = {};\n this.getJomaxProperty = get(this.jomax);\n\n this.updateRealm('jomax');\n }\n\n /**\n * Get the customers shopper id from the cookie.\n *\n * @returns {String} Shopper id.\n * @api public\n */\n get shopperId() {\n return this.getIdpProperty('info_shopperId');\n }\n\n /**\n * Get the encrypted shopper ID from the ShopperId cookie\n * @param {String} env Environment (e.g. prod, test, dev)\n * @param {Number} plid Private label ID\n * @returns {String|Undefined} encrypted shopper ID or undefined\n * @public\n */\n getEncryptedShopperId(env, plid) {\n const cookieEnv = env === 'prod' ? '' : env;\n return cookie.get(`${cookieEnv}ShopperId${plid}`) || undefined; // eslint-disable-line no-undefined\n }\n\n /**\n * Update the cached cookies values.\n * (For backwards compatibility since this was previously marked as public)\n *\n * @returns {Cookies} fluent interface.\n * @api public\n */\n updateIdp() {\n return this.updateRealm('idp');\n }\n\n /**\n * Update the cached cookies values.\n *\n * @param {String} [realm='idp'] The authentication realm to update\n * @returns {Cookies} fluent interface.\n * @api private\n */\n updateRealm(realm = 'idp') {\n if (!browser) {\n return this;\n }\n\n const titleCaseRealm = realm[0].toUpperCase() + realm.substr(1);\n\n this[realm] = json.parse(cookie.get(`info_${realm}`)) || {};\n this[`get${titleCaseRealm}Property`] = get(this[realm]);\n return this;\n }\n\n /**\n * Get the requested properties from the cookie for the specified realm.\n *\n * @param {Array} properties properties to extract.\n * @param {Object} replace Optional object with strings to replace.\n * @returns {Object} Collection of extracted properties.\n * @api public\n */\n getIdpProperties(properties, replace) {\n return Cookies.getRealmPropertiesFromObject(this.idp, properties, replace);\n }\n\n /**\n * Get the requested properties from the specified object\n *\n * @param {Object} obj The object to extract properties from\n * @param {Array} properties properties to extract.\n * @param {Object} replace Optional object with strings to replace.\n * @returns {Object} Collection of extracted properties.\n * @package\n */\n static getRealmPropertiesFromObject(obj, properties, replace = {}) {\n const getProp = get(replace);\n\n if (!Array.isArray(properties)) {\n properties = [properties];\n }\n\n return properties.reduce((result, property) => {\n if (Array.isArray(property)) {\n result[getProp(property[property.length - 1], true)] = property.reduce((o, i) => o && o[i], obj);\n const desiredProp = property[property.length - 1];\n if (obj[desiredProp] && !result[desiredProp]) {\n result[desiredProp] = obj[desiredProp];\n }\n return result;\n }\n\n result[getProp(property, true)] = obj[property];\n return result;\n }, {});\n }\n\n /**\n * Get the requested properties from the jomax cookie.\n *\n * @param {Array} properties properties to extract.\n * @param {Object} replace Optional object with strings to replace.\n * @returns {Object} Collection of extracted properties.\n * @api public\n */\n getJomaxProperties(properties, replace) {\n return Cookies.getRealmPropertiesFromObject(this.jomax, properties, replace);\n }\n}\n", "import User from './user';\nimport Cookies from './cookies';\n\nconst status = [\n 'partial',\n 'full',\n 'manager'\n];\n\n/**\n * Customer details\n *\n * @Constructor Customer\n * @param {Object} options Optional configuration.\n * @api public\n */\nexport default class Customer extends User {\n /**\n * Update data from the idp cookie\n *\n * @api private\n */\n updateFromCookie() {\n this.cookies.updateIdp();\n const auth = this.cookies.getIdpProperty('auth');\n\n this.set(this.getIdpProperties(this.cookies.getIdpProperties.bind(this.cookies), auth));\n\n if (!this.shopperId) {\n // Try getting it from the ShopperId cookie instead\n const encryptedShopperId = this.cookies.getEncryptedShopperId(this.options.env, this.options.privateLabelId);\n if (encryptedShopperId) {\n this.set({\n ...this.getAll(),\n shopperId: encryptedShopperId\n });\n }\n }\n }\n\n /**\n * Get properties from idp information\n *\n * @param {Function} getIdpPropertiesFn Function to call to get properties from idp\n * @param {String} auth Type of authentication (e.g. e2s, s2s, e2s2s, none of the above)\n * @returns {Object} Extracted properties\n * @package\n */\n getIdpProperties(getIdpPropertiesFn, auth) {\n return getIdpPropertiesFn([\n 'disp',\n 'firstname',\n 'lastname',\n 'info_shopperId',\n 'plid'\n ].map(property => [auth, property]).concat('jti'), {\n info_shopperId: 'shopperId',\n disp: 'displayName'\n });\n }\n\n /**\n * Fetch all user details, unpack and store locally.\n * TODO: JSONP should not be enforced for details but CORS headers are missing.\n *\n * @param {Object} url Request targets.\n * @param {Function} done Completion callback\n * @api public\n */\n fetch(url, done) {\n this.cookies.updateIdp();\n this.fetchInternal(url, done, (data) => {\n let idp;\n try {\n idp = JSON.parse(data.info);\n } catch (e) {\n return {};\n }\n return this.getIdpProperties(Cookies.getRealmPropertiesFromObject.bind(this, idp), idp.auth);\n });\n }\n\n /**\n * Return loggedIn status of Customer.\n *\n * @returns {Boolean} LoggedIn.\n * @api public\n */\n get loggedIn() {\n const privateLabelId = this.options.privateLabelId;\n\n if (privateLabelId && this.data.plid && privateLabelId.toString() !== this.data.plid.toString()) {\n return false;\n }\n return !!~status.indexOf(this.get('status')) || !!this.get('loginName');\n }\n}\n", "import { URL } from '@ux/util';\nconst qs = URL.qs;\n\n/**\n * Expose 'smart' data object.\n *\n * @class Data\n * @api public\n */\nexport default class Data {\n constructor() {\n this.set(...arguments);\n }\n\n /**\n * Set property and value on the object. Unpack property if passed as object.\n *\n * @param {String} property Identifier.\n * @param {Mixed} value property values.\n * @returns {Data} Fluent interface\n * @api public\n */\n set(property, value) {\n if (!property) {\n return this;\n }\n\n if (property === 'urlArgs') {\n return this.setUrlArgs(value);\n }\n\n if (typeof property === 'object') {\n return Object.keys(property).forEach(prop => {\n this.set(prop, property[prop]);\n });\n }\n\n this[property] = value;\n return this;\n }\n\n /**\n * Performs a simple shallow merge of the value into property setting any default value.\n *\n * @param {String} property Identifier.\n * @param {Object} value property values.\n * @returns {Data} Fluent interface\n * @api public\n */\n merge(property, value) {\n if (!property || !value || typeof value !== 'object') {\n return this;\n }\n\n this[property] = {\n ...(this[property] || {}),\n ...value\n };\n\n return this;\n }\n\n /**\n * Safely sets `urlArgs` as an Object, converting any partial or complete\n * querystrings into objects as necessary.\n *\n * @param {Object|String} value Attempted value for urlArgs.\n * @returns {Data} Fluent interface\n * @api private\n */\n setUrlArgs(value) {\n const type = typeof value;\n if (type === 'string') {\n this.urlArgs = qs.parse(value);\n return this;\n }\n\n if (!value || type !== 'object') {\n this.urlArgs = {};\n return this;\n }\n\n this.urlArgs = value;\n return this;\n }\n\n /**\n * Returns sealed props object with keys and values, prevents React warnings.\n *\n * @returns {Object} Values.\n * @api public\n */\n get props() {\n return Object.seal(\n Object.getOwnPropertyNames(this).reduce((clone, key) => {\n clone[key] = this[key];\n return clone;\n }, {})\n );\n }\n}\n", "import User from './user';\nimport Customer from './customer';\nimport Cookies from './cookies';\n\n/**\n * Delegate details\n *\n * @Constructor Delegate\n * @param {Object} options Optional configuration.\n * @api public\n */\nexport default class Delegate extends User {\n /**\n * Update data from the idp cookie\n *\n * @api private\n */\n updateFromCookie() {\n this.cookies.updateIdp();\n\n const del = this.cookies.getIdpProperty('del');\n const delType = del && del.auth;\n if (delType && delType !== 'basic') {\n // In more complex impersonation scenarios such as e2s2s, we need to dig another layer deeper to get information\n // about the middle customer in a two-layer impersonation/delegation stack. So we store that Customer here and\n // then load their info directly from the parsed `del` section of the cookie.\n this.impersonatedCustomer = new Customer();\n const customerInfo = this.impersonatedCustomer.getIdpProperties((properties, replace) => {\n return Cookies.getRealmPropertiesFromObject(del, properties, replace);\n }, delType);\n this.impersonatedCustomer.set(customerInfo);\n }\n\n this.set(this.cookies.getIdpProperties([\n 'firstname',\n 'lastname',\n 'info_accountname',\n 'jti'\n ].map(property => ['del', delType === 'basic' ? null : 'del', property].filter(Boolean)), {\n info_accountname: 'accountName'\n }));\n }\n}\n", "import User from './user';\n\n/**\n * Employee details\n *\n * @Constructor Employee\n * @param {Object} options Optional configuration.\n * @api public\n */\nexport default class Employee extends User {\n /**\n * Update data from the idp cookie\n *\n * @api private\n */\n updateFromCookie() {\n this.cookies.updateRealm('jomax');\n\n this.set(this.getJomaxProperties(this.cookies.getJomaxProperties.bind(this.cookies)));\n }\n\n /**\n * Get properties from jomax information\n *\n * @param {Function} getJomaxPropertiesFn Function to call to get properties from jomax\n * @returns {Object} Extracted properties\n * @api private\n */\n getJomaxProperties(getJomaxPropertiesFn) {\n return getJomaxPropertiesFn([\n 'firstname',\n 'lastname',\n 'info_accountName',\n 'loggedIn'\n ].map(property => [property]).concat('jti'), {\n info_accountName: 'loginName'\n });\n }\n\n /**\n * Update user details from cookie\n *\n * @param {Object} url Request targets (not used for this subclass)\n * @param {Function} done Completion callback\n * @api public\n */\n fetch(url, done) {\n this.updateFromCookie();\n done(null, this.getAll());\n }\n\n /**\n * Always return a null shopper ID for Employees\n *\n * @returns {Undefined} null\n * @api public\n */\n get shopperId() {\n return null;\n }\n}\n", "import EventEmitter from 'eventemitter3';\n\n//\n// Singleton EventEmitter instance to track manifest events.\n//\nconst events = new EventEmitter();\n\nexport default events;\n", "/**\n * Scope method to data.\n *\n * @param {Object} data Dataset.\n * @returns {Function} Getter.\n * @api public\n */\nexport function get(data = {}) {\n /**\n * Get property from data, fallback to lowercased or uppercased.\n *\n * @param {String} property Name.\n * @param {Boolean} fallback Return property name if no value was found.\n * @returns {Mixed} property value.\n * @api private\n */\n return function propGet(property, fallback) {\n const result = data[property] || data[property.toLowerCase()] || data[property.toUpperCase()];\n\n return !fallback\n ? result\n : result || property;\n };\n}\n", "import { events, data } from './state';\nimport Cookies from './cookies';\nimport User from './user';\nimport Customer from './customer';\nimport Delegate from './delegate';\nimport Employee from './employee';\nimport traffic2 from './traffic2';\nimport * as url from './url';\nimport shopperDataLoader from './shopper-data';\n\n//\n// Add useful methods.\n//\nexport {\n Cookies,\n events,\n data,\n User,\n Customer,\n Delegate,\n Employee,\n traffic2,\n url,\n shopperDataLoader\n};\n", "import events from './events';\n\n//\n// Keep track of mounted manifest instances.\n//\nconst instances = {};\n\n/**\n * Setup listener for mount of React manifest instance.\n *\n * @param {String} type Expected mount of instance.\n * @returns {Function} Completion callback.\n * @api public\n */\nexport default function getInstance(type = 'header') {\n const event = `mount:${ type }`;\n\n //\n // Listen early to intercept the event before the helper is called and store the\n // instance for later calls to the helper.\n //\n events.once(event, instance => {\n instances[type] = instance;\n });\n\n return function getMountedInstance(done) {\n if (type in instances) {\n return done(null, instances[type]);\n }\n\n events.once(event, instance => {\n return done(null, instance);\n });\n };\n}\n", "import fetch from '@godaddy/fetch';\nimport events from './events';\nimport qs from 'querystringify';\nimport trfq from 'react-trfq';\n\n/**\n * Loader for shopper data from the GUI API\n *\n * Data load is triggered by the header, but this class allows for other components to subscribe to the response\n * @class ShopperDataLoader\n * @public\n */\nclass ShopperDataLoader {\n constructor() {\n this._requestTriggered = false;\n this._data = null;\n }\n\n /**\n * Request the shopper data from GUI and notify subscribers.\n *\n * @memberof ShopperDataLoader\n * @private\n */\n _requestShopperData() {\n if (this._requestTriggered)\n return;\n\n this._requestTriggered = true;\n\n const queryParams = {\n plId: this._privateLabelId,\n shopperId: this._shopperId,\n sid: this._shopperId\n };\n const url = this._url + qs.stringify(queryParams, true);\n fetch(url, { method: 'GET', credentials: 'include' })\n .then(response => {\n if (response.status >= 400) {\n const error = new Error(response.statusText);\n error.status = response.status;\n return Promise.reject(error);\n }\n return response.json();\n })\n .then(data => {\n this._data = data;\n events.emit('shopperData', null, data);\n })\n .catch(error => {\n trfq.logEvent('uxp.hyd.header_util.shopper_data_loader.gui_request',\n 'request',\n { error: JSON.stringify(error),\n sidMeta: this._shopperId ? { length: this._shopperId.length } : this._shopperId }\n );\n events.emit('shopperData', error);\n });\n }\n\n /**\n * Configure this loader\n *\n * @param {Object} opts Options for the call\n * @param {String} opts.url URL to the GUI service\n * @param {Number|String} [opts.privateLabelId=1] Private Label id (e.g. 1 for GoDaddy, 2 for BlueRazor, etc.)\n * @param {Number|String} opts.shopperId Shopper id number\n * @returns {Boolean} true if configuration succeeded, false if there was missing data\n *\n * @memberof ShopperDataLoader\n * @private\n */\n _configure(opts) {\n if (!opts.url) {\n return false;\n }\n\n this._url = opts.url;\n this._shopperId = opts.shopperId;\n this._privateLabelId = opts.privateLabelId || 1;\n\n return true;\n }\n\n /**\n * Callback for shopper data subscriptions\n * @callback ShopperDataCallback\n * @param {Object|String} err Error, if any\n * @param {Object} data Shopper data object\n */\n /**\n * Subscribe for shopper data when it becomes available.\n *\n * Guaranteed to be async -- if data is immediately available, callback is run on next tick.\n * @param {Object} [opts] Optional options for the call -- typically only passed in from UX Platform headers\n * @param {String} opts.url URL to the GUI service\n * @param {Number|String} opts.privateLabelId Private Label id (e.g. 1 for GoDaddy, 2 for BlueRazor, etc.)\n * @param {Number|String} opts.shopperId Shopper id number\n * @param {ShopperDataCallback} cb Callback\n *\n * @memberof ShopperDataLoader\n * @public\n */\n shopperData(opts, cb) {\n if (typeof opts === 'function') {\n cb = opts;\n opts = null;\n }\n\n if (this._data) {\n setTimeout(cb.bind(undefined, null, this._data), 0); // eslint-disable-line no-undefined\n return;\n }\n\n events.once('shopperData', cb);\n\n if (opts) {\n if (!this._configure(opts)) {\n setTimeout(cb.bind(undefined, { // eslint-disable-line no-undefined\n error: 'opts object is incomplete'\n }), 0);\n return;\n }\n\n this._requestShopperData();\n } else if (this._url && this._shopperId && this._privateLabelId) {\n // Loader is already configured, so kick off the request now\n this._requestShopperData();\n }\n }\n\n /**\n * Configure this loader only, but do not request data unless something else on the page needs it\n * This is only used by the UXP headers when the header itself doesn't need GUI data.\n * If the header does need data, it should call {@link shopperData}(opts, cb) instead.\n *\n * @param {Object} opts Options for the call\n * @param {String} opts.url URL to the GUI service\n * @param {Number|String} [opts.privateLabelId=1] Private Label id (e.g. 1 for GoDaddy, 2 for BlueRazor, etc.)\n * @param {Number|String} opts.shopperId Shopper id number\n * @returns {Boolean} true if configuration succeeded, false if there was missing data\n *\n * @memberof ShopperDataLoader\n * @public\n */\n configureOnly(opts) {\n if (!this._configure(opts)) {\n return false;\n }\n\n // If there are queued requests, kick off the GUI call\n if (events.listeners('shopperData', true)) {\n this._requestShopperData();\n }\n\n return true;\n }\n}\n\n// Export a singleton ShopperDataLoader object\nconst shopperDataLoader = new ShopperDataLoader();\nexport {\n shopperDataLoader as default,\n ShopperDataLoader\n};\n", "import getInstance from './instance';\nimport events from './events';\nimport Data from './data';\nimport shopperDataLoader from './shopper-data';\nimport { svgosm } from '@ux/icon/svgosm.js';\n\nconst target = typeof document !== 'undefined' ? window : {};\nconst data = new Data();\nconst eldorado = {};\n\ntarget.ux = target.ux || {};\ntarget.ux.eldorado = target.ux.eldorado || eldorado;\n\n//\n// Allow external JS to listen to events emitted from the manifests and prepare\n// data object.\n//\ntarget.ux.eldorado.events = eldorado.events || events;\ntarget.ux.eldorado.data = eldorado.data || data;\n\n//\n// Setup listeners to expose mounted instances.\n//\ntarget.ux.eldorado.header = getInstance('header');\ntarget.ux.eldorado.footer = getInstance('footer');\n\n// To keep backwards compatibility with Eldorado\nif (typeof target.jQuery === 'function') {\n target.ux.jQuery = target.ux.eldorado.jQuery = target.jQuery;\n}\n\n/**\n * If jQuery is present on the page, run the specified callback when jQuery is ready.\n * Otherwise, run the callback synchronously\n *\n * @param {Function} cb The callback to run\n * @api private\n */\ntarget.ux._runOnJQueryReady = function runOnJQueryReady(cb) {\n if (target.ux.jQuery) {\n target.ux.jQuery(document).ready(cb);\n } else {\n cb(); // eslint-disable-line callback-return\n }\n};\n\n// When the header mounts, make all subsequent calls to ux.eldorado.ready synchronous\ntarget.ux.eldorado.events.once('mount:header', function uxEldoradoReadyOnMountHeader() {\n target.ux.eldorado.ready = function uxEldoradoReadyImmediate(cb) {\n target.ux._runOnJQueryReady(cb);\n };\n});\n\n/**\n * Register the specified callback to run when UXCore1 is loaded.\n *\n * Note: If UXCore1 is never loaded (e.g. if the page is using UXCore2), the callback will never run.\n *\n * @param {Function} cb The callback to run\n * @api public\n */\ntarget.ux.ready = function uxReady(cb) {\n target.ux.fns = target.ux.fns || [];\n target.ux.fns.push(cb);\n};\n\n/**\n * Set the root element to use for Icon's SVGOSM.\n *\n * @param {HTMLElement} root HTML element.\n * @public\n */\ntarget.ux.setSVGRoot = function setSVGRoot(root) {\n if (!svgosm) return;\n svgosm.mount(root);\n};\n\n/**\n * Register the specified callback to run when the header is mounted.\n *\n * @param {Function} cb The callback to run\n * @api public\n */\ntarget.ux.eldorado.ready = function uxEldoradoReady(cb) {\n target.ux.eldorado.events.once('mount:header', function () {\n target.ux._runOnJQueryReady(cb);\n });\n};\n\n// Transfer over all the callbacks that queued up before this script loaded\nif (Array.isArray(target.ux.eldorado.readyFns)) {\n target.ux.eldorado.readyFns.forEach(function (fn) {\n target.ux.eldorado.ready(fn);\n });\n target.ux.eldorado.readyFns = null;\n}\n\n// Set up shopperData API and handle pre-queued callbacks\nif (!target.ux.eldorado._shopperDataLoader) {\n // Create a new ShopperDataLoader\n target.ux.eldorado._shopperDataLoader = shopperDataLoader;\n\n // Attach it to the existing `shopperData` function\n target.ux.eldorado.shopperData = shopperDataLoader.shopperData.bind(shopperDataLoader);\n\n // Run all pre-queued callbacks in order\n if (target.ux.eldorado._shopperDataFns) {\n target.ux.eldorado._shopperDataFns.forEach(fn => {\n target.ux.eldorado.shopperData(fn);\n });\n }\n}\n\nexport {\n events,\n data\n};\n", "/* eslint no-undef: 0 */\n\nimport trfq, { gtm } from 'react-trfq';\nimport { URL } from '@ux/util';\n\nexport default {\n /**\n * Initialize traffic2.\n *\n * @param {Object} opts options object\n * @param {String} [opts.type=onload] type of initialization. values `disable`, `inline`, `onload`\n * @param {Boolean} [opts.beacon=true] whether to call beacon\n *\n * @private\n */\n init: function init(opts) {\n if (opts.type === 'disable') {\n return;\n }\n\n if (opts.type !== 'inline') {\n this.inject();\n }\n\n if (opts.beacon !== false) {\n this.beacon();\n }\n },\n\n /**\n * If there is a \"ux\" global (i.e. in the browser), then configure GTM immediately\n * with some values from ux.eldorado.data.props.\n *\n * @private\n */\n inject: function inject() {\n if (typeof ux !== 'undefined' && typeof window !== 'undefined') {\n const data = (ux.eldorado && ux.eldorado.data) || {};\n const { shopperId, privateLabelId } = data.props || {};\n gtm.configure({\n data: [\n shopperId && { shopperId: shopperId },\n privateLabelId && { privateLabelId: privateLabelId },\n { 'tcc.status': 'on' },\n { 'tcc.gastatus': 'off' }\n ].filter(Boolean)\n });\n }\n },\n\n /**\n * Logs a Traffic2 \"beacon\" event for the UX Platform team. This allows us to\n * get a gestalt for the total usage of all headers by all teams to better plan\n * new features and make prioritization features based on usage data.\n *\n * @private\n */\n beacon: function beacon() {\n if (typeof ux !== 'undefined' && typeof window !== 'undefined') {\n const url = new URL(window.location.href, true);\n const data = (ux.eldorado && ux.eldorado.data) || {};\n const { app, split, manifest, market, countryName, languageName, currency } = data.props || {};\n\n // UXCore 1 pages do not load ux.versions onto the page,\n // so we use ux.version's existence as a proxy for\n // \"Is this page uxcore 1\"?\n const uxcore = ux.versions ? 2 : 1;\n\n if (manifest && app) {\n trfq.logEvent(\n `uxp.hyd.int.${manifest.toLowerCase()}.${app.replace('.', '_')}.impression`.replace(/-/g, '_'),\n 'impression',\n { market,\n split,\n uxcore,\n currency,\n hostname: url.hostname,\n path: url.path,\n query: url.query,\n country: countryName,\n lang: languageName }\n );\n }\n }\n }\n};\n", "import { URL } from '@ux/util';\n\n/**\n * Add query parameters from props to the url.\n *\n * @param {String} url Logout or login link.\n * @param {Object} props Properties to merge with the query parameters object.\n * @returns {String} Configured url.\n * @api private\n */\nfunction updateQuery(url, props) {\n url = new URL(url, true);\n\n return url.set('query', { ...url.query, ...props }).href;\n}\n\n/**\n * This function takes in a currentHref\n * and will return that with no query parameters OR if a\n * currentPage query parameter is present, it will utilize\n * that value and pass it back.\n *\n * @param {String} currentHref The currentHref usually passed thru props\n * @param {Bool} isBrowser A boolean indicating whether context is a browser\n * @param {String} location A string that represents document.location or window.location\n * @returns {String} A currentHref string without query params -OR- the value of the currentPage query parameter\n */\nfunction updateCurrentHref(currentHref, isBrowser, location) {\n //\n // Logic originally from\n // https://github.secureserver.net/UX/product-nav/blob/119ebd4ffc55e41a4bfebe1c973f55de0c3e35bc/lib/product-nav.js#L37\n //\n if (isBrowser) {\n currentHref = location;\n }\n\n if (currentHref) {\n const currentUrl = new URL(currentHref, true);\n const qsCurrentHref = currentUrl.query.currentPage;\n if (qsCurrentHref) {\n currentHref = qsCurrentHref;\n } else {\n // Remove query string for comparisons\n currentUrl.set('query', {});\n currentHref = currentUrl.href;\n }\n }\n\n return currentHref;\n}\n\nexport {\n updateQuery,\n updateCurrentHref\n};\n", "import { get } from './helpers';\nimport Cookies from './cookies';\nimport shopperDataLoader from './shopper-data';\n\nconst status = [\n 'partial',\n 'full',\n 'manager'\n];\n\nconst inverseNameOrderMarkets = [\n 'ja-JP',\n 'ko-KR',\n 'vi-VN',\n 'zh-SG',\n 'zh-TW',\n 'zh-HK'\n];\n\n/**\n * User details.\n *\n * @Constructor User.\n * @param {Object} options Optional configuration.\n * @api public\n */\nexport default class User {\n constructor(options = {}) {\n this.options = options;\n this.market = options.market || 'en-US';\n\n this.cookies = new Cookies();\n this.set(options.data);\n }\n\n /**\n * Update user data and getter.\n *\n * @param {Object} data Dataset.\n * @api private\n */\n set(data) {\n this.data = data || {};\n this.get = get(data);\n }\n\n /**\n * Gets all store data as an object\n *\n * @returns {Object} User data\n * @api private\n */\n getAll() {\n return this.data;\n }\n\n /**\n * Makes a request against a url which expects shopper information.\n *\n * @param {String} url Request target.\n * @param {Function} done Continuation to respond to when complete\n * @api private\n */\n shopperRequest(url, done) {\n shopperDataLoader.shopperData({\n url,\n privateLabelId: this.options.privateLabelId,\n shopperId: this.shopperId\n }, done);\n }\n\n /**\n * Fetch all user details, unpack and store locally.\n * TODO: JSONP should not be enforced for details but CORS headers are missing.\n *\n * @param {Object} url Request targets.\n * @param {Function} done Completion callback\n * @api public\n */\n fetch(url, done) {\n this.fetchInternal(url, done);\n }\n\n /**\n * Fetch all user details, unpack and store locally.\n * TODO: JSONP should not be enforced for details but CORS headers are missing.\n *\n * @param {Object} url Request targets.\n * @param {Function} done Completion callback\n * @param {Function} [parseAdditionalData] Optional function that parses out additional data\n * @api private\n */\n fetchInternal(url, done, parseAdditionalData = null) {\n let additionalData = {};\n\n this.shopperRequest(url.gui, (error, details) => {\n if (error) {\n return done(error);\n }\n\n if (parseAdditionalData) {\n additionalData = parseAdditionalData(details);\n }\n\n details = { ...additionalData, ...details };\n this.set(details);\n\n done(null, details);\n });\n }\n\n /**\n * Return name to be displayed as customer or employee name.\n *\n * @param {Boolean} short Prefer short name.\n * @returns {String} Display name.\n * @api public\n */\n // eslint-disable-next-line complexity\n displayName(short) {\n // Content has already been generated, and we don't need to do so again.\n const name = this.get('displayName') || this.get('disp');\n if (name) {\n return name;\n }\n\n const firstName = this.get('firstName');\n const lastName = this.get('lastName');\n const fallback = this.get('name')\n || this.get('userName')\n || this.get('loginName')\n || this.shopperId\n || '';\n\n if (short) {\n const value = ~inverseNameOrderMarkets.indexOf(this.market)\n ? lastName\n : firstName;\n\n return value || fallback;\n }\n\n if (firstName) {\n // Some Asian countries are inverse the name order.\n return ~inverseNameOrderMarkets.indexOf(this.market)\n ? [lastName, firstName].filter(Boolean).join(' ').trim()\n : [firstName, lastName].filter(Boolean).join(' ').trim();\n }\n\n // Fallback to name, username or loginName\n return fallback;\n }\n\n /**\n * Returns purposefully short name to be used in Account Delegation.\n *\n * @returns {String} Name to use for Account Delegation (see @ux/account-delegation).\n * @api public\n */\n delegateName() {\n return this.get('displayName') || this.get('firstName');\n }\n\n /**\n * Return Shopper ID of customer.\n *\n * @returns {String} Shopper ID\n * @api public\n */\n get shopperId() {\n return this.get('shopperId') || this.cookies.shopperId;\n }\n\n /**\n * Return logged in status of user.\n *\n * @returns {Boolean} Logged in or not\n * @api public\n */\n get loggedIn() {\n return !!~status.indexOf(this.get('status')) || !!this.get('loginName');\n }\n\n /**\n * Return VIP details if available.\n *\n * @returns {Object} VIP data.\n * @api public\n */\n get vip() {\n return this.get('vip');\n }\n\n /**\n * Return number of items in cart.\n *\n * @returns {Number} Number of items in cart.\n * @api public\n */\n get cart() {\n return this.get('cartTotal');\n }\n}\n", "\"use strict\";\n\nvar _react = _interopRequireWildcard(require(\"react\"));\n\nvar _svgosm = require(\"./svgosm.js\");\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _getRequireWildcardCache() { if (typeof WeakMap !== \"function\") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== \"object\" && typeof obj !== \"function\") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nfunction _extends() { _extends = Object.assign || 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); }\n\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; }\n\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; }\n\n/**\n * Generates our dedicated Icon component.\n *\n * @param {String} displayName Name of the Icon.\n * @returns {React.Component} The React Component.\n * @public\n */\nmodule.exports = function create(displayName) {\n /**\n * The base component that renders the Icon.\n *\n * @constructor\n * @param {Object} props All the props\n * @param {Number} props.width Width of the icon.\n * @param {Number} props.height Height of the icon.\n * @param {String} props.title A11y title of the icon.\n * @param {String} props.desc A11y description of the icon.\n * @param {String} props.role A11y role for the icon.\n * @param {Object} props.props The rest of the props that are spread on the