@anker-in/campaign-ui 0.2.10-beta.22 → 0.2.10-beta.24

package/dist/esm/components/credits/modal/creditsUploadReceiptModal.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/credits/modal/creditsUploadReceiptModal.tsx"],
+  "sourcesContent": ["import { Button, Heading, Text } from '@anker-in/headless-ui'\nimport { useCallback, useState } from 'react'\nimport { CreditsModalContainer } from './modalContainer'\nimport { useUploadReceipt } from '../context/hooks/useUploadReceipt'\n\nexport type ReceiptCopy = {\n  title: string\n  description: string\n  placeholder: string\n  note: string\n  submit: string\n  successTitle: string\n  successDescription: string\n  gotIt: string\n  failedTitle: string\n  successIcon: string\n  failedIcon: string\n  failedReasons: {\n    code: string\n    id: string\n    description: string\n  }[]\n}\n\nexport function CreditsUploadReceiptModal({\n  isOpen,\n  onClose,\n  copy,\n  onSuccess,\n}: {\n  isOpen: boolean\n  onClose: () => void\n  copy: ReceiptCopy\n  onSuccess: () => void\n}) {\n  const { trigger, isMutating } = useUploadReceipt()\n  const [orderName, setOrderName] = useState('')\n  const [resultPopup, setResultPopup] = useState(false)\n  const [resultPopupContent, setResultPopupContent] = useState({\n    icon: '',\n    title: '',\n    description: '',\n    isSuccess: false,\n  })\n\n  const handleSubmit = useCallback(() => {\n    trigger(\n      { orderName },\n      {\n        onSuccess: result => {\n          setResultPopup(true)\n          if (result?.ok) {\n            onSuccess()\n            setResultPopupContent({\n              icon: copy.successIcon,\n              title: copy.successTitle || 'Success',\n              description: copy.successDescription || 'Your receipt has been uploaded successfully',\n              isSuccess: true,\n            })\n          } else {\n            const error = copy.failedReasons.find(reason => reason.code === result.code?.toString())\n            setResultPopupContent({\n              icon: copy.failedIcon,\n              title: copy.failedTitle || 'Failed',\n              description: error?.description || 'Please try again',\n              isSuccess: false,\n            })\n          }\n        },\n      }\n    )\n  }, [\n    trigger,\n    orderName,\n    onSuccess,\n    copy.successIcon,\n    copy.successTitle,\n    copy.successDescription,\n    copy.failedReasons,\n    copy.failedIcon,\n    copy.failedTitle,\n  ])\n\n  const handleResultClose = () => {\n    setResultPopup(false)\n    setOrderName('')\n    // \u5982\u679C\u4E0A\u4F20\u6210\u529F\uFF0C\u5168\u90E8\u5F39\u7A97\u5173\u95ED\n    if (resultPopupContent.isSuccess) {\n      onClose()\n    }\n  }\n\n  return (\n    <CreditsModalContainer\n      isOpen={isOpen}\n      onClose={onClose}\n      className=\"w-[540px] md:h-auto\"\n      scrollClassName=\"mb-[40px] min-l:px-[48px] md:mb-0 md:pb-[24px] md:px-[16px]\"\n      titleClassName=\"h-[56px]\"\n      useAnimation\n      animationClassName=\"md:translate-y-[100vh]\"\n    >\n      <Heading size=\"3\">{copy.title}</Heading>\n      <Text size=\"3\" className=\"mt-[8px] md:mt-[4px]\">\n        {copy.description}\n      </Text>\n      <input\n        placeholder={copy.placeholder}\n        className=\"mt-[24px] h-[50px] w-full rounded-[2px] border border-[#6D6D6F] pl-[14px] text-[16px] font-bold placeholder:text-[16px] placeholder:font-bold placeholder:text-[#6D6D6F] focus:outline-none focus:ring-0 md:rounded-[4px] md:placeholder:text-[14px]\"\n        value={orderName}\n        onChange={e => setOrderName(e.target.value)}\n      />\n      <Text size=\"1\" as=\"p\" className=\"mt-[8px] text-[#6D6D6F]\">\n        {copy.note}\n      </Text>\n      <Button variant=\"primary\" className=\"mt-[24px] w-full\" loading={isMutating} onClick={handleSubmit}>\n        {copy.submit}\n      </Button>\n      {resultPopup && (\n        <CreditsModalContainer\n          isOpen={resultPopup}\n          onClose={handleResultClose}\n          className=\"w-[540px] md:h-auto\"\n          scrollClassName=\"mb-[40px] min-l:px-[48px] md:mb-0 md:pb-[24px] md:px-[16px] flex flex-col items-center text-center\"\n          titleClassName=\"h-[56px]\"\n        >\n          <Text size=\"3\" className=\"size-[64px]\" as=\"div\" html={resultPopupContent.icon} />\n          <Heading size=\"3\" className=\"mt-[16px]\">\n            {resultPopupContent.title}\n          </Heading>\n          <Text size=\"3\" className=\"mt-[8px] md:mt-[4px]\">\n            {resultPopupContent.description}\n          </Text>\n          <Button variant=\"primary\" className=\"mt-[24px]\" onClick={handleResultClose}>\n            {copy.gotIt}\n          </Button>\n        </CreditsModalContainer>\n      )}\n    </CreditsModalContainer>\n  )\n}\n"],
+  "mappings": "AAsGM,cAAAA,EAiBE,QAAAC,MAjBF,oBAtGN,OAAS,UAAAC,EAAQ,WAAAC,EAAS,QAAAC,MAAY,wBACtC,OAAS,eAAAC,EAAa,YAAAC,MAAgB,QACtC,OAAS,yBAAAC,MAA6B,mBACtC,OAAS,oBAAAC,MAAwB,oCAqB1B,SAASC,EAA0B,CACxC,OAAAC,EACA,QAAAC,EACA,KAAAC,EACA,UAAAC,CACF,EAKG,CACD,KAAM,CAAE,QAAAC,EAAS,WAAAC,CAAW,EAAIP,EAAiB,EAC3C,CAACQ,EAAWC,CAAY,EAAIX,EAAS,EAAE,EACvC,CAACY,EAAaC,CAAc,EAAIb,EAAS,EAAK,EAC9C,CAACc,EAAoBC,CAAqB,EAAIf,EAAS,CAC3D,KAAM,GACN,MAAO,GACP,YAAa,GACb,UAAW,EACb,CAAC,EAEKgB,EAAejB,EAAY,IAAM,CACrCS,EACE,CAAE,UAAAE,CAAU,EACZ,CACE,UAAWO,GAAU,CAEnB,GADAJ,EAAe,EAAI,EACfI,GAAQ,GACVV,EAAU,EACVQ,EAAsB,CACpB,KAAMT,EAAK,YACX,MAAOA,EAAK,cAAgB,UAC5B,YAAaA,EAAK,oBAAsB,8CACxC,UAAW,EACb,CAAC,MACI,CACL,MAAMY,EAAQZ,EAAK,cAAc,KAAKa,GAAUA,EAAO,OAASF,EAAO,MAAM,SAAS,CAAC,EACvFF,EAAsB,CACpB,KAAMT,EAAK,WACX,MAAOA,EAAK,aAAe,SAC3B,YAAaY,GAAO,aAAe,mBACnC,UAAW,EACb,CAAC,CACH,CACF,CACF,CACF,CACF,EAAG,CACDV,EACAE,EACAH,EACAD,EAAK,YACLA,EAAK,aACLA,EAAK,mBACLA,EAAK,cACLA,EAAK,WACLA,EAAK,WACP,CAAC,EAEKc,EAAoB,IAAM,CAC9BP,EAAe,EAAK,EACpBF,EAAa,EAAE,EAEXG,EAAmB,WACrBT,EAAQ,CAEZ,EAEA,OACEV,EAACM,EAAA,CACC,OAAQG,EACR,QAASC,EACT,UAAU,sBACV,gBAAgB,8DAChB,eAAe,WACf,aAAY,GACZ,mBAAmB,yBAEnB,UAAAX,EAACG,EAAA,CAAQ,KAAK,IAAK,SAAAS,EAAK,MAAM,EAC9BZ,EAACI,EAAA,CAAK,KAAK,IAAI,UAAU,uBACtB,SAAAQ,EAAK,YACR,EACAZ,EAAC,SACC,YAAaY,EAAK,YAClB,UAAU,uPACV,MAAOI,EACP,SAAUW,GAAKV,EAAaU,EAAE,OAAO,KAAK,EAC5C,EACA3B,EAACI,EAAA,CAAK,KAAK,IAAI,GAAG,IAAI,UAAU,0BAC7B,SAAAQ,EAAK,KACR,EACAZ,EAACE,EAAA,CAAO,QAAQ,UAAU,UAAU,mBAAmB,QAASa,EAAY,QAASO,EAClF,SAAAV,EAAK,OACR,EACCM,GACCjB,EAACM,EAAA,CACC,OAAQW,EACR,QAASQ,EACT,UAAU,sBACV,gBAAgB,qGAChB,eAAe,WAEf,UAAA1B,EAACI,EAAA,CAAK,KAAK,IAAI,UAAU,cAAc,GAAG,MAAM,KAAMgB,EAAmB,KAAM,EAC/EpB,EAACG,EAAA,CAAQ,KAAK,IAAI,UAAU,YACzB,SAAAiB,EAAmB,MACtB,EACApB,EAACI,EAAA,CAAK,KAAK,IAAI,UAAU,uBACtB,SAAAgB,EAAmB,YACtB,EACApB,EAACE,EAAA,CAAO,QAAQ,UAAU,UAAU,YAAY,QAASwB,EACtD,SAAAd,EAAK,MACR,GACF,GAEJ,CAEJ",
+  "names": ["jsx", "jsxs", "Button", "Heading", "Text", "useCallback", "useState", "CreditsModalContainer", "useUploadReceipt", "CreditsUploadReceiptModal", "isOpen", "onClose", "copy", "onSuccess", "trigger", "isMutating", "orderName", "setOrderName", "resultPopup", "setResultPopup", "resultPopupContent", "setResultPopupContent", "handleSubmit", "result", "error", "reason", "handleResultClose", "e"]
+}

