{"version":3,"file":"44.chunk.js","mappings":"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","sources":["webpack://oribasketbubble/../../../src/constants/index.ts","webpack://oribasketbubble/../../../../src/components/BubbleGroup/styles.ts","webpack://oribasketbubble/../../../src/constants/defaultTranslations.ts","webpack://oribasketbubble/../../../src/utils/isMinibagVisibile.ts","webpack://oribasketbubble/../../../../src/components/Bubble/styles.ts","webpack://oribasketbubble/../../../src/types/TestId.ts","webpack://oribasketbubble/../../../../src/components/Bubble/Bubble.tsx","webpack://oribasketbubble/../../../src/hooks/useTranslations.ts","webpack://oribasketbubble/../../../../src/components/BubbleGroup/BubbleGroup.tsx","webpack://oribasketbubble/./src/utils/getTranslationsProps.ts","webpack://oribasketbubble/./src/App.tsx","webpack://oribasketbubble/../../../src/utils/isECatalogue.ts","webpack://oribasketbubble/./src/containers/ErrorBoundary.ts","webpack://oribasketbubble/./src/utils/getConfiguration.ts","webpack://oribasketbubble/./src/appRender.tsx"],"sourcesContent":["export * from './defaultTranslations';\n\nexport const APP_NAME = 'basket-bubble';\n\nexport const EMOTION_CACHE_KEY = `${APP_NAME}-emotion-cache-key`;\n\nexport const IDENTITY_CLIENT_ID = 'SPADev';\n\n// Bubble settings\nexport const bubbleDuration = 2000;\nexport const bubbleHeight = 94;\n","import { styled } from '@ori-ui/mui';\n\nimport { bubbleHeight } from '../../constants';\n\nconst topNavHeightStyle = 'var(--top-nav-height, 0)';\nconst toolbarPositionStyle = 'var(--ecatalogue-toolbar-position, 0)';\n\nexport const BasketBubbleWrapper = styled('div')<{\n  ownerState: { isECatalogue: boolean };\n}>(({ theme, ownerState }) => ({\n  boxSizing: 'border-box',\n  width: theme.spacing(64),\n  marginTop: 10,\n  pointerEvents: 'none',\n  position: 'fixed',\n  top: 0,\n  right: 15,\n  transform: `translate(0, ${topNavHeightStyle})`,\n  transition: `transform var(--top-nav-height-animation), 0.3s ease-in-out`,\n  ...(ownerState.isECatalogue && {\n    transform: `translate(0, ${toolbarPositionStyle})`,\n    transition: `transform var(--ecatalogue-toolbar-position-animation), 0.3s ease-in-out`,\n  }),\n  zIndex: 10000,\n\n  [theme.breakpoints.up('sm')]: {\n    right: 30,\n  },\n\n  '& *': {\n    boxSizing: 'border-box',\n  },\n}));\n\nexport const AnimationWrapper = styled('div')<{\n  ownerState: { state: string };\n}>(({ ownerState }) => ({\n  transition: 'opacity 750ms',\n  opacity: 0,\n\n  ...(ownerState.state === 'entered' && {\n    opacity: 1,\n  }),\n\n  ...(ownerState.state === 'exiting' && {\n    opacity: 0,\n    transition: 'margin-top 300ms 950ms, opacity 1250ms',\n    marginTop: -(bubbleHeight + 10),\n  }),\n}));\n","/* istanbul ignore file */\n/**\n * DO NOT EDIT!\n * This file was autogenerated by npm script `localizations-codegen`.\n * Changes may cause incorrect behavior and will be lost when the file is regenerated.\n *\n * Run `npx localizations-codegen` to regenerate.\n */\n\nimport type { TranslationKey } from '../models/TranslationKey';\n\nexport type DefaultTranslations = Record<keyof typeof TranslationKey, string>;\n\nexport const defaultTranslations: DefaultTranslations = {\n  quantity: 'Quantity',\n};\n\nexport const translationsNamespace = 'basket-bubble';\n","// This might be outdated after recent changes - TODO\nexport const isMinibagVisible = () => {\n  const element = document.querySelector('[data-testid=Checkout-shopping-mini-bag-fading-wrapper]');\n  if (!element) {\n    return false;\n  }\n\n  return window.getComputedStyle(element).visibility === 'visible';\n};\n","import { Products } from '@ori-ui/icons';\nimport { SHADOW_LEVEL3, styled } from '@ori-ui/mui';\n\nimport { bubbleHeight } from '../../constants';\n\nexport const BubbleWrapper = styled('div')(({ theme }) => ({\n  background: theme.palette.common.white,\n  border: `2px solid ${theme.palette.grey[100]}`,\n  borderRadius: theme.spacing(2),\n  boxShadow: SHADOW_LEVEL3,\n  display: 'flex',\n  height: bubbleHeight,\n  marginBottom: theme.spacing(2),\n  padding: theme.spacing(1),\n  pointerEvents: 'auto',\n  position: 'relative',\n  width: theme.spacing(64),\n  userSelect: 'none',\n}));\n\nexport const ImageWrapper = styled('div')(({ theme }) => ({\n  background: theme.palette.grey[100],\n  borderRadius: theme.spacing(1, 0, 0, 1),\n  flex: theme.spacing(0, 0, 16),\n  height: theme.spacing(16),\n  marginRight: theme.spacing(2),\n  overflow: 'hidden',\n  position: 'relative',\n  width: theme.spacing(16),\n}));\n\nexport const Image = styled('img')({\n  height: '100%',\n  maxHeight: '100%',\n  maxWidth: '100%',\n  objectFit: 'contain',\n  width: '100%',\n});\n\nexport const ImagePlaceholder = styled(Products)(({ theme }) => ({\n  color: theme.palette.grey[200],\n  left: '50%',\n  height: 'auto',\n  position: 'absolute',\n  top: '50%',\n  transform: 'translate(-50%, -50%)',\n  width: '50%',\n}));\n\nexport const Details = styled('div')({\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'flexStart',\n  width: 216,\n});\n\nexport const Name = styled('div')(({ theme }) => ({\n  color: theme.palette.text.primary,\n  fontSize: theme.typography.pxToRem(14),\n  fontWeight: 700,\n  overflow: 'hidden',\n  paddingTop: theme.spacing(2),\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n  width: '100%',\n}));\n\nexport const Shade = styled('div')(({ theme }) => ({\n  color: theme.palette.grey.A400,\n  fontSize: theme.typography.pxToRem(12),\n}));\n\nexport const Shopping = styled('div')({\n  alignItems: 'center',\n  display: 'flex',\n  marginTop: 'auto',\n});\n\nexport const Quantity = styled('div')(({ theme }) => ({\n  color: theme.palette.text.secondary,\n  flexGrow: 1,\n  fontSize: theme.typography.pxToRem(12),\n}));\n\nexport const Price = styled('div')(({ theme }) => ({\n  color: theme.palette.text.primary,\n  fontSize: theme.typography.pxToRem(14),\n  fontWeight: 700,\n  marginLeft: 'auto',\n}));\n\nexport const Points = styled('div')(({ theme }) => ({\n  background: theme.palette.offer.dark,\n  borderRadius: '50%',\n  bottom: theme.spacing(2),\n  color: theme.palette.common.white,\n  fontSize: theme.typography.pxToRem(14),\n  fontWeight: 'bold',\n  height: theme.spacing(7),\n  lineHeight: theme.spacing(7),\n  position: 'absolute',\n  right: theme.spacing(2),\n  textAlign: 'center',\n  width: theme.spacing(7),\n}));\n","export enum TestId {\n  // One particular add-to-basket notification bubble popup (multiple can be displayed at a time)\n  Popup = 'popup',\n}\n","import useTestId from '@ori/testid-generator';\nimport { LastAddedItemMethod } from '@ori-events/basket-updated';\nimport type { MouseEvent, FC } from 'react';\n\nimport {\n  BubbleWrapper,\n  Details,\n  Image,\n  ImagePlaceholder,\n  ImageWrapper,\n  Name,\n  Points,\n  Price,\n  Quantity,\n  Shade,\n  Shopping,\n} from './styles';\nimport { type BubbleProps } from './types';\nimport { useTranslations } from '../../hooks/useTranslations';\nimport { TestId } from '../../types';\n\nfunction ignoreClickEvent(event: MouseEvent<HTMLElement>) {\n  event.preventDefault();\n  event.stopPropagation();\n}\n\nexport const Bubble: FC<BubbleProps> = ({ code, image, methodType, name, points, price, quantity }) => {\n  const { getTestId } = useTestId();\n  const { formatMessage } = useTranslations();\n  const { BUY_FOR_MONEY, BUY_FOR_POINTS } = LastAddedItemMethod;\n\n  return (\n    <BubbleWrapper\n      data-testid={getTestId(TestId.Popup)}\n      onClick={ignoreClickEvent}\n    >\n      <ImageWrapper>\n        {image ? (\n          <Image\n            src={image}\n            alt=\"product\"\n          />\n        ) : (\n          <ImagePlaceholder />\n        )}\n      </ImageWrapper>\n      <Details>\n        <Name>{name}</Name>\n        <Shade>{code}</Shade>\n        <Shopping>\n          <Quantity>\n            {formatMessage('quantity')}: {quantity}\n          </Quantity>\n          {methodType === BUY_FOR_MONEY && <Price>{price}</Price>}\n          {methodType === BUY_FOR_POINTS && <Points>{points}</Points>}\n        </Shopping>\n      </Details>\n    </BubbleWrapper>\n  );\n};\n","/* istanbul ignore file */\n/**\n * DO NOT EDIT!\n * This file was autogenerated by npm script `localizations-codegen`.\n * Changes may cause incorrect behavior and will be lost when the file is regenerated.\n *\n * Run `npx localizations-codegen` to regenerate.\n */\nimport { useTranslationsFromNamespace, type UseTranslationsFromNamespaceResult } from '@ori/i18n';\n\nimport type { DefaultTranslations } from '../constants/defaultTranslations';\n\n/**\n * A hook for accessing translations within a specific namespace along with a formatting function.\n *\n * @returns The translations within the specified namespace and a formatting function.\n */\nexport const useTranslations: () => UseTranslationsFromNamespaceResult<DefaultTranslations> = () =>\n  useTranslationsFromNamespace<DefaultTranslations>();\n","import { TranslationsNamespaceProvider } from '@ori/i18n';\nimport type { LastAddedItemMethod } from '@ori-events/basket-updated';\nimport * as BasketUpdatedEvent from '@ori-events/basket-updated';\nimport * as ToggleMenuFlyoutEvent from '@ori-events/toggle-menu-flyout';\nimport { type FC } from 'react';\nimport { useEffect, useState } from 'react';\nimport { Transition, TransitionGroup } from 'react-transition-group';\nimport { v4 } from 'uuid';\n\nimport { AnimationWrapper, BasketBubbleWrapper } from './styles';\nimport type { BubbleGroupProps } from './types';\nimport { bubbleDuration, translationsNamespace } from '../../constants';\nimport { isMinibagVisible } from '../../utils';\nimport { Bubble, type BubbleInstanceProps } from '../Bubble';\n\nexport const BubbleGroup: FC<BubbleGroupProps> = ({ isECatalogue }) => {\n  const [bubbles, setBubbles] = useState<BubbleInstanceProps[]>([]);\n\n  const removeBasketBubble = (bubbleId: string) => {\n    setBubbles((currentBubbles) => currentBubbles.filter((currentBubble) => currentBubble.id !== bubbleId));\n  };\n\n  const onToggleMenuFlyout = ((event: ToggleMenuFlyoutEvent.Event) => {\n    const { menuType } = event.detail;\n    if (menuType === ToggleMenuFlyoutEvent.MenuTypes.Minibag && isMinibagVisible()) {\n      // hide all bubbles when minibag is being opened\n      setBubbles([]);\n    }\n  }) as EventListener;\n\n  const onBasketUpdate = ((event: BasketUpdatedEvent.Event) => {\n    // don't show bubble if not add-to-basket update or if minibag is visible\n    if (!event.detail.lastAddedItem || isMinibagVisible()) {\n      return;\n    }\n\n    const { itemCode, method } = event.detail.lastAddedItem;\n    const { shoppingBagItems, offers } = event.detail.shoppingBag;\n    const offersItems = offers.reduce(\n      (acc: BasketUpdatedEvent.ShoppingBagItem[], offer: BasketUpdatedEvent.ShoppingBagOffer) => [\n        ...acc,\n        ...offer.items,\n      ],\n      [],\n    );\n\n    // proper typing for method -- TODO\n    const methodType = method as unknown as LastAddedItemMethod;\n\n    const item =\n      methodType === BasketUpdatedEvent.LastAddedItemMethod.BUY_FOR_MONEY\n        ? shoppingBagItems.find((product) => product.itemCode === itemCode)\n        : offersItems.find((product) => product.itemCode === itemCode);\n\n    if (!item) {\n      return;\n    }\n\n    const bubble: BubbleInstanceProps = {\n      id: v4(),\n      code: item.itemCode,\n      name: item.itemDescription,\n      price: item.totalPrice,\n      quantity: item.requestedQuantity,\n      image: item.itemImageSrc,\n      points: item.totalRedeemedPoints,\n      methodType,\n    };\n    setBubbles((currentBubbles) => [...currentBubbles, bubble]);\n    setTimeout(() => removeBasketBubble(bubble.id), bubbleDuration);\n  }) as EventListener;\n\n  useEffect(() => {\n    window.addEventListener(BasketUpdatedEvent.Name, onBasketUpdate);\n    window.addEventListener(ToggleMenuFlyoutEvent.Name, onToggleMenuFlyout);\n\n    return () => {\n      window.removeEventListener(BasketUpdatedEvent.Name, onBasketUpdate);\n      window.removeEventListener(ToggleMenuFlyoutEvent.Name, onToggleMenuFlyout);\n    };\n  });\n\n  const ownerState = { isECatalogue };\n  const timeoutSettings = {\n    appear: 0,\n    enter: 0,\n    exit: 1250,\n  };\n\n  return (\n    <TranslationsNamespaceProvider namespace={translationsNamespace}>\n      <BasketBubbleWrapper ownerState={ownerState}>\n        <TransitionGroup>\n          {bubbles.map(({ id, ...bubble }) => (\n            <Transition\n              key={id}\n              timeout={timeoutSettings}\n            >\n              {(state) => {\n                const bubbleOwnerState = { state };\n\n                return (\n                  <AnimationWrapper\n                    key={id}\n                    ownerState={bubbleOwnerState}\n                  >\n                    <Bubble\n                      key={id}\n                      {...bubble}\n                    />\n                  </AnimationWrapper>\n                );\n              }}\n            </Transition>\n          ))}\n        </TransitionGroup>\n      </BasketBubbleWrapper>\n    </TranslationsNamespaceProvider>\n  );\n};\n","import { defaultTranslations, translationsNamespace } from '@ori/basket-bubble-lib';\nimport { getErrorLogger } from '@ori/checkout-utils';\nimport { type TranslationsContext } from '@ori/i18n';\n\nimport { APP_NAME } from '../constants';\n\ninterface GetTranslationsOptions {\n  currentLanguage: string;\n  staticApiUrl: string;\n  tenant: string;\n  token: string;\n}\n\nconst logError = getErrorLogger(APP_NAME);\n\nexport const getTranslationsProps = ({ currentLanguage, staticApiUrl, tenant, token }: GetTranslationsOptions) => {\n  const result: TranslationsContext = {\n    clientFetchConfiguration: {\n      baseUrl: staticApiUrl,\n      onError: (error) => {\n        logError('Error occured while loading translations.', String(error));\n      },\n      tenant,\n      token,\n    },\n    currentLanguage,\n    defaultTranslationsWithNamespaces: {\n      [translationsNamespace]: defaultTranslations,\n    },\n  };\n\n  return result;\n};\n","import { isTokenValid, useToken } from '@ori/auth';\nimport { BubbleGroup, isECatalogue } from '@ori/basket-bubble-lib';\nimport { TranslationsProvider } from '@ori/i18n';\nimport { Team, TestIdProvider } from '@ori/testid-generator';\nimport { type parseSpaConfig } from '@ori-appshell/config';\nimport { type FC } from 'react';\n\nimport { APP_NAME } from './constants';\nimport type { AppConfiguration } from './types';\nimport { getTranslationsProps } from './utils';\n\nexport type AppProps = ReturnType<typeof parseSpaConfig>;\n\nexport const App: FC<AppConfiguration> = (configuration) => {\n  const { currentLanguage, staticApiUrl, tenant } = configuration;\n  const { token } = useToken();\n  const translationProps = getTranslationsProps({ currentLanguage, staticApiUrl, tenant, token });\n  const isCatalogue = isECatalogue();\n\n  if (!isTokenValid(token)) {\n    return null;\n  }\n\n  return (\n    <TestIdProvider\n      project={APP_NAME}\n      team={Team.Checkout}\n    >\n      <TranslationsProvider {...translationProps}>\n        <BubbleGroup isECatalogue={isCatalogue} />\n      </TranslationsProvider>\n    </TestIdProvider>\n  );\n};\n","export const E_CATALOGUE_ROOT_ELEMENT_ID = 'catalogue-ipaper-root';\n\n// This might be outdated after recent changes - TODO\nexport const isECatalogue = () => Boolean(document.getElementById(E_CATALOGUE_ROOT_ELEMENT_ID));\n","import { getErrorLogger } from '@ori/checkout-utils';\nimport { Component, type ReactNode } from 'react';\n\nimport { APP_NAME } from '../constants';\n\ninterface ErrorBoundaryProps {\n  children: JSX.Element;\n}\n\ninterface ErrorBoundaryState {\n  error?: Error;\n}\n\nconst logError = getErrorLogger(APP_NAME);\n\nexport class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\n  override readonly state: ErrorBoundaryState = {};\n\n  static getDerivedStateFromError(error: Error): ErrorBoundaryState {\n    return { error };\n  }\n\n  override render(): ReactNode {\n    const { error }: ErrorBoundaryState = this.state;\n\n    if (error) {\n      logError(error);\n\n      return null;\n    }\n\n    const { children }: ErrorBoundaryProps = this.props;\n\n    return children;\n  }\n}\n","import { getDebugLogger, getInfoLogger, normalizeSlashChars } from '@ori/checkout-utils';\nimport { parseSpaConfig } from '@ori-appshell/config';\n\nimport { APP_NAME } from '../constants';\nimport type { AppConfiguration, ParsedConfigData, RequiredConfigProps, ToIndexed } from '../types';\n\nconst logDebug = getDebugLogger(APP_NAME);\nconst logInfo = getInfoLogger(APP_NAME);\n\n// Required props for parseSpaConfig method.\nconst requiredProps: RequiredConfigProps<AppConfiguration> = [\n  'currentLanguage',\n  'customerId',\n  'identityUrl',\n  'staticApiUrl',\n  'tenant',\n];\n\n/**\n * Normalizes some values in the raw parsed config.\n * @param parsedConfig Original config data returned by the parseSpaConfig method.\n * @returns Final normalized configuration.\n */\nexport const normalizeConfigData = <T extends ParsedConfigData<AppConfiguration>>(parsedConfig: T) => {\n  const result: AppConfiguration = {\n    ...parsedConfig,\n    identityUrl: normalizeSlashChars(parsedConfig.identityUrl, false, false),\n    staticApiUrl: normalizeSlashChars(parsedConfig.staticApiUrl, false, false),\n  };\n\n  return result;\n};\n\n/**\n * Parses the configuration.\n * @param config Config data serialized in a string in JSON format.\n * Usually taken from data-config HTML attribute of the component's root element.\n * @returns Normalized component configuration.\n */\nexport const getConfiguration = (config: string) => {\n  const parsedConfig = parseSpaConfig<ToIndexed<AppConfiguration>>(config, requiredProps);\n  logDebug('parsed configuration', parsedConfig);\n  const result = normalizeConfigData(parsedConfig);\n  logInfo('normalized configuration', result);\n\n  return result;\n};\n","import { StandaloneTokenProvider, doDevelopmentLogin } from '@ori/auth';\nimport { getDebugLogger } from '@ori/checkout-utils';\nimport { ThemeProvider } from '@ori-ui/mui';\nimport { createRoot } from 'react-dom/client';\n\nimport { App } from './App';\nimport { APP_NAME, EMOTION_CACHE_KEY } from './constants';\nimport { ErrorBoundary } from './containers/ErrorBoundary';\nimport { getConfiguration } from './utils';\n\nconst logDebug = getDebugLogger(APP_NAME);\n\n/**\n * React app renderer that is used when app is used as a standalone app\n */\nexport async function render(rootElement: HTMLElement) {\n  const { config = '' } = rootElement.dataset;\n  const appConfig = getConfiguration(config);\n  const { customerId, identityUrl, tenant } = appConfig;\n\n  if (!identityUrl) {\n    throw new Error('Missing Identity URL!');\n  }\n\n  // Get token for local development\n  if (process.env.NODE_ENV !== 'production') {\n    // when using Requestly we do not want to load token\n    if (process.env.REACT_APP_USE_REQUESTLY === '1') {\n      logDebug('USING REQUESTLY');\n    } else {\n      await doDevelopmentLogin({ identityUrl, tenant });\n    }\n  }\n\n  createRoot(rootElement).render(\n    <ErrorBoundary>\n      <StandaloneTokenProvider customerId={customerId}>\n        <ThemeProvider\n          enableCacheProvider\n          cacheKey={EMOTION_CACHE_KEY}\n        >\n          <App {...appConfig} />\n        </ThemeProvider>\n      </StandaloneTokenProvider>\n    </ErrorBoundary>,\n  );\n}\n"],"names":["concat","BasketBubbleWrapper","styled","_ref","theme","ownerState","_objectSpread","boxSizing","width","spacing","marginTop","pointerEvents","position","top","right","transform","transition","isECatalogue","_defineProperty","zIndex","breakpoints","up","AnimationWrapper","_ref2","opacity","state","defaultTranslations","quantity","translationsNamespace","isMinibagVisible","element","document","querySelector","window","getComputedStyle","visibility","BubbleWrapper","background","palette","common","white","border","grey","borderRadius","boxShadow","SHADOW_LEVEL3","display","height","marginBottom","padding","userSelect","ImageWrapper","flex","marginRight","overflow","Image","maxHeight","maxWidth","objectFit","ImagePlaceholder","Products","_ref3","color","left","Details","flexDirection","justifyContent","Name","_ref4","text","primary","fontSize","typography","pxToRem","fontWeight","paddingTop","textOverflow","whiteSpace","Shade","_ref5","A400","Shopping","alignItems","Quantity","_ref6","secondary","flexGrow","Price","_ref7","marginLeft","Points","_ref8","offer","dark","bottom","lineHeight","textAlign","TestId","ignoreClickEvent","event","preventDefault","stopPropagation","Bubble","code","image","methodType","name","points","price","getTestId","useTestId","formatMessage","useTranslationsFromNamespace","BUY_FOR_MONEY","LastAddedItemMethod","BUY_FOR_POINTS","_jsxs","Popup","onClick","children","_jsx","src","alt","BubbleGroup","_useState","useState","_useState2","_slicedToArray","bubbles","setBubbles","onToggleMenuFlyout","detail","menuType","ToggleMenuFlyoutEvent","Minibag","onBasketUpdate","lastAddedItem","_event$detail$lastAdd","itemCode","method","_event$detail$shoppin","shoppingBag","shoppingBagItems","offersItems","offers","reduce","acc","_toConsumableArray","items","item","BasketUpdatedEvent","find","product","bubble","id","v4","itemDescription","totalPrice","requestedQuantity","itemImageSrc","totalRedeemedPoints","currentBubbles","setTimeout","bubbleId","filter","currentBubble","useEffect","addEventListener","removeEventListener","timeoutSettings","appear","enter","exit","TranslationsNamespaceProvider","namespace","TransitionGroup","map","_objectWithoutProperties","_excluded","Transition","timeout","bubbleOwnerState","logError","getErrorLogger","APP_NAME","App","configuration","currentLanguage","staticApiUrl","tenant","token","useToken","translationProps","clientFetchConfiguration","baseUrl","onError","error","String","defaultTranslationsWithNamespaces","getTranslationsProps","isCatalogue","Boolean","getElementById","isTokenValid","TestIdProvider","project","team","Team","Checkout","TranslationsProvider","ErrorBoundary","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","_assertThisInitialized","_createClass","key","value","this","props","Component","logDebug","getDebugLogger","logInfo","getInfoLogger","requiredProps","getConfiguration","config","parsedConfig","parseSpaConfig","result","identityUrl","normalizeSlashChars","normalizeConfigData","async","render","rootElement","_rootElement$dataset$","dataset","appConfig","customerId","Error","createRoot","StandaloneTokenProvider","ThemeProvider","enableCacheProvider","cacheKey","EMOTION_CACHE_KEY"],"sourceRoot":""}