@anker-in/campaign-ui 0.2.10-beta.1 → 0.2.10-beta.10

package/dist/cjs/components/credits/creditsRedeemList/RedeemProductModal/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/components/credits/creditsRedeemList/RedeemProductModal/index.tsx"],
-  "sourcesContent": ["import classNames from 'classnames'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\nimport { useCreditsContext } from '../../context/provider'\nimport useCountries from '../../context/hooks/useCountries'\nimport { AlpcErrorCode } from '../../context/const'\nimport { useAddressValidate } from '../../context/hooks/useAddressValidate'\nimport { useRedeemProduct } from '../../context/hooks/useRedeemProduct'\nimport type { ModalContainerProps } from '../../modal/modalContainer'\nimport { CreditsModalContainer } from '../../modal/modalContainer'\nimport type { RedeemableItem as RedeemableItemType } from '../../type'\nimport { useShopifyContext } from '../../../../shopify/context/ShopifyProvider'\nimport { CreditsRedeemListCopy } from '../type'\nimport { Error } from './Error'\nimport { Success } from './Success'\nimport { Address } from './Address'\nimport { Init } from './Init'\n\ntype RedeemProductModalProps = ModalContainerProps & {\n  item: RedeemableItemType\n  copy: CreditsRedeemListCopy\n  onError: (code: AlpcErrorCode) => void\n}\n\nfunction RedeemProductModal({ item, copy, onError, ...props }: RedeemProductModalProps) {\n  const { fetchCreditInfo, profile } = useCreditsContext()\n  const { storeDomain, locale } = useShopifyContext()\n\n  const { validatorInfo } = copy\n  const { shippingAddress, shippingProduct } = copy.redeemModal.product\n\n  const [status, setStatus] = useState<'init' | 'address' | 'success' | 'error'>('init')\n  const [address, setAddress] = useState<any>()\n  const [errorInfo, setErrorInfo] = useState({\n    code: 0,\n    message: '',\n    imageUrl: '',\n  })\n  const [disabled, setDisabled] = useState(false)\n\n  const { countries = [], isLoading: countriesLoading } = useCountries({ shopifyStoreDomain: storeDomain })\n\n  const { isMutating: loading, trigger } = useRedeemProduct({\n    onSuccess(responseData) {\n      if (!responseData) {\n        setStatus('error')\n        setErrorInfo({\n          code: 0,\n          imageUrl: copy.redeemModal.errorImageUrl || '',\n          message: copy.redeemModal.commonError || '',\n        })\n        return\n      }\n\n      if (responseData?.code === 0) {\n        fetchCreditInfo(profile?.user_id)\n        setStatus('success')\n      } else {\n        let errorMsg\n        let errorImage\n        if (responseData.code === AlpcErrorCode.CodeLpcShopifyCouponRuleRedeemLimit) {\n          errorMsg = copy.redeemModal.redeemLimitError\n          setDisabled(true)\n        } else if (responseData.code === AlpcErrorCode.CodeLpcRuleInventoryNotEnough) {\n          errorMsg = copy.redeemModal.inventoryNotEnough\n          setDisabled(true)\n          errorImage = copy.redeemModal.inventoryNotEnough\n        } else if (responseData.code === AlpcErrorCode.CodeLpcNotEnoughCredits) {\n          errorMsg = copy.redeemModal.creditsNotEnough\n          setDisabled(true)\n          fetchCreditInfo(profile?.user_id)\n        } else if (responseData.code === AlpcErrorCode.CodeCrossSiteError) {\n          errorMsg = copy.redeemModal.crossSiteError\n          setDisabled(true)\n        }\n\n        setStatus('error')\n        setErrorInfo({\n          code: responseData.code,\n          imageUrl: errorImage || copy.redeemModal.errorImageUrl || '',\n          message: errorMsg || copy.redeemModal.commonError || '',\n        })\n        onError && onError(responseData.code)\n      }\n    },\n    onError(error) {\n      setStatus('error')\n      setErrorInfo({\n        code: 0,\n        imageUrl: copy.redeemModal.errorImageUrl || '',\n        message: copy.redeemModal.commonError || '',\n      })\n    },\n  })\n\n  const stateInputKey = useMemo(() => {\n    const stateInput = copy?.redeemModal.product.form?.flat().find(item => item.type === 'state')\n    return stateInput?.key\n  }, [copy?.redeemModal.product.form])\n\n  const { validate: validateAddress, errors: validateErrors } = useAddressValidate({\n    address: address,\n    validatorInfo: validatorInfo,\n    formData: copy?.redeemModal.product.form?.flat() || [],\n    errorLabel: {\n      require: copy.redeemModal.product.required,\n      email: copy.redeemModal.product.invalidEmail,\n    },\n  })\n\n  const handlePayment = useCallback(async () => {\n    const ignoreKeys: string[] = []\n\n    if (stateInputKey) {\n      const provinces = countries.find(item => item.code === address.country)?.provinces || []\n\n      if (!provinces.length) {\n        ignoreKeys.push(stateInputKey as never)\n      }\n    }\n\n    if (\n      validateAddress({\n        force: true,\n        ignoreKeys,\n      })\n    ) {\n      // \u5730\u5740\u6821\u9A8C\u9519\u8BEF\n      return\n    }\n    console.log('address', address)\n    let requestAddress = { ...address }\n    if (requestAddress.name) {\n      delete requestAddress.name\n    }\n    if (requestAddress.country === 'UK') {\n      requestAddress.country = 'GB'\n    }\n    trigger({\n      address: btoa(JSON.stringify(requestAddress)),\n      rule_id: Number(item.alpc?.id),\n    })\n  }, [item, trigger, stateInputKey, validateAddress, address, countries])\n\n  useEffect(() => {\n    if (!props.isOpen) {\n      setDisabled(false)\n      setErrorInfo({ code: 0, message: '', imageUrl: '' })\n    }\n  }, [props.isOpen, locale])\n\n  return (\n    <CreditsModalContainer\n      {...props}\n      className={classNames(\n        'w-[540px] md:h-auto min-md:max-h-[calc(100vh-40px)]',\n        status !== 'init' && 'w-[740px] md:w-full'\n      )}\n      scrollClassName=\"mb-0 min-l:px-0 md:mb-0 px-0\"\n      titleClassName={classNames('h-[56px]', status === 'init' && 'bg-[#F5F5F7]')}\n      title={status === 'address' ? 'Order Confirmation' : ''}\n    >\n      {status === 'error' && <Error errorInfo={errorInfo} />}\n      {status === 'success' && (\n        <Success\n          copy={copy}\n          shippingProduct={shippingProduct}\n          loading={loading}\n          address={address}\n          disabled={disabled}\n          onClose={props.onClose}\n          item={item}\n        />\n      )}\n      {status === 'address' && (\n        <Address\n          copy={copy}\n          shippingAddress={shippingAddress}\n          setAddress={setAddress}\n          validateAddress={validateAddress}\n          validateErrors={validateErrors}\n          shippingProduct={shippingProduct}\n          loading={loading}\n          address={address}\n          disabled={disabled}\n          handlePayment={handlePayment}\n          item={item}\n        />\n      )}\n      {status === 'init' && (\n        <Init item={item} copy={copy} loading={loading} disabled={disabled} setStatus={setStatus} />\n      )}\n    </CreditsModalContainer>\n  )\n}\n\nexport default RedeemProductModal\n"],
-  "mappings": "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",
-  "names": ["RedeemProductModal_exports", "__export", "RedeemProductModal_default", "__toCommonJS", "import_jsx_runtime", "import_classnames", "import_react", "import_provider", "import_useCountries", "import_const", "import_useAddressValidate", "import_useRedeemProduct", "import_modalContainer", "import_ShopifyProvider", "import_Error", "import_Success", "import_Address", "import_Init", "RedeemProductModal", "item", "copy", "onError", "props", "fetchCreditInfo", "profile", "storeDomain", "locale", "validatorInfo", "shippingAddress", "shippingProduct", "status", "setStatus", "address", "setAddress", "errorInfo", "setErrorInfo", "disabled", "setDisabled", "countries", "countriesLoading", "useCountries", "loading", "trigger", "responseData", "errorMsg", "errorImage", "error", "stateInputKey", "validateAddress", "validateErrors", "handlePayment", "ignoreKeys", "requestAddress", "classNames"]
-}

