@anker-in/campaign-ui 0.5.16 → 0.5.18

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/credits/modal/ActivitiesModal.tsx"],
-  "sourcesContent": ["import { useCallback, useMemo, useState } from 'react'\nimport { useCreditsContext } from '../context/provider'\nimport { CreditType, DTC_TASK_TYPE, TaskSubType, TaskType } from '../context/const'\nimport useActivities from '../context/hooks/useActivities'\nimport type { Task } from '../context/response'\nimport { CreditsModalContainer, type ModalContainerProps } from './ModalContainer'\nimport { classNames as cn, useHeadlessContext } from '@anker-in/lib'\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from '@anker-in/headless-ui'\nimport LoadingDots from './LoadingDots'\nimport { Picture, Text } from '@anker-in/headless-ui'\nimport { ROUNDED_BRANDS } from '../../../constants'\nimport dayjs from 'dayjs'\n\nexport interface MyActivitiesMetafields {\n  title: string\n  tips: string\n  allTab: string\n  earnedTab: string\n  deductedTab: string\n  expiredTab: string\n  activationTask: string\n  updateNameTask: string\n  updatePhoneTask: string\n  updateBirthdayTask: string\n  updateAppNameTask: string\n  subscriptionTask: string\n  refundTask: string\n  productUnApprovedTask: string\n  pendingTips?: string\n  pendingTips2?: string\n  firstPurchaseTask: string\n  uploadReceiptTask: string\n  shoppingTask: string\n  emptyListImage: {\n    url: string\n    alt?: string\n  }\n  emptyListLabel: string\n}\n\ninterface ActivitiesModalProps extends ModalContainerProps {\n  data: MyActivitiesMetafields\n}\n\nfunction ActivitiesModal({ data, ...props }: ActivitiesModalProps) {\n  const [page, setPage] = useState(1)\n  const { taskIdToTypeMapping, taskNameMapping } = useCreditsContext()\n  const { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  const myActivitiesOptions = useMemo(() => {\n    return {\n      page: props.isOpen ? page : 0,\n      pageSize: 1000,\n    }\n  }, [props.isOpen, page])\n\n  const tabs = useMemo(() => {\n    const tabs = [\n      {\n        title: data.allTab,\n        type: CreditType.All,\n      },\n      {\n        title: data.earnedTab,\n        type: CreditType.Earned,\n      },\n      {\n        title: data.deductedTab,\n        type: CreditType.Deducted,\n      },\n    ]\n    if (data.expiredTab) {\n      tabs.push({\n        title: data.expiredTab,\n        type: CreditType.Expired,\n      })\n    }\n    return tabs\n  }, [data])\n\n  const { activities = [], canNext, isLoading } = useActivities(myActivitiesOptions)\n\n  const allList = useMemo(() => {\n    const taskNameMap = {\n      [TaskSubType.Activation]: data.activationTask,\n      [TaskSubType.UpdateName]: data.updateNameTask,\n      [TaskSubType.UpdatePhone]: data.updatePhoneTask,\n      [TaskSubType.UpdateBirthday]: data.updateBirthdayTask,\n      [TaskSubType.Subscription]: data.subscriptionTask,\n      [TaskSubType.UpadteAppName]: data.updateAppNameTask,\n      [TaskSubType.Refund]: data.refundTask,\n      [TaskSubType.ProductUnApproved]: data.productUnApprovedTask,\n    }\n    const dtcTaskTypeToNameMap = {\n      [DTC_TASK_TYPE.FirstPurchase]: data.firstPurchaseTask,\n      [DTC_TASK_TYPE.UploadReceipt]: data.uploadReceiptTask,\n      [DTC_TASK_TYPE.Shopping]: data.shoppingTask,\n    }\n\n    function getTitle(item: Task) {\n      if (taskNameMapping?.[item.task_name]) {\n        return taskNameMapping?.[item.task_name]\n      }\n\n      if (\n        item.task_type === TaskType.Redeem &&\n        item.task_sub_type === TaskSubType.ProductUnApproved &&\n        data.productUnApprovedTask\n      ) {\n        // \u65B0\u589E\u7684\u90E8\u5206\u4EFB\u52A1\u90FD\u4F7F\u7528\u4E86 alpc \u540C\u4E00\u4E2A\u4EFB\u52A1\u7C7B\u578B\uFF0C\u9700\u8981\u7528\u4EFB\u52A1 id \u6765\u533A\u5206\n        return item.task_name.replace('Refund', data.productUnApprovedTask)\n      } else if (taskIdToTypeMapping?.[String(item.task_rule_id)]) {\n        return dtcTaskTypeToNameMap[taskIdToTypeMapping?.[String(item.task_rule_id)]] || item.task_name\n      } else {\n        return taskNameMap[item.task_sub_type] || item.task_name\n      }\n    }\n\n    return activities.map(item => ({\n      title: getTitle(item),\n      date: new Date(item.create_time * 1000),\n      value: item.credit,\n      type: item.credit_type,\n      pending_time: item.pending_time,\n      credit_type: item.credit_type,\n      status: item.status,\n    }))\n  }, [\n    data.activationTask,\n    data.updateNameTask,\n    data.updatePhoneTask,\n    data.updateBirthdayTask,\n    data.subscriptionTask,\n    data.updateAppNameTask,\n    data.refundTask,\n    data.productUnApprovedTask,\n    data.firstPurchaseTask,\n    data.uploadReceiptTask,\n    data.shoppingTask,\n    activities,\n    taskIdToTypeMapping,\n  ])\n\n  const normalizeValue = useCallback((item: (typeof allList)[number]) => {\n    let { value, ...otherItem } = item\n    if (item.type === CreditType.Deducted && value > 0) {\n      value = -value\n    }\n    return { value, ...otherItem }\n  }, [])\n\n  // \u6309 tab \u7C7B\u578B\u9884\u8BA1\u7B97\u5217\u8868\uFF0C\u914D\u5408 TabsContent \u58F0\u660E\u5F0F\u6E32\u67D3\uFF0C\u907F\u514D\u624B\u52A8 activeTab \u6570\u503C\u6BD4\u8F83\n  const listByTab = useMemo(() => {\n    const map = new Map<CreditType, ReturnType<typeof normalizeValue>[]>()\n    map.set(CreditType.All, allList.map(normalizeValue))\n    map.set(CreditType.Earned, allList.filter(item => item.type === 1).map(normalizeValue))\n    map.set(CreditType.Deducted, allList.filter(item => item.type === 2 && item.status !== 3).map(normalizeValue))\n    map.set(CreditType.Expired, allList.filter(item => item.type === 2 && item.status === 3).map(normalizeValue))\n    return map\n  }, [allList, normalizeValue])\n\n  const handleScrollEnd = useCallback(() => {\n    if (!canNext) {\n      return\n    }\n    setPage(page + 1)\n  }, [page, canNext])\n\n  const renderList = (list: ReturnType<typeof normalizeValue>[]) => (\n    <>\n      <div className=\"grid gap-[18px] md:gap-[12px]\">\n        {isLoading && (\n          <div className=\"flex flex-1 flex-col items-center justify-center\">\n            <LoadingDots />\n          </div>\n        )}\n\n        {!isLoading && (\n          <>\n            {list.length > 0 ? (\n              list.map((item, index) => (\n                <div\n                  key={index}\n                  className={cn(\n                    'flex h-fit items-center justify-between rounded-[8px] bg-[#f2f0f1] px-[16px] py-[20px] text-[16px]',\n                    !rounded && 'rounded-none'\n                  )}\n                >\n                  <div className=\"grid gap-[6px]\">\n                    <div className=\"font-bold\">{item.title}</div>\n                    <div className=\"text-[14px] font-semibold text-[#999]\">\n                      {dayjs(item.date).format('YYYY-MM-DD HH:mm').toString()}\n                    </div>\n                    {!data.pendingTips && (\n                      <div\n                        className={`hidden text-[14px] font-semibold text-[#777] ${item.status === 2 && item.credit_type === 1 ? '!flex' : ''}`}\n                      >\n                        <Text html={data.pendingTips} />\n                        <span>{dayjs.unix(item.pending_time).add(1, 'day').format('YYYY-MM-DD')}</span>\n                        {data.pendingTips2 && <Text html={data.pendingTips2} />}\n                      </div>\n                    )}\n                  </div>\n                  <div\n                    className={cn(\n                      'font-bold',\n                      item.value >= 0 || item.credit_type === CreditType.Expired ? 'text-[#52C41A]' : 'text-[#F84D4F]'\n                    )}\n                  >\n                    {item.value >= 0 && '+'}\n                    {item.value}\n                  </div>\n                </div>\n              ))\n            ) : (\n              <div className=\"flex flex-col items-center justify-center py-[40px]\">\n                <Picture\n                  className=\"mb-[16px] h-[120px] w-[160px]\"\n                  source={data?.emptyListImage?.url}\n                  alt={data?.emptyListImage?.alt || 'empty list image'}\n                ></Picture>\n                <div className=\"leading-1.4 text-[16px] font-semibold\">{data?.emptyListLabel}</div>\n              </div>\n            )}\n          </>\n        )}\n      </div>\n      {/* \u79EF\u5206\u5230\u8D26\u65F6\u95F4\u63D0\u9192 */}\n      {list.length > 0 && <div className=\"mt-[12px] pb-[24px] text-[14px] font-semibold text-[#999]\">{data.tips}</div>}\n    </>\n  )\n\n  return (\n    <CreditsModalContainer\n      title={data.title}\n      className={cn('h-[800px] w-[640px]')}\n      useAnimation\n      animationClassName=\"md:translate-y-[100vh]\"\n      scrollClassName=\"flex flex-col\"\n      {...props}\n      onScrollEnd={handleScrollEnd}\n    >\n      <Tabs\n        align=\"left\"\n        shape={rounded ? 'rounded' : 'square'}\n        defaultValue={tabs[0]?.type?.toString()}\n        className=\"flex-1 flex flex-col\"\n      >\n        <div className=\"w-full sticky top-0 bg-white z-10 pb-[24px] overflow-x-auto\">\n          <TabsList>\n            {tabs.map(tab => (\n              <TabsTrigger key={tab.type} value={tab.type.toString()}>\n                {tab.title}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n        </div>\n\n        {tabs.map(tab => (\n          <TabsContent key={tab.type} value={tab.type.toString()}>\n            {renderList(listByTab.get(tab.type) || [])}\n          </TabsContent>\n        ))}\n      </Tabs>\n    </CreditsModalContainer>\n  )\n}\n\nexport default ActivitiesModal\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useCallback, useMemo, useState } from 'react'\nimport { useCreditsContext } from '../context/provider'\nimport { CreditType, DTC_TASK_TYPE, TaskSubType, TaskType } from '../context/const'\nimport useActivities from '../context/hooks/useActivities'\nimport type { Task } from '../context/response'\nimport { CreditsModalContainer, type ModalContainerProps } from './ModalContainer'\nimport { classNames as cn, useHeadlessContext } from '../../../lib'\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from '@anker-in/headless-ui'\nimport LoadingDots from './LoadingDots'\nimport { Picture, Text } from '@anker-in/headless-ui'\nimport { ROUNDED_BRANDS } from '../../../constants'\nimport dayjs from 'dayjs'\n\nexport interface MyActivitiesMetafields {\n  title: string\n  tips: string\n  allTab: string\n  earnedTab: string\n  deductedTab: string\n  expiredTab: string\n  activationTask: string\n  updateNameTask: string\n  updatePhoneTask: string\n  updateBirthdayTask: string\n  updateAppNameTask: string\n  subscriptionTask: string\n  refundTask: string\n  productUnApprovedTask: string\n  pendingTips?: string\n  pendingTips2?: string\n  firstPurchaseTask: string\n  uploadReceiptTask: string\n  shoppingTask: string\n  emptyListImage: {\n    url: string\n    alt?: string\n  }\n  emptyListLabel: string\n}\n\ninterface ActivitiesModalProps extends ModalContainerProps {\n  data: MyActivitiesMetafields\n}\n\nfunction ActivitiesModal({ data, ...props }: ActivitiesModalProps) {\n  const [page, setPage] = useState(1)\n  const { taskIdToTypeMapping, taskNameMapping } = useCreditsContext()\n  const { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  const myActivitiesOptions = useMemo(() => {\n    return {\n      page: props.isOpen ? page : 0,\n      pageSize: 1000,\n    }\n  }, [props.isOpen, page])\n\n  const tabs = useMemo(() => {\n    const tabs = [\n      {\n        title: data.allTab,\n        type: CreditType.All,\n      },\n      {\n        title: data.earnedTab,\n        type: CreditType.Earned,\n      },\n      {\n        title: data.deductedTab,\n        type: CreditType.Deducted,\n      },\n    ]\n    if (data.expiredTab) {\n      tabs.push({\n        title: data.expiredTab,\n        type: CreditType.Expired,\n      })\n    }\n    return tabs\n  }, [data])\n\n  const { activities = [], canNext, isLoading } = useActivities(myActivitiesOptions)\n\n  const allList = useMemo(() => {\n    const taskNameMap = {\n      [TaskSubType.Activation]: data.activationTask,\n      [TaskSubType.UpdateName]: data.updateNameTask,\n      [TaskSubType.UpdatePhone]: data.updatePhoneTask,\n      [TaskSubType.UpdateBirthday]: data.updateBirthdayTask,\n      [TaskSubType.Subscription]: data.subscriptionTask,\n      [TaskSubType.UpadteAppName]: data.updateAppNameTask,\n      [TaskSubType.Refund]: data.refundTask,\n      [TaskSubType.ProductUnApproved]: data.productUnApprovedTask,\n    }\n    const dtcTaskTypeToNameMap = {\n      [DTC_TASK_TYPE.FirstPurchase]: data.firstPurchaseTask,\n      [DTC_TASK_TYPE.UploadReceipt]: data.uploadReceiptTask,\n      [DTC_TASK_TYPE.Shopping]: data.shoppingTask,\n    }\n\n    function getTitle(item: Task) {\n      if (taskNameMapping?.[item.task_name]) {\n        return taskNameMapping?.[item.task_name]\n      }\n\n      if (\n        item.task_type === TaskType.Redeem &&\n        item.task_sub_type === TaskSubType.ProductUnApproved &&\n        data.productUnApprovedTask\n      ) {\n        // \u65B0\u589E\u7684\u90E8\u5206\u4EFB\u52A1\u90FD\u4F7F\u7528\u4E86 alpc \u540C\u4E00\u4E2A\u4EFB\u52A1\u7C7B\u578B\uFF0C\u9700\u8981\u7528\u4EFB\u52A1 id \u6765\u533A\u5206\n        return item.task_name.replace('Refund', data.productUnApprovedTask)\n      } else if (taskIdToTypeMapping?.[String(item.task_rule_id)]) {\n        return dtcTaskTypeToNameMap[taskIdToTypeMapping?.[String(item.task_rule_id)]] || item.task_name\n      } else {\n        return taskNameMap[item.task_sub_type] || item.task_name\n      }\n    }\n\n    return activities.map(item => ({\n      title: getTitle(item),\n      date: new Date(item.create_time * 1000),\n      value: item.credit,\n      type: item.credit_type,\n      pending_time: item.pending_time,\n      credit_type: item.credit_type,\n      status: item.status,\n    }))\n  }, [\n    data.activationTask,\n    data.updateNameTask,\n    data.updatePhoneTask,\n    data.updateBirthdayTask,\n    data.subscriptionTask,\n    data.updateAppNameTask,\n    data.refundTask,\n    data.productUnApprovedTask,\n    data.firstPurchaseTask,\n    data.uploadReceiptTask,\n    data.shoppingTask,\n    activities,\n    taskIdToTypeMapping,\n  ])\n\n  const normalizeValue = useCallback((item: (typeof allList)[number]) => {\n    let { value, ...otherItem } = item\n    if (item.type === CreditType.Deducted && value > 0) {\n      value = -value\n    }\n    return { value, ...otherItem }\n  }, [])\n\n  // \u6309 tab \u7C7B\u578B\u9884\u8BA1\u7B97\u5217\u8868\uFF0C\u914D\u5408 TabsContent \u58F0\u660E\u5F0F\u6E32\u67D3\uFF0C\u907F\u514D\u624B\u52A8 activeTab \u6570\u503C\u6BD4\u8F83\n  const listByTab = useMemo(() => {\n    const map = new Map<CreditType, ReturnType<typeof normalizeValue>[]>()\n    map.set(CreditType.All, allList.map(normalizeValue))\n    map.set(CreditType.Earned, allList.filter(item => item.type === 1).map(normalizeValue))\n    map.set(CreditType.Deducted, allList.filter(item => item.type === 2 && item.status !== 3).map(normalizeValue))\n    map.set(CreditType.Expired, allList.filter(item => item.type === 2 && item.status === 3).map(normalizeValue))\n    return map\n  }, [allList, normalizeValue])\n\n  const handleScrollEnd = useCallback(() => {\n    if (!canNext) {\n      return\n    }\n    setPage(page + 1)\n  }, [page, canNext])\n\n  const renderList = (list: ReturnType<typeof normalizeValue>[]) => (\n    <>\n      <div className=\"grid gap-[18px] md:gap-[12px]\">\n        {isLoading && (\n          <div className=\"flex flex-1 flex-col items-center justify-center\">\n            <LoadingDots />\n          </div>\n        )}\n\n        {!isLoading && (\n          <>\n            {list.length > 0 ? (\n              list.map((item, index) => (\n                <div\n                  key={index}\n                  className={cn(\n                    'flex h-fit items-center justify-between rounded-[8px] bg-[#f2f0f1] px-[16px] py-[20px] text-[16px]',\n                    !rounded && 'rounded-none'\n                  )}\n                >\n                  <div className=\"grid gap-[6px]\">\n                    <div className=\"font-bold\">{item.title}</div>\n                    <div className=\"text-[14px] font-semibold text-[#999]\">\n                      {dayjs(item.date).format('YYYY-MM-DD HH:mm').toString()}\n                    </div>\n                    {!data.pendingTips && (\n                      <div\n                        className={`hidden text-[14px] font-semibold text-[#777] ${item.status === 2 && item.credit_type === 1 ? '!flex' : ''}`}\n                      >\n                        <Text html={data.pendingTips} />\n                        <span>{dayjs.unix(item.pending_time).add(1, 'day').format('YYYY-MM-DD')}</span>\n                        {data.pendingTips2 && <Text html={data.pendingTips2} />}\n                      </div>\n                    )}\n                  </div>\n                  <div\n                    className={cn(\n                      'font-bold',\n                      item.value >= 0 || item.credit_type === CreditType.Expired ? 'text-[#52C41A]' : 'text-[#F84D4F]'\n                    )}\n                  >\n                    {item.value >= 0 && '+'}\n                    {item.value}\n                  </div>\n                </div>\n              ))\n            ) : (\n              <div className=\"flex flex-col items-center justify-center py-[40px]\">\n                <Picture\n                  className=\"mb-[16px] h-[120px] w-[160px]\"\n                  source={data?.emptyListImage?.url}\n                  alt={data?.emptyListImage?.alt || 'empty list image'}\n                ></Picture>\n                <div className=\"leading-1.4 text-[16px] font-semibold\">{data?.emptyListLabel}</div>\n              </div>\n            )}\n          </>\n        )}\n      </div>\n      {/* \u79EF\u5206\u5230\u8D26\u65F6\u95F4\u63D0\u9192 */}\n      {list.length > 0 && <div className=\"mt-[12px] pb-[24px] text-[14px] font-semibold text-[#999]\">{data.tips}</div>}\n    </>\n  )\n\n  return (\n    <CreditsModalContainer\n      title={data.title}\n      className={cn('h-[800px] w-[640px]')}\n      useAnimation\n      animationClassName=\"md:translate-y-[100vh]\"\n      scrollClassName=\"flex flex-col\"\n      {...props}\n      onScrollEnd={handleScrollEnd}\n    >\n      <Tabs\n        align=\"left\"\n        shape={rounded ? 'rounded' : 'square'}\n        defaultValue={tabs[0]?.type?.toString()}\n        className=\"flex-1 flex flex-col\"\n      >\n        <div className=\"w-full sticky top-0 bg-white z-10 pb-[24px] overflow-x-auto\">\n          <TabsList>\n            {tabs.map(tab => (\n              <TabsTrigger key={tab.type} value={tab.type.toString()}>\n                {tab.title}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n        </div>\n\n        {tabs.map(tab => (\n          <TabsContent key={tab.type} value={tab.type.toString()}>\n            {renderList(listByTab.get(tab.type) || [])}\n          </TabsContent>\n        ))}\n      </Tabs>\n    </CreditsModalContainer>\n  )\n}\n\nexport default ActivitiesModal\n"],
+  "mappings": "AA8KY,OAKF,YAAAA,EALE,OAAAC,EAqBU,QAAAC,MArBV,oBA9KZ,OAAS,eAAAC,EAAa,WAAAC,EAAS,YAAAC,MAAgB,QAC/C,OAAS,qBAAAC,MAAyB,sBAClC,OAAS,cAAAC,EAAY,iBAAAC,EAAe,eAAAC,EAAa,YAAAC,MAAgB,mBACjE,OAAOC,MAAmB,iCAE1B,OAAS,yBAAAC,MAAuD,mBAChE,OAAS,cAAcC,EAAI,sBAAAC,MAA0B,eACrD,OAAS,QAAAC,EAAM,eAAAC,EAAa,YAAAC,EAAU,eAAAC,MAAmB,wBACzD,OAAOC,MAAiB,gBACxB,OAAS,WAAAC,EAAS,QAAAC,MAAY,wBAC9B,OAAS,kBAAAC,MAAsB,qBAC/B,OAAOC,MAAW,QAiClB,SAASC,EAAgB,CAAE,KAAAC,EAAM,GAAGC,CAAM,EAAyB,CACjE,KAAM,CAACC,EAAMC,CAAO,EAAIvB,EAAS,CAAC,EAC5B,CAAE,oBAAAwB,EAAqB,gBAAAC,CAAgB,EAAIxB,EAAkB,EAC7D,CAAE,MAAAyB,CAAM,EAAIjB,EAAmB,EAC/BkB,EAAUV,EAAe,SAASS,CAAK,EAEvCE,EAAsB7B,EAAQ,KAC3B,CACL,KAAMsB,EAAM,OAASC,EAAO,EAC5B,SAAU,GACZ,GACC,CAACD,EAAM,OAAQC,CAAI,CAAC,EAEjBO,EAAO9B,EAAQ,IAAM,CACzB,MAAM8B,EAAO,CACX,CACE,MAAOT,EAAK,OACZ,KAAMlB,EAAW,GACnB,EACA,CACE,MAAOkB,EAAK,UACZ,KAAMlB,EAAW,MACnB,EACA,CACE,MAAOkB,EAAK,YACZ,KAAMlB,EAAW,QACnB,CACF,EACA,OAAIkB,EAAK,YACPS,EAAK,KAAK,CACR,MAAOT,EAAK,WACZ,KAAMlB,EAAW,OACnB,CAAC,EAEI2B,CACT,EAAG,CAACT,CAAI,CAAC,EAEH,CAAE,WAAAU,EAAa,CAAC,EAAG,QAAAC,EAAS,UAAAC,CAAU,EAAI1B,EAAcsB,CAAmB,EAE3EK,EAAUlC,EAAQ,IAAM,CAC5B,MAAMmC,EAAc,CAClB,CAAC9B,EAAY,UAAU,EAAGgB,EAAK,eAC/B,CAAChB,EAAY,UAAU,EAAGgB,EAAK,eAC/B,CAAChB,EAAY,WAAW,EAAGgB,EAAK,gBAChC,CAAChB,EAAY,cAAc,EAAGgB,EAAK,mBACnC,CAAChB,EAAY,YAAY,EAAGgB,EAAK,iBACjC,CAAChB,EAAY,aAAa,EAAGgB,EAAK,kBAClC,CAAChB,EAAY,MAAM,EAAGgB,EAAK,WAC3B,CAAChB,EAAY,iBAAiB,EAAGgB,EAAK,qBACxC,EACMe,EAAuB,CAC3B,CAAChC,EAAc,aAAa,EAAGiB,EAAK,kBACpC,CAACjB,EAAc,aAAa,EAAGiB,EAAK,kBACpC,CAACjB,EAAc,QAAQ,EAAGiB,EAAK,YACjC,EAEA,SAASgB,EAASC,EAAY,CAC5B,OAAIZ,IAAkBY,EAAK,SAAS,EAC3BZ,IAAkBY,EAAK,SAAS,EAIvCA,EAAK,YAAchC,EAAS,QAC5BgC,EAAK,gBAAkBjC,EAAY,mBACnCgB,EAAK,sBAGEiB,EAAK,UAAU,QAAQ,SAAUjB,EAAK,qBAAqB,EACzDI,IAAsB,OAAOa,EAAK,YAAY,CAAC,EACjDF,EAAqBX,IAAsB,OAAOa,EAAK,YAAY,CAAC,CAAC,GAAKA,EAAK,UAE/EH,EAAYG,EAAK,aAAa,GAAKA,EAAK,SAEnD,CAEA,OAAOP,EAAW,IAAIO,IAAS,CAC7B,MAAOD,EAASC,CAAI,EACpB,KAAM,IAAI,KAAKA,EAAK,YAAc,GAAI,EACtC,MAAOA,EAAK,OACZ,KAAMA,EAAK,YACX,aAAcA,EAAK,aACnB,YAAaA,EAAK,YAClB,OAAQA,EAAK,MACf,EAAE,CACJ,EAAG,CACDjB,EAAK,eACLA,EAAK,eACLA,EAAK,gBACLA,EAAK,mBACLA,EAAK,iBACLA,EAAK,kBACLA,EAAK,WACLA,EAAK,sBACLA,EAAK,kBACLA,EAAK,kBACLA,EAAK,aACLU,EACAN,CACF,CAAC,EAEKc,EAAiBxC,EAAauC,GAAmC,CACrE,GAAI,CAAE,MAAAE,EAAO,GAAGC,CAAU,EAAIH,EAC9B,OAAIA,EAAK,OAASnC,EAAW,UAAYqC,EAAQ,IAC/CA,EAAQ,CAACA,GAEJ,CAAE,MAAAA,EAAO,GAAGC,CAAU,CAC/B,EAAG,CAAC,CAAC,EAGCC,EAAY1C,EAAQ,IAAM,CAC9B,MAAM2C,EAAM,IAAI,IAChB,OAAAA,EAAI,IAAIxC,EAAW,IAAK+B,EAAQ,IAAIK,CAAc,CAAC,EACnDI,EAAI,IAAIxC,EAAW,OAAQ+B,EAAQ,OAAOI,GAAQA,EAAK,OAAS,CAAC,EAAE,IAAIC,CAAc,CAAC,EACtFI,EAAI,IAAIxC,EAAW,SAAU+B,EAAQ,OAAOI,GAAQA,EAAK,OAAS,GAAKA,EAAK,SAAW,CAAC,EAAE,IAAIC,CAAc,CAAC,EAC7GI,EAAI,IAAIxC,EAAW,QAAS+B,EAAQ,OAAOI,GAAQA,EAAK,OAAS,GAAKA,EAAK,SAAW,CAAC,EAAE,IAAIC,CAAc,CAAC,EACrGI,CACT,EAAG,CAACT,EAASK,CAAc,CAAC,EAEtBK,EAAkB7C,EAAY,IAAM,CACnCiC,GAGLR,EAAQD,EAAO,CAAC,CAClB,EAAG,CAACA,EAAMS,CAAO,CAAC,EAEZa,EAAcC,GAClBhD,EAAAF,EAAA,CACE,UAAAE,EAAC,OAAI,UAAU,gCACZ,UAAAmC,GACCpC,EAAC,OAAI,UAAU,mDACb,SAAAA,EAACkB,EAAA,EAAY,EACf,EAGD,CAACkB,GACApC,EAAAD,EAAA,CACG,SAAAkD,EAAK,OAAS,EACbA,EAAK,IAAI,CAACR,EAAMS,IACdjD,EAAC,OAEC,UAAWW,EACT,qGACA,CAACmB,GAAW,cACd,EAEA,UAAA9B,EAAC,OAAI,UAAU,iBACb,UAAAD,EAAC,OAAI,UAAU,YAAa,SAAAyC,EAAK,MAAM,EACvCzC,EAAC,OAAI,UAAU,wCACZ,SAAAsB,EAAMmB,EAAK,IAAI,EAAE,OAAO,kBAAkB,EAAE,SAAS,EACxD,EACC,CAACjB,EAAK,aACLvB,EAAC,OACC,UAAW,gDAAgDwC,EAAK,SAAW,GAAKA,EAAK,cAAgB,EAAI,QAAU,EAAE,GAErH,UAAAzC,EAACoB,EAAA,CAAK,KAAMI,EAAK,YAAa,EAC9BxB,EAAC,QAAM,SAAAsB,EAAM,KAAKmB,EAAK,YAAY,EAAE,IAAI,EAAG,KAAK,EAAE,OAAO,YAAY,EAAE,EACvEjB,EAAK,cAAgBxB,EAACoB,EAAA,CAAK,KAAMI,EAAK,aAAc,GACvD,GAEJ,EACAvB,EAAC,OACC,UAAWW,EACT,YACA6B,EAAK,OAAS,GAAKA,EAAK,cAAgBnC,EAAW,QAAU,iBAAmB,gBAClF,EAEC,UAAAmC,EAAK,OAAS,GAAK,IACnBA,EAAK,OACR,IA7BKS,CA8BP,CACD,EAEDjD,EAAC,OAAI,UAAU,sDACb,UAAAD,EAACmB,EAAA,CACC,UAAU,gCACV,OAAQK,GAAM,gBAAgB,IAC9B,IAAKA,GAAM,gBAAgB,KAAO,mBACnC,EACDxB,EAAC,OAAI,UAAU,wCAAyC,SAAAwB,GAAM,eAAe,GAC/E,EAEJ,GAEJ,EAECyB,EAAK,OAAS,GAAKjD,EAAC,OAAI,UAAU,4DAA6D,SAAAwB,EAAK,KAAK,GAC5G,EAGF,OACExB,EAACW,EAAA,CACC,MAAOa,EAAK,MACZ,UAAWZ,EAAG,qBAAqB,EACnC,aAAY,GACZ,mBAAmB,yBACnB,gBAAgB,gBACf,GAAGa,EACJ,YAAasB,EAEb,SAAA9C,EAACa,EAAA,CACC,MAAM,OACN,MAAOiB,EAAU,UAAY,SAC7B,aAAcE,EAAK,CAAC,GAAG,MAAM,SAAS,EACtC,UAAU,uBAEV,UAAAjC,EAAC,OAAI,UAAU,8DACb,SAAAA,EAACgB,EAAA,CACE,SAAAiB,EAAK,IAAIkB,GACRnD,EAACiB,EAAA,CAA2B,MAAOkC,EAAI,KAAK,SAAS,EAClD,SAAAA,EAAI,OADWA,EAAI,IAEtB,CACD,EACH,EACF,EAEClB,EAAK,IAAIkB,GACRnD,EAACe,EAAA,CAA2B,MAAOoC,EAAI,KAAK,SAAS,EAClD,SAAAH,EAAWH,EAAU,IAAIM,EAAI,IAAI,GAAK,CAAC,CAAC,GADzBA,EAAI,IAEtB,CACD,GACH,EACF,CAEJ,CAEA,IAAOC,GAAQ7B",
   "names": ["Fragment", "jsx", "jsxs", "useCallback", "useMemo", "useState", "useCreditsContext", "CreditType", "DTC_TASK_TYPE", "TaskSubType", "TaskType", "useActivities", "CreditsModalContainer", "cn", "useHeadlessContext", "Tabs", "TabsContent", "TabsList", "TabsTrigger", "LoadingDots", "Picture", "Text", "ROUNDED_BRANDS", "dayjs", "ActivitiesModal", "data", "props", "page", "setPage", "taskIdToTypeMapping", "taskNameMapping", "brand", "rounded", "myActivitiesOptions", "tabs", "activities", "canNext", "isLoading", "allList", "taskNameMap", "dtcTaskTypeToNameMap", "getTitle", "item", "normalizeValue", "value", "otherItem", "listByTab", "map", "handleScrollEnd", "renderList", "list", "index", "tab", "ActivitiesModal_default"]
 }

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

