@anker-in/campaign-ui 0.1.10 → 0.2.0

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

@@ -0,0 +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  useRegistration,\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'\n\nexport const AuthCodeActivate: React.FC<AuthCodeActivateProps> = ({ data, autoSendEmail = false }) => {\n  const { locale } = useHeadlessContext()\n  const {\n    email,\n    authCodeActivate: { activeToken, setActiveToken, setIsSendingActivateEmail, setIsActivateSuccess, onAuthSuccess },\n  } = useRegistration()\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 [resendStatus, setResendStatus] = useState('')\n  const { startCountDown, startAction, 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    if (sendEmailData.active_token) {\n      setActiveToken(sendEmailData.active_token)\n    }\n  }, [sendEmailData])\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        email: email,\n        data: {\n          redirect_url: `${window?.location?.origin}${window?.location?.pathname}`,\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          setResendStatus('success')\n          startAction()\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(data?.codeEmptyError || '')\n      return\n    }\n\n    if (code.length < 6) {\n      setError(data?.incorrectCodeError || '')\n      return\n    }\n\n    if (activeToken) {\n      await triggerEmailValidation(\n        {\n          token: activeToken,\n          code: code,\n        },\n        {\n          onSuccess: () => {\n            setResendStatus('success')\n            setMessageText(data?.authSuccessMessage || '')\n            setIsActivateSuccess(true)\n            onAuthSuccess?.()\n          },\n          onError: (err: any) => {\n            if (err?.errorCode === '104') {\n            } else if (err?.errorCode === '142') {\n              setError(data?.incorrectCodeError || 'Invalid verification code.')\n            } else if (err?.errorCode === '154') {\n              setError(data?.expiredCodeMessage || '')\n            } else {\n              setError(data?.sendEmailErrorMessage || '')\n            }\n          },\n        }\n      )\n    }\n\n    // \u8BBE\u7F6E\u5B9A\u65F6\u5668\u6E05\u9664\u72B6\u6001\u4FE1\u606F\n    let timer = setTimeout(() => {\n      setResendStatus('')\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    data?.codeEmptyError,\n    data?.authSuccessMessage,\n    data?.incorrectCodeError,\n    data?.expiredCodeMessage,\n    data?.sendEmailErrorMessage,\n    locale,\n    activeToken,\n  ])\n\n  return (\n    <div className={cn('p-12 px-5 !pb-12 min-l:px-12')}>\n      <div>\n        <Text\n          className=\"text-[22px] font-extrabold leading-[120%] text-[#333] min-l:text-[24px] [&_abbr]:text-[#005d8e]\"\n          html={data?.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={data?.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={data?.enterActiveCodeText}\n        />\n        <div className=\"my-3 flex justify-between\">\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=\"flex size-full items-center justify-center rounded-[12px] 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                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        {data?.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: data?.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={data?.authCodeReceiveText} />{' '}\n        {startCountDown ? (\n          <Text\n            html={data?.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': startCountDown || isSendingEmail,\n              }\n            )}\n            html={data?.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 rounded-[40px] px-8 py-[15px] text-center text-base font-bold leading-[100%] text-white min-l:mt-8\"\n          onClick={handleAuthCodeSubmit}\n        >\n          {data.buttonText}\n        </Button>\n      </div>\n      <Message status={resendStatus} message={messageText} />\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": ["authCodeActivate_exports", "__export", "AuthCodeActivate", "__toCommonJS", "import_jsx_runtime", "import_headless_ui", "import_lib", "import_react", "import_Message", "data", "autoSendEmail", "locale", "email", "activeToken", "setActiveToken", "setIsSendingActivateEmail", "setIsActivateSuccess", "onAuthSuccess", "emailValidationLoading", "triggerEmailValidation", "isSendingEmail", "triggerSendValidationEmail", "sendEmailData", "messageText", "setMessageText", "resendStatus", "setResendStatus", "startCountDown", "startAction", "countDown", "error", "setError", "focusIndex", "setFocusIndex", "codeArray", "setCodeArray", "inputRefs", "code", "handleSendAgain", "handleInputCodeChange", "event", "index", "value", "old", "newCode", "handleAuthCodeSubmit", "err", "timer", "cn", "item", "inputRef", "paste", "pastedCode"]
+}

package/dist/cjs/components/registration/authCodeActivate/type.d.ts

@@ -0,0 +1,23 @@
+export type AuthCodeActivateCopy = {
+    authCodeTitle?: string;
+    authCodeDesc?: string;
+    enterActiveCodeText?: string;
+    authCodeContent?: string;
+    authCodeReceiveText?: string;
+    sendAgainText?: string;
+    buttonText?: string;
+    note?: string;
+    codeEmptyError?: string;
+    incorrectCodeError?: string;
+    retrieveText?: string;
+    authSuccessMessage?: string;
+    sendEmailSuccessMessage?: string;
+    sendEmailErrorMessage?: string;
+    beenActivatedMessage?: string;
+    invalidCodeMessage?: string;
+    expiredCodeMessage?: string;
+};
+export type AuthCodeActivateProps = {
+    data: AuthCodeActivateCopy;
+    autoSendEmail?: boolean;
+};

package/dist/cjs/components/registration/authCodeActivate/type.js

@@ -0,0 +1,2 @@
+"use strict";var i=Object.defineProperty;var o=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var d=(t,e,n,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of a(e))!g.call(t,s)&&s!==n&&i(t,s,{get:()=>e[s],enumerable:!(r=o(e,s))||r.enumerable});return t};var c=t=>d(i({},"__esModule",{value:!0}),t);var C={};module.exports=c(C);
+//# sourceMappingURL=type.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/registration/authCodeActivate/type.ts"],
+  "sourcesContent": ["export type AuthCodeActivateCopy = {\n  authCodeTitle?: string\n  authCodeDesc?: string\n  enterActiveCodeText?: string\n  authCodeContent?: string\n  authCodeReceiveText?: string\n  sendAgainText?: string\n  buttonText?: string\n  note?: string\n  codeEmptyError?: string\n  incorrectCodeError?: string\n  retrieveText?: string\n  authSuccessMessage?: string\n  sendEmailSuccessMessage?: string\n  sendEmailErrorMessage?: string\n  beenActivatedMessage?: string\n  invalidCodeMessage?: string\n  expiredCodeMessage?: string\n}\n\nexport type AuthCodeActivateProps = {\n  data: AuthCodeActivateCopy\n  autoSendEmail?: boolean\n}\n"],
+  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
+  "names": ["type_exports", "__toCommonJS"]
+}

package/dist/cjs/components/registration/index.d.ts

@@ -0,0 +1 @@
+export * from './authCodeActivate';

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

@@ -0,0 +1,2 @@
+"use strict";var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var p=(r,o,f,x)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of c(o))!d.call(r,e)&&e!==f&&a(r,e,{get:()=>o[e],enumerable:!(x=b(o,e))||x.enumerable});return r},t=(r,o,f)=>(p(r,o,"default"),f&&p(f,o,"default"));var g=r=>p(a({},"__esModule",{value:!0}),r);var m={};module.exports=g(m);t(m,require("./authCodeActivate"),module.exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/registration/index.ts"],
+  "sourcesContent": ["export * from './authCodeActivate'\n"],
+  "mappings": "iaAAA,IAAAA,EAAA,kBAAAC,EAAAD,GAAAE,EAAAF,EAAc,8BAAd",
+  "names": ["registration_exports", "__toCommonJS", "__reExport"]
+}

package/dist/cjs/components/registration/modalContainer.d.ts

@@ -0,0 +1,15 @@
+import { type UIEvent } from 'react';
+export type ModalContainerProps = {
+    overlayClassName?: string;
+    className?: string;
+    scrollClassName?: string;
+    title?: string;
+    titleClassName?: string;
+    useAnimation?: boolean;
+    animationClassName?: string;
+    isOpen: boolean;
+    children?: any;
+    onClose: () => void;
+    onScrollEnd?: (event: UIEvent<HTMLDivElement>) => void;
+};
+export declare const CreditsModalContainer: ({ isOpen, title, className, overlayClassName, scrollClassName, onClose, onScrollEnd, children, useAnimation, animationClassName, titleClassName, ...props }: ModalContainerProps) => React.ReactElement;

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

