@anker-in/headless-ui 1.3.37 → 1.3.39-alpha.1784616869310

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/ShelfDisplay/index.tsx"],
-  "sourcesContent": ["'use client'\nimport React, { useState, useEffect, useRef, useImperativeHandle, useId } from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport { Tabs, TabsList, TabsTrigger } from '../../components/tabs.js'\nimport Title from '../Title/index.js'\nimport SwiperBox from '../SwiperBox/index.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport { gaTrack } from '../../shared/track.js'\nimport { useMediaQuery } from 'react-responsive'\nimport { useRollout } from '../../hooks/useRollout.js'\nimport { ShelfDisplayWrapItem, ShelfDisplayHorizontalItem } from './shelfDisplayItem.js'\nimport type { ShelfDisplayProps, ShelfDisplayItem } from './shelfDisplay.js'\n\nconst componentType = 'image'\nconst componentName = 'product_shelf'\n\nconst sanitizeCssSelector = (value?: string | number) => {\n  if (value === undefined || value === null) return 'default'\n  const sanitized = String(value).replace(/[^a-zA-Z0-9_-]/g, '')\n  return sanitized || 'default'\n}\n\nconst ShelfDisplay = React.forwardRef<HTMLDivElement, ShelfDisplayProps>(\n  (\n    {\n      key,\n      data,\n      event,\n      buildData,\n      breakpoints,\n      className = '',\n      recommendedData,\n      target = '_self',\n      metafields,\n      isDisplayGudgments = false,\n      isDisplayBackImage = false,\n      renderOriginalPrice,\n      renderPriceLabel,\n      renderPrice,\n      onAddCart,\n      onBuyNow,\n      onLearnMore,\n      formatPrice,\n      ...rest\n    },\n    ref\n  ) => {\n    const {\n      productsTab = [],\n      productsCard = [],\n      title,\n      isShowTab = true,\n      tabShape = 'square',\n      isShowTag = false,\n      isShowOriginalPrice = true,\n      isShowRecommendedCard = false,\n      ...other\n    } = data\n\n    const [tabId, setTabId] = useState<string>('')\n    const [currentItems, setCurrentItems] = useState<ShelfDisplayItem[]>([])\n\n    const isView = useRef<boolean>(false)\n    const isRecommend = useRef<boolean>(false)\n    const innerRef = useRef<HTMLDivElement>(null)\n    const instanceId = useId()\n\n    const isMobile = useMediaQuery({ query: '(max-width: 768px)' })\n    const [viewRef, inView] = useRollout<HTMLDivElement>({ threshold: 0 })\n\n    const isOnce = currentItems?.length <= 1 && isDisplayGudgments\n    const isShowGudgments = !isMobile && currentItems?.length <= 2 && isDisplayGudgments\n\n    const showItemLength = (size?: number) => {\n      switch (size) {\n        case 1440:\n          return isShowGudgments ? currentItems?.length : 4\n        case 1024:\n          return isShowGudgments ? currentItems?.length : 3\n        default:\n          return isShowGudgments ? currentItems?.length : 2.3\n      }\n    }\n\n    const gackViewEvent = () => {\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'view_item_list',\n        event_parameters: {\n          page_group: 'Home Page',\n          item_list_name: 'Home_Page_Bundle',\n          items: recommendedData?.map((item, index) => {\n            const findData = item?.variants?.find((v: any) => v?.sku === item?.sku)\n            const variant = findData || item?.variants?.[0]\n            return {\n              item_id: item?.sku || variant?.sku,\n              item_name: item?.name,\n              item_variant: variant?.name,\n              price: variant?.price,\n              index: index + 1,\n            }\n          }),\n        },\n      })\n    }\n\n    const handleCurrentTab = (currentData: ShelfDisplayItem[], flag: boolean) => {\n      if (flag) {\n        const newCurrentData = recommendedData?.map?.(item => {\n          return {\n            ...item,\n            isShowRecommended: true,\n          }\n        })\n        setCurrentItems(newCurrentData?.length ? newCurrentData || [] : [])\n      } else {\n        const isArray = Array.isArray(currentData)\n        if (isArray) {\n          const newCurrentData = currentData\n            ?.map?.(item => {\n              const findData = buildData?.products?.find(params => params?.handle === item?.handle)\n              if (findData) {\n                return {\n                  sku: item.sku,\n                  isShowRecommended: false,\n                  custom_name: item.custom_name,\n                  custom_description: item.custom_description,\n                  custom_image: item.custom_image,\n                  custom_theme: item.custom_theme,\n                  custom_primary_link: item?.custom_primary_link || '',\n                  custom_secondary_link: item?.custom_secondary_link || '',\n                  custom_bg_image: item?.custom_bg_image || '',\n                  ...findData,\n                }\n              }\n            })\n            ?.filter(item => item)\n          setCurrentItems(newCurrentData?.length ? newCurrentData || [] : [])\n        } else {\n          setCurrentItems([])\n        }\n      }\n    }\n\n    useImperativeHandle(ref, () => innerRef.current as HTMLDivElement)\n\n    useEffect(() => {\n      if (inView && recommendedData?.length && !isView.current) {\n        isView.current = true\n        gackViewEvent()\n      }\n    }, [inView, recommendedData])\n\n    // \u7B97\u6CD5\u6570\u636E\u4F1A\u7A0D\u5FAE\u5EF6\u8FDF\uFF0C\u6240\u4EE5\u9700\u76D1\u542CrecommendedData\uFF0C\u4E3A\u4E86\u9632\u6B62\u5728\u6709\u7B97\u6CD5\u6570\u636E\u4E14\u5BF9\u9ED8\u8BA4\u6E32\u67D3\u7B2C\u4E00\u4E2A\u540E\u53CD\u590D\u89E6\u53D1\uFF0C\u7528isRecommend\u5173\u95ED\n    useEffect(() => {\n      if (isRecommend.current) return\n      if (!isRecommend.current && recommendedData?.length) {\n        isRecommend.current = true\n      }\n      if (isShowTab) {\n        const currentTab = productsTab?.find(item => item?.tab === tabId) || productsTab?.[0]\n        setTabId(currentTab?.tab || '')\n        handleCurrentTab(currentTab?.data || [], currentTab?.isShowRecommendedTab)\n        return\n      }\n      handleCurrentTab(productsCard, isShowRecommendedCard)\n    }, [recommendedData])\n\n    useEffect(() => {\n      if (isShowTab) {\n        const currentTab = productsTab?.find(item => item?.tab === tabId) || productsTab?.[0]\n        handleCurrentTab(currentTab?.data || [], currentTab?.isShowRecommendedTab)\n        return\n      }\n      handleCurrentTab(productsCard, isShowRecommendedCard)\n      // buildData \u66F4\u65B0\u65F6\u9700\u8981\u91CD\u65B0\u8BA1\u7B97\u5F53\u524D\u5217\u8868\n    }, [buildData])\n\n    const safeTabKey = sanitizeCssSelector(tabId)\n    const swiperInstanceId = `${instanceId}-${safeTabKey}`\n\n    return (\n      <div\n        ref={innerRef}\n        {...rest}\n        className={cn('shelf-display-wrap text-info-primary w-full', className, {\n          'aiui-dark': data?.theme === 'dark',\n        })}\n      >\n        {title && <Title data={{ title: title }} />}\n        {isShowTab && productsTab?.length > 0 && (\n          <Tabs\n            value={tabId}\n            onValueChange={value => {\n              const currentTab = productsTab?.find(item => item?.tab === value)\n              if (currentTab) {\n                setTabId(value)\n                handleCurrentTab(currentTab.data || [], currentTab.isShowRecommendedTab)\n                if (!currentTab.isShowRecommendedTab) {\n                  gaTrack({\n                    event: 'ga4Event',\n                    event_name: 'component_click',\n                    event_parameters: {\n                      page_group: 'Home Page',\n                      component_type: componentType,\n                      component_name: componentName,\n                      component_title: data?.title,\n                      component_position: 1,\n                      navigation: value,\n                    },\n                  })\n                  return\n                }\n                gackViewEvent()\n              }\n            }}\n            shape={tabShape === 'rounded' ? 'rounded' : 'square'}\n          >\n            <TabsList>\n              {productsTab.map(item => (\n                <TabsTrigger key={item?.id || item?.tab} value={item?.tab}>\n                  {item?.tab || ''}\n                </TabsTrigger>\n              ))}\n            </TabsList>\n          </Tabs>\n        )}\n        <div\n          ref={viewRef as any}\n          className=\"tablet:min-h-[393px] laptop:min-h-[425px] desktop:min-h-[405px] lg-desktop:min-h-[409px]\"\n        >\n          <SwiperBox\n            key={swiperInstanceId}\n            data={{\n              list: currentItems,\n              configuration: {\n                ...other,\n                event: event,\n                isShowTag,\n                isShowOriginalPrice,\n                target: target,\n                metafields: metafields,\n                itemLength: currentItems?.length,\n                isDisplayBackImage: isDisplayBackImage,\n                renderOriginalPrice,\n                renderPriceLabel,\n                renderPrice,\n                onAddCart,\n                onBuyNow,\n                onLearnMore,\n                formatPrice,\n              },\n            }}\n            id={swiperInstanceId}\n            className={`${isShowTab ? 'mt-6' : ''} shelf-display-swiper-box !overflow-visible`}\n            itemClassName={isShowGudgments ? 'flex-1' : ''}\n            Slide={isShowGudgments ? ShelfDisplayHorizontalItem : ShelfDisplayWrapItem}\n            breakpoints={\n              breakpoints || {\n                0: {\n                  spaceBetween: 12,\n                  freeMode: false,\n                  slidesPerView: 1,\n                },\n                374: {\n                  spaceBetween: 12,\n                  freeMode: false,\n                  slidesPerView: isOnce ? 1 : 1.2,\n                },\n                768: {\n                  spaceBetween: isOnce ? 0 : 16,\n                  freeMode: false,\n                  slidesPerView: showItemLength(),\n                },\n                1024: {\n                  spaceBetween: isOnce ? 0 : 16,\n                  freeMode: false,\n                  slidesPerView: showItemLength(1024),\n                },\n                1440: {\n                  spaceBetween: isOnce ? 0 : 16,\n                  freeMode: false,\n                  slidesPerView: showItemLength(1440),\n                },\n              }\n            }\n          />\n        </div>\n      </div>\n    )\n  }\n)\n\nShelfDisplay.displayName = 'ShelfDisplay'\nexport default withLayout(ShelfDisplay)\n"],
-  "mappings": "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",
-  "names": ["ShelfDisplay_exports", "__export", "ShelfDisplay_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_utils", "import_tabs", "import_Title", "import_SwiperBox", "import_Styles", "import_track", "import_react_responsive", "import_useRollout", "import_shelfDisplayItem", "componentType", "componentName", "sanitizeCssSelector", "value", "ShelfDisplay", "React", "key", "data", "event", "buildData", "breakpoints", "className", "recommendedData", "target", "metafields", "isDisplayGudgments", "isDisplayBackImage", "renderOriginalPrice", "renderPriceLabel", "renderPrice", "onAddCart", "onBuyNow", "onLearnMore", "formatPrice", "rest", "ref", "productsTab", "productsCard", "title", "isShowTab", "tabShape", "isShowTag", "isShowOriginalPrice", "isShowRecommendedCard", "other", "tabId", "setTabId", "currentItems", "setCurrentItems", "isView", "isRecommend", "innerRef", "instanceId", "isMobile", "viewRef", "inView", "isOnce", "isShowGudgments", "showItemLength", "size", "gackViewEvent", "item", "index", "variant", "v", "handleCurrentTab", "currentData", "flag", "newCurrentData", "findData", "params", "currentTab", "safeTabKey", "swiperInstanceId", "Title", "SwiperBox"]
+  "sourcesContent": ["'use client'\nimport React, { useState, useEffect, useRef, useImperativeHandle, useId, useMemo, useCallback } from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport { Tabs, TabsList, TabsTrigger, TabsContent } from '../../components/tabs.js'\nimport Title from '../Title/index.js'\nimport SwiperBox from '../SwiperBox/index.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport { gaTrack } from '../../shared/track.js'\nimport { useMediaQuery } from 'react-responsive'\nimport { useRollout } from '../../hooks/useRollout.js'\nimport { ShelfDisplayWrapItem, ShelfDisplayHorizontalItem } from './shelfDisplayItem.js'\nimport type { ShelfDisplayProps, ShelfDisplayItem } from './shelfDisplay.js'\n\nconst componentType = 'image'\nconst componentName = 'product_shelf'\n\nconst sanitizeCssSelector = (value?: string | number) => {\n  if (value === undefined || value === null) return 'default'\n  const sanitized = String(value).replace(/[^a-zA-Z0-9_-]/g, '')\n  return sanitized || 'default'\n}\n\nfunction sanitizeTabValue(value: string): string {\n  return value.trim().replace(/\\s+/g, '-')\n}\n\nconst ShelfDisplay = React.forwardRef<HTMLDivElement, ShelfDisplayProps>(\n  (\n    {\n      key,\n      data,\n      event,\n      buildData,\n      breakpoints,\n      className = '',\n      recommendedData,\n      target = '_self',\n      metafields,\n      isDisplayGudgments = false,\n      isDisplayBackImage = false,\n      renderOriginalPrice,\n      renderPriceLabel,\n      renderPrice,\n      onAddCart,\n      onBuyNow,\n      onLearnMore,\n      formatPrice,\n      ...rest\n    },\n    ref\n  ) => {\n    const {\n      productsTab = [],\n      productsCard = [],\n      title,\n      isShowTab = true,\n      tabShape = 'square',\n      isShowTag = false,\n      isShowOriginalPrice = true,\n      isShowRecommendedCard = false,\n      ...other\n    } = data\n\n    const [tabId, setTabId] = useState<string>('')\n\n    const isView = useRef<boolean>(false)\n    const innerRef = useRef<HTMLDivElement>(null)\n    const instanceId = useId()\n\n    const isMobile = useMediaQuery({ query: '(max-width: 768px)' })\n    const [viewRef, inView] = useRollout<HTMLDivElement>({ threshold: 0 })\n\n    const safeInstanceId = sanitizeCssSelector(instanceId)\n\n    const resolveTabData = useCallback(\n      (tabItem: any) => {\n        if (tabItem.isShowRecommendedTab) {\n          return recommendedData?.map((item: any) => ({ ...item, isShowRecommended: true })) || []\n        }\n        return (\n          tabItem.data\n            ?.map((dataItem: ShelfDisplayItem) => {\n              const findData = buildData?.products?.find((params: any) => params?.handle === dataItem?.handle)\n              if (findData) {\n                return {\n                  sku: dataItem.sku,\n                  isShowRecommended: false,\n                  custom_name: dataItem.custom_name,\n                  custom_description: dataItem.custom_description,\n                  custom_image: dataItem.custom_image,\n                  custom_theme: dataItem.custom_theme,\n                  custom_primary_link: dataItem?.custom_primary_link || '',\n                  custom_secondary_link: dataItem?.custom_secondary_link || '',\n                  custom_bg_image: dataItem?.custom_bg_image || '',\n                  ...findData,\n                }\n              }\n            })\n            .filter(Boolean) || []\n        )\n      },\n      [buildData, recommendedData]\n    )\n\n    const resolvedTabs = useMemo(() => {\n      return productsTab.map(item => ({ ...item, resolvedData: resolveTabData(item) }))\n    }, [productsTab, resolveTabData])\n\n    const cardItems = useMemo(() => {\n      if (isShowRecommendedCard) {\n        return recommendedData?.map((item: any) => ({ ...item, isShowRecommended: true })) || []\n      }\n      return (\n        productsCard\n          ?.map((dataItem: ShelfDisplayItem) => {\n            const findData = buildData?.products?.find((params: any) => params?.handle === dataItem?.handle)\n            if (findData) {\n              return {\n                sku: dataItem.sku,\n                isShowRecommended: false,\n                custom_name: dataItem.custom_name,\n                custom_description: dataItem.custom_description,\n                custom_image: dataItem.custom_image,\n                custom_theme: dataItem.custom_theme,\n                custom_primary_link: dataItem?.custom_primary_link || '',\n                custom_secondary_link: dataItem?.custom_secondary_link || '',\n                custom_bg_image: dataItem?.custom_bg_image || '',\n                ...findData,\n              }\n            }\n          })\n          .filter(Boolean) || []\n      )\n    }, [productsCard, buildData, recommendedData, isShowRecommendedCard])\n\n    const currentItems = useMemo(() => {\n      if (!isShowTab) return cardItems\n      const tab = resolvedTabs.find(item => sanitizeTabValue(item?.tab) === sanitizeTabValue(tabId))\n      return tab?.resolvedData || resolvedTabs[0]?.resolvedData || []\n    }, [isShowTab, resolvedTabs, tabId, cardItems])\n\n    const isOnce = currentItems?.length <= 1 && isDisplayGudgments\n    const isShowGudgments = !isMobile && currentItems?.length <= 2 && isDisplayGudgments\n\n    const showItemLength = (items: ShelfDisplayItem[], size?: number) => {\n      const showGudgments = !isMobile && items?.length <= 2 && isDisplayGudgments\n      switch (size) {\n        case 1440:\n          return showGudgments ? items?.length : 4\n        case 1024:\n          return showGudgments ? items?.length : 3\n        default:\n          return showGudgments ? items?.length : 2.3\n      }\n    }\n\n    const gackViewEvent = () => {\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'view_item_list',\n        event_parameters: {\n          page_group: 'Home Page',\n          item_list_name: 'Home_Page_Bundle',\n          items: recommendedData?.map((item, index) => {\n            const findData = item?.variants?.find((v: any) => v?.sku === item?.sku)\n            const variant = findData || item?.variants?.[0]\n            return {\n              item_id: item?.sku || variant?.sku,\n              item_name: item?.name,\n              item_variant: variant?.name,\n              price: variant?.price,\n              index: index + 1,\n            }\n          }),\n        },\n      })\n    }\n\n    useImperativeHandle(ref, () => innerRef.current as HTMLDivElement)\n\n    useEffect(() => {\n      if (inView && recommendedData?.length && !isView.current) {\n        isView.current = true\n        gackViewEvent()\n      }\n    }, [inView, recommendedData])\n\n    useEffect(() => {\n      if (isShowTab && productsTab?.length > 0 && !tabId) {\n        setTabId(productsTab[0]?.tab || '')\n      }\n    }, [])\n\n    const renderSwiperBox = (items: ShelfDisplayItem[], tabKey: string) => {\n      const swipperId = `${safeInstanceId}-${sanitizeCssSelector(tabKey)}`\n      const showGudgments = !isMobile && items?.length <= 2 && isDisplayGudgments\n      const once = items?.length <= 1 && isDisplayGudgments\n\n      return (\n        <SwiperBox\n          key={swipperId}\n          data={{\n            list: items,\n            configuration: {\n              ...other,\n              event: event,\n              isShowTag,\n              isShowOriginalPrice,\n              target: target,\n              metafields: metafields,\n              itemLength: items?.length,\n              isDisplayBackImage: isDisplayBackImage,\n              renderOriginalPrice,\n              renderPriceLabel,\n              renderPrice,\n              onAddCart,\n              onBuyNow,\n              onLearnMore,\n              formatPrice,\n            },\n          }}\n          id={swipperId}\n          className={`${isShowTab ? 'mt-6' : ''} shelf-display-swiper-box !overflow-visible`}\n          itemClassName={showGudgments ? 'flex-1' : ''}\n          Slide={showGudgments ? ShelfDisplayHorizontalItem : ShelfDisplayWrapItem}\n          breakpoints={\n            breakpoints || {\n              0: {\n                spaceBetween: 12,\n                freeMode: false,\n                slidesPerView: 1,\n              },\n              374: {\n                spaceBetween: 12,\n                freeMode: false,\n                slidesPerView: once ? 1 : 1.2,\n              },\n              768: {\n                spaceBetween: once ? 0 : 16,\n                freeMode: false,\n                slidesPerView: showItemLength(items),\n              },\n              1024: {\n                spaceBetween: once ? 0 : 16,\n                freeMode: false,\n                slidesPerView: showItemLength(items, 1024),\n              },\n              1440: {\n                spaceBetween: once ? 0 : 16,\n                freeMode: false,\n                slidesPerView: showItemLength(items, 1440),\n              },\n            }\n          }\n        />\n      )\n    }\n\n    return (\n      <div\n        ref={innerRef}\n        {...rest}\n        className={cn('shelf-display-wrap text-info-primary w-full', className, {\n          'aiui-dark': data?.theme === 'dark',\n        })}\n      >\n        {title && <Title data={{ title: title }} />}\n        {isShowTab && productsTab?.length > 0 ? (\n          <Tabs\n            value={tabId}\n            onValueChange={value => {\n              const currentTab = productsTab?.find(item => sanitizeTabValue(item?.tab) === value)\n              if (currentTab) {\n                setTabId(value)\n                if (!currentTab.isShowRecommendedTab) {\n                  gaTrack({\n                    event: 'ga4Event',\n                    event_name: 'component_click',\n                    event_parameters: {\n                      page_group: 'Home Page',\n                      component_type: componentType,\n                      component_name: componentName,\n                      component_title: data?.title,\n                      component_position: 1,\n                      navigation: value,\n                    },\n                  })\n                  return\n                }\n                gackViewEvent()\n              }\n            }}\n            shape={tabShape === 'rounded' ? 'rounded' : 'square'}\n          >\n            <TabsList>\n              {productsTab.map(item => (\n                <TabsTrigger key={item?.id || item?.tab} value={item?.tab}>\n                  {item?.tab || ''}\n                </TabsTrigger>\n              ))}\n            </TabsList>\n            {resolvedTabs.map(item => (\n              <TabsContent key={item?.id || item?.tab} value={item?.tab}>\n                <div\n                  ref={viewRef as any}\n                  className=\"tablet:min-h-[393px] laptop:min-h-[425px] desktop:min-h-[405px] lg-desktop:min-h-[409px]\"\n                >\n                  {renderSwiperBox(item.resolvedData || [], item?.tab || '')}\n                </div>\n              </TabsContent>\n            ))}\n          </Tabs>\n        ) : (\n          <div\n            ref={viewRef as any}\n            className=\"tablet:min-h-[393px] laptop:min-h-[425px] desktop:min-h-[405px] lg-desktop:min-h-[409px]\"\n          >\n            {renderSwiperBox(cardItems, 'card')}\n          </div>\n        )}\n      </div>\n    )\n  }\n)\n\nShelfDisplay.displayName = 'ShelfDisplay'\nexport default withLayout(ShelfDisplay)\n"],
+  "mappings": "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",
+  "names": ["ShelfDisplay_exports", "__export", "ShelfDisplay_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_utils", "import_tabs", "import_Title", "import_SwiperBox", "import_Styles", "import_track", "import_react_responsive", "import_useRollout", "import_shelfDisplayItem", "componentType", "componentName", "sanitizeCssSelector", "value", "sanitizeTabValue", "ShelfDisplay", "React", "key", "data", "event", "buildData", "breakpoints", "className", "recommendedData", "target", "metafields", "isDisplayGudgments", "isDisplayBackImage", "renderOriginalPrice", "renderPriceLabel", "renderPrice", "onAddCart", "onBuyNow", "onLearnMore", "formatPrice", "rest", "ref", "productsTab", "productsCard", "title", "isShowTab", "tabShape", "isShowTag", "isShowOriginalPrice", "isShowRecommendedCard", "other", "tabId", "setTabId", "isView", "innerRef", "instanceId", "isMobile", "viewRef", "inView", "safeInstanceId", "resolveTabData", "tabItem", "item", "dataItem", "findData", "params", "resolvedTabs", "cardItems", "currentItems", "isOnce", "isShowGudgments", "showItemLength", "items", "size", "showGudgments", "gackViewEvent", "index", "variant", "v", "renderSwiperBox", "tabKey", "swipperId", "once", "SwiperBox", "Title", "currentTab"]
 }

