@anker-in/headless-ui 1.3.63 → 1.3.64

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

@@ -8,4 +8,3 @@
               caret-color: #000;
             }
           `}),(0,e.jsxs)("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:[(0,e.jsx)("input",{ref:x,value:d,onCompositionStart:()=>L(!0),onCompositionEnd:()=>L(!1),onKeyDown:A,onChange:o=>{E(o.target.value),o.target.value&&_(o.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}),(0,e.jsxs)("div",{className:"flex items-center gap-3",children:[(0,e.jsx)(v.Search,{className:"size-5 cursor-pointer",onClick:()=>s(d)}),(0,e.jsx)("div",{className:"h-[20px] w-px bg-[#E4E5E6]"}),(0,e.jsx)(v.Close,{className:"size-5 cursor-pointer",onClick:p})]})]}),(0,e.jsx)("div",{className:"desktop:gap-12 desktop:py-6 flex flex-col gap-6 py-4 text-black",children:C===u.SearchStatus.Predict?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)("div",{children:[(0,e.jsxs)("div",{className:"flex items-center gap-1",children:[(0,e.jsx)(a.Text,{html:t?.suggestText,className:"text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),r?.items?.length>6&&(0,e.jsx)(a.Button,{as:"a",iconClassName:"size-4",href:(0,m.getLocalizedPath)(`${t?.moreLink}?q=${d.toLowerCase()}`,l),className:"!p-0 !text-sm font-bold leading-[1.2]",variant:"link",children:t?.moreText})]}),(0,e.jsx)("div",{className:"mt-2 flex flex-col",children:r?.items?.filter(o=>P(o)).slice(0,6)?.map(o=>(0,e.jsx)(a.Link,{className:"rounded-sidebar-shelf w-full p-4 no-underline hover:bg-[#F5F5F7] hover:text-current",href:W(o),children:(0,e.jsx)(a.Text,{html:(0,c.highlightSearchWord)(o.title,d),className:"cursor-pointer text-sm font-bold leading-[1.4]"})},o.id))})]}),(0,e.jsxs)("div",{children:[(0,e.jsx)(a.Text,{html:t?.hotProductsText,className:"text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),(0,e.jsxs)("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&&(0,e.jsx)(a.Link,{asChild:!t?.advertisingLink,href:(0,m.getLocalizedPath)(t?.advertisingLink,l),children:(0,e.jsxs)("div",{className:"rounded-sidebar-shelf relative",children:[(0,e.jsx)(a.Picture,{source:t?.advertisingBgImg?.url,className:"laptop:h-[120px] h-[114px]",imgClassName:"object-cover h-full"}),(0,e.jsxs)("div",{className:"absolute inset-x-0 bottom-0 p-4",children:[(0,e.jsx)(a.Heading,{size:2,html:t?.advertisingTitle||"Buy in Guide",className:(0,c.cn)("font-bold text-white",{"text-black":t?.advertisingTheme==="dark"})}),(0,e.jsx)(a.Text,{html:t?.advertisingSubtitle||"20.000mAh",className:(0,c.cn)("text-sm font-bold text-white",{"text-black":t?.advertisingTheme==="dark"})})]})]})}),r?.items?.filter(o=>o.type.toLowerCase()==="product").slice(0,t?.advertisingBgImg?.url?7:8)?.map(o=>{const h=o?.variants?.[0],k=`${h?.image?.url||o?.images?.[0]?.url}`,y=o?.title||o?.name,q=o?.description,G=o?.badge||"",H=(0,m.getLocalizedPath)(`/products/${o?.handle}?variant=${(0,c.atobID)(h?.id)}`,l);return(0,e.jsx)(F,{productImage:k,productName:y,productDesc:q,productBadge:G,listingLink:H},o.id)})]})]},"predict-advertising-card")]}):(0,e.jsxs)(e.Fragment,{children:[C===u.SearchStatus.Empty&&(0,e.jsx)(a.Text,{html:t?.noResultText,as:"p",className:"border-b border-[#E4E5E6] pb-6 text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),(0,e.jsxs)("div",{children:[(0,e.jsx)(a.Text,{html:t?.popularText,className:"text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),(0,e.jsxs)("div",{className:"mt-2",children:[(0,e.jsx)(J,{data:t,keywords:z,locale:l}),Array.isArray(t?.popularPages)&&!!t?.popularPages?.length&&(0,e.jsx)(a.Grid,{className:"laptop:gap-4 laptop:mt-4 mt-3 gap-3",children:t?.popularPages?.map(o=>(0,e.jsx)(a.GridItem,{className:"tablet:col-span-6 laptop:p-3 desktop:p-4 laptop:col-span-3 col-span-12 p-2 hover:bg-[#F5F5F7]",children:(0,e.jsx)("a",{href:(0,m.getLocalizedPath)(`${t?.moreLink}?q=${o?.popularPage.toLowerCase()}`,l),className:"line-clamp-1 cursor-pointer text-sm font-bold leading-[1.4]",children:o?.popularPage})},o?.id))})]})]}),(0,e.jsxs)("div",{children:[(0,e.jsx)(a.Text,{html:t?.hotProductsText,className:"text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),(0,e.jsxs)("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&&(0,e.jsx)(a.Link,{asChild:!t?.advertisingLink,href:(0,m.getLocalizedPath)(t?.advertisingLink,l),children:(0,e.jsxs)("div",{className:"rounded-sidebar-shelf relative overflow-hidden [&_img]:hover:scale-110 [&_img]:hover:transition-all [&_img]:hover:duration-500",children:[(0,e.jsx)(a.Picture,{source:t?.advertisingBgImg?.url,className:"laptop:h-[120px] h-[114px]",imgClassName:"object-cover h-full"}),(0,e.jsxs)("div",{className:"absolute inset-x-0 bottom-0 p-4",children:[(0,e.jsx)(a.Heading,{size:2,html:t?.advertisingTitle||"Buy in Guide",className:(0,c.cn)("font-bold text-white",{"text-black":t?.advertisingTheme==="dark"})}),(0,e.jsx)(a.Text,{html:t?.advertisingSubtitle||"20.000mAh",className:(0,c.cn)("text-sm font-bold text-white",{"text-black":t?.advertisingTheme==="dark"})})]})]})}),t?.hotProducts?.slice(0,t?.advertisingBgImg?.url?7:8)?.map(o=>{const h=o?.custom_description,k=o?.badge||"",y=(0,m.getLocalizedPath)(`/products/${o?.handle}?variant=${(0,c.atobID)(o?.shopify_id)}`,l);return(0,e.jsx)(F,{productImage:o?.image,productName:o?.name,productDesc:h,productBadge:k,listingLink:y},o.shopify_id||o.id)})]})]},"empty-advertising-card")]})})]})});D.displayName="NavigationSearch";const F=({productImage:t,productName:s,productDesc:p,productBadge:r,className:n,listingLink:g})=>{const{componentOverrides:f}=(0,S.useNavContext)(),b=f?.badge?.variant;return(0,e.jsx)(a.Link,{href:g,className:"block no-underline hover:text-current",children:(0,e.jsxs)("div",{className:(0,c.cn)("rounded-sidebar-shelf flex shrink-0 gap-4 overflow-hidden bg-[#F5F5F7] px-4 py-3 [&_img]:hover:scale-110 [&_img]:hover:duration-500",n),children:[(0,e.jsx)("div",{className:"shrink-0",children:(0,e.jsx)("img",{src:t,loading:"lazy",alt:s,width:90,height:90,className:"size-[96px] object-contain"})}),(0,e.jsxs)("div",{className:"relative",children:[(0,e.jsx)("div",{className:" h-[24px] ",children:r&&(0,e.jsx)(a.Badge,{size:"sm",variant:b,className:"mb-1",children:r})}),(0,e.jsxs)("div",{children:[(0,e.jsx)(a.Text,{className:"lg-desktop:h-[44px] lg-desktop:text-base line-clamp-2 h-[40px] text-sm font-bold leading-[1.4]",html:s}),p&&(0,e.jsx)(a.Text,{as:"p",html:p,className:"lg-desktop:text-sm mt-1 line-clamp-1 text-xs font-bold leading-[1.4] text-[#6D6D6F]"})]})]})]})})},J=({data:t,keywords:s,locale:p})=>(0,e.jsx)("div",{className:"laptop:gap-4 flex flex-wrap gap-3",children:s?.map((r,n)=>(0,e.jsx)("a",{href:(0,m.getLocalizedPath)(`${t?.moreLink}?q=${r?.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:r},n))});var Q=(0,$.withLayout)(D);
-//# sourceMappingURL=index.js.map

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

@@ -1,2 +1 @@
 "use strict";var r=Object.defineProperty;var o=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var m=(t,e)=>{for(var a in e)r(t,a,{get:e[a],enumerable:!0})},l=(t,e,a,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of c(e))!d.call(t,n)&&n!==a&&r(t,n,{get:()=>e[n],enumerable:!(i=o(e,n))||i.enumerable});return t};var g=t=>l(r({},"__esModule",{value:!0}),t);var p={};m(p,{SearchStatus:()=>s});module.exports=g(p);var s=(i=>(i.Default="default",i.Predict="predict",i.Empty="empty",i))(s||{});
-//# sourceMappingURL=types.js.map

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

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

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

@@ -1,2 +1 @@
 "use strict";var y=Object.create;var a=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var D=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var m=(o,e)=>{for(var i in e)a(o,i,{get:e[i],enumerable:!0})},f=(o,e,i,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of s(e))!g.call(o,t)&&t!==i&&a(o,t,{get:()=>e[t],enumerable:!(r=l(e,t))||r.enumerable});return o};var M=(o,e,i)=>(i=o!=null?y(D(o)):{},f(e||!o||!o.__esModule?a(i,"default",{value:o,enumerable:!0}):i,o)),N=o=>f(a({},"__esModule",{value:!0}),o);var b={};m(b,{NotifyMeDialog:()=>p.default});module.exports=N(b);var p=M(require("./NotifyMeDialog.js"));
-//# sourceMappingURL=index.js.map

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

@@ -1,2 +1 @@
 "use strict";var o=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var l=(t,e,s,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of n(e))!c.call(t,i)&&i!==s&&o(t,i,{get:()=>e[i],enumerable:!(r=a(e,i))||r.enumerable});return t};var b=t=>l(o({},"__esModule",{value:!0}),t);var g={};module.exports=b(g);
-//# sourceMappingURL=types.js.map

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