package/dist/esm/components/credits/modal/loadingDots.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface LoadingProps {
+    className?: string;
+}
+declare const LoadingDots: FC<LoadingProps>;
+export default LoadingDots;

package/dist/esm/components/credits/modal/loadingDots.js

@@ -0,0 +1,2 @@
+import{jsx as a,jsxs as l}from"react/jsx-runtime";import s from"classnames";const t=n=>{const{className:e}=n;return l("span",{className:s("inline-flex min-h-[19px] items-center text-center leading-7",e),children:[a("span",{className:"animate-blink mx-0.5 h-2 w-2 rounded-full bg-current"},"dot_1"),a("span",{className:"animate-blink mx-0.5 h-2 w-2 rounded-full bg-current [animation-delay:0.2s]"},"dot_2"),a("span",{className:"animate-blink mx-0.5 h-2 w-2 rounded-full bg-current [animation-delay:0.4s]"},"dot_3")]})};var r=t;export{r as default};
+//# sourceMappingURL=loadingDots.js.map

package/dist/esm/components/credits/modal/loadingDots.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/credits/modal/loadingDots.tsx"],
+  "sourcesContent": ["import classNames from 'classnames'\nimport { FC } from 'react'\n\ninterface LoadingProps {\n  className?: string\n}\n\nconst LoadingDots: FC<LoadingProps> = props => {\n  const { className } = props\n  return (\n    <span className={classNames('inline-flex min-h-[19px] items-center text-center leading-7', className)}>\n      <span className=\"animate-blink mx-0.5 h-2 w-2 rounded-full bg-current\" key={`dot_1`} />\n      <span className=\"animate-blink mx-0.5 h-2 w-2 rounded-full bg-current [animation-delay:0.2s]\" key={`dot_2`} />\n      <span className=\"animate-blink mx-0.5 h-2 w-2 rounded-full bg-current [animation-delay:0.4s]\" key={`dot_3`} />\n    </span>\n  )\n}\n\nexport default LoadingDots\n"],
+  "mappings": "AAUI,OACE,OAAAA,EADF,QAAAC,MAAA,oBAVJ,OAAOC,MAAgB,aAOvB,MAAMC,EAAgCC,GAAS,CAC7C,KAAM,CAAE,UAAAC,CAAU,EAAID,EACtB,OACEH,EAAC,QAAK,UAAWC,EAAW,8DAA+DG,CAAS,EAClG,UAAAL,EAAC,QAAK,UAAU,wDAA4D,OAAS,EACrFA,EAAC,QAAK,UAAU,+EAAmF,OAAS,EAC5GA,EAAC,QAAK,UAAU,+EAAmF,OAAS,GAC9G,CAEJ,EAEA,IAAOM,EAAQH",
+  "names": ["jsx", "jsxs", "classNames", "LoadingDots", "props", "className", "loadingDots_default"]
+}

