@anker-in/headless-ui 1.3.21 → 1.3.22-alpha.1781754422536

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/FooterNavigation/index.tsx"],
-  "sourcesContent": ["import { useEffect, useMemo, useState } from 'react'\nimport { Text, Container, Link } from '../../components/index.js'\nimport Subscribe from '../Subscribe/index.js'\nimport type { FooterNavigationProps } from './types.js'\nimport { FooterNavigationBlockType } from './types.js'\nimport { AddIcon, SubtractIcon, ArrowRightIcon, CountryIcon } from './icons/index.js'\nimport { useMediaQuery } from 'react-responsive'\nimport { cn, getLocalizedPath } from '../../helpers/utils.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport { withLayout } from '../../shared/Styles.js'\n\nconst FooterNavigation = ({\n  data: { footer } = {},\n  currentCountry,\n  event,\n  subscribeLoading,\n  classNames,\n  className,\n  moduleIds,\n  ...rest\n}: FooterNavigationProps) => {\n  const [isMobile, setIsMobile] = useState(false)\n\n  const mediaQuery = useMediaQuery({ query: '(max-width: 1439px)' })\n\n  useEffect(() => {\n    setIsMobile(mediaQuery)\n  }, [mediaQuery])\n\n  const country = useMemo(() => {\n    return footer?.blocks?.find((block: any) => block?.blockType === FooterNavigationBlockType.Brand)?.country || {}\n  }, [footer])\n\n  return (\n    <footer {...rest} className={cn(classNames?.root, className)}>\n      <Container\n        className={cn(classNames?.child)}\n        childClassName={cn('laptop:py-16 desktop:gap-16 flex flex-col gap-8 bg-black py-8')}\n      >\n        <Text html={footer?.story} className=\"desktop:text-sm text-xs font-bold text-[#6D6D6F]\" />\n        {footer?.blocks?.map((block: any) => {\n          if (block?.blockType === FooterNavigationBlockType.Signup) {\n            return (\n              <MarketingConversion\n                key={block.id}\n                subscribeLoading={subscribeLoading}\n                data={block}\n                onSubmit={event?.signup}\n                id={moduleIds?.marketingConversion}\n              />\n            )\n          }\n          if (block?.blockType === FooterNavigationBlockType.Brand) {\n            return (\n              <FooterBrand\n                key={block?.id}\n                data={block}\n                isMobile={isMobile}\n                event={event}\n                currentCountry={currentCountry}\n                id={moduleIds?.footerBrand}\n              />\n            )\n          }\n          if (block?.blockType === FooterNavigationBlockType.Main) {\n            return (\n              <MainServices\n                key={block.id}\n                data={{ ...block, country }}\n                event={event}\n                isMobile={isMobile}\n                currentCountry={currentCountry}\n                id={moduleIds?.mainServices}\n              />\n            )\n          }\n        })}\n      </Container>\n    </footer>\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,\n  onSubmit,\n  subscribeLoading,\n  id = 'footer-marketing-conversion',\n}: {\n  data: any\n  onSubmit?: (_params: any) => void\n  subscribeLoading?: boolean\n  id?: string\n}) => {\n  const { locale = 'us' } = useAiuiContext()\n\n  return (\n    <div\n      id={id}\n      className=\"desktop:py-16 desktop:gap-16 laptop:px-8 desktop:flex-row rounded-btn flex flex-col gap-8 bg-[#1E2024] px-4 py-8\"\n    >\n      <Subscribe\n        subscribeMetadata={data?.signup}\n        className=\"desktop:flex-[744]\"\n        onSubmit={onSubmit}\n        loading={subscribeLoading}\n      />\n      <div className=\"desktop:hidden h-px w-full bg-[#3D3E3F]\" />\n      <div className=\"desktop:gap-6 laptop:flex-row desktop:flex-[792] flex flex-col gap-4\">\n        <div className=\"flex-1\">\n          <Text html={data?.enjoy?.title} className=\" text-xl font-bold leading-[1.2] text-white\" />\n          <div className=\"mt-4 flex flex-col gap-2\">\n            {data?.enjoy?.enjoys?.map((enjoyItem: any) => (\n              <div key={enjoyItem?.id} className=\"flex-start flex gap-2\">\n                <img\n                  src={enjoyItem?.icon?.url}\n                  loading=\"lazy\"\n                  alt={enjoyItem?.icon?.alt || ''}\n                  className=\"size-5 shrink-0\"\n                />\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=\"desktop:block hidden w-px bg-[#3D3E3F]\" />\n        <div className=\"flex-1\">\n          <Text html={data?.benefit?.title} className=\"text-xl font-bold leading-[1.2] text-white\" />\n          <div className=\"mt-4 flex flex-col gap-2\">\n            {data?.benefit?.benefits?.map((benefitItem: any) => (\n              <Link\n                href={`${getLocalizedPath(benefitItem?.link, locale)}?ref=footer`}\n                asChild={!benefitItem?.link}\n                key={benefitItem?.id}\n                className=\"no-underline\"\n              >\n                <Text\n                  html={benefitItem?.label}\n                  className=\"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] hover:text-white\"\n                />\n              </Link>\n            ))}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\n/**\n * MainServices \u4E3B\u5BFC\u822A\u4E0E\u670D\u52A1\u6A21\u5757\n * @param services \u670D\u52A1\n * @param mainNav \u4E3B\u5BFC\u822A\n * @param event \u4E8B\u4EF6\n * @param isMobile \u662F\u5426\u662F\u79FB\u52A8\u7AEF\n * @param currentCountry \u5F53\u524D\u56FD\u5BB6\n * @returns\n */\nconst MainServices = ({\n  data,\n  event,\n  isMobile,\n  currentCountry,\n  id = 'footer-main-services',\n}: {\n  data: any\n  event: any\n  isMobile: boolean\n  currentCountry: any\n  id?: string\n}) => {\n  const { locale = 'us' } = useAiuiContext()\n  const [mainNavMenuOpen, setMainNavMenuOpen] = useState<boolean>(false)\n  const { services, mainNav, country } = data\n  const contactSectionId = 'contact-section'\n\n  return (\n    <nav id={id} className=\"flex flex-col gap-8\" aria-label=\"Main navigation\">\n      <div\n        className={cn({\n          'desktop:gap-16 flex': services?.download?.title,\n        })}\n      >\n        <div\n          className={cn('w-full', {\n            'desktop:flex-[1260]': services?.download?.title,\n          })}\n        >\n          <Text html={services?.storeBenefits?.title} className=\" text-xl font-bold leading-[1.2] text-white\" />\n          <div\n            className={cn('laptop:flex-row desktop:gap-4 laptop:flex-wrap mt-4 flex flex-col gap-2', {\n              'desktop:max-w-[648px]': services?.download?.title,\n            })}\n          >\n            {services?.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                <img\n                  src={reasonItem?.icon?.url}\n                  loading=\"lazy\"\n                  alt={reasonItem?.icon?.alt || ''}\n                  className=\"size-5 shrink-0\"\n                />\n                <Link\n                  href={`${getLocalizedPath(reasonItem?.link, locale)}?ref=footer`}\n                  asChild={!reasonItem?.link}\n                  className=\"no-underline\"\n                >\n                  <Text\n                    html={reasonItem?.label}\n                    className=\"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA]\"\n                  />\n                </Link>\n              </div>\n            ))}\n          </div>\n        </div>\n        <DownloadApp\n          className={cn({\n            'desktop:flex-[404] hidden desktop:block': services?.download?.title,\n          })}\n          title={services?.download?.title}\n          apps={services?.download?.apps}\n        />\n      </div>\n      <div className=\"desktop:block hidden h-px bg-[#3D3E3F]\" aria-hidden=\"true\" />\n      <div className=\"desktop:grid grid-cols-4 gap-4\">\n        <MainNavMenu title={mainNav?.products?.title} lists={mainNav?.products?.products} />\n        <MainNavMenu title={mainNav?.explore?.title} lists={mainNav?.explore?.explores} />\n        <MainNavMenu title={mainNav?.support?.title} lists={mainNav?.support?.supports} />\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={mainNav?.contact?.title}\n              className=\"text-xl font-bold leading-[1.2] text-white\"\n              id={contactSectionId}\n            />\n            {isMobile && (\n              <button\n                onClick={() => setMainNavMenuOpen(!mainNavMenuOpen)}\n                aria-expanded={mainNavMenuOpen}\n                aria-controls={contactSectionId}\n                aria-label={mainNavMenuOpen ? 'Collapse contact section' : 'Expand contact section'}\n              >\n                {mainNavMenuOpen ? <SubtractIcon width={20} height={20} /> : <AddIcon width={20} height={20} />}\n              </button>\n            )}\n          </div>\n          {((mainNavMenuOpen && isMobile) || !isMobile) && (\n            <div\n              className=\"desktop:mt-4 desktop:mb-0 mb-4 flex flex-col gap-2\"\n              role=\"region\"\n              aria-labelledby={contactSectionId}\n            >\n              {mainNav?.contact?.contacts?.map((contactItem: any) => (\n                <Link\n                  key={contactItem?.id}\n                  href={contactItem?.link}\n                  className=\"group flex items-start gap-2 no-underline\"\n                >\n                  <img\n                    src={contactItem?.icon?.url}\n                    loading=\"lazy\"\n                    alt={contactItem?.icon?.alt}\n                    className=\"size-5 shrink-0 opacity-70 transition-opacity duration-200 group-hover:opacity-100\"\n                  />\n                  <Text\n                    html={contactItem?.label}\n                    className=\"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] transition-colors duration-200 group-hover:text-white\"\n                  />\n                </Link>\n              ))}\n            </div>\n          )}\n          <ChangeCountry\n            country={currentCountry || country}\n            className=\"desktop:hidden border-b border-[#3D3E3F]\"\n            isMobile={isMobile}\n            onChangeCountry={event?.country}\n          />\n          <div className=\"desktop:hidden mt-8\">\n            <DownloadApp title={services?.download?.title} apps={services?.download?.apps} />\n          </div>\n          {!!mainNav?.socials?.length && (\n            <div className=\"mt-8 flex items-center gap-2\" role=\"list\" aria-label=\"Social media links\">\n              {mainNav?.socials?.map((socialItem: any) => (\n                <Link\n                  href={`${getLocalizedPath(socialItem?.link, locale)}?ref=footer`}\n                  key={socialItem?.id}\n                  className=\"group\"\n                  role=\"listitem\"\n                  aria-label={socialItem?.icon?.alt || 'Social media'}\n                >\n                  <img\n                    src={socialItem?.icon?.url}\n                    loading=\"lazy\"\n                    alt={socialItem?.icon?.alt}\n                    className=\"size-8 shrink-0 opacity-70 transition-opacity duration-200 group-hover:opacity-100\"\n                  />\n                </Link>\n              ))}\n            </div>\n          )}\n          <div className=\"mt-4 flex flex-wrap gap-2\" role=\"list\" aria-label=\"Payment methods\">\n            {mainNav?.payment?.map((paymentItem: any) => (\n              <Link\n                href={getLocalizedPath(paymentItem?.link, locale)}\n                asChild={!paymentItem?.link}\n                key={paymentItem?.id}\n                role=\"listitem\"\n                aria-label={paymentItem?.icon?.alt || 'Payment method'}\n              >\n                <img\n                  src={paymentItem?.icon?.url}\n                  loading=\"lazy\"\n                  alt={paymentItem?.icon?.alt || ''}\n                  className=\"h-[28px] w-[44px] shrink-0\"\n                />\n              </Link>\n            ))}\n          </div>\n        </div>\n      </div>\n    </nav>\n  )\n}\n\nconst FooterBrand = ({\n  data,\n  isMobile,\n  event,\n  currentCountry,\n  id = 'footer-brand',\n}: {\n  data: any\n  isMobile: boolean\n  event: any\n  currentCountry: any\n  id?: string\n}) => {\n  const { locale = 'us' } = useAiuiContext()\n\n  return (\n    <div id={id} className=\"flex flex-col gap-4\">\n      <div className=\"desktop:items-center desktop:flex desktop:gap-4\">\n        <div className=\"laptop:flex-row laptop:items-center desktop:flex-[980] flex flex-col items-start gap-4\">\n          <Link href={`${getLocalizedPath(data?.brand?.link, locale)}?ref=footer`} asChild={!data?.brand?.link}>\n            <Text html={data?.brand?.currentBrand} className=\"cursor-pointer text-[#B6B6BA] hover:text-white\" />\n          </Link>\n          <div className=\"laptop:block laptop:mb-[10px] hidden h-[20px] w-px bg-[#B6B6BA]\" />\n          <div className=\"desktop:gap-6 flex flex-wrap items-center gap-4\">\n            {data?.brand?.brands?.map((brandItem: any) => (\n              <Link href={`${getLocalizedPath(brandItem?.link, locale)}?ref=footer`} key={brandItem?.id}>\n                <Text html={brandItem?.icon} className=\"text-[#B6B6BA] hover:text-white\" />\n              </Link>\n            ))}\n          </div>\n        </div>\n        <ChangeCountry\n          country={currentCountry || data?.country}\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={data?.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          {data?.policy?.policies?.map((policyItem: any) => (\n            <Link\n              href={`${getLocalizedPath(policyItem?.link, locale)}?ref=footer`}\n              key={policyItem?.id}\n              className=\"desktop:text-base text-xs font-bold leading-[1.4] text-[#B6B6BA] no-underline hover:text-white\"\n            >\n              {policyItem?.label}\n            </Link>\n          ))}\n          {data?.policy?.cookies && (\n            <button\n              data-cc=\"show-preferencesModal\"\n              onClick={event?.cookiesSet}\n              className=\"desktop:text-base text-xs font-bold leading-[1.4] text-[#B6B6BA] no-underline hover:text-white focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-black\"\n              aria-label={`Cookie preferences: ${data?.policy?.cookies}`}\n            >\n              {data?.policy?.cookies}\n            </button>\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nconst MainNavMenu = ({ title, lists, className }: { title: string; lists: any[]; className?: string }) => {\n  const { locale = 'us' } = useAiuiContext()\n  const [mainNavMenuOpen, setMainNavMenuOpen] = useState<boolean>(false)\n  const [isMobile, setIsMobile] = useState(false)\n\n  const mediaQuery = useMediaQuery({ query: '(max-width: 1439px)' })\n\n  useEffect(() => {\n    setIsMobile(mediaQuery)\n  }, [mediaQuery])\n\n  const sectionId = `nav-section-${title?.replace(/\\s+/g, '-').toLowerCase()}`\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=\"text-xl font-bold leading-[1.2] text-white\" id={sectionId} />\n        {isMobile && (\n          <button\n            onClick={() => setMainNavMenuOpen(!mainNavMenuOpen)}\n            aria-expanded={mainNavMenuOpen}\n            aria-controls={sectionId}\n            aria-label={mainNavMenuOpen ? `Collapse ${title}` : `Expand ${title}`}\n            className=\"focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-black\"\n          >\n            {mainNavMenuOpen ? <SubtractIcon width={20} height={20} /> : <AddIcon width={20} height={20} />}\n          </button>\n        )}\n      </div>\n      {((mainNavMenuOpen && isMobile) || !isMobile) && (\n        <nav className=\"mt-4 flex flex-col gap-2\" role=\"region\" aria-labelledby={sectionId}>\n          {lists?.map((item: any) => (\n            <Link href={`${getLocalizedPath(item?.link, locale)}?ref=footer`} key={item?.id} className=\"no-underline\">\n              <Text\n                html={item?.label}\n                className=\"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] hover:text-white\"\n              />\n            </Link>\n          ))}\n        </nav>\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  const { locale = 'us' } = useAiuiContext()\n\n  if (!apps?.length) return null\n  return (\n    <div className={className}>\n      <Text html={title} className=\" text-xl font-bold leading-[1.2] text-white\" />\n      <div className=\"mt-4 flex items-center gap-4\" role=\"list\" aria-label=\"Download apps\">\n        {apps?.map((appItem: any) => (\n          <Link\n            key={appItem?.id}\n            href={getLocalizedPath(appItem?.link, locale)}\n            className=\"group flex flex-col items-center gap-[6px]\"\n            role=\"listitem\"\n            aria-label={appItem?.icon?.alt || appItem?.label || 'Download app'}\n          >\n            <img\n              src={appItem?.icon?.url}\n              loading=\"lazy\"\n              alt={appItem?.icon?.alt}\n              className=\"size-10 shrink-0 opacity-70 transition-opacity duration-200 group-hover:opacity-100\"\n            />\n            {appItem?.label && (\n              <Text\n                html={appItem?.label}\n                className=\"text-xs font-bold text-[#999999] transition-colors duration-200 group-hover:text-white\"\n              />\n            )}\n          </Link>\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  country,\n  isMobile,\n  className,\n  onChangeCountry,\n}: {\n  country: 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      <button\n        onClick={() => onChangeCountry?.()}\n        className=\"flex w-full items-center justify-between focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-black\"\n        aria-label={`Change country/region, current: ${country?.countryName || country?.country}`}\n      >\n        <div className=\"group flex items-center gap-2\">\n          <CountryIcon\n            width={20}\n            height={20}\n            className=\"shrink-0 opacity-70 transition-opacity duration-200 group-hover:opacity-100\"\n            aria-hidden=\"true\"\n          />\n          <Text\n            as=\"span\"\n            html={country?.countryName || country?.country}\n            className=\"desktop:text-[#B6B6BA] desktop:group-hover:text-white text-base font-bold leading-[1.4] text-white transition-colors duration-200\"\n          />\n        </div>\n        {isMobile && <ArrowRightIcon width={20} height={20} aria-hidden=\"true\" />}\n      </button>\n    </div>\n  )\n}\n\nexport default withLayout(FooterNavigation)\n"],
-  "mappings": "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",
-  "names": ["FooterNavigation_exports", "__export", "FooterNavigation_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_Subscribe", "import_types", "import_icons", "import_react_responsive", "import_utils", "import_AiuiProvider", "import_Styles", "FooterNavigation", "footer", "currentCountry", "event", "subscribeLoading", "classNames", "className", "moduleIds", "rest", "isMobile", "setIsMobile", "mediaQuery", "country", "block", "MarketingConversion", "FooterBrand", "MainServices", "data", "onSubmit", "id", "locale", "Subscribe", "enjoyItem", "benefitItem", "mainNavMenuOpen", "setMainNavMenuOpen", "services", "mainNav", "contactSectionId", "reasonItem", "DownloadApp", "MainNavMenu", "contactItem", "ChangeCountry", "socialItem", "paymentItem", "brandItem", "policyItem", "title", "lists", "sectionId", "item", "apps", "appItem", "onChangeCountry"]
+  "sourcesContent": ["import { useEffect, useMemo, useState } from 'react'\nimport { Text, Container, Link } from '../../components/index.js'\nimport Subscribe from '../Subscribe/index.js'\nimport type { FooterNavigationProps } from './types.js'\nimport { FooterNavigationBlockType } from './types.js'\nimport { AddIcon, SubtractIcon, ArrowRightIcon, CountryIcon } from './icons/index.js'\nimport { useIsomorphicMediaQuery } from '../../hooks/useIsomorphicMediaQuery.js'\nimport { cn, getLocalizedPath } from '../../helpers/utils.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport { withLayout } from '../../shared/Styles.js'\n\nconst FooterNavigation = ({\n  data: { footer } = {},\n  currentCountry,\n  event,\n  subscribeLoading,\n  classNames,\n  className,\n  moduleIds,\n  ...rest\n}: FooterNavigationProps) => {\n  const [isMobile, setIsMobile] = useState(false)\n\n  const mediaQuery = useIsomorphicMediaQuery({ query: '(max-width: 1439px)' })\n\n  useEffect(() => {\n    setIsMobile(mediaQuery)\n  }, [mediaQuery])\n\n  const country = useMemo(() => {\n    return footer?.blocks?.find((block: any) => block?.blockType === FooterNavigationBlockType.Brand)?.country || {}\n  }, [footer])\n\n  return (\n    <footer {...rest} className={cn(classNames?.root, className)}>\n      <Container\n        className={cn(classNames?.child)}\n        childClassName={cn('laptop:py-16 desktop:gap-16 flex flex-col gap-8 bg-black py-8')}\n      >\n        <Text html={footer?.story} className=\"desktop:text-sm text-xs font-bold text-[#6D6D6F]\" />\n        {footer?.blocks?.map((block: any) => {\n          if (block?.blockType === FooterNavigationBlockType.Signup) {\n            return (\n              <MarketingConversion\n                key={block.id}\n                subscribeLoading={subscribeLoading}\n                data={block}\n                onSubmit={event?.signup}\n                id={moduleIds?.marketingConversion}\n              />\n            )\n          }\n          if (block?.blockType === FooterNavigationBlockType.Brand) {\n            return (\n              <FooterBrand\n                key={block?.id}\n                data={block}\n                isMobile={isMobile}\n                event={event}\n                currentCountry={currentCountry}\n                id={moduleIds?.footerBrand}\n              />\n            )\n          }\n          if (block?.blockType === FooterNavigationBlockType.Main) {\n            return (\n              <MainServices\n                key={block.id}\n                data={{ ...block, country }}\n                event={event}\n                isMobile={isMobile}\n                currentCountry={currentCountry}\n                id={moduleIds?.mainServices}\n              />\n            )\n          }\n        })}\n      </Container>\n    </footer>\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,\n  onSubmit,\n  subscribeLoading,\n  id = 'footer-marketing-conversion',\n}: {\n  data: any\n  onSubmit?: (_params: any) => void\n  subscribeLoading?: boolean\n  id?: string\n}) => {\n  const { locale = 'us' } = useAiuiContext()\n\n  return (\n    <div\n      id={id}\n      className=\"desktop:py-16 desktop:gap-16 laptop:px-8 desktop:flex-row rounded-btn flex flex-col gap-8 bg-[#1E2024] px-4 py-8\"\n    >\n      <Subscribe\n        subscribeMetadata={data?.signup}\n        className=\"desktop:flex-[744]\"\n        onSubmit={onSubmit}\n        loading={subscribeLoading}\n      />\n      <div className=\"desktop:hidden h-px w-full bg-[#3D3E3F]\" />\n      <div className=\"desktop:gap-6 laptop:flex-row desktop:flex-[792] flex flex-col gap-4\">\n        <div className=\"flex-1\">\n          <Text html={data?.enjoy?.title} className=\" text-xl font-bold leading-[1.2] text-white\" />\n          <div className=\"mt-4 flex flex-col gap-2\">\n            {data?.enjoy?.enjoys?.map((enjoyItem: any) => (\n              <div key={enjoyItem?.id} className=\"flex-start flex gap-2\">\n                <img\n                  src={enjoyItem?.icon?.url}\n                  loading=\"lazy\"\n                  alt={enjoyItem?.icon?.alt || ''}\n                  className=\"size-5 shrink-0\"\n                />\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=\"desktop:block hidden w-px bg-[#3D3E3F]\" />\n        <div className=\"flex-1\">\n          <Text html={data?.benefit?.title} className=\"text-xl font-bold leading-[1.2] text-white\" />\n          <div className=\"mt-4 flex flex-col gap-2\">\n            {data?.benefit?.benefits?.map((benefitItem: any) => (\n              <Link\n                href={getLocalizedPath(benefitItem?.link, locale, 'ref=footer')}\n                asChild={!benefitItem?.link}\n                key={benefitItem?.id}\n                className=\"no-underline\"\n              >\n                <Text\n                  html={benefitItem?.label}\n                  className=\"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] hover:text-white\"\n                />\n              </Link>\n            ))}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\n/**\n * MainServices \u4E3B\u5BFC\u822A\u4E0E\u670D\u52A1\u6A21\u5757\n * @param services \u670D\u52A1\n * @param mainNav \u4E3B\u5BFC\u822A\n * @param event \u4E8B\u4EF6\n * @param isMobile \u662F\u5426\u662F\u79FB\u52A8\u7AEF\n * @param currentCountry \u5F53\u524D\u56FD\u5BB6\n * @returns\n */\nconst MainServices = ({\n  data,\n  event,\n  isMobile,\n  currentCountry,\n  id = 'footer-main-services',\n}: {\n  data: any\n  event: any\n  isMobile: boolean\n  currentCountry: any\n  id?: string\n}) => {\n  const { locale = 'us' } = useAiuiContext()\n  const [mainNavMenuOpen, setMainNavMenuOpen] = useState<boolean>(false)\n  const { services, mainNav, country } = data\n  const contactSectionId = 'contact-section'\n\n  return (\n    <nav id={id} className=\"flex flex-col gap-8\" aria-label=\"Main navigation\">\n      <div\n        className={cn({\n          'desktop:gap-16 flex': services?.download?.title,\n        })}\n      >\n        <div\n          className={cn('w-full', {\n            'desktop:flex-[1260]': services?.download?.title,\n          })}\n        >\n          <Text html={services?.storeBenefits?.title} className=\" text-xl font-bold leading-[1.2] text-white\" />\n          <div\n            className={cn('laptop:flex-row desktop:gap-4 laptop:flex-wrap mt-4 flex flex-col gap-2', {\n              'desktop:max-w-[648px]': services?.download?.title,\n            })}\n          >\n            {services?.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                <img\n                  src={reasonItem?.icon?.url}\n                  loading=\"lazy\"\n                  alt={reasonItem?.icon?.alt || ''}\n                  className=\"size-5 shrink-0\"\n                />\n                <Link\n                  href={getLocalizedPath(reasonItem?.link, locale, 'ref=footer')}\n                  asChild={!reasonItem?.link}\n                  className=\"no-underline\"\n                >\n                  <Text\n                    html={reasonItem?.label}\n                    className=\"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA]\"\n                  />\n                </Link>\n              </div>\n            ))}\n          </div>\n        </div>\n        <DownloadApp\n          className={cn({\n            'desktop:flex-[404] hidden desktop:block': services?.download?.title,\n          })}\n          title={services?.download?.title}\n          apps={services?.download?.apps}\n        />\n      </div>\n      <div className=\"desktop:block hidden h-px bg-[#3D3E3F]\" aria-hidden=\"true\" />\n      <div className=\"desktop:grid grid-cols-4 gap-4\">\n        <MainNavMenu title={mainNav?.products?.title} lists={mainNav?.products?.products} />\n        <MainNavMenu title={mainNav?.explore?.title} lists={mainNav?.explore?.explores} />\n        <MainNavMenu title={mainNav?.support?.title} lists={mainNav?.support?.supports} />\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={mainNav?.contact?.title}\n              className=\"text-xl font-bold leading-[1.2] text-white\"\n              id={contactSectionId}\n            />\n            {isMobile && (\n              <button\n                onClick={() => setMainNavMenuOpen(!mainNavMenuOpen)}\n                aria-expanded={mainNavMenuOpen}\n                aria-controls={contactSectionId}\n                aria-label={mainNavMenuOpen ? 'Collapse contact section' : 'Expand contact section'}\n              >\n                {mainNavMenuOpen ? <SubtractIcon width={20} height={20} /> : <AddIcon width={20} height={20} />}\n              </button>\n            )}\n          </div>\n          {((mainNavMenuOpen && isMobile) || !isMobile) && (\n            <div\n              className=\"desktop:mt-4 desktop:mb-0 mb-4 flex flex-col gap-2\"\n              role=\"region\"\n              aria-labelledby={contactSectionId}\n            >\n              {mainNav?.contact?.contacts?.map((contactItem: any) => (\n                <Link\n                  key={contactItem?.id}\n                  href={contactItem?.link}\n                  className=\"group flex items-start gap-2 no-underline\"\n                >\n                  <img\n                    src={contactItem?.icon?.url}\n                    loading=\"lazy\"\n                    alt={contactItem?.icon?.alt}\n                    className=\"size-5 shrink-0 opacity-70 transition-opacity duration-200 group-hover:opacity-100\"\n                  />\n                  <Text\n                    html={contactItem?.label}\n                    className=\"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] transition-colors duration-200 group-hover:text-white\"\n                  />\n                </Link>\n              ))}\n            </div>\n          )}\n          <ChangeCountry\n            country={currentCountry || country}\n            className=\"desktop:hidden border-b border-[#3D3E3F]\"\n            isMobile={isMobile}\n            onChangeCountry={event?.country}\n          />\n          <div className=\"desktop:hidden mt-8\">\n            <DownloadApp title={services?.download?.title} apps={services?.download?.apps} />\n          </div>\n          {!!mainNav?.socials?.length && (\n            <div className=\"mt-8 flex items-center gap-2\" role=\"list\" aria-label=\"Social media links\">\n              {mainNav?.socials?.map((socialItem: any) => (\n                <Link\n                  href={getLocalizedPath(socialItem?.link, locale, 'ref=footer')}\n                  key={socialItem?.id}\n                  className=\"group\"\n                  role=\"listitem\"\n                  aria-label={socialItem?.icon?.alt || 'Social media'}\n                >\n                  <img\n                    src={socialItem?.icon?.url}\n                    loading=\"lazy\"\n                    alt={socialItem?.icon?.alt}\n                    className=\"size-8 shrink-0 opacity-70 transition-opacity duration-200 group-hover:opacity-100\"\n                  />\n                </Link>\n              ))}\n            </div>\n          )}\n          <div className=\"mt-4 flex flex-wrap gap-2\" role=\"list\" aria-label=\"Payment methods\">\n            {mainNav?.payment?.map((paymentItem: any) => (\n              <Link\n                href={getLocalizedPath(paymentItem?.link, locale)}\n                asChild={!paymentItem?.link}\n                key={paymentItem?.id}\n                role=\"listitem\"\n                aria-label={paymentItem?.icon?.alt || 'Payment method'}\n              >\n                <img\n                  src={paymentItem?.icon?.url}\n                  loading=\"lazy\"\n                  alt={paymentItem?.icon?.alt || ''}\n                  className=\"h-[28px] w-[44px] shrink-0\"\n                />\n              </Link>\n            ))}\n          </div>\n        </div>\n      </div>\n    </nav>\n  )\n}\n\nconst FooterBrand = ({\n  data,\n  isMobile,\n  event,\n  currentCountry,\n  id = 'footer-brand',\n}: {\n  data: any\n  isMobile: boolean\n  event: any\n  currentCountry: any\n  id?: string\n}) => {\n  const { locale = 'us' } = useAiuiContext()\n\n  return (\n    <div id={id} className=\"flex flex-col gap-4\">\n      <div className=\"desktop:items-center desktop:flex desktop:gap-4\">\n        <div className=\"laptop:flex-row laptop:items-center desktop:flex-[980] flex flex-col items-start gap-4\">\n          <Link href={getLocalizedPath(data?.brand?.link, locale, 'ref=footer')} asChild={!data?.brand?.link}>\n            <Text html={data?.brand?.currentBrand} className=\"cursor-pointer text-[#B6B6BA] hover:text-white\" />\n          </Link>\n          <div className=\"laptop:block laptop:mb-[10px] hidden h-[20px] w-px bg-[#B6B6BA]\" />\n          <div className=\"desktop:gap-6 flex flex-wrap items-center gap-4\">\n            {data?.brand?.brands?.map((brandItem: any) => (\n              <Link href={getLocalizedPath(brandItem?.link, locale, 'ref=footer')} key={brandItem?.id}>\n                <Text html={brandItem?.icon} className=\"text-[#B6B6BA] hover:text-white\" />\n              </Link>\n            ))}\n          </div>\n        </div>\n        <ChangeCountry\n          country={currentCountry || data?.country}\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={data?.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          {data?.policy?.policies?.map((policyItem: any) => (\n            <Link\n              href={getLocalizedPath(policyItem?.link, locale, 'ref=footer')}\n              key={policyItem?.id}\n              className=\"desktop:text-base text-xs font-bold leading-[1.4] text-[#B6B6BA] no-underline hover:text-white\"\n            >\n              {policyItem?.label}\n            </Link>\n          ))}\n          {data?.policy?.cookies && (\n            <button\n              data-cc=\"show-preferencesModal\"\n              onClick={event?.cookiesSet}\n              className=\"desktop:text-base text-xs font-bold leading-[1.4] text-[#B6B6BA] no-underline hover:text-white focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-black\"\n              aria-label={`Cookie preferences: ${data?.policy?.cookies}`}\n            >\n              {data?.policy?.cookies}\n            </button>\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nconst MainNavMenu = ({ title, lists, className }: { title: string; lists: any[]; className?: string }) => {\n  const { locale = 'us' } = useAiuiContext()\n  const [mainNavMenuOpen, setMainNavMenuOpen] = useState<boolean>(false)\n  const [isMobile, setIsMobile] = useState(false)\n\n  const mediaQuery = useIsomorphicMediaQuery({ query: '(max-width: 1439px)' })\n\n  useEffect(() => {\n    setIsMobile(mediaQuery)\n  }, [mediaQuery])\n\n  const sectionId = `nav-section-${title?.replace(/\\s+/g, '-').toLowerCase()}`\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=\"text-xl font-bold leading-[1.2] text-white\" id={sectionId} />\n        {isMobile && (\n          <button\n            onClick={() => setMainNavMenuOpen(!mainNavMenuOpen)}\n            aria-expanded={mainNavMenuOpen}\n            aria-controls={sectionId}\n            aria-label={mainNavMenuOpen ? `Collapse ${title}` : `Expand ${title}`}\n            className=\"focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-black\"\n          >\n            {mainNavMenuOpen ? <SubtractIcon width={20} height={20} /> : <AddIcon width={20} height={20} />}\n          </button>\n        )}\n      </div>\n      {((mainNavMenuOpen && isMobile) || !isMobile) && (\n        <nav className=\"mt-4 flex flex-col gap-2\" role=\"region\" aria-labelledby={sectionId}>\n          {lists?.map((item: any) => (\n            <Link href={getLocalizedPath(item?.link, locale, 'ref=footer')} key={item?.id} className=\"no-underline\">\n              <Text\n                html={item?.label}\n                className=\"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] hover:text-white\"\n              />\n            </Link>\n          ))}\n        </nav>\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  const { locale = 'us' } = useAiuiContext()\n\n  if (!apps?.length) return null\n  return (\n    <div className={className}>\n      <Text html={title} className=\" text-xl font-bold leading-[1.2] text-white\" />\n      <div className=\"mt-4 flex items-center gap-4\" role=\"list\" aria-label=\"Download apps\">\n        {apps?.map((appItem: any) => (\n          <Link\n            key={appItem?.id}\n            href={getLocalizedPath(appItem?.link, locale)}\n            className=\"group flex flex-col items-center gap-[6px]\"\n            role=\"listitem\"\n            aria-label={appItem?.icon?.alt || appItem?.label || 'Download app'}\n          >\n            <img\n              src={appItem?.icon?.url}\n              loading=\"lazy\"\n              alt={appItem?.icon?.alt}\n              className=\"size-10 shrink-0 opacity-70 transition-opacity duration-200 group-hover:opacity-100\"\n            />\n            {appItem?.label && (\n              <Text\n                html={appItem?.label}\n                className=\"text-xs font-bold text-[#999999] transition-colors duration-200 group-hover:text-white\"\n              />\n            )}\n          </Link>\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  country,\n  isMobile,\n  className,\n  onChangeCountry,\n}: {\n  country: 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      <button\n        onClick={() => onChangeCountry?.()}\n        className=\"flex w-full items-center justify-between focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-black\"\n        aria-label={`Change country/region, current: ${country?.countryName || country?.country}`}\n      >\n        <div className=\"group flex items-center gap-2\">\n          <CountryIcon\n            width={20}\n            height={20}\n            className=\"shrink-0 opacity-70 transition-opacity duration-200 group-hover:opacity-100\"\n            aria-hidden=\"true\"\n          />\n          <Text\n            as=\"span\"\n            html={country?.countryName || country?.country}\n            className=\"desktop:text-[#B6B6BA] desktop:group-hover:text-white text-base font-bold leading-[1.4] text-white transition-colors duration-200\"\n          />\n        </div>\n        {isMobile && <ArrowRightIcon width={20} height={20} aria-hidden=\"true\" />}\n      </button>\n    </div>\n  )\n}\n\nexport default withLayout(FooterNavigation)\n"],
+  "mappings": "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",
+  "names": ["FooterNavigation_exports", "__export", "FooterNavigation_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_Subscribe", "import_types", "import_icons", "import_useIsomorphicMediaQuery", "import_utils", "import_AiuiProvider", "import_Styles", "FooterNavigation", "footer", "currentCountry", "event", "subscribeLoading", "classNames", "className", "moduleIds", "rest", "isMobile", "setIsMobile", "mediaQuery", "country", "block", "MarketingConversion", "FooterBrand", "MainServices", "data", "onSubmit", "id", "locale", "Subscribe", "enjoyItem", "benefitItem", "mainNavMenuOpen", "setMainNavMenuOpen", "services", "mainNav", "contactSectionId", "reasonItem", "DownloadApp", "MainNavMenu", "contactItem", "ChangeCountry", "socialItem", "paymentItem", "brandItem", "policyItem", "title", "lists", "sectionId", "item", "apps", "appItem", "onChangeCountry"]
 }

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

