\n * }\n */\n\nexport function useReduxContext() {\n var contextValue = useContext(ReactReduxContext);\n\n if (process.env.NODE_ENV !== 'production' && !contextValue) {\n throw new Error('could not find react-redux context value; please ensure the component is wrapped in a ');\n }\n\n return contextValue;\n}","import { useContext } from 'react';\nimport { ReactReduxContext } from '../components/Context';\nimport { useReduxContext as useDefaultReduxContext } from './useReduxContext';\n/**\n * Hook factory, which creates a `useStore` hook bound to a given context.\n *\n * @param {React.Context} [context=ReactReduxContext] Context passed to your ``.\n * @returns {Function} A `useStore` hook bound to the specified context.\n */\n\nexport function createStoreHook(context) {\n if (context === void 0) {\n context = ReactReduxContext;\n }\n\n var useReduxContext = context === ReactReduxContext ? useDefaultReduxContext : function () {\n return useContext(context);\n };\n return function useStore() {\n var _useReduxContext = useReduxContext(),\n store = _useReduxContext.store;\n\n return store;\n };\n}\n/**\n * A hook to access the redux store.\n *\n * @returns {any} the redux store\n *\n * @example\n *\n * import React from 'react'\n * import { useStore } from 'react-redux'\n *\n * export const ExampleComponent = () => {\n * const store = useStore()\n * return
{store.getState()}
\n * }\n */\n\nexport var useStore = /*#__PURE__*/createStoreHook();","import { ReactReduxContext } from '../components/Context';\nimport { useStore as useDefaultStore, createStoreHook } from './useStore';\n/**\n * Hook factory, which creates a `useDispatch` hook bound to a given context.\n *\n * @param {React.Context} [context=ReactReduxContext] Context passed to your ``.\n * @returns {Function} A `useDispatch` hook bound to the specified context.\n */\n\nexport function createDispatchHook(context) {\n if (context === void 0) {\n context = ReactReduxContext;\n }\n\n var useStore = context === ReactReduxContext ? useDefaultStore : createStoreHook(context);\n return function useDispatch() {\n var store = useStore();\n return store.dispatch;\n };\n}\n/**\n * A hook to access the redux `dispatch` function.\n *\n * @returns {any|function} redux store's `dispatch` function\n *\n * @example\n *\n * import React, { useCallback } from 'react'\n * import { useDispatch } from 'react-redux'\n *\n * export const CounterComponent = ({ value }) => {\n * const dispatch = useDispatch()\n * const increaseCounter = useCallback(() => dispatch({ type: 'increase-counter' }), [])\n * return (\n *
\n * {value}\n * \n *
\n * )\n * }\n */\n\nexport var useDispatch = /*#__PURE__*/createDispatchHook();","import { useReducer, useRef, useMemo, useContext, useDebugValue } from 'react';\nimport { useReduxContext as useDefaultReduxContext } from './useReduxContext';\nimport { createSubscription } from '../utils/Subscription';\nimport { useIsomorphicLayoutEffect } from '../utils/useIsomorphicLayoutEffect';\nimport { ReactReduxContext } from '../components/Context';\n\nvar refEquality = function refEquality(a, b) {\n return a === b;\n};\n\nfunction useSelectorWithStoreAndSubscription(selector, equalityFn, store, contextSub) {\n var _useReducer = useReducer(function (s) {\n return s + 1;\n }, 0),\n forceRender = _useReducer[1];\n\n var subscription = useMemo(function () {\n return createSubscription(store, contextSub);\n }, [store, contextSub]);\n var latestSubscriptionCallbackError = useRef();\n var latestSelector = useRef();\n var latestStoreState = useRef();\n var latestSelectedState = useRef();\n var storeState = store.getState();\n var selectedState;\n\n try {\n if (selector !== latestSelector.current || storeState !== latestStoreState.current || latestSubscriptionCallbackError.current) {\n var newSelectedState = selector(storeState); // ensure latest selected state is reused so that a custom equality function can result in identical references\n\n if (latestSelectedState.current === undefined || !equalityFn(newSelectedState, latestSelectedState.current)) {\n selectedState = newSelectedState;\n } else {\n selectedState = latestSelectedState.current;\n }\n } else {\n selectedState = latestSelectedState.current;\n }\n } catch (err) {\n if (latestSubscriptionCallbackError.current) {\n err.message += \"\\nThe error may be correlated with this previous error:\\n\" + latestSubscriptionCallbackError.current.stack + \"\\n\\n\";\n }\n\n throw err;\n }\n\n useIsomorphicLayoutEffect(function () {\n latestSelector.current = selector;\n latestStoreState.current = storeState;\n latestSelectedState.current = selectedState;\n latestSubscriptionCallbackError.current = undefined;\n });\n useIsomorphicLayoutEffect(function () {\n function checkForUpdates() {\n try {\n var newStoreState = store.getState(); // Avoid calling selector multiple times if the store's state has not changed\n\n if (newStoreState === latestStoreState.current) {\n return;\n }\n\n var _newSelectedState = latestSelector.current(newStoreState);\n\n if (equalityFn(_newSelectedState, latestSelectedState.current)) {\n return;\n }\n\n latestSelectedState.current = _newSelectedState;\n latestStoreState.current = newStoreState;\n } catch (err) {\n // we ignore all errors here, since when the component\n // is re-rendered, the selectors are called again, and\n // will throw again, if neither props nor store state\n // changed\n latestSubscriptionCallbackError.current = err;\n }\n\n forceRender();\n }\n\n subscription.onStateChange = checkForUpdates;\n subscription.trySubscribe();\n checkForUpdates();\n return function () {\n return subscription.tryUnsubscribe();\n };\n }, [store, subscription]);\n return selectedState;\n}\n/**\n * Hook factory, which creates a `useSelector` hook bound to a given context.\n *\n * @param {React.Context} [context=ReactReduxContext] Context passed to your ``.\n * @returns {Function} A `useSelector` hook bound to the specified context.\n */\n\n\nexport function createSelectorHook(context) {\n if (context === void 0) {\n context = ReactReduxContext;\n }\n\n var useReduxContext = context === ReactReduxContext ? useDefaultReduxContext : function () {\n return useContext(context);\n };\n return function useSelector(selector, equalityFn) {\n if (equalityFn === void 0) {\n equalityFn = refEquality;\n }\n\n if (process.env.NODE_ENV !== 'production') {\n if (!selector) {\n throw new Error(\"You must pass a selector to useSelector\");\n }\n\n if (typeof selector !== 'function') {\n throw new Error(\"You must pass a function as a selector to useSelector\");\n }\n\n if (typeof equalityFn !== 'function') {\n throw new Error(\"You must pass a function as an equality function to useSelector\");\n }\n }\n\n var _useReduxContext = useReduxContext(),\n store = _useReduxContext.store,\n contextSub = _useReduxContext.subscription;\n\n var selectedState = useSelectorWithStoreAndSubscription(selector, equalityFn, store, contextSub);\n useDebugValue(selectedState);\n return selectedState;\n };\n}\n/**\n * A hook to access the redux store's state. This hook takes a selector function\n * as an argument. The selector is called with the store state.\n *\n * This hook takes an optional equality comparison function as the second parameter\n * that allows you to customize the way the selected state is compared to determine\n * whether the component needs to be re-rendered.\n *\n * @param {Function} selector the selector function\n * @param {Function=} equalityFn the function that will be used to determine equality\n *\n * @returns {any} the selected state\n *\n * @example\n *\n * import React from 'react'\n * import { useSelector } from 'react-redux'\n *\n * export const CounterComponent = () => {\n * const counter = useSelector(state => state.counter)\n * return
{counter}
\n * }\n */\n\nexport var useSelector = /*#__PURE__*/createSelectorHook();","export * from './exports';\nimport { unstable_batchedUpdates as batch } from './utils/reactBatchedUpdates';\nimport { setBatch } from './utils/batch'; // Enable batched updates in our subscriptions for use\n// with standard React renderers (ReactDOM, React Native)\n\nsetBatch(batch);\nexport { batch };","export default function _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}","import PropTypes from 'prop-types';\n\nexport const FAQ_ARTICLE = {\n articleContent: PropTypes.string,\n articleId: PropTypes.string,\n articleTitle: PropTypes.string,\n topicId: PropTypes.string,\n breadCrumbPath: PropTypes.string,\n breadCrumbTitle: PropTypes.string,\n};\n\nexport const FAQ_ACTIVE_ARTICLE_CONTENT = {\n upfront_header: PropTypes.string,\n related_header: PropTypes.string,\n};\n\nexport const FAQ_RELATED_ARTICLE = {\n articleId: PropTypes.string,\n articleTitle: PropTypes.string,\n excerpt: PropTypes.string,\n rank: PropTypes.number,\n};\n\nexport const RELATED_ARTICLES = {\n articleId: PropTypes.string,\n articleTitle: PropTypes.string,\n topicId: PropTypes.string,\n topicName: PropTypes.string,\n};\n\n// Filtered Customer Service hour\nexport const CUSTOMER_HOURS = {\n amPerCall: PropTypes.string,\n amTime1: PropTypes.string,\n amTime2: PropTypes.string,\n generalTime1: PropTypes.string,\n generalTime2: PropTypes.string,\n hoursOfService: PropTypes.string,\n};\n\n// Data shape of phone data filtered by `dataParser`\nexport const CALL_US_CONTACT_INFO = {\n amFlag: PropTypes.string,\n amPhone: PropTypes.string,\n customerHour: PropTypes.shape(CUSTOMER_HOURS),\n generalMTS: PropTypes.string,\n generalPhoneNumber: PropTypes.string,\n header: PropTypes.string,\n mobileHeader: PropTypes.string,\n logoutInst: PropTypes.string,\n mobileLogoutInst: PropTypes.string,\n mtsPhone: PropTypes.string,\n phoneNumber: PropTypes.arrayOf(PropTypes.string),\n specialInstruction: PropTypes.string,\n webPin: PropTypes.string,\n};\n\nexport const CALL_US_PHONE_INFO = {\n isphonePresent: PropTypes.bool,\n phoneNumber: PropTypes.arrayOf(PropTypes.string),\n isInstructionPresent: PropTypes.bool,\n specialInstruction: PropTypes.string,\n showServiceHourHeader: PropTypes.bool,\n hoursOfService: PropTypes.string,\n webPin: PropTypes.string,\n};\n\nexport const CALL_US = {\n contactInfo: PropTypes.shape(CALL_US_PHONE_INFO),\n};\n\nexport const SELECT_RESULT = {\n topicId: PropTypes.string,\n topicName: PropTypes.string,\n};\n\nexport const WEBFORM_FIELDS_DETAILS = {\n character_limit: PropTypes.string,\n default_text: PropTypes.string,\n type: PropTypes.string,\n required: PropTypes.bool,\n};\n\nexport const WEBFORM_OTHER_FIELD_DETAILS = {\n topicId: PropTypes.string,\n kanaCode: PropTypes.string,\n topicName: PropTypes.string,\n subTopicName: PropTypes.string,\n pageflow: PropTypes.string,\n};\n\nexport const WEBFORM_ERRORS = {\n required: PropTypes.string,\n limit: PropTypes.string,\n};\n\nexport const SELECT_BOX_OPTIONS = {\n label: PropTypes.string,\n value: PropTypes.string,\n};\n\nexport const NOTIFIER_DETAILS_LINK_ITEM = {\n label: PropTypes.string,\n href: PropTypes.string,\n type: PropTypes.func,\n};\n\nexport const NOTIFIER_DETAILS = {\n title: PropTypes.string,\n description: PropTypes.string,\n iconClass: PropTypes.string,\n};\n\nexport const ALERT = {\n messageType: PropTypes.string,\n message: PropTypes.string,\n};\n\nexport const TAB = {\n key: PropTypes.string,\n label: PropTypes.string,\n priority: PropTypes.number,\n href: PropTypes.string,\n};\n\nexport const TOPICTREE_SEGMENT = {\n hide_topic: PropTypes.bool,\n leaf_node: PropTypes.bool,\n ref_id: PropTypes.string,\n topic_id: PropTypes.string,\n topic_name: PropTypes.string,\n};\n\nexport const TOPICTREE_SELECTION = { ...TOPICTREE_SEGMENT, sub_topics: PropTypes.array };\n\nexport const TOPICTREE_RESULT = { ...TOPICTREE_SEGMENT, web_form_id: PropTypes.string };\n\nexport const TOPICTREE = {\n display: PropTypes.bool,\n error: PropTypes.bool,\n isLoading: PropTypes.bool,\n topicTreeSelection: PropTypes.shape(TOPICTREE_SELECTION),\n topicTreeSelectionL1: PropTypes.shape(TOPICTREE_SELECTION),\n topicTreeSelectionL2: PropTypes.oneOfType([PropTypes.shape(TOPICTREE_RESULT), PropTypes.shape(TOPICTREE_SELECTION)]),\n topicTreeSelectionL3: PropTypes.shape(TOPICTREE_RESULT),\n};\n\nexport const TOPICLAYERS = {\n layer1: PropTypes.string,\n layer2: PropTypes.string,\n layer3: PropTypes.string,\n};\n\nexport const TOPICSELECT = {\n layer: PropTypes.number,\n subTopics: PropTypes.array,\n topics: PropTypes.shape(TOPICLAYERS),\n};\n\nexport const QUICKANSWERS = {\n layer1: PropTypes.array,\n layer2: PropTypes.array,\n};\n\nexport const QUICKANSWERS_SELECTED = {\n layer1: PropTypes.string,\n layer2: PropTypes.string,\n};\n\nexport const TOP_REASON_TOPICS = {\n articleId: PropTypes.string,\n articleTitle: PropTypes.string,\n breadCrumbPath: PropTypes.string,\n breadCrumbTitle: PropTypes.string,\n channel: PropTypes.string,\n excerpt: PropTypes.string,\n rank: PropTypes.number,\n topicId: PropTypes.string,\n topicName: PropTypes.string,\n usage: PropTypes.number,\n};\n\nexport const ERROR_MESSAGE = {\n message: PropTypes.string,\n tryAgain: PropTypes.string,\n};\n\nexport const REF_SELECT_RESULT = {\n topicId: PropTypes.string,\n topicName: PropTypes.string,\n topicRefId: PropTypes.string,\n};\n\nexport const TOPIC_TREE_SELECT_RESULT = {\n topicTreeSelectResult: PropTypes.shape(REF_SELECT_RESULT),\n topicsDisplay: PropTypes.bool,\n};\n\nexport const SUB_TOPIC = {\n hide_topic: PropTypes.bool,\n leaf_node: PropTypes.bool,\n ref_id: PropTypes.string,\n topic_id: PropTypes.string,\n topic_name: PropTypes.string,\n web_form_id: PropTypes.string,\n};\n\nexport const CONTACT_OPTION = {\n type: PropTypes.string,\n priority: PropTypes.string,\n};\n\nexport const CRAWL_INTENT_SEARCH_TOPIC = {\n hide_topic: PropTypes.bool,\n leaf_node: PropTypes.bool,\n parents: PropTypes.arrayOf(PropTypes.string),\n ref_id: PropTypes.string,\n topic_id: PropTypes.string,\n topic_name: PropTypes.string,\n web_form_id: PropTypes.string,\n};\n\nexport const TOOLTIP_CONTENT_POSITION = {\n x: PropTypes.number,\n y: PropTypes.number,\n};\n\nexport const TAB_CONTENT = {\n label: PropTypes.string,\n logo: PropTypes.string,\n content: PropTypes.element,\n priority: PropTypes.number,\n onClick: PropTypes.func,\n};\n\nexport const LEXA_STATE = {\n loaded: PropTypes.bool,\n available: PropTypes.bool,\n waitTime: PropTypes.string,\n};\n\nexport const AVAILABLE_DECISION = {\n availability_decision: PropTypes.string,\n name: PropTypes.string,\n rank: PropTypes.number,\n};\n\nexport const DISPUTE_CASE = {\n create_time: PropTypes.string,\n dispute_amount: PropTypes.shape({\n currency_code: PropTypes.string,\n value: PropTypes.string,\n }),\n dispute_channel: PropTypes.string,\n dispute_flow: PropTypes.string,\n dispute_id: PropTypes.string,\n dispute_life_cycle_stage: PropTypes.string,\n dispute_state: PropTypes.string,\n};\n\nexport const CALLUS_ELMO_TREATMENTS = {\n callUsElmoTreatments: PropTypes.string,\n};\n","export default {\n HOME: 'home',\n ARTICLE: 'article',\n TOPIC: 'topic',\n SEARCH: 'search',\n ICF: 'ICF',\n PAYPALGUIDE: 'PAYPAL_HELP_GUIDE',\n COMPLAINTS: 'complaints',\n HOME_V2: 'homeV2',\n};\n","'use strict';\n\nconst parser = require('./lib/parser');\nconst processingInstructions = require('./lib/processing-instructions');\nconst isValidNodeDefinitions = require('./lib/is-valid-node-definitions');\nconst processNodeDefinitions = require('./lib/process-node-definitions');\n\nmodule.exports = {\n Parser: parser,\n ProcessingInstructions: processingInstructions,\n IsValidNodeDefinitions: isValidNodeDefinitions,\n ProcessNodeDefinitions: processNodeDefinitions,\n};\n","import api from \"!../../../../../style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import content from \"!!../../../../../css-loader/dist/cjs.js??ref--7-1!./text.css\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import '../__generated__/styles/text.css';\nimport _defineProperty from '@babel/runtime/helpers/esm/defineProperty';\nimport _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';\nimport React from 'react';\nimport clsx from 'clsx';\nimport _extends from '@babel/runtime/helpers/esm/extends';\nimport { useTheme } from '@paypalcorp/pp-react-theme';\nimport { Shimmer } from '@paypalcorp/pp-react-utils';\n\nvar styles = {\"ppvx_text--xl8\":\"ppvx_text--xl8___5-7-8\",\"ppvx_text--xl7\":\"ppvx_text--xl7___5-7-8\",\"ppvx_text--xl6\":\"ppvx_text--xl6___5-7-8\",\"ppvx_text--xl5\":\"ppvx_text--xl5___5-7-8\",\"ppvx_text--xl4\":\"ppvx_text--xl4___5-7-8\",\"ppvx_text--xl3\":\"ppvx_text--xl3___5-7-8\",\"ppvx_text--xl2\":\"ppvx_text--xl2___5-7-8\",\"ppvx_text--xl\":\"ppvx_text--xl___5-7-8\",\"ppvx_text--lg\":\"ppvx_text--lg___5-7-8\",\"ppvx_text--md\":\"ppvx_text--md___5-7-8\",\"ppvx_text--sm\":\"ppvx_text--sm___5-7-8\",\"ppvx_text--xs\":\"ppvx_text--xs___5-7-8\",\"ppvx_text--regular\":\"ppvx_text--regular___5-7-8\",\"ppvx_text--medium\":\"ppvx_text--medium___5-7-8\",\"ppvx_text--caption\":\"ppvx_text--caption___5-7-8\",\"ppvx_text--caption-strong\":\"ppvx_text--caption-strong___5-7-8\",\"ppvx_text--body\":\"ppvx_text--body___5-7-8\",\"ppvx_text--body-strong\":\"ppvx_text--body-strong___5-7-8\",\"ppvx_text--heading-xs\":\"ppvx_text--heading-xs___5-7-8\",\"ppvx_text--heading-sm\":\"ppvx_text--heading-sm___5-7-8\",\"ppvx_text--heading-md\":\"ppvx_text--heading-md___5-7-8\",\"ppvx_text--heading-lg\":\"ppvx_text--heading-lg___5-7-8\",\"ppvx_text--hero\":\"ppvx_text--hero___5-7-8\",\"ppvx_text--beta-title\":\"ppvx_text--beta-title___5-7-8\",\"ppvx_text--beta-heading-xs\":\"ppvx_text--beta-heading-xs___5-7-8\",\"ppvx_text--beta-heading-sm\":\"ppvx_text--beta-heading-sm___5-7-8\",\"ppvx_text--beta-heading-md\":\"ppvx_text--beta-heading-md___5-7-8\",\"ppvx_text--beta-heading-lg\":\"ppvx_text--beta-heading-lg___5-7-8\",\"ppvx_text--beta-display-lg\":\"ppvx_text--beta-display-lg___5-7-8\",\"ppvx_text--shimmer\":\"ppvx_text--shimmer___5-7-8\",\"ppvx--v2\":\"ppvx--v2___5-7-8\",\"ppvx--v1\":\"ppvx--v1___5-7-8\"};\n\nvar _excluded = [\"as\", \"size\", \"regular\", \"medium\", \"className\"];\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction Text(_ref) {\n var _clsx;\n\n var _ref$as = _ref.as,\n as = _ref$as === void 0 ? 'p' : _ref$as,\n _ref$size = _ref.size,\n size = _ref$size === void 0 ? 'md' : _ref$size,\n regular = _ref.regular,\n medium = _ref.medium,\n className = _ref.className,\n rest = _objectWithoutProperties(_ref, _excluded);\n\n return React.createElement(as, _objectSpread({\n className: clsx(styles[\"ppvx_text--\".concat(size)], (_clsx = {}, _defineProperty(_clsx, styles['ppvx_text--regular'], regular), _defineProperty(_clsx, styles['ppvx_text--medium'], medium), _clsx), className)\n }, rest));\n}\n\nvar _excluded$1 = [\"level\", \"as\", \"size\", \"className\", \"theme\", \"isLoading\", \"isInverse\", \"children\"];\n\nvar chooseSize = function (level, isV2, size) {\n if (size) {\n return size;\n }\n\n if (isV2) {\n // v2 mapping 'lg' and 'sm'\n switch (level) {\n case 1:\n return 'lg';\n\n case 2:\n return 'sm';\n\n /* istanbul ignore next */\n\n default:\n return 'lg';\n }\n } // v1 mapping\n\n\n switch (level) {\n case 1:\n return 'lg';\n\n case 2:\n return 'md';\n\n case 3:\n return 'sm';\n\n /* istanbul ignore next */\n\n default:\n return 'md';\n }\n};\n\nvar HeadingText = function (_ref) {\n var _clsx;\n\n var level = _ref.level,\n _ref$as = _ref.as,\n as = _ref$as === void 0 ? level ? \"h\".concat(level) : 'div' : _ref$as,\n size = _ref.size,\n className = _ref.className,\n theme = _ref.theme,\n isLoading = _ref.isLoading,\n isInverse = _ref.isInverse,\n children = _ref.children,\n rest = _objectWithoutProperties(_ref, _excluded$1);\n\n // get theme from themeContext, otherwise use theme\n var _theme = useTheme('HeadingText', theme);\n\n var isV2 = _theme && _theme === 'v2';\n var headingSize = chooseSize(level, isV2, size);\n var cls = clsx((_clsx = {}, _defineProperty(_clsx, styles[\"ppvx_text--heading-\".concat(headingSize)], headingSize !== 'hero'), _defineProperty(_clsx, styles['ppvx_text--hero'], headingSize === 'hero'), _clsx), className, isV2 && styles['ppvx--v2'], isV2 && isLoading && styles['ppvx_text--shimmer']);\n\n if (isV2 && isLoading) {\n return /*#__PURE__*/React.createElement(Shimmer, {\n className: cls,\n hasStyleDefaults: false,\n isInverse: isInverse\n }, children);\n }\n\n return /*#__PURE__*/React.createElement(as, _extends({\n className: cls\n }, rest), children);\n};\n\nvar _excluded$2 = [\"as\", \"strong\", \"className\", \"theme\", \"isLoading\", \"isInverse\", \"children\"];\n\nvar BodyText = function (_ref) {\n var _clsx;\n\n var _ref$as = _ref.as,\n as = _ref$as === void 0 ? 'div' : _ref$as,\n strong = _ref.strong,\n className = _ref.className,\n theme = _ref.theme,\n isLoading = _ref.isLoading,\n isInverse = _ref.isInverse,\n children = _ref.children,\n rest = _objectWithoutProperties(_ref, _excluded$2);\n\n // get theme from themeContext, otherwise use theme\n var _theme = useTheme('BodyText', theme);\n\n var isV2 = _theme && _theme === 'v2';\n var cls = clsx((_clsx = {}, _defineProperty(_clsx, styles['ppvx_text--body'], !strong), _defineProperty(_clsx, styles['ppvx_text--body-strong'], strong), _clsx), className, isV2 && styles['ppvx--v2'], isV2 && isLoading && styles['ppvx_text--shimmer']);\n\n if (isV2 && isLoading) {\n return /*#__PURE__*/React.createElement(Shimmer, {\n className: cls,\n hasStyleDefaults: false,\n isInverse: isInverse\n }, children);\n }\n\n return /*#__PURE__*/React.createElement(as, _extends({\n className: cls\n }, rest), children);\n};\n\nvar _excluded$3 = [\"as\", \"strong\", \"className\", \"theme\", \"isLoading\", \"isInverse\", \"children\"];\n\nvar CaptionText = function (_ref) {\n var _clsx;\n\n var _ref$as = _ref.as,\n as = _ref$as === void 0 ? 'div' : _ref$as,\n strong = _ref.strong,\n className = _ref.className,\n theme = _ref.theme,\n isLoading = _ref.isLoading,\n isInverse = _ref.isInverse,\n children = _ref.children,\n rest = _objectWithoutProperties(_ref, _excluded$3);\n\n // get theme from themeContext, otherwise use theme\n var _theme = useTheme('CaptionText', theme);\n\n var isV2 = _theme && _theme === 'v2';\n var cls = clsx((_clsx = {}, _defineProperty(_clsx, styles['ppvx_text--caption'], !strong), _defineProperty(_clsx, styles['ppvx_text--caption-strong'], strong), _clsx), className, isV2 && styles['ppvx--v2'], isV2 && isLoading && styles['ppvx_text--shimmer']);\n\n if (isV2 && isLoading) {\n return /*#__PURE__*/React.createElement(Shimmer, {\n className: cls,\n hasStyleDefaults: false,\n isInverse: isInverse\n }, children);\n }\n\n return /*#__PURE__*/React.createElement(as, _extends({\n className: cls\n }, rest), children);\n};\n\nvar _excluded$4 = [\"as\", \"className\", \"theme\"];\n\nfunction ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction BetaTitleText(_ref) {\n var _ref$as = _ref.as,\n as = _ref$as === void 0 ? 'div' : _ref$as,\n className = _ref.className,\n theme = _ref.theme,\n rest = _objectWithoutProperties(_ref, _excluded$4);\n\n // get theme from themeContext, otherwise use theme\n var _theme = useTheme('BetaTitleText', theme);\n\n return React.createElement(as, _objectSpread$1({\n className: clsx(styles['ppvx_text--beta-title'], className, _theme && _theme === 'v2' && styles['ppvx--v2'])\n }, rest));\n}\n\nvar _excluded$5 = [\"as\", \"size\", \"className\", \"theme\"];\n\nfunction ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction BetaHeadingText(_ref) {\n var _ref$as = _ref.as,\n as = _ref$as === void 0 ? 'div' : _ref$as,\n size = _ref.size,\n className = _ref.className,\n theme = _ref.theme,\n rest = _objectWithoutProperties(_ref, _excluded$5);\n\n // get theme from themeContext, otherwise use theme\n var _theme = useTheme('BetaHeadingText', theme);\n\n return React.createElement(as, _objectSpread$2({\n className: clsx(styles[\"ppvx_text--beta-heading-\".concat(size)], className, _theme && _theme === 'v2' && styles['ppvx--v2'])\n }, rest));\n}\n\nvar _excluded$6 = [\"as\", \"size\", \"className\", \"theme\"];\n\nfunction ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction BetaDisplayText(_ref) {\n var _ref$as = _ref.as,\n as = _ref$as === void 0 ? 'div' : _ref$as,\n size = _ref.size,\n className = _ref.className,\n theme = _ref.theme,\n rest = _objectWithoutProperties(_ref, _excluded$6);\n\n // get theme from themeContext, otherwise use theme\n var _theme = useTheme('BetaDisplayText', theme);\n\n return React.createElement(as, _objectSpread$3({\n className: clsx(styles[\"ppvx_text--beta-display-\".concat(size)], className, _theme && _theme === 'v2' && styles['ppvx--v2'])\n }, rest));\n}\n\nexport { BetaDisplayText, BetaHeadingText, BetaTitleText, BodyText, CaptionText, HeadingText, Text };\n","import defineProperty from \"./defineProperty.js\";\n\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n enumerableOnly && (symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n })), keys.push.apply(keys, symbols);\n }\n\n return keys;\n}\n\nexport default function _objectSpread2(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = null != arguments[i] ? arguments[i] : {};\n i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {\n defineProperty(target, key, source[key]);\n }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n\n return target;\n}","import _objectSpread from '@babel/runtime/helpers/esm/objectSpread2';\n\n/**\n * Adapted from React: https://github.com/facebook/react/blob/master/packages/shared/formatProdErrorMessage.js\n *\n * Do not require this module directly! Use normal throw error calls. These messages will be replaced with error codes\n * during build.\n * @param {number} code\n */\nfunction formatProdErrorMessage(code) {\n return \"Minified Redux error #\" + code + \"; visit https://redux.js.org/Errors?code=\" + code + \" for the full message or \" + 'use the non-minified dev environment for full errors. ';\n}\n\n// Inlined version of the `symbol-observable` polyfill\nvar $$observable = (function () {\n return typeof Symbol === 'function' && Symbol.observable || '@@observable';\n})();\n\n/**\n * These are private action types reserved by Redux.\n * For any unknown actions, you must return the current state.\n * If the current state is undefined, you must return the initial state.\n * Do not reference these action types directly in your code.\n */\nvar randomString = function randomString() {\n return Math.random().toString(36).substring(7).split('').join('.');\n};\n\nvar ActionTypes = {\n INIT: \"@@redux/INIT\" + randomString(),\n REPLACE: \"@@redux/REPLACE\" + randomString(),\n PROBE_UNKNOWN_ACTION: function PROBE_UNKNOWN_ACTION() {\n return \"@@redux/PROBE_UNKNOWN_ACTION\" + randomString();\n }\n};\n\n/**\n * @param {any} obj The object to inspect.\n * @returns {boolean} True if the argument appears to be a plain object.\n */\nfunction isPlainObject(obj) {\n if (typeof obj !== 'object' || obj === null) return false;\n var proto = obj;\n\n while (Object.getPrototypeOf(proto) !== null) {\n proto = Object.getPrototypeOf(proto);\n }\n\n return Object.getPrototypeOf(obj) === proto;\n}\n\n// Inlined / shortened version of `kindOf` from https://github.com/jonschlinkert/kind-of\nfunction miniKindOf(val) {\n if (val === void 0) return 'undefined';\n if (val === null) return 'null';\n var type = typeof val;\n\n switch (type) {\n case 'boolean':\n case 'string':\n case 'number':\n case 'symbol':\n case 'function':\n {\n return type;\n }\n }\n\n if (Array.isArray(val)) return 'array';\n if (isDate(val)) return 'date';\n if (isError(val)) return 'error';\n var constructorName = ctorName(val);\n\n switch (constructorName) {\n case 'Symbol':\n case 'Promise':\n case 'WeakMap':\n case 'WeakSet':\n case 'Map':\n case 'Set':\n return constructorName;\n } // other\n\n\n return type.slice(8, -1).toLowerCase().replace(/\\s/g, '');\n}\n\nfunction ctorName(val) {\n return typeof val.constructor === 'function' ? val.constructor.name : null;\n}\n\nfunction isError(val) {\n return val instanceof Error || typeof val.message === 'string' && val.constructor && typeof val.constructor.stackTraceLimit === 'number';\n}\n\nfunction isDate(val) {\n if (val instanceof Date) return true;\n return typeof val.toDateString === 'function' && typeof val.getDate === 'function' && typeof val.setDate === 'function';\n}\n\nfunction kindOf(val) {\n var typeOfVal = typeof val;\n\n if (process.env.NODE_ENV !== 'production') {\n typeOfVal = miniKindOf(val);\n }\n\n return typeOfVal;\n}\n\n/**\n * Creates a Redux store that holds the state tree.\n * The only way to change the data in the store is to call `dispatch()` on it.\n *\n * There should only be a single store in your app. To specify how different\n * parts of the state tree respond to actions, you may combine several reducers\n * into a single reducer function by using `combineReducers`.\n *\n * @param {Function} reducer A function that returns the next state tree, given\n * the current state tree and the action to handle.\n *\n * @param {any} [preloadedState] The initial state. You may optionally specify it\n * to hydrate the state from the server in universal apps, or to restore a\n * previously serialized user session.\n * If you use `combineReducers` to produce the root reducer function, this must be\n * an object with the same shape as `combineReducers` keys.\n *\n * @param {Function} [enhancer] The store enhancer. You may optionally specify it\n * to enhance the store with third-party capabilities such as middleware,\n * time travel, persistence, etc. The only store enhancer that ships with Redux\n * is `applyMiddleware()`.\n *\n * @returns {Store} A Redux store that lets you read the state, dispatch actions\n * and subscribe to changes.\n */\n\nfunction createStore(reducer, preloadedState, enhancer) {\n var _ref2;\n\n if (typeof preloadedState === 'function' && typeof enhancer === 'function' || typeof enhancer === 'function' && typeof arguments[3] === 'function') {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(0) : 'It looks like you are passing several store enhancers to ' + 'createStore(). This is not supported. Instead, compose them ' + 'together to a single function. See https://redux.js.org/tutorials/fundamentals/part-4-store#creating-a-store-with-enhancers for an example.');\n }\n\n if (typeof preloadedState === 'function' && typeof enhancer === 'undefined') {\n enhancer = preloadedState;\n preloadedState = undefined;\n }\n\n if (typeof enhancer !== 'undefined') {\n if (typeof enhancer !== 'function') {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(1) : \"Expected the enhancer to be a function. Instead, received: '\" + kindOf(enhancer) + \"'\");\n }\n\n return enhancer(createStore)(reducer, preloadedState);\n }\n\n if (typeof reducer !== 'function') {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(2) : \"Expected the root reducer to be a function. Instead, received: '\" + kindOf(reducer) + \"'\");\n }\n\n var currentReducer = reducer;\n var currentState = preloadedState;\n var currentListeners = [];\n var nextListeners = currentListeners;\n var isDispatching = false;\n /**\n * This makes a shallow copy of currentListeners so we can use\n * nextListeners as a temporary list while dispatching.\n *\n * This prevents any bugs around consumers calling\n * subscribe/unsubscribe in the middle of a dispatch.\n */\n\n function ensureCanMutateNextListeners() {\n if (nextListeners === currentListeners) {\n nextListeners = currentListeners.slice();\n }\n }\n /**\n * Reads the state tree managed by the store.\n *\n * @returns {any} The current state tree of your application.\n */\n\n\n function getState() {\n if (isDispatching) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(3) : 'You may not call store.getState() while the reducer is executing. ' + 'The reducer has already received the state as an argument. ' + 'Pass it down from the top reducer instead of reading it from the store.');\n }\n\n return currentState;\n }\n /**\n * Adds a change listener. It will be called any time an action is dispatched,\n * and some part of the state tree may potentially have changed. You may then\n * call `getState()` to read the current state tree inside the callback.\n *\n * You may call `dispatch()` from a change listener, with the following\n * caveats:\n *\n * 1. The subscriptions are snapshotted just before every `dispatch()` call.\n * If you subscribe or unsubscribe while the listeners are being invoked, this\n * will not have any effect on the `dispatch()` that is currently in progress.\n * However, the next `dispatch()` call, whether nested or not, will use a more\n * recent snapshot of the subscription list.\n *\n * 2. The listener should not expect to see all state changes, as the state\n * might have been updated multiple times during a nested `dispatch()` before\n * the listener is called. It is, however, guaranteed that all subscribers\n * registered before the `dispatch()` started will be called with the latest\n * state by the time it exits.\n *\n * @param {Function} listener A callback to be invoked on every dispatch.\n * @returns {Function} A function to remove this change listener.\n */\n\n\n function subscribe(listener) {\n if (typeof listener !== 'function') {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(4) : \"Expected the listener to be a function. Instead, received: '\" + kindOf(listener) + \"'\");\n }\n\n if (isDispatching) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(5) : 'You may not call store.subscribe() while the reducer is executing. ' + 'If you would like to be notified after the store has been updated, subscribe from a ' + 'component and invoke store.getState() in the callback to access the latest state. ' + 'See https://redux.js.org/api/store#subscribelistener for more details.');\n }\n\n var isSubscribed = true;\n ensureCanMutateNextListeners();\n nextListeners.push(listener);\n return function unsubscribe() {\n if (!isSubscribed) {\n return;\n }\n\n if (isDispatching) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(6) : 'You may not unsubscribe from a store listener while the reducer is executing. ' + 'See https://redux.js.org/api/store#subscribelistener for more details.');\n }\n\n isSubscribed = false;\n ensureCanMutateNextListeners();\n var index = nextListeners.indexOf(listener);\n nextListeners.splice(index, 1);\n currentListeners = null;\n };\n }\n /**\n * Dispatches an action. It is the only way to trigger a state change.\n *\n * The `reducer` function, used to create the store, will be called with the\n * current state tree and the given `action`. Its return value will\n * be considered the **next** state of the tree, and the change listeners\n * will be notified.\n *\n * The base implementation only supports plain object actions. If you want to\n * dispatch a Promise, an Observable, a thunk, or something else, you need to\n * wrap your store creating function into the corresponding middleware. For\n * example, see the documentation for the `redux-thunk` package. Even the\n * middleware will eventually dispatch plain object actions using this method.\n *\n * @param {Object} action A plain object representing “what changed”. It is\n * a good idea to keep actions serializable so you can record and replay user\n * sessions, or use the time travelling `redux-devtools`. An action must have\n * a `type` property which may not be `undefined`. It is a good idea to use\n * string constants for action types.\n *\n * @returns {Object} For convenience, the same action object you dispatched.\n *\n * Note that, if you use a custom middleware, it may wrap `dispatch()` to\n * return something else (for example, a Promise you can await).\n */\n\n\n function dispatch(action) {\n if (!isPlainObject(action)) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(7) : \"Actions must be plain objects. Instead, the actual type was: '\" + kindOf(action) + \"'. You may need to add middleware to your store setup to handle dispatching other values, such as 'redux-thunk' to handle dispatching functions. See https://redux.js.org/tutorials/fundamentals/part-4-store#middleware and https://redux.js.org/tutorials/fundamentals/part-6-async-logic#using-the-redux-thunk-middleware for examples.\");\n }\n\n if (typeof action.type === 'undefined') {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(8) : 'Actions may not have an undefined \"type\" property. You may have misspelled an action type string constant.');\n }\n\n if (isDispatching) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(9) : 'Reducers may not dispatch actions.');\n }\n\n try {\n isDispatching = true;\n currentState = currentReducer(currentState, action);\n } finally {\n isDispatching = false;\n }\n\n var listeners = currentListeners = nextListeners;\n\n for (var i = 0; i < listeners.length; i++) {\n var listener = listeners[i];\n listener();\n }\n\n return action;\n }\n /**\n * Replaces the reducer currently used by the store to calculate the state.\n *\n * You might need this if your app implements code splitting and you want to\n * load some of the reducers dynamically. You might also need this if you\n * implement a hot reloading mechanism for Redux.\n *\n * @param {Function} nextReducer The reducer for the store to use instead.\n * @returns {void}\n */\n\n\n function replaceReducer(nextReducer) {\n if (typeof nextReducer !== 'function') {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(10) : \"Expected the nextReducer to be a function. Instead, received: '\" + kindOf(nextReducer));\n }\n\n currentReducer = nextReducer; // This action has a similiar effect to ActionTypes.INIT.\n // Any reducers that existed in both the new and old rootReducer\n // will receive the previous state. This effectively populates\n // the new state tree with any relevant data from the old one.\n\n dispatch({\n type: ActionTypes.REPLACE\n });\n }\n /**\n * Interoperability point for observable/reactive libraries.\n * @returns {observable} A minimal observable of state changes.\n * For more information, see the observable proposal:\n * https://github.com/tc39/proposal-observable\n */\n\n\n function observable() {\n var _ref;\n\n var outerSubscribe = subscribe;\n return _ref = {\n /**\n * The minimal observable subscription method.\n * @param {Object} observer Any object that can be used as an observer.\n * The observer object should have a `next` method.\n * @returns {subscription} An object with an `unsubscribe` method that can\n * be used to unsubscribe the observable from the store, and prevent further\n * emission of values from the observable.\n */\n subscribe: function subscribe(observer) {\n if (typeof observer !== 'object' || observer === null) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(11) : \"Expected the observer to be an object. Instead, received: '\" + kindOf(observer) + \"'\");\n }\n\n function observeState() {\n if (observer.next) {\n observer.next(getState());\n }\n }\n\n observeState();\n var unsubscribe = outerSubscribe(observeState);\n return {\n unsubscribe: unsubscribe\n };\n }\n }, _ref[$$observable] = function () {\n return this;\n }, _ref;\n } // When a store is created, an \"INIT\" action is dispatched so that every\n // reducer returns their initial state. This effectively populates\n // the initial state tree.\n\n\n dispatch({\n type: ActionTypes.INIT\n });\n return _ref2 = {\n dispatch: dispatch,\n subscribe: subscribe,\n getState: getState,\n replaceReducer: replaceReducer\n }, _ref2[$$observable] = observable, _ref2;\n}\n\n/**\n * Prints a warning in the console if it exists.\n *\n * @param {String} message The warning message.\n * @returns {void}\n */\nfunction warning(message) {\n /* eslint-disable no-console */\n if (typeof console !== 'undefined' && typeof console.error === 'function') {\n console.error(message);\n }\n /* eslint-enable no-console */\n\n\n try {\n // This error was thrown as a convenience so that if you enable\n // \"break on all exceptions\" in your console,\n // it would pause the execution at this line.\n throw new Error(message);\n } catch (e) {} // eslint-disable-line no-empty\n\n}\n\nfunction getUnexpectedStateShapeWarningMessage(inputState, reducers, action, unexpectedKeyCache) {\n var reducerKeys = Object.keys(reducers);\n var argumentName = action && action.type === ActionTypes.INIT ? 'preloadedState argument passed to createStore' : 'previous state received by the reducer';\n\n if (reducerKeys.length === 0) {\n return 'Store does not have a valid reducer. Make sure the argument passed ' + 'to combineReducers is an object whose values are reducers.';\n }\n\n if (!isPlainObject(inputState)) {\n return \"The \" + argumentName + \" has unexpected type of \\\"\" + kindOf(inputState) + \"\\\". Expected argument to be an object with the following \" + (\"keys: \\\"\" + reducerKeys.join('\", \"') + \"\\\"\");\n }\n\n var unexpectedKeys = Object.keys(inputState).filter(function (key) {\n return !reducers.hasOwnProperty(key) && !unexpectedKeyCache[key];\n });\n unexpectedKeys.forEach(function (key) {\n unexpectedKeyCache[key] = true;\n });\n if (action && action.type === ActionTypes.REPLACE) return;\n\n if (unexpectedKeys.length > 0) {\n return \"Unexpected \" + (unexpectedKeys.length > 1 ? 'keys' : 'key') + \" \" + (\"\\\"\" + unexpectedKeys.join('\", \"') + \"\\\" found in \" + argumentName + \". \") + \"Expected to find one of the known reducer keys instead: \" + (\"\\\"\" + reducerKeys.join('\", \"') + \"\\\". Unexpected keys will be ignored.\");\n }\n}\n\nfunction assertReducerShape(reducers) {\n Object.keys(reducers).forEach(function (key) {\n var reducer = reducers[key];\n var initialState = reducer(undefined, {\n type: ActionTypes.INIT\n });\n\n if (typeof initialState === 'undefined') {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(12) : \"The slice reducer for key \\\"\" + key + \"\\\" returned undefined during initialization. \" + \"If the state passed to the reducer is undefined, you must \" + \"explicitly return the initial state. The initial state may \" + \"not be undefined. If you don't want to set a value for this reducer, \" + \"you can use null instead of undefined.\");\n }\n\n if (typeof reducer(undefined, {\n type: ActionTypes.PROBE_UNKNOWN_ACTION()\n }) === 'undefined') {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(13) : \"The slice reducer for key \\\"\" + key + \"\\\" returned undefined when probed with a random type. \" + (\"Don't try to handle '\" + ActionTypes.INIT + \"' or other actions in \\\"redux/*\\\" \") + \"namespace. They are considered private. Instead, you must return the \" + \"current state for any unknown actions, unless it is undefined, \" + \"in which case you must return the initial state, regardless of the \" + \"action type. The initial state may not be undefined, but can be null.\");\n }\n });\n}\n/**\n * Turns an object whose values are different reducer functions, into a single\n * reducer function. It will call every child reducer, and gather their results\n * into a single state object, whose keys correspond to the keys of the passed\n * reducer functions.\n *\n * @param {Object} reducers An object whose values correspond to different\n * reducer functions that need to be combined into one. One handy way to obtain\n * it is to use ES6 `import * as reducers` syntax. The reducers may never return\n * undefined for any action. Instead, they should return their initial state\n * if the state passed to them was undefined, and the current state for any\n * unrecognized action.\n *\n * @returns {Function} A reducer function that invokes every reducer inside the\n * passed object, and builds a state object with the same shape.\n */\n\n\nfunction combineReducers(reducers) {\n var reducerKeys = Object.keys(reducers);\n var finalReducers = {};\n\n for (var i = 0; i < reducerKeys.length; i++) {\n var key = reducerKeys[i];\n\n if (process.env.NODE_ENV !== 'production') {\n if (typeof reducers[key] === 'undefined') {\n warning(\"No reducer provided for key \\\"\" + key + \"\\\"\");\n }\n }\n\n if (typeof reducers[key] === 'function') {\n finalReducers[key] = reducers[key];\n }\n }\n\n var finalReducerKeys = Object.keys(finalReducers); // This is used to make sure we don't warn about the same\n // keys multiple times.\n\n var unexpectedKeyCache;\n\n if (process.env.NODE_ENV !== 'production') {\n unexpectedKeyCache = {};\n }\n\n var shapeAssertionError;\n\n try {\n assertReducerShape(finalReducers);\n } catch (e) {\n shapeAssertionError = e;\n }\n\n return function combination(state, action) {\n if (state === void 0) {\n state = {};\n }\n\n if (shapeAssertionError) {\n throw shapeAssertionError;\n }\n\n if (process.env.NODE_ENV !== 'production') {\n var warningMessage = getUnexpectedStateShapeWarningMessage(state, finalReducers, action, unexpectedKeyCache);\n\n if (warningMessage) {\n warning(warningMessage);\n }\n }\n\n var hasChanged = false;\n var nextState = {};\n\n for (var _i = 0; _i < finalReducerKeys.length; _i++) {\n var _key = finalReducerKeys[_i];\n var reducer = finalReducers[_key];\n var previousStateForKey = state[_key];\n var nextStateForKey = reducer(previousStateForKey, action);\n\n if (typeof nextStateForKey === 'undefined') {\n var actionType = action && action.type;\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(14) : \"When called with an action of type \" + (actionType ? \"\\\"\" + String(actionType) + \"\\\"\" : '(unknown type)') + \", the slice reducer for key \\\"\" + _key + \"\\\" returned undefined. \" + \"To ignore an action, you must explicitly return the previous state. \" + \"If you want this reducer to hold no value, you can return null instead of undefined.\");\n }\n\n nextState[_key] = nextStateForKey;\n hasChanged = hasChanged || nextStateForKey !== previousStateForKey;\n }\n\n hasChanged = hasChanged || finalReducerKeys.length !== Object.keys(state).length;\n return hasChanged ? nextState : state;\n };\n}\n\nfunction bindActionCreator(actionCreator, dispatch) {\n return function () {\n return dispatch(actionCreator.apply(this, arguments));\n };\n}\n/**\n * Turns an object whose values are action creators, into an object with the\n * same keys, but with every function wrapped into a `dispatch` call so they\n * may be invoked directly. This is just a convenience method, as you can call\n * `store.dispatch(MyActionCreators.doSomething())` yourself just fine.\n *\n * For convenience, you can also pass an action creator as the first argument,\n * and get a dispatch wrapped function in return.\n *\n * @param {Function|Object} actionCreators An object whose values are action\n * creator functions. One handy way to obtain it is to use ES6 `import * as`\n * syntax. You may also pass a single function.\n *\n * @param {Function} dispatch The `dispatch` function available on your Redux\n * store.\n *\n * @returns {Function|Object} The object mimicking the original object, but with\n * every action creator wrapped into the `dispatch` call. If you passed a\n * function as `actionCreators`, the return value will also be a single\n * function.\n */\n\n\nfunction bindActionCreators(actionCreators, dispatch) {\n if (typeof actionCreators === 'function') {\n return bindActionCreator(actionCreators, dispatch);\n }\n\n if (typeof actionCreators !== 'object' || actionCreators === null) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(16) : \"bindActionCreators expected an object or a function, but instead received: '\" + kindOf(actionCreators) + \"'. \" + \"Did you write \\\"import ActionCreators from\\\" instead of \\\"import * as ActionCreators from\\\"?\");\n }\n\n var boundActionCreators = {};\n\n for (var key in actionCreators) {\n var actionCreator = actionCreators[key];\n\n if (typeof actionCreator === 'function') {\n boundActionCreators[key] = bindActionCreator(actionCreator, dispatch);\n }\n }\n\n return boundActionCreators;\n}\n\n/**\n * Composes single-argument functions from right to left. The rightmost\n * function can take multiple arguments as it provides the signature for\n * the resulting composite function.\n *\n * @param {...Function} funcs The functions to compose.\n * @returns {Function} A function obtained by composing the argument functions\n * from right to left. For example, compose(f, g, h) is identical to doing\n * (...args) => f(g(h(...args))).\n */\nfunction compose() {\n for (var _len = arguments.length, funcs = new Array(_len), _key = 0; _key < _len; _key++) {\n funcs[_key] = arguments[_key];\n }\n\n if (funcs.length === 0) {\n return function (arg) {\n return arg;\n };\n }\n\n if (funcs.length === 1) {\n return funcs[0];\n }\n\n return funcs.reduce(function (a, b) {\n return function () {\n return a(b.apply(void 0, arguments));\n };\n });\n}\n\n/**\n * Creates a store enhancer that applies middleware to the dispatch method\n * of the Redux store. This is handy for a variety of tasks, such as expressing\n * asynchronous actions in a concise manner, or logging every action payload.\n *\n * See `redux-thunk` package as an example of the Redux middleware.\n *\n * Because middleware is potentially asynchronous, this should be the first\n * store enhancer in the composition chain.\n *\n * Note that each middleware will be given the `dispatch` and `getState` functions\n * as named arguments.\n *\n * @param {...Function} middlewares The middleware chain to be applied.\n * @returns {Function} A store enhancer applying the middleware.\n */\n\nfunction applyMiddleware() {\n for (var _len = arguments.length, middlewares = new Array(_len), _key = 0; _key < _len; _key++) {\n middlewares[_key] = arguments[_key];\n }\n\n return function (createStore) {\n return function () {\n var store = createStore.apply(void 0, arguments);\n\n var _dispatch = function dispatch() {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(15) : 'Dispatching while constructing your middleware is not allowed. ' + 'Other middleware would not be applied to this dispatch.');\n };\n\n var middlewareAPI = {\n getState: store.getState,\n dispatch: function dispatch() {\n return _dispatch.apply(void 0, arguments);\n }\n };\n var chain = middlewares.map(function (middleware) {\n return middleware(middlewareAPI);\n });\n _dispatch = compose.apply(void 0, chain)(store.dispatch);\n return _objectSpread(_objectSpread({}, store), {}, {\n dispatch: _dispatch\n });\n };\n };\n}\n\n/*\n * This is a dummy function to check if the function name has been altered by minification.\n * If the function has been minified and NODE_ENV !== 'production', warn the user.\n */\n\nfunction isCrushed() {}\n\nif (process.env.NODE_ENV !== 'production' && typeof isCrushed.name === 'string' && isCrushed.name !== 'isCrushed') {\n warning('You are currently using minified code outside of NODE_ENV === \"production\". ' + 'This means that you are running a slower development build of Redux. ' + 'You can use loose-envify (https://github.com/zertosh/loose-envify) for browserify ' + 'or setting mode to production in webpack (https://webpack.js.org/concepts/mode/) ' + 'to ensure you have the correct code for your production build.');\n}\n\nexport { ActionTypes as __DO_NOT_USE__ActionTypes, applyMiddleware, bindActionCreators, combineReducers, compose, createStore };\n","import { MessageFormat, WorldReady } from '@paypalcorp/worldready';\nimport Page from './page';\n\nconst locale = Page.getLocale();\n\nconst getIntlMessage = (key, value) => {\n const id = key.split(/\\/|\\./);\n let messageFormat;\n try {\n const worldReady = new WorldReady(locale);\n messageFormat = new MessageFormat(worldReady, {\n id,\n });\n } catch (error) {\n throw new ReferenceError(`Could not create messageformat for: ${key}`);\n }\n if (value) {\n return messageFormat.format(value);\n }\n return messageFormat.format();\n};\n\nconst createl10n = () => ({\n getContent(...args) {\n return getIntlMessage(...args);\n },\n});\n\nconst l10n = createl10n();\n\nexport default l10n;\n","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nexports.default = MPPHeading;\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }\n\nvar levels = [1, 2, 3, 4, 5, 6, '1', '2', '3', '4', '5', '6'];\n\nfunction MPPHeading(props) {\n var level = props.level,\n rest = _objectWithoutProperties(props, ['level']);\n\n var LevelComponent = 'h' + level;\n\n // though children is a required prop, there are cases\n // where no children are passed from organism(missing content)\n // we end up rendering an empty heading with no content.\n if (props.children) {\n return _react2.default.createElement(\n LevelComponent,\n _extends({}, rest, {\n className: (0, _classnames2.default)('pypl-heading', props.className)\n }),\n props.children\n );\n }\n return null;\n}\n\nMPPHeading.propTypes = {\n children: _propTypes2.default.node.isRequired,\n level: _propTypes2.default.oneOf(levels),\n className: _propTypes2.default.string\n};\n\nMPPHeading.defaultProps = {\n level: '1',\n className: ''\n};","import _isEmpty from 'lodash/isEmpty';\nimport urlResource from '../home/constants/UrlResources';\nimport Page from './page';\n\nexport function getQueryValue(name, location) {\n if (!location || !location.search) return '';\n\n const queryName = name.replace(/[[\\]]/g, '\\\\$&');\n const regex = new RegExp(`[?&]${queryName}(=([^&#]*)|&|#|$)`);\n const results = regex.exec(location.search);\n\n if (!results) return null;\n if (!results[2]) return '';\n\n try {\n return decodeURIComponent(results[2].replace(/\\+/g, ' '));\n } catch (error) {\n return results[2].replace(/%20/g, ' ');\n }\n}\n\nexport function getAttributesFromUrl(location) {\n return location.pathname.split('?')[0].split('/');\n}\n\nexport function getFaqInfo(location) {\n const attributes = getAttributesFromUrl(location);\n const articleIdWithTitle = attributes[2] || '';\n const urlSegments = decodeURIComponent(articleIdWithTitle).split('-');\n const articleId = urlSegments[urlSegments.length - 1].toUpperCase();\n\n return {\n name: urlResource.ARTICLE,\n id: articleId,\n };\n}\n\nexport function getTopicInfo(location) {\n const attributes = getAttributesFromUrl(location);\n return {\n name: urlResource.TOPIC,\n id: attributes[2],\n };\n}\n\nexport function getL3TopicInfo(location) {\n const attributes = getAttributesFromUrl(location);\n return attributes[3];\n}\n\nexport function getResourceInfoForHome() {\n return {\n name: urlResource.HOME,\n };\n}\n\nfunction getQueryForSearch(location) {\n return {\n name: urlResource.SEARCH,\n searchTerm: getQueryValue('q', location),\n channelOption: getQueryValue('channel', location),\n };\n}\n\nexport function getPayPalGuideInfo() {\n return {\n name: urlResource.PAYPALGUIDE,\n };\n}\n\nexport function parseResourceInfoFromLocation(location) {\n const attributes = getAttributesFromUrl(location);\n const resource = attributes[1];\n\n switch (resource) {\n case urlResource.ARTICLE:\n return getFaqInfo(location);\n case urlResource.TOPIC:\n return getTopicInfo(location);\n case urlResource.HOME:\n return getResourceInfoForHome();\n case urlResource.SEARCH:\n return getQueryForSearch(location);\n case urlResource.PAYPALGUIDE:\n return getPayPalGuideInfo();\n case urlResource.HOME_V2:\n return {\n name: urlResource.HOME,\n };\n default: {\n return {};\n }\n }\n}\n\n/*\n What's the sample output of getPageUrlInfoFromLocation function??\n\n Sample Url's:\n =============\n\n home page = /smarthelp/personal/home\n article page = /smarthelp/personal/article/838\n topic list page = /smarthelp/personal/L1TopicId/L2TopicId\n\n Page Info Parsed:\n ================\n\n home page = {\n experience: 'personal',\n resource: {\n name: 'home',\n },\n }\n\n article page = {\n experience: 'personal',\n resource: {\n name: 'article',\n id: '838',\n },\n }\n\n topic list page = {\n experience: 'personal',\n resource: {\n name: 'topic',\n id: 'L2TopicId',\n topicTree: [L1TopicId, L2TopicId]\n },\n }\n */\nexport function getPageUrlInfoFromLocation(location) {\n return {\n experience: location.experience,\n resource: parseResourceInfoFromLocation(location),\n };\n}\n\n/**\n * Function to clean the path name if the pathname is prefixed with basename.\n * @param location\n * @returns {*} - location object\n */\nexport function getParsedPathName(location) {\n const pathName = location.pathname;\n\n // Check the route has smarthelp in pathName\n const smartHelpExistsInPath = pathName.includes('smarthelp/');\n if (smartHelpExistsInPath) {\n const parsedPath = pathName.substring(pathName.indexOf('smarthelp/') + 9);\n return { ...location, pathname: parsedPath };\n }\n\n // Check the route has selfhelp in pathName\n const isSelfHelpExistsInPath = pathName.includes('selfhelp/');\n if (isSelfHelpExistsInPath) {\n const parsedPath = pathName.substring(pathName.indexOf('selfhelp/') + 8);\n return { ...location, pathname: parsedPath };\n }\n\n return location;\n}\n\nexport function getCurrentRouteResourceName(location) {\n try {\n const currentLocationPathName = getAttributesFromUrl(location);\n return currentLocationPathName[1];\n } catch (e) {\n return '';\n }\n}\n\n// return the last segment of the path name\nexport function getLastPathVariable(location) {\n const pathname = location.pathname;\n if (pathname && pathname.lastIndexOf('/') >= 0) {\n return pathname.substring(pathname.lastIndexOf('/') + 1);\n }\n return null;\n}\n\n// return true if referrer path exsist in the whitelisted url from secrity center\n// by removing country code \n// by checking if the host is from qa.paypal.com or localhost or paypal.com\nexport function securityUrlListCheck(location) {\n try{\n const urlList = Page.getCallUsReferrerUrlList() || {};\n const refURL = document.createElement('a');\n refURL.href = location;\n let pathName = refURL.pathname;\n if(refURL && refURL.href && pathName && !_isEmpty(urlList) && refURL.host \n && refURL.host.indexOf('qa.paypal.com') >= 0 || refURL.host.indexOf('localhost') >= 0 || refURL.host.indexOf('paypal.com') >= 0) {\n const pathArray = pathName.split('/').filter(e => String(e).trim());\n // if country name exists in the url then remove country name from url\n if(pathArray[0].toLowerCase() === Page.getCountry().toLowerCase()){\n pathArray.shift();\n pathName = pathArray.join('/');\n } else {\n // if country name does not exists in the url then removing the first \"/\" from url\n pathName = pathArray.join('/');\n }\n return urlList.find((url) => pathName === url);\n }\n return null;\n }\n catch(e) {\n return null;\n }\n}","import { getValueFromWindowObject } from '../jsV2/helpers/twHelper';\nimport { isLoggedIn } from '../jsV2/helpers/twHelper';\n/**\n * Innovation Guild: search only experiment helper\n */\n\n// show faq search result for customer searched question\nexport const isShowOnlySearchLayoutEnabled = () =>\n getValueFromWindowObject('isHomeExpEnabledForOnlySearchBar') === true;\n// launch bot for customer searched question\nexport const isBotExperienceEnabled = () => getValueFromWindowObject('isBotExperience') === true;\n\n// show transaction first view in help center homepage\nexport const isHomeExpTransactionLayoutEnabled = () =>\n isLoggedIn() && getValueFromWindowObject('isHomeExpEnabledForTransactionFirstView') === true;\n","\"use strict\";\n\nvar isOldIE = function isOldIE() {\n var memo;\n return function memorize() {\n if (typeof memo === 'undefined') {\n // Test for IE <= 9 as proposed by Browserhacks\n // @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805\n // Tests for existence of standard globals is to allow style-loader\n // to operate correctly into non-standard environments\n // @see https://github.com/webpack-contrib/style-loader/issues/177\n memo = Boolean(window && document && document.all && !window.atob);\n }\n\n return memo;\n };\n}();\n\nvar getTarget = function getTarget() {\n var memo = {};\n return function memorize(target) {\n if (typeof memo[target] === 'undefined') {\n var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself\n\n if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {\n try {\n // This will throw an exception if access to iframe is blocked\n // due to cross-origin restrictions\n styleTarget = styleTarget.contentDocument.head;\n } catch (e) {\n // istanbul ignore next\n styleTarget = null;\n }\n }\n\n memo[target] = styleTarget;\n }\n\n return memo[target];\n };\n}();\n\nvar stylesInDom = [];\n\nfunction getIndexByIdentifier(identifier) {\n var result = -1;\n\n for (var i = 0; i < stylesInDom.length; i++) {\n if (stylesInDom[i].identifier === identifier) {\n result = i;\n break;\n }\n }\n\n return result;\n}\n\nfunction modulesToDom(list, options) {\n var idCountMap = {};\n var identifiers = [];\n\n for (var i = 0; i < list.length; i++) {\n var item = list[i];\n var id = options.base ? item[0] + options.base : item[0];\n var count = idCountMap[id] || 0;\n var identifier = \"\".concat(id, \" \").concat(count);\n idCountMap[id] = count + 1;\n var index = getIndexByIdentifier(identifier);\n var obj = {\n css: item[1],\n media: item[2],\n sourceMap: item[3]\n };\n\n if (index !== -1) {\n stylesInDom[index].references++;\n stylesInDom[index].updater(obj);\n } else {\n stylesInDom.push({\n identifier: identifier,\n updater: addStyle(obj, options),\n references: 1\n });\n }\n\n identifiers.push(identifier);\n }\n\n return identifiers;\n}\n\nfunction insertStyleElement(options) {\n var style = document.createElement('style');\n var attributes = options.attributes || {};\n\n if (typeof attributes.nonce === 'undefined') {\n var nonce = typeof __webpack_nonce__ !== 'undefined' ? __webpack_nonce__ : null;\n\n if (nonce) {\n attributes.nonce = nonce;\n }\n }\n\n Object.keys(attributes).forEach(function (key) {\n style.setAttribute(key, attributes[key]);\n });\n\n if (typeof options.insert === 'function') {\n options.insert(style);\n } else {\n var target = getTarget(options.insert || 'head');\n\n if (!target) {\n throw new Error(\"Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.\");\n }\n\n target.appendChild(style);\n }\n\n return style;\n}\n\nfunction removeStyleElement(style) {\n // istanbul ignore if\n if (style.parentNode === null) {\n return false;\n }\n\n style.parentNode.removeChild(style);\n}\n/* istanbul ignore next */\n\n\nvar replaceText = function replaceText() {\n var textStore = [];\n return function replace(index, replacement) {\n textStore[index] = replacement;\n return textStore.filter(Boolean).join('\\n');\n };\n}();\n\nfunction applyToSingletonTag(style, index, remove, obj) {\n var css = remove ? '' : obj.media ? \"@media \".concat(obj.media, \" {\").concat(obj.css, \"}\") : obj.css; // For old IE\n\n /* istanbul ignore if */\n\n if (style.styleSheet) {\n style.styleSheet.cssText = replaceText(index, css);\n } else {\n var cssNode = document.createTextNode(css);\n var childNodes = style.childNodes;\n\n if (childNodes[index]) {\n style.removeChild(childNodes[index]);\n }\n\n if (childNodes.length) {\n style.insertBefore(cssNode, childNodes[index]);\n } else {\n style.appendChild(cssNode);\n }\n }\n}\n\nfunction applyToTag(style, options, obj) {\n var css = obj.css;\n var media = obj.media;\n var sourceMap = obj.sourceMap;\n\n if (media) {\n style.setAttribute('media', media);\n } else {\n style.removeAttribute('media');\n }\n\n if (sourceMap && typeof btoa !== 'undefined') {\n css += \"\\n/*# sourceMappingURL=data:application/json;base64,\".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), \" */\");\n } // For old IE\n\n /* istanbul ignore if */\n\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n while (style.firstChild) {\n style.removeChild(style.firstChild);\n }\n\n style.appendChild(document.createTextNode(css));\n }\n}\n\nvar singleton = null;\nvar singletonCounter = 0;\n\nfunction addStyle(obj, options) {\n var style;\n var update;\n var remove;\n\n if (options.singleton) {\n var styleIndex = singletonCounter++;\n style = singleton || (singleton = insertStyleElement(options));\n update = applyToSingletonTag.bind(null, style, styleIndex, false);\n remove = applyToSingletonTag.bind(null, style, styleIndex, true);\n } else {\n style = insertStyleElement(options);\n update = applyToTag.bind(null, style, options);\n\n remove = function remove() {\n removeStyleElement(style);\n };\n }\n\n update(obj);\n return function updateStyle(newObj) {\n if (newObj) {\n if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap) {\n return;\n }\n\n update(obj = newObj);\n } else {\n remove();\n }\n };\n}\n\nmodule.exports = function (list, options) {\n options = options || {}; // Force single-tag solution on IE6-9, which has a hard limit on the # of