package/dist/cjs/biz-components/ShelfDisplay/shelfDisplayItem.js

@@ -1,2 +1,2 @@
-"use strict";var Be=Object.create;var ie=Object.defineProperty;var Ce=Object.getOwnPropertyDescriptor;var Pe=Object.getOwnPropertyNames;var Le=Object.getPrototypeOf,$e=Object.prototype.hasOwnProperty;var De=(e,t)=>{for(var u in t)ie(e,u,{get:t[u],enumerable:!0})},Te=(e,t,u,v)=>{if(t&&typeof t=="object"||typeof t=="function")for(let y of Pe(t))!$e.call(e,y)&&y!==u&&ie(e,y,{get:()=>t[y],enumerable:!(v=Ce(t,y))||v.enumerable});return e};var xe=(e,t,u)=>(u=e!=null?Be(Le(e)):{},Te(t||!e||!e.__esModule?ie(u,"default",{value:e,enumerable:!0}):u,e)),Ie=e=>Te(ie({},"__esModule",{value:!0}),e);var Me={};De(Me,{ShelfDisplayHorizontalItem:()=>Fe,ShelfDisplayWrapItem:()=>Ae,getProductImage:()=>Ne});module.exports=Ie(Me);var s=require("react/jsx-runtime"),ge=require("../AiuiProvider/index.js"),ve=require("./shelfDisplay.js"),ae=xe(require("../../components/picture.js")),ce=xe(require("../../components/badge.js")),g=require("../../helpers/utils.js"),be=require("../../components/text.js"),K=xe(require("../../components/button.js")),ke=require("../../shared/track.js"),we=require("../../shared/trackUrlRef.js"),_e=require("../../components/heading.js"),Se=require("../../hooks/useExposure.js"),m=require("react");const oe="image",ne="product_shelf",le=999999999e-2,Ne=e=>{const t=e?.sku,u=e?.variants,v=u?.find(L=>L?.sku===t),y=v?.image?.url||u?.[0]?.image?.url||"",W=v?.image?.altText||u?.[0]?.image?.altText||e?.custom_name||e?.title||"";return{imageUrl:y,altText:W}},Ae=({data:e,configuration:t})=>{const{isDisplayBackImage:u=!1,itemShape:v,metafields:y,isTopTag:W=!1,isShowTag:L,isShowOriginalPrice:Q,isShowShortTitle:me=!1,formatPrice:$,renderOriginalPrice:U,renderPriceLabel:X,renderPrice:b}=t||{},{locale:T="es",copyWriting:pe,currencyDisplay:Y}=(0,ge.useAiuiContext)(),{discounts:Z,discountsCopy:z}=y||{},H=(0,m.useRef)(null),[E,ee]=(0,m.useState)([]),[R,de]=(0,m.useState)(""),[te,c]=(0,m.useState)(!1),[V,se]=(0,m.useState)(!1),D=(r,i,o,l)=>{const{primaryFun:d,onAddCart:f,onBuyNow:_,onLearnMore:J,event:he}=t||{};if(d){if(d==="AddCart"&&f)return f(r,i+1,o,l);if(d==="BuyNow"&&_)return _(r,i+1,o,l);if(d==="LearnMore"&&J)return J(r,i+1,o,l)}he?.primaryButton?.(r,i+1,o,l)},ue=(r,i,o,l)=>{const{secondaryFun:d,onAddCart:f,onBuyNow:_,onLearnMore:J,event:he}=t||{};if(d){if(d==="AddCart"&&f)return f(r,i+1,o,l);if(d==="BuyNow"&&_)return _(r,i+1,o,l);if(d==="LearnMore"&&J)return J(r,i+1,o,l)}he?.secondaryButton?.(r,i+1,o,l)},p=(0,m.useMemo)(()=>{const r=e?.variants||[];if(r.length)return e?.sku?r?.find?.(i=>i?.sku===e?.sku)||r[0]:r?.[0]},[e?.sku,e?.variants]),h=p?.id?.split?.("/")||[],q=h?.[h?.length-1],B=!p?.availableForSale||p?.price?.amount===le||p?.price===le,k=p?.coupons?.[0],C=!!(Q&&k),P=e?.price?.currencyCode||"USD",S=(0,m.useMemo)(()=>(0,ve.formatVariantPrice)({locale:T,amount:C?k?.variant_price4wscode:p?.price,baseAmount:C?p?.price:0,currencyCode:P,currencyDisplay:Y,customFormatPrice:$}),[P,T,C,k?.variant_price4wscode,p,$]),{price:w,basePrice:I,discount:N,discountAmount:x}=S,{imageUrl:A,altText:F}=Ne(e),M=e?.custom_name||e?.title,G=me&&p?.metafields?.infos?.page_short_title||M,j=e?.custom_description||e?.description,fe=()=>{if(k?.value_type==="fixed_amount"){const r=x||"",i=r.match(/^(.*?)(\d[\d.,]*)(.*)$/);if(i){const[,o,l,d]=i;let f=l;return l.endsWith(".00")?f=l.replace(/\.00$/,""):l.endsWith(",00")&&(f=l.replace(/,00$/,"")),`${o}${f}${d}`}return r}return N||""};(0,m.useEffect)(()=>{let r=[];if(N||x){const o=`${fe()} ${Z?.off||z?.off||""}`;de(o),r.push(o)}const i=e?.tags?.filter?.(o=>o?.startsWith?.("CLtag"))?.map?.(o=>o?.replace?.("CLtag:",""))?.slice?.(0,N?1:2);ee(r.concat(i))},[e?.tags,N,x,Z?.off,z?.off]),(0,Se.useExposure)(H,{componentType:oe,componentName:ne,componentTitle:M,componentDescription:j,position:t?.index+1});const ye=async()=>{if(!te&&!e?.custom_primary_link){c(!0);try{await D(e,t?.index,t,k)}finally{c(!1)}}},O=async()=>{if(!V&&!e?.custom_secondary_link){se(!0);try{await ue(e,t?.index,t,k)}finally{se(!1)}}},re=()=>(0,s.jsxs)(s.Fragment,{children:[L&&E?.length>0?(0,s.jsx)("div",{className:"mb-1 box-border flex h-8 flex-wrap gap-1 overflow-hidden",children:E?.map?.((r,i)=>(0,s.jsx)(ce.default,{className:"shelf-items-tag",variant:"fill",children:r},i))}):null,G?(0,s.jsx)(_e.Heading,{as:"h3",title:G||"",size:2,className:"shelf-display-product-title lg-desktop:h-[58px] text-info-primary line-clamp-2 h-12",html:G||""}):null,(0,s.jsx)(be.Text,{size:2,className:"lg-desktop:text-lg desktop:h-[24px] lg-desktop:h-[28px] desktop:text-base shelf-display-product-description text-info-primary line-clamp-1 h-[20px] text-sm",html:j||""}),(0,s.jsx)("div",{className:"mb-2 mt-4 flex items-center",children:b?b(e,{price:w,basePrice:I,discount:N,discountAmount:x,variant:p,coupon:k,isSoldOut:B}):B?(0,s.jsx)("div",{className:"tablet:text-2xl text-info-primary text-xl font-bold",children:pe?.soldOutText}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"final-price tablet:text-xl text-info-primary text-xl font-bold",children:p?.availableForSale&&w||""}),U?U(e,{price:w,basePrice:I,discount:N,discountAmount:x}):I&&(0,s.jsx)("div",{className:"origin-price tablet:text-xl text-info-secondary ml-1 text-lg font-bold line-through",children:p?.availableForSale&&I||""})]})}),!b&&X?.(e,p),(0,s.jsxs)("div",{className:(0,g.cn)("shelf-flex-button-group","lg-desktop:gap-3 flex items-center gap-2",t.direction==="vertical"?"flex-col":""),children:[t?.secondaryButton?(0,s.jsx)(K.default,{disabled:B&&t?.secondaryFun!=="LearnMore",variant:"secondary",href:e?.custom_secondary_link,as:e?.custom_secondary_link?"a":"button",onClick:O,loading:V,className:t.direction==="vertical"?"w-full":"",children:t?.secondaryButton||""}):null,t?.primaryButton?(0,s.jsx)(K.default,{disabled:B&&t?.primaryFun!=="LearnMore",variant:"primary",href:e?.custom_primary_link,as:e?.custom_primary_link?"a":"button",onClick:ye,loading:te,className:t.direction==="vertical"?"w-full":"",children:t?.primaryButton||""}):null]})]}),n=e?.custom_bg_image,a=e?.custom_theme;return(0,s.jsx)("div",{ref:H,className:(0,g.cn)("box-border w-full cursor-pointer overflow-hidden duration-300","rounded-box","lg-desktop:aspect-w-[404] lg-desktop:aspect-h-[480] desktop:aspect-w-[316] desktop:aspect-h-[384]","laptop:aspect-w-[288] laptop:aspect-h-[360] aspect-w-[296] aspect-h-[360] relative","md-tablet:h-[360px] shelf-display-item",n?"bg-cover bg-center bg-no-repeat":"bg-background tablet:hover:bg-info-white",{"aiui-dark":a==="dark"}),style:n?{backgroundImage:`url(${n})`}:void 0,children:u?(0,s.jsx)("div",{className:"absolute inset-0 box-border overflow-hidden",children:(0,s.jsxs)("div",{className:"relative inset-0 size-full",children:[(0,s.jsx)(ae.default,{source:A,alt:F,className:(0,g.cn)("flex h-full justify-center object-cover [&_img]:w-auto",{"opacity-0":n})}),(0,s.jsx)("div",{className:"desktop:p-6 absolute inset-x-0 bottom-0 box-border overflow-hidden p-4",children:re()})]})}):(0,s.jsxs)("div",{className:"desktop:p-6 absolute inset-0 box-border flex flex-col justify-between overflow-hidden p-4",children:[R&&W&&(0,s.jsx)(ce.default,{className:"shelf-prices-tag absolute left-4 top-4 z-10",variant:"fill",children:R||""}),(0,s.jsx)("div",{className:(0,g.cn)("lg-desktop:h-[195px] shelf-display-item-image relative mb-2 inline-block h-[140px] w-full flex-1 overflow-hidden",{"opacity-0":n}),children:(0,s.jsx)("a",{"aria-label":M,target:t?.target,href:(0,we.trackUrlRef)(`${T==="us"||!T?"":`/${T}`}/products/${e?.handle}?variant=${q}`,`${oe}_${ne}`),onClick:()=>{(0,ke.gaTrack)({event:"ga4Event",event_name:"select_item",event_parameters:{page_group:"Home Page",item_list_name:"Home_Page_Bundle",items:[{item_id:e?.sku||p?.sku,item_name:e?.name,item_variant:p?.name,price:p?.price,index:t?.index+1}]}})},children:(0,s.jsx)(ae.default,{source:A,alt:F,className:"flex h-full justify-center object-cover [&_img]:w-auto"})})}),re()]})},e?.id||e?.handle)},Fe=({data:e,configuration:t})=>{const{itemShape:u,itemLength:v,metafields:y,isShowShortTitle:W,formatPrice:L,renderOriginalPrice:Q,renderPriceLabel:me,renderPrice:$}=t||{},{discounts:U,discountsCopy:X}=y||{},{locale:b="us",copyWriting:T,currencyDisplay:pe}=(0,ge.useAiuiContext)(),[Y,Z]=(0,m.useState)([]),z=(0,m.useRef)(null),[H,E]=(0,m.useState)(!1),[ee,R]=(0,m.useState)(!1),de=(n,a,r,i)=>{const{primaryFun:o,onAddCart:l,onBuyNow:d,onLearnMore:f,event:_}=t||{};if(o){if(o==="AddCart"&&l)return l(n,a+1,r,i);if(o==="BuyNow"&&d)return d(n,a+1,r,i);if(o==="LearnMore"&&f)return f(n,a+1,r,i)}_?.primaryButton?.(n,a+1,r,i)},te=(n,a,r,i)=>{const{secondaryFun:o,onAddCart:l,onBuyNow:d,onLearnMore:f,event:_}=t||{};if(o){if(o==="AddCart"&&l)return l(n,a+1,r,i);if(o==="BuyNow"&&d)return d(n,a+1,r,i);if(o==="LearnMore"&&f)return f(n,a+1,r,i)}_?.secondaryButton?.(n,a+1,r,i)},c=(0,m.useMemo)(()=>{const n=e?.variants||[];if(n.length)return e?.sku&&n.find(a=>a?.sku===e?.sku)||n[0]},[e?.sku,e?.variants]),V=c?.id?.split?.("/")||[],se=V?.[V?.length-1],D=!c?.availableForSale||c?.price?.amount===le||c?.price===le,ue=t?.isShowTag,p=t?.isShowOriginalPrice,h=c?.coupons?.[0],q=!!(p&&h),B=e?.price?.currencyCode||"USD",k=(0,m.useMemo)(()=>(0,ve.formatVariantPrice)({locale:b,amount:q?h?.variant_price4wscode:c?.price,baseAmount:q?c?.price:0,currencyCode:B,currencyDisplay:pe,customFormatPrice:L}),[B,b,q,h?.variant_price4wscode,c,L]),{price:C,basePrice:P,discount:S,discountAmount:w}=k,{imageUrl:I,altText:N}=Ne(e),x=e?.custom_name||e?.title,A=W&&c?.metafields?.infos?.page_short_title||x,F=e?.custom_description||e?.description;(0,Se.useExposure)(z,{componentType:oe,componentName:ne,componentTitle:x,componentDescription:F,position:t?.index+1});const M=async()=>{if(!H&&!e?.custom_primary_link){E(!0);try{await de(e,t?.index,t,h)}finally{E(!1)}}},G=async()=>{if(!ee&&!e?.custom_secondary_link){R(!0);try{await te(e,t?.index,t,h)}finally{R(!1)}}},j=()=>v>=2?{boxItem:"lg-desktop:max-w-[401px] desktop:max-w-[292px] max-w-full",imgItem:"m-tablet:m-auto lg-desktop:max-w-[330px] lg-desktop:max-h-[330px] desktop:max-w-[260px] desktop:max-h-[260px] max-w-[138px] max-h-[138px]",wrap:"lg-desktop:aspect-w-[824] lg-desktop:aspect-h-[480] desktop:aspect-w-[648] desktop:aspect-h-[380] laptop:aspect-w-[440] laptop:aspect-h-[356] tablet:aspect-w-[346] tablet:aspect-h-[360] md-tablet:w-full"}:{boxItem:"lg-desktop:max-w-[401px] desktop:max-w-[292px] laptop:max-w-[289px] max-w-[262px]",imgItem:"md-tablet:m-auto lg-desktop:max-w-[450px] lg-desktop:max-h-[450px] desktop:max-w-[332px] desktop:max-h-[332px] max-w-[312px] max-h-[312px]",wrap:"lg-desktop:aspect-w-[1664] lg-desktop:aspect-h-[480] desktop:aspect-w-[1312] desktop:aspect-h-[380] laptop:aspect-w-[896] laptop:aspect-h-[356] tablet:aspect-w-[704] tablet:aspect-h-[360] md-tablet:w-full"},fe=()=>v>=2?"flex flex-col justify-between desktop:gap-12 desktop:flex-row desktop:justify-center desktop:items-center":"flex justify-center items-center gap-6 md-tablet:flex-col",ye=()=>{if(h?.value_type==="fixed_amount"){const n=w||"",a=n.match(/^(.*?)(\d[\d.,]*)(.*)$/);if(a){const[,r,i,o]=a;let l=i;return i.endsWith(".00")?l=i.replace(/\.00$/,""):i.endsWith(",00")&&(l=i.replace(/,00$/,"")),`${r}${l}${o}`}return n}return S||""};(0,m.useEffect)(()=>{let n=[];if(S||w){const r=`${ye()} ${U?.off||X?.off||""}`;n.push(r)}const a=e?.tags?.filter?.(r=>r?.startsWith?.("CLtag"))?.map?.(r=>r?.replace?.("CLtag:",""))?.slice?.(0,S?1:2);Z(n.concat(a))},[e?.tags,S,w,U?.off,X?.off]);const O=e?.custom_bg_image,re=e?.custom_theme;return(0,s.jsx)("div",{ref:z,className:(0,g.cn)(j().wrap,"rounded-box","shelf-display-item","duration-300","md-tablet:h-[360px] relative box-border w-full cursor-pointer overflow-hidden",O?"bg-cover bg-center bg-no-repeat":"bg-container-secondary-1 tablet:hover:bg-info-white",{"aiui-dark":re==="dark"}),style:O?{backgroundImage:`url(${O})`}:void 0,children:(0,s.jsxs)("div",{className:(0,g.cn)(fe(),"desktop:p-6 absolute inset-0 box-border overflow-hidden p-4"),children:[(0,s.jsx)("div",{className:(0,g.cn)(j().imgItem,"desktop:mb-0 relative mb-1 overflow-hidden",{"opacity-0":O}),children:(0,s.jsx)("a",{"aria-label":x,target:t?.target,href:(0,we.trackUrlRef)(`${b==="us"||!b?"":`/${b}`}/products/${e?.handle}?variant=${se}`,`${oe}_${ne}`),onClick:()=>{(0,ke.gaTrack)({event:"ga4Event",event_name:"select_item",event_parameters:{page_group:"Home Page",item_list_name:"Home_Page_Bundle",items:[{item_id:e?.sku||c?.sku,item_name:e?.name,item_variant:c?.name,price:c?.price,index:t?.index+1}]}})},children:(0,s.jsx)(ae.default,{source:I,alt:N,className:"flex h-full justify-center object-cover [&_img]:w-auto"})})}),(0,s.jsxs)("div",{className:(0,g.cn)("flex flex-col items-start justify-center",j().boxItem),children:[ue&&(0,s.jsx)("div",{className:"mb-1 box-border flex h-8 flex-wrap gap-1 overflow-hidden",children:Y?.length>0&&Y?.map?.((n,a)=>(0,s.jsx)(ce.default,{className:"shelf-items-tag",variant:"fill",children:n},a))}),A?(0,s.jsx)(_e.Heading,{as:"h3",title:A||"",size:2,className:"shelf-display-product-title lg-desktop:h-[58px] text-info-primary mb-1 line-clamp-2 h-[48px]",html:A||""}):null,F?(0,s.jsx)(be.Text,{size:2,className:"lg-desktop:text-lg lg-desktop:h-[26px] desktop:text-base desktop:h-6 shelf-display-product-description text-info-primary line-clamp-1 h-5 text-sm",html:F||""}):null,(0,s.jsx)("div",{className:"mb-2 mt-5 flex items-center",children:$?$(e,{price:C,basePrice:P,discount:S,discountAmount:w,variant:c,coupon:h,isSoldOut:D}):D?(0,s.jsx)("div",{className:"tablet:text-2xl text-info-primary text-xl font-bold",children:T?.soldOutText}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"final-price tablet:text-xl text-info-primary text-xl font-bold",children:c?.availableForSale&&C||""}),Q?Q(e,{price:C,basePrice:P,discount:S,discountAmount:w}):P&&(0,s.jsx)("div",{className:"origin-price tablet:text-xl text-info-secondary ml-1 text-lg font-bold line-through",children:c?.availableForSale&&P||""})]})}),!$&&me?.(e,c),(0,s.jsxs)("div",{className:(0,g.cn)("shelf-flex-button-group","lg-desktop:gap-3 flex items-center gap-2",t.direction==="vertical"?"flex-col":""),children:[t?.secondaryButton?(0,s.jsx)(K.default,{disabled:D&&t?.secondaryFun!=="LearnMore",variant:"secondary",href:e?.custom_secondary_link,as:e?.custom_secondary_link?"a":"button",onClick:G,loading:ee,className:t.direction==="vertical"?"w-full":"",children:t?.secondaryButton||""}):null,t?.primaryButton?(0,s.jsx)(K.default,{disabled:D&&t?.primaryFun!=="LearnMore",variant:"primary",href:e?.custom_primary_link,as:e?.custom_primary_link?"a":"button",onClick:M,loading:H,className:t.direction==="vertical"?"w-full":"",children:t?.primaryButton||""}):null]})]})]})},e?.id||e?.handle)};
+"use strict";var Be=Object.create;var ie=Object.defineProperty;var Ce=Object.getOwnPropertyDescriptor;var Pe=Object.getOwnPropertyNames;var Le=Object.getPrototypeOf,$e=Object.prototype.hasOwnProperty;var De=(e,t)=>{for(var u in t)ie(e,u,{get:t[u],enumerable:!0})},Te=(e,t,u,v)=>{if(t&&typeof t=="object"||typeof t=="function")for(let y of Pe(t))!$e.call(e,y)&&y!==u&&ie(e,y,{get:()=>t[y],enumerable:!(v=Ce(t,y))||v.enumerable});return e};var xe=(e,t,u)=>(u=e!=null?Be(Le(e)):{},Te(t||!e||!e.__esModule?ie(u,"default",{value:e,enumerable:!0}):u,e)),Ie=e=>Te(ie({},"__esModule",{value:!0}),e);var Me={};De(Me,{ShelfDisplayHorizontalItem:()=>Fe,ShelfDisplayWrapItem:()=>Ae,getProductImage:()=>Ne});module.exports=Ie(Me);var s=require("react/jsx-runtime"),ge=require("../AiuiProvider/index.js"),ve=require("./shelfDisplay.js"),ae=xe(require("../../components/picture.js")),ce=xe(require("../../components/badge.js")),g=require("../../helpers/utils.js"),be=require("../../components/text.js"),K=xe(require("../../components/button.js")),ke=require("../../shared/track.js"),we=require("../../shared/trackUrlRef.js"),_e=require("../../components/heading.js"),Se=require("../../hooks/useExposure.js"),m=require("react");const oe="image",ne="product_shelf",le=999999999e-2,Ne=e=>{const t=e?.sku,u=e?.variants,v=u?.find(L=>L?.sku===t),y=v?.image?.url||u?.[0]?.image?.url||"",W=v?.image?.altText||u?.[0]?.image?.altText||e?.custom_name||e?.title||"";return{imageUrl:y,altText:W}},Ae=({data:e,configuration:t})=>{const{isDisplayBackImage:u=!1,itemShape:v,metafields:y,isTopTag:W=!1,isShowTag:L,isShowOriginalPrice:Q,isShowShortTitle:me=!1,formatPrice:$,renderOriginalPrice:U,renderPriceLabel:X,renderPrice:b}=t||{},{locale:T="es",copyWriting:pe,currencyDisplay:Y}=(0,ge.useAiuiContext)(),{discounts:Z,discountsCopy:z}=y||{},H=(0,m.useRef)(null),[E,ee]=(0,m.useState)([]),[R,de]=(0,m.useState)(""),[te,c]=(0,m.useState)(!1),[V,se]=(0,m.useState)(!1),D=(r,i,o,l)=>{const{primaryFun:d,onAddCart:f,onBuyNow:_,onLearnMore:J,event:he}=t||{};if(d){if(d==="AddCart"&&f)return f(r,i+1,o,l);if(d==="BuyNow"&&_)return _(r,i+1,o,l);if(d==="LearnMore"&&J)return J(r,i+1,o,l)}he?.primaryButton?.(r,i+1,o,l)},ue=(r,i,o,l)=>{const{secondaryFun:d,onAddCart:f,onBuyNow:_,onLearnMore:J,event:he}=t||{};if(d){if(d==="AddCart"&&f)return f(r,i+1,o,l);if(d==="BuyNow"&&_)return _(r,i+1,o,l);if(d==="LearnMore"&&J)return J(r,i+1,o,l)}he?.secondaryButton?.(r,i+1,o,l)},p=(0,m.useMemo)(()=>{const r=e?.variants||[];if(r.length)return e?.sku?r?.find?.(i=>i?.sku===e?.sku)||r[0]:r?.[0]},[e?.sku,e?.variants]),h=p?.id?.split?.("/")||[],q=h?.[h?.length-1],B=!p?.availableForSale||p?.price?.amount===le||p?.price===le,k=p?.coupons?.[0],C=!!(Q&&k),P=e?.price?.currencyCode||"USD",S=(0,m.useMemo)(()=>(0,ve.formatVariantPrice)({locale:T,amount:C?k?.variant_price4wscode:p?.price,baseAmount:C?p?.price:0,currencyCode:P,currencyDisplay:Y,customFormatPrice:$}),[P,T,C,k?.variant_price4wscode,p,$]),{price:w,basePrice:I,discount:N,discountAmount:x}=S,{imageUrl:A,altText:F}=Ne(e),M=e?.custom_name||e?.title,G=me&&p?.metafields?.infos?.page_short_title||M,j=e?.custom_description||e?.description,fe=()=>{if(k?.value_type==="fixed_amount"){const r=x||"",i=r.match(/^(.*?)(\d[\d.,]*)(.*)$/);if(i){const[,o,l,d]=i;let f=l;return l.endsWith(".00")?f=l.replace(/\.00$/,""):l.endsWith(",00")&&(f=l.replace(/,00$/,"")),`${o}${f}${d}`}return r}return N||""};(0,m.useEffect)(()=>{let r=[];if(N||x){const o=`${fe()} ${Z?.off||z?.off||""}`;de(o),r.push(o)}const i=e?.tags?.filter?.(o=>o?.startsWith?.("CLtag"))?.map?.(o=>o?.replace?.("CLtag:",""))?.slice?.(0,N?1:2)||[];ee(r.concat(i))},[e?.tags,N,x,Z?.off,z?.off]),(0,Se.useExposure)(H,{componentType:oe,componentName:ne,componentTitle:M,componentDescription:j,position:t?.index+1});const ye=async()=>{if(!te&&!e?.custom_primary_link){c(!0);try{await D(e,t?.index,t,k)}finally{c(!1)}}},O=async()=>{if(!V&&!e?.custom_secondary_link){se(!0);try{await ue(e,t?.index,t,k)}finally{se(!1)}}},re=()=>(0,s.jsxs)(s.Fragment,{children:[L&&E?.length>0?(0,s.jsx)("div",{className:"mb-1 box-border flex h-8 flex-wrap gap-1 overflow-hidden",children:E?.map?.((r,i)=>(0,s.jsx)(ce.default,{className:"shelf-items-tag",variant:"fill",children:r},i))}):null,G?(0,s.jsx)(_e.Heading,{as:"h3",title:G||"",size:2,className:"shelf-display-product-title lg-desktop:h-[58px] text-info-primary line-clamp-2 h-12",html:G||""}):null,(0,s.jsx)(be.Text,{size:2,className:"lg-desktop:text-lg desktop:h-[24px] lg-desktop:h-[28px] desktop:text-base shelf-display-product-description text-info-primary line-clamp-1 h-[20px] text-sm",html:j||""}),(0,s.jsx)("div",{className:"mb-2 mt-4 flex items-center",children:b?b(e,{price:w,basePrice:I,discount:N,discountAmount:x,variant:p,coupon:k,isSoldOut:B}):B?(0,s.jsx)("div",{className:"tablet:text-2xl text-info-primary text-xl font-bold",children:pe?.soldOutText}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"final-price tablet:text-xl text-info-primary text-xl font-bold",children:p?.availableForSale&&w||""}),U?U(e,{price:w,basePrice:I,discount:N,discountAmount:x}):I&&(0,s.jsx)("div",{className:"origin-price tablet:text-xl text-info-secondary ml-1 text-lg font-bold line-through",children:p?.availableForSale&&I||""})]})}),!b&&X?.(e,p),(0,s.jsxs)("div",{className:(0,g.cn)("shelf-flex-button-group","lg-desktop:gap-3 flex items-center gap-2",t.direction==="vertical"?"flex-col":""),children:[t?.secondaryButton?(0,s.jsx)(K.default,{disabled:B&&t?.secondaryFun!=="LearnMore",variant:"secondary",href:e?.custom_secondary_link,as:e?.custom_secondary_link?"a":"button",onClick:O,loading:V,className:t.direction==="vertical"?"w-full":"",children:t?.secondaryButton||""}):null,t?.primaryButton?(0,s.jsx)(K.default,{disabled:B&&t?.primaryFun!=="LearnMore",variant:"primary",href:e?.custom_primary_link,as:e?.custom_primary_link?"a":"button",onClick:ye,loading:te,className:t.direction==="vertical"?"w-full":"",children:t?.primaryButton||""}):null]})]}),n=e?.custom_bg_image,a=e?.custom_theme;return(0,s.jsx)("div",{ref:H,className:(0,g.cn)("box-border w-full cursor-pointer overflow-hidden duration-300","rounded-box","lg-desktop:aspect-w-[404] lg-desktop:aspect-h-[480] desktop:aspect-w-[316] desktop:aspect-h-[384]","laptop:aspect-w-[288] laptop:aspect-h-[360] aspect-w-[296] aspect-h-[360] relative","md-tablet:h-[360px] shelf-display-item",n?"bg-cover bg-center bg-no-repeat":"bg-background tablet:hover:bg-info-white",{"aiui-dark":a==="dark"}),style:n?{backgroundImage:`url(${n})`}:void 0,children:u?(0,s.jsx)("div",{className:"absolute inset-0 box-border overflow-hidden",children:(0,s.jsxs)("div",{className:"relative inset-0 size-full",children:[(0,s.jsx)(ae.default,{source:A,alt:F,className:(0,g.cn)("flex h-full justify-center object-cover [&_img]:w-auto",{"opacity-0":n})}),(0,s.jsx)("div",{className:"desktop:p-6 absolute inset-x-0 bottom-0 box-border overflow-hidden p-4",children:re()})]})}):(0,s.jsxs)("div",{className:"desktop:p-6 absolute inset-0 box-border flex flex-col justify-between overflow-hidden p-4",children:[R&&W&&(0,s.jsx)(ce.default,{className:"shelf-prices-tag absolute left-4 top-4 z-10",variant:"fill",children:R||""}),(0,s.jsx)("div",{className:(0,g.cn)("lg-desktop:h-[195px] shelf-display-item-image relative mb-2 inline-block h-[140px] w-full flex-1 overflow-hidden",{"opacity-0":n}),children:(0,s.jsx)("a",{"aria-label":M,target:t?.target,href:(0,we.trackUrlRef)(`${T==="us"||!T?"":`/${T}`}/products/${e?.handle}?variant=${q}`,`${oe}_${ne}`),onClick:()=>{(0,ke.gaTrack)({event:"ga4Event",event_name:"select_item",event_parameters:{page_group:"Home Page",item_list_name:"Home_Page_Bundle",items:[{item_id:e?.sku||p?.sku,item_name:e?.name,item_variant:p?.name,price:p?.price,index:t?.index+1}]}})},children:(0,s.jsx)(ae.default,{source:A,alt:F,className:"flex h-full justify-center object-cover [&_img]:w-auto"})})}),re()]})},e?.id||e?.handle)},Fe=({data:e,configuration:t})=>{const{itemShape:u,itemLength:v,metafields:y,isShowShortTitle:W,formatPrice:L,renderOriginalPrice:Q,renderPriceLabel:me,renderPrice:$}=t||{},{discounts:U,discountsCopy:X}=y||{},{locale:b="us",copyWriting:T,currencyDisplay:pe}=(0,ge.useAiuiContext)(),[Y,Z]=(0,m.useState)([]),z=(0,m.useRef)(null),[H,E]=(0,m.useState)(!1),[ee,R]=(0,m.useState)(!1),de=(n,a,r,i)=>{const{primaryFun:o,onAddCart:l,onBuyNow:d,onLearnMore:f,event:_}=t||{};if(o){if(o==="AddCart"&&l)return l(n,a+1,r,i);if(o==="BuyNow"&&d)return d(n,a+1,r,i);if(o==="LearnMore"&&f)return f(n,a+1,r,i)}_?.primaryButton?.(n,a+1,r,i)},te=(n,a,r,i)=>{const{secondaryFun:o,onAddCart:l,onBuyNow:d,onLearnMore:f,event:_}=t||{};if(o){if(o==="AddCart"&&l)return l(n,a+1,r,i);if(o==="BuyNow"&&d)return d(n,a+1,r,i);if(o==="LearnMore"&&f)return f(n,a+1,r,i)}_?.secondaryButton?.(n,a+1,r,i)},c=(0,m.useMemo)(()=>{const n=e?.variants||[];if(n.length)return e?.sku&&n.find(a=>a?.sku===e?.sku)||n[0]},[e?.sku,e?.variants]),V=c?.id?.split?.("/")||[],se=V?.[V?.length-1],D=!c?.availableForSale||c?.price?.amount===le||c?.price===le,ue=t?.isShowTag,p=t?.isShowOriginalPrice,h=c?.coupons?.[0],q=!!(p&&h),B=e?.price?.currencyCode||"USD",k=(0,m.useMemo)(()=>(0,ve.formatVariantPrice)({locale:b,amount:q?h?.variant_price4wscode:c?.price,baseAmount:q?c?.price:0,currencyCode:B,currencyDisplay:pe,customFormatPrice:L}),[B,b,q,h?.variant_price4wscode,c,L]),{price:C,basePrice:P,discount:S,discountAmount:w}=k,{imageUrl:I,altText:N}=Ne(e),x=e?.custom_name||e?.title,A=W&&c?.metafields?.infos?.page_short_title||x,F=e?.custom_description||e?.description;(0,Se.useExposure)(z,{componentType:oe,componentName:ne,componentTitle:x,componentDescription:F,position:t?.index+1});const M=async()=>{if(!H&&!e?.custom_primary_link){E(!0);try{await de(e,t?.index,t,h)}finally{E(!1)}}},G=async()=>{if(!ee&&!e?.custom_secondary_link){R(!0);try{await te(e,t?.index,t,h)}finally{R(!1)}}},j=()=>v>=2?{boxItem:"lg-desktop:max-w-[401px] desktop:max-w-[292px] max-w-full",imgItem:"m-tablet:m-auto lg-desktop:max-w-[330px] lg-desktop:max-h-[330px] desktop:max-w-[260px] desktop:max-h-[260px] max-w-[138px] max-h-[138px]",wrap:"lg-desktop:aspect-w-[824] lg-desktop:aspect-h-[480] desktop:aspect-w-[648] desktop:aspect-h-[380] laptop:aspect-w-[440] laptop:aspect-h-[356] tablet:aspect-w-[346] tablet:aspect-h-[360] md-tablet:w-full"}:{boxItem:"lg-desktop:max-w-[401px] desktop:max-w-[292px] laptop:max-w-[289px] max-w-[262px]",imgItem:"md-tablet:m-auto lg-desktop:max-w-[450px] lg-desktop:max-h-[450px] desktop:max-w-[332px] desktop:max-h-[332px] max-w-[312px] max-h-[312px]",wrap:"lg-desktop:aspect-w-[1664] lg-desktop:aspect-h-[480] desktop:aspect-w-[1312] desktop:aspect-h-[380] laptop:aspect-w-[896] laptop:aspect-h-[356] tablet:aspect-w-[704] tablet:aspect-h-[360] md-tablet:w-full"},fe=()=>v>=2?"flex flex-col justify-between desktop:gap-12 desktop:flex-row desktop:justify-center desktop:items-center":"flex justify-center items-center gap-6 md-tablet:flex-col",ye=()=>{if(h?.value_type==="fixed_amount"){const n=w||"",a=n.match(/^(.*?)(\d[\d.,]*)(.*)$/);if(a){const[,r,i,o]=a;let l=i;return i.endsWith(".00")?l=i.replace(/\.00$/,""):i.endsWith(",00")&&(l=i.replace(/,00$/,"")),`${r}${l}${o}`}return n}return S||""};(0,m.useEffect)(()=>{let n=[];if(S||w){const r=`${ye()} ${U?.off||X?.off||""}`;n.push(r)}const a=e?.tags?.filter?.(r=>r?.startsWith?.("CLtag"))?.map?.(r=>r?.replace?.("CLtag:",""))?.slice?.(0,S?1:2)||[];Z(n.concat(a))},[e?.tags,S,w,U?.off,X?.off]);const O=e?.custom_bg_image,re=e?.custom_theme;return(0,s.jsx)("div",{ref:z,className:(0,g.cn)(j().wrap,"rounded-box","shelf-display-item","duration-300","md-tablet:h-[360px] relative box-border w-full cursor-pointer overflow-hidden",O?"bg-cover bg-center bg-no-repeat":"bg-container-secondary-1 tablet:hover:bg-info-white",{"aiui-dark":re==="dark"}),style:O?{backgroundImage:`url(${O})`}:void 0,children:(0,s.jsxs)("div",{className:(0,g.cn)(fe(),"desktop:p-6 absolute inset-0 box-border overflow-hidden p-4"),children:[(0,s.jsx)("div",{className:(0,g.cn)(j().imgItem,"desktop:mb-0 relative mb-1 overflow-hidden",{"opacity-0":O}),children:(0,s.jsx)("a",{"aria-label":x,target:t?.target,href:(0,we.trackUrlRef)(`${b==="us"||!b?"":`/${b}`}/products/${e?.handle}?variant=${se}`,`${oe}_${ne}`),onClick:()=>{(0,ke.gaTrack)({event:"ga4Event",event_name:"select_item",event_parameters:{page_group:"Home Page",item_list_name:"Home_Page_Bundle",items:[{item_id:e?.sku||c?.sku,item_name:e?.name,item_variant:c?.name,price:c?.price,index:t?.index+1}]}})},children:(0,s.jsx)(ae.default,{source:I,alt:N,className:"flex h-full justify-center object-cover [&_img]:w-auto"})})}),(0,s.jsxs)("div",{className:(0,g.cn)("flex flex-col items-start justify-center",j().boxItem),children:[ue&&(0,s.jsx)("div",{className:"mb-1 box-border flex h-8 flex-wrap gap-1 overflow-hidden",children:Y?.length>0&&Y?.map?.((n,a)=>(0,s.jsx)(ce.default,{className:"shelf-items-tag",variant:"fill",children:n},a))}),A?(0,s.jsx)(_e.Heading,{as:"h3",title:A||"",size:2,className:"shelf-display-product-title lg-desktop:h-[58px] text-info-primary mb-1 line-clamp-2 h-[48px]",html:A||""}):null,F?(0,s.jsx)(be.Text,{size:2,className:"lg-desktop:text-lg lg-desktop:h-[26px] desktop:text-base desktop:h-6 shelf-display-product-description text-info-primary line-clamp-1 h-5 text-sm",html:F||""}):null,(0,s.jsx)("div",{className:"mb-2 mt-5 flex items-center",children:$?$(e,{price:C,basePrice:P,discount:S,discountAmount:w,variant:c,coupon:h,isSoldOut:D}):D?(0,s.jsx)("div",{className:"tablet:text-2xl text-info-primary text-xl font-bold",children:T?.soldOutText}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"final-price tablet:text-xl text-info-primary text-xl font-bold",children:c?.availableForSale&&C||""}),Q?Q(e,{price:C,basePrice:P,discount:S,discountAmount:w}):P&&(0,s.jsx)("div",{className:"origin-price tablet:text-xl text-info-secondary ml-1 text-lg font-bold line-through",children:c?.availableForSale&&P||""})]})}),!$&&me?.(e,c),(0,s.jsxs)("div",{className:(0,g.cn)("shelf-flex-button-group","lg-desktop:gap-3 flex items-center gap-2",t.direction==="vertical"?"flex-col":""),children:[t?.secondaryButton?(0,s.jsx)(K.default,{disabled:D&&t?.secondaryFun!=="LearnMore",variant:"secondary",href:e?.custom_secondary_link,as:e?.custom_secondary_link?"a":"button",onClick:G,loading:ee,className:t.direction==="vertical"?"w-full":"",children:t?.secondaryButton||""}):null,t?.primaryButton?(0,s.jsx)(K.default,{disabled:D&&t?.primaryFun!=="LearnMore",variant:"primary",href:e?.custom_primary_link,as:e?.custom_primary_link?"a":"button",onClick:M,loading:H,className:t.direction==="vertical"?"w-full":"",children:t?.primaryButton||""}):null]})]})]})},e?.id||e?.handle)};
 //# sourceMappingURL=shelfDisplayItem.js.map