@@ -0,0 +1,2 @@
+"use strict";var b=Object.create;var m=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var M=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var R=(e,t)=>{for(var l in t)m(e,l,{get:t[l],enumerable:!0})},C=(e,t,l,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of y(t))!E.call(e,i)&&i!==l&&m(e,i,{get:()=>t[i],enumerable:!(r=N(t,i))||r.enumerable});return e};var H=(e,t,l)=>(l=e!=null?b(M(e)):{},C(t||!e||!e.__esModule?m(l,"default",{value:e,enumerable:!0}):l,e)),k=e=>C(m({},"__esModule",{value:!0}),e);var S={};R(S,{CreditsModalContainer:()=>D});module.exports=k(S);var n=require("react/jsx-runtime"),s=require("@anker-in/lib"),d=require("react"),f=H(require("react-modal"));const D=({isOpen:e,title:t,className:l="",overlayClassName:r="",scrollClassName:i="",onClose:c,onScrollEnd:p,children:v,useAnimation:x,animationClassName:h,titleClassName:L="",...g})=>{const[u,w]=(0,d.useState)(!1);return(0,d.useEffect)(()=>{x&&requestAnimationFrame(()=>{w(e??!1)})},[e,x]),(0,n.jsxs)(f.default,{isOpen:e??!1,overlayClassName:(0,s.classNames)("fixed inset-0 z-[999] flex items-center justify-center bg-black/70 leading-[1.2] md:items-end",r),className:(0,s.classNames)("min-md:max-h-[calc(100vh-96px)] relative flex min-h-[200px] flex-col overflow-hidden rounded-[16px] bg-white outline-none transition-all duration-300 md:h-[88.27vh] md:w-full md:rounded-b-none",u?"":h,l),onRequestClose:c,...g,children:[(0,n.jsxs)("div",{className:(0,s.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]",L),children:[(0,n.jsx)("div",{className:"text-[18px] font-bold",children:t}),(0,n.jsx)("div",{className:"size-[22px] cursor-pointer",onClick:c,onKeyDown:o=>{(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),c?.())},role:"button",tabIndex:0,children:(0,n.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"22",height:"22",viewBox:"0 0 22 22",fill:"none",children:(0,n.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,n.jsx)("div",{className:(0,s.classNames)("my-[32px] flex-1 overflow-auto overscroll-contain px-[24px] md:mb-[48px]",!t&&"mt-0","min-l:px-[32px]",i),onScroll:o=>{const a=o.target;a.scrollHeight<=a.clientHeight||a.scrollTop+a.clientHeight>=a.scrollHeight-50&&p&&p(o)},children:v})]})};
+//# sourceMappingURL=modalContainer.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/registration/modalContainer.tsx"],
+  "sourcesContent": ["import { classNames as cn } from '@anker-in/lib'\nimport { useEffect, useState, type UIEvent } from 'react'\nimport ReactModal from 'react-modal'\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  animationClassName?: string // \u52A8\u753B\u5C55\u793A\u63A7\u5236\u7684classname\n  isOpen: boolean\n  children?: any\n  onClose: () => void\n  onScrollEnd?: (event: UIEvent<HTMLDivElement>) => void\n}\n\nexport const CreditsModalContainer = ({\n  isOpen,\n  title,\n  className = '',\n  overlayClassName = '',\n  scrollClassName = '',\n  onClose,\n  onScrollEnd,\n  children,\n  useAnimation,\n  animationClassName,\n  titleClassName = '',\n  ...props\n}: ModalContainerProps): React.ReactElement => {\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)] relative flex min-h-[200px] flex-col overflow-hidden rounded-[16px] bg-white outline-none transition-all duration-300 md:h-[88.27vh] md:w-full md:rounded-b-none',\n        animationShow ? '' : animationClassName,\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,2BAAAE,IAAA,eAAAC,EAAAH,GA0DM,IAAAI,EAAA,6BA1DNC,EAAiC,yBACjCC,EAAkD,iBAClDC,EAAuB,0BAgBhB,MAAML,EAAwB,CAAC,CACpC,OAAAM,EACA,MAAAC,EACA,UAAAC,EAAY,GACZ,iBAAAC,EAAmB,GACnB,gBAAAC,EAAkB,GAClB,QAAAC,EACA,YAAAC,EACA,SAAAC,EACA,aAAAC,EACA,mBAAAC,EACA,eAAAC,EAAiB,GACjB,GAAGC,CACL,IAA+C,CAC7C,KAAM,CAACC,EAAeC,CAAgB,KAAI,YAAS,EAAK,EAExD,sBAAU,IAAM,CACTL,GAGL,sBAAsB,IAAM,CAC1BK,EAAiBb,GAAU,EAAK,CAClC,CAAC,CACH,EAAG,CAACA,EAAQQ,CAAY,CAAC,KAGvB,QAAC,EAAAM,QAAA,CACC,OAAQd,GAAU,GAClB,oBAAkB,EAAAe,YAChB,gGACAZ,CACF,EACA,aAAW,EAAAY,YACT,mMACAH,EAAgB,GAAKH,EACrBP,CACF,EACA,eAAgBG,EACf,GAAGM,EAEJ,qBAAC,OACC,aAAW,EAAAI,YACT,oDACAd,EAAQ,+DAAiE,qBACzES,CACF,EAEA,oBAAC,OAAI,UAAU,wBAAyB,SAAAT,EAAM,KAC9C,OAAC,OACC,UAAU,6BACV,QAASI,EACT,UAAWW,GAAK,EACVA,EAAE,MAAQ,SAAWA,EAAE,MAAQ,OACjCA,EAAE,eAAe,EACjBX,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,EAAAU,YACT,2EACA,CAACd,GAAS,OACV,kBACAG,CACF,EACA,SAAUa,GAAS,CACjB,MAAMC,EAAgBD,EAAM,OAExBC,EAAc,cAAgBA,EAAc,cAI5CA,EAAc,UAAYA,EAAc,cAAgBA,EAAc,aAAe,IACvFZ,GAAeA,EAAYW,CAAK,CAEpC,EAEC,SAAAV,EACH,GACF,CAEJ",
+  "names": ["modalContainer_exports", "__export", "CreditsModalContainer", "__toCommonJS", "import_jsx_runtime", "import_lib", "import_react", "import_react_modal", "isOpen", "title", "className", "overlayClassName", "scrollClassName", "onClose", "onScrollEnd", "children", "useAnimation", "animationClassName", "titleClassName", "props", "animationShow", "setAnimationShow", "ReactModal", "cn", "e", "event", "targetElement"]
+}

package/dist/cjs/debug-env.d.ts

@@ -0,0 +1,7 @@
+export declare const debugEnv: () => {
+    BRAND: string;
+    ENV: string | undefined;
+    STOREFRONT_TOKEN: string | undefined;
+    STORE_DOMAIN: string | undefined;
+    METAFIELD_PREFIX: string;
+};

package/dist/cjs/debug-env.js

@@ -0,0 +1,2 @@
+"use strict";var o=Object.defineProperty;var e=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var P=Object.prototype.hasOwnProperty;var O=(E,_)=>{for(var I in _)o(E,I,{get:_[I],enumerable:!0})},n=(E,_,I,T)=>{if(_&&typeof _=="object"||typeof _=="function")for(let N of s(_))!P.call(E,N)&&N!==I&&o(E,N,{get:()=>_[N],enumerable:!(T=e(_,N))||T.enumerable});return E};var R=E=>n(o({},"__esModule",{value:!0}),E);var B={};O(B,{debugEnv:()=>c});module.exports=R(B);const c=()=>(console.log("=== Campaign UI Environment Variables Debug ==="),console.log("NEXT_PUBLIC_BRAND:",process.env.NEXT_PUBLIC_BRAND),console.log("NEXT_PUBLIC_ENV:",process.env.NEXT_PUBLIC_ENV),console.log("NEXT_PUBLIC_I18N_SHOPIFY_STOREFRONT_TOKEN:",process.env.NEXT_PUBLIC_I18N_SHOPIFY_STOREFRONT_TOKEN),console.log("NEXT_PUBLIC_I18N_SHOPIFY_STORE_DOMAIN:",process.env.NEXT_PUBLIC_I18N_SHOPIFY_STORE_DOMAIN),console.log("NEXT_PUBLIC_METAFIELD_NAMESPACE_PREFIX:",process.env.NEXT_PUBLIC_METAFIELD_NAMESPACE_PREFIX),console.log("==============================================="),{BRAND:process.env.NEXT_PUBLIC_BRAND||"soundcore",ENV:process.env.NEXT_PUBLIC_ENV,STOREFRONT_TOKEN:process.env.NEXT_PUBLIC_I18N_SHOPIFY_STOREFRONT_TOKEN,STORE_DOMAIN:process.env.NEXT_PUBLIC_I18N_SHOPIFY_STORE_DOMAIN,METAFIELD_PREFIX:process.env.NEXT_PUBLIC_METAFIELD_NAMESPACE_PREFIX||""});
+//# sourceMappingURL=debug-env.js.map

package/dist/cjs/debug-env.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/debug-env.ts"],
+  "sourcesContent": ["// \u8C03\u8BD5\u73AF\u5883\u53D8\u91CF\u5DE5\u5177\nexport const debugEnv = () => {\n  console.log('=== Campaign UI Environment Variables Debug ===')\n  console.log('NEXT_PUBLIC_BRAND:', process.env.NEXT_PUBLIC_BRAND)\n  console.log('NEXT_PUBLIC_ENV:', process.env.NEXT_PUBLIC_ENV)\n  console.log('NEXT_PUBLIC_I18N_SHOPIFY_STOREFRONT_TOKEN:', process.env.NEXT_PUBLIC_I18N_SHOPIFY_STOREFRONT_TOKEN)\n  console.log('NEXT_PUBLIC_I18N_SHOPIFY_STORE_DOMAIN:', process.env.NEXT_PUBLIC_I18N_SHOPIFY_STORE_DOMAIN)\n  console.log('NEXT_PUBLIC_METAFIELD_NAMESPACE_PREFIX:', process.env.NEXT_PUBLIC_METAFIELD_NAMESPACE_PREFIX)\n  console.log('===============================================')\n  \n  return {\n    BRAND: process.env.NEXT_PUBLIC_BRAND || 'soundcore',\n    ENV: process.env.NEXT_PUBLIC_ENV,\n    STOREFRONT_TOKEN: process.env.NEXT_PUBLIC_I18N_SHOPIFY_STOREFRONT_TOKEN,\n    STORE_DOMAIN: process.env.NEXT_PUBLIC_I18N_SHOPIFY_STORE_DOMAIN,\n    METAFIELD_PREFIX: process.env.NEXT_PUBLIC_METAFIELD_NAMESPACE_PREFIX || ''\n  }\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,cAAAE,IAAA,eAAAC,EAAAH,GACO,MAAME,EAAW,KACtB,QAAQ,IAAI,iDAAiD,EAC7D,QAAQ,IAAI,qBAAsB,QAAQ,IAAI,iBAAiB,EAC/D,QAAQ,IAAI,mBAAoB,QAAQ,IAAI,eAAe,EAC3D,QAAQ,IAAI,6CAA8C,QAAQ,IAAI,yCAAyC,EAC/G,QAAQ,IAAI,yCAA0C,QAAQ,IAAI,qCAAqC,EACvG,QAAQ,IAAI,0CAA2C,QAAQ,IAAI,sCAAsC,EACzG,QAAQ,IAAI,iDAAiD,EAEtD,CACL,MAAO,QAAQ,IAAI,mBAAqB,YACxC,IAAK,QAAQ,IAAI,gBACjB,iBAAkB,QAAQ,IAAI,0CAC9B,aAAc,QAAQ,IAAI,sCAC1B,iBAAkB,QAAQ,IAAI,wCAA0C,EAC1E",
+  "names": ["debug_env_exports", "__export", "debugEnv", "__toCommonJS"]
+}

package/dist/cjs/helpers/fetcher.js

@@ -1,2 +1,2 @@
-"use strict";var g=Object.create;var o=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,A=Object.prototype.hasOwnProperty;var O=(e,r)=>{for(var t in r)o(e,t,{get:r[t],enumerable:!0})},f=(e,r,t,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of b(r))!A.call(e,n)&&n!==t&&o(e,n,{get:()=>r[n],enumerable:!(a=u(r,n))||a.enumerable});return e};var T=(e,r,t)=>(t=e!=null?g(h(e)):{},f(r||!e||!e.__esModule?o(t,"default",{value:e,enumerable:!0}):t,e)),j=e=>f(o({},"__esModule",{value:!0}),e);var S={};O(S,{default:()=>F});module.exports=j(S);var y=T(require("./fetchResponse.js"));const x=e=>e!==null&&typeof e=="object"&&!Array.isArray(e),w=async({locale:e="en",url:r,method:t="POST",headers:a={},repeatKey:n,body:s,type:p,timeout:l=9e4})=>{let c="";p==="uploadFile"?c=s:c=s?JSON.stringify(s):"";const i=new AbortController;l&&setTimeout(()=>i.abort(),l);const d=await fetch(r,{method:t,mode:"cors",headers:{"current-language":e,...a},...l&&{signal:i.signal},...t!=="GET"&&{body:c}});return(0,y.default)(d)};var F=w;
+"use strict";var g=Object.create;var o=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,A=Object.prototype.hasOwnProperty;var O=(e,r)=>{for(var t in r)o(e,t,{get:r[t],enumerable:!0})},f=(e,r,t,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of b(r))!A.call(e,n)&&n!==t&&o(e,n,{get:()=>r[n],enumerable:!(a=u(r,n))||a.enumerable});return e};var T=(e,r,t)=>(t=e!=null?g(h(e)):{},f(r||!e||!e.__esModule?o(t,"default",{value:e,enumerable:!0}):t,e)),j=e=>f(o({},"__esModule",{value:!0}),e);var S={};O(S,{default:()=>F});module.exports=j(S);var y=T(require("./fetchResponse"));const x=e=>e!==null&&typeof e=="object"&&!Array.isArray(e),w=async({locale:e="en",url:r,method:t="POST",headers:a={},repeatKey:n,body:s,type:p,timeout:l=9e4})=>{let c="";p==="uploadFile"?c=s:c=s?JSON.stringify(s):"";const i=new AbortController;l&&setTimeout(()=>i.abort(),l);const d=await fetch(r,{method:t,mode:"cors",headers:{"current-language":e,...a},...l&&{signal:i.signal},...t!=="GET"&&{body:c}});return(0,y.default)(d)};var F=w;
 //# sourceMappingURL=fetcher.js.map

package/dist/cjs/helpers/fetcher.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/fetcher.ts"],
-  "sourcesContent": ["import handleFetchResponse from './fetchResponse.js'\n\nconst isObject = (value: null) => {\n  return value !== null && typeof value === 'object' && !Array.isArray(value)\n}\n\nconst fetcher = async ({\n  locale = 'en',\n  url,\n  method = 'POST',\n  headers = {},\n  repeatKey,\n  body,\n  type,\n  timeout = 90000,\n}: any) => {\n  // \u6DFB\u52A0\u8C37\u6B4C\u9A8C\u8BC1\n  let bodyData = ''\n  if (type === 'uploadFile') {\n    bodyData = body\n  } else {\n    bodyData = body ? JSON.stringify(body) : ''\n  }\n\n  const controller = new AbortController()\n  if (timeout) {\n    // \u8D85\u65F6\u62A5\u9519\n    setTimeout(() => controller.abort(), timeout)\n  }\n\n  const data = await fetch(url, {\n    method,\n    mode: 'cors',\n    headers: {\n      'current-language': locale,\n      ...headers,\n    },\n    ...(timeout && { signal: controller.signal }),\n    ...(method !== 'GET' && { body: bodyData }),\n  })\n  return handleFetchResponse(data)\n}\n\nexport default fetcher\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAgC,iCAEhC,MAAMC,EAAYC,GACTA,IAAU,MAAQ,OAAOA,GAAU,UAAY,CAAC,MAAM,QAAQA,CAAK,EAGtEC,EAAU,MAAO,CACrB,OAAAC,EAAS,KACT,IAAAC,EACA,OAAAC,EAAS,OACT,QAAAC,EAAU,CAAC,EACX,UAAAC,EACA,KAAAC,EACA,KAAAC,EACA,QAAAC,EAAU,GACZ,IAAW,CAET,IAAIC,EAAW,GACXF,IAAS,aACXE,EAAWH,EAEXG,EAAWH,EAAO,KAAK,UAAUA,CAAI,EAAI,GAG3C,MAAMI,EAAa,IAAI,gBACnBF,GAEF,WAAW,IAAME,EAAW,MAAM,EAAGF,CAAO,EAG9C,MAAMG,EAAO,MAAM,MAAMT,EAAK,CAC5B,OAAAC,EACA,KAAM,OACN,QAAS,CACP,mBAAoBF,EACpB,GAAGG,CACL,EACA,GAAII,GAAW,CAAE,OAAQE,EAAW,MAAO,EAC3C,GAAIP,IAAW,OAAS,CAAE,KAAMM,CAAS,CAC3C,CAAC,EACD,SAAO,EAAAG,SAAoBD,CAAI,CACjC,EAEA,IAAOhB,EAAQK",
+  "sourcesContent": ["import handleFetchResponse from './fetchResponse'\n\nconst isObject = (value: null) => {\n  return value !== null && typeof value === 'object' && !Array.isArray(value)\n}\n\nconst fetcher = async ({\n  locale = 'en',\n  url,\n  method = 'POST',\n  headers = {},\n  repeatKey,\n  body,\n  type,\n  timeout = 90000,\n}: any) => {\n  // \u6DFB\u52A0\u8C37\u6B4C\u9A8C\u8BC1\n  let bodyData = ''\n  if (type === 'uploadFile') {\n    bodyData = body\n  } else {\n    bodyData = body ? JSON.stringify(body) : ''\n  }\n\n  const controller = new AbortController()\n  if (timeout) {\n    // \u8D85\u65F6\u62A5\u9519\n    setTimeout(() => controller.abort(), timeout)\n  }\n\n  const data = await fetch(url, {\n    method,\n    mode: 'cors',\n    headers: {\n      'current-language': locale,\n      ...headers,\n    },\n    ...(timeout && { signal: controller.signal }),\n    ...(method !== 'GET' && { body: bodyData }),\n  })\n  return handleFetchResponse(data)\n}\n\nexport default fetcher\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAgC,8BAEhC,MAAMC,EAAYC,GACTA,IAAU,MAAQ,OAAOA,GAAU,UAAY,CAAC,MAAM,QAAQA,CAAK,EAGtEC,EAAU,MAAO,CACrB,OAAAC,EAAS,KACT,IAAAC,EACA,OAAAC,EAAS,OACT,QAAAC,EAAU,CAAC,EACX,UAAAC,EACA,KAAAC,EACA,KAAAC,EACA,QAAAC,EAAU,GACZ,IAAW,CAET,IAAIC,EAAW,GACXF,IAAS,aACXE,EAAWH,EAEXG,EAAWH,EAAO,KAAK,UAAUA,CAAI,EAAI,GAG3C,MAAMI,EAAa,IAAI,gBACnBF,GAEF,WAAW,IAAME,EAAW,MAAM,EAAGF,CAAO,EAG9C,MAAMG,EAAO,MAAM,MAAMT,EAAK,CAC5B,OAAAC,EACA,KAAM,OACN,QAAS,CACP,mBAAoBF,EACpB,GAAGG,CACL,EACA,GAAII,GAAW,CAAE,OAAQE,EAAW,MAAO,EAC3C,GAAIP,IAAW,OAAS,CAAE,KAAMM,CAAS,CAC3C,CAAC,EACD,SAAO,EAAAG,SAAoBD,CAAI,CACjC,EAEA,IAAOhB,EAAQK",
   "names": ["fetcher_exports", "__export", "fetcher_default", "__toCommonJS", "import_fetchResponse", "isObject", "value", "fetcher", "locale", "url", "method", "headers", "repeatKey", "body", "type", "timeout", "bodyData", "controller", "data", "handleFetchResponse"]
 }

package/dist/cjs/helpers/index.d.ts

@@ -1,2 +1,2 @@
-export { cn } from './utils.js';
-export { noop } from './utils.js';
+export { cn } from './utils';
+export { noop } from './utils';

package/dist/cjs/helpers/index.js

@@ -1,2 +1,2 @@
-"use strict";var f=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var a=Object.prototype.hasOwnProperty;var b=(r,o)=>{for(var e in o)f(r,e,{get:o[e],enumerable:!0})},d=(r,o,e,m)=>{if(o&&typeof o=="object"||typeof o=="function")for(let p of c(o))!a.call(r,p)&&p!==e&&f(r,p,{get:()=>o[p],enumerable:!(m=x(o,p))||m.enumerable});return r};var g=r=>d(f({},"__esModule",{value:!0}),r);var h={};b(h,{cn:()=>n.cn,noop:()=>t.noop});module.exports=g(h);var n=require("./utils.js"),t=require("./utils.js");
+"use strict";var f=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var a=Object.prototype.hasOwnProperty;var b=(r,o)=>{for(var e in o)f(r,e,{get:o[e],enumerable:!0})},d=(r,o,e,m)=>{if(o&&typeof o=="object"||typeof o=="function")for(let p of c(o))!a.call(r,p)&&p!==e&&f(r,p,{get:()=>o[p],enumerable:!(m=x(o,p))||m.enumerable});return r};var g=r=>d(f({},"__esModule",{value:!0}),r);var h={};b(h,{cn:()=>n.cn,noop:()=>t.noop});module.exports=g(h);var n=require("./utils"),t=require("./utils");
 //# sourceMappingURL=index.js.map

package/dist/cjs/helpers/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/index.ts"],
-  "sourcesContent": ["export { cn } from './utils.js'\nexport { noop } from './utils.js'\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,8CAAAE,EAAAF,GAAA,IAAAG,EAAmB,sBACnBA,EAAqB",
+  "sourcesContent": ["export { cn } from './utils'\nexport { noop } from './utils'\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,8CAAAE,EAAAF,GAAA,IAAAG,EAAmB,mBACnBA,EAAqB",
   "names": ["helpers_exports", "__export", "__toCommonJS", "import_utils"]
 }

package/dist/cjs/helpers/track.d.ts

@@ -0,0 +1,19 @@
+declare global {
+    interface Window {
+        dataLayer?: Array<any>;
+        fbq?: (...args: any[]) => void;
+        klaviyo?: any;
+        gtag?: any;
+    }
+}
+export declare const gaTrack: (data: any) => "" | undefined;
+export declare function gaNormalClick({ position, label }: {
+    position: string;
+    label: string;
+}): void;
+export declare const fbq: (...args: any[]) => "" | undefined;
+export declare const gtag: (...args: any[]) => "" | undefined;
+export declare const getGtmGroup: ({ query, asPath }: {
+    query: any;
+    asPath: string;
+}) => any;

package/dist/cjs/helpers/track.js

@@ -0,0 +1,2 @@
+"use strict";var a=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var w=Object.prototype.hasOwnProperty;var p=(e,n)=>{for(var t in n)a(e,t,{get:n[t],enumerable:!0})},s=(e,n,t,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let r of g(n))!w.call(e,r)&&r!==t&&a(e,r,{get:()=>n[r],enumerable:!(o=d(n,r))||o.enumerable});return e};var u=e=>s(a({},"__esModule",{value:!0}),e);var m={};p(m,{fbq:()=>f,gaNormalClick:()=>c,gaTrack:()=>i,getGtmGroup:()=>y,gtag:()=>l});module.exports=u(m);const i=e=>{if(typeof window>"u"||(window.dataLayer=window?.dataLayer||[],!Array.isArray(window.dataLayer)))return"";try{window?.dataLayer?.push({event_parameters:null}),window?.dataLayer?.push(e||{})}catch(n){console.log("pageGTMEvent error",n)}};function c({position:e,label:n}){i({event:"ga4Event",event_name:"lp_button",event_parameters:{page_group:"soundcoreCredits Rewards Program",position:e,button_name:n}})}const f=(...e)=>{if(typeof window>"u")return"";window.fbq&&window.fbq(...e)},l=(...e)=>{if(typeof window>"u")return"";window.gtag&&window.gtag(...e)},y=({query:e,asPath:n})=>n.includes("collections")?`Product List Page_${e?.handle}`:n.includes("products")?"Product Detail Page_"+e?.handle:n==="/"||n==="/app-home"?"Home Page":"Activity Page_"+e?.handle||e?.paths?.[0]?.replace("storefront-","");
+//# sourceMappingURL=track.js.map

package/dist/cjs/helpers/track.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/track.ts"],
+  "sourcesContent": ["declare global {\n  interface Window {\n    dataLayer?: Array<any>\n    fbq?: (...args: any[]) => void\n    klaviyo?: any\n    gtag?: any\n  }\n}\n\n// GA \u57CB\u70B9\nexport const gaTrack = (data: any) => {\n  if (typeof window === 'undefined') {\n    return ''\n  }\n  window.dataLayer = window?.dataLayer || []\n  if (!Array.isArray(window.dataLayer)) {\n    return ''\n  }\n\n  try {\n    window?.dataLayer?.push({ event_parameters: null })\n    window?.dataLayer?.push(data || {})\n  } catch (error) {\n    console.log('pageGTMEvent error', error)\n  }\n}\n\nexport function gaNormalClick({ position, label }: { position: string; label: string }) {\n  gaTrack({\n    event: 'ga4Event',\n    event_name: 'lp_button',\n    event_parameters: {\n      page_group: 'soundcoreCredits Rewards Program',\n      position: position,\n      button_name: label,\n    },\n  })\n}\n\n// facebook \u57CB\u70B9\nexport const fbq = (...args: any[]) => {\n  if (typeof window === 'undefined') {\n    return ''\n  }\n  if (window.fbq) {\n    window.fbq(...args)\n  }\n}\n\nexport const gtag = (...args: any[]) => {\n  if (typeof window === 'undefined') {\n    return ''\n  }\n  if (window.gtag) {\n    window.gtag(...args)\n  }\n}\n\nexport const getGtmGroup = ({ query, asPath }: { query: any; asPath: string }) => {\n  if (asPath.includes('collections')) {\n    return `Product List Page_${query?.handle}`\n  }\n\n  if (asPath.includes('products')) {\n    return 'Product Detail Page_' + query?.handle\n  }\n\n  if (asPath === '/' || asPath === '/app-home') {\n    return 'Home Page'\n  }\n\n  return 'Activity Page_' + query?.handle || query?.paths?.[0]?.replace('storefront-', '')\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,SAAAE,EAAA,kBAAAC,EAAA,YAAAC,EAAA,gBAAAC,EAAA,SAAAC,IAAA,eAAAC,EAAAP,GAUO,MAAMI,EAAWI,GAAc,CAKpC,GAJI,OAAO,OAAW,MAGtB,OAAO,UAAY,QAAQ,WAAa,CAAC,EACrC,CAAC,MAAM,QAAQ,OAAO,SAAS,GACjC,MAAO,GAGT,GAAI,CACF,QAAQ,WAAW,KAAK,CAAE,iBAAkB,IAAK,CAAC,EAClD,QAAQ,WAAW,KAAKA,GAAQ,CAAC,CAAC,CACpC,OAASC,EAAO,CACd,QAAQ,IAAI,qBAAsBA,CAAK,CACzC,CACF,EAEO,SAASN,EAAc,CAAE,SAAAO,EAAU,MAAAC,CAAM,EAAwC,CACtFP,EAAQ,CACN,MAAO,WACP,WAAY,YACZ,iBAAkB,CAChB,WAAY,mCACZ,SAAUM,EACV,YAAaC,CACf,CACF,CAAC,CACH,CAGO,MAAMT,EAAM,IAAIU,IAAgB,CACrC,GAAI,OAAO,OAAW,IACpB,MAAO,GAEL,OAAO,KACT,OAAO,IAAI,GAAGA,CAAI,CAEtB,EAEaN,EAAO,IAAIM,IAAgB,CACtC,GAAI,OAAO,OAAW,IACpB,MAAO,GAEL,OAAO,MACT,OAAO,KAAK,GAAGA,CAAI,CAEvB,EAEaP,EAAc,CAAC,CAAE,MAAAQ,EAAO,OAAAC,CAAO,IACtCA,EAAO,SAAS,aAAa,EACxB,qBAAqBD,GAAO,MAAM,GAGvCC,EAAO,SAAS,UAAU,EACrB,uBAAyBD,GAAO,OAGrCC,IAAW,KAAOA,IAAW,YACxB,YAGF,iBAAmBD,GAAO,QAAUA,GAAO,QAAQ,CAAC,GAAG,QAAQ,cAAe,EAAE",
+  "names": ["track_exports", "__export", "fbq", "gaNormalClick", "gaTrack", "getGtmGroup", "gtag", "__toCommonJS", "data", "error", "position", "label", "args", "query", "asPath"]
+}

package/dist/cjs/index.d.ts

@@ -1 +1 @@
-export * from './components/index.js';
+export * from './components/index';

package/dist/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var p=(r,o,f,x)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of c(o))!d.call(r,e)&&e!==f&&a(r,e,{get:()=>o[e],enumerable:!(x=b(o,e))||x.enumerable});return r},t=(r,o,f)=>(p(r,o,"default"),f&&p(f,o,"default"));var g=r=>p(a({},"__esModule",{value:!0}),r);var m={};module.exports=g(m);t(m,require("./components/index.js"),module.exports);
+"use strict";var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var p=(r,o,f,x)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of c(o))!d.call(r,e)&&e!==f&&a(r,e,{get:()=>o[e],enumerable:!(x=b(o,e))||x.enumerable});return r},t=(r,o,f)=>(p(r,o,"default"),f&&p(f,o,"default"));var g=r=>p(a({},"__esModule",{value:!0}),r);var m={};module.exports=g(m);t(m,require("./components/index"),module.exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["export * from './components/index.js'\n"],
-  "mappings": "iaAAA,IAAAA,EAAA,kBAAAC,EAAAD,GAAAE,EAAAF,EAAc,iCAAd",
+  "sourcesContent": ["export * from './components/index'\n"],
+  "mappings": "iaAAA,IAAAA,EAAA,kBAAAC,EAAAD,GAAAE,EAAAF,EAAc,8BAAd",
   "names": ["src_exports", "__toCommonJS", "__reExport"]
 }

package/dist/cjs/stories/chat.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Chat } from '../components/index.js';
+import { Chat } from '../components/index';
 import '../styles/chat.css';
 type Story = StoryObj<typeof meta>;
 declare const meta: Meta<typeof Chat>;