package/dist/esm/components/credits/modal/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/esm/components/credits/modal/modalContainer.js

@@ -0,0 +1,2 @@
+import{jsx as n,jsxs as d}from"react/jsx-runtime";import{cn as l}from"../../../helpers/utils";import{useEffect as g,useState as u}from"react";import w from"react-modal";const N=({isOpen:i,title:o,className:m="",overlayClassName:c="",scrollClassName:p="",onClose:a,onScrollEnd:s,children:x,useAnimation:r,animationClassName:C,titleClassName:f="",...v})=>{const[h,L]=u(!1);return g(()=>{r&&requestAnimationFrame(()=>{L(i??!1)})},[i,r]),d(w,{isOpen:i??!1,overlayClassName:l("fixed inset-0 z-[999] flex items-center justify-center bg-black/70 leading-[1.2] md:items-end",c),className:l("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",h?"":C,m),onRequestClose:a,...v,children:[d("div",{className:l("flex w-full shrink-0 items-center justify-between",o?"min-l:px-[32px] h-[70px] border-b border-[#e2e2e2] px-[24px]":"h-[48px] px-[16px]",f),children:[n("div",{className:"text-[18px] font-bold",children:o}),n("div",{className:"size-[22px] cursor-pointer",onClick:a,onKeyDown:e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),a?.())},role:"button",tabIndex:0,children:n("svg",{xmlns:"http://www.w3.org/2000/svg",width:"22",height:"22",viewBox:"0 0 22 22",fill:"none",children:n("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"})})})]}),n("div",{className:l("my-[32px] flex-1 overflow-auto overscroll-contain px-[24px] md:mb-[48px]",!o&&"mt-0","min-l:px-[32px]",p),onScroll:e=>{const t=e.target;t.scrollHeight<=t.clientHeight||t.scrollTop+t.clientHeight>=t.scrollHeight-50&&s&&s(e)},children:x})]})};export{N as CreditsModalContainer};
+//# sourceMappingURL=modalContainer.js.map

package/dist/esm/components/credits/modal/modalContainer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/credits/modal/modalContainer.tsx"],
+  "sourcesContent": ["import { cn } from '../../../helpers/utils'\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": "AA0DM,OAOE,OAAAA,EAPF,QAAAC,MAAA,oBA1DN,OAAS,MAAAC,MAAU,yBACnB,OAAS,aAAAC,EAAW,YAAAC,MAA8B,QAClD,OAAOC,MAAgB,cAgBhB,MAAMC,EAAwB,CAAC,CACpC,OAAAC,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,EAAIhB,EAAS,EAAK,EAExD,OAAAD,EAAU,IAAM,CACTY,GAGL,sBAAsB,IAAM,CAC1BK,EAAiBb,GAAU,EAAK,CAClC,CAAC,CACH,EAAG,CAACA,EAAQQ,CAAY,CAAC,EAGvBd,EAACI,EAAA,CACC,OAAQE,GAAU,GAClB,iBAAkBL,EAChB,gGACAQ,CACF,EACA,UAAWR,EACT,mMACAiB,EAAgB,GAAKH,EACrBP,CACF,EACA,eAAgBG,EACf,GAAGM,EAEJ,UAAAjB,EAAC,OACC,UAAWC,EACT,oDACAM,EAAQ,+DAAiE,qBACzES,CACF,EAEA,UAAAjB,EAAC,OAAI,UAAU,wBAAyB,SAAAQ,EAAM,EAC9CR,EAAC,OACC,UAAU,6BACV,QAASY,EACT,UAAW,GAAK,EACV,EAAE,MAAQ,SAAW,EAAE,MAAQ,OACjC,EAAE,eAAe,EACjBA,IAAU,EAEd,EACA,KAAK,SACL,SAAU,EAEV,SAAAZ,EAAC,OAAI,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACtF,SAAAA,EAAC,QACC,SAAS,UACT,SAAS,UACT,EAAE,syCACF,KAAK,UACP,EACF,EACF,GACF,EACAA,EAAC,OACC,UAAWE,EACT,2EACA,CAACM,GAAS,OACV,kBACAG,CACF,EACA,SAAUU,GAAS,CACjB,MAAMC,EAAgBD,EAAM,OAExBC,EAAc,cAAgBA,EAAc,cAI5CA,EAAc,UAAYA,EAAc,cAAgBA,EAAc,aAAe,IACvFT,GAAeA,EAAYQ,CAAK,CAEpC,EAEC,SAAAP,EACH,GACF,CAEJ",
+  "names": ["jsx", "jsxs", "cn", "useEffect", "useState", "ReactModal", "CreditsModalContainer", "isOpen", "title", "className", "overlayClassName", "scrollClassName", "onClose", "onScrollEnd", "children", "useAnimation", "animationClassName", "titleClassName", "props", "animationShow", "setAnimationShow", "event", "targetElement"]
+}

