@anker-in/headless-ui 1.0.26-temp-111002 → 1.0.26-temp-111401-alpha.1763091370012

package/dist/cjs/biz-components/AccordionCards/index.d.ts

@@ -32,7 +32,7 @@ export type AccordionCardsType = {
     };
 };
 declare const _default: React.ForwardRefExoticComponent<Omit<Omit<AccordionCardsType & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
+    className?: string | undefined;
+    data?: Record<string, any> | undefined;
 }, "ref"> & React.RefAttributes<any>>;
 export default _default;

package/dist/cjs/biz-components/AiuiProvider/index.d.ts

@@ -2,11 +2,11 @@ import React from 'react';
 interface AiuiContextType {
     trackingData: Record<string, any>;
     locale?: string;
-    copyWriting?: Record<string, string>;
     pathname?: string;
     storeDomain?: string;
     isLogin?: boolean;
     currencyCode?: string;
+    copyWriting?: Record<string, string>;
 }
 export declare const AiuiContext: React.Context<AiuiContextType>;
 export declare const useAiuiContext: () => AiuiContextType;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/AiuiProvider/index.tsx"],
-  "sourcesContent": ["import { gaTrack } from '../../shared/track.js'\nimport React, { createContext, useContext, useEffect } from 'react'\n\ninterface AiuiContextType {\n  trackingData: Record<string, any>\n  locale?: string\n  copyWriting?: Record<string, string>\n  pathname?: string\n  storeDomain?: string\n  isLogin?: boolean\n  currencyCode?: string\n}\n\nexport const AiuiContext = createContext<AiuiContextType>({\n  trackingData: {},\n  locale: undefined,\n  copyWriting: {},\n})\n\nexport const useAiuiContext = () => {\n  const context = useContext(AiuiContext)\n  if (!context) {\n    throw new Error('useAiui must be used in <AiuiProvider>')\n  }\n  return useContext(AiuiContext)\n}\n\nconst AiuiProvider = ({\n  children,\n  ...rest\n}: {\n  children: React.ReactNode\n} & AiuiContextType) => {\n  useEffect(() => {\n    const handleTrackClick = (e: any, el: any) => {\n      // e?.stopPropagation?.()\n      const out: any = {}\n      if (!el || !el.attributes) return out\n      for (const attr of Array.from(el.attributes)) {\n        const name = (attr as any)?.name\n        if (name?.startsWith('data-headless-')) {\n          out[name] = el.getAttribute(name)\n        }\n      }\n      const sku = out?.['data-headless-sku']\n      const nameType = out?.['data-headless-type-name']?.split?.('#')\n      const titleDesc = out?.['data-headless-title-desc-button']?.split?.('#')\n      const navPosition = out?.['data-headless-nav-postion']?.split?.('#')\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'component_click',\n        event_parameters: {\n          page_group: rest?.trackingData?.pageGroup || 'Home Page',\n          component_type: nameType?.[0] || '',\n          component_name: nameType?.[1] || '',\n          position: navPosition?.[1] || '',\n          navigation: navPosition?.[0] || '',\n          button_name: titleDesc?.[2] || '',\n          SKU: sku || '',\n          component_title: titleDesc?.[0] || '',\n          component_description: titleDesc?.[1] || '',\n        },\n      })\n    }\n    const observer = new MutationObserver(() => {\n      document.querySelectorAll('[data-headless-type-name]').forEach(el => {\n        if (!el.hasAttribute('data-headless-track-bound')) {\n          el.addEventListener('click', e => handleTrackClick(e, el))\n          el.setAttribute('data-headless-track-bound', 'true') // \u907F\u514D\u91CD\u590D\u7ED1\u5B9A\n        }\n      })\n    })\n    observer.observe(document.body, { childList: true, subtree: true })\n    // \u521D\u59CB\u5316\u4E00\u6B21\u73B0\u6709\u8282\u70B9\n    document.querySelectorAll('[data-headless-type-name]').forEach(el => {\n      if (!el.hasAttribute('data-headless-track-bound')) {\n        el.addEventListener('click', e => handleTrackClick(e, el))\n        el.setAttribute('data-headless-track-bound', 'true')\n      }\n    })\n    return () => observer.disconnect()\n  }, [])\n\n  return <AiuiContext.Provider value={rest}>{children}</AiuiContext.Provider>\n}\n\nexport default AiuiProvider\n"],
+  "sourcesContent": ["import { gaTrack } from '../../shared/track.js'\nimport React, { createContext, useContext, useEffect } from 'react'\n\ninterface AiuiContextType {\n  trackingData: Record<string, any>\n  locale?: string\n  pathname?: string\n  storeDomain?: string\n  isLogin?: boolean\n  currencyCode?: string\n  copyWriting?: Record<string, string>\n}\n\nexport const AiuiContext = createContext<AiuiContextType>({\n  trackingData: {},\n  locale: undefined,\n  copyWriting: {},\n})\n\nexport const useAiuiContext = () => {\n  const context = useContext(AiuiContext)\n  if (!context) {\n    throw new Error('useAiui must be used in <AiuiProvider>')\n  }\n  return useContext(AiuiContext)\n}\n\nconst AiuiProvider = ({\n  children,\n  ...rest\n}: {\n  children: React.ReactNode\n} & AiuiContextType) => {\n  useEffect(() => {\n    const handleTrackClick = (e: any, el: any) => {\n      // e?.stopPropagation?.()\n      const out: any = {}\n      if (!el || !el.attributes) return out\n      for (const attr of Array.from(el.attributes)) {\n        const name = (attr as any)?.name\n        if (name?.startsWith('data-headless-')) {\n          out[name] = el.getAttribute(name)\n        }\n      }\n      const sku = out?.['data-headless-sku']\n      const nameType = out?.['data-headless-type-name']?.split?.('#')\n      const titleDesc = out?.['data-headless-title-desc-button']?.split?.('#')\n      const navPosition = out?.['data-headless-nav-postion']?.split?.('#')\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'component_click',\n        event_parameters: {\n          page_group: rest?.trackingData?.pageGroup || 'Home Page',\n          component_type: nameType?.[0] || '',\n          component_name: nameType?.[1] || '',\n          position: navPosition?.[1] || '',\n          navigation: navPosition?.[0] || '',\n          button_name: titleDesc?.[2] || '',\n          SKU: sku || '',\n          component_title: titleDesc?.[0] || '',\n          component_description: titleDesc?.[1] || '',\n        },\n      })\n    }\n    const observer = new MutationObserver(() => {\n      document.querySelectorAll('[data-headless-type-name]').forEach(el => {\n        if (!el.hasAttribute('data-headless-track-bound')) {\n          el.addEventListener('click', e => handleTrackClick(e, el))\n          el.setAttribute('data-headless-track-bound', 'true') // \u907F\u514D\u91CD\u590D\u7ED1\u5B9A\n        }\n      })\n    })\n    observer.observe(document.body, { childList: true, subtree: true })\n    // \u521D\u59CB\u5316\u4E00\u6B21\u73B0\u6709\u8282\u70B9\n    document.querySelectorAll('[data-headless-type-name]').forEach(el => {\n      if (!el.hasAttribute('data-headless-track-bound')) {\n        el.addEventListener('click', e => handleTrackClick(e, el))\n        el.setAttribute('data-headless-track-bound', 'true')\n      }\n    })\n    return () => observer.disconnect()\n  }, [])\n\n  return <AiuiContext.Provider value={rest}>{children}</AiuiContext.Provider>\n}\n\nexport default AiuiProvider\n"],
   "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,EAAA,YAAAC,EAAA,mBAAAC,IAAA,eAAAC,EAAAL,GAmFS,IAAAM,EAAA,6BAnFTC,EAAwB,iCACxBC,EAA4D,iBAYrD,MAAMN,KAAc,iBAA+B,CACxD,aAAc,CAAC,EACf,OAAQ,OACR,YAAa,CAAC,CAChB,CAAC,EAEYE,EAAiB,IAAM,CAElC,GAAI,IADY,cAAWF,CAAW,EAEpC,MAAM,IAAI,MAAM,wCAAwC,EAE1D,SAAO,cAAWA,CAAW,CAC/B,EAEMO,EAAe,CAAC,CACpB,SAAAC,EACA,GAAGC,CACL,QAGE,aAAU,IAAM,CACd,MAAMC,EAAmB,CAACC,EAAQC,IAAY,CAE5C,MAAMC,EAAW,CAAC,EAClB,GAAI,CAACD,GAAM,CAACA,EAAG,WAAY,OAAOC,EAClC,UAAWC,KAAQ,MAAM,KAAKF,EAAG,UAAU,EAAG,CAC5C,MAAMG,EAAQD,GAAc,KACxBC,GAAM,WAAW,gBAAgB,IACnCF,EAAIE,CAAI,EAAIH,EAAG,aAAaG,CAAI,EAEpC,CACA,MAAMC,EAAMH,IAAM,mBAAmB,EAC/BI,EAAWJ,IAAM,yBAAyB,GAAG,QAAQ,GAAG,EACxDK,EAAYL,IAAM,iCAAiC,GAAG,QAAQ,GAAG,EACjEM,EAAcN,IAAM,2BAA2B,GAAG,QAAQ,GAAG,KACnE,WAAQ,CACN,MAAO,WACP,WAAY,kBACZ,iBAAkB,CAChB,WAAYJ,GAAM,cAAc,WAAa,YAC7C,eAAgBQ,IAAW,CAAC,GAAK,GACjC,eAAgBA,IAAW,CAAC,GAAK,GACjC,SAAUE,IAAc,CAAC,GAAK,GAC9B,WAAYA,IAAc,CAAC,GAAK,GAChC,YAAaD,IAAY,CAAC,GAAK,GAC/B,IAAKF,GAAO,GACZ,gBAAiBE,IAAY,CAAC,GAAK,GACnC,sBAAuBA,IAAY,CAAC,GAAK,EAC3C,CACF,CAAC,CACH,EACME,EAAW,IAAI,iBAAiB,IAAM,CAC1C,SAAS,iBAAiB,2BAA2B,EAAE,QAAQR,GAAM,CAC9DA,EAAG,aAAa,2BAA2B,IAC9CA,EAAG,iBAAiB,QAASD,GAAKD,EAAiBC,EAAGC,CAAE,CAAC,EACzDA,EAAG,aAAa,4BAA6B,MAAM,EAEvD,CAAC,CACH,CAAC,EACD,OAAAQ,EAAS,QAAQ,SAAS,KAAM,CAAE,UAAW,GAAM,QAAS,EAAK,CAAC,EAElE,SAAS,iBAAiB,2BAA2B,EAAE,QAAQR,GAAM,CAC9DA,EAAG,aAAa,2BAA2B,IAC9CA,EAAG,iBAAiB,QAASD,GAAKD,EAAiBC,EAAGC,CAAE,CAAC,EACzDA,EAAG,aAAa,4BAA6B,MAAM,EAEvD,CAAC,EACM,IAAMQ,EAAS,WAAW,CACnC,EAAG,CAAC,CAAC,KAEE,OAACpB,EAAY,SAAZ,CAAqB,MAAOS,EAAO,SAAAD,EAAS,GAGtD,IAAOP,EAAQM",
   "names": ["AiuiProvider_exports", "__export", "AiuiContext", "AiuiProvider_default", "useAiuiContext", "__toCommonJS", "import_jsx_runtime", "import_track", "import_react", "AiuiProvider", "children", "rest", "handleTrackClick", "e", "el", "out", "attr", "name", "sku", "nameType", "titleDesc", "navPosition", "observer"]
 }

package/dist/cjs/biz-components/AplusDesc/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { Img } from '../../types/props.js';
 type AplusItem = {
     img: Img;
@@ -16,7 +17,7 @@ type AplusDescType = {
     className?: string;
 };
 declare const _default: import("react").ForwardRefExoticComponent<Omit<AplusDescType, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
+    className?: string | undefined;
+    data?: Record<string, any> | undefined;
 } & import("react").RefAttributes<any>>;
 export default _default;

package/dist/cjs/biz-components/BrandEquity/BrandEquity.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 import type { BrandEquityProps } from './types.js';
 declare const _default: import("react").ForwardRefExoticComponent<Omit<Omit<BrandEquityProps & import("react").RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
+    className?: string | undefined;
+    data?: Record<string, any> | undefined;
 }, "ref"> & import("react").RefAttributes<any>>;
 export default _default;

package/dist/cjs/biz-components/Category/index.d.ts

@@ -29,7 +29,7 @@ export interface CategoryProps {
     key?: string;
 }
 declare const _default: React.ForwardRefExoticComponent<Omit<Omit<CategoryProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
+    className?: string | undefined;
+    data?: Record<string, any> | undefined;
 }, "ref"> & React.RefAttributes<any>>;
 export default _default;

package/dist/cjs/biz-components/CollectionShelves/index.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 import type { ShelfDisplayProps } from '../ShelfDisplay/shelfDisplay.js';
 declare const _default: import("react").ForwardRefExoticComponent<Omit<Omit<ShelfDisplayProps & import("react").RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
+    className?: string | undefined;
+    data?: Record<string, any> | undefined;
 }, "ref"> & import("react").RefAttributes<any>>;
 export default _default;

package/dist/cjs/biz-components/CollectionsBanner/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { CollectionsBannerProps } from './types.js';
 declare const _default: React.ForwardRefExoticComponent<Omit<Omit<CollectionsBannerProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
+    className?: string | undefined;
+    data?: Record<string, any> | undefined;
 }, "ref"> & React.RefAttributes<any>>;
 export default _default;

