@anker-in/headless-ui 1.0.10-temp-23 → 1.0.10-temp-0806

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

@@ -0,0 +1,2 @@
+"use strict";var y=Object.create;var r=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var B=Object.getPrototypeOf,M=Object.prototype.hasOwnProperty;var C=(s,d)=>{for(var a in d)r(s,a,{get:d[a],enumerable:!0})},h=(s,d,a,i)=>{if(d&&typeof d=="object"||typeof d=="function")for(let n of w(d))!M.call(s,n)&&n!==a&&r(s,n,{get:()=>d[n],enumerable:!(i=g(d,n))||i.enumerable});return s};var D=(s,d,a)=>(a=s!=null?y(B(s)):{},h(d||!s||!s.__esModule?r(a,"default",{value:s,enumerable:!0}):a,s)),A=s=>h(r({},"__esModule",{value:!0}),s);var S={};C(S,{default:()=>L});module.exports=A(S);var e=require("react/jsx-runtime"),p=require("react"),t=require("../../components/index.js"),N=D(require("../Subscribe/index.js")),o=require("./icons/index.js"),f=require("react-responsive"),c=require("../../helpers/utils.js");const F=({data:{footerNavigation:s},event:d})=>{const[a,i]=(0,p.useState)(!1),[n,x]=(0,p.useState)(!1),m=(0,f.useMediaQuery)({query:"(max-width: 1440px)"});return(0,p.useEffect)(()=>{x(m)},[m]),(0,e.jsxs)(t.Container,{childClassName:"bg-black py-16 flex flex-col desktop:gap-16 gap-8",children:[(0,e.jsx)(t.Text,{html:s?.story,className:"desktop:text-sm text-xs font-bold text-[#6D6D6F]"}),(0,e.jsx)(E,{data:{footerNavigation:s},onSubmit:d?.signup}),(0,e.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,e.jsxs)("div",{className:(0,c.cn)({"desktop:gap-16 flex":s?.download?.title}),children:[(0,e.jsxs)("div",{className:(0,c.cn)({"desktop:flex-[1260]":s?.download?.title}),children:[(0,e.jsx)(t.Text,{html:s?.storeBenefits?.title,className:"desktop:text-2xl text-xl font-bold leading-[1.2] text-white"}),(0,e.jsx)("div",{className:(0,c.cn)("desktop:flex-row desktop:gap-4 desktop:flex-wrap mt-4 flex flex-col gap-2",{"desktop:max-w-[648px]":s?.download?.title}),children:s?.storeBenefits?.reasons?.map(l=>(0,e.jsxs)("div",{className:"desktop:min-w-[288px] flex flex-1 shrink-0 items-center gap-2",children:[(0,e.jsx)(t.Picture,{source:l?.icon?.url,alt:l?.icon?.alt,className:"size-5 shrink-0"}),(0,e.jsx)(t.Text,{html:l?.label,className:"text-base font-bold leading-[1.2] text-[#B6B6BA]"})]},l?.id))})]}),(0,e.jsx)(u,{className:(0,c.cn)({"desktop:flex-[404] hidden desktop:block":s?.download?.title}),title:s?.download?.title,apps:s?.download?.apps})]}),(0,e.jsx)("div",{className:"desktop:block hidden h-px bg-[#3D3E3F]"}),(0,e.jsxs)("div",{className:"desktop:grid grid-cols-4 gap-4",children:[(0,e.jsx)(b,{title:s?.mainNav?.products?.title,lists:s?.mainNav?.products?.products}),(0,e.jsx)(b,{title:s?.mainNav?.explore?.title,lists:s?.mainNav?.explore?.explores}),(0,e.jsx)(b,{title:s?.mainNav?.support?.title,lists:s?.mainNav?.support?.supports}),(0,e.jsxs)("div",{className:"desktop:py-0 desktop:border-none border-t border-[#3D3E3F] pt-4",children:[(0,e.jsxs)("div",{className:"desktop:pb-0 flex items-center justify-between pb-4",children:[(0,e.jsx)(t.Text,{as:"p",html:s?.mainNav?.contact?.title,className:"desktop:text-2xl text-xl font-bold leading-[1.2] text-white"}),n&&(0,e.jsx)("button",{onClick:()=>i(!a),children:a?(0,e.jsx)(o.SubtractIcon,{width:16,height:16}):(0,e.jsx)(o.AddIcon,{width:16,height:16})})]}),(a&&n||!n)&&(0,e.jsx)("div",{className:"mt-4 flex flex-col gap-2",children:s?.mainNav?.contact?.contacts?.map(l=>(0,e.jsxs)("div",{className:"flex items-start gap-2",children:[(0,e.jsx)(t.Picture,{source:l?.icon?.url,alt:l?.icon?.alt,className:"size-5 shrink-0"}),(0,e.jsx)(t.Link,{href:l?.link,className:"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] no-underline",children:l?.label})]},l?.id))}),(0,e.jsx)(v,{data:{footerNavigation:s},className:"desktop:hidden",isMobile:n,onChangeCountry:d?.country}),(0,e.jsx)("div",{className:"desktop:hidden mt-8",children:(0,e.jsx)(u,{title:s?.download?.title,apps:s?.download?.apps})}),(0,e.jsx)("div",{className:"mt-8 flex items-center gap-2",children:s?.mainNav?.socials?.map(l=>(0,e.jsx)(t.Link,{href:l?.link,children:(0,e.jsx)(t.Picture,{source:l?.icon?.url,alt:l?.icon?.alt,className:"size-8 shrink-0"})},l?.id))}),(0,e.jsx)("div",{className:"mt-4 flex flex-wrap gap-2",children:s?.mainNav?.payment?.map(l=>(0,e.jsx)(t.Link,{href:l?.link,children:(0,e.jsx)(t.Picture,{source:l?.icon?.url,alt:l?.icon?.alt,className:"h-[28px] w-[44px] shrink-0"})},l?.id))})]})]})]}),(0,e.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,e.jsxs)("div",{className:"desktop:flex-row desktop:flex desktop:gap-4",children:[(0,e.jsxs)("div",{className:"laptop:flex-row laptop:item-center desktop:flex-[980] flex flex-col items-start gap-4",children:[(0,e.jsx)(t.Text,{html:s?.brand?.currentBrand,className:"text-[#B6B6BA]"}),(0,e.jsx)("div",{className:"laptop:block hidden h-[20px] w-px bg-[#B6B6BA] "}),(0,e.jsx)("div",{className:"desktop:gap-6 flex flex-wrap items-center gap-4",children:s?.brand?.brands?.map(l=>(0,e.jsx)(t.Link,{href:l?.link,children:(0,e.jsx)(t.Text,{html:l?.icon,className:"text-[#B6B6BA]"})},l?.id))})]}),(0,e.jsx)(v,{data:{footerNavigation:s},className:"desktop:flex-[316] desktop:block hidden",isMobile:n,onChangeCountry:d?.country})]}),(0,e.jsx)("div",{className:"h-px bg-[#3D3E3F]"}),(0,e.jsxs)("div",{className:"laptop:flex-row desktop:gap-4 desktop:items-center flex flex-col items-start gap-1",children:[(0,e.jsx)(t.Text,{html:s?.copyright?.label,className:"desktop:text-base text-xs font-bold leading-[1.4] text-[#6D6D6F]"}),(0,e.jsx)("div",{className:"flex flex-wrap items-center gap-x-2 gap-y-1",children:s?.policy?.policies?.map(l=>(0,e.jsx)(t.Link,{href:l?.link,className:"desktop:text-base text-xs font-bold leading-[1.4] text-[#B6B6BA] no-underline",children:l?.label},l?.id))})]})]})]})},E=({data:{footerNavigation:s},onSubmit:d})=>(0,e.jsxs)("div",{className:"desktop:py-16 desktop:gap-16 laptop:px-8 desktop:flex-row flex flex-col gap-8 bg-[#1D1D1F] px-4 py-8",children:[(0,e.jsx)(N.default,{subscribeMetadata:s?.signup,className:"desktop:flex-[744]",onSubmit:d}),(0,e.jsx)("div",{className:"desktop:hidden h-px w-full bg-[#3D3E3F]"}),(0,e.jsxs)("div",{className:"desktop:gap-6 desktop:flex-row desktop:flex-[792] flex flex-col gap-4",children:[(0,e.jsxs)("div",{className:"flex-1",children:[(0,e.jsx)(t.Text,{html:s?.enjoy?.title,className:"desktop:text-2xl text-xl font-bold leading-[1.2] text-white"}),(0,e.jsx)("div",{className:"mt-4 flex flex-col gap-2",children:s?.enjoy?.enjoys?.map(a=>(0,e.jsxs)("div",{className:"flex-start flex gap-2",children:[(0,e.jsx)(t.Picture,{source:a?.icon?.url,alt:a?.icon?.alt,className:"size-5 shrink-0"}),(0,e.jsx)(t.Text,{html:a?.label,className:"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA]"})]},a?.id))})]}),(0,e.jsx)("div",{className:"w-px bg-[#3D3E3F]"}),(0,e.jsxs)("div",{className:"flex-1",children:[(0,e.jsx)(t.Text,{html:s?.benefit?.title,className:"desktop:text-2xl text-xl font-bold leading-[1.2] text-white"}),(0,e.jsx)("div",{className:"mt-4 flex flex-col gap-2",children:s?.benefit?.benefits?.map(a=>(0,e.jsx)(t.Text,{html:a?.label,className:"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA]"},a?.id))})]})]})]}),b=({title:s,lists:d,className:a})=>{const[i,n]=(0,p.useState)(!1),[x,m]=(0,p.useState)(!1),l=(0,f.useMediaQuery)({query:"(max-width: 1440px)"});return(0,p.useEffect)(()=>{m(l)},[l]),(0,e.jsxs)("div",{className:(0,c.cn)("desktop:py-0 desktop:border-none border-t border-[#3D3E3F] py-4",a),children:[(0,e.jsxs)("div",{className:"flex items-center justify-between",children:[(0,e.jsx)(t.Text,{as:"p",html:s,className:"desktop:text-2xl text-xl font-bold leading-[1.2] text-white"}),x&&(0,e.jsx)("button",{onClick:()=>n(!i),children:i?(0,e.jsx)(o.SubtractIcon,{width:16,height:16}):(0,e.jsx)(o.AddIcon,{width:16,height:16})})]}),(i&&x||!x)&&(0,e.jsx)("div",{className:"mt-4 flex flex-col gap-2",children:d?.map(k=>(0,e.jsx)(t.Link,{href:k?.url,className:"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] no-underline",children:k?.label},k?.id))})]})},u=({title:s,apps:d,className:a})=>(0,e.jsxs)("div",{className:a,children:[(0,e.jsx)(t.Text,{html:s,className:"desktop:text-2xl text-xl font-bold leading-[1.2] text-white"}),(0,e.jsx)("div",{className:"mt-4 flex items-center gap-4",children:d?.map(i=>(0,e.jsxs)("div",{className:"flex flex-col items-center gap-[6px]",children:[(0,e.jsx)(t.Link,{href:i?.link,children:(0,e.jsx)(t.Picture,{source:i?.icon?.url,alt:i?.icon?.alt,className:"size-10 shrink-0"})}),i?.label&&(0,e.jsx)(t.Text,{html:i?.label,className:"text-xs font-bold  text-[#999999]"})]},i?.id))})]}),v=({data:{footerNavigation:s},isMobile:d,className:a,onChangeCountry:i})=>(0,e.jsx)("div",{className:(0,c.cn)("desktop:py-0 desktop:border-none border-t border-[#3D3E3F] py-4",a),children:(0,e.jsxs)("div",{className:"flex items-center justify-between",children:[(0,e.jsxs)("button",{className:"flex cursor-pointer items-center gap-2",onClick:()=>i?.(),children:[(0,e.jsx)(o.CountryIcon,{width:20,height:20,className:"shrink-0"}),(0,e.jsx)(t.Text,{as:"p",html:s?.country?.country,className:"desktop:text-[#B6B6BA] text-base font-bold leading-[1.2] text-white"})]}),d&&(0,e.jsx)("button",{children:(0,e.jsx)(o.ArrowRightIcon,{width:16,height:16})})]})});var L=F;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/FooterNavigation/index.tsx"],
+  "sourcesContent": ["import { useEffect, useState } from 'react'\nimport { Picture, Text, Container, Link } from '../../components/index.js'\nimport Subscribe from '../Subscribe/index.js'\nimport type { FooterNavigationProps } from './types.js'\nimport { AddIcon, SubtractIcon, ArrowRightIcon, CountryIcon } from './icons/index.js'\nimport { useMediaQuery } from 'react-responsive'\nimport { cn } from '../../helpers/utils.js'\n\nconst FooterNavigation = ({ data: { footerNavigation }, event }: FooterNavigationProps) => {\n  const [mainNavMenuOpen, setMainNavMenuOpen] = useState<boolean>(false)\n  const [isMobile, setIsMobile] = useState(false)\n\n  const mediaQuery = useMediaQuery({ query: '(max-width: 1440px)' })\n\n  useEffect(() => {\n    setIsMobile(mediaQuery)\n  }, [mediaQuery])\n\n  return (\n    <Container childClassName=\"bg-black py-16 flex flex-col desktop:gap-16 gap-8\">\n      <Text html={footerNavigation?.story} className=\"desktop:text-sm text-xs font-bold text-[#6D6D6F]\" />\n      <MarketingConversion data={{ footerNavigation }} onSubmit={event?.signup} />\n      <div className=\"flex flex-col gap-8\">\n        <div\n          className={cn({\n            'desktop:gap-16 flex': footerNavigation?.download?.title,\n          })}\n        >\n          <div\n            className={cn({\n              'desktop:flex-[1260]': footerNavigation?.download?.title,\n            })}\n          >\n            <Text\n              html={footerNavigation?.storeBenefits?.title}\n              className=\"desktop:text-2xl text-xl font-bold leading-[1.2] text-white\"\n            />\n            <div\n              className={cn('desktop:flex-row desktop:gap-4 desktop:flex-wrap mt-4 flex flex-col gap-2', {\n                'desktop:max-w-[648px]': footerNavigation?.download?.title,\n              })}\n            >\n              {footerNavigation?.storeBenefits?.reasons?.map((reasonItem: any) => (\n                <div key={reasonItem?.id} className=\"desktop:min-w-[288px] flex flex-1 shrink-0 items-center gap-2\">\n                  <Picture source={reasonItem?.icon?.url} alt={reasonItem?.icon?.alt} className=\"size-5 shrink-0\" />\n                  <Text html={reasonItem?.label} className=\"text-base font-bold leading-[1.2] text-[#B6B6BA]\" />\n                </div>\n              ))}\n            </div>\n          </div>\n          <DownloadApp\n            className={cn({\n              'desktop:flex-[404] hidden desktop:block': footerNavigation?.download?.title,\n            })}\n            title={footerNavigation?.download?.title}\n            apps={footerNavigation?.download?.apps}\n          />\n        </div>\n        <div className=\"desktop:block hidden h-px bg-[#3D3E3F]\" />\n        <div className=\"desktop:grid grid-cols-4 gap-4\">\n          <MainNavMenu\n            title={footerNavigation?.mainNav?.products?.title}\n            lists={footerNavigation?.mainNav?.products?.products}\n          />\n          <MainNavMenu\n            title={footerNavigation?.mainNav?.explore?.title}\n            lists={footerNavigation?.mainNav?.explore?.explores}\n          />\n          <MainNavMenu\n            title={footerNavigation?.mainNav?.support?.title}\n            lists={footerNavigation?.mainNav?.support?.supports}\n          />\n          <div className=\"desktop:py-0 desktop:border-none border-t border-[#3D3E3F] pt-4\">\n            <div className=\"desktop:pb-0 flex items-center justify-between pb-4\">\n              <Text\n                as=\"p\"\n                html={footerNavigation?.mainNav?.contact?.title}\n                className=\"desktop:text-2xl text-xl font-bold leading-[1.2] text-white\"\n              />\n              {isMobile && (\n                <button onClick={() => setMainNavMenuOpen(!mainNavMenuOpen)}>\n                  {mainNavMenuOpen ? <SubtractIcon width={16} height={16} /> : <AddIcon width={16} height={16} />}\n                </button>\n              )}\n            </div>\n            {((mainNavMenuOpen && isMobile) || !isMobile) && (\n              <div className=\"mt-4 flex flex-col gap-2\">\n                {footerNavigation?.mainNav?.contact?.contacts?.map((contactItem: any) => (\n                  <div key={contactItem?.id} className=\"flex items-start gap-2\">\n                    <Picture source={contactItem?.icon?.url} alt={contactItem?.icon?.alt} className=\"size-5 shrink-0\" />\n                    <Link\n                      href={contactItem?.link}\n                      className=\"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] no-underline\"\n                    >\n                      {contactItem?.label}\n                    </Link>\n                  </div>\n                ))}\n              </div>\n            )}\n            <ChangeCountry\n              data={{ footerNavigation }}\n              className=\"desktop:hidden\"\n              isMobile={isMobile}\n              onChangeCountry={event?.country}\n            />\n            <div className=\"desktop:hidden mt-8\">\n              <DownloadApp title={footerNavigation?.download?.title} apps={footerNavigation?.download?.apps} />\n            </div>\n            <div className=\"mt-8 flex items-center gap-2\">\n              {footerNavigation?.mainNav?.socials?.map((socialItem: any) => (\n                <Link href={socialItem?.link} key={socialItem?.id}>\n                  <Picture source={socialItem?.icon?.url} alt={socialItem?.icon?.alt} className=\"size-8 shrink-0\" />\n                </Link>\n              ))}\n            </div>\n            <div className=\"mt-4 flex flex-wrap gap-2\">\n              {footerNavigation?.mainNav?.payment?.map((paymentItem: any) => (\n                <Link href={paymentItem?.link} key={paymentItem?.id}>\n                  <Picture\n                    source={paymentItem?.icon?.url}\n                    alt={paymentItem?.icon?.alt}\n                    className=\"h-[28px] w-[44px] shrink-0\"\n                  />\n                </Link>\n              ))}\n            </div>\n          </div>\n        </div>\n      </div>\n      <div className=\"flex flex-col gap-4\">\n        <div className=\"desktop:flex-row desktop:flex desktop:gap-4\">\n          <div className=\"laptop:flex-row laptop:item-center desktop:flex-[980] flex flex-col items-start gap-4\">\n            <Text html={footerNavigation?.brand?.currentBrand} className=\"text-[#B6B6BA]\" />\n            <div className=\"laptop:block hidden h-[20px] w-px bg-[#B6B6BA] \" />\n            <div className=\"desktop:gap-6 flex flex-wrap items-center gap-4\">\n              {footerNavigation?.brand?.brands?.map((brandItem: any) => (\n                <Link href={brandItem?.link} key={brandItem?.id}>\n                  <Text html={brandItem?.icon} className=\"text-[#B6B6BA]\" />\n                </Link>\n              ))}\n            </div>\n          </div>\n          <ChangeCountry\n            data={{ footerNavigation }}\n            className=\"desktop:flex-[316] desktop:block hidden\"\n            isMobile={isMobile}\n            onChangeCountry={event?.country}\n          />\n        </div>\n        <div className=\"h-px bg-[#3D3E3F]\" />\n        <div className=\"laptop:flex-row desktop:gap-4 desktop:items-center flex flex-col items-start gap-1\">\n          <Text\n            html={footerNavigation?.copyright?.label}\n            className=\"desktop:text-base text-xs font-bold leading-[1.4] text-[#6D6D6F]\"\n          />\n          <div className=\"flex flex-wrap items-center gap-x-2 gap-y-1\">\n            {footerNavigation?.policy?.policies?.map((policyItem: any) => (\n              <Link\n                href={policyItem?.link}\n                key={policyItem?.id}\n                className=\"desktop:text-base text-xs font-bold leading-[1.4] text-[#B6B6BA] no-underline\"\n              >\n                {policyItem?.label}\n              </Link>\n            ))}\n          </div>\n        </div>\n      </div>\n    </Container>\n  )\n}\n\n/**\n * MarketingConversion \u8425\u9500\u8F6C\u5316\u6A21\u5757\n * @param data\n * @param onSubmit signup\u63D0\u4EA4\u4E8B\u4EF6\n * @returns\n */\nconst MarketingConversion = ({\n  data: { footerNavigation },\n  onSubmit,\n}: {\n  data: { footerNavigation: any }\n  onSubmit?: () => void\n}) => {\n  return (\n    <div className=\"desktop:py-16 desktop:gap-16 laptop:px-8 desktop:flex-row flex flex-col gap-8 bg-[#1D1D1F] px-4 py-8\">\n      <Subscribe subscribeMetadata={footerNavigation?.signup} className=\"desktop:flex-[744]\" onSubmit={onSubmit} />\n      <div className=\"desktop:hidden h-px w-full bg-[#3D3E3F]\" />\n      <div className=\"desktop:gap-6 desktop:flex-row desktop:flex-[792] flex flex-col gap-4\">\n        <div className=\"flex-1\">\n          <Text\n            html={footerNavigation?.enjoy?.title}\n            className=\"desktop:text-2xl text-xl font-bold leading-[1.2] text-white\"\n          />\n          <div className=\"mt-4 flex flex-col gap-2\">\n            {footerNavigation?.enjoy?.enjoys?.map((enjoyItem: any) => (\n              <div key={enjoyItem?.id} className=\"flex-start flex gap-2\">\n                <Picture source={enjoyItem?.icon?.url} alt={enjoyItem?.icon?.alt} className=\"size-5 shrink-0\" />\n                <Text\n                  html={enjoyItem?.label}\n                  className=\"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA]\"\n                />\n              </div>\n            ))}\n          </div>\n        </div>\n        <div className=\"w-px bg-[#3D3E3F]\" />\n        <div className=\"flex-1\">\n          <Text\n            html={footerNavigation?.benefit?.title}\n            className=\"desktop:text-2xl text-xl font-bold leading-[1.2] text-white\"\n          />\n          <div className=\"mt-4 flex flex-col gap-2\">\n            {footerNavigation?.benefit?.benefits?.map((benefitItem: any) => (\n              <Text\n                key={benefitItem?.id}\n                html={benefitItem?.label}\n                className=\"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA]\"\n              />\n            ))}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nconst MainNavMenu = ({ title, lists, className }: { title: string; lists: any[]; className?: string }) => {\n  const [mainNavMenuOpen, setMainNavMenuOpen] = useState<boolean>(false)\n  const [isMobile, setIsMobile] = useState(false)\n\n  const mediaQuery = useMediaQuery({ query: '(max-width: 1440px)' })\n\n  useEffect(() => {\n    setIsMobile(mediaQuery)\n  }, [mediaQuery])\n\n  return (\n    <div className={cn('desktop:py-0 desktop:border-none border-t border-[#3D3E3F] py-4', className)}>\n      <div className=\"flex items-center justify-between\">\n        <Text as=\"p\" html={title} className=\"desktop:text-2xl text-xl font-bold leading-[1.2] text-white\" />\n        {isMobile && (\n          <button onClick={() => setMainNavMenuOpen(!mainNavMenuOpen)}>\n            {mainNavMenuOpen ? <SubtractIcon width={16} height={16} /> : <AddIcon width={16} height={16} />}\n          </button>\n        )}\n      </div>\n      {((mainNavMenuOpen && isMobile) || !isMobile) && (\n        <div className=\"mt-4 flex flex-col gap-2\">\n          {lists?.map((productItem: any) => (\n            <Link\n              href={productItem?.url}\n              key={productItem?.id}\n              className=\"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] no-underline\"\n            >\n              {productItem?.label}\n            </Link>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n\n/**\n * DownloadApp \u4E0B\u8F7D\u5E94\u7528\u6A21\u5757\n * @param title\n * @param apps\n * @param className\n * @returns\n */\nconst DownloadApp = ({ title, apps, className }: { title: string; apps: any[]; className?: string }) => {\n  return (\n    <div className={className}>\n      <Text html={title} className=\"desktop:text-2xl text-xl font-bold leading-[1.2] text-white\" />\n      <div className=\"mt-4 flex items-center gap-4\">\n        {apps?.map((appItem: any) => (\n          <div key={appItem?.id} className=\"flex flex-col items-center gap-[6px]\">\n            <Link href={appItem?.link}>\n              <Picture source={appItem?.icon?.url} alt={appItem?.icon?.alt} className=\"size-10 shrink-0\" />\n            </Link>\n            {appItem?.label && <Text html={appItem?.label} className=\"text-xs font-bold  text-[#999999]\" />}\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n\n/**\n * ChangeCountry \u5207\u6362\u56FD\u5BB6\u6A21\u5757\n * @param data \u6570\u636E\n * @param isMobile \u662F\u5426\u662F\u79FB\u52A8\u7AEF\n * @returns\n */\nconst ChangeCountry = ({\n  data: { footerNavigation },\n  isMobile,\n  className,\n  onChangeCountry,\n}: {\n  data: { footerNavigation: any }\n  isMobile: boolean\n  className?: string\n  onChangeCountry?: () => void\n}) => {\n  return (\n    <div className={cn('desktop:py-0 desktop:border-none border-t border-[#3D3E3F] py-4', className)}>\n      <div className=\"flex items-center justify-between\">\n        <button className=\"flex cursor-pointer items-center gap-2\" onClick={() => onChangeCountry?.()}>\n          <CountryIcon width={20} height={20} className=\"shrink-0\" />\n          <Text\n            as=\"p\"\n            html={footerNavigation?.country?.country}\n            className=\"desktop:text-[#B6B6BA] text-base font-bold leading-[1.2] text-white\"\n          />\n        </button>\n        {isMobile && (\n          <button>\n            <ArrowRightIcon width={16} height={16} />\n          </button>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport default FooterNavigation\n"],
+  "mappings": "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",
+  "names": ["FooterNavigation_exports", "__export", "FooterNavigation_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_Subscribe", "import_icons", "import_react_responsive", "import_utils", "FooterNavigation", "footerNavigation", "event", "mainNavMenuOpen", "setMainNavMenuOpen", "isMobile", "setIsMobile", "mediaQuery", "MarketingConversion", "reasonItem", "DownloadApp", "MainNavMenu", "contactItem", "ChangeCountry", "socialItem", "paymentItem", "brandItem", "policyItem", "onSubmit", "Subscribe", "enjoyItem", "benefitItem", "title", "lists", "className", "productItem", "apps", "appItem", "onChangeCountry"]
+}

