@anker-in/campaign-ui 0.4.3-beta.1 → 0.4.3

package/dist/esm/components/LiveChatWidget/utils/fetcher.js

@@ -1,2 +1,2 @@
-const u=async(r,e)=>{if(typeof window>"u"||!window.grecaptcha?.enterprise?.execute)return console.warn("[LiveChat Fetcher] reCAPTCHA not loaded"),!1;try{return await window.grecaptcha.enterprise.execute(e,{action:r})}catch(t){return console.error("[LiveChat Fetcher] reCAPTCHA execution failed:",t),!1}};async function f(r,e,t="X-Recaptcha-Token"){const n=await u(r,e);return n?{[t]:n}:{}}const T=async({url:r,method:e="POST",headers:t={},body:n,timeout:o=9e4,needRecaptcha:l=!1,recaptchaSitekey:c,recaptchaAction:h="",recaptchaHeaderKey:p="X-Recaptcha-Token"})=>{let s={};l&&(c?s=await f(h,c,p):console.warn("[LiveChat Fetcher] needRecaptcha=true but recaptchaSitekey is missing"));const d=n?JSON.stringify(n):void 0,g=new AbortController;let i;o&&(i=setTimeout(()=>g.abort(),o));try{const a=await fetch(r,{method:e,mode:"cors",headers:{"Content-Type":"application/json",...t,...s},signal:g.signal,...e!=="GET"&&d&&{body:d}});return i&&clearTimeout(i),a}catch(a){throw i&&clearTimeout(i),a}};export{T as fetcher};
+const u=async(n,t)=>{if(typeof window>"u")return console.warn("[LiveChat Fetcher] reCAPTCHA not available in non-browser environment"),!1;const r=window.grecaptcha?.enterprise?.execute??window.grecaptcha?.execute;if(!r)return console.warn("[LiveChat Fetcher] reCAPTCHA not loaded (neither enterprise nor standard v3)"),!1;try{return await r(t,{action:n})}catch(e){return console.error("[LiveChat Fetcher] reCAPTCHA execution failed:",e),!1}};async function f(n,t,r="X-Recaptcha-Token"){const e=await u(n,t);return e?{[r]:e}:{}}const T=async({url:n,method:t="POST",headers:r={},body:e,timeout:o=9e4,needRecaptcha:h=!1,recaptchaSitekey:c,recaptchaAction:g="",recaptchaHeaderKey:p="X-Recaptcha-Token"})=>{let s={};h&&(c?s=await f(g,c,p):console.warn("[LiveChat Fetcher] needRecaptcha=true but recaptchaSitekey is missing"));const d=e?JSON.stringify(e):void 0,l=new AbortController;let i;o&&(i=setTimeout(()=>l.abort(),o));try{const a=await fetch(n,{method:t,mode:"cors",headers:{"Content-Type":"application/json",...r,...s},signal:l.signal,...t!=="GET"&&d&&{body:d}});return i&&clearTimeout(i),a}catch(a){throw i&&clearTimeout(i),a}};export{T as fetcher};
 //# sourceMappingURL=fetcher.js.map

package/dist/esm/components/LiveChatWidget/utils/fetcher.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/LiveChatWidget/utils/fetcher.ts"],
-  "sourcesContent": ["/**\n * LiveChat Fetcher\n * \u53C2\u7167 storefront \u7684\u5B9E\u73B0\uFF0C\u652F\u6301 reCAPTCHA\n */\n\n/**\n * \u6267\u884C Google reCAPTCHA \u9A8C\u8BC1\n */\nconst executeRecaptcha = async (action: string, sitekey: string): Promise<string | false> => {\n  if (typeof window === 'undefined' || !window.grecaptcha?.enterprise?.execute) {\n    console.warn('[LiveChat Fetcher] reCAPTCHA not loaded')\n    return false\n  }\n\n  try {\n    const token = await window.grecaptcha.enterprise.execute(sitekey, { action })\n    return token\n  } catch (error) {\n    console.error('[LiveChat Fetcher] reCAPTCHA execution failed:', error)\n    return false\n  }\n}\n\n/**\n * \u83B7\u53D6 reCAPTCHA headers\n */\nasync function getRecaptchaHeaders(\n  action: string,\n  sitekey: string,\n  headerKey = 'X-Recaptcha-Token'\n): Promise<Record<string, string>> {\n  const recaptchaToken = await executeRecaptcha(action, sitekey)\n  if (!recaptchaToken) {\n    return {}\n  }\n  return {\n    [headerKey]: recaptchaToken,\n  }\n}\n\n/**\n * Fetcher \u53C2\u6570\n */\nexport interface FetcherOptions {\n  url: string\n  method?: 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH'\n  headers?: Record<string, string>\n  body?: any\n  timeout?: number\n  needRecaptcha?: boolean\n  recaptchaSitekey?: string\n  recaptchaAction?: string\n  recaptchaHeaderKey?: string\n}\n\n/**\n * Fetcher \u51FD\u6570\n * \u652F\u6301 reCAPTCHA \u548C\u81EA\u5B9A\u4E49 headers\n */\nexport const fetcher = async ({\n  url,\n  method = 'POST',\n  headers = {},\n  body,\n  timeout = 90000,\n  needRecaptcha = false,\n  recaptchaSitekey,\n  recaptchaAction = '',\n  recaptchaHeaderKey = 'X-Recaptcha-Token',\n}: FetcherOptions): Promise<Response> => {\n  // \u83B7\u53D6 reCAPTCHA headers\uFF08\u5982\u679C\u9700\u8981\uFF09\n  let recaptchaHeaders: Record<string, string> = {}\n  if (needRecaptcha) {\n    if (!recaptchaSitekey) {\n      console.warn('[LiveChat Fetcher] needRecaptcha=true but recaptchaSitekey is missing')\n    } else {\n      recaptchaHeaders = await getRecaptchaHeaders(recaptchaAction, recaptchaSitekey, recaptchaHeaderKey)\n    }\n  }\n\n  // \u51C6\u5907\u8BF7\u6C42\u4F53\n  const bodyData = body ? JSON.stringify(body) : undefined\n\n  const controller = new AbortController()\n  let timeoutTimer: NodeJS.Timeout | undefined\n  if (timeout) {\n    timeoutTimer = setTimeout(() => controller.abort(), timeout)\n  }\n\n  try {\n    const response = await fetch(url, {\n      method,\n      mode: 'cors',\n      headers: {\n        'Content-Type': 'application/json',\n        ...headers,\n        ...recaptchaHeaders,\n      },\n      signal: controller.signal,\n      ...(method !== 'GET' && bodyData && { body: bodyData }),\n    })\n\n    if (timeoutTimer) {\n      clearTimeout(timeoutTimer)\n    }\n\n    return response\n  } catch (error) {\n    if (timeoutTimer) {\n      clearTimeout(timeoutTimer)\n    }\n    throw error\n  }\n}\n\n/**\n * \u6269\u5C55 Window \u63A5\u53E3\u4EE5\u652F\u6301 grecaptcha\n */\n  declare global {\n    interface Window {\n      grecaptcha?: {\n        execute: (sitekey: string, options: { action: string }) => Promise<string>\n        ready: (callback: () => void) => void\n        enterprise?: {\n          execute: (sitekey: string, options: { action: string }) =>\n  Promise<string>\n          ready: (callback: () => void) => void\n        }\n      }\n    }\n  }\n"],
-  "mappings": "AAQA,MAAMA,EAAmB,MAAOC,EAAgBC,IAA6C,CAC3F,GAAI,OAAO,OAAW,KAAe,CAAC,OAAO,YAAY,YAAY,QACnE,eAAQ,KAAK,yCAAyC,EAC/C,GAGT,GAAI,CAEF,OADc,MAAM,OAAO,WAAW,WAAW,QAAQA,EAAS,CAAE,OAAAD,CAAO,CAAC,CAE9E,OAASE,EAAO,CACd,eAAQ,MAAM,iDAAkDA,CAAK,EAC9D,EACT,CACF,EAKA,eAAeC,EACbH,EACAC,EACAG,EAAY,oBACqB,CACjC,MAAMC,EAAiB,MAAMN,EAAiBC,EAAQC,CAAO,EAC7D,OAAKI,EAGE,CACL,CAACD,CAAS,EAAGC,CACf,EAJS,CAAC,CAKZ,CAqBO,MAAMC,EAAU,MAAO,CAC5B,IAAAC,EACA,OAAAC,EAAS,OACT,QAAAC,EAAU,CAAC,EACX,KAAAC,EACA,QAAAC,EAAU,IACV,cAAAC,EAAgB,GAChB,iBAAAC,EACA,gBAAAC,EAAkB,GAClB,mBAAAC,EAAqB,mBACvB,IAAyC,CAEvC,IAAIC,EAA2C,CAAC,EAC5CJ,IACGC,EAGHG,EAAmB,MAAMb,EAAoBW,EAAiBD,EAAkBE,CAAkB,EAFlG,QAAQ,KAAK,uEAAuE,GAOxF,MAAME,EAAWP,EAAO,KAAK,UAAUA,CAAI,EAAI,OAEzCQ,EAAa,IAAI,gBACvB,IAAIC,EACAR,IACFQ,EAAe,WAAW,IAAMD,EAAW,MAAM,EAAGP,CAAO,GAG7D,GAAI,CACF,MAAMS,EAAW,MAAM,MAAMb,EAAK,CAChC,OAAAC,EACA,KAAM,OACN,QAAS,CACP,eAAgB,mBAChB,GAAGC,EACH,GAAGO,CACL,EACA,OAAQE,EAAW,OACnB,GAAIV,IAAW,OAASS,GAAY,CAAE,KAAMA,CAAS,CACvD,CAAC,EAED,OAAIE,GACF,aAAaA,CAAY,EAGpBC,CACT,OAASlB,EAAO,CACd,MAAIiB,GACF,aAAaA,CAAY,EAErBjB,CACR,CACF",
-  "names": ["executeRecaptcha", "action", "sitekey", "error", "getRecaptchaHeaders", "headerKey", "recaptchaToken", "fetcher", "url", "method", "headers", "body", "timeout", "needRecaptcha", "recaptchaSitekey", "recaptchaAction", "recaptchaHeaderKey", "recaptchaHeaders", "bodyData", "controller", "timeoutTimer", "response"]
+  "sourcesContent": ["/**\n * LiveChat Fetcher\n * \u53C2\u7167 storefront \u7684\u5B9E\u73B0\uFF0C\u652F\u6301 reCAPTCHA\n */\n\n/**\n * \u6267\u884C Google reCAPTCHA \u9A8C\u8BC1\n * \u517C\u5BB9 Enterprise \u7248 (recaptcha/enterprise.js) \u548C\u6807\u51C6\u7248 v3 (recaptcha/api.js)\n * \u4F18\u5148\u4F7F\u7528 Enterprise \u7248\uFF0C\u56DE\u9000\u5230\u6807\u51C6\u7248\n */\nconst executeRecaptcha = async (action: string, sitekey: string): Promise<string | false> => {\n  if (typeof window === 'undefined') {\n    console.warn('[LiveChat Fetcher] reCAPTCHA not available in non-browser environment')\n    return false\n  }\n\n  const executor = window.grecaptcha?.enterprise?.execute ?? window.grecaptcha?.execute\n\n  if (!executor) {\n    console.warn('[LiveChat Fetcher] reCAPTCHA not loaded (neither enterprise nor standard v3)')\n    return false\n  }\n\n  try {\n    const token = await executor(sitekey, { action })\n    return token\n  } catch (error) {\n    console.error('[LiveChat Fetcher] reCAPTCHA execution failed:', error)\n    return false\n  }\n}\n\n/**\n * \u83B7\u53D6 reCAPTCHA headers\n */\nasync function getRecaptchaHeaders(\n  action: string,\n  sitekey: string,\n  headerKey = 'X-Recaptcha-Token'\n): Promise<Record<string, string>> {\n  const recaptchaToken = await executeRecaptcha(action, sitekey)\n  if (!recaptchaToken) {\n    return {}\n  }\n  return {\n    [headerKey]: recaptchaToken,\n  }\n}\n\n/**\n * Fetcher \u53C2\u6570\n */\nexport interface FetcherOptions {\n  url: string\n  method?: 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH'\n  headers?: Record<string, string>\n  body?: any\n  timeout?: number\n  needRecaptcha?: boolean\n  recaptchaSitekey?: string\n  recaptchaAction?: string\n  recaptchaHeaderKey?: string\n}\n\n/**\n * Fetcher \u51FD\u6570\n * \u652F\u6301 reCAPTCHA \u548C\u81EA\u5B9A\u4E49 headers\n */\nexport const fetcher = async ({\n  url,\n  method = 'POST',\n  headers = {},\n  body,\n  timeout = 90000,\n  needRecaptcha = false,\n  recaptchaSitekey,\n  recaptchaAction = '',\n  recaptchaHeaderKey = 'X-Recaptcha-Token',\n}: FetcherOptions): Promise<Response> => {\n  // \u83B7\u53D6 reCAPTCHA headers\uFF08\u5982\u679C\u9700\u8981\uFF09\n  let recaptchaHeaders: Record<string, string> = {}\n  if (needRecaptcha) {\n    if (!recaptchaSitekey) {\n      console.warn('[LiveChat Fetcher] needRecaptcha=true but recaptchaSitekey is missing')\n    } else {\n      recaptchaHeaders = await getRecaptchaHeaders(recaptchaAction, recaptchaSitekey, recaptchaHeaderKey)\n    }\n  }\n\n  // \u51C6\u5907\u8BF7\u6C42\u4F53\n  const bodyData = body ? JSON.stringify(body) : undefined\n\n  const controller = new AbortController()\n  let timeoutTimer: NodeJS.Timeout | undefined\n  if (timeout) {\n    timeoutTimer = setTimeout(() => controller.abort(), timeout)\n  }\n\n  try {\n    const response = await fetch(url, {\n      method,\n      mode: 'cors',\n      headers: {\n        'Content-Type': 'application/json',\n        ...headers,\n        ...recaptchaHeaders,\n      },\n      signal: controller.signal,\n      ...(method !== 'GET' && bodyData && { body: bodyData }),\n    })\n\n    if (timeoutTimer) {\n      clearTimeout(timeoutTimer)\n    }\n\n    return response\n  } catch (error) {\n    if (timeoutTimer) {\n      clearTimeout(timeoutTimer)\n    }\n    throw error\n  }\n}\n\n/**\n * \u6269\u5C55 Window \u63A5\u53E3\u4EE5\u652F\u6301 grecaptcha\n */\n  declare global {\n    interface Window {\n      grecaptcha?: {\n        execute: (sitekey: string, options: { action: string }) => Promise<string>\n        ready: (callback: () => void) => void\n        enterprise?: {\n          execute: (sitekey: string, options: { action: string }) =>\n  Promise<string>\n          ready: (callback: () => void) => void\n        }\n      }\n    }\n  }\n"],
+  "mappings": "AAUA,MAAMA,EAAmB,MAAOC,EAAgBC,IAA6C,CAC3F,GAAI,OAAO,OAAW,IACpB,eAAQ,KAAK,uEAAuE,EAC7E,GAGT,MAAMC,EAAW,OAAO,YAAY,YAAY,SAAW,OAAO,YAAY,QAE9E,GAAI,CAACA,EACH,eAAQ,KAAK,8EAA8E,EACpF,GAGT,GAAI,CAEF,OADc,MAAMA,EAASD,EAAS,CAAE,OAAAD,CAAO,CAAC,CAElD,OAASG,EAAO,CACd,eAAQ,MAAM,iDAAkDA,CAAK,EAC9D,EACT,CACF,EAKA,eAAeC,EACbJ,EACAC,EACAI,EAAY,oBACqB,CACjC,MAAMC,EAAiB,MAAMP,EAAiBC,EAAQC,CAAO,EAC7D,OAAKK,EAGE,CACL,CAACD,CAAS,EAAGC,CACf,EAJS,CAAC,CAKZ,CAqBO,MAAMC,EAAU,MAAO,CAC5B,IAAAC,EACA,OAAAC,EAAS,OACT,QAAAC,EAAU,CAAC,EACX,KAAAC,EACA,QAAAC,EAAU,IACV,cAAAC,EAAgB,GAChB,iBAAAC,EACA,gBAAAC,EAAkB,GAClB,mBAAAC,EAAqB,mBACvB,IAAyC,CAEvC,IAAIC,EAA2C,CAAC,EAC5CJ,IACGC,EAGHG,EAAmB,MAAMb,EAAoBW,EAAiBD,EAAkBE,CAAkB,EAFlG,QAAQ,KAAK,uEAAuE,GAOxF,MAAME,EAAWP,EAAO,KAAK,UAAUA,CAAI,EAAI,OAEzCQ,EAAa,IAAI,gBACvB,IAAIC,EACAR,IACFQ,EAAe,WAAW,IAAMD,EAAW,MAAM,EAAGP,CAAO,GAG7D,GAAI,CACF,MAAMS,EAAW,MAAM,MAAMb,EAAK,CAChC,OAAAC,EACA,KAAM,OACN,QAAS,CACP,eAAgB,mBAChB,GAAGC,EACH,GAAGO,CACL,EACA,OAAQE,EAAW,OACnB,GAAIV,IAAW,OAASS,GAAY,CAAE,KAAMA,CAAS,CACvD,CAAC,EAED,OAAIE,GACF,aAAaA,CAAY,EAGpBC,CACT,OAASlB,EAAO,CACd,MAAIiB,GACF,aAAaA,CAAY,EAErBjB,CACR,CACF",
+  "names": ["executeRecaptcha", "action", "sitekey", "executor", "error", "getRecaptchaHeaders", "headerKey", "recaptchaToken", "fetcher", "url", "method", "headers", "body", "timeout", "needRecaptcha", "recaptchaSitekey", "recaptchaAction", "recaptchaHeaderKey", "recaptchaHeaders", "bodyData", "controller", "timeoutTimer", "response"]
 }

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

@@ -1,2 +1,2 @@
-import{jsx as i,jsxs as B}from"react/jsx-runtime";import{Container as b,Heading as h}from"@anker-in/headless-ui";import{useMemo as y,useState as v}from"react";import N from"./RedeemableItem";import R from"../context/hooks/useRedeemableList";import D from"../modal/RulesModal";import{useProductsByHandles as I,useHeadlessContext as S}from"@anker-in/lib";import{classNames as c}from"@anker-in/lib";import{useCreditsContext as _}from"../context/provider";import{ROUNDED_BRANDS as k}from"../../../constants";const K=({copy:s,id:p})=>{const[a,d]=v(),{redeemableList:m}=R(),{pageCommon:u}=_(),{brand:f}=S(),C=k.includes(f),g=[],{data:o}=I({handles:s?.list?.map(e=>e.products?.[0]?.handle)||[],metafieldIdentifiers:{variant:g}}),x=y(()=>o?.map(e=>{const r=(s.list||[]).find(n=>n.products?.[0]?.handle===e.handle),t=m.find(n=>n.id?.toString()===r?.redeemId?.toString()),l=e.variants?.find(n=>n.sku===r?.products?.[0]?.sku)||e.variants?.[0];return!t||!l?null:{product:e,productVariant:l,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:r}}).filter(Boolean),[o,s.list,m]);return B(b,{id:p,className:c("bg-[#F5F5F5]"),children:[i(h,{as:"h2",size:"4",html:s.title}),i("div",{className:"relative mt-[24px] grid grid-cols-4 gap-[16px] l:gap-[12px] md:grid-cols-2 md-xl:grid-cols-3",children:x?.map((e,r)=>i(N,{copy:s,itemData:e,setRules:d,currencyCode:o?.[0]?.price.currencyCode||"USD"},r))}),a&&i(D,{overlayClassName:"md:px-[16px] md:items-center",className:c("md:h-fit md:rounded-b-[16px]",!C&&"md:rounded-none"),isOpen:a.length>0,onClose:()=>d([]),titleClassName:"border-b-transparent h-[56px]",rules:a,scrollClassName:"md:mt-[8px] md:mb-[24px] md:pt-0",title:u?.ruleLabel,ruleClassName:"text-[#1d1d1f] font-bold"})]})};export{K as CreditsCash};
+import{jsx as i,jsxs as k}from"react/jsx-runtime";import{Container as b,Heading as h}from"@anker-in/headless-ui";import{useMemo as y,useState as v}from"react";import N from"./RedeemableItem";import R from"../context/hooks/useRedeemableList";import D from"../modal/RulesModal";import{useProductsByHandles as I,useHeadlessContext as H}from"@anker-in/lib";import{classNames as c}from"@anker-in/lib";import{useCreditsContext as S}from"../context/provider";import{ROUNDED_BRANDS as _}from"../../../constants";const K=({copy:r,id:p})=>{const[o,d]=v(),{redeemableList:m}=R(),{pageCommon:u}=S(),{brand:f}=H(),C=_.includes(f),g=[],{data:a}=I({handles:r?.list?.map(e=>e.products?.[0]?.handle)||[],metafieldIdentifiers:{variant:g}}),x=y(()=>a?.map(e=>{const s=(r.list||[]).find(n=>n.products?.[0]?.handle===e.handle),t=m.find(n=>n.id?.toString()===s?.redeemId?.toString()),l=e.variants?.find(n=>n.sku===s?.products?.[0]?.sku)||e.variants?.[0];return!t||!l?null:{product:e,productVariant:l,productHref:s?.products?.[0]?.href,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:s}}).filter(Boolean),[a,r.list,m]);return k(b,{id:p,className:c("bg-[#F5F5F5]"),children:[i(h,{as:"h2",size:"4",html:r.title}),i("div",{className:"relative mt-[24px] grid grid-cols-4 gap-[16px] l:gap-[12px] md:grid-cols-2 md-xl:grid-cols-3",children:x?.map((e,s)=>i(N,{copy:r,itemData:e,setRules:d,currencyCode:a?.[0]?.price.currencyCode||"USD"},s))}),o&&i(D,{overlayClassName:"md:px-[16px] md:items-center",className:c("md:h-fit md:rounded-b-[16px]",!C&&"md:rounded-none"),isOpen:o.length>0,onClose:()=>d([]),titleClassName:"border-b-transparent h-[56px]",rules:o,scrollClassName:"md:mt-[8px] md:mb-[24px] md:pt-0",title:u?.ruleLabel,ruleClassName:"text-[#1d1d1f] font-bold"})]})};export{K as CreditsCash};
 //# sourceMappingURL=CreditsCash.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/credits/creditsCash/CreditsCash.tsx"],