package/dist/esm/components/credits/modal/rulesModal.d.ts

@@ -0,0 +1,7 @@
+import { type ModalContainerProps } from './modalContainer';
+declare function RulesModal({ rules, className, ruleClassName, ...props }: {
+    rules: string | string[];
+    ruleClassName?: string;
+    className?: string;
+} & ModalContainerProps): import("react/jsx-runtime").JSX.Element;
+export default RulesModal;

package/dist/esm/components/credits/modal/rulesModal.js

@@ -0,0 +1,2 @@
+import{jsx as t}from"react/jsx-runtime";import{Text as i}from"@anker-in/headless-ui";import{useMemo as p}from"react";import{CreditsModalContainer as d}from"./modalContainer";import{cn as o}from"../../../helpers/utils";function x({rules:e,className:n,ruleClassName:s,...r}){const a=p(()=>typeof e=="string"?t(i,{className:o("text-[16px] font-semibold",s),html:e}):t("ul",{className:"ml-4 text-[16px]",children:e?.map((l,m)=>t("li",{className:o("mb-[10px] list-disc"),children:t(i,{as:"div",className:o("text-[16px] font-semibold leading-[1.4] text-[#777777]",s),html:l})},m))}),[s,e]);return t(d,{className:o("max-h-[90vh] w-[640px]",n),...r,children:a})}var C=x;export{C as default};
+//# sourceMappingURL=rulesModal.js.map

package/dist/esm/components/credits/modal/rulesModal.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/credits/modal/rulesModal.tsx"],
+  "sourcesContent": ["import { Text } from '@anker-in/headless-ui'\nimport { useMemo } from 'react'\n\nimport { CreditsModalContainer, type ModalContainerProps } from './modalContainer'\nimport { cn } from '../../../helpers/utils'\n\nfunction RulesModal({\n  rules,\n  className,\n  ruleClassName,\n  ...props\n}: {\n  rules: string | string[]\n  ruleClassName?: string\n  className?: string\n} & ModalContainerProps) {\n  const rulesComponent = useMemo(() => {\n    if (typeof rules === 'string') {\n      return <Text className={cn('text-[16px] font-semibold', ruleClassName)} html={rules}></Text>\n    } else {\n      return (\n        <ul className=\"ml-4 text-[16px]\">\n          {rules?.map((rule, index) => (\n            <li key={index} className={cn('mb-[10px] list-disc')}>\n              <Text\n                as=\"div\"\n                className={cn('text-[16px] font-semibold leading-[1.4] text-[#777777]', ruleClassName)}\n                html={rule}\n              ></Text>\n            </li>\n          ))}\n        </ul>\n      )\n    }\n  }, [ruleClassName, rules])\n\n  return (\n    <CreditsModalContainer className={cn('max-h-[90vh] w-[640px]', className)} {...props}>\n      {rulesComponent}\n    </CreditsModalContainer>\n  )\n}\n\nexport default RulesModal\n"],
+  "mappings": "AAkBa,cAAAA,MAAA,oBAlBb,OAAS,QAAAC,MAAY,wBACrB,OAAS,WAAAC,MAAe,QAExB,OAAS,yBAAAC,MAAuD,mBAChE,OAAS,MAAAC,MAAU,yBAEnB,SAASC,EAAW,CAClB,MAAAC,EACA,UAAAC,EACA,cAAAC,EACA,GAAGC,CACL,EAIyB,CACvB,MAAMC,EAAiBR,EAAQ,IACzB,OAAOI,GAAU,SACZN,EAACC,EAAA,CAAK,UAAWG,EAAG,4BAA6BI,CAAa,EAAG,KAAMF,EAAO,EAGnFN,EAAC,MAAG,UAAU,mBACX,SAAAM,GAAO,IAAI,CAACK,EAAMC,IACjBZ,EAAC,MAAe,UAAWI,EAAG,qBAAqB,EACjD,SAAAJ,EAACC,EAAA,CACC,GAAG,MACH,UAAWG,EAAG,yDAA0DI,CAAa,EACrF,KAAMG,EACP,GALMC,CAMT,CACD,EACH,EAGH,CAACJ,EAAeF,CAAK,CAAC,EAEzB,OACEN,EAACG,EAAA,CAAsB,UAAWC,EAAG,yBAA0BG,CAAS,EAAI,GAAGE,EAC5E,SAAAC,EACH,CAEJ,CAEA,IAAOG,EAAQR",
+  "names": ["jsx", "Text", "useMemo", "CreditsModalContainer", "cn", "RulesModal", "rules", "className", "ruleClassName", "props", "rulesComponent", "rule", "index", "rulesModal_default"]
+}

package/dist/esm/components/credits/modal/tip.d.ts

@@ -0,0 +1,5 @@
+declare function Tip({ info, index }: {
+    info: string;
+    index: number;
+}): import("react/jsx-runtime").JSX.Element;
+export default Tip;

package/dist/esm/components/credits/modal/tip.js