package/dist/cjs/biz-components/ShelfDisplay/shelfDisplayItem.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/ShelfDisplay/shelfDisplayItem.tsx"],
-  "sourcesContent": ["import { useAiuiContext } from '../AiuiProvider/index.js'\nimport { formatVariantPrice } from './shelfDisplay.js'\nimport Picture from '../../components/picture.js'\nimport Badge from '../../components/badge.js'\nimport { cn } from '../../helpers/utils.js'\nimport { Text } from '../../components/text.js'\nimport Button from '../../components/button.js'\nimport { gaTrack } from '../../shared/track.js'\nimport { trackUrlRef } from '../../shared/trackUrlRef.js'\nimport { Heading } from '../../components/heading.js'\nimport type { ShelfDisplayItem, ShelfDisplayType } from './shelfDisplay.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport { useRef, useEffect, useMemo, useState } from 'react'\n\nconst componentType = 'image'\nconst componentName = 'product_shelf'\n\nconst SOLD_OUT_PRICE = 9999999.99\n\n// \u516C\u5171\u51FD\u6570\uFF1A\u83B7\u53D6\u4EA7\u54C1\u56FE\u7247URL\u548CaltText\nexport const getProductImage = (data: any) => {\n  const sku = data?.sku\n  const skuArray = data?.variants\n  const findSku = skuArray?.find((item: any) => item?.sku === sku)\n  const imageUrl = findSku?.image?.url || skuArray?.[0]?.image?.url || ''\n  const altText = findSku?.image?.altText || skuArray?.[0]?.image?.altText || data?.custom_name || data?.title || ''\n\n  return {\n    imageUrl,\n    altText,\n  }\n}\n\nexport const ShelfDisplayWrapItem = ({ data, configuration }: { data: any; configuration?: any }) => {\n  const {\n    isDisplayBackImage = false,\n    itemShape,\n    metafields,\n    isTopTag = false,\n    isShowTag,\n    isShowOriginalPrice,\n    isShowShortTitle = false,\n    formatPrice,\n    renderOriginalPrice,\n    renderPriceLabel,\n    renderPrice,\n  } = configuration || {}\n  const { locale = 'es', copyWriting, currencyDisplay } = useAiuiContext()\n  const { discounts, discountsCopy } = metafields || {}\n  const ref = useRef<HTMLDivElement>(null)\n  const [showTags, setShowTags] = useState<string[]>([])\n  const [currentPriceTag, setCurrentPriceTag] = useState<string>('')\n  const [primaryLoading, setPrimaryLoading] = useState(false)\n  const [secondaryLoading, setSecondaryLoading] = useState(false)\n\n  const onPrimaryButton = (params: ShelfDisplayItem, index: number, data: ShelfDisplayType, coupon: any) => {\n    const { primaryFun, onAddCart, onBuyNow, onLearnMore, event } = configuration || {}\n\n    // \u4F18\u5148\u4F7F\u7528 function props\uFF08\u6839\u636E primaryFun \u503C\uFF09\n    if (primaryFun) {\n      if (primaryFun === 'AddCart' && onAddCart) {\n        return onAddCart(params, index + 1, data, coupon)\n      }\n      if (primaryFun === 'BuyNow' && onBuyNow) {\n        return onBuyNow(params, index + 1, data, coupon)\n      }\n      if (primaryFun === 'LearnMore' && onLearnMore) {\n        return onLearnMore(params, index + 1, data, coupon)\n      }\n    }\n\n    // \u517C\u5BB9\u65E7\u7684 event \u903B\u8F91\n    event?.primaryButton?.(params, index + 1, data, coupon)\n  }\n\n  const onSecondaryButton = (params: ShelfDisplayItem, index: number, data: ShelfDisplayType, coupon: any) => {\n    const { secondaryFun, onAddCart, onBuyNow, onLearnMore, event } = configuration || {}\n\n    // \u4F18\u5148\u4F7F\u7528 function props\uFF08\u6839\u636E secondaryFun \u503C\uFF09\n    if (secondaryFun) {\n      if (secondaryFun === 'AddCart' && onAddCart) {\n        return onAddCart(params, index + 1, data, coupon)\n      }\n      if (secondaryFun === 'BuyNow' && onBuyNow) {\n        return onBuyNow(params, index + 1, data, coupon)\n      }\n      if (secondaryFun === 'LearnMore' && onLearnMore) {\n        return onLearnMore(params, index + 1, data, coupon)\n      }\n    }\n\n    // \u517C\u5BB9\u65E7\u7684 event \u903B\u8F91\n    event?.secondaryButton?.(params, index + 1, data, coupon)\n  }\n\n  const variant = useMemo(() => {\n    const variants = data?.variants || []\n    if (!variants.length) {\n      return undefined\n    }\n    if (!data?.sku) {\n      return variants?.[0]\n    }\n    return variants?.find?.((item: any) => item?.sku === data?.sku) || variants[0]\n  }, [data?.sku, data?.variants])\n\n  const variantArr = variant?.id?.split?.('/') || []\n  const variantId = variantArr?.[variantArr?.length - 1]\n\n  const isSoldOut =\n    !variant?.availableForSale || variant?.price?.amount === SOLD_OUT_PRICE || variant?.price === SOLD_OUT_PRICE\n\n  // active \u7684 \u901A\u7528\u6298\u6263\n  const coupon = variant?.coupons?.[0]\n\n  const shouldUseCouponPrice = Boolean(isShowOriginalPrice && coupon)\n  const currencyCode = data?.price?.currencyCode || 'USD'\n\n  const priceInfo = useMemo(\n    () =>\n      formatVariantPrice({\n        locale,\n        amount: shouldUseCouponPrice ? coupon?.variant_price4wscode : variant?.price,\n        baseAmount: shouldUseCouponPrice ? variant?.price : 0,\n        currencyCode,\n        currencyDisplay,\n        customFormatPrice: formatPrice,\n      }),\n    [currencyCode, locale, shouldUseCouponPrice, coupon?.variant_price4wscode, variant, formatPrice]\n  )\n\n  const { price, basePrice, discount, discountAmount } = priceInfo\n\n  const { imageUrl, altText } = getProductImage(data)\n\n  const displayTitle = data?.custom_name || data?.title\n  const currentDisplayTitle = isShowShortTitle\n    ? variant?.metafields?.infos?.page_short_title || displayTitle\n    : displayTitle\n  const displayDescription = data?.custom_description || data?.description\n\n  const showPrice = () => {\n    if (coupon?.value_type === 'fixed_amount') {\n      const amountStr = discountAmount || ''\n      const match = amountStr.match(/^(.*?)(\\d[\\d.,]*)(.*)$/)\n      if (match) {\n        const [, prefix, numeric, suffix] = match\n        let updatedNumeric = numeric\n        if (numeric.endsWith('.00')) {\n          updatedNumeric = numeric.replace(/\\.00$/, '')\n        } else if (numeric.endsWith(',00')) {\n          updatedNumeric = numeric.replace(/,00$/, '')\n        }\n        return `${prefix}${updatedNumeric}${suffix}`\n      }\n      return amountStr\n    }\n    return discount || ''\n  }\n\n  // \u5904\u7406\u6807\u7B7E\n  useEffect(() => {\n    let handleTags: string[] = []\n    if (discount || discountAmount) {\n      const discountTag = `${showPrice()} ${discounts?.off || discountsCopy?.off || ''}`\n      setCurrentPriceTag(discountTag)\n      handleTags.push(discountTag)\n    }\n    const newTags = data?.tags\n      ?.filter?.((item: string) => item?.startsWith?.('CLtag'))\n      ?.map?.((item: string) => item?.replace?.('CLtag:', ''))\n      ?.slice?.(0, discount ? 1 : 2)\n    setShowTags(handleTags.concat(newTags))\n  }, [data?.tags, discount, discountAmount, discounts?.off, discountsCopy?.off])\n\n  useExposure(ref, {\n    componentType,\n    componentName,\n    componentTitle: displayTitle,\n    componentDescription: displayDescription,\n    position: configuration?.index + 1,\n  })\n\n  const handlePrimaryClick = async () => {\n    if (primaryLoading) return\n    if (data?.custom_primary_link) return\n    setPrimaryLoading(true)\n    try {\n      await onPrimaryButton(data, configuration?.index, configuration, coupon)\n    } finally {\n      setPrimaryLoading(false)\n    }\n  }\n\n  const handleSecondaryClick = async () => {\n    if (secondaryLoading) return\n    if (data?.custom_secondary_link) return\n    setSecondaryLoading(true)\n    try {\n      await onSecondaryButton(data, configuration?.index, configuration, coupon)\n    } finally {\n      setSecondaryLoading(false)\n    }\n  }\n\n  const bottomContent = () => {\n    return (\n      <>\n        {isShowTag && showTags?.length > 0 ? (\n          <div className=\"mb-1 box-border flex h-8 flex-wrap gap-1 overflow-hidden\">\n            {showTags?.map?.((item: any, index: number) => (\n              <Badge key={index} className=\"shelf-items-tag\" variant=\"fill\">\n                {item}\n              </Badge>\n            ))}\n          </div>\n        ) : null}\n        {currentDisplayTitle ? (\n          <Heading\n            as=\"h3\"\n            title={currentDisplayTitle || ''}\n            size={2}\n            className=\"shelf-display-product-title lg-desktop:h-[58px] text-info-primary line-clamp-2 h-12\"\n            html={currentDisplayTitle || ''}\n          />\n        ) : null}\n        <Text\n          size={2}\n          className=\"lg-desktop:text-lg desktop:h-[24px] lg-desktop:h-[28px] desktop:text-base shelf-display-product-description text-info-primary line-clamp-1 h-[20px] text-sm\"\n          html={displayDescription || ''}\n        />\n        <div className=\"mb-2 mt-4 flex items-center\">\n          {renderPrice ? (\n            renderPrice(data, { price, basePrice, discount, discountAmount, variant, coupon, isSoldOut })\n          ) : isSoldOut ? (\n            <div className=\"tablet:text-2xl text-info-primary text-xl font-bold\">{copyWriting?.soldOutText}</div>\n          ) : (\n            <>\n              <div className=\"final-price tablet:text-xl text-info-primary text-xl font-bold\">\n                {variant?.availableForSale ? price || '' : ''}\n              </div>\n              {renderOriginalPrice\n                ? renderOriginalPrice(data, { price, basePrice, discount, discountAmount })\n                : basePrice && (\n                    <div className=\"origin-price tablet:text-xl text-info-secondary ml-1 text-lg font-bold line-through\">\n                      {variant?.availableForSale ? basePrice || '' : ''}\n                    </div>\n                  )}\n            </>\n          )}\n        </div>\n        {!renderPrice && renderPriceLabel?.(data, variant)}\n        {/* \u6309\u94AE\u7EC4 */}\n        <div\n          className={cn(\n            'shelf-flex-button-group',\n            'lg-desktop:gap-3 flex items-center gap-2',\n            configuration.direction === 'vertical' ? 'flex-col' : ''\n          )}\n        >\n          {configuration?.secondaryButton ? (\n            <Button\n              disabled={isSoldOut && configuration?.secondaryFun !== 'LearnMore'}\n              variant=\"secondary\"\n              href={data?.custom_secondary_link}\n              as={data?.custom_secondary_link ? 'a' : 'button'}\n              onClick={handleSecondaryClick}\n              loading={secondaryLoading}\n              className={configuration.direction === 'vertical' ? 'w-full' : ''}\n            >\n              {configuration?.secondaryButton || ''}\n            </Button>\n          ) : null}\n          {configuration?.primaryButton ? (\n            <Button\n              disabled={isSoldOut && configuration?.primaryFun !== 'LearnMore'}\n              variant=\"primary\"\n              href={data?.custom_primary_link}\n              as={data?.custom_primary_link ? 'a' : 'button'}\n              onClick={handlePrimaryClick}\n              loading={primaryLoading}\n              className={configuration.direction === 'vertical' ? 'w-full' : ''}\n            >\n              {configuration?.primaryButton || ''}\n            </Button>\n          ) : null}\n        </div>\n      </>\n    )\n  }\n\n  const custom_bg_image = data?.custom_bg_image\n  const custom_theme = data?.custom_theme\n\n  return (\n    <div\n      ref={ref}\n      key={data?.id || data?.handle}\n      className={cn(\n        'box-border w-full cursor-pointer overflow-hidden duration-300',\n        'rounded-box',\n        'lg-desktop:aspect-w-[404] lg-desktop:aspect-h-[480] desktop:aspect-w-[316] desktop:aspect-h-[384]',\n        'laptop:aspect-w-[288] laptop:aspect-h-[360] aspect-w-[296] aspect-h-[360] relative',\n        'md-tablet:h-[360px] shelf-display-item',\n        custom_bg_image ? 'bg-cover bg-center bg-no-repeat' : 'bg-background tablet:hover:bg-info-white',\n        { 'aiui-dark': custom_theme === 'dark' }\n      )}\n      style={custom_bg_image ? { backgroundImage: `url(${custom_bg_image})` } : undefined}\n    >\n      {isDisplayBackImage ? (\n        <div className=\"absolute inset-0 box-border overflow-hidden\">\n          <div className=\"relative inset-0 size-full\">\n            <Picture\n              source={imageUrl}\n              alt={altText}\n              className={cn('flex h-full justify-center object-cover [&_img]:w-auto', {\n                'opacity-0': custom_bg_image,\n              })}\n            />\n            <div className=\"desktop:p-6 absolute inset-x-0 bottom-0 box-border overflow-hidden p-4\">\n              {bottomContent()}\n            </div>\n          </div>\n        </div>\n      ) : (\n        <div className=\"desktop:p-6 absolute inset-0 box-border flex flex-col justify-between overflow-hidden p-4\">\n          {currentPriceTag && isTopTag && (\n            <Badge className=\"shelf-prices-tag absolute left-4 top-4 z-10\" variant=\"fill\">\n              {currentPriceTag || ''}\n            </Badge>\n          )}\n          <div\n            className={cn(\n              'lg-desktop:h-[195px] shelf-display-item-image relative mb-2 inline-block h-[140px] w-full flex-1 overflow-hidden',\n              { 'opacity-0': custom_bg_image }\n            )}\n          >\n            <a\n              aria-label={displayTitle}\n              target={configuration?.target}\n              href={trackUrlRef(\n                `${locale === 'us' || !locale ? '' : `/${locale}`}/products/${data?.handle}?variant=${variantId}`,\n                `${componentType}_${componentName}`\n              )}\n              onClick={() => {\n                gaTrack({\n                  event: 'ga4Event',\n                  event_name: 'select_item',\n                  event_parameters: {\n                    page_group: 'Home Page',\n                    item_list_name: 'Home_Page_Bundle',\n                    items: [\n                      {\n                        item_id: data?.sku || variant?.sku,\n                        item_name: data?.name,\n                        item_variant: variant?.name,\n                        price: variant?.price,\n                        index: configuration?.index + 1,\n                      },\n                    ],\n                  },\n                })\n              }}\n            >\n              <Picture\n                source={imageUrl}\n                alt={altText}\n                className=\"flex h-full justify-center object-cover [&_img]:w-auto\"\n              />\n            </a>\n          </div>\n          {bottomContent()}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport const ShelfDisplayHorizontalItem = ({ data, configuration }: { data: any; configuration?: any }) => {\n  const {\n    itemShape,\n    itemLength,\n    metafields,\n    isShowShortTitle,\n    formatPrice,\n    renderOriginalPrice,\n    renderPriceLabel,\n    renderPrice,\n  } = configuration || {}\n  const { discounts, discountsCopy } = metafields || {}\n  const { locale = 'us', copyWriting, currencyDisplay } = useAiuiContext()\n  const [showTags, setShowTags] = useState<string[]>([])\n  const ref = useRef<HTMLDivElement>(null)\n  const [primaryLoading, setPrimaryLoading] = useState(false)\n  const [secondaryLoading, setSecondaryLoading] = useState(false)\n\n  const onPrimaryButton = (params: ShelfDisplayItem, index: number, data: ShelfDisplayType, coupon: any) => {\n    const { primaryFun, onAddCart, onBuyNow, onLearnMore, event } = configuration || {}\n\n    // \u4F18\u5148\u4F7F\u7528 function props\uFF08\u6839\u636E primaryFun \u503C\uFF09\n    if (primaryFun) {\n      if (primaryFun === 'AddCart' && onAddCart) {\n        return onAddCart(params, index + 1, data, coupon)\n      }\n      if (primaryFun === 'BuyNow' && onBuyNow) {\n        return onBuyNow(params, index + 1, data, coupon)\n      }\n      if (primaryFun === 'LearnMore' && onLearnMore) {\n        return onLearnMore(params, index + 1, data, coupon)\n      }\n    }\n\n    // \u517C\u5BB9\u65E7\u7684 event \u903B\u8F91\n    event?.primaryButton?.(params, index + 1, data, coupon)\n  }\n\n  const onSecondaryButton = (params: ShelfDisplayItem, index: number, data: ShelfDisplayType, coupon: any) => {\n    const { secondaryFun, onAddCart, onBuyNow, onLearnMore, event } = configuration || {}\n\n    // \u4F18\u5148\u4F7F\u7528 function props\uFF08\u6839\u636E secondaryFun \u503C\uFF09\n    if (secondaryFun) {\n      if (secondaryFun === 'AddCart' && onAddCart) {\n        return onAddCart(params, index + 1, data, coupon)\n      }\n      if (secondaryFun === 'BuyNow' && onBuyNow) {\n        return onBuyNow(params, index + 1, data, coupon)\n      }\n      if (secondaryFun === 'LearnMore' && onLearnMore) {\n        return onLearnMore(params, index + 1, data, coupon)\n      }\n    }\n\n    // \u517C\u5BB9\u65E7\u7684 event \u903B\u8F91\n    event?.secondaryButton?.(params, index + 1, data, coupon)\n  }\n\n  const variant = useMemo(() => {\n    const variants = data?.variants || []\n    if (!variants.length) {\n      return undefined\n    }\n    if (!data?.sku) {\n      return variants[0]\n    }\n    return variants.find((item: any) => item?.sku === data?.sku) || variants[0]\n  }, [data?.sku, data?.variants])\n\n  const variantArr = variant?.id?.split?.('/') || []\n  const variantId = variantArr?.[variantArr?.length - 1]\n\n  const isSoldOut =\n    !variant?.availableForSale || variant?.price?.amount === SOLD_OUT_PRICE || variant?.price === SOLD_OUT_PRICE\n  const isShowTag = configuration?.isShowTag\n  const isShowOriginalPrice = configuration?.isShowOriginalPrice\n\n  // active \u7684 \u901A\u7528\u6298\u6263\n  const coupon = variant?.coupons?.[0]\n\n  const shouldUseCouponPrice = Boolean(isShowOriginalPrice && coupon)\n  const currencyCode = data?.price?.currencyCode || 'USD'\n\n  const priceInfo = useMemo(\n    () =>\n      formatVariantPrice({\n        locale,\n        amount: shouldUseCouponPrice ? coupon?.variant_price4wscode : variant?.price,\n        baseAmount: shouldUseCouponPrice ? variant?.price : 0,\n        currencyCode,\n        currencyDisplay,\n        customFormatPrice: formatPrice,\n      }),\n    [currencyCode, locale, shouldUseCouponPrice, coupon?.variant_price4wscode, variant, formatPrice]\n  )\n\n  const { price, basePrice, discount, discountAmount } = priceInfo\n\n  const { imageUrl, altText } = getProductImage(data)\n\n  const displayTitle = data?.custom_name || data?.title\n  const currentDisplayTitle = isShowShortTitle\n    ? variant?.metafields?.infos?.page_short_title || displayTitle\n    : displayTitle\n  const displayDescription = data?.custom_description || data?.description\n\n  useExposure(ref, {\n    componentType,\n    componentName,\n    componentTitle: displayTitle,\n    componentDescription: displayDescription,\n    position: configuration?.index + 1,\n  })\n\n  const handlePrimaryClick = async () => {\n    if (primaryLoading) return\n    if (data?.custom_primary_link) return\n    setPrimaryLoading(true)\n    try {\n      await onPrimaryButton(data, configuration?.index, configuration, coupon)\n    } finally {\n      setPrimaryLoading(false)\n    }\n  }\n\n  const handleSecondaryClick = async () => {\n    if (secondaryLoading) return\n    if (data?.custom_secondary_link) return\n    setSecondaryLoading(true)\n    try {\n      await onSecondaryButton(data, configuration?.index, configuration, coupon)\n    } finally {\n      setSecondaryLoading(false)\n    }\n  }\n\n  const showSizeClass = (): {\n    boxItem: string\n    imgItem: string\n    wrap: string\n  } => {\n    if (itemLength >= 2) {\n      return {\n        boxItem: 'lg-desktop:max-w-[401px] desktop:max-w-[292px] max-w-full',\n        imgItem:\n          'm-tablet:m-auto lg-desktop:max-w-[330px] lg-desktop:max-h-[330px] desktop:max-w-[260px] desktop:max-h-[260px] max-w-[138px] max-h-[138px]',\n        wrap: 'lg-desktop:aspect-w-[824] lg-desktop:aspect-h-[480] desktop:aspect-w-[648] desktop:aspect-h-[380] laptop:aspect-w-[440] laptop:aspect-h-[356] tablet:aspect-w-[346] tablet:aspect-h-[360] md-tablet:w-full',\n      }\n    }\n    return {\n      boxItem: 'lg-desktop:max-w-[401px] desktop:max-w-[292px] laptop:max-w-[289px] max-w-[262px]',\n      imgItem:\n        'md-tablet:m-auto lg-desktop:max-w-[450px] lg-desktop:max-h-[450px] desktop:max-w-[332px] desktop:max-h-[332px] max-w-[312px] max-h-[312px]',\n      wrap: 'lg-desktop:aspect-w-[1664] lg-desktop:aspect-h-[480] desktop:aspect-w-[1312] desktop:aspect-h-[380] laptop:aspect-w-[896] laptop:aspect-h-[356] tablet:aspect-w-[704] tablet:aspect-h-[360] md-tablet:w-full',\n    }\n  }\n\n  const handleWrapClass = () => {\n    if (itemLength >= 2) {\n      return 'flex flex-col justify-between desktop:gap-12 desktop:flex-row desktop:justify-center desktop:items-center'\n    }\n    return 'flex justify-center items-center gap-6 md-tablet:flex-col'\n  }\n\n  const showPrice = () => {\n    if (coupon?.value_type === 'fixed_amount') {\n      const amountStr = discountAmount || ''\n      const match = amountStr.match(/^(.*?)(\\d[\\d.,]*)(.*)$/)\n      if (match) {\n        const [, prefix, numeric, suffix] = match\n        let updatedNumeric = numeric\n        if (numeric.endsWith('.00')) {\n          updatedNumeric = numeric.replace(/\\.00$/, '')\n        } else if (numeric.endsWith(',00')) {\n          updatedNumeric = numeric.replace(/,00$/, '')\n        }\n        return `${prefix}${updatedNumeric}${suffix}`\n      }\n      return amountStr\n    }\n    return discount || ''\n  }\n\n  // \u5904\u7406\u6807\u7B7E\n  useEffect(() => {\n    let handleTags: string[] = []\n    if (discount || discountAmount) {\n      const discountTag = `${showPrice()} ${discounts?.off || discountsCopy?.off || ''}`\n      handleTags.push(discountTag)\n    }\n    const newTags = data?.tags\n      ?.filter?.((item: string) => item?.startsWith?.('CLtag'))\n      ?.map?.((item: string) => item?.replace?.('CLtag:', ''))\n      ?.slice?.(0, discount ? 1 : 2)\n    setShowTags(handleTags.concat(newTags))\n  }, [data?.tags, discount, discountAmount, discounts?.off, discountsCopy?.off])\n\n  const custom_bg_image = data?.custom_bg_image\n  const custom_theme = data?.custom_theme\n\n  return (\n    <div\n      ref={ref}\n      key={data?.id || data?.handle}\n      className={cn(\n        showSizeClass().wrap,\n        'rounded-box',\n        'shelf-display-item',\n        'duration-300',\n        'md-tablet:h-[360px] relative box-border w-full cursor-pointer overflow-hidden',\n        custom_bg_image ? 'bg-cover bg-center bg-no-repeat' : 'bg-container-secondary-1 tablet:hover:bg-info-white',\n        { 'aiui-dark': custom_theme === 'dark' }\n      )}\n      style={custom_bg_image ? { backgroundImage: `url(${custom_bg_image})` } : undefined}\n    >\n      <div className={cn(handleWrapClass(), 'desktop:p-6 absolute inset-0 box-border overflow-hidden p-4')}>\n        <div\n          className={cn(showSizeClass().imgItem, 'desktop:mb-0 relative mb-1 overflow-hidden', {\n            'opacity-0': custom_bg_image,\n          })}\n        >\n          <a\n            aria-label={displayTitle}\n            target={configuration?.target}\n            href={trackUrlRef(\n              `${locale === 'us' || !locale ? '' : `/${locale}`}/products/${data?.handle}?variant=${variantId}`,\n              `${componentType}_${componentName}`\n            )}\n            onClick={() => {\n              gaTrack({\n                event: 'ga4Event',\n                event_name: 'select_item',\n                event_parameters: {\n                  page_group: 'Home Page',\n                  item_list_name: 'Home_Page_Bundle',\n                  items: [\n                    {\n                      item_id: data?.sku || variant?.sku,\n                      item_name: data?.name,\n                      item_variant: variant?.name,\n                      price: variant?.price,\n                      index: configuration?.index + 1,\n                    },\n                  ],\n                },\n              })\n            }}\n          >\n            <Picture\n              source={imageUrl}\n              alt={altText}\n              className=\"flex h-full justify-center object-cover [&_img]:w-auto\"\n            />\n          </a>\n        </div>\n        <div className={cn('flex flex-col items-start justify-center', showSizeClass().boxItem)}>\n          {isShowTag && (\n            <div className=\"mb-1 box-border flex h-8 flex-wrap gap-1 overflow-hidden\">\n              {showTags?.length > 0 &&\n                showTags?.map?.((item: any, index: number) => (\n                  <Badge key={index} className=\"shelf-items-tag\" variant=\"fill\">\n                    {item}\n                  </Badge>\n                ))}\n            </div>\n          )}\n          {currentDisplayTitle ? (\n            <Heading\n              as=\"h3\"\n              title={currentDisplayTitle || ''}\n              size={2}\n              className=\"shelf-display-product-title lg-desktop:h-[58px] text-info-primary mb-1 line-clamp-2 h-[48px]\"\n              html={currentDisplayTitle || ''}\n            />\n          ) : null}\n          {displayDescription ? (\n            <Text\n              size={2}\n              className=\"lg-desktop:text-lg lg-desktop:h-[26px] desktop:text-base desktop:h-6 shelf-display-product-description text-info-primary line-clamp-1 h-5 text-sm\"\n              html={displayDescription || ''}\n            />\n          ) : null}\n          <div className=\"mb-2 mt-5 flex items-center\">\n            {renderPrice ? (\n              renderPrice(data, { price, basePrice, discount, discountAmount, variant, coupon, isSoldOut })\n            ) : isSoldOut ? (\n              <div className=\"tablet:text-2xl text-info-primary text-xl font-bold\">{copyWriting?.soldOutText}</div>\n            ) : (\n              <>\n                <div className=\"final-price tablet:text-xl text-info-primary text-xl font-bold\">\n                  {variant?.availableForSale ? price || '' : ''}\n                </div>\n                {renderOriginalPrice\n                  ? renderOriginalPrice(data, { price, basePrice, discount, discountAmount })\n                  : basePrice && (\n                      <div className=\"origin-price tablet:text-xl text-info-secondary ml-1 text-lg font-bold line-through\">\n                        {variant?.availableForSale ? basePrice || '' : ''}\n                      </div>\n                    )}\n              </>\n            )}\n          </div>\n          {!renderPrice && renderPriceLabel?.(data, variant)}\n          {/* \u6309\u94AE\u7EC4 */}\n          <div\n            className={cn(\n              'shelf-flex-button-group',\n              'lg-desktop:gap-3 flex items-center gap-2',\n              configuration.direction === 'vertical' ? 'flex-col' : ''\n            )}\n          >\n            {configuration?.secondaryButton ? (\n              <Button\n                disabled={isSoldOut && configuration?.secondaryFun !== 'LearnMore'}\n                variant=\"secondary\"\n                href={data?.custom_secondary_link}\n                as={data?.custom_secondary_link ? 'a' : 'button'}\n                onClick={handleSecondaryClick}\n                loading={secondaryLoading}\n                className={configuration.direction === 'vertical' ? 'w-full' : ''}\n              >\n                {configuration?.secondaryButton || ''}\n              </Button>\n            ) : null}\n            {configuration?.primaryButton ? (\n              <Button\n                disabled={isSoldOut && configuration?.primaryFun !== 'LearnMore'}\n                variant=\"primary\"\n                href={data?.custom_primary_link}\n                as={data?.custom_primary_link ? 'a' : 'button'}\n                onClick={handlePrimaryClick}\n                loading={primaryLoading}\n                className={configuration.direction === 'vertical' ? 'w-full' : ''}\n              >\n                {configuration?.primaryButton || ''}\n              </Button>\n            ) : null}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useAiuiContext } from '../AiuiProvider/index.js'\nimport { formatVariantPrice } from './shelfDisplay.js'\nimport Picture from '../../components/picture.js'\nimport Badge from '../../components/badge.js'\nimport { cn } from '../../helpers/utils.js'\nimport { Text } from '../../components/text.js'\nimport Button from '../../components/button.js'\nimport { gaTrack } from '../../shared/track.js'\nimport { trackUrlRef } from '../../shared/trackUrlRef.js'\nimport { Heading } from '../../components/heading.js'\nimport type { ShelfDisplayItem, ShelfDisplayType } from './shelfDisplay.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport { useRef, useEffect, useMemo, useState } from 'react'\n\nconst componentType = 'image'\nconst componentName = 'product_shelf'\n\nconst SOLD_OUT_PRICE = 9999999.99\n\n// \u516C\u5171\u51FD\u6570\uFF1A\u83B7\u53D6\u4EA7\u54C1\u56FE\u7247URL\u548CaltText\nexport const getProductImage = (data: any) => {\n  const sku = data?.sku\n  const skuArray = data?.variants\n  const findSku = skuArray?.find((item: any) => item?.sku === sku)\n  const imageUrl = findSku?.image?.url || skuArray?.[0]?.image?.url || ''\n  const altText = findSku?.image?.altText || skuArray?.[0]?.image?.altText || data?.custom_name || data?.title || ''\n\n  return {\n    imageUrl,\n    altText,\n  }\n}\n\nexport const ShelfDisplayWrapItem = ({ data, configuration }: { data: any; configuration?: any }) => {\n  const {\n    isDisplayBackImage = false,\n    itemShape,\n    metafields,\n    isTopTag = false,\n    isShowTag,\n    isShowOriginalPrice,\n    isShowShortTitle = false,\n    formatPrice,\n    renderOriginalPrice,\n    renderPriceLabel,\n    renderPrice,\n  } = configuration || {}\n  const { locale = 'es', copyWriting, currencyDisplay } = useAiuiContext()\n  const { discounts, discountsCopy } = metafields || {}\n  const ref = useRef<HTMLDivElement>(null)\n  const [showTags, setShowTags] = useState<string[]>([])\n  const [currentPriceTag, setCurrentPriceTag] = useState<string>('')\n  const [primaryLoading, setPrimaryLoading] = useState(false)\n  const [secondaryLoading, setSecondaryLoading] = useState(false)\n\n  const onPrimaryButton = (params: ShelfDisplayItem, index: number, data: ShelfDisplayType, coupon: any) => {\n    const { primaryFun, onAddCart, onBuyNow, onLearnMore, event } = configuration || {}\n\n    // \u4F18\u5148\u4F7F\u7528 function props\uFF08\u6839\u636E primaryFun \u503C\uFF09\n    if (primaryFun) {\n      if (primaryFun === 'AddCart' && onAddCart) {\n        return onAddCart(params, index + 1, data, coupon)\n      }\n      if (primaryFun === 'BuyNow' && onBuyNow) {\n        return onBuyNow(params, index + 1, data, coupon)\n      }\n      if (primaryFun === 'LearnMore' && onLearnMore) {\n        return onLearnMore(params, index + 1, data, coupon)\n      }\n    }\n\n    // \u517C\u5BB9\u65E7\u7684 event \u903B\u8F91\n    event?.primaryButton?.(params, index + 1, data, coupon)\n  }\n\n  const onSecondaryButton = (params: ShelfDisplayItem, index: number, data: ShelfDisplayType, coupon: any) => {\n    const { secondaryFun, onAddCart, onBuyNow, onLearnMore, event } = configuration || {}\n\n    // \u4F18\u5148\u4F7F\u7528 function props\uFF08\u6839\u636E secondaryFun \u503C\uFF09\n    if (secondaryFun) {\n      if (secondaryFun === 'AddCart' && onAddCart) {\n        return onAddCart(params, index + 1, data, coupon)\n      }\n      if (secondaryFun === 'BuyNow' && onBuyNow) {\n        return onBuyNow(params, index + 1, data, coupon)\n      }\n      if (secondaryFun === 'LearnMore' && onLearnMore) {\n        return onLearnMore(params, index + 1, data, coupon)\n      }\n    }\n\n    // \u517C\u5BB9\u65E7\u7684 event \u903B\u8F91\n    event?.secondaryButton?.(params, index + 1, data, coupon)\n  }\n\n  const variant = useMemo(() => {\n    const variants = data?.variants || []\n    if (!variants.length) {\n      return undefined\n    }\n    if (!data?.sku) {\n      return variants?.[0]\n    }\n    return variants?.find?.((item: any) => item?.sku === data?.sku) || variants[0]\n  }, [data?.sku, data?.variants])\n\n  const variantArr = variant?.id?.split?.('/') || []\n  const variantId = variantArr?.[variantArr?.length - 1]\n\n  const isSoldOut =\n    !variant?.availableForSale || variant?.price?.amount === SOLD_OUT_PRICE || variant?.price === SOLD_OUT_PRICE\n\n  // active \u7684 \u901A\u7528\u6298\u6263\n  const coupon = variant?.coupons?.[0]\n\n  const shouldUseCouponPrice = Boolean(isShowOriginalPrice && coupon)\n  const currencyCode = data?.price?.currencyCode || 'USD'\n\n  const priceInfo = useMemo(\n    () =>\n      formatVariantPrice({\n        locale,\n        amount: shouldUseCouponPrice ? coupon?.variant_price4wscode : variant?.price,\n        baseAmount: shouldUseCouponPrice ? variant?.price : 0,\n        currencyCode,\n        currencyDisplay,\n        customFormatPrice: formatPrice,\n      }),\n    [currencyCode, locale, shouldUseCouponPrice, coupon?.variant_price4wscode, variant, formatPrice]\n  )\n\n  const { price, basePrice, discount, discountAmount } = priceInfo\n\n  const { imageUrl, altText } = getProductImage(data)\n\n  const displayTitle = data?.custom_name || data?.title\n  const currentDisplayTitle = isShowShortTitle\n    ? variant?.metafields?.infos?.page_short_title || displayTitle\n    : displayTitle\n  const displayDescription = data?.custom_description || data?.description\n\n  const showPrice = () => {\n    if (coupon?.value_type === 'fixed_amount') {\n      const amountStr = discountAmount || ''\n      const match = amountStr.match(/^(.*?)(\\d[\\d.,]*)(.*)$/)\n      if (match) {\n        const [, prefix, numeric, suffix] = match\n        let updatedNumeric = numeric\n        if (numeric.endsWith('.00')) {\n          updatedNumeric = numeric.replace(/\\.00$/, '')\n        } else if (numeric.endsWith(',00')) {\n          updatedNumeric = numeric.replace(/,00$/, '')\n        }\n        return `${prefix}${updatedNumeric}${suffix}`\n      }\n      return amountStr\n    }\n    return discount || ''\n  }\n\n  // \u5904\u7406\u6807\u7B7E\n  useEffect(() => {\n    let handleTags: string[] = []\n    if (discount || discountAmount) {\n      const discountTag = `${showPrice()} ${discounts?.off || discountsCopy?.off || ''}`\n      setCurrentPriceTag(discountTag)\n      handleTags.push(discountTag)\n    }\n    const newTags =\n      data?.tags\n        ?.filter?.((item: string) => item?.startsWith?.('CLtag'))\n        ?.map?.((item: string) => item?.replace?.('CLtag:', ''))\n        ?.slice?.(0, discount ? 1 : 2) || []\n    setShowTags(handleTags.concat(newTags))\n  }, [data?.tags, discount, discountAmount, discounts?.off, discountsCopy?.off])\n\n  useExposure(ref, {\n    componentType,\n    componentName,\n    componentTitle: displayTitle,\n    componentDescription: displayDescription,\n    position: configuration?.index + 1,\n  })\n\n  const handlePrimaryClick = async () => {\n    if (primaryLoading) return\n    if (data?.custom_primary_link) return\n    setPrimaryLoading(true)\n    try {\n      await onPrimaryButton(data, configuration?.index, configuration, coupon)\n    } finally {\n      setPrimaryLoading(false)\n    }\n  }\n\n  const handleSecondaryClick = async () => {\n    if (secondaryLoading) return\n    if (data?.custom_secondary_link) return\n    setSecondaryLoading(true)\n    try {\n      await onSecondaryButton(data, configuration?.index, configuration, coupon)\n    } finally {\n      setSecondaryLoading(false)\n    }\n  }\n\n  const bottomContent = () => {\n    return (\n      <>\n        {isShowTag && showTags?.length > 0 ? (\n          <div className=\"mb-1 box-border flex h-8 flex-wrap gap-1 overflow-hidden\">\n            {showTags?.map?.((item: any, index: number) => (\n              <Badge key={index} className=\"shelf-items-tag\" variant=\"fill\">\n                {item}\n              </Badge>\n            ))}\n          </div>\n        ) : null}\n        {currentDisplayTitle ? (\n          <Heading\n            as=\"h3\"\n            title={currentDisplayTitle || ''}\n            size={2}\n            className=\"shelf-display-product-title lg-desktop:h-[58px] text-info-primary line-clamp-2 h-12\"\n            html={currentDisplayTitle || ''}\n          />\n        ) : null}\n        <Text\n          size={2}\n          className=\"lg-desktop:text-lg desktop:h-[24px] lg-desktop:h-[28px] desktop:text-base shelf-display-product-description text-info-primary line-clamp-1 h-[20px] text-sm\"\n          html={displayDescription || ''}\n        />\n        <div className=\"mb-2 mt-4 flex items-center\">\n          {renderPrice ? (\n            renderPrice(data, { price, basePrice, discount, discountAmount, variant, coupon, isSoldOut })\n          ) : isSoldOut ? (\n            <div className=\"tablet:text-2xl text-info-primary text-xl font-bold\">{copyWriting?.soldOutText}</div>\n          ) : (\n            <>\n              <div className=\"final-price tablet:text-xl text-info-primary text-xl font-bold\">\n                {variant?.availableForSale ? price || '' : ''}\n              </div>\n              {renderOriginalPrice\n                ? renderOriginalPrice(data, { price, basePrice, discount, discountAmount })\n                : basePrice && (\n                    <div className=\"origin-price tablet:text-xl text-info-secondary ml-1 text-lg font-bold line-through\">\n                      {variant?.availableForSale ? basePrice || '' : ''}\n                    </div>\n                  )}\n            </>\n          )}\n        </div>\n        {!renderPrice && renderPriceLabel?.(data, variant)}\n        {/* \u6309\u94AE\u7EC4 */}\n        <div\n          className={cn(\n            'shelf-flex-button-group',\n            'lg-desktop:gap-3 flex items-center gap-2',\n            configuration.direction === 'vertical' ? 'flex-col' : ''\n          )}\n        >\n          {configuration?.secondaryButton ? (\n            <Button\n              disabled={isSoldOut && configuration?.secondaryFun !== 'LearnMore'}\n              variant=\"secondary\"\n              href={data?.custom_secondary_link}\n              as={data?.custom_secondary_link ? 'a' : 'button'}\n              onClick={handleSecondaryClick}\n              loading={secondaryLoading}\n              className={configuration.direction === 'vertical' ? 'w-full' : ''}\n            >\n              {configuration?.secondaryButton || ''}\n            </Button>\n          ) : null}\n          {configuration?.primaryButton ? (\n            <Button\n              disabled={isSoldOut && configuration?.primaryFun !== 'LearnMore'}\n              variant=\"primary\"\n              href={data?.custom_primary_link}\n              as={data?.custom_primary_link ? 'a' : 'button'}\n              onClick={handlePrimaryClick}\n              loading={primaryLoading}\n              className={configuration.direction === 'vertical' ? 'w-full' : ''}\n            >\n              {configuration?.primaryButton || ''}\n            </Button>\n          ) : null}\n        </div>\n      </>\n    )\n  }\n\n  const custom_bg_image = data?.custom_bg_image\n  const custom_theme = data?.custom_theme\n\n  return (\n    <div\n      ref={ref}\n      key={data?.id || data?.handle}\n      className={cn(\n        'box-border w-full cursor-pointer overflow-hidden duration-300',\n        'rounded-box',\n        'lg-desktop:aspect-w-[404] lg-desktop:aspect-h-[480] desktop:aspect-w-[316] desktop:aspect-h-[384]',\n        'laptop:aspect-w-[288] laptop:aspect-h-[360] aspect-w-[296] aspect-h-[360] relative',\n        'md-tablet:h-[360px] shelf-display-item',\n        custom_bg_image ? 'bg-cover bg-center bg-no-repeat' : 'bg-background tablet:hover:bg-info-white',\n        { 'aiui-dark': custom_theme === 'dark' }\n      )}\n      style={custom_bg_image ? { backgroundImage: `url(${custom_bg_image})` } : undefined}\n    >\n      {isDisplayBackImage ? (\n        <div className=\"absolute inset-0 box-border overflow-hidden\">\n          <div className=\"relative inset-0 size-full\">\n            <Picture\n              source={imageUrl}\n              alt={altText}\n              className={cn('flex h-full justify-center object-cover [&_img]:w-auto', {\n                'opacity-0': custom_bg_image,\n              })}\n            />\n            <div className=\"desktop:p-6 absolute inset-x-0 bottom-0 box-border overflow-hidden p-4\">\n              {bottomContent()}\n            </div>\n          </div>\n        </div>\n      ) : (\n        <div className=\"desktop:p-6 absolute inset-0 box-border flex flex-col justify-between overflow-hidden p-4\">\n          {currentPriceTag && isTopTag && (\n            <Badge className=\"shelf-prices-tag absolute left-4 top-4 z-10\" variant=\"fill\">\n              {currentPriceTag || ''}\n            </Badge>\n          )}\n          <div\n            className={cn(\n              'lg-desktop:h-[195px] shelf-display-item-image relative mb-2 inline-block h-[140px] w-full flex-1 overflow-hidden',\n              { 'opacity-0': custom_bg_image }\n            )}\n          >\n            <a\n              aria-label={displayTitle}\n              target={configuration?.target}\n              href={trackUrlRef(\n                `${locale === 'us' || !locale ? '' : `/${locale}`}/products/${data?.handle}?variant=${variantId}`,\n                `${componentType}_${componentName}`\n              )}\n              onClick={() => {\n                gaTrack({\n                  event: 'ga4Event',\n                  event_name: 'select_item',\n                  event_parameters: {\n                    page_group: 'Home Page',\n                    item_list_name: 'Home_Page_Bundle',\n                    items: [\n                      {\n                        item_id: data?.sku || variant?.sku,\n                        item_name: data?.name,\n                        item_variant: variant?.name,\n                        price: variant?.price,\n                        index: configuration?.index + 1,\n                      },\n                    ],\n                  },\n                })\n              }}\n            >\n              <Picture\n                source={imageUrl}\n                alt={altText}\n                className=\"flex h-full justify-center object-cover [&_img]:w-auto\"\n              />\n            </a>\n          </div>\n          {bottomContent()}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport const ShelfDisplayHorizontalItem = ({ data, configuration }: { data: any; configuration?: any }) => {\n  const {\n    itemShape,\n    itemLength,\n    metafields,\n    isShowShortTitle,\n    formatPrice,\n    renderOriginalPrice,\n    renderPriceLabel,\n    renderPrice,\n  } = configuration || {}\n  const { discounts, discountsCopy } = metafields || {}\n  const { locale = 'us', copyWriting, currencyDisplay } = useAiuiContext()\n  const [showTags, setShowTags] = useState<string[]>([])\n  const ref = useRef<HTMLDivElement>(null)\n  const [primaryLoading, setPrimaryLoading] = useState(false)\n  const [secondaryLoading, setSecondaryLoading] = useState(false)\n\n  const onPrimaryButton = (params: ShelfDisplayItem, index: number, data: ShelfDisplayType, coupon: any) => {\n    const { primaryFun, onAddCart, onBuyNow, onLearnMore, event } = configuration || {}\n\n    // \u4F18\u5148\u4F7F\u7528 function props\uFF08\u6839\u636E primaryFun \u503C\uFF09\n    if (primaryFun) {\n      if (primaryFun === 'AddCart' && onAddCart) {\n        return onAddCart(params, index + 1, data, coupon)\n      }\n      if (primaryFun === 'BuyNow' && onBuyNow) {\n        return onBuyNow(params, index + 1, data, coupon)\n      }\n      if (primaryFun === 'LearnMore' && onLearnMore) {\n        return onLearnMore(params, index + 1, data, coupon)\n      }\n    }\n\n    // \u517C\u5BB9\u65E7\u7684 event \u903B\u8F91\n    event?.primaryButton?.(params, index + 1, data, coupon)\n  }\n\n  const onSecondaryButton = (params: ShelfDisplayItem, index: number, data: ShelfDisplayType, coupon: any) => {\n    const { secondaryFun, onAddCart, onBuyNow, onLearnMore, event } = configuration || {}\n\n    // \u4F18\u5148\u4F7F\u7528 function props\uFF08\u6839\u636E secondaryFun \u503C\uFF09\n    if (secondaryFun) {\n      if (secondaryFun === 'AddCart' && onAddCart) {\n        return onAddCart(params, index + 1, data, coupon)\n      }\n      if (secondaryFun === 'BuyNow' && onBuyNow) {\n        return onBuyNow(params, index + 1, data, coupon)\n      }\n      if (secondaryFun === 'LearnMore' && onLearnMore) {\n        return onLearnMore(params, index + 1, data, coupon)\n      }\n    }\n\n    // \u517C\u5BB9\u65E7\u7684 event \u903B\u8F91\n    event?.secondaryButton?.(params, index + 1, data, coupon)\n  }\n\n  const variant = useMemo(() => {\n    const variants = data?.variants || []\n    if (!variants.length) {\n      return undefined\n    }\n    if (!data?.sku) {\n      return variants[0]\n    }\n    return variants.find((item: any) => item?.sku === data?.sku) || variants[0]\n  }, [data?.sku, data?.variants])\n\n  const variantArr = variant?.id?.split?.('/') || []\n  const variantId = variantArr?.[variantArr?.length - 1]\n\n  const isSoldOut =\n    !variant?.availableForSale || variant?.price?.amount === SOLD_OUT_PRICE || variant?.price === SOLD_OUT_PRICE\n  const isShowTag = configuration?.isShowTag\n  const isShowOriginalPrice = configuration?.isShowOriginalPrice\n\n  // active \u7684 \u901A\u7528\u6298\u6263\n  const coupon = variant?.coupons?.[0]\n\n  const shouldUseCouponPrice = Boolean(isShowOriginalPrice && coupon)\n  const currencyCode = data?.price?.currencyCode || 'USD'\n\n  const priceInfo = useMemo(\n    () =>\n      formatVariantPrice({\n        locale,\n        amount: shouldUseCouponPrice ? coupon?.variant_price4wscode : variant?.price,\n        baseAmount: shouldUseCouponPrice ? variant?.price : 0,\n        currencyCode,\n        currencyDisplay,\n        customFormatPrice: formatPrice,\n      }),\n    [currencyCode, locale, shouldUseCouponPrice, coupon?.variant_price4wscode, variant, formatPrice]\n  )\n\n  const { price, basePrice, discount, discountAmount } = priceInfo\n\n  const { imageUrl, altText } = getProductImage(data)\n\n  const displayTitle = data?.custom_name || data?.title\n  const currentDisplayTitle = isShowShortTitle\n    ? variant?.metafields?.infos?.page_short_title || displayTitle\n    : displayTitle\n  const displayDescription = data?.custom_description || data?.description\n\n  useExposure(ref, {\n    componentType,\n    componentName,\n    componentTitle: displayTitle,\n    componentDescription: displayDescription,\n    position: configuration?.index + 1,\n  })\n\n  const handlePrimaryClick = async () => {\n    if (primaryLoading) return\n    if (data?.custom_primary_link) return\n    setPrimaryLoading(true)\n    try {\n      await onPrimaryButton(data, configuration?.index, configuration, coupon)\n    } finally {\n      setPrimaryLoading(false)\n    }\n  }\n\n  const handleSecondaryClick = async () => {\n    if (secondaryLoading) return\n    if (data?.custom_secondary_link) return\n    setSecondaryLoading(true)\n    try {\n      await onSecondaryButton(data, configuration?.index, configuration, coupon)\n    } finally {\n      setSecondaryLoading(false)\n    }\n  }\n\n  const showSizeClass = (): {\n    boxItem: string\n    imgItem: string\n    wrap: string\n  } => {\n    if (itemLength >= 2) {\n      return {\n        boxItem: 'lg-desktop:max-w-[401px] desktop:max-w-[292px] max-w-full',\n        imgItem:\n          'm-tablet:m-auto lg-desktop:max-w-[330px] lg-desktop:max-h-[330px] desktop:max-w-[260px] desktop:max-h-[260px] max-w-[138px] max-h-[138px]',\n        wrap: 'lg-desktop:aspect-w-[824] lg-desktop:aspect-h-[480] desktop:aspect-w-[648] desktop:aspect-h-[380] laptop:aspect-w-[440] laptop:aspect-h-[356] tablet:aspect-w-[346] tablet:aspect-h-[360] md-tablet:w-full',\n      }\n    }\n    return {\n      boxItem: 'lg-desktop:max-w-[401px] desktop:max-w-[292px] laptop:max-w-[289px] max-w-[262px]',\n      imgItem:\n        'md-tablet:m-auto lg-desktop:max-w-[450px] lg-desktop:max-h-[450px] desktop:max-w-[332px] desktop:max-h-[332px] max-w-[312px] max-h-[312px]',\n      wrap: 'lg-desktop:aspect-w-[1664] lg-desktop:aspect-h-[480] desktop:aspect-w-[1312] desktop:aspect-h-[380] laptop:aspect-w-[896] laptop:aspect-h-[356] tablet:aspect-w-[704] tablet:aspect-h-[360] md-tablet:w-full',\n    }\n  }\n\n  const handleWrapClass = () => {\n    if (itemLength >= 2) {\n      return 'flex flex-col justify-between desktop:gap-12 desktop:flex-row desktop:justify-center desktop:items-center'\n    }\n    return 'flex justify-center items-center gap-6 md-tablet:flex-col'\n  }\n\n  const showPrice = () => {\n    if (coupon?.value_type === 'fixed_amount') {\n      const amountStr = discountAmount || ''\n      const match = amountStr.match(/^(.*?)(\\d[\\d.,]*)(.*)$/)\n      if (match) {\n        const [, prefix, numeric, suffix] = match\n        let updatedNumeric = numeric\n        if (numeric.endsWith('.00')) {\n          updatedNumeric = numeric.replace(/\\.00$/, '')\n        } else if (numeric.endsWith(',00')) {\n          updatedNumeric = numeric.replace(/,00$/, '')\n        }\n        return `${prefix}${updatedNumeric}${suffix}`\n      }\n      return amountStr\n    }\n    return discount || ''\n  }\n\n  // \u5904\u7406\u6807\u7B7E\n  useEffect(() => {\n    let handleTags: string[] = []\n    if (discount || discountAmount) {\n      const discountTag = `${showPrice()} ${discounts?.off || discountsCopy?.off || ''}`\n      handleTags.push(discountTag)\n    }\n    const newTags =\n      data?.tags\n        ?.filter?.((item: string) => item?.startsWith?.('CLtag'))\n        ?.map?.((item: string) => item?.replace?.('CLtag:', ''))\n        ?.slice?.(0, discount ? 1 : 2) || []\n    setShowTags(handleTags.concat(newTags))\n  }, [data?.tags, discount, discountAmount, discounts?.off, discountsCopy?.off])\n\n  const custom_bg_image = data?.custom_bg_image\n  const custom_theme = data?.custom_theme\n\n  return (\n    <div\n      ref={ref}\n      key={data?.id || data?.handle}\n      className={cn(\n        showSizeClass().wrap,\n        'rounded-box',\n        'shelf-display-item',\n        'duration-300',\n        'md-tablet:h-[360px] relative box-border w-full cursor-pointer overflow-hidden',\n        custom_bg_image ? 'bg-cover bg-center bg-no-repeat' : 'bg-container-secondary-1 tablet:hover:bg-info-white',\n        { 'aiui-dark': custom_theme === 'dark' }\n      )}\n      style={custom_bg_image ? { backgroundImage: `url(${custom_bg_image})` } : undefined}\n    >\n      <div className={cn(handleWrapClass(), 'desktop:p-6 absolute inset-0 box-border overflow-hidden p-4')}>\n        <div\n          className={cn(showSizeClass().imgItem, 'desktop:mb-0 relative mb-1 overflow-hidden', {\n            'opacity-0': custom_bg_image,\n          })}\n        >\n          <a\n            aria-label={displayTitle}\n            target={configuration?.target}\n            href={trackUrlRef(\n              `${locale === 'us' || !locale ? '' : `/${locale}`}/products/${data?.handle}?variant=${variantId}`,\n              `${componentType}_${componentName}`\n            )}\n            onClick={() => {\n              gaTrack({\n                event: 'ga4Event',\n                event_name: 'select_item',\n                event_parameters: {\n                  page_group: 'Home Page',\n                  item_list_name: 'Home_Page_Bundle',\n                  items: [\n                    {\n                      item_id: data?.sku || variant?.sku,\n                      item_name: data?.name,\n                      item_variant: variant?.name,\n                      price: variant?.price,\n                      index: configuration?.index + 1,\n                    },\n                  ],\n                },\n              })\n            }}\n          >\n            <Picture\n              source={imageUrl}\n              alt={altText}\n              className=\"flex h-full justify-center object-cover [&_img]:w-auto\"\n            />\n          </a>\n        </div>\n        <div className={cn('flex flex-col items-start justify-center', showSizeClass().boxItem)}>\n          {isShowTag && (\n            <div className=\"mb-1 box-border flex h-8 flex-wrap gap-1 overflow-hidden\">\n              {showTags?.length > 0 &&\n                showTags?.map?.((item: any, index: number) => (\n                  <Badge key={index} className=\"shelf-items-tag\" variant=\"fill\">\n                    {item}\n                  </Badge>\n                ))}\n            </div>\n          )}\n          {currentDisplayTitle ? (\n            <Heading\n              as=\"h3\"\n              title={currentDisplayTitle || ''}\n              size={2}\n              className=\"shelf-display-product-title lg-desktop:h-[58px] text-info-primary mb-1 line-clamp-2 h-[48px]\"\n              html={currentDisplayTitle || ''}\n            />\n          ) : null}\n          {displayDescription ? (\n            <Text\n              size={2}\n              className=\"lg-desktop:text-lg lg-desktop:h-[26px] desktop:text-base desktop:h-6 shelf-display-product-description text-info-primary line-clamp-1 h-5 text-sm\"\n              html={displayDescription || ''}\n            />\n          ) : null}\n          <div className=\"mb-2 mt-5 flex items-center\">\n            {renderPrice ? (\n              renderPrice(data, { price, basePrice, discount, discountAmount, variant, coupon, isSoldOut })\n            ) : isSoldOut ? (\n              <div className=\"tablet:text-2xl text-info-primary text-xl font-bold\">{copyWriting?.soldOutText}</div>\n            ) : (\n              <>\n                <div className=\"final-price tablet:text-xl text-info-primary text-xl font-bold\">\n                  {variant?.availableForSale ? price || '' : ''}\n                </div>\n                {renderOriginalPrice\n                  ? renderOriginalPrice(data, { price, basePrice, discount, discountAmount })\n                  : basePrice && (\n                      <div className=\"origin-price tablet:text-xl text-info-secondary ml-1 text-lg font-bold line-through\">\n                        {variant?.availableForSale ? basePrice || '' : ''}\n                      </div>\n                    )}\n              </>\n            )}\n          </div>\n          {!renderPrice && renderPriceLabel?.(data, variant)}\n          {/* \u6309\u94AE\u7EC4 */}\n          <div\n            className={cn(\n              'shelf-flex-button-group',\n              'lg-desktop:gap-3 flex items-center gap-2',\n              configuration.direction === 'vertical' ? 'flex-col' : ''\n            )}\n          >\n            {configuration?.secondaryButton ? (\n              <Button\n                disabled={isSoldOut && configuration?.secondaryFun !== 'LearnMore'}\n                variant=\"secondary\"\n                href={data?.custom_secondary_link}\n                as={data?.custom_secondary_link ? 'a' : 'button'}\n                onClick={handleSecondaryClick}\n                loading={secondaryLoading}\n                className={configuration.direction === 'vertical' ? 'w-full' : ''}\n              >\n                {configuration?.secondaryButton || ''}\n              </Button>\n            ) : null}\n            {configuration?.primaryButton ? (\n              <Button\n                disabled={isSoldOut && configuration?.primaryFun !== 'LearnMore'}\n                variant=\"primary\"\n                href={data?.custom_primary_link}\n                as={data?.custom_primary_link ? 'a' : 'button'}\n                onClick={handlePrimaryClick}\n                loading={primaryLoading}\n                className={configuration.direction === 'vertical' ? 'w-full' : ''}\n              >\n                {configuration?.primaryButton || ''}\n              </Button>\n            ) : null}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "+kBAAA,IAAAA,GAAA,GAAAC,GAAAD,GAAA,gCAAAE,GAAA,yBAAAC,GAAA,oBAAAC,KAAA,eAAAC,GAAAL,IAoNc,IAAAM,EAAA,6BApNdC,GAA+B,oCAC/BC,GAAmC,6BACnCC,GAAoB,2CACpBC,GAAkB,yCAClBC,EAAmB,kCACnBC,GAAqB,oCACrBC,EAAmB,0CACnBC,GAAwB,iCACxBC,GAA4B,uCAC5BC,GAAwB,uCAExBC,GAA4B,sCAC5BC,EAAqD,iBAErD,MAAMC,GAAgB,QAChBC,GAAgB,gBAEhBC,GAAiB,aAGVjB,GAAmBkB,GAAc,CAC5C,MAAMC,EAAMD,GAAM,IACZE,EAAWF,GAAM,SACjBG,EAAUD,GAAU,KAAME,GAAcA,GAAM,MAAQH,CAAG,EACzDI,EAAWF,GAAS,OAAO,KAAOD,IAAW,CAAC,GAAG,OAAO,KAAO,GAC/DI,EAAUH,GAAS,OAAO,SAAWD,IAAW,CAAC,GAAG,OAAO,SAAWF,GAAM,aAAeA,GAAM,OAAS,GAEhH,MAAO,CACL,SAAAK,EACA,QAAAC,CACF,CACF,EAEazB,GAAuB,CAAC,CAAE,KAAAmB,EAAM,cAAAO,CAAc,IAA0C,CACnG,KAAM,CACJ,mBAAAC,EAAqB,GACrB,UAAAC,EACA,WAAAC,EACA,SAAAC,EAAW,GACX,UAAAC,EACA,oBAAAC,EACA,iBAAAC,GAAmB,GACnB,YAAAC,EACA,oBAAAC,EACA,iBAAAC,EACA,YAAAC,CACF,EAAIX,GAAiB,CAAC,EAChB,CAAE,OAAAY,EAAS,KAAM,YAAAC,GAAa,gBAAAC,CAAgB,KAAI,mBAAe,EACjE,CAAE,UAAAC,EAAW,cAAAC,CAAc,EAAIb,GAAc,CAAC,EAC9Cc,KAAM,UAAuB,IAAI,EACjC,CAACC,EAAUC,EAAW,KAAI,YAAmB,CAAC,CAAC,EAC/C,CAACC,EAAiBC,EAAkB,KAAI,YAAiB,EAAE,EAC3D,CAACC,GAAgBC,CAAiB,KAAI,YAAS,EAAK,EACpD,CAACC,EAAkBC,EAAmB,KAAI,YAAS,EAAK,EAExDC,EAAkB,CAACC,EAA0BC,EAAenC,EAAwBoC,IAAgB,CACxG,KAAM,CAAE,WAAAC,EAAY,UAAAC,EAAW,SAAAC,EAAU,YAAAC,EAAa,MAAAC,EAAM,EAAIlC,GAAiB,CAAC,EAGlF,GAAI8B,EAAY,CACd,GAAIA,IAAe,WAAaC,EAC9B,OAAOA,EAAUJ,EAAQC,EAAQ,EAAGnC,EAAMoC,CAAM,EAElD,GAAIC,IAAe,UAAYE,EAC7B,OAAOA,EAASL,EAAQC,EAAQ,EAAGnC,EAAMoC,CAAM,EAEjD,GAAIC,IAAe,aAAeG,EAChC,OAAOA,EAAYN,EAAQC,EAAQ,EAAGnC,EAAMoC,CAAM,CAEtD,CAGAK,IAAO,gBAAgBP,EAAQC,EAAQ,EAAGnC,EAAMoC,CAAM,CACxD,EAEMM,GAAoB,CAACR,EAA0BC,EAAenC,EAAwBoC,IAAgB,CAC1G,KAAM,CAAE,aAAAO,EAAc,UAAAL,EAAW,SAAAC,EAAU,YAAAC,EAAa,MAAAC,EAAM,EAAIlC,GAAiB,CAAC,EAGpF,GAAIoC,EAAc,CAChB,GAAIA,IAAiB,WAAaL,EAChC,OAAOA,EAAUJ,EAAQC,EAAQ,EAAGnC,EAAMoC,CAAM,EAElD,GAAIO,IAAiB,UAAYJ,EAC/B,OAAOA,EAASL,EAAQC,EAAQ,EAAGnC,EAAMoC,CAAM,EAEjD,GAAIO,IAAiB,aAAeH,EAClC,OAAOA,EAAYN,EAAQC,EAAQ,EAAGnC,EAAMoC,CAAM,CAEtD,CAGAK,IAAO,kBAAkBP,EAAQC,EAAQ,EAAGnC,EAAMoC,CAAM,CAC1D,EAEMQ,KAAU,WAAQ,IAAM,CAC5B,MAAMC,EAAW7C,GAAM,UAAY,CAAC,EACpC,GAAK6C,EAAS,OAGd,OAAK7C,GAAM,IAGJ6C,GAAU,OAAQzC,GAAcA,GAAM,MAAQJ,GAAM,GAAG,GAAK6C,EAAS,CAAC,EAFpEA,IAAW,CAAC,CAGvB,EAAG,CAAC7C,GAAM,IAAKA,GAAM,QAAQ,CAAC,EAExB8C,EAAaF,GAAS,IAAI,QAAQ,GAAG,GAAK,CAAC,EAC3CG,EAAYD,IAAaA,GAAY,OAAS,CAAC,EAE/CE,EACJ,CAACJ,GAAS,kBAAoBA,GAAS,OAAO,SAAW7C,IAAkB6C,GAAS,QAAU7C,GAG1FqC,EAASQ,GAAS,UAAU,CAAC,EAE7BK,EAAuB,GAAQpC,GAAuBuB,GACtDc,EAAelD,GAAM,OAAO,cAAgB,MAE5CmD,KAAY,WAChB,OACE,uBAAmB,CACjB,OAAAhC,EACA,OAAQ8B,EAAuBb,GAAQ,qBAAuBQ,GAAS,MACvE,WAAYK,EAAuBL,GAAS,MAAQ,EACpD,aAAAM,EACA,gBAAA7B,EACA,kBAAmBN,CACrB,CAAC,EACH,CAACmC,EAAc/B,EAAQ8B,EAAsBb,GAAQ,qBAAsBQ,EAAS7B,CAAW,CACjG,EAEM,CAAE,MAAAqC,EAAO,UAAAC,EAAW,SAAAC,EAAU,eAAAC,CAAe,EAAIJ,EAEjD,CAAE,SAAA9C,EAAU,QAAAC,CAAQ,EAAIxB,GAAgBkB,CAAI,EAE5CwD,EAAexD,GAAM,aAAeA,GAAM,MAC1CyD,EAAsB3C,IACxB8B,GAAS,YAAY,OAAO,kBAAoBY,EAE9CE,EAAqB1D,GAAM,oBAAsBA,GAAM,YAEvD2D,GAAY,IAAM,CACtB,GAAIvB,GAAQ,aAAe,eAAgB,CACzC,MAAMwB,EAAYL,GAAkB,GAC9BM,EAAQD,EAAU,MAAM,wBAAwB,EACtD,GAAIC,EAAO,CACT,KAAM,CAAC,CAAEC,EAAQC,EAASC,CAAM,EAAIH,EACpC,IAAII,EAAiBF,EACrB,OAAIA,EAAQ,SAAS,KAAK,EACxBE,EAAiBF,EAAQ,QAAQ,QAAS,EAAE,EACnCA,EAAQ,SAAS,KAAK,IAC/BE,EAAiBF,EAAQ,QAAQ,OAAQ,EAAE,GAEtC,GAAGD,CAAM,GAAGG,CAAc,GAAGD,CAAM,EAC5C,CACA,OAAOJ,CACT,CACA,OAAON,GAAY,EACrB,KAGA,aAAU,IAAM,CACd,IAAIY,EAAuB,CAAC,EAC5B,GAAIZ,GAAYC,EAAgB,CAC9B,MAAMY,EAAc,GAAGR,GAAU,CAAC,IAAIrC,GAAW,KAAOC,GAAe,KAAO,EAAE,GAChFK,GAAmBuC,CAAW,EAC9BD,EAAW,KAAKC,CAAW,CAC7B,CACA,MAAMC,EACJpE,GAAM,MACF,SAAUI,GAAiBA,GAAM,aAAa,OAAO,CAAC,GACtD,MAAOA,GAAiBA,GAAM,UAAU,SAAU,EAAE,CAAC,GACrD,QAAQ,EAAGkD,EAAW,EAAI,CAAC,GAAK,CAAC,EACvC5B,GAAYwC,EAAW,OAAOE,CAAO,CAAC,CACxC,EAAG,CAACpE,GAAM,KAAMsD,EAAUC,EAAgBjC,GAAW,IAAKC,GAAe,GAAG,CAAC,KAE7E,gBAAYC,EAAK,CACf,cAAA3B,GACA,cAAAC,GACA,eAAgB0D,EAChB,qBAAsBE,EACtB,SAAUnD,GAAe,MAAQ,CACnC,CAAC,EAED,MAAM8D,GAAqB,SAAY,CACrC,GAAI,CAAAxC,IACA,CAAA7B,GAAM,oBACV,CAAA8B,EAAkB,EAAI,EACtB,GAAI,CACF,MAAMG,EAAgBjC,EAAMO,GAAe,MAAOA,EAAe6B,CAAM,CACzE,QAAE,CACAN,EAAkB,EAAK,CACzB,EACF,EAEMwC,EAAuB,SAAY,CACvC,GAAI,CAAAvC,GACA,CAAA/B,GAAM,sBACV,CAAAgC,GAAoB,EAAI,EACxB,GAAI,CACF,MAAMU,GAAkB1C,EAAMO,GAAe,MAAOA,EAAe6B,CAAM,CAC3E,QAAE,CACAJ,GAAoB,EAAK,CAC3B,EACF,EAEMuC,GAAgB,OAElB,oBACG,UAAA3D,GAAaa,GAAU,OAAS,KAC/B,OAAC,OAAI,UAAU,2DACZ,SAAAA,GAAU,MAAM,CAACrB,EAAW+B,OAC3B,OAAC,GAAAqC,QAAA,CAAkB,UAAU,kBAAkB,QAAQ,OACpD,SAAApE,GADS+B,CAEZ,CACD,EACH,EACE,KACHsB,KACC,OAAC,YACC,GAAG,KACH,MAAOA,GAAuB,GAC9B,KAAM,EACN,UAAU,sFACV,KAAMA,GAAuB,GAC/B,EACE,QACJ,OAAC,SACC,KAAM,EACN,UAAU,8JACV,KAAMC,GAAsB,GAC9B,KACA,OAAC,OAAI,UAAU,8BACZ,SAAAxC,EACCA,EAAYlB,EAAM,CAAE,MAAAoD,EAAO,UAAAC,EAAW,SAAAC,EAAU,eAAAC,EAAgB,QAAAX,EAAS,OAAAR,EAAQ,UAAAY,CAAU,CAAC,EAC1FA,KACF,OAAC,OAAI,UAAU,sDAAuD,SAAA5B,IAAa,YAAY,KAE/F,oBACE,oBAAC,OAAI,UAAU,iEACZ,SAAAwB,GAAS,kBAAmBQ,GAAS,GACxC,EACCpC,EACGA,EAAoBhB,EAAM,CAAE,MAAAoD,EAAO,UAAAC,EAAW,SAAAC,EAAU,eAAAC,CAAe,CAAC,EACxEF,MACE,OAAC,OAAI,UAAU,sFACZ,SAAAT,GAAS,kBAAmBS,GAAa,GAC5C,GAER,EAEJ,EACC,CAACnC,GAAeD,IAAmBjB,EAAM4C,CAAO,KAEjD,QAAC,OACC,aAAW,MACT,0BACA,2CACArC,EAAc,YAAc,WAAa,WAAa,EACxD,EAEC,UAAAA,GAAe,mBACd,OAAC,EAAAkE,QAAA,CACC,SAAUzB,GAAazC,GAAe,eAAiB,YACvD,QAAQ,YACR,KAAMP,GAAM,sBACZ,GAAIA,GAAM,sBAAwB,IAAM,SACxC,QAASsE,EACT,QAASvC,EACT,UAAWxB,EAAc,YAAc,WAAa,SAAW,GAE9D,SAAAA,GAAe,iBAAmB,GACrC,EACE,KACHA,GAAe,iBACd,OAAC,EAAAkE,QAAA,CACC,SAAUzB,GAAazC,GAAe,aAAe,YACrD,QAAQ,UACR,KAAMP,GAAM,oBACZ,GAAIA,GAAM,oBAAsB,IAAM,SACtC,QAASqE,GACT,QAASxC,GACT,UAAWtB,EAAc,YAAc,WAAa,SAAW,GAE9D,SAAAA,GAAe,eAAiB,GACnC,EACE,MACN,GACF,EAIEmE,EAAkB1E,GAAM,gBACxB2E,EAAe3E,GAAM,aAE3B,SACE,OAAC,OACC,IAAKwB,EAEL,aAAW,MACT,gEACA,cACA,oGACA,qFACA,yCACAkD,EAAkB,kCAAoC,2CACtD,CAAE,YAAaC,IAAiB,MAAO,CACzC,EACA,MAAOD,EAAkB,CAAE,gBAAiB,OAAOA,CAAe,GAAI,EAAI,OAEzE,SAAAlE,KACC,OAAC,OAAI,UAAU,8CACb,oBAAC,OAAI,UAAU,6BACb,oBAAC,GAAAoE,QAAA,CACC,OAAQvE,EACR,IAAKC,EACL,aAAW,MAAG,yDAA0D,CACtE,YAAaoE,CACf,CAAC,EACH,KACA,OAAC,OAAI,UAAU,yEACZ,SAAAH,GAAc,EACjB,GACF,EACF,KAEA,QAAC,OAAI,UAAU,4FACZ,UAAA5C,GAAmBhB,MAClB,OAAC,GAAA6D,QAAA,CAAM,UAAU,8CAA8C,QAAQ,OACpE,SAAA7C,GAAmB,GACtB,KAEF,OAAC,OACC,aAAW,MACT,mHACA,CAAE,YAAa+C,CAAgB,CACjC,EAEA,mBAAC,KACC,aAAYlB,EACZ,OAAQjD,GAAe,OACvB,QAAM,gBACJ,GAAGY,IAAW,MAAQ,CAACA,EAAS,GAAK,IAAIA,CAAM,EAAE,aAAanB,GAAM,MAAM,YAAY+C,CAAS,GAC/F,GAAGlD,EAAa,IAAIC,EAAa,EACnC,EACA,QAAS,IAAM,IACb,YAAQ,CACN,MAAO,WACP,WAAY,cACZ,iBAAkB,CAChB,WAAY,YACZ,eAAgB,mBAChB,MAAO,CACL,CACE,QAASE,GAAM,KAAO4C,GAAS,IAC/B,UAAW5C,GAAM,KACjB,aAAc4C,GAAS,KACvB,MAAOA,GAAS,MAChB,MAAOrC,GAAe,MAAQ,CAChC,CACF,CACF,CACF,CAAC,CACH,EAEA,mBAAC,GAAAqE,QAAA,CACC,OAAQvE,EACR,IAAKC,EACL,UAAU,yDACZ,EACF,EACF,EACCiE,GAAc,GACjB,GA3EGvE,GAAM,IAAMA,GAAM,MA6EzB,CAEJ,EAEapB,GAA6B,CAAC,CAAE,KAAAoB,EAAM,cAAAO,CAAc,IAA0C,CACzG,KAAM,CACJ,UAAAE,EACA,WAAAoE,EACA,WAAAnE,EACA,iBAAAI,EACA,YAAAC,EACA,oBAAAC,EACA,iBAAAC,GACA,YAAAC,CACF,EAAIX,GAAiB,CAAC,EAChB,CAAE,UAAAe,EAAW,cAAAC,CAAc,EAAIb,GAAc,CAAC,EAC9C,CAAE,OAAAS,EAAS,KAAM,YAAAC,EAAa,gBAAAC,EAAgB,KAAI,mBAAe,EACjE,CAACI,EAAUC,CAAW,KAAI,YAAmB,CAAC,CAAC,EAC/CF,KAAM,UAAuB,IAAI,EACjC,CAACK,EAAgBC,CAAiB,KAAI,YAAS,EAAK,EACpD,CAACC,GAAkBC,CAAmB,KAAI,YAAS,EAAK,EAExDC,GAAkB,CAACC,EAA0BC,EAAenC,EAAwBoC,IAAgB,CACxG,KAAM,CAAE,WAAAC,EAAY,UAAAC,EAAW,SAAAC,EAAU,YAAAC,EAAa,MAAAC,CAAM,EAAIlC,GAAiB,CAAC,EAGlF,GAAI8B,EAAY,CACd,GAAIA,IAAe,WAAaC,EAC9B,OAAOA,EAAUJ,EAAQC,EAAQ,EAAGnC,EAAMoC,CAAM,EAElD,GAAIC,IAAe,UAAYE,EAC7B,OAAOA,EAASL,EAAQC,EAAQ,EAAGnC,EAAMoC,CAAM,EAEjD,GAAIC,IAAe,aAAeG,EAChC,OAAOA,EAAYN,EAAQC,EAAQ,EAAGnC,EAAMoC,CAAM,CAEtD,CAGAK,GAAO,gBAAgBP,EAAQC,EAAQ,EAAGnC,EAAMoC,CAAM,CACxD,EAEMM,GAAoB,CAACR,EAA0BC,EAAenC,EAAwBoC,IAAgB,CAC1G,KAAM,CAAE,aAAAO,EAAc,UAAAL,EAAW,SAAAC,EAAU,YAAAC,EAAa,MAAAC,CAAM,EAAIlC,GAAiB,CAAC,EAGpF,GAAIoC,EAAc,CAChB,GAAIA,IAAiB,WAAaL,EAChC,OAAOA,EAAUJ,EAAQC,EAAQ,EAAGnC,EAAMoC,CAAM,EAElD,GAAIO,IAAiB,UAAYJ,EAC/B,OAAOA,EAASL,EAAQC,EAAQ,EAAGnC,EAAMoC,CAAM,EAEjD,GAAIO,IAAiB,aAAeH,EAClC,OAAOA,EAAYN,EAAQC,EAAQ,EAAGnC,EAAMoC,CAAM,CAEtD,CAGAK,GAAO,kBAAkBP,EAAQC,EAAQ,EAAGnC,EAAMoC,CAAM,CAC1D,EAEMQ,KAAU,WAAQ,IAAM,CAC5B,MAAMC,EAAW7C,GAAM,UAAY,CAAC,EACpC,GAAK6C,EAAS,OAGd,OAAK7C,GAAM,KAGJ6C,EAAS,KAAMzC,GAAcA,GAAM,MAAQJ,GAAM,GAAG,GAAK6C,EAAS,CAAC,CAC5E,EAAG,CAAC7C,GAAM,IAAKA,GAAM,QAAQ,CAAC,EAExB8C,EAAaF,GAAS,IAAI,QAAQ,GAAG,GAAK,CAAC,EAC3CG,GAAYD,IAAaA,GAAY,OAAS,CAAC,EAE/CE,EACJ,CAACJ,GAAS,kBAAoBA,GAAS,OAAO,SAAW7C,IAAkB6C,GAAS,QAAU7C,GAC1Fa,GAAYL,GAAe,UAC3BM,EAAsBN,GAAe,oBAGrC6B,EAASQ,GAAS,UAAU,CAAC,EAE7BK,EAAuB,GAAQpC,GAAuBuB,GACtDc,EAAelD,GAAM,OAAO,cAAgB,MAE5CmD,KAAY,WAChB,OACE,uBAAmB,CACjB,OAAAhC,EACA,OAAQ8B,EAAuBb,GAAQ,qBAAuBQ,GAAS,MACvE,WAAYK,EAAuBL,GAAS,MAAQ,EACpD,aAAAM,EACA,gBAAA7B,GACA,kBAAmBN,CACrB,CAAC,EACH,CAACmC,EAAc/B,EAAQ8B,EAAsBb,GAAQ,qBAAsBQ,EAAS7B,CAAW,CACjG,EAEM,CAAE,MAAAqC,EAAO,UAAAC,EAAW,SAAAC,EAAU,eAAAC,CAAe,EAAIJ,EAEjD,CAAE,SAAA9C,EAAU,QAAAC,CAAQ,EAAIxB,GAAgBkB,CAAI,EAE5CwD,EAAexD,GAAM,aAAeA,GAAM,MAC1CyD,EAAsB3C,GACxB8B,GAAS,YAAY,OAAO,kBAAoBY,EAE9CE,EAAqB1D,GAAM,oBAAsBA,GAAM,eAE7D,gBAAYwB,EAAK,CACf,cAAA3B,GACA,cAAAC,GACA,eAAgB0D,EAChB,qBAAsBE,EACtB,SAAUnD,GAAe,MAAQ,CACnC,CAAC,EAED,MAAM8D,EAAqB,SAAY,CACrC,GAAI,CAAAxC,GACA,CAAA7B,GAAM,oBACV,CAAA8B,EAAkB,EAAI,EACtB,GAAI,CACF,MAAMG,GAAgBjC,EAAMO,GAAe,MAAOA,EAAe6B,CAAM,CACzE,QAAE,CACAN,EAAkB,EAAK,CACzB,EACF,EAEMwC,EAAuB,SAAY,CACvC,GAAI,CAAAvC,IACA,CAAA/B,GAAM,sBACV,CAAAgC,EAAoB,EAAI,EACxB,GAAI,CACF,MAAMU,GAAkB1C,EAAMO,GAAe,MAAOA,EAAe6B,CAAM,CAC3E,QAAE,CACAJ,EAAoB,EAAK,CAC3B,EACF,EAEM8C,EAAgB,IAKhBD,GAAc,EACT,CACL,QAAS,4DACT,QACE,4IACF,KAAM,4MACR,EAEK,CACL,QAAS,oFACT,QACE,6IACF,KAAM,8MACR,EAGIE,GAAkB,IAClBF,GAAc,EACT,4GAEF,4DAGHlB,GAAY,IAAM,CACtB,GAAIvB,GAAQ,aAAe,eAAgB,CACzC,MAAMwB,EAAYL,GAAkB,GAC9BM,EAAQD,EAAU,MAAM,wBAAwB,EACtD,GAAIC,EAAO,CACT,KAAM,CAAC,CAAEC,EAAQC,EAASC,CAAM,EAAIH,EACpC,IAAII,EAAiBF,EACrB,OAAIA,EAAQ,SAAS,KAAK,EACxBE,EAAiBF,EAAQ,QAAQ,QAAS,EAAE,EACnCA,EAAQ,SAAS,KAAK,IAC/BE,EAAiBF,EAAQ,QAAQ,OAAQ,EAAE,GAEtC,GAAGD,CAAM,GAAGG,CAAc,GAAGD,CAAM,EAC5C,CACA,OAAOJ,CACT,CACA,OAAON,GAAY,EACrB,KAGA,aAAU,IAAM,CACd,IAAIY,EAAuB,CAAC,EAC5B,GAAIZ,GAAYC,EAAgB,CAC9B,MAAMY,EAAc,GAAGR,GAAU,CAAC,IAAIrC,GAAW,KAAOC,GAAe,KAAO,EAAE,GAChF2C,EAAW,KAAKC,CAAW,CAC7B,CACA,MAAMC,EACJpE,GAAM,MACF,SAAUI,GAAiBA,GAAM,aAAa,OAAO,CAAC,GACtD,MAAOA,GAAiBA,GAAM,UAAU,SAAU,EAAE,CAAC,GACrD,QAAQ,EAAGkD,EAAW,EAAI,CAAC,GAAK,CAAC,EACvC5B,EAAYwC,EAAW,OAAOE,CAAO,CAAC,CACxC,EAAG,CAACpE,GAAM,KAAMsD,EAAUC,EAAgBjC,GAAW,IAAKC,GAAe,GAAG,CAAC,EAE7E,MAAMmD,EAAkB1E,GAAM,gBACxB2E,GAAe3E,GAAM,aAE3B,SACE,OAAC,OACC,IAAKwB,EAEL,aAAW,MACTsD,EAAc,EAAE,KAChB,cACA,qBACA,eACA,gFACAJ,EAAkB,kCAAoC,sDACtD,CAAE,YAAaC,KAAiB,MAAO,CACzC,EACA,MAAOD,EAAkB,CAAE,gBAAiB,OAAOA,CAAe,GAAI,EAAI,OAE1E,oBAAC,OAAI,aAAW,MAAGK,GAAgB,EAAG,6DAA6D,EACjG,oBAAC,OACC,aAAW,MAAGD,EAAc,EAAE,QAAS,6CAA8C,CACnF,YAAaJ,CACf,CAAC,EAED,mBAAC,KACC,aAAYlB,EACZ,OAAQjD,GAAe,OACvB,QAAM,gBACJ,GAAGY,IAAW,MAAQ,CAACA,EAAS,GAAK,IAAIA,CAAM,EAAE,aAAanB,GAAM,MAAM,YAAY+C,EAAS,GAC/F,GAAGlD,EAAa,IAAIC,EAAa,EACnC,EACA,QAAS,IAAM,IACb,YAAQ,CACN,MAAO,WACP,WAAY,cACZ,iBAAkB,CAChB,WAAY,YACZ,eAAgB,mBAChB,MAAO,CACL,CACE,QAASE,GAAM,KAAO4C,GAAS,IAC/B,UAAW5C,GAAM,KACjB,aAAc4C,GAAS,KACvB,MAAOA,GAAS,MAChB,MAAOrC,GAAe,MAAQ,CAChC,CACF,CACF,CACF,CAAC,CACH,EAEA,mBAAC,GAAAqE,QAAA,CACC,OAAQvE,EACR,IAAKC,EACL,UAAU,yDACZ,EACF,EACF,KACA,QAAC,OAAI,aAAW,MAAG,2CAA4CwE,EAAc,EAAE,OAAO,EACnF,UAAAlE,OACC,OAAC,OAAI,UAAU,2DACZ,SAAAa,GAAU,OAAS,GAClBA,GAAU,MAAM,CAACrB,EAAW+B,OAC1B,OAAC,GAAAqC,QAAA,CAAkB,UAAU,kBAAkB,QAAQ,OACpD,SAAApE,GADS+B,CAEZ,CACD,EACL,EAEDsB,KACC,OAAC,YACC,GAAG,KACH,MAAOA,GAAuB,GAC9B,KAAM,EACN,UAAU,+FACV,KAAMA,GAAuB,GAC/B,EACE,KACHC,KACC,OAAC,SACC,KAAM,EACN,UAAU,oJACV,KAAMA,GAAsB,GAC9B,EACE,QACJ,OAAC,OAAI,UAAU,8BACZ,SAAAxC,EACCA,EAAYlB,EAAM,CAAE,MAAAoD,EAAO,UAAAC,EAAW,SAAAC,EAAU,eAAAC,EAAgB,QAAAX,EAAS,OAAAR,EAAQ,UAAAY,CAAU,CAAC,EAC1FA,KACF,OAAC,OAAI,UAAU,sDAAuD,SAAA5B,GAAa,YAAY,KAE/F,oBACE,oBAAC,OAAI,UAAU,iEACZ,SAAAwB,GAAS,kBAAmBQ,GAAS,GACxC,EACCpC,EACGA,EAAoBhB,EAAM,CAAE,MAAAoD,EAAO,UAAAC,EAAW,SAAAC,EAAU,eAAAC,CAAe,CAAC,EACxEF,MACE,OAAC,OAAI,UAAU,sFACZ,SAAAT,GAAS,kBAAmBS,GAAa,GAC5C,GAER,EAEJ,EACC,CAACnC,GAAeD,KAAmBjB,EAAM4C,CAAO,KAEjD,QAAC,OACC,aAAW,MACT,0BACA,2CACArC,EAAc,YAAc,WAAa,WAAa,EACxD,EAEC,UAAAA,GAAe,mBACd,OAAC,EAAAkE,QAAA,CACC,SAAUzB,GAAazC,GAAe,eAAiB,YACvD,QAAQ,YACR,KAAMP,GAAM,sBACZ,GAAIA,GAAM,sBAAwB,IAAM,SACxC,QAASsE,EACT,QAASvC,GACT,UAAWxB,EAAc,YAAc,WAAa,SAAW,GAE9D,SAAAA,GAAe,iBAAmB,GACrC,EACE,KACHA,GAAe,iBACd,OAAC,EAAAkE,QAAA,CACC,SAAUzB,GAAazC,GAAe,aAAe,YACrD,QAAQ,UACR,KAAMP,GAAM,oBACZ,GAAIA,GAAM,oBAAsB,IAAM,SACtC,QAASqE,EACT,QAASxC,EACT,UAAWtB,EAAc,YAAc,WAAa,SAAW,GAE9D,SAAAA,GAAe,eAAiB,GACnC,EACE,MACN,GACF,GACF,GAxIKP,GAAM,IAAMA,GAAM,MAyIzB,CAEJ",
   "names": ["shelfDisplayItem_exports", "__export", "ShelfDisplayHorizontalItem", "ShelfDisplayWrapItem", "getProductImage", "__toCommonJS", "import_jsx_runtime", "import_AiuiProvider", "import_shelfDisplay", "import_picture", "import_badge", "import_utils", "import_text", "import_button", "import_track", "import_trackUrlRef", "import_heading", "import_useExposure", "import_react", "componentType", "componentName", "SOLD_OUT_PRICE", "data", "sku", "skuArray", "findSku", "item", "imageUrl", "altText", "configuration", "isDisplayBackImage", "itemShape", "metafields", "isTopTag", "isShowTag", "isShowOriginalPrice", "isShowShortTitle", "formatPrice", "renderOriginalPrice", "renderPriceLabel", "renderPrice", "locale", "copyWriting", "currencyDisplay", "discounts", "discountsCopy", "ref", "showTags", "setShowTags", "currentPriceTag", "setCurrentPriceTag", "primaryLoading", "setPrimaryLoading", "secondaryLoading", "setSecondaryLoading", "onPrimaryButton", "params", "index", "coupon", "primaryFun", "onAddCart", "onBuyNow", "onLearnMore", "event", "onSecondaryButton", "secondaryFun", "variant", "variants", "variantArr", "variantId", "isSoldOut", "shouldUseCouponPrice", "currencyCode", "priceInfo", "price", "basePrice", "discount", "discountAmount", "displayTitle", "currentDisplayTitle", "displayDescription", "showPrice", "amountStr", "match", "prefix", "numeric", "suffix", "updatedNumeric", "handleTags", "discountTag", "newTags", "handlePrimaryClick", "handleSecondaryClick", "bottomContent", "Badge", "Button", "custom_bg_image", "custom_theme", "Picture", "itemLength", "showSizeClass", "handleWrapClass"]
 }

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