package/dist/cjs/stories/chat.stories.js

@@ -1,2 +1,2 @@
-"use strict";var i=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var c=(t,o)=>{for(var a in o)i(t,a,{get:o[a],enumerable:!0})},y=(t,o,a,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of n(o))!h.call(t,e)&&e!==a&&i(t,e,{get:()=>o[e],enumerable:!(r=m(o,e))||r.enumerable});return t};var l=t=>y(i({},"__esModule",{value:!0}),t);var C={};c(C,{Default:()=>d,default:()=>u});module.exports=l(C);var p=require("react/jsx-runtime"),g=require("react"),s=require("../components/index.js"),D=require("../styles/chat.css");const f={title:"Campaign/Chat",component:s.Chat,args:{title:"DTC Live Chat",runtimeUrl:"https://beta-api-livechat.anker.com",shopifyDomain:"soundcoreusa.myshopify.com"},tags:["autodocs"],decorators:[t=>(0,p.jsx)("div",{style:{height:"700px"},children:(0,p.jsx)(t,{})})]};var u=f;const d={args:{title:"DTC Live Chat",runtimeUrl:"https://beta-api-livechat.anker.com",shopifyDomain:"soundcoreusa.myshopify.com",userId:"arno7",showResponseButton:"follow",lang:{popupTip:"Hi ! Welcome to soundcore Innovations live chat\uFF01",popupTipTimeout:[3e3,6e3]}}};
+"use strict";var i=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var c=(t,o)=>{for(var a in o)i(t,a,{get:o[a],enumerable:!0})},y=(t,o,a,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of n(o))!h.call(t,e)&&e!==a&&i(t,e,{get:()=>o[e],enumerable:!(r=m(o,e))||r.enumerable});return t};var l=t=>y(i({},"__esModule",{value:!0}),t);var C={};c(C,{Default:()=>d,default:()=>u});module.exports=l(C);var p=require("react/jsx-runtime"),s=require("../components/index"),D=require("../styles/chat.css");const f={title:"Campaign/Chat",component:s.Chat,args:{title:"DTC Live Chat",runtimeUrl:"https://beta-api-livechat.anker.com",shopifyDomain:"soundcoreusa.myshopify.com"},tags:["autodocs"],decorators:[t=>(0,p.jsx)("div",{style:{height:"700px"},children:(0,p.jsx)(t,{})})]};var u=f;const d={args:{title:"DTC Live Chat",runtimeUrl:"https://beta-api-livechat.anker.com",shopifyDomain:"soundcoreusa.myshopify.com",userId:"arno7",showResponseButton:"follow",lang:{popupTip:"Hi ! Welcome to soundcore Innovations live chat\uFF01",popupTipTimeout:[3e3,6e3]}}};
 //# sourceMappingURL=chat.stories.js.map

