@anker-in/campaign-ui 0.5.16 → 0.5.19

package/dist/cjs/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": ["RewardsModal_exports", "__export", "RewardsModal_default", "__toCommonJS", "import_jsx_runtime", "import_headless_ui", "import_classnames", "import_copy_to_clipboard", "import_dayjs", "import_react", "import_const", "import_ModalContainer", "import_Tip", "import_LoadingDots", "import_useMyRewards", "import_lib", "import_constants", "RewardsModal", "data", "props", "activeTab", "setActiveTab", "brand", "rounded", "page", "setPage", "copied", "setCopied", "tabs", "tab", "myRewards", "canNext", "isLoading", "useMyRewards", "getProductType", "item", "getGoGiftType", "status", "statusMap", "list", "base", "TypeMap", "TipMap", "ColorMap", "handleScrollEnd", "prev", "handleCopy", "code", "idx", "clipboard", "renderContent", "LoadingDots", "index", "classNames", "e", "Tip", "dayjs", "value"]
 }

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

@@ -1,2 +1,2 @@
-"use strict";var r=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var u=(t,e)=>{for(var o in e)r(t,o,{get:e[o],enumerable:!0})},C=(t,e,o,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of f(e))!g.call(t,s)&&s!==o&&r(t,s,{get:()=>e[s],enumerable:!(n=c(e,s))||n.enumerable});return t};var M=t=>C(r({},"__esModule",{value:!0}),t);var b={};u(b,{default:()=>h});module.exports=M(b);var a=require("react/jsx-runtime"),l=require("@anker-in/headless-ui"),m=require("react"),p=require("./ModalContainer"),i=require("@anker-in/lib");function N({rules:t,className:e,ruleClassName:o,...n}){const s=(0,m.useMemo)(()=>typeof t=="string"?(0,a.jsx)(l.Text,{className:(0,i.classNames)("text-[16px] font-semibold",o),html:t}):(0,a.jsx)("ul",{className:"ml-4 text-[16px]",children:t?.map((d,x)=>(0,a.jsx)("li",{className:(0,i.classNames)("mb-[10px] list-disc"),children:(0,a.jsx)(l.Text,{as:"div",className:(0,i.classNames)("text-[16px] font-semibold leading-[1.4] text-[#777777]",o),html:d})},x))}),[o,t]);return(0,a.jsx)(p.CreditsModalContainer,{className:(0,i.classNames)("max-h-[90vh] w-[640px]",e),...n,children:s})}var h=N;
+"use strict";var r=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var u=(t,e)=>{for(var o in e)r(t,o,{get:e[o],enumerable:!0})},C=(t,e,o,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of f(e))!g.call(t,s)&&s!==o&&r(t,s,{get:()=>e[s],enumerable:!(n=c(e,s))||n.enumerable});return t};var M=t=>C(r({},"__esModule",{value:!0}),t);var b={};u(b,{default:()=>h});module.exports=M(b);var a=require("react/jsx-runtime"),l=require("@anker-in/headless-ui"),m=require("react"),p=require("./ModalContainer"),i=require("../../../lib");function N({rules:t,className:e,ruleClassName:o,...n}){const s=(0,m.useMemo)(()=>typeof t=="string"?(0,a.jsx)(l.Text,{className:(0,i.classNames)("text-[16px] font-semibold",o),html:t}):(0,a.jsx)("ul",{className:"ml-4 text-[16px]",children:t?.map((d,x)=>(0,a.jsx)("li",{className:(0,i.classNames)("mb-[10px] list-disc"),children:(0,a.jsx)(l.Text,{as:"div",className:(0,i.classNames)("text-[16px] font-semibold leading-[1.4] text-[#777777]",o),html:d})},x))}),[o,t]);return(0,a.jsx)(p.CreditsModalContainer,{className:(0,i.classNames)("max-h-[90vh] w-[640px]",e),...n,children:s})}var h=N;
 //# sourceMappingURL=RulesModal.js.map

package/dist/cjs/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": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAkBa,IAAAI,EAAA,6BAlBbC,EAAqB,iCACrBC,EAAwB,iBAExBC,EAAgE,4BAChEC,EAAiC,yBAEjC,SAASC,EAAW,CAClB,MAAAC,EACA,UAAAC,EACA,cAAAC,EACA,GAAGC,CACL,EAIyB,CACvB,MAAMC,KAAiB,WAAQ,IACzB,OAAOJ,GAAU,YACZ,OAAC,QAAK,aAAW,EAAAK,YAAG,4BAA6BH,CAAa,EAAG,KAAMF,EAAO,KAGnF,OAAC,MAAG,UAAU,mBACX,SAAAA,GAAO,IAAI,CAACM,EAAMC,OACjB,OAAC,MAAe,aAAW,EAAAF,YAAG,qBAAqB,EACjD,mBAAC,QACC,GAAG,MACH,aAAW,EAAAA,YAAG,yDAA0DH,CAAa,EACrF,KAAMI,EACP,GALMC,CAMT,CACD,EACH,EAGH,CAACL,EAAeF,CAAK,CAAC,EAEzB,SACE,OAAC,yBAAsB,aAAW,EAAAK,YAAG,yBAA0BJ,CAAS,EAAI,GAAGE,EAC5E,SAAAC,EACH,CAEJ,CAEA,IAAOZ,EAAQO",
+  "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": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAkBa,IAAAI,EAAA,6BAlBbC,EAAqB,iCACrBC,EAAwB,iBAExBC,EAAgE,4BAChEC,EAAiC,wBAEjC,SAASC,EAAW,CAClB,MAAAC,EACA,UAAAC,EACA,cAAAC,EACA,GAAGC,CACL,EAIyB,CACvB,MAAMC,KAAiB,WAAQ,IACzB,OAAOJ,GAAU,YACZ,OAAC,QAAK,aAAW,EAAAK,YAAG,4BAA6BH,CAAa,EAAG,KAAMF,EAAO,KAGnF,OAAC,MAAG,UAAU,mBACX,SAAAA,GAAO,IAAI,CAACM,EAAMC,OACjB,OAAC,MAAe,aAAW,EAAAF,YAAG,qBAAqB,EACjD,mBAAC,QACC,GAAG,MACH,aAAW,EAAAA,YAAG,yDAA0DH,CAAa,EACrF,KAAMI,EACP,GALMC,CAMT,CACD,EACH,EAGH,CAACL,EAAeF,CAAK,CAAC,EAEzB,SACE,OAAC,yBAAsB,aAAW,EAAAK,YAAG,yBAA0BJ,CAAS,EAAI,GAAGE,EAC5E,SAAAC,EACH,CAEJ,CAEA,IAAOZ,EAAQO",
   "names": ["RulesModal_exports", "__export", "RulesModal_default", "__toCommonJS", "import_jsx_runtime", "import_headless_ui", "import_react", "import_ModalContainer", "import_lib", "RulesModal", "rules", "className", "ruleClassName", "props", "rulesComponent", "cn", "rule", "index"]
 }

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

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

package/dist/cjs/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": ["SubscribeModal_exports", "__export", "CreditsSubscribeModal", "__toCommonJS", "import_jsx_runtime", "import_react", "import_headless_ui", "import_lib", "import_js_cookie", "import_query_string", "import_sha256", "import_provider", "import_constants", "import_utils", "import_ModalContainer", "getAdCookie", "search", "href", "query", "Cookies", "copy", "onSuccess", "props", "brand", "locale", "rounded", "policy", "setPolicy", "email", "setEmail", "errorMessage", "setErrorMessage", "successMessage", "setSuccessMessage", "loading", "setLoading", "profile", "handleEmailChange", "event", "handleSubmit", "register_source", "result", "sha256"]
 }

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

@@ -1,2 +1,2 @@
-"use strict";var m=Object.create;var l=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,C=Object.prototype.hasOwnProperty;var h=(e,o)=>{for(var t in o)l(e,t,{get:o[t],enumerable:!0})},i=(e,o,t,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let p of c(o))!C.call(e,p)&&p!==t&&l(e,p,{get:()=>o[p],enumerable:!(s=u(o,p))||s.enumerable});return e};var v=(e,o,t)=>(t=e!=null?m(g(e)):{},i(o||!e||!e.__esModule?l(t,"default",{value:e,enumerable:!0}):t,e)),w=e=>i(l({},"__esModule",{value:!0}),e);var y={};h(y,{default:()=>k});module.exports=w(y);var r=require("react/jsx-runtime"),d=require("@anker-in/lib"),a=v(require("classnames")),x=require("react"),b=require("../../../constants");function N({info:e,index:o}){const[t,s]=(0,x.useState)(!1),{brand:p}=(0,d.useHeadlessContext)(),f=b.ROUNDED_BRANDS.includes(p);return(0,r.jsxs)("div",{className:"relative ml-[6px] cursor-pointer",onClick:()=>{s(!t)},role:"button",tabIndex:0,onKeyDown:n=>{(n.key==="Enter"||n.key===" ")&&n.preventDefault()},onMouseOver:()=>{s(!0)},onFocus:()=>{s(!0)},onMouseLeave:()=>{s(!1)},onBlur:()=>{s(!1)},children:[(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:(0,r.jsx)("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"})}),(0,r.jsxs)("div",{className:(0,a.default)("absolute -right-[14px] hidden min-w-[300px] shadow-[0px_1px_12px_0px_rgba(0,0,0,0.12)]",o===0?"top-[33px]":"bottom-[33px]",t&&"!block"),children:[(0,r.jsx)("i",{className:"absolute right-[8px] blur-[12px]",style:o===0?{top:"-9px",borderRight:"16px solid transparent ",borderLeft:"16px solid transparent ",borderBottom:"8px solid rgba(0,0,0,0.12)"}:{bottom:"-9px",borderRight:"16px solid transparent ",borderLeft:"16px solid transparent ",borderTop:"8px solid rgba(0,0,0,0.12)"}}),(0,r.jsx)("i",{className:"absolute right-[8px]",style:o===0?{top:"-7px",borderRight:"16px solid transparent ",borderLeft:"16px solid transparent ",borderBottom:"8px solid #fff "}:{bottom:"-7px",borderRight:"16px solid transparent ",borderLeft:"16px solid transparent ",borderTop:"8px solid #fff "}}),(0,r.jsx)("p",{className:(0,a.default)("relative block rounded-[4px] bg-white px-[14px] py-[12px]",!f&&"rounded-none"),children:(0,r.jsx)("span",{className:"block text-left text-[14px] font-semibold leading-[1.4] text-[#333]",children:e})})]})]})}var k=N;
+"use strict";var m=Object.create;var l=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,C=Object.prototype.hasOwnProperty;var h=(e,o)=>{for(var t in o)l(e,t,{get:o[t],enumerable:!0})},i=(e,o,t,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let p of c(o))!C.call(e,p)&&p!==t&&l(e,p,{get:()=>o[p],enumerable:!(s=u(o,p))||s.enumerable});return e};var v=(e,o,t)=>(t=e!=null?m(g(e)):{},i(o||!e||!e.__esModule?l(t,"default",{value:e,enumerable:!0}):t,e)),w=e=>i(l({},"__esModule",{value:!0}),e);var y={};h(y,{default:()=>k});module.exports=w(y);var r=require("react/jsx-runtime"),d=require("../../../lib"),a=v(require("classnames")),x=require("react"),b=require("../../../constants");function N({info:e,index:o}){const[t,s]=(0,x.useState)(!1),{brand:p}=(0,d.useHeadlessContext)(),f=b.ROUNDED_BRANDS.includes(p);return(0,r.jsxs)("div",{className:"relative ml-[6px] cursor-pointer",onClick:()=>{s(!t)},role:"button",tabIndex:0,onKeyDown:n=>{(n.key==="Enter"||n.key===" ")&&n.preventDefault()},onMouseOver:()=>{s(!0)},onFocus:()=>{s(!0)},onMouseLeave:()=>{s(!1)},onBlur:()=>{s(!1)},children:[(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:(0,r.jsx)("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"})}),(0,r.jsxs)("div",{className:(0,a.default)("absolute -right-[14px] hidden min-w-[300px] shadow-[0px_1px_12px_0px_rgba(0,0,0,0.12)]",o===0?"top-[33px]":"bottom-[33px]",t&&"!block"),children:[(0,r.jsx)("i",{className:"absolute right-[8px] blur-[12px]",style:o===0?{top:"-9px",borderRight:"16px solid transparent ",borderLeft:"16px solid transparent ",borderBottom:"8px solid rgba(0,0,0,0.12)"}:{bottom:"-9px",borderRight:"16px solid transparent ",borderLeft:"16px solid transparent ",borderTop:"8px solid rgba(0,0,0,0.12)"}}),(0,r.jsx)("i",{className:"absolute right-[8px]",style:o===0?{top:"-7px",borderRight:"16px solid transparent ",borderLeft:"16px solid transparent ",borderBottom:"8px solid #fff "}:{bottom:"-7px",borderRight:"16px solid transparent ",borderLeft:"16px solid transparent ",borderTop:"8px solid #fff "}}),(0,r.jsx)("p",{className:(0,a.default)("relative block rounded-[4px] bg-white px-[14px] py-[12px]",!f&&"rounded-none"),children:(0,r.jsx)("span",{className:"block text-left text-[14px] font-semibold leading-[1.4] text-[#333]",children:e})})]})]})}var k=N;
 //# sourceMappingURL=Tip.js.map