package/dist/cjs/biz-components/CollectionsFilters/FilterCardWrap.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type FilterCardWrapProps = {
     isSale?: boolean;
     result?: any;
@@ -7,6 +8,7 @@ type FilterCardWrapProps = {
     closeFilter: boolean;
     page: number;
     metafields: any;
+    noResultNode?: React.ReactNode;
     refreshStarRating?: () => void;
     onPrimaryChange?: (item: any, sku: string) => void;
     onSecondaryChange?: (item: any, sku: string) => void;

package/dist/cjs/biz-components/CollectionsFilters/FilterCardWrap.js

@@ -1,2 +1,2 @@
-"use strict";var O=Object.create;var x=Object.defineProperty;var V=Object.getOwnPropertyDescriptor;var Y=Object.getOwnPropertyNames;var q=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var H=(o,a)=>{for(var l in a)x(o,l,{get:a[l],enumerable:!0})},L=(o,a,l,w)=>{if(a&&typeof a=="object"||typeof a=="function")for(let f of Y(a))!E.call(o,f)&&f!==l&&x(o,f,{get:()=>a[f],enumerable:!(w=V(a,f))||w.enumerable});return o};var Q=(o,a,l)=>(l=o!=null?O(q(o)):{},L(a||!o||!o.__esModule?x(l,"default",{value:o,enumerable:!0}):l,o)),Z=o=>L(x({},"__esModule",{value:!0}),o);var K={};H(K,{default:()=>J});module.exports=Z(K);var t=require("react/jsx-runtime"),C=require("../../helpers/utils.js"),N=require("react-responsive"),M=Q(require("./FilterCardWrapItem")),s=require("react"),R=require("es-toolkit");const G=(o,a)=>{const{shopifyData:l={},isSale:w=!1,total:f,result:i,closeFilter:h,page:y,metafields:S,refreshStarRating:j,onPrimaryChange:z,onSecondaryChange:T,onNextPage:P,onPrevPage:W}=o,{advertisingSpace:k}=S,{buttonText:B,loadMoreText:A}=l,u=k||l?.advertisingSpace,F=(0,s.useRef)(null),[v,b]=(0,s.useState)([]),c=(0,N.useMediaQuery)({query:"(max-width: 1024px)"}),D=d=>{const e=(0,R.cloneDeep)(d||[]);if(u){const n=e.findIndex(m=>m.mImage);if(n===-1){const m=Math.min(h?u?.maxLocation||7:u?.minLocation||5,e.length);e.splice(m,0,u)}else{e.splice(n,1);const m=Math.min(h?u?.maxLocation||7:u?.minLocation||5,e.length);e.splice(m,0,u)}}return e};(0,s.useImperativeHandle)(a,()=>({clearData(){b([])}}));const I=()=>{const d=F.current;if(!d)return;const e=d.getBoundingClientRect()?.top+window?.pageYOffset-120;window?.scrollTo?.({top:e,behavior:"smooth"})};return(0,s.useEffect)(()=>{(i?.slug||i?.id)&&((y===1||!c)&&b([]),i?.products&&b(d=>{const e=i.products?.filter?.(r=>!d.some(p=>p.id===r.id));let n=[...d,...e];const m=n.filter?.(r=>!(!r?.metafields?.seoSetting?.noindex&&r.availableForSale&&r?.variants?.some(p=>p.availableForSale)));return n.push(...m),n=n.filter?.(r=>!r?.metafields?.seoSetting?.noindex&&r.availableForSale&&r?.variants?.some(p=>p.availableForSale)),w&&(n=n.filter?.(r=>{let p=!1;if(r?.options?.find(g=>g?.displayName==="color"))p=r?.variants?.find(g=>g?.coupons?.length&&g?.coupons?.[0]&&typeof g?.coupons?.[0]=="object");else{const g=r?.variants?.[0]?.coupons;p=g?.length&&g?.[0]&&typeof g?.[0]=="object"}return!!p})),(y===1&&!c||c)&&(n=D(n)),n}))},[i?.products,y,c,k]),(0,s.useEffect)(()=>{v?.length&&y===1&&!c&&b(D(v))},[h]),(0,s.useEffect)(()=>{v?.length&&j?.()},[v]),(0,t.jsxs)("div",{className:"filter-card-wrap-container",ref:F,children:[(0,t.jsx)("div",{className:(0,C.cn)("min-h-[60vh] w-full grid gap-3 md-tablet:grid-cols-2 grid-cols-3",{"laptop:grid-cols-4 tablet:grid-cols-3":h&&!c,"laptop:grid-cols-3 tablet:grid-cols-2":!h&&!c},"filter-card-wrap"),children:v?.map?.(d=>(0,t.jsx)(M.default,{data:d,buttonText:B,metafields:S,onPrimaryChange:(e,n)=>z?.(e,n),onSecondaryChange:(e,n)=>T?.(e,n)},d.id))}),c?(0,t.jsxs)("div",{onClick:()=>{P?.(i?.pageInfo?.endCursor)},className:"mt-6 text-sm font-bold cursor-pointer flex items-center justify-center gap-1 filter-card-wrap-more",children:[(0,t.jsx)("span",{children:A||"View More"}),(0,t.jsx)("div",{className:"size-[18px]",children:(0,t.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"6",viewBox:"0 0 12 6",fill:"none",children:(0,t.jsx)("path",{d:"M9.96967 0.21967C10.2626 -0.0732232 10.7373 -0.073223 11.0302 0.21967C11.3231 0.512563 11.3231 0.987324 11.0302 1.28022L6.53022 5.78022C6.23732 6.07311 5.76256 6.07311 5.46967 5.78022L0.96967 1.28022C0.676777 0.987324 0.676777 0.512563 0.96967 0.21967C1.26256 -0.0732233 1.73732 -0.0732233 2.03022 0.21967L5.99994 4.1894L9.96967 0.21967Z",fill:"#1D1D1F"})})})]}):null,!c&&f>18?(0,t.jsxs)("div",{className:"mt-6 flex items-center justify-end gap-4 cursor-pointer",children:[(0,t.jsx)("button",{name:"perv page",disabled:!i?.pageInfo?.hasPreviousPage,className:(0,C.cn)("flex items-center justify-center lg-desktop:size-14 size-10 rounded-full leading-tight overflow-hidden bg-transparent border-[1.5px] border-[#3D3D3F]",{"opacity-50 cursor-not-allowed":!i?.pageInfo?.hasPreviousPage}),onClick:()=>{I?.(),W?.(i?.pageInfo?.startCursor)},children:(0,t.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:(0,t.jsx)("path",{d:"M12 5L7 10L12 15",stroke:"#3D3D3F","stroke-width":"1.66667","stroke-linecap":"round","stroke-linejoin":"round"})})}),(0,t.jsx)("button",{name:"next page",className:(0,C.cn)("flex items-center justify-center lg-desktop:size-14 size-10 rounded-full leading-tight overflow-hidden bg-transparent border-[1.5px] border-[#3D3D3F]",{"opacity-50 cursor-not-allowed":!i?.pageInfo?.hasNextPage}),disabled:!i?.pageInfo?.hasNextPage,onClick:()=>{I?.(),P?.(i?.pageInfo?.endCursor)},children:(0,t.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:(0,t.jsx)("path",{d:"M7.5 5L12.5 10L7.5 15",stroke:"#3D3D3F","stroke-width":"1.66667","stroke-linecap":"round","stroke-linejoin":"round"})})})]}):null]})};var J=(0,s.forwardRef)(G);
+"use strict";var V=Object.create;var b=Object.defineProperty;var Y=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var H=Object.getPrototypeOf,Q=Object.prototype.hasOwnProperty;var Z=(n,r)=>{for(var d in r)b(n,d,{get:r[d],enumerable:!0})},D=(n,r,d,v)=>{if(r&&typeof r=="object"||typeof r=="function")for(let u of E(r))!Q.call(n,u)&&u!==d&&b(n,u,{get:()=>r[u],enumerable:!(v=Y(r,u))||v.enumerable});return n};var G=(n,r,d)=>(d=n!=null?V(H(n)):{},D(r||!n||!n.__esModule?b(d,"default",{value:n,enumerable:!0}):d,n)),J=n=>D(b({},"__esModule",{value:!0}),n);var X={};Z(X,{default:()=>U});module.exports=J(X);var o=require("react/jsx-runtime"),C=require("../../helpers/utils.js"),L=require("react-responsive"),R=G(require("./FilterCardWrapItem")),l=require("react"),M=require("es-toolkit");const K=(n,r)=>{const{shopifyData:d={},isSale:v=!1,total:u,result:i,closeFilter:w,page:y,metafields:S,noResultNode:j,refreshStarRating:T,onPrimaryChange:W,onSecondaryChange:z,onNextPage:P,onPrevPage:B}=n,{advertisingSpace:k}=S,{buttonText:q,loadMoreText:A}=d,h=k||d?.advertisingSpace,F=(0,l.useRef)(null),[c,x]=(0,l.useState)([]),g=(0,L.useMediaQuery)({query:"(max-width: 1024px)"}),I=a=>{const e=(0,M.cloneDeep)(a||[]);if(h){const t=e.findIndex(m=>m.mImage);if(t===-1){const m=Math.min(w?h?.maxLocation||7:h?.minLocation||5,e.length);e.splice(m,0,h)}else{e.splice(t,1);const m=Math.min(w?h?.maxLocation||7:h?.minLocation||5,e.length);e.splice(m,0,h)}}return e};(0,l.useImperativeHandle)(r,()=>({clearData(){x([])}}));const N=()=>{const a=F.current;if(!a)return;const e=a.getBoundingClientRect()?.top+window?.pageYOffset-120;window?.scrollTo?.({top:e,behavior:"smooth"})},O=a=>a?.metafields?.seoSetting?.noindex;return(0,l.useEffect)(()=>{(i?.slug||i?.id)&&((y===1||!g)&&x([]),i?.products&&x(a=>{const e=i.products?.filter?.(s=>!a.some(p=>p.id===s.id));let t=[...a,...e];const m=t.filter?.(s=>!(!s?.metafields?.seoSetting?.noindex&&s.availableForSale&&s?.variants?.some(p=>p.availableForSale)));return t=t.filter?.(s=>!s?.metafields?.seoSetting?.noindex&&s.availableForSale&&s?.variants?.some(p=>p.availableForSale)),t.push(...m),v&&(t=t.filter?.(s=>{let p=!1;if(s?.options?.find(f=>f?.displayName==="color"))p=s?.variants?.find(f=>f?.coupons?.length&&f?.coupons?.[0]&&typeof f?.coupons?.[0]=="object");else{const f=s?.variants?.[0]?.coupons;p=f?.length&&f?.[0]&&typeof f?.[0]=="object"}return!!p})),t?.length&&(y===1&&!g||g)&&(t=I(t)),t}))},[i?.products,y,g,k,v]),(0,l.useEffect)(()=>{c?.length&&y===1&&!g&&x(I(c))},[w]),(0,l.useEffect)(()=>{const a=document?.querySelector?.(".yotpo-reviews-star-ratings-widget");c?.length&&(!a||g)&&T?.()},[c]),(0,o.jsxs)("div",{className:"filter-card-wrap-container",ref:F,children:[(0,o.jsx)("div",{className:(0,C.cn)("w-full grid gap-3 md-tablet:grid-cols-2 grid-cols-3",{"laptop:grid-cols-4 tablet:grid-cols-3":w&&!g,"laptop:grid-cols-3 tablet:grid-cols-2":!w&&!g},"filter-card-wrap"),children:c?.map?.(a=>O(a)?null:(0,o.jsx)(R.default,{data:a,buttonText:q,metafields:S,onPrimaryChange:(e,t)=>W?.(e,t),onSecondaryChange:(e,t)=>z?.(e,t)},a.id))}),!c?.length&&j,g&&i?.pageInfo?.hasNextPage?(0,o.jsxs)("div",{onClick:()=>{P?.(i?.pageInfo?.endCursor)},className:"mt-6 text-sm font-bold cursor-pointer flex items-center justify-center gap-1 filter-card-wrap-more",children:[(0,o.jsx)("span",{children:A||"View More"}),(0,o.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"6",viewBox:"0 0 12 6",fill:"none",children:(0,o.jsx)("path",{d:"M9.96967 0.21967C10.2626 -0.0732232 10.7373 -0.073223 11.0302 0.21967C11.3231 0.512563 11.3231 0.987324 11.0302 1.28022L6.53022 5.78022C6.23732 6.07311 5.76256 6.07311 5.46967 5.78022L0.96967 1.28022C0.676777 0.987324 0.676777 0.512563 0.96967 0.21967C1.26256 -0.0732233 1.73732 -0.0732233 2.03022 0.21967L5.99994 4.1894L9.96967 0.21967Z",fill:"#1D1D1F"})})]}):null,!g&&u>18?(0,o.jsxs)("div",{className:"mt-6 flex items-center justify-end gap-4 cursor-pointer",children:[(0,o.jsx)("button",{name:"perv page",disabled:!i?.pageInfo?.hasPreviousPage||!c?.length,className:(0,C.cn)("flex items-center justify-center lg-desktop:size-14 size-10 rounded-full leading-tight overflow-hidden bg-transparent border-[1.5px] border-[#3D3D3F]",{"opacity-50 cursor-not-allowed":!i?.pageInfo?.hasPreviousPage||!c?.length}),onClick:()=>{N?.(),B?.(i?.pageInfo?.startCursor)},children:(0,o.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:(0,o.jsx)("path",{d:"M12 5L7 10L12 15",stroke:"#3D3D3F","stroke-width":"1.66667","stroke-linecap":"round","stroke-linejoin":"round"})})}),(0,o.jsx)("button",{name:"next page",className:(0,C.cn)("flex items-center justify-center lg-desktop:size-14 size-10 rounded-full leading-tight overflow-hidden bg-transparent border-[1.5px] border-[#3D3D3F]",{"opacity-50 cursor-not-allowed":!i?.pageInfo?.hasNextPage||!c?.length}),disabled:!i?.pageInfo?.hasNextPage||!c?.length,onClick:()=>{N?.(),P?.(i?.pageInfo?.endCursor)},children:(0,o.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:(0,o.jsx)("path",{d:"M7.5 5L12.5 10L7.5 15",stroke:"#3D3D3F","stroke-width":"1.66667","stroke-linecap":"round","stroke-linejoin":"round"})})})]}):null]})};var U=(0,l.forwardRef)(K);
 //# sourceMappingURL=FilterCardWrap.js.map

