npm - @anker-in/headless-ui - Versions diffs - 1.0.20-alpha.1761124393999 → 1.0.20-alpha.1761134202138 - Mend

@anker-in/headless-ui 1.0.20-alpha.1761124393999 → 1.0.20-alpha.1761134202138

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (112) hide show

package/dist/cjs/biz-components/Listing/hooks/useCopy.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/biz-components/Listing/hooks/useCopy.ts"],
-  "sourcesContent": ["import { useState, useCallback } from 'react'\n\ntype UseCopyReturn = {\n  isCopied: boolean\n  copyError: Error | null\n  copyToClipboard: (text: string) => Promise<void>\n  reset: () => void\n}\n\nconst useCopy = (): UseCopyReturn => {\n  const [isCopied, setIsCopied] = useState<boolean>(false)\n  const [copyError, setCopyError] = useState<Error | null>(null)\n\n  // \u5B9A\u4E49\u590D\u5236\u5230\u526A\u8D34\u677F\u7684\u51FD\u6570\n  const copyToClipboard = useCallback(async (text: string) => {\n    try {\n      await navigator.clipboard.writeText(text)\n      setIsCopied(true)\n      setCopyError(null) // \u6E05\u9664\u9519\u8BEF\u72B6\u6001\n    } catch (error: any) {\n      setIsCopied(false)\n      setCopyError(error instanceof Error ? error : new Error('Copy failed'))\n    } finally {\n      setTimeout(() => {\n        setIsCopied(false)\n      }, 2000)\n    }\n  }, [])\n\n  // \u91CD\u7F6E\u590D\u5236\u72B6\u6001\n  const reset = () => {\n    setIsCopied(false)\n    setCopyError(null)\n  }\n\n  return { isCopied, copyError, copyToClipboard, reset }\n}\n\nexport default useCopy\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAsC,iBAStC,MAAMC,EAAU,IAAqB,CACnC,KAAM,CAACC,EAAUC,CAAW,KAAI,YAAkB,EAAK,EACjD,CAACC,EAAWC,CAAY,KAAI,YAAuB,IAAI,EAGvDC,KAAkB,eAAY,MAAOC,GAAiB,CAC1D,GAAI,CACF,MAAM,UAAU,UAAU,UAAUA,CAAI,EACxCJ,EAAY,EAAI,EAChBE,EAAa,IAAI,CACnB,OAASG,EAAY,CACnBL,EAAY,EAAK,EACjBE,EAAaG,aAAiB,MAAQA,EAAQ,IAAI,MAAM,aAAa,CAAC,CACxE,QAAE,CACA,WAAW,IAAM,CACfL,EAAY,EAAK,CACnB,EAAG,GAAI,CACT,CACF,EAAG,CAAC,CAAC,EAQL,MAAO,CAAE,SAAAD,EAAU,UAAAE,EAAW,gBAAAE,EAAiB,MALjC,IAAM,CAClBH,EAAY,EAAK,EACjBE,EAAa,IAAI,CACnB,CAEqD,CACvD,EAEA,IAAOP,EAAQG",
-  "names": ["useCopy_exports", "__export", "useCopy_default", "__toCommonJS", "import_react", "useCopy", "isCopied", "setIsCopied", "copyError", "setCopyError", "copyToClipboard", "text", "error"]
+  "sourcesContent": ["import clipboard from 'copy-to-clipboard'\nimport { useCallback, useEffect, useRef, useState } from 'react'\n\nconst useCopy = () => {\n  const copyTimer = useRef<any>()\n  const [copied, setCopied] = useState(false)\n\n  const copy = useCallback((val: string) => {\n    clipboard(val)\n\n    if (copyTimer.current) {\n      clearTimeout(copyTimer.current)\n    }\n\n    setCopied(true)\n    copyTimer.current = setTimeout(() => {\n      setCopied(false)\n    }, 2000)\n  }, [])\n\n  useEffect(() => {\n    return () => {\n      if (copyTimer.current) {\n        clearTimeout(copyTimer.current)\n      }\n    }\n  }, [])\n\n  return {\n    copy,\n    copied,\n  }\n}\n\nexport default useCopy\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAsB,gCACtBC,EAAyD,iBAEzD,MAAMC,EAAU,IAAM,CACpB,MAAMC,KAAY,UAAY,EACxB,CAACC,EAAQC,CAAS,KAAI,YAAS,EAAK,EAEpCC,KAAO,eAAaC,GAAgB,IACxC,EAAAC,SAAUD,CAAG,EAETJ,EAAU,SACZ,aAAaA,EAAU,OAAO,EAGhCE,EAAU,EAAI,EACdF,EAAU,QAAU,WAAW,IAAM,CACnCE,EAAU,EAAK,CACjB,EAAG,GAAI,CACT,EAAG,CAAC,CAAC,EAEL,sBAAU,IACD,IAAM,CACPF,EAAU,SACZ,aAAaA,EAAU,OAAO,CAElC,EACC,CAAC,CAAC,EAEE,CACL,KAAAG,EACA,OAAAF,CACF,CACF,EAEA,IAAON,EAAQI",
+  "names": ["useCopy_exports", "__export", "useCopy_default", "__toCommonJS", "import_copy_to_clipboard", "import_react", "useCopy", "copyTimer", "copied", "setCopied", "copy", "val", "clipboard"]
 }

package/dist/cjs/biz-components/Listing/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var G=Object.create;var d=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var O=Object.getPrototypeOf,T=Object.prototype.hasOwnProperty;var q=(e,t)=>{for(var o in t)d(e,o,{get:t[o],enumerable:!0})},p=(e,t,o,c)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of M(t))!T.call(e,r)&&r!==o&&d(e,r,{get:()=>t[r],enumerable:!(c=L(t,r))||c.enumerable});return e};var j=(e,t,o)=>(o=e!=null?G(O(e)):{},p(t||!e||!e.__esModule?d(o,"default",{value:e,enumerable:!0}):o,e)),z=e=>p(d({},"__esModule",{value:!0}),e);var J={};q(J,{default:()=>F});module.exports=z(J);var i=require("react/jsx-runtime"),m=require("../AiuiProvider/index.js"),n=require("./components/index.js"),u=j(require("./ProductProvider.js")),y=require("./components/index.js"),s=require("react-responsive");const l=({product:e,renderRating:t,variant:o,selectedOptions:c,setSelectedOptions:r,isLogin:Q,finalPrice:f,coupon:v,comparePrice:P,totalSavings:C,savingDetail:k,freeGift:S,bundle:g,checkedBundle:h,checkedGift:N,setCheckedBundle:x,setCheckedGift:B,compareData:I,selectedVariants:b,onAddToCart:w,onBuyNow:D})=>{const{locale:V}=(0,m.useAiuiContext)(),a=(0,s.useMediaQuery)({query:"(max-width: 768px)"}),R=(0,s.useMediaQuery)({query:"(min-width: 1440px)"});return(0,i.jsx)(u.default,{product:e,isMobile:a,isDesktop:R,freeGift:S,renderRating:t,finalPrice:f,comparePrice:P,totalSavings:C,savingDetail:k,variant:o,selectedOptions:c,setSelectedOptions:r,bundle:g,coupon:v,checkedBundle:h,checkedGift:N,setCheckedBundle:x,setCheckedGift:B,compareData:I,selectedVariants:b,onAddToCart:w,onBuyNow:D,children:(0,i.jsxs)("div",{id:"ipc-listing",children:[(0,i.jsx)(n.PurchaseBar,{onSpyNavItemClick:A=>{console.log(A)}}),a&&(0,i.jsx)("div",{className:"fixed bottom-0 left-0 w-full z-[60]",children:(0,i.jsx)(n.ProductActions,{})}),(0,i.jsx)(y.ProductCard,{})]})})};l.displayName="Listing";var F=l;
+"use strict";var z=Object.create;var d=Object.defineProperty;var F=Object.getOwnPropertyDescriptor;var J=Object.getOwnPropertyNames;var K=Object.getPrototypeOf,Q=Object.prototype.hasOwnProperty;var V=(e,o)=>{for(var t in o)d(e,t,{get:o[t],enumerable:!0})},p=(e,o,t,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of J(o))!Q.call(e,r)&&r!==t&&d(e,r,{get:()=>o[r],enumerable:!(n=F(o,r))||n.enumerable});return e};var E=(e,o,t)=>(t=e!=null?z(K(e)):{},p(o||!e||!e.__esModule?d(t,"default",{value:e,enumerable:!0}):t,e)),H=e=>p(d({},"__esModule",{value:!0}),e);var W={};V(W,{default:()=>U});module.exports=H(W);var i=require("react/jsx-runtime"),m=require("../AiuiProvider/index.js"),c=require("./components/index.js"),u=E(require("./ProductProvider.js")),y=require("./components/index.js"),a=require("react-responsive");const l=({product:e,renderRating:o,variant:t,selectedOptions:n,setSelectedOptions:r,isLogin:X,finalPrice:f,coupon:P,comparePrice:v,totalSavings:C,savingDetail:S,freeGift:g,bundle:h,checkedBundle:k,checkedGift:N,setCheckedBundle:x,setCheckedGift:B,compareData:I,selectedVariants:A,onAddToCart:D,onBuyNow:b,openModal:w,setSavingDetail:M,openSignInPopup:R,openAuthCodePopup:G,renderAffirm:L,renderKlarna:O,renderPaypal:T})=>{const{locale:Y}=(0,m.useAiuiContext)(),s=(0,a.useMediaQuery)({query:"(max-width: 768px)"}),q=(0,a.useMediaQuery)({query:"(min-width: 1440px)"});return(0,i.jsx)(u.default,{product:e,isMobile:s,isDesktop:q,freeGift:g,renderRating:o,finalPrice:f,comparePrice:v,totalSavings:C,savingDetail:S,variant:t,selectedOptions:n,setSelectedOptions:r,bundle:h,coupon:P,checkedBundle:k,checkedGift:N,setCheckedBundle:x,setCheckedGift:B,compareData:I,selectedVariants:A,onAddToCart:D,onBuyNow:b,openModal:w,setSavingDetail:M,openSignInPopup:R,openAuthCodePopup:G,renderAffirm:L,renderKlarna:O,renderPaypal:T,children:(0,i.jsxs)("div",{id:"ipc-listing",children:[(0,i.jsx)(c.PurchaseBar,{onSpyNavItemClick:j=>{console.log(j)}}),s&&(0,i.jsx)("div",{className:"fixed bottom-0 left-0 w-full z-[60]",children:(0,i.jsx)(c.ProductActions,{})}),(0,i.jsx)(y.ProductCard,{})]})})};l.displayName="Listing";var U=l;
 //# sourceMappingURL=index.js.map

package/dist/cjs/biz-components/Listing/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/Listing/index.tsx"],
-  "sourcesContent": ["import { useAiuiContext } from '../AiuiProvider/index.js'\nimport { PurchaseBar, ProductActions } from './components/index.js'\nimport type { ScrollSpyNavItem } from './components/PurchaseBar/types.js'\nimport ProductProvider, { type ProductContextType } from './ProductProvider.js'\nimport { ProductCard } from './components/index.js'\n\nimport { useMediaQuery } from 'react-responsive'\n\nconst Listing: React.FC<Omit<ProductContextType, 'joinedRecommendBuyProducts' | 'setJoinedRecommendBuyProducts'>> = ({\n  product,\n  renderRating,\n  variant,\n  selectedOptions,\n  setSelectedOptions,\n  isLogin,\n  finalPrice,\n  coupon,\n  comparePrice,\n  totalSavings,\n  savingDetail,\n  freeGift,\n  bundle,\n  checkedBundle,\n  checkedGift,\n  setCheckedBundle,\n  setCheckedGift,\n  compareData,\n  selectedVariants,\n  onAddToCart,\n  onBuyNow,\n}) => {\n  const { locale } = useAiuiContext()\n\n  const isMobile = useMediaQuery({ query: '(max-width: 768px)' })\n  const isDesktop = useMediaQuery({ query: '(min-width: 1440px)' })\n\n  const onSpyNavItemClick = (tab: ScrollSpyNavItem) => {\n    console.log(tab)\n  }\n\n  return (\n    <ProductProvider\n      product={product}\n      isMobile={isMobile}\n      isDesktop={isDesktop}\n      freeGift={freeGift}\n      renderRating={renderRating}\n      finalPrice={finalPrice}\n      comparePrice={comparePrice}\n      totalSavings={totalSavings}\n      savingDetail={savingDetail}\n      variant={variant}\n      selectedOptions={selectedOptions}\n      setSelectedOptions={setSelectedOptions}\n      bundle={bundle}\n      coupon={coupon}\n      checkedBundle={checkedBundle}\n      checkedGift={checkedGift}\n      setCheckedBundle={setCheckedBundle}\n      setCheckedGift={setCheckedGift}\n      compareData={compareData}\n      selectedVariants={selectedVariants}\n      onAddToCart={onAddToCart}\n      onBuyNow={onBuyNow}\n    >\n      <div id=\"ipc-listing\">\n        <PurchaseBar onSpyNavItemClick={onSpyNavItemClick} />\n        {isMobile && (\n          <div className=\"fixed bottom-0 left-0 w-full z-[60]\">\n            <ProductActions />\n          </div>\n        )}\n        <ProductCard />\n      </div>\n    </ProductProvider>\n  )\n}\n\nListing.displayName = 'Listing'\n\nexport default Listing\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAiEM,IAAAI,EAAA,6BAjENC,EAA+B,oCAC/BC,EAA4C,iCAE5CC,EAAyD,mCACzDD,EAA4B,iCAE5BE,EAA8B,4BAE9B,MAAMC,EAA8G,CAAC,CACnH,QAAAC,EACA,aAAAC,EACA,QAAAC,EACA,gBAAAC,EACA,mBAAAC,EACA,QAAAC,EACA,WAAAC,EACA,OAAAC,EACA,aAAAC,EACA,aAAAC,EACA,aAAAC,EACA,SAAAC,EACA,OAAAC,EACA,cAAAC,EACA,YAAAC,EACA,iBAAAC,EACA,eAAAC,EACA,YAAAC,EACA,iBAAAC,EACA,YAAAC,EACA,SAAAC,CACF,IAAM,CACJ,KAAM,CAAE,OAAAC,CAAO,KAAI,kBAAe,EAE5BC,KAAW,iBAAc,CAAE,MAAO,oBAAqB,CAAC,EACxDC,KAAY,iBAAc,CAAE,MAAO,qBAAsB,CAAC,EAMhE,SACE,OAAC,EAAAC,QAAA,CACC,QAASxB,EACT,SAAUsB,EACV,UAAWC,EACX,SAAUZ,EACV,aAAcV,EACd,WAAYK,EACZ,aAAcE,EACd,aAAcC,EACd,aAAcC,EACd,QAASR,EACT,gBAAiBC,EACjB,mBAAoBC,EACpB,OAAQQ,EACR,OAAQL,EACR,cAAeM,EACf,YAAaC,EACb,iBAAkBC,EAClB,eAAgBC,EAChB,YAAaC,EACb,iBAAkBC,EAClB,YAAaC,EACb,SAAUC,EAEV,oBAAC,OAAI,GAAG,cACN,oBAAC,eAAY,kBA9BQK,GAA0B,CACnD,QAAQ,IAAIA,CAAG,CACjB,EA4ByD,EAClDH,MACC,OAAC,OAAI,UAAU,sCACb,mBAAC,mBAAe,EAClB,KAEF,OAAC,gBAAY,GACf,EACF,CAEJ,EAEAvB,EAAQ,YAAc,UAEtB,IAAOP,EAAQO",
-  "names": ["Listing_exports", "__export", "Listing_default", "__toCommonJS", "import_jsx_runtime", "import_AiuiProvider", "import_components", "import_ProductProvider", "import_react_responsive", "Listing", "product", "renderRating", "variant", "selectedOptions", "setSelectedOptions", "isLogin", "finalPrice", "coupon", "comparePrice", "totalSavings", "savingDetail", "freeGift", "bundle", "checkedBundle", "checkedGift", "setCheckedBundle", "setCheckedGift", "compareData", "selectedVariants", "onAddToCart", "onBuyNow", "locale", "isMobile", "isDesktop", "ProductProvider", "tab"]
+  "sourcesContent": ["import { useAiuiContext } from '../AiuiProvider/index.js'\nimport { PurchaseBar, ProductActions } from './components/index.js'\nimport type { ScrollSpyNavItem } from './components/PurchaseBar/types.js'\nimport ProductProvider, { type ProductContextType } from './ProductProvider.js'\nimport { ProductCard } from './components/index.js'\n\nimport { useMediaQuery } from 'react-responsive'\n\nconst Listing: React.FC<Omit<ProductContextType, 'joinedRecommendBuyProducts' | 'setJoinedRecommendBuyProducts'>> = ({\n  product,\n  renderRating,\n  variant,\n  selectedOptions,\n  setSelectedOptions,\n  isLogin,\n  finalPrice,\n  coupon,\n  comparePrice,\n  totalSavings,\n  savingDetail,\n  freeGift,\n  bundle,\n  checkedBundle,\n  checkedGift,\n  setCheckedBundle,\n  setCheckedGift,\n  compareData,\n  selectedVariants,\n  onAddToCart,\n  onBuyNow,\n  openModal,\n  setSavingDetail,\n  openSignInPopup,\n  openAuthCodePopup,\n  renderAffirm,\n  renderKlarna,\n  renderPaypal,\n}) => {\n  const { locale } = useAiuiContext()\n\n  const isMobile = useMediaQuery({ query: '(max-width: 768px)' })\n  const isDesktop = useMediaQuery({ query: '(min-width: 1440px)' })\n\n  const onSpyNavItemClick = (tab: ScrollSpyNavItem) => {\n    console.log(tab)\n  }\n\n  return (\n    <ProductProvider\n      product={product}\n      isMobile={isMobile}\n      isDesktop={isDesktop}\n      freeGift={freeGift}\n      renderRating={renderRating}\n      finalPrice={finalPrice}\n      comparePrice={comparePrice}\n      totalSavings={totalSavings}\n      savingDetail={savingDetail}\n      variant={variant}\n      selectedOptions={selectedOptions}\n      setSelectedOptions={setSelectedOptions}\n      bundle={bundle}\n      coupon={coupon}\n      checkedBundle={checkedBundle}\n      checkedGift={checkedGift}\n      setCheckedBundle={setCheckedBundle}\n      setCheckedGift={setCheckedGift}\n      compareData={compareData}\n      selectedVariants={selectedVariants}\n      onAddToCart={onAddToCart}\n      onBuyNow={onBuyNow}\n      openModal={openModal}\n      setSavingDetail={setSavingDetail}\n      openSignInPopup={openSignInPopup}\n      openAuthCodePopup={openAuthCodePopup}\n      renderAffirm={renderAffirm}\n      renderKlarna={renderKlarna}\n      renderPaypal={renderPaypal}\n    >\n      <div id=\"ipc-listing\">\n        <PurchaseBar onSpyNavItemClick={onSpyNavItemClick} />\n        {isMobile && (\n          <div className=\"fixed bottom-0 left-0 w-full z-[60]\">\n            <ProductActions />\n          </div>\n        )}\n        <ProductCard />\n      </div>\n    </ProductProvider>\n  )\n}\n\nListing.displayName = 'Listing'\n\nexport default Listing\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GA+EM,IAAAI,EAAA,6BA/ENC,EAA+B,oCAC/BC,EAA4C,iCAE5CC,EAAyD,mCACzDD,EAA4B,iCAE5BE,EAA8B,4BAE9B,MAAMC,EAA8G,CAAC,CACnH,QAAAC,EACA,aAAAC,EACA,QAAAC,EACA,gBAAAC,EACA,mBAAAC,EACA,QAAAC,EACA,WAAAC,EACA,OAAAC,EACA,aAAAC,EACA,aAAAC,EACA,aAAAC,EACA,SAAAC,EACA,OAAAC,EACA,cAAAC,EACA,YAAAC,EACA,iBAAAC,EACA,eAAAC,EACA,YAAAC,EACA,iBAAAC,EACA,YAAAC,EACA,SAAAC,EACA,UAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,kBAAAC,EACA,aAAAC,EACA,aAAAC,EACA,aAAAC,CACF,IAAM,CACJ,KAAM,CAAE,OAAAC,CAAO,KAAI,kBAAe,EAE5BC,KAAW,iBAAc,CAAE,MAAO,oBAAqB,CAAC,EACxDC,KAAY,iBAAc,CAAE,MAAO,qBAAsB,CAAC,EAMhE,SACE,OAAC,EAAAC,QAAA,CACC,QAAS/B,EACT,SAAU6B,EACV,UAAWC,EACX,SAAUnB,EACV,aAAcV,EACd,WAAYK,EACZ,aAAcE,EACd,aAAcC,EACd,aAAcC,EACd,QAASR,EACT,gBAAiBC,EACjB,mBAAoBC,EACpB,OAAQQ,EACR,OAAQL,EACR,cAAeM,EACf,YAAaC,EACb,iBAAkBC,EAClB,eAAgBC,EAChB,YAAaC,EACb,iBAAkBC,EAClB,YAAaC,EACb,SAAUC,EACV,UAAWC,EACX,gBAAiBC,EACjB,gBAAiBC,EACjB,kBAAmBC,EACnB,aAAcC,EACd,aAAcC,EACd,aAAcC,EAEd,oBAAC,OAAI,GAAG,cACN,oBAAC,eAAY,kBArCQK,GAA0B,CACnD,QAAQ,IAAIA,CAAG,CACjB,EAmCyD,EAClDH,MACC,OAAC,OAAI,UAAU,sCACb,mBAAC,mBAAe,EAClB,KAEF,OAAC,gBAAY,GACf,EACF,CAEJ,EAEA9B,EAAQ,YAAc,UAEtB,IAAOP,EAAQO",
+  "names": ["Listing_exports", "__export", "Listing_default", "__toCommonJS", "import_jsx_runtime", "import_AiuiProvider", "import_components", "import_ProductProvider", "import_react_responsive", "Listing", "product", "renderRating", "variant", "selectedOptions", "setSelectedOptions", "isLogin", "finalPrice", "coupon", "comparePrice", "totalSavings", "savingDetail", "freeGift", "bundle", "checkedBundle", "checkedGift", "setCheckedBundle", "setCheckedGift", "compareData", "selectedVariants", "onAddToCart", "onBuyNow", "openModal", "setSavingDetail", "openSignInPopup", "openAuthCodePopup", "renderAffirm", "renderKlarna", "renderPaypal", "locale", "isMobile", "isDesktop", "ProductProvider", "tab"]
 }

package/dist/cjs/biz-components/Listing/utils/helper.d.ts CHANGED Viewed

@@ -1,4 +1,10 @@
 import type { Product, ProductMedia, ProductVariant } from '../types/product';
+export type SchemaVariant = {
+    variant: {
+        handle: string;
+        sku: string;
+    };
+};
 export declare function isObjEmpty(obj?: Record<string, any>): boolean;
 export declare function atobID(id: string): string | undefined;
 export declare function btoaID(id: string, type?: 'ProductVariant' | 'Product'): string;
@@ -19,3 +25,12 @@ export declare function getVariantMediaList({ product, variant }: {
     variant: ProductVariant;
     product: Product;
 }): ProductMedia[];
+export declare const checkItemAvailableForProduct: ({ product, item, variant, }: {
+    product: Product;
+    variant: ProductVariant;
+    item?: {
+        includeTags?: string[];
+        includeProducts?: SchemaVariant[];
+        excludeProducts?: SchemaVariant[];
+    };
+}) => string | boolean | SchemaVariant | undefined;

package/dist/cjs/biz-components/Listing/utils/helper.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var u=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var l=(t,e)=>{for(var r in e)u(t,r,{get:e[r],enumerable:!0})},m=(t,e,r,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of p(e))!f.call(t,n)&&n!==r&&u(t,n,{get:()=>e[n],enumerable:!(a=d(e,n))||a.enumerable});return t};var g=t=>m(u({},"__esModule",{value:!0}),t);var b={};l(b,{atobID:()=>y,btoaID:()=>P,getNormalCoupon:()=>h,getThemeLocale:()=>V,getVariantImageIndex:()=>o,getVariantMediaList:()=>L,handle:()=>I,isObjEmpty:()=>x,replaceUmlaut:()=>s});module.exports=g(b);var c=require("../const");function x(t){return t?Object.keys(t).length===0:!0}function y(t){return t&&typeof t=="string"&&t.includes("/")?t.split("/").pop()?.split("?")?.shift():t}function P(t,e="ProductVariant"){return`gid://shopify/${e}/${t}`}const V=t=>t==="eu-de"?"de":t==="eu-en"?"eu":t==="au"?"au":t,h=({variant:t})=>t?.coupons?.find(e=>e.discount_type!==c.CouponChannel.WSCH),i={\u00DC:"U",\u00C4:"A",\u00D6:"O",\u00FC:"u",\u00E4:"a",\u00F6:"o",\u00DF:"ss",\u00E8:"e"};function s(t){return t.replace(/[\u00dc|\u00c4|\u00d6][a-z]/g,e=>{const r=i[e.slice(0,1)];return r.charAt(0)+r.charAt(1).toLowerCase()+e.slice(1)}).replace(new RegExp("["+Object.keys(i).join("|")+"]","g"),e=>i[e])}function I(t){return s(t).replace(/ /g,"-").replace(/[^a-zA-Z0-9-]/g,"").toLowerCase()}function o({mediaList:t,variant:e}){const r=e?.image?.url;return r?t.map(a=>a.image?.url).findIndex(a=>a==r):null}function L({product:t,variant:e}){const r=o({mediaList:t.media,variant:e});if(r!==null){const a=t.variants.filter(n=>e.id!==n.id).map(n=>o({mediaList:t.media,variant:n})).find(n=>n!==null&&n>r)||-1;return t.media.slice(r,a===-1?t.media.length:a)}else return t.media}
+"use strict";var u=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var g=(e,t)=>{for(var r in t)u(e,r,{get:t[r],enumerable:!0})},p=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of l(t))!f.call(e,a)&&a!==r&&u(e,a,{get:()=>t[a],enumerable:!(n=d(t,a))||n.enumerable});return e};var m=e=>p(u({},"__esModule",{value:!0}),e);var I={};g(I,{atobID:()=>P,btoaID:()=>x,checkItemAvailableForProduct:()=>v,getNormalCoupon:()=>V,getThemeLocale:()=>y,getVariantImageIndex:()=>o,getVariantMediaList:()=>k,handle:()=>b,isObjEmpty:()=>h,replaceUmlaut:()=>c});module.exports=m(I);var s=require("../const");function h(e){return e?Object.keys(e).length===0:!0}function P(e){return e&&typeof e=="string"&&e.includes("/")?e.split("/").pop()?.split("?")?.shift():e}function x(e,t="ProductVariant"){return`gid://shopify/${t}/${e}`}const y=e=>e==="eu-de"?"de":e==="eu-en"?"eu":e==="au"?"au":e,V=({variant:e})=>e?.coupons?.find(t=>t.discount_type!==s.CouponChannel.WSCH),i={\u00DC:"U",\u00C4:"A",\u00D6:"O",\u00FC:"u",\u00E4:"a",\u00F6:"o",\u00DF:"ss",\u00E8:"e"};function c(e){return e.replace(/[\u00dc|\u00c4|\u00d6][a-z]/g,t=>{const r=i[t.slice(0,1)];return r.charAt(0)+r.charAt(1).toLowerCase()+t.slice(1)}).replace(new RegExp("["+Object.keys(i).join("|")+"]","g"),t=>i[t])}function b(e){return c(e).replace(/ /g,"-").replace(/[^a-zA-Z0-9-]/g,"").toLowerCase()}function o({mediaList:e,variant:t}){const r=t?.image?.url;return r?e.map(n=>n.image?.url).findIndex(n=>n==r):null}function k({product:e,variant:t}){const r=o({mediaList:e.media,variant:t});if(r!==null){const n=e.variants.filter(a=>t.id!==a.id).map(a=>o({mediaList:e.media,variant:a})).find(a=>a!==null&&a>r)||-1;return e.media.slice(r,n===-1?e.media.length:n)}else return e.media}const v=({product:e,item:t,variant:r})=>t?Number(t?.includeTags?.length)>0?e.tags?.find(n=>t?.includeTags?.includes(n)):Number(t?.includeProducts?.length)>0?t.includeProducts?.find(n=>n?.variant?.handle===e.handle&&n?.variant?.sku===r.sku):Number(t?.excludeProducts?.length)>0?!t.excludeProducts?.find(n=>n?.variant?.handle===e.handle&&n?.variant?.sku===r.sku):!0:!1;
 //# sourceMappingURL=helper.js.map