-  "sourcesContent": ["import { Container, Heading, Text } from '@anker-in/headless-ui'\nimport { useMemo, useState } from 'react'\n\nimport RedeemableItem from './RedeemableItem'\nimport useRedeemableList from '../context/hooks/useRedeemableList'\nimport RulesModal from '../modal/RulesModal'\nimport { useProductsByHandles, useHeadlessContext } from '@anker-in/lib'\nimport { CreditsCashCopy, RedeemItem } from './type'\nimport { Product, classNames as cn } from '@anker-in/lib'\nimport { useCreditsContext } from '../context/provider'\nimport { numberFormat } from '../context/utils'\nimport { ROUNDED_BRANDS } from '../../../constants'\n\nexport const CreditsCash = ({ copy, id }: { copy: CreditsCashCopy; id?: string }) => {\n  const [rules, setRules] = useState<string | string[]>()\n  const { redeemableList } = useRedeemableList()\n  const { pageCommon } = useCreditsContext()\n  const { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  const variantMetafieldIdentifiers: any[] = []\n\n  const { data: productByHandles } = useProductsByHandles({\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\n      ?.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        const productVariant =\n          product.variants?.find((variant: any) => variant.sku === config?.products?.[0]?.sku) || product.variants?.[0]\n        if (!alpcData || !productVariant) return null\n        return {\n          product,\n          productVariant,\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      })\n      .filter(Boolean) as unknown as RedeemItem[]\n  }, [productByHandles, copy.list, redeemableList])\n\n  return (\n    <Container id={id} className={cn('bg-[#F5F5F5]')}>\n      <Heading as=\"h2\" size=\"4\" html={copy.title} />\n\n      <div className=\"relative mt-[24px] grid grid-cols-4 gap-[16px] l:gap-[12px] 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            currencyCode={productByHandles?.[0]?.price.currencyCode || 'USD'}\n          />\n        ))}\n      </div>\n\n      {rules && (\n        <RulesModal\n          overlayClassName=\"md:px-[16px] md:items-center\"\n          className={cn('md:h-fit md:rounded-b-[16px]', !rounded && 'md:rounded-none')}\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={pageCommon?.ruleLabel}\n          ruleClassName=\"text-[#1d1d1f] font-bold\"\n        />\n      )}\n    </Container>\n  )\n}\n"],
-  "mappings": "AAwDI,OACE,OAAAA,EADF,QAAAC,MAAA,oBAxDJ,OAAS,aAAAC,EAAW,WAAAC,MAAqB,wBACzC,OAAS,WAAAC,EAAS,YAAAC,MAAgB,QAElC,OAAOC,MAAoB,mBAC3B,OAAOC,MAAuB,qCAC9B,OAAOC,MAAgB,sBACvB,OAAS,wBAAAC,EAAsB,sBAAAC,MAA0B,gBAEzD,OAAkB,cAAcC,MAAU,gBAC1C,OAAS,qBAAAC,MAAyB,sBAElC,OAAS,kBAAAC,MAAsB,qBAExB,MAAMC,EAAc,CAAC,CAAE,KAAAC,EAAM,GAAAC,CAAG,IAA8C,CACnF,KAAM,CAACC,EAAOC,CAAQ,EAAIb,EAA4B,EAChD,CAAE,eAAAc,CAAe,EAAIZ,EAAkB,EACvC,CAAE,WAAAa,CAAW,EAAIR,EAAkB,EACnC,CAAE,MAAAS,CAAM,EAAIX,EAAmB,EAC/BY,EAAUT,EAAe,SAASQ,CAAK,EAEvCE,EAAqC,CAAC,EAEtC,CAAE,KAAMC,CAAiB,EAAIf,EAAqB,CACtD,QAASM,GAAM,MAAM,IAAIU,GAAQA,EAAK,WAAW,CAAC,GAAG,MAAM,GAAK,CAAC,EACjE,qBAAsB,CACpB,QAASF,CACX,CACF,CAAC,EAEKG,EAAOtB,EAAQ,IACZoB,GACH,IAAKG,GAAqB,CAC1B,MAAMC,GAAUb,EAAK,MAAQ,CAAC,GAAG,KAAKU,GAAQA,EAAK,WAAW,CAAC,GAAG,SAAWE,EAAQ,MAAM,EACrFE,EAAWV,EAAe,KAAKM,GAAQA,EAAK,IAAI,SAAS,IAAMG,GAAQ,UAAU,SAAS,CAAC,EAC3FE,EACJH,EAAQ,UAAU,KAAMI,GAAiBA,EAAQ,MAAQH,GAAQ,WAAW,CAAC,GAAG,GAAG,GAAKD,EAAQ,WAAW,CAAC,EAC9G,MAAI,CAACE,GAAY,CAACC,EAAuB,KAClC,CACL,QAAAH,EACA,eAAAG,EACA,SAAU,CACR,GAAID,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,OAAO,OAAO,EAChB,CAACJ,EAAkBT,EAAK,KAAMI,CAAc,CAAC,EAEhD,OACElB,EAACC,EAAA,CAAU,GAAIc,EAAI,UAAWL,EAAG,cAAc,EAC7C,UAAAX,EAACG,EAAA,CAAQ,GAAG,KAAK,KAAK,IAAI,KAAMY,EAAK,MAAO,EAE5Cf,EAAC,OAAI,UAAU,+FACZ,SAAA0B,GAAM,IAAI,CAACD,EAAMO,IAChBhC,EAACM,EAAA,CAEC,KAAMS,EACN,SAAUU,EACV,SAAUP,EACV,aAAcM,IAAmB,CAAC,GAAG,MAAM,cAAgB,OAJtDQ,CAKP,CACD,EACH,EAECf,GACCjB,EAACQ,EAAA,CACC,iBAAiB,+BACjB,UAAWG,EAAG,+BAAgC,CAACW,GAAW,iBAAiB,EAC3E,OAAQL,EAAM,OAAS,EACvB,QAAS,IAAMC,EAAS,CAAC,CAAC,EAC1B,eAAe,gCACf,MAAOD,EACP,gBAAgB,mCAChB,MAAOG,GAAY,UACnB,cAAc,2BAChB,GAEJ,CAEJ",
+  "sourcesContent": ["import { Container, Heading, Text } from '@anker-in/headless-ui'\nimport { useMemo, useState } from 'react'\n\nimport RedeemableItem from './RedeemableItem'\nimport useRedeemableList from '../context/hooks/useRedeemableList'\nimport RulesModal from '../modal/RulesModal'\nimport { useProductsByHandles, useHeadlessContext } from '@anker-in/lib'\nimport { CreditsCashCopy, RedeemItem } from './type'\nimport { Product, classNames as cn } from '@anker-in/lib'\nimport { useCreditsContext } from '../context/provider'\nimport { numberFormat } from '../context/utils'\nimport { ROUNDED_BRANDS } from '../../../constants'\n\nexport const CreditsCash = ({ copy, id }: { copy: CreditsCashCopy; id?: string }) => {\n  const [rules, setRules] = useState<string | string[]>()\n  const { redeemableList } = useRedeemableList()\n  const { pageCommon } = useCreditsContext()\n  const { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  const variantMetafieldIdentifiers: any[] = []\n\n  const { data: productByHandles } = useProductsByHandles({\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\n      ?.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        const productVariant =\n          product.variants?.find((variant: any) => variant.sku === config?.products?.[0]?.sku) || product.variants?.[0]\n        if (!alpcData || !productVariant) return null\n        return {\n          product,\n          productVariant,\n          productHref: config?.products?.[0]?.href,\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      })\n      .filter(Boolean) as unknown as RedeemItem[]\n  }, [productByHandles, copy.list, redeemableList])\n\n  return (\n    <Container id={id} className={cn('bg-[#F5F5F5]')}>\n      <Heading as=\"h2\" size=\"4\" html={copy.title} />\n\n      <div className=\"relative mt-[24px] grid grid-cols-4 gap-[16px] l:gap-[12px] 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            currencyCode={productByHandles?.[0]?.price.currencyCode || 'USD'}\n          />\n        ))}\n      </div>\n\n      {rules && (\n        <RulesModal\n          overlayClassName=\"md:px-[16px] md:items-center\"\n          className={cn('md:h-fit md:rounded-b-[16px]', !rounded && 'md:rounded-none')}\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={pageCommon?.ruleLabel}\n          ruleClassName=\"text-[#1d1d1f] font-bold\"\n        />\n      )}\n    </Container>\n  )\n}\n"],
+  "mappings": "AAyDI,OACE,OAAAA,EADF,QAAAC,MAAA,oBAzDJ,OAAS,aAAAC,EAAW,WAAAC,MAAqB,wBACzC,OAAS,WAAAC,EAAS,YAAAC,MAAgB,QAElC,OAAOC,MAAoB,mBAC3B,OAAOC,MAAuB,qCAC9B,OAAOC,MAAgB,sBACvB,OAAS,wBAAAC,EAAsB,sBAAAC,MAA0B,gBAEzD,OAAkB,cAAcC,MAAU,gBAC1C,OAAS,qBAAAC,MAAyB,sBAElC,OAAS,kBAAAC,MAAsB,qBAExB,MAAMC,EAAc,CAAC,CAAE,KAAAC,EAAM,GAAAC,CAAG,IAA8C,CACnF,KAAM,CAACC,EAAOC,CAAQ,EAAIb,EAA4B,EAChD,CAAE,eAAAc,CAAe,EAAIZ,EAAkB,EACvC,CAAE,WAAAa,CAAW,EAAIR,EAAkB,EACnC,CAAE,MAAAS,CAAM,EAAIX,EAAmB,EAC/BY,EAAUT,EAAe,SAASQ,CAAK,EAEvCE,EAAqC,CAAC,EAEtC,CAAE,KAAMC,CAAiB,EAAIf,EAAqB,CACtD,QAASM,GAAM,MAAM,IAAIU,GAAQA,EAAK,WAAW,CAAC,GAAG,MAAM,GAAK,CAAC,EACjE,qBAAsB,CACpB,QAASF,CACX,CACF,CAAC,EAEKG,EAAOtB,EAAQ,IACZoB,GACH,IAAKG,GAAqB,CAC1B,MAAMC,GAAUb,EAAK,MAAQ,CAAC,GAAG,KAAKU,GAAQA,EAAK,WAAW,CAAC,GAAG,SAAWE,EAAQ,MAAM,EACrFE,EAAWV,EAAe,KAAKM,GAAQA,EAAK,IAAI,SAAS,IAAMG,GAAQ,UAAU,SAAS,CAAC,EAC3FE,EACJH,EAAQ,UAAU,KAAMI,GAAiBA,EAAQ,MAAQH,GAAQ,WAAW,CAAC,GAAG,GAAG,GAAKD,EAAQ,WAAW,CAAC,EAC9G,MAAI,CAACE,GAAY,CAACC,EAAuB,KAClC,CACL,QAAAH,EACA,eAAAG,EACA,YAAaF,GAAQ,WAAW,CAAC,GAAG,KACpC,SAAU,CACR,GAAIC,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,OAAO,OAAO,EAChB,CAACJ,EAAkBT,EAAK,KAAMI,CAAc,CAAC,EAEhD,OACElB,EAACC,EAAA,CAAU,GAAIc,EAAI,UAAWL,EAAG,cAAc,EAC7C,UAAAX,EAACG,EAAA,CAAQ,GAAG,KAAK,KAAK,IAAI,KAAMY,EAAK,MAAO,EAE5Cf,EAAC,OAAI,UAAU,+FACZ,SAAA0B,GAAM,IAAI,CAACD,EAAMO,IAChBhC,EAACM,EAAA,CAEC,KAAMS,EACN,SAAUU,EACV,SAAUP,EACV,aAAcM,IAAmB,CAAC,GAAG,MAAM,cAAgB,OAJtDQ,CAKP,CACD,EACH,EAECf,GACCjB,EAACQ,EAAA,CACC,iBAAiB,+BACjB,UAAWG,EAAG,+BAAgC,CAACW,GAAW,iBAAiB,EAC3E,OAAQL,EAAM,OAAS,EACvB,QAAS,IAAMC,EAAS,CAAC,CAAC,EAC1B,eAAe,gCACf,MAAOD,EACP,gBAAgB,mCAChB,MAAOG,GAAY,UACnB,cAAc,2BAChB,GAEJ,CAEJ",
   "names": ["jsx", "jsxs", "Container", "Heading", "useMemo", "useState", "RedeemableItem", "useRedeemableList", "RulesModal", "useProductsByHandles", "useHeadlessContext", "cn", "useCreditsContext", "ROUNDED_BRANDS", "CreditsCash", "copy", "id", "rules", "setRules", "redeemableList", "pageCommon", "brand", "rounded", "variantMetafieldIdentifiers", "productByHandles", "item", "list", "product", "config", "alpcData", "productVariant", "variant", "index"]
 }

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

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as i}from"react/jsx-runtime";import{Button as $,Text as c,Picture as N,Badge as A}from"@anker-in/headless-ui";import{useMemo as u,useState as L}from"react";import{useCreditsContext as B}from"../context/provider";import{useRedeemAndBuy as O}from"../context/hooks/useRedeemAndBuy";import{formatPrice as _,numberFormat as P,extractVariantId as S}from"../context/utils";import{gaTrack as V,classNames as o,useHeadlessContext as T}from"@anker-in/lib";import{useRegistration as U}from"../../../components/registration";import{ROUNDED_BRANDS as H}from"../../../constants";function M({copy:r,itemData:e,setRules:w,className:y}){const{creditInfo:f,profile:l,openSignUpPopup:R,pageCommon:p,gtm:{pageGroup:g,pageHandle:s}}=B(),{authCodeActivate:x}=U(),{brand:z,locale:b}=T(),v=H.includes(z),[h,C]=L(null),{trigger:I,isMutating:k}=O({},{onError:n=>{C(n.message)}}),a=u(()=>!!l,[l?.activated]),d=u(()=>a&&l?.activated&&e.alpcData?.consumeCredits>Number(f?.available_credit||0),[a,l?.activated,e.alpcData?.consumeCredits,f?.available_credit]),E=u(()=>!!(e.alpcData?.remainingInventory<=0&&e.alpcData?.isLimited||!e.productVariant?.availableForSale||d),[e.alpcData?.remainingInventory,e.alpcData?.isLimited,e.productVariant?.availableForSale,d]),F=()=>{C(null),a?!l?.activated&&!x.isActivateSuccess?(x.setAutoSendEmail(!0),x.open()):(I({productVariant:e?.productVariant,redeemId:e?.config?.redeemId}),V({event:"ga4Event",event_name:"lp_button",member_active_status:l?.activated?"active":"not active",event_parameters:{page_group:g,position:r.title,button_name:m,info:e?.alpcData?.id?.toString()}})):R()},m=u(()=>e.productVariant?.availableForSale?a?r.btnRedeem:r.unlockRewards:r?.soldOut||"Sold Out",[a,e.productVariant?.availableForSale,r.btnRedeem,r.unlockRewards,r?.soldOut]);return i("div",{className:o("relative flex flex-col items-center rounded-[16px] bg-[#EAEAEC] md:rounded-[12px] px-[24px] pb-[24px] l:px-[8px] l:pb-[8px] md-xl:px-[16px] md-xl:pb-[16px]",!v&&"rounded-none md:rounded-none",r.badgeLabel?"pt-[48px] l:pt-[44px]":"pt-[24px] md-xl:pt-[16px] l:pt-[8px]",y),children:[r.badgeLabel&&t(A,{className:"absolute left-[24px] l:left-[16px] !bg-gradient-brand top-[16px] z-10",size:"lg",variant:"promotional",promotionalType:"regular-member",children:r.badgeLabel}),t("a",{href:S(e.productVariant?.id)?`/products/${e.product.handle}?variant=${S(e.productVariant?.id)}${s?`&ref=${s}`:""}`:`/products/${e.product.handle}${s?`?ref=${s}`:""}`,className:o("relative mx-auto h-[196px] w-fit md:h-[120px] md-xxl:h-[138px]"),children:t(N,{className:"mx-auto h-full w-auto",imgClassName:"h-full object-contain",source:e?.config?.image?.url||e?.productVariant?.metafields?.global?.transparentImg||e?.productVariant?.image?.url})}),i("div",{className:o("mt-[10px] w-full xl:mt-[8px]"),children:[t(c,{html:e?.product?.title,title:e.config?.title||e.alpcData?.title||e.product?.title,size:2,className:"line-clamp-2 h-[58px] text-[24px] l-xxl:text-[20px] l:text-[16px] leading-[1.2] l:h-[38px] l-xxl:h-[48px]"}),e?.config?.rules?.split("<br>")?.length>0&&t("button",{type:"button",onClick:()=>{w(e?.config?.rules?.split("<br>")),V({event:"ga4Event",event_name:"lp_button",member_active_status:l?.activated?"active":"not active",event_parameters:{page_group:g,position:r.title,button_name:p?.ruleLabel,info:e?.alpcData?.id?.toString()}})},className:"mt-[8px] text-[16px] font-bold underline xxl:text-[14px]",tabIndex:0,onKeyDown:n=>{(n.key==="Enter"||n.key===" ")&&n.preventDefault()},children:p?.ruleLabel}),i("div",{className:"flex flex-wrap items-center l:mt-[12px] md:min-h-[46px] laptop:text-[16px] lg-desktop:text-[18px]",children:[t(N,{className:"size-[24px] l-xxl:size-[22px] md-l:size-[18px] md:size-[16px]",source:"https://cdn.shopify.com/s/files/1/0511/6346/3874/files/icon_hire_purchase.png?v=1757496783"}),t(c,{html:`${P(e?.alpcData?.consumeCredits)} + ${_({amount:Number(e?.config?.price),currencyCode:e?.productVariant?.price.currencyCode||"USD",locale:b})}`,size:2,as:"p",className:"ml-[4px] mt-[4px] font-bold leading-none text-[24px] l-xxl:text-[20px] l:text-[16px]"}),t(c,{html:_({amount:e?.productVariant?.price.amount,currencyCode:e?.productVariant?.price.currencyCode||"USD",locale:b}),className:"l-xxl:text-[20px] mt-[4px] l:text-[16px] ml-[4px] font-bold leading-[1.2] tracking-[-0.8px] text-[#4A4C56] line-through",as:"p"})]}),i("div",{className:"group relative w-full mt-[8px]",children:[t($,{disabled:E,variant:"primary",size:"lg",className:"mt-[8px] md:px-[10px] l:w-full",loading:k,onClick:()=>{F()},title:d?p.insufficientCredits:m,children:m}),t("div",{className:o("absolute -bottom-[20px] left-0 z-10 w-[300px] translate-y-full opacity-0 transition-opacity group-hover:opacity-100 md:-bottom-[14px] md:w-[160px]",d?"block":"hidden"),children:i("div",{className:o("relative rounded-[10px] bg-[#6D6D6F] p-[16px] text-[14px] font-medium text-white shadow md:px-[10px] md:py-[8px]",!v&&"rounded-none"),children:[t(c,{as:"p",size:"2",html:p?.insufficientCredits,className:"text-[14px]"}),t("div",{className:"absolute -top-[10px] left-[48px] mb-2 size-[16px] origin-top-left rotate-45 transform rounded-[2px] bg-[#6D6D6F]"})]})})]})]}),h&&t("div",{className:"mt-[8px] text-[14px] text-[#FF0000]",children:h})]})}var ee=M;export{ee as default};
+import{jsx as t,jsxs as i}from"react/jsx-runtime";import{Button as $,Text as c,Picture as N,Badge as A}from"@anker-in/headless-ui";import{useMemo as u,useState as L}from"react";import{useCreditsContext as B}from"../context/provider";import{useRedeemAndBuy as O}from"../context/hooks/useRedeemAndBuy";import{formatPrice as _,numberFormat as P,extractVariantId as S}from"../context/utils";import{gaTrack as V,classNames as o,useHeadlessContext as T}from"@anker-in/lib";import{useRegistration as U}from"../../../components/registration";import{ROUNDED_BRANDS as H}from"../../../constants";function M({copy:r,itemData:e,setRules:w,className:y}){const{creditInfo:f,profile:l,openSignUpPopup:R,pageCommon:p,gtm:{pageGroup:g,pageHandle:s}}=B(),{authCodeActivate:x}=U(),{brand:z,locale:b}=T(),v=H.includes(z),[h,C]=L(null),{trigger:I,isMutating:k}=O({},{onError:n=>{C(n.message)}}),a=u(()=>!!l,[l?.activated]),d=u(()=>a&&l?.activated&&e.alpcData?.consumeCredits>Number(f?.available_credit||0),[a,l?.activated,e.alpcData?.consumeCredits,f?.available_credit]),E=u(()=>!!(e.alpcData?.remainingInventory<=0&&e.alpcData?.isLimited||!e.productVariant?.availableForSale||d),[e.alpcData?.remainingInventory,e.alpcData?.isLimited,e.productVariant?.availableForSale,d]),F=()=>{C(null),a?!l?.activated&&!x.isActivateSuccess?(x.setAutoSendEmail(!0),x.open()):(I({productVariant:e?.productVariant,redeemId:e?.config?.redeemId}),V({event:"ga4Event",event_name:"lp_button",member_active_status:l?.activated?"active":"not active",event_parameters:{page_group:g,position:r.title,button_name:m,info:e?.alpcData?.id?.toString()}})):R()},m=u(()=>e.productVariant?.availableForSale?a?r.btnRedeem:r.unlockRewards:r?.soldOut||"Sold Out",[a,e.productVariant?.availableForSale,r.btnRedeem,r.unlockRewards,r?.soldOut]);return i("div",{className:o("relative flex flex-col items-center rounded-[16px] bg-[#EAEAEC] md:rounded-[12px] px-[24px] pb-[24px] l:px-[8px] l:pb-[8px] md-xl:px-[16px] md-xl:pb-[16px]",!v&&"rounded-none md:rounded-none",r.badgeLabel?"pt-[48px] l:pt-[44px]":"pt-[24px] md-xl:pt-[16px] l:pt-[8px]",y),children:[r.badgeLabel&&t(A,{className:"absolute left-[24px] l:left-[16px] !bg-gradient-brand top-[16px] z-10",size:"lg",variant:"promotional",promotionalType:"regular-member",children:r.badgeLabel}),t("a",{href:e.productHref??(S(e.productVariant?.id)?`/products/${e.product.handle}?variant=${S(e.productVariant?.id)}${s?`&ref=${s}`:""}`:`/products/${e.product.handle}${s?`?ref=${s}`:""}`),className:o("relative mx-auto h-[196px] w-fit md:h-[120px] md-xxl:h-[138px]"),children:t(N,{className:"mx-auto h-full w-auto",imgClassName:"h-full object-contain",source:e?.config?.image?.url||e?.productVariant?.metafields?.global?.transparentImg||e?.productVariant?.image?.url})}),i("div",{className:o("mt-[10px] w-full xl:mt-[8px]"),children:[t(c,{html:e?.product?.title,title:e.config?.title||e.alpcData?.title||e.product?.title,size:2,className:"line-clamp-2 h-[58px] text-[24px] l-xxl:text-[20px] l:text-[16px] leading-[1.2] l:h-[38px] l-xxl:h-[48px]"}),e?.config?.rules?.split("<br>")?.length>0&&t("button",{type:"button",onClick:()=>{w(e?.config?.rules?.split("<br>")),V({event:"ga4Event",event_name:"lp_button",member_active_status:l?.activated?"active":"not active",event_parameters:{page_group:g,position:r.title,button_name:p?.ruleLabel,info:e?.alpcData?.id?.toString()}})},className:"mt-[8px] text-[16px] font-bold underline xxl:text-[14px]",tabIndex:0,onKeyDown:n=>{(n.key==="Enter"||n.key===" ")&&n.preventDefault()},children:p?.ruleLabel}),i("div",{className:"flex flex-wrap items-center l:mt-[12px] md:min-h-[46px] laptop:text-[16px] lg-desktop:text-[18px]",children:[t(N,{className:"size-[24px] l-xxl:size-[22px] md-l:size-[18px] md:size-[16px]",source:"https://cdn.shopify.com/s/files/1/0511/6346/3874/files/icon_hire_purchase.png?v=1757496783"}),t(c,{html:`${P(e?.alpcData?.consumeCredits)} + ${_({amount:Number(e?.config?.price),currencyCode:e?.productVariant?.price.currencyCode||"USD",locale:b})}`,size:2,as:"p",className:"ml-[4px] mt-[4px] font-bold leading-none text-[24px] l-xxl:text-[20px] l:text-[16px]"}),t(c,{html:_({amount:e?.productVariant?.price.amount,currencyCode:e?.productVariant?.price.currencyCode||"USD",locale:b}),className:"l-xxl:text-[20px] mt-[4px] l:text-[16px] ml-[4px] font-bold leading-[1.2] tracking-[-0.8px] text-[#4A4C56] line-through",as:"p"})]}),i("div",{className:"group relative w-full mt-[8px]",children:[t($,{disabled:E,variant:"primary",size:"lg",className:"mt-[8px] md:px-[10px] l:w-full",loading:k,onClick:()=>{F()},title:d?p.insufficientCredits:m,children:m}),t("div",{className:o("absolute -bottom-[20px] left-0 z-10 w-[300px] translate-y-full opacity-0 transition-opacity group-hover:opacity-100 md:-bottom-[14px] md:w-[160px]",d?"block":"hidden"),children:i("div",{className:o("relative rounded-[10px] bg-[#6D6D6F] p-[16px] text-[14px] font-medium text-white shadow md:px-[10px] md:py-[8px]",!v&&"rounded-none"),children:[t(c,{as:"p",size:"2",html:p?.insufficientCredits,className:"text-[14px]"}),t("div",{className:"absolute -top-[10px] left-[48px] mb-2 size-[16px] origin-top-left rotate-45 transform rounded-[2px] bg-[#6D6D6F]"})]})})]})]}),h&&t("div",{className:"mt-[8px] text-[14px] text-[#FF0000]",children:h})]})}var ee=M;export{ee as default};
 //# sourceMappingURL=RedeemableItem.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/credits/creditsCash/RedeemableItem.tsx"],