package/dist/cjs/components/credits/creditsRedeemList/index.js

@@ -1,2 +0,0 @@
-"use strict";var J=Object.create;var C=Object.defineProperty;var K=Object.getOwnPropertyDescriptor;var Q=Object.getOwnPropertyNames;var W=Object.getPrototypeOf,X=Object.prototype.hasOwnProperty;var Y=(e,t)=>{for(var a in t)C(e,a,{get:t[a],enumerable:!0})},S=(e,t,a,f)=>{if(t&&typeof t=="object"||typeof t=="function")for(let d of Q(t))!X.call(e,d)&&d!==a&&C(e,d,{get:()=>t[d],enumerable:!(f=K(t,d))||f.enumerable});return e};var g=(e,t,a)=>(a=e!=null?J(W(e)):{},S(t||!e||!e.__esModule?C(a,"default",{value:e,enumerable:!0}):a,e)),Z=e=>S(C({},"__esModule",{value:!0}),e);var ee={};Y(ee,{CreditsRedeemList:()=>$});module.exports=Z(ee);var n=require("react/jsx-runtime"),r=require("@anker-in/headless-ui"),R=g(require("classnames")),l=require("react"),E=g(require("./RedeemCouponModal")),O=g(require("./RedeemProductModal")),A=require("../context/provider"),M=g(require("../context/hooks/useRedeemableList")),u=require("../context/const"),F=require("../../../shopify/hooks/useProductsByHandles"),D=require("./RedeemableItem"),z=g(require("../modal/rulesModal")),H=require("../../../helpers/track");function $({copy:e,className:t="",tabClassName:a="",hideTitle:f=!1,cardClassName:d,activate:v}){const{profile:L,openSignUpPopup:j,gtm:{pageGroup:w}}=(0,A.useCreditsContext)(),B=Object.keys(L||{}).length>0,[T,G]=(0,l.useState)(e.list[0].label),[i,b]=(0,l.useState)(void 0),[h,N]=(0,l.useState)(),{listLoading:U,redeemableList:k,getRedeemableList:x}=(0,M.default)(),p=(0,l.useMemo)(()=>k.map(s=>({id:s.id.toString(),title:s.name,consumeCredits:s.consume_credits,remainingInventory:s.remaining_inventory,isLimited:!!s.is_limited,consumeType:s.consume_type,handle:s.sku_handle,sku:s.goods_sku,image:s.goods_url})),[e.list,T,k]),V=p.map(s=>s.handle),{data:_}=(0,F.useProductsByHandles)({handles:V}),q=(0,l.useMemo)(()=>e.list.find(o=>o.label===T)?.list.filter(o=>p.some(c=>c.id===o.id)).map(o=>{const c=p.find(m=>m.id===o.id),y=_?.find(m=>m.handle===c?.handle),P=y?.variants.find(m=>m.sku===c?.sku);return c?.consumeType===u.AlpcConsumeType.Product&&(!y||!P)?null:{alpc:p.find(m=>m.id===o.id),config:o,product:y,variant:P}}).filter(o=>o!==null),[p,_]),I=(0,l.useCallback)(s=>{s===u.AlpcErrorCode.CodeLpcRuleInventoryNotEnough&&x()},[x]);return console.log("popRedeemData",i),(0,n.jsxs)(r.Container,{className:(0,R.default)("relative bg-[#F5F5F7]",t),children:[!f&&(0,n.jsx)(r.Heading,{as:"h2",size:"4",html:e.title}),(0,n.jsx)(r.Tabs,{shape:"rounded",align:"left",className:(0,R.default)("sticky top-0 z-20 py-[24px] md:justify-center",a),value:T.toString(),onValueChange:s=>{G(s),(0,H.gaTrack)({event:"ga4Event",event_name:"lp_navigation",event_parameters:{navigation:s,page_group:w}})},children:(0,n.jsx)(r.TabsList,{children:e.list.map(s=>(0,n.jsx)(r.TabsTrigger,{value:s.label,children:s.label},s.label))})}),!!p?.length&&!U&&(0,n.jsx)("div",{className:(0,R.default)("relative grid grid-cols-4 gap-[16px] md:grid-cols-2 md:gap-[12px] md-xl:grid-cols-3"),children:q?.map(s=>(0,n.jsx)(D.RedeemableItem,{copy:e,item:s,onRedeem:o=>{B?!L?.activated&&!v.isSuccess?(v.openAuthCodePopup(),v.setOnSuccess(()=>{b(o)})):b(o):j()},onRulesOpen:N,className:d},s?.alpc?.id))}),i?.alpc?.consumeType===u.AlpcConsumeType.Coupon&&e?.redeemModal?.coupon&&i&&(0,n.jsx)(E.default,{isOpen:!!i,item:i,copy:e,onError:I,onClose:()=>{b(void 0)}}),i?.alpc?.consumeType===u.AlpcConsumeType.Product&&e?.redeemModal&&i&&(0,n.jsx)(O.default,{isOpen:!!i,item:i,copy:e,onError:I,onClose:()=>{b(void 0)}}),h&&(0,n.jsx)(z.default,{overlayClassName:"md:px-[16px] md:items-center",className:"md:h-fit md:rounded-b-[16px]",isOpen:h.length>0,onClose:()=>N([]),titleClassName:"border-b-transparent h-[56px]",rules:h,scrollClassName:"md:mt-[8px] md:mb-[24px] md:pt-0",title:e?.ruleLabel,ruleClassName:"text-[#1d1d1f] font-bold"})]})}
-//# sourceMappingURL=index.js.map

