{"version":3,"file":"8460.a34c48569538e9539605.bundle.js","mappings":"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","sources":["webpack://webstaurantstore/./ProductDetails/Pricing/AddToCart/AccessoryPopover.tsx","webpack://webstaurantstore/./common/AddToCart/Constants.ts","webpack://webstaurantstore/./common/AddToCartModal/AccessoriesModal.tsx","webpack://webstaurantstore/./common/AddToCartModal/index.ts","webpack://webstaurantstore/./common/AddToCartModal/useAddToCartModals.ts","webpack://webstaurantstore/./common/Email/EmailValidator.ts","webpack://webstaurantstore/./productListing/ProductBox/SuccessMessage.tsx"],"sourcesContent":["import {\n  Icon,\n  Popover,\n  PopoverBody,\n  PopoverContent,\n  PopoverClose,\n  PopoverTrigger,\n} from \"@clarkinc/zest-design-system/ui\";\nimport React, {\n  FocusEventHandler,\n  MouseEventHandler,\n  MutableRefObject,\n  useCallback,\n  useRef,\n  useState,\n} from \"react\";\n\ninterface Props {\n  accessoryName: string;\n  extendedInfo: string;\n  placement?: \"left\" | \"right\" | \"bottom\" | \"top\";\n  portalContainer?: HTMLElement;\n}\n\nconst AccessoryPopover = ({\n  accessoryName,\n  extendedInfo,\n  placement,\n  portalContainer,\n}: Props) => {\n  const [open, setOpen] = useState(false);\n  const [wasAutoFocusedOnClose, setWasAutoFocusedOnClose] = useState(false);\n  const mouseOverRef: MutableRefObject<HTMLElement | null> = useRef<HTMLElement>(\n    null\n  );\n  const contentRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n\n  const handleMouseEnter: MouseEventHandler<\n    HTMLButtonElement | HTMLDivElement\n  > = useCallback((e): void => {\n    // eslint-disable-next-line @typescript-eslint/consistent-type-assertions\n    mouseOverRef.current = e.target as HTMLElement;\n    setOpen(true);\n  }, []);\n\n  const handleMouseTriggerLeave = useCallback((): void => {\n    if (contentRef.current?.contains(mouseOverRef.current)) {\n      return;\n    }\n    setOpen(false);\n  }, [contentRef]);\n\n  const handleMouseContentLeave = useCallback((): void => {\n    if (triggerRef.current?.contains(mouseOverRef.current)) {\n      return;\n    }\n    setOpen(false);\n  }, [triggerRef]);\n\n  const handleFocus: FocusEventHandler<HTMLButtonElement> = useCallback(() => {\n    if (wasAutoFocusedOnClose) {\n      setWasAutoFocusedOnClose(false);\n      setOpen(false);\n      return;\n    }\n    setOpen(true);\n  }, [wasAutoFocusedOnClose]);\n\n  const handleCloseAutoFocus = (event: Event) => {\n    event.preventDefault();\n    setOpen(false);\n    setWasAutoFocusedOnClose(true);\n    setTimeout(() => {\n      triggerRef.current?.focus();\n    }, 0);\n  };\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger\n        aria-label={`more info about ${accessoryName}`}\n        className=\"border-0 bg-transparent\"\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseTriggerLeave}\n        onFocus={handleFocus}\n        ref={triggerRef}\n      >\n        <Icon\n          theme=\"wss\"\n          className=\"fill-green-500\"\n          data-testid=\"icon-question\"\n          name=\"ri-question-fill\"\n          size=\"xsmall\"\n        />\n      </PopoverTrigger>\n      <PopoverContent\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseContentLeave}\n        onCloseAutoFocus={(e) => {\n          handleCloseAutoFocus(e);\n        }}\n        ref={contentRef}\n        placement={placement}\n        portalContainer={portalContainer}\n      >\n        <PopoverClose aria-label={`close more info about ${accessoryName}`} />\n        <PopoverBody>\n          {/* eslint-disable-next-line react/no-danger */}\n          <span dangerouslySetInnerHTML={{ __html: extendedInfo }} />\n        </PopoverBody>\n      </PopoverContent>\n    </Popover>\n  );\n};\nexport default AccessoryPopover;\n","export const AddToCartErrorNames = {\n  cartItemCountLimit: \"cartItemCountLimit\",\n};\n\nexport const AddToCartErrorMessages = {\n  cartItemCountLimitMessage:\n    \"You have reached the maximum amount of items for a single order. Please place your order, so you can continue to purchase items on a second separate order.\",\n};\n","import React, { useCallback, useState } from \"react\";\nimport formatAsCurrency from \"@wss/utilities/formatAsCurrency\";\nimport Modal, { Header, Footer, Body } from \"~/common/ModalReact\";\nimport Button from \"~/common/Buttons\";\nimport { AddToCartModal } from \".\";\nimport { Accessory } from \"../Store/models/ProductListing\";\nimport AccessoryPopover from \"~/ProductDetails/Pricing/AddToCart/AccessoryPopover\";\n\ninterface Props extends AddToCartModal<\"accessories\"> {\n  accessories: Readonly<Accessory[]>;\n  itemNumber: string;\n  previouslyPurchased?: boolean;\n}\n\nexport default ({\n  isOpen,\n  accessories,\n  itemNumber,\n  closeModal,\n  submitModal,\n  previouslyPurchased = false,\n}: Props) => {\n  interface Values {\n    [index: string]: string;\n  }\n\n  const [values, setValues] = useState<Values>({});\n\n  const [errors, setErrors] = useState<string[]>([]);\n\n  const [portalContainer, setPortalContainer] = useState<HTMLElement | null>(\n    null\n  );\n\n  const setModalRef = useCallback((node: HTMLDivElement | null) => {\n    if (node) {\n      setPortalContainer(node); // Store in state to trigger re-render for Modal content\n    }\n  }, []);\n\n  const valid = () => {\n    const newErrors: string[] = [];\n\n    accessories.forEach((accessory) => {\n      if (!accessory.isRequired || values[accessory.name]) return;\n\n      newErrors.push(accessory.name);\n    });\n\n    setErrors(newErrors);\n\n    return !newErrors.length;\n  };\n\n  const handleAddToCart = async (event: React.SyntheticEvent) => {\n    event.preventDefault();\n\n    if (valid()) {\n      submitModal({ accessories: Object.values(values) });\n      setValues({});\n    }\n  };\n\n  const validateSingle = (accessoryName: string) => {\n    setErrors([...errors].filter((error) => error !== accessoryName));\n  };\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onRequestClose={closeModal}\n      className=\"w-11/12 md:max-w-md\"\n    >\n      <Header closeModal={closeModal}>\n        <h4 className=\"flex m-0 text-base md:text-xl\">\n          {`Product Accessories for ${itemNumber.toUpperCase()}`}\n        </h4>\n      </Header>\n\n      <Body>\n        <div className=\"block\">\n          <div\n            id=\"accessoriesListOverlayContainer\"\n            className=\"accessoriesList form\"\n            ref={setModalRef}\n          >\n            <p className=\"small\">\n              This item has further options/accessories available.\n            </p>\n            {accessories.map((accessory) => (\n              <div key={accessory.name} className=\"form__group\">\n                <div\n                  className={`form__control-container${\n                    errors.includes(accessory.name) ? \" error\" : \"\"\n                  }${\n                    accessory.extendedInfo\n                      ? \" form__control-container--popover\"\n                      : \"\"\n                  }`}\n                >\n                  {accessory.extendedInfo && (\n                    <span\n                      className=\"form__popover\"\n                      data-testid=\"extended-info-popover\"\n                    >\n                      <AccessoryPopover\n                        accessoryName={accessory.name}\n                        extendedInfo={accessory.extendedInfo}\n                        placement=\"top\"\n                        portalContainer={portalContainer ?? undefined}\n                      />\n                    </span>\n                  )}\n                  <select\n                    value={values[accessory.name] ?? \"\"}\n                    onChange={(e) => {\n                      setValues({\n                        ...values,\n                        [accessory.name]: e.target.value,\n                      });\n\n                      validateSingle(accessory.name);\n                    }}\n                    name=\"accessories\"\n                    className=\"form__control\"\n                    title={accessory.name}\n                  >\n                    <option value=\"\" disabled>\n                      --No Selection--\n                    </option>\n                    {accessory.options.map((option) => (\n                      <option\n                        key={option.id}\n                        value={option.id}\n                        disabled={!option.available}\n                      >\n                        {option.available\n                          ? `${\n                              option.description\n                            } - ${formatAsCurrency.formatIfUndefined(\n                              Number(option.price)\n                            )}`\n                          : `${option.description} [OUT OF STOCK]`}\n                      </option>\n                    ))}\n                  </select>\n                  <label className=\"form__label\">\n                    {accessory.name}\n                    {accessory.isRequired && (\n                      <>\n                        {\" - \"}\n                        <span className=\"label__required\">Required</span>\n                      </>\n                    )}\n                  </label>\n                  <i className=\"icon-down-micro form__control-icon form__control-icon--lg\" />\n                </div>\n              </div>\n            ))}\n            {errors[0] && (\n              <p className=\"messages\">\n                <span className=\"form__error\">\n                  {`Please select a ${errors[0]} for this product.`}\n                </span>\n              </p>\n            )}\n          </div>\n        </div>\n      </Body>\n      <Footer>\n        <Button\n          color=\"light\"\n          aria-label=\"Cancel\"\n          className=\"mr-3\"\n          type=\"button\"\n          onClick={closeModal}\n        >\n          Cancel\n        </Button>\n        <Button\n          color=\"red\"\n          aria-label=\"Submit Feedback\"\n          type=\"submit\"\n          onClick={handleAddToCart}\n          gtm-id={previouslyPurchased ? \"BuyItAgainATC\" : \"AddToCartATC\"}\n        >\n          Add To Cart\n        </Button>\n      </Footer>\n    </Modal>\n  );\n};\n","type AddToCartModalWithUserInput<ModalName extends string, ResultType> = {\n  name: ModalName;\n  result: ResultType;\n};\n\ntype AddToCartModalWithoutUserInput<ModalName extends string> = {\n  name: ModalName;\n};\n\n/*\n * Add To Cart Modal Types.\n * Add To Cart Modals with user input will map there result type to\n * their submit modal callbacks.\n */\ntype Accessories = AddToCartModalWithUserInput<\"accessories\", string[]>;\ntype VirtualGrouping = AddToCartModalWithUserInput<\n  \"virtualGrouping\",\n  VirtualGroupingInput\n>;\ntype Outlet = AddToCartModalWithoutUserInput<\"outlet\">;\ntype Warning = AddToCartModalWithoutUserInput<\"warning\">;\ntype CommercialUse = AddToCartModalWithUserInput<\"commercialUse\", boolean>;\ntype Warranty = AddToCartModalWithUserInput<\"warranty\", WarrantyOption>;\n\nexport type VirtualGroupingInput = {\n  groupMemberItemNumber: string;\n  hasAccessories: boolean;\n};\n\nexport type WarrantyOption = {\n  warrantyId: number;\n  skipCommercialModal?: boolean;\n  noThanksSelected?: boolean;\n};\n\n/*\n * Add all of the Modals from above to one of these unions.\n */\ntype AddToCartModalsWithUserInput =\n  | Accessories\n  | VirtualGrouping\n  | Warranty\n  | CommercialUse;\ntype AddToCartModalsWithoutUserInput = Warning | Outlet;\n\ntype AddToCartModals =\n  | AddToCartModalsWithUserInput\n  | AddToCartModalsWithoutUserInput;\n\nexport type AddToCartModalNames = AddToCartModals[\"name\"];\ntype AddToCartModalWithUserInputName = AddToCartModalsWithUserInput[\"name\"];\n\ntype UnboxProductModalUserInput<\n  ModalName extends AddToCartModalWithUserInputName,\n  BoxedProductResult extends AddToCartModalsWithUserInput\n> = BoxedProductResult extends AddToCartModalWithUserInput<\n  ModalName,\n  infer ModalResult\n>\n  ? ModalResult\n  : never;\n\n/*\n * Takes the name of the modal and determines its result type\n */\ntype AddToCartModalUserInput<\n  ModalName extends AddToCartModalWithUserInputName\n> = UnboxProductModalUserInput<ModalName, AddToCartModalsWithUserInput>;\n\nexport type AddToCartModal<ModalName extends AddToCartModalNames> = {\n  isOpen: boolean;\n  closeModal: () => void;\n  submitModal: ModalName extends AddToCartModalWithUserInputName\n    ? (result: { [K in ModalName]: AddToCartModalUserInput<ModalName> }) => void\n    : () => void;\n};\n\n/*\n * Maps the modal name to a key with the correct type\n * EX:\n *  ProductModalWithResult<\"isTrue\", boolean> -> isTrue?: boolean | undefined;\n *  ProductModalWithResult<\"testArray\", string[]> -> testArray?: string[] | undefined;\n */\nexport type AddToCartModalUserInputs = {\n  [Key in AddToCartModalWithUserInputName]?: AddToCartModalUserInput<Key>;\n};\n\nexport type State = {\n  modalsToOpen: AddToCartModalNames[];\n  modalResults: AddToCartModalUserInputs;\n  activeModal: AddToCartModalNames | \"\";\n};\n\nexport type Action =\n  | {\n      type: \"openModal\";\n      firstModal: AddToCartModalNames;\n      otherModals: AddToCartModalNames[];\n    }\n  | {\n      type: \"submitModal\";\n      result?: AddToCartModalUserInputs;\n      nextModal: AddToCartModalNames;\n      otherModals: AddToCartModalNames[];\n    }\n  | {\n      type: \"reset\";\n    };\n\nexport const initialState: State = {\n  modalsToOpen: [],\n  modalResults: {},\n  activeModal: \"\",\n};\n\nexport const reducer = (state: State, action: Action): State => {\n  switch (action.type) {\n    case \"openModal\":\n      return {\n        modalResults: {},\n        activeModal: action.firstModal,\n        modalsToOpen: action.otherModals,\n      };\n    case \"submitModal\":\n      return {\n        activeModal: action.nextModal,\n        modalsToOpen: action.otherModals,\n        modalResults: {\n          ...state.modalResults,\n          ...action.result,\n        },\n      };\n    case \"reset\":\n      return initialState;\n    default:\n      return state;\n  }\n};\n","import { useCallback, useReducer } from \"react\";\nimport {\n  AddToCartModalNames,\n  AddToCartModalUserInputs,\n  initialState,\n  reducer,\n} from \".\";\n\ninterface Props {\n  onComplete: (\n    results: AddToCartModalUserInputs,\n    openModals: (modals: AddToCartModalNames[]) => void\n  ) => void;\n}\n\nconst useAddToCartModals = ({ onComplete }: Props) => {\n  const [state, dispatch] = useReducer(reducer, initialState);\n  const { modalsToOpen, modalResults, activeModal } = state;\n\n  const openModals = (modals: AddToCartModalNames[]) => {\n    if (modals[0]) {\n      const [firstModal, ...otherModals] = modals;\n      dispatch({ type: \"openModal\", firstModal, otherModals });\n    }\n  };\n\n  const closeModal = useCallback(() => {\n    // Workaround for react-modal issue: https://github.com/reactjs/react-modal/issues/888\n    document.body.classList.remove(\"overflow-hidden\");\n    document.body.removeAttribute(\"aria-hidden\");\n\n    dispatch({ type: \"reset\" });\n  }, []);\n\n  const submitModal = (result?: AddToCartModalUserInputs) => {\n    const [nextModal, ...otherModals] = modalsToOpen;\n\n    if (\n      nextModal &&\n      (nextModal !== \"commercialUse\" ||\n        !result?.warranty?.skipCommercialModal) &&\n      (nextModal !== \"accessories\" ||\n        !result?.virtualGrouping?.groupMemberItemNumber ||\n        result?.virtualGrouping?.hasAccessories)\n    ) {\n      dispatch({ type: \"submitModal\", nextModal, otherModals, result });\n    } else {\n      const allResults = { ...modalResults, ...result };\n      onComplete(allResults, openModals);\n      dispatch({ type: \"reset\" });\n    }\n\n    // Workaround for react-modal issue: https://github.com/reactjs/react-modal/issues/888\n    document.body.classList.remove(\"overflow-hidden\");\n    document.body.removeAttribute(\"aria-hidden\");\n  };\n\n  return {\n    openModals,\n    activeModal,\n    closeModal,\n    submitModal,\n  };\n};\n\nexport default useAddToCartModals;\n","export const validateEmail = (emailaddress: string) => {\n  const r = String.raw;\n  const emailAddressPattern = new RegExp(\n    // beginning of string\n    r`^` +\n      // username portion: one or more characters that are not whitespace or @\n      r`[^@\\s]+` +\n      // an @ symbol\n      r`@` +\n      // domain components: one or more groups of one or more characters\n      // other than @, \\, ., or whitespace, each followed by a . separator\n      r`(?:[^@\\s\\\\.]+\\.)+` +\n      // TLD: one additional domain component but without a . after it\n      r`[^@\\s\\\\.]+` +\n      // end of string\n      r`$`\n  );\n\n  return emailAddressPattern.test(emailaddress);\n};\n\ninterface Params {\n  emailAddress: string;\n  validationsToRun?: typeof validateEmail;\n}\n\nexport const valid = ({\n  emailAddress,\n  validationsToRun = validateEmail,\n}: Params) => validationsToRun(emailAddress);\n","import React from \"react\";\n\ninterface Props {\n  quantity: number;\n}\n\nexport default ({ quantity }: Props) => (\n  <>\n    <span className=\"unit\">\n      {`${quantity} item${quantity > 1 ? \"s\" : \"\"} `}\n    </span>\n    added to your cart\n  </>\n);\n"],"names":["accessoryName","extendedInfo","placement","portalContainer","useState","open","setOpen","wasAutoFocusedOnClose","setWasAutoFocusedOnClose","mouseOverRef","useRef","contentRef","triggerRef","handleMouseEnter","useCallback","e","current","target","handleMouseTriggerLeave","contains","handleMouseContentLeave","handleFocus","Popover","onOpenChange","PopoverTrigger","aria-label","className","onMouseEnter","onMouseLeave","onFocus","ref","Icon","theme","data-testid","name","size","PopoverContent","onCloseAutoFocus","preventDefault","setTimeout","focus","PopoverClose","PopoverBody","span","dangerouslySetInnerHTML","__html","AddToCartErrorNames","AddToCartErrorMessages","cartItemCountLimit","cartItemCountLimitMessage","values","isOpen","accessories","itemNumber","closeModal","submitModal","previouslyPurchased","setValues","errors","setErrors","setPortalContainer","setModalRef","node","handleAddToCart","event","newErrors","forEach","accessory","isRequired","push","length","Object","Modal","onRequestClose","Header","h4","toUpperCase","Body","div","id","p","map","includes","AccessoryPopover","undefined","select","value","onChange","filter","error","title","option","disabled","options","available","formatAsCurrency","description","formatIfUndefined","Number","price","label","i","Footer","Button","color","type","onClick","gtm-id","initialState","reducer","modalsToOpen","modalResults","activeModal","state","action","firstModal","otherModals","nextModal","result","onComplete","useReducer","dispatch","openModals","modals","document","body","classList","remove","removeAttribute","warranty","skipCommercialModal","virtualGrouping","groupMemberItemNumber","hasAccessories","allResults","validateEmail","valid","emailaddress","r","String","raw","RegExp","test","emailAddress","validationsToRun","quantity"],"sourceRoot":""}