@@ -0,0 +1,2 @@
+import{jsx as e,jsxs as s}from"react/jsx-runtime";import a from"classnames";import{useState as i}from"react";function n({info:l,index:o}){const[p,t]=i(!1);return s("div",{className:"relative ml-[6px] cursor-pointer",onClick:()=>{t(!p)},role:"button",tabIndex:0,onKeyDown:r=>{(r.key==="Enter"||r.key===" ")&&r.preventDefault()},onMouseOver:()=>{t(!0)},onFocus:()=>{t(!0)},onMouseLeave:()=>{t(!1)},onBlur:()=>{t(!1)},children:[e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M9 18C13.9706 18 18 13.9706 18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18ZM9.765 10.7118H8.316C8.316 9.71658 8.95624 9.11788 9.5487 8.56386C10.0589 8.08679 10.5336 7.64285 10.5336 7.0074C10.5336 6.2766 9.9918 5.9112 9.1854 5.9112C8.3916 5.9112 7.7994 6.327 7.5474 7.0704L6.3 6.3648C6.7788 5.13 7.938 4.5 9.2232 4.5C10.6218 4.5 11.9826 5.3316 11.9826 6.9192C11.9826 7.95842 11.3297 8.58584 10.7324 9.15979C10.2289 9.64359 9.765 10.0894 9.765 10.7118ZM9.9918 12.69C9.9918 13.2066 9.5634 13.635 9.0468 13.635C8.5176 13.635 8.1018 13.2066 8.1018 12.69C8.1018 12.1608 8.5176 11.745 9.0468 11.745C9.5634 11.745 9.9918 12.1608 9.9918 12.69Z",fill:"#999999"})}),s("div",{className:a("absolute -right-[14px] hidden min-w-[300px] shadow-[0px_1px_12px_0px_rgba(0,0,0,0.12)]",o===0?"top-[33px]":"bottom-[33px]",p&&"!block"),children:[e("i",{className:"absolute right-[8px] blur-[12px]",style:o===0?{top:"-9px",borderRight:"16px solid transparent ",borderLeft:"16px solid transparent ",borderBottom:"8px solid rgba(0,0,0,0.12)"}:{bottom:"-9px",borderRight:"16px solid transparent ",borderLeft:"16px solid transparent ",borderTop:"8px solid rgba(0,0,0,0.12)"}}),e("i",{className:"absolute right-[8px]",style:o===0?{top:"-7px",borderRight:"16px solid transparent ",borderLeft:"16px solid transparent ",borderBottom:"8px solid #fff "}:{bottom:"-7px",borderRight:"16px solid transparent ",borderLeft:"16px solid transparent ",borderTop:"8px solid #fff "}}),e("p",{className:"relative block rounded-[4px] bg-white px-[14px] py-[12px]",children:e("span",{className:"block text-left text-[14px] font-semibold leading-[1.4] text-[#333]",children:l})})]})]})}var b=n;export{b as default};
+//# sourceMappingURL=tip.js.map

package/dist/esm/components/credits/modal/tip.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/credits/modal/tip.tsx"],
+  "sourcesContent": ["import classNames from 'classnames'\nimport { useState } from 'react'\n\nfunction Tip({ info, index }: { info: string; index: number }) {\n  const [show, setShow] = useState(false)\n\n  return (\n    <div\n      className=\"relative ml-[6px] cursor-pointer\"\n      onClick={() => {\n        setShow(!show)\n      }}\n      role=\"button\"\n      tabIndex={0}\n      onKeyDown={e => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault()\n        }\n      }}\n      onMouseOver={() => {\n        setShow(true)\n      }}\n      onFocus={() => {\n        setShow(true)\n      }}\n      onMouseLeave={() => {\n        setShow(false)\n      }}\n      onBlur={() => {\n        setShow(false)\n      }}\n    >\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M9 18C13.9706 18 18 13.9706 18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18ZM9.765 10.7118H8.316C8.316 9.71658 8.95624 9.11788 9.5487 8.56386C10.0589 8.08679 10.5336 7.64285 10.5336 7.0074C10.5336 6.2766 9.9918 5.9112 9.1854 5.9112C8.3916 5.9112 7.7994 6.327 7.5474 7.0704L6.3 6.3648C6.7788 5.13 7.938 4.5 9.2232 4.5C10.6218 4.5 11.9826 5.3316 11.9826 6.9192C11.9826 7.95842 11.3297 8.58584 10.7324 9.15979C10.2289 9.64359 9.765 10.0894 9.765 10.7118ZM9.9918 12.69C9.9918 13.2066 9.5634 13.635 9.0468 13.635C8.5176 13.635 8.1018 13.2066 8.1018 12.69C8.1018 12.1608 8.5176 11.745 9.0468 11.745C9.5634 11.745 9.9918 12.1608 9.9918 12.69Z\"\n          fill=\"#999999\"\n        />\n      </svg>\n      <div\n        className={classNames(\n          'absolute -right-[14px] hidden min-w-[300px] shadow-[0px_1px_12px_0px_rgba(0,0,0,0.12)]',\n          index === 0 ? 'top-[33px]' : 'bottom-[33px]',\n          show && '!block'\n        )}\n      >\n        <i\n          className=\"absolute right-[8px] blur-[12px]\"\n          style={\n            index === 0\n              ? {\n                  top: '-9px',\n                  borderRight: '16px solid transparent ',\n                  borderLeft: '16px solid transparent ',\n                  borderBottom: '8px solid rgba(0,0,0,0.12)',\n                }\n              : {\n                  bottom: '-9px',\n                  borderRight: '16px solid transparent ',\n                  borderLeft: '16px solid transparent ',\n                  borderTop: '8px solid rgba(0,0,0,0.12)',\n                }\n          }\n        ></i>\n        <i\n          className=\"absolute right-[8px]\"\n          style={\n            index === 0\n              ? {\n                  top: '-7px',\n                  borderRight: '16px solid transparent ',\n                  borderLeft: '16px solid transparent ',\n                  borderBottom: '8px solid #fff ',\n                }\n              : {\n                  bottom: '-7px',\n                  borderRight: '16px solid transparent ',\n                  borderLeft: '16px solid transparent ',\n                  borderTop: '8px solid #fff ',\n                }\n          }\n        ></i>\n        <p className=\"relative block rounded-[4px] bg-white px-[14px] py-[12px]\">\n          <span className=\"block text-left text-[14px] font-semibold leading-[1.4] text-[#333]\">{info}</span>\n        </p>\n      </div>\n    </div>\n  )\n}\n\nexport default Tip\n"],
+  "mappings": "AAiCQ,cAAAA,EAOF,QAAAC,MAPE,oBAjCR,OAAOC,MAAgB,aACvB,OAAS,YAAAC,MAAgB,QAEzB,SAASC,EAAI,CAAE,KAAAC,EAAM,MAAAC,CAAM,EAAoC,CAC7D,KAAM,CAACC,EAAMC,CAAO,EAAIL,EAAS,EAAK,EAEtC,OACEF,EAAC,OACC,UAAU,mCACV,QAAS,IAAM,CACbO,EAAQ,CAACD,CAAI,CACf,EACA,KAAK,SACL,SAAU,EACV,UAAWE,GAAK,EACVA,EAAE,MAAQ,SAAWA,EAAE,MAAQ,MACjCA,EAAE,eAAe,CAErB,EACA,YAAa,IAAM,CACjBD,EAAQ,EAAI,CACd,EACA,QAAS,IAAM,CACbA,EAAQ,EAAI,CACd,EACA,aAAc,IAAM,CAClBA,EAAQ,EAAK,CACf,EACA,OAAQ,IAAM,CACZA,EAAQ,EAAK,CACf,EAEA,UAAAR,EAAC,OAAI,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACtF,SAAAA,EAAC,QACC,YAAU,UACV,YAAU,UACV,EAAE,8pBACF,KAAK,UACP,EACF,EACAC,EAAC,OACC,UAAWC,EACT,yFACAI,IAAU,EAAI,aAAe,gBAC7BC,GAAQ,QACV,EAEA,UAAAP,EAAC,KACC,UAAU,mCACV,MACEM,IAAU,EACN,CACE,IAAK,OACL,YAAa,0BACb,WAAY,0BACZ,aAAc,4BAChB,EACA,CACE,OAAQ,OACR,YAAa,0BACb,WAAY,0BACZ,UAAW,4BACb,EAEP,EACDN,EAAC,KACC,UAAU,uBACV,MACEM,IAAU,EACN,CACE,IAAK,OACL,YAAa,0BACb,WAAY,0BACZ,aAAc,iBAChB,EACA,CACE,OAAQ,OACR,YAAa,0BACb,WAAY,0BACZ,UAAW,iBACb,EAEP,EACDN,EAAC,KAAE,UAAU,4DACX,SAAAA,EAAC,QAAK,UAAU,sEAAuE,SAAAK,EAAK,EAC9F,GACF,GACF,CAEJ,CAEA,IAAOK,EAAQN",
+  "names": ["jsx", "jsxs", "classNames", "useState", "Tip", "info", "index", "show", "setShow", "e", "tip_default"]
+}

package/dist/esm/components/credits/type.d.ts

@@ -0,0 +1,55 @@
+import type { Product, ProductVariant } from '@anker-in/lib';
+import type { AlpcConsumeType, ConsumeType } from './context/const';
+export interface Subscription {
+    preference: {
+        subscribe: boolean;
+        brand: string;
+    }[];
+}
+export type RedeemableItem = {
+    config: {
+        title: string;
+        desc: string;
+        rules: string[];
+        image: {
+            url: string;
+        };
+        type: ConsumeType;
+        value: string;
+    };
+    alpc: {
+        id: string;
+        consumeCredits: number;
+        remainingInventory: number;
+        isLimited: boolean;
+        consumeType: AlpcConsumeType;
+        showCredit: boolean;
+        title: string;
+    };
+    product: Product;
+    variant: ProductVariant;
+};
+export interface ShippingCountry {
+    id: string;
+    name: string;
+    code: string;
+    provinces: {
+        id: string;
+        name: string;
+        code: string;
+    }[];
+}
+export interface ShippingZone {
+    name: string;
+    countries: ShippingCountry[];
+}
+export type CreditsPageCommon = {
+    pointUnit: string;
+    ruleLabel: string;
+    soldOut: string;
+    imageMapping: {
+        [key in ConsumeType]: {
+            url: string;
+        };
+    };
+};

package/dist/esm/components/credits/type.js

@@ -0,0 +1 @@
+//# sourceMappingURL=type.js.map

package/dist/esm/components/credits/type.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/components/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Chat } from './chat/index';
+export { Role, ActionExecutionMessage, TextMessage, useCopilotChat, useCopilotAction, useCopilotReadable, } from './chat/utils';
+export * from './credits/index';

package/dist/esm/components/index.js

@@ -0,0 +1,2 @@
+import{default as t}from"./chat/index";import{Role as s,ActionExecutionMessage as i,TextMessage as l,useCopilotChat as p,useCopilotAction as r,useCopilotReadable as u}from"./chat/utils";export*from"./credits/index";export{i as ActionExecutionMessage,t as Chat,s as Role,l as TextMessage,r as useCopilotAction,p as useCopilotChat,u as useCopilotReadable};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/index.ts"],
+  "sourcesContent": ["// eslint-disable-next-line import/extensions\n\nexport { default as Chat } from './chat/index'\n\nexport {\n  Role,\n  ActionExecutionMessage,\n  TextMessage,\n  useCopilotChat,\n  useCopilotAction,\n  useCopilotReadable,\n} from './chat/utils'\n\nexport * from './credits/index'\n"],
+  "mappings": "AAEA,OAAoB,WAAXA,MAAuB,eAEhC,OACE,QAAAC,EACA,0BAAAC,EACA,eAAAC,EACA,kBAAAC,EACA,oBAAAC,EACA,sBAAAC,MACK,eAEP,WAAc",
+  "names": ["default", "Role", "ActionExecutionMessage", "TextMessage", "useCopilotChat", "useCopilotAction", "useCopilotReadable"]
+}

package/dist/esm/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/esm/debug-env.js

@@ -0,0 +1,2 @@
+const _=()=>(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||""});export{_ as debugEnv};
+//# sourceMappingURL=debug-env.js.map