@@ -3,5 +3,5 @@ import 'swiper/css';
 import 'swiper/css/navigation';
 import 'swiper/css/pagination';
 import type { GiftBoxType } from './types.js';
-declare const _default: React.ForwardRefExoticComponent<Omit<GiftBoxType, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../WheelLottery/index.js").ContainerProps & React.RefAttributes<unknown>> & {};
+declare const _default: React.ForwardRefExoticComponent<Omit<GiftBoxType, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../index.js").ContainerProps & React.RefAttributes<unknown>> & {};
 export default _default;

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { GiftShelfProps } from './types.js';
-declare const _default: React.ForwardRefExoticComponent<Omit<GiftShelfProps & React.RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../WheelLottery/index.js").ContainerProps & React.RefAttributes<unknown>> & {
+declare const _default: React.ForwardRefExoticComponent<Omit<GiftShelfProps & React.RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../index.js").ContainerProps & React.RefAttributes<unknown>> & {
     readonly $$typeof: symbol;
 };
 export default _default;

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

@@ -1,2 +1,2 @@
-"use strict";"use client";var rt=Object.create;var B=Object.defineProperty;var it=Object.getOwnPropertyDescriptor;var lt=Object.getOwnPropertyNames;var ut=Object.getPrototypeOf,ct=Object.prototype.hasOwnProperty;var dt=(t,e)=>{for(var n in e)B(t,n,{get:e[n],enumerable:!0})},U=(t,e,n,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of lt(e))!ct.call(t,r)&&r!==n&&B(t,r,{get:()=>e[r],enumerable:!(s=it(e,r))||s.enumerable});return t};var ft=(t,e,n)=>(n=t!=null?rt(ut(t)):{},U(e||!t||!t.__esModule?B(n,"default",{value:t,enumerable:!0}):n,t)),pt=t=>U(B({},"__esModule",{value:!0}),t);var bt={};dt(bt,{default:()=>xt});module.exports=pt(bt);var o=require("react/jsx-runtime"),a=ft(require("react")),p=require("../../helpers/index.js"),u=require("../../components/index.js"),b=require("class-variance-authority"),V=require("swiper/react"),Y=require("../../shared/Styles.js"),Z=require("../Listing/utils/index.js"),tt=require("../AiuiProvider/index.js"),I=require("../Listing/utils/textFormat.js");const mt=(0,b.cva)("desktop:px-6 rounded-card relative min-w-0 overflow-hidden p-4",{variants:{state:{light:"bg-[#EAEAEC]",dark:"bg-[#1E2024]"}},defaultVariants:{state:"light"}}),ht=(0,b.cva)("",{variants:{layout:{vertical:"",horizontal:"desktop:flex desktop:flex-row desktop:items-stretch desktop:gap-10"}},defaultVariants:{layout:"vertical"}}),gt=(0,b.cva)("desktop:max-w-[268px] lg-desktop:max-w-[356px] lg-desktop:h-[171px] relative mx-auto h-[118px] max-w-[256px] ",{variants:{layout:{vertical:"",horizontal:"desktop:flex-1 desktop:h-[122px] lg-desktop:h-[161px]"}},defaultVariants:{layout:"vertical"}}),wt=(0,b.cva)("mt-3",{variants:{layout:{vertical:"",horizontal:"desktop:mt-0 desktop:flex-1 desktop:flex desktop:flex-col desktop:justify-center"}},defaultVariants:{layout:"vertical"}}),St=(0,b.cva)("mt-4 self-start",{variants:{state:{light:"bg-[#080A0F] text-white",dark:"bg-white text-[#080A0F]"}},defaultVariants:{state:"light"}}),N=(0,b.cva)("",{variants:{state:{light:"text-[#080A0F]",dark:"text-white"}},defaultVariants:{state:"light"}}),q=t=>{if(!t)return;const e=[];return t.lgDesktop?.url&&e.push(`${t.lgDesktop.url} 1920`),t.desktop?.url&&e.push(`${t.desktop.url} 1439`),t.laptop?.url&&e.push(`${t.laptop.url} 1024`),t.tablet?.url&&e.push(`${t.tablet.url} 767`),t.default?.url&&e.push(t.default.url),e.length>0?e.join(", "):void 0},O=t=>t&&(t.default?.alt||t.tablet?.alt||t.laptop?.alt||t.desktop?.alt||t.lgDesktop?.alt)||"",vt=t=>{const e=Math.floor(t/3600),n=Math.floor(t%3600/60),s=t%60;return`${e.toString().padStart(2,"0")}:${n.toString().padStart(2,"0")}:${s.toString().padStart(2,"0")}`},j=t=>{if(typeof t=="number")return t;const e=new Date(t).getTime();return isNaN(e)?0:e},H=t=>{if(!t)return!1;const e=j(t.startTime),n=(t.durationDays??1)*24*3600*1e3,s=t.rounds??1,r=Date.now();if(r<e)return!1;const g=r-e,d=Math.floor(g/n)+1;if(d>s)return!1;const m=e+d*n-r,i=5*60*1e3;return m<=i&&m>0},W=(t,e)=>{if(!t||!e)return t||"";const n=j(e.startTime),s=(e.durationDays??1)*24*3600*1e3,r=e.rounds??1,g=Date.now();if(g<n){const w=new Date(n),c=`${(w.getUTCMonth()+1).toString().padStart(2,"0")}${w.getUTCDate().toString().padStart(2,"0")}`;return`${t}${c}`}const d=g-n,S=Math.min(Math.floor(d/s)+1,r),m=n+(S-1)*s,i=new Date(m),h=`${(i.getUTCMonth()+1).toString().padStart(2,"0")}${i.getUTCDate().toString().padStart(2,"0")}`;return`${t}${h}`},J=a.memo(({config:t,theme:e="light",className:n,countdownText:s="Next round start time",lastRoundText:r="Last round",beforeStartText:g="Start time",countdownIcon:d,onStateChange:S})=>{const[m,i]=a.useState(0),[h,w]=a.useState("beforeStart"),c=a.useMemo(()=>j(t.startTime),[t.startTime]),v=t.rounds??1,y=(t.durationDays??1)*24*3600*1e3;a.useEffect(()=>{const M=()=>{const k=Date.now();if(k<c){const $=Math.max(0,Math.floor((c-k)/1e3));i($),w("beforeStart");return}const P=k-c,C=Math.floor(P/y)+1;if(C>v){w("finished");return}const G=c+C*y,l=Math.max(0,Math.floor((G-k)/1e3));i(l),w(C===v?"lastRound":"running")};M();const D=setInterval(M,1e3);return()=>clearInterval(D)},[c,y,v]),a.useEffect(()=>{S?.(h)},[h,S]);const A=a.useMemo(()=>{switch(h){case"beforeStart":return g;case"lastRound":return r;default:return s}},[h,g,r,s]);return h==="finished"?null:(0,o.jsxs)("div",{className:(0,p.cn)("desktop:gap-2 laptop:text-base flex items-center gap-1 text-sm",e==="dark"?"text-white":"text-[#080A0F]",n),children:[d&&(0,o.jsx)(u.Picture,{source:d.url,alt:d.alt,className:"laptop:size-5 size-4 shrink-0",imgClassName:"size-full object-contain"}),(0,o.jsx)(u.Text,{html:A,className:"whitespace-nowrap font-bold"}),(0,o.jsx)("span",{className:"font-bold",children:"|"}),(0,o.jsx)(u.Text,{className:"font-bold",html:vt(m)})]})});J.displayName="Countdown";const K=a.memo(({progress:t,theme:e="light",className:n})=>{const s=Math.min(100,Math.max(0,t));return(0,o.jsx)("div",{className:(0,p.cn)("flex h-2 w-full items-stretch overflow-hidden rounded-full",e==="dark"?"bg-white/20":"bg-black/20",n),role:"progressbar","aria-valuenow":s,"aria-valuemin":0,"aria-valuemax":100,children:(0,o.jsx)("div",{className:(0,p.cn)("h-full rounded-full transition-all duration-300",e==="dark"?"bg-white":"bg-[#080A0F]"),style:{width:`${s}%`}})})});K.displayName="ProgressBar";const Q=a.memo(({item:t,theme:e="light",layout:n="vertical",className:s,buttonClassName:r,countdownClassName:g,onButtonClick:d,onProductImageClick:S,buildData:m,buttonText:i,remainText:h,lowStockText:w,soldOutButtonText:c,discountText:v="Only {price}",countdownText:y,countdownIcon:A,lastRoundText:M,beforeStartText:D,comingSoonButtonText:k,loading:P})=>{const{locale:C="us",currencyCode:G}=(0,tt.useAiuiContext)(),l=t.products?.[0],[$,et]=a.useState(()=>H(t.countdown)),[F,ot]=a.useState(()=>W(t.codePrefix,t.countdown)),[z,nt]=a.useState("beforeStart");a.useEffect(()=>{const x=()=>{et(H(t.countdown));const _=W(t.codePrefix,t.countdown);ot(L=>L!==_?_:L)};x();const E=setInterval(x,1e3);return()=>clearInterval(E)},[t.codePrefix,t.countdown]);const at=a.useCallback(x=>{nt(x)},[]),R=a.useMemo(()=>!l?.handle||!m?.products?.length?null:m.products.find(x=>x.handle===l.handle)||null,[l?.handle,m?.products]),f=a.useMemo(()=>R?.variants?.find(x=>x?.sku===l?.sku)||{},[l?.sku,R?.variants]),T=a.useMemo(()=>{const{price:x,basePrice:E}=(0,Z.formatVariantPrice)({locale:G==="CAD"?"us":C||"us",baseAmount:f?.price?.amount,amount:l?.custom_price??f?.price?.amount,currencyCode:R?.price?.currencyCode||"USD"});return{value:E,description:l?.custom_description,salePrice:(0,I.replaceTemplate)(v||"",{price:x})}},[R,f,C,v,l?.custom_price,l?.custom_description]),st=a.useCallback(()=>{d?.({product:l,code:F})},[d,F,l]);return(0,o.jsxs)("div",{className:(0,p.cn)(mt({state:e}),s),"data-ui-component-id":"GiftShelfCard",children:[t.countdown&&(0,o.jsx)("div",{className:"laptop:h-[24px] mb-4 h-[20px]",children:(0,o.jsx)(J,{config:t.countdown,theme:e,className:g,countdownText:y,lastRoundText:M,beforeStartText:D,countdownIcon:A,onStateChange:at})}),(0,o.jsxs)("div",{className:ht({layout:n}),children:[(0,o.jsxs)("div",{className:gt({layout:n}),children:[t.backgroundImage&&(S?(0,o.jsx)("a",{onClick:()=>l&&S(l),className:"cursor-pointer",children:(0,o.jsx)(u.Picture,{source:q(t.backgroundImage),alt:O(t.backgroundImage),className:"rounded-card size-full overflow-hidden object-cover",imgClassName:"h-full w-full object-cover"})}):(0,o.jsx)(u.Picture,{source:q(t.backgroundImage),alt:O(t.backgroundImage),className:"rounded-card size-full overflow-hidden object-cover",imgClassName:"h-full w-full object-cover"})),(0,o.jsx)("div",{className:"absolute top-1/2 z-10 w-full -translate-y-1/2 px-6",children:(0,o.jsxs)("div",{className:"flex flex-col gap-1",children:[T.value&&(0,o.jsx)(u.Heading,{html:T.value,size:4,className:(0,p.cn)("font-bold leading-none",N({state:e}))}),T.description&&(0,o.jsx)(u.Text,{html:T.description,className:(0,p.cn)("text-base font-bold opacity-60",N({state:e}))})]})})]}),(0,o.jsxs)("div",{className:wt({layout:n}),children:[T.salePrice&&(0,o.jsx)(u.Text,{as:"p",html:T.salePrice,className:(0,p.cn)("lg-desktop:text-2xl text-xl font-bold",N({state:e}))}),(0,o.jsx)(K,{progress:l?.custom_inventory?(f?.quantityAvailable||0)/l.custom_inventory*100:0,theme:e,className:(0,p.cn)("mb-1 mt-2",f?.availableForSale&&(f?.quantityAvailable??0)<=0&&"invisible")}),h&&(f?.quantityAvailable??0)>=0&&(0,o.jsx)(u.Text,{html:(0,I.replaceTemplate)(h,{inventory:l?.custom_inventory?.toString()||"",quantity:f?.quantityAvailable?.toString()||"0"}),as:"p",className:(0,p.cn)("laptop:text-base text-sm font-bold",N({state:e}))}),w&&f?.availableForSale&&(f?.quantityAvailable??0)<0&&(0,o.jsx)(u.Text,{html:w,as:"p",className:(0,p.cn)("laptop:text-base text-sm font-bold text-red-500",N({state:e}))}),(0,o.jsx)(u.Button,{size:"lg",className:(0,p.cn)(St({state:e}),r),onClick:st,disabled:!f?.availableForSale||P||$||z==="beforeStart"||z==="finished",loading:P&&f?.availableForSale,children:z==="beforeStart"?k||i:f?.availableForSale?i:c||i})]})]})]})});Q.displayName="GiftShelfCard";const X=a.forwardRef(({classNames:t={},data:e,onButtonClick:n,onProductImageClick:s,buildData:r,loading:g,...d},S)=>{const m=e.theme||"light",i=a.useMemo(()=>e?.items?.length||4,[e?.items]),h=i===2?"horizontal":"vertical",w=a.useMemo(()=>{const c=v=>{switch(v){case"mobile":return{slidesPerView:1.2,spaceBetween:12};case"tablet":return i<=2?{slidesPerView:2,spaceBetween:12}:{slidesPerView:2.5,spaceBetween:12};case"laptop":return i<=3?{slidesPerView:i,spaceBetween:16}:{slidesPerView:3.01,spaceBetween:16};case"desktop":return{slidesPerView:Math.min(i,4),spaceBetween:20}}};return{0:c("mobile"),768:c("tablet"),1025:c("laptop"),1440:c("desktop")}},[i]);return(0,o.jsx)(u.Container,{ref:S,className:(0,p.cn)(t?.root),childClassName:"overflow-hidden","data-ui-component-id":"GiftShelf",...d,children:(0,o.jsx)(V.Swiper,{breakpoints:w,className:"w-full !overflow-visible",children:e.items.map((c,v)=>(0,o.jsx)(V.SwiperSlide,{children:(0,o.jsx)(Q,{item:c,theme:m,layout:h,className:t?.card,buttonClassName:t?.button,countdownClassName:t?.countdown,onButtonClick:n,onProductImageClick:s,buildData:r,buttonText:e.buttonText,discountText:e.discountText,remainText:e.remainText,lowStockText:e.lowStockText,soldOutButtonText:e.soldOutButtonText,countdownText:e.countdownText,lastRoundText:e.lastRoundText,countdownIcon:e?.countdownIcon,beforeStartText:e.beforeStartText,comingSoonButtonText:e.comingSoonButtonText,loading:g})},"giftShelfCardItem"+v))})})});X.displayName="GiftShelf";var xt=(0,Y.withLayout)(X);
+"use strict";"use client";var at=Object.create;var B=Object.defineProperty;var st=Object.getOwnPropertyDescriptor;var rt=Object.getOwnPropertyNames;var it=Object.getPrototypeOf,lt=Object.prototype.hasOwnProperty;var ut=(t,e)=>{for(var n in e)B(t,n,{get:e[n],enumerable:!0})},U=(t,e,n,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of rt(e))!lt.call(t,r)&&r!==n&&B(t,r,{get:()=>e[r],enumerable:!(s=st(e,r))||s.enumerable});return t};var ct=(t,e,n)=>(n=t!=null?at(it(t)):{},U(e||!t||!t.__esModule?B(n,"default",{value:t,enumerable:!0}):n,t)),dt=t=>U(B({},"__esModule",{value:!0}),t);var bt={};ut(bt,{default:()=>xt});module.exports=dt(bt);var o=require("react/jsx-runtime"),a=ct(require("react")),p=require("../../helpers/index.js"),u=require("../../components/index.js"),b=require("class-variance-authority"),V=require("swiper/react"),Q=require("../../shared/Styles.js"),X=require("../Listing/utils/index.js"),Y=require("../AiuiProvider/index.js"),I=require("../Listing/utils/textFormat.js");const ft=(0,b.cva)("desktop:px-6 rounded-card relative min-w-0 overflow-hidden p-4",{variants:{state:{light:"bg-[#EAEAEC]",dark:"bg-[#1E2024]"}},defaultVariants:{state:"light"}}),pt=(0,b.cva)("",{variants:{layout:{vertical:"",horizontal:"desktop:flex desktop:flex-row desktop:items-stretch desktop:gap-10"}},defaultVariants:{layout:"vertical"}}),mt=(0,b.cva)("desktop:max-w-[268px] lg-desktop:max-w-[356px] lg-desktop:h-[171px] relative mx-auto h-[118px] max-w-[256px] ",{variants:{layout:{vertical:"",horizontal:"desktop:flex-1 desktop:h-[122px] lg-desktop:h-[161px]"}},defaultVariants:{layout:"vertical"}}),ht=(0,b.cva)("mt-3",{variants:{layout:{vertical:"",horizontal:"desktop:mt-0 desktop:flex-1 desktop:flex desktop:flex-col desktop:justify-center"}},defaultVariants:{layout:"vertical"}}),gt=(0,b.cva)("mt-4 self-start",{variants:{state:{light:"bg-[#080A0F] text-white",dark:"bg-white text-[#080A0F]"}},defaultVariants:{state:"light"}}),N=(0,b.cva)("",{variants:{state:{light:"text-[#080A0F]",dark:"text-white"}},defaultVariants:{state:"light"}}),q=t=>{if(!t)return;const e=[];return t.lgDesktop?.url&&e.push(`${t.lgDesktop.url} 1920`),t.desktop?.url&&e.push(`${t.desktop.url} 1439`),t.laptop?.url&&e.push(`${t.laptop.url} 1024`),t.tablet?.url&&e.push(`${t.tablet.url} 767`),t.default?.url&&e.push(t.default.url),e.length>0?e.join(", "):void 0},O=t=>t&&(t.default?.alt||t.tablet?.alt||t.laptop?.alt||t.desktop?.alt||t.lgDesktop?.alt)||"",wt=t=>{const e=Math.floor(t/3600),n=Math.floor(t%3600/60),s=t%60;return`${e.toString().padStart(2,"0")}:${n.toString().padStart(2,"0")}:${s.toString().padStart(2,"0")}`},j=t=>{if(typeof t=="number")return t;const e=new Date(t).getTime();return isNaN(e)?0:e},St=t=>{if(!t)return!1;const e=j(t.startTime),n=(t.durationDays??1)*24*3600*1e3,s=t.rounds??1,r=Date.now();if(r<e)return!1;const g=r-e,d=Math.floor(g/n)+1;if(d>s)return!1;const m=e+d*n-r,i=5*60*1e3;return m<=i&&m>0},vt=(t,e)=>{if(!t||!e)return t||"";const n=j(e.startTime),s=(e.durationDays??1)*24*3600*1e3,r=e.rounds??1,g=Date.now();if(g<n){const w=new Date(n),c=`${(w.getUTCMonth()+1).toString().padStart(2,"0")}${w.getUTCDate().toString().padStart(2,"0")}`;return`${t}${c}`}const d=g-n,S=Math.min(Math.floor(d/s)+1,r),m=n+(S-1)*s,i=new Date(m),h=`${(i.getUTCMonth()+1).toString().padStart(2,"0")}${i.getUTCDate().toString().padStart(2,"0")}`;return`${t}${h}`},H=a.memo(({config:t,theme:e="light",className:n,countdownText:s="Next round start time",lastRoundText:r="Last round",beforeStartText:g="Start time",countdownIcon:d,onStateChange:S})=>{const[m,i]=a.useState(0),[h,w]=a.useState("beforeStart"),c=a.useMemo(()=>j(t.startTime),[t.startTime]),v=t.rounds??1,y=(t.durationDays??1)*24*3600*1e3;a.useEffect(()=>{const M=()=>{const k=Date.now();if(k<c){const $=Math.max(0,Math.floor((c-k)/1e3));i($),w("beforeStart");return}const P=k-c,C=Math.floor(P/y)+1;if(C>v){w("finished");return}const G=c+C*y,l=Math.max(0,Math.floor((G-k)/1e3));i(l),w(C===v?"lastRound":"running")};M();const D=setInterval(M,1e3);return()=>clearInterval(D)},[c,y,v]),a.useEffect(()=>{S?.(h)},[h,S]);const A=a.useMemo(()=>{switch(h){case"beforeStart":return g;case"lastRound":return r;default:return s}},[h,g,r,s]);return h==="finished"?null:(0,o.jsxs)("div",{className:(0,p.cn)("desktop:gap-2 laptop:text-base flex items-center gap-1 text-sm",e==="dark"?"text-white":"text-[#080A0F]",n),children:[d&&(0,o.jsx)(u.Picture,{source:d.url,alt:d.alt,className:"laptop:size-5 size-4 shrink-0",imgClassName:"size-full object-contain"}),(0,o.jsx)(u.Text,{html:A,className:"whitespace-nowrap font-bold"}),(0,o.jsx)("span",{className:"font-bold",children:"|"}),(0,o.jsx)(u.Text,{className:"font-bold",html:wt(m)})]})});H.displayName="Countdown";const W=a.memo(({progress:t,theme:e="light",className:n})=>{const s=Math.min(100,Math.max(0,t));return(0,o.jsx)("div",{className:(0,p.cn)("flex h-2 w-full items-stretch overflow-hidden rounded-full",e==="dark"?"bg-white/20":"bg-black/20",n),role:"progressbar","aria-valuenow":s,"aria-valuemin":0,"aria-valuemax":100,children:(0,o.jsx)("div",{className:(0,p.cn)("h-full rounded-full transition-all duration-300",e==="dark"?"bg-white":"bg-[#080A0F]"),style:{width:`${s}%`}})})});W.displayName="ProgressBar";const J=a.memo(({item:t,theme:e="light",layout:n="vertical",className:s,buttonClassName:r,countdownClassName:g,onButtonClick:d,onProductImageClick:S,buildData:m,buttonText:i,remainText:h,lowStockText:w,soldOutButtonText:c,discountText:v="Only {price}",countdownText:y,countdownIcon:A,lastRoundText:M,beforeStartText:D,comingSoonButtonText:k,loading:P})=>{const{locale:C="us",currencyCode:G}=(0,Y.useAiuiContext)(),l=t.products?.[0],[$,Z]=a.useState(!1),[F,tt]=a.useState(""),[z,et]=a.useState("beforeStart");a.useEffect(()=>{const x=()=>{Z(St(t.countdown));const _=vt(t.codePrefix,t.countdown);tt(L=>L!==_?_:L)};x();const E=setInterval(x,1e3);return()=>clearInterval(E)},[t.codePrefix,t.countdown]);const ot=a.useCallback(x=>{et(x)},[]),R=a.useMemo(()=>!l?.handle||!m?.products?.length?null:m.products.find(x=>x.handle===l.handle)||null,[l?.handle,m?.products]),f=a.useMemo(()=>R?.variants?.find(x=>x?.sku===l?.sku)||{},[l?.sku,R?.variants]),T=a.useMemo(()=>{const{price:x,basePrice:E}=(0,X.formatVariantPrice)({locale:G==="CAD"?"us":C||"us",baseAmount:f?.price?.amount,amount:l?.custom_price??f?.price?.amount,currencyCode:R?.price?.currencyCode||"USD"});return{value:E,description:l?.custom_description,salePrice:(0,I.replaceTemplate)(v||"",{price:x})}},[R,f,C,v,l?.custom_price,l?.custom_description]),nt=a.useCallback(()=>{d?.({product:l,code:F})},[d,F,l]);return(0,o.jsxs)("div",{className:(0,p.cn)(ft({state:e}),s),"data-ui-component-id":"GiftShelfCard",children:[t.countdown&&(0,o.jsx)("div",{className:"laptop:h-[24px] mb-4 h-[20px]",children:(0,o.jsx)(H,{config:t.countdown,theme:e,className:g,countdownText:y,lastRoundText:M,beforeStartText:D,countdownIcon:A,onStateChange:ot})}),(0,o.jsxs)("div",{className:pt({layout:n}),children:[(0,o.jsxs)("div",{className:mt({layout:n}),children:[t.backgroundImage&&(S?(0,o.jsx)("a",{onClick:()=>l&&S(l),className:"cursor-pointer",children:(0,o.jsx)(u.Picture,{source:q(t.backgroundImage),alt:O(t.backgroundImage),className:"rounded-card size-full overflow-hidden object-cover",imgClassName:"h-full w-full object-cover"})}):(0,o.jsx)(u.Picture,{source:q(t.backgroundImage),alt:O(t.backgroundImage),className:"rounded-card size-full overflow-hidden object-cover",imgClassName:"h-full w-full object-cover"})),(0,o.jsx)("div",{className:"absolute top-1/2 z-10 w-full -translate-y-1/2 px-6",children:(0,o.jsxs)("div",{className:"flex flex-col gap-1",children:[T.value&&(0,o.jsx)(u.Heading,{html:T.value,size:4,className:(0,p.cn)("font-bold leading-none",N({state:e}))}),T.description&&(0,o.jsx)(u.Text,{html:T.description,className:(0,p.cn)("text-base font-bold opacity-60",N({state:e}))})]})})]}),(0,o.jsxs)("div",{className:ht({layout:n}),children:[T.salePrice&&(0,o.jsx)(u.Text,{as:"p",html:T.salePrice,className:(0,p.cn)("lg-desktop:text-2xl text-xl font-bold",N({state:e}))}),(0,o.jsx)(W,{progress:l?.custom_inventory?(f?.quantityAvailable||0)/l.custom_inventory*100:0,theme:e,className:(0,p.cn)("mb-1 mt-2",f?.availableForSale&&(f?.quantityAvailable??0)<=0&&"invisible")}),h&&(f?.quantityAvailable??0)>=0&&(0,o.jsx)(u.Text,{html:(0,I.replaceTemplate)(h,{inventory:l?.custom_inventory?.toString()||"",quantity:f?.quantityAvailable?.toString()||"0"}),as:"p",className:(0,p.cn)("laptop:text-base text-sm font-bold",N({state:e}))}),w&&f?.availableForSale&&(f?.quantityAvailable??0)<0&&(0,o.jsx)(u.Text,{html:w,as:"p",className:(0,p.cn)("laptop:text-base text-sm font-bold text-red-500",N({state:e}))}),(0,o.jsx)(u.Button,{size:"lg",className:(0,p.cn)(gt({state:e}),r),onClick:nt,disabled:!f?.availableForSale||P||$||z==="beforeStart"||z==="finished",loading:P&&f?.availableForSale,children:z==="beforeStart"?k||i:f?.availableForSale?i:c||i})]})]})]})});J.displayName="GiftShelfCard";const K=a.forwardRef(({classNames:t={},data:e,onButtonClick:n,onProductImageClick:s,buildData:r,loading:g,...d},S)=>{const m=e.theme||"light",i=a.useMemo(()=>e?.items?.length||4,[e?.items]),h=i===2?"horizontal":"vertical",w=a.useMemo(()=>{const c=v=>{switch(v){case"mobile":return{slidesPerView:1.2,spaceBetween:12};case"tablet":return i<=2?{slidesPerView:2,spaceBetween:12}:{slidesPerView:2.5,spaceBetween:12};case"laptop":return i<=3?{slidesPerView:i,spaceBetween:16}:{slidesPerView:3.01,spaceBetween:16};case"desktop":return{slidesPerView:Math.min(i,4),spaceBetween:20}}};return{0:c("mobile"),768:c("tablet"),1025:c("laptop"),1440:c("desktop")}},[i]);return(0,o.jsx)(u.Container,{ref:S,className:(0,p.cn)(t?.root),childClassName:"overflow-hidden","data-ui-component-id":"GiftShelf",...d,children:(0,o.jsx)(V.Swiper,{breakpoints:w,className:"w-full !overflow-visible",children:e.items.map((c,v)=>(0,o.jsx)(V.SwiperSlide,{children:(0,o.jsx)(J,{item:c,theme:m,layout:h,className:t?.card,buttonClassName:t?.button,countdownClassName:t?.countdown,onButtonClick:n,onProductImageClick:s,buildData:r,buttonText:e.buttonText,discountText:e.discountText,remainText:e.remainText,lowStockText:e.lowStockText,soldOutButtonText:e.soldOutButtonText,countdownText:e.countdownText,lastRoundText:e.lastRoundText,countdownIcon:e?.countdownIcon,beforeStartText:e.beforeStartText,comingSoonButtonText:e.comingSoonButtonText,loading:g})},"giftShelfCardItem"+v))})})});K.displayName="GiftShelf";var xt=(0,Q.withLayout)(K);
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/GiftShelf/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport { Text, Picture, Button, Container, Heading } from '../../components/index.js'\nimport { cva } from 'class-variance-authority'\nimport type { GiftShelfProps, GiftShelfItem, CountdownConfig, ResponsiveBackgroundImage } from './types.js'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport { withLayout } from '../../shared/Styles.js'\nimport type { Product, ProductVariant } from '../Listing/types/product.js'\nimport { formatVariantPrice } from '../Listing/utils/index.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport { replaceTemplate } from '../Listing/utils/textFormat.js'\nimport type { GiftShelfProduct } from './types.js'\nimport type { Media } from '../../types/props.js'\n\n/**\n * Card style variants for gift shelf\n */\nconst giftCardVariants = cva('desktop:px-6 rounded-card relative min-w-0 overflow-hidden p-4', {\n  variants: {\n    state: {\n      light: 'bg-[#EAEAEC]',\n      dark: 'bg-[#1E2024]',\n    },\n  },\n  defaultVariants: {\n    state: 'light',\n  },\n})\n\n/**\n * Content layout variants - \u63A7\u5236 Background image \u548C Bottom info area \u7684\u5E03\u5C40\n * horizontal \u5E03\u5C40\u4EC5\u5728 desktop (\u22651440px) \u65AD\u70B9\u751F\u6548\n */\nconst contentLayoutVariants = cva('', {\n  variants: {\n    layout: {\n      vertical: '',\n      horizontal: 'desktop:flex desktop:flex-row desktop:items-stretch desktop:gap-10',\n    },\n  },\n  defaultVariants: {\n    layout: 'vertical',\n  },\n})\n\n/**\n * Image area variants\n * horizontal \u5E03\u5C40\u4EC5\u5728 desktop (\u22651440px) \u65AD\u70B9\u751F\u6548\n */\nconst imageAreaVariants = cva(\n  'desktop:max-w-[268px] lg-desktop:max-w-[356px] lg-desktop:h-[171px] relative mx-auto h-[118px] max-w-[256px] ',\n  {\n    variants: {\n      layout: {\n        vertical: '',\n        horizontal: 'desktop:flex-1 desktop:h-[122px] lg-desktop:h-[161px]',\n      },\n    },\n    defaultVariants: {\n      layout: 'vertical',\n    },\n  }\n)\n\n/**\n * Info area variants\n * horizontal \u5E03\u5C40\u4EC5\u5728 desktop (\u22651440px) \u65AD\u70B9\u751F\u6548\n */\nconst infoAreaVariants = cva('mt-3', {\n  variants: {\n    layout: {\n      vertical: '',\n      horizontal: 'desktop:mt-0 desktop:flex-1 desktop:flex desktop:flex-col desktop:justify-center',\n    },\n  },\n  defaultVariants: {\n    layout: 'vertical',\n  },\n})\n\n/**\n * Button style variants\n */\nconst buttonVariants = cva('mt-4 self-start', {\n  variants: {\n    state: {\n      light: 'bg-[#080A0F] text-white',\n      dark: 'bg-white text-[#080A0F]',\n    },\n  },\n  defaultVariants: {\n    state: 'light',\n  },\n})\n\n/**\n * Text style variants\n */\nconst textVariants = cva('', {\n  variants: {\n    state: {\n      light: 'text-[#080A0F]',\n      dark: 'text-white',\n    },\n  },\n  defaultVariants: {\n    state: 'light',\n  },\n})\n\n/**\n * Convert ResponsiveBackgroundImage to Picture source string\n * Format: \"url1 1920, url2 1439, url3 1024, url4 767, url5\"\n */\nconst getResponsiveSource = (bgImage?: ResponsiveBackgroundImage): string | undefined => {\n  if (!bgImage) return undefined\n\n  const sources: string[] = []\n\n  // lg-desktop: \u22651920px\n  if (bgImage.lgDesktop?.url) {\n    sources.push(`${bgImage.lgDesktop.url} 1920`)\n  }\n  // desktop: \u22651440px\n  if (bgImage.desktop?.url) {\n    sources.push(`${bgImage.desktop.url} 1439`)\n  }\n  // laptop: \u22651025px\n  if (bgImage.laptop?.url) {\n    sources.push(`${bgImage.laptop.url} 1024`)\n  }\n  // tablet: \u2265768px\n  if (bgImage.tablet?.url) {\n    sources.push(`${bgImage.tablet.url} 767`)\n  }\n  // default (mobile): <768px\n  if (bgImage.default?.url) {\n    sources.push(bgImage.default.url)\n  }\n\n  return sources.length > 0 ? sources.join(', ') : undefined\n}\n\n/**\n * Get alt text from ResponsiveBackgroundImage\n */\nconst getBackgroundAlt = (bgImage?: ResponsiveBackgroundImage): string => {\n  if (!bgImage) return ''\n  return (\n    bgImage.default?.alt ||\n    bgImage.tablet?.alt ||\n    bgImage.laptop?.alt ||\n    bgImage.desktop?.alt ||\n    bgImage.lgDesktop?.alt ||\n    ''\n  )\n}\n\n/**\n * Format countdown time\n */\nconst formatTime = (seconds: number) => {\n  const hours = Math.floor(seconds / 3600)\n  const minutes = Math.floor((seconds % 3600) / 60)\n  const secs = seconds % 60\n  return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`\n}\n\n/**\n * \u89E3\u6790\u5F00\u59CB\u65F6\u95F4\uFF0C\u652F\u6301 ISO 8601 \u5B57\u7B26\u4E32\u6216\u65F6\u95F4\u6233\n */\nconst parseStartTime = (startTime: string | number): number => {\n  if (typeof startTime === 'number') {\n    return startTime\n  }\n  // \u89E3\u6790 ISO 8601 \u5B57\u7B26\u4E32\n  const parsed = new Date(startTime).getTime()\n  return isNaN(parsed) ? 0 : parsed\n}\n\n/**\n * \u8BA1\u7B97\u5F53\u524D\u662F\u5426\u5904\u4E8E\u8F6E\u6B21\u5207\u6362\u671F\uFF08\u4E0B\u4E00\u8F6E\u5F00\u59CB\u524D5\u5206\u949F\uFF09\n * @param countdown \u5012\u8BA1\u65F6\u914D\u7F6E\n * @returns \u662F\u5426\u5904\u4E8E\u5207\u6362\u671F\n */\nconst isInTransitionPeriod = (countdown?: CountdownConfig): boolean => {\n  if (!countdown) return false\n  const startTimeMs = parseStartTime(countdown.startTime)\n  const durationMs = (countdown.durationDays ?? 1) * 24 * 3600 * 1000\n  const rounds = countdown.rounds ?? 1\n  const now = Date.now()\n\n  // \u672A\u5230\u5F00\u59CB\u65F6\u95F4\n  if (now < startTimeMs) return false\n\n  // \u8BA1\u7B97\u5F53\u524D\u8F6E\u6B21\n  const elapsed = now - startTimeMs\n  const currentRound = Math.floor(elapsed / durationMs) + 1\n\n  // \u6240\u6709\u8F6E\u6B21\u5DF2\u7ED3\u675F\n  if (currentRound > rounds) return false\n\n  // \u8BA1\u7B97\u5F53\u524D\u8F6E\u6B21\u7684\u7ED3\u675F\u65F6\u95F4\n  const currentRoundEndTime = startTimeMs + currentRound * durationMs\n\n  // \u8DDD\u79BB\u5F53\u524D\u8F6E\u6B21\u7ED3\u675F\u7684\u65F6\u95F4\n  const timeUntilRoundEnd = currentRoundEndTime - now\n\n  // \u5982\u679C\u8DDD\u79BB\u7ED3\u675F\u4E0D\u52305\u5206\u949F\uFF0C\u5904\u4E8E\u5207\u6362\u671F\n  const TRANSITION_PERIOD_MS = 5 * 60 * 1000 // 5\u5206\u949F\n  return timeUntilRoundEnd <= TRANSITION_PERIOD_MS && timeUntilRoundEnd > 0\n}\n\n/**\n * \u6839\u636E\u5012\u8BA1\u65F6\u914D\u7F6E\u8BA1\u7B97\u5F53\u524D\u8F6E\u6B21\u7684 Code\n * @param codePrefix Code \u524D\u7F00\n * @param countdown \u5012\u8BA1\u65F6\u914D\u7F6E\n * @returns \u5B8C\u6574\u7684 Code\uFF08\u524D\u7F00 + MMDD \u540E\u7F00\uFF09\n * @description \u7EDF\u4E00\u4F7F\u7528 UTC \u65F6\u95F4\u8BA1\u7B97\uFF0C\u786E\u4FDD\u5168\u7403\u4EFB\u4F55\u65F6\u533A\u5F97\u5230\u76F8\u540C\u7684 code\n */\nconst getCodeWithSuffix = (codePrefix?: string, countdown?: CountdownConfig): string => {\n  if (!codePrefix || !countdown) return codePrefix || ''\n\n  const startTimeMs = parseStartTime(countdown.startTime)\n  const durationMs = (countdown.durationDays ?? 1) * 24 * 3600 * 1000\n  const rounds = countdown.rounds ?? 1\n  const now = Date.now()\n\n  // \u672A\u5230\u5F00\u59CB\u65F6\u95F4\uFF0C\u4F7F\u7528\u7B2C\u4E00\u8F6E\u7684\u65E5\u671F\uFF08UTC \u65F6\u95F4\uFF09\n  if (now < startTimeMs) {\n    const date = new Date(startTimeMs)\n    const suffix = `${(date.getUTCMonth() + 1).toString().padStart(2, '0')}${date.getUTCDate().toString().padStart(2, '0')}`\n    return `${codePrefix}${suffix}`\n  }\n\n  // \u8BA1\u7B97\u5F53\u524D\u5904\u4E8E\u7B2C\u51E0\u8F6E\uFF08\u4ECE 1 \u5F00\u59CB\uFF09\n  const elapsed = now - startTimeMs\n  const currentRound = Math.min(Math.floor(elapsed / durationMs) + 1, rounds)\n\n  // \u8BA1\u7B97\u5F53\u524D\u8F6E\u6B21\u7684\u5F00\u59CB\u65E5\u671F\n  const currentRoundStartMs = startTimeMs + (currentRound - 1) * durationMs\n  const date = new Date(currentRoundStartMs)\n\n  // \u683C\u5F0F\u5316\u4E3A MMDD\uFF08\u4F7F\u7528 UTC \u65F6\u95F4\uFF09\n  const suffix = `${(date.getUTCMonth() + 1).toString().padStart(2, '0')}${date.getUTCDate().toString().padStart(2, '0')}`\n\n  return `${codePrefix}${suffix}`\n}\n\n/**\n * \u5012\u8BA1\u65F6\u72B6\u6001\u7C7B\u578B\n */\ntype CountdownState = 'beforeStart' | 'running' | 'lastRound' | 'finished'\n\n/**\n * Countdown Component\n * \u652F\u6301\u591A\u8F6E\u5012\u8BA1\u65F6\uFF0C\u663E\u793A\u4E0D\u540C\u72B6\u6001\u7684\u6807\u7B7E\n */\nconst Countdown = React.memo(\n  ({\n    config,\n    theme = 'light',\n    className,\n    countdownText = 'Next round start time',\n    lastRoundText = 'Last round',\n    beforeStartText = 'Start time',\n    countdownIcon,\n    onStateChange,\n  }: {\n    config: CountdownConfig\n    theme?: 'light' | 'dark'\n    className?: string\n    countdownText?: string\n    lastRoundText?: string\n    beforeStartText?: string\n    countdownIcon?: Media\n    onStateChange?: (state: CountdownState) => void\n  }) => {\n    const [timeLeft, setTimeLeft] = React.useState(0)\n    const [countdownState, setCountdownState] = React.useState<CountdownState>('beforeStart')\n\n    // \u89E3\u6790\u5F00\u59CB\u65F6\u95F4\u4E3A\u65F6\u95F4\u6233\n    const startTimeMs = React.useMemo(() => parseStartTime(config.startTime), [config.startTime])\n\n    const rounds = config.rounds ?? 1\n    // \u9ED8\u8BA4 1 \u5929\uFF0C\u8F6C\u6362\u4E3A\u6BEB\u79D2 (1\u5929 = 24\u5C0F\u65F6 = 86400\u79D2 = 86400000\u6BEB\u79D2)\n    const durationMs = (config.durationDays ?? 1) * 24 * 3600 * 1000\n\n    React.useEffect(() => {\n      const calculateCountdown = () => {\n        const now = Date.now()\n\n        // \u672A\u5230\u5F00\u59CB\u65F6\u95F4\uFF0C\u663E\u793A\u5F00\u59CB\u524D\u5012\u8BA1\u65F6\n        if (now < startTimeMs) {\n          const diff = Math.max(0, Math.floor((startTimeMs - now) / 1000))\n          setTimeLeft(diff)\n          setCountdownState('beforeStart')\n          return\n        }\n\n        // \u8BA1\u7B97\u5DF2\u7ECF\u8FC7\u53BB\u7684\u65F6\u95F4\n        const elapsed = now - startTimeMs\n        // \u8BA1\u7B97\u5F53\u524D\u5904\u4E8E\u7B2C\u51E0\u8F6E\uFF08\u4ECE 1 \u5F00\u59CB\uFF09\n        const currentRound = Math.floor(elapsed / durationMs) + 1\n\n        // \u6240\u6709\u8F6E\u6B21\u5DF2\u7ED3\u675F\n        if (currentRound > rounds) {\n          setCountdownState('finished')\n          return\n        }\n\n        // \u8BA1\u7B97\u5F53\u524D\u8F6E\u6B21\u7684\u76EE\u6807\u65F6\u95F4\n        const currentRoundTargetTime = startTimeMs + currentRound * durationMs\n        // \u8BA1\u7B97\u5269\u4F59\u79D2\u6570\n        const diff = Math.max(0, Math.floor((currentRoundTargetTime - now) / 1000))\n\n        setTimeLeft(diff)\n        // \u5224\u65AD\u662F\u5426\u662F\u6700\u540E\u4E00\u8F6E\n        setCountdownState(currentRound === rounds ? 'lastRound' : 'running')\n      }\n\n      calculateCountdown()\n      const timer = setInterval(calculateCountdown, 1000)\n\n      return () => clearInterval(timer)\n    }, [startTimeMs, durationMs, rounds])\n\n    // \u901A\u77E5\u7236\u7EC4\u4EF6\u72B6\u6001\u53D8\u5316\n    React.useEffect(() => {\n      onStateChange?.(countdownState)\n    }, [countdownState, onStateChange])\n\n    // \u6839\u636E\u72B6\u6001\u83B7\u53D6\u663E\u793A\u7684\u6807\u7B7E\u6587\u672C\n    const labelText = React.useMemo(() => {\n      switch (countdownState) {\n        case 'beforeStart':\n          return beforeStartText\n        case 'lastRound':\n          return lastRoundText\n        default:\n          return countdownText\n      }\n    }, [countdownState, beforeStartText, lastRoundText, countdownText])\n\n    // \u6240\u6709\u8F6E\u6B21\u5DF2\u7ED3\u675F\uFF0C\u4E0D\u6E32\u67D3\n    if (countdownState === 'finished') {\n      return null\n    }\n\n    return (\n      <div\n        className={cn(\n          'desktop:gap-2 laptop:text-base flex items-center gap-1 text-sm',\n          theme === 'dark' ? 'text-white' : 'text-[#080A0F]',\n          className\n        )}\n      >\n        {countdownIcon && (\n          <Picture\n            source={countdownIcon.url}\n            alt={countdownIcon.alt}\n            className=\"laptop:size-5 size-4 shrink-0\"\n            imgClassName=\"size-full object-contain\"\n          />\n        )}\n        <Text html={labelText} className=\"whitespace-nowrap font-bold\" />\n        <span className=\"font-bold\">|</span>\n        <Text className=\"font-bold\" html={formatTime(timeLeft)} />\n      </div>\n    )\n  }\n)\n\nCountdown.displayName = 'Countdown'\n\n/**\n * Progress Bar Component\n */\nconst ProgressBar = React.memo(\n  ({ progress, theme = 'light', className }: { progress: number; theme?: 'light' | 'dark'; className?: string }) => {\n    // Clamp progress between 0 and 100\n    const clampedProgress = Math.min(100, Math.max(0, progress))\n\n    return (\n      <div\n        className={cn(\n          'flex h-2 w-full items-stretch overflow-hidden rounded-full',\n          theme === 'dark' ? 'bg-white/20' : 'bg-black/20',\n          className\n        )}\n        role=\"progressbar\"\n        aria-valuenow={clampedProgress}\n        aria-valuemin={0}\n        aria-valuemax={100}\n      >\n        <div\n          className={cn(\n            'h-full rounded-full transition-all duration-300',\n            theme === 'dark' ? 'bg-white' : 'bg-[#080A0F]'\n          )}\n          style={{ width: `${clampedProgress}%` }}\n        />\n      </div>\n    )\n  }\n)\n\nProgressBar.displayName = 'ProgressBar'\n\n/**\n * Gift Shelf Card Component\n */\nconst GiftShelfCard = React.memo(\n  ({\n    item,\n    theme = 'light',\n    layout = 'vertical',\n    className,\n    buttonClassName,\n    countdownClassName,\n    onButtonClick,\n    onProductImageClick,\n    buildData,\n    buttonText,\n    remainText,\n    lowStockText,\n    soldOutButtonText,\n    discountText = 'Only {price}',\n    countdownText,\n    countdownIcon,\n    lastRoundText,\n    beforeStartText,\n    comingSoonButtonText,\n    loading,\n  }: {\n    item: GiftShelfItem\n    theme?: 'light' | 'dark'\n    layout?: 'vertical' | 'horizontal'\n    className?: string\n    buttonClassName?: string\n    countdownClassName?: string\n    onButtonClick?: ({ product, code }: { product: GiftShelfProduct; code: string }) => void\n    onProductImageClick?: (product: GiftShelfProduct) => void\n    buildData?: {\n      products: Product[]\n    }\n    buttonText: string\n    remainText?: string\n    lowStockText?: string\n    soldOutButtonText?: string\n    discountText?: string\n    countdownText?: string\n    countdownIcon?: Media\n    lastRoundText?: string\n    beforeStartText?: string\n    comingSoonButtonText?: string\n    loading?: boolean\n  }) => {\n    const { locale = 'us', currencyCode } = useAiuiContext()\n    // \u83B7\u53D6\u7B2C\u4E00\u4E2A\u4EA7\u54C1\u7684\u7B80\u5316\u6570\u636E\n    const firstProduct = item.products?.[0]\n\n    // \u68C0\u6D4B\u662F\u5426\u5904\u4E8E\u8F6E\u6B21\u5207\u6362\u671F + \u5F53\u524D\u8F6E\u6B21 code\uFF08\u6BCF\u79D2\u66F4\u65B0\uFF09\n    const [isTransitioning, setIsTransitioning] = React.useState(() => isInTransitionPeriod(item.countdown))\n    const [currentCode, setCurrentCode] = React.useState(() => getCodeWithSuffix(item.codePrefix, item.countdown))\n    // \u5012\u8BA1\u65F6\u72B6\u6001\n    const [countdownState, setCountdownState] = React.useState<CountdownState>('beforeStart')\n\n    React.useEffect(() => {\n      const checkAndUpdate = () => {\n        // \u66F4\u65B0\u8F6E\u6B21\u5207\u6362\u72B6\u6001\n        setIsTransitioning(isInTransitionPeriod(item.countdown))\n        // \u66F4\u65B0\u5F53\u524D\u8F6E\u6B21 code\uFF08\u4EC5\u5728\u503C\u53D8\u5316\u65F6\u66F4\u65B0\uFF09\n        const newCode = getCodeWithSuffix(item.codePrefix, item.countdown)\n        setCurrentCode(prev => (prev !== newCode ? newCode : prev))\n      }\n\n      // \u521D\u59CB\u68C0\u67E5\n      checkAndUpdate()\n      // \u6BCF\u79D2\u68C0\u67E5\u4E00\u6B21\n      const timer = setInterval(checkAndUpdate, 1000)\n\n      return () => clearInterval(timer)\n    }, [item.codePrefix, item.countdown])\n\n    // \u5012\u8BA1\u65F6\u72B6\u6001\u53D8\u5316\u56DE\u8C03\n    const handleCountdownStateChange = React.useCallback((state: CountdownState) => {\n      setCountdownState(state)\n    }, [])\n\n    // \u901A\u8FC7 handle \u5339\u914D buildData \u4E2D\u7684\u5B8C\u6574\u4EA7\u54C1\u6570\u636E\n    const fullProduct = React.useMemo(() => {\n      if (!firstProduct?.handle || !buildData?.products?.length) return null\n      return buildData.products.find(p => p.handle === firstProduct.handle) || null\n    }, [firstProduct?.handle, buildData?.products])\n\n    const fullProductVariant = React.useMemo(\n      () => fullProduct?.variants?.find(variant => variant?.sku === firstProduct?.sku) || ({} as ProductVariant),\n      [firstProduct?.sku, fullProduct?.variants]\n    )\n\n    // \u7EC4\u5408\u5C55\u793A\u6570\u636E\uFF08\u4F18\u5148\u4F7F\u7528\u8BE6\u7EC6\u6570\u636E\uFF0C\u56DE\u9000\u5230\u7B80\u5316\u6570\u636E\uFF09\n    const displayData = React.useMemo(() => {\n      const { price, basePrice } = formatVariantPrice({\n        locale: currencyCode === 'CAD' ? 'us' : locale || 'us',\n        baseAmount: fullProductVariant?.price?.amount,\n        amount: firstProduct?.custom_price ?? fullProductVariant?.price?.amount,\n        currencyCode: fullProduct?.price?.currencyCode || 'USD',\n      })\n\n      return {\n        // \u4E3B\u4EF7\u683C/\u4EF7\u503C\u5C55\u793A\uFF1A\u6709\u8BE6\u7EC6\u6570\u636E\u65F6\u663E\u793A\u4EF7\u683C\uFF0C\u5426\u5219\u663E\u793A\u4EA7\u54C1\u540D\n        value: basePrice,\n        // \u4EA7\u54C1\u63CF\u8FF0/\u6807\u9898\uFF1A\u6709\u8BE6\u7EC6\u6570\u636E\u65F6\u663E\u793A\u6807\u9898\uFF0C\u5426\u5219\u4E3A\u7A7A\uFF08\u907F\u514D\u91CD\u590D\u663E\u793A\uFF09\n        description: firstProduct?.custom_description,\n        // \u4F18\u60E0\u4EF7\u683C\n        salePrice: replaceTemplate(discountText || '', {\n          price,\n        }),\n      }\n    }, [\n      fullProduct,\n      fullProductVariant,\n      locale,\n      discountText,\n      firstProduct?.custom_price,\n      firstProduct?.custom_description,\n    ])\n\n    const handleClick = React.useCallback(() => {\n      onButtonClick?.({ product: firstProduct, code: currentCode })\n    }, [onButtonClick, currentCode, firstProduct])\n\n    return (\n      <div className={cn(giftCardVariants({ state: theme }), className)} data-ui-component-id=\"GiftShelfCard\">\n        {/* Countdown section - above the card content (only in vertical layout) */}\n        {item.countdown && (\n          <div className=\"laptop:h-[24px] mb-4 h-[20px]\">\n            <Countdown\n              config={item.countdown}\n              theme={theme}\n              className={countdownClassName}\n              countdownText={countdownText}\n              lastRoundText={lastRoundText}\n              beforeStartText={beforeStartText}\n              countdownIcon={countdownIcon}\n              onStateChange={handleCountdownStateChange}\n            />\n          </div>\n        )}\n\n        {/* Content layout wrapper - \u63A7\u5236 Background image \u548C Bottom info area \u7684\u5E03\u5C40 */}\n        <div className={contentLayoutVariants({ layout })}>\n          {/* Background image - responsive across 5 breakpoints */}\n          <div className={imageAreaVariants({ layout })}>\n            {item.backgroundImage &&\n              (onProductImageClick ? (\n                <a onClick={() => firstProduct && onProductImageClick(firstProduct)} className=\"cursor-pointer\">\n                  <Picture\n                    source={getResponsiveSource(item.backgroundImage)}\n                    alt={getBackgroundAlt(item.backgroundImage)}\n                    className=\"rounded-card size-full overflow-hidden object-cover\"\n                    imgClassName=\"h-full w-full object-cover\"\n                  />\n                </a>\n              ) : (\n                <Picture\n                  source={getResponsiveSource(item.backgroundImage)}\n                  alt={getBackgroundAlt(item.backgroundImage)}\n                  className=\"rounded-card size-full overflow-hidden object-cover\"\n                  imgClassName=\"h-full w-full object-cover\"\n                />\n              ))}\n            {/* Card content area */}\n            <div className=\"absolute top-1/2 z-10 w-full -translate-y-1/2 px-6\">\n              {/* Value and description */}\n              <div className=\"flex flex-col gap-1\">\n                {/* Main value display */}\n                {displayData.value && (\n                  <Heading\n                    html={displayData.value}\n                    size={4}\n                    className={cn('font-bold leading-none', textVariants({ state: theme }))}\n                  />\n                )}\n\n                {/* Description */}\n                {displayData.description && (\n                  <Text\n                    html={displayData.description}\n                    className={cn('text-base font-bold opacity-60', textVariants({ state: theme }))}\n                  />\n                )}\n              </div>\n            </div>\n          </div>\n\n          {/* Bottom/Right info area */}\n          <div className={infoAreaVariants({ layout })}>\n            {/* Sale price */}\n            {displayData.salePrice && (\n              <Text\n                as=\"p\"\n                html={displayData.salePrice}\n                className={cn('lg-desktop:text-2xl text-xl font-bold', textVariants({ state: theme }))}\n              />\n            )}\n\n            {/* Progress bar - \u8D85\u5356\u65F6\u9690\u85CF\uFF08availableForSale=true \u4E14 quantityAvailable<=0\uFF09 */}\n            <ProgressBar\n              progress={\n                firstProduct?.custom_inventory\n                  ? ((fullProductVariant?.quantityAvailable || 0) / firstProduct.custom_inventory) * 100\n                  : 0\n              }\n              theme={theme}\n              className={cn(\n                'mb-1 mt-2',\n                fullProductVariant?.availableForSale && (fullProductVariant?.quantityAvailable ?? 0) <= 0 && 'invisible'\n              )}\n            />\n\n            {/* Remain text - \u6B63\u5E38\u5E93\u5B58\u63D0\u793A */}\n            {remainText && (fullProductVariant?.quantityAvailable ?? 0) >= 0 && (\n              <Text\n                html={replaceTemplate(remainText, {\n                  inventory: firstProduct?.custom_inventory?.toString() || '',\n                  quantity: fullProductVariant?.quantityAvailable?.toString() || '0',\n                })}\n                as=\"p\"\n                className={cn('laptop:text-base text-sm font-bold', textVariants({ state: theme }))}\n              />\n            )}\n\n            {/* Low stock text - \u652F\u6301\u8D85\u5356\u65F6\u663E\u793A\uFF08availableForSale=true \u4F46 quantityAvailable<=0\uFF09 */}\n            {lowStockText &&\n              fullProductVariant?.availableForSale &&\n              (fullProductVariant?.quantityAvailable ?? 0) < 0 && (\n                <Text\n                  html={lowStockText}\n                  as=\"p\"\n                  className={cn('laptop:text-base text-sm font-bold text-red-500', textVariants({ state: theme }))}\n                />\n              )}\n\n            {/* Action button */}\n            <Button\n              size=\"lg\"\n              className={cn(buttonVariants({ state: theme }), buttonClassName)}\n              onClick={handleClick}\n              disabled={\n                !fullProductVariant?.availableForSale ||\n                loading ||\n                isTransitioning ||\n                countdownState === 'beforeStart' ||\n                countdownState === 'finished'\n              }\n              loading={loading && fullProductVariant?.availableForSale}\n            >\n              {countdownState === 'beforeStart'\n                ? comingSoonButtonText || buttonText\n                : fullProductVariant?.availableForSale\n                  ? buttonText\n                  : soldOutButtonText || buttonText}\n            </Button>\n          </div>\n        </div>\n      </div>\n    )\n  }\n)\n\nGiftShelfCard.displayName = 'GiftShelfCard'\n\n/**\n * GiftShelf - Gift/Promotion Shelf Component\n *\n * @description Display gift cards with countdown, pricing, and purchase buttons\n */\nconst GiftShelf = React.forwardRef<HTMLDivElement, GiftShelfProps>(\n  ({ classNames = {}, data, onButtonClick, onProductImageClick, buildData, loading, ...rest }, ref) => {\n    const theme = data.theme || 'light'\n\n    const itemsPerRow = React.useMemo(() => {\n      return data?.items?.length || 4\n    }, [data?.items])\n\n    // \u5F53\u5361\u7247\u6570\u91CF\u4E3A 2 \u65F6\u4F7F\u7528\u6C34\u5E73\u5E03\u5C40\uFF0C\u5426\u5219\u4F7F\u7528\u5782\u76F4\u5E03\u5C40\n    const cardLayout = itemsPerRow === 2 ? 'horizontal' : 'vertical'\n\n    const swiperBreakpoints = React.useMemo(() => {\n      const getBreakpointConfig = (breakpoint: 'mobile' | 'tablet' | 'laptop' | 'desktop') => {\n        switch (breakpoint) {\n          case 'mobile':\n            return { slidesPerView: 1.2, spaceBetween: 12 }\n          case 'tablet':\n            if (itemsPerRow <= 2) return { slidesPerView: 2, spaceBetween: 12 }\n            return { slidesPerView: 2.5, spaceBetween: 12 }\n          case 'laptop':\n            if (itemsPerRow <= 3) return { slidesPerView: itemsPerRow, spaceBetween: 16 }\n            return { slidesPerView: 3.01, spaceBetween: 16 }\n          case 'desktop':\n            return { slidesPerView: Math.min(itemsPerRow, 4), spaceBetween: 20 }\n        }\n      }\n\n      return {\n        0: getBreakpointConfig('mobile'),\n        768: getBreakpointConfig('tablet'),\n        1025: getBreakpointConfig('laptop'),\n        1440: getBreakpointConfig('desktop'),\n      }\n    }, [itemsPerRow])\n\n    return (\n      <Container\n        ref={ref}\n        className={cn(classNames?.root)}\n        childClassName=\"overflow-hidden\"\n        data-ui-component-id=\"GiftShelf\"\n        {...rest}\n      >\n        {/* Cards swiper */}\n        <Swiper breakpoints={swiperBreakpoints} className=\"w-full !overflow-visible\">\n          {data.items.map((item, index) => (\n            <SwiperSlide key={'giftShelfCardItem' + index}>\n              <GiftShelfCard\n                item={item}\n                theme={theme}\n                layout={cardLayout}\n                className={classNames?.card}\n                buttonClassName={classNames?.button}\n                countdownClassName={classNames?.countdown}\n                onButtonClick={onButtonClick}\n                onProductImageClick={onProductImageClick}\n                buildData={buildData}\n                buttonText={data.buttonText}\n                discountText={data.discountText}\n                remainText={data.remainText}\n                lowStockText={data.lowStockText}\n                soldOutButtonText={data.soldOutButtonText}\n                countdownText={data.countdownText}\n                lastRoundText={data.lastRoundText}\n                countdownIcon={data?.countdownIcon}\n                beforeStartText={data.beforeStartText}\n                comingSoonButtonText={data.comingSoonButtonText}\n                loading={loading}\n              />\n            </SwiperSlide>\n          ))}\n        </Swiper>\n      </Container>\n    )\n  }\n)\n\nGiftShelf.displayName = 'GiftShelf'\n\nexport default withLayout(GiftShelf)\nexport type {\n  GiftShelfProps,\n  GiftShelfData,\n  GiftShelfItem,\n  GiftShelfProduct,\n  CountdownConfig,\n  ResponsiveBackgroundImage,\n} from './types.js'\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport { Text, Picture, Button, Container, Heading } from '../../components/index.js'\nimport { cva } from 'class-variance-authority'\nimport type { GiftShelfProps, GiftShelfItem, CountdownConfig, ResponsiveBackgroundImage } from './types.js'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport { withLayout } from '../../shared/Styles.js'\nimport type { Product, ProductVariant } from '../Listing/types/product.js'\nimport { formatVariantPrice } from '../Listing/utils/index.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport { replaceTemplate } from '../Listing/utils/textFormat.js'\nimport type { GiftShelfProduct } from './types.js'\nimport type { Media } from '../../types/props.js'\n\n/**\n * Card style variants for gift shelf\n */\nconst giftCardVariants = cva('desktop:px-6 rounded-card relative min-w-0 overflow-hidden p-4', {\n  variants: {\n    state: {\n      light: 'bg-[#EAEAEC]',\n      dark: 'bg-[#1E2024]',\n    },\n  },\n  defaultVariants: {\n    state: 'light',\n  },\n})\n\n/**\n * Content layout variants - \u63A7\u5236 Background image \u548C Bottom info area \u7684\u5E03\u5C40\n * horizontal \u5E03\u5C40\u4EC5\u5728 desktop (\u22651440px) \u65AD\u70B9\u751F\u6548\n */\nconst contentLayoutVariants = cva('', {\n  variants: {\n    layout: {\n      vertical: '',\n      horizontal: 'desktop:flex desktop:flex-row desktop:items-stretch desktop:gap-10',\n    },\n  },\n  defaultVariants: {\n    layout: 'vertical',\n  },\n})\n\n/**\n * Image area variants\n * horizontal \u5E03\u5C40\u4EC5\u5728 desktop (\u22651440px) \u65AD\u70B9\u751F\u6548\n */\nconst imageAreaVariants = cva(\n  'desktop:max-w-[268px] lg-desktop:max-w-[356px] lg-desktop:h-[171px] relative mx-auto h-[118px] max-w-[256px] ',\n  {\n    variants: {\n      layout: {\n        vertical: '',\n        horizontal: 'desktop:flex-1 desktop:h-[122px] lg-desktop:h-[161px]',\n      },\n    },\n    defaultVariants: {\n      layout: 'vertical',\n    },\n  }\n)\n\n/**\n * Info area variants\n * horizontal \u5E03\u5C40\u4EC5\u5728 desktop (\u22651440px) \u65AD\u70B9\u751F\u6548\n */\nconst infoAreaVariants = cva('mt-3', {\n  variants: {\n    layout: {\n      vertical: '',\n      horizontal: 'desktop:mt-0 desktop:flex-1 desktop:flex desktop:flex-col desktop:justify-center',\n    },\n  },\n  defaultVariants: {\n    layout: 'vertical',\n  },\n})\n\n/**\n * Button style variants\n */\nconst buttonVariants = cva('mt-4 self-start', {\n  variants: {\n    state: {\n      light: 'bg-[#080A0F] text-white',\n      dark: 'bg-white text-[#080A0F]',\n    },\n  },\n  defaultVariants: {\n    state: 'light',\n  },\n})\n\n/**\n * Text style variants\n */\nconst textVariants = cva('', {\n  variants: {\n    state: {\n      light: 'text-[#080A0F]',\n      dark: 'text-white',\n    },\n  },\n  defaultVariants: {\n    state: 'light',\n  },\n})\n\n/**\n * Convert ResponsiveBackgroundImage to Picture source string\n * Format: \"url1 1920, url2 1439, url3 1024, url4 767, url5\"\n */\nconst getResponsiveSource = (bgImage?: ResponsiveBackgroundImage): string | undefined => {\n  if (!bgImage) return undefined\n\n  const sources: string[] = []\n\n  // lg-desktop: \u22651920px\n  if (bgImage.lgDesktop?.url) {\n    sources.push(`${bgImage.lgDesktop.url} 1920`)\n  }\n  // desktop: \u22651440px\n  if (bgImage.desktop?.url) {\n    sources.push(`${bgImage.desktop.url} 1439`)\n  }\n  // laptop: \u22651025px\n  if (bgImage.laptop?.url) {\n    sources.push(`${bgImage.laptop.url} 1024`)\n  }\n  // tablet: \u2265768px\n  if (bgImage.tablet?.url) {\n    sources.push(`${bgImage.tablet.url} 767`)\n  }\n  // default (mobile): <768px\n  if (bgImage.default?.url) {\n    sources.push(bgImage.default.url)\n  }\n\n  return sources.length > 0 ? sources.join(', ') : undefined\n}\n\n/**\n * Get alt text from ResponsiveBackgroundImage\n */\nconst getBackgroundAlt = (bgImage?: ResponsiveBackgroundImage): string => {\n  if (!bgImage) return ''\n  return (\n    bgImage.default?.alt ||\n    bgImage.tablet?.alt ||\n    bgImage.laptop?.alt ||\n    bgImage.desktop?.alt ||\n    bgImage.lgDesktop?.alt ||\n    ''\n  )\n}\n\n/**\n * Format countdown time\n */\nconst formatTime = (seconds: number) => {\n  const hours = Math.floor(seconds / 3600)\n  const minutes = Math.floor((seconds % 3600) / 60)\n  const secs = seconds % 60\n  return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`\n}\n\n/**\n * \u89E3\u6790\u5F00\u59CB\u65F6\u95F4\uFF0C\u652F\u6301 ISO 8601 \u5B57\u7B26\u4E32\u6216\u65F6\u95F4\u6233\n */\nconst parseStartTime = (startTime: string | number): number => {\n  if (typeof startTime === 'number') {\n    return startTime\n  }\n  // \u89E3\u6790 ISO 8601 \u5B57\u7B26\u4E32\n  const parsed = new Date(startTime).getTime()\n  return isNaN(parsed) ? 0 : parsed\n}\n\n/**\n * \u8BA1\u7B97\u5F53\u524D\u662F\u5426\u5904\u4E8E\u8F6E\u6B21\u5207\u6362\u671F\uFF08\u4E0B\u4E00\u8F6E\u5F00\u59CB\u524D5\u5206\u949F\uFF09\n * @param countdown \u5012\u8BA1\u65F6\u914D\u7F6E\n * @returns \u662F\u5426\u5904\u4E8E\u5207\u6362\u671F\n */\nconst isInTransitionPeriod = (countdown?: CountdownConfig): boolean => {\n  if (!countdown) return false\n  const startTimeMs = parseStartTime(countdown.startTime)\n  const durationMs = (countdown.durationDays ?? 1) * 24 * 3600 * 1000\n  const rounds = countdown.rounds ?? 1\n  const now = Date.now()\n\n  // \u672A\u5230\u5F00\u59CB\u65F6\u95F4\n  if (now < startTimeMs) return false\n\n  // \u8BA1\u7B97\u5F53\u524D\u8F6E\u6B21\n  const elapsed = now - startTimeMs\n  const currentRound = Math.floor(elapsed / durationMs) + 1\n\n  // \u6240\u6709\u8F6E\u6B21\u5DF2\u7ED3\u675F\n  if (currentRound > rounds) return false\n\n  // \u8BA1\u7B97\u5F53\u524D\u8F6E\u6B21\u7684\u7ED3\u675F\u65F6\u95F4\n  const currentRoundEndTime = startTimeMs + currentRound * durationMs\n\n  // \u8DDD\u79BB\u5F53\u524D\u8F6E\u6B21\u7ED3\u675F\u7684\u65F6\u95F4\n  const timeUntilRoundEnd = currentRoundEndTime - now\n\n  // \u5982\u679C\u8DDD\u79BB\u7ED3\u675F\u4E0D\u52305\u5206\u949F\uFF0C\u5904\u4E8E\u5207\u6362\u671F\n  const TRANSITION_PERIOD_MS = 5 * 60 * 1000 // 5\u5206\u949F\n  return timeUntilRoundEnd <= TRANSITION_PERIOD_MS && timeUntilRoundEnd > 0\n}\n\n/**\n * \u6839\u636E\u5012\u8BA1\u65F6\u914D\u7F6E\u8BA1\u7B97\u5F53\u524D\u8F6E\u6B21\u7684 Code\n * @param codePrefix Code \u524D\u7F00\n * @param countdown \u5012\u8BA1\u65F6\u914D\u7F6E\n * @returns \u5B8C\u6574\u7684 Code\uFF08\u524D\u7F00 + MMDD \u540E\u7F00\uFF09\n * @description \u7EDF\u4E00\u4F7F\u7528 UTC \u65F6\u95F4\u8BA1\u7B97\uFF0C\u786E\u4FDD\u5168\u7403\u4EFB\u4F55\u65F6\u533A\u5F97\u5230\u76F8\u540C\u7684 code\n */\nconst getCodeWithSuffix = (codePrefix?: string, countdown?: CountdownConfig): string => {\n  if (!codePrefix || !countdown) return codePrefix || ''\n\n  const startTimeMs = parseStartTime(countdown.startTime)\n  const durationMs = (countdown.durationDays ?? 1) * 24 * 3600 * 1000\n  const rounds = countdown.rounds ?? 1\n  const now = Date.now()\n\n  // \u672A\u5230\u5F00\u59CB\u65F6\u95F4\uFF0C\u4F7F\u7528\u7B2C\u4E00\u8F6E\u7684\u65E5\u671F\uFF08UTC \u65F6\u95F4\uFF09\n  if (now < startTimeMs) {\n    const date = new Date(startTimeMs)\n    const suffix = `${(date.getUTCMonth() + 1).toString().padStart(2, '0')}${date.getUTCDate().toString().padStart(2, '0')}`\n    return `${codePrefix}${suffix}`\n  }\n\n  // \u8BA1\u7B97\u5F53\u524D\u5904\u4E8E\u7B2C\u51E0\u8F6E\uFF08\u4ECE 1 \u5F00\u59CB\uFF09\n  const elapsed = now - startTimeMs\n  const currentRound = Math.min(Math.floor(elapsed / durationMs) + 1, rounds)\n\n  // \u8BA1\u7B97\u5F53\u524D\u8F6E\u6B21\u7684\u5F00\u59CB\u65E5\u671F\n  const currentRoundStartMs = startTimeMs + (currentRound - 1) * durationMs\n  const date = new Date(currentRoundStartMs)\n\n  // \u683C\u5F0F\u5316\u4E3A MMDD\uFF08\u4F7F\u7528 UTC \u65F6\u95F4\uFF09\n  const suffix = `${(date.getUTCMonth() + 1).toString().padStart(2, '0')}${date.getUTCDate().toString().padStart(2, '0')}`\n\n  return `${codePrefix}${suffix}`\n}\n\n/**\n * \u5012\u8BA1\u65F6\u72B6\u6001\u7C7B\u578B\n */\ntype CountdownState = 'beforeStart' | 'running' | 'lastRound' | 'finished'\n\n/**\n * Countdown Component\n * \u652F\u6301\u591A\u8F6E\u5012\u8BA1\u65F6\uFF0C\u663E\u793A\u4E0D\u540C\u72B6\u6001\u7684\u6807\u7B7E\n */\nconst Countdown = React.memo(\n  ({\n    config,\n    theme = 'light',\n    className,\n    countdownText = 'Next round start time',\n    lastRoundText = 'Last round',\n    beforeStartText = 'Start time',\n    countdownIcon,\n    onStateChange,\n  }: {\n    config: CountdownConfig\n    theme?: 'light' | 'dark'\n    className?: string\n    countdownText?: string\n    lastRoundText?: string\n    beforeStartText?: string\n    countdownIcon?: Media\n    onStateChange?: (state: CountdownState) => void\n  }) => {\n    const [timeLeft, setTimeLeft] = React.useState(0)\n    const [countdownState, setCountdownState] = React.useState<CountdownState>('beforeStart')\n\n    // \u89E3\u6790\u5F00\u59CB\u65F6\u95F4\u4E3A\u65F6\u95F4\u6233\n    const startTimeMs = React.useMemo(() => parseStartTime(config.startTime), [config.startTime])\n\n    const rounds = config.rounds ?? 1\n    // \u9ED8\u8BA4 1 \u5929\uFF0C\u8F6C\u6362\u4E3A\u6BEB\u79D2 (1\u5929 = 24\u5C0F\u65F6 = 86400\u79D2 = 86400000\u6BEB\u79D2)\n    const durationMs = (config.durationDays ?? 1) * 24 * 3600 * 1000\n\n    React.useEffect(() => {\n      const calculateCountdown = () => {\n        const now = Date.now()\n\n        // \u672A\u5230\u5F00\u59CB\u65F6\u95F4\uFF0C\u663E\u793A\u5F00\u59CB\u524D\u5012\u8BA1\u65F6\n        if (now < startTimeMs) {\n          const diff = Math.max(0, Math.floor((startTimeMs - now) / 1000))\n          setTimeLeft(diff)\n          setCountdownState('beforeStart')\n          return\n        }\n\n        // \u8BA1\u7B97\u5DF2\u7ECF\u8FC7\u53BB\u7684\u65F6\u95F4\n        const elapsed = now - startTimeMs\n        // \u8BA1\u7B97\u5F53\u524D\u5904\u4E8E\u7B2C\u51E0\u8F6E\uFF08\u4ECE 1 \u5F00\u59CB\uFF09\n        const currentRound = Math.floor(elapsed / durationMs) + 1\n\n        // \u6240\u6709\u8F6E\u6B21\u5DF2\u7ED3\u675F\n        if (currentRound > rounds) {\n          setCountdownState('finished')\n          return\n        }\n\n        // \u8BA1\u7B97\u5F53\u524D\u8F6E\u6B21\u7684\u76EE\u6807\u65F6\u95F4\n        const currentRoundTargetTime = startTimeMs + currentRound * durationMs\n        // \u8BA1\u7B97\u5269\u4F59\u79D2\u6570\n        const diff = Math.max(0, Math.floor((currentRoundTargetTime - now) / 1000))\n\n        setTimeLeft(diff)\n        // \u5224\u65AD\u662F\u5426\u662F\u6700\u540E\u4E00\u8F6E\n        setCountdownState(currentRound === rounds ? 'lastRound' : 'running')\n      }\n\n      calculateCountdown()\n      const timer = setInterval(calculateCountdown, 1000)\n\n      return () => clearInterval(timer)\n    }, [startTimeMs, durationMs, rounds])\n\n    // \u901A\u77E5\u7236\u7EC4\u4EF6\u72B6\u6001\u53D8\u5316\n    React.useEffect(() => {\n      onStateChange?.(countdownState)\n    }, [countdownState, onStateChange])\n\n    // \u6839\u636E\u72B6\u6001\u83B7\u53D6\u663E\u793A\u7684\u6807\u7B7E\u6587\u672C\n    const labelText = React.useMemo(() => {\n      switch (countdownState) {\n        case 'beforeStart':\n          return beforeStartText\n        case 'lastRound':\n          return lastRoundText\n        default:\n          return countdownText\n      }\n    }, [countdownState, beforeStartText, lastRoundText, countdownText])\n\n    // \u6240\u6709\u8F6E\u6B21\u5DF2\u7ED3\u675F\uFF0C\u4E0D\u6E32\u67D3\n    if (countdownState === 'finished') {\n      return null\n    }\n\n    return (\n      <div\n        className={cn(\n          'desktop:gap-2 laptop:text-base flex items-center gap-1 text-sm',\n          theme === 'dark' ? 'text-white' : 'text-[#080A0F]',\n          className\n        )}\n      >\n        {countdownIcon && (\n          <Picture\n            source={countdownIcon.url}\n            alt={countdownIcon.alt}\n            className=\"laptop:size-5 size-4 shrink-0\"\n            imgClassName=\"size-full object-contain\"\n          />\n        )}\n        <Text html={labelText} className=\"whitespace-nowrap font-bold\" />\n        <span className=\"font-bold\">|</span>\n        <Text className=\"font-bold\" html={formatTime(timeLeft)} />\n      </div>\n    )\n  }\n)\n\nCountdown.displayName = 'Countdown'\n\n/**\n * Progress Bar Component\n */\nconst ProgressBar = React.memo(\n  ({ progress, theme = 'light', className }: { progress: number; theme?: 'light' | 'dark'; className?: string }) => {\n    // Clamp progress between 0 and 100\n    const clampedProgress = Math.min(100, Math.max(0, progress))\n\n    return (\n      <div\n        className={cn(\n          'flex h-2 w-full items-stretch overflow-hidden rounded-full',\n          theme === 'dark' ? 'bg-white/20' : 'bg-black/20',\n          className\n        )}\n        role=\"progressbar\"\n        aria-valuenow={clampedProgress}\n        aria-valuemin={0}\n        aria-valuemax={100}\n      >\n        <div\n          className={cn(\n            'h-full rounded-full transition-all duration-300',\n            theme === 'dark' ? 'bg-white' : 'bg-[#080A0F]'\n          )}\n          style={{ width: `${clampedProgress}%` }}\n        />\n      </div>\n    )\n  }\n)\n\nProgressBar.displayName = 'ProgressBar'\n\n/**\n * Gift Shelf Card Component\n */\nconst GiftShelfCard = React.memo(\n  ({\n    item,\n    theme = 'light',\n    layout = 'vertical',\n    className,\n    buttonClassName,\n    countdownClassName,\n    onButtonClick,\n    onProductImageClick,\n    buildData,\n    buttonText,\n    remainText,\n    lowStockText,\n    soldOutButtonText,\n    discountText = 'Only {price}',\n    countdownText,\n    countdownIcon,\n    lastRoundText,\n    beforeStartText,\n    comingSoonButtonText,\n    loading,\n  }: {\n    item: GiftShelfItem\n    theme?: 'light' | 'dark'\n    layout?: 'vertical' | 'horizontal'\n    className?: string\n    buttonClassName?: string\n    countdownClassName?: string\n    onButtonClick?: ({ product, code }: { product: GiftShelfProduct; code: string }) => void\n    onProductImageClick?: (product: GiftShelfProduct) => void\n    buildData?: {\n      products: Product[]\n    }\n    buttonText: string\n    remainText?: string\n    lowStockText?: string\n    soldOutButtonText?: string\n    discountText?: string\n    countdownText?: string\n    countdownIcon?: Media\n    lastRoundText?: string\n    beforeStartText?: string\n    comingSoonButtonText?: string\n    loading?: boolean\n  }) => {\n    const { locale = 'us', currencyCode } = useAiuiContext()\n    // \u83B7\u53D6\u7B2C\u4E00\u4E2A\u4EA7\u54C1\u7684\u7B80\u5316\u6570\u636E\n    const firstProduct = item.products?.[0]\n\n    // \u68C0\u6D4B\u662F\u5426\u5904\u4E8E\u8F6E\u6B21\u5207\u6362\u671F + \u5F53\u524D\u8F6E\u6B21 code\uFF08\u6BCF\u79D2\u66F4\u65B0\uFF09\n    const [isTransitioning, setIsTransitioning] = React.useState(false)\n    const [currentCode, setCurrentCode] = React.useState('')\n    // \u5012\u8BA1\u65F6\u72B6\u6001\n    const [countdownState, setCountdownState] = React.useState<CountdownState>('beforeStart')\n\n    React.useEffect(() => {\n      const checkAndUpdate = () => {\n        // \u66F4\u65B0\u8F6E\u6B21\u5207\u6362\u72B6\u6001\n        setIsTransitioning(isInTransitionPeriod(item.countdown))\n        // \u66F4\u65B0\u5F53\u524D\u8F6E\u6B21 code\uFF08\u4EC5\u5728\u503C\u53D8\u5316\u65F6\u66F4\u65B0\uFF09\n        const newCode = getCodeWithSuffix(item.codePrefix, item.countdown)\n        setCurrentCode(prev => (prev !== newCode ? newCode : prev))\n      }\n\n      // \u521D\u59CB\u68C0\u67E5\n      checkAndUpdate()\n      // \u6BCF\u79D2\u68C0\u67E5\u4E00\u6B21\n      const timer = setInterval(checkAndUpdate, 1000)\n\n      return () => clearInterval(timer)\n    }, [item.codePrefix, item.countdown])\n\n    // \u5012\u8BA1\u65F6\u72B6\u6001\u53D8\u5316\u56DE\u8C03\n    const handleCountdownStateChange = React.useCallback((state: CountdownState) => {\n      setCountdownState(state)\n    }, [])\n\n    // \u901A\u8FC7 handle \u5339\u914D buildData \u4E2D\u7684\u5B8C\u6574\u4EA7\u54C1\u6570\u636E\n    const fullProduct = React.useMemo(() => {\n      if (!firstProduct?.handle || !buildData?.products?.length) return null\n      return buildData.products.find(p => p.handle === firstProduct.handle) || null\n    }, [firstProduct?.handle, buildData?.products])\n\n    const fullProductVariant = React.useMemo(\n      () => fullProduct?.variants?.find(variant => variant?.sku === firstProduct?.sku) || ({} as ProductVariant),\n      [firstProduct?.sku, fullProduct?.variants]\n    )\n\n    // \u7EC4\u5408\u5C55\u793A\u6570\u636E\uFF08\u4F18\u5148\u4F7F\u7528\u8BE6\u7EC6\u6570\u636E\uFF0C\u56DE\u9000\u5230\u7B80\u5316\u6570\u636E\uFF09\n    const displayData = React.useMemo(() => {\n      const { price, basePrice } = formatVariantPrice({\n        locale: currencyCode === 'CAD' ? 'us' : locale || 'us',\n        baseAmount: fullProductVariant?.price?.amount,\n        amount: firstProduct?.custom_price ?? fullProductVariant?.price?.amount,\n        currencyCode: fullProduct?.price?.currencyCode || 'USD',\n      })\n\n      return {\n        // \u4E3B\u4EF7\u683C/\u4EF7\u503C\u5C55\u793A\uFF1A\u6709\u8BE6\u7EC6\u6570\u636E\u65F6\u663E\u793A\u4EF7\u683C\uFF0C\u5426\u5219\u663E\u793A\u4EA7\u54C1\u540D\n        value: basePrice,\n        // \u4EA7\u54C1\u63CF\u8FF0/\u6807\u9898\uFF1A\u6709\u8BE6\u7EC6\u6570\u636E\u65F6\u663E\u793A\u6807\u9898\uFF0C\u5426\u5219\u4E3A\u7A7A\uFF08\u907F\u514D\u91CD\u590D\u663E\u793A\uFF09\n        description: firstProduct?.custom_description,\n        // \u4F18\u60E0\u4EF7\u683C\n        salePrice: replaceTemplate(discountText || '', {\n          price,\n        }),\n      }\n    }, [\n      fullProduct,\n      fullProductVariant,\n      locale,\n      discountText,\n      firstProduct?.custom_price,\n      firstProduct?.custom_description,\n    ])\n\n    const handleClick = React.useCallback(() => {\n      onButtonClick?.({ product: firstProduct, code: currentCode })\n    }, [onButtonClick, currentCode, firstProduct])\n\n    return (\n      <div className={cn(giftCardVariants({ state: theme }), className)} data-ui-component-id=\"GiftShelfCard\">\n        {/* Countdown section - above the card content (only in vertical layout) */}\n        {item.countdown && (\n          <div className=\"laptop:h-[24px] mb-4 h-[20px]\">\n            <Countdown\n              config={item.countdown}\n              theme={theme}\n              className={countdownClassName}\n              countdownText={countdownText}\n              lastRoundText={lastRoundText}\n              beforeStartText={beforeStartText}\n              countdownIcon={countdownIcon}\n              onStateChange={handleCountdownStateChange}\n            />\n          </div>\n        )}\n\n        {/* Content layout wrapper - \u63A7\u5236 Background image \u548C Bottom info area \u7684\u5E03\u5C40 */}\n        <div className={contentLayoutVariants({ layout })}>\n          {/* Background image - responsive across 5 breakpoints */}\n          <div className={imageAreaVariants({ layout })}>\n            {item.backgroundImage &&\n              (onProductImageClick ? (\n                <a onClick={() => firstProduct && onProductImageClick(firstProduct)} className=\"cursor-pointer\">\n                  <Picture\n                    source={getResponsiveSource(item.backgroundImage)}\n                    alt={getBackgroundAlt(item.backgroundImage)}\n                    className=\"rounded-card size-full overflow-hidden object-cover\"\n                    imgClassName=\"h-full w-full object-cover\"\n                  />\n                </a>\n              ) : (\n                <Picture\n                  source={getResponsiveSource(item.backgroundImage)}\n                  alt={getBackgroundAlt(item.backgroundImage)}\n                  className=\"rounded-card size-full overflow-hidden object-cover\"\n                  imgClassName=\"h-full w-full object-cover\"\n                />\n              ))}\n            {/* Card content area */}\n            <div className=\"absolute top-1/2 z-10 w-full -translate-y-1/2 px-6\">\n              {/* Value and description */}\n              <div className=\"flex flex-col gap-1\">\n                {/* Main value display */}\n                {displayData.value && (\n                  <Heading\n                    html={displayData.value}\n                    size={4}\n                    className={cn('font-bold leading-none', textVariants({ state: theme }))}\n                  />\n                )}\n\n                {/* Description */}\n                {displayData.description && (\n                  <Text\n                    html={displayData.description}\n                    className={cn('text-base font-bold opacity-60', textVariants({ state: theme }))}\n                  />\n                )}\n              </div>\n            </div>\n          </div>\n\n          {/* Bottom/Right info area */}\n          <div className={infoAreaVariants({ layout })}>\n            {/* Sale price */}\n            {displayData.salePrice && (\n              <Text\n                as=\"p\"\n                html={displayData.salePrice}\n                className={cn('lg-desktop:text-2xl text-xl font-bold', textVariants({ state: theme }))}\n              />\n            )}\n\n            {/* Progress bar - \u8D85\u5356\u65F6\u9690\u85CF\uFF08availableForSale=true \u4E14 quantityAvailable<=0\uFF09 */}\n            <ProgressBar\n              progress={\n                firstProduct?.custom_inventory\n                  ? ((fullProductVariant?.quantityAvailable || 0) / firstProduct.custom_inventory) * 100\n                  : 0\n              }\n              theme={theme}\n              className={cn(\n                'mb-1 mt-2',\n                fullProductVariant?.availableForSale && (fullProductVariant?.quantityAvailable ?? 0) <= 0 && 'invisible'\n              )}\n            />\n\n            {/* Remain text - \u6B63\u5E38\u5E93\u5B58\u63D0\u793A */}\n            {remainText && (fullProductVariant?.quantityAvailable ?? 0) >= 0 && (\n              <Text\n                html={replaceTemplate(remainText, {\n                  inventory: firstProduct?.custom_inventory?.toString() || '',\n                  quantity: fullProductVariant?.quantityAvailable?.toString() || '0',\n                })}\n                as=\"p\"\n                className={cn('laptop:text-base text-sm font-bold', textVariants({ state: theme }))}\n              />\n            )}\n\n            {/* Low stock text - \u652F\u6301\u8D85\u5356\u65F6\u663E\u793A\uFF08availableForSale=true \u4F46 quantityAvailable<=0\uFF09 */}\n            {lowStockText &&\n              fullProductVariant?.availableForSale &&\n              (fullProductVariant?.quantityAvailable ?? 0) < 0 && (\n                <Text\n                  html={lowStockText}\n                  as=\"p\"\n                  className={cn('laptop:text-base text-sm font-bold text-red-500', textVariants({ state: theme }))}\n                />\n              )}\n\n            {/* Action button */}\n            <Button\n              size=\"lg\"\n              className={cn(buttonVariants({ state: theme }), buttonClassName)}\n              onClick={handleClick}\n              disabled={\n                !fullProductVariant?.availableForSale ||\n                loading ||\n                isTransitioning ||\n                countdownState === 'beforeStart' ||\n                countdownState === 'finished'\n              }\n              loading={loading && fullProductVariant?.availableForSale}\n            >\n              {countdownState === 'beforeStart'\n                ? comingSoonButtonText || buttonText\n                : fullProductVariant?.availableForSale\n                  ? buttonText\n                  : soldOutButtonText || buttonText}\n            </Button>\n          </div>\n        </div>\n      </div>\n    )\n  }\n)\n\nGiftShelfCard.displayName = 'GiftShelfCard'\n\n/**\n * GiftShelf - Gift/Promotion Shelf Component\n *\n * @description Display gift cards with countdown, pricing, and purchase buttons\n */\nconst GiftShelf = React.forwardRef<HTMLDivElement, GiftShelfProps>(\n  ({ classNames = {}, data, onButtonClick, onProductImageClick, buildData, loading, ...rest }, ref) => {\n    const theme = data.theme || 'light'\n\n    const itemsPerRow = React.useMemo(() => {\n      return data?.items?.length || 4\n    }, [data?.items])\n\n    // \u5F53\u5361\u7247\u6570\u91CF\u4E3A 2 \u65F6\u4F7F\u7528\u6C34\u5E73\u5E03\u5C40\uFF0C\u5426\u5219\u4F7F\u7528\u5782\u76F4\u5E03\u5C40\n    const cardLayout = itemsPerRow === 2 ? 'horizontal' : 'vertical'\n\n    const swiperBreakpoints = React.useMemo(() => {\n      const getBreakpointConfig = (breakpoint: 'mobile' | 'tablet' | 'laptop' | 'desktop') => {\n        switch (breakpoint) {\n          case 'mobile':\n            return { slidesPerView: 1.2, spaceBetween: 12 }\n          case 'tablet':\n            if (itemsPerRow <= 2) return { slidesPerView: 2, spaceBetween: 12 }\n            return { slidesPerView: 2.5, spaceBetween: 12 }\n          case 'laptop':\n            if (itemsPerRow <= 3) return { slidesPerView: itemsPerRow, spaceBetween: 16 }\n            return { slidesPerView: 3.01, spaceBetween: 16 }\n          case 'desktop':\n            return { slidesPerView: Math.min(itemsPerRow, 4), spaceBetween: 20 }\n        }\n      }\n\n      return {\n        0: getBreakpointConfig('mobile'),\n        768: getBreakpointConfig('tablet'),\n        1025: getBreakpointConfig('laptop'),\n        1440: getBreakpointConfig('desktop'),\n      }\n    }, [itemsPerRow])\n\n    return (\n      <Container\n        ref={ref}\n        className={cn(classNames?.root)}\n        childClassName=\"overflow-hidden\"\n        data-ui-component-id=\"GiftShelf\"\n        {...rest}\n      >\n        {/* Cards swiper */}\n        <Swiper breakpoints={swiperBreakpoints} className=\"w-full !overflow-visible\">\n          {data.items.map((item, index) => (\n            <SwiperSlide key={'giftShelfCardItem' + index}>\n              <GiftShelfCard\n                item={item}\n                theme={theme}\n                layout={cardLayout}\n                className={classNames?.card}\n                buttonClassName={classNames?.button}\n                countdownClassName={classNames?.countdown}\n                onButtonClick={onButtonClick}\n                onProductImageClick={onProductImageClick}\n                buildData={buildData}\n                buttonText={data.buttonText}\n                discountText={data.discountText}\n                remainText={data.remainText}\n                lowStockText={data.lowStockText}\n                soldOutButtonText={data.soldOutButtonText}\n                countdownText={data.countdownText}\n                lastRoundText={data.lastRoundText}\n                countdownIcon={data?.countdownIcon}\n                beforeStartText={data.beforeStartText}\n                comingSoonButtonText={data.comingSoonButtonText}\n                loading={loading}\n              />\n            </SwiperSlide>\n          ))}\n        </Swiper>\n      </Container>\n    )\n  }\n)\n\nGiftShelf.displayName = 'GiftShelf'\n\nexport default withLayout(GiftShelf)\nexport type {\n  GiftShelfProps,\n  GiftShelfData,\n  GiftShelfItem,\n  GiftShelfProduct,\n  CountdownConfig,\n  ResponsiveBackgroundImage,\n} from './types.js'\n"],
+  "mappings": "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",
   "names": ["GiftShelf_exports", "__export", "GiftShelf_default", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "import_components", "import_class_variance_authority", "import_react", "import_Styles", "import_utils", "import_AiuiProvider", "import_textFormat", "giftCardVariants", "contentLayoutVariants", "imageAreaVariants", "infoAreaVariants", "buttonVariants", "textVariants", "getResponsiveSource", "bgImage", "sources", "getBackgroundAlt", "formatTime", "seconds", "hours", "minutes", "secs", "parseStartTime", "startTime", "parsed", "isInTransitionPeriod", "countdown", "startTimeMs", "durationMs", "rounds", "now", "elapsed", "currentRound", "timeUntilRoundEnd", "TRANSITION_PERIOD_MS", "getCodeWithSuffix", "codePrefix", "date", "suffix", "currentRoundStartMs", "Countdown", "config", "theme", "className", "countdownText", "lastRoundText", "beforeStartText", "countdownIcon", "onStateChange", "timeLeft", "setTimeLeft", "countdownState", "setCountdownState", "calculateCountdown", "diff", "currentRoundTargetTime", "timer", "labelText", "ProgressBar", "progress", "clampedProgress", "GiftShelfCard", "item", "layout", "buttonClassName", "countdownClassName", "onButtonClick", "onProductImageClick", "buildData", "buttonText", "remainText", "lowStockText", "soldOutButtonText", "discountText", "comingSoonButtonText", "loading", "locale", "currencyCode", "firstProduct", "isTransitioning", "setIsTransitioning", "currentCode", "setCurrentCode", "checkAndUpdate", "newCode", "prev", "handleCountdownStateChange", "state", "fullProduct", "p", "fullProductVariant", "variant", "displayData", "price", "basePrice", "handleClick", "GiftShelf", "classNames", "data", "rest", "ref", "itemsPerRow", "cardLayout", "swiperBreakpoints", "getBreakpointConfig", "breakpoint", "index"]
 }

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { GiftTierShelfProps } from './types.js';
-declare const _default: React.ForwardRefExoticComponent<Omit<GiftTierShelfProps & React.RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../WheelLottery/index.js").ContainerProps & React.RefAttributes<unknown>> & {
+declare const _default: React.ForwardRefExoticComponent<Omit<GiftTierShelfProps & React.RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../index.js").ContainerProps & React.RefAttributes<unknown>> & {
     readonly $$typeof: symbol;
 };
 export default _default;

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

