@anker-in/headless-ui 1.2.3-alpha.1778583232121 → 1.2.4

package/dist/esm/biz-components/Faq/Faq.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/Faq/Faq.tsx"],
-  "sourcesContent": ["'use client'\nimport React, { useImperativeHandle, useRef, useState } from 'react'\nimport type { FaqProps, FaqItem as ItemType, FaqSemanticName } from './types.js'\nimport { Text, Heading } from '../../components/index.js'\nimport { cn } from '../../helpers/index.js'\nimport { withLayout } from '../../shared/Styles.js'\n\nconst Faq = React.forwardRef<HTMLDivElement, FaqProps>(\n  ({ data, className, defaultOpenIndex, classNames = {} }, ref) => {\n    const innerRef = useRef<HTMLDivElement>(null)\n    useImperativeHandle(ref, () => innerRef.current!)\n\n    // \u5C06 defaultOpenIndex \u8F6C\u6362\u4E3A\u6570\u7EC4\u65B9\u4FBF\u5224\u65AD\n    const openIndexes = Array.isArray(defaultOpenIndex)\n      ? defaultOpenIndex\n      : defaultOpenIndex !== undefined\n        ? [defaultOpenIndex]\n        : []\n\n    return (\n      <div ref={innerRef} className={cn(className, classNames.root)}>\n        <div>\n          {data?.productData?.map((item: any, index: number) => (\n            <FaqItem key={index} data={item} defaultOpen={openIndexes.includes(index)} classNames={classNames} />\n          ))}\n        </div>\n      </div>\n    )\n  }\n)\n\nFaq.displayName = 'Faq'\n\ninterface FaqItemProps {\n  data: ItemType\n  defaultOpen?: boolean\n  classNames?: Partial<Record<FaqSemanticName, string>>\n}\n\nconst FaqItem = ({ data, defaultOpen = false, classNames = {} }: FaqItemProps) => {\n  const [open, setOpen] = useState(defaultOpen)\n\n  const handleToggle = () => {\n    setOpen(!open)\n  }\n\n  return (\n    <div className={cn('tablet:py-6 border-b border-[#E4E5E6] py-4', classNames.item)}>\n      <div>\n        <div\n          onClick={handleToggle}\n          className={cn(\n            'tablet:gap-[128px] flex cursor-pointer items-center justify-between gap-4',\n            classNames.itemHeader\n          )}\n        >\n          <Heading\n            as=\"h3\"\n            html={data?.title}\n            className={cn(\n              'desktop:text-base lg-desktop:text-lg text-info-primary text-sm font-bold leading-[1.4]',\n              classNames.title\n            )}\n          />\n          <div className={cn('transition-transform duration-300', classNames.icon)}>\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              className={cn('w-[20px] transition-transform duration-300', open && 'rotate-180')}\n              width=\"20\"\n              height=\"21\"\n              viewBox=\"0 0 20 21\"\n              fill=\"none\"\n            >\n              <path\n                d=\"M14.4111 7.41107C14.7365 7.08563 15.264 7.08563 15.5895 7.41107C15.9149 7.73651 15.9149 8.26402 15.5895 8.58946L10.5895 13.5895C10.264 13.9149 9.73651 13.9149 9.41107 13.5895L4.41107 8.58946C4.08563 8.26402 4.08563 7.73651 4.41107 7.41107C4.73651 7.08563 5.26402 7.08563 5.58946 7.41107L10.0003 11.8219L14.4111 7.41107Z\"\n                fill=\"#1D1D1F\"\n              />\n            </svg>\n          </div>\n        </div>\n\n        {/* \u5E26\u8FC7\u6E21\u7684\u5185\u5BB9\u533A\u57DF */}\n        <div\n          className={cn(\n            'overflow-hidden text-[#4A4C56] transition-all duration-300',\n            open ? 'mt-2 max-h-[500px] opacity-100' : 'max-h-0 opacity-0',\n            classNames.content\n          )}\n        >\n          <Text\n            html={data?.richDesc ?? data?.desc}\n            className={cn(\n              'desktop:text-base lg-desktop:text-lg [&_a]:text-brand-0 text-sm font-bold leading-[1.4] [&_a]:underline',\n              classNames.description\n            )}\n          />\n        </div>\n      </div>\n    </div>\n  )\n}\n\nFaqItem.displayName = 'FaqItem'\n\nexport default withLayout(Faq)\nexport { FaqItem }\n"],
-  "mappings": "aAuBY,cAAAA,EA0BJ,QAAAC,MA1BI,oBAtBZ,OAAOC,GAAS,uBAAAC,EAAqB,UAAAC,EAAQ,YAAAC,MAAgB,QAE7D,OAAS,QAAAC,EAAM,WAAAC,MAAe,4BAC9B,OAAS,MAAAC,MAAU,yBACnB,OAAS,cAAAC,MAAkB,yBAE3B,MAAMC,EAAMR,EAAM,WAChB,CAAC,CAAE,KAAAS,EAAM,UAAAC,EAAW,iBAAAC,EAAkB,WAAAC,EAAa,CAAC,CAAE,EAAGC,IAAQ,CAC/D,MAAMC,EAAWZ,EAAuB,IAAI,EAC5CD,EAAoBY,EAAK,IAAMC,EAAS,OAAQ,EAGhD,MAAMC,EAAc,MAAM,QAAQJ,CAAgB,EAC9CA,EACAA,IAAqB,OACnB,CAACA,CAAgB,EACjB,CAAC,EAEP,OACEb,EAAC,OAAI,IAAKgB,EAAU,UAAWR,EAAGI,EAAWE,EAAW,IAAI,EAC1D,SAAAd,EAAC,OACE,SAAAW,GAAM,aAAa,IAAI,CAACO,EAAWC,IAClCnB,EAACoB,EAAA,CAAoB,KAAMF,EAAM,YAAaD,EAAY,SAASE,CAAK,EAAG,WAAYL,GAAzEK,CAAqF,CACpG,EACH,EACF,CAEJ,CACF,EAEAT,EAAI,YAAc,MAQlB,MAAMU,EAAU,CAAC,CAAE,KAAAT,EAAM,YAAAU,EAAc,GAAO,WAAAP,EAAa,CAAC,CAAE,IAAoB,CAChF,KAAM,CAACQ,EAAMC,CAAO,EAAIlB,EAASgB,CAAW,EAEtCG,EAAe,IAAM,CACzBD,EAAQ,CAACD,CAAI,CACf,EAEA,OACEtB,EAAC,OAAI,UAAWQ,EAAG,6CAA8CM,EAAW,IAAI,EAC9E,SAAAb,EAAC,OACC,UAAAA,EAAC,OACC,QAASuB,EACT,UAAWhB,EACT,4EACAM,EAAW,UACb,EAEA,UAAAd,EAACO,EAAA,CACC,GAAG,KACH,KAAMI,GAAM,MACZ,UAAWH,EACT,yFACAM,EAAW,KACb,EACF,EACAd,EAAC,OAAI,UAAWQ,EAAG,oCAAqCM,EAAW,IAAI,EACrE,SAAAd,EAAC,OACC,MAAM,6BACN,UAAWQ,EAAG,6CAA8Cc,GAAQ,YAAY,EAChF,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OAEL,SAAAtB,EAAC,QACC,EAAE,kUACF,KAAK,UACP,EACF,EACF,GACF,EAGAA,EAAC,OACC,UAAWQ,EACT,6DACAc,EAAO,iCAAmC,oBAC1CR,EAAW,OACb,EAEA,SAAAd,EAACM,EAAA,CACC,KAAMK,GAAM,UAAYA,GAAM,KAC9B,UAAWH,EACT,0GACAM,EAAW,WACb,EACF,EACF,GACF,EACF,CAEJ,EAEAM,EAAQ,YAAc,UAEtB,IAAOK,EAAQhB,EAAWC,CAAG",
+  "sourcesContent": ["'use client'\nimport React, { useImperativeHandle, useRef, useState } from 'react'\nimport type { FaqProps, FaqItem as ItemType, FaqSemanticName } from './types.js'\nimport { Text, Heading } from '../../components/index.js'\nimport { cn } from '../../helpers/index.js'\nimport { withLayout } from '../../shared/Styles.js'\n\nconst Faq = React.forwardRef<HTMLDivElement, FaqProps>(\n  ({ data, className, defaultOpenIndex, classNames = {} }, ref) => {\n    const innerRef = useRef<HTMLDivElement>(null)\n    useImperativeHandle(ref, () => innerRef.current!)\n\n    const openIndexes = Array.isArray(defaultOpenIndex)\n      ? defaultOpenIndex\n      : defaultOpenIndex !== undefined\n        ? [defaultOpenIndex]\n        : (data?.openFirst ?? true)\n          ? [0]\n          : []\n\n    return (\n      <div ref={innerRef} className={cn(className, classNames.root)}>\n        <div>\n          {data?.productData?.map((item: any, index: number) => (\n            <FaqItem key={index} data={item} defaultOpen={openIndexes.includes(index)} classNames={classNames} />\n          ))}\n        </div>\n      </div>\n    )\n  }\n)\n\nFaq.displayName = 'Faq'\n\ninterface FaqItemProps {\n  data: ItemType\n  defaultOpen?: boolean\n  classNames?: Partial<Record<FaqSemanticName, string>>\n}\n\nconst FaqItem = ({ data, defaultOpen = false, classNames = {} }: FaqItemProps) => {\n  const [open, setOpen] = useState(defaultOpen)\n\n  const handleToggle = () => {\n    setOpen(!open)\n  }\n\n  return (\n    <div className={cn('tablet:py-6 border-b border-[#E4E5E6] py-4', classNames.item)}>\n      <div>\n        <div\n          onClick={handleToggle}\n          className={cn(\n            'tablet:gap-[128px] flex cursor-pointer items-center justify-between gap-4',\n            classNames.itemHeader\n          )}\n        >\n          <Heading\n            as=\"h3\"\n            html={data?.title}\n            className={cn(\n              'desktop:text-base lg-desktop:text-lg text-info-primary text-sm font-bold leading-[1.4]',\n              classNames.title\n            )}\n          />\n          <div className={cn('transition-transform duration-300', classNames.icon)}>\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              className={cn('w-[20px] transition-transform duration-300', open && 'rotate-180')}\n              width=\"20\"\n              height=\"21\"\n              viewBox=\"0 0 20 21\"\n              fill=\"none\"\n            >\n              <path\n                d=\"M14.4111 7.41107C14.7365 7.08563 15.264 7.08563 15.5895 7.41107C15.9149 7.73651 15.9149 8.26402 15.5895 8.58946L10.5895 13.5895C10.264 13.9149 9.73651 13.9149 9.41107 13.5895L4.41107 8.58946C4.08563 8.26402 4.08563 7.73651 4.41107 7.41107C4.73651 7.08563 5.26402 7.08563 5.58946 7.41107L10.0003 11.8219L14.4111 7.41107Z\"\n                fill=\"#1D1D1F\"\n              />\n            </svg>\n          </div>\n        </div>\n\n        {/* \u5E26\u8FC7\u6E21\u7684\u5185\u5BB9\u533A\u57DF */}\n        <div\n          className={cn(\n            'overflow-hidden text-[#4A4C56] transition-all duration-300',\n            open ? 'mt-2 max-h-[500px] opacity-100' : 'max-h-0 opacity-0',\n            classNames.content\n          )}\n        >\n          <Text\n            html={data?.richDesc ?? data?.desc}\n            className={cn(\n              'desktop:text-base lg-desktop:text-lg [&_a]:text-brand-0 text-sm font-bold leading-[1.4] [&_a]:underline',\n              classNames.description\n            )}\n          />\n        </div>\n      </div>\n    </div>\n  )\n}\n\nFaqItem.displayName = 'FaqItem'\n\nexport default withLayout(Faq)\nexport { FaqItem }\n"],
+  "mappings": "aAwBY,cAAAA,EA0BJ,QAAAC,MA1BI,oBAvBZ,OAAOC,GAAS,uBAAAC,EAAqB,UAAAC,EAAQ,YAAAC,MAAgB,QAE7D,OAAS,QAAAC,EAAM,WAAAC,MAAe,4BAC9B,OAAS,MAAAC,MAAU,yBACnB,OAAS,cAAAC,MAAkB,yBAE3B,MAAMC,EAAMR,EAAM,WAChB,CAAC,CAAE,KAAAS,EAAM,UAAAC,EAAW,iBAAAC,EAAkB,WAAAC,EAAa,CAAC,CAAE,EAAGC,IAAQ,CAC/D,MAAMC,EAAWZ,EAAuB,IAAI,EAC5CD,EAAoBY,EAAK,IAAMC,EAAS,OAAQ,EAEhD,MAAMC,EAAc,MAAM,QAAQJ,CAAgB,EAC9CA,EACAA,IAAqB,OACnB,CAACA,CAAgB,EAChBF,GAAM,WAAa,GAClB,CAAC,CAAC,EACF,CAAC,EAET,OACEX,EAAC,OAAI,IAAKgB,EAAU,UAAWR,EAAGI,EAAWE,EAAW,IAAI,EAC1D,SAAAd,EAAC,OACE,SAAAW,GAAM,aAAa,IAAI,CAACO,EAAWC,IAClCnB,EAACoB,EAAA,CAAoB,KAAMF,EAAM,YAAaD,EAAY,SAASE,CAAK,EAAG,WAAYL,GAAzEK,CAAqF,CACpG,EACH,EACF,CAEJ,CACF,EAEAT,EAAI,YAAc,MAQlB,MAAMU,EAAU,CAAC,CAAE,KAAAT,EAAM,YAAAU,EAAc,GAAO,WAAAP,EAAa,CAAC,CAAE,IAAoB,CAChF,KAAM,CAACQ,EAAMC,CAAO,EAAIlB,EAASgB,CAAW,EAEtCG,EAAe,IAAM,CACzBD,EAAQ,CAACD,CAAI,CACf,EAEA,OACEtB,EAAC,OAAI,UAAWQ,EAAG,6CAA8CM,EAAW,IAAI,EAC9E,SAAAb,EAAC,OACC,UAAAA,EAAC,OACC,QAASuB,EACT,UAAWhB,EACT,4EACAM,EAAW,UACb,EAEA,UAAAd,EAACO,EAAA,CACC,GAAG,KACH,KAAMI,GAAM,MACZ,UAAWH,EACT,yFACAM,EAAW,KACb,EACF,EACAd,EAAC,OAAI,UAAWQ,EAAG,oCAAqCM,EAAW,IAAI,EACrE,SAAAd,EAAC,OACC,MAAM,6BACN,UAAWQ,EAAG,6CAA8Cc,GAAQ,YAAY,EAChF,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OAEL,SAAAtB,EAAC,QACC,EAAE,kUACF,KAAK,UACP,EACF,EACF,GACF,EAGAA,EAAC,OACC,UAAWQ,EACT,6DACAc,EAAO,iCAAmC,oBAC1CR,EAAW,OACb,EAEA,SAAAd,EAACM,EAAA,CACC,KAAMK,GAAM,UAAYA,GAAM,KAC9B,UAAWH,EACT,0GACAM,EAAW,WACb,EACF,EACF,GACF,EACF,CAEJ,EAEAM,EAAQ,YAAc,UAEtB,IAAOK,EAAQhB,EAAWC,CAAG",
   "names": ["jsx", "jsxs", "React", "useImperativeHandle", "useRef", "useState", "Text", "Heading", "cn", "withLayout", "Faq", "data", "className", "defaultOpenIndex", "classNames", "ref", "innerRef", "openIndexes", "item", "index", "FaqItem", "defaultOpen", "open", "setOpen", "handleToggle", "Faq_default"]
 }

package/dist/esm/biz-components/Faq/types.d.ts