package/dist/cjs/biz-components/CollectionsFilters/FilterCardWrap.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/CollectionsFilters/FilterCardWrap.tsx"],
-  "sourcesContent": ["import { cn } from '../../helpers/utils.js'\nimport { useMediaQuery } from 'react-responsive'\nimport FilterCardWrapItem from './FilterCardWrapItem'\nimport { useRef, useState, useEffect, forwardRef, useImperativeHandle } from 'react'\nimport type { Ref } from 'react'\nimport { cloneDeep } from 'es-toolkit'\n\ntype FilterCardWrapProps = {\n  isSale?: boolean\n  result?: any\n  total: number\n  shopifyData?: any\n  currentPage?: number\n  closeFilter: boolean\n  page: number\n  metafields: any\n  refreshStarRating?: () => void\n  onPrimaryChange?: (item: any, sku: string) => void\n  onSecondaryChange?: (item: any, sku: string) => void\n  onNextPage?: (v: string) => void\n  onPrevPage?: (v: string) => void\n}\n\nconst FilterCardWrap = (props: FilterCardWrapProps, ref: Ref<unknown> | undefined) => {\n  const {\n    shopifyData = {},\n    isSale = false,\n    total,\n    result,\n    closeFilter,\n    page,\n    metafields,\n    refreshStarRating,\n    onPrimaryChange,\n    onSecondaryChange,\n    onNextPage,\n    onPrevPage,\n  } = props\n  const { advertisingSpace } = metafields\n  const { buttonText, loadMoreText } = shopifyData\n\n  const currentAdvertisingSpace = advertisingSpace || shopifyData?.advertisingSpace\n\n  const filterCardWrapRef = useRef<any>(null)\n\n  const [data, setData] = useState<any[]>([])\n\n  const isMobile = useMediaQuery({ query: '(max-width: 1024px)' })\n\n  const handleAdvertisingSpace = (products: any[]) => {\n    const updatedProducts = cloneDeep(products || [])\n    if (currentAdvertisingSpace) {\n      const findIndex = updatedProducts.findIndex(item => item.mImage)\n      if (findIndex === -1) {\n        const insertIndex = closeFilter\n          ? Math.min(currentAdvertisingSpace?.maxLocation || 7, updatedProducts.length)\n          : Math.min(currentAdvertisingSpace?.minLocation || 5, updatedProducts.length)\n        updatedProducts.splice(insertIndex, 0, currentAdvertisingSpace)\n      } else {\n        updatedProducts.splice(findIndex, 1)\n        const insertIndex = closeFilter\n          ? Math.min(currentAdvertisingSpace?.maxLocation || 7, updatedProducts.length)\n          : Math.min(currentAdvertisingSpace?.minLocation || 5, updatedProducts.length)\n        updatedProducts.splice(insertIndex, 0, currentAdvertisingSpace)\n      }\n    }\n    return updatedProducts\n  }\n\n  useImperativeHandle(ref, () => ({\n    clearData() {\n      setData([])\n    },\n  }))\n\n  const onScrollTop = () => {\n    const target = filterCardWrapRef.current\n    if (!target) return\n    const targetY = target.getBoundingClientRect()?.top + window?.pageYOffset - 120\n    window?.scrollTo?.({\n      top: targetY,\n      behavior: 'smooth',\n    })\n  }\n\n  // \u5904\u7406\u4EA7\u54C1\u6570\u636E\n  useEffect(() => {\n    if (result?.slug || result?.id) {\n      (page === 1 || !isMobile) && setData([])\n      if (result?.products) {\n        setData(prevProducts => {\n          // \u68C0\u67E5\u662F\u5426\u5DF2\u7ECF\u5B58\u5728\u4E8E prevProducts \u4E2D\uFF0C\u907F\u514D\u91CD\u590D\u6DFB\u52A0\n          const newProducts = result.products?.filter?.(\n            (product: { id: any }) => !prevProducts.some(prev => prev.id === product.id)\n          )\n          let updatedProducts = [...prevProducts, ...newProducts]\n          /** \u5DF2\u552E\u5B8C\u7684\u4EA7\u54C1 */\n          const soldOutProducts = updatedProducts.filter?.(\n            item =>\n              !(\n                !item?.metafields?.seoSetting?.noindex &&\n                item.availableForSale &&\n                item?.variants?.some((item: { availableForSale: any }) => item.availableForSale)\n              )\n          )\n          // \u5C06\u5DF2\u552E\u5B8C\u7684\u4EA7\u54C1\u6DFB\u52A0\u5230\u6700\u540E\n          updatedProducts.push(...soldOutProducts)\n          // \u8FC7\u6EE4\u6389 availableForSale \u4E3A false \u7684\u4EA7\u54C1\n          updatedProducts = updatedProducts.filter?.(\n            item =>\n              !item?.metafields?.seoSetting?.noindex &&\n              item.availableForSale &&\n              item?.variants?.some((item: { availableForSale: any }) => item.availableForSale)\n          )\n          // \u5982\u679C\u662F\u6709\u6298\u6263\u7684\u4EA7\u54C1\uFF0C\u5219\u8FC7\u6EE4\u6389\u6CA1\u6709\u6298\u6263\u7684\u4EA7\u54C1\n          if (isSale) {\n            updatedProducts = updatedProducts.filter?.((item: any) => {\n              let isShow = false\n              const isColor = item?.options?.find((item: any) => item?.displayName === 'color')\n              if (isColor) {\n                isShow = item?.variants?.find(\n                  (params: any) =>\n                    params?.coupons?.length && params?.coupons?.[0] && typeof params?.coupons?.[0] === 'object'\n                )\n              } else {\n                const isVariants = item?.variants?.[0]?.coupons\n                isShow = isVariants?.length && isVariants?.[0] && typeof isVariants?.[0] === 'object'\n              }\n              return !!isShow\n            })\n          }\n          // \u5982\u679C advertisingSpace \u5B58\u5728\u4E14\u5C1A\u672A\u6DFB\u52A0\u5230\u6570\u7EC4\u4E2D\n          if ((page === 1 && !isMobile) || isMobile) {\n            updatedProducts = handleAdvertisingSpace(updatedProducts)\n          }\n          return updatedProducts\n        })\n      }\n    }\n  }, [result?.products, page, isMobile, advertisingSpace])\n\n  useEffect(() => {\n    if (!data?.length) return\n    if (page === 1 && !isMobile) {\n      setData(handleAdvertisingSpace(data))\n    }\n  }, [closeFilter])\n\n  useEffect(() => {\n    if (data?.length) {\n      refreshStarRating?.()\n    }\n  }, [data])\n\n  return (\n    <div className=\"filter-card-wrap-container\" ref={filterCardWrapRef}>\n      <div\n        className={cn(\n          'min-h-[60vh] w-full grid gap-3 md-tablet:grid-cols-2 grid-cols-3',\n          {\n            'laptop:grid-cols-4 tablet:grid-cols-3': closeFilter && !isMobile,\n            'laptop:grid-cols-3 tablet:grid-cols-2': !closeFilter && !isMobile,\n          },\n          'filter-card-wrap'\n        )}\n      >\n        {data?.map?.(item => {\n          return (\n            <FilterCardWrapItem\n              data={item}\n              key={item.id}\n              buttonText={buttonText}\n              metafields={metafields}\n              onPrimaryChange={(e, data) => onPrimaryChange?.(e, data)}\n              onSecondaryChange={(e, data) => onSecondaryChange?.(e, data)}\n            />\n          )\n        })}\n      </div>\n      {isMobile ? (\n        <div\n          onClick={() => {\n            onNextPage?.(result?.pageInfo?.endCursor)\n          }}\n          className=\"mt-6 text-sm font-bold cursor-pointer flex items-center justify-center gap-1 filter-card-wrap-more\"\n        >\n          <span>{loadMoreText || 'View More'}</span>\n          <div className=\"size-[18px]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"6\" viewBox=\"0 0 12 6\" fill=\"none\">\n              <path\n                d=\"M9.96967 0.21967C10.2626 -0.0732232 10.7373 -0.073223 11.0302 0.21967C11.3231 0.512563 11.3231 0.987324 11.0302 1.28022L6.53022 5.78022C6.23732 6.07311 5.76256 6.07311 5.46967 5.78022L0.96967 1.28022C0.676777 0.987324 0.676777 0.512563 0.96967 0.21967C1.26256 -0.0732233 1.73732 -0.0732233 2.03022 0.21967L5.99994 4.1894L9.96967 0.21967Z\"\n                fill=\"#1D1D1F\"\n              />\n            </svg>\n          </div>\n        </div>\n      ) : null}\n      {!isMobile && total > 18 ? (\n        <div className=\"mt-6 flex items-center justify-end gap-4 cursor-pointer\">\n          <button\n            name=\"perv page\"\n            disabled={!result?.pageInfo?.hasPreviousPage}\n            className={cn(\n              'flex items-center justify-center lg-desktop:size-14 size-10 rounded-full leading-tight overflow-hidden bg-transparent border-[1.5px] border-[#3D3D3F]',\n              {\n                'opacity-50 cursor-not-allowed': !result?.pageInfo?.hasPreviousPage,\n              }\n            )}\n            onClick={() => {\n              onScrollTop?.()\n              onPrevPage?.(result?.pageInfo?.startCursor)\n            }}\n          >\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n              <path\n                d=\"M12 5L7 10L12 15\"\n                stroke=\"#3D3D3F\"\n                stroke-width=\"1.66667\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </button>\n          <button\n            name=\"next page\"\n            className={cn(\n              'flex items-center justify-center lg-desktop:size-14 size-10 rounded-full leading-tight overflow-hidden bg-transparent border-[1.5px] border-[#3D3D3F]',\n              {\n                'opacity-50 cursor-not-allowed': !result?.pageInfo?.hasNextPage,\n              }\n            )}\n            disabled={!result?.pageInfo?.hasNextPage}\n            onClick={() => {\n              onScrollTop?.()\n              onNextPage?.(result?.pageInfo?.endCursor)\n            }}\n          >\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n              <path\n                d=\"M7.5 5L12.5 10L7.5 15\"\n                stroke=\"#3D3D3F\"\n                stroke-width=\"1.66667\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </button>\n        </div>\n      ) : // <Paginator\n      //   className=\"mt-6\"\n      //   currentPage={currentPage}\n      //   onPageChange={(v: number) => {\n      //     setData([])\n      //     if(v > currentPage) {\n      //       onNextPage?.(result?.pageInfo?.endCursor)\n      //     } else {\n      //       onPrevPage?.(result?.pageInfo?.startCursor)\n      //     }\n      //     setCurrentPage(v)\n      //   }}\n      //   total={100}\n      // />\n      null}\n    </div>\n  )\n}\n\nexport default forwardRef(FilterCardWrap)\n"],
-  "mappings": "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",
-  "names": ["FilterCardWrap_exports", "__export", "FilterCardWrap_default", "__toCommonJS", "import_jsx_runtime", "import_utils", "import_react_responsive", "import_FilterCardWrapItem", "import_react", "import_es_toolkit", "FilterCardWrap", "props", "ref", "shopifyData", "isSale", "total", "result", "closeFilter", "page", "metafields", "refreshStarRating", "onPrimaryChange", "onSecondaryChange", "onNextPage", "onPrevPage", "advertisingSpace", "buttonText", "loadMoreText", "currentAdvertisingSpace", "filterCardWrapRef", "data", "setData", "isMobile", "handleAdvertisingSpace", "products", "updatedProducts", "findIndex", "item", "insertIndex", "onScrollTop", "target", "targetY", "prevProducts", "newProducts", "product", "prev", "soldOutProducts", "isShow", "params", "isVariants", "FilterCardWrapItem"]
+  "sourcesContent": ["import { cn } from '../../helpers/utils.js'\nimport { useMediaQuery } from 'react-responsive'\nimport FilterCardWrapItem from './FilterCardWrapItem'\nimport { useRef, useState, useEffect, forwardRef, useImperativeHandle } from 'react'\nimport type { Ref } from 'react'\nimport { cloneDeep } from 'es-toolkit'\n\ntype FilterCardWrapProps = {\n  isSale?: boolean\n  result?: any\n  total: number\n  shopifyData?: any\n  currentPage?: number\n  closeFilter: boolean\n  page: number\n  metafields: any\n  noResultNode?: React.ReactNode\n  refreshStarRating?: () => void\n  onPrimaryChange?: (item: any, sku: string) => void\n  onSecondaryChange?: (item: any, sku: string) => void\n  onNextPage?: (v: string) => void\n  onPrevPage?: (v: string) => void\n}\n\nconst FilterCardWrap = (props: FilterCardWrapProps, ref: Ref<unknown> | undefined) => {\n  const {\n    shopifyData = {},\n    isSale = false,\n    total,\n    result,\n    closeFilter,\n    page,\n    metafields,\n    noResultNode,\n    refreshStarRating,\n    onPrimaryChange,\n    onSecondaryChange,\n    onNextPage,\n    onPrevPage,\n  } = props\n  const { advertisingSpace } = metafields\n  const { buttonText, loadMoreText } = shopifyData\n\n  const currentAdvertisingSpace = advertisingSpace || shopifyData?.advertisingSpace\n\n  const filterCardWrapRef = useRef<any>(null)\n\n  const [data, setData] = useState<any[]>([])\n\n  const isMobile = useMediaQuery({ query: '(max-width: 1024px)' })\n\n  const handleAdvertisingSpace = (products: any[]) => {\n    const updatedProducts = cloneDeep(products || [])\n    if (currentAdvertisingSpace) {\n      const findIndex = updatedProducts.findIndex(item => item.mImage)\n      if (findIndex === -1) {\n        const insertIndex = closeFilter\n          ? Math.min(currentAdvertisingSpace?.maxLocation || 7, updatedProducts.length)\n          : Math.min(currentAdvertisingSpace?.minLocation || 5, updatedProducts.length)\n        updatedProducts.splice(insertIndex, 0, currentAdvertisingSpace)\n      } else {\n        updatedProducts.splice(findIndex, 1)\n        const insertIndex = closeFilter\n          ? Math.min(currentAdvertisingSpace?.maxLocation || 7, updatedProducts.length)\n          : Math.min(currentAdvertisingSpace?.minLocation || 5, updatedProducts.length)\n        updatedProducts.splice(insertIndex, 0, currentAdvertisingSpace)\n      }\n    }\n    return updatedProducts\n  }\n\n  useImperativeHandle(ref, () => ({\n    clearData() {\n      setData([])\n    },\n  }))\n\n  const onScrollTop = () => {\n    const target = filterCardWrapRef.current\n    if (!target) return\n    const targetY = target.getBoundingClientRect()?.top + window?.pageYOffset - 120\n    window?.scrollTo?.({\n      top: targetY,\n      behavior: 'smooth',\n    })\n  }\n\n  const hasNoIndex = (product: { metafields: { seoSetting: { noindex: any } } }) => {\n    return product?.metafields?.seoSetting?.noindex\n  }\n\n  // \u5904\u7406\u4EA7\u54C1\u6570\u636E\n  useEffect(() => {\n    if (result?.slug || result?.id) {\n      if (page === 1 || !isMobile) {\n        setData([])\n      }\n      if (result?.products) {\n        setData(prevProducts => {\n          // \u68C0\u67E5\u662F\u5426\u5DF2\u7ECF\u5B58\u5728\u4E8E prevProducts \u4E2D\uFF0C\u907F\u514D\u91CD\u590D\u6DFB\u52A0\n          const newProducts = result.products?.filter?.(\n            (product: { id: any }) => !prevProducts.some(prev => prev.id === product.id)\n          )\n          let updatedProducts = [...prevProducts, ...newProducts]\n          /** \u5DF2\u552E\u5B8C\u7684\u4EA7\u54C1 */\n          const soldOutProducts = updatedProducts.filter?.(\n            item =>\n              !(\n                !item?.metafields?.seoSetting?.noindex &&\n                item.availableForSale &&\n                item?.variants?.some((item: { availableForSale: any }) => item.availableForSale)\n              )\n          )\n          // \u8FC7\u6EE4\u6389 availableForSale \u4E3A false \u7684\u4EA7\u54C1\n          updatedProducts = updatedProducts.filter?.(\n            item =>\n              !item?.metafields?.seoSetting?.noindex &&\n              item.availableForSale &&\n              item?.variants?.some((item: { availableForSale: any }) => item.availableForSale)\n          )\n          // \u5C06\u5DF2\u552E\u5B8C\u7684\u4EA7\u54C1\u6DFB\u52A0\u5230\u6700\u540E\n          updatedProducts.push(...soldOutProducts)\n          // \u5982\u679C\u662F\u6709\u6298\u6263\u7684\u4EA7\u54C1\uFF0C\u5219\u8FC7\u6EE4\u6389\u6CA1\u6709\u6298\u6263\u7684\u4EA7\u54C1\n          if (isSale) {\n            updatedProducts = updatedProducts.filter?.((item: any) => {\n              let isShow = false\n              const isColor = item?.options?.find((item: any) => item?.displayName === 'color')\n              if (isColor) {\n                isShow = item?.variants?.find(\n                  (params: any) =>\n                    params?.coupons?.length && params?.coupons?.[0] && typeof params?.coupons?.[0] === 'object'\n                )\n              } else {\n                const isVariants = item?.variants?.[0]?.coupons\n                isShow = isVariants?.length && isVariants?.[0] && typeof isVariants?.[0] === 'object'\n              }\n              return !!isShow\n            })\n          }\n          // \u5982\u679C advertisingSpace \u5B58\u5728\u4E14\u5C1A\u672A\u6DFB\u52A0\u5230\u6570\u7EC4\u4E2D\n          if (updatedProducts?.length && ((page === 1 && !isMobile) || isMobile)) {\n            updatedProducts = handleAdvertisingSpace(updatedProducts)\n          }\n          return updatedProducts\n        })\n      }\n    }\n  }, [result?.products, page, isMobile, advertisingSpace, isSale])\n\n  useEffect(() => {\n    if (!data?.length) return\n    if (page === 1 && !isMobile) {\n      setData(handleAdvertisingSpace(data))\n    }\n  }, [closeFilter])\n\n  useEffect(() => {\n    const isClass = document?.querySelector?.('.yotpo-reviews-star-ratings-widget')\n    if (data?.length && (!isClass || isMobile)) {\n      refreshStarRating?.()\n    }\n  }, [data])\n  return (\n    <div className=\"filter-card-wrap-container\" ref={filterCardWrapRef}>\n      <div\n        className={cn(\n          'w-full grid gap-3 md-tablet:grid-cols-2 grid-cols-3',\n          {\n            'laptop:grid-cols-4 tablet:grid-cols-3': closeFilter && !isMobile,\n            'laptop:grid-cols-3 tablet:grid-cols-2': !closeFilter && !isMobile,\n          },\n          'filter-card-wrap'\n        )}\n      >\n        {data?.map?.(item => {\n          if (hasNoIndex(item)) return null\n          return (\n            <FilterCardWrapItem\n              data={item}\n              key={item.id}\n              buttonText={buttonText}\n              metafields={metafields}\n              onPrimaryChange={(e, data) => onPrimaryChange?.(e, data)}\n              onSecondaryChange={(e, data) => onSecondaryChange?.(e, data)}\n            />\n          )\n        })}\n      </div>\n      {!data?.length && noResultNode}\n      {isMobile && result?.pageInfo?.hasNextPage ? (\n        <div\n          onClick={() => {\n            onNextPage?.(result?.pageInfo?.endCursor)\n          }}\n          className=\"mt-6 text-sm font-bold cursor-pointer flex items-center justify-center gap-1 filter-card-wrap-more\"\n        >\n          <span>{loadMoreText || 'View More'}</span>\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"6\" viewBox=\"0 0 12 6\" fill=\"none\">\n            <path\n              d=\"M9.96967 0.21967C10.2626 -0.0732232 10.7373 -0.073223 11.0302 0.21967C11.3231 0.512563 11.3231 0.987324 11.0302 1.28022L6.53022 5.78022C6.23732 6.07311 5.76256 6.07311 5.46967 5.78022L0.96967 1.28022C0.676777 0.987324 0.676777 0.512563 0.96967 0.21967C1.26256 -0.0732233 1.73732 -0.0732233 2.03022 0.21967L5.99994 4.1894L9.96967 0.21967Z\"\n              fill=\"#1D1D1F\"\n            />\n          </svg>\n        </div>\n      ) : null}\n      {!isMobile && total > 18 ? (\n        <div className=\"mt-6 flex items-center justify-end gap-4 cursor-pointer\">\n          <button\n            name=\"perv page\"\n            disabled={!result?.pageInfo?.hasPreviousPage || !data?.length}\n            className={cn(\n              'flex items-center justify-center lg-desktop:size-14 size-10 rounded-full leading-tight overflow-hidden bg-transparent border-[1.5px] border-[#3D3D3F]',\n              {\n                'opacity-50 cursor-not-allowed': !result?.pageInfo?.hasPreviousPage || !data?.length,\n              }\n            )}\n            onClick={() => {\n              onScrollTop?.()\n              onPrevPage?.(result?.pageInfo?.startCursor)\n            }}\n          >\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n              <path\n                d=\"M12 5L7 10L12 15\"\n                stroke=\"#3D3D3F\"\n                stroke-width=\"1.66667\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </button>\n          <button\n            name=\"next page\"\n            className={cn(\n              'flex items-center justify-center lg-desktop:size-14 size-10 rounded-full leading-tight overflow-hidden bg-transparent border-[1.5px] border-[#3D3D3F]',\n              {\n                'opacity-50 cursor-not-allowed': !result?.pageInfo?.hasNextPage || !data?.length,\n              }\n            )}\n            disabled={!result?.pageInfo?.hasNextPage || !data?.length}\n            onClick={() => {\n              onScrollTop?.()\n              onNextPage?.(result?.pageInfo?.endCursor)\n            }}\n          >\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n              <path\n                d=\"M7.5 5L12.5 10L7.5 15\"\n                stroke=\"#3D3D3F\"\n                stroke-width=\"1.66667\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </button>\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\nexport default forwardRef(FilterCardWrap)\n"],
+  "mappings": "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",
+  "names": ["FilterCardWrap_exports", "__export", "FilterCardWrap_default", "__toCommonJS", "import_jsx_runtime", "import_utils", "import_react_responsive", "import_FilterCardWrapItem", "import_react", "import_es_toolkit", "FilterCardWrap", "props", "ref", "shopifyData", "isSale", "total", "result", "closeFilter", "page", "metafields", "noResultNode", "refreshStarRating", "onPrimaryChange", "onSecondaryChange", "onNextPage", "onPrevPage", "advertisingSpace", "buttonText", "loadMoreText", "currentAdvertisingSpace", "filterCardWrapRef", "data", "setData", "isMobile", "handleAdvertisingSpace", "products", "updatedProducts", "findIndex", "item", "insertIndex", "onScrollTop", "target", "targetY", "hasNoIndex", "product", "prevProducts", "newProducts", "prev", "soldOutProducts", "isShow", "params", "isVariants", "isClass", "FilterCardWrapItem"]
 }

package/dist/cjs/biz-components/CollectionsFilters/FilterCardWrapItem.js