package/dist/cjs/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": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAsCQ,IAAAI,EAAA,6BAtCRC,EAAmC,yBACnCC,EAAuB,yBACvBC,EAAyB,iBACzBC,EAA+B,8BAE/B,SAASC,EAAI,CAAE,KAAAC,EAAM,MAAAC,CAAM,EAAoC,CAC7D,KAAM,CAACC,EAAMC,CAAO,KAAI,YAAS,EAAK,EAEhC,CAAE,MAAAC,CAAM,KAAI,sBAAmB,EAC/BC,EAAU,iBAAe,SAASD,CAAK,EAE7C,SACE,QAAC,OACC,UAAU,mCACV,QAAS,IAAM,CACbD,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,oBAAC,OAAI,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACtF,mBAAC,QACC,YAAU,UACV,YAAU,UACV,EAAE,8pBACF,KAAK,UACP,EACF,KACA,QAAC,OACC,aAAW,EAAAI,SACT,yFACAN,IAAU,EAAI,aAAe,gBAC7BC,GAAQ,QACV,EAEA,oBAAC,KACC,UAAU,mCACV,MACED,IAAU,EACN,CACE,IAAK,OACL,YAAa,0BACb,WAAY,0BACZ,aAAc,4BAChB,EACA,CACE,OAAQ,OACR,YAAa,0BACb,WAAY,0BACZ,UAAW,4BACb,EAEP,KACD,OAAC,KACC,UAAU,uBACV,MACEA,IAAU,EACN,CACE,IAAK,OACL,YAAa,0BACb,WAAY,0BACZ,aAAc,iBAChB,EACA,CACE,OAAQ,OACR,YAAa,0BACb,WAAY,0BACZ,UAAW,iBACb,EAEP,KACD,OAAC,KACC,aAAW,EAAAM,SACT,4DACA,CAACF,GAAW,cACd,EAEA,mBAAC,QAAK,UAAU,sEAAuE,SAAAL,EAAK,EAC9F,GACF,GACF,CAEJ,CAEA,IAAOR,EAAQO",
+  "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": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAsCQ,IAAAI,EAAA,6BAtCRC,EAAmC,wBACnCC,EAAuB,yBACvBC,EAAyB,iBACzBC,EAA+B,8BAE/B,SAASC,EAAI,CAAE,KAAAC,EAAM,MAAAC,CAAM,EAAoC,CAC7D,KAAM,CAACC,EAAMC,CAAO,KAAI,YAAS,EAAK,EAEhC,CAAE,MAAAC,CAAM,KAAI,sBAAmB,EAC/BC,EAAU,iBAAe,SAASD,CAAK,EAE7C,SACE,QAAC,OACC,UAAU,mCACV,QAAS,IAAM,CACbD,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,oBAAC,OAAI,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACtF,mBAAC,QACC,YAAU,UACV,YAAU,UACV,EAAE,8pBACF,KAAK,UACP,EACF,KACA,QAAC,OACC,aAAW,EAAAI,SACT,yFACAN,IAAU,EAAI,aAAe,gBAC7BC,GAAQ,QACV,EAEA,oBAAC,KACC,UAAU,mCACV,MACED,IAAU,EACN,CACE,IAAK,OACL,YAAa,0BACb,WAAY,0BACZ,aAAc,4BAChB,EACA,CACE,OAAQ,OACR,YAAa,0BACb,WAAY,0BACZ,UAAW,4BACb,EAEP,KACD,OAAC,KACC,UAAU,uBACV,MACEA,IAAU,EACN,CACE,IAAK,OACL,YAAa,0BACb,WAAY,0BACZ,aAAc,iBAChB,EACA,CACE,OAAQ,OACR,YAAa,0BACb,WAAY,0BACZ,UAAW,iBACb,EAEP,KACD,OAAC,KACC,aAAW,EAAAM,SACT,4DACA,CAACF,GAAW,cACd,EAEA,mBAAC,QAAK,UAAU,sEAAuE,SAAAL,EAAK,EAC9F,GACF,GACF,CAEJ,CAEA,IAAOR,EAAQO",
   "names": ["Tip_exports", "__export", "Tip_default", "__toCommonJS", "import_jsx_runtime", "import_lib", "import_classnames", "import_react", "import_constants", "Tip", "info", "index", "show", "setShow", "brand", "rounded", "e", "classNames"]
 }

package/dist/cjs/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';

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/credits/type.ts"],
-  "sourcesContent": ["import type { Product, ProductVariant } from '@anker-in/lib'\nimport type { AlpcConsumeType, ConsumeType } from './context/const'\nimport { MyActivitiesMetafields } from './modal/ActivitiesModal'\nimport { RewardsCopy } from './modal/RewardsModal'\n\nexport interface Subscription {\n  preference: {\n    subscribe: boolean\n    brand: string\n  }[]\n}\n\nexport type RedeemableItem = {\n  config: {\n    title: string\n    desc: string\n    rules: string[]\n    image: {\n      url: string\n    }\n    type: ConsumeType\n    value: string\n  }\n  alpc: {\n    id: string\n    consumeCredits: number\n    remainingInventory: number\n    isLimited: boolean\n    consumeType: AlpcConsumeType\n    showCredit: boolean\n    title: string\n  }\n  product?: Product\n  variant?: ProductVariant\n  hasRedeemed?: boolean\n}\n\nexport interface ShippingCountry {\n  id: string\n  name: string\n  code: string\n  provinces: {\n    id: string\n    name: string\n    code: string\n  }[]\n}\n\nexport interface ShippingZone {\n  name: string\n  countries: ShippingCountry[]\n}\n\nexport type RedeemModalCommon = {\n  confirmTitle: string\n  confirmButton: string\n  commonError: string\n  redeemLimitError: string\n  inventoryNotEnough: string\n  creditsNotEnough: string\n  crossSiteError: string\n  errorImageUrl: string\n  coupon: {\n    successDesc: string\n    successTitle: string\n    successButton: string\n    successButtonUrl: string\n  }\n  virtualProduct: {\n    successDesc: string\n    successTitle: string\n    successButton: string\n    successButtonUrl: string\n    stepTitle?: string\n    steps?: {\n      imageUrl: string\n      title: string\n    }[]\n  }\n  product: {\n    required: string\n    invalidEmail: string\n    shippingAddress: string\n    shippingProduct: string\n    addressForm: {\n      key: string\n      type: string\n      label: string\n      isSelect: boolean\n      required: boolean\n      placeholder: string\n    }[][]\n    form: {\n      key: string\n      type: string\n      isSelect: boolean\n      required: boolean\n      placeholder: string\n    }[][]\n    successDesc: string[]\n    rules: string[]\n    steps: {\n      imageUrl: string\n      title: string\n    }[]\n    quantityLabel: string\n    totalPriceLabel: string\n    variantLabel: string\n    shippingFeeLabel: string\n    paymentButton: string\n    stepTitle: string\n  }\n}\n\nexport type CreditsPageCommon = {\n  pointUnit?: string\n  infoIcon?: string\n  ruleLabel?: string\n  soldOut?: string\n  redeemed?: string\n  copied?: string\n  off?: string\n  copy?: string\n  giftCardLabel?: string\n  goGiftLabel?: string\n  imageMapping?: {\n    [key in ConsumeType]: {\n      url: string\n    }\n  }\n  activitiesModal?: MyActivitiesMetafields\n  rewardsModal?: RewardsCopy\n  redeemModal?: RedeemModalCommon\n  insufficientCredits?: string\n  validatorInfo?: {\n    addressInfo: {\n      name: string\n      country: string\n      province: string\n      city: string\n      address: string\n    }\n  }\n}\n"],
+  "sourcesContent": ["import type { Product, ProductVariant } from '../../lib'\nimport type { AlpcConsumeType, ConsumeType } from './context/const'\nimport { MyActivitiesMetafields } from './modal/ActivitiesModal'\nimport { RewardsCopy } from './modal/RewardsModal'\n\nexport interface Subscription {\n  preference: {\n    subscribe: boolean\n    brand: string\n  }[]\n}\n\nexport type RedeemableItem = {\n  config: {\n    title: string\n    desc: string\n    rules: string[]\n    image: {\n      url: string\n    }\n    type: ConsumeType\n    value: string\n  }\n  alpc: {\n    id: string\n    consumeCredits: number\n    remainingInventory: number\n    isLimited: boolean\n    consumeType: AlpcConsumeType\n    showCredit: boolean\n    title: string\n  }\n  product?: Product\n  variant?: ProductVariant\n  hasRedeemed?: boolean\n}\n\nexport interface ShippingCountry {\n  id: string\n  name: string\n  code: string\n  provinces: {\n    id: string\n    name: string\n    code: string\n  }[]\n}\n\nexport interface ShippingZone {\n  name: string\n  countries: ShippingCountry[]\n}\n\nexport type RedeemModalCommon = {\n  confirmTitle: string\n  confirmButton: string\n  commonError: string\n  redeemLimitError: string\n  inventoryNotEnough: string\n  creditsNotEnough: string\n  crossSiteError: string\n  errorImageUrl: string\n  coupon: {\n    successDesc: string\n    successTitle: string\n    successButton: string\n    successButtonUrl: string\n  }\n  virtualProduct: {\n    successDesc: string\n    successTitle: string\n    successButton: string\n    successButtonUrl: string\n    stepTitle?: string\n    steps?: {\n      imageUrl: string\n      title: string\n    }[]\n  }\n  product: {\n    required: string\n    invalidEmail: string\n    shippingAddress: string\n    shippingProduct: string\n    addressForm: {\n      key: string\n      type: string\n      label: string\n      isSelect: boolean\n      required: boolean\n      placeholder: string\n    }[][]\n    form: {\n      key: string\n      type: string\n      isSelect: boolean\n      required: boolean\n      placeholder: string\n    }[][]\n    successDesc: string[]\n    rules: string[]\n    steps: {\n      imageUrl: string\n      title: string\n    }[]\n    quantityLabel: string\n    totalPriceLabel: string\n    variantLabel: string\n    shippingFeeLabel: string\n    paymentButton: string\n    stepTitle: string\n  }\n}\n\nexport type CreditsPageCommon = {\n  pointUnit?: string\n  infoIcon?: string\n  ruleLabel?: string\n  soldOut?: string\n  redeemed?: string\n  copied?: string\n  off?: string\n  copy?: string\n  giftCardLabel?: string\n  goGiftLabel?: string\n  imageMapping?: {\n    [key in ConsumeType]: {\n      url: string\n    }\n  }\n  activitiesModal?: MyActivitiesMetafields\n  rewardsModal?: RewardsCopy\n  redeemModal?: RedeemModalCommon\n  insufficientCredits?: string\n  validatorInfo?: {\n    addressInfo: {\n      name: string\n      country: string\n      province: string\n      city: string\n      address: string\n    }\n  }\n}\n"],
   "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
   "names": ["type_exports", "__toCommonJS"]
 }