@@ -10,6 +10,7 @@ export type FaqSemanticName = 'root' | 'item' | 'itemHeader' | 'title' | 'icon'
 export interface FaqProps {
     data: {
         productData: FaqItem[];
+        openFirst?: boolean;
     };
     className?: string;
     /** 默认展开的 item 索引，可以是单个数字或数字数组 */

package/dist/esm/biz-components/FeatureCards/FeatureCards.js

@@ -1,2 +1,2 @@
-"use client";import{Fragment as I,jsx as t,jsxs as l}from"react/jsx-runtime";import g,{useImperativeHandle as T,useRef as z}from"react";import{Heading as c,Picture as v,Text as u}from"../../components/index.js";import{cn as n}from"../../helpers/utils.js";import{withLayout as $}from"../../shared/Styles.js";import{useExposure as R}from"../../hooks/useExposure.js";import{trackUrlRef as S}from"../../shared/trackUrlRef.js";import{useAiuiContext as j}from"../AiuiProvider/index.js";import{Swiper as D,SwiperSlide as L}from"swiper/react";const f="image",x="feature_cards",E=(a,r)=>r===2?a===0?"laptop:flex-[2]":"laptop:flex-[3]":r===3?"laptop:flex-[1]":r===4?a===0?"laptop:flex-[2]":a===1||a===2?"laptop:flex-[3]":"laptop:flex-[2]":r===5?a<3?"laptop:flex-[1]":a===3?"laptop:flex-[2]":"laptop:flex-[3]":"laptop:flex-[1]",P=(a,r)=>r===4&&a===1||r===5&&a===2,b=g.forwardRef(({data:a,className:r},k)=>{const{title:o,subtitle:i,items:p=[],theme:N="light"}=a,{trackingData:w}=j(),y=w?.contextHandle||"",d=z(null);R(d,{componentType:f,componentName:x,componentTitle:o,componentDescription:i}),T(k,()=>d.current);const m="rounded-box",C=(e,s)=>{const h=l(I,{children:[t(v,{source:e.image?.url,alt:e.image?.alt||e.title,className:"feature-cards__card-image absolute inset-0 !h-full",imgClassName:"!h-full object-cover"}),l("div",{className:"feature-cards__card-content z-10",children:[t(c,{size:3,as:"h2",className:"feature-cards__card-title laptop:text-[20px] desktop:text-[32px] lg-desktop:text-[32px]",children:e.title}),t(u,{size:4,as:"p",className:"feature-cards__card-subtitle laptop:h-[42px] lg-desktop:h-[54px] lg-desktop:text-[18px] mt-[4px] line-clamp-2 h-[42px] text-[14px]",children:e.subtitle})]})]}),H="feature-cards__card relative flex h-[360px] max-h-[560px] flex-col justify-end gap-[16px] overflow-hidden px-[16px] py-[12px] text-info-primary tablet:h-[336px] laptop:h-[336px] laptop:px-[16px] laptop:py-[16px] desktop:h-[448px] desktop:px-[32px] desktop:py-[24px] lg-desktop:h-[560px]",F=s!==void 0?E(s,p.length):"flex-1",_=n(H,m,F,{"aiui-dark":e.theme==="dark","aiui-light":e.theme==="light"});return e.link?t("a",{href:S(e.link,`${y}_${f}_${x}`),className:_,"data-headless-type-name":`${f}#${x}`,"data-headless-title-desc-button":`${o}#${e.title}#${e.subtitle}`,children:h}):t("div",{className:_,children:h})};return l("section",{ref:d,"data-ui-component-id":"FeatureCards",className:n("feature-cards text-info-primary flex w-full flex-col justify-center",{"aiui-dark":N==="dark"},r),children:[l("div",{className:"feature-cards__header",children:[t(c,{size:4,as:"h1",className:"feature-cards__title laptop:text-center text-left",children:o}),i&&t(u,{size:2,as:"p",className:"feature-cards__subtitle laptop:text-center desktop:text-[16px] lg-desktop:text-[18px] mt-[4px] text-left text-[14px]",children:i})]}),t("div",{className:"feature-cards__grid laptop:mt-[32px] laptop:flex desktop:mt-[40px] lg-desktop:mt-[24px] mt-[24px] hidden w-full flex-wrap gap-[16px]",children:p.map((e,s)=>l(g.Fragment,{children:[C(e,s),P(s,p.length)&&t("div",{className:"laptop:basis-full laptop:h-0"})]},e.title))}),t("div",{className:"feature-cards__swiper-container laptop:hidden mt-[24px] w-full",children:t(D,{spaceBetween:12,slidesPerView:"auto",grabCursor:!0,className:"feature-cards__swiper relative w-full !overflow-visible",children:p.map(e=>t(L,{className:"feature-cards__swiper-slide relative !h-[360px] !w-[296px]",children:l("div",{className:n("feature-cards__card feature-cards__card--mobile text-info-primary absolute inset-0 flex flex-1 flex-col justify-end gap-[16px] overflow-hidden px-[16px] py-[12px]",m,{"aiui-dark":e.theme==="dark","aiui-light":e.theme==="light"}),children:[t(v,{source:e.image?.url,alt:e.image?.alt||e.title,className:"feature-cards__card-image absolute inset-0 !h-full",imgClassName:"!h-full object-cover"}),l("div",{className:"feature-cards__card-content z-10",children:[t(c,{size:3,as:"h2",className:"feature-cards__card-title",children:e.title}),t(u,{size:4,as:"p",className:"feature-cards__card-subtitle laptop:h-[42px] lg-desktop:h-[54px] lg-desktop:text-[18px] mt-[4px] line-clamp-2 h-[42px] overflow-visible text-[14px]",children:e.subtitle})]})]},e.title)},e.title))})})]})});b.displayName="FeatureCards";var K=$(b,{style:"overflow: hidden;"});export{K as default};
+"use client";import{Fragment as D,jsx as t,jsxs as l}from"react/jsx-runtime";import g,{useImperativeHandle as F,useRef as T}from"react";import{Heading as u,Picture as v,Text as c}from"../../components/index.js";import{cn as f}from"../../helpers/utils.js";import{withLayout as z}from"../../shared/Styles.js";import{useExposure as H}from"../../hooks/useExposure.js";import{trackUrlRef as R}from"../../shared/trackUrlRef.js";import{Swiper as $,SwiperSlide as S}from"swiper/react";const n="image",x="feature_cards",j=(a,r)=>r===2?a===0?"laptop:flex-[2]":"laptop:flex-[3]":r===3?"laptop:flex-[1]":r===4?a===0?"laptop:flex-[2]":a===1||a===2?"laptop:flex-[3]":"laptop:flex-[2]":r===5?a<3?"laptop:flex-[1]":a===3?"laptop:flex-[2]":"laptop:flex-[3]":"laptop:flex-[1]",L=(a,r)=>r===4&&a===1||r===5&&a===2,b=g.forwardRef(({data:a,className:r},k)=>{const{title:o,subtitle:i,items:p=[],theme:N="light"}=a,d=T(null);H(d,{componentType:n,componentName:x,componentTitle:o,componentDescription:i}),F(k,()=>d.current);const m="rounded-box",w=(e,s)=>{const h=l(D,{children:[t(v,{source:e.image?.url,alt:e.image?.alt||e.title,className:"feature-cards__card-image absolute inset-0 !h-full",imgClassName:"!h-full object-cover"}),l("div",{className:"feature-cards__card-content z-10",children:[t(u,{size:3,as:"h2",className:"feature-cards__card-title laptop:text-[20px] desktop:text-[32px] lg-desktop:text-[32px]",children:e.title}),t(c,{size:4,as:"p",className:"feature-cards__card-subtitle laptop:h-[42px] lg-desktop:h-[54px] lg-desktop:text-[18px] mt-[4px] line-clamp-2 h-[42px] text-[14px]",children:e.subtitle})]})]}),y="feature-cards__card relative flex h-[360px] max-h-[560px] flex-col justify-end gap-[16px] overflow-hidden px-[16px] py-[12px] text-info-primary tablet:h-[336px] laptop:h-[336px] laptop:px-[16px] laptop:py-[16px] desktop:h-[448px] desktop:px-[32px] desktop:py-[24px] lg-desktop:h-[560px]",C=s!==void 0?j(s,p.length):"flex-1",_=f(y,m,C,{"aiui-dark":e.theme==="dark","aiui-light":e.theme==="light"});return e.link?t("a",{href:R(e.link,`${n}_${x}`),className:_,"data-headless-type-name":`${n}#${x}`,"data-headless-title-desc-button":`${o}#${e.title}#${e.subtitle}`,children:h}):t("div",{className:_,children:h})};return l("section",{ref:d,"data-ui-component-id":"FeatureCards",className:f("feature-cards text-info-primary flex w-full flex-col justify-center",{"aiui-dark":N==="dark"},r),children:[l("div",{className:"feature-cards__header",children:[t(u,{size:4,as:"h1",className:"feature-cards__title laptop:text-center text-left",children:o}),i&&t(c,{size:2,as:"p",className:"feature-cards__subtitle laptop:text-center desktop:text-[16px] lg-desktop:text-[18px] mt-[4px] text-left text-[14px]",children:i})]}),t("div",{className:"feature-cards__grid laptop:mt-[32px] laptop:flex desktop:mt-[40px] lg-desktop:mt-[24px] mt-[24px] hidden w-full flex-wrap gap-[16px]",children:p.map((e,s)=>l(g.Fragment,{children:[w(e,s),L(s,p.length)&&t("div",{className:"laptop:basis-full laptop:h-0"})]},e.title))}),t("div",{className:"feature-cards__swiper-container laptop:hidden mt-[24px] w-full",children:t($,{spaceBetween:12,slidesPerView:"auto",grabCursor:!0,className:"feature-cards__swiper relative w-full !overflow-visible",children:p.map(e=>t(S,{className:"feature-cards__swiper-slide relative !h-[360px] !w-[296px]",children:l("div",{className:f("feature-cards__card feature-cards__card--mobile text-info-primary absolute inset-0 flex flex-1 flex-col justify-end gap-[16px] overflow-hidden px-[16px] py-[12px]",m,{"aiui-dark":e.theme==="dark","aiui-light":e.theme==="light"}),children:[t(v,{source:e.image?.url,alt:e.image?.alt||e.title,className:"feature-cards__card-image absolute inset-0 !h-full",imgClassName:"!h-full object-cover"}),l("div",{className:"feature-cards__card-content z-10",children:[t(u,{size:3,as:"h2",className:"feature-cards__card-title",children:e.title}),t(c,{size:4,as:"p",className:"feature-cards__card-subtitle laptop:h-[42px] lg-desktop:h-[54px] lg-desktop:text-[18px] mt-[4px] line-clamp-2 h-[42px] overflow-visible text-[14px]",children:e.subtitle})]})]},e.title)},e.title))})})]})});b.displayName="FeatureCards";var q=z(b,{style:"overflow: hidden;"});export{q as default};
 //# sourceMappingURL=FeatureCards.js.map

package/dist/esm/biz-components/FeatureCards/FeatureCards.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/FeatureCards/FeatureCards.tsx"],
-  "sourcesContent": ["'use client'\nimport React, { useImperativeHandle, useRef } from 'react'\nimport { Heading, Picture, Text } from '../../components/index.js'\nimport { cn } from '../../helpers/utils.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport { trackUrlRef } from '../../shared/trackUrlRef.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport type { FeatureCardsProps, FeatureCardItem } from './types.js'\nimport { Swiper, SwiperSlide } from 'swiper/react'\n\nconst componentType = 'image'\nconst componentName = 'feature_cards'\n\n/**\n * \u6839\u636E\u5361\u7247\u6570\u91CF\u83B7\u53D6\u684C\u9762\u7AEF\uFF08laptop+\uFF09\u7684\u7F51\u683C\u5E03\u5C40\u7C7B\u540D\n * - 2\u5F20\u5361\u7247: 2:3\n * - 3\u5F20\u5361\u7247: 1:1:1\n * - 4\u5F20\u5361\u7247: \u7B2C\u4E00\u884C 2:3\uFF0C\u7B2C\u4E8C\u884C 3:2\n * - 5\u5F20\u5361\u7247: \u7B2C\u4E00\u884C 1:1:1\uFF0C\u7B2C\u4E8C\u884C 2:3\n */\nconst getCardLayoutClasses = (index: number, totalCards: number): string => {\n  if (totalCards === 2) {\n    // 2:3 \u6BD4\u4F8B\n    return index === 0 ? 'laptop:flex-[2]' : 'laptop:flex-[3]'\n  }\n\n  if (totalCards === 3) {\n    // 1:1:1 \u6BD4\u4F8B\n    return 'laptop:flex-[1]'\n  }\n\n  if (totalCards === 4) {\n    // \u7B2C\u4E00\u884C 2:3\uFF0C\u7B2C\u4E8C\u884C 3:2\n    if (index === 0) return 'laptop:flex-[2]'\n    if (index === 1) return 'laptop:flex-[3]'\n    if (index === 2) return 'laptop:flex-[3]'\n    return 'laptop:flex-[2]'\n  }\n\n  if (totalCards === 5) {\n    // \u7B2C\u4E00\u884C 1:1:1\uFF0C\u7B2C\u4E8C\u884C 2:3\n    if (index < 3) return 'laptop:flex-[1]'\n    if (index === 3) return 'laptop:flex-[2]'\n    return 'laptop:flex-[3]'\n  }\n\n  // \u9ED8\u8BA4\u7B49\u5BBD\n  return 'laptop:flex-[1]'\n}\n\n/**\n * \u6839\u636E\u5361\u7247\u6570\u91CF\u786E\u5B9A\u662F\u5426\u9700\u8981\u6362\u884C\n * - 4\u5F20\u5361\u7247: \u7B2C\u4E00\u884C2\u5F20\uFF0C\u7B2C\u4E8C\u884C2\u5F20\n * - 5\u5F20\u5361\u7247: \u7B2C\u4E00\u884C3\u5F20\uFF0C\u7B2C\u4E8C\u884C2\u5F20\n */\nconst shouldBreakRow = (index: number, totalCards: number): boolean => {\n  if (totalCards === 4 && index === 1) return true\n  if (totalCards === 5 && index === 2) return true\n  return false\n}\n\nconst FeatureCards = React.forwardRef<HTMLDivElement, FeatureCardsProps>(({ data, className }, ref) => {\n  const { title, subtitle, items = [], theme = 'light' } = data\n  const { trackingData } = useAiuiContext()\n  const contextHandle = trackingData?.contextHandle || ''\n  const boxRef = useRef<HTMLDivElement>(null)\n\n  useExposure(boxRef, {\n    componentType,\n    componentName,\n    componentTitle: title,\n    componentDescription: subtitle,\n  })\n\n  useImperativeHandle(ref, () => boxRef.current as HTMLDivElement)\n\n  // \u7EDF\u4E00\u4F7F\u7528 rounded-box\n  const roundedClasses = 'rounded-box'\n\n  const renderCard = (item: FeatureCardItem, index?: number) => {\n    const cardContent = (\n      <>\n        <Picture\n          source={item.image?.url}\n          alt={item.image?.alt || item.title}\n          className=\"feature-cards__card-image absolute inset-0 !h-full\"\n          imgClassName=\"!h-full object-cover\"\n        />\n        <div className=\"feature-cards__card-content z-10\">\n          <Heading\n            size={3}\n            as=\"h2\"\n            className=\"feature-cards__card-title laptop:text-[20px] desktop:text-[32px] lg-desktop:text-[32px]\"\n          >\n            {item.title}\n          </Heading>\n          <Text\n            size={4}\n            as=\"p\"\n            className=\"feature-cards__card-subtitle laptop:h-[42px] lg-desktop:h-[54px] lg-desktop:text-[18px] mt-[4px] line-clamp-2 h-[42px] text-[14px]\"\n          >\n            {item.subtitle}\n          </Text>\n        </div>\n      </>\n    )\n\n    // \u57FA\u7840\u6837\u5F0F\uFF08\u79FB\u9664\u539F\u6709\u7684 rounded \u7C7B\uFF09\n    const baseClasses =\n      'feature-cards__card relative flex h-[360px] max-h-[560px] flex-col justify-end gap-[16px] overflow-hidden px-[16px] py-[12px] text-info-primary tablet:h-[336px] laptop:h-[336px] laptop:px-[16px] laptop:py-[16px] desktop:h-[448px] desktop:px-[32px] desktop:py-[24px] lg-desktop:h-[560px]'\n\n    // \u83B7\u53D6\u54CD\u5E94\u5F0F\u5E03\u5C40\u7C7B\u540D\uFF08\u4EC5\u7528\u4E8E\u684C\u9762\u7AEF\uFF09\n    const layoutClasses = index !== undefined ? getCardLayoutClasses(index, items.length) : 'flex-1'\n\n    const cardClasses = cn(baseClasses, roundedClasses, layoutClasses, {\n      'aiui-dark': item.theme === 'dark',\n      'aiui-light': item.theme === 'light',\n    })\n\n    if (item.link) {\n      return (\n        <a\n          href={trackUrlRef(item.link, `${contextHandle}_${componentType}_${componentName}`)}\n          className={cardClasses}\n          data-headless-type-name={`${componentType}#${componentName}`}\n          data-headless-title-desc-button={`${title}#${item.title}#${item.subtitle}`}\n        >\n          {cardContent}\n        </a>\n      )\n    }\n\n    return <div className={cardClasses}>{cardContent}</div>\n  }\n\n  return (\n    <section\n      ref={boxRef}\n      data-ui-component-id=\"FeatureCards\"\n      className={cn(\n        'feature-cards text-info-primary flex w-full flex-col justify-center',\n        {\n          'aiui-dark': theme === 'dark',\n        },\n        className\n      )}\n    >\n      {/* \u6807\u9898\u533A\u57DF */}\n      <div className=\"feature-cards__header\">\n        <Heading size={4} as=\"h1\" className=\"feature-cards__title laptop:text-center text-left\">\n          {title}\n        </Heading>\n        {subtitle && (\n          <Text\n            size={2}\n            as=\"p\"\n            className=\"feature-cards__subtitle laptop:text-center desktop:text-[16px] lg-desktop:text-[18px] mt-[4px] text-left text-[14px]\"\n          >\n            {subtitle}\n          </Text>\n        )}\n      </div>\n\n      {/* \u684C\u9762\u7AEF\u7F51\u683C\u5E03\u5C40 */}\n      <div className=\"feature-cards__grid laptop:mt-[32px] laptop:flex desktop:mt-[40px] lg-desktop:mt-[24px] mt-[24px] hidden w-full flex-wrap gap-[16px]\">\n        {items.map((item, index) => (\n          <React.Fragment key={item.title}>\n            {renderCard(item, index)}\n            {/* \u5728\u7279\u5B9A\u4F4D\u7F6E\u63D2\u5165\u6362\u884C */}\n            {shouldBreakRow(index, items.length) && <div className=\"laptop:basis-full laptop:h-0\" />}\n          </React.Fragment>\n        ))}\n      </div>\n\n      {/* \u79FB\u52A8\u7AEF Swiper \u5E03\u5C40 */}\n      <div className=\"feature-cards__swiper-container laptop:hidden mt-[24px] w-full\">\n        <Swiper\n          spaceBetween={12}\n          slidesPerView=\"auto\"\n          grabCursor\n          className=\"feature-cards__swiper relative w-full !overflow-visible\"\n        >\n          {items.map(item => (\n            <SwiperSlide key={item.title} className=\"feature-cards__swiper-slide relative !h-[360px] !w-[296px]\">\n              <div\n                key={item.title}\n                className={cn(\n                  'feature-cards__card feature-cards__card--mobile text-info-primary absolute inset-0 flex flex-1 flex-col justify-end gap-[16px] overflow-hidden px-[16px] py-[12px]',\n                  roundedClasses,\n                  {\n                    'aiui-dark': item.theme === 'dark',\n                    'aiui-light': item.theme === 'light',\n                  }\n                )}\n              >\n                <Picture\n                  source={item.image?.url}\n                  alt={item.image?.alt || item.title}\n                  className=\"feature-cards__card-image absolute inset-0 !h-full\"\n                  imgClassName=\"!h-full object-cover\"\n                />\n                <div className=\"feature-cards__card-content z-10\">\n                  <Heading size={3} as=\"h2\" className=\"feature-cards__card-title\">\n                    {item.title}\n                  </Heading>\n                  <Text\n                    size={4}\n                    as=\"p\"\n                    className=\"feature-cards__card-subtitle laptop:h-[42px] lg-desktop:h-[54px] lg-desktop:text-[18px] mt-[4px] line-clamp-2 h-[42px] overflow-visible text-[14px]\"\n                  >\n                    {item.subtitle}\n                  </Text>\n                </div>\n              </div>\n            </SwiperSlide>\n          ))}\n        </Swiper>\n      </div>\n    </section>\n  )\n})\n\nFeatureCards.displayName = 'FeatureCards'\n\nexport default withLayout(FeatureCards, { style: 'overflow: hidden;' })\n"],
-  "mappings": "aAkFM,mBAAAA,EACE,OAAAC,EAMA,QAAAC,MAPF,oBAjFN,OAAOC,GAAS,uBAAAC,EAAqB,UAAAC,MAAc,QACnD,OAAS,WAAAC,EAAS,WAAAC,EAAS,QAAAC,MAAY,4BACvC,OAAS,MAAAC,MAAU,yBACnB,OAAS,cAAAC,MAAkB,yBAC3B,OAAS,eAAAC,MAAmB,6BAC5B,OAAS,eAAAC,MAAmB,8BAC5B,OAAS,kBAAAC,MAAsB,2BAE/B,OAAS,UAAAC,EAAQ,eAAAC,MAAmB,eAEpC,MAAMC,EAAgB,QAChBC,EAAgB,gBAShBC,EAAuB,CAACC,EAAeC,IACvCA,IAAe,EAEVD,IAAU,EAAI,kBAAoB,kBAGvCC,IAAe,EAEV,kBAGLA,IAAe,EAEbD,IAAU,EAAU,kBACpBA,IAAU,GACVA,IAAU,EAAU,kBACjB,kBAGLC,IAAe,EAEbD,EAAQ,EAAU,kBAClBA,IAAU,EAAU,kBACjB,kBAIF,kBAQHE,EAAiB,CAACF,EAAeC,IACjCA,IAAe,GAAKD,IAAU,GAC9BC,IAAe,GAAKD,IAAU,EAI9BG,EAAenB,EAAM,WAA8C,CAAC,CAAE,KAAAoB,EAAM,UAAAC,CAAU,EAAGC,IAAQ,CACrG,KAAM,CAAE,MAAAC,EAAO,SAAAC,EAAU,MAAAC,EAAQ,CAAC,EAAG,MAAAC,EAAQ,OAAQ,EAAIN,EACnD,CAAE,aAAAO,CAAa,EAAIjB,EAAe,EAClCkB,EAAgBD,GAAc,eAAiB,GAC/CE,EAAS3B,EAAuB,IAAI,EAE1CM,EAAYqB,EAAQ,CAClB,cAAAhB,EACA,cAAAC,EACA,eAAgBS,EAChB,qBAAsBC,CACxB,CAAC,EAEDvB,EAAoBqB,EAAK,IAAMO,EAAO,OAAyB,EAG/D,MAAMC,EAAiB,cAEjBC,EAAa,CAACC,EAAuBhB,IAAmB,CAC5D,MAAMiB,EACJlC,EAAAF,EAAA,CACE,UAAAC,EAACM,EAAA,CACC,OAAQ4B,EAAK,OAAO,IACpB,IAAKA,EAAK,OAAO,KAAOA,EAAK,MAC7B,UAAU,qDACV,aAAa,uBACf,EACAjC,EAAC,OAAI,UAAU,mCACb,UAAAD,EAACK,EAAA,CACC,KAAM,EACN,GAAG,KACH,UAAU,0FAET,SAAA6B,EAAK,MACR,EACAlC,EAACO,EAAA,CACC,KAAM,EACN,GAAG,IACH,UAAU,qIAET,SAAA2B,EAAK,SACR,GACF,GACF,EAIIE,EACJ,iSAGIC,EAAgBnB,IAAU,OAAYD,EAAqBC,EAAOS,EAAM,MAAM,EAAI,SAElFW,EAAc9B,EAAG4B,EAAaJ,EAAgBK,EAAe,CACjE,YAAaH,EAAK,QAAU,OAC5B,aAAcA,EAAK,QAAU,OAC/B,CAAC,EAED,OAAIA,EAAK,KAELlC,EAAC,KACC,KAAMW,EAAYuB,EAAK,KAAM,GAAGJ,CAAa,IAAIf,CAAa,IAAIC,CAAa,EAAE,EACjF,UAAWsB,EACX,0BAAyB,GAAGvB,CAAa,IAAIC,CAAa,GAC1D,kCAAiC,GAAGS,CAAK,IAAIS,EAAK,KAAK,IAAIA,EAAK,QAAQ,GAEvE,SAAAC,EACH,EAIGnC,EAAC,OAAI,UAAWsC,EAAc,SAAAH,EAAY,CACnD,EAEA,OACElC,EAAC,WACC,IAAK8B,EACL,uBAAqB,eACrB,UAAWvB,EACT,sEACA,CACE,YAAaoB,IAAU,MACzB,EACAL,CACF,EAGA,UAAAtB,EAAC,OAAI,UAAU,wBACb,UAAAD,EAACK,EAAA,CAAQ,KAAM,EAAG,GAAG,KAAK,UAAU,oDACjC,SAAAoB,EACH,EACCC,GACC1B,EAACO,EAAA,CACC,KAAM,EACN,GAAG,IACH,UAAU,uHAET,SAAAmB,EACH,GAEJ,EAGA1B,EAAC,OAAI,UAAU,uIACZ,SAAA2B,EAAM,IAAI,CAACO,EAAMhB,IAChBjB,EAACC,EAAM,SAAN,CACE,UAAA+B,EAAWC,EAAMhB,CAAK,EAEtBE,EAAeF,EAAOS,EAAM,MAAM,GAAK3B,EAAC,OAAI,UAAU,+BAA+B,IAHnEkC,EAAK,KAI1B,CACD,EACH,EAGAlC,EAAC,OAAI,UAAU,iEACb,SAAAA,EAACa,EAAA,CACC,aAAc,GACd,cAAc,OACd,WAAU,GACV,UAAU,0DAET,SAAAc,EAAM,IAAIO,GACTlC,EAACc,EAAA,CAA6B,UAAU,6DACtC,SAAAb,EAAC,OAEC,UAAWO,EACT,qKACAwB,EACA,CACE,YAAaE,EAAK,QAAU,OAC5B,aAAcA,EAAK,QAAU,OAC/B,CACF,EAEA,UAAAlC,EAACM,EAAA,CACC,OAAQ4B,EAAK,OAAO,IACpB,IAAKA,EAAK,OAAO,KAAOA,EAAK,MAC7B,UAAU,qDACV,aAAa,uBACf,EACAjC,EAAC,OAAI,UAAU,mCACb,UAAAD,EAACK,EAAA,CAAQ,KAAM,EAAG,GAAG,KAAK,UAAU,4BACjC,SAAA6B,EAAK,MACR,EACAlC,EAACO,EAAA,CACC,KAAM,EACN,GAAG,IACH,UAAU,sJAET,SAAA2B,EAAK,SACR,GACF,IA3BKA,EAAK,KA4BZ,GA9BgBA,EAAK,KA+BvB,CACD,EACH,EACF,GACF,CAEJ,CAAC,EAEDb,EAAa,YAAc,eAE3B,IAAOkB,EAAQ9B,EAAWY,EAAc,CAAE,MAAO,mBAAoB,CAAC",
-  "names": ["Fragment", "jsx", "jsxs", "React", "useImperativeHandle", "useRef", "Heading", "Picture", "Text", "cn", "withLayout", "useExposure", "trackUrlRef", "useAiuiContext", "Swiper", "SwiperSlide", "componentType", "componentName", "getCardLayoutClasses", "index", "totalCards", "shouldBreakRow", "FeatureCards", "data", "className", "ref", "title", "subtitle", "items", "theme", "trackingData", "contextHandle", "boxRef", "roundedClasses", "renderCard", "item", "cardContent", "baseClasses", "layoutClasses", "cardClasses", "FeatureCards_default"]
+  "sourcesContent": ["'use client'\nimport React, { useImperativeHandle, useRef } from 'react'\nimport { Heading, Picture, Text } from '../../components/index.js'\nimport { cn } from '../../helpers/utils.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport { trackUrlRef } from '../../shared/trackUrlRef.js'\nimport type { FeatureCardsProps, FeatureCardItem } from './types.js'\nimport { Swiper, SwiperSlide } from 'swiper/react'\n\nconst componentType = 'image'\nconst componentName = 'feature_cards'\n\n/**\n * \u6839\u636E\u5361\u7247\u6570\u91CF\u83B7\u53D6\u684C\u9762\u7AEF\uFF08laptop+\uFF09\u7684\u7F51\u683C\u5E03\u5C40\u7C7B\u540D\n * - 2\u5F20\u5361\u7247: 2:3\n * - 3\u5F20\u5361\u7247: 1:1:1\n * - 4\u5F20\u5361\u7247: \u7B2C\u4E00\u884C 2:3\uFF0C\u7B2C\u4E8C\u884C 3:2\n * - 5\u5F20\u5361\u7247: \u7B2C\u4E00\u884C 1:1:1\uFF0C\u7B2C\u4E8C\u884C 2:3\n */\nconst getCardLayoutClasses = (index: number, totalCards: number): string => {\n  if (totalCards === 2) {\n    // 2:3 \u6BD4\u4F8B\n    return index === 0 ? 'laptop:flex-[2]' : 'laptop:flex-[3]'\n  }\n\n  if (totalCards === 3) {\n    // 1:1:1 \u6BD4\u4F8B\n    return 'laptop:flex-[1]'\n  }\n\n  if (totalCards === 4) {\n    // \u7B2C\u4E00\u884C 2:3\uFF0C\u7B2C\u4E8C\u884C 3:2\n    if (index === 0) return 'laptop:flex-[2]'\n    if (index === 1) return 'laptop:flex-[3]'\n    if (index === 2) return 'laptop:flex-[3]'\n    return 'laptop:flex-[2]'\n  }\n\n  if (totalCards === 5) {\n    // \u7B2C\u4E00\u884C 1:1:1\uFF0C\u7B2C\u4E8C\u884C 2:3\n    if (index < 3) return 'laptop:flex-[1]'\n    if (index === 3) return 'laptop:flex-[2]'\n    return 'laptop:flex-[3]'\n  }\n\n  // \u9ED8\u8BA4\u7B49\u5BBD\n  return 'laptop:flex-[1]'\n}\n\n/**\n * \u6839\u636E\u5361\u7247\u6570\u91CF\u786E\u5B9A\u662F\u5426\u9700\u8981\u6362\u884C\n * - 4\u5F20\u5361\u7247: \u7B2C\u4E00\u884C2\u5F20\uFF0C\u7B2C\u4E8C\u884C2\u5F20\n * - 5\u5F20\u5361\u7247: \u7B2C\u4E00\u884C3\u5F20\uFF0C\u7B2C\u4E8C\u884C2\u5F20\n */\nconst shouldBreakRow = (index: number, totalCards: number): boolean => {\n  if (totalCards === 4 && index === 1) return true\n  if (totalCards === 5 && index === 2) return true\n  return false\n}\n\nconst FeatureCards = React.forwardRef<HTMLDivElement, FeatureCardsProps>(({ data, className }, ref) => {\n  const { title, subtitle, items = [], theme = 'light' } = data\n\n  const boxRef = useRef<HTMLDivElement>(null)\n\n  useExposure(boxRef, {\n    componentType,\n    componentName,\n    componentTitle: title,\n    componentDescription: subtitle,\n  })\n\n  useImperativeHandle(ref, () => boxRef.current as HTMLDivElement)\n\n  // \u7EDF\u4E00\u4F7F\u7528 rounded-box\n  const roundedClasses = 'rounded-box'\n\n  const renderCard = (item: FeatureCardItem, index?: number) => {\n    const cardContent = (\n      <>\n        <Picture\n          source={item.image?.url}\n          alt={item.image?.alt || item.title}\n          className=\"feature-cards__card-image absolute inset-0 !h-full\"\n          imgClassName=\"!h-full object-cover\"\n        />\n        <div className=\"feature-cards__card-content z-10\">\n          <Heading\n            size={3}\n            as=\"h2\"\n            className=\"feature-cards__card-title laptop:text-[20px] desktop:text-[32px] lg-desktop:text-[32px]\"\n          >\n            {item.title}\n          </Heading>\n          <Text\n            size={4}\n            as=\"p\"\n            className=\"feature-cards__card-subtitle laptop:h-[42px] lg-desktop:h-[54px] lg-desktop:text-[18px] mt-[4px] line-clamp-2 h-[42px] text-[14px]\"\n          >\n            {item.subtitle}\n          </Text>\n        </div>\n      </>\n    )\n\n    // \u57FA\u7840\u6837\u5F0F\uFF08\u79FB\u9664\u539F\u6709\u7684 rounded \u7C7B\uFF09\n    const baseClasses =\n      'feature-cards__card relative flex h-[360px] max-h-[560px] flex-col justify-end gap-[16px] overflow-hidden px-[16px] py-[12px] text-info-primary tablet:h-[336px] laptop:h-[336px] laptop:px-[16px] laptop:py-[16px] desktop:h-[448px] desktop:px-[32px] desktop:py-[24px] lg-desktop:h-[560px]'\n\n    // \u83B7\u53D6\u54CD\u5E94\u5F0F\u5E03\u5C40\u7C7B\u540D\uFF08\u4EC5\u7528\u4E8E\u684C\u9762\u7AEF\uFF09\n    const layoutClasses = index !== undefined ? getCardLayoutClasses(index, items.length) : 'flex-1'\n\n    const cardClasses = cn(baseClasses, roundedClasses, layoutClasses, {\n      'aiui-dark': item.theme === 'dark',\n      'aiui-light': item.theme === 'light',\n    })\n\n    if (item.link) {\n      return (\n        <a\n          href={trackUrlRef(item.link, `${componentType}_${componentName}`)}\n          className={cardClasses}\n          data-headless-type-name={`${componentType}#${componentName}`}\n          data-headless-title-desc-button={`${title}#${item.title}#${item.subtitle}`}\n        >\n          {cardContent}\n        </a>\n      )\n    }\n\n    return <div className={cardClasses}>{cardContent}</div>\n  }\n\n  return (\n    <section\n      ref={boxRef}\n      data-ui-component-id=\"FeatureCards\"\n      className={cn(\n        'feature-cards text-info-primary flex w-full flex-col justify-center',\n        {\n          'aiui-dark': theme === 'dark',\n        },\n        className\n      )}\n    >\n      {/* \u6807\u9898\u533A\u57DF */}\n      <div className=\"feature-cards__header\">\n        <Heading size={4} as=\"h1\" className=\"feature-cards__title laptop:text-center text-left\">\n          {title}\n        </Heading>\n        {subtitle && (\n          <Text\n            size={2}\n            as=\"p\"\n            className=\"feature-cards__subtitle laptop:text-center desktop:text-[16px] lg-desktop:text-[18px] mt-[4px] text-left text-[14px]\"\n          >\n            {subtitle}\n          </Text>\n        )}\n      </div>\n\n      {/* \u684C\u9762\u7AEF\u7F51\u683C\u5E03\u5C40 */}\n      <div className=\"feature-cards__grid laptop:mt-[32px] laptop:flex desktop:mt-[40px] lg-desktop:mt-[24px] mt-[24px] hidden w-full flex-wrap gap-[16px]\">\n        {items.map((item, index) => (\n          <React.Fragment key={item.title}>\n            {renderCard(item, index)}\n            {/* \u5728\u7279\u5B9A\u4F4D\u7F6E\u63D2\u5165\u6362\u884C */}\n            {shouldBreakRow(index, items.length) && <div className=\"laptop:basis-full laptop:h-0\" />}\n          </React.Fragment>\n        ))}\n      </div>\n\n      {/* \u79FB\u52A8\u7AEF Swiper \u5E03\u5C40 */}\n      <div className=\"feature-cards__swiper-container laptop:hidden mt-[24px] w-full\">\n        <Swiper\n          spaceBetween={12}\n          slidesPerView=\"auto\"\n          grabCursor\n          className=\"feature-cards__swiper relative w-full !overflow-visible\"\n        >\n          {items.map(item => (\n            <SwiperSlide key={item.title} className=\"feature-cards__swiper-slide relative !h-[360px] !w-[296px]\">\n              <div\n                key={item.title}\n                className={cn(\n                  'feature-cards__card feature-cards__card--mobile text-info-primary absolute inset-0 flex flex-1 flex-col justify-end gap-[16px] overflow-hidden px-[16px] py-[12px]',\n                  roundedClasses,\n                  {\n                    'aiui-dark': item.theme === 'dark',\n                    'aiui-light': item.theme === 'light',\n                  }\n                )}\n              >\n                <Picture\n                  source={item.image?.url}\n                  alt={item.image?.alt || item.title}\n                  className=\"feature-cards__card-image absolute inset-0 !h-full\"\n                  imgClassName=\"!h-full object-cover\"\n                />\n                <div className=\"feature-cards__card-content z-10\">\n                  <Heading size={3} as=\"h2\" className=\"feature-cards__card-title\">\n                    {item.title}\n                  </Heading>\n                  <Text\n                    size={4}\n                    as=\"p\"\n                    className=\"feature-cards__card-subtitle laptop:h-[42px] lg-desktop:h-[54px] lg-desktop:text-[18px] mt-[4px] line-clamp-2 h-[42px] overflow-visible text-[14px]\"\n                  >\n                    {item.subtitle}\n                  </Text>\n                </div>\n              </div>\n            </SwiperSlide>\n          ))}\n        </Swiper>\n      </div>\n    </section>\n  )\n})\n\nFeatureCards.displayName = 'FeatureCards'\n\nexport default withLayout(FeatureCards, { style: 'overflow: hidden;' })\n"],
+  "mappings": "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",
+  "names": ["Fragment", "jsx", "jsxs", "React", "useImperativeHandle", "useRef", "Heading", "Picture", "Text", "cn", "withLayout", "useExposure", "trackUrlRef", "Swiper", "SwiperSlide", "componentType", "componentName", "getCardLayoutClasses", "index", "totalCards", "shouldBreakRow", "FeatureCards", "data", "className", "ref", "title", "subtitle", "items", "theme", "boxRef", "roundedClasses", "renderCard", "item", "cardContent", "baseClasses", "layoutClasses", "cardClasses", "FeatureCards_default"]
 }