@@ -21,4 +21,4 @@ export declare function CreditsUploadReceiptModal({ isOpen, onClose, copy, onSuc
     onClose: () => void;
     copy: ReceiptCopy;
     onSuccess: () => void;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

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

@@ -1,2 +1,2 @@
-import{jsx as s,jsxs as N}from"react/jsx-runtime";import{Button as f,Heading as g,Text as n}from"@anker-in/headless-ui";import{useCallback as I,useState as l}from"react";import{CreditsModalContainer as C}from"./ModalContainer";import{useUploadReceipt as z}from"../context/hooks/useUploadReceipt";import{useHeadlessContext as M}from"@anker-in/lib";import O from"classnames";import{ROUNDED_BRANDS as P}from"../../../constants";function E({isOpen:h,onClose:a,copy:e,onSuccess:r}){const{trigger:c,isMutating:b}=z(),[o,d]=l(""),[p,m]=l(!1),[t,u]=l({icon:"",title:"",description:"",isSuccess:!1}),{brand:D}=M(),R=P.includes(D),S=I(()=>{c({orderName:o},{onSuccess:i=>{if(m(!0),i?.ok)r(),u({icon:e.successIcon,title:e.successTitle||"Success",description:e.successDescription||"Your receipt has been uploaded successfully",isSuccess:!0});else{const T=e.failedReasons.find(v=>v.code===i.code?.toString());u({icon:e.failedIcon,title:e.failedTitle||"Failed",description:T?.description||"Please try again",isSuccess:!1})}}})},[c,o,r,e.successIcon,e.successTitle,e.successDescription,e.failedReasons,e.failedIcon,e.failedTitle]),x=()=>{m(!1),d(""),t.isSuccess&&a()};return N(C,{isOpen:h,onClose:a,className:"w-[540px] md:h-auto",scrollClassName:"mb-[40px] min-l:px-[48px] md:mb-0 md:pb-[24px] md:px-[16px]",titleClassName:"h-[56px]",useAnimation:!0,animationClassName:"md:translate-y-[100vh]",children:[s(g,{size:"3",children:e.title}),s(n,{size:"3",className:"mt-[8px] md:mt-[4px]",children:e.description}),s("input",{placeholder:e.placeholder,className:O("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]",!R&&"rounded-none"),value:o,onChange:i=>d(i.target.value)}),s(n,{size:"1",as:"p",className:"mt-[8px] text-[#6D6D6F]",children:e.note}),s(f,{variant:"primary",className:"mt-[24px] w-full",loading:b,onClick:S,children:e.submit}),p&&N(C,{isOpen:p,onClose:x,className:"w-[540px] md:h-auto",scrollClassName:"mb-[40px] min-l:px-[48px] md:mb-0 md:pb-[24px] md:px-[16px] flex flex-col items-center text-center",titleClassName:"h-[56px]",children:[s(n,{size:"3",className:"size-[64px]",as:"div",html:t.icon}),s(g,{size:"3",className:"mt-[16px]",children:t.title}),s(n,{size:"3",className:"mt-[8px] md:mt-[4px]",children:t.description}),s(f,{variant:"primary",className:"mt-[24px]",onClick:x,children:e.gotIt})]})]})}export{E as CreditsUploadReceiptModal};
+import{jsx as s,jsxs as N}from"react/jsx-runtime";import{Button as f,Heading as g,Text as n}from"@anker-in/headless-ui";import{useCallback as I,useState as l}from"react";import{CreditsModalContainer as C}from"./ModalContainer";import{useUploadReceipt as z}from"../context/hooks/useUploadReceipt";import{useHeadlessContext as M}from"../../../lib";import O from"classnames";import{ROUNDED_BRANDS as P}from"../../../constants";function E({isOpen:h,onClose:a,copy:e,onSuccess:r}){const{trigger:c,isMutating:b}=z(),[o,d]=l(""),[p,m]=l(!1),[t,u]=l({icon:"",title:"",description:"",isSuccess:!1}),{brand:D}=M(),R=P.includes(D),S=I(()=>{c({orderName:o},{onSuccess:i=>{if(m(!0),i?.ok)r(),u({icon:e.successIcon,title:e.successTitle||"Success",description:e.successDescription||"Your receipt has been uploaded successfully",isSuccess:!0});else{const T=e.failedReasons.find(v=>v.code===i.code?.toString());u({icon:e.failedIcon,title:e.failedTitle||"Failed",description:T?.description||"Please try again",isSuccess:!1})}}})},[c,o,r,e.successIcon,e.successTitle,e.successDescription,e.failedReasons,e.failedIcon,e.failedTitle]),x=()=>{m(!1),d(""),t.isSuccess&&a()};return N(C,{isOpen:h,onClose:a,className:"w-[540px] md:h-auto",scrollClassName:"mb-[40px] min-l:px-[48px] md:mb-0 md:pb-[24px] md:px-[16px]",titleClassName:"h-[56px]",useAnimation:!0,animationClassName:"md:translate-y-[100vh]",children:[s(g,{size:"3",children:e.title}),s(n,{size:"3",className:"mt-[8px] md:mt-[4px]",children:e.description}),s("input",{placeholder:e.placeholder,className:O("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]",!R&&"rounded-none"),value:o,onChange:i=>d(i.target.value)}),s(n,{size:"1",as:"p",className:"mt-[8px] text-[#6D6D6F]",children:e.note}),s(f,{variant:"primary",className:"mt-[24px] w-full",loading:b,onClick:S,children:e.submit}),p&&N(C,{isOpen:p,onClose:x,className:"w-[540px] md:h-auto",scrollClassName:"mb-[40px] min-l:px-[48px] md:mb-0 md:pb-[24px] md:px-[16px] flex flex-col items-center text-center",titleClassName:"h-[56px]",children:[s(n,{size:"3",className:"size-[64px]",as:"div",html:t.icon}),s(g,{size:"3",className:"mt-[16px]",children:t.title}),s(n,{size:"3",className:"mt-[8px] md:mt-[4px]",children:t.description}),s(f,{variant:"primary",className:"mt-[24px]",onClick:x,children:e.gotIt})]})]})}export{E as CreditsUploadReceiptModal};
 //# sourceMappingURL=CreditsUploadReceiptModal.js.map

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

@@ -1,7 +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'\nimport { useHeadlessContext } from '@anker-in/lib'\nimport classNames from 'classnames'\nimport { ROUNDED_BRANDS } from '../../../constants'\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 { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\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={classNames(\n          '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          !rounded && 'rounded-none'\n        )}\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": "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",
+  "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'\nimport { useHeadlessContext } from '../../../lib'\nimport classNames from 'classnames'\nimport { ROUNDED_BRANDS } from '../../../constants'\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 { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\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={classNames(\n          '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          !rounded && 'rounded-none'\n        )}\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": "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",
   "names": ["jsx", "jsxs", "Button", "Heading", "Text", "useCallback", "useState", "CreditsModalContainer", "useUploadReceipt", "useHeadlessContext", "classNames", "ROUNDED_BRANDS", "CreditsUploadReceiptModal", "isOpen", "onClose", "copy", "onSuccess", "trigger", "isMutating", "orderName", "setOrderName", "resultPopup", "setResultPopup", "resultPopupContent", "setResultPopupContent", "brand", "rounded", "handleSubmit", "result", "error", "reason", "handleResultClose", "e"]
 }

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

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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/credits/modal/ModalContainer.tsx"],
-  "sourcesContent": ["import { classNames as cn, useHeadlessContext } from '@anker-in/lib'\nimport { useEffect, useState, type UIEvent } from 'react'\nimport ReactModal from 'react-modal'\nimport { ROUNDED_BRANDS } from '../../../constants'\n\nexport type ModalContainerProps = {\n  overlayClassName?: string\n  className?: string\n  scrollClassName?: string\n  title?: string\n  titleClassName?: string\n  useAnimation?: boolean // \u4F7F\u7528\u52A8\u753B\u5C55\u793A\n  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  const { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  return (\n    <ReactModal\n      isOpen={isOpen}\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        !rounded && 'rounded-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 flex flex-col 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": "AA+DM,OAOE,OAAAA,EAPF,QAAAC,MAAA,oBA/DN,OAAS,cAAcC,EAAI,sBAAAC,MAA0B,gBACrD,OAAS,aAAAC,EAAW,YAAAC,MAA8B,QAClD,OAAOC,MAAgB,cACvB,OAAS,kBAAAC,MAAsB,qBAgBxB,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,EAAIjB,EAAS,EAAK,EAExDD,EAAU,IAAM,CACTa,GAGL,sBAAsB,IAAM,CAC1BK,EAAiBb,GAAU,EAAK,CAClC,CAAC,CACH,EAAG,CAACA,EAAQQ,CAAY,CAAC,EAEzB,KAAM,CAAE,MAAAM,CAAM,EAAIpB,EAAmB,EAC/BqB,EAAUjB,EAAe,SAASgB,CAAK,EAE7C,OACEtB,EAACK,EAAA,CACC,OAAQG,EACR,iBAAkBP,EAChB,gGACAU,CACF,EACA,UAAWV,EACT,mMACA,CAACsB,GAAW,eACZH,EAAgB,GAAKH,EACrBP,CACF,EACA,eAAgBG,EACf,GAAGM,EAEJ,UAAAnB,EAAC,OACC,UAAWC,EACT,oDACAQ,EAAQ,+DAAiE,qBACzES,CACF,EAEA,UAAAnB,EAAC,OAAI,UAAU,wBAAyB,SAAAU,EAAM,EAC9CV,EAAC,OACC,UAAU,6BACV,QAASc,EACT,UAAW,GAAK,EACV,EAAE,MAAQ,SAAW,EAAE,MAAQ,OACjC,EAAE,eAAe,EACjBA,IAAU,EAEd,EACA,KAAK,SACL,SAAU,EAEV,SAAAd,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,yFACA,CAACQ,GAAS,OACV,kBACAG,CACF,EACA,SAAUY,GAAS,CACjB,MAAMC,EAAgBD,EAAM,OAExBC,EAAc,cAAgBA,EAAc,cAI5CA,EAAc,UAAYA,EAAc,cAAgBA,EAAc,aAAe,IACvFX,GAAeA,EAAYU,CAAK,CAEpC,EAEC,SAAAT,EACH,GACF,CAEJ",
+  "sourcesContent": ["import { classNames as cn, useHeadlessContext } from '../../../lib'\nimport { useEffect, useState, type UIEvent } from 'react'\nimport ReactModal from 'react-modal'\nimport { ROUNDED_BRANDS } from '../../../constants'\n\nexport type ModalContainerProps = {\n  overlayClassName?: string\n  className?: string\n  scrollClassName?: string\n  title?: string\n  titleClassName?: string\n  useAnimation?: boolean // \u4F7F\u7528\u52A8\u753B\u5C55\u793A\n  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  const { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  return (\n    <ReactModal\n      isOpen={isOpen}\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        !rounded && 'rounded-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 flex flex-col 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": "AA+DM,OAOE,OAAAA,EAPF,QAAAC,MAAA,oBA/DN,OAAS,cAAcC,EAAI,sBAAAC,MAA0B,eACrD,OAAS,aAAAC,EAAW,YAAAC,MAA8B,QAClD,OAAOC,MAAgB,cACvB,OAAS,kBAAAC,MAAsB,qBAgBxB,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,EAAIjB,EAAS,EAAK,EAExDD,EAAU,IAAM,CACTa,GAGL,sBAAsB,IAAM,CAC1BK,EAAiBb,GAAU,EAAK,CAClC,CAAC,CACH,EAAG,CAACA,EAAQQ,CAAY,CAAC,EAEzB,KAAM,CAAE,MAAAM,CAAM,EAAIpB,EAAmB,EAC/BqB,EAAUjB,EAAe,SAASgB,CAAK,EAE7C,OACEtB,EAACK,EAAA,CACC,OAAQG,EACR,iBAAkBP,EAChB,gGACAU,CACF,EACA,UAAWV,EACT,mMACA,CAACsB,GAAW,eACZH,EAAgB,GAAKH,EACrBP,CACF,EACA,eAAgBG,EACf,GAAGM,EAEJ,UAAAnB,EAAC,OACC,UAAWC,EACT,oDACAQ,EAAQ,+DAAiE,qBACzES,CACF,EAEA,UAAAnB,EAAC,OAAI,UAAU,wBAAyB,SAAAU,EAAM,EAC9CV,EAAC,OACC,UAAU,6BACV,QAASc,EACT,UAAW,GAAK,EACV,EAAE,MAAQ,SAAW,EAAE,MAAQ,OACjC,EAAE,eAAe,EACjBA,IAAU,EAEd,EACA,KAAK,SACL,SAAU,EAEV,SAAAd,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,yFACA,CAACQ,GAAS,OACV,kBACAG,CACF,EACA,SAAUY,GAAS,CACjB,MAAMC,EAAgBD,EAAM,OAExBC,EAAc,cAAgBA,EAAc,cAI5CA,EAAc,UAAYA,EAAc,cAAgBA,EAAc,aAAe,IACvFX,GAAeA,EAAYU,CAAK,CAEpC,EAEC,SAAAT,EACH,GACF,CAEJ",
   "names": ["jsx", "jsxs", "cn", "useHeadlessContext", "useEffect", "useState", "ReactModal", "ROUNDED_BRANDS", "CreditsModalContainer", "isOpen", "title", "className", "overlayClassName", "scrollClassName", "onClose", "onScrollEnd", "children", "useAnimation", "animationClassName", "titleClassName", "props", "animationShow", "setAnimationShow", "brand", "rounded", "event", "targetElement"]
 }

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

@@ -60,5 +60,5 @@ export interface RewardsCopy {
 interface RewardsModalProps extends ModalContainerProps {
     data: RewardsCopy;
 }
-declare function RewardsModal({ data, ...props }: RewardsModalProps): import("react/jsx-runtime").JSX.Element;
+declare function RewardsModal({ data, ...props }: RewardsModalProps): import("react").JSX.Element;
 export default RewardsModal;

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

@@ -1,2 +1,2 @@
-import{Fragment as Q,jsx as o,jsxs as n}from"react/jsx-runtime";import{Tabs as j,TabsContent as E,TabsList as U,TabsTrigger as I,Picture as Y}from"@anker-in/headless-ui";import u from"classnames";import H from"copy-to-clipboard";import O from"dayjs";import{useCallback as c,useEffect as N,useMemo as a,useState as f}from"react";import{ApprovalStatus as g,AlpcConsumeType as s,RewardType as e}from"../context/const";import{CreditsModalContainer as $}from"./ModalContainer";import q from"./Tip";import z from"./LoadingDots";import B from"../context/hooks/useMyRewards";import{useHeadlessContext as K}from"@anker-in/lib";import{ROUNDED_BRANDS as V}from"../../../constants";function J({data:t,...P}){const[r,b]=f(s.Coupon),{brand:R}=K(),m=V.includes(R),[F,v]=f(1),[A,x]=f(-1),p=a(()=>[{title:t.couponTab,type:s.Coupon},{title:t.productTab,type:s.Product},{title:t.externalProductTab,type:s.ExternalProduct}].filter(i=>!!i.title),[t.couponTab,t.productTab,t.externalProductTab]);N(()=>{p.length&&!p.some(i=>i.type===r)&&b(p[0].type)},[p,r]),N(()=>{v(1)},[r]);const{myRewards:C=[],canNext:y,isLoading:G}=B({page:F,pageSize:1e3,consumeType:r}),S=c(i=>i.fulfillment_status&&i.fulfillment_status!=="null"?i.fulfillment_status==="fulfilled"?e.Fulfilled:e.Unfulfilled:i.approval_status===g.Success||i.approval_status===g.DoubleConfirm?e.ApproveSuccess:i.approval_status===g.Failed?e.Failed:e.Pending,[]),T=c(i=>{const l={0:e.GogiftPending,1:e.GogiftApproved,2:e.GogiftSecondConfirm,3:e.GogiftRejected,4:e.GogiftCallbackPending,5:e.GogiftCallbackSuccess,6:e.GogiftCallbackTimeout};return i!==void 0?l[i]??e.GogiftPending:e.GogiftPending},[]),k=a(()=>C.map(i=>{const l={title:i.goods_title,value:i.consume_credits,date:new Date(i.create_time*1e3)};return r===s.Coupon?{...l,type:e.Received,couponCode:i.coupon_code,orderNumber:"",link:""}:r===s.Product?{...l,type:S(i),orderNumber:i.order_number,couponCode:"",link:""}:r===s.ExternalProduct?{...l,type:T(i.approval_status),orderNumber:"",couponCode:"",link:i.link||""}:{...l,type:e.Received,couponCode:"",orderNumber:"",link:""}}),[r,C,S,T]),D=a(()=>({[e.Received]:t.receivedLabel,[e.Pending]:t.pendingLabel,[e.ApproveFail]:t.failedLabel,[e.ApproveSuccess]:t.approveSuccessLabel,[e.Unfulfilled]:t.unfulfilledLabel,[e.Fulfilled]:t.fulfilledLabel,[e.Failed]:t.failedLabel,[e.GogiftPending]:t.goGiftStatus?.pending?.label||t.pendingLabel,[e.GogiftApproved]:t.goGiftStatus?.approved?.label||t.approveSuccessLabel,[e.GogiftSecondConfirm]:t.goGiftStatus?.secondConfirm?.label||t.approveSuccessLabel,[e.GogiftRejected]:t.goGiftStatus?.rejected?.label||t.failedLabel,[e.GogiftCallbackPending]:t.goGiftStatus?.callbackPending?.label||t.pendingLabel,[e.GogiftCallbackSuccess]:t.goGiftStatus?.callbackSuccess?.label||t.receivedLabel,[e.GogiftCallbackTimeout]:t.goGiftStatus?.callbackTimeout?.label||t.failedLabel}),[t]),L=a(()=>({[e.Received]:"",[e.Pending]:t.pendingTip,[e.ApproveFail]:"",[e.ApproveSuccess]:t.confirmedTip,[e.Unfulfilled]:t.processingTip,[e.Fulfilled]:t.ShippedTip,[e.Failed]:"",[e.GogiftPending]:t.goGiftStatus?.pending?.tip||"",[e.GogiftApproved]:t.goGiftStatus?.approved?.tip||"",[e.GogiftSecondConfirm]:t.goGiftStatus?.secondConfirm?.tip||"",[e.GogiftRejected]:t.goGiftStatus?.rejected?.tip||"",[e.GogiftCallbackPending]:t.goGiftStatus?.callbackPending?.tip||"",[e.GogiftCallbackSuccess]:t.goGiftStatus?.callbackSuccess?.tip||"",[e.GogiftCallbackTimeout]:t.goGiftStatus?.callbackTimeout?.tip||""}),[t]),M=a(()=>({[e.Received]:"#52C41A",[e.Pending]:"#999",[e.ApproveFail]:"#F84D4F",[e.ApproveSuccess]:"#999",[e.Unfulfilled]:"#999",[e.Fulfilled]:"#999",[e.Failed]:"#F84D4F",[e.GogiftPending]:"#999",[e.GogiftApproved]:"#999",[e.GogiftSecondConfirm]:"#999",[e.GogiftRejected]:"#F84D4F",[e.GogiftCallbackPending]:"#999",[e.GogiftCallbackSuccess]:"#52C41A",[e.GogiftCallbackTimeout]:"#F84D4F"}),[]),h=c(()=>{y&&v(i=>i+1)},[y]),w=c((i,l)=>{x(l),H(i),setTimeout(()=>{x(-1)},2e3)},[]),_=()=>n(Q,{children:[G&&o("div",{className:"flex flex-1 flex-col items-center justify-center",children:o(z,{})}),!G&&o("div",{className:"mt-[24px] pb-[24px] md:pb-[48px]",children:k.length>0?o("div",{className:"grid gap-[18px] md:gap-[12px]",children:k.map((i,l)=>n("div",{className:"grid gap-[8px]",children:[i?.orderNumber&&n("div",{className:"text-[15px] font-semibold leading-[1.4] text-[#777]",children:[t.orderNumberLabel,": ",i.orderNumber]}),n("div",{className:u("flex items-center justify-between rounded-[8px] bg-[#f7f8f9] px-[16px] py-[20px]",!m&&"rounded-none"),children:[n("div",{className:"grid gap-[4px]",children:[o("div",{className:"text-[16px] font-bold leading-[1.4]",children:i.title}),n("div",{className:"text-[14px] font-semibold text-[#999]",children:[t.valueLabel,": ",i.value," ",t?.pointUnit]}),n("div",{className:"text-[14px] font-semibold text-[#999]",children:[i?.couponCode?`${t?.code||"Code"}: ${i.couponCode} `:"",i?.couponCode&&o("span",{className:"cursor-pointer text-[14px] font-semibold text-brand underline",onClick:()=>{w(i.couponCode,l)},role:"button",tabIndex:0,onKeyDown:d=>{(d.key==="Enter"||d.key===" ")&&d.preventDefault()},children:A===l?t?.copied||"COPIED":t?.copy||"COPY"})]}),i?.link&&o("div",{className:"text-[14px] font-semibold text-[#999]",children:o("a",{href:i.link,target:"_blank",rel:"noopener noreferrer",className:"text-brand underline",children:t?.redeemLinkLabel||"Redeem Link"})})]}),n("div",{className:"grid gap-[4px] text-right",children:[n("div",{className:u("flex items-center justify-end text-[16px] font-bold leading-[1.4]",`text-[${M[i.type]}]`),children:[o("span",{children:D[i.type]}),L[i.type]&&o(q,{info:L[i.type],index:l})]}),o("div",{className:"text-[14px] font-semibold text-[#999]",children:O(i.date).format("YYYY-MM-DD HH:mm").toString()})]})]})]},l))}):n("div",{className:"flex h-full flex-col items-center justify-center",children:[o(Y,{className:"mb-[12px] w-[160px]",source:t?.emptyListImage?.url,alt:t?.emptyListImage?.alt||"empty list image"}),o("div",{className:"text-[16px] font-semibold leading-[1.4]",children:t?.emptyListLabel})]})})]});return o($,{title:t.title,className:u("h-[800px] w-[640px]"),useAnimation:!0,animationClassName:"md:translate-y-[100vh]",scrollClassName:"md:mb-0 flex flex-col",...P,onScrollEnd:h,children:n(j,{align:"left",shape:m?"rounded":"square",value:r.toString(),onValueChange:i=>{b(Number(i))},className:"flex flex-1 flex-col",children:[o("div",{className:"shrink-0",children:o(U,{children:p.map(i=>o(I,{value:i.type.toString(),children:i.title},i.type))})}),p.map(i=>o(E,{value:i.type.toString(),children:_()},i.type))]})})}var ae=J;export{ae as default};
+import{Fragment as Q,jsx as o,jsxs as n}from"react/jsx-runtime";import{Tabs as j,TabsContent as E,TabsList as U,TabsTrigger as I,Picture as Y}from"@anker-in/headless-ui";import u from"classnames";import H from"copy-to-clipboard";import O from"dayjs";import{useCallback as c,useEffect as N,useMemo as a,useState as f}from"react";import{ApprovalStatus as g,AlpcConsumeType as s,RewardType as e}from"../context/const";import{CreditsModalContainer as $}from"./ModalContainer";import q from"./Tip";import z from"./LoadingDots";import B from"../context/hooks/useMyRewards";import{useHeadlessContext as K}from"../../../lib";import{ROUNDED_BRANDS as V}from"../../../constants";function J({data:t,...P}){const[r,b]=f(s.Coupon),{brand:R}=K(),m=V.includes(R),[F,v]=f(1),[A,x]=f(-1),p=a(()=>[{title:t.couponTab,type:s.Coupon},{title:t.productTab,type:s.Product},{title:t.externalProductTab,type:s.ExternalProduct}].filter(i=>!!i.title),[t.couponTab,t.productTab,t.externalProductTab]);N(()=>{p.length&&!p.some(i=>i.type===r)&&b(p[0].type)},[p,r]),N(()=>{v(1)},[r]);const{myRewards:C=[],canNext:y,isLoading:G}=B({page:F,pageSize:1e3,consumeType:r}),S=c(i=>i.fulfillment_status&&i.fulfillment_status!=="null"?i.fulfillment_status==="fulfilled"?e.Fulfilled:e.Unfulfilled:i.approval_status===g.Success||i.approval_status===g.DoubleConfirm?e.ApproveSuccess:i.approval_status===g.Failed?e.Failed:e.Pending,[]),T=c(i=>{const l={0:e.GogiftPending,1:e.GogiftApproved,2:e.GogiftSecondConfirm,3:e.GogiftRejected,4:e.GogiftCallbackPending,5:e.GogiftCallbackSuccess,6:e.GogiftCallbackTimeout};return i!==void 0?l[i]??e.GogiftPending:e.GogiftPending},[]),k=a(()=>C.map(i=>{const l={title:i.goods_title,value:i.consume_credits,date:new Date(i.create_time*1e3)};return r===s.Coupon?{...l,type:e.Received,couponCode:i.coupon_code,orderNumber:"",link:""}:r===s.Product?{...l,type:S(i),orderNumber:i.order_number,couponCode:"",link:""}:r===s.ExternalProduct?{...l,type:T(i.approval_status),orderNumber:"",couponCode:"",link:i.link||""}:{...l,type:e.Received,couponCode:"",orderNumber:"",link:""}}),[r,C,S,T]),D=a(()=>({[e.Received]:t.receivedLabel,[e.Pending]:t.pendingLabel,[e.ApproveFail]:t.failedLabel,[e.ApproveSuccess]:t.approveSuccessLabel,[e.Unfulfilled]:t.unfulfilledLabel,[e.Fulfilled]:t.fulfilledLabel,[e.Failed]:t.failedLabel,[e.GogiftPending]:t.goGiftStatus?.pending?.label||t.pendingLabel,[e.GogiftApproved]:t.goGiftStatus?.approved?.label||t.approveSuccessLabel,[e.GogiftSecondConfirm]:t.goGiftStatus?.secondConfirm?.label||t.approveSuccessLabel,[e.GogiftRejected]:t.goGiftStatus?.rejected?.label||t.failedLabel,[e.GogiftCallbackPending]:t.goGiftStatus?.callbackPending?.label||t.pendingLabel,[e.GogiftCallbackSuccess]:t.goGiftStatus?.callbackSuccess?.label||t.receivedLabel,[e.GogiftCallbackTimeout]:t.goGiftStatus?.callbackTimeout?.label||t.failedLabel}),[t]),L=a(()=>({[e.Received]:"",[e.Pending]:t.pendingTip,[e.ApproveFail]:"",[e.ApproveSuccess]:t.confirmedTip,[e.Unfulfilled]:t.processingTip,[e.Fulfilled]:t.ShippedTip,[e.Failed]:"",[e.GogiftPending]:t.goGiftStatus?.pending?.tip||"",[e.GogiftApproved]:t.goGiftStatus?.approved?.tip||"",[e.GogiftSecondConfirm]:t.goGiftStatus?.secondConfirm?.tip||"",[e.GogiftRejected]:t.goGiftStatus?.rejected?.tip||"",[e.GogiftCallbackPending]:t.goGiftStatus?.callbackPending?.tip||"",[e.GogiftCallbackSuccess]:t.goGiftStatus?.callbackSuccess?.tip||"",[e.GogiftCallbackTimeout]:t.goGiftStatus?.callbackTimeout?.tip||""}),[t]),M=a(()=>({[e.Received]:"#52C41A",[e.Pending]:"#999",[e.ApproveFail]:"#F84D4F",[e.ApproveSuccess]:"#999",[e.Unfulfilled]:"#999",[e.Fulfilled]:"#999",[e.Failed]:"#F84D4F",[e.GogiftPending]:"#999",[e.GogiftApproved]:"#999",[e.GogiftSecondConfirm]:"#999",[e.GogiftRejected]:"#F84D4F",[e.GogiftCallbackPending]:"#999",[e.GogiftCallbackSuccess]:"#52C41A",[e.GogiftCallbackTimeout]:"#F84D4F"}),[]),h=c(()=>{y&&v(i=>i+1)},[y]),w=c((i,l)=>{x(l),H(i),setTimeout(()=>{x(-1)},2e3)},[]),_=()=>n(Q,{children:[G&&o("div",{className:"flex flex-1 flex-col items-center justify-center",children:o(z,{})}),!G&&o("div",{className:"mt-[24px] pb-[24px] md:pb-[48px]",children:k.length>0?o("div",{className:"grid gap-[18px] md:gap-[12px]",children:k.map((i,l)=>n("div",{className:"grid gap-[8px]",children:[i?.orderNumber&&n("div",{className:"text-[15px] font-semibold leading-[1.4] text-[#777]",children:[t.orderNumberLabel,": ",i.orderNumber]}),n("div",{className:u("flex items-center justify-between rounded-[8px] bg-[#f7f8f9] px-[16px] py-[20px]",!m&&"rounded-none"),children:[n("div",{className:"grid gap-[4px]",children:[o("div",{className:"text-[16px] font-bold leading-[1.4]",children:i.title}),n("div",{className:"text-[14px] font-semibold text-[#999]",children:[t.valueLabel,": ",i.value," ",t?.pointUnit]}),n("div",{className:"text-[14px] font-semibold text-[#999]",children:[i?.couponCode?`${t?.code||"Code"}: ${i.couponCode} `:"",i?.couponCode&&o("span",{className:"cursor-pointer text-[14px] font-semibold text-brand underline",onClick:()=>{w(i.couponCode,l)},role:"button",tabIndex:0,onKeyDown:d=>{(d.key==="Enter"||d.key===" ")&&d.preventDefault()},children:A===l?t?.copied||"COPIED":t?.copy||"COPY"})]}),i?.link&&o("div",{className:"text-[14px] font-semibold text-[#999]",children:o("a",{href:i.link,target:"_blank",rel:"noopener noreferrer",className:"text-brand underline",children:t?.redeemLinkLabel||"Redeem Link"})})]}),n("div",{className:"grid gap-[4px] text-right",children:[n("div",{className:u("flex items-center justify-end text-[16px] font-bold leading-[1.4]",`text-[${M[i.type]}]`),children:[o("span",{children:D[i.type]}),L[i.type]&&o(q,{info:L[i.type],index:l})]}),o("div",{className:"text-[14px] font-semibold text-[#999]",children:O(i.date).format("YYYY-MM-DD HH:mm").toString()})]})]})]},l))}):n("div",{className:"flex h-full flex-col items-center justify-center",children:[o(Y,{className:"mb-[12px] w-[160px]",source:t?.emptyListImage?.url,alt:t?.emptyListImage?.alt||"empty list image"}),o("div",{className:"text-[16px] font-semibold leading-[1.4]",children:t?.emptyListLabel})]})})]});return o($,{title:t.title,className:u("h-[800px] w-[640px]"),useAnimation:!0,animationClassName:"md:translate-y-[100vh]",scrollClassName:"md:mb-0 flex flex-col",...P,onScrollEnd:h,children:n(j,{align:"left",shape:m?"rounded":"square",value:r.toString(),onValueChange:i=>{b(Number(i))},className:"flex flex-1 flex-col",children:[o("div",{className:"shrink-0",children:o(U,{children:p.map(i=>o(I,{value:i.type.toString(),children:i.title},i.type))})}),p.map(i=>o(E,{value:i.type.toString(),children:_()},i.type))]})})}var ae=J;export{ae as default};
 //# sourceMappingURL=RewardsModal.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/credits/modal/RewardsModal.tsx"],
-  "sourcesContent": ["import { Tabs, TabsContent, TabsList, TabsTrigger, Picture } from '@anker-in/headless-ui'\nimport classNames from 'classnames'\nimport clipboard from 'copy-to-clipboard'\nimport dayjs from 'dayjs'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport { ApprovalStatus, AlpcConsumeType, RewardType } from '../context/const'\nimport { CreditsModalContainer, type ModalContainerProps } from './ModalContainer'\nimport Tip from './Tip'\nimport LoadingDots from './LoadingDots'\nimport useMyRewards from '../context/hooks/useMyRewards'\nimport { useHeadlessContext } from '@anker-in/lib'\nimport { ROUNDED_BRANDS } from '../../../constants'\n\nexport interface RewardsCopy {\n  title: string\n  orderNumberLabel: string\n  valueLabel: string\n  receivedLabel: string\n  failedLabel: string\n  approveSuccessLabel: string\n  couponTab: string\n  productTab: string\n  externalProductTab?: string\n  pendingLabel: string\n  unfulfilledLabel: string\n  fulfilledLabel: string\n  confirmedTip: string\n  pendingTip: string\n  processingTip: string\n  ShippedTip: string\n  emptyListLabel: string\n  pointUnit: string\n  code: string\n  copied: string\n  copy: string\n  redeemLinkLabel?: string\n  goGiftStatus?: {\n    pending?: {\n      label: string\n      tip: string\n    }\n    approved?: {\n      label: string\n      tip: string\n    }\n    secondConfirm?: {\n      label: string\n      tip: string\n    }\n    rejected?: {\n      label: string\n      tip: string\n    }\n    callbackPending?: {\n      label: string\n      tip: string\n    }\n    callbackSuccess?: {\n      label: string\n      tip: string\n    }\n    callbackTimeout?: {\n      label: string\n      tip: string\n    }\n  }\n  emptyListImage: {\n    url: string\n    alt?: string\n  }\n}\ninterface RewardsModalProps extends ModalContainerProps {\n  data: RewardsCopy\n}\n\nfunction RewardsModal({ data, ...props }: RewardsModalProps) {\n  const [activeTab, setActiveTab] = useState(AlpcConsumeType.Coupon)\n  const { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  const [page, setPage] = useState(1)\n  const [copied, setCopied] = useState(-1)\n\n  const tabs = useMemo(() => {\n    return [\n      { title: data.couponTab, type: AlpcConsumeType.Coupon },\n      { title: data.productTab, type: AlpcConsumeType.Product },\n      { title: data.externalProductTab, type: AlpcConsumeType.ExternalProduct },\n    ].filter((tab): tab is { title: string; type: number } => !!tab.title)\n  }, [data.couponTab, data.productTab, data.externalProductTab])\n\n  // tabs \u7531 data.xxxTab \u771F\u503C\u8FC7\u6EE4\u6784\u5EFA\uFF0CactiveTab \u82E5\u6307\u5411\u4E00\u4E2A\u5DF2\u88AB\u8FC7\u6EE4\u6389\u7684\u7C7B\u578B\uFF08\u4F8B\u5982 couponTab \u5C1A\u672A\u52A0\u8F7D\uFF09\uFF0C\n  // \u4F1A\u5BFC\u81F4\u6CA1\u6709\u4EFB\u4F55 TabsTrigger/TabsContent \u5339\u914D\uFF0C\u521D\u59CB\u4E0D\u5C55\u793A\u5185\u5BB9\u3002\u6B64\u5904\u5728 tabs \u53D8\u5316\u65F6\u91CD\u540C\u6B65\u3002\n  useEffect(() => {\n    if (tabs.length && !tabs.some(tab => tab.type === activeTab)) {\n      setActiveTab(tabs[0]!.type)\n    }\n  }, [tabs, activeTab])\n\n  // Reset page when switching tabs\n  useEffect(() => {\n    setPage(1)\n  }, [activeTab])\n\n  const {\n    myRewards = [],\n    canNext,\n    isLoading,\n  } = useMyRewards({\n    page,\n    pageSize: 1000,\n    consumeType: activeTab,\n  })\n\n  const getProductType = useCallback((item: any) => {\n    if (item.fulfillment_status && item.fulfillment_status !== 'null') {\n      return item.fulfillment_status === 'fulfilled' ? RewardType.Fulfilled : RewardType.Unfulfilled\n    }\n\n    if (item.approval_status === ApprovalStatus.Success || item.approval_status === ApprovalStatus.DoubleConfirm) {\n      return RewardType.ApproveSuccess\n    }\n\n    if (item.approval_status === ApprovalStatus.Failed) {\n      return RewardType.Failed\n    }\n\n    return RewardType.Pending\n  }, [])\n\n  const getGoGiftType = useCallback((status?: number) => {\n    const statusMap: Record<number, RewardType> = {\n      0: RewardType.GogiftPending,\n      1: RewardType.GogiftApproved,\n      2: RewardType.GogiftSecondConfirm,\n      3: RewardType.GogiftRejected,\n      4: RewardType.GogiftCallbackPending,\n      5: RewardType.GogiftCallbackSuccess,\n      6: RewardType.GogiftCallbackTimeout,\n    }\n    return status !== undefined ? (statusMap[status] ?? RewardType.GogiftPending) : RewardType.GogiftPending\n  }, [])\n\n  const list = useMemo(() => {\n    return myRewards.map(item => {\n      const base = {\n        title: item.goods_title,\n        value: item.consume_credits,\n        date: new Date(item.create_time * 1000),\n      }\n\n      if (activeTab === AlpcConsumeType.Coupon) {\n        return {\n          ...base,\n          type: RewardType.Received,\n          couponCode: item.coupon_code,\n          orderNumber: '',\n          link: '',\n        }\n      }\n\n      if (activeTab === AlpcConsumeType.Product) {\n        return {\n          ...base,\n          type: getProductType(item),\n          orderNumber: item.order_number,\n          couponCode: '',\n          link: '',\n        }\n      }\n\n      if (activeTab === AlpcConsumeType.ExternalProduct) {\n        return {\n          ...base,\n          type: getGoGiftType(item.approval_status),\n          orderNumber: '',\n          couponCode: '',\n          link: item.link || '',\n        }\n      }\n\n      return { ...base, type: RewardType.Received, couponCode: '', orderNumber: '', link: '' }\n    })\n  }, [activeTab, myRewards, getProductType, getGoGiftType])\n\n  const TypeMap = useMemo(() => {\n    return {\n      [RewardType.Received]: data.receivedLabel,\n      [RewardType.Pending]: data.pendingLabel,\n      [RewardType.ApproveFail]: data.failedLabel,\n      [RewardType.ApproveSuccess]: data.approveSuccessLabel,\n      [RewardType.Unfulfilled]: data.unfulfilledLabel,\n      [RewardType.Fulfilled]: data.fulfilledLabel,\n      [RewardType.Failed]: data.failedLabel,\n      [RewardType.GogiftPending]: data.goGiftStatus?.pending?.label || data.pendingLabel,\n      [RewardType.GogiftApproved]: data.goGiftStatus?.approved?.label || data.approveSuccessLabel,\n      [RewardType.GogiftSecondConfirm]: data.goGiftStatus?.secondConfirm?.label || data.approveSuccessLabel,\n      [RewardType.GogiftRejected]: data.goGiftStatus?.rejected?.label || data.failedLabel,\n      [RewardType.GogiftCallbackPending]: data.goGiftStatus?.callbackPending?.label || data.pendingLabel,\n      [RewardType.GogiftCallbackSuccess]: data.goGiftStatus?.callbackSuccess?.label || data.receivedLabel,\n      [RewardType.GogiftCallbackTimeout]: data.goGiftStatus?.callbackTimeout?.label || data.failedLabel,\n    }\n  }, [data])\n\n  const TipMap = useMemo(() => {\n    return {\n      [RewardType.Received]: '',\n      [RewardType.Pending]: data.pendingTip,\n      [RewardType.ApproveFail]: '',\n      [RewardType.ApproveSuccess]: data.confirmedTip,\n      [RewardType.Unfulfilled]: data.processingTip,\n      [RewardType.Fulfilled]: data.ShippedTip,\n      [RewardType.Failed]: '',\n      [RewardType.GogiftPending]: data.goGiftStatus?.pending?.tip || '',\n      [RewardType.GogiftApproved]: data.goGiftStatus?.approved?.tip || '',\n      [RewardType.GogiftSecondConfirm]: data.goGiftStatus?.secondConfirm?.tip || '',\n      [RewardType.GogiftRejected]: data.goGiftStatus?.rejected?.tip || '',\n      [RewardType.GogiftCallbackPending]: data.goGiftStatus?.callbackPending?.tip || '',\n      [RewardType.GogiftCallbackSuccess]: data.goGiftStatus?.callbackSuccess?.tip || '',\n      [RewardType.GogiftCallbackTimeout]: data.goGiftStatus?.callbackTimeout?.tip || '',\n    }\n  }, [data])\n\n  const ColorMap = useMemo(() => {\n    return {\n      [RewardType.Received]: '#52C41A',\n      [RewardType.Pending]: '#999',\n      [RewardType.ApproveFail]: '#F84D4F',\n      [RewardType.ApproveSuccess]: '#999',\n      [RewardType.Unfulfilled]: '#999',\n      [RewardType.Fulfilled]: '#999',\n      [RewardType.Failed]: '#F84D4F',\n      [RewardType.GogiftPending]: '#999',\n      [RewardType.GogiftApproved]: '#999',\n      [RewardType.GogiftSecondConfirm]: '#999',\n      [RewardType.GogiftRejected]: '#F84D4F',\n      [RewardType.GogiftCallbackPending]: '#999',\n      [RewardType.GogiftCallbackSuccess]: '#52C41A',\n      [RewardType.GogiftCallbackTimeout]: '#F84D4F',\n    }\n  }, [])\n\n  const handleScrollEnd = useCallback(() => {\n    if (canNext) {\n      setPage(prev => prev + 1)\n    }\n  }, [canNext])\n\n  const handleCopy = useCallback((code: string, idx: number) => {\n    setCopied(idx)\n    clipboard(code)\n    setTimeout(() => {\n      setCopied(-1)\n    }, 2000)\n  }, [])\n\n  // \u6BCF\u4E2A tab \u5BF9\u5E94\u4E00\u6B21\u72EC\u7ACB\u7684\u63A5\u53E3\u8BF7\u6C42\uFF08consumeType \u4E0D\u540C\uFF09\uFF0C\u5F53\u524D\u53EA\u6709\u6FC0\u6D3B tab \u7684\u6570\u636E\u5B58\u5728\u4E8E\u5BA2\u6237\u7AEF\u3002\n  // TabsContent \u53EA\u6302\u8F7D\u5F53\u524D\u6FC0\u6D3B\u7684\u4E00\u4E2A\uFF0C\u5404 tab \u590D\u7528\u540C\u4E00\u4EFD list/isLoading \u72B6\u6001\u662F\u5B89\u5168\u7684\u3002\n  const renderContent = () => (\n    <>\n      {isLoading && (\n        <div className=\"flex flex-1 flex-col items-center justify-center\">\n          <LoadingDots />\n        </div>\n      )}\n\n      {!isLoading && (\n        <div className=\"mt-[24px] pb-[24px] md:pb-[48px]\">\n          {list.length > 0 ? (\n            <div className=\"grid gap-[18px] md:gap-[12px]\">\n              {list.map((item, index) => (\n                <div key={index} className=\"grid gap-[8px]\">\n                  {item?.orderNumber && (\n                    <div className=\"text-[15px] font-semibold leading-[1.4] text-[#777]\">\n                      {data.orderNumberLabel}: {item.orderNumber}\n                    </div>\n                  )}\n                  <div\n                    className={classNames(\n                      'flex items-center justify-between rounded-[8px] bg-[#f7f8f9] px-[16px] py-[20px]',\n                      !rounded && 'rounded-none'\n                    )}\n                  >\n                    <div className=\"grid gap-[4px]\">\n                      <div className=\"text-[16px] font-bold leading-[1.4]\">{item.title}</div>\n                      <div className=\"text-[14px] font-semibold text-[#999]\">\n                        {data.valueLabel}: {item.value} {data?.pointUnit}\n                      </div>\n                      <div className=\"text-[14px] font-semibold text-[#999]\">\n                        {item?.couponCode ? `${data?.code || 'Code'}: ${item.couponCode} ` : ''}\n                        {item?.couponCode && (\n                          <span\n                            className=\"cursor-pointer text-[14px] font-semibold text-brand underline\"\n                            onClick={() => {\n                              handleCopy(item.couponCode, index)\n                            }}\n                            role=\"button\"\n                            tabIndex={0}\n                            onKeyDown={e => {\n                              if (e.key === 'Enter' || e.key === ' ') {\n                                e.preventDefault()\n                              }\n                            }}\n                          >\n                            {copied === index ? data?.copied || 'COPIED' : data?.copy || 'COPY'}\n                          </span>\n                        )}\n                      </div>\n                      {item?.link && (\n                        <div className=\"text-[14px] font-semibold text-[#999]\">\n                          <a\n                            href={item.link}\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                            className=\"text-brand underline\"\n                          >\n                            {data?.redeemLinkLabel || 'Redeem Link'}\n                          </a>\n                        </div>\n                      )}\n                    </div>\n                    <div className=\"grid gap-[4px] text-right\">\n                      <div\n                        className={classNames(\n                          'flex items-center justify-end text-[16px] font-bold leading-[1.4]',\n                          `text-[${ColorMap[item.type]}]`\n                        )}\n                      >\n                        <span>{TypeMap[item.type]}</span>\n                        {TipMap[item.type] && <Tip info={TipMap[item.type]} index={index} />}\n                      </div>\n                      <div className=\"text-[14px] font-semibold text-[#999]\">\n                        {dayjs(item.date).format('YYYY-MM-DD HH:mm').toString()}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              ))}\n            </div>\n          ) : (\n            <div className=\"flex h-full flex-col items-center justify-center\">\n              <Picture\n                className=\"mb-[12px] w-[160px]\"\n                source={data?.emptyListImage?.url}\n                alt={data?.emptyListImage?.alt || 'empty list image'}\n              ></Picture>\n              <div className=\"text-[16px] font-semibold leading-[1.4]\">{data?.emptyListLabel}</div>\n            </div>\n          )}\n        </div>\n      )}\n    </>\n  )\n\n  return (\n    <CreditsModalContainer\n      title={data.title}\n      className={classNames('h-[800px] w-[640px]')}\n      useAnimation\n      animationClassName=\"md:translate-y-[100vh]\"\n      scrollClassName=\"md:mb-0 flex flex-col\"\n      {...props}\n      onScrollEnd={handleScrollEnd}\n    >\n      <Tabs\n        align=\"left\"\n        shape={rounded ? 'rounded' : 'square'}\n        value={activeTab.toString()}\n        onValueChange={value => {\n          setActiveTab(Number(value))\n        }}\n        className=\"flex flex-1 flex-col\"\n      >\n        <div className=\"shrink-0\">\n          <TabsList>\n            {tabs.map(tab => (\n              <TabsTrigger key={tab.type} value={tab.type.toString()}>\n                {tab.title}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n        </div>\n\n        {tabs.map(tab => (\n          <TabsContent key={tab.type} value={tab.type.toString()}>\n            {renderContent()}\n          </TabsContent>\n        ))}\n      </Tabs>\n    </CreditsModalContainer>\n  )\n}\n\nexport default RewardsModal\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { Tabs, TabsContent, TabsList, TabsTrigger, Picture } from '@anker-in/headless-ui'\nimport classNames from 'classnames'\nimport clipboard from 'copy-to-clipboard'\nimport dayjs from 'dayjs'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport { ApprovalStatus, AlpcConsumeType, RewardType } from '../context/const'\nimport { CreditsModalContainer, type ModalContainerProps } from './ModalContainer'\nimport Tip from './Tip'\nimport LoadingDots from './LoadingDots'\nimport useMyRewards from '../context/hooks/useMyRewards'\nimport { useHeadlessContext } from '../../../lib'\nimport { ROUNDED_BRANDS } from '../../../constants'\n\nexport interface RewardsCopy {\n  title: string\n  orderNumberLabel: string\n  valueLabel: string\n  receivedLabel: string\n  failedLabel: string\n  approveSuccessLabel: string\n  couponTab: string\n  productTab: string\n  externalProductTab?: string\n  pendingLabel: string\n  unfulfilledLabel: string\n  fulfilledLabel: string\n  confirmedTip: string\n  pendingTip: string\n  processingTip: string\n  ShippedTip: string\n  emptyListLabel: string\n  pointUnit: string\n  code: string\n  copied: string\n  copy: string\n  redeemLinkLabel?: string\n  goGiftStatus?: {\n    pending?: {\n      label: string\n      tip: string\n    }\n    approved?: {\n      label: string\n      tip: string\n    }\n    secondConfirm?: {\n      label: string\n      tip: string\n    }\n    rejected?: {\n      label: string\n      tip: string\n    }\n    callbackPending?: {\n      label: string\n      tip: string\n    }\n    callbackSuccess?: {\n      label: string\n      tip: string\n    }\n    callbackTimeout?: {\n      label: string\n      tip: string\n    }\n  }\n  emptyListImage: {\n    url: string\n    alt?: string\n  }\n}\ninterface RewardsModalProps extends ModalContainerProps {\n  data: RewardsCopy\n}\n\nfunction RewardsModal({ data, ...props }: RewardsModalProps) {\n  const [activeTab, setActiveTab] = useState(AlpcConsumeType.Coupon)\n  const { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  const [page, setPage] = useState(1)\n  const [copied, setCopied] = useState(-1)\n\n  const tabs = useMemo(() => {\n    return [\n      { title: data.couponTab, type: AlpcConsumeType.Coupon },\n      { title: data.productTab, type: AlpcConsumeType.Product },\n      { title: data.externalProductTab, type: AlpcConsumeType.ExternalProduct },\n    ].filter((tab): tab is { title: string; type: number } => !!tab.title)\n  }, [data.couponTab, data.productTab, data.externalProductTab])\n\n  // tabs \u7531 data.xxxTab \u771F\u503C\u8FC7\u6EE4\u6784\u5EFA\uFF0CactiveTab \u82E5\u6307\u5411\u4E00\u4E2A\u5DF2\u88AB\u8FC7\u6EE4\u6389\u7684\u7C7B\u578B\uFF08\u4F8B\u5982 couponTab \u5C1A\u672A\u52A0\u8F7D\uFF09\uFF0C\n  // \u4F1A\u5BFC\u81F4\u6CA1\u6709\u4EFB\u4F55 TabsTrigger/TabsContent \u5339\u914D\uFF0C\u521D\u59CB\u4E0D\u5C55\u793A\u5185\u5BB9\u3002\u6B64\u5904\u5728 tabs \u53D8\u5316\u65F6\u91CD\u540C\u6B65\u3002\n  useEffect(() => {\n    if (tabs.length && !tabs.some(tab => tab.type === activeTab)) {\n      setActiveTab(tabs[0]!.type)\n    }\n  }, [tabs, activeTab])\n\n  // Reset page when switching tabs\n  useEffect(() => {\n    setPage(1)\n  }, [activeTab])\n\n  const {\n    myRewards = [],\n    canNext,\n    isLoading,\n  } = useMyRewards({\n    page,\n    pageSize: 1000,\n    consumeType: activeTab,\n  })\n\n  const getProductType = useCallback((item: any) => {\n    if (item.fulfillment_status && item.fulfillment_status !== 'null') {\n      return item.fulfillment_status === 'fulfilled' ? RewardType.Fulfilled : RewardType.Unfulfilled\n    }\n\n    if (item.approval_status === ApprovalStatus.Success || item.approval_status === ApprovalStatus.DoubleConfirm) {\n      return RewardType.ApproveSuccess\n    }\n\n    if (item.approval_status === ApprovalStatus.Failed) {\n      return RewardType.Failed\n    }\n\n    return RewardType.Pending\n  }, [])\n\n  const getGoGiftType = useCallback((status?: number) => {\n    const statusMap: Record<number, RewardType> = {\n      0: RewardType.GogiftPending,\n      1: RewardType.GogiftApproved,\n      2: RewardType.GogiftSecondConfirm,\n      3: RewardType.GogiftRejected,\n      4: RewardType.GogiftCallbackPending,\n      5: RewardType.GogiftCallbackSuccess,\n      6: RewardType.GogiftCallbackTimeout,\n    }\n    return status !== undefined ? (statusMap[status] ?? RewardType.GogiftPending) : RewardType.GogiftPending\n  }, [])\n\n  const list = useMemo(() => {\n    return myRewards.map(item => {\n      const base = {\n        title: item.goods_title,\n        value: item.consume_credits,\n        date: new Date(item.create_time * 1000),\n      }\n\n      if (activeTab === AlpcConsumeType.Coupon) {\n        return {\n          ...base,\n          type: RewardType.Received,\n          couponCode: item.coupon_code,\n          orderNumber: '',\n          link: '',\n        }\n      }\n\n      if (activeTab === AlpcConsumeType.Product) {\n        return {\n          ...base,\n          type: getProductType(item),\n          orderNumber: item.order_number,\n          couponCode: '',\n          link: '',\n        }\n      }\n\n      if (activeTab === AlpcConsumeType.ExternalProduct) {\n        return {\n          ...base,\n          type: getGoGiftType(item.approval_status),\n          orderNumber: '',\n          couponCode: '',\n          link: item.link || '',\n        }\n      }\n\n      return { ...base, type: RewardType.Received, couponCode: '', orderNumber: '', link: '' }\n    })\n  }, [activeTab, myRewards, getProductType, getGoGiftType])\n\n  const TypeMap = useMemo(() => {\n    return {\n      [RewardType.Received]: data.receivedLabel,\n      [RewardType.Pending]: data.pendingLabel,\n      [RewardType.ApproveFail]: data.failedLabel,\n      [RewardType.ApproveSuccess]: data.approveSuccessLabel,\n      [RewardType.Unfulfilled]: data.unfulfilledLabel,\n      [RewardType.Fulfilled]: data.fulfilledLabel,\n      [RewardType.Failed]: data.failedLabel,\n      [RewardType.GogiftPending]: data.goGiftStatus?.pending?.label || data.pendingLabel,\n      [RewardType.GogiftApproved]: data.goGiftStatus?.approved?.label || data.approveSuccessLabel,\n      [RewardType.GogiftSecondConfirm]: data.goGiftStatus?.secondConfirm?.label || data.approveSuccessLabel,\n      [RewardType.GogiftRejected]: data.goGiftStatus?.rejected?.label || data.failedLabel,\n      [RewardType.GogiftCallbackPending]: data.goGiftStatus?.callbackPending?.label || data.pendingLabel,\n      [RewardType.GogiftCallbackSuccess]: data.goGiftStatus?.callbackSuccess?.label || data.receivedLabel,\n      [RewardType.GogiftCallbackTimeout]: data.goGiftStatus?.callbackTimeout?.label || data.failedLabel,\n    }\n  }, [data])\n\n  const TipMap = useMemo(() => {\n    return {\n      [RewardType.Received]: '',\n      [RewardType.Pending]: data.pendingTip,\n      [RewardType.ApproveFail]: '',\n      [RewardType.ApproveSuccess]: data.confirmedTip,\n      [RewardType.Unfulfilled]: data.processingTip,\n      [RewardType.Fulfilled]: data.ShippedTip,\n      [RewardType.Failed]: '',\n      [RewardType.GogiftPending]: data.goGiftStatus?.pending?.tip || '',\n      [RewardType.GogiftApproved]: data.goGiftStatus?.approved?.tip || '',\n      [RewardType.GogiftSecondConfirm]: data.goGiftStatus?.secondConfirm?.tip || '',\n      [RewardType.GogiftRejected]: data.goGiftStatus?.rejected?.tip || '',\n      [RewardType.GogiftCallbackPending]: data.goGiftStatus?.callbackPending?.tip || '',\n      [RewardType.GogiftCallbackSuccess]: data.goGiftStatus?.callbackSuccess?.tip || '',\n      [RewardType.GogiftCallbackTimeout]: data.goGiftStatus?.callbackTimeout?.tip || '',\n    }\n  }, [data])\n\n  const ColorMap = useMemo(() => {\n    return {\n      [RewardType.Received]: '#52C41A',\n      [RewardType.Pending]: '#999',\n      [RewardType.ApproveFail]: '#F84D4F',\n      [RewardType.ApproveSuccess]: '#999',\n      [RewardType.Unfulfilled]: '#999',\n      [RewardType.Fulfilled]: '#999',\n      [RewardType.Failed]: '#F84D4F',\n      [RewardType.GogiftPending]: '#999',\n      [RewardType.GogiftApproved]: '#999',\n      [RewardType.GogiftSecondConfirm]: '#999',\n      [RewardType.GogiftRejected]: '#F84D4F',\n      [RewardType.GogiftCallbackPending]: '#999',\n      [RewardType.GogiftCallbackSuccess]: '#52C41A',\n      [RewardType.GogiftCallbackTimeout]: '#F84D4F',\n    }\n  }, [])\n\n  const handleScrollEnd = useCallback(() => {\n    if (canNext) {\n      setPage(prev => prev + 1)\n    }\n  }, [canNext])\n\n  const handleCopy = useCallback((code: string, idx: number) => {\n    setCopied(idx)\n    clipboard(code)\n    setTimeout(() => {\n      setCopied(-1)\n    }, 2000)\n  }, [])\n\n  // \u6BCF\u4E2A tab \u5BF9\u5E94\u4E00\u6B21\u72EC\u7ACB\u7684\u63A5\u53E3\u8BF7\u6C42\uFF08consumeType \u4E0D\u540C\uFF09\uFF0C\u5F53\u524D\u53EA\u6709\u6FC0\u6D3B tab \u7684\u6570\u636E\u5B58\u5728\u4E8E\u5BA2\u6237\u7AEF\u3002\n  // TabsContent \u53EA\u6302\u8F7D\u5F53\u524D\u6FC0\u6D3B\u7684\u4E00\u4E2A\uFF0C\u5404 tab \u590D\u7528\u540C\u4E00\u4EFD list/isLoading \u72B6\u6001\u662F\u5B89\u5168\u7684\u3002\n  const renderContent = () => (\n    <>\n      {isLoading && (\n        <div className=\"flex flex-1 flex-col items-center justify-center\">\n          <LoadingDots />\n        </div>\n      )}\n\n      {!isLoading && (\n        <div className=\"mt-[24px] pb-[24px] md:pb-[48px]\">\n          {list.length > 0 ? (\n            <div className=\"grid gap-[18px] md:gap-[12px]\">\n              {list.map((item, index) => (\n                <div key={index} className=\"grid gap-[8px]\">\n                  {item?.orderNumber && (\n                    <div className=\"text-[15px] font-semibold leading-[1.4] text-[#777]\">\n                      {data.orderNumberLabel}: {item.orderNumber}\n                    </div>\n                  )}\n                  <div\n                    className={classNames(\n                      'flex items-center justify-between rounded-[8px] bg-[#f7f8f9] px-[16px] py-[20px]',\n                      !rounded && 'rounded-none'\n                    )}\n                  >\n                    <div className=\"grid gap-[4px]\">\n                      <div className=\"text-[16px] font-bold leading-[1.4]\">{item.title}</div>\n                      <div className=\"text-[14px] font-semibold text-[#999]\">\n                        {data.valueLabel}: {item.value} {data?.pointUnit}\n                      </div>\n                      <div className=\"text-[14px] font-semibold text-[#999]\">\n                        {item?.couponCode ? `${data?.code || 'Code'}: ${item.couponCode} ` : ''}\n                        {item?.couponCode && (\n                          <span\n                            className=\"cursor-pointer text-[14px] font-semibold text-brand underline\"\n                            onClick={() => {\n                              handleCopy(item.couponCode, index)\n                            }}\n                            role=\"button\"\n                            tabIndex={0}\n                            onKeyDown={e => {\n                              if (e.key === 'Enter' || e.key === ' ') {\n                                e.preventDefault()\n                              }\n                            }}\n                          >\n                            {copied === index ? data?.copied || 'COPIED' : data?.copy || 'COPY'}\n                          </span>\n                        )}\n                      </div>\n                      {item?.link && (\n                        <div className=\"text-[14px] font-semibold text-[#999]\">\n                          <a\n                            href={item.link}\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                            className=\"text-brand underline\"\n                          >\n                            {data?.redeemLinkLabel || 'Redeem Link'}\n                          </a>\n                        </div>\n                      )}\n                    </div>\n                    <div className=\"grid gap-[4px] text-right\">\n                      <div\n                        className={classNames(\n                          'flex items-center justify-end text-[16px] font-bold leading-[1.4]',\n                          `text-[${ColorMap[item.type]}]`\n                        )}\n                      >\n                        <span>{TypeMap[item.type]}</span>\n                        {TipMap[item.type] && <Tip info={TipMap[item.type]} index={index} />}\n                      </div>\n                      <div className=\"text-[14px] font-semibold text-[#999]\">\n                        {dayjs(item.date).format('YYYY-MM-DD HH:mm').toString()}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              ))}\n            </div>\n          ) : (\n            <div className=\"flex h-full flex-col items-center justify-center\">\n              <Picture\n                className=\"mb-[12px] w-[160px]\"\n                source={data?.emptyListImage?.url}\n                alt={data?.emptyListImage?.alt || 'empty list image'}\n              ></Picture>\n              <div className=\"text-[16px] font-semibold leading-[1.4]\">{data?.emptyListLabel}</div>\n            </div>\n          )}\n        </div>\n      )}\n    </>\n  )\n\n  return (\n    <CreditsModalContainer\n      title={data.title}\n      className={classNames('h-[800px] w-[640px]')}\n      useAnimation\n      animationClassName=\"md:translate-y-[100vh]\"\n      scrollClassName=\"md:mb-0 flex flex-col\"\n      {...props}\n      onScrollEnd={handleScrollEnd}\n    >\n      <Tabs\n        align=\"left\"\n        shape={rounded ? 'rounded' : 'square'}\n        value={activeTab.toString()}\n        onValueChange={value => {\n          setActiveTab(Number(value))\n        }}\n        className=\"flex flex-1 flex-col\"\n      >\n        <div className=\"shrink-0\">\n          <TabsList>\n            {tabs.map(tab => (\n              <TabsTrigger key={tab.type} value={tab.type.toString()}>\n                {tab.title}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n        </div>\n\n        {tabs.map(tab => (\n          <TabsContent key={tab.type} value={tab.type.toString()}>\n            {renderContent()}\n          </TabsContent>\n        ))}\n      </Tabs>\n    </CreditsModalContainer>\n  )\n}\n\nexport default RewardsModal\n"],
+  "mappings": "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",
   "names": ["Fragment", "jsx", "jsxs", "Tabs", "TabsContent", "TabsList", "TabsTrigger", "Picture", "classNames", "clipboard", "dayjs", "useCallback", "useEffect", "useMemo", "useState", "ApprovalStatus", "AlpcConsumeType", "RewardType", "CreditsModalContainer", "Tip", "LoadingDots", "useMyRewards", "useHeadlessContext", "ROUNDED_BRANDS", "RewardsModal", "data", "props", "activeTab", "setActiveTab", "brand", "rounded", "page", "setPage", "copied", "setCopied", "tabs", "tab", "myRewards", "canNext", "isLoading", "getProductType", "item", "getGoGiftType", "status", "statusMap", "list", "base", "TypeMap", "TipMap", "ColorMap", "handleScrollEnd", "prev", "handleCopy", "code", "idx", "renderContent", "index", "e", "value", "RewardsModal_default"]
 }

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

@@ -3,5 +3,5 @@ declare function RulesModal({ rules, className, ruleClassName, ...props }: {
     rules: string | string[];
     ruleClassName?: string;
     className?: string;
-} & ModalContainerProps): import("react/jsx-runtime").JSX.Element;
+} & ModalContainerProps): import("react").JSX.Element;
 export default RulesModal;

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