package/dist/esm/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": "AACO,MAAMA,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": ["debugEnv"]
+}

package/dist/esm/helpers/fetchResponse.d.ts

@@ -0,0 +1,14 @@
+export declare function getAsyncError(res: {
+    json: () => any;
+    status: any;
+    statusText: any;
+}): Promise<{
+    status: any;
+    statusText: any;
+    errors: any;
+    type: any;
+    data: any;
+    message: any;
+} | undefined>;
+declare const handleFetchResponse: (res: Response) => Promise<any>;
+export default handleFetchResponse;

package/dist/esm/helpers/fetchResponse.js

@@ -0,0 +1,2 @@
+async function e(a){try{const t=await a.json();return{status:a.status,statusText:a.statusText,errors:t?.data?.error||t?.data?.code||a.statusText||a.status,type:t?.data?.type,data:t?.data,message:t?.data?.message}}catch(t){console.log(t)}}const o=async a=>{if(a.ok)try{const t=await a.json(),{errors:s}=t;return s&&s.length?{errors:s,status:a.status}:t}catch(t){console.log(t)}return await e(a)};var n=o;export{n as default,e as getAsyncError};
+//# sourceMappingURL=fetchResponse.js.map

package/dist/esm/helpers/fetchResponse.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/fetchResponse.ts"],
+  "sourcesContent": ["export async function getAsyncError(res: { json: () => any; status: any; statusText: any }) {\n  try {\n    const result = await res.json()\n    return {\n      status: res.status,\n      statusText: res.statusText,\n      errors: result?.data?.error || result?.data?.code || res.statusText || res.status,\n      type: result?.data?.type,\n      data: result?.data,\n      message: result?.data?.message,\n    }\n  } catch (error) {\n    console.log(error)\n  }\n}\n\nconst handleFetchResponse = async (res: Response) => {\n  if (res.ok) {\n    try {\n      const result = await res.json()\n      const { errors } = result\n      if (errors && errors.length) {\n        return { errors, status: res.status }\n      }\n\n      return result\n    } catch (error) {\n      console.log(error)\n    }\n  }\n\n  return await getAsyncError(res)\n}\n\nexport default handleFetchResponse\n"],
+  "mappings": "AAAA,eAAsBA,EAAcC,EAAwD,CAC1F,GAAI,CACF,MAAMC,EAAS,MAAMD,EAAI,KAAK,EAC9B,MAAO,CACL,OAAQA,EAAI,OACZ,WAAYA,EAAI,WAChB,OAAQC,GAAQ,MAAM,OAASA,GAAQ,MAAM,MAAQD,EAAI,YAAcA,EAAI,OAC3E,KAAMC,GAAQ,MAAM,KACpB,KAAMA,GAAQ,KACd,QAASA,GAAQ,MAAM,OACzB,CACF,OAASC,EAAO,CACd,QAAQ,IAAIA,CAAK,CACnB,CACF,CAEA,MAAMC,EAAsB,MAAOH,GAAkB,CACnD,GAAIA,EAAI,GACN,GAAI,CACF,MAAMC,EAAS,MAAMD,EAAI,KAAK,EACxB,CAAE,OAAAI,CAAO,EAAIH,EACnB,OAAIG,GAAUA,EAAO,OACZ,CAAE,OAAAA,EAAQ,OAAQJ,EAAI,MAAO,EAG/BC,CACT,OAASC,EAAO,CACd,QAAQ,IAAIA,CAAK,CACnB,CAGF,OAAO,MAAMH,EAAcC,CAAG,CAChC,EAEA,IAAOK,EAAQF",
+  "names": ["getAsyncError", "res", "result", "error", "handleFetchResponse", "errors", "fetchResponse_default"]
+}