package/dist/cjs/stories/chat.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/chat.stories.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport { Chat } from '../components/index.js'\nimport '../styles/chat.css'\n\ntype Story = StoryObj<typeof meta>\n\n// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export\nconst meta: Meta<typeof Chat> = {\n  // \u540C\u65F6\u5B9A\u4E49\u4E86\u9875\u9762\u5DE6\u4FA7\u83DC\u5355\n  title: 'Campaign/Chat',\n  component: Chat,\n  args: {\n    title: 'DTC Live Chat',\n    runtimeUrl: 'https://beta-api-livechat.anker.com',\n    shopifyDomain: 'soundcoreusa.myshopify.com',\n  },\n  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs\n  tags: ['autodocs'],\n  // More on argTypes: https://storybook.js.org/docs/api/argtypes\n  decorators: [\n    Story => (\n      <div style={{ height: '700px' }}>\n        <Story />\n      </div>\n    ),\n  ],\n} satisfies Meta<typeof Chat>\n\nexport default meta\n\nexport const Default: Story = {\n  args: {\n    title: 'DTC Live Chat',\n    runtimeUrl: 'https://beta-api-livechat.anker.com',\n    shopifyDomain: 'soundcoreusa.myshopify.com',\n    userId: 'arno7',\n    showResponseButton: 'follow',\n    lang: { popupTip: 'Hi ! Welcome to soundcore Innovations live chat\uFF01', popupTipTimeout: [3000, 6000] },\n  },\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAuBQ,IAAAK,EAAA,6BAvBRC,EAAkB,iBAElBC,EAAqB,kCACrBC,EAAO,8BAKP,MAAMC,EAA0B,CAE9B,MAAO,gBACP,UAAW,OACX,KAAM,CACJ,MAAO,gBACP,WAAY,sCACZ,cAAe,4BACjB,EAEA,KAAM,CAAC,UAAU,EAEjB,WAAY,CACVC,MACE,OAAC,OAAI,MAAO,CAAE,OAAQ,OAAQ,EAC5B,mBAACA,EAAA,EAAM,EACT,CAEJ,CACF,EAEA,IAAOP,EAAQM,EAER,MAAMP,EAAiB,CAC5B,KAAM,CACJ,MAAO,gBACP,WAAY,sCACZ,cAAe,6BACf,OAAQ,QACR,mBAAoB,SACpB,KAAM,CAAE,SAAU,wDAAoD,gBAAiB,CAAC,IAAM,GAAI,CAAE,CACtG,CACF",
-  "names": ["chat_stories_exports", "__export", "Default", "chat_stories_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_chat", "meta", "Story"]
+  "sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport { Chat } from '../components/index'\nimport '../styles/chat.css'\n\ntype Story = StoryObj<typeof meta>\n\n// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export\nconst meta: Meta<typeof Chat> = {\n  // \u540C\u65F6\u5B9A\u4E49\u4E86\u9875\u9762\u5DE6\u4FA7\u83DC\u5355\n  title: 'Campaign/Chat',\n  component: Chat,\n  args: {\n    title: 'DTC Live Chat',\n    runtimeUrl: 'https://beta-api-livechat.anker.com',\n    shopifyDomain: 'soundcoreusa.myshopify.com',\n  },\n  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs\n  tags: ['autodocs'],\n  // More on argTypes: https://storybook.js.org/docs/api/argtypes\n  decorators: [\n    Story => (\n      <div style={{ height: '700px' }}>\n        <Story />\n      </div>\n    ),\n  ],\n} satisfies Meta<typeof Chat>\n\nexport default meta\n\nexport const Default: Story = {\n  args: {\n    title: 'DTC Live Chat',\n    runtimeUrl: 'https://beta-api-livechat.anker.com',\n    shopifyDomain: 'soundcoreusa.myshopify.com',\n    userId: 'arno7',\n    showResponseButton: 'follow',\n    lang: { popupTip: 'Hi ! Welcome to soundcore Innovations live chat\uFF01', popupTipTimeout: [3000, 6000] },\n  },\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAuBQ,IAAAK,EAAA,6BArBRC,EAAqB,+BACrBC,EAAO,8BAKP,MAAMC,EAA0B,CAE9B,MAAO,gBACP,UAAW,OACX,KAAM,CACJ,MAAO,gBACP,WAAY,sCACZ,cAAe,4BACjB,EAEA,KAAM,CAAC,UAAU,EAEjB,WAAY,CACVC,MACE,OAAC,OAAI,MAAO,CAAE,OAAQ,OAAQ,EAC5B,mBAACA,EAAA,EAAM,EACT,CAEJ,CACF,EAEA,IAAON,EAAQK,EAER,MAAMN,EAAiB,CAC5B,KAAM,CACJ,MAAO,gBACP,WAAY,sCACZ,cAAe,6BACf,OAAQ,QACR,mBAAoB,SACpB,KAAM,CAAE,SAAU,wDAAoD,gBAAiB,CAAC,IAAM,GAAI,CAAE,CACtG,CACF",
+  "names": ["chat_stories_exports", "__export", "Default", "chat_stories_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_chat", "meta", "Story"]
 }

package/dist/esm/components/chat/action.js