package/dist/cjs/components/memberPopup/MemberPopup.d.ts

@@ -1,9 +1,9 @@
-import { type HeadlessConfig } from '@anker-in/lib';
+import { type HeadlessConfig } from '../../lib';
 import { type MemberPopupCopy, type MemberPopupContextValue } from './type';
 type MemberPopupProps = MemberPopupContextValue & {
     headlessConfig: HeadlessConfig;
     copy: MemberPopupCopy;
     bottomOffset?: string;
 };
-export declare function MemberPopup({ copy, bottomOffset, ...providerProps }: MemberPopupProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function MemberPopup({ copy, bottomOffset, ...providerProps }: MemberPopupProps): import("react").JSX.Element | null;
 export {};

package/dist/cjs/components/memberPopup/MemberPopup.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var V=Object.create;var h=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var H=Object.getOwnPropertyNames;var T=Object.getPrototypeOf,j=Object.prototype.hasOwnProperty;var B=(e,n)=>{for(var i in n)h(e,i,{get:n[i],enumerable:!0})},S=(e,n,i,d)=>{if(n&&typeof n=="object"||typeof n=="function")for(let s of H(n))!j.call(e,s)&&s!==i&&h(e,s,{get:()=>n[s],enumerable:!(d=R(n,s))||d.enumerable});return e};var u=(e,n,i)=>(i=e!=null?V(T(e)):{},S(n||!e||!e.__esModule?h(i,"default",{value:e,enumerable:!0}):i,e)),L=e=>S(h({},"__esModule",{value:!0}),e);var Z={};B(Z,{MemberPopup:()=>Q});module.exports=L(Z);var t=require("react/jsx-runtime"),r=require("react"),M=require("@anker-in/headless-ui"),b=require("@anker-in/lib"),o=require("./type"),I=require("./context/provider"),O=require("./context/provider"),z=require("./context/viewStack"),p=require("./icons"),_=require("../../constants");const D=(0,r.lazy)(()=>import("./panels/EarnCredits")),U=(0,r.lazy)(()=>import("./panels/ConsumeCredits")),F=(0,r.lazy)(()=>import("./panels/Referral")),W=(0,r.lazy)(()=>import("./panels/EarnCredits/CompleteProfilePanel")),q=(0,r.lazy)(()=>import("./panels/ActivitiesSubscribePanel")),G=(0,r.lazy)(()=>import("./panels/EarnCredits/SubscribeEmailPanel")),J=(0,r.lazy)(()=>import("./panels/EarnCredits/ActivatePanel")),K=(0,r.lazy)(()=>import("./panels/ConsumeCredits/RedeemCouponPanel"));function Q({copy:e,bottomOffset:n="24px",...i}){const[d,s]=(0,r.useState)(!1),x=e.bottomOffset??n;return(0,r.useEffect)(()=>{const m=e.pageConfig;if(!m){s(!0);return}const N=window.location.pathname,C=m.pages.some(v=>N===v||N.startsWith(v+"/"));switch(m.scope){case o.MemberPopupPageScope.Include:s(C);break;case o.MemberPopupPageScope.Exclude:s(!C);break;default:s(!0)}},[e.pageConfig]),d?(0,t.jsx)(I.MemberPopupProvider,{...i,earnCreditsCopy:e.earnCredits,children:(0,t.jsx)(X,{copy:e,bottomOffset:x})}):null}function X({copy:e,bottomOffset:n}){const{profile:i,openSignInPopup:d,openSignUpPopup:s}=(0,O.useMemberPopupContext)(),{brand:x}=(0,b.useHeadlessContext)(),m=_.ROUNDED_BRANDS.includes(x),N=!!i,[C,v]=(0,r.useState)(!1),[y,w]=(0,r.useState)([]),l=y[y.length-1]??null,P=(0,r.useCallback)(a=>{w(c=>[...c,a])},[]),f=(0,r.useCallback)(()=>{w(a=>a.slice(0,-1))},[]),A="Member Floating Window";function g(a,c){(0,b.gaTrack)({event:"ga4Event",event_name:"lp_button",event_parameters:{position:a,button_name:c,info:A}})}function E(a,c){switch(a){case o.MemberPopupActionType.ExternalLink:c&&window.open(c,"_blank","noopener,noreferrer");break;case o.MemberPopupActionType.OpenEarnCredits:g("home","earn_credits"),P({type:o.MemberPopupPanelType.EarnCredits});break;case o.MemberPopupActionType.OpenConsumeCredits:g("home","consume_credits"),P({type:o.MemberPopupPanelType.ConsumeCredits});break;case o.MemberPopupActionType.OpenReferral:g("home","referral"),P({type:o.MemberPopupPanelType.Referral});break;case o.MemberPopupActionType.OpenSubscribe:g("home","subscribe"),P({type:o.MemberPopupPanelType.Subscribe});break}}function k(){v(!1),w([])}return(0,t.jsxs)(z.ViewStackContext.Provider,{value:{pushView:P,popView:f},children:[C&&(0,t.jsx)("div",{className:"fixed inset-0 z-[998]",onClick:k}),(0,t.jsxs)("div",{className:"fixed right-0 z-[999] flex flex-row items-end pr-[20px] md:flex-col md:items-end md:right-0 md:w-screen md:pr-0 md:pl-0",style:{bottom:n},children:[C&&(0,t.jsxs)("div",{className:"relative mr-[12px] md:mr-[12px] md:mb-[12px]",onClick:a=>a.stopPropagation(),children:[(0,t.jsx)("div",{className:"absolute right-[-7px] bottom-[24px] size-0 border-y-8 border-l-8 border-r-0 border-y-transparent border-l-white md:bottom-[-8px] md:right-[25px] md:top-auto md:border-y-0 md:border-l-8 md:border-r-8 md:border-t-8 md:border-l-transparent md:border-r-transparent md:border-t-white"}),(0,t.jsxs)("div",{className:(0,b.classNames)("flex w-[420px] max-w-[calc(100vw-32px)] min-h-[500px] flex-col overflow-hidden bg-white shadow-[0_8px_32px_rgba(0,0,0,0.16)] md:w-[calc(100vw-32px)] md:max-w-[400px]",m?"rounded-[12px]":"rounded-none"),style:{maxHeight:"min(80vh, 606px)"},children:[(0,t.jsxs)("div",{className:"flex items-center justify-end pl-[10px] pr-[16px] pb-[8px] pt-[16px]",children:[l!==null&&(0,t.jsx)("button",{className:"mr-auto flex size-[24px] cursor-pointer items-center justify-center",onClick:f,"aria-label":"Back",children:(0,t.jsx)(p.IconSwitch,{})}),(0,t.jsx)("button",{className:"flex size-[24px] cursor-pointer items-center justify-center",onClick:()=>{g("floating_button","close"),k()},"aria-label":"Close",children:(0,t.jsx)(p.IconClose,{})})]}),(0,t.jsxs)("div",{className:"flex flex-1 flex-col gap-[12px] overflow-y-auto p-[16px]",children:[l===null&&(0,t.jsxs)(t.Fragment,{children:[(e.title||e.subtitle)&&(0,t.jsxs)("div",{className:"flex flex-col gap-[4px]",children:[e.title&&(0,t.jsx)("h2",{className:"text-[24px] font-[700] leading-[1.2] text-[#080a0f]",children:e.title}),e.subtitle&&(0,t.jsx)("p",{className:"text-[16px] font-[700] leading-snug text-[#4a4c56]",children:e.subtitle})]}),e.list.map((a,c)=>(0,t.jsx)(Y,{item:a,onAction:E,rounded:m},c))]}),l!==null&&(0,t.jsxs)(r.Suspense,{fallback:(0,t.jsx)("div",{className:"flex items-center justify-center py-[32px]",children:(0,t.jsx)("div",{className:"size-[32px] animate-spin rounded-full border-[3px] border-[#080a0f] border-t-transparent"})}),children:[l.type===o.MemberPopupPanelType.EarnCredits&&e.earnCredits&&(0,t.jsx)(D,{copy:e.earnCredits}),l.type===o.MemberPopupPanelType.ConsumeCredits&&e.consumeCredits&&(0,t.jsx)(U,{copy:e.consumeCredits}),l.type===o.MemberPopupPanelType.Referral&&e.referral&&(0,t.jsx)(F,{copy:e.referral,onClose:f}),l.type===o.MemberPopupPanelType.CompleteProfile&&e.earnCredits&&(0,t.jsx)(W,{copy:e.earnCredits.completeProfile,onClose:f}),l.type===o.MemberPopupPanelType.Subscribe&&e.activitiesSubscribe&&(0,t.jsx)(q,{copy:e.activitiesSubscribe,email:i?.email}),l.type===o.MemberPopupPanelType.SubscribeEmail&&e.earnCredits&&(0,t.jsx)(G,{copy:e.earnCredits.subscribe,email:i?.email,onClose:f}),l.type===o.MemberPopupPanelType.Activate&&e.earnCredits&&(0,t.jsx)(J,{copy:e.earnCredits.authCodeActivate,onClose:f}),l.type===o.MemberPopupPanelType.RedeemCoupon&&l.props&&e.consumeCredits&&(0,t.jsx)(K,{item:l.props,copy:e.consumeCredits,onClose:f})]})]}),e.footer&&!N&&(0,t.jsx)("div",{className:"border-t border-[#dadce0] p-[16px]",children:(0,t.jsxs)("div",{className:"flex items-center justify-between gap-[16px]",children:[(0,t.jsxs)("div",{className:"inline gap-[4px]",children:[(0,t.jsx)("span",{className:"text-[14px] font-[700] text-[#080a0f]",children:e.footer.loginHint}),(0,t.jsx)("button",{className:"cursor-pointer ml-[4px] text-[14px] font-bold text-[#080a0f] underline",onClick:d,children:e.footer.loginLabel})]}),(0,t.jsx)("div",{className:"flex shrink-0 items-center gap-[8px]",children:(0,t.jsx)("button",{className:(0,b.classNames)("cursor-pointer border-[1.6px] border-[#080a0f] px-[20px] pb-[10px] pt-[11px] text-[14px] font-[700] leading-[1.2] text-[#080a0f]",m?"rounded-[4px]":"rounded-none"),onClick:s,children:e.footer.joinLabel})})]})})]})]}),(0,t.jsx)("button",{className:"flex cursor-pointer items-center justify-center rounded-full bg-white shadow-lg md:ml-auto md:mr-[16px]",onClick:()=>{const a=!C;g("floating_button",a?"open":"close"),v(a)},"aria-label":e.triggerImg.alt??"Open member popup",children:(0,t.jsx)("div",{className:"size-[var(--member-popup-pc-icon-size)] md:size-[var(--member-popup-mobile-icon-size)]",style:{"--member-popup-pc-icon-size":e.pcIconSize??"58px","--member-popup-mobile-icon-size":e.mobileIconSize??e.pcIconSize??"58px"},children:(0,t.jsx)(M.Picture,{source:e.triggerImg.url,alt:e.triggerImg.alt??"",className:"size-full"})})})]})]})}function Y({item:e,onAction:n,rounded:i}){const d={[o.MemberPopupActionType.OpenEarnCredits]:p.IconCredit,[o.MemberPopupActionType.OpenConsumeCredits]:p.IconBag,[o.MemberPopupActionType.OpenReferral]:p.IconReferral,[o.MemberPopupActionType.OpenSubscribe]:p.IconSubscription};return(0,t.jsxs)("div",{className:(0,b.classNames)("flex flex-col gap-[16px] bg-[#f5f6f7] p-[16px]",i?"rounded-[8px]":"rounded-none"),children:[(0,t.jsxs)("div",{className:"flex flex-col gap-[4px]",children:[(0,t.jsx)("h3",{className:"text-[20px] font-[700] leading-[1.2] text-[#1e2024]",children:e.title}),e.description&&(0,t.jsx)("p",{className:"text-[14px] font-[700] leading-[1.43] text-[#1e2024]",children:e.description})]}),(0,t.jsx)("div",{className:"flex flex-col gap-[16px]",children:e.links.map((s,x)=>{const m=d[s.type];return(0,t.jsxs)("div",{children:[x>0&&(0,t.jsx)("div",{className:"mb-[16px] h-px bg-[#dadce0]"}),(0,t.jsxs)("button",{className:"flex w-full cursor-pointer items-center gap-[12px]",onClick:()=>n(s.type,s.url),children:[m&&(0,t.jsx)(m,{className:"size-[24px] shrink-0"}),(0,t.jsx)("span",{className:"flex-1 text-left text-[14px] font-[700] text-[#1e2024]",children:s.label}),(0,t.jsx)(p.IconArrow,{className:"size-[16px] shrink-0"})]})]},x)})})]})}
+"use strict";"use client";var V=Object.create;var h=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var H=Object.getOwnPropertyNames;var T=Object.getPrototypeOf,j=Object.prototype.hasOwnProperty;var B=(e,n)=>{for(var i in n)h(e,i,{get:n[i],enumerable:!0})},S=(e,n,i,d)=>{if(n&&typeof n=="object"||typeof n=="function")for(let s of H(n))!j.call(e,s)&&s!==i&&h(e,s,{get:()=>n[s],enumerable:!(d=R(n,s))||d.enumerable});return e};var u=(e,n,i)=>(i=e!=null?V(T(e)):{},S(n||!e||!e.__esModule?h(i,"default",{value:e,enumerable:!0}):i,e)),L=e=>S(h({},"__esModule",{value:!0}),e);var Z={};B(Z,{MemberPopup:()=>Q});module.exports=L(Z);var t=require("react/jsx-runtime"),r=require("react"),M=require("@anker-in/headless-ui"),b=require("../../lib"),o=require("./type"),I=require("./context/provider"),O=require("./context/provider"),z=require("./context/viewStack"),p=require("./icons"),_=require("../../constants");const D=(0,r.lazy)(()=>import("./panels/EarnCredits")),U=(0,r.lazy)(()=>import("./panels/ConsumeCredits")),F=(0,r.lazy)(()=>import("./panels/Referral")),W=(0,r.lazy)(()=>import("./panels/EarnCredits/CompleteProfilePanel")),q=(0,r.lazy)(()=>import("./panels/ActivitiesSubscribePanel")),G=(0,r.lazy)(()=>import("./panels/EarnCredits/SubscribeEmailPanel")),J=(0,r.lazy)(()=>import("./panels/EarnCredits/ActivatePanel")),K=(0,r.lazy)(()=>import("./panels/ConsumeCredits/RedeemCouponPanel"));function Q({copy:e,bottomOffset:n="24px",...i}){const[d,s]=(0,r.useState)(!1),x=e.bottomOffset??n;return(0,r.useEffect)(()=>{const m=e.pageConfig;if(!m){s(!0);return}const N=window.location.pathname,C=m.pages.some(v=>N===v||N.startsWith(v+"/"));switch(m.scope){case o.MemberPopupPageScope.Include:s(C);break;case o.MemberPopupPageScope.Exclude:s(!C);break;default:s(!0)}},[e.pageConfig]),d?(0,t.jsx)(I.MemberPopupProvider,{...i,earnCreditsCopy:e.earnCredits,children:(0,t.jsx)(X,{copy:e,bottomOffset:x})}):null}function X({copy:e,bottomOffset:n}){const{profile:i,openSignInPopup:d,openSignUpPopup:s}=(0,O.useMemberPopupContext)(),{brand:x}=(0,b.useHeadlessContext)(),m=_.ROUNDED_BRANDS.includes(x),N=!!i,[C,v]=(0,r.useState)(!1),[y,w]=(0,r.useState)([]),l=y[y.length-1]??null,P=(0,r.useCallback)(a=>{w(c=>[...c,a])},[]),f=(0,r.useCallback)(()=>{w(a=>a.slice(0,-1))},[]),A="Member Floating Window";function g(a,c){(0,b.gaTrack)({event:"ga4Event",event_name:"lp_button",event_parameters:{position:a,button_name:c,info:A}})}function E(a,c){switch(a){case o.MemberPopupActionType.ExternalLink:c&&window.open(c,"_blank","noopener,noreferrer");break;case o.MemberPopupActionType.OpenEarnCredits:g("home","earn_credits"),P({type:o.MemberPopupPanelType.EarnCredits});break;case o.MemberPopupActionType.OpenConsumeCredits:g("home","consume_credits"),P({type:o.MemberPopupPanelType.ConsumeCredits});break;case o.MemberPopupActionType.OpenReferral:g("home","referral"),P({type:o.MemberPopupPanelType.Referral});break;case o.MemberPopupActionType.OpenSubscribe:g("home","subscribe"),P({type:o.MemberPopupPanelType.Subscribe});break}}function k(){v(!1),w([])}return(0,t.jsxs)(z.ViewStackContext.Provider,{value:{pushView:P,popView:f},children:[C&&(0,t.jsx)("div",{className:"fixed inset-0 z-[998]",onClick:k}),(0,t.jsxs)("div",{className:"fixed right-0 z-[999] flex flex-row items-end pr-[20px] md:flex-col md:items-end md:right-0 md:w-screen md:pr-0 md:pl-0",style:{bottom:n},children:[C&&(0,t.jsxs)("div",{className:"relative mr-[12px] md:mr-[12px] md:mb-[12px]",onClick:a=>a.stopPropagation(),children:[(0,t.jsx)("div",{className:"absolute right-[-7px] bottom-[24px] size-0 border-y-8 border-l-8 border-r-0 border-y-transparent border-l-white md:bottom-[-8px] md:right-[25px] md:top-auto md:border-y-0 md:border-l-8 md:border-r-8 md:border-t-8 md:border-l-transparent md:border-r-transparent md:border-t-white"}),(0,t.jsxs)("div",{className:(0,b.classNames)("flex w-[420px] max-w-[calc(100vw-32px)] min-h-[500px] flex-col overflow-hidden bg-white shadow-[0_8px_32px_rgba(0,0,0,0.16)] md:w-[calc(100vw-32px)] md:max-w-[400px]",m?"rounded-[12px]":"rounded-none"),style:{maxHeight:"min(80vh, 606px)"},children:[(0,t.jsxs)("div",{className:"flex items-center justify-end pl-[10px] pr-[16px] pb-[8px] pt-[16px]",children:[l!==null&&(0,t.jsx)("button",{className:"mr-auto flex size-[24px] cursor-pointer items-center justify-center",onClick:f,"aria-label":"Back",children:(0,t.jsx)(p.IconSwitch,{})}),(0,t.jsx)("button",{className:"flex size-[24px] cursor-pointer items-center justify-center",onClick:()=>{g("floating_button","close"),k()},"aria-label":"Close",children:(0,t.jsx)(p.IconClose,{})})]}),(0,t.jsxs)("div",{className:"flex flex-1 flex-col gap-[12px] overflow-y-auto p-[16px]",children:[l===null&&(0,t.jsxs)(t.Fragment,{children:[(e.title||e.subtitle)&&(0,t.jsxs)("div",{className:"flex flex-col gap-[4px]",children:[e.title&&(0,t.jsx)("h2",{className:"text-[24px] font-[700] leading-[1.2] text-[#080a0f]",children:e.title}),e.subtitle&&(0,t.jsx)("p",{className:"text-[16px] font-[700] leading-snug text-[#4a4c56]",children:e.subtitle})]}),e.list.map((a,c)=>(0,t.jsx)(Y,{item:a,onAction:E,rounded:m},c))]}),l!==null&&(0,t.jsxs)(r.Suspense,{fallback:(0,t.jsx)("div",{className:"flex items-center justify-center py-[32px]",children:(0,t.jsx)("div",{className:"size-[32px] animate-spin rounded-full border-[3px] border-[#080a0f] border-t-transparent"})}),children:[l.type===o.MemberPopupPanelType.EarnCredits&&e.earnCredits&&(0,t.jsx)(D,{copy:e.earnCredits}),l.type===o.MemberPopupPanelType.ConsumeCredits&&e.consumeCredits&&(0,t.jsx)(U,{copy:e.consumeCredits}),l.type===o.MemberPopupPanelType.Referral&&e.referral&&(0,t.jsx)(F,{copy:e.referral,onClose:f}),l.type===o.MemberPopupPanelType.CompleteProfile&&e.earnCredits&&(0,t.jsx)(W,{copy:e.earnCredits.completeProfile,onClose:f}),l.type===o.MemberPopupPanelType.Subscribe&&e.activitiesSubscribe&&(0,t.jsx)(q,{copy:e.activitiesSubscribe,email:i?.email}),l.type===o.MemberPopupPanelType.SubscribeEmail&&e.earnCredits&&(0,t.jsx)(G,{copy:e.earnCredits.subscribe,email:i?.email,onClose:f}),l.type===o.MemberPopupPanelType.Activate&&e.earnCredits&&(0,t.jsx)(J,{copy:e.earnCredits.authCodeActivate,onClose:f}),l.type===o.MemberPopupPanelType.RedeemCoupon&&l.props&&e.consumeCredits&&(0,t.jsx)(K,{item:l.props,copy:e.consumeCredits,onClose:f})]})]}),e.footer&&!N&&(0,t.jsx)("div",{className:"border-t border-[#dadce0] p-[16px]",children:(0,t.jsxs)("div",{className:"flex items-center justify-between gap-[16px]",children:[(0,t.jsxs)("div",{className:"inline gap-[4px]",children:[(0,t.jsx)("span",{className:"text-[14px] font-[700] text-[#080a0f]",children:e.footer.loginHint}),(0,t.jsx)("button",{className:"cursor-pointer ml-[4px] text-[14px] font-bold text-[#080a0f] underline",onClick:d,children:e.footer.loginLabel})]}),(0,t.jsx)("div",{className:"flex shrink-0 items-center gap-[8px]",children:(0,t.jsx)("button",{className:(0,b.classNames)("cursor-pointer border-[1.6px] border-[#080a0f] px-[20px] pb-[10px] pt-[11px] text-[14px] font-[700] leading-[1.2] text-[#080a0f]",m?"rounded-[4px]":"rounded-none"),onClick:s,children:e.footer.joinLabel})})]})})]})]}),(0,t.jsx)("button",{className:"flex cursor-pointer items-center justify-center rounded-full bg-white shadow-lg md:ml-auto md:mr-[16px]",onClick:()=>{const a=!C;g("floating_button",a?"open":"close"),v(a)},"aria-label":e.triggerImg.alt??"Open member popup",children:(0,t.jsx)("div",{className:"size-[var(--member-popup-pc-icon-size)] md:size-[var(--member-popup-mobile-icon-size)]",style:{"--member-popup-pc-icon-size":e.pcIconSize??"58px","--member-popup-mobile-icon-size":e.mobileIconSize??e.pcIconSize??"58px"},children:(0,t.jsx)(M.Picture,{source:e.triggerImg.url,alt:e.triggerImg.alt??"",className:"size-full"})})})]})]})}function Y({item:e,onAction:n,rounded:i}){const d={[o.MemberPopupActionType.OpenEarnCredits]:p.IconCredit,[o.MemberPopupActionType.OpenConsumeCredits]:p.IconBag,[o.MemberPopupActionType.OpenReferral]:p.IconReferral,[o.MemberPopupActionType.OpenSubscribe]:p.IconSubscription};return(0,t.jsxs)("div",{className:(0,b.classNames)("flex flex-col gap-[16px] bg-[#f5f6f7] p-[16px]",i?"rounded-[8px]":"rounded-none"),children:[(0,t.jsxs)("div",{className:"flex flex-col gap-[4px]",children:[(0,t.jsx)("h3",{className:"text-[20px] font-[700] leading-[1.2] text-[#1e2024]",children:e.title}),e.description&&(0,t.jsx)("p",{className:"text-[14px] font-[700] leading-[1.43] text-[#1e2024]",children:e.description})]}),(0,t.jsx)("div",{className:"flex flex-col gap-[16px]",children:e.links.map((s,x)=>{const m=d[s.type];return(0,t.jsxs)("div",{children:[x>0&&(0,t.jsx)("div",{className:"mb-[16px] h-px bg-[#dadce0]"}),(0,t.jsxs)("button",{className:"flex w-full cursor-pointer items-center gap-[12px]",onClick:()=>n(s.type,s.url),children:[m&&(0,t.jsx)(m,{className:"size-[24px] shrink-0"}),(0,t.jsx)("span",{className:"flex-1 text-left text-[14px] font-[700] text-[#1e2024]",children:s.label}),(0,t.jsx)(p.IconArrow,{className:"size-[16px] shrink-0"})]})]},x)})})]})}
 //# sourceMappingURL=MemberPopup.js.map

package/dist/cjs/components/memberPopup/MemberPopup.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/memberPopup/MemberPopup.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { lazy, Suspense, useState, useCallback, useEffect, type CSSProperties } from 'react'\nimport { Picture } from '@anker-in/headless-ui'\nimport { gaTrack, type HeadlessConfig, useHeadlessContext, classNames as cn } from '@anker-in/lib'\nimport {\n  MemberPopupActionType,\n  MemberPopupPageScope,\n  MemberPopupPanelType,\n  type MemberPopupCopy,\n  type MemberPopupContextValue,\n  type MemberPopupItem,\n} from './type'\nimport { MemberPopupProvider } from './context/provider'\nimport { useMemberPopupContext } from './context/provider'\nimport { ViewStackContext, type ViewPayload } from './context/viewStack'\nimport { IconClose, IconArrow, IconCredit, IconBag, IconReferral, IconSwitch, IconSubscription } from './icons'\nimport { ROUNDED_BRANDS } from '../../constants'\n\nconst EarnCredits = lazy(() => import('./panels/EarnCredits'))\nconst ConsumeCredits = lazy(() => import('./panels/ConsumeCredits'))\nconst Referral = lazy(() => import('./panels/Referral'))\nconst CompleteProfilePanel = lazy(() => import('./panels/EarnCredits/CompleteProfilePanel'))\nconst ActivitiesSubscribePanel = lazy(() => import('./panels/ActivitiesSubscribePanel'))\nconst SubscribeEmailPanel = lazy(() => import('./panels/EarnCredits/SubscribeEmailPanel'))\nconst ActivatePanel = lazy(() => import('./panels/EarnCredits/ActivatePanel'))\nconst RedeemCouponPanel = lazy(() => import('./panels/ConsumeCredits/RedeemCouponPanel'))\n\ntype MemberPopupProps = MemberPopupContextValue & {\n  headlessConfig: HeadlessConfig\n  copy: MemberPopupCopy\n  bottomOffset?: string\n}\n\nexport function MemberPopup({ copy, bottomOffset = '24px', ...providerProps }: MemberPopupProps) {\n  const [isVisible, setIsVisible] = useState(false)\n  const effectiveBottomOffset = copy.bottomOffset ?? bottomOffset\n\n  useEffect(() => {\n    const config = copy.pageConfig\n    if (!config) {\n      setIsVisible(true)\n      return\n    }\n    const pathname = window.location.pathname\n    const matches = config.pages.some(page => pathname === page || pathname.startsWith(page + '/'))\n    switch (config.scope) {\n      case MemberPopupPageScope.Include:\n        setIsVisible(matches)\n        break\n      case MemberPopupPageScope.Exclude:\n        setIsVisible(!matches)\n        break\n      default:\n        setIsVisible(true)\n    }\n  }, [copy.pageConfig])\n\n  return isVisible ? (\n    <MemberPopupProvider {...providerProps} earnCreditsCopy={copy.earnCredits}>\n      <MemberPopupContent copy={copy} bottomOffset={effectiveBottomOffset} />\n    </MemberPopupProvider>\n  ) : null\n}\n\ntype MemberPopupContentProps = {\n  copy: MemberPopupCopy\n  bottomOffset: string\n}\n\nfunction MemberPopupContent({ copy, bottomOffset }: MemberPopupContentProps) {\n  const { profile, openSignInPopup, openSignUpPopup } = useMemberPopupContext()\n  const { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n  const isLogin = !!profile\n  const [isOpen, setIsOpen] = useState(false)\n  const [viewStack, setViewStack] = useState<ViewPayload[]>([])\n\n  const currentView = viewStack[viewStack.length - 1] ?? null\n\n  const pushView = useCallback((view: ViewPayload) => {\n    setViewStack(prev => [...prev, view])\n  }, [])\n\n  const popView = useCallback(() => {\n    setViewStack(prev => prev.slice(0, -1))\n  }, [])\n\n  const MEMBER_POPUP_INFO = 'Member Floating Window'\n\n  function trackLpButton(position: string, buttonName: string) {\n    gaTrack({\n      event: 'ga4Event',\n      event_name: 'lp_button',\n      event_parameters: {\n        position,\n        button_name: buttonName,\n        info: MEMBER_POPUP_INFO,\n      },\n    })\n  }\n\n  function handleAction(type: MemberPopupActionType, url?: string) {\n    switch (type) {\n      case MemberPopupActionType.ExternalLink:\n        if (url) window.open(url, '_blank', 'noopener,noreferrer')\n        break\n      case MemberPopupActionType.OpenEarnCredits:\n        trackLpButton('home', 'earn_credits')\n        pushView({ type: MemberPopupPanelType.EarnCredits })\n        break\n      case MemberPopupActionType.OpenConsumeCredits:\n        trackLpButton('home', 'consume_credits')\n        pushView({ type: MemberPopupPanelType.ConsumeCredits })\n        break\n      case MemberPopupActionType.OpenReferral:\n        trackLpButton('home', 'referral')\n        pushView({ type: MemberPopupPanelType.Referral })\n        break\n      case MemberPopupActionType.OpenSubscribe:\n        trackLpButton('home', 'subscribe')\n        pushView({ type: MemberPopupPanelType.Subscribe })\n        break\n    }\n  }\n\n  function handleClose() {\n    setIsOpen(false)\n    setViewStack([])\n  }\n\n  return (\n    <ViewStackContext.Provider value={{ pushView, popView }}>\n      {isOpen && <div className=\"fixed inset-0 z-[998]\" onClick={handleClose} />}\n      <div\n        className=\"fixed right-0 z-[999] flex flex-row items-end pr-[20px] md:flex-col md:items-end md:right-0 md:w-screen md:pr-0 md:pl-0\"\n        style={{ bottom: bottomOffset }}\n      >\n        {isOpen && (\n          <div className=\"relative mr-[12px] md:mr-[12px] md:mb-[12px]\" onClick={e => e.stopPropagation()}>\n            <div className=\"absolute right-[-7px] bottom-[24px] size-0 border-y-8 border-l-8 border-r-0 border-y-transparent border-l-white md:bottom-[-8px] md:right-[25px] md:top-auto md:border-y-0 md:border-l-8 md:border-r-8 md:border-t-8 md:border-l-transparent md:border-r-transparent md:border-t-white\" />\n            <div\n              className={cn(\n                'flex w-[420px] max-w-[calc(100vw-32px)] min-h-[500px] flex-col overflow-hidden bg-white shadow-[0_8px_32px_rgba(0,0,0,0.16)] md:w-[calc(100vw-32px)] md:max-w-[400px]',\n                rounded ? 'rounded-[12px]' : 'rounded-none'\n              )}\n              style={{ maxHeight: 'min(80vh, 606px)' }}\n            >\n              <div className=\"flex items-center justify-end pl-[10px] pr-[16px] pb-[8px] pt-[16px]\">\n                {currentView !== null && (\n                  <button\n                    className=\"mr-auto flex size-[24px] cursor-pointer items-center justify-center\"\n                    onClick={popView}\n                    aria-label=\"Back\"\n                  >\n                    <IconSwitch />\n                  </button>\n                )}\n                <button\n                  className=\"flex size-[24px] cursor-pointer items-center justify-center\"\n                  onClick={() => {\n                    trackLpButton('floating_button', 'close')\n                    handleClose()\n                  }}\n                  aria-label=\"Close\"\n                >\n                  <IconClose />\n                </button>\n              </div>\n\n              <div className=\"flex flex-1 flex-col gap-[12px] overflow-y-auto p-[16px]\">\n                {currentView === null && (\n                  <>\n                    {(copy.title || copy.subtitle) && (\n                      <div className=\"flex flex-col gap-[4px]\">\n                        {copy.title && (\n                          <h2 className=\"text-[24px] font-[700] leading-[1.2] text-[#080a0f]\">{copy.title}</h2>\n                        )}\n                        {copy.subtitle && (\n                          <p className=\"text-[16px] font-[700] leading-snug text-[#4a4c56]\">{copy.subtitle}</p>\n                        )}\n                      </div>\n                    )}\n                    {copy.list.map((item, i) => (\n                      <HomeCard key={i} item={item} onAction={handleAction} rounded={rounded} />\n                    ))}\n                  </>\n                )}\n\n                {currentView !== null && (\n                  <Suspense\n                    fallback={\n                      <div className=\"flex items-center justify-center py-[32px]\">\n                        <div className=\"size-[32px] animate-spin rounded-full border-[3px] border-[#080a0f] border-t-transparent\" />\n                      </div>\n                    }\n                  >\n                    {currentView.type === MemberPopupPanelType.EarnCredits && copy.earnCredits && (\n                      <EarnCredits copy={copy.earnCredits} />\n                    )}\n                    {currentView.type === MemberPopupPanelType.ConsumeCredits && copy.consumeCredits && (\n                      <ConsumeCredits copy={copy.consumeCredits} />\n                    )}\n                    {currentView.type === MemberPopupPanelType.Referral && copy.referral && (\n                      <Referral copy={copy.referral} onClose={popView} />\n                    )}\n                    {currentView.type === MemberPopupPanelType.CompleteProfile && copy.earnCredits && (\n                      <CompleteProfilePanel copy={copy.earnCredits.completeProfile} onClose={popView} />\n                    )}\n                    {currentView.type === MemberPopupPanelType.Subscribe && copy.activitiesSubscribe && (\n                      <ActivitiesSubscribePanel copy={copy.activitiesSubscribe} email={profile?.email} />\n                    )}\n                    {currentView.type === MemberPopupPanelType.SubscribeEmail && copy.earnCredits && (\n                      <SubscribeEmailPanel copy={copy.earnCredits.subscribe} email={profile?.email} onClose={popView} />\n                    )}\n                    {currentView.type === MemberPopupPanelType.Activate && copy.earnCredits && (\n                      <ActivatePanel copy={copy.earnCredits.authCodeActivate} onClose={popView} />\n                    )}\n                    {currentView.type === MemberPopupPanelType.RedeemCoupon &&\n                      currentView.props &&\n                      copy.consumeCredits && (\n                        <RedeemCouponPanel\n                          item={currentView.props as any}\n                          copy={copy.consumeCredits}\n                          onClose={popView}\n                        />\n                      )}\n                  </Suspense>\n                )}\n              </div>\n\n              {copy.footer && !isLogin && (\n                <div className=\"border-t border-[#dadce0] p-[16px]\">\n                  <div className=\"flex items-center justify-between gap-[16px]\">\n                    <div className=\"inline gap-[4px]\">\n                      <span className=\"text-[14px] font-[700] text-[#080a0f]\">{copy.footer.loginHint}</span>\n                      <button\n                        className=\"cursor-pointer ml-[4px] text-[14px] font-bold text-[#080a0f] underline\"\n                        onClick={openSignInPopup}\n                      >\n                        {copy.footer.loginLabel}\n                      </button>\n                    </div>\n                    <div className=\"flex shrink-0 items-center gap-[8px]\">\n                      <button\n                        className={cn(\n                          'cursor-pointer border-[1.6px] border-[#080a0f] px-[20px] pb-[10px] pt-[11px] text-[14px] font-[700] leading-[1.2] text-[#080a0f]',\n                          rounded ? 'rounded-[4px]' : 'rounded-none'\n                        )}\n                        onClick={openSignUpPopup}\n                      >\n                        {copy.footer.joinLabel}\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              )}\n            </div>\n          </div>\n        )}\n\n        <button\n          className=\"flex cursor-pointer items-center justify-center rounded-full bg-white shadow-lg md:ml-auto md:mr-[16px]\"\n          onClick={() => {\n            const next = !isOpen\n            trackLpButton('floating_button', next ? 'open' : 'close')\n            setIsOpen(next)\n          }}\n          aria-label={copy.triggerImg.alt ?? 'Open member popup'}\n        >\n          <div\n            className=\"size-[var(--member-popup-pc-icon-size)] md:size-[var(--member-popup-mobile-icon-size)]\"\n            style={\n              {\n                '--member-popup-pc-icon-size': copy.pcIconSize ?? '58px',\n                '--member-popup-mobile-icon-size': copy.mobileIconSize ?? copy.pcIconSize ?? '58px',\n              } as CSSProperties\n            }\n          >\n            <Picture source={copy.triggerImg.url} alt={copy.triggerImg.alt ?? ''} className=\"size-full\" />\n          </div>\n        </button>\n      </div>\n    </ViewStackContext.Provider>\n  )\n}\n\ntype HomeCardProps = {\n  item: MemberPopupItem\n  onAction: (type: MemberPopupActionType, url?: string) => void\n  rounded: boolean\n}\n\nfunction HomeCard({ item, onAction, rounded }: HomeCardProps) {\n  const ACTION_ICON: Partial<Record<MemberPopupActionType, typeof IconCredit>> = {\n    [MemberPopupActionType.OpenEarnCredits]: IconCredit,\n    [MemberPopupActionType.OpenConsumeCredits]: IconBag,\n    [MemberPopupActionType.OpenReferral]: IconReferral,\n    [MemberPopupActionType.OpenSubscribe]: IconSubscription,\n  }\n\n  return (\n    <div className={cn('flex flex-col gap-[16px] bg-[#f5f6f7] p-[16px]', rounded ? 'rounded-[8px]' : 'rounded-none')}>\n      <div className=\"flex flex-col gap-[4px]\">\n        <h3 className=\"text-[20px] font-[700] leading-[1.2] text-[#1e2024]\">{item.title}</h3>\n        {item.description && <p className=\"text-[14px] font-[700] leading-[1.43] text-[#1e2024]\">{item.description}</p>}\n      </div>\n\n      <div className=\"flex flex-col gap-[16px]\">\n        {item.links.map((link, i) => {\n          const IconComponent = ACTION_ICON[link.type]\n          return (\n            <div key={i}>\n              {i > 0 && <div className=\"mb-[16px] h-px bg-[#dadce0]\" />}\n              <button\n                className=\"flex w-full cursor-pointer items-center gap-[12px]\"\n                onClick={() => onAction(link.type, link.url)}\n              >\n                {IconComponent && <IconComponent className=\"size-[24px] shrink-0\" />}\n                <span className=\"flex-1 text-left text-[14px] font-[700] text-[#1e2024]\">{link.label}</span>\n                <IconArrow className=\"size-[16px] shrink-0\" />\n              </button>\n            </div>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport { lazy, Suspense, useState, useCallback, useEffect, type CSSProperties } from 'react'\nimport { Picture } from '@anker-in/headless-ui'\nimport { gaTrack, type HeadlessConfig, useHeadlessContext, classNames as cn } from '../../lib'\nimport {\n  MemberPopupActionType,\n  MemberPopupPageScope,\n  MemberPopupPanelType,\n  type MemberPopupCopy,\n  type MemberPopupContextValue,\n  type MemberPopupItem,\n} from './type'\nimport { MemberPopupProvider } from './context/provider'\nimport { useMemberPopupContext } from './context/provider'\nimport { ViewStackContext, type ViewPayload } from './context/viewStack'\nimport { IconClose, IconArrow, IconCredit, IconBag, IconReferral, IconSwitch, IconSubscription } from './icons'\nimport { ROUNDED_BRANDS } from '../../constants'\n\nconst EarnCredits = lazy(() => import('./panels/EarnCredits'))\nconst ConsumeCredits = lazy(() => import('./panels/ConsumeCredits'))\nconst Referral = lazy(() => import('./panels/Referral'))\nconst CompleteProfilePanel = lazy(() => import('./panels/EarnCredits/CompleteProfilePanel'))\nconst ActivitiesSubscribePanel = lazy(() => import('./panels/ActivitiesSubscribePanel'))\nconst SubscribeEmailPanel = lazy(() => import('./panels/EarnCredits/SubscribeEmailPanel'))\nconst ActivatePanel = lazy(() => import('./panels/EarnCredits/ActivatePanel'))\nconst RedeemCouponPanel = lazy(() => import('./panels/ConsumeCredits/RedeemCouponPanel'))\n\ntype MemberPopupProps = MemberPopupContextValue & {\n  headlessConfig: HeadlessConfig\n  copy: MemberPopupCopy\n  bottomOffset?: string\n}\n\nexport function MemberPopup({ copy, bottomOffset = '24px', ...providerProps }: MemberPopupProps) {\n  const [isVisible, setIsVisible] = useState(false)\n  const effectiveBottomOffset = copy.bottomOffset ?? bottomOffset\n\n  useEffect(() => {\n    const config = copy.pageConfig\n    if (!config) {\n      setIsVisible(true)\n      return\n    }\n    const pathname = window.location.pathname\n    const matches = config.pages.some(page => pathname === page || pathname.startsWith(page + '/'))\n    switch (config.scope) {\n      case MemberPopupPageScope.Include:\n        setIsVisible(matches)\n        break\n      case MemberPopupPageScope.Exclude:\n        setIsVisible(!matches)\n        break\n      default:\n        setIsVisible(true)\n    }\n  }, [copy.pageConfig])\n\n  return isVisible ? (\n    <MemberPopupProvider {...providerProps} earnCreditsCopy={copy.earnCredits}>\n      <MemberPopupContent copy={copy} bottomOffset={effectiveBottomOffset} />\n    </MemberPopupProvider>\n  ) : null\n}\n\ntype MemberPopupContentProps = {\n  copy: MemberPopupCopy\n  bottomOffset: string\n}\n\nfunction MemberPopupContent({ copy, bottomOffset }: MemberPopupContentProps) {\n  const { profile, openSignInPopup, openSignUpPopup } = useMemberPopupContext()\n  const { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n  const isLogin = !!profile\n  const [isOpen, setIsOpen] = useState(false)\n  const [viewStack, setViewStack] = useState<ViewPayload[]>([])\n\n  const currentView = viewStack[viewStack.length - 1] ?? null\n\n  const pushView = useCallback((view: ViewPayload) => {\n    setViewStack(prev => [...prev, view])\n  }, [])\n\n  const popView = useCallback(() => {\n    setViewStack(prev => prev.slice(0, -1))\n  }, [])\n\n  const MEMBER_POPUP_INFO = 'Member Floating Window'\n\n  function trackLpButton(position: string, buttonName: string) {\n    gaTrack({\n      event: 'ga4Event',\n      event_name: 'lp_button',\n      event_parameters: {\n        position,\n        button_name: buttonName,\n        info: MEMBER_POPUP_INFO,\n      },\n    })\n  }\n\n  function handleAction(type: MemberPopupActionType, url?: string) {\n    switch (type) {\n      case MemberPopupActionType.ExternalLink:\n        if (url) window.open(url, '_blank', 'noopener,noreferrer')\n        break\n      case MemberPopupActionType.OpenEarnCredits:\n        trackLpButton('home', 'earn_credits')\n        pushView({ type: MemberPopupPanelType.EarnCredits })\n        break\n      case MemberPopupActionType.OpenConsumeCredits:\n        trackLpButton('home', 'consume_credits')\n        pushView({ type: MemberPopupPanelType.ConsumeCredits })\n        break\n      case MemberPopupActionType.OpenReferral:\n        trackLpButton('home', 'referral')\n        pushView({ type: MemberPopupPanelType.Referral })\n        break\n      case MemberPopupActionType.OpenSubscribe:\n        trackLpButton('home', 'subscribe')\n        pushView({ type: MemberPopupPanelType.Subscribe })\n        break\n    }\n  }\n\n  function handleClose() {\n    setIsOpen(false)\n    setViewStack([])\n  }\n\n  return (\n    <ViewStackContext.Provider value={{ pushView, popView }}>\n      {isOpen && <div className=\"fixed inset-0 z-[998]\" onClick={handleClose} />}\n      <div\n        className=\"fixed right-0 z-[999] flex flex-row items-end pr-[20px] md:flex-col md:items-end md:right-0 md:w-screen md:pr-0 md:pl-0\"\n        style={{ bottom: bottomOffset }}\n      >\n        {isOpen && (\n          <div className=\"relative mr-[12px] md:mr-[12px] md:mb-[12px]\" onClick={e => e.stopPropagation()}>\n            <div className=\"absolute right-[-7px] bottom-[24px] size-0 border-y-8 border-l-8 border-r-0 border-y-transparent border-l-white md:bottom-[-8px] md:right-[25px] md:top-auto md:border-y-0 md:border-l-8 md:border-r-8 md:border-t-8 md:border-l-transparent md:border-r-transparent md:border-t-white\" />\n            <div\n              className={cn(\n                'flex w-[420px] max-w-[calc(100vw-32px)] min-h-[500px] flex-col overflow-hidden bg-white shadow-[0_8px_32px_rgba(0,0,0,0.16)] md:w-[calc(100vw-32px)] md:max-w-[400px]',\n                rounded ? 'rounded-[12px]' : 'rounded-none'\n              )}\n              style={{ maxHeight: 'min(80vh, 606px)' }}\n            >\n              <div className=\"flex items-center justify-end pl-[10px] pr-[16px] pb-[8px] pt-[16px]\">\n                {currentView !== null && (\n                  <button\n                    className=\"mr-auto flex size-[24px] cursor-pointer items-center justify-center\"\n                    onClick={popView}\n                    aria-label=\"Back\"\n                  >\n                    <IconSwitch />\n                  </button>\n                )}\n                <button\n                  className=\"flex size-[24px] cursor-pointer items-center justify-center\"\n                  onClick={() => {\n                    trackLpButton('floating_button', 'close')\n                    handleClose()\n                  }}\n                  aria-label=\"Close\"\n                >\n                  <IconClose />\n                </button>\n              </div>\n\n              <div className=\"flex flex-1 flex-col gap-[12px] overflow-y-auto p-[16px]\">\n                {currentView === null && (\n                  <>\n                    {(copy.title || copy.subtitle) && (\n                      <div className=\"flex flex-col gap-[4px]\">\n                        {copy.title && (\n                          <h2 className=\"text-[24px] font-[700] leading-[1.2] text-[#080a0f]\">{copy.title}</h2>\n                        )}\n                        {copy.subtitle && (\n                          <p className=\"text-[16px] font-[700] leading-snug text-[#4a4c56]\">{copy.subtitle}</p>\n                        )}\n                      </div>\n                    )}\n                    {copy.list.map((item, i) => (\n                      <HomeCard key={i} item={item} onAction={handleAction} rounded={rounded} />\n                    ))}\n                  </>\n                )}\n\n                {currentView !== null && (\n                  <Suspense\n                    fallback={\n                      <div className=\"flex items-center justify-center py-[32px]\">\n                        <div className=\"size-[32px] animate-spin rounded-full border-[3px] border-[#080a0f] border-t-transparent\" />\n                      </div>\n                    }\n                  >\n                    {currentView.type === MemberPopupPanelType.EarnCredits && copy.earnCredits && (\n                      <EarnCredits copy={copy.earnCredits} />\n                    )}\n                    {currentView.type === MemberPopupPanelType.ConsumeCredits && copy.consumeCredits && (\n                      <ConsumeCredits copy={copy.consumeCredits} />\n                    )}\n                    {currentView.type === MemberPopupPanelType.Referral && copy.referral && (\n                      <Referral copy={copy.referral} onClose={popView} />\n                    )}\n                    {currentView.type === MemberPopupPanelType.CompleteProfile && copy.earnCredits && (\n                      <CompleteProfilePanel copy={copy.earnCredits.completeProfile} onClose={popView} />\n                    )}\n                    {currentView.type === MemberPopupPanelType.Subscribe && copy.activitiesSubscribe && (\n                      <ActivitiesSubscribePanel copy={copy.activitiesSubscribe} email={profile?.email} />\n                    )}\n                    {currentView.type === MemberPopupPanelType.SubscribeEmail && copy.earnCredits && (\n                      <SubscribeEmailPanel copy={copy.earnCredits.subscribe} email={profile?.email} onClose={popView} />\n                    )}\n                    {currentView.type === MemberPopupPanelType.Activate && copy.earnCredits && (\n                      <ActivatePanel copy={copy.earnCredits.authCodeActivate} onClose={popView} />\n                    )}\n                    {currentView.type === MemberPopupPanelType.RedeemCoupon &&\n                      currentView.props &&\n                      copy.consumeCredits && (\n                        <RedeemCouponPanel\n                          item={currentView.props as any}\n                          copy={copy.consumeCredits}\n                          onClose={popView}\n                        />\n                      )}\n                  </Suspense>\n                )}\n              </div>\n\n              {copy.footer && !isLogin && (\n                <div className=\"border-t border-[#dadce0] p-[16px]\">\n                  <div className=\"flex items-center justify-between gap-[16px]\">\n                    <div className=\"inline gap-[4px]\">\n                      <span className=\"text-[14px] font-[700] text-[#080a0f]\">{copy.footer.loginHint}</span>\n                      <button\n                        className=\"cursor-pointer ml-[4px] text-[14px] font-bold text-[#080a0f] underline\"\n                        onClick={openSignInPopup}\n                      >\n                        {copy.footer.loginLabel}\n                      </button>\n                    </div>\n                    <div className=\"flex shrink-0 items-center gap-[8px]\">\n                      <button\n                        className={cn(\n                          'cursor-pointer border-[1.6px] border-[#080a0f] px-[20px] pb-[10px] pt-[11px] text-[14px] font-[700] leading-[1.2] text-[#080a0f]',\n                          rounded ? 'rounded-[4px]' : 'rounded-none'\n                        )}\n                        onClick={openSignUpPopup}\n                      >\n                        {copy.footer.joinLabel}\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              )}\n            </div>\n          </div>\n        )}\n\n        <button\n          className=\"flex cursor-pointer items-center justify-center rounded-full bg-white shadow-lg md:ml-auto md:mr-[16px]\"\n          onClick={() => {\n            const next = !isOpen\n            trackLpButton('floating_button', next ? 'open' : 'close')\n            setIsOpen(next)\n          }}\n          aria-label={copy.triggerImg.alt ?? 'Open member popup'}\n        >\n          <div\n            className=\"size-[var(--member-popup-pc-icon-size)] md:size-[var(--member-popup-mobile-icon-size)]\"\n            style={\n              {\n                '--member-popup-pc-icon-size': copy.pcIconSize ?? '58px',\n                '--member-popup-mobile-icon-size': copy.mobileIconSize ?? copy.pcIconSize ?? '58px',\n              } as CSSProperties\n            }\n          >\n            <Picture source={copy.triggerImg.url} alt={copy.triggerImg.alt ?? ''} className=\"size-full\" />\n          </div>\n        </button>\n      </div>\n    </ViewStackContext.Provider>\n  )\n}\n\ntype HomeCardProps = {\n  item: MemberPopupItem\n  onAction: (type: MemberPopupActionType, url?: string) => void\n  rounded: boolean\n}\n\nfunction HomeCard({ item, onAction, rounded }: HomeCardProps) {\n  const ACTION_ICON: Partial<Record<MemberPopupActionType, typeof IconCredit>> = {\n    [MemberPopupActionType.OpenEarnCredits]: IconCredit,\n    [MemberPopupActionType.OpenConsumeCredits]: IconBag,\n    [MemberPopupActionType.OpenReferral]: IconReferral,\n    [MemberPopupActionType.OpenSubscribe]: IconSubscription,\n  }\n\n  return (\n    <div className={cn('flex flex-col gap-[16px] bg-[#f5f6f7] p-[16px]', rounded ? 'rounded-[8px]' : 'rounded-none')}>\n      <div className=\"flex flex-col gap-[4px]\">\n        <h3 className=\"text-[20px] font-[700] leading-[1.2] text-[#1e2024]\">{item.title}</h3>\n        {item.description && <p className=\"text-[14px] font-[700] leading-[1.43] text-[#1e2024]\">{item.description}</p>}\n      </div>\n\n      <div className=\"flex flex-col gap-[16px]\">\n        {item.links.map((link, i) => {\n          const IconComponent = ACTION_ICON[link.type]\n          return (\n            <div key={i}>\n              {i > 0 && <div className=\"mb-[16px] h-px bg-[#dadce0]\" />}\n              <button\n                className=\"flex w-full cursor-pointer items-center gap-[12px]\"\n                onClick={() => onAction(link.type, link.url)}\n              >\n                {IconComponent && <IconComponent className=\"size-[24px] shrink-0\" />}\n                <span className=\"flex-1 text-left text-[14px] font-[700] text-[#1e2024]\">{link.label}</span>\n                <IconArrow className=\"size-[16px] shrink-0\" />\n              </button>\n            </div>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": ["MemberPopup_exports", "__export", "MemberPopup", "__toCommonJS", "import_jsx_runtime", "import_react", "import_headless_ui", "import_lib", "import_type", "import_provider", "import_viewStack", "import_icons", "import_constants", "EarnCredits", "ConsumeCredits", "Referral", "CompleteProfilePanel", "ActivitiesSubscribePanel", "SubscribeEmailPanel", "ActivatePanel", "RedeemCouponPanel", "copy", "bottomOffset", "providerProps", "isVisible", "setIsVisible", "effectiveBottomOffset", "config", "pathname", "matches", "page", "MemberPopupContent", "profile", "openSignInPopup", "openSignUpPopup", "brand", "rounded", "isLogin", "isOpen", "setIsOpen", "viewStack", "setViewStack", "currentView", "pushView", "view", "prev", "popView", "MEMBER_POPUP_INFO", "trackLpButton", "position", "buttonName", "handleAction", "type", "url", "handleClose", "e", "cn", "item", "i", "HomeCard", "next", "onAction", "ACTION_ICON", "link", "IconComponent"]
 }

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

@@ -1,11 +1,11 @@
 import { PropsWithChildren } from 'react';
-import { type HeadlessConfig } from '@anker-in/lib';
+import { type HeadlessConfig } from '../../../lib';
 import type { EarnCreditsCopy, MemberPopupContextValue, MemberPopupInternalContextValue } from '../type';
 export declare const MemberPopupContext: import("react").Context<MemberPopupInternalContextValue>;
 type MemberPopupProviderProps = MemberPopupContextValue & {
     headlessConfig: HeadlessConfig;
     earnCreditsCopy?: EarnCreditsCopy;
 };
-export declare function MemberPopupProvider({ children, headlessConfig, earnCreditsCopy, ...contextValue }: PropsWithChildren<MemberPopupProviderProps>): import("react/jsx-runtime").JSX.Element;
+export declare function MemberPopupProvider({ children, headlessConfig, earnCreditsCopy, ...contextValue }: PropsWithChildren<MemberPopupProviderProps>): import("react").JSX.Element;
 export declare function useMemberPopupContext(): MemberPopupInternalContextValue;
 export {};

package/dist/cjs/components/memberPopup/context/provider.js

@@ -1,2 +1,2 @@
-"use strict";var n=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var S=Object.prototype.hasOwnProperty;var v=(e,o)=>{for(var r in o)n(e,r,{get:o[r],enumerable:!0})},M=(e,o,r,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of b(o))!S.call(e,t)&&t!==r&&n(e,t,{get:()=>o[t],enumerable:!(i=m(o,t))||i.enumerable});return e};var x=e=>M(n({},"__esModule",{value:!0}),e);var h={};v(h,{MemberPopupContext:()=>u,MemberPopupProvider:()=>I,useMemberPopupContext:()=>g});module.exports=x(h);var p=require("react/jsx-runtime"),s=require("react"),c=require("@anker-in/lib"),a=require("../../registration");const u=(0,s.createContext)({profile:null,isLoadingProfile:!1,creditInfo:void 0,fetchCreditInfo:()=>{},openSignUpPopup:()=>{},openSignInPopup:()=>{},taskIdToTypeMapping:{},alpcConfig:{brand:"",locale:"",appName:""},isSubscribeSuccess:!1,setIsSubscribeSuccess:()=>{},isActivateSuccess:!1,setIsActivateSuccess:()=>{},isProfileCompleteSuccess:!1,setIsProfileCompleteSuccess:()=>{}});function I({children:e,headlessConfig:o,earnCreditsCopy:r,...i}){const[t,l]=(0,s.useState)(!1),[P,d]=(0,s.useState)(!1),[f,C]=(0,s.useState)(!1);return(0,p.jsx)(c.HeadlessProvider,{headlessConfig:o,children:(0,p.jsx)(a.RegistrationProvider,{email:i.profile?.email,copy:{authCodeActivate:r?.authCodeActivate},children:(0,p.jsx)(u.Provider,{value:{...i,isSubscribeSuccess:t,setIsSubscribeSuccess:l,isActivateSuccess:P,setIsActivateSuccess:d,isProfileCompleteSuccess:f,setIsProfileCompleteSuccess:C},children:e})})})}function g(){const e=(0,s.useContext)(u);if(!e)throw new Error("useMemberPopupContext must be used within a MemberPopupProvider");return e}
+"use strict";var n=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var S=Object.prototype.hasOwnProperty;var v=(e,o)=>{for(var r in o)n(e,r,{get:o[r],enumerable:!0})},M=(e,o,r,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of b(o))!S.call(e,t)&&t!==r&&n(e,t,{get:()=>o[t],enumerable:!(i=m(o,t))||i.enumerable});return e};var x=e=>M(n({},"__esModule",{value:!0}),e);var h={};v(h,{MemberPopupContext:()=>u,MemberPopupProvider:()=>I,useMemberPopupContext:()=>g});module.exports=x(h);var p=require("react/jsx-runtime"),s=require("react"),c=require("../../../lib"),a=require("../../registration");const u=(0,s.createContext)({profile:null,isLoadingProfile:!1,creditInfo:void 0,fetchCreditInfo:()=>{},openSignUpPopup:()=>{},openSignInPopup:()=>{},taskIdToTypeMapping:{},alpcConfig:{brand:"",locale:"",appName:""},isSubscribeSuccess:!1,setIsSubscribeSuccess:()=>{},isActivateSuccess:!1,setIsActivateSuccess:()=>{},isProfileCompleteSuccess:!1,setIsProfileCompleteSuccess:()=>{}});function I({children:e,headlessConfig:o,earnCreditsCopy:r,...i}){const[t,l]=(0,s.useState)(!1),[P,d]=(0,s.useState)(!1),[f,C]=(0,s.useState)(!1);return(0,p.jsx)(c.HeadlessProvider,{headlessConfig:o,children:(0,p.jsx)(a.RegistrationProvider,{email:i.profile?.email,copy:{authCodeActivate:r?.authCodeActivate},children:(0,p.jsx)(u.Provider,{value:{...i,isSubscribeSuccess:t,setIsSubscribeSuccess:l,isActivateSuccess:P,setIsActivateSuccess:d,isProfileCompleteSuccess:f,setIsProfileCompleteSuccess:C},children:e})})})}function g(){const e=(0,s.useContext)(u);if(!e)throw new Error("useMemberPopupContext must be used within a MemberPopupProvider");return e}
 //# sourceMappingURL=provider.js.map

package/dist/cjs/components/memberPopup/context/provider.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/memberPopup/context/provider.tsx"],
-  "sourcesContent": ["import { createContext, PropsWithChildren, useContext, useState } from 'react'\nimport { HeadlessProvider, type HeadlessConfig } from '@anker-in/lib'\nimport { RegistrationProvider } from '../../registration'\nimport type { EarnCreditsCopy, MemberPopupContextValue, MemberPopupInternalContextValue } from '../type'\n\nexport const MemberPopupContext = createContext<MemberPopupInternalContextValue>({\n  profile: null,\n  isLoadingProfile: false,\n  creditInfo: undefined,\n  fetchCreditInfo: () => {},\n  openSignUpPopup: () => {},\n  openSignInPopup: () => {},\n  taskIdToTypeMapping: {},\n  alpcConfig: {\n    brand: '',\n    locale: '',\n    appName: '',\n  },\n  isSubscribeSuccess: false,\n  setIsSubscribeSuccess: () => {},\n  isActivateSuccess: false,\n  setIsActivateSuccess: () => {},\n  isProfileCompleteSuccess: false,\n  setIsProfileCompleteSuccess: () => {},\n})\n\ntype MemberPopupProviderProps = MemberPopupContextValue & {\n  headlessConfig: HeadlessConfig\n  earnCreditsCopy?: EarnCreditsCopy\n}\n\nexport function MemberPopupProvider({\n  children,\n  headlessConfig,\n  earnCreditsCopy,\n  ...contextValue\n}: PropsWithChildren<MemberPopupProviderProps>) {\n  const [isSubscribeSuccess, setIsSubscribeSuccess] = useState(false)\n  const [isActivateSuccess, setIsActivateSuccess] = useState(false)\n  const [isProfileCompleteSuccess, setIsProfileCompleteSuccess] = useState(false)\n\n  return (\n    <HeadlessProvider headlessConfig={headlessConfig}>\n      <RegistrationProvider\n        email={contextValue.profile?.email}\n        copy={{ authCodeActivate: earnCreditsCopy?.authCodeActivate }}\n      >\n        <MemberPopupContext.Provider\n          value={{\n            ...contextValue,\n            isSubscribeSuccess,\n            setIsSubscribeSuccess,\n            isActivateSuccess,\n            setIsActivateSuccess,\n            isProfileCompleteSuccess,\n            setIsProfileCompleteSuccess,\n          }}\n        >\n          {children}\n        </MemberPopupContext.Provider>\n      </RegistrationProvider>\n    </HeadlessProvider>\n  )\n}\n\nexport function useMemberPopupContext() {\n  const context = useContext(MemberPopupContext)\n  if (!context) {\n    throw new Error('useMemberPopupContext must be used within a MemberPopupProvider')\n  }\n  return context\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,EAAA,wBAAAC,EAAA,0BAAAC,IAAA,eAAAC,EAAAL,GA+CQ,IAAAM,EAAA,6BA/CRC,EAAuE,iBACvEC,EAAsD,yBACtDC,EAAqC,8BAG9B,MAAMP,KAAqB,iBAA+C,CAC/E,QAAS,KACT,iBAAkB,GAClB,WAAY,OACZ,gBAAiB,IAAM,CAAC,EACxB,gBAAiB,IAAM,CAAC,EACxB,gBAAiB,IAAM,CAAC,EACxB,oBAAqB,CAAC,EACtB,WAAY,CACV,MAAO,GACP,OAAQ,GACR,QAAS,EACX,EACA,mBAAoB,GACpB,sBAAuB,IAAM,CAAC,EAC9B,kBAAmB,GACnB,qBAAsB,IAAM,CAAC,EAC7B,yBAA0B,GAC1B,4BAA6B,IAAM,CAAC,CACtC,CAAC,EAOM,SAASC,EAAoB,CAClC,SAAAO,EACA,eAAAC,EACA,gBAAAC,EACA,GAAGC,CACL,EAAgD,CAC9C,KAAM,CAACC,EAAoBC,CAAqB,KAAI,YAAS,EAAK,EAC5D,CAACC,EAAmBC,CAAoB,KAAI,YAAS,EAAK,EAC1D,CAACC,EAA0BC,CAA2B,KAAI,YAAS,EAAK,EAE9E,SACE,OAAC,oBAAiB,eAAgBR,EAChC,mBAAC,wBACC,MAAOE,EAAa,SAAS,MAC7B,KAAM,CAAE,iBAAkBD,GAAiB,gBAAiB,EAE5D,mBAACV,EAAmB,SAAnB,CACC,MAAO,CACL,GAAGW,EACH,mBAAAC,EACA,sBAAAC,EACA,kBAAAC,EACA,qBAAAC,EACA,yBAAAC,EACA,4BAAAC,CACF,EAEC,SAAAT,EACH,EACF,EACF,CAEJ,CAEO,SAASN,GAAwB,CACtC,MAAMgB,KAAU,cAAWlB,CAAkB,EAC7C,GAAI,CAACkB,EACH,MAAM,IAAI,MAAM,iEAAiE,EAEnF,OAAOA,CACT",
+  "sourcesContent": ["import { createContext, PropsWithChildren, useContext, useState } from 'react'\nimport { HeadlessProvider, type HeadlessConfig } from '../../../lib'\nimport { RegistrationProvider } from '../../registration'\nimport type { EarnCreditsCopy, MemberPopupContextValue, MemberPopupInternalContextValue } from '../type'\n\nexport const MemberPopupContext = createContext<MemberPopupInternalContextValue>({\n  profile: null,\n  isLoadingProfile: false,\n  creditInfo: undefined,\n  fetchCreditInfo: () => {},\n  openSignUpPopup: () => {},\n  openSignInPopup: () => {},\n  taskIdToTypeMapping: {},\n  alpcConfig: {\n    brand: '',\n    locale: '',\n    appName: '',\n  },\n  isSubscribeSuccess: false,\n  setIsSubscribeSuccess: () => {},\n  isActivateSuccess: false,\n  setIsActivateSuccess: () => {},\n  isProfileCompleteSuccess: false,\n  setIsProfileCompleteSuccess: () => {},\n})\n\ntype MemberPopupProviderProps = MemberPopupContextValue & {\n  headlessConfig: HeadlessConfig\n  earnCreditsCopy?: EarnCreditsCopy\n}\n\nexport function MemberPopupProvider({\n  children,\n  headlessConfig,\n  earnCreditsCopy,\n  ...contextValue\n}: PropsWithChildren<MemberPopupProviderProps>) {\n  const [isSubscribeSuccess, setIsSubscribeSuccess] = useState(false)\n  const [isActivateSuccess, setIsActivateSuccess] = useState(false)\n  const [isProfileCompleteSuccess, setIsProfileCompleteSuccess] = useState(false)\n\n  return (\n    <HeadlessProvider headlessConfig={headlessConfig}>\n      <RegistrationProvider\n        email={contextValue.profile?.email}\n        copy={{ authCodeActivate: earnCreditsCopy?.authCodeActivate }}\n      >\n        <MemberPopupContext.Provider\n          value={{\n            ...contextValue,\n            isSubscribeSuccess,\n            setIsSubscribeSuccess,\n            isActivateSuccess,\n            setIsActivateSuccess,\n            isProfileCompleteSuccess,\n            setIsProfileCompleteSuccess,\n          }}\n        >\n          {children}\n        </MemberPopupContext.Provider>\n      </RegistrationProvider>\n    </HeadlessProvider>\n  )\n}\n\nexport function useMemberPopupContext() {\n  const context = useContext(MemberPopupContext)\n  if (!context) {\n    throw new Error('useMemberPopupContext must be used within a MemberPopupProvider')\n  }\n  return context\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,EAAA,wBAAAC,EAAA,0BAAAC,IAAA,eAAAC,EAAAL,GA+CQ,IAAAM,EAAA,6BA/CRC,EAAuE,iBACvEC,EAAsD,wBACtDC,EAAqC,8BAG9B,MAAMP,KAAqB,iBAA+C,CAC/E,QAAS,KACT,iBAAkB,GAClB,WAAY,OACZ,gBAAiB,IAAM,CAAC,EACxB,gBAAiB,IAAM,CAAC,EACxB,gBAAiB,IAAM,CAAC,EACxB,oBAAqB,CAAC,EACtB,WAAY,CACV,MAAO,GACP,OAAQ,GACR,QAAS,EACX,EACA,mBAAoB,GACpB,sBAAuB,IAAM,CAAC,EAC9B,kBAAmB,GACnB,qBAAsB,IAAM,CAAC,EAC7B,yBAA0B,GAC1B,4BAA6B,IAAM,CAAC,CACtC,CAAC,EAOM,SAASC,EAAoB,CAClC,SAAAO,EACA,eAAAC,EACA,gBAAAC,EACA,GAAGC,CACL,EAAgD,CAC9C,KAAM,CAACC,EAAoBC,CAAqB,KAAI,YAAS,EAAK,EAC5D,CAACC,EAAmBC,CAAoB,KAAI,YAAS,EAAK,EAC1D,CAACC,EAA0BC,CAA2B,KAAI,YAAS,EAAK,EAE9E,SACE,OAAC,oBAAiB,eAAgBR,EAChC,mBAAC,wBACC,MAAOE,EAAa,SAAS,MAC7B,KAAM,CAAE,iBAAkBD,GAAiB,gBAAiB,EAE5D,mBAACV,EAAmB,SAAnB,CACC,MAAO,CACL,GAAGW,EACH,mBAAAC,EACA,sBAAAC,EACA,kBAAAC,EACA,qBAAAC,EACA,yBAAAC,EACA,4BAAAC,CACF,EAEC,SAAAT,EACH,EACF,EACF,CAEJ,CAEO,SAASN,GAAwB,CACtC,MAAMgB,KAAU,cAAWlB,CAAkB,EAC7C,GAAI,CAACkB,EACH,MAAM,IAAI,MAAM,iEAAiE,EAEnF,OAAOA,CACT",
   "names": ["provider_exports", "__export", "MemberPopupContext", "MemberPopupProvider", "useMemberPopupContext", "__toCommonJS", "import_jsx_runtime", "import_react", "import_lib", "import_registration", "children", "headlessConfig", "earnCreditsCopy", "contextValue", "isSubscribeSuccess", "setIsSubscribeSuccess", "isActivateSuccess", "setIsActivateSuccess", "isProfileCompleteSuccess", "setIsProfileCompleteSuccess", "context"]
 }