@@ -1,2 +1,2 @@
-"use strict";var ye=Object.create;var k=Object.defineProperty;var he=Object.getOwnPropertyDescriptor;var ke=Object.getOwnPropertyNames;var Ce=Object.getPrototypeOf,Ne=Object.prototype.hasOwnProperty;var _e=(e,r)=>{for(var l in r)k(e,l,{get:r[l],enumerable:!0})},J=(e,r,l,g)=>{if(r&&typeof r=="object"||typeof r=="function")for(let p of ke(r))!Ne.call(e,p)&&p!==l&&k(e,p,{get:()=>r[p],enumerable:!(g=he(r,p))||g.enumerable});return e};var P=(e,r,l)=>(l=e!=null?ye(Ce(e)):{},J(r||!e||!e.__esModule?k(l,"default",{value:e,enumerable:!0}):l,e)),Se=e=>J(k({},"__esModule",{value:!0}),e);var Te={};_e(Te,{default:()=>Ie});module.exports=Se(Te);var t=require("react/jsx-runtime"),c=require("../../helpers/utils.js"),K=require("../AiuiProvider/index.js"),Q=require("../ShelfDisplay/shelfDisplay.js"),X=P(require("../../components/badge.js")),Y=require("../../components/text.js"),B=P(require("../../components/button.js")),M=P(require("../../components/picture.js")),C=require("../../shared/trackUrlRef.js"),Z=require("./component/price.js"),n=require("react");const I="image",T="product_shelf",we=999999999e-2,$e=e=>{let r;return e?.includes("products")?r=e?.split("products")[0]+"files/":r=e?.replace(e?.split("files")?.pop()||"","")+"/",r},Pe=({data:e,buttonText:r,itemShape:l,metafields:g,onPrimaryChange:p,onSecondaryChange:ee})=>{const{memberPriceDiscount:te,memberSetting:z,discounts:L,shopCommon:oe}=g,[f,F]=(0,n.useState)(""),[se,O]=(0,n.useState)(""),[x,W]=(0,n.useState)(""),[j,re]=(0,n.useState)(!1),[D,ie]=(0,n.useState)({}),[ne,le]=(0,n.useState)(!1),[H,ae]=(0,n.useState)({price:"",basePrice:""}),[A,ce]=(0,n.useState)([]),[de,me]=(0,n.useState)([]),[v,pe]=(0,n.useState)(""),[ue,fe]=(0,n.useState)(""),{locale:a="us",currencyCode:be,isLogin:U}=(0,K.useAiuiContext)(),N=e?.custom_name||e?.title||e?.name,E=e?.custom_description||e?.description||e?.descriptionHtml,d=e?.filter_variants||e?.variants||[],R=(0,c.atobID)(e?.id||""),ge=o=>W(o),_=(o,i,s,b)=>{le(b),pe(o||""),ae({basePrice:i||"",price:s||""})};return(0,n.useEffect)(()=>{if(x){const s=d?.find(b=>b?.name?.includes?.(x));F(s?.sku||d?.[0]?.sku||""),O(s?.image?.url||d?.[0]?.image?.url||"");return}const o=e?.options?.find(s=>s?.displayName==="color")?.values?.[0]?.label;o&&W(o);const i=d?.find(s=>s?.name?.includes?.(o));F(i?.sku||d?.[0]?.sku||""),O(i?.image?.url||d?.[0]?.image?.url||"")},[x]),(0,n.useEffect)(()=>{if(!f)return;ce(e?.tags||[]);const o=d?.find(m=>m?.sku===f)||d?.[0]||{};ie(o),re(!o?.availableForSale||o?.price?.amount===we);const{infos:i}=o?.metafields||{},{productInfos:s,preRender:b}=e?.metafields||{};fe(i?.comingSoon||s?.comingSoon||b?.soldOut||oe?.soldOut||"");const y=o?.coupons?.[0],{price:V,basePrice:q,discount:xe,discountAmount:ve}=(0,Q.formatVariantPrice)({locale:a,amount:y?y.variant_price4wscode:o.price,baseAmount:y?o.price:0,currencyCode:e?.price?.currencyCode||"USD"}),G=(()=>{if(y?.value_type==="fixed_amount"){const m=ve||"",h=m.match(/^(.*?)(\d[\d.,]*)(.*)$/);if(h){const[,S,u,w]=h;let $=u;return u.endsWith(".00")?$=u.replace(/\.00$/,""):u.endsWith(",00")&&($=u.replace(/,00$/,"")),`${S}${$}${w}`}return m}return xe||""})();if(U){const m=(0,Z.getFunctionMemberPrice)({locale:a,variant:o,shopMemberPriceDiscountConfig:te,currencyCode:be||e?.price?.currencyCode||"USD"});if(m){const{hasMemberPrice:h,salePriceWithCurrency:S,originalPriceWithCurrency:u,savePriceWithCurrency:w}=m;_(w||"",u||"",h?S:"",m?.hasMemberPrice)}else _(G,q||"",V||"",!1)}else _(G,q||"",V||"",!1)},[e,f]),(0,n.useEffect)(()=>{let o=[];if(v){const s=`${v} ${L?.off}`;o.push(s)}const i=A?.filter?.(s=>s?.startsWith?.("CLtag"))?.map?.(s=>s?.replace?.("CLtag:",""))?.slice?.(0,v?1:2);me(o.concat(i))},[A,v]),(0,t.jsx)("div",{className:(0,c.cn)(l==="round"?"rounded-2xl":"rounded-none","tablet:hover:bg-info-white bg-container-secondary-1 box-border w-full cursor-pointer overflow-hidden duration-300",{"aiui-dark":e.theme==="dark"}),children:e?.mImage?(0,t.jsx)("div",{className:"size-full box-border overflow-hidden hover:[&_img]:scale-105",children:(0,t.jsx)("div",{className:"relative inset-0 size-full",children:(0,t.jsxs)("a",{className:"size-full",href:(0,C.trackUrlRef)(e?.link,`${I}_${T}`),children:[(0,t.jsx)(M.default,{alt:"",source:e?.mImage?.url||e?.mImage,className:"size-full [&_img]:object-cover [&_img]:size-full",imgClassName:"size-full object-cover transition-all duration-300"}),(0,t.jsxs)("div",{className:"desktop:p-6 absolute inset-x-0 top-0 box-border overflow-hidden p-4",children:[(0,t.jsx)("p",{className:"desktop:mb-2 mb-1 text-info-primary desktop:text-base text-sm font-bold",dangerouslySetInnerHTML:{__html:e?.subTitle}}),(0,t.jsx)("span",{className:"text-info-secondary desktop:text-[32px] text-[20px] font-bold desktop:leading-9 line-clamp-4 leading-6",dangerouslySetInnerHTML:{__html:e?.title}})]})]})})}):(0,t.jsxs)("div",{className:"size-full desktop:p-6 desktop:pt-4 box-border overflow-hidden flex flex-col justify-between tablet:p-4 p-2 pb-4",children:[(0,t.jsx)("div",{className:"flex flex-wrap gap-1 overflow-hidden collection-filter-tags",children:de?.map?.((o,i)=>(0,t.jsx)(X.default,{className:"whitespace-nowrap max-w-full truncate px-1 box-border font-bold item-badge",children:o},i))}),(0,t.jsx)("a",{target:"_blank","aria-label":N,className:"my-1",href:(0,C.trackUrlRef)(`${a==="us"||!a?"":`/${a}`}/products/${e?.handle}`,`${I}_${T}`),children:(0,t.jsx)("div",{className:(0,c.cn)("m-auto desktop:size-[196px] size-[120px] overflow-hidden"),children:(0,t.jsx)(M.default,{alt:"",source:se,className:"h-full [&_img]:object-cover [&_img]:h-full [&_img]:w-fit"})})}),e?.options?.map(o=>{if(o?.displayName==="color")return(0,t.jsx)("div",{className:"flex items-center gap-1",children:o?.values?.map(i=>{const s=i?.hexColors?i.hexColors?.[0]:i?.label;return(0,t.jsx)("button",{onClick:()=>ge(i?.label),className:(0,c.cn)("size-4 rounded-full cursor-pointer overflow-hidden border-2 border-transparent",`${x===i?.label?"border-[#00BEFA]":""}`),children:(0,t.jsx)("img",{alt:s,className:"h-full w-full object-cover",src:`${$e(e?.images?.[0]?.url)}${s?.toLowerCase().split(" ")?.join("-")}_50x.png`})},i?.label)})})}),(0,t.jsxs)("div",{children:[N?(0,t.jsx)("span",{dangerouslySetInnerHTML:{__html:N||""},className:"shelf-display-product-title line-clamp-2 lg-desktop:text-2xl laptop:text-xl text-base font-bold"}):null,e?.metafields?.judgemeBadge?(0,t.jsx)("a",{target:"_blank",className:"font-bold text-xs [&_.jdgm-star]:text-[#F77234]",dangerouslySetInnerHTML:{__html:e?.metafields?.judgemeBadge},href:(0,C.trackUrlRef)(`${a==="us"||!a?"":`/${a}`}/products/${e?.handle}`,`${I}_${T}`)}):(0,t.jsx)("div",{className:"font-bold text-xs yotpo-widget-instance [&_.yotpo-sr-bottom-line-new-review]:hidden","data-yotpo-instance-id":(0,c.yotpoInstanceId)(a),"data-yotpo-product-id":R,"data-yotpo-cart-product-id":R,"data-yotpo-section-id":""}),E?(0,t.jsx)(Y.Text,{size:2,html:E||"",className:"desktop:text-base laptop:text-sm shelf-display-product-description line-clamp-1 text-xs font-bold"}):null,(0,t.jsxs)("div",{className:"mt-3 mb-2",children:[(0,t.jsx)("p",{dangerouslySetInnerHTML:{__html:U&&ne&&(L?.memberPrice||z?.member_price||z?.plus_member_price)||""},className:"text-info-primary lg-desktop:text-lg desktop:text-base laptop:text-sm text-xs font-bold"}),(0,t.jsx)("div",{className:"flex items-center",children:j?(0,t.jsx)("div",{className:"desktop:text-2xl tablet:text-xl text-info-primary text-base font-bold",children:ue||""}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:"final-price desktop:text-2xl tablet:text-xl text-info-primary text-base font-bold",children:D?.availableForSale&&H?.price||""}),(0,t.jsx)("div",{className:"origin-price desktop:text-xl tablet:text-lg text-info-secondary ml-1 text-sm font-bold line-through",children:D?.availableForSale&&H?.basePrice||""})]})})]}),(0,t.jsxs)("div",{className:(0,c.cn)("shelf-flex-button-group","lg-desktop:gap-3 flex items-center gap-2 m-tablet:flex-col"),children:[(0,t.jsx)(B.default,{variant:"secondary",className:"m-tablet:w-full font-bold",onClick:()=>ee?.(e,f),children:r?.secondaryButton||"Learn More"}),(0,t.jsx)(B.default,{variant:"primary",className:"m-tablet:w-full font-bold",disabled:j,onClick:()=>p?.(e,f),children:r?.primaryButton||"Shop Now"})]})]})]})},e?.id||e?.handle)};var Ie=Pe;
+"use strict";var he=Object.create;var _=Object.defineProperty;var _e=Object.getOwnPropertyDescriptor;var ke=Object.getOwnPropertyNames;var Ce=Object.getPrototypeOf,Ne=Object.prototype.hasOwnProperty;var we=(e,r)=>{for(var i in r)_(e,i,{get:r[i],enumerable:!0})},K=(e,r,i,x)=>{if(r&&typeof r=="object"||typeof r=="function")for(let p of ke(r))!Ne.call(e,p)&&p!==i&&_(e,p,{get:()=>r[p],enumerable:!(x=_e(r,p))||x.enumerable});return e};var P=(e,r,i)=>(i=e!=null?he(Ce(e)):{},K(r||!e||!e.__esModule?_(i,"default",{value:e,enumerable:!0}):i,e)),Se=e=>K(_({},"__esModule",{value:!0}),e);var Be={};we(Be,{default:()=>Te});module.exports=Se(Be);var t=require("react/jsx-runtime"),a=require("../../helpers/utils.js"),Q=require("../AiuiProvider/index.js"),X=require("../ShelfDisplay/shelfDisplay.js"),Y=P(require("../../components/badge.js")),Z=require("../../components/text.js"),B=P(require("../../components/button.js")),M=P(require("../../components/picture.js")),k=require("../../shared/trackUrlRef.js"),ee=require("./component/price.js"),l=require("react");const I="image",T="product_shelf",$e=999999999e-2,Pe=e=>{let r;return e?.includes("products")?r=e?.split("products")[0]+"files/":r=e?.replace(e?.split("files")?.pop()||"","")+"/",r},Ie=({data:e,buttonText:r,itemShape:i,metafields:x,onPrimaryChange:p,onSecondaryChange:te})=>{const{memberPriceDiscount:oe,memberSetting:z,discounts:L,shopCommon:se}=x,[b,W]=(0,l.useState)(""),[re,j]=(0,l.useState)(""),[g,F]=(0,l.useState)(""),[O,ne]=(0,l.useState)(!1),[D,le]=(0,l.useState)({}),[ie,ae]=(0,l.useState)(!1),[H,ce]=(0,l.useState)({price:"",basePrice:""}),[A,de]=(0,l.useState)([]),[me,ue]=(0,l.useState)([]),[y,pe]=(0,l.useState)(""),[fe,be]=(0,l.useState)(""),{locale:c="us",currencyCode:ge,isLogin:U}=(0,Q.useAiuiContext)(),C=e?.custom_name||e?.title||e?.name,E=e?.custom_description||e?.description||e?.descriptionHtml,m=e?.filter_variants||e?.variants||[],R=(0,a.atobID)(e?.id||""),V=e?.images?.[0]?.url,xe=o=>F(o),N=(o,n,s,d)=>{ae(d),pe(o||""),ce({basePrice:n||"",price:s||""})};return(0,l.useEffect)(()=>{if(g){const s=m?.find(d=>d?.name?.includes?.(g));W(s?.sku||m?.[0]?.sku||""),j(s?.image?.url||m?.[0]?.image?.url||"");return}const o=e?.options?.find(s=>s?.displayName==="color")?.values?.[0]?.label;o&&F(o);const n=m?.find(s=>s?.name?.includes?.(o));W(n?.sku||m?.[0]?.sku||""),j(n?.image?.url||m?.[0]?.image?.url||"")},[g]),(0,l.useEffect)(()=>{if(!b)return;de(e?.tags||[]);const o=m?.find(u=>u?.sku===b)||m?.[0]||{};le(o),ne(!o?.availableForSale||o?.price?.amount===$e);const{infos:n}=o?.metafields||{},{productInfos:s,preRender:d}=e?.metafields||{};be(n?.comingSoon||s?.comingSoon||d?.soldOut||se?.soldOut||"");const v=o?.coupons?.[0],{price:q,basePrice:G,discount:ye,discountAmount:ve}=(0,X.formatVariantPrice)({locale:c,amount:v?v.variant_price4wscode:o.price,baseAmount:v?o.price:0,currencyCode:e?.price?.currencyCode||"USD"}),J=(()=>{if(v?.value_type==="fixed_amount"){const u=ve||"",h=u.match(/^(.*?)(\d[\d.,]*)(.*)$/);if(h){const[,w,f,S]=h;let $=f;return f.endsWith(".00")?$=f.replace(/\.00$/,""):f.endsWith(",00")&&($=f.replace(/,00$/,"")),`${w}${$}${S}`}return u}return ye||""})();if(U){const u=(0,ee.getFunctionMemberPrice)({locale:c,variant:o,shopMemberPriceDiscountConfig:oe,currencyCode:ge||e?.price?.currencyCode||"USD"});if(u){const{hasMemberPrice:h,salePriceWithCurrency:w,originalPriceWithCurrency:f,savePriceWithCurrency:S}=u;N(S||"",f||"",h?w:"",u?.hasMemberPrice)}else N(J,G||"",q||"",!1)}else N(J,G||"",q||"",!1)},[e,b]),(0,l.useEffect)(()=>{let o=[];if(y){const s=`${y} ${L?.off}`;o.push(s)}const n=A?.filter?.(s=>s?.startsWith?.("CLtag"))?.map?.(s=>s?.replace?.("CLtag:",""))?.slice?.(0,y?1:2);ue(o.concat(n))},[A,y]),(0,t.jsx)("div",{className:(0,a.cn)(i==="round"?"rounded-2xl":"rounded-none","tablet:hover:bg-info-white bg-container-secondary-1 box-border w-full cursor-pointer overflow-hidden duration-300",{"aiui-dark":e.theme==="dark"}),children:e?.mImage?(0,t.jsx)("div",{className:"size-full box-border overflow-hidden hover:[&_img]:scale-105",children:(0,t.jsx)("div",{className:"relative inset-0 size-full",children:(0,t.jsxs)("a",{className:"size-full",href:(0,k.trackUrlRef)(e?.link,`${I}_${T}`),children:[(0,t.jsx)(M.default,{alt:"",source:e?.mImage?.url||e?.mImage,className:"size-full [&_img]:object-cover [&_img]:size-full",imgClassName:"size-full object-cover transition-all duration-300"}),(0,t.jsxs)("div",{className:"desktop:p-6 absolute inset-x-0 top-0 box-border overflow-hidden p-4",children:[(0,t.jsx)("p",{className:"desktop:mb-2 mb-1 text-info-primary desktop:text-base text-sm font-bold",dangerouslySetInnerHTML:{__html:e?.subTitle}}),(0,t.jsx)("span",{className:"text-info-secondary desktop:text-[32px] text-[20px] font-bold desktop:leading-9 line-clamp-4 leading-6",dangerouslySetInnerHTML:{__html:e?.title}})]})]})})}):(0,t.jsxs)("div",{className:"size-full desktop:p-6 desktop:pt-4 box-border overflow-hidden flex flex-col justify-between tablet:p-4 p-2 pb-4",children:[(0,t.jsx)("div",{className:"min-h-6 flex flex-wrap gap-1 overflow-hidden collection-filter-tags",children:me?.map?.((o,n)=>(0,t.jsx)(Y.default,{className:"whitespace-nowrap max-w-full truncate px-1 box-border font-bold item-badge",children:o},n))}),(0,t.jsx)("a",{target:"_blank","aria-label":C,className:"my-1",href:(0,k.trackUrlRef)(`${c==="us"||!c?"":`/${c}`}/products/${e?.handle}`,`${I}_${T}`),children:(0,t.jsx)("div",{className:(0,a.cn)("m-auto desktop:size-[196px] size-[120px] overflow-hidden"),children:(0,t.jsx)(M.default,{alt:"",source:re,className:"h-full [&_img]:object-cover [&_img]:h-full [&_img]:w-fit"})})}),e?.options?.map(o=>{if(o?.displayName==="color")return(0,t.jsx)("div",{className:"flex items-center gap-1",children:o?.values?.map(n=>{const s=n?.hexColors?n.hexColors?.[0]:n?.label,d=s.startsWith("#")?s:"";return(0,t.jsx)("button",{onClick:()=>xe(n?.label),className:(0,a.cn)("size-4 rounded-full cursor-pointer overflow-hidden",`${g===n?.label?"border-[#00BEFA]":""}`),children:(0,t.jsx)("span",{className:(0,a.cn)("h-full w-full overflow-hidden border-[0.5px] border-transparent","relative flex items-center justify-center overflow-hidden rounded-full",g===n?.label&&"border-[#ddd]"),style:d?{backgroundColor:d}:{},children:!d&&V&&(0,t.jsx)("img",{alt:s,className:"h-full w-full object-cover",src:`${Pe(V)}${s?.toLowerCase().split(" ")?.join("-")}_50x.png`})})},n?.label)})})}),(0,t.jsxs)("div",{children:[C?(0,t.jsx)("span",{dangerouslySetInnerHTML:{__html:C||""},className:"shelf-display-product-title line-clamp-2 lg-desktop:text-2xl laptop:text-xl text-base font-bold"}):null,e?.metafields?.judgemeBadge?(0,t.jsx)("a",{target:"_blank",className:"font-bold text-xs [&_.jdgm-star]:text-[#F77234]",dangerouslySetInnerHTML:{__html:e?.metafields?.judgemeBadge},href:(0,k.trackUrlRef)(`${c==="us"||!c?"":`/${c}`}/products/${e?.handle}`,`${I}_${T}`)}):(0,t.jsx)("div",{className:"w-full truncate font-bold yotpo-widget-instance [&_.yotpo-sr-bottom-line-new-review]:hidden [&_.yotpo-sr-bottom-line-text]:!text-xs [&_.yotpo-sr-bottom-line-text]:!pt-0 [&_.yotpo-sr-bottom-line-summary]:!items-center [&_.yotpo-sr-bottom-line-summary_span]:!h-auto [&_.yotpo-sr-bottom-line-summary_svg]:!mr-[3px]","data-yotpo-instance-id":(0,a.yotpoInstanceId)(c),"data-yotpo-product-id":R,"data-yotpo-cart-product-id":R,"data-yotpo-section-id":""}),E?(0,t.jsx)(Z.Text,{size:2,html:E||"",className:"desktop:text-base laptop:text-sm shelf-display-product-description line-clamp-1 text-xs font-bold"}):null,(0,t.jsxs)("div",{className:"mt-3 mb-2",children:[(0,t.jsx)("p",{dangerouslySetInnerHTML:{__html:U&&ie&&(L?.memberPrice||z?.member_price||z?.plus_member_price)||""},className:"text-info-primary lg-desktop:text-lg desktop:text-base laptop:text-sm text-xs font-bold"}),(0,t.jsx)("div",{className:"flex items-center",children:O?(0,t.jsx)("div",{className:"desktop:text-2xl tablet:text-xl text-info-primary text-base font-bold",children:fe||""}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:"final-price desktop:text-2xl tablet:text-xl text-info-primary text-base font-bold",children:D?.availableForSale&&H?.price||""}),(0,t.jsx)("div",{className:"origin-price desktop:text-xl tablet:text-lg text-info-secondary ml-1 text-sm font-bold line-through",children:D?.availableForSale&&H?.basePrice||""})]})})]}),(0,t.jsxs)("div",{className:(0,a.cn)("shelf-flex-button-group","lg-desktop:gap-3 flex items-center gap-2 m-tablet:flex-col"),children:[(0,t.jsx)(B.default,{variant:"secondary",className:"m-tablet:w-full font-bold",onClick:()=>te?.(e,b),children:r?.secondaryButton||"Learn More"}),(0,t.jsx)(B.default,{variant:"primary",className:"m-tablet:w-full font-bold",disabled:O,onClick:()=>p?.(e,b),children:r?.primaryButton||"Shop Now"})]})]})]})},e?.id||e?.handle)};var Te=Ie;
 //# sourceMappingURL=FilterCardWrapItem.js.map

