@anker-in/headless-ui 1.1.61 → 1.1.62

package/dist/cjs/biz-components/HeaderNavigation/CompanyStatsBanner/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { CompanyStatsBannerProps, StatItem } from './types.js';
+/**
+ * 公司统计横幅组件
+ * 用于展示公司 Logo、标语和关键统计数据
+ */
+declare const CompanyStatsBanner: React.ForwardRefExoticComponent<CompanyStatsBannerProps & React.RefAttributes<HTMLDivElement>>;
+export default CompanyStatsBanner;
+export type { CompanyStatsBannerProps, StatItem };

package/dist/cjs/biz-components/HeaderNavigation/CompanyStatsBanner/index.js

@@ -0,0 +1,2 @@
+"use strict";var k=Object.create;var i=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var u=(t,e)=>{for(var l in e)i(t,l,{get:e[l],enumerable:!0})},x=(t,e,l,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of h(e))!w.call(t,s)&&s!==l&&i(t,s,{get:()=>e[s],enumerable:!(r=g(e,s))||r.enumerable});return t};var y=(t,e,l)=>(l=t!=null?k(v(t)):{},x(e||!t||!t.__esModule?i(l,"default",{value:t,enumerable:!0}):l,t)),N=t=>x(i({},"__esModule",{value:!0}),t);var B={};u(B,{default:()=>S});module.exports=N(B);var a=require("react/jsx-runtime"),c=y(require("react")),d=require("../../../components/index.js"),o=require("../../../helpers/index.js");const C=({stat:t,theme:e,isLast:l})=>(0,a.jsxs)("div",{className:(0,o.cn)("tablet:after:hidden relative flex flex-col gap-1 after:absolute after:bottom-1 after:right-0 after:h-[calc(100%-8px)] after:w-px after:bg-[#3A3C40] after:content-['']",{"after:hidden":l}),children:[(0,a.jsx)(d.Text,{as:"div",html:t.value,className:(0,o.cn)("desktop:text-[32px] tablet:text-[24px] text-[14px] leading-[1.2]",{"text-white":e!=="dark","text-black":e==="dark"})}),(0,a.jsx)(d.Text,{as:"p",html:t.label,className:(0,o.cn)("desktop:text-base text-balance text-sm font-bold leading-[1.4] tracking-[-0.28px]",{"text-white":e!=="dark","text-black":e==="dark"})})]}),b=c.default.forwardRef(({data:t,className:e},l)=>{const{logo:r,tagline:s,stats:n=[],theme:p="dark"}=t;return(0,a.jsx)("div",{ref:l,"data-ui-component-id":"CompanyStatsBanner",className:(0,o.cn)("desktop:h-[200px] lg-desktop:h-[240px] relative flex w-full items-center justify-between overflow-hidden","p-4","tablet:p-6","desktop:px-16 desktop:py-8","lg-desktop:px-32",{"bg-black":p!=="dark","bg-white":p==="dark"},e),children:(0,a.jsxs)("div",{className:(0,o.cn)("relative z-10 flex w-full flex-col gap-4","desktop:flex-row desktop:items-center desktop:justify-between"),children:[(0,a.jsxs)("div",{className:"tablet:flex-row tablet:gap-4 flex shrink-0 flex-col items-start gap-2",children:[r?.url&&(0,a.jsx)(d.Picture,{source:r.url,alt:r.alt||"Company Logo",className:"tablet:h-10 h-9 w-auto",imgClassName:"h-full w-auto object-contain"}),r?.url&&s&&(0,a.jsx)("div",{className:(0,o.cn)("tablet:block tablet:h-10 hidden h-8 w-px",{"bg-white":p!=="dark","bg-black":p==="dark"})}),s&&(0,a.jsx)(d.Text,{as:"p",html:s,className:(0,o.cn)("text-sm font-bold leading-[1.4]","tablet:max-w-[320px] tablet:text-base",{"text-white":p!=="dark","text-black":p==="dark"})})]}),n.length>0&&(0,a.jsx)("div",{className:(0,o.cn)("tablet:flex grid grid-cols-3 gap-4","tablet:flex-nowrap tablet:gap-10 desktop:gap-[50px]"),children:n.map((f,m)=>(0,a.jsx)("div",{children:(0,a.jsx)(C,{stat:f,theme:p,isLast:m===n.length-1})},`stat-${m}`))})]})})});b.displayName="CompanyStatsBanner";var S=b;
+//# sourceMappingURL=index.js.map

