@anker-in/campaign-ui 0.5.16 → 0.5.18

package/dist/cjs/components/registration/authCodeActivate/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/registration/authCodeActivate/index.tsx"],
-  "sourcesContent": ["import { Button, Text } from '@anker-in/headless-ui'\nimport {\n  useSendEmailValidation,\n  gaTrack,\n  classNames as cn,\n  useHeadlessContext,\n  useEmailValidation,\n  useCountDown,\n} from '@anker-in/lib'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\nimport { Message } from './Message'\nimport { AuthCodeActivateProps } from './type'\nimport { useRegistration } from '../context'\nimport { RegistrationModalContainer } from '../modalContainer'\nimport { ROUNDED_BRANDS } from '../../../constants'\n\nexport const AuthCodeActivate: React.FC<AuthCodeActivateProps> = ({ copy }) => {\n  const { locale, brand } = useHeadlessContext()\n  const { email, authCodeActivate } = useRegistration()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  const { activeToken, setActiveToken, setIsSendingActivateEmail, setIsActivateSuccess, onAuthSuccess, autoSendEmail } =\n    authCodeActivate\n\n  const { isMutating: emailValidationLoading, trigger: triggerEmailValidation } = useEmailValidation()\n\n  const {\n    isMutating: isSendingEmail,\n    trigger: triggerSendValidationEmail,\n    data: sendEmailData,\n  } = useSendEmailValidation()\n\n  const [messageText, setMessageText] = useState('')\n  const [messageStatus, setMessageStatus] = useState('')\n  const { startCountDown: isStartCountDown, startAction: startCountDown, countDown } = useCountDown(60)\n\n  const [error, setError] = useState('')\n  const [focusIndex, setFocusIndex] = useState(0)\n  const [codeArray, setCodeArray] = useState(new Array(6).fill(''))\n\n  const inputRefs = useRef<HTMLInputElement[]>([])\n  const code = codeArray.join('')\n\n  useEffect(() => {\n    if (inputRefs.current[focusIndex]) {\n      inputRefs.current[focusIndex].focus()\n    }\n  }, [focusIndex])\n\n  useEffect(() => {\n    const token = sendEmailData?.data?.data?.active_token ?? sendEmailData?.data?.active_token\n    if (token) {\n      setActiveToken(token)\n    }\n  }, [sendEmailData?.data?.data?.active_token, sendEmailData?.data?.active_token])\n\n  useEffect(() => {\n    setIsSendingActivateEmail(isSendingEmail)\n  }, [isSendingEmail, setIsSendingActivateEmail])\n\n  // \u81EA\u52A8\u53D1\u9001\u90AE\u7BB1\u9A8C\u8BC1\u7801\n  useEffect(() => {\n    if (autoSendEmail && email) {\n      triggerSendValidationEmail(\n        {\n          email: email,\n          data: {\n            redirect_url: `${window?.location?.origin}${window?.location?.pathname}`,\n          },\n        },\n        {\n          onSuccess: () => {\n            setMessageStatus('success')\n            setMessageText(copy?.sendEmailSuccessMessage || '')\n            startCountDown()\n            setTimeout(() => {\n              setMessageStatus('')\n              setMessageText('')\n            }, 5000)\n          },\n        }\n      )\n    }\n  }, [autoSendEmail, email, triggerSendValidationEmail])\n\n  const handleSendAgain = useCallback(async () => {\n    if (!email) return\n    // \u53D1\u8D77\u7F51\u7EDC\u8BF7\u6C42\n    await triggerSendValidationEmail(\n      {\n        email: email,\n        data: {\n          redirect_url: `${window?.location?.origin}${window?.location?.pathname}`,\n        },\n      },\n      {\n        onSuccess: () => {\n          setMessageStatus('success')\n          setMessageText(copy?.sendEmailSuccessMessage || '')\n          startCountDown()\n          setTimeout(() => {\n            setMessageStatus('')\n            setMessageText('')\n          }, 5000)\n        },\n      }\n    )\n    gaTrack({\n      event: 'ga4Event',\n      event_name: 'lp_button',\n      event_parameters: {\n        page_group: 'reg_sub_pop',\n        position: 'auth_code',\n        button_name: 'sent_again',\n      },\n    })\n  }, [email, triggerSendValidationEmail])\n\n  const handleInputCodeChange = (event: React.ChangeEvent<HTMLInputElement>, index: number) => {\n    const { value } = event.target\n\n    setError('')\n\n    if (Number.isNaN(Number(value))) {\n      return\n    }\n\n    if (value.length > 1) {\n      if (index < codeArray.length - 1) {\n        if (!codeArray[index + 1]) {\n          setFocusIndex(index + 1)\n          setCodeArray(old => {\n            const newCode = [...old]\n            newCode[index] = value[0]\n            if (value.length > 1) {\n              newCode[index + 1] = value[1]\n            }\n            return newCode\n          })\n        }\n      }\n      return\n    }\n    const newCode = [...codeArray]\n    newCode[index] = value\n    setCodeArray(newCode)\n    if (value) {\n      if (index < codeArray.length - 1 && !codeArray[index + 1]) {\n        setFocusIndex(index + 1)\n      }\n    } else if (index > 0) {\n      setFocusIndex(index - 1)\n    }\n  }\n\n  const handleAuthCodeSubmit = useCallback(async () => {\n    if (!code?.length) {\n      setError(copy?.codeEmptyError || '')\n      return\n    }\n\n    if (code.length < 6) {\n      setError(copy?.incorrectCodeError || '')\n      return\n    }\n\n    if (activeToken) {\n      await triggerEmailValidation(\n        {\n          token: activeToken,\n          code: code,\n        },\n        {\n          onSuccess: data => {\n            if ((data.status >= 200 && data.status < 300) || data?.data?.user_id || data?.user_id) {\n              setMessageStatus('success')\n              setMessageText(copy?.authSuccessMessage || '')\n              setIsActivateSuccess(true)\n              if (onAuthSuccess) {\n                onAuthSuccess()\n              } else {\n                setTimeout(() => {\n                  authCodeActivate.close()\n                  window.location.reload()\n                }, 3000)\n              }\n            } else {\n              const errorCode = data?.data?.error_code ?? data?.error_code\n              if (errorCode === '104') {\n                if (onAuthSuccess) {\n                  onAuthSuccess()\n                } else {\n                  setTimeout(() => {\n                    authCodeActivate.close()\n                    window.location.reload()\n                  }, 3000)\n                }\n              } else if (errorCode === '142') {\n                setError(copy?.incorrectCodeError || 'Invalid verification code.')\n              } else if (errorCode === '154') {\n                setError(copy?.expiredCodeMessage || '')\n              } else {\n                setError(copy?.sendEmailErrorMessage || '')\n              }\n            }\n          },\n        }\n      )\n    }\n\n    // \u8BBE\u7F6E\u5B9A\u65F6\u5668\u6E05\u9664\u72B6\u6001\u4FE1\u606F\n    let timer = setTimeout(() => {\n      setMessageStatus('')\n      setMessageText('')\n      clearTimeout(timer)\n    }, 5000)\n\n    gaTrack({\n      event: 'ga4Event',\n      event_name: 'lp_button',\n      event_parameters: {\n        page_group: 'reg_sub_pop',\n        position: 'auth_code',\n        button_name: 'check_and_active',\n      },\n    })\n  }, [\n    code,\n    copy?.codeEmptyError,\n    copy?.authSuccessMessage,\n    copy?.incorrectCodeError,\n    copy?.expiredCodeMessage,\n    copy?.sendEmailErrorMessage,\n    locale,\n    activeToken,\n  ])\n\n  return (\n    <RegistrationModalContainer isOpen={authCodeActivate.isOpen} onClose={authCodeActivate.close}>\n      <div className=\"relative\">\n        <div>\n          <Text\n            className=\"text-[22px] font-extrabold leading-[120%] text-[#333] min-l:text-[24px] [&_abbr]:text-[#005d8e]\"\n            html={copy?.authCodeTitle}\n          />\n          <Text\n            as=\"p\"\n            className=\"mt-3 text-[14px] font-semibold leading-[140%] text-[rgba(51,51,51,0.75)] min-l:text-base [&_abbr]:text-[#333]\"\n            html={copy?.authCodeDesc?.replace('%email%', email || '')}\n          />\n        </div>\n        <div className=\"mt-6\">\n          <Text\n            className=\"mt-4 text-[14px] !font-bold font-semibold leading-[140%] text-[#333] min-l:mt-6\"\n            html={copy?.enterActiveCodeText}\n          />\n          <div className=\"my-3 grid grid-cols-6 gap-2\">\n            {codeArray.map((item, index) => (\n              <div key={index} className=\"col-span-1 aspect-1 text-[#555]\">\n                <input\n                  ref={inputRef => {\n                    if (inputRef) {\n                      inputRefs.current[index] = inputRef\n                    }\n                  }}\n                  key={index}\n                  type=\"tel\"\n                  className={cn(\n                    'flex size-full items-center justify-center border border-[#333333]/20 bg-[#EEEEEE] text-center text-[24px] font-medium focus:border-[#333]/50 [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none [&:focus-visible]:outline-none',\n                    rounded && 'rounded-[12px]'\n                  )}\n                  value={item}\n                  autoComplete=\"false\"\n                  autoCorrect=\"false\"\n                  spellCheck=\"false\"\n                  autoCapitalize=\"false\"\n                  onChange={event => handleInputCodeChange(event, index)}\n                  onFocus={() => {\n                    setFocusIndex(index)\n                  }}\n                  onPaste={event => {\n                    const paste = event.clipboardData.getData('text')\n                    if (!Number.isNaN(Number(paste))) {\n                      const pastedCode = paste.split('').slice(0, 6)\n                      setCodeArray(pastedCode.concat(Array(6 - pastedCode.length).fill('')))\n                      if (pastedCode.length <= codeArray.length) {\n                        setFocusIndex(pastedCode.length - 1)\n                      }\n                    }\n                  }}\n                  onKeyDown={event => {\n                    const { value } = event.target as HTMLInputElement\n                    if (event.key === 'Backspace' && !value && index > 0) {\n                      setFocusIndex(index - 1)\n                    }\n                  }}\n                />\n              </div>\n            ))}\n          </div>\n\n          {error && <Text className=\"mb-3 text-[14px] font-semibold leading-[120%] text-[#f84d4f]\" html={error} />}\n          {copy?.authCodeContent && (\n            <ul\n              className='flex flex-col gap-1 [&_li]:flex [&_li]:gap-2 [&_li]:text-[14px] [&_li]:font-semibold [&_li]:leading-[120%] [&_li]:text-[rgba(51,51,51,0.55)] [&_li]:before:content-[\"\u2022\"]'\n              dangerouslySetInnerHTML={{ __html: copy?.authCodeContent }}\n            />\n          )}\n        </div>\n        <div className=\"mt-4 min-l:mt-6\">\n          <Text className=\"text-base font-semibold leading-[100%] text-[#333]\" html={copy?.authCodeReceiveText} />{' '}\n          {isStartCountDown ? (\n            <Text\n              html={copy?.retrieveText?.replace('%countdownTime%', countDown.toString())}\n              className=\"cursor-pointer text-base font-semibold leading-[100%] !text-brand text-[#005d8e] text-[#333] underline\"\n            />\n          ) : (\n            <Text\n              onClick={handleSendAgain}\n              className={cn(\n                'cursor-pointer text-base font-semibold leading-[100%] !text-brand text-[#005d8e] text-[#333] underline',\n                {\n                  'pointer-events-none': isStartCountDown || isSendingEmail,\n                }\n              )}\n              html={copy?.sendAgainText}\n            />\n          )}\n          <Button\n            type=\"submit\"\n            loading={emailValidationLoading}\n            className=\"mt-6 flex h-[54px] w-full cursor-pointer items-center justify-center px-8 py-[15px] text-center text-base font-bold leading-[100%] text-white min-l:mt-8\"\n            onClick={handleAuthCodeSubmit}\n          >\n            {copy.buttonText}\n          </Button>\n        </div>\n        <Message status={messageStatus} message={messageText} />\n      </div>\n    </RegistrationModalContainer>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { Button, Text } from '@anker-in/headless-ui'\nimport {\n  useSendEmailValidation,\n  gaTrack,\n  classNames as cn,\n  useHeadlessContext,\n  useEmailValidation,\n  useCountDown,\n} from '../../../lib'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\nimport { Message } from './Message'\nimport { AuthCodeActivateProps } from './type'\nimport { useRegistration } from '../context'\nimport { RegistrationModalContainer } from '../modalContainer'\nimport { ROUNDED_BRANDS } from '../../../constants'\n\nexport const AuthCodeActivate: React.FC<AuthCodeActivateProps> = ({ copy }) => {\n  const { locale, brand } = useHeadlessContext()\n  const { email, authCodeActivate } = useRegistration()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  const { activeToken, setActiveToken, setIsSendingActivateEmail, setIsActivateSuccess, onAuthSuccess, autoSendEmail } =\n    authCodeActivate\n\n  const { isMutating: emailValidationLoading, trigger: triggerEmailValidation } = useEmailValidation()\n\n  const {\n    isMutating: isSendingEmail,\n    trigger: triggerSendValidationEmail,\n    data: sendEmailData,\n  } = useSendEmailValidation()\n\n  const [messageText, setMessageText] = useState('')\n  const [messageStatus, setMessageStatus] = useState('')\n  const { startCountDown: isStartCountDown, startAction: startCountDown, countDown } = useCountDown(60)\n\n  const [error, setError] = useState('')\n  const [focusIndex, setFocusIndex] = useState(0)\n  const [codeArray, setCodeArray] = useState(new Array(6).fill(''))\n\n  const inputRefs = useRef<HTMLInputElement[]>([])\n  const code = codeArray.join('')\n\n  useEffect(() => {\n    if (inputRefs.current[focusIndex]) {\n      inputRefs.current[focusIndex].focus()\n    }\n  }, [focusIndex])\n\n  useEffect(() => {\n    const token = sendEmailData?.data?.data?.active_token ?? sendEmailData?.data?.active_token\n    if (token) {\n      setActiveToken(token)\n    }\n  }, [sendEmailData?.data?.data?.active_token, sendEmailData?.data?.active_token])\n\n  useEffect(() => {\n    setIsSendingActivateEmail(isSendingEmail)\n  }, [isSendingEmail, setIsSendingActivateEmail])\n\n  // \u81EA\u52A8\u53D1\u9001\u90AE\u7BB1\u9A8C\u8BC1\u7801\n  useEffect(() => {\n    if (autoSendEmail && email) {\n      triggerSendValidationEmail(\n        {\n          email: email,\n          data: {\n            redirect_url: `${window?.location?.origin}${window?.location?.pathname}`,\n          },\n        },\n        {\n          onSuccess: () => {\n            setMessageStatus('success')\n            setMessageText(copy?.sendEmailSuccessMessage || '')\n            startCountDown()\n            setTimeout(() => {\n              setMessageStatus('')\n              setMessageText('')\n            }, 5000)\n          },\n        }\n      )\n    }\n  }, [autoSendEmail, email, triggerSendValidationEmail])\n\n  const handleSendAgain = useCallback(async () => {\n    if (!email) return\n    // \u53D1\u8D77\u7F51\u7EDC\u8BF7\u6C42\n    await triggerSendValidationEmail(\n      {\n        email: email,\n        data: {\n          redirect_url: `${window?.location?.origin}${window?.location?.pathname}`,\n        },\n      },\n      {\n        onSuccess: () => {\n          setMessageStatus('success')\n          setMessageText(copy?.sendEmailSuccessMessage || '')\n          startCountDown()\n          setTimeout(() => {\n            setMessageStatus('')\n            setMessageText('')\n          }, 5000)\n        },\n      }\n    )\n    gaTrack({\n      event: 'ga4Event',\n      event_name: 'lp_button',\n      event_parameters: {\n        page_group: 'reg_sub_pop',\n        position: 'auth_code',\n        button_name: 'sent_again',\n      },\n    })\n  }, [email, triggerSendValidationEmail])\n\n  const handleInputCodeChange = (event: React.ChangeEvent<HTMLInputElement>, index: number) => {\n    const { value } = event.target\n\n    setError('')\n\n    if (Number.isNaN(Number(value))) {\n      return\n    }\n\n    if (value.length > 1) {\n      if (index < codeArray.length - 1) {\n        if (!codeArray[index + 1]) {\n          setFocusIndex(index + 1)\n          setCodeArray(old => {\n            const newCode = [...old]\n            newCode[index] = value[0]\n            if (value.length > 1) {\n              newCode[index + 1] = value[1]\n            }\n            return newCode\n          })\n        }\n      }\n      return\n    }\n    const newCode = [...codeArray]\n    newCode[index] = value\n    setCodeArray(newCode)\n    if (value) {\n      if (index < codeArray.length - 1 && !codeArray[index + 1]) {\n        setFocusIndex(index + 1)\n      }\n    } else if (index > 0) {\n      setFocusIndex(index - 1)\n    }\n  }\n\n  const handleAuthCodeSubmit = useCallback(async () => {\n    if (!code?.length) {\n      setError(copy?.codeEmptyError || '')\n      return\n    }\n\n    if (code.length < 6) {\n      setError(copy?.incorrectCodeError || '')\n      return\n    }\n\n    if (activeToken) {\n      await triggerEmailValidation(\n        {\n          token: activeToken,\n          code: code,\n        },\n        {\n          onSuccess: data => {\n            if ((data.status >= 200 && data.status < 300) || data?.data?.user_id || data?.user_id) {\n              setMessageStatus('success')\n              setMessageText(copy?.authSuccessMessage || '')\n              setIsActivateSuccess(true)\n              if (onAuthSuccess) {\n                onAuthSuccess()\n              } else {\n                setTimeout(() => {\n                  authCodeActivate.close()\n                  window.location.reload()\n                }, 3000)\n              }\n            } else {\n              const errorCode = data?.data?.error_code ?? data?.error_code\n              if (errorCode === '104') {\n                if (onAuthSuccess) {\n                  onAuthSuccess()\n                } else {\n                  setTimeout(() => {\n                    authCodeActivate.close()\n                    window.location.reload()\n                  }, 3000)\n                }\n              } else if (errorCode === '142') {\n                setError(copy?.incorrectCodeError || 'Invalid verification code.')\n              } else if (errorCode === '154') {\n                setError(copy?.expiredCodeMessage || '')\n              } else {\n                setError(copy?.sendEmailErrorMessage || '')\n              }\n            }\n          },\n        }\n      )\n    }\n\n    // \u8BBE\u7F6E\u5B9A\u65F6\u5668\u6E05\u9664\u72B6\u6001\u4FE1\u606F\n    let timer = setTimeout(() => {\n      setMessageStatus('')\n      setMessageText('')\n      clearTimeout(timer)\n    }, 5000)\n\n    gaTrack({\n      event: 'ga4Event',\n      event_name: 'lp_button',\n      event_parameters: {\n        page_group: 'reg_sub_pop',\n        position: 'auth_code',\n        button_name: 'check_and_active',\n      },\n    })\n  }, [\n    code,\n    copy?.codeEmptyError,\n    copy?.authSuccessMessage,\n    copy?.incorrectCodeError,\n    copy?.expiredCodeMessage,\n    copy?.sendEmailErrorMessage,\n    locale,\n    activeToken,\n  ])\n\n  return (\n    <RegistrationModalContainer isOpen={authCodeActivate.isOpen} onClose={authCodeActivate.close}>\n      <div className=\"relative\">\n        <div>\n          <Text\n            className=\"text-[22px] font-extrabold leading-[120%] text-[#333] min-l:text-[24px] [&_abbr]:text-[#005d8e]\"\n            html={copy?.authCodeTitle}\n          />\n          <Text\n            as=\"p\"\n            className=\"mt-3 text-[14px] font-semibold leading-[140%] text-[rgba(51,51,51,0.75)] min-l:text-base [&_abbr]:text-[#333]\"\n            html={copy?.authCodeDesc?.replace('%email%', email || '')}\n          />\n        </div>\n        <div className=\"mt-6\">\n          <Text\n            className=\"mt-4 text-[14px] !font-bold font-semibold leading-[140%] text-[#333] min-l:mt-6\"\n            html={copy?.enterActiveCodeText}\n          />\n          <div className=\"my-3 grid grid-cols-6 gap-2\">\n            {codeArray.map((item, index) => (\n              <div key={index} className=\"col-span-1 aspect-1 text-[#555]\">\n                <input\n                  ref={inputRef => {\n                    if (inputRef) {\n                      inputRefs.current[index] = inputRef\n                    }\n                  }}\n                  key={index}\n                  type=\"tel\"\n                  className={cn(\n                    'flex size-full items-center justify-center border border-[#333333]/20 bg-[#EEEEEE] text-center text-[24px] font-medium focus:border-[#333]/50 [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none [&:focus-visible]:outline-none',\n                    rounded && 'rounded-[12px]'\n                  )}\n                  value={item}\n                  autoComplete=\"false\"\n                  autoCorrect=\"false\"\n                  spellCheck=\"false\"\n                  autoCapitalize=\"false\"\n                  onChange={event => handleInputCodeChange(event, index)}\n                  onFocus={() => {\n                    setFocusIndex(index)\n                  }}\n                  onPaste={event => {\n                    const paste = event.clipboardData.getData('text')\n                    if (!Number.isNaN(Number(paste))) {\n                      const pastedCode = paste.split('').slice(0, 6)\n                      setCodeArray(pastedCode.concat(Array(6 - pastedCode.length).fill('')))\n                      if (pastedCode.length <= codeArray.length) {\n                        setFocusIndex(pastedCode.length - 1)\n                      }\n                    }\n                  }}\n                  onKeyDown={event => {\n                    const { value } = event.target as HTMLInputElement\n                    if (event.key === 'Backspace' && !value && index > 0) {\n                      setFocusIndex(index - 1)\n                    }\n                  }}\n                />\n              </div>\n            ))}\n          </div>\n\n          {error && <Text className=\"mb-3 text-[14px] font-semibold leading-[120%] text-[#f84d4f]\" html={error} />}\n          {copy?.authCodeContent && (\n            <ul\n              className='flex flex-col gap-1 [&_li]:flex [&_li]:gap-2 [&_li]:text-[14px] [&_li]:font-semibold [&_li]:leading-[120%] [&_li]:text-[rgba(51,51,51,0.55)] [&_li]:before:content-[\"\u2022\"]'\n              dangerouslySetInnerHTML={{ __html: copy?.authCodeContent }}\n            />\n          )}\n        </div>\n        <div className=\"mt-4 min-l:mt-6\">\n          <Text className=\"text-base font-semibold leading-[100%] text-[#333]\" html={copy?.authCodeReceiveText} />{' '}\n          {isStartCountDown ? (\n            <Text\n              html={copy?.retrieveText?.replace('%countdownTime%', countDown.toString())}\n              className=\"cursor-pointer text-base font-semibold leading-[100%] !text-brand text-[#005d8e] text-[#333] underline\"\n            />\n          ) : (\n            <Text\n              onClick={handleSendAgain}\n              className={cn(\n                'cursor-pointer text-base font-semibold leading-[100%] !text-brand text-[#005d8e] text-[#333] underline',\n                {\n                  'pointer-events-none': isStartCountDown || isSendingEmail,\n                }\n              )}\n              html={copy?.sendAgainText}\n            />\n          )}\n          <Button\n            type=\"submit\"\n            loading={emailValidationLoading}\n            className=\"mt-6 flex h-[54px] w-full cursor-pointer items-center justify-center px-8 py-[15px] text-center text-base font-bold leading-[100%] text-white min-l:mt-8\"\n            onClick={handleAuthCodeSubmit}\n          >\n            {copy.buttonText}\n          </Button>\n        </div>\n        <Message status={messageStatus} message={messageText} />\n      </div>\n    </RegistrationModalContainer>\n  )\n}\n"],
+  "mappings": "4aAAA,IAAAA,GAAA,GAAAC,EAAAD,GAAA,sBAAAE,KAAA,eAAAC,GAAAH,IAgPQ,IAAAI,EAAA,6BAhPRC,EAA6B,iCAC7BC,EAOO,wBACPC,EAAgE,iBAChEC,EAAwB,qBAExBC,EAAgC,sBAChCC,EAA2C,6BAC3CC,EAA+B,8BAExB,MAAMT,GAAoD,CAAC,CAAE,KAAAU,CAAK,IAAM,CAC7E,KAAM,CAAE,OAAAC,EAAQ,MAAAC,CAAM,KAAI,sBAAmB,EACvC,CAAE,MAAAC,EAAO,iBAAAC,CAAiB,KAAI,mBAAgB,EAC9CC,EAAU,iBAAe,SAASH,CAAK,EAEvC,CAAE,YAAAI,EAAa,eAAAC,EAAgB,0BAAAC,EAA2B,qBAAAC,EAAsB,cAAAC,EAAe,cAAAC,CAAc,EACjHP,EAEI,CAAE,WAAYQ,EAAwB,QAASC,CAAuB,KAAI,sBAAmB,EAE7F,CACJ,WAAYC,EACZ,QAASC,EACT,KAAMC,CACR,KAAI,0BAAuB,EAErB,CAACC,EAAaC,CAAc,KAAI,YAAS,EAAE,EAC3C,CAACC,EAAeC,CAAgB,KAAI,YAAS,EAAE,EAC/C,CAAE,eAAgBC,EAAkB,YAAaC,EAAgB,UAAAC,CAAU,KAAI,gBAAa,EAAE,EAE9F,CAACC,EAAOC,CAAQ,KAAI,YAAS,EAAE,EAC/B,CAACC,EAAYC,CAAa,KAAI,YAAS,CAAC,EACxC,CAACC,EAAWC,CAAY,KAAI,YAAS,IAAI,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,EAE1DC,KAAY,UAA2B,CAAC,CAAC,EACzCC,EAAOH,EAAU,KAAK,EAAE,KAE9B,aAAU,IAAM,CACVE,EAAU,QAAQJ,CAAU,GAC9BI,EAAU,QAAQJ,CAAU,EAAE,MAAM,CAExC,EAAG,CAACA,CAAU,CAAC,KAEf,aAAU,IAAM,CACd,MAAMM,EAAQhB,GAAe,MAAM,MAAM,cAAgBA,GAAe,MAAM,aAC1EgB,GACFzB,EAAeyB,CAAK,CAExB,EAAG,CAAChB,GAAe,MAAM,MAAM,aAAcA,GAAe,MAAM,YAAY,CAAC,KAE/E,aAAU,IAAM,CACdR,EAA0BM,CAAc,CAC1C,EAAG,CAACA,EAAgBN,CAAyB,CAAC,KAG9C,aAAU,IAAM,CACVG,GAAiBR,GACnBY,EACE,CACE,MAAOZ,EACP,KAAM,CACJ,aAAc,GAAG,QAAQ,UAAU,MAAM,GAAG,QAAQ,UAAU,QAAQ,EACxE,CACF,EACA,CACE,UAAW,IAAM,CACfiB,EAAiB,SAAS,EAC1BF,EAAelB,GAAM,yBAA2B,EAAE,EAClDsB,EAAe,EACf,WAAW,IAAM,CACfF,EAAiB,EAAE,EACnBF,EAAe,EAAE,CACnB,EAAG,GAAI,CACT,CACF,CACF,CAEJ,EAAG,CAACP,EAAeR,EAAOY,CAA0B,CAAC,EAErD,MAAMkB,KAAkB,eAAY,SAAY,CACzC9B,IAEL,MAAMY,EACJ,CACE,MAAOZ,EACP,KAAM,CACJ,aAAc,GAAG,QAAQ,UAAU,MAAM,GAAG,QAAQ,UAAU,QAAQ,EACxE,CACF,EACA,CACE,UAAW,IAAM,CACfiB,EAAiB,SAAS,EAC1BF,EAAelB,GAAM,yBAA2B,EAAE,EAClDsB,EAAe,EACf,WAAW,IAAM,CACfF,EAAiB,EAAE,EACnBF,EAAe,EAAE,CACnB,EAAG,GAAI,CACT,CACF,CACF,KACA,WAAQ,CACN,MAAO,WACP,WAAY,YACZ,iBAAkB,CAChB,WAAY,cACZ,SAAU,YACV,YAAa,YACf,CACF,CAAC,EACH,EAAG,CAACf,EAAOY,CAA0B,CAAC,EAEhCmB,EAAwB,CAACC,EAA4CC,IAAkB,CAC3F,KAAM,CAAE,MAAAC,CAAM,EAAIF,EAAM,OAIxB,GAFAV,EAAS,EAAE,EAEP,OAAO,MAAM,OAAOY,CAAK,CAAC,EAC5B,OAGF,GAAIA,EAAM,OAAS,EAAG,CAChBD,EAAQR,EAAU,OAAS,IACxBA,EAAUQ,EAAQ,CAAC,IACtBT,EAAcS,EAAQ,CAAC,EACvBP,EAAaS,GAAO,CAClB,MAAMC,EAAU,CAAC,GAAGD,CAAG,EACvB,OAAAC,EAAQH,CAAK,EAAIC,EAAM,CAAC,EACpBA,EAAM,OAAS,IACjBE,EAAQH,EAAQ,CAAC,EAAIC,EAAM,CAAC,GAEvBE,CACT,CAAC,IAGL,MACF,CACA,MAAMA,EAAU,CAAC,GAAGX,CAAS,EAC7BW,EAAQH,CAAK,EAAIC,EACjBR,EAAaU,CAAO,EAChBF,EACED,EAAQR,EAAU,OAAS,GAAK,CAACA,EAAUQ,EAAQ,CAAC,GACtDT,EAAcS,EAAQ,CAAC,EAEhBA,EAAQ,GACjBT,EAAcS,EAAQ,CAAC,CAE3B,EAEMI,KAAuB,eAAY,SAAY,CACnD,GAAI,CAACT,GAAM,OAAQ,CACjBN,EAASzB,GAAM,gBAAkB,EAAE,EACnC,MACF,CAEA,GAAI+B,EAAK,OAAS,EAAG,CACnBN,EAASzB,GAAM,oBAAsB,EAAE,EACvC,MACF,CAEIM,GACF,MAAMO,EACJ,CACE,MAAOP,EACP,KAAMyB,CACR,EACA,CACE,UAAWU,GAAQ,CACjB,GAAKA,EAAK,QAAU,KAAOA,EAAK,OAAS,KAAQA,GAAM,MAAM,SAAWA,GAAM,QAC5ErB,EAAiB,SAAS,EAC1BF,EAAelB,GAAM,oBAAsB,EAAE,EAC7CS,EAAqB,EAAI,EACrBC,EACFA,EAAc,EAEd,WAAW,IAAM,CACfN,EAAiB,MAAM,EACvB,OAAO,SAAS,OAAO,CACzB,EAAG,GAAI,MAEJ,CACL,MAAMsC,EAAYD,GAAM,MAAM,YAAcA,GAAM,WAC9CC,IAAc,MACZhC,EACFA,EAAc,EAEd,WAAW,IAAM,CACfN,EAAiB,MAAM,EACvB,OAAO,SAAS,OAAO,CACzB,EAAG,GAAI,EAGTqB,EADSiB,IAAc,MACd1C,GAAM,oBAAsB,6BAC5B0C,IAAc,MACd1C,GAAM,oBAAsB,GAE5BA,GAAM,uBAAyB,EAJyB,CAMrE,CACF,CACF,CACF,EAIF,IAAI2C,EAAQ,WAAW,IAAM,CAC3BvB,EAAiB,EAAE,EACnBF,EAAe,EAAE,EACjB,aAAayB,CAAK,CACpB,EAAG,GAAI,KAEP,WAAQ,CACN,MAAO,WACP,WAAY,YACZ,iBAAkB,CAChB,WAAY,cACZ,SAAU,YACV,YAAa,kBACf,CACF,CAAC,CACH,EAAG,CACDZ,EACA/B,GAAM,eACNA,GAAM,mBACNA,GAAM,mBACNA,GAAM,mBACNA,GAAM,sBACNC,EACAK,CACF,CAAC,EAED,SACE,OAAC,8BAA2B,OAAQF,EAAiB,OAAQ,QAASA,EAAiB,MACrF,oBAAC,OAAI,UAAU,WACb,qBAAC,OACC,oBAAC,QACC,UAAU,kGACV,KAAMJ,GAAM,cACd,KACA,OAAC,QACC,GAAG,IACH,UAAU,gHACV,KAAMA,GAAM,cAAc,QAAQ,UAAWG,GAAS,EAAE,EAC1D,GACF,KACA,QAAC,OAAI,UAAU,OACb,oBAAC,QACC,UAAU,kFACV,KAAMH,GAAM,oBACd,KACA,OAAC,OAAI,UAAU,8BACZ,SAAA4B,EAAU,IAAI,CAACgB,EAAMR,OACpB,OAAC,OAAgB,UAAU,kCACzB,mBAAC,SACC,IAAKS,GAAY,CACXA,IACFf,EAAU,QAAQM,CAAK,EAAIS,EAE/B,EAEA,KAAK,MACL,aAAW,EAAAC,YACT,6QACAzC,GAAW,gBACb,EACA,MAAOuC,EACP,aAAa,QACb,YAAY,QACZ,WAAW,QACX,eAAe,QACf,SAAUT,GAASD,EAAsBC,EAAOC,CAAK,EACrD,QAAS,IAAM,CACbT,EAAcS,CAAK,CACrB,EACA,QAASD,GAAS,CAChB,MAAMY,EAAQZ,EAAM,cAAc,QAAQ,MAAM,EAChD,GAAI,CAAC,OAAO,MAAM,OAAOY,CAAK,CAAC,EAAG,CAChC,MAAMC,EAAaD,EAAM,MAAM,EAAE,EAAE,MAAM,EAAG,CAAC,EAC7ClB,EAAamB,EAAW,OAAO,MAAM,EAAIA,EAAW,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,EACjEA,EAAW,QAAUpB,EAAU,QACjCD,EAAcqB,EAAW,OAAS,CAAC,CAEvC,CACF,EACA,UAAWb,GAAS,CAClB,KAAM,CAAE,MAAAE,CAAM,EAAIF,EAAM,OACpBA,EAAM,MAAQ,aAAe,CAACE,GAASD,EAAQ,GACjDT,EAAcS,EAAQ,CAAC,CAE3B,GA9BKA,CA+BP,GAtCQA,CAuCV,CACD,EACH,EAECZ,MAAS,OAAC,QAAK,UAAU,+DAA+D,KAAMA,EAAO,EACrGxB,GAAM,oBACL,OAAC,MACC,UAAU,gLACV,wBAAyB,CAAE,OAAQA,GAAM,eAAgB,EAC3D,GAEJ,KACA,QAAC,OAAI,UAAU,kBACb,oBAAC,QAAK,UAAU,qDAAqD,KAAMA,GAAM,oBAAqB,EAAG,IACxGqB,KACC,OAAC,QACC,KAAMrB,GAAM,cAAc,QAAQ,kBAAmBuB,EAAU,SAAS,CAAC,EACzE,UAAU,yGACZ,KAEA,OAAC,QACC,QAASU,EACT,aAAW,EAAAa,YACT,yGACA,CACE,sBAAuBzB,GAAoBP,CAC7C,CACF,EACA,KAAMd,GAAM,cACd,KAEF,OAAC,UACC,KAAK,SACL,QAASY,EACT,UAAU,2JACV,QAAS4B,EAER,SAAAxC,EAAK,WACR,GACF,KACA,OAAC,WAAQ,OAAQmB,EAAe,QAASF,EAAa,GACxD,EACF,CAEJ",
   "names": ["authCodeActivate_exports", "__export", "AuthCodeActivate", "__toCommonJS", "import_jsx_runtime", "import_headless_ui", "import_lib", "import_react", "import_Message", "import_context", "import_modalContainer", "import_constants", "copy", "locale", "brand", "email", "authCodeActivate", "rounded", "activeToken", "setActiveToken", "setIsSendingActivateEmail", "setIsActivateSuccess", "onAuthSuccess", "autoSendEmail", "emailValidationLoading", "triggerEmailValidation", "isSendingEmail", "triggerSendValidationEmail", "sendEmailData", "messageText", "setMessageText", "messageStatus", "setMessageStatus", "isStartCountDown", "startCountDown", "countDown", "error", "setError", "focusIndex", "setFocusIndex", "codeArray", "setCodeArray", "inputRefs", "code", "token", "handleSendAgain", "handleInputCodeChange", "event", "index", "value", "old", "newCode", "handleAuthCodeSubmit", "data", "errorCode", "timer", "item", "inputRef", "cn", "paste", "pastedCode"]
 }