package/dist/cjs/biz-components/CollectionsFilters/FilterCardWrapItem.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/CollectionsFilters/FilterCardWrapItem.tsx"],
-  "sourcesContent": ["import { cn, atobID, yotpoInstanceId } from '../../helpers/utils.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport { formatVariantPrice } from '../ShelfDisplay/shelfDisplay.js'\nimport Badge from '../../components/badge.js'\nimport { Text } from '../../components/text.js'\nimport Button from '../../components/button.js'\nimport Picture from '../../components/picture.js'\nimport { trackUrlRef } from '../../shared/trackUrlRef.js'\nimport { getFunctionMemberPrice } from './component/price.js'\nimport { useState, useEffect } from 'react'\n\nconst componentType = 'image'\nconst componentName = 'product_shelf'\n\nconst SOLD_OUT_PRICE = 9999999.99\n\nconst getShopifyCdnBaseUrl = (imagePath: string | null) => {\n  // \u76EE\u524D\u77E5\u9053\u7684 shopify \u56FE\u7247\u8DEF\u7531\u7684\u5F62\u5F0F\n  // https://cdn.shopify.com/s/files/1/0493/9834/9974/files/Group_5581_2.jpg?v=1662379184\n  // https://cdn.shopify.com/s/files/1/0493/9834/9974/products/B2633123.jpg?v=1631264041_3840x\n  // \u8FD4\u56DE https://cdn.shopify.com/s/files/1/0493/9834/9974/files/\n  let path\n  if (imagePath?.includes('products')) {\n    path = imagePath?.split('products')[0] + 'files/'\n  } else {\n    path = imagePath?.replace(imagePath?.split('files')?.pop() || '', '') + '/'\n  }\n  return path\n}\n\ntype FilterCardWrapItemProps = {\n  data: any\n  buttonText?: any\n  itemShape?: string\n  metafields: any\n  onPrimaryChange?: (item: any, sku: string) => void\n  onSecondaryChange?: (item: any, sku: string) => void\n}\n\nconst FilterCardWrapItem = ({\n  data,\n  buttonText,\n  itemShape,\n  metafields,\n  onPrimaryChange,\n  onSecondaryChange,\n}: FilterCardWrapItemProps) => {\n  const { memberPriceDiscount, memberSetting, discounts, shopCommon } = metafields\n  const [currentSku, setCurrentSku] = useState<string>('')\n  const [currentImage, setCurrentImage] = useState<string>('')\n  const [selectedColor, setSelectedColor] = useState<string>('')\n  const [isSoldOut, setIsSoldOut] = useState<any>(false)\n  const [currentVariant, setCurrentVariant] = useState<any>({})\n  const [plusMemberStatus, setPlusMemberStatus] = useState<boolean>(false)\n  const [priceCollection, setPriceCollection] = useState<{ price: string; basePrice: string }>({\n    price: '',\n    basePrice: '',\n  })\n  const [tags, setTags] = useState<string[]>([])\n  const [showTags, setShowTags] = useState<string[]>([])\n  const [discountCollection, setDiscountCollection] = useState<string>('')\n  const [soldOutText, setSoldOutText] = useState<string>('')\n\n  const { locale = 'us', currencyCode, isLogin } = useAiuiContext()\n\n  const displayTitle = data?.custom_name || data?.title || data?.name\n  const displayDescription = data?.custom_description || data?.description || data?.descriptionHtml\n  const skuArray = data?.filter_variants || data?.variants || []\n  const id = atobID(data?.id || '')\n\n  const onColorClick = (color: string) => setSelectedColor(color)\n\n  const handleBasePrice = (discount: string, priceCurrency: string, salePrice: string, status: boolean) => {\n    setPlusMemberStatus(status)\n    setDiscountCollection(discount || '')\n    setPriceCollection({\n      basePrice: priceCurrency || '',\n      price: salePrice || '',\n    })\n  }\n\n  useEffect(() => {\n    if (selectedColor) {\n      const findSku = skuArray?.find((item: any) => item?.name?.includes?.(selectedColor))\n      setCurrentSku(findSku?.sku || skuArray?.[0]?.sku || '')\n      setCurrentImage(findSku?.image?.url || skuArray?.[0]?.image?.url || '')\n      return\n    }\n    const firstOption = data?.options?.find((item: any) => item?.displayName === 'color')?.values?.[0]?.label\n    firstOption && setSelectedColor(firstOption)\n    const findSku = skuArray?.find((item: any) => item?.name?.includes?.(firstOption))\n    setCurrentSku(findSku?.sku || skuArray?.[0]?.sku || '')\n    setCurrentImage(findSku?.image?.url || skuArray?.[0]?.image?.url || '')\n  }, [selectedColor])\n\n  useEffect(() => {\n    if (!currentSku) return\n    setTags(data?.tags || [])\n    const variant = skuArray?.find((item: any) => item?.sku === currentSku) || skuArray?.[0] || {}\n    setCurrentVariant(variant)\n    setIsSoldOut(!variant?.availableForSale || variant?.price?.amount === SOLD_OUT_PRICE)\n    const { infos } = variant?.metafields || {}\n    const { productInfos, preRender } = data?.metafields || {}\n    setSoldOutText(infos?.comingSoon || productInfos?.comingSoon || preRender?.soldOut || shopCommon?.soldOut || '')\n    // active \u7684 \u901A\u7528\u6298\u6263\n    const coupon = variant?.coupons?.[0]\n    const { price, basePrice, discount, discountAmount } = formatVariantPrice({\n      locale: locale,\n      amount: coupon ? coupon.variant_price4wscode : variant.price,\n      baseAmount: coupon ? variant.price : 0,\n      currencyCode: data?.price?.currencyCode || 'USD',\n    })\n    const showPrice = (() => {\n      if (coupon?.value_type === 'fixed_amount') {\n        const amountStr = discountAmount || ''\n        const match = amountStr.match(/^(.*?)(\\d[\\d.,]*)(.*)$/)\n        if (match) {\n          const [, prefix, numeric, suffix] = match\n          let updatedNumeric = numeric\n          if (numeric.endsWith('.00')) {\n            updatedNumeric = numeric.replace(/\\.00$/, '')\n          } else if (numeric.endsWith(',00')) {\n            updatedNumeric = numeric.replace(/,00$/, '')\n          }\n          return `${prefix}${updatedNumeric}${suffix}`\n        }\n        return amountStr\n      }\n      return discount || ''\n    })()\n    // \u4F1A\u5458\u6298\u6263\n    if (isLogin) {\n      const result = getFunctionMemberPrice({\n        locale: locale,\n        variant: variant,\n        shopMemberPriceDiscountConfig: memberPriceDiscount,\n        currencyCode: currencyCode || data?.price?.currencyCode || 'USD',\n      })\n      if (result) {\n        const { hasMemberPrice, salePriceWithCurrency, originalPriceWithCurrency, savePriceWithCurrency } = result\n        handleBasePrice(\n          savePriceWithCurrency || '',\n          originalPriceWithCurrency || '',\n          hasMemberPrice ? salePriceWithCurrency : '',\n          result?.hasMemberPrice\n        )\n      } else {\n        handleBasePrice(showPrice, basePrice || '', price || '', false)\n      }\n    } else {\n      handleBasePrice(showPrice, basePrice || '', price || '', false)\n    }\n  }, [data, currentSku])\n\n  // \u5904\u7406\u6807\u7B7E\n  useEffect(() => {\n    let handleTags: string[] = []\n    if (discountCollection) {\n      const discountTag = `${discountCollection} ${discounts?.off}`\n      handleTags.push(discountTag)\n    }\n    const newTags = tags\n      ?.filter?.((item: string) => item?.startsWith?.('CLtag'))\n      ?.map?.((item: string) => item?.replace?.('CLtag:', ''))\n      ?.slice?.(0, discountCollection ? 1 : 2)\n    setShowTags(handleTags.concat(newTags))\n  }, [tags, discountCollection])\n\n  return (\n    <div\n      key={data?.id || data?.handle}\n      className={cn(\n        itemShape === 'round' ? 'rounded-2xl' : 'rounded-none',\n        'tablet:hover:bg-info-white bg-container-secondary-1 box-border w-full cursor-pointer overflow-hidden duration-300',\n        {\n          'aiui-dark': data.theme === 'dark',\n        }\n      )}\n    >\n      {data?.mImage ? (\n        <div className=\"size-full box-border overflow-hidden hover:[&_img]:scale-105\">\n          <div className=\"relative inset-0 size-full\">\n            <a className=\"size-full\" href={trackUrlRef(data?.link, `${componentType}_${componentName}`)}>\n              <Picture\n                alt=\"\"\n                source={data?.mImage?.url || data?.mImage}\n                className=\"size-full [&_img]:object-cover [&_img]:size-full\"\n                imgClassName=\"size-full object-cover transition-all duration-300\"\n              />\n              <div className=\"desktop:p-6 absolute inset-x-0 top-0 box-border overflow-hidden p-4\">\n                <p\n                  className=\"desktop:mb-2 mb-1 text-info-primary desktop:text-base text-sm font-bold\"\n                  dangerouslySetInnerHTML={{ __html: data?.subTitle }}\n                />\n                <span\n                  className=\"text-info-secondary desktop:text-[32px] text-[20px] font-bold desktop:leading-9 line-clamp-4 leading-6\"\n                  dangerouslySetInnerHTML={{ __html: data?.title }}\n                />\n              </div>\n            </a>\n          </div>\n        </div>\n      ) : (\n        <div className=\"size-full desktop:p-6 desktop:pt-4 box-border overflow-hidden flex flex-col justify-between tablet:p-4 p-2 pb-4\">\n          <div className=\"flex flex-wrap gap-1 overflow-hidden collection-filter-tags\">\n            {showTags?.map?.((item: string, index: number) => (\n              <Badge key={index} className=\"whitespace-nowrap max-w-full truncate px-1 box-border font-bold item-badge\">\n                {item}\n              </Badge>\n            ))}\n          </div>\n          <a\n            target=\"_blank\"\n            aria-label={displayTitle}\n            className=\"my-1\"\n            href={trackUrlRef(\n              `${locale === 'us' || !locale ? '' : `/${locale}`}/products/${data?.handle}`,\n              `${componentType}_${componentName}`\n            )}\n          >\n            <div className={cn('m-auto desktop:size-[196px] size-[120px] overflow-hidden')}>\n              <Picture\n                alt=\"\"\n                source={currentImage}\n                className=\"h-full [&_img]:object-cover [&_img]:h-full [&_img]:w-fit\"\n              />\n            </div>\n          </a>\n          {data?.options?.map((option: any) => {\n            if (option?.displayName === 'color') {\n              return (\n                <div className=\"flex items-center gap-1\">\n                  {option?.values?.map((item: any) => {\n                    const color = item?.hexColors ? item.hexColors?.[0] : item?.label\n                    return (\n                      <button\n                        key={item?.label}\n                        onClick={() => onColorClick(item?.label)}\n                        className={cn(\n                          'size-4 rounded-full cursor-pointer overflow-hidden border-2 border-transparent',\n                          `${selectedColor === item?.label ? 'border-[#00BEFA]' : ''}`\n                        )}\n                      >\n                        <img\n                          alt={color}\n                          className=\"h-full w-full object-cover\"\n                          src={`${getShopifyCdnBaseUrl(data?.images?.[0]?.url)}${color\n                            ?.toLowerCase()\n                            .split(' ')\n                            ?.join('-')}_${'50x'}.png`}\n                        />\n                      </button>\n                    )\n                  })}\n                </div>\n              )\n            }\n          })}\n          <div>\n            {displayTitle ? (\n              <span\n                dangerouslySetInnerHTML={{ __html: displayTitle || '' }}\n                className=\"shelf-display-product-title line-clamp-2 lg-desktop:text-2xl laptop:text-xl text-base font-bold\"\n              />\n            ) : null}\n            {data?.metafields?.judgemeBadge ? (\n              <a\n                target=\"_blank\"\n                className=\"font-bold text-xs [&_.jdgm-star]:text-[#F77234]\"\n                dangerouslySetInnerHTML={{ __html: data?.metafields?.judgemeBadge }}\n                href={trackUrlRef(\n                  `${locale === 'us' || !locale ? '' : `/${locale}`}/products/${data?.handle}`,\n                  `${componentType}_${componentName}`\n                )}\n              />\n            ) : (\n              <div\n                className=\"font-bold text-xs yotpo-widget-instance [&_.yotpo-sr-bottom-line-new-review]:hidden\"\n                data-yotpo-instance-id={yotpoInstanceId(locale)}\n                data-yotpo-product-id={id}\n                data-yotpo-cart-product-id={id}\n                data-yotpo-section-id=\"\"\n              />\n            )}\n            {displayDescription ? (\n              <Text\n                size={2}\n                html={displayDescription || ''}\n                className=\"desktop:text-base laptop:text-sm shelf-display-product-description line-clamp-1 text-xs font-bold\"\n              />\n            ) : null}\n            <div className=\"mt-3 mb-2\">\n              <p\n                dangerouslySetInnerHTML={{\n                  __html:\n                    isLogin && plusMemberStatus\n                      ? discounts?.memberPrice || memberSetting?.member_price || memberSetting?.plus_member_price || ''\n                      : '',\n                }}\n                className=\"text-info-primary lg-desktop:text-lg desktop:text-base laptop:text-sm text-xs font-bold\"\n              />\n              <div className=\"flex items-center\">\n                {isSoldOut ? (\n                  <div className=\"desktop:text-2xl tablet:text-xl text-info-primary text-base font-bold\">\n                    {soldOutText || ''}\n                  </div>\n                ) : (\n                  <>\n                    <div className=\"final-price desktop:text-2xl tablet:text-xl text-info-primary text-base font-bold\">\n                      {currentVariant?.availableForSale ? priceCollection?.price || '' : ''}\n                    </div>\n                    <div className=\"origin-price desktop:text-xl tablet:text-lg text-info-secondary ml-1 text-sm font-bold line-through\">\n                      {currentVariant?.availableForSale ? priceCollection?.basePrice || '' : ''}\n                    </div>\n                  </>\n                )}\n              </div>\n            </div>\n            {/* \u6309\u94AE\u7EC4 */}\n            <div\n              className={cn('shelf-flex-button-group', 'lg-desktop:gap-3 flex items-center gap-2 m-tablet:flex-col')}\n            >\n              <Button\n                variant=\"secondary\"\n                className=\"m-tablet:w-full font-bold\"\n                onClick={() => onSecondaryChange?.(data, currentSku)}\n              >\n                {buttonText?.secondaryButton || 'Learn More'}\n              </Button>\n              <Button\n                variant=\"primary\"\n                className=\"m-tablet:w-full font-bold\"\n                disabled={isSoldOut}\n                onClick={() => onPrimaryChange?.(data, currentSku)}\n              >\n                {buttonText?.primaryButton || 'Shop Now'}\n              </Button>\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\nexport default FilterCardWrapItem\n"],
-  "mappings": "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",
-  "names": ["FilterCardWrapItem_exports", "__export", "FilterCardWrapItem_default", "__toCommonJS", "import_jsx_runtime", "import_utils", "import_AiuiProvider", "import_shelfDisplay", "import_badge", "import_text", "import_button", "import_picture", "import_trackUrlRef", "import_price", "import_react", "componentType", "componentName", "SOLD_OUT_PRICE", "getShopifyCdnBaseUrl", "imagePath", "path", "FilterCardWrapItem", "data", "buttonText", "itemShape", "metafields", "onPrimaryChange", "onSecondaryChange", "memberPriceDiscount", "memberSetting", "discounts", "shopCommon", "currentSku", "setCurrentSku", "currentImage", "setCurrentImage", "selectedColor", "setSelectedColor", "isSoldOut", "setIsSoldOut", "currentVariant", "setCurrentVariant", "plusMemberStatus", "setPlusMemberStatus", "priceCollection", "setPriceCollection", "tags", "setTags", "showTags", "setShowTags", "discountCollection", "setDiscountCollection", "soldOutText", "setSoldOutText", "locale", "currencyCode", "isLogin", "displayTitle", "displayDescription", "skuArray", "id", "onColorClick", "color", "handleBasePrice", "discount", "priceCurrency", "salePrice", "status", "findSku", "item", "firstOption", "variant", "infos", "productInfos", "preRender", "coupon", "price", "basePrice", "discountAmount", "showPrice", "amountStr", "match", "prefix", "numeric", "suffix", "updatedNumeric", "result", "hasMemberPrice", "salePriceWithCurrency", "originalPriceWithCurrency", "savePriceWithCurrency", "handleTags", "discountTag", "newTags", "Picture", "index", "Badge", "option", "Button"]
+  "sourcesContent": ["import { cn, atobID, yotpoInstanceId } from '../../helpers/utils.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport { formatVariantPrice } from '../ShelfDisplay/shelfDisplay.js'\nimport Badge from '../../components/badge.js'\nimport { Text } from '../../components/text.js'\nimport Button from '../../components/button.js'\nimport Picture from '../../components/picture.js'\nimport { trackUrlRef } from '../../shared/trackUrlRef.js'\nimport { getFunctionMemberPrice } from './component/price.js'\nimport { useState, useEffect } from 'react'\n\nconst componentType = 'image'\nconst componentName = 'product_shelf'\n\nconst SOLD_OUT_PRICE = 9999999.99\n\nconst getShopifyCdnBaseUrl = (imagePath: string | null) => {\n  // \u76EE\u524D\u77E5\u9053\u7684 shopify \u56FE\u7247\u8DEF\u7531\u7684\u5F62\u5F0F\n  // https://cdn.shopify.com/s/files/1/0493/9834/9974/files/Group_5581_2.jpg?v=1662379184\n  // https://cdn.shopify.com/s/files/1/0493/9834/9974/products/B2633123.jpg?v=1631264041_3840x\n  // \u8FD4\u56DE https://cdn.shopify.com/s/files/1/0493/9834/9974/files/\n  let path\n  if (imagePath?.includes('products')) {\n    path = imagePath?.split('products')[0] + 'files/'\n  } else {\n    path = imagePath?.replace(imagePath?.split('files')?.pop() || '', '') + '/'\n  }\n  return path\n}\n\ntype FilterCardWrapItemProps = {\n  data: any\n  buttonText?: any\n  itemShape?: string\n  metafields: any\n  onPrimaryChange?: (item: any, sku: string) => void\n  onSecondaryChange?: (item: any, sku: string) => void\n}\n\nconst FilterCardWrapItem = ({\n  data,\n  buttonText,\n  itemShape,\n  metafields,\n  onPrimaryChange,\n  onSecondaryChange,\n}: FilterCardWrapItemProps) => {\n  const { memberPriceDiscount, memberSetting, discounts, shopCommon } = metafields\n  const [currentSku, setCurrentSku] = useState<string>('')\n  const [currentImage, setCurrentImage] = useState<string>('')\n  const [selectedColor, setSelectedColor] = useState<string>('')\n  const [isSoldOut, setIsSoldOut] = useState<boolean>(false)\n  const [currentVariant, setCurrentVariant] = useState<any>({})\n  const [plusMemberStatus, setPlusMemberStatus] = useState<boolean>(false)\n  const [priceCollection, setPriceCollection] = useState<{ price: string; basePrice: string }>({\n    price: '',\n    basePrice: '',\n  })\n  const [tags, setTags] = useState<string[]>([])\n  const [showTags, setShowTags] = useState<string[]>([])\n  const [discountCollection, setDiscountCollection] = useState<string>('')\n  const [soldOutText, setSoldOutText] = useState<string>('')\n\n  const { locale = 'us', currencyCode, isLogin } = useAiuiContext()\n\n  const displayTitle = data?.custom_name || data?.title || data?.name\n  const displayDescription = data?.custom_description || data?.description || data?.descriptionHtml\n  const skuArray = data?.filter_variants || data?.variants || []\n  const id = atobID(data?.id || '')\n\n  const imagePath = data?.images?.[0]?.url\n\n  const onColorClick = (color: string) => setSelectedColor(color)\n\n  const handleBasePrice = (discount: string, priceCurrency: string, salePrice: string, status: boolean) => {\n    setPlusMemberStatus(status)\n    setDiscountCollection(discount || '')\n    setPriceCollection({\n      basePrice: priceCurrency || '',\n      price: salePrice || '',\n    })\n  }\n\n  useEffect(() => {\n    if (selectedColor) {\n      const findSku = skuArray?.find((item: any) => item?.name?.includes?.(selectedColor))\n      setCurrentSku(findSku?.sku || skuArray?.[0]?.sku || '')\n      setCurrentImage(findSku?.image?.url || skuArray?.[0]?.image?.url || '')\n      return\n    }\n    const firstOption = data?.options?.find((item: any) => item?.displayName === 'color')?.values?.[0]?.label\n    firstOption && setSelectedColor(firstOption)\n    const findSku = skuArray?.find((item: any) => item?.name?.includes?.(firstOption))\n    setCurrentSku(findSku?.sku || skuArray?.[0]?.sku || '')\n    setCurrentImage(findSku?.image?.url || skuArray?.[0]?.image?.url || '')\n  }, [selectedColor])\n\n  useEffect(() => {\n    if (!currentSku) return\n    setTags(data?.tags || [])\n    const variant = skuArray?.find((item: any) => item?.sku === currentSku) || skuArray?.[0] || {}\n    setCurrentVariant(variant)\n    setIsSoldOut(!variant?.availableForSale || variant?.price?.amount === SOLD_OUT_PRICE)\n    const { infos } = variant?.metafields || {}\n    const { productInfos, preRender } = data?.metafields || {}\n    setSoldOutText(infos?.comingSoon || productInfos?.comingSoon || preRender?.soldOut || shopCommon?.soldOut || '')\n    // active \u7684 \u901A\u7528\u6298\u6263\n    const coupon = variant?.coupons?.[0]\n    const { price, basePrice, discount, discountAmount } = formatVariantPrice({\n      locale: locale,\n      amount: coupon ? coupon.variant_price4wscode : variant.price,\n      baseAmount: coupon ? variant.price : 0,\n      currencyCode: data?.price?.currencyCode || 'USD',\n    })\n    const showPrice = (() => {\n      if (coupon?.value_type === 'fixed_amount') {\n        const amountStr = discountAmount || ''\n        const match = amountStr.match(/^(.*?)(\\d[\\d.,]*)(.*)$/)\n        if (match) {\n          const [, prefix, numeric, suffix] = match\n          let updatedNumeric = numeric\n          if (numeric.endsWith('.00')) {\n            updatedNumeric = numeric.replace(/\\.00$/, '')\n          } else if (numeric.endsWith(',00')) {\n            updatedNumeric = numeric.replace(/,00$/, '')\n          }\n          return `${prefix}${updatedNumeric}${suffix}`\n        }\n        return amountStr\n      }\n      return discount || ''\n    })()\n    // \u4F1A\u5458\u6298\u6263\n    if (isLogin) {\n      const result = getFunctionMemberPrice({\n        locale: locale,\n        variant: variant,\n        shopMemberPriceDiscountConfig: memberPriceDiscount,\n        currencyCode: currencyCode || data?.price?.currencyCode || 'USD',\n      })\n      if (result) {\n        const { hasMemberPrice, salePriceWithCurrency, originalPriceWithCurrency, savePriceWithCurrency } = result\n        handleBasePrice(\n          savePriceWithCurrency || '',\n          originalPriceWithCurrency || '',\n          hasMemberPrice ? salePriceWithCurrency : '',\n          result?.hasMemberPrice\n        )\n      } else {\n        handleBasePrice(showPrice, basePrice || '', price || '', false)\n      }\n    } else {\n      handleBasePrice(showPrice, basePrice || '', price || '', false)\n    }\n  }, [data, currentSku])\n\n  // \u5904\u7406\u6807\u7B7E\n  useEffect(() => {\n    let handleTags: string[] = []\n    if (discountCollection) {\n      const discountTag = `${discountCollection} ${discounts?.off}`\n      handleTags.push(discountTag)\n    }\n    const newTags = tags\n      ?.filter?.((item: string) => item?.startsWith?.('CLtag'))\n      ?.map?.((item: string) => item?.replace?.('CLtag:', ''))\n      ?.slice?.(0, discountCollection ? 1 : 2)\n    setShowTags(handleTags.concat(newTags))\n  }, [tags, discountCollection])\n\n  return (\n    <div\n      key={data?.id || data?.handle}\n      className={cn(\n        itemShape === 'round' ? 'rounded-2xl' : 'rounded-none',\n        'tablet:hover:bg-info-white bg-container-secondary-1 box-border w-full cursor-pointer overflow-hidden duration-300',\n        {\n          'aiui-dark': data.theme === 'dark',\n        }\n      )}\n    >\n      {data?.mImage ? (\n        <div className=\"size-full box-border overflow-hidden hover:[&_img]:scale-105\">\n          <div className=\"relative inset-0 size-full\">\n            <a className=\"size-full\" href={trackUrlRef(data?.link, `${componentType}_${componentName}`)}>\n              <Picture\n                alt=\"\"\n                source={data?.mImage?.url || data?.mImage}\n                className=\"size-full [&_img]:object-cover [&_img]:size-full\"\n                imgClassName=\"size-full object-cover transition-all duration-300\"\n              />\n              <div className=\"desktop:p-6 absolute inset-x-0 top-0 box-border overflow-hidden p-4\">\n                <p\n                  className=\"desktop:mb-2 mb-1 text-info-primary desktop:text-base text-sm font-bold\"\n                  dangerouslySetInnerHTML={{ __html: data?.subTitle }}\n                />\n                <span\n                  className=\"text-info-secondary desktop:text-[32px] text-[20px] font-bold desktop:leading-9 line-clamp-4 leading-6\"\n                  dangerouslySetInnerHTML={{ __html: data?.title }}\n                />\n              </div>\n            </a>\n          </div>\n        </div>\n      ) : (\n        <div className=\"size-full desktop:p-6 desktop:pt-4 box-border overflow-hidden flex flex-col justify-between tablet:p-4 p-2 pb-4\">\n          <div className=\"min-h-6 flex flex-wrap gap-1 overflow-hidden collection-filter-tags\">\n            {showTags?.map?.((item: string, index: number) => (\n              <Badge key={index} className=\"whitespace-nowrap max-w-full truncate px-1 box-border font-bold item-badge\">\n                {item}\n              </Badge>\n            ))}\n          </div>\n          <a\n            target=\"_blank\"\n            aria-label={displayTitle}\n            className=\"my-1\"\n            href={trackUrlRef(\n              `${locale === 'us' || !locale ? '' : `/${locale}`}/products/${data?.handle}`,\n              `${componentType}_${componentName}`\n            )}\n          >\n            <div className={cn('m-auto desktop:size-[196px] size-[120px] overflow-hidden')}>\n              <Picture\n                alt=\"\"\n                source={currentImage}\n                className=\"h-full [&_img]:object-cover [&_img]:h-full [&_img]:w-fit\"\n              />\n            </div>\n          </a>\n          {data?.options?.map((option: any) => {\n            if (option?.displayName === 'color') {\n              return (\n                <div className=\"flex items-center gap-1\">\n                  {option?.values?.map((item: any) => {\n                    const color = item?.hexColors ? item.hexColors?.[0] : item?.label\n                    const hexColor = color.startsWith('#') ? color : ''\n                    return (\n                      <button\n                        key={item?.label}\n                        onClick={() => onColorClick(item?.label)}\n                        className={cn(\n                          'size-4 rounded-full cursor-pointer overflow-hidden',\n                          `${selectedColor === item?.label ? 'border-[#00BEFA]' : ''}`\n                        )}\n                      >\n                        <span\n                          className={cn(\n                            'h-full w-full overflow-hidden border-[0.5px] border-transparent',\n                            'relative flex items-center justify-center overflow-hidden rounded-full',\n                            selectedColor === item?.label && 'border-[#ddd]'\n                          )}\n                          style={hexColor ? { backgroundColor: hexColor } : {}}\n                        >\n                          {!hexColor && imagePath && (\n                            <img\n                              alt={color}\n                              className=\"h-full w-full object-cover\"\n                              src={`${getShopifyCdnBaseUrl(imagePath)}${color\n                                ?.toLowerCase()\n                                .split(' ')\n                                ?.join('-')}_${'50x'}.png`}\n                            />\n                          )}\n                        </span>\n                      </button>\n                    )\n                  })}\n                </div>\n              )\n            }\n          })}\n          <div>\n            {displayTitle ? (\n              <span\n                dangerouslySetInnerHTML={{ __html: displayTitle || '' }}\n                className=\"shelf-display-product-title line-clamp-2 lg-desktop:text-2xl laptop:text-xl text-base font-bold\"\n              />\n            ) : null}\n            {data?.metafields?.judgemeBadge ? (\n              <a\n                target=\"_blank\"\n                className=\"font-bold text-xs [&_.jdgm-star]:text-[#F77234]\"\n                dangerouslySetInnerHTML={{ __html: data?.metafields?.judgemeBadge }}\n                href={trackUrlRef(\n                  `${locale === 'us' || !locale ? '' : `/${locale}`}/products/${data?.handle}`,\n                  `${componentType}_${componentName}`\n                )}\n              />\n            ) : (\n              <div\n                className=\"w-full truncate font-bold yotpo-widget-instance [&_.yotpo-sr-bottom-line-new-review]:hidden [&_.yotpo-sr-bottom-line-text]:!text-xs [&_.yotpo-sr-bottom-line-text]:!pt-0 [&_.yotpo-sr-bottom-line-summary]:!items-center [&_.yotpo-sr-bottom-line-summary_span]:!h-auto [&_.yotpo-sr-bottom-line-summary_svg]:!mr-[3px]\"\n                data-yotpo-instance-id={yotpoInstanceId(locale)}\n                data-yotpo-product-id={id}\n                data-yotpo-cart-product-id={id}\n                data-yotpo-section-id=\"\"\n              />\n            )}\n            {displayDescription ? (\n              <Text\n                size={2}\n                html={displayDescription || ''}\n                className=\"desktop:text-base laptop:text-sm shelf-display-product-description line-clamp-1 text-xs font-bold\"\n              />\n            ) : null}\n            <div className=\"mt-3 mb-2\">\n              <p\n                dangerouslySetInnerHTML={{\n                  __html:\n                    isLogin && plusMemberStatus\n                      ? discounts?.memberPrice || memberSetting?.member_price || memberSetting?.plus_member_price || ''\n                      : '',\n                }}\n                className=\"text-info-primary lg-desktop:text-lg desktop:text-base laptop:text-sm text-xs font-bold\"\n              />\n              <div className=\"flex items-center\">\n                {isSoldOut ? (\n                  <div className=\"desktop:text-2xl tablet:text-xl text-info-primary text-base font-bold\">\n                    {soldOutText || ''}\n                  </div>\n                ) : (\n                  <>\n                    <div className=\"final-price desktop:text-2xl tablet:text-xl text-info-primary text-base font-bold\">\n                      {currentVariant?.availableForSale ? priceCollection?.price || '' : ''}\n                    </div>\n                    <div className=\"origin-price desktop:text-xl tablet:text-lg text-info-secondary ml-1 text-sm font-bold line-through\">\n                      {currentVariant?.availableForSale ? priceCollection?.basePrice || '' : ''}\n                    </div>\n                  </>\n                )}\n              </div>\n            </div>\n            {/* \u6309\u94AE\u7EC4 */}\n            <div\n              className={cn('shelf-flex-button-group', 'lg-desktop:gap-3 flex items-center gap-2 m-tablet:flex-col')}\n            >\n              <Button\n                variant=\"secondary\"\n                className=\"m-tablet:w-full font-bold\"\n                onClick={() => onSecondaryChange?.(data, currentSku)}\n              >\n                {buttonText?.secondaryButton || 'Learn More'}\n              </Button>\n              <Button\n                variant=\"primary\"\n                className=\"m-tablet:w-full font-bold\"\n                disabled={isSoldOut}\n                onClick={() => onPrimaryChange?.(data, currentSku)}\n              >\n                {buttonText?.primaryButton || 'Shop Now'}\n              </Button>\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\nexport default FilterCardWrapItem\n"],
+  "mappings": "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",
+  "names": ["FilterCardWrapItem_exports", "__export", "FilterCardWrapItem_default", "__toCommonJS", "import_jsx_runtime", "import_utils", "import_AiuiProvider", "import_shelfDisplay", "import_badge", "import_text", "import_button", "import_picture", "import_trackUrlRef", "import_price", "import_react", "componentType", "componentName", "SOLD_OUT_PRICE", "getShopifyCdnBaseUrl", "imagePath", "path", "FilterCardWrapItem", "data", "buttonText", "itemShape", "metafields", "onPrimaryChange", "onSecondaryChange", "memberPriceDiscount", "memberSetting", "discounts", "shopCommon", "currentSku", "setCurrentSku", "currentImage", "setCurrentImage", "selectedColor", "setSelectedColor", "isSoldOut", "setIsSoldOut", "currentVariant", "setCurrentVariant", "plusMemberStatus", "setPlusMemberStatus", "priceCollection", "setPriceCollection", "tags", "setTags", "showTags", "setShowTags", "discountCollection", "setDiscountCollection", "soldOutText", "setSoldOutText", "locale", "currencyCode", "isLogin", "displayTitle", "displayDescription", "skuArray", "id", "onColorClick", "color", "handleBasePrice", "discount", "priceCurrency", "salePrice", "status", "findSku", "item", "firstOption", "variant", "infos", "productInfos", "preRender", "coupon", "price", "basePrice", "discountAmount", "showPrice", "amountStr", "match", "prefix", "numeric", "suffix", "updatedNumeric", "result", "hasMemberPrice", "salePriceWithCurrency", "originalPriceWithCurrency", "savePriceWithCurrency", "handleTags", "discountTag", "newTags", "Picture", "index", "Badge", "option", "hexColor", "Button"]
 }