package/dist/cjs/components/credits/creditsRedeemList/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/components/credits/creditsRedeemList/index.tsx"],
-  "sourcesContent": ["import { Container, Heading, Tabs, TabsList, TabsTrigger } from '@anker-in/headless-ui'\nimport classNames from 'classnames'\nimport { useCallback, useMemo, useState } from 'react'\n\nimport RedeemCouponModal from './RedeemCouponModal'\nimport RedeemProductModal from './RedeemProductModal'\nimport { useCreditsContext } from '../context/provider'\nimport useRedeemableList from '../context/hooks/useRedeemableList'\nimport { AlpcConsumeType, AlpcErrorCode } from '../context/const'\nimport { useProductsByHandles } from '../../../shopify/hooks/useProductsByHandles'\nimport type { RedeemableItem as RedeemableItemType } from '../type'\nimport { RedeemableItem } from './RedeemableItem'\nimport RulesModal from '../modal/rulesModal'\nimport { CreditsRedeemListCopy } from './type'\nimport { gaTrack } from '../../../helpers/track'\n\nexport function CreditsRedeemList({\n  copy,\n  className = '',\n  tabClassName = '',\n  hideTitle = false,\n  cardClassName,\n  activate,\n}: {\n  copy: CreditsRedeemListCopy\n  className?: string\n  tabClassName?: string\n  hideTitle?: boolean\n  cardClassName?: string\n  activate: {\n    openAuthCodePopup: () => void\n    isSuccess: boolean\n    setOnSuccess: (callback: Function) => void\n  }\n}) {\n  const {\n    profile,\n    openSignUpPopup,\n    gtm: { pageGroup },\n  } = useCreditsContext()\n  const isLogin = Object.keys(profile || {}).length > 0\n\n  const [activeTab, setActiveTab] = useState<string>(copy.list[0].label)\n\n  const [popRedeemData, setPopRedeemData] = useState<RedeemableItemType | undefined>(undefined)\n\n  const [rules, setRules] = useState<string | string[]>()\n\n  const { listLoading, redeemableList, getRedeemableList } = useRedeemableList()\n\n  const alpcList = useMemo(() => {\n    return redeemableList.map(item => {\n      return {\n        id: item.id.toString(),\n        title: item.name,\n        consumeCredits: item.consume_credits,\n        remainingInventory: item.remaining_inventory,\n        isLimited: !!item.is_limited,\n        consumeType: item.consume_type,\n        handle: item.sku_handle,\n        sku: item.goods_sku,\n        image: item.goods_url,\n      }\n    })\n  }, [copy.list, activeTab, redeemableList])\n\n  const handles = alpcList.map(item => item.handle)\n  const { data: products } = useProductsByHandles({ handles })\n\n  const list = useMemo(() => {\n    const currentList = copy.list.find(item => item.label === activeTab)\n    return currentList?.list\n      .filter(item => alpcList.some(alpcItem => alpcItem.id === item.id))\n      .map(item => {\n        const alpcItem = alpcList.find(alpcItem => alpcItem.id === item.id)\n        const product = products?.find(product => product.handle === alpcItem?.handle)\n        const variant = product?.variants.find(variant => variant.sku === alpcItem?.sku)\n        if (alpcItem?.consumeType === AlpcConsumeType.Product && (!product || !variant)) return null\n        return {\n          alpc: alpcList.find(alpcItem => alpcItem.id === item.id),\n          config: item,\n          product,\n          variant,\n        }\n      })\n      .filter(item => item !== null) as unknown as RedeemableItemType[]\n  }, [alpcList, products])\n\n  const handleRedeemError = useCallback(\n    (errorCode: AlpcErrorCode) => {\n      if (errorCode === AlpcErrorCode.CodeLpcRuleInventoryNotEnough) {\n        getRedeemableList()\n      }\n    },\n    [getRedeemableList]\n  )\n\n  console.log('popRedeemData', popRedeemData)\n\n  return (\n    <Container className={classNames('relative bg-[#F5F5F7]', className)}>\n      {!hideTitle && <Heading as=\"h2\" size=\"4\" html={copy.title} />}\n\n      <Tabs\n        shape=\"rounded\"\n        align=\"left\"\n        className={classNames('sticky top-0 z-20 py-[24px] md:justify-center', tabClassName)}\n        value={activeTab.toString()}\n        onValueChange={value => {\n          setActiveTab(value)\n          gaTrack({\n            event: 'ga4Event',\n            event_name: 'lp_navigation',\n            event_parameters: {\n              navigation: value,\n              page_group: pageGroup,\n            },\n          })\n        }}\n      >\n        <TabsList>\n          {copy.list.map(item => (\n            <TabsTrigger key={item.label} value={item.label}>\n              {item.label}\n            </TabsTrigger>\n          ))}\n        </TabsList>\n      </Tabs>\n      {/* PC\u7AEF */}\n      {!!alpcList?.length && !listLoading && (\n        <div\n          className={classNames('relative grid grid-cols-4 gap-[16px] md:grid-cols-2 md:gap-[12px] md-xl:grid-cols-3')}\n        >\n          {list?.map(item => (\n            <RedeemableItem\n              key={item?.alpc?.id}\n              copy={copy}\n              item={item}\n              onRedeem={(item: RedeemableItemType) => {\n                if (!isLogin) {\n                  openSignUpPopup()\n                } else if (!profile?.activated && !activate.isSuccess) {\n                  activate.openAuthCodePopup()\n                  activate.setOnSuccess(() => {\n                    setPopRedeemData(item)\n                  })\n                } else {\n                  setPopRedeemData(item)\n                }\n              }}\n              onRulesOpen={setRules}\n              className={cardClassName}\n            />\n          ))}\n        </div>\n      )}\n\n      {popRedeemData?.alpc?.consumeType === AlpcConsumeType.Coupon && copy?.redeemModal?.coupon && popRedeemData && (\n        <RedeemCouponModal\n          isOpen={!!popRedeemData}\n          item={popRedeemData}\n          copy={copy}\n          onError={handleRedeemError}\n          onClose={() => {\n            setPopRedeemData(undefined)\n          }}\n        />\n      )}\n      {popRedeemData?.alpc?.consumeType === AlpcConsumeType.Product && copy?.redeemModal && popRedeemData && (\n        <RedeemProductModal\n          isOpen={!!popRedeemData}\n          item={popRedeemData}\n          copy={copy}\n          onError={handleRedeemError}\n          onClose={() => {\n            setPopRedeemData(undefined)\n          }}\n        />\n      )}\n      {rules && (\n        <RulesModal\n          overlayClassName=\"md:px-[16px] md:items-center\"\n          className=\"md:h-fit md:rounded-b-[16px]\"\n          isOpen={rules.length > 0}\n          onClose={() => setRules([])}\n          titleClassName=\"border-b-transparent h-[56px]\"\n          rules={rules}\n          scrollClassName=\"md:mt-[8px] md:mb-[24px] md:pt-0\"\n          title={copy?.ruleLabel}\n          ruleClassName=\"text-[#1d1d1f] font-bold\"\n        />\n      )}\n    </Container>\n  )\n}\n"],
-  "mappings": "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",
-  "names": ["creditsRedeemList_exports", "__export", "CreditsRedeemList", "__toCommonJS", "import_jsx_runtime", "import_headless_ui", "import_classnames", "import_react", "import_RedeemCouponModal", "import_RedeemProductModal", "import_provider", "import_useRedeemableList", "import_const", "import_useProductsByHandles", "import_RedeemableItem", "import_rulesModal", "import_track", "copy", "className", "tabClassName", "hideTitle", "cardClassName", "activate", "profile", "openSignUpPopup", "pageGroup", "isLogin", "activeTab", "setActiveTab", "popRedeemData", "setPopRedeemData", "rules", "setRules", "listLoading", "redeemableList", "getRedeemableList", "useRedeemableList", "alpcList", "item", "handles", "products", "list", "alpcItem", "product", "variant", "handleRedeemError", "errorCode", "classNames", "value", "RedeemCouponModal", "RedeemProductModal", "RulesModal"]
-}