package/dist/esm/helpers/fetcher.d.ts

@@ -0,0 +1,2 @@
+declare const fetcher: ({ locale, url, method, headers, repeatKey, body, type, timeout, }: any) => Promise<any>;
+export default fetcher;

package/dist/esm/helpers/fetcher.js

@@ -0,0 +1,2 @@
+import f from"./fetchResponse";const g=e=>e!==null&&typeof e=="object"&&!Array.isArray(e),y=async({locale:e="en",url:s,method:a="POST",headers:l={},repeatKey:p,body:r,type:c,timeout:t=9e4})=>{let n="";c==="uploadFile"?n=r:n=r?JSON.stringify(r):"";const o=new AbortController;t&&setTimeout(()=>o.abort(),t);const i=await fetch(s,{method:a,mode:"cors",headers:{"current-language":e,...l},...t&&{signal:o.signal},...a!=="GET"&&{body:n}});return f(i)};var u=y;export{u as default};
+//# sourceMappingURL=fetcher.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/fetcher.ts"],
+  "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": "AAAA,OAAOA,MAAyB,kBAEhC,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,OAAOZ,EAAoBc,CAAI,CACjC,EAEA,IAAOC,EAAQZ",
+  "names": ["handleFetchResponse", "isObject", "value", "fetcher", "locale", "url", "method", "headers", "repeatKey", "body", "type", "timeout", "bodyData", "controller", "data", "fetcher_default"]
+}

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

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

package/dist/esm/helpers/index.js

@@ -0,0 +1,2 @@
+import{cn as p}from"./utils";import{noop as f}from"./utils";export{p as cn,f as noop};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/index.ts"],
+  "sourcesContent": ["export { cn } from './utils'\nexport { noop } from './utils'\n"],
+  "mappings": "AAAA,OAAS,MAAAA,MAAU,UACnB,OAAS,QAAAC,MAAY",
+  "names": ["cn", "noop"]
+}

package/dist/esm/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/esm/helpers/track.js