package/dist/esm/biz-components/GiftBox/index.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as e,jsxs as i}from"react/jsx-runtime";import"react";import{withLayout as c}from"../../shared/Styles.js";import{Picture as p,Text as n}from"../../components/index.js";import{cn as r}from"../../helpers/index.js";import{Swiper as u,SwiperSlide as f}from"swiper/react";import{Pagination as w,Mousewheel as g,FreeMode as x}from"swiper/modules";import"swiper/css";import"swiper/css/navigation";import"swiper/css/pagination";const m=({item:t})=>i("div",{className:"rounded-card laptop:p-[20px] tablet:h-full tablet:px-3 laptop:px-4 lg-desktop:p-8 box-border flex h-[120px] flex-col items-center justify-center overflow-hidden bg-[#EAEAEC] px-4 py-[12px]",children:[i("div",{className:"min-h-0 flex-1",children:[t?.img?.url&&e(p,{className:"laptop:block desktop:w-[116px] lg-desktop:w-[146px] hidden aspect-[194/194] w-[88px]",imgClassName:"",source:t?.img?.url,alt:t?.img?.alt||""}),t?.mobileImg?.url&&e(p,{className:"laptop:hidden block aspect-[120/120] h-full",imgClassName:"",source:t?.mobileImg?.url,alt:t?.mobileImg?.alt||""})]}),e(n,{html:t?.title,className:"laptop:text-[18px] line-clamp-2 shrink-0 text-center text-[14px] font-bold leading-[1.4]"})]}),b=t=>{const{data:d,className:o}=t,{list:s}=d;return i("div",{className:"w-full",children:[e("div",{className:r("tablet:hidden grid grid-cols-2 gap-3",o),children:s.map((l,a)=>e(m,{item:l},`mobile-${a}`))}),e("div",{className:r("tablet:block hidden",o),children:i("div",{className:"relative",children:[e(u,{modules:[w,g,x],freeMode:!0,spaceBetween:16,slidesPerView:"auto",pagination:{clickable:!0,el:".gift-box-pagination"},mousewheel:{forceToAxis:!0},breakpoints:{768:{spaceBetween:12,slidesPerView:4},1025:{spaceBetween:16,slidesPerView:4},1440:{spaceBetween:16,slidesPerView:6}},className:"laptop:!overflow-visible [&_.swiper-slide]:!h-auto [&_.swiper-wrapper]:items-stretch",children:s.map((l,a)=>e(f,{className:"!h-full items-stretch",children:e(m,{item:l})},`carousel-${a}`))}),e("div",{className:"gift-box-pagination laptop:hidden mt-3 flex justify-center [&_.swiper-pagination-bullet-active]:!bg-[#080A0F] [&_.swiper-pagination-bullet]:size-2 [&_.swiper-pagination-bullet]:rounded-full [&_.swiper-pagination-bullet]:bg-[#767880] [&_.swiper-pagination-bullet]:opacity-100"})]})})]})};var A=c(b);export{A as default};
+"use client";import{jsx as e,jsxs as i}from"react/jsx-runtime";import"react";import{withLayout as c}from"../../shared/Styles.js";import{Picture as o,Text as n}from"../../components/index.js";import{cn as r}from"../../helpers/index.js";import{Swiper as u,SwiperSlide as f}from"swiper/react";import{Pagination as w,Mousewheel as g,FreeMode as x}from"swiper/modules";import"swiper/css";import"swiper/css/navigation";import"swiper/css/pagination";const m=({item:t})=>i("div",{className:"rounded-card laptop:p-[20px] tablet:h-full tablet:px-3 laptop:px-4 lg-desktop:p-8 flex h-[120px] flex-col items-center justify-center overflow-hidden bg-[#EAEAEC] px-4 py-[12px]",children:[i("div",{className:"min-h-0 flex-1",children:[t?.img?.url&&e(o,{className:"laptop:block desktop:w-[116px] lg-desktop:w-[146px] hidden aspect-[194/194] w-[88px]",imgClassName:"",source:t?.img?.url,alt:t?.img?.alt||""}),t?.mobileImg?.url&&e(o,{className:"laptop:hidden block aspect-[120/120] h-full",imgClassName:"",source:t?.mobileImg?.url,alt:t?.mobileImg?.alt||""})]}),e(n,{html:t?.title,className:"laptop:text-[18px] line-clamp-2 shrink-0 text-center text-[14px] font-bold leading-[1.4]"})]}),b=t=>{const{data:d,className:s}=t,{list:p}=d;return i("div",{className:"w-full",children:[e("div",{className:r("tablet:hidden grid grid-cols-2 gap-3",s),children:p.map((l,a)=>e(m,{item:l},`mobile-${a}`))}),e("div",{className:r("tablet:block hidden",s),children:i("div",{className:"relative",children:[e(u,{modules:[w,g,x],freeMode:!0,spaceBetween:16,slidesPerView:"auto",pagination:{clickable:!0,el:".gift-box-pagination"},mousewheel:{forceToAxis:!0},breakpoints:{768:{spaceBetween:12,slidesPerView:4},1025:{spaceBetween:16,slidesPerView:4},1440:{spaceBetween:16,slidesPerView:6}},className:"laptop:!overflow-visible [&_.swiper-slide]:!h-auto [&_.swiper-wrapper]:items-stretch",children:p.map((l,a)=>e(f,{className:"!h-full items-stretch",children:e(m,{item:l})},`carousel-${a}`))}),e("div",{className:"gift-box-pagination laptop:hidden mt-3 flex justify-center [&_.swiper-pagination-bullet-active]:!bg-[#080A0F] [&_.swiper-pagination-bullet]:size-2 [&_.swiper-pagination-bullet]:rounded-full [&_.swiper-pagination-bullet]:bg-[#767880] [&_.swiper-pagination-bullet]:opacity-100"})]})})]})};var A=c(b);export{A as default};
 //# sourceMappingURL=index.js.map