package/dist/cjs/biz-components/CollectionsFilters/component/TabFilter.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var q=Object.create;var p=Object.defineProperty;var F=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var O=Object.getPrototypeOf,j=Object.prototype.hasOwnProperty;var B=(t,a)=>{for(var n in a)p(t,n,{get:a[n],enumerable:!0})},P=(t,a,n,d)=>{if(a&&typeof a=="object"||typeof a=="function")for(let l of M(a))!j.call(t,l)&&l!==n&&p(t,l,{get:()=>a[l],enumerable:!(d=F(a,l))||d.enumerable});return t};var H=(t,a,n)=>(n=t!=null?q(O(t)):{},P(a||!t||!t.__esModule?p(n,"default",{value:t,enumerable:!0}):n,t)),I=t=>P(p({},"__esModule",{value:!0}),t);var z={};B(z,{default:()=>_});module.exports=I(z);var c=require("react/jsx-runtime"),w=require("es-toolkit"),o=require("react"),D=H(require("../../../components/link")),b=require("../../../helpers/utils.js"),L=require("../../AiuiProvider/index.js");const g="All",X=t=>{const{metafields:a,tabs:n,onTabClick:d,tabShape:l="square",filtersPair:m,filtered:u,filtersData:f}=t,{name:h}=a,{pathname:C}=(0,L.useAiuiContext)(),k=(0,o.useRef)(null),[y,E]=(0,o.useState)([]),[T,R]=(0,o.useState)([]),W=e=>{const i=(0,w.cloneDeep)(u)||{};let s=i?.[r?.value]||[];e?.options===(f?.mainPair?.alltxt||h||g)?s=[]:s=[e?.value||e],i[r?.value]=s,s.length<=0&&Reflect.deleteProperty(i,r?.value),d?.({...i},e);const v=document.getElementById(`tab-${e?.label||e}`),x=k.current;if(v&&x){const A=v.offsetLeft,N=v.offsetWidth,S=x.offsetWidth,$=A-S/2+N/2;x.scrollTo({left:$,behavior:"smooth"})}},r=(0,o.useMemo)(()=>m?.find(e=>e.mainPair),[m]);return(0,o.useEffect)(()=>{if(n?.length)E(n);else{const e=r?.options||[],s=[{label:f?.mainPair?.alltxt||h||g,value:r?.value,options:f?.mainPair?.alltxt||h||g},...e];R(s)}},[r,f,n]),y?.length>0||T?.length>0?(0,c.jsx)("div",{ref:k,className:(0,b.cn)(l==="rounded"?"rounded-[28px]":"","tab-switch-wrap bg-tabs-list-bg relative flex gap-x-1 w-fit max-w-full overflow-x-auto overflow-y-hidden p-1 laptop:m-auto"),children:y?.length>0?y?.map?.(e=>(0,c.jsx)(D.default,{id:`tab-${e?.label}`,href:e?.href,className:(0,b.cn)("relative flex-1 shrink-0 whitespace-nowrap transition-all","text-info-primary px-5 py-2.5 text-sm lg-desktop:text-base font-bold no-underline","lg-desktop:text-base lg-desktop:px-7 lg-desktop:py-3.5 hover:bg-btn-primary-disabled-foreground hover:text-info-primary",l==="rounded"?"rounded-[28px]":"",e?.href&&e?.href===C?"bg-btn-primary-disabled-foreground":""),children:e?.label||""},e?.label)):T?.map?.(e=>(0,c.jsx)("div",{id:`tab-${e?.label||e}`,onClick:()=>W(e),className:(0,b.cn)("relative flex-1 shrink-0 whitespace-nowrap transition-all","text-info-primary px-5 py-2.5 text-sm lg-desktop:text-base font-bold no-underline","lg-desktop:text-base lg-desktop:px-7 lg-desktop:py-3.5 hover:bg-btn-primary-disabled-foreground hover:text-info-primary",l==="rounded"?"rounded-[28px]":"",u?.[r?.value]?.includes?.(e?.value||e)||!u?.[r?.value]?.length&&e?.options?"bg-btn-primary-disabled-foreground":""),children:e?.label||e},e?.value||e))}):null};var _=X;
+"use strict";"use client";var q=Object.create;var f=Object.defineProperty;var F=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var O=Object.getPrototypeOf,j=Object.prototype.hasOwnProperty;var B=(t,a)=>{for(var n in a)f(t,n,{get:a[n],enumerable:!0})},P=(t,a,n,d)=>{if(a&&typeof a=="object"||typeof a=="function")for(let o of M(a))!j.call(t,o)&&o!==n&&f(t,o,{get:()=>a[o],enumerable:!(d=F(a,o))||d.enumerable});return t};var H=(t,a,n)=>(n=t!=null?q(O(t)):{},P(a||!t||!t.__esModule?f(n,"default",{value:t,enumerable:!0}):n,t)),I=t=>P(f({},"__esModule",{value:!0}),t);var z={};B(z,{default:()=>_});module.exports=I(z);var c=require("react/jsx-runtime"),w=require("es-toolkit"),l=require("react"),D=H(require("../../../components/link")),b=require("../../../helpers/utils.js"),L=require("../../AiuiProvider/index.js");const g="All",X=t=>{const{metafields:a,tabs:n,onTabClick:d,tabShape:o="square",filtersPair:m,filtered:u,filtersData:p}=t,{name:h}=a,{pathname:C}=(0,L.useAiuiContext)(),k=(0,l.useRef)(null),[y,E]=(0,l.useState)([]),[T,R]=(0,l.useState)([]),W=e=>{const i=(0,w.cloneDeep)(u)||{};let s=i?.[r?.value]||[];e?.options===(p?.mainPair?.alltxt||h||g)?s=[]:s=[e?.value||e],i[r?.value]=s,s.length<=0&&Reflect.deleteProperty(i,r?.value),d?.({...i},e);const v=document.getElementById(`tab-${e?.label||e}`),x=k.current;if(v&&x){const A=v.offsetLeft,N=v.offsetWidth,S=x.offsetWidth,$=A-S/2+N/2;x.scrollTo({left:$,behavior:"smooth"})}},r=(0,l.useMemo)(()=>m?.find(e=>e.mainPair),[m]);return(0,l.useEffect)(()=>{if(n?.length)E(n);else{const e=r?.options||[],s=[{label:p?.mainPair?.alltxt||h||g,value:r?.value,options:p?.mainPair?.alltxt||h||g},...e];R(s)}},[r,p,n]),y?.length>0||T?.length>0?(0,c.jsx)("div",{ref:k,className:(0,b.cn)(o==="rounded"?"rounded-[28px]":"","tab-switch-wrap bg-tabs-list-bg relative flex gap-x-1 w-fit max-w-full overflow-x-auto overflow-y-hidden p-1 laptop:m-auto"),children:y?.length>0?y?.map?.(e=>(0,c.jsx)(D.default,{id:`tab-${e?.label}`,href:e?.href,className:(0,b.cn)("relative flex-1 shrink-0 whitespace-nowrap transition-all cursor-pointer","text-info-primary px-5 py-2.5 text-sm lg-desktop:text-base font-bold no-underline","lg-desktop:text-base lg-desktop:px-7 lg-desktop:py-3.5 hover:bg-btn-primary-disabled-foreground hover:text-info-primary",o==="rounded"?"rounded-[28px]":"",e?.href&&e?.href===C?"bg-btn-primary-disabled-foreground":""),children:e?.label||""},e?.label)):T?.map?.(e=>(0,c.jsx)("div",{id:`tab-${e?.label||e}`,onClick:()=>W(e),className:(0,b.cn)("relative flex-1 shrink-0 whitespace-nowrap transition-all cursor-pointer","text-info-primary px-5 py-2.5 text-sm lg-desktop:text-base font-bold no-underline","lg-desktop:text-base lg-desktop:px-7 lg-desktop:py-3.5 hover:bg-btn-primary-disabled-foreground hover:text-info-primary",o==="rounded"?"rounded-[28px]":"",u?.[r?.value]?.includes?.(e?.value||e)||!u?.[r?.value]?.length&&e?.options?"bg-btn-primary-disabled-foreground":""),children:e?.label||e},e?.value||e))}):null};var _=X;
 //# sourceMappingURL=TabFilter.js.map

