@anker-in/headless-ui 1.3.63 → 1.3.65

package/dist/esm/hooks/useExposureDetection.js

@@ -1,2 +1 @@
 import{useRef as E,useEffect as y,useCallback as h}from"react";const o=new Set,T=(r,m={})=>{const{exposureKey:i,threshold:l=.5,duration:d=2e3,once:s=!0,onExposure:a,rootMargin:x="0px"}=m,e=E(null),c=E(null),f=h(()=>{if(i)return i;if(r.current&&!c.current){const u=r.current.getAttribute("data-exposure-id");if(u)return c.current=u,u;const n=[];let t=r.current;for(;t&&t!==document.body;){const p=Array.from(t.parentElement?.children||[]).indexOf(t);n.unshift(`${t.tagName.toLowerCase()}[${p}]`),t=t.parentElement}return c.current=n.join(" > "),c.current}return c.current||""},[i,r]),g=h(()=>{e.current&&(clearTimeout(e.current),e.current=null)},[]);return y(()=>{const u=r.current;if(!u||!a)return;const n=f();if(!n){console.warn("useExposureDetection: \u65E0\u6CD5\u751F\u6210\u552F\u4E00\u7684 exposureKey\uFF0C\u8BF7\u63D0\u4F9B exposureKey \u53C2\u6570");return}if(s&&o.has(n))return;const t=new IntersectionObserver(p=>{p.forEach(b=>{b.intersectionRatio>=l?(!s||!o.has(n))&&!e.current&&(e.current=window.setTimeout(()=>{s&&o.has(n)||(s&&o.add(n),a())},d)):e.current&&(clearTimeout(e.current),e.current=null)})},{threshold:l,rootMargin:x});return t.observe(u),()=>{t.disconnect(),e.current&&(clearTimeout(e.current),e.current=null)}},[r,a,l,d,s,x,f]),{clearTimer:g}},K=r=>{o.delete(r)},O=()=>{o.clear()},v=r=>o.has(r);export{O as clearAllExposureRecords,K as clearExposureRecord,v as hasExposed,T as useExposureDetection};
-//# sourceMappingURL=useExposureDetection.js.map

package/dist/esm/hooks/useGridRowCount.js

@@ -1,2 +1 @@
 import{useState as m,useEffect as o}from"react";function h({rows:e,mobileCols:t=2,tabletCols:i=3,desktopCols:r=4}){const[c,u]=m(()=>typeof window>"u"?e*t:window.innerWidth>=1440?e*r:window.innerWidth>=768?e*i:e*t);return o(()=>{const d=window.matchMedia("(min-width: 768px)"),a=window.matchMedia("(min-width: 1440px)"),n=()=>{a.matches?u(e*r):d.matches?u(e*i):u(e*t)};return n(),d.addEventListener("change",n),a.addEventListener("change",n),()=>{d.removeEventListener("change",n),a.removeEventListener("change",n)}},[e,t,i,r]),c}export{h as useGridRowCount};
-//# sourceMappingURL=useGridRowCount.js.map

package/dist/esm/hooks/useIntersectionObserver.js

@@ -1,2 +1 @@
 import{useRef as f,useEffect as d}from"react";const o=new WeakMap,p=500,v=e=>{const t=Date.now(),c=o.get(e);if(c&&t-c.timestamp<p)return c.visible;const n=e;if(!n)return o.set(e,{visible:!1,timestamp:t}),!1;if(!document.contains(n))return o.set(e,{visible:!1,timestamp:t}),!1;const s=n.getBoundingClientRect();if(s.width===0||s.height===0)return o.set(e,{visible:!1,timestamp:t}),!1;const i=n.style;if(i.display==="none"||i.visibility==="hidden"||i.opacity==="0")return o.set(e,{visible:!1,timestamp:t}),!1;if(s.width>0&&s.height>0){const u=window.getComputedStyle(n);if(u.display==="none"||u.visibility==="hidden"||u.opacity==="0")return o.set(e,{visible:!1,timestamp:t}),!1}const r=!0;return o.set(e,{visible:r,timestamp:t}),r},y=(e,{callback:t,once:c,threshold:n=.8,delay:s=0})=>{const i=f(0),r=f(!1);d(()=>{if(!e?.current||typeof IntersectionObserver>"u")return;const u=e.current,m={root:null,rootMargin:"0px",threshold:n},l=new IntersectionObserver(b=>{b.forEach(a=>{if(a.isIntersecting&&v(a.target)){if(s){if(window.clearTimeout(i.current),r.current)return;i.current=window.setTimeout(()=>{t(),r.current=!0},s)}else t(),r.current=!0;c&&r.current&&l.disconnect()}else i.current&&window.clearTimeout(i.current)})},m);return u&&l.observe(u),()=>{l.disconnect(),window.clearTimeout(i.current)}},[c,n,s,e?.current])};export{y as useIntersectionObserverDelay};
-//# sourceMappingURL=useIntersectionObserver.js.map

package/dist/esm/hooks/useRollout.js

@@ -1,2 +1 @@
 import{useEffect as c,useRef as f,useState as i}from"react";function b(n){const r=f(null),[e,o]=i(!1);return c(()=>{if(e)return;const s=r.current;if(!s||typeof IntersectionObserver>"u")return;const t=new IntersectionObserver(([u])=>{u.isIntersecting&&(o(!0),t.disconnect())},n);return t.observe(s),()=>t.disconnect()},[e,n]),[r,e]}export{b as useRollout};
-//# sourceMappingURL=useRollout.js.map

package/dist/esm/hooks/useViewItemList.js

@@ -1,2 +1 @@
 import"react";import{gaTrack as u}from"../shared/track.js";import{useIntersectionObserverDelay as l}from"./useIntersectionObserver.js";import{useAiuiContext as v}from"../biz-components/AiuiProvider/index.js";const L=(a,{componentType:e,componentName:t,componentTitle:i,componentDescription:n,navigation:r="",position:o=1,itemListName:p,items:g,tabName:c=""})=>{const{trackingData:_,onExposure:s}=v();l(a,{once:!0,threshold:.5,delay:2e3,callback:()=>{const m=_.pageGroup||"Home Page";s?s({componentType:e,componentName:t,componentTitle:i,componentDescription:n,navigation:r,pageGroup:m,position:o}):u({event:"ga4Event",event_name:"view_item_list",event_parameters:{page_group:m,component_type:e,component_name:t,position:o,creative_id:"",component_title:i,component_description:n,navigation:r,item_list_name:p,items:g,tab_name:c}})}})};export{L as useViewItemList};
-//# sourceMappingURL=useViewItemList.js.map

package/dist/esm/icons/spinner.js