@@ -41,7 +41,7 @@ export interface GraphicProps extends ComponentCommonProps, React.HTMLAttributes
         titleAlign?: 'center' | 'left';
     };
 }
-declare const _default: React.ForwardRefExoticComponent<Omit<GraphicProps & React.RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../WheelLottery/index.js").ContainerProps & React.RefAttributes<unknown>> & {
+declare const _default: React.ForwardRefExoticComponent<Omit<GraphicProps & React.RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../index.js").ContainerProps & React.RefAttributes<unknown>> & {
     readonly $$typeof: symbol;
 };
 export default _default;

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

@@ -1,2 +1,2 @@
-"use strict";"use client";var q=Object.create;var v=Object.defineProperty;var Q=Object.getOwnPropertyDescriptor;var X=Object.getOwnPropertyNames;var Z=Object.getPrototypeOf,F=Object.prototype.hasOwnProperty;var J=(e,o)=>{for(var s in o)v(e,s,{get:o[s],enumerable:!0})},$=(e,o,s,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of X(o))!F.call(e,i)&&i!==s&&v(e,i,{get:()=>o[i],enumerable:!(n=Q(o,i))||n.enumerable});return e};var T=(e,o,s)=>(s=e!=null?q(Z(e)):{},$(o||!e||!e.__esModule?v(s,"default",{value:e,enumerable:!0}):s,e)),K=e=>$(v({},"__esModule",{value:!0}),e);var ee={};J(ee,{default:()=>W});module.exports=K(ee);var t=require("react/jsx-runtime"),S=require("react-responsive"),l=T(require("react")),G=require("react-dom"),c=require("../../helpers/utils.js"),B=require("../../shared/Styles.js"),D=T(require("../SwiperBox/index.js")),p=require("../../components/index.js"),L=T(require("../Title/index.js")),U=require("../VideoModal/index.js"),z=require("../TextModal/index.js"),I=require("../../hooks/useExposure.js"),w=require("../../shared/trackUrlRef.js"),E=require("../AiuiProvider/index.js"),se=require("swiper/css");const u="image",h="graphic",C=e=>{let o="";const s=d=>(d?.url&&(o=d.url),o),n=s(e.lgDesktop),i=s(e.desktop),a=s(e.laptop),b=s(e.tablet),g=e.default?.url;return[`${n} 9999`,`${i} 1919`,`${a} 1439`,`${b} 1024`,`${g} 768`].join(", ")},V="descTitle 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]",O=({data:e,configuration:o})=>{const s=(0,l.useRef)(null),[n,i]=(0,l.useState)({visible:!1,x:0,y:0,text:""}),a=o?.descriptionTag||"h3",b=()=>{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]"}},g=r=>{e?.description&&i({visible:!0,x:r.clientX,y:r.clientY,text:e.description})},d=()=>{i(r=>({...r,visible:!1}))};(0,I.useExposure)(s,{componentType:u,componentName:h,componentTitle:e?.title,componentDescription:e?.description,position:o?.index+1});const k=e?.href?"a":"div",y=e?.href?{href:(0,w.trackUrlRef)(e.href,`${u}_${h}`)}:{};return(0,t.jsx)("div",{ref:s,className:(0,c.cn)(b(),"graphicItem","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,c.cn)("absolute inset-0",{"rounded-xl overflow-hidden laptop:rounded-2xl":o?.itemShape==="round"}),children:(0,t.jsxs)("div",{className:`graphic-children relative block size-full overflow-hidden ${e?.href?"cursor-pointer":""}`,children:[e?.href?(0,t.jsxs)("a",{"aria-label":e?.title||e?.description,href:(0,w.trackUrlRef)(e?.href||"",`${u}_${h}`),className:"rounded-card block size-full overflow-hidden","data-headless-nav-postion":`''#${o?.index+1}`,"data-headless-type-name":`${u}#${h}`,"data-headless-title-desc-button":`${e?.title}#${e?.description}`,children:[(0,t.jsx)(p.Picture,{className:"h-full",imgClassName:"h-full object-cover tablet:hover:scale-110 transition-all duration-300",source:e?.backgroundImage?.default?C(e.backgroundImage):e?.imgUrl?.url,alt:e?.backgroundImage?.lgDesktop?.alt||e?.backgroundImage?.default?.alt||e?.imgUrl?.alt||""}),(0,t.jsx)("span",{className:"sr-only",children:e?.title||e?.description})]}):(0,t.jsx)("div",{className:"rounded-card block size-full overflow-hidden",children:(0,t.jsx)(p.Picture,{className:"h-full",imgClassName:"h-full object-cover tablet:hover:scale-110 transition-all duration-300",source:e?.backgroundImage?.default?C(e.backgroundImage):e?.imgUrl?.url||"",alt:e?.backgroundImage?.lgDesktop?.alt||e?.backgroundImage?.default?.alt||e?.imgUrl?.alt||""})}),(0,t.jsxs)(k,{...y,className:(0,c.cn)("laptop:p-6 absolute bottom-0 z-[1] box-border flex w-full flex-col p-4",{"bg-gradient-to-b from-transparent to-black/80":e?.showBottomGradient&&e?.theme==="dark","bg-gradient-to-b from-transparent to-white/80":e?.showBottomGradient&&e?.theme!=="dark"}),children:[(0,t.jsxs)("div",{className:(0,c.cn)("flex items-end gap-1 overflow-hidden","graphic-bottom"),children:[(0,t.jsxs)("div",{className:"flex-1 overflow-hidden",children:[(0,t.jsx)(p.Text,{html:e?.title,style:{color:e?.textColor},className:"spanTitle graphic-title lg-desktop:text-lg desktop:text-base line-clamp-3 text-sm font-bold leading-[1.2]"}),e?.description&&(0,t.jsxs)("div",{onMouseMove:g,onMouseLeave:d,children:[e?.title?(0,t.jsx)(p.Heading,{html:e?.description,style:{color:e?.textColor},as:a,className:`${V} graphic-description`}):(0,t.jsx)(a,{style:{color:e?.textColor},dangerouslySetInnerHTML:{__html:e?.description||""},className:`${V} graphic-description-item`}),typeof window<"u"&&n.visible&&(0,G.createPortal)((0,t.jsx)("div",{className:"pointer-events-none fixed z-[9999] max-w-xs rounded-lg bg-black/60 px-3 py-2 text-sm text-white shadow-lg backdrop-blur-sm transition-opacity duration-200",style:{left:`${n.x+16}px`,top:`${n.y+16}px`},children:n.text}),document.body)]})]}),!e?.isShowIcon&&(e?.video?.url||e?.youtubeId)&&(0,t.jsx)("button",{"aria-label":"Play Video",onClick:r=>{r.preventDefault(),r.stopPropagation(),o?.onVideoPlayBtnClick?.(o?.index||0,e)},className:"laptop:size-12 flex size-8 items-center justify-center rounded-full bg-white/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:r=>{r.preventDefault(),r.stopPropagation(),o?.onIconClick?.(e,o)},className:"laptop:size-9 flex size-8 items-center justify-center overflow-hidden rounded-full bg-white/20 hover:bg-black/75",children:(0,t.jsx)(p.Picture,{className:"h-full",imgClassName:"h-full object-cover",source:e?.icon?.url,alt:e?.icon?.alt||""})})]}),e.buttonText&&(0,t.jsx)(p.Button,{as:"a","aria-label":e?.title||e?.description,variant:"secondary",className:"bgButton mt-[8px] self-start",href:(0,w.trackUrlRef)((0,c.getLocalizedPath)(e?.href||"",o?.locale||"us"),`${u}_${h}`),"data-headless-nav-position":`''#${o?.index+1}`,"data-headless-type-name":`${u}#${h}`,"data-headless-title-desc-button":`${e?.title}#${e?.description}#${e?.buttonText}`,children:e.buttonText})]})]})})})},P=l.default.forwardRef(({data:e,className:o,...s},n)=>{const i=(0,S.useMediaQuery)({query:"(max-width: 768px)"}),a=(0,l.useRef)(null),[b,g]=(0,l.useState)(!1),[d,k]=(0,l.useState)(""),[y,r]=(0,l.useState)(""),[H,R]=(0,l.useState)(""),[j,M]=(0,l.useState)(null),[_,N]=(0,l.useState)(!1),{locale:A="us"}=(0,E.useAiuiContext)(),f=x=>{const m=e?.items?.length>3,Y=e?.items?.length>2;switch(x){case 1440:return m?4:e?.items?.length;case 1024:return m?3:e?.items?.length;case 768:return e?.items?.length===1?1:m||Y?2.3:2;default:return e?.items?.length===1?1:1.2}};return(0,l.useImperativeHandle)(n,()=>a.current),(0,I.useExposure)(a,{componentType:u,componentName:h,componentTitle:e?.title}),(0,t.jsxs)("div",{...s,ref:a,className:(0,c.cn)("graphicBlock",o),children:[(0,t.jsxs)("div",{className:"graphic-box",children:[e?.title&&(0,t.jsx)(L.default,{data:{title:e?.title,align:e?.titleAlign??"left"}}),(0,t.jsx)(D.default,{id:"Graphic",className:(0,c.cn)("!overflow-visible"),data:{list:e?.items||[],configuration:{itemShape:e.itemShape,num:e?.items?.length||0,locale:A,descriptionTag:e.descriptionTag,onVideoPlayBtnClick:(x,m)=>{g(!0),m?.isYouTube?r?.(m?.youtubeId||""):(k?.(m?.video?.url||""),R?.(m?.mobileVideo?.url||""))},onIconClick:x=>{N(!0),M(x)},title:e?.title}},Slide:O,breakpoints:{0:{spaceBetween:12,freeMode:!1,slidesPerView:1},374:{spaceBetween:12,freeMode:!1,slidesPerView:f()},768:{spaceBetween:16,freeMode:!1,slidesPerView:f(768)},1024:{spaceBetween:16,freeMode:!1,slidesPerView:f(1024)},1440:{spaceBetween:16,freeMode:!1,slidesPerView:f(1440)}}})]}),(0,t.jsx)(U.VideoModal,{visible:b,youTubeId:y,onCloseModal:()=>g(!1),videoUrl:i&&H||d}),(0,t.jsx)(z.TextModal,{textVisible:_,extension:j?.extension,onCloseModal:()=>{N(!1),M(null)}})]})});P.displayName="Graphic";var W=(0,B.withLayout)(P);
+"use strict";"use client";var q=Object.create;var v=Object.defineProperty;var Q=Object.getOwnPropertyDescriptor;var X=Object.getOwnPropertyNames;var Z=Object.getPrototypeOf,F=Object.prototype.hasOwnProperty;var J=(e,o)=>{for(var s in o)v(e,s,{get:o[s],enumerable:!0})},$=(e,o,s,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of X(o))!F.call(e,i)&&i!==s&&v(e,i,{get:()=>o[i],enumerable:!(n=Q(o,i))||n.enumerable});return e};var T=(e,o,s)=>(s=e!=null?q(Z(e)):{},$(o||!e||!e.__esModule?v(s,"default",{value:e,enumerable:!0}):s,e)),K=e=>$(v({},"__esModule",{value:!0}),e);var ee={};J(ee,{default:()=>W});module.exports=K(ee);var t=require("react/jsx-runtime"),S=require("../../hooks/useIsomorphicMediaQuery.js"),l=T(require("react")),G=require("react-dom"),c=require("../../helpers/utils.js"),B=require("../../shared/Styles.js"),D=T(require("../SwiperBox/index.js")),p=require("../../components/index.js"),L=T(require("../Title/index.js")),U=require("../VideoModal/index.js"),z=require("../TextModal/index.js"),I=require("../../hooks/useExposure.js"),w=require("../../shared/trackUrlRef.js"),H=require("../AiuiProvider/index.js"),oe=require("swiper/css");const u="image",h="graphic",C=e=>{let o="";const s=d=>(d?.url&&(o=d.url),o),n=s(e.lgDesktop),i=s(e.desktop),a=s(e.laptop),b=s(e.tablet),g=e.default?.url;return[`${n} 9999`,`${i} 1919`,`${a} 1439`,`${b} 1024`,`${g} 768`].join(", ")},V="descTitle 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]",O=({data:e,configuration:o})=>{const s=(0,l.useRef)(null),[n,i]=(0,l.useState)({visible:!1,x:0,y:0,text:""}),a=o?.descriptionTag||"h3",b=()=>{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]"}},g=r=>{e?.description&&i({visible:!0,x:r.clientX,y:r.clientY,text:e.description})},d=()=>{i(r=>({...r,visible:!1}))};(0,I.useExposure)(s,{componentType:u,componentName:h,componentTitle:e?.title,componentDescription:e?.description,position:o?.index+1});const k=e?.href?"a":"div",y=e?.href?{href:(0,w.trackUrlRef)(e.href,`${u}_${h}`)}:{};return(0,t.jsx)("div",{ref:s,className:(0,c.cn)(b(),"graphicItem","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,c.cn)("absolute inset-0",{"rounded-xl overflow-hidden laptop:rounded-2xl":o?.itemShape==="round"}),children:(0,t.jsxs)("div",{className:`graphic-children relative block size-full overflow-hidden ${e?.href?"cursor-pointer":""}`,children:[e?.href?(0,t.jsxs)("a",{"aria-label":e?.title||e?.description,href:(0,w.trackUrlRef)(e?.href||"",`${u}_${h}`),className:"rounded-card block size-full overflow-hidden","data-headless-nav-postion":`''#${o?.index+1}`,"data-headless-type-name":`${u}#${h}`,"data-headless-title-desc-button":`${e?.title}#${e?.description}`,children:[(0,t.jsx)(p.Picture,{className:"h-full",imgClassName:"h-full object-cover tablet:hover:scale-110 transition-all duration-300",source:e?.backgroundImage?.default?C(e.backgroundImage):e?.imgUrl?.url,alt:e?.backgroundImage?.lgDesktop?.alt||e?.backgroundImage?.default?.alt||e?.imgUrl?.alt||""}),(0,t.jsx)("span",{className:"sr-only",children:e?.title||e?.description})]}):(0,t.jsx)("div",{className:"rounded-card block size-full overflow-hidden",children:(0,t.jsx)(p.Picture,{className:"h-full",imgClassName:"h-full object-cover tablet:hover:scale-110 transition-all duration-300",source:e?.backgroundImage?.default?C(e.backgroundImage):e?.imgUrl?.url||"",alt:e?.backgroundImage?.lgDesktop?.alt||e?.backgroundImage?.default?.alt||e?.imgUrl?.alt||""})}),(0,t.jsxs)(k,{...y,className:(0,c.cn)("laptop:p-6 absolute bottom-0 z-[1] box-border flex w-full flex-col p-4",{"bg-gradient-to-b from-transparent to-black/80":e?.showBottomGradient&&e?.theme==="dark","bg-gradient-to-b from-transparent to-white/80":e?.showBottomGradient&&e?.theme!=="dark"}),children:[(0,t.jsxs)("div",{className:(0,c.cn)("flex items-end gap-1 overflow-hidden","graphic-bottom"),children:[(0,t.jsxs)("div",{className:"flex-1 overflow-hidden",children:[(0,t.jsx)(p.Text,{html:e?.title,style:{color:e?.textColor},className:"spanTitle graphic-title lg-desktop:text-lg desktop:text-base line-clamp-3 text-sm font-bold leading-[1.2]"}),e?.description&&(0,t.jsxs)("div",{onMouseMove:g,onMouseLeave:d,children:[e?.title?(0,t.jsx)(p.Heading,{html:e?.description,style:{color:e?.textColor},as:a,className:`${V} graphic-description`}):(0,t.jsx)(a,{style:{color:e?.textColor},dangerouslySetInnerHTML:{__html:e?.description||""},className:`${V} graphic-description-item`}),typeof window<"u"&&n.visible&&(0,G.createPortal)((0,t.jsx)("div",{className:"pointer-events-none fixed z-[9999] max-w-xs rounded-lg bg-black/60 px-3 py-2 text-sm text-white shadow-lg backdrop-blur-sm transition-opacity duration-200",style:{left:`${n.x+16}px`,top:`${n.y+16}px`},children:n.text}),document.body)]})]}),!e?.isShowIcon&&(e?.video?.url||e?.youtubeId)&&(0,t.jsx)("button",{"aria-label":"Play Video",onClick:r=>{r.preventDefault(),r.stopPropagation(),o?.onVideoPlayBtnClick?.(o?.index||0,e)},className:"laptop:size-12 flex size-8 items-center justify-center rounded-full bg-white/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:r=>{r.preventDefault(),r.stopPropagation(),o?.onIconClick?.(e,o)},className:"laptop:size-9 flex size-8 items-center justify-center overflow-hidden rounded-full bg-white/20 hover:bg-black/75",children:(0,t.jsx)(p.Picture,{className:"h-full",imgClassName:"h-full object-cover",source:e?.icon?.url,alt:e?.icon?.alt||""})})]}),e.buttonText&&(0,t.jsx)(p.Button,{as:"a","aria-label":e?.title||e?.description,variant:"secondary",className:"bgButton mt-[8px] self-start",href:(0,w.trackUrlRef)((0,c.getLocalizedPath)(e?.href||"",o?.locale||"us"),`${u}_${h}`),"data-headless-nav-position":`''#${o?.index+1}`,"data-headless-type-name":`${u}#${h}`,"data-headless-title-desc-button":`${e?.title}#${e?.description}#${e?.buttonText}`,children:e.buttonText})]})]})})})},P=l.default.forwardRef(({data:e,className:o,...s},n)=>{const i=(0,S.useIsomorphicMediaQuery)({query:"(max-width: 768px)"}),a=(0,l.useRef)(null),[b,g]=(0,l.useState)(!1),[d,k]=(0,l.useState)(""),[y,r]=(0,l.useState)(""),[E,R]=(0,l.useState)(""),[j,M]=(0,l.useState)(null),[_,N]=(0,l.useState)(!1),{locale:A="us"}=(0,H.useAiuiContext)(),f=x=>{const m=e?.items?.length>3,Y=e?.items?.length>2;switch(x){case 1440:return m?4:e?.items?.length;case 1024:return m?3:e?.items?.length;case 768:return e?.items?.length===1?1:m||Y?2.3:2;default:return e?.items?.length===1?1:1.2}};return(0,l.useImperativeHandle)(n,()=>a.current),(0,I.useExposure)(a,{componentType:u,componentName:h,componentTitle:e?.title}),(0,t.jsxs)("div",{...s,ref:a,className:(0,c.cn)("graphicBlock",o),children:[(0,t.jsxs)("div",{className:"graphic-box",children:[e?.title&&(0,t.jsx)(L.default,{data:{title:e?.title,align:e?.titleAlign??"left"}}),(0,t.jsx)(D.default,{id:"Graphic",className:(0,c.cn)("!overflow-visible"),data:{list:e?.items||[],configuration:{itemShape:e.itemShape,num:e?.items?.length||0,locale:A,descriptionTag:e.descriptionTag,onVideoPlayBtnClick:(x,m)=>{g(!0),m?.isYouTube?r?.(m?.youtubeId||""):(k?.(m?.video?.url||""),R?.(m?.mobileVideo?.url||""))},onIconClick:x=>{N(!0),M(x)},title:e?.title}},Slide:O,breakpoints:{0:{spaceBetween:12,freeMode:!1,slidesPerView:1},374:{spaceBetween:12,freeMode:!1,slidesPerView:f()},768:{spaceBetween:16,freeMode:!1,slidesPerView:f(768)},1024:{spaceBetween:16,freeMode:!1,slidesPerView:f(1024)},1440:{spaceBetween:16,freeMode:!1,slidesPerView:f(1440)}}})]}),(0,t.jsx)(U.VideoModal,{visible:b,youTubeId:y,onCloseModal:()=>g(!1),videoUrl:i&&E||d}),(0,t.jsx)(z.TextModal,{textVisible:_,extension:j?.extension,onCloseModal:()=>{N(!1),M(null)}})]})});P.displayName="Graphic";var W=(0,B.withLayout)(P);
 //# sourceMappingURL=index.js.map