@@ -1,2 +1 @@
 "use strict";var g=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var z=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var L=(e,a)=>{for(var r in a)g(e,r,{get:a[r],enumerable:!0})},C=(e,a,r,i)=>{if(a&&typeof a=="object"||typeof a=="function")for(let o of z(a))!k.call(e,o)&&o!==r&&g(e,o,{get:()=>a[o],enumerable:!(i=R(a,o))||i.enumerable});return e};var A=e=>C(g({},"__esModule",{value:!0}),e);var B={};L(B,{default:()=>D});module.exports=A(B);var t=require("react/jsx-runtime"),c=require("react"),n=require("../../components/index.js"),p=require("../../helpers/index.js"),y=require("../../shared/Styles.js");function E({children:e,offset:a=800}){const[r,i]=(0,c.useState)(!1),o=(0,c.useRef)(null);return(0,c.useEffect)(()=>{const s=new IntersectionObserver(([x])=>x.isIntersecting&&i(!0),{rootMargin:`${a}px`});return o.current&&s.observe(o.current),()=>s.disconnect()},[a]),(0,t.jsx)("div",{ref:o,className:"size-full",children:r&&e})}function h({media:e,poster:a,className:r}){return e?.url?e.mimeType?.startsWith("video/")?(0,t.jsx)("video",{src:e.url,playsInline:!0,autoPlay:!0,muted:!0,loop:!0,poster:a?.url||"",preload:"metadata",disablePictureInPicture:!0,disableRemotePlayback:!0,className:r,width:e.width,height:e.height}):(0,t.jsx)("img",{src:e.url,alt:e.alt||"",className:r,width:e.width,height:e.height}):null}function H(e,a,r){return a===2?r==="1:1"?"laptop:flex-[1]":e===0?"laptop:flex-[2]":"laptop:flex-[3]":"laptop:flex-[1]"}function j({data:e,className:a,...r}){const{title:i,titleType:o="primary",titleIcon:s,subtitle:x,subtitleImage:m,textAlign:T="left",products:d=[],twoImageRatio:v="2:3",threeImageRatio:S="1:1:1",theme:w="light"}=e,f=T==="center"?"text-center":"text-left laptop:text-left",b=()=>o==="secondary"?3:4,I=()=>i?o==="selling-point"&&s?(0,t.jsxs)("div",{className:(0,p.cn)("product-compare-title-wrapper flex items-center gap-[8px]",f==="text-center"?"justify-center":""),children:[(0,t.jsx)("img",{src:s.url,alt:s.alt||"",className:"product-compare-title-icon laptop:size-[32px] size-[24px]"}),(0,t.jsx)(n.Heading,{as:"h2",size:b(),html:i,className:"product-compare-title",style:{color:"#00BEFA"}})]}):(0,t.jsx)(n.Heading,{as:"h2",size:b(),html:i,className:(0,p.cn)("product-compare-title",f)}):null;return(0,t.jsxs)("section",{...r,className:(0,p.cn)("product-compare text-info-primary",a,{"aiui-dark":w==="dark"}),children:[I(),x&&(0,t.jsx)(n.Text,{as:"p",size:2,html:x,className:(0,p.cn)("product-compare-subtitle tablet:text-[14px] laptop:text-[14px] desktop:text-[16px] lg-desktop:text-[18px] mt-[4px] text-[14px]",f)}),m&&(0,t.jsx)("div",{className:(0,p.cn)("product-compare-subtitle-image laptop:mt-[24px] mt-[16px]",f==="text-center"?"flex justify-center":""),children:(0,t.jsx)("img",{src:m.url,alt:m.alt||"",className:"max-w-full",width:m.width,height:m.height})}),(0,t.jsx)("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:d.map((l,u)=>{const M=u===d.length-1,N=H(u,d.length,v),P=M?"bg-brand-0":"bg-[rgba(0,0,0,0.2)]";return(0,t.jsxs)("div",{className:(0,p.cn)("product-compare-item rounded-box relative shrink overflow-hidden",N,{"order-2 tablet:order-1":u===0&&d.length===2,"order-1 tablet:order-2":u===1&&d.length===2}),children:[l.text&&(0,t.jsx)("div",{className:(0,p.cn)("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",P),children:(0,t.jsx)(n.Heading,{as:"h6",className:"font-bold",size:1,children:l.text})}),(0,t.jsxs)(E,{offset:1500,children:[(0,t.jsx)(h,{media:l.media,poster:l.poster,className:"product-compare-media laptop:block hidden size-full object-cover"}),(0,t.jsx)(h,{media:l.mobMedia?l.mobMedia:l.media,poster:l.mobPoster?l.mobPoster:l.poster,className:"product-compare-media-mobile laptop:hidden block w-full"})]})]},u)})})]})}var D=(0,y.withLayout)(j);
-//# sourceMappingURL=index.js.map

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

@@ -1,2 +1 @@
 "use strict";"use client";var k=Object.create;var c=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var H=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,P=Object.prototype.hasOwnProperty;var w=(t,e)=>{for(var r in e)c(t,r,{get:e[r],enumerable:!0})},u=(t,e,r,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of H(e))!P.call(t,s)&&s!==r&&c(t,s,{get:()=>e[s],enumerable:!(l=g(e,s))||l.enumerable});return t};var y=(t,e,r)=>(r=t!=null?k(v(t)):{},u(e||!t||!t.__esModule?c(r,"default",{value:t,enumerable:!0}):r,t)),T=t=>u(c({},"__esModule",{value:!0}),t);var R={};w(R,{default:()=>E});module.exports=T(R);var o=require("react/jsx-runtime"),p=y(require("react")),a=require("../../components/index.js"),d=require("../../helpers/utils.js"),h=require("../../shared/Styles.js"),f=require("../../hooks/useExposure.js");const L="image",D="product_hero",n=p.default.forwardRef(({data:t,className:e},r)=>{const{title:l,subtitle:s,ctaText:m,poster:b,mobPoster:x,ctaLink:_,theme:N="light"}=t,i=(0,p.useRef)(null);return(0,f.useExposure)(i,{componentType:L,componentName:D,componentTitle:l,componentDescription:s}),(0,p.useImperativeHandle)(r,()=>i.current),(0,o.jsxs)("section",{ref:i,"data-ui-component-id":"ProductHero",className:(0,d.cn)("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":N==="dark"},e),children:[(0,o.jsxs)("div",{className:"product-hero__content tablet:basis-[42%] laptop:basis-[36%] flex w-full flex-col items-start gap-[24px]",children:[(0,o.jsxs)("div",{className:"product-hero__text",children:[(0,o.jsx)(a.Heading,{as:"h3",size:4,html:l,className:"product-hero__title"}),(0,o.jsx)(a.Heading,{as:"h4",size:2,html:s,className:"product-hero__subtitle product-hero__subtitle--desktop laptop:mt-[12px] laptop:block desktop:mt-[16px] mt-[4px] hidden"}),(0,o.jsx)(a.Text,{as:"p",size:2,html:s,className:"product-hero__subtitle product-hero__subtitle--mobile laptop:mt-[12px] laptop:hidden desktop:mt-[16px] mt-[4px] block"})]}),m&&(0,o.jsx)("a",{href:_,className:"product-hero__cta-link",children:(0,o.jsx)(a.Button,{className:"product-hero__cta-button w-fit",children:m})})]}),(0,o.jsx)(a.Picture,{className:"product-hero__image tablet:aspect-[824/640] tablet:basis-[58%] laptop:basis-[64%] rounded-box aspect-[358/360] shrink",source:`${b?.url}, ${x?.url} 768`,imgClassName:"h-full object-cover"})]})});n.displayName="ProductHero";var E=(0,h.withLayout)(n);
-//# sourceMappingURL=ProductHero.js.map

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

@@ -1,2 +1 @@
 "use strict";var m=Object.create;var p=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,P=Object.prototype.hasOwnProperty;var a=(o,r)=>{for(var e in r)p(o,e,{get:r[e],enumerable:!0})},s=(o,r,e,f)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of x(r))!P.call(o,t)&&t!==e&&p(o,t,{get:()=>r[t],enumerable:!(f=u(r,t))||f.enumerable});return o};var c=(o,r,e)=>(e=o!=null?m(y(o)):{},s(r||!o||!o.__esModule?p(e,"default",{value:o,enumerable:!0}):e,o)),j=o=>s(p({},"__esModule",{value:!0}),o);var l={};a(l,{default:()=>d.default});module.exports=j(l);var d=c(require("./ProductHero.js"));
-//# sourceMappingURL=index.js.map

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

@@ -1,2 +1 @@
 "use strict";var s=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var n=Object.prototype.hasOwnProperty;var p=(e,t,o,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of m(t))!n.call(e,r)&&r!==o&&s(e,r,{get:()=>t[r],enumerable:!(i=a(t,r))||i.enumerable});return e};var c=e=>p(s({},"__esModule",{value:!0}),e);var d={};module.exports=c(d);
-//# sourceMappingURL=types.js.map

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