package/dist/esm/biz-components/GiftBox/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/GiftBox/index.tsx"],
-  "sourcesContent": ["'use client'\nimport React, { useState } from 'react'\nimport { withLayout } from '../../shared/Styles.js'\nimport { Picture, Text } from '../../components/index.js'\nimport { cn } from '../../helpers/index.js'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport { Pagination, Mousewheel, FreeMode } from 'swiper/modules'\nimport 'swiper/css'\nimport 'swiper/css/navigation'\nimport 'swiper/css/pagination'\nimport type { GiftBoxDataType, GiftBoxType } from './types.js'\n\nconst GiftItem = ({ item }: { item: GiftBoxDataType }) => (\n  <div className=\"rounded-card laptop:p-[20px] tablet:h-full tablet:px-3 laptop:px-4 lg-desktop:p-8 box-border flex h-[120px] flex-col items-center justify-center overflow-hidden bg-[#EAEAEC] px-4 py-[12px]\">\n    <div className=\"min-h-0 flex-1\">\n      {item?.img?.url && (\n        <Picture\n          className=\"laptop:block desktop:w-[116px] lg-desktop:w-[146px] hidden aspect-[194/194] w-[88px]\"\n          imgClassName=\"\"\n          source={item?.img?.url}\n          alt={item?.img?.alt || ''}\n        />\n      )}\n      {item?.mobileImg?.url && (\n        <Picture\n          className=\"laptop:hidden block aspect-[120/120] h-full\"\n          imgClassName=\"\"\n          source={item?.mobileImg?.url}\n          alt={item?.mobileImg?.alt || ''}\n        />\n      )}\n    </div>\n    <Text\n      html={item?.title}\n      className=\"laptop:text-[18px] line-clamp-2 shrink-0 text-center text-[14px] font-bold leading-[1.4]\"\n    />\n  </div>\n)\n\nconst GiftBox = (props: GiftBoxType) => {\n  const { data, className } = props\n  const { list } = data\n\n  return (\n    <div className=\"w-full\">\n      {/* Mobile: Grid \u9759\u6001\u5E03\u5C40 2 \u5217 (<768px) */}\n      <div className={cn('tablet:hidden grid grid-cols-2 gap-3', className)}>\n        {list.map((item, index) => (\n          <GiftItem key={`mobile-${index}`} item={item} />\n        ))}\n      </div>\n\n      {/* Tablet+: Swiper \u8F6E\u64AD (\u2265768px)\n          - 768px~1024px (tablet~laptop): 4 \u4E2A\u53EF\u89C1\n          - \u22651025px (laptop+): 4.2 \u4E2A\u53EF\u89C1\n          - \u22651440px (desktop+): 6 \u4E2A\u53EF\u89C1\n      */}\n      <div className={cn('tablet:block hidden', className)}>\n        <div className=\"relative\">\n          <Swiper\n            modules={[Pagination, Mousewheel, FreeMode]}\n            freeMode={true}\n            spaceBetween={16}\n            slidesPerView=\"auto\"\n            pagination={{\n              clickable: true,\n              el: '.gift-box-pagination',\n            }}\n            mousewheel={{\n              forceToAxis: true,\n            }}\n            breakpoints={{\n              768: {\n                spaceBetween: 12,\n                slidesPerView: 4,\n              },\n              1025: {\n                spaceBetween: 16,\n                slidesPerView: 4,\n              },\n              1440: {\n                spaceBetween: 16,\n                slidesPerView: 6,\n              },\n            }}\n            className=\"laptop:!overflow-visible [&_.swiper-slide]:!h-auto [&_.swiper-wrapper]:items-stretch\"\n          >\n            {list.map((item, index) => (\n              <SwiperSlide key={`carousel-${index}`} className=\"!h-full items-stretch\">\n                <GiftItem item={item} />\n              </SwiperSlide>\n            ))}\n          </Swiper>\n          {/* \u81EA\u5B9A\u4E49 Pagination - \u4EC5 tablet \u663E\u793A */}\n          <div className=\"gift-box-pagination laptop:hidden mt-3 flex justify-center [&_.swiper-pagination-bullet-active]:!bg-[#080A0F] [&_.swiper-pagination-bullet]:size-2 [&_.swiper-pagination-bullet]:rounded-full [&_.swiper-pagination-bullet]:bg-[#767880] [&_.swiper-pagination-bullet]:opacity-100\" />\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default withLayout(GiftBox)\n"],
-  "mappings": "aAcI,OAEI,OAAAA,EAFJ,QAAAC,MAAA,oBAbJ,MAAgC,QAChC,OAAS,cAAAC,MAAkB,yBAC3B,OAAS,WAAAC,EAAS,QAAAC,MAAY,4BAC9B,OAAS,MAAAC,MAAU,yBACnB,OAAS,UAAAC,EAAQ,eAAAC,MAAmB,eACpC,OAAS,cAAAC,EAAY,cAAAC,EAAY,YAAAC,MAAgB,iBACjD,MAAO,aACP,MAAO,wBACP,MAAO,wBAGP,MAAMC,EAAW,CAAC,CAAE,KAAAC,CAAK,IACvBX,EAAC,OAAI,UAAU,+LACb,UAAAA,EAAC,OAAI,UAAU,iBACZ,UAAAW,GAAM,KAAK,KACVZ,EAACG,EAAA,CACC,UAAU,uFACV,aAAa,GACb,OAAQS,GAAM,KAAK,IACnB,IAAKA,GAAM,KAAK,KAAO,GACzB,EAEDA,GAAM,WAAW,KAChBZ,EAACG,EAAA,CACC,UAAU,8CACV,aAAa,GACb,OAAQS,GAAM,WAAW,IACzB,IAAKA,GAAM,WAAW,KAAO,GAC/B,GAEJ,EACAZ,EAACI,EAAA,CACC,KAAMQ,GAAM,MACZ,UAAU,2FACZ,GACF,EAGIC,EAAWC,GAAuB,CACtC,KAAM,CAAE,KAAAC,EAAM,UAAAC,CAAU,EAAIF,EACtB,CAAE,KAAAG,CAAK,EAAIF,EAEjB,OACEd,EAAC,OAAI,UAAU,SAEb,UAAAD,EAAC,OAAI,UAAWK,EAAG,uCAAwCW,CAAS,EACjE,SAAAC,EAAK,IAAI,CAACL,EAAMM,IACflB,EAACW,EAAA,CAAiC,KAAMC,GAAzB,UAAUM,CAAK,EAAgB,CAC/C,EACH,EAOAlB,EAAC,OAAI,UAAWK,EAAG,sBAAuBW,CAAS,EACjD,SAAAf,EAAC,OAAI,UAAU,WACb,UAAAD,EAACM,EAAA,CACC,QAAS,CAACE,EAAYC,EAAYC,CAAQ,EAC1C,SAAU,GACV,aAAc,GACd,cAAc,OACd,WAAY,CACV,UAAW,GACX,GAAI,sBACN,EACA,WAAY,CACV,YAAa,EACf,EACA,YAAa,CACX,IAAK,CACH,aAAc,GACd,cAAe,CACjB,EACA,KAAM,CACJ,aAAc,GACd,cAAe,CACjB,EACA,KAAM,CACJ,aAAc,GACd,cAAe,CACjB,CACF,EACA,UAAU,uFAET,SAAAO,EAAK,IAAI,CAACL,EAAMM,IACflB,EAACO,EAAA,CAAsC,UAAU,wBAC/C,SAAAP,EAACW,EAAA,CAAS,KAAMC,EAAM,GADN,YAAYM,CAAK,EAEnC,CACD,EACH,EAEAlB,EAAC,OAAI,UAAU,qRAAqR,GACtS,EACF,GACF,CAEJ,EAEA,IAAOmB,EAAQjB,EAAWW,CAAO",
+  "sourcesContent": ["'use client'\nimport React, { useState } from 'react'\nimport { withLayout } from '../../shared/Styles.js'\nimport { Picture, Text } from '../../components/index.js'\nimport { cn } from '../../helpers/index.js'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport { Pagination, Mousewheel, FreeMode } from 'swiper/modules'\nimport 'swiper/css'\nimport 'swiper/css/navigation'\nimport 'swiper/css/pagination'\nimport type { GiftBoxDataType, GiftBoxType } from './types.js'\n\nconst GiftItem = ({ item }: { item: GiftBoxDataType }) => (\n  <div className=\"rounded-card laptop:p-[20px] tablet:h-full tablet:px-3 laptop:px-4 lg-desktop:p-8 flex h-[120px] flex-col items-center justify-center overflow-hidden bg-[#EAEAEC] px-4 py-[12px]\">\n    <div className=\"min-h-0 flex-1\">\n      {item?.img?.url && (\n        <Picture\n          className=\"laptop:block desktop:w-[116px] lg-desktop:w-[146px] hidden aspect-[194/194] w-[88px]\"\n          imgClassName=\"\"\n          source={item?.img?.url}\n          alt={item?.img?.alt || ''}\n        />\n      )}\n      {item?.mobileImg?.url && (\n        <Picture\n          className=\"laptop:hidden block aspect-[120/120] h-full\"\n          imgClassName=\"\"\n          source={item?.mobileImg?.url}\n          alt={item?.mobileImg?.alt || ''}\n        />\n      )}\n    </div>\n    <Text\n      html={item?.title}\n      className=\"laptop:text-[18px] line-clamp-2 shrink-0 text-center text-[14px] font-bold leading-[1.4]\"\n    />\n  </div>\n)\n\nconst GiftBox = (props: GiftBoxType) => {\n  const { data, className } = props\n  const { list } = data\n\n  return (\n    <div className=\"w-full\">\n      {/* Mobile: Grid \u9759\u6001\u5E03\u5C40 2 \u5217 (<768px) */}\n      <div className={cn('tablet:hidden grid grid-cols-2 gap-3', className)}>\n        {list.map((item, index) => (\n          <GiftItem key={`mobile-${index}`} item={item} />\n        ))}\n      </div>\n\n      {/* Tablet+: Swiper \u8F6E\u64AD (\u2265768px)\n          - 768px~1024px (tablet~laptop): 4 \u4E2A\u53EF\u89C1\n          - \u22651025px (laptop+): 4.2 \u4E2A\u53EF\u89C1\n          - \u22651440px (desktop+): 6 \u4E2A\u53EF\u89C1\n      */}\n      <div className={cn('tablet:block hidden', className)}>\n        <div className=\"relative\">\n          <Swiper\n            modules={[Pagination, Mousewheel, FreeMode]}\n            freeMode={true}\n            spaceBetween={16}\n            slidesPerView=\"auto\"\n            pagination={{\n              clickable: true,\n              el: '.gift-box-pagination',\n            }}\n            mousewheel={{\n              forceToAxis: true,\n            }}\n            breakpoints={{\n              768: {\n                spaceBetween: 12,\n                slidesPerView: 4,\n              },\n              1025: {\n                spaceBetween: 16,\n                slidesPerView: 4,\n              },\n              1440: {\n                spaceBetween: 16,\n                slidesPerView: 6,\n              },\n            }}\n            className=\"laptop:!overflow-visible [&_.swiper-slide]:!h-auto [&_.swiper-wrapper]:items-stretch\"\n          >\n            {list.map((item, index) => (\n              <SwiperSlide key={`carousel-${index}`} className=\"!h-full items-stretch\">\n                <GiftItem item={item} />\n              </SwiperSlide>\n            ))}\n          </Swiper>\n          {/* \u81EA\u5B9A\u4E49 Pagination - \u4EC5 tablet \u663E\u793A */}\n          <div className=\"gift-box-pagination laptop:hidden mt-3 flex justify-center [&_.swiper-pagination-bullet-active]:!bg-[#080A0F] [&_.swiper-pagination-bullet]:size-2 [&_.swiper-pagination-bullet]:rounded-full [&_.swiper-pagination-bullet]:bg-[#767880] [&_.swiper-pagination-bullet]:opacity-100\" />\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default withLayout(GiftBox)\n"],
+  "mappings": "aAcI,OAEI,OAAAA,EAFJ,QAAAC,MAAA,oBAbJ,MAAgC,QAChC,OAAS,cAAAC,MAAkB,yBAC3B,OAAS,WAAAC,EAAS,QAAAC,MAAY,4BAC9B,OAAS,MAAAC,MAAU,yBACnB,OAAS,UAAAC,EAAQ,eAAAC,MAAmB,eACpC,OAAS,cAAAC,EAAY,cAAAC,EAAY,YAAAC,MAAgB,iBACjD,MAAO,aACP,MAAO,wBACP,MAAO,wBAGP,MAAMC,EAAW,CAAC,CAAE,KAAAC,CAAK,IACvBX,EAAC,OAAI,UAAU,oLACb,UAAAA,EAAC,OAAI,UAAU,iBACZ,UAAAW,GAAM,KAAK,KACVZ,EAACG,EAAA,CACC,UAAU,uFACV,aAAa,GACb,OAAQS,GAAM,KAAK,IACnB,IAAKA,GAAM,KAAK,KAAO,GACzB,EAEDA,GAAM,WAAW,KAChBZ,EAACG,EAAA,CACC,UAAU,8CACV,aAAa,GACb,OAAQS,GAAM,WAAW,IACzB,IAAKA,GAAM,WAAW,KAAO,GAC/B,GAEJ,EACAZ,EAACI,EAAA,CACC,KAAMQ,GAAM,MACZ,UAAU,2FACZ,GACF,EAGIC,EAAWC,GAAuB,CACtC,KAAM,CAAE,KAAAC,EAAM,UAAAC,CAAU,EAAIF,EACtB,CAAE,KAAAG,CAAK,EAAIF,EAEjB,OACEd,EAAC,OAAI,UAAU,SAEb,UAAAD,EAAC,OAAI,UAAWK,EAAG,uCAAwCW,CAAS,EACjE,SAAAC,EAAK,IAAI,CAACL,EAAMM,IACflB,EAACW,EAAA,CAAiC,KAAMC,GAAzB,UAAUM,CAAK,EAAgB,CAC/C,EACH,EAOAlB,EAAC,OAAI,UAAWK,EAAG,sBAAuBW,CAAS,EACjD,SAAAf,EAAC,OAAI,UAAU,WACb,UAAAD,EAACM,EAAA,CACC,QAAS,CAACE,EAAYC,EAAYC,CAAQ,EAC1C,SAAU,GACV,aAAc,GACd,cAAc,OACd,WAAY,CACV,UAAW,GACX,GAAI,sBACN,EACA,WAAY,CACV,YAAa,EACf,EACA,YAAa,CACX,IAAK,CACH,aAAc,GACd,cAAe,CACjB,EACA,KAAM,CACJ,aAAc,GACd,cAAe,CACjB,EACA,KAAM,CACJ,aAAc,GACd,cAAe,CACjB,CACF,EACA,UAAU,uFAET,SAAAO,EAAK,IAAI,CAACL,EAAMM,IACflB,EAACO,EAAA,CAAsC,UAAU,wBAC/C,SAAAP,EAACW,EAAA,CAAS,KAAMC,EAAM,GADN,YAAYM,CAAK,EAEnC,CACD,EACH,EAEAlB,EAAC,OAAI,UAAU,qRAAqR,GACtS,EACF,GACF,CAEJ,EAEA,IAAOmB,EAAQjB,EAAWW,CAAO",
   "names": ["jsx", "jsxs", "withLayout", "Picture", "Text", "cn", "Swiper", "SwiperSlide", "Pagination", "Mousewheel", "FreeMode", "GiftItem", "item", "GiftBox", "props", "data", "className", "list", "index", "GiftBox_default"]
 }

package/dist/esm/biz-components/GiftShelf/index.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as n,jsxs as N}from"react/jsx-runtime";import*as o from"react";import{cn as g}from"../../helpers/index.js";import{Text as T,Picture as _,Button as tt,Container as et,Heading as ot}from"../../components/index.js";import{cva as y}from"class-variance-authority";import{Swiper as nt,SwiperSlide as st}from"swiper/react";import{withLayout as at}from"../../shared/Styles.js";import{useExposure as rt}from"../../hooks/useExposure.js";import{useProductListTrack as it}from"../../hooks/useProductListTrack.js";import{formatVariantPrice as lt}from"../Listing/utils/index.js";import{useAiuiContext as ut}from"../AiuiProvider/index.js";import{replaceTemplate as j}from"../Listing/utils/textFormat.js";const U="image",z="gift_shelf",ct=y("desktop:px-6 rounded-card relative min-w-0 overflow-hidden p-4",{variants:{state:{light:"bg-[#EAEAEC]",dark:"bg-[#1E2024]"}},defaultVariants:{state:"light"}}),dt=y("",{variants:{layout:{vertical:"",horizontal:"desktop:flex desktop:flex-row desktop:items-stretch desktop:gap-10"}},defaultVariants:{layout:"vertical"}}),pt=y("desktop:max-w-[268px] lg-desktop:max-w-[356px] lg-desktop:h-[171px] relative mx-auto h-[118px] max-w-[256px] ",{variants:{layout:{vertical:"",horizontal:"desktop:flex-1 desktop:h-[122px] lg-desktop:h-[161px]"}},defaultVariants:{layout:"vertical"}}),ft=y("mt-3",{variants:{layout:{vertical:"",horizontal:"desktop:mt-0 desktop:flex-1 desktop:flex desktop:flex-col desktop:justify-center"}},defaultVariants:{layout:"vertical"}}),mt=y("mt-4 self-start",{variants:{state:{light:"bg-[#080A0F] text-white",dark:"bg-white text-[#080A0F]"}},defaultVariants:{state:"light"}}),P=y("",{variants:{state:{light:"text-[#080A0F]",dark:"text-white"}},defaultVariants:{state:"light"}}),ht=t=>{if(!t)return;const e=[];return t.lgDesktop?.url&&e.push(`${t.lgDesktop.url} 1920`),t.desktop?.url&&e.push(`${t.desktop.url} 1439`),t.laptop?.url&&e.push(`${t.laptop.url} 1024`),t.tablet?.url&&e.push(`${t.tablet.url} 767`),t.default?.url&&e.push(t.default.url),e.length>0?e.join(", "):void 0},gt=t=>t&&(t.default?.alt||t.tablet?.alt||t.laptop?.alt||t.desktop?.alt||t.lgDesktop?.alt)||"",wt=t=>{const e=Math.floor(t/3600),s=Math.floor(t%3600/60),r=t%60;return`${e.toString().padStart(2,"0")}:${s.toString().padStart(2,"0")}:${r.toString().padStart(2,"0")}`},L=t=>{if(typeof t=="number")return t;const e=new Date(t).getTime();return isNaN(e)?0:e},q=t=>{if(!t)return!1;const e=L(t.startTime),s=(t.durationDays??1)*24*3600*1e3,r=t.rounds??1,p=Date.now();if(p<e)return!1;const w=p-e,c=Math.floor(w/s)+1;if(c>r)return!1;const f=e+c*s-p,m=5*60*1e3;return f<=m&&f>0},O=(t,e)=>{if(!t||!e)return t||"";const s=L(e.startTime),r=(e.durationDays??1)*24*3600*1e3,p=e.rounds??1,w=Date.now();if(w<s){const S=new Date(s),h=`${(S.getUTCMonth()+1).toString().padStart(2,"0")}${S.getUTCDate().toString().padStart(2,"0")}`;return`${t}${h}`}const c=w-s,u=Math.min(Math.floor(c/r)+1,p),f=s+(u-1)*r,m=new Date(f),i=`${(m.getUTCMonth()+1).toString().padStart(2,"0")}${m.getUTCDate().toString().padStart(2,"0")}`;return`${t}${i}`},H=o.memo(({config:t,theme:e="light",className:s,countdownText:r="Next round start time",lastRoundText:p="Last round",beforeStartText:w="Start time",countdownIcon:c,onStateChange:u})=>{const[f,m]=o.useState(0),[i,S]=o.useState("beforeStart"),h=o.useMemo(()=>L(t.startTime),[t.startTime]),l=t.rounds??1,v=(t.durationDays??1)*24*3600*1e3;o.useEffect(()=>{const b=()=>{const k=Date.now();if(k<h){const B=Math.max(0,Math.floor((h-k)/1e3));m(B),S("beforeStart");return}const R=k-h,a=Math.floor(R/v)+1;if(a>l){S("finished");return}const A=h+a*v,$=Math.max(0,Math.floor((A-k)/1e3));m($),S(a===l?"lastRound":"running")};b();const D=setInterval(b,1e3);return()=>clearInterval(D)},[h,v,l]),o.useEffect(()=>{u?.(i)},[i,u]);const M=o.useMemo(()=>{switch(i){case"beforeStart":return w;case"lastRound":return p;default:return r}},[i,w,p,r]);return i==="finished"?null:N("div",{className:g("desktop:gap-2 laptop:text-base flex items-center gap-1 text-sm",e==="dark"?"text-white":"text-[#080A0F]",s),children:[c&&n(_,{source:c.url,alt:c.alt,className:"laptop:size-5 size-4 shrink-0",imgClassName:"size-full object-contain"}),n(T,{html:M,className:"whitespace-nowrap font-bold"}),n("span",{className:"font-bold",children:"|"}),n(T,{className:"font-bold",html:wt(f)})]})});H.displayName="Countdown";const W=o.memo(({progress:t,theme:e="light",className:s})=>{const r=Math.min(100,Math.max(0,t));return n("div",{className:g("flex h-2 w-full items-stretch overflow-hidden rounded-full",e==="dark"?"bg-white/20":"bg-black/20",s),role:"progressbar","aria-valuenow":r,"aria-valuemin":0,"aria-valuemax":100,children:n("div",{className:g("h-full rounded-full transition-all duration-300",e==="dark"?"bg-white":"bg-[#080A0F]"),style:{width:`${r}%`}})})});W.displayName="ProgressBar";const J=o.memo(({item:t,theme:e="light",layout:s="vertical",className:r,buttonClassName:p,countdownClassName:w,onButtonClick:c,buildData:u,buttonText:f,remainText:m,lowStockText:i,soldOutButtonText:S,discountText:h="Only {price}",countdownText:l,countdownIcon:v,lastRoundText:M,beforeStartText:b,comingSoonButtonText:D,loading:k})=>{const{locale:R="us"}=ut(),a=t.products?.[0],[A,$]=o.useState(()=>q(t.countdown)),[B,Q]=o.useState(()=>O(t.codePrefix,t.countdown)),[G,X]=o.useState("beforeStart");o.useEffect(()=>{const x=()=>{$(q(t.countdown));const F=O(t.codePrefix,t.countdown);Q(I=>I!==F?F:I)};x();const E=setInterval(x,1e3);return()=>clearInterval(E)},[t.codePrefix,t.countdown]);const Y=o.useCallback(x=>{X(x)},[]),V=o.useMemo(()=>!a?.handle||!u?.products?.length?null:u.products.find(x=>x.handle===a.handle)||null,[a?.handle,u?.products]),d=o.useMemo(()=>V?.variants?.find(x=>x?.sku===a?.sku)||{},[a?.sku,V?.variants]),C=o.useMemo(()=>{const{price:x,basePrice:E}=lt({locale:R||"us",baseAmount:d?.price?.amount,amount:a?.custom_price??d?.price?.amount,currencyCode:V?.price?.currencyCode||"USD"});return{value:E,description:a?.custom_description,salePrice:j(h||"",{price:x})}},[V,d,R,h,a?.custom_price,a?.custom_description]),Z=o.useCallback(()=>{c?.({product:a,code:B})},[c,B,a]);return N("div",{className:g(ct({state:e}),r),"data-ui-component-id":"GiftShelfCard",children:[t.countdown&&n("div",{className:"laptop:h-[24px] mb-4 h-[20px]",children:n(H,{config:t.countdown,theme:e,className:w,countdownText:l,lastRoundText:M,beforeStartText:b,countdownIcon:v,onStateChange:Y})}),N("div",{className:dt({layout:s}),children:[N("div",{className:pt({layout:s}),children:[t.backgroundImage&&n(_,{source:ht(t.backgroundImage),alt:gt(t.backgroundImage),className:"rounded-card size-full overflow-hidden object-cover",imgClassName:"h-full w-full object-cover"}),n("div",{className:"absolute top-1/2 z-10 w-full -translate-y-1/2 px-6",children:N("div",{className:"flex flex-col gap-1",children:[C.value&&n(ot,{html:C.value,size:4,className:g("font-bold leading-none",P({state:e}))}),C.description&&n(T,{html:C.description,className:g("text-base font-bold opacity-60",P({state:e}))})]})})]}),N("div",{className:ft({layout:s}),children:[C.salePrice&&n(T,{as:"p",html:C.salePrice,className:g("lg-desktop:text-2xl text-xl font-bold",P({state:e}))}),n(W,{progress:a?.custom_inventory?(d?.quantityAvailable||0)/a.custom_inventory*100:0,theme:e,className:g("mb-1 mt-2",d?.availableForSale&&(d?.quantityAvailable??0)<=0&&"invisible")}),m&&(d?.quantityAvailable??0)>=0&&n(T,{html:j(m,{inventory:a?.custom_inventory?.toString()||"",quantity:d?.quantityAvailable?.toString()||"0"}),as:"p",className:g("laptop:text-base text-sm font-bold",P({state:e}))}),i&&d?.availableForSale&&(d?.quantityAvailable??0)<0&&n(T,{html:i,as:"p",className:g("laptop:text-base text-sm font-bold text-red-500",P({state:e}))}),n(tt,{"data-headless-type-name":`${U}#${z}`,"data-headless-sku":a?.sku||"",size:"lg",className:g(mt({state:e}),p),onClick:Z,disabled:!d?.availableForSale||k||A||G==="beforeStart"||G==="finished",loading:k&&d?.availableForSale,children:G==="beforeStart"?D||f:d?.availableForSale?f:S||f})]})]})]})});J.displayName="GiftShelfCard";const K=o.forwardRef(({classNames:t={},data:e,onButtonClick:s,buildData:r,loading:p,...w},c)=>{const u=o.useRef(null);o.useImperativeHandle(c,()=>u.current),rt(u,{componentType:U,componentName:z,componentTitle:"",componentDescription:""});const{trackSelectItem:f}=it({containerRef:u,listName:z,items:e.items.map(l=>l.products?.[0]).filter(Boolean),products:r?.products}),m=e.theme||"light",i=o.useMemo(()=>e?.items?.length||4,[e?.items]),S=i===2?"horizontal":"vertical",h=o.useMemo(()=>{const l=v=>{switch(v){case"mobile":return{slidesPerView:1.2,spaceBetween:12};case"tablet":return i<=2?{slidesPerView:2,spaceBetween:12}:{slidesPerView:2.5,spaceBetween:12};case"laptop":return i<=3?{slidesPerView:i,spaceBetween:16}:{slidesPerView:3.01,spaceBetween:16};case"desktop":return{slidesPerView:Math.min(i,4),spaceBetween:20}}};return{0:l("mobile"),768:l("tablet"),1025:l("laptop"),1440:l("desktop")}},[i]);return n(et,{ref:u,className:g(t?.root),childClassName:"overflow-hidden","data-ui-component-id":"GiftShelf",...w,children:n(nt,{breakpoints:h,className:"w-full !overflow-visible",children:e.items.map((l,v)=>n(st,{children:n(J,{item:l,theme:m,layout:S,className:t?.card,buttonClassName:t?.button,countdownClassName:t?.countdown,onButtonClick:M=>{const b=l.products?.[0];b&&f(b,v),s?.(M)},buildData:r,buttonText:e.buttonText,discountText:e.discountText,remainText:e.remainText,lowStockText:e.lowStockText,soldOutButtonText:e.soldOutButtonText,countdownText:e.countdownText,lastRoundText:e.lastRoundText,countdownIcon:e?.countdownIcon,beforeStartText:e.beforeStartText,comingSoonButtonText:e.comingSoonButtonText,loading:p})},"giftShelfCardItem"+v))})})});K.displayName="GiftShelf";var Pt=at(K);export{Pt as default};
+"use client";import{jsx as n,jsxs as C}from"react/jsx-runtime";import*as o from"react";import{cn as h}from"../../helpers/index.js";import{Text as b,Picture as _,Button as Y,Container as Z,Heading as tt}from"../../components/index.js";import{cva as k}from"class-variance-authority";import{Swiper as et,SwiperSlide as ot}from"swiper/react";import{withLayout as nt}from"../../shared/Styles.js";import{formatVariantPrice as at}from"../Listing/utils/index.js";import{useAiuiContext as st}from"../AiuiProvider/index.js";import{replaceTemplate as I}from"../Listing/utils/textFormat.js";const rt=k("desktop:px-6 rounded-card relative min-w-0 overflow-hidden p-4",{variants:{state:{light:"bg-[#EAEAEC]",dark:"bg-[#1E2024]"}},defaultVariants:{state:"light"}}),it=k("",{variants:{layout:{vertical:"",horizontal:"desktop:flex desktop:flex-row desktop:items-stretch desktop:gap-10"}},defaultVariants:{layout:"vertical"}}),lt=k("desktop:max-w-[268px] lg-desktop:max-w-[356px] lg-desktop:h-[171px] relative mx-auto h-[118px] max-w-[256px] ",{variants:{layout:{vertical:"",horizontal:"desktop:flex-1 desktop:h-[122px] lg-desktop:h-[161px]"}},defaultVariants:{layout:"vertical"}}),ut=k("mt-3",{variants:{layout:{vertical:"",horizontal:"desktop:mt-0 desktop:flex-1 desktop:flex desktop:flex-col desktop:justify-center"}},defaultVariants:{layout:"vertical"}}),ct=k("mt-4 self-start",{variants:{state:{light:"bg-[#080A0F] text-white",dark:"bg-white text-[#080A0F]"}},defaultVariants:{state:"light"}}),N=k("",{variants:{state:{light:"text-[#080A0F]",dark:"text-white"}},defaultVariants:{state:"light"}}),dt=t=>{if(!t)return;const e=[];return t.lgDesktop?.url&&e.push(`${t.lgDesktop.url} 1920`),t.desktop?.url&&e.push(`${t.desktop.url} 1439`),t.laptop?.url&&e.push(`${t.laptop.url} 1024`),t.tablet?.url&&e.push(`${t.tablet.url} 767`),t.default?.url&&e.push(t.default.url),e.length>0?e.join(", "):void 0},ft=t=>t&&(t.default?.alt||t.tablet?.alt||t.laptop?.alt||t.desktop?.alt||t.lgDesktop?.alt)||"",pt=t=>{const e=Math.floor(t/3600),a=Math.floor(t%3600/60),i=t%60;return`${e.toString().padStart(2,"0")}:${a.toString().padStart(2,"0")}:${i.toString().padStart(2,"0")}`},E=t=>{if(typeof t=="number")return t;const e=new Date(t).getTime();return isNaN(e)?0:e},L=t=>{if(!t)return!1;const e=E(t.startTime),a=(t.durationDays??1)*24*3600*1e3,i=t.rounds??1,f=Date.now();if(f<e)return!1;const g=f-e,c=Math.floor(g/a)+1;if(c>i)return!1;const r=e+c*a-f,p=5*60*1e3;return r<=p&&r>0},U=(t,e)=>{if(!t||!e)return t||"";const a=E(e.startTime),i=(e.durationDays??1)*24*3600*1e3,f=e.rounds??1,g=Date.now();if(g<a){const l=new Date(a),u=`${(l.getUTCMonth()+1).toString().padStart(2,"0")}${l.getUTCDate().toString().padStart(2,"0")}`;return`${t}${u}`}const c=g-a,w=Math.min(Math.floor(c/i)+1,f),r=a+(w-1)*i,p=new Date(r),m=`${(p.getUTCMonth()+1).toString().padStart(2,"0")}${p.getUTCDate().toString().padStart(2,"0")}`;return`${t}${m}`},q=o.memo(({config:t,theme:e="light",className:a,countdownText:i="Next round start time",lastRoundText:f="Last round",beforeStartText:g="Start time",countdownIcon:c,onStateChange:w})=>{const[r,p]=o.useState(0),[m,l]=o.useState("beforeStart"),u=o.useMemo(()=>E(t.startTime),[t.startTime]),T=t.rounds??1,y=(t.durationDays??1)*24*3600*1e3;o.useEffect(()=>{const M=()=>{const x=Date.now();if(x<u){const R=Math.max(0,Math.floor((u-x)/1e3));p(R),l("beforeStart");return}const P=x-u,s=Math.floor(P/y)+1;if(s>T){l("finished");return}const D=u+s*y,G=Math.max(0,Math.floor((D-x)/1e3));p(G),l(s===T?"lastRound":"running")};M();const A=setInterval(M,1e3);return()=>clearInterval(A)},[u,y,T]),o.useEffect(()=>{w?.(m)},[m,w]);const V=o.useMemo(()=>{switch(m){case"beforeStart":return g;case"lastRound":return f;default:return i}},[m,g,f,i]);return m==="finished"?null:C("div",{className:h("desktop:gap-2 laptop:text-base flex items-center gap-1 text-sm",e==="dark"?"text-white":"text-[#080A0F]",a),children:[c&&n(_,{source:c.url,alt:c.alt,className:"laptop:size-5 size-4 shrink-0",imgClassName:"size-full object-contain"}),n(b,{html:V,className:"whitespace-nowrap font-bold"}),n("span",{className:"font-bold",children:"|"}),n(b,{className:"font-bold",html:pt(r)})]})});q.displayName="Countdown";const O=o.memo(({progress:t,theme:e="light",className:a})=>{const i=Math.min(100,Math.max(0,t));return n("div",{className:h("flex h-2 w-full items-stretch overflow-hidden rounded-full",e==="dark"?"bg-white/20":"bg-black/20",a),role:"progressbar","aria-valuenow":i,"aria-valuemin":0,"aria-valuemax":100,children:n("div",{className:h("h-full rounded-full transition-all duration-300",e==="dark"?"bg-white":"bg-[#080A0F]"),style:{width:`${i}%`}})})});O.displayName="ProgressBar";const H=o.memo(({item:t,theme:e="light",layout:a="vertical",className:i,buttonClassName:f,countdownClassName:g,onButtonClick:c,buildData:w,buttonText:r,remainText:p,lowStockText:m,soldOutButtonText:l,discountText:u="Only {price}",countdownText:T,countdownIcon:y,lastRoundText:V,beforeStartText:M,comingSoonButtonText:A,loading:x})=>{const{locale:P="us"}=st(),s=t.products?.[0],[D,G]=o.useState(()=>L(t.countdown)),[R,J]=o.useState(()=>U(t.codePrefix,t.countdown)),[$,K]=o.useState("beforeStart");o.useEffect(()=>{const S=()=>{G(L(t.countdown));const F=U(t.codePrefix,t.countdown);J(j=>j!==F?F:j)};S();const z=setInterval(S,1e3);return()=>clearInterval(z)},[t.codePrefix,t.countdown]);const Q=o.useCallback(S=>{K(S)},[]),B=o.useMemo(()=>!s?.handle||!w?.products?.length?null:w.products.find(S=>S.handle===s.handle)||null,[s?.handle,w?.products]),d=o.useMemo(()=>B?.variants?.find(S=>S?.sku===s?.sku)||{},[s?.sku,B?.variants]),v=o.useMemo(()=>{const{price:S,basePrice:z}=at({locale:P||"us",baseAmount:d?.price?.amount,amount:s?.custom_price??d?.price?.amount,currencyCode:B?.price?.currencyCode||"USD"});return{value:z,description:s?.custom_description,salePrice:I(u||"",{price:S})}},[B,d,P,u,s?.custom_price,s?.custom_description]),X=o.useCallback(()=>{c?.({product:s,code:R})},[c,R,s]);return C("div",{className:h(rt({state:e}),i),"data-ui-component-id":"GiftShelfCard",children:[t.countdown&&n("div",{className:"laptop:h-[24px] mb-4 h-[20px]",children:n(q,{config:t.countdown,theme:e,className:g,countdownText:T,lastRoundText:V,beforeStartText:M,countdownIcon:y,onStateChange:Q})}),C("div",{className:it({layout:a}),children:[C("div",{className:lt({layout:a}),children:[t.backgroundImage&&n(_,{source:dt(t.backgroundImage),alt:ft(t.backgroundImage),className:"rounded-card size-full overflow-hidden object-cover",imgClassName:"h-full w-full object-cover"}),n("div",{className:"absolute top-1/2 z-10 w-full -translate-y-1/2 px-6",children:C("div",{className:"flex flex-col gap-1",children:[v.value&&n(tt,{html:v.value,size:4,className:h("font-bold leading-none",N({state:e}))}),v.description&&n(b,{html:v.description,className:h("text-base font-bold opacity-60",N({state:e}))})]})})]}),C("div",{className:ut({layout:a}),children:[v.salePrice&&n(b,{as:"p",html:v.salePrice,className:h("lg-desktop:text-2xl text-xl font-bold",N({state:e}))}),n(O,{progress:s?.custom_inventory?(d?.quantityAvailable||0)/s.custom_inventory*100:0,theme:e,className:h("mb-1 mt-2",d?.availableForSale&&(d?.quantityAvailable??0)<=0&&"invisible")}),p&&(d?.quantityAvailable??0)>=0&&n(b,{html:I(p,{inventory:s?.custom_inventory?.toString()||"",quantity:d?.quantityAvailable?.toString()||"0"}),as:"p",className:h("laptop:text-base text-sm font-bold",N({state:e}))}),m&&d?.availableForSale&&(d?.quantityAvailable??0)<0&&n(b,{html:m,as:"p",className:h("laptop:text-base text-sm font-bold text-red-500",N({state:e}))}),n(Y,{size:"lg",className:h(ct({state:e}),f),onClick:X,disabled:!d?.availableForSale||x||D||$==="beforeStart"||$==="finished",loading:x&&d?.availableForSale,children:$==="beforeStart"?A||r:d?.availableForSale?r:l||r})]})]})]})});H.displayName="GiftShelfCard";const W=o.forwardRef(({classNames:t={},data:e,onButtonClick:a,buildData:i,loading:f,...g},c)=>{const w=e.theme||"light",r=o.useMemo(()=>e?.items?.length||4,[e?.items]),p=r===2?"horizontal":"vertical",m=o.useMemo(()=>{const l=u=>{switch(u){case"mobile":return{slidesPerView:1.2,spaceBetween:12};case"tablet":return r<=2?{slidesPerView:2,spaceBetween:12}:{slidesPerView:2.5,spaceBetween:12};case"laptop":return r<=3?{slidesPerView:r,spaceBetween:16}:{slidesPerView:3.01,spaceBetween:16};case"desktop":return{slidesPerView:Math.min(r,4),spaceBetween:20}}};return{0:l("mobile"),768:l("tablet"),1025:l("laptop"),1440:l("desktop")}},[r]);return n(Z,{ref:c,className:h(t?.root),childClassName:"overflow-hidden","data-ui-component-id":"GiftShelf",...g,children:n(et,{breakpoints:m,className:"w-full !overflow-visible",children:e.items.map((l,u)=>n(ot,{children:n(H,{item:l,theme:w,layout:p,className:t?.card,buttonClassName:t?.button,countdownClassName:t?.countdown,onButtonClick:a,buildData:i,buttonText:e.buttonText,discountText:e.discountText,remainText:e.remainText,lowStockText:e.lowStockText,soldOutButtonText:e.soldOutButtonText,countdownText:e.countdownText,lastRoundText:e.lastRoundText,countdownIcon:e?.countdownIcon,beforeStartText:e.beforeStartText,comingSoonButtonText:e.comingSoonButtonText,loading:f})},"giftShelfCardItem"+u))})})});W.displayName="GiftShelf";var kt=nt(W);export{kt as default};
 //# sourceMappingURL=index.js.map

