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

package/dist/esm/components/credits/context/hooks/useRedeemCoupon.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/credits/context/hooks/useRedeemCoupon.ts"],
-  "sourcesContent": ["import { ALPC_COUNTRY_MAP } from '../const'\nimport { useAlpcMutation, type UseMutationConfig } from './useAlpcFetch'\nimport { useShopifyContext } from '../../../../shopify/context/ShopifyProvider'\n\ntype RedeemCouponResponse = {\n  code: number\n  data: {\n    success: boolean\n    coupon_code: string\n  }\n}\n\nexport const useRedeemCoupon = (mutationOptions: UseMutationConfig<RedeemCouponResponse> = {}) => {\n  const { locale, appName, brand } = useShopifyContext()\n\n  return useAlpcMutation<\n    RedeemCouponResponse,\n    {\n      user_id?: string\n      rule_id: number\n    }\n  >(\n    {\n      url: `/v1/credit/redeem/coupon`,\n      initData: {\n        brand,\n        country: ALPC_COUNTRY_MAP.get(locale) || locale,\n        app_name: appName,\n      },\n    },\n    mutationOptions\n  )\n}\n"],
-  "mappings": "AAAA,OAAS,oBAAAA,MAAwB,WACjC,OAAS,mBAAAC,MAA+C,iBACxD,OAAS,qBAAAC,MAAyB,8CAU3B,MAAMC,EAAkB,CAACC,EAA2D,CAAC,IAAM,CAChG,KAAM,CAAE,OAAAC,EAAQ,QAAAC,EAAS,MAAAC,CAAM,EAAIL,EAAkB,EAErD,OAAOD,EAOL,CACE,IAAK,2BACL,SAAU,CACR,MAAAM,EACA,QAASP,EAAiB,IAAIK,CAAM,GAAKA,EACzC,SAAUC,CACZ,CACF,EACAF,CACF,CACF",
+  "sourcesContent": ["import { ALPC_COUNTRY_MAP } from '../const'\nimport { useAlpcMutation, type UseMutationConfig } from './useAlpcFetch'\nimport { useShopifyContext } from '@shopify/context/ShopifyProvider'\n\ntype RedeemCouponResponse = {\n  code: number\n  data: {\n    success: boolean\n    coupon_code: string\n  }\n}\n\nexport const useRedeemCoupon = (mutationOptions: UseMutationConfig<RedeemCouponResponse> = {}) => {\n  const { locale, appName, brand } = useShopifyContext()\n\n  return useAlpcMutation<\n    RedeemCouponResponse,\n    {\n      user_id?: string\n      rule_id: number\n    }\n  >(\n    {\n      url: `/v1/credit/redeem/coupon`,\n      initData: {\n        brand,\n        country: ALPC_COUNTRY_MAP.get(locale) || locale,\n        app_name: appName,\n      },\n    },\n    mutationOptions\n  )\n}\n"],
+  "mappings": "AAAA,OAAS,oBAAAA,MAAwB,WACjC,OAAS,mBAAAC,MAA+C,iBACxD,OAAS,qBAAAC,MAAyB,mCAU3B,MAAMC,EAAkB,CAACC,EAA2D,CAAC,IAAM,CAChG,KAAM,CAAE,OAAAC,EAAQ,QAAAC,EAAS,MAAAC,CAAM,EAAIL,EAAkB,EAErD,OAAOD,EAOL,CACE,IAAK,2BACL,SAAU,CACR,MAAAM,EACA,QAASP,EAAiB,IAAIK,CAAM,GAAKA,EACzC,SAAUC,CACZ,CACF,EACAF,CACF,CACF",
   "names": ["ALPC_COUNTRY_MAP", "useAlpcMutation", "useShopifyContext", "useRedeemCoupon", "mutationOptions", "locale", "appName", "brand"]
 }

package/dist/esm/components/credits/context/hooks/useRedeemProduct.js

@@ -1,2 +1,2 @@
-import{ALPC_COUNTRY_MAP as s}from"../const";import{useAlpcMutation as a}from"./useAlpcFetch";import{useShopifyContext as u}from"../../../../shopify/context/ShopifyProvider";const m=(o={})=>{const{storeDomain:t,locale:e,appName:n,brand:r}=u();return a({url:"/v1/credit/exchange/goods",initData:{quantity:1,brand:r,country:(s.get(e||"")||e)?.toUpperCase(),domain:t,app_name:n}},o)};export{m as useRedeemProduct};
+import{ALPC_COUNTRY_MAP as s}from"../const";import{useAlpcMutation as a}from"./useAlpcFetch";import{useShopifyContext as u}from"@shopify/context/ShopifyProvider";const m=(o={})=>{const{storeDomain:t,locale:e,appName:n,brand:r}=u();return a({url:"/v1/credit/exchange/goods",initData:{quantity:1,brand:r,country:(s.get(e||"")||e)?.toUpperCase(),domain:t,app_name:n}},o)};export{m as useRedeemProduct};
 //# sourceMappingURL=useRedeemProduct.js.map

package/dist/esm/components/credits/context/hooks/useRedeemProduct.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/credits/context/hooks/useRedeemProduct.ts"],
-  "sourcesContent": ["import { ALPC_COUNTRY_MAP } from '../const'\nimport { useAlpcMutation, type UseMutationConfig } from './useAlpcFetch'\nimport { useShopifyContext } from '../../../../shopify/context/ShopifyProvider'\n\ntype RedeemProductResponse = {\n  code: number\n  data: {\n    success: boolean\n  }\n}\n\nexport const useRedeemProduct = (mutationOptions: UseMutationConfig<RedeemProductResponse> = {}) => {\n  const { storeDomain, locale, appName, brand } = useShopifyContext()\n\n  return useAlpcMutation<\n    RedeemProductResponse,\n    {\n      rule_id: number\n      address: string\n    }\n  >(\n    {\n      url: `/v1/credit/exchange/goods`,\n      initData: {\n        quantity: 1,\n        brand,\n        country: (ALPC_COUNTRY_MAP.get(locale || '') || locale)?.toUpperCase(),\n        domain: storeDomain,\n        app_name: appName,\n      },\n    },\n    mutationOptions\n  )\n}\n"],
-  "mappings": "AAAA,OAAS,oBAAAA,MAAwB,WACjC,OAAS,mBAAAC,MAA+C,iBACxD,OAAS,qBAAAC,MAAyB,8CAS3B,MAAMC,EAAmB,CAACC,EAA4D,CAAC,IAAM,CAClG,KAAM,CAAE,YAAAC,EAAa,OAAAC,EAAQ,QAAAC,EAAS,MAAAC,CAAM,EAAIN,EAAkB,EAElE,OAAOD,EAOL,CACE,IAAK,4BACL,SAAU,CACR,SAAU,EACV,MAAAO,EACA,SAAUR,EAAiB,IAAIM,GAAU,EAAE,GAAKA,IAAS,YAAY,EACrE,OAAQD,EACR,SAAUE,CACZ,CACF,EACAH,CACF,CACF",
+  "sourcesContent": ["import { ALPC_COUNTRY_MAP } from '../const'\nimport { useAlpcMutation, type UseMutationConfig } from './useAlpcFetch'\nimport { useShopifyContext } from '@shopify/context/ShopifyProvider'\n\ntype RedeemProductResponse = {\n  code: number\n  data: {\n    success: boolean\n  }\n}\n\nexport const useRedeemProduct = (mutationOptions: UseMutationConfig<RedeemProductResponse> = {}) => {\n  const { storeDomain, locale, appName, brand } = useShopifyContext()\n\n  return useAlpcMutation<\n    RedeemProductResponse,\n    {\n      rule_id: number\n      address: string\n    }\n  >(\n    {\n      url: `/v1/credit/exchange/goods`,\n      initData: {\n        quantity: 1,\n        brand,\n        country: (ALPC_COUNTRY_MAP.get(locale || '') || locale)?.toUpperCase(),\n        domain: storeDomain,\n        app_name: appName,\n      },\n    },\n    mutationOptions\n  )\n}\n"],
+  "mappings": "AAAA,OAAS,oBAAAA,MAAwB,WACjC,OAAS,mBAAAC,MAA+C,iBACxD,OAAS,qBAAAC,MAAyB,mCAS3B,MAAMC,EAAmB,CAACC,EAA4D,CAAC,IAAM,CAClG,KAAM,CAAE,YAAAC,EAAa,OAAAC,EAAQ,QAAAC,EAAS,MAAAC,CAAM,EAAIN,EAAkB,EAElE,OAAOD,EAOL,CACE,IAAK,4BACL,SAAU,CACR,SAAU,EACV,MAAAO,EACA,SAAUR,EAAiB,IAAIM,GAAU,EAAE,GAAKA,IAAS,YAAY,EACrE,OAAQD,EACR,SAAUE,CACZ,CACF,EACAH,CACF,CACF",
   "names": ["ALPC_COUNTRY_MAP", "useAlpcMutation", "useShopifyContext", "useRedeemProduct", "mutationOptions", "storeDomain", "locale", "appName", "brand"]
 }

package/dist/esm/components/credits/context/hooks/useRedeemableList.js

@@ -1,2 +1,2 @@
-import{useCallback as R,useEffect as S,useState as y}from"react";import{useAlpcMutation as b}from"./useAlpcFetch";import{ALPC_COUNTRY_MAP as h}from"../const";import{useCreditsContext as x}from"../provider";import{useShopifyContext as N}from"../../../../shopify/context/ShopifyProvider";function A(){let e="";const{profile:n,isLoadingProfile:u}=x(),{locale:l,brand:g}=N();l==="pl"?e="eu":e=l;const[C,a]=y([]),{isMutating:L,trigger:m}=b({url:"/v1/credit/consume_credit_rules",initData:{brand:g,page:1,page_size:20,country:(h.get(e)||e)?.toUpperCase(),task_target:1}}),r=R(()=>{const d=`consume_credit_rules-${e}`,_=localStorage?.getItem(d);if(_){try{const s=JSON.parse(_);if(s.expire>Date.now()&&s.consume_credit_rules.length){a(s.consume_credit_rules);return}}catch{}localStorage?.removeItem(d)}m({user_id:n?.user_id},{onSuccess(s){let p=s.data.consume_credit_rules||[],o=p.filter(t=>t.consume_type==1)||[],c=p.filter(t=>t.consume_type==2)||[];o=o.sort((t,i)=>t.consume_credits-i.consume_credits),c=c.sort((t,i)=>t.consume_credits-i.consume_credits);const f=o.concat(c);a(f),localStorage?.setItem(`consume_credit_rules-${e}`,JSON.stringify({expire:Date.now()+10*60*1e3,consume_credit_rules:f}))}})},[n,m,e]);return S(()=>{u||r()},[r,u]),{listLoading:L,redeemableList:C,getRedeemableList:r}}var k=A;export{k as default};
+import{useCallback as R,useEffect as S,useState as y}from"react";import{useAlpcMutation as b}from"./useAlpcFetch";import{ALPC_COUNTRY_MAP as h}from"../const";import{useCreditsContext as x}from"../provider";import{useShopifyContext as N}from"@shopify/context/ShopifyProvider";function A(){let e="";const{profile:n,isLoadingProfile:u}=x(),{locale:l,brand:g}=N();l==="pl"?e="eu":e=l;const[C,a]=y([]),{isMutating:L,trigger:m}=b({url:"/v1/credit/consume_credit_rules",initData:{brand:g,page:1,page_size:20,country:(h.get(e)||e)?.toUpperCase(),task_target:1}}),r=R(()=>{const d=`consume_credit_rules-${e}`,_=localStorage?.getItem(d);if(_){try{const s=JSON.parse(_);if(s.expire>Date.now()&&s.consume_credit_rules.length){a(s.consume_credit_rules);return}}catch{}localStorage?.removeItem(d)}m({user_id:n?.user_id},{onSuccess(s){let p=s.data.consume_credit_rules||[],o=p.filter(t=>t.consume_type==1)||[],c=p.filter(t=>t.consume_type==2)||[];o=o.sort((t,i)=>t.consume_credits-i.consume_credits),c=c.sort((t,i)=>t.consume_credits-i.consume_credits);const f=o.concat(c);a(f),localStorage?.setItem(`consume_credit_rules-${e}`,JSON.stringify({expire:Date.now()+10*60*1e3,consume_credit_rules:f}))}})},[n,m,e]);return S(()=>{u||r()},[r,u]),{listLoading:L,redeemableList:C,getRedeemableList:r}}var k=A;export{k as default};
 //# sourceMappingURL=useRedeemableList.js.map

