{"version":3,"file":"143.chunk.js","mappings":"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","sources":["webpack://oriminishoppingbag/./src/hooks/useQuantityPicker.ts","webpack://oriminishoppingbag/./src/contexts/basketLinkContext.ts","webpack://oriminishoppingbag/./src/contexts/minBagContext.ts","webpack://oriminishoppingbag/./src/components/content/MainButton.tsx","webpack://oriminishoppingbag/./src/components/content/Footer.tsx","webpack://oriminishoppingbag/./src/components/content/Header.tsx","webpack://oriminishoppingbag/./src/components/content/QuantityPicker.tsx","webpack://oriminishoppingbag/./src/components/content/Remove.tsx","webpack://oriminishoppingbag/./src/components/content/ShadeElement.tsx","webpack://oriminishoppingbag/./src/components/content/Shade.tsx","webpack://oriminishoppingbag/./src/components/content/Item.tsx","webpack://oriminishoppingbag/./src/components/content/Loader.tsx","webpack://oriminishoppingbag/./src/components/MiniBag.tsx","webpack://oriminishoppingbag/./src/components/MiniBagWrapper.tsx","webpack://oriminishoppingbag/./src/hooks/useBreakpointIndex.ts","webpack://oriminishoppingbag/./src/hooks/useInitialShoppingContext.ts","webpack://oriminishoppingbag/./src/hooks/useBasketUpdated.ts","webpack://oriminishoppingbag/./src/App.tsx","webpack://oriminishoppingbag/./src/AppRender.tsx","webpack://oriminishoppingbag/delegated \"48I+\" from dll-reference ori_vendor_2","webpack://oriminishoppingbag/delegated \"AeFk\" from dll-reference ori_vendor_2","webpack://oriminishoppingbag/delegated \"TZ0e\" from dll-reference ori_vendor_2","webpack://oriminishoppingbag/delegated \"U9Pw\" from dll-reference ori_vendor_2","webpack://oriminishoppingbag/delegated \"cTN3\" from dll-reference ori_vendor_2","webpack://oriminishoppingbag/delegated \"q1tI\" from dll-reference ori_vendor_2"],"sourcesContent":["import type { FocusEventHandler, KeyboardEventHandler } from 'react';\nimport { useReducer, useCallback, useRef } from 'react';\n\nimport type { CounterValue, HandleQuantityChangeOptions } from '../models';\nimport { logQuantityPicker as log } from '~/utils/log';\n\ninterface UseQuantityPickerOptions {\n  canBeDeleted: boolean;\n  initialQuantity: number;\n  itemCode: string;\n  lineNumber: number;\n  maxQuantity: number;\n  onQuantityChange: (options: HandleQuantityChangeOptions) => Promise<void>;\n}\n\nenum ChangeOrigin {\n  BlurHandler = 'handleBlur',\n  ChangeHandler = 'handleChange',\n  KeyDownHandler = 'handleKeyDown',\n}\n\nconst KEY_ENTER = 'Enter';\n\nexport const useQuantityPicker = ({\n  canBeDeleted,\n  initialQuantity,\n  itemCode,\n  lineNumber,\n  maxQuantity,\n  onQuantityChange,\n}: UseQuantityPickerOptions) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const isInputFocused = useRef(false);\n  const isServerUpdate = useRef(false);\n  const [, forceUpdate] = useReducer((x: number) => x + 1, 0);\n  const value = useRef<CounterValue>(initialQuantity);\n  const setValue = useCallback(\n    (newValue: CounterValue) => {\n      if (newValue === value.current) {\n        log('QuantityPicker.setValue() same value as previous, no change:', newValue);\n      } else {\n        value.current = newValue;\n        log('QuantityPicker.setValue() new value was set:', newValue);\n        forceUpdate();\n      }\n    },\n    [value],\n  );\n\n  const changeQuantity = useCallback(\n    (inputValue: CounterValue, changeOrigin?: ChangeOrigin) => {\n      log(\n        'QuantityPicker.changeQuantity(), inputValue',\n        inputValue,\n        ', initialQuantity',\n        initialQuantity,\n        ', maxQuantity',\n        maxQuantity,\n        ', change origin:',\n        changeOrigin,\n      );\n\n      // ignore '-' value completely - server doesn't accept negative values\n      if (inputValue === '-') {\n        return;\n      }\n\n      // non-numeric values\n      if (inputValue === '' || Number.isNaN(inputValue)) {\n        if (changeOrigin === ChangeOrigin.BlurHandler) {\n          // for blur event, let's set some correct numeric value\n          setValue(initialQuantity);\n        } else {\n          // in the middle of the editting process here, just set the local state\n          // so that user sees the editted value\n          setValue(inputValue);\n        }\n\n        return;\n      }\n\n      // checks for min and max quantity\n      let currentValue = inputValue;\n\n      // just for the case - negative value could be pasted from clipboard for example\n      if (currentValue < 0) {\n        currentValue = 0;\n        log('Current value was set to 0 as negative quantities are not accepted by server.');\n      }\n\n      if (currentValue < 1 && !canBeDeleted) {\n        currentValue = 1;\n        log('Current value was set to 1 as the item cannot be deleted.');\n      }\n\n      if (currentValue > maxQuantity) {\n        currentValue = maxQuantity;\n        log(`Current value was limited to max quantity ${maxQuantity}.`);\n      }\n\n      // skip calling updates on server when same as initial quantity\n      // skip server updates when the user is edditting the input value directly ATM\n      // (the change in handleKeyDown is called only for specific key(s) like Enter,\n      // so it should call server for those cases, but the focus still stays in the input)\n      if (\n        currentValue === initialQuantity ||\n        (isInputFocused.current && changeOrigin !== ChangeOrigin.KeyDownHandler)\n      ) {\n        // just set local state so that user sees the edit updates\n        setValue(currentValue);\n\n        return;\n      }\n\n      // call server updates - this might return updated value of this item's quantity\n      // depending on the checkout rule engine;\n      // server operation indication is needed for correct derived value state logic\n      isServerUpdate.current = true;\n      log('Server update flag was set to true.');\n\n      const resetFlag = () => {\n        isServerUpdate.current = false;\n        log('Server update flag was set to false.');\n      };\n\n      // set local state so that user sees the edit updates;\n      // set here so that the isServerUpdate is set up in advance\n      setValue(currentValue);\n\n      onQuantityChange({\n        itemCode,\n        lineNumber,\n        quantity: currentValue,\n        previousQuantity: initialQuantity,\n      }).then(resetFlag);\n    },\n    [canBeDeleted, initialQuantity, itemCode, lineNumber, maxQuantity, onQuantityChange, setValue],\n  );\n\n  // Derived value state after server data updates from shopping rule engine. Stays here for merchandising cases:\n  // 1. Quantity of item was increased by previous update of another item's amount.\n  // 2. Increasing item quantity over limit increases the qty of another item and original item's qty stays the same.\n  if (initialQuantity !== value.current && (!isInputFocused.current || isServerUpdate.current)) {\n    log(\n      `Setting value to match initialQuantity ${initialQuantity}, value was ${value.current} ...`,\n    );\n    setValue(initialQuantity);\n  }\n\n  const handleFocus = ((event) => {\n    isInputFocused.current = true;\n    const { target } = event;\n    const input = target as HTMLInputElement;\n    const { value: currentValue } = input;\n    log('QuantityPicker.handleFocus(), currentValue', currentValue);\n    // selecting whole text value on focus was requested\n    input.setSelectionRange(0, currentValue.length);\n  }) as FocusEventHandler<HTMLInputElement>;\n\n  const handleBlur = ((event) => {\n    isInputFocused.current = false;\n    const { target } = event;\n    const input = target as HTMLInputElement;\n    const { value: currentValue } = input;\n    if (currentValue === '' || currentValue === '-') {\n      changeQuantity(currentValue, ChangeOrigin.BlurHandler);\n    } else {\n      changeQuantity(Number.parseInt(currentValue, 10), ChangeOrigin.BlurHandler);\n    }\n  }) as FocusEventHandler<HTMLInputElement>;\n\n  const handleKeyDown = ((event) => {\n    const { key, target } = event;\n    log('QuantityPicker.handleKeyDown() key', key);\n    if (typeof target !== 'object' || key !== KEY_ENTER) {\n      return;\n    }\n\n    const input = target as HTMLInputElement;\n    const { value: currentValue } = input;\n    const numericValue = Number(currentValue);\n    log('QuantityPicker.handleKeyDown() currentValue', currentValue, 'numericValue', numericValue);\n    if (currentValue === '' || Number.isNaN(numericValue)) {\n      return;\n    }\n    changeQuantity(numericValue, ChangeOrigin.KeyDownHandler);\n  }) as KeyboardEventHandler<HTMLInputElement>;\n\n  const handleChange = useCallback(\n    (inputValue: CounterValue) => changeQuantity(inputValue, ChangeOrigin.ChangeHandler),\n    [changeQuantity],\n  );\n\n  return {\n    inputRef,\n    isInputFocused: isInputFocused.current,\n    isServerUpdate: isServerUpdate.current,\n    handleBlur,\n    handleChange,\n    handleFocus,\n    handleKeyDown,\n    setValue,\n    value: value.current,\n  };\n};\n","import { useContext, createContext } from 'react';\n\nexport const basketLinkContext = createContext<string>('');\n\nexport const BasketLinkContextProvider = basketLinkContext.Provider;\n\nexport const useBasketLinkContext = () => useContext(basketLinkContext);\n","import type { Dispatch, SetStateAction } from 'react';\nimport { createContext } from 'react';\n\nimport type { MiniBagState } from '~/models';\n\nexport interface MiniBagContext {\n  setMiniBagState: Dispatch<SetStateAction<Partial<MiniBagState>>>;\n}\n\nexport const miniBagContext = createContext<MiniBagContext>({\n  setMiniBagState: () => {},\n});\n\nexport const MiniBagContextProvider = miniBagContext.Provider;\n","import { Typography, styled, Link } from '@ori-ui/mui';\nimport useTestId from '@ori/testid-generator';\nimport type { FC, PropsWithChildren } from 'react';\n\nimport { useBasketLinkContext } from '~/contexts';\n\nconst Root = styled(Link)(({ theme }) => ({\n  position: 'relative',\n  display: 'block',\n  whiteSpace: 'nowrap',\n  height: 45,\n  color: theme.palette.background.paper,\n  border: '2px solid',\n  borderColor: theme.palette.primary.main,\n  background: theme.palette.primary.main,\n  textAlign: 'center',\n  textTransform: 'uppercase',\n  textDecoration: 'none',\n  verticalAlign: 'middle',\n  cursor: 'pointer',\n  WebkitBoxSizing: 'border-box',\n  boxSizing: 'border-box',\n  maxWidth: '100%',\n  fontWeight: 'bold',\n  borderRadius: '999px',\n  transition: 'box-shadow 0.15s, transform 0.15s',\n  '&:hover': {\n    boxShadow: '0 3px 8px 0 rgba(51, 51, 51, 0.1)',\n    transform: 'scale(1.01)',\n    color: theme.palette.background.paper,\n  },\n}));\n\nconst Label = styled(Typography)(({ theme }) => ({\n  fontWeight: 'bold',\n  lineHeight: `${theme.spacing(8)}`,\n}));\n\nexport const MainButton: FC<PropsWithChildren> = ({ children }) => {\n  const basketLink = useBasketLinkContext();\n  const { getTestId } = useTestId();\n\n  return (\n    <Root\n      href={basketLink}\n      data-testid={getTestId('button')}\n    >\n      <Label noWrap>{children}</Label>\n    </Root>\n  );\n};\n","import { styled } from '@ori-ui/mui';\nimport useTestId from '@ori/testid-generator';\nimport type { FC } from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport { MainButton } from './MainButton';\nimport { translationKeys } from '~/models';\n\nconst Root = styled('div')(({ theme }) => ({\n  background: 'linear-gradient(to top, #fff 20%, rgba(255,255,255,0.9) 30%)',\n  bottom: 0,\n  boxSizing: 'border-box',\n  justifySelf: 'flex-end',\n  padding: theme.spacing(3),\n  position: 'absolute',\n  width: '100%',\n  zIndex: 2,\n}));\n\nexport const Footer: FC = () => {\n  const { getTestId } = useTestId();\n\n  return (\n    <Root data-testid={getTestId('footer')}>\n      <MainButton>\n        <FormattedMessage id={translationKeys.goToBasket} />\n      </MainButton>\n    </Root>\n  );\n};\n","import { Typography, styled } from '@ori-ui/mui';\nimport useTestId from '@ori/testid-generator';\nimport type { FC } from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport { useBasketLinkContext } from '~/contexts';\nimport { translationKeys } from '~/models';\n\nconst Root = styled('div')(({ theme }) => ({\n  height: 65,\n  position: 'absolute',\n  zIndex: 2,\n  display: 'flex',\n  padding: theme.spacing(0, 4),\n  boxSizing: 'border-box',\n  alignItems: 'center',\n  width: '100%',\n  background: 'linear-gradient(to bottom, #fff 20%, rgba(255,255,255,0.9) 30%)',\n  color: theme.palette.text.secondary,\n}));\n\nconst BasketLink = styled('a')(({ theme }) => ({\n  color: theme.palette.text.primary,\n  textDecoration: 'none',\n}));\n\nexport const Header: FC<{ quantity: number }> = ({ quantity }) => {\n  const basketLink = useBasketLinkContext();\n  const { getTestId } = useTestId();\n\n  return (\n    <Root data-testid={getTestId('header')}>\n      <Typography variant=\"h6\">\n        <BasketLink\n          href={basketLink}\n          data-testid={getTestId('header-basket-link')}\n        >\n          <FormattedMessage id={translationKeys.basket} /> ({quantity.toString()})\n        </BasketLink>\n      </Typography>\n    </Root>\n  );\n};\n","/* eslint-disable @typescript-eslint/naming-convention -- x */\nimport type { IconButtonProps } from '@ori-ui/components';\nimport { Counter } from '@ori-ui/components';\nimport type { InputProps } from '@ori-ui/mui';\nimport { styled } from '@ori-ui/mui';\nimport type { FC } from 'react';\n\nimport { useQuantityPicker } from '~/hooks/useQuantityPicker';\nimport type { HandleQuantityChangeOptions, TestIdProp } from '~/models';\n\ninterface QuantityPickerProps extends TestIdProp {\n  canBeDeleted: boolean;\n  canBeModified: boolean;\n  canBeReduced: boolean;\n  initialQuantity: number;\n  itemCode: string;\n  lineNumber: number;\n  maxQuantity: number;\n  onQuantityChange: (options: HandleQuantityChangeOptions) => Promise<void>;\n}\n\nconst Root = styled('div')(({ theme }) => ({\n  alignItems: 'center',\n  alignSelf: 'flex-end',\n  display: 'flex',\n  position: 'relative',\n  width: 125,\n\n  [theme.breakpoints.up('md')]: {\n    alignSelf: 'center',\n    flexShrink: 0,\n  },\n}));\n\nexport const QuantityPicker: FC<QuantityPickerProps> = ({\n  'data-testid': testId,\n  canBeDeleted,\n  canBeModified,\n  canBeReduced,\n  initialQuantity,\n  itemCode,\n  lineNumber,\n  maxQuantity,\n  onQuantityChange,\n}) => {\n  const { inputRef, handleBlur, handleChange, handleFocus, handleKeyDown, value } =\n    useQuantityPicker({\n      canBeDeleted,\n      initialQuantity,\n      itemCode,\n      lineNumber,\n      maxQuantity,\n      onQuantityChange,\n    });\n\n  return (\n    <Root>\n      <Counter\n        DecreaseIconButtonProps={\n          {\n            'data-testid': `${testId}-decrease`,\n          } as Partial<IconButtonProps>\n        }\n        disabled={!canBeModified}\n        IncreaseIconButtonProps={\n          {\n            'data-testid': `${testId}-increase`,\n          } as Partial<IconButtonProps>\n        }\n        InputProps={\n          {\n            type: 'tel',\n            inputRef,\n            onFocus: handleFocus,\n            onBlur: handleBlur,\n            onKeyDown: handleKeyDown,\n          } as Partial<InputProps>\n        }\n        maxValue={maxQuantity}\n        minValue={canBeReduced ? 0 : initialQuantity}\n        value={value}\n        onChange={handleChange}\n      />\n    </Root>\n  );\n};\n","import { IconButton } from '@ori-ui/components';\nimport { Add } from '@ori-ui/icons';\nimport { styled } from '@ori-ui/mui';\nimport type { FC } from 'react';\n\nimport type { TestIdProp } from '~/models';\n\ninterface RemoveProps extends TestIdProp {\n  onClick?: () => Promise<void>;\n}\n\nconst Root = styled(IconButton)(({ theme }) => ({\n  alignItems: 'center',\n  display: 'flex',\n  fontSize: theme.typography.pxToRem(14),\n  color: theme.palette.common.black,\n  height: 20,\n  justifyContent: 'center',\n  left: theme.spacing(-2),\n  position: 'absolute',\n  top: theme.spacing(1),\n  width: 20,\n  zIndex: 1,\n}));\n\nconst Icon = styled(Add)(({ theme }) => ({\n  fontSize: theme.typography.pxToRem(14),\n  transform: 'rotate(45deg)',\n}));\n\nexport const Remove: FC<RemoveProps> = ({ 'data-testid': testId, onClick }) => (\n  <Root\n    color=\"default\"\n    variant=\"contained\"\n    data-testid={testId}\n    onClick={onClick}\n  >\n    <Icon />\n  </Root>\n);\n","import type { Theme } from '@ori-ui/mui';\nimport { styled } from '@ori-ui/mui';\nimport type { FC } from 'react';\n\ninterface ShadeElementProps {\n  colorHexCode: string | null;\n  colorImageSrc: string | null;\n}\n\nconst shadeElementStyles = (theme: Theme) =>\n  ({\n    borderRadius: '50%',\n    display: 'inline-block',\n    height: 7,\n    margin: theme.spacing(1, 1, 1.2, 0),\n    width: 7,\n  } as const);\n\nconst ColorShadeElement = styled('div')<{ ownerState: { background: string } }>(\n  ({ theme, ownerState: { background } }) => ({\n    ...shadeElementStyles(theme),\n    background,\n  }),\n);\n\nconst ImageShadeElement = styled('img')(({ theme }) => shadeElementStyles(theme));\n\nconst getLinearGradient = (colors: string[]) =>\n  `linear-gradient(to right, ${colors[0]}, ${colors[0]} 50%, ${colors[1]} 50%)`;\n\nexport const ShadeElement: FC<ShadeElementProps> = ({ colorHexCode, colorImageSrc }) => {\n  const colorHexCodes = colorHexCode?.split(',').filter((hexCode) => Boolean(hexCode));\n\n  if (colorHexCodes && colorHexCodes.length > 0) {\n    let ownerState;\n\n    if (colorHexCodes.length > 1) {\n      ownerState = { background: getLinearGradient(colorHexCodes) };\n\n      return <ColorShadeElement ownerState={ownerState} />;\n    }\n\n    ownerState = { background: colorHexCodes[0] as string };\n\n    return <ColorShadeElement ownerState={ownerState} />;\n  }\n\n  if (colorImageSrc) {\n    return (\n      <ImageShadeElement\n        src={colorImageSrc}\n        alt=\"\"\n      />\n    );\n  }\n\n  return null;\n};\n","import { styled, Typography } from '@ori-ui/mui';\nimport type { FC } from 'react';\nimport { memo } from 'react';\n\nimport { ShadeElement } from './ShadeElement';\nimport type { TestIdProp } from '~/models';\n\ninterface ShadeProps extends TestIdProp {\n  colorHexCode: string | null;\n  colorImageSrc: string | null;\n  colorName: string;\n}\n\nconst Root = styled('div')(({ theme }) => ({\n  color: theme.palette.grey.A400,\n  display: 'flex',\n  alignItems: 'center',\n}));\n\nexport const Shade: FC<ShadeProps> = memo(\n  ({ 'data-testid': testId, colorHexCode, colorImageSrc, colorName }) => (\n    <Root data-testid={testId}>\n      <ShadeElement\n        colorHexCode={colorHexCode}\n        colorImageSrc={colorImageSrc}\n      />\n      <Typography variant=\"caption\">{colorName}</Typography>\n    </Root>\n  ),\n);\n","import type { ShoppingBagItem } from '@ori-events/basket-updated';\nimport { DiscountTagFilled, Products } from '@ori-ui/icons';\nimport { Link, Typography, styled } from '@ori-ui/mui';\nimport { Placement } from '@ori/analytics-data';\nimport useTestId from '@ori/testid-generator';\nimport type { FC } from 'react';\nimport { useCallback, useContext } from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport { QuantityPicker } from './QuantityPicker';\nimport { Remove } from './Remove';\nimport { Shade } from './Shade';\nimport { miniBagContext } from '~/contexts';\nimport { translationKeys } from '~/models';\nimport type { MiniBagState, HandleQuantityChangeOptions } from '~/models';\nimport { removeBasketItem, showErrorNotification, updateBasketItem } from '~/utils';\n\nconst Root = styled('li')(({ theme }) => ({\n  padding: theme.spacing(3, 0),\n  position: 'relative',\n  boxSizing: 'border-box',\n  margin: theme.spacing(0, 3),\n  '& + li': {\n    borderTop: `2px solid ${theme.palette.grey[100]}`,\n  },\n}));\n\nconst StyledMiniBagWrapper = styled('div')({\n  display: 'flex',\n  color: '999',\n  textDecoration: 'none',\n});\n\nconst ImgLink = styled(Link)(({ theme }) => ({\n  width: 80,\n  height: 100,\n  padding: theme.spacing(3, 0),\n  marginRight: theme.spacing(2),\n  background: theme.palette.grey[100],\n  borderRadius: 5,\n  position: 'relative',\n  overflow: 'hidden',\n  display: 'flex',\n  justifyContent: 'center',\n}));\n\nconst Image = styled('img')({\n  maxWidth: '100%',\n  maxHeight: '100%',\n});\n\nconst MissingImgIcon = styled(Products)(({ theme }) => ({\n  position: 'absolute',\n  width: '50%',\n  height: 'auto',\n  left: '50%',\n  top: '50%',\n  transform: 'translate(-50%, -50%)',\n  color: theme.palette.grey[200],\n}));\n\nconst StyledItemDescription = styled('div')({\n  display: 'flex',\n  flexGrow: 1,\n  flexDirection: 'column',\n  textDecoration: 'none',\n  maxWidth: 'calc(100% - 90px)',\n});\n\nconst StyledItemInfoLink = styled(Link)(({ theme }) => ({\n  display: 'flex',\n  textDecoration: 'none',\n  maxHeight: 40,\n  overflow: 'hidden',\n}));\n\nconst StyledName = styled(Typography)({\n  maxWidth: 'calc(100% - 38px)',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  display: '-webkit-box',\n  WebkitLineClamp: 2,\n  WebkitBoxOrient: 'vertical',\n});\n\nconst Discount = styled('div')(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  position: 'relative',\n  flexShrink: 0,\n  width: 25,\n  height: 25,\n  marginLeft: 'auto',\n  border: '0',\n  color: theme.palette.offer.contrastText,\n  borderRadius: '50%',\n  backgroundColor: theme.palette.offer.main,\n}));\n\nconst DiscountIcon = styled(DiscountTagFilled)(({ theme }) => ({\n  fontSize: theme.typography.pxToRem(15),\n}));\n\nconst StyledItemDetails = styled('div')({\n  display: 'flex',\n  marginTop: 'auto',\n  textDecoration: 'none',\n});\n\nconst StyledQuantityBlock = styled(Typography)({\n  marginRight: 'auto',\n  alignSelf: 'flex-end',\n});\n\nconst StyledPriceBlock = styled('div')({\n  marginLeft: 'auto',\n  marginTop: 'auto',\n});\n\nconst StyledPrice = styled(Typography)(({ theme }) => ({\n  fontWeight: 'bold',\n  color: theme.palette.text.secondary,\n  whiteSpace: 'nowrap',\n}));\n\nconst StyledPriceOld = styled(Typography)(({ theme }) => ({\n  textAlign: 'right',\n  textDecoration: 'line-through',\n  fontSize: theme.typography.pxToRem(12),\n  color: theme.palette.text.disabled,\n}));\n\nexport const Item: FC<ShoppingBagItem> = ({\n  itemCode,\n  itemDescription,\n  itemImageSrc,\n  itemDetailPath,\n  itemType,\n  requestedQuantity,\n  totalOriginalPrice,\n  totalPrice,\n  canBeDeleted,\n  lineNumber,\n  canBeModified,\n  canBeReduced,\n  maxQuantity,\n  colorHexCode,\n  colorImageSrc,\n  itemColor,\n}) => {\n  const { getTestId } = useTestId();\n  const { setMiniBagState } = useContext(miniBagContext);\n  const setState = useCallback(\n    (nextState: Partial<MiniBagState>) =>\n      setMiniBagState((previousState) => ({\n        ...previousState,\n        ...nextState,\n      })),\n    [setMiniBagState],\n  );\n  const removeItemHandler = useCallback(async () => {\n    try {\n      setState({\n        isLoading: true,\n      });\n      await removeBasketItem({\n        itemCode,\n        lineNumber,\n        placement: Placement.Minibag,\n        previousQuantity: requestedQuantity,\n      });\n    } catch (error: unknown) {\n      // eslint-disable-next-line no-console -- want the info in console\n      console.error(error);\n      setState({\n        isLoading: false,\n      });\n    }\n  }, [setState, itemCode, lineNumber, requestedQuantity]);\n\n  const handleQuantityChange = useCallback(\n    async ({\n      itemCode: code,\n      lineNumber: line,\n      quantity: currentQuantity,\n      previousQuantity,\n    }: HandleQuantityChangeOptions) => {\n      if (currentQuantity === 0) {\n        removeItemHandler();\n      } else {\n        try {\n          await updateBasketItem({\n            itemCode: code,\n            lineNumber: line,\n            placement: Placement.Minibag,\n            previousQuantity,\n            quantity: currentQuantity,\n          });\n        } catch (error) {\n          showErrorNotification('genericError');\n        }\n      }\n    },\n    [removeItemHandler],\n  );\n\n  const partialId = `${lineNumber}-${itemCode}-${itemType}`;\n\n  return (\n    <Root\n      id={`item-${partialId}-${totalPrice}`}\n      data-testid={`${getTestId('item')}-${partialId}`}\n    >\n      {canBeDeleted ? (\n        <Remove\n          data-testid=\"remove\"\n          onClick={removeItemHandler}\n        />\n      ) : null}\n      <StyledMiniBagWrapper>\n        <ImgLink href={itemDetailPath}>\n          {itemImageSrc ? (\n            <Image\n              src={itemImageSrc}\n              alt=\"product\"\n            />\n          ) : (\n            <MissingImgIcon />\n          )}\n        </ImgLink>\n        <StyledItemDescription>\n          <StyledItemInfoLink href={itemDetailPath}>\n            <StyledName variant=\"body1\">{itemDescription}</StyledName>\n            {totalOriginalPrice ? (\n              <Discount>\n                <DiscountIcon />\n              </Discount>\n            ) : null}\n          </StyledItemInfoLink>\n          {(colorHexCode || colorImageSrc) && itemColor ? (\n            <Shade\n              data-testid=\"shade\"\n              colorHexCode={colorHexCode}\n              colorImageSrc={colorImageSrc}\n              colorName={itemColor}\n            />\n          ) : null}\n          <StyledItemDetails>\n            {!canBeReduced && !canBeModified ? (\n              <StyledQuantityBlock variant=\"body1\">\n                <FormattedMessage id={translationKeys.qty} />:{requestedQuantity}\n              </StyledQuantityBlock>\n            ) : (\n              <QuantityPicker\n                data-testid=\"quantity-picker\"\n                canBeDeleted={canBeDeleted}\n                canBeModified={canBeModified}\n                canBeReduced={canBeReduced}\n                initialQuantity={requestedQuantity}\n                itemCode={itemCode}\n                lineNumber={lineNumber}\n                maxQuantity={maxQuantity}\n                onQuantityChange={handleQuantityChange}\n              />\n            )}\n            <StyledPriceBlock>\n              {totalOriginalPrice ? (\n                <StyledPriceOld variant=\"body1\">{totalOriginalPrice}</StyledPriceOld>\n              ) : null}\n              <StyledPrice variant=\"body2\">{totalPrice}</StyledPrice>\n            </StyledPriceBlock>\n          </StyledItemDetails>\n        </StyledItemDescription>\n      </StyledMiniBagWrapper>\n    </Root>\n  );\n};\n","import { keyframes } from '@emotion/react';\nimport { OriflameSpinner } from '@ori-ui/icons';\nimport { styled, alpha } from '@ori-ui/mui';\nimport type { FC } from 'react';\n\nconst spin = keyframes`\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n`;\n\nconst Root = styled('div')(({ theme }) => ({\n  position: 'absolute',\n  top: theme.spacing(13),\n  bottom: theme.spacing(9),\n  width: '100%',\n  height: `calc(100% - ${theme.spacing(28)})`, // 100% - (header + footer height)\n  background: alpha(theme.palette.common.white, 0.5),\n  zIndex: 999,\n}));\n\nconst Wrapper = styled('div')({\n  position: 'absolute',\n  top: '50%',\n  left: '50%',\n  transform: 'translate(-50%, -50%)',\n});\n\nconst Spinner = styled(OriflameSpinner)({\n  animation: `${spin} 1s linear infinite`,\n});\n\nconst Loader: FC = () => (\n  <Root>\n    <Wrapper>\n      <Spinner\n        fontSize=\"large\"\n        color=\"secondary\"\n      />\n    </Wrapper>\n  </Root>\n);\n\nexport default Loader;\n","import type { ShoppingBagItem } from '@ori-events/basket-updated';\nimport { List, Typography, styled, ScopedCssBaseline } from '@ori-ui/mui';\nimport useTestId from '@ori/testid-generator';\nimport type { FC, MouseEvent } from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport { Footer, Header, Item } from './content';\nimport Loader from './content/Loader';\nimport { translationKeys } from '~/models';\nimport { basePositionStyles } from '~/utils';\n\nexport const minibagWidthStyle = 'var(--minibag-desktop-width, 400px)';\ninterface MiniBagProps {\n  breakpointIndex: number;\n  isECatalogue: boolean;\n  items: ShoppingBagItem[];\n  isDataLoaded: boolean;\n  isLoading: boolean;\n  onMouseEnter: (event: MouseEvent<HTMLDivElement>) => void;\n  onMouseLeave: (event: MouseEvent<HTMLDivElement>) => void;\n}\n\nconst Root = styled('div')<{ ownerState: { breakpointIndex: number; isECatalogue: boolean } }>(\n  ({ theme, ownerState }) => ({\n    ...basePositionStyles,\n    background: theme.palette.background.paper,\n    boxShadow: theme.shadows[2],\n    boxSizing: 'border-box',\n    display: 'flex',\n    flexDirection: 'column',\n    left: 'auto',\n    maxWidth: 'calc(100vw - 40px)',\n    width:\n      ownerState.isECatalogue && ownerState.breakpointIndex === 2 ? minibagWidthStyle : '400px',\n    zIndex: 1,\n  }),\n);\n\nconst ItemWrapper = styled(ScopedCssBaseline)(({ theme }) => ({\n  position: 'relative',\n  display: 'block',\n  boxSizing: 'border-box',\n  overflow: 'hidden',\n  flex: 1,\n  background: theme.palette.background.paper,\n}));\n\nconst EmptyBag = styled('div')(({ theme }) => ({\n  position: 'inherit',\n  top: '40%',\n  textAlign: 'center',\n  color: theme.palette.text.secondary,\n}));\n\nconst Items = styled(List)(({ theme }) => ({\n  boxSizing: 'border-box',\n  listStyleType: 'none',\n  maxHeight: '100%',\n  overflow: 'auto',\n  paddingTop: theme.spacing(13),\n  paddingBottom: theme.spacing(15),\n  overscrollBehavior: 'contain',\n}));\n\nexport const MiniBag: FC<MiniBagProps> = ({\n  breakpointIndex,\n  isECatalogue,\n  items,\n  isDataLoaded,\n  isLoading,\n  onMouseEnter,\n  onMouseLeave,\n}) => {\n  const quantity = items.reduce((total, current) => total + current.requestedQuantity, 0);\n  const { getTestId } = useTestId();\n  const ownerState = { breakpointIndex, isECatalogue };\n\n  return (\n    <Root\n      ownerState={ownerState}\n      data-testid={getTestId('content')}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      <Header quantity={quantity} />\n      {isLoading || !isDataLoaded ? <Loader /> : null}\n      <ItemWrapper data-testid={getTestId('items')}>\n        {items.length > 0 && (\n          <Items>\n            {items.map((item: ShoppingBagItem) => (\n              <Item\n                key={`minibag-item-${item.lineNumber}-${item.itemCode}-${item.itemType}-${item.totalPrice}`}\n                {...item}\n              />\n            ))}\n          </Items>\n        )}\n        {isDataLoaded && items.length === 0 ? (\n          <EmptyBag data-testid={getTestId('empty')}>\n            <Typography variant=\"h6\">\n              <FormattedMessage id={translationKeys.emptyBag} />\n            </Typography>\n            <Typography variant=\"body1\">\n              - <FormattedMessage id={translationKeys.emptyBagMessage} /> -\n            </Typography>\n          </EmptyBag>\n        ) : null}\n      </ItemWrapper>\n      <Footer />\n    </Root>\n  );\n};\n","/* eslint-disable react/jsx-no-bind -- don't want to write old function() syntax for event handlers */\nimport type { Data } from '@ori-events/basket-updated';\nimport * as RequestShoppingContext from '@ori-events/request-shopping-context';\nimport * as ToggleMenuFlyout from '@ori-events/toggle-menu-flyout';\nimport { Fade, Modal, styled } from '@ori-ui/mui';\nimport useTestId from '@ori/testid-generator';\nimport type { DebouncedFunc } from 'lodash';\nimport debounce from 'lodash.debounce';\nimport type { FC } from 'react';\nimport { useCallback, useEffect, useState } from 'react';\n\nimport { MiniBag, minibagWidthStyle } from './MiniBag';\nimport { MiniBagContextProvider } from '~/contexts/minBagContext';\nimport { useBasketUpdated, useBreakpointIndex, useInitialShoppingContext } from '~/hooks';\nimport type { MiniBagState } from '~/models/MiniBagState';\nimport { initialMiniBagState } from '~/models/MiniBagState';\nimport { basePositionStyles, log } from '~/utils';\n\nconst topNavHeightStyle = 'var(--top-nav-height, 0)';\nconst toolbarPositionStyle = 'var(--ecatalogue-toolbar-position, 0)';\n\ntype ToggleMenuCallbackResult = DebouncedFunc<() => void> | undefined;\n\nconst Root = styled(Modal)<{\n  ownerState: { breakpointIndex: number; isECatalogue: boolean; isVisible: boolean };\n}>(({ ownerState, theme }) => ({\n  ...basePositionStyles,\n  position: 'fixed',\n  display: 'block',\n  textAlign: 'left',\n  zIndex: 218,\n  ...(!ownerState.isVisible && {\n    left: 'auto',\n  }),\n  ...(((ownerState.isVisible && !ownerState.isECatalogue) ||\n    (ownerState.isVisible && ownerState.isECatalogue && ownerState.breakpointIndex !== 2)) && {\n    left: 0,\n  }),\n  ...(ownerState.isVisible &&\n    ownerState.isECatalogue &&\n    ownerState.breakpointIndex === 2 && {\n      left: `calc(100vw - ${minibagWidthStyle})`,\n    }),\n  ...(!ownerState.isECatalogue && {\n    top: topNavHeightStyle,\n  }),\n  ...(ownerState.isECatalogue &&\n    ownerState.breakpointIndex === 2 && {\n      top: toolbarPositionStyle,\n      zIndex: theme.zIndex.drawer,\n    }),\n  ...(ownerState.isECatalogue &&\n    ownerState.breakpointIndex !== 2 && {\n      top: 0,\n      zIndex: 1501,\n    }),\n  transition: `top var(${\n    ownerState.isECatalogue\n      ? '--ecatalogue-toolbar-position-animation'\n      : '--top-nav-height-animation'\n  }, 0.3s ease-in-out)`,\n}));\n\nexport const MiniBagWrapper: FC<{ isECatalogue: boolean }> = ({ isECatalogue }) => {\n  const breakpointIndex = useBreakpointIndex();\n  const [miniBagState, setMiniBagState] = useState<Partial<MiniBagState>>(initialMiniBagState);\n  const setState = useCallback(\n    (nextState: Partial<MiniBagState>) =>\n      setMiniBagState((previousState) => {\n        const newState = {\n          ...previousState,\n          ...nextState,\n        };\n        log('setting new state:', newState);\n\n        return newState;\n      }),\n    [],\n  );\n\n  const { isVisible = false, items = [], isDataLoaded = false, isLoading = true } = miniBagState;\n  const [lastCallback, setLastCallback] = useState<ToggleMenuCallbackResult>(undefined);\n  const setCallback = useCallback(\n    (callback: ToggleMenuCallbackResult) =>\n      setLastCallback((oldCallback) => {\n        if (oldCallback) {\n          log('cancelling old callback ...');\n          oldCallback.cancel();\n        }\n        log('setting up toggle menu callback:', callback);\n        callback?.();\n\n        return callback;\n      }),\n    [],\n  );\n\n  log(\n    'Rendering ...',\n    '\\n\\tState:',\n    miniBagState,\n    '\\n\\tBreakpoint index:',\n    breakpointIndex,\n    '\\n\\tIs eCatalogue:',\n    isECatalogue,\n    '\\n\\tLast hover debounce callback:',\n    lastCallback,\n  );\n\n  const { getTestId } = useTestId();\n\n  const updateData = (data: Data) => {\n    setState({\n      isLoading: false,\n      isDataLoaded: true,\n      items: data.shoppingBag.shoppingBagItems.filter((item) => item.itemType !== 'U'),\n    });\n  };\n\n  useInitialShoppingContext(updateData);\n  useBasketUpdated(updateData);\n\n  useEffect(() => {\n    log('Requesting shopping context ...');\n    const event = new CustomEvent(RequestShoppingContext.Name);\n    window.dispatchEvent(event);\n  }, []);\n\n  const isECatalogueDesktop = isECatalogue && breakpointIndex === 2;\n  const isOtherPageSmallScreen = !isECatalogue && breakpointIndex === 0;\n\n  const debouncedHide = useCallback(\n    () =>\n      debounce(() => {\n        setCallback(undefined);\n        setState({ isVisible: false });\n      }, 500),\n    [setCallback, setState],\n  );\n\n  const toggleMenuCallback = useCallback<\n    (data: ToggleMenuFlyout.Event) => DebouncedFunc<() => void> | undefined\n  >(\n    (data: ToggleMenuFlyout.Event) => {\n      log('toggleMenuCallback - event:', data);\n\n      if (isECatalogueDesktop || isOtherPageSmallScreen) {\n        log('toggleMenuCallback: ignored in this breakpoint');\n\n        return undefined;\n      }\n\n      if (data.detail.menuType !== ToggleMenuFlyout.MenuTypes.Minibag) {\n        log('toggleMenuCallback: toggle-menu-flyout event for another component, closing ...');\n        setState({ isVisible: false });\n\n        return undefined;\n      }\n\n      if (typeof data.detail.shouldOpen === 'undefined') {\n        log(\n          'toggleMenuCallback: toggle-menu-flyout event without shouldOpen property set,',\n          'toggling visibility ...',\n        );\n\n        setMiniBagState((previousState) => ({\n          ...previousState,\n          isVisible: !previousState.isVisible,\n        }));\n\n        return undefined;\n      }\n\n      if (data.detail.shouldOpen) {\n        log('toggleMenuCallback: toggle-menu-flyout event with shouldOpen === true, opening ...');\n        setState({ isVisible: true });\n\n        return undefined;\n      }\n\n      log(\n        'toggleMenuCallback: toggle-menu-flyout event with shouldOpen === false',\n        'closing scheduled after 500 ms ...',\n      );\n\n      return debouncedHide();\n    },\n    [debouncedHide, isECatalogueDesktop, isOtherPageSmallScreen, setState],\n  );\n\n  useEffect(() => {\n    // always show in eCatalog \"desktop\" mode\n    if (isECatalogueDesktop) {\n      log('eCatalogue and desktop - always shown: opening ...');\n      setState({ isVisible: true });\n    }\n    // always hide in other pages small screen\n    if (isOtherPageSmallScreen) {\n      log('other pages and small breakpoint - always hidden: closing ...');\n      setState({ isVisible: false });\n    }\n\n    const toggleMenuFlyoutHandler = ((data: ToggleMenuFlyout.Event) =>\n      setCallback(toggleMenuCallback(data))) as EventListener;\n\n    window.addEventListener(ToggleMenuFlyout.Name, toggleMenuFlyoutHandler);\n\n    return () => window.removeEventListener(ToggleMenuFlyout.Name, toggleMenuFlyoutHandler);\n  }, [\n    breakpointIndex,\n    isECatalogue,\n    isECatalogueDesktop,\n    isOtherPageSmallScreen,\n    lastCallback,\n    setCallback,\n    setState,\n    toggleMenuCallback,\n  ]);\n\n  const handleOverlayClick = () => {\n    if (!isECatalogueDesktop) {\n      setState({ isVisible: false });\n    }\n  };\n\n  const handleMouseEnter = () => {\n    if (isECatalogue || isOtherPageSmallScreen) {\n      log('mouseenter: ignored in this breakpoint');\n\n      return;\n    }\n    log('mouseenter');\n    setCallback(undefined);\n  };\n  const handleMouseLeave = () => {\n    if (isECatalogue || isOtherPageSmallScreen) {\n      log('mouseleave: ignored in this breakpoint');\n\n      return;\n    }\n    log('mouseleave: hiding ...');\n    setState({ isVisible: false });\n  };\n  const ownerState = { breakpointIndex, isECatalogue, isVisible };\n\n  return (\n    <MiniBagContextProvider value={{ setMiniBagState }}>\n      <Root\n        disableEnforceFocus\n        ownerState={ownerState}\n        open={isVisible}\n        BackdropProps={{\n          onClick: handleOverlayClick,\n          timeout: 0,\n          role: 'presentation',\n          open: isVisible && !isECatalogueDesktop,\n        }}\n      >\n        <Fade in={isVisible}>\n          <div data-testid={getTestId('fading-wrapper')}>\n            <MiniBag\n              breakpointIndex={breakpointIndex}\n              isECatalogue={isECatalogue}\n              items={items}\n              isDataLoaded={isDataLoaded}\n              isLoading={isLoading}\n              onMouseEnter={handleMouseEnter}\n              onMouseLeave={handleMouseLeave}\n            />\n          </div>\n        </Fade>\n      </Root>\n    </MiniBagContextProvider>\n  );\n};\n","import { useMediaQuery, useTheme } from '@ori-ui/mui';\n\n/**\n * The breakpoint where eCatalogue / iPaper layout\n * logic changes from mobile to desktop.\n */\nexport const E_CATALOGUE_BREAKPOINT = 1024;\n\n/**\n * @returns Zero-based breakpoint index as one of the following:\n * 0 - Small screen for pages other than eCatalogue / iPaper\n *     Based on the 'sm' theme size. Minibag is not displayed\n *     in this case outside of eCatalogue, and is displayed as a popup\n *     in eCatalogue.\n * 1 - Middle breakpoint. Minibag is displayed in a popup for all pages.\n *     Size is based on the E_CATALOGUE_BREAKPOINT constant.\n * 2 - Large breakpoint. Minibag is displayed as popup outside of eCatalogue,\n *     and in fixed position appearing as page content in eCatalogue\n *     (\"desktop\" mode). Size is based on the E_CATALOGUE_BREAKPOINT constant.\n */\nexport const useBreakpointIndex = () => {\n  const theme = useTheme();\n  const isSmallScreen = useMediaQuery(theme.breakpoints.down('sm'), { noSsr: true });\n  const isMiddleScreen = useMediaQuery(theme.breakpoints.down(E_CATALOGUE_BREAKPOINT), {\n    noSsr: true,\n  });\n\n  let breakpointIndex = 0;\n\n  if (isSmallScreen) {\n    breakpointIndex = 0;\n  } else if (isMiddleScreen) {\n    breakpointIndex = 1;\n  } else {\n    breakpointIndex = 2;\n  }\n\n  return breakpointIndex;\n};\n","import type * as BasketUpdated from '@ori-events/basket-updated';\nimport * as ShoppingContextLoaded from '@ori-events/shopping-context-loaded';\nimport { useEffect } from 'react';\n\nexport const useInitialShoppingContext = (callback: (event: BasketUpdated.Data) => void) => {\n  useEffect(() => {\n    const listener = ((event: BasketUpdated.Event) => callback(event.detail)) as EventListener;\n    window.addEventListener(ShoppingContextLoaded.Name, listener);\n\n    return () => window.removeEventListener(ShoppingContextLoaded.Name, listener);\n  }, [callback]);\n};\n","import * as BasketUpdated from '@ori-events/basket-updated';\nimport { useEffect } from 'react';\n\nexport const useBasketUpdated = (callback: (event: BasketUpdated.Data) => void) => {\n  useEffect(() => {\n    const listener = ((event: BasketUpdated.Event) => callback(event.detail)) as EventListener;\n    window.addEventListener(BasketUpdated.Name, listener);\n\n    return () => window.removeEventListener(BasketUpdated.Name, listener);\n  }, [callback]);\n};\n","import { ThemeProvider } from '@ori-ui/mui';\nimport { useCultureContext, ClientCultureContextProvider } from '@ori/culture-provider';\nimport { TestIdProvider } from '@ori/testid-generator';\nimport type { FC } from 'react';\nimport { IntlProvider } from 'react-intl';\n\nimport { MiniBagWrapper } from '~/components';\nimport { BasketLinkContextProvider } from '~/contexts';\nimport type { AppConfiguration } from '~/models';\n\ninterface AppProps {\n  isECatalogue: boolean;\n  configuration: AppConfiguration;\n}\n\nexport const App: FC<AppProps> = ({\n  isECatalogue,\n  configuration: { basketLink, staticApiUrl, tenant, translations },\n}) => {\n  const { getSelectedCultureCode } = useCultureContext();\n  const cultureCode = getSelectedCultureCode() ?? document.documentElement.lang;\n\n  return (\n    <ThemeProvider\n      enableCacheProvider\n      cacheKey=\"ori-mini-bag\"\n    >\n      <ClientCultureContextProvider\n        host={staticApiUrl}\n        tenant={tenant}\n      >\n        <BasketLinkContextProvider value={basketLink}>\n          <IntlProvider\n            locale={cultureCode}\n            messages={translations}\n          >\n            <TestIdProvider\n              team=\"Checkout\"\n              project=\"shopping-mini-bag\"\n            >\n              <MiniBagWrapper isECatalogue={isECatalogue} />\n            </TestIdProvider>\n          </IntlProvider>\n        </BasketLinkContextProvider>\n      </ClientCultureContextProvider>\n    </ThemeProvider>\n  );\n};\n","import { version as ReactVersion } from 'react';\n\nimport { App } from './App';\nimport { getConfiguration } from '~/utils';\n\nexport const render = async (rootElement: HTMLElement, isECatalogue: boolean) => {\n  const configuration = getConfiguration(rootElement);\n\n  if (ReactVersion.startsWith('18')) {\n    const { createRoot } = await import('react-dom/client');\n    createRoot(rootElement).render(\n      <App\n        configuration={configuration}\n        isECatalogue={isECatalogue}\n      />,\n    );\n  } else {\n    if (__DEV__) {\n      // eslint-disable-next-line no-console -- show the info in console\n      console.error('react-dom/client cannot be imported using legacy render');\n    }\n    const { render: reactDomRender } = await import('react-dom');\n    reactDomRender(\n      <App\n        configuration={configuration}\n        isECatalogue={isECatalogue}\n      />,\n      rootElement,\n    );\n  }\n};\n","module.exports = (__webpack_require__(528))(\"48I+\");","module.exports = (__webpack_require__(528))(\"AeFk\");","module.exports = (__webpack_require__(528))(\"TZ0e\");","module.exports = (__webpack_require__(528))(\"U9Pw\");","module.exports = (__webpack_require__(528))(\"cTN3\");","module.exports = (__webpack_require__(528))(\"q1tI\");"],"names":["ChangeOrigin","basketLinkContext","createContext","BasketLinkContextProvider","Provider","useBasketLinkContext","useContext","miniBagContext","setMiniBagState","MiniBagContextProvider","Root","styled","Link","theme","position","display","whiteSpace","height","color","palette","background","paper","border","borderColor","primary","main","textAlign","textTransform","textDecoration","verticalAlign","cursor","WebkitBoxSizing","boxSizing","maxWidth","fontWeight","borderRadius","transition","boxShadow","transform","Label","Typography","lineHeight","spacing","MainButton","children","basketLink","getTestId","useTestId","href","noWrap","bottom","justifySelf","padding","width","zIndex","Footer","id","translationKeys","alignItems","text","secondary","BasketLink","Header","quantity","variant","toString","alignSelf","breakpoints","up","flexShrink","QuantityPicker","testId","canBeDeleted","canBeModified","canBeReduced","initialQuantity","itemCode","lineNumber","maxQuantity","onQuantityChange","inputRef","useRef","isInputFocused","isServerUpdate","useReducer","x","forceUpdate","value","setValue","useCallback","newValue","current","log","changeQuantity","inputValue","changeOrigin","Number","isNaN","BlurHandler","currentValue","KeyDownHandler","previousQuantity","then","handleChange","ChangeHandler","handleBlur","event","target","parseInt","handleFocus","input","setSelectionRange","length","handleKeyDown","key","numericValue","useQuantityPicker","Counter","DecreaseIconButtonProps","disabled","IncreaseIconButtonProps","InputProps","type","onFocus","onBlur","onKeyDown","maxValue","minValue","onChange","IconButton","fontSize","typography","pxToRem","common","black","justifyContent","left","top","Icon","Add","Remove","onClick","shadeElementStyles","margin","ColorShadeElement","ownerState","ImageShadeElement","ShadeElement","colors","colorHexCode","colorImageSrc","colorHexCodes","split","filter","hexCode","Boolean","src","alt","grey","A400","Shade","memo","colorName","borderTop","StyledMiniBagWrapper","ImgLink","marginRight","overflow","Image","maxHeight","MissingImgIcon","Products","StyledItemDescription","flexGrow","flexDirection","StyledItemInfoLink","StyledName","textOverflow","WebkitLineClamp","WebkitBoxOrient","Discount","marginLeft","offer","contrastText","backgroundColor","DiscountIcon","DiscountTagFilled","StyledItemDetails","marginTop","StyledQuantityBlock","StyledPriceBlock","StyledPrice","StyledPriceOld","Item","itemDescription","itemImageSrc","itemDetailPath","itemType","requestedQuantity","totalOriginalPrice","totalPrice","itemColor","setState","nextState","previousState","removeItemHandler","async","isLoading","removeBasketItem","placement","Placement","error","console","handleQuantityChange","code","line","currentQuantity","updateBasketItem","showErrorNotification","partialId","spin","keyframes","alpha","white","Wrapper","Spinner","OriflameSpinner","animation","minibagWidthStyle","basePositionStyles","shadows","isECatalogue","breakpointIndex","ItemWrapper","ScopedCssBaseline","flex","EmptyBag","Items","List","listStyleType","paddingTop","paddingBottom","overscrollBehavior","MiniBag","items","isDataLoaded","onMouseEnter","onMouseLeave","reduce","total","map","item","Modal","isVisible","drawer","MiniBagWrapper","isSmallScreen","isMiddleScreen","useTheme","useMediaQuery","down","noSsr","useState","initialMiniBagState","miniBagState","newState","undefined","lastCallback","setLastCallback","setCallback","callback","oldCallback","cancel","updateData","data","shoppingBag","shoppingBagItems","useEffect","listener","detail","window","addEventListener","ShoppingContextLoaded","removeEventListener","BasketUpdated","useBasketUpdated","CustomEvent","RequestShoppingContext","dispatchEvent","isECatalogueDesktop","isOtherPageSmallScreen","debouncedHide","debounce","toggleMenuCallback","menuType","ToggleMenuFlyout","shouldOpen","toggleMenuFlyoutHandler","disableEnforceFocus","open","BackdropProps","timeout","role","Fade","in","App","configuration","staticApiUrl","tenant","translations","cultureCode","getSelectedCultureCode","useCultureContext","document","documentElement","lang","ThemeProvider","enableCacheProvider","cacheKey","ClientCultureContext","host","locale","messages","TestIdProvider","team","project","render","rootElement","getConfiguration","ReactVersion","createRoot","reactDomRender","module","exports","__webpack_require__"],"sourceRoot":""}