package/dist/cjs/biz-components/FooterNavigation/types.d.ts

@@ -0,0 +1,8 @@
+export interface FooterNavigationProps {
+    data: any;
+    event?: {
+        signup?: () => void;
+        download?: () => void;
+        country?: () => void;
+    };
+}

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

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/FooterNavigation/types.ts"],
+  "sourcesContent": ["export interface FooterNavigationProps {\n  data: any\n  event?: {\n    signup?: () => void\n    download?: () => void\n    country?: () => void\n  }\n}\n"],
+  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
+  "names": ["types_exports", "__toCommonJS"]
+}

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

@@ -7,20 +7,9 @@ type GraphicType = {
     textColor?: string;
     href?: string;
     video?: Video;
-    mobileVideo?: Video;
     youtubeId?: string;
     isYouTube?: boolean;
-    isShowIcon?: boolean;
     buttonText?: string;
-    icon?: Img;
-    theme?: Theme;
-    extension?: {
-        text: string;
-        textDesc: string;
-        textTitle: string;
-        textPcImg: Img;
-        textMobileImg: Img;
-    };
 };
 export interface GraphicProps extends ComponentCommonProps {
     className?: string;
@@ -31,7 +20,7 @@ export interface GraphicProps extends ComponentCommonProps {
         itemTheme?: Theme;
     };
 }
-declare const _default: React.ForwardRefExoticComponent<Omit<Omit<GraphicProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
+declare const _default: React.ForwardRefExoticComponent<Omit<Omit<GraphicProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps> & {
     className?: string;
     data?: Record<string, any>;
 }, "ref"> & React.RefAttributes<any>>;

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