@@ -1,2 +1,2 @@
-import{jsx as n}from"react/jsx-runtime";import"react";import{useEffect as N}from"react";import{useCopilotChat as v,useCopilotAction as t,useCopilotReadable as E}from"@copilotkit/react-core";import{Role as c,ActionExecutionMessage as x,TextMessage as S}from"@copilotkit/runtime-client-gql";const T=({start:J,history:s,addtocartHandler:i,commonRender:d,pointsExchangeCouponRender:p,gotocheckoutRender:m,gotocartRender:g,addtocartRender:l,productRender:u,signupRender:h,shulexRender:y,children:R})=>{const{setMessages:f,appendMessage:O,isLoading:M}=v();return N(()=>{const e=s?.filter(r=>r?.content||r?.arguments);if(e?.length>0){const r=e?.map(a=>{if(a?.name&&a?.arguments){const _=a?.arguments?.map(o=>o?{...o,ishistory:!0}:{});return new x({name:a?.name,arguments:_,scope:a?.scope})}return new S({...a,role:a?.role==="user"?c.User:c.Assistant})});f(r)}},[s]),t({name:"go_to_checkout",description:"go to cart",parameters:[{sku:"",handle:""}],render:m||(e=>n("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(){}}),t({name:"common_action",description:"common action",parameters:[{act:""}],render:d||(e=>n("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(){}}),t({name:"points_exchange_coupon",description:"points exchange coupon",parameters:[{act:""}],render:p||(e=>n("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(){}}),t({name:"go_to_cart",description:"go to cart",parameters:[{sku:"",handle:""}],render:g||(e=>n("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(){}}),t({name:"add_to_cart",description:"add to cart",parameters:[{sku:"",handle:""}],render:l||(e=>n("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(e){i&&i(e)}}),t({name:"show_product_card",description:"product card",parameters:[{sku:"",handle:""}],render:u||(e=>n("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(e){}}),t({name:"signup",description:"signup",parameters:[{name:"signup"}],render:h||(e=>n("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(){}}),t({name:"shulex",description:"shulex",parameters:[{name:"shulex"}],render:y||(e=>n("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(){}}),E({description:"Today's date",value:new Date().toLocaleDateString()}),n("div",{children:R})};export{T as CopilotAction};
+import{jsx as n}from"react/jsx-runtime";import{useEffect as N}from"react";import{useCopilotChat as v,useCopilotAction as t,useCopilotReadable as E}from"@copilotkit/react-core";import{Role as c,ActionExecutionMessage as x,TextMessage as S}from"@copilotkit/runtime-client-gql";const T=({start:J,history:s,addtocartHandler:i,commonRender:d,pointsExchangeCouponRender:p,gotocheckoutRender:m,gotocartRender:g,addtocartRender:l,productRender:u,signupRender:h,shulexRender:y,children:R})=>{const{setMessages:f,appendMessage:O,isLoading:M}=v();return N(()=>{const e=s?.filter(r=>r?.content||r?.arguments);if(e?.length>0){const r=e?.map(a=>{if(a?.name&&a?.arguments){const _=a?.arguments?.map(o=>o?{...o,ishistory:!0}:{});return new x({name:a?.name,arguments:_,scope:a?.scope})}return new S({...a,role:a?.role==="user"?c.User:c.Assistant})});f(r)}},[s]),t({name:"go_to_checkout",description:"go to cart",parameters:[{sku:"",handle:""}],render:m||(e=>n("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(){}}),t({name:"common_action",description:"common action",parameters:[{act:""}],render:d||(e=>n("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(){}}),t({name:"points_exchange_coupon",description:"points exchange coupon",parameters:[{act:""}],render:p||(e=>n("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(){}}),t({name:"go_to_cart",description:"go to cart",parameters:[{sku:"",handle:""}],render:g||(e=>n("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(){}}),t({name:"add_to_cart",description:"add to cart",parameters:[{sku:"",handle:""}],render:l||(e=>n("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(e){i&&i(e)}}),t({name:"show_product_card",description:"product card",parameters:[{sku:"",handle:""}],render:u||(e=>n("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(e){}}),t({name:"signup",description:"signup",parameters:[{name:"signup"}],render:h||(e=>n("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(){}}),t({name:"shulex",description:"shulex",parameters:[{name:"shulex"}],render:y||(e=>n("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(){}}),E({description:"Today's date",value:new Date().toLocaleDateString()}),n("div",{children:R})};export{T as CopilotAction};
 //# sourceMappingURL=action.js.map

package/dist/esm/components/chat/action.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/chat/action.tsx"],
   "sourcesContent": ["import React from 'react'\nimport { useEffect } from 'react'\nimport { useCopilotChat, useCopilotAction, useCopilotReadable } from '@copilotkit/react-core'\nimport { Role, ActionExecutionMessage, TextMessage } from '@copilotkit/runtime-client-gql'\n\ninterface Message {\n  content: string\n  role: string\n  name?: string\n  scope?: any\n  arguments?: any\n}\n\nexport interface ActionProps {\n  start?: string\n  history: Message[]\n  addtocartHandler?: (_args: any) => Promise<any>\n  commonRender?: string | ((_props: any) => React.ReactElement)\n  pointsExchangeCouponRender?: string | ((_props: any) => React.ReactElement)\n  gotocheckoutRender?: string | ((_props: any) => React.ReactElement)\n  gotocartRender?: string | ((_props: any) => React.ReactElement)\n  addtocartRender?: string | ((_props: any) => React.ReactElement)\n  signupRender?: string | ((_props: any) => React.ReactElement)\n  shulexRender?: string | ((_props: any) => React.ReactElement)\n  productRender?: string | ((_props: any) => React.ReactElement)\n  productRenderTipMessage?: string\n  children?: React.ReactNode\n}\n\nexport const CopilotAction = ({\n  start,\n  history,\n  addtocartHandler,\n  commonRender,\n  pointsExchangeCouponRender,\n  gotocheckoutRender,\n  gotocartRender,\n  addtocartRender,\n  productRender,\n  signupRender,\n  shulexRender,\n  children,\n}: ActionProps) => {\n  const { setMessages, appendMessage, isLoading } = useCopilotChat()\n\n  useEffect(() => {\n    const originhistory = history?.filter(value => value?.content || value?.arguments)\n    if (originhistory?.length > 0) {\n      const content = originhistory?.map(value => {\n        if (value?.name && value?.arguments) {\n          const args = value?.arguments?.map((item: any) => (item ? { ...item, ishistory: true } : {}))\n          return new ActionExecutionMessage({\n            name: value?.name,\n            arguments: args,\n            scope: value?.scope,\n          })\n        }\n        return new TextMessage({\n          ...value,\n          role: value?.role === 'user' ? Role.User : Role.Assistant,\n        })\n      })\n      setMessages(content)\n    }\n  }, [history])\n\n  useCopilotAction({\n    name: 'go_to_checkout',\n    description: 'go to cart',\n    parameters: [{ sku: '', handle: '' }] as any,\n    render: gotocheckoutRender || (props => <div className=\"hidden\">{JSON.stringify(props)}</div>),\n    handler: function () {\n      // console.log('buynow-props', props)\n    },\n  })\n\n  useCopilotAction({\n    name: 'common_action',\n    description: 'common action',\n    parameters: [{ act: '' }] as any,\n    render: commonRender || (props => <div className=\"hidden\">{JSON.stringify(props)}</div>),\n    handler: function () {\n      // console.log('common_action', props)\n    },\n  })\n\n  useCopilotAction({\n    name: 'points_exchange_coupon',\n    description: 'points exchange coupon',\n    parameters: [{ act: '' }] as any,\n    render: pointsExchangeCouponRender || (props => <div className=\"hidden\">{JSON.stringify(props)}</div>),\n    handler: function () {\n      // console.log('points_exchange_coupon', props)\n    },\n  })\n\n  useCopilotAction({\n    name: 'go_to_cart',\n    description: 'go to cart',\n    parameters: [{ sku: '', handle: '' }] as any,\n    render: gotocartRender || (props => <div className=\"hidden\">{JSON.stringify(props)}</div>),\n    handler: function () {\n      // console.log('buynow-props', props)\n    },\n  })\n\n  useCopilotAction({\n    name: 'add_to_cart',\n    description: 'add to cart',\n    parameters: [{ sku: '', handle: '' }] as any,\n    render: addtocartRender || (props => <div className=\"hidden\">{JSON.stringify(props)}</div>),\n    handler: function (props) {\n      addtocartHandler && addtocartHandler(props)\n    },\n  })\n\n  useCopilotAction({\n    name: 'show_product_card',\n    description: 'product card',\n    parameters: [{ sku: '', handle: '' }] as any,\n    render: productRender || (props => <div className=\"hidden\">{JSON.stringify(props)}</div>),\n    handler: function (props) {\n      // console.log('show_product_card-props', props)\n      // const ishistory = props?.find((item: { ishistory: any }) => item?.ishistory)\n      // if (!ishistory) {\n      //   const content = new TextMessage({\n      //     content: 'show product card',\n      //     role: Role.Assistant,\n      //   })\n      //   appendMessage(content)\n      // }\n    },\n  })\n\n  useCopilotAction({\n    name: 'signup',\n    description: 'signup',\n    parameters: [\n      {\n        name: 'signup',\n      },\n    ] as any,\n    render: signupRender || (props => <div className=\"hidden\">{JSON.stringify(props)}</div>),\n    handler: function () {\n      // console.log('signup-props', props)\n    },\n  })\n\n  useCopilotAction({\n    name: 'shulex',\n    description: 'shulex',\n    parameters: [\n      {\n        name: 'shulex',\n      },\n    ] as any,\n    render: shulexRender || (props => <div className=\"hidden\">{JSON.stringify(props)}</div>),\n    handler: function () {\n      // console.log('shulex-props', props)\n    },\n  })\n\n  useCopilotReadable({\n    description: \"Today's date\",\n    value: new Date().toLocaleDateString(),\n  })\n\n  return <div>{children}</div>\n}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["jsx", "useEffect", "useCopilotChat", "useCopilotAction", "useCopilotReadable", "Role", "ActionExecutionMessage", "TextMessage", "CopilotAction", "start", "history", "addtocartHandler", "commonRender", "pointsExchangeCouponRender", "gotocheckoutRender", "gotocartRender", "addtocartRender", "productRender", "signupRender", "shulexRender", "children", "setMessages", "appendMessage", "isLoading", "originhistory", "value", "content", "args", "item", "props"]
 }

package/dist/esm/components/chat/button.d.ts

@@ -1,3 +1,3 @@
-import type { ButtonProps } from './props.js';
+import type { ButtonProps } from './props';
 declare const DefaultButton: ({ setOpen }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default DefaultButton;

package/dist/esm/components/chat/button.js

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as p}from"react/jsx-runtime";import{useChatContext as c}from"@copilotkit/react-ui";const i=({setOpen:n})=>{const o=c();return p("button",{onClick:()=>n(),className:"copilotKitButton ","aria-label":"Open Chat",children:[t("div",{className:"copilotKitButtonIcon copilotKitButtonIconOpen",children:o.icons.openIcon}),t("div",{className:"copilotKitButtonIcon copilotKitButtonIconClose",children:o.icons.closeIcon})]})};var e=i;export{e as default};
+import{jsx as t,jsxs as p}from"react/jsx-runtime";import{useChatContext as c}from"@copilotkit/react-ui";const i=({setOpen:n})=>{const o=c();return p("button",{onClick:()=>n(),className:"copilotKitButton ","aria-label":"Open Chat",children:[t("div",{className:"copilotKitButtonIcon copilotKitButtonIconOpen",children:o.icons.openIcon}),t("div",{className:"copilotKitButtonIcon copilotKitButtonIconClose",children:o.icons.closeIcon})]})};var l=i;export{l as default};
 //# sourceMappingURL=button.js.map

package/dist/esm/components/chat/button.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/chat/button.tsx"],
-  "sourcesContent": ["import { useChatContext } from '@copilotkit/react-ui'\n\nimport type { ButtonProps } from './props.js'\n\nconst DefaultButton = ({ setOpen }: ButtonProps) => {\n  const context = useChatContext()\n\n  return (\n    <button onClick={() => setOpen()} className=\"copilotKitButton \" aria-label=\"Open Chat\">\n      <div className=\"copilotKitButtonIcon copilotKitButtonIconOpen\">{context.icons.openIcon}</div>\n      <div className=\"copilotKitButtonIcon copilotKitButtonIconClose\">{context.icons.closeIcon}</div>\n    </button>\n  )\n}\n\nexport default DefaultButton\n"],
+  "sourcesContent": ["import { useChatContext } from '@copilotkit/react-ui'\n\nimport type { ButtonProps } from './props'\n\nconst DefaultButton = ({ setOpen }: ButtonProps) => {\n  const context = useChatContext()\n\n  return (\n    <button onClick={() => setOpen()} className=\"copilotKitButton \" aria-label=\"Open Chat\">\n      <div className=\"copilotKitButtonIcon copilotKitButtonIconOpen\">{context.icons.openIcon}</div>\n      <div className=\"copilotKitButtonIcon copilotKitButtonIconClose\">{context.icons.closeIcon}</div>\n    </button>\n  )\n}\n\nexport default DefaultButton\n"],
   "mappings": "AAQI,OACE,OAAAA,EADF,QAAAC,MAAA,oBARJ,OAAS,kBAAAC,MAAsB,uBAI/B,MAAMC,EAAgB,CAAC,CAAE,QAAAC,CAAQ,IAAmB,CAClD,MAAMC,EAAUH,EAAe,EAE/B,OACED,EAAC,UAAO,QAAS,IAAMG,EAAQ,EAAG,UAAU,oBAAoB,aAAW,YACzE,UAAAJ,EAAC,OAAI,UAAU,gDAAiD,SAAAK,EAAQ,MAAM,SAAS,EACvFL,EAAC,OAAI,UAAU,iDAAkD,SAAAK,EAAQ,MAAM,UAAU,GAC3F,CAEJ,EAEA,IAAOC,EAAQH",
   "names": ["jsx", "jsxs", "useChatContext", "DefaultButton", "setOpen", "context", "button_default"]
 }

package/dist/esm/components/chat/index.js

@@ -1,2 +1,2 @@
-import{Fragment as ne,jsx as t,jsxs as re}from"react/jsx-runtime";import{useMemo as W}from"react";import{useCallback as h,useState as a,useEffect as _}from"react";import{CopilotKit as X}from"@copilotkit/react-core";import{CopilotPopup as Y}from"@copilotkit/react-ui";import Z from"./button.js";import j from"./messages.js";import ee from"./response.js";import te from"./suggestions.js";import{CopilotAction as oe}from"./action.js";import b from"../../helpers/fetcher.js";const se=P=>{const{title:k,runtimeUrl:i,popup:f,shopifyDomain:p,userId:s="",account:c="",prologue:x="",locale:l="",query:n="",messagesCallback:B,showResponseButton:y,gotocheckoutRender:O,commonRender:v,shulexRender:w,pointsExchangeCouponRender:S,gotocartRender:M,addtocartRender:$,productRender:q,signupRender:D,addtocartHandler:K,style:N,className:I="",lang:u}=P,[H,U]=u?.popupTipTimeout||[3e3,6e3],[C,g]=a(!1),[d,G]=a(!1),[r,A]=a(x),[F,m]=a([]),[T,L]=a([]),R=W(()=>({"x-user-id":s||"","x-shopify-domain":p,"x-member-ship":c,"x-user-locale":l}),[s,p,c,l]),z=h(async()=>{const e=await b({url:`${i}/copilotkit/start${n}`,method:"GET",headers:R});m(e?.suggested_questions?.map(o=>({message:o,title:o}))||[]),A(e?.opening_statement||""),L(e?.history||[])},[s,p,c,l,n]),J=h(async()=>{const e=await b({url:`${i}/copilotkit/suggested_questions${n}`,method:"GET",headers:R});m(e?.suggested_questions?.data?.map(o=>({message:o,title:o}))||[])},[s,p,c,l,n]),Q=()=>{C||g(!0),setTimeout(()=>{g(!1)},U)};return _(()=>{const e=setTimeout(()=>{Q()},H);return()=>{clearTimeout(e)}},[]),t("div",{className:I,style:N||{},children:s&&i&&t(X,{runtimeUrl:`${i}/copilotkit/chat${n}`,showDevConsole:!1,headers:R,children:t(Y,{...f,showResponseButton:y!=="follow",labels:{title:k||"DTC Live Chat",initial:r||""},instructions:r||"",onInProgress:e=>{d&&e&&m([]),d&&!e&&J()},Messages:({messages:e,inProgress:o})=>t(j,{messages:e,inProgress:o,messagesCallback:B,ResponseButton:y==="follow"?t(ee,{messagesId:e?.[e.length-1]?.id}):void 0,children:t(te,{currentSuggestions:F})}),Button:({open:e,setOpen:o})=>{const V=f?.Button||Z;_(()=>{G(e)},[e]);const E=h(()=>{o(!e),g(!1),(!r||!T?.length)&&z()},[r]);return re(ne,{children:[u?.popupTip&&C&&!d&&t("div",{className:"copilotKitPopup copilotKitPopupTip",children:t("button",{onClick:E,"aria-label":"Open Chat",className:"copilotKitPopupTipContent",children:u?.popupTip})}),t(V,{open:e,setOpen:E})]})},children:t(oe,{start:r,history:T,commonRender:v,shulexRender:w,pointsExchangeCouponRender:S,gotocartRender:M,gotocheckoutRender:O,addtocartRender:$,signupRender:D,productRender:q,addtocartHandler:K,productRenderTipMessage:u?.productRenderTipMessage})})})})};var fe=se;export{fe as default};
+import{Fragment as ne,jsx as t,jsxs as re}from"react/jsx-runtime";import{useMemo as W}from"react";import{useCallback as h,useState as a,useEffect as _}from"react";import{CopilotKit as X}from"@copilotkit/react-core";import{CopilotPopup as Y}from"@copilotkit/react-ui";import Z from"./button";import j from"./messages";import ee from"./response";import te from"./suggestions";import{CopilotAction as oe}from"./action";import b from"../../helpers/fetcher";const se=P=>{const{title:k,runtimeUrl:i,popup:f,shopifyDomain:p,userId:s="",account:c="",prologue:x="",locale:l="",query:n="",messagesCallback:B,showResponseButton:y,gotocheckoutRender:O,commonRender:v,shulexRender:w,pointsExchangeCouponRender:S,gotocartRender:M,addtocartRender:$,productRender:q,signupRender:D,addtocartHandler:K,style:N,className:I="",lang:u}=P,[H,U]=u?.popupTipTimeout||[3e3,6e3],[C,g]=a(!1),[d,G]=a(!1),[r,A]=a(x),[F,m]=a([]),[T,L]=a([]),R=W(()=>({"x-user-id":s||"","x-shopify-domain":p,"x-member-ship":c,"x-user-locale":l}),[s,p,c,l]),z=h(async()=>{const e=await b({url:`${i}/copilotkit/start${n}`,method:"GET",headers:R});m(e?.suggested_questions?.map(o=>({message:o,title:o}))||[]),A(e?.opening_statement||""),L(e?.history||[])},[s,p,c,l,n]),J=h(async()=>{const e=await b({url:`${i}/copilotkit/suggested_questions${n}`,method:"GET",headers:R});m(e?.suggested_questions?.data?.map(o=>({message:o,title:o}))||[])},[s,p,c,l,n]),Q=()=>{C||g(!0),setTimeout(()=>{g(!1)},U)};return _(()=>{const e=setTimeout(()=>{Q()},H);return()=>{clearTimeout(e)}},[]),t("div",{className:I,style:N||{},children:s&&i&&t(X,{runtimeUrl:`${i}/copilotkit/chat${n}`,showDevConsole:!1,headers:R,children:t(Y,{...f,showResponseButton:y!=="follow",labels:{title:k||"DTC Live Chat",initial:r||""},instructions:r||"",onInProgress:e=>{d&&e&&m([]),d&&!e&&J()},Messages:({messages:e,inProgress:o})=>t(j,{messages:e,inProgress:o,messagesCallback:B,ResponseButton:y==="follow"?t(ee,{messagesId:e?.[e.length-1]?.id}):void 0,children:t(te,{currentSuggestions:F})}),Button:({open:e,setOpen:o})=>{const V=f?.Button||Z;_(()=>{G(e)},[e]);const E=h(()=>{o(!e),g(!1),(!r||!T?.length)&&z()},[r]);return re(ne,{children:[u?.popupTip&&C&&!d&&t("div",{className:"copilotKitPopup copilotKitPopupTip",children:t("button",{onClick:E,"aria-label":"Open Chat",className:"copilotKitPopupTipContent",children:u?.popupTip})}),t(V,{open:e,setOpen:E})]})},children:t(oe,{start:r,history:T,commonRender:v,shulexRender:w,pointsExchangeCouponRender:S,gotocartRender:M,gotocheckoutRender:O,addtocartRender:$,signupRender:D,productRender:q,addtocartHandler:K,productRenderTipMessage:u?.productRenderTipMessage})})})})};var fe=se;export{fe as default};
 //# sourceMappingURL=index.js.map

package/dist/esm/components/chat/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/chat/index.tsx"],
-  "sourcesContent": ["/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useMemo } from 'react'\nimport { useCallback, useState, useEffect } from 'react'\nimport { CopilotKit } from '@copilotkit/react-core'\nimport { CopilotPopup } from '@copilotkit/react-ui'\nimport DefaultButton from './button.js'\nimport Messages from './messages.js'\nimport ResponseButton from './response.js'\nimport Suggestions from './suggestions.js'\nimport { CopilotAction } from './action.js'\nimport fetcher from '../../helpers/fetcher.js'\n\nexport interface ChatProps {\n  title: string\n  runtimeUrl: string\n  shopifyDomain: string\n  /** GA \u7684 client id\n   */\n  userId: string\n  /** \u662F\u5426\u767B\u9646\u7528\u6237 0 or 1\n   */\n  account?: string\n  /** \u7528\u6237\u6D4F\u89C8\u5668\u8BED\u8A00\n   */\n  locale?: string\n  /** \u5F00\u573A\u767D\n   */\n  prologue?: string\n  /** ?a=1&b=2\n   */\n  query?: string\n  /** 'follow' or 'unfollow' | true or false\n   * follow: ResponseButton \u4F1A\u8DDF\u968F\u5728 messages \u7684\u540E\u8FB9\n   * unfollow: ResponseButton \u5728\u804A\u5929\u6846\u5E95\u90E8\n   */\n  showResponseButton?: string | boolean\n  /** messages \u7684\u56DE\u8C03\u4E8B\u4EF6\n   * \u6BCF\u6B21\u751F\u6210/\u63A5\u53D7\u65B0\u7684messages\uFF0C\u4F1A\u5C06 \u6574\u4E2A messages list \u4F20\u9012\u7ED9\u5916\u90E8\n   */\n  messagesCallback?: (_messages: any) => void\n  /** \u901A\u7528 action \u7684\u89E6\u53D1\u4E8B\u4EF6\n   */\n  commonRender?: string | ((_props: any) => React.ReactElement)\n  /** shulex\u7684 action \u7684\u89E6\u53D1\u4E8B\u4EF6\n   */\n  shulexRender?: string | ((_props: any) => React.ReactElement)\n  /** \u901A\u7528 \u79EF\u5206 \u6362 Coupon \u7684\u89E6\u53D1\u4E8B\u4EF6\n   */\n  pointsExchangeCouponRender?: string | ((_props: any) => React.ReactElement)\n  /** \u8DF3\u8F6C checkout action \u5361\u7247\uFF0C\u63A5\u53D7\u53C2\u6570\uFF1A {\"status\":\"complete\",\"args\":[{\"sku\":[\"A3936031\"],\"handle\":\"space-a40-a3936031\"}],\"result\":\"\"}\n   * \u540E\u7AEF\u63A5\u53E3\u6587\u6863\uFF1Ahttps://anker-in.feishu.cn/wiki/DOYJwE9oxipWmYk072ncnJNznBb\n   */\n  gotocheckoutRender?: string | ((_props: any) => React.ReactElement)\n  /** \u6253\u5F00\u8D2D\u7269\u8F66 action \u5361\u7247\uFF0C\u63A5\u53D7\u53C2\u6570\uFF1A {\"status\":\"complete\",\"args\":[{\"sku\":[\"A3936031\"],\"handle\":\"space-a40-a3936031\"}],\"result\":\"\"}\n   * \u540E\u7AEF\u63A5\u53E3\u6587\u6863\uFF1Ahttps://anker-in.feishu.cn/wiki/DOYJwE9oxipWmYk072ncnJNznBb\n   */\n  gotocartRender?: string | ((_props: any) => React.ReactElement)\n  /** \u6253\u5F00\u8D2D\u7269\u8F66 action \u7684\u89E6\u53D1\u4E8B\u4EF6\n   */\n  addtocartHandler?: (_args: any) => Promise<any>\n  /** \u52A0\u8D2D\u5361\u7247\uFF0C\u63A5\u53D7\u53C2\u6570\uFF1A {\"status\":\"complete\",\"args\":[{\"sku\":[\"A3936031\"],\"handle\":\"space-a40-a3936031\"}],\"result\":\"\"}\n   * \u540E\u7AEF\u63A5\u53E3\u6587\u6863\uFF1Ahttps://anker-in.feishu.cn/wiki/DOYJwE9oxipWmYk072ncnJNznBb\n   */\n  addtocartRender?: string | ((_props: any) => React.ReactElement)\n  /** \u8BA2\u9605\u5361\u7247\uFF0C\u63A5\u53D7\u53C2\u6570\uFF1A {\"status\":\"complete\",\"args\":[{\"sku\":[\"A3936031\"],\"handle\":\"space-a40-a3936031\"}],\"result\":\"\"}\n   * \u540E\u7AEF\u63A5\u53E3\u6587\u6863\uFF1Ahttps://anker-in.feishu.cn/wiki/DOYJwE9oxipWmYk072ncnJNznBb\n   */\n  signupRender?: string | ((_props: any) => React.ReactElement)\n  /** \u4EA7\u54C1\u5361\u7247\uFF0C\u63A5\u53D7\u53C2\u6570\uFF1A {\"status\":\"complete\",\"args\":[{\"sku\":[\"A3936031\"],\"handle\":\"space-a40-a3936031\"}],\"result\":\"\"}\n   * \u540E\u7AEF\u63A5\u53E3\u6587\u6863\uFF1Ahttps://anker-in.feishu.cn/wiki/DOYJwE9oxipWmYk072ncnJNznBb\n   */\n  productRender?: string | ((_props: any) => React.ReactElement)\n  /** CopilotPopup \u81EA\u5B9A\u4E49\u53C2\u6570\uFF0C\u53C2\u8003\uFF1Ahttps://docs.copilotkit.ai/reference/components/CopilotPopup */\n  popup?: any\n  /** \u6587\u6848\uFF0C{\"productRenderTipMessage\": \"\",\"popupTip\": \"Hi ! Welcome to soundcore Innovations live chat\uFF01\", \"popupTipTimeout\": [3000, 6000]} */\n  lang?: any\n  /** \u53C2\u8003\u6B64\u6587\u6863\uFF1Ahttps://docs.copilotkit.ai/concepts/customize-look-and-feel */\n  style?: any\n  className?: string\n}\n\nconst Chat = (props: ChatProps) => {\n  const {\n    title,\n    runtimeUrl,\n    popup,\n    shopifyDomain,\n    userId = '',\n    account = '',\n    prologue = '',\n    locale = '',\n    query = '',\n    messagesCallback,\n    showResponseButton,\n    gotocheckoutRender,\n    commonRender,\n    shulexRender,\n    pointsExchangeCouponRender,\n    gotocartRender,\n    addtocartRender,\n    productRender,\n    signupRender,\n    addtocartHandler,\n    style,\n    className = '',\n    lang,\n  } = props\n  const [autoTipOpen, autoTipClose] = lang?.popupTipTimeout || [3000, 6000]\n\n  const [openTip, setOpenTip] = useState(false)\n  const [openPopup, setOpenPopup] = useState(false)\n  const [start, setstart] = useState(prologue)\n  const [currentSuggestions, setCurrentSuggestions] = useState([])\n  const [history, sethistory] = useState<[{ content: string; role: string }] | []>([])\n\n  const headers = useMemo(\n    () => ({\n      'x-user-id': userId || '',\n      'x-shopify-domain': shopifyDomain,\n      'x-member-ship': account,\n      'x-user-locale': locale,\n    }),\n    [userId, shopifyDomain, account, locale]\n  )\n\n  const getStart = useCallback(async () => {\n    const result = await fetcher({\n      url: `${runtimeUrl}/copilotkit/start${query}`,\n      method: 'GET',\n      headers,\n    })\n\n    setCurrentSuggestions(result?.suggested_questions?.map((item: string) => ({ message: item, title: item })) || [])\n    setstart(result?.opening_statement || '')\n    sethistory(result?.history || [])\n  }, [userId, shopifyDomain, account, locale, query])\n\n  const getSuggestions = useCallback(async () => {\n    const result = await fetcher({\n      url: `${runtimeUrl}/copilotkit/suggested_questions${query}`,\n      method: 'GET',\n      headers,\n    })\n\n    setCurrentSuggestions(\n      result?.suggested_questions?.data?.map((item: string) => ({ message: item, title: item })) || []\n    )\n  }, [userId, shopifyDomain, account, locale, query])\n\n  const setOpenTipFn = () => {\n    if (!openTip) setOpenTip(true)\n    setTimeout(() => {\n      setOpenTip(false)\n    }, autoTipClose)\n  }\n\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      setOpenTipFn()\n    }, autoTipOpen)\n\n    return () => {\n      clearTimeout(timer)\n    }\n  }, [])\n\n  return (\n    <div className={className} style={style || {}}>\n      {userId && runtimeUrl && (\n        <CopilotKit runtimeUrl={`${runtimeUrl}/copilotkit/chat${query}`} showDevConsole={false} headers={headers}>\n          <CopilotPopup\n            {...popup}\n            showResponseButton={showResponseButton !== 'follow'}\n            labels={{\n              title: title || 'DTC Live Chat',\n              initial: start || '',\n            }}\n            instructions={start || ''}\n            onInProgress={load => {\n              if (openPopup && load) setCurrentSuggestions([])\n              if (openPopup && !load) getSuggestions()\n            }}\n            Messages={({ messages, inProgress }) => (\n              <Messages\n                messages={messages}\n                inProgress={inProgress}\n                messagesCallback={messagesCallback}\n                ResponseButton={\n                  showResponseButton === 'follow' ? (\n                    <ResponseButton messagesId={messages?.[messages.length - 1]?.id} />\n                  ) : undefined\n                }\n              >\n                <Suggestions currentSuggestions={currentSuggestions} />\n              </Messages>\n            )}\n            Button={({ open, setOpen: setOpenDefault }: { open: boolean; setOpen: (open: boolean) => void }) => {\n              const Button = popup?.Button || DefaultButton\n              // eslint-disable-next-line react-hooks/rules-of-hooks\n              useEffect(() => {\n                setOpenPopup(open)\n              }, [open])\n\n              // eslint-disable-next-line react-hooks/rules-of-hooks\n              const setOpen = useCallback(() => {\n                setOpenDefault(!open)\n                setOpenTip(false)\n                if (!start || !history?.length) getStart()\n              }, [start])\n\n              return (\n                <>\n                  {lang?.popupTip && openTip && !openPopup && (\n                    <div className=\"copilotKitPopup copilotKitPopupTip\">\n                      <button onClick={setOpen} aria-label=\"Open Chat\" className=\"copilotKitPopupTipContent\">\n                        {lang?.popupTip}\n                      </button>\n                    </div>\n                  )}\n                  <Button open={open} setOpen={setOpen} />\n                </>\n              )\n            }}\n          >\n            <CopilotAction\n              start={start}\n              history={history}\n              commonRender={commonRender}\n              shulexRender={shulexRender}\n              pointsExchangeCouponRender={pointsExchangeCouponRender}\n              gotocartRender={gotocartRender}\n              gotocheckoutRender={gotocheckoutRender}\n              addtocartRender={addtocartRender}\n              signupRender={signupRender}\n              productRender={productRender}\n              addtocartHandler={addtocartHandler}\n              productRenderTipMessage={lang?.productRenderTipMessage}\n            />\n          </CopilotPopup>\n        </CopilotKit>\n      )}\n    </div>\n  )\n}\n\nexport default Chat\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useMemo } from 'react'\nimport { useCallback, useState, useEffect } from 'react'\nimport { CopilotKit } from '@copilotkit/react-core'\nimport { CopilotPopup } from '@copilotkit/react-ui'\nimport DefaultButton from './button'\nimport Messages from './messages'\nimport ResponseButton from './response'\nimport Suggestions from './suggestions'\nimport { CopilotAction } from './action'\nimport fetcher from '../../helpers/fetcher'\n\nexport interface ChatProps {\n  title: string\n  runtimeUrl: string\n  shopifyDomain: string\n  /** GA \u7684 client id\n   */\n  userId: string\n  /** \u662F\u5426\u767B\u9646\u7528\u6237 0 or 1\n   */\n  account?: string\n  /** \u7528\u6237\u6D4F\u89C8\u5668\u8BED\u8A00\n   */\n  locale?: string\n  /** \u5F00\u573A\u767D\n   */\n  prologue?: string\n  /** ?a=1&b=2\n   */\n  query?: string\n  /** 'follow' or 'unfollow' | true or false\n   * follow: ResponseButton \u4F1A\u8DDF\u968F\u5728 messages \u7684\u540E\u8FB9\n   * unfollow: ResponseButton \u5728\u804A\u5929\u6846\u5E95\u90E8\n   */\n  showResponseButton?: string | boolean\n  /** messages \u7684\u56DE\u8C03\u4E8B\u4EF6\n   * \u6BCF\u6B21\u751F\u6210/\u63A5\u53D7\u65B0\u7684messages\uFF0C\u4F1A\u5C06 \u6574\u4E2A messages list \u4F20\u9012\u7ED9\u5916\u90E8\n   */\n  messagesCallback?: (_messages: any) => void\n  /** \u901A\u7528 action \u7684\u89E6\u53D1\u4E8B\u4EF6\n   */\n  commonRender?: string | ((_props: any) => React.ReactElement)\n  /** shulex\u7684 action \u7684\u89E6\u53D1\u4E8B\u4EF6\n   */\n  shulexRender?: string | ((_props: any) => React.ReactElement)\n  /** \u901A\u7528 \u79EF\u5206 \u6362 Coupon \u7684\u89E6\u53D1\u4E8B\u4EF6\n   */\n  pointsExchangeCouponRender?: string | ((_props: any) => React.ReactElement)\n  /** \u8DF3\u8F6C checkout action \u5361\u7247\uFF0C\u63A5\u53D7\u53C2\u6570\uFF1A {\"status\":\"complete\",\"args\":[{\"sku\":[\"A3936031\"],\"handle\":\"space-a40-a3936031\"}],\"result\":\"\"}\n   * \u540E\u7AEF\u63A5\u53E3\u6587\u6863\uFF1Ahttps://anker-in.feishu.cn/wiki/DOYJwE9oxipWmYk072ncnJNznBb\n   */\n  gotocheckoutRender?: string | ((_props: any) => React.ReactElement)\n  /** \u6253\u5F00\u8D2D\u7269\u8F66 action \u5361\u7247\uFF0C\u63A5\u53D7\u53C2\u6570\uFF1A {\"status\":\"complete\",\"args\":[{\"sku\":[\"A3936031\"],\"handle\":\"space-a40-a3936031\"}],\"result\":\"\"}\n   * \u540E\u7AEF\u63A5\u53E3\u6587\u6863\uFF1Ahttps://anker-in.feishu.cn/wiki/DOYJwE9oxipWmYk072ncnJNznBb\n   */\n  gotocartRender?: string | ((_props: any) => React.ReactElement)\n  /** \u6253\u5F00\u8D2D\u7269\u8F66 action \u7684\u89E6\u53D1\u4E8B\u4EF6\n   */\n  addtocartHandler?: (_args: any) => Promise<any>\n  /** \u52A0\u8D2D\u5361\u7247\uFF0C\u63A5\u53D7\u53C2\u6570\uFF1A {\"status\":\"complete\",\"args\":[{\"sku\":[\"A3936031\"],\"handle\":\"space-a40-a3936031\"}],\"result\":\"\"}\n   * \u540E\u7AEF\u63A5\u53E3\u6587\u6863\uFF1Ahttps://anker-in.feishu.cn/wiki/DOYJwE9oxipWmYk072ncnJNznBb\n   */\n  addtocartRender?: string | ((_props: any) => React.ReactElement)\n  /** \u8BA2\u9605\u5361\u7247\uFF0C\u63A5\u53D7\u53C2\u6570\uFF1A {\"status\":\"complete\",\"args\":[{\"sku\":[\"A3936031\"],\"handle\":\"space-a40-a3936031\"}],\"result\":\"\"}\n   * \u540E\u7AEF\u63A5\u53E3\u6587\u6863\uFF1Ahttps://anker-in.feishu.cn/wiki/DOYJwE9oxipWmYk072ncnJNznBb\n   */\n  signupRender?: string | ((_props: any) => React.ReactElement)\n  /** \u4EA7\u54C1\u5361\u7247\uFF0C\u63A5\u53D7\u53C2\u6570\uFF1A {\"status\":\"complete\",\"args\":[{\"sku\":[\"A3936031\"],\"handle\":\"space-a40-a3936031\"}],\"result\":\"\"}\n   * \u540E\u7AEF\u63A5\u53E3\u6587\u6863\uFF1Ahttps://anker-in.feishu.cn/wiki/DOYJwE9oxipWmYk072ncnJNznBb\n   */\n  productRender?: string | ((_props: any) => React.ReactElement)\n  /** CopilotPopup \u81EA\u5B9A\u4E49\u53C2\u6570\uFF0C\u53C2\u8003\uFF1Ahttps://docs.copilotkit.ai/reference/components/CopilotPopup */\n  popup?: any\n  /** \u6587\u6848\uFF0C{\"productRenderTipMessage\": \"\",\"popupTip\": \"Hi ! Welcome to soundcore Innovations live chat\uFF01\", \"popupTipTimeout\": [3000, 6000]} */\n  lang?: any\n  /** \u53C2\u8003\u6B64\u6587\u6863\uFF1Ahttps://docs.copilotkit.ai/concepts/customize-look-and-feel */\n  style?: any\n  className?: string\n}\n\nconst Chat = (props: ChatProps) => {\n  const {\n    title,\n    runtimeUrl,\n    popup,\n    shopifyDomain,\n    userId = '',\n    account = '',\n    prologue = '',\n    locale = '',\n    query = '',\n    messagesCallback,\n    showResponseButton,\n    gotocheckoutRender,\n    commonRender,\n    shulexRender,\n    pointsExchangeCouponRender,\n    gotocartRender,\n    addtocartRender,\n    productRender,\n    signupRender,\n    addtocartHandler,\n    style,\n    className = '',\n    lang,\n  } = props\n  const [autoTipOpen, autoTipClose] = lang?.popupTipTimeout || [3000, 6000]\n\n  const [openTip, setOpenTip] = useState(false)\n  const [openPopup, setOpenPopup] = useState(false)\n  const [start, setstart] = useState(prologue)\n  const [currentSuggestions, setCurrentSuggestions] = useState([])\n  const [history, sethistory] = useState<[{ content: string; role: string }] | []>([])\n\n  const headers = useMemo(\n    () => ({\n      'x-user-id': userId || '',\n      'x-shopify-domain': shopifyDomain,\n      'x-member-ship': account,\n      'x-user-locale': locale,\n    }),\n    [userId, shopifyDomain, account, locale]\n  )\n\n  const getStart = useCallback(async () => {\n    const result = await fetcher({\n      url: `${runtimeUrl}/copilotkit/start${query}`,\n      method: 'GET',\n      headers,\n    })\n\n    setCurrentSuggestions(result?.suggested_questions?.map((item: string) => ({ message: item, title: item })) || [])\n    setstart(result?.opening_statement || '')\n    sethistory(result?.history || [])\n  }, [userId, shopifyDomain, account, locale, query])\n\n  const getSuggestions = useCallback(async () => {\n    const result = await fetcher({\n      url: `${runtimeUrl}/copilotkit/suggested_questions${query}`,\n      method: 'GET',\n      headers,\n    })\n\n    setCurrentSuggestions(\n      result?.suggested_questions?.data?.map((item: string) => ({ message: item, title: item })) || []\n    )\n  }, [userId, shopifyDomain, account, locale, query])\n\n  const setOpenTipFn = () => {\n    if (!openTip) setOpenTip(true)\n    setTimeout(() => {\n      setOpenTip(false)\n    }, autoTipClose)\n  }\n\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      setOpenTipFn()\n    }, autoTipOpen)\n\n    return () => {\n      clearTimeout(timer)\n    }\n  }, [])\n\n  return (\n    <div className={className} style={style || {}}>\n      {userId && runtimeUrl && (\n        <CopilotKit runtimeUrl={`${runtimeUrl}/copilotkit/chat${query}`} showDevConsole={false} headers={headers}>\n          <CopilotPopup\n            {...popup}\n            showResponseButton={showResponseButton !== 'follow'}\n            labels={{\n              title: title || 'DTC Live Chat',\n              initial: start || '',\n            }}\n            instructions={start || ''}\n            onInProgress={load => {\n              if (openPopup && load) setCurrentSuggestions([])\n              if (openPopup && !load) getSuggestions()\n            }}\n            Messages={({ messages, inProgress }) => (\n              <Messages\n                messages={messages}\n                inProgress={inProgress}\n                messagesCallback={messagesCallback}\n                ResponseButton={\n                  showResponseButton === 'follow' ? (\n                    <ResponseButton messagesId={messages?.[messages.length - 1]?.id} />\n                  ) : undefined\n                }\n              >\n                <Suggestions currentSuggestions={currentSuggestions} />\n              </Messages>\n            )}\n            Button={({ open, setOpen: setOpenDefault }: { open: boolean; setOpen: (open: boolean) => void }) => {\n              const Button = popup?.Button || DefaultButton\n              // eslint-disable-next-line react-hooks/rules-of-hooks\n              useEffect(() => {\n                setOpenPopup(open)\n              }, [open])\n\n              // eslint-disable-next-line react-hooks/rules-of-hooks\n              const setOpen = useCallback(() => {\n                setOpenDefault(!open)\n                setOpenTip(false)\n                if (!start || !history?.length) getStart()\n              }, [start])\n\n              return (\n                <>\n                  {lang?.popupTip && openTip && !openPopup && (\n                    <div className=\"copilotKitPopup copilotKitPopupTip\">\n                      <button onClick={setOpen} aria-label=\"Open Chat\" className=\"copilotKitPopupTipContent\">\n                        {lang?.popupTip}\n                      </button>\n                    </div>\n                  )}\n                  <Button open={open} setOpen={setOpen} />\n                </>\n              )\n            }}\n          >\n            <CopilotAction\n              start={start}\n              history={history}\n              commonRender={commonRender}\n              shulexRender={shulexRender}\n              pointsExchangeCouponRender={pointsExchangeCouponRender}\n              gotocartRender={gotocartRender}\n              gotocheckoutRender={gotocheckoutRender}\n              addtocartRender={addtocartRender}\n              signupRender={signupRender}\n              productRender={productRender}\n              addtocartHandler={addtocartHandler}\n              productRenderTipMessage={lang?.productRenderTipMessage}\n            />\n          </CopilotPopup>\n        </CopilotKit>\n      )}\n    </div>\n  )\n}\n\nexport default Chat\n"],
+  "mappings": "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",
   "names": ["Fragment", "jsx", "jsxs", "useMemo", "useCallback", "useState", "useEffect", "CopilotKit", "CopilotPopup", "DefaultButton", "Messages", "ResponseButton", "Suggestions", "CopilotAction", "fetcher", "Chat", "props", "title", "runtimeUrl", "popup", "shopifyDomain", "userId", "account", "prologue", "locale", "query", "messagesCallback", "showResponseButton", "gotocheckoutRender", "commonRender", "shulexRender", "pointsExchangeCouponRender", "gotocartRender", "addtocartRender", "productRender", "signupRender", "addtocartHandler", "style", "className", "lang", "autoTipOpen", "autoTipClose", "openTip", "setOpenTip", "openPopup", "setOpenPopup", "start", "setstart", "currentSuggestions", "setCurrentSuggestions", "history", "sethistory", "headers", "getStart", "result", "item", "getSuggestions", "setOpenTipFn", "timer", "load", "messages", "inProgress", "open", "setOpenDefault", "Button", "setOpen", "chat_default"]
 }

package/dist/esm/components/chat/{Messages.d.ts → messages.d.ts}

@@ -1,3 +1,3 @@
-import type { MessagesProps } from './props.js';
+import type { MessagesProps } from './props';
 declare const Messages: ({ messages, inProgress, ResponseButton, messagesCallback, children }: MessagesProps) => import("react/jsx-runtime").JSX.Element;
 export default Messages;

package/dist/esm/components/chat/messages.js

@@ -1,2 +1,2 @@
-import{jsx as n,jsxs as h}from"react/jsx-runtime";import K,{useEffect as f,useMemo as I,useState as L}from"react";import{useChatContext as T}from"@copilotkit/react-ui";import{Markdown as C}from"./markdown.js";import{useCopilotContext as w}from"@copilotkit/react-core";import{MessageStatusCode as H,ActionExecutionMessage as A,ResultMessage as k,TextMessage as g,Role as S}from"@copilotkit/runtime-client-gql";const b=({messages:t,inProgress:o,ResponseButton:p,messagesCallback:R,children:x})=>{const[d,a]=L(!0),{chatComponentsCache:M}=w(),r=T();t=[...I(()=>B(r.labels.initial),[r.labels.initial]),...t];const v={};for(let e=0;e<t.length;e++)if(t[e]instanceof A){const s=t[e].id,i=t.find(c=>c instanceof k&&c.actionExecutionId===s);i&&(v[s]=k.decodeResult(i.result||""))}const y=K.useRef(null),E=K.useRef(null),m=()=>{y.current&&y.current.scrollIntoView({behavior:"auto"})};return f(()=>{m()},[t]),f(()=>{R&&R(t)},[t]),f(()=>{const e=document.querySelector(".copilotKitInput textarea");e&&e.addEventListener("click",function(){e.value&&document.activeElement===e?a(!1):(a(!0),m())}),e&&e.addEventListener("input",function(){e.value&&document.activeElement===e?a(!1):(a(!0),m())})},[]),f(()=>{const e=E.current;d&&e?(e.style.maxHeight="500px",e.style.overflow="visible"):!d&&e&&(e.style.maxHeight="0",e.style.overflow="hidden")},[d]),h("div",{className:"copilotKitMessages",children:[t.map((e,s)=>{const i=s===t.length-1;if(e instanceof g&&e.role==="user")return n("div",{className:"copilotKitMessage copilotKitUserMessage",children:n(C,{content:e.content})},s);if(e instanceof g&&e.role=="assistant")return n("div",{className:"copilotKitMessage copilotKitAssistantMessage",children:i&&o&&!e.content?r.icons.spinnerIcon:n(C,{content:e.content})},s);if(e instanceof A)if(M.current!==null&&M.current[e.name]){const c=M.current[e.name];if(typeof c=="string")return i&&o?h("div",{className:"copilotKitMessage copilotKitAssistantMessage",children:[r.icons.spinnerIcon," ",n("span",{className:"inProgressLabel",children:c})]},s):null;{const N=e.arguments;let l="inProgress";v[e.id]!==void 0?l="complete":e.status.code!==H.Pending&&(l="executing");const u=c({status:l,args:N,result:v[e.id]});return!u&&l==="complete"?null:typeof u=="string"?h("div",{className:"copilotKitMessage copilotKitAssistantMessage",children:[i&&o&&r.icons.spinnerIcon," ",u]},s):n("div",{className:"copilotKitCustomAssistantMessage",children:u},s)}}else return!o||!i?null:n("div",{className:"copilotKitMessage copilotKitAssistantMessage",children:r.icons.spinnerIcon},s)}),n("div",{className:"responseButtonBox",children:p}),n("footer",{ref:y,children:n("div",{className:"copilotKitMessagesFooter",ref:E,children:x})})]})};function B(t){let o=[];return t&&(Array.isArray(t)?o.push(...t):o.push(t)),o.map(p=>new g({role:S.Assistant,content:p}))}var z=b;export{z as default};
+import{jsx as s,jsxs as h}from"react/jsx-runtime";import K,{useEffect as f,useMemo as I,useState as L}from"react";import{useChatContext as T}from"@copilotkit/react-ui";import{Markdown as C}from"./markdown";import{useCopilotContext as w}from"@copilotkit/react-core";import{MessageStatusCode as H,ActionExecutionMessage as A,ResultMessage as k,TextMessage as g,Role as S}from"@copilotkit/runtime-client-gql";const b=({messages:t,inProgress:o,ResponseButton:p,messagesCallback:R,children:x})=>{const[d,a]=L(!0),{chatComponentsCache:M}=w(),r=T();t=[...I(()=>B(r.labels.initial),[r.labels.initial]),...t];const v={};for(let e=0;e<t.length;e++)if(t[e]instanceof A){const n=t[e].id,i=t.find(c=>c instanceof k&&c.actionExecutionId===n);i&&(v[n]=k.decodeResult(i.result||""))}const y=K.useRef(null),E=K.useRef(null),m=()=>{y.current&&y.current.scrollIntoView({behavior:"auto"})};return f(()=>{m()},[t]),f(()=>{R&&R(t)},[t]),f(()=>{const e=document.querySelector(".copilotKitInput textarea");e&&e.addEventListener("click",function(){e.value&&document.activeElement===e?a(!1):(a(!0),m())}),e&&e.addEventListener("input",function(){e.value&&document.activeElement===e?a(!1):(a(!0),m())})},[]),f(()=>{const e=E.current;d&&e?(e.style.maxHeight="500px",e.style.overflow="visible"):!d&&e&&(e.style.maxHeight="0",e.style.overflow="hidden")},[d]),h("div",{className:"copilotKitMessages",children:[t.map((e,n)=>{const i=n===t.length-1;if(e instanceof g&&e.role==="user")return s("div",{className:"copilotKitMessage copilotKitUserMessage",children:s(C,{content:e.content})},n);if(e instanceof g&&e.role=="assistant")return s("div",{className:"copilotKitMessage copilotKitAssistantMessage",children:i&&o&&!e.content?r.icons.spinnerIcon:s(C,{content:e.content})},n);if(e instanceof A)if(M.current!==null&&M.current[e.name]){const c=M.current[e.name];if(typeof c=="string")return i&&o?h("div",{className:"copilotKitMessage copilotKitAssistantMessage",children:[r.icons.spinnerIcon," ",s("span",{className:"inProgressLabel",children:c})]},n):null;{const N=e.arguments;let l="inProgress";v[e.id]!==void 0?l="complete":e.status.code!==H.Pending&&(l="executing");const u=c({status:l,args:N,result:v[e.id]});return!u&&l==="complete"?null:typeof u=="string"?h("div",{className:"copilotKitMessage copilotKitAssistantMessage",children:[i&&o&&r.icons.spinnerIcon," ",u]},n):s("div",{className:"copilotKitCustomAssistantMessage",children:u},n)}}else return!o||!i?null:s("div",{className:"copilotKitMessage copilotKitAssistantMessage",children:r.icons.spinnerIcon},n)}),s("div",{className:"responseButtonBox",children:p}),s("footer",{ref:y,children:s("div",{className:"copilotKitMessagesFooter",ref:E,children:x})})]})};function B(t){let o=[];return t&&(Array.isArray(t)?o.push(...t):o.push(t)),o.map(p=>new g({role:S.Assistant,content:p}))}var G=b;export{G as default};
 //# sourceMappingURL=messages.js.map