package/dist/cjs/biz-components/Listing/utils/helper.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/biz-components/Listing/utils/helper.ts"],
-  "sourcesContent": ["// \u6539\u7EC4\u4EF6\u5BA2\u6237\u7AEF\u6267\u884C\n// import { SchemaVariant } from '@projectTypes/template'\nimport type { Product, ProductMedia, ProductVariant } from '../types/product'\nimport { CouponChannel } from '../const'\n// import Cookies from 'js-cookie'\n// import { Attribute, HasMetafieldsIdentifier } from 'lib/shopify/gql'\n// import { HasMetafieldQueryRoot } from 'lib/shopify/types/fetcher'\n// import { useEffect, useState } from 'react'\n\n// import { PartialRecord } from './type-helper'\n\n// \u5224\u65AD\u5BF9\u8C61\u662F\u5426\u4E3A\u7A7A\nexport function isObjEmpty(obj?: Record<string, any>) {\n  if (!obj) return true\n  else {\n    return Object.keys(obj).length === 0\n  }\n}\n\nexport function atobID(id: string) {\n  if (id && typeof id === 'string' && id.includes('/')) {\n    return id.split('/').pop()?.split('?')?.shift()\n  } else {\n    return id\n  }\n}\n\nexport function btoaID(id: string, type: 'ProductVariant' | 'Product' = 'ProductVariant') {\n  return `gid://shopify/${type}/${id}`\n}\n\n// \u76AE\u80A4\u7AD9\u4E09\u7EA7\u57DF\u540D\nexport const getThemeLocale = (locale: string) => {\n  if (locale === 'eu-de') return 'de'\n  if (locale === 'eu-en') return 'eu'\n  if (locale === 'au') return 'au'\n  return locale\n}\n\n/**\n * \u751F\u6210 metafieldIdentifiers \u67E5\u8BE2\u53C2\u6570\n */\n// export function constructMetafieldIdentifiersQueryParams<T extends HasMetafieldQueryRoot>(\n//   metafieldIdentifiers: PartialRecord<T, HasMetafieldsIdentifier[]> = {},\n// ): PartialRecord<`${T}MetafieldIdentifiers`, HasMetafieldsIdentifier[]> {\n//   const identifiers = Object.entries(metafieldIdentifiers).reduce(\n//     (queryInput, [key, value]) => {\n//       const metafieldIdentifiers = value as HasMetafieldsIdentifier[]\n//       queryInput[`${key}MetafieldIdentifiers`] = metafieldIdentifiers\n//         .filter((item) => !item.namespace.startsWith(metafieldNamespacePrefix))\n//         .map((item) => ({\n//           namespace: `${metafieldNamespacePrefix}combo`,\n//           key: item.namespace,\n//         }))\n//         .concat(metafieldIdentifiers)\n//       return queryInput\n//     },\n//     {} as PartialRecord<`${T}MetafieldIdentifiers`, HasMetafieldsIdentifier[]>,\n//   )\n//   return identifiers\n// }\n\n// export function cleanShopKey(shop: Shop) {\n//   const { privacyPolicy, refundPolicy, shippingPolicy, termsOfService, subscriptionPolicy, ...otherShop } = shop\n//   return otherShop\n// }\n\n// export const delHtmlTag = (str?: string) => {\n//   return str ? String(str).replace(/<[^>]+>/g, '') : ''\n// }\n\nexport const getNormalCoupon = ({ variant }: { variant?: ProductVariant }) => {\n  return variant?.coupons?.find(coupon => coupon.discount_type !== CouponChannel.WSCH)\n}\n\n// export const setCartSecretCookie = ({ cart }) => {\n//   const key = cart.id.split('?key=')[1]\n//   const id = cart.id.split('?key=')[0].split('gid://shopify/Cart/')[1]\n//   Cookies.set(id, key, {\n//     Domain: window.location.hostname.split('.').reverse().slice(0, 2).reverse().join('.'),\n//   })\n// }\n\n// export const languageCode = (locale: string) =>\n//   ({\n//     us: 'US',\n//     uk: 'GB',\n//     ca: 'CA',\n//     fr: 'FR',\n//     au: 'AU',\n//     my: 'MY',\n//     vn: 'VN',\n//     it: 'IT',\n//     de: 'DE',\n//     cl: 'CL',\n//   })[locale] || 'US'\n\n// shopify \u7684\u7279\u6B8A\u6587\u4EF6\u8F6C\u6362\u89C4\u5219\nconst umlautMap = {\n  '\\u00dc': 'U',\n  '\\u00c4': 'A',\n  '\\u00d6': 'O',\n  '\\u00fc': 'u',\n  '\\u00e4': 'a',\n  '\\u00f6': 'o',\n  '\\u00df': 'ss',\n  '\\u00E8': 'e',\n}\n\n// \u66FF\u6362\u5B57\u7B26\u4E32\u4E2D\u7684\u7279\u6B8A\u5B57\u7B26\nexport function replaceUmlaut(str: string) {\n  return str\n    .replace(/[\\u00dc|\\u00c4|\\u00d6][a-z]/g, a => {\n      const big = umlautMap[a.slice(0, 1) as keyof typeof umlautMap]\n      return big.charAt(0) + big.charAt(1).toLowerCase() + a.slice(1)\n    })\n    .replace(new RegExp('[' + Object.keys(umlautMap).join('|') + ']', 'g'), a => umlautMap[a as keyof typeof umlautMap])\n}\n\n// \u5C06\u5B57\u7B26\u4E32\u8F6C\u6362\u4E3A slug\nexport function handle(str: string) {\n  return replaceUmlaut(str)\n    .replace(/ /g, '-')\n    .replace(/[^a-zA-Z0-9-]/g, '')\n    .toLowerCase()\n}\n\n// get variant image index\nexport function getVariantImageIndex({\n  mediaList,\n  variant,\n}: {\n  variant: ProductVariant\n  mediaList: ProductMedia[]\n}): null | number {\n  const src = variant?.image?.url\n  return src ? mediaList.map(media => media.image?.url).findIndex(imageSrc => imageSrc == src) : null\n}\n\n// get images belong to variant\nexport function getVariantMediaList({ product, variant }: { variant: ProductVariant; product: Product }) {\n  const currentVariantImageIndex = getVariantImageIndex({ mediaList: product.media, variant })\n\n  if (currentVariantImageIndex !== null) {\n    const nextVariantImageIndex =\n      product.variants\n        .filter(v => variant.id !== v.id)\n        .map(v => getVariantImageIndex({ mediaList: product.media, variant: v }))\n        .find(index => index !== null && index > currentVariantImageIndex) || -1\n\n    // current variant images, if no next variant found, return images from current index to the end\n    return product.media.slice(\n      currentVariantImageIndex,\n      nextVariantImageIndex === -1 ? product.media.length : nextVariantImageIndex\n    )\n  } else {\n    // if no variant image found, return all images\n    return product.media\n  }\n}\n\n// // \u901A\u8FC7\u9009\u62E9 option \u83B7\u53D6 variant\n// export function getVariantFromSelectedOptions({\n//   product,\n//   selectedOptions,\n// }: {\n//   product: Product\n//   selectedOptions: Record<string, string>\n// }) {\n//   return product.variants.find((variant) => {\n//     return Object.entries(selectedOptions).every(([key, value]) =>\n//       variant.options.find((option) => {\n//         if (option.__typename === 'MultipleChoiceOption' && option.name === key) {\n//           return option.values.find((v) => v.label === value)\n//         }\n//       }),\n//     )\n//   })\n// }\n\n// export const getURLParameter = (name, url = window.location.href) => {\n//   name = name.replace(/[\\[\\]]/g, '\\\\$&') // \u5C06\u65B9\u62EC\u53F7\u8F6C\u4E49\uFF0C\u4EE5\u4FBF\u5728\u6B63\u5219\u8868\u8FBE\u5F0F\u4E2D\u4F7F\u7528\n//   var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)') // \u521B\u5EFA\u5339\u914D\u53C2\u6570\u7684\u6B63\u5219\u8868\u8FBE\u5F0F\n//   var results = regex.exec(url) // \u5728URL\u4E2D\u67E5\u627E\u5339\u914D\u7684\u53C2\u6570\n//   if (!results) return null // \u5982\u679C\u6CA1\u6709\u627E\u5230\u5339\u914D\u7684\u53C2\u6570\uFF0C\u5219\u8FD4\u56DEnull\n//   if (!results[2]) return '' // \u5982\u679C\u53C2\u6570\u7684\u503C\u4E3A\u7A7A\uFF0C\u5219\u8FD4\u56DE\u7A7A\u5B57\u7B26\u4E32\n//   return decodeURIComponent(results[2]) // \u8FD4\u56DE\u89E3\u7801\u540E\u7684\u53C2\u6570\u503C\n// }\n\n// export const checkItemAvailableForProduct = ({\n//   product,\n//   item,\n//   variant,\n// }: {\n//   product: Product\n//   variant: ProductVariant\n//   item?: {\n//     includeTags?: string[]\n//     includeProducts?: SchemaVariant[]\n//     excludeProducts?: SchemaVariant[]\n//   }\n// }) => {\n//   if (item) {\n//     if (Number(item?.includeTags?.length) > 0) {\n//       return product.tags?.find((tag) => item?.includeTags?.includes(tag))\n//     } else if (Number(item?.includeProducts?.length) > 0) {\n//       return item.includeProducts?.find((p) => p?.variant?.handle === product.handle && p?.variant?.sku === variant.sku)\n//     } else if (Number(item?.excludeProducts?.length) > 0) {\n//       return !item.excludeProducts?.find(\n//         (p) => p?.variant?.handle === product.handle && p?.variant?.sku === variant.sku,\n//       )\n//     } else {\n//       return true\n//     }\n//   } else {\n//     return false\n//   }\n// }\n// export const getReferralAttributes = () => {\n//   const inviteCode = Cookies.get('invite_code')\n//   const playModeId = Cookies.get('playModeId')\n//   const popup = Cookies.get('_popup')\n//   if (inviteCode && playModeId) {\n//     return popup\n//       ? [\n//           { key: '_invite_code', value: inviteCode ? inviteCode : '' },\n//           { key: '_play_mode_id', value: playModeId ? playModeId : '' },\n//           { key: '_popup', value: popup },\n//         ]\n//       : [\n//           { key: '_invite_code', value: inviteCode ? inviteCode : '' },\n//           { key: '_play_mode_id', value: playModeId ? playModeId : '' },\n//         ]\n//   }\n//   return []\n// }\n\n// export function useH2Toc(htmlContent: string) {\n//   const [toc, setToc] = useState<{ updatedHtmlContent: string; dataList: { url: string; text: string }[] }>({\n//     updatedHtmlContent: htmlContent,\n//     dataList: [],\n//   })\n\n//   useEffect(() => {\n//     if (typeof window === 'undefined' || typeof document === 'undefined') return\n//     const div = document.createElement('div')\n//     div.innerHTML = htmlContent\n//     const h2s = div.querySelectorAll('h2')\n//     const dataList: { url: string; text: string }[] = []\n//     h2s.forEach((h2, idx) => {\n//       const text = (h2.textContent || '').trim()\n//       if (!text) return\n//       const id = encodeURIComponent(text).replace(/'/g, '&#39;')\n//       h2.setAttribute('id', id)\n//       dataList.push({ url: id, text })\n//     })\n//     setToc({ updatedHtmlContent: div.innerHTML, dataList })\n//   }, [htmlContent])\n\n//   return toc\n// }\n\n// export const isAttributesEqual = (oldAttributes: Attribute[], newAttributes: Attribute[]) => {\n//   // \u6BD4\u5BF9\u4E24\u4E2A\u6570\u636E\u662F\u5426\u5B8C\u5168\u76F8\u540C\n//   // \u68C0\u67E5\u6570\u7EC4\u957F\u5EA6\u662F\u5426\u76F8\u540C\n//   if (oldAttributes?.length !== newAttributes?.length) {\n//     return false\n//   }\n\n//   // \u5C06\u6570\u7EC4\u8F6C\u6362\u4E3A Map \u4EE5\u4FBF\u5FEB\u901F\u67E5\u627E\n//   const oldMap = new Map(oldAttributes.map((attr) => [attr.key, attr.value]))\n//   const newMap = new Map(newAttributes.map((attr) => [attr.key, attr.value]))\n\n//   // \u68C0\u67E5\u6240\u6709 key \u662F\u5426\u90FD\u5B58\u5728\u4E14\u503C\u76F8\u540C\n//   for (const [key, value] of newMap) {\n//     if (!oldMap.has(key) || oldMap.get(key) !== value) {\n//       return false\n//     }\n//   }\n\n//   return true\n// }\n\n// // \u68C0\u67E5\u8F93\u5165\u6846\u4E2D\u7684\u7279\u6B8A\u7B26\u53F7\n// export function validateSpecialCharacters(input: string): { isValid: boolean; invalidChars: string[] } {\n//   // \u5B9A\u4E49\u4E0D\u5141\u8BB8\u7684\u7279\u6B8A\u7B26\u53F7\n//   const invalidSpecialChars = /[!@#$%^&*()_+\\-=\\[\\]{};':\"\\\\|,.<>\\/?`~]/g\n\n//   const matches = input.match(invalidSpecialChars)\n//   const invalidChars = matches ? [...new Set(matches)] : []\n\n//   return {\n//     isValid: invalidChars.length === 0,\n//     invalidChars,\n//   }\n// }\n\n// // \u83B7\u53D6\u7279\u6B8A\u7B26\u53F7\u7684\u9519\u8BEF\u63D0\u793A\u4FE1\u606F\n// export function getSpecialCharErrorMessage(invalidChars: string[]): string {\n//   if (invalidChars.length === 0) return ''\n\n//   const uniqueChars = [...new Set(invalidChars)]\n//   if (uniqueChars.length === 1) {\n//     return `\u4E0D\u5141\u8BB8\u4F7F\u7528\u7279\u6B8A\u7B26\u53F7: ${uniqueChars[0]}`\n//   } else {\n//     return `\u4E0D\u5141\u8BB8\u4F7F\u7528\u4EE5\u4E0B\u7279\u6B8A\u7B26\u53F7: ${uniqueChars.join(', ')}`\n//   }\n// }"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,YAAAE,EAAA,WAAAC,EAAA,oBAAAC,EAAA,mBAAAC,EAAA,yBAAAC,EAAA,wBAAAC,EAAA,WAAAC,EAAA,eAAAC,EAAA,kBAAAC,IAAA,eAAAC,EAAAX,GAGA,IAAAY,EAA8B,oBASvB,SAASH,EAAWI,EAA2B,CACpD,OAAKA,EAEI,OAAO,KAAKA,CAAG,EAAE,SAAW,EAFpB,EAInB,CAEO,SAASX,EAAOY,EAAY,CACjC,OAAIA,GAAM,OAAOA,GAAO,UAAYA,EAAG,SAAS,GAAG,EAC1CA,EAAG,MAAM,GAAG,EAAE,IAAI,GAAG,MAAM,GAAG,GAAG,MAAM,EAEvCA,CAEX,CAEO,SAASX,EAAOW,EAAYC,EAAqC,iBAAkB,CACxF,MAAO,iBAAiBA,CAAI,IAAID,CAAE,EACpC,CAGO,MAAMT,EAAkBW,GACzBA,IAAW,QAAgB,KAC3BA,IAAW,QAAgB,KAC3BA,IAAW,KAAa,KACrBA,EAmCIZ,EAAkB,CAAC,CAAE,QAAAa,CAAQ,IACjCA,GAAS,SAAS,KAAKC,GAAUA,EAAO,gBAAkB,gBAAc,IAAI,EA0B/EC,EAAY,CAChB,OAAU,IACV,OAAU,IACV,OAAU,IACV,OAAU,IACV,OAAU,IACV,OAAU,IACV,OAAU,KACV,OAAU,GACZ,EAGO,SAAST,EAAcU,EAAa,CACzC,OAAOA,EACJ,QAAQ,+BAAgCC,GAAK,CAC5C,MAAMC,EAAMH,EAAUE,EAAE,MAAM,EAAG,CAAC,CAA2B,EAC7D,OAAOC,EAAI,OAAO,CAAC,EAAIA,EAAI,OAAO,CAAC,EAAE,YAAY,EAAID,EAAE,MAAM,CAAC,CAChE,CAAC,EACA,QAAQ,IAAI,OAAO,IAAM,OAAO,KAAKF,CAAS,EAAE,KAAK,GAAG,EAAI,IAAK,GAAG,EAAGE,GAAKF,EAAUE,CAA2B,CAAC,CACvH,CAGO,SAASb,EAAOY,EAAa,CAClC,OAAOV,EAAcU,CAAG,EACrB,QAAQ,KAAM,GAAG,EACjB,QAAQ,iBAAkB,EAAE,EAC5B,YAAY,CACjB,CAGO,SAASd,EAAqB,CACnC,UAAAiB,EACA,QAAAN,CACF,EAGkB,CAChB,MAAMO,EAAMP,GAAS,OAAO,IAC5B,OAAOO,EAAMD,EAAU,IAAIE,GAASA,EAAM,OAAO,GAAG,EAAE,UAAUC,GAAYA,GAAYF,CAAG,EAAI,IACjG,CAGO,SAASjB,EAAoB,CAAE,QAAAoB,EAAS,QAAAV,CAAQ,EAAkD,CACvG,MAAMW,EAA2BtB,EAAqB,CAAE,UAAWqB,EAAQ,MAAO,QAAAV,CAAQ,CAAC,EAE3F,GAAIW,IAA6B,KAAM,CACrC,MAAMC,EACJF,EAAQ,SACL,OAAOG,GAAKb,EAAQ,KAAOa,EAAE,EAAE,EAC/B,IAAIA,GAAKxB,EAAqB,CAAE,UAAWqB,EAAQ,MAAO,QAASG,CAAE,CAAC,CAAC,EACvE,KAAKC,GAASA,IAAU,MAAQA,EAAQH,CAAwB,GAAK,GAG1E,OAAOD,EAAQ,MAAM,MACnBC,EACAC,IAA0B,GAAKF,EAAQ,MAAM,OAASE,CACxD,CACF,KAEE,QAAOF,EAAQ,KAEnB",
-  "names": ["helper_exports", "__export", "atobID", "btoaID", "getNormalCoupon", "getThemeLocale", "getVariantImageIndex", "getVariantMediaList", "handle", "isObjEmpty", "replaceUmlaut", "__toCommonJS", "import_const", "obj", "id", "type", "locale", "variant", "coupon", "umlautMap", "str", "a", "big", "mediaList", "src", "media", "imageSrc", "product", "currentVariantImageIndex", "nextVariantImageIndex", "v", "index"]
+  "sourcesContent": ["// \u6539\u7EC4\u4EF6\u5BA2\u6237\u7AEF\u6267\u884C\n// import { SchemaVariant } from '@projectTypes/template'\nimport type { Product, ProductMedia, ProductVariant } from '../types/product'\nimport { CouponChannel } from '../const'\n// import Cookies from 'js-cookie'\n// import { Attribute, HasMetafieldsIdentifier } from 'lib/shopify/gql'\n// import { HasMetafieldQueryRoot } from 'lib/shopify/types/fetcher'\n// import { useEffect, useState } from 'react'\n\n// import { PartialRecord } from './type-helper'\n\nexport type SchemaVariant = {\n  variant: {\n    handle: string\n    sku: string\n  }\n}\n\n// \u5224\u65AD\u5BF9\u8C61\u662F\u5426\u4E3A\u7A7A\nexport function isObjEmpty(obj?: Record<string, any>) {\n  if (!obj) return true\n  else {\n    return Object.keys(obj).length === 0\n  }\n}\n\nexport function atobID(id: string) {\n  if (id && typeof id === 'string' && id.includes('/')) {\n    return id.split('/').pop()?.split('?')?.shift()\n  } else {\n    return id\n  }\n}\n\nexport function btoaID(id: string, type: 'ProductVariant' | 'Product' = 'ProductVariant') {\n  return `gid://shopify/${type}/${id}`\n}\n\n// \u76AE\u80A4\u7AD9\u4E09\u7EA7\u57DF\u540D\nexport const getThemeLocale = (locale: string) => {\n  if (locale === 'eu-de') return 'de'\n  if (locale === 'eu-en') return 'eu'\n  if (locale === 'au') return 'au'\n  return locale\n}\n\n/**\n * \u751F\u6210 metafieldIdentifiers \u67E5\u8BE2\u53C2\u6570\n */\n// export function constructMetafieldIdentifiersQueryParams<T extends HasMetafieldQueryRoot>(\n//   metafieldIdentifiers: PartialRecord<T, HasMetafieldsIdentifier[]> = {},\n// ): PartialRecord<`${T}MetafieldIdentifiers`, HasMetafieldsIdentifier[]> {\n//   const identifiers = Object.entries(metafieldIdentifiers).reduce(\n//     (queryInput, [key, value]) => {\n//       const metafieldIdentifiers = value as HasMetafieldsIdentifier[]\n//       queryInput[`${key}MetafieldIdentifiers`] = metafieldIdentifiers\n//         .filter((item) => !item.namespace.startsWith(metafieldNamespacePrefix))\n//         .map((item) => ({\n//           namespace: `${metafieldNamespacePrefix}combo`,\n//           key: item.namespace,\n//         }))\n//         .concat(metafieldIdentifiers)\n//       return queryInput\n//     },\n//     {} as PartialRecord<`${T}MetafieldIdentifiers`, HasMetafieldsIdentifier[]>,\n//   )\n//   return identifiers\n// }\n\n// export function cleanShopKey(shop: Shop) {\n//   const { privacyPolicy, refundPolicy, shippingPolicy, termsOfService, subscriptionPolicy, ...otherShop } = shop\n//   return otherShop\n// }\n\n// export const delHtmlTag = (str?: string) => {\n//   return str ? String(str).replace(/<[^>]+>/g, '') : ''\n// }\n\nexport const getNormalCoupon = ({ variant }: { variant?: ProductVariant }) => {\n  return variant?.coupons?.find(coupon => coupon.discount_type !== CouponChannel.WSCH)\n}\n\n// export const setCartSecretCookie = ({ cart }) => {\n//   const key = cart.id.split('?key=')[1]\n//   const id = cart.id.split('?key=')[0].split('gid://shopify/Cart/')[1]\n//   Cookies.set(id, key, {\n//     Domain: window.location.hostname.split('.').reverse().slice(0, 2).reverse().join('.'),\n//   })\n// }\n\n// export const languageCode = (locale: string) =>\n//   ({\n//     us: 'US',\n//     uk: 'GB',\n//     ca: 'CA',\n//     fr: 'FR',\n//     au: 'AU',\n//     my: 'MY',\n//     vn: 'VN',\n//     it: 'IT',\n//     de: 'DE',\n//     cl: 'CL',\n//   })[locale] || 'US'\n\n// shopify \u7684\u7279\u6B8A\u6587\u4EF6\u8F6C\u6362\u89C4\u5219\nconst umlautMap = {\n  '\\u00dc': 'U',\n  '\\u00c4': 'A',\n  '\\u00d6': 'O',\n  '\\u00fc': 'u',\n  '\\u00e4': 'a',\n  '\\u00f6': 'o',\n  '\\u00df': 'ss',\n  '\\u00E8': 'e',\n}\n\n// \u66FF\u6362\u5B57\u7B26\u4E32\u4E2D\u7684\u7279\u6B8A\u5B57\u7B26\nexport function replaceUmlaut(str: string) {\n  return str\n    .replace(/[\\u00dc|\\u00c4|\\u00d6][a-z]/g, a => {\n      const big = umlautMap[a.slice(0, 1) as keyof typeof umlautMap]\n      return big.charAt(0) + big.charAt(1).toLowerCase() + a.slice(1)\n    })\n    .replace(new RegExp('[' + Object.keys(umlautMap).join('|') + ']', 'g'), a => umlautMap[a as keyof typeof umlautMap])\n}\n\n// \u5C06\u5B57\u7B26\u4E32\u8F6C\u6362\u4E3A slug\nexport function handle(str: string) {\n  return replaceUmlaut(str)\n    .replace(/ /g, '-')\n    .replace(/[^a-zA-Z0-9-]/g, '')\n    .toLowerCase()\n}\n\n// get variant image index\nexport function getVariantImageIndex({\n  mediaList,\n  variant,\n}: {\n  variant: ProductVariant\n  mediaList: ProductMedia[]\n}): null | number {\n  const src = variant?.image?.url\n  return src ? mediaList.map(media => media.image?.url).findIndex(imageSrc => imageSrc == src) : null\n}\n\n// get images belong to variant\nexport function getVariantMediaList({ product, variant }: { variant: ProductVariant; product: Product }) {\n  const currentVariantImageIndex = getVariantImageIndex({ mediaList: product.media, variant })\n\n  if (currentVariantImageIndex !== null) {\n    const nextVariantImageIndex =\n      product.variants\n        .filter(v => variant.id !== v.id)\n        .map(v => getVariantImageIndex({ mediaList: product.media, variant: v }))\n        .find(index => index !== null && index > currentVariantImageIndex) || -1\n\n    // current variant images, if no next variant found, return images from current index to the end\n    return product.media.slice(\n      currentVariantImageIndex,\n      nextVariantImageIndex === -1 ? product.media.length : nextVariantImageIndex\n    )\n  } else {\n    // if no variant image found, return all images\n    return product.media\n  }\n}\n\n// // \u901A\u8FC7\u9009\u62E9 option \u83B7\u53D6 variant\n// export function getVariantFromSelectedOptions({\n//   product,\n//   selectedOptions,\n// }: {\n//   product: Product\n//   selectedOptions: Record<string, string>\n// }) {\n//   return product.variants.find((variant) => {\n//     return Object.entries(selectedOptions).every(([key, value]) =>\n//       variant.options.find((option) => {\n//         if (option.__typename === 'MultipleChoiceOption' && option.name === key) {\n//           return option.values.find((v) => v.label === value)\n//         }\n//       }),\n//     )\n//   })\n// }\n\n// export const getURLParameter = (name, url = window.location.href) => {\n//   name = name.replace(/[\\[\\]]/g, '\\\\$&') // \u5C06\u65B9\u62EC\u53F7\u8F6C\u4E49\uFF0C\u4EE5\u4FBF\u5728\u6B63\u5219\u8868\u8FBE\u5F0F\u4E2D\u4F7F\u7528\n//   var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)') // \u521B\u5EFA\u5339\u914D\u53C2\u6570\u7684\u6B63\u5219\u8868\u8FBE\u5F0F\n//   var results = regex.exec(url) // \u5728URL\u4E2D\u67E5\u627E\u5339\u914D\u7684\u53C2\u6570\n//   if (!results) return null // \u5982\u679C\u6CA1\u6709\u627E\u5230\u5339\u914D\u7684\u53C2\u6570\uFF0C\u5219\u8FD4\u56DEnull\n//   if (!results[2]) return '' // \u5982\u679C\u53C2\u6570\u7684\u503C\u4E3A\u7A7A\uFF0C\u5219\u8FD4\u56DE\u7A7A\u5B57\u7B26\u4E32\n//   return decodeURIComponent(results[2]) // \u8FD4\u56DE\u89E3\u7801\u540E\u7684\u53C2\u6570\u503C\n// }\n\nexport const checkItemAvailableForProduct = ({\n  product,\n  item,\n  variant,\n}: {\n  product: Product\n  variant: ProductVariant\n  item?: {\n    includeTags?: string[]\n    includeProducts?: SchemaVariant[]\n    excludeProducts?: SchemaVariant[]\n  }\n}) => {\n  if (item) {\n    if (Number(item?.includeTags?.length) > 0) {\n      return product.tags?.find((tag) => item?.includeTags?.includes(tag))\n    } else if (Number(item?.includeProducts?.length) > 0) {\n      return item.includeProducts?.find((p) => p?.variant?.handle === product.handle && p?.variant?.sku === variant.sku)\n    } else if (Number(item?.excludeProducts?.length) > 0) {\n      return !item.excludeProducts?.find(\n        (p) => p?.variant?.handle === product.handle && p?.variant?.sku === variant.sku,\n      )\n    } else {\n      return true\n    }\n  } else {\n    return false\n  }\n}\n// export const getReferralAttributes = () => {\n//   const inviteCode = Cookies.get('invite_code')\n//   const playModeId = Cookies.get('playModeId')\n//   const popup = Cookies.get('_popup')\n//   if (inviteCode && playModeId) {\n//     return popup\n//       ? [\n//           { key: '_invite_code', value: inviteCode ? inviteCode : '' },\n//           { key: '_play_mode_id', value: playModeId ? playModeId : '' },\n//           { key: '_popup', value: popup },\n//         ]\n//       : [\n//           { key: '_invite_code', value: inviteCode ? inviteCode : '' },\n//           { key: '_play_mode_id', value: playModeId ? playModeId : '' },\n//         ]\n//   }\n//   return []\n// }\n\n// export function useH2Toc(htmlContent: string) {\n//   const [toc, setToc] = useState<{ updatedHtmlContent: string; dataList: { url: string; text: string }[] }>({\n//     updatedHtmlContent: htmlContent,\n//     dataList: [],\n//   })\n\n//   useEffect(() => {\n//     if (typeof window === 'undefined' || typeof document === 'undefined') return\n//     const div = document.createElement('div')\n//     div.innerHTML = htmlContent\n//     const h2s = div.querySelectorAll('h2')\n//     const dataList: { url: string; text: string }[] = []\n//     h2s.forEach((h2, idx) => {\n//       const text = (h2.textContent || '').trim()\n//       if (!text) return\n//       const id = encodeURIComponent(text).replace(/'/g, '&#39;')\n//       h2.setAttribute('id', id)\n//       dataList.push({ url: id, text })\n//     })\n//     setToc({ updatedHtmlContent: div.innerHTML, dataList })\n//   }, [htmlContent])\n\n//   return toc\n// }\n\n// export const isAttributesEqual = (oldAttributes: Attribute[], newAttributes: Attribute[]) => {\n//   // \u6BD4\u5BF9\u4E24\u4E2A\u6570\u636E\u662F\u5426\u5B8C\u5168\u76F8\u540C\n//   // \u68C0\u67E5\u6570\u7EC4\u957F\u5EA6\u662F\u5426\u76F8\u540C\n//   if (oldAttributes?.length !== newAttributes?.length) {\n//     return false\n//   }\n\n//   // \u5C06\u6570\u7EC4\u8F6C\u6362\u4E3A Map \u4EE5\u4FBF\u5FEB\u901F\u67E5\u627E\n//   const oldMap = new Map(oldAttributes.map((attr) => [attr.key, attr.value]))\n//   const newMap = new Map(newAttributes.map((attr) => [attr.key, attr.value]))\n\n//   // \u68C0\u67E5\u6240\u6709 key \u662F\u5426\u90FD\u5B58\u5728\u4E14\u503C\u76F8\u540C\n//   for (const [key, value] of newMap) {\n//     if (!oldMap.has(key) || oldMap.get(key) !== value) {\n//       return false\n//     }\n//   }\n\n//   return true\n// }\n\n// // \u68C0\u67E5\u8F93\u5165\u6846\u4E2D\u7684\u7279\u6B8A\u7B26\u53F7\n// export function validateSpecialCharacters(input: string): { isValid: boolean; invalidChars: string[] } {\n//   // \u5B9A\u4E49\u4E0D\u5141\u8BB8\u7684\u7279\u6B8A\u7B26\u53F7\n//   const invalidSpecialChars = /[!@#$%^&*()_+\\-=\\[\\]{};':\"\\\\|,.<>\\/?`~]/g\n\n//   const matches = input.match(invalidSpecialChars)\n//   const invalidChars = matches ? [...new Set(matches)] : []\n\n//   return {\n//     isValid: invalidChars.length === 0,\n//     invalidChars,\n//   }\n// }\n\n// // \u83B7\u53D6\u7279\u6B8A\u7B26\u53F7\u7684\u9519\u8BEF\u63D0\u793A\u4FE1\u606F\n// export function getSpecialCharErrorMessage(invalidChars: string[]): string {\n//   if (invalidChars.length === 0) return ''\n\n//   const uniqueChars = [...new Set(invalidChars)]\n//   if (uniqueChars.length === 1) {\n//     return `\u4E0D\u5141\u8BB8\u4F7F\u7528\u7279\u6B8A\u7B26\u53F7: ${uniqueChars[0]}`\n//   } else {\n//     return `\u4E0D\u5141\u8BB8\u4F7F\u7528\u4EE5\u4E0B\u7279\u6B8A\u7B26\u53F7: ${uniqueChars.join(', ')}`\n//   }\n// }"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,YAAAE,EAAA,WAAAC,EAAA,iCAAAC,EAAA,oBAAAC,EAAA,mBAAAC,EAAA,yBAAAC,EAAA,wBAAAC,EAAA,WAAAC,EAAA,eAAAC,EAAA,kBAAAC,IAAA,eAAAC,EAAAZ,GAGA,IAAAa,EAA8B,oBAgBvB,SAASH,EAAWI,EAA2B,CACpD,OAAKA,EAEI,OAAO,KAAKA,CAAG,EAAE,SAAW,EAFpB,EAInB,CAEO,SAASZ,EAAOa,EAAY,CACjC,OAAIA,GAAM,OAAOA,GAAO,UAAYA,EAAG,SAAS,GAAG,EAC1CA,EAAG,MAAM,GAAG,EAAE,IAAI,GAAG,MAAM,GAAG,GAAG,MAAM,EAEvCA,CAEX,CAEO,SAASZ,EAAOY,EAAYC,EAAqC,iBAAkB,CACxF,MAAO,iBAAiBA,CAAI,IAAID,CAAE,EACpC,CAGO,MAAMT,EAAkBW,GACzBA,IAAW,QAAgB,KAC3BA,IAAW,QAAgB,KAC3BA,IAAW,KAAa,KACrBA,EAmCIZ,EAAkB,CAAC,CAAE,QAAAa,CAAQ,IACjCA,GAAS,SAAS,KAAKC,GAAUA,EAAO,gBAAkB,gBAAc,IAAI,EA0B/EC,EAAY,CAChB,OAAU,IACV,OAAU,IACV,OAAU,IACV,OAAU,IACV,OAAU,IACV,OAAU,IACV,OAAU,KACV,OAAU,GACZ,EAGO,SAAST,EAAcU,EAAa,CACzC,OAAOA,EACJ,QAAQ,+BAAgCC,GAAK,CAC5C,MAAMC,EAAMH,EAAUE,EAAE,MAAM,EAAG,CAAC,CAA2B,EAC7D,OAAOC,EAAI,OAAO,CAAC,EAAIA,EAAI,OAAO,CAAC,EAAE,YAAY,EAAID,EAAE,MAAM,CAAC,CAChE,CAAC,EACA,QAAQ,IAAI,OAAO,IAAM,OAAO,KAAKF,CAAS,EAAE,KAAK,GAAG,EAAI,IAAK,GAAG,EAAGE,GAAKF,EAAUE,CAA2B,CAAC,CACvH,CAGO,SAASb,EAAOY,EAAa,CAClC,OAAOV,EAAcU,CAAG,EACrB,QAAQ,KAAM,GAAG,EACjB,QAAQ,iBAAkB,EAAE,EAC5B,YAAY,CACjB,CAGO,SAASd,EAAqB,CACnC,UAAAiB,EACA,QAAAN,CACF,EAGkB,CAChB,MAAMO,EAAMP,GAAS,OAAO,IAC5B,OAAOO,EAAMD,EAAU,IAAIE,GAASA,EAAM,OAAO,GAAG,EAAE,UAAUC,GAAYA,GAAYF,CAAG,EAAI,IACjG,CAGO,SAASjB,EAAoB,CAAE,QAAAoB,EAAS,QAAAV,CAAQ,EAAkD,CACvG,MAAMW,EAA2BtB,EAAqB,CAAE,UAAWqB,EAAQ,MAAO,QAAAV,CAAQ,CAAC,EAE3F,GAAIW,IAA6B,KAAM,CACrC,MAAMC,EACJF,EAAQ,SACL,OAAOG,GAAKb,EAAQ,KAAOa,EAAE,EAAE,EAC/B,IAAIA,GAAKxB,EAAqB,CAAE,UAAWqB,EAAQ,MAAO,QAASG,CAAE,CAAC,CAAC,EACvE,KAAKC,GAASA,IAAU,MAAQA,EAAQH,CAAwB,GAAK,GAG1E,OAAOD,EAAQ,MAAM,MACnBC,EACAC,IAA0B,GAAKF,EAAQ,MAAM,OAASE,CACxD,CACF,KAEE,QAAOF,EAAQ,KAEnB,CA8BO,MAAMxB,EAA+B,CAAC,CAC3C,QAAAwB,EACA,KAAAK,EACA,QAAAf,CACF,IASMe,EACE,OAAOA,GAAM,aAAa,MAAM,EAAI,EAC/BL,EAAQ,MAAM,KAAMM,GAAQD,GAAM,aAAa,SAASC,CAAG,CAAC,EAC1D,OAAOD,GAAM,iBAAiB,MAAM,EAAI,EAC1CA,EAAK,iBAAiB,KAAME,GAAMA,GAAG,SAAS,SAAWP,EAAQ,QAAUO,GAAG,SAAS,MAAQjB,EAAQ,GAAG,EACxG,OAAOe,GAAM,iBAAiB,MAAM,EAAI,EAC1C,CAACA,EAAK,iBAAiB,KAC3BE,GAAMA,GAAG,SAAS,SAAWP,EAAQ,QAAUO,GAAG,SAAS,MAAQjB,EAAQ,GAC9E,EAEO,GAGF",
+  "names": ["helper_exports", "__export", "atobID", "btoaID", "checkItemAvailableForProduct", "getNormalCoupon", "getThemeLocale", "getVariantImageIndex", "getVariantMediaList", "handle", "isObjEmpty", "replaceUmlaut", "__toCommonJS", "import_const", "obj", "id", "type", "locale", "variant", "coupon", "umlautMap", "str", "a", "big", "mediaList", "src", "media", "imageSrc", "product", "currentVariantImageIndex", "nextVariantImageIndex", "v", "index", "item", "tag", "p"]
 }

package/dist/cjs/biz-components/Listing/utils/textFormat.d.ts ADDED Viewed

@@ -0,0 +1,73 @@
+/**
+ * 字符串模板替换工具函数
+ * 使用单次遍历和正则表达式缓存来提高性能
+ */
+type ReplacementMap = Record<string, string>;
+/**
+ * 字符串模板替换函数
+ * @param template 模板字符串，如 "Hello {name}, you have {count} messages"
+ * @param replacements 替换对象，如 { name: "John", count: "5" }
+ * @param beginSeg 占位符开始符号，默认为 "{"
+ * @param endSeg 占位符结束符号，默认为 "}"
+ * @returns 替换后的字符串
+ *
+ * @example
+ * ```ts
+ * replaceTemplate("Hello {name}!", { name: "World" })
+ * // => "Hello World!"
+ *
+ * replaceTemplate("Price: {{amount}}", { amount: "$100" }, "{{", "}}")
+ * // => "Price: $100"
+ *
+ * replaceTemplate("You have {count} items", { count: "5", unused: "test" })
+ * // => "You have 5 items" (unused 键会被忽略)
+ *
+ * replaceTemplate("Hello ${name}!", { name: "World" }, "${", "}")
+ * // => "Hello World!"
+ * ```
+ */
+export declare function replaceTemplate(template: string, replacements: ReplacementMap, beginSeg?: string, endSeg?: string): string;
+/**
+ * 批量字符串模板替换函数（用于一次性替换多个模板）
+ * @param templates 模板字符串数组
+ * @param replacements 替换对象
+ * @param beginSeg 占位符开始符号，默认为 "{"
+ * @param endSeg 占位符结束符号，默认为 "}"
+ * @returns 替换后的字符串数组
+ *
+ * @example
+ * ```ts
+ * replaceTemplates(
+ *   ["Hello {name}!", "You have {count} items"],
+ *   { name: "John", count: "5" }
+ * )
+ * // => ["Hello John!", "You have 5 items"]
+ *
+ * replaceTemplates(
+ *   ["Hello {{name}}!", "Price: {{amount}}"],
+ *   { name: "John", amount: "$100" },
+ *   "{{",
+ *   "}}"
+ * )
+ * // => ["Hello John!", "Price: $100"]
+ * ```
+ */
+export declare function replaceTemplates(templates: string[], replacements: ReplacementMap, beginSeg?: string, endSeg?: string): string[];
+/**
+ * 从模板字符串中提取所有占位符键名
+ * @param template 模板字符串
+ * @param beginSeg 占位符开始符号，默认为 "{"
+ * @param endSeg 占位符结束符号，默认为 "}"
+ * @returns 占位符键名数组（去重）
+ *
+ * @example
+ * ```ts
+ * extractPlaceholders("Hello {name}, you have {count} new {count} messages")
+ * // => ["name", "count"]
+ *
+ * extractPlaceholders("Hello {{name}}, price is {{amount}}", "{{", "}}")
+ * // => ["name", "amount"]
+ * ```
+ */
+export declare function extractPlaceholders(template: string, beginSeg?: string, endSeg?: string): string[];
+export {};

package/dist/cjs/biz-components/Listing/utils/textFormat.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var i=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var R=(e,n)=>{for(var r in n)i(e,r,{get:n[r],enumerable:!0})},d=(e,n,r,s)=>{if(n&&typeof n=="object"\|\|typeof n=="function")for(let t of f(n))!l.call(e,t)&&t!==r&&i(e,t,{get:()=>n[t],enumerable:!(s=x(n,t))\|\|s.enumerable});return e};var h=e=>d(i({},"__esModule",{value:!0}),e);var y={};R(y,{extractPlaceholders:()=>$,replaceTemplate:()=>u,replaceTemplates:()=>E});module.exports=h(y);const c=new Map;function o(e){return e.replace(/[.*+?^${}()\|[\]\\]/g,"\\$&")}function p(e,n){const r=`${e}\|${n}`;if(c.has(r))return c.get(r);const s=o(e),t=o(n),g=new RegExp(`${s}([a-zA-Z0-9_-]+)${t}`,"g");return c.set(r,g),g}function u(e,n,r="{",s="}"){if(!e\|\|!n\|\|Object.keys(n).length===0)return e;const t=p(r,s);return e.replace(t,(g,a)=>n[a]!==void 0?n[a]:g)}function E(e,n,r="{",s="}"){return e.map(t=>u(t,n,r,s))}function $(e,n="{",r="}"){if(!e)return[];const s=p(n,r),t=new Set;let g;for(;(g=s.exec(e))!==null;)t.add(g[1]);return Array.from(t)}
2	+ //# sourceMappingURL=textFormat.js.map

package/dist/cjs/biz-components/Listing/utils/textFormat.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/biz-components/Listing/utils/textFormat.ts"],
+  "sourcesContent": ["/**\n * \u5B57\u7B26\u4E32\u6A21\u677F\u66FF\u6362\u5DE5\u5177\u51FD\u6570\n * \u4F7F\u7528\u5355\u6B21\u904D\u5386\u548C\u6B63\u5219\u8868\u8FBE\u5F0F\u7F13\u5B58\u6765\u63D0\u9AD8\u6027\u80FD\n */\n\ntype ReplacementMap = Record<string, string>\n\n// \u7F13\u5B58\u6B63\u5219\u8868\u8FBE\u5F0F\u4EE5\u63D0\u9AD8\u6027\u80FD\nconst regexCache = new Map<string, RegExp>()\n\n/**\n * \u8F6C\u4E49\u6B63\u5219\u8868\u8FBE\u5F0F\u7279\u6B8A\u5B57\u7B26\n * @param str \u9700\u8981\u8F6C\u4E49\u7684\u5B57\u7B26\u4E32\n * @returns \u8F6C\u4E49\u540E\u7684\u5B57\u7B26\u4E32\n */\nfunction escapeRegExp(str: string): string {\n  return str.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')\n}\n\n/**\n * \u83B7\u53D6\u6216\u521B\u5EFA\u6B63\u5219\u8868\u8FBE\u5F0F\uFF08\u5E26\u7F13\u5B58\uFF09\n * @param beginSeg \u5360\u4F4D\u7B26\u5F00\u59CB\u7B26\u53F7\uFF0C\u5982 \"{\"\n * @param endSeg \u5360\u4F4D\u7B26\u7ED3\u675F\u7B26\u53F7\uFF0C\u5982 \"}\"\n * @returns \u7F16\u8BD1\u540E\u7684\u6B63\u5219\u8868\u8FBE\u5F0F\n */\nfunction getRegex(beginSeg: string, endSeg: string): RegExp {\n  const cacheKey = `${beginSeg}|${endSeg}`\n\n  if (regexCache.has(cacheKey)) {\n    return regexCache.get(cacheKey)!\n  }\n\n  // \u8F6C\u4E49\u7279\u6B8A\u5B57\u7B26\uFF0C\u6784\u5EFA\u6B63\u5219\u8868\u8FBE\u5F0F\n  // \u5339\u914D beginSeg + key + endSeg\uFF0Ckey \u53EF\u4EE5\u662F\u5B57\u6BCD\u3001\u6570\u5B57\u3001\u4E0B\u5212\u7EBF\u3001\u8FDE\u5B57\u7B26\n  const escapedBegin = escapeRegExp(beginSeg)\n  const escapedEnd = escapeRegExp(endSeg)\n  const regex = new RegExp(`${escapedBegin}([a-zA-Z0-9_-]+)${escapedEnd}`, 'g')\n\n  regexCache.set(cacheKey, regex)\n  return regex\n}\n\n/**\n * \u5B57\u7B26\u4E32\u6A21\u677F\u66FF\u6362\u51FD\u6570\n * @param template \u6A21\u677F\u5B57\u7B26\u4E32\uFF0C\u5982 \"Hello {name}, you have {count} messages\"\n * @param replacements \u66FF\u6362\u5BF9\u8C61\uFF0C\u5982 { name: \"John\", count: \"5\" }\n * @param beginSeg \u5360\u4F4D\u7B26\u5F00\u59CB\u7B26\u53F7\uFF0C\u9ED8\u8BA4\u4E3A \"{\"\n * @param endSeg \u5360\u4F4D\u7B26\u7ED3\u675F\u7B26\u53F7\uFF0C\u9ED8\u8BA4\u4E3A \"}\"\n * @returns \u66FF\u6362\u540E\u7684\u5B57\u7B26\u4E32\n *\n * @example\n * ```ts\n * replaceTemplate(\"Hello {name}!\", { name: \"World\" })\n * // => \"Hello World!\"\n *\n * replaceTemplate(\"Price: {{amount}}\", { amount: \"$100\" }, \"{{\", \"}}\")\n * // => \"Price: $100\"\n *\n * replaceTemplate(\"You have {count} items\", { count: \"5\", unused: \"test\" })\n * // => \"You have 5 items\" (unused \u952E\u4F1A\u88AB\u5FFD\u7565)\n *\n * replaceTemplate(\"Hello ${name}!\", { name: \"World\" }, \"${\", \"}\")\n * // => \"Hello World!\"\n * ```\n */\nexport function replaceTemplate(\n  template: string,\n  replacements: ReplacementMap,\n  beginSeg: string = '{',\n  endSeg: string = '}',\n): string {\n  if (!template) return template\n  if (!replacements || Object.keys(replacements).length === 0) return template\n\n  const regex = getRegex(beginSeg, endSeg)\n\n  // \u4F7F\u7528 replace \u65B9\u6CD5\u8FDB\u884C\u66FF\u6362\uFF0C\u6027\u80FD\u4F18\u4E8E\u624B\u52A8\u904D\u5386\n  return template.replace(regex, (match, key) => {\n    // \u5982\u679C key \u5B58\u5728\u4E8E replacements \u4E2D\uFF0C\u5219\u8FD4\u56DE\u5BF9\u5E94\u7684\u503C\n    // \u5426\u5219\u4FDD\u6301\u539F\u6837\uFF08\u8FD4\u56DE\u6574\u4E2A\u5339\u914D\u5185\u5BB9\uFF09\n    return replacements[key] !== undefined ? replacements[key] : match\n  })\n}\n\n/**\n * \u6279\u91CF\u5B57\u7B26\u4E32\u6A21\u677F\u66FF\u6362\u51FD\u6570\uFF08\u7528\u4E8E\u4E00\u6B21\u6027\u66FF\u6362\u591A\u4E2A\u6A21\u677F\uFF09\n * @param templates \u6A21\u677F\u5B57\u7B26\u4E32\u6570\u7EC4\n * @param replacements \u66FF\u6362\u5BF9\u8C61\n * @param beginSeg \u5360\u4F4D\u7B26\u5F00\u59CB\u7B26\u53F7\uFF0C\u9ED8\u8BA4\u4E3A \"{\"\n * @param endSeg \u5360\u4F4D\u7B26\u7ED3\u675F\u7B26\u53F7\uFF0C\u9ED8\u8BA4\u4E3A \"}\"\n * @returns \u66FF\u6362\u540E\u7684\u5B57\u7B26\u4E32\u6570\u7EC4\n *\n * @example\n * ```ts\n * replaceTemplates(\n *   [\"Hello {name}!\", \"You have {count} items\"],\n *   { name: \"John\", count: \"5\" }\n * )\n * // => [\"Hello John!\", \"You have 5 items\"]\n *\n * replaceTemplates(\n *   [\"Hello {{name}}!\", \"Price: {{amount}}\"],\n *   { name: \"John\", amount: \"$100\" },\n *   \"{{\",\n *   \"}}\"\n * )\n * // => [\"Hello John!\", \"Price: $100\"]\n * ```\n */\nexport function replaceTemplates(\n  templates: string[],\n  replacements: ReplacementMap,\n  beginSeg: string = '{',\n  endSeg: string = '}',\n): string[] {\n  return templates.map((template) => replaceTemplate(template, replacements, beginSeg, endSeg))\n}\n\n/**\n * \u4ECE\u6A21\u677F\u5B57\u7B26\u4E32\u4E2D\u63D0\u53D6\u6240\u6709\u5360\u4F4D\u7B26\u952E\u540D\n * @param template \u6A21\u677F\u5B57\u7B26\u4E32\n * @param beginSeg \u5360\u4F4D\u7B26\u5F00\u59CB\u7B26\u53F7\uFF0C\u9ED8\u8BA4\u4E3A \"{\"\n * @param endSeg \u5360\u4F4D\u7B26\u7ED3\u675F\u7B26\u53F7\uFF0C\u9ED8\u8BA4\u4E3A \"}\"\n * @returns \u5360\u4F4D\u7B26\u952E\u540D\u6570\u7EC4\uFF08\u53BB\u91CD\uFF09\n *\n * @example\n * ```ts\n * extractPlaceholders(\"Hello {name}, you have {count} new {count} messages\")\n * // => [\"name\", \"count\"]\n *\n * extractPlaceholders(\"Hello {{name}}, price is {{amount}}\", \"{{\", \"}}\")\n * // => [\"name\", \"amount\"]\n * ```\n */\nexport function extractPlaceholders(template: string, beginSeg: string = '{', endSeg: string = '}'): string[] {\n  if (!template) return []\n\n  const regex = getRegex(beginSeg, endSeg)\n  const keys = new Set<string>()\n  let match: RegExpExecArray | null\n\n  // \u4F7F\u7528 exec \u5FAA\u73AF\u66FF\u4EE3 matchAll \u4EE5\u4FDD\u8BC1\u517C\u5BB9\u6027\n  while ((match = regex.exec(template)) !== null) {\n    keys.add(match[1])\n  }\n\n  return Array.from(keys)\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,yBAAAE,EAAA,oBAAAC,EAAA,qBAAAC,IAAA,eAAAC,EAAAL,GAQA,MAAMM,EAAa,IAAI,IAOvB,SAASC,EAAaC,EAAqB,CACzC,OAAOA,EAAI,QAAQ,sBAAuB,MAAM,CAClD,CAQA,SAASC,EAASC,EAAkBC,EAAwB,CAC1D,MAAMC,EAAW,GAAGF,CAAQ,IAAIC,CAAM,GAEtC,GAAIL,EAAW,IAAIM,CAAQ,EACzB,OAAON,EAAW,IAAIM,CAAQ,EAKhC,MAAMC,EAAeN,EAAaG,CAAQ,EACpCI,EAAaP,EAAaI,CAAM,EAChCI,EAAQ,IAAI,OAAO,GAAGF,CAAY,mBAAmBC,CAAU,GAAI,GAAG,EAE5E,OAAAR,EAAW,IAAIM,EAAUG,CAAK,EACvBA,CACT,CAyBO,SAASZ,EACda,EACAC,EACAP,EAAmB,IACnBC,EAAiB,IACT,CAER,GADI,CAACK,GACD,CAACC,GAAgB,OAAO,KAAKA,CAAY,EAAE,SAAW,EAAG,OAAOD,EAEpE,MAAMD,EAAQN,EAASC,EAAUC,CAAM,EAGvC,OAAOK,EAAS,QAAQD,EAAO,CAACG,EAAOC,IAG9BF,EAAaE,CAAG,IAAM,OAAYF,EAAaE,CAAG,EAAID,CAC9D,CACH,CA2BO,SAASd,EACdgB,EACAH,EACAP,EAAmB,IACnBC,EAAiB,IACP,CACV,OAAOS,EAAU,IAAKJ,GAAab,EAAgBa,EAAUC,EAAcP,EAAUC,CAAM,CAAC,CAC9F,CAkBO,SAAST,EAAoBc,EAAkBN,EAAmB,IAAKC,EAAiB,IAAe,CAC5G,GAAI,CAACK,EAAU,MAAO,CAAC,EAEvB,MAAMD,EAAQN,EAASC,EAAUC,CAAM,EACjCU,EAAO,IAAI,IACjB,IAAIH,EAGJ,MAAQA,EAAQH,EAAM,KAAKC,CAAQ,KAAO,MACxCK,EAAK,IAAIH,EAAM,CAAC,CAAC,EAGnB,OAAO,MAAM,KAAKG,CAAI,CACxB",
+  "names": ["textFormat_exports", "__export", "extractPlaceholders", "replaceTemplate", "replaceTemplates", "__toCommonJS", "regexCache", "escapeRegExp", "str", "getRegex", "beginSeg", "endSeg", "cacheKey", "escapedBegin", "escapedEnd", "regex", "template", "replacements", "match", "key", "templates", "keys"]
+}

package/dist/cjs/biz-components/index.d.ts CHANGED Viewed

@@ -53,6 +53,8 @@ export { default as ProductGridBox } from './Listing/components/ProductCard/Prod
 export { default as ProductGallery } from './Listing/components/ProductCard/ProductGallery/index.js';
 export { default as ProductDetail } from './Listing/components/ProductCard/ProductDetail/index.js';
 export { default as ProductSummary } from './Listing/components/ProductCard/ProductSummary/index.js';
+export { default as BenefitsTab } from './Listing/components/ProductCard/ProductDetail/BenefitsTab';
+export { default as PaidShipping } from './Listing/components/PaidShipping/index.js';
 export { default as GraphicMore } from './GraphicMore/index.js';
 export { default as Features } from './Features/index.js';
 export { default as AplusDesc } from './AplusDesc/index.js';

package/dist/cjs/biz-components/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var ne=Object.create;var l=Object.defineProperty;var Pe=Object.getOwnPropertyDescriptor;var he=Object.getOwnPropertyNames;var ye=Object.getPrototypeOf,Be=Object.prototype.hasOwnProperty;var Ce=(r,t)=>{for(var a in t)l(r,a,{get:t[a],enumerable:!0})},p=(r,t,a,d)=>{if(t&&typeof t=="object"||typeof t=="function")for(let f of he(t))!Be.call(r,f)&&f!==a&&l(r,f,{get:()=>t[f],enumerable:!(d=Pe(t,f))||d.enumerable});return r};var e=(r,t,a)=>(a=r!=null?ne(ye(r)):{},p(t||!r||!r.__esModule?l(a,"default",{value:r,enumerable:!0}):a,r)),Ge=r=>p(l({},"__esModule",{value:!0}),r);var Me={};Ce(Me,{AccordionCards:()=>B.default,AiuiProvider:()=>H.default,AplusDesc:()=>de.default,BrandEquity:()=>s.default,Category:()=>h.default,CollectionShelves:()=>K.default,CollectionsBanner:()=>z.default,CollectionsFilters:()=>W.default,CreativeModule:()=>I.default,DownLoad:()=>me.default,Evaluate:()=>P.default,Faq:()=>A.default,Features:()=>ue.default,FilterCardWrap:()=>O.default,FilterCardWrapItem:()=>_.default,FilterHeader:()=>N.default,FilterList:()=>w.default,FootCharger:()=>xe.default,FooterNavigation:()=>k.default,GiftBox:()=>pe.default,Graphic:()=>C.default,GraphicAttractionBlock:()=>v.default,GraphicMore:()=>le.default,GraphicOverlay:()=>j.default,HeaderNavigation:()=>T.default,HeroBanner:()=>y.default,IPC_SEARCH_PAGE:()=>u.IPC_SEARCH_PAGE,Listing:()=>L.default,Marquee:()=>S.default,MarqueeImageContent:()=>o.MarqueeImageContent,MarqueeItem:()=>o.MarqueeItem,MarqueeTextContent:()=>o.MarqueeTextContent,MediaPlayerBase:()=>G.default,MediaPlayerMulti:()=>g.default,MediaPlayerSticky:()=>M.default,MemberEquity:()=>m.default,MultiLayoutGraphicBlock:()=>q.default,Paginator:()=>R.default,ProductActions:()=>V.default,ProductBenefitsTabs:()=>Y.default,ProductBundle:()=>re.default,ProductCard:()=>X.default,ProductDetail:()=>oe.default,ProductFreeGift:()=>$.default,ProductGallery:()=>ae.default,ProductGridBox:()=>te.default,ProductHighlight:()=>Z.default,ProductOptions:()=>ee.default,ProductProvider:()=>Q.default,ProductSummary:()=>fe.default,PurchaseBar:()=>U.default,SearchPage:()=>b.default,SearchPageTabType:()=>u.SearchPageTabType,SelectStore:()=>se.default,ShelfDisplay:()=>n.default,Slogan:()=>x.default,Spacer:()=>c.default,Specs:()=>ie.default,TabGroup:()=>ce.default,Tabs:()=>D.default,TextMarquee:()=>J.default,Title:()=>i.default,WhyChoose:()=>F.default,withLayout:()=>E.withLayout});module.exports=Ge(Me);var s=e(require("./BrandEquity/index.js")),m=e(require("./MemberEquity/index.js")),x=e(require("./Slogan/index.js")),i=e(require("./Title/index.js")),c=e(require("./Spacer/index.js")),n=e(require("./ShelfDisplay/index.js")),P=e(require("./Evaluate/index.js")),h=e(require("./Category/index.js")),y=e(require("./HeroBanner/index.js")),B=e(require("./AccordionCards/index.js")),C=e(require("./Graphic/index.js")),G=e(require("./MediaPlayerBase/index.js")),M=e(require("./MediaPlayerSticky/index.js")),g=e(require("./MediaPlayerMulti/index.js")),S=e(require("./Marquee/index.js")),F=e(require("./WhyChoose/index.js")),A=e(require("./Faq/index.js")),o=require("./Marquee/index.js"),q=e(require("./MultiLayoutGraphicBlock/index.js")),v=e(require("./GraphicAttractionBlock/index.js")),T=e(require("./HeaderNavigation/index.js")),k=e(require("./FooterNavigation/index.js")),L=e(require("./Listing/index.js")),b=e(require("./SearchPage/index.js")),u=require("./SearchPage/types.js"),E=require("../shared/Styles.js"),H=e(require("./AiuiProvider/index.js")),D=e(require("./Tabs/index.js")),I=e(require("./CreativeModule/index.js")),j=e(require("./GraphicOverlay/index.js")),W=e(require("./CollectionsFilters/index.js")),w=e(require("./CollectionsFilters/FilterList.js")),N=e(require("./CollectionsFilters/FilterHeader.js")),O=e(require("./CollectionsFilters/FilterCardWrap.js")),_=e(require("./CollectionsFilters/FilterCardWrapItem.js")),R=e(require("./Paginator/index.js")),z=e(require("./CollectionsBanner/index.js")),J=e(require("./TextMarquee/index.js")),K=e(require("./CollectionShelves/index.js")),Q=e(require("./Listing/ProductProvider.js")),U=e(require("./Listing/components/PurchaseBar/index.js")),V=e(require("./Listing/components/PurchaseBar/ProductActions/index.js")),X=e(require("./Listing/components/ProductCard/index.js")),Y=e(require("./Listing/components/ProductCard/ProductDetail/ProductBenefitsTabs/index.js")),Z=e(require("./Listing/components/ProductCard/ProductDetail/ProductHighlight/index.js")),$=e(require("./Listing/components/ProductCard/ProductDetail/ProductFreeGift/index.js")),ee=e(require("./Listing/components/ProductCard/ProductDetail/ProductOptions/index.js")),re=e(require("./Listing/components/ProductCard/ProductDetail/ProductBundle/index.js")),te=e(require("./Listing/components/ProductCard/ProductGridBox.js")),ae=e(require("./Listing/components/ProductCard/ProductGallery/index.js")),oe=e(require("./Listing/components/ProductCard/ProductDetail/index.js")),fe=e(require("./Listing/components/ProductCard/ProductSummary/index.js")),le=e(require("./GraphicMore/index.js")),ue=e(require("./Features/index.js")),de=e(require("./AplusDesc/index.js")),pe=e(require("./GiftBox/index.js")),se=e(require("./SelectStore/index.js")),me=e(require("./DownLoad/index.js")),xe=e(require("./FootCharger/index.js")),ie=e(require("./Specs/index.js")),ce=e(require("./TabsGroup/index.js"));
+"use strict";var he=Object.create;var l=Object.defineProperty;var ye=Object.getOwnPropertyDescriptor;var Be=Object.getOwnPropertyNames;var ge=Object.getPrototypeOf,Ce=Object.prototype.hasOwnProperty;var Ge=(r,t)=>{for(var a in t)l(r,a,{get:t[a],enumerable:!0})},d=(r,t,a,p)=>{if(t&&typeof t=="object"||typeof t=="function")for(let f of Be(t))!Ce.call(r,f)&&f!==a&&l(r,f,{get:()=>t[f],enumerable:!(p=ye(t,f))||p.enumerable});return r};var e=(r,t,a)=>(a=r!=null?he(ge(r)):{},d(t||!r||!r.__esModule?l(a,"default",{value:r,enumerable:!0}):a,r)),Me=r=>d(l({},"__esModule",{value:!0}),r);var Se={};Ge(Se,{AccordionCards:()=>B.default,AiuiProvider:()=>H.default,AplusDesc:()=>se.default,BenefitsTab:()=>le.default,BrandEquity:()=>s.default,Category:()=>h.default,CollectionShelves:()=>K.default,CollectionsBanner:()=>z.default,CollectionsFilters:()=>W.default,CreativeModule:()=>I.default,DownLoad:()=>ie.default,Evaluate:()=>P.default,Faq:()=>A.default,Features:()=>de.default,FilterCardWrap:()=>O.default,FilterCardWrapItem:()=>_.default,FilterHeader:()=>N.default,FilterList:()=>w.default,FootCharger:()=>ce.default,FooterNavigation:()=>k.default,GiftBox:()=>me.default,Graphic:()=>g.default,GraphicAttractionBlock:()=>q.default,GraphicMore:()=>pe.default,GraphicOverlay:()=>j.default,HeaderNavigation:()=>v.default,HeroBanner:()=>y.default,IPC_SEARCH_PAGE:()=>u.IPC_SEARCH_PAGE,Listing:()=>L.default,Marquee:()=>S.default,MarqueeImageContent:()=>o.MarqueeImageContent,MarqueeItem:()=>o.MarqueeItem,MarqueeTextContent:()=>o.MarqueeTextContent,MediaPlayerBase:()=>C.default,MediaPlayerMulti:()=>M.default,MediaPlayerSticky:()=>G.default,MemberEquity:()=>m.default,MultiLayoutGraphicBlock:()=>T.default,Paginator:()=>R.default,PaidShipping:()=>ue.default,ProductActions:()=>V.default,ProductBenefitsTabs:()=>Y.default,ProductBundle:()=>re.default,ProductCard:()=>X.default,ProductDetail:()=>oe.default,ProductFreeGift:()=>$.default,ProductGallery:()=>ae.default,ProductGridBox:()=>te.default,ProductHighlight:()=>Z.default,ProductOptions:()=>ee.default,ProductProvider:()=>Q.default,ProductSummary:()=>fe.default,PurchaseBar:()=>U.default,SearchPage:()=>b.default,SearchPageTabType:()=>u.SearchPageTabType,SelectStore:()=>xe.default,ShelfDisplay:()=>n.default,Slogan:()=>x.default,Spacer:()=>c.default,Specs:()=>ne.default,TabGroup:()=>Pe.default,Tabs:()=>D.default,TextMarquee:()=>J.default,Title:()=>i.default,WhyChoose:()=>F.default,withLayout:()=>E.withLayout});module.exports=Me(Se);var s=e(require("./BrandEquity/index.js")),m=e(require("./MemberEquity/index.js")),x=e(require("./Slogan/index.js")),i=e(require("./Title/index.js")),c=e(require("./Spacer/index.js")),n=e(require("./ShelfDisplay/index.js")),P=e(require("./Evaluate/index.js")),h=e(require("./Category/index.js")),y=e(require("./HeroBanner/index.js")),B=e(require("./AccordionCards/index.js")),g=e(require("./Graphic/index.js")),C=e(require("./MediaPlayerBase/index.js")),G=e(require("./MediaPlayerSticky/index.js")),M=e(require("./MediaPlayerMulti/index.js")),S=e(require("./Marquee/index.js")),F=e(require("./WhyChoose/index.js")),A=e(require("./Faq/index.js")),o=require("./Marquee/index.js"),T=e(require("./MultiLayoutGraphicBlock/index.js")),q=e(require("./GraphicAttractionBlock/index.js")),v=e(require("./HeaderNavigation/index.js")),k=e(require("./FooterNavigation/index.js")),L=e(require("./Listing/index.js")),b=e(require("./SearchPage/index.js")),u=require("./SearchPage/types.js"),E=require("../shared/Styles.js"),H=e(require("./AiuiProvider/index.js")),D=e(require("./Tabs/index.js")),I=e(require("./CreativeModule/index.js")),j=e(require("./GraphicOverlay/index.js")),W=e(require("./CollectionsFilters/index.js")),w=e(require("./CollectionsFilters/FilterList.js")),N=e(require("./CollectionsFilters/FilterHeader.js")),O=e(require("./CollectionsFilters/FilterCardWrap.js")),_=e(require("./CollectionsFilters/FilterCardWrapItem.js")),R=e(require("./Paginator/index.js")),z=e(require("./CollectionsBanner/index.js")),J=e(require("./TextMarquee/index.js")),K=e(require("./CollectionShelves/index.js")),Q=e(require("./Listing/ProductProvider.js")),U=e(require("./Listing/components/PurchaseBar/index.js")),V=e(require("./Listing/components/PurchaseBar/ProductActions/index.js")),X=e(require("./Listing/components/ProductCard/index.js")),Y=e(require("./Listing/components/ProductCard/ProductDetail/ProductBenefitsTabs/index.js")),Z=e(require("./Listing/components/ProductCard/ProductDetail/ProductHighlight/index.js")),$=e(require("./Listing/components/ProductCard/ProductDetail/ProductFreeGift/index.js")),ee=e(require("./Listing/components/ProductCard/ProductDetail/ProductOptions/index.js")),re=e(require("./Listing/components/ProductCard/ProductDetail/ProductBundle/index.js")),te=e(require("./Listing/components/ProductCard/ProductGridBox.js")),ae=e(require("./Listing/components/ProductCard/ProductGallery/index.js")),oe=e(require("./Listing/components/ProductCard/ProductDetail/index.js")),fe=e(require("./Listing/components/ProductCard/ProductSummary/index.js")),le=e(require("./Listing/components/ProductCard/ProductDetail/BenefitsTab")),ue=e(require("./Listing/components/PaidShipping/index.js")),pe=e(require("./GraphicMore/index.js")),de=e(require("./Features/index.js")),se=e(require("./AplusDesc/index.js")),me=e(require("./GiftBox/index.js")),xe=e(require("./SelectStore/index.js")),ie=e(require("./DownLoad/index.js")),ce=e(require("./FootCharger/index.js")),ne=e(require("./Specs/index.js")),Pe=e(require("./TabsGroup/index.js"));
 //# sourceMappingURL=index.js.map

package/dist/cjs/biz-components/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/biz-components/index.ts"],
-  "sourcesContent": ["export { default as BrandEquity } from './BrandEquity/index.js'\nexport { default as MemberEquity } from './MemberEquity/index.js'\nexport { default as Slogan } from './Slogan/index.js'\nexport { default as Title } from './Title/index.js'\nexport { default as Spacer } from './Spacer/index.js'\nexport { default as ShelfDisplay } from './ShelfDisplay/index.js'\nexport { default as Evaluate } from './Evaluate/index.js'\nexport { default as Category } from './Category/index.js'\nexport { default as HeroBanner } from './HeroBanner/index.js'\nexport { default as AccordionCards } from './AccordionCards/index.js'\nexport { default as Graphic } from './Graphic/index.js'\nexport { default as MediaPlayerBase } from './MediaPlayerBase/index.js'\nexport { default as MediaPlayerSticky } from './MediaPlayerSticky/index.js'\nexport { default as MediaPlayerMulti } from './MediaPlayerMulti/index.js'\nexport { default as Marquee } from './Marquee/index.js'\nexport { default as WhyChoose } from './WhyChoose/index.js'\nexport { default as Faq } from './Faq/index.js'\nexport { MarqueeItem, MarqueeImageContent, MarqueeTextContent } from './Marquee/index.js'\nexport { default as MultiLayoutGraphicBlock } from './MultiLayoutGraphicBlock/index.js'\nexport type { MultiLayoutGraphicBlockProps } from './MultiLayoutGraphicBlock/index.js'\nexport { default as GraphicAttractionBlock } from './GraphicAttractionBlock/index.js'\nexport type { GraphicAttractionBlockProps } from './GraphicAttractionBlock/index.js'\nexport { default as HeaderNavigation } from './HeaderNavigation/index.js'\nexport { default as FooterNavigation } from './FooterNavigation/index.js'\nexport { default as Listing } from './Listing/index.js'\nexport { default as SearchPage } from './SearchPage/index.js'\nexport type { SearchPageProps } from './SearchPage/types.js'\nexport { IPC_SEARCH_PAGE, SearchPageTabType } from './SearchPage/types.js'\n\nexport { withLayout } from '../shared/Styles.js'\nexport { default as AiuiProvider } from './AiuiProvider/index.js'\nexport { default as Tabs } from './Tabs/index.js'\nexport { default as CreativeModule } from './CreativeModule/index.js'\nexport { default as GraphicOverlay } from './GraphicOverlay/index.js'\nexport { default as CollectionsFilters } from './CollectionsFilters/index.js'\nexport { default as FilterList } from './CollectionsFilters/FilterList.js'\nexport { default as FilterHeader } from './CollectionsFilters/FilterHeader.js'\nexport { default as FilterCardWrap } from './CollectionsFilters/FilterCardWrap.js'\nexport { default as FilterCardWrapItem } from './CollectionsFilters/FilterCardWrapItem.js'\nexport { default as Paginator } from './Paginator/index.js'\nexport { default as CollectionsBanner } from './CollectionsBanner/index.js'\nexport { default as TextMarquee } from './TextMarquee/index.js'\nexport { default as CollectionShelves } from './CollectionShelves/index.js'\nexport { default as ProductProvider } from './Listing/ProductProvider.js'\nexport { default as PurchaseBar } from './Listing/components/PurchaseBar/index.js'\nexport { default as ProductActions } from './Listing/components/PurchaseBar/ProductActions/index.js'\nexport { default as ProductCard } from './Listing/components/ProductCard/index.js'\nexport { default as ProductBenefitsTabs } from './Listing/components/ProductCard/ProductDetail/ProductBenefitsTabs/index.js'\nexport { default as ProductHighlight } from './Listing/components/ProductCard/ProductDetail/ProductHighlight/index.js'\nexport { default as ProductFreeGift } from './Listing/components/ProductCard/ProductDetail/ProductFreeGift/index.js'\nexport { default as ProductOptions } from './Listing/components/ProductCard/ProductDetail/ProductOptions/index.js'\nexport { default as ProductBundle } from './Listing/components/ProductCard/ProductDetail/ProductBundle/index.js'\nexport { default as ProductGridBox } from './Listing/components/ProductCard/ProductGridBox.js'\nexport { default as ProductGallery } from './Listing/components/ProductCard/ProductGallery/index.js'\nexport { default as ProductDetail } from './Listing/components/ProductCard/ProductDetail/index.js'\nexport { default as ProductSummary } from './Listing/components/ProductCard/ProductSummary/index.js'\nexport { default as GraphicMore } from './GraphicMore/index.js'\nexport { default as Features } from './Features/index.js'\nexport { default as AplusDesc } from './AplusDesc/index.js'\nexport { default as GiftBox } from './GiftBox/index.js'\nexport { default as SelectStore } from './SelectStore/index.js'\nexport { default as DownLoad } from './DownLoad/index.js'\nexport { default as FootCharger } from './FootCharger/index.js'\nexport { default as Specs } from './Specs/index.js'\nexport { default as TabGroup } from './TabsGroup/index.js'\n"],
-  "mappings": "skBAAA,IAAAA,GAAA,GAAAC,GAAAD,GAAA,8xDAAAE,GAAAF,IAAA,IAAAG,EAAuC,qCACvCC,EAAwC,sCACxCC,EAAkC,gCAClCC,EAAiC,+BACjCC,EAAkC,gCAClCC,EAAwC,sCACxCC,EAAoC,kCACpCC,EAAoC,kCACpCC,EAAsC,oCACtCC,EAA0C,wCAC1CC,EAAmC,iCACnCC,EAA2C,yCAC3CC,EAA6C,2CAC7CC,EAA4C,0CAC5CC,EAAmC,iCACnCC,EAAqC,mCACrCC,EAA+B,6BAC/BF,EAAqE,8BACrEG,EAAmD,iDAEnDC,EAAkD,gDAElDC,EAA4C,0CAC5CC,EAA4C,0CAC5CC,EAAmC,iCACnCC,EAAsC,oCAEtCC,EAAmD,iCAEnDC,EAA2B,+BAC3BC,EAAwC,sCACxCC,EAAgC,8BAChCC,EAA0C,wCAC1CC,EAA0C,wCAC1CC,EAA8C,4CAC9CC,EAAsC,iDACtCC,EAAwC,mDACxCC,EAA0C,qDAC1CC,EAA8C,yDAC9CC,EAAqC,mCACrCC,EAA6C,2CAC7CC,EAAuC,qCACvCC,EAA6C,2CAC7CC,EAA2C,2CAC3CC,EAAuC,wDACvCC,EAA0C,uEAC1CC,EAAuC,wDACvCC,EAA+C,0FAC/CC,EAA4C,uFAC5CC,EAA2C,sFAC3CC,GAA0C,qFAC1CC,GAAyC,oFACzCC,GAA0C,iEAC1CC,GAA0C,uEAC1CC,GAAyC,sEACzCC,GAA0C,uEAC1CC,GAAuC,qCACvCC,GAAoC,kCACpCC,GAAqC,mCACrCC,GAAmC,iCACnCC,GAAuC,qCACvCC,GAAoC,kCACpCC,GAAuC,qCACvCC,GAAiC,+BACjCC,GAAoC",
-  "names": ["biz_components_exports", "__export", "__toCommonJS", "import_BrandEquity", "import_MemberEquity", "import_Slogan", "import_Title", "import_Spacer", "import_ShelfDisplay", "import_Evaluate", "import_Category", "import_HeroBanner", "import_AccordionCards", "import_Graphic", "import_MediaPlayerBase", "import_MediaPlayerSticky", "import_MediaPlayerMulti", "import_Marquee", "import_WhyChoose", "import_Faq", "import_MultiLayoutGraphicBlock", "import_GraphicAttractionBlock", "import_HeaderNavigation", "import_FooterNavigation", "import_Listing", "import_SearchPage", "import_types", "import_Styles", "import_AiuiProvider", "import_Tabs", "import_CreativeModule", "import_GraphicOverlay", "import_CollectionsFilters", "import_FilterList", "import_FilterHeader", "import_FilterCardWrap", "import_FilterCardWrapItem", "import_Paginator", "import_CollectionsBanner", "import_TextMarquee", "import_CollectionShelves", "import_ProductProvider", "import_PurchaseBar", "import_ProductActions", "import_ProductCard", "import_ProductBenefitsTabs", "import_ProductHighlight", "import_ProductFreeGift", "import_ProductOptions", "import_ProductBundle", "import_ProductGridBox", "import_ProductGallery", "import_ProductDetail", "import_ProductSummary", "import_GraphicMore", "import_Features", "import_AplusDesc", "import_GiftBox", "import_SelectStore", "import_DownLoad", "import_FootCharger", "import_Specs", "import_TabsGroup"]
+  "sourcesContent": ["export { default as BrandEquity } from './BrandEquity/index.js'\nexport { default as MemberEquity } from './MemberEquity/index.js'\nexport { default as Slogan } from './Slogan/index.js'\nexport { default as Title } from './Title/index.js'\nexport { default as Spacer } from './Spacer/index.js'\nexport { default as ShelfDisplay } from './ShelfDisplay/index.js'\nexport { default as Evaluate } from './Evaluate/index.js'\nexport { default as Category } from './Category/index.js'\nexport { default as HeroBanner } from './HeroBanner/index.js'\nexport { default as AccordionCards } from './AccordionCards/index.js'\nexport { default as Graphic } from './Graphic/index.js'\nexport { default as MediaPlayerBase } from './MediaPlayerBase/index.js'\nexport { default as MediaPlayerSticky } from './MediaPlayerSticky/index.js'\nexport { default as MediaPlayerMulti } from './MediaPlayerMulti/index.js'\nexport { default as Marquee } from './Marquee/index.js'\nexport { default as WhyChoose } from './WhyChoose/index.js'\nexport { default as Faq } from './Faq/index.js'\nexport { MarqueeItem, MarqueeImageContent, MarqueeTextContent } from './Marquee/index.js'\nexport { default as MultiLayoutGraphicBlock } from './MultiLayoutGraphicBlock/index.js'\nexport type { MultiLayoutGraphicBlockProps } from './MultiLayoutGraphicBlock/index.js'\nexport { default as GraphicAttractionBlock } from './GraphicAttractionBlock/index.js'\nexport type { GraphicAttractionBlockProps } from './GraphicAttractionBlock/index.js'\nexport { default as HeaderNavigation } from './HeaderNavigation/index.js'\nexport { default as FooterNavigation } from './FooterNavigation/index.js'\nexport { default as Listing } from './Listing/index.js'\nexport { default as SearchPage } from './SearchPage/index.js'\nexport type { SearchPageProps } from './SearchPage/types.js'\nexport { IPC_SEARCH_PAGE, SearchPageTabType } from './SearchPage/types.js'\n\nexport { withLayout } from '../shared/Styles.js'\nexport { default as AiuiProvider } from './AiuiProvider/index.js'\nexport { default as Tabs } from './Tabs/index.js'\nexport { default as CreativeModule } from './CreativeModule/index.js'\nexport { default as GraphicOverlay } from './GraphicOverlay/index.js'\nexport { default as CollectionsFilters } from './CollectionsFilters/index.js'\nexport { default as FilterList } from './CollectionsFilters/FilterList.js'\nexport { default as FilterHeader } from './CollectionsFilters/FilterHeader.js'\nexport { default as FilterCardWrap } from './CollectionsFilters/FilterCardWrap.js'\nexport { default as FilterCardWrapItem } from './CollectionsFilters/FilterCardWrapItem.js'\nexport { default as Paginator } from './Paginator/index.js'\nexport { default as CollectionsBanner } from './CollectionsBanner/index.js'\nexport { default as TextMarquee } from './TextMarquee/index.js'\nexport { default as CollectionShelves } from './CollectionShelves/index.js'\nexport { default as ProductProvider } from './Listing/ProductProvider.js'\nexport { default as PurchaseBar } from './Listing/components/PurchaseBar/index.js'\nexport { default as ProductActions } from './Listing/components/PurchaseBar/ProductActions/index.js'\nexport { default as ProductCard } from './Listing/components/ProductCard/index.js'\nexport { default as ProductBenefitsTabs } from './Listing/components/ProductCard/ProductDetail/ProductBenefitsTabs/index.js'\nexport { default as ProductHighlight } from './Listing/components/ProductCard/ProductDetail/ProductHighlight/index.js'\nexport { default as ProductFreeGift } from './Listing/components/ProductCard/ProductDetail/ProductFreeGift/index.js'\nexport { default as ProductOptions } from './Listing/components/ProductCard/ProductDetail/ProductOptions/index.js'\nexport { default as ProductBundle } from './Listing/components/ProductCard/ProductDetail/ProductBundle/index.js'\nexport { default as ProductGridBox } from './Listing/components/ProductCard/ProductGridBox.js'\nexport { default as ProductGallery } from './Listing/components/ProductCard/ProductGallery/index.js'\nexport { default as ProductDetail } from './Listing/components/ProductCard/ProductDetail/index.js'\nexport { default as ProductSummary } from './Listing/components/ProductCard/ProductSummary/index.js'\nexport { default as BenefitsTab } from './Listing/components/ProductCard/ProductDetail/BenefitsTab'\nexport { default as PaidShipping } from './Listing/components/PaidShipping/index.js'\nexport { default as GraphicMore } from './GraphicMore/index.js'\nexport { default as Features } from './Features/index.js'\nexport { default as AplusDesc } from './AplusDesc/index.js'\nexport { default as GiftBox } from './GiftBox/index.js'\nexport { default as SelectStore } from './SelectStore/index.js'\nexport { default as DownLoad } from './DownLoad/index.js'\nexport { default as FootCharger } from './FootCharger/index.js'\nexport { default as Specs } from './Specs/index.js'\nexport { default as TabGroup } from './TabsGroup/index.js'\n"],
+  "mappings": "skBAAA,IAAAA,GAAA,GAAAC,GAAAD,GAAA,q1DAAAE,GAAAF,IAAA,IAAAG,EAAuC,qCACvCC,EAAwC,sCACxCC,EAAkC,gCAClCC,EAAiC,+BACjCC,EAAkC,gCAClCC,EAAwC,sCACxCC,EAAoC,kCACpCC,EAAoC,kCACpCC,EAAsC,oCACtCC,EAA0C,wCAC1CC,EAAmC,iCACnCC,EAA2C,yCAC3CC,EAA6C,2CAC7CC,EAA4C,0CAC5CC,EAAmC,iCACnCC,EAAqC,mCACrCC,EAA+B,6BAC/BF,EAAqE,8BACrEG,EAAmD,iDAEnDC,EAAkD,gDAElDC,EAA4C,0CAC5CC,EAA4C,0CAC5CC,EAAmC,iCACnCC,EAAsC,oCAEtCC,EAAmD,iCAEnDC,EAA2B,+BAC3BC,EAAwC,sCACxCC,EAAgC,8BAChCC,EAA0C,wCAC1CC,EAA0C,wCAC1CC,EAA8C,4CAC9CC,EAAsC,iDACtCC,EAAwC,mDACxCC,EAA0C,qDAC1CC,EAA8C,yDAC9CC,EAAqC,mCACrCC,EAA6C,2CAC7CC,EAAuC,qCACvCC,EAA6C,2CAC7CC,EAA2C,2CAC3CC,EAAuC,wDACvCC,EAA0C,uEAC1CC,EAAuC,wDACvCC,EAA+C,0FAC/CC,EAA4C,uFAC5CC,EAA2C,sFAC3CC,GAA0C,qFAC1CC,GAAyC,oFACzCC,GAA0C,iEAC1CC,GAA0C,uEAC1CC,GAAyC,sEACzCC,GAA0C,uEAC1CC,GAAuC,yEACvCC,GAAwC,yDACxCC,GAAuC,qCACvCC,GAAoC,kCACpCC,GAAqC,mCACrCC,GAAmC,iCACnCC,GAAuC,qCACvCC,GAAoC,kCACpCC,GAAuC,qCACvCC,GAAiC,+BACjCC,GAAoC",
+  "names": ["biz_components_exports", "__export", "__toCommonJS", "import_BrandEquity", "import_MemberEquity", "import_Slogan", "import_Title", "import_Spacer", "import_ShelfDisplay", "import_Evaluate", "import_Category", "import_HeroBanner", "import_AccordionCards", "import_Graphic", "import_MediaPlayerBase", "import_MediaPlayerSticky", "import_MediaPlayerMulti", "import_Marquee", "import_WhyChoose", "import_Faq", "import_MultiLayoutGraphicBlock", "import_GraphicAttractionBlock", "import_HeaderNavigation", "import_FooterNavigation", "import_Listing", "import_SearchPage", "import_types", "import_Styles", "import_AiuiProvider", "import_Tabs", "import_CreativeModule", "import_GraphicOverlay", "import_CollectionsFilters", "import_FilterList", "import_FilterHeader", "import_FilterCardWrap", "import_FilterCardWrapItem", "import_Paginator", "import_CollectionsBanner", "import_TextMarquee", "import_CollectionShelves", "import_ProductProvider", "import_PurchaseBar", "import_ProductActions", "import_ProductCard", "import_ProductBenefitsTabs", "import_ProductHighlight", "import_ProductFreeGift", "import_ProductOptions", "import_ProductBundle", "import_ProductGridBox", "import_ProductGallery", "import_ProductDetail", "import_ProductSummary", "import_BenefitsTab", "import_PaidShipping", "import_GraphicMore", "import_Features", "import_AplusDesc", "import_GiftBox", "import_SelectStore", "import_DownLoad", "import_FootCharger", "import_Specs", "import_TabsGroup"]
 }