-  "sourcesContent": ["import { Button, Text, Picture, Badge } from '@anker-in/headless-ui'\nimport { useMemo, useState } from 'react'\n\nimport { CreditsCashCopy, RedeemItem } from './type'\nimport { useCreditsContext } from '../context/provider'\nimport { useRedeemAndBuy } from '../context/hooks/useRedeemAndBuy'\nimport { formatPrice, numberFormat, extractVariantId } from '../context/utils'\nimport { gaTrack, classNames as cn, useHeadlessContext } from '@anker-in/lib'\nimport { useRegistration } from '../../../components/registration'\nimport { ROUNDED_BRANDS } from '../../../constants'\n\nfunction RedeemableItem({\n  copy,\n  itemData,\n  setRules,\n  className,\n}: {\n  copy: CreditsCashCopy\n  itemData: RedeemItem\n  className?: string\n  setRules: (rules: string[]) => void\n  currencyCode: string\n}) {\n  const {\n    creditInfo,\n    profile,\n    openSignUpPopup,\n    pageCommon,\n    gtm: { pageGroup, pageHandle },\n  } = useCreditsContext()\n  const { authCodeActivate } = useRegistration()\n  const { brand, locale } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n  const [error, setError] = useState<string | null>(null)\n  const { trigger, isMutating } = useRedeemAndBuy(\n    {},\n    {\n      onError: error => {\n        setError(error.message)\n      },\n    }\n  )\n\n  const isLogin = useMemo(() => {\n    return !!profile\n  }, [profile?.activated])\n\n  const inSufficientCredit = useMemo(() => {\n    return (\n      isLogin && profile?.activated && itemData.alpcData?.consumeCredits > Number(creditInfo?.available_credit || 0)\n    )\n  }, [isLogin, profile?.activated, itemData.alpcData?.consumeCredits, creditInfo?.available_credit])\n\n  const isDisabled = useMemo(() => {\n    // \u5151\u6362\u9650\u5236\n    if (itemData.alpcData?.remainingInventory <= 0 && itemData.alpcData?.isLimited) {\n      return true\n    }\n\n    // \u5546\u54C1\u5E93\u5B58\u9650\u5236\n    if (!itemData.productVariant?.availableForSale) {\n      return true\n    }\n\n    // \u79EF\u5206\u4E0D\u8DB3\n    if (inSufficientCredit) {\n      return true\n    }\n    return false\n  }, [\n    itemData.alpcData?.remainingInventory,\n    itemData.alpcData?.isLimited,\n    itemData.productVariant?.availableForSale,\n    inSufficientCredit,\n  ])\n\n  const handleRedeem = () => {\n    setError(null)\n    if (!isLogin) {\n      openSignUpPopup()\n    } else if (!profile?.activated && !authCodeActivate.isActivateSuccess) {\n      authCodeActivate.setAutoSendEmail(true)\n      authCodeActivate.open()\n    } else {\n      trigger({\n        productVariant: itemData?.productVariant,\n        redeemId: itemData?.config?.redeemId,\n      })\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'lp_button',\n        member_active_status: profile?.activated ? 'active' : 'not active',\n        event_parameters: {\n          page_group: pageGroup,\n          position: copy.title,\n          button_name: redeemButtonText,\n          info: itemData?.alpcData?.id?.toString(),\n        },\n      })\n    }\n  }\n\n  const redeemButtonText = useMemo(() => {\n    // \u7F3A\u8D27\u6587\u6848\n    if (!itemData.productVariant?.availableForSale) {\n      return copy?.soldOut || 'Sold Out'\n    } else if (!isLogin) {\n      return copy.unlockRewards\n    } else {\n      return copy.btnRedeem\n    }\n  }, [isLogin, itemData.productVariant?.availableForSale, copy.btnRedeem, copy.unlockRewards, copy?.soldOut])\n\n  return (\n    <div\n      className={cn(\n        'relative flex flex-col items-center rounded-[16px] bg-[#EAEAEC] md:rounded-[12px] px-[24px] pb-[24px] l:px-[8px] l:pb-[8px] md-xl:px-[16px] md-xl:pb-[16px]',\n        !rounded && 'rounded-none md:rounded-none',\n        copy.badgeLabel ? 'pt-[48px] l:pt-[44px]' : 'pt-[24px] md-xl:pt-[16px] l:pt-[8px]',\n        className\n      )}\n    >\n      {/* Redeem \u6807\u7B7E Badge */}\n      {copy.badgeLabel && (\n        <Badge\n          className=\"absolute left-[24px] l:left-[16px] !bg-gradient-brand top-[16px] z-10\"\n          size=\"lg\"\n          variant=\"promotional\"\n          promotionalType=\"regular-member\"\n        >\n          {copy.badgeLabel}\n        </Badge>\n      )}\n\n      <a\n        href={\n          extractVariantId(itemData.productVariant?.id)\n            ? `/products/${itemData.product.handle}?variant=${extractVariantId(itemData.productVariant?.id)}${pageHandle ? `&ref=${pageHandle}` : ''}`\n            : `/products/${itemData.product.handle}${pageHandle ? `?ref=${pageHandle}` : ''}`\n        }\n        className={cn('relative mx-auto h-[196px] w-fit md:h-[120px] md-xxl:h-[138px]')}\n      >\n        <Picture\n          className=\"mx-auto h-full w-auto\"\n          imgClassName=\"h-full object-contain\"\n          source={\n            itemData?.config?.image?.url ||\n            itemData?.productVariant?.metafields?.global?.transparentImg ||\n            itemData?.productVariant?.image?.url\n          }\n        ></Picture>\n      </a>\n      <div className={cn('mt-[10px] w-full xl:mt-[8px]')}>\n        <Text\n          html={itemData?.product?.title}\n          title={itemData.config?.title || itemData.alpcData?.title || itemData.product?.title}\n          size={2}\n          className=\"line-clamp-2 h-[58px] text-[24px] l-xxl:text-[20px] l:text-[16px] leading-[1.2] l:h-[38px] l-xxl:h-[48px]\"\n        />\n        {itemData?.config?.rules?.split('<br>')?.length > 0 && (\n          <button\n            type=\"button\"\n            onClick={() => {\n              setRules(itemData?.config?.rules?.split('<br>'))\n              gaTrack({\n                event: 'ga4Event',\n                event_name: 'lp_button',\n                member_active_status: profile?.activated ? 'active' : 'not active',\n                event_parameters: {\n                  page_group: pageGroup,\n                  position: copy.title,\n                  button_name: pageCommon?.ruleLabel,\n                  info: itemData?.alpcData?.id?.toString(),\n                },\n              })\n            }}\n            className=\"mt-[8px] text-[16px] font-bold underline xxl:text-[14px]\"\n            tabIndex={0}\n            onKeyDown={e => {\n              if (e.key === 'Enter' || e.key === ' ') {\n                e.preventDefault()\n              }\n            }}\n          >\n            {pageCommon?.ruleLabel}\n          </button>\n        )}\n\n        <div className=\"flex flex-wrap items-center l:mt-[12px] md:min-h-[46px] laptop:text-[16px] lg-desktop:text-[18px]\">\n          <Picture\n            className=\"size-[24px] l-xxl:size-[22px] md-l:size-[18px] md:size-[16px]\"\n            source=\"https://cdn.shopify.com/s/files/1/0511/6346/3874/files/icon_hire_purchase.png?v=1757496783\"\n          />\n          <Text\n            html={`${numberFormat(itemData?.alpcData?.consumeCredits)} + ${formatPrice({\n              amount: Number(itemData?.config?.price),\n              currencyCode: itemData?.productVariant?.price.currencyCode || 'USD',\n              locale: locale,\n            })}`}\n            size={2}\n            as=\"p\"\n            className=\"ml-[4px] mt-[4px] font-bold leading-none text-[24px] l-xxl:text-[20px] l:text-[16px]\"\n          />\n          <Text\n            html={formatPrice({\n              amount: itemData?.productVariant?.price.amount,\n              currencyCode: itemData?.productVariant?.price.currencyCode || 'USD',\n              locale: locale,\n            })}\n            className=\"l-xxl:text-[20px] mt-[4px] l:text-[16px] ml-[4px] font-bold leading-[1.2] tracking-[-0.8px] text-[#4A4C56] line-through\"\n            as=\"p\"\n          />\n        </div>\n\n        <div className=\"group relative w-full mt-[8px]\">\n          <Button\n            disabled={isDisabled}\n            variant=\"primary\"\n            size=\"lg\"\n            className=\"mt-[8px] md:px-[10px] l:w-full\"\n            loading={isMutating}\n            onClick={() => {\n              handleRedeem()\n            }}\n            title={inSufficientCredit ? pageCommon.insufficientCredits : redeemButtonText}\n          >\n            {redeemButtonText}\n          </Button>\n          <div\n            className={cn(\n              'absolute -bottom-[20px] left-0 z-10 w-[300px] translate-y-full opacity-0 transition-opacity group-hover:opacity-100 md:-bottom-[14px] md:w-[160px]',\n              inSufficientCredit ? 'block' : 'hidden'\n            )}\n          >\n            <div\n              className={cn(\n                'relative rounded-[10px] bg-[#6D6D6F] p-[16px] text-[14px] font-medium text-white shadow md:px-[10px] md:py-[8px]',\n                !rounded && 'rounded-none'\n              )}\n            >\n              <Text as=\"p\" size=\"2\" html={pageCommon?.insufficientCredits} className=\"text-[14px]\" />\n              <div className=\"absolute -top-[10px] left-[48px] mb-2 size-[16px] origin-top-left rotate-45 transform rounded-[2px] bg-[#6D6D6F]\" />\n            </div>\n          </div>\n        </div>\n      </div>\n      {error && <div className=\"mt-[8px] text-[14px] text-[#FF0000]\">{error}</div>}\n    </div>\n  )\n}\n\nexport default RedeemableItem\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { Button, Text, Picture, Badge } from '@anker-in/headless-ui'\nimport { useMemo, useState } from 'react'\n\nimport { CreditsCashCopy, RedeemItem } from './type'\nimport { useCreditsContext } from '../context/provider'\nimport { useRedeemAndBuy } from '../context/hooks/useRedeemAndBuy'\nimport { formatPrice, numberFormat, extractVariantId } from '../context/utils'\nimport { gaTrack, classNames as cn, useHeadlessContext } from '@anker-in/lib'\nimport { useRegistration } from '../../../components/registration'\nimport { ROUNDED_BRANDS } from '../../../constants'\n\nfunction RedeemableItem({\n  copy,\n  itemData,\n  setRules,\n  className,\n}: {\n  copy: CreditsCashCopy\n  itemData: RedeemItem\n  className?: string\n  setRules: (rules: string[]) => void\n  currencyCode: string\n}) {\n  const {\n    creditInfo,\n    profile,\n    openSignUpPopup,\n    pageCommon,\n    gtm: { pageGroup, pageHandle },\n  } = useCreditsContext()\n  const { authCodeActivate } = useRegistration()\n  const { brand, locale } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n  const [error, setError] = useState<string | null>(null)\n  const { trigger, isMutating } = useRedeemAndBuy(\n    {},\n    {\n      onError: error => {\n        setError(error.message)\n      },\n    }\n  )\n\n  const isLogin = useMemo(() => {\n    return !!profile\n  }, [profile?.activated])\n\n  const inSufficientCredit = useMemo(() => {\n    return (\n      isLogin && profile?.activated && itemData.alpcData?.consumeCredits > Number(creditInfo?.available_credit || 0)\n    )\n  }, [isLogin, profile?.activated, itemData.alpcData?.consumeCredits, creditInfo?.available_credit])\n\n  const isDisabled = useMemo(() => {\n    // \u5151\u6362\u9650\u5236\n    if (itemData.alpcData?.remainingInventory <= 0 && itemData.alpcData?.isLimited) {\n      return true\n    }\n\n    // \u5546\u54C1\u5E93\u5B58\u9650\u5236\n    if (!itemData.productVariant?.availableForSale) {\n      return true\n    }\n\n    // \u79EF\u5206\u4E0D\u8DB3\n    if (inSufficientCredit) {\n      return true\n    }\n    return false\n  }, [\n    itemData.alpcData?.remainingInventory,\n    itemData.alpcData?.isLimited,\n    itemData.productVariant?.availableForSale,\n    inSufficientCredit,\n  ])\n\n  const handleRedeem = () => {\n    setError(null)\n    if (!isLogin) {\n      openSignUpPopup()\n    } else if (!profile?.activated && !authCodeActivate.isActivateSuccess) {\n      authCodeActivate.setAutoSendEmail(true)\n      authCodeActivate.open()\n    } else {\n      trigger({\n        productVariant: itemData?.productVariant,\n        redeemId: itemData?.config?.redeemId,\n      })\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'lp_button',\n        member_active_status: profile?.activated ? 'active' : 'not active',\n        event_parameters: {\n          page_group: pageGroup,\n          position: copy.title,\n          button_name: redeemButtonText,\n          info: itemData?.alpcData?.id?.toString(),\n        },\n      })\n    }\n  }\n\n  const redeemButtonText = useMemo(() => {\n    // \u7F3A\u8D27\u6587\u6848\n    if (!itemData.productVariant?.availableForSale) {\n      return copy?.soldOut || 'Sold Out'\n    } else if (!isLogin) {\n      return copy.unlockRewards\n    } else {\n      return copy.btnRedeem\n    }\n  }, [isLogin, itemData.productVariant?.availableForSale, copy.btnRedeem, copy.unlockRewards, copy?.soldOut])\n\n  return (\n    <div\n      className={cn(\n        'relative flex flex-col items-center rounded-[16px] bg-[#EAEAEC] md:rounded-[12px] px-[24px] pb-[24px] l:px-[8px] l:pb-[8px] md-xl:px-[16px] md-xl:pb-[16px]',\n        !rounded && 'rounded-none md:rounded-none',\n        copy.badgeLabel ? 'pt-[48px] l:pt-[44px]' : 'pt-[24px] md-xl:pt-[16px] l:pt-[8px]',\n        className\n      )}\n    >\n      {/* Redeem \u6807\u7B7E Badge */}\n      {copy.badgeLabel && (\n        <Badge\n          className=\"absolute left-[24px] l:left-[16px] !bg-gradient-brand top-[16px] z-10\"\n          size=\"lg\"\n          variant=\"promotional\"\n          promotionalType=\"regular-member\"\n        >\n          {copy.badgeLabel}\n        </Badge>\n      )}\n\n      <a\n        href={\n          itemData.productHref ?? (\n            extractVariantId(itemData.productVariant?.id)\n              ? `/products/${itemData.product.handle}?variant=${extractVariantId(itemData.productVariant?.id)}${pageHandle ? `&ref=${pageHandle}` : ''}`\n              : `/products/${itemData.product.handle}${pageHandle ? `?ref=${pageHandle}` : ''}`\n          )\n        }\n        className={cn('relative mx-auto h-[196px] w-fit md:h-[120px] md-xxl:h-[138px]')}\n      >\n        <Picture\n          className=\"mx-auto h-full w-auto\"\n          imgClassName=\"h-full object-contain\"\n          source={\n            itemData?.config?.image?.url ||\n            itemData?.productVariant?.metafields?.global?.transparentImg ||\n            itemData?.productVariant?.image?.url\n          }\n        ></Picture>\n      </a>\n      <div className={cn('mt-[10px] w-full xl:mt-[8px]')}>\n        <Text\n          html={itemData?.product?.title}\n          title={itemData.config?.title || itemData.alpcData?.title || itemData.product?.title}\n          size={2}\n          className=\"line-clamp-2 h-[58px] text-[24px] l-xxl:text-[20px] l:text-[16px] leading-[1.2] l:h-[38px] l-xxl:h-[48px]\"\n        />\n        {itemData?.config?.rules?.split('<br>')?.length > 0 && (\n          <button\n            type=\"button\"\n            onClick={() => {\n              setRules(itemData?.config?.rules?.split('<br>'))\n              gaTrack({\n                event: 'ga4Event',\n                event_name: 'lp_button',\n                member_active_status: profile?.activated ? 'active' : 'not active',\n                event_parameters: {\n                  page_group: pageGroup,\n                  position: copy.title,\n                  button_name: pageCommon?.ruleLabel,\n                  info: itemData?.alpcData?.id?.toString(),\n                },\n              })\n            }}\n            className=\"mt-[8px] text-[16px] font-bold underline xxl:text-[14px]\"\n            tabIndex={0}\n            onKeyDown={e => {\n              if (e.key === 'Enter' || e.key === ' ') {\n                e.preventDefault()\n              }\n            }}\n          >\n            {pageCommon?.ruleLabel}\n          </button>\n        )}\n\n        <div className=\"flex flex-wrap items-center l:mt-[12px] md:min-h-[46px] laptop:text-[16px] lg-desktop:text-[18px]\">\n          <Picture\n            className=\"size-[24px] l-xxl:size-[22px] md-l:size-[18px] md:size-[16px]\"\n            source=\"https://cdn.shopify.com/s/files/1/0511/6346/3874/files/icon_hire_purchase.png?v=1757496783\"\n          />\n          <Text\n            html={`${numberFormat(itemData?.alpcData?.consumeCredits)} + ${formatPrice({\n              amount: Number(itemData?.config?.price),\n              currencyCode: itemData?.productVariant?.price.currencyCode || 'USD',\n              locale: locale,\n            })}`}\n            size={2}\n            as=\"p\"\n            className=\"ml-[4px] mt-[4px] font-bold leading-none text-[24px] l-xxl:text-[20px] l:text-[16px]\"\n          />\n          <Text\n            html={formatPrice({\n              amount: itemData?.productVariant?.price.amount,\n              currencyCode: itemData?.productVariant?.price.currencyCode || 'USD',\n              locale: locale,\n            })}\n            className=\"l-xxl:text-[20px] mt-[4px] l:text-[16px] ml-[4px] font-bold leading-[1.2] tracking-[-0.8px] text-[#4A4C56] line-through\"\n            as=\"p\"\n          />\n        </div>\n\n        <div className=\"group relative w-full mt-[8px]\">\n          <Button\n            disabled={isDisabled}\n            variant=\"primary\"\n            size=\"lg\"\n            className=\"mt-[8px] md:px-[10px] l:w-full\"\n            loading={isMutating}\n            onClick={() => {\n              handleRedeem()\n            }}\n            title={inSufficientCredit ? pageCommon.insufficientCredits : redeemButtonText}\n          >\n            {redeemButtonText}\n          </Button>\n          <div\n            className={cn(\n              'absolute -bottom-[20px] left-0 z-10 w-[300px] translate-y-full opacity-0 transition-opacity group-hover:opacity-100 md:-bottom-[14px] md:w-[160px]',\n              inSufficientCredit ? 'block' : 'hidden'\n            )}\n          >\n            <div\n              className={cn(\n                'relative rounded-[10px] bg-[#6D6D6F] p-[16px] text-[14px] font-medium text-white shadow md:px-[10px] md:py-[8px]',\n                !rounded && 'rounded-none'\n              )}\n            >\n              <Text as=\"p\" size=\"2\" html={pageCommon?.insufficientCredits} className=\"text-[14px]\" />\n              <div className=\"absolute -top-[10px] left-[48px] mb-2 size-[16px] origin-top-left rotate-45 transform rounded-[2px] bg-[#6D6D6F]\" />\n            </div>\n          </div>\n        </div>\n      </div>\n      {error && <div className=\"mt-[8px] text-[14px] text-[#FF0000]\">{error}</div>}\n    </div>\n  )\n}\n\nexport default RedeemableItem\n"],
+  "mappings": "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",
   "names": ["jsx", "jsxs", "Button", "Text", "Picture", "Badge", "useMemo", "useState", "useCreditsContext", "useRedeemAndBuy", "formatPrice", "numberFormat", "extractVariantId", "gaTrack", "cn", "useHeadlessContext", "useRegistration", "ROUNDED_BRANDS", "RedeemableItem", "copy", "itemData", "setRules", "className", "creditInfo", "profile", "openSignUpPopup", "pageCommon", "pageGroup", "pageHandle", "authCodeActivate", "brand", "locale", "rounded", "error", "setError", "trigger", "isMutating", "isLogin", "inSufficientCredit", "isDisabled", "handleRedeem", "redeemButtonText", "e", "RedeemableItem_default"]
 }

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