@@ -1,2 +1 @@
 import{jsx as e}from"react/jsx-runtime";import{cn as r}from"../helpers/index.js";const s=n=>e("svg",{fill:"none",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",width:"1rem",className:r("animate-spin",n.className),children:e("path",{d:"M1 10C1 14.9706 5.02944 19 10 19C14.9706 19 19 14.9706 19 10C19 5.02944 14.9706 1 10 1",strokeWidth:"2",strokeLinecap:"round"})});var o=s;export{o as default};
-//# sourceMappingURL=spinner.js.map

package/dist/esm/index.js

@@ -1,2 +1 @@
 export*from"./components/index.js";import{gaTrack as t}from"./shared/track.js";import{trackUrlRef as s,buildTrackingRef as a}from"./shared/trackUrlRef.js";import{default as m}from"./hooks/useCountDown.js";import{useDraggableScroll as f}from"./hooks/useDraggableScroll.js";import{useExposure as u}from"./hooks/useExposure.js";import{useGridRowCount as c}from"./hooks/useGridRowCount.js";import{useIntersectionObserverDelay as g}from"./hooks/useIntersectionObserver.js";import{useRollout as C}from"./hooks/useRollout.js";import{useViewItemList as L}from"./hooks/useViewItemList.js";import{cn as R,getLocalizedPath as b,noop as T}from"./helpers/index.js";import{formatPrice as D,languageTerritory as E,PRICE_SYMBOL as I}from"./helpers/index.js";import{LocalizedLink as v}from"./shared/LocalizedLink.js";export{v as LocalizedLink,I as PRICE_SYMBOL,a as buildTrackingRef,R as cn,D as formatPrice,t as gaTrack,b as getLocalizedPath,E as languageTerritory,T as noop,s as trackUrlRef,m as useCountDown,f as useDraggableScroll,u as useExposure,c as useGridRowCount,g as useIntersectionObserverDelay,C as useRollout,L as useViewItemList};
-//# sourceMappingURL=index.js.map

package/dist/esm/shared/ErrorBoundary.js

@@ -1,2 +1 @@
 import"react/jsx-runtime";import o from"react";class t extends o.Component{constructor(r){super(r),this.state={hasError:!1,error:null,errorInfo:null}}static getDerivedStateFromError(r){return{hasError:!0,error:r,errorInfo:null}}componentDidCatch(r,e){console.error("@anker-in/headless-ui biz component ErrorBoundary caught an error:",r,e),this.setState({errorInfo:e})}render(){return this.state.hasError?this.props.fallback?this.props.fallback:null:this.props.children}}var s=t;export{s as default};
-//# sourceMappingURL=ErrorBoundary.js.map

package/dist/esm/shared/LocalizedLink.js

@@ -1,2 +1 @@
 "use client";import{Fragment as m,jsx as n}from"react/jsx-runtime";import*as t from"react";import{getLocalizedPath as d}from"../helpers/index.js";import{useAiuiContext as f}from"../biz-components/AiuiProvider/index.js";const i=t.forwardRef(({href:e,className:a,children:o,rel:c="noreferrer",...s},l)=>{const{locale:r="us"}=f(),L=t.useMemo(()=>e?d(e,r):void 0,[e,r]);return e?n("a",{ref:l,href:L,rel:c,className:a,...s,children:o}):n(m,{children:o})});i.displayName="LocalizedLink";export{i as LocalizedLink};
-//# sourceMappingURL=LocalizedLink.js.map

package/dist/esm/shared/Styles.js

@@ -1,2 +1 @@
 import{Fragment as O,jsx as s,jsxs as G}from"react/jsx-runtime";import m,{useMemo as y}from"react";import{simpleHash as R}from"./simpleHash.js";import S from"./getKeyPropsString.js";import{Grid as g,GridItem as b}from"../components/grid.js";import{Container as w}from"../components/container.js";import T from"./ErrorBoundary.js";const N={12:"col-start-1 col-end-13",10:"col-start-2 col-end-12",8:"col-start-3 col-end-11",6:"col-start-4 col-end-10",4:"col-start-5 col-end-9"},I={12:"tablet:col-start-1 tablet:col-end-13",10:"tablet:col-start-2 tablet:col-end-12",8:"tablet:col-start-3 tablet:col-end-11",6:"tablet:col-start-4 tablet:col-end-10",4:"tablet:col-start-5 tablet:col-end-9"},d=t=>{const n=S(t);return`style_${R(n)}`},k=t=>{const{style:n,uid:e,disabled:o,containerClassName:r}=t;return{style:n,uid:e,disabled:o,containerClassName:r}},h=({style:t,uid:n=d({}),disabled:e=!1})=>!t||e?null:s("style",{suppressHydrationWarning:!0,"data-style-id":n,dangerouslySetInnerHTML:{__html:`.block-${n} { ${t} }`}}),$=(t,n)=>{const e=y(()=>t?.uid||d({...t,...n??{}}),[n,t]),o=y(()=>s(h,{...t,uid:e}),[t,e]);return{className:`block-${e} `,StyleComponent:o,uid:e,idx:n?.idx!=null?String(n.idx):void 0}},x=t=>{const{desktopSpan:n,mobileSpan:e}=t||{},o=e?N[e]:"",r=n?I[n]:"";return`${o} ${r}`.trim()},j=t=>t?typeof t=="string"?t:typeof t=="object"&&Object.entries(t).length<=0?"":Object.entries(t).map(([n,e])=>`${n.replace(/([A-Z])/g,"-$1").toLowerCase()}: ${e}`).join("; ")+";":"",L=(t,n)=>[t,n].map(j).filter(e=>!!e).map(e=>e.trim().endsWith(";")?e:`${e};`).join(" ");function E(t,n){const e=m.forwardRef((o,r)=>{const{container:a,containerClassName:i,className:c,...l}=o;if(!a||Reflect.ownKeys(a).length===0)return s(t,{...l,className:c,ref:r});const p=[n,i,c].filter(Boolean).join(" ").trim();return s(w,{className:p,children:s(g,{className:"container_grid",children:s(b,{className:x(a),children:s(t,{...l,ref:r})})})})});return e.displayName=`WithContainerLayout(${t.displayName||t.name||"Component"})`,e}function B(t,n){const e=m.forwardRef((o,r)=>{const a=k(o),i=L(n?.style,a.style),c={...n,...a,...i&&{style:i}},{className:l,StyleComponent:p,idx:u}=$(c,o.data),{style:A,uid:F,disabled:K,className:C,...f}=o;return G(O,{children:[p,s(t,{...u?{id:u}:{},...f,className:[l,C].filter(Boolean).join(" ").trim(),ref:r})]})});return e.displayName=`WithStyleInjection(${t.displayName||t.name||"Component"})`,e}function _(t){const n=m.forwardRef((e,o)=>s(T,{children:s(t,{...e,ref:o})}));return n.displayName=`WithErrorBoundary(${t.displayName||t.name||"Component"})`,n}const P=new WeakMap;function q(t,n){if(P.has(t))return t;const e=_(B(E(t,n?.containerClassName),n));e.displayName=`WithLayout(${t.displayName||t.name||"Component"})`,P.set(t,!0);const o=e;return Object.getOwnPropertyNames(t).forEach(r=>{!(r in o)&&r!=="arguments"&&r!=="caller"&&r!=="length"&&r!=="name"&&(o[r]=t[r])}),o}export{k as getStylesProps,$ as useStyles,q as withLayout};
-//# sourceMappingURL=Styles.js.map

package/dist/esm/shared/getKeyPropsString.js

@@ -1,2 +1 @@
 function n(e){return["style","className","id","name","type","data"].map(t=>{if(t==="data"&&typeof e[t]=="object"&&e[t]!==null)try{return JSON.stringify(e[t])}catch{return""}return e[t]!==void 0?String(e[t]):""}).join("|")}export{n as default};
-//# sourceMappingURL=getKeyPropsString.js.map

package/dist/esm/shared/mimeType.js

@@ -1,2 +1 @@
 const i=(t="")=>t?.startsWith("video/");export{i as isVideo};
-//# sourceMappingURL=mimeType.js.map

package/dist/esm/shared/simpleHash.js

@@ -1,2 +1 @@
 function r(n){let t=5381;for(let e=0;e<n.length;e++)t=(t<<5)+t+n.charCodeAt(e);return Math.abs(t).toString(36)}export{r as simpleHash};
-//# sourceMappingURL=simpleHash.js.map

package/dist/esm/shared/throttle.js

@@ -1,2 +1 @@
 function a(t,r){let e=null;return function(...n){e||(e=setTimeout(()=>{t.apply(this,n),e=null},r))}}export{a as default};
-//# sourceMappingURL=throttle.js.map

package/dist/esm/shared/track.js

@@ -1,2 +1 @@
 const n=a=>{if(typeof window>"u")return"";window.dataLayer=window.dataLayer||[];try{window.dataLayer?.push({event_parameters:null}),window.dataLayer?.push(a||{})}catch(e){console.log("pageGTMEvent error",e)}};export{n as gaTrack};
-//# sourceMappingURL=track.js.map

package/dist/esm/shared/trackUrlRef.js

@@ -1,2 +1 @@
 const h=(t="",n="")=>{try{if(t?.startsWith("#"))return t;if(n=n.replace(/Activity Page_/g,""),/^https?:\/\//.test(t)){const r=new URL(t);return r.searchParams.has("ref")?t:(r.searchParams.set("ref",n),r.toString())}else{const[r,i=""]=t.split("#"),[c,a=""]=r.split("?"),s=new URLSearchParams(a);if(s.has("ref"))return t;s.set("ref",n);const o=s.toString()?`?${s.toString()}`:"",g=i?`#${i}`:"";return`${c}${o}${g}`}}catch{return/[?&]ref=/.test(t)?t:t?.includes("?")?t+"&ref="+encodeURIComponent(n):t+"?ref="+encodeURIComponent(n)}},p=(t,n,e)=>`${t}_${n}_${e}`;export{p as buildTrackingRef,h as trackUrlRef};
-//# sourceMappingURL=trackUrlRef.js.map

package/dist/esm/stories/ClassNamesVisualizer.js

@@ -1,2 +1 @@
 "use client";import{Fragment as p,jsx as e,jsxs as s}from"react/jsx-runtime";import*as m from"react";import{cn as r}from"../helpers/index.js";const w="outline outline-2 outline-offset-1 outline-yellow-400 bg-yellow-300/20 transition-all duration-150",i=({title:x,items:g,renderPreview:y,previewClassName:N,tableClassName:f})=>{const[l,d]=m.useState(null),[t,u]=m.useState(null),v=a=>{u(n=>n===a?null:a)},c=t??l;return s("div",{className:"font-sans antialiased",children:[s("div",{className:"mb-4 flex items-center gap-3",children:[e("div",{className:"bg-brand-0 h-5 w-1 rounded-full"}),s("h2",{className:"text-info-primary text-lg font-semibold",children:[x," \u2014 ",e("span",{className:"text-info-secondary font-normal",children:"classNames Visualizer"})]})]}),e("p",{className:"text-info-tertiary mb-6 text-sm",children:"\u60AC\u505C\u884C\u9AD8\u4EAE\u5BF9\u5E94\u533A\u57DF\uFF1B\u70B9\u51FB\u884C\u89E6\u53D1\u5F39\u7A97\uFF08\u518D\u6B21\u70B9\u51FB\u5173\u95ED\uFF09\u3002"}),s("div",{className:"flex min-h-[400px] gap-6",children:[s("div",{className:r("w-[320px] shrink-0 self-start","border-lines-primary overflow-hidden rounded-lg border",f),children:[e("div",{className:"bg-container-secondary-0 border-lines-primary border-b px-4 py-2.5",children:e("span",{className:"text-info-secondary text-xs font-semibold uppercase tracking-wider",children:"className key / \u63CF\u8FF0"})}),e("div",{className:"divide-lines-primary divide-y",children:g.map(a=>{const n=l===a.name,o=t===a.name;return s("div",{className:r("group flex cursor-pointer flex-col gap-1 px-4 py-3 transition-colors",o?"bg-yellow-100 dark:bg-yellow-900/30":n?"bg-yellow-50 dark:bg-yellow-900/20":"hover:bg-container-secondary-0"),onMouseEnter:()=>d(a.name),onMouseLeave:()=>d(null),onClick:()=>v(a.name),children:[s("div",{className:"flex items-center gap-1.5",children:[e("code",{className:r("self-start rounded px-1.5 py-0.5 font-mono text-xs transition-colors",o||n?"bg-yellow-200 text-yellow-900 dark:bg-yellow-800 dark:text-yellow-100":"bg-container-secondary-0 text-info-primary group-hover:bg-yellow-100"),children:a.name}),o&&e("span",{className:"text-[10px] font-medium text-yellow-700 dark:text-yellow-300",children:"\u25CF \u5DF2\u9009\u4E2D"})]}),e("p",{className:"text-info-secondary break-words text-xs leading-relaxed",children:a.description}),a.note&&e("span",{className:"text-info-tertiary break-words text-[11px] leading-relaxed",children:a.note})]},a.name)})}),e("div",{className:"bg-container-secondary-0 border-lines-primary border-t px-4 py-2",children:e("p",{className:"text-info-tertiary text-[11px]",children:t?s(p,{children:["\u5DF2\u9009\u4E2D\uFF1A",e("code",{className:"text-info-primary ml-1 font-mono text-[11px]",children:t}),e("span",{className:"ml-1 text-yellow-600",children:"\uFF08\u518D\u6B21\u70B9\u51FB\u53D6\u6D88\uFF09"})]}):l?s(p,{children:["\u60AC\u505C\u4E2D\uFF1A",e("code",{className:"text-info-primary ml-1 font-mono text-[11px]",children:l})]}):"\u60AC\u505C\u9AD8\u4EAE \xB7 \u70B9\u51FB\u89E6\u53D1\u5F39\u7A97"})})]}),s("div",{className:r("min-w-0 flex-1",N),children:[s("div",{className:"border-lines-primary mb-2 flex items-center gap-2 rounded-t-lg border border-b-0 px-3 py-2",children:[s("div",{className:"flex gap-1.5",children:[e("div",{className:"size-3 rounded-full bg-red-400"}),e("div",{className:"size-3 rounded-full bg-yellow-400"}),e("div",{className:"size-3 rounded-full bg-green-400"})]}),e("span",{className:"text-info-tertiary text-xs",children:"Component Preview"}),c&&s("span",{className:"ml-auto flex items-center gap-1",children:[e("span",{className:"inline-block size-2 animate-pulse rounded-full bg-yellow-400"}),e("code",{className:"text-info-secondary font-mono text-[11px]",children:c}),e("span",{className:"text-info-tertiary text-[11px]",children:t?"\u5DF2\u9009\u4E2D":"\u60AC\u505C\u4E2D"})]})]}),e("div",{className:"border-lines-primary overflow-hidden rounded-b-lg border",children:y(l,t)})]})]})]})};i.displayName="ClassNamesVisualizer";var h=i;export{i as ClassNamesVisualizer,w as HIGHLIGHT_CLASS,h as default};
-//# sourceMappingURL=ClassNamesVisualizer.js.map

package/dist/esm/stories/decorators/dataPropsDecorator.js

@@ -1,2 +1 @@
 import{jsx as h}from"react/jsx-runtime";import"react";function g(l,d,f){const n=d.split(".");let r=l;for(let e=0;e<n.length-1;e++){const o=n[e];(!r[o]||typeof r[o]!="object")&&(r[o]={}),r=r[o]}r[n[n.length-1]]=f}function P(l=[]){const f=[...["className","classNames","style","ref","key","children"],...l],n=(r,e)=>{const{args:o}=e,c={},u={};Object.keys(o).forEach(t=>{if(t.startsWith("data.")){const s=t.substring(5);g(u,s,o[t])}else t.startsWith("on")&&typeof o[t]=="function"||f.includes(t)?c[t]=o[t]:t==="data"&&typeof o[t]=="object"||(c[t]=o[t])});function D(t,s){const i={...t};return p(t)&&p(s)&&Object.keys(s).forEach(a=>{p(s[a])&&a in t?i[a]=D(t[a],s[a]):i[a]=s[a]}),i}function p(t){return t&&typeof t=="object"&&!Array.isArray(t)}const b=D(o.data||{},u);return h(r,{args:{...c,data:{...b}}})};return n.displayName="DataPropsDecorator",n}const v=P();export{v as commonDataPropsDecorator,P as createDataPropsDecorator,P as default};
-//# sourceMappingURL=dataPropsDecorator.js.map

package/dist/esm/types/props.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anker-in/headless-ui",
-  "version": "1.3.63",
+  "version": "1.3.65",
   "type": "commonjs",
   "main": "./dist/cjs/index.js",
   "types": "./dist/cjs/index.d.ts",

package/style.css

@@ -1614,6 +1614,9 @@ video {
 .h-\[54px\] {
   height: 54px;
 }
+.h-\[56px\] {
+  height: 56px;
+}
 .h-\[63\.6\%\] {
   height: 63.6%;
 }
@@ -1626,8 +1629,8 @@ video {
 .h-\[84px\] {
   height: 84px;
 }
-.h-\[96px\] {
-  height: 96px;
+.h-\[92px\] {
+  height: 92px;
 }
 .h-\[98px\] {
   height: 98px;
@@ -2914,10 +2917,6 @@ video {
   --tw-border-opacity: 1;
   border-top-color: rgb(228 229 230 / var(--tw-border-opacity, 1));
 }
-.\!bg-\[\#080A0F\] {
-  --tw-bg-opacity: 1 !important;
-  background-color: rgb(8 10 15 / var(--tw-bg-opacity, 1)) !important;
-}
 .\!bg-\[\#1E2024\] {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(30 32 36 / var(--tw-bg-opacity, 1)) !important;
@@ -2929,6 +2928,9 @@ video {
 .\!bg-brand-0 {
   background-color: var(--brand-color-0) !important;
 }
+.\!bg-container-primary {
+  background-color: var(--container-primary-color) !important;
+}
 .\!bg-transparent {
   background-color: transparent !important;
 }
@@ -2968,10 +2970,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(134 134 140 / var(--tw-bg-opacity, 1));
 }
-.bg-\[\#B6B6BA\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(182 182 186 / var(--tw-bg-opacity, 1));
-}
 .bg-\[\#D6F4DE\] {
   --tw-bg-opacity: 1;
   background-color: rgb(214 244 222 / var(--tw-bg-opacity, 1));
@@ -4794,6 +4792,10 @@ video {
 .hover\:\!text-info-primary:hover {
   color: var(--info-primary-color) !important;
 }
+.hover\:text-\[\#00CBEB\]:hover {
+  --tw-text-opacity: 1;
+  color: rgb(0 203 235 / var(--tw-text-opacity, 1));
+}
 .hover\:text-\[\#1f1f1f\]:hover {
   --tw-text-opacity: 1;
   color: rgb(31 31 31 / var(--tw-text-opacity, 1));
@@ -6184,9 +6186,6 @@ video {
   .laptop\:mb-4 {
     margin-bottom: 1rem;
   }
-  .laptop\:mb-\[10px\] {
-    margin-bottom: 10px;
-  }
   .laptop\:ml-auto {
     margin-left: auto;
   }
@@ -9009,35 +9008,12 @@ video {
   width: 100%;
   height: 100%;
 }
-.\[\&_svg\]\:h-full svg {
-  height: 100%;
-}
-.\[\&_svg\]\:w-auto svg {
-  width: auto;
-}
 .\[\&_svg\]\:shrink-0 svg {
   flex-shrink: 0;
 }
-.\[\&_svg_path\]\:transition-all svg path {
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.\[\&_svg_path\]\:duration-200 svg path {
-  transition-duration: 200ms;
-}
-.\[\&_svg_path\]\:\[fill\:\#080A0F\] svg path {
-  fill: #080A0F;
-}
-.\[\&_svg_path\]\:\[fill\:\#75787F\] svg path {
-  fill: #75787F;
-}
 .\[\&_svg_path\]\:hover\:fill-brand-0:hover svg path {
   fill: var(--brand-color-0);
 }
-.\[\&_svg_path\]\:hover\:\[fill\:\#FFFFFF\]:hover svg path {
-  fill: #FFFFFF;
-}
 .swiper-slide-active.\[\.swiper-slide-active\&\]\:opacity-100 {
   opacity: 1;
 }

package/dist/cjs/biz-components/AccessoriesShelf/components/AccessoriesProductGrid/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/biz-components/AccessoriesShelf/components/AccessoriesProductGrid/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../../../helpers/index.js'\n\nexport interface ProductGridProps {\n  children: React.ReactNode\n  maxVisible?: number\n  showMoreText?: string\n  showLessText?: string\n  animated?: boolean\n  className?: string\n}\n\nconst DownIcon = ({ className }: { className?: string }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n    >\n      <path\n        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\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  )\n}\n\nconst AccessoriesProductGrid = React.forwardRef<HTMLDivElement, ProductGridProps>(\n  (\n    { children, maxVisible = 8, showMoreText = 'Show more', showLessText = 'Show less', animated = true, className },\n    ref\n  ) => {\n    const [expanded, setExpanded] = React.useState(false)\n    const items = React.Children.toArray(children)\n    const hasMore = items.length > maxVisible\n    const visibleItems = hasMore && !expanded ? items.slice(0, maxVisible) : items\n\n    return (\n      <div ref={ref} className={cn('flex flex-col gap-6', className)}>\n        <div\n          className={cn(\n            'tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-4 grid grid-cols-1 gap-4',\n            animated && 'transition-all duration-500 ease-in-out'\n          )}\n        >\n          {visibleItems}\n        </div>\n        {hasMore && (\n          <div className=\"hover:text-brand-0 text-info-primary flex items-center justify-center\">\n            <button className=\"laptop:text-base text-sm font-bold\" onClick={() => setExpanded(prev => !prev)}>\n              {expanded ? showLessText : showMoreText}\n            </button>\n            <DownIcon className={cn('laptop:size-5 size-4', expanded && 'rotate-180')} />\n          </div>\n        )}\n      </div>\n    )\n  }\n)\n\nAccessoriesProductGrid.displayName = 'AccessoriesProductGrid'\n\nexport default AccessoriesProductGrid\n"],
-  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAwBM,IAAAI,EAAA,6BAtBNC,EAAuB,oBACvBC,EAAmB,wCAWnB,MAAMC,EAAW,CAAC,CAAE,UAAAC,CAAU,OAE1B,OAAC,OACC,MAAM,6BACN,UAAWA,EACX,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OAEL,mBAAC,QACC,EAAE,gUACF,KAAK,eACP,EACF,EAIEC,EAAyBJ,EAAM,WACnC,CACE,CAAE,SAAAK,EAAU,WAAAC,EAAa,EAAG,aAAAC,EAAe,YAAa,aAAAC,EAAe,YAAa,SAAAC,EAAW,GAAM,UAAAN,CAAU,EAC/GO,IACG,CACH,KAAM,CAACC,EAAUC,CAAW,EAAIZ,EAAM,SAAS,EAAK,EAC9Ca,EAAQb,EAAM,SAAS,QAAQK,CAAQ,EACvCS,EAAUD,EAAM,OAASP,EACzBS,EAAeD,GAAW,CAACH,EAAWE,EAAM,MAAM,EAAGP,CAAU,EAAIO,EAEzE,SACE,QAAC,OAAI,IAAKH,EAAK,aAAW,MAAG,sBAAuBP,CAAS,EAC3D,oBAAC,OACC,aAAW,MACT,mFACAM,GAAY,yCACd,EAEC,SAAAM,EACH,EACCD,MACC,QAAC,OAAI,UAAU,wEACb,oBAAC,UAAO,UAAU,qCAAqC,QAAS,IAAMF,EAAYI,GAAQ,CAACA,CAAI,EAC5F,SAAAL,EAAWH,EAAeD,EAC7B,KACA,OAACL,EAAA,CAAS,aAAW,MAAG,uBAAwBS,GAAY,YAAY,EAAG,GAC7E,GAEJ,CAEJ,CACF,EAEAP,EAAuB,YAAc,yBAErC,IAAOP,EAAQO",
-  "names": ["AccessoriesProductGrid_exports", "__export", "AccessoriesProductGrid_default", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "DownIcon", "className", "AccessoriesProductGrid", "children", "maxVisible", "showMoreText", "showLessText", "animated", "ref", "expanded", "setExpanded", "items", "hasMore", "visibleItems", "prev"]
-}

package/dist/cjs/biz-components/AccessoriesShelf/components/AccessoryShelf/ProductCard.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/biz-components/AccessoriesShelf/components/AccessoryShelf/ProductCard.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../../../helpers/index.js'\nimport { Badge, Card, CardContent, Picture, Text, Heading, Button } from '../../../../components/index.js'\nimport type {\n  AccessoryProductCardProps,\n  AccessoryProductData,\n  AccessoryCardSemanticName,\n  AccessoryCopyConfig,\n} from './types.js'\n\nexport type { AccessoryProductCardProps, AccessoryProductData, AccessoryCardSemanticName, AccessoryCopyConfig }\n\n/**\n * AccessoryProductCard - \u914D\u4EF6\u5361\u7247\uFF08UI \u7EC4\u4EF6\uFF09\n *\n * \u7EC4\u4EF6\u804C\u8D23\uFF08UI \u5C42\uFF09\uFF1A\n * - \u6E32\u67D3\u4EA7\u54C1\u56FE\uFF081:1 object-contain\uFF09\n * - \u6E32\u67D3\u6807\u9898\u3001\u63CF\u8FF0\u3001tags\n * - \u6E32\u67D3\u73B0\u4EF7 + \u539F\u4EF7\uFF08\u5220\u9664\u7EBF\uFF09+ \u4F1A\u5458\u4EF7\uFF08\u4E0B\u65B9\u5C0F\u5B57\uFF09\n * - \u6E32\u67D3\u52A0\u8D2D\u6309\u94AE\u53CA Add / Added(n) / Unavailable \u72B6\u6001\n * - Hover \u6548\u679C\uFF08\u5361\u7247\u80CC\u666F\u53D8\u767D + \u9634\u5F71\uFF0CPC \u7AEF\uFF09\n * - Loading \u72B6\u6001\u5C55\u793A\n *\n * \u4E1A\u52A1\u804C\u8D23\uFF08\u4E1A\u52A1\u7AEF\u8D1F\u8D23\uFF09\uFF1A\n * - \u83B7\u53D6\u4EA7\u54C1\u6570\u636E\u3001\u8BA1\u7B97\u4EF7\u683C\n * - \u7EF4\u62A4 addedQuantity\u3001isLoading \u72B6\u6001\n * - \u5B9E\u73B0 onAddToCart \u903B\u8F91\uFF08\u8C03\u7528\u8D2D\u7269\u8F66 API\uFF09\n * - \u5E93\u5B58\u68C0\u67E5\u540E\u5C06 quantityAvailable \u4F20\u5165\n */\nconst AccessoryProductCard = React.forwardRef<HTMLDivElement, AccessoryProductCardProps>(\n  (\n    {\n      product,\n      addedQuantity = 0,\n      maxQuantity,\n      isLoading = false,\n      showTags = true,\n      showOriginalPrice = false,\n      showDiscountPrice = true,\n      showMemberPrice = true,\n      onProductClick,\n      onAddToCart,\n      className,\n      classNames,\n      copy,\n    },\n    ref\n  ) => {\n    // \u5E93\u5B58\u9650\u5236\uFF1A\u4F18\u5148\u53D6 maxQuantity\uFF0C\u5176\u6B21\u53D6 product.quantityAvailable\n    const resolvedMax = maxQuantity ?? product.quantityAvailable ?? undefined\n    const isUnavailable = !product.availableForSale\n    const isAtLimit = !isUnavailable && resolvedMax != null && addedQuantity >= resolvedMax\n    const isDisabled = isUnavailable || isAtLimit\n    const isAdded = addedQuantity > 0\n\n    // \u6587\u6848\n    const addLabel = copy?.addLabel ?? 'Add'\n    const addedLabel = copy?.addedLabel ?? 'in Cart'\n    const unavailableLabel = copy?.unavailableLabel ?? 'Unavailable'\n    const memberPriceLabel = copy?.memberPriceLabel ?? 'Member price'\n    const plusMemberPriceLabel = copy?.plusMemberPriceLabel ?? 'Plus member price'\n\n    const buttonLabel = isUnavailable ? unavailableLabel : isAdded ? `${addedQuantity} ${addedLabel}` : addLabel\n\n    const memberLabel = product.memberPriceType === 'plus-member' ? plusMemberPriceLabel : memberPriceLabel\n\n    const displayTitle = product.custom_name || product.name\n    const displayDescription = product.custom_description || product.description\n    const displayImage = product.image\n\n    return (\n      <Card\n        ref={ref}\n        className={cn(\n          'rounded-card desktop:p-6 group flex flex-col border-none p-4',\n          'bg-container-primary transition-colors duration-200',\n          'hover:bg-white',\n          isAdded && 'bg-white',\n          className,\n          classNames?.root\n        )}\n      >\n        <CardContent className=\"flex flex-1 flex-col gap-3 p-0\">\n          {/* \u4EA7\u54C1\u56FE 1:1 */}\n          <a\n            onClick={onProductClick ? () => onProductClick(product) : undefined}\n            href={!onProductClick && product.listingLink ? product.listingLink : undefined}\n            rel=\"noreferrer\"\n            className={cn(\n              'laptop:size-[196px] mx-auto block size-[138px] overflow-hidden',\n              onProductClick || product.listingLink ? 'cursor-pointer' : 'cursor-default',\n              classNames?.image\n            )}\n            aria-label={displayTitle}\n          >\n            <Picture\n              source={displayImage}\n              alt={displayTitle}\n              className=\"aspect-square w-full mix-blend-multiply\"\n              imgClassName=\"w-full h-full object-contain\"\n            />\n          </a>\n\n          {/* \u5185\u5BB9\u533A */}\n          <div className=\"flex flex-1 flex-col gap-4\">\n            {/* Tags */}\n            {showTags && product.tags && product.tags.length > 0 && (\n              <div className={cn('flex flex-wrap items-center gap-1', classNames?.tags)}>\n                {product.tags.map((tag: any, index) =>\n                  (tag as any)?.label ? (\n                    <Badge\n                      key={index}\n                      size=\"sm\"\n                      variant={(tag.variant as any) || 'outline'}\n                      promotionalType={tag.promotionalType}\n                    >\n                      {tag.label}\n                    </Badge>\n                  ) : (\n                    React.isValidElement(tag) && <React.Fragment key={index}>{tag}</React.Fragment>\n                  )\n                )}\n              </div>\n            )}\n\n            {/* \u6807\u9898 + \u63CF\u8FF0 */}\n            <div className=\"flex flex-col gap-1\">\n              <Heading\n                as=\"h2\"\n                className={cn(\n                  'lg-desktop:text-[18px] text-info-primary line-clamp-3 text-[16px] font-bold leading-[1.2] tracking-[-0.64px]',\n                  classNames?.title\n                )}\n              >\n                {displayTitle}\n              </Heading>\n              {displayDescription && (\n                <Text\n                  as=\"p\"\n                  className={cn(\n                    'lg-desktop:text-[18px] text-info-bold line-clamp-2 text-[14px] font-bold leading-[1.4] tracking-[-0.28px]',\n                    classNames?.description\n                  )}\n                >\n                  {displayDescription}\n                </Text>\n              )}\n            </div>\n\n            {/* \u4EF7\u683C + \u6309\u94AE */}\n            <div className={cn('mt-auto flex flex-col gap-2', classNames?.priceArea)}>\n              <div>\n                {/* \u73B0\u4EF7 + \u539F\u4EF7\uFF08\u5220\u9664\u7EBF\uFF09 */}\n                <div className=\"flex flex-wrap items-baseline gap-1\">\n                  {isUnavailable ? (\n                    <Text\n                      as=\"p\"\n                      className={cn(\n                        'lg-desktop:text-[24px] text-info-tertiary text-[20px] font-bold leading-[1.2] tracking-[-0.8px]',\n                        classNames?.currentPrice\n                      )}\n                    >\n                      {copy?.outOfStockLabel ?? 'Sold Out'}\n                    </Text>\n                  ) : (\n                    <>\n                      <Text\n                        as=\"p\"\n                        className={cn(\n                          'lg-desktop:text-[24px] text-info-primary text-[20px] font-bold leading-[1.2] tracking-[-0.8px]',\n                          classNames?.currentPrice\n                        )}\n                      >\n                        {product.price}\n                      </Text>\n                      {showDiscountPrice && product.discountPrice && (\n                        <Text\n                          as=\"p\"\n                          className={cn(\n                            'text-brand-0 lg-desktop:text-[24px] text-[20px] font-bold leading-tight tracking-[-0.32px]',\n                            classNames?.discountPrice\n                          )}\n                        >\n                          {product.discountPrice}\n                        </Text>\n                      )}\n                      {(!showDiscountPrice || !product.discountPrice) && showOriginalPrice && product.originalPrice && (\n                        <Text\n                          as=\"p\"\n                          className={cn(\n                            'text-info-tertiary lg-desktop:text-[24px] text-[20px] font-bold leading-tight tracking-[-0.32px] line-through',\n                            classNames?.originalPrice\n                          )}\n                        >\n                          {product.originalPrice}\n                        </Text>\n                      )}\n                    </>\n                  )}\n                </div>\n\n                {/* \u4F1A\u5458\u4EF7\u5C0F\u5B57 */}\n                {showMemberPrice && !isUnavailable && product.memberPriceNote && (\n                  <Text\n                    as=\"p\"\n                    className={cn(\n                      'lg-desktop:text-[18px] text-marketing-1 text-[14px] font-bold leading-tight tracking-[-0.24px]',\n                      classNames?.memberPriceNote\n                    )}\n                  >\n                    {memberLabel} <span className=\"text-marketing-1\">{product.memberPriceNote}</span>\n                  </Text>\n                )}\n              </div>\n\n              {/* \u52A0\u8D2D\u6309\u94AE\uFF08\u5355\u4E00\uFF09 */}\n              <div className={cn(classNames?.buttonGroup)}>\n                <Button\n                  variant=\"primary\"\n                  size=\"lg\"\n                  loading={isLoading}\n                  disabled={isDisabled && !isLoading}\n                  onClick={() => onAddToCart?.(product)}\n                  className={cn('w-full', classNames?.addButton)}\n                  data-headless-type-name=\"AccessoryShelf#ProductCard\"\n                  data-headless-sku={product.sku}\n                  data-headless-title-desc-button={`${displayTitle}#${displayDescription ?? ''}#${buttonLabel}`}\n                >\n                  {buttonLabel}\n                </Button>\n              </div>\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n    )\n  }\n)\n\nAccessoryProductCard.displayName = 'AccessoryShelf.ProductCard'\n\nexport { AccessoryProductCard }\nexport default AccessoryProductCard\n"],
-  "mappings": "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",
-  "names": ["ProductCard_exports", "__export", "AccessoryProductCard", "ProductCard_default", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "import_components", "product", "addedQuantity", "maxQuantity", "isLoading", "showTags", "showOriginalPrice", "showDiscountPrice", "showMemberPrice", "onProductClick", "onAddToCart", "className", "classNames", "copy", "ref", "resolvedMax", "isUnavailable", "isAtLimit", "isDisabled", "isAdded", "addLabel", "addedLabel", "unavailableLabel", "memberPriceLabel", "plusMemberPriceLabel", "buttonLabel", "memberLabel", "displayTitle", "displayDescription", "displayImage", "tag", "index"]
-}

package/dist/cjs/biz-components/AccessoriesShelf/components/AccessoryShelf/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/biz-components/AccessoriesShelf/components/AccessoryShelf/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../../../helpers/index.js'\nimport { withLayout } from '../../../../shared/Styles.js'\nimport AccessoryProductCard from './ProductCard.js'\nimport type { AccessoryProductData, AccessoryCardSemanticName, AccessoryCopyConfig } from './types.js'\n\nexport type { AccessoryProductData, AccessoryCardSemanticName, AccessoryCopyConfig }\nexport type { AccessoryProductCardProps } from './ProductCard.js'\n\nexport interface AccessoryShelfProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * \u4EA7\u54C1\u5361\u7247\u533A\u57DF \u2014 \u4E1A\u52A1\u7AEF\u81EA\u884C\u7EC4\u5408\u5E03\u5C40\u5BB9\u5668 + AccessoryShelf.ProductCard\n   *\n   * @example \u642D\u914D AccessoriesProductGrid\n   * ```tsx\n   * <AccessoryShelf data={{ title: 'Add-ons' }}>\n   *   <AccessoriesProductGrid maxVisible={8} showMoreText=\"Show more\" showLessText=\"Show less\">\n   *     {products.map(p => (\n   *       <AccessoryShelf.ProductCard\n   *         key={p.sku}\n   *         product={p}\n   *         addedQuantity={quantities[p.sku]}\n   *         isLoading={loadingSkus.has(p.sku)}\n   *         onAddToCart={handleAddToCart}\n   *       />\n   *     ))}\n   *   </AccessoriesProductGrid>\n   * </AccessoryShelf>\n   * ```\n   */\n  children: React.ReactNode\n  /** \u8BED\u4E49\u5316\u7C7B\u540D\u8986\u76D6\uFF08\u4EC5 root/title/description \u6709\u6548\uFF09 */\n  classNames?: Partial<Record<'root' | 'title' | 'description', string>>\n}\n\nexport interface AccessoryShelfComponent extends React.ForwardRefExoticComponent<\n  AccessoryShelfProps & React.RefAttributes<HTMLDivElement>\n> {\n  /** \u914D\u4EF6\u5361\u7247\u5B50\u7EC4\u4EF6\uFF0C\u4E1A\u52A1\u7AEF\u5728 children \u4E2D\u76F4\u63A5\u4F7F\u7528 */\n  ProductCard: typeof AccessoryProductCard\n}\n\nconst AccessoryShelf = React.forwardRef<HTMLDivElement, AccessoryShelfProps>(\n  ({ className, children, classNames, ...props }, ref) => {\n    const boxRef = React.useRef<HTMLDivElement>(null)\n\n    React.useImperativeHandle(ref, () => boxRef.current as HTMLDivElement)\n\n    return (\n      <div ref={boxRef} className={cn('w-full', className, classNames?.root)} {...props}>\n        {children}\n      </div>\n    )\n  }\n)\n\nAccessoryShelf.displayName = 'AccessoryShelf'\n\n// \u590D\u5408\u7EC4\u4EF6\uFF1AAccessoryShelf.ProductCard \u53EF\u76F4\u63A5\u4F7F\u7528\nconst AccessoryShelfWithProductCard = AccessoryShelf as AccessoryShelfComponent\nAccessoryShelfWithProductCard.ProductCard = AccessoryProductCard\n\nexport { AccessoryProductCard }\nexport default withLayout(AccessoryShelfWithProductCard)\n"],
-  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,4BAAAE,QAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAmDM,IAAAK,EAAA,6BAjDNC,EAAuB,oBACvBC,EAAmB,wCACnBC,EAA2B,wCAC3BC,EAAiC,+BAuCjC,MAAMC,EAAiBJ,EAAM,WAC3B,CAAC,CAAE,UAAAK,EAAW,SAAAC,EAAU,WAAAC,EAAY,GAAGC,CAAM,EAAGC,IAAQ,CACtD,MAAMC,EAASV,EAAM,OAAuB,IAAI,EAEhD,OAAAA,EAAM,oBAAoBS,EAAK,IAAMC,EAAO,OAAyB,KAGnE,OAAC,OAAI,IAAKA,EAAQ,aAAW,MAAG,SAAUL,EAAWE,GAAY,IAAI,EAAI,GAAGC,EACzE,SAAAF,EACH,CAEJ,CACF,EAEAF,EAAe,YAAc,iBAG7B,MAAMO,EAAgCP,EACtCO,EAA8B,YAAc,EAAAf,QAG5C,IAAOC,KAAQ,cAAWc,CAA6B",
-  "names": ["AccessoryShelf_exports", "__export", "AccessoryProductCard", "AccessoryShelf_default", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "import_Styles", "import_ProductCard", "AccessoryShelf", "className", "children", "classNames", "props", "ref", "boxRef", "AccessoryShelfWithProductCard"]
-}

package/dist/cjs/biz-components/AccessoriesShelf/components/AccessoryShelf/types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/biz-components/AccessoriesShelf/components/AccessoryShelf/types.ts"],
-  "sourcesContent": ["import type React from 'react'\nimport type { BadgeProps } from '../../../../components/badge.js'\n\n/**\n * \u8BED\u4E49\u5316\u7C7B\u540D\n */\nexport type AccessoryCardSemanticName =\n  | 'root'\n  | 'image'\n  | 'tags'\n  | 'title'\n  | 'description'\n  | 'priceArea'\n  | 'currentPrice'\n  | 'originalPrice'\n  | 'discountPrice'\n  | 'memberPriceNote'\n  | 'buttonGroup'\n  | 'addButton'\n\n/**\n * \u6587\u6848\u914D\u7F6E\n */\nexport interface AccessoryCopyConfig {\n  /** \u552E\u7F44\u6587\u6848\uFF0C\u9ED8\u8BA4 \"Sold Out\" */\n  outOfStockLabel?: string\n  /** \u52A0\u8D2D\u6309\u94AE\u6587\u6848\uFF0C\u9ED8\u8BA4 \"Add\" */\n  addLabel?: string\n  /** \u5DF2\u52A0\u8D2D\u6309\u94AE\u6587\u6848\u524D\u7F00\uFF0C\u9ED8\u8BA4 \"Added\"\uFF0C\u6700\u7EC8\u663E\u793A\u4E3A \"Added (n)\" */\n  addedLabel?: string\n  /** \u4E0D\u53EF\u7528\u6309\u94AE\u6587\u6848\uFF0C\u9ED8\u8BA4 \"Unavailable\" */\n  unavailableLabel?: string\n  /** \u4F1A\u5458\u4EF7\u6807\u7B7E\u6587\u672C\uFF0C\u9ED8\u8BA4 \"Member price\" */\n  memberPriceLabel?: string\n  /** Plus \u4F1A\u5458\u4EF7\u6807\u7B7E\u6587\u672C\uFF0C\u9ED8\u8BA4 \"Plus member price\" */\n  plusMemberPriceLabel?: string\n}\n\n/**\n * \u4EA7\u54C1\u6570\u636E\u63A5\u53E3\uFF08UI \u5C42\uFF0C\u4EF7\u683C\u5DF2\u683C\u5F0F\u5316\u4E3A\u5B57\u7B26\u4E32\uFF09\n * \u4E1A\u52A1\u7AEF\u8D1F\u8D23\u4ECE API \u83B7\u53D6\u5E76\u8F6C\u6362\u540E\u4F20\u5165\n */\nexport interface AccessoryProductData {\n  /** SKU \u552F\u4E00\u6807\u8BC6 */\n  sku: string\n  /** \u4EA7\u54C1\u540D\u79F0 */\n  name: string\n  /** \u4EA7\u54C1\u4E3B\u56FE URL */\n  image: string\n  /** \u81EA\u5B9A\u4E49\u56FE\u7247 URL\uFF08\u8986\u76D6 image\uFF09 */\n  custom_image?: string\n  /** \u4EA7\u54C1 handle */\n  handle: string\n  /** Shopify ID */\n  shopify_id?: string\n  /** \u4EA7\u54C1\u94FE\u63A5 */\n  listingLink?: string\n  /** \u81EA\u5B9A\u4E49\u540D\u79F0\uFF08\u8986\u76D6 name\uFF09 */\n  custom_name?: string\n  /** \u81EA\u5B9A\u4E49\u63CF\u8FF0\uFF08\u8986\u76D6 description\uFF09 */\n  custom_description?: string\n  /** \u4EA7\u54C1\u63CF\u8FF0 */\n  description?: string\n  /** \u73B0\u4EF7\uFF08\u5DF2\u683C\u5F0F\u5316\uFF0C\u5982 \"$49.99\"\uFF09 */\n  price: string\n  /** \u539F\u4EF7\uFF08\u5DF2\u683C\u5F0F\u5316\uFF0C\u6709\u5219\u663E\u793A\u5220\u9664\u7EBF\uFF09\uFF0C\u4F18\u5148\u7EA7\u4F4E\u4E8E discountPrice */\n  originalPrice?: string\n  /** \u6298\u6263\u91D1\u989D\uFF08\u5DF2\u683C\u5F0F\u5316\uFF0C\u5982 \"-$10.00\"\uFF09\uFF0C\u663E\u793A\u5728\u73B0\u4EF7\u65C1\u8FB9\uFF0C\u54C1\u724C\u8272\u3001\u65E0\u5220\u9664\u7EBF */\n  discountPrice?: string\n  /**\n   * \u4F1A\u5458\u4EF7\u63D0\u793A\uFF08\u5DF2\u683C\u5F0F\u5316\uFF0C\u5982 \"$42.49\"\uFF09\n   * \u663E\u793A\u5728\u73B0\u4EF7\u4E0B\u65B9\u5C0F\u5B57\uFF0C\u914D\u5408 memberPriceType \u51B3\u5B9A\u6807\u7B7E\u989C\u8272\n   */\n  memberPriceNote?: string\n  /** \u4F1A\u5458\u4EF7\u7C7B\u578B\uFF0C\u51B3\u5B9A\u6807\u7B7E\u6587\u6848\u548C\u989C\u8272 */\n  memberPriceType?: 'member' | 'plus-member'\n  /** \u662F\u5426\u53EF\u552E */\n  availableForSale: boolean\n  /**\n   * \u53EF\u7528\u5E93\u5B58\u4E0A\u9650\uFF08\u7528\u4E8E\u9650\u5236\u52A0\u8D2D\u6570\u91CF\uFF09\n   * \u4E1A\u52A1\u7AEF\u4ECE\u5E93\u5B58 API \u83B7\u53D6\u540E\u4F20\u5165\uFF0C\u7EC4\u4EF6\u53EA\u7528\u4E8E\u5224\u65AD\u662F\u5426\u8FBE\u5230\u4E0A\u9650\n   */\n  quantityAvailable?: number | null\n  /** tags \u5217\u8868 */\n  tags?: Array<\n    | {\n        label: string\n        variant: BadgeProps['variant']\n        promotionalType?: BadgeProps['promotionalType']\n      }\n    | React.ReactNode\n  >\n}\n\n/**\n * AccessoryProductCard Props\n * \u6240\u6709\u4E1A\u52A1\u72B6\u6001\uFF08addedQuantity\u3001isLoading \u7B49\uFF09\u7531\u4E1A\u52A1\u7AEF\u7EF4\u62A4\u5E76\u4F20\u5165\n */\nexport interface AccessoryProductCardProps {\n  /** \u4EA7\u54C1\u6570\u636E */\n  product: AccessoryProductData\n  /** \u5DF2\u52A0\u8D2D\u6570\u91CF\uFF08\u4E1A\u52A1\u7AEF\u7EF4\u62A4\uFF09 */\n  addedQuantity?: number\n  /** \u6700\u5927\u53EF\u52A0\u8D2D\u6570\u91CF\uFF08undefined \u5219\u4E0D\u9650\u5236\uFF09 */\n  maxQuantity?: number\n  /** \u52A0\u8D2D loading \u72B6\u6001\uFF08\u4E1A\u52A1\u7AEF\u7EF4\u62A4\uFF09 */\n  isLoading?: boolean\n  /** \u662F\u5426\u663E\u793A tags */\n  showTags?: boolean\n  /** \u662F\u5426\u663E\u793A\u539F\u4EF7\uFF08\u5220\u9664\u7EBF\uFF09 */\n  showOriginalPrice?: boolean\n  /** \u662F\u5426\u663E\u793A\u6298\u6263\u91D1\u989D\uFF08\u54C1\u724C\u8272\uFF0C\u65E0\u5220\u9664\u7EBF\uFF0C\u4F18\u5148\u7EA7\u9AD8\u4E8E showOriginalPrice\uFF09 */\n  showDiscountPrice?: boolean\n  /** \u662F\u5426\u663E\u793A\u4F1A\u5458\u4EF7\u5C0F\u5B57 */\n  showMemberPrice?: boolean\n  /** \u70B9\u51FB\u4EA7\u54C1\u56FE/\u6807\u9898\u56DE\u8C03\uFF08\u4E0D\u4F20\u5219\u964D\u7EA7\u4E3A listingLink href\uFF09 */\n  onProductClick?: (product: AccessoryProductData) => void\n  /** \u70B9\u51FB\u52A0\u8D2D\u6309\u94AE\u56DE\u8C03 */\n  onAddToCart?: (product: AccessoryProductData) => void\n  /** \u6837\u5F0F\u7C7B\u540D */\n  className?: string\n  /** \u8BED\u4E49\u5316\u7C7B\u540D\u8986\u76D6 */\n  classNames?: Partial<Record<AccessoryCardSemanticName, string>>\n  /** \u6587\u6848\u914D\u7F6E */\n  copy?: AccessoryCopyConfig\n}\n"],
-  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
-  "names": ["types_exports", "__toCommonJS"]
-}

package/dist/cjs/biz-components/AccessoriesShelf/components/AddToCartSuccessPopover/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/biz-components/AccessoriesShelf/components/AddToCartSuccessPopover/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { useRef } from 'react'\nimport { cn } from '../../../../helpers/index.js'\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverAnchor,\n  PopoverContent,\n  PopoverClose,\n  PopoverArrow,\n  Button,\n  Text,\n  Heading,\n  Picture,\n} from '../../../../components/index.js'\nimport { useExposure } from '../../../../hooks/useExposure.js'\nimport { gaTrack } from '../../../../shared/track.js'\nimport type { AccessoryProductData } from '../AccessoryShelf/types.js'\nimport { useAiuiContext } from '../../../AiuiProvider/index.js'\n\nconst componentType = 'popover'\nconst componentName = 'add_to_cart_success_popover'\n\nexport type { AccessoryProductData }\n\n/**\n * \u8BED\u4E49\u5316\u7C7B\u540D\n */\nexport type AddToCartSuccessSemanticName =\n  | 'root'\n  | 'arrow'\n  | 'closeButton'\n  | 'header'\n  | 'successIcon'\n  | 'successTitle'\n  | 'productRow'\n  | 'productImage'\n  | 'productInfo'\n  | 'productTitle'\n  | 'productVariant'\n  | 'priceRow'\n  | 'currentPrice'\n  | 'originalPrice'\n  | 'quantity'\n  | 'cartCountText'\n  | 'viewCartButton'\n\n/**\n * \u6587\u6848\u914D\u7F6E\n */\nexport interface AddToCartSuccessCopyConfig {\n  /** \u6210\u529F\u63D0\u793A\u6807\u9898\uFF0C\u9ED8\u8BA4 \"Successfully added to cart!\" */\n  successTitle?: string\n  /** \u8D2D\u7269\u8F66\u5546\u54C1\u603B\u6570\u6587\u6848\uFF0C{count} \u4F1A\u88AB\u66FF\u6362\u4E3A\u603B\u6570\u91CF\uFF0C\u9ED8\u8BA4 \"There are {count} items in the shopping cart.\" */\n  cartCountText?: string\n  /** \u67E5\u770B\u8D2D\u7269\u8F66\u6309\u94AE\u6587\u6848\uFF0C\u9ED8\u8BA4 \"View Cart\" */\n  viewCartLabel?: string\n  /** \u5173\u95ED\u6309\u94AE\u65E0\u969C\u788D\u6807\u7B7E\uFF0C\u9ED8\u8BA4 \"Close\" */\n  closeLabel?: string\n  /** \u6570\u91CF\u524D\u7F00\u7B26\u53F7\uFF0C\u9ED8\u8BA4 \"x\"\uFF0C\u6700\u7EC8\u5C55\u793A\u4E3A \"x1\" */\n  quantityPrefix?: string\n}\n\nexport interface AddToCartSuccessPopoverProps {\n  /**\n   * \u5F39\u7A97\u89E6\u53D1\u5668\uFF0C\u901A\u5E38\u662F\u8D2D\u7269\u8F66\u56FE\u6807\u6309\u94AE\uFF0C\u5185\u90E8\u4F7F\u7528 asChild \u5305\u88F9\u3002\n   * \u5F53\u63D0\u4F9B triggerRef \u65F6\u53EF\u4E3A\u7A7A\uFF08\u6B64\u65F6 Popover \u951A\u5B9A\u5230\u5916\u90E8 DOM \u5143\u7D20\uFF09\u3002\n   */\n  children?: React.ReactNode\n  /**\n   * \u5916\u90E8\u951A\u70B9\u5143\u7D20 ref\uFF0C\u7528\u4E8E\u5C06 Popover \u951A\u5B9A\u5230\u9875\u9762\u4E0A\u5DF2\u6709\u7684\u5143\u7D20\uFF08\u5982\u5BFC\u822A\u680F\u4E2D\u7684\u8D2D\u7269\u8F66\u56FE\u6807\uFF09\uFF0C\n   * \u65E0\u9700\u5305\u88F9\u8BE5\u5143\u7D20\u4F5C\u4E3A children\u3002\u4F20\u5165\u540E children \u53EF\u7701\u7565\uFF0C\u5185\u90E8\u4F7F\u7528 PopoverAnchor + virtualRef \u5B9E\u73B0\u3002\n   * \u6CE8\u610F\uFF1A\u4EC5\u5728 children \u672A\u63D0\u4F9B\u65F6\u751F\u6548\uFF1B\u5982\u679C\u540C\u65F6\u63D0\u4F9B children \u548C triggerRef\uFF0Cchildren \u4F18\u5148\u3002\n   */\n  triggerRef?: React.RefObject<HTMLElement>\n  /** \u53D7\u63A7\u5C55\u793A\u72B6\u6001 */\n  open?: boolean\n  /** \u975E\u53D7\u63A7\u9ED8\u8BA4\u5C55\u793A\u72B6\u6001 */\n  defaultOpen?: boolean\n  /** \u5C55\u793A\u72B6\u6001\u53D8\u5316\u56DE\u8C03 */\n  onOpenChange?: (open: boolean) => void\n  /** \u521A\u52A0\u8D2D\u7684\u5546\u54C1\u6570\u636E\uFF08\u590D\u7528 AccessoryShelf \u7684 AccessoryProductData\uFF09 */\n  product: AccessoryProductData\n  /** \u5546\u54C1\u53C2\u6570\u5217\u8868\uFF0C\u5982\u989C\u8272/\u8D60\u54C1\uFF0C\u6E32\u67D3\u4E3A \"Color: Classic Black \u00B7 Gift: 1\" */\n  paramList?: { label: string; value: string }[]\n  /** \u662F\u5426\u5C55\u793A\u539F\u4EF7\uFF08\u5220\u9664\u7EBF\uFF09\uFF0C\u9ED8\u8BA4 true\uFF08\u5F53 product.originalPrice \u5B58\u5728\u65F6\uFF09 */\n  showOriginalPrice?: boolean\n  /** \u672C\u6B21\u52A0\u8D2D\u6570\u91CF\uFF0C\u7528\u4E8E\u5C55\u793A \"x1\"\uFF0C\u9ED8\u8BA4 1 */\n  quantity?: number\n  /** \u8D2D\u7269\u8F66\u5546\u54C1\u603B\u6570\uFF0C\u7528\u4E8E\u5E95\u90E8\u6587\u6848\u63D2\u503C\uFF1B\u4E0D\u4F20\u5219\u56DE\u9000\u4E3A quantity */\n  cartTotalCount?: number\n  /** \u70B9\u51FB \"View Cart\" \u6309\u94AE\u56DE\u8C03 */\n  onViewCart?: () => void\n  /** \u6587\u6848\u914D\u7F6E */\n  copy?: AddToCartSuccessCopyConfig\n  /**\n   * \u81EA\u52A8\u5173\u95ED\u5EF6\u65F6\uFF08\u6BEB\u79D2\uFF09\uFF0C\u8BBE\u4E3A 0 \u6216 null \u5219\u7981\u7528\u81EA\u52A8\u5173\u95ED\u3002\n   * \u9ED8\u8BA4 8000\uFF088\u79D2\uFF09\uFF0C\u7528\u6237\u65E0\u4EFB\u4F55\u64CD\u4F5C\u65F6\u81EA\u52A8\u9690\u85CF\u3002\n   */\n  autoCloseDuration?: number | null\n  /** Popover \u5BF9\u9F50\u65B9\u5F0F\uFF0C\u9ED8\u8BA4 center\uFF08\u5C45\u4E2D\u4E8E\u89E6\u53D1\u5668\uFF09\uFF0C\u79FB\u52A8\u7AEF\u81EA\u52A8\u5C45\u4E2D\u4E8E\u5C4F\u5E55 */\n  align?: 'start' | 'center' | 'end'\n  /** Popover \u5F39\u51FA\u65B9\u5411\uFF0C\u9ED8\u8BA4 bottom */\n  side?: 'top' | 'right' | 'bottom' | 'left'\n  /** \u8DDD\u79BB\u89E6\u53D1\u5668\u7684\u504F\u79FB\u91CF\uFF0C\u9ED8\u8BA4 12 */\n  sideOffset?: number\n  /** \u6839\u5143\u7D20\u7C7B\u540D */\n  className?: string\n  /** \u8BED\u4E49\u5316\u7C7B\u540D\u8986\u76D6 */\n  classNames?: Partial<Record<AddToCartSuccessSemanticName, string>>\n}\n\nconst CheckIcon = ({ className }: { className?: string }) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"20\"\n    height=\"20\"\n    viewBox=\"0 0 20 20\"\n    fill=\"none\"\n    className={className}\n    aria-hidden\n  >\n    <circle cx=\"10\" cy=\"10\" r=\"8.75\" fill=\"#30D158\" />\n    <path\n      d=\"M5.8335 9.58333L9.16683 12.5L14.1668 7.5\"\n      stroke=\"white\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n)\n\nconst CloseIcon = (props: React.ComponentPropsWithoutRef<'svg'>) => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" {...props}>\n    <path\n      d=\"M4.69617 4.69673C5.02156 4.37125 5.54924 4.3713 5.87468 4.69673L9.99947 8.82152L14.1243 4.69673C14.4497 4.37129 14.9774 4.37125 15.3028 4.69673C15.6281 5.02219 15.6281 5.5498 15.3028 5.87524L11.178 10L15.3028 14.1248C15.6281 14.4503 15.6281 14.9779 15.3028 15.3033C14.9774 15.6288 14.4497 15.6288 14.1243 15.3033L9.99947 11.1785L5.87468 15.3033C5.54924 15.6288 5.02156 15.6288 4.69617 15.3033C4.3708 14.9779 4.37081 14.4503 4.69617 14.1248L8.82096 10L4.69617 5.87524C4.37081 5.5498 4.3708 5.02219 4.69617 4.69673Z\"\n      fill=\"#080A0F\"\n    />\n  </svg>\n)\n\n/**\n * AddToCartSuccessPopover - \u52A0\u8D2D\u6210\u529F\u60AC\u6D6E\u63D0\u793A\n *\n * @description \u7528\u6237\u70B9\u51FB\u52A0\u8D2D\u540E\uFF0C\u951A\u5B9A\u5728\u89E6\u53D1\u5668\uFF08\u5982\u8D2D\u7269\u8F66\u56FE\u6807\uFF09\u4E0B\u65B9\u5C55\u793A\u7684\u975E\u6A21\u6001\u60AC\u6D6E\u63D0\u793A\uFF0C\n * \u5C55\u793A\u6210\u529F\u63D0\u793A\u3001\u5546\u54C1\u4FE1\u606F\u3001\u8D2D\u7269\u8F66\u603B\u6570\u53CA\"\u67E5\u770B\u8D2D\u7269\u8F66\"\u5165\u53E3\u3002\n */\nconst AddToCartSuccessPopover = React.forwardRef<HTMLDivElement, AddToCartSuccessPopoverProps>(\n  (\n    {\n      children,\n      triggerRef,\n      open: controlledOpen,\n      defaultOpen,\n      onOpenChange,\n      product,\n      paramList,\n      showOriginalPrice = true,\n      quantity = 1,\n      cartTotalCount,\n      onViewCart,\n      copy,\n      autoCloseDuration = 8000,\n      align = 'center',\n      side = 'bottom',\n      sideOffset = 12,\n      className,\n      classNames,\n    },\n    ref\n  ) => {\n    const { trackingData } = useAiuiContext()\n    const [internalOpen, setInternalOpen] = React.useState(defaultOpen ?? false)\n    const isControlled = controlledOpen !== undefined\n    const isOpen = isControlled ? controlledOpen : internalOpen\n\n    const handleOpenChange = React.useCallback(\n      (nextOpen: boolean) => {\n        if (!isControlled) setInternalOpen(nextOpen)\n        onOpenChange?.(nextOpen)\n      },\n      [isControlled, onOpenChange]\n    )\n\n    // \u81EA\u52A8\u5173\u95ED\u8BA1\u65F6\u5668\n    React.useEffect(() => {\n      if (!isOpen || autoCloseDuration == null || autoCloseDuration <= 0) return\n      const timer = setTimeout(() => handleOpenChange(false), autoCloseDuration)\n      return () => clearTimeout(timer)\n    }, [isOpen, autoCloseDuration, handleOpenChange])\n\n    const successTitle = copy?.successTitle ?? 'Successfully added to cart!'\n    const cartCountTemplate = copy?.cartCountText ?? 'There are {count} items in the shopping cart.'\n    const viewCartLabel = copy?.viewCartLabel ?? 'View Cart'\n    const closeLabel = copy?.closeLabel ?? 'Close'\n    const quantityPrefix = copy?.quantityPrefix ?? 'x'\n\n    const cartCountText = cartCountTemplate.replace('{count}', String(cartTotalCount ?? quantity))\n    const displayTitle = product.custom_name || product.name\n    const displayImage = product.custom_image || product.image\n\n    const boxRef = useRef<HTMLDivElement>(null)\n\n    useExposure(boxRef, {\n      componentType,\n      componentName,\n      componentTitle: successTitle,\n      componentDescription: cartCountText,\n    })\n\n    React.useImperativeHandle(ref, () => boxRef.current as HTMLDivElement)\n\n    // virtualRef \u9002\u914D\uFF1A\u521B\u5EFA\u5305\u542B contextElement \u7684\u865A\u62DF\u5143\u7D20\uFF0C\n    // \u786E\u4FDD Floating UI \u80FD\u6B63\u786E\u8FFD\u8E2A\u951A\u70B9\u7684\u6EDA\u52A8\u548C\u4F4D\u7F6E\u53D8\u5316\u3002\n    // getBoundingClientRect \u4F1A\u5C06\u951A\u70B9\u4F4D\u7F6E\u5939\u6301\u5728\u89C6\u53E3\u5185\uFF0C\u4FDD\u8BC1\u5F39\u7A97\u5728\u951A\u70B9\u6EDA\u51FA\u5C4F\u5E55\u540E\u4ECD\u53EF\u89C1\u3002\n    const virtualRef = React.useMemo(() => {\n      if (!triggerRef) return undefined\n\n      return {\n        current: {\n          getBoundingClientRect: () => {\n            const el = triggerRef.current\n            const rect = el?.getBoundingClientRect() ?? new DOMRect()\n            const vw = window.innerWidth\n            const vh = window.innerHeight\n            const pad = 16\n\n            // \u951A\u70B9\u5728\u89C6\u53E3\u4E0A\u65B9\uFF08\u5411\u4E0A\u6EDA\u51FA\uFF09\n            if (rect.bottom <= pad) {\n              return new DOMRect(Math.max(pad, Math.min(rect.left, vw - pad - rect.width)), pad, rect.width || 0, 0)\n            }\n            // \u951A\u70B9\u5728\u89C6\u53E3\u4E0B\u65B9\uFF08\u5411\u4E0B\u6EDA\u51FA\uFF09\n            if (rect.top >= vh - pad) {\n              return new DOMRect(\n                Math.max(pad, Math.min(rect.left, vw - pad - rect.width)),\n                vh - pad,\n                rect.width || 0,\n                0\n              )\n            }\n            return rect\n          },\n          contextElement: triggerRef.current || undefined,\n        },\n      } as React.RefObject<{ getBoundingClientRect(): DOMRect; contextElement?: HTMLElement }>\n    }, [triggerRef])\n\n    const trigger =\n      children != null ? (\n        <PopoverTrigger asChild>{children}</PopoverTrigger>\n      ) : (\n        triggerRef && <PopoverAnchor virtualRef={virtualRef} />\n      )\n\n    return (\n      <Popover open={isOpen} onOpenChange={handleOpenChange}>\n        {trigger}\n        <PopoverContent\n          ref={boxRef}\n          align={align}\n          side={side}\n          sideOffset={sideOffset}\n          zIndex={101}\n          avoidCollisions\n          collisionPadding={16}\n          className={cn(\n            'rounded-card laptop:w-[420px] laptop:p-6 relative w-[calc(100vw-32px)] max-w-[420px] border-none bg-white p-4 shadow-[0_2px_8px_0_rgba(0,0,0,0.12)] outline-none',\n            className,\n            classNames?.root\n          )}\n        >\n          <PopoverArrow className={cn('drop-shadow-[0_2px_8px_rgba(0,0,0,0.12)]', classNames?.arrow)} />\n\n          <PopoverClose asChild>\n            <button\n              type=\"button\"\n              className={cn(\n                'text-info-tertiary hover:text-info-primary absolute right-4 top-4 transition-colors',\n                classNames?.closeButton\n              )}\n              aria-label={closeLabel}\n              onClick={() => {\n                gaTrack({\n                  event: 'ga4Event',\n                  event_name: 'component_click',\n                  event_parameters: {\n                    page_group: trackingData?.pageGroup || 'Home Page',\n                    component_type: componentType,\n                    component_name: componentName,\n                    component_description: cartCountText,\n                    position: 1,\n                    navigation: 'Close',\n                    component_title: successTitle,\n                    sku: product?.sku,\n                    button_name: 'Close',\n                    creative_id: '',\n                  },\n                })\n              }}\n            >\n              <CloseIcon className=\"laptop:size-6 size-5\" />\n            </button>\n          </PopoverClose>\n\n          <div className={cn('laptop:pt-6 flex items-center gap-1 pr-4 pt-5', classNames?.header)}>\n            <CheckIcon className={cn('laptop:size-6 size-5 shrink-0', classNames?.successIcon)} />\n            <Heading\n              as=\"h3\"\n              size={2}\n              className={cn('text-info-primary laptop:text-2xl text-xl', classNames?.successTitle)}\n            >\n              {successTitle}\n            </Heading>\n          </div>\n\n          <div\n            className={cn(\n              'bg-container-secondary-0 rounded-box-small laptop:mt-4 laptop:p-4 mt-3 flex items-start gap-2 p-3',\n              classNames?.productRow\n            )}\n          >\n            <div\n              className={cn(\n                'laptop:size-16 size-12 shrink-0 overflow-hidden rounded-md mix-blend-multiply',\n                classNames?.productImage\n              )}\n            >\n              <Picture\n                source={displayImage}\n                alt={displayTitle}\n                className=\"size-full\"\n                imgClassName=\"object-contain size-full\"\n              />\n            </div>\n            <div className={cn('flex min-w-0 flex-1 flex-col', classNames?.productInfo)}>\n              <Text\n                as=\"p\"\n                className={cn(\n                  'text-info-primary laptop:text-[14px] line-clamp-2 text-[12px] font-bold leading-[1.2]',\n                  classNames?.productTitle\n                )}\n              >\n                {displayTitle}\n              </Text>\n              {paramList && paramList.length > 0 && (\n                <Text\n                  as=\"p\"\n                  className={cn(\n                    'text-info-tertiary laptop:mt-1 laptop:text-[14px] mt-[2px] text-[12px] font-bold',\n                    classNames?.productVariant\n                  )}\n                >\n                  {paramList.map((p, i) => (\n                    <React.Fragment key={i}>\n                      {i > 0 && ' \u00B7 '}\n                      {p.label}: {p.value}\n                    </React.Fragment>\n                  ))}\n                </Text>\n              )}\n              <div className={cn('mt-1 flex items-center justify-between gap-2', classNames?.priceRow)}>\n                <div className=\"flex items-baseline gap-1\">\n                  <Text as=\"span\" className={cn('text-info-primary text-[14px] font-bold', classNames?.currentPrice)}>\n                    {product.price}\n                  </Text>\n                  {showOriginalPrice && product.originalPrice && (\n                    <Text\n                      as=\"span\"\n                      className={cn('text-info-tertiary text-[14px] font-bold line-through', classNames?.originalPrice)}\n                    >\n                      {product.originalPrice}\n                    </Text>\n                  )}\n                </div>\n                <Text\n                  as=\"span\"\n                  className={cn('text-info-primary shrink-0 text-[14px] font-bold', classNames?.quantity)}\n                >\n                  {quantityPrefix}\n                  {quantity}\n                </Text>\n              </div>\n            </div>\n          </div>\n\n          <Text\n            as=\"p\"\n            className={cn(\n              'text-info-primary laptop:mt-6 laptop:text-[18px] mt-4 text-[14px] font-bold',\n              classNames?.cartCountText\n            )}\n          >\n            {cartCountText}\n          </Text>\n\n          <div className=\"laptop:mt-4 mt-3 flex justify-end\">\n            <Button\n              variant=\"primary\"\n              size=\"lg\"\n              onClick={() => {\n                gaTrack({\n                  event: 'ga4Event',\n                  event_name: 'component_click',\n                  event_parameters: {\n                    component_type: componentType,\n                    component_name: componentName,\n                    button_name: viewCartLabel,\n                    page_group: trackingData?.pageGroup || 'Home Page',\n                    component_description: cartCountText,\n                    position: 1,\n                    navigation: viewCartLabel,\n                    component_title: successTitle,\n                    sku: product?.sku,\n                    creative_id: '',\n                  },\n                })\n                onViewCart?.()\n              }}\n              className={cn('rounded-full', classNames?.viewCartButton)}\n            >\n              {viewCartLabel}\n            </Button>\n          </div>\n        </PopoverContent>\n      </Popover>\n    )\n  }\n)\n\nAddToCartSuccessPopover.displayName = 'AddToCartSuccessPopover'\n\nexport default AddToCartSuccessPopover\nexport { AddToCartSuccessPopover }\n"],
-  "mappings": "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",
-  "names": ["AddToCartSuccessPopover_exports", "__export", "AddToCartSuccessPopover", "AddToCartSuccessPopover_default", "__toCommonJS", "import_jsx_runtime", "React", "import_react", "import_helpers", "import_components", "import_useExposure", "import_track", "import_AiuiProvider", "componentType", "componentName", "CheckIcon", "className", "CloseIcon", "props", "children", "triggerRef", "controlledOpen", "defaultOpen", "onOpenChange", "product", "paramList", "showOriginalPrice", "quantity", "cartTotalCount", "onViewCart", "copy", "autoCloseDuration", "align", "side", "sideOffset", "classNames", "ref", "trackingData", "internalOpen", "setInternalOpen", "isControlled", "isOpen", "handleOpenChange", "nextOpen", "timer", "successTitle", "cartCountTemplate", "viewCartLabel", "closeLabel", "quantityPrefix", "cartCountText", "displayTitle", "displayImage", "boxRef", "virtualRef", "rect", "vw", "vh", "pad", "trigger", "i"]
-}

package/dist/cjs/biz-components/AccessoriesShelf/components/MainProductArea/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/biz-components/AccessoriesShelf/components/MainProductArea/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { useRef } from 'react'\nimport { cn } from '../../../../helpers/index.js'\nimport InputNumber, { type InputNumberProps } from '../../../../components/input-number.js'\nimport { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from '../../../../components/dialog.js'\nimport Button from '../../../../components/button.js'\nimport { Text, Heading, Picture } from '../../../../components/index.js'\nimport { useExposure } from '../../../../hooks/useExposure.js'\nimport type { AccessoryProductData } from '../AccessoryShelf/types.js'\n\nconst componentType = 'product'\nconst componentName = 'main_product_area'\n\nexport interface MainProductAreaProps {\n  productTitle: string\n  variantImage?: { url: string; altText?: string | null } | null\n  paramList?: { label: string; value: string }[]\n  addedItems?: AccessoryProductData[]\n  priceSlot?: React.ReactNode\n  actionSlot?: React.ReactNode\n  onItemQuantityChange?: (item: AccessoryProductData, qty: number) => void\n  onItemRemove?: (item: AccessoryProductData) => void\n  addedItemQuantities?: Record<string, number>\n  className?: string\n}\n\nconst AddedItemRow = ({\n  item,\n  quantity,\n  onQuantityChange,\n  onRemoveClick,\n}: {\n  item: AccessoryProductData\n  quantity: number\n  onQuantityChange: (qty: number) => void\n  onRemoveClick: () => void\n}) => {\n  const handleQuantityChange = (qty: number) => {\n    if (qty < 1) {\n      onRemoveClick()\n    } else {\n      onQuantityChange(qty)\n    }\n  }\n\n  return (\n    <div className=\"flex items-center gap-3\">\n      <div className=\"size-[80px] shrink-0 overflow-hidden rounded-md mix-blend-multiply\">\n        <img src={item.image ?? ''} alt={item.name} className=\"size-full object-contain\" />\n      </div>\n      <div className=\"laptop:gap-2 flex w-full flex-col gap-2\">\n        <div className=\"laptop:flex-row laptop:justify-between flex w-full min-w-0 flex-1 flex-col gap-1\">\n          <Heading\n            size={2}\n            className=\"text-info-primary laptop:text-base line-clamp-2 text-[14px] font-bold leading-[1.2] tracking-[-0.28px]\"\n          >\n            {item.name}\n          </Heading>\n          <div className=\"flex items-center gap-1\">\n            <Text\n              as=\"span\"\n              className=\"text-info-primary laptop:text-base text-[14px] font-bold leading-tight tracking-[-0.28px]\"\n            >\n              {item.price}\n            </Text>\n            <Text\n              as=\"span\"\n              className=\"text-info-tertiary text-[14px] font-bold leading-tight tracking-[-0.28px] line-through\"\n            >\n              {item.originalPrice}\n            </Text>\n          </div>\n        </div>\n        <div className=\"flex shrink-0 flex-row justify-between\">\n          <InputNumber\n            classNames={{\n              root: 'border-lines border-[1px] rounded-lg',\n              inputWrapper: 'mx-0 laptop:w-[40px] size-[28px] laptop:h-[32px]',\n              input: 'border-none',\n              button: 'border-none size-[28px] laptop:size-8',\n            }}\n            value={quantity}\n            min={0}\n            onChange={handleQuantityChange as InputNumberProps['onChange']}\n          />\n          <button\n            onClick={onRemoveClick}\n            className=\"text-info-tertiary laptop:text-base text-[14px] font-bold leading-tight tracking-[-0.28px] underline\"\n          >\n            Remove\n          </button>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nconst MainProductArea = React.forwardRef<HTMLDivElement, MainProductAreaProps>(\n  (\n    {\n      productTitle,\n      variantImage,\n      paramList,\n      addedItems = [],\n      priceSlot,\n      actionSlot,\n      onItemQuantityChange,\n      onItemRemove,\n      addedItemQuantities,\n      className,\n    },\n    ref\n  ) => {\n    const boxRef = useRef<HTMLDivElement>(null)\n\n    useExposure(boxRef, {\n      componentType,\n      componentName,\n      componentTitle: productTitle,\n    })\n\n    React.useImperativeHandle(ref, () => boxRef.current as HTMLDivElement)\n\n    const [quantities, setQuantities] = React.useState<Record<string, number>>(() => addedItemQuantities ?? {})\n    const [pendingRemoveSku, setPendingRemoveSku] = React.useState<string | null>(null)\n\n    React.useEffect(() => {\n      if (addedItemQuantities) {\n        setQuantities(addedItemQuantities)\n      }\n    }, [addedItemQuantities])\n\n    const handleQuantityChange = (item: AccessoryProductData, qty: number) => {\n      setQuantities(prev => ({ ...prev, [item.sku]: qty }))\n      onItemQuantityChange?.(item, qty)\n    }\n\n    const handleRemoveConfirm = () => {\n      if (!pendingRemoveSku) return\n      const item = addedItems.find(i => i.sku === pendingRemoveSku)\n      setPendingRemoveSku(null)\n      if (item) onItemRemove?.(item)\n    }\n\n    const pendingRemoveItem = addedItems.find(i => i.sku === pendingRemoveSku)\n\n    const renderItems = (items: AccessoryProductData[]) =>\n      items.map(item => (\n        <AddedItemRow\n          key={item.sku}\n          item={item}\n          quantity={quantities[item.sku] ?? 1}\n          onQuantityChange={qty => handleQuantityChange(item, qty)}\n          onRemoveClick={() => setPendingRemoveSku(item.sku)}\n        />\n      ))\n\n    return (\n      <div ref={boxRef} className={cn('rounded-card', className)}>\n        <div className=\"laptop:gap-16 laptop:items-center flex items-start gap-2\">\n          <div className=\"laptop:size-[216px] size-[80px] shrink-0 overflow-hidden mix-blend-multiply\">\n            <Picture\n              source={variantImage?.url}\n              alt={variantImage?.altText ?? productTitle}\n              className=\"size-full\"\n              imgClassName=\"object-cover h-full\"\n            />\n          </div>\n\n          <div className=\"flex-1\">\n            <div className=\"laptop:flex-row flex min-w-0 flex-col items-center justify-between gap-4\">\n              <div className=\"flex w-full min-w-0 flex-1 flex-col gap-1\">\n                <Heading as=\"h1\" size={2} className=\"text-info-primary tracking-[-0.8px]\" html={productTitle} />\n                {paramList && paramList.length > 0 && (\n                  <Text\n                    as=\"p\"\n                    className=\"lg-desktop:text-[16px] text-info-tertiary text-[14px] font-bold leading-[1.4] tracking-[-0.28px]\"\n                  >\n                    {paramList.map((p, i) => (\n                      <React.Fragment key={i}>\n                        {i > 0 && ' \u00B7 '}\n                        {p.label}: {p.value}\n                      </React.Fragment>\n                    ))}\n                  </Text>\n                )}\n              </div>\n              <div className=\"laptop:justify-end laptop:flex-row laptop:items-center flex w-full flex-1 shrink-0 flex-col items-start gap-2\">\n                {priceSlot && <div className=\"flex flex-col gap-1\">{priceSlot}</div>}\n                {actionSlot}\n              </div>\n            </div>\n\n            {addedItems.length > 0 && (\n              <div className=\"laptop:block hidden\">\n                <div className=\"bg-lines-1 my-6 h-px\" />\n                <div className=\"flex flex-col gap-4\">{renderItems(addedItems)}</div>\n              </div>\n            )}\n          </div>\n        </div>\n\n        {addedItems.length > 0 && (\n          <div className=\"laptop:hidden\">\n            <div className=\"bg-lines-1 my-8 h-px\" />\n            <div className=\"flex flex-col gap-4\">{renderItems(addedItems)}</div>\n          </div>\n        )}\n\n        <Dialog open={!!pendingRemoveSku} onOpenChange={open => !open && setPendingRemoveSku(null)}>\n          <DialogContent className=\"max-w-sm\">\n            <DialogHeader>\n              <DialogTitle>Remove item?</DialogTitle>\n            </DialogHeader>\n            <Text as=\"p\" className=\"text-info-tertiary text-[14px] leading-[1.4]\">\n              Are you sure you want to remove <span className=\"text-info-primary\">{pendingRemoveItem?.name}</span> from\n              your cart?\n            </Text>\n            <DialogFooter className=\"gap-2\">\n              <Button variant=\"secondary\" size=\"base\" onClick={() => setPendingRemoveSku(null)}>\n                Cancel\n              </Button>\n              <Button variant=\"primary\" size=\"base\" onClick={handleRemoveConfirm}>\n                Remove\n              </Button>\n            </DialogFooter>\n          </DialogContent>\n        </Dialog>\n      </div>\n    )\n  }\n)\n\nMainProductArea.displayName = 'MainProductArea'\n\nexport default MainProductArea\n"],
-  "mappings": "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",
-  "names": ["MainProductArea_exports", "__export", "MainProductArea_default", "__toCommonJS", "import_jsx_runtime", "React", "import_react", "import_helpers", "import_input_number", "import_dialog", "import_button", "import_components", "import_useExposure", "componentType", "componentName", "AddedItemRow", "item", "quantity", "onQuantityChange", "onRemoveClick", "handleQuantityChange", "qty", "InputNumber", "MainProductArea", "productTitle", "variantImage", "paramList", "addedItems", "priceSlot", "actionSlot", "onItemQuantityChange", "onItemRemove", "addedItemQuantities", "className", "ref", "boxRef", "quantities", "setQuantities", "pendingRemoveSku", "setPendingRemoveSku", "prev", "handleRemoveConfirm", "i", "pendingRemoveItem", "renderItems", "items", "p", "open", "Button"]
-}

package/dist/cjs/biz-components/AccessoriesShelf/components/PromoBanner/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/biz-components/AccessoriesShelf/components/PromoBanner/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../../../helpers/index.js'\nimport type { UserType, BannerConfig, BannerAction } from '../../types.js'\nimport { Text } from '../../../../components/index.js'\n\nexport interface PromoBannerProps {\n  userType: UserType\n  configs: Partial<Record<UserType, BannerConfig | null>>\n  onAction?: (action: BannerAction) => void\n  className?: string\n}\n\nconst GuestPromotionalIcon = ({ className }: { className?: string }) => {\n  return (\n    <svg\n      className={className}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"28\"\n      height=\"24\"\n      viewBox=\"0 0 28 24\"\n      fill=\"none\"\n    >\n      <path\n        d=\"M20.3194 0C21.1834 0 21.9923 0.429768 22.479 1.14948L27.5462 8.64391C28.2476 9.68126 28.125 11.0736 27.254 11.9707L16.6544 22.8856C15.2122 24.3702 12.8426 24.3716 11.3981 22.8891L0.748688 11.9602C-0.114133 11.0747 -0.24628 9.7017 0.430898 8.66496L5.31604 1.18456C5.79941 0.444636 6.62004 0 7.49882 0H20.3194Z\"\n        fill=\"#005D8E\"\n      />\n      <path\n        d=\"M19.0076 8.33664C19.4627 7.88876 20.2013 7.88756 20.6574 8.3344C21.1132 8.78154 21.1144 9.50728 20.6596 9.95535L14.8762 15.6466C14.3983 16.1168 13.6232 16.118 13.1443 15.6488L7.34264 9.95759C6.88678 9.51045 6.88556 8.78471 7.34036 8.33664C7.79546 7.88876 8.53413 7.88756 8.99017 8.3344L14.008 13.2555L19.0076 8.33664Z\"\n        fill=\"white\"\n      />\n    </svg>\n  )\n}\n\nconst MemberPromotionalIcon = ({ className }: { className?: string }) => {\n  return (\n    <svg\n      className={className}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"28\"\n      height=\"24\"\n      viewBox=\"0 0 28 24\"\n      fill=\"none\"\n    >\n      <path\n        d=\"M20.3194 0C21.1834 0 21.9923 0.429768 22.479 1.14948L27.5462 8.64391C28.2476 9.68126 28.125 11.0736 27.254 11.9707L16.6544 22.8856C15.2122 24.3702 12.8426 24.3716 11.3981 22.8891L0.748688 11.9602C-0.114133 11.0747 -0.24628 9.7017 0.430898 8.66496L5.31604 1.18456C5.79941 0.444636 6.62004 0 7.49882 0H20.3194Z\"\n        fill=\"url(#paint0_linear_5861_8479)\"\n      />\n      <path\n        d=\"M19.0076 8.33664C19.4627 7.88876 20.2013 7.88756 20.6574 8.3344C21.1132 8.78154 21.1144 9.50728 20.6596 9.95535L14.8762 15.6466C14.3983 16.1168 13.6232 16.118 13.1443 15.6488L7.34264 9.95759C6.88678 9.51045 6.88556 8.78471 7.34036 8.33664C7.79546 7.88876 8.53413 7.88756 8.99017 8.3344L14.008 13.2555L19.0076 8.33664Z\"\n        fill=\"url(#paint1_linear_5861_8479)\"\n      />\n      <defs>\n        <linearGradient\n          id=\"paint0_linear_5861_8479\"\n          x1=\"-0.341464\"\n          y1=\"1.07126e-06\"\n          x2=\"30.68\"\n          y2=\"4.66513\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"#6E6754\" />\n          <stop offset=\"1\" stopColor=\"#070708\" />\n        </linearGradient>\n        <linearGradient\n          id=\"paint1_linear_5861_8479\"\n          x1=\"6.82927\"\n          y1=\"8\"\n          x2=\"21.9228\"\n          y2=\"11.4047\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"#FFF5E0\" />\n          <stop offset=\"1\" stopColor=\"#E8C08A\" />\n        </linearGradient>\n      </defs>\n    </svg>\n  )\n}\n\nconst BANNER_BG: Record<UserType, string> = {\n  guest: 'bg-[#E1F8FE]',\n  member: 'bg-[#FFF1E1]',\n  'plus-member': 'bg-[#FFF1E1]',\n}\n\nconst PromoBanner = React.forwardRef<HTMLDivElement, PromoBannerProps>(\n  ({ userType, configs, onAction, className }, ref) => {\n    const config = configs[userType]\n    if (!config?.text) return null\n\n    const handleClick = () => {\n      if (config.action) onAction?.(config.action)\n    }\n\n    const hasClickBehavior = !!config.action\n    const bgColor = config.backgroundColor ? undefined : BANNER_BG[userType]\n\n    return (\n      <div\n        ref={ref}\n        role={hasClickBehavior ? 'button' : undefined}\n        tabIndex={hasClickBehavior ? 0 : undefined}\n        onClick={hasClickBehavior ? handleClick : undefined}\n        onKeyDown={\n          hasClickBehavior\n            ? e => {\n                if (e.key === 'Enter' || e.key === ' ') {\n                  e.preventDefault()\n                  handleClick()\n                }\n              }\n            : undefined\n        }\n        className={cn(\n          'rounded-card flex items-center justify-center px-6 py-4',\n          'lg-desktop:text-[16px] text-[14px] font-bold leading-[1.4] tracking-[-0.28px]',\n          bgColor,\n          hasClickBehavior && 'cursor-pointer',\n          className\n        )}\n        style={config.backgroundColor ? { backgroundColor: config.backgroundColor } : undefined}\n      >\n        <div className=\"flex items-end gap-1\">\n          {userType === 'guest' ? (\n            <GuestPromotionalIcon className=\"shrink-0\" />\n          ) : (\n            <MemberPromotionalIcon className=\"shrink-0\" />\n          )}\n          <Text html={config.text} as=\"div\" className=\"[&_a]:text-brand-0 flex items-center gap-1 [&_a]:underline\" />\n        </div>\n      </div>\n    )\n  }\n)\n\nPromoBanner.displayName = 'PromoBanner'\n\nexport default PromoBanner\n"],
-  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAgBI,IAAAI,EAAA,6BAdJC,EAAuB,oBACvBC,EAAmB,wCAEnBC,EAAqB,2CASrB,MAAMC,EAAuB,CAAC,CAAE,UAAAC,CAAU,OAEtC,QAAC,OACC,UAAWA,EACX,MAAM,6BACN,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OAEL,oBAAC,QACC,EAAE,uTACF,KAAK,UACP,KACA,OAAC,QACC,EAAE,gUACF,KAAK,QACP,GACF,EAIEC,EAAwB,CAAC,CAAE,UAAAD,CAAU,OAEvC,QAAC,OACC,UAAWA,EACX,MAAM,6BACN,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OAEL,oBAAC,QACC,EAAE,uTACF,KAAK,gCACP,KACA,OAAC,QACC,EAAE,gUACF,KAAK,gCACP,KACA,QAAC,QACC,qBAAC,kBACC,GAAG,0BACH,GAAG,YACH,GAAG,cACH,GAAG,QACH,GAAG,UACH,cAAc,iBAEd,oBAAC,QAAK,UAAU,UAAU,KAC1B,OAAC,QAAK,OAAO,IAAI,UAAU,UAAU,GACvC,KACA,QAAC,kBACC,GAAG,0BACH,GAAG,UACH,GAAG,IACH,GAAG,UACH,GAAG,UACH,cAAc,iBAEd,oBAAC,QAAK,UAAU,UAAU,KAC1B,OAAC,QAAK,OAAO,IAAI,UAAU,UAAU,GACvC,GACF,GACF,EAIEE,EAAsC,CAC1C,MAAO,eACP,OAAQ,eACR,cAAe,cACjB,EAEMC,EAAcP,EAAM,WACxB,CAAC,CAAE,SAAAQ,EAAU,QAAAC,EAAS,SAAAC,EAAU,UAAAN,CAAU,EAAGO,IAAQ,CACnD,MAAMC,EAASH,EAAQD,CAAQ,EAC/B,GAAI,CAACI,GAAQ,KAAM,OAAO,KAE1B,MAAMC,EAAc,IAAM,CACpBD,EAAO,QAAQF,IAAWE,EAAO,MAAM,CAC7C,EAEME,EAAmB,CAAC,CAACF,EAAO,OAC5BG,EAAUH,EAAO,gBAAkB,OAAYN,EAAUE,CAAQ,EAEvE,SACE,OAAC,OACC,IAAKG,EACL,KAAMG,EAAmB,SAAW,OACpC,SAAUA,EAAmB,EAAI,OACjC,QAASA,EAAmBD,EAAc,OAC1C,UACEC,EACIE,GAAK,EACCA,EAAE,MAAQ,SAAWA,EAAE,MAAQ,OACjCA,EAAE,eAAe,EACjBH,EAAY,EAEhB,EACA,OAEN,aAAW,MACT,0DACA,gFACAE,EACAD,GAAoB,iBACpBV,CACF,EACA,MAAOQ,EAAO,gBAAkB,CAAE,gBAAiBA,EAAO,eAAgB,EAAI,OAE9E,oBAAC,OAAI,UAAU,uBACZ,UAAAJ,IAAa,WACZ,OAACL,EAAA,CAAqB,UAAU,WAAW,KAE3C,OAACE,EAAA,CAAsB,UAAU,WAAW,KAE9C,OAAC,QAAK,KAAMO,EAAO,KAAM,GAAG,MAAM,UAAU,6DAA6D,GAC3G,EACF,CAEJ,CACF,EAEAL,EAAY,YAAc,cAE1B,IAAOV,EAAQU",
-  "names": ["PromoBanner_exports", "__export", "PromoBanner_default", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "import_components", "GuestPromotionalIcon", "className", "MemberPromotionalIcon", "BANNER_BG", "PromoBanner", "userType", "configs", "onAction", "ref", "config", "handleClick", "hasClickBehavior", "bgColor", "e"]
-}

package/dist/cjs/biz-components/AccessoriesShelf/components/SectionHeader/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/biz-components/AccessoriesShelf/components/SectionHeader/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../../../helpers/index.js'\nimport { Text, Heading } from '../../../../components/index.js'\n\nexport interface SectionHeaderProps {\n  title: string\n  subtitle?: string\n  selectionNote?: string\n  className?: string\n}\n\nconst SectionHeader = React.forwardRef<HTMLDivElement, SectionHeaderProps>(\n  ({ title, subtitle, selectionNote, className }, ref) => {\n    return (\n      <div ref={ref} className={cn('laptop:flex-row laptop:items-end flex flex-col justify-between gap-6', className)}>\n        <div className=\"flex min-w-0 flex-1 flex-col gap-2\">\n          <Heading html={title} size={4} className=\"text-info-primary\" />\n          {subtitle && (\n            <Text\n              as=\"p\"\n              html={subtitle}\n              className=\"lg-desktop:text-[16px] text-info-primary text-[14px] font-bold leading-[1.4] tracking-[-0.28px]\"\n            />\n          )}\n        </div>\n        {selectionNote && (\n          <Text\n            as=\"p\"\n            html={selectionNote}\n            className=\"lg-desktop:text-[16px] [&_span]:text-brand-0 text-info-primary shrink-0 whitespace-nowrap text-[14px] font-bold leading-[1.4] tracking-[-0.28px]\"\n          />\n        )}\n      </div>\n    )\n  }\n)\n\nSectionHeader.displayName = 'SectionHeader'\n\nexport default SectionHeader\n"],
-  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAiBQ,IAAAI,EAAA,6BAfRC,EAAuB,oBACvBC,EAAmB,wCACnBC,EAA8B,2CAS9B,MAAMC,EAAgBH,EAAM,WAC1B,CAAC,CAAE,MAAAI,EAAO,SAAAC,EAAU,cAAAC,EAAe,UAAAC,CAAU,EAAGC,OAE5C,QAAC,OAAI,IAAKA,EAAK,aAAW,MAAG,uEAAwED,CAAS,EAC5G,qBAAC,OAAI,UAAU,qCACb,oBAAC,WAAQ,KAAMH,EAAO,KAAM,EAAG,UAAU,oBAAoB,EAC5DC,MACC,OAAC,QACC,GAAG,IACH,KAAMA,EACN,UAAU,kGACZ,GAEJ,EACCC,MACC,OAAC,QACC,GAAG,IACH,KAAMA,EACN,UAAU,mJACZ,GAEJ,CAGN,EAEAH,EAAc,YAAc,gBAE5B,IAAON,EAAQM",
-  "names": ["SectionHeader_exports", "__export", "SectionHeader_default", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "import_components", "SectionHeader", "title", "subtitle", "selectionNote", "className", "ref"]
-}

package/dist/cjs/biz-components/AccessoriesShelf/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/AccessoriesShelf/index.tsx"],
-  "sourcesContent": ["// 'use client'\n\nimport MainProductArea from './components/MainProductArea/index.js'\nimport PromoBanner from './components/PromoBanner/index.js'\nimport SectionHeader from './components/SectionHeader/index.js'\nimport AccessoriesProductGrid from './components/AccessoriesProductGrid/index.js'\nimport AddToCartSuccessPopover from './components/AddToCartSuccessPopover/index.js'\nimport type { UserType, BannerConfig, BannerAction } from './types.js'\n\nexport { AccessoriesProductGrid, SectionHeader, PromoBanner, MainProductArea, AddToCartSuccessPopover }\nexport type { UserType, BannerConfig, BannerAction }\nexport type {\n  AddToCartSuccessPopoverProps,\n  AddToCartSuccessCopyConfig,\n  AddToCartSuccessSemanticName,\n} from './components/AddToCartSuccessPopover/index.js'\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,8BAAAE,QAAA,8BAAAC,QAAA,sBAAAC,QAAA,kBAAAC,QAAA,oBAAAC,UAAA,eAAAC,EAAAP,GAEA,IAAAQ,EAA4B,oDAC5BC,EAAwB,gDACxBC,EAA0B,kDAC1BC,EAAmC,2DACnCC,EAAoC",
-  "names": ["AccessoriesShelf_exports", "__export", "AccessoriesProductGrid", "AddToCartSuccessPopover", "MainProductArea", "PromoBanner", "SectionHeader", "__toCommonJS", "import_MainProductArea", "import_PromoBanner", "import_SectionHeader", "import_AccessoriesProductGrid", "import_AddToCartSuccessPopover"]
-}

package/dist/cjs/biz-components/AccessoriesShelf/types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/AccessoriesShelf/types.ts"],
-  "sourcesContent": ["export type UserType = 'guest' | 'member' | 'plus-member'\n\nexport type PriceStyleType = 1 | 2 | 3 | 4 | 5 | 6\n\nexport type BannerAction = { type: 'link'; url: string } | { type: 'modal' } | { type: 'addToCart'; skuId: string }\n\nexport interface BannerConfig {\n  text: string\n  backgroundColor?: string\n  action?: BannerAction\n}\n"],
-  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
-  "names": ["types_exports", "__toCommonJS"]
-}

package/dist/cjs/biz-components/AccordionCards/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/AccordionCards/index.tsx"],
-  "sourcesContent": ["'use client'\nimport Title from '../Title/index.js'\nimport { cn } from '../../helpers/utils.js'\nimport Picture from '../../components/picture.js'\nimport Button from '../../components/button.js'\nimport SwiperBox from '../SwiperBox/index.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport React, { useState, useRef, useCallback, useImperativeHandle, useEffect, type RefObject } from 'react'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport { trackUrlRef } from '../../shared/trackUrlRef.js'\nimport type { Img } from '../../types/props.js'\nimport throttle from '../../shared/throttle.js'\nimport { Heading } from '../../components/heading.js'\n\nconst componentType = 'image'\nconst componentName = 'scene_banner'\n\n/** Hook\uFF1A\u76D1\u542C\u7A97\u53E3\u5BBD\u5EA6 */\ntype ItemType = {\n  /** \u6807\u9898\u6587\u672C */\n  title: string\n  /** \u56FE\u7247*/\n  img: Img\n  mobileImg?: Img\n  /** \u5185\u5BB9\u8282\u70B9 */\n  subTitle: string\n  link?: string\n  imgLink?: string\n}\n\nexport type AccordionCardsType = Omit<React.HTMLAttributes<HTMLDivElement>, 'className'> & {\n  className?: string\n  data: {\n    key?: string\n    title?: string\n    products: Array<ItemType>\n    /** \u6309\u94AE\u5F62\u72B6 */\n    shape?: 'round' | 'square'\n    /** \u5361\u7247\u5F62\u72B6 */\n    itemShape?: 'round' | 'square'\n    /** \u4E3B\u6309\u94AE\u914D\u7F6E */\n    primaryButton?: string\n    theme?: 'light' | 'dark'\n  }\n  /**\n   * \u81EA\u52A8\u64AD\u653E\u914D\u7F6E\n   */\n  autoplay?: {\n    /**\n     * \u662F\u5426\u5F00\u542F\u81EA\u52A8\u64AD\u653E\n     */\n    enabled: boolean\n    /**\n     * \u662F\u5426\u5FAA\u73AF\u64AD\u653E\n     */\n    loop?: boolean\n    /**\n     * \u81EA\u52A8\u64AD\u653E\u95F4\u9694\u65F6\u95F4\uFF0C\u5355\u4F4D\u6BEB\u79D2\n     */\n    interval?: number\n  }\n  /** \u6309\u94AE\u4E8B\u4EF6*/\n  event?: {\n    primaryButton?: (_v: any, _index: number) => void\n  }\n}\n\nconst AccordionCardsPcItem = ({\n  item,\n  idx,\n  itemShape,\n  hoverIndex,\n  getRef,\n  handleSwiperItemClick,\n  contentWidth,\n  primaryButton,\n  event,\n  data,\n  accordionRef,\n}: {\n  item: ItemType\n  idx: number\n  itemShape: 'round' | 'square' | undefined\n  hoverIndex: number | null\n  getRef: (_idx: number, _el: HTMLDivElement) => void\n  handleSwiperItemClick: (_idx: number) => void\n  contentWidth: number\n  primaryButton: string | undefined\n  event: any\n  data: AccordionCardsType['data']\n  accordionRef: React.MutableRefObject<HTMLDivElement[]>\n}) => {\n  const isExpanded = hoverIndex === idx\n  const flexValue = isExpanded ? 8 : 1\n\n  useExposure({ current: accordionRef.current[idx] } as RefObject<HTMLDivElement>, {\n    componentType,\n    componentName,\n    componentTitle: item?.title,\n    position: idx + 1,\n    componentDescription: item?.subTitle,\n  })\n\n  return (\n    <div\n      key={idx}\n      style={{\n        flex: `${flexValue} 1 0%`,\n        transition: 'all 0.6s',\n      }}\n      ref={(el: HTMLDivElement | null) => {\n        if (el) getRef(idx, el)\n      }}\n      className={cn('rounded-box relative cursor-pointer overflow-hidden')}\n      onMouseEnter={() => handleSwiperItemClick(idx)}\n      onClick={() => {\n        handleSwiperItemClick(idx)\n      }}\n    >\n      {item?.imgLink ? (\n        <a\n          href={trackUrlRef(item.imgLink, `${componentType}_${componentName}`)}\n          data-headless-type-name={`${componentType}#${componentName}`}\n          data-headless-title-desc-button={`${item?.title}#${item?.subTitle}`}\n        >\n          <Picture\n            source={item?.img?.url}\n            className=\"size-full object-cover [&_img]:h-full [&_img]:object-cover\"\n            alt={item?.img?.alt || ''}\n          />\n        </a>\n      ) : (\n        <Picture\n          source={item?.img?.url}\n          className=\"size-full object-cover [&_img]:h-full [&_img]:object-cover\"\n          alt={item?.img?.alt || ''}\n        />\n      )}\n      <div\n        style={{\n          width: contentWidth,\n        }}\n        className={cn(\n          'absolute inset-x-0 bottom-0 flex w-full items-end justify-between overflow-hidden px-8 pb-8 opacity-0 transition-opacity duration-[600ms] ease-in',\n          isExpanded && contentWidth ? 'opacity-100' : 'opacity-0'\n        )}\n      >\n        <div className=\"mr-16 flex-1 overflow-hidden\">\n          <Heading\n            as=\"h3\"\n            className=\"laptop:text-2xl desktop:text-[32px] text-info-primary mb-1 text-xl font-bold\"\n            html={item?.title}\n          />\n          <Heading\n            as=\"h4\"\n            className=\"lg-desktop:text-[18px] desktop:text-[16px] text-info-primary line-clamp-2 text-[14px] font-[700]\"\n            html={item?.subTitle}\n          />\n        </div>\n        {primaryButton && (\n          <Button\n            className={cn('mb-1.5 font-bold')}\n            as=\"a\"\n            href={trackUrlRef(item?.link, `${componentType}_${componentName}`)}\n            data-headless-type-name={`${componentType}#${componentName}`}\n            data-headless-title-desc-button={`${item?.title}#${item?.subTitle}#${primaryButton}`}\n            onClick={() => event?.primaryButton?.(data, idx)}\n          >\n            {primaryButton}\n            <span className=\"sr-only\">{item?.title ?? item?.subTitle}</span>\n          </Button>\n        )}\n      </div>\n    </div>\n  )\n}\n\nconst MobileItem = ({ data, configuration }: { data: ItemType; configuration?: any }) => {\n  const ref = useRef<HTMLDivElement>(null)\n\n  useExposure(ref, {\n    componentType,\n    componentName,\n    componentTitle: data?.title,\n    position: configuration?.index + 1,\n    componentDescription: data?.subTitle,\n  })\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'bg-container-secondary-1 relative w-full shrink-0 grow-0 overflow-hidden border border-solid',\n        'rounded-box'\n      )}\n    >\n      {data?.imgLink ? (\n        <a\n          href={trackUrlRef(data.imgLink, `${componentType}_${componentName}`)}\n          data-headless-type-name={`${componentType}#${componentName}`}\n          data-headless-title-desc-button={`${data?.title}@${data?.subTitle}`}\n          data-headless-nav-position={`''#${configuration?.index + 1}`}\n        >\n          <Picture\n            className=\"size-full object-cover [&_img]:h-full [&_img]:object-cover\"\n            source={data?.mobileImg?.url || ''}\n            alt={data?.mobileImg?.alt || ''}\n          />\n        </a>\n      ) : (\n        <Picture\n          className=\"size-full object-cover [&_img]:h-full [&_img]:object-cover\"\n          source={data?.mobileImg?.url || ''}\n          alt={data?.mobileImg?.alt || ''}\n        />\n      )}\n      <div className={cn('absolute inset-x-0 bottom-0 overflow-hidden px-4 pb-4')}>\n        <div className=\"tablet:mb-6 mb-4 flex-1 overflow-hidden\">\n          <Heading\n            as=\"h3\"\n            className=\"text-info-primary line-clamp-3 text-2xl font-bold leading-[1.2]\"\n            html={data?.title}\n          />\n          <Heading as=\"h4\" className=\"text-info-primary line-clamp-2 text-sm font-bold\" html={data?.subTitle} />\n        </div>\n\n        {configuration?.primaryButton && (\n          <Button\n            as=\"a\"\n            variant=\"secondary\"\n            aria-label={data?.title ?? data?.subTitle}\n            className={cn('text-info-primary text-sm font-bold')}\n            href={trackUrlRef(data.link, `${componentType}_${componentName}`)}\n            data-headless-type-name={`${componentType}#${componentName}`}\n            data-headless-nav-position={`''#${configuration?.index + 1}`}\n            data-headless-title-desc-button={`${data?.title}#${data?.subTitle}#${configuration?.primaryButton}`}\n          >\n            {configuration?.primaryButton}\n          </Button>\n        )}\n      </div>\n    </div>\n  )\n}\n\nconst AccordionCards = React.forwardRef<HTMLDivElement, AccordionCardsType>(\n  ({ data, autoplay = { enabled: false, loop: false, interval: 1500 }, className = '', event, ...rest }, ref) => {\n    const [hoverIndex, setHoverIndex] = useState<number | null>(0)\n\n    const hoverIndexRef = useRef<number>(0)\n    const accordionRef = useRef<HTMLDivElement[]>([])\n    const [contentWidth, setContentWidth] = useState<number>(0)\n\n    const innerRef = useRef<HTMLDivElement>(null)\n    useImperativeHandle(ref, () => innerRef.current as HTMLDivElement)\n\n    const getRef = (index: number, el: HTMLDivElement) => {\n      if (el) {\n        accordionRef.current[index] = el\n      }\n    }\n\n    useEffect(() => {\n      const handleResize = () => {\n        if (accordionRef.current[hoverIndexRef.current]) {\n          setContentWidth(accordionRef.current[hoverIndexRef.current].offsetWidth)\n        }\n      }\n      handleResize()\n      const throttleResize = throttle(handleResize, 300)\n      window.addEventListener('resize', throttleResize)\n      return () => window.removeEventListener('resize', throttleResize)\n    }, [])\n\n    const handleSwiperItemClick = useCallback(\n      (idx: number) => {\n        if (hoverIndex === idx) return\n        // \u66F4\u65B0\u5BBD\u5EA6\u76F8\u5173\u72B6\u6001\n        setHoverIndex(idx)\n        hoverIndexRef.current = idx\n      },\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [data?.products, hoverIndex]\n    )\n\n    useEffect(() => {\n      let autoPlayTimer: NodeJS.Timeout\n      if (autoplay?.enabled) {\n        autoPlayTimer = setInterval(() => {\n          setHoverIndex(prev => {\n            const currentIndex = prev ?? 0\n            let nextIndex: number\n\n            if (autoplay.loop !== false) {\n              // \u9ED8\u8BA4\u5FAA\u73AF\u64AD\u653E\n              nextIndex = (currentIndex + 1) % data?.products?.length\n            } else {\n              // \u4E0D\u5FAA\u73AF\uFF1A\u64AD\u653E\u5230\u6700\u540E\u4E00\u4E2A\u540E\u505C\u6B62\n              nextIndex = currentIndex + 1\n              if (nextIndex >= data?.products?.length) {\n                nextIndex = data?.products?.length - 1\n                // \u505C\u6B62\u81EA\u52A8\u64AD\u653E\n                if (autoPlayTimer) {\n                  clearInterval(autoPlayTimer)\n                }\n                return currentIndex // \u4FDD\u6301\u5728\u6700\u540E\u4E00\u4E2A\n              }\n            }\n\n            hoverIndexRef.current = nextIndex\n            return nextIndex\n          })\n        }, autoplay?.interval)\n      }\n      return () => {\n        if (autoPlayTimer) {\n          clearInterval(autoPlayTimer)\n        }\n      }\n    }, [autoplay?.enabled, autoplay?.interval, autoplay?.loop, data?.products?.length, handleSwiperItemClick])\n\n    return (\n      <div {...rest} ref={innerRef}>\n        {data?.title && <Title data={{ title: data?.title }} />}\n        <div className={cn('laptop:block hidden', { 'aiui-dark': data?.theme === 'dark' })}>\n          <div\n            className={cn(\n              'lg-desktop:h-[calc(560_/_1920*100vw)] desktop:h-[calc(448_/_1440*100vw)] laptop:h-[calc(336_/_1025*100vw)] flex max-h-[560px] min-h-[336px] w-full gap-4 overflow-hidden',\n              className\n            )}\n          >\n            {data?.products?.map((item, idx) => (\n              <AccordionCardsPcItem\n                key={idx}\n                item={item}\n                idx={idx}\n                itemShape={data?.itemShape}\n                hoverIndex={hoverIndex}\n                getRef={getRef}\n                handleSwiperItemClick={handleSwiperItemClick}\n                contentWidth={contentWidth}\n                primaryButton={data?.primaryButton}\n                event={event}\n                data={data}\n                accordionRef={accordionRef}\n              />\n            ))}\n          </div>\n        </div>\n        <div className={cn('laptop:hidden block', { 'aiui-dark': data?.theme === 'dark' })}>\n          <SwiperBox\n            className={cn('h-[400px] !overflow-visible', className)}\n            id={'AccordionCards' + data?.key}\n            data={{\n              list: data?.products,\n              configuration: {\n                shape: data?.shape,\n                itemShape: data?.itemShape,\n                primaryButton: data?.primaryButton,\n                event: event,\n                title: data?.title,\n              },\n            }}\n            Slide={MobileItem}\n            breakpoints={{\n              0: {\n                spaceBetween: 12,\n                freeMode: false,\n                slidesPerView: 1,\n              },\n              374: {\n                spaceBetween: 12,\n                freeMode: false,\n                slidesPerView: 1.2,\n              },\n              768: {\n                spaceBetween: 16,\n                freeMode: false,\n                slidesPerView: 2.3,\n              },\n            }}\n          />\n        </div>\n      </div>\n    )\n  }\n)\n\nAccordionCards.displayName = 'AccordionCards'\nexport default withLayout(AccordionCards)\n"],
-  "mappings": "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",
-  "names": ["AccordionCards_exports", "__export", "AccordionCards_default", "__toCommonJS", "import_jsx_runtime", "import_Title", "import_utils", "import_picture", "import_button", "import_SwiperBox", "import_Styles", "import_react", "import_useExposure", "import_trackUrlRef", "import_throttle", "import_heading", "componentType", "componentName", "AccordionCardsPcItem", "item", "idx", "itemShape", "hoverIndex", "getRef", "handleSwiperItemClick", "contentWidth", "primaryButton", "event", "data", "accordionRef", "isExpanded", "flexValue", "el", "Picture", "Button", "MobileItem", "configuration", "ref", "AccordionCards", "React", "autoplay", "className", "rest", "setHoverIndex", "hoverIndexRef", "setContentWidth", "innerRef", "index", "handleResize", "throttleResize", "throttle", "autoPlayTimer", "prev", "currentIndex", "nextIndex", "Title", "SwiperBox"]
-}