package/dist/esm/components/credits/context/hooks/useRedeemableList.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/credits/context/hooks/useRedeemableList.ts"],
-  "sourcesContent": ["import { useCallback, useEffect, useState } from 'react'\n\nimport { useAlpcMutation } from './useAlpcFetch'\nimport { ALPC_COUNTRY_MAP } from '../const'\nimport { useCreditsContext } from '../provider'\nimport type { ConsumeCreditRuleResponse } from '../response'\nimport { useShopifyContext } from '../../../../shopify/context/ShopifyProvider'\n\nfunction useRedeemableList() {\n  let locale = '' as string\n  const { profile, isLoadingProfile } = useCreditsContext()\n  const { locale: contextLocale, brand } = useShopifyContext()\n\n  if (contextLocale === 'pl') {\n    locale = 'eu'\n  } else {\n    locale = contextLocale\n  }\n\n  const [redeemableList, setRedeemableList] = useState<ConsumeCreditRuleResponse[]>([])\n  const { isMutating: listLoading, trigger } = useAlpcMutation<\n    {\n      data: { consume_credit_rules: ConsumeCreditRuleResponse[] }\n    },\n    { user_id?: string }\n  >({\n    url: `/v1/credit/consume_credit_rules`,\n    initData: {\n      brand,\n      page: 1,\n      page_size: 20,\n      country: (ALPC_COUNTRY_MAP.get(locale) || locale)?.toUpperCase(),\n      task_target: 1, // 1: 'app', 2: 'website'\n    },\n  })\n\n  const getRedeemableList = useCallback(() => {\n    const cacheName = `consume_credit_rules-${locale}`\n\n    const cacheStr = localStorage?.getItem(cacheName)\n    if (cacheStr) {\n      try {\n        const cache = JSON.parse(cacheStr)\n        if (cache.expire > Date.now() && cache.consume_credit_rules.length) {\n          // \u7F13\u5B58\u672A\u8FC7\u671F\n          setRedeemableList(cache.consume_credit_rules)\n          return\n        }\n      } catch (e) {}\n      localStorage?.removeItem(cacheName)\n    }\n    trigger(\n      {\n        user_id: profile?.user_id,\n      },\n      {\n        onSuccess(responseData) {\n          let list = responseData.data.consume_credit_rules || []\n          let cList = list.filter(i => i.consume_type == 1) || []\n          let pList = list.filter(i => i.consume_type == 2) || []\n          cList = cList.sort((prev, next) => prev.consume_credits - next.consume_credits)\n          pList = pList.sort((prev, next) => prev.consume_credits - next.consume_credits)\n          const resultList = cList.concat(pList)\n          setRedeemableList(resultList)\n\n          localStorage?.setItem(\n            `consume_credit_rules-${locale}`,\n            JSON.stringify({\n              expire: Date.now() + 10 * 60 * 1000,\n              consume_credit_rules: resultList,\n            })\n          )\n        },\n      }\n    )\n  }, [profile, trigger, locale])\n\n  useEffect(() => {\n    if (!isLoadingProfile) {\n      getRedeemableList()\n    }\n  }, [getRedeemableList, isLoadingProfile])\n\n  return {\n    listLoading,\n    redeemableList,\n    getRedeemableList,\n  }\n}\n\nexport default useRedeemableList\n"],
-  "mappings": "AAAA,OAAS,eAAAA,EAAa,aAAAC,EAAW,YAAAC,MAAgB,QAEjD,OAAS,mBAAAC,MAAuB,iBAChC,OAAS,oBAAAC,MAAwB,WACjC,OAAS,qBAAAC,MAAyB,cAElC,OAAS,qBAAAC,MAAyB,8CAElC,SAASC,GAAoB,CAC3B,IAAIC,EAAS,GACb,KAAM,CAAE,QAAAC,EAAS,iBAAAC,CAAiB,EAAIL,EAAkB,EAClD,CAAE,OAAQM,EAAe,MAAAC,CAAM,EAAIN,EAAkB,EAEvDK,IAAkB,KACpBH,EAAS,KAETA,EAASG,EAGX,KAAM,CAACE,EAAgBC,CAAiB,EAAIZ,EAAsC,CAAC,CAAC,EAC9E,CAAE,WAAYa,EAAa,QAAAC,CAAQ,EAAIb,EAK3C,CACA,IAAK,kCACL,SAAU,CACR,MAAAS,EACA,KAAM,EACN,UAAW,GACX,SAAUR,EAAiB,IAAII,CAAM,GAAKA,IAAS,YAAY,EAC/D,YAAa,CACf,CACF,CAAC,EAEKS,EAAoBjB,EAAY,IAAM,CAC1C,MAAMkB,EAAY,wBAAwBV,CAAM,GAE1CW,EAAW,cAAc,QAAQD,CAAS,EAChD,GAAIC,EAAU,CACZ,GAAI,CACF,MAAMC,EAAQ,KAAK,MAAMD,CAAQ,EACjC,GAAIC,EAAM,OAAS,KAAK,IAAI,GAAKA,EAAM,qBAAqB,OAAQ,CAElEN,EAAkBM,EAAM,oBAAoB,EAC5C,MACF,CACF,MAAY,CAAC,CACb,cAAc,WAAWF,CAAS,CACpC,CACAF,EACE,CACE,QAASP,GAAS,OACpB,EACA,CACE,UAAUY,EAAc,CACtB,IAAIC,EAAOD,EAAa,KAAK,sBAAwB,CAAC,EAClDE,EAAQD,EAAK,OAAOE,GAAKA,EAAE,cAAgB,CAAC,GAAK,CAAC,EAClDC,EAAQH,EAAK,OAAOE,GAAKA,EAAE,cAAgB,CAAC,GAAK,CAAC,EACtDD,EAAQA,EAAM,KAAK,CAACG,EAAMC,IAASD,EAAK,gBAAkBC,EAAK,eAAe,EAC9EF,EAAQA,EAAM,KAAK,CAACC,EAAMC,IAASD,EAAK,gBAAkBC,EAAK,eAAe,EAC9E,MAAMC,EAAaL,EAAM,OAAOE,CAAK,EACrCX,EAAkBc,CAAU,EAE5B,cAAc,QACZ,wBAAwBpB,CAAM,GAC9B,KAAK,UAAU,CACb,OAAQ,KAAK,IAAI,EAAI,GAAK,GAAK,IAC/B,qBAAsBoB,CACxB,CAAC,CACH,CACF,CACF,CACF,CACF,EAAG,CAACnB,EAASO,EAASR,CAAM,CAAC,EAE7B,OAAAP,EAAU,IAAM,CACTS,GACHO,EAAkB,CAEtB,EAAG,CAACA,EAAmBP,CAAgB,CAAC,EAEjC,CACL,YAAAK,EACA,eAAAF,EACA,kBAAAI,CACF,CACF,CAEA,IAAOY,EAAQtB",
+  "sourcesContent": ["import { useCallback, useEffect, useState } from 'react'\n\nimport { useAlpcMutation } from './useAlpcFetch'\nimport { ALPC_COUNTRY_MAP } from '../const'\nimport { useCreditsContext } from '../provider'\nimport type { ConsumeCreditRuleResponse } from '../response'\nimport { useShopifyContext } from '@shopify/context/ShopifyProvider'\n\nfunction useRedeemableList() {\n  let locale = '' as string\n  const { profile, isLoadingProfile } = useCreditsContext()\n  const { locale: contextLocale, brand } = useShopifyContext()\n\n  if (contextLocale === 'pl') {\n    locale = 'eu'\n  } else {\n    locale = contextLocale\n  }\n\n  const [redeemableList, setRedeemableList] = useState<ConsumeCreditRuleResponse[]>([])\n  const { isMutating: listLoading, trigger } = useAlpcMutation<\n    {\n      data: { consume_credit_rules: ConsumeCreditRuleResponse[] }\n    },\n    { user_id?: string }\n  >({\n    url: `/v1/credit/consume_credit_rules`,\n    initData: {\n      brand,\n      page: 1,\n      page_size: 20,\n      country: (ALPC_COUNTRY_MAP.get(locale) || locale)?.toUpperCase(),\n      task_target: 1, // 1: 'app', 2: 'website'\n    },\n  })\n\n  const getRedeemableList = useCallback(() => {\n    const cacheName = `consume_credit_rules-${locale}`\n\n    const cacheStr = localStorage?.getItem(cacheName)\n    if (cacheStr) {\n      try {\n        const cache = JSON.parse(cacheStr)\n        if (cache.expire > Date.now() && cache.consume_credit_rules.length) {\n          // \u7F13\u5B58\u672A\u8FC7\u671F\n          setRedeemableList(cache.consume_credit_rules)\n          return\n        }\n      } catch (e) {}\n      localStorage?.removeItem(cacheName)\n    }\n    trigger(\n      {\n        user_id: profile?.user_id,\n      },\n      {\n        onSuccess(responseData) {\n          let list = responseData.data.consume_credit_rules || []\n          let cList = list.filter(i => i.consume_type == 1) || []\n          let pList = list.filter(i => i.consume_type == 2) || []\n          cList = cList.sort((prev, next) => prev.consume_credits - next.consume_credits)\n          pList = pList.sort((prev, next) => prev.consume_credits - next.consume_credits)\n          const resultList = cList.concat(pList)\n          setRedeemableList(resultList)\n\n          localStorage?.setItem(\n            `consume_credit_rules-${locale}`,\n            JSON.stringify({\n              expire: Date.now() + 10 * 60 * 1000,\n              consume_credit_rules: resultList,\n            })\n          )\n        },\n      }\n    )\n  }, [profile, trigger, locale])\n\n  useEffect(() => {\n    if (!isLoadingProfile) {\n      getRedeemableList()\n    }\n  }, [getRedeemableList, isLoadingProfile])\n\n  return {\n    listLoading,\n    redeemableList,\n    getRedeemableList,\n  }\n}\n\nexport default useRedeemableList\n"],
+  "mappings": "AAAA,OAAS,eAAAA,EAAa,aAAAC,EAAW,YAAAC,MAAgB,QAEjD,OAAS,mBAAAC,MAAuB,iBAChC,OAAS,oBAAAC,MAAwB,WACjC,OAAS,qBAAAC,MAAyB,cAElC,OAAS,qBAAAC,MAAyB,mCAElC,SAASC,GAAoB,CAC3B,IAAIC,EAAS,GACb,KAAM,CAAE,QAAAC,EAAS,iBAAAC,CAAiB,EAAIL,EAAkB,EAClD,CAAE,OAAQM,EAAe,MAAAC,CAAM,EAAIN,EAAkB,EAEvDK,IAAkB,KACpBH,EAAS,KAETA,EAASG,EAGX,KAAM,CAACE,EAAgBC,CAAiB,EAAIZ,EAAsC,CAAC,CAAC,EAC9E,CAAE,WAAYa,EAAa,QAAAC,CAAQ,EAAIb,EAK3C,CACA,IAAK,kCACL,SAAU,CACR,MAAAS,EACA,KAAM,EACN,UAAW,GACX,SAAUR,EAAiB,IAAII,CAAM,GAAKA,IAAS,YAAY,EAC/D,YAAa,CACf,CACF,CAAC,EAEKS,EAAoBjB,EAAY,IAAM,CAC1C,MAAMkB,EAAY,wBAAwBV,CAAM,GAE1CW,EAAW,cAAc,QAAQD,CAAS,EAChD,GAAIC,EAAU,CACZ,GAAI,CACF,MAAMC,EAAQ,KAAK,MAAMD,CAAQ,EACjC,GAAIC,EAAM,OAAS,KAAK,IAAI,GAAKA,EAAM,qBAAqB,OAAQ,CAElEN,EAAkBM,EAAM,oBAAoB,EAC5C,MACF,CACF,MAAY,CAAC,CACb,cAAc,WAAWF,CAAS,CACpC,CACAF,EACE,CACE,QAASP,GAAS,OACpB,EACA,CACE,UAAUY,EAAc,CACtB,IAAIC,EAAOD,EAAa,KAAK,sBAAwB,CAAC,EAClDE,EAAQD,EAAK,OAAOE,GAAKA,EAAE,cAAgB,CAAC,GAAK,CAAC,EAClDC,EAAQH,EAAK,OAAOE,GAAKA,EAAE,cAAgB,CAAC,GAAK,CAAC,EACtDD,EAAQA,EAAM,KAAK,CAACG,EAAMC,IAASD,EAAK,gBAAkBC,EAAK,eAAe,EAC9EF,EAAQA,EAAM,KAAK,CAACC,EAAMC,IAASD,EAAK,gBAAkBC,EAAK,eAAe,EAC9E,MAAMC,EAAaL,EAAM,OAAOE,CAAK,EACrCX,EAAkBc,CAAU,EAE5B,cAAc,QACZ,wBAAwBpB,CAAM,GAC9B,KAAK,UAAU,CACb,OAAQ,KAAK,IAAI,EAAI,GAAK,GAAK,IAC/B,qBAAsBoB,CACxB,CAAC,CACH,CACF,CACF,CACF,CACF,EAAG,CAACnB,EAASO,EAASR,CAAM,CAAC,EAE7B,OAAAP,EAAU,IAAM,CACTS,GACHO,EAAkB,CAEtB,EAAG,CAACA,EAAmBP,CAAgB,CAAC,EAEjC,CACL,YAAAK,EACA,eAAAF,EACA,kBAAAI,CACF,CACF,CAEA,IAAOY,EAAQtB",
   "names": ["useCallback", "useEffect", "useState", "useAlpcMutation", "ALPC_COUNTRY_MAP", "useCreditsContext", "useShopifyContext", "useRedeemableList", "locale", "profile", "isLoadingProfile", "contextLocale", "brand", "redeemableList", "setRedeemableList", "listLoading", "trigger", "getRedeemableList", "cacheName", "cacheStr", "cache", "responseData", "list", "cList", "i", "pList", "prev", "next", "resultList", "useRedeemableList_default"]
 }

package/dist/esm/components/credits/context/hooks/useSendEmailValidation.js

@@ -1,2 +1,2 @@
-import i from"../../../../helpers/fetcher";import a from"swr/mutation";import{useCreditsContext as n}from"../provider";import{useShopifyContext as r}from"../../../../shopify/context/ShopifyProvider";function u(){const{profile:e}=n(),{appName:t,locale:o}=r();return a("send-email-validation",()=>i({locale:o,url:"/api/multipass/account/users/send_validation_email",method:"POST",body:{email:e?.email,app:t},needRecaptcha:!0,action:"verifyAccount"}))}export{u as useSendEmailValidation};
+import i from"../../../../helpers/fetcher";import a from"swr/mutation";import{useCreditsContext as n}from"../provider";import{useShopifyContext as r}from"@shopify/context/ShopifyProvider";function u(){const{profile:e}=n(),{appName:t,locale:o}=r();return a("send-email-validation",()=>i({locale:o,url:"/api/multipass/account/users/send_validation_email",method:"POST",body:{email:e?.email,app:t},needRecaptcha:!0,action:"verifyAccount"}))}export{u as useSendEmailValidation};
 //# sourceMappingURL=useSendEmailValidation.js.map

package/dist/esm/components/credits/context/hooks/useSendEmailValidation.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/credits/context/hooks/useSendEmailValidation.ts"],
-  "sourcesContent": ["import fetcher from '../../../../helpers/fetcher'\nimport useSWRMutation from 'swr/mutation'\nimport { useCreditsContext } from '../provider'\nimport { useShopifyContext } from '../../../../shopify/context/ShopifyProvider'\n\nexport function useSendEmailValidation() {\n  const { profile } = useCreditsContext()\n  const { appName, locale } = useShopifyContext()\n\n  return useSWRMutation('send-email-validation', () =>\n    fetcher({\n      locale,\n      url: '/api/multipass/account/users/send_validation_email',\n      method: 'POST',\n      body: { email: profile?.email, app: appName },\n      needRecaptcha: true,\n      action: 'verifyAccount',\n    })\n  )\n}\n"],
-  "mappings": "AAAA,OAAOA,MAAa,8BACpB,OAAOC,MAAoB,eAC3B,OAAS,qBAAAC,MAAyB,cAClC,OAAS,qBAAAC,MAAyB,8CAE3B,SAASC,GAAyB,CACvC,KAAM,CAAE,QAAAC,CAAQ,EAAIH,EAAkB,EAChC,CAAE,QAAAI,EAAS,OAAAC,CAAO,EAAIJ,EAAkB,EAE9C,OAAOF,EAAe,wBAAyB,IAC7CD,EAAQ,CACN,OAAAO,EACA,IAAK,qDACL,OAAQ,OACR,KAAM,CAAE,MAAOF,GAAS,MAAO,IAAKC,CAAQ,EAC5C,cAAe,GACf,OAAQ,eACV,CAAC,CACH,CACF",
+  "sourcesContent": ["import fetcher from '../../../../helpers/fetcher'\nimport useSWRMutation from 'swr/mutation'\nimport { useCreditsContext } from '../provider'\nimport { useShopifyContext } from '@shopify/context/ShopifyProvider'\n\nexport function useSendEmailValidation() {\n  const { profile } = useCreditsContext()\n  const { appName, locale } = useShopifyContext()\n\n  return useSWRMutation('send-email-validation', () =>\n    fetcher({\n      locale,\n      url: '/api/multipass/account/users/send_validation_email',\n      method: 'POST',\n      body: { email: profile?.email, app: appName },\n      needRecaptcha: true,\n      action: 'verifyAccount',\n    })\n  )\n}\n"],
+  "mappings": "AAAA,OAAOA,MAAa,8BACpB,OAAOC,MAAoB,eAC3B,OAAS,qBAAAC,MAAyB,cAClC,OAAS,qBAAAC,MAAyB,mCAE3B,SAASC,GAAyB,CACvC,KAAM,CAAE,QAAAC,CAAQ,EAAIH,EAAkB,EAChC,CAAE,QAAAI,EAAS,OAAAC,CAAO,EAAIJ,EAAkB,EAE9C,OAAOF,EAAe,wBAAyB,IAC7CD,EAAQ,CACN,OAAAO,EACA,IAAK,qDACL,OAAQ,OACR,KAAM,CAAE,MAAOF,GAAS,MAAO,IAAKC,CAAQ,EAC5C,cAAe,GACf,OAAQ,eACV,CAAC,CACH,CACF",
   "names": ["fetcher", "useSWRMutation", "useCreditsContext", "useShopifyContext", "useSendEmailValidation", "profile", "appName", "locale"]
 }

package/dist/esm/components/credits/context/hooks/useSubscribed.js

@@ -1,2 +1,2 @@
-import{useMemo as t}from"react";import{TaskSubType as n}from"../const";import c from"./useActivities";import b from"./useSubscriptions";import{useCreditsContext as p}from"../provider";import{useShopifyContext as m}from"../../../../shopify/context/ShopifyProvider";const C=()=>{const{profile:i}=p(),{brand:o}=m(),u=t(()=>({page:1,pageSize:50}),[]),{activities:s}=c(u),{subscriptionData:r}=b(i?.email);return t(()=>r?.preference?r.preference.some(e=>e.brand===o&&e.subscribe)?!0:s?.some(e=>e.task_sub_type===n.Subscription):!1,[r,s])};export{C as useSubscribed};
+import{useMemo as t}from"react";import{TaskSubType as n}from"../const";import c from"./useActivities";import b from"./useSubscriptions";import{useCreditsContext as p}from"../provider";import{useShopifyContext as m}from"@shopify/context/ShopifyProvider";const C=()=>{const{profile:i}=p(),{brand:o}=m(),u=t(()=>({page:1,pageSize:50}),[]),{activities:s}=c(u),{subscriptionData:r}=b(i?.email);return t(()=>r?.preference?r.preference.some(e=>e.brand===o&&e.subscribe)?!0:s?.some(e=>e.task_sub_type===n.Subscription):!1,[r,s])};export{C as useSubscribed};
 //# sourceMappingURL=useSubscribed.js.map

package/dist/esm/components/credits/context/hooks/useSubscribed.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/credits/context/hooks/useSubscribed.ts"],
-  "sourcesContent": ["import { useMemo } from 'react'\n\nimport { TaskSubType } from '../const'\nimport useActivities from './useActivities'\nimport useSubscriptions from './useSubscriptions'\nimport { useCreditsContext } from '../provider'\nimport { useShopifyContext } from '../../../../shopify/context/ShopifyProvider'\n\nexport const useSubscribed = () => {\n  const { profile } = useCreditsContext()\n  const { brand } = useShopifyContext()\n\n  const activitiesOptions = useMemo(() => ({ page: 1, pageSize: 50 }), [])\n\n  const { activities } = useActivities(activitiesOptions)\n  const { subscriptionData } = useSubscriptions(profile?.email)\n\n  const isSubscribed = useMemo(() => {\n    if (!subscriptionData?.preference) {\n      return false\n    }\n\n    const subscribeResult = subscriptionData.preference.some(item => {\n      return item.brand === brand && item.subscribe\n    })\n\n    if (subscribeResult) {\n      return true\n    }\n\n    return activities?.some(item => {\n      return item.task_sub_type === TaskSubType.Subscription\n    })\n  }, [subscriptionData, activities])\n\n  return isSubscribed\n}\n"],
-  "mappings": "AAAA,OAAS,WAAAA,MAAe,QAExB,OAAS,eAAAC,MAAmB,WAC5B,OAAOC,MAAmB,kBAC1B,OAAOC,MAAsB,qBAC7B,OAAS,qBAAAC,MAAyB,cAClC,OAAS,qBAAAC,MAAyB,8CAE3B,MAAMC,EAAgB,IAAM,CACjC,KAAM,CAAE,QAAAC,CAAQ,EAAIH,EAAkB,EAChC,CAAE,MAAAI,CAAM,EAAIH,EAAkB,EAE9BI,EAAoBT,EAAQ,KAAO,CAAE,KAAM,EAAG,SAAU,EAAG,GAAI,CAAC,CAAC,EAEjE,CAAE,WAAAU,CAAW,EAAIR,EAAcO,CAAiB,EAChD,CAAE,iBAAAE,CAAiB,EAAIR,EAAiBI,GAAS,KAAK,EAoB5D,OAlBqBP,EAAQ,IACtBW,GAAkB,WAICA,EAAiB,WAAW,KAAKC,GAChDA,EAAK,QAAUJ,GAASI,EAAK,SACrC,EAGQ,GAGFF,GAAY,KAAKE,GACfA,EAAK,gBAAkBX,EAAY,YAC3C,EAbQ,GAcR,CAACU,EAAkBD,CAAU,CAAC,CAGnC",
+  "sourcesContent": ["import { useMemo } from 'react'\n\nimport { TaskSubType } from '../const'\nimport useActivities from './useActivities'\nimport useSubscriptions from './useSubscriptions'\nimport { useCreditsContext } from '../provider'\nimport { useShopifyContext } from '@shopify/context/ShopifyProvider'\n\nexport const useSubscribed = () => {\n  const { profile } = useCreditsContext()\n  const { brand } = useShopifyContext()\n\n  const activitiesOptions = useMemo(() => ({ page: 1, pageSize: 50 }), [])\n\n  const { activities } = useActivities(activitiesOptions)\n  const { subscriptionData } = useSubscriptions(profile?.email)\n\n  const isSubscribed = useMemo(() => {\n    if (!subscriptionData?.preference) {\n      return false\n    }\n\n    const subscribeResult = subscriptionData.preference.some(item => {\n      return item.brand === brand && item.subscribe\n    })\n\n    if (subscribeResult) {\n      return true\n    }\n\n    return activities?.some(item => {\n      return item.task_sub_type === TaskSubType.Subscription\n    })\n  }, [subscriptionData, activities])\n\n  return isSubscribed\n}\n"],
+  "mappings": "AAAA,OAAS,WAAAA,MAAe,QAExB,OAAS,eAAAC,MAAmB,WAC5B,OAAOC,MAAmB,kBAC1B,OAAOC,MAAsB,qBAC7B,OAAS,qBAAAC,MAAyB,cAClC,OAAS,qBAAAC,MAAyB,mCAE3B,MAAMC,EAAgB,IAAM,CACjC,KAAM,CAAE,QAAAC,CAAQ,EAAIH,EAAkB,EAChC,CAAE,MAAAI,CAAM,EAAIH,EAAkB,EAE9BI,EAAoBT,EAAQ,KAAO,CAAE,KAAM,EAAG,SAAU,EAAG,GAAI,CAAC,CAAC,EAEjE,CAAE,WAAAU,CAAW,EAAIR,EAAcO,CAAiB,EAChD,CAAE,iBAAAE,CAAiB,EAAIR,EAAiBI,GAAS,KAAK,EAoB5D,OAlBqBP,EAAQ,IACtBW,GAAkB,WAICA,EAAiB,WAAW,KAAKC,GAChDA,EAAK,QAAUJ,GAASI,EAAK,SACrC,EAGQ,GAGFF,GAAY,KAAKE,GACfA,EAAK,gBAAkBX,EAAY,YAC3C,EAbQ,GAcR,CAACU,EAAkBD,CAAU,CAAC,CAGnC",
   "names": ["useMemo", "TaskSubType", "useActivities", "useSubscriptions", "useCreditsContext", "useShopifyContext", "useSubscribed", "profile", "brand", "activitiesOptions", "activities", "subscriptionData", "item"]
 }