package/dist/cjs/components/credits/creditsWaysToGetCredits/useActions.js

@@ -1,2 +0,0 @@
-"use strict";var j=Object.create;var r=Object.defineProperty;var _=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var T=Object.getPrototypeOf,U=Object.prototype.hasOwnProperty;var A=(e,i)=>{for(var a in i)r(e,a,{get:i[a],enumerable:!0})},h=(e,i,a,b)=>{if(i&&typeof i=="object"||typeof i=="function")for(let n of R(i))!U.call(e,n)&&n!==a&&r(e,n,{get:()=>i[n],enumerable:!(b=_(i,n))||b.enumerable});return e};var x=(e,i,a)=>(a=e!=null?j(T(e)):{},h(i||!e||!e.__esModule?r(a,"default",{value:e,enumerable:!0}):a,e)),G=e=>h(r({},"__esModule",{value:!0}),e);var E={};A(E,{useActions:()=>W});module.exports=G(E);var t=require("./type"),k=require("../context/provider"),d=require("react"),f=x(require("../context/hooks/useReceiptUploaded")),N=require("../context/hooks/useFirstPurchaseFinished"),L=require("../context/hooks/useSubscribed"),C=require("../../../shopify/context/ShopifyProvider"),P=require("../../../helpers/track");const W=({copy:e,subscribe:i,uploadReceipt:a,activate:b,gaParameters:n})=>{const{openSignUpPopup:s,gtm:g,profile:l}=(0,k.useCreditsContext)(),u=(0,L.useSubscribed)(),c=(0,N.useFirstPurchaseFinished)(),m=(0,f.default)(),{appName:v}=(0,C.useShopifyContext)(),p=(0,d.useMemo)(()=>(l?.first_name||l?.last_name)&&l?.phone_number&&l?.dob,[l]);return(0,d.useMemo)(()=>{const o=({buttonName:F,id:w,callback:S})=>{(0,P.gaTrack)({event:"ga4Event",event_name:"lp_button",member_active_status:l?.activated?"active":"not active",event_parameters:{page_group:g.pageGroup,position:n?.position||e.title,button_name:F,info:w}}),S()};return{actions:{[t.TaskType.Activate]:{finished:l?.activated,notLogin:{buttonLabel:e?.joinNow,handleClick:()=>o({buttonName:e?.joinNow,callback:s,id:t.TaskType.Activate})},notFinished:{buttonLabel:e?.activate,handleClick:()=>o({buttonName:e?.activate,callback:()=>b.openAuthCodePopup(),id:t.TaskType.Activate})},completed:{buttonLabel:e?.completed}},[t.TaskType.Subscribe]:{finished:u,notLogin:{buttonLabel:e?.joinNow,handleClick:()=>o({buttonName:e?.joinNow,callback:s,id:t.TaskType.Subscribe})},notFinished:{buttonLabel:e?.subscribe,handleClick:()=>o({buttonName:e?.subscribe,callback:()=>i.openSubscribePopup(),id:t.TaskType.Subscribe})},completed:{buttonLabel:e?.completed}},[t.TaskType.CompleteProfile]:{finished:p,notLogin:{buttonLabel:e?.joinNow,handleClick:()=>o({buttonName:e?.joinNow,callback:s,id:t.TaskType.CompleteProfile})},notFinished:{buttonLabel:e?.completeProfile,link:`/account/profile?app=${v}`,handleClick:()=>o({buttonName:e?.completeProfile,callback:()=>{},id:t.TaskType.CompleteProfile})},completed:{buttonLabel:e?.completed}},[t.TaskType.FirstPurchase]:{finished:c,notLogin:{buttonLabel:e?.makeFirstPurchase,handleClick:()=>o({buttonName:e?.makeFirstPurchase,callback:s,id:t.TaskType.FirstPurchase})},notFinished:{buttonLabel:e?.makeFirstPurchase,link:e?.goShopLink,handleClick:()=>o({buttonName:e?.makeFirstPurchase,callback:()=>{},id:t.TaskType.FirstPurchase})},completed:{buttonLabel:e?.completed}},[t.TaskType.UploadReceipt]:{finished:m,notLogin:{buttonLabel:e?.joinNow,handleClick:()=>o({buttonName:e?.joinNow,callback:s,id:t.TaskType.UploadReceipt})},notFinished:{buttonLabel:e?.uploadReceipt,handleClick:()=>o({buttonName:e?.uploadReceipt,callback:()=>a.openUploadReceiptPopup(),id:t.TaskType.UploadReceipt})},completed:{buttonLabel:e?.completed}},[t.TaskType.Shop]:{finished:!1,notLogin:{buttonLabel:e?.joinNow,handleClick:()=>o({buttonName:e?.joinNow,callback:s,id:t.TaskType.Shop})},notFinished:{buttonLabel:e?.shopNow,link:e?.goShopLink,handleClick:()=>o({buttonName:e?.shopNow,callback:()=>{},id:t.TaskType.Shop})},completed:{buttonLabel:e?.completed}}}}},[l?.activated,e?.joinNow,e?.activate,e?.completed,e?.subscribe,e?.completeProfile,e?.makeFirstPurchase,e?.uploadReceipt,e?.shopNow,e.title,e?.goShopLink,u,p,c,m,n?.position,s])};
-//# sourceMappingURL=useActions.js.map