@@ -1,2 +1 @@
 "use strict";"use client";var c=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var x=(e,o)=>{for(var a in o)c(e,a,{get:o[a],enumerable:!0})},w=(e,o,a,l)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of h(o))!k.call(e,r)&&r!==a&&c(e,r,{get:()=>o[r],enumerable:!(l=v(o,r))||l.enumerable});return e};var N=e=>w(c({},"__esModule",{value:!0}),e);var T={};x(T,{MediaDrawArea:()=>d,default:()=>M});module.exports=N(T);var t=require("react/jsx-runtime"),P=require("react"),i=require("../../helpers/index.js"),S=require("./types.js");const n={tablet:"(min-width: 768px)",laptop:"(min-width: 1025px)",desktop:"(min-width: 1440px)",lgDesktop:"(min-width: 1920px)"},C=({media:e,className:o})=>{const a=e.image?.alt||"Product Lottery";return(0,t.jsxs)("picture",{children:[e.imageLgDesktop&&(0,t.jsx)("source",{media:n.lgDesktop,srcSet:e.imageLgDesktop.url}),e.imageDesktop&&(0,t.jsx)("source",{media:n.desktop,srcSet:e.imageDesktop.url}),e.imageLaptop&&(0,t.jsx)("source",{media:n.laptop,srcSet:e.imageLaptop.url}),e.imageTablet&&(0,t.jsx)("source",{media:n.tablet,srcSet:e.imageTablet.url}),(0,t.jsx)("img",{src:e.image?.url||"",alt:a,className:(0,i.cn)("size-full object-cover",o),loading:"lazy"})]})},D=({media:e,autoPlay:o=!0,muted:a=!0,loop:l=!0,className:r})=>{const s=e.video;return s?(0,t.jsx)("video",{src:s.url,poster:s.thumbnailURL||void 0,autoPlay:o,muted:a,loop:l,playsInline:!0,className:(0,i.cn)("size-full object-cover",r),"aria-label":s.alt||"Product Lottery Video"}):null},L={primary:(0,i.cn)("bg-btn-primary text-btn-primary-foreground","shadow-lg"),secondary:(0,i.cn)("bg-[#1D1D1F] text-white","shadow-lg hover:bg-[#1D1D1F]/90"),outline:(0,i.cn)("border-2 border-white bg-transparent text-white","hover:bg-white/10")},d=({media:e,ctaButton:o,videoAutoPlay:a,videoMuted:l,videoLoop:r,isDrawing:s=!1,isDisabled:u=!1,onClick:m,className:b,ctaTrackTypeName:g,ctaTrackTitleDescButton:y})=>{const p=o?.text??"",f=o?.style||"primary";return(0,t.jsxs)("div",{className:(0,i.cn)("media-draw-area","size-full overflow-hidden",b),children:[(0,t.jsx)("div",{className:"absolute inset-0",children:e.type==="video"?(0,t.jsx)(D,{media:e,autoPlay:a,muted:l,loop:r}):(0,t.jsx)(C,{media:e})}),(0,t.jsx)("button",{type:"button",onClick:m,disabled:u||s,className:(0,i.cn)("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":s?"Drawing in progress...":p,"aria-busy":s,"data-headless-type-name":g,"data-headless-title-desc-button":y,children:p&&(0,t.jsxs)("span",{className:(0,i.cn)("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",L[f],s&&"pointer-events-none opacity-80",u&&"pointer-events-none opacity-50"),children:[s&&(0,t.jsxs)("svg",{className:"size-4 animate-spin",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:[(0,t.jsx)("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",className:"opacity-25"}),(0,t.jsx)("path",{d:"M4 12a8 8 0 018-8",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",className:"opacity-75"})]}),p]})})]})};d.displayName="MediaDrawArea";var M=d;
-//# sourceMappingURL=MediaDrawArea.js.map

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

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

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

@@ -1,2 +1 @@
 "use strict";var t=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var d=(i,e)=>{for(var n in e)t(i,n,{get:e[n],enumerable:!0})},l=(i,e,n,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of s(e))!g.call(i,o)&&o!==n&&t(i,o,{get:()=>e[o],enumerable:!(r=a(e,o))||r.enumerable});return i};var c=i=>l(t({},"__esModule",{value:!0}),i);var C={};d(C,{DEFAULT_CHANCE_TITLE:()=>p,DEFAULT_CTA_BUTTON:()=>f});module.exports=c(C);const f={text:"",style:"primary"},p="Want more chances to win?";
-//# sourceMappingURL=types.js.map

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

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

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

@@ -1,2 +1 @@
 "use strict";var l=Object.create;var m=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var c=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var h=(o,r)=>{for(var e in r)m(o,e,{get:r[e],enumerable:!0})},t=(o,r,e,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let f of b(r))!g.call(o,f)&&f!==e&&m(o,f,{get:()=>r[f],enumerable:!(a=u(r,f))||a.enumerable});return o},x=(o,r,e)=>(t(o,r,"default"),e&&t(e,r,"default")),i=(o,r,e)=>(e=o!=null?l(c(o)):{},t(r||!o||!o.__esModule?m(e,"default",{value:o,enumerable:!0}):e,o)),j=o=>t(m({},"__esModule",{value:!0}),o);var p={};h(p,{default:()=>d.default});module.exports=j(p);var d=i(require("./ProductNav.js"));x(p,require("./types.js"),module.exports);
-//# sourceMappingURL=index.js.map

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

@@ -1,2 +1 @@
 "use strict";var o=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var p=(e,t,i,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of a(t))!m.call(e,n)&&n!==i&&o(e,n,{get:()=>t[n],enumerable:!(r=s(t,n))||r.enumerable});return e};var c=e=>p(o({},"__esModule",{value:!0}),e);var x={};module.exports=c(x);
-//# sourceMappingURL=types.js.map

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

@@ -1,2 +1 @@
 "use strict";"use client";var N=Object.create;var g=Object.defineProperty;var D=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var R=Object.getPrototypeOf,F=Object.prototype.hasOwnProperty;var L=(t,e)=>{for(var n in e)g(t,n,{get:e[n],enumerable:!0})},h=(t,e,n,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of y(e))!F.call(t,r)&&r!==n&&g(t,r,{get:()=>e[r],enumerable:!(p=D(e,r))||p.enumerable});return t};var U=(t,e,n)=>(n=t!=null?N(R(t)):{},h(e||!t||!t.__esModule?g(n,"default",{value:t,enumerable:!0}):n,t)),$=t=>h(g({},"__esModule",{value:!0}),t);var S={};L(S,{default:()=>z});module.exports=$(S);var i=require("react/jsx-runtime"),b=U(require("react")),m=require("../../helpers/index.js"),u=require("../../components/index.js"),v=require("../../shared/Styles.js"),B=require("../../helpers/index.js"),P=require("../AiuiProvider/index.js"),T=require("../../shared/trackUrlRef.js");const w="image",H="PromotionalBar",I=t=>{if(!t)return;const{mobile:e,tablet:n,laptop:p,desktop:r,lgDesktop:x}=t,o=[],s=M=>M?.url,a=s(x),l=s(r),c=s(p),d=s(n),f=s(e);return a?o.push(a):l?o.push(l):c?o.push(c):d?o.push(d):f&&o.push(f),l&&a&&o.push(`${l} 1920`),c&&(l||a)&&o.push(`${c} 1440`),d&&(c||l||a)&&o.push(`${d} 1024`),f&&(d||c||l||a)&&o.push(`${f} 768`),o.length>0?o.join(", "):void 0},k=b.forwardRef(({classNames:t,data:e,className:n,...p},r)=>{const{locale:x="us",pageHandle:o}=(0,P.useAiuiContext)(),{backgroundImage:s,theme:a="dark"}=e,l=b.useMemo(()=>I(s),[s]);return(0,i.jsx)("div",{ref:r,...p,className:(0,m.cn)("laptop:h-[192px] lg-desktop:h-[240px] h-[240px] text-[#080A0F]",{"text-[#F5F6F7]":a==="dark"},t?.root,n),children:(0,i.jsxs)("div",{className:"promotional-bar-content rounded-card relative h-full overflow-hidden",children:[(0,i.jsxs)("div",{className:(0,m.cn)("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",t?.content),children:[e.contentTitle&&(0,i.jsx)(u.Heading,{className:(0,m.cn)("line-clamp-2 ",t?.title),html:e.contentTitle,size:3}),e.contentDesc&&(0,i.jsx)("p",{className:(0,m.cn)("laptop:text-[16px] laptop:mt-2 lg-desktop:text-[18px] mt-1 line-clamp-2 text-[14px] font-bold leading-[1.4] ",t?.description),dangerouslySetInnerHTML:{__html:e.contentDesc}}),(0,i.jsx)("div",{className:"laptop:mt-4 mt-2",children:e.buttonText&&(0,i.jsx)(u.Button,{as:"a",variant:"link",className:(0,m.cn)("!p-0 text-[#F5F6F7]",{"text-[#080A0F]":a==="light"},t?.button),href:(0,T.trackUrlRef)((0,B.getLocalizedPath)(e.buttonLink||"",x),`${o}_${w}_${H}`),iconClassName:"size-4",children:e.buttonText})})]}),(0,i.jsx)(u.Picture,{source:l,className:"absolute inset-0 z-10 ",imgClassName:"h-full object-cover transition-transform duration-300 ease-in-out hover:scale-[1.05]"})]})})});k.displayName="PromotionalBar";var z=(0,v.withLayout)(k);
-//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -1,2 +1 @@
 "use strict";"use client";var h=Object.create;var n=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var y=(e,t)=>{for(var i in t)n(e,i,{get:t[i],enumerable:!0})},s=(e,t,i,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of R(t))!g.call(e,a)&&a!==i&&n(e,a,{get:()=>t[a],enumerable:!(r=S(t,a))||r.enumerable});return e};var N=(e,t,i)=>(i=e!=null?h(v(e)):{},s(t||!e||!e.__esModule?n(i,"default",{value:e,enumerable:!0}):i,e)),x=e=>s(n({},"__esModule",{value:!0}),e);var H={};y(H,{SceneShelfRoot:()=>l});module.exports=x(H);var o=require("react/jsx-runtime"),u=N(require("react")),m=require("../../helpers/index.js"),c=require("../../components/index.js");const l=u.forwardRef(({title:e,subtitle:t,theme:i="light",classNames:r,className:a,children:d,...f},p)=>(0,o.jsxs)("div",{ref:p,className:(0,m.cn)("text-info-primary w-full",{"aiui-dark":i==="dark"},a,r?.root),...f,children:[(e||t)&&(0,o.jsxs)("div",{className:(0,m.cn)("mb-6",r?.header),children:[e&&(0,o.jsx)(c.Heading,{as:"h2",size:4,className:(0,m.cn)("text-info-primary mb-2",r?.title),html:e}),t&&(0,o.jsx)(c.Text,{as:"p",size:3,className:(0,m.cn)("",r?.subtitle),html:t})]}),(0,o.jsx)("div",{className:(0,m.cn)("space-y-6",r?.sceneList),children:d})]}));l.displayName="SceneShelf.Root";
-//# sourceMappingURL=Root.js.map

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

@@ -1,2 +1 @@
 "use strict";"use client";var A=Object.create;var s=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var q=Object.getPrototypeOf,z=Object.prototype.hasOwnProperty;var G=(e,t)=>{for(var o in t)s(e,o,{get:t[o],enumerable:!0})},T=(e,t,o,d)=>{if(t&&typeof t=="object"||typeof t=="function")for(let c of j(t))!z.call(e,c)&&c!==o&&s(e,c,{get:()=>t[c],enumerable:!(d=I(t,c))||d.enumerable});return e};var J=(e,t,o)=>(o=e!=null?A(q(e)):{},T(t||!e||!e.__esModule?s(o,"default",{value:e,enumerable:!0}):o,e)),K=e=>T(s({},"__esModule",{value:!0}),e);var O={};G(O,{SceneShelfScene:()=>f});module.exports=K(O);var P=require("react/jsx-runtime"),a=J(require("react")),N=require("../../helpers/index.js"),M=require("./context.js");const f=a.forwardRef(({showTags:e=!0,showOriginalPrice:t=!0,classNames:o,onSelectionChange:d,onProductImageClick:c,onLearnMore:p,onShopNow:h,onAddToCart:m,primaryButtonText:C="Shop Now",primaryButtonFun:v="buyNow",secondaryButtonText:x="Add to Cart",secondaryButtonFun:D="addCart",totalPriceLabel:g="Total Price:",totalCurrentPrice:w,totalOriginalPrice:y,bundleDiscountLabel:b,products:S=[],className:E,children:V,defaultSelect:Q,...k},B)=>{const[l,F]=a.useState(()=>{const n=new Set;return S.forEach(r=>{r.defaultSelected&&n.add(r.id)}),n}),i=a.useMemo(()=>S.filter(n=>l.has(n.id)),[S,l]),R=a.useCallback((n,r)=>{F(L=>{const u=new Set(L);return n?u.add(r.id):u.delete(r.id),u})},[]);a.useEffect(()=>{d?.(i)},[i,d]);const H=a.useMemo(()=>({showTags:e,showOriginalPrice:t,classNames:o,selectedIds:l,selectedProducts:i,onSelectChange:R,onProductImageClick:c,onLearnMore:p,onShopNow:h,onAddToCart:m,primaryButtonText:C,primaryButtonFun:v,secondaryButtonText:x,secondaryButtonFun:D,totalPriceLabel:g,totalCurrentPrice:w,totalOriginalPrice:y,bundleDiscountLabel:b}),[e,t,o,l,i,R,c,p,h,m,C,v,x,D,g,w,y,b]);return(0,P.jsx)(M.SceneShelfContext.Provider,{value:H,children:(0,P.jsx)("div",{ref:B,className:(0,N.cn)("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",E,o?.scene),...k,children:V})})});f.displayName="SceneShelf.Scene";
-//# sourceMappingURL=Scene.js.map

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

@@ -1,2 +1 @@
 "use strict";"use client";var y=Object.create;var n=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty;var k=(e,p)=>{for(var o in p)n(e,o,{get:p[o],enumerable:!0})},f=(e,p,o,c)=>{if(p&&typeof p=="object"||typeof p=="function")for(let t of T(p))!x.call(e,t)&&t!==o&&n(e,t,{get:()=>p[t],enumerable:!(c=M(p,t))||c.enumerable});return e};var w=(e,p,o)=>(o=e!=null?y(v(e)):{},f(p||!e||!e.__esModule?n(o,"default",{value:e,enumerable:!0}):o,e)),I=e=>f(n({},"__esModule",{value:!0}),e);var N={};k(N,{SceneShelfSceneImage:()=>r});module.exports=I(N);var d=require("react/jsx-runtime"),l=w(require("react")),a=require("../../helpers/index.js"),m=require("../../components/index.js");const s=e=>e?.mimeType?.startsWith("video/")??!1,r=l.forwardRef(({imageUrl:e,imageAlt:p,className:o,...c},t)=>{const b=l.useMemo(()=>s(e.pc)||s(e.pad)||s(e.mobile),[e.pc?.mimeType,e.pad?.mimeType,e.mobile?.mimeType]),i=l.useMemo(()=>s(e.pc)?e.pc:s(e.pad)?e.pad:s(e.mobile)?e.mobile:null,[e.pc?.mimeType,e.pc?.url,e.pad?.mimeType,e.pad?.url,e.mobile?.mimeType,e.mobile?.url]),h=l.useMemo(()=>{const u=[];return e.pc?.url&&u.push(`${e.pc.url}`),e.pad?.url&&u.push(`${e.pad.url} 1024`),e.mobile?.url&&u.push(`${e.mobile.url} 768`),u.join(", ")},[e.pc?.url,e.pad?.url,e.mobile?.url]),S=p||e.pc?.alt||e.pad?.alt||e.mobile?.alt||"";return(0,d.jsx)("div",{ref:t,className:(0,a.cn)("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",o),...c,children:b&&i?(0,d.jsx)("video",{src:i.url,poster:i.thumbnailURL,playsInline:!0,autoPlay:!0,loop:!0,muted:!0,className:"size-full object-cover"}):(0,d.jsx)(m.Picture,{source:h,alt:S,className:"size-full",imgClassName:"size-full object-cover"})})});r.displayName="SceneShelf.SceneImage";
-//# sourceMappingURL=SceneImage.js.map

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

@@ -1,2 +1 @@
 "use strict";"use client";var u=Object.create;var n=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var P=Object.getPrototypeOf,S=Object.prototype.hasOwnProperty;var C=(e,t)=>{for(var o in t)n(e,o,{get:t[o],enumerable:!0})},d=(e,t,o,c)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of l(t))!S.call(e,r)&&r!==o&&n(e,r,{get:()=>t[r],enumerable:!(c=s(t,r))||c.enumerable});return e};var m=(e,t,o)=>(o=e!=null?u(P(e)):{},d(t||!e||!e.__esModule?n(o,"default",{value:e,enumerable:!0}):o,e)),p=e=>d(n({},"__esModule",{value:!0}),e);var f={};C(f,{SceneShelfContext:()=>a,useSceneShelfContext:()=>D});module.exports=p(f);var i=m(require("react"));const a=i.createContext(null);function D(){return i.useContext(a)}
-//# sourceMappingURL=context.js.map

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

@@ -1,2 +1 @@
 "use strict";"use client";var m=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var l=(o,e)=>{for(var r in e)m(o,r,{get:e[r],enumerable:!0})},u=(o,e,r,f)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of s(e))!d.call(o,t)&&t!==r&&m(o,t,{get:()=>e[t],enumerable:!(f=P(e,t))||f.enumerable});return o};var h=o=>u(m({},"__esModule",{value:!0}),o);var y={};l(y,{SceneProductCard:()=>a.SceneProductCard,SceneShelfProductsPanel:()=>p.SceneShelfProductsPanel,SceneShelfRoot:()=>c.SceneShelfRoot,SceneShelfScene:()=>n.SceneShelfScene,SceneShelfSceneImage:()=>S.SceneShelfSceneImage,default:()=>i});module.exports=h(y);var c=require("./Root.js"),n=require("./Scene.js"),S=require("./SceneImage.js"),p=require("./ProductsPanel.js"),a=require("./ProductCard.js");const x={Root:c.SceneShelfRoot,Scene:n.SceneShelfScene,SceneImage:S.SceneShelfSceneImage,ProductsPanel:p.SceneShelfProductsPanel,ProductCard:a.SceneProductCard};var i=x;
-//# sourceMappingURL=index.js.map

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

@@ -1,2 +1 @@
 "use strict";"use client";var i=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var o=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var u=(t,e,c,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of o(e))!l.call(t,r)&&r!==c&&i(t,r,{get:()=>e[r],enumerable:!(a=n(e,r))||a.enumerable});return t};var d=t=>u(i({},"__esModule",{value:!0}),t);var s={};module.exports=d(s);
-//# sourceMappingURL=types.js.map

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

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

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

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

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

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

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

@@ -1,2 +1 @@
 "use strict";var r=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var l=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of a(t))!g.call(e,i)&&i!==n&&r(e,i,{get:()=>t[i],enumerable:!(o=s(t,i))||o.enumerable});return e};var p=e=>l(r({},"__esModule",{value:!0}),e);var c={};module.exports=p(c);
-//# sourceMappingURL=types.js.map

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

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

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

@@ -1,2 +1 @@
 "use strict";var n=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var d=(o,e)=>{for(var a in e)n(o,a,{get:e[a],enumerable:!0})},u=(o,e,a,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of s(e))!c.call(o,r)&&r!==a&&n(o,r,{get:()=>e[r],enumerable:!(t=p(e,r))||t.enumerable});return o};var g=o=>u(n({},"__esModule",{value:!0}),o);var P={};d(P,{IPC_SEARCH_PAGE:()=>y,SearchPageTabType:()=>i});module.exports=g(P);var i=(t=>(t.PRODUCTS="products",t.BLOGS="blogs",t.PAGES="pages",t))(i||{});const y="ipc-search-page";
-//# sourceMappingURL=types.js.map

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

@@ -1,2 +1 @@
 "use strict";"use client";var I=Object.create;var h=Object.defineProperty;var H=Object.getOwnPropertyDescriptor;var q=Object.getOwnPropertyNames;var V=Object.getPrototypeOf,J=Object.prototype.hasOwnProperty;var W=(t,i)=>{for(var o in i)h(t,o,{get:i[o],enumerable:!0})},L=(t,i,o,f)=>{if(i&&typeof i=="object"||typeof i=="function")for(let c of q(i))!J.call(t,c)&&c!==o&&h(t,c,{get:()=>i[c],enumerable:!(f=H(i,c))||f.enumerable});return t};var E=(t,i,o)=>(o=t!=null?I(V(t)):{},L(i||!t||!t.__esModule?h(o,"default",{value:t,enumerable:!0}):o,t)),$=t=>L(h({},"__esModule",{value:!0}),t);var Q={};W(Q,{default:()=>K});module.exports=$(Q);var e=require("react/jsx-runtime"),r=E(require("react")),v=require("swiper/react"),l=require("swiper/modules"),x=require("../../helpers/index.js"),_=E(require("./index.js")),B=require("./index.js"),Y=require("swiper/css"),Z=require("swiper/css/navigation"),ee=require("swiper/css/pagination");const F=()=>(0,e.jsxs)("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:[(0,e.jsx)("circle",{cx:"20",cy:"20",r:"20",fill:"currentColor",fillOpacity:"0.2"}),(0,e.jsx)("path",{d:"M23 13L16 20L23 27",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),G=()=>(0,e.jsxs)("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:[(0,e.jsx)("circle",{cx:"20",cy:"20",r:"20",fill:"currentColor",fillOpacity:"0.2"}),(0,e.jsx)("path",{d:"M17 13L24 20L17 27",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),N=r.default.forwardRef(({data:t,className:i,classNames:o,jumpOptions:f,...c},T)=>{const m=t.items||[],S=t.carousel,M=t.size??"base",p=(0,r.useRef)(null),[z,R]=(0,r.useState)(0),[y,j]=(0,r.useState)(null);(0,r.useEffect)(()=>{const n=p.current;!n||!y||n.pagination&&(n.pagination.el=y,n.pagination.init(),n.pagination.render(),n.pagination.update())},[y]);const k=(m[z]?.theme??"light")==="dark";(0,r.useEffect)(()=>{const n=()=>{const a=p.current;if(a)if(document.visibilityState==="hidden")a.autoplay?.stop();else{a.autoplay?.start();const u=a.realIndex??0;g.current.forEach((s,w)=>{s.current&&s.current.querySelectorAll("video").forEach(b=>{w!==u&&b.pause()})})}};return document.addEventListener("visibilitychange",n),()=>document.removeEventListener("visibilitychange",n)},[]);const g=(0,r.useRef)(m.map(()=>r.default.createRef())),A=(S?.showArrows??!0)&&m.length>1,C=S?.showDots??!0,d=S?.autoplaySeconds??void 0,P=d!=null&&d>0?[l.Navigation,l.Pagination,l.Autoplay]:[l.Navigation,l.Pagination],D=d!=null&&d>0?{delay:Math.max(d*1e3,3e3),disableOnInteraction:!1}:!1,O=(0,r.useCallback)(n=>{const a=n.realIndex;g.current.forEach((s,w)=>{w!==a&&s.current&&s.current.querySelectorAll("video").forEach(b=>{b.pause(),b.currentTime=0})});const u=g.current[a];u?.current&&u.current.querySelectorAll("video").forEach(s=>{s.paused&&s.play()?.catch(()=>{})}),R(a)},[]);return(0,e.jsxs)("section",{ref:T,className:(0,x.cn)("secondary-banner-carousel group relative w-full overflow-hidden",(0,B.secondaryBannerVariants)({size:M}),{"aiui-dark":k},i),...c,children:[(0,e.jsx)(v.Swiper,{onSwiper:n=>p.current=n,onSlideChange:O,modules:P,slidesPerView:1,loop:!0,initialSlide:0,allowTouchMove:!0,autoplay:D,pagination:C?{clickable:!0,el:y,renderBullet:(n,a)=>`<span class="${a} banner-dot"></span>`}:!1,children:m.map((n,a)=>(0,e.jsx)(v.SwiperSlide,{children:({isActive:u})=>(0,e.jsx)("div",{ref:g.current[a],children:(0,e.jsx)(_.default,{data:n,isActive:u,classNames:o,jumpOptions:f})})},a))}),A&&(0,e.jsxs)("div",{className:"pointer-events-none absolute inset-0 z-20 flex items-center justify-between px-4",children:[(0,e.jsx)("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:()=>p.current?.slidePrev(),"aria-label":"Previous banner",children:(0,e.jsx)(F,{})}),(0,e.jsx)("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:()=>p.current?.slideNext(),"aria-label":"Next banner",children:(0,e.jsx)(G,{})})]}),C&&(0,e.jsx)("div",{ref:j,style:{"--swiper-pagination-bottom":"0px"},className:(0,x.cn)("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":k})})]})});N.displayName="SecondaryBannerCarousel";var K=N;
-//# sourceMappingURL=SecondaryBannerCarousel.js.map

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

@@ -1,2 +1 @@
 "use strict";"use client";var Q=Object.create;var u=Object.defineProperty;var U=Object.getOwnPropertyDescriptor;var X=Object.getOwnPropertyNames;var Y=Object.getPrototypeOf,Z=Object.prototype.hasOwnProperty;var ee=(n,t)=>{for(var e in t)u(n,e,{get:t[e],enumerable:!0})},z=(n,t,e,m)=>{if(t&&typeof t=="object"||typeof t=="function")for(let p of X(t))!Z.call(n,p)&&p!==e&&u(n,p,{get:()=>t[p],enumerable:!(m=U(t,p))||m.enumerable});return n};var g=(n,t,e)=>(e=n!=null?Q(Y(n)):{},z(t||!n||!n.__esModule?u(e,"default",{value:n,enumerable:!0}):e,n)),te=n=>z(u({},"__esModule",{value:!0}),n);var ne={};ee(ne,{default:()=>ae,secondaryBannerVariants:()=>P});module.exports=te(ne);var a=require("react/jsx-runtime"),C=g(require("react")),D=require("class-variance-authority"),x=g(require("jump.js")),o=require("../../helpers/index.js"),i=require("../../components/index.js"),N=require("../../shared/Styles.js"),L=g(require("../Media/index.js")),A=require("../AiuiProvider/index.js"),O=g(require("./SecondaryBannerCarousel.js"));const P=(0,D.cva)("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"}}),M=C.forwardRef(({className:n,classNames:t={},data:e,jumpOptions:m={},isActive:p,...h},k)=>{const{pcImage:w,padImage:_,mobileImage:j,isVideoLoop:H,endDate:B,endDate_tz:V,dateFormat:E,size:J,iconArray:b,theme:R,primaryButton:s,secondaryButton:r,title:F,titleTag:W}=e,$=H??!0,y=J??"base",q=R??"light",G=W??"h2",{locale:T="us"}=(0,A.useAiuiContext)(),v={...{duration:500,offset:0},...m},f=C.useId(),d=F?`${f}-title`:void 0,I=e.subtitle?`${f}-subtitle`:void 0,S=e.superTitle?`${f}-super-title`:void 0,K=[S,I].filter(Boolean).join(" ")||void 0;return e.mode==="carousel"&&e.items&&e.items.length>0?(0,a.jsx)(O.default,{data:e,className:n,classNames:t,jumpOptions:m,ref:k,...h}):(0,a.jsxs)("section",{ref:k,role:"banner","aria-labelledby":d,"aria-describedby":K,className:(0,o.cn)({"aiui-dark":q==="dark"},P({size:y}),n,t?.root),...h,children:[(0,a.jsx)("div",{className:(0,o.cn)("absolute inset-0",{"h-fit":y==="xlg"}),children:(0,a.jsx)(L.default,{pcImage:w,padImage:_,mobileImage:j,className:"size-full",imgClassName:"object-cover",videoClassName:"object-cover",muted:!0,loop:$,playsInline:!0,autoPlay:p??!0})}),(0,a.jsxs)("div",{className:(0,o.cn)("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",t?.content),children:[(0,a.jsxs)("div",{className:"banner-inner-title desktop:gap-2 flex flex-col items-start gap-1",children:[e.superTitle&&(0,a.jsx)(i.Text,{as:"p",size:2,id:S,className:(0,o.cn)("banner-super-title desktop:text-[16px] lg-desktop:text-[18px]",t?.superTitle),html:e.superTitle}),e.title&&(0,a.jsx)(i.Heading,{as:G,size:["xlg","lg"].includes(y)?5:4,id:d,className:(0,o.cn)("banner-title ",t?.title),html:e.title}),e.subtitle&&(0,a.jsx)(i.Text,{as:"p",size:3,id:I,className:(0,o.cn)("banner-subtitle desktop:text-[16px] lg-desktop:text-[18px]",t?.subtitle),html:e.subtitle})]}),B&&(0,a.jsx)("div",{className:"banner-countdown",children:(0,a.jsx)(i.Countdown,{endDate:B,endDate_tz:V,dateFormat:E,variant:"spacious",className:"lg-desktop:mt-8 mt-6"})}),(0,a.jsxs)("div",{className:(0,o.cn)("banner-cta-group lg-desktop:mt-[32px] lg-desktop:gap-3 mt-6 flex gap-2",t?.buttonGroup),children:[r?.text&&(0,a.jsx)(i.Button,{variant:"secondary",onClick:c=>{if(r.link?.startsWith("#")){c.preventDefault();const l=document.querySelector(r.link);l&&(0,x.default)(l,v)}r.onClick?.()},className:(0,o.cn)("",t?.secondaryButton),"aria-describedby":d,...r.link&&!r.link.startsWith("#")?{as:"a",href:(0,o.getLocalizedPath)(r.link,T)}:{},children:r.text}),s?.text&&(0,a.jsx)(i.Button,{onClick:c=>{if(s.link?.startsWith("#")){c.preventDefault();const l=document.querySelector(s.link);l&&(0,x.default)(l,v)}s.onClick?.()},className:(0,o.cn)("",t?.primaryButton),"aria-describedby":d,...s.link&&!s.link.startsWith("#")?{as:"a",href:(0,o.getLocalizedPath)(s.link,T)}:{},children:s.text})]}),Array.isArray(b)&&b.length>0&&(0,a.jsx)("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:b.map((c,l)=>c.pcImage?(0,a.jsx)(i.Picture,{source:c.pcImage.url,alt:c.pcImage.alt||`icon ${l+1}`,role:"img",className:"laptop:h-auto h-[48px] max-w-none",imgClassName:"h-full"},l):null)})]})]})});M.displayName="SecondaryBanner";var ae=(0,N.withLayout)(M);
-//# sourceMappingURL=index.js.map

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

@@ -1,2 +1 @@
 "use strict";"use client";var r=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var n=Object.prototype.hasOwnProperty;var x=(o,l)=>{for(var p in l)r(o,p,{get:l[p],enumerable:!0})},b=(o,l,p,a)=>{if(l&&typeof l=="object"||typeof l=="function")for(let e of g(l))!n.call(o,e)&&e!==p&&r(o,e,{get:()=>l[e],enumerable:!(a=d(l,e))||a.enumerable});return o};var f=o=>b(r({},"__esModule",{value:!0}),o);var I={};x(I,{default:()=>u});module.exports=f(I);var t=require("react/jsx-runtime"),y=require("react"),i=require("../../helpers/utils.js"),N=require("../SwiperBox/index.js"),m=require("../../shared/Styles.js"),s=require("../../components/index.js");const v=({data:o,className:l,...p})=>{const{list:a}=o;return(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("div",{...p,className:(0,i.cn)("",l),children:(0,t.jsx)("div",{className:"laptop:grid-cols-3 tablet:grid-cols-2 grid grid-cols-1 gap-4",children:a.map((e,c)=>(0,t.jsxs)("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:[(0,t.jsx)(s.Picture,{className:"object-cover",imgClassName:"w-full object-cover",source:`${e?.img?.url}, ${e?.padImg?.url} 1439, ${e?.miniImg?.url} 1023, ${e?.mobileImg?.url} 767`}),(0,t.jsxs)("div",{className:"laptop:px-6 laptop:pb-4 lg-desktop:px-8 lg-desktop:pb-8 px-4 pb-4",children:[(0,t.jsx)(s.Text,{html:e?.title,className:"lg-desktop:text-[24px] text-[20px] leading-[1.2] text-[#080A0F] [&_*_strong]:!font-bold"}),(0,t.jsx)(s.Text,{html:e?.desc,className:"lg-desktop:text-[16px] line-clamp-1 text-[14px] leading-[1.4] text-[#080A0F] [&_*_strong]:!font-bold"})]})]},c))})})})};var u=(0,m.withLayout)(v);
-//# sourceMappingURL=index.js.map

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

@@ -1,2 +1 @@
 "use strict";"use client";var ke=Object.create;var _=Object.defineProperty;var Te=Object.getOwnPropertyDescriptor;var Ce=Object.getOwnPropertyNames;var Ie=Object.getPrototypeOf,De=Object.prototype.hasOwnProperty;var Le=(s,i)=>{for(var r in i)_(s,r,{get:i[r],enumerable:!0})},$=(s,i,r,g)=>{if(i&&typeof i=="object"||typeof i=="function")for(let m of Ce(i))!De.call(s,m)&&m!==r&&_(s,m,{get:()=>i[m],enumerable:!(g=Te(i,m))||g.enumerable});return s};var T=(s,i,r)=>(r=s!=null?ke(Ie(s)):{},$(i||!s||!s.__esModule?_(r,"default",{value:s,enumerable:!0}):r,s)),Me=s=>$(_({},"__esModule",{value:!0}),s);var Ee={};Le(Ee,{default:()=>Pe});module.exports=Me(Ee);var n=require("react/jsx-runtime"),a=T(require("react")),v=require("../../helpers/utils.js"),p=require("../../components/tabs.js"),j=T(require("../Title/index.js")),Q=T(require("../SwiperBox/index.js")),W=require("../../shared/Styles.js"),C=require("../../shared/track.js"),y=require("react-responsive"),F=require("../../hooks/useRollout.js"),h=require("./shelfDisplayItem.js");const Ne="image",Re="product_shelf",O=s=>s==null?"default":String(s).replace(/[^a-zA-Z0-9_-]/g,"")||"default",Z=a.default.forwardRef(({data:s,event:i,buildData:r,breakpoints:g,className:m="",recommendedData:w,target:G="_self",metafields:J,isDisplayGudgments:I=!1,isDisplayBackImage:K=!1,renderOriginalPrice:U,renderPriceLabel:X,renderPrice:Y,onAddCart:ee,onBuyNow:te,onLearnMore:se,formatPrice:ne,...ae},ie)=>{const{productsTab:d=[],productsCard:oe=[],title:D,isShowTab:b=!0,tabShape:re="square",isShowTag:le=!1,isShowOriginalPrice:ce=!0,isShowRecommendedCard:pe=!1,isTile:me=!1,tileMaxRows:S,tileExpandText:de="Show more",tileCollapseText:fe="Show less",...ue}=s,L=(0,a.useRef)(!1),M=(0,a.useRef)(null),he=(0,a.useId)(),[ge,we]=(0,a.useState)(!1);(0,a.useEffect)(()=>{we(!0)},[]);const _e=(0,y.useMediaQuery)({query:"(max-width: 768px)"}),ve=(0,y.useMediaQuery)({query:"(min-width: 1025px)"}),ye=(0,y.useMediaQuery)({query:"(min-width: 1440px)"}),[x,be]=(0,a.useState)(!1),[Se,N]=(0,F.useRollout)({threshold:0});(0,a.useImperativeHandle)(ie,()=>M.current);const R=()=>{(0,C.gaTrack)({event:"ga4Event",event_name:"view_item_list",event_parameters:{page_group:"Home Page",item_list_name:"Home_Page_Bundle",items:w?.map((e,l)=>{const t=e?.variants?.find(o=>o?.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:l+1}})}})};(0,a.useEffect)(()=>{N&&w?.length&&!L.current&&(L.current=!0,R())},[N,w]);const P=(e,l)=>{if(l){const t=w?.map?.(o=>({...o,isShowRecommended:!0}));return t?.length?t:[]}if(!Array.isArray(e))return[];const c=e?.map?.(t=>{const o=r?.products?.find(f=>f?.handle===t?.handle);if(o)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||"",...o}})?.filter(t=>t);return c?.length?c:[]},E=O(he),V=(e,l)=>{const c={...ue,event:i,isShowTag:le,isShowOriginalPrice:ce,target:G,metafields:J,itemLength:e.length,isDisplayBackImage:K,renderOriginalPrice:U,renderPriceLabel:X,renderPrice:Y,onAddCart:ee,onBuyNow:te,onLearnMore:se,formatPrice:ne};if(me&&ge&&ve){const k=ye?4:3,H=typeof S=="number"&&S>0,z=H?S*k:e.length,q=H&&e.length>z,xe=q&&!x?e.slice(0,z):e;return(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{className:(0,v.cn)("shelf-display-tile desktop:grid-cols-4 grid grid-cols-3 gap-4",b?"mt-6":""),children:xe.map((u,A)=>(0,n.jsx)(h.ShelfDisplayWrapItem,{data:u,configuration:{...c,index:A}},u?.id||u?.handle||A))}),q&&(0,n.jsxs)("div",{className:"hover:text-brand-0 text-info-primary mt-6 flex items-center justify-center",children:[(0,n.jsx)("button",{className:"laptop:text-base text-sm font-bold",onClick:()=>be(u=>!u),children:x?fe:de}),(0,n.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",className:(0,v.cn)("laptop:size-5 size-4",x&&"rotate-180"),width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:(0,n.jsx)("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&&I,o=!_e&&e.length<=2&&I,f=k=>{switch(k){case 1440:return o?e.length:4;case 1025:return o?e.length:3;default:return o?e.length:2.3}},B=l?`${E}-${O(l)}`:E;return(0,n.jsx)(Q.default,{data:{list:e,configuration:c},id:B,className:`${b?"mt-6":""} shelf-display-swiper-box !overflow-visible`,itemClassName:o?"flex-1":"",Slide:o?h.ShelfDisplayHorizontalItem:h.ShelfDisplayWrapItem,showNavigation:!0,navigationPrevClassName:"left-4 desktop:left-6",navigationNextClassName:"right-4 desktop:right-6",breakpoints:g||{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:f()},1024:{spaceBetween:t?0:16,freeMode:!1,slidesPerView:f(1024)},1440:{spaceBetween:t?0:16,freeMode:!1,slidesPerView:f(1440)}}},B)};return(0,n.jsxs)("div",{ref:M,...ae,className:(0,v.cn)("shelf-display-wrap text-info-primary w-full",m,{"aiui-dark":s?.theme==="dark"}),children:[D&&(0,n.jsx)(j.default,{data:{title:D}}),(0,n.jsx)("div",{ref:Se,className:"tablet:min-h-[393px] laptop:min-h-[425px] desktop:min-h-[405px] lg-desktop:min-h-[409px]",children:b&&d?.length>0?(0,n.jsxs)(p.Tabs,{defaultValue:d?.[0]?.tab,onValueChange:e=>{const l=d?.find(c=>c?.tab===e);if(l){if(!l.isShowRecommendedTab){(0,C.gaTrack)({event:"ga4Event",event_name:"component_click",event_parameters:{page_group:"Home Page",component_type:Ne,component_name:Re,component_title:s?.title,component_position:1,navigation:e}});return}R()}},shape:re==="rounded"?"rounded":"square",children:[(0,n.jsx)(p.TabsList,{children:d.map(e=>(0,n.jsx)(p.TabsTrigger,{value:e?.tab,children:e?.tab||""},e?.id||e?.tab))}),d.map(e=>(0,n.jsx)(p.TabsContent,{value:e?.tab,children:V(P(e?.data||[],e?.isShowRecommendedTab),e?.tab)},e?.id||e?.tab))]}):V(P(oe,pe))})]})});Z.displayName="ShelfDisplay";var Pe=(0,W.withLayout)(Z);
-//# sourceMappingURL=index.js.map

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

@@ -1,2 +1 @@
 "use strict";var S=Object.create;var l=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var P=Object.getPrototypeOf,I=Object.prototype.hasOwnProperty;var C=(e,i)=>{for(var t in i)l(e,t,{get:i[t],enumerable:!0})},u=(e,i,t,a)=>{if(i&&typeof i=="object"||typeof i=="function")for(let n of x(i))!I.call(e,n)&&n!==t&&l(e,n,{get:()=>i[n],enumerable:!(a=T(i,n))||a.enumerable});return e};var w=(e,i,t)=>(t=e!=null?S(P(e)):{},u(i||!e||!e.__esModule?l(t,"default",{value:e,enumerable:!0}):t,e)),v=e=>u(l({},"__esModule",{value:!0}),e);var _={};C(_,{formatVariantPrice:()=>R});module.exports=v(_);var g=w(require("decimal.js")),r=require("../../helpers/index.js");function R({amount:e,baseAmount:i,currencyCode:t,currencyDisplay:a,locale:n,maximumFractionDigits:f,minimumFractionDigits:b,removeTrailingZeros:c,customFormatPrice:o}){if(typeof Intl>"u")return{price:`${r.PRICE_SYMBOL[n]}${e}`,basePrice:`${r.PRICE_SYMBOL[n]}${i}`,discount:`${r.PRICE_SYMBOL[n]}${i-e||0}`};const p=i>e;let d=null;const m=(0,r.languageTerritory)(n);if(m){const s=new Intl.NumberFormat(m,{style:"percent"});d=p?s.format((i-e)/i):null}let y;if(p){const s=new g.default(i).sub(e||0).toNumber();y=o?o({amount:s,locale:n}):(0,r.formatPrice)({amount:s,currencyDisplay:a,currencyCode:t||"USD",locale:n,maximumFractionDigits:2})}const h=o?o({amount:e,locale:n}):(0,r.formatPrice)({amount:e,currencyCode:t,currencyDisplay:a,locale:n,removeTrailingZeros:c}),D=p?o?o({amount:i,locale:n}):(0,r.formatPrice)({amount:i,currencyCode:t,currencyDisplay:a,locale:n,maximumFractionDigits:f,minimumFractionDigits:b,removeTrailingZeros:c}):void 0;return{price:h,basePrice:D,discount:d,discountAmount:y}}
-//# sourceMappingURL=shelfDisplay.js.map

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

@@ -1,2 +1 @@
 "use strict";var ze=Object.create;var fe=Object.defineProperty;var Ae=Object.getOwnPropertyDescriptor;var Fe=Object.getOwnPropertyNames;var Me=Object.getPrototypeOf,je=Object.prototype.hasOwnProperty;var Ee=(e,t)=>{for(var p in t)fe(e,p,{get:t[p],enumerable:!0})},Ie=(e,t,p,T)=>{if(t&&typeof t=="object"||typeof t=="function")for(let g of Fe(t))!je.call(e,g)&&g!==p&&fe(e,g,{get:()=>t[g],enumerable:!(T=Ae(t,g))||T.enumerable});return e};var Te=(e,t,p)=>(p=e!=null?ze(Me(e)):{},Ie(t||!e||!e.__esModule?fe(p,"default",{value:e,enumerable:!0}):p,e)),Oe=e=>Ie(fe({},"__esModule",{value:!0}),e);var Re={};Ee(Re,{ShelfDisplayHorizontalItem:()=>Ue,ShelfDisplayWrapItem:()=>He,getProductImage:()=>De});module.exports=Oe(Re);var s=require("react/jsx-runtime"),Ne=require("../AiuiProvider/index.js"),Ce=require("./shelfDisplay.js"),xe=Te(require("../../components/picture.js")),ve=Te(require("../../components/badge.js")),k=require("../../helpers/utils.js"),be=require("../../components/text.js"),se=Te(require("../../components/button.js")),Be=require("../../shared/track.js"),Pe=require("../../shared/trackUrlRef.js"),Le=require("../../components/heading.js"),$e=require("../../hooks/useExposure.js"),c=require("react");const ye="image",ge="product_shelf",he=999999999e-2,De=e=>{const t=e?.sku,p=e?.variants,T=p?.find(O=>O?.sku===t),g=T?.image?.url||p?.[0]?.image?.url||"",re=T?.image?.altText||p?.[0]?.image?.altText||e?.custom_name||e?.title||"";return{imageUrl:g,altText:re}},We=({items:e})=>e?.length?(0,s.jsx)("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,p)=>typeof t.icon=="string"?(0,s.jsx)("img",{src:t.icon,alt:t.label||"",loading:"lazy",className:"desktop:size-10 lg-desktop:size-12 size-8 object-contain"},p):(0,s.jsx)(be.Text,{"aria-label":t.label,className:"desktop:size-10 lg-desktop:size-12 size-8 [&_img]:size-full [&_svg]:size-full",children:t.icon},p))}):null,He=({data:e,configuration:t})=>{const{isDisplayBackImage:p=!1,itemShape:T,metafields:g,isTopTag:re=!1,isShowTag:O,isShowOriginalPrice:I,isShowShortTitle:ke=!1,isShowPricesTag:z=!1,pricesTagTextColor:W,pricesTagBgColor:H,itemsTagTextColor:w,itemsTagBgColor:K,formatPrice:ie,renderOriginalPrice:Q,renderPriceLabel:we,renderPrice:U}=t||{},{locale:C="es",copyWriting:oe,currencyDisplay:X}=(0,Ne.useAiuiContext)(),{discounts:Y,discountsCopy:le}=g||{},ne=(0,c.useRef)(null),[n,ae]=(0,c.useState)([]),[ce,A]=(0,c.useState)(""),[pe,F]=(0,c.useState)(!1),[_,R]=(0,c.useState)(!1),me=(i,d,u,f)=>{const{primaryFun:b,onAddCart:N,onBuyNow:ee,onLearnMore:te,event:Se}=t||{};if(b){if(b==="AddCart"&&N)return N(i,d+1,u,f);if(b==="BuyNow"&&ee)return ee(i,d+1,u,f);if(b==="LearnMore"&&te)return te(i,d+1,u,f)}Se?.primaryButton?.(i,d+1,u,f)},_e=(i,d,u,f)=>{const{secondaryFun:b,onAddCart:N,onBuyNow:ee,onLearnMore:te,event:Se}=t||{};if(b){if(b==="AddCart"&&N)return N(i,d+1,u,f);if(b==="BuyNow"&&ee)return ee(i,d+1,u,f);if(b==="LearnMore"&&te)return te(i,d+1,u,f)}Se?.secondaryButton?.(i,d+1,u,f)},o=(0,c.useMemo)(()=>{const i=e?.variants||[];if(i.length)return e?.sku?i?.find?.(d=>d?.sku===e?.sku)||i[0]:i?.[0]},[e?.sku,e?.variants]),M=o?.id?.split?.("/")||[],B=M?.[M?.length-1],h=!o?.availableForSale||o?.price?.amount===he||o?.price===he,S=o?.coupons?.[0],de=e?.price?.currencyCode||"USD",q=(0,c.useMemo)(()=>(0,Ce.formatVariantPrice)({locale:C,amount:S?S?.variant_price4wscode:o?.price,baseAmount:S?o?.price:0,currencyCode:de,currencyDisplay:X,customFormatPrice:ie}),[de,C,S,X,o,ie]),{price:j,basePrice:P,discount:L,discountAmount:E}=q,{imageUrl:V,altText:ue}=De(e),G=e?.custom_name||e?.title,$=ke&&o?.metafields?.infos?.page_short_title||G,Z=e?.custom_description||e?.description,r=()=>{if(S?.value_type==="fixed_amount"){const i=E||"",d=i.match(/^(.*?)(\d[\d.,]*)(.*)$/);if(d){const[,u,f,b]=d;let N=f;return f.endsWith(".00")?N=f.replace(/\.00$/,""):f.endsWith(",00")&&(N=f.replace(/,00$/,"")),`${u}${N}${b}`}return i}return L||""};(0,c.useEffect)(()=>{let i=[];if(L||E){const u=`${r()} ${Y?.off||le?.off||""}`;A(u)}const d=e?.tags?.filter?.(u=>u?.startsWith?.("CLtag"))?.map?.(u=>u?.replace?.("CLtag:",""))?.slice?.(0,L&&z?1:2)||[];ae(i.concat(d))},[e?.tags,L,E,z,Y?.off,le?.off]),(0,$e.useExposure)(ne,{componentType:ye,componentName:ge,componentTitle:G,componentDescription:Z,position:t?.index+1});const l=async()=>{if(!pe&&!e?.custom_primary_link){F(!0);try{await me(e,t?.index,t,S)}finally{F(!1)}}},a=async()=>{if(!_&&!e?.custom_secondary_link){R(!0);try{await _e(e,t?.index,t,S)}finally{R(!1)}}},m=()=>(0,s.jsxs)("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:[(0,s.jsxs)("div",{className:"shelf-display-product-content-title-desc",children:[$?(0,s.jsx)(Le.Heading,{as:"h3",title:$||"",size:2,className:"shelf-display-product-title text-info-primary mb-1 line-clamp-2",html:$||""}):null,(0,s.jsx)(be.Text,{size:2,className:(0,k.cn)("lg-desktop:text-lg desktop:text-base shelf-display-product-description text-info-primary line-clamp-2 text-sm !leading-[1.4]"),html:Z||""})]}),(0,s.jsxs)("div",{className:"shelf-display-product-content-price-button",children:[(0,s.jsx)("div",{className:"mb-2 flex items-center",children:U?U(e,{price:j,basePrice:P,discount:L,discountAmount:E,variant:o,coupon:S,isSoldOut:h,isShowOriginalPrice:I}):h?(0,s.jsx)("div",{className:"lg-desktop:text-2xl text-info-primary text-xl font-bold",children:oe?.soldOutText}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"final-price lg-desktop:text-2xl text-info-primary text-xl font-bold !leading-[1.2]",children:o?.availableForSale&&j||""}),Q?Q(e,{price:j,basePrice:P,discount:L,discountAmount:E,isShowOriginalPrice:I}):P&&I&&(0,s.jsx)("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&&P||""})]})}),!U&&we?.(e,o,{isShowOriginalPrice:I}),(0,s.jsxs)("div",{className:(0,k.cn)("shelf-flex-button-group","lg-desktop:gap-3 flex items-center gap-2",t.direction==="vertical"?"flex-col":""),children:[t?.secondaryButton&&!h?(0,s.jsx)(se.default,{disabled:h&&t?.secondaryFun!=="LearnMore",variant:"secondary",href:e?.custom_secondary_link,as:e?.custom_secondary_link?"a":"button",onClick:a,loading:_,className:t.direction==="vertical"?"w-full":"",children:t?.secondaryButton||""}):null,t?.primaryButton?(0,s.jsx)(se.default,{disabled:h&&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]})]})]}),y={...W?{color:W}:{},...H?{backgroundColor:H,backgroundImage:"none"}:{},...W||H?{outline:"none"}:{}},x={...w?{color:w}:{},...K?{backgroundColor:K,backgroundImage:"none"}:{},...w||K?{outlineColor:w}:{}},D=()=>(0,s.jsxs)("div",{className:"lg-desktop:h-[28px] lg-desktop:flex-[28] box-border flex h-6 flex-[24] flex-wrap gap-1 overflow-hidden",children:[z&&ce&&(0,s.jsx)(ve.default,{className:"shelf-prices-tag",variant:"fill",style:y,children:ce||""}),O&&n?.length>0&&n?.map?.((i,d)=>(0,s.jsx)(ve.default,{className:"shelf-items-tag",variant:"outline",style:x,children:i},d))]}),v=e?.custom_bg_image,J=e?.custom_theme;return(0,s.jsx)("div",{ref:ne,className:(0,k.cn)("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",v?"bg-cover bg-center bg-no-repeat":"bg-background tablet:hover:bg-info-white",{"aiui-dark":J==="dark","aiui-light":J==="light"}),style:v?{backgroundImage:`url(${v})`}:void 0,children:p?(0,s.jsx)("div",{className:"absolute inset-0 box-border overflow-hidden",children:(0,s.jsxs)("div",{className:"relative inset-0 size-full",children:[(0,s.jsx)(D,{}),(0,s.jsx)(xe.default,{source:V,alt:ue,className:(0,k.cn)("flex h-full justify-center object-cover [&_img]:w-auto",{"opacity-0":v})}),(0,s.jsx)("div",{className:"desktop:p-6 absolute inset-x-0 bottom-0 box-border overflow-hidden p-4",children:m()})]})}):(0,s.jsxs)("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:[(0,s.jsx)(D,{}),(0,s.jsxs)("div",{className:(0,k.cn)("shelf-display-item-image lg-desktop:flex-[240] relative inline-block w-full flex-[180] overflow-hidden",{"opacity-0":v}),children:[(0,s.jsx)("a",{"aria-label":G,target:t?.target,href:(0,Pe.trackUrlRef)(`${C==="us"||!C?"":`/${C}`}/products/${e?.handle}?variant=${B}`,`${ye}_${ge}`),onClick:()=>{(0,Be.gaTrack)({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:(0,s.jsx)(xe.default,{source:V,alt:ue,className:"flex h-full justify-center object-cover [&_img]:w-auto"})}),(0,s.jsx)(We,{items:e?.socialEndorsements})]}),m()]})},e?.id||e?.handle)},Ue=({data:e,configuration:t})=>{const{itemShape:p,itemLength:T,metafields:g,isShowShortTitle:re,formatPrice:O,renderOriginalPrice:I,renderPriceLabel:ke,renderPrice:z}=t||{},{discounts:W,discountsCopy:H}=g||{},{locale:w="us",copyWriting:K,currencyDisplay:ie}=(0,Ne.useAiuiContext)(),[Q,we]=(0,c.useState)([]),U=(0,c.useRef)(null),[C,oe]=(0,c.useState)(!1),[X,Y]=(0,c.useState)(!1),le=(r,l,a,m)=>{const{primaryFun:y,onAddCart:x,onBuyNow:D,onLearnMore:v,event:J}=t||{};if(y){if(y==="AddCart"&&x)return x(r,l+1,a,m);if(y==="BuyNow"&&D)return D(r,l+1,a,m);if(y==="LearnMore"&&v)return v(r,l+1,a,m)}J?.primaryButton?.(r,l+1,a,m)},ne=(r,l,a,m)=>{const{secondaryFun:y,onAddCart:x,onBuyNow:D,onLearnMore:v,event:J}=t||{};if(y){if(y==="AddCart"&&x)return x(r,l+1,a,m);if(y==="BuyNow"&&D)return D(r,l+1,a,m);if(y==="LearnMore"&&v)return v(r,l+1,a,m)}J?.secondaryButton?.(r,l+1,a,m)},n=(0,c.useMemo)(()=>{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],A=!n?.availableForSale||n?.price?.amount===he||n?.price===he,pe=t?.isShowTag,F=t?.isShowOriginalPrice,_=n?.coupons?.[0],R=!!(F&&_),me=e?.price?.currencyCode||"USD",_e=(0,c.useMemo)(()=>(0,Ce.formatVariantPrice)({locale:w,amount:R?_?.variant_price4wscode:n?.price,baseAmount:R?n?.price:0,currencyCode:me,currencyDisplay:ie,customFormatPrice:O}),[me,w,R,_?.variant_price4wscode,n,O]),{price:o,basePrice:M,discount:B,discountAmount:h}=_e,{imageUrl:S,altText:de}=De(e),q=e?.custom_name||e?.title,j=re&&n?.metafields?.infos?.page_short_title||q,P=e?.custom_description||e?.description;(0,$e.useExposure)(U,{componentType:ye,componentName:ge,componentTitle:q,componentDescription:P,position:t?.index+1});const L=async()=>{if(!C&&!e?.custom_primary_link){oe(!0);try{await le(e,t?.index,t,_)}finally{oe(!1)}}},E=async()=>{if(!X&&!e?.custom_secondary_link){Y(!0);try{await ne(e,t?.index,t,_)}finally{Y(!1)}}},V=()=>T>=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=()=>T>=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(_?.value_type==="fixed_amount"){const r=h||"",l=r.match(/^(.*?)(\d[\d.,]*)(.*)$/);if(l){const[,a,m,y]=l;let x=m;return m.endsWith(".00")?x=m.replace(/\.00$/,""):m.endsWith(",00")&&(x=m.replace(/,00$/,"")),`${a}${x}${y}`}return r}return B||""};(0,c.useEffect)(()=>{let r=[];if(B||h){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,B?1:2)||[];we(r.concat(l))},[e?.tags,B,h,W?.off,H?.off]);const $=e?.custom_bg_image,Z=e?.custom_theme;return(0,s.jsx)("div",{ref:U,className:(0,k.cn)(V().wrap,"rounded-box","shelf-display-item","duration-300","md-tablet:h-[360px] relative box-border w-full cursor-pointer overflow-hidden",$?"bg-cover bg-center bg-no-repeat":"bg-container-secondary-1 tablet:hover:bg-info-white",{"aiui-dark":Z==="dark","aiui-light":Z==="light"}),style:$?{backgroundImage:`url(${$})`}:void 0,children:(0,s.jsxs)("div",{className:(0,k.cn)(ue(),"desktop:p-6 absolute inset-0 box-border overflow-hidden p-4"),children:[(0,s.jsx)("div",{className:(0,k.cn)(V().imgItem,"desktop:mb-0 relative mb-1 overflow-hidden",{"opacity-0":$}),children:(0,s.jsx)("a",{"aria-label":q,target:t?.target,href:(0,Pe.trackUrlRef)(`${w==="us"||!w?"":`/${w}`}/products/${e?.handle}?variant=${ce}`,`${ye}_${ge}`),onClick:()=>{(0,Be.gaTrack)({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:(0,s.jsx)(xe.default,{source:S,alt:de,className:"flex h-full justify-center object-cover [&_img]:w-auto"})})}),(0,s.jsxs)("div",{className:(0,k.cn)("flex flex-col items-start justify-center",V().boxItem),children:[pe&&(0,s.jsx)("div",{className:"mb-1 box-border flex h-8 flex-wrap gap-1 overflow-hidden",children:Q?.length>0&&Q?.map?.((r,l)=>(0,s.jsx)(ve.default,{className:"shelf-items-tag",variant:"fill",children:r},l))}),j?(0,s.jsx)(Le.Heading,{as:"h3",title:j||"",size:2,className:"shelf-display-product-title lg-desktop:h-[58px] text-info-primary mb-1 line-clamp-2 h-[48px]",html:j||""}):null,P?(0,s.jsx)(be.Text,{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:P||""}):null,(0,s.jsx)("div",{className:"mb-2 mt-5 flex items-center",children:z?z(e,{price:o,basePrice:M,discount:B,discountAmount:h,variant:n,coupon:_,isSoldOut:A,isShowOriginalPrice:F}):A?(0,s.jsx)("div",{className:"lg-desktop:text-2xl text-info-primary text-xl font-bold",children:K?.soldOutText}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"final-price tablet:text-xl text-info-primary text-xl font-bold",children:n?.availableForSale&&o||""}),I?I(e,{price:o,basePrice:M,discount:B,discountAmount:h,isShowOriginalPrice:F}):M&&(0,s.jsx)("div",{className:"origin-price tablet:text-xl text-info-quaternary ml-1 text-lg font-bold line-through",children:n?.availableForSale&&M||""})]})}),!z&&ke?.(e,n,{isShowOriginalPrice:F}),(0,s.jsxs)("div",{className:(0,k.cn)("shelf-flex-button-group","lg-desktop:gap-3 flex items-center gap-2",t.direction==="vertical"?"flex-col":""),children:[t?.secondaryButton&&!A?(0,s.jsx)(se.default,{disabled:A&&t?.secondaryFun!=="LearnMore",variant:"secondary",href:e?.custom_secondary_link,as:e?.custom_secondary_link?"a":"button",onClick:E,loading:X,className:t.direction==="vertical"?"w-full":"",children:t?.secondaryButton||""}):null,t?.primaryButton?(0,s.jsx)(se.default,{disabled:A&&t?.primaryFun!=="LearnMore",variant:"primary",href:e?.custom_primary_link,as:e?.custom_primary_link?"a":"button",onClick:L,loading:C,className:t.direction==="vertical"?"w-full":"",children:t?.primaryButton||""}):null]})]})]})},e?.id||e?.handle)};
-//# sourceMappingURL=shelfDisplayItem.js.map

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

@@ -1,2 +1 @@
 "use strict";"use client";var ke=Object.create;var v=Object.defineProperty;var De=Object.getOwnPropertyDescriptor;var xe=Object.getOwnPropertyNames;var Te=Object.getPrototypeOf,Ce=Object.prototype.hasOwnProperty;var Pe=(s,n)=>{for(var l in n)v(s,l,{get:n[l],enumerable:!0})},q=(s,n,l,u)=>{if(n&&typeof n=="object"||typeof n=="function")for(let p of xe(n))!Ce.call(s,p)&&p!==l&&v(s,p,{get:()=>n[p],enumerable:!(u=De(n,p))||u.enumerable});return s};var k=(s,n,l)=>(l=s!=null?ke(Te(s)):{},q(n||!s||!s.__esModule?v(l,"default",{value:s,enumerable:!0}):l,s)),Ie=s=>q(v({},"__esModule",{value:!0}),s);var ze={};Pe(ze,{default:()=>Re});module.exports=Ie(ze);var a=require("react/jsx-runtime"),i=k(require("react")),_=require("../../helpers/utils.js"),d=require("../../components/tabs.js"),Z=k(require("../Title/index.js")),x=k(require("../SwiperBox/index.js")),j=require("../../shared/Styles.js"),T=require("../../shared/track.js"),Q=require("react-responsive"),W=require("../../hooks/useRollout.js"),F=require("../ShelfDisplay/shelfDisplayItem.js"),C=require("./shelfDisplayHorizontalItem.js");const Ne="image",Le="product_shelf",D=s=>s==null?"default":String(s).replace(/[^a-zA-Z0-9_-]/g,"")||"default",G={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}},O=i.default.forwardRef((s,n)=>{const{isDisplayGudgments:l,...u}=s,{data:p,event:J,buildData:K,breakpoints:P,className:U="",recommendedData:h,target:X="_self",metafields:Y,isDisplayBackImage:ee=!1,renderOriginalPrice:te,renderPriceLabel:se,renderPrice:ae,onAddCart:ie,onBuyNow:ne,onLearnMore:oe,formatPrice:re,...le}=u,{productsTab:c=[],productsCard:pe=[],title:I,isShowTab:g=!0,tabShape:me="square",isShowTag:de=!1,isShowOriginalPrice:ce=!0,isShowRecommendedCard:fe=!1,isTile:ue=!1,tileMaxRows:b,tileExpandText:he="Show more",tileCollapseText:ge="Show less",...we}=p,N=(0,i.useRef)(!1),L=(0,i.useRef)(null),ye=(0,i.useId)(),[R,ve]=(0,i.useState)(!1);(0,i.useEffect)(()=>{ve(!0)},[]);const z=(0,Q.useMediaQuery)({query:"(min-width: 1025px)"}),[S,_e]=(0,i.useState)(!1),[be,H]=(0,W.useRollout)({threshold:0});(0,i.useImperativeHandle)(n,()=>L.current);const M=()=>{(0,T.gaTrack)({event:"ga4Event",event_name:"view_item_list",event_parameters:{page_group:"Home Page",item_list_name:"Home_Page_Bundle",items:h?.map((e,o)=>{const t=e?.variants?.find(r=>r?.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:o+1}})}})};(0,i.useEffect)(()=>{H&&h?.length&&!N.current&&(N.current=!0,M())},[H,h]);const B=(e,o)=>{if(o){const t=h?.map?.(r=>({...r,isShowRecommended:!0}));return t?.length?t:[]}if(!Array.isArray(e))return[];const m=e?.map?.(t=>{const r=K?.products?.find(y=>y?.handle===t?.handle);if(r)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||"",...r}})?.filter(t=>t);return m?.length?m:[]},w=D(ye),E=(e,o)=>{const m={...we,event:J,isShowTag:de,isShowOriginalPrice:ce,target:X,metafields:Y,itemLength:e.length,isDisplayBackImage:ee,renderOriginalPrice:te,renderPriceLabel:se,renderPrice:ae,onAddCart:ie,onBuyNow:ne,onLearnMore:oe,formatPrice:re};if(ue&&R&&z){const y=typeof b=="number"&&b>0,V=y?b*2:e.length,$=y&&e.length>V,Se=$&&!S?e.slice(0,V):e;return(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:(0,_.cn)("shelf-display-horizontal-tile grid grid-cols-2 gap-4",g?"mt-6":""),children:Se.map((f,A)=>(0,a.jsx)(C.ShelfDisplayHorizontalCardItem,{data:f,configuration:{...m,index:A}},f?.id||f?.handle||A))}),$&&(0,a.jsxs)("div",{className:"hover:text-brand-0 text-info-primary mt-6 flex items-center justify-center",children:[(0,a.jsx)("button",{className:"laptop:text-base text-sm font-bold",onClick:()=>_e(f=>!f),children:S?ge:he}),(0,a.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",className:(0,_.cn)("laptop:size-5 size-4",S&&"rotate-180"),width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:(0,a.jsx)("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(R&&z){const r=o?`${w}-${D(o)}`:w;return(0,a.jsx)(x.default,{data:{list:e,configuration:m},id:r,className:`${g?"mt-6":""} shelf-display-horizontal-swiper-box !overflow-visible`,Slide:C.ShelfDisplayHorizontalCardItem,showNavigation:!0,navigationPrevClassName:"left-4 desktop:left-6",navigationNextClassName:"right-4 desktop:right-6",breakpoints:P||G},r)}const t=o?`${w}-${D(o)}`:w;return(0,a.jsx)(x.default,{data:{list:e,configuration:m},id:t,className:`${g?"mt-6":""} shelf-display-swiper-box !overflow-visible`,Slide:F.ShelfDisplayWrapItem,showNavigation:!0,navigationPrevClassName:"left-4 desktop:left-6",navigationNextClassName:"right-4 desktop:right-6",breakpoints:P||G},t)};return(0,a.jsxs)("div",{ref:L,...le,className:(0,_.cn)("shelf-display-horizontal-wrap text-info-primary w-full",U,{"aiui-dark":p?.theme==="dark"}),children:[I&&(0,a.jsx)(Z.default,{data:{title:I}}),(0,a.jsx)("div",{ref:be,className:"tablet:min-h-[393px] laptop:min-h-[320px] desktop:min-h-[300px] lg-desktop:min-h-[309px]",children:g&&c?.length>0?(0,a.jsxs)(d.Tabs,{defaultValue:c?.[0]?.tab,onValueChange:e=>{const o=c?.find(m=>m?.tab===e);if(o){if(!o.isShowRecommendedTab){(0,T.gaTrack)({event:"ga4Event",event_name:"component_click",event_parameters:{page_group:"Home Page",component_type:Ne,component_name:Le,component_title:p?.title,component_position:1,navigation:e}});return}M()}},shape:me==="rounded"?"rounded":"square",children:[(0,a.jsx)(d.TabsList,{children:c.map(e=>(0,a.jsx)(d.TabsTrigger,{value:e?.tab,children:e?.tab||""},e?.id||e?.tab))}),c.map(e=>(0,a.jsx)(d.TabsContent,{value:e?.tab,children:E(B(e?.data||[],e?.isShowRecommendedTab),e?.tab)},e?.id||e?.tab))]}):E(B(pe,fe))})]})});O.displayName="ShelfDisplayHorizontal";var Re=(0,j.withLayout)(O);
-//# sourceMappingURL=index.js.map

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

@@ -1,2 +1 @@
 "use strict";var Le=Object.create;var C=Object.defineProperty;var $e=Object.getOwnPropertyDescriptor;var Ie=Object.getOwnPropertyNames;var Ee=Object.getPrototypeOf,Ae=Object.prototype.hasOwnProperty;var Fe=(e,t)=>{for(var a in t)C(e,a,{get:t[a],enumerable:!0})},oe=(e,t,a,N)=>{if(t&&typeof t=="object"||typeof t=="function")for(let d of Ie(t))!Ae.call(e,d)&&d!==a&&C(e,d,{get:()=>t[d],enumerable:!(N=$e(t,d))||N.enumerable});return e};var A=(e,t,a)=>(a=e!=null?Le(Ee(e)):{},oe(t||!e||!e.__esModule?C(a,"default",{value:e,enumerable:!0}):a,e)),Me=e=>oe(C({},"__esModule",{value:!0}),e);var je={};Fe(je,{ShelfDisplayHorizontalCardItem:()=>Oe});module.exports=Me(je);var o=require("react/jsx-runtime"),le=require("../AiuiProvider/index.js"),ne=require("../ShelfDisplay/shelfDisplay.js"),ae=require("../ShelfDisplay/shelfDisplayItem.js"),ce=A(require("../../components/picture.js")),F=A(require("../../components/badge.js")),x=require("../../helpers/utils.js"),M=require("../../components/text.js"),H=A(require("../../components/button.js")),pe=require("../../shared/track.js"),me=require("../../shared/trackUrlRef.js"),de=require("../../components/heading.js"),fe=require("../../hooks/useExposure.js"),c=require("react");const se="image",re="product_shelf",ie=999999999e-2,He=({items:e})=>e?.length?(0,o.jsx)("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,a)=>typeof t.icon=="string"?(0,o.jsx)("img",{src:t.icon,alt:t.label||"",loading:"lazy",className:"desktop:size-10 lg-desktop:size-12 size-8 object-contain"},a):(0,o.jsx)(M.Text,{"aria-label":t.label,className:"desktop:size-10 lg-desktop:size-12 size-8 [&_img]:size-full [&_svg]:size-full",children:t.icon},a))}):null,Oe=({data:e,configuration:t})=>{const{isDisplayBackImage:a=!1,itemShape:N,metafields:d,isTopTag:Ue=!1,isShowTag:ue,isShowOriginalPrice:b,isShowShortTitle:ge=!1,isShowPricesTag:P=!1,pricesTagTextColor:B,pricesTagBgColor:z,itemsTagTextColor:_,itemsTagBgColor:D,formatPrice:O,renderOriginalPrice:j,renderPriceLabel:ye,renderPrice:L}=t||{},{locale:g="es",copyWriting:he,currencyDisplay:U}=(0,le.useAiuiContext)(),{discounts:W,discountsCopy:R}=d||{},q=(0,c.useRef)(null),[V,ve]=(0,c.useState)([]),[G,ke]=(0,c.useState)(""),[J,K]=(0,c.useState)(!1),[Q,X]=(0,c.useState)(!1),xe=(s,r,i,n)=>{const{primaryFun:p,onAddCart:m,onBuyNow:v,onLearnMore:k,event:E}=t||{};if(p){if(p==="AddCart"&&m)return m(s,r+1,i,n);if(p==="BuyNow"&&v)return v(s,r+1,i,n);if(p==="LearnMore"&&k)return k(s,r+1,i,n)}E?.primaryButton?.(s,r+1,i,n)},be=(s,r,i,n)=>{const{secondaryFun:p,onAddCart:m,onBuyNow:v,onLearnMore:k,event:E}=t||{};if(p){if(p==="AddCart"&&m)return m(s,r+1,i,n);if(p==="BuyNow"&&v)return v(s,r+1,i,n);if(p==="LearnMore"&&k)return k(s,r+1,i,n)}E?.secondaryButton?.(s,r+1,i,n)},l=(0,c.useMemo)(()=>{const s=e?.variants||[];if(s.length)return e?.sku?s?.find?.(r=>r?.sku===e?.sku)||s[0]:s?.[0]},[e?.sku,e?.variants]),Y=l?.id?.split?.("/")||[],_e=Y?.[Y?.length-1],y=!l?.availableForSale||l?.price?.amount===ie||l?.price===ie,f=l?.coupons?.[0],Z=e?.price?.currencyCode||"USD",Se=(0,c.useMemo)(()=>(0,ne.formatVariantPrice)({locale:g,amount:f?f?.variant_price4wscode:l?.price,baseAmount:f?l?.price:0,currencyCode:Z,currencyDisplay:U,customFormatPrice:O}),[Z,g,U,f,l,O]),{price:$,basePrice:S,discount:u,discountAmount:h}=Se,{imageUrl:Te,altText:we}=(0,ae.getProductImage)(e),T=e?.custom_name||e?.title,I=ge&&l?.metafields?.infos?.page_short_title||T,ee=e?.custom_description||e?.description,Ce=()=>{if(f?.value_type==="fixed_amount"){const s=h||"",r=s.match(/^(.*?)(\d[\d.,]*)(.*)$/);if(r){const[,i,n,p]=r;let m=n;return n.endsWith(".00")?m=n.replace(/\.00$/,""):n.endsWith(",00")&&(m=n.replace(/,00$/,"")),`${i}${m}${p}`}return s}return u||""};(0,c.useEffect)(()=>{let s=[];if(u||h){const i=`${Ce()} ${W?.off||R?.off||""}`;ke(i)}const r=e?.tags?.filter?.(i=>i?.startsWith?.("CLtag"))?.map?.(i=>i?.replace?.("CLtag:",""))?.slice?.(0,u&&P?1:2)||[];ve(s.concat(r))},[e?.tags,u,h,W?.off,R?.off,P]),(0,fe.useExposure)(q,{componentType:se,componentName:re,componentTitle:T,componentDescription:ee,position:t?.index+1});const Ne=async()=>{if(!J&&!e?.custom_primary_link){K(!0);try{await xe(e,t?.index,t,f)}finally{K(!1)}}},Pe=async()=>{if(!Q&&!e?.custom_secondary_link){X(!0);try{await be(e,t?.index,t,f)}finally{X(!1)}}},Be={...B?{color:B}:{},...z?{backgroundColor:z,backgroundImage:"none"}:{},...B||z?{outline:"none"}:{}},ze={..._?{color:_}:{},...D?{backgroundColor:D,backgroundImage:"none"}:{},..._||D?{outlineColor:_}:{}},De=()=>(0,o.jsxs)("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:[P&&G&&(0,o.jsx)(F.default,{className:"shelf-prices-tag",variant:"fill",style:Be,children:G||""}),ue&&V?.length>0&&V?.map?.((s,r)=>(0,o.jsx)(F.default,{className:"shelf-items-tag",variant:"outline",style:ze,children:s},r))]}),w=e?.custom_bg_image,te=e?.custom_theme;return(0,o.jsx)("div",{ref:q,className:(0,x.cn)("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",w?"bg-cover bg-center bg-no-repeat":"bg-background tablet:hover:bg-info-white",{"aiui-dark":te==="dark","aiui-light":te==="light"}),style:w?{backgroundImage:`url(${w})`}:void 0,children:(0,o.jsxs)("div",{className:"desktop:p-6 desktop:pt-4 absolute inset-0 box-border flex overflow-hidden p-4",children:[(0,o.jsxs)("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:[(0,o.jsx)(De,{}),(0,o.jsx)("div",{className:(0,x.cn)("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":w}),children:(0,o.jsx)("a",{"aria-label":T,target:t?.target,href:(0,me.trackUrlRef)(`${g==="us"||!g?"":`/${g}`}/products/${e?.handle}?variant=${_e}`,`${se}_${re}`),onClick:()=>{(0,pe.gaTrack)({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:(0,o.jsx)(ce.default,{source:Te,alt:we,className:"flex h-full justify-center object-cover [&_img]:w-auto"})})}),(0,o.jsx)(He,{items:e?.socialEndorsements||d?.socialEndorsements})]}),(0,o.jsxs)("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:[(0,o.jsxs)("div",{className:"shelf-display-horizontal-content-title-desc",children:[I?(0,o.jsx)(de.Heading,{as:"h3",title:I||"",size:2,className:"shelf-display-product-title text-info-primary mb-1 line-clamp-2",html:I||""}):null,(0,o.jsx)(M.Text,{size:2,className:(0,x.cn)("lg-desktop:text-lg desktop:text-base shelf-display-product-description text-info-primary line-clamp-2 text-sm !leading-[1.4]"),html:ee||""})]}),(0,o.jsxs)("div",{className:"shelf-display-horizontal-content-price-button",children:[(0,o.jsx)("div",{className:"mb-2 flex items-center",children:L?L(e,{price:$,basePrice:S,discount:u,discountAmount:h,variant:l,coupon:f,isSoldOut:y,isShowOriginalPrice:b}):y?(0,o.jsx)("div",{className:"lg-desktop:text-2xl text-info-primary text-xl font-bold",children:he?.soldOutText}):(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{className:"final-price lg-desktop:text-2xl text-info-primary text-xl font-bold !leading-[1.2]",children:l?.availableForSale&&$||""}),j?j(e,{price:$,basePrice:S,discount:u,discountAmount:h,isShowOriginalPrice:b}):S&&b&&(0,o.jsx)("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&&S||""})]})}),!L&&ye?.(e,l,{isShowOriginalPrice:b}),(0,o.jsxs)("div",{className:(0,x.cn)("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&&!y?(0,o.jsx)(H.default,{disabled:y&&t?.secondaryFun!=="LearnMore",variant:"secondary",href:e?.custom_secondary_link,as:e?.custom_secondary_link?"a":"button",onClick:Pe,loading:Q,className:"laptop:w-full desktop:w-auto",children:t?.secondaryButton||""}):null,t?.primaryButton?(0,o.jsx)(H.default,{disabled:y&&t?.primaryFun!=="LearnMore",variant:"primary",href:e?.custom_primary_link,as:e?.custom_primary_link?"a":"button",onClick:Ne,loading:J,className:"laptop:w-full desktop:w-auto",children:t?.primaryButton||""}):null]})]})]})]})},e?.id||e?.handle)};
-//# sourceMappingURL=shelfDisplayHorizontalItem.js.map