package/dist/cjs/components/registration/context/provider.d.ts

@@ -23,5 +23,5 @@ export declare const useRegistration: () => RegistrationContextType;
 export declare const RegistrationProvider: ({ children, email, copy }: PropsWithChildren<{
     email?: string;
     copy?: any;
-}>) => import("react/jsx-runtime").JSX.Element;
+}>) => import("react").JSX.Element;
 export {};

package/dist/cjs/components/registration/modalContainer.js

@@ -1,2 +1,2 @@
-"use strict";var N=Object.create;var d=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var E=Object.getPrototypeOf,D=Object.prototype.hasOwnProperty;var H=(e,t)=>{for(var n in t)d(e,n,{get:t[n],enumerable:!0})},f=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of R(t))!D.call(e,o)&&o!==n&&d(e,o,{get:()=>t[o],enumerable:!(r=M(t,o))||r.enumerable});return e};var k=(e,t,n)=>(n=e!=null?N(E(e)):{},f(t||!e||!e.__esModule?d(n,"default",{value:e,enumerable:!0}):n,e)),S=e=>f(d({},"__esModule",{value:!0}),e);var I={};H(I,{RegistrationModalContainer:()=>Z});module.exports=S(I);var l=require("react/jsx-runtime"),i=require("@anker-in/lib"),m=require("react"),v=k(require("react-modal")),C=require("../../constants");const Z=({isOpen:e,title:t,className:n="",overlayClassName:r="",scrollClassName:o="",onClose:c,onScrollEnd:x,children:u,useAnimation:p=!0,titleClassName:h="",...L})=>{const{brand:g}=(0,i.useHeadlessContext)(),w=C.ROUNDED_BRANDS.includes(g),[b,y]=(0,m.useState)(!1);return(0,m.useEffect)(()=>{p&&requestAnimationFrame(()=>{y(e??!1)})},[e,p]),(0,l.jsxs)(v.default,{isOpen:e??!1,overlayClassName:(0,i.classNames)("fixed inset-0 z-[999] flex items-center justify-center bg-black/70 leading-[1.2] md:items-end",r),className:(0,i.classNames)("min-md:max-h-[calc(100vh-96px)] w-[540px] relative flex min-h-[200px] flex-col overflow-hidden bg-white outline-none transition-all duration-300 md:h-auto md:w-full",w&&"rounded-[16px] md:rounded-b-none",p&&"md:translate-y-[100vh]",b&&"md:translate-y-0",n),onRequestClose:c,...L,children:[(0,l.jsxs)("div",{className:(0,i.classNames)("flex w-full shrink-0 items-center justify-between",t?"min-l:px-[32px] h-[70px] border-b border-[#e2e2e2] px-[24px]":"h-[48px] px-[16px]",h),children:[(0,l.jsx)("div",{className:"text-[18px] font-bold",children:t}),(0,l.jsx)("div",{className:"size-[22px] cursor-pointer",onClick:c,onKeyDown:a=>{(a.key==="Enter"||a.key===" ")&&(a.preventDefault(),c?.())},role:"button",tabIndex:0,children:(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"22",height:"22",viewBox:"0 0 22 22",fill:"none",children:(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.8525 5.31015C16.4558 4.91337 15.8125 4.91338 15.4157 5.31015L11.1268 9.5991L6.83815 5.31049C6.44138 4.91372 5.79808 4.91372 5.40131 5.31049C5.00454 5.70726 5.00455 6.35055 5.40131 6.74732L9.68993 11.0359L5.40105 15.3248C5.00428 15.7216 5.00428 16.3649 5.40105 16.7616C5.79782 17.1584 6.44111 17.1584 6.83788 16.7616L11.1268 12.4728L15.416 16.762C15.8128 17.1588 16.456 17.1588 16.8528 16.762C17.2496 16.3652 17.2496 15.7219 16.8528 15.3252L12.5636 11.0359L16.8525 6.74698C17.2493 6.35021 17.2493 5.70692 16.8525 5.31015ZM16.921 6.02856C16.921 6.22992 16.8441 6.43127 16.6905 6.5849L14.465 8.8104L12.2395 11.0359L12.2395 11.0359L16.6905 6.58493C16.8441 6.43129 16.921 6.22993 16.921 6.02856ZM5.34966 6.19087C5.37992 6.3354 5.45115 6.47307 5.56336 6.58528L10.014 11.0359L10.014 11.0359L5.56336 6.58524C5.45116 6.47304 5.37992 6.33539 5.34966 6.19087ZM5.35087 16.2121C5.38193 16.3541 5.45267 16.4891 5.56309 16.5996C5.87037 16.9068 6.36856 16.9068 6.67583 16.5996L11.1268 12.1486L15.578 16.5999C15.8853 16.9072 16.3835 16.9072 16.6908 16.5999C16.8498 16.4409 16.9265 16.2307 16.9209 16.0223C16.9265 16.2307 16.8498 16.4409 16.6908 16.5999C16.3835 16.9072 15.8853 16.9072 15.578 16.5999L11.1268 12.1487L6.67583 16.5996C6.36856 16.9069 5.87037 16.9069 5.56309 16.5996C5.45267 16.4892 5.38192 16.3541 5.35087 16.2121Z",fill:"#333333"})})})]}),(0,l.jsx)("div",{className:(0,i.classNames)("my-[32px] flex-1 overflow-auto overscroll-contain px-[24px] md:mb-[48px]",!t&&"mt-0","min-l:px-[32px]",o),onScroll:a=>{const s=a.target;s.scrollHeight<=s.clientHeight||s.scrollTop+s.clientHeight>=s.scrollHeight-50&&x&&x(a)},children:u})]})};
+"use strict";var N=Object.create;var d=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var E=Object.getPrototypeOf,D=Object.prototype.hasOwnProperty;var H=(e,t)=>{for(var n in t)d(e,n,{get:t[n],enumerable:!0})},f=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of R(t))!D.call(e,o)&&o!==n&&d(e,o,{get:()=>t[o],enumerable:!(r=M(t,o))||r.enumerable});return e};var k=(e,t,n)=>(n=e!=null?N(E(e)):{},f(t||!e||!e.__esModule?d(n,"default",{value:e,enumerable:!0}):n,e)),S=e=>f(d({},"__esModule",{value:!0}),e);var I={};H(I,{RegistrationModalContainer:()=>Z});module.exports=S(I);var l=require("react/jsx-runtime"),i=require("../../lib"),m=require("react"),v=k(require("react-modal")),C=require("../../constants");const Z=({isOpen:e,title:t,className:n="",overlayClassName:r="",scrollClassName:o="",onClose:c,onScrollEnd:x,children:u,useAnimation:p=!0,titleClassName:h="",...L})=>{const{brand:g}=(0,i.useHeadlessContext)(),w=C.ROUNDED_BRANDS.includes(g),[b,y]=(0,m.useState)(!1);return(0,m.useEffect)(()=>{p&&requestAnimationFrame(()=>{y(e??!1)})},[e,p]),(0,l.jsxs)(v.default,{isOpen:e??!1,overlayClassName:(0,i.classNames)("fixed inset-0 z-[999] flex items-center justify-center bg-black/70 leading-[1.2] md:items-end",r),className:(0,i.classNames)("min-md:max-h-[calc(100vh-96px)] w-[540px] relative flex min-h-[200px] flex-col overflow-hidden bg-white outline-none transition-all duration-300 md:h-auto md:w-full",w&&"rounded-[16px] md:rounded-b-none",p&&"md:translate-y-[100vh]",b&&"md:translate-y-0",n),onRequestClose:c,...L,children:[(0,l.jsxs)("div",{className:(0,i.classNames)("flex w-full shrink-0 items-center justify-between",t?"min-l:px-[32px] h-[70px] border-b border-[#e2e2e2] px-[24px]":"h-[48px] px-[16px]",h),children:[(0,l.jsx)("div",{className:"text-[18px] font-bold",children:t}),(0,l.jsx)("div",{className:"size-[22px] cursor-pointer",onClick:c,onKeyDown:a=>{(a.key==="Enter"||a.key===" ")&&(a.preventDefault(),c?.())},role:"button",tabIndex:0,children:(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"22",height:"22",viewBox:"0 0 22 22",fill:"none",children:(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.8525 5.31015C16.4558 4.91337 15.8125 4.91338 15.4157 5.31015L11.1268 9.5991L6.83815 5.31049C6.44138 4.91372 5.79808 4.91372 5.40131 5.31049C5.00454 5.70726 5.00455 6.35055 5.40131 6.74732L9.68993 11.0359L5.40105 15.3248C5.00428 15.7216 5.00428 16.3649 5.40105 16.7616C5.79782 17.1584 6.44111 17.1584 6.83788 16.7616L11.1268 12.4728L15.416 16.762C15.8128 17.1588 16.456 17.1588 16.8528 16.762C17.2496 16.3652 17.2496 15.7219 16.8528 15.3252L12.5636 11.0359L16.8525 6.74698C17.2493 6.35021 17.2493 5.70692 16.8525 5.31015ZM16.921 6.02856C16.921 6.22992 16.8441 6.43127 16.6905 6.5849L14.465 8.8104L12.2395 11.0359L12.2395 11.0359L16.6905 6.58493C16.8441 6.43129 16.921 6.22993 16.921 6.02856ZM5.34966 6.19087C5.37992 6.3354 5.45115 6.47307 5.56336 6.58528L10.014 11.0359L10.014 11.0359L5.56336 6.58524C5.45116 6.47304 5.37992 6.33539 5.34966 6.19087ZM5.35087 16.2121C5.38193 16.3541 5.45267 16.4891 5.56309 16.5996C5.87037 16.9068 6.36856 16.9068 6.67583 16.5996L11.1268 12.1486L15.578 16.5999C15.8853 16.9072 16.3835 16.9072 16.6908 16.5999C16.8498 16.4409 16.9265 16.2307 16.9209 16.0223C16.9265 16.2307 16.8498 16.4409 16.6908 16.5999C16.3835 16.9072 15.8853 16.9072 15.578 16.5999L11.1268 12.1487L6.67583 16.5996C6.36856 16.9069 5.87037 16.9069 5.56309 16.5996C5.45267 16.4892 5.38192 16.3541 5.35087 16.2121Z",fill:"#333333"})})})]}),(0,l.jsx)("div",{className:(0,i.classNames)("my-[32px] flex-1 overflow-auto overscroll-contain px-[24px] md:mb-[48px]",!t&&"mt-0","min-l:px-[32px]",o),onScroll:a=>{const s=a.target;s.scrollHeight<=s.clientHeight||s.scrollTop+s.clientHeight>=s.scrollHeight-50&&x&&x(a)},children:u})]})};
 //# sourceMappingURL=modalContainer.js.map

package/dist/cjs/components/registration/modalContainer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/registration/modalContainer.tsx"],
-  "sourcesContent": ["import { classNames as cn, useHeadlessContext } from '@anker-in/lib'\nimport { useEffect, useState, type UIEvent } from 'react'\nimport ReactModal from 'react-modal'\nimport { ROUNDED_BRANDS } from '../../constants'\n\nexport type ModalContainerProps = {\n  overlayClassName?: string\n  className?: string\n  scrollClassName?: string\n  title?: string\n  titleClassName?: string\n  useAnimation?: boolean // \u4F7F\u7528\u52A8\u753B\u5C55\u793A\n  isOpen: boolean\n  children?: any\n  onClose: () => void\n  onScrollEnd?: (event: UIEvent<HTMLDivElement>) => void\n}\n\nexport const RegistrationModalContainer = ({\n  isOpen,\n  title,\n  className = '',\n  overlayClassName = '',\n  scrollClassName = '',\n  onClose,\n  onScrollEnd,\n  children,\n  useAnimation = true,\n  titleClassName = '',\n  ...props\n}: ModalContainerProps): React.ReactElement => {\n  const { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n  const [animationShow, setAnimationShow] = useState(false)\n\n  useEffect(() => {\n    if (!useAnimation) {\n      return\n    }\n    requestAnimationFrame(() => {\n      setAnimationShow(isOpen ?? false)\n    })\n  }, [isOpen, useAnimation])\n\n  return (\n    <ReactModal\n      isOpen={isOpen ?? false}\n      overlayClassName={cn(\n        'fixed inset-0 z-[999] flex items-center justify-center bg-black/70 leading-[1.2] md:items-end',\n        overlayClassName\n      )}\n      className={cn(\n        'min-md:max-h-[calc(100vh-96px)] w-[540px] relative flex min-h-[200px] flex-col overflow-hidden bg-white outline-none transition-all duration-300 md:h-auto md:w-full',\n        rounded && 'rounded-[16px] md:rounded-b-none',\n        useAnimation && 'md:translate-y-[100vh]',\n        animationShow && 'md:translate-y-0',\n        className\n      )}\n      onRequestClose={onClose}\n      {...props}\n    >\n      <div\n        className={cn(\n          'flex w-full shrink-0 items-center justify-between',\n          title ? 'min-l:px-[32px] h-[70px] border-b border-[#e2e2e2] px-[24px]' : 'h-[48px] px-[16px]',\n          titleClassName\n        )}\n      >\n        <div className=\"text-[18px] font-bold\">{title}</div>\n        <div\n          className=\"size-[22px] cursor-pointer\"\n          onClick={onClose}\n          onKeyDown={e => {\n            if (e.key === 'Enter' || e.key === ' ') {\n              e.preventDefault()\n              onClose?.()\n            }\n          }}\n          role=\"button\"\n          tabIndex={0}\n        >\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\">\n            <path\n              fillRule=\"evenodd\"\n              clipRule=\"evenodd\"\n              d=\"M16.8525 5.31015C16.4558 4.91337 15.8125 4.91338 15.4157 5.31015L11.1268 9.5991L6.83815 5.31049C6.44138 4.91372 5.79808 4.91372 5.40131 5.31049C5.00454 5.70726 5.00455 6.35055 5.40131 6.74732L9.68993 11.0359L5.40105 15.3248C5.00428 15.7216 5.00428 16.3649 5.40105 16.7616C5.79782 17.1584 6.44111 17.1584 6.83788 16.7616L11.1268 12.4728L15.416 16.762C15.8128 17.1588 16.456 17.1588 16.8528 16.762C17.2496 16.3652 17.2496 15.7219 16.8528 15.3252L12.5636 11.0359L16.8525 6.74698C17.2493 6.35021 17.2493 5.70692 16.8525 5.31015ZM16.921 6.02856C16.921 6.22992 16.8441 6.43127 16.6905 6.5849L14.465 8.8104L12.2395 11.0359L12.2395 11.0359L16.6905 6.58493C16.8441 6.43129 16.921 6.22993 16.921 6.02856ZM5.34966 6.19087C5.37992 6.3354 5.45115 6.47307 5.56336 6.58528L10.014 11.0359L10.014 11.0359L5.56336 6.58524C5.45116 6.47304 5.37992 6.33539 5.34966 6.19087ZM5.35087 16.2121C5.38193 16.3541 5.45267 16.4891 5.56309 16.5996C5.87037 16.9068 6.36856 16.9068 6.67583 16.5996L11.1268 12.1486L15.578 16.5999C15.8853 16.9072 16.3835 16.9072 16.6908 16.5999C16.8498 16.4409 16.9265 16.2307 16.9209 16.0223C16.9265 16.2307 16.8498 16.4409 16.6908 16.5999C16.3835 16.9072 15.8853 16.9072 15.578 16.5999L11.1268 12.1487L6.67583 16.5996C6.36856 16.9069 5.87037 16.9069 5.56309 16.5996C5.45267 16.4892 5.38192 16.3541 5.35087 16.2121Z\"\n              fill=\"#333333\"\n            />\n          </svg>\n        </div>\n      </div>\n      <div\n        className={cn(\n          'my-[32px] flex-1 overflow-auto overscroll-contain px-[24px] md:mb-[48px]',\n          !title && 'mt-0',\n          'min-l:px-[32px]',\n          scrollClassName\n        )}\n        onScroll={event => {\n          const targetElement = event.target as HTMLDivElement\n\n          if (targetElement.scrollHeight <= targetElement.clientHeight) {\n            return\n          }\n\n          if (targetElement.scrollTop + targetElement.clientHeight >= targetElement.scrollHeight - 50) {\n            onScrollEnd && onScrollEnd(event)\n          }\n        }}\n      >\n        {children}\n      </div>\n    </ReactModal>\n  )\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gCAAAE,IAAA,eAAAC,EAAAH,GA6DM,IAAAI,EAAA,6BA7DNC,EAAqD,yBACrDC,EAAkD,iBAClDC,EAAuB,0BACvBC,EAA+B,2BAexB,MAAMN,EAA6B,CAAC,CACzC,OAAAO,EACA,MAAAC,EACA,UAAAC,EAAY,GACZ,iBAAAC,EAAmB,GACnB,gBAAAC,EAAkB,GAClB,QAAAC,EACA,YAAAC,EACA,SAAAC,EACA,aAAAC,EAAe,GACf,eAAAC,EAAiB,GACjB,GAAGC,CACL,IAA+C,CAC7C,KAAM,CAAE,MAAAC,CAAM,KAAI,sBAAmB,EAC/BC,EAAU,iBAAe,SAASD,CAAK,EACvC,CAACE,EAAeC,CAAgB,KAAI,YAAS,EAAK,EAExD,sBAAU,IAAM,CACTN,GAGL,sBAAsB,IAAM,CAC1BM,EAAiBd,GAAU,EAAK,CAClC,CAAC,CACH,EAAG,CAACA,EAAQQ,CAAY,CAAC,KAGvB,QAAC,EAAAO,QAAA,CACC,OAAQf,GAAU,GAClB,oBAAkB,EAAAgB,YAChB,gGACAb,CACF,EACA,aAAW,EAAAa,YACT,uKACAJ,GAAW,mCACXJ,GAAgB,yBAChBK,GAAiB,mBACjBX,CACF,EACA,eAAgBG,EACf,GAAGK,EAEJ,qBAAC,OACC,aAAW,EAAAM,YACT,oDACAf,EAAQ,+DAAiE,qBACzEQ,CACF,EAEA,oBAAC,OAAI,UAAU,wBAAyB,SAAAR,EAAM,KAC9C,OAAC,OACC,UAAU,6BACV,QAASI,EACT,UAAWY,GAAK,EACVA,EAAE,MAAQ,SAAWA,EAAE,MAAQ,OACjCA,EAAE,eAAe,EACjBZ,IAAU,EAEd,EACA,KAAK,SACL,SAAU,EAEV,mBAAC,OAAI,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACtF,mBAAC,QACC,SAAS,UACT,SAAS,UACT,EAAE,syCACF,KAAK,UACP,EACF,EACF,GACF,KACA,OAAC,OACC,aAAW,EAAAW,YACT,2EACA,CAACf,GAAS,OACV,kBACAG,CACF,EACA,SAAUc,GAAS,CACjB,MAAMC,EAAgBD,EAAM,OAExBC,EAAc,cAAgBA,EAAc,cAI5CA,EAAc,UAAYA,EAAc,cAAgBA,EAAc,aAAe,IACvFb,GAAeA,EAAYY,CAAK,CAEpC,EAEC,SAAAX,EACH,GACF,CAEJ",
+  "sourcesContent": ["import { classNames as cn, useHeadlessContext } from '../../lib'\nimport { useEffect, useState, type UIEvent } from 'react'\nimport ReactModal from 'react-modal'\nimport { ROUNDED_BRANDS } from '../../constants'\n\nexport type ModalContainerProps = {\n  overlayClassName?: string\n  className?: string\n  scrollClassName?: string\n  title?: string\n  titleClassName?: string\n  useAnimation?: boolean // \u4F7F\u7528\u52A8\u753B\u5C55\u793A\n  isOpen: boolean\n  children?: any\n  onClose: () => void\n  onScrollEnd?: (event: UIEvent<HTMLDivElement>) => void\n}\n\nexport const RegistrationModalContainer = ({\n  isOpen,\n  title,\n  className = '',\n  overlayClassName = '',\n  scrollClassName = '',\n  onClose,\n  onScrollEnd,\n  children,\n  useAnimation = true,\n  titleClassName = '',\n  ...props\n}: ModalContainerProps): React.ReactElement => {\n  const { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n  const [animationShow, setAnimationShow] = useState(false)\n\n  useEffect(() => {\n    if (!useAnimation) {\n      return\n    }\n    requestAnimationFrame(() => {\n      setAnimationShow(isOpen ?? false)\n    })\n  }, [isOpen, useAnimation])\n\n  return (\n    <ReactModal\n      isOpen={isOpen ?? false}\n      overlayClassName={cn(\n        'fixed inset-0 z-[999] flex items-center justify-center bg-black/70 leading-[1.2] md:items-end',\n        overlayClassName\n      )}\n      className={cn(\n        'min-md:max-h-[calc(100vh-96px)] w-[540px] relative flex min-h-[200px] flex-col overflow-hidden bg-white outline-none transition-all duration-300 md:h-auto md:w-full',\n        rounded && 'rounded-[16px] md:rounded-b-none',\n        useAnimation && 'md:translate-y-[100vh]',\n        animationShow && 'md:translate-y-0',\n        className\n      )}\n      onRequestClose={onClose}\n      {...props}\n    >\n      <div\n        className={cn(\n          'flex w-full shrink-0 items-center justify-between',\n          title ? 'min-l:px-[32px] h-[70px] border-b border-[#e2e2e2] px-[24px]' : 'h-[48px] px-[16px]',\n          titleClassName\n        )}\n      >\n        <div className=\"text-[18px] font-bold\">{title}</div>\n        <div\n          className=\"size-[22px] cursor-pointer\"\n          onClick={onClose}\n          onKeyDown={e => {\n            if (e.key === 'Enter' || e.key === ' ') {\n              e.preventDefault()\n              onClose?.()\n            }\n          }}\n          role=\"button\"\n          tabIndex={0}\n        >\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\">\n            <path\n              fillRule=\"evenodd\"\n              clipRule=\"evenodd\"\n              d=\"M16.8525 5.31015C16.4558 4.91337 15.8125 4.91338 15.4157 5.31015L11.1268 9.5991L6.83815 5.31049C6.44138 4.91372 5.79808 4.91372 5.40131 5.31049C5.00454 5.70726 5.00455 6.35055 5.40131 6.74732L9.68993 11.0359L5.40105 15.3248C5.00428 15.7216 5.00428 16.3649 5.40105 16.7616C5.79782 17.1584 6.44111 17.1584 6.83788 16.7616L11.1268 12.4728L15.416 16.762C15.8128 17.1588 16.456 17.1588 16.8528 16.762C17.2496 16.3652 17.2496 15.7219 16.8528 15.3252L12.5636 11.0359L16.8525 6.74698C17.2493 6.35021 17.2493 5.70692 16.8525 5.31015ZM16.921 6.02856C16.921 6.22992 16.8441 6.43127 16.6905 6.5849L14.465 8.8104L12.2395 11.0359L12.2395 11.0359L16.6905 6.58493C16.8441 6.43129 16.921 6.22993 16.921 6.02856ZM5.34966 6.19087C5.37992 6.3354 5.45115 6.47307 5.56336 6.58528L10.014 11.0359L10.014 11.0359L5.56336 6.58524C5.45116 6.47304 5.37992 6.33539 5.34966 6.19087ZM5.35087 16.2121C5.38193 16.3541 5.45267 16.4891 5.56309 16.5996C5.87037 16.9068 6.36856 16.9068 6.67583 16.5996L11.1268 12.1486L15.578 16.5999C15.8853 16.9072 16.3835 16.9072 16.6908 16.5999C16.8498 16.4409 16.9265 16.2307 16.9209 16.0223C16.9265 16.2307 16.8498 16.4409 16.6908 16.5999C16.3835 16.9072 15.8853 16.9072 15.578 16.5999L11.1268 12.1487L6.67583 16.5996C6.36856 16.9069 5.87037 16.9069 5.56309 16.5996C5.45267 16.4892 5.38192 16.3541 5.35087 16.2121Z\"\n              fill=\"#333333\"\n            />\n          </svg>\n        </div>\n      </div>\n      <div\n        className={cn(\n          'my-[32px] flex-1 overflow-auto overscroll-contain px-[24px] md:mb-[48px]',\n          !title && 'mt-0',\n          'min-l:px-[32px]',\n          scrollClassName\n        )}\n        onScroll={event => {\n          const targetElement = event.target as HTMLDivElement\n\n          if (targetElement.scrollHeight <= targetElement.clientHeight) {\n            return\n          }\n\n          if (targetElement.scrollTop + targetElement.clientHeight >= targetElement.scrollHeight - 50) {\n            onScrollEnd && onScrollEnd(event)\n          }\n        }}\n      >\n        {children}\n      </div>\n    </ReactModal>\n  )\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gCAAAE,IAAA,eAAAC,EAAAH,GA6DM,IAAAI,EAAA,6BA7DNC,EAAqD,qBACrDC,EAAkD,iBAClDC,EAAuB,0BACvBC,EAA+B,2BAexB,MAAMN,EAA6B,CAAC,CACzC,OAAAO,EACA,MAAAC,EACA,UAAAC,EAAY,GACZ,iBAAAC,EAAmB,GACnB,gBAAAC,EAAkB,GAClB,QAAAC,EACA,YAAAC,EACA,SAAAC,EACA,aAAAC,EAAe,GACf,eAAAC,EAAiB,GACjB,GAAGC,CACL,IAA+C,CAC7C,KAAM,CAAE,MAAAC,CAAM,KAAI,sBAAmB,EAC/BC,EAAU,iBAAe,SAASD,CAAK,EACvC,CAACE,EAAeC,CAAgB,KAAI,YAAS,EAAK,EAExD,sBAAU,IAAM,CACTN,GAGL,sBAAsB,IAAM,CAC1BM,EAAiBd,GAAU,EAAK,CAClC,CAAC,CACH,EAAG,CAACA,EAAQQ,CAAY,CAAC,KAGvB,QAAC,EAAAO,QAAA,CACC,OAAQf,GAAU,GAClB,oBAAkB,EAAAgB,YAChB,gGACAb,CACF,EACA,aAAW,EAAAa,YACT,uKACAJ,GAAW,mCACXJ,GAAgB,yBAChBK,GAAiB,mBACjBX,CACF,EACA,eAAgBG,EACf,GAAGK,EAEJ,qBAAC,OACC,aAAW,EAAAM,YACT,oDACAf,EAAQ,+DAAiE,qBACzEQ,CACF,EAEA,oBAAC,OAAI,UAAU,wBAAyB,SAAAR,EAAM,KAC9C,OAAC,OACC,UAAU,6BACV,QAASI,EACT,UAAWY,GAAK,EACVA,EAAE,MAAQ,SAAWA,EAAE,MAAQ,OACjCA,EAAE,eAAe,EACjBZ,IAAU,EAEd,EACA,KAAK,SACL,SAAU,EAEV,mBAAC,OAAI,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACtF,mBAAC,QACC,SAAS,UACT,SAAS,UACT,EAAE,syCACF,KAAK,UACP,EACF,EACF,GACF,KACA,OAAC,OACC,aAAW,EAAAW,YACT,2EACA,CAACf,GAAS,OACV,kBACAG,CACF,EACA,SAAUc,GAAS,CACjB,MAAMC,EAAgBD,EAAM,OAExBC,EAAc,cAAgBA,EAAc,cAI5CA,EAAc,UAAYA,EAAc,cAAgBA,EAAc,aAAe,IACvFb,GAAeA,EAAYY,CAAK,CAEpC,EAEC,SAAAX,EACH,GACF,CAEJ",
   "names": ["modalContainer_exports", "__export", "RegistrationModalContainer", "__toCommonJS", "import_jsx_runtime", "import_lib", "import_react", "import_react_modal", "import_constants", "isOpen", "title", "className", "overlayClassName", "scrollClassName", "onClose", "onScrollEnd", "children", "useAnimation", "titleClassName", "props", "brand", "rounded", "animationShow", "setAnimationShow", "ReactModal", "cn", "e", "event", "targetElement"]
 }

package/dist/cjs/lib/cart/const.d.ts

@@ -0,0 +1,5 @@
+import { SWRMutationConfiguration } from 'swr/mutation';
+export declare const currencyCodeMapping: Record<string, string>;
+export declare const defaultSWRMutationConfiguration: SWRMutationConfiguration<any, any, any, any, any> & {
+    throwOnError?: boolean;
+};

package/dist/cjs/lib/cart/const.js

@@ -0,0 +1,2 @@
+"use strict";var a=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var e=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var E=(o,n)=>{for(var t in n)a(o,t,{get:n[t],enumerable:!0})},U=(o,n,t,i)=>{if(n&&typeof n=="object"||typeof n=="function")for(let r of e(n))!u.call(o,r)&&r!==t&&a(o,r,{get:()=>n[r],enumerable:!(i=R(n,r))||i.enumerable});return o};var s=o=>U(a({},"__esModule",{value:!0}),o);var c={};E(c,{currencyCodeMapping:()=>f,defaultSWRMutationConfiguration:()=>g});module.exports=s(c);const f={us:"USD",ca:"CAD",gb:"GBP",eu:"EUR",au:"AUD",nz:"NZD",de:"EUR",fr:"EUR",es:"EUR",it:"EUR",nl:"EUR",pl:"EUR",ro:"EUR"},g={throwOnError:!1};
+//# sourceMappingURL=const.js.map

package/dist/cjs/lib/cart/const.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/cart/const.ts"],
+  "sourcesContent": ["import { SWRMutationConfiguration } from 'swr/mutation'\n\nexport const currencyCodeMapping = {\n  us: 'USD',\n  ca: 'CAD',\n  gb: 'GBP',\n  eu: 'EUR',\n  au: 'AUD',\n  nz: 'NZD',\n  de: 'EUR',\n  fr: 'EUR',\n  es: 'EUR',\n  it: 'EUR',\n  nl: 'EUR',\n  pl: 'EUR',\n  ro: 'EUR',\n} as Record<string, string>\n\nexport const defaultSWRMutationConfiguration: SWRMutationConfiguration<any, any, any, any, any> & {\n  throwOnError?: boolean\n} = {\n  throwOnError: false,\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,yBAAAE,EAAA,oCAAAC,IAAA,eAAAC,EAAAJ,GAEO,MAAME,EAAsB,CACjC,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,KACN,EAEaC,EAET,CACF,aAAc,EAChB",
+  "names": ["const_exports", "__export", "currencyCodeMapping", "defaultSWRMutationConfiguration", "__toCommonJS"]
+}

package/dist/cjs/lib/cart/context/index.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+import { Cart } from '../../shopify/types/cart';
+import { AutoFreeGiftConfig, FunctionGiftResult, AutoFreeGiftList } from '../types/autoFreeGift';
+import { AttributeInput } from '../../shopify/gql';
+import { UseScriptAutoFreeGiftResult } from '../hooks/feature/useScriptAutoFreeGift';
+export type LoadingState = {
+    editLineQuantityLoading: boolean;
+    editLineCodeAmountLoading: boolean;
+    listingAutoCodeApplying: boolean;
+    userCodeApplying: boolean;
+};
+type CartContextType = {
+    cart: Cart | undefined;
+    isCartLoading: boolean;
+    mutateCart: (cart: Cart | undefined) => void;
+    triggerFetch: () => void;
+    calculatedAutoFreeGift?: FunctionGiftResult | undefined;
+    addCustomAttributes: (attributes: AttributeInput[]) => void;
+    removeCustomAttributes: (attributes: {
+        key: string;
+    }[]) => void;
+    setCustomAttributes: (attributes: AttributeInput[]) => void;
+    isCodeChanging: boolean;
+    setIsCodeChanging: (isCodeChanging: boolean) => void;
+    autoFreeGiftConfig?: AutoFreeGiftConfig;
+    setLoadingState: React.Dispatch<React.SetStateAction<LoadingState>>;
+    loadingState: LoadingState;
+    scriptAutoFreeGiftResult?: UseScriptAutoFreeGiftResult;
+    scriptAutoFreeGift?: AutoFreeGiftList;
+    functionAutoFreeGiftResult?: FunctionGiftResult;
+    functionAutoFreeGift?: AutoFreeGiftList;
+    setFunctionAutoFreeGift: (functionAutoFreeGift: AutoFreeGiftList) => void;
+    setScriptAutoFreeGift: (scriptAutoFreeGift: AutoFreeGiftList) => void;
+    giftNeedAddToCartLines: AutoFreeGiftList;
+};
+export declare const CartContext: React.Context<CartContextType>;
+type CartProviderProps = {
+    children: React.ReactNode;
+    autoFreeGiftConfig?: AutoFreeGiftConfig;
+    gradientGiftsConfig: any;
+    profile: any;
+    customer: any;
+};
+export declare const CartProvider: ({ children, autoFreeGiftConfig, gradientGiftsConfig, profile, customer, }: CartProviderProps) => React.JSX.Element;
+export declare const useCartContext: () => CartContextType;
+export {};

package/dist/cjs/lib/cart/context/index.js

@@ -0,0 +1,2 @@
+"use strict";var tt=Object.create;var G=Object.defineProperty;var et=Object.getOwnPropertyDescriptor;var it=Object.getOwnPropertyNames;var ot=Object.getPrototypeOf,rt=Object.prototype.hasOwnProperty;var nt=(e,o)=>{for(var u in o)G(e,u,{get:o[u],enumerable:!0})},N=(e,o,u,g)=>{if(o&&typeof o=="object"||typeof o=="function")for(let d of it(o))!rt.call(e,d)&&d!==u&&G(e,d,{get:()=>o[d],enumerable:!(g=et(o,d))||g.enumerable});return e};var ut=(e,o,u)=>(u=e!=null?tt(ot(e)):{},N(o||!e||!e.__esModule?G(u,"default",{value:e,enumerable:!0}):u,e)),st=e=>N(G({},"__esModule",{value:!0}),e);var ct={};nt(ct,{CartContext:()=>R,CartProvider:()=>dt,useCartContext:()=>ft});module.exports=st(ct);var H=require("react/jsx-runtime"),t=require("react"),Q=require("../hooks/feature/useCalcAutoFreeGift"),q=require("../../shopify/fetchers/get-cart"),S=require("ahooks"),M=require("../../context"),K=require("../hooks/basic/useUpdateCartAttributes"),O=require("../hooks/feature/useCartAttributes"),W=require("../utils"),Y=require("../hooks/feature/useUpdateLineCodeAmountAttributes"),B=ut(require("../hooks/feature/useScriptAutoFreeGift")),c=require("../utils/autoFreeGift"),C=require("../../shopify/utils/const");const at={cart:void 0,isCartLoading:!1,mutateCart:()=>{},triggerFetch:()=>{},calculatedAutoFreeGift:void 0,addCustomAttributes:()=>{},removeCustomAttributes:()=>{},setCustomAttributes:()=>{},isCodeChanging:!1,setIsCodeChanging:()=>{},setLoadingState:()=>{},loadingState:{editLineQuantityLoading:!1,editLineCodeAmountLoading:!1,listingAutoCodeApplying:!1,userCodeApplying:!1},scriptAutoFreeGift:void 0,functionAutoFreeGift:void 0,scriptAutoFreeGiftResult:void 0,functionAutoFreeGiftResult:void 0,setFunctionAutoFreeGift:()=>{},setScriptAutoFreeGift:()=>{},giftNeedAddToCartLines:[]},R=(0,t.createContext)(at),dt=({children:e,autoFreeGiftConfig:o,gradientGiftsConfig:u,profile:g,customer:d})=>{const{storefrontToken:I,storeDomain:h,cartIdCookieName:k,locale:A}=(0,M.useHeadlessContext)(),[p,m]=(0,t.useState)([]),[T,V]=(0,t.useState)(!1),[a,x]=(0,t.useState)({editLineQuantityLoading:!1,editLineCodeAmountLoading:!1,listingAutoCodeApplying:!1,userCodeApplying:!1}),[b,P]=(0,t.useState)([]),[L,_]=(0,t.useState)([]),{run:$,data:r,loading:U,mutate:y}=(0,S.useRequest)(async()=>{const n=typeof window<"u"?document.cookie.split("; ").find(f=>f.startsWith(`${k}=`))?.split("=")[1]:void 0;if(n)return(0,q.getCart)({options:{cartId:n},config:{storefrontToken:I,storeDomain:h}})},{refreshDeps:[A,I,h,k]}),{trigger:z}=(0,K.useUpdateCartAttributes)(),{attributes:E}=(0,O.useCartAttributes)({profile:g,customer:d,cart:r});(0,S.useRequest)(async()=>{const n=[...E,...p];if(r&&!(0,W.isAttributesEqual)(r.customAttributes,n)&&r){const i=await z({cartId:r.id,attributes:n});return i&&y(i),i}else return Promise.resolve(r)},{throttleWait:1e3,throttleTrailing:!0,throttleLeading:!1,refreshDeps:[E,p,r?.id]}),(0,Y.useUpdateLineCodeAmountAttributes)({cart:r,mutateCart:y,isCartLoading:U||T,setLoadingState:x});const l=(0,Q.useCalcAutoFreeGift)(r,o||[],d),F=(0,B.default)({campaign:u,_giveaway:C.CUSTOMER_SCRIPT_GIFT_KEY,cart:r}),w=(0,t.useMemo)(()=>(0,c.formatScriptAutoFreeGift)({scriptAutoFreeGiftResult:F,gradient_gifts:u,locale:A}),[F,u,A]),D=(0,t.useMemo)(()=>(0,c.formatFunctionAutoFreeGift)({qualifyingGift:l?.qualifyingGift||null,giftProductsResult:l?.giftProductsResult||[],locale:A}),[l,A]);(0,t.useEffect)(()=>{a.userCodeApplying||a.editLineQuantityLoading||a.editLineCodeAmountLoading||a.listingAutoCodeApplying||(P(w),_(D))},[w,D,a.userCodeApplying,a.editLineQuantityLoading,a.editLineCodeAmountLoading,a.listingAutoCodeApplying]);const J=(0,t.useMemo)(()=>{const n=r?.lineItems.filter(i=>i.customAttributes?.some(s=>[C.CUSTOMER_ATTRIBUTE_KEY,C.CUSTOMER_SCRIPT_GIFT_KEY].includes(s.key)));return[...b,...L].filter(i=>!n?.find(s=>s.variantId===i.line.variantId&&s.customAttributes?.some(v=>v.key==="_discounts_function_env"?(0,c.getDiscountEnvAttributeValue)(s.customAttributes).is_gift:!1)))},[r?.lineItems,b,L]),X=(0,t.useCallback)(n=>{m(f=>f.filter(i=>!n.some(s=>s.key===i.key)))},[]),Z=(0,t.useCallback)(n=>{const f=n.filter(i=>p.some(s=>s.key===i.key));f.length?m(i=>[...i.filter(v=>!f.some(j=>j.key===v.key)),...n]):m(i=>[...i,...n])},[p]);return(0,H.jsx)(R.Provider,{value:{cart:r,mutateCart:y,triggerFetch:$,isCartLoading:U,setCustomAttributes:m,addCustomAttributes:Z,removeCustomAttributes:X,calculatedAutoFreeGift:l||F,isCodeChanging:T,setIsCodeChanging:V,setLoadingState:x,loadingState:a,functionAutoFreeGift:L,functionAutoFreeGiftResult:l,setFunctionAutoFreeGift:_,scriptAutoFreeGift:b,scriptAutoFreeGiftResult:F,setScriptAutoFreeGift:P,giftNeedAddToCartLines:J},children:e})},ft=()=>(0,t.useContext)(R);
+//# sourceMappingURL=index.js.map

package/dist/cjs/lib/cart/context/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/cart/context/index.tsx"],
+  "sourcesContent": ["import React, { createContext, useContext, useState, useMemo, useEffect, useCallback } from 'react'\nimport { Cart } from '../../shopify/types/cart'\n\nimport { AutoFreeGiftConfig, FunctionGiftResult, AutoFreeGiftList } from '../types/autoFreeGift'\nimport { useCalcAutoFreeGift } from '../hooks/feature/useCalcAutoFreeGift'\nimport { getCart } from '../../shopify/fetchers/get-cart'\nimport { useRequest } from 'ahooks'\nimport { useHeadlessContext } from '../../context'\nimport { useUpdateCartAttributes } from '../hooks/basic/useUpdateCartAttributes'\nimport { useCartAttributes } from '../hooks/feature/useCartAttributes'\nimport { AttributeInput } from '../../shopify/gql'\nimport { isAttributesEqual } from '../utils'\nimport { useUpdateLineCodeAmountAttributes } from '../hooks/feature/useUpdateLineCodeAmountAttributes'\nimport useScriptAutoFreeGift, { UseScriptAutoFreeGiftResult } from '../hooks/feature/useScriptAutoFreeGift'\nimport {\n  formatScriptAutoFreeGift,\n  formatFunctionAutoFreeGift,\n  getDiscountEnvAttributeValue,\n} from '../utils/autoFreeGift'\nimport { CUSTOMER_ATTRIBUTE_KEY, CUSTOMER_SCRIPT_GIFT_KEY } from '../../shopify/utils/const'\n\nexport type LoadingState = {\n  editLineQuantityLoading: boolean\n  editLineCodeAmountLoading: boolean\n  listingAutoCodeApplying: boolean\n  userCodeApplying: boolean\n}\n\ntype CartContextType = {\n  cart: Cart | undefined\n  isCartLoading: boolean\n  mutateCart: (cart: Cart | undefined) => void\n  triggerFetch: () => void\n  calculatedAutoFreeGift?: FunctionGiftResult | undefined\n  addCustomAttributes: (attributes: AttributeInput[]) => void\n  removeCustomAttributes: (attributes: { key: string }[]) => void\n  setCustomAttributes: (attributes: AttributeInput[]) => void\n  isCodeChanging: boolean\n  setIsCodeChanging: (isCodeChanging: boolean) => void\n  autoFreeGiftConfig?: AutoFreeGiftConfig\n  setLoadingState: React.Dispatch<React.SetStateAction<LoadingState>>\n  loadingState: LoadingState\n  scriptAutoFreeGiftResult?: UseScriptAutoFreeGiftResult\n  scriptAutoFreeGift?: AutoFreeGiftList\n  functionAutoFreeGiftResult?: FunctionGiftResult\n  functionAutoFreeGift?: AutoFreeGiftList\n  setFunctionAutoFreeGift: (functionAutoFreeGift: AutoFreeGiftList) => void\n  setScriptAutoFreeGift: (scriptAutoFreeGift: AutoFreeGiftList) => void\n  giftNeedAddToCartLines: AutoFreeGiftList\n}\n\nconst initialState: CartContextType = {\n  cart: undefined,\n  isCartLoading: false,\n  mutateCart: () => {},\n  triggerFetch: () => {},\n  calculatedAutoFreeGift: undefined,\n  addCustomAttributes: () => {},\n  removeCustomAttributes: () => {},\n  setCustomAttributes: () => {},\n  isCodeChanging: false,\n  setIsCodeChanging: () => {},\n  setLoadingState: () => {},\n  loadingState: {\n    editLineQuantityLoading: false,\n    editLineCodeAmountLoading: false,\n    listingAutoCodeApplying: false,\n    userCodeApplying: false,\n  },\n  scriptAutoFreeGift: undefined,\n  functionAutoFreeGift: undefined,\n  scriptAutoFreeGiftResult: undefined,\n  functionAutoFreeGiftResult: undefined,\n  setFunctionAutoFreeGift: () => {},\n  setScriptAutoFreeGift: () => {},\n  giftNeedAddToCartLines: [],\n}\n\nexport const CartContext = createContext<CartContextType>(initialState)\n\ntype CartProviderProps = {\n  children: React.ReactNode\n  autoFreeGiftConfig?: AutoFreeGiftConfig\n  gradientGiftsConfig: any\n  profile: any\n  customer: any\n}\n\nexport const CartProvider = ({\n  children,\n  autoFreeGiftConfig,\n  gradientGiftsConfig,\n  profile,\n  customer,\n}: CartProviderProps) => {\n  const { storefrontToken, storeDomain, cartIdCookieName, locale } = useHeadlessContext()\n  const [customAttributes, setCustomAttributes] = useState<AttributeInput[]>([])\n  const [isCodeChanging, setIsCodeChanging] = useState(false)\n  const [loadingState, setLoadingState] = useState<LoadingState>({\n    editLineQuantityLoading: false,\n    editLineCodeAmountLoading: false,\n    listingAutoCodeApplying: false,\n    userCodeApplying: false,\n  })\n  const [scriptAutoFreeGift, setScriptAutoFreeGift] = useState<AutoFreeGiftList>([])\n  const [functionAutoFreeGift, setFunctionAutoFreeGift] = useState<AutoFreeGiftList>([])\n\n  // \u83B7\u53D6\u8D2D\u7269\u8F66\u903B\u8F91\n  const {\n    run: fetchCart,\n    data: cart,\n    loading: isCartLoading,\n    mutate: mutateCart,\n  } = useRequest(\n    async () => {\n      // \u4ECE cookie \u83B7\u53D6 cartId\n      const cartId =\n        typeof window !== 'undefined'\n          ? document.cookie\n              .split('; ')\n              .find(row => row.startsWith(`${cartIdCookieName}=`))\n              ?.split('=')[1]\n          : undefined\n\n      if (!cartId) {\n        return undefined\n      }\n\n      return getCart({\n        options: { cartId },\n        config: {\n          storefrontToken,\n          storeDomain,\n        },\n      })\n    },\n    {\n      refreshDeps: [locale, storefrontToken, storeDomain, cartIdCookieName],\n    }\n  ) as unknown as {\n    run: () => Promise<Cart | undefined>\n    mutate: (cart: Cart | undefined) => void\n    data: Cart | undefined\n    loading: boolean\n  }\n\n  // \u66F4\u65B0 attributes\n  const { trigger: updateAttributes } = useUpdateCartAttributes()\n  // \u516C\u5171 attributes\n  const { attributes } = useCartAttributes({ profile, customer, cart })\n\n  useRequest(\n    async () => {\n      // \u53BB\u91CD\u903B\u8F91\n      const newAttributes = [...attributes, ...customAttributes]\n\n      const needUpdate = cart && !isAttributesEqual(cart.customAttributes, newAttributes)\n\n      // \u5982\u679C attributes \u6CA1\u6709\u53D8\u5316\uFF0C\u4E0D\u66F4\u65B0\n      if (needUpdate && cart) {\n        const updatedCart = await updateAttributes({\n          cartId: cart.id,\n          attributes: newAttributes,\n        })\n        if (updatedCart) {\n          mutateCart(updatedCart)\n        }\n        return updatedCart\n      } else {\n        return Promise.resolve(cart)\n      }\n    },\n    {\n      throttleWait: 1000, // 1 \u79D2\u5185\u53EA\u89E6\u53D1\u6700\u540E\u4E00\u6B21\u66F4\u65B0\n      throttleTrailing: true,\n      throttleLeading: false,\n      refreshDeps: [attributes, customAttributes, cart?.id],\n    }\n  )\n\n  // \u66F4\u65B0 code \u65F6\uFF0C\u540C\u6B65\u66F4\u65B0 line item \u4E2D\u7684 code amount attribute\n  useUpdateLineCodeAmountAttributes({\n    cart,\n    mutateCart,\n    isCartLoading: isCartLoading || isCodeChanging,\n    setLoadingState,\n  })\n\n  // \u8BA1\u7B97\u8D2D\u7269\u8F66\u8D60\u54C1 - \u53EA\u8BA1\u7B97\uFF0C\u4E0D\u6267\u884C\u526F\u4F5C\u7528\n  const functionAutoFreeGiftResult = useCalcAutoFreeGift(cart, autoFreeGiftConfig || [], customer)\n  const scriptAutoFreeGiftResult = useScriptAutoFreeGift({\n    campaign: gradientGiftsConfig,\n    _giveaway: CUSTOMER_SCRIPT_GIFT_KEY,\n    cart,\n  })\n\n  const formattedScriptGifts = useMemo(() => {\n    return formatScriptAutoFreeGift({\n      scriptAutoFreeGiftResult,\n      gradient_gifts: gradientGiftsConfig,\n      locale,\n    })\n  }, [scriptAutoFreeGiftResult, gradientGiftsConfig, locale])\n\n  const formattedFunctionGifts = useMemo(() => {\n    return formatFunctionAutoFreeGift({\n      qualifyingGift: functionAutoFreeGiftResult?.qualifyingGift || null,\n      giftProductsResult: (functionAutoFreeGiftResult?.giftProductsResult as any[]) || [],\n      locale,\n    })\n  }, [functionAutoFreeGiftResult, locale])\n\n  // \u5F53\u683C\u5F0F\u5316\u7ED3\u679C\u53D8\u5316\u65F6\u66F4\u65B0\u72B6\u6001\n  useEffect(() => {\n    if (\n      loadingState.userCodeApplying ||\n      loadingState.editLineQuantityLoading ||\n      loadingState.editLineCodeAmountLoading ||\n      loadingState.listingAutoCodeApplying\n    ) {\n      return\n    }\n\n    setScriptAutoFreeGift(formattedScriptGifts)\n    setFunctionAutoFreeGift(formattedFunctionGifts)\n  }, [\n    formattedScriptGifts,\n    formattedFunctionGifts,\n    loadingState.userCodeApplying,\n    loadingState.editLineQuantityLoading,\n    loadingState.editLineCodeAmountLoading,\n    loadingState.listingAutoCodeApplying,\n  ])\n\n  const giftNeedAddToCartLines = useMemo(() => {\n    const cartGiftLineItems = cart?.lineItems.filter(line =>\n      line.customAttributes?.some((attr: any) => [CUSTOMER_ATTRIBUTE_KEY, CUSTOMER_SCRIPT_GIFT_KEY].includes(attr.key))\n    )\n    const result = [...scriptAutoFreeGift, ...functionAutoFreeGift].filter(\n      item =>\n        // \u5982\u679C\u8D2D\u7269\u8F66\u4E2D\u5DF2\u7ECF\u5B58\u5728\u5BF9\u5E94\u8D60\u54C1\uFF0C\u4E14\u6807\u8BB0\u4E86 function \u6EE1\u8D60\u7684\u5C5E\u6027\uFF0C\u5219\u4E0D\u6DFB\u52A0\n        !cartGiftLineItems?.find(line => {\n          return (\n            line.variantId === item.line.variantId &&\n            line.customAttributes?.some((attr: any) => {\n              if (attr.key === '_discounts_function_env') {\n                return getDiscountEnvAttributeValue(line.customAttributes).is_gift\n              }\n\n              return false\n            })\n          )\n        })\n    )\n    return result\n  }, [cart?.lineItems, scriptAutoFreeGift, functionAutoFreeGift])\n\n  const removeCustomAttributes = useCallback((attributes: { key: string }[]) => {\n    setCustomAttributes(prev => prev.filter((attr: AttributeInput) => !attributes.some(a => a.key === attr.key)))\n  }, [])\n\n  const addCustomAttributes = useCallback(\n    (attributes: AttributeInput[]) => {\n      const sameAttributes = attributes.filter(attr => customAttributes.some(a => a.key === attr.key))\n      if (sameAttributes.length) {\n        setCustomAttributes(prev => {\n          // \u66F4\u65B0\u76F8\u540C\u7684\u5C5E\u6027\n          const removedAttributes = prev.filter((attr: AttributeInput) => !sameAttributes.some(a => a.key === attr.key))\n          return [...removedAttributes, ...attributes]\n        })\n      } else {\n        // \u6DFB\u52A0\u65B0\u7684\u5C5E\u6027\n        setCustomAttributes(prev => [...prev, ...attributes])\n      }\n    },\n    [customAttributes]\n  )\n\n  return (\n    <CartContext.Provider\n      value={{\n        cart,\n        mutateCart,\n        triggerFetch: fetchCart,\n        isCartLoading,\n        setCustomAttributes,\n        addCustomAttributes: addCustomAttributes,\n        removeCustomAttributes: removeCustomAttributes,\n        calculatedAutoFreeGift: functionAutoFreeGiftResult || scriptAutoFreeGiftResult,\n        isCodeChanging,\n        setIsCodeChanging,\n        setLoadingState,\n        loadingState,\n        // function\u6EE1\u8D60\n        functionAutoFreeGift,\n        functionAutoFreeGiftResult,\n        setFunctionAutoFreeGift,\n        // script\u6EE1\u8D60\n        scriptAutoFreeGift,\n        scriptAutoFreeGiftResult,\n        setScriptAutoFreeGift,\n        giftNeedAddToCartLines,\n      }}\n    >\n      {children}\n    </CartContext.Provider>\n  )\n}\n\nexport const useCartContext = () => useContext(CartContext)\n"],
+  "mappings": "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",
+  "names": ["context_exports", "__export", "CartContext", "CartProvider", "useCartContext", "__toCommonJS", "import_jsx_runtime", "import_react", "import_useCalcAutoFreeGift", "import_get_cart", "import_ahooks", "import_context", "import_useUpdateCartAttributes", "import_useCartAttributes", "import_utils", "import_useUpdateLineCodeAmountAttributes", "import_useScriptAutoFreeGift", "import_autoFreeGift", "import_const", "initialState", "children", "autoFreeGiftConfig", "gradientGiftsConfig", "profile", "customer", "storefrontToken", "storeDomain", "cartIdCookieName", "locale", "customAttributes", "setCustomAttributes", "isCodeChanging", "setIsCodeChanging", "loadingState", "setLoadingState", "scriptAutoFreeGift", "setScriptAutoFreeGift", "functionAutoFreeGift", "setFunctionAutoFreeGift", "fetchCart", "cart", "isCartLoading", "mutateCart", "cartId", "row", "updateAttributes", "attributes", "newAttributes", "updatedCart", "functionAutoFreeGiftResult", "scriptAutoFreeGiftResult", "useScriptAutoFreeGift", "formattedScriptGifts", "formattedFunctionGifts", "giftNeedAddToCartLines", "cartGiftLineItems", "line", "attr", "item", "removeCustomAttributes", "prev", "a", "addCustomAttributes", "sameAttributes"]
+}

package/dist/cjs/lib/cart/hooks/basic/useAddToCart.d.ts

@@ -0,0 +1,29 @@
+import { Cart, Attributes } from '../../../shopify';
+import { CartBuyerIdentityInput } from '../../../shopify/gql';
+import { SWRMutationConfiguration } from 'swr/mutation';
+import { GtmParams } from '../../types';
+type AddToCartLineItem = {
+    variant?: {
+        id: string;
+    };
+    variantId?: string;
+    quantity?: number;
+    attributes?: Attributes;
+};
+export type AddToCartArgs = {
+    lineItems: AddToCartLineItem[];
+    cartId?: string;
+    discountCodes?: string[];
+    customAttributes?: Attributes;
+    buyerIdentity?: CartBuyerIdentityInput;
+    gtmParams?: Exclude<GtmParams, 'brand'>;
+    needCreateCart?: boolean;
+    onCodesInvalid?: (updatedCart: Cart, invalidCodes: string[]) => Promise<Cart | undefined>;
+};
+type UseAddToCartProps = {
+    withTrack?: boolean;
+};
+export declare const useAddToCart: ({ withTrack }?: UseAddToCartProps, swrOptions?: SWRMutationConfiguration<Cart | undefined, Error, string, AddToCartArgs> & {
+    throwOnError?: boolean;
+}) => import("swr/dist/mutation").SWRMutationResponse<Cart | undefined, Error, "add-to-cart", AddToCartArgs>;
+export {};

package/dist/cjs/lib/cart/hooks/basic/useAddToCart.js

@@ -0,0 +1,2 @@
+"use strict";var x=Object.create;var s=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var R=Object.getPrototypeOf,S=Object.prototype.hasOwnProperty;var W=(t,r)=>{for(var e in r)s(t,e,{get:r[e],enumerable:!0})},c=(t,r,e,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let i of M(r))!S.call(t,i)&&i!==e&&s(t,i,{get:()=>r[i],enumerable:!(o=L(r,i))||o.enumerable});return t};var k=(t,r,e)=>(e=t!=null?x(R(t)):{},c(r||!t||!t.__esModule?s(e,"default",{value:t,enumerable:!0}):e,t)),E=t=>c(s({},"__esModule",{value:!0}),t);var G={};W(G,{useAddToCart:()=>F});module.exports=E(G);var p=require("react"),g=k(require("swr/mutation")),d=require("../../../shopify"),I=require("../../../context"),b=require("../../const"),y=require("../../track/fbq"),A=require("../../track/gtm");const F=({withTrack:t=!0}={},r=b.defaultSWRMutationConfiguration)=>{const{storefrontToken:e,storeDomain:o,brand:i}=(0,I.useHeadlessContext)(),T=(0,p.useCallback)(async(B,{arg:h})=>{const{lineItems:u,cartId:l,discountCodes:P,gtmParams:v={},buyerIdentity:q,needCreateCart:w=!1,onCodesInvalid:f}=h;if(!u||u.length===0)return;const m=u.map(n=>({merchandiseId:n.variant?.id||n.variantId||"",quantity:n.quantity||1,attributes:n.attributes})).filter(n=>n.merchandiseId&&n.quantity);let a;if(m.length>0&&(!l||w?a=await(0,d.createCart)({options:{lines:m,buyerIdentity:q,discountCodes:P},config:{storefrontToken:e,storeDomain:o}}):a=await(0,d.addCartLines)({options:{lines:m,cartId:l},config:{storefrontToken:e,storeDomain:o}})),a&&f){const n=a.discountCodes?.filter(C=>!C.applicable).map(C=>C.code);n?.length&&(a=await f(a,n)||a)}return t&&((0,y.addToCartFbq)({lineItems:a?.lineItems||[]}),(0,A.addToCartGa)({lineItems:a?.lineItems||[],gtmParams:{...v,brand:i}})),a},[e,o]);return(0,g.default)("add-to-cart",T,r)};
+//# sourceMappingURL=useAddToCart.js.map

package/dist/cjs/lib/cart/hooks/basic/useAddToCart.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/lib/cart/hooks/basic/useAddToCart.ts"],
+  "sourcesContent": ["import { Cart, Attributes } from '../../../shopify'\nimport { CartBuyerIdentityInput } from '../../../shopify/gql'\nimport { useCallback } from 'react'\nimport useSWRMutation, { SWRMutationConfiguration } from 'swr/mutation'\nimport { GtmParams } from '../../types'\n// import { startInactiveSpan } from '@sentry/nextjs'\nimport { addCartLines as addCartLinesFetcher, createCart as createCartFetcher } from '../../../shopify'\nimport { useHeadlessContext } from '../../../context'\nimport { defaultSWRMutationConfiguration } from '../../const'\nimport { addToCartFbq } from '../../track/fbq'\nimport { addToCartGa } from '../../track/gtm'\n\ntype AddToCartLineItem = {\n  variant?: { id: string }\n  variantId?: string\n  quantity?: number\n  attributes?: Attributes\n}\n\nexport type AddToCartArgs = {\n  lineItems: AddToCartLineItem[]\n  cartId?: string\n  discountCodes?: string[]\n  customAttributes?: Attributes\n  buyerIdentity?: CartBuyerIdentityInput\n  gtmParams?: Exclude<GtmParams, 'brand'>\n  needCreateCart?: boolean // \u662F\u5426\u5F3A\u5236\u521B\u5EFA\u65B0\u8D2D\u7269\u8F66\n  onCodesInvalid?: (updatedCart: Cart, invalidCodes: string[]) => Promise<Cart | undefined> // \u6298\u6263\u7801\u4E0D\u53EF\u7528\u65F6\u7684\u56DE\u8C03\n}\n\ntype UseAddToCartProps = {\n  withTrack?: boolean // \u662F\u5426\u9700\u8981\u9ED8\u8BA4\u57CB\u70B9\uFF08\u6682\u65F6\u6CE8\u91CA\uFF0C\u9700\u8981\u65F6\u53EF\u4EE5\u542F\u7528\uFF09\n}\n\nexport const useAddToCart = (\n  { withTrack = true }: UseAddToCartProps = {},\n  swrOptions: SWRMutationConfiguration<Cart | undefined, Error, string, AddToCartArgs> & {\n    throwOnError?: boolean\n  } = defaultSWRMutationConfiguration\n) => {\n  const { storefrontToken, storeDomain, brand } = useHeadlessContext()\n\n  const trigger = useCallback(\n    async (_: any, { arg }: { arg: AddToCartArgs }) => {\n      const {\n        lineItems,\n        cartId,\n        discountCodes,\n        gtmParams = {},\n        buyerIdentity,\n        needCreateCart = false,\n        onCodesInvalid,\n      } = arg\n\n      if (!lineItems || lineItems.length === 0) {\n        return\n      }\n\n      // const addToCartSpan = startInactiveSpan({\n      //   name: 'addToCart',\n      //   op: 'business',\n      // })\n\n      // \u51C6\u5907\u8981\u6DFB\u52A0\u7684\u5546\u54C1\u6570\u636E\n      const linesToAdd = lineItems\n        .map(item => ({\n          merchandiseId: item.variant?.id || item.variantId || '',\n          quantity: item.quantity || 1,\n          attributes: item.attributes,\n        }))\n        .filter(item => item.merchandiseId && item.quantity)\n\n      let resultCart: Cart | undefined\n\n      if (linesToAdd.length > 0) {\n        // const addToCartAPISpan = startInactiveSpan({\n        //   name: 'addToCartAPI',\n        //   op: 'business',\n        //   parentSpan: addToCartSpan,\n        // })\n\n        if (!cartId || needCreateCart) {\n          // \u521B\u5EFA\u65B0\u8D2D\u7269\u8F66\n          // const createCartApiSpan = startInactiveSpan({\n          //   name: 'createCartAPI',\n          //   op: 'business',\n          //   parentSpan: addToCartAPISpan,\n          // })\n\n          resultCart = await createCartFetcher({\n            options: {\n              lines: linesToAdd,\n              buyerIdentity,\n              discountCodes,\n            },\n            config: {\n              storefrontToken,\n              storeDomain,\n            },\n          })\n\n          // createCartApiSpan.end()\n        } else {\n          // \u6DFB\u52A0\u5230\u73B0\u6709\u8D2D\u7269\u8F66\n          // const addCartLinesApiSpan = startInactiveSpan({\n          //   name: 'addCartLinesAPI',\n          //   op: 'business',\n          //   parentSpan: addToCartAPISpan,\n          // })\n\n          resultCart = await addCartLinesFetcher({\n            options: {\n              lines: linesToAdd,\n              cartId,\n            },\n            config: {\n              storefrontToken,\n              storeDomain,\n            },\n          })\n\n          // addCartLinesApiSpan.end()\n        }\n\n        // addToCartAPISpan.end()\n      }\n\n      // \u68C0\u67E5\u662F\u5426\u6709\u4E0D\u53EF\u7528\u7684\u6298\u6263\u7801\n      if (resultCart && onCodesInvalid) {\n        const unApplicableCodes = resultCart.discountCodes\n          ?.filter((item) => !item.applicable)\n          .map((item) => item.code)\n\n        if (unApplicableCodes?.length) {\n          // const removeCartCodesApiSpan = startInactiveSpan({\n          //   name: 'removeCartCodesAPI',\n          //   op: 'business',\n          //   parentSpan: addToCartSpan,\n          // })\n\n          resultCart = (await onCodesInvalid(resultCart, unApplicableCodes)) || resultCart\n\n          // removeCartCodesApiSpan.end()\n        }\n      }\n\n      // \u57CB\u70B9\uFF08\u9700\u8981\u65F6\u53EF\u4EE5\u542F\u7528\uFF09\n      if (withTrack) {\n        addToCartFbq({ lineItems: resultCart?.lineItems || [] })\n        addToCartGa({ lineItems: resultCart?.lineItems || [], gtmParams: { ...gtmParams, brand } })\n      }\n\n      // addToCartSpan.end()\n\n      return resultCart\n    },\n    [storefrontToken, storeDomain]\n  )\n\n  return useSWRMutation('add-to-cart', trigger, swrOptions)\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kBAAAE,IAAA,eAAAC,EAAAH,GAEA,IAAAI,EAA4B,iBAC5BC,EAAyD,2BAGzDC,EAAqF,4BACrFC,EAAmC,4BACnCC,EAAgD,uBAChDC,EAA6B,2BAC7BC,EAA4B,2BAwBrB,MAAMR,EAAe,CAC1B,CAAE,UAAAS,EAAY,EAAK,EAAuB,CAAC,EAC3CC,EAEI,oCACD,CACH,KAAM,CAAE,gBAAAC,EAAiB,YAAAC,EAAa,MAAAC,CAAM,KAAI,sBAAmB,EAE7DC,KAAU,eACd,MAAOC,EAAQ,CAAE,IAAAC,CAAI,IAA8B,CACjD,KAAM,CACJ,UAAAC,EACA,OAAAC,EACA,cAAAC,EACA,UAAAC,EAAY,CAAC,EACb,cAAAC,EACA,eAAAC,EAAiB,GACjB,eAAAC,CACF,EAAIP,EAEJ,GAAI,CAACC,GAAaA,EAAU,SAAW,EACrC,OASF,MAAMO,EAAaP,EAChB,IAAIQ,IAAS,CACZ,cAAeA,EAAK,SAAS,IAAMA,EAAK,WAAa,GACrD,SAAUA,EAAK,UAAY,EAC3B,WAAYA,EAAK,UACnB,EAAE,EACD,OAAOA,GAAQA,EAAK,eAAiBA,EAAK,QAAQ,EAErD,IAAIC,EAwDJ,GAtDIF,EAAW,OAAS,IAOlB,CAACN,GAAUI,EAQbI,EAAa,QAAM,EAAAC,YAAkB,CACnC,QAAS,CACP,MAAOH,EACP,cAAAH,EACA,cAAAF,CACF,EACA,OAAQ,CACN,gBAAAR,EACA,YAAAC,CACF,CACF,CAAC,EAWDc,EAAa,QAAM,EAAAE,cAAoB,CACrC,QAAS,CACP,MAAOJ,EACP,OAAAN,CACF,EACA,OAAQ,CACN,gBAAAP,EACA,YAAAC,CACF,CACF,CAAC,GASDc,GAAcH,EAAgB,CAChC,MAAMM,EAAoBH,EAAW,eACjC,OAAQD,GAAS,CAACA,EAAK,UAAU,EAClC,IAAKA,GAASA,EAAK,IAAI,EAEtBI,GAAmB,SAOrBH,EAAc,MAAMH,EAAeG,EAAYG,CAAiB,GAAMH,EAI1E,CAGA,OAAIjB,OACF,gBAAa,CAAE,UAAWiB,GAAY,WAAa,CAAC,CAAE,CAAC,KACvD,eAAY,CAAE,UAAWA,GAAY,WAAa,CAAC,EAAG,UAAW,CAAE,GAAGN,EAAW,MAAAP,CAAM,CAAE,CAAC,GAKrFa,CACT,EACA,CAACf,EAAiBC,CAAW,CAC/B,EAEA,SAAO,EAAAkB,SAAe,cAAehB,EAASJ,CAAU,CAC1D",
+  "names": ["useAddToCart_exports", "__export", "useAddToCart", "__toCommonJS", "import_react", "import_mutation", "import_shopify", "import_context", "import_const", "import_fbq", "import_gtm", "withTrack", "swrOptions", "storefrontToken", "storeDomain", "brand", "trigger", "_", "arg", "lineItems", "cartId", "discountCodes", "gtmParams", "buyerIdentity", "needCreateCart", "onCodesInvalid", "linesToAdd", "item", "resultCart", "createCartFetcher", "addCartLinesFetcher", "unApplicableCodes", "useSWRMutation"]
+}

package/dist/cjs/lib/cart/hooks/basic/useApplyCartCodes.d.ts

@@ -0,0 +1,10 @@
+import { Cart } from '../../../shopify';
+import { SWRMutationConfiguration } from 'swr/mutation';
+export type ApplyCartCodesArgs = {
+    cartId: string;
+    discountCodes: string[];
+    currentCart?: Cart;
+};
+export declare const useApplyCartCodes: (swrOptions?: SWRMutationConfiguration<Cart | undefined, Error, string, ApplyCartCodesArgs> & {
+    throwOnError?: boolean;
+}) => import("swr/dist/mutation").SWRMutationResponse<Cart | undefined, Error, "apply-cart-codes", ApplyCartCodesArgs>;

package/dist/cjs/lib/cart/hooks/basic/useApplyCartCodes.js

@@ -0,0 +1,2 @@
+"use strict";var M=Object.create;var s=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,I=Object.prototype.hasOwnProperty;var R=(t,o)=>{for(var r in o)s(t,r,{get:o[r],enumerable:!0})},c=(t,o,r,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of S(o))!I.call(t,e)&&e!==r&&s(t,e,{get:()=>o[e],enumerable:!(i=E(o,e))||i.enumerable});return t};var W=(t,o,r)=>(r=t!=null?M(x(t)):{},c(o||!t||!t.__esModule?s(r,"default",{value:t,enumerable:!0}):r,t)),k=t=>c(s({},"__esModule",{value:!0}),t);var D={};R(D,{useApplyCartCodes:()=>q});module.exports=k(D);var l=require("react"),f=W(require("swr/mutation")),g=require("../../../shopify"),m=require("../../../context"),h=require("../../const");const q=(t=h.defaultSWRMutationConfiguration)=>{const{storefrontToken:o,storeDomain:r}=(0,m.useHeadlessContext)(),i=(0,l.useCallback)(async(e,{arg:w})=>{const{cartId:d,discountCodes:a,currentCart:A}=w;if(!a?.length)throw new Error("Invalid input used for this operation: Miss discountCode");if(!d)throw new Error("cartId is required");let y=A?.discountCodes?.filter(n=>n.applicable)||[];const b=[...new Set([...y.map(n=>n.code),...a])],p=await(0,g.updateCartCodes)({options:{cartId:d,discountCodes:b},config:{storefrontToken:o,storeDomain:r}}),u=a.filter(n=>p?.discountCodes?.find(C=>C.code===n&&!C.applicable));if(u.length)throw new Error(`${u.join(", ")} is not applicable to the cart`);return p},[o,r]);return(0,f.default)("apply-cart-codes",i,t)};
+//# sourceMappingURL=useApplyCartCodes.js.map

package/dist/cjs/lib/cart/hooks/basic/useApplyCartCodes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/lib/cart/hooks/basic/useApplyCartCodes.ts"],
+  "sourcesContent": ["import { Cart } from '../../../shopify'\nimport { useCallback } from 'react'\nimport useSWRMutation, { SWRMutationConfiguration } from 'swr/mutation'\nimport { MutationCartDiscountCodesUpdateArgs } from '../../../shopify/gql'\n// import { startInactiveSpan } from '@sentry/nextjs'\nimport { updateCartCodes as updateCartCodesFetcher } from '../../../shopify'\nimport { useHeadlessContext } from '../../../context'\nimport { defaultSWRMutationConfiguration } from '../../const'\n\nexport type ApplyCartCodesArgs = {\n  cartId: string\n  discountCodes: string[]\n  currentCart?: Cart // \u5F53\u524D\u8D2D\u7269\u8F66\u72B6\u6001\uFF0C\u7528\u4E8E\u5408\u5E76\u5DF2\u6709\u7684\u6298\u6263\u7801\n}\n\nexport const useApplyCartCodes = (\n  swrOptions: SWRMutationConfiguration<Cart | undefined, Error, string, ApplyCartCodesArgs> & {\n    throwOnError?: boolean\n  } = defaultSWRMutationConfiguration\n) => {\n  const { storefrontToken, storeDomain } = useHeadlessContext()\n\n  const trigger = useCallback(\n    async (_: any, { arg }: { arg: ApplyCartCodesArgs }) => {\n      const { cartId, discountCodes, currentCart } = arg\n\n      if (!discountCodes?.length) {\n        throw new Error('Invalid input used for this operation: Miss discountCode')\n      }\n\n      if (!cartId) {\n        throw new Error('cartId is required')\n      }\n\n      // \u5408\u5E76\u5F53\u524D\u5DF2\u6709\u7684\u53EF\u7528\u6298\u6263\u7801\n      let existingCodes = currentCart?.discountCodes?.filter(code => code.applicable) || []\n      const uniqueCodes = [...new Set([...existingCodes.map(code => code.code), ...discountCodes])]\n\n      // const applyCartCodesApiSpan = startInactiveSpan({\n      //   name: 'applyCartCodesAPI',\n      //   op: 'business',\n      // })\n\n      const updatedCart = await updateCartCodesFetcher({\n        options: {\n          cartId,\n          discountCodes: uniqueCodes,\n        },\n        config: {\n          storefrontToken,\n          storeDomain,\n        },\n      })\n\n      // applyCartCodesApiSpan.end()\n\n      // \u68C0\u67E5\u65B0\u6DFB\u52A0\u7684\u6298\u6263\u7801\u662F\u5426\u6709\u4E0D\u53EF\u7528\u7684\n      const unApplicableCodes = discountCodes.filter((code) =>\n        updatedCart?.discountCodes?.find((item) => item.code === code && !item.applicable)\n      )\n\n      if (unApplicableCodes.length) {\n        throw new Error(`${unApplicableCodes.join(', ')} is not applicable to the cart`)\n      }\n\n      return updatedCart\n    },\n    [storefrontToken, storeDomain]\n  )\n\n  return useSWRMutation('apply-cart-codes', trigger, swrOptions)\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,uBAAAE,IAAA,eAAAC,EAAAH,GACA,IAAAI,EAA4B,iBAC5BC,EAAyD,2BAGzDC,EAA0D,4BAC1DC,EAAmC,4BACnCC,EAAgD,uBAQzC,MAAMN,EAAoB,CAC/BO,EAEI,oCACD,CACH,KAAM,CAAE,gBAAAC,EAAiB,YAAAC,CAAY,KAAI,sBAAmB,EAEtDC,KAAU,eACd,MAAOC,EAAQ,CAAE,IAAAC,CAAI,IAAmC,CACtD,KAAM,CAAE,OAAAC,EAAQ,cAAAC,EAAe,YAAAC,CAAY,EAAIH,EAE/C,GAAI,CAACE,GAAe,OAClB,MAAM,IAAI,MAAM,0DAA0D,EAG5E,GAAI,CAACD,EACH,MAAM,IAAI,MAAM,oBAAoB,EAItC,IAAIG,EAAgBD,GAAa,eAAe,OAAOE,GAAQA,EAAK,UAAU,GAAK,CAAC,EACpF,MAAMC,EAAc,CAAC,GAAG,IAAI,IAAI,CAAC,GAAGF,EAAc,IAAIC,GAAQA,EAAK,IAAI,EAAG,GAAGH,CAAa,CAAC,CAAC,EAOtFK,EAAc,QAAM,EAAAC,iBAAuB,CAC/C,QAAS,CACP,OAAAP,EACA,cAAeK,CACjB,EACA,OAAQ,CACN,gBAAAV,EACA,YAAAC,CACF,CACF,CAAC,EAKKY,EAAoBP,EAAc,OAAQG,GAC9CE,GAAa,eAAe,KAAMG,GAASA,EAAK,OAASL,GAAQ,CAACK,EAAK,UAAU,CACnF,EAEA,GAAID,EAAkB,OACpB,MAAM,IAAI,MAAM,GAAGA,EAAkB,KAAK,IAAI,CAAC,gCAAgC,EAGjF,OAAOF,CACT,EACA,CAACX,EAAiBC,CAAW,CAC/B,EAEA,SAAO,EAAAc,SAAe,mBAAoBb,EAASH,CAAU,CAC/D",
+  "names": ["useApplyCartCodes_exports", "__export", "useApplyCartCodes", "__toCommonJS", "import_react", "import_mutation", "import_shopify", "import_context", "import_const", "swrOptions", "storefrontToken", "storeDomain", "trigger", "_", "arg", "cartId", "discountCodes", "currentCart", "existingCodes", "code", "uniqueCodes", "updatedCart", "updateCartCodesFetcher", "unApplicableCodes", "item", "useSWRMutation"]
+}

package/dist/cjs/lib/cart/hooks/basic/useBuyNow.d.ts

@@ -0,0 +1,20 @@
+import { Attributes, Cart, CartBuyerIdentity } from '../../../shopify';
+import { SWRMutationConfiguration } from 'swr/mutation';
+import { FbqBuyNowTrackConfig } from '../../track/fbq';
+import { GtmParams, BuyNowLineItems } from '../../types';
+type UseBuyNowProps = {
+    withTrack?: boolean;
+    redirectToCheckout?: boolean;
+};
+export type BuyNowArgs = {
+    lineItems: BuyNowLineItems;
+    discountCodes?: string[];
+    customAttributes?: Attributes;
+    buyerIdentity?: CartBuyerIdentity;
+    gtmParams?: GtmParams;
+    fbqTrackConfig?: FbqBuyNowTrackConfig;
+};
+export declare const useBuyNow: ({ withTrack, redirectToCheckout }?: UseBuyNowProps, swrOptions?: SWRMutationConfiguration<Cart | undefined, Error, string, BuyNowArgs> & {
+    throwOnError?: boolean;
+}) => import("swr/dist/mutation").SWRMutationResponse<Cart | undefined, Error, "buyNow", BuyNowArgs>;
+export {};

package/dist/cjs/lib/cart/hooks/basic/useBuyNow.js

@@ -0,0 +1,2 @@
+"use strict";var A=Object.create;var s=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var F=Object.getPrototypeOf,M=Object.prototype.hasOwnProperty;var R=(t,r)=>{for(var o in r)s(t,o,{get:r[o],enumerable:!0})},c=(t,r,o,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let e of T(r))!M.call(t,e)&&e!==o&&s(t,e,{get:()=>r[e],enumerable:!(a=P(r,e))||a.enumerable});return t};var S=(t,r,o)=>(o=t!=null?A(F(t)):{},c(r||!t||!t.__esModule?s(o,"default",{value:t,enumerable:!0}):o,t)),W=t=>c(s({},"__esModule",{value:!0}),t);var E={};R(E,{useBuyNow:()=>x});module.exports=W(E);var C=require("react"),b=S(require("swr/mutation")),m=require("../../../shopify"),d=require("../../../context"),p=require("../../const"),g=require("../../track/gtm"),w=require("../../track/fbq");const x=({withTrack:t=!0,redirectToCheckout:r=!0}={},o=p.defaultSWRMutationConfiguration)=>{const{storefrontToken:a,storeDomain:e,brand:l}=(0,d.useHeadlessContext)(),N=(0,C.useCallback)(async(G,{arg:B})=>{const{lineItems:u,discountCodes:I,gtmParams:q={},buyerIdentity:h,fbqTrackConfig:f,customAttributes:k}=B;if(!u)return;const y=u.map(n=>({merchandiseId:n.variant.id,quantity:n.quantity||1,attributes:n.attributes})).filter(n=>n.merchandiseId&&n.quantity);let i;if(y.length>0&&(i=await(0,m.createCart)({options:{attributes:k,lines:y,buyerIdentity:h,discountCodes:I},config:{storefrontToken:a,storeDomain:e}})),t&&((0,g.buyNowGa)({lineItems:u,gtmParams:{...q,brand:l}}),f&&(0,w.buyNowFbq)({trackConfig:f})),r&&i?.url)window.location.href=i.url;else throw new Error("Failed to buy now");return i},[t,r,m.createCart]);return(0,b.default)("buyNow",N,o)};
+//# sourceMappingURL=useBuyNow.js.map

package/dist/cjs/lib/cart/hooks/basic/useBuyNow.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/lib/cart/hooks/basic/useBuyNow.ts"],
+  "sourcesContent": ["import { Attributes, Cart, CartBuyerIdentity, CartInput } from '../../../shopify'\nimport { useCallback } from 'react'\nimport useSWRMutation, { SWRMutationConfiguration } from 'swr/mutation'\nimport { FbqBuyNowTrackConfig } from '../../track/fbq'\nimport { GtmParams, BuyNowLineItems } from '../../types'\n// import { startInactiveSpan } from '@sentry/nextjs'\nimport { createCart as createCartFetcher } from '../../../shopify'\nimport { useHeadlessContext } from '../../../context'\nimport { defaultSWRMutationConfiguration } from '../../const'\nimport { buyNowGa } from '../../track/gtm'\nimport { buyNowFbq } from '../../track/fbq'\n\ntype UseBuyNowProps = {\n  withTrack?: boolean // \u662F\u5426\u9700\u8981\u9ED8\u8BA4\u57CB\u70B9\n  redirectToCheckout?: boolean // \u662F\u5426\u91CD\u5B9A\u5411\u5230\u7ED3\u8D26\u9875\n}\n\nexport type BuyNowArgs = {\n  lineItems: BuyNowLineItems\n  discountCodes?: string[]\n  customAttributes?: Attributes\n  buyerIdentity?: CartBuyerIdentity\n  gtmParams?: GtmParams\n  fbqTrackConfig?: FbqBuyNowTrackConfig\n}\n\nexport const useBuyNow = (\n  { withTrack = true, redirectToCheckout = true }: UseBuyNowProps = {},\n  swrOptions: SWRMutationConfiguration<Cart | undefined, Error, string, BuyNowArgs> & {\n    throwOnError?: boolean\n  } = defaultSWRMutationConfiguration\n) => {\n  const { storefrontToken, storeDomain, brand } = useHeadlessContext()\n\n  const trigger = useCallback(\n    async (_: any, { arg }: { arg: BuyNowArgs }) => {\n      const { lineItems, discountCodes, gtmParams = {}, buyerIdentity, fbqTrackConfig,customAttributes } = arg\n\n      if (!lineItems) {\n        return\n      }\n\n      // const buyNowSpan = startInactiveSpan({\n      //   name: 'buyNow',\n      //   op: 'business',\n      // })\n\n      const linesToBuyNow = lineItems\n        .map(item => ({\n          merchandiseId: item.variant.id,\n          quantity: item.quantity || 1,\n          attributes: item.attributes,\n        }))\n        .filter(item => item.merchandiseId && item.quantity)\n\n      let resultCart: Cart | undefined\n      if (linesToBuyNow.length > 0) {\n        // const buyNowAPISpan = startInactiveSpan({\n        //   name: 'buyNowAPI',\n        //   op: 'business',\n        //   parentSpan: buyNowSpan,\n        // })\n\n        // const createCartApiSpan = startInactiveSpan({\n        //   name: 'createCartAPI',\n        //   op: 'business',\n        //   parentSpan: buyNowAPISpan,\n        // })\n        // \u521B\u5EFA\u8D2D\u7269\u8F66\n        const createCartOptions = {\n          attributes: customAttributes,\n          lines: linesToBuyNow,\n          buyerIdentity,\n          discountCodes,\n        } as CartInput\n        resultCart = await createCartFetcher({\n          options: createCartOptions,\n          config: {\n            storefrontToken,\n            storeDomain,\n          },\n        })\n        // createCartApiSpan.end()\n\n        // buyNowAPISpan.end()\n      }\n\n      // \u57CB\u70B9\n      if (withTrack) {\n        buyNowGa({ lineItems, gtmParams: { ...gtmParams, brand } })\n        if (fbqTrackConfig) {\n          buyNowFbq({ trackConfig: fbqTrackConfig })\n        }\n      }\n\n      // buyNowSpan.end()\n      if (redirectToCheckout && resultCart?.url) {\n        window.location.href = resultCart.url\n      } else {\n        throw new Error('Failed to buy now')\n      }\n      return resultCart\n    },\n    [withTrack, redirectToCheckout, createCartFetcher]\n  )\n\n  return useSWRMutation('buyNow', trigger, swrOptions)\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,eAAAE,IAAA,eAAAC,EAAAH,GACA,IAAAI,EAA4B,iBAC5BC,EAAyD,2BAIzDC,EAAgD,4BAChDC,EAAmC,4BACnCC,EAAgD,uBAChDC,EAAyB,2BACzBC,EAA0B,2BAgBnB,MAAMR,EAAY,CACvB,CAAE,UAAAS,EAAY,GAAM,mBAAAC,EAAqB,EAAK,EAAoB,CAAC,EACnEC,EAEI,oCACD,CACH,KAAM,CAAE,gBAAAC,EAAiB,YAAAC,EAAa,MAAAC,CAAM,KAAI,sBAAmB,EAE7DC,KAAU,eACd,MAAOC,EAAQ,CAAE,IAAAC,CAAI,IAA2B,CAC9C,KAAM,CAAE,UAAAC,EAAW,cAAAC,EAAe,UAAAC,EAAY,CAAC,EAAG,cAAAC,EAAe,eAAAC,EAAe,iBAAAC,CAAiB,EAAIN,EAErG,GAAI,CAACC,EACH,OAQF,MAAMM,EAAgBN,EACnB,IAAIO,IAAS,CACZ,cAAeA,EAAK,QAAQ,GAC5B,SAAUA,EAAK,UAAY,EAC3B,WAAYA,EAAK,UACnB,EAAE,EACD,OAAOA,GAAQA,EAAK,eAAiBA,EAAK,QAAQ,EAErD,IAAIC,EAyCJ,GAxCIF,EAAc,OAAS,IAmBzBE,EAAa,QAAM,EAAAC,YAAkB,CACnC,QAPwB,CACxB,WAAYJ,EACZ,MAAOC,EACP,cAAAH,EACA,cAAAF,CACF,EAGE,OAAQ,CACN,gBAAAP,EACA,YAAAC,CACF,CACF,CAAC,GAOCJ,OACF,YAAS,CAAE,UAAAS,EAAW,UAAW,CAAE,GAAGE,EAAW,MAAAN,CAAM,CAAE,CAAC,EACtDQ,MACF,aAAU,CAAE,YAAaA,CAAe,CAAC,GAKzCZ,GAAsBgB,GAAY,IACpC,OAAO,SAAS,KAAOA,EAAW,QAElC,OAAM,IAAI,MAAM,mBAAmB,EAErC,OAAOA,CACT,EACA,CAACjB,EAAWC,EAAoB,EAAAiB,UAAiB,CACnD,EAEA,SAAO,EAAAC,SAAe,SAAUb,EAASJ,CAAU,CACrD",
+  "names": ["useBuyNow_exports", "__export", "useBuyNow", "__toCommonJS", "import_react", "import_mutation", "import_shopify", "import_context", "import_const", "import_gtm", "import_fbq", "withTrack", "redirectToCheckout", "swrOptions", "storefrontToken", "storeDomain", "brand", "trigger", "_", "arg", "lineItems", "discountCodes", "gtmParams", "buyerIdentity", "fbqTrackConfig", "customAttributes", "linesToBuyNow", "item", "resultCart", "createCartFetcher", "useSWRMutation"]
+}

package/dist/cjs/lib/cart/hooks/basic/useCreateCart.d.ts

@@ -0,0 +1,6 @@
+import { Cart, CartInput } from '../../../shopify';
+import { SWRMutationConfiguration } from 'swr/mutation';
+export type CreateCartArgs = CartInput;
+export declare const useCreateCart: (swrOptions?: SWRMutationConfiguration<Cart | undefined, Error, string, CreateCartArgs> & {
+    throwOnError?: boolean;
+}) => import("swr/dist/mutation").SWRMutationResponse<Cart | undefined, Error, "create-cart", CartInput>;

package/dist/cjs/lib/cart/hooks/basic/useCreateCart.js

@@ -0,0 +1,2 @@
+"use strict";var c=Object.create;var n=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var l=Object.getPrototypeOf,M=Object.prototype.hasOwnProperty;var R=(t,r)=>{for(var o in r)n(t,o,{get:r[o],enumerable:!0})},i=(t,r,o,e)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of d(r))!M.call(t,a)&&a!==o&&n(t,a,{get:()=>r[a],enumerable:!(e=g(r,a))||e.enumerable});return t};var S=(t,r,o)=>(o=t!=null?c(l(t)):{},i(r||!t||!t.__esModule?n(o,"default",{value:t,enumerable:!0}):o,t)),W=t=>i(n({},"__esModule",{value:!0}),t);var y={};R(y,{useCreateCart:()=>x});module.exports=W(y);var C=require("react"),s=S(require("swr/mutation")),u=require("../../../shopify"),p=require("../../../context"),f=require("../../const");const x=(t=f.defaultSWRMutationConfiguration)=>{const{storefrontToken:r,storeDomain:o}=(0,p.useHeadlessContext)(),e=(0,C.useCallback)(async(a,{arg:m})=>await(0,u.createCart)({options:m,config:{storefrontToken:r,storeDomain:o}}),[r,o]);return(0,s.default)("create-cart",e,t)};
+//# sourceMappingURL=useCreateCart.js.map

package/dist/cjs/lib/cart/hooks/basic/useCreateCart.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/lib/cart/hooks/basic/useCreateCart.ts"],
+  "sourcesContent": ["import { Cart, CartInput } from '../../../shopify'\nimport { useCallback } from 'react'\nimport useSWRMutation, { SWRMutationConfiguration } from 'swr/mutation'\nimport { createCart as createCartFetcher } from '../../../shopify'\nimport { useHeadlessContext } from '../../../context'\nimport { defaultSWRMutationConfiguration } from '../../const'\n\nexport type CreateCartArgs = CartInput\n\nexport const useCreateCart = (\n  swrOptions: SWRMutationConfiguration<Cart | undefined, Error, string, CreateCartArgs> & {\n    throwOnError?: boolean\n  } = defaultSWRMutationConfiguration\n) => {\n  const { storefrontToken, storeDomain } = useHeadlessContext()\n\n  const trigger = useCallback(\n    async (_: any, { arg }: { arg: CreateCartArgs }) => {\n      const updatedCart = await createCartFetcher({\n        options: arg,\n        config: {\n          storefrontToken,\n          storeDomain,\n        },\n      })\n      return updatedCart\n    },\n    [storefrontToken, storeDomain]\n  )\n\n  return useSWRMutation('create-cart', trigger, swrOptions)\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,IAAA,eAAAC,EAAAH,GACA,IAAAI,EAA4B,iBAC5BC,EAAyD,2BACzDC,EAAgD,4BAChDC,EAAmC,4BACnCC,EAAgD,uBAIzC,MAAMN,EAAgB,CAC3BO,EAEI,oCACD,CACH,KAAM,CAAE,gBAAAC,EAAiB,YAAAC,CAAY,KAAI,sBAAmB,EAEtDC,KAAU,eACd,MAAOC,EAAQ,CAAE,IAAAC,CAAI,IACC,QAAM,EAAAC,YAAkB,CAC1C,QAASD,EACT,OAAQ,CACN,gBAAAJ,EACA,YAAAC,CACF,CACF,CAAC,EAGH,CAACD,EAAiBC,CAAW,CAC/B,EAEA,SAAO,EAAAK,SAAe,cAAeJ,EAASH,CAAU,CAC1D",
+  "names": ["useCreateCart_exports", "__export", "useCreateCart", "__toCommonJS", "import_react", "import_mutation", "import_shopify", "import_context", "import_const", "swrOptions", "storefrontToken", "storeDomain", "trigger", "_", "arg", "createCartFetcher", "useSWRMutation"]
+}

package/dist/cjs/lib/cart/hooks/basic/useRemoveCartCodes.d.ts

@@ -0,0 +1,10 @@
+import { Cart } from '../../../shopify';
+import { SWRMutationConfiguration } from 'swr/mutation';
+export type RemoveCartCodesArgs = {
+    cartId: string;
+    discountCodes: string[];
+    currentCart?: Cart;
+};
+export declare const useRemoveCartCodes: (swrOptions?: SWRMutationConfiguration<Cart | undefined, Error, string, RemoveCartCodesArgs> & {
+    throwOnError?: boolean;
+}) => import("swr/dist/mutation").SWRMutationResponse<Cart | undefined, Error, "remove-cart-codes", RemoveCartCodesArgs>;

package/dist/cjs/lib/cart/hooks/basic/useRemoveCartCodes.js

@@ -0,0 +1,2 @@
+"use strict";var v=Object.create;var n=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,A=Object.prototype.hasOwnProperty;var S=(t,o)=>{for(var r in o)n(t,r,{get:o[r],enumerable:!0})},C=(t,o,r,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of h(o))!A.call(t,e)&&e!==r&&n(t,e,{get:()=>o[e],enumerable:!(s=M(o,e))||s.enumerable});return t};var W=(t,o,r)=>(r=t!=null?v(w(t)):{},C(o||!t||!t.__esModule?n(r,"default",{value:t,enumerable:!0}):r,t)),b=t=>C(n({},"__esModule",{value:!0}),t);var y={};S(y,{useRemoveCartCodes:()=>x});module.exports=b(y);var u=require("react"),c=W(require("swr/mutation")),m=require("../../../shopify"),p=require("../../../context"),f=require("../../const");const x=(t=f.defaultSWRMutationConfiguration)=>{const{storefrontToken:o,storeDomain:r}=(0,p.useHeadlessContext)(),s=(0,u.useCallback)(async(e,{arg:g})=>{const{cartId:i,discountCodes:d,currentCart:l}=g;if(!i)throw new Error("cartId is required");const R=(l?.discountCodes?.filter(a=>!!a.applicable)||[]).filter(a=>d?.length?!d.includes(a.code):a.code).map(a=>a.code);return await(0,m.updateCartCodes)({options:{cartId:i,discountCodes:R},config:{storefrontToken:o,storeDomain:r}})},[o,r]);return(0,c.default)("remove-cart-codes",s,t)};
+//# sourceMappingURL=useRemoveCartCodes.js.map

package/dist/cjs/lib/cart/hooks/basic/useRemoveCartCodes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/lib/cart/hooks/basic/useRemoveCartCodes.ts"],
+  "sourcesContent": ["import { Cart } from '../../../shopify'\nimport { MutationCartDiscountCodesUpdateArgs } from '../../../shopify/gql'\nimport { useCallback } from 'react'\nimport useSWRMutation, { SWRMutationConfiguration } from 'swr/mutation'\nimport { updateCartCodes as updateCartCodesFetcher } from '../../../shopify'\nimport { useHeadlessContext } from '../../../context'\nimport { defaultSWRMutationConfiguration } from '../../const'\n\nexport type RemoveCartCodesArgs = {\n  cartId: string\n  discountCodes: string[]\n  currentCart?: Cart // \u5F53\u524D\u8D2D\u7269\u8F66\u72B6\u6001\uFF0C\u7528\u4E8E\u8FC7\u6EE4\u5DF2\u6709\u7684\u6298\u6263\u7801\n}\n\nexport const useRemoveCartCodes = (\n  swrOptions: SWRMutationConfiguration<Cart | undefined, Error, string, RemoveCartCodesArgs> & {\n    throwOnError?: boolean\n  } = defaultSWRMutationConfiguration\n) => {\n  const { storefrontToken, storeDomain } = useHeadlessContext()\n\n  const trigger = useCallback(\n    async (_: any, { arg }: { arg: RemoveCartCodesArgs }) => {\n      const { cartId, discountCodes, currentCart } = arg\n\n      if (!cartId) {\n        throw new Error('cartId is required')\n      }\n\n      // \u83B7\u53D6\u5F53\u524D\u53EF\u7528\u7684\u6298\u6263\u7801\n      let codes = currentCart?.discountCodes?.filter((code) => !!code.applicable) || []\n\n      // \u8FC7\u6EE4\u6389\u8981\u5220\u9664\u7684\u6298\u6263\u7801\n      const leftCodes = codes\n        .filter((code) => (discountCodes?.length ? !discountCodes.includes(code.code) : code.code))\n        .map((code) => code.code)\n\n      const updatedCart = await updateCartCodesFetcher({\n        options: {\n          cartId,\n          discountCodes: leftCodes,\n        },\n        config: {\n          storefrontToken,\n          storeDomain,\n        },\n      })\n\n      return updatedCart\n    },\n    [storefrontToken, storeDomain]\n  )\n\n  return useSWRMutation('remove-cart-codes', trigger, swrOptions)\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,IAAA,eAAAC,EAAAH,GAEA,IAAAI,EAA4B,iBAC5BC,EAAyD,2BACzDC,EAA0D,4BAC1DC,EAAmC,4BACnCC,EAAgD,uBAQzC,MAAMN,EAAqB,CAChCO,EAEI,oCACD,CACH,KAAM,CAAE,gBAAAC,EAAiB,YAAAC,CAAY,KAAI,sBAAmB,EAEtDC,KAAU,eACd,MAAOC,EAAQ,CAAE,IAAAC,CAAI,IAAoC,CACvD,KAAM,CAAE,OAAAC,EAAQ,cAAAC,EAAe,YAAAC,CAAY,EAAIH,EAE/C,GAAI,CAACC,EACH,MAAM,IAAI,MAAM,oBAAoB,EAOtC,MAAMG,GAHMD,GAAa,eAAe,OAAQE,GAAS,CAAC,CAACA,EAAK,UAAU,GAAK,CAAC,GAI7E,OAAQA,GAAUH,GAAe,OAAS,CAACA,EAAc,SAASG,EAAK,IAAI,EAAIA,EAAK,IAAK,EACzF,IAAKA,GAASA,EAAK,IAAI,EAa1B,OAXoB,QAAM,EAAAC,iBAAuB,CAC/C,QAAS,CACP,OAAAL,EACA,cAAeG,CACjB,EACA,OAAQ,CACN,gBAAAR,EACA,YAAAC,CACF,CACF,CAAC,CAGH,EACA,CAACD,EAAiBC,CAAW,CAC/B,EAEA,SAAO,EAAAU,SAAe,oBAAqBT,EAASH,CAAU,CAChE",
+  "names": ["useRemoveCartCodes_exports", "__export", "useRemoveCartCodes", "__toCommonJS", "import_react", "import_mutation", "import_shopify", "import_context", "import_const", "swrOptions", "storefrontToken", "storeDomain", "trigger", "_", "arg", "cartId", "discountCodes", "currentCart", "leftCodes", "code", "updateCartCodesFetcher", "useSWRMutation"]
+}

package/dist/cjs/lib/cart/hooks/basic/useRemoveCartLines.d.ts

@@ -0,0 +1,10 @@
+import { Cart } from '../../../shopify';
+import { MutationCartLinesRemoveArgs } from '../../../shopify/gql';
+import { SWRMutationConfiguration } from 'swr/mutation';
+export type RemoveCartLinesArgs = MutationCartLinesRemoveArgs & {
+    autoRemoveInvalidCodes?: boolean;
+    onCodesRemoved?: (updatedCart: Cart, removedCodes: string[]) => Promise<Cart | undefined>;
+};
+export declare const useRemoveCartLines: (swrOptions?: SWRMutationConfiguration<Cart | undefined, Error, string, RemoveCartLinesArgs> & {
+    throwOnError?: boolean;
+}) => import("swr/dist/mutation").SWRMutationResponse<Cart | undefined, Error, "remove-cart-lines", RemoveCartLinesArgs>;

package/dist/cjs/lib/cart/hooks/basic/useRemoveCartLines.js

@@ -0,0 +1,2 @@
+"use strict";var L=Object.create;var i=Object.defineProperty;var A=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var b=Object.getPrototypeOf,S=Object.prototype.hasOwnProperty;var W=(e,o)=>{for(var t in o)i(e,t,{get:o[t],enumerable:!0})},u=(e,o,t,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of M(o))!S.call(e,r)&&r!==t&&i(e,r,{get:()=>o[r],enumerable:!(a=A(o,r))||a.enumerable});return e};var h=(e,o,t)=>(t=e!=null?L(b(e)):{},u(o||!e||!e.__esModule?i(t,"default",{value:e,enumerable:!0}):t,e)),w=e=>u(i({},"__esModule",{value:!0}),e);var y={};W(y,{useRemoveCartLines:()=>x});module.exports=w(y);var d=require("react"),f=h(require("swr/mutation")),p=require("../../../shopify"),v=require("../../../context"),g=require("../../const");const x=(e=g.defaultSWRMutationConfiguration)=>{const{storefrontToken:o,storeDomain:t}=(0,v.useHeadlessContext)(),a=(0,d.useCallback)(async(r,{arg:l})=>{const{autoRemoveInvalidCodes:c=!0,onCodesRemoved:m,...R}=l;let n=await(0,p.removeCartLines)({options:R,config:{storefrontToken:o,storeDomain:t}});if(n&&c){const C=n.discountCodes?.filter(s=>!s.applicable).map(s=>s.code);C?.length&&m&&(n=await m(n,C)||n)}return n},[o,t]);return(0,f.default)("remove-cart-lines",a,e)};
+//# sourceMappingURL=useRemoveCartLines.js.map

package/dist/cjs/lib/cart/hooks/basic/useRemoveCartLines.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/lib/cart/hooks/basic/useRemoveCartLines.ts"],
+  "sourcesContent": ["import { Cart } from '../../../shopify'\nimport { MutationCartLinesRemoveArgs } from '../../../shopify/gql'\nimport { useCallback } from 'react'\nimport useSWRMutation, { SWRMutationConfiguration } from 'swr/mutation'\nimport { removeCartLines as removeCartLinesFetcher } from '../../../shopify'\nimport { useHeadlessContext } from '../../../context'\nimport { defaultSWRMutationConfiguration } from '../../const'\n\nexport type RemoveCartLinesArgs = MutationCartLinesRemoveArgs & {\n  autoRemoveInvalidCodes?: boolean // \u662F\u5426\u81EA\u52A8\u79FB\u9664\u4E0D\u53EF\u7528\u7684\u6298\u6263\u7801\n  onCodesRemoved?: (updatedCart: Cart, removedCodes: string[]) => Promise<Cart | undefined> // \u79FB\u9664\u6298\u6263\u7801\u7684\u56DE\u8C03\n}\n\nexport const useRemoveCartLines = (\n  swrOptions: SWRMutationConfiguration<Cart | undefined, Error, string, RemoveCartLinesArgs> & {\n    throwOnError?: boolean\n  } = defaultSWRMutationConfiguration\n) => {\n  const { storefrontToken, storeDomain } = useHeadlessContext()\n\n  const trigger = useCallback(\n    async (_: any, { arg }: { arg: RemoveCartLinesArgs }) => {\n      const { autoRemoveInvalidCodes = true, onCodesRemoved, ...removeArgs } = arg\n\n      let updatedCart = await removeCartLinesFetcher({\n        options: removeArgs,\n        config: {\n          storefrontToken,\n          storeDomain,\n        },\n      })\n\n      // \u81EA\u52A8\u79FB\u9664\u4E0D\u53EF\u7528\u7684\u6298\u6263\u7801\n      if (updatedCart && autoRemoveInvalidCodes) {\n        const unApplicableCodes = updatedCart.discountCodes\n          ?.filter((item) => !item.applicable)\n          .map((item) => item.code)\n\n        if (unApplicableCodes?.length && onCodesRemoved) {\n          // \u5982\u679C\u63D0\u4F9B\u4E86\u56DE\u8C03\u51FD\u6570\uFF0C\u4F7F\u7528\u56DE\u8C03\u5904\u7406\n          updatedCart = (await onCodesRemoved(updatedCart, unApplicableCodes)) || updatedCart\n        }\n      }\n\n      return updatedCart\n    },\n    [storefrontToken, storeDomain]\n  )\n\n  return useSWRMutation('remove-cart-lines', trigger, swrOptions)\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,IAAA,eAAAC,EAAAH,GAEA,IAAAI,EAA4B,iBAC5BC,EAAyD,2BACzDC,EAA0D,4BAC1DC,EAAmC,4BACnCC,EAAgD,uBAOzC,MAAMN,EAAqB,CAChCO,EAEI,oCACD,CACH,KAAM,CAAE,gBAAAC,EAAiB,YAAAC,CAAY,KAAI,sBAAmB,EAEtDC,KAAU,eACd,MAAOC,EAAQ,CAAE,IAAAC,CAAI,IAAoC,CACvD,KAAM,CAAE,uBAAAC,EAAyB,GAAM,eAAAC,EAAgB,GAAGC,CAAW,EAAIH,EAEzE,IAAII,EAAc,QAAM,EAAAC,iBAAuB,CAC7C,QAASF,EACT,OAAQ,CACN,gBAAAP,EACA,YAAAC,CACF,CACF,CAAC,EAGD,GAAIO,GAAeH,EAAwB,CACzC,MAAMK,EAAoBF,EAAY,eAClC,OAAQG,GAAS,CAACA,EAAK,UAAU,EAClC,IAAKA,GAASA,EAAK,IAAI,EAEtBD,GAAmB,QAAUJ,IAE/BE,EAAe,MAAMF,EAAeE,EAAaE,CAAiB,GAAMF,EAE5E,CAEA,OAAOA,CACT,EACA,CAACR,EAAiBC,CAAW,CAC/B,EAEA,SAAO,EAAAW,SAAe,oBAAqBV,EAASH,CAAU,CAChE",
+  "names": ["useRemoveCartLines_exports", "__export", "useRemoveCartLines", "__toCommonJS", "import_react", "import_mutation", "import_shopify", "import_context", "import_const", "swrOptions", "storefrontToken", "storeDomain", "trigger", "_", "arg", "autoRemoveInvalidCodes", "onCodesRemoved", "removeArgs", "updatedCart", "removeCartLinesFetcher", "unApplicableCodes", "item", "useSWRMutation"]
+}

package/dist/cjs/lib/cart/hooks/basic/useUpdateCartAttributes.d.ts

@@ -0,0 +1,7 @@
+import { Cart } from '../../../shopify';
+import { MutationCartAttributesUpdateArgs } from '../../../shopify/gql';
+import { SWRMutationConfiguration } from 'swr/mutation';
+export type UpdateCartAttributesArgs = MutationCartAttributesUpdateArgs;
+export declare const useUpdateCartAttributes: (swrOptions?: SWRMutationConfiguration<Cart | undefined, Error, string, UpdateCartAttributesArgs> & {
+    throwOnError?: boolean;
+}) => import("swr/dist/mutation").SWRMutationResponse<Cart | undefined, Error, "update-cart-attributes", MutationCartAttributesUpdateArgs>;

package/dist/cjs/lib/cart/hooks/basic/useUpdateCartAttributes.js

@@ -0,0 +1,2 @@
+"use strict";var f=Object.create;var i=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var b=Object.getPrototypeOf,c=Object.prototype.hasOwnProperty;var M=(t,r)=>{for(var a in r)i(t,a,{get:r[a],enumerable:!0})},n=(t,r,a,e)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of A(r))!c.call(t,o)&&o!==a&&i(t,o,{get:()=>r[o],enumerable:!(e=g(r,o))||e.enumerable});return t};var U=(t,r,a)=>(a=t!=null?f(b(t)):{},n(r||!t||!t.__esModule?i(a,"default",{value:t,enumerable:!0}):a,t)),l=t=>n(i({},"__esModule",{value:!0}),t);var S={};M(S,{useUpdateCartAttributes:()=>R});module.exports=l(S);var u=require("react"),s=U(require("swr/mutation")),p=require("../../../shopify"),d=require("../../../context"),C=require("../../const");const R=(t=C.defaultSWRMutationConfiguration)=>{const{storefrontToken:r,storeDomain:a}=(0,d.useHeadlessContext)(),e=(0,u.useCallback)(async(o,{arg:m})=>await(0,p.updateCartAttributes)({options:m,config:{storefrontToken:r,storeDomain:a}}),[r,a]);return(0,s.default)("update-cart-attributes",e,t)};
+//# sourceMappingURL=useUpdateCartAttributes.js.map

package/dist/cjs/lib/cart/hooks/basic/useUpdateCartAttributes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/lib/cart/hooks/basic/useUpdateCartAttributes.ts"],
+  "sourcesContent": ["import { Cart } from '../../../shopify'\nimport { MutationCartAttributesUpdateArgs } from '../../../shopify/gql'\nimport { useCallback } from 'react'\nimport useSWRMutation, { SWRMutationConfiguration } from 'swr/mutation'\nimport { updateCartAttributes as updateCartAttributesFetcher } from '../../../shopify'\nimport { useHeadlessContext } from '../../../context'\n// import { startInactiveSpan } from '@sentry/nextjs'\nimport { defaultSWRMutationConfiguration } from '../../const'\n\nexport type UpdateCartAttributesArgs = MutationCartAttributesUpdateArgs\n\nexport const useUpdateCartAttributes = (\n  swrOptions: SWRMutationConfiguration<Cart | undefined, Error, string, UpdateCartAttributesArgs> & {\n    throwOnError?: boolean\n  } = defaultSWRMutationConfiguration\n) => {\n  const { storefrontToken, storeDomain } = useHeadlessContext()\n\n  const trigger = useCallback(\n    async (_: any, { arg }: { arg: UpdateCartAttributesArgs }) => {\n      // const updateCartAttributesApiSpan = startInactiveSpan({\n      //   name: 'updateCartAttributesAPI',\n      //   op: 'business',\n      // })\n\n      const updatedCart = await updateCartAttributesFetcher({\n        options: arg,\n        config: {\n          storefrontToken,\n          storeDomain,\n        },\n      })\n\n      // updateCartAttributesApiSpan.end()\n\n      return updatedCart\n    },\n    [storefrontToken, storeDomain]\n  )\n\n  return useSWRMutation('update-cart-attributes', trigger, swrOptions)\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,6BAAAE,IAAA,eAAAC,EAAAH,GAEA,IAAAI,EAA4B,iBAC5BC,EAAyD,2BACzDC,EAAoE,4BACpEC,EAAmC,4BAEnCC,EAAgD,uBAIzC,MAAMN,EAA0B,CACrCO,EAEI,oCACD,CACH,KAAM,CAAE,gBAAAC,EAAiB,YAAAC,CAAY,KAAI,sBAAmB,EAEtDC,KAAU,eACd,MAAOC,EAAQ,CAAE,IAAAC,CAAI,IAMC,QAAM,EAAAC,sBAA4B,CACpD,QAASD,EACT,OAAQ,CACN,gBAAAJ,EACA,YAAAC,CACF,CACF,CAAC,EAMH,CAACD,EAAiBC,CAAW,CAC/B,EAEA,SAAO,EAAAK,SAAe,yBAA0BJ,EAASH,CAAU,CACrE",
+  "names": ["useUpdateCartAttributes_exports", "__export", "useUpdateCartAttributes", "__toCommonJS", "import_react", "import_mutation", "import_shopify", "import_context", "import_const", "swrOptions", "storefrontToken", "storeDomain", "trigger", "_", "arg", "updateCartAttributesFetcher", "useSWRMutation"]
+}