@@ -1,3 +1,5 @@
+export { AccessoriesProductGrid, SectionHeader, PromoBanner, MainProductArea } from './AccessoriesShelf/index.js';
+export type { UserType, BannerConfig, BannerAction } from './AccessoriesShelf/index.js';
 export { default as ActivitySchedule } from './ActivitySchedule/index.js';
 export type { ActivityScheduleProps, ActivityScheduleData, ActivityScheduleItem } from './ActivitySchedule/types.js';
 export { default as GiftShelf } from './GiftShelf/index.js';
@@ -48,24 +50,26 @@ export { default as BizProductProvider, useBizProductContext } from './Listing/B
 export { default as PurchaseBar } from './Listing/components/PurchaseBar/index.js';
 export { default as ProductActions } from './Listing/components/PurchaseBar/ProductActions/index.js';
 export type { ProductActionsProps } from './Listing/components/PurchaseBar/ProductActions/index.js';
-export { default as ProductCard } from './Listing/components/ProductCard/index.js';
 export { default as ProductBenefitsTabs } from './Listing/components/ProductCard/ProductDetail/ProductBenefitsTabs/index.js';
 export { default as ProductBenefits } from './Listing/components/ProductCard/ProductDetail/ProductBenefits/index.js';
 export { default as ProductHighlight } from './Listing/components/ProductCard/ProductDetail/ProductHighlight/index.js';
 export { default as ProductFreeGift } from './Listing/components/ProductCard/ProductDetail/ProductFreeGift/index.js';