package/dist/esm/components/credits/creditsCash/index.js

@@ -1,2 +1,2 @@
-import{jsx as n,jsxs as F}from"react/jsx-runtime";import{Container as h,Heading as b}from"@anker-in/headless-ui";import{useMemo as v,useState as y}from"react";import x from"./RedeemableItem";import N from"../context/hooks/useRedeemableList";import{cn as I}from"../../../helpers";import R from"../modal/rulesModal";import{useProductsByHandles as S}from"../../../shopify/hooks/useProductsByHandles";const z=({copy:s,className:c="",hideTitle:u=!1,cardClassName:p,authCodeActivate:C})=>{const[r,d]=y(),{redeemableList:m}=N(),f="us",g=[],{data:o}=S({locale:f,handles:s?.list?.map(e=>e.products?.[0]?.handle)||[],metafieldIdentifiers:{variant:g}}),l=v(()=>o?.map(e=>{const a=s.list.find(i=>i.products?.[0]?.handle===e.handle),t=m.find(i=>i.id?.toString()===a?.redeemId?.toString());return{product:e,productVariant:e.variants?.find(i=>i.sku===a?.products?.[0]?.sku)||e.variants?.[0],alpcData:{id:t?.id,consumeCredits:t?.consume_credits,remainingInventory:t?.remaining_inventory,isLimited:t?.is_limited,consumeType:t?.consume_type,title:t?.name,desc:t?.note},config:a}}),[o,s.list,m]);return console.log("list",l),F(h,{className:I("bg-[#F5F5F5]",c),children:[!u&&n(b,{as:"h2",size:"4",html:s.title}),n("div",{className:"relative mt-[24px] grid grid-cols-4 gap-[16px] md:grid-cols-2 md-xl:grid-cols-3",children:l?.map((e,a)=>n(x,{copy:s,itemData:e,setRules:d,className:p,currencyCode:o?.[0]?.price.currencyCode||"USD",authCodeActivate:C},a))}),r&&n(R,{overlayClassName:"md:px-[16px] md:items-center",className:"md:h-fit md:rounded-b-[16px]",isOpen:r.length>0,onClose:()=>d([]),titleClassName:"border-b-transparent h-[56px]",rules:r,scrollClassName:"md:mt-[8px] md:mb-[24px] md:pt-0",title:s?.ruleLabel,ruleClassName:"text-[#1d1d1f] font-bold"})]})};export{z as CreditsCash};
+import{jsx as n,jsxs as F}from"react/jsx-runtime";import{Container as h,Heading as b}from"@anker-in/headless-ui";import{useMemo as v,useState as y}from"react";import x from"./RedeemableItem";import N from"../context/hooks/useRedeemableList";import{cn as I}from"../../../helpers";import R from"../modal/rulesModal";import{useProductsByHandles as S}from"@shopify/hooks/useProductsByHandles";const z=({copy:s,className:c="",hideTitle:u=!1,cardClassName:p,authCodeActivate:C})=>{const[r,d]=y(),{redeemableList:m}=N(),f="us",g=[],{data:o}=S({locale:f,handles:s?.list?.map(e=>e.products?.[0]?.handle)||[],metafieldIdentifiers:{variant:g}}),l=v(()=>o?.map(e=>{const a=s.list.find(i=>i.products?.[0]?.handle===e.handle),t=m.find(i=>i.id?.toString()===a?.redeemId?.toString());return{product:e,productVariant:e.variants?.find(i=>i.sku===a?.products?.[0]?.sku)||e.variants?.[0],alpcData:{id:t?.id,consumeCredits:t?.consume_credits,remainingInventory:t?.remaining_inventory,isLimited:t?.is_limited,consumeType:t?.consume_type,title:t?.name,desc:t?.note},config:a}}),[o,s.list,m]);return console.log("list",l),F(h,{className:I("bg-[#F5F5F5]",c),children:[!u&&n(b,{as:"h2",size:"4",html:s.title}),n("div",{className:"relative mt-[24px] grid grid-cols-4 gap-[16px] md:grid-cols-2 md-xl:grid-cols-3",children:l?.map((e,a)=>n(x,{copy:s,itemData:e,setRules:d,className:p,currencyCode:o?.[0]?.price.currencyCode||"USD",authCodeActivate:C},a))}),r&&n(R,{overlayClassName:"md:px-[16px] md:items-center",className:"md:h-fit md:rounded-b-[16px]",isOpen:r.length>0,onClose:()=>d([]),titleClassName:"border-b-transparent h-[56px]",rules:r,scrollClassName:"md:mt-[8px] md:mb-[24px] md:pt-0",title:s?.ruleLabel,ruleClassName:"text-[#1d1d1f] font-bold"})]})};export{z as CreditsCash};
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/credits/creditsCash/index.tsx"],
-  "sourcesContent": ["import { Container, Heading } from '@anker-in/headless-ui'\nimport { useMemo, useState } from 'react'\n\nimport RedeemableItem from './RedeemableItem'\nimport useRedeemableList from '../context/hooks/useRedeemableList'\nimport { cn } from '../../../helpers'\nimport RulesModal from '../modal/rulesModal'\nimport { useProductsByHandles } from '../../../shopify/hooks/useProductsByHandles'\nimport { CreditsCashCopy, RedeemItem } from './type'\nimport { Product } from 'src/shopify/types'\n\nexport const CreditsCash = ({\n  copy,\n  className = '',\n  hideTitle = false,\n  cardClassName,\n  authCodeActivate,\n}: {\n  copy: CreditsCashCopy\n  className?: string\n  hideTitle?: boolean\n  cardClassName?: string\n  authCodeActivate: {\n    openAuthCodePopup: Function\n    isSuccess: boolean\n    setOnSuccess: (arg: Function) => void\n    isSendingActivateEmail: boolean\n  }\n}) => {\n  const [rules, setRules] = useState<string | string[]>()\n  const { redeemableList } = useRedeemableList()\n\n  // Temporary variables until proper configuration\n  const locale = 'us'\n  const variantMetafieldIdentifiers: any[] = []\n\n  const { data: productByHandles } = useProductsByHandles({\n    locale,\n    handles: copy?.list?.map(item => item.products?.[0]?.handle) || [],\n    metafieldIdentifiers: {\n      variant: variantMetafieldIdentifiers,\n    },\n  })\n\n  const list = useMemo(() => {\n    return productByHandles?.map((product: Product) => {\n      const config = copy.list.find(item => item.products?.[0]?.handle === product.handle)\n      const alpcData = redeemableList.find(item => item.id?.toString() === config?.redeemId?.toString())\n\n      return {\n        product,\n        productVariant:\n          product.variants?.find((variant: any) => variant.sku === config?.products?.[0]?.sku) || product.variants?.[0],\n        alpcData: {\n          id: alpcData?.id,\n          consumeCredits: alpcData?.consume_credits,\n          remainingInventory: alpcData?.remaining_inventory,\n          isLimited: alpcData?.is_limited,\n          consumeType: alpcData?.consume_type,\n          title: alpcData?.name,\n          desc: alpcData?.note,\n        },\n        config,\n      }\n    }) as unknown as RedeemItem[]\n  }, [productByHandles, copy.list, redeemableList])\n\n  console.log('list', list)\n\n  return (\n    <Container className={cn('bg-[#F5F5F5]', className)}>\n      {!hideTitle && <Heading as=\"h2\" size=\"4\" html={copy.title} />}\n      <div className=\"relative mt-[24px] grid grid-cols-4 gap-[16px] md:grid-cols-2 md-xl:grid-cols-3\">\n        {list?.map((item, index: number) => (\n          <RedeemableItem\n            key={index}\n            copy={copy}\n            itemData={item}\n            setRules={setRules}\n            className={cardClassName}\n            currencyCode={productByHandles?.[0]?.price.currencyCode || 'USD'}\n            authCodeActivate={authCodeActivate}\n          />\n        ))}\n      </div>\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": "AAsEI,OACiB,OAAAA,EADjB,QAAAC,MAAA,oBAtEJ,OAAS,aAAAC,EAAW,WAAAC,MAAe,wBACnC,OAAS,WAAAC,EAAS,YAAAC,MAAgB,QAElC,OAAOC,MAAoB,mBAC3B,OAAOC,MAAuB,qCAC9B,OAAS,MAAAC,MAAU,mBACnB,OAAOC,MAAgB,sBACvB,OAAS,wBAAAC,MAA4B,8CAI9B,MAAMC,EAAc,CAAC,CAC1B,KAAAC,EACA,UAAAC,EAAY,GACZ,UAAAC,EAAY,GACZ,cAAAC,EACA,iBAAAC,CACF,IAWM,CACJ,KAAM,CAACC,EAAOC,CAAQ,EAAIb,EAA4B,EAChD,CAAE,eAAAc,CAAe,EAAIZ,EAAkB,EAGvCa,EAAS,KACTC,EAAqC,CAAC,EAEtC,CAAE,KAAMC,CAAiB,EAAIZ,EAAqB,CACtD,OAAAU,EACA,QAASR,GAAM,MAAM,IAAIW,GAAQA,EAAK,WAAW,CAAC,GAAG,MAAM,GAAK,CAAC,EACjE,qBAAsB,CACpB,QAASF,CACX,CACF,CAAC,EAEKG,EAAOpB,EAAQ,IACZkB,GAAkB,IAAKG,GAAqB,CACjD,MAAMC,EAASd,EAAK,KAAK,KAAKW,GAAQA,EAAK,WAAW,CAAC,GAAG,SAAWE,EAAQ,MAAM,EAC7EE,EAAWR,EAAe,KAAKI,GAAQA,EAAK,IAAI,SAAS,IAAMG,GAAQ,UAAU,SAAS,CAAC,EAEjG,MAAO,CACL,QAAAD,EACA,eACEA,EAAQ,UAAU,KAAMG,GAAiBA,EAAQ,MAAQF,GAAQ,WAAW,CAAC,GAAG,GAAG,GAAKD,EAAQ,WAAW,CAAC,EAC9G,SAAU,CACR,GAAIE,GAAU,GACd,eAAgBA,GAAU,gBAC1B,mBAAoBA,GAAU,oBAC9B,UAAWA,GAAU,WACrB,YAAaA,GAAU,aACvB,MAAOA,GAAU,KACjB,KAAMA,GAAU,IAClB,EACA,OAAAD,CACF,CACF,CAAC,EACA,CAACJ,EAAkBV,EAAK,KAAMO,CAAc,CAAC,EAEhD,eAAQ,IAAI,OAAQK,CAAI,EAGtBvB,EAACC,EAAA,CAAU,UAAWM,EAAG,eAAgBK,CAAS,EAC/C,WAACC,GAAad,EAACG,EAAA,CAAQ,GAAG,KAAK,KAAK,IAAI,KAAMS,EAAK,MAAO,EAC3DZ,EAAC,OAAI,UAAU,kFACZ,SAAAwB,GAAM,IAAI,CAACD,EAAMM,IAChB7B,EAACM,EAAA,CAEC,KAAMM,EACN,SAAUW,EACV,SAAUL,EACV,UAAWH,EACX,aAAcO,IAAmB,CAAC,GAAG,MAAM,cAAgB,MAC3D,iBAAkBN,GANba,CAOP,CACD,EACH,EAECZ,GACCjB,EAACS,EAAA,CACC,iBAAiB,+BACjB,UAAU,+BACV,OAAQQ,EAAM,OAAS,EACvB,QAAS,IAAMC,EAAS,CAAC,CAAC,EAC1B,eAAe,gCACf,MAAOD,EACP,gBAAgB,mCAChB,MAAOL,GAAM,UACb,cAAc,2BAChB,GAEJ,CAEJ",
+  "sourcesContent": ["import { Container, Heading } from '@anker-in/headless-ui'\nimport { useMemo, useState } from 'react'\n\nimport RedeemableItem from './RedeemableItem'\nimport useRedeemableList from '../context/hooks/useRedeemableList'\nimport { cn } from '../../../helpers'\nimport RulesModal from '../modal/rulesModal'\nimport { useProductsByHandles } from '@shopify/hooks/useProductsByHandles'\nimport { CreditsCashCopy, RedeemItem } from './type'\nimport { Product } from '@shopify/types'\n\nexport const CreditsCash = ({\n  copy,\n  className = '',\n  hideTitle = false,\n  cardClassName,\n  authCodeActivate,\n}: {\n  copy: CreditsCashCopy\n  className?: string\n  hideTitle?: boolean\n  cardClassName?: string\n  authCodeActivate: {\n    openAuthCodePopup: Function\n    isSuccess: boolean\n    setOnSuccess: (arg: Function) => void\n    isSendingActivateEmail: boolean\n  }\n}) => {\n  const [rules, setRules] = useState<string | string[]>()\n  const { redeemableList } = useRedeemableList()\n\n  // Temporary variables until proper configuration\n  const locale = 'us'\n  const variantMetafieldIdentifiers: any[] = []\n\n  const { data: productByHandles } = useProductsByHandles({\n    locale,\n    handles: copy?.list?.map(item => item.products?.[0]?.handle) || [],\n    metafieldIdentifiers: {\n      variant: variantMetafieldIdentifiers,\n    },\n  })\n\n  const list = useMemo(() => {\n    return productByHandles?.map((product: Product) => {\n      const config = copy.list.find(item => item.products?.[0]?.handle === product.handle)\n      const alpcData = redeemableList.find(item => item.id?.toString() === config?.redeemId?.toString())\n\n      return {\n        product,\n        productVariant:\n          product.variants?.find((variant: any) => variant.sku === config?.products?.[0]?.sku) || product.variants?.[0],\n        alpcData: {\n          id: alpcData?.id,\n          consumeCredits: alpcData?.consume_credits,\n          remainingInventory: alpcData?.remaining_inventory,\n          isLimited: alpcData?.is_limited,\n          consumeType: alpcData?.consume_type,\n          title: alpcData?.name,\n          desc: alpcData?.note,\n        },\n        config,\n      }\n    }) as unknown as RedeemItem[]\n  }, [productByHandles, copy.list, redeemableList])\n\n  console.log('list', list)\n\n  return (\n    <Container className={cn('bg-[#F5F5F5]', className)}>\n      {!hideTitle && <Heading as=\"h2\" size=\"4\" html={copy.title} />}\n      <div className=\"relative mt-[24px] grid grid-cols-4 gap-[16px] md:grid-cols-2 md-xl:grid-cols-3\">\n        {list?.map((item, index: number) => (\n          <RedeemableItem\n            key={index}\n            copy={copy}\n            itemData={item}\n            setRules={setRules}\n            className={cardClassName}\n            currencyCode={productByHandles?.[0]?.price.currencyCode || 'USD'}\n            authCodeActivate={authCodeActivate}\n          />\n        ))}\n      </div>\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": "AAsEI,OACiB,OAAAA,EADjB,QAAAC,MAAA,oBAtEJ,OAAS,aAAAC,EAAW,WAAAC,MAAe,wBACnC,OAAS,WAAAC,EAAS,YAAAC,MAAgB,QAElC,OAAOC,MAAoB,mBAC3B,OAAOC,MAAuB,qCAC9B,OAAS,MAAAC,MAAU,mBACnB,OAAOC,MAAgB,sBACvB,OAAS,wBAAAC,MAA4B,sCAI9B,MAAMC,EAAc,CAAC,CAC1B,KAAAC,EACA,UAAAC,EAAY,GACZ,UAAAC,EAAY,GACZ,cAAAC,EACA,iBAAAC,CACF,IAWM,CACJ,KAAM,CAACC,EAAOC,CAAQ,EAAIb,EAA4B,EAChD,CAAE,eAAAc,CAAe,EAAIZ,EAAkB,EAGvCa,EAAS,KACTC,EAAqC,CAAC,EAEtC,CAAE,KAAMC,CAAiB,EAAIZ,EAAqB,CACtD,OAAAU,EACA,QAASR,GAAM,MAAM,IAAIW,GAAQA,EAAK,WAAW,CAAC,GAAG,MAAM,GAAK,CAAC,EACjE,qBAAsB,CACpB,QAASF,CACX,CACF,CAAC,EAEKG,EAAOpB,EAAQ,IACZkB,GAAkB,IAAKG,GAAqB,CACjD,MAAMC,EAASd,EAAK,KAAK,KAAKW,GAAQA,EAAK,WAAW,CAAC,GAAG,SAAWE,EAAQ,MAAM,EAC7EE,EAAWR,EAAe,KAAKI,GAAQA,EAAK,IAAI,SAAS,IAAMG,GAAQ,UAAU,SAAS,CAAC,EAEjG,MAAO,CACL,QAAAD,EACA,eACEA,EAAQ,UAAU,KAAMG,GAAiBA,EAAQ,MAAQF,GAAQ,WAAW,CAAC,GAAG,GAAG,GAAKD,EAAQ,WAAW,CAAC,EAC9G,SAAU,CACR,GAAIE,GAAU,GACd,eAAgBA,GAAU,gBAC1B,mBAAoBA,GAAU,oBAC9B,UAAWA,GAAU,WACrB,YAAaA,GAAU,aACvB,MAAOA,GAAU,KACjB,KAAMA,GAAU,IAClB,EACA,OAAAD,CACF,CACF,CAAC,EACA,CAACJ,EAAkBV,EAAK,KAAMO,CAAc,CAAC,EAEhD,eAAQ,IAAI,OAAQK,CAAI,EAGtBvB,EAACC,EAAA,CAAU,UAAWM,EAAG,eAAgBK,CAAS,EAC/C,WAACC,GAAad,EAACG,EAAA,CAAQ,GAAG,KAAK,KAAK,IAAI,KAAMS,EAAK,MAAO,EAC3DZ,EAAC,OAAI,UAAU,kFACZ,SAAAwB,GAAM,IAAI,CAACD,EAAMM,IAChB7B,EAACM,EAAA,CAEC,KAAMM,EACN,SAAUW,EACV,SAAUL,EACV,UAAWH,EACX,aAAcO,IAAmB,CAAC,GAAG,MAAM,cAAgB,MAC3D,iBAAkBN,GANba,CAOP,CACD,EACH,EAECZ,GACCjB,EAACS,EAAA,CACC,iBAAiB,+BACjB,UAAU,+BACV,OAAQQ,EAAM,OAAS,EACvB,QAAS,IAAMC,EAAS,CAAC,CAAC,EAC1B,eAAe,gCACf,MAAOD,EACP,gBAAgB,mCAChB,MAAOL,GAAM,UACb,cAAc,2BAChB,GAEJ,CAEJ",
   "names": ["jsx", "jsxs", "Container", "Heading", "useMemo", "useState", "RedeemableItem", "useRedeemableList", "cn", "RulesModal", "useProductsByHandles", "CreditsCash", "copy", "className", "hideTitle", "cardClassName", "authCodeActivate", "rules", "setRules", "redeemableList", "locale", "variantMetafieldIdentifiers", "productByHandles", "item", "list", "product", "config", "alpcData", "variant", "index"]
 }

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

@@ -1,4 +1,4 @@
-import { ProductVariant, Product } from 'src/shopify/types';
+import { ProductVariant, Product } from '@shopify/types';
 import { AlpcConsumeType } from '../context/const';
 type RedeemableItemConfig = {
     title: string;

package/dist/esm/components/credits/creditsRedeemList/AddressForm/index.js

@@ -1,2 +1,2 @@
-import{jsx as o,jsxs as B}from"react/jsx-runtime";import g from"classnames";import{useCallback as F,useEffect as S,useMemo as x,useState as _}from"react";import{CountrySelect as w}from"./CountrySelect";import{FormItem as I}from"./FormItem";import{Input as q}from"./Input";import{StateSelect as P}from"./StateSelect";import{ALPC_COUNTRY_MAP as K}from"../../context/const";import{useCreditsContext as U}from"../../context/provider";import{useShopifyContext as z}from"../../../../shopify/context/ShopifyProvider";const J=({countries:c,countriesLoading:N,form:n,validate:C,errors:h,onChange:l})=>{const{profile:u,customer:r}=U(),{locale:m}=z(),[e,i]=_(),p=x(()=>c.find(a=>a.code===e?.country)?.provinces||[],[e,c]),b=x(()=>n?.flat().find(a=>a.type==="state")?.key,[n]),A=F(()=>{if(r?.defaultAddress)return{name:(r?.defaultAddress.firstName||"")+" "+(r?.defaultAddress.lastName||""),first_name:r?.defaultAddress.firstName,last_name:r?.defaultAddress.lastName,address1:r?.defaultAddress.address1,address2:r?.defaultAddress.address2,city:r?.defaultAddress.city,phone:r?.defaultAddress.phone,country:r?.defaultAddress.countryCodeV2,province:r?.defaultAddress.province,province_code:r?.defaultAddress.provinceCode,email:r?.email||u?.email,zip:r?.defaultAddress.zip};{let s=K.get(m)||m;return s==="UK"&&(s="GB"),s==="EU"&&(s="NL"),{email:u?.email,country:s}}},[r,u?.email,m]);return console.log("customer",r),S(()=>{if(r){const s=A();i(s),l(s)}},[r,A]),e?o("div",{className:"grid gap-[20px]",children:n&&n.map((s,a)=>o("div",{className:"item-center -mx-[6px] flex",children:s.map((t,k)=>{const f=h.find(d=>d.key===t.key)?.message,y=g("h-full w-full appearance-none rounded-[2px] border bg-white px-[14px] py-[17px] leading-[1] outline-none placeholder:text-[#999] autofill:shadow-white focus:border-brand disabled:pointer-events-none disabled:text-[#999] disabled:bg-[#F7F8F9] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none",f?"!border-[#F84D4F]":"border-[#d8d8d8]");return t.type==="state"&&!p.length?null:o("div",{className:g("mx-[6px] flex-1"),children:B(I,{error:f,required:t.required,label:t.label,children:[t.type==="country"&&o(w,{className:y,countries:c,loading:N,value:e.country,onChange:d=>{e.country!==d&&(e.province="",e.province_code=""),e.country=d,i({...e}),l(e)}}),t.type==="state"&&o(P,{className:y,states:p,stateCode:e.province_code,stateName:e.province,onChange:(d,v)=>{e.province_code=d,e.province=v,i({...e}),l(e)}}),t.type!=="state"&&t.type!=="country"&&o(q,{placeholder:t.label,className:y,error:f,value:e[t.key],required:t.required,disabled:t.type==="email",onChange:d=>{const v=d.target.value;e[t.key]=v,i({...e}),l(e)},onBlur:()=>{C({ignoreKeys:p.length&&b?[b]:[]})}})]})},k)})},a))}):null};export{J as AddressForm};
+import{jsx as o,jsxs as B}from"react/jsx-runtime";import g from"classnames";import{useCallback as F,useEffect as S,useMemo as x,useState as _}from"react";import{CountrySelect as w}from"./CountrySelect";import{FormItem as I}from"./FormItem";import{Input as q}from"./Input";import{StateSelect as P}from"./StateSelect";import{ALPC_COUNTRY_MAP as K}from"../../context/const";import{useCreditsContext as U}from"../../context/provider";import{useShopifyContext as z}from"@shopify/context/ShopifyProvider";const J=({countries:c,countriesLoading:N,form:n,validate:C,errors:h,onChange:l})=>{const{profile:u,customer:r}=U(),{locale:m}=z(),[e,i]=_(),p=x(()=>c.find(a=>a.code===e?.country)?.provinces||[],[e,c]),b=x(()=>n?.flat().find(a=>a.type==="state")?.key,[n]),A=F(()=>{if(r?.defaultAddress)return{name:(r?.defaultAddress.firstName||"")+" "+(r?.defaultAddress.lastName||""),first_name:r?.defaultAddress.firstName,last_name:r?.defaultAddress.lastName,address1:r?.defaultAddress.address1,address2:r?.defaultAddress.address2,city:r?.defaultAddress.city,phone:r?.defaultAddress.phone,country:r?.defaultAddress.countryCodeV2,province:r?.defaultAddress.province,province_code:r?.defaultAddress.provinceCode,email:r?.email||u?.email,zip:r?.defaultAddress.zip};{let s=K.get(m)||m;return s==="UK"&&(s="GB"),s==="EU"&&(s="NL"),{email:u?.email,country:s}}},[r,u?.email,m]);return console.log("customer",r),S(()=>{if(r){const s=A();i(s),l(s)}},[r,A]),e?o("div",{className:"grid gap-[20px]",children:n&&n.map((s,a)=>o("div",{className:"item-center -mx-[6px] flex",children:s.map((t,k)=>{const f=h.find(d=>d.key===t.key)?.message,y=g("h-full w-full appearance-none rounded-[2px] border bg-white px-[14px] py-[17px] leading-[1] outline-none placeholder:text-[#999] autofill:shadow-white focus:border-brand disabled:pointer-events-none disabled:text-[#999] disabled:bg-[#F7F8F9] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none",f?"!border-[#F84D4F]":"border-[#d8d8d8]");return t.type==="state"&&!p.length?null:o("div",{className:g("mx-[6px] flex-1"),children:B(I,{error:f,required:t.required,label:t.label,children:[t.type==="country"&&o(w,{className:y,countries:c,loading:N,value:e.country,onChange:d=>{e.country!==d&&(e.province="",e.province_code=""),e.country=d,i({...e}),l(e)}}),t.type==="state"&&o(P,{className:y,states:p,stateCode:e.province_code,stateName:e.province,onChange:(d,v)=>{e.province_code=d,e.province=v,i({...e}),l(e)}}),t.type!=="state"&&t.type!=="country"&&o(q,{placeholder:t.label,className:y,error:f,value:e[t.key],required:t.required,disabled:t.type==="email",onChange:d=>{const v=d.target.value;e[t.key]=v,i({...e}),l(e)},onBlur:()=>{C({ignoreKeys:p.length&&b?[b]:[]})}})]})},k)})},a))}):null};export{J as AddressForm};
 //# sourceMappingURL=index.js.map

package/dist/esm/components/credits/creditsRedeemList/AddressForm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/credits/creditsRedeemList/AddressForm/index.tsx"],
-  "sourcesContent": ["import classNames from 'classnames'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport { CountrySelect } from './CountrySelect'\nimport { FormItem } from './FormItem'\nimport { Input } from './Input'\nimport { StateSelect } from './StateSelect'\nimport { ALPC_COUNTRY_MAP } from '../../context/const'\nimport { useCreditsContext } from '../../context/provider'\nimport { useShopifyContext } from '../../../../shopify/context/ShopifyProvider'\nimport { AddressFormProps } from './type'\n\nexport const AddressForm = ({ countries, countriesLoading, form, validate, errors, onChange }: AddressFormProps) => {\n  const { profile, customer } = useCreditsContext()\n  const { locale } = useShopifyContext()\n\n  const [address, setAddress] = useState<Record<string, any>>()\n\n  const states = useMemo(() => {\n    const currentCountry = countries.find(item => item.code === address?.country)\n\n    return currentCountry?.provinces || []\n  }, [address, countries])\n\n  const stateInputKey = useMemo(() => {\n    const stateInput = form?.flat().find(item => item.type === 'state')\n    return stateInput?.key\n  }, [form])\n\n  const getDefaultAddress = useCallback(() => {\n    if (customer?.defaultAddress) {\n      return {\n        name: (customer?.defaultAddress.firstName || '') + ' ' + (customer?.defaultAddress.lastName || ''),\n        first_name: customer?.defaultAddress.firstName,\n        last_name: customer?.defaultAddress.lastName,\n        address1: customer?.defaultAddress.address1,\n        address2: customer?.defaultAddress.address2,\n        city: customer?.defaultAddress.city,\n        phone: customer?.defaultAddress.phone,\n        country: customer?.defaultAddress.countryCodeV2,\n        province: customer?.defaultAddress.province,\n        province_code: customer?.defaultAddress.provinceCode,\n        email: customer?.email || profile?.email,\n        zip: customer?.defaultAddress.zip,\n      }\n    } else {\n      let defaultCountry = ALPC_COUNTRY_MAP.get(locale) || locale\n      if (defaultCountry === 'UK') {\n        defaultCountry = 'GB'\n      }\n      if (defaultCountry === 'EU') {\n        defaultCountry = 'NL'\n      }\n      return {\n        email: profile?.email,\n        country: defaultCountry,\n      }\n    }\n  }, [customer, profile?.email, locale])\n\n  console.log('customer', customer)\n  useEffect(() => {\n    if (customer) {\n      const defaultAddress = getDefaultAddress()\n      setAddress(defaultAddress)\n      onChange(defaultAddress)\n    }\n  }, [customer, getDefaultAddress])\n\n  if (!address) {\n    return null\n  }\n\n  return (\n    <div className=\"grid gap-[20px]\">\n      {form &&\n        form.map((row, rowIndex: number) => (\n          <div key={rowIndex} className=\"item-center -mx-[6px] flex\">\n            {row.map((input, inputIndex: number) => {\n              const error = errors.find(item => item.key === input.key)?.message\n              const inputClassName = classNames(\n                'h-full w-full appearance-none rounded-[2px] border bg-white px-[14px] py-[17px] leading-[1] outline-none placeholder:text-[#999] autofill:shadow-white focus:border-brand disabled:pointer-events-none disabled:text-[#999] disabled:bg-[#F7F8F9] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none',\n                error ? '!border-[#F84D4F]' : 'border-[#d8d8d8]'\n              )\n\n              if (input.type === 'state') {\n                if (!states.length) {\n                  return null\n                }\n              }\n\n              return (\n                <div key={inputIndex} className={classNames('mx-[6px] flex-1')}>\n                  <FormItem error={error} required={input.required} label={input.label}>\n                    {input.type === 'country' && (\n                      <CountrySelect\n                        className={inputClassName}\n                        countries={countries}\n                        loading={countriesLoading}\n                        value={address.country}\n                        onChange={selectedCountryCode => {\n                          if (address.country !== selectedCountryCode) {\n                            address.province = ''\n                            address.province_code = ''\n                          }\n                          address.country = selectedCountryCode\n                          setAddress({ ...address })\n                          onChange(address)\n                        }}\n                      ></CountrySelect>\n                    )}\n                    {input.type === 'state' && (\n                      <StateSelect\n                        className={inputClassName}\n                        states={states}\n                        stateCode={address.province_code}\n                        stateName={address.province}\n                        onChange={(provinceCode, provinceName) => {\n                          address.province_code = provinceCode\n                          address.province = provinceName\n                          setAddress({ ...address })\n                          onChange(address)\n                        }}\n                      ></StateSelect>\n                    )}\n\n                    {input.type !== 'state' && input.type !== 'country' && (\n                      <Input\n                        placeholder={input.label}\n                        className={inputClassName}\n                        error={error}\n                        value={address[input.key]}\n                        required={input.required}\n                        disabled={input.type === 'email'}\n                        onChange={event => {\n                          const value = event.target.value\n                          address[input.key] = value\n                          setAddress({ ...address })\n                          onChange(address)\n                        }}\n                        onBlur={() => {\n                          validate({\n                            ignoreKeys: states.length && stateInputKey ? [stateInputKey] : [],\n                          })\n                        }}\n                      />\n                    )}\n                  </FormItem>\n                </div>\n              )\n            })}\n          </div>\n        ))}\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import classNames from 'classnames'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport { CountrySelect } from './CountrySelect'\nimport { FormItem } from './FormItem'\nimport { Input } from './Input'\nimport { StateSelect } from './StateSelect'\nimport { ALPC_COUNTRY_MAP } from '../../context/const'\nimport { useCreditsContext } from '../../context/provider'\nimport { useShopifyContext } from '@shopify/context/ShopifyProvider'\nimport { AddressFormProps } from './type'\n\nexport const AddressForm = ({ countries, countriesLoading, form, validate, errors, onChange }: AddressFormProps) => {\n  const { profile, customer } = useCreditsContext()\n  const { locale } = useShopifyContext()\n\n  const [address, setAddress] = useState<Record<string, any>>()\n\n  const states = useMemo(() => {\n    const currentCountry = countries.find(item => item.code === address?.country)\n\n    return currentCountry?.provinces || []\n  }, [address, countries])\n\n  const stateInputKey = useMemo(() => {\n    const stateInput = form?.flat().find(item => item.type === 'state')\n    return stateInput?.key\n  }, [form])\n\n  const getDefaultAddress = useCallback(() => {\n    if (customer?.defaultAddress) {\n      return {\n        name: (customer?.defaultAddress.firstName || '') + ' ' + (customer?.defaultAddress.lastName || ''),\n        first_name: customer?.defaultAddress.firstName,\n        last_name: customer?.defaultAddress.lastName,\n        address1: customer?.defaultAddress.address1,\n        address2: customer?.defaultAddress.address2,\n        city: customer?.defaultAddress.city,\n        phone: customer?.defaultAddress.phone,\n        country: customer?.defaultAddress.countryCodeV2,\n        province: customer?.defaultAddress.province,\n        province_code: customer?.defaultAddress.provinceCode,\n        email: customer?.email || profile?.email,\n        zip: customer?.defaultAddress.zip,\n      }\n    } else {\n      let defaultCountry = ALPC_COUNTRY_MAP.get(locale) || locale\n      if (defaultCountry === 'UK') {\n        defaultCountry = 'GB'\n      }\n      if (defaultCountry === 'EU') {\n        defaultCountry = 'NL'\n      }\n      return {\n        email: profile?.email,\n        country: defaultCountry,\n      }\n    }\n  }, [customer, profile?.email, locale])\n\n  console.log('customer', customer)\n  useEffect(() => {\n    if (customer) {\n      const defaultAddress = getDefaultAddress()\n      setAddress(defaultAddress)\n      onChange(defaultAddress)\n    }\n  }, [customer, getDefaultAddress])\n\n  if (!address) {\n    return null\n  }\n\n  return (\n    <div className=\"grid gap-[20px]\">\n      {form &&\n        form.map((row, rowIndex: number) => (\n          <div key={rowIndex} className=\"item-center -mx-[6px] flex\">\n            {row.map((input, inputIndex: number) => {\n              const error = errors.find(item => item.key === input.key)?.message\n              const inputClassName = classNames(\n                'h-full w-full appearance-none rounded-[2px] border bg-white px-[14px] py-[17px] leading-[1] outline-none placeholder:text-[#999] autofill:shadow-white focus:border-brand disabled:pointer-events-none disabled:text-[#999] disabled:bg-[#F7F8F9] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none',\n                error ? '!border-[#F84D4F]' : 'border-[#d8d8d8]'\n              )\n\n              if (input.type === 'state') {\n                if (!states.length) {\n                  return null\n                }\n              }\n\n              return (\n                <div key={inputIndex} className={classNames('mx-[6px] flex-1')}>\n                  <FormItem error={error} required={input.required} label={input.label}>\n                    {input.type === 'country' && (\n                      <CountrySelect\n                        className={inputClassName}\n                        countries={countries}\n                        loading={countriesLoading}\n                        value={address.country}\n                        onChange={selectedCountryCode => {\n                          if (address.country !== selectedCountryCode) {\n                            address.province = ''\n                            address.province_code = ''\n                          }\n                          address.country = selectedCountryCode\n                          setAddress({ ...address })\n                          onChange(address)\n                        }}\n                      ></CountrySelect>\n                    )}\n                    {input.type === 'state' && (\n                      <StateSelect\n                        className={inputClassName}\n                        states={states}\n                        stateCode={address.province_code}\n                        stateName={address.province}\n                        onChange={(provinceCode, provinceName) => {\n                          address.province_code = provinceCode\n                          address.province = provinceName\n                          setAddress({ ...address })\n                          onChange(address)\n                        }}\n                      ></StateSelect>\n                    )}\n\n                    {input.type !== 'state' && input.type !== 'country' && (\n                      <Input\n                        placeholder={input.label}\n                        className={inputClassName}\n                        error={error}\n                        value={address[input.key]}\n                        required={input.required}\n                        disabled={input.type === 'email'}\n                        onChange={event => {\n                          const value = event.target.value\n                          address[input.key] = value\n                          setAddress({ ...address })\n                          onChange(address)\n                        }}\n                        onBlur={() => {\n                          validate({\n                            ignoreKeys: states.length && stateInputKey ? [stateInputKey] : [],\n                          })\n                        }}\n                      />\n                    )}\n                  </FormItem>\n                </div>\n              )\n            })}\n          </div>\n        ))}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": ["jsx", "jsxs", "classNames", "useCallback", "useEffect", "useMemo", "useState", "CountrySelect", "FormItem", "Input", "StateSelect", "ALPC_COUNTRY_MAP", "useCreditsContext", "useShopifyContext", "AddressForm", "countries", "countriesLoading", "form", "validate", "errors", "onChange", "profile", "customer", "locale", "address", "setAddress", "states", "item", "stateInputKey", "getDefaultAddress", "defaultCountry", "defaultAddress", "row", "rowIndex", "input", "inputIndex", "error", "inputClassName", "selectedCountryCode", "provinceCode", "provinceName", "event", "value"]
 }

package/dist/esm/components/credits/creditsRedeemList/RedeemCouponModal.js

@@ -1,2 +1,2 @@
-import{Fragment as E,jsx as t,jsxs as l}from"react/jsx-runtime";import{Button as M,Picture as k,Text as d}from"@anker-in/headless-ui";import c from"classnames";import{useCallback as I,useEffect as L,useState as u}from"react";import S from"../context/hooks/useCopy";import{useCreditsContext as y}from"../context/provider";import{useRedeemCoupon as _}from"../context/hooks/useRedeemCoupon";import{AlpcErrorCode as p}from"../context/const";import{CreditsModalContainer as B}from"../modal/modalContainer";import{numberFormat as z}from"../context/utils";import{useShopifyContext as P}from"../../../shopify/context/ShopifyProvider";function O({item:i,copy:e,onError:f,...r}){const{locale:w}=P(),[a,F]=u(),[g,s]=u(),[C,n]=u(!1),{copy:R,copied:b}=S(),{profile:x,fetchCreditInfo:v}=y(),{isMutating:N,trigger:h}=_({onSuccess(o){if(!o){s(e.redeemModal.commonError);return}if(o?.data?.success)F(o.data.coupon_code),v(x?.user_id);else{let m;o.code===p.CodeLpcShopifyCouponRuleRedeemLimit?(m=e.redeemModal.redeemLimitError,n(!0)):o.code===p.CodeLpcRuleInventoryNotEnough?(m=e.redeemModal.inventoryNotEnough,n(!0)):o.code===p.CodeLpcNotEnoughCredits?(m=e.redeemModal.creditsNotEnough,n(!0),v(x?.user_id)):o.code===p.CodeCrossSiteError&&(m=e.redeemModal.crossSiteError,n(!0)),s(m||e.redeemModal.commonError||""),f&&f(o.code)}},onError(o){s(o.message||e.redeemModal.commonError)}}),T=I(async()=>{s(""),h({user_id:x?.user_id,rule_id:Number(i.alpc?.id)})},[i,x,h]);return L(()=>{r.isOpen||(n(!1),s(""))},[r.isOpen]),l(B,{...r,className:"w-[540px] md:h-auto",scrollClassName:"mb-[40px] min-l:px-0 md:mb-[24px] px-0",titleClassName:"h-[56px] bg-[#F5F5F7]",children:[l("div",{className:c("max-h-[500px] overflow-y-auto bg-[#F5F5F7] px-[48px] pb-[24px] md:max-h-[400px] md:px-[16px]"),children:[l("div",{className:"relative mx-auto h-[164px] w-[324px]",children:[e?.imageMapping?.coupon?.url&&t(k,{source:e?.imageMapping?.coupon?.url,className:"h-full [&_img]:h-full"}),t("div",{className:"absolute bottom-[8px] left-[16px] font-extrabold text-white",children:i.config.value?l("div",{className:"flex items-end gap-[4px]",children:[t(d,{className:"text-[64px] font-bold leading-none",html:i.config.value.toString()}),t(d,{className:"text-[24px] font-bold leading-[2]",html:e?.off})]}):t(d,{size:3,html:i.alpc?.title})})]}),a?l("div",{className:"mt-[30px] flex items-center justify-center md:mt-[18px]",children:[t("div",{className:"mr-[10px] text-[24px] font-bold leading-[1.4] md:leading-[1.2]",children:a}),t("div",{className:c("cursor-pointer text-[16px] font-bold leading-[1.2] underline md:text-[14px]",b?"pointer-events-none":"pointer-events-auto"),onClick:()=>{R(a)},role:"button",tabIndex:0,onKeyDown:o=>{(o.key==="Enter"||o.key===" ")&&o.preventDefault()},children:b?e?.copied:e?.copy})]}):l(d,{as:"p",className:c("mt-[30px] text-center text-[24px] font-bold leading-[1.2] md:mt-[18px] md:text-[20px] md:leading-[1.2]"),children:[z(i.alpc?.consumeCredits)," ",e?.pointUnit]}),!a&&i.config?.rules?.length>0&&l("div",{className:"mt-[18px] w-full text-[16px] font-bold leading-[1.4] text-[#6D6D6F] md:mt-[12px] md:text-[14px]",children:[l("div",{className:"mb-[4px]",children:[e?.ruleLabel,":"]}),t("ul",{className:"ml-4 grid grid-flow-row gap-[4px]",children:i.config?.rules?.map((o,m)=>t("li",{className:"list-disc",children:t(d,{html:o})},m))})]})]}),l("div",{className:"bg-white px-[48px] pt-[24px] text-center md:px-[16px]",children:[a&&!N?l(E,{children:[l("div",{className:"flex flex-col",children:[t(d,{className:"mb-[4px] text-[24px] font-bold leading-[1.2] md:text-[20px]",html:e.redeemModal.coupon.successTitle}),t(d,{className:"text-[16px] font-bold leading-[1.4] text-[#6D6D6F] md:text-[14px]",html:e.redeemModal.coupon.successDesc})]}),t(M,{variant:"primary",size:"lg",className:"mt-[16px] w-full",onClick:()=>{window.location.href=e.redeemModal.coupon.successButtonUrl||`/${w}`,r.onClose&&r.onClose()},disabled:C,children:e.redeemModal.coupon.successButton})]}):l(E,{children:[t(d,{className:"block text-[24px] font-bold leading-[1.2] md:text-[20px] md:leading-[1.2]",html:e.redeemModal.confirmTitle}),t(M,{loading:N,variant:"primary",size:"lg",className:"mt-[16px] w-full",onClick:T,disabled:C,children:e.redeemModal.confirmButton})]}),g&&t("div",{className:"mx-auto max-w-full py-[12px] text-center",children:t(d,{className:"text-[14px] font-semibold text-[#1F2021]",html:g})})]})]})}var W=O;export{W as default};
+import{Fragment as E,jsx as t,jsxs as l}from"react/jsx-runtime";import{Button as M,Picture as k,Text as d}from"@anker-in/headless-ui";import c from"classnames";import{useCallback as I,useEffect as L,useState as u}from"react";import S from"../context/hooks/useCopy";import{useCreditsContext as y}from"../context/provider";import{useRedeemCoupon as _}from"../context/hooks/useRedeemCoupon";import{AlpcErrorCode as p}from"../context/const";import{CreditsModalContainer as B}from"../modal/modalContainer";import{numberFormat as z}from"../context/utils";import{useShopifyContext as P}from"@shopify/context/ShopifyProvider";function O({item:i,copy:e,onError:f,...r}){const{locale:w}=P(),[a,F]=u(),[g,s]=u(),[C,n]=u(!1),{copy:R,copied:b}=S(),{profile:x,fetchCreditInfo:v}=y(),{isMutating:N,trigger:h}=_({onSuccess(o){if(!o){s(e.redeemModal.commonError);return}if(o?.data?.success)F(o.data.coupon_code),v(x?.user_id);else{let m;o.code===p.CodeLpcShopifyCouponRuleRedeemLimit?(m=e.redeemModal.redeemLimitError,n(!0)):o.code===p.CodeLpcRuleInventoryNotEnough?(m=e.redeemModal.inventoryNotEnough,n(!0)):o.code===p.CodeLpcNotEnoughCredits?(m=e.redeemModal.creditsNotEnough,n(!0),v(x?.user_id)):o.code===p.CodeCrossSiteError&&(m=e.redeemModal.crossSiteError,n(!0)),s(m||e.redeemModal.commonError||""),f&&f(o.code)}},onError(o){s(o.message||e.redeemModal.commonError)}}),T=I(async()=>{s(""),h({user_id:x?.user_id,rule_id:Number(i.alpc?.id)})},[i,x,h]);return L(()=>{r.isOpen||(n(!1),s(""))},[r.isOpen]),l(B,{...r,className:"w-[540px] md:h-auto",scrollClassName:"mb-[40px] min-l:px-0 md:mb-[24px] px-0",titleClassName:"h-[56px] bg-[#F5F5F7]",children:[l("div",{className:c("max-h-[500px] overflow-y-auto bg-[#F5F5F7] px-[48px] pb-[24px] md:max-h-[400px] md:px-[16px]"),children:[l("div",{className:"relative mx-auto h-[164px] w-[324px]",children:[e?.imageMapping?.coupon?.url&&t(k,{source:e?.imageMapping?.coupon?.url,className:"h-full [&_img]:h-full"}),t("div",{className:"absolute bottom-[8px] left-[16px] font-extrabold text-white",children:i.config.value?l("div",{className:"flex items-end gap-[4px]",children:[t(d,{className:"text-[64px] font-bold leading-none",html:i.config.value.toString()}),t(d,{className:"text-[24px] font-bold leading-[2]",html:e?.off})]}):t(d,{size:3,html:i.alpc?.title})})]}),a?l("div",{className:"mt-[30px] flex items-center justify-center md:mt-[18px]",children:[t("div",{className:"mr-[10px] text-[24px] font-bold leading-[1.4] md:leading-[1.2]",children:a}),t("div",{className:c("cursor-pointer text-[16px] font-bold leading-[1.2] underline md:text-[14px]",b?"pointer-events-none":"pointer-events-auto"),onClick:()=>{R(a)},role:"button",tabIndex:0,onKeyDown:o=>{(o.key==="Enter"||o.key===" ")&&o.preventDefault()},children:b?e?.copied:e?.copy})]}):l(d,{as:"p",className:c("mt-[30px] text-center text-[24px] font-bold leading-[1.2] md:mt-[18px] md:text-[20px] md:leading-[1.2]"),children:[z(i.alpc?.consumeCredits)," ",e?.pointUnit]}),!a&&i.config?.rules?.length>0&&l("div",{className:"mt-[18px] w-full text-[16px] font-bold leading-[1.4] text-[#6D6D6F] md:mt-[12px] md:text-[14px]",children:[l("div",{className:"mb-[4px]",children:[e?.ruleLabel,":"]}),t("ul",{className:"ml-4 grid grid-flow-row gap-[4px]",children:i.config?.rules?.map((o,m)=>t("li",{className:"list-disc",children:t(d,{html:o})},m))})]})]}),l("div",{className:"bg-white px-[48px] pt-[24px] text-center md:px-[16px]",children:[a&&!N?l(E,{children:[l("div",{className:"flex flex-col",children:[t(d,{className:"mb-[4px] text-[24px] font-bold leading-[1.2] md:text-[20px]",html:e.redeemModal.coupon.successTitle}),t(d,{className:"text-[16px] font-bold leading-[1.4] text-[#6D6D6F] md:text-[14px]",html:e.redeemModal.coupon.successDesc})]}),t(M,{variant:"primary",size:"lg",className:"mt-[16px] w-full",onClick:()=>{window.location.href=e.redeemModal.coupon.successButtonUrl||`/${w}`,r.onClose&&r.onClose()},disabled:C,children:e.redeemModal.coupon.successButton})]}):l(E,{children:[t(d,{className:"block text-[24px] font-bold leading-[1.2] md:text-[20px] md:leading-[1.2]",html:e.redeemModal.confirmTitle}),t(M,{loading:N,variant:"primary",size:"lg",className:"mt-[16px] w-full",onClick:T,disabled:C,children:e.redeemModal.confirmButton})]}),g&&t("div",{className:"mx-auto max-w-full py-[12px] text-center",children:t(d,{className:"text-[14px] font-semibold text-[#1F2021]",html:g})})]})]})}var W=O;export{W as default};
 //# sourceMappingURL=RedeemCouponModal.js.map

package/dist/esm/components/credits/creditsRedeemList/RedeemCouponModal.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/credits/creditsRedeemList/RedeemCouponModal.tsx"],
-  "sourcesContent": ["import { Button, Picture, Text } from '@anker-in/headless-ui'\nimport classNames from 'classnames'\nimport { useCallback, useEffect, useState } from 'react'\nimport type { ModalContainerProps } from '../modal/modalContainer'\nimport useCopy from '../context/hooks/useCopy'\nimport { useCreditsContext } from '../context/provider'\nimport { useRedeemCoupon } from '../context/hooks/useRedeemCoupon'\nimport { AlpcErrorCode } from '../context/const'\nimport { CreditsModalContainer } from '../modal/modalContainer'\nimport { numberFormat } from '../context/utils'\nimport type { RedeemableItem as RedeemableItemType } from '../type'\nimport { useShopifyContext } from '../../../shopify/context/ShopifyProvider'\nimport { CreditsRedeemListCopy } from './type'\n\nfunction RedeemCouponModal({\n  item,\n  copy,\n  onError,\n  ...props\n}: ModalContainerProps & {\n  item: RedeemableItemType\n  copy: CreditsRedeemListCopy\n  onError: (code: number) => void\n}) {\n  const { locale } = useShopifyContext()\n  const [couponCode, setCouponCode] = useState<string>()\n  const [errorInfo, setErrorInfo] = useState<string>()\n\n  const [disabled, setDisabled] = useState(false)\n  const { copy: copyText, copied: copiedStatus } = useCopy()\n\n  const { profile, fetchCreditInfo } = useCreditsContext()\n\n  const { isMutating: loading, trigger } = useRedeemCoupon({\n    onSuccess(responseData) {\n      if (!responseData) {\n        setErrorInfo(copy.redeemModal.commonError)\n        return\n      }\n\n      if (responseData?.data?.success) {\n        setCouponCode(responseData.data.coupon_code)\n        fetchCreditInfo(profile?.user_id)\n      } else {\n        let errorMsg\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        } 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        setErrorInfo(errorMsg || copy.redeemModal.commonError || '')\n        onError && onError(responseData.code)\n      }\n    },\n    onError(error) {\n      setErrorInfo(error.message || copy.redeemModal.commonError)\n    },\n  })\n\n  const handleConfirm = useCallback(async () => {\n    setErrorInfo('')\n    trigger({\n      user_id: profile?.user_id,\n      rule_id: Number(item.alpc?.id),\n    })\n  }, [item, profile, trigger])\n\n  useEffect(() => {\n    if (!props.isOpen) {\n      setDisabled(false)\n      setErrorInfo('')\n    }\n  }, [props.isOpen])\n\n  return (\n    <CreditsModalContainer\n      {...props}\n      className=\"w-[540px] md:h-auto\"\n      scrollClassName=\"mb-[40px] min-l:px-0 md:mb-[24px] px-0\"\n      titleClassName=\"h-[56px] bg-[#F5F5F7]\"\n    >\n      <div\n        className={classNames(\n          'max-h-[500px] overflow-y-auto bg-[#F5F5F7] px-[48px] pb-[24px] md:max-h-[400px] md:px-[16px]'\n        )}\n      >\n        <div className=\"relative mx-auto h-[164px] w-[324px]\">\n          {copy?.imageMapping?.coupon?.url && (\n            <Picture source={copy?.imageMapping?.coupon?.url} className=\"h-full [&_img]:h-full\" />\n          )}\n          <div className=\"absolute bottom-[8px] left-[16px] font-extrabold text-white\">\n            {item.config.value ? (\n              <div className=\"flex items-end gap-[4px]\">\n                <Text className=\"text-[64px] font-bold leading-none\" html={item.config.value.toString()} />\n                <Text className=\"text-[24px] font-bold leading-[2]\" html={copy?.off} />\n              </div>\n            ) : (\n              <Text size={3} html={item.alpc?.title} />\n            )}\n          </div>\n        </div>\n        {couponCode ? (\n          <div className=\"mt-[30px] flex items-center justify-center md:mt-[18px]\">\n            <div className=\"mr-[10px] text-[24px] font-bold leading-[1.4] md:leading-[1.2]\">{couponCode}</div>\n            <div\n              className={classNames(\n                'cursor-pointer text-[16px] font-bold leading-[1.2] underline md:text-[14px]',\n                copiedStatus ? 'pointer-events-none' : 'pointer-events-auto'\n              )}\n              onClick={() => {\n                copyText(couponCode)\n              }}\n              role=\"button\"\n              tabIndex={0}\n              onKeyDown={e => {\n                if (e.key === 'Enter' || e.key === ' ') {\n                  e.preventDefault()\n                }\n              }}\n            >\n              {copiedStatus ? copy?.copied : copy?.copy}\n            </div>\n          </div>\n        ) : (\n          <Text\n            as=\"p\"\n            className={classNames(\n              'mt-[30px] text-center text-[24px] font-bold leading-[1.2] md:mt-[18px] md:text-[20px] md:leading-[1.2]'\n            )}\n          >\n            {numberFormat(item.alpc?.consumeCredits)} {copy?.pointUnit}\n          </Text>\n        )}\n        {!couponCode && item.config?.rules?.length > 0 && (\n          <div className=\"mt-[18px] w-full text-[16px] font-bold leading-[1.4] text-[#6D6D6F] md:mt-[12px] md:text-[14px]\">\n            <div className=\"mb-[4px]\">{copy?.ruleLabel}:</div>\n            <ul className=\"ml-4 grid grid-flow-row gap-[4px]\">\n              {item.config?.rules?.map((text, index) => (\n                <li className=\"list-disc\" key={index}>\n                  <Text html={text} />\n                </li>\n              ))}\n            </ul>\n          </div>\n        )}\n      </div>\n      <div className=\"bg-white px-[48px] pt-[24px] text-center md:px-[16px]\">\n        {couponCode && !loading ? (\n          <>\n            <div className=\"flex flex-col\">\n              <Text\n                className=\"mb-[4px] text-[24px] font-bold leading-[1.2] md:text-[20px]\"\n                html={copy.redeemModal.coupon.successTitle}\n              ></Text>\n              <Text\n                className=\"text-[16px] font-bold leading-[1.4] text-[#6D6D6F] md:text-[14px]\"\n                html={copy.redeemModal.coupon.successDesc}\n              ></Text>\n            </div>\n            <Button\n              variant=\"primary\"\n              size=\"lg\"\n              className=\"mt-[16px] w-full\"\n              onClick={() => {\n                window.location.href = copy.redeemModal.coupon.successButtonUrl || `/${locale}`\n                if (props.onClose) {\n                  props.onClose()\n                }\n              }}\n              disabled={disabled}\n            >\n              {copy.redeemModal.coupon.successButton}\n            </Button>\n          </>\n        ) : (\n          <>\n            <Text\n              className=\"block text-[24px] font-bold leading-[1.2] md:text-[20px] md:leading-[1.2]\"\n              html={copy.redeemModal.confirmTitle}\n            ></Text>\n            <Button\n              loading={loading}\n              variant=\"primary\"\n              size=\"lg\"\n              className=\"mt-[16px] w-full\"\n              onClick={handleConfirm}\n              disabled={disabled}\n            >\n              {copy.redeemModal.confirmButton}\n            </Button>\n          </>\n        )}\n        {errorInfo && (\n          <div className=\"mx-auto max-w-full py-[12px] text-center\">\n            <Text className=\"text-[14px] font-semibold text-[#1F2021]\" html={errorInfo} />\n          </div>\n        )}\n      </div>\n    </CreditsModalContainer>\n  )\n}\n\nexport default RedeemCouponModal\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { Button, Picture, Text } from '@anker-in/headless-ui'\nimport classNames from 'classnames'\nimport { useCallback, useEffect, useState } from 'react'\nimport type { ModalContainerProps } from '../modal/modalContainer'\nimport useCopy from '../context/hooks/useCopy'\nimport { useCreditsContext } from '../context/provider'\nimport { useRedeemCoupon } from '../context/hooks/useRedeemCoupon'\nimport { AlpcErrorCode } from '../context/const'\nimport { CreditsModalContainer } from '../modal/modalContainer'\nimport { numberFormat } from '../context/utils'\nimport type { RedeemableItem as RedeemableItemType } from '../type'\nimport { useShopifyContext } from '@shopify/context/ShopifyProvider'\nimport { CreditsRedeemListCopy } from './type'\n\nfunction RedeemCouponModal({\n  item,\n  copy,\n  onError,\n  ...props\n}: ModalContainerProps & {\n  item: RedeemableItemType\n  copy: CreditsRedeemListCopy\n  onError: (code: number) => void\n}) {\n  const { locale } = useShopifyContext()\n  const [couponCode, setCouponCode] = useState<string>()\n  const [errorInfo, setErrorInfo] = useState<string>()\n\n  const [disabled, setDisabled] = useState(false)\n  const { copy: copyText, copied: copiedStatus } = useCopy()\n\n  const { profile, fetchCreditInfo } = useCreditsContext()\n\n  const { isMutating: loading, trigger } = useRedeemCoupon({\n    onSuccess(responseData) {\n      if (!responseData) {\n        setErrorInfo(copy.redeemModal.commonError)\n        return\n      }\n\n      if (responseData?.data?.success) {\n        setCouponCode(responseData.data.coupon_code)\n        fetchCreditInfo(profile?.user_id)\n      } else {\n        let errorMsg\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        } 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        setErrorInfo(errorMsg || copy.redeemModal.commonError || '')\n        onError && onError(responseData.code)\n      }\n    },\n    onError(error) {\n      setErrorInfo(error.message || copy.redeemModal.commonError)\n    },\n  })\n\n  const handleConfirm = useCallback(async () => {\n    setErrorInfo('')\n    trigger({\n      user_id: profile?.user_id,\n      rule_id: Number(item.alpc?.id),\n    })\n  }, [item, profile, trigger])\n\n  useEffect(() => {\n    if (!props.isOpen) {\n      setDisabled(false)\n      setErrorInfo('')\n    }\n  }, [props.isOpen])\n\n  return (\n    <CreditsModalContainer\n      {...props}\n      className=\"w-[540px] md:h-auto\"\n      scrollClassName=\"mb-[40px] min-l:px-0 md:mb-[24px] px-0\"\n      titleClassName=\"h-[56px] bg-[#F5F5F7]\"\n    >\n      <div\n        className={classNames(\n          'max-h-[500px] overflow-y-auto bg-[#F5F5F7] px-[48px] pb-[24px] md:max-h-[400px] md:px-[16px]'\n        )}\n      >\n        <div className=\"relative mx-auto h-[164px] w-[324px]\">\n          {copy?.imageMapping?.coupon?.url && (\n            <Picture source={copy?.imageMapping?.coupon?.url} className=\"h-full [&_img]:h-full\" />\n          )}\n          <div className=\"absolute bottom-[8px] left-[16px] font-extrabold text-white\">\n            {item.config.value ? (\n              <div className=\"flex items-end gap-[4px]\">\n                <Text className=\"text-[64px] font-bold leading-none\" html={item.config.value.toString()} />\n                <Text className=\"text-[24px] font-bold leading-[2]\" html={copy?.off} />\n              </div>\n            ) : (\n              <Text size={3} html={item.alpc?.title} />\n            )}\n          </div>\n        </div>\n        {couponCode ? (\n          <div className=\"mt-[30px] flex items-center justify-center md:mt-[18px]\">\n            <div className=\"mr-[10px] text-[24px] font-bold leading-[1.4] md:leading-[1.2]\">{couponCode}</div>\n            <div\n              className={classNames(\n                'cursor-pointer text-[16px] font-bold leading-[1.2] underline md:text-[14px]',\n                copiedStatus ? 'pointer-events-none' : 'pointer-events-auto'\n              )}\n              onClick={() => {\n                copyText(couponCode)\n              }}\n              role=\"button\"\n              tabIndex={0}\n              onKeyDown={e => {\n                if (e.key === 'Enter' || e.key === ' ') {\n                  e.preventDefault()\n                }\n              }}\n            >\n              {copiedStatus ? copy?.copied : copy?.copy}\n            </div>\n          </div>\n        ) : (\n          <Text\n            as=\"p\"\n            className={classNames(\n              'mt-[30px] text-center text-[24px] font-bold leading-[1.2] md:mt-[18px] md:text-[20px] md:leading-[1.2]'\n            )}\n          >\n            {numberFormat(item.alpc?.consumeCredits)} {copy?.pointUnit}\n          </Text>\n        )}\n        {!couponCode && item.config?.rules?.length > 0 && (\n          <div className=\"mt-[18px] w-full text-[16px] font-bold leading-[1.4] text-[#6D6D6F] md:mt-[12px] md:text-[14px]\">\n            <div className=\"mb-[4px]\">{copy?.ruleLabel}:</div>\n            <ul className=\"ml-4 grid grid-flow-row gap-[4px]\">\n              {item.config?.rules?.map((text, index) => (\n                <li className=\"list-disc\" key={index}>\n                  <Text html={text} />\n                </li>\n              ))}\n            </ul>\n          </div>\n        )}\n      </div>\n      <div className=\"bg-white px-[48px] pt-[24px] text-center md:px-[16px]\">\n        {couponCode && !loading ? (\n          <>\n            <div className=\"flex flex-col\">\n              <Text\n                className=\"mb-[4px] text-[24px] font-bold leading-[1.2] md:text-[20px]\"\n                html={copy.redeemModal.coupon.successTitle}\n              ></Text>\n              <Text\n                className=\"text-[16px] font-bold leading-[1.4] text-[#6D6D6F] md:text-[14px]\"\n                html={copy.redeemModal.coupon.successDesc}\n              ></Text>\n            </div>\n            <Button\n              variant=\"primary\"\n              size=\"lg\"\n              className=\"mt-[16px] w-full\"\n              onClick={() => {\n                window.location.href = copy.redeemModal.coupon.successButtonUrl || `/${locale}`\n                if (props.onClose) {\n                  props.onClose()\n                }\n              }}\n              disabled={disabled}\n            >\n              {copy.redeemModal.coupon.successButton}\n            </Button>\n          </>\n        ) : (\n          <>\n            <Text\n              className=\"block text-[24px] font-bold leading-[1.2] md:text-[20px] md:leading-[1.2]\"\n              html={copy.redeemModal.confirmTitle}\n            ></Text>\n            <Button\n              loading={loading}\n              variant=\"primary\"\n              size=\"lg\"\n              className=\"mt-[16px] w-full\"\n              onClick={handleConfirm}\n              disabled={disabled}\n            >\n              {copy.redeemModal.confirmButton}\n            </Button>\n          </>\n        )}\n        {errorInfo && (\n          <div className=\"mx-auto max-w-full py-[12px] text-center\">\n            <Text className=\"text-[14px] font-semibold text-[#1F2021]\" html={errorInfo} />\n          </div>\n        )}\n      </div>\n    </CreditsModalContainer>\n  )\n}\n\nexport default RedeemCouponModal\n"],
+  "mappings": "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",
   "names": ["Fragment", "jsx", "jsxs", "Button", "Picture", "Text", "classNames", "useCallback", "useEffect", "useState", "useCopy", "useCreditsContext", "useRedeemCoupon", "AlpcErrorCode", "CreditsModalContainer", "numberFormat", "useShopifyContext", "RedeemCouponModal", "item", "copy", "onError", "props", "locale", "couponCode", "setCouponCode", "errorInfo", "setErrorInfo", "disabled", "setDisabled", "copyText", "copiedStatus", "profile", "fetchCreditInfo", "loading", "trigger", "responseData", "errorMsg", "error", "handleConfirm", "e", "text", "index", "RedeemCouponModal_default"]
 }

package/dist/esm/components/credits/creditsRedeemList/RedeemProductModal/Address.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{Button as v,Text as r}from"@anker-in/headless-ui";import b from"classnames";import{AddressForm as g}from"../AddressForm";import{useShopifyContext as h}from"../../../../shopify/context/ShopifyProvider";import{ProductInfo as C}from"./ProductInfo";import N from"../../context/hooks/useCountries";const k=({copy:t,shippingAddress:s,setAddress:i,validateAddress:m,validateErrors:a,shippingProduct:d,loading:n,address:p,disabled:l,handlePayment:x,item:c})=>{const{storeDomain:f}=h(),{countries:u=[],isLoading:y}=N({shopifyStoreDomain:f});return o("div",{className:"relative",children:[e("div",{className:b("max-h-[500px] overflow-y-auto px-[48px] pb-[24px] md:max-h-[400px] md:px-[16px]"),children:o("div",{children:[s&&e(r,{className:"mb-5 text-[16px] font-bold",html:s}),e(g,{onChange:i,validate:m,errors:a,form:t.redeemModal.product.addressForm,countries:u,countriesLoading:y})]})}),o("div",{className:"sticky bottom-0 flex flex-col items-center justify-center bg-white px-[48px] py-[24px] l:px-[16px]",children:[o("div",{className:"flex w-full items-center rounded-[16px] bg-[#F5F5F7] p-[16px]",children:[d&&e(r,{className:"mb-5 text-[16px] font-bold",html:d}),e(C,{item:c,copy:t})]}),e(v,{loading:n||!p,variant:"primary",className:"mx-auto mt-[16px] w-[444px] md:mt-[12px] md:w-full",onClick:x,disabled:l,children:t.redeemModal.product.paymentButton})]})]})};export{k as Address};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{Button as v,Text as r}from"@anker-in/headless-ui";import b from"classnames";import{AddressForm as g}from"../AddressForm";import{useShopifyContext as h}from"@shopify/context/ShopifyProvider";import{ProductInfo as C}from"./ProductInfo";import N from"../../context/hooks/useCountries";const k=({copy:t,shippingAddress:s,setAddress:i,validateAddress:m,validateErrors:a,shippingProduct:d,loading:n,address:p,disabled:l,handlePayment:x,item:c})=>{const{storeDomain:f}=h(),{countries:u=[],isLoading:y}=N({shopifyStoreDomain:f});return o("div",{className:"relative",children:[e("div",{className:b("max-h-[500px] overflow-y-auto px-[48px] pb-[24px] md:max-h-[400px] md:px-[16px]"),children:o("div",{children:[s&&e(r,{className:"mb-5 text-[16px] font-bold",html:s}),e(g,{onChange:i,validate:m,errors:a,form:t.redeemModal.product.addressForm,countries:u,countriesLoading:y})]})}),o("div",{className:"sticky bottom-0 flex flex-col items-center justify-center bg-white px-[48px] py-[24px] l:px-[16px]",children:[o("div",{className:"flex w-full items-center rounded-[16px] bg-[#F5F5F7] p-[16px]",children:[d&&e(r,{className:"mb-5 text-[16px] font-bold",html:d}),e(C,{item:c,copy:t})]}),e(v,{loading:n||!p,variant:"primary",className:"mx-auto mt-[16px] w-[444px] md:mt-[12px] md:w-full",onClick:x,disabled:l,children:t.redeemModal.product.paymentButton})]})]})};export{k as Address};
 //# sourceMappingURL=Address.js.map

package/dist/esm/components/credits/creditsRedeemList/RedeemProductModal/Address.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/credits/creditsRedeemList/RedeemProductModal/Address.tsx"],
-  "sourcesContent": ["import { Button, Text } from '@anker-in/headless-ui'\nimport classNames from 'classnames'\nimport { AddressForm } from '../AddressForm'\nimport { useShopifyContext } from '../../../../shopify/context/ShopifyProvider'\nimport type { RedeemableItem as RedeemableItemType } from '../../type'\nimport { CreditsRedeemListCopy } from '../type'\nimport { ProductInfo } from './ProductInfo'\nimport useCountries from '../../context/hooks/useCountries'\n\ntype AddressProps = {\n  copy: CreditsRedeemListCopy\n  shippingAddress: string\n  setAddress: (address: Record<string, any>) => void\n  validateAddress: (address: Record<string, any>) => boolean\n  validateErrors: { key: string; message: string }[]\n  item: RedeemableItemType\n  loading: boolean\n  address: Record<string, any> | undefined\n  disabled: boolean\n  handlePayment: () => void\n  shippingProduct: string\n}\n\nexport const Address = ({\n  copy,\n  shippingAddress,\n  setAddress,\n  validateAddress,\n  validateErrors,\n  shippingProduct,\n  loading,\n  address,\n  disabled,\n  handlePayment,\n  item,\n}: AddressProps) => {\n  const { storeDomain } = useShopifyContext()\n  const { countries = [], isLoading: countriesLoading } = useCountries({ shopifyStoreDomain: storeDomain })\n\n  return (\n    <div className=\"relative\">\n      <div className={classNames('max-h-[500px] overflow-y-auto px-[48px] pb-[24px] md:max-h-[400px] md:px-[16px]')}>\n        <div>\n          {shippingAddress && <Text className=\"mb-5 text-[16px] font-bold\" html={shippingAddress}></Text>}\n          <AddressForm\n            onChange={setAddress}\n            validate={validateAddress}\n            errors={validateErrors}\n            form={copy.redeemModal.product.addressForm}\n            countries={countries}\n            countriesLoading={countriesLoading}\n          ></AddressForm>\n        </div>\n      </div>\n      <div className=\"sticky bottom-0 flex flex-col items-center justify-center bg-white px-[48px] py-[24px] l:px-[16px]\">\n        <div className=\"flex w-full items-center rounded-[16px] bg-[#F5F5F7] p-[16px]\">\n          {shippingProduct && <Text className=\"mb-5 text-[16px] font-bold\" html={shippingProduct}></Text>}\n          <ProductInfo item={item} copy={copy} />\n        </div>\n        <Button\n          loading={loading || !address}\n          variant=\"primary\"\n          className=\"mx-auto mt-[16px] w-[444px] md:mt-[12px] md:w-full\"\n          onClick={handlePayment}\n          disabled={disabled}\n        >\n          {copy.redeemModal.product.paymentButton}\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": "AA0CQ,OACsB,OAAAA,EADtB,QAAAC,MAAA,oBA1CR,OAAS,UAAAC,EAAQ,QAAAC,MAAY,wBAC7B,OAAOC,MAAgB,aACvB,OAAS,eAAAC,MAAmB,iBAC5B,OAAS,qBAAAC,MAAyB,8CAGlC,OAAS,eAAAC,MAAmB,gBAC5B,OAAOC,MAAkB,mCAgBlB,MAAMC,EAAU,CAAC,CACtB,KAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,gBAAAC,EACA,QAAAC,EACA,QAAAC,EACA,SAAAC,EACA,cAAAC,EACA,KAAAC,CACF,IAAoB,CAClB,KAAM,CAAE,YAAAC,CAAY,EAAIf,EAAkB,EACpC,CAAE,UAAAgB,EAAY,CAAC,EAAG,UAAWC,CAAiB,EAAIf,EAAa,CAAE,mBAAoBa,CAAY,CAAC,EAExG,OACEpB,EAAC,OAAI,UAAU,WACb,UAAAD,EAAC,OAAI,UAAWI,EAAW,iFAAiF,EAC1G,SAAAH,EAAC,OACE,UAAAU,GAAmBX,EAACG,EAAA,CAAK,UAAU,6BAA6B,KAAMQ,EAAiB,EACxFX,EAACK,EAAA,CACC,SAAUO,EACV,SAAUC,EACV,OAAQC,EACR,KAAMJ,EAAK,YAAY,QAAQ,YAC/B,UAAWY,EACX,iBAAkBC,EACnB,GACH,EACF,EACAtB,EAAC,OAAI,UAAU,qGACb,UAAAA,EAAC,OAAI,UAAU,gEACZ,UAAAc,GAAmBf,EAACG,EAAA,CAAK,UAAU,6BAA6B,KAAMY,EAAiB,EACxFf,EAACO,EAAA,CAAY,KAAMa,EAAM,KAAMV,EAAM,GACvC,EACAV,EAACE,EAAA,CACC,QAASc,GAAW,CAACC,EACrB,QAAQ,UACR,UAAU,qDACV,QAASE,EACT,SAAUD,EAET,SAAAR,EAAK,YAAY,QAAQ,cAC5B,GACF,GACF,CAEJ",
+  "sourcesContent": ["import { Button, Text } from '@anker-in/headless-ui'\nimport classNames from 'classnames'\nimport { AddressForm } from '../AddressForm'\nimport { useShopifyContext } from '@shopify/context/ShopifyProvider'\nimport type { RedeemableItem as RedeemableItemType } from '../../type'\nimport { CreditsRedeemListCopy } from '../type'\nimport { ProductInfo } from './ProductInfo'\nimport useCountries from '../../context/hooks/useCountries'\n\ntype AddressProps = {\n  copy: CreditsRedeemListCopy\n  shippingAddress: string\n  setAddress: (address: Record<string, any>) => void\n  validateAddress: (address: Record<string, any>) => boolean\n  validateErrors: { key: string; message: string }[]\n  item: RedeemableItemType\n  loading: boolean\n  address: Record<string, any> | undefined\n  disabled: boolean\n  handlePayment: () => void\n  shippingProduct: string\n}\n\nexport const Address = ({\n  copy,\n  shippingAddress,\n  setAddress,\n  validateAddress,\n  validateErrors,\n  shippingProduct,\n  loading,\n  address,\n  disabled,\n  handlePayment,\n  item,\n}: AddressProps) => {\n  const { storeDomain } = useShopifyContext()\n  const { countries = [], isLoading: countriesLoading } = useCountries({ shopifyStoreDomain: storeDomain })\n\n  return (\n    <div className=\"relative\">\n      <div className={classNames('max-h-[500px] overflow-y-auto px-[48px] pb-[24px] md:max-h-[400px] md:px-[16px]')}>\n        <div>\n          {shippingAddress && <Text className=\"mb-5 text-[16px] font-bold\" html={shippingAddress}></Text>}\n          <AddressForm\n            onChange={setAddress}\n            validate={validateAddress}\n            errors={validateErrors}\n            form={copy.redeemModal.product.addressForm}\n            countries={countries}\n            countriesLoading={countriesLoading}\n          ></AddressForm>\n        </div>\n      </div>\n      <div className=\"sticky bottom-0 flex flex-col items-center justify-center bg-white px-[48px] py-[24px] l:px-[16px]\">\n        <div className=\"flex w-full items-center rounded-[16px] bg-[#F5F5F7] p-[16px]\">\n          {shippingProduct && <Text className=\"mb-5 text-[16px] font-bold\" html={shippingProduct}></Text>}\n          <ProductInfo item={item} copy={copy} />\n        </div>\n        <Button\n          loading={loading || !address}\n          variant=\"primary\"\n          className=\"mx-auto mt-[16px] w-[444px] md:mt-[12px] md:w-full\"\n          onClick={handlePayment}\n          disabled={disabled}\n        >\n          {copy.redeemModal.product.paymentButton}\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "AA0CQ,OACsB,OAAAA,EADtB,QAAAC,MAAA,oBA1CR,OAAS,UAAAC,EAAQ,QAAAC,MAAY,wBAC7B,OAAOC,MAAgB,aACvB,OAAS,eAAAC,MAAmB,iBAC5B,OAAS,qBAAAC,MAAyB,mCAGlC,OAAS,eAAAC,MAAmB,gBAC5B,OAAOC,MAAkB,mCAgBlB,MAAMC,EAAU,CAAC,CACtB,KAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,gBAAAC,EACA,QAAAC,EACA,QAAAC,EACA,SAAAC,EACA,cAAAC,EACA,KAAAC,CACF,IAAoB,CAClB,KAAM,CAAE,YAAAC,CAAY,EAAIf,EAAkB,EACpC,CAAE,UAAAgB,EAAY,CAAC,EAAG,UAAWC,CAAiB,EAAIf,EAAa,CAAE,mBAAoBa,CAAY,CAAC,EAExG,OACEpB,EAAC,OAAI,UAAU,WACb,UAAAD,EAAC,OAAI,UAAWI,EAAW,iFAAiF,EAC1G,SAAAH,EAAC,OACE,UAAAU,GAAmBX,EAACG,EAAA,CAAK,UAAU,6BAA6B,KAAMQ,EAAiB,EACxFX,EAACK,EAAA,CACC,SAAUO,EACV,SAAUC,EACV,OAAQC,EACR,KAAMJ,EAAK,YAAY,QAAQ,YAC/B,UAAWY,EACX,iBAAkBC,EACnB,GACH,EACF,EACAtB,EAAC,OAAI,UAAU,qGACb,UAAAA,EAAC,OAAI,UAAU,gEACZ,UAAAc,GAAmBf,EAACG,EAAA,CAAK,UAAU,6BAA6B,KAAMY,EAAiB,EACxFf,EAACO,EAAA,CAAY,KAAMa,EAAM,KAAMV,EAAM,GACvC,EACAV,EAACE,EAAA,CACC,QAASc,GAAW,CAACC,EACrB,QAAQ,UACR,UAAU,qDACV,QAASE,EACT,SAAUD,EAET,SAAAR,EAAK,YAAY,QAAQ,cAC5B,GACF,GACF,CAEJ",
   "names": ["jsx", "jsxs", "Button", "Text", "classNames", "AddressForm", "useShopifyContext", "ProductInfo", "useCountries", "Address", "copy", "shippingAddress", "setAddress", "validateAddress", "validateErrors", "shippingProduct", "loading", "address", "disabled", "handlePayment", "item", "storeDomain", "countries", "countriesLoading"]
 }

package/dist/esm/components/credits/creditsRedeemList/RedeemProductModal/ProductInfo.js

@@ -1,2 +1,2 @@
-import{jsx as a,jsxs as e}from"react/jsx-runtime";import{Picture as m}from"@anker-in/headless-ui";import{formatPrice as l}from"../../context/utils";import{useShopifyContext as i}from"../../../../shopify/context/ShopifyProvider";const x=({item:t,copy:d})=>{const{locale:s}=i();return e("div",{className:"flex w-full items-center justify-center md:items-start md:justify-start",children:[a(m,{className:"mr-[16px] size-[100px] shrink-0 md:mr-[12px] md:hidden md:size-[44px] [&_img]:h-full [&_img]:w-auto [&_img]:object-contain",source:t.variant.image?.url||t.product?.images[0]?.url,alt:t.product.title}),e("div",{className:"md:flex md:flex-col",children:[e("div",{className:"md:flex md:items-center",children:[a(m,{className:"mr-[16px] size-[100px] shrink-0 md:mr-[12px] md:size-[44px] min-md:hidden [&_img]:h-full [&_img]:w-auto [&_img]:object-contain",source:t.variant.image?.url||t.product?.images[0]?.url,alt:t.product.title}),a("div",{className:"flex-1 text-[16px] font-bold leading-[1.4] min-l:!hidden",title:t.product.title,children:t.product.title})]}),e("div",{className:"mt-[16px] md:mt-[12px]",children:[a("div",{className:"mb-[12px] line-clamp-1 text-[16px] font-bold l:!hidden",title:t.product.title,children:t.product.title}),e("div",{className:"flex font-semibold leading-[1.4] md:flex-col",children:[e("div",{className:"mr-[40px] text-[15px] font-bold text-[#777] md:mr-0 md:text-[12px]",children:[e("div",{className:"mb-[8px] flex items-center md:mb-[4px]",children:[e("span",{children:[d.redeemModal.product.variantLabel,": "]}),a("span",{className:"ml-1",children:t.variant.title||""})]}),e("div",{className:"mb-[8px] flex items-center md:mb-[4px]",children:[e("span",{children:[d.redeemModal.product.shippingFeeLabel,": "]}),a("span",{className:"ml-1",children:l({amount:0,currencyCode:t.product.price?.currencyCode,locale:s||"us"})})]})]}),e("div",{className:"text-[15px] font-bold text-[#777] md:text-[12px]",children:[e("div",{className:"mb-[8px] flex items-center md:mb-[4px]",children:[e("span",{children:[d.redeemModal.product.quantityLabel,": "]}),a("span",{className:"ml-1",children:"1"})]}),e("div",{className:"l:flex l:items-center l:justify-between",children:[e("span",{children:[d.redeemModal.product.totalPriceLabel,": "]}),e("span",{className:"ml-1",children:[t.alpc?.consumeCredits," ",d?.pointUnit]})]})]})]})]})]})]})};export{x as ProductInfo};
+import{jsx as a,jsxs as e}from"react/jsx-runtime";import{Picture as m}from"@anker-in/headless-ui";import{formatPrice as l}from"../../context/utils";import{useShopifyContext as i}from"@shopify/context/ShopifyProvider";const x=({item:t,copy:d})=>{const{locale:s}=i();return e("div",{className:"flex w-full items-center justify-center md:items-start md:justify-start",children:[a(m,{className:"mr-[16px] size-[100px] shrink-0 md:mr-[12px] md:hidden md:size-[44px] [&_img]:h-full [&_img]:w-auto [&_img]:object-contain",source:t.variant.image?.url||t.product?.images[0]?.url,alt:t.product.title}),e("div",{className:"md:flex md:flex-col",children:[e("div",{className:"md:flex md:items-center",children:[a(m,{className:"mr-[16px] size-[100px] shrink-0 md:mr-[12px] md:size-[44px] min-md:hidden [&_img]:h-full [&_img]:w-auto [&_img]:object-contain",source:t.variant.image?.url||t.product?.images[0]?.url,alt:t.product.title}),a("div",{className:"flex-1 text-[16px] font-bold leading-[1.4] min-l:!hidden",title:t.product.title,children:t.product.title})]}),e("div",{className:"mt-[16px] md:mt-[12px]",children:[a("div",{className:"mb-[12px] line-clamp-1 text-[16px] font-bold l:!hidden",title:t.product.title,children:t.product.title}),e("div",{className:"flex font-semibold leading-[1.4] md:flex-col",children:[e("div",{className:"mr-[40px] text-[15px] font-bold text-[#777] md:mr-0 md:text-[12px]",children:[e("div",{className:"mb-[8px] flex items-center md:mb-[4px]",children:[e("span",{children:[d.redeemModal.product.variantLabel,": "]}),a("span",{className:"ml-1",children:t.variant.title||""})]}),e("div",{className:"mb-[8px] flex items-center md:mb-[4px]",children:[e("span",{children:[d.redeemModal.product.shippingFeeLabel,": "]}),a("span",{className:"ml-1",children:l({amount:0,currencyCode:t.product.price?.currencyCode,locale:s||"us"})})]})]}),e("div",{className:"text-[15px] font-bold text-[#777] md:text-[12px]",children:[e("div",{className:"mb-[8px] flex items-center md:mb-[4px]",children:[e("span",{children:[d.redeemModal.product.quantityLabel,": "]}),a("span",{className:"ml-1",children:"1"})]}),e("div",{className:"l:flex l:items-center l:justify-between",children:[e("span",{children:[d.redeemModal.product.totalPriceLabel,": "]}),e("span",{className:"ml-1",children:[t.alpc?.consumeCredits," ",d?.pointUnit]})]})]})]})]})]})]})};export{x as ProductInfo};
 //# sourceMappingURL=ProductInfo.js.map

package/dist/esm/components/credits/creditsRedeemList/RedeemProductModal/ProductInfo.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/credits/creditsRedeemList/RedeemProductModal/ProductInfo.tsx"],
-  "sourcesContent": ["import { Picture } from '@anker-in/headless-ui'\nimport { formatPrice } from '../../context/utils'\nimport type { RedeemableItem as RedeemableItemType } from '../../type'\nimport { CreditsRedeemListCopy } from '../type'\nimport { useShopifyContext } from '../../../../shopify/context/ShopifyProvider'\n\ntype ProductInfoProps = {\n  item: RedeemableItemType\n  copy: CreditsRedeemListCopy\n}\n\nexport const ProductInfo = ({ item, copy }: ProductInfoProps) => {\n  const { locale } = useShopifyContext()\n\n  return (\n    <div className=\"flex w-full items-center justify-center md:items-start md:justify-start\">\n      <Picture\n        className=\"mr-[16px] size-[100px] shrink-0 md:mr-[12px] md:hidden md:size-[44px] [&_img]:h-full [&_img]:w-auto [&_img]:object-contain\"\n        source={item.variant.image?.url || item.product?.images[0]?.url}\n        alt={item.product.title}\n      ></Picture>\n      <div className=\"md:flex md:flex-col\">\n        <div className=\"md:flex md:items-center\">\n          <Picture\n            className=\"mr-[16px] size-[100px] shrink-0 md:mr-[12px] md:size-[44px] min-md:hidden [&_img]:h-full [&_img]:w-auto [&_img]:object-contain\"\n            source={item.variant.image?.url || item.product?.images[0]?.url}\n            alt={item.product.title}\n          ></Picture>\n          <div className=\"flex-1 text-[16px] font-bold leading-[1.4] min-l:!hidden\" title={item.product.title}>\n            {item.product.title}\n          </div>\n        </div>\n\n        <div className=\"mt-[16px] md:mt-[12px]\">\n          <div className=\"mb-[12px] line-clamp-1 text-[16px] font-bold l:!hidden\" title={item.product.title}>\n            {item.product.title}\n          </div>\n          <div className=\"flex font-semibold leading-[1.4] md:flex-col\">\n            <div className=\"mr-[40px] text-[15px] font-bold text-[#777] md:mr-0 md:text-[12px]\">\n              <div className=\"mb-[8px] flex items-center md:mb-[4px]\">\n                <span>{copy.redeemModal.product.variantLabel}: </span>\n                <span className=\"ml-1\">{item.variant.title || ''}</span>\n              </div>\n              <div className=\"mb-[8px] flex items-center md:mb-[4px]\">\n                <span>{copy.redeemModal.product.shippingFeeLabel}: </span>\n                <span className=\"ml-1\">\n                  {formatPrice({\n                    amount: 0,\n                    currencyCode: item.product.price?.currencyCode!,\n                    locale: locale || 'us',\n                  })}\n                </span>\n              </div>\n            </div>\n            <div className=\"text-[15px] font-bold text-[#777] md:text-[12px]\">\n              <div className=\"mb-[8px] flex items-center md:mb-[4px]\">\n                <span>{copy.redeemModal.product.quantityLabel}: </span>\n                <span className=\"ml-1\">1</span>\n              </div>\n              <div className=\"l:flex l:items-center l:justify-between\">\n                <span>{copy.redeemModal.product.totalPriceLabel}: </span>\n                <span className=\"ml-1\">\n                  {item.alpc?.consumeCredits} {copy?.pointUnit}\n                </span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": "AAgBM,cAAAA,EAME,QAAAC,MANF,oBAhBN,OAAS,WAAAC,MAAe,wBACxB,OAAS,eAAAC,MAAmB,sBAG5B,OAAS,qBAAAC,MAAyB,8CAO3B,MAAMC,EAAc,CAAC,CAAE,KAAAC,EAAM,KAAAC,CAAK,IAAwB,CAC/D,KAAM,CAAE,OAAAC,CAAO,EAAIJ,EAAkB,EAErC,OACEH,EAAC,OAAI,UAAU,0EACb,UAAAD,EAACE,EAAA,CACC,UAAU,6HACV,OAAQI,EAAK,QAAQ,OAAO,KAAOA,EAAK,SAAS,OAAO,CAAC,GAAG,IAC5D,IAAKA,EAAK,QAAQ,MACnB,EACDL,EAAC,OAAI,UAAU,sBACb,UAAAA,EAAC,OAAI,UAAU,0BACb,UAAAD,EAACE,EAAA,CACC,UAAU,iIACV,OAAQI,EAAK,QAAQ,OAAO,KAAOA,EAAK,SAAS,OAAO,CAAC,GAAG,IAC5D,IAAKA,EAAK,QAAQ,MACnB,EACDN,EAAC,OAAI,UAAU,2DAA2D,MAAOM,EAAK,QAAQ,MAC3F,SAAAA,EAAK,QAAQ,MAChB,GACF,EAEAL,EAAC,OAAI,UAAU,yBACb,UAAAD,EAAC,OAAI,UAAU,yDAAyD,MAAOM,EAAK,QAAQ,MACzF,SAAAA,EAAK,QAAQ,MAChB,EACAL,EAAC,OAAI,UAAU,+CACb,UAAAA,EAAC,OAAI,UAAU,qEACb,UAAAA,EAAC,OAAI,UAAU,yCACb,UAAAA,EAAC,QAAM,UAAAM,EAAK,YAAY,QAAQ,aAAa,MAAE,EAC/CP,EAAC,QAAK,UAAU,OAAQ,SAAAM,EAAK,QAAQ,OAAS,GAAG,GACnD,EACAL,EAAC,OAAI,UAAU,yCACb,UAAAA,EAAC,QAAM,UAAAM,EAAK,YAAY,QAAQ,iBAAiB,MAAE,EACnDP,EAAC,QAAK,UAAU,OACb,SAAAG,EAAY,CACX,OAAQ,EACR,aAAcG,EAAK,QAAQ,OAAO,aAClC,OAAQE,GAAU,IACpB,CAAC,EACH,GACF,GACF,EACAP,EAAC,OAAI,UAAU,mDACb,UAAAA,EAAC,OAAI,UAAU,yCACb,UAAAA,EAAC,QAAM,UAAAM,EAAK,YAAY,QAAQ,cAAc,MAAE,EAChDP,EAAC,QAAK,UAAU,OAAO,aAAC,GAC1B,EACAC,EAAC,OAAI,UAAU,0CACb,UAAAA,EAAC,QAAM,UAAAM,EAAK,YAAY,QAAQ,gBAAgB,MAAE,EAClDN,EAAC,QAAK,UAAU,OACb,UAAAK,EAAK,MAAM,eAAe,IAAEC,GAAM,WACrC,GACF,GACF,GACF,GACF,GACF,GACF,CAEJ",
+  "sourcesContent": ["import { Picture } from '@anker-in/headless-ui'\nimport { formatPrice } from '../../context/utils'\nimport type { RedeemableItem as RedeemableItemType } from '../../type'\nimport { CreditsRedeemListCopy } from '../type'\nimport { useShopifyContext } from '@shopify/context/ShopifyProvider'\n\ntype ProductInfoProps = {\n  item: RedeemableItemType\n  copy: CreditsRedeemListCopy\n}\n\nexport const ProductInfo = ({ item, copy }: ProductInfoProps) => {\n  const { locale } = useShopifyContext()\n\n  return (\n    <div className=\"flex w-full items-center justify-center md:items-start md:justify-start\">\n      <Picture\n        className=\"mr-[16px] size-[100px] shrink-0 md:mr-[12px] md:hidden md:size-[44px] [&_img]:h-full [&_img]:w-auto [&_img]:object-contain\"\n        source={item.variant.image?.url || item.product?.images[0]?.url}\n        alt={item.product.title}\n      ></Picture>\n      <div className=\"md:flex md:flex-col\">\n        <div className=\"md:flex md:items-center\">\n          <Picture\n            className=\"mr-[16px] size-[100px] shrink-0 md:mr-[12px] md:size-[44px] min-md:hidden [&_img]:h-full [&_img]:w-auto [&_img]:object-contain\"\n            source={item.variant.image?.url || item.product?.images[0]?.url}\n            alt={item.product.title}\n          ></Picture>\n          <div className=\"flex-1 text-[16px] font-bold leading-[1.4] min-l:!hidden\" title={item.product.title}>\n            {item.product.title}\n          </div>\n        </div>\n\n        <div className=\"mt-[16px] md:mt-[12px]\">\n          <div className=\"mb-[12px] line-clamp-1 text-[16px] font-bold l:!hidden\" title={item.product.title}>\n            {item.product.title}\n          </div>\n          <div className=\"flex font-semibold leading-[1.4] md:flex-col\">\n            <div className=\"mr-[40px] text-[15px] font-bold text-[#777] md:mr-0 md:text-[12px]\">\n              <div className=\"mb-[8px] flex items-center md:mb-[4px]\">\n                <span>{copy.redeemModal.product.variantLabel}: </span>\n                <span className=\"ml-1\">{item.variant.title || ''}</span>\n              </div>\n              <div className=\"mb-[8px] flex items-center md:mb-[4px]\">\n                <span>{copy.redeemModal.product.shippingFeeLabel}: </span>\n                <span className=\"ml-1\">\n                  {formatPrice({\n                    amount: 0,\n                    currencyCode: item.product.price?.currencyCode!,\n                    locale: locale || 'us',\n                  })}\n                </span>\n              </div>\n            </div>\n            <div className=\"text-[15px] font-bold text-[#777] md:text-[12px]\">\n              <div className=\"mb-[8px] flex items-center md:mb-[4px]\">\n                <span>{copy.redeemModal.product.quantityLabel}: </span>\n                <span className=\"ml-1\">1</span>\n              </div>\n              <div className=\"l:flex l:items-center l:justify-between\">\n                <span>{copy.redeemModal.product.totalPriceLabel}: </span>\n                <span className=\"ml-1\">\n                  {item.alpc?.consumeCredits} {copy?.pointUnit}\n                </span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "AAgBM,cAAAA,EAME,QAAAC,MANF,oBAhBN,OAAS,WAAAC,MAAe,wBACxB,OAAS,eAAAC,MAAmB,sBAG5B,OAAS,qBAAAC,MAAyB,mCAO3B,MAAMC,EAAc,CAAC,CAAE,KAAAC,EAAM,KAAAC,CAAK,IAAwB,CAC/D,KAAM,CAAE,OAAAC,CAAO,EAAIJ,EAAkB,EAErC,OACEH,EAAC,OAAI,UAAU,0EACb,UAAAD,EAACE,EAAA,CACC,UAAU,6HACV,OAAQI,EAAK,QAAQ,OAAO,KAAOA,EAAK,SAAS,OAAO,CAAC,GAAG,IAC5D,IAAKA,EAAK,QAAQ,MACnB,EACDL,EAAC,OAAI,UAAU,sBACb,UAAAA,EAAC,OAAI,UAAU,0BACb,UAAAD,EAACE,EAAA,CACC,UAAU,iIACV,OAAQI,EAAK,QAAQ,OAAO,KAAOA,EAAK,SAAS,OAAO,CAAC,GAAG,IAC5D,IAAKA,EAAK,QAAQ,MACnB,EACDN,EAAC,OAAI,UAAU,2DAA2D,MAAOM,EAAK,QAAQ,MAC3F,SAAAA,EAAK,QAAQ,MAChB,GACF,EAEAL,EAAC,OAAI,UAAU,yBACb,UAAAD,EAAC,OAAI,UAAU,yDAAyD,MAAOM,EAAK,QAAQ,MACzF,SAAAA,EAAK,QAAQ,MAChB,EACAL,EAAC,OAAI,UAAU,+CACb,UAAAA,EAAC,OAAI,UAAU,qEACb,UAAAA,EAAC,OAAI,UAAU,yCACb,UAAAA,EAAC,QAAM,UAAAM,EAAK,YAAY,QAAQ,aAAa,MAAE,EAC/CP,EAAC,QAAK,UAAU,OAAQ,SAAAM,EAAK,QAAQ,OAAS,GAAG,GACnD,EACAL,EAAC,OAAI,UAAU,yCACb,UAAAA,EAAC,QAAM,UAAAM,EAAK,YAAY,QAAQ,iBAAiB,MAAE,EACnDP,EAAC,QAAK,UAAU,OACb,SAAAG,EAAY,CACX,OAAQ,EACR,aAAcG,EAAK,QAAQ,OAAO,aAClC,OAAQE,GAAU,IACpB,CAAC,EACH,GACF,GACF,EACAP,EAAC,OAAI,UAAU,mDACb,UAAAA,EAAC,OAAI,UAAU,yCACb,UAAAA,EAAC,QAAM,UAAAM,EAAK,YAAY,QAAQ,cAAc,MAAE,EAChDP,EAAC,QAAK,UAAU,OAAO,aAAC,GAC1B,EACAC,EAAC,OAAI,UAAU,0CACb,UAAAA,EAAC,QAAM,UAAAM,EAAK,YAAY,QAAQ,gBAAgB,MAAE,EAClDN,EAAC,QAAK,UAAU,OACb,UAAAK,EAAK,MAAM,eAAe,IAAEC,GAAM,WACrC,GACF,GACF,GACF,GACF,GACF,GACF,CAEJ",
   "names": ["jsx", "jsxs", "Picture", "formatPrice", "useShopifyContext", "ProductInfo", "item", "copy", "locale"]
 }

package/dist/esm/components/credits/creditsRedeemList/RedeemProductModal/index.js

@@ -1,2 +1,2 @@
-import{jsx as u,jsxs as X}from"react/jsx-runtime";import R from"classnames";import{useCallback as w,useEffect as F,useMemo as K,useState as l}from"react";import{useCreditsContext as _}from"../../context/provider";import k from"../../context/hooks/useCountries";import{AlpcErrorCode as c}from"../../context/const";import{useAddressValidate as T}from"../../context/hooks/useAddressValidate";import{useRedeemProduct as B}from"../../context/hooks/useRedeemProduct";import{CreditsModalContainer as G}from"../../modal/modalContainer";import{useShopifyContext as J}from"../../../../shopify/context/ShopifyProvider";import{Error as V}from"./Error";import{Success as z}from"./Success";import{Address as H}from"./Address";import{Init as Q}from"./Init";function W({item:s,copy:e,onError:h,...m}){const{fetchCreditInfo:E,profile:I}=_(),{storeDomain:A,locale:N}=J(),{validatorInfo:S}=e,{shippingAddress:y,shippingProduct:v}=e.redeemModal.product,[d,i]=l("init"),[t,L]=l(),[x,n]=l({code:0,message:"",imageUrl:""}),[f,a]=l(!1),{countries:b=[],isLoading:Y}=k({shopifyStoreDomain:A}),{isMutating:p,trigger:P}=B({onSuccess(r){if(!r){i("error"),n({code:0,imageUrl:e.redeemModal.errorImageUrl||"",message:e.redeemModal.commonError||""});return}if(r?.code===0)E(I?.user_id),i("success");else{let o,M;r.code===c.CodeLpcShopifyCouponRuleRedeemLimit?(o=e.redeemModal.redeemLimitError,a(!0)):r.code===c.CodeLpcRuleInventoryNotEnough?(o=e.redeemModal.inventoryNotEnough,a(!0),M=e.redeemModal.inventoryNotEnough):r.code===c.CodeLpcNotEnoughCredits?(o=e.redeemModal.creditsNotEnough,a(!0),E(I?.user_id)):r.code===c.CodeCrossSiteError&&(o=e.redeemModal.crossSiteError,a(!0)),i("error"),n({code:r.code,imageUrl:M||e.redeemModal.errorImageUrl||"",message:o||e.redeemModal.commonError||""}),h&&h(r.code)}},onError(r){i("error"),n({code:0,imageUrl:e.redeemModal.errorImageUrl||"",message:e.redeemModal.commonError||""})}}),g=K(()=>e?.redeemModal.product.form?.flat().find(o=>o.type==="state")?.key,[e?.redeemModal.product.form]),{validate:C,errors:U}=T({address:t,validatorInfo:S,formData:e?.redeemModal.product.form?.flat()||[],errorLabel:{require:e.redeemModal.product.required,email:e.redeemModal.product.invalidEmail}}),O=w(async()=>{const r=[];if(g&&((b.find(q=>q.code===t.country)?.provinces||[]).length||r.push(g)),C({force:!0,ignoreKeys:r}))return;console.log("address",t);let o={...t};o.name&&delete o.name,o.country==="UK"&&(o.country="GB"),P({address:btoa(JSON.stringify(o)),rule_id:Number(s.alpc?.id)})},[s,P,g,C,t,b]);return F(()=>{m.isOpen||(a(!1),n({code:0,message:"",imageUrl:""}))},[m.isOpen,N]),X(G,{...m,className:R("w-[540px] md:h-auto min-md:max-h-[calc(100vh-40px)]",d!=="init"&&"w-[740px] md:w-full"),scrollClassName:"mb-0 min-l:px-0 md:mb-0 px-0",titleClassName:R("h-[56px]",d==="init"&&"bg-[#F5F5F7]"),title:d==="address"?"Order Confirmation":"",children:[d==="error"&&u(V,{errorInfo:x}),d==="success"&&u(z,{copy:e,shippingProduct:v,loading:p,address:t,disabled:f,onClose:m.onClose,item:s}),d==="address"&&u(H,{copy:e,shippingAddress:y,setAddress:L,validateAddress:C,validateErrors:U,shippingProduct:v,loading:p,address:t,disabled:f,handlePayment:O,item:s}),d==="init"&&u(Q,{item:s,copy:e,loading:p,disabled:f,setStatus:i})]})}var ce=W;export{ce as default};
+import{jsx as u,jsxs as X}from"react/jsx-runtime";import R from"classnames";import{useCallback as w,useEffect as F,useMemo as K,useState as l}from"react";import{useCreditsContext as _}from"../../context/provider";import k from"../../context/hooks/useCountries";import{AlpcErrorCode as c}from"../../context/const";import{useAddressValidate as T}from"../../context/hooks/useAddressValidate";import{useRedeemProduct as B}from"../../context/hooks/useRedeemProduct";import{CreditsModalContainer as G}from"../../modal/modalContainer";import{useShopifyContext as J}from"@shopify/context/ShopifyProvider";import{Error as V}from"./Error";import{Success as z}from"./Success";import{Address as H}from"./Address";import{Init as Q}from"./Init";function W({item:s,copy:e,onError:h,...m}){const{fetchCreditInfo:E,profile:I}=_(),{storeDomain:A,locale:N}=J(),{validatorInfo:S}=e,{shippingAddress:y,shippingProduct:v}=e.redeemModal.product,[d,i]=l("init"),[t,L]=l(),[x,n]=l({code:0,message:"",imageUrl:""}),[f,a]=l(!1),{countries:b=[],isLoading:Y}=k({shopifyStoreDomain:A}),{isMutating:p,trigger:P}=B({onSuccess(r){if(!r){i("error"),n({code:0,imageUrl:e.redeemModal.errorImageUrl||"",message:e.redeemModal.commonError||""});return}if(r?.code===0)E(I?.user_id),i("success");else{let o,M;r.code===c.CodeLpcShopifyCouponRuleRedeemLimit?(o=e.redeemModal.redeemLimitError,a(!0)):r.code===c.CodeLpcRuleInventoryNotEnough?(o=e.redeemModal.inventoryNotEnough,a(!0),M=e.redeemModal.inventoryNotEnough):r.code===c.CodeLpcNotEnoughCredits?(o=e.redeemModal.creditsNotEnough,a(!0),E(I?.user_id)):r.code===c.CodeCrossSiteError&&(o=e.redeemModal.crossSiteError,a(!0)),i("error"),n({code:r.code,imageUrl:M||e.redeemModal.errorImageUrl||"",message:o||e.redeemModal.commonError||""}),h&&h(r.code)}},onError(r){i("error"),n({code:0,imageUrl:e.redeemModal.errorImageUrl||"",message:e.redeemModal.commonError||""})}}),g=K(()=>e?.redeemModal.product.form?.flat().find(o=>o.type==="state")?.key,[e?.redeemModal.product.form]),{validate:C,errors:U}=T({address:t,validatorInfo:S,formData:e?.redeemModal.product.form?.flat()||[],errorLabel:{require:e.redeemModal.product.required,email:e.redeemModal.product.invalidEmail}}),O=w(async()=>{const r=[];if(g&&((b.find(q=>q.code===t.country)?.provinces||[]).length||r.push(g)),C({force:!0,ignoreKeys:r}))return;console.log("address",t);let o={...t};o.name&&delete o.name,o.country==="UK"&&(o.country="GB"),P({address:btoa(JSON.stringify(o)),rule_id:Number(s.alpc?.id)})},[s,P,g,C,t,b]);return F(()=>{m.isOpen||(a(!1),n({code:0,message:"",imageUrl:""}))},[m.isOpen,N]),X(G,{...m,className:R("w-[540px] md:h-auto min-md:max-h-[calc(100vh-40px)]",d!=="init"&&"w-[740px] md:w-full"),scrollClassName:"mb-0 min-l:px-0 md:mb-0 px-0",titleClassName:R("h-[56px]",d==="init"&&"bg-[#F5F5F7]"),title:d==="address"?"Order Confirmation":"",children:[d==="error"&&u(V,{errorInfo:x}),d==="success"&&u(z,{copy:e,shippingProduct:v,loading:p,address:t,disabled:f,onClose:m.onClose,item:s}),d==="address"&&u(H,{copy:e,shippingAddress:y,setAddress:L,validateAddress:C,validateErrors:U,shippingProduct:v,loading:p,address:t,disabled:f,handlePayment:O,item:s}),d==="init"&&u(Q,{item:s,copy:e,loading:p,disabled:f,setStatus:i})]})}var ce=W;export{ce as default};
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "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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",
+  "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": ["jsx", "jsxs", "classNames", "useCallback", "useEffect", "useMemo", "useState", "useCreditsContext", "useCountries", "AlpcErrorCode", "useAddressValidate", "useRedeemProduct", "CreditsModalContainer", "useShopifyContext", "Error", "Success", "Address", "Init", "RedeemProductModal", "item", "copy", "onError", "props", "fetchCreditInfo", "profile", "storeDomain", "locale", "validatorInfo", "shippingAddress", "shippingProduct", "status", "setStatus", "address", "setAddress", "errorInfo", "setErrorInfo", "disabled", "setDisabled", "countries", "countriesLoading", "loading", "trigger", "responseData", "errorMsg", "errorImage", "error", "stateInputKey", "validateAddress", "validateErrors", "handlePayment", "ignoreKeys", "requestAddress", "RedeemProductModal_default"]
 }

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

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