@anker-in/headless-ui 1.1.74 → 1.1.76

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

@@ -1,2 +1,2 @@
-"use client";import{jsx as r,jsxs as h}from"react/jsx-runtime";import*as i from"react";import{cn as g}from"../../helpers/index.js";import{Text as D,Picture as R,Heading as z}from"../../components/index.js";import{Swiper as F,SwiperSlide as L}from"swiper/react";import b from"dayjs";import{cva as x}from"class-variance-authority";const w=(s,t)=>{const d=b(),c=b(s).startOf("day"),u=b(t).endOf("day");return d.isAfter(u)?"completed":d.isBefore(c)?"not-started":"in-progress"},j=x("h-1 w-full overflow-hidden",{variants:{state:{"in-progress-light":"bg-[#F6CD4E]","in-progress-dark":"bg-[#D79941]","not-started-light":"bg-[#EAEAEC]","not-started-dark":"bg-[#1E2024]","completed-light":"bg-[#F6CD4E]","completed-dark":"bg-[#D79941]"}},defaultVariants:{state:"not-started-light"}}),H=x("size-4 rounded-full transition-colors",{variants:{state:{"in-progress-light":"bg-[#F6CD4E]","in-progress-dark":"bg-[#D79941]","not-started-light":"bg-[#EAEAEC]","not-started-dark":"bg-[#1E2024]","completed-light":"bg-[#F6CD4E]","completed-dark":"bg-[#D79941]"}},defaultVariants:{state:"not-started-light"}}),k=x("font-bold leading-[1.2]",{variants:{state:{"in-progress-light":"text-[#080A0F]","in-progress-dark":"text-white","not-started-light":"text-[#080A0F]","not-started-dark":"text-[#F5F6F7]","completed-light":"text-[#4A4C56]/60","completed-dark":"text-[#F5F6F7]/60"}},defaultVariants:{state:"not-started-light"}}),$=x("laptop:h-[160px] rounded-box relative flex h-[120px] min-w-0 flex-col justify-between gap-2 overflow-hidden",{variants:{state:{"in-progress-light":"bg-[#F4E8BC]","in-progress-dark":"bg-[#D79941]","not-started-light":"bg-[#EAEAEC]","not-started-dark":"bg-[#1E2024]","completed-light":"bg-[#F4E8BC]","completed-dark":"bg-[#D79941]"}},defaultVariants:{state:"not-started-light"}}),O=({timeStatus:s,theme:t="light",className:d,index:c,nodeLength:u})=>{const o=`${s}-${t}`,n=c===0,a=c===u-1;return h("div",{className:"relative my-2 flex h-1 w-full items-center justify-center",children:[r("div",{className:g(j({state:o}),n&&"rounded-l-full",a&&"rounded-r-full",d)}),r("div",{className:"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2",children:r("div",{className:H({state:o})})})]})},q=(s,t)=>{if(s)return t==="in-progress"?s.active:t==="completed"&&s.completed||s.inactive},G=({timeStatus:s,item:t,theme:d="light",className:c,scheduleCount:u})=>{const o=i.useMemo(()=>q(t.icon,s),[t.icon,s]),n=`${s}-${d}`;return h("div",{className:g($({state:n}),c),children:[o&&r("div",{className:"laptop:w-[128px] desktop:w-[160px] absolute bottom-0 right-0 z-10 w-[120px]",children:r(R,{source:o.url,alt:o.alt,className:"aspect-square"})}),h("div",{className:"tablet:px-4 tablet:py-3 desktop:pl-6 desktop:pr-16 relative z-20 flex h-full flex-col justify-between p-4 pr-8",children:[r(z,{html:t.title,className:g(u>=4?"desktop:text-[24px]":"desktop:text-[32px]","laptop:text-[24px] line-clamp-1 text-[20px]",k({state:n}))}),r("div",{className:"flex flex-col gap-0.5",children:t.items.map((a,l)=>h("div",{className:"flex items-center gap-2",children:[a.icon&&r(D,{className:g("desktop:size-6 size-5 shrink-0",k({state:n})),html:a.icon}),r(D,{html:a.label,className:g("lg-desktop:text-[18px] desktop:text-[16px] line-clamp-1 flex-1 text-[14px] leading-[1.4]",k({state:n}))})]},l))})]})]})},V=i.forwardRef(({classNames:s={},data:t,className:d,...c},u)=>{const o=t.theme||"light",n=i.useRef(null),a=i.useRef(null),l=i.useRef(!1),f=i.useMemo(()=>t?.scheduleList?.length||2,[t?.scheduleList]),S=i.useMemo(()=>t.scheduleList.findIndex(e=>w(e.startDate,e.endDate)==="in-progress"),[t.scheduleList]),v=i.useCallback((e,m=!1)=>{const p=P=>{switch(P){case"mobile":return{slidesPerView:1.17};case"tablet":return e===2?{slidesPerView:2}:{slidesPerView:2.4};case"laptop":return e===2?{}:e===4?{slidesPerView:3.2}:{slidesPerView:e};case"desktop":return e===2?{slidesPerView:2}:{slidesPerView:e}}},T=p("mobile"),C=p("tablet"),N=p("laptop"),y=p("desktop");return m?{0:{...T,spaceBetween:12},768:{...C,spaceBetween:12},1024:{...N,spaceBetween:16},1440:{...y,spaceBetween:16}}:{0:T,768:C,1024:N,1440:y}},[]),A=i.useMemo(()=>v(f,!0),[f,v]),I=i.useMemo(()=>v(f,!1),[f,v]),E=t.showTimeline!==!1,M=i.useCallback(e=>{l.current||!a.current||(l.current=!0,a.current.slideTo(e.activeIndex,e.params.speed),setTimeout(()=>{l.current=!1},50))},[]),B=i.useCallback(e=>{l.current||!n.current||(l.current=!0,n.current.slideTo(e.activeIndex,e.params.speed),setTimeout(()=>{l.current=!1},50))},[]);return i.useEffect(()=>{n.current&&a.current&&S>=0&&setTimeout(()=>{l.current=!0,n.current?.slideTo(S,500),a.current?.slideTo(S,500),setTimeout(()=>{l.current=!1},600)},100)},[S]),h("div",{...c,ref:u,className:g("tablet:px-8 laptop:px-16 desktop:px-16 lg-desktop:px-[calc(50%-832px)] overflow-hidden px-4",s?.root,d),children:[E&&r(F,{breakpoints:I,className:"h-4 w-full !overflow-visible",onSwiper:e=>{a.current=e},onSlideChange:B,children:t.scheduleList.map((e,m)=>{const p=w(e.startDate,e.endDate);return r(L,{className:"",children:r(O,{className:s?.timeline,timeStatus:p,theme:o,index:m,nodeLength:t.scheduleList.length})},"timelineNode"+m)})}),r(F,{breakpoints:A,className:"w-full !overflow-visible",onSwiper:e=>{n.current=e},onSlideChange:M,children:t.scheduleList.map((e,m)=>{const p=w(e.startDate,e.endDate);return r(L,{children:r(G,{timeStatus:p,className:g(E?"laptop:mt-4 mt-2":"",s?.eventScheduleCard),item:e,theme:o,scheduleCount:t.scheduleList.length})},"SwiperSlideItem"+m)})})]})});V.displayName="EventSchedule";var X=V;export{X as default};
+"use client";import{jsx as s,jsxs as h}from"react/jsx-runtime";import*as i from"react";import{cn as g}from"../../helpers/index.js";import{Text as D,Picture as R,Heading as z,Container as j}from"../../components/index.js";import{Swiper as F,SwiperSlide as L}from"swiper/react";import w from"dayjs";import{cva as b}from"class-variance-authority";const x=(r,t)=>{const d=w(),c=w(r).startOf("day"),u=w(t).endOf("day");return d.isAfter(u)?"completed":d.isBefore(c)?"not-started":"in-progress"},H=b("h-1 w-full overflow-hidden",{variants:{state:{"in-progress-light":"bg-[#F6CD4E]","in-progress-dark":"bg-[#D79941]","not-started-light":"bg-[#EAEAEC]","not-started-dark":"bg-[#1E2024]","completed-light":"bg-[#F6CD4E]","completed-dark":"bg-[#D79941]"}},defaultVariants:{state:"not-started-light"}}),$=b("size-4 rounded-full transition-colors",{variants:{state:{"in-progress-light":"bg-[#F6CD4E]","in-progress-dark":"bg-[#D79941]","not-started-light":"bg-[#EAEAEC]","not-started-dark":"bg-[#1E2024]","completed-light":"bg-[#F6CD4E]","completed-dark":"bg-[#D79941]"}},defaultVariants:{state:"not-started-light"}}),k=b("font-bold leading-[1.2]",{variants:{state:{"in-progress-light":"text-[#080A0F]","in-progress-dark":"text-white","not-started-light":"text-[#080A0F]","not-started-dark":"text-[#F5F6F7]","completed-light":"text-[#4A4C56]/60","completed-dark":"text-[#F5F6F7]/60"}},defaultVariants:{state:"not-started-light"}}),O=b("laptop:h-[160px] rounded-box relative flex h-[120px] min-w-0 flex-col justify-between gap-2 overflow-hidden",{variants:{state:{"in-progress-light":"bg-[#F4E8BC]","in-progress-dark":"bg-[#D79941]","not-started-light":"bg-[#EAEAEC]","not-started-dark":"bg-[#1E2024]","completed-light":"bg-[#F4E8BC]","completed-dark":"bg-[#D79941]"}},defaultVariants:{state:"not-started-light"}}),q=({timeStatus:r,theme:t="light",className:d,index:c,nodeLength:u})=>{const o=`${r}-${t}`,n=c===0,a=c===u-1;return h("div",{className:"relative my-2 flex h-1 w-full items-center justify-center",children:[s("div",{className:g(H({state:o}),n&&"rounded-l-full",a&&"rounded-r-full",d)}),s("div",{className:"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2",children:s("div",{className:$({state:o})})})]})},G=(r,t)=>{if(r)return t==="in-progress"?r.active:t==="completed"&&r.completed||r.inactive},J=({timeStatus:r,item:t,theme:d="light",className:c,scheduleCount:u})=>{const o=i.useMemo(()=>G(t.icon,r),[t.icon,r]),n=`${r}-${d}`;return h("div",{className:g(O({state:n}),c),children:[o&&s("div",{className:"laptop:w-[128px] desktop:w-[160px] absolute bottom-0 right-0 z-10 w-[120px]",children:s(R,{source:o.url,alt:o.alt,className:"aspect-square"})}),h("div",{className:"tablet:px-4 tablet:py-3 desktop:pl-6 desktop:pr-16 relative z-20 flex h-full flex-col justify-between p-4 pr-8",children:[s(z,{html:t.title,className:g(u>=4?"desktop:text-[24px]":"desktop:text-[32px]","laptop:text-[24px] line-clamp-1 text-[20px]",k({state:n}))}),s("div",{className:"flex flex-col gap-0.5",children:t.items.map((a,l)=>h("div",{className:"flex items-center gap-2",children:[a.icon&&s(D,{className:g("desktop:size-6 size-5 shrink-0",k({state:n})),html:a.icon}),s(D,{html:a.label,className:g("lg-desktop:text-[18px] desktop:text-[16px] line-clamp-1 flex-1 text-[14px] leading-[1.4]",k({state:n}))})]},l))})]})]})},V=i.forwardRef(({classNames:r={},data:t,className:d,...c},u)=>{const o=t.theme||"light",n=i.useRef(null),a=i.useRef(null),l=i.useRef(!1),f=i.useMemo(()=>t?.scheduleList?.length||2,[t?.scheduleList]),S=i.useMemo(()=>t.scheduleList.findIndex(e=>x(e.startDate,e.endDate)==="in-progress"),[t.scheduleList]),v=i.useCallback((e,m=!1)=>{const p=P=>{switch(P){case"mobile":return{slidesPerView:1.17};case"tablet":return e===2?{slidesPerView:2}:{slidesPerView:2.4};case"laptop":return e===2?{}:e===4?{slidesPerView:3.2}:{slidesPerView:e};case"desktop":return e===2?{slidesPerView:2}:{slidesPerView:e}}},T=p("mobile"),C=p("tablet"),N=p("laptop"),y=p("desktop");return m?{0:{...T,spaceBetween:12},768:{...C,spaceBetween:12},1024:{...N,spaceBetween:16},1440:{...y,spaceBetween:16}}:{0:T,768:C,1024:N,1440:y}},[]),A=i.useMemo(()=>v(f,!0),[f,v]),I=i.useMemo(()=>v(f,!1),[f,v]),E=t.showTimeline!==!1,M=i.useCallback(e=>{l.current||!a.current||(l.current=!0,a.current.slideTo(e.activeIndex,e.params.speed),setTimeout(()=>{l.current=!1},50))},[]),B=i.useCallback(e=>{l.current||!n.current||(l.current=!0,n.current.slideTo(e.activeIndex,e.params.speed),setTimeout(()=>{l.current=!1},50))},[]);return i.useEffect(()=>{n.current&&a.current&&S>=0&&setTimeout(()=>{l.current=!0,n.current?.slideTo(S,500),a.current?.slideTo(S,500),setTimeout(()=>{l.current=!1},600)},100)},[S]),h(j,{...c,ref:u,className:g("overflow-hidden",r?.root,d),children:[E&&s(F,{breakpoints:I,className:"h-4 w-full !overflow-visible",onSwiper:e=>{a.current=e},onSlideChange:B,children:t.scheduleList.map((e,m)=>{const p=x(e.startDate,e.endDate);return s(L,{className:"",children:s(q,{className:r?.timeline,timeStatus:p,theme:o,index:m,nodeLength:t.scheduleList.length})},"timelineNode"+m)})}),s(F,{breakpoints:A,className:"w-full !overflow-visible",onSwiper:e=>{n.current=e},onSlideChange:M,children:t.scheduleList.map((e,m)=>{const p=x(e.startDate,e.endDate);return s(L,{children:s(J,{timeStatus:p,className:g(E?"laptop:mt-4 mt-2":"",r?.eventScheduleCard),item:e,theme:o,scheduleCount:t.scheduleList.length})},"SwiperSlideItem"+m)})})]})});V.displayName="EventSchedule";var Y=V;export{Y as default};
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/EventSchedule/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport { Text, Picture, Heading } from '../../components/index.js'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport type { Swiper as SwiperType } from 'swiper'\nimport dayjs from 'dayjs'\nimport { cva } from 'class-variance-authority'\nimport type { Media } from '../../types/props.js'\nexport type EventScheduleSemanticName = 'root' | 'timeline' | 'eventScheduleCard'\n\n/**\n * \u65F6\u95F4\u72B6\u6001\u7C7B\u578B\n */\nexport type TimeStatus = 'completed' | 'in-progress' | 'not-started'\n\n/**\n * \u72B6\u6001\u5316\u56FE\u6807\u914D\u7F6E\n */\nexport interface StateIcon {\n  /** \u6FC0\u6D3B\u72B6\u6001\u7684\u56FE\u6807\uFF08\u8FDB\u884C\u4E2D\uFF09 */\n  active: Media\n  /** \u975E\u6FC0\u6D3B\u72B6\u6001\u7684\u56FE\u6807\uFF08\u672A\u5F00\u59CB\uFF09 */\n  inactive: Media\n  /** \u5DF2\u5B8C\u6210\u72B6\u6001\u7684\u56FE\u6807\uFF08\u53EF\u9009\uFF0C\u4E0D\u63D0\u4F9B\u5219\u4F7F\u7528 inactive\uFF09 */\n  completed?: Media\n}\n\n/**\n * \u6D3B\u52A8\u65E5\u7A0B\u9879\u6570\u636E\u63A5\u53E3\n */\nexport interface EventScheduleItem {\n  /** \u6807\u9898 */\n  title: string\n  /** \u5F00\u59CB\u65E5\u671F\uFF08ISO 8601 \u683C\u5F0F\u6216\u4EFB\u4F55 dayjs \u652F\u6301\u7684\u683C\u5F0F\uFF0C\u5982 '2024-12-01'\uFF09 */\n  startDate: string\n  /** \u7ED3\u675F\u65E5\u671F\uFF08ISO 8601 \u683C\u5F0F\u6216\u4EFB\u4F55 dayjs \u652F\u6301\u7684\u683C\u5F0F\uFF0C\u5982 '2024-12-31'\uFF09 */\n  endDate: string\n  /**\n   * \u5361\u7247\u80CC\u666F\u56FE\u6807\u914D\u7F6E\uFF0C\u72B6\u6001\u5316\u56FE\u6807\uFF08\u5FC5\u987B\u5305\u542B active \u548C inactive\uFF09\n   *\n   * @example\n   * icon: {\n   *   active: { url: \"https://example.com/active-icon.svg\", alt: \"Active Icon\" },\n   *   inactive: { url: \"https://example.com/inactive-icon.svg\", alt: \"Inactive Icon\" }\n   * }\n   */\n  icon?: StateIcon\n  /** \u8BE6\u7EC6\u4FE1\u606F\u5217\u8868 */\n  items: {\n    /** \u56FE\u6807 (SVG \u5B57\u7B26\u4E32\u6216 URL) */\n    icon?: string\n    /** \u6587\u672C\u5185\u5BB9 */\n    label: string\n  }[]\n}\n\n/**\n * EventSchedule \u4E1A\u52A1\u7EC4\u4EF6\u6570\u636E\u63A5\u53E3\n */\nexport interface EventScheduleData {\n  /** \u65E5\u7A0B\u5217\u8868 */\n  scheduleList: EventScheduleItem[]\n  /** \u662F\u5426\u663E\u793A\u65F6\u95F4\u8F74\uFF0C\u9ED8\u8BA4\u4E3A true */\n  showTimeline?: boolean\n  /** \u4E3B\u9898\u6A21\u5F0F */\n  theme?: 'light' | 'dark'\n}\n\nexport interface EventScheduleProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u4E1A\u52A1\u6570\u636E */\n  data: EventScheduleData\n  classNames?: Partial<Record<EventScheduleSemanticName, string>>\n}\n\n/**\n * \u83B7\u53D6\u65F6\u95F4\u72B6\u6001\n * @param startDate \u5F00\u59CB\u65E5\u671F\n * @param endDate \u7ED3\u675F\u65E5\u671F\n * @returns \u65F6\u95F4\u72B6\u6001\uFF1Acompleted\uFF08\u5DF2\u5B8C\u6210\uFF09\u3001in-progress\uFF08\u8FDB\u884C\u4E2D\uFF09\u3001not-started\uFF08\u672A\u5F00\u59CB\uFF09\n */\nconst getTimeStatus = (startDate: string, endDate: string): TimeStatus => {\n  const now = dayjs()\n  const start = dayjs(startDate).startOf('day')\n  const end = dayjs(endDate).endOf('day')\n\n  // \u5F53\u524D\u65F6\u95F4\u5728\u7ED3\u675F\u65F6\u95F4\u4E4B\u540E - \u5DF2\u5B8C\u6210\n  if (now.isAfter(end)) {\n    return 'completed'\n  }\n\n  // \u5F53\u524D\u65F6\u95F4\u5728\u5F00\u59CB\u65F6\u95F4\u4E4B\u524D - \u672A\u5F00\u59CB\n  if (now.isBefore(start)) {\n    return 'not-started'\n  }\n\n  // \u5F53\u524D\u65F6\u95F4\u5728\u5F00\u59CB\u548C\u7ED3\u675F\u4E4B\u95F4 - \u8FDB\u884C\u4E2D\n  return 'in-progress'\n}\n\n/**\n * \u65F6\u95F4\u8F74\u8FDB\u5EA6\u6761\u6837\u5F0F\u53D8\u4F53\uFF08\u652F\u6301\u4E09\u79CD\u65F6\u95F4\u72B6\u6001\uFF09\n */\nconst timelineProgressActiveVariants = cva('h-1 w-full overflow-hidden', {\n  variants: {\n    state: {\n      // \u8FDB\u884C\u4E2D\n      'in-progress-light': 'bg-[#F6CD4E]',\n      'in-progress-dark': 'bg-[#D79941]',\n      // \u672A\u5F00\u59CB\n      'not-started-light': 'bg-[#EAEAEC]',\n      'not-started-dark': 'bg-[#1E2024]',\n      // \u5DF2\u5B8C\u6210\n      'completed-light': 'bg-[#F6CD4E]',\n      'completed-dark': 'bg-[#D79941]',\n    },\n  },\n  defaultVariants: {\n    state: 'not-started-light',\n  },\n})\n\n/**\n * \u65F6\u95F4\u8F74\u8282\u70B9\u6837\u5F0F\u53D8\u4F53\uFF08\u652F\u6301\u4E09\u79CD\u65F6\u95F4\u72B6\u6001\uFF09\n */\nconst timelineNodeActiveVariants = cva('size-4 rounded-full transition-colors', {\n  variants: {\n    state: {\n      // \u8FDB\u884C\u4E2D\n      'in-progress-light': 'bg-[#F6CD4E]',\n      'in-progress-dark': 'bg-[#D79941]',\n      // \u672A\u5F00\u59CB\n      'not-started-light': 'bg-[#EAEAEC]',\n      'not-started-dark': 'bg-[#1E2024]',\n      // \u5DF2\u5B8C\u6210\uFF08\u4E0E\u8FDB\u884C\u4E2D\u989C\u8272\u4E00\u81F4\uFF09\n      'completed-light': 'bg-[#F6CD4E]',\n      'completed-dark': 'bg-[#D79941]',\n    },\n  },\n  defaultVariants: {\n    state: 'not-started-light',\n  },\n})\n\n/**\n * \u5361\u7247\u6587\u672C\u6837\u5F0F\u53D8\u4F53\uFF08\u652F\u6301\u4E09\u79CD\u65F6\u95F4\u72B6\u6001\uFF09\n */\nconst cardTextVariants = cva('font-bold leading-[1.2]', {\n  variants: {\n    state: {\n      // \u8FDB\u884C\u4E2D\uFF08\u4FDD\u6301\u539F\u6709\u989C\u8272\uFF09\n      'in-progress-light': 'text-[#080A0F]',\n      'in-progress-dark': 'text-white',\n      // \u672A\u5F00\u59CB\uFF0860% \u900F\u660E\u5EA6\uFF09\n      'not-started-light': 'text-[#080A0F]',\n      'not-started-dark': 'text-[#F5F6F7]',\n      // \u5DF2\u5B8C\u6210\uFF0860% \u900F\u660E\u5EA6\uFF09\n      'completed-light': 'text-[#4A4C56]/60',\n      'completed-dark': 'text-[#F5F6F7]/60',\n    },\n  },\n  defaultVariants: {\n    state: 'not-started-light',\n  },\n})\n\n/**\n * \u5361\u7247\u5BB9\u5668\u6837\u5F0F\u53D8\u4F53\uFF08\u652F\u6301\u4E09\u79CD\u65F6\u95F4\u72B6\u6001\uFF09\n */\nconst eventScheduleCardVariants = cva(\n  'laptop:h-[160px] rounded-box relative flex h-[120px] min-w-0 flex-col justify-between gap-2 overflow-hidden',\n  {\n    variants: {\n      state: {\n        // \u8FDB\u884C\u4E2D\n        'in-progress-light': 'bg-[#F4E8BC]',\n        'in-progress-dark': 'bg-[#D79941]',\n        // \u672A\u5F00\u59CB\n        'not-started-light': 'bg-[#EAEAEC]',\n        'not-started-dark': 'bg-[#1E2024]',\n        // \u5DF2\u5B8C\u6210\n        'completed-light': 'bg-[#F4E8BC]',\n        'completed-dark': 'bg-[#D79941]',\n      },\n    },\n    defaultVariants: {\n      state: 'not-started-light',\n    },\n  }\n)\n\n/**\n * \u65F6\u95F4\u8F74\u8282\u70B9\u7EC4\u4EF6 Props\n */\ninterface TimelineNodeProps {\n  /** \u65F6\u95F4\u72B6\u6001 */\n  timeStatus: TimeStatus\n  /** \u4E3B\u9898\u6A21\u5F0F */\n  theme?: 'light' | 'dark'\n  /** \u81EA\u5B9A\u4E49\u7C7B\u540D */\n  className?: string\n  /** \u5F53\u524D\u8282\u70B9\u7D22\u5F15 */\n  index: number\n  /** \u8282\u70B9\u603B\u6570 */\n  nodeLength: number\n}\n\n/**\n * \u65F6\u95F4\u8F74\u8282\u70B9\u7EC4\u4EF6\n */\nconst TimelineNode = ({ timeStatus, theme = 'light', className, index, nodeLength }: TimelineNodeProps) => {\n  // \u8BA1\u7B97\u7EC4\u5408\u72B6\u6001\n  const state = `${timeStatus}-${theme}` as\n    | 'in-progress-light'\n    | 'in-progress-dark'\n    | 'not-started-light'\n    | 'not-started-dark'\n    | 'completed-light'\n    | 'completed-dark'\n\n  // \u5224\u65AD\u9996\u5C3E\u4F4D\u7F6E\n  const isFirst = index === 0\n  const isLast = index === nodeLength - 1\n\n  return (\n    <div className=\"relative my-2 flex h-1 w-full items-center justify-center\">\n      {/* \u8FDB\u5EA6\u6761\u80CC\u666F */}\n      <div\n        className={cn(\n          timelineProgressActiveVariants({ state }),\n          isFirst && 'rounded-l-full',\n          isLast && 'rounded-r-full',\n          className\n        )}\n      />\n      {/* \u65F6\u95F4\u8282\u70B9\u5706\u70B9 */}\n      <div className=\"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2\">\n        <div className={timelineNodeActiveVariants({ state })} />\n      </div>\n    </div>\n  )\n}\n\n/**\n * \u6839\u636E\u65F6\u95F4\u72B6\u6001\u83B7\u53D6\u5BF9\u5E94\u7684\u56FE\u6807\n * @param icon \u72B6\u6001\u5316\u56FE\u6807\u914D\u7F6E\n * @param timeStatus \u65F6\u95F4\u72B6\u6001\n * @returns \u56FE\u6807 Media \u5BF9\u8C61\n */\nconst getIconByTimeStatus = (icon: StateIcon | undefined, timeStatus: TimeStatus): Media | undefined => {\n  if (!icon) return undefined\n  // \u8FDB\u884C\u4E2D\u4F7F\u7528 active \u56FE\u6807\n  if (timeStatus === 'in-progress') return icon.active\n  // \u5DF2\u5B8C\u6210\u4F7F\u7528 completed \u56FE\u6807\uFF08\u5982\u679C\u6709\uFF09\uFF0C\u5426\u5219\u4F7F\u7528 inactive\n  if (timeStatus === 'completed') return icon.completed || icon.inactive\n  // \u672A\u5F00\u59CB\u4F7F\u7528 inactive \u56FE\u6807\n  return icon.inactive\n}\n\n/**\n * \u6D3B\u52A8\u65E5\u7A0B\u5361\u7247\u7EC4\u4EF6\n */\nconst EventScheduleCard = ({\n  timeStatus,\n  item,\n  theme = 'light',\n  className,\n  scheduleCount,\n}: {\n  timeStatus: TimeStatus\n  item: EventScheduleItem\n  theme?: 'light' | 'dark'\n  className?: string\n  scheduleCount: number\n}) => {\n  const currentIcon = React.useMemo(() => {\n    return getIconByTimeStatus(item.icon, timeStatus)\n  }, [item.icon, timeStatus])\n\n  // \u8BA1\u7B97\u7EC4\u5408\u72B6\u6001\n  const cardState = `${timeStatus}-${theme}` as\n    | 'in-progress-light'\n    | 'in-progress-dark'\n    | 'not-started-light'\n    | 'not-started-dark'\n    | 'completed-light'\n    | 'completed-dark'\n\n  return (\n    <div className={cn(eventScheduleCardVariants({ state: cardState }), className)}>\n      {/* \u80CC\u666F\u56FE\u6807 */}\n      {currentIcon && (\n        <div className=\"laptop:w-[128px] desktop:w-[160px] absolute bottom-0 right-0 z-10 w-[120px]\">\n          <Picture source={currentIcon.url} alt={currentIcon.alt} className=\"aspect-square\" />\n        </div>\n      )}\n      {/* \u5185\u5BB9\u533A\u57DF */}\n      <div className=\"tablet:px-4 tablet:py-3 desktop:pl-6 desktop:pr-16 relative z-20 flex h-full flex-col justify-between p-4 pr-8\">\n        <Heading\n          html={item.title}\n          className={cn(\n            scheduleCount >= 4 ? 'desktop:text-[24px]' : 'desktop:text-[32px]',\n            'laptop:text-[24px] line-clamp-1 text-[20px]',\n            cardTextVariants({ state: cardState })\n          )}\n        />\n        {/* \u8BE6\u7EC6\u4FE1\u606F\u5217\u8868 */}\n        <div className=\"flex flex-col gap-0.5\">\n          {item.items.map((detail, index) => (\n            <div key={index} className=\"flex items-center gap-2\">\n              {/* \u56FE\u6807 */}\n              {detail.icon && (\n                <Text\n                  className={cn('desktop:size-6 size-5 shrink-0', cardTextVariants({ state: cardState }))}\n                  html={detail.icon}\n                />\n              )}\n              {/* \u6587\u672C */}\n              <Text\n                html={detail.label}\n                className={cn(\n                  'lg-desktop:text-[18px] desktop:text-[16px] line-clamp-1 flex-1 text-[14px] leading-[1.4]',\n                  cardTextVariants({ state: cardState })\n                )}\n              />\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  )\n}\n\n/**\n * EventSchedule - \u6D3B\u52A8\u65E5\u7A0B\u7EC4\u4EF6\n *\n * @description \u663E\u793A\u6D3B\u52A8\u65E5\u7A0B\u65F6\u95F4\u8F74\u548C\u6D3B\u52A8\u5361\u7247\u5217\u8868\n */\nconst EventSchedule = React.forwardRef<HTMLDivElement, EventScheduleProps>(\n  ({ classNames = {}, data, className, ...rest }, ref) => {\n    const theme = data.theme || 'light'\n    const swiperRef = React.useRef<SwiperType | null>(null)\n    const timelineSwiperRef = React.useRef<SwiperType | null>(null)\n    const isSyncingRef = React.useRef(false) // \u9632\u6B62\u5FAA\u73AF\u89E6\u53D1\n    const itemsPerRow = React.useMemo(() => {\n      return data?.scheduleList?.length || 2\n    }, [data?.scheduleList])\n\n    // \u8BA1\u7B97\u8FDB\u884C\u4E2D item \u7684\u7D22\u5F15\uFF08\u7528\u4E8E\u81EA\u52A8\u6EDA\u52A8\uFF09\n    const activeIndex = React.useMemo(() => {\n      return data.scheduleList.findIndex(item => {\n        const timeStatus = getTimeStatus(item.startDate, item.endDate)\n        return timeStatus === 'in-progress'\n      })\n    }, [data.scheduleList])\n\n    /**\n     * \u751F\u6210\u7EDF\u4E00\u7684 Swiper \u65AD\u70B9\u914D\u7F6E\n     * @param itemsPerRow \u6BCF\u884C\u663E\u793A\u7684\u9879\u76EE\u6570\n     * @param withSpaceBetween \u662F\u5426\u5305\u542B\u95F4\u8DDD\u914D\u7F6E\n     * @returns Swiper \u65AD\u70B9\u914D\u7F6E\u5BF9\u8C61\n     */\n    const generateSwiperBreakpoints = React.useCallback((itemsPerRow: number, withSpaceBetween: boolean = false) => {\n      // \u6839\u636E itemsPerRow \u786E\u5B9A\u4E0D\u540C\u65AD\u70B9\u4E0B\u7684 slidesPerView\n      const getBreakpointConfig = (breakpoint: 'mobile' | 'tablet' | 'laptop' | 'desktop') => {\n        switch (breakpoint) {\n          case 'mobile':\n            return { slidesPerView: 1.17 }\n          case 'tablet':\n            if (itemsPerRow === 2) return { slidesPerView: 2 }\n            return { slidesPerView: 2.4 }\n          case 'laptop':\n            if (itemsPerRow === 2) return {}\n            if (itemsPerRow === 4) return { slidesPerView: 3.2 }\n            return { slidesPerView: itemsPerRow }\n          case 'desktop':\n            if (itemsPerRow === 2) return { slidesPerView: 2 }\n            return { slidesPerView: itemsPerRow }\n        }\n      }\n\n      const mobileConfig = getBreakpointConfig('mobile')\n      const tabletConfig = getBreakpointConfig('tablet')\n      const laptopConfig = getBreakpointConfig('laptop')\n      const desktopConfig = getBreakpointConfig('desktop')\n\n      // \u5982\u679C\u9700\u8981 spaceBetween\uFF0C\u5219\u6DFB\u52A0\u5230\u914D\u7F6E\u4E2D\n      if (withSpaceBetween) {\n        return {\n          0: { ...mobileConfig, spaceBetween: 12 },\n          768: { ...tabletConfig, spaceBetween: 12 },\n          1024: { ...laptopConfig, spaceBetween: 16 },\n          1440: { ...desktopConfig, spaceBetween: 16 },\n        }\n      }\n\n      return {\n        0: mobileConfig,\n        768: tabletConfig,\n        1024: laptopConfig,\n        1440: desktopConfig,\n      }\n    }, [])\n\n    // \u6839\u636E itemsPerRow \u914D\u7F6E\u54CD\u5E94\u5F0F\u65AD\u70B9\uFF08\u5361\u7247 Swiper - \u5305\u542B\u95F4\u8DDD\uFF09\n    const swiperBreakpoints = React.useMemo(() => {\n      return generateSwiperBreakpoints(itemsPerRow, true)\n    }, [itemsPerRow, generateSwiperBreakpoints])\n\n    // \u65F6\u95F4\u8F74 Swiper \u65AD\u70B9\u914D\u7F6E\uFF08\u4E0D\u5305\u542B\u95F4\u8DDD\uFF09\n    const timeNodeSwiperBreakpoints = React.useMemo(() => {\n      return generateSwiperBreakpoints(itemsPerRow, false)\n    }, [itemsPerRow, generateSwiperBreakpoints])\n\n    const showTimeline = data.showTimeline !== false // \u9ED8\u8BA4\u4E3A true\n\n    // \u540C\u6B65\u4E24\u4E2A Swiper \u7684\u6ED1\u52A8\n    const handleCardSwiperSlideChange = React.useCallback((swiper: SwiperType) => {\n      if (isSyncingRef.current || !timelineSwiperRef.current) return\n      isSyncingRef.current = true\n      timelineSwiperRef.current.slideTo(swiper.activeIndex, swiper.params.speed)\n      // \u5EF6\u8FDF\u91CD\u7F6E\u6807\u5FD7\uFF0C\u786E\u4FDD\u540C\u6B65\u5B8C\u6210\n      setTimeout(() => {\n        isSyncingRef.current = false\n      }, 50)\n    }, [])\n\n    const handleTimelineSwiperSlideChange = React.useCallback((swiper: SwiperType) => {\n      if (isSyncingRef.current || !swiperRef.current) return\n      isSyncingRef.current = true\n      swiperRef.current.slideTo(swiper.activeIndex, swiper.params.speed)\n      // \u5EF6\u8FDF\u91CD\u7F6E\u6807\u5FD7\uFF0C\u786E\u4FDD\u540C\u6B65\u5B8C\u6210\n      setTimeout(() => {\n        isSyncingRef.current = false\n      }, 50)\n    }, [])\n\n    // \u81EA\u52A8\u6EDA\u52A8\u5230 active item\n    React.useEffect(() => {\n      if (swiperRef.current && timelineSwiperRef.current && activeIndex >= 0) {\n        // \u5EF6\u8FDF\u6267\u884C\uFF0C\u786E\u4FDD Swiper \u5DF2\u7ECF\u5B8C\u5168\u521D\u59CB\u5316\n        setTimeout(() => {\n          isSyncingRef.current = true\n          swiperRef.current?.slideTo(activeIndex, 500)\n          timelineSwiperRef.current?.slideTo(activeIndex, 500)\n          setTimeout(() => {\n            isSyncingRef.current = false\n          }, 600)\n        }, 100)\n      }\n    }, [activeIndex])\n\n    return (\n      <div\n        {...rest}\n        ref={ref}\n        className={cn(\n          'tablet:px-8 laptop:px-16 desktop:px-16 lg-desktop:px-[calc(50%-832px)] overflow-hidden px-4',\n          classNames?.root,\n          className\n        )}\n      >\n        {showTimeline && (\n          <Swiper\n            breakpoints={timeNodeSwiperBreakpoints}\n            className=\"h-4 w-full !overflow-visible\"\n            onSwiper={swiper => {\n              timelineSwiperRef.current = swiper\n            }}\n            onSlideChange={handleTimelineSwiperSlideChange}\n          >\n            {data.scheduleList.map((item, index) => {\n              const timeStatus = getTimeStatus(item.startDate, item.endDate)\n              return (\n                <SwiperSlide key={'timelineNode' + index} className=\"\">\n                  <TimelineNode\n                    className={classNames?.timeline}\n                    timeStatus={timeStatus}\n                    theme={theme}\n                    index={index}\n                    nodeLength={data.scheduleList.length}\n                  />\n                </SwiperSlide>\n              )\n            })}\n          </Swiper>\n        )}\n        <Swiper\n          breakpoints={swiperBreakpoints}\n          className=\"w-full !overflow-visible\"\n          onSwiper={swiper => {\n            swiperRef.current = swiper\n          }}\n          onSlideChange={handleCardSwiperSlideChange}\n        >\n          {data.scheduleList.map((item, index) => {\n            const timeStatus = getTimeStatus(item.startDate, item.endDate)\n            return (\n              <SwiperSlide key={'SwiperSlideItem' + index}>\n                <EventScheduleCard\n                  timeStatus={timeStatus}\n                  className={cn(showTimeline ? 'laptop:mt-4 mt-2' : '', classNames?.eventScheduleCard)}\n                  item={item}\n                  theme={theme}\n                  scheduleCount={data.scheduleList.length}\n                />\n              </SwiperSlide>\n            )\n          })}\n        </Swiper>\n      </div>\n    )\n  }\n)\n\nEventSchedule.displayName = 'EventSchedule'\nexport default EventSchedule\n\n// \u5BFC\u51FA\u7C7B\u578B\u4F9B\u5916\u90E8\u4F7F\u7528\n// export type { StateIcon, EventScheduleItem, EventScheduleData, EventScheduleProps }\n"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "React", "cn", "Text", "Picture", "Heading", "Swiper", "SwiperSlide", "dayjs", "cva", "getTimeStatus", "startDate", "endDate", "now", "start", "end", "timelineProgressActiveVariants", "timelineNodeActiveVariants", "cardTextVariants", "eventScheduleCardVariants", "TimelineNode", "timeStatus", "theme", "className", "index", "nodeLength", "state", "isFirst", "isLast", "getIconByTimeStatus", "icon", "EventScheduleCard", "item", "scheduleCount", "currentIcon", "cardState", "detail", "EventSchedule", "classNames", "data", "rest", "ref", "swiperRef", "timelineSwiperRef", "isSyncingRef", "itemsPerRow", "activeIndex", "generateSwiperBreakpoints", "withSpaceBetween", "getBreakpointConfig", "breakpoint", "mobileConfig", "tabletConfig", "laptopConfig", "desktopConfig", "swiperBreakpoints", "timeNodeSwiperBreakpoints", "showTimeline", "handleCardSwiperSlideChange", "swiper", "handleTimelineSwiperSlideChange", "EventSchedule_default"]
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport { Text, Picture, Heading, Container } from '../../components/index.js'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport type { Swiper as SwiperType } from 'swiper'\nimport dayjs from 'dayjs'\nimport { cva } from 'class-variance-authority'\nimport type { Media } from '../../types/props.js'\nexport type EventScheduleSemanticName = 'root' | 'timeline' | 'eventScheduleCard'\n\n/**\n * \u65F6\u95F4\u72B6\u6001\u7C7B\u578B\n */\nexport type TimeStatus = 'completed' | 'in-progress' | 'not-started'\n\n/**\n * \u72B6\u6001\u5316\u56FE\u6807\u914D\u7F6E\n */\nexport interface StateIcon {\n  /** \u6FC0\u6D3B\u72B6\u6001\u7684\u56FE\u6807\uFF08\u8FDB\u884C\u4E2D\uFF09 */\n  active: Media\n  /** \u975E\u6FC0\u6D3B\u72B6\u6001\u7684\u56FE\u6807\uFF08\u672A\u5F00\u59CB\uFF09 */\n  inactive: Media\n  /** \u5DF2\u5B8C\u6210\u72B6\u6001\u7684\u56FE\u6807\uFF08\u53EF\u9009\uFF0C\u4E0D\u63D0\u4F9B\u5219\u4F7F\u7528 inactive\uFF09 */\n  completed?: Media\n}\n\n/**\n * \u6D3B\u52A8\u65E5\u7A0B\u9879\u6570\u636E\u63A5\u53E3\n */\nexport interface EventScheduleItem {\n  /** \u6807\u9898 */\n  title: string\n  /** \u5F00\u59CB\u65E5\u671F\uFF08ISO 8601 \u683C\u5F0F\u6216\u4EFB\u4F55 dayjs \u652F\u6301\u7684\u683C\u5F0F\uFF0C\u5982 '2024-12-01'\uFF09 */\n  startDate: string\n  /** \u7ED3\u675F\u65E5\u671F\uFF08ISO 8601 \u683C\u5F0F\u6216\u4EFB\u4F55 dayjs \u652F\u6301\u7684\u683C\u5F0F\uFF0C\u5982 '2024-12-31'\uFF09 */\n  endDate: string\n  /**\n   * \u5361\u7247\u80CC\u666F\u56FE\u6807\u914D\u7F6E\uFF0C\u72B6\u6001\u5316\u56FE\u6807\uFF08\u5FC5\u987B\u5305\u542B active \u548C inactive\uFF09\n   *\n   * @example\n   * icon: {\n   *   active: { url: \"https://example.com/active-icon.svg\", alt: \"Active Icon\" },\n   *   inactive: { url: \"https://example.com/inactive-icon.svg\", alt: \"Inactive Icon\" }\n   * }\n   */\n  icon?: StateIcon\n  /** \u8BE6\u7EC6\u4FE1\u606F\u5217\u8868 */\n  items: {\n    /** \u56FE\u6807 (SVG \u5B57\u7B26\u4E32\u6216 URL) */\n    icon?: string\n    /** \u6587\u672C\u5185\u5BB9 */\n    label: string\n  }[]\n}\n\n/**\n * EventSchedule \u4E1A\u52A1\u7EC4\u4EF6\u6570\u636E\u63A5\u53E3\n */\nexport interface EventScheduleData {\n  /** \u65E5\u7A0B\u5217\u8868 */\n  scheduleList: EventScheduleItem[]\n  /** \u662F\u5426\u663E\u793A\u65F6\u95F4\u8F74\uFF0C\u9ED8\u8BA4\u4E3A true */\n  showTimeline?: boolean\n  /** \u4E3B\u9898\u6A21\u5F0F */\n  theme?: 'light' | 'dark'\n}\n\nexport interface EventScheduleProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u4E1A\u52A1\u6570\u636E */\n  data: EventScheduleData\n  classNames?: Partial<Record<EventScheduleSemanticName, string>>\n}\n\n/**\n * \u83B7\u53D6\u65F6\u95F4\u72B6\u6001\n * @param startDate \u5F00\u59CB\u65E5\u671F\n * @param endDate \u7ED3\u675F\u65E5\u671F\n * @returns \u65F6\u95F4\u72B6\u6001\uFF1Acompleted\uFF08\u5DF2\u5B8C\u6210\uFF09\u3001in-progress\uFF08\u8FDB\u884C\u4E2D\uFF09\u3001not-started\uFF08\u672A\u5F00\u59CB\uFF09\n */\nconst getTimeStatus = (startDate: string, endDate: string): TimeStatus => {\n  const now = dayjs()\n  const start = dayjs(startDate).startOf('day')\n  const end = dayjs(endDate).endOf('day')\n\n  // \u5F53\u524D\u65F6\u95F4\u5728\u7ED3\u675F\u65F6\u95F4\u4E4B\u540E - \u5DF2\u5B8C\u6210\n  if (now.isAfter(end)) {\n    return 'completed'\n  }\n\n  // \u5F53\u524D\u65F6\u95F4\u5728\u5F00\u59CB\u65F6\u95F4\u4E4B\u524D - \u672A\u5F00\u59CB\n  if (now.isBefore(start)) {\n    return 'not-started'\n  }\n\n  // \u5F53\u524D\u65F6\u95F4\u5728\u5F00\u59CB\u548C\u7ED3\u675F\u4E4B\u95F4 - \u8FDB\u884C\u4E2D\n  return 'in-progress'\n}\n\n/**\n * \u65F6\u95F4\u8F74\u8FDB\u5EA6\u6761\u6837\u5F0F\u53D8\u4F53\uFF08\u652F\u6301\u4E09\u79CD\u65F6\u95F4\u72B6\u6001\uFF09\n */\nconst timelineProgressActiveVariants = cva('h-1 w-full overflow-hidden', {\n  variants: {\n    state: {\n      // \u8FDB\u884C\u4E2D\n      'in-progress-light': 'bg-[#F6CD4E]',\n      'in-progress-dark': 'bg-[#D79941]',\n      // \u672A\u5F00\u59CB\n      'not-started-light': 'bg-[#EAEAEC]',\n      'not-started-dark': 'bg-[#1E2024]',\n      // \u5DF2\u5B8C\u6210\n      'completed-light': 'bg-[#F6CD4E]',\n      'completed-dark': 'bg-[#D79941]',\n    },\n  },\n  defaultVariants: {\n    state: 'not-started-light',\n  },\n})\n\n/**\n * \u65F6\u95F4\u8F74\u8282\u70B9\u6837\u5F0F\u53D8\u4F53\uFF08\u652F\u6301\u4E09\u79CD\u65F6\u95F4\u72B6\u6001\uFF09\n */\nconst timelineNodeActiveVariants = cva('size-4 rounded-full transition-colors', {\n  variants: {\n    state: {\n      // \u8FDB\u884C\u4E2D\n      'in-progress-light': 'bg-[#F6CD4E]',\n      'in-progress-dark': 'bg-[#D79941]',\n      // \u672A\u5F00\u59CB\n      'not-started-light': 'bg-[#EAEAEC]',\n      'not-started-dark': 'bg-[#1E2024]',\n      // \u5DF2\u5B8C\u6210\uFF08\u4E0E\u8FDB\u884C\u4E2D\u989C\u8272\u4E00\u81F4\uFF09\n      'completed-light': 'bg-[#F6CD4E]',\n      'completed-dark': 'bg-[#D79941]',\n    },\n  },\n  defaultVariants: {\n    state: 'not-started-light',\n  },\n})\n\n/**\n * \u5361\u7247\u6587\u672C\u6837\u5F0F\u53D8\u4F53\uFF08\u652F\u6301\u4E09\u79CD\u65F6\u95F4\u72B6\u6001\uFF09\n */\nconst cardTextVariants = cva('font-bold leading-[1.2]', {\n  variants: {\n    state: {\n      // \u8FDB\u884C\u4E2D\uFF08\u4FDD\u6301\u539F\u6709\u989C\u8272\uFF09\n      'in-progress-light': 'text-[#080A0F]',\n      'in-progress-dark': 'text-white',\n      // \u672A\u5F00\u59CB\uFF0860% \u900F\u660E\u5EA6\uFF09\n      'not-started-light': 'text-[#080A0F]',\n      'not-started-dark': 'text-[#F5F6F7]',\n      // \u5DF2\u5B8C\u6210\uFF0860% \u900F\u660E\u5EA6\uFF09\n      'completed-light': 'text-[#4A4C56]/60',\n      'completed-dark': 'text-[#F5F6F7]/60',\n    },\n  },\n  defaultVariants: {\n    state: 'not-started-light',\n  },\n})\n\n/**\n * \u5361\u7247\u5BB9\u5668\u6837\u5F0F\u53D8\u4F53\uFF08\u652F\u6301\u4E09\u79CD\u65F6\u95F4\u72B6\u6001\uFF09\n */\nconst eventScheduleCardVariants = cva(\n  'laptop:h-[160px] rounded-box relative flex h-[120px] min-w-0 flex-col justify-between gap-2 overflow-hidden',\n  {\n    variants: {\n      state: {\n        // \u8FDB\u884C\u4E2D\n        'in-progress-light': 'bg-[#F4E8BC]',\n        'in-progress-dark': 'bg-[#D79941]',\n        // \u672A\u5F00\u59CB\n        'not-started-light': 'bg-[#EAEAEC]',\n        'not-started-dark': 'bg-[#1E2024]',\n        // \u5DF2\u5B8C\u6210\n        'completed-light': 'bg-[#F4E8BC]',\n        'completed-dark': 'bg-[#D79941]',\n      },\n    },\n    defaultVariants: {\n      state: 'not-started-light',\n    },\n  }\n)\n\n/**\n * \u65F6\u95F4\u8F74\u8282\u70B9\u7EC4\u4EF6 Props\n */\ninterface TimelineNodeProps {\n  /** \u65F6\u95F4\u72B6\u6001 */\n  timeStatus: TimeStatus\n  /** \u4E3B\u9898\u6A21\u5F0F */\n  theme?: 'light' | 'dark'\n  /** \u81EA\u5B9A\u4E49\u7C7B\u540D */\n  className?: string\n  /** \u5F53\u524D\u8282\u70B9\u7D22\u5F15 */\n  index: number\n  /** \u8282\u70B9\u603B\u6570 */\n  nodeLength: number\n}\n\n/**\n * \u65F6\u95F4\u8F74\u8282\u70B9\u7EC4\u4EF6\n */\nconst TimelineNode = ({ timeStatus, theme = 'light', className, index, nodeLength }: TimelineNodeProps) => {\n  // \u8BA1\u7B97\u7EC4\u5408\u72B6\u6001\n  const state = `${timeStatus}-${theme}` as\n    | 'in-progress-light'\n    | 'in-progress-dark'\n    | 'not-started-light'\n    | 'not-started-dark'\n    | 'completed-light'\n    | 'completed-dark'\n\n  // \u5224\u65AD\u9996\u5C3E\u4F4D\u7F6E\n  const isFirst = index === 0\n  const isLast = index === nodeLength - 1\n\n  return (\n    <div className=\"relative my-2 flex h-1 w-full items-center justify-center\">\n      {/* \u8FDB\u5EA6\u6761\u80CC\u666F */}\n      <div\n        className={cn(\n          timelineProgressActiveVariants({ state }),\n          isFirst && 'rounded-l-full',\n          isLast && 'rounded-r-full',\n          className\n        )}\n      />\n      {/* \u65F6\u95F4\u8282\u70B9\u5706\u70B9 */}\n      <div className=\"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2\">\n        <div className={timelineNodeActiveVariants({ state })} />\n      </div>\n    </div>\n  )\n}\n\n/**\n * \u6839\u636E\u65F6\u95F4\u72B6\u6001\u83B7\u53D6\u5BF9\u5E94\u7684\u56FE\u6807\n * @param icon \u72B6\u6001\u5316\u56FE\u6807\u914D\u7F6E\n * @param timeStatus \u65F6\u95F4\u72B6\u6001\n * @returns \u56FE\u6807 Media \u5BF9\u8C61\n */\nconst getIconByTimeStatus = (icon: StateIcon | undefined, timeStatus: TimeStatus): Media | undefined => {\n  if (!icon) return undefined\n  // \u8FDB\u884C\u4E2D\u4F7F\u7528 active \u56FE\u6807\n  if (timeStatus === 'in-progress') return icon.active\n  // \u5DF2\u5B8C\u6210\u4F7F\u7528 completed \u56FE\u6807\uFF08\u5982\u679C\u6709\uFF09\uFF0C\u5426\u5219\u4F7F\u7528 inactive\n  if (timeStatus === 'completed') return icon.completed || icon.inactive\n  // \u672A\u5F00\u59CB\u4F7F\u7528 inactive \u56FE\u6807\n  return icon.inactive\n}\n\n/**\n * \u6D3B\u52A8\u65E5\u7A0B\u5361\u7247\u7EC4\u4EF6\n */\nconst EventScheduleCard = ({\n  timeStatus,\n  item,\n  theme = 'light',\n  className,\n  scheduleCount,\n}: {\n  timeStatus: TimeStatus\n  item: EventScheduleItem\n  theme?: 'light' | 'dark'\n  className?: string\n  scheduleCount: number\n}) => {\n  const currentIcon = React.useMemo(() => {\n    return getIconByTimeStatus(item.icon, timeStatus)\n  }, [item.icon, timeStatus])\n\n  // \u8BA1\u7B97\u7EC4\u5408\u72B6\u6001\n  const cardState = `${timeStatus}-${theme}` as\n    | 'in-progress-light'\n    | 'in-progress-dark'\n    | 'not-started-light'\n    | 'not-started-dark'\n    | 'completed-light'\n    | 'completed-dark'\n\n  return (\n    <div className={cn(eventScheduleCardVariants({ state: cardState }), className)}>\n      {/* \u80CC\u666F\u56FE\u6807 */}\n      {currentIcon && (\n        <div className=\"laptop:w-[128px] desktop:w-[160px] absolute bottom-0 right-0 z-10 w-[120px]\">\n          <Picture source={currentIcon.url} alt={currentIcon.alt} className=\"aspect-square\" />\n        </div>\n      )}\n      {/* \u5185\u5BB9\u533A\u57DF */}\n      <div className=\"tablet:px-4 tablet:py-3 desktop:pl-6 desktop:pr-16 relative z-20 flex h-full flex-col justify-between p-4 pr-8\">\n        <Heading\n          html={item.title}\n          className={cn(\n            scheduleCount >= 4 ? 'desktop:text-[24px]' : 'desktop:text-[32px]',\n            'laptop:text-[24px] line-clamp-1 text-[20px]',\n            cardTextVariants({ state: cardState })\n          )}\n        />\n        {/* \u8BE6\u7EC6\u4FE1\u606F\u5217\u8868 */}\n        <div className=\"flex flex-col gap-0.5\">\n          {item.items.map((detail, index) => (\n            <div key={index} className=\"flex items-center gap-2\">\n              {/* \u56FE\u6807 */}\n              {detail.icon && (\n                <Text\n                  className={cn('desktop:size-6 size-5 shrink-0', cardTextVariants({ state: cardState }))}\n                  html={detail.icon}\n                />\n              )}\n              {/* \u6587\u672C */}\n              <Text\n                html={detail.label}\n                className={cn(\n                  'lg-desktop:text-[18px] desktop:text-[16px] line-clamp-1 flex-1 text-[14px] leading-[1.4]',\n                  cardTextVariants({ state: cardState })\n                )}\n              />\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  )\n}\n\n/**\n * EventSchedule - \u6D3B\u52A8\u65E5\u7A0B\u7EC4\u4EF6\n *\n * @description \u663E\u793A\u6D3B\u52A8\u65E5\u7A0B\u65F6\u95F4\u8F74\u548C\u6D3B\u52A8\u5361\u7247\u5217\u8868\n */\nconst EventSchedule = React.forwardRef<HTMLDivElement, EventScheduleProps>(\n  ({ classNames = {}, data, className, ...rest }, ref) => {\n    const theme = data.theme || 'light'\n    const swiperRef = React.useRef<SwiperType | null>(null)\n    const timelineSwiperRef = React.useRef<SwiperType | null>(null)\n    const isSyncingRef = React.useRef(false) // \u9632\u6B62\u5FAA\u73AF\u89E6\u53D1\n    const itemsPerRow = React.useMemo(() => {\n      return data?.scheduleList?.length || 2\n    }, [data?.scheduleList])\n\n    // \u8BA1\u7B97\u8FDB\u884C\u4E2D item \u7684\u7D22\u5F15\uFF08\u7528\u4E8E\u81EA\u52A8\u6EDA\u52A8\uFF09\n    const activeIndex = React.useMemo(() => {\n      return data.scheduleList.findIndex(item => {\n        const timeStatus = getTimeStatus(item.startDate, item.endDate)\n        return timeStatus === 'in-progress'\n      })\n    }, [data.scheduleList])\n\n    /**\n     * \u751F\u6210\u7EDF\u4E00\u7684 Swiper \u65AD\u70B9\u914D\u7F6E\n     * @param itemsPerRow \u6BCF\u884C\u663E\u793A\u7684\u9879\u76EE\u6570\n     * @param withSpaceBetween \u662F\u5426\u5305\u542B\u95F4\u8DDD\u914D\u7F6E\n     * @returns Swiper \u65AD\u70B9\u914D\u7F6E\u5BF9\u8C61\n     */\n    const generateSwiperBreakpoints = React.useCallback((itemsPerRow: number, withSpaceBetween: boolean = false) => {\n      // \u6839\u636E itemsPerRow \u786E\u5B9A\u4E0D\u540C\u65AD\u70B9\u4E0B\u7684 slidesPerView\n      const getBreakpointConfig = (breakpoint: 'mobile' | 'tablet' | 'laptop' | 'desktop') => {\n        switch (breakpoint) {\n          case 'mobile':\n            return { slidesPerView: 1.17 }\n          case 'tablet':\n            if (itemsPerRow === 2) return { slidesPerView: 2 }\n            return { slidesPerView: 2.4 }\n          case 'laptop':\n            if (itemsPerRow === 2) return {}\n            if (itemsPerRow === 4) return { slidesPerView: 3.2 }\n            return { slidesPerView: itemsPerRow }\n          case 'desktop':\n            if (itemsPerRow === 2) return { slidesPerView: 2 }\n            return { slidesPerView: itemsPerRow }\n        }\n      }\n\n      const mobileConfig = getBreakpointConfig('mobile')\n      const tabletConfig = getBreakpointConfig('tablet')\n      const laptopConfig = getBreakpointConfig('laptop')\n      const desktopConfig = getBreakpointConfig('desktop')\n\n      // \u5982\u679C\u9700\u8981 spaceBetween\uFF0C\u5219\u6DFB\u52A0\u5230\u914D\u7F6E\u4E2D\n      if (withSpaceBetween) {\n        return {\n          0: { ...mobileConfig, spaceBetween: 12 },\n          768: { ...tabletConfig, spaceBetween: 12 },\n          1024: { ...laptopConfig, spaceBetween: 16 },\n          1440: { ...desktopConfig, spaceBetween: 16 },\n        }\n      }\n\n      return {\n        0: mobileConfig,\n        768: tabletConfig,\n        1024: laptopConfig,\n        1440: desktopConfig,\n      }\n    }, [])\n\n    // \u6839\u636E itemsPerRow \u914D\u7F6E\u54CD\u5E94\u5F0F\u65AD\u70B9\uFF08\u5361\u7247 Swiper - \u5305\u542B\u95F4\u8DDD\uFF09\n    const swiperBreakpoints = React.useMemo(() => {\n      return generateSwiperBreakpoints(itemsPerRow, true)\n    }, [itemsPerRow, generateSwiperBreakpoints])\n\n    // \u65F6\u95F4\u8F74 Swiper \u65AD\u70B9\u914D\u7F6E\uFF08\u4E0D\u5305\u542B\u95F4\u8DDD\uFF09\n    const timeNodeSwiperBreakpoints = React.useMemo(() => {\n      return generateSwiperBreakpoints(itemsPerRow, false)\n    }, [itemsPerRow, generateSwiperBreakpoints])\n\n    const showTimeline = data.showTimeline !== false // \u9ED8\u8BA4\u4E3A true\n\n    // \u540C\u6B65\u4E24\u4E2A Swiper \u7684\u6ED1\u52A8\n    const handleCardSwiperSlideChange = React.useCallback((swiper: SwiperType) => {\n      if (isSyncingRef.current || !timelineSwiperRef.current) return\n      isSyncingRef.current = true\n      timelineSwiperRef.current.slideTo(swiper.activeIndex, swiper.params.speed)\n      // \u5EF6\u8FDF\u91CD\u7F6E\u6807\u5FD7\uFF0C\u786E\u4FDD\u540C\u6B65\u5B8C\u6210\n      setTimeout(() => {\n        isSyncingRef.current = false\n      }, 50)\n    }, [])\n\n    const handleTimelineSwiperSlideChange = React.useCallback((swiper: SwiperType) => {\n      if (isSyncingRef.current || !swiperRef.current) return\n      isSyncingRef.current = true\n      swiperRef.current.slideTo(swiper.activeIndex, swiper.params.speed)\n      // \u5EF6\u8FDF\u91CD\u7F6E\u6807\u5FD7\uFF0C\u786E\u4FDD\u540C\u6B65\u5B8C\u6210\n      setTimeout(() => {\n        isSyncingRef.current = false\n      }, 50)\n    }, [])\n\n    // \u81EA\u52A8\u6EDA\u52A8\u5230 active item\n    React.useEffect(() => {\n      if (swiperRef.current && timelineSwiperRef.current && activeIndex >= 0) {\n        // \u5EF6\u8FDF\u6267\u884C\uFF0C\u786E\u4FDD Swiper \u5DF2\u7ECF\u5B8C\u5168\u521D\u59CB\u5316\n        setTimeout(() => {\n          isSyncingRef.current = true\n          swiperRef.current?.slideTo(activeIndex, 500)\n          timelineSwiperRef.current?.slideTo(activeIndex, 500)\n          setTimeout(() => {\n            isSyncingRef.current = false\n          }, 600)\n        }, 100)\n      }\n    }, [activeIndex])\n\n    return (\n      <Container {...rest} ref={ref} className={cn('overflow-hidden', classNames?.root, className)}>\n        {showTimeline && (\n          <Swiper\n            breakpoints={timeNodeSwiperBreakpoints}\n            className=\"h-4 w-full !overflow-visible\"\n            onSwiper={swiper => {\n              timelineSwiperRef.current = swiper\n            }}\n            onSlideChange={handleTimelineSwiperSlideChange}\n          >\n            {data.scheduleList.map((item, index) => {\n              const timeStatus = getTimeStatus(item.startDate, item.endDate)\n              return (\n                <SwiperSlide key={'timelineNode' + index} className=\"\">\n                  <TimelineNode\n                    className={classNames?.timeline}\n                    timeStatus={timeStatus}\n                    theme={theme}\n                    index={index}\n                    nodeLength={data.scheduleList.length}\n                  />\n                </SwiperSlide>\n              )\n            })}\n          </Swiper>\n        )}\n        <Swiper\n          breakpoints={swiperBreakpoints}\n          className=\"w-full !overflow-visible\"\n          onSwiper={swiper => {\n            swiperRef.current = swiper\n          }}\n          onSlideChange={handleCardSwiperSlideChange}\n        >\n          {data.scheduleList.map((item, index) => {\n            const timeStatus = getTimeStatus(item.startDate, item.endDate)\n            return (\n              <SwiperSlide key={'SwiperSlideItem' + index}>\n                <EventScheduleCard\n                  timeStatus={timeStatus}\n                  className={cn(showTimeline ? 'laptop:mt-4 mt-2' : '', classNames?.eventScheduleCard)}\n                  item={item}\n                  theme={theme}\n                  scheduleCount={data.scheduleList.length}\n                />\n              </SwiperSlide>\n            )\n          })}\n        </Swiper>\n      </Container>\n    )\n  }\n)\n\nEventSchedule.displayName = 'EventSchedule'\nexport default EventSchedule\n\n// \u5BFC\u51FA\u7C7B\u578B\u4F9B\u5916\u90E8\u4F7F\u7528\n// export type { StateIcon, EventScheduleItem, EventScheduleData, EventScheduleProps }\n"],
+  "mappings": "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",
+  "names": ["jsx", "jsxs", "React", "cn", "Text", "Picture", "Heading", "Container", "Swiper", "SwiperSlide", "dayjs", "cva", "getTimeStatus", "startDate", "endDate", "now", "start", "end", "timelineProgressActiveVariants", "timelineNodeActiveVariants", "cardTextVariants", "eventScheduleCardVariants", "TimelineNode", "timeStatus", "theme", "className", "index", "nodeLength", "state", "isFirst", "isLast", "getIconByTimeStatus", "icon", "EventScheduleCard", "item", "scheduleCount", "currentIcon", "cardState", "detail", "EventSchedule", "classNames", "data", "rest", "ref", "swiperRef", "timelineSwiperRef", "isSyncingRef", "itemsPerRow", "activeIndex", "generateSwiperBreakpoints", "withSpaceBetween", "getBreakpointConfig", "breakpoint", "mobileConfig", "tabletConfig", "laptopConfig", "desktopConfig", "swiperBreakpoints", "timeNodeSwiperBreakpoints", "showTimeline", "handleCardSwiperSlideChange", "swiper", "handleTimelineSwiperSlideChange", "EventSchedule_default"]
 }

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

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as i}from"react/jsx-runtime";import{useEffect as N,useMemo as A,useState as k}from"react";import{Text as n,Container as D,Link as f}from"../../components/index.js";import F from"../Subscribe/index.js";import{FooterNavigationBlockType as y}from"./types.js";import{AddIcon as w,SubtractIcon as B,ArrowRightIcon as z,CountryIcon as E}from"./icons/index.js";import{useMediaQuery as C}from"react-responsive";import{cn as m,getLocalizedPath as u}from"../../helpers/utils.js";import{useAiuiContext as h}from"../AiuiProvider/index.js";import{withLayout as S}from"../../shared/Styles.js";const $=({data:{footer:a}={},currentCountry:d,event:l,subscribeLoading:p,classNames:o,className:s,...b})=>{const[c,r]=k(!1),g=C({query:"(max-width: 1439px)"});N(()=>{r(g)},[g]);const x=A(()=>a?.blocks?.find(t=>t?.blockType===y.Brand)?.country||{},[a]);return e("footer",{...b,className:m(o?.root,s),children:i(D,{className:m(o?.child),childClassName:m("laptop:py-16 desktop:gap-16 flex flex-col gap-8 bg-black py-8"),children:[e(n,{html:a?.story,className:"desktop:text-sm text-xs font-bold text-[#6D6D6F]"}),a?.blocks?.map(t=>{if(t?.blockType===y.Signup)return e(T,{subscribeLoading:p,data:t,onSubmit:l?.signup},t.id);if(t?.blockType===y.Brand)return e(O,{data:t,isMobile:c,event:l,currentCountry:d},t?.id);if(t?.blockType===y.Main)return e(P,{data:{...t,country:x},event:l,isMobile:c,currentCountry:d},t.id)})]})})},T=({data:a,onSubmit:d,subscribeLoading:l})=>{const{locale:p="us"}=h();return i("div",{className:"desktop:py-16 desktop:gap-16 laptop:px-8 desktop:flex-row rounded-btn flex flex-col gap-8 bg-[#1E2024] px-4 py-8",children:[e(F,{subscribeMetadata:a?.signup,className:"desktop:flex-[744]",onSubmit:d,loading:l}),e("div",{className:"desktop:hidden h-px w-full bg-[#3D3E3F]"}),i("div",{className:"desktop:gap-6 laptop:flex-row desktop:flex-[792] flex flex-col gap-4",children:[i("div",{className:"flex-1",children:[e(n,{html:a?.enjoy?.title,className:" text-xl font-bold leading-[1.2] text-white"}),e("div",{className:"mt-4 flex flex-col gap-2",children:a?.enjoy?.enjoys?.map(o=>i("div",{className:"flex-start flex gap-2",children:[e("img",{src:o?.icon?.url,loading:"lazy",alt:o?.icon?.alt||"",className:"size-5 shrink-0"}),e(n,{html:o?.label,className:"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA]"})]},o?.id))})]}),e("div",{className:"desktop:block hidden w-px bg-[#3D3E3F]"}),i("div",{className:"flex-1",children:[e(n,{html:a?.benefit?.title,className:"text-xl font-bold leading-[1.2] text-white"}),e("div",{className:"mt-4 flex flex-col gap-2",children:a?.benefit?.benefits?.map(o=>e(f,{href:`${u(o?.link,p)}?ref=footer`,asChild:!o?.link,className:"no-underline",children:e(n,{html:o?.label,className:"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] hover:text-white"})},o?.id))})]})]})]})},P=({data:a,event:d,isMobile:l,currentCountry:p})=>{const{locale:o="us"}=h(),[s,b]=k(!1),{services:c,mainNav:r,country:g}=a,x="contact-section";return i("nav",{className:"flex flex-col gap-8","aria-label":"Main navigation",children:[i("div",{className:m({"desktop:gap-16 flex":c?.download?.title}),children:[i("div",{className:m("w-full",{"desktop:flex-[1260]":c?.download?.title}),children:[e(n,{html:c?.storeBenefits?.title,className:" text-xl font-bold leading-[1.2] text-white"}),e("div",{className:m("laptop:flex-row desktop:gap-4 laptop:flex-wrap mt-4 flex flex-col gap-2",{"desktop:max-w-[648px]":c?.download?.title}),children:c?.storeBenefits?.reasons?.map(t=>i("div",{className:"desktop:min-w-[288px] flex flex-1 shrink-0 items-center gap-2",children:[e("img",{src:t?.icon?.url,loading:"lazy",alt:t?.icon?.alt||"",className:"size-5 shrink-0"}),e(f,{href:`${u(t?.link,o)}?ref=footer`,asChild:!t?.link,className:"no-underline",children:e(n,{html:t?.label,className:"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA]"})})]},t?.id))})]}),e(M,{className:m({"desktop:flex-[404] hidden desktop:block":c?.download?.title}),title:c?.download?.title,apps:c?.download?.apps})]}),e("div",{className:"desktop:block hidden h-px bg-[#3D3E3F]","aria-hidden":"true"}),i("div",{className:"desktop:grid grid-cols-4 gap-4",children:[e(v,{title:r?.products?.title,lists:r?.products?.products}),e(v,{title:r?.explore?.title,lists:r?.explore?.explores}),e(v,{title:r?.support?.title,lists:r?.support?.supports}),i("div",{className:"desktop:py-0 desktop:border-none border-t border-[#3D3E3F] pt-4",children:[i("div",{className:"desktop:pb-0 flex items-center justify-between pb-4",children:[e(n,{as:"p",html:r?.contact?.title,className:"text-xl font-bold leading-[1.2] text-white",id:x}),l&&e("button",{onClick:()=>b(!s),"aria-expanded":s,"aria-controls":x,"aria-label":s?"Collapse contact section":"Expand contact section",children:s?e(B,{width:20,height:20}):e(w,{width:20,height:20})})]}),(s&&l||!l)&&e("div",{className:"desktop:mt-4 desktop:mb-0 mb-4 flex flex-col gap-2",role:"region","aria-labelledby":x,children:r?.contact?.contacts?.map(t=>i(f,{href:t?.link,className:"group flex items-start gap-2 no-underline",children:[e("img",{src:t?.icon?.url,loading:"lazy",alt:t?.icon?.alt,className:"size-5 shrink-0 opacity-70 transition-opacity duration-200 group-hover:opacity-100"}),e(n,{html:t?.label,className:"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] transition-colors duration-200 group-hover:text-white"})]},t?.id))}),e(L,{country:p||g,className:"desktop:hidden border-b border-[#3D3E3F]",isMobile:l,onChangeCountry:d?.country}),e("div",{className:"desktop:hidden mt-8",children:e(M,{title:c?.download?.title,apps:c?.download?.apps})}),!!r?.socials?.length&&e("div",{className:"mt-8 flex items-center gap-2",role:"list","aria-label":"Social media links",children:r?.socials?.map(t=>e(f,{href:`${u(t?.link,o)}?ref=footer`,className:"group",role:"listitem","aria-label":t?.icon?.alt||"Social media",children:e("img",{src:t?.icon?.url,loading:"lazy",alt:t?.icon?.alt,className:"size-8 shrink-0 opacity-70 transition-opacity duration-200 group-hover:opacity-100"})},t?.id))}),e("div",{className:"mt-4 flex flex-wrap gap-2",role:"list","aria-label":"Payment methods",children:r?.payment?.map(t=>e(f,{href:u(t?.link,o),asChild:!t?.link,role:"listitem","aria-label":t?.icon?.alt||"Payment method",children:e("img",{src:t?.icon?.url,loading:"lazy",alt:t?.icon?.alt||"",className:"h-[28px] w-[44px] shrink-0"})},t?.id))})]})]})]})},O=({data:a,isMobile:d,event:l,currentCountry:p})=>{const{locale:o="us"}=h();return i("div",{className:"flex flex-col gap-4",children:[i("div",{className:"desktop:items-center desktop:flex desktop:gap-4",children:[i("div",{className:"laptop:flex-row laptop:items-center desktop:flex-[980] flex flex-col items-start gap-4",children:[e(f,{href:`${u(a?.brand?.link,o)}?ref=footer`,asChild:!a?.brand?.link,children:e(n,{html:a?.brand?.currentBrand,className:"cursor-pointer text-[#B6B6BA] hover:text-white"})}),e("div",{className:"laptop:block laptop:mb-[10px] hidden h-[20px] w-px bg-[#B6B6BA]"}),e("div",{className:"desktop:gap-6 flex flex-wrap items-center gap-4",children:a?.brand?.brands?.map(s=>e(f,{href:`${u(s?.link,o)}?ref=footer`,children:e(n,{html:s?.icon,className:"text-[#B6B6BA] hover:text-white"})},s?.id))})]}),e(L,{country:p||a?.country,className:"desktop:flex-[316] desktop:block hidden",isMobile:d,onChangeCountry:l?.country})]}),e("div",{className:"h-px bg-[#3D3E3F]"}),i("div",{className:"laptop:flex-row desktop:gap-4 desktop:items-center flex flex-col items-start gap-1",children:[e(n,{html:a?.copyright?.label,className:"desktop:text-base text-xs font-bold leading-[1.4] text-[#6D6D6F]"}),i("div",{className:"flex flex-wrap items-center gap-x-2 gap-y-1",children:[a?.policy?.policies?.map(s=>e(f,{href:`${u(s?.link,o)}?ref=footer`,className:"desktop:text-base text-xs font-bold leading-[1.4] text-[#B6B6BA] no-underline hover:text-white",children:s?.label},s?.id)),a?.policy?.cookies&&e("button",{"data-cc":"show-preferencesModal",onClick:l?.cookiesSet,className:"desktop:text-base text-xs font-bold leading-[1.4] text-[#B6B6BA] no-underline hover:text-white focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-black","aria-label":`Cookie preferences: ${a?.policy?.cookies}`,children:a?.policy?.cookies})]})]})]})},v=({title:a,lists:d,className:l})=>{const{locale:p="us"}=h(),[o,s]=k(!1),[b,c]=k(!1),r=C({query:"(max-width: 1439px)"});N(()=>{c(r)},[r]);const g=`nav-section-${a?.replace(/\s+/g,"-").toLowerCase()}`;return i("div",{className:m("desktop:py-0 desktop:border-none border-t border-[#3D3E3F] py-4",l),children:[i("div",{className:"flex items-center justify-between",children:[e(n,{as:"p",html:a,className:"text-xl font-bold leading-[1.2] text-white",id:g}),b&&e("button",{onClick:()=>s(!o),"aria-expanded":o,"aria-controls":g,"aria-label":o?`Collapse ${a}`:`Expand ${a}`,className:"focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-black",children:o?e(B,{width:20,height:20}):e(w,{width:20,height:20})})]}),(o&&b||!b)&&e("nav",{className:"mt-4 flex flex-col gap-2",role:"region","aria-labelledby":g,children:d?.map(x=>e(f,{href:`${u(x?.link,p)}?ref=footer`,className:"no-underline",children:e(n,{html:x?.label,className:"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] hover:text-white"})},x?.id))})]})},M=({title:a,apps:d,className:l})=>{const{locale:p="us"}=h();return d?.length?i("div",{className:l,children:[e(n,{html:a,className:" text-xl font-bold leading-[1.2] text-white"}),e("div",{className:"mt-4 flex items-center gap-4",role:"list","aria-label":"Download apps",children:d?.map(o=>i(f,{href:u(o?.link,p),className:"group flex flex-col items-center gap-[6px]",role:"listitem","aria-label":o?.icon?.alt||o?.label||"Download app",children:[e("img",{src:o?.icon?.url,loading:"lazy",alt:o?.icon?.alt,className:"size-10 shrink-0 opacity-70 transition-opacity duration-200 group-hover:opacity-100"}),o?.label&&e(n,{html:o?.label,className:"text-xs font-bold text-[#999999] transition-colors duration-200 group-hover:text-white"})]},o?.id))})]}):null},L=({country:a,isMobile:d,className:l,onChangeCountry:p})=>e("div",{className:m("desktop:py-0 desktop:border-none border-t border-[#3D3E3F] py-4",l),children:i("button",{onClick:()=>p?.(),className:"flex w-full items-center justify-between focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-black","aria-label":`Change country/region, current: ${a?.countryName||a?.country}`,children:[i("div",{className:"group flex items-center gap-2",children:[e(E,{width:20,height:20,className:"shrink-0 opacity-70 transition-opacity duration-200 group-hover:opacity-100","aria-hidden":"true"}),e(n,{as:"span",html:a?.countryName||a?.country,className:"desktop:text-[#B6B6BA] desktop:group-hover:text-white text-base font-bold leading-[1.4] text-white transition-colors duration-200"})]}),d&&e(z,{width:20,height:20,"aria-hidden":"true"})]})});var U=S($);export{U as default};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useEffect as w,useMemo as D,useState as v}from"react";import{Text as d,Container as F,Link as x}from"../../components/index.js";import S from"../Subscribe/index.js";import{FooterNavigationBlockType as y}from"./types.js";import{AddIcon as B,SubtractIcon as C,ArrowRightIcon as z,CountryIcon as E}from"./icons/index.js";import{useMediaQuery as M}from"react-responsive";import{cn as m,getLocalizedPath as u}from"../../helpers/utils.js";import{useAiuiContext as k}from"../AiuiProvider/index.js";import{withLayout as $}from"../../shared/Styles.js";const T=({data:{footer:a}={},currentCountry:p,event:n,subscribeLoading:f,classNames:i,className:l,moduleIds:s,...b})=>{const[c,r]=v(!1),g=M({query:"(max-width: 1439px)"});w(()=>{r(g)},[g]);const h=D(()=>a?.blocks?.find(t=>t?.blockType===y.Brand)?.country||{},[a]);return e("footer",{...b,className:m(i?.root,l),children:o(F,{className:m(i?.child),childClassName:m("laptop:py-16 desktop:gap-16 flex flex-col gap-8 bg-black py-8"),children:[e(d,{html:a?.story,className:"desktop:text-sm text-xs font-bold text-[#6D6D6F]"}),a?.blocks?.map(t=>{if(t?.blockType===y.Signup)return e(P,{subscribeLoading:f,data:t,onSubmit:n?.signup,id:s?.marketingConversion},t.id);if(t?.blockType===y.Brand)return e(j,{data:t,isMobile:c,event:n,currentCountry:p,id:s?.footerBrand},t?.id);if(t?.blockType===y.Main)return e(O,{data:{...t,country:h},event:n,isMobile:c,currentCountry:p,id:s?.mainServices},t.id)})]})})},P=({data:a,onSubmit:p,subscribeLoading:n,id:f="footer-marketing-conversion"})=>{const{locale:i="us"}=k();return o("div",{id:f,className:"desktop:py-16 desktop:gap-16 laptop:px-8 desktop:flex-row rounded-btn flex flex-col gap-8 bg-[#1E2024] px-4 py-8",children:[e(S,{subscribeMetadata:a?.signup,className:"desktop:flex-[744]",onSubmit:p,loading:n}),e("div",{className:"desktop:hidden h-px w-full bg-[#3D3E3F]"}),o("div",{className:"desktop:gap-6 laptop:flex-row desktop:flex-[792] flex flex-col gap-4",children:[o("div",{className:"flex-1",children:[e(d,{html:a?.enjoy?.title,className:" text-xl font-bold leading-[1.2] text-white"}),e("div",{className:"mt-4 flex flex-col gap-2",children:a?.enjoy?.enjoys?.map(l=>o("div",{className:"flex-start flex gap-2",children:[e("img",{src:l?.icon?.url,loading:"lazy",alt:l?.icon?.alt||"",className:"size-5 shrink-0"}),e(d,{html:l?.label,className:"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA]"})]},l?.id))})]}),e("div",{className:"desktop:block hidden w-px bg-[#3D3E3F]"}),o("div",{className:"flex-1",children:[e(d,{html:a?.benefit?.title,className:"text-xl font-bold leading-[1.2] text-white"}),e("div",{className:"mt-4 flex flex-col gap-2",children:a?.benefit?.benefits?.map(l=>e(x,{href:`${u(l?.link,i)}?ref=footer`,asChild:!l?.link,className:"no-underline",children:e(d,{html:l?.label,className:"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] hover:text-white"})},l?.id))})]})]})]})},O=({data:a,event:p,isMobile:n,currentCountry:f,id:i="footer-main-services"})=>{const{locale:l="us"}=k(),[s,b]=v(!1),{services:c,mainNav:r,country:g}=a,h="contact-section";return o("nav",{id:i,className:"flex flex-col gap-8","aria-label":"Main navigation",children:[o("div",{className:m({"desktop:gap-16 flex":c?.download?.title}),children:[o("div",{className:m("w-full",{"desktop:flex-[1260]":c?.download?.title}),children:[e(d,{html:c?.storeBenefits?.title,className:" text-xl font-bold leading-[1.2] text-white"}),e("div",{className:m("laptop:flex-row desktop:gap-4 laptop:flex-wrap mt-4 flex flex-col gap-2",{"desktop:max-w-[648px]":c?.download?.title}),children:c?.storeBenefits?.reasons?.map(t=>o("div",{className:"desktop:min-w-[288px] flex flex-1 shrink-0 items-center gap-2",children:[e("img",{src:t?.icon?.url,loading:"lazy",alt:t?.icon?.alt||"",className:"size-5 shrink-0"}),e(x,{href:`${u(t?.link,l)}?ref=footer`,asChild:!t?.link,className:"no-underline",children:e(d,{html:t?.label,className:"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA]"})})]},t?.id))})]}),e(L,{className:m({"desktop:flex-[404] hidden desktop:block":c?.download?.title}),title:c?.download?.title,apps:c?.download?.apps})]}),e("div",{className:"desktop:block hidden h-px bg-[#3D3E3F]","aria-hidden":"true"}),o("div",{className:"desktop:grid grid-cols-4 gap-4",children:[e(N,{title:r?.products?.title,lists:r?.products?.products}),e(N,{title:r?.explore?.title,lists:r?.explore?.explores}),e(N,{title:r?.support?.title,lists:r?.support?.supports}),o("div",{className:"desktop:py-0 desktop:border-none border-t border-[#3D3E3F] pt-4",children:[o("div",{className:"desktop:pb-0 flex items-center justify-between pb-4",children:[e(d,{as:"p",html:r?.contact?.title,className:"text-xl font-bold leading-[1.2] text-white",id:h}),n&&e("button",{onClick:()=>b(!s),"aria-expanded":s,"aria-controls":h,"aria-label":s?"Collapse contact section":"Expand contact section",children:s?e(C,{width:20,height:20}):e(B,{width:20,height:20})})]}),(s&&n||!n)&&e("div",{className:"desktop:mt-4 desktop:mb-0 mb-4 flex flex-col gap-2",role:"region","aria-labelledby":h,children:r?.contact?.contacts?.map(t=>o(x,{href:t?.link,className:"group flex items-start gap-2 no-underline",children:[e("img",{src:t?.icon?.url,loading:"lazy",alt:t?.icon?.alt,className:"size-5 shrink-0 opacity-70 transition-opacity duration-200 group-hover:opacity-100"}),e(d,{html:t?.label,className:"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] transition-colors duration-200 group-hover:text-white"})]},t?.id))}),e(A,{country:f||g,className:"desktop:hidden border-b border-[#3D3E3F]",isMobile:n,onChangeCountry:p?.country}),e("div",{className:"desktop:hidden mt-8",children:e(L,{title:c?.download?.title,apps:c?.download?.apps})}),!!r?.socials?.length&&e("div",{className:"mt-8 flex items-center gap-2",role:"list","aria-label":"Social media links",children:r?.socials?.map(t=>e(x,{href:`${u(t?.link,l)}?ref=footer`,className:"group",role:"listitem","aria-label":t?.icon?.alt||"Social media",children:e("img",{src:t?.icon?.url,loading:"lazy",alt:t?.icon?.alt,className:"size-8 shrink-0 opacity-70 transition-opacity duration-200 group-hover:opacity-100"})},t?.id))}),e("div",{className:"mt-4 flex flex-wrap gap-2",role:"list","aria-label":"Payment methods",children:r?.payment?.map(t=>e(x,{href:u(t?.link,l),asChild:!t?.link,role:"listitem","aria-label":t?.icon?.alt||"Payment method",children:e("img",{src:t?.icon?.url,loading:"lazy",alt:t?.icon?.alt||"",className:"h-[28px] w-[44px] shrink-0"})},t?.id))})]})]})]})},j=({data:a,isMobile:p,event:n,currentCountry:f,id:i="footer-brand"})=>{const{locale:l="us"}=k();return o("div",{id:i,className:"flex flex-col gap-4",children:[o("div",{className:"desktop:items-center desktop:flex desktop:gap-4",children:[o("div",{className:"laptop:flex-row laptop:items-center desktop:flex-[980] flex flex-col items-start gap-4",children:[e(x,{href:`${u(a?.brand?.link,l)}?ref=footer`,asChild:!a?.brand?.link,children:e(d,{html:a?.brand?.currentBrand,className:"cursor-pointer text-[#B6B6BA] hover:text-white"})}),e("div",{className:"laptop:block laptop:mb-[10px] hidden h-[20px] w-px bg-[#B6B6BA]"}),e("div",{className:"desktop:gap-6 flex flex-wrap items-center gap-4",children:a?.brand?.brands?.map(s=>e(x,{href:`${u(s?.link,l)}?ref=footer`,children:e(d,{html:s?.icon,className:"text-[#B6B6BA] hover:text-white"})},s?.id))})]}),e(A,{country:f||a?.country,className:"desktop:flex-[316] desktop:block hidden",isMobile:p,onChangeCountry:n?.country})]}),e("div",{className:"h-px bg-[#3D3E3F]"}),o("div",{className:"laptop:flex-row desktop:gap-4 desktop:items-center flex flex-col items-start gap-1",children:[e(d,{html:a?.copyright?.label,className:"desktop:text-base text-xs font-bold leading-[1.4] text-[#6D6D6F]"}),o("div",{className:"flex flex-wrap items-center gap-x-2 gap-y-1",children:[a?.policy?.policies?.map(s=>e(x,{href:`${u(s?.link,l)}?ref=footer`,className:"desktop:text-base text-xs font-bold leading-[1.4] text-[#B6B6BA] no-underline hover:text-white",children:s?.label},s?.id)),a?.policy?.cookies&&e("button",{"data-cc":"show-preferencesModal",onClick:n?.cookiesSet,className:"desktop:text-base text-xs font-bold leading-[1.4] text-[#B6B6BA] no-underline hover:text-white focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-black","aria-label":`Cookie preferences: ${a?.policy?.cookies}`,children:a?.policy?.cookies})]})]})]})},N=({title:a,lists:p,className:n})=>{const{locale:f="us"}=k(),[i,l]=v(!1),[s,b]=v(!1),c=M({query:"(max-width: 1439px)"});w(()=>{b(c)},[c]);const r=`nav-section-${a?.replace(/\s+/g,"-").toLowerCase()}`;return o("div",{className:m("desktop:py-0 desktop:border-none border-t border-[#3D3E3F] py-4",n),children:[o("div",{className:"flex items-center justify-between",children:[e(d,{as:"p",html:a,className:"text-xl font-bold leading-[1.2] text-white",id:r}),s&&e("button",{onClick:()=>l(!i),"aria-expanded":i,"aria-controls":r,"aria-label":i?`Collapse ${a}`:`Expand ${a}`,className:"focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-black",children:i?e(C,{width:20,height:20}):e(B,{width:20,height:20})})]}),(i&&s||!s)&&e("nav",{className:"mt-4 flex flex-col gap-2",role:"region","aria-labelledby":r,children:p?.map(g=>e(x,{href:`${u(g?.link,f)}?ref=footer`,className:"no-underline",children:e(d,{html:g?.label,className:"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] hover:text-white"})},g?.id))})]})},L=({title:a,apps:p,className:n})=>{const{locale:f="us"}=k();return p?.length?o("div",{className:n,children:[e(d,{html:a,className:" text-xl font-bold leading-[1.2] text-white"}),e("div",{className:"mt-4 flex items-center gap-4",role:"list","aria-label":"Download apps",children:p?.map(i=>o(x,{href:u(i?.link,f),className:"group flex flex-col items-center gap-[6px]",role:"listitem","aria-label":i?.icon?.alt||i?.label||"Download app",children:[e("img",{src:i?.icon?.url,loading:"lazy",alt:i?.icon?.alt,className:"size-10 shrink-0 opacity-70 transition-opacity duration-200 group-hover:opacity-100"}),i?.label&&e(d,{html:i?.label,className:"text-xs font-bold text-[#999999] transition-colors duration-200 group-hover:text-white"})]},i?.id))})]}):null},A=({country:a,isMobile:p,className:n,onChangeCountry:f})=>e("div",{className:m("desktop:py-0 desktop:border-none border-t border-[#3D3E3F] py-4",n),children:o("button",{onClick:()=>f?.(),className:"flex w-full items-center justify-between focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-black","aria-label":`Change country/region, current: ${a?.countryName||a?.country}`,children:[o("div",{className:"group flex items-center gap-2",children:[e(E,{width:20,height:20,className:"shrink-0 opacity-70 transition-opacity duration-200 group-hover:opacity-100","aria-hidden":"true"}),e(d,{as:"span",html:a?.countryName||a?.country,className:"desktop:text-[#B6B6BA] desktop:group-hover:text-white text-base font-bold leading-[1.4] text-white transition-colors duration-200"})]}),p&&e(z,{width:20,height:20,"aria-hidden":"true"})]})});var V=$(T);export{V as default};
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/FooterNavigation/index.tsx"],
-  "sourcesContent": ["import { useEffect, useMemo, useState } from 'react'\nimport { Text, Container, Link } from '../../components/index.js'\nimport Subscribe from '../Subscribe/index.js'\nimport type { FooterNavigationProps } from './types.js'\nimport { FooterNavigationBlockType } from './types.js'\nimport { AddIcon, SubtractIcon, ArrowRightIcon, CountryIcon } from './icons/index.js'\nimport { useMediaQuery } from 'react-responsive'\nimport { cn, getLocalizedPath } from '../../helpers/utils.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport { withLayout } from '../../shared/Styles.js'\n\nconst FooterNavigation = ({\n  data: { footer } = {},\n  currentCountry,\n  event,\n  subscribeLoading,\n  classNames,\n  className,\n  ...rest\n}: FooterNavigationProps) => {\n  const [isMobile, setIsMobile] = useState(false)\n\n  const mediaQuery = useMediaQuery({ query: '(max-width: 1439px)' })\n\n  useEffect(() => {\n    setIsMobile(mediaQuery)\n  }, [mediaQuery])\n\n  const country = useMemo(() => {\n    return footer?.blocks?.find((block: any) => block?.blockType === FooterNavigationBlockType.Brand)?.country || {}\n  }, [footer])\n\n  return (\n    <footer {...rest} className={cn(classNames?.root, className)}>\n      <Container\n        className={cn(classNames?.child)}\n        childClassName={cn('laptop:py-16 desktop:gap-16 flex flex-col gap-8 bg-black py-8')}\n      >\n        <Text html={footer?.story} className=\"desktop:text-sm text-xs font-bold text-[#6D6D6F]\" />\n        {footer?.blocks?.map((block: any) => {\n          if (block?.blockType === FooterNavigationBlockType.Signup) {\n            return (\n              <MarketingConversion\n                key={block.id}\n                subscribeLoading={subscribeLoading}\n                data={block}\n                onSubmit={event?.signup}\n              />\n            )\n          }\n          if (block?.blockType === FooterNavigationBlockType.Brand) {\n            return (\n              <FooterBrand\n                key={block?.id}\n                data={block}\n                isMobile={isMobile}\n                event={event}\n                currentCountry={currentCountry}\n              />\n            )\n          }\n          if (block?.blockType === FooterNavigationBlockType.Main) {\n            return (\n              <MainServices\n                key={block.id}\n                data={{ ...block, country }}\n                event={event}\n                isMobile={isMobile}\n                currentCountry={currentCountry}\n              />\n            )\n          }\n        })}\n      </Container>\n    </footer>\n  )\n}\n\n/**\n * MarketingConversion \u8425\u9500\u8F6C\u5316\u6A21\u5757\n * @param data\n * @param onSubmit signup\u63D0\u4EA4\u4E8B\u4EF6\n * @returns\n */\nconst MarketingConversion = ({\n  data,\n  onSubmit,\n  subscribeLoading,\n}: {\n  data: any\n  onSubmit?: (_params: any) => void\n  subscribeLoading?: boolean\n}) => {\n  const { locale = 'us' } = useAiuiContext()\n\n  return (\n    <div className=\"desktop:py-16 desktop:gap-16 laptop:px-8 desktop:flex-row rounded-btn flex flex-col gap-8 bg-[#1E2024] px-4 py-8\">\n      <Subscribe\n        subscribeMetadata={data?.signup}\n        className=\"desktop:flex-[744]\"\n        onSubmit={onSubmit}\n        loading={subscribeLoading}\n      />\n      <div className=\"desktop:hidden h-px w-full bg-[#3D3E3F]\" />\n      <div className=\"desktop:gap-6 laptop:flex-row desktop:flex-[792] flex flex-col gap-4\">\n        <div className=\"flex-1\">\n          <Text html={data?.enjoy?.title} className=\" text-xl font-bold leading-[1.2] text-white\" />\n          <div className=\"mt-4 flex flex-col gap-2\">\n            {data?.enjoy?.enjoys?.map((enjoyItem: any) => (\n              <div key={enjoyItem?.id} className=\"flex-start flex gap-2\">\n                <img\n                  src={enjoyItem?.icon?.url}\n                  loading=\"lazy\"\n                  alt={enjoyItem?.icon?.alt || ''}\n                  className=\"size-5 shrink-0\"\n                />\n                <Text\n                  html={enjoyItem?.label}\n                  className=\"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA]\"\n                />\n              </div>\n            ))}\n          </div>\n        </div>\n        <div className=\"desktop:block hidden w-px bg-[#3D3E3F]\" />\n        <div className=\"flex-1\">\n          <Text html={data?.benefit?.title} className=\"text-xl font-bold leading-[1.2] text-white\" />\n          <div className=\"mt-4 flex flex-col gap-2\">\n            {data?.benefit?.benefits?.map((benefitItem: any) => (\n              <Link\n                href={`${getLocalizedPath(benefitItem?.link, locale)}?ref=footer`}\n                asChild={!benefitItem?.link}\n                key={benefitItem?.id}\n                className=\"no-underline\"\n              >\n                <Text\n                  html={benefitItem?.label}\n                  className=\"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] hover:text-white\"\n                />\n              </Link>\n            ))}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\n/**\n * MainServices \u4E3B\u5BFC\u822A\u4E0E\u670D\u52A1\u6A21\u5757\n * @param services \u670D\u52A1\n * @param mainNav \u4E3B\u5BFC\u822A\n * @param event \u4E8B\u4EF6\n * @param isMobile \u662F\u5426\u662F\u79FB\u52A8\u7AEF\n * @param currentCountry \u5F53\u524D\u56FD\u5BB6\n * @returns\n */\nconst MainServices = ({\n  data,\n  event,\n  isMobile,\n  currentCountry,\n}: {\n  data: any\n  event: any\n  isMobile: boolean\n  currentCountry: any\n}) => {\n  const { locale = 'us' } = useAiuiContext()\n  const [mainNavMenuOpen, setMainNavMenuOpen] = useState<boolean>(false)\n  const { services, mainNav, country } = data\n  const contactSectionId = 'contact-section'\n\n  return (\n    <nav className=\"flex flex-col gap-8\" aria-label=\"Main navigation\">\n      <div\n        className={cn({\n          'desktop:gap-16 flex': services?.download?.title,\n        })}\n      >\n        <div\n          className={cn('w-full', {\n            'desktop:flex-[1260]': services?.download?.title,\n          })}\n        >\n          <Text html={services?.storeBenefits?.title} className=\" text-xl font-bold leading-[1.2] text-white\" />\n          <div\n            className={cn('laptop:flex-row desktop:gap-4 laptop:flex-wrap mt-4 flex flex-col gap-2', {\n              'desktop:max-w-[648px]': services?.download?.title,\n            })}\n          >\n            {services?.storeBenefits?.reasons?.map((reasonItem: any) => (\n              <div key={reasonItem?.id} className=\"desktop:min-w-[288px] flex flex-1 shrink-0 items-center gap-2\">\n                <img\n                  src={reasonItem?.icon?.url}\n                  loading=\"lazy\"\n                  alt={reasonItem?.icon?.alt || ''}\n                  className=\"size-5 shrink-0\"\n                />\n                <Link\n                  href={`${getLocalizedPath(reasonItem?.link, locale)}?ref=footer`}\n                  asChild={!reasonItem?.link}\n                  className=\"no-underline\"\n                >\n                  <Text\n                    html={reasonItem?.label}\n                    className=\"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA]\"\n                  />\n                </Link>\n              </div>\n            ))}\n          </div>\n        </div>\n        <DownloadApp\n          className={cn({\n            'desktop:flex-[404] hidden desktop:block': services?.download?.title,\n          })}\n          title={services?.download?.title}\n          apps={services?.download?.apps}\n        />\n      </div>\n      <div className=\"desktop:block hidden h-px bg-[#3D3E3F]\" aria-hidden=\"true\" />\n      <div className=\"desktop:grid grid-cols-4 gap-4\">\n        <MainNavMenu title={mainNav?.products?.title} lists={mainNav?.products?.products} />\n        <MainNavMenu title={mainNav?.explore?.title} lists={mainNav?.explore?.explores} />\n        <MainNavMenu title={mainNav?.support?.title} lists={mainNav?.support?.supports} />\n        <div className=\"desktop:py-0 desktop:border-none border-t border-[#3D3E3F] pt-4\">\n          <div className=\"desktop:pb-0 flex items-center justify-between pb-4\">\n            <Text\n              as=\"p\"\n              html={mainNav?.contact?.title}\n              className=\"text-xl font-bold leading-[1.2] text-white\"\n              id={contactSectionId}\n            />\n            {isMobile && (\n              <button\n                onClick={() => setMainNavMenuOpen(!mainNavMenuOpen)}\n                aria-expanded={mainNavMenuOpen}\n                aria-controls={contactSectionId}\n                aria-label={mainNavMenuOpen ? 'Collapse contact section' : 'Expand contact section'}\n              >\n                {mainNavMenuOpen ? <SubtractIcon width={20} height={20} /> : <AddIcon width={20} height={20} />}\n              </button>\n            )}\n          </div>\n          {((mainNavMenuOpen && isMobile) || !isMobile) && (\n            <div\n              className=\"desktop:mt-4 desktop:mb-0 mb-4 flex flex-col gap-2\"\n              role=\"region\"\n              aria-labelledby={contactSectionId}\n            >\n              {mainNav?.contact?.contacts?.map((contactItem: any) => (\n                <Link\n                  key={contactItem?.id}\n                  href={contactItem?.link}\n                  className=\"group flex items-start gap-2 no-underline\"\n                >\n                  <img\n                    src={contactItem?.icon?.url}\n                    loading=\"lazy\"\n                    alt={contactItem?.icon?.alt}\n                    className=\"size-5 shrink-0 opacity-70 transition-opacity duration-200 group-hover:opacity-100\"\n                  />\n                  <Text\n                    html={contactItem?.label}\n                    className=\"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] transition-colors duration-200 group-hover:text-white\"\n                  />\n                </Link>\n              ))}\n            </div>\n          )}\n          <ChangeCountry\n            country={currentCountry || country}\n            className=\"desktop:hidden border-b border-[#3D3E3F]\"\n            isMobile={isMobile}\n            onChangeCountry={event?.country}\n          />\n          <div className=\"desktop:hidden mt-8\">\n            <DownloadApp title={services?.download?.title} apps={services?.download?.apps} />\n          </div>\n          {!!mainNav?.socials?.length && (\n            <div className=\"mt-8 flex items-center gap-2\" role=\"list\" aria-label=\"Social media links\">\n              {mainNav?.socials?.map((socialItem: any) => (\n                <Link\n                  href={`${getLocalizedPath(socialItem?.link, locale)}?ref=footer`}\n                  key={socialItem?.id}\n                  className=\"group\"\n                  role=\"listitem\"\n                  aria-label={socialItem?.icon?.alt || 'Social media'}\n                >\n                  <img\n                    src={socialItem?.icon?.url}\n                    loading=\"lazy\"\n                    alt={socialItem?.icon?.alt}\n                    className=\"size-8 shrink-0 opacity-70 transition-opacity duration-200 group-hover:opacity-100\"\n                  />\n                </Link>\n              ))}\n            </div>\n          )}\n          <div className=\"mt-4 flex flex-wrap gap-2\" role=\"list\" aria-label=\"Payment methods\">\n            {mainNav?.payment?.map((paymentItem: any) => (\n              <Link\n                href={getLocalizedPath(paymentItem?.link, locale)}\n                asChild={!paymentItem?.link}\n                key={paymentItem?.id}\n                role=\"listitem\"\n                aria-label={paymentItem?.icon?.alt || 'Payment method'}\n              >\n                <img\n                  src={paymentItem?.icon?.url}\n                  loading=\"lazy\"\n                  alt={paymentItem?.icon?.alt || ''}\n                  className=\"h-[28px] w-[44px] shrink-0\"\n                />\n              </Link>\n            ))}\n          </div>\n        </div>\n      </div>\n    </nav>\n  )\n}\n\nconst FooterBrand = ({\n  data,\n  isMobile,\n  event,\n  currentCountry,\n}: {\n  data: any\n  isMobile: boolean\n  event: any\n  currentCountry: any\n}) => {\n  const { locale = 'us' } = useAiuiContext()\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <div className=\"desktop:items-center desktop:flex desktop:gap-4\">\n        <div className=\"laptop:flex-row laptop:items-center desktop:flex-[980] flex flex-col items-start gap-4\">\n          <Link href={`${getLocalizedPath(data?.brand?.link, locale)}?ref=footer`} asChild={!data?.brand?.link}>\n            <Text html={data?.brand?.currentBrand} className=\"cursor-pointer text-[#B6B6BA] hover:text-white\" />\n          </Link>\n          <div className=\"laptop:block laptop:mb-[10px] hidden h-[20px] w-px bg-[#B6B6BA]\" />\n          <div className=\"desktop:gap-6 flex flex-wrap items-center gap-4\">\n            {data?.brand?.brands?.map((brandItem: any) => (\n              <Link href={`${getLocalizedPath(brandItem?.link, locale)}?ref=footer`} key={brandItem?.id}>\n                <Text html={brandItem?.icon} className=\"text-[#B6B6BA] hover:text-white\" />\n              </Link>\n            ))}\n          </div>\n        </div>\n        <ChangeCountry\n          country={currentCountry || data?.country}\n          className=\"desktop:flex-[316] desktop:block hidden\"\n          isMobile={isMobile}\n          onChangeCountry={event?.country}\n        />\n      </div>\n      <div className=\"h-px bg-[#3D3E3F]\" />\n      <div className=\"laptop:flex-row desktop:gap-4 desktop:items-center flex flex-col items-start gap-1\">\n        <Text\n          html={data?.copyright?.label}\n          className=\"desktop:text-base text-xs font-bold leading-[1.4] text-[#6D6D6F]\"\n        />\n        <div className=\"flex flex-wrap items-center gap-x-2 gap-y-1\">\n          {data?.policy?.policies?.map((policyItem: any) => (\n            <Link\n              href={`${getLocalizedPath(policyItem?.link, locale)}?ref=footer`}\n              key={policyItem?.id}\n              className=\"desktop:text-base text-xs font-bold leading-[1.4] text-[#B6B6BA] no-underline hover:text-white\"\n            >\n              {policyItem?.label}\n            </Link>\n          ))}\n          {data?.policy?.cookies && (\n            <button\n              data-cc=\"show-preferencesModal\"\n              onClick={event?.cookiesSet}\n              className=\"desktop:text-base text-xs font-bold leading-[1.4] text-[#B6B6BA] no-underline hover:text-white focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-black\"\n              aria-label={`Cookie preferences: ${data?.policy?.cookies}`}\n            >\n              {data?.policy?.cookies}\n            </button>\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nconst MainNavMenu = ({ title, lists, className }: { title: string; lists: any[]; className?: string }) => {\n  const { locale = 'us' } = useAiuiContext()\n  const [mainNavMenuOpen, setMainNavMenuOpen] = useState<boolean>(false)\n  const [isMobile, setIsMobile] = useState(false)\n\n  const mediaQuery = useMediaQuery({ query: '(max-width: 1439px)' })\n\n  useEffect(() => {\n    setIsMobile(mediaQuery)\n  }, [mediaQuery])\n\n  const sectionId = `nav-section-${title?.replace(/\\s+/g, '-').toLowerCase()}`\n\n  return (\n    <div className={cn('desktop:py-0 desktop:border-none border-t border-[#3D3E3F] py-4', className)}>\n      <div className=\"flex items-center justify-between\">\n        <Text as=\"p\" html={title} className=\"text-xl font-bold leading-[1.2] text-white\" id={sectionId} />\n        {isMobile && (\n          <button\n            onClick={() => setMainNavMenuOpen(!mainNavMenuOpen)}\n            aria-expanded={mainNavMenuOpen}\n            aria-controls={sectionId}\n            aria-label={mainNavMenuOpen ? `Collapse ${title}` : `Expand ${title}`}\n            className=\"focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-black\"\n          >\n            {mainNavMenuOpen ? <SubtractIcon width={20} height={20} /> : <AddIcon width={20} height={20} />}\n          </button>\n        )}\n      </div>\n      {((mainNavMenuOpen && isMobile) || !isMobile) && (\n        <nav className=\"mt-4 flex flex-col gap-2\" role=\"region\" aria-labelledby={sectionId}>\n          {lists?.map((item: any) => (\n            <Link href={`${getLocalizedPath(item?.link, locale)}?ref=footer`} key={item?.id} className=\"no-underline\">\n              <Text\n                html={item?.label}\n                className=\"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] hover:text-white\"\n              />\n            </Link>\n          ))}\n        </nav>\n      )}\n    </div>\n  )\n}\n\n/**\n * DownloadApp \u4E0B\u8F7D\u5E94\u7528\u6A21\u5757\n * @param title\n * @param apps\n * @param className\n * @returns\n */\nconst DownloadApp = ({ title, apps, className }: { title: string; apps: any[]; className?: string }) => {\n  const { locale = 'us' } = useAiuiContext()\n\n  if (!apps?.length) return null\n  return (\n    <div className={className}>\n      <Text html={title} className=\" text-xl font-bold leading-[1.2] text-white\" />\n      <div className=\"mt-4 flex items-center gap-4\" role=\"list\" aria-label=\"Download apps\">\n        {apps?.map((appItem: any) => (\n          <Link\n            key={appItem?.id}\n            href={getLocalizedPath(appItem?.link, locale)}\n            className=\"group flex flex-col items-center gap-[6px]\"\n            role=\"listitem\"\n            aria-label={appItem?.icon?.alt || appItem?.label || 'Download app'}\n          >\n            <img\n              src={appItem?.icon?.url}\n              loading=\"lazy\"\n              alt={appItem?.icon?.alt}\n              className=\"size-10 shrink-0 opacity-70 transition-opacity duration-200 group-hover:opacity-100\"\n            />\n            {appItem?.label && (\n              <Text\n                html={appItem?.label}\n                className=\"text-xs font-bold text-[#999999] transition-colors duration-200 group-hover:text-white\"\n              />\n            )}\n          </Link>\n        ))}\n      </div>\n    </div>\n  )\n}\n\n/**\n * ChangeCountry \u5207\u6362\u56FD\u5BB6\u6A21\u5757\n * @param data \u6570\u636E\n * @param isMobile \u662F\u5426\u662F\u79FB\u52A8\u7AEF\n * @returns\n */\nconst ChangeCountry = ({\n  country,\n  isMobile,\n  className,\n  onChangeCountry,\n}: {\n  country: any\n  isMobile: boolean\n  className?: string\n  onChangeCountry?: () => void\n}) => {\n  return (\n    <div className={cn('desktop:py-0 desktop:border-none border-t border-[#3D3E3F] py-4', className)}>\n      <button\n        onClick={() => onChangeCountry?.()}\n        className=\"flex w-full items-center justify-between focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-black\"\n        aria-label={`Change country/region, current: ${country?.countryName || country?.country}`}\n      >\n        <div className=\"group flex items-center gap-2\">\n          <CountryIcon\n            width={20}\n            height={20}\n            className=\"shrink-0 opacity-70 transition-opacity duration-200 group-hover:opacity-100\"\n            aria-hidden=\"true\"\n          />\n          <Text\n            as=\"span\"\n            html={country?.countryName || country?.country}\n            className=\"desktop:text-[#B6B6BA] desktop:group-hover:text-white text-base font-bold leading-[1.4] text-white transition-colors duration-200\"\n          />\n        </div>\n        {isMobile && <ArrowRightIcon width={20} height={20} aria-hidden=\"true\" />}\n      </button>\n    </div>\n  )\n}\n\nexport default withLayout(FooterNavigation)\n"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "useEffect", "useMemo", "useState", "Text", "Container", "Link", "Subscribe", "FooterNavigationBlockType", "AddIcon", "SubtractIcon", "ArrowRightIcon", "CountryIcon", "useMediaQuery", "cn", "getLocalizedPath", "useAiuiContext", "withLayout", "FooterNavigation", "footer", "currentCountry", "event", "subscribeLoading", "classNames", "className", "rest", "isMobile", "setIsMobile", "mediaQuery", "country", "block", "MarketingConversion", "FooterBrand", "MainServices", "data", "onSubmit", "locale", "enjoyItem", "benefitItem", "mainNavMenuOpen", "setMainNavMenuOpen", "services", "mainNav", "contactSectionId", "reasonItem", "DownloadApp", "MainNavMenu", "contactItem", "ChangeCountry", "socialItem", "paymentItem", "brandItem", "policyItem", "title", "lists", "sectionId", "item", "apps", "appItem", "onChangeCountry", "FooterNavigation_default"]
+  "sourcesContent": ["import { useEffect, useMemo, useState } from 'react'\nimport { Text, Container, Link } from '../../components/index.js'\nimport Subscribe from '../Subscribe/index.js'\nimport type { FooterNavigationProps } from './types.js'\nimport { FooterNavigationBlockType } from './types.js'\nimport { AddIcon, SubtractIcon, ArrowRightIcon, CountryIcon } from './icons/index.js'\nimport { useMediaQuery } from 'react-responsive'\nimport { cn, getLocalizedPath } from '../../helpers/utils.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport { withLayout } from '../../shared/Styles.js'\n\nconst FooterNavigation = ({\n  data: { footer } = {},\n  currentCountry,\n  event,\n  subscribeLoading,\n  classNames,\n  className,\n  moduleIds,\n  ...rest\n}: FooterNavigationProps) => {\n  const [isMobile, setIsMobile] = useState(false)\n\n  const mediaQuery = useMediaQuery({ query: '(max-width: 1439px)' })\n\n  useEffect(() => {\n    setIsMobile(mediaQuery)\n  }, [mediaQuery])\n\n  const country = useMemo(() => {\n    return footer?.blocks?.find((block: any) => block?.blockType === FooterNavigationBlockType.Brand)?.country || {}\n  }, [footer])\n\n  return (\n    <footer {...rest} className={cn(classNames?.root, className)}>\n      <Container\n        className={cn(classNames?.child)}\n        childClassName={cn('laptop:py-16 desktop:gap-16 flex flex-col gap-8 bg-black py-8')}\n      >\n        <Text html={footer?.story} className=\"desktop:text-sm text-xs font-bold text-[#6D6D6F]\" />\n        {footer?.blocks?.map((block: any) => {\n          if (block?.blockType === FooterNavigationBlockType.Signup) {\n            return (\n              <MarketingConversion\n                key={block.id}\n                subscribeLoading={subscribeLoading}\n                data={block}\n                onSubmit={event?.signup}\n                id={moduleIds?.marketingConversion}\n              />\n            )\n          }\n          if (block?.blockType === FooterNavigationBlockType.Brand) {\n            return (\n              <FooterBrand\n                key={block?.id}\n                data={block}\n                isMobile={isMobile}\n                event={event}\n                currentCountry={currentCountry}\n                id={moduleIds?.footerBrand}\n              />\n            )\n          }\n          if (block?.blockType === FooterNavigationBlockType.Main) {\n            return (\n              <MainServices\n                key={block.id}\n                data={{ ...block, country }}\n                event={event}\n                isMobile={isMobile}\n                currentCountry={currentCountry}\n                id={moduleIds?.mainServices}\n              />\n            )\n          }\n        })}\n      </Container>\n    </footer>\n  )\n}\n\n/**\n * MarketingConversion \u8425\u9500\u8F6C\u5316\u6A21\u5757\n * @param data\n * @param onSubmit signup\u63D0\u4EA4\u4E8B\u4EF6\n * @returns\n */\nconst MarketingConversion = ({\n  data,\n  onSubmit,\n  subscribeLoading,\n  id = 'footer-marketing-conversion',\n}: {\n  data: any\n  onSubmit?: (_params: any) => void\n  subscribeLoading?: boolean\n  id?: string\n}) => {\n  const { locale = 'us' } = useAiuiContext()\n\n  return (\n    <div\n      id={id}\n      className=\"desktop:py-16 desktop:gap-16 laptop:px-8 desktop:flex-row rounded-btn flex flex-col gap-8 bg-[#1E2024] px-4 py-8\"\n    >\n      <Subscribe\n        subscribeMetadata={data?.signup}\n        className=\"desktop:flex-[744]\"\n        onSubmit={onSubmit}\n        loading={subscribeLoading}\n      />\n      <div className=\"desktop:hidden h-px w-full bg-[#3D3E3F]\" />\n      <div className=\"desktop:gap-6 laptop:flex-row desktop:flex-[792] flex flex-col gap-4\">\n        <div className=\"flex-1\">\n          <Text html={data?.enjoy?.title} className=\" text-xl font-bold leading-[1.2] text-white\" />\n          <div className=\"mt-4 flex flex-col gap-2\">\n            {data?.enjoy?.enjoys?.map((enjoyItem: any) => (\n              <div key={enjoyItem?.id} className=\"flex-start flex gap-2\">\n                <img\n                  src={enjoyItem?.icon?.url}\n                  loading=\"lazy\"\n                  alt={enjoyItem?.icon?.alt || ''}\n                  className=\"size-5 shrink-0\"\n                />\n                <Text\n                  html={enjoyItem?.label}\n                  className=\"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA]\"\n                />\n              </div>\n            ))}\n          </div>\n        </div>\n        <div className=\"desktop:block hidden w-px bg-[#3D3E3F]\" />\n        <div className=\"flex-1\">\n          <Text html={data?.benefit?.title} className=\"text-xl font-bold leading-[1.2] text-white\" />\n          <div className=\"mt-4 flex flex-col gap-2\">\n            {data?.benefit?.benefits?.map((benefitItem: any) => (\n              <Link\n                href={`${getLocalizedPath(benefitItem?.link, locale)}?ref=footer`}\n                asChild={!benefitItem?.link}\n                key={benefitItem?.id}\n                className=\"no-underline\"\n              >\n                <Text\n                  html={benefitItem?.label}\n                  className=\"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] hover:text-white\"\n                />\n              </Link>\n            ))}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\n/**\n * MainServices \u4E3B\u5BFC\u822A\u4E0E\u670D\u52A1\u6A21\u5757\n * @param services \u670D\u52A1\n * @param mainNav \u4E3B\u5BFC\u822A\n * @param event \u4E8B\u4EF6\n * @param isMobile \u662F\u5426\u662F\u79FB\u52A8\u7AEF\n * @param currentCountry \u5F53\u524D\u56FD\u5BB6\n * @returns\n */\nconst MainServices = ({\n  data,\n  event,\n  isMobile,\n  currentCountry,\n  id = 'footer-main-services',\n}: {\n  data: any\n  event: any\n  isMobile: boolean\n  currentCountry: any\n  id?: string\n}) => {\n  const { locale = 'us' } = useAiuiContext()\n  const [mainNavMenuOpen, setMainNavMenuOpen] = useState<boolean>(false)\n  const { services, mainNav, country } = data\n  const contactSectionId = 'contact-section'\n\n  return (\n    <nav id={id} className=\"flex flex-col gap-8\" aria-label=\"Main navigation\">\n      <div\n        className={cn({\n          'desktop:gap-16 flex': services?.download?.title,\n        })}\n      >\n        <div\n          className={cn('w-full', {\n            'desktop:flex-[1260]': services?.download?.title,\n          })}\n        >\n          <Text html={services?.storeBenefits?.title} className=\" text-xl font-bold leading-[1.2] text-white\" />\n          <div\n            className={cn('laptop:flex-row desktop:gap-4 laptop:flex-wrap mt-4 flex flex-col gap-2', {\n              'desktop:max-w-[648px]': services?.download?.title,\n            })}\n          >\n            {services?.storeBenefits?.reasons?.map((reasonItem: any) => (\n              <div key={reasonItem?.id} className=\"desktop:min-w-[288px] flex flex-1 shrink-0 items-center gap-2\">\n                <img\n                  src={reasonItem?.icon?.url}\n                  loading=\"lazy\"\n                  alt={reasonItem?.icon?.alt || ''}\n                  className=\"size-5 shrink-0\"\n                />\n                <Link\n                  href={`${getLocalizedPath(reasonItem?.link, locale)}?ref=footer`}\n                  asChild={!reasonItem?.link}\n                  className=\"no-underline\"\n                >\n                  <Text\n                    html={reasonItem?.label}\n                    className=\"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA]\"\n                  />\n                </Link>\n              </div>\n            ))}\n          </div>\n        </div>\n        <DownloadApp\n          className={cn({\n            'desktop:flex-[404] hidden desktop:block': services?.download?.title,\n          })}\n          title={services?.download?.title}\n          apps={services?.download?.apps}\n        />\n      </div>\n      <div className=\"desktop:block hidden h-px bg-[#3D3E3F]\" aria-hidden=\"true\" />\n      <div className=\"desktop:grid grid-cols-4 gap-4\">\n        <MainNavMenu title={mainNav?.products?.title} lists={mainNav?.products?.products} />\n        <MainNavMenu title={mainNav?.explore?.title} lists={mainNav?.explore?.explores} />\n        <MainNavMenu title={mainNav?.support?.title} lists={mainNav?.support?.supports} />\n        <div className=\"desktop:py-0 desktop:border-none border-t border-[#3D3E3F] pt-4\">\n          <div className=\"desktop:pb-0 flex items-center justify-between pb-4\">\n            <Text\n              as=\"p\"\n              html={mainNav?.contact?.title}\n              className=\"text-xl font-bold leading-[1.2] text-white\"\n              id={contactSectionId}\n            />\n            {isMobile && (\n              <button\n                onClick={() => setMainNavMenuOpen(!mainNavMenuOpen)}\n                aria-expanded={mainNavMenuOpen}\n                aria-controls={contactSectionId}\n                aria-label={mainNavMenuOpen ? 'Collapse contact section' : 'Expand contact section'}\n              >\n                {mainNavMenuOpen ? <SubtractIcon width={20} height={20} /> : <AddIcon width={20} height={20} />}\n              </button>\n            )}\n          </div>\n          {((mainNavMenuOpen && isMobile) || !isMobile) && (\n            <div\n              className=\"desktop:mt-4 desktop:mb-0 mb-4 flex flex-col gap-2\"\n              role=\"region\"\n              aria-labelledby={contactSectionId}\n            >\n              {mainNav?.contact?.contacts?.map((contactItem: any) => (\n                <Link\n                  key={contactItem?.id}\n                  href={contactItem?.link}\n                  className=\"group flex items-start gap-2 no-underline\"\n                >\n                  <img\n                    src={contactItem?.icon?.url}\n                    loading=\"lazy\"\n                    alt={contactItem?.icon?.alt}\n                    className=\"size-5 shrink-0 opacity-70 transition-opacity duration-200 group-hover:opacity-100\"\n                  />\n                  <Text\n                    html={contactItem?.label}\n                    className=\"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] transition-colors duration-200 group-hover:text-white\"\n                  />\n                </Link>\n              ))}\n            </div>\n          )}\n          <ChangeCountry\n            country={currentCountry || country}\n            className=\"desktop:hidden border-b border-[#3D3E3F]\"\n            isMobile={isMobile}\n            onChangeCountry={event?.country}\n          />\n          <div className=\"desktop:hidden mt-8\">\n            <DownloadApp title={services?.download?.title} apps={services?.download?.apps} />\n          </div>\n          {!!mainNav?.socials?.length && (\n            <div className=\"mt-8 flex items-center gap-2\" role=\"list\" aria-label=\"Social media links\">\n              {mainNav?.socials?.map((socialItem: any) => (\n                <Link\n                  href={`${getLocalizedPath(socialItem?.link, locale)}?ref=footer`}\n                  key={socialItem?.id}\n                  className=\"group\"\n                  role=\"listitem\"\n                  aria-label={socialItem?.icon?.alt || 'Social media'}\n                >\n                  <img\n                    src={socialItem?.icon?.url}\n                    loading=\"lazy\"\n                    alt={socialItem?.icon?.alt}\n                    className=\"size-8 shrink-0 opacity-70 transition-opacity duration-200 group-hover:opacity-100\"\n                  />\n                </Link>\n              ))}\n            </div>\n          )}\n          <div className=\"mt-4 flex flex-wrap gap-2\" role=\"list\" aria-label=\"Payment methods\">\n            {mainNav?.payment?.map((paymentItem: any) => (\n              <Link\n                href={getLocalizedPath(paymentItem?.link, locale)}\n                asChild={!paymentItem?.link}\n                key={paymentItem?.id}\n                role=\"listitem\"\n                aria-label={paymentItem?.icon?.alt || 'Payment method'}\n              >\n                <img\n                  src={paymentItem?.icon?.url}\n                  loading=\"lazy\"\n                  alt={paymentItem?.icon?.alt || ''}\n                  className=\"h-[28px] w-[44px] shrink-0\"\n                />\n              </Link>\n            ))}\n          </div>\n        </div>\n      </div>\n    </nav>\n  )\n}\n\nconst FooterBrand = ({\n  data,\n  isMobile,\n  event,\n  currentCountry,\n  id = 'footer-brand',\n}: {\n  data: any\n  isMobile: boolean\n  event: any\n  currentCountry: any\n  id?: string\n}) => {\n  const { locale = 'us' } = useAiuiContext()\n\n  return (\n    <div id={id} className=\"flex flex-col gap-4\">\n      <div className=\"desktop:items-center desktop:flex desktop:gap-4\">\n        <div className=\"laptop:flex-row laptop:items-center desktop:flex-[980] flex flex-col items-start gap-4\">\n          <Link href={`${getLocalizedPath(data?.brand?.link, locale)}?ref=footer`} asChild={!data?.brand?.link}>\n            <Text html={data?.brand?.currentBrand} className=\"cursor-pointer text-[#B6B6BA] hover:text-white\" />\n          </Link>\n          <div className=\"laptop:block laptop:mb-[10px] hidden h-[20px] w-px bg-[#B6B6BA]\" />\n          <div className=\"desktop:gap-6 flex flex-wrap items-center gap-4\">\n            {data?.brand?.brands?.map((brandItem: any) => (\n              <Link href={`${getLocalizedPath(brandItem?.link, locale)}?ref=footer`} key={brandItem?.id}>\n                <Text html={brandItem?.icon} className=\"text-[#B6B6BA] hover:text-white\" />\n              </Link>\n            ))}\n          </div>\n        </div>\n        <ChangeCountry\n          country={currentCountry || data?.country}\n          className=\"desktop:flex-[316] desktop:block hidden\"\n          isMobile={isMobile}\n          onChangeCountry={event?.country}\n        />\n      </div>\n      <div className=\"h-px bg-[#3D3E3F]\" />\n      <div className=\"laptop:flex-row desktop:gap-4 desktop:items-center flex flex-col items-start gap-1\">\n        <Text\n          html={data?.copyright?.label}\n          className=\"desktop:text-base text-xs font-bold leading-[1.4] text-[#6D6D6F]\"\n        />\n        <div className=\"flex flex-wrap items-center gap-x-2 gap-y-1\">\n          {data?.policy?.policies?.map((policyItem: any) => (\n            <Link\n              href={`${getLocalizedPath(policyItem?.link, locale)}?ref=footer`}\n              key={policyItem?.id}\n              className=\"desktop:text-base text-xs font-bold leading-[1.4] text-[#B6B6BA] no-underline hover:text-white\"\n            >\n              {policyItem?.label}\n            </Link>\n          ))}\n          {data?.policy?.cookies && (\n            <button\n              data-cc=\"show-preferencesModal\"\n              onClick={event?.cookiesSet}\n              className=\"desktop:text-base text-xs font-bold leading-[1.4] text-[#B6B6BA] no-underline hover:text-white focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-black\"\n              aria-label={`Cookie preferences: ${data?.policy?.cookies}`}\n            >\n              {data?.policy?.cookies}\n            </button>\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nconst MainNavMenu = ({ title, lists, className }: { title: string; lists: any[]; className?: string }) => {\n  const { locale = 'us' } = useAiuiContext()\n  const [mainNavMenuOpen, setMainNavMenuOpen] = useState<boolean>(false)\n  const [isMobile, setIsMobile] = useState(false)\n\n  const mediaQuery = useMediaQuery({ query: '(max-width: 1439px)' })\n\n  useEffect(() => {\n    setIsMobile(mediaQuery)\n  }, [mediaQuery])\n\n  const sectionId = `nav-section-${title?.replace(/\\s+/g, '-').toLowerCase()}`\n\n  return (\n    <div className={cn('desktop:py-0 desktop:border-none border-t border-[#3D3E3F] py-4', className)}>\n      <div className=\"flex items-center justify-between\">\n        <Text as=\"p\" html={title} className=\"text-xl font-bold leading-[1.2] text-white\" id={sectionId} />\n        {isMobile && (\n          <button\n            onClick={() => setMainNavMenuOpen(!mainNavMenuOpen)}\n            aria-expanded={mainNavMenuOpen}\n            aria-controls={sectionId}\n            aria-label={mainNavMenuOpen ? `Collapse ${title}` : `Expand ${title}`}\n            className=\"focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-black\"\n          >\n            {mainNavMenuOpen ? <SubtractIcon width={20} height={20} /> : <AddIcon width={20} height={20} />}\n          </button>\n        )}\n      </div>\n      {((mainNavMenuOpen && isMobile) || !isMobile) && (\n        <nav className=\"mt-4 flex flex-col gap-2\" role=\"region\" aria-labelledby={sectionId}>\n          {lists?.map((item: any) => (\n            <Link href={`${getLocalizedPath(item?.link, locale)}?ref=footer`} key={item?.id} className=\"no-underline\">\n              <Text\n                html={item?.label}\n                className=\"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] hover:text-white\"\n              />\n            </Link>\n          ))}\n        </nav>\n      )}\n    </div>\n  )\n}\n\n/**\n * DownloadApp \u4E0B\u8F7D\u5E94\u7528\u6A21\u5757\n * @param title\n * @param apps\n * @param className\n * @returns\n */\nconst DownloadApp = ({ title, apps, className }: { title: string; apps: any[]; className?: string }) => {\n  const { locale = 'us' } = useAiuiContext()\n\n  if (!apps?.length) return null\n  return (\n    <div className={className}>\n      <Text html={title} className=\" text-xl font-bold leading-[1.2] text-white\" />\n      <div className=\"mt-4 flex items-center gap-4\" role=\"list\" aria-label=\"Download apps\">\n        {apps?.map((appItem: any) => (\n          <Link\n            key={appItem?.id}\n            href={getLocalizedPath(appItem?.link, locale)}\n            className=\"group flex flex-col items-center gap-[6px]\"\n            role=\"listitem\"\n            aria-label={appItem?.icon?.alt || appItem?.label || 'Download app'}\n          >\n            <img\n              src={appItem?.icon?.url}\n              loading=\"lazy\"\n              alt={appItem?.icon?.alt}\n              className=\"size-10 shrink-0 opacity-70 transition-opacity duration-200 group-hover:opacity-100\"\n            />\n            {appItem?.label && (\n              <Text\n                html={appItem?.label}\n                className=\"text-xs font-bold text-[#999999] transition-colors duration-200 group-hover:text-white\"\n              />\n            )}\n          </Link>\n        ))}\n      </div>\n    </div>\n  )\n}\n\n/**\n * ChangeCountry \u5207\u6362\u56FD\u5BB6\u6A21\u5757\n * @param data \u6570\u636E\n * @param isMobile \u662F\u5426\u662F\u79FB\u52A8\u7AEF\n * @returns\n */\nconst ChangeCountry = ({\n  country,\n  isMobile,\n  className,\n  onChangeCountry,\n}: {\n  country: any\n  isMobile: boolean\n  className?: string\n  onChangeCountry?: () => void\n}) => {\n  return (\n    <div className={cn('desktop:py-0 desktop:border-none border-t border-[#3D3E3F] py-4', className)}>\n      <button\n        onClick={() => onChangeCountry?.()}\n        className=\"flex w-full items-center justify-between focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-black\"\n        aria-label={`Change country/region, current: ${country?.countryName || country?.country}`}\n      >\n        <div className=\"group flex items-center gap-2\">\n          <CountryIcon\n            width={20}\n            height={20}\n            className=\"shrink-0 opacity-70 transition-opacity duration-200 group-hover:opacity-100\"\n            aria-hidden=\"true\"\n          />\n          <Text\n            as=\"span\"\n            html={country?.countryName || country?.country}\n            className=\"desktop:text-[#B6B6BA] desktop:group-hover:text-white text-base font-bold leading-[1.4] text-white transition-colors duration-200\"\n          />\n        </div>\n        {isMobile && <ArrowRightIcon width={20} height={20} aria-hidden=\"true\" />}\n      </button>\n    </div>\n  )\n}\n\nexport default withLayout(FooterNavigation)\n"],
+  "mappings": "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",
+  "names": ["jsx", "jsxs", "useEffect", "useMemo", "useState", "Text", "Container", "Link", "Subscribe", "FooterNavigationBlockType", "AddIcon", "SubtractIcon", "ArrowRightIcon", "CountryIcon", "useMediaQuery", "cn", "getLocalizedPath", "useAiuiContext", "withLayout", "FooterNavigation", "footer", "currentCountry", "event", "subscribeLoading", "classNames", "className", "moduleIds", "rest", "isMobile", "setIsMobile", "mediaQuery", "country", "block", "MarketingConversion", "FooterBrand", "MainServices", "data", "onSubmit", "id", "locale", "enjoyItem", "benefitItem", "mainNavMenuOpen", "setMainNavMenuOpen", "services", "mainNav", "contactSectionId", "reasonItem", "DownloadApp", "MainNavMenu", "contactItem", "ChangeCountry", "socialItem", "paymentItem", "brandItem", "policyItem", "title", "lists", "sectionId", "item", "apps", "appItem", "onChangeCountry", "FooterNavigation_default"]
 }

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