@@ -0,0 +1,2 @@
+const r=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 t({position:e,label:n}){r({event:"ga4Event",event_name:"lp_button",event_parameters:{page_group:"soundcoreCredits Rewards Program",position:e,button_name:n}})}const a=(...e)=>{if(typeof window>"u")return"";window.fbq&&window.fbq(...e)},o=(...e)=>{if(typeof window>"u")return"";window.gtag&&window.gtag(...e)},i=({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-","");export{a as fbq,t as gaNormalClick,r as gaTrack,i as getGtmGroup,o as gtag};
+//# sourceMappingURL=track.js.map

package/dist/esm/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": "AAUO,MAAMA,EAAWC,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,SAASC,EAAc,CAAE,SAAAC,EAAU,MAAAC,CAAM,EAAwC,CACtFL,EAAQ,CACN,MAAO,WACP,WAAY,YACZ,iBAAkB,CAChB,WAAY,mCACZ,SAAUI,EACV,YAAaC,CACf,CACF,CAAC,CACH,CAGO,MAAMC,EAAM,IAAIC,IAAgB,CACrC,GAAI,OAAO,OAAW,IACpB,MAAO,GAEL,OAAO,KACT,OAAO,IAAI,GAAGA,CAAI,CAEtB,EAEaC,EAAO,IAAID,IAAgB,CACtC,GAAI,OAAO,OAAW,IACpB,MAAO,GAEL,OAAO,MACT,OAAO,KAAK,GAAGA,CAAI,CAEvB,EAEaE,EAAc,CAAC,CAAE,MAAAC,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": ["gaTrack", "data", "error", "gaNormalClick", "position", "label", "fbq", "args", "gtag", "getGtmGroup", "query", "asPath"]
+}

package/dist/esm/helpers/utils.d.ts

@@ -0,0 +1,3 @@
+import { type ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;
+export declare function noop(): any;

package/dist/esm/helpers/utils.js

@@ -0,0 +1,2 @@
+import{clsx as r}from"clsx";import{twMerge as t}from"tailwind-merge";function p(...o){return t(r(o))}function a(){}export{p as cn,a as noop};
+//# sourceMappingURL=utils.js.map

package/dist/esm/helpers/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/utils.ts"],
+  "sourcesContent": ["import { clsx, type ClassValue } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n\nexport function noop(): any {}\n"],
+  "mappings": "AAAA,OAAS,QAAAA,MAA6B,OACtC,OAAS,WAAAC,MAAe,iBAEjB,SAASC,KAAMC,EAAsB,CAC1C,OAAOF,EAAQD,EAAKG,CAAM,CAAC,CAC7B,CAEO,SAASC,GAAY,CAAC",
+  "names": ["clsx", "twMerge", "cn", "inputs", "noop"]
+}

package/dist/esm/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components/index';
+export * from '@anker-in/lib';

package/dist/esm/index.js

@@ -0,0 +1,2 @@
+export*from"./components/index";export*from"@anker-in/lib";
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["export * from './components/index'\n\n// \u5BFC\u51FA Shopify \u76F8\u5173\u6A21\u5757\nexport * from '@anker-in/lib'\n"],
+  "mappings": "AAAA,WAAc,qBAGd,WAAc",
+  "names": []
+}

package/dist/esm/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}

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

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

package/dist/esm/stories/chat.stories.js

@@ -0,0 +1,2 @@
+import{jsx as t}from"react/jsx-runtime";import{Chat as e}from"../components/index";import"../styles/chat.css";const a={title:"Campaign/Chat",component:e,args:{title:"DTC Live Chat",runtimeUrl:"https://beta-api-livechat.anker.com",shopifyDomain:"soundcoreusa.myshopify.com"},tags:["autodocs"],decorators:[o=>t("div",{style:{height:"700px"},children:t(o,{})})]};var m=a;const n={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]}}};export{n as Default,m as default};
+//# sourceMappingURL=chat.stories.js.map

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

@@ -0,0 +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'\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": "AAuBQ,cAAAA,MAAA,oBArBR,OAAS,QAAAC,MAAY,sBACrB,MAAO,qBAKP,MAAMC,EAA0B,CAE9B,MAAO,gBACP,UAAWD,EACX,KAAM,CACJ,MAAO,gBACP,WAAY,sCACZ,cAAe,4BACjB,EAEA,KAAM,CAAC,UAAU,EAEjB,WAAY,CACVE,GACEH,EAAC,OAAI,MAAO,CAAE,OAAQ,OAAQ,EAC5B,SAAAA,EAACG,EAAA,EAAM,EACT,CAEJ,CACF,EAEA,IAAOC,EAAQF,EAER,MAAMG,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": ["jsx", "Chat", "meta", "Story", "chat_stories_default", "Default"]
+}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@anker-in/campaign-ui",
-  "version": "0.2.10-beta.22",
+  "version": "0.2.10-beta.24",
   "description": "Campaign UI components and utilities for Anker projects",
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/esm/index.d.ts",
   "exports": {
     ".": {
       "import": {
@@ -89,8 +89,8 @@
     "swiper": "^11.1.3",
     "tailwind-merge": "^2.3.0",
     "tailwindcss": "^3.4.3",
-    "@anker-in/headless-ui": "1.0.19",
-    "@anker-in/lib": "0.0.0-beta.2"
+    "@anker-in/lib": "0.0.0-beta.1",
+    "@anker-in/headless-ui": "1.0.19"
   },
   "publishConfig": {
     "access": "public",
@@ -102,11 +102,12 @@
   "scripts": {
     "dev": "pnpm run dev:css & tsup --watch",
     "dev:css": "postcss src/styles/global.css -o style.css --watch",
-    "build": "pnpm run build:css & pnpm run build:js:esm & pnpm run build:js:cjs & pnpm run build:types",
-    "build:css": "postcss src/styles/global.css -o style.css",
+    "build": "pnpm run build:css & pnpm run build:js:esm & pnpm run build:js:cjs & pnpm run build:js:esm:types & pnpm run build:js:cjs:types",
     "build:js:cjs": "node esbuild-cjs.mjs",
+    "build:js:cjs:types": "tsc --outdir dist/cjs",
     "build:js:esm": "node esbuild-esm.mjs",
-    "build:types": "tsc --outdir dist",
+    "build:js:esm:types": "tsc --outdir dist/esm",
+    "build:css": "postcss src/styles/global.css -o style.css",
     "lint": "eslint \"src/**/*.ts*\"",
     "test": "echo run @anker-in/campaign-ui tests",
     "type-check": "tsc --noEmit",