package/dist/cjs/components/credits/creditsWaysToGetCredits/useActions.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/components/credits/creditsWaysToGetCredits/useActions.ts"],
-  "sourcesContent": ["import { TaskType } from './type'\nimport { useCreditsContext } from '../context/provider'\nimport { useMemo } from 'react'\nimport useReceiptUploaded from '../context/hooks/useReceiptUploaded'\nimport { useFirstPurchaseFinished } from '../context/hooks/useFirstPurchaseFinished'\nimport { useSubscribed } from '../context/hooks/useSubscribed'\nimport type { CreditsWaysToGetCreditsProps } from './type'\nimport { useShopifyContext } from '../../../shopify/context/ShopifyProvider'\nimport { gaTrack } from '../../../helpers/track'\n\nexport const useActions = ({\n  copy,\n  subscribe,\n  uploadReceipt,\n  activate,\n  gaParameters,\n}: CreditsWaysToGetCreditsProps & {\n  gaParameters?: {\n    position: string\n  }\n}) => {\n  const { openSignUpPopup, gtm, profile } = useCreditsContext()\n  const isSubscribed = useSubscribed()\n  const firstPurchaseFinished = useFirstPurchaseFinished()\n  const uploadedReceipt = useReceiptUploaded()\n  const { appName } = useShopifyContext()\n\n  const profileCompleted = useMemo(() => {\n    return (profile?.first_name || profile?.last_name) && profile?.phone_number && profile?.dob\n  }, [profile])\n\n  return useMemo(() => {\n    const handleClickWithTrack = ({\n      buttonName,\n      id,\n      callback,\n    }: {\n      buttonName: string\n      id?: string\n      callback: () => void\n    }) => {\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'lp_button',\n        member_active_status: profile?.activated ? 'active' : 'not active',\n        event_parameters: {\n          page_group: gtm.pageGroup,\n          position: gaParameters?.position || copy.title,\n          button_name: buttonName,\n          info: id,\n        },\n      })\n      callback()\n    }\n    return {\n      actions: {\n        [TaskType.Activate]: {\n          finished: profile?.activated,\n          notLogin: {\n            buttonLabel: copy?.joinNow,\n            handleClick: () =>\n              handleClickWithTrack({ buttonName: copy?.joinNow, callback: openSignUpPopup, id: TaskType.Activate }),\n          },\n          notFinished: {\n            buttonLabel: copy?.activate,\n            handleClick: () =>\n              handleClickWithTrack({\n                buttonName: copy?.activate,\n                callback: () => activate.openAuthCodePopup(),\n                id: TaskType.Activate,\n              }),\n          },\n          completed: {\n            buttonLabel: copy?.completed,\n          },\n        },\n        [TaskType.Subscribe]: {\n          finished: isSubscribed,\n          notLogin: {\n            buttonLabel: copy?.joinNow,\n            handleClick: () =>\n              handleClickWithTrack({ buttonName: copy?.joinNow, callback: openSignUpPopup, id: TaskType.Subscribe }),\n          },\n          notFinished: {\n            buttonLabel: copy?.subscribe,\n            handleClick: () =>\n              handleClickWithTrack({\n                buttonName: copy?.subscribe,\n                callback: () => subscribe.openSubscribePopup(),\n                id: TaskType.Subscribe,\n              }),\n          },\n          completed: {\n            buttonLabel: copy?.completed,\n          },\n        },\n        [TaskType.CompleteProfile]: {\n          finished: profileCompleted,\n          notLogin: {\n            buttonLabel: copy?.joinNow,\n            handleClick: () =>\n              handleClickWithTrack({\n                buttonName: copy?.joinNow,\n                callback: openSignUpPopup,\n                id: TaskType.CompleteProfile,\n              }),\n          },\n          notFinished: {\n            buttonLabel: copy?.completeProfile,\n            link: `/account/profile?app=${appName}`,\n            handleClick: () =>\n              handleClickWithTrack({\n                buttonName: copy?.completeProfile,\n                callback: () => {},\n                id: TaskType.CompleteProfile,\n              }),\n          },\n          completed: {\n            buttonLabel: copy?.completed,\n          },\n        },\n        [TaskType.FirstPurchase]: {\n          finished: firstPurchaseFinished,\n          notLogin: {\n            buttonLabel: copy?.makeFirstPurchase,\n            handleClick: () =>\n              handleClickWithTrack({\n                buttonName: copy?.makeFirstPurchase,\n                callback: openSignUpPopup,\n                id: TaskType.FirstPurchase,\n              }),\n          },\n          notFinished: {\n            buttonLabel: copy?.makeFirstPurchase,\n            link: copy?.goShopLink,\n            handleClick: () =>\n              handleClickWithTrack({\n                buttonName: copy?.makeFirstPurchase,\n                callback: () => {},\n                id: TaskType.FirstPurchase,\n              }),\n          },\n          completed: {\n            buttonLabel: copy?.completed,\n          },\n        },\n        [TaskType.UploadReceipt]: {\n          finished: uploadedReceipt,\n          notLogin: {\n            buttonLabel: copy?.joinNow,\n            handleClick: () =>\n              handleClickWithTrack({\n                buttonName: copy?.joinNow,\n                callback: openSignUpPopup,\n                id: TaskType.UploadReceipt,\n              }),\n          },\n          notFinished: {\n            buttonLabel: copy?.uploadReceipt,\n            handleClick: () =>\n              handleClickWithTrack({\n                buttonName: copy?.uploadReceipt,\n                callback: () => uploadReceipt.openUploadReceiptPopup(),\n                id: TaskType.UploadReceipt,\n              }),\n          },\n          completed: {\n            buttonLabel: copy?.completed,\n          },\n        },\n        [TaskType.Shop]: {\n          finished: false,\n          notLogin: {\n            buttonLabel: copy?.joinNow,\n            handleClick: () =>\n              handleClickWithTrack({\n                buttonName: copy?.joinNow,\n                callback: openSignUpPopup,\n                id: TaskType.Shop,\n              }),\n          },\n          notFinished: {\n            buttonLabel: copy?.shopNow,\n            link: copy?.goShopLink,\n            handleClick: () =>\n              handleClickWithTrack({\n                buttonName: copy?.shopNow,\n                callback: () => {},\n                id: TaskType.Shop,\n              }),\n          },\n          completed: {\n            buttonLabel: copy?.completed,\n          },\n        },\n      },\n    }\n  }, [\n    profile?.activated,\n    copy?.joinNow,\n    copy?.activate,\n    copy?.completed,\n    copy?.subscribe,\n    copy?.completeProfile,\n    copy?.makeFirstPurchase,\n    copy?.uploadReceipt,\n    copy?.shopNow,\n    copy.title,\n    copy?.goShopLink,\n    isSubscribed,\n    profileCompleted,\n    firstPurchaseFinished,\n    uploadedReceipt,\n    gaParameters?.position,\n    openSignUpPopup,\n  ])\n}\n"],
-  "mappings": "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",
-  "names": ["useActions_exports", "__export", "useActions", "__toCommonJS", "import_type", "import_provider", "import_react", "import_useReceiptUploaded", "import_useFirstPurchaseFinished", "import_useSubscribed", "import_ShopifyProvider", "import_track", "copy", "subscribe", "uploadReceipt", "activate", "gaParameters", "openSignUpPopup", "gtm", "profile", "isSubscribed", "firstPurchaseFinished", "uploadedReceipt", "useReceiptUploaded", "appName", "profileCompleted", "handleClickWithTrack", "buttonName", "id", "callback"]
-}