package/dist/cjs/biz-components/CollectionsFilters/component/TabFilter.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/biz-components/CollectionsFilters/component/TabFilter.tsx"],
-  "sourcesContent": ["'use client'\nimport { remove, cloneDeep } from 'es-toolkit'\nimport React, { useRef, useState, useMemo, useEffect } from 'react'\nimport Link from '../../../components/link'\nimport { cn } from '../../../helpers/utils.js'\nimport { useAiuiContext } from '../../AiuiProvider/index.js'\ninterface TabsProps {\n  tabs: any[]\n  filtered: any\n  metafields: any\n  filtersPair: any\n  filtersData: any\n  tabShape?: 'rounded' | 'square'\n  onTabClick?: (value: any, item: any) => void\n}\n\nconst ALL_TEXT = 'All'\n\nconst TabFilter: React.FC<TabsProps> = (props: TabsProps) => {\n  const { metafields, tabs, onTabClick, tabShape = 'square', filtersPair, filtered, filtersData } = props\n  const { name } = metafields\n\n  const { pathname } = useAiuiContext()\n\n  const tabRef = useRef<HTMLDivElement>(null)\n  const [linkData, setLinkData] = useState<any[]>([])\n  const [tabData, setTabData] = useState<any[]>([])\n\n  const handleTabClick = (item: any) => {\n    const clonefiltered = cloneDeep(filtered) || {}\n    let current = clonefiltered?.[mainPair?.value] || []\n    if (item?.options === (filtersData?.mainPair?.alltxt || name || ALL_TEXT)) {\n      current = []\n    } else {\n      current = [item?.value || item]\n    }\n    clonefiltered[mainPair?.value] = current\n    if (current.length <= 0) {\n      Reflect.deleteProperty(clonefiltered, mainPair?.value)\n    }\n    onTabClick?.({ ...clonefiltered }, item)\n\n    // \u83B7\u53D6\u5F53\u524D\u9009\u4E2D\u7684 tab \u5E76\u8BA1\u7B97\u4E0B\u5212\u7EBF\u4F4D\u7F6E\n    const tabElement = document.getElementById(`tab-${item?.label || item}`)\n    // **\u8BA1\u7B97\u6EDA\u52A8\u4F4D\u7F6E**\n    const container = tabRef.current\n    if (tabElement && container) {\n      const tabLeft = tabElement.offsetLeft // \u9009\u4E2D tab \u7684\u5DE6\u4FA7\u504F\u79FB\u91CF\n      const tabWidth = tabElement.offsetWidth\n      const containerWidth = container.offsetWidth\n      // \u8BA1\u7B97\u76EE\u6807\u6EDA\u52A8\u4F4D\u7F6E\uFF0C\u4F7F tab \u5C45\u4E2D\n      const scrollTo = tabLeft - containerWidth / 2 + tabWidth / 2\n      container.scrollTo({\n        left: scrollTo,\n        behavior: 'smooth',\n      })\n    }\n  }\n\n  const mainPair = useMemo(() => {\n    return filtersPair?.find((item: any) => item.mainPair)\n  }, [filtersPair])\n\n  useEffect(() => {\n    if (tabs?.length) {\n      setLinkData(tabs)\n    } else {\n      const currentData = mainPair?.options || []\n      const allObject = {\n        label: filtersData?.mainPair?.alltxt || name || ALL_TEXT,\n        value: mainPair?.value,\n        options: filtersData?.mainPair?.alltxt || name || ALL_TEXT,\n      }\n      const tabData = [allObject, ...currentData]\n      setTabData(tabData)\n    }\n  }, [mainPair, filtersData, tabs])\n\n  return linkData?.length > 0 || tabData?.length > 0 ? (\n    <div\n      ref={tabRef}\n      className={cn(\n        tabShape === 'rounded' ? 'rounded-[28px]' : '',\n        'tab-switch-wrap bg-tabs-list-bg relative flex gap-x-1 w-fit max-w-full overflow-x-auto overflow-y-hidden p-1 laptop:m-auto'\n      )}\n    >\n      {linkData?.length > 0\n        ? linkData?.map?.((item: any) => (\n          <Link\n            key={item?.label}\n            id={`tab-${item?.label}`}\n            href={item?.href}\n            className={cn(\n              'relative flex-1 shrink-0 whitespace-nowrap transition-all',\n              'text-info-primary px-5 py-2.5 text-sm lg-desktop:text-base font-bold no-underline',\n              'lg-desktop:text-base lg-desktop:px-7 lg-desktop:py-3.5 hover:bg-btn-primary-disabled-foreground hover:text-info-primary',\n              tabShape === 'rounded' ? 'rounded-[28px]' : '',\n              item?.href && item?.href === pathname ? 'bg-btn-primary-disabled-foreground' : ''\n            )}\n          >\n            {item?.label || ''}\n          </Link>\n        ))\n        : tabData?.map?.((item: any) => {\n          return (\n            <div\n              key={item?.value || item}\n              id={`tab-${item?.label || item}`}\n              onClick={() => handleTabClick(item)}\n              className={cn(\n                'relative flex-1 shrink-0 whitespace-nowrap transition-all',\n                'text-info-primary px-5 py-2.5 text-sm lg-desktop:text-base font-bold no-underline',\n                'lg-desktop:text-base lg-desktop:px-7 lg-desktop:py-3.5 hover:bg-btn-primary-disabled-foreground hover:text-info-primary',\n                tabShape === 'rounded' ? 'rounded-[28px]' : '',\n                filtered?.[mainPair?.value]?.includes?.(item?.value || item) ||\n                  (!filtered?.[mainPair?.value]?.length && item?.options)\n                  ? 'bg-btn-primary-disabled-foreground'\n                  : ''\n              )}\n            >\n              {item?.label || item}\n            </div>\n          )\n        })}\n    </div>\n  ) : null\n}\n\nexport default TabFilter\n"],
-  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAwFU,IAAAI,EAAA,6BAvFVC,EAAkC,sBAClCC,EAA4D,iBAC5DC,EAAiB,uCACjBC,EAAmB,qCACnBC,EAA+B,uCAW/B,MAAMC,EAAW,MAEXC,EAAkCC,GAAqB,CAC3D,KAAM,CAAE,WAAAC,EAAY,KAAAC,EAAM,WAAAC,EAAY,SAAAC,EAAW,SAAU,YAAAC,EAAa,SAAAC,EAAU,YAAAC,CAAY,EAAIP,EAC5F,CAAE,KAAAQ,CAAK,EAAIP,EAEX,CAAE,SAAAQ,CAAS,KAAI,kBAAe,EAE9BC,KAAS,UAAuB,IAAI,EACpC,CAACC,EAAUC,CAAW,KAAI,YAAgB,CAAC,CAAC,EAC5C,CAACC,EAASC,CAAU,KAAI,YAAgB,CAAC,CAAC,EAE1CC,EAAkBC,GAAc,CACpC,MAAMC,KAAgB,aAAUX,CAAQ,GAAK,CAAC,EAC9C,IAAIY,EAAUD,IAAgBE,GAAU,KAAK,GAAK,CAAC,EAC/CH,GAAM,WAAaT,GAAa,UAAU,QAAUC,GAAQV,GAC9DoB,EAAU,CAAC,EAEXA,EAAU,CAACF,GAAM,OAASA,CAAI,EAEhCC,EAAcE,GAAU,KAAK,EAAID,EAC7BA,EAAQ,QAAU,GACpB,QAAQ,eAAeD,EAAeE,GAAU,KAAK,EAEvDhB,IAAa,CAAE,GAAGc,CAAc,EAAGD,CAAI,EAGvC,MAAMI,EAAa,SAAS,eAAe,OAAOJ,GAAM,OAASA,CAAI,EAAE,EAEjEK,EAAYX,EAAO,QACzB,GAAIU,GAAcC,EAAW,CAC3B,MAAMC,EAAUF,EAAW,WACrBG,EAAWH,EAAW,YACtBI,EAAiBH,EAAU,YAE3BI,EAAWH,EAAUE,EAAiB,EAAID,EAAW,EAC3DF,EAAU,SAAS,CACjB,KAAMI,EACN,SAAU,QACZ,CAAC,CACH,CACF,EAEMN,KAAW,WAAQ,IAChBd,GAAa,KAAMW,GAAcA,EAAK,QAAQ,EACpD,CAACX,CAAW,CAAC,EAEhB,sBAAU,IAAM,CACd,GAAIH,GAAM,OACRU,EAAYV,CAAI,MACX,CACL,MAAMwB,EAAcP,GAAU,SAAW,CAAC,EAMpCN,EAAU,CALE,CAChB,MAAON,GAAa,UAAU,QAAUC,GAAQV,EAChD,MAAOqB,GAAU,MACjB,QAASZ,GAAa,UAAU,QAAUC,GAAQV,CACpD,EAC4B,GAAG4B,CAAW,EAC1CZ,EAAWD,CAAO,CACpB,CACF,EAAG,CAACM,EAAUZ,EAAaL,CAAI,CAAC,EAEzBS,GAAU,OAAS,GAAKE,GAAS,OAAS,KAC/C,OAAC,OACC,IAAKH,EACL,aAAW,MACTN,IAAa,UAAY,iBAAmB,GAC5C,4HACF,EAEC,SAAAO,GAAU,OAAS,EAChBA,GAAU,MAAOK,MACjB,OAAC,EAAAW,QAAA,CAEC,GAAI,OAAOX,GAAM,KAAK,GACtB,KAAMA,GAAM,KACZ,aAAW,MACT,4DACA,oFACA,0HACAZ,IAAa,UAAY,iBAAmB,GAC5CY,GAAM,MAAQA,GAAM,OAASP,EAAW,qCAAuC,EACjF,EAEC,SAAAO,GAAM,OAAS,IAXXA,GAAM,KAYb,CACD,EACCH,GAAS,MAAOG,MAEd,OAAC,OAEC,GAAI,OAAOA,GAAM,OAASA,CAAI,GAC9B,QAAS,IAAMD,EAAeC,CAAI,EAClC,aAAW,MACT,4DACA,oFACA,0HACAZ,IAAa,UAAY,iBAAmB,GAC5CE,IAAWa,GAAU,KAAK,GAAG,WAAWH,GAAM,OAASA,CAAI,GACxD,CAACV,IAAWa,GAAU,KAAK,GAAG,QAAUH,GAAM,QAC7C,qCACA,EACN,EAEC,SAAAA,GAAM,OAASA,GAdXA,GAAM,OAASA,CAetB,CAEH,EACL,EACE,IACN,EAEA,IAAO1B,EAAQS",
+  "sourcesContent": ["'use client'\nimport { remove, cloneDeep } from 'es-toolkit'\nimport React, { useRef, useState, useMemo, useEffect } from 'react'\nimport Link from '../../../components/link'\nimport { cn } from '../../../helpers/utils.js'\nimport { useAiuiContext } from '../../AiuiProvider/index.js'\ninterface TabsProps {\n  tabs: any[]\n  filtered: any\n  metafields: any\n  filtersPair: any\n  filtersData: any\n  tabShape?: 'rounded' | 'square'\n  onTabClick?: (value: any, item: any) => void\n}\n\nconst ALL_TEXT = 'All'\n\nconst TabFilter: React.FC<TabsProps> = (props: TabsProps) => {\n  const { metafields, tabs, onTabClick, tabShape = 'square', filtersPair, filtered, filtersData } = props\n  const { name } = metafields\n\n  const { pathname } = useAiuiContext()\n\n  const tabRef = useRef<HTMLDivElement>(null)\n  const [linkData, setLinkData] = useState<any[]>([])\n  const [tabData, setTabData] = useState<any[]>([])\n\n  const handleTabClick = (item: any) => {\n    const clonefiltered = cloneDeep(filtered) || {}\n    let current = clonefiltered?.[mainPair?.value] || []\n    if (item?.options === (filtersData?.mainPair?.alltxt || name || ALL_TEXT)) {\n      current = []\n    } else {\n      current = [item?.value || item]\n    }\n    clonefiltered[mainPair?.value] = current\n    if (current.length <= 0) {\n      Reflect.deleteProperty(clonefiltered, mainPair?.value)\n    }\n    onTabClick?.({ ...clonefiltered }, item)\n\n    // \u83B7\u53D6\u5F53\u524D\u9009\u4E2D\u7684 tab \u5E76\u8BA1\u7B97\u4E0B\u5212\u7EBF\u4F4D\u7F6E\n    const tabElement = document.getElementById(`tab-${item?.label || item}`)\n    // **\u8BA1\u7B97\u6EDA\u52A8\u4F4D\u7F6E**\n    const container = tabRef.current\n    if (tabElement && container) {\n      const tabLeft = tabElement.offsetLeft // \u9009\u4E2D tab \u7684\u5DE6\u4FA7\u504F\u79FB\u91CF\n      const tabWidth = tabElement.offsetWidth\n      const containerWidth = container.offsetWidth\n      // \u8BA1\u7B97\u76EE\u6807\u6EDA\u52A8\u4F4D\u7F6E\uFF0C\u4F7F tab \u5C45\u4E2D\n      const scrollTo = tabLeft - containerWidth / 2 + tabWidth / 2\n      container.scrollTo({\n        left: scrollTo,\n        behavior: 'smooth',\n      })\n    }\n  }\n\n  const mainPair = useMemo(() => {\n    return filtersPair?.find((item: any) => item.mainPair)\n  }, [filtersPair])\n\n  useEffect(() => {\n    if (tabs?.length) {\n      setLinkData(tabs)\n    } else {\n      const currentData = mainPair?.options || []\n      const allObject = {\n        label: filtersData?.mainPair?.alltxt || name || ALL_TEXT,\n        value: mainPair?.value,\n        options: filtersData?.mainPair?.alltxt || name || ALL_TEXT,\n      }\n      const tabData = [allObject, ...currentData]\n      setTabData(tabData)\n    }\n  }, [mainPair, filtersData, tabs])\n\n  return linkData?.length > 0 || tabData?.length > 0 ? (\n    <div\n      ref={tabRef}\n      className={cn(\n        tabShape === 'rounded' ? 'rounded-[28px]' : '',\n        'tab-switch-wrap bg-tabs-list-bg relative flex gap-x-1 w-fit max-w-full overflow-x-auto overflow-y-hidden p-1 laptop:m-auto'\n      )}\n    >\n      {linkData?.length > 0\n        ? linkData?.map?.((item: any) => (\n            <Link\n              key={item?.label}\n              id={`tab-${item?.label}`}\n              href={item?.href}\n              className={cn(\n                'relative flex-1 shrink-0 whitespace-nowrap transition-all cursor-pointer',\n                'text-info-primary px-5 py-2.5 text-sm lg-desktop:text-base font-bold no-underline',\n                'lg-desktop:text-base lg-desktop:px-7 lg-desktop:py-3.5 hover:bg-btn-primary-disabled-foreground hover:text-info-primary',\n                tabShape === 'rounded' ? 'rounded-[28px]' : '',\n                item?.href && item?.href === pathname ? 'bg-btn-primary-disabled-foreground' : ''\n              )}\n            >\n              {item?.label || ''}\n            </Link>\n          ))\n        : tabData?.map?.((item: any) => {\n            return (\n              <div\n                key={item?.value || item}\n                id={`tab-${item?.label || item}`}\n                onClick={() => handleTabClick(item)}\n                className={cn(\n                  'relative flex-1 shrink-0 whitespace-nowrap transition-all cursor-pointer',\n                  'text-info-primary px-5 py-2.5 text-sm lg-desktop:text-base font-bold no-underline',\n                  'lg-desktop:text-base lg-desktop:px-7 lg-desktop:py-3.5 hover:bg-btn-primary-disabled-foreground hover:text-info-primary',\n                  tabShape === 'rounded' ? 'rounded-[28px]' : '',\n                  filtered?.[mainPair?.value]?.includes?.(item?.value || item) ||\n                    (!filtered?.[mainPair?.value]?.length && item?.options)\n                    ? 'bg-btn-primary-disabled-foreground'\n                    : ''\n                )}\n              >\n                {item?.label || item}\n              </div>\n            )\n          })}\n    </div>\n  ) : null\n}\n\nexport default TabFilter\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAwFY,IAAAI,EAAA,6BAvFZC,EAAkC,sBAClCC,EAA4D,iBAC5DC,EAAiB,uCACjBC,EAAmB,qCACnBC,EAA+B,uCAW/B,MAAMC,EAAW,MAEXC,EAAkCC,GAAqB,CAC3D,KAAM,CAAE,WAAAC,EAAY,KAAAC,EAAM,WAAAC,EAAY,SAAAC,EAAW,SAAU,YAAAC,EAAa,SAAAC,EAAU,YAAAC,CAAY,EAAIP,EAC5F,CAAE,KAAAQ,CAAK,EAAIP,EAEX,CAAE,SAAAQ,CAAS,KAAI,kBAAe,EAE9BC,KAAS,UAAuB,IAAI,EACpC,CAACC,EAAUC,CAAW,KAAI,YAAgB,CAAC,CAAC,EAC5C,CAACC,EAASC,CAAU,KAAI,YAAgB,CAAC,CAAC,EAE1CC,EAAkBC,GAAc,CACpC,MAAMC,KAAgB,aAAUX,CAAQ,GAAK,CAAC,EAC9C,IAAIY,EAAUD,IAAgBE,GAAU,KAAK,GAAK,CAAC,EAC/CH,GAAM,WAAaT,GAAa,UAAU,QAAUC,GAAQV,GAC9DoB,EAAU,CAAC,EAEXA,EAAU,CAACF,GAAM,OAASA,CAAI,EAEhCC,EAAcE,GAAU,KAAK,EAAID,EAC7BA,EAAQ,QAAU,GACpB,QAAQ,eAAeD,EAAeE,GAAU,KAAK,EAEvDhB,IAAa,CAAE,GAAGc,CAAc,EAAGD,CAAI,EAGvC,MAAMI,EAAa,SAAS,eAAe,OAAOJ,GAAM,OAASA,CAAI,EAAE,EAEjEK,EAAYX,EAAO,QACzB,GAAIU,GAAcC,EAAW,CAC3B,MAAMC,EAAUF,EAAW,WACrBG,EAAWH,EAAW,YACtBI,EAAiBH,EAAU,YAE3BI,EAAWH,EAAUE,EAAiB,EAAID,EAAW,EAC3DF,EAAU,SAAS,CACjB,KAAMI,EACN,SAAU,QACZ,CAAC,CACH,CACF,EAEMN,KAAW,WAAQ,IAChBd,GAAa,KAAMW,GAAcA,EAAK,QAAQ,EACpD,CAACX,CAAW,CAAC,EAEhB,sBAAU,IAAM,CACd,GAAIH,GAAM,OACRU,EAAYV,CAAI,MACX,CACL,MAAMwB,EAAcP,GAAU,SAAW,CAAC,EAMpCN,EAAU,CALE,CAChB,MAAON,GAAa,UAAU,QAAUC,GAAQV,EAChD,MAAOqB,GAAU,MACjB,QAASZ,GAAa,UAAU,QAAUC,GAAQV,CACpD,EAC4B,GAAG4B,CAAW,EAC1CZ,EAAWD,CAAO,CACpB,CACF,EAAG,CAACM,EAAUZ,EAAaL,CAAI,CAAC,EAEzBS,GAAU,OAAS,GAAKE,GAAS,OAAS,KAC/C,OAAC,OACC,IAAKH,EACL,aAAW,MACTN,IAAa,UAAY,iBAAmB,GAC5C,4HACF,EAEC,SAAAO,GAAU,OAAS,EAChBA,GAAU,MAAOK,MACf,OAAC,EAAAW,QAAA,CAEC,GAAI,OAAOX,GAAM,KAAK,GACtB,KAAMA,GAAM,KACZ,aAAW,MACT,2EACA,oFACA,0HACAZ,IAAa,UAAY,iBAAmB,GAC5CY,GAAM,MAAQA,GAAM,OAASP,EAAW,qCAAuC,EACjF,EAEC,SAAAO,GAAM,OAAS,IAXXA,GAAM,KAYb,CACD,EACDH,GAAS,MAAOG,MAEZ,OAAC,OAEC,GAAI,OAAOA,GAAM,OAASA,CAAI,GAC9B,QAAS,IAAMD,EAAeC,CAAI,EAClC,aAAW,MACT,2EACA,oFACA,0HACAZ,IAAa,UAAY,iBAAmB,GAC5CE,IAAWa,GAAU,KAAK,GAAG,WAAWH,GAAM,OAASA,CAAI,GACxD,CAACV,IAAWa,GAAU,KAAK,GAAG,QAAUH,GAAM,QAC7C,qCACA,EACN,EAEC,SAAAA,GAAM,OAASA,GAdXA,GAAM,OAASA,CAetB,CAEH,EACP,EACE,IACN,EAEA,IAAO1B,EAAQS",
   "names": ["TabFilter_exports", "__export", "TabFilter_default", "__toCommonJS", "import_jsx_runtime", "import_es_toolkit", "import_react", "import_link", "import_utils", "import_AiuiProvider", "ALL_TEXT", "TabFilter", "props", "metafields", "tabs", "onTabClick", "tabShape", "filtersPair", "filtered", "filtersData", "name", "pathname", "tabRef", "linkData", "setLinkData", "tabData", "setTabData", "handleTabClick", "item", "clonefiltered", "current", "mainPair", "tabElement", "container", "tabLeft", "tabWidth", "containerWidth", "scrollTo", "currentData", "Link"]
 }