package/dist/esm/biz-components/GiftShelf/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/GiftShelf/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport { Text, Picture, Button, Container, Heading } from '../../components/index.js'\nimport { cva } from 'class-variance-authority'\nimport type { GiftShelfProps, GiftShelfItem, CountdownConfig, ResponsiveBackgroundImage } from './types.js'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport { withLayout } from '../../shared/Styles.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport { useProductListTrack } from '../../hooks/useProductListTrack.js'\nimport type { Product, ProductVariant } from '../Listing/types/product.js'\nimport { formatVariantPrice } from '../Listing/utils/index.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport { replaceTemplate } from '../Listing/utils/textFormat.js'\nimport type { GiftShelfProduct } from './types.js'\nimport type { Media } from '../../types/props.js'\n\nconst componentType = 'image'\nconst componentName = 'gift_shelf'\n/**\n * Card style variants for gift shelf\n */\nconst giftCardVariants = cva('desktop:px-6 rounded-card relative min-w-0 overflow-hidden p-4', {\n  variants: {\n    state: {\n      light: 'bg-[#EAEAEC]',\n      dark: 'bg-[#1E2024]',\n    },\n  },\n  defaultVariants: {\n    state: 'light',\n  },\n})\n\n/**\n * Content layout variants - \u63A7\u5236 Background image \u548C Bottom info area \u7684\u5E03\u5C40\n * horizontal \u5E03\u5C40\u4EC5\u5728 desktop (\u22651440px) \u65AD\u70B9\u751F\u6548\n */\nconst contentLayoutVariants = cva('', {\n  variants: {\n    layout: {\n      vertical: '',\n      horizontal: 'desktop:flex desktop:flex-row desktop:items-stretch desktop:gap-10',\n    },\n  },\n  defaultVariants: {\n    layout: 'vertical',\n  },\n})\n\n/**\n * Image area variants\n * horizontal \u5E03\u5C40\u4EC5\u5728 desktop (\u22651440px) \u65AD\u70B9\u751F\u6548\n */\nconst imageAreaVariants = cva(\n  'desktop:max-w-[268px] lg-desktop:max-w-[356px] lg-desktop:h-[171px] relative mx-auto h-[118px] max-w-[256px] ',\n  {\n    variants: {\n      layout: {\n        vertical: '',\n        horizontal: 'desktop:flex-1 desktop:h-[122px] lg-desktop:h-[161px]',\n      },\n    },\n    defaultVariants: {\n      layout: 'vertical',\n    },\n  }\n)\n\n/**\n * Info area variants\n * horizontal \u5E03\u5C40\u4EC5\u5728 desktop (\u22651440px) \u65AD\u70B9\u751F\u6548\n */\nconst infoAreaVariants = cva('mt-3', {\n  variants: {\n    layout: {\n      vertical: '',\n      horizontal: 'desktop:mt-0 desktop:flex-1 desktop:flex desktop:flex-col desktop:justify-center',\n    },\n  },\n  defaultVariants: {\n    layout: 'vertical',\n  },\n})\n\n/**\n * Button style variants\n */\nconst buttonVariants = cva('mt-4 self-start', {\n  variants: {\n    state: {\n      light: 'bg-[#080A0F] text-white',\n      dark: 'bg-white text-[#080A0F]',\n    },\n  },\n  defaultVariants: {\n    state: 'light',\n  },\n})\n\n/**\n * Text style variants\n */\nconst textVariants = cva('', {\n  variants: {\n    state: {\n      light: 'text-[#080A0F]',\n      dark: 'text-white',\n    },\n  },\n  defaultVariants: {\n    state: 'light',\n  },\n})\n\n/**\n * Convert ResponsiveBackgroundImage to Picture source string\n * Format: \"url1 1920, url2 1439, url3 1024, url4 767, url5\"\n */\nconst getResponsiveSource = (bgImage?: ResponsiveBackgroundImage): string | undefined => {\n  if (!bgImage) return undefined\n\n  const sources: string[] = []\n\n  // lg-desktop: \u22651920px\n  if (bgImage.lgDesktop?.url) {\n    sources.push(`${bgImage.lgDesktop.url} 1920`)\n  }\n  // desktop: \u22651440px\n  if (bgImage.desktop?.url) {\n    sources.push(`${bgImage.desktop.url} 1439`)\n  }\n  // laptop: \u22651025px\n  if (bgImage.laptop?.url) {\n    sources.push(`${bgImage.laptop.url} 1024`)\n  }\n  // tablet: \u2265768px\n  if (bgImage.tablet?.url) {\n    sources.push(`${bgImage.tablet.url} 767`)\n  }\n  // default (mobile): <768px\n  if (bgImage.default?.url) {\n    sources.push(bgImage.default.url)\n  }\n\n  return sources.length > 0 ? sources.join(', ') : undefined\n}\n\n/**\n * Get alt text from ResponsiveBackgroundImage\n */\nconst getBackgroundAlt = (bgImage?: ResponsiveBackgroundImage): string => {\n  if (!bgImage) return ''\n  return (\n    bgImage.default?.alt ||\n    bgImage.tablet?.alt ||\n    bgImage.laptop?.alt ||\n    bgImage.desktop?.alt ||\n    bgImage.lgDesktop?.alt ||\n    ''\n  )\n}\n\n/**\n * Format countdown time\n */\nconst formatTime = (seconds: number) => {\n  const hours = Math.floor(seconds / 3600)\n  const minutes = Math.floor((seconds % 3600) / 60)\n  const secs = seconds % 60\n  return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`\n}\n\n/**\n * \u89E3\u6790\u5F00\u59CB\u65F6\u95F4\uFF0C\u652F\u6301 ISO 8601 \u5B57\u7B26\u4E32\u6216\u65F6\u95F4\u6233\n */\nconst parseStartTime = (startTime: string | number): number => {\n  if (typeof startTime === 'number') {\n    return startTime\n  }\n  // \u89E3\u6790 ISO 8601 \u5B57\u7B26\u4E32\n  const parsed = new Date(startTime).getTime()\n  return isNaN(parsed) ? 0 : parsed\n}\n\n/**\n * \u8BA1\u7B97\u5F53\u524D\u662F\u5426\u5904\u4E8E\u8F6E\u6B21\u5207\u6362\u671F\uFF08\u4E0B\u4E00\u8F6E\u5F00\u59CB\u524D5\u5206\u949F\uFF09\n * @param countdown \u5012\u8BA1\u65F6\u914D\u7F6E\n * @returns \u662F\u5426\u5904\u4E8E\u5207\u6362\u671F\n */\nconst isInTransitionPeriod = (countdown?: CountdownConfig): boolean => {\n  if (!countdown) return false\n  const startTimeMs = parseStartTime(countdown.startTime)\n  const durationMs = (countdown.durationDays ?? 1) * 24 * 3600 * 1000\n  const rounds = countdown.rounds ?? 1\n  const now = Date.now()\n\n  // \u672A\u5230\u5F00\u59CB\u65F6\u95F4\n  if (now < startTimeMs) return false\n\n  // \u8BA1\u7B97\u5F53\u524D\u8F6E\u6B21\n  const elapsed = now - startTimeMs\n  const currentRound = Math.floor(elapsed / durationMs) + 1\n\n  // \u6240\u6709\u8F6E\u6B21\u5DF2\u7ED3\u675F\n  if (currentRound > rounds) return false\n\n  // \u8BA1\u7B97\u5F53\u524D\u8F6E\u6B21\u7684\u7ED3\u675F\u65F6\u95F4\n  const currentRoundEndTime = startTimeMs + currentRound * durationMs\n\n  // \u8DDD\u79BB\u5F53\u524D\u8F6E\u6B21\u7ED3\u675F\u7684\u65F6\u95F4\n  const timeUntilRoundEnd = currentRoundEndTime - now\n\n  // \u5982\u679C\u8DDD\u79BB\u7ED3\u675F\u4E0D\u52305\u5206\u949F\uFF0C\u5904\u4E8E\u5207\u6362\u671F\n  const TRANSITION_PERIOD_MS = 5 * 60 * 1000 // 5\u5206\u949F\n  return timeUntilRoundEnd <= TRANSITION_PERIOD_MS && timeUntilRoundEnd > 0\n}\n\n/**\n * \u6839\u636E\u5012\u8BA1\u65F6\u914D\u7F6E\u8BA1\u7B97\u5F53\u524D\u8F6E\u6B21\u7684 Code\n * @param codePrefix Code \u524D\u7F00\n * @param countdown \u5012\u8BA1\u65F6\u914D\u7F6E\n * @returns \u5B8C\u6574\u7684 Code\uFF08\u524D\u7F00 + MMDD \u540E\u7F00\uFF09\n * @description \u7EDF\u4E00\u4F7F\u7528 UTC \u65F6\u95F4\u8BA1\u7B97\uFF0C\u786E\u4FDD\u5168\u7403\u4EFB\u4F55\u65F6\u533A\u5F97\u5230\u76F8\u540C\u7684 code\n */\nconst getCodeWithSuffix = (codePrefix?: string, countdown?: CountdownConfig): string => {\n  if (!codePrefix || !countdown) return codePrefix || ''\n\n  const startTimeMs = parseStartTime(countdown.startTime)\n  const durationMs = (countdown.durationDays ?? 1) * 24 * 3600 * 1000\n  const rounds = countdown.rounds ?? 1\n  const now = Date.now()\n\n  // \u672A\u5230\u5F00\u59CB\u65F6\u95F4\uFF0C\u4F7F\u7528\u7B2C\u4E00\u8F6E\u7684\u65E5\u671F\uFF08UTC \u65F6\u95F4\uFF09\n  if (now < startTimeMs) {\n    const date = new Date(startTimeMs)\n    const suffix = `${(date.getUTCMonth() + 1).toString().padStart(2, '0')}${date.getUTCDate().toString().padStart(2, '0')}`\n    return `${codePrefix}${suffix}`\n  }\n\n  // \u8BA1\u7B97\u5F53\u524D\u5904\u4E8E\u7B2C\u51E0\u8F6E\uFF08\u4ECE 1 \u5F00\u59CB\uFF09\n  const elapsed = now - startTimeMs\n  const currentRound = Math.min(Math.floor(elapsed / durationMs) + 1, rounds)\n\n  // \u8BA1\u7B97\u5F53\u524D\u8F6E\u6B21\u7684\u5F00\u59CB\u65E5\u671F\n  const currentRoundStartMs = startTimeMs + (currentRound - 1) * durationMs\n  const date = new Date(currentRoundStartMs)\n\n  // \u683C\u5F0F\u5316\u4E3A MMDD\uFF08\u4F7F\u7528 UTC \u65F6\u95F4\uFF09\n  const suffix = `${(date.getUTCMonth() + 1).toString().padStart(2, '0')}${date.getUTCDate().toString().padStart(2, '0')}`\n\n  return `${codePrefix}${suffix}`\n}\n\n/**\n * \u5012\u8BA1\u65F6\u72B6\u6001\u7C7B\u578B\n */\ntype CountdownState = 'beforeStart' | 'running' | 'lastRound' | 'finished'\n\n/**\n * Countdown Component\n * \u652F\u6301\u591A\u8F6E\u5012\u8BA1\u65F6\uFF0C\u663E\u793A\u4E0D\u540C\u72B6\u6001\u7684\u6807\u7B7E\n */\nconst Countdown = React.memo(\n  ({\n    config,\n    theme = 'light',\n    className,\n    countdownText = 'Next round start time',\n    lastRoundText = 'Last round',\n    beforeStartText = 'Start time',\n    countdownIcon,\n    onStateChange,\n  }: {\n    config: CountdownConfig\n    theme?: 'light' | 'dark'\n    className?: string\n    countdownText?: string\n    lastRoundText?: string\n    beforeStartText?: string\n    countdownIcon?: Media\n    onStateChange?: (state: CountdownState) => void\n  }) => {\n    const [timeLeft, setTimeLeft] = React.useState(0)\n    const [countdownState, setCountdownState] = React.useState<CountdownState>('beforeStart')\n\n    // \u89E3\u6790\u5F00\u59CB\u65F6\u95F4\u4E3A\u65F6\u95F4\u6233\n    const startTimeMs = React.useMemo(() => parseStartTime(config.startTime), [config.startTime])\n\n    const rounds = config.rounds ?? 1\n    // \u9ED8\u8BA4 1 \u5929\uFF0C\u8F6C\u6362\u4E3A\u6BEB\u79D2 (1\u5929 = 24\u5C0F\u65F6 = 86400\u79D2 = 86400000\u6BEB\u79D2)\n    const durationMs = (config.durationDays ?? 1) * 24 * 3600 * 1000\n\n    React.useEffect(() => {\n      const calculateCountdown = () => {\n        const now = Date.now()\n\n        // \u672A\u5230\u5F00\u59CB\u65F6\u95F4\uFF0C\u663E\u793A\u5F00\u59CB\u524D\u5012\u8BA1\u65F6\n        if (now < startTimeMs) {\n          const diff = Math.max(0, Math.floor((startTimeMs - now) / 1000))\n          setTimeLeft(diff)\n          setCountdownState('beforeStart')\n          return\n        }\n\n        // \u8BA1\u7B97\u5DF2\u7ECF\u8FC7\u53BB\u7684\u65F6\u95F4\n        const elapsed = now - startTimeMs\n        // \u8BA1\u7B97\u5F53\u524D\u5904\u4E8E\u7B2C\u51E0\u8F6E\uFF08\u4ECE 1 \u5F00\u59CB\uFF09\n        const currentRound = Math.floor(elapsed / durationMs) + 1\n\n        // \u6240\u6709\u8F6E\u6B21\u5DF2\u7ED3\u675F\n        if (currentRound > rounds) {\n          setCountdownState('finished')\n          return\n        }\n\n        // \u8BA1\u7B97\u5F53\u524D\u8F6E\u6B21\u7684\u76EE\u6807\u65F6\u95F4\n        const currentRoundTargetTime = startTimeMs + currentRound * durationMs\n        // \u8BA1\u7B97\u5269\u4F59\u79D2\u6570\n        const diff = Math.max(0, Math.floor((currentRoundTargetTime - now) / 1000))\n\n        setTimeLeft(diff)\n        // \u5224\u65AD\u662F\u5426\u662F\u6700\u540E\u4E00\u8F6E\n        setCountdownState(currentRound === rounds ? 'lastRound' : 'running')\n      }\n\n      calculateCountdown()\n      const timer = setInterval(calculateCountdown, 1000)\n\n      return () => clearInterval(timer)\n    }, [startTimeMs, durationMs, rounds])\n\n    // \u901A\u77E5\u7236\u7EC4\u4EF6\u72B6\u6001\u53D8\u5316\n    React.useEffect(() => {\n      onStateChange?.(countdownState)\n    }, [countdownState, onStateChange])\n\n    // \u6839\u636E\u72B6\u6001\u83B7\u53D6\u663E\u793A\u7684\u6807\u7B7E\u6587\u672C\n    const labelText = React.useMemo(() => {\n      switch (countdownState) {\n        case 'beforeStart':\n          return beforeStartText\n        case 'lastRound':\n          return lastRoundText\n        default:\n          return countdownText\n      }\n    }, [countdownState, beforeStartText, lastRoundText, countdownText])\n\n    // \u6240\u6709\u8F6E\u6B21\u5DF2\u7ED3\u675F\uFF0C\u4E0D\u6E32\u67D3\n    if (countdownState === 'finished') {\n      return null\n    }\n\n    return (\n      <div\n        className={cn(\n          'desktop:gap-2 laptop:text-base flex items-center gap-1 text-sm',\n          theme === 'dark' ? 'text-white' : 'text-[#080A0F]',\n          className\n        )}\n      >\n        {countdownIcon && (\n          <Picture\n            source={countdownIcon.url}\n            alt={countdownIcon.alt}\n            className=\"laptop:size-5 size-4 shrink-0\"\n            imgClassName=\"size-full object-contain\"\n          />\n        )}\n        <Text html={labelText} className=\"whitespace-nowrap font-bold\" />\n        <span className=\"font-bold\">|</span>\n        <Text className=\"font-bold\" html={formatTime(timeLeft)} />\n      </div>\n    )\n  }\n)\n\nCountdown.displayName = 'Countdown'\n\n/**\n * Progress Bar Component\n */\nconst ProgressBar = React.memo(\n  ({ progress, theme = 'light', className }: { progress: number; theme?: 'light' | 'dark'; className?: string }) => {\n    // Clamp progress between 0 and 100\n    const clampedProgress = Math.min(100, Math.max(0, progress))\n\n    return (\n      <div\n        className={cn(\n          'flex h-2 w-full items-stretch overflow-hidden rounded-full',\n          theme === 'dark' ? 'bg-white/20' : 'bg-black/20',\n          className\n        )}\n        role=\"progressbar\"\n        aria-valuenow={clampedProgress}\n        aria-valuemin={0}\n        aria-valuemax={100}\n      >\n        <div\n          className={cn(\n            'h-full rounded-full transition-all duration-300',\n            theme === 'dark' ? 'bg-white' : 'bg-[#080A0F]'\n          )}\n          style={{ width: `${clampedProgress}%` }}\n        />\n      </div>\n    )\n  }\n)\n\nProgressBar.displayName = 'ProgressBar'\n\n/**\n * Gift Shelf Card Component\n */\nconst GiftShelfCard = React.memo(\n  ({\n    item,\n    theme = 'light',\n    layout = 'vertical',\n    className,\n    buttonClassName,\n    countdownClassName,\n    onButtonClick,\n    buildData,\n    buttonText,\n    remainText,\n    lowStockText,\n    soldOutButtonText,\n    discountText = 'Only {price}',\n    countdownText,\n    countdownIcon,\n    lastRoundText,\n    beforeStartText,\n    comingSoonButtonText,\n    loading,\n  }: {\n    item: GiftShelfItem\n    theme?: 'light' | 'dark'\n    layout?: 'vertical' | 'horizontal'\n    className?: string\n    buttonClassName?: string\n    countdownClassName?: string\n    onButtonClick?: ({ product, code }: { product: GiftShelfProduct; code: string }) => void\n    buildData?: {\n      products: Product[]\n    }\n    buttonText: string\n    remainText?: string\n    lowStockText?: string\n    soldOutButtonText?: string\n    discountText?: string\n    countdownText?: string\n    countdownIcon?: Media\n    lastRoundText?: string\n    beforeStartText?: string\n    comingSoonButtonText?: string\n    loading?: boolean\n  }) => {\n    const { locale = 'us' } = useAiuiContext()\n    // \u83B7\u53D6\u7B2C\u4E00\u4E2A\u4EA7\u54C1\u7684\u7B80\u5316\u6570\u636E\n    const firstProduct = item.products?.[0]\n\n    // \u68C0\u6D4B\u662F\u5426\u5904\u4E8E\u8F6E\u6B21\u5207\u6362\u671F + \u5F53\u524D\u8F6E\u6B21 code\uFF08\u6BCF\u79D2\u66F4\u65B0\uFF09\n    const [isTransitioning, setIsTransitioning] = React.useState(() => isInTransitionPeriod(item.countdown))\n    const [currentCode, setCurrentCode] = React.useState(() => getCodeWithSuffix(item.codePrefix, item.countdown))\n    // \u5012\u8BA1\u65F6\u72B6\u6001\n    const [countdownState, setCountdownState] = React.useState<CountdownState>('beforeStart')\n\n    React.useEffect(() => {\n      const checkAndUpdate = () => {\n        // \u66F4\u65B0\u8F6E\u6B21\u5207\u6362\u72B6\u6001\n        setIsTransitioning(isInTransitionPeriod(item.countdown))\n        // \u66F4\u65B0\u5F53\u524D\u8F6E\u6B21 code\uFF08\u4EC5\u5728\u503C\u53D8\u5316\u65F6\u66F4\u65B0\uFF09\n        const newCode = getCodeWithSuffix(item.codePrefix, item.countdown)\n        setCurrentCode(prev => (prev !== newCode ? newCode : prev))\n      }\n\n      // \u521D\u59CB\u68C0\u67E5\n      checkAndUpdate()\n      // \u6BCF\u79D2\u68C0\u67E5\u4E00\u6B21\n      const timer = setInterval(checkAndUpdate, 1000)\n\n      return () => clearInterval(timer)\n    }, [item.codePrefix, item.countdown])\n\n    // \u5012\u8BA1\u65F6\u72B6\u6001\u53D8\u5316\u56DE\u8C03\n    const handleCountdownStateChange = React.useCallback((state: CountdownState) => {\n      setCountdownState(state)\n    }, [])\n\n    // \u901A\u8FC7 handle \u5339\u914D buildData \u4E2D\u7684\u5B8C\u6574\u4EA7\u54C1\u6570\u636E\n    const fullProduct = React.useMemo(() => {\n      if (!firstProduct?.handle || !buildData?.products?.length) return null\n      return buildData.products.find(p => p.handle === firstProduct.handle) || null\n    }, [firstProduct?.handle, buildData?.products])\n\n    const fullProductVariant = React.useMemo(\n      () => fullProduct?.variants?.find(variant => variant?.sku === firstProduct?.sku) || ({} as ProductVariant),\n      [firstProduct?.sku, fullProduct?.variants]\n    )\n\n    // \u7EC4\u5408\u5C55\u793A\u6570\u636E\uFF08\u4F18\u5148\u4F7F\u7528\u8BE6\u7EC6\u6570\u636E\uFF0C\u56DE\u9000\u5230\u7B80\u5316\u6570\u636E\uFF09\n    const displayData = React.useMemo(() => {\n      const { price, basePrice } = formatVariantPrice({\n        locale: locale || 'us',\n        baseAmount: fullProductVariant?.price?.amount,\n        amount: firstProduct?.custom_price ?? fullProductVariant?.price?.amount,\n        currencyCode: fullProduct?.price?.currencyCode || 'USD',\n      })\n\n      return {\n        // \u4E3B\u4EF7\u683C/\u4EF7\u503C\u5C55\u793A\uFF1A\u6709\u8BE6\u7EC6\u6570\u636E\u65F6\u663E\u793A\u4EF7\u683C\uFF0C\u5426\u5219\u663E\u793A\u4EA7\u54C1\u540D\n        value: basePrice,\n        // \u4EA7\u54C1\u63CF\u8FF0/\u6807\u9898\uFF1A\u6709\u8BE6\u7EC6\u6570\u636E\u65F6\u663E\u793A\u6807\u9898\uFF0C\u5426\u5219\u4E3A\u7A7A\uFF08\u907F\u514D\u91CD\u590D\u663E\u793A\uFF09\n        description: firstProduct?.custom_description,\n        // \u4F18\u60E0\u4EF7\u683C\n        salePrice: replaceTemplate(discountText || '', {\n          price,\n        }),\n      }\n    }, [\n      fullProduct,\n      fullProductVariant,\n      locale,\n      discountText,\n      firstProduct?.custom_price,\n      firstProduct?.custom_description,\n    ])\n\n    const handleClick = React.useCallback(() => {\n      onButtonClick?.({ product: firstProduct, code: currentCode })\n    }, [onButtonClick, currentCode, firstProduct])\n\n    return (\n      <div className={cn(giftCardVariants({ state: theme }), className)} data-ui-component-id=\"GiftShelfCard\">\n        {/* Countdown section - above the card content (only in vertical layout) */}\n        {item.countdown && (\n          <div className=\"laptop:h-[24px] mb-4 h-[20px]\">\n            <Countdown\n              config={item.countdown}\n              theme={theme}\n              className={countdownClassName}\n              countdownText={countdownText}\n              lastRoundText={lastRoundText}\n              beforeStartText={beforeStartText}\n              countdownIcon={countdownIcon}\n              onStateChange={handleCountdownStateChange}\n            />\n          </div>\n        )}\n\n        {/* Content layout wrapper - \u63A7\u5236 Background image \u548C Bottom info area \u7684\u5E03\u5C40 */}\n        <div className={contentLayoutVariants({ layout })}>\n          {/* Background image - responsive across 5 breakpoints */}\n          <div className={imageAreaVariants({ layout })}>\n            {item.backgroundImage && (\n              <Picture\n                source={getResponsiveSource(item.backgroundImage)}\n                alt={getBackgroundAlt(item.backgroundImage)}\n                className=\"rounded-card size-full overflow-hidden object-cover\"\n                imgClassName=\"h-full w-full object-cover\"\n              />\n            )}\n            {/* Card content area */}\n            <div className=\"absolute top-1/2 z-10 w-full -translate-y-1/2 px-6\">\n              {/* Value and description */}\n              <div className=\"flex flex-col gap-1\">\n                {/* Main value display */}\n                {displayData.value && (\n                  <Heading\n                    html={displayData.value}\n                    size={4}\n                    className={cn('font-bold leading-none', textVariants({ state: theme }))}\n                  />\n                )}\n\n                {/* Description */}\n                {displayData.description && (\n                  <Text\n                    html={displayData.description}\n                    className={cn('text-base font-bold opacity-60', textVariants({ state: theme }))}\n                  />\n                )}\n              </div>\n            </div>\n          </div>\n\n          {/* Bottom/Right info area */}\n          <div className={infoAreaVariants({ layout })}>\n            {/* Sale price */}\n            {displayData.salePrice && (\n              <Text\n                as=\"p\"\n                html={displayData.salePrice}\n                className={cn('lg-desktop:text-2xl text-xl font-bold', textVariants({ state: theme }))}\n              />\n            )}\n\n            {/* Progress bar - \u8D85\u5356\u65F6\u9690\u85CF\uFF08availableForSale=true \u4E14 quantityAvailable<=0\uFF09 */}\n            <ProgressBar\n              progress={\n                firstProduct?.custom_inventory\n                  ? ((fullProductVariant?.quantityAvailable || 0) / firstProduct.custom_inventory) * 100\n                  : 0\n              }\n              theme={theme}\n              className={cn(\n                'mb-1 mt-2',\n                fullProductVariant?.availableForSale && (fullProductVariant?.quantityAvailable ?? 0) <= 0 && 'invisible'\n              )}\n            />\n\n            {/* Remain text - \u6B63\u5E38\u5E93\u5B58\u63D0\u793A */}\n            {remainText && (fullProductVariant?.quantityAvailable ?? 0) >= 0 && (\n              <Text\n                html={replaceTemplate(remainText, {\n                  inventory: firstProduct?.custom_inventory?.toString() || '',\n                  quantity: fullProductVariant?.quantityAvailable?.toString() || '0',\n                })}\n                as=\"p\"\n                className={cn('laptop:text-base text-sm font-bold', textVariants({ state: theme }))}\n              />\n            )}\n\n            {/* Low stock text - \u652F\u6301\u8D85\u5356\u65F6\u663E\u793A\uFF08availableForSale=true \u4F46 quantityAvailable<=0\uFF09 */}\n            {lowStockText &&\n              fullProductVariant?.availableForSale &&\n              (fullProductVariant?.quantityAvailable ?? 0) < 0 && (\n                <Text\n                  html={lowStockText}\n                  as=\"p\"\n                  className={cn('laptop:text-base text-sm font-bold text-red-500', textVariants({ state: theme }))}\n                />\n              )}\n\n            {/* Action button */}\n            <Button\n              data-headless-type-name={`${componentType}#${componentName}`}\n              data-headless-sku={firstProduct?.sku || ''}\n              size=\"lg\"\n              className={cn(buttonVariants({ state: theme }), buttonClassName)}\n              onClick={handleClick}\n              disabled={\n                !fullProductVariant?.availableForSale ||\n                loading ||\n                isTransitioning ||\n                countdownState === 'beforeStart' ||\n                countdownState === 'finished'\n              }\n              loading={loading && fullProductVariant?.availableForSale}\n            >\n              {countdownState === 'beforeStart'\n                ? comingSoonButtonText || buttonText\n                : fullProductVariant?.availableForSale\n                  ? buttonText\n                  : soldOutButtonText || buttonText}\n            </Button>\n          </div>\n        </div>\n      </div>\n    )\n  }\n)\n\nGiftShelfCard.displayName = 'GiftShelfCard'\n\n/**\n * GiftShelf - Gift/Promotion Shelf Component\n *\n * @description Display gift cards with countdown, pricing, and purchase buttons\n */\nconst GiftShelf = React.forwardRef<HTMLDivElement, GiftShelfProps>(\n  ({ classNames = {}, data, onButtonClick, buildData, loading, ...rest }, ref) => {\n    const innerRef = React.useRef<HTMLDivElement>(null)\n\n    React.useImperativeHandle(ref, () => innerRef.current as HTMLDivElement)\n\n    // \u7EC4\u4EF6\u66DD\u5149\u57CB\u70B9\n    useExposure(innerRef, {\n      componentType,\n      componentName,\n      componentTitle: '',\n      componentDescription: '',\n    })\n\n    // \u4EA7\u54C1\u5217\u8868\u9732\u51FA + \u9009\u62E9\u57CB\u70B9\n    const { trackSelectItem } = useProductListTrack({\n      containerRef: innerRef,\n      listName: componentName,\n      items: data.items.map(item => item.products?.[0]).filter(Boolean),\n      products: buildData?.products,\n    })\n\n    const theme = data.theme || 'light'\n\n    const itemsPerRow = React.useMemo(() => {\n      return data?.items?.length || 4\n    }, [data?.items])\n\n    // \u5F53\u5361\u7247\u6570\u91CF\u4E3A 2 \u65F6\u4F7F\u7528\u6C34\u5E73\u5E03\u5C40\uFF0C\u5426\u5219\u4F7F\u7528\u5782\u76F4\u5E03\u5C40\n    const cardLayout = itemsPerRow === 2 ? 'horizontal' : 'vertical'\n\n    const swiperBreakpoints = React.useMemo(() => {\n      const getBreakpointConfig = (breakpoint: 'mobile' | 'tablet' | 'laptop' | 'desktop') => {\n        switch (breakpoint) {\n          case 'mobile':\n            return { slidesPerView: 1.2, spaceBetween: 12 }\n          case 'tablet':\n            if (itemsPerRow <= 2) return { slidesPerView: 2, spaceBetween: 12 }\n            return { slidesPerView: 2.5, spaceBetween: 12 }\n          case 'laptop':\n            if (itemsPerRow <= 3) return { slidesPerView: itemsPerRow, spaceBetween: 16 }\n            return { slidesPerView: 3.01, spaceBetween: 16 }\n          case 'desktop':\n            return { slidesPerView: Math.min(itemsPerRow, 4), spaceBetween: 20 }\n        }\n      }\n\n      return {\n        0: getBreakpointConfig('mobile'),\n        768: getBreakpointConfig('tablet'),\n        1025: getBreakpointConfig('laptop'),\n        1440: getBreakpointConfig('desktop'),\n      }\n    }, [itemsPerRow])\n\n    return (\n      <Container\n        ref={innerRef}\n        className={cn(classNames?.root)}\n        childClassName=\"overflow-hidden\"\n        data-ui-component-id=\"GiftShelf\"\n        {...rest}\n      >\n        {/* Cards swiper */}\n        <Swiper breakpoints={swiperBreakpoints} className=\"w-full !overflow-visible\">\n          {data.items.map((item, index) => (\n            <SwiperSlide key={'giftShelfCardItem' + index}>\n              <GiftShelfCard\n                item={item}\n                theme={theme}\n                layout={cardLayout}\n                className={classNames?.card}\n                buttonClassName={classNames?.button}\n                countdownClassName={classNames?.countdown}\n                onButtonClick={params => {\n                  const product = item.products?.[0]\n                  if (product) trackSelectItem(product, index)\n                  onButtonClick?.(params)\n                }}\n                buildData={buildData}\n                buttonText={data.buttonText}\n                discountText={data.discountText}\n                remainText={data.remainText}\n                lowStockText={data.lowStockText}\n                soldOutButtonText={data.soldOutButtonText}\n                countdownText={data.countdownText}\n                lastRoundText={data.lastRoundText}\n                countdownIcon={data?.countdownIcon}\n                beforeStartText={data.beforeStartText}\n                comingSoonButtonText={data.comingSoonButtonText}\n                loading={loading}\n              />\n            </SwiperSlide>\n          ))}\n        </Swiper>\n      </Container>\n    )\n  }\n)\n\nGiftShelf.displayName = 'GiftShelf'\n\nexport default withLayout(GiftShelf)\nexport type {\n  GiftShelfProps,\n  GiftShelfData,\n  GiftShelfItem,\n  GiftShelfProduct,\n  CountdownConfig,\n  ResponsiveBackgroundImage,\n} from './types.js'\n"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "React", "cn", "Text", "Picture", "Button", "Container", "Heading", "cva", "Swiper", "SwiperSlide", "withLayout", "useExposure", "useProductListTrack", "formatVariantPrice", "useAiuiContext", "replaceTemplate", "componentType", "componentName", "giftCardVariants", "contentLayoutVariants", "imageAreaVariants", "infoAreaVariants", "buttonVariants", "textVariants", "getResponsiveSource", "bgImage", "sources", "getBackgroundAlt", "formatTime", "seconds", "hours", "minutes", "secs", "parseStartTime", "startTime", "parsed", "isInTransitionPeriod", "countdown", "startTimeMs", "durationMs", "rounds", "now", "elapsed", "currentRound", "timeUntilRoundEnd", "TRANSITION_PERIOD_MS", "getCodeWithSuffix", "codePrefix", "date", "suffix", "currentRoundStartMs", "Countdown", "config", "theme", "className", "countdownText", "lastRoundText", "beforeStartText", "countdownIcon", "onStateChange", "timeLeft", "setTimeLeft", "countdownState", "setCountdownState", "calculateCountdown", "diff", "currentRoundTargetTime", "timer", "labelText", "ProgressBar", "progress", "clampedProgress", "GiftShelfCard", "item", "layout", "buttonClassName", "countdownClassName", "onButtonClick", "buildData", "buttonText", "remainText", "lowStockText", "soldOutButtonText", "discountText", "comingSoonButtonText", "loading", "locale", "firstProduct", "isTransitioning", "setIsTransitioning", "currentCode", "setCurrentCode", "checkAndUpdate", "newCode", "prev", "handleCountdownStateChange", "state", "fullProduct", "p", "fullProductVariant", "variant", "displayData", "price", "basePrice", "handleClick", "GiftShelf", "classNames", "data", "rest", "ref", "innerRef", "trackSelectItem", "itemsPerRow", "cardLayout", "swiperBreakpoints", "getBreakpointConfig", "breakpoint", "index", "params", "product", "GiftShelf_default"]
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport { Text, Picture, Button, Container, Heading } from '../../components/index.js'\nimport { cva } from 'class-variance-authority'\nimport type { GiftShelfProps, GiftShelfItem, CountdownConfig, ResponsiveBackgroundImage } from './types.js'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport { withLayout } from '../../shared/Styles.js'\nimport type { Product, ProductVariant } from '../Listing/types/product.js'\nimport { formatVariantPrice } from '../Listing/utils/index.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport { replaceTemplate } from '../Listing/utils/textFormat.js'\nimport type { GiftShelfProduct } from './types.js'\nimport type { Media } from '../../types/props.js'\n\n/**\n * Card style variants for gift shelf\n */\nconst giftCardVariants = cva('desktop:px-6 rounded-card relative min-w-0 overflow-hidden p-4', {\n  variants: {\n    state: {\n      light: 'bg-[#EAEAEC]',\n      dark: 'bg-[#1E2024]',\n    },\n  },\n  defaultVariants: {\n    state: 'light',\n  },\n})\n\n/**\n * Content layout variants - \u63A7\u5236 Background image \u548C Bottom info area \u7684\u5E03\u5C40\n * horizontal \u5E03\u5C40\u4EC5\u5728 desktop (\u22651440px) \u65AD\u70B9\u751F\u6548\n */\nconst contentLayoutVariants = cva('', {\n  variants: {\n    layout: {\n      vertical: '',\n      horizontal: 'desktop:flex desktop:flex-row desktop:items-stretch desktop:gap-10',\n    },\n  },\n  defaultVariants: {\n    layout: 'vertical',\n  },\n})\n\n/**\n * Image area variants\n * horizontal \u5E03\u5C40\u4EC5\u5728 desktop (\u22651440px) \u65AD\u70B9\u751F\u6548\n */\nconst imageAreaVariants = cva(\n  'desktop:max-w-[268px] lg-desktop:max-w-[356px] lg-desktop:h-[171px] relative mx-auto h-[118px] max-w-[256px] ',\n  {\n    variants: {\n      layout: {\n        vertical: '',\n        horizontal: 'desktop:flex-1 desktop:h-[122px] lg-desktop:h-[161px]',\n      },\n    },\n    defaultVariants: {\n      layout: 'vertical',\n    },\n  }\n)\n\n/**\n * Info area variants\n * horizontal \u5E03\u5C40\u4EC5\u5728 desktop (\u22651440px) \u65AD\u70B9\u751F\u6548\n */\nconst infoAreaVariants = cva('mt-3', {\n  variants: {\n    layout: {\n      vertical: '',\n      horizontal: 'desktop:mt-0 desktop:flex-1 desktop:flex desktop:flex-col desktop:justify-center',\n    },\n  },\n  defaultVariants: {\n    layout: 'vertical',\n  },\n})\n\n/**\n * Button style variants\n */\nconst buttonVariants = cva('mt-4 self-start', {\n  variants: {\n    state: {\n      light: 'bg-[#080A0F] text-white',\n      dark: 'bg-white text-[#080A0F]',\n    },\n  },\n  defaultVariants: {\n    state: 'light',\n  },\n})\n\n/**\n * Text style variants\n */\nconst textVariants = cva('', {\n  variants: {\n    state: {\n      light: 'text-[#080A0F]',\n      dark: 'text-white',\n    },\n  },\n  defaultVariants: {\n    state: 'light',\n  },\n})\n\n/**\n * Convert ResponsiveBackgroundImage to Picture source string\n * Format: \"url1 1920, url2 1439, url3 1024, url4 767, url5\"\n */\nconst getResponsiveSource = (bgImage?: ResponsiveBackgroundImage): string | undefined => {\n  if (!bgImage) return undefined\n\n  const sources: string[] = []\n\n  // lg-desktop: \u22651920px\n  if (bgImage.lgDesktop?.url) {\n    sources.push(`${bgImage.lgDesktop.url} 1920`)\n  }\n  // desktop: \u22651440px\n  if (bgImage.desktop?.url) {\n    sources.push(`${bgImage.desktop.url} 1439`)\n  }\n  // laptop: \u22651025px\n  if (bgImage.laptop?.url) {\n    sources.push(`${bgImage.laptop.url} 1024`)\n  }\n  // tablet: \u2265768px\n  if (bgImage.tablet?.url) {\n    sources.push(`${bgImage.tablet.url} 767`)\n  }\n  // default (mobile): <768px\n  if (bgImage.default?.url) {\n    sources.push(bgImage.default.url)\n  }\n\n  return sources.length > 0 ? sources.join(', ') : undefined\n}\n\n/**\n * Get alt text from ResponsiveBackgroundImage\n */\nconst getBackgroundAlt = (bgImage?: ResponsiveBackgroundImage): string => {\n  if (!bgImage) return ''\n  return (\n    bgImage.default?.alt ||\n    bgImage.tablet?.alt ||\n    bgImage.laptop?.alt ||\n    bgImage.desktop?.alt ||\n    bgImage.lgDesktop?.alt ||\n    ''\n  )\n}\n\n/**\n * Format countdown time\n */\nconst formatTime = (seconds: number) => {\n  const hours = Math.floor(seconds / 3600)\n  const minutes = Math.floor((seconds % 3600) / 60)\n  const secs = seconds % 60\n  return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`\n}\n\n/**\n * \u89E3\u6790\u5F00\u59CB\u65F6\u95F4\uFF0C\u652F\u6301 ISO 8601 \u5B57\u7B26\u4E32\u6216\u65F6\u95F4\u6233\n */\nconst parseStartTime = (startTime: string | number): number => {\n  if (typeof startTime === 'number') {\n    return startTime\n  }\n  // \u89E3\u6790 ISO 8601 \u5B57\u7B26\u4E32\n  const parsed = new Date(startTime).getTime()\n  return isNaN(parsed) ? 0 : parsed\n}\n\n/**\n * \u8BA1\u7B97\u5F53\u524D\u662F\u5426\u5904\u4E8E\u8F6E\u6B21\u5207\u6362\u671F\uFF08\u4E0B\u4E00\u8F6E\u5F00\u59CB\u524D5\u5206\u949F\uFF09\n * @param countdown \u5012\u8BA1\u65F6\u914D\u7F6E\n * @returns \u662F\u5426\u5904\u4E8E\u5207\u6362\u671F\n */\nconst isInTransitionPeriod = (countdown?: CountdownConfig): boolean => {\n  if (!countdown) return false\n  const startTimeMs = parseStartTime(countdown.startTime)\n  const durationMs = (countdown.durationDays ?? 1) * 24 * 3600 * 1000\n  const rounds = countdown.rounds ?? 1\n  const now = Date.now()\n\n  // \u672A\u5230\u5F00\u59CB\u65F6\u95F4\n  if (now < startTimeMs) return false\n\n  // \u8BA1\u7B97\u5F53\u524D\u8F6E\u6B21\n  const elapsed = now - startTimeMs\n  const currentRound = Math.floor(elapsed / durationMs) + 1\n\n  // \u6240\u6709\u8F6E\u6B21\u5DF2\u7ED3\u675F\n  if (currentRound > rounds) return false\n\n  // \u8BA1\u7B97\u5F53\u524D\u8F6E\u6B21\u7684\u7ED3\u675F\u65F6\u95F4\n  const currentRoundEndTime = startTimeMs + currentRound * durationMs\n\n  // \u8DDD\u79BB\u5F53\u524D\u8F6E\u6B21\u7ED3\u675F\u7684\u65F6\u95F4\n  const timeUntilRoundEnd = currentRoundEndTime - now\n\n  // \u5982\u679C\u8DDD\u79BB\u7ED3\u675F\u4E0D\u52305\u5206\u949F\uFF0C\u5904\u4E8E\u5207\u6362\u671F\n  const TRANSITION_PERIOD_MS = 5 * 60 * 1000 // 5\u5206\u949F\n  return timeUntilRoundEnd <= TRANSITION_PERIOD_MS && timeUntilRoundEnd > 0\n}\n\n/**\n * \u6839\u636E\u5012\u8BA1\u65F6\u914D\u7F6E\u8BA1\u7B97\u5F53\u524D\u8F6E\u6B21\u7684 Code\n * @param codePrefix Code \u524D\u7F00\n * @param countdown \u5012\u8BA1\u65F6\u914D\u7F6E\n * @returns \u5B8C\u6574\u7684 Code\uFF08\u524D\u7F00 + MMDD \u540E\u7F00\uFF09\n * @description \u7EDF\u4E00\u4F7F\u7528 UTC \u65F6\u95F4\u8BA1\u7B97\uFF0C\u786E\u4FDD\u5168\u7403\u4EFB\u4F55\u65F6\u533A\u5F97\u5230\u76F8\u540C\u7684 code\n */\nconst getCodeWithSuffix = (codePrefix?: string, countdown?: CountdownConfig): string => {\n  if (!codePrefix || !countdown) return codePrefix || ''\n\n  const startTimeMs = parseStartTime(countdown.startTime)\n  const durationMs = (countdown.durationDays ?? 1) * 24 * 3600 * 1000\n  const rounds = countdown.rounds ?? 1\n  const now = Date.now()\n\n  // \u672A\u5230\u5F00\u59CB\u65F6\u95F4\uFF0C\u4F7F\u7528\u7B2C\u4E00\u8F6E\u7684\u65E5\u671F\uFF08UTC \u65F6\u95F4\uFF09\n  if (now < startTimeMs) {\n    const date = new Date(startTimeMs)\n    const suffix = `${(date.getUTCMonth() + 1).toString().padStart(2, '0')}${date.getUTCDate().toString().padStart(2, '0')}`\n    return `${codePrefix}${suffix}`\n  }\n\n  // \u8BA1\u7B97\u5F53\u524D\u5904\u4E8E\u7B2C\u51E0\u8F6E\uFF08\u4ECE 1 \u5F00\u59CB\uFF09\n  const elapsed = now - startTimeMs\n  const currentRound = Math.min(Math.floor(elapsed / durationMs) + 1, rounds)\n\n  // \u8BA1\u7B97\u5F53\u524D\u8F6E\u6B21\u7684\u5F00\u59CB\u65E5\u671F\n  const currentRoundStartMs = startTimeMs + (currentRound - 1) * durationMs\n  const date = new Date(currentRoundStartMs)\n\n  // \u683C\u5F0F\u5316\u4E3A MMDD\uFF08\u4F7F\u7528 UTC \u65F6\u95F4\uFF09\n  const suffix = `${(date.getUTCMonth() + 1).toString().padStart(2, '0')}${date.getUTCDate().toString().padStart(2, '0')}`\n\n  return `${codePrefix}${suffix}`\n}\n\n/**\n * \u5012\u8BA1\u65F6\u72B6\u6001\u7C7B\u578B\n */\ntype CountdownState = 'beforeStart' | 'running' | 'lastRound' | 'finished'\n\n/**\n * Countdown Component\n * \u652F\u6301\u591A\u8F6E\u5012\u8BA1\u65F6\uFF0C\u663E\u793A\u4E0D\u540C\u72B6\u6001\u7684\u6807\u7B7E\n */\nconst Countdown = React.memo(\n  ({\n    config,\n    theme = 'light',\n    className,\n    countdownText = 'Next round start time',\n    lastRoundText = 'Last round',\n    beforeStartText = 'Start time',\n    countdownIcon,\n    onStateChange,\n  }: {\n    config: CountdownConfig\n    theme?: 'light' | 'dark'\n    className?: string\n    countdownText?: string\n    lastRoundText?: string\n    beforeStartText?: string\n    countdownIcon?: Media\n    onStateChange?: (state: CountdownState) => void\n  }) => {\n    const [timeLeft, setTimeLeft] = React.useState(0)\n    const [countdownState, setCountdownState] = React.useState<CountdownState>('beforeStart')\n\n    // \u89E3\u6790\u5F00\u59CB\u65F6\u95F4\u4E3A\u65F6\u95F4\u6233\n    const startTimeMs = React.useMemo(() => parseStartTime(config.startTime), [config.startTime])\n\n    const rounds = config.rounds ?? 1\n    // \u9ED8\u8BA4 1 \u5929\uFF0C\u8F6C\u6362\u4E3A\u6BEB\u79D2 (1\u5929 = 24\u5C0F\u65F6 = 86400\u79D2 = 86400000\u6BEB\u79D2)\n    const durationMs = (config.durationDays ?? 1) * 24 * 3600 * 1000\n\n    React.useEffect(() => {\n      const calculateCountdown = () => {\n        const now = Date.now()\n\n        // \u672A\u5230\u5F00\u59CB\u65F6\u95F4\uFF0C\u663E\u793A\u5F00\u59CB\u524D\u5012\u8BA1\u65F6\n        if (now < startTimeMs) {\n          const diff = Math.max(0, Math.floor((startTimeMs - now) / 1000))\n          setTimeLeft(diff)\n          setCountdownState('beforeStart')\n          return\n        }\n\n        // \u8BA1\u7B97\u5DF2\u7ECF\u8FC7\u53BB\u7684\u65F6\u95F4\n        const elapsed = now - startTimeMs\n        // \u8BA1\u7B97\u5F53\u524D\u5904\u4E8E\u7B2C\u51E0\u8F6E\uFF08\u4ECE 1 \u5F00\u59CB\uFF09\n        const currentRound = Math.floor(elapsed / durationMs) + 1\n\n        // \u6240\u6709\u8F6E\u6B21\u5DF2\u7ED3\u675F\n        if (currentRound > rounds) {\n          setCountdownState('finished')\n          return\n        }\n\n        // \u8BA1\u7B97\u5F53\u524D\u8F6E\u6B21\u7684\u76EE\u6807\u65F6\u95F4\n        const currentRoundTargetTime = startTimeMs + currentRound * durationMs\n        // \u8BA1\u7B97\u5269\u4F59\u79D2\u6570\n        const diff = Math.max(0, Math.floor((currentRoundTargetTime - now) / 1000))\n\n        setTimeLeft(diff)\n        // \u5224\u65AD\u662F\u5426\u662F\u6700\u540E\u4E00\u8F6E\n        setCountdownState(currentRound === rounds ? 'lastRound' : 'running')\n      }\n\n      calculateCountdown()\n      const timer = setInterval(calculateCountdown, 1000)\n\n      return () => clearInterval(timer)\n    }, [startTimeMs, durationMs, rounds])\n\n    // \u901A\u77E5\u7236\u7EC4\u4EF6\u72B6\u6001\u53D8\u5316\n    React.useEffect(() => {\n      onStateChange?.(countdownState)\n    }, [countdownState, onStateChange])\n\n    // \u6839\u636E\u72B6\u6001\u83B7\u53D6\u663E\u793A\u7684\u6807\u7B7E\u6587\u672C\n    const labelText = React.useMemo(() => {\n      switch (countdownState) {\n        case 'beforeStart':\n          return beforeStartText\n        case 'lastRound':\n          return lastRoundText\n        default:\n          return countdownText\n      }\n    }, [countdownState, beforeStartText, lastRoundText, countdownText])\n\n    // \u6240\u6709\u8F6E\u6B21\u5DF2\u7ED3\u675F\uFF0C\u4E0D\u6E32\u67D3\n    if (countdownState === 'finished') {\n      return null\n    }\n\n    return (\n      <div\n        className={cn(\n          'desktop:gap-2 laptop:text-base flex items-center gap-1 text-sm',\n          theme === 'dark' ? 'text-white' : 'text-[#080A0F]',\n          className\n        )}\n      >\n        {countdownIcon && (\n          <Picture\n            source={countdownIcon.url}\n            alt={countdownIcon.alt}\n            className=\"laptop:size-5 size-4 shrink-0\"\n            imgClassName=\"size-full object-contain\"\n          />\n        )}\n        <Text html={labelText} className=\"whitespace-nowrap font-bold\" />\n        <span className=\"font-bold\">|</span>\n        <Text className=\"font-bold\" html={formatTime(timeLeft)} />\n      </div>\n    )\n  }\n)\n\nCountdown.displayName = 'Countdown'\n\n/**\n * Progress Bar Component\n */\nconst ProgressBar = React.memo(\n  ({ progress, theme = 'light', className }: { progress: number; theme?: 'light' | 'dark'; className?: string }) => {\n    // Clamp progress between 0 and 100\n    const clampedProgress = Math.min(100, Math.max(0, progress))\n\n    return (\n      <div\n        className={cn(\n          'flex h-2 w-full items-stretch overflow-hidden rounded-full',\n          theme === 'dark' ? 'bg-white/20' : 'bg-black/20',\n          className\n        )}\n        role=\"progressbar\"\n        aria-valuenow={clampedProgress}\n        aria-valuemin={0}\n        aria-valuemax={100}\n      >\n        <div\n          className={cn(\n            'h-full rounded-full transition-all duration-300',\n            theme === 'dark' ? 'bg-white' : 'bg-[#080A0F]'\n          )}\n          style={{ width: `${clampedProgress}%` }}\n        />\n      </div>\n    )\n  }\n)\n\nProgressBar.displayName = 'ProgressBar'\n\n/**\n * Gift Shelf Card Component\n */\nconst GiftShelfCard = React.memo(\n  ({\n    item,\n    theme = 'light',\n    layout = 'vertical',\n    className,\n    buttonClassName,\n    countdownClassName,\n    onButtonClick,\n    buildData,\n    buttonText,\n    remainText,\n    lowStockText,\n    soldOutButtonText,\n    discountText = 'Only {price}',\n    countdownText,\n    countdownIcon,\n    lastRoundText,\n    beforeStartText,\n    comingSoonButtonText,\n    loading,\n  }: {\n    item: GiftShelfItem\n    theme?: 'light' | 'dark'\n    layout?: 'vertical' | 'horizontal'\n    className?: string\n    buttonClassName?: string\n    countdownClassName?: string\n    onButtonClick?: ({ product, code }: { product: GiftShelfProduct; code: string }) => void\n    buildData?: {\n      products: Product[]\n    }\n    buttonText: string\n    remainText?: string\n    lowStockText?: string\n    soldOutButtonText?: string\n    discountText?: string\n    countdownText?: string\n    countdownIcon?: Media\n    lastRoundText?: string\n    beforeStartText?: string\n    comingSoonButtonText?: string\n    loading?: boolean\n  }) => {\n    const { locale = 'us' } = useAiuiContext()\n    // \u83B7\u53D6\u7B2C\u4E00\u4E2A\u4EA7\u54C1\u7684\u7B80\u5316\u6570\u636E\n    const firstProduct = item.products?.[0]\n\n    // \u68C0\u6D4B\u662F\u5426\u5904\u4E8E\u8F6E\u6B21\u5207\u6362\u671F + \u5F53\u524D\u8F6E\u6B21 code\uFF08\u6BCF\u79D2\u66F4\u65B0\uFF09\n    const [isTransitioning, setIsTransitioning] = React.useState(() => isInTransitionPeriod(item.countdown))\n    const [currentCode, setCurrentCode] = React.useState(() => getCodeWithSuffix(item.codePrefix, item.countdown))\n    // \u5012\u8BA1\u65F6\u72B6\u6001\n    const [countdownState, setCountdownState] = React.useState<CountdownState>('beforeStart')\n\n    React.useEffect(() => {\n      const checkAndUpdate = () => {\n        // \u66F4\u65B0\u8F6E\u6B21\u5207\u6362\u72B6\u6001\n        setIsTransitioning(isInTransitionPeriod(item.countdown))\n        // \u66F4\u65B0\u5F53\u524D\u8F6E\u6B21 code\uFF08\u4EC5\u5728\u503C\u53D8\u5316\u65F6\u66F4\u65B0\uFF09\n        const newCode = getCodeWithSuffix(item.codePrefix, item.countdown)\n        setCurrentCode(prev => (prev !== newCode ? newCode : prev))\n      }\n\n      // \u521D\u59CB\u68C0\u67E5\n      checkAndUpdate()\n      // \u6BCF\u79D2\u68C0\u67E5\u4E00\u6B21\n      const timer = setInterval(checkAndUpdate, 1000)\n\n      return () => clearInterval(timer)\n    }, [item.codePrefix, item.countdown])\n\n    // \u5012\u8BA1\u65F6\u72B6\u6001\u53D8\u5316\u56DE\u8C03\n    const handleCountdownStateChange = React.useCallback((state: CountdownState) => {\n      setCountdownState(state)\n    }, [])\n\n    // \u901A\u8FC7 handle \u5339\u914D buildData \u4E2D\u7684\u5B8C\u6574\u4EA7\u54C1\u6570\u636E\n    const fullProduct = React.useMemo(() => {\n      if (!firstProduct?.handle || !buildData?.products?.length) return null\n      return buildData.products.find(p => p.handle === firstProduct.handle) || null\n    }, [firstProduct?.handle, buildData?.products])\n\n    const fullProductVariant = React.useMemo(\n      () => fullProduct?.variants?.find(variant => variant?.sku === firstProduct?.sku) || ({} as ProductVariant),\n      [firstProduct?.sku, fullProduct?.variants]\n    )\n\n    // \u7EC4\u5408\u5C55\u793A\u6570\u636E\uFF08\u4F18\u5148\u4F7F\u7528\u8BE6\u7EC6\u6570\u636E\uFF0C\u56DE\u9000\u5230\u7B80\u5316\u6570\u636E\uFF09\n    const displayData = React.useMemo(() => {\n      const { price, basePrice } = formatVariantPrice({\n        locale: locale || 'us',\n        baseAmount: fullProductVariant?.price?.amount,\n        amount: firstProduct?.custom_price ?? fullProductVariant?.price?.amount,\n        currencyCode: fullProduct?.price?.currencyCode || 'USD',\n      })\n\n      return {\n        // \u4E3B\u4EF7\u683C/\u4EF7\u503C\u5C55\u793A\uFF1A\u6709\u8BE6\u7EC6\u6570\u636E\u65F6\u663E\u793A\u4EF7\u683C\uFF0C\u5426\u5219\u663E\u793A\u4EA7\u54C1\u540D\n        value: basePrice,\n        // \u4EA7\u54C1\u63CF\u8FF0/\u6807\u9898\uFF1A\u6709\u8BE6\u7EC6\u6570\u636E\u65F6\u663E\u793A\u6807\u9898\uFF0C\u5426\u5219\u4E3A\u7A7A\uFF08\u907F\u514D\u91CD\u590D\u663E\u793A\uFF09\n        description: firstProduct?.custom_description,\n        // \u4F18\u60E0\u4EF7\u683C\n        salePrice: replaceTemplate(discountText || '', {\n          price,\n        }),\n      }\n    }, [\n      fullProduct,\n      fullProductVariant,\n      locale,\n      discountText,\n      firstProduct?.custom_price,\n      firstProduct?.custom_description,\n    ])\n\n    const handleClick = React.useCallback(() => {\n      onButtonClick?.({ product: firstProduct, code: currentCode })\n    }, [onButtonClick, currentCode, firstProduct])\n\n    return (\n      <div className={cn(giftCardVariants({ state: theme }), className)} data-ui-component-id=\"GiftShelfCard\">\n        {/* Countdown section - above the card content (only in vertical layout) */}\n        {item.countdown && (\n          <div className=\"laptop:h-[24px] mb-4 h-[20px]\">\n            <Countdown\n              config={item.countdown}\n              theme={theme}\n              className={countdownClassName}\n              countdownText={countdownText}\n              lastRoundText={lastRoundText}\n              beforeStartText={beforeStartText}\n              countdownIcon={countdownIcon}\n              onStateChange={handleCountdownStateChange}\n            />\n          </div>\n        )}\n\n        {/* Content layout wrapper - \u63A7\u5236 Background image \u548C Bottom info area \u7684\u5E03\u5C40 */}\n        <div className={contentLayoutVariants({ layout })}>\n          {/* Background image - responsive across 5 breakpoints */}\n          <div className={imageAreaVariants({ layout })}>\n            {item.backgroundImage && (\n              <Picture\n                source={getResponsiveSource(item.backgroundImage)}\n                alt={getBackgroundAlt(item.backgroundImage)}\n                className=\"rounded-card size-full overflow-hidden object-cover\"\n                imgClassName=\"h-full w-full object-cover\"\n              />\n            )}\n            {/* Card content area */}\n            <div className=\"absolute top-1/2 z-10 w-full -translate-y-1/2 px-6\">\n              {/* Value and description */}\n              <div className=\"flex flex-col gap-1\">\n                {/* Main value display */}\n                {displayData.value && (\n                  <Heading\n                    html={displayData.value}\n                    size={4}\n                    className={cn('font-bold leading-none', textVariants({ state: theme }))}\n                  />\n                )}\n\n                {/* Description */}\n                {displayData.description && (\n                  <Text\n                    html={displayData.description}\n                    className={cn('text-base font-bold opacity-60', textVariants({ state: theme }))}\n                  />\n                )}\n              </div>\n            </div>\n          </div>\n\n          {/* Bottom/Right info area */}\n          <div className={infoAreaVariants({ layout })}>\n            {/* Sale price */}\n            {displayData.salePrice && (\n              <Text\n                as=\"p\"\n                html={displayData.salePrice}\n                className={cn('lg-desktop:text-2xl text-xl font-bold', textVariants({ state: theme }))}\n              />\n            )}\n\n            {/* Progress bar - \u8D85\u5356\u65F6\u9690\u85CF\uFF08availableForSale=true \u4E14 quantityAvailable<=0\uFF09 */}\n            <ProgressBar\n              progress={\n                firstProduct?.custom_inventory\n                  ? ((fullProductVariant?.quantityAvailable || 0) / firstProduct.custom_inventory) * 100\n                  : 0\n              }\n              theme={theme}\n              className={cn(\n                'mb-1 mt-2',\n                fullProductVariant?.availableForSale && (fullProductVariant?.quantityAvailable ?? 0) <= 0 && 'invisible'\n              )}\n            />\n\n            {/* Remain text - \u6B63\u5E38\u5E93\u5B58\u63D0\u793A */}\n            {remainText && (fullProductVariant?.quantityAvailable ?? 0) >= 0 && (\n              <Text\n                html={replaceTemplate(remainText, {\n                  inventory: firstProduct?.custom_inventory?.toString() || '',\n                  quantity: fullProductVariant?.quantityAvailable?.toString() || '0',\n                })}\n                as=\"p\"\n                className={cn('laptop:text-base text-sm font-bold', textVariants({ state: theme }))}\n              />\n            )}\n\n            {/* Low stock text - \u652F\u6301\u8D85\u5356\u65F6\u663E\u793A\uFF08availableForSale=true \u4F46 quantityAvailable<=0\uFF09 */}\n            {lowStockText &&\n              fullProductVariant?.availableForSale &&\n              (fullProductVariant?.quantityAvailable ?? 0) < 0 && (\n                <Text\n                  html={lowStockText}\n                  as=\"p\"\n                  className={cn('laptop:text-base text-sm font-bold text-red-500', textVariants({ state: theme }))}\n                />\n              )}\n\n            {/* Action button */}\n            <Button\n              size=\"lg\"\n              className={cn(buttonVariants({ state: theme }), buttonClassName)}\n              onClick={handleClick}\n              disabled={\n                !fullProductVariant?.availableForSale ||\n                loading ||\n                isTransitioning ||\n                countdownState === 'beforeStart' ||\n                countdownState === 'finished'\n              }\n              loading={loading && fullProductVariant?.availableForSale}\n            >\n              {countdownState === 'beforeStart'\n                ? comingSoonButtonText || buttonText\n                : fullProductVariant?.availableForSale\n                  ? buttonText\n                  : soldOutButtonText || buttonText}\n            </Button>\n          </div>\n        </div>\n      </div>\n    )\n  }\n)\n\nGiftShelfCard.displayName = 'GiftShelfCard'\n\n/**\n * GiftShelf - Gift/Promotion Shelf Component\n *\n * @description Display gift cards with countdown, pricing, and purchase buttons\n */\nconst GiftShelf = React.forwardRef<HTMLDivElement, GiftShelfProps>(\n  ({ classNames = {}, data, onButtonClick, buildData, loading, ...rest }, ref) => {\n    const theme = data.theme || 'light'\n\n    const itemsPerRow = React.useMemo(() => {\n      return data?.items?.length || 4\n    }, [data?.items])\n\n    // \u5F53\u5361\u7247\u6570\u91CF\u4E3A 2 \u65F6\u4F7F\u7528\u6C34\u5E73\u5E03\u5C40\uFF0C\u5426\u5219\u4F7F\u7528\u5782\u76F4\u5E03\u5C40\n    const cardLayout = itemsPerRow === 2 ? 'horizontal' : 'vertical'\n\n    const swiperBreakpoints = React.useMemo(() => {\n      const getBreakpointConfig = (breakpoint: 'mobile' | 'tablet' | 'laptop' | 'desktop') => {\n        switch (breakpoint) {\n          case 'mobile':\n            return { slidesPerView: 1.2, spaceBetween: 12 }\n          case 'tablet':\n            if (itemsPerRow <= 2) return { slidesPerView: 2, spaceBetween: 12 }\n            return { slidesPerView: 2.5, spaceBetween: 12 }\n          case 'laptop':\n            if (itemsPerRow <= 3) return { slidesPerView: itemsPerRow, spaceBetween: 16 }\n            return { slidesPerView: 3.01, spaceBetween: 16 }\n          case 'desktop':\n            return { slidesPerView: Math.min(itemsPerRow, 4), spaceBetween: 20 }\n        }\n      }\n\n      return {\n        0: getBreakpointConfig('mobile'),\n        768: getBreakpointConfig('tablet'),\n        1025: getBreakpointConfig('laptop'),\n        1440: getBreakpointConfig('desktop'),\n      }\n    }, [itemsPerRow])\n\n    return (\n      <Container\n        ref={ref}\n        className={cn(classNames?.root)}\n        childClassName=\"overflow-hidden\"\n        data-ui-component-id=\"GiftShelf\"\n        {...rest}\n      >\n        {/* Cards swiper */}\n        <Swiper breakpoints={swiperBreakpoints} className=\"w-full !overflow-visible\">\n          {data.items.map((item, index) => (\n            <SwiperSlide key={'giftShelfCardItem' + index}>\n              <GiftShelfCard\n                item={item}\n                theme={theme}\n                layout={cardLayout}\n                className={classNames?.card}\n                buttonClassName={classNames?.button}\n                countdownClassName={classNames?.countdown}\n                onButtonClick={onButtonClick}\n                buildData={buildData}\n                buttonText={data.buttonText}\n                discountText={data.discountText}\n                remainText={data.remainText}\n                lowStockText={data.lowStockText}\n                soldOutButtonText={data.soldOutButtonText}\n                countdownText={data.countdownText}\n                lastRoundText={data.lastRoundText}\n                countdownIcon={data?.countdownIcon}\n                beforeStartText={data.beforeStartText}\n                comingSoonButtonText={data.comingSoonButtonText}\n                loading={loading}\n              />\n            </SwiperSlide>\n          ))}\n        </Swiper>\n      </Container>\n    )\n  }\n)\n\nGiftShelf.displayName = 'GiftShelf'\n\nexport default withLayout(GiftShelf)\nexport type {\n  GiftShelfProps,\n  GiftShelfData,\n  GiftShelfItem,\n  GiftShelfProduct,\n  CountdownConfig,\n  ResponsiveBackgroundImage,\n} from './types.js'\n"],
+  "mappings": "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",
+  "names": ["jsx", "jsxs", "React", "cn", "Text", "Picture", "Button", "Container", "Heading", "cva", "Swiper", "SwiperSlide", "withLayout", "formatVariantPrice", "useAiuiContext", "replaceTemplate", "giftCardVariants", "contentLayoutVariants", "imageAreaVariants", "infoAreaVariants", "buttonVariants", "textVariants", "getResponsiveSource", "bgImage", "sources", "getBackgroundAlt", "formatTime", "seconds", "hours", "minutes", "secs", "parseStartTime", "startTime", "parsed", "isInTransitionPeriod", "countdown", "startTimeMs", "durationMs", "rounds", "now", "elapsed", "currentRound", "timeUntilRoundEnd", "TRANSITION_PERIOD_MS", "getCodeWithSuffix", "codePrefix", "date", "suffix", "currentRoundStartMs", "Countdown", "config", "theme", "className", "countdownText", "lastRoundText", "beforeStartText", "countdownIcon", "onStateChange", "timeLeft", "setTimeLeft", "countdownState", "setCountdownState", "calculateCountdown", "diff", "currentRoundTargetTime", "timer", "labelText", "ProgressBar", "progress", "clampedProgress", "GiftShelfCard", "item", "layout", "buttonClassName", "countdownClassName", "onButtonClick", "buildData", "buttonText", "remainText", "lowStockText", "soldOutButtonText", "discountText", "comingSoonButtonText", "loading", "locale", "firstProduct", "isTransitioning", "setIsTransitioning", "currentCode", "setCurrentCode", "checkAndUpdate", "newCode", "prev", "handleCountdownStateChange", "state", "fullProduct", "p", "fullProductVariant", "variant", "displayData", "price", "basePrice", "handleClick", "GiftShelf", "classNames", "data", "rest", "ref", "itemsPerRow", "cardLayout", "swiperBreakpoints", "getBreakpointConfig", "breakpoint", "index", "GiftShelf_default"]
 }

package/dist/esm/biz-components/GiftTierShelf/index.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as e,jsxs as f}from"react/jsx-runtime";import*as r from"react";import{cn as c}from"../../helpers/index.js";import{Text as T,Picture as N,Container as H,Heading as R}from"../../components/index.js";import{cva as M}from"class-variance-authority";import{Swiper as P,SwiperSlide as y}from"swiper/react";import*as C from"swiper/modules";import{withLayout as D}from"../../shared/Styles.js";import{useExposure as U}from"../../hooks/useExposure.js";import{useProductListTrack as _}from"../../hooks/useProductListTrack.js";import{useAiuiContext as $}from"../AiuiProvider/index.js";import{formatPrice as q}from"../Listing/utils/index.js";const b="image",k="gift_tier_shelf",J=M("lg-desktop:h-[400px] rounded-card desktop:pt-4 desktop:pb-6 relative flex h-[320px] flex-col items-start gap-1 overflow-hidden p-4",{variants:{theme:{light:"bg-gradient-to-b from-[#FCCA7B] to-[#FFE6BF]",dark:"bg-gradient-to-b from-[#3A3A3A] to-[#1D1D1F]"}},defaultVariants:{theme:"light"}}),V=M("",{variants:{theme:{light:"text-[#080A0F]",dark:"text-white"}},defaultVariants:{theme:"light"}}),G=r.memo(({image:t})=>t?e(N,{source:t.url,alt:t.alt||"Member Tag",className:"h-full w-auto",imgClassName:"h-full w-auto object-contain"}):null);G.displayName="MemberTag";const B=r.memo(({theme:t="light"})=>{const l=t==="light"?"bg-[#f6cd4e]":"bg-[#F5F6F7]";return e("div",{className:"flex h-4 w-full items-center",children:e("div",{className:c("flex h-1 w-full items-center justify-center",l),children:e("div",{className:c("relative size-4 shrink-0 rounded-full",l)})})})});B.displayName="TimelineItem";const I=r.memo(({item:t,theme:l="light",className:h,onClick:n,buildData:d})=>{const{locale:g="us"}=$(),s=t.products?.[0],o=r.useMemo(()=>!s?.handle||!d?.products?.length?null:d.products.find(u=>u.handle===s.handle)||null,[s?.handle,d?.products]),p=r.useMemo(()=>o?.variants?.find(u=>u?.sku===s?.sku)||{},[s?.sku,o?.variants]),w=q({locale:g||"us",amount:s?.custom_price??p?.price?.amount,currencyCode:o?.price?.currencyCode||"USD"});return f("div",{className:c(J({theme:l}),h),onClick:n,"data-ui-component-id":"GiftTierCard","data-headless-type-name":`${b}#${k}`,"data-headless-sku":s?.sku||"",children:[e("div",{className:"lg-desktop:h-[28px] z-10 h-6",children:t.showMemberTag&&t.memberTagImage&&e(G,{image:t.memberTagImage})}),e("div",{className:"relative z-10 mx-auto min-h-0 w-fit flex-1",children:e(N,{source:p?.image?.url||o?.images[0]?.url,className:"size-full",imgClassName:"size-full object-contain"})}),f("div",{className:c("z-10 flex w-full shrink-0 flex-col gap-2",V({theme:l})),children:[f("div",{className:"flex items-end gap-1",children:[e(R,{html:w,size:4,className:"font-bold leading-[1.2] tracking-[-0.04em]"}),t.valueUnit&&e(T,{html:t.valueUnit,className:"lg-desktop:text-2xl text-xl font-bold leading-[1.2] tracking-[-0.04em]"})]}),e(T,{html:p?.title||o?.title,className:"lg-desktop:text-2xl line-clamp-2 min-h-[48px] text-wrap text-xl font-bold leading-[1.2] tracking-[-0.04em]"})]})]})});I.displayName="GiftTierCard";const F=r.forwardRef(({classNames:t={},data:l,onCardClick:h,buildData:n,...d},g)=>{const s=r.useRef(null);r.useImperativeHandle(g,()=>s.current),U(s,{componentType:b,componentName:k,componentTitle:l.items?.[0]?.threshold||"",componentDescription:""});const o=l.theme||"light",p=l.showTimeline!==!1,[w,u]=r.useState(null),[z,A]=r.useState(null),m=r.useMemo(()=>n?.products?.length?l.items.filter(i=>{const a=i.products?.[0];return a?.handle?n.products.find(x=>x.handle===a.handle)?.variants?.find(x=>x?.sku===a?.sku)?.availableForSale!==!1:!0}):l.items,[l.items,n?.products]),{trackSelectItem:L}=_({containerRef:s,listName:k,items:m.map(i=>i.products?.[0]).filter(Boolean),products:n?.products}),j=r.useMemo(()=>{const i=m.length;return{0:{slidesPerView:1.2,spaceBetween:12},768:{slidesPerView:Math.min(i,2.5),spaceBetween:12},1025:{slidesPerView:Math.min(i,3.5),spaceBetween:16},1440:{slidesPerView:Math.min(i,4),spaceBetween:16}}},[m.length]),E=r.useMemo(()=>{const i=m.length;return{0:{slidesPerView:1.2,spaceBetween:0},768:{slidesPerView:Math.min(i,2.5),spaceBetween:0},1025:{slidesPerView:Math.min(i,3.5),spaceBetween:0},1440:{slidesPerView:Math.min(i,4),spaceBetween:0}}},[m.length]),S=r.useMemo(()=>C.Controller?[C.Controller]:[],[]);return f(H,{ref:s,className:c(t?.root),childClassName:"overflow-hidden","data-ui-component-id":"GiftTierShelf",...d,children:[e(P,{modules:S,breakpoints:j,className:"w-full !overflow-visible",onSwiper:u,controller:{control:z},children:m.map((i,a)=>e(y,{children:e(I,{item:i,theme:o,buildData:n,className:t?.card,onClick:()=>{const v=i.products?.[0];v&&L(v,a),h?.(i,a)}})},"giftTierItem"+a))}),p&&e("div",{className:"mt-4 flex flex-col gap-4",children:e("div",{className:c("w-full",t?.timeline),children:e(P,{modules:S,breakpoints:E,className:"w-full !overflow-visible",onSwiper:A,controller:{control:w},children:m.map((i,a)=>e(y,{children:f("div",{className:"flex flex-col items-center",children:[e(B,{theme:o}),e(T,{html:i.threshold,className:c("lg-desktop:text-2xl text-center text-xl font-bold leading-[1.2] tracking-[-0.04em]",V({theme:o}),t?.thresholdText)})]})},"timelineItem"+a))})})})]})});F.displayName="GiftTierShelf";var re=D(F);export{re as default};
+"use client";import{jsx as e,jsxs as f}from"react/jsx-runtime";import*as r from"react";import{cn as n}from"../../helpers/index.js";import{Text as x,Picture as k,Container as z,Heading as A}from"../../components/index.js";import{cva as T}from"class-variance-authority";import{Swiper as N,SwiperSlide as b}from"swiper/react";import*as C from"swiper/modules";import{withLayout as j}from"../../shared/Styles.js";import{useAiuiContext as L}from"../AiuiProvider/index.js";import{formatPrice as U}from"../Listing/utils/index.js";const D=T("lg-desktop:h-[400px] rounded-card desktop:pt-4 desktop:pb-6 relative flex h-[320px] flex-col items-start gap-1 overflow-hidden p-4",{variants:{theme:{light:"bg-gradient-to-b from-[#FCCA7B] to-[#FFE6BF]",dark:"bg-gradient-to-b from-[#3A3A3A] to-[#1D1D1F]"}},defaultVariants:{theme:"light"}}),P=T("",{variants:{theme:{light:"text-[#080A0F]",dark:"text-white"}},defaultVariants:{theme:"light"}}),M=r.memo(({image:t})=>t?e(k,{source:t.url,alt:t.alt||"Member Tag",className:"h-full w-auto",imgClassName:"h-full w-auto object-contain"}):null);M.displayName="MemberTag";const y=r.memo(({theme:t="light"})=>{const l=t==="light"?"bg-[#f6cd4e]":"bg-[#F5F6F7]";return e("div",{className:"flex h-4 w-full items-center",children:e("div",{className:n("flex h-1 w-full items-center justify-center",l),children:e("div",{className:n("relative size-4 shrink-0 rounded-full",l)})})})});y.displayName="TimelineItem";const V=r.memo(({item:t,theme:l="light",className:h,onClick:m,buildData:d})=>{const{locale:w="us"}=L(),s=t.products?.[0],a=r.useMemo(()=>!s?.handle||!d?.products?.length?null:d.products.find(u=>u.handle===s.handle)||null,[s?.handle,d?.products]),p=r.useMemo(()=>a?.variants?.find(u=>u?.sku===s?.sku)||{},[s?.sku,a?.variants]),g=U({locale:w||"us",amount:s?.custom_price??p?.price?.amount,currencyCode:a?.price?.currencyCode||"USD"});return f("div",{className:n(D({theme:l}),h),onClick:m,"data-ui-component-id":"GiftTierCard",children:[e("div",{className:"lg-desktop:h-[28px] z-10 h-6",children:t.showMemberTag&&t.memberTagImage&&e(M,{image:t.memberTagImage})}),e("div",{className:"relative z-10 mx-auto min-h-0 w-fit flex-1",children:e(k,{source:p?.image?.url||a?.images[0]?.url,className:"size-full",imgClassName:"size-full object-contain"})}),f("div",{className:n("z-10 flex w-full shrink-0 flex-col gap-2",P({theme:l})),children:[f("div",{className:"flex items-end gap-1",children:[e(A,{html:g,size:4,className:"font-bold leading-[1.2] tracking-[-0.04em]"}),t.valueUnit&&e(x,{html:t.valueUnit,className:"lg-desktop:text-2xl text-xl font-bold leading-[1.2] tracking-[-0.04em]"})]}),e(x,{html:p?.title||a?.title,className:"lg-desktop:text-2xl line-clamp-2 min-h-[48px] text-wrap text-xl font-bold leading-[1.2] tracking-[-0.04em]"})]})]})});V.displayName="GiftTierCard";const G=r.forwardRef(({classNames:t={},data:l,onCardClick:h,buildData:m,...d},w)=>{const s=l.theme||"light",a=l.showTimeline!==!1,[p,g]=r.useState(null),[u,B]=r.useState(null),c=r.useMemo(()=>m?.products?.length?l.items.filter(i=>{const o=i.products?.[0];return o?.handle?m.products.find(v=>v.handle===o.handle)?.variants?.find(v=>v?.sku===o?.sku)?.availableForSale!==!1:!0}):l.items,[l.items,m?.products]),F=r.useMemo(()=>{const i=c.length;return{0:{slidesPerView:1.2,spaceBetween:12},768:{slidesPerView:Math.min(i,2.5),spaceBetween:12},1025:{slidesPerView:Math.min(i,3.5),spaceBetween:16},1440:{slidesPerView:Math.min(i,4),spaceBetween:16}}},[c.length]),I=r.useMemo(()=>{const i=c.length;return{0:{slidesPerView:1.2,spaceBetween:0},768:{slidesPerView:Math.min(i,2.5),spaceBetween:0},1025:{slidesPerView:Math.min(i,3.5),spaceBetween:0},1440:{slidesPerView:Math.min(i,4),spaceBetween:0}}},[c.length]),S=r.useMemo(()=>C.Controller?[C.Controller]:[],[]);return f(z,{ref:w,className:n(t?.root),childClassName:"overflow-hidden","data-ui-component-id":"GiftTierShelf",...d,children:[e(N,{modules:S,breakpoints:F,className:"w-full !overflow-visible",onSwiper:g,controller:{control:u},children:c.map((i,o)=>e(b,{children:e(V,{item:i,theme:s,buildData:m,className:t?.card,onClick:()=>h?.(i,o)})},"giftTierItem"+o))}),a&&e("div",{className:"mt-4 flex flex-col gap-4",children:e("div",{className:n("w-full",t?.timeline),children:e(N,{modules:S,breakpoints:I,className:"w-full !overflow-visible",onSwiper:B,controller:{control:p},children:c.map((i,o)=>e(b,{children:f("div",{className:"flex flex-col items-center",children:[e(y,{theme:s}),e(x,{html:i.threshold,className:n("lg-desktop:text-2xl text-center text-xl font-bold leading-[1.2] tracking-[-0.04em]",P({theme:s}),t?.thresholdText)})]})},"timelineItem"+o))})})})]})});G.displayName="GiftTierShelf";var W=j(G);export{W as default};
 //# sourceMappingURL=index.js.map