@@ -1,2 +1,2 @@
-import{jsx as t}from"react/jsx-runtime";import{Text as a}from"@anker-in/headless-ui";import{useMemo as p}from"react";import{CreditsModalContainer as d}from"./ModalContainer";import{classNames as o}from"@anker-in/lib";function x({rules:e,className:i,ruleClassName:s,...n}){const r=p(()=>typeof e=="string"?t(a,{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(a,{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]",i),...n,children:r})}var C=x;export{C as default};
+import{jsx as t}from"react/jsx-runtime";import{Text as a}from"@anker-in/headless-ui";import{useMemo as p}from"react";import{CreditsModalContainer as d}from"./ModalContainer";import{classNames as o}from"../../../lib";function x({rules:e,className:i,ruleClassName:s,...n}){const r=p(()=>typeof e=="string"?t(a,{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(a,{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]",i),...n,children:r})}var C=x;export{C as default};
 //# sourceMappingURL=RulesModal.js.map

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

@@ -1,7 +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 { classNames as cn } from '@anker-in/lib'\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,cAAcC,MAAU,gBAEjC,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",
+  "sourcesContent": ["import { Text } from '@anker-in/headless-ui'\nimport { useMemo } from 'react'\n\nimport { CreditsModalContainer, type ModalContainerProps } from './ModalContainer'\nimport { classNames as cn } from '../../../lib'\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,cAAcC,MAAU,eAEjC,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/SubscribeModal.d.ts

@@ -11,5 +11,5 @@ interface CreditsSubscribeModalProps extends ModalContainerProps {
     copy: CreditsSubscribeModalCopy;
     onSuccess?: () => void;
 }
-export declare function CreditsSubscribeModal({ copy, onSuccess, ...props }: CreditsSubscribeModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function CreditsSubscribeModal({ copy, onSuccess, ...props }: CreditsSubscribeModalProps): import("react").JSX.Element;
 export {};

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

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as g}from"react/jsx-runtime";import{useCallback as T,useEffect as P,useState as l}from"react";import{Button as k,Checkbox as A,Picture as D,Text as x}from"@anker-in/headless-ui";import{classNames as n,fetcher as I,gaTrack as b,useHeadlessContext as L}from"@anker-in/lib";import r from"js-cookie";import{parse as B}from"query-string";import F from"crypto-js/sha256";import{useCreditsContext as H}from"../context/provider";import{ROUNDED_BRANDS as R}from"../../../constants";import{emailValidate as q}from"../context/utils";import{CreditsModalContainer as O}from"./ModalContainer";const z=()=>{if(typeof window>"u")return{register_source:""};const{search:e,href:a}=window.location||{},o=B(e);return{fbuy_ref_code:r.get("fbuy_ref_code"),affiliate:r.get("affiliate"),ref:r.get("ref_ads"),inviter_code:o.ic||o.inviter_code||r.get("inviter_code"),register_source:o.redirect||r.get("reg_source")||a,deals_type:r.get("deal"),transfer_id:r.get("transfer_id")}};function $({copy:e,onSuccess:a,...o}){const{brand:p,locale:h}=L(),m=R.includes(p),[d,M]=l(!1),[s,v]=l(""),[_,i]=l(""),[C,y]=l(""),[w,N]=l(!1),{profile:c}=H(),S=T(u=>{i(""),v(u.target?.value?.trim())},[]),E=T(async()=>{if(i(""),!s)return i("Please fill in your email");if(!q(s))return i("Invalid email address");if(!d)return i("Please agree to the policy");N(!0);const{register_source:u}=z(),f=await I({locale:h,action:"subscribe",url:"/api/multipass/subscribe/subscribe_emails",method:"POST",body:{email:s,register_source:u,brand:p,deals_type:e.dealsType||"vip_subscribe"},headers:{},type:""});N(!1),f.errors?i(f.errors||f.statusText):(y(e.successTips||"Subscribed successfully!"),a&&a(),setTimeout(()=>{y("")},3e3),b({subscribe_hashed_email:s?F(s):""}),b({event:"ga4Event",event_name:"subscribe",event_parameters:{page_group:e.dealsType||"vip_subscribe",position:"pop_up"}}),b({event:"uaEvent",eventCategory:"subscribe",eventAction:e.dealsType||"vip_subscribe",eventLabel:"pop_up",nonInteraction:!1}))},[s,d,h,p,e.dealsType,e.successTips,a]);return P(()=>{c&&c?.email&&v(c?.email)},[c]),t(O,{className:"w-[540px] md:h-auto",scrollClassName:"mb-[40px] min-l:px-[48px] md:mb-[24px]",titleClassName:"h-[56px]",useAnimation:!0,animationClassName:"md:translate-y-[100vh]",...o,children:g("div",{className:"min-l:px-[16px] flex flex-col gap-[16px] text-center",children:[t("div",{children:t(x,{className:n("mb-[24px] text-[22px] font-bold"),html:e.title})}),e.desc&&t(x,{className:"mb-[8px] text-left text-[16px] font-semibold leading-[1.4] text-[#1F2021]",html:e.desc}),g("div",{className:n("relative flex h-[52px] w-full overflow-hidden rounded-[2px] md:grid md:h-auto md:grid-rows-1 md:gap-[16px]",!m&&"rounded-none"),children:[t("input",{className:n("h-full flex-1 rounded-l-[2px] border-[1px] border-[#d8d8d8] px-[14px] py-[17px] text-[16px] font-semibold leading-[1] outline-none placeholder:text-[#999] md:h-[52px] md:rounded-[2px]",!m&&"rounded-none"),placeholder:e.placeholder,value:s,onChange:S}),t(k,{variant:"primary",onClick:E,loading:w,className:n("legacy-headless-ui-primary-button !h-full !min-w-0 !rounded-l-none !rounded-r-[2px] !px-[40px] !py-[13px]",!m&&"rounded-none"),children:t(D,{source:"https://cdn.shopify.com/s/files/1/0512/8568/8505/files/icon_email.png?v=1697527383",className:"size-[24px]",alt:"email"})})]}),g("div",{className:"flex w-full",children:[t(A,{checked:d,onCheckedChange:()=>M(!d),required:!0,className:"border-[#1d1d1f]"}),t("label",{className:"ml-2 text-left text-[14px] font-semibold text-[#777] [&_a]:underline",dangerouslySetInnerHTML:{__html:e?.policy||""}})]}),t("div",{className:n("w-full text-left text-[16px] font-semibold",_&&"text-[#F84D4F]",C&&"text-[#52C41A]"),children:t(x,{html:C||_||""})})]})})}export{$ as CreditsSubscribeModal};
+import{jsx as t,jsxs as g}from"react/jsx-runtime";import{useCallback as T,useEffect as P,useState as l}from"react";import{Button as k,Checkbox as A,Picture as D,Text as x}from"@anker-in/headless-ui";import{classNames as n,fetcher as I,gaTrack as b,useHeadlessContext as L}from"../../../lib";import r from"js-cookie";import{parse as B}from"query-string";import F from"crypto-js/sha256";import{useCreditsContext as H}from"../context/provider";import{ROUNDED_BRANDS as R}from"../../../constants";import{emailValidate as q}from"../context/utils";import{CreditsModalContainer as O}from"./ModalContainer";const z=()=>{if(typeof window>"u")return{register_source:""};const{search:e,href:a}=window.location||{},o=B(e);return{fbuy_ref_code:r.get("fbuy_ref_code"),affiliate:r.get("affiliate"),ref:r.get("ref_ads"),inviter_code:o.ic||o.inviter_code||r.get("inviter_code"),register_source:o.redirect||r.get("reg_source")||a,deals_type:r.get("deal"),transfer_id:r.get("transfer_id")}};function $({copy:e,onSuccess:a,...o}){const{brand:p,locale:h}=L(),m=R.includes(p),[d,M]=l(!1),[s,v]=l(""),[_,i]=l(""),[C,y]=l(""),[w,N]=l(!1),{profile:c}=H(),S=T(u=>{i(""),v(u.target?.value?.trim())},[]),E=T(async()=>{if(i(""),!s)return i("Please fill in your email");if(!q(s))return i("Invalid email address");if(!d)return i("Please agree to the policy");N(!0);const{register_source:u}=z(),f=await I({locale:h,action:"subscribe",url:"/api/multipass/subscribe/subscribe_emails",method:"POST",body:{email:s,register_source:u,brand:p,deals_type:e.dealsType||"vip_subscribe"},headers:{},type:""});N(!1),f.errors?i(f.errors||f.statusText):(y(e.successTips||"Subscribed successfully!"),a&&a(),setTimeout(()=>{y("")},3e3),b({subscribe_hashed_email:s?F(s):""}),b({event:"ga4Event",event_name:"subscribe",event_parameters:{page_group:e.dealsType||"vip_subscribe",position:"pop_up"}}),b({event:"uaEvent",eventCategory:"subscribe",eventAction:e.dealsType||"vip_subscribe",eventLabel:"pop_up",nonInteraction:!1}))},[s,d,h,p,e.dealsType,e.successTips,a]);return P(()=>{c&&c?.email&&v(c?.email)},[c]),t(O,{className:"w-[540px] md:h-auto",scrollClassName:"mb-[40px] min-l:px-[48px] md:mb-[24px]",titleClassName:"h-[56px]",useAnimation:!0,animationClassName:"md:translate-y-[100vh]",...o,children:g("div",{className:"min-l:px-[16px] flex flex-col gap-[16px] text-center",children:[t("div",{children:t(x,{className:n("mb-[24px] text-[22px] font-bold"),html:e.title})}),e.desc&&t(x,{className:"mb-[8px] text-left text-[16px] font-semibold leading-[1.4] text-[#1F2021]",html:e.desc}),g("div",{className:n("relative flex h-[52px] w-full overflow-hidden rounded-[2px] md:grid md:h-auto md:grid-rows-1 md:gap-[16px]",!m&&"rounded-none"),children:[t("input",{className:n("h-full flex-1 rounded-l-[2px] border-[1px] border-[#d8d8d8] px-[14px] py-[17px] text-[16px] font-semibold leading-[1] outline-none placeholder:text-[#999] md:h-[52px] md:rounded-[2px]",!m&&"rounded-none"),placeholder:e.placeholder,value:s,onChange:S}),t(k,{variant:"primary",onClick:E,loading:w,className:n("legacy-headless-ui-primary-button !h-full !min-w-0 !rounded-l-none !rounded-r-[2px] !px-[40px] !py-[13px]",!m&&"rounded-none"),children:t(D,{source:"https://cdn.shopify.com/s/files/1/0512/8568/8505/files/icon_email.png?v=1697527383",className:"size-[24px]",alt:"email"})})]}),g("div",{className:"flex w-full",children:[t(A,{checked:d,onCheckedChange:()=>M(!d),required:!0,className:"border-[#1d1d1f]"}),t("label",{className:"ml-2 text-left text-[14px] font-semibold text-[#777] [&_a]:underline",dangerouslySetInnerHTML:{__html:e?.policy||""}})]}),t("div",{className:n("w-full text-left text-[16px] font-semibold",_&&"text-[#F84D4F]",C&&"text-[#52C41A]"),children:t(x,{html:C||_||""})})]})})}export{$ as CreditsSubscribeModal};
 //# sourceMappingURL=SubscribeModal.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/credits/modal/SubscribeModal.tsx"],
-  "sourcesContent": ["import { useCallback, useEffect, useState } from 'react'\nimport { Button, Checkbox, Picture, Text } from '@anker-in/headless-ui'\nimport { classNames, fetcher, gaTrack, useHeadlessContext } from '@anker-in/lib'\nimport Cookies from 'js-cookie'\nimport { parse } from 'query-string'\nimport sha256 from 'crypto-js/sha256'\nimport { useCreditsContext } from '../context/provider'\nimport { ROUNDED_BRANDS } from '../../../constants'\nimport { emailValidate } from '../context/utils'\nimport { CreditsModalContainer, type ModalContainerProps } from './ModalContainer'\n\nexport type CreditsSubscribeModalCopy = {\n  title: string\n  desc?: string\n  placeholder: string\n  policy?: string\n  successTips?: string\n  dealsType?: string\n}\n\ninterface CreditsSubscribeModalProps extends ModalContainerProps {\n  copy: CreditsSubscribeModalCopy\n  onSuccess?: () => void\n}\n\nconst getAdCookie = () => {\n  if (typeof window === 'undefined') {\n    return { register_source: '' }\n  }\n  const { search, href } = window.location || {}\n  const query = parse(search)\n\n  return {\n    fbuy_ref_code: Cookies.get('fbuy_ref_code'),\n    affiliate: Cookies.get('affiliate'),\n    ref: Cookies.get('ref_ads'),\n    inviter_code: query.ic || query.inviter_code || Cookies.get('inviter_code'),\n    register_source: query.redirect || Cookies.get('reg_source') || href,\n    deals_type: Cookies.get('deal'),\n    transfer_id: Cookies.get('transfer_id'),\n  }\n}\n\nexport function CreditsSubscribeModal({ copy, onSuccess, ...props }: CreditsSubscribeModalProps) {\n  const { brand, locale } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n  const [policy, setPolicy] = useState(false)\n  const [email, setEmail] = useState('')\n  const [errorMessage, setErrorMessage] = useState('')\n  const [successMessage, setSuccessMessage] = useState('')\n  const [loading, setLoading] = useState(false)\n  const { profile } = useCreditsContext()\n\n  const handleEmailChange = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\n    setErrorMessage('')\n    setEmail(event.target?.value?.trim())\n  }, [])\n\n  const handleSubmit = useCallback(async () => {\n    setErrorMessage('')\n    if (!email) {\n      return setErrorMessage('Please fill in your email')\n    }\n\n    if (!emailValidate(email)) {\n      return setErrorMessage('Invalid email address')\n    }\n\n    if (!policy) {\n      return setErrorMessage('Please agree to the policy')\n    }\n\n    setLoading(true)\n    const { register_source } = getAdCookie()\n\n    const result = await fetcher({\n      locale,\n      action: 'subscribe',\n      url: '/api/multipass/subscribe/subscribe_emails',\n      method: 'POST',\n      body: {\n        email,\n        register_source,\n        brand,\n        deals_type: copy.dealsType || 'vip_subscribe',\n      },\n      headers: {},\n      type: '',\n    })\n    setLoading(false)\n\n    if (!result.errors) {\n      setSuccessMessage(copy.successTips || 'Subscribed successfully!')\n      if (onSuccess) {\n        onSuccess()\n      }\n      setTimeout(() => {\n        setSuccessMessage('')\n      }, 3000)\n      gaTrack({\n        subscribe_hashed_email: email ? sha256(email) : '',\n      })\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'subscribe',\n        event_parameters: {\n          page_group: copy.dealsType || 'vip_subscribe',\n          position: 'pop_up',\n        },\n      })\n      gaTrack({\n        event: 'uaEvent',\n        eventCategory: 'subscribe',\n        eventAction: copy.dealsType || 'vip_subscribe',\n        eventLabel: 'pop_up',\n        nonInteraction: false,\n      })\n    } else {\n      setErrorMessage(result.errors || result.statusText)\n    }\n  }, [email, policy, locale, brand, copy.dealsType, copy.successTips, onSuccess])\n\n  useEffect(() => {\n    if (profile && profile?.email) {\n      setEmail(profile?.email)\n    }\n  }, [profile])\n\n  return (\n    <CreditsModalContainer\n      className=\"w-[540px] md:h-auto\"\n      scrollClassName=\"mb-[40px] min-l:px-[48px] md:mb-[24px]\"\n      titleClassName=\"h-[56px]\"\n      useAnimation\n      animationClassName=\"md:translate-y-[100vh]\"\n      {...props}\n    >\n      <div className=\"min-l:px-[16px] flex flex-col gap-[16px] text-center\">\n        <div>\n          <Text className={classNames('mb-[24px] text-[22px] font-bold')} html={copy.title}></Text>\n        </div>\n        {copy.desc && (\n          <Text\n            className=\"mb-[8px] text-left text-[16px] font-semibold leading-[1.4] text-[#1F2021]\"\n            html={copy.desc}\n          ></Text>\n        )}\n        <div\n          className={classNames(\n            'relative flex h-[52px] w-full overflow-hidden rounded-[2px] md:grid md:h-auto md:grid-rows-1 md:gap-[16px]',\n            !rounded && 'rounded-none'\n          )}\n        >\n          <input\n            className={classNames(\n              'h-full flex-1 rounded-l-[2px] border-[1px] border-[#d8d8d8] px-[14px] py-[17px] text-[16px] font-semibold leading-[1] outline-none placeholder:text-[#999] md:h-[52px] md:rounded-[2px]',\n              !rounded && 'rounded-none'\n            )}\n            placeholder={copy.placeholder}\n            value={email}\n            onChange={handleEmailChange}\n          />\n          <Button\n            variant=\"primary\"\n            onClick={handleSubmit}\n            loading={loading}\n            className={classNames(\n              'legacy-headless-ui-primary-button !h-full !min-w-0 !rounded-l-none !rounded-r-[2px] !px-[40px] !py-[13px]',\n              !rounded && 'rounded-none'\n            )}\n          >\n            <Picture\n              source=\"https://cdn.shopify.com/s/files/1/0512/8568/8505/files/icon_email.png?v=1697527383\"\n              className=\"size-[24px]\"\n              alt=\"email\"\n            />\n          </Button>\n        </div>\n        <div className=\"flex w-full\">\n          <Checkbox checked={policy} onCheckedChange={() => setPolicy(!policy)} required className=\"border-[#1d1d1f]\" />\n          <label\n            className=\"ml-2 text-left text-[14px] font-semibold text-[#777] [&_a]:underline\"\n            dangerouslySetInnerHTML={{\n              __html: copy?.policy || '',\n            }}\n          />\n        </div>\n        <div\n          className={classNames(\n            'w-full text-left text-[16px] font-semibold',\n            errorMessage && 'text-[#F84D4F]',\n            successMessage && 'text-[#52C41A]'\n          )}\n        >\n          <Text html={successMessage || errorMessage || ''} />\n        </div>\n      </div>\n    </CreditsModalContainer>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useCallback, useEffect, useState } from 'react'\nimport { Button, Checkbox, Picture, Text } from '@anker-in/headless-ui'\nimport { classNames, fetcher, gaTrack, useHeadlessContext } from '../../../lib'\nimport Cookies from 'js-cookie'\nimport { parse } from 'query-string'\nimport sha256 from 'crypto-js/sha256'\nimport { useCreditsContext } from '../context/provider'\nimport { ROUNDED_BRANDS } from '../../../constants'\nimport { emailValidate } from '../context/utils'\nimport { CreditsModalContainer, type ModalContainerProps } from './ModalContainer'\n\nexport type CreditsSubscribeModalCopy = {\n  title: string\n  desc?: string\n  placeholder: string\n  policy?: string\n  successTips?: string\n  dealsType?: string\n}\n\ninterface CreditsSubscribeModalProps extends ModalContainerProps {\n  copy: CreditsSubscribeModalCopy\n  onSuccess?: () => void\n}\n\nconst getAdCookie = () => {\n  if (typeof window === 'undefined') {\n    return { register_source: '' }\n  }\n  const { search, href } = window.location || {}\n  const query = parse(search)\n\n  return {\n    fbuy_ref_code: Cookies.get('fbuy_ref_code'),\n    affiliate: Cookies.get('affiliate'),\n    ref: Cookies.get('ref_ads'),\n    inviter_code: query.ic || query.inviter_code || Cookies.get('inviter_code'),\n    register_source: query.redirect || Cookies.get('reg_source') || href,\n    deals_type: Cookies.get('deal'),\n    transfer_id: Cookies.get('transfer_id'),\n  }\n}\n\nexport function CreditsSubscribeModal({ copy, onSuccess, ...props }: CreditsSubscribeModalProps) {\n  const { brand, locale } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n  const [policy, setPolicy] = useState(false)\n  const [email, setEmail] = useState('')\n  const [errorMessage, setErrorMessage] = useState('')\n  const [successMessage, setSuccessMessage] = useState('')\n  const [loading, setLoading] = useState(false)\n  const { profile } = useCreditsContext()\n\n  const handleEmailChange = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\n    setErrorMessage('')\n    setEmail(event.target?.value?.trim())\n  }, [])\n\n  const handleSubmit = useCallback(async () => {\n    setErrorMessage('')\n    if (!email) {\n      return setErrorMessage('Please fill in your email')\n    }\n\n    if (!emailValidate(email)) {\n      return setErrorMessage('Invalid email address')\n    }\n\n    if (!policy) {\n      return setErrorMessage('Please agree to the policy')\n    }\n\n    setLoading(true)\n    const { register_source } = getAdCookie()\n\n    const result = await fetcher({\n      locale,\n      action: 'subscribe',\n      url: '/api/multipass/subscribe/subscribe_emails',\n      method: 'POST',\n      body: {\n        email,\n        register_source,\n        brand,\n        deals_type: copy.dealsType || 'vip_subscribe',\n      },\n      headers: {},\n      type: '',\n    })\n    setLoading(false)\n\n    if (!result.errors) {\n      setSuccessMessage(copy.successTips || 'Subscribed successfully!')\n      if (onSuccess) {\n        onSuccess()\n      }\n      setTimeout(() => {\n        setSuccessMessage('')\n      }, 3000)\n      gaTrack({\n        subscribe_hashed_email: email ? sha256(email) : '',\n      })\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'subscribe',\n        event_parameters: {\n          page_group: copy.dealsType || 'vip_subscribe',\n          position: 'pop_up',\n        },\n      })\n      gaTrack({\n        event: 'uaEvent',\n        eventCategory: 'subscribe',\n        eventAction: copy.dealsType || 'vip_subscribe',\n        eventLabel: 'pop_up',\n        nonInteraction: false,\n      })\n    } else {\n      setErrorMessage(result.errors || result.statusText)\n    }\n  }, [email, policy, locale, brand, copy.dealsType, copy.successTips, onSuccess])\n\n  useEffect(() => {\n    if (profile && profile?.email) {\n      setEmail(profile?.email)\n    }\n  }, [profile])\n\n  return (\n    <CreditsModalContainer\n      className=\"w-[540px] md:h-auto\"\n      scrollClassName=\"mb-[40px] min-l:px-[48px] md:mb-[24px]\"\n      titleClassName=\"h-[56px]\"\n      useAnimation\n      animationClassName=\"md:translate-y-[100vh]\"\n      {...props}\n    >\n      <div className=\"min-l:px-[16px] flex flex-col gap-[16px] text-center\">\n        <div>\n          <Text className={classNames('mb-[24px] text-[22px] font-bold')} html={copy.title}></Text>\n        </div>\n        {copy.desc && (\n          <Text\n            className=\"mb-[8px] text-left text-[16px] font-semibold leading-[1.4] text-[#1F2021]\"\n            html={copy.desc}\n          ></Text>\n        )}\n        <div\n          className={classNames(\n            'relative flex h-[52px] w-full overflow-hidden rounded-[2px] md:grid md:h-auto md:grid-rows-1 md:gap-[16px]',\n            !rounded && 'rounded-none'\n          )}\n        >\n          <input\n            className={classNames(\n              'h-full flex-1 rounded-l-[2px] border-[1px] border-[#d8d8d8] px-[14px] py-[17px] text-[16px] font-semibold leading-[1] outline-none placeholder:text-[#999] md:h-[52px] md:rounded-[2px]',\n              !rounded && 'rounded-none'\n            )}\n            placeholder={copy.placeholder}\n            value={email}\n            onChange={handleEmailChange}\n          />\n          <Button\n            variant=\"primary\"\n            onClick={handleSubmit}\n            loading={loading}\n            className={classNames(\n              'legacy-headless-ui-primary-button !h-full !min-w-0 !rounded-l-none !rounded-r-[2px] !px-[40px] !py-[13px]',\n              !rounded && 'rounded-none'\n            )}\n          >\n            <Picture\n              source=\"https://cdn.shopify.com/s/files/1/0512/8568/8505/files/icon_email.png?v=1697527383\"\n              className=\"size-[24px]\"\n              alt=\"email\"\n            />\n          </Button>\n        </div>\n        <div className=\"flex w-full\">\n          <Checkbox checked={policy} onCheckedChange={() => setPolicy(!policy)} required className=\"border-[#1d1d1f]\" />\n          <label\n            className=\"ml-2 text-left text-[14px] font-semibold text-[#777] [&_a]:underline\"\n            dangerouslySetInnerHTML={{\n              __html: copy?.policy || '',\n            }}\n          />\n        </div>\n        <div\n          className={classNames(\n            'w-full text-left text-[16px] font-semibold',\n            errorMessage && 'text-[#F84D4F]',\n            successMessage && 'text-[#52C41A]'\n          )}\n        >\n          <Text html={successMessage || errorMessage || ''} />\n        </div>\n      </div>\n    </CreditsModalContainer>\n  )\n}\n"],
+  "mappings": "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",
   "names": ["jsx", "jsxs", "useCallback", "useEffect", "useState", "Button", "Checkbox", "Picture", "Text", "classNames", "fetcher", "gaTrack", "useHeadlessContext", "Cookies", "parse", "sha256", "useCreditsContext", "ROUNDED_BRANDS", "emailValidate", "CreditsModalContainer", "getAdCookie", "search", "href", "query", "CreditsSubscribeModal", "copy", "onSuccess", "props", "brand", "locale", "rounded", "policy", "setPolicy", "email", "setEmail", "errorMessage", "setErrorMessage", "successMessage", "setSuccessMessage", "loading", "setLoading", "profile", "handleEmailChange", "event", "handleSubmit", "register_source", "result"]
 }

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

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

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

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as l}from"react/jsx-runtime";import{useHeadlessContext as d}from"@anker-in/lib";import p from"classnames";import{useState as x}from"react";import{ROUNDED_BRANDS as b}from"../../../constants";function f({info:n,index:t}){const[s,o]=x(!1),{brand:a}=d(),i=b.includes(a);return l("div",{className:"relative ml-[6px] cursor-pointer",onClick:()=>{o(!s)},role:"button",tabIndex:0,onKeyDown:r=>{(r.key==="Enter"||r.key===" ")&&r.preventDefault()},onMouseOver:()=>{o(!0)},onFocus:()=>{o(!0)},onMouseLeave:()=>{o(!1)},onBlur:()=>{o(!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"})}),l("div",{className:p("absolute -right-[14px] hidden min-w-[300px] shadow-[0px_1px_12px_0px_rgba(0,0,0,0.12)]",t===0?"top-[33px]":"bottom-[33px]",s&&"!block"),children:[e("i",{className:"absolute right-[8px] blur-[12px]",style:t===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:t===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:p("relative block rounded-[4px] bg-white px-[14px] py-[12px]",!i&&"rounded-none"),children:e("span",{className:"block text-left text-[14px] font-semibold leading-[1.4] text-[#333]",children:n})})]})]})}var C=f;export{C as default};
+import{jsx as e,jsxs as l}from"react/jsx-runtime";import{useHeadlessContext as d}from"../../../lib";import p from"classnames";import{useState as x}from"react";import{ROUNDED_BRANDS as b}from"../../../constants";function f({info:n,index:t}){const[s,o]=x(!1),{brand:a}=d(),i=b.includes(a);return l("div",{className:"relative ml-[6px] cursor-pointer",onClick:()=>{o(!s)},role:"button",tabIndex:0,onKeyDown:r=>{(r.key==="Enter"||r.key===" ")&&r.preventDefault()},onMouseOver:()=>{o(!0)},onFocus:()=>{o(!0)},onMouseLeave:()=>{o(!1)},onBlur:()=>{o(!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"})}),l("div",{className:p("absolute -right-[14px] hidden min-w-[300px] shadow-[0px_1px_12px_0px_rgba(0,0,0,0.12)]",t===0?"top-[33px]":"bottom-[33px]",s&&"!block"),children:[e("i",{className:"absolute right-[8px] blur-[12px]",style:t===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:t===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:p("relative block rounded-[4px] bg-white px-[14px] py-[12px]",!i&&"rounded-none"),children:e("span",{className:"block text-left text-[14px] font-semibold leading-[1.4] text-[#333]",children:n})})]})]})}var C=f;export{C as default};
 //# sourceMappingURL=Tip.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/credits/modal/Tip.tsx"],
-  "sourcesContent": ["import { useHeadlessContext } from '@anker-in/lib'\nimport classNames from 'classnames'\nimport { useState } from 'react'\nimport { ROUNDED_BRANDS } from '../../../constants'\n\nfunction Tip({ info, index }: { info: string; index: number }) {\n  const [show, setShow] = useState(false)\n\n  const { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\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\n          className={classNames(\n            'relative block rounded-[4px] bg-white px-[14px] py-[12px]',\n            !rounded && 'rounded-none'\n          )}\n        >\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": "AAsCQ,cAAAA,EAOF,QAAAC,MAPE,oBAtCR,OAAS,sBAAAC,MAA0B,gBACnC,OAAOC,MAAgB,aACvB,OAAS,YAAAC,MAAgB,QACzB,OAAS,kBAAAC,MAAsB,qBAE/B,SAASC,EAAI,CAAE,KAAAC,EAAM,MAAAC,CAAM,EAAoC,CAC7D,KAAM,CAACC,EAAMC,CAAO,EAAIN,EAAS,EAAK,EAEhC,CAAE,MAAAO,CAAM,EAAIT,EAAmB,EAC/BU,EAAUP,EAAe,SAASM,CAAK,EAE7C,OACEV,EAAC,OACC,UAAU,mCACV,QAAS,IAAM,CACbS,EAAQ,CAACD,CAAI,CACf,EACA,KAAK,SACL,SAAU,EACV,UAAWI,GAAK,EACVA,EAAE,MAAQ,SAAWA,EAAE,MAAQ,MACjCA,EAAE,eAAe,CAErB,EACA,YAAa,IAAM,CACjBH,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,UAAAV,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,UAAWE,EACT,yFACAK,IAAU,EAAI,aAAe,gBAC7BC,GAAQ,QACV,EAEA,UAAAT,EAAC,KACC,UAAU,mCACV,MACEQ,IAAU,EACN,CACE,IAAK,OACL,YAAa,0BACb,WAAY,0BACZ,aAAc,4BAChB,EACA,CACE,OAAQ,OACR,YAAa,0BACb,WAAY,0BACZ,UAAW,4BACb,EAEP,EACDR,EAAC,KACC,UAAU,uBACV,MACEQ,IAAU,EACN,CACE,IAAK,OACL,YAAa,0BACb,WAAY,0BACZ,aAAc,iBAChB,EACA,CACE,OAAQ,OACR,YAAa,0BACb,WAAY,0BACZ,UAAW,iBACb,EAEP,EACDR,EAAC,KACC,UAAWG,EACT,4DACA,CAACS,GAAW,cACd,EAEA,SAAAZ,EAAC,QAAK,UAAU,sEAAuE,SAAAO,EAAK,EAC9F,GACF,GACF,CAEJ,CAEA,IAAOO,EAAQR",
+  "sourcesContent": ["import { useHeadlessContext } from '../../../lib'\nimport classNames from 'classnames'\nimport { useState } from 'react'\nimport { ROUNDED_BRANDS } from '../../../constants'\n\nfunction Tip({ info, index }: { info: string; index: number }) {\n  const [show, setShow] = useState(false)\n\n  const { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\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\n          className={classNames(\n            'relative block rounded-[4px] bg-white px-[14px] py-[12px]',\n            !rounded && 'rounded-none'\n          )}\n        >\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": "AAsCQ,cAAAA,EAOF,QAAAC,MAPE,oBAtCR,OAAS,sBAAAC,MAA0B,eACnC,OAAOC,MAAgB,aACvB,OAAS,YAAAC,MAAgB,QACzB,OAAS,kBAAAC,MAAsB,qBAE/B,SAASC,EAAI,CAAE,KAAAC,EAAM,MAAAC,CAAM,EAAoC,CAC7D,KAAM,CAACC,EAAMC,CAAO,EAAIN,EAAS,EAAK,EAEhC,CAAE,MAAAO,CAAM,EAAIT,EAAmB,EAC/BU,EAAUP,EAAe,SAASM,CAAK,EAE7C,OACEV,EAAC,OACC,UAAU,mCACV,QAAS,IAAM,CACbS,EAAQ,CAACD,CAAI,CACf,EACA,KAAK,SACL,SAAU,EACV,UAAWI,GAAK,EACVA,EAAE,MAAQ,SAAWA,EAAE,MAAQ,MACjCA,EAAE,eAAe,CAErB,EACA,YAAa,IAAM,CACjBH,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,UAAAV,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,UAAWE,EACT,yFACAK,IAAU,EAAI,aAAe,gBAC7BC,GAAQ,QACV,EAEA,UAAAT,EAAC,KACC,UAAU,mCACV,MACEQ,IAAU,EACN,CACE,IAAK,OACL,YAAa,0BACb,WAAY,0BACZ,aAAc,4BAChB,EACA,CACE,OAAQ,OACR,YAAa,0BACb,WAAY,0BACZ,UAAW,4BACb,EAEP,EACDR,EAAC,KACC,UAAU,uBACV,MACEQ,IAAU,EACN,CACE,IAAK,OACL,YAAa,0BACb,WAAY,0BACZ,aAAc,iBAChB,EACA,CACE,OAAQ,OACR,YAAa,0BACb,WAAY,0BACZ,UAAW,iBACb,EAEP,EACDR,EAAC,KACC,UAAWG,EACT,4DACA,CAACS,GAAW,cACd,EAEA,SAAAZ,EAAC,QAAK,UAAU,sEAAuE,SAAAO,EAAK,EAC9F,GACF,GACF,CAEJ,CAEA,IAAOO,EAAQR",
   "names": ["jsx", "jsxs", "useHeadlessContext", "classNames", "useState", "ROUNDED_BRANDS", "Tip", "info", "index", "show", "setShow", "brand", "rounded", "e", "Tip_default"]
 }

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

@@ -1,4 +1,4 @@
-import type { Product, ProductVariant } from '@anker-in/lib';
+import type { Product, ProductVariant } from '../../lib';
 import type { AlpcConsumeType, ConsumeType } from './context/const';
 import { MyActivitiesMetafields } from './modal/ActivitiesModal';
 import { RewardsCopy } from './modal/RewardsModal';