package/dist/cjs/biz-components/CollectionsFilters/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type CollectionsFiltersProps = {
     metafields: any;
     result: any;
@@ -7,6 +8,7 @@ type CollectionsFiltersProps = {
     isLoading?: boolean;
     refreshStarRating?: () => void;
     loadMore?: React.ReactNode;
+    noResultNode?: React.ReactNode;
     data?: any;
     onNextPage?: (v: string) => void;
     onPrevPage?: (v: string) => void;
@@ -16,7 +18,7 @@ type CollectionsFiltersProps = {
     onSecondaryChange?: (item: any, sku: string) => void;
 };
 declare const _default: import("react").ForwardRefExoticComponent<Omit<CollectionsFiltersProps, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
+    className?: string | undefined;
+    data?: Record<string, any> | undefined;
 } & import("react").RefAttributes<any>>;
 export default _default;

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

@@ -1,2 +1,2 @@
-"use strict";var $=Object.create;var u=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var ee=Object.getOwnPropertyNames;var te=Object.getPrototypeOf,oe=Object.prototype.hasOwnProperty;var re=(o,r)=>{for(var n in r)u(o,n,{get:r[n],enumerable:!0})},N=(o,r,n,f)=>{if(r&&typeof r=="object"||typeof r=="function")for(let l of ee(r))!oe.call(o,l)&&l!==n&&u(o,l,{get:()=>r[l],enumerable:!(f=j(r,l))||f.enumerable});return o};var y=(o,r,n)=>(n=o!=null?$(te(o)):{},N(r||!o||!o.__esModule?u(n,"default",{value:o,enumerable:!0}):n,o)),ne=o=>N(u({},"__esModule",{value:!0}),o);var ie={};re(ie,{default:()=>se});module.exports=ne(ie);var s=require("react/jsx-runtime"),L=y(require("./FilterList")),I=y(require("./FilterHeader")),K=y(require("./FilterCardWrap")),_=require("../../shared/Styles.js"),k=y(require("./component/TabFilter")),t=require("react"),i=require("./component/filtersFun");function ae(o){const{data:r,result:n={},allResult:f={},loadMore:l=null,metafields:c={},filterPrice:b={},isLoading:M=!1,refreshStarRating:A,onFilteredChange:F,onSortAndReverseChange:V,onPrimaryChange:z,onSecondaryChange:T,onNextPage:W,onPrevPage:E}=o,{shop_filters_pair:m}=c,{data:P}=(0,i.getComponentData)(c,"FilterProduct"),[p,H]=(0,t.useState)(!1),[q,x]=(0,t.useState)(!1),[B,G]=(0,t.useState)([]),[d,S]=(0,t.useState)({}),[h,J]=(0,t.useState)(0),[v,g]=(0,t.useState)(1),[Q,U]=(0,t.useState)(!1),X=(0,t.useRef)(null);(0,t.useMemo)(()=>{const e=m?.filter_txt?.sortList,[a,Z]=(0,i.handleSortKeyAndReverse)(e,h);V?.(a,Z)},[m?.filter_txt?.sortList,d,h]);const Y=e=>!e?.metafields?.seoSetting?.noindex,R=(0,t.useMemo)(()=>f?.products?.filter(Y)?.length||0,[f?.products]),C=(0,t.useMemo)(()=>(0,i.handleFilterOptions)(n,b,m,P),[b,n?.filters,m?.filter_txt?.offers?.name,m?.filter_txt?.offers?.onsale]),D=(0,t.useMemo)(()=>C?.length?C?.map?.(e=>({...e,options:e?.options?.map?.(a=>({...a,checked:d?.[e?.value]?.indexOf?.(a?.value)>-1}))})):[],[d,C]),O=e=>{S?.({}),e&&g(1),F?.((0,i.handleFilters)({}))},w=e=>{S(e),g(1),F?.((0,i.handleFilters)(e))};return(0,t.useEffect)(()=>{const a=(d?.offers||[])?.includes?.("onsale");U(a)},[d]),(0,s.jsxs)("div",{className:"size-full box-border",children:[(0,s.jsx)("div",{className:"laptop:mb-12 mb-6",children:(0,s.jsx)(k.default,{tabs:r?.tabItems,filtered:d,filtersPair:D,filtersData:P,metafields:c,onTabClick:e=>w(e)})}),(0,s.jsx)(I.default,{total:R||0,metafields:c,closeFilter:p,sortKeyIndx:h,shopifyData:r,onSortChange:J,onCloseFilter:H,onClearFiltered:()=>O(),onMobileOpenDrawer:x}),(0,s.jsxs)("div",{className:"flex-1 overflow-hidden tablet:flex desktop:gap-x-16 tablet:gap-x-8",children:[!p&&(0,s.jsx)(L.default,{shopifyData:r,filtered:d,openOptions:B,closeFilter:p,filtersPair:D,mobileDrawerVisible:q,onFilteredChange:w,onClearFiltered:()=>O(!1),onOpenOptions:G,onCloseDrawer:x}),(0,s.jsxs)("div",{className:"flex-1 overflow-y-auto relative",children:[(0,s.jsx)(K.default,{page:v,result:n,shopifyData:r,total:R,isSale:Q,ref:X,metafields:c,closeFilter:p,refreshStarRating:A,onNextPage:e=>{g(v+1),W?.(e)},onPrevPage:e=>{g(v-1),E?.(e)},onPrimaryChange:(e,a)=>z?.(e,a),onSecondaryChange:(e,a)=>T?.(e,a)}),M&&l||null]})]})]})}var se=(0,_.withLayout)(ae);
+"use strict";var oe=Object.create;var g=Object.defineProperty;var re=Object.getOwnPropertyDescriptor;var ne=Object.getOwnPropertyNames;var se=Object.getPrototypeOf,ae=Object.prototype.hasOwnProperty;var le=(o,r)=>{for(var n in r)g(o,n,{get:r[n],enumerable:!0})},L=(o,r,n,f)=>{if(r&&typeof r=="object"||typeof r=="function")for(let i of ne(r))!ae.call(o,i)&&i!==n&&g(o,i,{get:()=>r[i],enumerable:!(f=re(r,i))||f.enumerable});return o};var h=(o,r,n)=>(n=o!=null?oe(se(o)):{},L(r||!o||!o.__esModule?g(n,"default",{value:o,enumerable:!0}):n,o)),ie=o=>L(g({},"__esModule",{value:!0}),o);var ce={};le(ce,{default:()=>fe});module.exports=ie(ce);var a=require("react/jsx-runtime"),K=h(require("./FilterList")),_=h(require("./FilterHeader")),k=h(require("./FilterCardWrap")),M=require("../../shared/Styles.js"),A=h(require("./component/TabFilter")),t=require("react"),l=require("./component/filtersFun");function de(o){const{data:r,result:n={},allResult:f={},loadMore:i=null,noResultNode:V=null,metafields:c={},filterPrice:F={},isLoading:P=!1,refreshStarRating:z,onFilteredChange:x,onSortAndReverseChange:T,onPrimaryChange:W,onSecondaryChange:E,onNextPage:H,onPrevPage:q}=o,{shop_filters_pair:u}=c,{data:R}=(0,l.getComponentData)(c,"FilterProduct"),[p,B]=(0,t.useState)(!1),[G,S]=(0,t.useState)(!1),[J,Q]=(0,t.useState)([]),[d,N]=(0,t.useState)({}),[y,U]=(0,t.useState)(0),[v,m]=(0,t.useState)(1),[X,Y]=(0,t.useState)(!1),[Z,$]=(0,t.useState)(!1),j=(0,t.useRef)(null),b=(0,t.useRef)(!1);(0,t.useMemo)(()=>{const e=u?.filter_txt?.sortList,[s,te]=(0,l.handleSortKeyAndReverse)(e,y);T?.(s,te)},[u?.filter_txt?.sortList,d,y]);const ee=e=>!e?.metafields?.seoSetting?.noindex,D=(0,t.useMemo)(()=>f?.products?.filter(ee)?.length||0,[f?.products]),C=(0,t.useMemo)(()=>(0,l.handleFilterOptions)(n,F,u,R),[F,n?.filters,u?.filter_txt?.offers?.name,u?.filter_txt?.offers?.onsale]),O=(0,t.useMemo)(()=>C?.length?C?.map?.(e=>({...e,options:e?.options?.map?.(s=>({...s,checked:d?.[e?.value]?.indexOf?.(s?.value)>-1}))})):[],[d,C]),w=e=>{N?.({}),e&&m(1),x?.((0,l.handleFilters)({}))},I=e=>{N(e),m(1),x?.((0,l.handleFilters)(e))};return(0,t.useEffect)(()=>{const s=(d?.offers||[])?.includes?.("onsale");Y(s)},[d]),(0,t.useEffect)(()=>{!b.current&&n?.products?.length&&(b.current=!0),b.current&&$(!0)},[n?.products]),(0,a.jsxs)("div",{className:"size-full box-border",children:[(0,a.jsx)("div",{className:"laptop:mb-12 mb-6",children:(0,a.jsx)(A.default,{tabs:r?.tabItems,filtered:d,filtersPair:O,filtersData:R,metafields:c,onTabClick:e=>I(e)})}),(0,a.jsx)(_.default,{total:D||0,metafields:c,closeFilter:p,sortKeyIndx:y,shopifyData:r,onSortChange:U,onCloseFilter:B,onClearFiltered:()=>w(),onMobileOpenDrawer:S}),(0,a.jsxs)("div",{className:"flex-1 overflow-hidden tablet:flex desktop:gap-x-16 tablet:gap-x-8",children:[!p&&(0,a.jsx)(K.default,{shopifyData:r,filtered:d,openOptions:J,closeFilter:p,filtersPair:O,mobileDrawerVisible:G,onFilteredChange:I,onClearFiltered:()=>w(!1),onOpenOptions:Q,onCloseDrawer:S}),(0,a.jsxs)("div",{className:"flex-1 overflow-y-auto relative",children:[(0,a.jsx)(k.default,{page:v,result:n,shopifyData:r,total:D,isSale:X,ref:j,metafields:c,closeFilter:p,noResultNode:Z&&!P?V:null,refreshStarRating:z,onNextPage:e=>{m(v+1),H?.(e)},onPrevPage:e=>{m(v-1),q?.(e)},onPrimaryChange:(e,s)=>W?.(e,s),onSecondaryChange:(e,s)=>E?.(e,s)}),P&&i||null]})]})]})}var fe=(0,M.withLayout)(de);
 //# sourceMappingURL=index.js.map