-export { default as ProductExchangePurchase } from './Listing/components/ProductCard/ProductDetail/ProductExchangePurchase/index.js';
+export { default as ProductFunctionFreeGift } from './Listing/components/ProductCard/ProductDetail/ProductFunctionFreeGift/index.js';
+export type { ProductFunctionFreeGiftProps, FunctionFreeGiftItem, } from './Listing/components/ProductCard/ProductDetail/ProductFunctionFreeGift';
 export { default as ProductOptions } from './Listing/components/ProductCard/ProductDetail/ProductOptions/index.js';
 export { default as ProductBundle } from './Listing/components/ProductCard/ProductDetail/ProductBundle/index.js';
+export type { ProductBundleProps, BundleOption, BundleVariantItem, } from './Listing/components/ProductCard/ProductDetail/ProductBundle/index.js';
 export { default as ProductCoupon } from './Listing/components/ProductCard/ProductDetail/ProductCoupon/index.js';
 export { default as ProductBanner } from './Listing/components/ProductCard/ProductDetail/ProductBanner/index.js';
 export { default as ProductGridBox } from './Listing/components/ProductCard/ProductGridBox.js';
 export { default as ProductGallery } from './Listing/components/ProductCard/ProductGallery/index.js';
-export { default as ProductDetail } from './Listing/components/ProductCard/ProductDetail/index.js';
 export { default as ProductSummary } from './Listing/components/ProductCard/ProductSummary/index.js';
 export { default as BenefitsTab } from './Listing/components/ProductCard/ProductDetail/BenefitsTab.js';
 export { default as PaidShipping } from './Listing/components/PaidShipping/index.js';
 export { default as CartActionButtons } from './Listing/components/CartActionButtons/index.js';
 export type { CartActionButtonsProps } from './Listing/components/CartActionButtons/index.js';