@@ -1,5 +1,10 @@
 import type React from 'react';
 export type FooterNavigationSemanticName = 'root' | 'child';
+export interface FooterNavigationModuleIds {
+    marketingConversion?: string;
+    mainServices?: string;
+    footerBrand?: string;
+}
 export interface FooterNavigationProps extends React.HTMLAttributes<HTMLElement> {
     data: any;
     currentCountry?: any;
@@ -11,6 +16,8 @@ export interface FooterNavigationProps extends React.HTMLAttributes<HTMLElement>
         cookiesSet?: () => void;
     };
     classNames?: Partial<Record<FooterNavigationSemanticName, string>>;
+    /** 各模块的 id，用于 URL #锚点定位 */
+    moduleIds?: FooterNavigationModuleIds;
 }
 export declare enum FooterNavigationBlockType {
     Signup = "ipc-footer-signup",

package/dist/esm/biz-components/FooterNavigation/types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/FooterNavigation/types.ts"],
-  "sourcesContent": ["import type React from 'react'\n\nexport type FooterNavigationSemanticName = 'root' | 'child'\n\nexport interface FooterNavigationProps extends React.HTMLAttributes<HTMLElement> {\n  data: any\n  currentCountry?: any\n  subscribeLoading?: boolean\n  event?: {\n    signup?: (_params: any) => void\n    download?: () => void\n    country?: () => void\n    cookiesSet?: () => void\n  }\n  classNames?: Partial<Record<FooterNavigationSemanticName, string>>\n}\n\nexport enum FooterNavigationBlockType {\n  Signup = 'ipc-footer-signup',\n  Main = 'ipc-footer-main',\n  Brand = 'ipc-footer-brand',\n}\n"],
-  "mappings": "AAiBO,IAAKA,OACVA,EAAA,OAAS,oBACTA,EAAA,KAAO,kBACPA,EAAA,MAAQ,mBAHEA,OAAA",
+  "sourcesContent": ["import type React from 'react'\n\nexport type FooterNavigationSemanticName = 'root' | 'child'\n\nexport interface FooterNavigationModuleIds {\n  marketingConversion?: string\n  mainServices?: string\n  footerBrand?: string\n}\n\nexport interface FooterNavigationProps extends React.HTMLAttributes<HTMLElement> {\n  data: any\n  currentCountry?: any\n  subscribeLoading?: boolean\n  event?: {\n    signup?: (_params: any) => void\n    download?: () => void\n    country?: () => void\n    cookiesSet?: () => void\n  }\n  classNames?: Partial<Record<FooterNavigationSemanticName, string>>\n  /** \u5404\u6A21\u5757\u7684 id\uFF0C\u7528\u4E8E URL #\u951A\u70B9\u5B9A\u4F4D */\n  moduleIds?: FooterNavigationModuleIds\n}\n\nexport enum FooterNavigationBlockType {\n  Signup = 'ipc-footer-signup',\n  Main = 'ipc-footer-main',\n  Brand = 'ipc-footer-brand',\n}\n"],
+  "mappings": "AAyBO,IAAKA,OACVA,EAAA,OAAS,oBACTA,EAAA,KAAO,kBACPA,EAAA,MAAQ,mBAHEA,OAAA",
   "names": ["FooterNavigationBlockType"]
 }

package/dist/esm/biz-components/GiftShelf/index.d.ts

@@ -0,0 +1,3 @@
+declare const _default: any;
+export default _default;
+export type { GiftShelfProps, GiftShelfData, GiftShelfItem, GiftShelfProduct, CountdownConfig, ResponsiveBackgroundImage, } from './types.js';

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

@@ -0,0 +1,2 @@
+"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