package/src/shopify/MIGRATION_GUIDE.md

@@ -1,156 +0,0 @@
-# Shopify Context 迁移指南
-
-## 概述
-
-本指南帮助你将现有的环境变量依赖迁移到新的 `ShopifyContext` 系统。
-
-## 迁移步骤
-
-### 1. 设置 Provider
-
-在主应用的根组件中设置 `ShopifyProvider`：
-
-```tsx
-import { ShopifyProvider, createShopifyConfig } from '@anker-in/campaign-ui/shopify/context'
-
-// 方式 1: 手动配置
-const shopifyConfig = createShopifyConfig({
-  brand: 'soundcore',
-  env: 'production',
-  metafieldNamespacePrefix: 'custom',
-  stores: [
-    {
-      locale: 'us',
-      domain: 'store-us.myshopify.com',
-      token: 'your-us-token',
-      themeDomain: 'us.soundcore.com'
-    },
-    {
-      locale: 'eu', 
-      domain: 'store-eu.myshopify.com',
-      token: 'your-eu-token',
-      themeDomain: 'eu.soundcore.com'
-    }
-  ]
-})
-
-function App({ locale }: { locale: string }) {
-  return (
-    <ShopifyProvider config={shopifyConfig} locale={locale}>
-      <YourAppContent />
-    </ShopifyProvider>
-  )
-}
-```
-
-### 2. 替换环境变量使用
-
-#### 旧方式 (环境变量):
-```tsx
-import { I18N_STOREFRONT_TOKEN, I18N_STORE_DOMAIN, BRAND } from './utils/store'
-
-const token = I18N_STOREFRONT_TOKEN[locale]
-const domain = I18N_STORE_DOMAIN[locale]
-const brand = BRAND
-```
-
-#### 新方式 (Context):
-```tsx
-import { useShopifyContext, useStoreTokens, useStoreDomains, useStoreConfig } from './context'
-
-const { currentStore, brand } = useShopifyContext()
-const { currentToken } = useStoreTokens()
-const { currentDomain } = useStoreDomains()
-const { brand: configBrand } = useStoreConfig()
-```
-
-### 3. 常用迁移模式
-
-#### 获取当前店铺信息
-```tsx
-// 旧方式
-const currentStore = I18N_STORE_DOMAIN[locale]
-const currentToken = I18N_STOREFRONT_TOKEN[locale]
-
-// 新方式
-const { currentStore } = useShopifyContext()
-const { currentToken } = useStoreTokens()
-```
-
-#### 获取 API URL
-```tsx
-// 旧方式
-const apiUrl = `https://${I18N_STORE_DOMAIN[locale]}/api/2025-07/graphql.json`
-
-// 新方式
-const { getApiUrlByLocale } = useShopifyContext()
-const apiUrl = getApiUrlByLocale(locale)
-```
-
-#### 获取主题域名
-```tsx
-// 旧方式
-const themeDomain = I18N_THEME_DOMAIN[locale]
-
-// 新方式
-const { getThemeDomainByLocale } = useShopifyContext()
-const themeDomain = getThemeDomainByLocale(locale)
-```
-
-### 4. 多国家页面构建
-
-对于不同国家的页面，你可以在构建时动态设置 locale：
-
-```tsx
-// pages/[locale]/products.tsx
-import { ShopifyProvider, createShopifyConfig } from '@anker-in/campaign-ui/shopify/context'
-
-export default function ProductsPage({ locale }: { locale: string }) {
-  const shopifyConfig = createShopifyConfig({
-    brand: 'soundcore',
-    env: process.env.NODE_ENV === 'production' ? 'production' : 'development',
-    metafieldNamespacePrefix: 'custom',
-    stores: getStoresForLocale(locale) // 根据 locale 获取对应的店铺配置
-  })
-
-  return (
-    <ShopifyProvider config={shopifyConfig} locale={locale}>
-      <ProductList />
-    </ShopifyProvider>
-  )
-}
-```
-
-### 5. 向后兼容
-
-如果你需要逐步迁移，可以使用 `createShopifyConfigFromEnv()` 来保持向后兼容：
-
-```tsx
-import { createShopifyConfigFromEnv } from '@anker-in/campaign-ui/shopify/context'
-
-// 从环境变量创建配置（向后兼容）
-const shopifyConfig = createShopifyConfigFromEnv()
-
-function App({ locale }: { locale: string }) {
-  return (
-    <ShopifyProvider config={shopifyConfig} locale={locale}>
-      <YourAppContent />
-    </ShopifyProvider>
-  )
-}
-```
-
-## 优势
-
-1. **类型安全**: 完整的 TypeScript 支持
-2. **灵活性**: 支持动态配置，不依赖环境变量
-3. **多店铺支持**: 轻松管理多个国家的店铺配置
-4. **测试友好**: 可以轻松 mock 配置进行测试
-5. **构建时配置**: 支持在构建时根据国家动态设置配置
-
-## 注意事项
-
-1. 确保在使用任何 shopify 相关 hooks 之前设置了 `ShopifyProvider`
-2. 每个页面/组件只能有一个 `ShopifyProvider`
-3. `locale` 必须在配置的 `stores` 中存在
-4. 建议在生产环境中使用手动配置而不是环境变量

package/src/shopify/context/ShopifyProvider.tsx

@@ -1,34 +0,0 @@
-import React, { createContext, useContext, useMemo, ReactNode } from 'react'
-
-import { ShopifyConfig, SiteConfig, ShopifyContextValue } from '../types/config'
-
-const ShopifyContext = createContext<ShopifyContextValue | null>(null)
-
-interface ShopifyProviderProps {
-  children: ReactNode
-  shopifyConfig: ShopifyConfig
-  siteConfig: SiteConfig
-}
-
-export const ShopifyProvider: React.FC<ShopifyProviderProps> = ({ children, siteConfig, shopifyConfig }) => {
-  const contextValue = useMemo((): ShopifyContextValue => {
-    if (!siteConfig || !shopifyConfig) {
-      throw new Error(`No site configuration or shopify configuration found`)
-    }
-
-    return {
-      ...siteConfig,
-      ...shopifyConfig,
-    }
-  }, [siteConfig, shopifyConfig])
-
-  return <ShopifyContext.Provider value={contextValue}>{children}</ShopifyContext.Provider>
-}
-
-export const useShopifyContext = (): ShopifyContextValue => {
-  const context = useContext(ShopifyContext)
-  if (!context) {
-    throw new Error('useShopifyContext must be used within a ShopifyProvider')
-  }
-  return context
-}

package/src/shopify/dist/cart-BNkVu3fh.d.ts

@@ -1,220 +0,0 @@
-import { P as ProductVariant, a as Product, D as DeliveryAddress, B as BaseCartLine, C as Cart$1 } from './graphql-D4M28V-x';
-
-type Discount = {
-    value?: number;
-    percentage?: number;
-    amount?: number;
-    currencyCode?: string;
-};
-type Measurement = {
-    value: number;
-    unit: 'KILOGRAMS' | 'GRAMS' | 'POUNDS' | 'OUNCES';
-};
-type Image = {
-    url: string;
-    altText?: string;
-    width?: number;
-    height?: number;
-};
-type Maybe<T> = T | null;
-type ExtractVariables<T> = T extends {
-    variables?: object;
-} ? T['variables'] : undefined;
-interface CommerceAPIFetchOptions<T> {
-    variables?: ExtractVariables<T>;
-    preview?: boolean;
-}
-type Connection<T> = {
-    edges: Array<Edge<T>>;
-};
-type Edge<T> = {
-    node: T;
-};
-type Menu = {
-    title: string;
-    path: string;
-};
-type Money = {
-    amount: string;
-    currencyCode: string;
-};
-type SEO = {
-    title: string;
-    description: string;
-};
-
-type CartItem = BaseCartLine & {
-    id: string;
-    quantity: number;
-};
-type Attributes = {
-    key: string;
-    value: string;
-}[];
-type ShopifyCartOperation = {
-    cart: Cart$1;
-    variables: {
-        cartId: string;
-    };
-};
-type ShopifyCreateCartOperation = {
-    cartCreate: {
-        cart: Cart;
-    };
-    variables: {
-        buyerIdentity?: any;
-        lines: {
-            merchandiseId: string;
-            quantity: number;
-            attributes?: any;
-        }[];
-        attributes?: {};
-    };
-};
-type ShopifyAddToCartOperation = {
-    cartLinesAdd: {
-        cart: Cart$1;
-    };
-    variables: {
-        cartId: string;
-        buyerIdentity?: any;
-        lines: {
-            merchandiseId: string;
-            quantity: number;
-            attributes?: any;
-        }[];
-        attributes?: {};
-    };
-};
-type ShopifyRemoveFromCartOperation = {
-    cartLinesRemove: {
-        cart: Cart$1;
-    };
-    variables: {
-        cartId: string;
-        lineIds: string[];
-    };
-};
-type ShopifyUpdateCartOperation = {
-    cartLinesUpdate: {
-        cart: Cart$1;
-    };
-    variables: {
-        cartId: string;
-        lines: {
-            id: string;
-            merchandiseId?: string;
-            quantity?: number;
-            attributes?: any;
-        }[];
-        attributes?: any;
-    };
-};
-type ShopifyCodesUpdateCartOperation = {
-    cartDiscountCodesUpdate: {
-        cart: Cart$1;
-    };
-    variables: {
-        cartId: string;
-        discountCodes: string[];
-    };
-};
-type CartAttributesUpdateOperation = {
-    cartAttributesUpdate: {
-        cart: Cart$1;
-    };
-    variables: {
-        cartId: string;
-        attributes: any;
-    };
-};
-type InputArribute = {
-    key?: string;
-    value?: string;
-};
-type subInputValue = {
-    [key: string]: string;
-};
-type InputLineItem = {
-    merchandiseId: string;
-    quantity: number;
-    attributes: any;
-    buyerIdentity?: any;
-    sellingPlanId?: string;
-};
-type SelectedOption = {
-    id?: string;
-    name: string;
-    value: string;
-};
-type LineItem = {
-    id: string;
-    variantId: string;
-    productId: string;
-    name: string;
-    quantity: number;
-    discounts: Discount[];
-    path: string;
-    variant: ProductVariant;
-    totalAmount: number;
-    subtotalAmount: number;
-    options?: SelectedOption[];
-    discountAllocations?: DiscountAllocations[];
-    product?: Product;
-    customAttributes?: any;
-    attributes?: any;
-    sellingPlan?: string;
-};
-type Discounts = {
-    applicable: boolean;
-    code: string;
-};
-type DiscountAllocations = {
-    amount: number;
-    code: string;
-};
-type EstimatedCost = {
-    amount: string;
-    currencyCode: string;
-};
-type SelectedDeliveryOption = {
-    code: string;
-    estimatedCost: EstimatedCost;
-    handle: string;
-    title: string;
-};
-type DeliveryGroups = {
-    deliveryAddress: DeliveryAddress;
-    deliveryOptions: any;
-    id: string;
-    selectedDeliveryOption?: any;
-};
-type Cart = {
-    id: string;
-    customerId?: string;
-    email?: string;
-    createdAt: string;
-    currency: {
-        code: string;
-    };
-    taxesIncluded?: boolean;
-    lineItems: LineItem[];
-    totalLineItemsDiscount?: number;
-    orderDiscounts?: number;
-    lineItemsSubtotalPrice: number;
-    subtotalPrice: number;
-    totalPrice: number;
-    totalTaxAmount: number;
-    discountCodes: Discounts[];
-    discountAllocations?: DiscountAllocations[];
-    discounts?: Discount[];
-    url?: string;
-    ready: boolean;
-    orderStatusUrl?: any;
-    customAttributes?: any;
-    buyerIdentity?: any;
-    deliveryAmount?: number;
-    deliveryGroups?: DeliveryGroups[];
-};
-
-export type { Attributes as A, CommerceAPIFetchOptions as C, Discount as D, ExtractVariables as E, Image as I, LineItem as L, Measurement as M, SEO as S, Maybe as a, Connection as b, Edge as c, Menu as d, Money as e, CartItem as f, ShopifyCartOperation as g, ShopifyCreateCartOperation as h, ShopifyAddToCartOperation as i, ShopifyRemoveFromCartOperation as j, ShopifyUpdateCartOperation as k, ShopifyCodesUpdateCartOperation as l, CartAttributesUpdateOperation as m, InputArribute as n, InputLineItem as o, SelectedOption as p, Discounts as q, DiscountAllocations as r, subInputValue as s, EstimatedCost as t, SelectedDeliveryOption as u, DeliveryGroups as v, Cart as w };