@anker-in/headless-ui 1.3.63 → 1.3.65

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

@@ -1,2 +1 @@
 import{Fragment as D,jsx as t,jsxs as l}from"react/jsx-runtime";import Q,{useState as L,useEffect as Y,useRef as q}from"react";import{useMediaQuery as O}from"react-responsive";import Z from"./MultiLayoutGraphicBlockCarousel.js";import{withLayout as F}from"../../shared/Styles.js";import z from"../../components/picture.js";import R from"../../components/button.js";import{Heading as j}from"../../components/heading.js";import{VideoModal as J}from"../VideoModal/index.js";import{Grid as K,GridItem as E}from"../../components/grid.js";import W from"../Title/index.js";import{cn as P,spaceToHyphen as I,getLocalizedPath as G}from"../../helpers/utils.js";import S from"../SwiperBox/index.js";import{isVideo as H}from"../../shared/mimeType.js";import{Tabs as X,TabsList as ee,TabsTrigger as te,TabsContent as ae}from"../../components/tabs.js";import{useExposure as se}from"../../hooks/useExposure.js";import{trackUrlRef as _}from"../../shared/trackUrlRef.js";import{useAiuiContext as oe}from"../AiuiProvider/index.js";import{gaTrack as le}from"../../shared/track.js";const h="image",k="p1_banner",$=({data:b,configuration:o,jIndex:d,spanType:T,title:w,onSecondaryButtonClick:u,onPrimaryButtonClick:N})=>{const[i,M]=L(!1),m=O({query:"(max-width: 768px)"}),n=q(null),C=()=>{if(T)switch(T){case"full":return"tablet:aspect-w-[704] tablet:aspect-h-[400] laptop:aspect-w-[896] laptop:aspect-h-[384] desktop:aspect-w-[1312] desktop:aspect-h-[512] lg-desktop:aspect-w-[1664] lg-desktop:aspect-h-[640]";case"half":return"tablet:aspect-w-[704] tablet:aspect-h-[480] laptop:aspect-w-[440] laptop:aspect-h-[384] desktop:aspect-w-[648] desktop:aspect-h-[512] lg-desktop:aspect-w-[824] lg-desktop:aspect-h-[640]";case"one-third":return"tablet:aspect-w-[296] tablet:aspect-h-[400] laptop:aspect-w-[288] laptop:aspect-h-[384] desktop:aspect-w-[427] desktop:aspect-h-[512] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[640]";default:return"tablet:aspect-w-[296] tablet:aspect-h-[400] laptop:aspect-w-[288] laptop:aspect-h-[384] desktop:aspect-w-[427] desktop:aspect-h-[512] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[640]"}else switch(o?.num){case 1:return"tablet:aspect-w-[704] tablet:aspect-h-[400] laptop:aspect-w-[896] laptop:aspect-h-[384] desktop:aspect-w-[1312] desktop:aspect-h-[512] lg-desktop:aspect-w-[1664] lg-desktop:aspect-h-[640]";case 2:return"tablet:aspect-w-[704] tablet:aspect-h-[480] laptop:aspect-w-[440] laptop:aspect-h-[384] desktop:aspect-w-[648] desktop:aspect-h-[512] lg-desktop:aspect-w-[824] lg-desktop:aspect-h-[640]";case 3:return"tablet:aspect-w-[296] tablet:aspect-h-[400] laptop:aspect-w-[288] laptop:aspect-h-[384] desktop:aspect-w-[427] desktop:aspect-h-[512] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[640]";default:return"tablet:aspect-w-[296] tablet:aspect-h-[400] laptop:aspect-w-[288] laptop:aspect-h-[384] desktop:aspect-w-[427] desktop:aspect-h-[512] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[640]"}};se(n,{componentType:h,componentName:k,position:d,componentTitle:b.title,componentDescription:b.description,navigation:o?.activeTab}),Y(()=>{M(m)},[m]);const{theme:V="light",title:r,description:c,imageUrl:p,primaryButton:g,secondaryButton:s,imageMobileUrl:y,blockLink:v,video:f,youtubeId:B,isYouTube:x,id:e}=b,a="lg-desktop:px-7 lg-desktop:pb-[14px] lg-desktop:pt-[15px] lg-desktop:text-[16px]";return l("div",{className:P("item-wrapper cursor-pointer","text-info-primary group relative box-border w-full overflow-hidden",C(),{"rounded-box":!0,"aiui-dark":V==="dark","h-[400px]":i},"text-info-primary"),ref:n,children:[(v||s.link)&&t("a",{className:"absolute inset-0 z-10",href:_(G(v||s.link||"",o?.locale||"us"),`${h}_${k}`),"data-headless-type-name":`${h}#${k}`,"data-headless-title-desc-button":`${r}#${c}`,"data-headless-nav-position":`${o?.activeTab}#${d}`,"aria-hidden":"true",tabIndex:-1}),l("div",{className:"absolute inset-0",children:[H(p?.mimeType)?t("video",{autoPlay:!0,muted:!0,playsInline:!0,loop:!0,className:"tablet:block hidden size-full overflow-hidden object-cover",children:t("source",{src:p?.url,type:"video/mp4"})}):t(z,{source:p?.url,alt:p?.alt||"",className:"tablet:block hidden h-full overflow-hidden",imgClassName:"h-full transition-all duration-300 group-hover:scale-105 object-cover",style:{aspectRatio:`${p?.width}/${p?.height}`}}),H(y?.mimeType)?t("video",{autoPlay:!0,muted:!0,playsInline:!0,loop:!0,className:"tablet:hidden block size-full overflow-hidden object-cover",children:t("source",{src:y?.url,type:"video/mp4"})}):t(z,{source:y?.url||p?.url,alt:y?.alt||p?.alt||"",className:"tablet:hidden block h-full overflow-hidden",imgClassName:"h-full transition-all duration-300 object-cover"})]}),l("div",{className:P("pointer-events-none absolute inset-0 z-20 flex flex-col",T==="full"?"laptop:justify-center justify-end":"justify-end"),children:[l("div",{className:"laptop:p-6 desktop:p-[32px] laptop:gap-4 desktop:gap-6 pointer-events-auto flex w-fit flex-col gap-6 p-4",children:[l("div",{className:"flex flex-col gap-1",children:[t(j,{size:3,as:"h3",className:"item-title",html:r}),t(j,{as:"h4",className:"item-description desktop:text-[16px] lg-desktop:text-[18px] line-clamp-2 text-[14px]",html:c})]}),l("div",{className:"lg-desktop:gap-3 flex gap-2",children:[s&&s.text&&l(R,{"aria-label":r??c,className:P(a,"link-left"),variant:"secondary",as:"a","data-track":`${e}-link-left`,onClick:()=>{u?.(b)},href:_(G(s.link||"",o?.locale||"us"),`${h}_${k}`),"data-headless-type-name":`${h}#${k}`,"data-headless-title-desc-button":`${r}#${c}#${s.text}`,"data-headless-nav-position":`${o?.activeTab}#${d}`,children:[s.text,t("span",{className:"sr-only",children:r??c})]}),g&&g.text&&t(R,{"aria-label":r??c,className:P(a,"link-right"),variant:"primary","data-track":`${e}-link-right`,as:"a",onClick:()=>{N?.(b)},href:_(G(g.link||"",o?.locale||"us"),`${h}_${k}`),"data-headless-type-name":`${h}#${k}`,"data-headless-title-desc-button":`${r}#${c}#${g.text}`,"data-headless-nav-position":`${o?.activeTab}#${d}`,children:g.text})]})]}),(f?.url||B)&&t("div",{className:"laptop:bottom-6 laptop:right-6 pointer-events-auto absolute bottom-4 right-4",children:t("button",{onClick:()=>{o?.onVideoPlayBtnClick?.(x&&B?B:f?.url||B,x)},className:"laptop:size-12 flex size-8 items-center justify-center rounded-full bg-white bg-opacity-20 hover:bg-black/75",children:t("svg",{width:"12",height:"14",viewBox:"0 0 12 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t("path",{d:"M12 7L0 14L0 0L12 7Z",fill:"white"})})})})]})]})},U=Q.forwardRef((b,o)=>{const{data:d,className:T,onSecondaryButtonClick:w,onPrimaryButtonClick:u,...N}=b,{sectionTitle:i,groupByTab:M=!1,items:m=[],carousel:n}=d,[C,V]=L(!1),[r,c]=L(""),[p,g]=L(""),{locale:s="us"}=oe(),y=e=>{switch(e){case"full":return 12;case"half":return 6;case"one-third":return 4}},v=m.map(e=>e.tabName).filter(Boolean).filter((e,a,A)=>A.indexOf(e)===a),f=(e,a)=>{V(!0),a?g?.(e||""):c?.(e||"")},B=(e,a)=>{switch(e){case 1:return 1;case 2:return 2;default:return a?2.3:3}},x=v.map(e=>({tabName:e,items:m.filter(a=>a.tabName===e)})).reduce((e,a)=>(e[a.tabName]=a.items,e),{});return d.mode==="carousel"&&m.length>0?t(Z,{data:d,onPrimaryButtonClick:u,onSecondaryButtonClick:w,className:T,ref:o,...N}):l("section",{"data-ui-component-id":"MultiLayoutGraphicBlock",ref:o,...N,className:P("multiLayoutGraphicBlock","text-info-primary",T),children:[i&&t(W,{data:{title:i},className:"section-title"}),M?l(X,{align:"left",defaultValue:I(v[0]),children:[t(ee,{children:v.map((e,a)=>t(te,{value:I(e),onClick:()=>{le({event:"ga4Event",event_name:"component_click",event_parameters:{page_group:"Home Page",component_type:h,component_name:k,component_title:i,component_position:1,navigation:e,button_name:e}})},children:e},a))}),v.map((e,a)=>t(ae,{value:I(e),className:"desktop:mt-[36px] mt-[24px] w-full",children:l(D,{children:[t(S,{className:"!overflow-visible",id:"MultiLayoutGraphicBlock1",data:{list:x?.[e]||[],configuration:{isTab:M,activeTab:e,title:i,num:x?.[e]?.length||0,locale:s,onVideoPlayBtnClick:f,onSecondaryButtonClick:w,onPrimaryButtonClick:u}},Slide:$,breakpoints:{0:{spaceBetween:12,freeMode:!1,slidesPerView:1},374:{spaceBetween:12,freeMode:!1,slidesPerView:1.2},768:{spaceBetween:16,freeMode:!1,slidesPerView:B(x?.[e]?.length||0,!0)},1024:{spaceBetween:16,freeMode:!1,slidesPerView:B(x?.[e]?.length||0)}}}),n&&n?.items.length>0?t(S,{className:"!overflow-visible",id:"MultiLayoutGraphicBlock2",data:{list:n?.items||[],configuration:{isTab:M,locale:s,onVideoPlayBtnClick:f,title:i,onSecondaryButtonClick:w,onPrimaryButtonClick:u}},Slide:$,breakpoints:{0:{spaceBetween:12,freeMode:!1,slidesPerView:1},374:{spaceBetween:12,freeMode:!1,slidesPerView:1.2},768:{spaceBetween:16,freeMode:!1,slidesPerView:2.3},1024:{spaceBetween:16,freeMode:!1,slidesPerView:3.1},1440:{spaceBetween:16,freeMode:!1,slidesPerView:4}}}):null]})},a))]}):l(D,{children:[l(K,{className:"w-full",children:[m.map((e,a)=>t(E,{span:y(e.width??"full"),className:"laptop:block hidden",children:t($,{data:e,configuration:{locale:s,onVideoPlayBtnClick:f,title:i},jIndex:a,spanType:e.width,onSecondaryButtonClick:w,onPrimaryButtonClick:u})},`${e?.title||""}${a}`)),m.map((e,a)=>t(E,{span:y("full"),className:"laptop:hidden block",children:t($,{data:e,configuration:{locale:s,onVideoPlayBtnClick:f,title:i},jIndex:a,spanType:"full",onSecondaryButtonClick:w,onPrimaryButtonClick:u})},`${e?.title||""}${a}`))]}),n&&n?.items.length>0?t(S,{className:"!overflow-visible",id:"MultiLayoutGraphicBlock3",data:{list:n?.items||[],configuration:{locale:s,onVideoPlayBtnClick:f,title:i,onSecondaryButtonClick:w,onPrimaryButtonClick:u}},Slide:$,breakpoints:{0:{spaceBetween:12,freeMode:!1,slidesPerView:1},374:{spaceBetween:12,freeMode:!1,slidesPerView:1.2},768:{spaceBetween:16,freeMode:!1,slidesPerView:2.3},1024:{spaceBetween:16,freeMode:!1,slidesPerView:3.1},1440:{spaceBetween:16,freeMode:!1,slidesPerView:4}}}):null]}),C&&t(J,{visible:C,youTubeId:p,videoUrl:r,onCloseModal:()=>V(!1)})]})});U.displayName="MultiLayoutGraphicBlock";var Te=F(U,{container:{desktopSpan:12,mobileSpan:12}});export{Te as default};
-//# sourceMappingURL=MultiLayoutGraphicBlock.js.map

package/dist/esm/biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlockCarousel.js

@@ -1,2 +1 @@
 "use client";import{jsx as t,jsxs as o}from"react/jsx-runtime";import k,{useRef as w,useCallback as $,useState as x,useEffect as N}from"react";import{Swiper as F,SwiperSlide as J}from"swiper/react";import{Navigation as C,Pagination as L,Autoplay as K}from"swiper/modules";import{cn as m,getLocalizedPath as b}from"../../helpers/index.js";import Q from"../Title/index.js";import{Button as S,Heading as X,Picture as B}from"../../components/index.js";import{Text as Y}from"../../components/text.js";import{isVideo as M}from"../../shared/mimeType.js";import{useAiuiContext as Z}from"../AiuiProvider/index.js";import"swiper/css";import"swiper/css/navigation";import"swiper/css/pagination";const ee=()=>o("svg",{className:"lg-desktop:size-14 size-10",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[t("circle",{cx:"20",cy:"20",r:"20",fill:"currentColor",fillOpacity:"0.2"}),t("path",{d:"M23 13L16 20L23 27",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),te=()=>o("svg",{className:"lg-desktop:size-14 size-10",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[t("circle",{cx:"20",cy:"20",r:"20",fill:"currentColor",fillOpacity:"0.2"}),t("path",{d:"M17 13L24 20L17 27",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),z={sm:"tablet:aspect-[704/400] laptop:aspect-[896/384] desktop:aspect-[1312/512] lg-desktop:aspect-[1664/640]",base:"tablet:aspect-[704/400] laptop:aspect-[896/384] desktop:aspect-[1312/512] lg-desktop:aspect-[1664/640]",lg:"tablet:aspect-[704/400] laptop:aspect-[896/384] desktop:aspect-[1312/512] lg-desktop:aspect-[1664/640]"},T=k.forwardRef(({data:h,className:E,onSecondaryButtonClick:P,onPrimaryButtonClick:_,...j},I)=>{const s=h.items||[],n=h.carouselConfig,U=(n?.showArrows??!0)&&s.length>1,g=n?.showDots??!0,l=n?.autoplaySeconds,A=n?.size??"base",r=w(null),[R,H]=x(0),[c,D]=x(null),p=w(s.map(()=>k.createRef()));N(()=>{const e=r.current;!e||!c||e.pagination&&(e.pagination.el=c,e.pagination.init(),e.pagination.render(),e.pagination.update())},[c]);const G=(s[R]?.theme??"light")==="dark";N(()=>{const e=()=>{const a=r.current;if(a)if(document.visibilityState==="hidden")a.autoplay?.stop();else{a.autoplay?.start();const u=a.realIndex??0;p.current.forEach((i,d)=>{i.current&&i.current.querySelectorAll("video").forEach(f=>{d!==u&&f.pause()})})}};return document.addEventListener("visibilitychange",e),()=>document.removeEventListener("visibilitychange",e)},[]);const q=l!=null&&l>0?[C,L,K]:[C,L],O=l!=null&&l>0?{delay:Math.max(l*1e3,3e3),disableOnInteraction:!1}:!1,V=$(e=>{const a=e.realIndex;p.current.forEach((i,d)=>{d!==a&&i.current&&i.current.querySelectorAll("video").forEach(f=>{f.pause(),f.currentTime=0})});const u=p.current[a];u?.current&&u.current.querySelectorAll("video").forEach(i=>{i.paused&&i.play()?.catch(()=>{})}),H(a)},[]),{locale:v}=Z(),W=z[A]??z.base,{sectionTitle:y}=h;return o("section",{ref:I,className:m("multilayout-graphic-block-carousel group relative w-full","laptop:overflow-hidden","laptop:block flex flex-col",E),...j,children:[y&&t(Q,{data:{title:y},className:"section-title"}),o("div",{className:m("laptop:mb-0 relative mb-5 shrink-0",W,{"aiui-dark":G}),children:[t(F,{className:"tablet:h-full h-[400px]",onSwiper:e=>r.current=e,onSlideChange:V,modules:q,slidesPerView:1,loop:!0,initialSlide:0,allowTouchMove:!0,autoplay:O,pagination:g?{clickable:!0,el:c,renderBullet:(e,a)=>`<span class="${a} banner-dot"></span>`}:!1,children:s.map((e,a)=>t(J,{className:"h-full",children:o("div",{ref:p.current[a],className:m("item-wrapper text-info-primary relative size-full overflow-hidden",{"aiui-dark":e.theme==="dark","rounded-box":!0}),children:[(e.blockLink||e.secondaryButton?.link)&&t("a",{className:"absolute inset-0 z-10",href:b(e.blockLink||e.secondaryButton?.link||"",v||"us"),"aria-hidden":"true",tabIndex:-1}),o("div",{className:"absolute inset-0",children:[M(e.imageUrl?.mimeType)?t("video",{autoPlay:!0,muted:!0,playsInline:!0,loop:!0,className:"tablet:block hidden size-full overflow-hidden object-cover",children:t("source",{src:e.imageUrl?.url,type:"video/mp4"})}):t(B,{source:e.imageUrl?.url,alt:e.imageUrl?.alt||"",className:"tablet:block hidden h-full overflow-hidden",imgClassName:"h-full transition-all duration-300 group-hover:scale-105 object-cover"}),M(e.imageMobileUrl?.mimeType)?t("video",{autoPlay:!0,muted:!0,playsInline:!0,loop:!0,className:"tablet:hidden block size-full overflow-hidden object-cover",children:t("source",{src:e.imageMobileUrl?.url,type:"video/mp4"})}):t(B,{source:e.imageMobileUrl?.url||e.imageUrl?.url,alt:e.imageMobileUrl?.alt||e.imageUrl?.alt||"",className:"tablet:hidden block h-full overflow-hidden",imgClassName:"h-full object-cover"})]}),t("div",{className:"laptop:justify-center pointer-events-none absolute inset-0 z-20 flex flex-col justify-end",children:o("div",{className:"laptop:p-6 desktop:p-[32px] laptop:gap-4 desktop:gap-6 pointer-events-auto flex w-fit flex-col gap-6 p-4",children:[o("div",{className:"flex flex-col gap-1",children:[t(X,{size:3,as:"h3",className:"item-title",html:e.title}),t(Y,{className:"item-description desktop:text-[16px] lg-desktop:text-[18px] line-clamp-1 text-[14px]",html:e.description})]}),o("div",{className:"lg-desktop:gap-3 flex gap-2",children:[e.secondaryButton?.text&&o(S,{"aria-label":e.title??e.description,className:"link-left",variant:"secondary",as:"a",href:b(e.secondaryButton.link||"",v||"us"),onClick:P,children:[e.secondaryButton.text,t("span",{className:"sr-only",children:e.title??e.description})]}),e.primaryButton?.text&&o(S,{"aria-label":e.title??e.description,className:"link-right",variant:"primary",as:"a",href:b(e.primaryButton.link||"",v||"us"),onClick:_,children:[e.primaryButton.text,t("span",{className:"sr-only",children:e.title??e.description})]})]})]})})]})},a))}),U&&o("div",{className:"pointer-events-none absolute inset-0 z-20 flex items-center justify-between px-4",children:[t("button",{type:"button",className:"tablet:flex pointer-events-auto hidden scale-95 items-center justify-center opacity-0 transition-all duration-300 ease-out hover:scale-105 focus-visible:scale-105 group-focus-within:scale-100 group-focus-within:opacity-100 group-hover:scale-100 group-hover:opacity-100",onClick:()=>r.current?.slidePrev(),"aria-label":"Previous slide",children:t(ee,{})}),t("button",{type:"button",className:"tablet:flex pointer-events-auto hidden scale-95 items-center justify-center opacity-0 transition-all duration-300 ease-out hover:scale-105 focus-visible:scale-105 group-focus-within:scale-100 group-focus-within:opacity-100 group-hover:scale-100 group-hover:opacity-100",onClick:()=>r.current?.slideNext(),"aria-label":"Next slide",children:t(te,{})})]})]}),g&&t("div",{ref:D,className:m("multilayout-carousel-pagination swiper-pagination","[&_.banner-dot.swiper-pagination-bullet-active]:bg-info-primary [&_.banner-dot]:bg-info-quaternary","[&_.banner-dot.swiper-pagination-bullet-active]:h-2 [&_.banner-dot.swiper-pagination-bullet-active]:w-8","[&_.banner-dot.swiper-pagination-bullet-active]:rounded-full [&_.banner-dot]:size-2","[&_.banner-dot]:rounded-full [&_.banner-dot]:transition-all [&_.banner-dot]:duration-300 [&_.banner-dot]:ease-out","[&_.swiper-pagination-bullet]:m-0 [&_.swiper-pagination-bullet]:shrink-0 [&_.swiper-pagination-bullet]:opacity-100","absolute !left-1/2 z-20 flex !w-auto !-translate-x-1/2 items-center justify-center gap-2","laptop:!bottom-4 lg-desktop:!bottom-6 !bottom-0")})]})});T.displayName="MultiLayoutGraphicBlockCarousel";var he=T;export{he as default};
-//# sourceMappingURL=MultiLayoutGraphicBlockCarousel.js.map

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

@@ -1,2 +1 @@
 import{default as p}from"./MultiLayoutGraphicBlock.js";export{p as default};
-//# sourceMappingURL=index.js.map

package/dist/esm/biz-components/MultiLayoutGraphicBlock/types.js

@@ -1 +0,0 @@
-//# sourceMappingURL=types.js.map

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

@@ -8,4 +8,3 @@ import{Fragment as T,jsx as o,jsxs as a}from"react/jsx-runtime";import{Picture a
               caret-color: #000;
             }
           `}),a("div",{className:"navigation-search-component laptop:h-[52px] desktop:h-[60px] desktop:pt-6 flex items-center justify-between gap-4 border-b border-b-gray-200 py-4 text-black",children:[o("input",{ref:x,value:r,onCompositionStart:()=>w(!0),onCompositionEnd:()=>w(!1),onKeyDown:z,onChange:e=>{_(e.target.value),e.target.value&&A(e.target.value)},type:"text",className:"flex-1 bg-white text-sm font-bold leading-[1.4] outline-none placeholder:text-[#4A4C56] focus-visible:!outline-none",placeholder:t?.placeholder}),a("div",{className:"flex items-center gap-3",children:[o(J,{className:"size-5 cursor-pointer",onClick:()=>c(r)}),o("div",{className:"h-[20px] w-px bg-[#E4E5E6]"}),o(Q,{className:"size-5 cursor-pointer",onClick:p})]})]}),o("div",{className:"desktop:gap-12 desktop:py-6 flex flex-col gap-6 py-4 text-black",children:L===h.Predict?a(T,{children:[a("div",{children:[a("div",{className:"flex items-center gap-1",children:[o(n,{html:t?.suggestText,className:"text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),i?.items?.length>6&&o(j,{as:"a",iconClassName:"size-4",href:l(`${t?.moreLink}?q=${r.toLowerCase()}`,s),className:"!p-0 !text-sm font-bold leading-[1.2]",variant:"link",children:t?.moreText})]}),o("div",{className:"mt-2 flex flex-col",children:i?.items?.filter(e=>se(e)).slice(0,6)?.map(e=>o(v,{className:"rounded-sidebar-shelf w-full p-4 no-underline hover:bg-[#F5F5F7] hover:text-current",href:q(e),children:o(n,{html:ae(e.title,r),className:"cursor-pointer text-sm font-bold leading-[1.4]"})},e.id))})]}),a("div",{children:[o(n,{html:t?.hotProductsText,className:"text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),a("div",{className:"tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-4 tablet:gap-x-3 tablet:gap-y-4 laptop:gap-4 mt-2 grid grid-cols-1 gap-2",children:[t?.advertisingBgImg?.url&&o(v,{asChild:!t?.advertisingLink,href:l(t?.advertisingLink,s),children:a("div",{className:"rounded-sidebar-shelf relative",children:[o(C,{source:t?.advertisingBgImg?.url,className:"laptop:h-[120px] h-[114px]",imgClassName:"object-cover h-full"}),a("div",{className:"absolute inset-x-0 bottom-0 p-4",children:[o(D,{size:2,html:t?.advertisingTitle||"Buy in Guide",className:g("font-bold text-white",{"text-black":t?.advertisingTheme==="dark"})}),o(n,{html:t?.advertisingSubtitle||"20.000mAh",className:g("text-sm font-bold text-white",{"text-black":t?.advertisingTheme==="dark"})})]})]})}),i?.items?.filter(e=>e.type.toLowerCase()==="product").slice(0,t?.advertisingBgImg?.url?7:8)?.map(e=>{const u=e?.variants?.[0],k=`${u?.image?.url||e?.images?.[0]?.url}`,y=e?.title||e?.name,G=e?.description,H=e?.badge||"",K=l(`/products/${e?.handle}?variant=${$(u?.id)}`,s);return o(P,{productImage:k,productName:y,productDesc:G,productBadge:H,listingLink:K},e.id)})]})]},"predict-advertising-card")]}):a(T,{children:[L===h.Empty&&o(n,{html:t?.noResultText,as:"p",className:"border-b border-[#E4E5E6] pb-6 text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),a("div",{children:[o(n,{html:t?.popularText,className:"text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),a("div",{className:"mt-2",children:[o(ie,{data:t,keywords:W,locale:s}),Array.isArray(t?.popularPages)&&!!t?.popularPages?.length&&o(V,{className:"laptop:gap-4 laptop:mt-4 mt-3 gap-3",children:t?.popularPages?.map(e=>o(O,{className:"tablet:col-span-6 laptop:p-3 desktop:p-4 laptop:col-span-3 col-span-12 p-2 hover:bg-[#F5F5F7]",children:o("a",{href:l(`${t?.moreLink}?q=${e?.popularPage.toLowerCase()}`,s),className:"line-clamp-1 cursor-pointer text-sm font-bold leading-[1.4]",children:e?.popularPage})},e?.id))})]})]}),a("div",{children:[o(n,{html:t?.hotProductsText,className:"text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),a("div",{className:"tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-4 tablet:gap-x-3 tablet:gap-y-4 laptop:gap-4 mt-2 grid grid-cols-1 gap-2",children:[t?.advertisingBgImg?.url&&o(v,{asChild:!t?.advertisingLink,href:l(t?.advertisingLink,s),children:a("div",{className:"rounded-sidebar-shelf relative overflow-hidden [&_img]:hover:scale-110 [&_img]:hover:transition-all [&_img]:hover:duration-500",children:[o(C,{source:t?.advertisingBgImg?.url,className:"laptop:h-[120px] h-[114px]",imgClassName:"object-cover h-full"}),a("div",{className:"absolute inset-x-0 bottom-0 p-4",children:[o(D,{size:2,html:t?.advertisingTitle||"Buy in Guide",className:g("font-bold text-white",{"text-black":t?.advertisingTheme==="dark"})}),o(n,{html:t?.advertisingSubtitle||"20.000mAh",className:g("text-sm font-bold text-white",{"text-black":t?.advertisingTheme==="dark"})})]})]})}),t?.hotProducts?.slice(0,t?.advertisingBgImg?.url?7:8)?.map(e=>{const u=e?.custom_description,k=e?.badge||"",y=l(`/products/${e?.handle}?variant=${$(e?.shopify_id)}`,s);return o(P,{productImage:e?.image,productName:e?.name,productDesc:u,productBadge:k,listingLink:y},e.shopify_id||e.id)})]})]},"empty-advertising-card")]})})]})});B.displayName="NavigationSearch";const P=({productImage:t,productName:c,productDesc:p,productBadge:i,className:d,listingLink:m})=>{const{componentOverrides:f}=ee(),b=f?.badge?.variant;return o(v,{href:m,className:"block no-underline hover:text-current",children:a("div",{className:g("rounded-sidebar-shelf flex shrink-0 gap-4 overflow-hidden bg-[#F5F5F7] px-4 py-3 [&_img]:hover:scale-110 [&_img]:hover:duration-500",d),children:[o("div",{className:"shrink-0",children:o("img",{src:t,loading:"lazy",alt:c,width:90,height:90,className:"size-[96px] object-contain"})}),a("div",{className:"relative",children:[o("div",{className:" h-[24px] ",children:i&&o(R,{size:"sm",variant:b,className:"mb-1",children:i})}),a("div",{children:[o(n,{className:"lg-desktop:h-[44px] lg-desktop:text-base line-clamp-2 h-[40px] text-sm font-bold leading-[1.4]",html:c}),p&&o(n,{as:"p",html:p,className:"lg-desktop:text-sm mt-1 line-clamp-1 text-xs font-bold leading-[1.4] text-[#6D6D6F]"})]})]})]})})},ie=({data:t,keywords:c,locale:p})=>o("div",{className:"laptop:gap-4 flex flex-wrap gap-3",children:c?.map((i,d)=>o("a",{href:l(`${t?.moreLink}?q=${i?.toLowerCase()}`,p),className:"rounded-sidebar-shelf laptop:p-3 desktop:p-4 cursor-pointer p-2 text-sm font-bold leading-[1.4] hover:bg-[#F5F5F7]",children:i},d))});var fe=te(B);export{se as canSearch,fe as default};
-//# sourceMappingURL=index.js.map

package/dist/esm/biz-components/NavigationSearch/types.js

@@ -1,2 +1 @@
 var t=(e=>(e.Default="default",e.Predict="predict",e.Empty="empty",e))(t||{});export{t as SearchStatus};
-//# sourceMappingURL=types.js.map

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

@@ -1,2 +1 @@
 "use client";import{jsx as t,jsxs as m}from"react/jsx-runtime";import{useCallback as D,useEffect as re,useState as f}from"react";import{Button as P,Text as c,Dialog as le,DialogContent as ie,DialogHeader as ne,DialogTitle as se,DialogDescription as me,Input as ce,Checkbox as pe,Heading as R}from"../../components/index.js";import{cn as s}from"../../helpers/index.js";import*as de from"react";import{useExposure as ue}from"../../hooks/useExposure.js";import{useAiuiContext as fe}from"../AiuiProvider/index.js";import{gaTrack as $}from"../../shared/track.js";const h="copy",y="NotifyMeDialog",ge=/^[^\s@]+@[^\s@]+\.[^\s@]+$/,j=({open:G,onOpenChange:E,copy:q,classNames:n,checkboxes:i=[],subscriptionMeta:N,onSubmit:w})=>{const{title:v,subTitle:g,emailLabel:A="Email address",emailPlaceholder:F="your@email.com",submitBtnText:T="Notify Me",errorEmpty:W,errorInvalidEmail:X,errorCheckboxRequired:J,errorSubmit:C="Something went wrong. Please try again.",errorSubmitDetail:K,successTitle:Q,successDesc:S,successBtnText:M}=q,H=de.useRef(null),{trackingData:B}=fe();ue(H,{componentType:h,componentName:y,componentTitle:v,componentDescription:g});const[x,L]=f(""),[k,z]=f(()=>i.map(()=>!1)),[p,u]=f("idle"),[U,_]=f(()=>i.map(()=>!1)),[o,d]=f("idle"),[I,b]=f(null),V=I?K?.find(e=>e.code===I)?.message??C:C,Y=o!=="loading"&&o!=="success",Z=D(e=>{const r=i[e];r&&$({event:"ga4Event",event_name:"component_click",event_parameters:{page_group:B.pageGroup||"Home Page",component_type:h,component_name:y,button_name:r.label,component_title:v,component_description:g||""}}),z(l=>{const a=[...l];return a[e]=!a[e],a}),_(l=>{const a=[...l];return a[e]=!1,a}),p!=="idle"&&u("idle"),o==="error-submit"&&(d("idle"),b(null))},[p,o]),O=D(e=>{L(e.target.value),p!=="idle"&&u("idle"),_(r=>r.some(Boolean)?r.map(()=>!1):r),o==="error-submit"&&(d("idle"),b(null))},[p,o]),ee=D(async()=>{$({event:"ga4Event",event_name:"component_click",event_parameters:{page_group:B.pageGroup||"Home Page",component_type:h,component_name:y,button_name:T,component_title:v,component_description:g||""}});let e=!1;x.trim()?ge.test(x.trim())?u("idle"):(u("error-format"),e=!0):(u("error-empty"),e=!0);const r=i.map((l,a)=>l.label&&l.required&&!k[a]?(e=!0,!0):!1);if(_(r),!e){d("loading");try{const l=i.map((a,oe)=>a.checkbox_id!==void 0?{checkbox_id:a.checkbox_id,checked:k[oe]}:null).filter(a=>a!==null);await w({email:x.trim(),checkedItems:l,meta:N}),d("success")}catch(l){const a=l&&typeof l=="object"&&"code"in l?String(l.code):null;b(a),d("error-submit")}}},[x,i,k,N,w]);re(()=>{if(o!=="error-submit")return;const e=setTimeout(()=>{d("idle"),b(null)},3e3);return()=>clearTimeout(e)},[o]);const te=D(e=>{e||(L(""),z(i.map(()=>!1)),u("idle"),_(i.map(()=>!1)),d("idle"),b(null)),E(e)},[i,E]),ae=i.some(e=>e.label);return t(le,{open:G,onOpenChange:te,children:m(ie,{ref:H,"aria-describedby":"notify-me-content",className:s("laptop:max-w-[480px] laptop:[&_.dialog-close-icon]:size-6 laptop:gap-8 rounded-box laptop:p-8 max-h-[90vh] w-[calc(100%-32px)] gap-6 overflow-y-auto bg-white p-6 [&_.dialog-close-icon]:size-5",n?.root),children:[o!=="success"&&m(ne,{className:s(n?.header),children:[t(se,{children:t(R,{as:"h2",size:2,className:s("text-info-primary text-center font-bold",n?.title),children:v})}),g&&t(me,{asChild:!0,children:t(c,{as:"p",className:s("text-info-primary laptop:text-base mt-1 text-center text-sm",n?.subTitle),children:g})})]}),o==="success"?m("div",{className:s("flex flex-col items-center text-center",n?.successText),children:[t("div",{className:"flex size-20 items-center justify-center",children:m("svg",{xmlns:"http://www.w3.org/2000/svg",width:"80",height:"80",viewBox:"0 0 80 80",fill:"none",children:[t("circle",{cx:"40",cy:"40",r:"35",fill:"#30D158"}),t("path",{d:"M23.3333 38.3333L36.6666 50L56.6666 30",stroke:"white",strokeWidth:"6.66667",strokeLinecap:"round",strokeLinejoin:"round"})]})}),m("div",{className:"mt-4",children:[t(R,{as:"h3",size:2,className:"text-info-primary font-bold",children:Q}),S&&t(c,{as:"p",className:"text-info-primary laptop:text-base mt-1 text-sm",children:S})]}),M&&t(P,{variant:"primary",size:"lg",onClick:()=>E(!1),className:"laptop:mt-8 mt-6 w-full",children:M})]}):m("div",{className:"flex flex-col gap-4",children:[m("div",{className:n?.emailInput,children:[t(c,{as:"label",htmlFor:"notify-me-email",className:"text-info-primary laptop:text-base mb-2 block text-sm",children:A}),t(ce,{id:"notify-me-email",type:"email",placeholder:F,value:x,onChange:O,disabled:o==="loading",className:s("placeholder:text-info-tertiary text-info-primary laptop:h-[54px] laptop:text-base laptop:p-4 border-lines-1 h-[44px] w-full bg-white p-3 text-sm font-bold placeholder:font-bold focus-visible:!outline-none",p!=="idle"&&"border-error-0")}),p==="error-empty"&&t(c,{as:"p",className:"text-error-0 laptop:text-base mt-2 text-sm",children:W}),p==="error-format"&&t(c,{as:"p",className:"text-error-0 laptop:text-base mt-2 text-sm",children:X})]}),ae&&t("div",{className:s("laptop:gap-4 flex flex-col gap-2",n?.checkboxes),children:i.map((e,r)=>e.label?m("div",{children:[m("label",{className:s("text-info-tertiary flex cursor-pointer items-start gap-2",n?.checkboxItem),children:[t(pe,{checked:k[r],onCheckedChange:()=>Z(r),"data-headless-type-name":`${h}#${y}`,"data-headless-title-desc-button":`''#''#${e.label}`,"data-headless-nav-position":"''#1",disabled:o==="loading",className:"border-info-secondary data-[state=checked]:bg-info-secondary mt-0.5 shrink-0"}),t(c,{as:"span",className:"text-info-tertiary laptop:text-base [&_a]:text-brand-0 text-sm leading-snug [&_a]:underline",html:e.label})]}),U[r]&&t(c,{as:"p",className:"text-error-0 laptop:text-base mt-2 text-sm",children:J})]},r):null)}),t(P,{variant:"primary",size:"lg",loading:o==="loading",disabled:!Y,onClick:ee,className:s("w-full",n?.submitBtn),"data-headless-type-name":`${h}#${y}`,"data-headless-title-desc-button":`''#''#${T}`,"data-headless-nav-position":"''#1",children:T}),o==="error-submit"&&t(c,{as:"p",className:s("text-error-0 laptop:text-base text-sm",n?.errorText),children:V})]})]})})};j.displayName="NotifyMeDialog";var _e=j;export{_e as default};
-//# sourceMappingURL=NotifyMeDialog.js.map

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

@@ -1,2 +1 @@
 import{default as i}from"./NotifyMeDialog.js";export{i as NotifyMeDialog};
-//# sourceMappingURL=index.js.map

package/dist/esm/biz-components/NotifyMeDialog/types.js

@@ -1 +0,0 @@
-//# sourceMappingURL=types.js.map

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

@@ -1,2 +1 @@
 import{jsx as t,jsxs as x}from"react/jsx-runtime";import{useEffect as N,useRef as P,useState as R}from"react";import{Heading as f,Text as z}from"../../components/index.js";import{cn as l}from"../../helpers/index.js";import{withLayout as k}from"../../shared/Styles.js";function L({children:e,offset:r=800}){const[o,i]=R(!1),p=P(null);return N(()=>{const s=new IntersectionObserver(([d])=>d.isIntersecting&&i(!0),{rootMargin:`${r}px`});return p.current&&s.observe(p.current),()=>s.disconnect()},[r]),t("div",{ref:p,className:"size-full",children:o&&e})}function b({media:e,poster:r,className:o}){return e?.url?e.mimeType?.startsWith("video/")?t("video",{src:e.url,playsInline:!0,autoPlay:!0,muted:!0,loop:!0,poster:r?.url||"",preload:"metadata",disablePictureInPicture:!0,disableRemotePlayback:!0,className:o,width:e.width,height:e.height}):t("img",{src:e.url,alt:e.alt||"",className:o,width:e.width,height:e.height}):null}function C(e,r,o){return r===2?o==="1:1"?"laptop:flex-[1]":e===0?"laptop:flex-[2]":"laptop:flex-[3]":"laptop:flex-[1]"}function A({data:e,className:r,...o}){const{title:i,titleType:p="primary",titleIcon:s,subtitle:d,subtitleImage:n,textAlign:h="left",products:c=[],twoImageRatio:y="2:3",threeImageRatio:E="1:1:1",theme:T="light"}=e,u=h==="center"?"text-center":"text-left laptop:text-left",g=()=>p==="secondary"?3:4,v=()=>i?p==="selling-point"&&s?x("div",{className:l("product-compare-title-wrapper flex items-center gap-[8px]",u==="text-center"?"justify-center":""),children:[t("img",{src:s.url,alt:s.alt||"",className:"product-compare-title-icon laptop:size-[32px] size-[24px]"}),t(f,{as:"h2",size:g(),html:i,className:"product-compare-title",style:{color:"#00BEFA"}})]}):t(f,{as:"h2",size:g(),html:i,className:l("product-compare-title",u)}):null;return x("section",{...o,className:l("product-compare text-info-primary",r,{"aiui-dark":T==="dark"}),children:[v(),d&&t(z,{as:"p",size:2,html:d,className:l("product-compare-subtitle tablet:text-[14px] laptop:text-[14px] desktop:text-[16px] lg-desktop:text-[18px] mt-[4px] text-[14px]",u)}),n&&t("div",{className:l("product-compare-subtitle-image laptop:mt-[24px] mt-[16px]",u==="text-center"?"flex justify-center":""),children:t("img",{src:n.url,alt:n.alt||"",className:"max-w-full",width:n.width,height:n.height})}),t("div",{className:"product-compare-container tablet:flex-row tablet:flex-nowrap laptop:mt-[32px] mt-[24px] flex w-full flex-col items-stretch gap-[16px]",children:c.map((a,m)=>{const w=m===c.length-1,I=C(m,c.length,y),M=w?"bg-brand-0":"bg-[rgba(0,0,0,0.2)]";return x("div",{className:l("product-compare-item rounded-box relative shrink overflow-hidden",I,{"order-2 tablet:order-1":m===0&&c.length===2,"order-1 tablet:order-2":m===1&&c.length===2}),children:[a.text&&t("div",{className:l("product-compare-label rounded-btn laptop:left-[28px] laptop:top-[28px] laptop:px-[28px] laptop:pb-[14px] laptop:pt-[15px] desktop:left-[32px] desktop:top-[32px] text-badge-foreground absolute left-[16px] top-[16px] z-10 px-[20px] pb-[10px] pt-[11px] font-bold",M),children:t(f,{as:"h6",className:"font-bold",size:1,children:a.text})}),x(L,{offset:1500,children:[t(b,{media:a.media,poster:a.poster,className:"product-compare-media laptop:block hidden size-full object-cover"}),t(b,{media:a.mobMedia?a.mobMedia:a.media,poster:a.mobPoster?a.mobPoster:a.poster,className:"product-compare-media-mobile laptop:hidden block w-full"})]})]},m)})})]})}var S=k(A);export{S as default};
-//# sourceMappingURL=index.js.map

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

@@ -1,2 +1 @@
 "use client";import{jsx as t,jsxs as r}from"react/jsx-runtime";import f,{useRef as b,useImperativeHandle as x}from"react";import{Heading as p,Button as _,Picture as N,Text as k}from"../../components/index.js";import{cn as g}from"../../helpers/utils.js";import{withLayout as H}from"../../shared/Styles.js";import{useExposure as v}from"../../hooks/useExposure.js";const P="image",w="product_hero",l=f.forwardRef(({data:c,className:i},m)=>{const{title:s,subtitle:e,ctaText:a,poster:u,mobPoster:n,ctaLink:d,theme:h="light"}=c,o=b(null);return v(o,{componentType:P,componentName:w,componentTitle:s,componentDescription:e}),x(m,()=>o.current),r("section",{ref:o,"data-ui-component-id":"ProductHero",className:g("product-hero text-info-primary tablet:flex-row tablet:gap-[16px] lg-desktop:gap-[64px] flex w-full flex-col items-center justify-between gap-[32px]",{"aiui-dark":h==="dark"},i),children:[r("div",{className:"product-hero__content tablet:basis-[42%] laptop:basis-[36%] flex w-full flex-col items-start gap-[24px]",children:[r("div",{className:"product-hero__text",children:[t(p,{as:"h3",size:4,html:s,className:"product-hero__title"}),t(p,{as:"h4",size:2,html:e,className:"product-hero__subtitle product-hero__subtitle--desktop laptop:mt-[12px] laptop:block desktop:mt-[16px] mt-[4px] hidden"}),t(k,{as:"p",size:2,html:e,className:"product-hero__subtitle product-hero__subtitle--mobile laptop:mt-[12px] laptop:hidden desktop:mt-[16px] mt-[4px] block"})]}),a&&t("a",{href:d,className:"product-hero__cta-link",children:t(_,{className:"product-hero__cta-button w-fit",children:a})})]}),t(N,{className:"product-hero__image tablet:aspect-[824/640] tablet:basis-[58%] laptop:basis-[64%] rounded-box aspect-[358/360] shrink",source:`${u?.url}, ${n?.url} 768`,imgClassName:"h-full object-cover"})]})});l.displayName="ProductHero";var R=H(l);export{R as default};
-//# sourceMappingURL=ProductHero.js.map

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

@@ -1,2 +1 @@
 import{default as e}from"./ProductHero.js";export{e as default};
-//# sourceMappingURL=index.js.map

package/dist/esm/biz-components/ProductHero/types.js

@@ -1 +0,0 @@
-//# sourceMappingURL=types.js.map

package/dist/esm/biz-components/ProductLottery/MediaDrawArea.js

@@ -1,2 +1 @@
 "use client";import{jsx as t,jsxs as l}from"react/jsx-runtime";import"react";import{cn as a}from"../../helpers/index.js";import"./types.js";const i={tablet:"(min-width: 768px)",laptop:"(min-width: 1025px)",desktop:"(min-width: 1440px)",lgDesktop:"(min-width: 1920px)"},v=({media:e,className:s})=>{const r=e.image?.alt||"Product Lottery";return l("picture",{children:[e.imageLgDesktop&&t("source",{media:i.lgDesktop,srcSet:e.imageLgDesktop.url}),e.imageDesktop&&t("source",{media:i.desktop,srcSet:e.imageDesktop.url}),e.imageLaptop&&t("source",{media:i.laptop,srcSet:e.imageLaptop.url}),e.imageTablet&&t("source",{media:i.tablet,srcSet:e.imageTablet.url}),t("img",{src:e.image?.url||"",alt:r,className:a("size-full object-cover",s),loading:"lazy"})]})},h=({media:e,autoPlay:s=!0,muted:r=!0,loop:n=!0,className:p})=>{const o=e.video;return o?t("video",{src:o.url,poster:o.thumbnailURL||void 0,autoPlay:s,muted:r,loop:n,playsInline:!0,className:a("size-full object-cover",p),"aria-label":o.alt||"Product Lottery Video"}):null},k={primary:a("bg-btn-primary text-btn-primary-foreground","shadow-lg"),secondary:a("bg-[#1D1D1F] text-white","shadow-lg hover:bg-[#1D1D1F]/90"),outline:a("border-2 border-white bg-transparent text-white","hover:bg-white/10")},u=({media:e,ctaButton:s,videoAutoPlay:r,videoMuted:n,videoLoop:p,isDrawing:o=!1,isDisabled:d=!1,onClick:m,className:b,ctaTrackTypeName:g,ctaTrackTitleDescButton:y})=>{const c=s?.text??"",f=s?.style||"primary";return l("div",{className:a("media-draw-area","size-full overflow-hidden",b),children:[t("div",{className:"absolute inset-0",children:e.type==="video"?t(h,{media:e,autoPlay:r,muted:n,loop:p}):t(v,{media:e})}),t("button",{type:"button",onClick:m,disabled:d||o,className:a("absolute inset-0 z-10 flex cursor-pointer items-end justify-center","tablet:pb-5 laptop:pb-6 desktop:pb-8 lg-desktop:pb-10 pb-4","disabled:cursor-not-allowed","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/60 focus-visible:ring-offset-2"),"aria-label":o?"Drawing in progress...":c,"aria-busy":o,"data-headless-type-name":g,"data-headless-title-desc-button":y,children:c&&l("span",{className:a("inline-flex items-center justify-center gap-2","rounded-btn px-6 py-2.5","text-sm font-semibold","laptop:px-8 laptop:py-3 laptop:text-base","desktop:px-10 desktop:py-3.5","transition-all duration-200","hover:scale-105 active:scale-95",k[f],o&&"pointer-events-none opacity-80",d&&"pointer-events-none opacity-50"),children:[o&&l("svg",{className:"size-4 animate-spin",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:[t("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",className:"opacity-25"}),t("path",{d:"M4 12a8 8 0 018-8",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",className:"opacity-75"})]}),c]})})]})};u.displayName="MediaDrawArea";var L=u;export{u as MediaDrawArea,L as default};
-//# sourceMappingURL=MediaDrawArea.js.map

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

@@ -1,2 +1 @@
 "use client";import{jsx as t,jsxs as f}from"react/jsx-runtime";import{useState as n,useCallback as I,useImperativeHandle as vt,forwardRef as Et,useEffect as T,useRef as _t}from"react";import{cn as h}from"../../helpers/index.js";import{DEFAULT_CHANCE_TITLE as Pt}from"./types.js";import{DEFAULT_CHANCE_METHODS as bt}from"../LotteryShared/types.js";import{Grid as Ct,GridItem as Ee}from"../../components/grid.js";import{MediaDrawArea as Nt}from"./MediaDrawArea.js";import{PrizePool as St}from"../LotteryShared/PrizePool.js";import{ChanceMethods as kt}from"../LotteryShared/ChanceMethods.js";import{WinnerModal as Lt}from"../LotteryShared/WinnerModal.js";import{RulesModal as At}from"../LotteryShared/RulesModal.js";import{MyRewardsModal as Wt}from"../LotteryShared/MyRewardsModal.js";import{ErrorModal as _e}from"../LotteryShared/ErrorModal.js";import{ShareModal as Rt}from"../LotteryShared/ShareModal.js";import{withLayout as Ot}from"../../shared/Styles.js";import{gaTrack as y}from"../../shared/track.js";import{useAiuiContext as zt}from"../AiuiProvider/index.js";import{useExposure as It}from"../../hooks/useExposure.js";import{trackUrlRef as Pe,buildTrackingRef as be}from"../../shared/trackUrlRef.js";const Dt="image",p="lottery_banner",M="\u4EA7\u54C1\u62BD\u5956",m="copy",w="lottery_pop",v="image",Ce=Et(({prizes:W,media:Ne,theme:a,ctaButton:te,videoAutoPlay:Se,videoMuted:ke,videoLoop:Le,chanceMethods:oe=bt,chanceTitle:Ae=Pt,chanceSubtitle:We,chanceFooterNote:Re,chanceMethodsText:R,mechanismType:D,inputConfig:i,inputPlaceholder:re,inputSubmitText:ne,inputType:ae,inputValidationErrorText:se,inputLoadingText:ie,winnerTickerData:Oe=[],winningInfos:le,winnerNameTemplate:ze,prizesTitle:Ie,onDrawStart:$,onDrawEnd:H,onDrawError:pe,winnerModalConfig:de,rulesModalConfig:De={},actionButtonConfig:d,myRewardsModalConfig:$e={},errorModalConfig:O={},shareModalConfig:E={},error:u,tryAgain:U,userData:x,loginPrompt:He,loginPromptText:Ue="Please log in to participate",loginButtonText:$t="Log In",onLoginRequired:_,onCopyCode:Fe,opportunitiesPrefix:ce,opportunitiesText:je=["Number of draws remaining today:"],dealsType:Ht,className:Ge},Be)=>{const Ut=He??Ue??"Please log in to participate",me=ce?[ce]:je??["Number of draws remaining today:"],fe=re||ne||ae||se||ie?{...i??{},placeholder:re??i?.placeholder??"Enter your order number",submitText:ne??i?.submitText??"Spin and Win",inputType:ae??i?.inputType??"text",validationErrorText:se??i?.validationErrorText,loadingText:ie??i?.loadingText}:i,P=u?{title:u.title??O?.title,message:u.defaultMessage??O?.message,confirmText:u.confirmButton??O?.confirmText,exchangeFailedTitle:u.exchangeFailedTitle,exchangeFailedMessage:u.exchangeFailedMessage}:O,o={...le,...de,confirmText:de?.confirmText??le?.confirmButton},{rulesData:b,rulesText:F="Rules"}=De,Ye=!!(d?.text&&d?.url),{rewardsData:j,myRewardsText:G="My Rewards",codeText:Ke="CODE:",copyText:ue="COPY",copiedText:xe="COPIED",prizeText:Je="Prize time:",emptyText:Qe,copyError:Xe,availableText:Ze,usedStatusText:Ve,expiredText:qe,notFoundText:et}=$e,tt=R?.completedText,ot=R?.usedText,B=x?.isLoggedIn??!1,rt=x?.availableChances??0,ge=oe.length>0||D==="input",Te=D==="input"&&!!i?.agreementNotice,[C,Y]=n(!1),[l,he]=n(null),[K,N]=n(!1),[J,S]=n(!1),[Q,k]=n(!1),[X,g]=n(!1),[Z,L]=n(!1),[V,A]=n(!1),[ye,z]=n(""),[nt,at]=n(),[st,it]=n(),[lt,pt]=n(),[dt,ct]=n(),[mt,ft]=n(),[r,ut]=n(),[q,xt]=n(!1),Me=_t(null);It(Me,{componentType:Dt,componentName:p,componentTitle:M});const{trackingData:s,pageHandle:we}=zt();T(()=>{K&&y({event:"ga4Event",event_name:"component_impression",event_parameters:{page_group:s?.pageGroup||"Home Page",component_type:v,component_name:w,component_title:"Winner"}})},[K,s]),T(()=>{Z&&y({event:"ga4Event",event_name:"component_impression",event_parameters:{page_group:s?.pageGroup||"Home Page",component_type:v,component_name:w,component_title:"Better Luck Next Time"}})},[Z,s]),T(()=>{J&&y({event:"ga4Event",event_name:"component_impression",event_parameters:{page_group:s?.pageGroup||"Home Page",component_type:v,component_name:w,component_title:"Rules"}})},[J,s]),T(()=>{Q&&y({event:"ga4Event",event_name:"component_impression",event_parameters:{page_group:s?.pageGroup||"Home Page",component_type:v,component_name:w,component_title:"My Rewards"}})},[Q,s]),T(()=>{V&&y({event:"ga4Event",event_name:"component_impression",event_parameters:{page_group:s?.pageGroup||"Home Page",component_type:v,component_name:w,component_title:"Share"}})},[V,s]),T(()=>{X&&y({event:"ga4Event",event_name:"component_impression",event_parameters:{page_group:s?.pageGroup||"Home Page",component_type:v,component_name:w,component_title:"Error"}})},[X,s]),vt(Be,()=>({showError:({message:e,title:c,confirmText:ee})=>{z(e),at(c),it(ee),g(!0)},hideError:()=>{g(!1)},showNoWin:e=>{pt(e?.title),ct(e?.message),ft(e?.confirmText),L(!0)},hideNoWin:()=>{L(!1)},showWinner:(e,c)=>{he(e),ut(c),N(!0)},hideWinner:()=>{N(!1)},showRules:()=>{S(!0)},hideRules:()=>{S(!1)},showRewards:()=>{k(!0)},hideRewards:()=>{k(!1)},showShare:()=>{A(!0)},hideShare:()=>{A(!1)},hideAllModals:()=>{N(!1),S(!1),k(!1),g(!1),L(!1),A(!1)}}),[]);const ve=I(async()=>{if(!C){if(Te&&!q){z(i?.agreementWarningText||"Please agree to the terms before continuing"),g(!1);return}if(!x?.isLoggedIn){_?.();return}if(!(x.availableChances<=0)){Y(!0);try{let e;$&&(e=await $());const c=W.find(ee=>ee.prizeKey===e)||W[0];he(c),Y(!1),H?H(c):setTimeout(()=>{c.prizeKey==="try-again"?L(!0):N(!0)},300)}catch(e){Y(!1),z(e.message||"An error occurred"),g(!0),pe?.(e)}}}},[Te,i?.agreementWarningText,q,C,W,$,H,pe,x,_]),gt=I(()=>{if(!B){_?.();return}ve()},[ve,B,_]),Tt=I(()=>{N(!1)},[]),ht=I(()=>{L(!1)},[]),yt=lt||U?.title,Mt=dt||U?.message,wt=mt||U?.confirmText;return f("div",{ref:Me,className:h("product-lottery-container","w-full",a==="dark"?"aiui-dark":"",Ge),children:[f("div",{role:"status","aria-live":"polite","aria-atomic":"true",className:"sr-only",children:[C&&"Drawing in progress...",l&&!C&&`Prize won: ${l.name}`]}),f(Ct,{className:h("product-lottery-main","tablet:mb-4 mb-3"),children:[t(Ee,{span:ge?7:12,className:h("media-section","relative flex w-full flex-1 items-center justify-center overflow-hidden","rounded-box","laptop:min-h-[288px] min-h-[240px]","lg-desktop:aspect-w-[964] lg-desktop:aspect-h-[480]","desktop:aspect-w-[759] desktop:aspect-h-[384]","laptop:aspect-w-[516] laptop:aspect-h-[288]","l-tablet:col-span-12","l-tablet:mb-3",a==="dark"?"bg-[#1E2024]":"bg-[#EAEAEC]"),children:f("div",{className:h("size-full px-[16px] pt-[16px]","lg-desktop:pb-[32px] lg-desktop:px-[32px]","desktop:pt-[24px] desktop:px-[24px]","laptop:pt-[16px] laptop:px-[16px]","tablet:px-[24px]","l-tablet:absolute l-tablet:top-0 l-tablet:inset-x-0 l-tablet:z-10","flex flex-col"),children:[f("div",{className:"relative z-30 mb-2 flex max-h-[24px] w-full flex-wrap items-center justify-between gap-3",children:[t("div",{children:f("p",{className:"text-info-primary font-[700]",children:[me?.[0],t("span",{className:"ml-1 text-[#FF6B35]",children:rt}),me?.[1]||""]})}),f("div",{className:"flex items-center gap-4",children:[b&&b.length>0&&t("button",{onClick:e=>{e.preventDefault(),e.stopPropagation(),S(!0)},className:"cursor-pointer touch-manipulation",type:"button","data-headless-type-name":`${m}#${p}`,"data-headless-title-desc-button":`${M}##${F}`,children:t("span",{className:"text-info-primary font-[700] underline",children:F})}),j&&t("button",{onClick:e=>{if(e.preventDefault(),e.stopPropagation(),!B){_?.();return}k(!0)},className:"cursor-pointer touch-manipulation whitespace-nowrap",type:"button","data-headless-type-name":`${m}#${p}`,"data-headless-title-desc-button":`${M}##${G}`,children:t("span",{className:"text-info-primary font-[700] underline",children:G})}),Ye&&t("a",{href:Pe(d?.url??"",be(we??"",m,p)),className:"cursor-pointer touch-manipulation whitespace-nowrap",onClick:e=>{e.preventDefault(),e.stopPropagation(),d?.url&&(window.location.href=Pe(d.url,be(we??"",m,p)))},"data-headless-type-name":`${m}#${p}`,"data-headless-title-desc-button":`${M}##${d?.text}`,children:t("span",{className:"text-info-primary font-[700] underline",children:d?.text})})]})]}),t(Nt,{className:"min-h-0 w-full flex-1",theme:a,media:Ne,ctaButton:te,videoAutoPlay:Se,videoMuted:ke,videoLoop:Le,isDrawing:C,onClick:gt,ctaTrackTypeName:`${m}#${p}`,ctaTrackTitleDescButton:`${M}##${te?.text??""}`})]})}),ge&&t(Ee,{span:5,className:h("info-section","rounded-box","relative flex flex-col overflow-hidden","lg-desktop:aspect-w-[684] lg-desktop:aspect-h-[480]","desktop:aspect-w-[536] desktop:aspect-h-[384]","laptop:aspect-w-[364] laptop:aspect-h-[288]","l-tablet:min-h-[280px] laptop:max-h-[320px]","w-full","l-tablet:col-span-12",a==="dark"?"bg-[#1E2024]":"bg-[#EAEAEC]"),children:t(kt,{theme:a,userData:x,methods:oe,title:Ae,subtitle:We,footerNote:Re,onOpenShareModal:()=>A(!0),chanceBadgeText:R?.chanceBadgeText,completedText:tt,usedText:ot,loadingText:R?.loadingText,mechanismType:D,inputConfig:{...fe,submitTrackTypeName:`${m}#${p}`,submitTrackTitleDescButton:`${M}##${fe?.submitText??"Spin and Win"}`},isAgreementChecked:q,onAgreementCheckedChange:e=>{xt(e),e&&z("")},agreementErrorText:ye})})]}),t("div",{className:h("product-lottery-footer","rounded-box","flex flex-col overflow-hidden",a==="dark"?"bg-[#1E2024]":"bg-[#EAEAEC]"),children:t(St,{theme:a,prizes:W,title:Ie,winningInfos:Oe,winnerNameTemplate:ze})}),t(Lt,{isOpen:K,prize:l,title:r?.title||o.title,prizeTitle:r?.prizeTitle||o.prizeTitle,prizeImage:r?.prizeImage||o.prizeImage,prizeDescription:r?.prizeDescription||o.prizeDescription,winnerNote:r?.winnerNote??l?.winnerModalConfig?.winnerNote??o.winnerNote,learnMoreUrl:r?.learnMoreUrl||l?.winnerModalConfig?.learnMoreUrl||o.learnMoreUrl,learnMoreText:r?.learnMoreText||l?.winnerModalConfig?.learnMoreText||o.learnMoreText,couponCode:r?.couponCode||o.couponCode,expiresAt:r?.expiresAt||o.expiresAt,expiresAtLabel:r?.expiresAtLabel||o.expiresAtLabel,couponDiscount:r?.couponDiscount||o.couponDiscount,couponUnit:r?.couponUnit||o.couponUnit,confirmText:r?.confirmText||l?.winnerModalConfig?.confirmText||o.confirmText,confirmUrl:r?.confirmUrl||l?.winnerModalConfig?.confirmUrl||o.confirmUrl,copyText:r?.copyText||o.copyText||ue,copiedText:r?.copiedText||o.copiedText||xe,onClose:Tt,theme:a}),b&&b.length>0&&t(At,{title:F,isOpen:J,onClose:()=>S(!1),rules:b,theme:a}),j&&t(Wt,{isOpen:Q,onClose:()=>k(!1),rewards:j,onCopyCode:Fe,codeText:Ke,copyText:ue,copiedText:xe,prizeText:Je,emptyText:Qe,copyError:Xe,availableText:Ze,usedStatusText:Ve,expiredText:qe,notFoundText:et,theme:a,title:G}),t(_e,{isOpen:X,onClose:()=>g(!1),title:nt||P?.title,message:ye||P?.message,confirmText:st||P?.confirmText,exchangeFailedTitle:P?.exchangeFailedTitle,exchangeFailedMessage:P?.exchangeFailedMessage,theme:a}),t(_e,{isOpen:Z,onClose:ht,title:yt,message:Mt,confirmText:wt,theme:a}),t(Rt,{isOpen:V,onClose:()=>A(!1),title:E?.title,subtitle:E?.subtitle,note:E?.note,platforms:E?.platforms,onShareSuccess:E?.onShareSuccess,theme:a})]})});Ce.displayName="ProductLottery";var so=Ot(Ce);import{WinnerModal as po}from"../LotteryShared/WinnerModal.js";import{RulesModal as mo}from"../LotteryShared/RulesModal.js";import{MyRewardsModal as uo}from"../LotteryShared/MyRewardsModal.js";import{ErrorModal as go}from"../LotteryShared/ErrorModal.js";import{ShareModal as ho}from"../LotteryShared/ShareModal.js";import{BaseModal as Mo}from"../LotteryShared/BaseModal.js";export{Mo as BaseModal,go as ErrorModal,uo as MyRewardsModal,Ce as ProductLottery,mo as RulesModal,ho as ShareModal,po as WinnerModal,so as default};
-//# sourceMappingURL=index.js.map

package/dist/esm/biz-components/ProductLottery/types.js

@@ -1,2 +1 @@
 const e={text:"",style:"primary"},i="Want more chances to win?";export{i as DEFAULT_CHANCE_TITLE,e as DEFAULT_CTA_BUTTON};
-//# sourceMappingURL=types.js.map

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

@@ -1,2 +1 @@
 "use client";import{jsx as o,jsxs as a}from"react/jsx-runtime";import{useState as F,useEffect as b,useCallback as G,forwardRef as V,useImperativeHandle as _,useRef as v}from"react";import{cn as E}from"../../helpers/utils.js";import{withLayout as $}from"../../shared/Styles.js";import{Button as L,Text as P}from"../../components/index.js";import{useExposure as q}from"../../hooks/useExposure.js";import*as S from"@radix-ui/react-popover";const O="navigation",W="product_nav",y=c=>c.anchorId??c.id??"",J=c=>o("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...c,children:o("path",{d:"M5 7.5L10 12.5L15 7.5",stroke:"currentColor",strokeWidth:"1.66667",strokeLinecap:"round",strokeLinejoin:"round"})}),M=V(({className:c="",data:D,id:H,onAnchorClick:R,scrollOffsetExtra:T=0},I)=>{const{tabLinks:h=[],anchorList:s=[],textLink:l,buyBtn:p,theme:B="light"}=D||{},[z,x]=F(""),u=v(null),g=v(!1),m=v(""),f=v(null),N=v(new Map);_(I,()=>u.current),q(u,{componentType:O,componentName:W});const w=G(()=>{if(s.length===0)return;const e=window.scrollY;window.scrollTo({top:0,behavior:"instant"}),requestAnimationFrame(()=>{const t=new Map;s.forEach(r=>{const n=y(r),i=document.getElementById(n);if(i){const k=i.getBoundingClientRect();t.set(n,k.top+window.scrollY)}}),N.current=t,window.scrollTo({top:e,behavior:"instant"})})},[s]);b(()=>{if(s.length===0)return;const e=setTimeout(w,100);return()=>clearTimeout(e)},[s,w]),b(()=>{if(s.length===0)return;let e=null;const t=new ResizeObserver(()=>{e&&clearTimeout(e),e=setTimeout(w,150)});return t.observe(document.body),()=>{t.disconnect(),e&&clearTimeout(e)}},[s,w]),b(()=>{if(s.length===0)return;const e=()=>{if(g.current){f.current&&clearTimeout(f.current),f.current=setTimeout(()=>{g.current=!1,m.current&&(x(m.current),m.current="")},100);return}const r=u.current?.offsetHeight||0,n=window.scrollY+r+T+10;let i="";const k=N.current;for(let d=s.length-1;d>=0;d--){const Y=s[d],A=y(Y),C=k.get(A);if(C!==void 0&&n>=C){i=A;break}}if(!i&&s.length>0){const d=k.get(y(s[0]));d!==void 0&&n<d&&(i="")}x(i)},t=setTimeout(()=>{e()},200);return window.addEventListener("scroll",e,{passive:!0}),()=>{clearTimeout(t),window.removeEventListener("scroll",e),f.current&&clearTimeout(f.current)}},[s,T]),b(()=>{const e=document.querySelectorAll(".header"),t=[];return e.forEach(r=>{const n=r;t.push({element:n,originalPosition:n.style.position||getComputedStyle(n).position}),n.style.position="relative"}),()=>{t.forEach(({element:r,originalPosition:n})=>{r.style.position=n==="static"?"":n})}},[]);const j=(e,t)=>{e.preventDefault();const r=N.current.get(t);if(r===void 0){console.warn(`Cached position for "${t}" not found`);return}x(t),m.current=t,g.current=!0;const n=u.current?.offsetHeight||0,i=r-n-T;window.scrollTo({top:i,behavior:"smooth"}),window.history.pushState(null,"",`#${t}`)};return a("div",{id:H,ref:u,className:E("product-nav text-info-primary bg-container-primary tablet:px-8 laptop:px-16 desktop:px-16 lg-desktop:px-[calc(50%-832px)] !sticky top-0 !z-[51] flex w-full justify-between overflow-hidden px-4 py-0",{"aiui-dark":B==="dark"},c),children:[a("div",{className:"product-nav-main desktop:flex-row desktop:gap-[48px] flex w-full flex-col justify-start",children:[a("div",{className:"product-nav-header laptop:w-full desktop:w-fit desktop:gap-[24px] desktop:py-0 flex w-full flex-row items-center justify-between gap-[16px] pt-[14px]",children:[a("div",{className:"product-nav-tabs flex flex-row items-center gap-[8px]",children:[h.map((e,t)=>a("div",{className:"product-nav-tab-item flex items-center gap-[8px]",children:[o("a",{href:e.link,className:E("product-nav-tab-link hover:text-brand-color text-nowrap text-[14px] font-bold tracking-[-0.04em]",{"text-[#6D6D6F]":t!==0,"hidden desktop:block":t===1}),children:o("span",{children:e.label})}),t!==h.length-1&&o("div",{className:"product-nav-tab-divider desktop:inline-block hidden h-[14px] w-px bg-[#E4E5E6]"})]},e.link||t)),h.length>1&&a(S.Root,{children:[o(S.Trigger,{asChild:!0,children:o("button",{className:"product-nav-dropdown-trigger desktop:hidden -ml-1 inline-block","aria-label":"More products",children:o(J,{className:"text-[#1D1D1F]"})})}),o(S.Content,{className:"product-nav-dropdown-content rounded-[6px] border border-[#E4E5E6] bg-white p-[6px] px-[8px] py-[4px]",style:{boxShadow:"0px 4px 8px 0px rgba(0,0,0,0.12)"},side:"bottom",align:"end",alignOffset:10,sideOffset:10,children:h.slice(1).map(e=>o("a",{href:e.link,className:"product-nav-dropdown-link hover:text-brand-color text-nowrap",children:o("span",{children:e.label})},e.link))})]})]}),a("div",{className:"product-nav-mobile-actions desktop:hidden desktop:gap-[24px] flex items-center gap-[16px]",children:[l?.link&&o("a",{href:l.link,target:l.target||"_self",className:"product-nav-text-link hover:text-brand-color cursor-pointer",children:o(P,{size:2,className:"text-nowrap",children:l.text})}),p?.link&&o(L,{as:"a",href:p.link,size:"sm",className:"product-nav-buy-button text-nowrap",children:p.text})]})]}),o("div",{className:"product-nav-anchors laptop:w-fit desktop:gap-[24px] desktop:py-[8px] flex w-full items-center gap-[16px] overflow-x-scroll py-[12px] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",children:s.map((e,t)=>{const r=y(e);return a("a",{href:`#${r}`,className:"product-nav-anchor-link",onClick:n=>{R?(n.preventDefault(),x(r),m.current=r,g.current=!0,R(e,t)):j(n,r)},children:[o(P,{size:2,className:"product-nav-anchor-text text-nowrap",children:e.label}),o("div",{className:E("product-nav-anchor-indicator laptop:top-[12px] desktop:top-[10px] relative top-[12px] h-[4px] w-full bg-transparent",{"!bg-brand-0":z===r})})]},r)})})]}),a("div",{className:"product-nav-desktop-actions desktop:flex desktop:gap-[24px] desktop:py-[8px] hidden items-center gap-[16px]",children:[l?.link&&o("a",{href:l.link,target:l.target||"_self",className:"product-nav-text-link hover:text-brand-color cursor-pointer text-black",children:o(P,{size:2,className:"text-nowrap",children:l.text})}),p?.link&&o(L,{as:"a",href:p.link,size:"sm",className:"product-nav-buy-button text-nowrap",children:p.text})]})]})});M.displayName="ProductNav";var ee=$(M);export{ee as default};
-//# sourceMappingURL=ProductNav.js.map

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

@@ -1,2 +1 @@
 import{default as e}from"./ProductNav.js";export*from"./types.js";export{e as default};
-//# sourceMappingURL=index.js.map

package/dist/esm/biz-components/ProductNav/types.js

@@ -1 +0,0 @@
-//# sourceMappingURL=types.js.map

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

@@ -1,2 +1 @@
 "use client";import{jsx as l,jsxs as h}from"react/jsx-runtime";import*as g from"react";import{cn as p}from"../../helpers/index.js";import{Heading as k,Button as v,Picture as B}from"../../components/index.js";import{withLayout as P}from"../../shared/Styles.js";import{getLocalizedPath as T}from"../../helpers/index.js";import{useAiuiContext as M}from"../AiuiProvider/index.js";import{trackUrlRef as N}from"../../shared/trackUrlRef.js";const D="image",y="PromotionalBar",R=i=>{if(!i)return;const{mobile:e,tablet:m,laptop:u,desktop:d,lgDesktop:f}=i,t=[],r=b=>b?.url,o=r(f),n=r(d),a=r(u),s=r(m),c=r(e);return o?t.push(o):n?t.push(n):a?t.push(a):s?t.push(s):c&&t.push(c),n&&o&&t.push(`${n} 1920`),a&&(n||o)&&t.push(`${a} 1440`),s&&(a||n||o)&&t.push(`${s} 1024`),c&&(s||a||n||o)&&t.push(`${c} 768`),t.length>0?t.join(", "):void 0},x=g.forwardRef(({classNames:i,data:e,className:m,...u},d)=>{const{locale:f="us",pageHandle:t}=M(),{backgroundImage:r,theme:o="dark"}=e,n=g.useMemo(()=>R(r),[r]);return l("div",{ref:d,...u,className:p("laptop:h-[192px] lg-desktop:h-[240px] h-[240px] text-[#080A0F]",{"text-[#F5F6F7]":o==="dark"},i?.root,m),children:h("div",{className:"promotional-bar-content rounded-card relative h-full overflow-hidden",children:[h("div",{className:p("laptop:px-8 laptop:justify-center lg-desktop:max-w-[620px] laptop:max-w-[392px] desktop:max-w-[584px] laptop:py-0 tablet:px-8 laptop:pr-0 relative z-20 flex h-full flex-col p-4",i?.content),children:[e.contentTitle&&l(k,{className:p("line-clamp-2 ",i?.title),html:e.contentTitle,size:3}),e.contentDesc&&l("p",{className:p("laptop:text-[16px] laptop:mt-2 lg-desktop:text-[18px] mt-1 line-clamp-2 text-[14px] font-bold leading-[1.4] ",i?.description),dangerouslySetInnerHTML:{__html:e.contentDesc}}),l("div",{className:"laptop:mt-4 mt-2",children:e.buttonText&&l(v,{as:"a",variant:"link",className:p("!p-0 text-[#F5F6F7]",{"text-[#080A0F]":o==="light"},i?.button),href:N(T(e.buttonLink||"",f),`${t}_${D}_${y}`),iconClassName:"size-4",children:e.buttonText})})]}),l(B,{source:n,className:"absolute inset-0 z-10 ",imgClassName:"h-full object-cover transition-transform duration-300 ease-in-out hover:scale-[1.05]"})]})})});x.displayName="PromotionalBar";var I=P(x);export{I as default};
-//# sourceMappingURL=index.js.map

package/dist/esm/biz-components/SceneShelf/ProductCard.js

@@ -1,2 +1 @@
 "use client";import{jsx as a,jsxs as d}from"react/jsx-runtime";import*as T from"react";import{cn as t}from"../../helpers/index.js";import{Checkbox as L,Badge as j,Heading as D,Text as n,Picture as c}from"../../components/index.js";import{useSceneShelfContext as O}from"./context.js";import{LocalizedLink as q}from"../../shared/LocalizedLink.js";const p=T.forwardRef(({className:x,classNames:f,product:e,selected:h,onSelectChange:b,showTags:k,showOriginalPrice:C,onProductImageClick:P,...u},N)=>{const i=O(),S=k??i?.showTags??!0,v=C??i?.showOriginalPrice??!0,s=f??i?.classNames??{},r=h??(i?i.selectedIds.has(e.id):!1),m=b??i?.onSelectChange,g=P??i?.onProductImageClick,o=e.soldOut??!1,w=l=>{o||typeof l=="boolean"&&m?.(l,e)},y=()=>{o||m?.(!r,e)};return d("div",{ref:N,className:t("lg-desktop:gap-2 lg-desktop:h-[362px] lg-desktop:px-6 lg-desktop:pb-6 lg-desktop:pt-4 rounded-box box-border flex h-[284px] flex-col justify-between gap-2 border-2 border-solid p-4 pb-6 transition-colors",o?"cursor-not-allowed opacity-50":"cursor-pointer",r?t("border-brand-0 bg-container-secondary-0",s?.cardSelected):t("border-lines bg-container-primary",s?.card),x),onClick:y,"data-headless-type-name":"SceneShelf#ProductCard","data-headless-title-desc-button":`${e.custom_name??e.title}##Select`,"data-headless-sku":e.id,...u,children:[a("div",{className:t("lg-desktop:left-6 lg-desktop:top-6 flex max-h-[24px] min-h-[24px] flex-wrap gap-1 overflow-visible pr-9",s?.tags),children:S&&e.tags?.map((l,z)=>a(j,{variant:l.variant||"outline",size:"sm",children:l.label},z))}),a(L,{checked:r,disabled:o,onCheckedChange:w,onClick:l=>l.stopPropagation(),className:t("text-brand-0 border-brand-0 lg-desktop:right-6 lg-desktop:top-6 absolute right-4 top-4 size-5 shrink-0",s?.checkbox)}),a("div",{className:t("flex flex-1 grow-0 items-center justify-center",s?.image),children:g?a("a",{onClick:()=>g(e),role:"button",children:a(c,{source:e.imageUrl,alt:e.imageAlt||e.title,className:"lg-desktop:size-[175px] aspect-square size-[124px] ",imgClassName:"object-contain"})}):e?.href?a(q,{href:e.href,children:a(c,{source:e.imageUrl,alt:e.imageAlt||e.title,className:"lg-desktop:size-[175px] aspect-square size-[124px] ",imgClassName:"object-contain"})}):a(c,{source:e.imageUrl,alt:e.imageAlt||e.title,className:"lg-desktop:size-[175px] aspect-square size-[124px] ",imgClassName:"object-contain"})}),d("div",{className:"flex grow flex-col justify-start gap-4",children:[a(D,{as:"h3",size:2,className:t("text-info-primary line-clamp-2 h-[2.2em]",s?.title),html:e.custom_name??e.title}),d("div",{className:t("flex flex-wrap items-center gap-1",s?.priceWrapper),children:[a(n,{as:"span",size:2,className:t("text-info-primary lg-desktop:text-[24px] text-[20px]",s?.currentPrice),children:e.currentPrice.formatted}),v&&e.originalPrice&&e.originalPrice.value>e.currentPrice.value&&a(n,{as:"span",size:2,className:t("text-info-quaternary lg-desktop:text-[24px] text-[20px] line-through",s?.originalPrice),children:e.originalPrice.formatted})]}),e?.priceLabel&&a(n,{size:4,className:t("text-marketing-1 desktop:text-[16px] lg-desktop:text-[18px] mt-2 text-[14px]",s?.productPriceLabel),children:e.priceLabel})]})]})});p.displayName="SceneShelf.ProductCard";export{p as SceneProductCard};
-//# sourceMappingURL=ProductCard.js.map

package/dist/esm/biz-components/SceneShelf/ProductsPanel.js

@@ -1,2 +1 @@
 "use client";import{jsx as t,jsxs as i}from"react/jsx-runtime";import*as l from"react";import{Swiper as K,SwiperSlide as Q}from"swiper/react";import{FreeMode as U,Mousewheel as W}from"swiper/modules";import{cn as r}from"../../helpers/index.js";import{Heading as X,Button as T,Text as d}from"../../components/index.js";import{useSceneShelfContext as Y}from"./context.js";import"swiper/css";const N=l.forwardRef(({title:m,totalPriceLabel:S,totalCurrentPrice:L,totalOriginalPrice:v,primaryButtonText:k,primaryButtonFun:C,secondaryButtonText:D,secondaryButtonFun:F,bundleDiscountLabel:M,className:A,children:R,...O},z)=>{const e=Y(),a=e?.classNames,x=S??e?.totalPriceLabel??"Total Price:",s=L??e?.totalCurrentPrice,u=v??e?.totalOriginalPrice,f=k??e?.primaryButtonText??"Shop Now",y=C??e?.primaryButtonFun??"buyNow",P=D??e?.secondaryButtonText??"Add to Cart",w=F??e?.secondaryButtonFun??"addCart",c=M??e?.bundleDiscountLabel,n=e?.selectedProducts??[],V=e?.onLearnMore,H=e?.onShopNow,j=e?.onAddToCart,E=e?.showOriginalPrice??!0,[q,G]=l.useState(!1),[I,J]=l.useState(!1),b=l.Children.toArray(R),g=async(o,p)=>{if(!o)return;const B=p==="primary"?G:J;B(!0);try{switch(o){case"buyNow":await H?.(n);break;case"addCart":await j?.(n);break;case"learnMore":await V?.(n);break;default:break}}finally{B(!1)}},h=o=>o==="learnMore"?!1:n.length===0;return i("div",{ref:z,className:r("bg-container-primary laptop:p-6 lg-desktop:p-8 flex min-w-0 flex-1 flex-col justify-between overflow-hidden p-4",A,a?.content),...O,children:[m&&t(X,{as:"h2",size:3,className:r("text-info-primary flex-0 mb-[16px] line-clamp-1 shrink-0",a?.title),html:m}),t("div",{className:r("lg-desktop:mb-[24px] mb-[16px] flex-1 ",a?.productList),children:t(K,{modules:[U,W],freeMode:!0,mousewheel:{forceToAxis:!0},slidesPerView:"auto",spaceBetween:10,breakpoints:{0:{slidesPerView:1.5},768:{spaceBetween:16,slidesPerView:2.8},1024:{slidesPerView:2.3},1440:{spaceBetween:16,slidesPerView:b.length<=3?3:3.2}},children:b.map((o,p)=>t(Q,{className:"h-fit shrink-0",children:o},p))})}),i("div",{className:r("tablet:items-end tablet:flex-row flex-0 flex flex-col items-start justify-between gap-2",a?.footer),children:[i("div",{className:"flex flex-col",children:[i("div",{className:r("flex flex-wrap items-center gap-1",a?.totalPrice),children:[x&&t(d,{as:"span",size:2,className:"text-info-primary lg-desktop:text-[24px] text-[20px]",children:x}),s&&t(d,{as:"span",size:2,className:r("text-info-primary lg-desktop:text-[24px] text-[20px]",a?.currentTotalPrice),children:s.formatted}),E&&u&&s&&u.value>s.value&&t(d,{as:"span",size:2,className:r("text-info-quaternary lg-desktop:text-[24px] text-[20px] line-through",a?.originalTotalPrice),children:u.formatted})]}),c&&t(d,{as:"span",size:2,className:r("lg-desktop:text-[18px] desktop:text-[16px] line-clamp-1 text-[14px]",a?.bundleDiscountLabel),children:typeof c=="function"?c(n):c})]}),i("div",{className:r("flex items-stretch gap-3",a?.buttonGroup),children:[P&&t(T,{variant:"secondary",className:"min-w-0 whitespace-normal text-center",onClick:()=>g(w,"secondary"),disabled:h(w),loading:I,children:P}),f&&t(T,{variant:"primary",className:"min-w-0 whitespace-normal text-center",onClick:()=>g(y,"primary"),disabled:h(y),loading:q,children:f})]})]})]})});N.displayName="SceneShelf.ProductsPanel";export{N as SceneShelfProductsPanel};
-//# sourceMappingURL=ProductsPanel.js.map

package/dist/esm/biz-components/SceneShelf/Root.js

@@ -1,2 +1 @@
 "use client";import{jsx as a,jsxs as m}from"react/jsx-runtime";import*as f from"react";import{cn as t}from"../../helpers/index.js";import{Heading as p,Text as h}from"../../components/index.js";const o=f.forwardRef(({title:i,subtitle:r,theme:n="light",classNames:e,className:c,children:l,...s},d)=>m("div",{ref:d,className:t("text-info-primary w-full",{"aiui-dark":n==="dark"},c,e?.root),...s,children:[(i||r)&&m("div",{className:t("mb-6",e?.header),children:[i&&a(p,{as:"h2",size:4,className:t("text-info-primary mb-2",e?.title),html:i}),r&&a(h,{as:"p",size:3,className:t("",e?.subtitle),html:r})]}),a("div",{className:t("space-y-6",e?.sceneList),children:l})]}));o.displayName="SceneShelf.Root";export{o as SceneShelfRoot};
-//# sourceMappingURL=Root.js.map

package/dist/esm/biz-components/SceneShelf/Scene.js

@@ -1,2 +1 @@
 "use client";import{jsx as b}from"react/jsx-runtime";import*as t from"react";import{cn as B}from"../../helpers/index.js";import{SceneShelfContext as F}from"./context.js";const y=t.forwardRef(({showTags:l=!0,showOriginalPrice:i=!0,classNames:a,onSelectionChange:s,onProductImageClick:S,onLearnMore:u,onShopNow:f,onAddToCart:P,primaryButtonText:p="Shop Now",primaryButtonFun:h="buyNow",secondaryButtonText:m="Add to Cart",secondaryButtonFun:C="addCart",totalPriceLabel:v="Total Price:",totalCurrentPrice:x,totalOriginalPrice:D,bundleDiscountLabel:g,products:d=[],className:R,children:T,defaultSelect:H,...N},M)=>{const[c,E]=t.useState(()=>{const e=new Set;return d.forEach(o=>{o.defaultSelected&&e.add(o.id)}),e}),n=t.useMemo(()=>d.filter(e=>c.has(e.id)),[d,c]),w=t.useCallback((e,o)=>{E(k=>{const r=new Set(k);return e?r.add(o.id):r.delete(o.id),r})},[]);t.useEffect(()=>{s?.(n)},[n,s]);const V=t.useMemo(()=>({showTags:l,showOriginalPrice:i,classNames:a,selectedIds:c,selectedProducts:n,onSelectChange:w,onProductImageClick:S,onLearnMore:u,onShopNow:f,onAddToCart:P,primaryButtonText:p,primaryButtonFun:h,secondaryButtonText:m,secondaryButtonFun:C,totalPriceLabel:v,totalCurrentPrice:x,totalOriginalPrice:D,bundleDiscountLabel:g}),[l,i,a,c,n,w,S,u,f,P,p,h,m,C,v,x,D,g]);return b(F.Provider,{value:V,children:b("div",{ref:M,className:B("rounded-box laptop:flex-row lg-desktop:min-h-[560px] desktop:h-[448px] laptop:min-h-[448px] flex min-h-[560px]  w-full flex-col items-stretch gap-0 overflow-hidden",R,a?.scene),...N,children:T})})});y.displayName="SceneShelf.Scene";export{y as SceneShelfScene};
-//# sourceMappingURL=Scene.js.map

package/dist/esm/biz-components/SceneShelf/SceneImage.js

@@ -1,2 +1 @@
 "use client";import{jsx as c}from"react/jsx-runtime";import*as t from"react";import{cn as m}from"../../helpers/index.js";import{Picture as b}from"../../components/index.js";const p=e=>e?.mimeType?.startsWith("video/")??!1,u=t.forwardRef(({imageUrl:e,imageAlt:n,className:l,...d},i)=>{const r=t.useMemo(()=>p(e.pc)||p(e.pad)||p(e.mobile),[e.pc?.mimeType,e.pad?.mimeType,e.mobile?.mimeType]),s=t.useMemo(()=>p(e.pc)?e.pc:p(e.pad)?e.pad:p(e.mobile)?e.mobile:null,[e.pc?.mimeType,e.pc?.url,e.pad?.mimeType,e.pad?.url,e.mobile?.mimeType,e.mobile?.url]),f=t.useMemo(()=>{const o=[];return e.pc?.url&&o.push(`${e.pc.url}`),e.pad?.url&&o.push(`${e.pad.url} 1024`),e.mobile?.url&&o.push(`${e.mobile.url} 768`),o.join(", ")},[e.pc?.url,e.pad?.url,e.mobile?.url]),a=n||e.pc?.alt||e.pad?.alt||e.mobile?.alt||"";return c("div",{ref:i,className:m("laptop:w-[27%] laptop:h-[448px] desktop:w-[32%] desktop:h-[448px] lg-desktop:w-[34%] lg-desktop:h-[560px] h-[240px] w-full shrink-0",l),...d,children:r&&s?c("video",{src:s.url,poster:s.thumbnailURL,playsInline:!0,autoPlay:!0,loop:!0,muted:!0,className:"size-full object-cover"}):c(b,{source:f,alt:a,className:"size-full",imgClassName:"size-full object-cover"})})});u.displayName="SceneShelf.SceneImage";export{u as SceneShelfSceneImage};
-//# sourceMappingURL=SceneImage.js.map

package/dist/esm/biz-components/SceneShelf/context.js

@@ -1,2 +1 @@
 "use client";import*as e from"react";const t=e.createContext(null);function o(){return e.useContext(t)}export{t as SceneShelfContext,o as useSceneShelfContext};
-//# sourceMappingURL=context.js.map

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

@@ -1,2 +1 @@
 "use client";import{SceneShelfRoot as e}from"./Root.js";import{SceneShelfScene as o}from"./Scene.js";import{SceneShelfSceneImage as t}from"./SceneImage.js";import{SceneShelfProductsPanel as r}from"./ProductsPanel.js";import{SceneProductCard as c}from"./ProductCard.js";const n={Root:e,Scene:o,SceneImage:t,ProductsPanel:r,ProductCard:c};var P=n;export{c as SceneProductCard,r as SceneShelfProductsPanel,e as SceneShelfRoot,o as SceneShelfScene,t as SceneShelfSceneImage,P as default};
-//# sourceMappingURL=index.js.map

package/dist/esm/biz-components/SceneShelf/types.js

@@ -1,2 +1 @@
 "use client";
-//# sourceMappingURL=types.js.map

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

@@ -1,2 +1 @@
 "use client";import{Fragment as de,jsx as t,jsxs as d}from"react/jsx-runtime";import*as o from"react";import{cn as a,getLocalizedPath as q}from"../../helpers/index.js";import{Heading as E,Text as O,Badge as J,Button as G,Picture as U}from"../../components/index.js";import X from"../Media/index.js";import{Swiper as Y,SwiperSlide as Z}from"swiper/react";import{Mousewheel as ee}from"swiper/modules";import"swiper/css";import"swiper/css/navigation";import{withLayout as te}from"../../shared/Styles.js";import{useGridRowCount as ie}from"../../hooks/useGridRowCount.js";import{useExposure as ae}from"../../hooks/useExposure.js";import{useViewItemList as oe}from"../../hooks/useViewItemList.js";import{trackUrlRef as re}from"../../shared/trackUrlRef.js";import{useAiuiContext as W}from"../AiuiProvider/index.js";import{gaTrack as H}from"../../shared/track.js";const ne="shelf",se="scene_shelf_v2",le=()=>t("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:t("path",{d:"M8 5.14v13.72L19 12 8 5.14z",fill:"white"})}),ce=()=>d("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[t("rect",{x:"6",y:"5",width:"4",height:"14",rx:"1",fill:"white"}),t("rect",{x:"14",y:"5",width:"4",height:"14",rx:"1",fill:"white"})]}),j=o.memo(({product:e,isShowTag:p=!0,onImageClick:m,onProductImageClick:l,onLearnMore:S,onShopNow:P,onAddToCart:k,secondaryButtonText:h,secondaryButtonFun:y,primaryButtonText:b,primaryButtonFun:_,classNames:r,className:n,theme:V,index:s})=>{const{locale:N="us",trackingData:L}=W(),[B,M]=o.useState(!1),[C,z]=o.useState(!1),u=L?.pageGroup,x=o.useCallback(async(c,v)=>{if(!c)return;const T=v==="primary"?M:z;T(!0);try{switch(c){case"buyNow":await P?.(e);break;case"addCart":await k?.(e);break;case"learnMore":await S?.(e?.href??"");break;default:break}}finally{T(!1)}},[S,P,k,e]),I=o.useCallback(()=>x(_,"primary"),[x,_]),R=o.useCallback(()=>x(y,"secondary"),[x,y]),f=o.useCallback(c=>{const v=l??m;!e.href&&v&&c.preventDefault(),v?.(e),H({event:"ga4Event",event_name:"select_item",item_list_name:"Scene_Shelf_2_Products",page_group:u,items:[{item_id:e.sku,item_name:e.custom_name||e.title,item_variant:e.variantId,price:e.currentPrice,index:s}]})},[s,m,l,u,e]);return d("div",{className:a("scene-shelf-v2-product-card rounded-box bg-container-secondary-1 tablet:px-6 desktop:pb-6 desktop:px-6 box-border flex h-full flex-col items-center justify-between gap-3 overflow-hidden px-2 py-4",n,r?.productCard,{"bg-container-secondary-0":V==="dark"}),children:[e.href?t("a",{href:q(re(e.href,u+"_"+ne+"_"+se),N),onClick:f,className:a("scene-shelf-v2-product-card-image desktop:size-[196px] tablet:size-[140px] lg-desktop:size-[196px] flex size-[128px] shrink-0 items-center justify-center transition-opacity hover:opacity-80",r?.productCardImage),"aria-label":`View ${e.title}`,children:t(U,{source:e.imageUrl,alt:e.imageAlt,className:"size-full",imgClassName:"object-contain"})}):t("div",{className:a("scene-shelf-v2-product-card-image desktop:size-[196px] tablet:size-[140px] lg-desktop:size-[196px] flex size-[128px] shrink-0 items-center justify-center ",(l??m)&&"cursor-pointer transition-opacity hover:opacity-80",r?.productCardImage),onClick:l??m?f:void 0,role:l??m?"button":void 0,tabIndex:l??m?0:void 0,"aria-label":l??m?`View ${e.title}`:void 0,children:t(U,{source:e.imageUrl,alt:e.imageAlt,className:"size-full",imgClassName:"object-contain"})}),d("div",{className:"desktop:gap-6 flex w-full flex-1 flex-col justify-between gap-4",children:[d("div",{className:"flex flex-col gap-2",children:[t("div",{className:a("scene-shelf-v2-product-card-tags flex min-h-[24px] flex-wrap gap-1",r?.productCardTags),children:p&&e?.tags?.map((c,v)=>t(J,{variant:c.variant??"outline",size:"sm",className:"",children:c.label},v))}),t(E,{as:"h3",size:2,className:a("scene-shelf-v2-product-card-title text-info-primary laptop:line-clamp-2 line-clamp-3 pr-[16%] text-[16px]",r?.productCardTitle),children:e.custom_name||e.title}),(e.custom_description||e.description)&&t(O,{as:"p",size:1,className:a("scene-shelf-v2-product-card-description text-info-primary tablet:text-[14px] desktop:text-[16px] lg-desktop:text-[18px] line-clamp-1",r?.productCardDescription),children:e.custom_description||e.description})]}),d("div",{className:"flex flex-col gap-2",children:[d("div",{className:a("scene-shelf-v2-product-card-price flex flex-wrap items-center gap-1",r?.productCardPriceWrapper),children:[t(E,{as:"h6",size:2,className:a("scene-shelf-v2-product-card-current-price text-info-primary",r?.productCardCurrentPrice),children:e.currentPrice}),e.originalPrice&&t(E,{as:"h6",size:2,className:a("scene-shelf-v2-product-card-original-price text-info-tertiary line-through",r?.productCardOriginalPrice),children:e.originalPrice})]}),e?.priceLabel&&t(O,{size:4,className:a("text-marketing-1 desktop:text-[16px] lg-desktop:text-[18px] text-[14px]",r?.productCardPriceLabel),children:e.priceLabel}),(h||b)&&d("div",{className:a("scene-shelf-v2-product-card-buttons laptop:flex-nowrap lg-desktop:gap-3 flex flex-wrap gap-2",r?.productCardButtons),children:[h&&t(G,{variant:"secondary",className:"laptop:w-auto laptop:flex-1 w-full min-w-0 whitespace-normal text-center",onClick:()=>{R(),H({event:"ga4Event",event_name:"component_click",event_parameters:{page_group:u||"Home Page",component_type:"copy",component_name:"scene_shelf_product",component_title:e.title,component_description:"",button_name:h,SKU:e.sku||"",position:s}})},disabled:e.soldOut&&y!=="learnMore",loading:C,children:h}),b&&t(G,{variant:"primary",className:"laptop:w-auto laptop:flex-1 w-full min-w-0 whitespace-normal text-center",onClick:()=>{I(),H({event:"ga4Event",event_name:"component_click",event_parameters:{page_group:u||"Home Page",component_type:"copy",component_name:"scene_shelf_product",component_title:e.title,component_description:"",button_name:b,SKU:e.sku||"",position:s}})},disabled:e.soldOut&&_!=="learnMore",loading:B,children:b})]})]})]})]})});j.displayName="SceneShelfV2.ProductCard";const K=o.forwardRef(({className:e,classNames:p={},data:m,onPlayClick:l,onImageClick:S,onProductImageClick:P,onLearnMore:k,onShopNow:h,onAddToCart:y,...b},_)=>{const{theme:r="light",sceneImage:n,productsTitle:V,products:s,secondaryButtonText:N,secondaryButtonFun:L,primaryButtonText:B,primaryButtonFun:M,viewMoreLimit:C=2,copy:z}=m,u=o.useRef(null),x=o.useRef(null),I=o.useRef(null),[R,f]=o.useState(!1),[c,v]=o.useState(!1),{trackingData:T}=W();ae(x,{componentType:"image",componentName:"scene_shelf_banner"}),oe(I,{componentType:"video",componentName:"scene_shelf_banner",itemListName:"Scene_Shelf_2_Products",items:s.map((i,g)=>({item_id:i.sku??"",item_name:i.title,item_variant:i.variantId??"",price:i.currentPrice,index:g})),tabName:""});const F=ie({rows:C??0,mobileCols:2}),A=o.useMemo(()=>[n?.pc,n?.desktop,n?.laptop,n?.pad,n?.mobile].some(i=>i?.mimeType==="video/mp4"),[n]),$=o.useCallback(()=>{const i=u.current;i?i.paused?(i.play(),f(!0),l?.(!0)):(i.pause(),f(!1),l?.(!1)):l?.(!0),H({event:"ga4Event",event_name:"component_click",event_parameters:{page_group:T?.pageGroup,component_type:"video",component_name:"scene_shelf_banner",position:1,creative_id:n?.pc?.id}})},[l,n?.pc?.id,T?.pageGroup]);return o.useEffect(()=>{const i=u.current;if(!i||!A)return;const g=new IntersectionObserver(w=>{w.forEach(D=>{D.isIntersecting?i.play().catch(Q=>{console.warn("Video autoplay failed:",Q)}):i.pause()})},{threshold:.5});return g.observe(i),()=>{g.disconnect()}},[]),d("div",{...b,ref:_,className:a("scene-shelf-v2-root w-full overflow-hidden",{"aiui-dark":r==="dark"},e,p?.root),children:[d("div",{className:a("scene-shelf-v2-media laptop:h-[360px] tablet:h-[400px] desktop:h-[384px] rounded-box tablet:rounded-t-box tablet:rounded-b-none lg-desktop:h-[480px] relative h-[240px] overflow-hidden",p?.media),ref:x,children:[t(X,{pcImage:n?.pc,desktopImage:n?.desktop,laptopImage:n?.laptop,padImage:n?.pad,mobileImage:n?.mobile,className:"size-full",videoClassName:"absolute inset-0 size-full object-cover",videoRef:u,onVideoPlay:()=>f(!0),onVideoPause:()=>f(!1),onVideoEnded:()=>f(!1)}),t("div",{"aria-hidden":"true",className:a("scene-shelf-v2-media-overlay pointer-events-none absolute inset-0",p?.mediaOverlay)}),A&&t("div",{className:"desktop:gap-16 desktop:p-8 absolute inset-0 flex items-end justify-end gap-4 p-6",children:t("button",{type:"button","aria-label":R?"Pause video":"Play video",onClick:$,className:a("scene-shelf-v2-media-play-button flex size-14 shrink-0 items-center justify-center rounded-full bg-white/20 transition-opacity hover:opacity-80",p?.mediaPlayButton),children:R?t(ce,{}):t(le,{})})})]}),d("div",{ref:I,className:a("scene-shelf-v2-products text-info-primary tablet:bg-container-primary laptop:p-6 desktop:p-8 rounded-b-box tablet:p-4 flex flex-col gap-4 bg-transparent p-0 pt-3",p?.products),children:[V&&t(E,{as:"h2",size:3,className:a("scene-shelf-v2-products-title text-info-primary",p?.productsTitle),html:V}),t("div",{className:"tablet:hidden grid grid-cols-2 gap-3",children:(()=>{const i=C!==void 0&&C>0&&s.length>F,g=i&&!c?s.slice(0,F):s;return d(de,{children:[g.map((w,D)=>t(j,{isShowTag:m.isShowTag??!0,product:w,onImageClick:S,onProductImageClick:P,onLearnMore:k,onShopNow:h,onAddToCart:y,secondaryButtonText:N,secondaryButtonFun:L,primaryButtonText:B,primaryButtonFun:M,classNames:p,theme:r,index:D},w.productKey)),i&&t("div",{className:"col-span-2 mt-6 flex justify-center",children:d("button",{type:"button",onClick:()=>v(w=>!w),className:"text-info-primary hover:text-brand-0 flex items-center gap-2 text-[14px] font-bold transition-colors","aria-expanded":c,children:[c?z?.viewLessLabel??"View Less":z?.viewMoreLabel??"View More",t("svg",{className:a("size-4 transition-transform",c&&"rotate-180"),fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:t("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})]})})]})})()}),t("div",{className:"tablet:block hidden",children:t("div",{className:"relative",children:t(Y,{slidesPerView:"auto",observer:!0,observeParents:!0,modules:[ee],mousewheel:{enabled:!0,forceToAxis:!0,sensitivity:1},className:"!overflow-visible",breakpoints:{768:{spaceBetween:16,slidesPerView:s.length>3?2.3:2},1024:{spaceBetween:16,slidesPerView:s.length>3?2.8:3},1440:{spaceBetween:16,slidesPerView:s.length>4?3.8:4},1920:{spaceBetween:16,slidesPerView:s.length>4?3.8:4}},children:s.map((i,g)=>t(Z,{className:a("!h-auto ",p.productCardSlideWrapper),children:t(j,{product:i,isShowTag:m.isShowTag??!0,onImageClick:S,onProductImageClick:P,onLearnMore:k,onShopNow:h,onAddToCart:y,secondaryButtonText:N,secondaryButtonFun:L,primaryButtonText:B,primaryButtonFun:M,classNames:p,theme:r,index:g})},i.productKey))})})})]})]})});K.displayName="SceneShelfV2";var _e=te(K);export{j as SceneShelfV2ProductCard,_e as default};
-//# sourceMappingURL=index.js.map

package/dist/esm/biz-components/SceneShelfV3/ProductCard.js

@@ -1,2 +1 @@
 "use client";import{Fragment as Q,jsx as t,jsxs as l}from"react/jsx-runtime";import*as n from"react";import{cn as a,getLocalizedPath as F}from"../../helpers/index.js";import{Button as N,Badge as V,Card as q,CardContent as K,Picture as W,Text as T,Heading as p}from"../../components/index.js";import{trackUrlRef as I}from"../../shared/trackUrlRef.js";import{gaTrack as u}from"../../shared/track.js";import{useAiuiContext as J}from"../AiuiProvider/index.js";const B=n.forwardRef(({product:e,className:L,showTags:z=!0,onLearnMore:f,onShopNow:y,onAddToCart:v,classNames:o,secondaryButtonText:c,secondaryButtonFun:b,primaryButtonText:m,primaryButtonFun:x,showOriginalPrice:_,renderOriginalPrice:h,copy:D,onProductImageClick:d,theme:M="light",locale:P="us",index:s=0,tabName:k},H)=>{const[O,j]=n.useState(!1),[R,A]=n.useState(!1),{trackingData:G}=J(),r=G?.pageGroup,w=!e.soldOut,C=n.useCallback(async(i,g)=>{if(!i)return;const S=g==="primary"?j:A;S(!0);try{switch(i){case"buyNow":await y?.(e);break;case"addCart":await v?.(e);break;case"learnMore":await f?.(e.href);break}}finally{S(!1)}},[e,y,v,f]),U=n.useMemo(()=>F(I(e.href,r+"_shelf_scene_shelf_v3"),P),[e.href,r,P]),E=n.useCallback(()=>{d?.(e),u({event:"ga4Event",event_name:"select_item",item_list_name:"Scene_Shelf_3_Products",page_group:r,items:[{item_id:e.sku,item_name:e.title,item_variant:e.id,price:e.currentPrice,index:s}],tab_name:k,position:s})},[d,e,r,s,k]);return t(q,{ref:H,className:a("bg-container-primary flex h-full flex-col overflow-hidden border-none hover:bg-white",L,o?.productCard,{"hover:bg-container-secondary-0 ":M==="dark"}),children:l(K,{className:"desktop:p-6 relative flex flex-1 flex-col justify-between p-4",children:[t("div",{className:"product-image-wrapper lg-desktop:size-[196px] mx-auto size-[138px] cursor-pointer overflow-hidden",children:t("a",{onClick:E,...!d&&{href:U},rel:"noreferrer",children:t(W,{source:e.imageUrl,alt:e.imageAlt,className:"aspect-square size-full object-contain",imgClassName:"w-full h-full object-contain"})})}),t("div",{className:"lg-desktop:h-[28px] mb-1 flex h-[24px] gap-1",children:z&&e.tags?.map((i,g)=>t(V,{size:"sm",variant:i.variant||"outline",className:a(i.variant==="promotional"?"ml-2":""),promotionalType:i.promotionalType,children:i.label},g))}),l("div",{className:"flex h-full flex-1 grow flex-col justify-between",children:[l("div",{className:"mb-4",children:[t(p,{as:"h3",size:2,className:a("text-info-primary laptop:line-clamp-2 mb-2 line-clamp-3 min-h-[2.4em]",o?.productTitle),html:e.custom_name||e.title}),(e?.custom_description||e?.description)&&t(T,{size:2,className:a("text-info-secondary desktop:text-[16px] lg-desktop:text-[18px] line-clamp-1 text-[14px]",o?.productDescription),html:e.custom_description||e.description})]}),l("div",{children:[t("div",{className:a("mb-2",o?.productPrice),children:t("div",{className:a("flex items-baseline gap-2",o?.priceWrapper),children:w?l(Q,{children:[t(p,{size:2,className:"text-info-primary",as:"h6",children:e.currentPrice}),h?h(e,{showOriginalPrice:_}):_&&e.originalPrice&&t(p,{size:2,className:a("text-info-tertiary line-through",o?.originalPrice),as:"h6",children:e.originalPrice})]}):t(p,{size:2,className:"text-info-tertiary",children:D?.outOfStockLabel??"Sold Out"})})}),e?.priceLabel&&w&&t(T,{size:4,className:a("text-marketing-1 desktop:text-[16px] lg-desktop:text-[18px] mt-2 text-[14px]",o?.productPriceLabel),children:e.priceLabel}),l("div",{className:a("lg-desktop:gap-3 laptop:flex-row laptop:flex-nowrap flex flex-col flex-wrap gap-2",o?.buttonGroup),children:[c&&t(N,{variant:"secondary",size:"base",className:a("laptop:flex-1 laptop:min-w-0 laptop:whitespace-normal laptop:text-center w-full min-w-0 whitespace-normal text-center",o?.secondaryButton),onClick:()=>{C(b,"secondary"),u({event:"ga4Event",event_name:"component_click",event_parameters:{page_group:r||"Home Page",component_type:"copy",component_name:"scene_shelf_product",component_title:e.custom_name||e.title,component_description:e.custom_description||"",button_name:c,SKU:e.sku||"",position:s}})},disabled:e.soldOut&&b!=="learnMore",loading:R,children:c}),m&&t(N,{variant:"primary",size:"base",className:a("laptop:flex-1 laptop:min-w-0 laptop:whitespace-normal laptop:text-center w-full min-w-0 whitespace-normal text-center",o?.primaryButton),onClick:()=>{C(x,"primary"),u({event:"ga4Event",event_name:"component_click",event_parameters:{page_group:r||"Home Page",component_type:"copy",component_name:"scene_shelf_product",component_title:e.custom_name||e.title,component_description:e.custom_description||"",button_name:m,SKU:e.sku||"",position:s}})},disabled:e.soldOut&&x!=="learnMore",loading:O,children:m})]})]})]})]})})});B.displayName="SceneShelfV3.ProductCard";var te=B;export{B as ProductCard,te as default};
-//# sourceMappingURL=ProductCard.js.map

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

@@ -1,2 +1 @@
 "use client";import{Fragment as Z,jsx as o,jsxs as g}from"react/jsx-runtime";import*as l from"react";import{cn as a}from"../../helpers/index.js";import{Text as O,Heading as H,Tabs as G,TabsList as A,TabsTrigger as I,TabsContent as z}from"../../components/index.js";import W from"../PromotionalBar/index.js";import{useExposure as j}from"../../hooks/useExposure.js";import{useViewItemList as q}from"../../hooks/useViewItemList.js";import{useGridRowCount as J}from"../../hooks/useGridRowCount.js";import{useAiuiContext as K}from"../AiuiProvider/index.js";import{ProductCard as R}from"./ProductCard.js";import{withLayout as Q}from"../../shared/Styles.js";const U="shelf",X="Scene_Shelf_3_Products";function Y({products:i,copy:r,showTags:b,stockDisplayMode:S,stockThresholdValue:C,onLearnMore:k,onShopNow:n,onAddToCart:x,onProductImageClick:v,classNames:p,secondaryButtonText:u,secondaryButtonFun:B,primaryButtonText:m,primaryButtonFun:c,showOriginalPrice:w,renderOriginalPrice:D,viewMoreLimit:f,theme:M="light",locale:L="us",tabName:h=""}){const[d,N]=l.useState(!1),y=l.useRef(null);q(y,{componentType:U,componentName:X,itemListName:"Scene_Shelf_3_Products",items:i.map((e,s)=>({item_id:e.sku??"",item_name:e.title,item_variant:e.id??"",price:e.currentPrice,index:s})),tabName:h});const P=J({rows:f??0,mobileCols:2,tabletCols:3,desktopCols:4});if(!i?.length)return null;const T=f!==void 0&&f>0&&i.length>P,V=T&&!d?i.slice(0,P):i,t=()=>{N(e=>!e)};return g(Z,{children:[o("div",{ref:y,className:a("lg-desktop:gap-4 tablet:grid-cols-3 text-info-primary laptop:grid-cols-3 desktop:grid-cols-4 laptop:gap-3 grid grid-cols-2 gap-3",p?.productGrid),children:V.map((e,s)=>o(R,{product:e,showTags:b,stockDisplayMode:S,stockThresholdValue:C,onLearnMore:k,onShopNow:n,onAddToCart:x,onProductImageClick:v,classNames:p,secondaryButtonText:u,secondaryButtonFun:B,primaryButtonText:m,primaryButtonFun:c,showOriginalPrice:w,renderOriginalPrice:D,copy:r,theme:M,locale:L,index:s,tabName:h},e.sku||s))}),T&&o("div",{className:a("laptop:mt-4 mt-3 flex justify-center",p?.viewMore),children:g("button",{onClick:t,className:"text-info-primary hover:text-brand-0 lg-desktop:text-[16px] flex items-center gap-2 text-[14px] font-bold transition-colors","aria-expanded":d,children:[d?r?.viewLessLabel:r?.viewMoreLabel,o("svg",{className:a("size-4 transition-transform",d&&"rotate-180"),fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:o("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})]})})]})}const F=l.memo(Y);F.displayName="SceneShelfV3.ProductsGrid";const E=l.forwardRef(({className:i,data:r,onLearnMore:b,onShopNow:S,onAddToCart:C,onProductImageClick:k,classNames:n,renderOriginalPrice:x,...v},p)=>{const u=l.useRef(null),{locale:B="us"}=K();j(u,{componentType:"image",componentName:"scene_shelf_banner"}),l.useImperativeHandle(p,()=>u.current);const{theme:m="light",sceneTabs:c=[],showTags:w=!0,stockDisplayMode:D,stockThresholdValue:f,showOriginalPrice:M=!0,secondaryButtonText:L,primaryButtonText:h,secondaryButtonFun:d="learnMore",primaryButtonFun:N="buyNow",copy:y,viewMoreLimit:P}=r,T=c.length>1,V={copy:y,showTags:w,stockDisplayMode:D,stockThresholdValue:f,onLearnMore:b,onShopNow:S,onAddToCart:C,onProductImageClick:k,classNames:n,secondaryButtonText:L,secondaryButtonFun:d,primaryButtonText:h,primaryButtonFun:N,showOriginalPrice:M,renderOriginalPrice:x,viewMoreLimit:P,theme:m,locale:B};return g("div",{ref:u,className:a("w-full",{"aiui-dark":m==="dark"},i,n?.root),style:{"--progress-track-bg":m==="dark"?"rgba(255, 255, 255, 0.2)":"rgba(0, 0, 0, 0.2)"},...v,children:[r.title&&o(H,{as:"h2",html:r.title,size:4,className:a("text-info-primary mb-4",n?.title)}),r.description&&o(O,{size:3,as:"p",html:r.description,className:a("text-info-primary mb-6",n?.description)}),g(G,{defaultValue:c[0]?.id,className:"w-full",children:[T&&o(A,{className:a("mb-6",n?.tabsList),children:c.map(t=>o(I,{value:t.id,children:t.label},t.id))}),c.map(t=>{const e=t.resourceBlocks?.find(s=>s.blockType==="PromotionalBar"&&s.display==="visible");return g(z,{value:t.id,children:[e&&o(W,{data:e,className:a("laptop:mb-4 mb-3",n?.promotionalBar)}),o(F,{products:t.products,...V,tabName:t.label})]},t.id)})]})]})});E.displayName="SceneShelfV3";const _=E;_.ProductCard=R;var ce=Q(_);export{ce as default};
-//# sourceMappingURL=index.js.map

package/dist/esm/biz-components/SceneShelfV3/types.js

@@ -1 +0,0 @@
-//# sourceMappingURL=types.js.map

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

@@ -1,2 +1 @@
 import{Fragment as I,jsx as e,jsxs as i}from"react/jsx-runtime";import{Heading as S,Tabs as q,TabsList as J,TabsTrigger as Q,TabsContent as A,Text as N,Picture as C,Link as X,Button as L,DropdownMenu as Y,DropdownMenuTrigger as Z,DropdownMenuContent as ee,DropdownMenuItem as te,LoadingDots as M,Badge as ae}from"../../components/index.js";import{DownArrow as se}from"../HeaderNavigation/icons/index.js";import{useMemo as u,useState as O}from"react";import{cn as _,atobID as ie,highlightSearchWord as T,replaceTemplate as le}from"../../helpers/utils.js";import{useAiuiContext as j}from"../AiuiProvider/index.js";import{formatVariantPrice as oe}from"../ShelfDisplay/shelfDisplay.js";import{SearchPageTabType as v}from"./types.js";import{getLocalizedPath as B}from"../../helpers/utils.js";const F=({product:t,onSecondaryButton:o,onPrimaryButton:s,searchValue:n,variantData:m,shopNowLoadingProductId:y,badgeVariant:b})=>{const l=u(()=>m||t?.variants?.[0],[t,m]),{locale:g="us",copyWriting:c,currencyCode:x}=j(),f=y===t?.id,D=u(()=>B(`/products/${t?.handle}?variant=${ie(l?.id)}?ref=search_result_${n?.toLowerCase()}`,g),[t?.handle,l?.id,n,g]),P=l?.coupons?.[0],{price:k,basePrice:r}=oe({locale:x==="CAD"?"us":g||"us",amount:P?P.variant_price4wscode:l?.price?.amount??l?.price,baseAmount:P?l?.price?.amount??l?.price:0,currencyCode:t?.price?.currencyCode||"USD"}),z=u(()=>t?.tags?.filter?.(d=>d?.startsWith?.("CLtag"))?.map?.(d=>d?.replace?.("CLtag:",""))?.slice?.(0,2),[t?.tags]);return e("div",{className:"rounded-image-text ipc_search_product_item lg-desktop:h-[480px] desktop:h-[384px] laptop:h-[360px] relative h-auto overflow-hidden",children:t?.type==="advertising"&&t?.advertisingLink?i(X,{href:B(t?.advertisingLink,g),className:"h-full",children:[e(C,{source:`${t?.advertisingBgImg}`,className:"size-full",imgClassName:"size-full object-cover"}),i("div",{className:"desktop:p-6 absolute inset-0 z-[2] p-4 [&_img]:hover:scale-110 [&_img]:hover:transition-all [&_img]:hover:duration-500",children:[e(N,{html:t?.advertisingTitle,className:_("desktop:text-base text-sm font-bold leading-[1.2]",{"text-white":t?.advertisingTheme==="light","text-info-primary":t?.advertisingTheme==="dark"})}),t?.advertisingSubtitle&&e(S,{size:3,html:t?.advertisingSubtitle,className:_("laptop:line-clamp-3 mt-2 line-clamp-4 font-bold",{"text-white":t?.advertisingTheme==="light","text-info-primary":t?.advertisingTheme==="dark"})})]})]}):i("a",{href:D,className:"tablet:hover:bg-info-white desktop:p-6 desktop:pt-4 tablet:p-4 flex h-full flex-col bg-[#EAEAEC] px-2 py-4 no-underline duration-300",children:[e("div",{className:"ipc_search_product_item_image",children:e(C,{className:"lg-desktop:size-[196px] mx-auto size-[138px]",source:l?.image?.url||t?.images?.[0]?.url,alt:t?.title,imgClassName:"object-cover size-full"})}),i("div",{className:"ipc_search_product_item_content desktop:mt-2 lg-desktop:mt-3 desktop:gap-6 mt-1 flex flex-1 flex-col justify-between gap-4",children:[i("div",{className:"flex-1",children:[e("div",{className:"lg-desktop:h-[28px] mb-2 flex h-[24px] gap-2",children:z?.map((d,E)=>e(ae,{size:"lg",variant:b,children:d},E))}),e(N,{className:"lg-desktop:text-2xl tablet:line-clamp-2 line-clamp-3 text-xl font-bold !leading-[1.2]",weight:"bold",html:T(t?.title||"",n||"")}),e(N,{as:"p",className:"lg-desktop:text-[18px] tablet:line-clamp-1 mt-1 line-clamp-2 text-sm font-bold",html:T(t?.description,n||"")})]}),i("div",{children:[e("div",{className:"mb-2 flex items-center",children:l?.availableForSale?i(I,{children:[e("div",{className:"final-price text-info-primary tablet:text-xl lg-desktop:text-2xl text-[18px] font-bold",children:l?.availableForSale&&k||""}),e("div",{className:"origin-price tablet:text-xl lg-desktop:text-2xl text-info-secondary ml-1 text-[18px] font-bold line-through",children:l?.availableForSale&&r||""})]}):e("div",{className:"text-info-primary tablet:text-xl lg-desktop:text-2xl text-[18px] font-bold",children:c?.soldOutText||"Sold Out"})}),i("div",{className:_("ipc_search_product_item_button_group","lg-desktop:gap-3 laptop:flex-row flex flex-col items-center gap-2"),children:[c?.learnMoreText&&e(L,{variant:"secondary",className:"laptop:w-auto w-full",size:"lg",onClick:d=>{d.preventDefault(),d.stopPropagation(),o?.()},children:c?.learnMoreText}),c?.shopNowText&&e(L,{variant:"primary",className:"laptop:w-auto w-full",size:"lg",disabled:!l?.availableForSale,loading:f,onClick:d=>{d.preventDefault(),d.stopPropagation(),s?.()},children:c?.shopNowText})]})]})]})]})})},re=({blog:t,searchValue:o})=>{const{copyWriting:s,locale:n="us"}=j(),m=u(()=>B(`/blogs/${t?.blog?.handle}/${t?.handle.replace("storefront-","")}`,n),[t,n]);return e("div",{className:"ipc_search_blog_item border-b border-[#E4E5E6] py-6",children:i("div",{className:"ipc_search_blog_item_content laptop:flex-row-reverse laptop:gap-8 desktop:gap-16 flex flex-col gap-4",children:[e("div",{className:"rounded-image-text laptop:flex-[440] desktop:flex-[540] desktop:h-[280px] h-[240px] overflow-hidden",children:e(C,{source:t?.image?.url,className:"size-full",imgClassName:"size-full object-cover",alt:t?.title})}),i("div",{className:"laptop:flex-[424] desktop:flex-[704] lg-desktop:flex-[1056] flex flex-col justify-center",children:[e(S,{size:3,html:T(t?.title,o)}),e(N,{html:T(t?.content,o),className:"lg-desktop:text-[18px] desktop:text-[16px] mt-1 line-clamp-2 text-sm font-bold leading-[1.4]"}),e("div",{className:"desktop:mt-6 mt-4",children:e(L,{as:"a",href:m,variant:"secondary",size:"lg",children:s?.learnMoreText||"Learn More"})})]})]})})},ne=({searchValue:t,page:o})=>{const{copyWriting:s,locale:n="us"}=j(),m=u(()=>B(`/${o?.handle}`,n),[o,n]);return i("div",{className:"ipc_search_page_items border-b border-[#E4E5E6] py-6",children:[e(S,{size:3,html:T(o?.name,t)}),e(N,{as:"p",html:T(o?.bodySummary||"",t),className:"lg-desktop:text-[18px] desktop:text-[16px] mt-1 text-sm font-bold leading-[1.4]"}),e(L,{as:"a",href:m,variant:"secondary",size:"lg",className:"desktop:mt-6 mt-4",children:s?.learnMoreText||"Learn More"})]})},R=({url:t,label:o})=>i("div",{className:"flex flex-col items-center justify-center gap-4",children:[e(C,{source:t,className:"h-[180px] w-[240px]",imgClassName:"object-cover"}),e(N,{html:o,className:"desktop:text-[18px] text-sm font-bold leading-[1.4]"})]}),$=({products:t,title:o,buildProps:s,onSecondaryButton:n,onPrimaryButton:m,badgeVariant:y})=>{const{products:b}=s||{};return console.log(b,"buildProducts"),i("div",{className:"ipc_search_recommend_product tablet:pt-[80px] laptop:pt-[96px] desktop:pt-[112px] lg-desktop:pt-[128px] pt-[64px]",children:[e(S,{size:4,weight:"bold",html:o}),e("div",{className:" tablet:grid-cols-3 desktop:grid-cols-4 desktop:gap-4 mt-6 grid grid-cols-2 gap-x-3 gap-y-4",children:t?.map((l,g)=>{const c=b?.find(f=>f.handle===l.handle);if(!c)return null;const x=c?.variants?.find(f=>f.sku===l.sku);return e(F,{product:c,variantData:x,badgeVariant:y,onSecondaryButton:()=>n?.(),onPrimaryButton:()=>m?.()},l.sku+g)})})]})},de=({searchResult:t,searchValue:o,data:s,onSecondaryButton:n,onPrimaryButton:m,onChangeSort:y,loading:b,shopNowLoadingProductId:l,searchResultCount:g,onChangeTab:c,buildProps:x,componentOverrides:f,className:D,...P})=>{const k=f?.badge?.variant,[r,z]=O(s?.tabs?.[0]),[d,E]=O(!1),[V,G]=O({[v.PRODUCTS]:s?.tabs?.find(a=>a.tabType===v.PRODUCTS)?.sortKeys?.[0],[v.BLOGS]:s?.tabs?.find(a=>a.tabType===v.BLOGS)?.sortKeys?.[0],[v.PAGES]:s?.tabs?.find(a=>a.tabType===v.PAGES)?.sortKeys?.[0]}),w=u(()=>t?.products||[],[t]),K=u(()=>t?.blogs||[],[t]),W=u(()=>t?.pages||[],[t]),U=u(()=>Object.values(g||{}).reduce((a,p)=>a+p,0),[g]),H=u(()=>{const a={advertisingBgImg:`${r?.advertisingBgImg?.url}, ${r?.advertisingMobBgImg?.url} 768`,advertisingTitle:r?.advertisingTitle,advertisingSubtitle:r?.advertisingSubtitle,advertisingLink:r?.advertisingLink,advertisingTheme:r?.advertisingTheme,type:"advertising"};if(!!r?.advertisingBgImg?.url||!!r?.advertisingTitle||!!r?.advertisingLink){const h=[...w||[]];return h.length>=8?h.splice(7,0,a):h.length>0&&h.push(a),h}else return w},[r,w]);return i("div",{...P,className:_("ipc_search_page desktop:py-[128px] tablet:px-8 laptop:px-16 desktop:px-16 lg-desktop:px-[calc(50%-832px)] px-4 py-16",D),children:[e(S,{size:4,weight:"bold",html:le(s?.title,{totalCount:U?.toString(),inputValue:`"${o}"`})}),e("div",{className:"mt-6",children:i(q,{className:"ipc_search_page_tabs",defaultValue:"products",children:[i("div",{className:" desktop:flex desktop:items-center desktop:flex-row desktop:gap-6 desktop:justify-between",children:[e(J,{children:s?.tabs?.map(a=>i(Q,{onClick:()=>{z(a);const p=a?.sortKeys?.[0];p&&(G(h=>({...h,[a?.tabType]:p})),y?.(a?.tabType,p)),c?.(a?.tabType)},defaultValue:"products",value:a.tabType,children:[a.label," (",g?.[a.tabType],")"]},a.id))}),i(Y,{onOpenChange:E,children:[e(Z,{asChild:!0,children:i("button",{className:"desktop:mt-0 mt-6 flex items-center text-base font-bold leading-[1.2] focus-visible:!outline-none",children:[r?.sortLabel," ",V?.[r?.tabType]?.label," ",e(se,{className:_("inline-block size-4",{"rotate-180":d})})]})}),e(ee,{align:"start",sideOffset:8,className:"rounded-sidebar-shelf bg-white !px-0 py-2 focus-visible:!outline-none",children:r?.sortKeys?.map(a=>e(te,{className:_("laptop:px-4 laptop:text-base px-3 py-4 text-sm font-bold hover:bg-[#EAEAEC] hover:text-current hover:!outline-none",{"bg-[#EAEAEC]":V?.[r?.tabType]?.value===a.value}),onClick:()=>{y?.(r?.tabType,a),G(p=>({...p,[r?.tabType]:a}))},children:a.label},a.id))})]})]}),i(A,{value:v.PRODUCTS,className:"ipc_search_page_tabs_products_content mt-6",children:[e("div",{className:" tablet:grid-cols-3 desktop:grid-cols-4 desktop:gap-4 grid grid-cols-2 gap-x-3 gap-y-4",children:H?.map((a,p)=>e(F,{searchValue:o,product:a,shopNowLoadingProductId:l,badgeVariant:k,onSecondaryButton:()=>n?.(a),onPrimaryButton:()=>m?.(a)},(a.id||"")+p))}),b?e("div",{className:"mt-6 flex w-full justify-center",children:e(M,{})}):!w?.length&&i(I,{children:[e(R,{url:s?.noResultImage?.url,label:s?.noResultLabel}),e($,{products:s?.recommendProducts||[],buildProps:x,title:s?.recommendProductsTitle,shopNowLoadingProductId:l,badgeVariant:k})]})]}),e(A,{value:v.BLOGS,className:"ipc_search_page_tabs_blogs_content",children:i("div",{children:[K?.map(a=>e(re,{blog:a,searchValue:o},a.id)),b?e("div",{className:"mt-6 flex justify-center",children:e(M,{})}):!K?.length&&i(I,{children:[e(R,{url:s?.noResultImage?.url,label:s?.noResultLabel}),e($,{products:s?.recommendProducts||[],buildProps:x,title:s?.recommendProductsTitle,badgeVariant:k})]})]})}),i(A,{value:v.PAGES,className:"ipc_search_page_tabs_pages_content",children:[e("div",{children:W?.map((a,p)=>e(ne,{page:a,searchValue:o},(a.global_id||a.id)+p))}),b?e("div",{className:"mt-6 flex justify-center",children:e(M,{})}):!W?.length&&i(I,{children:[e(R,{url:s?.noResultImage?.url,label:s?.noResultLabel}),e($,{products:s?.recommendProducts||[],buildProps:x,title:s?.recommendProductsTitle,shopNowLoadingProductId:l,badgeVariant:k})]})]})]})})]})};var fe=de;export{fe as default};
-//# sourceMappingURL=index.js.map

package/dist/esm/biz-components/SearchPage/types.js

@@ -1,2 +1 @@
 var o=(e=>(e.PRODUCTS="products",e.BLOGS="blogs",e.PAGES="pages",e))(o||{});const t="ipc-search-page";export{t as IPC_SEARCH_PAGE,o as SearchPageTabType};
-//# sourceMappingURL=types.js.map

package/dist/esm/biz-components/SecondaryBanner/SecondaryBannerCarousel.js

@@ -1,2 +1 @@
 "use client";import{jsx as n,jsxs as d}from"react/jsx-runtime";import w,{useRef as b,useCallback as O,useState as h,useEffect as v}from"react";import{Swiper as I,SwiperSlide as H}from"swiper/react";import{Navigation as S,Pagination as x,Autoplay as q}from"swiper/modules";import{cn as k}from"../../helpers/index.js";import V from"./index.js";import{secondaryBannerVariants as J}from"./index.js";import"swiper/css";import"swiper/css/navigation";import"swiper/css/pagination";const W=()=>d("svg",{className:"lg-desktop:size-14 size-10",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[n("circle",{cx:"20",cy:"20",r:"20",fill:"currentColor",fillOpacity:"0.2"}),n("path",{d:"M23 13L16 20L23 27",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),$=()=>d("svg",{className:"lg-desktop:size-14 size-10",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[n("circle",{cx:"20",cy:"20",r:"20",fill:"currentColor",fillOpacity:"0.2"}),n("path",{d:"M17 13L24 20L17 27",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),C=w.forwardRef(({data:f,className:L,classNames:E,jumpOptions:N,..._},B)=>{const s=f.items||[],m=f.carousel,T=f.size??"base",a=b(null),[M,z]=h(0),[l,R]=h(null);v(()=>{const e=a.current;!e||!l||e.pagination&&(e.pagination.el=l,e.pagination.init(),e.pagination.render(),e.pagination.update())},[l]);const y=(s[M]?.theme??"light")==="dark";v(()=>{const e=()=>{const t=a.current;if(t)if(document.visibilityState==="hidden")t.autoplay?.stop();else{t.autoplay?.start();const i=t.realIndex??0;c.current.forEach((r,u)=>{r.current&&r.current.querySelectorAll("video").forEach(p=>{u!==i&&p.pause()})})}};return document.addEventListener("visibilitychange",e),()=>document.removeEventListener("visibilitychange",e)},[]);const c=b(s.map(()=>w.createRef())),j=(m?.showArrows??!0)&&s.length>1,g=m?.showDots??!0,o=m?.autoplaySeconds??void 0,A=o!=null&&o>0?[S,x,q]:[S,x],P=o!=null&&o>0?{delay:Math.max(o*1e3,3e3),disableOnInteraction:!1}:!1,D=O(e=>{const t=e.realIndex;c.current.forEach((r,u)=>{u!==t&&r.current&&r.current.querySelectorAll("video").forEach(p=>{p.pause(),p.currentTime=0})});const i=c.current[t];i?.current&&i.current.querySelectorAll("video").forEach(r=>{r.paused&&r.play()?.catch(()=>{})}),z(t)},[]);return d("section",{ref:B,className:k("secondary-banner-carousel group relative w-full overflow-hidden",J({size:T}),{"aiui-dark":y},L),..._,children:[n(I,{onSwiper:e=>a.current=e,onSlideChange:D,modules:A,slidesPerView:1,loop:!0,initialSlide:0,allowTouchMove:!0,autoplay:P,pagination:g?{clickable:!0,el:l,renderBullet:(e,t)=>`<span class="${t} banner-dot"></span>`}:!1,children:s.map((e,t)=>n(H,{children:({isActive:i})=>n("div",{ref:c.current[t],children:n(V,{data:e,isActive:i,classNames:E,jumpOptions:N})})},t))}),j&&d("div",{className:"pointer-events-none absolute inset-0 z-20 flex items-center justify-between px-4",children:[n("button",{type:"button",className:"tablet:flex pointer-events-auto hidden scale-95 items-center justify-center opacity-0 transition-all duration-300 ease-out hover:scale-105 focus-visible:scale-105 group-focus-within:scale-100 group-focus-within:opacity-100 group-hover:scale-100 group-hover:opacity-100",onClick:()=>a.current?.slidePrev(),"aria-label":"Previous banner",children:n(W,{})}),n("button",{type:"button",className:"tablet:flex pointer-events-auto hidden scale-95 items-center justify-center opacity-0 transition-all duration-300 ease-out hover:scale-105 focus-visible:scale-105 group-focus-within:scale-100 group-focus-within:opacity-100 group-hover:scale-100 group-hover:opacity-100",onClick:()=>a.current?.slideNext(),"aria-label":"Next banner",children:n($,{})})]}),g&&n("div",{ref:R,style:{"--swiper-pagination-bottom":"0px"},className:k("secondary-banner-pagination swiper-pagination lg-desktop:!bottom-6 [&_.banner-dot.swiper-pagination-bullet-active]:bg-info-primary [&_.banner-dot]:bg-info-quaternary absolute !bottom-4 !left-1/2 z-20 flex !w-auto !-translate-x-1/2 items-center justify-center gap-2 [&_.banner-dot.swiper-pagination-bullet-active]:h-2 [&_.banner-dot.swiper-pagination-bullet-active]:w-8 [&_.banner-dot.swiper-pagination-bullet-active]:rounded-full [&_.banner-dot]:size-2 [&_.banner-dot]:rounded-full [&_.banner-dot]:transition-all [&_.banner-dot]:duration-300 [&_.banner-dot]:ease-out [&_.swiper-pagination-bullet]:m-0 [&_.swiper-pagination-bullet]:shrink-0 [&_.swiper-pagination-bullet]:opacity-100",{"aiui-dark":y})})]})});C.displayName="SecondaryBannerCarousel";var ne=C;export{ne as default};
-//# sourceMappingURL=SecondaryBannerCarousel.js.map

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

@@ -1,2 +1 @@
 "use client";import{jsx as t,jsxs as p}from"react/jsx-runtime";import*as T from"react";import{cva as F}from"class-variance-authority";import v from"jump.js";import{cn as n,getLocalizedPath as I}from"../../helpers/index.js";import{Text as S,Button as z,Heading as W,Picture as $,Countdown as q}from"../../components/index.js";import{withLayout as G}from"../../shared/Styles.js";import K from"../Media/index.js";import{useAiuiContext as Q}from"../AiuiProvider/index.js";import U from"./SecondaryBannerCarousel.js";const X=F("text-info-primary relative w-full",{variants:{size:{sm:"tablet:aspect-[768/480] laptop:aspect-[1920/480] desktop:aspect-[1920/480] lg-desktop:aspect-[1920/480] aspect-[390/480]",base:"tablet:aspect-[768/660] laptop:aspect-[1920/720] desktop:aspect-[1920/720] lg-desktop:aspect-[1920/720] aspect-[390/660]",lg:"tablet:aspect-[768/660] laptop:aspect-[1920/930] desktop:aspect-[1920/930] lg-desktop:aspect-[1920/930] aspect-[390/660]",xlg:"tablet:aspect-[768/660] laptop:aspect-[1920/930] desktop:aspect-[1920/930] lg-desktop:aspect-[1920/930] aspect-[390/660] overflow-visible"}},defaultVariants:{size:"base"}}),C=T.forwardRef(({className:u,classNames:a={},data:e,jumpOptions:g={},isActive:M,...b},y)=>{const{pcImage:D,padImage:N,mobileImage:L,isVideoLoop:A,endDate:f,endDate_tz:O,dateFormat:P,size:w,iconArray:c,theme:_,primaryButton:o,secondaryButton:i,title:j,titleTag:H}=e,V=A??!0,m=w??"base",E=_??"light",J=H??"h2",{locale:x="us"}=Q(),h={...{duration:500,offset:0},...g},d=T.useId(),l=j?`${d}-title`:void 0,k=e.subtitle?`${d}-subtitle`:void 0,B=e.superTitle?`${d}-super-title`:void 0,R=[B,k].filter(Boolean).join(" ")||void 0;return e.mode==="carousel"&&e.items&&e.items.length>0?t(U,{data:e,className:u,classNames:a,jumpOptions:g,ref:y,...b}):p("section",{ref:y,role:"banner","aria-labelledby":l,"aria-describedby":R,className:n({"aiui-dark":E==="dark"},X({size:m}),u,a?.root),...b,children:[t("div",{className:n("absolute inset-0",{"h-fit":m==="xlg"}),children:t(K,{pcImage:D,padImage:N,mobileImage:L,className:"size-full",imgClassName:"object-cover",videoClassName:"object-cover",muted:!0,loop:V,playsInline:!0,autoPlay:M??!0})}),p("div",{className:n("banner-content laptop:top-1/2 laptop:-translate-y-1/2 tablet:px-[32px] laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] absolute top-12 z-10 flex flex-col items-start justify-center  px-[16px] text-left",a?.content),children:[p("div",{className:"banner-inner-title desktop:gap-2 flex flex-col items-start gap-1",children:[e.superTitle&&t(S,{as:"p",size:2,id:B,className:n("banner-super-title desktop:text-[16px] lg-desktop:text-[18px]",a?.superTitle),html:e.superTitle}),e.title&&t(W,{as:J,size:["xlg","lg"].includes(m)?5:4,id:l,className:n("banner-title ",a?.title),html:e.title}),e.subtitle&&t(S,{as:"p",size:3,id:k,className:n("banner-subtitle desktop:text-[16px] lg-desktop:text-[18px]",a?.subtitle),html:e.subtitle})]}),f&&t("div",{className:"banner-countdown",children:t(q,{endDate:f,endDate_tz:O,dateFormat:P,variant:"spacious",className:"lg-desktop:mt-8 mt-6"})}),p("div",{className:n("banner-cta-group lg-desktop:mt-[32px] lg-desktop:gap-3 mt-6 flex gap-2",a?.buttonGroup),children:[i?.text&&t(z,{variant:"secondary",onClick:r=>{if(i.link?.startsWith("#")){r.preventDefault();const s=document.querySelector(i.link);s&&v(s,h)}i.onClick?.()},className:n("",a?.secondaryButton),"aria-describedby":l,...i.link&&!i.link.startsWith("#")?{as:"a",href:I(i.link,x)}:{},children:i.text}),o?.text&&t(z,{onClick:r=>{if(o.link?.startsWith("#")){r.preventDefault();const s=document.querySelector(o.link);s&&v(s,h)}o.onClick?.()},className:n("",a?.primaryButton),"aria-describedby":l,...o.link&&!o.link.startsWith("#")?{as:"a",href:I(o.link,x)}:{},children:o.text})]}),Array.isArray(c)&&c.length>0&&t("div",{className:"banner-icons desktop:mt-3 lg-desktop:mt-4 mt-2 flex items-center gap-2",role:"group","aria-label":"brand icons",children:c.map((r,s)=>r.pcImage?t($,{source:r.pcImage.url,alt:r.pcImage.alt||`icon ${s+1}`,role:"img",className:"laptop:h-auto h-[48px] max-w-none",imgClassName:"h-full"},s):null)})]})]})});C.displayName="SecondaryBanner";var re=G(C);export{re as default,X as secondaryBannerVariants};
-//# sourceMappingURL=index.js.map

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

@@ -1,2 +1 @@
 "use client";import{Fragment as n,jsx as t,jsxs as o}from"react/jsx-runtime";import"react";import{cn as m}from"../../helpers/utils.js";import"../SwiperBox/index.js";import{withLayout as c}from"../../shared/Styles.js";import{Picture as d,Text as l}from"../../components/index.js";const g=({data:p,className:s,...a})=>{const{list:r}=p;return t(n,{children:t("div",{...a,className:m("",s),children:t("div",{className:"laptop:grid-cols-3 tablet:grid-cols-2 grid grid-cols-1 gap-4",children:r.map((e,i)=>o("div",{className:"lg-desktop:aspect-[543/320] laptop:aspect-[440/280] tablet:aspect-[346/240] select-store-wrapper rounded-box relative flex aspect-[358/240] flex-col overflow-hidden bg-[#EAEAEC]",children:[t(d,{className:"object-cover",imgClassName:"w-full object-cover",source:`${e?.img?.url}, ${e?.padImg?.url} 1439, ${e?.miniImg?.url} 1023, ${e?.mobileImg?.url} 767`}),o("div",{className:"laptop:px-6 laptop:pb-4 lg-desktop:px-8 lg-desktop:pb-8 px-4 pb-4",children:[t(l,{html:e?.title,className:"lg-desktop:text-[24px] text-[20px] leading-[1.2] text-[#080A0F] [&_*_strong]:!font-bold"}),t(l,{html:e?.desc,className:"lg-desktop:text-[16px] line-clamp-1 text-[14px] leading-[1.4] text-[#080A0F] [&_*_strong]:!font-bold"})]})]},i))})})})};var S=c(g);export{S as default};
-//# sourceMappingURL=index.js.map

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

@@ -1,2 +1 @@
 "use client";import{jsx as n,jsxs as m}from"react/jsx-runtime";import ve,{useEffect as P,useRef as E,useImperativeHandle as ye,useId as be,useState as V}from"react";import{cn as g}from"../../helpers/utils.js";import{Tabs as Se,TabsList as xe,TabsTrigger as ke,TabsContent as Te}from"../../components/tabs.js";import Ce from"../Title/index.js";import Ie from"../SwiperBox/index.js";import{withLayout as De}from"../../shared/Styles.js";import{gaTrack as B}from"../../shared/track.js";import{useMediaQuery as w}from"react-responsive";import{useRollout as Le}from"../../hooks/useRollout.js";import{ShelfDisplayWrapItem as H,ShelfDisplayHorizontalItem as Me}from"./shelfDisplayItem.js";const Ne="image",Re="product_shelf",z=o=>o==null?"default":String(o).replace(/[^a-zA-Z0-9_-]/g,"")||"default",q=ve.forwardRef(({data:o,event:_,buildData:A,breakpoints:$,className:O="",recommendedData:p,target:Z="_self",metafields:j,isDisplayGudgments:v=!1,isDisplayBackImage:Q=!1,renderOriginalPrice:W,renderPriceLabel:F,renderPrice:G,onAddCart:J,onBuyNow:K,onLearnMore:U,formatPrice:X,...Y},ee)=>{const{productsTab:r=[],productsCard:te=[],title:y,isShowTab:d=!0,tabShape:se="square",isShowTag:ne=!1,isShowOriginalPrice:ae=!0,isShowRecommendedCard:ie=!1,isTile:oe=!1,tileMaxRows:f,tileExpandText:re="Show more",tileCollapseText:le="Show less",...ce}=o,b=E(!1),S=E(null),pe=be(),[me,de]=V(!1);P(()=>{de(!0)},[]);const fe=w({query:"(max-width: 768px)"}),ue=w({query:"(min-width: 1025px)"}),he=w({query:"(min-width: 1440px)"}),[u,ge]=V(!1),[we,x]=Le({threshold:0});ye(ee,()=>S.current);const k=()=>{B({event:"ga4Event",event_name:"view_item_list",event_parameters:{page_group:"Home Page",item_list_name:"Home_Page_Bundle",items:p?.map((e,a)=>{const t=e?.variants?.find(s=>s?.sku===e?.sku)||e?.variants?.[0];return{item_id:e?.sku||t?.sku,item_name:e?.name,item_variant:t?.name,price:t?.price,index:a+1}})}})};P(()=>{x&&p?.length&&!b.current&&(b.current=!0,k())},[x,p]);const T=(e,a)=>{if(a){const t=p?.map?.(s=>({...s,isShowRecommended:!0}));return t?.length?t:[]}if(!Array.isArray(e))return[];const i=e?.map?.(t=>{const s=A?.products?.find(l=>l?.handle===t?.handle);if(s)return{sku:t.sku,isShowRecommended:!1,custom_name:t.custom_name,custom_description:t.custom_description,custom_image:t.custom_image,custom_theme:t.custom_theme,custom_primary_link:t?.custom_primary_link||"",custom_secondary_link:t?.custom_secondary_link||"",custom_bg_image:t?.custom_bg_image||"",...s}})?.filter(t=>t);return i?.length?i:[]},C=z(pe),I=(e,a)=>{const i={...ce,event:_,isShowTag:ne,isShowOriginalPrice:ae,target:Z,metafields:j,itemLength:e.length,isDisplayBackImage:Q,renderOriginalPrice:W,renderPriceLabel:F,renderPrice:G,onAddCart:J,onBuyNow:K,onLearnMore:U,formatPrice:X};if(oe&&me&&ue){const h=he?4:3,L=typeof f=="number"&&f>0,M=L?f*h:e.length,N=L&&e.length>M,_e=N&&!u?e.slice(0,M):e;return m("div",{children:[n("div",{className:g("shelf-display-tile desktop:grid-cols-4 grid grid-cols-3 gap-4",d?"mt-6":""),children:_e.map((c,R)=>n(H,{data:c,configuration:{...i,index:R}},c?.id||c?.handle||R))}),N&&m("div",{className:"hover:text-brand-0 text-info-primary mt-6 flex items-center justify-center",children:[n("button",{className:"laptop:text-base text-sm font-bold",onClick:()=>ge(c=>!c),children:u?le:re}),n("svg",{xmlns:"http://www.w3.org/2000/svg",className:g("laptop:size-5 size-4",u&&"rotate-180"),width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:n("path",{d:"M17.2929 8.29302C17.6834 7.90249 18.3164 7.90249 18.707 8.29302C19.0975 8.68354 19.0975 9.31655 18.707 9.70708L12.707 15.7071C12.3164 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70708C4.90237 9.31655 4.90237 8.68354 5.29289 8.29302C5.68342 7.90249 6.31643 7.90249 6.70696 8.29302L11.9999 13.586L17.2929 8.29302Z",fill:"currentColor"})})]})]})}const t=e.length<=1&&v,s=!fe&&e.length<=2&&v,l=h=>{switch(h){case 1440:return s?e.length:4;case 1025:return s?e.length:3;default:return s?e.length:2.3}},D=a?`${C}-${z(a)}`:C;return n(Ie,{data:{list:e,configuration:i},id:D,className:`${d?"mt-6":""} shelf-display-swiper-box !overflow-visible`,itemClassName:s?"flex-1":"",Slide:s?Me:H,showNavigation:!0,navigationPrevClassName:"left-4 desktop:left-6",navigationNextClassName:"right-4 desktop:right-6",breakpoints:$||{0:{spaceBetween:12,freeMode:!1,slidesPerView:1},374:{spaceBetween:12,freeMode:!1,slidesPerView:t?1:1.2},768:{spaceBetween:t?0:16,freeMode:!1,slidesPerView:l()},1024:{spaceBetween:t?0:16,freeMode:!1,slidesPerView:l(1024)},1440:{spaceBetween:t?0:16,freeMode:!1,slidesPerView:l(1440)}}},D)};return m("div",{ref:S,...Y,className:g("shelf-display-wrap text-info-primary w-full",O,{"aiui-dark":o?.theme==="dark"}),children:[y&&n(Ce,{data:{title:y}}),n("div",{ref:we,className:"tablet:min-h-[393px] laptop:min-h-[425px] desktop:min-h-[405px] lg-desktop:min-h-[409px]",children:d&&r?.length>0?m(Se,{defaultValue:r?.[0]?.tab,onValueChange:e=>{const a=r?.find(i=>i?.tab===e);if(a){if(!a.isShowRecommendedTab){B({event:"ga4Event",event_name:"component_click",event_parameters:{page_group:"Home Page",component_type:Ne,component_name:Re,component_title:o?.title,component_position:1,navigation:e}});return}k()}},shape:se==="rounded"?"rounded":"square",children:[n(xe,{children:r.map(e=>n(ke,{value:e?.tab,children:e?.tab||""},e?.id||e?.tab))}),r.map(e=>n(Te,{value:e?.tab,children:I(T(e?.data||[],e?.isShowRecommendedTab),e?.tab)},e?.id||e?.tab))]}):I(T(te,ie))})]})});q.displayName="ShelfDisplay";var Ze=De(q);export{Ze as default};
-//# sourceMappingURL=index.js.map

package/dist/esm/biz-components/ShelfDisplay/shelfDisplay.js

@@ -1,2 +1 @@
 import h from"decimal.js";import{PRICE_SYMBOL as l,formatPrice as p,languageTerritory as D}from"../../helpers/index.js";function x({amount:n,baseAmount:i,currencyCode:a,currencyDisplay:o,locale:e,maximumFractionDigits:u,minimumFractionDigits:g,removeTrailingZeros:c,customFormatPrice:t}){if(typeof Intl>"u")return{price:`${l[e]}${n}`,basePrice:`${l[e]}${i}`,discount:`${l[e]}${i-n||0}`};const s=i>n;let d=null;const m=D(e);if(m){const r=new Intl.NumberFormat(m,{style:"percent"});d=s?r.format((i-n)/i):null}let y;if(s){const r=new h(i).sub(n||0).toNumber();y=t?t({amount:r,locale:e}):p({amount:r,currencyDisplay:o,currencyCode:a||"USD",locale:e,maximumFractionDigits:2})}const f=t?t({amount:n,locale:e}):p({amount:n,currencyCode:a,currencyDisplay:o,locale:e,removeTrailingZeros:c}),b=s?t?t({amount:i,locale:e}):p({amount:i,currencyCode:a,currencyDisplay:o,locale:e,maximumFractionDigits:u,minimumFractionDigits:g,removeTrailingZeros:c}):void 0;return{price:f,basePrice:b,discount:d,discountAmount:y}}export{x as formatVariantPrice};
-//# sourceMappingURL=shelfDisplay.js.map

package/dist/esm/biz-components/ShelfDisplay/shelfDisplayItem.js

@@ -1,2 +1 @@
 import{Fragment as Ae,jsx as s,jsxs as f}from"react/jsx-runtime";import{useAiuiContext as Ne}from"../AiuiProvider/index.js";import{formatVariantPrice as Ce}from"./shelfDisplay.js";import _e from"../../components/picture.js";import Se from"../../components/badge.js";import{cn as w}from"../../helpers/utils.js";import{Text as Te}from"../../components/text.js";import fe from"../../components/button.js";import{gaTrack as Be}from"../../shared/track.js";import{trackUrlRef as Pe}from"../../shared/trackUrlRef.js";import{Heading as Le}from"../../components/heading.js";import{useExposure as $e}from"../../hooks/useExposure.js";import{useRef as De,useEffect as Ie,useMemo as ye,useState as j}from"react";const ge="image",he="product_shelf",xe=999999999e-2,ze=e=>{const t=e?.sku,_=e?.variants,E=_?.find(O=>O?.sku===t),K=E?.image?.url||_?.[0]?.image?.url||"",re=E?.image?.altText||_?.[0]?.image?.altText||e?.custom_name||e?.title||"";return{imageUrl:K,altText:re}},Fe=({items:e})=>e?.length?s("div",{className:"shelf-display-social-endorsements desktop:gap-2 absolute right-0 top-0 z-10 flex flex-col items-center gap-1",children:e.map((t,_)=>typeof t.icon=="string"?s("img",{src:t.icon,alt:t.label||"",loading:"lazy",className:"desktop:size-10 lg-desktop:size-12 size-8 object-contain"},_):s(Te,{"aria-label":t.label,className:"desktop:size-10 lg-desktop:size-12 size-8 [&_img]:size-full [&_svg]:size-full",children:t.icon},_))}):null,Ke=({data:e,configuration:t})=>{const{isDisplayBackImage:_=!1,itemShape:E,metafields:K,isTopTag:re=!1,isShowTag:O,isShowOriginalPrice:$,isShowShortTitle:ve=!1,isShowPricesTag:D=!1,pricesTagTextColor:W,pricesTagBgColor:H,itemsTagTextColor:v,itemsTagBgColor:Q,formatPrice:ie,renderOriginalPrice:X,renderPriceLabel:be,renderPrice:U}=t||{},{locale:T="es",copyWriting:oe,currencyDisplay:Y}=Ne(),{discounts:Z,discountsCopy:le}=K||{},ne=De(null),[n,ae]=j([]),[ce,I]=j(""),[pe,z]=j(!1),[b,R]=j(!1),me=(i,p,m,d)=>{const{primaryFun:x,onAddCart:S,onBuyNow:te,onLearnMore:se,event:we}=t||{};if(x){if(x==="AddCart"&&S)return S(i,p+1,m,d);if(x==="BuyNow"&&te)return te(i,p+1,m,d);if(x==="LearnMore"&&se)return se(i,p+1,m,d)}we?.primaryButton?.(i,p+1,m,d)},ke=(i,p,m,d)=>{const{secondaryFun:x,onAddCart:S,onBuyNow:te,onLearnMore:se,event:we}=t||{};if(x){if(x==="AddCart"&&S)return S(i,p+1,m,d);if(x==="BuyNow"&&te)return te(i,p+1,m,d);if(x==="LearnMore"&&se)return se(i,p+1,m,d)}we?.secondaryButton?.(i,p+1,m,d)},o=ye(()=>{const i=e?.variants||[];if(i.length)return e?.sku?i?.find?.(p=>p?.sku===e?.sku)||i[0]:i?.[0]},[e?.sku,e?.variants]),A=o?.id?.split?.("/")||[],N=A?.[A?.length-1],y=!o?.availableForSale||o?.price?.amount===xe||o?.price===xe,k=o?.coupons?.[0],de=e?.price?.currencyCode||"USD",q=ye(()=>Ce({locale:T,amount:k?k?.variant_price4wscode:o?.price,baseAmount:k?o?.price:0,currencyCode:de,currencyDisplay:Y,customFormatPrice:ie}),[de,T,k,Y,o,ie]),{price:F,basePrice:C,discount:B,discountAmount:M}=q,{imageUrl:V,altText:ue}=ze(e),G=e?.custom_name||e?.title,P=ve&&o?.metafields?.infos?.page_short_title||G,ee=e?.custom_description||e?.description,r=()=>{if(k?.value_type==="fixed_amount"){const i=M||"",p=i.match(/^(.*?)(\d[\d.,]*)(.*)$/);if(p){const[,m,d,x]=p;let S=d;return d.endsWith(".00")?S=d.replace(/\.00$/,""):d.endsWith(",00")&&(S=d.replace(/,00$/,"")),`${m}${S}${x}`}return i}return B||""};Ie(()=>{let i=[];if(B||M){const m=`${r()} ${Z?.off||le?.off||""}`;I(m)}const p=e?.tags?.filter?.(m=>m?.startsWith?.("CLtag"))?.map?.(m=>m?.replace?.("CLtag:",""))?.slice?.(0,B&&D?1:2)||[];ae(i.concat(p))},[e?.tags,B,M,D,Z?.off,le?.off]),$e(ne,{componentType:ge,componentName:he,componentTitle:G,componentDescription:ee,position:t?.index+1});const l=async()=>{if(!pe&&!e?.custom_primary_link){z(!0);try{await me(e,t?.index,t,k)}finally{z(!1)}}},a=async()=>{if(!b&&!e?.custom_secondary_link){R(!0);try{await ke(e,t?.index,t,k)}finally{R(!1)}}},c=()=>f("div",{className:"shelf-display-product-content desktop:gap-6 lg-desktop:flex-[221] desktop:flex-[190] flex flex-[178] flex-col justify-between gap-4",children:[f("div",{className:"shelf-display-product-content-title-desc",children:[P?s(Le,{as:"h3",title:P||"",size:2,className:"shelf-display-product-title text-info-primary mb-1 line-clamp-2",html:P||""}):null,s(Te,{size:2,className:w("lg-desktop:text-lg desktop:text-base shelf-display-product-description text-info-primary line-clamp-2 text-sm !leading-[1.4]"),html:ee||""})]}),f("div",{className:"shelf-display-product-content-price-button",children:[s("div",{className:"mb-2 flex items-center",children:U?U(e,{price:F,basePrice:C,discount:B,discountAmount:M,variant:o,coupon:k,isSoldOut:y,isShowOriginalPrice:$}):y?s("div",{className:"lg-desktop:text-2xl text-info-primary text-xl font-bold",children:oe?.soldOutText}):f(Ae,{children:[s("div",{className:"final-price lg-desktop:text-2xl text-info-primary text-xl font-bold !leading-[1.2]",children:o?.availableForSale&&F||""}),X?X(e,{price:F,basePrice:C,discount:B,discountAmount:M,isShowOriginalPrice:$}):C&&$&&s("div",{className:"origin-price lg-desktop:text-2xl text-info-quaternary ml-1 text-xl font-bold !leading-[1.2] line-through",children:o?.availableForSale&&C||""})]})}),!U&&be?.(e,o,{isShowOriginalPrice:$}),f("div",{className:w("shelf-flex-button-group","lg-desktop:gap-3 flex items-center gap-2",t.direction==="vertical"?"flex-col":""),children:[t?.secondaryButton&&!y?s(fe,{disabled:y&&t?.secondaryFun!=="LearnMore",variant:"secondary",href:e?.custom_secondary_link,as:e?.custom_secondary_link?"a":"button",onClick:a,loading:b,className:t.direction==="vertical"?"w-full":"",children:t?.secondaryButton||""}):null,t?.primaryButton?s(fe,{disabled:y&&t?.primaryFun!=="LearnMore",variant:"primary",href:e?.custom_primary_link,as:e?.custom_primary_link?"a":"button",onClick:l,loading:pe,className:t.direction==="vertical"?"w-full":"",children:t?.primaryButton||""}):null]})]})]}),u={...W?{color:W}:{},...H?{backgroundColor:H,backgroundImage:"none"}:{},...W||H?{outline:"none"}:{}},g={...v?{color:v}:{},...Q?{backgroundColor:Q,backgroundImage:"none"}:{},...v||Q?{outlineColor:v}:{}},L=()=>f("div",{className:"lg-desktop:h-[28px] lg-desktop:flex-[28] box-border flex h-6 flex-[24] flex-wrap gap-1 overflow-hidden",children:[D&&ce&&s(Se,{className:"shelf-prices-tag",variant:"fill",style:u,children:ce||""}),O&&n?.length>0&&n?.map?.((i,p)=>s(Se,{className:"shelf-items-tag",variant:"outline",style:g,children:i},p))]}),h=e?.custom_bg_image,J=e?.custom_theme;return s("div",{ref:ne,className:w("box-border w-full cursor-pointer overflow-hidden duration-300","rounded-box","lg-desktop:aspect-w-[404] lg-desktop:aspect-h-[545] desktop:aspect-w-[316] desktop:aspect-h-[450]","laptop:aspect-w-[288] laptop:aspect-h-[422] aspect-w-[296] aspect-h-[422] relative","md-tablet:h-[422px] shelf-display-item",h?"bg-cover bg-center bg-no-repeat":"bg-background tablet:hover:bg-info-white",{"aiui-dark":J==="dark","aiui-light":J==="light"}),style:h?{backgroundImage:`url(${h})`}:void 0,children:_?s("div",{className:"absolute inset-0 box-border overflow-hidden",children:f("div",{className:"relative inset-0 size-full",children:[s(L,{}),s(_e,{source:V,alt:ue,className:w("flex h-full justify-center object-cover [&_img]:w-auto",{"opacity-0":h})}),s("div",{className:"desktop:p-6 absolute inset-x-0 bottom-0 box-border overflow-hidden p-4",children:c()})]})}):f("div",{className:"desktop:p-6 desktop:pt-4 desktop:gap-2 absolute inset-0 box-border flex flex-col justify-between gap-1 overflow-hidden p-4",children:[s(L,{}),f("div",{className:w("shelf-display-item-image lg-desktop:flex-[240] relative inline-block w-full flex-[180] overflow-hidden",{"opacity-0":h}),children:[s("a",{"aria-label":G,target:t?.target,href:Pe(`${T==="us"||!T?"":`/${T}`}/products/${e?.handle}?variant=${N}`,`${ge}_${he}`),onClick:()=>{Be({event:"ga4Event",event_name:"select_item",event_parameters:{page_group:"Home Page",item_list_name:"Home_Page_Bundle",items:[{item_id:e?.sku||o?.sku,item_name:e?.name,item_variant:o?.name,price:o?.price,index:t?.index+1}]}})},children:s(_e,{source:V,alt:ue,className:"flex h-full justify-center object-cover [&_img]:w-auto"})}),s(Fe,{items:e?.socialEndorsements})]}),c()]})},e?.id||e?.handle)},Qe=({data:e,configuration:t})=>{const{itemShape:_,itemLength:E,metafields:K,isShowShortTitle:re,formatPrice:O,renderOriginalPrice:$,renderPriceLabel:ve,renderPrice:D}=t||{},{discounts:W,discountsCopy:H}=K||{},{locale:v="us",copyWriting:Q,currencyDisplay:ie}=Ne(),[X,be]=j([]),U=De(null),[T,oe]=j(!1),[Y,Z]=j(!1),le=(r,l,a,c)=>{const{primaryFun:u,onAddCart:g,onBuyNow:L,onLearnMore:h,event:J}=t||{};if(u){if(u==="AddCart"&&g)return g(r,l+1,a,c);if(u==="BuyNow"&&L)return L(r,l+1,a,c);if(u==="LearnMore"&&h)return h(r,l+1,a,c)}J?.primaryButton?.(r,l+1,a,c)},ne=(r,l,a,c)=>{const{secondaryFun:u,onAddCart:g,onBuyNow:L,onLearnMore:h,event:J}=t||{};if(u){if(u==="AddCart"&&g)return g(r,l+1,a,c);if(u==="BuyNow"&&L)return L(r,l+1,a,c);if(u==="LearnMore"&&h)return h(r,l+1,a,c)}J?.secondaryButton?.(r,l+1,a,c)},n=ye(()=>{const r=e?.variants||[];if(r.length)return e?.sku&&r.find(l=>l?.sku===e?.sku)||r[0]},[e?.sku,e?.variants]),ae=n?.id?.split?.("/")||[],ce=ae?.[ae?.length-1],I=!n?.availableForSale||n?.price?.amount===xe||n?.price===xe,pe=t?.isShowTag,z=t?.isShowOriginalPrice,b=n?.coupons?.[0],R=!!(z&&b),me=e?.price?.currencyCode||"USD",ke=ye(()=>Ce({locale:v,amount:R?b?.variant_price4wscode:n?.price,baseAmount:R?n?.price:0,currencyCode:me,currencyDisplay:ie,customFormatPrice:O}),[me,v,R,b?.variant_price4wscode,n,O]),{price:o,basePrice:A,discount:N,discountAmount:y}=ke,{imageUrl:k,altText:de}=ze(e),q=e?.custom_name||e?.title,F=re&&n?.metafields?.infos?.page_short_title||q,C=e?.custom_description||e?.description;$e(U,{componentType:ge,componentName:he,componentTitle:q,componentDescription:C,position:t?.index+1});const B=async()=>{if(!T&&!e?.custom_primary_link){oe(!0);try{await le(e,t?.index,t,b)}finally{oe(!1)}}},M=async()=>{if(!Y&&!e?.custom_secondary_link){Z(!0);try{await ne(e,t?.index,t,b)}finally{Z(!1)}}},V=()=>E>=2?{boxItem:"lg-desktop:max-w-[401px] desktop:max-w-[292px] max-w-full",imgItem:"m-tablet:m-auto lg-desktop:max-w-[330px] lg-desktop:max-h-[330px] desktop:max-w-[260px] desktop:max-h-[260px] max-w-[138px] max-h-[138px]",wrap:"lg-desktop:aspect-w-[824] lg-desktop:aspect-h-[480] desktop:aspect-w-[648] desktop:aspect-h-[380] laptop:aspect-w-[440] laptop:aspect-h-[356] tablet:aspect-w-[346] tablet:aspect-h-[360] md-tablet:w-full"}:{boxItem:"lg-desktop:max-w-[401px] desktop:max-w-[292px] laptop:max-w-[289px] max-w-[262px]",imgItem:"md-tablet:m-auto lg-desktop:max-w-[450px] lg-desktop:max-h-[450px] desktop:max-w-[332px] desktop:max-h-[332px] max-w-[312px] max-h-[312px]",wrap:"lg-desktop:aspect-w-[1664] lg-desktop:aspect-h-[480] desktop:aspect-w-[1312] desktop:aspect-h-[380] laptop:aspect-w-[896] laptop:aspect-h-[356] tablet:aspect-w-[704] tablet:aspect-h-[360] md-tablet:w-full"},ue=()=>E>=2?"flex flex-col justify-between desktop:gap-12 desktop:flex-row desktop:justify-center desktop:items-center":"flex justify-center items-center gap-6 md-tablet:flex-col",G=()=>{if(b?.value_type==="fixed_amount"){const r=y||"",l=r.match(/^(.*?)(\d[\d.,]*)(.*)$/);if(l){const[,a,c,u]=l;let g=c;return c.endsWith(".00")?g=c.replace(/\.00$/,""):c.endsWith(",00")&&(g=c.replace(/,00$/,"")),`${a}${g}${u}`}return r}return N||""};Ie(()=>{let r=[];if(N||y){const a=`${G()} ${W?.off||H?.off||""}`;r.push(a)}const l=e?.tags?.filter?.(a=>a?.startsWith?.("CLtag"))?.map?.(a=>a?.replace?.("CLtag:",""))?.slice?.(0,N?1:2)||[];be(r.concat(l))},[e?.tags,N,y,W?.off,H?.off]);const P=e?.custom_bg_image,ee=e?.custom_theme;return s("div",{ref:U,className:w(V().wrap,"rounded-box","shelf-display-item","duration-300","md-tablet:h-[360px] relative box-border w-full cursor-pointer overflow-hidden",P?"bg-cover bg-center bg-no-repeat":"bg-container-secondary-1 tablet:hover:bg-info-white",{"aiui-dark":ee==="dark","aiui-light":ee==="light"}),style:P?{backgroundImage:`url(${P})`}:void 0,children:f("div",{className:w(ue(),"desktop:p-6 absolute inset-0 box-border overflow-hidden p-4"),children:[s("div",{className:w(V().imgItem,"desktop:mb-0 relative mb-1 overflow-hidden",{"opacity-0":P}),children:s("a",{"aria-label":q,target:t?.target,href:Pe(`${v==="us"||!v?"":`/${v}`}/products/${e?.handle}?variant=${ce}`,`${ge}_${he}`),onClick:()=>{Be({event:"ga4Event",event_name:"select_item",event_parameters:{page_group:"Home Page",item_list_name:"Home_Page_Bundle",items:[{item_id:e?.sku||n?.sku,item_name:e?.name,item_variant:n?.name,price:n?.price,index:t?.index+1}]}})},children:s(_e,{source:k,alt:de,className:"flex h-full justify-center object-cover [&_img]:w-auto"})})}),f("div",{className:w("flex flex-col items-start justify-center",V().boxItem),children:[pe&&s("div",{className:"mb-1 box-border flex h-8 flex-wrap gap-1 overflow-hidden",children:X?.length>0&&X?.map?.((r,l)=>s(Se,{className:"shelf-items-tag",variant:"fill",children:r},l))}),F?s(Le,{as:"h3",title:F||"",size:2,className:"shelf-display-product-title lg-desktop:h-[58px] text-info-primary mb-1 line-clamp-2 h-[48px]",html:F||""}):null,C?s(Te,{size:2,className:"lg-desktop:text-lg lg-desktop:h-[26px] desktop:text-base desktop:h-6 shelf-display-product-description text-info-primary line-clamp-1 h-5 text-sm",html:C||""}):null,s("div",{className:"mb-2 mt-5 flex items-center",children:D?D(e,{price:o,basePrice:A,discount:N,discountAmount:y,variant:n,coupon:b,isSoldOut:I,isShowOriginalPrice:z}):I?s("div",{className:"lg-desktop:text-2xl text-info-primary text-xl font-bold",children:Q?.soldOutText}):f(Ae,{children:[s("div",{className:"final-price tablet:text-xl text-info-primary text-xl font-bold",children:n?.availableForSale&&o||""}),$?$(e,{price:o,basePrice:A,discount:N,discountAmount:y,isShowOriginalPrice:z}):A&&s("div",{className:"origin-price tablet:text-xl text-info-quaternary ml-1 text-lg font-bold line-through",children:n?.availableForSale&&A||""})]})}),!D&&ve?.(e,n,{isShowOriginalPrice:z}),f("div",{className:w("shelf-flex-button-group","lg-desktop:gap-3 flex items-center gap-2",t.direction==="vertical"?"flex-col":""),children:[t?.secondaryButton&&!I?s(fe,{disabled:I&&t?.secondaryFun!=="LearnMore",variant:"secondary",href:e?.custom_secondary_link,as:e?.custom_secondary_link?"a":"button",onClick:M,loading:Y,className:t.direction==="vertical"?"w-full":"",children:t?.secondaryButton||""}):null,t?.primaryButton?s(fe,{disabled:I&&t?.primaryFun!=="LearnMore",variant:"primary",href:e?.custom_primary_link,as:e?.custom_primary_link?"a":"button",onClick:B,loading:T,className:t.direction==="vertical"?"w-full":"",children:t?.primaryButton||""}):null]})]})]})},e?.id||e?.handle)};export{Qe as ShelfDisplayHorizontalItem,Ke as ShelfDisplayWrapItem,ze as getProductImage};
-//# sourceMappingURL=shelfDisplayItem.js.map

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

@@ -1,2 +1 @@
 "use client";import{jsx as s,jsxs as f}from"react/jsx-runtime";import ge,{useEffect as z,useRef as H,useImperativeHandle as we,useId as ye,useState as M}from"react";import{cn as w}from"../../helpers/utils.js";import{Tabs as ve,TabsList as _e,TabsTrigger as be,TabsContent as Se}from"../../components/tabs.js";import ke from"../Title/index.js";import B from"../SwiperBox/index.js";import{withLayout as De}from"../../shared/Styles.js";import{gaTrack as E}from"../../shared/track.js";import{useMediaQuery as xe}from"react-responsive";import{useRollout as Te}from"../../hooks/useRollout.js";import{ShelfDisplayWrapItem as Ce}from"../ShelfDisplay/shelfDisplayItem.js";import{ShelfDisplayHorizontalCardItem as V}from"./shelfDisplayHorizontalItem.js";const Pe="image",Ie="product_shelf",y=o=>o==null?"default":String(o).replace(/[^a-zA-Z0-9_-]/g,"")||"default",$={0:{spaceBetween:12,freeMode:!1,slidesPerView:1},374:{spaceBetween:12,freeMode:!1,slidesPerView:1.2},768:{spaceBetween:16,freeMode:!1,slidesPerView:2.3},1025:{spaceBetween:16,freeMode:!1,slidesPerView:2}},A=ge.forwardRef((o,v)=>{const{isDisplayGudgments:Ne,...q}=o,{data:u,event:G,buildData:O,breakpoints:_,className:Z="",recommendedData:p,target:j="_self",metafields:Q,isDisplayBackImage:W=!1,renderOriginalPrice:F,renderPriceLabel:J,renderPrice:K,onAddCart:U,onBuyNow:X,onLearnMore:Y,formatPrice:ee,...te}=q,{productsTab:r=[],productsCard:se=[],title:b,isShowTab:m=!0,tabShape:ae="square",isShowTag:ie=!1,isShowOriginalPrice:ne=!0,isShowRecommendedCard:oe=!1,isTile:re=!1,tileMaxRows:h,tileExpandText:le="Show more",tileCollapseText:pe="Show less",...me}=u,S=H(!1),k=H(null),de=ye(),[D,ce]=M(!1);z(()=>{ce(!0)},[]);const x=xe({query:"(min-width: 1025px)"}),[g,fe]=M(!1),[ue,T]=Te({threshold:0});we(v,()=>k.current);const C=()=>{E({event:"ga4Event",event_name:"view_item_list",event_parameters:{page_group:"Home Page",item_list_name:"Home_Page_Bundle",items:p?.map((e,a)=>{const t=e?.variants?.find(i=>i?.sku===e?.sku)||e?.variants?.[0];return{item_id:e?.sku||t?.sku,item_name:e?.name,item_variant:t?.name,price:t?.price,index:a+1}})}})};z(()=>{T&&p?.length&&!S.current&&(S.current=!0,C())},[T,p]);const P=(e,a)=>{if(a){const t=p?.map?.(i=>({...i,isShowRecommended:!0}));return t?.length?t:[]}if(!Array.isArray(e))return[];const n=e?.map?.(t=>{const i=O?.products?.find(c=>c?.handle===t?.handle);if(i)return{sku:t.sku,isShowRecommended:!1,custom_name:t.custom_name,custom_description:t.custom_description,custom_image:t.custom_image,custom_theme:t.custom_theme,custom_primary_link:t?.custom_primary_link||"",custom_secondary_link:t?.custom_secondary_link||"",custom_bg_image:t?.custom_bg_image||"",...i}})?.filter(t=>t);return n?.length?n:[]},d=y(de),I=(e,a)=>{const n={...me,event:G,isShowTag:ie,isShowOriginalPrice:ne,target:j,metafields:Q,itemLength:e.length,isDisplayBackImage:W,renderOriginalPrice:F,renderPriceLabel:J,renderPrice:K,onAddCart:U,onBuyNow:X,onLearnMore:Y,formatPrice:ee};if(re&&D&&x){const c=typeof h=="number"&&h>0,N=c?h*2:e.length,L=c&&e.length>N,he=L&&!g?e.slice(0,N):e;return f("div",{children:[s("div",{className:w("shelf-display-horizontal-tile grid grid-cols-2 gap-4",m?"mt-6":""),children:he.map((l,R)=>s(V,{data:l,configuration:{...n,index:R}},l?.id||l?.handle||R))}),L&&f("div",{className:"hover:text-brand-0 text-info-primary mt-6 flex items-center justify-center",children:[s("button",{className:"laptop:text-base text-sm font-bold",onClick:()=>fe(l=>!l),children:g?pe:le}),s("svg",{xmlns:"http://www.w3.org/2000/svg",className:w("laptop:size-5 size-4",g&&"rotate-180"),width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:s("path",{d:"M17.2929 8.29302C17.6834 7.90249 18.3164 7.90249 18.707 8.29302C19.0975 8.68354 19.0975 9.31655 18.707 9.70708L12.707 15.7071C12.3164 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70708C4.90237 9.31655 4.90237 8.68354 5.29289 8.29302C5.68342 7.90249 6.31643 7.90249 6.70696 8.29302L11.9999 13.586L17.2929 8.29302Z",fill:"currentColor"})})]})]})}if(D&&x){const i=a?`${d}-${y(a)}`:d;return s(B,{data:{list:e,configuration:n},id:i,className:`${m?"mt-6":""} shelf-display-horizontal-swiper-box !overflow-visible`,Slide:V,showNavigation:!0,navigationPrevClassName:"left-4 desktop:left-6",navigationNextClassName:"right-4 desktop:right-6",breakpoints:_||$},i)}const t=a?`${d}-${y(a)}`:d;return s(B,{data:{list:e,configuration:n},id:t,className:`${m?"mt-6":""} shelf-display-swiper-box !overflow-visible`,Slide:Ce,showNavigation:!0,navigationPrevClassName:"left-4 desktop:left-6",navigationNextClassName:"right-4 desktop:right-6",breakpoints:_||$},t)};return f("div",{ref:k,...te,className:w("shelf-display-horizontal-wrap text-info-primary w-full",Z,{"aiui-dark":u?.theme==="dark"}),children:[b&&s(ke,{data:{title:b}}),s("div",{ref:ue,className:"tablet:min-h-[393px] laptop:min-h-[320px] desktop:min-h-[300px] lg-desktop:min-h-[309px]",children:m&&r?.length>0?f(ve,{defaultValue:r?.[0]?.tab,onValueChange:e=>{const a=r?.find(n=>n?.tab===e);if(a){if(!a.isShowRecommendedTab){E({event:"ga4Event",event_name:"component_click",event_parameters:{page_group:"Home Page",component_type:Pe,component_name:Ie,component_title:u?.title,component_position:1,navigation:e}});return}C()}},shape:ae==="rounded"?"rounded":"square",children:[s(_e,{children:r.map(e=>s(be,{value:e?.tab,children:e?.tab||""},e?.id||e?.tab))}),r.map(e=>s(Se,{value:e?.tab,children:I(P(e?.data||[],e?.isShowRecommendedTab),e?.tab)},e?.id||e?.tab))]}):I(P(se,oe))})]})});A.displayName="ShelfDisplayHorizontal";var Ge=De(A);export{Ge as default};
-//# sourceMappingURL=index.js.map

package/dist/esm/biz-components/ShelfDisplayHorizontal/shelfDisplayHorizontalItem.js

@@ -1,2 +1 @@
 import{Fragment as $e,jsx as s,jsxs as m}from"react/jsx-runtime";import{useAiuiContext as _e}from"../AiuiProvider/index.js";import{formatVariantPrice as Se}from"../ShelfDisplay/shelfDisplay.js";import{getProductImage as Te}from"../ShelfDisplay/shelfDisplayItem.js";import we from"../../components/picture.js";import X from"../../components/badge.js";import{cn as S}from"../../helpers/utils.js";import{Text as Y}from"../../components/text.js";import Z from"../../components/button.js";import{gaTrack as Ce}from"../../shared/track.js";import{trackUrlRef as Ne}from"../../shared/trackUrlRef.js";import{Heading as Pe}from"../../components/heading.js";import{useExposure as Be}from"../../hooks/useExposure.js";import{useRef as ze,useEffect as De,useMemo as ee,useState as T}from"react";const te="image",oe="product_shelf",se=999999999e-2,Le=({items:e})=>e?.length?s("div",{className:"shelf-display-horizontal-social-endorsements desktop:gap-2 desktop:top-2 absolute right-0 top-0 flex flex-none flex-col items-center gap-1 self-center",children:e.map((t,w)=>typeof t.icon=="string"?s("img",{src:t.icon,alt:t.label||"",loading:"lazy",className:"desktop:size-10 lg-desktop:size-12 size-8 object-contain"},w):s(Y,{"aria-label":t.label,className:"desktop:size-10 lg-desktop:size-12 size-8 [&_img]:size-full [&_svg]:size-full",children:t.icon},w))}):null,Ke=({data:e,configuration:t})=>{const{isDisplayBackImage:w=!1,itemShape:Ie,metafields:I,isTopTag:Ee=!1,isShowTag:re,isShowOriginalPrice:v,isShowShortTitle:ie=!1,isShowPricesTag:C=!1,pricesTagTextColor:N,pricesTagBgColor:P,itemsTagTextColor:k,itemsTagBgColor:B,formatPrice:E,renderOriginalPrice:A,renderPriceLabel:le,renderPrice:z}=t||{},{locale:f="es",copyWriting:ne,currencyDisplay:F}=_e(),{discounts:M,discountsCopy:H}=I||{},O=ze(null),[j,ae]=T([]),[U,ce]=T(""),[W,R]=T(!1),[q,V]=T(!1),pe=(o,r,i,n)=>{const{primaryFun:a,onAddCart:c,onBuyNow:y,onLearnMore:h,event:$}=t||{};if(a){if(a==="AddCart"&&c)return c(o,r+1,i,n);if(a==="BuyNow"&&y)return y(o,r+1,i,n);if(a==="LearnMore"&&h)return h(o,r+1,i,n)}$?.primaryButton?.(o,r+1,i,n)},me=(o,r,i,n)=>{const{secondaryFun:a,onAddCart:c,onBuyNow:y,onLearnMore:h,event:$}=t||{};if(a){if(a==="AddCart"&&c)return c(o,r+1,i,n);if(a==="BuyNow"&&y)return y(o,r+1,i,n);if(a==="LearnMore"&&h)return h(o,r+1,i,n)}$?.secondaryButton?.(o,r+1,i,n)},l=ee(()=>{const o=e?.variants||[];if(o.length)return e?.sku?o?.find?.(r=>r?.sku===e?.sku)||o[0]:o?.[0]},[e?.sku,e?.variants]),G=l?.id?.split?.("/")||[],de=G?.[G?.length-1],u=!l?.availableForSale||l?.price?.amount===se||l?.price===se,p=l?.coupons?.[0],J=e?.price?.currencyCode||"USD",fe=ee(()=>Se({locale:f,amount:p?p?.variant_price4wscode:l?.price,baseAmount:p?l?.price:0,currencyCode:J,currencyDisplay:F,customFormatPrice:E}),[J,f,F,p,l,E]),{price:D,basePrice:x,discount:d,discountAmount:g}=fe,{imageUrl:ue,altText:ge}=Te(e),b=e?.custom_name||e?.title,L=ie&&l?.metafields?.infos?.page_short_title||b,K=e?.custom_description||e?.description,ye=()=>{if(p?.value_type==="fixed_amount"){const o=g||"",r=o.match(/^(.*?)(\d[\d.,]*)(.*)$/);if(r){const[,i,n,a]=r;let c=n;return n.endsWith(".00")?c=n.replace(/\.00$/,""):n.endsWith(",00")&&(c=n.replace(/,00$/,"")),`${i}${c}${a}`}return o}return d||""};De(()=>{let o=[];if(d||g){const i=`${ye()} ${M?.off||H?.off||""}`;ce(i)}const r=e?.tags?.filter?.(i=>i?.startsWith?.("CLtag"))?.map?.(i=>i?.replace?.("CLtag:",""))?.slice?.(0,d&&C?1:2)||[];ae(o.concat(r))},[e?.tags,d,g,M?.off,H?.off,C]),Be(O,{componentType:te,componentName:oe,componentTitle:b,componentDescription:K,position:t?.index+1});const he=async()=>{if(!W&&!e?.custom_primary_link){R(!0);try{await pe(e,t?.index,t,p)}finally{R(!1)}}},ve=async()=>{if(!q&&!e?.custom_secondary_link){V(!0);try{await me(e,t?.index,t,p)}finally{V(!1)}}},ke={...N?{color:N}:{},...P?{backgroundColor:P,backgroundImage:"none"}:{},...N||P?{outline:"none"}:{}},xe={...k?{color:k}:{},...B?{backgroundColor:B,backgroundImage:"none"}:{},...k||B?{outlineColor:k}:{}},be=()=>m("div",{className:"lg-desktop:h-[28px] absolute left-0 top-0 z-10 box-border flex h-6 flex-wrap gap-1 overflow-hidden",children:[C&&U&&s(X,{className:"shelf-prices-tag",variant:"fill",style:ke,children:U||""}),re&&j?.length>0&&j?.map?.((o,r)=>s(X,{className:"shelf-items-tag",variant:"outline",style:xe,children:o},r))]}),_=e?.custom_bg_image,Q=e?.custom_theme;return s("div",{ref:O,className:S("box-border w-full cursor-pointer overflow-hidden duration-300","rounded-box","shelf-display-horizontal-item","lg-desktop:aspect-[824/269] desktop:aspect-[648/238] laptop:aspect-[440/256] relative",_?"bg-cover bg-center bg-no-repeat":"bg-background tablet:hover:bg-info-white",{"aiui-dark":Q==="dark","aiui-light":Q==="light"}),style:_?{backgroundImage:`url(${_})`}:void 0,children:m("div",{className:"desktop:p-6 desktop:pt-4 absolute inset-0 box-border flex overflow-hidden p-4",children:[m("div",{className:"shelf-display-horizontal-left laptop:flex-[196] desktop:flex-[292] lg-desktop:flex-[380] relative flex h-full flex-none flex-col items-center justify-center gap-2",children:[s(be,{}),s("div",{className:S("shelf-display-horizontal-item-image desktop:h-[92.3%] lg-desktop:h-[89.5%] relative inline-block aspect-[1] h-[63.6%] min-h-0 overflow-hidden",{"opacity-0":_}),children:s("a",{"aria-label":b,target:t?.target,href:Ne(`${f==="us"||!f?"":`/${f}`}/products/${e?.handle}?variant=${de}`,`${te}_${oe}`),onClick:()=>{Ce({event:"ga4Event",event_name:"select_item",event_parameters:{page_group:"Home Page",item_list_name:"Home_Page_Bundle",items:[{item_id:e?.sku||l?.sku,item_name:e?.name,item_variant:l?.name,price:l?.price,index:t?.index+1}]}})},children:s(we,{source:ue,alt:ge,className:"flex h-full justify-center object-cover [&_img]:w-auto"})})}),s(Le,{items:e?.socialEndorsements||I?.socialEndorsements})]}),m("div",{className:"shelf-display-horizontal-content desktop:flex-[332] desktop:pl-6 desktop:pt-2 lg-desktop:flex-[420] desktop:gap-6 flex min-w-0 flex-[224] flex-col justify-between gap-4 pl-4",children:[m("div",{className:"shelf-display-horizontal-content-title-desc",children:[L?s(Pe,{as:"h3",title:L||"",size:2,className:"shelf-display-product-title text-info-primary mb-1 line-clamp-2",html:L||""}):null,s(Y,{size:2,className:S("lg-desktop:text-lg desktop:text-base shelf-display-product-description text-info-primary line-clamp-2 text-sm !leading-[1.4]"),html:K||""})]}),m("div",{className:"shelf-display-horizontal-content-price-button",children:[s("div",{className:"mb-2 flex items-center",children:z?z(e,{price:D,basePrice:x,discount:d,discountAmount:g,variant:l,coupon:p,isSoldOut:u,isShowOriginalPrice:v}):u?s("div",{className:"lg-desktop:text-2xl text-info-primary text-xl font-bold",children:ne?.soldOutText}):m($e,{children:[s("div",{className:"final-price lg-desktop:text-2xl text-info-primary text-xl font-bold !leading-[1.2]",children:l?.availableForSale&&D||""}),A?A(e,{price:D,basePrice:x,discount:d,discountAmount:g,isShowOriginalPrice:v}):x&&v&&s("div",{className:"origin-price lg-desktop:text-2xl text-info-quaternary ml-1 text-xl font-bold !leading-[1.2] line-through",children:l?.availableForSale&&x||""})]})}),!z&&le?.(e,l,{isShowOriginalPrice:v}),m("div",{className:S("shelf-flex-button-group","lg-desktop:gap-3 desktop:flex-row flex flex-col items-center gap-2",t.direction==="vertical"?"flex-col":""),children:[t?.secondaryButton&&!u?s(Z,{disabled:u&&t?.secondaryFun!=="LearnMore",variant:"secondary",href:e?.custom_secondary_link,as:e?.custom_secondary_link?"a":"button",onClick:ve,loading:q,className:"laptop:w-full desktop:w-auto",children:t?.secondaryButton||""}):null,t?.primaryButton?s(Z,{disabled:u&&t?.primaryFun!=="LearnMore",variant:"primary",href:e?.custom_primary_link,as:e?.custom_primary_link?"a":"button",onClick:he,loading:W,className:"laptop:w-full desktop:w-auto",children:t?.primaryButton||""}):null]})]})]})]})},e?.id||e?.handle)};export{Ke as ShelfDisplayHorizontalCardItem};
-//# sourceMappingURL=shelfDisplayHorizontalItem.js.map

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

@@ -1,2 +1 @@
 "use client";import{jsx as r,jsxs as G}from"react/jsx-runtime";import l,{useImperativeHandle as J,useRef as a,useEffect as K}from"react";import{gsap as h}from"gsap";import{SplitText as z}from"gsap/dist/SplitText";import{ScrollTrigger as R}from"gsap/dist/ScrollTrigger";import{cn as p}from"../../helpers/utils.js";import{Heading as O,Text as Q}from"../../components/index.js";import{withLayout as W}from"../../shared/Styles.js";import{useInView as X}from"react-intersection-observer";const it="copy",ct="brand_slogan";function Z(f=[],m=3){const g=[];for(let n=0;n<f.length;n+=m)g.push(f.slice(n,n+m));return g}const D=l.forwardRef(({data:f,className:m="",...g},n)=>{const{title:j,features:o=[],tag:C="h2",featureChunkSize:H=3}=f,[v,N]=l.useState(0),[P,w]=l.useState(!0),k=a(null),y=a(null),b=a(null),d=Z(o,H),T=d.length,i=o.length>H,V=i?[...d,d[0]]:d,E=40;J(n,()=>k.current);const{ref:F,inView:I}=X();l.useEffect(()=>{if(!i)return;const t=setInterval(()=>{N(e=>e+1),w(!0)},3e3);return()=>clearInterval(t)},[T,i]),l.useEffect(()=>{if(i)if(v===T){const t=setTimeout(()=>{w(!1),N(0)},500);return()=>clearTimeout(t)}else w(!0)},[v,T,i]);const c=a(null),M=a(null),x=a(null);return K(()=>{h.registerPlugin(R,z);function t(){if(!c.current)return;x.current=new z(c.current,{type:"words",wordsClass:"word"});const e=c.current?.clientHeight||100,u=x.current.words;h.set(u,{opacity:0}),y.current=R.create({trigger:c.current,start:"bottom bottom-=4%",end:`bottom+=${e*1.5}px bottom-=4%`,scrub:!0,onUpdate:s=>{const U=s.progress,L=u.length,A=1/L,$=.5;u.forEach((Y,_)=>{const q=_/L*(1-$),B=A*(1+$);let S=(U-q)/B;S=Math.max(0,Math.min(S,1)),h.set(Y,{opacity:S})})}}),o&&o.length>0&&(b.current=R.create({trigger:M.current,start:`bottom+=${e*2}px bottom-=6%`,end:`bottom+=${e*2+100}px bottom-=6%`,onUpdate:s=>{h.set(M.current,{opacity:s.progress})}}))}return I&&t(),()=>{x.current&&x.current.revert(),y.current&&y.current.kill(),b.current&&b.current.kill()}},[I]),r("div",{ref:F,children:G("div",{ref:k,...g,className:p("slogan-container laptop:flex-row laptop:items-end laptop:justify-between text-info-primary flex h-auto w-full flex-col items-start justify-center gap-[24px] text-center",m),children:[r(O,{ref:c,as:C,size:2,weight:"bold",align:"left",className:p("slogan-title laptop:text-[40px] desktop:text-[48px] lg-desktop:text-[64px] text-[40px] !leading-[1.1]"),html:j}),o&&o.length>0&&r("div",{className:p("relative w-full max-w-[500px] overflow-hidden",`tablet:h-[${E}px]`),children:r("div",{className:p(["flex flex-col",P?"transition-transform duration-500 ease-[cubic-bezier(.4,0,.2,1)]":"!transition-none"]),style:{transform:`translateY(-${v*E}px)`},children:V.map((t,e)=>r("div",{className:p("laptop:justify-end flex w-full flex-row items-stretch gap-3 overflow-hidden",`tablet:h-[${E}px]`),children:t.map((u,s)=>G(l.Fragment,{children:[s>0&&r("div",{className:"slogan-feature-divider w-px self-stretch bg-[#E4E5E6]"}),r(Q,{size:3,align:"left",as:"p",className:"slogan-feature-text laptop:text-[14px] line-clamp-3 text-[12px] leading-[1.4]",html:u.title})]},s))},e))})})]})})});D.displayName="Slogan";var ut=W(D);export{ct as componentName,it as componentType,ut as default};
-//# sourceMappingURL=index.js.map