+export { NotifyMeDialog } from './NotifyMeDialog/index.js';
+export type { NotifyMeDialogProps, CheckboxConfig, SubscriptionMeta } from './NotifyMeDialog/types.js';
 export { default as ProductServiceBenefits } from './Listing/components/ProductCard/ProductDetail/ProductServiceBenefits/index.js';
 export type { ProductServiceBenefitsProps, ServiceBenefitItem, } from './Listing/components/ProductCard/ProductDetail/ProductServiceBenefits/index.js';
 export { default as ProductPaidShipping } from './Listing/components/ProductCard/ProductPaidShipping/index.js';
@@ -138,6 +142,8 @@ export type { MediaTextOverlayProps, MediaTextOverlayData, MediaTextOverlayItem,
 export type { CopyConfig as MediaShelfCopyConfig, ButtonFunctionType as MediaShelfButtonFunctionType, } from './MediaShelf/types.js';
 export type { CopyConfig as ActiveShelfCopyConfig, ButtonFunctionType } from './ActiveShelf/types.js';
 export { default as ImageOverlayShelf, type ButtonFunctionType as ImageOverlayShelfButtonFunctionType, } from './ImageOverlayShelf/index.js';
+export { default as AccessoryShelf, AccessoryProductCard } from './AccessoriesShelf/components/AccessoryShelf/index.js';
+export type { AccessoryShelfProps, AccessoryProductData, AccessoryCardSemanticName, AccessoryCopyConfig, AccessoryProductCardProps, } from './AccessoriesShelf/components/AccessoryShelf';
 export { default as ImageTextOverlay } from './ImageTextOverlay/index.js';
 export type { ImageTextOverlayProps, ImageTextOverlayData, ImageTextOverlayItem, ImageTextOverlaySemanticName, ImageTextOverlayBackgroundImage, } from './ImageTextOverlay/types.js';
 export { default as MiniCart } from './MiniCart/index.js';
@@ -202,6 +208,8 @@ export declare const PAYLOAD_COMPONENT_MAP: {
     'ipc-media-text-Overlay': string;
     ProductCompare: string;
 };
+export { CartSummaryHeader, CartItemRow, CartGiftSection, CartPerksSection, CartThirdPartyBanner, CartPriceSummary, } from './CartDetail/index.js';
+export type { CartSummaryHeaderProps, CartItemRowProps, CartGiftSectionProps, CartPerksSectionProps, CartPerk, CartThirdPartyProps, GiftOption, GiftSlotConfig, CartPriceSummaryProps, } from './CartDetail/index.js';
 export { useAiuiContext } from './AiuiProvider/index.js';
 export type { ContainerProps } from '../shared/Styles.js';
 export { default as ModalRegisterSubscribe } from './ModalRegisterSubscribe/index.js';

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

@@ -1,2 +1,2 @@
-"use strict";var lt=Object.create;var p=Object.defineProperty;var mt=Object.getOwnPropertyDescriptor;var nt=Object.getOwnPropertyNames;var xt=Object.getPrototypeOf,yt=Object.prototype.hasOwnProperty;var ht=(t,r)=>{for(var o in r)p(t,o,{get:r[o],enumerable:!0})},n=(t,r,o,m)=>{if(r&&typeof r=="object"||typeof r=="function")for(let i of nt(r))!yt.call(t,i)&&i!==o&&p(t,i,{get:()=>r[i],enumerable:!(m=mt(r,i))||m.enumerable});return t};var e=(t,r,o)=>(o=t!=null?lt(xt(t)):{},n(r||!t||!t.__esModule?p(o,"default",{value:t,enumerable:!0}):o,t)),St=t=>n(p({},"__esModule",{value:!0}),t);var Ct={};ht(Ct,{AccordionCards:()=>b.default,ActiveShelf:()=>Je.default,ActivityMechanism:()=>S.default,ActivitySchedule:()=>x.default,AiuiProvider:()=>H.default,AnchorNavigation:()=>Ke.default,AplusDesc:()=>Ce.default,BenefitsTab:()=>me.default,BizProductProvider:()=>f.default,BrandCardLink:()=>Te.default,BrandEquity:()=>P.default,BuyOneGetOneShelf:()=>Ye.default,CartActionButtons:()=>xe.default,Category:()=>I.default,CreativeModule:()=>U.default,CreditsProductCard:()=>d.CreditsProductCard,CreditsShelf:()=>d.default,DownLoad:()=>ve.default,Evaluate:()=>T.default,EventSchedule:()=>ze.default,Faq:()=>V.default,FeatureCards:()=>Ae.default,FeatureShowcase:()=>Oe.default,FeaturedBlogPosts:()=>Ge.default,Features:()=>Pe.default,FootCharger:()=>Be.default,FooterNavigation:()=>q.default,GiftBox:()=>ge.default,GiftShelf:()=>y.default,GiftTierShelf:()=>h.default,Graphic:()=>D.default,GraphicAttractionBlock:()=>E.default,GraphicMore:()=>Se.default,GraphicOverlay:()=>Y.default,HeaderNavigation:()=>W.default,HeroBanner:()=>j.default,IPC_SEARCH_PAGE:()=>s.IPC_SEARCH_PAGE,IPRedirect:()=>gt,ImageOverlayShelf:()=>et.default,ImageTextFeature:()=>Fe.default,ImageTextOverlay:()=>tt.default,ImageWithText:()=>Le.default,Ksp:()=>De.default,Marquee:()=>L.default,MarqueeImageContent:()=>a.MarqueeImageContent,MarqueeItem:()=>a.MarqueeItem,MarqueeReview:()=>k.default,MarqueeTextContent:()=>a.MarqueeTextContent,MediaEndorsement:()=>Ze.default,MediaPlayerBase:()=>F.default,MediaPlayerMulti:()=>G.default,MediaPlayerSticky:()=>A.default,MediaSceneSwitcher:()=>qe.default,MediaSceneSwitcherV2:()=>Ne.default,MediaShelf:()=>Qe.default,MediaTextOverlay:()=>$e.default,MemberEquity:()=>C.default,MiniCart:()=>rt.default,MiniCartCircleProgress:()=>ot.default,MiniCartDialog:()=>l.default,MiniCartDialogComponent:()=>l.MiniCartDialog,ModalCoupon:()=>dt.default,ModalRegisterSubscribe:()=>st.default,ModalSmsSubscribe:()=>ct.default,ModalSubscribeConfirm:()=>ft.default,ModalVerify:()=>ut.default,MultiLayoutGraphicBlock:()=>O.default,PAYLOAD_COMPONENT_MAP:()=>Pt,PaidShipping:()=>ne.default,ProductActions:()=>Z.default,ProductBanner:()=>fe.default,ProductBenefits:()=>te.default,ProductBenefitsTabs:()=>ee.default,ProductBundle:()=>pe.default,ProductCard:()=>$.default,ProductCompare:()=>be.default,ProductCoupon:()=>se.default,ProductDetail:()=>ue.default,ProductExchangePurchase:()=>ae.default,ProductFreeGift:()=>oe.default,ProductGallery:()=>ce.default,ProductGridBox:()=>de.default,ProductHero:()=>Ee.default,ProductHighlight:()=>re.default,ProductLottery:()=>je.default,ProductNav:()=>He.default,ProductOptions:()=>ie.default,ProductPaidShipping:()=>he.default,ProductServiceBenefits:()=>ye.default,ProductSummary:()=>le.default,PromotionalBar:()=>_e.default,PurchaseBar:()=>X.default,SceneProductCard:()=>c.SceneProductCard,SceneShelf:()=>c.default,SceneShelfV2:()=>u.default,SceneShelfV2ProductCard:()=>u.SceneShelfV2ProductCard,SceneShelfV3:()=>Xe.default,SearchPage:()=>N.default,SearchPageTabType:()=>s.SearchPageTabType,SecondaryBanner:()=>Ue.default,SelectStore:()=>Me.default,ShelfDisplay:()=>B.default,Slogan:()=>g.default,Spacer:()=>v.default,Specs:()=>J.default,SpecsComparison:()=>We.default,SwiperBox:()=>_.default,TabGroup:()=>Q.default,TabWithImage:()=>Ve.default,Tabs:()=>K.default,TabsWithMedia:()=>we.default,ThreeDCarousel:()=>Re.default,Title:()=>M.default,VideoFeature:()=>ke.default,VideoModal:()=>z.VideoModal,WebPushPopup:()=>at.default,WheelLottery:()=>Ie.default,WhyChoose:()=>w.default,useAiuiContext:()=>pt.useAiuiContext,useBizProductContext:()=>f.useBizProductContext,useEmarsysWebPush:()=>it.useEmarsysWebPush,withLayout:()=>R.withLayout});module.exports=St(Ct);var x=e(require("./ActivitySchedule/index.js")),y=e(require("./GiftShelf/index.js")),h=e(require("./GiftTierShelf/index.js")),S=e(require("./ActivityMechanism/index.js")),P=e(require("./BrandEquity/index.js")),C=e(require("./MemberEquity/index.js")),g=e(require("./Slogan/index.js")),M=e(require("./Title/index.js")),v=e(require("./Spacer/index.js")),B=e(require("./ShelfDisplay/index.js")),T=e(require("./Evaluate/index.js")),I=e(require("./Category/index.js")),j=e(require("./HeroBanner/index.js")),b=e(require("./AccordionCards/index.js")),D=e(require("./Graphic/index.js")),F=e(require("./MediaPlayerBase/index.js")),A=e(require("./MediaPlayerSticky/index.js")),G=e(require("./MediaPlayerMulti/index.js")),L=e(require("./Marquee/index.js")),k=e(require("./MarqueeReview/index.js")),w=e(require("./WhyChoose/index.js")),V=e(require("./Faq/index.js")),a=require("./Marquee/index.js"),O=e(require("./MultiLayoutGraphicBlock/index.js")),E=e(require("./GraphicAttractionBlock/index.js")),W=e(require("./HeaderNavigation/index.js")),q=e(require("./FooterNavigation/index.js")),N=e(require("./SearchPage/index.js")),s=require("./SearchPage/types.js"),R=require("../shared/Styles.js"),H=e(require("./AiuiProvider/index.js")),K=e(require("./Tabs/index.js")),_=e(require("./SwiperBox/index.js")),z=require("./VideoModal/index.js"),U=e(require("./CreativeModule/index.js")),Y=e(require("./GraphicOverlay/index.js")),J=e(require("./Specs/index.js")),Q=e(require("./TabsGroup/index.js")),f=e(require("./Listing/BizProductProvider.js")),X=e(require("./Listing/components/PurchaseBar/index.js")),Z=e(require("./Listing/components/PurchaseBar/ProductActions/index.js")),$=e(require("./Listing/components/ProductCard/index.js")),ee=e(require("./Listing/components/ProductCard/ProductDetail/ProductBenefitsTabs/index.js")),te=e(require("./Listing/components/ProductCard/ProductDetail/ProductBenefits/index.js")),re=e(require("./Listing/components/ProductCard/ProductDetail/ProductHighlight/index.js")),oe=e(require("./Listing/components/ProductCard/ProductDetail/ProductFreeGift/index.js")),ae=e(require("./Listing/components/ProductCard/ProductDetail/ProductExchangePurchase/index.js")),ie=e(require("./Listing/components/ProductCard/ProductDetail/ProductOptions/index.js")),pe=e(require("./Listing/components/ProductCard/ProductDetail/ProductBundle/index.js")),se=e(require("./Listing/components/ProductCard/ProductDetail/ProductCoupon/index.js")),fe=e(require("./Listing/components/ProductCard/ProductDetail/ProductBanner/index.js")),de=e(require("./Listing/components/ProductCard/ProductGridBox.js")),ce=e(require("./Listing/components/ProductCard/ProductGallery/index.js")),ue=e(require("./Listing/components/ProductCard/ProductDetail/index.js")),le=e(require("./Listing/components/ProductCard/ProductSummary/index.js")),me=e(require("./Listing/components/ProductCard/ProductDetail/BenefitsTab.js")),ne=e(require("./Listing/components/PaidShipping/index.js")),xe=e(require("./Listing/components/CartActionButtons/index.js")),ye=e(require("./Listing/components/ProductCard/ProductDetail/ProductServiceBenefits/index.js")),he=e(require("./Listing/components/ProductCard/ProductPaidShipping/index.js")),Se=e(require("./GraphicMore/index.js")),Pe=e(require("./Features/index.js")),Ce=e(require("./AplusDesc/index.js")),ge=e(require("./GiftBox/index.js")),Me=e(require("./SelectStore/index.js")),ve=e(require("./DownLoad/index.js")),Be=e(require("./FootCharger/index.js")),Te=e(require("./BrandCardLink/index.js")),gt=e(require("./IPRedirect/index.js")),Ie=e(require("./WheelLottery/index.js")),je=e(require("./ProductLottery/index.js")),be=e(require("./ProductCompare/index.js")),De=e(require("./Ksp/index.js")),Fe=e(require("./ImageTextFeature/index.js")),Ae=e(require("./FeatureCards/index.js")),Ge=e(require("./FeaturedBlogPosts/index.js")),Le=e(require("./ImageWithText/index.js")),ke=e(require("./VideoFeature/index.js")),we=e(require("./TabsWithMedia/index.js")),Ve=e(require("./TabWithImage/index.js")),Oe=e(require("./FeatureShowcase/index.js")),Ee=e(require("./ProductHero/index.js")),We=e(require("./SpecsComparison/index.js")),qe=e(require("./MediaSceneSwitcher/index.js")),Ne=e(require("./MediaSceneSwitcherV2/index.js")),Re=e(require("./ThreeDCarousel/index.js")),He=e(require("./ProductNav/index.js")),Ke=e(require("./AnchorNavigation/index.js")),_e=e(require("./PromotionalBar/index.js")),ze=e(require("./EventSchedule/index.js")),Ue=e(require("./SecondaryBanner/index.js")),Ye=e(require("./BuyOneGetOneShelf/index.js")),Je=e(require("./ActiveShelf/index.js")),Qe=e(require("./MediaShelf/index.js")),d=e(require("./CreditsShelf/index.js")),c=e(require("./SceneShelf/index.js")),u=e(require("./SceneShelfV2/index.js")),Xe=e(require("./SceneShelfV3/index.js")),Ze=e(require("./MediaEndorsement/index.js")),$e=e(require("./MediaTextOverlay/index.js")),et=e(require("./ImageOverlayShelf/index.js")),tt=e(require("./ImageTextOverlay/index.js")),rt=e(require("./MiniCart/index.js")),ot=e(require("./MiniCart/CircleProgress.js")),l=e(require("./MiniCart/MiniCartDialog.js")),at=e(require("./WebPushPopup/index.js")),it=require("../hooks/useEmarsysWebPush.js"),pt=require("./AiuiProvider/index.js"),st=e(require("./ModalRegisterSubscribe/index.js")),ft=e(require("./ModalSubscribeConfirm/index.js")),dt=e(require("./ModalCoupon/index.js")),ct=e(require("./ModalSmsSubscribe/index.js")),ut=e(require("./ModalVerify/index.js"));const Pt={"ipc-accordioncards":"AccordionCards","ipc-aplusdesc":"AplusDesc","ipc-banner":"HeroBanner","ipc-brand-equity":"BrandEquity","ipc-category":"Category","ipc-collection-banner":"CollectionBanner","ipc-collection-shelves":"CollectionShelves","ipc-creativemodule":"CreativeModule","ipc-download":"DownLoad","ipc-evaluate":"Evaluate","ipc-faq":"Faq","ipc-features":"Features","ipc-footcharger":"FootCharger","ipc-ga-block":"GraphicAttractionBlock","ipc-giftbox":"GiftBox","ipc-giftshelf":"GiftShelf","ipc-graphic":"Graphic","ipc-graphicmore":"GraphicMore","ipc-graphicoverlay":"GraphicOverlay","ipc-marquee":"Marquee","ipc-mediaplayerbase":"MediaPlayerBase","ipc-mediaplayermulti":"MediaPlayerMulti","ipc-mediaplayersticky":"MediaPlayerSticky","ipc-member-equity":"MemberEquity","ipc-mlg-block":"MultiLayoutGraphicBlock","ipc-search-page-tabs":"SearchPageBlock","ipc-selectstore":"SelectStore","ipc-shelfdisplay":"ShelfDisplay","ipc-slogan":"Slogan","ipc-spacer":"Spacer","ipc-specs":"Specs","ipc-tabs":"Tabs","ipc-text-marquee":"TextMarquee","ipc-title":"Title","ipc-whychoose":"WhyChoose","ipc-product-nav":"ProductNav","ipc-brand-card-link":"BrandCardLink","ipc-ipredirect":"IPRedirect",ksp:"Ksp","ipc-secondary-banner":"SecondaryBanner","ipc-media-endorsement":"MediaEndorsement","ipc-media-scene-switcher-v2":"MediaSceneSwitcherV2","ipc-featured-blog-posts":"FeaturedBlogPosts","ipc-media-text-Overlay":"MediaTextOverlay",ProductCompare:"ProductCompare"};
+"use strict";var lt=Object.create;var f=Object.defineProperty;var xt=Object.getOwnPropertyDescriptor;var yt=Object.getOwnPropertyNames;var Pt=Object.getPrototypeOf,St=Object.prototype.hasOwnProperty;var ht=(t,o)=>{for(var a in o)f(t,a,{get:o[a],enumerable:!0})},P=(t,o,a,y)=>{if(o&&typeof o=="object"||typeof o=="function")for(let p of yt(o))!St.call(t,p)&&p!==a&&f(t,p,{get:()=>o[p],enumerable:!(y=xt(o,p))||y.enumerable});return t};var e=(t,o,a)=>(a=t!=null?lt(Pt(t)):{},P(o||!t||!t.__esModule?f(a,"default",{value:t,enumerable:!0}):a,t)),Ct=t=>P(f({},"__esModule",{value:!0}),t);var Mt={};ht(Mt,{AccessoriesProductGrid:()=>i.AccessoriesProductGrid,AccessoryProductCard:()=>l.AccessoryProductCard,AccessoryShelf:()=>l.default,AccordionCards:()=>F.default,ActiveShelf:()=>Xe.default,ActivityMechanism:()=>g.default,ActivitySchedule:()=>S.default,AiuiProvider:()=>_.default,AnchorNavigation:()=>_e.default,AplusDesc:()=>Me.default,BenefitsTab:()=>le.default,BizProductProvider:()=>c.default,BrandCardLink:()=>je.default,BrandEquity:()=>M.default,BuyOneGetOneShelf:()=>Qe.default,CartActionButtons:()=>ye.default,CartGiftSection:()=>r.CartGiftSection,CartItemRow:()=>r.CartItemRow,CartPerksSection:()=>r.CartPerksSection,CartPriceSummary:()=>r.CartPriceSummary,CartSummaryHeader:()=>r.CartSummaryHeader,CartThirdPartyBanner:()=>r.CartThirdPartyBanner,Category:()=>b.default,CreativeModule:()=>Q.default,CreditsProductCard:()=>n.CreditsProductCard,CreditsShelf:()=>n.default,DownLoad:()=>Te.default,Evaluate:()=>A.default,EventSchedule:()=>Ye.default,Faq:()=>E.default,FeatureCards:()=>ke.default,FeatureShowcase:()=>Ee.default,FeaturedBlogPosts:()=>Le.default,Features:()=>ge.default,FootCharger:()=>Ie.default,FooterNavigation:()=>H.default,GiftBox:()=>Be.default,GiftShelf:()=>h.default,GiftTierShelf:()=>C.default,Graphic:()=>G.default,GraphicAttractionBlock:()=>q.default,GraphicMore:()=>Ce.default,GraphicOverlay:()=>X.default,HeaderNavigation:()=>R.default,HeroBanner:()=>D.default,IPC_SEARCH_PAGE:()=>d.IPC_SEARCH_PAGE,IPRedirect:()=>Bt,ImageOverlayShelf:()=>rt.default,ImageTextFeature:()=>Ge.default,ImageTextOverlay:()=>ot.default,ImageWithText:()=>we.default,Ksp:()=>Fe.default,MainProductArea:()=>i.MainProductArea,Marquee:()=>O.default,MarqueeImageContent:()=>s.MarqueeImageContent,MarqueeItem:()=>s.MarqueeItem,MarqueeReview:()=>V.default,MarqueeTextContent:()=>s.MarqueeTextContent,MediaEndorsement:()=>et.default,MediaPlayerBase:()=>k.default,MediaPlayerMulti:()=>w.default,MediaPlayerSticky:()=>L.default,MediaSceneSwitcher:()=>Re.default,MediaSceneSwitcherV2:()=>He.default,MediaShelf:()=>Ze.default,MediaTextOverlay:()=>tt.default,MemberEquity:()=>B.default,MiniCart:()=>at.default,MiniCartCircleProgress:()=>it.default,MiniCartDialog:()=>x.default,MiniCartDialogComponent:()=>x.MiniCartDialog,ModalCoupon:()=>nt.default,ModalRegisterSubscribe:()=>dt.default,ModalSmsSubscribe:()=>ut.default,ModalSubscribeConfirm:()=>ct.default,ModalVerify:()=>mt.default,MultiLayoutGraphicBlock:()=>N.default,NotifyMeDialog:()=>Pe.NotifyMeDialog,PAYLOAD_COMPONENT_MAP:()=>gt,PaidShipping:()=>xe.default,ProductActions:()=>te.default,ProductBanner:()=>ce.default,ProductBenefits:()=>oe.default,ProductBenefitsTabs:()=>re.default,ProductBundle:()=>fe.default,ProductCompare:()=>De.default,ProductCoupon:()=>de.default,ProductFreeGift:()=>ie.default,ProductFunctionFreeGift:()=>se.default,ProductGallery:()=>ue.default,ProductGridBox:()=>ne.default,ProductHero:()=>Ne.default,ProductHighlight:()=>ae.default,ProductLottery:()=>be.default,ProductNav:()=>Ue.default,ProductOptions:()=>pe.default,ProductPaidShipping:()=>he.default,ProductServiceBenefits:()=>Se.default,ProductSummary:()=>me.default,PromoBanner:()=>i.PromoBanner,PromotionalBar:()=>ze.default,PurchaseBar:()=>ee.default,SceneProductCard:()=>u.SceneProductCard,SceneShelf:()=>u.default,SceneShelfV2:()=>m.default,SceneShelfV2ProductCard:()=>m.SceneShelfV2ProductCard,SceneShelfV3:()=>$e.default,SearchPage:()=>K.default,SearchPageTabType:()=>d.SearchPageTabType,SecondaryBanner:()=>Je.default,SectionHeader:()=>i.SectionHeader,SelectStore:()=>ve.default,ShelfDisplay:()=>j.default,Slogan:()=>v.default,Spacer:()=>I.default,Specs:()=>Z.default,SpecsComparison:()=>qe.default,SwiperBox:()=>Y.default,TabGroup:()=>$.default,TabWithImage:()=>We.default,Tabs:()=>z.default,TabsWithMedia:()=>Ve.default,ThreeDCarousel:()=>Ke.default,Title:()=>T.default,VideoFeature:()=>Oe.default,VideoModal:()=>J.VideoModal,WebPushPopup:()=>st.default,WheelLottery:()=>Ae.default,WhyChoose:()=>W.default,useAiuiContext:()=>ft.useAiuiContext,useBizProductContext:()=>c.useBizProductContext,useEmarsysWebPush:()=>pt.useEmarsysWebPush,withLayout:()=>U.withLayout});module.exports=Ct(Mt);var i=require("./AccessoriesShelf/index.js"),S=e(require("./ActivitySchedule/index.js")),h=e(require("./GiftShelf/index.js")),C=e(require("./GiftTierShelf/index.js")),g=e(require("./ActivityMechanism/index.js")),M=e(require("./BrandEquity/index.js")),B=e(require("./MemberEquity/index.js")),v=e(require("./Slogan/index.js")),T=e(require("./Title/index.js")),I=e(require("./Spacer/index.js")),j=e(require("./ShelfDisplay/index.js")),A=e(require("./Evaluate/index.js")),b=e(require("./Category/index.js")),D=e(require("./HeroBanner/index.js")),F=e(require("./AccordionCards/index.js")),G=e(require("./Graphic/index.js")),k=e(require("./MediaPlayerBase/index.js")),L=e(require("./MediaPlayerSticky/index.js")),w=e(require("./MediaPlayerMulti/index.js")),O=e(require("./Marquee/index.js")),V=e(require("./MarqueeReview/index.js")),W=e(require("./WhyChoose/index.js")),E=e(require("./Faq/index.js")),s=require("./Marquee/index.js"),N=e(require("./MultiLayoutGraphicBlock/index.js")),q=e(require("./GraphicAttractionBlock/index.js")),R=e(require("./HeaderNavigation/index.js")),H=e(require("./FooterNavigation/index.js")),K=e(require("./SearchPage/index.js")),d=require("./SearchPage/types.js"),U=require("../shared/Styles.js"),_=e(require("./AiuiProvider/index.js")),z=e(require("./Tabs/index.js")),Y=e(require("./SwiperBox/index.js")),J=require("./VideoModal/index.js"),Q=e(require("./CreativeModule/index.js")),X=e(require("./GraphicOverlay/index.js")),Z=e(require("./Specs/index.js")),$=e(require("./TabsGroup/index.js")),c=e(require("./Listing/BizProductProvider.js")),ee=e(require("./Listing/components/PurchaseBar/index.js")),te=e(require("./Listing/components/PurchaseBar/ProductActions/index.js")),re=e(require("./Listing/components/ProductCard/ProductDetail/ProductBenefitsTabs/index.js")),oe=e(require("./Listing/components/ProductCard/ProductDetail/ProductBenefits/index.js")),ae=e(require("./Listing/components/ProductCard/ProductDetail/ProductHighlight/index.js")),ie=e(require("./Listing/components/ProductCard/ProductDetail/ProductFreeGift/index.js")),se=e(require("./Listing/components/ProductCard/ProductDetail/ProductFunctionFreeGift/index.js")),pe=e(require("./Listing/components/ProductCard/ProductDetail/ProductOptions/index.js")),fe=e(require("./Listing/components/ProductCard/ProductDetail/ProductBundle/index.js")),de=e(require("./Listing/components/ProductCard/ProductDetail/ProductCoupon/index.js")),ce=e(require("./Listing/components/ProductCard/ProductDetail/ProductBanner/index.js")),ne=e(require("./Listing/components/ProductCard/ProductGridBox.js")),ue=e(require("./Listing/components/ProductCard/ProductGallery/index.js")),me=e(require("./Listing/components/ProductCard/ProductSummary/index.js")),le=e(require("./Listing/components/ProductCard/ProductDetail/BenefitsTab.js")),xe=e(require("./Listing/components/PaidShipping/index.js")),ye=e(require("./Listing/components/CartActionButtons/index.js")),Pe=require("./NotifyMeDialog/index.js"),Se=e(require("./Listing/components/ProductCard/ProductDetail/ProductServiceBenefits/index.js")),he=e(require("./Listing/components/ProductCard/ProductPaidShipping/index.js")),Ce=e(require("./GraphicMore/index.js")),ge=e(require("./Features/index.js")),Me=e(require("./AplusDesc/index.js")),Be=e(require("./GiftBox/index.js")),ve=e(require("./SelectStore/index.js")),Te=e(require("./DownLoad/index.js")),Ie=e(require("./FootCharger/index.js")),je=e(require("./BrandCardLink/index.js")),Bt=e(require("./IPRedirect/index.js")),Ae=e(require("./WheelLottery/index.js")),be=e(require("./ProductLottery/index.js")),De=e(require("./ProductCompare/index.js")),Fe=e(require("./Ksp/index.js")),Ge=e(require("./ImageTextFeature/index.js")),ke=e(require("./FeatureCards/index.js")),Le=e(require("./FeaturedBlogPosts/index.js")),we=e(require("./ImageWithText/index.js")),Oe=e(require("./VideoFeature/index.js")),Ve=e(require("./TabsWithMedia/index.js")),We=e(require("./TabWithImage/index.js")),Ee=e(require("./FeatureShowcase/index.js")),Ne=e(require("./ProductHero/index.js")),qe=e(require("./SpecsComparison/index.js")),Re=e(require("./MediaSceneSwitcher/index.js")),He=e(require("./MediaSceneSwitcherV2/index.js")),Ke=e(require("./ThreeDCarousel/index.js")),Ue=e(require("./ProductNav/index.js")),_e=e(require("./AnchorNavigation/index.js")),ze=e(require("./PromotionalBar/index.js")),Ye=e(require("./EventSchedule/index.js")),Je=e(require("./SecondaryBanner/index.js")),Qe=e(require("./BuyOneGetOneShelf/index.js")),Xe=e(require("./ActiveShelf/index.js")),Ze=e(require("./MediaShelf/index.js")),n=e(require("./CreditsShelf/index.js")),u=e(require("./SceneShelf/index.js")),m=e(require("./SceneShelfV2/index.js")),$e=e(require("./SceneShelfV3/index.js")),et=e(require("./MediaEndorsement/index.js")),tt=e(require("./MediaTextOverlay/index.js")),rt=e(require("./ImageOverlayShelf/index.js")),l=e(require("./AccessoriesShelf/components/AccessoryShelf/index.js")),ot=e(require("./ImageTextOverlay/index.js")),at=e(require("./MiniCart/index.js")),it=e(require("./MiniCart/CircleProgress.js")),x=e(require("./MiniCart/MiniCartDialog.js")),st=e(require("./WebPushPopup/index.js")),pt=require("../hooks/useEmarsysWebPush.js"),r=require("./CartDetail/index.js"),ft=require("./AiuiProvider/index.js"),dt=e(require("./ModalRegisterSubscribe/index.js")),ct=e(require("./ModalSubscribeConfirm/index.js")),nt=e(require("./ModalCoupon/index.js")),ut=e(require("./ModalSmsSubscribe/index.js")),mt=e(require("./ModalVerify/index.js"));const gt={"ipc-accordioncards":"AccordionCards","ipc-aplusdesc":"AplusDesc","ipc-banner":"HeroBanner","ipc-brand-equity":"BrandEquity","ipc-category":"Category","ipc-collection-banner":"CollectionBanner","ipc-collection-shelves":"CollectionShelves","ipc-creativemodule":"CreativeModule","ipc-download":"DownLoad","ipc-evaluate":"Evaluate","ipc-faq":"Faq","ipc-features":"Features","ipc-footcharger":"FootCharger","ipc-ga-block":"GraphicAttractionBlock","ipc-giftbox":"GiftBox","ipc-giftshelf":"GiftShelf","ipc-graphic":"Graphic","ipc-graphicmore":"GraphicMore","ipc-graphicoverlay":"GraphicOverlay","ipc-marquee":"Marquee","ipc-mediaplayerbase":"MediaPlayerBase","ipc-mediaplayermulti":"MediaPlayerMulti","ipc-mediaplayersticky":"MediaPlayerSticky","ipc-member-equity":"MemberEquity","ipc-mlg-block":"MultiLayoutGraphicBlock","ipc-search-page-tabs":"SearchPageBlock","ipc-selectstore":"SelectStore","ipc-shelfdisplay":"ShelfDisplay","ipc-slogan":"Slogan","ipc-spacer":"Spacer","ipc-specs":"Specs","ipc-tabs":"Tabs","ipc-text-marquee":"TextMarquee","ipc-title":"Title","ipc-whychoose":"WhyChoose","ipc-product-nav":"ProductNav","ipc-brand-card-link":"BrandCardLink","ipc-ipredirect":"IPRedirect",ksp:"Ksp","ipc-secondary-banner":"SecondaryBanner","ipc-media-endorsement":"MediaEndorsement","ipc-media-scene-switcher-v2":"MediaSceneSwitcherV2","ipc-featured-blog-posts":"FeaturedBlogPosts","ipc-media-text-Overlay":"MediaTextOverlay",ProductCompare:"ProductCompare"};
 //# sourceMappingURL=index.js.map