@@ -1,2 +1,2 @@
-"use strict";"use client";var R=Object.create;var u=Object.defineProperty;var $=Object.getOwnPropertyDescriptor;var q=Object.getOwnPropertyNames;var F=Object.getPrototypeOf,Y=Object.prototype.hasOwnProperty;var _=(e,o)=>{for(var i in o)u(e,i,{get:o[i],enumerable:!0})},I=(e,o,i,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of q(o))!Y.call(e,r)&&r!==i&&u(e,r,{get:()=>o[r],enumerable:!(a=$(o,r))||a.enumerable});return e};var b=(e,o,i)=>(i=e!=null?R(F(e)):{},I(o||!e||!e.__esModule?u(i,"default",{value:e,enumerable:!0}):i,e)),A=e=>I(u({},"__esModule",{value:!0}),e);var J={};_(J,{default:()=>Z});module.exports=A(J);var t=require("react/jsx-runtime"),V=require("react-responsive"),s=b(require("react")),m=require("../../helpers/utils.js"),N=require("../../shared/Styles.js"),C=b(require("../SwiperBox/index.js")),f=require("../../components/index.js"),d=require("../../components/index.js"),P=b(require("../Title/index.js")),G=require("../VideoModal/index.js"),S=require("../TextModal/index.js"),E=require("../../hooks/useExposure.js"),x=require("../../shared/trackUrlRef.js");const g="image",w="graphic",Q=({data:e,configuration:o})=>{const i=()=>{switch(o.num){case 1:return"tablet:aspect-w-[704] tablet:aspect-h-[400] laptop:aspect-w-[896] laptop:aspect-h-[384] desktop:aspect-w-[1312] desktop:aspect-h-[512] lg-desktop:aspect-w-[1664] lg-desktop:aspect-h-[640]";case 2:return"tablet:aspect-w-[346] tablet:aspect-h-[360] laptop:aspect-w-[440] laptop:aspect-h-[360] desktop:aspect-w-[648] desktop:aspect-h-[384] lg-desktop:aspect-w-[824] lg-desktop:aspect-h-[480]";case 3:return"tablet:aspect-w-[296] tablet:aspect-h-[360] laptop:aspect-w-[288] laptop:aspect-h-[360] desktop:aspect-w-[427] desktop:aspect-h-[384] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[480]";default:return"tablet:aspect-w-[296] tablet:aspect-h-[360] laptop:aspect-w-[288] laptop:aspect-h-[360] desktop:aspect-w-[316] desktop:aspect-h-[384] lg-desktop:aspect-w-[404] lg-desktop:aspect-h-[480]"}};function a(n){throw new Error("Function not implemented.")}function r(n){throw new Error("Function not implemented.")}function v(n){throw new Error("Function not implemented.")}return(0,t.jsx)("div",{className:(0,m.cn)(i(),"laptop:h-auto text-info-primary md-tablet:h-[360px] flex-1 shrink-0 md:basis-[296px]",{"aiui-dark":e.theme==="dark"}),children:(0,t.jsx)("div",{className:(0,m.cn)("absolute inset-0",{"rounded-xl overflow-hidden laptop:rounded-2xl":o?.itemShape==="round"}),children:(0,t.jsxs)("a",{"aria-label":e?.title??e?.description,href:(0,x.trackUrlRef)(e?.href,`${g}_${w}`),className:"relative block size-full cursor-pointer overflow-hidden",children:[(0,t.jsx)(d.Picture,{className:"h-full",imgClassName:"h-full object-cover tablet:hover:scale-110 transition-all duration-300",source:e?.imgUrl?.url,alt:e?.imgUrl?.alt||""}),(0,t.jsxs)("div",{className:"laptop:p-6 absolute bottom-0 z-[1] box-border flex w-full flex-col p-4",children:[(0,t.jsxs)("div",{className:(0,m.cn)("flex items-end overflow-hidden","graphic-bottom"),children:[(0,t.jsxs)("div",{className:"flex-1 overflow-hidden",children:[(0,t.jsx)(d.Text,{html:e?.title,style:{color:e?.textColor},className:"graphic-title line-clamp-3 lg-desktop:text-lg desktop:text-base text-sm font-bold leading-[1.2]"}),e?.description&&(0,t.jsx)(f.Heading,{html:e?.description,style:{color:e?.textColor},as:"h3",className:"graphic-description lg-desktop:text-[32px] desktop:mt-2 desktop:text-[24px] text-lines-2 mt-1 line-clamp-3 flex-1 text-[24px] font-bold leading-[1.2]"})]}),!e?.isShowIcon&&(e?.video?.url||e?.youtubeId)&&(0,t.jsx)("button",{"aria-label":"Play Video",onClick:n=>{n.preventDefault(),n.stopPropagation(),o?.onVideoPlayBtnClick?.(o?.index||0,e)},className:"laptop:size-12 flex size-10 items-center justify-center rounded-full bg-white bg-opacity-20 hover:bg-black/75",children:(0,t.jsx)("svg",{width:"12",height:"14",viewBox:"0 0 12 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,t.jsx)("path",{d:"M12 7L0 14L0 0L12 7Z",fill:"white"})})}),e?.isShowIcon&&e?.icon?.url&&(0,t.jsx)("button",{onClick:n=>{n.preventDefault(),n.stopPropagation(),o?.onIconClick?.(e,o)},className:" laptop:size-9 flex size-6 items-center justify-center rounded-full bg-white bg-opacity-20 hover:bg-black/75",children:(0,t.jsx)(d.Picture,{className:"h-full",imgClassName:"h-full object-cover",source:e?.icon?.url,alt:e?.icon?.alt||""})})]}),e.buttonText&&(0,t.jsx)(f.Button,{as:"a","aria-label":e?.title??e?.description,variant:"secondary",className:"desktop:mt-[24px] mt-[12px] self-start",href:(0,x.trackUrlRef)(e?.href,`${g}_${w}`),children:e.buttonText})]})]})})})},M=s.default.forwardRef(({data:e,className:o},i)=>{const a=(0,V.useMediaQuery)({query:"(max-width: 768px)"}),r=(0,s.useRef)(null),[v,n]=(0,s.useState)(!1),[y,B]=(0,s.useState)(""),[H,L]=(0,s.useState)(""),[D,U]=(0,s.useState)(""),[z,k]=(0,s.useState)(null),[j,T]=(0,s.useState)(!1),h=p=>{const l=e?.items?.length>3,c=e?.items?.length>2;switch(p){case 1440:return l?4:e?.items?.length;case 1024:return l?3:e?.items?.length;case 768:return l||c?2.3:2;default:return 1.2}};return(0,s.useImperativeHandle)(i,()=>r.current),(0,E.useExposure)(r,{componentType:g,componentName:w,componentTitle:e?.title}),(0,s.useEffect)(()=>{const p=r.current?.querySelectorAll(".graphic-description");if(p&&p.length>0){let l=0;p.forEach(c=>{l=Math.max(l,c.offsetHeight)}),p.forEach(c=>{c.style.height=`${l}px`})}},[]),(0,t.jsxs)("div",{className:o,ref:r,children:[(0,t.jsxs)("div",{className:"graphic-box",children:[e?.title&&(0,t.jsx)(P.default,{data:{title:e?.title}}),(0,t.jsx)(C.default,{id:"Graphic",className:(0,m.cn)("!overflow-visible"),data:{list:e?.items||[],configuration:{itemShape:e.itemShape,num:e?.items?.length||0,onVideoPlayBtnClick:(p,l)=>{n(!0),l?.isYouTube?L?.(l?.youtubeId||""):(B?.(l?.video?.url||""),U?.(l?.mobileVideo?.url||""))},onIconClick:p=>{T(!0),k(p)}}},Slide:Q,breakpoints:{0:{spaceBetween:12,freeMode:!1,slidesPerView:1},374:{spaceBetween:12,freeMode:!1,slidesPerView:h()},768:{spaceBetween:16,freeMode:!1,slidesPerView:h(768)},1024:{spaceBetween:16,freeMode:!1,slidesPerView:h(1024)},1440:{spaceBetween:16,freeMode:!1,slidesPerView:h(1440)}}})]}),(0,t.jsx)(G.VideoModal,{visible:v,youTubeId:H,onCloseModal:()=>n(!1),videoUrl:a&&D||y}),(0,t.jsx)(S.TextModal,{textVisible:j,extension:z?.extension,onCloseModal:()=>{T(!1),k(null)}})]})});M.displayName="Graphic";var Z=(0,N.withLayout)(M);
+"use strict";"use client";var E=Object.create;var m=Object.defineProperty;var H=Object.getOwnPropertyDescriptor;var I=Object.getOwnPropertyNames;var L=Object.getPrototypeOf,D=Object.prototype.hasOwnProperty;var U=(e,s)=>{for(var l in s)m(e,l,{get:s[l],enumerable:!0})},v=(e,s,l,r)=>{if(s&&typeof s=="object"||typeof s=="function")for(let p of I(s))!D.call(e,p)&&p!==l&&m(e,p,{get:()=>s[p],enumerable:!(r=H(s,p))||r.enumerable});return e};var f=(e,s,l)=>(l=e!=null?E(L(e)):{},v(s||!e||!e.__esModule?m(l,"default",{value:e,enumerable:!0}):l,e)),R=e=>v(m({},"__esModule",{value:!0}),e);var j={};U(j,{default:()=>z});module.exports=R(j);var t=require("react/jsx-runtime"),o=f(require("react")),d=require("../../helpers/utils.js"),y=require("../../shared/Styles.js"),T=f(require("../SwiperBox/index.js")),h=require("../../components/index.js"),u=require("../../components/index.js"),N=f(require("../Title/index.js")),M=require("../VideoModal/index.js"),P=require("../../hooks/useExposure.js"),w=require("../../shared/trackUrlRef.js");const g="image",b="graphic",$=({data:e,configuration:s})=>(0,t.jsx)("div",{className:(0,d.cn)((()=>{switch(s.num){case 1:return"tablet:aspect-w-[704] tablet:aspect-h-[400] laptop:aspect-w-[896] laptop:aspect-h-[384] desktop:aspect-w-[1312] desktop:aspect-h-[512] lg-desktop:aspect-w-[1664] lg-desktop:aspect-h-[640]";case 2:return"tablet:aspect-w-[346] tablet:aspect-h-[360] laptop:aspect-w-[440] laptop:aspect-h-[360] desktop:aspect-w-[648] desktop:aspect-h-[384] lg-desktop:aspect-w-[824] lg-desktop:aspect-h-[480]";case 3:return"tablet:aspect-w-[296] tablet:aspect-h-[360] laptop:aspect-w-[288] laptop:aspect-h-[360] desktop:aspect-w-[427] desktop:aspect-h-[384] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[480]";default:return"tablet:aspect-w-[296] tablet:aspect-h-[360] laptop:aspect-w-[288] laptop:aspect-h-[360] desktop:aspect-w-[316] desktop:aspect-h-[384] lg-desktop:aspect-w-[404] lg-desktop:aspect-h-[480]"}})(),"laptop:h-auto h-[360px] flex-1 shrink-0 md:basis-[296px]",{"aiui-dark":s.theme==="dark"}),children:(0,t.jsx)("div",{className:(0,d.cn)("absolute inset-0",{"rounded-xl overflow-hidden laptop:rounded-2xl":s?.itemShape==="round"}),children:(0,t.jsxs)("a",{href:(0,w.trackUrlRef)(e?.href,`${g}_${b}`),className:"relative block size-full cursor-pointer overflow-hidden",children:[(0,t.jsx)(u.Picture,{className:"h-full",imgClassName:"h-full object-cover tablet:hover:scale-110 transition-all duration-300",source:e?.imgUrl?.url,alt:e?.imgUrl?.alt||""}),(0,t.jsxs)("div",{className:"laptop:p-6 absolute bottom-0 z-[1] box-border flex w-full flex-col p-4",children:[(0,t.jsx)(u.Text,{style:{color:e?.textColor},html:e?.title,className:"graphic-title line-clamp-3 lg-desktop:text-[18px] desktop:text-[16px] text-[14px] font-bold leading-[1.2]"}),(0,t.jsxs)("div",{className:"flex items-end justify-between",children:[(0,t.jsx)("div",{className:"flex-1",children:e?.description&&(0,t.jsx)(h.Heading,{html:e?.description,style:{color:e?.textColor},as:"h3",className:"graphic-description lg-desktop:text-[32px] desktop:mt-2 desktop:text-[24px] text-lines-2 mt-1 line-clamp-3 flex-1 text-[24px] font-bold leading-[1.2]"})}),(e?.video?.url||e?.youtubeId)&&(0,t.jsx)("button",{onClick:r=>{r.preventDefault(),r.stopPropagation(),s?.onVideoPlayBtnClick?.(s?.index||0,e)},className:"laptop:size-12 flex size-10 items-center justify-center rounded-full bg-white bg-opacity-20 hover:bg-black/75",children:(0,t.jsx)("svg",{width:"12",height:"14",viewBox:"0 0 12 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,t.jsx)("path",{d:"M12 7L0 14L0 0L12 7Z",fill:"white"})})})]}),e.buttonText&&(0,t.jsx)("a",{href:(0,w.trackUrlRef)(e?.href,`${g}_${b}`),children:(0,t.jsx)(h.Button,{variant:"secondary",className:"desktop:mt-[24px] mt-[12px] self-start",children:e.buttonText})})]})]})})}),k=o.default.forwardRef(({data:e,className:s,...l},r)=>{const p=(0,o.useRef)(null),[C,x]=(0,o.useState)(!1),[S,V]=(0,o.useState)(""),[B,G]=(0,o.useState)(""),c=a=>{const i=e?.items?.length>3,n=e?.items?.length>2;switch(a){case 1440:return i?4:e?.items?.length;case 1024:return i?3:e?.items?.length;case 768:return i||n?2.3:2;default:return 1.2}};return(0,o.useImperativeHandle)(r,()=>p.current),(0,P.useExposure)(p,{componentType:g,componentName:b,componentTitle:e?.title}),(0,o.useEffect)(()=>{const a=p.current?.querySelectorAll(".graphic-description");if(a&&a.length>0){let i=0;a.forEach(n=>{i=Math.max(i,n.offsetHeight)}),a.forEach(n=>{n.style.height=`${i}px`})}},[]),(0,t.jsxs)("div",{className:s,ref:p,children:[(0,t.jsxs)("div",{className:"graphic-box",children:[e?.title&&(0,t.jsx)(N.default,{data:{title:e?.title}}),(0,t.jsx)(T.default,{id:"Graphic",className:(0,d.cn)("!overflow-visible"),data:{list:e?.items||[],configuration:{itemShape:e.itemShape,num:e?.items?.length||0,onVideoPlayBtnClick:(a,i)=>{x(!0),i?.isYouTube?G?.(i?.youtubeId||""):V?.(i?.video?.url||"")}}},Slide:$,breakpoints:{0:{spaceBetween:12,freeMode:!1,slidesPerView:1},374:{spaceBetween:12,freeMode:!1,slidesPerView:c()},768:{spaceBetween:16,freeMode:!1,slidesPerView:c(768)},1024:{spaceBetween:16,freeMode:!1,slidesPerView:c(1024)},1440:{spaceBetween:16,freeMode:!1,slidesPerView:c(1440)}}})]}),(0,t.jsx)(M.VideoModal,{visible:C,youTubeId:B,videoUrl:S,onCloseModal:()=>x(!1)})]})});k.displayName="Graphic";var z=(0,y.withStyles)(k);
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/Graphic/index.tsx"],
-  "sourcesContent": ["'use client'\nimport { useMediaQuery } from 'react-responsive'\nimport React, { useEffect, useImperativeHandle, useRef, useState } from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport SwiperBox from '../SwiperBox/index.js'\nimport { Button, Heading } from '../../components/index.js'\nimport { Picture, Text } from '../../components/index.js'\nimport Title from '../Title/index.js'\nimport { VideoModal } from '../VideoModal/index.js'\nimport { TextModal } from '../TextModal/index.js'\nimport type { ComponentCommonProps, Video, Img, Theme } from '../../types/props.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport { trackUrlRef } from '../../shared/trackUrlRef.js'\nimport type { Media } from '../../types/props.js'\n\nconst componentType = 'image'\nconst componentName = 'graphic'\n\ntype GraphicType = {\n  imgUrl: Img\n  title: string\n  description?: string\n  textColor?: string\n  href?: string\n  video?: Video\n  mobileVideo?: Video\n  youtubeId?: string\n  isYouTube?: boolean\n  isShowIcon?: boolean\n  buttonText?: string\n  icon?: Img\n  theme?: Theme\n  extension?: {\n    text: string\n    textDesc: string\n    textTitle: string\n    textPcImg: Img\n    textMobileImg: Img\n  }\n  // textPcImg?: Img\n  // textMobileImg?: Img\n  // text?: string\n  // textDesc?: string\n  // textTitle?: string\n}\nexport interface GraphicProps extends ComponentCommonProps {\n  className?: string\n  data: {\n    title?: string\n    items?: GraphicType[]\n    itemShape?: 'round' | 'square'\n    itemTheme?: Theme\n  }\n}\n\nconst Item = ({ data, configuration }: { data: GraphicType; configuration?: any }) => {\n  const handleAspect = () => {\n    switch (configuration.num) {\n      case 1:\n        return 'tablet:aspect-w-[704] tablet:aspect-h-[400] laptop:aspect-w-[896] laptop:aspect-h-[384] desktop:aspect-w-[1312] desktop:aspect-h-[512] lg-desktop:aspect-w-[1664] lg-desktop:aspect-h-[640]'\n      case 2:\n        return 'tablet:aspect-w-[346] tablet:aspect-h-[360] laptop:aspect-w-[440] laptop:aspect-h-[360] desktop:aspect-w-[648] desktop:aspect-h-[384] lg-desktop:aspect-w-[824] lg-desktop:aspect-h-[480]'\n      case 3:\n        return 'tablet:aspect-w-[296] tablet:aspect-h-[360] laptop:aspect-w-[288] laptop:aspect-h-[360] desktop:aspect-w-[427] desktop:aspect-h-[384] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[480]'\n      default:\n        return 'tablet:aspect-w-[296] tablet:aspect-h-[360] laptop:aspect-w-[288] laptop:aspect-h-[360] desktop:aspect-w-[316] desktop:aspect-h-[384] lg-desktop:aspect-w-[404] lg-desktop:aspect-h-[480]'\n    }\n  }\n\n  function setVisible(arg0: boolean) {\n    throw new Error('Function not implemented.')\n  }\n\n  function setTextVisible(arg0: boolean) {\n    throw new Error('Function not implemented.')\n  }\n\n  function setCurrentItem(data: GraphicType) {\n    throw new Error('Function not implemented.')\n  }\n\n  return (\n    <div\n      className={cn(\n        handleAspect(),\n        'laptop:h-auto text-info-primary md-tablet:h-[360px] flex-1 shrink-0 md:basis-[296px]',\n        {\n          'aiui-dark': data.theme === 'dark',\n        }\n      )}\n    >\n      <div\n        className={cn('absolute inset-0', {\n          ['rounded-xl overflow-hidden laptop:rounded-2xl']: configuration?.itemShape === 'round',\n        })}\n      >\n        <a\n          aria-label={data?.title ?? data?.description}\n          href={trackUrlRef(data?.href, `${componentType}_${componentName}`)}\n          className=\"relative block size-full cursor-pointer overflow-hidden\"\n        >\n          <Picture\n            className=\"h-full\"\n            imgClassName=\"h-full object-cover tablet:hover:scale-110 transition-all duration-300\"\n            source={data?.imgUrl?.url}\n            alt={data?.imgUrl?.alt || ''}\n          />\n          <div className=\"laptop:p-6 absolute bottom-0 z-[1] box-border flex w-full flex-col p-4\">\n            <div className={cn('flex items-end overflow-hidden', 'graphic-bottom')}>\n              <div className=\"flex-1 overflow-hidden\">\n                <Text\n                  html={data?.title}\n                  style={{ color: data?.textColor }}\n                  // eslint-disable-next-line tailwindcss/classnames-order\n                  className=\"graphic-title line-clamp-3 lg-desktop:text-lg desktop:text-base text-sm font-bold leading-[1.2]\"\n                />\n                {data?.description && (\n                  <Heading\n                    html={data?.description}\n                    style={{\n                      color: data?.textColor,\n                    }}\n                    as=\"h3\"\n                    className=\"graphic-description lg-desktop:text-[32px] desktop:mt-2 desktop:text-[24px] text-lines-2 mt-1 line-clamp-3 flex-1 text-[24px] font-bold leading-[1.2]\"\n                  />\n                )}\n              </div>\n              {!data?.isShowIcon && (data?.video?.url || data?.youtubeId) && (\n                <button\n                  aria-label=\"Play Video\"\n                  onClick={(e: any) => {\n                    e.preventDefault()\n                    e.stopPropagation()\n                    configuration?.onVideoPlayBtnClick?.(configuration?.index || 0, data)\n                  }}\n                  className=\"laptop:size-12 flex size-10 items-center justify-center rounded-full bg-white bg-opacity-20 hover:bg-black/75\"\n                >\n                  <svg width=\"12\" height=\"14\" viewBox=\"0 0 12 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path d=\"M12 7L0 14L0 0L12 7Z\" fill=\"white\" />\n                  </svg>\n                </button>\n              )}\n              {data?.isShowIcon && data?.icon?.url && (\n                <button\n                  onClick={(e: any) => {\n                    e.preventDefault()\n                    e.stopPropagation()\n                    configuration?.onIconClick?.(data, configuration)\n                  }}\n                  className=\" laptop:size-9 flex size-6 items-center justify-center rounded-full bg-white bg-opacity-20 hover:bg-black/75\"\n                >\n                  <Picture\n                    className=\"h-full\"\n                    imgClassName=\"h-full object-cover\"\n                    source={data?.icon?.url}\n                    alt={data?.icon?.alt || ''}\n                  />\n                </button>\n              )}\n            </div>\n            {data.buttonText && (\n              <Button\n                as=\"a\"\n                aria-label={data?.title ?? data?.description}\n                variant=\"secondary\"\n                className=\"desktop:mt-[24px] mt-[12px] self-start\"\n                href={trackUrlRef(data?.href, `${componentType}_${componentName}`)}\n              >\n                {data.buttonText}\n              </Button>\n            )}\n          </div>\n        </a>\n      </div>\n    </div>\n  )\n}\n\nconst Graphic = React.forwardRef<HTMLDivElement, GraphicProps>(({ data, className }, ref) => {\n  const isMobile = useMediaQuery({ query: '(max-width: 768px)' })\n  const innerRef = useRef<HTMLDivElement>(null)\n  const [visible, setVisible] = useState<boolean>(false)\n  const [videoUrl, setVideoUrl] = useState<string>('')\n  const [youTubeId, setYouTubeId] = useState<string>('')\n  const [mobileVideoUrl, setMobileVideoUrl] = useState<string>('')\n  const [currentItem, setCurrentItem] = useState<GraphicType | null>(null)\n  const [textVisible, setTextVisible] = useState<boolean>(false)\n\n  const handleSwiperShow = (width?: number) => {\n    const isShow = (data?.items as GraphicType[])?.length > 3\n    const isMobile = (data?.items as GraphicType[])?.length > 2\n    switch (width) {\n      case 1440:\n        return isShow ? 4 : data?.items?.length\n      case 1024:\n        return isShow ? 3 : data?.items?.length\n      case 768:\n        return isShow ? 2.3 : isMobile ? 2.3 : 2\n      default:\n        return 1.2\n    }\n  }\n\n  useImperativeHandle(ref, () => innerRef.current as HTMLDivElement)\n\n  useExposure(innerRef, {\n    componentType,\n    componentName,\n    componentTitle: data?.title,\n  })\n\n  useEffect(() => {\n    const descriptions = innerRef.current?.querySelectorAll<HTMLDivElement>('.graphic-description')\n    if (descriptions && descriptions.length > 0) {\n      let maxHeight = 0\n      descriptions.forEach((el: HTMLDivElement) => {\n        maxHeight = Math.max(maxHeight, el.offsetHeight)\n      })\n      descriptions.forEach((el: HTMLDivElement) => {\n        el.style.height = `${maxHeight}px`\n      })\n    }\n  }, [])\n\n  return (\n    <div className={className} ref={innerRef}>\n      <div className=\"graphic-box\">\n        {data?.title && <Title data={{ title: data?.title }} />}\n        <SwiperBox\n          id=\"Graphic\"\n          className={cn('!overflow-visible')}\n          data={{\n            list: data?.items || [],\n            configuration: {\n              itemShape: data.itemShape,\n              num: data?.items?.length || 0,\n              onVideoPlayBtnClick: (_: number, data: GraphicType) => {\n                setVisible(true)\n                if (data?.isYouTube) {\n                  setYouTubeId?.(data?.youtubeId || '')\n                } else {\n                  setVideoUrl?.(data?.video?.url || '')\n                  setMobileVideoUrl?.(data?.mobileVideo?.url || '')\n                }\n              },\n              onIconClick: (data: GraphicType) => {\n                setTextVisible(true)\n                setCurrentItem(data)\n              },\n            },\n          }}\n          Slide={Item}\n          breakpoints={{\n            0: {\n              spaceBetween: 12,\n              freeMode: false,\n              slidesPerView: 1,\n            },\n            374: {\n              spaceBetween: 12,\n              freeMode: false,\n              slidesPerView: handleSwiperShow(),\n            },\n            768: {\n              spaceBetween: 16,\n              freeMode: false,\n              slidesPerView: handleSwiperShow(768),\n            },\n            1024: {\n              spaceBetween: 16,\n              freeMode: false,\n              slidesPerView: handleSwiperShow(1024),\n            },\n            1440: {\n              spaceBetween: 16,\n              freeMode: false,\n              slidesPerView: handleSwiperShow(1440),\n            },\n          }}\n        />\n      </div>\n      <VideoModal\n        visible={visible}\n        youTubeId={youTubeId}\n        onCloseModal={() => setVisible(false)}\n        videoUrl={isMobile ? mobileVideoUrl || videoUrl : videoUrl}\n      />\n      <TextModal\n        textVisible={textVisible}\n        extension={currentItem?.extension}\n        onCloseModal={() => {\n          setTextVisible(false)\n          setCurrentItem(null)\n        }}\n      />\n    </div>\n  )\n})\n\nGraphic.displayName = 'Graphic'\n\nexport default withLayout(Graphic)\n"],
-  "mappings": "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",
-  "names": ["Graphic_exports", "__export", "Graphic_default", "__toCommonJS", "import_jsx_runtime", "import_react_responsive", "import_react", "import_utils", "import_Styles", "import_SwiperBox", "import_components", "import_Title", "import_VideoModal", "import_TextModal", "import_useExposure", "import_trackUrlRef", "componentType", "componentName", "Item", "data", "configuration", "handleAspect", "setVisible", "arg0", "setTextVisible", "setCurrentItem", "e", "Graphic", "React", "className", "ref", "isMobile", "innerRef", "visible", "videoUrl", "setVideoUrl", "youTubeId", "setYouTubeId", "mobileVideoUrl", "setMobileVideoUrl", "currentItem", "textVisible", "handleSwiperShow", "width", "isShow", "descriptions", "maxHeight", "el", "Title", "SwiperBox", "_"]
+  "sourcesContent": ["'use client'\nimport React, { useEffect, useImperativeHandle, useRef, useState } from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport { withStyles } from '../../shared/Styles.js'\nimport SwiperBox from '../SwiperBox/index.js'\nimport { Button, Heading } from '../../components/index.js'\nimport { Picture, Text } from '../../components/index.js'\nimport Title from '../Title/index.js'\nimport { VideoModal } from '../VideoModal/index.js'\nimport type { ComponentCommonProps, Video, Img, Theme } from '../../types/props.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport { trackUrlRef } from '../../shared/trackUrlRef.js'\n\nconst componentType = 'image'\nconst componentName = 'graphic'\n\ntype GraphicType = {\n  imgUrl: Img\n  title: string\n  description?: string\n  textColor?: string\n  href?: string\n  video?: Video\n  youtubeId?: string\n  isYouTube?: boolean\n  buttonText?: string\n}\nexport interface GraphicProps extends ComponentCommonProps {\n  className?: string\n  data: {\n    title?: string\n    items?: GraphicType[]\n    itemShape?: 'round' | 'square'\n    itemTheme?: Theme\n  }\n}\n\nconst Item = ({ data, configuration }: { data: GraphicType; configuration?: any }) => {\n  const handleAspect = () => {\n    switch (configuration.num) {\n      case 1:\n        return 'tablet:aspect-w-[704] tablet:aspect-h-[400] laptop:aspect-w-[896] laptop:aspect-h-[384] desktop:aspect-w-[1312] desktop:aspect-h-[512] lg-desktop:aspect-w-[1664] lg-desktop:aspect-h-[640]'\n      case 2:\n        return 'tablet:aspect-w-[346] tablet:aspect-h-[360] laptop:aspect-w-[440] laptop:aspect-h-[360] desktop:aspect-w-[648] desktop:aspect-h-[384] lg-desktop:aspect-w-[824] lg-desktop:aspect-h-[480]'\n      case 3:\n        return 'tablet:aspect-w-[296] tablet:aspect-h-[360] laptop:aspect-w-[288] laptop:aspect-h-[360] desktop:aspect-w-[427] desktop:aspect-h-[384] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[480]'\n      default:\n        return 'tablet:aspect-w-[296] tablet:aspect-h-[360] laptop:aspect-w-[288] laptop:aspect-h-[360] desktop:aspect-w-[316] desktop:aspect-h-[384] lg-desktop:aspect-w-[404] lg-desktop:aspect-h-[480]'\n    }\n  }\n\n  return (\n    <div\n      className={cn(handleAspect(), 'laptop:h-auto h-[360px] flex-1 shrink-0 md:basis-[296px]', {\n        'aiui-dark': configuration.theme === 'dark',\n      })}\n    >\n      <div\n        className={cn('absolute inset-0', {\n          ['rounded-xl overflow-hidden laptop:rounded-2xl']: configuration?.itemShape === 'round',\n        })}\n      >\n        <a\n          href={trackUrlRef(data?.href, `${componentType}_${componentName}`)}\n          className=\"relative block size-full cursor-pointer overflow-hidden\"\n        >\n          <Picture\n            className=\"h-full\"\n            imgClassName=\"h-full object-cover tablet:hover:scale-110 transition-all duration-300\"\n            source={data?.imgUrl?.url}\n            alt={data?.imgUrl?.alt || ''}\n          />\n          <div className=\"laptop:p-6 absolute bottom-0 z-[1] box-border flex w-full flex-col p-4\">\n            <Text\n              style={{\n                color: data?.textColor,\n              }}\n              html={data?.title}\n              // eslint-disable-next-line tailwindcss/classnames-order\n              className=\"graphic-title line-clamp-3 lg-desktop:text-[18px] desktop:text-[16px] text-[14px] font-bold leading-[1.2]\"\n            />\n            <div className=\"flex items-end justify-between\">\n              <div className=\"flex-1\">\n                {data?.description && (\n                  <Heading\n                    html={data?.description}\n                    style={{\n                      color: data?.textColor,\n                    }}\n                    as=\"h3\"\n                    className=\"graphic-description lg-desktop:text-[32px] desktop:mt-2 desktop:text-[24px] text-lines-2 mt-1 line-clamp-3 flex-1 text-[24px] font-bold leading-[1.2]\"\n                  />\n                )}\n              </div>\n              {(data?.video?.url || data?.youtubeId) && (\n                <button\n                  onClick={(e: any) => {\n                    e.preventDefault()\n                    e.stopPropagation()\n                    configuration?.onVideoPlayBtnClick?.(configuration?.index || 0, data)\n                  }}\n                  className=\"laptop:size-12 flex size-10 items-center justify-center rounded-full bg-white bg-opacity-20 hover:bg-black/75\"\n                >\n                  <svg width=\"12\" height=\"14\" viewBox=\"0 0 12 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path d=\"M12 7L0 14L0 0L12 7Z\" fill=\"white\" />\n                  </svg>\n                </button>\n              )}\n            </div>\n            {data.buttonText && (\n              <a href={trackUrlRef(data?.href, `${componentType}_${componentName}`)}>\n                <Button variant=\"secondary\" className=\"desktop:mt-[24px] mt-[12px] self-start\">\n                  {data.buttonText}\n                </Button>\n              </a>\n            )}\n          </div>\n        </a>\n      </div>\n    </div>\n  )\n}\n\nconst Graphic = React.forwardRef<HTMLDivElement, GraphicProps>(({ data, className, ...props }, ref) => {\n  const innerRef = useRef<HTMLDivElement>(null)\n  const [visible, setVisible] = useState<boolean>(false)\n  const [videoUrl, setVideoUrl] = useState<string>('')\n  const [youTubeId, setYouTubeId] = useState<string>('')\n\n  const handleSwiperShow = (width?: number) => {\n    const isShow = (data?.items as GraphicType[])?.length > 3\n    const isMobile = (data?.items as GraphicType[])?.length > 2\n    switch (width) {\n      case 1440:\n        return isShow ? 4 : data?.items?.length\n      case 1024:\n        return isShow ? 3 : data?.items?.length\n      case 768:\n        return isShow ? 2.3 : isMobile ? 2.3 : 2\n      default:\n        return 1.2\n    }\n  }\n\n  useImperativeHandle(ref, () => innerRef.current as HTMLDivElement)\n\n  useExposure(innerRef, {\n    componentType,\n    componentName,\n    componentTitle: data?.title,\n  })\n\n  useEffect(() => {\n    const descriptions = innerRef.current?.querySelectorAll<HTMLDivElement>('.graphic-description')\n    if (descriptions && descriptions.length > 0) {\n      let maxHeight = 0\n      descriptions.forEach((el: HTMLDivElement) => {\n        maxHeight = Math.max(maxHeight, el.offsetHeight)\n      })\n      descriptions.forEach((el: HTMLDivElement) => {\n        el.style.height = `${maxHeight}px`\n      })\n    }\n  }, [])\n\n  return (\n    <div className={className} ref={innerRef}>\n      <div className=\"graphic-box\">\n        {data?.title && <Title data={{ title: data?.title }} />}\n        <SwiperBox\n          id=\"Graphic\"\n          className={cn('!overflow-visible')}\n          data={{\n            list: data?.items || [],\n            configuration: {\n              itemShape: data.itemShape,\n              num: data?.items?.length || 0,\n              onVideoPlayBtnClick: (_: number, data: GraphicType) => {\n                setVisible(true)\n                if (data?.isYouTube) {\n                  setYouTubeId?.(data?.youtubeId || '')\n                } else {\n                  setVideoUrl?.(data?.video?.url || '')\n                }\n              },\n            },\n          }}\n          Slide={Item}\n          breakpoints={{\n            0: {\n              spaceBetween: 12,\n              freeMode: false,\n              slidesPerView: 1,\n            },\n            374: {\n              spaceBetween: 12,\n              freeMode: false,\n              slidesPerView: handleSwiperShow(),\n            },\n            768: {\n              spaceBetween: 16,\n              freeMode: false,\n              slidesPerView: handleSwiperShow(768),\n            },\n            1024: {\n              spaceBetween: 16,\n              freeMode: false,\n              slidesPerView: handleSwiperShow(1024),\n            },\n            1440: {\n              spaceBetween: 16,\n              freeMode: false,\n              slidesPerView: handleSwiperShow(1440),\n            },\n          }}\n        />\n      </div>\n      <VideoModal visible={visible} youTubeId={youTubeId} videoUrl={videoUrl} onCloseModal={() => setVisible(false)} />\n    </div>\n  )\n})\n\nGraphic.displayName = 'Graphic'\n\nexport default withStyles(Graphic)\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAkEU,IAAAI,EAAA,6BAjEVC,EAAwE,oBACxEC,EAAmB,kCACnBC,EAA2B,kCAC3BC,EAAsB,oCACtBC,EAAgC,qCAChCA,EAA8B,qCAC9BC,EAAkB,gCAClBC,EAA2B,kCAE3BC,EAA4B,sCAC5BC,EAA4B,uCAE5B,MAAMC,EAAgB,QAChBC,EAAgB,UAuBhBC,EAAO,CAAC,CAAE,KAAAC,EAAM,cAAAC,CAAc,OAehC,OAAC,OACC,aAAW,OAfM,IAAM,CACzB,OAAQA,EAAc,IAAK,CACzB,IAAK,GACH,MAAO,8LACT,IAAK,GACH,MAAO,4LACT,IAAK,GACH,MAAO,4LACT,QACE,MAAO,2LACX,CACF,GAI+B,EAAG,2DAA4D,CACxF,YAAaA,EAAc,QAAU,MACvC,CAAC,EAED,mBAAC,OACC,aAAW,MAAG,mBAAoB,CAC/B,gDAAkDA,GAAe,YAAc,OAClF,CAAC,EAED,oBAAC,KACC,QAAM,eAAYD,GAAM,KAAM,GAAGH,CAAa,IAAIC,CAAa,EAAE,EACjE,UAAU,0DAEV,oBAAC,WACC,UAAU,SACV,aAAa,yEACb,OAAQE,GAAM,QAAQ,IACtB,IAAKA,GAAM,QAAQ,KAAO,GAC5B,KACA,QAAC,OAAI,UAAU,yEACb,oBAAC,QACC,MAAO,CACL,MAAOA,GAAM,SACf,EACA,KAAMA,GAAM,MAEZ,UAAU,4GACZ,KACA,QAAC,OAAI,UAAU,iCACb,oBAAC,OAAI,UAAU,SACZ,SAAAA,GAAM,gBACL,OAAC,WACC,KAAMA,GAAM,YACZ,MAAO,CACL,MAAOA,GAAM,SACf,EACA,GAAG,KACH,UAAU,wJACZ,EAEJ,GACEA,GAAM,OAAO,KAAOA,GAAM,eAC1B,OAAC,UACC,QAAUE,GAAW,CACnBA,EAAE,eAAe,EACjBA,EAAE,gBAAgB,EAClBD,GAAe,sBAAsBA,GAAe,OAAS,EAAGD,CAAI,CACtE,EACA,UAAU,gHAEV,mBAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,mBAAC,QAAK,EAAE,uBAAuB,KAAK,QAAQ,EAC9C,EACF,GAEJ,EACCA,EAAK,eACJ,OAAC,KAAE,QAAM,eAAYA,GAAM,KAAM,GAAGH,CAAa,IAAIC,CAAa,EAAE,EAClE,mBAAC,UAAO,QAAQ,YAAY,UAAU,yCACnC,SAAAE,EAAK,WACR,EACF,GAEJ,GACF,EACF,EACF,EAIEG,EAAU,EAAAC,QAAM,WAAyC,CAAC,CAAE,KAAAJ,EAAM,UAAAK,EAAW,GAAGC,CAAM,EAAGC,IAAQ,CACrG,MAAMC,KAAW,UAAuB,IAAI,EACtC,CAACC,EAASC,CAAU,KAAI,YAAkB,EAAK,EAC/C,CAACC,EAAUC,CAAW,KAAI,YAAiB,EAAE,EAC7C,CAACC,EAAWC,CAAY,KAAI,YAAiB,EAAE,EAE/CC,EAAoBC,GAAmB,CAC3C,MAAMC,EAAUjB,GAAM,OAAyB,OAAS,EAClDkB,EAAYlB,GAAM,OAAyB,OAAS,EAC1D,OAAQgB,EAAO,CACb,IAAK,MACH,OAAOC,EAAS,EAAIjB,GAAM,OAAO,OACnC,IAAK,MACH,OAAOiB,EAAS,EAAIjB,GAAM,OAAO,OACnC,IAAK,KACH,OAAOiB,GAAeC,EAAN,IAAuB,EACzC,QACE,MAAO,IACX,CACF,EAEA,gCAAoBX,EAAK,IAAMC,EAAS,OAAyB,KAEjE,eAAYA,EAAU,CACpB,cAAAX,EACA,cAAAC,EACA,eAAgBE,GAAM,KACxB,CAAC,KAED,aAAU,IAAM,CACd,MAAMmB,EAAeX,EAAS,SAAS,iBAAiC,sBAAsB,EAC9F,GAAIW,GAAgBA,EAAa,OAAS,EAAG,CAC3C,IAAIC,EAAY,EAChBD,EAAa,QAASE,GAAuB,CAC3CD,EAAY,KAAK,IAAIA,EAAWC,EAAG,YAAY,CACjD,CAAC,EACDF,EAAa,QAASE,GAAuB,CAC3CA,EAAG,MAAM,OAAS,GAAGD,CAAS,IAChC,CAAC,CACH,CACF,EAAG,CAAC,CAAC,KAGH,QAAC,OAAI,UAAWf,EAAW,IAAKG,EAC9B,qBAAC,OAAI,UAAU,cACZ,UAAAR,GAAM,UAAS,OAAC,EAAAsB,QAAA,CAAM,KAAM,CAAE,MAAOtB,GAAM,KAAM,EAAG,KACrD,OAAC,EAAAuB,QAAA,CACC,GAAG,UACH,aAAW,MAAG,mBAAmB,EACjC,KAAM,CACJ,KAAMvB,GAAM,OAAS,CAAC,EACtB,cAAe,CACb,UAAWA,EAAK,UAChB,IAAKA,GAAM,OAAO,QAAU,EAC5B,oBAAqB,CAACwB,EAAWxB,IAAsB,CACrDU,EAAW,EAAI,EACXV,GAAM,UACRc,IAAed,GAAM,WAAa,EAAE,EAEpCY,IAAcZ,GAAM,OAAO,KAAO,EAAE,CAExC,CACF,CACF,EACA,MAAOD,EACP,YAAa,CACX,EAAG,CACD,aAAc,GACd,SAAU,GACV,cAAe,CACjB,EACA,IAAK,CACH,aAAc,GACd,SAAU,GACV,cAAegB,EAAiB,CAClC,EACA,IAAK,CACH,aAAc,GACd,SAAU,GACV,cAAeA,EAAiB,GAAG,CACrC,EACA,KAAM,CACJ,aAAc,GACd,SAAU,GACV,cAAeA,EAAiB,IAAI,CACtC,EACA,KAAM,CACJ,aAAc,GACd,SAAU,GACV,cAAeA,EAAiB,IAAI,CACtC,CACF,EACF,GACF,KACA,OAAC,cAAW,QAASN,EAAS,UAAWI,EAAW,SAAUF,EAAU,aAAc,IAAMD,EAAW,EAAK,EAAG,GACjH,CAEJ,CAAC,EAEDP,EAAQ,YAAc,UAEtB,IAAOlB,KAAQ,cAAWkB,CAAO",
+  "names": ["Graphic_exports", "__export", "Graphic_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_utils", "import_Styles", "import_SwiperBox", "import_components", "import_Title", "import_VideoModal", "import_useExposure", "import_trackUrlRef", "componentType", "componentName", "Item", "data", "configuration", "e", "Graphic", "React", "className", "props", "ref", "innerRef", "visible", "setVisible", "videoUrl", "setVideoUrl", "youTubeId", "setYouTubeId", "handleSwiperShow", "width", "isShow", "isMobile", "descriptions", "maxHeight", "el", "Title", "SwiperBox", "_"]
 }

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

@@ -17,7 +17,7 @@ interface GraphicAttractionBlockProps extends ComponentCommonProps {
         attractionItems?: AttractionItem[];
     };
 }
-declare const _default: React.ForwardRefExoticComponent<Omit<Omit<GraphicAttractionBlockProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
+declare const _default: React.ForwardRefExoticComponent<Omit<Omit<GraphicAttractionBlockProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps> & {
     className?: string;
     data?: Record<string, any>;
 }, "ref"> & React.RefAttributes<any>>;

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

@@ -1,2 +1,2 @@
-"use strict";var y=Object.create;var l=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var A=Object.getPrototypeOf,T=Object.prototype.hasOwnProperty;var C=(t,i)=>{for(var a in i)l(t,a,{get:i[a],enumerable:!0})},g=(t,i,a,s)=>{if(i&&typeof i=="object"||typeof i=="function")for(let o of P(i))!T.call(t,o)&&o!==a&&l(t,o,{get:()=>i[o],enumerable:!(s=w(i,o))||s.enumerable});return t};var m=(t,i,a)=>(a=t!=null?y(A(t)):{},g(i||!t||!t.__esModule?l(a,"default",{value:t,enumerable:!0}):a,t)),I=t=>g(l({},"__esModule",{value:!0}),t);var z={};C(z,{default:()=>j});module.exports=I(z);var e=require("react/jsx-runtime"),f=m(require("react")),x=require("../../shared/Styles.js"),n=m(require("../../components/picture.js")),h=require("../../components/heading.js"),p=require("../../components/text.js"),u=m(require("../Title/index.js")),c=require("../../helpers/utils.js");const M=f.default.forwardRef((t,i)=>{const{shape:a,imageUrlPc:s,imageUrlMob:o,sectionTitle:d,imageTitle:k,imageDescription:v,attractionItems:b}=t.data;return(0,e.jsxs)("section",{ref:i,"data-ui-component-id":"GraphicAttractionBlock",className:(0,c.cn)("text-info-primary relative",t.className),children:[d&&(0,e.jsx)(u.default,{data:{title:d}}),(0,e.jsxs)("div",{className:(0,c.cn)("tablet:aspect-[1664/560] relative aspect-[358/480] w-full overflow-hidden",{"rounded-box":a==="rounded"}),children:[(0,e.jsx)(n.default,{source:`${s?.url}, ${o?.url} 767`,className:"inset-0",imgClassName:"h-full object-cover",alt:s?.alt||""}),(0,e.jsxs)("div",{className:"lg-desktop:p-8 absolute inset-0 z-[1] flex flex-col justify-end p-4",children:[(0,e.jsx)(h.Heading,{as:"h3",className:"text-white",size:3,html:k}),(0,e.jsx)(p.Text,{as:"p",className:"text-white",size:2,html:v})]})]}),(0,e.jsx)("div",{className:"tablet:gap-4 tablet:grid-cols-4 tablet:mt-[10px] mt-4 grid grid-cols-2 gap-3",children:b?.map((r,N)=>(0,e.jsxs)("div",{className:(0,c.cn)("lg-desktop:p-8 desktop:p-6 desktop:gap-16 flex flex-col justify-between gap-12 bg-white p-4",{"rounded-box":a==="rounded"}),children:[(0,e.jsxs)("div",{className:"lg-desktop:h-[36px] flex h-[30px] items-center justify-between gap-3",children:[(0,e.jsx)(p.Text,{as:"p",className:"lg-desktop:text-[18px] tracking text-[14px] font-semibold",html:r.title}),(0,e.jsx)(n.default,{className:"lg-desktop:size-[36px] size-[30px] shrink-0 object-cover",source:r.icon?.url,alt:r.icon?.alt,imgClassName:"w-full h-full object-cover"})]}),(0,e.jsx)(p.Text,{as:"p",className:"lg-desktop:text-[24px] tracking text-[20px] leading-tight",html:r.description})]},N))})]})});var j=(0,x.withLayout)(M);
+"use strict";var y=Object.create;var l=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var A=Object.getPrototypeOf,T=Object.prototype.hasOwnProperty;var C=(t,i)=>{for(var a in i)l(t,a,{get:i[a],enumerable:!0})},g=(t,i,a,s)=>{if(i&&typeof i=="object"||typeof i=="function")for(let o of P(i))!T.call(t,o)&&o!==a&&l(t,o,{get:()=>i[o],enumerable:!(s=w(i,o))||s.enumerable});return t};var m=(t,i,a)=>(a=t!=null?y(A(t)):{},g(i||!t||!t.__esModule?l(a,"default",{value:t,enumerable:!0}):a,t)),I=t=>g(l({},"__esModule",{value:!0}),t);var z={};C(z,{default:()=>j});module.exports=I(z);var e=require("react/jsx-runtime"),f=m(require("react")),x=require("../../shared/Styles.js"),n=m(require("../../components/picture.js")),h=require("../../components/heading.js"),p=require("../../components/text.js"),u=m(require("../Title/index.js")),c=require("../../helpers/utils.js");const M=f.default.forwardRef((t,i)=>{const{shape:a,imageUrlPc:s,imageUrlMob:o,sectionTitle:d,imageTitle:k,imageDescription:v,attractionItems:b}=t.data;return(0,e.jsxs)("section",{ref:i,"data-ui-component-id":"GraphicAttractionBlock",className:(0,c.cn)("text-info-primary relative",t.className),children:[d&&(0,e.jsx)(u.default,{data:{title:d}}),(0,e.jsxs)("div",{className:(0,c.cn)("tablet:aspect-[1664/560] relative aspect-[358/480] w-full overflow-hidden",{"rounded-box":a==="rounded"}),children:[(0,e.jsx)(n.default,{source:`${s?.url}, ${o?.url} 767`,className:"inset-0",imgClassName:"h-full object-cover",alt:s?.alt||""}),(0,e.jsxs)("div",{className:"lg-desktop:p-8 absolute inset-0 z-[1] flex flex-col justify-end p-4",children:[(0,e.jsx)(h.Heading,{as:"h3",className:"text-white",size:3,html:k}),(0,e.jsx)(p.Text,{as:"p",className:"text-white",size:2,html:v})]})]}),(0,e.jsx)("div",{className:"tablet:gap-4 tablet:grid-cols-4 tablet:mt-[10px] mt-4 grid grid-cols-2 gap-3",children:b?.map((r,N)=>(0,e.jsxs)("div",{className:(0,c.cn)("lg-desktop:p-8 desktop:p-6 desktop:gap-16 flex flex-col justify-between gap-12 bg-white p-4",{"rounded-box":a==="rounded"}),children:[(0,e.jsxs)("div",{className:"lg-desktop:h-[36px] flex h-[30px] items-center justify-between gap-3",children:[(0,e.jsx)(p.Text,{as:"p",className:"lg-desktop:text-[18px] tracking text-[14px] font-semibold",html:r.title}),(0,e.jsx)(n.default,{className:"lg-desktop:size-[36px] size-[30px] shrink-0 object-cover",source:r.icon?.url,alt:r.icon?.alt,imgClassName:"w-full h-full object-cover"})]}),(0,e.jsx)(p.Text,{as:"p",className:"lg-desktop:text-[24px] tracking text-[20px] leading-tight",html:r.description})]},N))})]})});var j=(0,x.withStyles)(M);
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/GraphicAttractionBlock/index.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { withLayout } from '../../shared/Styles.js'\nimport Picture from '../../components/picture.js'\nimport { Heading } from '../../components/heading.js'\nimport { Text } from '../../components/text.js'\nimport Title from '../Title/index.js'\nimport type { Shape } from '../../types/props'\nimport { cn } from '../../helpers/utils.js'\nimport type { ComponentCommonProps, Media, Img } from '../../types/props'\n\nexport interface AttractionItem {\n  icon?: Img\n  title: string\n  description: string\n}\n\ninterface GraphicAttractionBlockProps extends ComponentCommonProps {\n  data: {\n    shape?: Shape\n    sectionTitle?: string\n    imageUrlPc?: Media\n    imageUrlMob?: Media\n    imageTitle?: string\n    imageDescription?: string\n    attractionItems?: AttractionItem[]\n  }\n}\n\nconst GraphicAttractionBlock = React.forwardRef<HTMLDivElement, GraphicAttractionBlockProps>((props, ref) => {\n  const { shape, imageUrlPc, imageUrlMob, sectionTitle, imageTitle, imageDescription, attractionItems } = props.data\n\n  return (\n    <section\n      ref={ref}\n      data-ui-component-id=\"GraphicAttractionBlock\"\n      className={cn('text-info-primary relative', props.className)}\n    >\n      {sectionTitle && <Title data={{ title: sectionTitle }} />}\n      <div\n        className={cn('tablet:aspect-[1664/560] relative aspect-[358/480] w-full overflow-hidden', {\n          'rounded-box': shape === 'rounded',\n        })}\n      >\n        <Picture\n          source={`${imageUrlPc?.url}, ${imageUrlMob?.url} 767`}\n          className=\"inset-0\"\n          imgClassName=\"h-full object-cover\"\n          alt={imageUrlPc?.alt || ''}\n        />\n        <div className=\"lg-desktop:p-8 absolute inset-0 z-[1] flex flex-col justify-end p-4\">\n          <Heading as=\"h3\" className=\"text-white\" size={3} html={imageTitle} />\n          <Text as=\"p\" className=\"text-white\" size={2} html={imageDescription} />\n        </div>\n      </div>\n      <div className=\"tablet:gap-4 tablet:grid-cols-4 tablet:mt-[10px] mt-4 grid grid-cols-2 gap-3\">\n        {attractionItems?.map((item, index) => (\n          <div\n            key={index}\n            className={cn(\n              'lg-desktop:p-8 desktop:p-6 desktop:gap-16 flex flex-col justify-between gap-12 bg-white p-4',\n              { 'rounded-box': shape === 'rounded' }\n            )}\n          >\n            <div className=\"lg-desktop:h-[36px] flex h-[30px] items-center justify-between gap-3\">\n              <Text as=\"p\" className=\"lg-desktop:text-[18px] tracking text-[14px] font-semibold\" html={item.title} />\n              <Picture\n                className=\"lg-desktop:size-[36px] size-[30px] shrink-0 object-cover\"\n                source={item.icon?.url}\n                alt={item.icon?.alt}\n                imgClassName=\"w-full h-full object-cover\"\n              />\n            </div>\n            <Text\n              as=\"p\"\n              className=\"lg-desktop:text-[24px] tracking text-[20px] leading-tight\"\n              html={item.description}\n            />\n          </div>\n        ))}\n      </div>\n    </section>\n  )\n})\nexport default withLayout(GraphicAttractionBlock)\nexport type { GraphicAttractionBlockProps }\n"],
+  "sourcesContent": ["import React from 'react'\nimport { withStyles } from '../../shared/Styles.js'\nimport Picture from '../../components/picture.js'\nimport { Heading } from '../../components/heading.js'\nimport { Text } from '../../components/text.js'\nimport Title from '../Title/index.js'\nimport type { Shape } from '../../types/props'\nimport { cn } from '../../helpers/utils.js'\nimport type { ComponentCommonProps, Media, Img } from '../../types/props'\n\nexport interface AttractionItem {\n  icon?: Img\n  title: string\n  description: string\n}\n\ninterface GraphicAttractionBlockProps extends ComponentCommonProps {\n  data: {\n    shape?: Shape\n    sectionTitle?: string\n    imageUrlPc?: Media\n    imageUrlMob?: Media\n    imageTitle?: string\n    imageDescription?: string\n    attractionItems?: AttractionItem[]\n  }\n}\n\nconst GraphicAttractionBlock = React.forwardRef<HTMLDivElement, GraphicAttractionBlockProps>((props, ref) => {\n  const { shape, imageUrlPc, imageUrlMob, sectionTitle, imageTitle, imageDescription, attractionItems } = props.data\n\n  return (\n    <section\n      ref={ref}\n      data-ui-component-id=\"GraphicAttractionBlock\"\n      className={cn('text-info-primary relative', props.className)}\n    >\n      {sectionTitle && <Title data={{ title: sectionTitle }} />}\n      <div\n        className={cn('tablet:aspect-[1664/560] relative aspect-[358/480] w-full overflow-hidden', {\n          'rounded-box': shape === 'rounded',\n        })}\n      >\n        <Picture\n          source={`${imageUrlPc?.url}, ${imageUrlMob?.url} 767`}\n          className=\"inset-0\"\n          imgClassName=\"h-full object-cover\"\n          alt={imageUrlPc?.alt || ''}\n        />\n        <div className=\"lg-desktop:p-8 absolute inset-0 z-[1] flex flex-col justify-end p-4\">\n          <Heading as=\"h3\" className=\"text-white\" size={3} html={imageTitle} />\n          <Text as=\"p\" className=\"text-white\" size={2} html={imageDescription} />\n        </div>\n      </div>\n      <div className=\"tablet:gap-4 tablet:grid-cols-4 tablet:mt-[10px] mt-4 grid grid-cols-2 gap-3\">\n        {attractionItems?.map((item, index) => (\n          <div\n            key={index}\n            className={cn(\n              'lg-desktop:p-8 desktop:p-6 desktop:gap-16 flex flex-col justify-between gap-12 bg-white p-4',\n              { 'rounded-box': shape === 'rounded' }\n            )}\n          >\n            <div className=\"lg-desktop:h-[36px] flex h-[30px] items-center justify-between gap-3\">\n              <Text as=\"p\" className=\"lg-desktop:text-[18px] tracking text-[14px] font-semibold\" html={item.title} />\n              <Picture\n                className=\"lg-desktop:size-[36px] size-[30px] shrink-0 object-cover\"\n                source={item.icon?.url}\n                alt={item.icon?.alt}\n                imgClassName=\"w-full h-full object-cover\"\n              />\n            </div>\n            <Text\n              as=\"p\"\n              className=\"lg-desktop:text-[24px] tracking text-[20px] leading-tight\"\n              html={item.description}\n            />\n          </div>\n        ))}\n      </div>\n    </section>\n  )\n})\nexport default withStyles(GraphicAttractionBlock)\nexport type { GraphicAttractionBlockProps }\n"],
   "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAqCuB,IAAAI,EAAA,6BArCvBC,EAAkB,oBAClBC,EAA2B,kCAC3BC,EAAoB,0CACpBC,EAAwB,uCACxBC,EAAqB,oCACrBC,EAAkB,gCAElBC,EAAmB,kCAqBnB,MAAMC,EAAyB,EAAAC,QAAM,WAAwD,CAACC,EAAOC,IAAQ,CAC3G,KAAM,CAAE,MAAAC,EAAO,WAAAC,EAAY,YAAAC,EAAa,aAAAC,EAAc,WAAAC,EAAY,iBAAAC,EAAkB,gBAAAC,CAAgB,EAAIR,EAAM,KAE9G,SACE,QAAC,WACC,IAAKC,EACL,uBAAqB,yBACrB,aAAW,MAAG,6BAA8BD,EAAM,SAAS,EAE1D,UAAAK,MAAgB,OAAC,EAAAI,QAAA,CAAM,KAAM,CAAE,MAAOJ,CAAa,EAAG,KACvD,QAAC,OACC,aAAW,MAAG,4EAA6E,CACzF,cAAeH,IAAU,SAC3B,CAAC,EAED,oBAAC,EAAAQ,QAAA,CACC,OAAQ,GAAGP,GAAY,GAAG,KAAKC,GAAa,GAAG,OAC/C,UAAU,UACV,aAAa,sBACb,IAAKD,GAAY,KAAO,GAC1B,KACA,QAAC,OAAI,UAAU,sEACb,oBAAC,WAAQ,GAAG,KAAK,UAAU,aAAa,KAAM,EAAG,KAAMG,EAAY,KACnE,OAAC,QAAK,GAAG,IAAI,UAAU,aAAa,KAAM,EAAG,KAAMC,EAAkB,GACvE,GACF,KACA,OAAC,OAAI,UAAU,+EACZ,SAAAC,GAAiB,IAAI,CAACG,EAAMC,OAC3B,QAAC,OAEC,aAAW,MACT,8FACA,CAAE,cAAeV,IAAU,SAAU,CACvC,EAEA,qBAAC,OAAI,UAAU,uEACb,oBAAC,QAAK,GAAG,IAAI,UAAU,4DAA4D,KAAMS,EAAK,MAAO,KACrG,OAAC,EAAAD,QAAA,CACC,UAAU,2DACV,OAAQC,EAAK,MAAM,IACnB,IAAKA,EAAK,MAAM,IAChB,aAAa,6BACf,GACF,KACA,OAAC,QACC,GAAG,IACH,UAAU,4DACV,KAAMA,EAAK,YACb,IAnBKC,CAoBP,CACD,EACH,GACF,CAEJ,CAAC,EACD,IAAOxB,KAAQ,cAAWU,CAAsB",
   "names": ["GraphicAttractionBlock_exports", "__export", "GraphicAttractionBlock_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_Styles", "import_picture", "import_heading", "import_text", "import_Title", "import_utils", "GraphicAttractionBlock", "React", "props", "ref", "shape", "imageUrlPc", "imageUrlMob", "sectionTitle", "imageTitle", "imageDescription", "attractionItems", "Title", "Picture", "item", "index"]
 }

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

@@ -0,0 +1,2 @@
+declare const NavHocComp: () => import("react/jsx-runtime").JSX.Element;
+export default NavHocComp;

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

@@ -0,0 +1,32 @@
+import React from 'react';
+import type { Product } from '../../cpn-components/CpnProductCard/types.js';
+import { HeaderNavigationMenu } from './types.js';
+import type { UserProfile } from './types.js';
+interface NavContextType {
+    buildProps: {
+        products: Product[];
+    };
+    event?: {
+        search?: () => void;
+        cart?: () => void;
+        profile?: () => void;
+        livestream?: () => void;
+        join?: () => void;
+        login?: () => void;
+    };
+    profile?: UserProfile;
+    isMobile?: boolean;
+    payloadData: any;
+    currentMenu?: HeaderNavigationMenu;
+    setCurrentMenu?: (menu: HeaderNavigationMenu) => void;
+    thirdNavTitle?: string;
+    setThirdNavTitle?: (title: string) => void;
+    matchSeriesMetadata?: any;
+    setMatchSeriesMetadata?: (metadata: any) => void;
+}
+export declare const NavContext: React.Context<NavContextType>;
+export declare const useNavContext: () => NavContextType;
+declare const NavProvider: ({ children, ...rest }: {
+    children: React.ReactNode;
+} & NavContextType) => import("react/jsx-runtime").JSX.Element;
+export default NavProvider;

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

@@ -0,0 +1,2 @@
+"use strict";var u=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames;var E=Object.prototype.hasOwnProperty;var y=(t,e)=>{for(var o in e)u(t,o,{get:e[o],enumerable:!0})},C=(t,e,o,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of N(e))!E.call(t,n)&&n!==o&&u(t,n,{get:()=>e[n],enumerable:!(a=M(e,n))||a.enumerable});return t};var _=t=>C(u({},"__esModule",{value:!0}),t);var R={};y(R,{NavContext:()=>s,default:()=>A,useNavContext:()=>S});module.exports=_(R);var p=require("react/jsx-runtime"),r=require("react"),d=require("./types.js");const T={isMobile:!1,payloadData:{},buildProps:{products:[]},currentMenu:d.HeaderNavigationMenu.Primary,setCurrentMenu:()=>{},thirdNavTitle:"",setThirdNavTitle:()=>{},matchSeriesMetadata:{},setMatchSeriesMetadata:()=>{}},s=(0,r.createContext)(T),S=()=>{if(!(0,r.useContext)(s))throw new Error("useNavContext must be used in <NavProvider>");return(0,r.useContext)(s)},m=(t,e)=>{switch(e.type){case"SET_CURRENT_MENU":return{...t,currentMenu:e.value};case"SET_THIRD_NAV_TITLE":return{...t,thirdNavTitle:e.value};case"SET_MATCH_SERIES_METADATA":return{...t,matchSeriesMetadata:e.value}}},h=({children:t,...e})=>{const[o,a]=(0,r.useReducer)(m,{...T,currentMenu:d.HeaderNavigationMenu.Primary,setCurrentMenu:()=>{}}),n=(0,r.useCallback)(i=>a({type:"SET_CURRENT_MENU",value:i}),[a]),v=(0,r.useCallback)(i=>a({type:"SET_THIRD_NAV_TITLE",value:i}),[a]),c=(0,r.useCallback)(i=>a({type:"SET_MATCH_SERIES_METADATA",value:i}),[a]),l=(0,r.useMemo)(()=>({...o,setCurrentMenu:n,setThirdNavTitle:v,setMatchSeriesMetadata:c}),[n,v,c,o]);return(0,p.jsx)(s.Provider,{value:{...l,...e},children:t})};var A=h;
+//# sourceMappingURL=NavProvider.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/HeaderNavigation/NavProvider.tsx"],
+  "sourcesContent": ["import React, { createContext, useCallback, useContext, useMemo, useReducer } from 'react'\nimport type { Product } from '../../cpn-components/CpnProductCard/types.js'\nimport { HeaderNavigationMenu } from './types.js'\nimport type { UserProfile } from './types.js'\n\ninterface NavContextType {\n  buildProps: {\n    products: Product[] // \u4EA7\u54C1\u6570\u636E\n  }\n  event?: {\n    search?: () => void\n    cart?: () => void\n    profile?: () => void\n    livestream?: () => void\n    join?: () => void\n    login?: () => void\n  }\n  profile?: UserProfile // \u7528\u6237\u4FE1\u606F\n  isMobile?: boolean\n  payloadData: any\n  currentMenu?: HeaderNavigationMenu // \u5F53\u524D\u83DC\u5355\n  setCurrentMenu?: (menu: HeaderNavigationMenu) => void // \u8BBE\u7F6E\u5F53\u524D\u83DC\u5355\n  thirdNavTitle?: string // \u7B2C\u4E09\u7EA7\u5BFC\u822A\u6807\u9898\n  setThirdNavTitle?: (title: string) => void // \u8BBE\u7F6E\u7B2C\u4E09\u7EA7\u5BFC\u822A\u6807\u9898\n  matchSeriesMetadata?: any // \u5339\u914D\u7684\u7CFB\u5217\u5143\u6570\u636E\n  setMatchSeriesMetadata?: (metadata: any) => void // \u8BBE\u7F6E\u5339\u914D\u7684\u7CFB\u5217\u5143\u6570\u636E\n}\n\nconst initialState: NavContextType = {\n  isMobile: false,\n  payloadData: {},\n  buildProps: {\n    products: [],\n  },\n  currentMenu: HeaderNavigationMenu.Primary,\n  setCurrentMenu: () => {},\n  thirdNavTitle: '',\n  setThirdNavTitle: () => {},\n  matchSeriesMetadata: {},\n  setMatchSeriesMetadata: () => {},\n}\n\ntype Action =\n  | {\n      type: 'SET_CURRENT_MENU'\n      value: HeaderNavigationMenu\n    }\n  | {\n      type: 'SET_THIRD_NAV_TITLE'\n      value: string\n    }\n  | {\n      type: 'SET_MATCH_SERIES_METADATA'\n      value: any\n    }\n\nexport const NavContext = createContext<NavContextType>(initialState)\n\nexport const useNavContext = () => {\n  const context = useContext(NavContext)\n  if (!context) {\n    throw new Error('useNavContext must be used in <NavProvider>')\n  }\n  return useContext(NavContext)\n}\n\nconst reducer = (state: NavContextType, action: Action) => {\n  switch (action.type) {\n    case 'SET_CURRENT_MENU': {\n      return {\n        ...state,\n        currentMenu: action.value,\n      }\n    }\n    case 'SET_THIRD_NAV_TITLE': {\n      return {\n        ...state,\n        thirdNavTitle: action.value,\n      }\n    }\n    case 'SET_MATCH_SERIES_METADATA': {\n      return {\n        ...state,\n        matchSeriesMetadata: action.value,\n      }\n    }\n  }\n}\n\nconst NavProvider = ({\n  children,\n  ...rest\n}: {\n  children: React.ReactNode\n} & NavContextType) => {\n  const [state, dispatch] = useReducer(reducer, {\n    ...initialState,\n    currentMenu: HeaderNavigationMenu.Primary,\n    setCurrentMenu: () => {},\n  })\n\n  const setCurrentMenu = useCallback(\n    (value: HeaderNavigationMenu) => {\n      return dispatch({ type: 'SET_CURRENT_MENU', value })\n    },\n    [dispatch]\n  )\n\n  const setThirdNavTitle = useCallback(\n    (value: string) => {\n      return dispatch({ type: 'SET_THIRD_NAV_TITLE', value })\n    },\n    [dispatch]\n  )\n\n  const setMatchSeriesMetadata = useCallback(\n    (value: any) => {\n      return dispatch({ type: 'SET_MATCH_SERIES_METADATA', value })\n    },\n    [dispatch]\n  )\n\n  const value = useMemo(\n    () => ({\n      ...state,\n      setCurrentMenu,\n      setThirdNavTitle,\n      setMatchSeriesMetadata,\n    }),\n    [setCurrentMenu, setThirdNavTitle, setMatchSeriesMetadata, state]\n  )\n\n  return <NavContext.Provider value={{ ...value, ...rest }}>{children}</NavContext.Provider>\n}\n\nexport default NavProvider\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,EAAA,YAAAC,EAAA,kBAAAC,IAAA,eAAAC,EAAAL,GAoIS,IAAAM,EAAA,6BApITC,EAAmF,iBAEnFC,EAAqC,sBA0BrC,MAAMC,EAA+B,CACnC,SAAU,GACV,YAAa,CAAC,EACd,WAAY,CACV,SAAU,CAAC,CACb,EACA,YAAa,uBAAqB,QAClC,eAAgB,IAAM,CAAC,EACvB,cAAe,GACf,iBAAkB,IAAM,CAAC,EACzB,oBAAqB,CAAC,EACtB,uBAAwB,IAAM,CAAC,CACjC,EAgBaP,KAAa,iBAA8BO,CAAY,EAEvDL,EAAgB,IAAM,CAEjC,GAAI,IADY,cAAWF,CAAU,EAEnC,MAAM,IAAI,MAAM,6CAA6C,EAE/D,SAAO,cAAWA,CAAU,CAC9B,EAEMQ,EAAU,CAACC,EAAuBC,IAAmB,CACzD,OAAQA,EAAO,KAAM,CACnB,IAAK,mBACH,MAAO,CACL,GAAGD,EACH,YAAaC,EAAO,KACtB,EAEF,IAAK,sBACH,MAAO,CACL,GAAGD,EACH,cAAeC,EAAO,KACxB,EAEF,IAAK,4BACH,MAAO,CACL,GAAGD,EACH,oBAAqBC,EAAO,KAC9B,CAEJ,CACF,EAEMC,EAAc,CAAC,CACnB,SAAAC,EACA,GAAGC,CACL,IAEuB,CACrB,KAAM,CAACJ,EAAOK,CAAQ,KAAI,cAAWN,EAAS,CAC5C,GAAGD,EACH,YAAa,uBAAqB,QAClC,eAAgB,IAAM,CAAC,CACzB,CAAC,EAEKQ,KAAiB,eACpBC,GACQF,EAAS,CAAE,KAAM,mBAAoB,MAAAE,CAAM,CAAC,EAErD,CAACF,CAAQ,CACX,EAEMG,KAAmB,eACtBD,GACQF,EAAS,CAAE,KAAM,sBAAuB,MAAAE,CAAM,CAAC,EAExD,CAACF,CAAQ,CACX,EAEMI,KAAyB,eAC5BF,GACQF,EAAS,CAAE,KAAM,4BAA6B,MAAAE,CAAM,CAAC,EAE9D,CAACF,CAAQ,CACX,EAEME,KAAQ,WACZ,KAAO,CACL,GAAGP,EACH,eAAAM,EACA,iBAAAE,EACA,uBAAAC,CACF,GACA,CAACH,EAAgBE,EAAkBC,EAAwBT,CAAK,CAClE,EAEA,SAAO,OAACT,EAAW,SAAX,CAAoB,MAAO,CAAE,GAAGgB,EAAO,GAAGH,CAAK,EAAI,SAAAD,EAAS,CACtE,EAEA,IAAOX,EAAQU",
+  "names": ["NavProvider_exports", "__export", "NavContext", "NavProvider_default", "useNavContext", "__toCommonJS", "import_jsx_runtime", "import_react", "import_types", "initialState", "reducer", "state", "action", "NavProvider", "children", "rest", "dispatch", "setCurrentMenu", "value", "setThirdNavTitle", "setMatchSeriesMetadata"]
+}

package/dist/cjs/biz-components/HeaderNavigation/icons/AnkerLogo.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const AnkerLogo: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default AnkerLogo;

package/dist/cjs/biz-components/HeaderNavigation/icons/AnkerLogo.js

@@ -0,0 +1,2 @@
+"use strict";var o=Object.defineProperty;var r=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var Z=Object.prototype.hasOwnProperty;var l=(H,C)=>{for(var L in C)o(H,L,{get:C[L],enumerable:!0})},n=(H,C,L,e)=>{if(C&&typeof C=="object"||typeof C=="function")for(let V of M(C))!Z.call(H,V)&&V!==L&&o(H,V,{get:()=>C[V],enumerable:!(e=r(C,V))||e.enumerable});return H};var g=H=>n(o({},"__esModule",{value:!0}),H);var i={};l(i,{default:()=>h});module.exports=g(i);var t=require("react/jsx-runtime"),s=require("react");const w=H=>(0,t.jsx)("svg",{width:"82",height:"21",viewBox:"0 0 82 21",fill:"none",xmlns:"http://www.w3.org/2000/svg",...H,children:(0,t.jsx)("path",{d:"M10.9365 10.5967C10.9546 10.5727 10.9911 10.5911 10.9912 10.6211L10.6172 14.7471C10.6172 14.7651 10.6475 14.7832 10.6475 14.7832H12.584C12.6081 14.7832 12.6084 14.832 12.6084 14.832L8.44531 20.2793C8.42722 20.3033 8.39077 20.285 8.39062 20.2549L8.76465 16.1289C8.76465 16.1111 8.73567 16.0936 8.73438 16.0928H6.79785C6.77371 16.0928 6.77344 16.0439 6.77344 16.0439L10.9365 10.5967ZM9.8877 1C10.5152 1 11.0828 1.35599 11.3604 1.91699L18.8125 17.0576H15.5723L9.9248 5.65723L4.27051 17.0576H1L8.5 1.8623C8.75942 1.3377 9.29658 1.00016 9.8877 1ZM65.6787 3.84766H57.165V14.2227H65.6787V17.0576H55.668C54.8776 17.0574 54.2383 16.4179 54.2383 15.6279V1H65.6787V3.84766ZM75.3281 1.00586C77.8864 1.00606 80.131 2.86991 80.3242 5.64453C80.4569 7.55073 79.6417 9.02852 77.7832 10.4521L81.9229 17.0576H78.4775L74.3506 10.4521H70.9053V17.0576H67.9844V1.00586H75.3281ZM52.9961 17.0566L49.5273 17.0498L45.7617 11.0537L47.6504 8.55078L52.9961 17.0566ZM40.6006 11.1465L48.2334 1H51.9443C51.914 1.04013 40.2758 16.4217 40.2207 16.4971C39.8225 17.0279 39.1521 17.1057 38.8203 17.0273C37.9817 16.8402 37.668 16.1705 37.668 15.6338V1H40.6006V11.1465ZM31.8037 11.1465V1H34.7363V15.6338C34.7363 16.1706 34.4218 16.8343 33.583 17.0273C33.251 17.1055 32.5816 17.0215 32.1836 16.4971C32.1473 16.4548 26.8316 9.41522 23.3682 4.84277V17.0459H20.4414V1H24.1709L31.8037 11.1465ZM64.1963 10.4463H58.4336V7.60547H64.1963V10.4463ZM70.9053 7.60547H75.3096C76.631 7.60547 77.4941 6.88097 77.4941 5.65039C77.494 4.9868 76.9747 3.84082 75.3096 3.84082H70.9053V7.60547Z",fill:"currentColor"})});var h=w;
+//# sourceMappingURL=AnkerLogo.js.map

package/dist/cjs/biz-components/HeaderNavigation/icons/AnkerLogo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/biz-components/HeaderNavigation/icons/AnkerLogo.tsx"],
+  "sourcesContent": ["import React from 'react'\n\nconst AnkerLogo = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg width=\"82\" height=\"21\" viewBox=\"0 0 82 21\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n      <path\n        d=\"M10.9365 10.5967C10.9546 10.5727 10.9911 10.5911 10.9912 10.6211L10.6172 14.7471C10.6172 14.7651 10.6475 14.7832 10.6475 14.7832H12.584C12.6081 14.7832 12.6084 14.832 12.6084 14.832L8.44531 20.2793C8.42722 20.3033 8.39077 20.285 8.39062 20.2549L8.76465 16.1289C8.76465 16.1111 8.73567 16.0936 8.73438 16.0928H6.79785C6.77371 16.0928 6.77344 16.0439 6.77344 16.0439L10.9365 10.5967ZM9.8877 1C10.5152 1 11.0828 1.35599 11.3604 1.91699L18.8125 17.0576H15.5723L9.9248 5.65723L4.27051 17.0576H1L8.5 1.8623C8.75942 1.3377 9.29658 1.00016 9.8877 1ZM65.6787 3.84766H57.165V14.2227H65.6787V17.0576H55.668C54.8776 17.0574 54.2383 16.4179 54.2383 15.6279V1H65.6787V3.84766ZM75.3281 1.00586C77.8864 1.00606 80.131 2.86991 80.3242 5.64453C80.4569 7.55073 79.6417 9.02852 77.7832 10.4521L81.9229 17.0576H78.4775L74.3506 10.4521H70.9053V17.0576H67.9844V1.00586H75.3281ZM52.9961 17.0566L49.5273 17.0498L45.7617 11.0537L47.6504 8.55078L52.9961 17.0566ZM40.6006 11.1465L48.2334 1H51.9443C51.914 1.04013 40.2758 16.4217 40.2207 16.4971C39.8225 17.0279 39.1521 17.1057 38.8203 17.0273C37.9817 16.8402 37.668 16.1705 37.668 15.6338V1H40.6006V11.1465ZM31.8037 11.1465V1H34.7363V15.6338C34.7363 16.1706 34.4218 16.8343 33.583 17.0273C33.251 17.1055 32.5816 17.0215 32.1836 16.4971C32.1473 16.4548 26.8316 9.41522 23.3682 4.84277V17.0459H20.4414V1H24.1709L31.8037 11.1465ZM64.1963 10.4463H58.4336V7.60547H64.1963V10.4463ZM70.9053 7.60547H75.3096C76.631 7.60547 77.4941 6.88097 77.4941 5.65039C77.494 4.9868 76.9747 3.84082 75.3096 3.84082H70.9053V7.60547Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  )\n}\n\nexport default AnkerLogo\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAKM,IAAAI,EAAA,6BALNC,EAAkB,iBAElB,MAAMC,EAAaC,MAEf,OAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAA8B,GAAGA,EACjG,mBAAC,QACC,EAAE,8/CACF,KAAK,eACP,EACF,EAIJ,IAAOL,EAAQI",
+  "names": ["AnkerLogo_exports", "__export", "AnkerLogo_default", "__toCommonJS", "import_jsx_runtime", "import_react", "AnkerLogo", "props"]
+}

package/dist/cjs/biz-components/HeaderNavigation/icons/Cart.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Cart: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default Cart;

package/dist/cjs/biz-components/HeaderNavigation/icons/Cart.js

@@ -0,0 +1,2 @@
+"use strict";var r=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var h=(C,t)=>{for(var e in t)r(C,e,{get:t[e],enumerable:!0})},i=(C,t,e,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of L(t))!g.call(C,o)&&o!==e&&r(C,o,{get:()=>t[o],enumerable:!(n=w(t,o))||n.enumerable});return C};var p=C=>i(r({},"__esModule",{value:!0}),C);var a={};h(a,{default:()=>H});module.exports=p(a);var l=require("react/jsx-runtime"),v=require("react");const s=C=>(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",...C,children:(0,l.jsx)("path",{d:"M8.36719 18.5C9.2806 18.5001 10.0215 19.2466 10.0215 20.167C10.0213 21.0873 9.2805 21.8329 8.36719 21.833C7.45379 21.833 6.71307 21.0873 6.71289 20.167C6.71289 19.2465 7.45369 18.5 8.36719 18.5ZM18.291 18.5C19.2044 18.5001 19.9453 19.2466 19.9453 20.167C19.9451 21.0873 19.2043 21.8329 18.291 21.833C17.3776 21.833 16.6369 21.0873 16.6367 20.167C16.6367 19.2465 17.3775 18.5 18.291 18.5ZM4.18652 3.5C4.64137 3.50021 5.03769 3.81227 5.14844 4.25684L5.65039 6.26953H20.1621C21.4568 6.26958 22.3987 7.49588 22.085 8.75586L20.4727 15.2305C20.1403 16.5645 18.95 17.4999 17.585 17.5H8.72363C7.35983 17.5 6.16959 16.5678 5.83691 15.2324L3.96875 7.73535L1.81543 5.1416C1.56834 4.8438 1.51474 4.42887 1.67773 4.07715C1.84084 3.72535 2.19083 3.50009 2.57617 3.5H4.18652ZM7.76172 14.7451C7.87219 15.1886 8.2673 15.5 8.72363 15.5H17.585C18.0399 15.4999 18.4361 15.1878 18.5469 14.7432L20.1602 8.26953H6.14844L7.76172 14.7451Z",fill:"currentColor"})});var H=s;
+//# sourceMappingURL=Cart.js.map

package/dist/cjs/biz-components/HeaderNavigation/icons/Cart.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/biz-components/HeaderNavigation/icons/Cart.tsx"],
+  "sourcesContent": ["import React from 'react'\n\nconst Cart = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"25\" viewBox=\"0 0 24 25\" fill=\"none\" {...props}>\n      <path\n        d=\"M8.36719 18.5C9.2806 18.5001 10.0215 19.2466 10.0215 20.167C10.0213 21.0873 9.2805 21.8329 8.36719 21.833C7.45379 21.833 6.71307 21.0873 6.71289 20.167C6.71289 19.2465 7.45369 18.5 8.36719 18.5ZM18.291 18.5C19.2044 18.5001 19.9453 19.2466 19.9453 20.167C19.9451 21.0873 19.2043 21.8329 18.291 21.833C17.3776 21.833 16.6369 21.0873 16.6367 20.167C16.6367 19.2465 17.3775 18.5 18.291 18.5ZM4.18652 3.5C4.64137 3.50021 5.03769 3.81227 5.14844 4.25684L5.65039 6.26953H20.1621C21.4568 6.26958 22.3987 7.49588 22.085 8.75586L20.4727 15.2305C20.1403 16.5645 18.95 17.4999 17.585 17.5H8.72363C7.35983 17.5 6.16959 16.5678 5.83691 15.2324L3.96875 7.73535L1.81543 5.1416C1.56834 4.8438 1.51474 4.42887 1.67773 4.07715C1.84084 3.72535 2.19083 3.50009 2.57617 3.5H4.18652ZM7.76172 14.7451C7.87219 15.1886 8.2673 15.5 8.72363 15.5H17.585C18.0399 15.4999 18.4361 15.1878 18.5469 14.7432L20.1602 8.26953H6.14844L7.76172 14.7451Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  )\n}\n\nexport default Cart\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAKM,IAAAI,EAAA,6BALNC,EAAkB,iBAElB,MAAMC,EAAQC,MAEV,OAAC,OAAI,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAQ,GAAGA,EACjG,mBAAC,QACC,EAAE,o5BACF,KAAK,eACP,EACF,EAIJ,IAAOL,EAAQI",
+  "names": ["Cart_exports", "__export", "Cart_default", "__toCommonJS", "import_jsx_runtime", "import_react", "Cart", "props"]
+}

package/dist/cjs/biz-components/HeaderNavigation/icons/Close.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Close: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default Close;

package/dist/cjs/biz-components/HeaderNavigation/icons/Close.js

@@ -0,0 +1,2 @@
+"use strict";var L=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var r=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var c=(t,l)=>{for(var h in l)L(t,h,{get:l[h],enumerable:!0})},g=(t,l,h,o)=>{if(l&&typeof l=="object"||typeof l=="function")for(let i of r(l))!C.call(t,i)&&i!==h&&L(t,i,{get:()=>l[i],enumerable:!(o=p(l,i))||o.enumerable});return t};var s=t=>g(L({},"__esModule",{value:!0}),t);var f={};c(f,{default:()=>d});module.exports=s(f);var e=require("react/jsx-runtime"),n=require("react");const w=t=>(0,e.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",...t,children:[(0,e.jsx)("g",{"clip-path":"url(#clip0_1031_9682)",children:(0,e.jsx)("path",{d:"M5.63593 5.63604C6.0264 5.24546 6.65962 5.24551 7.05015 5.63604L11.9999 10.5858L16.9496 5.63604L17.0256 5.56699C17.4184 5.24681 17.9979 5.26993 18.3639 5.63604C18.7298 6.00211 18.753 6.58152 18.4329 6.97429L18.3639 7.05025L13.4141 12L18.3639 16.9497L18.4329 17.0257C18.753 17.4185 18.7298 17.9979 18.3639 18.364C17.9979 18.7301 17.4184 18.7532 17.0256 18.433L16.9496 18.364L11.9999 13.4142L7.05015 18.364C6.65962 18.7545 6.0264 18.7545 5.63593 18.364C5.2455 17.9734 5.24551 17.3403 5.63593 16.9497L10.5857 12L5.63593 7.05025C5.24551 6.65972 5.2455 6.02658 5.63593 5.63604Z",fill:"currentColor"})}),(0,e.jsx)("defs",{children:(0,e.jsx)("clipPath",{id:"clip0_1031_9682",children:(0,e.jsx)("rect",{width:"24",height:"24",fill:"white"})})})]});var d=w;
+//# sourceMappingURL=Close.js.map

package/dist/cjs/biz-components/HeaderNavigation/icons/Close.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/biz-components/HeaderNavigation/icons/Close.tsx"],
+  "sourcesContent": ["import React from 'react'\n\nconst Close = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n      <g clip-path=\"url(#clip0_1031_9682)\">\n        <path\n          d=\"M5.63593 5.63604C6.0264 5.24546 6.65962 5.24551 7.05015 5.63604L11.9999 10.5858L16.9496 5.63604L17.0256 5.56699C17.4184 5.24681 17.9979 5.26993 18.3639 5.63604C18.7298 6.00211 18.753 6.58152 18.4329 6.97429L18.3639 7.05025L13.4141 12L18.3639 16.9497L18.4329 17.0257C18.753 17.4185 18.7298 17.9979 18.3639 18.364C17.9979 18.7301 17.4184 18.7532 17.0256 18.433L16.9496 18.364L11.9999 13.4142L7.05015 18.364C6.65962 18.7545 6.0264 18.7545 5.63593 18.364C5.2455 17.9734 5.24551 17.3403 5.63593 16.9497L10.5857 12L5.63593 7.05025C5.24551 6.65972 5.2455 6.02658 5.63593 5.63604Z\"\n          fill=\"currentColor\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1031_9682\">\n          <rect width=\"24\" height=\"24\" fill=\"white\" />\n        </clipPath>\n      </defs>\n    </svg>\n  )\n}\n\nexport default Close\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAII,IAAAI,EAAA,6BAJJC,EAAkB,iBAElB,MAAMC,EAASC,MAEX,QAAC,OAAI,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAQ,GAAGA,EACjG,oBAAC,KAAE,YAAU,wBACX,mBAAC,QACC,EAAE,+jBACF,KAAK,eACP,EACF,KACA,OAAC,QACC,mBAAC,YAAS,GAAG,kBACX,mBAAC,QAAK,MAAM,KAAK,OAAO,KAAK,KAAK,QAAQ,EAC5C,EACF,GACF,EAIJ,IAAOL,EAAQI",
+  "names": ["Close_exports", "__export", "Close_default", "__toCommonJS", "import_jsx_runtime", "import_react", "Close", "props"]
+}

package/dist/cjs/biz-components/HeaderNavigation/icons/DownArrow.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const DownArrow: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default DownArrow;

package/dist/cjs/biz-components/HeaderNavigation/icons/DownArrow.js

@@ -0,0 +1,2 @@
+"use strict";var n=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var h=(o,t)=>{for(var e in t)n(o,e,{get:t[e],enumerable:!0})},p=(o,t,e,w)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of l(t))!d.call(o,r)&&r!==e&&n(o,r,{get:()=>t[r],enumerable:!(w=i(t,r))||w.enumerable});return o};var g=o=>p(n({},"__esModule",{value:!0}),o);var k={};h(k,{default:()=>c});module.exports=g(k);var s=require("react/jsx-runtime"),v=require("react");const a=o=>(0,s.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",...o,children:(0,s.jsx)("path",{d:"M6 9L12 15L18 9",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})});var c=a;
+//# sourceMappingURL=DownArrow.js.map

package/dist/cjs/biz-components/HeaderNavigation/icons/DownArrow.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/biz-components/HeaderNavigation/icons/DownArrow.tsx"],
+  "sourcesContent": ["import React from 'react'\n\nconst DownArrow = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n      <path d=\"M6 9L12 15L18 9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n    </svg>\n  )\n}\n\nexport default DownArrow\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAKM,IAAAI,EAAA,6BALNC,EAAkB,iBAElB,MAAMC,EAAaC,MAEf,OAAC,OAAI,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAQ,GAAGA,EACjG,mBAAC,QAAK,EAAE,kBAAkB,OAAO,eAAe,eAAa,IAAI,iBAAe,QAAQ,kBAAgB,QAAQ,EAClH,EAIJ,IAAOL,EAAQI",
+  "names": ["DownArrow_exports", "__export", "DownArrow_default", "__toCommonJS", "import_jsx_runtime", "import_react", "DownArrow", "props"]
+}

package/dist/cjs/biz-components/HeaderNavigation/icons/LeftArrow.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const LeftArrow: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default LeftArrow;

package/dist/cjs/biz-components/HeaderNavigation/icons/LeftArrow.js

@@ -0,0 +1,2 @@
+"use strict";var n=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var h=(o,t)=>{for(var r in t)n(o,r,{get:t[r],enumerable:!0})},p=(o,t,r,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of w(t))!d.call(o,e)&&e!==r&&n(o,e,{get:()=>t[e],enumerable:!(i=l(t,e))||i.enumerable});return o};var g=o=>p(n({},"__esModule",{value:!0}),o);var f={};h(f,{default:()=>c});module.exports=g(f);var s=require("react/jsx-runtime"),u=require("react");const a=o=>(0,s.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",...o,children:(0,s.jsx)("path",{d:"M15 6L9 12L15 18",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})});var c=a;
+//# sourceMappingURL=LeftArrow.js.map

package/dist/cjs/biz-components/HeaderNavigation/icons/LeftArrow.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/biz-components/HeaderNavigation/icons/LeftArrow.tsx"],
+  "sourcesContent": ["import React from 'react'\n\nconst LeftArrow = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n      <path\n        d=\"M15 6L9 12L15 18\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n    </svg>\n  )\n}\n\nexport default LeftArrow\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAKM,IAAAI,EAAA,6BALNC,EAAkB,iBAElB,MAAMC,EAAaC,MAEf,OAAC,OAAI,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAQ,GAAGA,EACjG,mBAAC,QACC,EAAE,mBACF,OAAO,eACP,eAAa,IACb,iBAAe,QACf,kBAAgB,QAClB,EACF,EAIJ,IAAOL,EAAQI",
+  "names": ["LeftArrow_exports", "__export", "LeftArrow_default", "__toCommonJS", "import_jsx_runtime", "import_react", "LeftArrow", "props"]
+}

package/dist/cjs/biz-components/HeaderNavigation/icons/LogoIine.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const LogoLine: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default LogoLine;

package/dist/cjs/biz-components/HeaderNavigation/icons/LogoLine.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const LogoLine: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default LogoLine;

package/dist/cjs/biz-components/HeaderNavigation/icons/LogoLine.js

@@ -0,0 +1,2 @@
+"use strict";var r=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var p=(o,t)=>{for(var l in t)r(o,l,{get:t[l],enumerable:!0})},s=(o,t,l,g)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of w(t))!h.call(o,e)&&e!==l&&r(o,e,{get:()=>t[e],enumerable:!(g=i(t,e))||g.enumerable});return o};var V=o=>s(r({},"__esModule",{value:!0}),o);var a={};p(a,{default:()=>v});module.exports=V(a);var n=require("react/jsx-runtime"),d=require("react");const f=o=>(0,n.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1",height:"16",viewBox:"0 0 1 16",fill:"none",...o,children:(0,n.jsx)("path",{d:"M1 0H0V16H1V0Z",fill:"currentColor"})});var v=f;
+//# sourceMappingURL=LogoLine.js.map

package/dist/cjs/biz-components/HeaderNavigation/icons/LogoLine.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/biz-components/HeaderNavigation/icons/LogoLine.tsx"],
+  "sourcesContent": ["import React from 'react'\n\nconst LogoLine = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1\" height=\"16\" viewBox=\"0 0 1 16\" fill=\"none\" {...props}>\n      <path d=\"M1 0H0V16H1V0Z\" fill=\"currentColor\" />\n    </svg>\n  )\n}\n\nexport default LogoLine\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAKM,IAAAI,EAAA,6BALNC,EAAkB,iBAElB,MAAMC,EAAYC,MAEd,OAAC,OAAI,MAAM,6BAA6B,MAAM,IAAI,OAAO,KAAK,QAAQ,WAAW,KAAK,OAAQ,GAAGA,EAC/F,mBAAC,QAAK,EAAE,iBAAiB,KAAK,eAAe,EAC/C,EAIJ,IAAOL,EAAQI",
+  "names": ["LogoLine_exports", "__export", "LogoLine_default", "__toCommonJS", "import_jsx_runtime", "import_react", "LogoLine", "props"]
+}

package/dist/cjs/biz-components/HeaderNavigation/icons/Menu.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Menu: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default Menu;

package/dist/cjs/biz-components/HeaderNavigation/icons/Menu.js

@@ -0,0 +1,2 @@
+"use strict";var w=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var o=Object.prototype.hasOwnProperty;var d=(t,e)=>{for(var i in e)w(t,i,{get:e[i],enumerable:!0})},s=(t,e,i,c)=>{if(e&&typeof e=="object"||typeof e=="function")for(let h of x(e))!o.call(t,h)&&h!==i&&w(t,h,{get:()=>e[h],enumerable:!(c=g(e,h))||c.enumerable});return t};var n=t=>s(w({},"__esModule",{value:!0}),t);var l={};d(l,{default:()=>v});module.exports=n(l);var r=require("react/jsx-runtime"),y=require("react");const p=t=>(0,r.jsxs)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...t,children:[(0,r.jsx)("rect",{x:"2.40002",y:"4.99902",width:"19.2",height:"1.8",rx:"0.9"}),(0,r.jsx)("rect",{x:"2.40002",y:"11.5991",width:"19.2",height:"1.8",rx:"0.9"}),(0,r.jsx)("rect",{x:"2.40002",y:"18.1992",width:"19.2",height:"1.8",rx:"0.9"})]});var v=p;
+//# sourceMappingURL=Menu.js.map

package/dist/cjs/biz-components/HeaderNavigation/icons/Menu.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/biz-components/HeaderNavigation/icons/Menu.tsx"],
+  "sourcesContent": ["import React from 'react'\n\nconst Menu = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n      <rect x=\"2.40002\" y=\"4.99902\" width=\"19.2\" height=\"1.8\" rx=\"0.9\"></rect>\n      <rect x=\"2.40002\" y=\"11.5991\" width=\"19.2\" height=\"1.8\" rx=\"0.9\"></rect>\n      <rect x=\"2.40002\" y=\"18.1992\" width=\"19.2\" height=\"1.8\" rx=\"0.9\"></rect>\n    </svg>\n  )\n}\n\nexport default Menu\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAII,IAAAI,EAAA,6BAJJC,EAAkB,iBAElB,MAAMC,EAAQC,MAEV,QAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,MAAM,6BAA8B,GAAGA,EACrF,oBAAC,QAAK,EAAE,UAAU,EAAE,UAAU,MAAM,OAAO,OAAO,MAAM,GAAG,MAAM,KACjE,OAAC,QAAK,EAAE,UAAU,EAAE,UAAU,MAAM,OAAO,OAAO,MAAM,GAAG,MAAM,KACjE,OAAC,QAAK,EAAE,UAAU,EAAE,UAAU,MAAM,OAAO,OAAO,MAAM,GAAG,MAAM,GACnE,EAIJ,IAAOL,EAAQI",
+  "names": ["Menu_exports", "__export", "Menu_default", "__toCommonJS", "import_jsx_runtime", "import_react", "Menu", "props"]
+}

package/dist/cjs/biz-components/HeaderNavigation/icons/RightArrow.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const RightArrow: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default RightArrow;

package/dist/cjs/biz-components/HeaderNavigation/icons/RightArrow.js

@@ -0,0 +1,2 @@
+"use strict";var n=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var d=(o,t)=>{for(var e in t)n(o,e,{get:t[e],enumerable:!0})},g=(o,t,e,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of w(t))!h.call(o,r)&&r!==e&&n(o,r,{get:()=>t[r],enumerable:!(s=l(t,r))||s.enumerable});return o};var p=o=>g(n({},"__esModule",{value:!0}),o);var k={};d(k,{default:()=>c});module.exports=p(k);var i=require("react/jsx-runtime"),v=require("react");const a=o=>(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",...o,children:(0,i.jsx)("path",{d:"M9 6L15 12L9 18",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})});var c=a;
+//# sourceMappingURL=RightArrow.js.map