package/dist/esm/biz-components/HeaderNavigation/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use client";import{Fragment as J,jsx as e,jsxs as n}from"react/jsx-runtime";import he,{forwardRef as X,useCallback as W,useEffect as z,useImperativeHandle as xe,useMemo as M,useRef as A,useState as D}from"react";import{Picture as K,Text as g,Button as E,Container as Y,Link as j,Heading as oe}from"../../components/index.js";import{withLayout as Ne}from"../../shared/Styles.js";import{cn as x,atobID as ke}from"../../helpers/utils.js";import we,{useNavContext as O}from"./NavProvider.js";import{HeaderNavigationMenu as T,HeaderNavigationBlockType as F,HeaderNavigationActionBlockType as I}from"./types.js";import"react-responsive";import{debounce as Ce}from"es-toolkit";import Se from"jump.js";import{useGSAP as ne}from"@gsap/react";import{gsap as le}from"gsap";import{WithSidebar as se,WithSupports as re,WithMulticol as ie,WithGroupCategory as ce}from"./withCategory.js";import{Menu as Me,Close as de,User as De,RightArrow as Le,LeftArrow as Pe,DownArrow as Z,Polygon as ze}from"./icons/index.js";import Be from"../NavigationSearch/index.js";const Ee=X((t,a)=>{const{data:{headerNavigation:l}={},buildProps:o,event:s,profile:c,theme:N="light",isTop:r=!1,searchResult:v,onSearch:f,isSearching:k,keywords:L}=t,u=A(null),[d,m]=D(!1),[p,i]=D(!1),[y,S]=D(!1),[w,h]=D(!1),B=A(null),R=()=>{const C=document?.querySelector("body")?.offsetWidth||0;h(C<=1440)};z(()=>(R(),window.addEventListener("resize",R),()=>{window.removeEventListener("resize",R)}),[]),xe(a,()=>B.current),z(()=>{B.current&&r&&(console.log("bottom: ",B.current?.getBoundingClientRect()?.bottom),Se(B.current,{duration:0,offset:B.current?.getBoundingClientRect()?.bottom||0}))},[r]),z(()=>{s&&(s.search=()=>m(!0))},[s]),ne(()=>{u?.current&&d&&le.fromTo(u.current,{height:0},{height:"auto",duration:.3})},[d]),z(()=>{document.documentElement.style.overflow=d?"hidden":"auto"},[d]);const _=M(()=>l?.headerBar?.actions?.find(C=>C?.blockType===I.Search)?.searchBar?.[0]||{},[l]);return e(we,{buildProps:o,profile:c,isMobile:w,event:s,payloadData:l,children:e("header",{"data-ui-component-id":"HeaderNavigation",ref:B,children:n("div",{className:x(N==="light"?"text-black":"text-white",{}),onClick:()=>S(!0),children:[e(He,{data:l,className:"hidden desktop:block",onNavItemClick:()=>S(!0)}),e($e,{data:l,className:"block desktop:hidden"}),d&&n("div",{className:"absolute z-[60] top-0 left-0 w-full bg-black/70 flex flex-col",style:{height:`calc(100dvh - ${B?.current?.getBoundingClientRect()?.top}px)`},children:[e("div",{ref:u,className:x("overflow-y-auto",{}),children:e(Be,{data:_,keywords:L,isSearching:k,searchResult:v,onSearch:C=>{f?.(C)},onClose:()=>{f?.(),m(!1)}})}),e("div",{className:"flex-1 bg-transparent",onClick:()=>m(!1)})]})]})})})}),He=X((t,a)=>{const{data:l,onNavItemClick:o,className:s}=t,{event:c,profile:N}=O(),[r,v]=D(!1),f=M(()=>ce(l?.categories?.filter(b=>b?.pcShow)),[l]),[k,L]=D(null),[u,d]=D([]),m=A(null),[p,i]=D(!1),y=A(null),S=A(null),w=A(f.map(b=>Array(b?.length||0).fill(null)));z(()=>{f?.length&&d(f?.map((b,P)=>b?.map((H,$)=>({groupIndex:P,index:$,open:!1}))))},[f]);const h=M(()=>{let b=null;for(const P of u){for(const H of P)if(H.open){b=H;break}if(b)break}return b},[u]);z(()=>{document.documentElement.style.overflow=h?.open||p?"hidden":"auto"},[h?.open,p]);const B=(b,P,H)=>{i(!1),k?.components?.[0]?.blockType===F.Links?k?.components?.[0]?.url&&window.open(k?.components?.[0]?.url):(b.stopPropagation(),o?.(),L(f[P][H]),d($=>$.map(V=>V.map(q=>q.groupIndex===P&&q.index===H?{...q,open:!q.open}:{...q,open:!1}))))},R=()=>{d(b=>b.map(P=>P.map(H=>({...H,open:!1}))))},_=M(()=>{if(k)return k?.components?.[0]?.blockType},[k]),C=se(Te,k),ee=ie(Re,k),U=re(Ae,{categoriesItem:k,currentNavItemRef:w.current?.[h?.groupIndex||0]?.[h?.index||0]}),ye=M(()=>{switch(_){case F.Sidebar:return e(C,{});case F.Supports:return e(U,{});case F.Multicol:return e(ee,{});default:return null}},[_,k]),te=M(()=>l?.headerBar?.actions?.filter(b=>b?.pcShow),[l]),G=M(()=>te?.find(b=>b?.blockType===I.Profile),[te]),ae=W(()=>{i(b=>!b)},[]);return z(()=>{if(m?.current){const b=m.current;return b.addEventListener("click",ae),()=>{b.removeEventListener("click",ae)}}},[ae]),ne(()=>{h?.open&&le.fromTo(S?.current,{height:0},{height:"auto"})},[h?.open]),n(Y,{className:x("relative h-[96px]",s),children:[n("div",{ref:y,onClick:R,className:"flex h-full flex-col justify-end gap-4",children:[n("div",{className:"flex items-center justify-between",children:[e(fe,{}),e(ve,{ref:m,actions:te,activeStatus:p})]}),e("div",{className:"flex justify-between",children:f?.map((b,P)=>e("div",{className:"flex gap-3",children:b?.map((H,$)=>e("div",{ref:V=>{w.current[P][$]=V},className:"group cursor-pointer",children:n("div",{className:"relative",children:[n("div",{className:"flex items-center gap-1 pb-4",onClick:V=>B(V,P,$),children:[e(g,{html:H.text,className:"text-sm font-bold leading-[1.4]"}),e(Z,{className:x("opacity-0 size-4 group-hover:opacity-100 transition-opacity duration-500",{"rotate-180":h?.groupIndex===P&&h?.index===$,"opacity-100":r&&h?.groupIndex===P&&h?.index===$})})]}),e("div",{className:x("absolute bottom-0 left-0 h-[2px] w-0 bg-[#1D1D1F] transition-all duration-500",{"w-[calc(100%-20px)]":h?.groupIndex===P&&h?.index===$})})]})},H.id))},`groupCategory-${P}`))})]}),n("div",{className:x("border-t border-b-[#E4E5E6] absolute left-0 top-full z-[999] flex w-full flex-col bg-black/70 overflow-hidden",{hidden:!(h?.open&&k)}),onMouseEnter:()=>v(!0),onMouseLeave:()=>v(!1),style:{height:`calc(100dvh - ${y?.current?.getBoundingClientRect()?.bottom}px)`},children:[e("div",{ref:S,className:x("relative z-50",{"overflow-hidden":_!==F.Supports}),children:ye}),e("div",{className:"flex-1 bg-transparent",onClick:R})]}),p&&n("div",{className:"absolute left-0 z-[999] flex w-full bg-black/70 h-[100dvh] top-full",children:[e("div",{className:"absolute w-[272px] bg-white p-4",style:{right:`calc(100% - ${m?.current?.getBoundingClientRect()?.right}px)`,top:"-36px"},children:N?.email?n(J,{children:[e(g,{html:N?.nick_name||G?.welcome,className:"text-sm font-bold"}),e("div",{className:"h-[1px] mt-2 bg-[#D9D9D9]"}),e("div",{className:"mt-2",children:G?.profiles?.map(b=>e(Q,{className:"py-2",label:b?.title,href:b?.url},b.id))})]}):n(J,{children:[e(ze,{className:"absolute -top-2 text-white right-[46px] z-30"}),e(g,{html:G?.benefits_title,className:"text-sm font-bold leading-[1.4]"}),e("div",{className:"mt-2 flex flex-col gap-1",children:G?.benefits?.map(b=>n("div",{className:"flex items-center gap-[6px]",children:[e(K,{source:b.benefitIcon?.url,className:"size-4",alt:b.benefit,width:16,height:16}),e(g,{html:b.benefit,className:"text-sm font-bold leading-[1.4]"})]},b.id))}),n("div",{className:"mt-4 flex items-center gap-2",children:[e(E,{variant:"secondary",size:"lg",onClick:()=>c?.join?.(),children:e(g,{html:G?.primaryButton||"Join Now",className:"font-bold"})}),e(E,{variant:"primary",size:"lg",onClick:()=>c?.login?.(),children:e(g,{html:G?.secondaryButton||"Log In",className:"font-bold"})})]})]})}),e("div",{className:"flex-1 bg-transparent",onClick:()=>i(!1)})]})]})}),Te=he.memo(({sidebarCategoriesMetadata:t,seriesMetadata:a})=>{const{buildProps:l}=O(),[o,s]=D([]),[c,N]=D(-1),r=A(null),v=W(()=>{const u=t?.subcategories;if(!u?.length)return;const d=u.findIndex(i=>!!i?.subSubCategories),m=u.findIndex(i=>!i?.subSubCategories),p=u.map((i,y)=>({index:y,open:d===y||m===y}));s(p)},[t]);z(()=>{v()},[v]);const f=M(()=>{const u=t?.subcategories?.[o?.find(m=>m.open)?.index||0],d=a?.find(m=>m?.label?.toLowerCase()===u?.label?.toLowerCase())||{};if(u?.collections){const m=l?.categories?.[u?.collections]||{};return{label:d?.label,isCollection:!0,banner:d?.banner,primary:d?.primary,series:[{products:m?.products}]}}else if(u?.subSubCategories){const m=u?.subSubCategories?.[c],p=a?.find(i=>i?.label?.toLowerCase()===m?.label?.toLowerCase())||{};if(m?.collections){const i=l?.categories?.[m?.collections]||{};return{label:p?.label,isCollection:!0,banner:p?.banner,primary:p?.primary,series:[{products:i?.products}]}}else return p}else return d},[t,o,c,a]),k=W((u,d)=>{if(d?.subSubCategories?.length>0?N(0):N(-1),d?.subSubCategories?.length>0)s(m=>m.map(p=>p.index===u?{...p,open:!0}:{...p,open:!1}));else{const p=t?.subcategories?.findIndex(i=>!!i?.subSubCategories);s(i=>i.map(y=>({...y,open:y.index===u||y.index===p})))}},[t,v]),L=(u,d)=>{s(m=>m.map(p=>p.index===u?{...p,open:!0}:{...p,open:!1})),N(d)};return n(Y,{childClassName:"lg-desktop:gap-12 flex bg-white gap-8",children:[n("div",{className:"lg-desktop:basis-[356px] flex basis-[284px] flex-col gap-4 py-4",style:{userSelect:"none"},ref:r,children:[e("div",{className:"desktop:h-[416px] flex flex-col overflow-y-auto",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:t?.subcategories?.map((u,d)=>{const m=Array.isArray(u?.subSubCategories)&&u?.subSubCategories?.length>0;return n("div",{children:[n("div",{className:x("flex cursor-pointer items-center justify-between",{"bg-[#F5F5F7]":!m&&o?.find(p=>p.index===d)?.open}),onClick:()=>{k(d,u)},children:[e(g,{html:u.label,className:"p-4 text-sm font-bold leading-[1.4]"}),m&&e(Z,{className:x("size-4",{"rotate-180":o?.find(p=>p.index===d)?.open})})]}),o?.find(p=>p.index===d)?.open&&e("div",{className:"flex flex-col",children:u.subSubCategories?.map((p,i)=>e(g,{html:p.label,onClick:()=>L(d,i),className:x("cursor-pointer hover:bg-[#F5F5F7] px-6 py-4 text-sm font-bold leading-[1.4] text-[#6D6D6F]",{"bg-[#F5F5F7]":c===i})},`subSubItem-${d}-${i}`))})]},`subcategoryItem-${d}`)})}),t&&e("div",{className:"flex",children:n("div",{className:"flex flex-col gap-4",children:[t?.primary&&e(E,{as:"a",href:t?.primary?.url,variant:"primary",size:"lg",className:"text-sm lg-desktop:text-base",children:t?.primary?.label}),t?.secondary&&e(E,{as:"a",href:t?.secondary?.url,variant:"link",size:"lg",className:"justify-start !p-0 text-sm lg-desktop:text-base",children:t?.secondary?.label})]})})]}),n("div",{className:"flex-1 py-4",children:[Reflect.ownKeys(f).length>0&&n("div",{className:"mb-4 flex items-center justify-between",children:[n("div",{className:"flex items-center gap-2",children:[e(g,{html:f?.label,className:"text-xl lg-desktop:text-2xl font-bold leading-[1.4]"}),f?.primary&&e(E,{as:"a",href:f?.primary?.url,variant:"link",size:"lg",className:"justify-start !p-0 text-sm lg-desktop:text-base font-bold leading-[1.2] no-underline",children:f?.primary?.label})]}),e(j,{href:f?.guide?.url,className:"text-sm lg-desktop:text-base leading-[1.2] text-[#6D6D6F]",children:f?.guide?.label})]}),e("div",{className:"flex flex-col gap-4 overflow-y-auto h-[426px]",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:f?.series?.map((u,d)=>n("div",{children:[u.label&&e(g,{html:u.label,className:"text-sm mb-2 font-bold leading-[1.4] text-[#6D6D6F]"}),n("div",{className:"grid grid-cols-3 gap-4",children:[!!f?.banner&&e(j,{asChild:!f?.banner?.href,href:f?.banner?.href,children:n("div",{className:"relative [&_img]:hover:scale-105 [&_img]:hover:transition-all [&_img]:hover:duration-300",children:[e(K,{source:f?.banner?.imageUrl,className:"h-[114px] laptop:h-[120px]",imgClassName:"object-cover h-full"}),n("div",{className:"absolute bottom-0 left-0 right-0 p-4",children:[e(oe,{size:2,html:f?.banner?.title||"Buy in Guide",className:"font-bold text-white"}),e(g,{html:f?.banner?.desc||"20.000mAh",className:"text-sm text-white font-bold"})]})]})}),u.products?.map((m,p)=>e(ue,{product:m,isCollection:f?.isCollection},`seriesProductItem-${p}`))]})]},`seriesItem-${d}`))})]})]})}),Re=({multicolMetadata:t})=>{const a=A(null);return e("div",{ref:a,children:e(Y,{childClassName:"bg-white",className:"h-full",children:e("div",{className:"flex gap-4 py-4",children:t?.map((l,o)=>e("div",{className:"w-1/4",children:e(me,{item:l})},`multicolItem-${l?.label}-${o}`))})})})},Ae=({supportsMetadata:t,currentNavItemRef:a})=>{const l=A(null),[o,s]=D(null),[c,N]=D(0);z(()=>{if(l?.current){const v=l?.current?.getBoundingClientRect();N(v.height)}},[l]);const r=Ce(()=>{if(a){const v=a.getBoundingClientRect();s(v)}},500);return z(()=>(r(),window.addEventListener("resize",r),()=>{window.removeEventListener("resize",r)}),[r]),z(()=>{if(a){const v=a.getBoundingClientRect();s(v)}},[a]),e("div",{className:"absolute top-0 h-full bg-white transition-all duration-500 overflow-hidden",style:{right:`calc(100% - ${o?.right}px)`,height:c},children:e("div",{ref:l,className:"p-4",children:t?.map(v=>e("div",{className:"py-2",children:e(j,{href:v.url,className:"text-sm font-bold leading-[1.4] no-underline",children:v.label})},v.id))})})},ue=({product:t,isCollection:a})=>{const{buildProps:l}=O();let o=a?t:l?.products?.find(r=>r.handle===t.handle);const s=o?.variants?.find(r=>r.sku===t.sku)||o?.variants?.[0],c=M(()=>`/products/${o?.handle}?variant=${ke(s?.id)}`,[o?.handle,s?.id]),N=M(()=>o?.tags?.filter?.(r=>r?.startsWith?.("CLtag"))?.map?.(r=>r?.replace?.("CLtag:",""))?.slice?.(0,2),[o?.tags]);return s?.availableForSale?n("div",{className:"flex shrink-0 items-center gap-4 bg-[#F5F5F7] px-4 py-3 [&_img]:hover:scale-105",children:[e("div",{className:"shrink-0",children:e(K,{source:`${s?.image?.url||t?.images?.[0]?.url}}`,width:90,height:90,className:"size-[96px]",imgClassName:"object-contain h-full"})}),n("div",{className:"relative",children:[e("div",{className:"flex gap-1",children:Array.isArray(N)&&N?.map(r=>e(g,{as:"p",html:r,className:"text-brand-0 whitespace-nowrap mb-1 inline-block h-[24px] rounded-full border-[1.6px] border-[#00BEFA] px-[6px] text-sm font-bold !leading-[22px]"}))}),e(j,{href:c,className:"no-underline hover:text-current",children:e(g,{className:"lg-desktop:h-[44px] lg-desktop:text-base line-clamp-2 h-[40px] text-sm font-bold leading-[1.4]",html:o?.title||t?.name})}),t?.desc&&e(g,{as:"p",html:t?.desc,className:"lg-desktop:text-sm line-clamp-1 mt-1 text-xs font-bold leading-[1.4] text-[#6D6D6F]"})]})]}):null},me=({item:t,allPicture:a})=>n(J,{children:[t?.columns&&n(J,{children:[e(g,{html:t.label,as:"div",className:"my-2 text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),e("div",{className:"mt-2 flex flex-col",children:t.columns?.map(l=>n("div",{className:"py-2 flex items-center gap-1",children:[e(j,{href:l.url,className:"text-sm font-bold leading-[1.4] no-underline",children:l.label}),l?.badge&&e(g,{as:"p",html:l?.badge||"badge",className:"text-sm font-bold !leading-[24px] text-brand-0 h-[24px] rounded-full border-[1.6px] border-[var(--brand-color-0)] px-[6px]"})]},l.label))})]}),t?.imageUrl&&n("div",{className:x("laptop:h-[280px] desktop:h-[224px] lg-desktop:h-[280px] h-[240px] max-w-[358px] tablet:max-w-[346px] laptop:max-w-[440px] desktop:w-full relative overflow-hidden",{"tablet:max-w-none laptop:max-w-none":a}),children:[e(K,{source:t.imageUrl,width:404,height:280,className:"size-full",imgClassName:"object-cover h-full hover:scale-105 transition-all duration-300"}),n(j,{href:t.url,className:"absolute bottom-4 left-4 z-10 flex flex-col justify-end no-underline",children:[e(g,{html:t.title,className:x("lg-desktop:text-2xl text-xl font-bold leading-[1.2] text-white",{"text-black":t?.theme==="dark"})}),t.subtitle&&e(g,{html:t.subtitle,className:x("text-sm font-bold leading-[1.4] text-white",{"text-black":t?.theme==="dark"})}),t?.primary?.label&&e(E,{as:"a",href:t?.primary?.url,variant:"link",size:"lg",className:x("text-sm font-bold mr-auto !p-0 leading-[1.4] text-white",{"text-black":t?.theme==="dark"}),children:t?.primary?.label||"more"})]})]})]}),$e=X(({data:t,className:a},l)=>{const o=M(()=>ce(t?.categories?.filter(C=>C?.mobileShow)),[t]),{currentMenu:s,setCurrentMenu:c,subSubCategory:N}=O(),[r,v]=D(!1),[f,k]=D(0),[L,u]=D(null),d=A(null);z(()=>{if(d?.current&&r){const C=d?.current?.getBoundingClientRect();k(window?.innerHeight-(C?.bottom||0))}},[r]),ne(()=>{le.fromTo(d.current,{height:0},{height:f,duration:.3})},[f]),z(()=>{document.documentElement.style.overflow=r?"hidden":"auto"},[r]);const m=M(()=>L?.components?.[0]?.blockType,[L]),p=re(Ie,{categoriesItem:L}),i=se(Fe,L),y=ie(Oe,L),S=M(()=>{switch(m){case F.Sidebar:return e(i,{});case F.Supports:return e(p,{});case F.Multicol:return e(y,{});default:return null}},[m,L,p]),w=W(()=>{v(!1),k(0),c&&c(T.Primary)},[v,k,c]),h=M(()=>t?.headerBar?.actions?.filter(C=>C?.mobileShow&&C?.blockType!==I.Profile),[t]),B=M(()=>t?.headerBar?.actions?.find(C=>C?.mobileShow&&C?.blockType===I.Profile)||{},[t]),R=M(()=>{switch(s){case T.Primary:return e(We,{actions:h,menuOpen:r,onMenuOpenClose:()=>{v(!1),k(0)},onMenuOpenClick:()=>v(!0)});case T.Secondary:return e(ge,{title:L?.text,onMenuOpenClose:w,onMenuBackClick:()=>c?.(T.Primary)});case T.Third:return e(ge,{title:N?.label,onMenuOpenClose:w,onMenuBackClick:()=>c?.(T.Secondary)});default:return null}},[r,s,c,L,h,N,w]),_=W((C,ee)=>{const U=Array.isArray(o)?Array.isArray(o[C])?o[C][ee]:{}:{};u(U),U?.components?.[0]?.blockType===F.Links?U?.components?.[0]?.url&&window.open(U?.components?.[0]?.url):c?.(T.Secondary)},[o,c]);return n(Y,{className:x("relative h-[52px]",a),children:[R,r&&e("div",{ref:d,className:"absolute left-0 top-full border-t border-[#E5E5E7] z-[999] w-full overflow-y-auto bg-white",style:{height:f},children:s===T.Primary?e(je,{categories:o,onPrimaryMenuClick:_,profileAction:B}):S})]})}),je=({categories:t,onPrimaryMenuClick:a,profileAction:l})=>n("div",{className:"flex h-full flex-col justify-between",children:[e("div",{className:"tablet:px-8 laptop:px-16 p-4",children:t?.map((o,s)=>n("div",{className:"",children:[o?.map((c,N)=>e(Q,{label:c.text,onClick:()=>a(s,N),icon:c.components?.[0]?.icon},c.id)),e("div",{className:x("my-2 h-px w-full bg-[#E5E5E7]",{hidden:s===t.length-1})})]},`groupCategory-${s}`))}),e(_e,{profileAction:l})]}),Fe=({sidebarCategoriesMetadata:t,seriesMetadata:a})=>{const{currentMenu:l,setCurrentMenu:o,subSubCategory:s,setSubSubCategory:c,setCurrentSeriesMetadata:N,currentSeriesMetadata:r,buildProps:v}=O(),[f,k]=D([]),[L,u]=D([]);z(()=>{t?.subcategories?.length&&k(t?.subcategories?.map((i,y)=>({index:y,open:!1})))},[t]),z(()=>{s?.subSubCategories?.length&&u(s?.subSubCategories?.map((i,y)=>({index:y,open:y===0})))},[s]);const d=W((i,y)=>{o&&o(T.Third),c?.(i);const S=a?.find(w=>y!==void 0?i?.subSubCategories?.[y]?.label?.toLowerCase()===w.label?.toLowerCase():i?.label?.toLowerCase()===w.label?.toLowerCase())||{};if(i?.collections){const w=v?.categories?.[i?.collections]||{};N?.({label:S?.label,isCollection:!0,banner:S?.banner,primary:S?.primary,series:[{products:w?.products}]})}else N?.(S)},[a,t,o,c,N]),m=M(()=>a?.find(i=>!!i?.guide)?.guide,[a,t]);return M(()=>{switch(l){case T.Secondary:return n("div",{className:"tablet:px-8 laptop:px-16 flex h-full flex-col justify-between tablet:justify-start tablet:gap-16 p-4",children:[e("div",{children:t?.subcategories?.map((i,y)=>e("div",{children:e(Q,{label:i?.label,active:f.find(S=>S.index===y)?.open,onClick:()=>{d(i)}})},`${i.label}-${y}`))}),n("div",{className:"tablet:items-start flex flex-col items-center gap-4",children:[t?.primary&&e(E,{as:"a",href:t?.primary?.url,variant:"primary",size:"lg",className:"tablet:w-auto w-full text-base",children:t?.primary?.label}),t?.secondary&&e(E,{as:"a",href:t?.secondary?.url,variant:"link",size:"lg",className:"tablet:w-auto tablet:px-0 w-full py-0 text-base",children:t?.secondary?.label})]})]});case T.Third:return n("div",{className:"tablet:px-8 laptop:px-16 p-4",children:[s?.subSubCategories?s?.subSubCategories?.map((i,y)=>{const S=a?.find(h=>h.label.toLowerCase()===i?.label?.toLowerCase())||{};let w={};if(i?.collections){const h=v?.categories?.[i?.collections]||{};w={label:S?.label,isCollection:!0,banner:S?.banner,primary:S?.primary,series:[{products:h?.products}]}}else w=S;return n("div",{children:[Reflect.ownKeys(i).length>0&&e(pe,{matchSeriesMetadata:w,onSubSubCategoryItemClick:()=>u(h=>h.map((B,R)=>({...B,open:R===y}))),expanded:!!L?.find(h=>h.index===y)?.open}),L?.find(h=>h.index===y)?.open&&n(J,{children:[e(be,{matchSeriesMetadata:w}),w?.primary&&e("div",{className:"text-center my-4",children:e(E,{as:"a",href:w?.primary?.url,className:"text-base no-underline leading-[1.2]",variant:"secondary",size:"base",children:w?.primary?.label})})]})]},`${i.label}-${y}`)}):n(J,{children:[Reflect.ownKeys(r).length>0&&e(pe,{matchSeriesMetadata:r}),e(be,{matchSeriesMetadata:r}),r?.primary&&e("div",{className:"text-center my-4 ",children:e(E,{as:"a",href:r?.primary?.url,variant:"secondary",size:"base",className:"text-base no-underline leading-[1.2]",children:r?.primary?.label})})]}),m&&e(j,{href:m?.url,children:e("div",{className:"mt-4",children:e(g,{html:m?.label,className:"text-sm font-bold leading-[1.2] text-[#6D6D6F]"})})})]});default:return null}},[l,t,o,a,f,L,c,s,N,r])},pe=({matchSeriesMetadata:t,onSubSubCategoryItemClick:a,expanded:l})=>n("div",{className:"tablet:pt-0 py-4 flex items-center justify-between",onClick:a,children:[t?.label&&e(g,{html:t?.label,className:"text-sm font-bold leading-[1.4]"}),a&&e(Z,{className:x("size-5",{"rotate-180":l})})]}),be=({matchSeriesMetadata:t})=>e("div",{className:"flex flex-col gap-2 laptop:gap-3",children:!!t?.series?.length&&t?.series?.map((a,l)=>n("div",{children:[a.label&&e(g,{html:a.label,className:"text-sm mb-2 font-bold leading-[1.4] text-[#3D3D3F]"}),n("div",{className:"laptop:grid-cols-3 laptop:gap-4 tablet:grid tablet:grid-cols-2 tablet:gap-3 flex flex-col gap-2",children:[!!t?.banner&&e(j,{asChild:!t?.banner?.href,href:t?.banner?.href,children:n("div",{className:"relative [&_img]:hover:scale-105 [&_img]:hover:transition-all [&_img]:hover:duration-300",children:[e(K,{source:t?.banner?.imageUrl,className:"h-[114px] laptop:h-[120px]",imgClassName:"object-cover h-full"}),n("div",{className:"absolute bottom-0 left-0 right-0 p-4",children:[e(oe,{size:2,html:t?.banner?.title||"Buy in Guide",className:x("font-bold text-white",{"text-black":t?.banner?.theme==="dark"})}),e(g,{html:t?.banner?.desc||"20.000mAh",className:x("text-sm text-white font-bold",{"text-black":t?.banner?.theme==="dark"})})]})]})}),a.products?.map((o,s)=>e(ue,{product:o,isCollection:t?.isCollection},`seriesProductItem-${l}-${s}`))]})]},`seriesItem-${l}`))}),Ie=({supportsMetadata:t})=>e("div",{className:"tablet:px-8 laptop:px-16 p-4",children:t?.map(a=>e(Q,{href:a.url,label:a.label,onClick:()=>{}},a.id))}),Oe=({multicolMetadata:t})=>{const a=M(()=>!t?.some(l=>!!l.columns),[t]);return e("div",{className:x("tablet:py-4 tablet:px-8 laptop:px-16 flex flex-col gap-4 tablet:gap-6 p-4",{"tablet:grid tablet:grid-cols-2 tablet:gap-3 laptop:gap-4":a}),children:t?.map((l,o)=>e("div",{children:e(me,{item:l,allPicture:a})},`multicolItem-${l?.label}-${o}`))})},_e=({profileAction:t})=>{const[a,l]=D(!1),{profile:o,event:s}=O();return n("div",{className:x("tablet:px-8 laptop:px-16 bg-[#F5F5F7] px-4 py-6",{"p-4":a}),children:[n("div",{className:"flex items-center justify-between",onClick:()=>l(!a),children:[n("div",{className:"flex items-center gap-[14px]",children:[e("div",{className:"flex size-[40px] shrink-0 items-center justify-center rounded-full bg-white",children:e(De,{})}),e(g,{html:o?.nick_name||t?.welcome,className:"text-base font-bold leading-[1.4]"})]}),!o?.email&&e(Z,{className:x("size-5 laptop:size-4",{"rotate-180":a})})]}),o?.email&&e("div",{className:"mt-4",children:t?.profiles?.map(c=>e(Q,{label:c?.title,href:c?.url},c.id))}),a&&!o?.email&&n("div",{className:"mt-4",children:[e(g,{html:t?.benefits_title,className:"text-sm font-bold leading-[1.4]"}),e("div",{className:"mt-2 flex flex-col gap-1",children:t?.benefits?.map(c=>n("div",{className:"flex items-center gap-[6px]",children:[e(K,{source:c.benefitIcon?.url,className:"size-4",alt:c.benefit,width:16,height:16}),e(g,{html:c.benefit,className:"text-sm font-bold leading-[1.4]"})]},c.id))})]}),!o?.email&&n("div",{className:"mt-4 flex items-center gap-3",children:[e(E,{className:"tablet:flex-none flex-1",variant:"secondary",size:"base",onClick:()=>s?.join?.(),children:e(g,{html:t?.primaryButton||"Join Now",className:"text-sm font-bold leading-[1.4]"})}),e(E,{className:"tablet:flex-none flex-1",variant:"primary",size:"base",onClick:()=>s?.login?.(),children:e(g,{html:t?.secondaryButton||"Log In",className:"text-sm font-bold leading-[1.4]"})})]})]})},We=({menuOpen:t,onMenuOpenClose:a,onMenuOpenClick:l,actions:o})=>n("div",{className:"flex h-full items-center justify-between gap-4",children:[e(fe,{}),n("div",{className:"desktop:gap-6 flex items-center gap-4",children:[e(ve,{actions:o}),t?e(de,{className:"size-5",onClick:()=>a()}):e(Me,{className:"size-5",onClick:()=>l()})]})]}),fe=()=>{const{payloadData:t,isMobile:a}=O();return e("div",{className:"[&>svg]:w-full hover:text-brand-0 cursor-pointer",onClick:()=>{window.location.href="/"},dangerouslySetInnerHTML:{__html:a?t?.headerBar?.mobileLogo:t?.headerBar?.desktopLogo}})},ve=X(({actions:t,activeStatus:a=!1},l)=>{const{event:o}=O(),[s,c]=D(null),N=W((r,v)=>{switch(c(v),r?.blockType){case I.Search:o?.search?.();break;case I.Cart:o?.cart?.();break;case I.Profile:o?.profile?.();break;case I.Livestream:o?.livestream?.();break;default:return()=>{}}},[o]);return e("div",{className:"desktop:gap-6 flex items-center gap-4",children:Array.isArray(t)&&t?.map((r,v)=>e("div",{ref:r.blockType===I.Profile?l:null,onClick:()=>N(r,v),children:e(g,{html:r.icon,className:x("cursor-pointer size-5",{"text-brand-0":a&&s===v})})},r.id))})}),ge=({title:t,onMenuOpenClose:a,onMenuBackClick:l})=>n("div",{className:"flex h-full items-center gap-3",children:[e(Pe,{className:"size-5",onClick:()=>l()}),e(g,{html:t,className:"flex-1 text-center text-base font-bold leading-[1.4]"}),e(de,{className:"size-5",onClick:()=>a()})]}),Q=({label:t,href:a,onClick:l,active:o,icon:s,className:c})=>e("div",{className:x("flex cursor-pointer items-center justify-between py-4",c),onClick:l,children:n(j,{href:a,asChild:!a,className:"flex w-full items-center justify-between no-underline",children:[n("div",{className:"flex items-center gap-4",children:[e(g,{html:t,className:x("text-sm font-bold leading-[1.4]",{underline:s})}),s&&e(g,{html:s})]}),e(Le,{className:x("size-5 laptop:size-4",{"rotate-90":o})})]})});var rt=Ne(Ee);export{rt as default};
+"use client";import{Fragment as J,jsx as e,jsxs as n}from"react/jsx-runtime";import xe,{forwardRef as X,useCallback as _,useEffect as E,useImperativeHandle as Ne,useMemo as M,useRef as R,useState as D}from"react";import{Picture as K,Text as f,Button as H,Container as Y,Link as j,Heading as oe}from"../../components/index.js";import{withLayout as ke}from"../../shared/Styles.js";import{cn as N,atobID as we}from"../../helpers/utils.js";import Ce,{useNavContext as O}from"./NavProvider.js";import{HeaderNavigationMenu as T,HeaderNavigationBlockType as F,HeaderNavigationActionBlockType as I}from"./types.js";import"react-responsive";import{debounce as Se}from"es-toolkit";import Me from"jump.js";import{useGSAP as ne}from"@gsap/react";import{gsap as le}from"gsap";import{WithSidebar as se,WithSupports as re,WithMulticol as ie,WithGroupCategory as ce}from"./withCategory.js";import{Menu as De,Close as de,User as Le,RightArrow as Pe,LeftArrow as ze,DownArrow as Z,Polygon as Ee}from"./icons/index.js";import He from"../NavigationSearch/index.js";const Be=X((t,a)=>{const{data:{headerNavigation:l}={},buildProps:o,event:s,profile:c,theme:x="light",isTop:r=!1,searchResult:v,onSearch:h,isSearching:L,keywords:y}=t,u=R(null),[d,m]=D(!1),[p,i]=D(!1),[g,S]=D(!1),[C,P]=D(!1),k=R(null),A=()=>{const w=document?.querySelector("body")?.offsetWidth||0;P(w<=1440)};E(()=>(A(),window.addEventListener("resize",A),()=>{window.removeEventListener("resize",A)}),[]),Ne(a,()=>k.current),E(()=>{k.current&&r&&Me(k.current,{duration:0,offset:k.current?.getBoundingClientRect()?.bottom||0})},[r]),E(()=>{s&&(s.search=()=>m(!0))},[s]),ne(()=>{u?.current&&d&&le.fromTo(u.current,{height:0},{height:"auto",duration:.3})},[d]),E(()=>{document.documentElement.style.overflow=d?"hidden":"auto"},[d]);const W=M(()=>l?.headerBar?.actions?.find(w=>w?.blockType===I.Search)?.searchBar?.[0]||{},[l]);return e(Ce,{buildProps:o,profile:c,isMobile:C,event:s,payloadData:l,children:e("header",{"data-ui-component-id":"HeaderNavigation",className:"relative z-[100]",ref:k,children:n("div",{className:N(x==="light"?"text-black":"text-white",{}),onClick:()=>S(!0),children:[e(Te,{data:l,className:"hidden desktop:block",theme:x,onNavItemClick:()=>S(!0)}),e(je,{data:l,className:"block desktop:hidden"}),d&&n("div",{className:"absolute z-[60] top-0 left-0 w-full bg-black/70 flex flex-col",style:{height:`calc(100dvh - ${k?.current?.getBoundingClientRect()?.top}px)`},children:[e("div",{ref:u,className:N("overflow-y-auto",{}),children:e(He,{data:W,keywords:y,isSearching:L,searchResult:v,onSearch:w=>{h?.(w)},onClose:()=>{h?.(),m(!1)}})}),e("div",{className:"flex-1 bg-transparent",onClick:()=>m(!1)})]})]})})})}),Te=X((t,a)=>{const{data:l,onNavItemClick:o,className:s,theme:c}=t,{event:x,profile:r}=O(),[v,h]=D(!1),L=M(()=>ce(l?.categories?.filter(b=>b?.pcShow)),[l]),[y,u]=D(null),[d,m]=D([]),p=R(null),[i,g]=D(!1),S=R(null),C=R(null),P=R(L.map(b=>Array(b?.length||0).fill(null)));E(()=>{L?.length&&m(L?.map((b,z)=>b?.map((B,$)=>({groupIndex:z,index:$,open:!1}))))},[L]);const k=M(()=>{let b=null;for(const z of d){for(const B of z)if(B.open){b=B;break}if(b)break}return b},[d]);E(()=>{document.documentElement.style.overflow=k?.open||i?"hidden":"auto"},[k?.open,i]);const A=(b,z,B)=>{g(!1),y?.components?.[0]?.blockType===F.Links?y?.components?.[0]?.url&&window.open(y?.components?.[0]?.url):(b.stopPropagation(),o?.(),u(L[z][B]),m($=>$.map(V=>V.map(q=>q.groupIndex===z&&q.index===B?{...q,open:!q.open}:{...q,open:!1}))))},W=()=>{m(b=>b.map(z=>z.map(B=>({...B,open:!1}))))},w=M(()=>{if(y)return y?.components?.[0]?.blockType},[y]),ee=se(Re,y),U=ie(Ae,y),he=re($e,{categoriesItem:y,currentNavItemRef:P.current?.[k?.groupIndex||0]?.[k?.index||0]}),ye=M(()=>{switch(w){case F.Sidebar:return e(ee,{});case F.Supports:return e(he,{});case F.Multicol:return e(U,{});default:return null}},[w,y]),te=M(()=>l?.headerBar?.actions?.filter(b=>b?.pcShow),[l]),G=M(()=>te?.find(b=>b?.blockType===I.Profile),[te]),ae=_(()=>{g(b=>!b)},[]);return E(()=>{if(p?.current){const b=p.current;return b.addEventListener("click",ae),()=>{b.removeEventListener("click",ae)}}},[ae]),ne(()=>{k?.open&&le.fromTo(C?.current,{height:0},{height:"auto"})},[k?.open]),n(Y,{className:N("relative h-[96px]",s),children:[n("div",{ref:S,onClick:W,className:"flex h-full flex-col justify-end gap-4",children:[n("div",{className:"flex items-center justify-between",children:[e(fe,{}),e(ve,{ref:p,actions:te,activeStatus:i})]}),e("div",{className:"flex justify-between",children:L?.map((b,z)=>e("div",{className:"flex gap-3",children:b?.map((B,$)=>e("div",{ref:V=>{P.current[z][$]=V},className:"group cursor-pointer",children:n("div",{className:"relative",children:[n("div",{className:"flex items-center gap-1 pb-4",onClick:V=>A(V,z,$),children:[e(f,{html:B.text,className:"text-sm font-bold leading-[1.4]"}),e(Z,{className:N("opacity-0 size-4 group-hover:opacity-100 transition-opacity duration-500",{"rotate-180":k?.groupIndex===z&&k?.index===$,"opacity-100":v&&k?.groupIndex===z&&k?.index===$})})]}),e("div",{className:N("absolute bottom-0 left-0 h-[2px] w-0 transition-all duration-500",{"w-[calc(100%-20px)]":k?.groupIndex===z&&k?.index===$},c==="dark"?"bg-white":"bg-[#1D1D1F]")})]})},B.id))},`groupCategory-${z}`))})]}),n("div",{className:N("border-t border-b-[#E4E5E6] text-black absolute left-0 top-full z-[999] flex w-full flex-col bg-black/70 overflow-hidden",{hidden:!(k?.open&&y)}),onMouseEnter:()=>h(!0),onMouseLeave:()=>h(!1),style:{height:`calc(100dvh - ${S?.current?.getBoundingClientRect()?.bottom}px)`},children:[e("div",{ref:C,className:N("relative z-50",{"overflow-hidden":w!==F.Supports}),children:ye}),e("div",{className:"flex-1 bg-transparent",onClick:W})]}),i&&n("div",{className:"absolute left-0 z-[999] flex w-full bg-black/70 h-[100dvh] top-full",children:[e("div",{className:"absolute w-[272px] bg-white p-4",style:{right:`calc(100% - ${p?.current?.getBoundingClientRect()?.right}px)`,top:"-36px"},children:r?.email?n(J,{children:[e(f,{html:r?.nick_name||G?.welcome,className:"text-sm font-bold"}),e("div",{className:"h-[1px] mt-2 bg-[#D9D9D9]"}),e("div",{className:"mt-2",children:G?.profiles?.map(b=>e(Q,{className:"py-2",label:b?.title,href:b?.url},b.id))})]}):n(J,{children:[e(Ee,{className:"absolute -top-2 text-white right-[46px] z-30"}),e(f,{html:G?.benefits_title,className:"text-sm font-bold leading-[1.4]"}),e("div",{className:"mt-2 flex flex-col gap-1",children:G?.benefits?.map(b=>n("div",{className:"flex items-center gap-[6px]",children:[e(K,{source:b.benefitIcon?.url,className:"size-4",alt:b.benefit,width:16,height:16}),e(f,{html:b.benefit,className:"text-sm font-bold leading-[1.4]"})]},b.id))}),n("div",{className:"mt-4 flex items-center gap-2",children:[e(H,{variant:"secondary",size:"lg",onClick:()=>x?.join?.(),children:e(f,{html:G?.primaryButton||"Join Now",className:"font-bold"})}),e(H,{variant:"primary",size:"lg",onClick:()=>x?.login?.(),children:e(f,{html:G?.secondaryButton||"Log In",className:"font-bold"})})]})]})}),e("div",{className:"flex-1 bg-transparent",onClick:()=>g(!1)})]})]})}),Re=xe.memo(({sidebarCategoriesMetadata:t,seriesMetadata:a})=>{const{buildProps:l}=O(),[o,s]=D([]),[c,x]=D(-1),r=R(null),v=_(()=>{const u=t?.subcategories;if(!u?.length)return;const d=u.findIndex(i=>!!i?.subSubCategories),m=u.findIndex(i=>!i?.subSubCategories),p=u.map((i,g)=>({index:g,open:d===g||m===g}));s(p)},[t]);E(()=>{v()},[v]);const h=M(()=>{const u=t?.subcategories?.[o?.find(m=>m.open)?.index||0],d=a?.find(m=>m?.label?.toLowerCase()===u?.label?.toLowerCase())||{};if(u?.collections){const m=l?.categories?.[u?.collections]||{};return{label:d?.label,isCollection:!0,banner:d?.banner,primary:d?.primary,series:[{products:m?.products}]}}else if(u?.subSubCategories){const m=u?.subSubCategories?.[c],p=a?.find(i=>i?.label?.toLowerCase()===m?.label?.toLowerCase())||{};if(m?.collections){const i=l?.categories?.[m?.collections]||{};return{label:p?.label,isCollection:!0,banner:p?.banner,primary:p?.primary,series:[{products:i?.products}]}}else return p}else return d},[t,o,c,a]),L=_((u,d)=>{if(d?.subSubCategories?.length>0?x(0):x(-1),d?.subSubCategories?.length>0)s(m=>m.map(p=>p.index===u?{...p,open:!0}:{...p,open:!1}));else{const p=t?.subcategories?.findIndex(i=>!!i?.subSubCategories);s(i=>i.map(g=>({...g,open:g.index===u||g.index===p})))}},[t,v]),y=(u,d)=>{s(m=>m.map(p=>p.index===u?{...p,open:!0}:{...p,open:!1})),x(d)};return n(Y,{childClassName:"lg-desktop:gap-12 flex bg-white gap-8",children:[n("div",{className:"lg-desktop:basis-[356px] flex basis-[284px] flex-col gap-4 py-4",style:{userSelect:"none"},ref:r,children:[e("div",{className:"desktop:h-[416px] flex flex-col overflow-y-auto",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:t?.subcategories?.map((u,d)=>{const m=Array.isArray(u?.subSubCategories)&&u?.subSubCategories?.length>0;return n("div",{children:[n("div",{className:N("flex cursor-pointer items-center justify-between",{"bg-[#F5F5F7]":!m&&o?.find(p=>p.index===d)?.open}),onClick:()=>{L(d,u)},children:[e(f,{html:u.label,className:"p-4 text-sm font-bold leading-[1.4]"}),m&&e(Z,{className:N("size-4",{"rotate-180":o?.find(p=>p.index===d)?.open})})]}),o?.find(p=>p.index===d)?.open&&e("div",{className:"flex flex-col",children:u.subSubCategories?.map((p,i)=>e(f,{html:p.label,onClick:()=>y(d,i),className:N("cursor-pointer hover:bg-[#F5F5F7] px-6 py-4 text-sm font-bold leading-[1.4] text-[#6D6D6F]",{"bg-[#F5F5F7]":c===i})},`subSubItem-${d}-${i}`))})]},`subcategoryItem-${d}`)})}),t&&e("div",{className:"flex",children:n("div",{className:"flex flex-col gap-4",children:[t?.primary&&e(H,{as:"a",href:t?.primary?.url,variant:"primary",size:"lg",className:"text-sm lg-desktop:text-base",children:t?.primary?.label}),t?.secondary&&e(H,{as:"a",href:t?.secondary?.url,variant:"link",size:"lg",className:"justify-start !p-0 text-sm lg-desktop:text-base",children:t?.secondary?.label})]})})]}),n("div",{className:"flex-1 py-4",children:[Reflect.ownKeys(h).length>0&&n("div",{className:"mb-4 flex items-center justify-between",children:[n("div",{className:"flex items-center gap-2",children:[e(f,{html:h?.label,className:"text-xl lg-desktop:text-2xl font-bold leading-[1.4]"}),h?.primary&&e(H,{as:"a",href:h?.primary?.url,variant:"link",size:"lg",className:"justify-start !p-0 text-sm lg-desktop:text-base font-bold leading-[1.2] no-underline",children:h?.primary?.label})]}),e(j,{href:h?.guide?.url,className:"text-sm lg-desktop:text-base leading-[1.2] text-[#6D6D6F]",children:h?.guide?.label})]}),e("div",{className:"flex flex-col gap-4 overflow-y-auto h-[426px]",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:h?.series?.map((u,d)=>n("div",{children:[u.label&&e(f,{html:u.label,className:"text-sm mb-2 font-bold leading-[1.4] text-[#6D6D6F]"}),n("div",{className:"grid grid-cols-3 gap-4",children:[!!h?.banner&&e(j,{asChild:!h?.banner?.href,href:h?.banner?.href,children:n("div",{className:"relative [&_img]:hover:scale-105 [&_img]:hover:transition-all [&_img]:hover:duration-300",children:[e(K,{source:h?.banner?.imageUrl,className:"h-[114px] laptop:h-[120px]",imgClassName:"object-cover h-full"}),n("div",{className:"absolute bottom-0 left-0 right-0 p-4",children:[e(oe,{size:2,html:h?.banner?.title||"Buy in Guide",className:"font-bold text-white"}),e(f,{html:h?.banner?.desc||"20.000mAh",className:"text-sm text-white font-bold"})]})]})}),u.products?.map((m,p)=>e(ue,{product:m,isCollection:h?.isCollection},`seriesProductItem-${p}`))]})]},`seriesItem-${d}`))})]})]})}),Ae=({multicolMetadata:t})=>{const a=R(null);return e("div",{ref:a,children:e(Y,{childClassName:"bg-white",className:"h-full",children:e("div",{className:"flex gap-4 py-4",children:t?.map((l,o)=>e("div",{className:"w-1/4",children:e(me,{item:l})},`multicolItem-${l?.label}-${o}`))})})})},$e=({supportsMetadata:t,currentNavItemRef:a})=>{const l=R(null),[o,s]=D(null),[c,x]=D(0);E(()=>{if(l?.current){const v=l?.current?.getBoundingClientRect();x(v.height)}},[l]);const r=Se(()=>{if(a){const v=a.getBoundingClientRect();s(v)}},500);return E(()=>(r(),window.addEventListener("resize",r),()=>{window.removeEventListener("resize",r)}),[r]),E(()=>{if(a){const v=a.getBoundingClientRect();s(v)}},[a]),e("div",{className:"absolute top-0 h-full bg-white transition-all duration-500 overflow-hidden",style:{right:`calc(100% - ${o?.right}px)`,height:c},children:e("div",{ref:l,className:"p-4",children:t?.map(v=>e("div",{className:"py-2",children:e(j,{href:v.url,className:"text-sm font-bold leading-[1.4] no-underline",children:v.label})},v.id))})})},ue=({product:t,isCollection:a})=>{const{buildProps:l}=O();let o=a?t:l?.products?.find(r=>r.handle===t.handle);const s=o?.variants?.find(r=>r.sku===t.sku)||o?.variants?.[0],c=M(()=>`/products/${o?.handle}?variant=${we(s?.id)}`,[o?.handle,s?.id]),x=M(()=>o?.tags?.filter?.(r=>r?.startsWith?.("CLtag"))?.map?.(r=>r?.replace?.("CLtag:",""))?.slice?.(0,2),[o?.tags]);return s?.availableForSale?n("div",{className:"flex shrink-0 items-center gap-4 bg-[#F5F5F7] px-4 py-3 [&_img]:hover:scale-105",children:[e("div",{className:"shrink-0",children:e(K,{source:`${s?.image?.url||t?.images?.[0]?.url}}`,width:90,height:90,className:"size-[96px]",imgClassName:"object-contain h-full"})}),n("div",{className:"relative",children:[e("div",{className:"flex gap-1",children:Array.isArray(x)&&x?.map(r=>e(f,{as:"p",html:r,className:"text-brand-0 whitespace-nowrap mb-1 inline-block h-[24px] rounded-full border-[1.6px] border-[#00BEFA] px-[6px] text-sm font-bold !leading-[22px]"}))}),e(j,{href:c,className:"no-underline hover:text-current",children:e(f,{className:"lg-desktop:h-[44px] lg-desktop:text-base line-clamp-2 h-[40px] text-sm font-bold leading-[1.4]",html:o?.title||t?.name})}),t?.desc&&e(f,{as:"p",html:t?.desc,className:"lg-desktop:text-sm line-clamp-1 mt-1 text-xs font-bold leading-[1.4] text-[#6D6D6F]"})]})]}):null},me=({item:t,allPicture:a})=>n(J,{children:[t?.columns&&n(J,{children:[e(f,{html:t.label,as:"div",className:"my-2 text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),e("div",{className:"mt-2 flex flex-col",children:t.columns?.map(l=>n("div",{className:"py-2 flex items-center gap-1",children:[e(j,{href:l.url,className:"text-sm font-bold leading-[1.4] no-underline",children:l.label}),l?.badge&&e(f,{as:"p",html:l?.badge||"badge",className:"text-sm font-bold !leading-[24px] text-brand-0 h-[24px] rounded-full border-[1.6px] border-[var(--brand-color-0)] px-[6px]"})]},l.label))})]}),t?.imageUrl&&n("div",{className:N("laptop:h-[280px] desktop:h-[224px] lg-desktop:h-[280px] h-[240px] max-w-[358px] tablet:max-w-[346px] laptop:max-w-[440px] desktop:w-full relative overflow-hidden",{"tablet:max-w-none laptop:max-w-none":a}),children:[e(K,{source:t.imageUrl,width:404,height:280,className:"size-full",imgClassName:"object-cover h-full hover:scale-105 transition-all duration-300"}),n(j,{href:t.url,className:"absolute bottom-4 left-4 z-10 flex flex-col justify-end no-underline",children:[e(f,{html:t.title,className:N("lg-desktop:text-2xl text-xl font-bold leading-[1.2] text-white",{"text-black":t?.theme==="dark"})}),t.subtitle&&e(f,{html:t.subtitle,className:N("text-sm font-bold leading-[1.4] text-white",{"text-black":t?.theme==="dark"})}),t?.primary?.label&&e(H,{as:"a",href:t?.primary?.url,variant:"link",size:"lg",className:N("text-sm font-bold mr-auto !p-0 leading-[1.4] text-white",{"text-black":t?.theme==="dark"}),children:t?.primary?.label||"more"})]})]})]}),je=X(({data:t,className:a},l)=>{const o=M(()=>ce(t?.categories?.filter(w=>w?.mobileShow)),[t]),{currentMenu:s,setCurrentMenu:c,subSubCategory:x}=O(),[r,v]=D(!1),[h,L]=D(0),[y,u]=D(null),d=R(null);E(()=>{if(d?.current&&r){const w=d?.current?.getBoundingClientRect();L(window?.innerHeight-(w?.bottom||0))}},[r]),ne(()=>{le.fromTo(d.current,{height:0},{height:h,duration:.3})},[h]),E(()=>{document.documentElement.style.overflow=r?"hidden":"auto"},[r]);const m=M(()=>y?.components?.[0]?.blockType,[y]),p=re(Oe,{categoriesItem:y}),i=se(Ie,y),g=ie(_e,y),S=M(()=>{switch(m){case F.Sidebar:return e(i,{});case F.Supports:return e(p,{});case F.Multicol:return e(g,{});default:return null}},[m,y,p]),C=_(()=>{v(!1),L(0),c&&c(T.Primary)},[v,L,c]),P=M(()=>t?.headerBar?.actions?.filter(w=>w?.mobileShow&&w?.blockType!==I.Profile),[t]),k=M(()=>t?.headerBar?.actions?.find(w=>w?.mobileShow&&w?.blockType===I.Profile)||{},[t]),A=M(()=>{switch(s){case T.Primary:return e(Ue,{actions:P,menuOpen:r,onMenuOpenClose:()=>{v(!1),L(0)},onMenuOpenClick:()=>v(!0)});case T.Secondary:return e(ge,{title:y?.text,onMenuOpenClose:C,onMenuBackClick:()=>c?.(T.Primary)});case T.Third:return e(ge,{title:x?.label,onMenuOpenClose:C,onMenuBackClick:()=>c?.(T.Secondary)});default:return null}},[r,s,c,y,P,x,C]),W=_((w,ee)=>{const U=Array.isArray(o)?Array.isArray(o[w])?o[w][ee]:{}:{};u(U),U?.components?.[0]?.blockType===F.Links?U?.components?.[0]?.url&&window.open(U?.components?.[0]?.url):c?.(T.Secondary)},[o,c]);return n(Y,{className:N("relative h-[52px]",a),children:[A,r&&e("div",{ref:d,className:"absolute left-0 top-full text-black border-t border-[#E5E5E7] z-[999] w-full overflow-y-auto bg-white",style:{height:h},children:s===T.Primary?e(Fe,{categories:o,onPrimaryMenuClick:W,profileAction:k}):S})]})}),Fe=({categories:t,onPrimaryMenuClick:a,profileAction:l})=>n("div",{className:"flex h-full flex-col justify-between",children:[e("div",{className:"tablet:px-8 laptop:px-16 p-4",children:t?.map((o,s)=>n("div",{className:"",children:[o?.map((c,x)=>e(Q,{label:c.text,onClick:()=>a(s,x),icon:c.components?.[0]?.icon},c.id)),e("div",{className:N("my-2 h-px w-full bg-[#E5E5E7]",{hidden:s===t.length-1})})]},`groupCategory-${s}`))}),e(We,{profileAction:l})]}),Ie=({sidebarCategoriesMetadata:t,seriesMetadata:a})=>{const{currentMenu:l,setCurrentMenu:o,subSubCategory:s,setSubSubCategory:c,setCurrentSeriesMetadata:x,currentSeriesMetadata:r,buildProps:v}=O(),[h,L]=D([]),[y,u]=D([]);E(()=>{t?.subcategories?.length&&L(t?.subcategories?.map((i,g)=>({index:g,open:!1})))},[t]),E(()=>{s?.subSubCategories?.length&&u(s?.subSubCategories?.map((i,g)=>({index:g,open:g===0})))},[s]);const d=_((i,g)=>{o&&o(T.Third),c?.(i);const S=a?.find(C=>g!==void 0?i?.subSubCategories?.[g]?.label?.toLowerCase()===C.label?.toLowerCase():i?.label?.toLowerCase()===C.label?.toLowerCase())||{};if(i?.collections){const C=v?.categories?.[i?.collections]||{};x?.({label:S?.label,isCollection:!0,banner:S?.banner,primary:S?.primary,series:[{products:C?.products}]})}else x?.(S)},[a,t,o,c,x]),m=M(()=>a?.find(i=>!!i?.guide)?.guide,[a,t]);return M(()=>{switch(l){case T.Secondary:return n("div",{className:"tablet:px-8 laptop:px-16 flex h-full flex-col justify-between tablet:justify-start tablet:gap-16 p-4",children:[e("div",{children:t?.subcategories?.map((i,g)=>e("div",{children:e(Q,{label:i?.label,active:h.find(S=>S.index===g)?.open,onClick:()=>{d(i)}})},`${i.label}-${g}`))}),n("div",{className:"tablet:items-start flex flex-col items-center gap-4",children:[t?.primary&&e(H,{as:"a",href:t?.primary?.url,variant:"primary",size:"lg",className:"tablet:w-auto w-full text-base",children:t?.primary?.label}),t?.secondary&&e(H,{as:"a",href:t?.secondary?.url,variant:"link",size:"lg",className:"tablet:w-auto tablet:px-0 w-full py-0 text-base",children:t?.secondary?.label})]})]});case T.Third:return n("div",{className:"tablet:px-8 laptop:px-16 p-4",children:[s?.subSubCategories?s?.subSubCategories?.map((i,g)=>{const S=a?.find(P=>P.label.toLowerCase()===i?.label?.toLowerCase())||{};let C={};if(i?.collections){const P=v?.categories?.[i?.collections]||{};C={label:S?.label,isCollection:!0,banner:S?.banner,primary:S?.primary,series:[{products:P?.products}]}}else C=S;return n("div",{children:[Reflect.ownKeys(i).length>0&&e(pe,{matchSeriesMetadata:C,onSubSubCategoryItemClick:()=>u(P=>P.map((k,A)=>({...k,open:A===g}))),expanded:!!y?.find(P=>P.index===g)?.open}),y?.find(P=>P.index===g)?.open&&n(J,{children:[e(be,{matchSeriesMetadata:C}),C?.primary&&e("div",{className:"text-center my-4",children:e(H,{as:"a",href:C?.primary?.url,className:"text-base no-underline leading-[1.2]",variant:"secondary",size:"base",children:C?.primary?.label})})]})]},`${i.label}-${g}`)}):n(J,{children:[Reflect.ownKeys(r).length>0&&e(pe,{matchSeriesMetadata:r}),e(be,{matchSeriesMetadata:r}),r?.primary&&e("div",{className:"text-center my-4 ",children:e(H,{as:"a",href:r?.primary?.url,variant:"secondary",size:"base",className:"text-base no-underline leading-[1.2]",children:r?.primary?.label})})]}),m&&e(j,{href:m?.url,children:e("div",{className:"mt-4",children:e(f,{html:m?.label,className:"text-sm font-bold leading-[1.2] text-[#6D6D6F]"})})})]});default:return null}},[l,t,o,a,h,y,c,s,x,r])},pe=({matchSeriesMetadata:t,onSubSubCategoryItemClick:a,expanded:l})=>n("div",{className:"tablet:pt-0 py-4 flex items-center justify-between",onClick:a,children:[t?.label&&e(f,{html:t?.label,className:"text-sm font-bold leading-[1.4]"}),a&&e(Z,{className:N("size-5",{"rotate-180":l})})]}),be=({matchSeriesMetadata:t})=>e("div",{className:"flex flex-col gap-2 laptop:gap-3",children:!!t?.series?.length&&t?.series?.map((a,l)=>n("div",{children:[a.label&&e(f,{html:a.label,className:"text-sm mb-2 font-bold leading-[1.4] text-[#3D3D3F]"}),n("div",{className:"laptop:grid-cols-3 laptop:gap-4 tablet:grid tablet:grid-cols-2 tablet:gap-3 flex flex-col gap-2",children:[!!t?.banner&&e(j,{asChild:!t?.banner?.href,href:t?.banner?.href,children:n("div",{className:"relative [&_img]:hover:scale-105 [&_img]:hover:transition-all [&_img]:hover:duration-300",children:[e(K,{source:t?.banner?.imageUrl,className:"h-[114px] laptop:h-[120px]",imgClassName:"object-cover h-full"}),n("div",{className:"absolute bottom-0 left-0 right-0 p-4",children:[e(oe,{size:2,html:t?.banner?.title||"Buy in Guide",className:N("font-bold text-white",{"text-black":t?.banner?.theme==="dark"})}),e(f,{html:t?.banner?.desc||"20.000mAh",className:N("text-sm text-white font-bold",{"text-black":t?.banner?.theme==="dark"})})]})]})}),a.products?.map((o,s)=>e(ue,{product:o,isCollection:t?.isCollection},`seriesProductItem-${l}-${s}`))]})]},`seriesItem-${l}`))}),Oe=({supportsMetadata:t})=>e("div",{className:"tablet:px-8 laptop:px-16 p-4",children:t?.map(a=>e(Q,{href:a.url,label:a.label,onClick:()=>{}},a.id))}),_e=({multicolMetadata:t})=>{const a=M(()=>!t?.some(l=>!!l.columns),[t]);return e("div",{className:N("tablet:py-4 tablet:px-8 laptop:px-16 flex flex-col gap-4 tablet:gap-6 p-4",{"tablet:grid tablet:grid-cols-2 tablet:gap-3 laptop:gap-4":a}),children:t?.map((l,o)=>e("div",{children:e(me,{item:l,allPicture:a})},`multicolItem-${l?.label}-${o}`))})},We=({profileAction:t})=>{const[a,l]=D(!1),{profile:o,event:s}=O();return n("div",{className:N("tablet:px-8 laptop:px-16 bg-[#F5F5F7] px-4 py-6",{"p-4":a}),children:[n("div",{className:"flex items-center justify-between",onClick:()=>l(!a),children:[n("div",{className:"flex items-center gap-[14px]",children:[e("div",{className:"flex size-[40px] shrink-0 items-center justify-center rounded-full bg-white",children:e(Le,{})}),e(f,{html:o?.nick_name||t?.welcome,className:"text-base font-bold leading-[1.4]"})]}),!o?.email&&e(Z,{className:N("size-5 laptop:size-4",{"rotate-180":a})})]}),o?.email&&e("div",{className:"mt-4",children:t?.profiles?.map(c=>e(Q,{label:c?.title,href:c?.url},c.id))}),a&&!o?.email&&n("div",{className:"mt-4",children:[e(f,{html:t?.benefits_title,className:"text-sm font-bold leading-[1.4]"}),e("div",{className:"mt-2 flex flex-col gap-1",children:t?.benefits?.map(c=>n("div",{className:"flex items-center gap-[6px]",children:[e(K,{source:c.benefitIcon?.url,className:"size-4",alt:c.benefit,width:16,height:16}),e(f,{html:c.benefit,className:"text-sm font-bold leading-[1.4]"})]},c.id))})]}),!o?.email&&n("div",{className:"mt-4 flex items-center gap-3",children:[e(H,{className:"tablet:flex-none flex-1",variant:"secondary",size:"base",onClick:()=>s?.join?.(),children:e(f,{html:t?.primaryButton||"Join Now",className:"text-sm font-bold leading-[1.4]"})}),e(H,{className:"tablet:flex-none flex-1",variant:"primary",size:"base",onClick:()=>s?.login?.(),children:e(f,{html:t?.secondaryButton||"Log In",className:"text-sm font-bold leading-[1.4]"})})]})]})},Ue=({menuOpen:t,onMenuOpenClose:a,onMenuOpenClick:l,actions:o})=>n("div",{className:"flex h-full items-center justify-between gap-4",children:[e(fe,{}),n("div",{className:"desktop:gap-6 flex items-center gap-4",children:[e(ve,{actions:o}),t?e(de,{className:"size-5",onClick:()=>a()}):e(De,{className:"size-5",onClick:()=>l()})]})]}),fe=()=>{const{payloadData:t,isMobile:a}=O();return e("div",{className:"[&>svg]:w-full hover:text-brand-0 cursor-pointer",onClick:()=>{window.location.href="/"},dangerouslySetInnerHTML:{__html:a?t?.headerBar?.mobileLogo:t?.headerBar?.desktopLogo}})},ve=X(({actions:t,activeStatus:a=!1},l)=>{const{event:o}=O(),[s,c]=D(null),x=_((r,v)=>{switch(c(v),r?.blockType){case I.Search:o?.search?.();break;case I.Cart:o?.cart?.();break;case I.Profile:o?.profile?.();break;case I.Livestream:o?.livestream?.();break;default:return()=>{}}},[o]);return e("div",{className:"desktop:gap-6 flex items-center gap-4",children:Array.isArray(t)&&t?.map((r,v)=>e("div",{ref:r.blockType===I.Profile?l:null,onClick:()=>x(r,v),children:e(f,{html:r.icon,className:N("cursor-pointer size-5",{"text-brand-0":a&&s===v})})},r.id))})}),ge=({title:t,onMenuOpenClose:a,onMenuBackClick:l})=>n("div",{className:"flex h-full items-center gap-3",children:[e(ze,{className:"size-5",onClick:()=>l()}),e(f,{html:t,className:"flex-1 text-center text-base font-bold leading-[1.4]"}),e(de,{className:"size-5",onClick:()=>a()})]}),Q=({label:t,href:a,onClick:l,active:o,icon:s,className:c})=>e("div",{className:N("flex cursor-pointer items-center justify-between py-4",c),onClick:l,children:n(j,{href:a,asChild:!a,className:"flex w-full items-center justify-between no-underline",children:[n("div",{className:"flex items-center gap-4",children:[e(f,{html:t,className:N("text-sm font-bold leading-[1.4]",{underline:s})}),s&&e(f,{html:s})]}),e(Pe,{className:N("size-5 laptop:size-4",{"rotate-90":o})})]})});var it=ke(Be);export{it as default};
 //# sourceMappingURL=index.js.map