package/dist/cjs/biz-components/HeaderNavigation/CompanyStatsBanner/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/biz-components/HeaderNavigation/CompanyStatsBanner/index.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport { Text, Picture } from '../../../components/index.js'\nimport { cn } from '../../../helpers/index.js'\nimport type { CompanyStatsBannerProps, StatItem } from './types.js'\n\n/**\n * \u7EDF\u8BA1\u9879\u7EC4\u4EF6\n */\nconst StatItemComp = ({ stat, theme, isLast }: { stat: StatItem; theme?: 'light' | 'dark'; isLast?: boolean }) => {\n  return (\n    <div\n      className={cn(\n        \"tablet:after:hidden relative flex flex-col gap-1 after:absolute after:bottom-1 after:right-0 after:h-[calc(100%-8px)] after:w-px after:bg-[#3A3C40] after:content-['']\",\n        { 'after:hidden': isLast }\n      )}\n    >\n      <Text\n        as=\"div\"\n        html={stat.value}\n        className={cn('desktop:text-[32px] tablet:text-[24px] text-[14px] leading-[1.2]', {\n          'text-white': theme !== 'dark',\n          'text-black': theme === 'dark',\n        })}\n      />\n      <Text\n        as=\"p\"\n        html={stat.label}\n        className={cn('desktop:text-base text-balance text-sm font-bold leading-[1.4] tracking-[-0.28px]', {\n          'text-white': theme !== 'dark',\n          'text-black': theme === 'dark',\n        })}\n      />\n    </div>\n  )\n}\n\n/**\n * \u516C\u53F8\u7EDF\u8BA1\u6A2A\u5E45\u7EC4\u4EF6\n * \u7528\u4E8E\u5C55\u793A\u516C\u53F8 Logo\u3001\u6807\u8BED\u548C\u5173\u952E\u7EDF\u8BA1\u6570\u636E\n */\nconst CompanyStatsBanner = React.forwardRef<HTMLDivElement, CompanyStatsBannerProps>(({ data, className }, ref) => {\n  const { logo, tagline, stats = [], theme = 'dark' } = data\n\n  return (\n    <div\n      ref={ref}\n      data-ui-component-id=\"CompanyStatsBanner\"\n      className={cn(\n        'desktop:h-[200px] lg-desktop:h-[240px] relative flex w-full items-center justify-between overflow-hidden',\n        'p-4',\n        'tablet:p-6',\n        'desktop:px-16 desktop:py-8',\n        'lg-desktop:px-32',\n        {\n          'bg-black': theme !== 'dark',\n          'bg-white': theme === 'dark',\n        },\n        className\n      )}\n    >\n      {/* \u5185\u5BB9\u533A\u57DF */}\n      <div\n        className={cn(\n          'relative z-10 flex w-full flex-col gap-4',\n          'desktop:flex-row desktop:items-center desktop:justify-between'\n        )}\n      >\n        {/* \u5DE6\u4FA7: Logo + \u5206\u9694\u7EBF + \u6807\u8BED */}\n        <div className=\"tablet:flex-row tablet:gap-4 flex shrink-0 flex-col items-start gap-2\">\n          {logo?.url && (\n            <Picture\n              source={logo.url}\n              alt={logo.alt || 'Company Logo'}\n              className=\"tablet:h-10 h-9 w-auto\"\n              imgClassName=\"h-full w-auto object-contain\"\n            />\n          )}\n          {logo?.url && tagline && (\n            <div\n              className={cn('tablet:block tablet:h-10 hidden h-8 w-px', {\n                'bg-white': theme !== 'dark',\n                'bg-black': theme === 'dark',\n              })}\n            />\n          )}\n          {tagline && (\n            <Text\n              as=\"p\"\n              html={tagline}\n              className={cn('text-sm font-bold leading-[1.4]', 'tablet:max-w-[320px] tablet:text-base', {\n                'text-white': theme !== 'dark',\n                'text-black': theme === 'dark',\n              })}\n            />\n          )}\n        </div>\n\n        {/* \u53F3\u4FA7: \u7EDF\u8BA1\u6570\u636E */}\n        {stats.length > 0 && (\n          <div\n            className={cn('tablet:flex grid grid-cols-3 gap-4', 'tablet:flex-nowrap tablet:gap-10 desktop:gap-[50px]')}\n          >\n            {stats.map((stat, index) => (\n              <div key={`stat-${index}`}>\n                <StatItemComp stat={stat} theme={theme} isLast={index === stats.length - 1} />\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n    </div>\n  )\n})\n\nCompanyStatsBanner.displayName = 'CompanyStatsBanner'\n\nexport default CompanyStatsBanner\nexport type { CompanyStatsBannerProps, StatItem }\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAUI,IAAAI,EAAA,6BAVJC,EAAkB,oBAClBC,EAA8B,wCAC9BC,EAAmB,qCAMnB,MAAMC,EAAe,CAAC,CAAE,KAAAC,EAAM,MAAAC,EAAO,OAAAC,CAAO,OAExC,QAAC,OACC,aAAW,MACT,yKACA,CAAE,eAAgBA,CAAO,CAC3B,EAEA,oBAAC,QACC,GAAG,MACH,KAAMF,EAAK,MACX,aAAW,MAAG,mEAAoE,CAChF,aAAcC,IAAU,OACxB,aAAcA,IAAU,MAC1B,CAAC,EACH,KACA,OAAC,QACC,GAAG,IACH,KAAMD,EAAK,MACX,aAAW,MAAG,oFAAqF,CACjG,aAAcC,IAAU,OACxB,aAAcA,IAAU,MAC1B,CAAC,EACH,GACF,EAQEE,EAAqB,EAAAC,QAAM,WAAoD,CAAC,CAAE,KAAAC,EAAM,UAAAC,CAAU,EAAGC,IAAQ,CACjH,KAAM,CAAE,KAAAC,EAAM,QAAAC,EAAS,MAAAC,EAAQ,CAAC,EAAG,MAAAT,EAAQ,MAAO,EAAII,EAEtD,SACE,OAAC,OACC,IAAKE,EACL,uBAAqB,qBACrB,aAAW,MACT,2GACA,MACA,aACA,6BACA,mBACA,CACE,WAAYN,IAAU,OACtB,WAAYA,IAAU,MACxB,EACAK,CACF,EAGA,oBAAC,OACC,aAAW,MACT,2CACA,+DACF,EAGA,qBAAC,OAAI,UAAU,wEACZ,UAAAE,GAAM,QACL,OAAC,WACC,OAAQA,EAAK,IACb,IAAKA,EAAK,KAAO,eACjB,UAAU,yBACV,aAAa,+BACf,EAEDA,GAAM,KAAOC,MACZ,OAAC,OACC,aAAW,MAAG,2CAA4C,CACxD,WAAYR,IAAU,OACtB,WAAYA,IAAU,MACxB,CAAC,EACH,EAEDQ,MACC,OAAC,QACC,GAAG,IACH,KAAMA,EACN,aAAW,MAAG,kCAAmC,wCAAyC,CACxF,aAAcR,IAAU,OACxB,aAAcA,IAAU,MAC1B,CAAC,EACH,GAEJ,EAGCS,EAAM,OAAS,MACd,OAAC,OACC,aAAW,MAAG,qCAAsC,qDAAqD,EAExG,SAAAA,EAAM,IAAI,CAACV,EAAMW,OAChB,OAAC,OACC,mBAACZ,EAAA,CAAa,KAAMC,EAAM,MAAOC,EAAO,OAAQU,IAAUD,EAAM,OAAS,EAAG,GADpE,QAAQC,CAAK,EAEvB,CACD,EACH,GAEJ,EACF,CAEJ,CAAC,EAEDR,EAAmB,YAAc,qBAEjC,IAAOV,EAAQU",
+  "names": ["CompanyStatsBanner_exports", "__export", "CompanyStatsBanner_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_helpers", "StatItemComp", "stat", "theme", "isLast", "CompanyStatsBanner", "React", "data", "className", "ref", "logo", "tagline", "stats", "index"]
+}

package/dist/cjs/biz-components/HeaderNavigation/CompanyStatsBanner/types.d.ts

@@ -0,0 +1,27 @@
+import type { Media, Theme } from '../../../types/props.js';
+/**
+ * 统计项
+ */
+export interface StatItem {
+    /** 统计数值 (如: "146+", "47.75%", "5,000+") */
+    value: string;
+    /** 统计标签 (如: "Countries and Regions") */
+    label: string;
+}
+/**
+ * CompanyStatsBanner 组件属性
+ */
+export interface CompanyStatsBannerProps {
+    data: {
+        /** Logo 图片 */
+        logo?: Media;
+        /** 公司标语 */
+        tagline?: string;
+        /** 统计数据列表 */
+        stats?: StatItem[];
+        /** 主题 (light: 白色文字, dark: 黑色文字) */
+        theme?: Theme;
+    };
+    /** 自定义类名 */
+    className?: string;
+}

package/dist/cjs/biz-components/HeaderNavigation/CompanyStatsBanner/types.js

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

package/dist/cjs/biz-components/HeaderNavigation/CompanyStatsBanner/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/biz-components/HeaderNavigation/CompanyStatsBanner/types.ts"],
+  "sourcesContent": ["import type { Media, Theme } from '../../../types/props.js'\n\n/**\n * \u7EDF\u8BA1\u9879\n */\nexport interface StatItem {\n  /** \u7EDF\u8BA1\u6570\u503C (\u5982: \"146+\", \"47.75%\", \"5,000+\") */\n  value: string\n  /** \u7EDF\u8BA1\u6807\u7B7E (\u5982: \"Countries and Regions\") */\n  label: string\n}\n\n/**\n * CompanyStatsBanner \u7EC4\u4EF6\u5C5E\u6027\n */\nexport interface CompanyStatsBannerProps {\n  data: {\n    /** Logo \u56FE\u7247 */\n    logo?: Media\n    /** \u516C\u53F8\u6807\u8BED */\n    tagline?: string\n    /** \u7EDF\u8BA1\u6570\u636E\u5217\u8868 */\n    stats?: StatItem[]\n    /** \u4E3B\u9898 (light: \u767D\u8272\u6587\u5B57, dark: \u9ED1\u8272\u6587\u5B57) */\n    theme?: Theme\n  }\n  /** \u81EA\u5B9A\u4E49\u7C7B\u540D */\n  className?: string\n}\n"],
+  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
+  "names": ["types_exports", "__toCommonJS"]
+}

package/dist/cjs/biz-components/HeaderNavigation/MobileMulticolMenu.d.ts

@@ -2,6 +2,8 @@
  * 移动端multicol菜单
  * @param multicolMetadata multicol菜单元数据
  */
-export declare const MobileMulticolMenu: ({ multicolMetadata }: {
+export declare const MobileMulticolMenu: ({ multicolMetadata, showStatsBanner, statsBannerData, }: {
     multicolMetadata: any;
+    showStatsBanner: boolean;
+    statsBannerData: any;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/biz-components/HeaderNavigation/MobileMulticolMenu.js

@@ -1,2 +1,2 @@
-"use strict";var r=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var s=(t,l)=>{for(var e in l)r(t,e,{get:l[e],enumerable:!0})},g=(t,l,e,a)=>{if(l&&typeof l=="object"||typeof l=="function")for(let o of b(l))!u.call(t,o)&&o!==e&&r(t,o,{get:()=>l[o],enumerable:!(a=n(l,o))||a.enumerable});return t};var d=t=>g(r({},"__esModule",{value:!0}),t);var y={};s(y,{MobileMulticolMenu:()=>f});module.exports=d(y);var p=require("react/jsx-runtime"),i=require("react"),m=require("../../helpers/utils.js"),c=require("./MulticolDropdown.js");const f=({multicolMetadata:t})=>{const l=(0,i.useMemo)(()=>!t?.some(e=>!!e.columns),[t]);return(0,p.jsx)("div",{className:(0,m.cn)("tablet:py-4 tablet:px-8 laptop:px-16 tablet:gap-6 flex flex-col gap-4 p-4",{"tablet:grid tablet:grid-cols-2 tablet:gap-3 laptop:gap-4":l}),children:t?.map((e,a)=>(0,p.jsx)("div",{children:(0,p.jsx)(c.MulticolItem,{item:e,allPicture:l})},`multicolItem-${e?.label}-${a}`))})};
+"use strict";var u=Object.create;var p=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty;var x=(a,t)=>{for(var l in t)p(a,l,{get:t[l],enumerable:!0})},r=(a,t,l,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of f(t))!v.call(a,e)&&e!==l&&p(a,e,{get:()=>t[e],enumerable:!(n=d(t,e))||n.enumerable});return a};var y=(a,t,l)=>(l=a!=null?u(g(a)):{},r(t||!a||!a.__esModule?p(l,"default",{value:a,enumerable:!0}):l,a)),M=a=>r(p({},"__esModule",{value:!0}),a);var I={};x(I,{MobileMulticolMenu:()=>B});module.exports=M(I);var o=require("react/jsx-runtime"),m=require("react"),i=require("../../helpers/utils.js"),s=require("./MulticolDropdown.js"),c=y(require("./CompanyStatsBanner/index.js"));const B=({multicolMetadata:a,showStatsBanner:t,statsBannerData:l})=>{const n=(0,m.useMemo)(()=>!a?.some(e=>!!e.columns),[a]);return(0,o.jsxs)("div",{className:"tablet:px-8 laptop:px-16 tablet:gap-6 flex flex-col gap-3 p-4",children:[t&&(0,o.jsx)(c.default,{data:l}),(0,o.jsx)("div",{className:(0,i.cn)(" flex flex-col gap-4",{"tablet:grid tablet:grid-cols-2 tablet:gap-3 laptop:gap-4":n}),children:a?.map((e,b)=>(0,o.jsx)("div",{children:(0,o.jsx)(s.MulticolItem,{item:e,allPicture:n})},`multicolItem-${e?.label}-${b}`))})]})};
 //# sourceMappingURL=MobileMulticolMenu.js.map

package/dist/cjs/biz-components/HeaderNavigation/MobileMulticolMenu.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/HeaderNavigation/MobileMulticolMenu.tsx"],
-  "sourcesContent": ["import React, { useMemo } from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport { MulticolItem } from './MulticolDropdown.js'\n\n/**\n * \u79FB\u52A8\u7AEFmulticol\u83DC\u5355\n * @param multicolMetadata multicol\u83DC\u5355\u5143\u6570\u636E\n */\nexport const MobileMulticolMenu = ({ multicolMetadata }: { multicolMetadata: any }) => {\n  // \u662F\u5426\u5168\u90E8\u662F\u56FE\u7247\n  const allPicture = useMemo(() => {\n    return !multicolMetadata?.some((item: any) => !!item.columns)\n  }, [multicolMetadata])\n\n  return (\n    <div\n      className={cn('tablet:py-4 tablet:px-8 laptop:px-16 tablet:gap-6 flex flex-col gap-4 p-4', {\n        ['tablet:grid tablet:grid-cols-2 tablet:gap-3 laptop:gap-4']: allPicture,\n      })}\n    >\n      {multicolMetadata?.map((item: any, index: number) => (\n        <div key={`multicolItem-${item?.label}-${index}`}>\n          <MulticolItem item={item} allPicture={allPicture} />\n        </div>\n      ))}\n    </div>\n  )\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,IAAA,eAAAC,EAAAH,GAsBU,IAAAI,EAAA,6BAtBVC,EAA+B,iBAC/BC,EAAmB,kCACnBC,EAA6B,iCAMtB,MAAML,EAAqB,CAAC,CAAE,iBAAAM,CAAiB,IAAiC,CAErF,MAAMC,KAAa,WAAQ,IAClB,CAACD,GAAkB,KAAME,GAAc,CAAC,CAACA,EAAK,OAAO,EAC3D,CAACF,CAAgB,CAAC,EAErB,SACE,OAAC,OACC,aAAW,MAAG,4EAA6E,CACxF,2DAA6DC,CAChE,CAAC,EAEA,SAAAD,GAAkB,IAAI,CAACE,EAAWC,OACjC,OAAC,OACC,mBAAC,gBAAa,KAAMD,EAAM,WAAYD,EAAY,GAD1C,gBAAgBC,GAAM,KAAK,IAAIC,CAAK,EAE9C,CACD,EACH,CAEJ",
-  "names": ["MobileMulticolMenu_exports", "__export", "MobileMulticolMenu", "__toCommonJS", "import_jsx_runtime", "import_react", "import_utils", "import_MulticolDropdown", "multicolMetadata", "allPicture", "item", "index"]
+  "sourcesContent": ["import React, { useMemo } from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport { MulticolItem } from './MulticolDropdown.js'\nimport CompanyStatsBanner from './CompanyStatsBanner/index.js'\n\n/**\n * \u79FB\u52A8\u7AEFmulticol\u83DC\u5355\n * @param multicolMetadata multicol\u83DC\u5355\u5143\u6570\u636E\n */\nexport const MobileMulticolMenu = ({\n  multicolMetadata,\n  showStatsBanner,\n  statsBannerData,\n}: {\n  multicolMetadata: any\n  showStatsBanner: boolean\n  statsBannerData: any\n}) => {\n  // \u662F\u5426\u5168\u90E8\u662F\u56FE\u7247\n  const allPicture = useMemo(() => {\n    return !multicolMetadata?.some((item: any) => !!item.columns)\n  }, [multicolMetadata])\n\n  return (\n    <div className=\"tablet:px-8 laptop:px-16 tablet:gap-6 flex flex-col gap-3 p-4\">\n      {showStatsBanner && <CompanyStatsBanner data={statsBannerData} />}\n\n      <div\n        className={cn(' flex flex-col gap-4', {\n          ['tablet:grid tablet:grid-cols-2 tablet:gap-3 laptop:gap-4']: allPicture,\n        })}\n      >\n        {multicolMetadata?.map((item: any, index: number) => (\n          <div key={`multicolItem-${item?.label}-${index}`}>\n            <MulticolItem item={item} allPicture={allPicture} />\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,IAAA,eAAAC,EAAAH,GAwBI,IAAAI,EAAA,6BAxBJC,EAA+B,iBAC/BC,EAAmB,kCACnBC,EAA6B,iCAC7BC,EAA+B,4CAMxB,MAAMN,EAAqB,CAAC,CACjC,iBAAAO,EACA,gBAAAC,EACA,gBAAAC,CACF,IAIM,CAEJ,MAAMC,KAAa,WAAQ,IAClB,CAACH,GAAkB,KAAMI,GAAc,CAAC,CAACA,EAAK,OAAO,EAC3D,CAACJ,CAAgB,CAAC,EAErB,SACE,QAAC,OAAI,UAAU,gEACZ,UAAAC,MAAmB,OAAC,EAAAI,QAAA,CAAmB,KAAMH,EAAiB,KAE/D,OAAC,OACC,aAAW,MAAG,uBAAwB,CACnC,2DAA6DC,CAChE,CAAC,EAEA,SAAAH,GAAkB,IAAI,CAACI,EAAWE,OACjC,OAAC,OACC,mBAAC,gBAAa,KAAMF,EAAM,WAAYD,EAAY,GAD1C,gBAAgBC,GAAM,KAAK,IAAIE,CAAK,EAE9C,CACD,EACH,GACF,CAEJ",
+  "names": ["MobileMulticolMenu_exports", "__export", "MobileMulticolMenu", "__toCommonJS", "import_jsx_runtime", "import_react", "import_utils", "import_MulticolDropdown", "import_CompanyStatsBanner", "multicolMetadata", "showStatsBanner", "statsBannerData", "allPicture", "item", "CompanyStatsBanner", "index"]
 }

package/dist/cjs/biz-components/HeaderNavigation/MulticolDropdown.d.ts

@@ -2,8 +2,10 @@
  * 多列下拉
  * @param categoriesItem 分类项
  */
-export declare const MulticolDropdown: ({ multicolMetadata }: {
+export declare const MulticolDropdown: ({ multicolMetadata, showStatsBanner, statsBannerData, }: {
     multicolMetadata: any;
+    showStatsBanner: boolean;
+    statsBannerData: any;
 }) => import("react/jsx-runtime").JSX.Element;
 /**
  * 多列下拉项

package/dist/cjs/biz-components/HeaderNavigation/MulticolDropdown.js

@@ -1,2 +1,2 @@
-"use strict";var d=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var b=(e,t)=>{for(var o in t)d(e,o,{get:t[o],enumerable:!0})},f=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of c(t))!u.call(e,n)&&n!==o&&d(e,n,{get:()=>t[n],enumerable:!(s=m(t,n))||s.enumerable});return e};var h=e=>f(d({},"__esModule",{value:!0}),e);var g={};b(g,{MulticolDropdown:()=>v,MulticolItem:()=>p});module.exports=h(g);var l=require("react/jsx-runtime"),i=require("react"),a=require("../../components/index.js"),r=require("../../helpers/utils.js"),x=require("../AiuiProvider/index.js");const v=({multicolMetadata:e})=>{const t=(0,i.useRef)(null);return(0,l.jsx)("div",{ref:t,children:(0,l.jsx)(a.Container,{childClassName:"bg-white",className:"h-full",children:(0,l.jsx)("div",{className:"flex gap-4 py-4",children:e?.map((o,s)=>(0,l.jsx)("div",{className:"w-1/4",children:(0,l.jsx)(p,{item:o})},`multicolItem-${o?.label}-${s}`))})})})},p=({item:e,allPicture:t})=>{const{locale:o="us"}=(0,x.useAiuiContext)();return(0,l.jsxs)(l.Fragment,{children:[e?.columns&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(a.Text,{html:e.label,as:"div",className:"my-2 text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),(0,l.jsx)("div",{className:"mt-2 flex flex-col",children:e.columns?.map(s=>(0,l.jsxs)("div",{className:"flex items-center gap-1 py-2",children:[(0,l.jsx)(a.Link,{href:`${(0,r.getLocalizedPath)(s.url,o)}?ref=navMenu`,asChild:!s.url,className:"text-sm font-bold leading-[1.4] no-underline",children:s.label}),s?.badge&&(0,l.jsx)(a.Text,{as:"p",html:s?.badge||"badge",className:"text-brand-0 h-[24px] rounded-full border-[1.6px] border-[var(--brand-color-0)] px-[6px] text-sm font-bold !leading-[22px]"})]},s.label))})]}),e?.imageUrl&&(0,l.jsx)("div",{className:(0,r.cn)("laptop:h-[280px] desktop:h-[224px] lg-desktop:h-[280px] tablet:max-w-[346px] laptop:max-w-[440px] desktop:w-full relative h-[240px] max-w-[358px] overflow-hidden",{"tablet:max-w-none laptop:max-w-none":t}),children:(0,l.jsxs)(a.Link,{href:`${(0,r.getLocalizedPath)(e.url,o)}?ref=navMenu`,asChild:!e.url,children:[(0,l.jsx)(a.Picture,{source:e.imageUrl,width:404,height:280,className:"size-full",imgClassName:"object-cover h-full hover:scale-105 transition-all duration-300"}),(0,l.jsxs)("div",{className:"absolute bottom-4 left-4 z-10 flex flex-col justify-end no-underline",children:[(0,l.jsx)(a.Text,{html:e.title,className:(0,r.cn)("lg-desktop:text-2xl text-xl font-bold leading-[1.2] text-white",{"text-black":e?.theme==="dark"})}),e.subtitle&&(0,l.jsx)(a.Text,{html:e.subtitle,className:(0,r.cn)("text-sm font-bold leading-[1.4] text-white",{"text-black":e?.theme==="dark"})}),e?.primary?.label&&(0,l.jsx)(a.Button,{as:"a",href:(0,r.getLocalizedPath)(e?.primary?.url,o),variant:"link",size:"lg",className:(0,r.cn)("mr-auto !p-0 text-sm font-bold leading-[1.4] text-white",{"text-black":e?.theme==="dark"}),children:e?.primary?.label||"more"})]})]})})]})};
+"use strict";var u=Object.create;var i=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var N=(a,l)=>{for(var t in l)i(a,t,{get:l[t],enumerable:!0})},d=(a,l,t,s)=>{if(l&&typeof l=="object"||typeof l=="function")for(let r of h(l))!g.call(a,r)&&r!==t&&i(a,r,{get:()=>l[r],enumerable:!(s=b(l,r))||s.enumerable});return a};var w=(a,l,t)=>(t=a!=null?u(v(a)):{},d(l||!a||!a.__esModule?i(t,"default",{value:a,enumerable:!0}):t,a)),k=a=>d(i({},"__esModule",{value:!0}),a);var C={};N(C,{MulticolDropdown:()=>y,MulticolItem:()=>c});module.exports=k(C);var e=require("react/jsx-runtime"),p=require("react"),o=require("../../components/index.js"),x=w(require("./CompanyStatsBanner/index.js")),n=require("../../helpers/utils.js"),m=require("../AiuiProvider/index.js");const y=({multicolMetadata:a,showStatsBanner:l,statsBannerData:t})=>{const s=(0,p.useRef)(null);return(0,e.jsx)("div",{ref:s,className:"bg-white py-4",children:(0,e.jsx)(o.Container,{childClassName:"bg-white",className:"h-full",children:(0,e.jsxs)("div",{className:"laptop:gap-4 flex flex-col gap-3",children:[l&&(0,e.jsx)(x.default,{data:t}),(0,e.jsx)("div",{className:"flex gap-4",children:a?.map((r,f)=>(0,e.jsx)("div",{className:"w-1/4",children:(0,e.jsx)(c,{item:r})},`multicolItem-${r?.label}-${f}`))})]})})})},c=({item:a,allPicture:l})=>{const{locale:t="us"}=(0,m.useAiuiContext)();return(0,e.jsxs)(e.Fragment,{children:[a?.columns&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(o.Text,{html:a.label,as:"div",className:"my-2 text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),(0,e.jsx)("div",{className:"mt-2 flex flex-col",children:a.columns?.map(s=>(0,e.jsxs)("div",{className:"flex items-center gap-1 py-2",children:[(0,e.jsx)(o.Link,{href:`${(0,n.getLocalizedPath)(s.url,t)}?ref=navMenu`,asChild:!s.url,className:"text-sm font-bold leading-[1.4] no-underline",children:s.label}),s?.badge&&(0,e.jsx)(o.Text,{as:"p",html:s?.badge||"badge",className:"text-brand-0 h-[24px] rounded-full border-[1.6px] border-[var(--brand-color-0)] px-[6px] text-sm font-bold !leading-[22px]"})]},s.label))})]}),a?.imageUrl&&(0,e.jsx)("div",{className:(0,n.cn)("laptop:h-[280px] desktop:h-[224px] lg-desktop:h-[280px] tablet:max-w-[346px] laptop:max-w-[440px] desktop:w-full relative h-[240px] max-w-[358px] overflow-hidden",{"tablet:max-w-none laptop:max-w-none":l}),children:(0,e.jsxs)(o.Link,{href:`${(0,n.getLocalizedPath)(a.url,t)}?ref=navMenu`,asChild:!a.url,children:[(0,e.jsx)(o.Picture,{source:a.imageUrl,width:404,height:280,className:"size-full",imgClassName:"object-cover h-full hover:scale-105 transition-all duration-300"}),(0,e.jsxs)("div",{className:"absolute bottom-4 left-4 z-10 flex flex-col justify-end no-underline",children:[(0,e.jsx)(o.Text,{html:a.title,className:(0,n.cn)("lg-desktop:text-2xl text-xl font-bold leading-[1.2] text-white",{"text-black":a?.theme==="dark"})}),a.subtitle&&(0,e.jsx)(o.Text,{html:a.subtitle,className:(0,n.cn)("text-sm font-bold leading-[1.4] text-white",{"text-black":a?.theme==="dark"})}),a?.primary?.label&&(0,e.jsx)(o.Button,{as:"a",href:(0,n.getLocalizedPath)(a?.primary?.url,t),variant:"link",size:"lg",className:(0,n.cn)("mr-auto !p-0 text-sm font-bold leading-[1.4] text-white",{"text-black":a?.theme==="dark"}),children:a?.primary?.label||"more"})]})]})})]})};
 //# sourceMappingURL=MulticolDropdown.js.map

package/dist/cjs/biz-components/HeaderNavigation/MulticolDropdown.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/HeaderNavigation/MulticolDropdown.tsx"],
-  "sourcesContent": ["import React, { useRef } from 'react'\nimport { Container, Text, Link, Picture, Button } from '../../components/index.js'\nimport { cn, getLocalizedPath } from '../../helpers/utils.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\n\n/**\n * \u591A\u5217\u4E0B\u62C9\n * @param categoriesItem \u5206\u7C7B\u9879\n */\nexport const MulticolDropdown = ({ multicolMetadata }: { multicolMetadata: any }) => {\n  const multicolDropdownRef = useRef<HTMLDivElement>(null)\n\n  return (\n    <div ref={multicolDropdownRef}>\n      <Container childClassName=\"bg-white\" className=\"h-full\">\n        <div className=\"flex gap-4 py-4\">\n          {multicolMetadata?.map((item: any, index: number) => (\n            <div key={`multicolItem-${item?.label}-${index}`} className=\"w-1/4\">\n              <MulticolItem item={item} />\n            </div>\n          ))}\n        </div>\n      </Container>\n    </div>\n  )\n}\n\n/**\n * \u591A\u5217\u4E0B\u62C9\u9879\n * @param item \u591A\u5217\u4E0B\u62C9\u9879\n */\nexport const MulticolItem = ({ item, allPicture }: { item: any; allPicture?: boolean }) => {\n  const { locale = 'us' } = useAiuiContext()\n  return (\n    <>\n      {item?.columns && (\n        <>\n          <Text html={item.label} as=\"div\" className=\"my-2 text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n          <div className=\"mt-2 flex flex-col\">\n            {item.columns?.map((columnItem: any) => (\n              <div key={columnItem.label} className=\"flex items-center gap-1 py-2\">\n                <Link\n                  href={`${getLocalizedPath(columnItem.url, locale)}?ref=navMenu`}\n                  asChild={!columnItem.url}\n                  className=\"text-sm font-bold leading-[1.4] no-underline\"\n                >\n                  {columnItem.label}\n                </Link>\n                {columnItem?.badge && (\n                  <Text\n                    as=\"p\"\n                    html={columnItem?.badge || 'badge'}\n                    className=\"text-brand-0 h-[24px] rounded-full border-[1.6px] border-[var(--brand-color-0)] px-[6px] text-sm font-bold !leading-[22px]\"\n                  />\n                )}\n              </div>\n            ))}\n          </div>\n        </>\n      )}\n      {item?.imageUrl && (\n        <div\n          className={cn(\n            'laptop:h-[280px] desktop:h-[224px] lg-desktop:h-[280px] tablet:max-w-[346px] laptop:max-w-[440px] desktop:w-full relative h-[240px] max-w-[358px] overflow-hidden',\n            {\n              ['tablet:max-w-none laptop:max-w-none']: allPicture,\n            }\n          )}\n        >\n          <Link href={`${getLocalizedPath(item.url, locale)}?ref=navMenu`} asChild={!item.url}>\n            <Picture\n              source={item.imageUrl}\n              width={404}\n              height={280}\n              className=\"size-full\"\n              imgClassName=\"object-cover h-full hover:scale-105 transition-all duration-300\"\n            />\n            <div className=\"absolute bottom-4 left-4 z-10 flex flex-col justify-end no-underline\">\n              <Text\n                html={item.title}\n                className={cn('lg-desktop:text-2xl text-xl font-bold leading-[1.2] text-white', {\n                  'text-black': item?.theme === 'dark',\n                })}\n              />\n              {item.subtitle && (\n                <Text\n                  html={item.subtitle}\n                  className={cn('text-sm font-bold leading-[1.4] text-white', {\n                    'text-black': item?.theme === 'dark',\n                  })}\n                />\n              )}\n              {item?.primary?.label && (\n                <Button\n                  as=\"a\"\n                  href={getLocalizedPath(item?.primary?.url, locale)}\n                  variant=\"link\"\n                  size=\"lg\"\n                  className={cn('mr-auto !p-0 text-sm font-bold leading-[1.4] text-white', {\n                    'text-black': item?.theme === 'dark',\n                  })}\n                >\n                  {item?.primary?.label || 'more'}\n                </Button>\n              )}\n            </div>\n          </Link>\n        </div>\n      )}\n    </>\n  )\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,sBAAAE,EAAA,iBAAAC,IAAA,eAAAC,EAAAJ,GAkBc,IAAAK,EAAA,6BAlBdC,EAA8B,iBAC9BC,EAAuD,qCACvDC,EAAqC,kCACrCC,EAA+B,oCAMxB,MAAMP,EAAmB,CAAC,CAAE,iBAAAQ,CAAiB,IAAiC,CACnF,MAAMC,KAAsB,UAAuB,IAAI,EAEvD,SACE,OAAC,OAAI,IAAKA,EACR,mBAAC,aAAU,eAAe,WAAW,UAAU,SAC7C,mBAAC,OAAI,UAAU,kBACZ,SAAAD,GAAkB,IAAI,CAACE,EAAWC,OACjC,OAAC,OAAiD,UAAU,QAC1D,mBAACV,EAAA,CAAa,KAAMS,EAAM,GADlB,gBAAgBA,GAAM,KAAK,IAAIC,CAAK,EAE9C,CACD,EACH,EACF,EACF,CAEJ,EAMaV,EAAe,CAAC,CAAE,KAAAS,EAAM,WAAAE,CAAW,IAA2C,CACzF,KAAM,CAAE,OAAAC,EAAS,IAAK,KAAI,kBAAe,EACzC,SACE,oBACG,UAAAH,GAAM,YACL,oBACE,oBAAC,QAAK,KAAMA,EAAK,MAAO,GAAG,MAAM,UAAU,sDAAsD,KACjG,OAAC,OAAI,UAAU,qBACZ,SAAAA,EAAK,SAAS,IAAKI,MAClB,QAAC,OAA2B,UAAU,+BACpC,oBAAC,QACC,KAAM,MAAG,oBAAiBA,EAAW,IAAKD,CAAM,CAAC,eACjD,QAAS,CAACC,EAAW,IACrB,UAAU,+CAET,SAAAA,EAAW,MACd,EACCA,GAAY,UACX,OAAC,QACC,GAAG,IACH,KAAMA,GAAY,OAAS,QAC3B,UAAU,6HACZ,IAbMA,EAAW,KAerB,CACD,EACH,GACF,EAEDJ,GAAM,aACL,OAAC,OACC,aAAW,MACT,oKACA,CACG,sCAAwCE,CAC3C,CACF,EAEA,oBAAC,QAAK,KAAM,MAAG,oBAAiBF,EAAK,IAAKG,CAAM,CAAC,eAAgB,QAAS,CAACH,EAAK,IAC9E,oBAAC,WACC,OAAQA,EAAK,SACb,MAAO,IACP,OAAQ,IACR,UAAU,YACV,aAAa,kEACf,KACA,QAAC,OAAI,UAAU,uEACb,oBAAC,QACC,KAAMA,EAAK,MACX,aAAW,MAAG,iEAAkE,CAC9E,aAAcA,GAAM,QAAU,MAChC,CAAC,EACH,EACCA,EAAK,aACJ,OAAC,QACC,KAAMA,EAAK,SACX,aAAW,MAAG,6CAA8C,CAC1D,aAAcA,GAAM,QAAU,MAChC,CAAC,EACH,EAEDA,GAAM,SAAS,UACd,OAAC,UACC,GAAG,IACH,QAAM,oBAAiBA,GAAM,SAAS,IAAKG,CAAM,EACjD,QAAQ,OACR,KAAK,KACL,aAAW,MAAG,0DAA2D,CACvE,aAAcH,GAAM,QAAU,MAChC,CAAC,EAEA,SAAAA,GAAM,SAAS,OAAS,OAC3B,GAEJ,GACF,EACF,GAEJ,CAEJ",
-  "names": ["MulticolDropdown_exports", "__export", "MulticolDropdown", "MulticolItem", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_utils", "import_AiuiProvider", "multicolMetadata", "multicolDropdownRef", "item", "index", "allPicture", "locale", "columnItem"]
+  "sourcesContent": ["import React, { useRef } from 'react'\nimport { Container, Text, Link, Picture, Button } from '../../components/index.js'\nimport CompanyStatsBanner from './CompanyStatsBanner/index.js'\nimport { cn, getLocalizedPath } from '../../helpers/utils.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\n\n/**\n * \u591A\u5217\u4E0B\u62C9\n * @param categoriesItem \u5206\u7C7B\u9879\n */\nexport const MulticolDropdown = ({\n  multicolMetadata,\n  showStatsBanner,\n  statsBannerData,\n}: {\n  multicolMetadata: any\n  showStatsBanner: boolean\n  statsBannerData: any\n}) => {\n  const multicolDropdownRef = useRef<HTMLDivElement>(null)\n\n  return (\n    <div ref={multicolDropdownRef} className=\"bg-white py-4\">\n      <Container childClassName=\"bg-white\" className=\"h-full\">\n        <div className=\"laptop:gap-4 flex flex-col gap-3\">\n          {showStatsBanner && <CompanyStatsBanner data={statsBannerData} />}\n          <div className=\"flex gap-4\">\n            {multicolMetadata?.map((item: any, index: number) => (\n              <div key={`multicolItem-${item?.label}-${index}`} className=\"w-1/4\">\n                <MulticolItem item={item} />\n              </div>\n            ))}\n          </div>\n        </div>\n      </Container>\n    </div>\n  )\n}\n\n/**\n * \u591A\u5217\u4E0B\u62C9\u9879\n * @param item \u591A\u5217\u4E0B\u62C9\u9879\n */\nexport const MulticolItem = ({ item, allPicture }: { item: any; allPicture?: boolean }) => {\n  const { locale = 'us' } = useAiuiContext()\n  return (\n    <>\n      {item?.columns && (\n        <>\n          <Text html={item.label} as=\"div\" className=\"my-2 text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n          <div className=\"mt-2 flex flex-col\">\n            {item.columns?.map((columnItem: any) => (\n              <div key={columnItem.label} className=\"flex items-center gap-1 py-2\">\n                <Link\n                  href={`${getLocalizedPath(columnItem.url, locale)}?ref=navMenu`}\n                  asChild={!columnItem.url}\n                  className=\"text-sm font-bold leading-[1.4] no-underline\"\n                >\n                  {columnItem.label}\n                </Link>\n                {columnItem?.badge && (\n                  <Text\n                    as=\"p\"\n                    html={columnItem?.badge || 'badge'}\n                    className=\"text-brand-0 h-[24px] rounded-full border-[1.6px] border-[var(--brand-color-0)] px-[6px] text-sm font-bold !leading-[22px]\"\n                  />\n                )}\n              </div>\n            ))}\n          </div>\n        </>\n      )}\n      {item?.imageUrl && (\n        <div\n          className={cn(\n            'laptop:h-[280px] desktop:h-[224px] lg-desktop:h-[280px] tablet:max-w-[346px] laptop:max-w-[440px] desktop:w-full relative h-[240px] max-w-[358px] overflow-hidden',\n            {\n              ['tablet:max-w-none laptop:max-w-none']: allPicture,\n            }\n          )}\n        >\n          <Link href={`${getLocalizedPath(item.url, locale)}?ref=navMenu`} asChild={!item.url}>\n            <Picture\n              source={item.imageUrl}\n              width={404}\n              height={280}\n              className=\"size-full\"\n              imgClassName=\"object-cover h-full hover:scale-105 transition-all duration-300\"\n            />\n            <div className=\"absolute bottom-4 left-4 z-10 flex flex-col justify-end no-underline\">\n              <Text\n                html={item.title}\n                className={cn('lg-desktop:text-2xl text-xl font-bold leading-[1.2] text-white', {\n                  'text-black': item?.theme === 'dark',\n                })}\n              />\n              {item.subtitle && (\n                <Text\n                  html={item.subtitle}\n                  className={cn('text-sm font-bold leading-[1.4] text-white', {\n                    'text-black': item?.theme === 'dark',\n                  })}\n                />\n              )}\n              {item?.primary?.label && (\n                <Button\n                  as=\"a\"\n                  href={getLocalizedPath(item?.primary?.url, locale)}\n                  variant=\"link\"\n                  size=\"lg\"\n                  className={cn('mr-auto !p-0 text-sm font-bold leading-[1.4] text-white', {\n                    'text-black': item?.theme === 'dark',\n                  })}\n                >\n                  {item?.primary?.label || 'more'}\n                </Button>\n              )}\n            </div>\n          </Link>\n        </div>\n      )}\n    </>\n  )\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,sBAAAE,EAAA,iBAAAC,IAAA,eAAAC,EAAAJ,GAwBQ,IAAAK,EAAA,6BAxBRC,EAA8B,iBAC9BC,EAAuD,qCACvDC,EAA+B,4CAC/BC,EAAqC,kCACrCC,EAA+B,oCAMxB,MAAMR,EAAmB,CAAC,CAC/B,iBAAAS,EACA,gBAAAC,EACA,gBAAAC,CACF,IAIM,CACJ,MAAMC,KAAsB,UAAuB,IAAI,EAEvD,SACE,OAAC,OAAI,IAAKA,EAAqB,UAAU,gBACvC,mBAAC,aAAU,eAAe,WAAW,UAAU,SAC7C,oBAAC,OAAI,UAAU,mCACZ,UAAAF,MAAmB,OAAC,EAAAG,QAAA,CAAmB,KAAMF,EAAiB,KAC/D,OAAC,OAAI,UAAU,aACZ,SAAAF,GAAkB,IAAI,CAACK,EAAWC,OACjC,OAAC,OAAiD,UAAU,QAC1D,mBAACd,EAAA,CAAa,KAAMa,EAAM,GADlB,gBAAgBA,GAAM,KAAK,IAAIC,CAAK,EAE9C,CACD,EACH,GACF,EACF,EACF,CAEJ,EAMad,EAAe,CAAC,CAAE,KAAAa,EAAM,WAAAE,CAAW,IAA2C,CACzF,KAAM,CAAE,OAAAC,EAAS,IAAK,KAAI,kBAAe,EACzC,SACE,oBACG,UAAAH,GAAM,YACL,oBACE,oBAAC,QAAK,KAAMA,EAAK,MAAO,GAAG,MAAM,UAAU,sDAAsD,KACjG,OAAC,OAAI,UAAU,qBACZ,SAAAA,EAAK,SAAS,IAAKI,MAClB,QAAC,OAA2B,UAAU,+BACpC,oBAAC,QACC,KAAM,MAAG,oBAAiBA,EAAW,IAAKD,CAAM,CAAC,eACjD,QAAS,CAACC,EAAW,IACrB,UAAU,+CAET,SAAAA,EAAW,MACd,EACCA,GAAY,UACX,OAAC,QACC,GAAG,IACH,KAAMA,GAAY,OAAS,QAC3B,UAAU,6HACZ,IAbMA,EAAW,KAerB,CACD,EACH,GACF,EAEDJ,GAAM,aACL,OAAC,OACC,aAAW,MACT,oKACA,CACG,sCAAwCE,CAC3C,CACF,EAEA,oBAAC,QAAK,KAAM,MAAG,oBAAiBF,EAAK,IAAKG,CAAM,CAAC,eAAgB,QAAS,CAACH,EAAK,IAC9E,oBAAC,WACC,OAAQA,EAAK,SACb,MAAO,IACP,OAAQ,IACR,UAAU,YACV,aAAa,kEACf,KACA,QAAC,OAAI,UAAU,uEACb,oBAAC,QACC,KAAMA,EAAK,MACX,aAAW,MAAG,iEAAkE,CAC9E,aAAcA,GAAM,QAAU,MAChC,CAAC,EACH,EACCA,EAAK,aACJ,OAAC,QACC,KAAMA,EAAK,SACX,aAAW,MAAG,6CAA8C,CAC1D,aAAcA,GAAM,QAAU,MAChC,CAAC,EACH,EAEDA,GAAM,SAAS,UACd,OAAC,UACC,GAAG,IACH,QAAM,oBAAiBA,GAAM,SAAS,IAAKG,CAAM,EACjD,QAAQ,OACR,KAAK,KACL,aAAW,MAAG,0DAA2D,CACvE,aAAcH,GAAM,QAAU,MAChC,CAAC,EAEA,SAAAA,GAAM,SAAS,OAAS,OAC3B,GAEJ,GACF,EACF,GAEJ,CAEJ",
+  "names": ["MulticolDropdown_exports", "__export", "MulticolDropdown", "MulticolItem", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_CompanyStatsBanner", "import_utils", "import_AiuiProvider", "multicolMetadata", "showStatsBanner", "statsBannerData", "multicolDropdownRef", "CompanyStatsBanner", "item", "index", "allPicture", "locale", "columnItem"]
 }

package/dist/cjs/biz-components/HeaderNavigation/withCategory.js

@@ -1,2 +1,2 @@
-"use strict";var i=Object.create;var d=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var M=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var w=(e,r)=>{for(var a in r)d(e,a,{get:r[a],enumerable:!0})},l=(e,r,a,u)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of y(r))!f.call(e,o)&&o!==a&&d(e,o,{get:()=>r[o],enumerable:!(u=p(r,o))||u.enumerable});return e};var h=(e,r,a)=>(a=e!=null?i(M(e)):{},l(r||!e||!e.__esModule?d(a,"default",{value:e,enumerable:!0}):a,e)),P=e=>l(d({},"__esModule",{value:!0}),e);var S={};w(S,{WithGroupCategory:()=>g,WithMulticol:()=>R,WithResource:()=>b,WithSidebar:()=>N,WithSupports:()=>m});module.exports=P(S);var c=require("react/jsx-runtime"),s=h(require("react"));function N(e,r){const a=(0,s.useMemo)(()=>{let t=null;try{t=JSON.parse(r?.components?.[0]?.sidebar?.categoriesMetadata||"{}")}catch(n){console.log("categoriesMetadata Parse error",n)}return t},[r]),u=(0,s.useMemo)(()=>{let t=null;try{t=JSON.parse(r?.components?.[0]?.sidebar?.seriesMetadata||"[]")}catch(n){console.log("seriesMetadata Parse error",n)}return t},[r]),o=s.default.forwardRef((t,n)=>(0,c.jsx)(e,{...t,ref:n,seriesMetadata:u,sidebarCategoriesMetadata:a}));return o.displayName=e.displayName||e.name||"WithSidebarDropdown",o}function m(e,{categoriesItem:r,currentNavItemRef:a}){const u=(0,s.useMemo)(()=>r?.components?.[0]?.supports,[r]),o=s.default.forwardRef((t,n)=>(0,c.jsx)(e,{...t,supportsMetadata:u,currentNavItemRef:a,ref:n}));return o.displayName=e.displayName||e.name||"WithSupportsDropdown",o}function R(e,r){const a=(0,s.useMemo)(()=>{try{return JSON.parse(r?.components?.[0]?.multicol?.multicolMetadata||"{}")}catch(o){console.log("multicolMetadata Parse error",o)}return null},[r]),u=s.default.forwardRef((o,t)=>(0,c.jsx)(e,{...o,ref:t,multicolMetadata:a}));return u.displayName=e.displayName||e.name||"WithMulticolDropdown",u}function b(e,r){const a=(0,s.useMemo)(()=>{let t=null;try{t=JSON.parse(r?.components?.[0]?.resource?.categoriesMetadata||"{}")}catch(n){console.log("resourceCategoriesMetadata Parse error",n)}return t},[r]),u=(0,s.useMemo)(()=>{let t=null;try{t=JSON.parse(r?.components?.[0]?.resource?.resourceMetadata||"[]")}catch(n){console.log("resourcesMetadata Parse error",n)}return t},[r]),o=s.default.forwardRef((t,n)=>(0,c.jsx)(e,{...t,ref:n,resourcesMetadata:u,resourceCategoriesMetadata:a}));return o.displayName=e.displayName||e.name||"WithResourceDropdown",o}function g(e){return e?Object.values(e?.reduce((r,a)=>(r[a.group]||(r[a.group]=[]),r[a.group].push(a),r),{})):[[]]}
+"use strict";var p=Object.create;var d=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var h=(a,e)=>{for(var r in e)d(a,r,{get:e[r],enumerable:!0})},l=(a,e,r,u)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of M(e))!w.call(a,n)&&n!==r&&d(a,n,{get:()=>e[n],enumerable:!(u=y(e,n))||u.enumerable});return a};var P=(a,e,r)=>(r=a!=null?p(f(a)):{},l(e||!a||!a.__esModule?d(r,"default",{value:a,enumerable:!0}):r,a)),N=a=>l(d({},"__esModule",{value:!0}),a);var g={};h(g,{WithGroupCategory:()=>D,WithMulticol:()=>S,WithResource:()=>b,WithSidebar:()=>m,WithSupports:()=>R});module.exports=N(g);var c=require("react/jsx-runtime"),s=P(require("react"));function m(a,e){const r=(0,s.useMemo)(()=>{let t=null;try{t=JSON.parse(e?.components?.[0]?.sidebar?.categoriesMetadata||"{}")}catch(o){console.log("categoriesMetadata Parse error",o)}return t},[e]),u=(0,s.useMemo)(()=>{let t=null;try{t=JSON.parse(e?.components?.[0]?.sidebar?.seriesMetadata||"[]")}catch(o){console.log("seriesMetadata Parse error",o)}return t},[e]),n=s.default.forwardRef((t,o)=>(0,c.jsx)(a,{...t,ref:o,seriesMetadata:u,sidebarCategoriesMetadata:r}));return n.displayName=a.displayName||a.name||"WithSidebarDropdown",n}function R(a,{categoriesItem:e,currentNavItemRef:r}){const u=(0,s.useMemo)(()=>e?.components?.[0]?.supports,[e]),n=s.default.forwardRef((t,o)=>(0,c.jsx)(a,{...t,supportsMetadata:u,currentNavItemRef:r,ref:o}));return n.displayName=a.displayName||a.name||"WithSupportsDropdown",n}function S(a,e){const r=e?.components?.[0]?.showStatsBanner,u=e?.components?.[0]?.statsBanner?.[0],n=(0,s.useMemo)(()=>{try{return JSON.parse(e?.components?.[0]?.multicol?.multicolMetadata||"{}")}catch(o){console.log("multicolMetadata Parse error",o)}return null},[e]),t=s.default.forwardRef((o,i)=>(0,c.jsx)(a,{...o,ref:i,multicolMetadata:n,showStatsBanner:r,statsBannerData:u}));return t.displayName=a.displayName||a.name||"WithMulticolDropdown",t}function b(a,e){const r=(0,s.useMemo)(()=>{let t=null;try{t=JSON.parse(e?.components?.[0]?.resource?.categoriesMetadata||"{}")}catch(o){console.log("resourceCategoriesMetadata Parse error",o)}return t},[e]),u=(0,s.useMemo)(()=>{let t=null;try{t=JSON.parse(e?.components?.[0]?.resource?.resourceMetadata||"[]")}catch(o){console.log("resourcesMetadata Parse error",o)}return t},[e]),n=s.default.forwardRef((t,o)=>(0,c.jsx)(a,{...t,ref:o,resourcesMetadata:u,resourceCategoriesMetadata:r}));return n.displayName=a.displayName||a.name||"WithResourceDropdown",n}function D(a){return a?Object.values(a?.reduce((e,r)=>(e[r.group]||(e[r.group]=[]),e[r.group].push(r),e),{})):[[]]}
 //# sourceMappingURL=withCategory.js.map

package/dist/cjs/biz-components/HeaderNavigation/withCategory.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/HeaderNavigation/withCategory.tsx"],
-  "sourcesContent": ["import React, { useMemo } from 'react'\n\nexport function WithSidebar<P extends object>(WrappedComponent: React.ComponentType<any>, categoriesItem: any) {\n  // \u4FA7\u8FB9\u680F\u5206\u7C7B\u5143\u6570\u636E\n  const sidebarCategoriesMetadata = useMemo(() => {\n    let categoriesMetadata = null\n    try {\n      categoriesMetadata = JSON.parse(categoriesItem?.components?.[0]?.sidebar?.categoriesMetadata || '{}')\n    } catch (error) {\n      console.log('categoriesMetadata Parse error', error)\n    }\n    return categoriesMetadata\n  }, [categoriesItem])\n\n  // \u4FA7\u8FB9\u680F\u7CFB\u5217\u5143\u6570\u636E\n  const seriesMetadata = useMemo(() => {\n    let seriesMetadata = null\n    try {\n      seriesMetadata = JSON.parse(categoriesItem?.components?.[0]?.sidebar?.seriesMetadata || '[]')\n    } catch (error) {\n      console.log('seriesMetadata Parse error', error)\n    }\n    return seriesMetadata\n  }, [categoriesItem])\n\n  const withSidebarDropdown = React.forwardRef<any, P>((props, ref) => {\n    return (\n      <WrappedComponent\n        {...(props as unknown as P)}\n        ref={ref}\n        seriesMetadata={seriesMetadata}\n        sidebarCategoriesMetadata={sidebarCategoriesMetadata}\n      />\n    )\n  })\n\n  withSidebarDropdown.displayName = WrappedComponent.displayName || WrappedComponent.name || 'WithSidebarDropdown'\n  return withSidebarDropdown\n}\n\nexport function WithSupports<P extends object>(\n  WrappedComponent: React.ComponentType<any>,\n  { categoriesItem, currentNavItemRef }: { categoriesItem: any; currentNavItemRef?: any; onMouseLeave?: () => void }\n) {\n  const supportsMetadata = useMemo(() => {\n    return categoriesItem?.components?.[0]?.supports\n  }, [categoriesItem])\n\n  const supportsDropdown = React.forwardRef<any, P>((props, ref) => {\n    return (\n      <WrappedComponent\n        {...(props as unknown as P)}\n        supportsMetadata={supportsMetadata}\n        currentNavItemRef={currentNavItemRef}\n        ref={ref}\n      />\n    )\n  })\n\n  supportsDropdown.displayName = WrappedComponent.displayName || WrappedComponent.name || 'WithSupportsDropdown'\n  return supportsDropdown\n}\n\nexport function WithMulticol<P extends object>(WrappedComponent: React.ComponentType<any>, categoriesItem: any) {\n  const multicolMetadata = useMemo(() => {\n    try {\n      return JSON.parse(categoriesItem?.components?.[0]?.multicol?.multicolMetadata || '{}')\n    } catch (error) {\n      console.log('multicolMetadata Parse error', error)\n    }\n    return null\n  }, [categoriesItem])\n  const multicolDropdown = React.forwardRef<any, P>((props, ref) => {\n    return <WrappedComponent {...(props as unknown as P)} ref={ref} multicolMetadata={multicolMetadata} />\n  })\n\n  multicolDropdown.displayName = WrappedComponent.displayName || WrappedComponent.name || 'WithMulticolDropdown'\n  return multicolDropdown\n}\n\nexport function WithResource<P extends object>(WrappedComponent: React.ComponentType<any>, categoriesItem: any) {\n  // \u8D44\u6E90\u4F4D\u5206\u7C7B\u5143\u6570\u636E\n  const resourceCategoriesMetadata = useMemo(() => {\n    let categoriesMetadata = null\n    try {\n      categoriesMetadata = JSON.parse(categoriesItem?.components?.[0]?.resource?.categoriesMetadata || '{}')\n    } catch (error) {\n      console.log('resourceCategoriesMetadata Parse error', error)\n    }\n    return categoriesMetadata\n  }, [categoriesItem])\n\n  // \u8D44\u6E90\u4F4D\u5143\u6570\u636E\n  const resourcesMetadata = useMemo(() => {\n    let resourcesMetadata = null\n    try {\n      resourcesMetadata = JSON.parse(categoriesItem?.components?.[0]?.resource?.resourceMetadata || '[]')\n    } catch (error) {\n      console.log('resourcesMetadata Parse error', error)\n    }\n    return resourcesMetadata\n  }, [categoriesItem])\n\n  const withResourceDropdown = React.forwardRef<any, P>((props, ref) => {\n    return (\n      <WrappedComponent\n        {...(props as unknown as P)}\n        ref={ref}\n        resourcesMetadata={resourcesMetadata}\n        resourceCategoriesMetadata={resourceCategoriesMetadata}\n      />\n    )\n  })\n\n  withResourceDropdown.displayName = WrappedComponent.displayName || WrappedComponent.name || 'WithResourceDropdown'\n  return withResourceDropdown\n}\n\nexport function WithGroupCategory(categories: any) {\n  if (!categories) return [[]]\n  return Object.values(\n    categories?.reduce((acc: any, item: any) => {\n      if (!acc[item.group]) {\n        acc[item.group] = []\n      }\n      acc[item.group].push(item)\n      return acc\n    }, {})\n  )\n}\n"],
-  "mappings": "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",
-  "names": ["withCategory_exports", "__export", "WithGroupCategory", "WithMulticol", "WithResource", "WithSidebar", "WithSupports", "__toCommonJS", "import_jsx_runtime", "import_react", "WrappedComponent", "categoriesItem", "sidebarCategoriesMetadata", "categoriesMetadata", "error", "seriesMetadata", "withSidebarDropdown", "React", "props", "ref", "currentNavItemRef", "supportsMetadata", "supportsDropdown", "multicolMetadata", "multicolDropdown", "resourceCategoriesMetadata", "resourcesMetadata", "withResourceDropdown", "categories", "acc", "item"]
+  "sourcesContent": ["import React, { useMemo } from 'react'\n\nexport function WithSidebar<P extends object>(WrappedComponent: React.ComponentType<any>, categoriesItem: any) {\n  // \u4FA7\u8FB9\u680F\u5206\u7C7B\u5143\u6570\u636E\n  const sidebarCategoriesMetadata = useMemo(() => {\n    let categoriesMetadata = null\n    try {\n      categoriesMetadata = JSON.parse(categoriesItem?.components?.[0]?.sidebar?.categoriesMetadata || '{}')\n    } catch (error) {\n      console.log('categoriesMetadata Parse error', error)\n    }\n    return categoriesMetadata\n  }, [categoriesItem])\n\n  // \u4FA7\u8FB9\u680F\u7CFB\u5217\u5143\u6570\u636E\n  const seriesMetadata = useMemo(() => {\n    let seriesMetadata = null\n    try {\n      seriesMetadata = JSON.parse(categoriesItem?.components?.[0]?.sidebar?.seriesMetadata || '[]')\n    } catch (error) {\n      console.log('seriesMetadata Parse error', error)\n    }\n    return seriesMetadata\n  }, [categoriesItem])\n\n  const withSidebarDropdown = React.forwardRef<any, P>((props, ref) => {\n    return (\n      <WrappedComponent\n        {...(props as unknown as P)}\n        ref={ref}\n        seriesMetadata={seriesMetadata}\n        sidebarCategoriesMetadata={sidebarCategoriesMetadata}\n      />\n    )\n  })\n\n  withSidebarDropdown.displayName = WrappedComponent.displayName || WrappedComponent.name || 'WithSidebarDropdown'\n  return withSidebarDropdown\n}\n\nexport function WithSupports<P extends object>(\n  WrappedComponent: React.ComponentType<any>,\n  { categoriesItem, currentNavItemRef }: { categoriesItem: any; currentNavItemRef?: any; onMouseLeave?: () => void }\n) {\n  const supportsMetadata = useMemo(() => {\n    return categoriesItem?.components?.[0]?.supports\n  }, [categoriesItem])\n\n  const supportsDropdown = React.forwardRef<any, P>((props, ref) => {\n    return (\n      <WrappedComponent\n        {...(props as unknown as P)}\n        supportsMetadata={supportsMetadata}\n        currentNavItemRef={currentNavItemRef}\n        ref={ref}\n      />\n    )\n  })\n\n  supportsDropdown.displayName = WrappedComponent.displayName || WrappedComponent.name || 'WithSupportsDropdown'\n  return supportsDropdown\n}\n\nexport function WithMulticol<P extends object>(WrappedComponent: React.ComponentType<any>, categoriesItem: any) {\n  const showStatsBanner = categoriesItem?.components?.[0]?.showStatsBanner\n  const statsBannerData = categoriesItem?.components?.[0]?.statsBanner?.[0]\n  const multicolMetadata = useMemo(() => {\n    try {\n      return JSON.parse(categoriesItem?.components?.[0]?.multicol?.multicolMetadata || '{}')\n    } catch (error) {\n      console.log('multicolMetadata Parse error', error)\n    }\n    return null\n  }, [categoriesItem])\n  const multicolDropdown = React.forwardRef<any, P>((props, ref) => {\n    return (\n      <WrappedComponent\n        {...(props as unknown as P)}\n        ref={ref}\n        multicolMetadata={multicolMetadata}\n        showStatsBanner={showStatsBanner}\n        statsBannerData={statsBannerData}\n      />\n    )\n  })\n\n  multicolDropdown.displayName = WrappedComponent.displayName || WrappedComponent.name || 'WithMulticolDropdown'\n  return multicolDropdown\n}\n\nexport function WithResource<P extends object>(WrappedComponent: React.ComponentType<any>, categoriesItem: any) {\n  // \u8D44\u6E90\u4F4D\u5206\u7C7B\u5143\u6570\u636E\n  const resourceCategoriesMetadata = useMemo(() => {\n    let categoriesMetadata = null\n    try {\n      categoriesMetadata = JSON.parse(categoriesItem?.components?.[0]?.resource?.categoriesMetadata || '{}')\n    } catch (error) {\n      console.log('resourceCategoriesMetadata Parse error', error)\n    }\n    return categoriesMetadata\n  }, [categoriesItem])\n\n  // \u8D44\u6E90\u4F4D\u5143\u6570\u636E\n  const resourcesMetadata = useMemo(() => {\n    let resourcesMetadata = null\n    try {\n      resourcesMetadata = JSON.parse(categoriesItem?.components?.[0]?.resource?.resourceMetadata || '[]')\n    } catch (error) {\n      console.log('resourcesMetadata Parse error', error)\n    }\n    return resourcesMetadata\n  }, [categoriesItem])\n\n  const withResourceDropdown = React.forwardRef<any, P>((props, ref) => {\n    return (\n      <WrappedComponent\n        {...(props as unknown as P)}\n        ref={ref}\n        resourcesMetadata={resourcesMetadata}\n        resourceCategoriesMetadata={resourceCategoriesMetadata}\n      />\n    )\n  })\n\n  withResourceDropdown.displayName = WrappedComponent.displayName || WrappedComponent.name || 'WithResourceDropdown'\n  return withResourceDropdown\n}\n\nexport function WithGroupCategory(categories: any) {\n  if (!categories) return [[]]\n  return Object.values(\n    categories?.reduce((acc: any, item: any) => {\n      if (!acc[item.group]) {\n        acc[item.group] = []\n      }\n      acc[item.group].push(item)\n      return acc\n    }, {})\n  )\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,uBAAAE,EAAA,iBAAAC,EAAA,iBAAAC,EAAA,gBAAAC,EAAA,iBAAAC,IAAA,eAAAC,EAAAP,GA2BM,IAAAQ,EAAA,6BA3BNC,EAA+B,oBAExB,SAASJ,EAA8BK,EAA4CC,EAAqB,CAE7G,MAAMC,KAA4B,WAAQ,IAAM,CAC9C,IAAIC,EAAqB,KACzB,GAAI,CACFA,EAAqB,KAAK,MAAMF,GAAgB,aAAa,CAAC,GAAG,SAAS,oBAAsB,IAAI,CACtG,OAASG,EAAO,CACd,QAAQ,IAAI,iCAAkCA,CAAK,CACrD,CACA,OAAOD,CACT,EAAG,CAACF,CAAc,CAAC,EAGbI,KAAiB,WAAQ,IAAM,CACnC,IAAIA,EAAiB,KACrB,GAAI,CACFA,EAAiB,KAAK,MAAMJ,GAAgB,aAAa,CAAC,GAAG,SAAS,gBAAkB,IAAI,CAC9F,OAASG,EAAO,CACd,QAAQ,IAAI,6BAA8BA,CAAK,CACjD,CACA,OAAOC,CACT,EAAG,CAACJ,CAAc,CAAC,EAEbK,EAAsB,EAAAC,QAAM,WAAmB,CAACC,EAAOC,OAEzD,OAACT,EAAA,CACE,GAAIQ,EACL,IAAKC,EACL,eAAgBJ,EAChB,0BAA2BH,EAC7B,CAEH,EAED,OAAAI,EAAoB,YAAcN,EAAiB,aAAeA,EAAiB,MAAQ,sBACpFM,CACT,CAEO,SAASV,EACdI,EACA,CAAE,eAAAC,EAAgB,kBAAAS,CAAkB,EACpC,CACA,MAAMC,KAAmB,WAAQ,IACxBV,GAAgB,aAAa,CAAC,GAAG,SACvC,CAACA,CAAc,CAAC,EAEbW,EAAmB,EAAAL,QAAM,WAAmB,CAACC,EAAOC,OAEtD,OAACT,EAAA,CACE,GAAIQ,EACL,iBAAkBG,EAClB,kBAAmBD,EACnB,IAAKD,EACP,CAEH,EAED,OAAAG,EAAiB,YAAcZ,EAAiB,aAAeA,EAAiB,MAAQ,uBACjFY,CACT,CAEO,SAASnB,EAA+BO,EAA4CC,EAAqB,CAC9G,MAAMY,EAAkBZ,GAAgB,aAAa,CAAC,GAAG,gBACnDa,EAAkBb,GAAgB,aAAa,CAAC,GAAG,cAAc,CAAC,EAClEc,KAAmB,WAAQ,IAAM,CACrC,GAAI,CACF,OAAO,KAAK,MAAMd,GAAgB,aAAa,CAAC,GAAG,UAAU,kBAAoB,IAAI,CACvF,OAASG,EAAO,CACd,QAAQ,IAAI,+BAAgCA,CAAK,CACnD,CACA,OAAO,IACT,EAAG,CAACH,CAAc,CAAC,EACbe,EAAmB,EAAAT,QAAM,WAAmB,CAACC,EAAOC,OAEtD,OAACT,EAAA,CACE,GAAIQ,EACL,IAAKC,EACL,iBAAkBM,EAClB,gBAAiBF,EACjB,gBAAiBC,EACnB,CAEH,EAED,OAAAE,EAAiB,YAAchB,EAAiB,aAAeA,EAAiB,MAAQ,uBACjFgB,CACT,CAEO,SAAStB,EAA+BM,EAA4CC,EAAqB,CAE9G,MAAMgB,KAA6B,WAAQ,IAAM,CAC/C,IAAId,EAAqB,KACzB,GAAI,CACFA,EAAqB,KAAK,MAAMF,GAAgB,aAAa,CAAC,GAAG,UAAU,oBAAsB,IAAI,CACvG,OAASG,EAAO,CACd,QAAQ,IAAI,yCAA0CA,CAAK,CAC7D,CACA,OAAOD,CACT,EAAG,CAACF,CAAc,CAAC,EAGbiB,KAAoB,WAAQ,IAAM,CACtC,IAAIA,EAAoB,KACxB,GAAI,CACFA,EAAoB,KAAK,MAAMjB,GAAgB,aAAa,CAAC,GAAG,UAAU,kBAAoB,IAAI,CACpG,OAASG,EAAO,CACd,QAAQ,IAAI,gCAAiCA,CAAK,CACpD,CACA,OAAOc,CACT,EAAG,CAACjB,CAAc,CAAC,EAEbkB,EAAuB,EAAAZ,QAAM,WAAmB,CAACC,EAAOC,OAE1D,OAACT,EAAA,CACE,GAAIQ,EACL,IAAKC,EACL,kBAAmBS,EACnB,2BAA4BD,EAC9B,CAEH,EAED,OAAAE,EAAqB,YAAcnB,EAAiB,aAAeA,EAAiB,MAAQ,uBACrFmB,CACT,CAEO,SAAS3B,EAAkB4B,EAAiB,CACjD,OAAKA,EACE,OAAO,OACZA,GAAY,OAAO,CAACC,EAAUC,KACvBD,EAAIC,EAAK,KAAK,IACjBD,EAAIC,EAAK,KAAK,EAAI,CAAC,GAErBD,EAAIC,EAAK,KAAK,EAAE,KAAKA,CAAI,EAClBD,GACN,CAAC,CAAC,CACP,EATwB,CAAC,CAAC,CAAC,CAU7B",
+  "names": ["withCategory_exports", "__export", "WithGroupCategory", "WithMulticol", "WithResource", "WithSidebar", "WithSupports", "__toCommonJS", "import_jsx_runtime", "import_react", "WrappedComponent", "categoriesItem", "sidebarCategoriesMetadata", "categoriesMetadata", "error", "seriesMetadata", "withSidebarDropdown", "React", "props", "ref", "currentNavItemRef", "supportsMetadata", "supportsDropdown", "showStatsBanner", "statsBannerData", "multicolMetadata", "multicolDropdown", "resourceCategoriesMetadata", "resourcesMetadata", "withResourceDropdown", "categories", "acc", "item"]
 }

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

@@ -1,4 +1,4 @@
-"use strict";var b=Object.defineProperty;var z=Object.getOwnPropertyDescriptor;var W=Object.getOwnPropertyNames;var q=Object.prototype.hasOwnProperty;var G=(t,s)=>{for(var l in s)b(t,l,{get:s[l],enumerable:!0})},H=(t,s,l,r)=>{if(s&&typeof s=="object"||typeof s=="function")for(let n of W(s))!q.call(t,n)&&n!==l&&b(t,n,{get:()=>s[n],enumerable:!(r=z(s,n))||r.enumerable});return t};var K=t=>H(b({},"__esModule",{value:!0}),t);var V={};G(V,{canSearch:()=>D,default:()=>M});module.exports=K(V);var e=require("react/jsx-runtime"),a=require("../../components/index.js"),h=require("../HeaderNavigation/icons/index.js"),i=require("react"),C=require("../AiuiProvider/index.js"),g=require("./types.js"),$=require("es-toolkit"),c=require("../../helpers/utils.js");const D=t=>!(t.metafields?.global?.HideSearch||t.metafields?.seo?.hidden||t.metafields?.seo?.setting?.noindex),w=(0,i.forwardRef)(({data:t,onSearch:s,onClose:l,searchResult:r,isSearching:n,keywords:m},F)=>{const{locale:d="us",copyWriting:R}=(0,C.useAiuiContext)(),[p,S]=(0,i.useState)(""),[k,y]=(0,i.useState)(!1),v=(0,i.useRef)(null);(0,i.useEffect)(()=>{v.current&&v.current.focus({preventScroll:!0})},[]);const E=(0,$.debounce)(o=>{s(o)},300),P=(0,i.useCallback)(o=>{o.key==="Enter"&&!k&&window.open(`${d==="us"?"":d}${t?.moreLink}?q=${p.toLowerCase()}`,"_self")},[k,p,d,t?.moreLink]),I=(0,i.useMemo)(()=>Array.isArray(m)&&m?.length?m.map(o=>o.search_term):Array.isArray(t?.popularWords)&&t?.popularWords?.length?t?.popularWords.map(o=>o.popularWord):[],[m,t?.popularWords]),T=(0,i.useCallback)(o=>{switch(o.__typename||o.type){case"Product":return`/products${o.path}?q=${p.toLowerCase()}`;case"Article":return`/blogs/${o.blog.handle}/${o.handle.replace("storefront-","")}?q=${p.toLowerCase()}`;default:break}},[p]),N=(0,i.useMemo)(()=>{if(p){if(r?.totalCount)return g.SearchStatus.Predict;if(!n)return g.SearchStatus.Empty}else return g.SearchStatus.Default},[r?.totalCount,p,n]);return(0,e.jsxs)(a.Container,{childClassName:"!bg-white",className:"relative",ref:F,children:[(0,e.jsx)("style",{children:`
+"use strict";var x=Object.defineProperty;var z=Object.getOwnPropertyDescriptor;var W=Object.getOwnPropertyNames;var q=Object.prototype.hasOwnProperty;var G=(t,a)=>{for(var l in a)x(t,l,{get:a[l],enumerable:!0})},H=(t,a,l,r)=>{if(a&&typeof a=="object"||typeof a=="function")for(let n of W(a))!q.call(t,n)&&n!==l&&x(t,n,{get:()=>a[n],enumerable:!(r=z(a,n))||r.enumerable});return t};var K=t=>H(x({},"__esModule",{value:!0}),t);var V={};G(V,{canSearch:()=>D,default:()=>M});module.exports=K(V);var e=require("react/jsx-runtime"),o=require("../../components/index.js"),h=require("../HeaderNavigation/icons/index.js"),i=require("react"),C=require("../AiuiProvider/index.js"),g=require("./types.js"),$=require("es-toolkit"),p=require("../../helpers/utils.js");const D=t=>!(t.metafields?.global?.HideSearch||t.metafields?.seo?.hidden||t.metafields?.seo?.setting?.noindex),w=(0,i.forwardRef)(({data:t,onSearch:a,onClose:l,searchResult:r,isSearching:n,keywords:m},F)=>{const{locale:d="us",copyWriting:R}=(0,C.useAiuiContext)(),[c,S]=(0,i.useState)(""),[k,y]=(0,i.useState)(!1),v=(0,i.useRef)(null);(0,i.useEffect)(()=>{v.current&&v.current.focus({preventScroll:!0})},[]);const E=(0,$.debounce)(s=>{a(s)},300),I=(0,i.useCallback)(s=>{s.key==="Enter"&&!k&&window.open(`${d==="us"?"":d}${t?.moreLink}?q=${c.toLowerCase()}`,"_self")},[k,c,d,t?.moreLink]),T=(0,i.useMemo)(()=>Array.isArray(m)&&m?.length?m.map(s=>s.search_term):Array.isArray(t?.popularWords)&&t?.popularWords?.length?t?.popularWords.map(s=>s.popularWord):[],[m,t?.popularWords]),P=(0,i.useCallback)(s=>{switch(s.__typename||s.type){case"Product":return`/products${s.path}?q=${c.toLowerCase()}`;case"Article":return`/blogs/${s.blog.handle}/${s.handle.replace("storefront-","")}?q=${c.toLowerCase()}`;default:break}},[c]),N=(0,i.useMemo)(()=>{if(c){if(r?.totalCount)return g.SearchStatus.Predict;if(!n)return g.SearchStatus.Empty}else return g.SearchStatus.Default},[r?.totalCount,c,n]);return(0,e.jsxs)(o.Container,{childClassName:"!bg-white",className:"relative",ref:F,children:[(0,e.jsx)("style",{children:`
             .navigation-search-component input:-webkit-autofill,
             .navigation-search-component input:-webkit-autofill:hover,
             .navigation-search-component input:-webkit-autofill:focus {
@@ -7,5 +7,5 @@
               transition: background-color 9999s ease-in-out 0s !important;
               caret-color: #000;
             }
-          `}),(0,e.jsxs)("div",{className:"navigation-search-component laptop:h-[52px] desktop:h-[60px] desktop:pt-6 flex items-center justify-between gap-4 border-b border-b-gray-200 py-4 text-black",children:[(0,e.jsx)("input",{ref:v,value:p,onCompositionStart:()=>y(!0),onCompositionEnd:()=>y(!1),onKeyDown:P,onChange:o=>{S(o.target.value),o.target.value&&E(o.target.value)},type:"text",className:"flex-1 bg-white text-sm font-bold leading-[1.4] outline-none focus-visible:!outline-none ",placeholder:t?.placeholder}),(0,e.jsxs)("div",{className:"flex items-center gap-3",children:[(0,e.jsx)(h.Search,{className:"size-5 cursor-pointer",onClick:()=>s(p)}),(0,e.jsx)("div",{className:"h-[20px] w-px bg-[#E4E5E6]"}),(0,e.jsx)(h.Close,{className:"size-5 cursor-pointer",onClick:l})]})]}),(0,e.jsx)("div",{className:"desktop:gap-12 desktop:py-6 flex flex-col gap-6 py-4 text-black",children:N===g.SearchStatus.Predict?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)("div",{children:[(0,e.jsxs)("div",{className:"flex items-center gap-1",children:[(0,e.jsx)(a.Text,{html:t?.suggestText,className:"text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),r?.items?.length>6&&(0,e.jsx)(a.Button,{as:"a",iconClassName:"size-4",href:`${d==="us"?"":d}${t?.moreLink}?q=${p.toLowerCase()}`,className:"!p-0 !text-sm font-bold leading-[1.2]",variant:"link",children:t?.moreText})]}),(0,e.jsx)("div",{className:"mt-2 flex flex-col",children:r?.items?.filter(o=>D(o)).slice(0,6)?.map(o=>(0,e.jsx)(a.Link,{className:"w-full p-4 no-underline hover:bg-[#F5F5F7] hover:text-current",href:T(o),children:(0,e.jsx)(a.Text,{html:(0,c.highlightSearchWord)(o.title,p),className:"cursor-pointer text-sm font-bold leading-[1.4]"})},o.id))})]}),(0,e.jsxs)("div",{children:[(0,e.jsx)(a.Text,{html:t?.hotProductsText,className:"text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),(0,e.jsxs)("div",{className:"tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-4 tablet:gap-x-3 tablet:gap-y-4 laptop:gap-4 mt-2 grid grid-cols-1 gap-2",children:[(0,e.jsx)(a.Link,{asChild:!t?.advertisingLink,href:t?.advertisingLink,children:(0,e.jsxs)("div",{className:"relative",children:[(0,e.jsx)(a.Picture,{source:t?.advertisingBgImg?.url,className:"laptop:h-[120px] h-[114px]",imgClassName:"object-cover h-full"}),(0,e.jsxs)("div",{className:"absolute inset-x-0 bottom-0 p-4",children:[(0,e.jsx)(a.Heading,{size:2,html:t?.advertisingTitle||"Buy in Guide",className:(0,c.cn)("font-bold text-white",{"text-black":t?.advertisingTheme==="dark"})}),(0,e.jsx)(a.Text,{html:t?.advertisingSubtitle||"20.000mAh",className:(0,c.cn)("text-sm font-bold text-white",{"text-black":t?.advertisingTheme==="dark"})})]})]})}),r?.items?.filter(o=>o.type.toLowerCase()==="product").slice(0,7)?.map(o=>{const u=o?.variants?.[0],f=`${u?.image?.url||o?.images?.[0]?.url}`,x=o?.title||o?.name,_=o?.description,A=o?.badge||"",B=`/products/${o?.handle}?variant=${(0,c.atobID)(u?.id)}`;return(0,e.jsx)(L,{productImage:f,productName:x,productDesc:_,productBadge:A,listingLink:B},o.id)})]})]},"predict-advertising-card")]}):(0,e.jsxs)(e.Fragment,{children:[N===g.SearchStatus.Empty&&(0,e.jsx)(a.Text,{html:t?.noResultText,as:"p",className:"border-b border-[#E4E5E6] pb-6 text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),(0,e.jsxs)("div",{children:[(0,e.jsx)(a.Text,{html:t?.popularText,className:"text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),(0,e.jsxs)("div",{className:"mt-2",children:[(0,e.jsx)(j,{data:t,keywords:I,locale:d}),Array.isArray(t?.popularPages)&&!!t?.popularPages?.length&&(0,e.jsx)(a.Grid,{className:"laptop:gap-4 laptop:mt-4 mt-3 gap-3",children:t?.popularPages?.map(o=>(0,e.jsx)(a.GridItem,{className:"tablet:col-span-6 laptop:p-3 desktop:p-4 laptop:col-span-3 col-span-12 p-2 hover:bg-[#F5F5F7]",children:(0,e.jsx)("a",{href:`${d==="us"?"":d}${t?.moreLink}?q=${o?.popularPage.toLowerCase()}`,className:"line-clamp-1 cursor-pointer text-sm font-bold leading-[1.4]",children:o?.popularPage})},o?.id))})]})]}),(0,e.jsxs)("div",{children:[(0,e.jsx)(a.Text,{html:t?.hotProductsText,className:"text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),(0,e.jsxs)("div",{className:"tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-4 tablet:gap-x-3 tablet:gap-y-4 laptop:gap-4 mt-2 grid grid-cols-1 gap-2",children:[(0,e.jsx)(a.Link,{asChild:!t?.advertisingLink,href:t?.advertisingLink,children:(0,e.jsxs)("div",{className:"relative [&_img]:hover:scale-110 [&_img]:hover:transition-all [&_img]:hover:duration-500",children:[(0,e.jsx)(a.Picture,{source:t?.advertisingBgImg?.url,className:"laptop:h-[120px] h-[114px]",imgClassName:"object-cover h-full"}),(0,e.jsxs)("div",{className:"absolute inset-x-0 bottom-0 p-4",children:[(0,e.jsx)(a.Heading,{size:2,html:t?.advertisingTitle||"Buy in Guide",className:"font-bold text-white"}),(0,e.jsx)(a.Text,{html:t?.advertisingSubtitle||"20.000mAh",className:"text-sm font-bold text-white"})]})]})}),t?.hotProducts?.slice(0,7)?.map(o=>{const u=o?.custom_description,f=o?.badge||"",x=`/products/${o?.handle}?variant=${(0,c.atobID)(o?.shopify_id)}`;return(0,e.jsx)(L,{productImage:o?.image,productName:o?.name,productDesc:u,productBadge:f,listingLink:x},o.shopify_id||o.id)})]})]},"empty-advertising-card")]})})]})});w.displayName="NavigationSearch";const L=({productImage:t,productName:s,productDesc:l,productBadge:r,className:n,listingLink:m})=>(0,e.jsx)(a.Link,{href:m,className:"block no-underline hover:text-current",children:(0,e.jsxs)("div",{className:(0,c.cn)("flex shrink-0 gap-4 bg-[#F5F5F7] px-4 py-3 [&_img]:hover:scale-110 [&_img]:hover:duration-500",n),children:[(0,e.jsx)("div",{className:"shrink-0",children:(0,e.jsx)("img",{src:t,loading:"lazy",alt:s,width:90,height:90,className:"size-[96px] object-contain"})}),(0,e.jsxs)("div",{className:"relative",children:[(0,e.jsx)("div",{className:" h-[24px] ",children:r&&(0,e.jsx)(a.Text,{as:"p",html:r,className:"text-brand-0 mb-1 inline-block h-full rounded-full border-[1.6px] border-[#00BEFA] px-[6px] text-sm font-bold !leading-[22px]"})}),(0,e.jsxs)("div",{children:[(0,e.jsx)(a.Text,{className:"lg-desktop:h-[44px] lg-desktop:text-base line-clamp-2 h-[40px] text-sm font-bold leading-[1.4]",html:s}),l&&(0,e.jsx)(a.Text,{as:"p",html:l,className:"lg-desktop:text-sm mt-1 line-clamp-1 text-xs font-bold leading-[1.4] text-[#6D6D6F]"})]})]})]})}),j=({data:t,keywords:s,locale:l})=>(0,e.jsx)("div",{className:"laptop:gap-4 flex flex-wrap gap-3",children:s?.map((r,n)=>(0,e.jsx)("a",{href:`${l==="us"?"":l}${t?.moreLink}?q=${r?.toLowerCase()}`,className:"laptop:p-3 desktop:p-4 cursor-pointer p-2 text-sm font-bold leading-[1.4] hover:bg-[#F5F5F7]",children:r},n))});var M=w;
+          `}),(0,e.jsxs)("div",{className:"navigation-search-component laptop:h-[52px] desktop:h-[60px] desktop:pt-6 flex items-center justify-between gap-4 border-b border-b-gray-200 py-4 text-black",children:[(0,e.jsx)("input",{ref:v,value:c,onCompositionStart:()=>y(!0),onCompositionEnd:()=>y(!1),onKeyDown:I,onChange:s=>{S(s.target.value),s.target.value&&E(s.target.value)},type:"text",className:"flex-1 bg-white text-sm font-bold leading-[1.4] outline-none focus-visible:!outline-none ",placeholder:t?.placeholder}),(0,e.jsxs)("div",{className:"flex items-center gap-3",children:[(0,e.jsx)(h.Search,{className:"size-5 cursor-pointer",onClick:()=>a(c)}),(0,e.jsx)("div",{className:"h-[20px] w-px bg-[#E4E5E6]"}),(0,e.jsx)(h.Close,{className:"size-5 cursor-pointer",onClick:l})]})]}),(0,e.jsx)("div",{className:"desktop:gap-12 desktop:py-6 flex flex-col gap-6 py-4 text-black",children:N===g.SearchStatus.Predict?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)("div",{children:[(0,e.jsxs)("div",{className:"flex items-center gap-1",children:[(0,e.jsx)(o.Text,{html:t?.suggestText,className:"text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),r?.items?.length>6&&(0,e.jsx)(o.Button,{as:"a",iconClassName:"size-4",href:`${d==="us"?"":d}${t?.moreLink}?q=${c.toLowerCase()}`,className:"!p-0 !text-sm font-bold leading-[1.2]",variant:"link",children:t?.moreText})]}),(0,e.jsx)("div",{className:"mt-2 flex flex-col",children:r?.items?.filter(s=>D(s)).slice(0,6)?.map(s=>(0,e.jsx)(o.Link,{className:"w-full p-4 no-underline hover:bg-[#F5F5F7] hover:text-current",href:P(s),children:(0,e.jsx)(o.Text,{html:(0,p.highlightSearchWord)(s.title,c),className:"cursor-pointer text-sm font-bold leading-[1.4]"})},s.id))})]}),(0,e.jsxs)("div",{children:[(0,e.jsx)(o.Text,{html:t?.hotProductsText,className:"text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),(0,e.jsxs)("div",{className:"tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-4 tablet:gap-x-3 tablet:gap-y-4 laptop:gap-4 mt-2 grid grid-cols-1 gap-2",children:[t?.advertisingBgImg?.url&&(0,e.jsx)(o.Link,{asChild:!t?.advertisingLink,href:t?.advertisingLink,children:(0,e.jsxs)("div",{className:"rounded-sidebar-shelf relative",children:[(0,e.jsx)(o.Picture,{source:t?.advertisingBgImg?.url,className:"laptop:h-[120px] h-[114px]",imgClassName:"object-cover h-full"}),(0,e.jsxs)("div",{className:"absolute inset-x-0 bottom-0 p-4",children:[(0,e.jsx)(o.Heading,{size:2,html:t?.advertisingTitle||"Buy in Guide",className:(0,p.cn)("font-bold text-white",{"text-black":t?.advertisingTheme==="dark"})}),(0,e.jsx)(o.Text,{html:t?.advertisingSubtitle||"20.000mAh",className:(0,p.cn)("text-sm font-bold text-white",{"text-black":t?.advertisingTheme==="dark"})})]})]})}),r?.items?.filter(s=>s.type.toLowerCase()==="product").slice(0,7)?.map(s=>{const u=s?.variants?.[0],f=`${u?.image?.url||s?.images?.[0]?.url}`,b=s?.title||s?.name,B=s?.description,_=s?.badge||"",A=`/products/${s?.handle}?variant=${(0,p.atobID)(u?.id)}`;return(0,e.jsx)(L,{productImage:f,productName:b,productDesc:B,productBadge:_,listingLink:A},s.id)})]})]},"predict-advertising-card")]}):(0,e.jsxs)(e.Fragment,{children:[N===g.SearchStatus.Empty&&(0,e.jsx)(o.Text,{html:t?.noResultText,as:"p",className:"border-b border-[#E4E5E6] pb-6 text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),(0,e.jsxs)("div",{children:[(0,e.jsx)(o.Text,{html:t?.popularText,className:"text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),(0,e.jsxs)("div",{className:"mt-2",children:[(0,e.jsx)(j,{data:t,keywords:T,locale:d}),Array.isArray(t?.popularPages)&&!!t?.popularPages?.length&&(0,e.jsx)(o.Grid,{className:"laptop:gap-4 laptop:mt-4 mt-3 gap-3",children:t?.popularPages?.map(s=>(0,e.jsx)(o.GridItem,{className:"tablet:col-span-6 laptop:p-3 desktop:p-4 laptop:col-span-3 col-span-12 p-2 hover:bg-[#F5F5F7]",children:(0,e.jsx)("a",{href:`${d==="us"?"":d}${t?.moreLink}?q=${s?.popularPage.toLowerCase()}`,className:"line-clamp-1 cursor-pointer text-sm font-bold leading-[1.4]",children:s?.popularPage})},s?.id))})]})]}),(0,e.jsxs)("div",{children:[(0,e.jsx)(o.Text,{html:t?.hotProductsText,className:"text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),(0,e.jsxs)("div",{className:"tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-4 tablet:gap-x-3 tablet:gap-y-4 laptop:gap-4 mt-2 grid grid-cols-1 gap-2",children:[t?.advertisingBgImg?.url&&(0,e.jsx)(o.Link,{asChild:!t?.advertisingLink,href:t?.advertisingLink,children:(0,e.jsxs)("div",{className:"rounded-sidebar-shelf relative overflow-hidden [&_img]:hover:scale-110 [&_img]:hover:transition-all [&_img]:hover:duration-500",children:[(0,e.jsx)(o.Picture,{source:t?.advertisingBgImg?.url,className:"laptop:h-[120px] h-[114px]",imgClassName:"object-cover h-full"}),(0,e.jsxs)("div",{className:"absolute inset-x-0 bottom-0 p-4",children:[(0,e.jsx)(o.Heading,{size:2,html:t?.advertisingTitle||"Buy in Guide",className:(0,p.cn)("font-bold text-white",{"text-black":t?.advertisingTheme==="dark"})}),(0,e.jsx)(o.Text,{html:t?.advertisingSubtitle||"20.000mAh",className:(0,p.cn)("text-sm font-bold text-white",{"text-black":t?.advertisingTheme==="dark"})})]})]})}),t?.hotProducts?.slice(0,7)?.map(s=>{const u=s?.custom_description,f=s?.badge||"",b=`/products/${s?.handle}?variant=${(0,p.atobID)(s?.shopify_id)}`;return(0,e.jsx)(L,{productImage:s?.image,productName:s?.name,productDesc:u,productBadge:f,listingLink:b},s.shopify_id||s.id)})]})]},"empty-advertising-card")]})})]})});w.displayName="NavigationSearch";const L=({productImage:t,productName:a,productDesc:l,productBadge:r,className:n,listingLink:m})=>(0,e.jsx)(o.Link,{href:m,className:"block no-underline hover:text-current",children:(0,e.jsxs)("div",{className:(0,p.cn)("flex shrink-0 gap-4 bg-[#F5F5F7] px-4 py-3 [&_img]:hover:scale-110 [&_img]:hover:duration-500",n),children:[(0,e.jsx)("div",{className:"shrink-0",children:(0,e.jsx)("img",{src:t,loading:"lazy",alt:a,width:90,height:90,className:"size-[96px] object-contain"})}),(0,e.jsxs)("div",{className:"relative",children:[(0,e.jsx)("div",{className:" h-[24px] ",children:r&&(0,e.jsx)(o.Text,{as:"p",html:r,className:"text-brand-0 mb-1 inline-block h-full rounded-full border-[1.6px] border-[#00BEFA] px-[6px] text-sm font-bold !leading-[22px]"})}),(0,e.jsxs)("div",{children:[(0,e.jsx)(o.Text,{className:"lg-desktop:h-[44px] lg-desktop:text-base line-clamp-2 h-[40px] text-sm font-bold leading-[1.4]",html:a}),l&&(0,e.jsx)(o.Text,{as:"p",html:l,className:"lg-desktop:text-sm mt-1 line-clamp-1 text-xs font-bold leading-[1.4] text-[#6D6D6F]"})]})]})]})}),j=({data:t,keywords:a,locale:l})=>(0,e.jsx)("div",{className:"laptop:gap-4 flex flex-wrap gap-3",children:a?.map((r,n)=>(0,e.jsx)("a",{href:`${l==="us"?"":l}${t?.moreLink}?q=${r?.toLowerCase()}`,className:"laptop:p-3 desktop:p-4 cursor-pointer p-2 text-sm font-bold leading-[1.4] hover:bg-[#F5F5F7]",children:r},n))});var M=w;
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/NavigationSearch/index.tsx"],
-  "sourcesContent": ["/* eslint-disable react/no-unknown-property */\nimport { Picture, Text, Button, Container, Link, Heading, Grid, GridItem } from '../../components/index.js'\nimport { Search as SearchIcon, Close as CloseIcon } from '../HeaderNavigation/icons/index.js'\nimport { forwardRef, useCallback, useMemo, useState, useEffect, useRef } from 'react'\nimport type { NavigationSearchProps } from './types.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\n\nimport { SearchStatus } from './types.js'\n\nimport { debounce } from 'es-toolkit'\nimport { cn, atobID, highlightSearchWord } from '../../helpers/utils.js'\n\nexport const canSearch = (target: any) => {\n  return !(\n    target.metafields?.global?.HideSearch ||\n    target.metafields?.seo?.hidden ||\n    target.metafields?.seo?.setting?.noindex\n  )\n}\n\nconst NavigationSearch = forwardRef<HTMLDivElement, NavigationSearchProps>(\n  ({ data, onSearch, onClose, searchResult, isSearching, keywords }, ref) => {\n    const { locale = 'us', copyWriting } = useAiuiContext()\n\n    const [searchValue, setSearchValue] = useState('')\n    const [isComposing, setIsComposing] = useState(false)\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    // \u81EA\u52A8\u805A\u7126\u5230\u8F93\u5165\u6846\uFF08\u963B\u6B62\u6EDA\u52A8\u884C\u4E3A\uFF09\n    useEffect(() => {\n      if (inputRef.current) {\n        inputRef.current.focus({ preventScroll: true })\n      }\n    }, [])\n\n    const debouncedFunction = debounce((value: string) => {\n      onSearch(value)\n    }, 300)\n\n    const handleKeyDown = useCallback(\n      (e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === 'Enter' && !isComposing) {\n          window.open(`${locale === 'us' ? '' : locale}${data?.moreLink}?q=${searchValue.toLowerCase()}`, '_self')\n        }\n      },\n      [isComposing, searchValue, locale, data?.moreLink]\n    )\n\n    const searchKeywords = useMemo(() => {\n      if (Array.isArray(keywords) && keywords?.length) {\n        return keywords.map((keyword: any) => keyword.search_term)\n      }\n      if (Array.isArray(data?.popularWords) && data?.popularWords?.length) {\n        return data?.popularWords.map((word: any) => word.popularWord)\n      }\n      return []\n    }, [keywords, data?.popularWords])\n\n    const getLink = useCallback(\n      (item: any) => {\n        const type = item.__typename || item.type\n        switch (type) {\n          case 'Product':\n            return `/products${item.path}?q=${searchValue.toLowerCase()}`\n          case 'Article':\n            return `/blogs/${item.blog.handle}/${item.handle.replace('storefront-', '')}?q=${searchValue.toLowerCase()}`\n          default:\n            break\n        }\n      },\n      [searchValue]\n    )\n\n    const searchStatus = useMemo(() => {\n      if (!searchValue) {\n        // \u6CA1\u6709\u641C\u7D22\u503C\n        return SearchStatus.Default\n      } else if (searchResult?.totalCount) {\n        // \u6709\u641C\u7D22\u7ED3\u679C\n        return SearchStatus.Predict\n      } else if (!isSearching) {\n        // \u6CA1\u6709\u641C\u7D22\u7ED3\u679C\n        return SearchStatus.Empty\n      }\n    }, [searchResult?.totalCount, searchValue, isSearching])\n\n    return (\n      <Container childClassName=\"!bg-white\" className=\"relative\" ref={ref}>\n        <style>\n          {`\n            .navigation-search-component input:-webkit-autofill,\n            .navigation-search-component input:-webkit-autofill:hover,\n            .navigation-search-component input:-webkit-autofill:focus {\n              -webkit-box-shadow: 0 0 0 1000px transparent inset !important; /* \u80CC\u666F\u900F\u660E */\n              -webkit-text-fill-color: #000 !important;\n              transition: background-color 9999s ease-in-out 0s !important;\n              caret-color: #000;\n            }\n          `}\n        </style>\n        <div className=\"navigation-search-component laptop:h-[52px] desktop:h-[60px] desktop:pt-6 flex items-center justify-between gap-4 border-b border-b-gray-200 py-4 text-black\">\n          <input\n            ref={inputRef}\n            value={searchValue}\n            onCompositionStart={() => setIsComposing(true)}\n            onCompositionEnd={() => setIsComposing(false)}\n            onKeyDown={handleKeyDown}\n            onChange={e => {\n              setSearchValue(e.target.value)\n              if (e.target.value) {\n                debouncedFunction(e.target.value)\n              }\n            }}\n            type=\"text\"\n            className=\"flex-1 bg-white text-sm font-bold leading-[1.4] outline-none focus-visible:!outline-none \"\n            placeholder={data?.placeholder}\n          />\n          <div className=\"flex items-center gap-3\">\n            <SearchIcon className=\"size-5 cursor-pointer\" onClick={() => onSearch(searchValue)} />\n            <div className=\"h-[20px] w-px bg-[#E4E5E6]\" />\n            <CloseIcon className=\"size-5 cursor-pointer\" onClick={onClose} />\n          </div>\n        </div>\n        <div className=\"desktop:gap-12 desktop:py-6 flex flex-col gap-6 py-4 text-black\">\n          {searchStatus === SearchStatus.Predict ? (\n            <>\n              <div>\n                <div className=\"flex items-center gap-1\">\n                  <Text html={data?.suggestText} className=\"text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n                  {searchResult?.items?.length > 6 && (\n                    <Button\n                      as=\"a\"\n                      iconClassName=\"size-4\"\n                      href={`${locale === 'us' ? '' : locale}${data?.moreLink}?q=${searchValue.toLowerCase()}`}\n                      className=\"!p-0 !text-sm font-bold leading-[1.2]\"\n                      variant=\"link\"\n                    >\n                      {data?.moreText}\n                    </Button>\n                  )}\n                </div>\n                <div className=\"mt-2 flex flex-col\">\n                  {searchResult?.items\n                    ?.filter((item: any) => canSearch(item))\n                    .slice(0, 6)\n                    ?.map((item: any) => (\n                      <Link\n                        className=\"w-full p-4 no-underline hover:bg-[#F5F5F7] hover:text-current\"\n                        href={getLink(item)}\n                        key={item.id}\n                      >\n                        <Text\n                          html={highlightSearchWord(item.title, searchValue)}\n                          className=\"cursor-pointer text-sm font-bold leading-[1.4]\"\n                        />\n                      </Link>\n                    ))}\n                </div>\n              </div>\n              <div key=\"predict-advertising-card\">\n                <Text html={data?.hotProductsText} className=\"text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n                <div className=\"tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-4 tablet:gap-x-3 tablet:gap-y-4 laptop:gap-4 mt-2 grid grid-cols-1 gap-2\">\n                  <Link asChild={!data?.advertisingLink} href={data?.advertisingLink}>\n                    <div className=\"relative\">\n                      <Picture\n                        source={data?.advertisingBgImg?.url}\n                        className=\"laptop:h-[120px] h-[114px]\"\n                        imgClassName=\"object-cover h-full\"\n                      />\n                      <div className=\"absolute inset-x-0 bottom-0 p-4\">\n                        <Heading\n                          size={2}\n                          html={data?.advertisingTitle || 'Buy in Guide'}\n                          className={cn('font-bold text-white', {\n                            'text-black': data?.advertisingTheme === 'dark',\n                          })}\n                        />\n                        <Text\n                          html={data?.advertisingSubtitle || '20.000mAh'}\n                          className={cn('text-sm font-bold text-white', {\n                            'text-black': data?.advertisingTheme === 'dark',\n                          })}\n                        />\n                      </div>\n                    </div>\n                  </Link>\n                  {searchResult?.items\n                    ?.filter((item: any) => item.type.toLowerCase() === 'product')\n                    .slice(0, 7)\n                    ?.map((item: any) => {\n                      const variant = item?.variants?.[0]\n                      const productImage = `${variant?.image?.url || item?.images?.[0]?.url}`\n                      const productName = item?.title || item?.name\n                      const productDesc = item?.description\n                      const productBadge = item?.badge || ''\n                      const listingLink = `/products/${item?.handle}?variant=${atobID(variant?.id as string)}`\n                      return (\n                        <SearchProduct\n                          productImage={productImage}\n                          productName={productName}\n                          productDesc={productDesc}\n                          productBadge={productBadge}\n                          listingLink={listingLink}\n                          key={item.id}\n                        />\n                      )\n                    })}\n                </div>\n              </div>\n            </>\n          ) : (\n            <>\n              {searchStatus === SearchStatus.Empty && (\n                <Text\n                  html={data?.noResultText}\n                  as=\"p\"\n                  className=\"border-b border-[#E4E5E6] pb-6 text-sm font-bold leading-[1.4] text-[#6D6D6F]\"\n                />\n              )}\n              <div>\n                <Text html={data?.popularText} className=\"text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n                <div className=\"mt-2\">\n                  <SearchKeyword data={data} keywords={searchKeywords} locale={locale} />\n                  {Array.isArray(data?.popularPages) && !!data?.popularPages?.length && (\n                    <Grid className=\"laptop:gap-4 laptop:mt-4 mt-3 gap-3\">\n                      {data?.popularPages?.map((item: any) => (\n                        <GridItem\n                          key={item?.id}\n                          className=\"tablet:col-span-6 laptop:p-3 desktop:p-4 laptop:col-span-3 col-span-12 p-2 hover:bg-[#F5F5F7]\"\n                        >\n                          <a\n                            href={`${locale === 'us' ? '' : locale}${data?.moreLink}?q=${item?.popularPage.toLowerCase()}`}\n                            className=\"line-clamp-1 cursor-pointer text-sm font-bold leading-[1.4]\"\n                          >\n                            {item?.popularPage}\n                          </a>\n                        </GridItem>\n                      ))}\n                    </Grid>\n                  )}\n                </div>\n              </div>\n              <div key=\"empty-advertising-card\">\n                <Text html={data?.hotProductsText} className=\"text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n                <div className=\"tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-4 tablet:gap-x-3 tablet:gap-y-4 laptop:gap-4 mt-2 grid grid-cols-1 gap-2\">\n                  <Link asChild={!data?.advertisingLink} href={data?.advertisingLink}>\n                    <div className=\"relative [&_img]:hover:scale-110 [&_img]:hover:transition-all [&_img]:hover:duration-500\">\n                      <Picture\n                        source={data?.advertisingBgImg?.url}\n                        className=\"laptop:h-[120px] h-[114px]\"\n                        imgClassName=\"object-cover h-full\"\n                      />\n                      <div className=\"absolute inset-x-0 bottom-0 p-4\">\n                        <Heading\n                          size={2}\n                          html={data?.advertisingTitle || 'Buy in Guide'}\n                          className=\"font-bold text-white\"\n                        />\n                        <Text\n                          html={data?.advertisingSubtitle || '20.000mAh'}\n                          className=\"text-sm font-bold text-white\"\n                        />\n                      </div>\n                    </div>\n                  </Link>\n                  {data?.hotProducts?.slice(0, 7)?.map((item: any) => {\n                    const productDesc = item?.custom_description\n                    const productBadge = item?.badge || ''\n                    const listingLink = `/products/${item?.handle}?variant=${atobID(item?.shopify_id as string)}`\n                    return (\n                      <SearchProduct\n                        productImage={item?.image}\n                        productName={item?.name}\n                        productDesc={productDesc}\n                        productBadge={productBadge}\n                        listingLink={listingLink}\n                        key={item.shopify_id || item.id}\n                      />\n                    )\n                  })}\n                </div>\n              </div>\n            </>\n          )}\n        </div>\n      </Container>\n    )\n  }\n)\n\nNavigationSearch.displayName = 'NavigationSearch'\n\nconst SearchProduct = ({\n  productImage,\n  productName,\n  productDesc,\n  productBadge,\n  className,\n  listingLink,\n}: {\n  productImage: string\n  productName: string\n  productDesc: string\n  productBadge: string\n  className?: string\n  listingLink: string\n}) => {\n  return (\n    <Link href={listingLink} className=\"block no-underline hover:text-current\">\n      <div\n        className={cn(\n          'flex shrink-0 gap-4 bg-[#F5F5F7] px-4 py-3 [&_img]:hover:scale-110 [&_img]:hover:duration-500',\n          className\n        )}\n      >\n        <div className=\"shrink-0\">\n          <img\n            src={productImage}\n            loading=\"lazy\"\n            alt={productName}\n            width={90}\n            height={90}\n            className=\"size-[96px] object-contain\"\n          />\n        </div>\n        <div className=\"relative\">\n          <div className=\" h-[24px] \">\n            {productBadge && (\n              <Text\n                as=\"p\"\n                html={productBadge}\n                className=\"text-brand-0 mb-1 inline-block h-full rounded-full border-[1.6px] border-[#00BEFA] px-[6px] text-sm font-bold !leading-[22px]\"\n              />\n            )}\n          </div>\n          <div>\n            <Text\n              className=\"lg-desktop:h-[44px] lg-desktop:text-base line-clamp-2 h-[40px] text-sm font-bold leading-[1.4]\"\n              html={productName}\n            />\n            {productDesc && (\n              <Text\n                as=\"p\"\n                html={productDesc}\n                className=\"lg-desktop:text-sm mt-1 line-clamp-1 text-xs font-bold leading-[1.4] text-[#6D6D6F]\"\n              />\n            )}\n          </div>\n        </div>\n      </div>\n    </Link>\n  )\n}\n\nconst SearchKeyword = ({ data, keywords, locale }: { data: any; keywords: any[]; locale: string }) => {\n  return (\n    <div className=\"laptop:gap-4 flex flex-wrap gap-3\">\n      {keywords?.map((keyword: any, index) => (\n        <a\n          href={`${locale === 'us' ? '' : locale}${data?.moreLink}?q=${keyword?.toLowerCase()}`}\n          key={index}\n          className=\"laptop:p-3 desktop:p-4 cursor-pointer p-2 text-sm font-bold leading-[1.4] hover:bg-[#F5F5F7]\"\n        >\n          {keyword}\n        </a>\n      ))}\n    </div>\n  )\n}\n\nexport default NavigationSearch\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable react/no-unknown-property */\nimport { Picture, Text, Button, Container, Link, Heading, Grid, GridItem } from '../../components/index.js'\nimport { Search as SearchIcon, Close as CloseIcon } from '../HeaderNavigation/icons/index.js'\nimport { forwardRef, useCallback, useMemo, useState, useEffect, useRef } from 'react'\nimport type { NavigationSearchProps } from './types.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\n\nimport { SearchStatus } from './types.js'\n\nimport { debounce } from 'es-toolkit'\nimport { cn, atobID, highlightSearchWord } from '../../helpers/utils.js'\n\nexport const canSearch = (target: any) => {\n  return !(\n    target.metafields?.global?.HideSearch ||\n    target.metafields?.seo?.hidden ||\n    target.metafields?.seo?.setting?.noindex\n  )\n}\n\nconst NavigationSearch = forwardRef<HTMLDivElement, NavigationSearchProps>(\n  ({ data, onSearch, onClose, searchResult, isSearching, keywords }, ref) => {\n    const { locale = 'us', copyWriting } = useAiuiContext()\n\n    const [searchValue, setSearchValue] = useState('')\n    const [isComposing, setIsComposing] = useState(false)\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    // \u81EA\u52A8\u805A\u7126\u5230\u8F93\u5165\u6846\uFF08\u963B\u6B62\u6EDA\u52A8\u884C\u4E3A\uFF09\n    useEffect(() => {\n      if (inputRef.current) {\n        inputRef.current.focus({ preventScroll: true })\n      }\n    }, [])\n\n    const debouncedFunction = debounce((value: string) => {\n      onSearch(value)\n    }, 300)\n\n    const handleKeyDown = useCallback(\n      (e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === 'Enter' && !isComposing) {\n          window.open(`${locale === 'us' ? '' : locale}${data?.moreLink}?q=${searchValue.toLowerCase()}`, '_self')\n        }\n      },\n      [isComposing, searchValue, locale, data?.moreLink]\n    )\n\n    const searchKeywords = useMemo(() => {\n      if (Array.isArray(keywords) && keywords?.length) {\n        return keywords.map((keyword: any) => keyword.search_term)\n      }\n      if (Array.isArray(data?.popularWords) && data?.popularWords?.length) {\n        return data?.popularWords.map((word: any) => word.popularWord)\n      }\n      return []\n    }, [keywords, data?.popularWords])\n\n    const getLink = useCallback(\n      (item: any) => {\n        const type = item.__typename || item.type\n        switch (type) {\n          case 'Product':\n            return `/products${item.path}?q=${searchValue.toLowerCase()}`\n          case 'Article':\n            return `/blogs/${item.blog.handle}/${item.handle.replace('storefront-', '')}?q=${searchValue.toLowerCase()}`\n          default:\n            break\n        }\n      },\n      [searchValue]\n    )\n\n    const searchStatus = useMemo(() => {\n      if (!searchValue) {\n        // \u6CA1\u6709\u641C\u7D22\u503C\n        return SearchStatus.Default\n      } else if (searchResult?.totalCount) {\n        // \u6709\u641C\u7D22\u7ED3\u679C\n        return SearchStatus.Predict\n      } else if (!isSearching) {\n        // \u6CA1\u6709\u641C\u7D22\u7ED3\u679C\n        return SearchStatus.Empty\n      }\n    }, [searchResult?.totalCount, searchValue, isSearching])\n\n    return (\n      <Container childClassName=\"!bg-white\" className=\"relative\" ref={ref}>\n        <style>\n          {`\n            .navigation-search-component input:-webkit-autofill,\n            .navigation-search-component input:-webkit-autofill:hover,\n            .navigation-search-component input:-webkit-autofill:focus {\n              -webkit-box-shadow: 0 0 0 1000px transparent inset !important; /* \u80CC\u666F\u900F\u660E */\n              -webkit-text-fill-color: #000 !important;\n              transition: background-color 9999s ease-in-out 0s !important;\n              caret-color: #000;\n            }\n          `}\n        </style>\n        <div className=\"navigation-search-component laptop:h-[52px] desktop:h-[60px] desktop:pt-6 flex items-center justify-between gap-4 border-b border-b-gray-200 py-4 text-black\">\n          <input\n            ref={inputRef}\n            value={searchValue}\n            onCompositionStart={() => setIsComposing(true)}\n            onCompositionEnd={() => setIsComposing(false)}\n            onKeyDown={handleKeyDown}\n            onChange={e => {\n              setSearchValue(e.target.value)\n              if (e.target.value) {\n                debouncedFunction(e.target.value)\n              }\n            }}\n            type=\"text\"\n            className=\"flex-1 bg-white text-sm font-bold leading-[1.4] outline-none focus-visible:!outline-none \"\n            placeholder={data?.placeholder}\n          />\n          <div className=\"flex items-center gap-3\">\n            <SearchIcon className=\"size-5 cursor-pointer\" onClick={() => onSearch(searchValue)} />\n            <div className=\"h-[20px] w-px bg-[#E4E5E6]\" />\n            <CloseIcon className=\"size-5 cursor-pointer\" onClick={onClose} />\n          </div>\n        </div>\n        <div className=\"desktop:gap-12 desktop:py-6 flex flex-col gap-6 py-4 text-black\">\n          {searchStatus === SearchStatus.Predict ? (\n            <>\n              <div>\n                <div className=\"flex items-center gap-1\">\n                  <Text html={data?.suggestText} className=\"text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n                  {searchResult?.items?.length > 6 && (\n                    <Button\n                      as=\"a\"\n                      iconClassName=\"size-4\"\n                      href={`${locale === 'us' ? '' : locale}${data?.moreLink}?q=${searchValue.toLowerCase()}`}\n                      className=\"!p-0 !text-sm font-bold leading-[1.2]\"\n                      variant=\"link\"\n                    >\n                      {data?.moreText}\n                    </Button>\n                  )}\n                </div>\n                <div className=\"mt-2 flex flex-col\">\n                  {searchResult?.items\n                    ?.filter((item: any) => canSearch(item))\n                    .slice(0, 6)\n                    ?.map((item: any) => (\n                      <Link\n                        className=\"w-full p-4 no-underline hover:bg-[#F5F5F7] hover:text-current\"\n                        href={getLink(item)}\n                        key={item.id}\n                      >\n                        <Text\n                          html={highlightSearchWord(item.title, searchValue)}\n                          className=\"cursor-pointer text-sm font-bold leading-[1.4]\"\n                        />\n                      </Link>\n                    ))}\n                </div>\n              </div>\n              <div key=\"predict-advertising-card\">\n                <Text html={data?.hotProductsText} className=\"text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n                <div className=\"tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-4 tablet:gap-x-3 tablet:gap-y-4 laptop:gap-4 mt-2 grid grid-cols-1 gap-2\">\n                  {data?.advertisingBgImg?.url && (\n                    <Link asChild={!data?.advertisingLink} href={data?.advertisingLink}>\n                      <div className=\"rounded-sidebar-shelf relative\">\n                        <Picture\n                          source={data?.advertisingBgImg?.url}\n                          className=\"laptop:h-[120px] h-[114px]\"\n                          imgClassName=\"object-cover h-full\"\n                        />\n                        <div className=\"absolute inset-x-0 bottom-0 p-4\">\n                          <Heading\n                            size={2}\n                            html={data?.advertisingTitle || 'Buy in Guide'}\n                            className={cn('font-bold text-white', {\n                              'text-black': data?.advertisingTheme === 'dark',\n                            })}\n                          />\n                          <Text\n                            html={data?.advertisingSubtitle || '20.000mAh'}\n                            className={cn('text-sm font-bold text-white', {\n                              'text-black': data?.advertisingTheme === 'dark',\n                            })}\n                          />\n                        </div>\n                      </div>\n                    </Link>\n                  )}\n                  {searchResult?.items\n                    ?.filter((item: any) => item.type.toLowerCase() === 'product')\n                    .slice(0, 7)\n                    ?.map((item: any) => {\n                      const variant = item?.variants?.[0]\n                      const productImage = `${variant?.image?.url || item?.images?.[0]?.url}`\n                      const productName = item?.title || item?.name\n                      const productDesc = item?.description\n                      const productBadge = item?.badge || ''\n                      const listingLink = `/products/${item?.handle}?variant=${atobID(variant?.id as string)}`\n                      return (\n                        <SearchProduct\n                          productImage={productImage}\n                          productName={productName}\n                          productDesc={productDesc}\n                          productBadge={productBadge}\n                          listingLink={listingLink}\n                          key={item.id}\n                        />\n                      )\n                    })}\n                </div>\n              </div>\n            </>\n          ) : (\n            <>\n              {searchStatus === SearchStatus.Empty && (\n                <Text\n                  html={data?.noResultText}\n                  as=\"p\"\n                  className=\"border-b border-[#E4E5E6] pb-6 text-sm font-bold leading-[1.4] text-[#6D6D6F]\"\n                />\n              )}\n              <div>\n                <Text html={data?.popularText} className=\"text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n                <div className=\"mt-2\">\n                  <SearchKeyword data={data} keywords={searchKeywords} locale={locale} />\n                  {Array.isArray(data?.popularPages) && !!data?.popularPages?.length && (\n                    <Grid className=\"laptop:gap-4 laptop:mt-4 mt-3 gap-3\">\n                      {data?.popularPages?.map((item: any) => (\n                        <GridItem\n                          key={item?.id}\n                          className=\"tablet:col-span-6 laptop:p-3 desktop:p-4 laptop:col-span-3 col-span-12 p-2 hover:bg-[#F5F5F7]\"\n                        >\n                          <a\n                            href={`${locale === 'us' ? '' : locale}${data?.moreLink}?q=${item?.popularPage.toLowerCase()}`}\n                            className=\"line-clamp-1 cursor-pointer text-sm font-bold leading-[1.4]\"\n                          >\n                            {item?.popularPage}\n                          </a>\n                        </GridItem>\n                      ))}\n                    </Grid>\n                  )}\n                </div>\n              </div>\n              <div key=\"empty-advertising-card\">\n                <Text html={data?.hotProductsText} className=\"text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n                <div className=\"tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-4 tablet:gap-x-3 tablet:gap-y-4 laptop:gap-4 mt-2 grid grid-cols-1 gap-2\">\n                  {data?.advertisingBgImg?.url && (\n                    <Link asChild={!data?.advertisingLink} href={data?.advertisingLink}>\n                      <div className=\"rounded-sidebar-shelf relative overflow-hidden [&_img]:hover:scale-110 [&_img]:hover:transition-all [&_img]:hover:duration-500\">\n                        <Picture\n                          source={data?.advertisingBgImg?.url}\n                          className=\"laptop:h-[120px] h-[114px]\"\n                          imgClassName=\"object-cover h-full\"\n                        />\n                        <div className=\"absolute inset-x-0 bottom-0 p-4\">\n                          <Heading\n                            size={2}\n                            html={data?.advertisingTitle || 'Buy in Guide'}\n                            className={cn('font-bold text-white', {\n                              'text-black': data?.advertisingTheme === 'dark',\n                            })}\n                          />\n                          <Text\n                            html={data?.advertisingSubtitle || '20.000mAh'}\n                            className={cn('text-sm font-bold text-white', {\n                              'text-black': data?.advertisingTheme === 'dark',\n                            })}\n                          />\n                        </div>\n                      </div>\n                    </Link>\n                  )}\n                  {data?.hotProducts?.slice(0, 7)?.map((item: any) => {\n                    const productDesc = item?.custom_description\n                    const productBadge = item?.badge || ''\n                    const listingLink = `/products/${item?.handle}?variant=${atobID(item?.shopify_id as string)}`\n                    return (\n                      <SearchProduct\n                        productImage={item?.image}\n                        productName={item?.name}\n                        productDesc={productDesc}\n                        productBadge={productBadge}\n                        listingLink={listingLink}\n                        key={item.shopify_id || item.id}\n                      />\n                    )\n                  })}\n                </div>\n              </div>\n            </>\n          )}\n        </div>\n      </Container>\n    )\n  }\n)\n\nNavigationSearch.displayName = 'NavigationSearch'\n\nconst SearchProduct = ({\n  productImage,\n  productName,\n  productDesc,\n  productBadge,\n  className,\n  listingLink,\n}: {\n  productImage: string\n  productName: string\n  productDesc: string\n  productBadge: string\n  className?: string\n  listingLink: string\n}) => {\n  return (\n    <Link href={listingLink} className=\"block no-underline hover:text-current\">\n      <div\n        className={cn(\n          'flex shrink-0 gap-4 bg-[#F5F5F7] px-4 py-3 [&_img]:hover:scale-110 [&_img]:hover:duration-500',\n          className\n        )}\n      >\n        <div className=\"shrink-0\">\n          <img\n            src={productImage}\n            loading=\"lazy\"\n            alt={productName}\n            width={90}\n            height={90}\n            className=\"size-[96px] object-contain\"\n          />\n        </div>\n        <div className=\"relative\">\n          <div className=\" h-[24px] \">\n            {productBadge && (\n              <Text\n                as=\"p\"\n                html={productBadge}\n                className=\"text-brand-0 mb-1 inline-block h-full rounded-full border-[1.6px] border-[#00BEFA] px-[6px] text-sm font-bold !leading-[22px]\"\n              />\n            )}\n          </div>\n          <div>\n            <Text\n              className=\"lg-desktop:h-[44px] lg-desktop:text-base line-clamp-2 h-[40px] text-sm font-bold leading-[1.4]\"\n              html={productName}\n            />\n            {productDesc && (\n              <Text\n                as=\"p\"\n                html={productDesc}\n                className=\"lg-desktop:text-sm mt-1 line-clamp-1 text-xs font-bold leading-[1.4] text-[#6D6D6F]\"\n              />\n            )}\n          </div>\n        </div>\n      </div>\n    </Link>\n  )\n}\n\nconst SearchKeyword = ({ data, keywords, locale }: { data: any; keywords: any[]; locale: string }) => {\n  return (\n    <div className=\"laptop:gap-4 flex flex-wrap gap-3\">\n      {keywords?.map((keyword: any, index) => (\n        <a\n          href={`${locale === 'us' ? '' : locale}${data?.moreLink}?q=${keyword?.toLowerCase()}`}\n          key={index}\n          className=\"laptop:p-3 desktop:p-4 cursor-pointer p-2 text-sm font-bold leading-[1.4] hover:bg-[#F5F5F7]\"\n        >\n          {keyword}\n        </a>\n      ))}\n    </div>\n  )\n}\n\nexport default NavigationSearch\n"],
+  "mappings": "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",
   "names": ["NavigationSearch_exports", "__export", "canSearch", "NavigationSearch_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_icons", "import_react", "import_AiuiProvider", "import_types", "import_es_toolkit", "import_utils", "target", "NavigationSearch", "data", "onSearch", "onClose", "searchResult", "isSearching", "keywords", "ref", "locale", "copyWriting", "searchValue", "setSearchValue", "isComposing", "setIsComposing", "inputRef", "debouncedFunction", "value", "handleKeyDown", "e", "searchKeywords", "keyword", "word", "getLink", "item", "searchStatus", "SearchIcon", "CloseIcon", "variant", "productImage", "productName", "productDesc", "productBadge", "listingLink", "SearchProduct", "SearchKeyword", "className", "index"]
 }

package/dist/esm/biz-components/HeaderNavigation/CompanyStatsBanner/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { CompanyStatsBannerProps, StatItem } from './types.js';
+/**
+ * 公司统计横幅组件
+ * 用于展示公司 Logo、标语和关键统计数据
+ */
+declare const CompanyStatsBanner: React.ForwardRefExoticComponent<CompanyStatsBannerProps & React.RefAttributes<HTMLDivElement>>;
+export default CompanyStatsBanner;
+export type { CompanyStatsBannerProps, StatItem };

package/dist/esm/biz-components/HeaderNavigation/CompanyStatsBanner/index.js

@@ -0,0 +1,2 @@
+import{jsx as t,jsxs as n}from"react/jsx-runtime";import c from"react";import{Text as i,Picture as f}from"../../../components/index.js";import{cn as e}from"../../../helpers/index.js";const k=({stat:s,theme:l,isLast:r})=>n("div",{className:e("tablet:after:hidden relative flex flex-col gap-1 after:absolute after:bottom-1 after:right-0 after:h-[calc(100%-8px)] after:w-px after:bg-[#3A3C40] after:content-['']",{"after:hidden":r}),children:[t(i,{as:"div",html:s.value,className:e("desktop:text-[32px] tablet:text-[24px] text-[14px] leading-[1.2]",{"text-white":l!=="dark","text-black":l==="dark"})}),t(i,{as:"p",html:s.label,className:e("desktop:text-base text-balance text-sm font-bold leading-[1.4] tracking-[-0.28px]",{"text-white":l!=="dark","text-black":l==="dark"})})]}),x=c.forwardRef(({data:s,className:l},r)=>{const{logo:o,tagline:p,stats:d=[],theme:a="dark"}=s;return t("div",{ref:r,"data-ui-component-id":"CompanyStatsBanner",className:e("desktop:h-[200px] lg-desktop:h-[240px] relative flex w-full items-center justify-between overflow-hidden","p-4","tablet:p-6","desktop:px-16 desktop:py-8","lg-desktop:px-32",{"bg-black":a!=="dark","bg-white":a==="dark"},l),children:n("div",{className:e("relative z-10 flex w-full flex-col gap-4","desktop:flex-row desktop:items-center desktop:justify-between"),children:[n("div",{className:"tablet:flex-row tablet:gap-4 flex shrink-0 flex-col items-start gap-2",children:[o?.url&&t(f,{source:o.url,alt:o.alt||"Company Logo",className:"tablet:h-10 h-9 w-auto",imgClassName:"h-full w-auto object-contain"}),o?.url&&p&&t("div",{className:e("tablet:block tablet:h-10 hidden h-8 w-px",{"bg-white":a!=="dark","bg-black":a==="dark"})}),p&&t(i,{as:"p",html:p,className:e("text-sm font-bold leading-[1.4]","tablet:max-w-[320px] tablet:text-base",{"text-white":a!=="dark","text-black":a==="dark"})})]}),d.length>0&&t("div",{className:e("tablet:flex grid grid-cols-3 gap-4","tablet:flex-nowrap tablet:gap-10 desktop:gap-[50px]"),children:d.map((b,m)=>t("div",{children:t(k,{stat:b,theme:a,isLast:m===d.length-1})},`stat-${m}`))})]})})});x.displayName="CompanyStatsBanner";var w=x;export{w as default};
+//# sourceMappingURL=index.js.map

package/dist/esm/biz-components/HeaderNavigation/CompanyStatsBanner/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/biz-components/HeaderNavigation/CompanyStatsBanner/index.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport { Text, Picture } from '../../../components/index.js'\nimport { cn } from '../../../helpers/index.js'\nimport type { CompanyStatsBannerProps, StatItem } from './types.js'\n\n/**\n * \u7EDF\u8BA1\u9879\u7EC4\u4EF6\n */\nconst StatItemComp = ({ stat, theme, isLast }: { stat: StatItem; theme?: 'light' | 'dark'; isLast?: boolean }) => {\n  return (\n    <div\n      className={cn(\n        \"tablet:after:hidden relative flex flex-col gap-1 after:absolute after:bottom-1 after:right-0 after:h-[calc(100%-8px)] after:w-px after:bg-[#3A3C40] after:content-['']\",\n        { 'after:hidden': isLast }\n      )}\n    >\n      <Text\n        as=\"div\"\n        html={stat.value}\n        className={cn('desktop:text-[32px] tablet:text-[24px] text-[14px] leading-[1.2]', {\n          'text-white': theme !== 'dark',\n          'text-black': theme === 'dark',\n        })}\n      />\n      <Text\n        as=\"p\"\n        html={stat.label}\n        className={cn('desktop:text-base text-balance text-sm font-bold leading-[1.4] tracking-[-0.28px]', {\n          'text-white': theme !== 'dark',\n          'text-black': theme === 'dark',\n        })}\n      />\n    </div>\n  )\n}\n\n/**\n * \u516C\u53F8\u7EDF\u8BA1\u6A2A\u5E45\u7EC4\u4EF6\n * \u7528\u4E8E\u5C55\u793A\u516C\u53F8 Logo\u3001\u6807\u8BED\u548C\u5173\u952E\u7EDF\u8BA1\u6570\u636E\n */\nconst CompanyStatsBanner = React.forwardRef<HTMLDivElement, CompanyStatsBannerProps>(({ data, className }, ref) => {\n  const { logo, tagline, stats = [], theme = 'dark' } = data\n\n  return (\n    <div\n      ref={ref}\n      data-ui-component-id=\"CompanyStatsBanner\"\n      className={cn(\n        'desktop:h-[200px] lg-desktop:h-[240px] relative flex w-full items-center justify-between overflow-hidden',\n        'p-4',\n        'tablet:p-6',\n        'desktop:px-16 desktop:py-8',\n        'lg-desktop:px-32',\n        {\n          'bg-black': theme !== 'dark',\n          'bg-white': theme === 'dark',\n        },\n        className\n      )}\n    >\n      {/* \u5185\u5BB9\u533A\u57DF */}\n      <div\n        className={cn(\n          'relative z-10 flex w-full flex-col gap-4',\n          'desktop:flex-row desktop:items-center desktop:justify-between'\n        )}\n      >\n        {/* \u5DE6\u4FA7: Logo + \u5206\u9694\u7EBF + \u6807\u8BED */}\n        <div className=\"tablet:flex-row tablet:gap-4 flex shrink-0 flex-col items-start gap-2\">\n          {logo?.url && (\n            <Picture\n              source={logo.url}\n              alt={logo.alt || 'Company Logo'}\n              className=\"tablet:h-10 h-9 w-auto\"\n              imgClassName=\"h-full w-auto object-contain\"\n            />\n          )}\n          {logo?.url && tagline && (\n            <div\n              className={cn('tablet:block tablet:h-10 hidden h-8 w-px', {\n                'bg-white': theme !== 'dark',\n                'bg-black': theme === 'dark',\n              })}\n            />\n          )}\n          {tagline && (\n            <Text\n              as=\"p\"\n              html={tagline}\n              className={cn('text-sm font-bold leading-[1.4]', 'tablet:max-w-[320px] tablet:text-base', {\n                'text-white': theme !== 'dark',\n                'text-black': theme === 'dark',\n              })}\n            />\n          )}\n        </div>\n\n        {/* \u53F3\u4FA7: \u7EDF\u8BA1\u6570\u636E */}\n        {stats.length > 0 && (\n          <div\n            className={cn('tablet:flex grid grid-cols-3 gap-4', 'tablet:flex-nowrap tablet:gap-10 desktop:gap-[50px]')}\n          >\n            {stats.map((stat, index) => (\n              <div key={`stat-${index}`}>\n                <StatItemComp stat={stat} theme={theme} isLast={index === stats.length - 1} />\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n    </div>\n  )\n})\n\nCompanyStatsBanner.displayName = 'CompanyStatsBanner'\n\nexport default CompanyStatsBanner\nexport type { CompanyStatsBannerProps, StatItem }\n"],
+  "mappings": "AAUI,OAME,OAAAA,EANF,QAAAC,MAAA,oBAVJ,OAAOC,MAAW,QAClB,OAAS,QAAAC,EAAM,WAAAC,MAAe,+BAC9B,OAAS,MAAAC,MAAU,4BAMnB,MAAMC,EAAe,CAAC,CAAE,KAAAC,EAAM,MAAAC,EAAO,OAAAC,CAAO,IAExCR,EAAC,OACC,UAAWI,EACT,yKACA,CAAE,eAAgBI,CAAO,CAC3B,EAEA,UAAAT,EAACG,EAAA,CACC,GAAG,MACH,KAAMI,EAAK,MACX,UAAWF,EAAG,mEAAoE,CAChF,aAAcG,IAAU,OACxB,aAAcA,IAAU,MAC1B,CAAC,EACH,EACAR,EAACG,EAAA,CACC,GAAG,IACH,KAAMI,EAAK,MACX,UAAWF,EAAG,oFAAqF,CACjG,aAAcG,IAAU,OACxB,aAAcA,IAAU,MAC1B,CAAC,EACH,GACF,EAQEE,EAAqBR,EAAM,WAAoD,CAAC,CAAE,KAAAS,EAAM,UAAAC,CAAU,EAAGC,IAAQ,CACjH,KAAM,CAAE,KAAAC,EAAM,QAAAC,EAAS,MAAAC,EAAQ,CAAC,EAAG,MAAAR,EAAQ,MAAO,EAAIG,EAEtD,OACEX,EAAC,OACC,IAAKa,EACL,uBAAqB,qBACrB,UAAWR,EACT,2GACA,MACA,aACA,6BACA,mBACA,CACE,WAAYG,IAAU,OACtB,WAAYA,IAAU,MACxB,EACAI,CACF,EAGA,SAAAX,EAAC,OACC,UAAWI,EACT,2CACA,+DACF,EAGA,UAAAJ,EAAC,OAAI,UAAU,wEACZ,UAAAa,GAAM,KACLd,EAACI,EAAA,CACC,OAAQU,EAAK,IACb,IAAKA,EAAK,KAAO,eACjB,UAAU,yBACV,aAAa,+BACf,EAEDA,GAAM,KAAOC,GACZf,EAAC,OACC,UAAWK,EAAG,2CAA4C,CACxD,WAAYG,IAAU,OACtB,WAAYA,IAAU,MACxB,CAAC,EACH,EAEDO,GACCf,EAACG,EAAA,CACC,GAAG,IACH,KAAMY,EACN,UAAWV,EAAG,kCAAmC,wCAAyC,CACxF,aAAcG,IAAU,OACxB,aAAcA,IAAU,MAC1B,CAAC,EACH,GAEJ,EAGCQ,EAAM,OAAS,GACdhB,EAAC,OACC,UAAWK,EAAG,qCAAsC,qDAAqD,EAExG,SAAAW,EAAM,IAAI,CAACT,EAAMU,IAChBjB,EAAC,OACC,SAAAA,EAACM,EAAA,CAAa,KAAMC,EAAM,MAAOC,EAAO,OAAQS,IAAUD,EAAM,OAAS,EAAG,GADpE,QAAQC,CAAK,EAEvB,CACD,EACH,GAEJ,EACF,CAEJ,CAAC,EAEDP,EAAmB,YAAc,qBAEjC,IAAOQ,EAAQR",
+  "names": ["jsx", "jsxs", "React", "Text", "Picture", "cn", "StatItemComp", "stat", "theme", "isLast", "CompanyStatsBanner", "data", "className", "ref", "logo", "tagline", "stats", "index", "CompanyStatsBanner_default"]
+}

package/dist/esm/biz-components/HeaderNavigation/CompanyStatsBanner/types.d.ts

@@ -0,0 +1,27 @@
+import type { Media, Theme } from '../../../types/props.js';
+/**
+ * 统计项
+ */
+export interface StatItem {
+    /** 统计数值 (如: "146+", "47.75%", "5,000+") */
+    value: string;
+    /** 统计标签 (如: "Countries and Regions") */
+    label: string;
+}
+/**
+ * CompanyStatsBanner 组件属性
+ */
+export interface CompanyStatsBannerProps {
+    data: {
+        /** Logo 图片 */
+        logo?: Media;
+        /** 公司标语 */
+        tagline?: string;
+        /** 统计数据列表 */
+        stats?: StatItem[];
+        /** 主题 (light: 白色文字, dark: 黑色文字) */
+        theme?: Theme;
+    };
+    /** 自定义类名 */
+    className?: string;
+}

package/dist/esm/biz-components/HeaderNavigation/CompanyStatsBanner/types.js

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

package/dist/esm/biz-components/HeaderNavigation/CompanyStatsBanner/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/biz-components/HeaderNavigation/MobileMulticolMenu.d.ts

@@ -2,6 +2,8 @@
  * 移动端multicol菜单
  * @param multicolMetadata multicol菜单元数据
  */
-export declare const MobileMulticolMenu: ({ multicolMetadata }: {
+export declare const MobileMulticolMenu: ({ multicolMetadata, showStatsBanner, statsBannerData, }: {
     multicolMetadata: any;
+    showStatsBanner: boolean;
+    statsBannerData: any;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/biz-components/HeaderNavigation/MobileMulticolMenu.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{useMemo as p}from"react";import{cn as r}from"../../helpers/utils.js";import{MulticolItem as i}from"./MulticolDropdown.js";const u=({multicolMetadata:t})=>{const o=p(()=>!t?.some(l=>!!l.columns),[t]);return e("div",{className:r("tablet:py-4 tablet:px-8 laptop:px-16 tablet:gap-6 flex flex-col gap-4 p-4",{"tablet:grid tablet:grid-cols-2 tablet:gap-3 laptop:gap-4":o}),children:t?.map((l,a)=>e("div",{children:e(i,{item:l,allPicture:o})},`multicolItem-${l?.label}-${a}`))})};export{u as MobileMulticolMenu};
+import{jsx as t,jsxs as c}from"react/jsx-runtime";import{useMemo as r}from"react";import{cn as m}from"../../helpers/utils.js";import{MulticolItem as i}from"./MulticolDropdown.js";import s from"./CompanyStatsBanner/index.js";const v=({multicolMetadata:l,showStatsBanner:o,statsBannerData:n})=>{const e=r(()=>!l?.some(a=>!!a.columns),[l]);return c("div",{className:"tablet:px-8 laptop:px-16 tablet:gap-6 flex flex-col gap-3 p-4",children:[o&&t(s,{data:n}),t("div",{className:m(" flex flex-col gap-4",{"tablet:grid tablet:grid-cols-2 tablet:gap-3 laptop:gap-4":e}),children:l?.map((a,p)=>t("div",{children:t(i,{item:a,allPicture:e})},`multicolItem-${a?.label}-${p}`))})]})};export{v as MobileMulticolMenu};
 //# sourceMappingURL=MobileMulticolMenu.js.map

package/dist/esm/biz-components/HeaderNavigation/MobileMulticolMenu.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/HeaderNavigation/MobileMulticolMenu.tsx"],
-  "sourcesContent": ["import React, { useMemo } from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport { MulticolItem } from './MulticolDropdown.js'\n\n/**\n * \u79FB\u52A8\u7AEFmulticol\u83DC\u5355\n * @param multicolMetadata multicol\u83DC\u5355\u5143\u6570\u636E\n */\nexport const MobileMulticolMenu = ({ multicolMetadata }: { multicolMetadata: any }) => {\n  // \u662F\u5426\u5168\u90E8\u662F\u56FE\u7247\n  const allPicture = useMemo(() => {\n    return !multicolMetadata?.some((item: any) => !!item.columns)\n  }, [multicolMetadata])\n\n  return (\n    <div\n      className={cn('tablet:py-4 tablet:px-8 laptop:px-16 tablet:gap-6 flex flex-col gap-4 p-4', {\n        ['tablet:grid tablet:grid-cols-2 tablet:gap-3 laptop:gap-4']: allPicture,\n      })}\n    >\n      {multicolMetadata?.map((item: any, index: number) => (\n        <div key={`multicolItem-${item?.label}-${index}`}>\n          <MulticolItem item={item} allPicture={allPicture} />\n        </div>\n      ))}\n    </div>\n  )\n}\n"],
-  "mappings": "AAsBU,cAAAA,MAAA,oBAtBV,OAAgB,WAAAC,MAAe,QAC/B,OAAS,MAAAC,MAAU,yBACnB,OAAS,gBAAAC,MAAoB,wBAMtB,MAAMC,EAAqB,CAAC,CAAE,iBAAAC,CAAiB,IAAiC,CAErF,MAAMC,EAAaL,EAAQ,IAClB,CAACI,GAAkB,KAAME,GAAc,CAAC,CAACA,EAAK,OAAO,EAC3D,CAACF,CAAgB,CAAC,EAErB,OACEL,EAAC,OACC,UAAWE,EAAG,4EAA6E,CACxF,2DAA6DI,CAChE,CAAC,EAEA,SAAAD,GAAkB,IAAI,CAACE,EAAWC,IACjCR,EAAC,OACC,SAAAA,EAACG,EAAA,CAAa,KAAMI,EAAM,WAAYD,EAAY,GAD1C,gBAAgBC,GAAM,KAAK,IAAIC,CAAK,EAE9C,CACD,EACH,CAEJ",
-  "names": ["jsx", "useMemo", "cn", "MulticolItem", "MobileMulticolMenu", "multicolMetadata", "allPicture", "item", "index"]
+  "sourcesContent": ["import React, { useMemo } from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport { MulticolItem } from './MulticolDropdown.js'\nimport CompanyStatsBanner from './CompanyStatsBanner/index.js'\n\n/**\n * \u79FB\u52A8\u7AEFmulticol\u83DC\u5355\n * @param multicolMetadata multicol\u83DC\u5355\u5143\u6570\u636E\n */\nexport const MobileMulticolMenu = ({\n  multicolMetadata,\n  showStatsBanner,\n  statsBannerData,\n}: {\n  multicolMetadata: any\n  showStatsBanner: boolean\n  statsBannerData: any\n}) => {\n  // \u662F\u5426\u5168\u90E8\u662F\u56FE\u7247\n  const allPicture = useMemo(() => {\n    return !multicolMetadata?.some((item: any) => !!item.columns)\n  }, [multicolMetadata])\n\n  return (\n    <div className=\"tablet:px-8 laptop:px-16 tablet:gap-6 flex flex-col gap-3 p-4\">\n      {showStatsBanner && <CompanyStatsBanner data={statsBannerData} />}\n\n      <div\n        className={cn(' flex flex-col gap-4', {\n          ['tablet:grid tablet:grid-cols-2 tablet:gap-3 laptop:gap-4']: allPicture,\n        })}\n      >\n        {multicolMetadata?.map((item: any, index: number) => (\n          <div key={`multicolItem-${item?.label}-${index}`}>\n            <MulticolItem item={item} allPicture={allPicture} />\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "AAwBI,OACsB,OAAAA,EADtB,QAAAC,MAAA,oBAxBJ,OAAgB,WAAAC,MAAe,QAC/B,OAAS,MAAAC,MAAU,yBACnB,OAAS,gBAAAC,MAAoB,wBAC7B,OAAOC,MAAwB,gCAMxB,MAAMC,EAAqB,CAAC,CACjC,iBAAAC,EACA,gBAAAC,EACA,gBAAAC,CACF,IAIM,CAEJ,MAAMC,EAAaR,EAAQ,IAClB,CAACK,GAAkB,KAAMI,GAAc,CAAC,CAACA,EAAK,OAAO,EAC3D,CAACJ,CAAgB,CAAC,EAErB,OACEN,EAAC,OAAI,UAAU,gEACZ,UAAAO,GAAmBR,EAACK,EAAA,CAAmB,KAAMI,EAAiB,EAE/DT,EAAC,OACC,UAAWG,EAAG,uBAAwB,CACnC,2DAA6DO,CAChE,CAAC,EAEA,SAAAH,GAAkB,IAAI,CAACI,EAAWC,IACjCZ,EAAC,OACC,SAAAA,EAACI,EAAA,CAAa,KAAMO,EAAM,WAAYD,EAAY,GAD1C,gBAAgBC,GAAM,KAAK,IAAIC,CAAK,EAE9C,CACD,EACH,GACF,CAEJ",
+  "names": ["jsx", "jsxs", "useMemo", "cn", "MulticolItem", "CompanyStatsBanner", "MobileMulticolMenu", "multicolMetadata", "showStatsBanner", "statsBannerData", "allPicture", "item", "index"]
 }

package/dist/esm/biz-components/HeaderNavigation/MulticolDropdown.d.ts

@@ -2,8 +2,10 @@
  * 多列下拉
  * @param categoriesItem 分类项
  */
-export declare const MulticolDropdown: ({ multicolMetadata }: {
+export declare const MulticolDropdown: ({ multicolMetadata, showStatsBanner, statsBannerData, }: {
     multicolMetadata: any;
+    showStatsBanner: boolean;
+    statsBannerData: any;
 }) => import("react/jsx-runtime").JSX.Element;
 /**
  * 多列下拉项

package/dist/esm/biz-components/HeaderNavigation/MulticolDropdown.js

@@ -1,2 +1,2 @@
-import{Fragment as x,jsx as l,jsxs as o}from"react/jsx-runtime";import{useRef as p}from"react";import{Container as m,Text as s,Link as i,Picture as c,Button as u}from"../../components/index.js";import{cn as r,getLocalizedPath as d}from"../../helpers/utils.js";import{useAiuiContext as b}from"../AiuiProvider/index.js";const w=({multicolMetadata:e})=>{const n=p(null);return l("div",{ref:n,children:l(m,{childClassName:"bg-white",className:"h-full",children:l("div",{className:"flex gap-4 py-4",children:e?.map((t,a)=>l("div",{className:"w-1/4",children:l(f,{item:t})},`multicolItem-${t?.label}-${a}`))})})})},f=({item:e,allPicture:n})=>{const{locale:t="us"}=b();return o(x,{children:[e?.columns&&o(x,{children:[l(s,{html:e.label,as:"div",className:"my-2 text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),l("div",{className:"mt-2 flex flex-col",children:e.columns?.map(a=>o("div",{className:"flex items-center gap-1 py-2",children:[l(i,{href:`${d(a.url,t)}?ref=navMenu`,asChild:!a.url,className:"text-sm font-bold leading-[1.4] no-underline",children:a.label}),a?.badge&&l(s,{as:"p",html:a?.badge||"badge",className:"text-brand-0 h-[24px] rounded-full border-[1.6px] border-[var(--brand-color-0)] px-[6px] text-sm font-bold !leading-[22px]"})]},a.label))})]}),e?.imageUrl&&l("div",{className:r("laptop:h-[280px] desktop:h-[224px] lg-desktop:h-[280px] tablet:max-w-[346px] laptop:max-w-[440px] desktop:w-full relative h-[240px] max-w-[358px] overflow-hidden",{"tablet:max-w-none laptop:max-w-none":n}),children:o(i,{href:`${d(e.url,t)}?ref=navMenu`,asChild:!e.url,children:[l(c,{source:e.imageUrl,width:404,height:280,className:"size-full",imgClassName:"object-cover h-full hover:scale-105 transition-all duration-300"}),o("div",{className:"absolute bottom-4 left-4 z-10 flex flex-col justify-end no-underline",children:[l(s,{html:e.title,className:r("lg-desktop:text-2xl text-xl font-bold leading-[1.2] text-white",{"text-black":e?.theme==="dark"})}),e.subtitle&&l(s,{html:e.subtitle,className:r("text-sm font-bold leading-[1.4] text-white",{"text-black":e?.theme==="dark"})}),e?.primary?.label&&l(u,{as:"a",href:d(e?.primary?.url,t),variant:"link",size:"lg",className:r("mr-auto !p-0 text-sm font-bold leading-[1.4] text-white",{"text-black":e?.theme==="dark"}),children:e?.primary?.label||"more"})]})]})})]})};export{w as MulticolDropdown,f as MulticolItem};
+import{Fragment as x,jsx as e,jsxs as t}from"react/jsx-runtime";import{useRef as c}from"react";import{Container as f,Text as s,Link as p,Picture as u,Button as b}from"../../components/index.js";import h from"./CompanyStatsBanner/index.js";import{cn as n,getLocalizedPath as i}from"../../helpers/utils.js";import{useAiuiContext as v}from"../AiuiProvider/index.js";const M=({multicolMetadata:a,showStatsBanner:r,statsBannerData:o})=>{const l=c(null);return e("div",{ref:l,className:"bg-white py-4",children:e(f,{childClassName:"bg-white",className:"h-full",children:t("div",{className:"laptop:gap-4 flex flex-col gap-3",children:[r&&e(h,{data:o}),e("div",{className:"flex gap-4",children:a?.map((d,m)=>e("div",{className:"w-1/4",children:e(g,{item:d})},`multicolItem-${d?.label}-${m}`))})]})})})},g=({item:a,allPicture:r})=>{const{locale:o="us"}=v();return t(x,{children:[a?.columns&&t(x,{children:[e(s,{html:a.label,as:"div",className:"my-2 text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),e("div",{className:"mt-2 flex flex-col",children:a.columns?.map(l=>t("div",{className:"flex items-center gap-1 py-2",children:[e(p,{href:`${i(l.url,o)}?ref=navMenu`,asChild:!l.url,className:"text-sm font-bold leading-[1.4] no-underline",children:l.label}),l?.badge&&e(s,{as:"p",html:l?.badge||"badge",className:"text-brand-0 h-[24px] rounded-full border-[1.6px] border-[var(--brand-color-0)] px-[6px] text-sm font-bold !leading-[22px]"})]},l.label))})]}),a?.imageUrl&&e("div",{className:n("laptop:h-[280px] desktop:h-[224px] lg-desktop:h-[280px] tablet:max-w-[346px] laptop:max-w-[440px] desktop:w-full relative h-[240px] max-w-[358px] overflow-hidden",{"tablet:max-w-none laptop:max-w-none":r}),children:t(p,{href:`${i(a.url,o)}?ref=navMenu`,asChild:!a.url,children:[e(u,{source:a.imageUrl,width:404,height:280,className:"size-full",imgClassName:"object-cover h-full hover:scale-105 transition-all duration-300"}),t("div",{className:"absolute bottom-4 left-4 z-10 flex flex-col justify-end no-underline",children:[e(s,{html:a.title,className:n("lg-desktop:text-2xl text-xl font-bold leading-[1.2] text-white",{"text-black":a?.theme==="dark"})}),a.subtitle&&e(s,{html:a.subtitle,className:n("text-sm font-bold leading-[1.4] text-white",{"text-black":a?.theme==="dark"})}),a?.primary?.label&&e(b,{as:"a",href:i(a?.primary?.url,o),variant:"link",size:"lg",className:n("mr-auto !p-0 text-sm font-bold leading-[1.4] text-white",{"text-black":a?.theme==="dark"}),children:a?.primary?.label||"more"})]})]})})]})};export{M as MulticolDropdown,g as MulticolItem};
 //# sourceMappingURL=MulticolDropdown.js.map

package/dist/esm/biz-components/HeaderNavigation/MulticolDropdown.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/HeaderNavigation/MulticolDropdown.tsx"],
-  "sourcesContent": ["import React, { useRef } from 'react'\nimport { Container, Text, Link, Picture, Button } from '../../components/index.js'\nimport { cn, getLocalizedPath } from '../../helpers/utils.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\n\n/**\n * \u591A\u5217\u4E0B\u62C9\n * @param categoriesItem \u5206\u7C7B\u9879\n */\nexport const MulticolDropdown = ({ multicolMetadata }: { multicolMetadata: any }) => {\n  const multicolDropdownRef = useRef<HTMLDivElement>(null)\n\n  return (\n    <div ref={multicolDropdownRef}>\n      <Container childClassName=\"bg-white\" className=\"h-full\">\n        <div className=\"flex gap-4 py-4\">\n          {multicolMetadata?.map((item: any, index: number) => (\n            <div key={`multicolItem-${item?.label}-${index}`} className=\"w-1/4\">\n              <MulticolItem item={item} />\n            </div>\n          ))}\n        </div>\n      </Container>\n    </div>\n  )\n}\n\n/**\n * \u591A\u5217\u4E0B\u62C9\u9879\n * @param item \u591A\u5217\u4E0B\u62C9\u9879\n */\nexport const MulticolItem = ({ item, allPicture }: { item: any; allPicture?: boolean }) => {\n  const { locale = 'us' } = useAiuiContext()\n  return (\n    <>\n      {item?.columns && (\n        <>\n          <Text html={item.label} as=\"div\" className=\"my-2 text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n          <div className=\"mt-2 flex flex-col\">\n            {item.columns?.map((columnItem: any) => (\n              <div key={columnItem.label} className=\"flex items-center gap-1 py-2\">\n                <Link\n                  href={`${getLocalizedPath(columnItem.url, locale)}?ref=navMenu`}\n                  asChild={!columnItem.url}\n                  className=\"text-sm font-bold leading-[1.4] no-underline\"\n                >\n                  {columnItem.label}\n                </Link>\n                {columnItem?.badge && (\n                  <Text\n                    as=\"p\"\n                    html={columnItem?.badge || 'badge'}\n                    className=\"text-brand-0 h-[24px] rounded-full border-[1.6px] border-[var(--brand-color-0)] px-[6px] text-sm font-bold !leading-[22px]\"\n                  />\n                )}\n              </div>\n            ))}\n          </div>\n        </>\n      )}\n      {item?.imageUrl && (\n        <div\n          className={cn(\n            'laptop:h-[280px] desktop:h-[224px] lg-desktop:h-[280px] tablet:max-w-[346px] laptop:max-w-[440px] desktop:w-full relative h-[240px] max-w-[358px] overflow-hidden',\n            {\n              ['tablet:max-w-none laptop:max-w-none']: allPicture,\n            }\n          )}\n        >\n          <Link href={`${getLocalizedPath(item.url, locale)}?ref=navMenu`} asChild={!item.url}>\n            <Picture\n              source={item.imageUrl}\n              width={404}\n              height={280}\n              className=\"size-full\"\n              imgClassName=\"object-cover h-full hover:scale-105 transition-all duration-300\"\n            />\n            <div className=\"absolute bottom-4 left-4 z-10 flex flex-col justify-end no-underline\">\n              <Text\n                html={item.title}\n                className={cn('lg-desktop:text-2xl text-xl font-bold leading-[1.2] text-white', {\n                  'text-black': item?.theme === 'dark',\n                })}\n              />\n              {item.subtitle && (\n                <Text\n                  html={item.subtitle}\n                  className={cn('text-sm font-bold leading-[1.4] text-white', {\n                    'text-black': item?.theme === 'dark',\n                  })}\n                />\n              )}\n              {item?.primary?.label && (\n                <Button\n                  as=\"a\"\n                  href={getLocalizedPath(item?.primary?.url, locale)}\n                  variant=\"link\"\n                  size=\"lg\"\n                  className={cn('mr-auto !p-0 text-sm font-bold leading-[1.4] text-white', {\n                    'text-black': item?.theme === 'dark',\n                  })}\n                >\n                  {item?.primary?.label || 'more'}\n                </Button>\n              )}\n            </div>\n          </Link>\n        </div>\n      )}\n    </>\n  )\n}\n"],
-  "mappings": "AAkBc,OAkBN,YAAAA,EAlBM,OAAAC,EAsBA,QAAAC,MAtBA,oBAlBd,OAAgB,UAAAC,MAAc,QAC9B,OAAS,aAAAC,EAAW,QAAAC,EAAM,QAAAC,EAAM,WAAAC,EAAS,UAAAC,MAAc,4BACvD,OAAS,MAAAC,EAAI,oBAAAC,MAAwB,yBACrC,OAAS,kBAAAC,MAAsB,2BAMxB,MAAMC,EAAmB,CAAC,CAAE,iBAAAC,CAAiB,IAAiC,CACnF,MAAMC,EAAsBX,EAAuB,IAAI,EAEvD,OACEF,EAAC,OAAI,IAAKa,EACR,SAAAb,EAACG,EAAA,CAAU,eAAe,WAAW,UAAU,SAC7C,SAAAH,EAAC,OAAI,UAAU,kBACZ,SAAAY,GAAkB,IAAI,CAACE,EAAWC,IACjCf,EAAC,OAAiD,UAAU,QAC1D,SAAAA,EAACgB,EAAA,CAAa,KAAMF,EAAM,GADlB,gBAAgBA,GAAM,KAAK,IAAIC,CAAK,EAE9C,CACD,EACH,EACF,EACF,CAEJ,EAMaC,EAAe,CAAC,CAAE,KAAAF,EAAM,WAAAG,CAAW,IAA2C,CACzF,KAAM,CAAE,OAAAC,EAAS,IAAK,EAAIR,EAAe,EACzC,OACET,EAAAF,EAAA,CACG,UAAAe,GAAM,SACLb,EAAAF,EAAA,CACE,UAAAC,EAACI,EAAA,CAAK,KAAMU,EAAK,MAAO,GAAG,MAAM,UAAU,sDAAsD,EACjGd,EAAC,OAAI,UAAU,qBACZ,SAAAc,EAAK,SAAS,IAAKK,GAClBlB,EAAC,OAA2B,UAAU,+BACpC,UAAAD,EAACK,EAAA,CACC,KAAM,GAAGI,EAAiBU,EAAW,IAAKD,CAAM,CAAC,eACjD,QAAS,CAACC,EAAW,IACrB,UAAU,+CAET,SAAAA,EAAW,MACd,EACCA,GAAY,OACXnB,EAACI,EAAA,CACC,GAAG,IACH,KAAMe,GAAY,OAAS,QAC3B,UAAU,6HACZ,IAbMA,EAAW,KAerB,CACD,EACH,GACF,EAEDL,GAAM,UACLd,EAAC,OACC,UAAWQ,EACT,oKACA,CACG,sCAAwCS,CAC3C,CACF,EAEA,SAAAhB,EAACI,EAAA,CAAK,KAAM,GAAGI,EAAiBK,EAAK,IAAKI,CAAM,CAAC,eAAgB,QAAS,CAACJ,EAAK,IAC9E,UAAAd,EAACM,EAAA,CACC,OAAQQ,EAAK,SACb,MAAO,IACP,OAAQ,IACR,UAAU,YACV,aAAa,kEACf,EACAb,EAAC,OAAI,UAAU,uEACb,UAAAD,EAACI,EAAA,CACC,KAAMU,EAAK,MACX,UAAWN,EAAG,iEAAkE,CAC9E,aAAcM,GAAM,QAAU,MAChC,CAAC,EACH,EACCA,EAAK,UACJd,EAACI,EAAA,CACC,KAAMU,EAAK,SACX,UAAWN,EAAG,6CAA8C,CAC1D,aAAcM,GAAM,QAAU,MAChC,CAAC,EACH,EAEDA,GAAM,SAAS,OACdd,EAACO,EAAA,CACC,GAAG,IACH,KAAME,EAAiBK,GAAM,SAAS,IAAKI,CAAM,EACjD,QAAQ,OACR,KAAK,KACL,UAAWV,EAAG,0DAA2D,CACvE,aAAcM,GAAM,QAAU,MAChC,CAAC,EAEA,SAAAA,GAAM,SAAS,OAAS,OAC3B,GAEJ,GACF,EACF,GAEJ,CAEJ",
-  "names": ["Fragment", "jsx", "jsxs", "useRef", "Container", "Text", "Link", "Picture", "Button", "cn", "getLocalizedPath", "useAiuiContext", "MulticolDropdown", "multicolMetadata", "multicolDropdownRef", "item", "index", "MulticolItem", "allPicture", "locale", "columnItem"]
+  "sourcesContent": ["import React, { useRef } from 'react'\nimport { Container, Text, Link, Picture, Button } from '../../components/index.js'\nimport CompanyStatsBanner from './CompanyStatsBanner/index.js'\nimport { cn, getLocalizedPath } from '../../helpers/utils.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\n\n/**\n * \u591A\u5217\u4E0B\u62C9\n * @param categoriesItem \u5206\u7C7B\u9879\n */\nexport const MulticolDropdown = ({\n  multicolMetadata,\n  showStatsBanner,\n  statsBannerData,\n}: {\n  multicolMetadata: any\n  showStatsBanner: boolean\n  statsBannerData: any\n}) => {\n  const multicolDropdownRef = useRef<HTMLDivElement>(null)\n\n  return (\n    <div ref={multicolDropdownRef} className=\"bg-white py-4\">\n      <Container childClassName=\"bg-white\" className=\"h-full\">\n        <div className=\"laptop:gap-4 flex flex-col gap-3\">\n          {showStatsBanner && <CompanyStatsBanner data={statsBannerData} />}\n          <div className=\"flex gap-4\">\n            {multicolMetadata?.map((item: any, index: number) => (\n              <div key={`multicolItem-${item?.label}-${index}`} className=\"w-1/4\">\n                <MulticolItem item={item} />\n              </div>\n            ))}\n          </div>\n        </div>\n      </Container>\n    </div>\n  )\n}\n\n/**\n * \u591A\u5217\u4E0B\u62C9\u9879\n * @param item \u591A\u5217\u4E0B\u62C9\u9879\n */\nexport const MulticolItem = ({ item, allPicture }: { item: any; allPicture?: boolean }) => {\n  const { locale = 'us' } = useAiuiContext()\n  return (\n    <>\n      {item?.columns && (\n        <>\n          <Text html={item.label} as=\"div\" className=\"my-2 text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n          <div className=\"mt-2 flex flex-col\">\n            {item.columns?.map((columnItem: any) => (\n              <div key={columnItem.label} className=\"flex items-center gap-1 py-2\">\n                <Link\n                  href={`${getLocalizedPath(columnItem.url, locale)}?ref=navMenu`}\n                  asChild={!columnItem.url}\n                  className=\"text-sm font-bold leading-[1.4] no-underline\"\n                >\n                  {columnItem.label}\n                </Link>\n                {columnItem?.badge && (\n                  <Text\n                    as=\"p\"\n                    html={columnItem?.badge || 'badge'}\n                    className=\"text-brand-0 h-[24px] rounded-full border-[1.6px] border-[var(--brand-color-0)] px-[6px] text-sm font-bold !leading-[22px]\"\n                  />\n                )}\n              </div>\n            ))}\n          </div>\n        </>\n      )}\n      {item?.imageUrl && (\n        <div\n          className={cn(\n            'laptop:h-[280px] desktop:h-[224px] lg-desktop:h-[280px] tablet:max-w-[346px] laptop:max-w-[440px] desktop:w-full relative h-[240px] max-w-[358px] overflow-hidden',\n            {\n              ['tablet:max-w-none laptop:max-w-none']: allPicture,\n            }\n          )}\n        >\n          <Link href={`${getLocalizedPath(item.url, locale)}?ref=navMenu`} asChild={!item.url}>\n            <Picture\n              source={item.imageUrl}\n              width={404}\n              height={280}\n              className=\"size-full\"\n              imgClassName=\"object-cover h-full hover:scale-105 transition-all duration-300\"\n            />\n            <div className=\"absolute bottom-4 left-4 z-10 flex flex-col justify-end no-underline\">\n              <Text\n                html={item.title}\n                className={cn('lg-desktop:text-2xl text-xl font-bold leading-[1.2] text-white', {\n                  'text-black': item?.theme === 'dark',\n                })}\n              />\n              {item.subtitle && (\n                <Text\n                  html={item.subtitle}\n                  className={cn('text-sm font-bold leading-[1.4] text-white', {\n                    'text-black': item?.theme === 'dark',\n                  })}\n                />\n              )}\n              {item?.primary?.label && (\n                <Button\n                  as=\"a\"\n                  href={getLocalizedPath(item?.primary?.url, locale)}\n                  variant=\"link\"\n                  size=\"lg\"\n                  className={cn('mr-auto !p-0 text-sm font-bold leading-[1.4] text-white', {\n                    'text-black': item?.theme === 'dark',\n                  })}\n                >\n                  {item?.primary?.label || 'more'}\n                </Button>\n              )}\n            </div>\n          </Link>\n        </div>\n      )}\n    </>\n  )\n}\n"],
+  "mappings": "AAwBQ,OAwBA,YAAAA,EAvBsB,OAAAC,EADtB,QAAAC,MAAA,oBAxBR,OAAgB,UAAAC,MAAc,QAC9B,OAAS,aAAAC,EAAW,QAAAC,EAAM,QAAAC,EAAM,WAAAC,EAAS,UAAAC,MAAc,4BACvD,OAAOC,MAAwB,gCAC/B,OAAS,MAAAC,EAAI,oBAAAC,MAAwB,yBACrC,OAAS,kBAAAC,MAAsB,2BAMxB,MAAMC,EAAmB,CAAC,CAC/B,iBAAAC,EACA,gBAAAC,EACA,gBAAAC,CACF,IAIM,CACJ,MAAMC,EAAsBd,EAAuB,IAAI,EAEvD,OACEF,EAAC,OAAI,IAAKgB,EAAqB,UAAU,gBACvC,SAAAhB,EAACG,EAAA,CAAU,eAAe,WAAW,UAAU,SAC7C,SAAAF,EAAC,OAAI,UAAU,mCACZ,UAAAa,GAAmBd,EAACQ,EAAA,CAAmB,KAAMO,EAAiB,EAC/Df,EAAC,OAAI,UAAU,aACZ,SAAAa,GAAkB,IAAI,CAACI,EAAWC,IACjClB,EAAC,OAAiD,UAAU,QAC1D,SAAAA,EAACmB,EAAA,CAAa,KAAMF,EAAM,GADlB,gBAAgBA,GAAM,KAAK,IAAIC,CAAK,EAE9C,CACD,EACH,GACF,EACF,EACF,CAEJ,EAMaC,EAAe,CAAC,CAAE,KAAAF,EAAM,WAAAG,CAAW,IAA2C,CACzF,KAAM,CAAE,OAAAC,EAAS,IAAK,EAAIV,EAAe,EACzC,OACEV,EAAAF,EAAA,CACG,UAAAkB,GAAM,SACLhB,EAAAF,EAAA,CACE,UAAAC,EAACI,EAAA,CAAK,KAAMa,EAAK,MAAO,GAAG,MAAM,UAAU,sDAAsD,EACjGjB,EAAC,OAAI,UAAU,qBACZ,SAAAiB,EAAK,SAAS,IAAKK,GAClBrB,EAAC,OAA2B,UAAU,+BACpC,UAAAD,EAACK,EAAA,CACC,KAAM,GAAGK,EAAiBY,EAAW,IAAKD,CAAM,CAAC,eACjD,QAAS,CAACC,EAAW,IACrB,UAAU,+CAET,SAAAA,EAAW,MACd,EACCA,GAAY,OACXtB,EAACI,EAAA,CACC,GAAG,IACH,KAAMkB,GAAY,OAAS,QAC3B,UAAU,6HACZ,IAbMA,EAAW,KAerB,CACD,EACH,GACF,EAEDL,GAAM,UACLjB,EAAC,OACC,UAAWS,EACT,oKACA,CACG,sCAAwCW,CAC3C,CACF,EAEA,SAAAnB,EAACI,EAAA,CAAK,KAAM,GAAGK,EAAiBO,EAAK,IAAKI,CAAM,CAAC,eAAgB,QAAS,CAACJ,EAAK,IAC9E,UAAAjB,EAACM,EAAA,CACC,OAAQW,EAAK,SACb,MAAO,IACP,OAAQ,IACR,UAAU,YACV,aAAa,kEACf,EACAhB,EAAC,OAAI,UAAU,uEACb,UAAAD,EAACI,EAAA,CACC,KAAMa,EAAK,MACX,UAAWR,EAAG,iEAAkE,CAC9E,aAAcQ,GAAM,QAAU,MAChC,CAAC,EACH,EACCA,EAAK,UACJjB,EAACI,EAAA,CACC,KAAMa,EAAK,SACX,UAAWR,EAAG,6CAA8C,CAC1D,aAAcQ,GAAM,QAAU,MAChC,CAAC,EACH,EAEDA,GAAM,SAAS,OACdjB,EAACO,EAAA,CACC,GAAG,IACH,KAAMG,EAAiBO,GAAM,SAAS,IAAKI,CAAM,EACjD,QAAQ,OACR,KAAK,KACL,UAAWZ,EAAG,0DAA2D,CACvE,aAAcQ,GAAM,QAAU,MAChC,CAAC,EAEA,SAAAA,GAAM,SAAS,OAAS,OAC3B,GAEJ,GACF,EACF,GAEJ,CAEJ",
+  "names": ["Fragment", "jsx", "jsxs", "useRef", "Container", "Text", "Link", "Picture", "Button", "CompanyStatsBanner", "cn", "getLocalizedPath", "useAiuiContext", "MulticolDropdown", "multicolMetadata", "showStatsBanner", "statsBannerData", "multicolDropdownRef", "item", "index", "MulticolItem", "allPicture", "locale", "columnItem"]
 }

package/dist/esm/biz-components/HeaderNavigation/withCategory.js

@@ -1,2 +1,2 @@
-import{jsx as d}from"react/jsx-runtime";import c,{useMemo as u}from"react";function i(a,e){const o=u(()=>{let r=null;try{r=JSON.parse(e?.components?.[0]?.sidebar?.categoriesMetadata||"{}")}catch(t){console.log("categoriesMetadata Parse error",t)}return r},[e]),s=u(()=>{let r=null;try{r=JSON.parse(e?.components?.[0]?.sidebar?.seriesMetadata||"[]")}catch(t){console.log("seriesMetadata Parse error",t)}return r},[e]),n=c.forwardRef((r,t)=>d(a,{...r,ref:t,seriesMetadata:s,sidebarCategoriesMetadata:o}));return n.displayName=a.displayName||a.name||"WithSidebarDropdown",n}function p(a,{categoriesItem:e,currentNavItemRef:o}){const s=u(()=>e?.components?.[0]?.supports,[e]),n=c.forwardRef((r,t)=>d(a,{...r,supportsMetadata:s,currentNavItemRef:o,ref:t}));return n.displayName=a.displayName||a.name||"WithSupportsDropdown",n}function y(a,e){const o=u(()=>{try{return JSON.parse(e?.components?.[0]?.multicol?.multicolMetadata||"{}")}catch(n){console.log("multicolMetadata Parse error",n)}return null},[e]),s=c.forwardRef((n,r)=>d(a,{...n,ref:r,multicolMetadata:o}));return s.displayName=a.displayName||a.name||"WithMulticolDropdown",s}function M(a,e){const o=u(()=>{let r=null;try{r=JSON.parse(e?.components?.[0]?.resource?.categoriesMetadata||"{}")}catch(t){console.log("resourceCategoriesMetadata Parse error",t)}return r},[e]),s=u(()=>{let r=null;try{r=JSON.parse(e?.components?.[0]?.resource?.resourceMetadata||"[]")}catch(t){console.log("resourcesMetadata Parse error",t)}return r},[e]),n=c.forwardRef((r,t)=>d(a,{...r,ref:t,resourcesMetadata:s,resourceCategoriesMetadata:o}));return n.displayName=a.displayName||a.name||"WithResourceDropdown",n}function f(a){return a?Object.values(a?.reduce((e,o)=>(e[o.group]||(e[o.group]=[]),e[o.group].push(o),e),{})):[[]]}export{f as WithGroupCategory,y as WithMulticol,M as WithResource,i as WithSidebar,p as WithSupports};
+import{jsx as d}from"react/jsx-runtime";import c,{useMemo as u}from"react";function p(r,e){const o=u(()=>{let a=null;try{a=JSON.parse(e?.components?.[0]?.sidebar?.categoriesMetadata||"{}")}catch(t){console.log("categoriesMetadata Parse error",t)}return a},[e]),s=u(()=>{let a=null;try{a=JSON.parse(e?.components?.[0]?.sidebar?.seriesMetadata||"[]")}catch(t){console.log("seriesMetadata Parse error",t)}return a},[e]),n=c.forwardRef((a,t)=>d(r,{...a,ref:t,seriesMetadata:s,sidebarCategoriesMetadata:o}));return n.displayName=r.displayName||r.name||"WithSidebarDropdown",n}function y(r,{categoriesItem:e,currentNavItemRef:o}){const s=u(()=>e?.components?.[0]?.supports,[e]),n=c.forwardRef((a,t)=>d(r,{...a,supportsMetadata:s,currentNavItemRef:o,ref:t}));return n.displayName=r.displayName||r.name||"WithSupportsDropdown",n}function M(r,e){const o=e?.components?.[0]?.showStatsBanner,s=e?.components?.[0]?.statsBanner?.[0],n=u(()=>{try{return JSON.parse(e?.components?.[0]?.multicol?.multicolMetadata||"{}")}catch(t){console.log("multicolMetadata Parse error",t)}return null},[e]),a=c.forwardRef((t,l)=>d(r,{...t,ref:l,multicolMetadata:n,showStatsBanner:o,statsBannerData:s}));return a.displayName=r.displayName||r.name||"WithMulticolDropdown",a}function f(r,e){const o=u(()=>{let a=null;try{a=JSON.parse(e?.components?.[0]?.resource?.categoriesMetadata||"{}")}catch(t){console.log("resourceCategoriesMetadata Parse error",t)}return a},[e]),s=u(()=>{let a=null;try{a=JSON.parse(e?.components?.[0]?.resource?.resourceMetadata||"[]")}catch(t){console.log("resourcesMetadata Parse error",t)}return a},[e]),n=c.forwardRef((a,t)=>d(r,{...a,ref:t,resourcesMetadata:s,resourceCategoriesMetadata:o}));return n.displayName=r.displayName||r.name||"WithResourceDropdown",n}function w(r){return r?Object.values(r?.reduce((e,o)=>(e[o.group]||(e[o.group]=[]),e[o.group].push(o),e),{})):[[]]}export{w as WithGroupCategory,M as WithMulticol,f as WithResource,p as WithSidebar,y as WithSupports};
 //# sourceMappingURL=withCategory.js.map

package/dist/esm/biz-components/HeaderNavigation/withCategory.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/HeaderNavigation/withCategory.tsx"],
-  "sourcesContent": ["import React, { useMemo } from 'react'\n\nexport function WithSidebar<P extends object>(WrappedComponent: React.ComponentType<any>, categoriesItem: any) {\n  // \u4FA7\u8FB9\u680F\u5206\u7C7B\u5143\u6570\u636E\n  const sidebarCategoriesMetadata = useMemo(() => {\n    let categoriesMetadata = null\n    try {\n      categoriesMetadata = JSON.parse(categoriesItem?.components?.[0]?.sidebar?.categoriesMetadata || '{}')\n    } catch (error) {\n      console.log('categoriesMetadata Parse error', error)\n    }\n    return categoriesMetadata\n  }, [categoriesItem])\n\n  // \u4FA7\u8FB9\u680F\u7CFB\u5217\u5143\u6570\u636E\n  const seriesMetadata = useMemo(() => {\n    let seriesMetadata = null\n    try {\n      seriesMetadata = JSON.parse(categoriesItem?.components?.[0]?.sidebar?.seriesMetadata || '[]')\n    } catch (error) {\n      console.log('seriesMetadata Parse error', error)\n    }\n    return seriesMetadata\n  }, [categoriesItem])\n\n  const withSidebarDropdown = React.forwardRef<any, P>((props, ref) => {\n    return (\n      <WrappedComponent\n        {...(props as unknown as P)}\n        ref={ref}\n        seriesMetadata={seriesMetadata}\n        sidebarCategoriesMetadata={sidebarCategoriesMetadata}\n      />\n    )\n  })\n\n  withSidebarDropdown.displayName = WrappedComponent.displayName || WrappedComponent.name || 'WithSidebarDropdown'\n  return withSidebarDropdown\n}\n\nexport function WithSupports<P extends object>(\n  WrappedComponent: React.ComponentType<any>,\n  { categoriesItem, currentNavItemRef }: { categoriesItem: any; currentNavItemRef?: any; onMouseLeave?: () => void }\n) {\n  const supportsMetadata = useMemo(() => {\n    return categoriesItem?.components?.[0]?.supports\n  }, [categoriesItem])\n\n  const supportsDropdown = React.forwardRef<any, P>((props, ref) => {\n    return (\n      <WrappedComponent\n        {...(props as unknown as P)}\n        supportsMetadata={supportsMetadata}\n        currentNavItemRef={currentNavItemRef}\n        ref={ref}\n      />\n    )\n  })\n\n  supportsDropdown.displayName = WrappedComponent.displayName || WrappedComponent.name || 'WithSupportsDropdown'\n  return supportsDropdown\n}\n\nexport function WithMulticol<P extends object>(WrappedComponent: React.ComponentType<any>, categoriesItem: any) {\n  const multicolMetadata = useMemo(() => {\n    try {\n      return JSON.parse(categoriesItem?.components?.[0]?.multicol?.multicolMetadata || '{}')\n    } catch (error) {\n      console.log('multicolMetadata Parse error', error)\n    }\n    return null\n  }, [categoriesItem])\n  const multicolDropdown = React.forwardRef<any, P>((props, ref) => {\n    return <WrappedComponent {...(props as unknown as P)} ref={ref} multicolMetadata={multicolMetadata} />\n  })\n\n  multicolDropdown.displayName = WrappedComponent.displayName || WrappedComponent.name || 'WithMulticolDropdown'\n  return multicolDropdown\n}\n\nexport function WithResource<P extends object>(WrappedComponent: React.ComponentType<any>, categoriesItem: any) {\n  // \u8D44\u6E90\u4F4D\u5206\u7C7B\u5143\u6570\u636E\n  const resourceCategoriesMetadata = useMemo(() => {\n    let categoriesMetadata = null\n    try {\n      categoriesMetadata = JSON.parse(categoriesItem?.components?.[0]?.resource?.categoriesMetadata || '{}')\n    } catch (error) {\n      console.log('resourceCategoriesMetadata Parse error', error)\n    }\n    return categoriesMetadata\n  }, [categoriesItem])\n\n  // \u8D44\u6E90\u4F4D\u5143\u6570\u636E\n  const resourcesMetadata = useMemo(() => {\n    let resourcesMetadata = null\n    try {\n      resourcesMetadata = JSON.parse(categoriesItem?.components?.[0]?.resource?.resourceMetadata || '[]')\n    } catch (error) {\n      console.log('resourcesMetadata Parse error', error)\n    }\n    return resourcesMetadata\n  }, [categoriesItem])\n\n  const withResourceDropdown = React.forwardRef<any, P>((props, ref) => {\n    return (\n      <WrappedComponent\n        {...(props as unknown as P)}\n        ref={ref}\n        resourcesMetadata={resourcesMetadata}\n        resourceCategoriesMetadata={resourceCategoriesMetadata}\n      />\n    )\n  })\n\n  withResourceDropdown.displayName = WrappedComponent.displayName || WrappedComponent.name || 'WithResourceDropdown'\n  return withResourceDropdown\n}\n\nexport function WithGroupCategory(categories: any) {\n  if (!categories) return [[]]\n  return Object.values(\n    categories?.reduce((acc: any, item: any) => {\n      if (!acc[item.group]) {\n        acc[item.group] = []\n      }\n      acc[item.group].push(item)\n      return acc\n    }, {})\n  )\n}\n"],
-  "mappings": "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",
-  "names": ["jsx", "React", "useMemo", "WithSidebar", "WrappedComponent", "categoriesItem", "sidebarCategoriesMetadata", "categoriesMetadata", "error", "seriesMetadata", "withSidebarDropdown", "props", "ref", "WithSupports", "currentNavItemRef", "supportsMetadata", "supportsDropdown", "WithMulticol", "multicolMetadata", "multicolDropdown", "WithResource", "resourceCategoriesMetadata", "resourcesMetadata", "withResourceDropdown", "WithGroupCategory", "categories", "acc", "item"]
+  "sourcesContent": ["import React, { useMemo } from 'react'\n\nexport function WithSidebar<P extends object>(WrappedComponent: React.ComponentType<any>, categoriesItem: any) {\n  // \u4FA7\u8FB9\u680F\u5206\u7C7B\u5143\u6570\u636E\n  const sidebarCategoriesMetadata = useMemo(() => {\n    let categoriesMetadata = null\n    try {\n      categoriesMetadata = JSON.parse(categoriesItem?.components?.[0]?.sidebar?.categoriesMetadata || '{}')\n    } catch (error) {\n      console.log('categoriesMetadata Parse error', error)\n    }\n    return categoriesMetadata\n  }, [categoriesItem])\n\n  // \u4FA7\u8FB9\u680F\u7CFB\u5217\u5143\u6570\u636E\n  const seriesMetadata = useMemo(() => {\n    let seriesMetadata = null\n    try {\n      seriesMetadata = JSON.parse(categoriesItem?.components?.[0]?.sidebar?.seriesMetadata || '[]')\n    } catch (error) {\n      console.log('seriesMetadata Parse error', error)\n    }\n    return seriesMetadata\n  }, [categoriesItem])\n\n  const withSidebarDropdown = React.forwardRef<any, P>((props, ref) => {\n    return (\n      <WrappedComponent\n        {...(props as unknown as P)}\n        ref={ref}\n        seriesMetadata={seriesMetadata}\n        sidebarCategoriesMetadata={sidebarCategoriesMetadata}\n      />\n    )\n  })\n\n  withSidebarDropdown.displayName = WrappedComponent.displayName || WrappedComponent.name || 'WithSidebarDropdown'\n  return withSidebarDropdown\n}\n\nexport function WithSupports<P extends object>(\n  WrappedComponent: React.ComponentType<any>,\n  { categoriesItem, currentNavItemRef }: { categoriesItem: any; currentNavItemRef?: any; onMouseLeave?: () => void }\n) {\n  const supportsMetadata = useMemo(() => {\n    return categoriesItem?.components?.[0]?.supports\n  }, [categoriesItem])\n\n  const supportsDropdown = React.forwardRef<any, P>((props, ref) => {\n    return (\n      <WrappedComponent\n        {...(props as unknown as P)}\n        supportsMetadata={supportsMetadata}\n        currentNavItemRef={currentNavItemRef}\n        ref={ref}\n      />\n    )\n  })\n\n  supportsDropdown.displayName = WrappedComponent.displayName || WrappedComponent.name || 'WithSupportsDropdown'\n  return supportsDropdown\n}\n\nexport function WithMulticol<P extends object>(WrappedComponent: React.ComponentType<any>, categoriesItem: any) {\n  const showStatsBanner = categoriesItem?.components?.[0]?.showStatsBanner\n  const statsBannerData = categoriesItem?.components?.[0]?.statsBanner?.[0]\n  const multicolMetadata = useMemo(() => {\n    try {\n      return JSON.parse(categoriesItem?.components?.[0]?.multicol?.multicolMetadata || '{}')\n    } catch (error) {\n      console.log('multicolMetadata Parse error', error)\n    }\n    return null\n  }, [categoriesItem])\n  const multicolDropdown = React.forwardRef<any, P>((props, ref) => {\n    return (\n      <WrappedComponent\n        {...(props as unknown as P)}\n        ref={ref}\n        multicolMetadata={multicolMetadata}\n        showStatsBanner={showStatsBanner}\n        statsBannerData={statsBannerData}\n      />\n    )\n  })\n\n  multicolDropdown.displayName = WrappedComponent.displayName || WrappedComponent.name || 'WithMulticolDropdown'\n  return multicolDropdown\n}\n\nexport function WithResource<P extends object>(WrappedComponent: React.ComponentType<any>, categoriesItem: any) {\n  // \u8D44\u6E90\u4F4D\u5206\u7C7B\u5143\u6570\u636E\n  const resourceCategoriesMetadata = useMemo(() => {\n    let categoriesMetadata = null\n    try {\n      categoriesMetadata = JSON.parse(categoriesItem?.components?.[0]?.resource?.categoriesMetadata || '{}')\n    } catch (error) {\n      console.log('resourceCategoriesMetadata Parse error', error)\n    }\n    return categoriesMetadata\n  }, [categoriesItem])\n\n  // \u8D44\u6E90\u4F4D\u5143\u6570\u636E\n  const resourcesMetadata = useMemo(() => {\n    let resourcesMetadata = null\n    try {\n      resourcesMetadata = JSON.parse(categoriesItem?.components?.[0]?.resource?.resourceMetadata || '[]')\n    } catch (error) {\n      console.log('resourcesMetadata Parse error', error)\n    }\n    return resourcesMetadata\n  }, [categoriesItem])\n\n  const withResourceDropdown = React.forwardRef<any, P>((props, ref) => {\n    return (\n      <WrappedComponent\n        {...(props as unknown as P)}\n        ref={ref}\n        resourcesMetadata={resourcesMetadata}\n        resourceCategoriesMetadata={resourceCategoriesMetadata}\n      />\n    )\n  })\n\n  withResourceDropdown.displayName = WrappedComponent.displayName || WrappedComponent.name || 'WithResourceDropdown'\n  return withResourceDropdown\n}\n\nexport function WithGroupCategory(categories: any) {\n  if (!categories) return [[]]\n  return Object.values(\n    categories?.reduce((acc: any, item: any) => {\n      if (!acc[item.group]) {\n        acc[item.group] = []\n      }\n      acc[item.group].push(item)\n      return acc\n    }, {})\n  )\n}\n"],
+  "mappings": "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",
+  "names": ["jsx", "React", "useMemo", "WithSidebar", "WrappedComponent", "categoriesItem", "sidebarCategoriesMetadata", "categoriesMetadata", "error", "seriesMetadata", "withSidebarDropdown", "props", "ref", "WithSupports", "currentNavItemRef", "supportsMetadata", "supportsDropdown", "WithMulticol", "showStatsBanner", "statsBannerData", "multicolMetadata", "multicolDropdown", "WithResource", "resourceCategoriesMetadata", "resourcesMetadata", "withResourceDropdown", "WithGroupCategory", "categories", "acc", "item"]
 }

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

@@ -1,4 +1,4 @@
-import{Fragment as E,jsx as o,jsxs as a}from"react/jsx-runtime";import{Picture as N,Text as r,Button as G,Container as H,Link as u,Heading as w,Grid as K,GridItem as j}from"../../components/index.js";import{Search as M,Close as V}from"../HeaderNavigation/icons/index.js";import{forwardRef as R,useCallback as L,useMemo as C,useState as $,useEffect as J,useRef as O}from"react";import{useAiuiContext as Q}from"../AiuiProvider/index.js";import{SearchStatus as g}from"./types.js";import{debounce as U}from"es-toolkit";import{cn as x,atobID as D,highlightSearchWord as X}from"../../helpers/utils.js";const Y=t=>!(t.metafields?.global?.HideSearch||t.metafields?.seo?.hidden||t.metafields?.seo?.setting?.noindex),F=R(({data:t,onSearch:n,onClose:p,searchResult:s,isSearching:c,keywords:d},P)=>{const{locale:l="us",copyWriting:ee}=Q(),[i,I]=$(""),[b,k]=$(!1),h=O(null);J(()=>{h.current&&h.current.focus({preventScroll:!0})},[]);const T=U(e=>{n(e)},300),_=L(e=>{e.key==="Enter"&&!b&&window.open(`${l==="us"?"":l}${t?.moreLink}?q=${i.toLowerCase()}`,"_self")},[b,i,l,t?.moreLink]),A=C(()=>Array.isArray(d)&&d?.length?d.map(e=>e.search_term):Array.isArray(t?.popularWords)&&t?.popularWords?.length?t?.popularWords.map(e=>e.popularWord):[],[d,t?.popularWords]),B=L(e=>{switch(e.__typename||e.type){case"Product":return`/products${e.path}?q=${i.toLowerCase()}`;case"Article":return`/blogs/${e.blog.handle}/${e.handle.replace("storefront-","")}?q=${i.toLowerCase()}`;default:break}},[i]),y=C(()=>{if(i){if(s?.totalCount)return g.Predict;if(!c)return g.Empty}else return g.Default},[s?.totalCount,i,c]);return a(H,{childClassName:"!bg-white",className:"relative",ref:P,children:[o("style",{children:`
+import{Fragment as E,jsx as s,jsxs as o}from"react/jsx-runtime";import{Picture as N,Text as r,Button as G,Container as H,Link as h,Heading as w,Grid as K,GridItem as j}from"../../components/index.js";import{Search as M,Close as V}from"../HeaderNavigation/icons/index.js";import{forwardRef as R,useCallback as L,useMemo as C,useState as $,useEffect as J,useRef as O}from"react";import{useAiuiContext as Q}from"../AiuiProvider/index.js";import{SearchStatus as g}from"./types.js";import{debounce as U}from"es-toolkit";import{cn as u,atobID as D,highlightSearchWord as X}from"../../helpers/utils.js";const Y=t=>!(t.metafields?.global?.HideSearch||t.metafields?.seo?.hidden||t.metafields?.seo?.setting?.noindex),F=R(({data:t,onSearch:n,onClose:c,searchResult:a,isSearching:p,keywords:d},I)=>{const{locale:l="us",copyWriting:ee}=Q(),[i,T]=$(""),[x,k]=$(!1),v=O(null);J(()=>{v.current&&v.current.focus({preventScroll:!0})},[]);const P=U(e=>{n(e)},300),B=L(e=>{e.key==="Enter"&&!x&&window.open(`${l==="us"?"":l}${t?.moreLink}?q=${i.toLowerCase()}`,"_self")},[x,i,l,t?.moreLink]),_=C(()=>Array.isArray(d)&&d?.length?d.map(e=>e.search_term):Array.isArray(t?.popularWords)&&t?.popularWords?.length?t?.popularWords.map(e=>e.popularWord):[],[d,t?.popularWords]),A=L(e=>{switch(e.__typename||e.type){case"Product":return`/products${e.path}?q=${i.toLowerCase()}`;case"Article":return`/blogs/${e.blog.handle}/${e.handle.replace("storefront-","")}?q=${i.toLowerCase()}`;default:break}},[i]),y=C(()=>{if(i){if(a?.totalCount)return g.Predict;if(!p)return g.Empty}else return g.Default},[a?.totalCount,i,p]);return o(H,{childClassName:"!bg-white",className:"relative",ref:I,children:[s("style",{children:`
             .navigation-search-component input:-webkit-autofill,
             .navigation-search-component input:-webkit-autofill:hover,
             .navigation-search-component input:-webkit-autofill:focus {
@@ -7,5 +7,5 @@ import{Fragment as E,jsx as o,jsxs as a}from"react/jsx-runtime";import{Picture a
               transition: background-color 9999s ease-in-out 0s !important;
               caret-color: #000;
             }
-          `}),a("div",{className:"navigation-search-component laptop:h-[52px] desktop:h-[60px] desktop:pt-6 flex items-center justify-between gap-4 border-b border-b-gray-200 py-4 text-black",children:[o("input",{ref:h,value:i,onCompositionStart:()=>k(!0),onCompositionEnd:()=>k(!1),onKeyDown:_,onChange:e=>{I(e.target.value),e.target.value&&T(e.target.value)},type:"text",className:"flex-1 bg-white text-sm font-bold leading-[1.4] outline-none focus-visible:!outline-none ",placeholder:t?.placeholder}),a("div",{className:"flex items-center gap-3",children:[o(M,{className:"size-5 cursor-pointer",onClick:()=>n(i)}),o("div",{className:"h-[20px] w-px bg-[#E4E5E6]"}),o(V,{className:"size-5 cursor-pointer",onClick:p})]})]}),o("div",{className:"desktop:gap-12 desktop:py-6 flex flex-col gap-6 py-4 text-black",children:y===g.Predict?a(E,{children:[a("div",{children:[a("div",{className:"flex items-center gap-1",children:[o(r,{html:t?.suggestText,className:"text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),s?.items?.length>6&&o(G,{as:"a",iconClassName:"size-4",href:`${l==="us"?"":l}${t?.moreLink}?q=${i.toLowerCase()}`,className:"!p-0 !text-sm font-bold leading-[1.2]",variant:"link",children:t?.moreText})]}),o("div",{className:"mt-2 flex flex-col",children:s?.items?.filter(e=>Y(e)).slice(0,6)?.map(e=>o(u,{className:"w-full p-4 no-underline hover:bg-[#F5F5F7] hover:text-current",href:B(e),children:o(r,{html:X(e.title,i),className:"cursor-pointer text-sm font-bold leading-[1.4]"})},e.id))})]}),a("div",{children:[o(r,{html:t?.hotProductsText,className:"text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),a("div",{className:"tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-4 tablet:gap-x-3 tablet:gap-y-4 laptop:gap-4 mt-2 grid grid-cols-1 gap-2",children:[o(u,{asChild:!t?.advertisingLink,href:t?.advertisingLink,children:a("div",{className:"relative",children:[o(N,{source:t?.advertisingBgImg?.url,className:"laptop:h-[120px] h-[114px]",imgClassName:"object-cover h-full"}),a("div",{className:"absolute inset-x-0 bottom-0 p-4",children:[o(w,{size:2,html:t?.advertisingTitle||"Buy in Guide",className:x("font-bold text-white",{"text-black":t?.advertisingTheme==="dark"})}),o(r,{html:t?.advertisingSubtitle||"20.000mAh",className:x("text-sm font-bold text-white",{"text-black":t?.advertisingTheme==="dark"})})]})]})}),s?.items?.filter(e=>e.type.toLowerCase()==="product").slice(0,7)?.map(e=>{const m=e?.variants?.[0],v=`${m?.image?.url||e?.images?.[0]?.url}`,f=e?.title||e?.name,z=e?.description,W=e?.badge||"",q=`/products/${e?.handle}?variant=${D(m?.id)}`;return o(S,{productImage:v,productName:f,productDesc:z,productBadge:W,listingLink:q},e.id)})]})]},"predict-advertising-card")]}):a(E,{children:[y===g.Empty&&o(r,{html:t?.noResultText,as:"p",className:"border-b border-[#E4E5E6] pb-6 text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),a("div",{children:[o(r,{html:t?.popularText,className:"text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),a("div",{className:"mt-2",children:[o(Z,{data:t,keywords:A,locale:l}),Array.isArray(t?.popularPages)&&!!t?.popularPages?.length&&o(K,{className:"laptop:gap-4 laptop:mt-4 mt-3 gap-3",children:t?.popularPages?.map(e=>o(j,{className:"tablet:col-span-6 laptop:p-3 desktop:p-4 laptop:col-span-3 col-span-12 p-2 hover:bg-[#F5F5F7]",children:o("a",{href:`${l==="us"?"":l}${t?.moreLink}?q=${e?.popularPage.toLowerCase()}`,className:"line-clamp-1 cursor-pointer text-sm font-bold leading-[1.4]",children:e?.popularPage})},e?.id))})]})]}),a("div",{children:[o(r,{html:t?.hotProductsText,className:"text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),a("div",{className:"tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-4 tablet:gap-x-3 tablet:gap-y-4 laptop:gap-4 mt-2 grid grid-cols-1 gap-2",children:[o(u,{asChild:!t?.advertisingLink,href:t?.advertisingLink,children:a("div",{className:"relative [&_img]:hover:scale-110 [&_img]:hover:transition-all [&_img]:hover:duration-500",children:[o(N,{source:t?.advertisingBgImg?.url,className:"laptop:h-[120px] h-[114px]",imgClassName:"object-cover h-full"}),a("div",{className:"absolute inset-x-0 bottom-0 p-4",children:[o(w,{size:2,html:t?.advertisingTitle||"Buy in Guide",className:"font-bold text-white"}),o(r,{html:t?.advertisingSubtitle||"20.000mAh",className:"text-sm font-bold text-white"})]})]})}),t?.hotProducts?.slice(0,7)?.map(e=>{const m=e?.custom_description,v=e?.badge||"",f=`/products/${e?.handle}?variant=${D(e?.shopify_id)}`;return o(S,{productImage:e?.image,productName:e?.name,productDesc:m,productBadge:v,listingLink:f},e.shopify_id||e.id)})]})]},"empty-advertising-card")]})})]})});F.displayName="NavigationSearch";const S=({productImage:t,productName:n,productDesc:p,productBadge:s,className:c,listingLink:d})=>o(u,{href:d,className:"block no-underline hover:text-current",children:a("div",{className:x("flex shrink-0 gap-4 bg-[#F5F5F7] px-4 py-3 [&_img]:hover:scale-110 [&_img]:hover:duration-500",c),children:[o("div",{className:"shrink-0",children:o("img",{src:t,loading:"lazy",alt:n,width:90,height:90,className:"size-[96px] object-contain"})}),a("div",{className:"relative",children:[o("div",{className:" h-[24px] ",children:s&&o(r,{as:"p",html:s,className:"text-brand-0 mb-1 inline-block h-full rounded-full border-[1.6px] border-[#00BEFA] px-[6px] text-sm font-bold !leading-[22px]"})}),a("div",{children:[o(r,{className:"lg-desktop:h-[44px] lg-desktop:text-base line-clamp-2 h-[40px] text-sm font-bold leading-[1.4]",html:n}),p&&o(r,{as:"p",html:p,className:"lg-desktop:text-sm mt-1 line-clamp-1 text-xs font-bold leading-[1.4] text-[#6D6D6F]"})]})]})]})}),Z=({data:t,keywords:n,locale:p})=>o("div",{className:"laptop:gap-4 flex flex-wrap gap-3",children:n?.map((s,c)=>o("a",{href:`${p==="us"?"":p}${t?.moreLink}?q=${s?.toLowerCase()}`,className:"laptop:p-3 desktop:p-4 cursor-pointer p-2 text-sm font-bold leading-[1.4] hover:bg-[#F5F5F7]",children:s},c))});var ne=F;export{Y as canSearch,ne as default};
+          `}),o("div",{className:"navigation-search-component laptop:h-[52px] desktop:h-[60px] desktop:pt-6 flex items-center justify-between gap-4 border-b border-b-gray-200 py-4 text-black",children:[s("input",{ref:v,value:i,onCompositionStart:()=>k(!0),onCompositionEnd:()=>k(!1),onKeyDown:B,onChange:e=>{T(e.target.value),e.target.value&&P(e.target.value)},type:"text",className:"flex-1 bg-white text-sm font-bold leading-[1.4] outline-none focus-visible:!outline-none ",placeholder:t?.placeholder}),o("div",{className:"flex items-center gap-3",children:[s(M,{className:"size-5 cursor-pointer",onClick:()=>n(i)}),s("div",{className:"h-[20px] w-px bg-[#E4E5E6]"}),s(V,{className:"size-5 cursor-pointer",onClick:c})]})]}),s("div",{className:"desktop:gap-12 desktop:py-6 flex flex-col gap-6 py-4 text-black",children:y===g.Predict?o(E,{children:[o("div",{children:[o("div",{className:"flex items-center gap-1",children:[s(r,{html:t?.suggestText,className:"text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),a?.items?.length>6&&s(G,{as:"a",iconClassName:"size-4",href:`${l==="us"?"":l}${t?.moreLink}?q=${i.toLowerCase()}`,className:"!p-0 !text-sm font-bold leading-[1.2]",variant:"link",children:t?.moreText})]}),s("div",{className:"mt-2 flex flex-col",children:a?.items?.filter(e=>Y(e)).slice(0,6)?.map(e=>s(h,{className:"w-full p-4 no-underline hover:bg-[#F5F5F7] hover:text-current",href:A(e),children:s(r,{html:X(e.title,i),className:"cursor-pointer text-sm font-bold leading-[1.4]"})},e.id))})]}),o("div",{children:[s(r,{html:t?.hotProductsText,className:"text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),o("div",{className:"tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-4 tablet:gap-x-3 tablet:gap-y-4 laptop:gap-4 mt-2 grid grid-cols-1 gap-2",children:[t?.advertisingBgImg?.url&&s(h,{asChild:!t?.advertisingLink,href:t?.advertisingLink,children:o("div",{className:"rounded-sidebar-shelf relative",children:[s(N,{source:t?.advertisingBgImg?.url,className:"laptop:h-[120px] h-[114px]",imgClassName:"object-cover h-full"}),o("div",{className:"absolute inset-x-0 bottom-0 p-4",children:[s(w,{size:2,html:t?.advertisingTitle||"Buy in Guide",className:u("font-bold text-white",{"text-black":t?.advertisingTheme==="dark"})}),s(r,{html:t?.advertisingSubtitle||"20.000mAh",className:u("text-sm font-bold text-white",{"text-black":t?.advertisingTheme==="dark"})})]})]})}),a?.items?.filter(e=>e.type.toLowerCase()==="product").slice(0,7)?.map(e=>{const m=e?.variants?.[0],f=`${m?.image?.url||e?.images?.[0]?.url}`,b=e?.title||e?.name,z=e?.description,W=e?.badge||"",q=`/products/${e?.handle}?variant=${D(m?.id)}`;return s(S,{productImage:f,productName:b,productDesc:z,productBadge:W,listingLink:q},e.id)})]})]},"predict-advertising-card")]}):o(E,{children:[y===g.Empty&&s(r,{html:t?.noResultText,as:"p",className:"border-b border-[#E4E5E6] pb-6 text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),o("div",{children:[s(r,{html:t?.popularText,className:"text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),o("div",{className:"mt-2",children:[s(Z,{data:t,keywords:_,locale:l}),Array.isArray(t?.popularPages)&&!!t?.popularPages?.length&&s(K,{className:"laptop:gap-4 laptop:mt-4 mt-3 gap-3",children:t?.popularPages?.map(e=>s(j,{className:"tablet:col-span-6 laptop:p-3 desktop:p-4 laptop:col-span-3 col-span-12 p-2 hover:bg-[#F5F5F7]",children:s("a",{href:`${l==="us"?"":l}${t?.moreLink}?q=${e?.popularPage.toLowerCase()}`,className:"line-clamp-1 cursor-pointer text-sm font-bold leading-[1.4]",children:e?.popularPage})},e?.id))})]})]}),o("div",{children:[s(r,{html:t?.hotProductsText,className:"text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),o("div",{className:"tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-4 tablet:gap-x-3 tablet:gap-y-4 laptop:gap-4 mt-2 grid grid-cols-1 gap-2",children:[t?.advertisingBgImg?.url&&s(h,{asChild:!t?.advertisingLink,href:t?.advertisingLink,children:o("div",{className:"rounded-sidebar-shelf relative overflow-hidden [&_img]:hover:scale-110 [&_img]:hover:transition-all [&_img]:hover:duration-500",children:[s(N,{source:t?.advertisingBgImg?.url,className:"laptop:h-[120px] h-[114px]",imgClassName:"object-cover h-full"}),o("div",{className:"absolute inset-x-0 bottom-0 p-4",children:[s(w,{size:2,html:t?.advertisingTitle||"Buy in Guide",className:u("font-bold text-white",{"text-black":t?.advertisingTheme==="dark"})}),s(r,{html:t?.advertisingSubtitle||"20.000mAh",className:u("text-sm font-bold text-white",{"text-black":t?.advertisingTheme==="dark"})})]})]})}),t?.hotProducts?.slice(0,7)?.map(e=>{const m=e?.custom_description,f=e?.badge||"",b=`/products/${e?.handle}?variant=${D(e?.shopify_id)}`;return s(S,{productImage:e?.image,productName:e?.name,productDesc:m,productBadge:f,listingLink:b},e.shopify_id||e.id)})]})]},"empty-advertising-card")]})})]})});F.displayName="NavigationSearch";const S=({productImage:t,productName:n,productDesc:c,productBadge:a,className:p,listingLink:d})=>s(h,{href:d,className:"block no-underline hover:text-current",children:o("div",{className:u("flex shrink-0 gap-4 bg-[#F5F5F7] px-4 py-3 [&_img]:hover:scale-110 [&_img]:hover:duration-500",p),children:[s("div",{className:"shrink-0",children:s("img",{src:t,loading:"lazy",alt:n,width:90,height:90,className:"size-[96px] object-contain"})}),o("div",{className:"relative",children:[s("div",{className:" h-[24px] ",children:a&&s(r,{as:"p",html:a,className:"text-brand-0 mb-1 inline-block h-full rounded-full border-[1.6px] border-[#00BEFA] px-[6px] text-sm font-bold !leading-[22px]"})}),o("div",{children:[s(r,{className:"lg-desktop:h-[44px] lg-desktop:text-base line-clamp-2 h-[40px] text-sm font-bold leading-[1.4]",html:n}),c&&s(r,{as:"p",html:c,className:"lg-desktop:text-sm mt-1 line-clamp-1 text-xs font-bold leading-[1.4] text-[#6D6D6F]"})]})]})]})}),Z=({data:t,keywords:n,locale:c})=>s("div",{className:"laptop:gap-4 flex flex-wrap gap-3",children:n?.map((a,p)=>s("a",{href:`${c==="us"?"":c}${t?.moreLink}?q=${a?.toLowerCase()}`,className:"laptop:p-3 desktop:p-4 cursor-pointer p-2 text-sm font-bold leading-[1.4] hover:bg-[#F5F5F7]",children:a},p))});var ne=F;export{Y as canSearch,ne as default};
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/NavigationSearch/index.tsx"],
-  "sourcesContent": ["/* eslint-disable react/no-unknown-property */\nimport { Picture, Text, Button, Container, Link, Heading, Grid, GridItem } from '../../components/index.js'\nimport { Search as SearchIcon, Close as CloseIcon } from '../HeaderNavigation/icons/index.js'\nimport { forwardRef, useCallback, useMemo, useState, useEffect, useRef } from 'react'\nimport type { NavigationSearchProps } from './types.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\n\nimport { SearchStatus } from './types.js'\n\nimport { debounce } from 'es-toolkit'\nimport { cn, atobID, highlightSearchWord } from '../../helpers/utils.js'\n\nexport const canSearch = (target: any) => {\n  return !(\n    target.metafields?.global?.HideSearch ||\n    target.metafields?.seo?.hidden ||\n    target.metafields?.seo?.setting?.noindex\n  )\n}\n\nconst NavigationSearch = forwardRef<HTMLDivElement, NavigationSearchProps>(\n  ({ data, onSearch, onClose, searchResult, isSearching, keywords }, ref) => {\n    const { locale = 'us', copyWriting } = useAiuiContext()\n\n    const [searchValue, setSearchValue] = useState('')\n    const [isComposing, setIsComposing] = useState(false)\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    // \u81EA\u52A8\u805A\u7126\u5230\u8F93\u5165\u6846\uFF08\u963B\u6B62\u6EDA\u52A8\u884C\u4E3A\uFF09\n    useEffect(() => {\n      if (inputRef.current) {\n        inputRef.current.focus({ preventScroll: true })\n      }\n    }, [])\n\n    const debouncedFunction = debounce((value: string) => {\n      onSearch(value)\n    }, 300)\n\n    const handleKeyDown = useCallback(\n      (e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === 'Enter' && !isComposing) {\n          window.open(`${locale === 'us' ? '' : locale}${data?.moreLink}?q=${searchValue.toLowerCase()}`, '_self')\n        }\n      },\n      [isComposing, searchValue, locale, data?.moreLink]\n    )\n\n    const searchKeywords = useMemo(() => {\n      if (Array.isArray(keywords) && keywords?.length) {\n        return keywords.map((keyword: any) => keyword.search_term)\n      }\n      if (Array.isArray(data?.popularWords) && data?.popularWords?.length) {\n        return data?.popularWords.map((word: any) => word.popularWord)\n      }\n      return []\n    }, [keywords, data?.popularWords])\n\n    const getLink = useCallback(\n      (item: any) => {\n        const type = item.__typename || item.type\n        switch (type) {\n          case 'Product':\n            return `/products${item.path}?q=${searchValue.toLowerCase()}`\n          case 'Article':\n            return `/blogs/${item.blog.handle}/${item.handle.replace('storefront-', '')}?q=${searchValue.toLowerCase()}`\n          default:\n            break\n        }\n      },\n      [searchValue]\n    )\n\n    const searchStatus = useMemo(() => {\n      if (!searchValue) {\n        // \u6CA1\u6709\u641C\u7D22\u503C\n        return SearchStatus.Default\n      } else if (searchResult?.totalCount) {\n        // \u6709\u641C\u7D22\u7ED3\u679C\n        return SearchStatus.Predict\n      } else if (!isSearching) {\n        // \u6CA1\u6709\u641C\u7D22\u7ED3\u679C\n        return SearchStatus.Empty\n      }\n    }, [searchResult?.totalCount, searchValue, isSearching])\n\n    return (\n      <Container childClassName=\"!bg-white\" className=\"relative\" ref={ref}>\n        <style>\n          {`\n            .navigation-search-component input:-webkit-autofill,\n            .navigation-search-component input:-webkit-autofill:hover,\n            .navigation-search-component input:-webkit-autofill:focus {\n              -webkit-box-shadow: 0 0 0 1000px transparent inset !important; /* \u80CC\u666F\u900F\u660E */\n              -webkit-text-fill-color: #000 !important;\n              transition: background-color 9999s ease-in-out 0s !important;\n              caret-color: #000;\n            }\n          `}\n        </style>\n        <div className=\"navigation-search-component laptop:h-[52px] desktop:h-[60px] desktop:pt-6 flex items-center justify-between gap-4 border-b border-b-gray-200 py-4 text-black\">\n          <input\n            ref={inputRef}\n            value={searchValue}\n            onCompositionStart={() => setIsComposing(true)}\n            onCompositionEnd={() => setIsComposing(false)}\n            onKeyDown={handleKeyDown}\n            onChange={e => {\n              setSearchValue(e.target.value)\n              if (e.target.value) {\n                debouncedFunction(e.target.value)\n              }\n            }}\n            type=\"text\"\n            className=\"flex-1 bg-white text-sm font-bold leading-[1.4] outline-none focus-visible:!outline-none \"\n            placeholder={data?.placeholder}\n          />\n          <div className=\"flex items-center gap-3\">\n            <SearchIcon className=\"size-5 cursor-pointer\" onClick={() => onSearch(searchValue)} />\n            <div className=\"h-[20px] w-px bg-[#E4E5E6]\" />\n            <CloseIcon className=\"size-5 cursor-pointer\" onClick={onClose} />\n          </div>\n        </div>\n        <div className=\"desktop:gap-12 desktop:py-6 flex flex-col gap-6 py-4 text-black\">\n          {searchStatus === SearchStatus.Predict ? (\n            <>\n              <div>\n                <div className=\"flex items-center gap-1\">\n                  <Text html={data?.suggestText} className=\"text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n                  {searchResult?.items?.length > 6 && (\n                    <Button\n                      as=\"a\"\n                      iconClassName=\"size-4\"\n                      href={`${locale === 'us' ? '' : locale}${data?.moreLink}?q=${searchValue.toLowerCase()}`}\n                      className=\"!p-0 !text-sm font-bold leading-[1.2]\"\n                      variant=\"link\"\n                    >\n                      {data?.moreText}\n                    </Button>\n                  )}\n                </div>\n                <div className=\"mt-2 flex flex-col\">\n                  {searchResult?.items\n                    ?.filter((item: any) => canSearch(item))\n                    .slice(0, 6)\n                    ?.map((item: any) => (\n                      <Link\n                        className=\"w-full p-4 no-underline hover:bg-[#F5F5F7] hover:text-current\"\n                        href={getLink(item)}\n                        key={item.id}\n                      >\n                        <Text\n                          html={highlightSearchWord(item.title, searchValue)}\n                          className=\"cursor-pointer text-sm font-bold leading-[1.4]\"\n                        />\n                      </Link>\n                    ))}\n                </div>\n              </div>\n              <div key=\"predict-advertising-card\">\n                <Text html={data?.hotProductsText} className=\"text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n                <div className=\"tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-4 tablet:gap-x-3 tablet:gap-y-4 laptop:gap-4 mt-2 grid grid-cols-1 gap-2\">\n                  <Link asChild={!data?.advertisingLink} href={data?.advertisingLink}>\n                    <div className=\"relative\">\n                      <Picture\n                        source={data?.advertisingBgImg?.url}\n                        className=\"laptop:h-[120px] h-[114px]\"\n                        imgClassName=\"object-cover h-full\"\n                      />\n                      <div className=\"absolute inset-x-0 bottom-0 p-4\">\n                        <Heading\n                          size={2}\n                          html={data?.advertisingTitle || 'Buy in Guide'}\n                          className={cn('font-bold text-white', {\n                            'text-black': data?.advertisingTheme === 'dark',\n                          })}\n                        />\n                        <Text\n                          html={data?.advertisingSubtitle || '20.000mAh'}\n                          className={cn('text-sm font-bold text-white', {\n                            'text-black': data?.advertisingTheme === 'dark',\n                          })}\n                        />\n                      </div>\n                    </div>\n                  </Link>\n                  {searchResult?.items\n                    ?.filter((item: any) => item.type.toLowerCase() === 'product')\n                    .slice(0, 7)\n                    ?.map((item: any) => {\n                      const variant = item?.variants?.[0]\n                      const productImage = `${variant?.image?.url || item?.images?.[0]?.url}`\n                      const productName = item?.title || item?.name\n                      const productDesc = item?.description\n                      const productBadge = item?.badge || ''\n                      const listingLink = `/products/${item?.handle}?variant=${atobID(variant?.id as string)}`\n                      return (\n                        <SearchProduct\n                          productImage={productImage}\n                          productName={productName}\n                          productDesc={productDesc}\n                          productBadge={productBadge}\n                          listingLink={listingLink}\n                          key={item.id}\n                        />\n                      )\n                    })}\n                </div>\n              </div>\n            </>\n          ) : (\n            <>\n              {searchStatus === SearchStatus.Empty && (\n                <Text\n                  html={data?.noResultText}\n                  as=\"p\"\n                  className=\"border-b border-[#E4E5E6] pb-6 text-sm font-bold leading-[1.4] text-[#6D6D6F]\"\n                />\n              )}\n              <div>\n                <Text html={data?.popularText} className=\"text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n                <div className=\"mt-2\">\n                  <SearchKeyword data={data} keywords={searchKeywords} locale={locale} />\n                  {Array.isArray(data?.popularPages) && !!data?.popularPages?.length && (\n                    <Grid className=\"laptop:gap-4 laptop:mt-4 mt-3 gap-3\">\n                      {data?.popularPages?.map((item: any) => (\n                        <GridItem\n                          key={item?.id}\n                          className=\"tablet:col-span-6 laptop:p-3 desktop:p-4 laptop:col-span-3 col-span-12 p-2 hover:bg-[#F5F5F7]\"\n                        >\n                          <a\n                            href={`${locale === 'us' ? '' : locale}${data?.moreLink}?q=${item?.popularPage.toLowerCase()}`}\n                            className=\"line-clamp-1 cursor-pointer text-sm font-bold leading-[1.4]\"\n                          >\n                            {item?.popularPage}\n                          </a>\n                        </GridItem>\n                      ))}\n                    </Grid>\n                  )}\n                </div>\n              </div>\n              <div key=\"empty-advertising-card\">\n                <Text html={data?.hotProductsText} className=\"text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n                <div className=\"tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-4 tablet:gap-x-3 tablet:gap-y-4 laptop:gap-4 mt-2 grid grid-cols-1 gap-2\">\n                  <Link asChild={!data?.advertisingLink} href={data?.advertisingLink}>\n                    <div className=\"relative [&_img]:hover:scale-110 [&_img]:hover:transition-all [&_img]:hover:duration-500\">\n                      <Picture\n                        source={data?.advertisingBgImg?.url}\n                        className=\"laptop:h-[120px] h-[114px]\"\n                        imgClassName=\"object-cover h-full\"\n                      />\n                      <div className=\"absolute inset-x-0 bottom-0 p-4\">\n                        <Heading\n                          size={2}\n                          html={data?.advertisingTitle || 'Buy in Guide'}\n                          className=\"font-bold text-white\"\n                        />\n                        <Text\n                          html={data?.advertisingSubtitle || '20.000mAh'}\n                          className=\"text-sm font-bold text-white\"\n                        />\n                      </div>\n                    </div>\n                  </Link>\n                  {data?.hotProducts?.slice(0, 7)?.map((item: any) => {\n                    const productDesc = item?.custom_description\n                    const productBadge = item?.badge || ''\n                    const listingLink = `/products/${item?.handle}?variant=${atobID(item?.shopify_id as string)}`\n                    return (\n                      <SearchProduct\n                        productImage={item?.image}\n                        productName={item?.name}\n                        productDesc={productDesc}\n                        productBadge={productBadge}\n                        listingLink={listingLink}\n                        key={item.shopify_id || item.id}\n                      />\n                    )\n                  })}\n                </div>\n              </div>\n            </>\n          )}\n        </div>\n      </Container>\n    )\n  }\n)\n\nNavigationSearch.displayName = 'NavigationSearch'\n\nconst SearchProduct = ({\n  productImage,\n  productName,\n  productDesc,\n  productBadge,\n  className,\n  listingLink,\n}: {\n  productImage: string\n  productName: string\n  productDesc: string\n  productBadge: string\n  className?: string\n  listingLink: string\n}) => {\n  return (\n    <Link href={listingLink} className=\"block no-underline hover:text-current\">\n      <div\n        className={cn(\n          'flex shrink-0 gap-4 bg-[#F5F5F7] px-4 py-3 [&_img]:hover:scale-110 [&_img]:hover:duration-500',\n          className\n        )}\n      >\n        <div className=\"shrink-0\">\n          <img\n            src={productImage}\n            loading=\"lazy\"\n            alt={productName}\n            width={90}\n            height={90}\n            className=\"size-[96px] object-contain\"\n          />\n        </div>\n        <div className=\"relative\">\n          <div className=\" h-[24px] \">\n            {productBadge && (\n              <Text\n                as=\"p\"\n                html={productBadge}\n                className=\"text-brand-0 mb-1 inline-block h-full rounded-full border-[1.6px] border-[#00BEFA] px-[6px] text-sm font-bold !leading-[22px]\"\n              />\n            )}\n          </div>\n          <div>\n            <Text\n              className=\"lg-desktop:h-[44px] lg-desktop:text-base line-clamp-2 h-[40px] text-sm font-bold leading-[1.4]\"\n              html={productName}\n            />\n            {productDesc && (\n              <Text\n                as=\"p\"\n                html={productDesc}\n                className=\"lg-desktop:text-sm mt-1 line-clamp-1 text-xs font-bold leading-[1.4] text-[#6D6D6F]\"\n              />\n            )}\n          </div>\n        </div>\n      </div>\n    </Link>\n  )\n}\n\nconst SearchKeyword = ({ data, keywords, locale }: { data: any; keywords: any[]; locale: string }) => {\n  return (\n    <div className=\"laptop:gap-4 flex flex-wrap gap-3\">\n      {keywords?.map((keyword: any, index) => (\n        <a\n          href={`${locale === 'us' ? '' : locale}${data?.moreLink}?q=${keyword?.toLowerCase()}`}\n          key={index}\n          className=\"laptop:p-3 desktop:p-4 cursor-pointer p-2 text-sm font-bold leading-[1.4] hover:bg-[#F5F5F7]\"\n        >\n          {keyword}\n        </a>\n      ))}\n    </div>\n  )\n}\n\nexport default NavigationSearch\n"],
-  "mappings": "AAwFQ,OAqCI,YAAAA,EArCJ,OAAAC,EA6BE,QAAAC,MA7BF,oBAvFR,OAAS,WAAAC,EAAS,QAAAC,EAAM,UAAAC,EAAQ,aAAAC,EAAW,QAAAC,EAAM,WAAAC,EAAS,QAAAC,EAAM,YAAAC,MAAgB,4BAChF,OAAS,UAAUC,EAAY,SAASC,MAAiB,qCACzD,OAAS,cAAAC,EAAY,eAAAC,EAAa,WAAAC,EAAS,YAAAC,EAAU,aAAAC,EAAW,UAAAC,MAAc,QAE9E,OAAS,kBAAAC,MAAsB,2BAE/B,OAAS,gBAAAC,MAAoB,aAE7B,OAAS,YAAAC,MAAgB,aACzB,OAAS,MAAAC,EAAI,UAAAC,EAAQ,uBAAAC,MAA2B,yBAEzC,MAAMC,EAAaC,GACjB,EACLA,EAAO,YAAY,QAAQ,YAC3BA,EAAO,YAAY,KAAK,QACxBA,EAAO,YAAY,KAAK,SAAS,SAI/BC,EAAmBd,EACvB,CAAC,CAAE,KAAAe,EAAM,SAAAC,EAAU,QAAAC,EAAS,aAAAC,EAAc,YAAAC,EAAa,SAAAC,CAAS,EAAGC,IAAQ,CACzE,KAAM,CAAE,OAAAC,EAAS,KAAM,YAAAC,EAAY,EAAIjB,EAAe,EAEhD,CAACkB,EAAaC,CAAc,EAAItB,EAAS,EAAE,EAC3C,CAACuB,EAAaC,CAAc,EAAIxB,EAAS,EAAK,EAC9CyB,EAAWvB,EAAyB,IAAI,EAG9CD,EAAU,IAAM,CACVwB,EAAS,SACXA,EAAS,QAAQ,MAAM,CAAE,cAAe,EAAK,CAAC,CAElD,EAAG,CAAC,CAAC,EAEL,MAAMC,EAAoBrB,EAAUsB,GAAkB,CACpDd,EAASc,CAAK,CAChB,EAAG,GAAG,EAEAC,EAAgB9B,EACnB,GAA6C,CACxC,EAAE,MAAQ,SAAW,CAACyB,GACxB,OAAO,KAAK,GAAGJ,IAAW,KAAO,GAAKA,CAAM,GAAGP,GAAM,QAAQ,MAAMS,EAAY,YAAY,CAAC,GAAI,OAAO,CAE3G,EACA,CAACE,EAAaF,EAAaF,EAAQP,GAAM,QAAQ,CACnD,EAEMiB,EAAiB9B,EAAQ,IACzB,MAAM,QAAQkB,CAAQ,GAAKA,GAAU,OAChCA,EAAS,IAAKa,GAAiBA,EAAQ,WAAW,EAEvD,MAAM,QAAQlB,GAAM,YAAY,GAAKA,GAAM,cAAc,OACpDA,GAAM,aAAa,IAAKmB,GAAcA,EAAK,WAAW,EAExD,CAAC,EACP,CAACd,EAAUL,GAAM,YAAY,CAAC,EAE3BoB,EAAUlC,EACbmC,GAAc,CAEb,OADaA,EAAK,YAAcA,EAAK,KACvB,CACZ,IAAK,UACH,MAAO,YAAYA,EAAK,IAAI,MAAMZ,EAAY,YAAY,CAAC,GAC7D,IAAK,UACH,MAAO,UAAUY,EAAK,KAAK,MAAM,IAAIA,EAAK,OAAO,QAAQ,cAAe,EAAE,CAAC,MAAMZ,EAAY,YAAY,CAAC,GAC5G,QACE,KACJ,CACF,EACA,CAACA,CAAW,CACd,EAEMa,EAAenC,EAAQ,IAAM,CACjC,GAAKsB,EAGE,IAAIN,GAAc,WAEvB,OAAOX,EAAa,QACf,GAAI,CAACY,EAEV,OAAOZ,EAAa,UANpB,QAAOA,EAAa,OAQxB,EAAG,CAACW,GAAc,WAAYM,EAAaL,CAAW,CAAC,EAEvD,OACE9B,EAACI,EAAA,CAAU,eAAe,YAAY,UAAU,WAAW,IAAK4B,EAC9D,UAAAjC,EAAC,SACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAUH,EACAC,EAAC,OAAI,UAAU,+JACb,UAAAD,EAAC,SACC,IAAKwC,EACL,MAAOJ,EACP,mBAAoB,IAAMG,EAAe,EAAI,EAC7C,iBAAkB,IAAMA,EAAe,EAAK,EAC5C,UAAWI,EACX,SAAU,GAAK,CACbN,EAAe,EAAE,OAAO,KAAK,EACzB,EAAE,OAAO,OACXI,EAAkB,EAAE,OAAO,KAAK,CAEpC,EACA,KAAK,OACL,UAAU,4FACV,YAAad,GAAM,YACrB,EACA1B,EAAC,OAAI,UAAU,0BACb,UAAAD,EAACU,EAAA,CAAW,UAAU,wBAAwB,QAAS,IAAMkB,EAASQ,CAAW,EAAG,EACpFpC,EAAC,OAAI,UAAU,6BAA6B,EAC5CA,EAACW,EAAA,CAAU,UAAU,wBAAwB,QAASkB,EAAS,GACjE,GACF,EACA7B,EAAC,OAAI,UAAU,kEACZ,SAAAiD,IAAiB9B,EAAa,QAC7BlB,EAAAF,EAAA,CACE,UAAAE,EAAC,OACC,UAAAA,EAAC,OAAI,UAAU,0BACb,UAAAD,EAACG,EAAA,CAAK,KAAMwB,GAAM,YAAa,UAAU,iDAAiD,EACzFG,GAAc,OAAO,OAAS,GAC7B9B,EAACI,EAAA,CACC,GAAG,IACH,cAAc,SACd,KAAM,GAAG8B,IAAW,KAAO,GAAKA,CAAM,GAAGP,GAAM,QAAQ,MAAMS,EAAY,YAAY,CAAC,GACtF,UAAU,wCACV,QAAQ,OAEP,SAAAT,GAAM,SACT,GAEJ,EACA3B,EAAC,OAAI,UAAU,qBACZ,SAAA8B,GAAc,OACX,OAAQkB,GAAcxB,EAAUwB,CAAI,CAAC,EACtC,MAAM,EAAG,CAAC,GACT,IAAKA,GACLhD,EAACM,EAAA,CACC,UAAU,gEACV,KAAMyC,EAAQC,CAAI,EAGlB,SAAAhD,EAACG,EAAA,CACC,KAAMoB,EAAoByB,EAAK,MAAOZ,CAAW,EACjD,UAAU,iDACZ,GALKY,EAAK,EAMZ,CACD,EACL,GACF,EACA/C,EAAC,OACC,UAAAD,EAACG,EAAA,CAAK,KAAMwB,GAAM,gBAAiB,UAAU,iDAAiD,EAC9F1B,EAAC,OAAI,UAAU,mIACb,UAAAD,EAACM,EAAA,CAAK,QAAS,CAACqB,GAAM,gBAAiB,KAAMA,GAAM,gBACjD,SAAA1B,EAAC,OAAI,UAAU,WACb,UAAAD,EAACE,EAAA,CACC,OAAQyB,GAAM,kBAAkB,IAChC,UAAU,6BACV,aAAa,sBACf,EACA1B,EAAC,OAAI,UAAU,kCACb,UAAAD,EAACO,EAAA,CACC,KAAM,EACN,KAAMoB,GAAM,kBAAoB,eAChC,UAAWN,EAAG,uBAAwB,CACpC,aAAcM,GAAM,mBAAqB,MAC3C,CAAC,EACH,EACA3B,EAACG,EAAA,CACC,KAAMwB,GAAM,qBAAuB,YACnC,UAAWN,EAAG,+BAAgC,CAC5C,aAAcM,GAAM,mBAAqB,MAC3C,CAAC,EACH,GACF,GACF,EACF,EACCG,GAAc,OACX,OAAQkB,GAAcA,EAAK,KAAK,YAAY,IAAM,SAAS,EAC5D,MAAM,EAAG,CAAC,GACT,IAAKA,GAAc,CACnB,MAAME,EAAUF,GAAM,WAAW,CAAC,EAC5BG,EAAe,GAAGD,GAAS,OAAO,KAAOF,GAAM,SAAS,CAAC,GAAG,GAAG,GAC/DI,EAAcJ,GAAM,OAASA,GAAM,KACnCK,EAAcL,GAAM,YACpBM,EAAeN,GAAM,OAAS,GAC9BO,EAAc,aAAaP,GAAM,MAAM,YAAY1B,EAAO4B,GAAS,EAAY,CAAC,GACtF,OACElD,EAACwD,EAAA,CACC,aAAcL,EACd,YAAaC,EACb,YAAaC,EACb,aAAcC,EACd,YAAaC,GACRP,EAAK,EACZ,CAEJ,CAAC,GACL,IAhDO,0BAiDT,GACF,EAEA/C,EAAAF,EAAA,CACG,UAAAkD,IAAiB9B,EAAa,OAC7BnB,EAACG,EAAA,CACC,KAAMwB,GAAM,aACZ,GAAG,IACH,UAAU,gFACZ,EAEF1B,EAAC,OACC,UAAAD,EAACG,EAAA,CAAK,KAAMwB,GAAM,YAAa,UAAU,iDAAiD,EAC1F1B,EAAC,OAAI,UAAU,OACb,UAAAD,EAACyD,EAAA,CAAc,KAAM9B,EAAM,SAAUiB,EAAgB,OAAQV,EAAQ,EACpE,MAAM,QAAQP,GAAM,YAAY,GAAK,CAAC,CAACA,GAAM,cAAc,QAC1D3B,EAACQ,EAAA,CAAK,UAAU,sCACb,SAAAmB,GAAM,cAAc,IAAKqB,GACxBhD,EAACS,EAAA,CAEC,UAAU,gGAEV,SAAAT,EAAC,KACC,KAAM,GAAGkC,IAAW,KAAO,GAAKA,CAAM,GAAGP,GAAM,QAAQ,MAAMqB,GAAM,YAAY,YAAY,CAAC,GAC5F,UAAU,8DAET,SAAAA,GAAM,YACT,GARKA,GAAM,EASb,CACD,EACH,GAEJ,GACF,EACA/C,EAAC,OACC,UAAAD,EAACG,EAAA,CAAK,KAAMwB,GAAM,gBAAiB,UAAU,iDAAiD,EAC9F1B,EAAC,OAAI,UAAU,mIACb,UAAAD,EAACM,EAAA,CAAK,QAAS,CAACqB,GAAM,gBAAiB,KAAMA,GAAM,gBACjD,SAAA1B,EAAC,OAAI,UAAU,2FACb,UAAAD,EAACE,EAAA,CACC,OAAQyB,GAAM,kBAAkB,IAChC,UAAU,6BACV,aAAa,sBACf,EACA1B,EAAC,OAAI,UAAU,kCACb,UAAAD,EAACO,EAAA,CACC,KAAM,EACN,KAAMoB,GAAM,kBAAoB,eAChC,UAAU,uBACZ,EACA3B,EAACG,EAAA,CACC,KAAMwB,GAAM,qBAAuB,YACnC,UAAU,+BACZ,GACF,GACF,EACF,EACCA,GAAM,aAAa,MAAM,EAAG,CAAC,GAAG,IAAKqB,GAAc,CAClD,MAAMK,EAAcL,GAAM,mBACpBM,EAAeN,GAAM,OAAS,GAC9BO,EAAc,aAAaP,GAAM,MAAM,YAAY1B,EAAO0B,GAAM,UAAoB,CAAC,GAC3F,OACEhD,EAACwD,EAAA,CACC,aAAcR,GAAM,MACpB,YAAaA,GAAM,KACnB,YAAaK,EACb,aAAcC,EACd,YAAaC,GACRP,EAAK,YAAcA,EAAK,EAC/B,CAEJ,CAAC,GACH,IAtCO,wBAuCT,GACF,EAEJ,GACF,CAEJ,CACF,EAEAtB,EAAiB,YAAc,mBAE/B,MAAM8B,EAAgB,CAAC,CACrB,aAAAL,EACA,YAAAC,EACA,YAAAC,EACA,aAAAC,EACA,UAAAI,EACA,YAAAH,CACF,IASIvD,EAACM,EAAA,CAAK,KAAMiD,EAAa,UAAU,wCACjC,SAAAtD,EAAC,OACC,UAAWoB,EACT,gGACAqC,CACF,EAEA,UAAA1D,EAAC,OAAI,UAAU,WACb,SAAAA,EAAC,OACC,IAAKmD,EACL,QAAQ,OACR,IAAKC,EACL,MAAO,GACP,OAAQ,GACR,UAAU,6BACZ,EACF,EACAnD,EAAC,OAAI,UAAU,WACb,UAAAD,EAAC,OAAI,UAAU,aACZ,SAAAsD,GACCtD,EAACG,EAAA,CACC,GAAG,IACH,KAAMmD,EACN,UAAU,gIACZ,EAEJ,EACArD,EAAC,OACC,UAAAD,EAACG,EAAA,CACC,UAAU,iGACV,KAAMiD,EACR,EACCC,GACCrD,EAACG,EAAA,CACC,GAAG,IACH,KAAMkD,EACN,UAAU,sFACZ,GAEJ,GACF,GACF,EACF,EAIEI,EAAgB,CAAC,CAAE,KAAA9B,EAAM,SAAAK,EAAU,OAAAE,CAAO,IAE5ClC,EAAC,OAAI,UAAU,oCACZ,SAAAgC,GAAU,IAAI,CAACa,EAAcc,IAC5B3D,EAAC,KACC,KAAM,GAAGkC,IAAW,KAAO,GAAKA,CAAM,GAAGP,GAAM,QAAQ,MAAMkB,GAAS,YAAY,CAAC,GAEnF,UAAU,+FAET,SAAAA,GAHIc,CAIP,CACD,EACH,EAIJ,IAAOC,GAAQlC",
+  "sourcesContent": ["/* eslint-disable react/no-unknown-property */\nimport { Picture, Text, Button, Container, Link, Heading, Grid, GridItem } from '../../components/index.js'\nimport { Search as SearchIcon, Close as CloseIcon } from '../HeaderNavigation/icons/index.js'\nimport { forwardRef, useCallback, useMemo, useState, useEffect, useRef } from 'react'\nimport type { NavigationSearchProps } from './types.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\n\nimport { SearchStatus } from './types.js'\n\nimport { debounce } from 'es-toolkit'\nimport { cn, atobID, highlightSearchWord } from '../../helpers/utils.js'\n\nexport const canSearch = (target: any) => {\n  return !(\n    target.metafields?.global?.HideSearch ||\n    target.metafields?.seo?.hidden ||\n    target.metafields?.seo?.setting?.noindex\n  )\n}\n\nconst NavigationSearch = forwardRef<HTMLDivElement, NavigationSearchProps>(\n  ({ data, onSearch, onClose, searchResult, isSearching, keywords }, ref) => {\n    const { locale = 'us', copyWriting } = useAiuiContext()\n\n    const [searchValue, setSearchValue] = useState('')\n    const [isComposing, setIsComposing] = useState(false)\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    // \u81EA\u52A8\u805A\u7126\u5230\u8F93\u5165\u6846\uFF08\u963B\u6B62\u6EDA\u52A8\u884C\u4E3A\uFF09\n    useEffect(() => {\n      if (inputRef.current) {\n        inputRef.current.focus({ preventScroll: true })\n      }\n    }, [])\n\n    const debouncedFunction = debounce((value: string) => {\n      onSearch(value)\n    }, 300)\n\n    const handleKeyDown = useCallback(\n      (e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === 'Enter' && !isComposing) {\n          window.open(`${locale === 'us' ? '' : locale}${data?.moreLink}?q=${searchValue.toLowerCase()}`, '_self')\n        }\n      },\n      [isComposing, searchValue, locale, data?.moreLink]\n    )\n\n    const searchKeywords = useMemo(() => {\n      if (Array.isArray(keywords) && keywords?.length) {\n        return keywords.map((keyword: any) => keyword.search_term)\n      }\n      if (Array.isArray(data?.popularWords) && data?.popularWords?.length) {\n        return data?.popularWords.map((word: any) => word.popularWord)\n      }\n      return []\n    }, [keywords, data?.popularWords])\n\n    const getLink = useCallback(\n      (item: any) => {\n        const type = item.__typename || item.type\n        switch (type) {\n          case 'Product':\n            return `/products${item.path}?q=${searchValue.toLowerCase()}`\n          case 'Article':\n            return `/blogs/${item.blog.handle}/${item.handle.replace('storefront-', '')}?q=${searchValue.toLowerCase()}`\n          default:\n            break\n        }\n      },\n      [searchValue]\n    )\n\n    const searchStatus = useMemo(() => {\n      if (!searchValue) {\n        // \u6CA1\u6709\u641C\u7D22\u503C\n        return SearchStatus.Default\n      } else if (searchResult?.totalCount) {\n        // \u6709\u641C\u7D22\u7ED3\u679C\n        return SearchStatus.Predict\n      } else if (!isSearching) {\n        // \u6CA1\u6709\u641C\u7D22\u7ED3\u679C\n        return SearchStatus.Empty\n      }\n    }, [searchResult?.totalCount, searchValue, isSearching])\n\n    return (\n      <Container childClassName=\"!bg-white\" className=\"relative\" ref={ref}>\n        <style>\n          {`\n            .navigation-search-component input:-webkit-autofill,\n            .navigation-search-component input:-webkit-autofill:hover,\n            .navigation-search-component input:-webkit-autofill:focus {\n              -webkit-box-shadow: 0 0 0 1000px transparent inset !important; /* \u80CC\u666F\u900F\u660E */\n              -webkit-text-fill-color: #000 !important;\n              transition: background-color 9999s ease-in-out 0s !important;\n              caret-color: #000;\n            }\n          `}\n        </style>\n        <div className=\"navigation-search-component laptop:h-[52px] desktop:h-[60px] desktop:pt-6 flex items-center justify-between gap-4 border-b border-b-gray-200 py-4 text-black\">\n          <input\n            ref={inputRef}\n            value={searchValue}\n            onCompositionStart={() => setIsComposing(true)}\n            onCompositionEnd={() => setIsComposing(false)}\n            onKeyDown={handleKeyDown}\n            onChange={e => {\n              setSearchValue(e.target.value)\n              if (e.target.value) {\n                debouncedFunction(e.target.value)\n              }\n            }}\n            type=\"text\"\n            className=\"flex-1 bg-white text-sm font-bold leading-[1.4] outline-none focus-visible:!outline-none \"\n            placeholder={data?.placeholder}\n          />\n          <div className=\"flex items-center gap-3\">\n            <SearchIcon className=\"size-5 cursor-pointer\" onClick={() => onSearch(searchValue)} />\n            <div className=\"h-[20px] w-px bg-[#E4E5E6]\" />\n            <CloseIcon className=\"size-5 cursor-pointer\" onClick={onClose} />\n          </div>\n        </div>\n        <div className=\"desktop:gap-12 desktop:py-6 flex flex-col gap-6 py-4 text-black\">\n          {searchStatus === SearchStatus.Predict ? (\n            <>\n              <div>\n                <div className=\"flex items-center gap-1\">\n                  <Text html={data?.suggestText} className=\"text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n                  {searchResult?.items?.length > 6 && (\n                    <Button\n                      as=\"a\"\n                      iconClassName=\"size-4\"\n                      href={`${locale === 'us' ? '' : locale}${data?.moreLink}?q=${searchValue.toLowerCase()}`}\n                      className=\"!p-0 !text-sm font-bold leading-[1.2]\"\n                      variant=\"link\"\n                    >\n                      {data?.moreText}\n                    </Button>\n                  )}\n                </div>\n                <div className=\"mt-2 flex flex-col\">\n                  {searchResult?.items\n                    ?.filter((item: any) => canSearch(item))\n                    .slice(0, 6)\n                    ?.map((item: any) => (\n                      <Link\n                        className=\"w-full p-4 no-underline hover:bg-[#F5F5F7] hover:text-current\"\n                        href={getLink(item)}\n                        key={item.id}\n                      >\n                        <Text\n                          html={highlightSearchWord(item.title, searchValue)}\n                          className=\"cursor-pointer text-sm font-bold leading-[1.4]\"\n                        />\n                      </Link>\n                    ))}\n                </div>\n              </div>\n              <div key=\"predict-advertising-card\">\n                <Text html={data?.hotProductsText} className=\"text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n                <div className=\"tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-4 tablet:gap-x-3 tablet:gap-y-4 laptop:gap-4 mt-2 grid grid-cols-1 gap-2\">\n                  {data?.advertisingBgImg?.url && (\n                    <Link asChild={!data?.advertisingLink} href={data?.advertisingLink}>\n                      <div className=\"rounded-sidebar-shelf relative\">\n                        <Picture\n                          source={data?.advertisingBgImg?.url}\n                          className=\"laptop:h-[120px] h-[114px]\"\n                          imgClassName=\"object-cover h-full\"\n                        />\n                        <div className=\"absolute inset-x-0 bottom-0 p-4\">\n                          <Heading\n                            size={2}\n                            html={data?.advertisingTitle || 'Buy in Guide'}\n                            className={cn('font-bold text-white', {\n                              'text-black': data?.advertisingTheme === 'dark',\n                            })}\n                          />\n                          <Text\n                            html={data?.advertisingSubtitle || '20.000mAh'}\n                            className={cn('text-sm font-bold text-white', {\n                              'text-black': data?.advertisingTheme === 'dark',\n                            })}\n                          />\n                        </div>\n                      </div>\n                    </Link>\n                  )}\n                  {searchResult?.items\n                    ?.filter((item: any) => item.type.toLowerCase() === 'product')\n                    .slice(0, 7)\n                    ?.map((item: any) => {\n                      const variant = item?.variants?.[0]\n                      const productImage = `${variant?.image?.url || item?.images?.[0]?.url}`\n                      const productName = item?.title || item?.name\n                      const productDesc = item?.description\n                      const productBadge = item?.badge || ''\n                      const listingLink = `/products/${item?.handle}?variant=${atobID(variant?.id as string)}`\n                      return (\n                        <SearchProduct\n                          productImage={productImage}\n                          productName={productName}\n                          productDesc={productDesc}\n                          productBadge={productBadge}\n                          listingLink={listingLink}\n                          key={item.id}\n                        />\n                      )\n                    })}\n                </div>\n              </div>\n            </>\n          ) : (\n            <>\n              {searchStatus === SearchStatus.Empty && (\n                <Text\n                  html={data?.noResultText}\n                  as=\"p\"\n                  className=\"border-b border-[#E4E5E6] pb-6 text-sm font-bold leading-[1.4] text-[#6D6D6F]\"\n                />\n              )}\n              <div>\n                <Text html={data?.popularText} className=\"text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n                <div className=\"mt-2\">\n                  <SearchKeyword data={data} keywords={searchKeywords} locale={locale} />\n                  {Array.isArray(data?.popularPages) && !!data?.popularPages?.length && (\n                    <Grid className=\"laptop:gap-4 laptop:mt-4 mt-3 gap-3\">\n                      {data?.popularPages?.map((item: any) => (\n                        <GridItem\n                          key={item?.id}\n                          className=\"tablet:col-span-6 laptop:p-3 desktop:p-4 laptop:col-span-3 col-span-12 p-2 hover:bg-[#F5F5F7]\"\n                        >\n                          <a\n                            href={`${locale === 'us' ? '' : locale}${data?.moreLink}?q=${item?.popularPage.toLowerCase()}`}\n                            className=\"line-clamp-1 cursor-pointer text-sm font-bold leading-[1.4]\"\n                          >\n                            {item?.popularPage}\n                          </a>\n                        </GridItem>\n                      ))}\n                    </Grid>\n                  )}\n                </div>\n              </div>\n              <div key=\"empty-advertising-card\">\n                <Text html={data?.hotProductsText} className=\"text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n                <div className=\"tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-4 tablet:gap-x-3 tablet:gap-y-4 laptop:gap-4 mt-2 grid grid-cols-1 gap-2\">\n                  {data?.advertisingBgImg?.url && (\n                    <Link asChild={!data?.advertisingLink} href={data?.advertisingLink}>\n                      <div className=\"rounded-sidebar-shelf relative overflow-hidden [&_img]:hover:scale-110 [&_img]:hover:transition-all [&_img]:hover:duration-500\">\n                        <Picture\n                          source={data?.advertisingBgImg?.url}\n                          className=\"laptop:h-[120px] h-[114px]\"\n                          imgClassName=\"object-cover h-full\"\n                        />\n                        <div className=\"absolute inset-x-0 bottom-0 p-4\">\n                          <Heading\n                            size={2}\n                            html={data?.advertisingTitle || 'Buy in Guide'}\n                            className={cn('font-bold text-white', {\n                              'text-black': data?.advertisingTheme === 'dark',\n                            })}\n                          />\n                          <Text\n                            html={data?.advertisingSubtitle || '20.000mAh'}\n                            className={cn('text-sm font-bold text-white', {\n                              'text-black': data?.advertisingTheme === 'dark',\n                            })}\n                          />\n                        </div>\n                      </div>\n                    </Link>\n                  )}\n                  {data?.hotProducts?.slice(0, 7)?.map((item: any) => {\n                    const productDesc = item?.custom_description\n                    const productBadge = item?.badge || ''\n                    const listingLink = `/products/${item?.handle}?variant=${atobID(item?.shopify_id as string)}`\n                    return (\n                      <SearchProduct\n                        productImage={item?.image}\n                        productName={item?.name}\n                        productDesc={productDesc}\n                        productBadge={productBadge}\n                        listingLink={listingLink}\n                        key={item.shopify_id || item.id}\n                      />\n                    )\n                  })}\n                </div>\n              </div>\n            </>\n          )}\n        </div>\n      </Container>\n    )\n  }\n)\n\nNavigationSearch.displayName = 'NavigationSearch'\n\nconst SearchProduct = ({\n  productImage,\n  productName,\n  productDesc,\n  productBadge,\n  className,\n  listingLink,\n}: {\n  productImage: string\n  productName: string\n  productDesc: string\n  productBadge: string\n  className?: string\n  listingLink: string\n}) => {\n  return (\n    <Link href={listingLink} className=\"block no-underline hover:text-current\">\n      <div\n        className={cn(\n          'flex shrink-0 gap-4 bg-[#F5F5F7] px-4 py-3 [&_img]:hover:scale-110 [&_img]:hover:duration-500',\n          className\n        )}\n      >\n        <div className=\"shrink-0\">\n          <img\n            src={productImage}\n            loading=\"lazy\"\n            alt={productName}\n            width={90}\n            height={90}\n            className=\"size-[96px] object-contain\"\n          />\n        </div>\n        <div className=\"relative\">\n          <div className=\" h-[24px] \">\n            {productBadge && (\n              <Text\n                as=\"p\"\n                html={productBadge}\n                className=\"text-brand-0 mb-1 inline-block h-full rounded-full border-[1.6px] border-[#00BEFA] px-[6px] text-sm font-bold !leading-[22px]\"\n              />\n            )}\n          </div>\n          <div>\n            <Text\n              className=\"lg-desktop:h-[44px] lg-desktop:text-base line-clamp-2 h-[40px] text-sm font-bold leading-[1.4]\"\n              html={productName}\n            />\n            {productDesc && (\n              <Text\n                as=\"p\"\n                html={productDesc}\n                className=\"lg-desktop:text-sm mt-1 line-clamp-1 text-xs font-bold leading-[1.4] text-[#6D6D6F]\"\n              />\n            )}\n          </div>\n        </div>\n      </div>\n    </Link>\n  )\n}\n\nconst SearchKeyword = ({ data, keywords, locale }: { data: any; keywords: any[]; locale: string }) => {\n  return (\n    <div className=\"laptop:gap-4 flex flex-wrap gap-3\">\n      {keywords?.map((keyword: any, index) => (\n        <a\n          href={`${locale === 'us' ? '' : locale}${data?.moreLink}?q=${keyword?.toLowerCase()}`}\n          key={index}\n          className=\"laptop:p-3 desktop:p-4 cursor-pointer p-2 text-sm font-bold leading-[1.4] hover:bg-[#F5F5F7]\"\n        >\n          {keyword}\n        </a>\n      ))}\n    </div>\n  )\n}\n\nexport default NavigationSearch\n"],
+  "mappings": "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",
   "names": ["Fragment", "jsx", "jsxs", "Picture", "Text", "Button", "Container", "Link", "Heading", "Grid", "GridItem", "SearchIcon", "CloseIcon", "forwardRef", "useCallback", "useMemo", "useState", "useEffect", "useRef", "useAiuiContext", "SearchStatus", "debounce", "cn", "atobID", "highlightSearchWord", "canSearch", "target", "NavigationSearch", "data", "onSearch", "onClose", "searchResult", "isSearching", "keywords", "ref", "locale", "copyWriting", "searchValue", "setSearchValue", "isComposing", "setIsComposing", "inputRef", "debouncedFunction", "value", "handleKeyDown", "searchKeywords", "keyword", "word", "getLink", "item", "searchStatus", "variant", "productImage", "productName", "productDesc", "productBadge", "listingLink", "SearchProduct", "SearchKeyword", "className", "index", "NavigationSearch_default"]
 }

package/package.json

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