@@ -20,6 +20,7 @@ export type CreditsCashCopy = {
         products: {
             handle: string;
             sku: string;
+            href?: string;
         }[];
     })[];
     soldOut: string;
@@ -31,6 +32,7 @@ export type CreditsCashCopy = {
 export type RedeemItem = {
     product: Product;
     productVariant: ProductVariant;
+    productHref?: string;
     alpcData: {
         id: number;
         consumeCredits: number;

package/dist/esm/components/credits/creditsMemberPrice/CreditsMemberPrice.js

@@ -1,2 +1,2 @@
-import{Fragment as U,jsx as o,jsxs as P}from"react/jsx-runtime";import{Container as Z,Heading as $,Tabs as j,TabsList as ee,TabsTrigger as te}from"@anker-in/headless-ui";import{useMemo as u,useState as p,useEffect as B,useCallback as f,useRef as re}from"react";import D from"decimal.js";import ne from"./MemberPriceItem";import ae from"../creditsCash/RedeemableItem";import se from"../context/hooks/useRedeemableList";import ie from"../modal/RulesModal";import{Pagination as z}from"./Pagination";import{useProductsByHandles as G,useHeadlessContext as oe,gaTrack as le}from"@anker-in/lib";import{classNames as O}from"@anker-in/lib";import{useCreditsContext as me}from"../context/provider";import{FunctionDiscountType as w}from"../context/memberPriceConst";import{ROUNDED_BRANDS as ce}from"../../../constants";const Me=({copy:s,id:W})=>{const[b,q]=p(s.tabs[0]?.type||"memberPrice"),[v,k]=p(),[m,_]=p(1),[l,g]=p(9),{redeemableList:R}=se(),{pageCommon:J,memberPriceDiscount:h,profile:M,gtm:N}=me(),{brand:K}=oe(),Q=ce.includes(K),C=re(null),L=[{namespace:"global",key:"transparentImg"},{namespace:"__discountCodeApp",key:"data"}];B(()=>{const t=()=>{const r=window.innerWidth;r>=1440?g(12):r>=1024?g(9):r>=768?g(12):g(8)};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[]),B(()=>{_(1)},[b,l]);const c=u(()=>!h||!s.memberPriceTab.memberPriceRuleId?null:h.find(t=>String(t.rule_id)===String(s.memberPriceTab.memberPriceRuleId)),[h,s.memberPriceTab.memberPriceRuleId]),X=u(()=>c?(c.result_detail?.member_discounts?.filter(e=>e.user_identity===1)||[]).flatMap(e=>e.main_products?.variants?.map(a=>a.handle)||[]):[],[c]),{data:T}=G({handles:X,metafieldIdentifiers:{variant:L}}),{data:x}=G({handles:s?.redeemTab?.list?.map(t=>t.products?.[0]?.handle)||[],metafieldIdentifiers:{variant:L}}),F=f(t=>{try{const r=t?.metafields?.__discountCodeApp?.data;if(!r)return 0;const e=r;if(!Array.isArray(e)||e.length===0)return 0;const a=new Date,n=e.find(i=>{const d=i.starts_at?new Date(i.starts_at):null,V=i.ends_at?new Date(i.ends_at):null;return!(d&&d>a||V&&V<a)});return n?.fixed_value?parseFloat(n.fixed_value):0}catch(r){return console.error("Failed to get coupon discount:",r),0}},[]),A=f((t,r,e)=>{const a=r?.discount_conf;if(!a)return null;let n=new D(t);switch(a.discount_type){case w.Percentage:n=n.mul(100-a.discount_value).div(100);break;case w.FixedAmount:n=n.sub(a.discount_value);break;case w.FixedPrice:n=new D(a.discount_value);break}if(e){const i=F(e);i>0&&(n=n.sub(i))}return n.lessThan(0)&&(n=new D(0)),{memberPrice:n.toNumber(),originalPrice:t}},[F]),y=u(()=>!c||!T?[]:(c.result_detail?.member_discounts?.filter(e=>e.user_identity===1)||[]).flatMap(e=>(e.main_products?.variants||[]).map(a=>({...a,discount:e}))).map(e=>{const a=T.find(d=>d.handle===e.handle);if(!a)return null;const n=a.variants?.find(d=>d.sku===e.sku)||a.variants?.[0];if(!n||!n.availableForSale)return null;const i=A(n.price.amount,e.discount,n);return i?{product:a,productVariant:n,memberPrice:i.memberPrice,originalPrice:i.originalPrice}:null})?.filter(Boolean)||[],[c,T,A]),I=u(()=>x?.map(t=>{const r=s.redeemTab.list.find(n=>n.products?.[0]?.handle===t.handle),e=R.find(n=>n.id?.toString()===r?.redeemId?.toString()),a=t.variants?.find(n=>n.sku===r?.products?.[0]?.sku)||t.variants?.[0];return!e||!a||!a.availableForSale||e.is_limited&&e.remaining_inventory<=0?null:{product:t,productVariant:a,alpcData:{id:e?.id,consumeCredits:e?.consume_credits,remainingInventory:e?.remaining_inventory,isLimited:e?.is_limited,consumeType:e?.consume_type,title:e?.name,desc:e?.note},config:r}}).filter(Boolean),[x,s.redeemTab.list,R]),S=u(()=>{const t=y?.length||0,r=Math.ceil(t/l),e=(m-1)*l,a=e+l,n=y?.slice(e,a)||[];return{totalPages:r,currentItems:n,showPagination:r>1}},[y,m,l]),E=u(()=>{const t=I?.length||0,r=Math.ceil(t/l),e=(m-1)*l,a=e+l,n=I?.slice(e,a)||[];return{totalPages:r,currentItems:n,showPagination:r>1}},[I,m,l]),H=f(t=>{if(_(t),C.current){const r=C.current.offsetTop;window.scrollTo({top:r-80,behavior:"smooth"})}},[_]),Y=f(t=>{const r=t;q(r);const a=s.tabs.find(n=>n.type===r)?.label||"";le({event:"ga4Event",event_name:"lp_button",member_active_status:M?.activated?"active":"not active",event_parameters:{page_group:N.pageGroup,position:s.title,button_name:a}})},[s.tabs,s.title,M?.activated,N.pageGroup]);return P(Z,{id:W,className:O("bg-[#F5F5F5]"),ref:C,children:[o($,{as:"h2",size:"4",html:s.title,className:"mx:px-[16px]"}),o(j,{align:"left",className:"mt-[24px]",value:b,onValueChange:Y,children:o(ee,{children:s.tabs.map((t,r)=>o(te,{value:t.type,children:t.label},r))})}),P("div",{className:"relative mt-[24px]",children:[b==="memberPrice"&&P(U,{children:[o("div",{className:"grid md:grid-cols-2 gap-[12px] grid-cols-4 md-xl:grid-cols-3 lg:gap-[16px]",children:S.currentItems?.map((t,r)=>o(ne,{itemData:t,copy:s.memberPriceTab},r))}),o(z,{currentPage:m,totalPages:S.totalPages,onPageChange:H})]}),b==="redeem"&&P(U,{children:[o("div",{className:"grid md:grid-cols-2 gap-[12px] grid-cols-4 md-xl:grid-cols-3 lg:gap-[16px]",children:E.currentItems?.map((t,r)=>o(ae,{copy:{title:s.title,...s.redeemTab},itemData:t,setRules:k,currencyCode:x?.[0]?.price.currencyCode||"USD"},r))}),o(z,{currentPage:m,totalPages:E.totalPages,onPageChange:H})]})]}),v&&o(ie,{overlayClassName:"md:px-[16px] md:items-center",className:O("md:h-fit md:rounded-b-[16px]",!Q&&"md:rounded-none"),isOpen:v.length>0,onClose:()=>k([]),titleClassName:"border-b-transparent h-[56px]",rules:v,scrollClassName:"md:mt-[8px] md:mb-[24px] md:pt-0",title:J?.ruleLabel,ruleClassName:"text-[#1d1d1f] font-bold"})]})};export{Me as CreditsMemberPrice};
+import{Fragment as U,jsx as o,jsxs as P}from"react/jsx-runtime";import{Container as Z,Heading as $,Tabs as j,TabsList as ee,TabsTrigger as te}from"@anker-in/headless-ui";import{useMemo as u,useState as g,useEffect as B,useCallback as f,useRef as re}from"react";import D from"decimal.js";import ne from"./MemberPriceItem";import ae from"../creditsCash/RedeemableItem";import se from"../context/hooks/useRedeemableList";import ie from"../modal/RulesModal";import{Pagination as z}from"./Pagination";import{useProductsByHandles as G,useHeadlessContext as oe,gaTrack as le}from"@anker-in/lib";import{classNames as O}from"@anker-in/lib";import{useCreditsContext as me}from"../context/provider";import{FunctionDiscountType as w}from"../context/memberPriceConst";import{ROUNDED_BRANDS as ce}from"../../../constants";const Me=({copy:s,id:W})=>{const[b,q]=g(s.tabs[0]?.type||"memberPrice"),[v,k]=g(),[m,_]=g(1),[l,p]=g(9),{redeemableList:R}=se(),{pageCommon:J,memberPriceDiscount:h,profile:M,gtm:N}=me(),{brand:K}=oe(),Q=ce.includes(K),C=re(null),L=[{namespace:"global",key:"transparentImg"},{namespace:"__discountCodeApp",key:"data"}];B(()=>{const t=()=>{const r=window.innerWidth;r>=1440?p(12):r>=1024?p(9):r>=768?p(12):p(8)};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[]),B(()=>{_(1)},[b,l]);const c=u(()=>!h||!s.memberPriceTab.memberPriceRuleId?null:h.find(t=>String(t.rule_id)===String(s.memberPriceTab.memberPriceRuleId)),[h,s.memberPriceTab.memberPriceRuleId]),X=u(()=>c?(c.result_detail?.member_discounts?.filter(e=>e.user_identity===1)||[]).flatMap(e=>e.main_products?.variants?.map(a=>a.handle)||[]):[],[c]),{data:T}=G({handles:X,metafieldIdentifiers:{variant:L}}),{data:x}=G({handles:s?.redeemTab?.list?.map(t=>t.products?.[0]?.handle)||[],metafieldIdentifiers:{variant:L}}),F=f(t=>{try{const r=t?.metafields?.__discountCodeApp?.data;if(!r)return 0;const e=r;if(!Array.isArray(e)||e.length===0)return 0;const a=new Date,n=e.find(i=>{const d=i.starts_at?new Date(i.starts_at):null,V=i.ends_at?new Date(i.ends_at):null;return!(d&&d>a||V&&V<a)});return n?.fixed_value?parseFloat(n.fixed_value):0}catch(r){return console.error("Failed to get coupon discount:",r),0}},[]),A=f((t,r,e)=>{const a=r?.discount_conf;if(!a)return null;let n=new D(t);switch(a.discount_type){case w.Percentage:n=n.mul(100-a.discount_value).div(100);break;case w.FixedAmount:n=n.sub(a.discount_value);break;case w.FixedPrice:n=new D(a.discount_value);break}if(e){const i=F(e);i>0&&(n=n.sub(i))}return n.lessThan(0)&&(n=new D(0)),{memberPrice:n.toNumber(),originalPrice:t}},[F]),y=u(()=>!c||!T?[]:(c.result_detail?.member_discounts?.filter(e=>e.user_identity===1)||[]).flatMap(e=>(e.main_products?.variants||[]).map(a=>({...a,discount:e}))).map(e=>{const a=T.find(d=>d.handle===e.handle);if(!a)return null;const n=a.variants?.find(d=>d.sku===e.sku)||a.variants?.[0];if(!n||!n.availableForSale)return null;const i=A(n.price.amount,e.discount,n);return i?{product:a,productVariant:n,memberPrice:i.memberPrice,originalPrice:i.originalPrice}:null})?.filter(Boolean)||[],[c,T,A]),I=u(()=>x?.map(t=>{const r=s.redeemTab.list.find(n=>n.products?.[0]?.handle===t.handle),e=R.find(n=>n.id?.toString()===r?.redeemId?.toString()),a=t.variants?.find(n=>n.sku===r?.products?.[0]?.sku)||t.variants?.[0];return!e||!a||!a.availableForSale||e.is_limited&&e.remaining_inventory<=0?null:{product:t,productVariant:a,productHref:r?.products?.[0]?.href,alpcData:{id:e?.id,consumeCredits:e?.consume_credits,remainingInventory:e?.remaining_inventory,isLimited:e?.is_limited,consumeType:e?.consume_type,title:e?.name,desc:e?.note},config:r}}).filter(Boolean),[x,s.redeemTab.list,R]),S=u(()=>{const t=y?.length||0,r=Math.ceil(t/l),e=(m-1)*l,a=e+l,n=y?.slice(e,a)||[];return{totalPages:r,currentItems:n,showPagination:r>1}},[y,m,l]),E=u(()=>{const t=I?.length||0,r=Math.ceil(t/l),e=(m-1)*l,a=e+l,n=I?.slice(e,a)||[];return{totalPages:r,currentItems:n,showPagination:r>1}},[I,m,l]),H=f(t=>{if(_(t),C.current){const r=C.current.offsetTop;window.scrollTo({top:r-80,behavior:"smooth"})}},[_]),Y=f(t=>{const r=t;q(r);const a=s.tabs.find(n=>n.type===r)?.label||"";le({event:"ga4Event",event_name:"lp_button",member_active_status:M?.activated?"active":"not active",event_parameters:{page_group:N.pageGroup,position:s.title,button_name:a}})},[s.tabs,s.title,M?.activated,N.pageGroup]);return P(Z,{id:W,className:O("bg-[#F5F5F5]"),ref:C,children:[o($,{as:"h2",size:"4",html:s.title,className:"mx:px-[16px]"}),o(j,{align:"left",className:"mt-[24px]",value:b,onValueChange:Y,children:o(ee,{children:s.tabs.map((t,r)=>o(te,{value:t.type,children:t.label},r))})}),P("div",{className:"relative mt-[24px]",children:[b==="memberPrice"&&P(U,{children:[o("div",{className:"grid md:grid-cols-2 gap-[12px] grid-cols-4 md-xl:grid-cols-3 lg:gap-[16px]",children:S.currentItems?.map((t,r)=>o(ne,{itemData:t,copy:s.memberPriceTab},r))}),o(z,{currentPage:m,totalPages:S.totalPages,onPageChange:H})]}),b==="redeem"&&P(U,{children:[o("div",{className:"grid md:grid-cols-2 gap-[12px] grid-cols-4 md-xl:grid-cols-3 lg:gap-[16px]",children:E.currentItems?.map((t,r)=>o(ae,{copy:{title:s.title,...s.redeemTab},itemData:t,setRules:k,currencyCode:x?.[0]?.price.currencyCode||"USD"},r))}),o(z,{currentPage:m,totalPages:E.totalPages,onPageChange:H})]})]}),v&&o(ie,{overlayClassName:"md:px-[16px] md:items-center",className:O("md:h-fit md:rounded-b-[16px]",!Q&&"md:rounded-none"),isOpen:v.length>0,onClose:()=>k([]),titleClassName:"border-b-transparent h-[56px]",rules:v,scrollClassName:"md:mt-[8px] md:mb-[24px] md:pt-0",title:J?.ruleLabel,ruleClassName:"text-[#1d1d1f] font-bold"})]})};export{Me as CreditsMemberPrice};
 //# sourceMappingURL=CreditsMemberPrice.js.map

package/dist/esm/components/credits/creditsMemberPrice/CreditsMemberPrice.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/credits/creditsMemberPrice/CreditsMemberPrice.tsx"],
-  "sourcesContent": ["import { Container, Heading, Tabs, TabsList, TabsTrigger } from '@anker-in/headless-ui'\nimport { useMemo, useState, useEffect, useCallback, useRef } from 'react'\nimport Decimal from 'decimal.js'\n\nimport MemberPriceItem from './MemberPriceItem'\nimport RedeemableItem from '../creditsCash/RedeemableItem'\nimport useRedeemableList from '../context/hooks/useRedeemableList'\nimport RulesModal from '../modal/RulesModal'\nimport { Pagination } from './Pagination'\nimport { useProductsByHandles, useHeadlessContext, gaTrack } from '@anker-in/lib'\nimport { CreditsMemberPriceCopy, MemberPriceProduct } from './type'\nimport { Product, classNames as cn } from '@anker-in/lib'\nimport { useCreditsContext } from '../context/provider'\nimport { RedeemItem } from '../creditsCash/type'\nimport { FunctionDiscountType } from '../context/memberPriceConst'\nimport { ROUNDED_BRANDS } from '../../../constants'\n\nexport const CreditsMemberPrice = ({ copy, id }: { copy: CreditsMemberPriceCopy; id?: string }) => {\n  const [activeTab, setActiveTab] = useState<'memberPrice' | 'redeem'>(copy.tabs[0]?.type || 'memberPrice')\n  const [rules, setRules] = useState<string | string[]>()\n  const [currentPage, setCurrentPage] = useState(1)\n  const [itemsPerPage, setItemsPerPage] = useState(9) // \u9ED8\u8BA4 1024px \u4EE5\u4E0A\uFF1A3\u5217 \u00D7 3\u884C = 9\n  const { redeemableList } = useRedeemableList()\n  const { pageCommon, memberPriceDiscount, profile, gtm } = useCreditsContext()\n  const { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  // \u5B9A\u4E49\u9700\u8981\u83B7\u53D6\u7684 metafield\uFF0C\u5305\u62EC\u900F\u660E\u56FE\u548C\u4F18\u60E0\u5238\u4FE1\u606F\n  const variantMetafieldIdentifiers: any[] = [\n    {\n      namespace: 'global',\n      key: 'transparentImg',\n    },\n    {\n      namespace: '__discountCodeApp',\n      key: 'data',\n    },\n  ]\n\n  // \u6839\u636E\u5C4F\u5E55\u5C3A\u5BF8\u52A8\u6001\u8C03\u6574\u6BCF\u9875\u663E\u793A\u7684\u5546\u54C1\u6570\u91CF\n  useEffect(() => {\n    const updateItemsPerPage = () => {\n      const width = window.innerWidth\n      if (width >= 1440) {\n        // 1920px \u4EE5\u4E0A\uFF1A4\u5217 \u00D7 3\u884C = 12\u4E2A\n        setItemsPerPage(12)\n      } else if (width >= 1024) {\n        // 1024px - 1919px\uFF1A3\u5217 \u00D7 3\u884C = 9\u4E2A\n        setItemsPerPage(9)\n      } else if (width >= 768) {\n        // 1024px \u4EE5\u4E0B\uFF1A3\u5217 \u00D7 4\u884C = 12\u4E2A\n        setItemsPerPage(12)\n      } else {\n        // 768px \u4EE5\u4E0B\uFF1A2\u5217 \u00D7 4\u884C = 8\u4E2A\n        setItemsPerPage(8)\n      }\n    }\n\n    updateItemsPerPage()\n    window.addEventListener('resize', updateItemsPerPage)\n    return () => window.removeEventListener('resize', updateItemsPerPage)\n  }, [])\n\n  // \u5F53\u5207\u6362 tab \u6216\u6BCF\u9875\u6570\u91CF\u53D8\u5316\u65F6\u91CD\u7F6E\u9875\u7801\n  useEffect(() => {\n    setCurrentPage(1)\n  }, [activeTab, itemsPerPage])\n\n  // \u6839\u636E\u914D\u7F6E\u7684 ruleId \u67E5\u627E\u5BF9\u5E94\u7684\u4F1A\u5458\u4EF7\u89C4\u5219\n  const targetRule = useMemo(() => {\n    if (!memberPriceDiscount || !copy.memberPriceTab.memberPriceRuleId) return null\n    return memberPriceDiscount.find(rule => String(rule.rule_id) === String(copy.memberPriceTab.memberPriceRuleId))\n  }, [memberPriceDiscount, copy.memberPriceTab.memberPriceRuleId])\n\n  const memberPriceHandles = useMemo(() => {\n    if (!targetRule) return []\n\n    // \u83B7\u53D6\u6240\u6709 user_identity === 1 \u7684 discounts\n    const allDiscounts = targetRule.result_detail?.member_discounts?.filter(\n      (discount: any) => discount.user_identity === 1\n    ) || []\n\n    // \u5408\u5E76\u6240\u6709 discounts \u7684 variants \u7684 handles\n    const handles = allDiscounts.flatMap((discount: any) =>\n      discount.main_products?.variants?.map((variant: any) => variant.handle) || []\n    )\n\n    return handles\n  }, [targetRule])\n\n  // \u83B7\u53D6\u4F1A\u5458\u4EF7\u4EA7\u54C1\u6570\u636E\uFF08\u901A\u8FC7\u4ECE memberPriceDiscount \u63D0\u53D6\u7684 handles \u83B7\u53D6\u4EA7\u54C1\uFF09\n  const { data: memberPriceProducts } = useProductsByHandles({\n    handles: memberPriceHandles,\n    metafieldIdentifiers: {\n      variant: variantMetafieldIdentifiers,\n    },\n  })\n\n  // \u83B7\u53D6\u79EF\u5206\u5151\u6362\u4EA7\u54C1\u6570\u636E\n  const { data: redeemProducts } = useProductsByHandles({\n    handles: copy?.redeemTab?.list?.map(item => item.products?.[0]?.handle) || [],\n    metafieldIdentifiers: {\n      variant: variantMetafieldIdentifiers,\n    },\n  })\n\n  // \u4ECE variant metafields \u4E2D\u83B7\u53D6\u6709\u6548\u7684 coupon \u6298\u6263\u91D1\u989D\n  const getCouponDiscount = useCallback((variant: any) => {\n    try {\n      const discountData = variant?.metafields?.__discountCodeApp?.data\n      if (!discountData) return 0\n\n      // discountData \u5DF2\u7ECF\u662F\u5BF9\u8C61\uFF0C\u4E0D\u9700\u8981 JSON.parse\n      const discounts = discountData\n      if (!Array.isArray(discounts) || discounts.length === 0) return 0\n\n      // \u83B7\u53D6\u7B2C\u4E00\u4E2A\u6709\u6548\u7684 coupon\uFF08\u68C0\u67E5\u65F6\u95F4\u8303\u56F4\uFF09\n      const now = new Date()\n      const validDiscount = discounts.find((discount: any) => {\n        const startsAt = discount.starts_at ? new Date(discount.starts_at) : null\n        const endsAt = discount.ends_at ? new Date(discount.ends_at) : null\n\n        // \u68C0\u67E5 coupon \u662F\u5426\u5728\u6709\u6548\u671F\u5185\n        if (startsAt && startsAt > now) return false\n        if (endsAt && endsAt < now) return false\n\n        return true\n      })\n\n      // \u8FD4\u56DE\u6298\u6263\u91D1\u989D\uFF08fixed_amount \u7C7B\u578B\uFF09\n      if (validDiscount?.fixed_value) {\n        return parseFloat(validDiscount.fixed_value)\n      }\n\n      return 0\n    } catch (error) {\n      console.error('Failed to get coupon discount:', error)\n      return 0\n    }\n  }, [])\n\n  // \u8BA1\u7B97\u4F1A\u5458\u4EF7\u7684\u8F85\u52A9\u51FD\u6570\uFF08\u4EC5\u4F7F\u7528\u666E\u901A\u4F1A\u5458 user_identity = 1 \u7684\u6298\u6263\uFF0C\u5E76\u53E0\u52A0 coupon \u6298\u6263\uFF09\n  const calculateMemberPrice = useCallback(\n    (price: number, discount: any, variant?: any) => {\n      const discountConfig = discount?.discount_conf\n      if (!discountConfig) return null\n\n      // \u6839\u636E\u6298\u6263\u7C7B\u578B\u8BA1\u7B97\u4F1A\u5458\u4EF7\n      let salePrice = new Decimal(price)\n      switch (discountConfig.discount_type) {\n        case FunctionDiscountType.Percentage:\n          salePrice = salePrice.mul(100 - discountConfig.discount_value).div(100)\n          break\n        case FunctionDiscountType.FixedAmount:\n          salePrice = salePrice.sub(discountConfig.discount_value)\n          break\n        case FunctionDiscountType.FixedPrice:\n          salePrice = new Decimal(discountConfig.discount_value)\n          break\n      }\n\n      // \u53E0\u52A0 coupon \u6298\u6263\n      if (variant) {\n        const couponDiscount = getCouponDiscount(variant)\n        if (couponDiscount > 0) {\n          salePrice = salePrice.sub(couponDiscount)\n        }\n      }\n\n      // \u786E\u4FDD\u4EF7\u683C\u4E0D\u4E3A\u8D1F\u6570\n      if (salePrice.lessThan(0)) {\n        salePrice = new Decimal(0)\n      }\n\n      return {\n        memberPrice: salePrice.toNumber(),\n        originalPrice: price,\n      }\n    },\n    [getCouponDiscount]\n  )\n\n  // \u5904\u7406\u4F1A\u5458\u4EF7\u4EA7\u54C1\u5217\u8868\uFF08\u4EC5\u666E\u901A\u4F1A\u5458 user_identity = 1 \u7684\u6298\u6263\uFF09\n  const memberPriceList = useMemo(() => {\n    if (!targetRule || !memberPriceProducts) return []\n\n    // \u83B7\u53D6\u6240\u6709 user_identity === 1 \u7684 discounts\n    const allDiscounts = targetRule.result_detail?.member_discounts?.filter(\n      (discount: any) => discount.user_identity === 1\n    ) || []\n\n    // \u5408\u5E76\u6240\u6709 discounts \u7684 variants\uFF0C\u5E76\u4FDD\u5B58\u5BF9\u5E94\u7684 discount \u4FE1\u606F\n    const allVariantsWithDiscount = allDiscounts.flatMap((discount: any) =>\n      (discount.main_products?.variants || []).map((variant: any) => ({\n        ...variant,\n        discount, // \u5C06 discount \u4FE1\u606F\u4FDD\u5B58\u5230 variant \u4E2D\n      }))\n    )\n\n    return (\n      (allVariantsWithDiscount\n        .map((variantWithDiscount: any) => {\n          const product = memberPriceProducts.find(p => p.handle === variantWithDiscount.handle)\n          if (!product) return null\n\n          const productVariant = product.variants?.find(v => v.sku === variantWithDiscount.sku) || product.variants?.[0]\n          if (!productVariant || !productVariant.availableForSale) return null\n\n          const priceResult = calculateMemberPrice(\n            productVariant.price.amount,\n            variantWithDiscount.discount,\n            productVariant\n          )\n          if (!priceResult) return null\n\n          return {\n            product,\n            productVariant,\n            memberPrice: priceResult.memberPrice,\n            originalPrice: priceResult.originalPrice,\n          }\n        })\n        ?.filter(Boolean) as unknown as MemberPriceProduct[]) || []\n    )\n  }, [targetRule, memberPriceProducts, calculateMemberPrice])\n\n  // \u5904\u7406\u79EF\u5206\u5151\u6362\u4EA7\u54C1\u5217\u8868\uFF08\u590D\u7528 creditsCash \u7684\u903B\u8F91\uFF0C\u8FC7\u6EE4\u7F3A\u8D27\u5546\u54C1\uFF09\n  const redeemList = useMemo(() => {\n    return redeemProducts\n      ?.map((product: Product) => {\n        const config = copy.redeemTab.list.find(item => item.products?.[0]?.handle === product.handle)\n        const alpcData = redeemableList.find(item => item.id?.toString() === config?.redeemId?.toString())\n        const productVariant =\n          product.variants?.find((variant: any) => variant.sku === config?.products?.[0]?.sku) || product.variants?.[0]\n\n        // \u8FC7\u6EE4\u6761\u4EF6\uFF1A\n        // 1. \u5FC5\u987B\u6709 alpcData \u548C productVariant\n        // 2. \u5546\u54C1\u4E0D\u80FD\u7F3A\u8D27\n        // 3. \u5982\u679C\u6709\u5E93\u5B58\u9650\u5236\uFF0C\u5219\u5E93\u5B58\u5FC5\u987B\u5927\u4E8E 0\n        if (!alpcData || !productVariant) return null\n        if (!productVariant.availableForSale) return null\n        if (alpcData.is_limited && alpcData.remaining_inventory <= 0) return null\n\n        return {\n          product,\n          productVariant,\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      })\n      .filter(Boolean) as unknown as RedeemItem[]\n  }, [redeemProducts, copy.redeemTab.list, redeemableList])\n\n  // \u8BA1\u7B97\u4F1A\u5458\u4EF7\u5206\u9875\n  const memberPricePagination = useMemo(() => {\n    const totalItems = memberPriceList?.length || 0\n    const totalPages = Math.ceil(totalItems / itemsPerPage)\n    const startIndex = (currentPage - 1) * itemsPerPage\n    const endIndex = startIndex + itemsPerPage\n    const currentItems = memberPriceList?.slice(startIndex, endIndex) || []\n\n    return {\n      totalPages,\n      currentItems,\n      showPagination: totalPages > 1,\n    }\n  }, [memberPriceList, currentPage, itemsPerPage])\n\n  // \u8BA1\u7B97\u79EF\u5206\u5151\u6362\u5206\u9875\n  const redeemPagination = useMemo(() => {\n    const totalItems = redeemList?.length || 0\n    const totalPages = Math.ceil(totalItems / itemsPerPage)\n    const startIndex = (currentPage - 1) * itemsPerPage\n    const endIndex = startIndex + itemsPerPage\n    const currentItems = redeemList?.slice(startIndex, endIndex) || []\n\n    return {\n      totalPages,\n      currentItems,\n      showPagination: totalPages > 1,\n    }\n  }, [redeemList, currentPage, itemsPerPage])\n\n  // \u5904\u7406\u9875\u9762\u5207\u6362\uFF0C\u6EDA\u52A8\u5230\u6A21\u5757\u9876\u90E8\n  const handlePageChange = useCallback(\n    (page: number) => {\n      setCurrentPage(page)\n      // \u6EDA\u52A8\u5230\u6A21\u5757\u9876\u90E8\n      if (containerRef.current) {\n        const top = containerRef.current.offsetTop\n        window.scrollTo({\n          top: top - 80, // \u51CF\u53BB 80px \u7684\u504F\u79FB\u91CF\uFF0C\u907F\u514D\u88AB\u56FA\u5B9A\u5934\u90E8\u906E\u6321\n          behavior: 'smooth',\n        })\n      }\n    },\n    [setCurrentPage]\n  )\n\n  // \u5904\u7406 tab \u5207\u6362\u5E76\u53D1\u9001\u57CB\u70B9\n  const handleTabChange = useCallback(\n    (value: string) => {\n      const tabType = value as 'memberPrice' | 'redeem'\n      setActiveTab(tabType)\n\n      // \u67E5\u627E\u5F53\u524D tab \u7684 label\n      const currentTab = copy.tabs.find(tab => tab.type === tabType)\n      const tabLabel = currentTab?.label || ''\n\n      // \u53D1\u9001 tab \u70B9\u51FB\u57CB\u70B9\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'lp_button',\n        member_active_status: profile?.activated ? 'active' : 'not active',\n        event_parameters: {\n          page_group: gtm.pageGroup,\n          position: copy.title,\n          button_name: tabLabel,\n        },\n      })\n    },\n    [copy.tabs, copy.title, profile?.activated, gtm.pageGroup]\n  )\n\n  return (\n    <Container id={id} className={cn('bg-[#F5F5F5]')} ref={containerRef}>\n      <Heading as=\"h2\" size=\"4\" html={copy.title} className=\"mx:px-[16px]\" />\n\n      <Tabs\n        align=\"left\"\n        className=\"mt-[24px]\"\n        value={activeTab}\n        onValueChange={handleTabChange}\n      >\n        <TabsList>\n          {copy.tabs.map((tab, index) => (\n            <TabsTrigger key={index} value={tab.type}>\n              {tab.label}\n            </TabsTrigger>\n          ))}\n        </TabsList>\n      </Tabs>\n\n      {/* Tab \u5185\u5BB9 */}\n      <div className=\"relative mt-[24px]\">\n        {/* \u4F1A\u5458\u4EF7 Tab  */}\n        {activeTab === 'memberPrice' && (\n          <>\n            <div className=\"grid md:grid-cols-2 gap-[12px] grid-cols-4 md-xl:grid-cols-3 lg:gap-[16px]\">\n              {memberPricePagination.currentItems?.map((item, index: number) => (\n                <MemberPriceItem key={index} itemData={item} copy={copy.memberPriceTab} />\n              ))}\n            </div>\n            <Pagination\n              currentPage={currentPage}\n              totalPages={memberPricePagination.totalPages}\n              onPageChange={handlePageChange}\n            />\n          </>\n        )}\n\n        {/* \u79EF\u5206\u5151\u6362 Tab  */}\n        {activeTab === 'redeem' && (\n          <>\n            <div className=\"grid md:grid-cols-2 gap-[12px] grid-cols-4 md-xl:grid-cols-3 lg:gap-[16px]\">\n              {redeemPagination.currentItems?.map((item, index: number) => (\n                <RedeemableItem\n                  key={index}\n                  copy={{\n                    title: copy.title,\n                    ...copy.redeemTab,\n                  }}\n                  itemData={item}\n                  setRules={setRules}\n                  currencyCode={redeemProducts?.[0]?.price.currencyCode || 'USD'}\n                />\n              ))}\n            </div>\n            <Pagination\n              currentPage={currentPage}\n              totalPages={redeemPagination.totalPages}\n              onPageChange={handlePageChange}\n            />\n          </>\n        )}\n      </div>\n\n      {/* Rules Modal */}\n      {rules && (\n        <RulesModal\n          overlayClassName=\"md:px-[16px] md:items-center\"\n          className={cn('md:h-fit md:rounded-b-[16px]', !rounded && 'md:rounded-none')}\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={pageCommon?.ruleLabel}\n          ruleClassName=\"text-[#1d1d1f] font-bold\"\n        />\n      )}\n    </Container>\n  )\n}\n"],
-  "mappings": "AA+UM,OAqBI,YAAAA,EArBJ,OAAAC,EAqBI,QAAAC,MArBJ,oBA/UN,OAAS,aAAAC,EAAW,WAAAC,EAAS,QAAAC,EAAM,YAAAC,GAAU,eAAAC,OAAmB,wBAChE,OAAS,WAAAC,EAAS,YAAAC,EAAU,aAAAC,EAAW,eAAAC,EAAa,UAAAC,OAAc,QAClE,OAAOC,MAAa,aAEpB,OAAOC,OAAqB,oBAC5B,OAAOC,OAAoB,gCAC3B,OAAOC,OAAuB,qCAC9B,OAAOC,OAAgB,sBACvB,OAAS,cAAAC,MAAkB,eAC3B,OAAS,wBAAAC,EAAsB,sBAAAC,GAAoB,WAAAC,OAAe,gBAElE,OAAkB,cAAcC,MAAU,gBAC1C,OAAS,qBAAAC,OAAyB,sBAElC,OAAS,wBAAAC,MAA4B,8BACrC,OAAS,kBAAAC,OAAsB,qBAExB,MAAMC,GAAqB,CAAC,CAAE,KAAAC,EAAM,GAAAC,CAAG,IAAqD,CACjG,KAAM,CAACC,EAAWC,CAAY,EAAIrB,EAAmCkB,EAAK,KAAK,CAAC,GAAG,MAAQ,aAAa,EAClG,CAACI,EAAOC,CAAQ,EAAIvB,EAA4B,EAChD,CAACwB,EAAaC,CAAc,EAAIzB,EAAS,CAAC,EAC1C,CAAC0B,EAAcC,CAAe,EAAI3B,EAAS,CAAC,EAC5C,CAAE,eAAA4B,CAAe,EAAIrB,GAAkB,EACvC,CAAE,WAAAsB,EAAY,oBAAAC,EAAqB,QAAAC,EAAS,IAAAC,CAAI,EAAIlB,GAAkB,EACtE,CAAE,MAAAmB,CAAM,EAAItB,GAAmB,EAC/BuB,EAAUlB,GAAe,SAASiB,CAAK,EACvCE,EAAehC,GAAuB,IAAI,EAG1CiC,EAAqC,CACzC,CACE,UAAW,SACX,IAAK,gBACP,EACA,CACE,UAAW,oBACX,IAAK,MACP,CACF,EAGAnC,EAAU,IAAM,CACd,MAAMoC,EAAqB,IAAM,CAC/B,MAAMC,EAAQ,OAAO,WACjBA,GAAS,KAEXX,EAAgB,EAAE,EACTW,GAAS,KAElBX,EAAgB,CAAC,EACRW,GAAS,IAElBX,EAAgB,EAAE,EAGlBA,EAAgB,CAAC,CAErB,EAEA,OAAAU,EAAmB,EACnB,OAAO,iBAAiB,SAAUA,CAAkB,EAC7C,IAAM,OAAO,oBAAoB,SAAUA,CAAkB,CACtE,EAAG,CAAC,CAAC,EAGLpC,EAAU,IAAM,CACdwB,EAAe,CAAC,CAClB,EAAG,CAACL,EAAWM,CAAY,CAAC,EAG5B,MAAMa,EAAaxC,EAAQ,IACrB,CAAC+B,GAAuB,CAACZ,EAAK,eAAe,kBAA0B,KACpEY,EAAoB,KAAKU,GAAQ,OAAOA,EAAK,OAAO,IAAM,OAAOtB,EAAK,eAAe,iBAAiB,CAAC,EAC7G,CAACY,EAAqBZ,EAAK,eAAe,iBAAiB,CAAC,EAEzDuB,EAAqB1C,EAAQ,IAC5BwC,GAGgBA,EAAW,eAAe,kBAAkB,OAC9DG,GAAkBA,EAAS,gBAAkB,CAChD,GAAK,CAAC,GAGuB,QAASA,GACpCA,EAAS,eAAe,UAAU,IAAKC,GAAiBA,EAAQ,MAAM,GAAK,CAAC,CAC9E,EAVwB,CAAC,EAaxB,CAACJ,CAAU,CAAC,EAGT,CAAE,KAAMK,CAAoB,EAAIlC,EAAqB,CACzD,QAAS+B,EACT,qBAAsB,CACpB,QAASL,CACX,CACF,CAAC,EAGK,CAAE,KAAMS,CAAe,EAAInC,EAAqB,CACpD,QAASQ,GAAM,WAAW,MAAM,IAAI4B,GAAQA,EAAK,WAAW,CAAC,GAAG,MAAM,GAAK,CAAC,EAC5E,qBAAsB,CACpB,QAASV,CACX,CACF,CAAC,EAGKW,EAAoB7C,EAAayC,GAAiB,CACtD,GAAI,CACF,MAAMK,EAAeL,GAAS,YAAY,mBAAmB,KAC7D,GAAI,CAACK,EAAc,MAAO,GAG1B,MAAMC,EAAYD,EAClB,GAAI,CAAC,MAAM,QAAQC,CAAS,GAAKA,EAAU,SAAW,EAAG,MAAO,GAGhE,MAAMC,EAAM,IAAI,KACVC,EAAgBF,EAAU,KAAMP,GAAkB,CACtD,MAAMU,EAAWV,EAAS,UAAY,IAAI,KAAKA,EAAS,SAAS,EAAI,KAC/DW,EAASX,EAAS,QAAU,IAAI,KAAKA,EAAS,OAAO,EAAI,KAI/D,MADI,EAAAU,GAAYA,EAAWF,GACvBG,GAAUA,EAASH,EAGzB,CAAC,EAGD,OAAIC,GAAe,YACV,WAAWA,EAAc,WAAW,EAGtC,CACT,OAASG,EAAO,CACd,eAAQ,MAAM,iCAAkCA,CAAK,EAC9C,CACT,CACF,EAAG,CAAC,CAAC,EAGCC,EAAuBrD,EAC3B,CAACsD,EAAed,EAAeC,IAAkB,CAC/C,MAAMc,EAAiBf,GAAU,cACjC,GAAI,CAACe,EAAgB,OAAO,KAG5B,IAAIC,EAAY,IAAItD,EAAQoD,CAAK,EACjC,OAAQC,EAAe,cAAe,CACpC,KAAK1C,EAAqB,WACxB2C,EAAYA,EAAU,IAAI,IAAMD,EAAe,cAAc,EAAE,IAAI,GAAG,EACtE,MACF,KAAK1C,EAAqB,YACxB2C,EAAYA,EAAU,IAAID,EAAe,cAAc,EACvD,MACF,KAAK1C,EAAqB,WACxB2C,EAAY,IAAItD,EAAQqD,EAAe,cAAc,EACrD,KACJ,CAGA,GAAId,EAAS,CACX,MAAMgB,EAAiBZ,EAAkBJ,CAAO,EAC5CgB,EAAiB,IACnBD,EAAYA,EAAU,IAAIC,CAAc,EAE5C,CAGA,OAAID,EAAU,SAAS,CAAC,IACtBA,EAAY,IAAItD,EAAQ,CAAC,GAGpB,CACL,YAAasD,EAAU,SAAS,EAChC,cAAeF,CACjB,CACF,EACA,CAACT,CAAiB,CACpB,EAGMa,EAAkB7D,EAAQ,IAC1B,CAACwC,GAAc,CAACK,EAA4B,CAAC,GAG5BL,EAAW,eAAe,kBAAkB,OAC9DG,GAAkBA,EAAS,gBAAkB,CAChD,GAAK,CAAC,GAGuC,QAASA,IACnDA,EAAS,eAAe,UAAY,CAAC,GAAG,IAAKC,IAAkB,CAC9D,GAAGA,EACH,SAAAD,CACF,EAAE,CACJ,EAIK,IAAKmB,GAA6B,CACjC,MAAMC,EAAUlB,EAAoB,KAAKmB,GAAKA,EAAE,SAAWF,EAAoB,MAAM,EACrF,GAAI,CAACC,EAAS,OAAO,KAErB,MAAME,EAAiBF,EAAQ,UAAU,KAAKG,GAAKA,EAAE,MAAQJ,EAAoB,GAAG,GAAKC,EAAQ,WAAW,CAAC,EAC7G,GAAI,CAACE,GAAkB,CAACA,EAAe,iBAAkB,OAAO,KAEhE,MAAME,EAAcX,EAClBS,EAAe,MAAM,OACrBH,EAAoB,SACpBG,CACF,EACA,OAAKE,EAEE,CACL,QAAAJ,EACA,eAAAE,EACA,YAAaE,EAAY,YACzB,cAAeA,EAAY,aAC7B,EAPyB,IAQ3B,CAAC,GACC,OAAO,OAAO,GAAyC,CAAC,EAE7D,CAAC3B,EAAYK,EAAqBW,CAAoB,CAAC,EAGpDY,EAAapE,EAAQ,IAClB8C,GACH,IAAKiB,GAAqB,CAC1B,MAAMM,EAASlD,EAAK,UAAU,KAAK,KAAK4B,GAAQA,EAAK,WAAW,CAAC,GAAG,SAAWgB,EAAQ,MAAM,EACvFO,EAAWzC,EAAe,KAAKkB,GAAQA,EAAK,IAAI,SAAS,IAAMsB,GAAQ,UAAU,SAAS,CAAC,EAC3FJ,EACJF,EAAQ,UAAU,KAAMnB,GAAiBA,EAAQ,MAAQyB,GAAQ,WAAW,CAAC,GAAG,GAAG,GAAKN,EAAQ,WAAW,CAAC,EAQ9G,MAFI,CAACO,GAAY,CAACL,GACd,CAACA,EAAe,kBAChBK,EAAS,YAAcA,EAAS,qBAAuB,EAAU,KAE9D,CACL,QAAAP,EACA,eAAAE,EACA,SAAU,CACR,GAAIK,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,OAAO,OAAO,EAChB,CAACvB,EAAgB3B,EAAK,UAAU,KAAMU,CAAc,CAAC,EAGlD0C,EAAwBvE,EAAQ,IAAM,CAC1C,MAAMwE,EAAaX,GAAiB,QAAU,EACxCY,EAAa,KAAK,KAAKD,EAAa7C,CAAY,EAChD+C,GAAcjD,EAAc,GAAKE,EACjCgD,EAAWD,EAAa/C,EACxBiD,EAAef,GAAiB,MAAMa,EAAYC,CAAQ,GAAK,CAAC,EAEtE,MAAO,CACL,WAAAF,EACA,aAAAG,EACA,eAAgBH,EAAa,CAC/B,CACF,EAAG,CAACZ,EAAiBpC,EAAaE,CAAY,CAAC,EAGzCkD,EAAmB7E,EAAQ,IAAM,CACrC,MAAMwE,EAAaJ,GAAY,QAAU,EACnCK,EAAa,KAAK,KAAKD,EAAa7C,CAAY,EAChD+C,GAAcjD,EAAc,GAAKE,EACjCgD,EAAWD,EAAa/C,EACxBiD,EAAeR,GAAY,MAAMM,EAAYC,CAAQ,GAAK,CAAC,EAEjE,MAAO,CACL,WAAAF,EACA,aAAAG,EACA,eAAgBH,EAAa,CAC/B,CACF,EAAG,CAACL,EAAY3C,EAAaE,CAAY,CAAC,EAGpCmD,EAAmB3E,EACtB4E,GAAiB,CAGhB,GAFArD,EAAeqD,CAAI,EAEf3C,EAAa,QAAS,CACxB,MAAM4C,EAAM5C,EAAa,QAAQ,UACjC,OAAO,SAAS,CACd,IAAK4C,EAAM,GACX,SAAU,QACZ,CAAC,CACH,CACF,EACA,CAACtD,CAAc,CACjB,EAGMuD,EAAkB9E,EACrB+E,GAAkB,CACjB,MAAMC,EAAUD,EAChB5D,EAAa6D,CAAO,EAIpB,MAAMC,EADajE,EAAK,KAAK,KAAKkE,GAAOA,EAAI,OAASF,CAAO,GAChC,OAAS,GAGtCtE,GAAQ,CACN,MAAO,WACP,WAAY,YACZ,qBAAsBmB,GAAS,UAAY,SAAW,aACtD,iBAAkB,CAChB,WAAYC,EAAI,UAChB,SAAUd,EAAK,MACf,YAAaiE,CACf,CACF,CAAC,CACH,EACA,CAACjE,EAAK,KAAMA,EAAK,MAAOa,GAAS,UAAWC,EAAI,SAAS,CAC3D,EAEA,OACEvC,EAACC,EAAA,CAAU,GAAIyB,EAAI,UAAWN,EAAG,cAAc,EAAG,IAAKsB,EACrD,UAAA3C,EAACG,EAAA,CAAQ,GAAG,KAAK,KAAK,IAAI,KAAMuB,EAAK,MAAO,UAAU,eAAe,EAErE1B,EAACI,EAAA,CACC,MAAM,OACN,UAAU,YACV,MAAOwB,EACP,cAAe4D,EAEf,SAAAxF,EAACK,GAAA,CACE,SAAAqB,EAAK,KAAK,IAAI,CAACkE,EAAKC,IACnB7F,EAACM,GAAA,CAAwB,MAAOsF,EAAI,KACjC,SAAAA,EAAI,OADWC,CAElB,CACD,EACH,EACF,EAGA5F,EAAC,OAAI,UAAU,qBAEZ,UAAA2B,IAAc,eACb3B,EAAAF,EAAA,CACE,UAAAC,EAAC,OAAI,UAAU,6EACZ,SAAA8E,EAAsB,cAAc,IAAI,CAACxB,EAAMuC,IAC9C7F,EAACa,GAAA,CAA4B,SAAUyC,EAAM,KAAM5B,EAAK,gBAAlCmE,CAAkD,CACzE,EACH,EACA7F,EAACiB,EAAA,CACC,YAAae,EACb,WAAY8C,EAAsB,WAClC,aAAcO,EAChB,GACF,EAIDzD,IAAc,UACb3B,EAAAF,EAAA,CACE,UAAAC,EAAC,OAAI,UAAU,6EACZ,SAAAoF,EAAiB,cAAc,IAAI,CAAC9B,EAAMuC,IACzC7F,EAACc,GAAA,CAEC,KAAM,CACJ,MAAOY,EAAK,MACZ,GAAGA,EAAK,SACV,EACA,SAAU4B,EACV,SAAUvB,EACV,aAAcsB,IAAiB,CAAC,GAAG,MAAM,cAAgB,OAPpDwC,CAQP,CACD,EACH,EACA7F,EAACiB,EAAA,CACC,YAAae,EACb,WAAYoD,EAAiB,WAC7B,aAAcC,EAChB,GACF,GAEJ,EAGCvD,GACC9B,EAACgB,GAAA,CACC,iBAAiB,+BACjB,UAAWK,EAAG,+BAAgC,CAACqB,GAAW,iBAAiB,EAC3E,OAAQZ,EAAM,OAAS,EACvB,QAAS,IAAMC,EAAS,CAAC,CAAC,EAC1B,eAAe,gCACf,MAAOD,EACP,gBAAgB,mCAChB,MAAOO,GAAY,UACnB,cAAc,2BAChB,GAEJ,CAEJ",
+  "sourcesContent": ["import { Container, Heading, Tabs, TabsList, TabsTrigger } from '@anker-in/headless-ui'\nimport { useMemo, useState, useEffect, useCallback, useRef } from 'react'\nimport Decimal from 'decimal.js'\n\nimport MemberPriceItem from './MemberPriceItem'\nimport RedeemableItem from '../creditsCash/RedeemableItem'\nimport useRedeemableList from '../context/hooks/useRedeemableList'\nimport RulesModal from '../modal/RulesModal'\nimport { Pagination } from './Pagination'\nimport { useProductsByHandles, useHeadlessContext, gaTrack } from '@anker-in/lib'\nimport { CreditsMemberPriceCopy, MemberPriceProduct } from './type'\nimport { Product, classNames as cn } from '@anker-in/lib'\nimport { useCreditsContext } from '../context/provider'\nimport { RedeemItem } from '../creditsCash/type'\nimport { FunctionDiscountType } from '../context/memberPriceConst'\nimport { ROUNDED_BRANDS } from '../../../constants'\n\nexport const CreditsMemberPrice = ({ copy, id }: { copy: CreditsMemberPriceCopy; id?: string }) => {\n  const [activeTab, setActiveTab] = useState<'memberPrice' | 'redeem'>(copy.tabs[0]?.type || 'memberPrice')\n  const [rules, setRules] = useState<string | string[]>()\n  const [currentPage, setCurrentPage] = useState(1)\n  const [itemsPerPage, setItemsPerPage] = useState(9) // \u9ED8\u8BA4 1024px \u4EE5\u4E0A\uFF1A3\u5217 \u00D7 3\u884C = 9\n  const { redeemableList } = useRedeemableList()\n  const { pageCommon, memberPriceDiscount, profile, gtm } = useCreditsContext()\n  const { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  // \u5B9A\u4E49\u9700\u8981\u83B7\u53D6\u7684 metafield\uFF0C\u5305\u62EC\u900F\u660E\u56FE\u548C\u4F18\u60E0\u5238\u4FE1\u606F\n  const variantMetafieldIdentifiers: any[] = [\n    {\n      namespace: 'global',\n      key: 'transparentImg',\n    },\n    {\n      namespace: '__discountCodeApp',\n      key: 'data',\n    },\n  ]\n\n  // \u6839\u636E\u5C4F\u5E55\u5C3A\u5BF8\u52A8\u6001\u8C03\u6574\u6BCF\u9875\u663E\u793A\u7684\u5546\u54C1\u6570\u91CF\n  useEffect(() => {\n    const updateItemsPerPage = () => {\n      const width = window.innerWidth\n      if (width >= 1440) {\n        // 1920px \u4EE5\u4E0A\uFF1A4\u5217 \u00D7 3\u884C = 12\u4E2A\n        setItemsPerPage(12)\n      } else if (width >= 1024) {\n        // 1024px - 1919px\uFF1A3\u5217 \u00D7 3\u884C = 9\u4E2A\n        setItemsPerPage(9)\n      } else if (width >= 768) {\n        // 1024px \u4EE5\u4E0B\uFF1A3\u5217 \u00D7 4\u884C = 12\u4E2A\n        setItemsPerPage(12)\n      } else {\n        // 768px \u4EE5\u4E0B\uFF1A2\u5217 \u00D7 4\u884C = 8\u4E2A\n        setItemsPerPage(8)\n      }\n    }\n\n    updateItemsPerPage()\n    window.addEventListener('resize', updateItemsPerPage)\n    return () => window.removeEventListener('resize', updateItemsPerPage)\n  }, [])\n\n  // \u5F53\u5207\u6362 tab \u6216\u6BCF\u9875\u6570\u91CF\u53D8\u5316\u65F6\u91CD\u7F6E\u9875\u7801\n  useEffect(() => {\n    setCurrentPage(1)\n  }, [activeTab, itemsPerPage])\n\n  // \u6839\u636E\u914D\u7F6E\u7684 ruleId \u67E5\u627E\u5BF9\u5E94\u7684\u4F1A\u5458\u4EF7\u89C4\u5219\n  const targetRule = useMemo(() => {\n    if (!memberPriceDiscount || !copy.memberPriceTab.memberPriceRuleId) return null\n    return memberPriceDiscount.find(rule => String(rule.rule_id) === String(copy.memberPriceTab.memberPriceRuleId))\n  }, [memberPriceDiscount, copy.memberPriceTab.memberPriceRuleId])\n\n  const memberPriceHandles = useMemo(() => {\n    if (!targetRule) return []\n\n    // \u83B7\u53D6\u6240\u6709 user_identity === 1 \u7684 discounts\n    const allDiscounts = targetRule.result_detail?.member_discounts?.filter(\n      (discount: any) => discount.user_identity === 1\n    ) || []\n\n    // \u5408\u5E76\u6240\u6709 discounts \u7684 variants \u7684 handles\n    const handles = allDiscounts.flatMap((discount: any) =>\n      discount.main_products?.variants?.map((variant: any) => variant.handle) || []\n    )\n\n    return handles\n  }, [targetRule])\n\n  // \u83B7\u53D6\u4F1A\u5458\u4EF7\u4EA7\u54C1\u6570\u636E\uFF08\u901A\u8FC7\u4ECE memberPriceDiscount \u63D0\u53D6\u7684 handles \u83B7\u53D6\u4EA7\u54C1\uFF09\n  const { data: memberPriceProducts } = useProductsByHandles({\n    handles: memberPriceHandles,\n    metafieldIdentifiers: {\n      variant: variantMetafieldIdentifiers,\n    },\n  })\n\n  // \u83B7\u53D6\u79EF\u5206\u5151\u6362\u4EA7\u54C1\u6570\u636E\n  const { data: redeemProducts } = useProductsByHandles({\n    handles: copy?.redeemTab?.list?.map(item => item.products?.[0]?.handle) || [],\n    metafieldIdentifiers: {\n      variant: variantMetafieldIdentifiers,\n    },\n  })\n\n  // \u4ECE variant metafields \u4E2D\u83B7\u53D6\u6709\u6548\u7684 coupon \u6298\u6263\u91D1\u989D\n  const getCouponDiscount = useCallback((variant: any) => {\n    try {\n      const discountData = variant?.metafields?.__discountCodeApp?.data\n      if (!discountData) return 0\n\n      // discountData \u5DF2\u7ECF\u662F\u5BF9\u8C61\uFF0C\u4E0D\u9700\u8981 JSON.parse\n      const discounts = discountData\n      if (!Array.isArray(discounts) || discounts.length === 0) return 0\n\n      // \u83B7\u53D6\u7B2C\u4E00\u4E2A\u6709\u6548\u7684 coupon\uFF08\u68C0\u67E5\u65F6\u95F4\u8303\u56F4\uFF09\n      const now = new Date()\n      const validDiscount = discounts.find((discount: any) => {\n        const startsAt = discount.starts_at ? new Date(discount.starts_at) : null\n        const endsAt = discount.ends_at ? new Date(discount.ends_at) : null\n\n        // \u68C0\u67E5 coupon \u662F\u5426\u5728\u6709\u6548\u671F\u5185\n        if (startsAt && startsAt > now) return false\n        if (endsAt && endsAt < now) return false\n\n        return true\n      })\n\n      // \u8FD4\u56DE\u6298\u6263\u91D1\u989D\uFF08fixed_amount \u7C7B\u578B\uFF09\n      if (validDiscount?.fixed_value) {\n        return parseFloat(validDiscount.fixed_value)\n      }\n\n      return 0\n    } catch (error) {\n      console.error('Failed to get coupon discount:', error)\n      return 0\n    }\n  }, [])\n\n  // \u8BA1\u7B97\u4F1A\u5458\u4EF7\u7684\u8F85\u52A9\u51FD\u6570\uFF08\u4EC5\u4F7F\u7528\u666E\u901A\u4F1A\u5458 user_identity = 1 \u7684\u6298\u6263\uFF0C\u5E76\u53E0\u52A0 coupon \u6298\u6263\uFF09\n  const calculateMemberPrice = useCallback(\n    (price: number, discount: any, variant?: any) => {\n      const discountConfig = discount?.discount_conf\n      if (!discountConfig) return null\n\n      // \u6839\u636E\u6298\u6263\u7C7B\u578B\u8BA1\u7B97\u4F1A\u5458\u4EF7\n      let salePrice = new Decimal(price)\n      switch (discountConfig.discount_type) {\n        case FunctionDiscountType.Percentage:\n          salePrice = salePrice.mul(100 - discountConfig.discount_value).div(100)\n          break\n        case FunctionDiscountType.FixedAmount:\n          salePrice = salePrice.sub(discountConfig.discount_value)\n          break\n        case FunctionDiscountType.FixedPrice:\n          salePrice = new Decimal(discountConfig.discount_value)\n          break\n      }\n\n      // \u53E0\u52A0 coupon \u6298\u6263\n      if (variant) {\n        const couponDiscount = getCouponDiscount(variant)\n        if (couponDiscount > 0) {\n          salePrice = salePrice.sub(couponDiscount)\n        }\n      }\n\n      // \u786E\u4FDD\u4EF7\u683C\u4E0D\u4E3A\u8D1F\u6570\n      if (salePrice.lessThan(0)) {\n        salePrice = new Decimal(0)\n      }\n\n      return {\n        memberPrice: salePrice.toNumber(),\n        originalPrice: price,\n      }\n    },\n    [getCouponDiscount]\n  )\n\n  // \u5904\u7406\u4F1A\u5458\u4EF7\u4EA7\u54C1\u5217\u8868\uFF08\u4EC5\u666E\u901A\u4F1A\u5458 user_identity = 1 \u7684\u6298\u6263\uFF09\n  const memberPriceList = useMemo(() => {\n    if (!targetRule || !memberPriceProducts) return []\n\n    // \u83B7\u53D6\u6240\u6709 user_identity === 1 \u7684 discounts\n    const allDiscounts = targetRule.result_detail?.member_discounts?.filter(\n      (discount: any) => discount.user_identity === 1\n    ) || []\n\n    // \u5408\u5E76\u6240\u6709 discounts \u7684 variants\uFF0C\u5E76\u4FDD\u5B58\u5BF9\u5E94\u7684 discount \u4FE1\u606F\n    const allVariantsWithDiscount = allDiscounts.flatMap((discount: any) =>\n      (discount.main_products?.variants || []).map((variant: any) => ({\n        ...variant,\n        discount, // \u5C06 discount \u4FE1\u606F\u4FDD\u5B58\u5230 variant \u4E2D\n      }))\n    )\n\n    return (\n      (allVariantsWithDiscount\n        .map((variantWithDiscount: any) => {\n          const product = memberPriceProducts.find(p => p.handle === variantWithDiscount.handle)\n          if (!product) return null\n\n          const productVariant = product.variants?.find(v => v.sku === variantWithDiscount.sku) || product.variants?.[0]\n          if (!productVariant || !productVariant.availableForSale) return null\n\n          const priceResult = calculateMemberPrice(\n            productVariant.price.amount,\n            variantWithDiscount.discount,\n            productVariant\n          )\n          if (!priceResult) return null\n\n          return {\n            product,\n            productVariant,\n            memberPrice: priceResult.memberPrice,\n            originalPrice: priceResult.originalPrice,\n          }\n        })\n        ?.filter(Boolean) as unknown as MemberPriceProduct[]) || []\n    )\n  }, [targetRule, memberPriceProducts, calculateMemberPrice])\n\n  // \u5904\u7406\u79EF\u5206\u5151\u6362\u4EA7\u54C1\u5217\u8868\uFF08\u590D\u7528 creditsCash \u7684\u903B\u8F91\uFF0C\u8FC7\u6EE4\u7F3A\u8D27\u5546\u54C1\uFF09\n  const redeemList = useMemo(() => {\n    return redeemProducts\n      ?.map((product: Product) => {\n        const config = copy.redeemTab.list.find(item => item.products?.[0]?.handle === product.handle)\n        const alpcData = redeemableList.find(item => item.id?.toString() === config?.redeemId?.toString())\n        const productVariant =\n          product.variants?.find((variant: any) => variant.sku === config?.products?.[0]?.sku) || product.variants?.[0]\n\n        // \u8FC7\u6EE4\u6761\u4EF6\uFF1A\n        // 1. \u5FC5\u987B\u6709 alpcData \u548C productVariant\n        // 2. \u5546\u54C1\u4E0D\u80FD\u7F3A\u8D27\n        // 3. \u5982\u679C\u6709\u5E93\u5B58\u9650\u5236\uFF0C\u5219\u5E93\u5B58\u5FC5\u987B\u5927\u4E8E 0\n        if (!alpcData || !productVariant) return null\n        if (!productVariant.availableForSale) return null\n        if (alpcData.is_limited && alpcData.remaining_inventory <= 0) return null\n\n        return {\n          product,\n          productVariant,\n          productHref: config?.products?.[0]?.href,\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      })\n      .filter(Boolean) as unknown as RedeemItem[]\n  }, [redeemProducts, copy.redeemTab.list, redeemableList])\n\n  // \u8BA1\u7B97\u4F1A\u5458\u4EF7\u5206\u9875\n  const memberPricePagination = useMemo(() => {\n    const totalItems = memberPriceList?.length || 0\n    const totalPages = Math.ceil(totalItems / itemsPerPage)\n    const startIndex = (currentPage - 1) * itemsPerPage\n    const endIndex = startIndex + itemsPerPage\n    const currentItems = memberPriceList?.slice(startIndex, endIndex) || []\n\n    return {\n      totalPages,\n      currentItems,\n      showPagination: totalPages > 1,\n    }\n  }, [memberPriceList, currentPage, itemsPerPage])\n\n  // \u8BA1\u7B97\u79EF\u5206\u5151\u6362\u5206\u9875\n  const redeemPagination = useMemo(() => {\n    const totalItems = redeemList?.length || 0\n    const totalPages = Math.ceil(totalItems / itemsPerPage)\n    const startIndex = (currentPage - 1) * itemsPerPage\n    const endIndex = startIndex + itemsPerPage\n    const currentItems = redeemList?.slice(startIndex, endIndex) || []\n\n    return {\n      totalPages,\n      currentItems,\n      showPagination: totalPages > 1,\n    }\n  }, [redeemList, currentPage, itemsPerPage])\n\n  // \u5904\u7406\u9875\u9762\u5207\u6362\uFF0C\u6EDA\u52A8\u5230\u6A21\u5757\u9876\u90E8\n  const handlePageChange = useCallback(\n    (page: number) => {\n      setCurrentPage(page)\n      // \u6EDA\u52A8\u5230\u6A21\u5757\u9876\u90E8\n      if (containerRef.current) {\n        const top = containerRef.current.offsetTop\n        window.scrollTo({\n          top: top - 80, // \u51CF\u53BB 80px \u7684\u504F\u79FB\u91CF\uFF0C\u907F\u514D\u88AB\u56FA\u5B9A\u5934\u90E8\u906E\u6321\n          behavior: 'smooth',\n        })\n      }\n    },\n    [setCurrentPage]\n  )\n\n  // \u5904\u7406 tab \u5207\u6362\u5E76\u53D1\u9001\u57CB\u70B9\n  const handleTabChange = useCallback(\n    (value: string) => {\n      const tabType = value as 'memberPrice' | 'redeem'\n      setActiveTab(tabType)\n\n      // \u67E5\u627E\u5F53\u524D tab \u7684 label\n      const currentTab = copy.tabs.find(tab => tab.type === tabType)\n      const tabLabel = currentTab?.label || ''\n\n      // \u53D1\u9001 tab \u70B9\u51FB\u57CB\u70B9\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'lp_button',\n        member_active_status: profile?.activated ? 'active' : 'not active',\n        event_parameters: {\n          page_group: gtm.pageGroup,\n          position: copy.title,\n          button_name: tabLabel,\n        },\n      })\n    },\n    [copy.tabs, copy.title, profile?.activated, gtm.pageGroup]\n  )\n\n  return (\n    <Container id={id} className={cn('bg-[#F5F5F5]')} ref={containerRef}>\n      <Heading as=\"h2\" size=\"4\" html={copy.title} className=\"mx:px-[16px]\" />\n\n      <Tabs\n        align=\"left\"\n        className=\"mt-[24px]\"\n        value={activeTab}\n        onValueChange={handleTabChange}\n      >\n        <TabsList>\n          {copy.tabs.map((tab, index) => (\n            <TabsTrigger key={index} value={tab.type}>\n              {tab.label}\n            </TabsTrigger>\n          ))}\n        </TabsList>\n      </Tabs>\n\n      {/* Tab \u5185\u5BB9 */}\n      <div className=\"relative mt-[24px]\">\n        {/* \u4F1A\u5458\u4EF7 Tab  */}\n        {activeTab === 'memberPrice' && (\n          <>\n            <div className=\"grid md:grid-cols-2 gap-[12px] grid-cols-4 md-xl:grid-cols-3 lg:gap-[16px]\">\n              {memberPricePagination.currentItems?.map((item, index: number) => (\n                <MemberPriceItem key={index} itemData={item} copy={copy.memberPriceTab} />\n              ))}\n            </div>\n            <Pagination\n              currentPage={currentPage}\n              totalPages={memberPricePagination.totalPages}\n              onPageChange={handlePageChange}\n            />\n          </>\n        )}\n\n        {/* \u79EF\u5206\u5151\u6362 Tab  */}\n        {activeTab === 'redeem' && (\n          <>\n            <div className=\"grid md:grid-cols-2 gap-[12px] grid-cols-4 md-xl:grid-cols-3 lg:gap-[16px]\">\n              {redeemPagination.currentItems?.map((item, index: number) => (\n                <RedeemableItem\n                  key={index}\n                  copy={{\n                    title: copy.title,\n                    ...copy.redeemTab,\n                  }}\n                  itemData={item}\n                  setRules={setRules}\n                  currencyCode={redeemProducts?.[0]?.price.currencyCode || 'USD'}\n                />\n              ))}\n            </div>\n            <Pagination\n              currentPage={currentPage}\n              totalPages={redeemPagination.totalPages}\n              onPageChange={handlePageChange}\n            />\n          </>\n        )}\n      </div>\n\n      {/* Rules Modal */}\n      {rules && (\n        <RulesModal\n          overlayClassName=\"md:px-[16px] md:items-center\"\n          className={cn('md:h-fit md:rounded-b-[16px]', !rounded && 'md:rounded-none')}\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={pageCommon?.ruleLabel}\n          ruleClassName=\"text-[#1d1d1f] font-bold\"\n        />\n      )}\n    </Container>\n  )\n}\n"],
+  "mappings": "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",
   "names": ["Fragment", "jsx", "jsxs", "Container", "Heading", "Tabs", "TabsList", "TabsTrigger", "useMemo", "useState", "useEffect", "useCallback", "useRef", "Decimal", "MemberPriceItem", "RedeemableItem", "useRedeemableList", "RulesModal", "Pagination", "useProductsByHandles", "useHeadlessContext", "gaTrack", "cn", "useCreditsContext", "FunctionDiscountType", "ROUNDED_BRANDS", "CreditsMemberPrice", "copy", "id", "activeTab", "setActiveTab", "rules", "setRules", "currentPage", "setCurrentPage", "itemsPerPage", "setItemsPerPage", "redeemableList", "pageCommon", "memberPriceDiscount", "profile", "gtm", "brand", "rounded", "containerRef", "variantMetafieldIdentifiers", "updateItemsPerPage", "width", "targetRule", "rule", "memberPriceHandles", "discount", "variant", "memberPriceProducts", "redeemProducts", "item", "getCouponDiscount", "discountData", "discounts", "now", "validDiscount", "startsAt", "endsAt", "error", "calculateMemberPrice", "price", "discountConfig", "salePrice", "couponDiscount", "memberPriceList", "variantWithDiscount", "product", "p", "productVariant", "v", "priceResult", "redeemList", "config", "alpcData", "memberPricePagination", "totalItems", "totalPages", "startIndex", "endIndex", "currentItems", "redeemPagination", "handlePageChange", "page", "top", "handleTabChange", "value", "tabType", "tabLabel", "tab", "index"]
 }

package/dist/esm/components/credits/creditsMemberPrice/MemberPriceItem.js

@@ -1,2 +1,2 @@
-import{jsx as r,jsxs as o}from"react/jsx-runtime";import{Button as A,Text as s,Picture as M,Badge as $}from"@anker-in/headless-ui";import{useMemo as x,useState as L}from"react";import{formatPrice as w,extractVariantId as P}from"../context/utils";import{classNames as p,useHeadlessContext as E,useBuyNow as F}from"@anker-in/lib";import{useCreditsContext as H}from"../context/provider";import{ROUNDED_BRANDS as z}from"../../../constants";function O({itemData:e,copy:n,className:_}){const{brand:m,locale:g}=E(),{profile:i,openSignUpPopup:T,cartConfig:c,gtm:l}=H(),V=z.includes(m),{trigger:k,isMutating:f}=F({},{throwOnError:!0}),[b,v]=L(!1),C=x(()=>e.productVariant?.availableForSale,[e.productVariant?.availableForSale]),S=x(()=>!!i,[i]),a=x(()=>{try{const t=e.productVariant?.metafields?.__discountCodeApp?.data;if(!t)return;const u=t;if(!Array.isArray(u)||u.length===0)return;const y=new Date;return u.find(d=>{const h=d.starts_at?new Date(d.starts_at):null,N=d.ends_at?new Date(d.ends_at):null;return!(h&&h>y||N&&N<y)})?.title}catch(t){console.error("Failed to get discount code:",t);return}},[e.productVariant?.metafields]),B=async()=>{if(!c?.addToCart){console.warn("cartConfig.addToCart is required");return}try{v(!0);const t=[];a&&t.push({key:"_member_price",value:JSON.stringify({code:a})}),await c.addToCart({variantList:[{variant:e.productVariant,quantity:1,attributes:t.length>0?t:void 0}],cartAttributes:{_member_type:String(i?.memberType||0)},discountCodes:a?[a]:void 0})}catch(t){console.error("Add to cart failed:",t)}finally{v(!1)}},I=()=>{if(!S){T();return}const t=[];a&&t.push({key:"_member_price",value:JSON.stringify({code:a})}),k({customAttributes:[{key:"_member_type",value:String(i?.memberType||0)}],lineItems:[{variant:e.productVariant,quantity:1,attributes:t.length>0?t:void 0}],discountCodes:a?[a]:void 0,gtmParams:{pageGroup:l.pageGroup,position:"mmeber-price-card"}})};return o("div",{className:p("relative flex flex-col items-center bg-[#EAEAEC] px-[24px] pb-[24px] l:px-[8px] l:pb-[8px] rounded-[16px] md-xl:px-[16px] md-xl:pb-[16px] md:rounded-[12px]",!V&&"rounded-none md:rounded-none",n.badgeLabel?"pt-[48px] l:pt-[44px]":"pt-[24px] md-xl:pt-[16px] l:pt-[8px]",_),children:[n.badgeLabel&&r($,{className:"absolute left-[24px] !bg-gradient-brand l:left-[16px] top-[16px] z-10",size:"lg",variant:"promotional",promotionalType:"regular-member",children:n.badgeLabel}),r("a",{href:P(e.productVariant?.id)?`/products/${e.product.handle}?variant=${P(e.productVariant?.id)}${l.pageHandle?`&ref=${l.pageHandle}`:""}`:`/products/${e.product.handle}${l.pageHandle?`?ref=${l.pageHandle}`:""}`,className:p("relative mx-auto h-[196px] w-fit md:h-[120px] md-xxl:h-[138px]"),children:r(M,{className:"mx-auto h-full w-auto",imgClassName:"h-full object-contain",source:e?.productVariant?.metafields?.global?.transparentImg||e?.config?.image?.url||e?.productVariant?.image?.url})}),o("div",{className:p("mt-[10px] xl:mt-[8px] w-full"),children:[r(s,{html:e?.product?.title,title:e?.product?.title,className:"line-clamp-2 text-[24px] min-h-[58px] l-xxl:min-h-[48px] l:min-h-[38px] l-xxl:text-[20px] l:text-[16px] font-bold leading-[1.2] tracking-[-0.8px] text-[#080A0F]"}),o("div",{className:"mt-[24px] l:mt-[12px] flex flex-col gap-[8px] l:gap-0",children:[r(s,{html:n.memberPriceLabel,className:p("text-brand-color-0 text-[16px] l-xl:text-[14px] l:text-[12px] w-fit font-bold leading-[1.4] tracking-[-0.28px]",m==="ankersolix"&&"leading-none bg-gradient-to-r from-[#2c7ed0] via-[#00a9e1] via-[43%] to-[#00db84] bg-clip-text text-transparent"),as:"p"}),o("div",{className:"flex items-center gap-[4px]",children:[r(s,{html:w({amount:e.memberPrice,currencyCode:e?.productVariant?.price.currencyCode||"USD",locale:g}),className:"text-[24px] l-xxl:text-[20px] l:text-[16px] font-bold leading-[1.2] tracking-[-0.8px] text-[#080A0F]",as:"span"}),r(s,{html:w({amount:e.originalPrice,currencyCode:e?.productVariant?.price.currencyCode||"USD",locale:g}),className:"text-[24px] l-xxl:text-[20px] l:text-[16px] font-bold leading-[1.2] tracking-[-0.8px] text-[#4A4C56] line-through",as:"span"})]}),o("div",{className:"flex w-full mt-[8px] gap-[8px] l:flex-col",children:[r(A,{variant:"secondary",className:"flex-1 md:w-full",size:"lg",onClick:B,disabled:!C||!c?.addToCart||b,loading:b,children:n.addToCart}),r(A,{variant:"primary",className:"flex-1 md:w-full",size:"lg",onClick:I,disabled:!C||f,loading:f,children:n.shopNowText})]})]})]})]})}var Y=O;export{Y as default};
+import{jsx as r,jsxs as o}from"react/jsx-runtime";import{Button as A,Text as s,Picture as M,Badge as $}from"@anker-in/headless-ui";import{useMemo as x,useState as H}from"react";import{formatPrice as w,extractVariantId as P}from"../context/utils";import{classNames as p,useHeadlessContext as L,useBuyNow as E}from"@anker-in/lib";import{useCreditsContext as F}from"../context/provider";import{ROUNDED_BRANDS as z}from"../../../constants";function O({itemData:e,copy:n,className:_}){const{brand:m,locale:g}=L(),{profile:i,openSignUpPopup:T,cartConfig:c,gtm:l}=F(),V=z.includes(m),{trigger:k,isMutating:f}=E({},{throwOnError:!0}),[b,v]=H(!1),C=x(()=>e.productVariant?.availableForSale,[e.productVariant?.availableForSale]),S=x(()=>!!i,[i]),a=x(()=>{try{const t=e.productVariant?.metafields?.__discountCodeApp?.data;if(!t)return;const u=t;if(!Array.isArray(u)||u.length===0)return;const y=new Date;return u.find(d=>{const h=d.starts_at?new Date(d.starts_at):null,N=d.ends_at?new Date(d.ends_at):null;return!(h&&h>y||N&&N<y)})?.title}catch(t){console.error("Failed to get discount code:",t);return}},[e.productVariant?.metafields]),B=async()=>{if(!c?.addToCart){console.warn("cartConfig.addToCart is required");return}try{v(!0);const t=[];a&&t.push({key:"_member_price",value:JSON.stringify({code:a})}),await c.addToCart({variantList:[{variant:e.productVariant,quantity:1,attributes:t.length>0?t:void 0}],cartAttributes:{_member_type:String(i?.memberType||0)},discountCodes:a?[a]:void 0})}catch(t){console.error("Add to cart failed:",t)}finally{v(!1)}},I=()=>{if(!S){T();return}const t=[];a&&t.push({key:"_member_price",value:JSON.stringify({code:a})}),k({customAttributes:[{key:"_member_type",value:String(i?.memberType||0)}],lineItems:[{variant:e.productVariant,quantity:1,attributes:t.length>0?t:void 0}],discountCodes:a?[a]:void 0,gtmParams:{pageGroup:l.pageGroup,position:"mmeber-price-card"}})};return o("div",{className:p("relative flex flex-col items-center bg-[#EAEAEC] px-[24px] pb-[24px] l:px-[8px] l:pb-[8px] rounded-[16px] md-xl:px-[16px] md-xl:pb-[16px] md:rounded-[12px]",!V&&"rounded-none md:rounded-none",n.badgeLabel?"pt-[48px] l:pt-[44px]":"pt-[24px] md-xl:pt-[16px] l:pt-[8px]",_),children:[n.badgeLabel&&r($,{className:"absolute left-[24px] !bg-gradient-brand l:left-[16px] top-[16px] z-10",size:"lg",variant:"promotional",promotionalType:"regular-member",children:n.badgeLabel}),r("a",{href:e.productHref??(P(e.productVariant?.id)?`/products/${e.product.handle}?variant=${P(e.productVariant?.id)}${l.pageHandle?`&ref=${l.pageHandle}`:""}`:`/products/${e.product.handle}${l.pageHandle?`?ref=${l.pageHandle}`:""}`),className:p("relative mx-auto h-[196px] w-fit md:h-[120px] md-xxl:h-[138px]"),children:r(M,{className:"mx-auto h-full w-auto",imgClassName:"h-full object-contain",source:e?.productVariant?.metafields?.global?.transparentImg||e?.config?.image?.url||e?.productVariant?.image?.url})}),o("div",{className:p("mt-[10px] xl:mt-[8px] w-full"),children:[r(s,{html:e?.product?.title,title:e?.product?.title,className:"line-clamp-2 text-[24px] min-h-[58px] l-xxl:min-h-[48px] l:min-h-[38px] l-xxl:text-[20px] l:text-[16px] font-bold leading-[1.2] tracking-[-0.8px] text-[#080A0F]"}),o("div",{className:"mt-[24px] l:mt-[12px] flex flex-col gap-[8px] l:gap-0",children:[r(s,{html:n.memberPriceLabel,className:p("text-brand-color-0 text-[16px] l-xl:text-[14px] l:text-[12px] w-fit font-bold leading-[1.4] tracking-[-0.28px]",m==="ankersolix"&&"leading-none bg-gradient-to-r from-[#2c7ed0] via-[#00a9e1] via-[43%] to-[#00db84] bg-clip-text text-transparent"),as:"p"}),o("div",{className:"flex items-center gap-[4px]",children:[r(s,{html:w({amount:e.memberPrice,currencyCode:e?.productVariant?.price.currencyCode||"USD",locale:g}),className:"text-[24px] l-xxl:text-[20px] l:text-[16px] font-bold leading-[1.2] tracking-[-0.8px] text-[#080A0F]",as:"span"}),r(s,{html:w({amount:e.originalPrice,currencyCode:e?.productVariant?.price.currencyCode||"USD",locale:g}),className:"text-[24px] l-xxl:text-[20px] l:text-[16px] font-bold leading-[1.2] tracking-[-0.8px] text-[#4A4C56] line-through",as:"span"})]}),o("div",{className:"flex w-full mt-[8px] gap-[8px] l:flex-col",children:[r(A,{variant:"secondary",className:"flex-1 md:w-full",size:"lg",onClick:B,disabled:!C||!c?.addToCart||b,loading:b,children:n.addToCart}),r(A,{variant:"primary",className:"flex-1 md:w-full",size:"lg",onClick:I,disabled:!C||f,loading:f,children:n.shopNowText})]})]})]})]})}var Y=O;export{Y as default};
 //# sourceMappingURL=MemberPriceItem.js.map

package/dist/esm/components/credits/creditsMemberPrice/MemberPriceItem.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/credits/creditsMemberPrice/MemberPriceItem.tsx"],
-  "sourcesContent": ["import { Button, Text, Picture, Badge } from '@anker-in/headless-ui'\nimport { useMemo, useState } from 'react'\n\nimport { CreditsMemberPriceCopy, MemberPriceProduct } from './type'\nimport { formatPrice, extractVariantId } from '../context/utils'\nimport { classNames as cn, useHeadlessContext, useBuyNow } from '@anker-in/lib'\nimport { useCreditsContext } from '../context/provider'\nimport { ROUNDED_BRANDS } from '../../../constants'\n\nfunction MemberPriceItem({\n  itemData,\n  copy,\n  className,\n}: {\n  itemData: MemberPriceProduct\n  copy: CreditsMemberPriceCopy['memberPriceTab']\n  className?: string\n}) {\n  const { brand, locale } = useHeadlessContext()\n  const { profile, openSignUpPopup, cartConfig, gtm } = useCreditsContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  // \u4F7F\u7528 buyNow hook \u6765\u5904\u7406\u7ED3\u7B97\n  const { trigger: buyNow, isMutating: isBuying } = useBuyNow({}, { throwOnError: true })\n\n  // \u672C\u5730 loading \u72B6\u6001\uFF0C\u907F\u514D\u5168\u5C40 loading \u5F71\u54CD\u6240\u6709\u5361\u7247\n  const [isAddingToCart, setIsAddingToCart] = useState(false)\n\n  const isAvailable = useMemo(() => {\n    return itemData.productVariant?.availableForSale\n  }, [itemData.productVariant?.availableForSale])\n\n  const isLogin = useMemo(() => {\n    return !!profile\n  }, [profile])\n\n  // \u4ECE variant metafields \u4E2D\u83B7\u53D6 coupon code\n  const getCouponCode = useMemo(() => {\n    try {\n      const discountData = itemData.productVariant?.metafields?.__discountCodeApp?.data\n      if (!discountData) return undefined\n\n      // discountData \u5DF2\u7ECF\u662F\u5BF9\u8C61\uFF0C\u4E0D\u9700\u8981 JSON.parse\n      const discounts = discountData\n      if (!Array.isArray(discounts) || discounts.length === 0) return undefined\n\n      // \u83B7\u53D6\u7B2C\u4E00\u4E2A\u6709\u6548\u7684 coupon\uFF08\u68C0\u67E5\u65F6\u95F4\u8303\u56F4\uFF09\n      const now = new Date()\n      const validDiscount = discounts.find((discount: any) => {\n        const startsAt = discount.starts_at ? new Date(discount.starts_at) : null\n        const endsAt = discount.ends_at ? new Date(discount.ends_at) : null\n\n        // \u68C0\u67E5 coupon \u662F\u5426\u5728\u6709\u6548\u671F\u5185\n        if (startsAt && startsAt > now) return false\n        if (endsAt && endsAt < now) return false\n\n        return true\n      })\n\n      return validDiscount?.title\n    } catch (error) {\n      console.error('Failed to get discount code:', error)\n      return undefined\n    }\n  }, [itemData.productVariant?.metafields])\n\n  // Add to Cart \u6309\u94AE\u70B9\u51FB - \u8C03\u7528\u52A0\u8D2D\u65B9\u6CD5\n  const handleAddToCart = async () => {\n    if (!cartConfig?.addToCart) {\n      console.warn('cartConfig.addToCart is required')\n      return\n    }\n\n    try {\n      setIsAddingToCart(true)\n\n      // \u6784\u5EFA lineItem attributes\n      const lineItemAttributes: Array<{ key: string; value: string }> = []\n      if (getCouponCode) {\n        lineItemAttributes.push({\n          key: '_member_price',\n          value: JSON.stringify({ code: getCouponCode }),\n        })\n      }\n\n      await cartConfig.addToCart({\n        variantList: [\n          {\n            variant: itemData.productVariant,\n            quantity: 1,\n            attributes: lineItemAttributes.length > 0 ? lineItemAttributes : undefined,\n          },\n        ],\n        cartAttributes: {\n          _member_type: String(profile?.memberType || 0),\n        },\n        discountCodes: getCouponCode ? [getCouponCode] : undefined,\n      })\n    } catch (error) {\n      console.error('Add to cart failed:', error)\n    } finally {\n      setIsAddingToCart(false)\n    }\n  }\n\n  // Shop Now \u6309\u94AE\u70B9\u51FB - \u68C0\u67E5\u767B\u5F55\u72B6\u6001\u540E\u4F7F\u7528 buyNow \u8FDB\u884C\u7ED3\u7B97\n  const handleShopNow = () => {\n    // \u5982\u679C\u672A\u767B\u5F55\uFF0C\u5F39\u51FA\u767B\u5F55\u5F39\u7A97\n    if (!isLogin) {\n      openSignUpPopup()\n      return\n    }\n\n    // \u6784\u5EFA lineItem attributes\n    const lineItemAttributes: Array<{ key: string; value: string }> = []\n    if (getCouponCode) {\n      lineItemAttributes.push({\n        key: '_member_price',\n        value: JSON.stringify({ code: getCouponCode }),\n      })\n    }\n\n    // \u5DF2\u767B\u5F55\uFF0C\u6267\u884C\u8D2D\u4E70\n    buyNow({\n      customAttributes: [\n        {\n          key: '_member_type',\n          value: String(profile?.memberType || 0),\n        },\n      ],\n      lineItems: [\n        {\n          variant: itemData.productVariant,\n          quantity: 1,\n          attributes: lineItemAttributes.length > 0 ? lineItemAttributes : undefined,\n        },\n      ],\n      discountCodes: getCouponCode ? [getCouponCode] : undefined,\n      gtmParams: {\n        pageGroup: gtm.pageGroup,\n        position: 'mmeber-price-card',\n      },\n    })\n  }\n\n  return (\n    <div\n      className={cn(\n        'relative flex flex-col items-center bg-[#EAEAEC] px-[24px] pb-[24px] l:px-[8px] l:pb-[8px] rounded-[16px] md-xl:px-[16px] md-xl:pb-[16px] md:rounded-[12px]',\n        !rounded && 'rounded-none md:rounded-none',\n        copy.badgeLabel ? 'pt-[48px] l:pt-[44px]' : 'pt-[24px] md-xl:pt-[16px] l:pt-[8px]',\n        className\n      )}\n    >\n      {/* Member \u6807\u7B7E Badge */}\n      {copy.badgeLabel && (\n        <Badge\n          className=\"absolute left-[24px] !bg-gradient-brand l:left-[16px] top-[16px] z-10\"\n          size=\"lg\"\n          variant=\"promotional\"\n          promotionalType=\"regular-member\"\n        >\n          {copy.badgeLabel}\n        </Badge>\n      )}\n\n      {/* \u4EA7\u54C1\u56FE\u7247 - \u4F18\u5148\u4F7F\u7528\u4EA7\u54C1\u7684 metafields \u900F\u660E\u56FE */}\n      <a\n        href={\n          extractVariantId(itemData.productVariant?.id)\n            ? `/products/${itemData.product.handle}?variant=${extractVariantId(itemData.productVariant?.id)}${gtm.pageHandle ? `&ref=${gtm.pageHandle}` : ''}`\n            : `/products/${itemData.product.handle}${gtm.pageHandle ? `?ref=${gtm.pageHandle}` : ''}`\n        }\n        className={cn('relative mx-auto h-[196px] w-fit md:h-[120px] md-xxl:h-[138px]')}\n      >\n        <Picture\n          className=\"mx-auto h-full w-auto\"\n          imgClassName=\"h-full object-contain\"\n          source={\n            itemData?.productVariant?.metafields?.global?.transparentImg ||\n            itemData?.config?.image?.url ||\n            itemData?.productVariant?.image?.url\n          }\n        ></Picture>\n      </a>\n\n      {/* \u4EA7\u54C1\u4FE1\u606F */}\n      <div className={cn('mt-[10px] xl:mt-[8px] w-full')}>\n        {/* \u4EA7\u54C1\u6807\u9898 - \u4F7F\u7528\u4EA7\u54C1\u7684\u771F\u5B9E\u6807\u9898 */}\n        <Text\n          html={itemData?.product?.title}\n          title={itemData?.product?.title}\n          className=\"line-clamp-2 text-[24px] min-h-[58px] l-xxl:min-h-[48px] l:min-h-[38px] l-xxl:text-[20px] l:text-[16px] font-bold leading-[1.2] tracking-[-0.8px] text-[#080A0F]\"\n        />\n\n        {/* \u4EF7\u683C\u4FE1\u606F */}\n        <div className=\"mt-[24px] l:mt-[12px] flex flex-col gap-[8px] l:gap-0\">\n          {/* Member Price \u6807\u7B7E - \u4F7F\u7528 text-brand-color-1 */}\n          <Text\n            html={copy.memberPriceLabel}\n            className={cn(\n              'text-brand-color-0 text-[16px] l-xl:text-[14px] l:text-[12px] w-fit font-bold leading-[1.4] tracking-[-0.28px]',\n              brand === 'ankersolix' &&\n                'leading-none bg-gradient-to-r from-[#2c7ed0] via-[#00a9e1] via-[43%] to-[#00db84] bg-clip-text text-transparent'\n            )}\n            as=\"p\"\n          />\n\n          {/* \u4F1A\u5458\u4EF7\u548C\u539F\u4EF7\u5728\u540C\u4E00\u884C */}\n          <div className=\"flex items-center gap-[4px]\">\n            <Text\n              html={formatPrice({\n                amount: itemData.memberPrice,\n                currencyCode: itemData?.productVariant?.price.currencyCode || 'USD',\n                locale: locale,\n              })}\n              className=\"text-[24px] l-xxl:text-[20px] l:text-[16px] font-bold leading-[1.2] tracking-[-0.8px] text-[#080A0F]\"\n              as=\"span\"\n            />\n            <Text\n              html={formatPrice({\n                amount: itemData.originalPrice,\n                currencyCode: itemData?.productVariant?.price.currencyCode || 'USD',\n                locale: locale,\n              })}\n              className=\"text-[24px] l-xxl:text-[20px] l:text-[16px] font-bold leading-[1.2] tracking-[-0.8px] text-[#4A4C56] line-through\"\n              as=\"span\"\n            />\n          </div>\n\n          {/* \u6309\u94AE\u7EC4 */}\n          <div className=\"flex w-full mt-[8px] gap-[8px] l:flex-col\">\n            {/* Add to Cart \u6309\u94AE */}\n            <Button\n              variant=\"secondary\"\n              className=\"flex-1 md:w-full\"\n              size=\"lg\"\n              onClick={handleAddToCart}\n              disabled={!isAvailable || !cartConfig?.addToCart || isAddingToCart}\n              loading={isAddingToCart}\n            >\n              {copy.addToCart}\n            </Button>\n\n            {/* Shop Now \u6309\u94AE */}\n            <Button\n              variant=\"primary\"\n              className=\"flex-1 md:w-full\"\n              size=\"lg\"\n              onClick={handleShopNow}\n              disabled={!isAvailable || isBuying}\n              loading={isBuying}\n            >\n              {copy.shopNowText}\n            </Button>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default MemberPriceItem\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { Button, Text, Picture, Badge } from '@anker-in/headless-ui'\nimport { useMemo, useState } from 'react'\n\nimport { CreditsMemberPriceCopy, MemberPriceProduct } from './type'\nimport { formatPrice, extractVariantId } from '../context/utils'\nimport { classNames as cn, useHeadlessContext, useBuyNow } from '@anker-in/lib'\nimport { useCreditsContext } from '../context/provider'\nimport { ROUNDED_BRANDS } from '../../../constants'\n\nfunction MemberPriceItem({\n  itemData,\n  copy,\n  className,\n}: {\n  itemData: MemberPriceProduct\n  copy: CreditsMemberPriceCopy['memberPriceTab']\n  className?: string\n}) {\n  const { brand, locale } = useHeadlessContext()\n  const { profile, openSignUpPopup, cartConfig, gtm } = useCreditsContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  // \u4F7F\u7528 buyNow hook \u6765\u5904\u7406\u7ED3\u7B97\n  const { trigger: buyNow, isMutating: isBuying } = useBuyNow({}, { throwOnError: true })\n\n  // \u672C\u5730 loading \u72B6\u6001\uFF0C\u907F\u514D\u5168\u5C40 loading \u5F71\u54CD\u6240\u6709\u5361\u7247\n  const [isAddingToCart, setIsAddingToCart] = useState(false)\n\n  const isAvailable = useMemo(() => {\n    return itemData.productVariant?.availableForSale\n  }, [itemData.productVariant?.availableForSale])\n\n  const isLogin = useMemo(() => {\n    return !!profile\n  }, [profile])\n\n  // \u4ECE variant metafields \u4E2D\u83B7\u53D6 coupon code\n  const getCouponCode = useMemo(() => {\n    try {\n      const discountData = itemData.productVariant?.metafields?.__discountCodeApp?.data\n      if (!discountData) return undefined\n\n      // discountData \u5DF2\u7ECF\u662F\u5BF9\u8C61\uFF0C\u4E0D\u9700\u8981 JSON.parse\n      const discounts = discountData\n      if (!Array.isArray(discounts) || discounts.length === 0) return undefined\n\n      // \u83B7\u53D6\u7B2C\u4E00\u4E2A\u6709\u6548\u7684 coupon\uFF08\u68C0\u67E5\u65F6\u95F4\u8303\u56F4\uFF09\n      const now = new Date()\n      const validDiscount = discounts.find((discount: any) => {\n        const startsAt = discount.starts_at ? new Date(discount.starts_at) : null\n        const endsAt = discount.ends_at ? new Date(discount.ends_at) : null\n\n        // \u68C0\u67E5 coupon \u662F\u5426\u5728\u6709\u6548\u671F\u5185\n        if (startsAt && startsAt > now) return false\n        if (endsAt && endsAt < now) return false\n\n        return true\n      })\n\n      return validDiscount?.title\n    } catch (error) {\n      console.error('Failed to get discount code:', error)\n      return undefined\n    }\n  }, [itemData.productVariant?.metafields])\n\n  // Add to Cart \u6309\u94AE\u70B9\u51FB - \u8C03\u7528\u52A0\u8D2D\u65B9\u6CD5\n  const handleAddToCart = async () => {\n    if (!cartConfig?.addToCart) {\n      console.warn('cartConfig.addToCart is required')\n      return\n    }\n\n    try {\n      setIsAddingToCart(true)\n\n      // \u6784\u5EFA lineItem attributes\n      const lineItemAttributes: Array<{ key: string; value: string }> = []\n      if (getCouponCode) {\n        lineItemAttributes.push({\n          key: '_member_price',\n          value: JSON.stringify({ code: getCouponCode }),\n        })\n      }\n\n      await cartConfig.addToCart({\n        variantList: [\n          {\n            variant: itemData.productVariant,\n            quantity: 1,\n            attributes: lineItemAttributes.length > 0 ? lineItemAttributes : undefined,\n          },\n        ],\n        cartAttributes: {\n          _member_type: String(profile?.memberType || 0),\n        },\n        discountCodes: getCouponCode ? [getCouponCode] : undefined,\n      })\n    } catch (error) {\n      console.error('Add to cart failed:', error)\n    } finally {\n      setIsAddingToCart(false)\n    }\n  }\n\n  // Shop Now \u6309\u94AE\u70B9\u51FB - \u68C0\u67E5\u767B\u5F55\u72B6\u6001\u540E\u4F7F\u7528 buyNow \u8FDB\u884C\u7ED3\u7B97\n  const handleShopNow = () => {\n    // \u5982\u679C\u672A\u767B\u5F55\uFF0C\u5F39\u51FA\u767B\u5F55\u5F39\u7A97\n    if (!isLogin) {\n      openSignUpPopup()\n      return\n    }\n\n    // \u6784\u5EFA lineItem attributes\n    const lineItemAttributes: Array<{ key: string; value: string }> = []\n    if (getCouponCode) {\n      lineItemAttributes.push({\n        key: '_member_price',\n        value: JSON.stringify({ code: getCouponCode }),\n      })\n    }\n\n    // \u5DF2\u767B\u5F55\uFF0C\u6267\u884C\u8D2D\u4E70\n    buyNow({\n      customAttributes: [\n        {\n          key: '_member_type',\n          value: String(profile?.memberType || 0),\n        },\n      ],\n      lineItems: [\n        {\n          variant: itemData.productVariant,\n          quantity: 1,\n          attributes: lineItemAttributes.length > 0 ? lineItemAttributes : undefined,\n        },\n      ],\n      discountCodes: getCouponCode ? [getCouponCode] : undefined,\n      gtmParams: {\n        pageGroup: gtm.pageGroup,\n        position: 'mmeber-price-card',\n      },\n    })\n  }\n\n  return (\n    <div\n      className={cn(\n        'relative flex flex-col items-center bg-[#EAEAEC] px-[24px] pb-[24px] l:px-[8px] l:pb-[8px] rounded-[16px] md-xl:px-[16px] md-xl:pb-[16px] md:rounded-[12px]',\n        !rounded && 'rounded-none md:rounded-none',\n        copy.badgeLabel ? 'pt-[48px] l:pt-[44px]' : 'pt-[24px] md-xl:pt-[16px] l:pt-[8px]',\n        className\n      )}\n    >\n      {/* Member \u6807\u7B7E Badge */}\n      {copy.badgeLabel && (\n        <Badge\n          className=\"absolute left-[24px] !bg-gradient-brand l:left-[16px] top-[16px] z-10\"\n          size=\"lg\"\n          variant=\"promotional\"\n          promotionalType=\"regular-member\"\n        >\n          {copy.badgeLabel}\n        </Badge>\n      )}\n\n      {/* \u4EA7\u54C1\u56FE\u7247 - \u4F18\u5148\u4F7F\u7528\u4EA7\u54C1\u7684 metafields \u900F\u660E\u56FE */}\n      <a\n        href={\n          itemData.productHref ?? (\n            extractVariantId(itemData.productVariant?.id)\n              ? `/products/${itemData.product.handle}?variant=${extractVariantId(itemData.productVariant?.id)}${gtm.pageHandle ? `&ref=${gtm.pageHandle}` : ''}`\n              : `/products/${itemData.product.handle}${gtm.pageHandle ? `?ref=${gtm.pageHandle}` : ''}`\n          )\n        }\n        className={cn('relative mx-auto h-[196px] w-fit md:h-[120px] md-xxl:h-[138px]')}\n      >\n        <Picture\n          className=\"mx-auto h-full w-auto\"\n          imgClassName=\"h-full object-contain\"\n          source={\n            itemData?.productVariant?.metafields?.global?.transparentImg ||\n            itemData?.config?.image?.url ||\n            itemData?.productVariant?.image?.url\n          }\n        ></Picture>\n      </a>\n\n      {/* \u4EA7\u54C1\u4FE1\u606F */}\n      <div className={cn('mt-[10px] xl:mt-[8px] w-full')}>\n        {/* \u4EA7\u54C1\u6807\u9898 - \u4F7F\u7528\u4EA7\u54C1\u7684\u771F\u5B9E\u6807\u9898 */}\n        <Text\n          html={itemData?.product?.title}\n          title={itemData?.product?.title}\n          className=\"line-clamp-2 text-[24px] min-h-[58px] l-xxl:min-h-[48px] l:min-h-[38px] l-xxl:text-[20px] l:text-[16px] font-bold leading-[1.2] tracking-[-0.8px] text-[#080A0F]\"\n        />\n\n        {/* \u4EF7\u683C\u4FE1\u606F */}\n        <div className=\"mt-[24px] l:mt-[12px] flex flex-col gap-[8px] l:gap-0\">\n          {/* Member Price \u6807\u7B7E - \u4F7F\u7528 text-brand-color-1 */}\n          <Text\n            html={copy.memberPriceLabel}\n            className={cn(\n              'text-brand-color-0 text-[16px] l-xl:text-[14px] l:text-[12px] w-fit font-bold leading-[1.4] tracking-[-0.28px]',\n              brand === 'ankersolix' &&\n                'leading-none bg-gradient-to-r from-[#2c7ed0] via-[#00a9e1] via-[43%] to-[#00db84] bg-clip-text text-transparent'\n            )}\n            as=\"p\"\n          />\n\n          {/* \u4F1A\u5458\u4EF7\u548C\u539F\u4EF7\u5728\u540C\u4E00\u884C */}\n          <div className=\"flex items-center gap-[4px]\">\n            <Text\n              html={formatPrice({\n                amount: itemData.memberPrice,\n                currencyCode: itemData?.productVariant?.price.currencyCode || 'USD',\n                locale: locale,\n              })}\n              className=\"text-[24px] l-xxl:text-[20px] l:text-[16px] font-bold leading-[1.2] tracking-[-0.8px] text-[#080A0F]\"\n              as=\"span\"\n            />\n            <Text\n              html={formatPrice({\n                amount: itemData.originalPrice,\n                currencyCode: itemData?.productVariant?.price.currencyCode || 'USD',\n                locale: locale,\n              })}\n              className=\"text-[24px] l-xxl:text-[20px] l:text-[16px] font-bold leading-[1.2] tracking-[-0.8px] text-[#4A4C56] line-through\"\n              as=\"span\"\n            />\n          </div>\n\n          {/* \u6309\u94AE\u7EC4 */}\n          <div className=\"flex w-full mt-[8px] gap-[8px] l:flex-col\">\n            {/* Add to Cart \u6309\u94AE */}\n            <Button\n              variant=\"secondary\"\n              className=\"flex-1 md:w-full\"\n              size=\"lg\"\n              onClick={handleAddToCart}\n              disabled={!isAvailable || !cartConfig?.addToCart || isAddingToCart}\n              loading={isAddingToCart}\n            >\n              {copy.addToCart}\n            </Button>\n\n            {/* Shop Now \u6309\u94AE */}\n            <Button\n              variant=\"primary\"\n              className=\"flex-1 md:w-full\"\n              size=\"lg\"\n              onClick={handleShopNow}\n              disabled={!isAvailable || isBuying}\n              loading={isBuying}\n            >\n              {copy.shopNowText}\n            </Button>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default MemberPriceItem\n"],
+  "mappings": "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",
   "names": ["jsx", "jsxs", "Button", "Text", "Picture", "Badge", "useMemo", "useState", "formatPrice", "extractVariantId", "cn", "useHeadlessContext", "useBuyNow", "useCreditsContext", "ROUNDED_BRANDS", "MemberPriceItem", "itemData", "copy", "className", "brand", "locale", "profile", "openSignUpPopup", "cartConfig", "gtm", "rounded", "buyNow", "isBuying", "isAddingToCart", "setIsAddingToCart", "isAvailable", "isLogin", "getCouponCode", "discountData", "discounts", "now", "discount", "startsAt", "endsAt", "error", "handleAddToCart", "lineItemAttributes", "handleShopNow", "MemberPriceItem_default"]
 }

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

@@ -43,6 +43,7 @@ export type CreditsMemberPriceCopy = {
             products: {
                 handle: string;
                 sku: string;
+                href?: string;
             }[];
         })[];
         soldOut: string;
@@ -58,5 +59,6 @@ export type MemberPriceProduct = {
     config?: MemberPriceItemConfig;
     memberPrice: number;
     originalPrice: number;
+    productHref?: string;
 };
 export {};

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

@@ -1,2 +1,2 @@
-import{Fragment as le,jsx as o,jsxs as A}from"react/jsx-runtime";import{Container as B,Heading as U,Tabs as V,TabsList as j,TabsTrigger as q}from"@anker-in/headless-ui";import v from"classnames";import{useCallback as J,useMemo as x,useState as y}from"react";import K from"./RedeemCouponModal";import Q from"./RedeemProductModal";import W from"./RedeemVirtualProductModal";import{useCreditsContext as X}from"../context/provider";import Y from"../context/hooks/useRedeemableList";import{AlpcConsumeType as E,AlpcErrorCode as Z,ConsumeType as l}from"../context/const";import{useHeadlessContext as ee,useProductsByHandles as te,gaTrack as re,classNames as M}from"@anker-in/lib";import{RedeemableItem as oe}from"./RedeemableItem";import{ROUNDED_BRANDS as ne}from"../../../constants";import ae from"../modal/RulesModal";import{useRegistration as ie}from"../../../components/registration";import{numberFormat as se}from"../context/utils";import de from"../context/hooks/useMyRewards";const ke=({copy:t,id:P})=>{const{profile:R,openSignUpPopup:G,gtm:{pageGroup:D},pageCommon:u,creditInfo:F}=X(),{authCodeActivate:c}=ie(),{brand:h}=ee(),T=ne.includes(h),m=Object.keys(R||{}).length>0,[g,O]=y(t.list?.[0]?.label||""),[n,p]=y(void 0),[f,L]=y(),{listLoading:w,redeemableList:N,getRedeemableList:S}=Y(),{myRewards:_}=de({page:1,pageSize:100,consumeType:E.ExternalProduct}),s=x(()=>({...u?.redeemModal||{},...t.redeemModal||{}}),[t.redeemModal,u?.redeemModal]),d=x(()=>N.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,g,N]),H=d.map(e=>e.handle),{data:k}=te({handles:H}),$=x(()=>(t.list?.find(r=>r.label===g)?.list||[]).filter(r=>d.some(i=>String(i.id)===String(r.id))).map(r=>{const i=d.find(a=>String(a.id)===String(r.id)),C=k?.find(a=>a.handle===i?.handle),I=C?.variants.find(a=>a.sku===i?.sku);if(i?.isLimited&&(!i?.remainingInventory||i.remainingInventory<=0)||i?.consumeType===E.Product&&(!C||!I))return null;const z=r.type===l.GoGift&&m&&_.some(a=>a.rule_id===Number(r.id));return{alpc:d.find(a=>String(a.id)===String(r.id)),config:r,product:C,variant:I,hasRedeemed:z}}).filter(r=>r!==null),[d,k,m,_]),b=J(e=>{e===Z.CodeLpcRuleInventoryNotEnough&&S()},[S]);return A(B,{id:P,className:v("relative bg-[#F5F5F7]"),children:[o(U,{as:"h2",size:"4",html:t.title}),m&&t.availableCredits&&o("p",{className:"mt-[12px] text-[20px] l-xxl:text-[18px] l:text-[16px] font-bold text-[#4A4C56]",children:t.availableCredits.includes("$credits")?A(le,{children:[t.availableCredits.split("$credits")[0],o("span",{className:M("text-brand-color-0",h==="ankersolix"&&"bg-gradient-to-r from-[#2c7ed0] via-[#00a9e1] via-[43%] to-[#00db84] bg-clip-text text-transparent"),children:se(F?.available_credit||0).toString()}),t.availableCredits.split("$credits")[1]||""]}):t.availableCredits}),o(V,{shape:T?"rounded":"square",align:"left",className:v("py-[24px] md:justify-center"),value:g.toString(),onValueChange:e=>{O(e),re({event:"ga4Event",event_name:"lp_navigation",event_parameters:{navigation:e,page_group:D}})},children:o(j,{children:(t.list||[]).map(e=>o(q,{value:e.label,children:e.label},e.label))})}),!!d?.length&&!w&&o("div",{className:v("relative grid grid-cols-4 gap-[16px] md:grid-cols-2 md:gap-[12px] md-xl:grid-cols-3"),children:$?.map(e=>o(oe,{copy:t,item:e,onRedeem:r=>{m?!R?.activated&&!c.isActivateSuccess?(c.setAutoSendEmail(!0),c.open()):p(r):G()},onRulesOpen:L},e?.alpc?.id))}),(n?.config?.type===l.Coupon||n?.config?.type===l.ShippingCoupon)&&s?.coupon&&n&&o(K,{item:n,copy:s,onError:b,onClose:()=>{p(void 0)}}),n?.config?.type===l.Product&&s?.product&&n&&o(Q,{item:n,copy:s,onError:b,onClose:()=>{p(void 0)}}),(n?.config?.type===l.GiftCard||n?.config?.type===l.GoGift)&&s?.virtualProduct&&n&&o(W,{item:n,copy:s,onError:b,onClose:()=>{p(void 0)}}),f&&o(ae,{overlayClassName:"md:px-[16px] md:items-center",className:M("md:h-fit md:rounded-b-[16px]",!T&&"md:rounded-none"),isOpen:f.length>0,onClose:()=>L([]),titleClassName:"border-b-transparent h-[56px]",rules:f,scrollClassName:"md:mt-[8px] md:mb-[24px] md:pt-0",title:u?.ruleLabel,ruleClassName:"text-[#1d1d1f] font-bold"})]})};export{ke as CreditsRedeemList};
+import{Fragment as le,jsx as o,jsxs as A}from"react/jsx-runtime";import{Container as B,Heading as U,Tabs as V,TabsList as j,TabsTrigger as q}from"@anker-in/headless-ui";import v from"classnames";import{useCallback as J,useMemo as x,useState as y}from"react";import K from"./RedeemCouponModal";import Q from"./RedeemProductModal";import W from"./RedeemVirtualProductModal";import{useCreditsContext as X}from"../context/provider";import Y from"../context/hooks/useRedeemableList";import{AlpcConsumeType as E,AlpcErrorCode as Z,ConsumeType as l}from"../context/const";import{useHeadlessContext as ee,useProductsByHandles as te,gaTrack as re,classNames as M}from"@anker-in/lib";import{RedeemableItem as oe}from"./RedeemableItem";import{ROUNDED_BRANDS as ne}from"../../../constants";import ae from"../modal/RulesModal";import{useRegistration as se}from"../../../components/registration";import{numberFormat as ie}from"../context/utils";import de from"../context/hooks/useMyRewards";const ke=({copy:r,id:P})=>{const{profile:R,openSignUpPopup:G,gtm:{pageGroup:D},pageCommon:u,creditInfo:F}=X(),{authCodeActivate:c}=se(),{brand:h}=ee(),T=ne.includes(h),m=Object.keys(R||{}).length>0,[g,H]=y(r.list?.[0]?.label||""),[n,p]=y(void 0),[f,L]=y(),{listLoading:O,redeemableList:N,getRedeemableList:S}=Y(),{myRewards:_}=de({page:1,pageSize:100,consumeType:E.ExternalProduct}),i=x(()=>({...u?.redeemModal||{},...r.redeemModal||{}}),[r.redeemModal,u?.redeemModal]),d=x(()=>N.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})),[r.list,g,N]),w=d.map(e=>e.handle),{data:k}=te({handles:w}),$=x(()=>(r.list?.find(t=>t.label===g)?.list||[]).filter(t=>d.some(s=>String(s.id)===String(t.id))).map(t=>{const s=d.find(a=>String(a.id)===String(t.id)),C=k?.find(a=>a.handle===s?.handle),I=C?.variants.find(a=>a.sku===s?.sku);if(s?.isLimited&&(!s?.remainingInventory||s.remainingInventory<=0)||s?.consumeType===E.Product&&(!C||!I))return null;const z=t.type===l.GoGift&&m&&_.some(a=>a.rule_id===Number(t.id));return{alpc:d.find(a=>String(a.id)===String(t.id)),config:t,product:C,variant:I,hasRedeemed:z,productHref:t.href}}).filter(t=>t!==null),[d,k,m,_]),b=J(e=>{e===Z.CodeLpcRuleInventoryNotEnough&&S()},[S]);return A(B,{id:P,className:v("relative bg-[#F5F5F7]"),children:[o(U,{as:"h2",size:"4",html:r.title}),m&&r.availableCredits&&o("p",{className:"mt-[12px] text-[20px] l-xxl:text-[18px] l:text-[16px] font-bold text-[#4A4C56]",children:r.availableCredits.includes("$credits")?A(le,{children:[r.availableCredits.split("$credits")[0],o("span",{className:M("text-brand-color-0",h==="ankersolix"&&"bg-gradient-to-r from-[#2c7ed0] via-[#00a9e1] via-[43%] to-[#00db84] bg-clip-text text-transparent"),children:ie(F?.available_credit||0).toString()}),r.availableCredits.split("$credits")[1]||""]}):r.availableCredits}),o(V,{shape:T?"rounded":"square",align:"left",className:v("py-[24px] md:justify-center"),value:g.toString(),onValueChange:e=>{H(e),re({event:"ga4Event",event_name:"lp_navigation",event_parameters:{navigation:e,page_group:D}})},children:o(j,{children:(r.list||[]).map(e=>o(q,{value:e.label,children:e.label},e.label))})}),!!d?.length&&!O&&o("div",{className:v("relative grid grid-cols-4 gap-[16px] md:grid-cols-2 md:gap-[12px] md-xl:grid-cols-3"),children:$?.map(e=>o(oe,{copy:r,item:e,onRedeem:t=>{m?!R?.activated&&!c.isActivateSuccess?(c.setAutoSendEmail(!0),c.open()):p(t):G()},onRulesOpen:L},e?.alpc?.id))}),(n?.config?.type===l.Coupon||n?.config?.type===l.ShippingCoupon)&&i?.coupon&&n&&o(K,{item:n,copy:i,onError:b,onClose:()=>{p(void 0)}}),n?.config?.type===l.Product&&i?.product&&n&&o(Q,{item:n,copy:i,onError:b,onClose:()=>{p(void 0)}}),(n?.config?.type===l.GiftCard||n?.config?.type===l.GoGift)&&i?.virtualProduct&&n&&o(W,{item:n,copy:i,onError:b,onClose:()=>{p(void 0)}}),f&&o(ae,{overlayClassName:"md:px-[16px] md:items-center",className:M("md:h-fit md:rounded-b-[16px]",!T&&"md:rounded-none"),isOpen:f.length>0,onClose:()=>L([]),titleClassName:"border-b-transparent h-[56px]",rules:f,scrollClassName:"md:mt-[8px] md:mb-[24px] md:pt-0",title:u?.ruleLabel,ruleClassName:"text-[#1d1d1f] font-bold"})]})};export{ke as CreditsRedeemList};
 //# sourceMappingURL=CreditsRedeemList.js.map