@anker-in/headless-ui 1.3.60 → 1.3.61
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/biz-components/ShelfDisplay/index.js +1 -1
- package/dist/cjs/biz-components/ShelfDisplay/index.js.map +3 -3
- package/dist/cjs/biz-components/ShelfDisplay/shelfDisplay.d.ts +25 -0
- package/dist/cjs/biz-components/ShelfDisplay/shelfDisplay.js +1 -1
- package/dist/cjs/biz-components/ShelfDisplay/shelfDisplay.js.map +1 -1
- package/dist/cjs/biz-components/ShelfDisplay/shelfDisplayItem.js +1 -1
- package/dist/cjs/biz-components/ShelfDisplay/shelfDisplayItem.js.map +3 -3
- package/dist/cjs/biz-components/ShelfDisplayHorizontal/index.d.ts +7 -0
- package/dist/cjs/biz-components/ShelfDisplayHorizontal/index.js +2 -0
- package/dist/cjs/biz-components/ShelfDisplayHorizontal/index.js.map +7 -0
- package/dist/cjs/biz-components/ShelfDisplayHorizontal/shelfDisplayHorizontalItem.d.ts +8 -0
- package/dist/cjs/biz-components/ShelfDisplayHorizontal/shelfDisplayHorizontalItem.js +2 -0
- package/dist/cjs/biz-components/ShelfDisplayHorizontal/shelfDisplayHorizontalItem.js.map +7 -0
- package/dist/cjs/biz-components/SwiperBox/index.js +1 -1
- package/dist/cjs/biz-components/SwiperBox/index.js.map +3 -3
- package/dist/cjs/biz-components/SwiperBox/types.d.ts +6 -0
- package/dist/cjs/biz-components/SwiperBox/types.js +1 -1
- package/dist/cjs/biz-components/SwiperBox/types.js.map +1 -1
- package/dist/cjs/biz-components/index.d.ts +3 -0
- package/dist/cjs/biz-components/index.js +1 -1
- package/dist/cjs/biz-components/index.js.map +3 -3
- package/dist/esm/biz-components/ShelfDisplay/index.js +1 -1
- package/dist/esm/biz-components/ShelfDisplay/index.js.map +3 -3
- package/dist/esm/biz-components/ShelfDisplay/shelfDisplay.d.ts +25 -0
- package/dist/esm/biz-components/ShelfDisplay/shelfDisplay.js +1 -1
- package/dist/esm/biz-components/ShelfDisplay/shelfDisplay.js.map +1 -1
- package/dist/esm/biz-components/ShelfDisplay/shelfDisplayItem.js +1 -1
- package/dist/esm/biz-components/ShelfDisplay/shelfDisplayItem.js.map +3 -3
- package/dist/esm/biz-components/ShelfDisplayHorizontal/index.d.ts +7 -0
- package/dist/esm/biz-components/ShelfDisplayHorizontal/index.js +2 -0
- package/dist/esm/biz-components/ShelfDisplayHorizontal/index.js.map +7 -0
- package/dist/esm/biz-components/ShelfDisplayHorizontal/shelfDisplayHorizontalItem.d.ts +8 -0
- package/dist/esm/biz-components/ShelfDisplayHorizontal/shelfDisplayHorizontalItem.js +2 -0
- package/dist/esm/biz-components/ShelfDisplayHorizontal/shelfDisplayHorizontalItem.js.map +7 -0
- package/dist/esm/biz-components/SwiperBox/index.js +1 -1
- package/dist/esm/biz-components/SwiperBox/index.js.map +3 -3
- package/dist/esm/biz-components/SwiperBox/types.d.ts +6 -0
- package/dist/esm/biz-components/SwiperBox/types.js.map +1 -1
- package/dist/esm/biz-components/index.d.ts +3 -0
- package/dist/esm/biz-components/index.js +1 -1
- package/dist/esm/biz-components/index.js.map +2 -2
- package/dist/tokens/anker.css +2 -1
- package/dist/tokens/base.css +2 -1
- package/dist/tokens/eufy.css +2 -1
- package/dist/tokens/eufyMake.css +2 -1
- package/dist/tokens/oneAnker.css +4 -2
- package/dist/tokens/solix.css +2 -1
- package/dist/tokens/soundcore.css +4 -2
- package/package.json +1 -1
- package/style.css +105 -9
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";"use client";var ke=Object.create;var v=Object.defineProperty;var De=Object.getOwnPropertyDescriptor;var xe=Object.getOwnPropertyNames;var Te=Object.getPrototypeOf,Ce=Object.prototype.hasOwnProperty;var Pe=(s,n)=>{for(var l in n)v(s,l,{get:n[l],enumerable:!0})},q=(s,n,l,u)=>{if(n&&typeof n=="object"||typeof n=="function")for(let p of xe(n))!Ce.call(s,p)&&p!==l&&v(s,p,{get:()=>n[p],enumerable:!(u=De(n,p))||u.enumerable});return s};var k=(s,n,l)=>(l=s!=null?ke(Te(s)):{},q(n||!s||!s.__esModule?v(l,"default",{value:s,enumerable:!0}):l,s)),Ie=s=>q(v({},"__esModule",{value:!0}),s);var ze={};Pe(ze,{default:()=>Re});module.exports=Ie(ze);var a=require("react/jsx-runtime"),i=k(require("react")),_=require("../../helpers/utils.js"),d=require("../../components/tabs.js"),Z=k(require("../Title/index.js")),x=k(require("../SwiperBox/index.js")),j=require("../../shared/Styles.js"),T=require("../../shared/track.js"),Q=require("react-responsive"),W=require("../../hooks/useRollout.js"),F=require("../ShelfDisplay/shelfDisplayItem.js"),C=require("./shelfDisplayHorizontalItem.js");const Ne="image",Le="product_shelf",D=s=>s==null?"default":String(s).replace(/[^a-zA-Z0-9_-]/g,"")||"default",G={0:{spaceBetween:12,freeMode:!1,slidesPerView:1},374:{spaceBetween:12,freeMode:!1,slidesPerView:1.2},768:{spaceBetween:16,freeMode:!1,slidesPerView:2.3},1025:{spaceBetween:16,freeMode:!1,slidesPerView:2}},O=i.default.forwardRef((s,n)=>{const{isDisplayGudgments:l,...u}=s,{data:p,event:J,buildData:K,breakpoints:P,className:U="",recommendedData:h,target:X="_self",metafields:Y,isDisplayBackImage:ee=!1,renderOriginalPrice:te,renderPriceLabel:se,renderPrice:ae,onAddCart:ie,onBuyNow:ne,onLearnMore:oe,formatPrice:re,...le}=u,{productsTab:c=[],productsCard:pe=[],title:I,isShowTab:g=!0,tabShape:me="square",isShowTag:de=!1,isShowOriginalPrice:ce=!0,isShowRecommendedCard:fe=!1,isTile:ue=!1,tileMaxRows:b,tileExpandText:he="Show more",tileCollapseText:ge="Show less",...we}=p,N=(0,i.useRef)(!1),L=(0,i.useRef)(null),ye=(0,i.useId)(),[R,ve]=(0,i.useState)(!1);(0,i.useEffect)(()=>{ve(!0)},[]);const z=(0,Q.useMediaQuery)({query:"(min-width: 1025px)"}),[S,_e]=(0,i.useState)(!1),[be,H]=(0,W.useRollout)({threshold:0});(0,i.useImperativeHandle)(n,()=>L.current);const M=()=>{(0,T.gaTrack)({event:"ga4Event",event_name:"view_item_list",event_parameters:{page_group:"Home Page",item_list_name:"Home_Page_Bundle",items:h?.map((e,o)=>{const t=e?.variants?.find(r=>r?.sku===e?.sku)||e?.variants?.[0];return{item_id:e?.sku||t?.sku,item_name:e?.name,item_variant:t?.name,price:t?.price,index:o+1}})}})};(0,i.useEffect)(()=>{H&&h?.length&&!N.current&&(N.current=!0,M())},[H,h]);const B=(e,o)=>{if(o){const t=h?.map?.(r=>({...r,isShowRecommended:!0}));return t?.length?t:[]}if(!Array.isArray(e))return[];const m=e?.map?.(t=>{const r=K?.products?.find(y=>y?.handle===t?.handle);if(r)return{sku:t.sku,isShowRecommended:!1,custom_name:t.custom_name,custom_description:t.custom_description,custom_image:t.custom_image,custom_theme:t.custom_theme,custom_primary_link:t?.custom_primary_link||"",custom_secondary_link:t?.custom_secondary_link||"",custom_bg_image:t?.custom_bg_image||"",...r}})?.filter(t=>t);return m?.length?m:[]},w=D(ye),E=(e,o)=>{const m={...we,event:J,isShowTag:de,isShowOriginalPrice:ce,target:X,metafields:Y,itemLength:e.length,isDisplayBackImage:ee,renderOriginalPrice:te,renderPriceLabel:se,renderPrice:ae,onAddCart:ie,onBuyNow:ne,onLearnMore:oe,formatPrice:re};if(ue&&R&&z){const y=typeof b=="number"&&b>0,V=y?b*2:e.length,$=y&&e.length>V,Se=$&&!S?e.slice(0,V):e;return(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:(0,_.cn)("shelf-display-horizontal-tile grid grid-cols-2 gap-4",g?"mt-6":""),children:Se.map((f,A)=>(0,a.jsx)(C.ShelfDisplayHorizontalCardItem,{data:f,configuration:{...m,index:A}},f?.id||f?.handle||A))}),$&&(0,a.jsxs)("div",{className:"hover:text-brand-0 text-info-primary mt-6 flex items-center justify-center",children:[(0,a.jsx)("button",{className:"laptop:text-base text-sm font-bold",onClick:()=>_e(f=>!f),children:S?ge:he}),(0,a.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",className:(0,_.cn)("laptop:size-5 size-4",S&&"rotate-180"),width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:(0,a.jsx)("path",{d:"M17.2929 8.29302C17.6834 7.90249 18.3164 7.90249 18.707 8.29302C19.0975 8.68354 19.0975 9.31655 18.707 9.70708L12.707 15.7071C12.3164 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70708C4.90237 9.31655 4.90237 8.68354 5.29289 8.29302C5.68342 7.90249 6.31643 7.90249 6.70696 8.29302L11.9999 13.586L17.2929 8.29302Z",fill:"currentColor"})})]})]})}if(R&&z){const r=o?`${w}-${D(o)}`:w;return(0,a.jsx)(x.default,{data:{list:e,configuration:m},id:r,className:`${g?"mt-6":""} shelf-display-horizontal-swiper-box !overflow-visible`,Slide:C.ShelfDisplayHorizontalCardItem,showNavigation:!0,navigationPrevClassName:"left-4 desktop:left-6",navigationNextClassName:"right-4 desktop:right-6",breakpoints:P||G},r)}const t=o?`${w}-${D(o)}`:w;return(0,a.jsx)(x.default,{data:{list:e,configuration:m},id:t,className:`${g?"mt-6":""} shelf-display-swiper-box !overflow-visible`,Slide:F.ShelfDisplayWrapItem,showNavigation:!0,navigationPrevClassName:"left-4 desktop:left-6",navigationNextClassName:"right-4 desktop:right-6",breakpoints:P||G},t)};return(0,a.jsxs)("div",{ref:L,...le,className:(0,_.cn)("shelf-display-horizontal-wrap text-info-primary w-full",U,{"aiui-dark":p?.theme==="dark"}),children:[I&&(0,a.jsx)(Z.default,{data:{title:I}}),(0,a.jsx)("div",{ref:be,className:"tablet:min-h-[393px] laptop:min-h-[320px] desktop:min-h-[300px] lg-desktop:min-h-[309px]",children:g&&c?.length>0?(0,a.jsxs)(d.Tabs,{defaultValue:c?.[0]?.tab,onValueChange:e=>{const o=c?.find(m=>m?.tab===e);if(o){if(!o.isShowRecommendedTab){(0,T.gaTrack)({event:"ga4Event",event_name:"component_click",event_parameters:{page_group:"Home Page",component_type:Ne,component_name:Le,component_title:p?.title,component_position:1,navigation:e}});return}M()}},shape:me==="rounded"?"rounded":"square",children:[(0,a.jsx)(d.TabsList,{children:c.map(e=>(0,a.jsx)(d.TabsTrigger,{value:e?.tab,children:e?.tab||""},e?.id||e?.tab))}),c.map(e=>(0,a.jsx)(d.TabsContent,{value:e?.tab,children:E(B(e?.data||[],e?.isShowRecommendedTab),e?.tab)},e?.id||e?.tab))]}):E(B(pe,fe))})]})});O.displayName="ShelfDisplayHorizontal";var Re=(0,j.withLayout)(O);
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/biz-components/ShelfDisplayHorizontal/index.tsx"],
|
|
4
|
+
"sourcesContent": ["'use client'\nimport React, { useEffect, useRef, useImperativeHandle, useId, useState } 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 } from '../ShelfDisplay/shelfDisplayItem.js'\nimport { ShelfDisplayHorizontalCardItem } from './shelfDisplayHorizontalItem.js'\nimport type { ShelfDisplayProps, ShelfDisplayItem } from '../ShelfDisplay/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\n// \u4E24\u4E2A Swiper \u5206\u652F\u8FD0\u884C\u65F6\u4E92\u65A5\uFF08<1025 \u547D\u4E2D 0/374/768 \u952E\uFF0C\u22651025 \u547D\u4E2D 1024/1440/1920 \u952E\uFF09\uFF0C\u5171\u7528\u540C\u4E00\u4EFD\u9ED8\u8BA4\u65AD\u70B9\nconst defaultBreakpoints: ShelfDisplayProps['breakpoints'] = {\n 0: { spaceBetween: 12, freeMode: false, slidesPerView: 1 },\n 374: { spaceBetween: 12, freeMode: false, slidesPerView: 1.2 },\n 768: { spaceBetween: 16, freeMode: false, slidesPerView: 2.3 },\n 1025: { spaceBetween: 16, freeMode: false, slidesPerView: 2 },\n}\n\nexport type ShelfDisplayHorizontalProps = Omit<ShelfDisplayProps, 'isDisplayGudgments'>\n\nconst ShelfDisplayHorizontal = React.forwardRef<HTMLDivElement, ShelfDisplayHorizontalProps>((props, ref) => {\n // isDisplayGudgments \u4E0D\u5728\u672C\u7EC4\u4EF6\u652F\u6301\u8303\u56F4\u5185\uFF0C\u8FD0\u884C\u65F6\u5265\u79BB\u4EE5\u514D\u900F\u4F20 DOM\n const { isDisplayGudgments: _isDisplayGudgments, ...restProps } = props as ShelfDisplayProps\n const {\n data,\n event,\n buildData,\n breakpoints,\n className = '',\n recommendedData,\n target = '_self',\n metafields,\n isDisplayBackImage = false,\n renderOriginalPrice,\n renderPriceLabel,\n renderPrice,\n onAddCart,\n onBuyNow,\n onLearnMore,\n formatPrice,\n ...rest\n } = restProps\n const {\n productsTab = [],\n productsCard = [],\n title,\n isShowTab = true,\n tabShape = 'square',\n isShowTag = false,\n isShowOriginalPrice = true,\n isShowRecommendedCard = false,\n isTile = false,\n tileMaxRows,\n tileExpandText = 'Show more',\n tileCollapseText = 'Show less',\n ...other\n } = data\n\n const isView = useRef<boolean>(false)\n const innerRef = useRef<HTMLDivElement>(null)\n const instanceId = useId()\n\n const [mounted, setMounted] = useState(false)\n useEffect(() => {\n setMounted(true)\n }, [])\n\n const isLaptop = useMediaQuery({ query: '(min-width: 1025px)' })\n const [tileExpanded, setTileExpanded] = useState(false)\n const [viewRef, inView] = useRollout<HTMLDivElement>({ threshold: 0 })\n\n useImperativeHandle(ref, () => innerRef.current as HTMLDivElement)\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 useEffect(() => {\n if (inView && recommendedData?.length && !isView.current) {\n isView.current = true\n gackViewEvent()\n }\n }, [inView, recommendedData])\n\n const getItems = (currentData: ShelfDisplayItem[], flag: boolean): ShelfDisplayItem[] => {\n if (flag) {\n const newCurrentData = recommendedData?.map?.(item => ({ ...item, isShowRecommended: true }))\n return newCurrentData?.length ? newCurrentData : []\n }\n if (!Array.isArray(currentData)) return []\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 return newCurrentData?.length ? (newCurrentData as ShelfDisplayItem[]) : []\n }\n\n const safeInstanceId = sanitizeCssSelector(instanceId)\n\n const renderSwiperBox = (items: ShelfDisplayItem[], tabValue?: string) => {\n const configuration = {\n ...other,\n event,\n isShowTag,\n isShowOriginalPrice,\n target,\n metafields,\n itemLength: items.length,\n isDisplayBackImage,\n renderOriginalPrice,\n renderPriceLabel,\n renderPrice,\n onAddCart,\n onBuyNow,\n onLearnMore,\n formatPrice,\n }\n\n if (isTile && mounted && isLaptop) {\n // \u5E73\u94FA\u5E03\u5C40\uFF1AtileMaxRows \u8BBE\u7F6E\u540E\uFF0C\u8D85\u8FC7\u884C\u6570\u6298\u53E0\u6536\u8D77\uFF08\u6A2A\u7248\u5E73\u94FA\u4E00\u884C 2 \u5217\uFF09\n const colsPerRow = 2\n const hasRowLimit = typeof tileMaxRows === 'number' && tileMaxRows > 0\n const maxVisibleItems = hasRowLimit ? tileMaxRows * colsPerRow : items.length\n const shouldCollapse = hasRowLimit && items.length > maxVisibleItems\n const visibleItems = shouldCollapse && !tileExpanded ? items.slice(0, maxVisibleItems) : items\n\n return (\n <div>\n <div className={cn('shelf-display-horizontal-tile grid grid-cols-2 gap-4', isShowTab ? 'mt-6' : '')}>\n {visibleItems.map((item, index) => (\n <ShelfDisplayHorizontalCardItem\n key={item?.id || item?.handle || index}\n data={item}\n configuration={{ ...configuration, index }}\n />\n ))}\n </div>\n {shouldCollapse && (\n <div className=\"hover:text-brand-0 text-info-primary mt-6 flex items-center justify-center\">\n <button className=\"laptop:text-base text-sm font-bold\" onClick={() => setTileExpanded(prev => !prev)}>\n {tileExpanded ? tileCollapseText : tileExpandText}\n </button>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n className={cn('laptop:size-5 size-4', tileExpanded && 'rotate-180')}\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n >\n <path\n d=\"M17.2929 8.29302C17.6834 7.90249 18.3164 7.90249 18.707 8.29302C19.0975 8.68354 19.0975 9.31655 18.707 9.70708L12.707 15.7071C12.3164 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70708C4.90237 9.31655 4.90237 8.68354 5.29289 8.29302C5.68342 7.90249 6.31643 7.90249 6.70696 8.29302L11.9999 13.586L17.2929 8.29302Z\"\n fill=\"currentColor\"\n />\n </svg>\n </div>\n )}\n </div>\n )\n }\n\n if (mounted && isLaptop) {\n const swiperInstanceId = tabValue ? `${safeInstanceId}-${sanitizeCssSelector(tabValue)}` : safeInstanceId\n return (\n <SwiperBox\n key={swiperInstanceId}\n data={{ list: items, configuration }}\n id={swiperInstanceId}\n className={`${isShowTab ? 'mt-6' : ''} shelf-display-horizontal-swiper-box !overflow-visible`}\n Slide={ShelfDisplayHorizontalCardItem}\n showNavigation\n navigationPrevClassName=\"left-4 desktop:left-6\"\n navigationNextClassName=\"right-4 desktop:right-6\"\n breakpoints={breakpoints || defaultBreakpoints}\n />\n )\n }\n\n const swiperInstanceId = tabValue ? `${safeInstanceId}-${sanitizeCssSelector(tabValue)}` : safeInstanceId\n\n return (\n <SwiperBox\n key={swiperInstanceId}\n data={{ list: items, configuration }}\n id={swiperInstanceId}\n className={`${isShowTab ? 'mt-6' : ''} shelf-display-swiper-box !overflow-visible`}\n Slide={ShelfDisplayWrapItem}\n showNavigation\n navigationPrevClassName=\"left-4 desktop:left-6\"\n navigationNextClassName=\"right-4 desktop:right-6\"\n breakpoints={breakpoints || defaultBreakpoints}\n />\n )\n }\n\n return (\n <div\n ref={innerRef}\n {...rest}\n className={cn('shelf-display-horizontal-wrap text-info-primary w-full', className, {\n 'aiui-dark': data?.theme === 'dark',\n })}\n >\n {title && <Title data={{ title: title }} />}\n <div\n ref={viewRef as any}\n className=\"tablet:min-h-[393px] laptop:min-h-[320px] desktop:min-h-[300px] lg-desktop:min-h-[309px]\"\n >\n {isShowTab && productsTab?.length > 0 ? (\n <Tabs\n defaultValue={productsTab?.[0]?.tab}\n onValueChange={value => {\n const currentTab = productsTab?.find(item => item?.tab === value)\n if (!currentTab) return\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 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 {productsTab.map(tab => (\n <TabsContent key={tab?.id || tab?.tab} value={tab?.tab}>\n {renderSwiperBox(getItems(tab?.data || [], tab?.isShowRecommendedTab), tab?.tab)}\n </TabsContent>\n ))}\n </Tabs>\n ) : (\n renderSwiperBox(getItems(productsCard, isShowRecommendedCard))\n )}\n </div>\n </div>\n )\n})\n\nShelfDisplayHorizontal.displayName = 'ShelfDisplayHorizontal'\nexport default withLayout(ShelfDisplayHorizontal)\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["ShelfDisplayHorizontal_exports", "__export", "ShelfDisplayHorizontal_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", "import_shelfDisplayHorizontalItem", "componentType", "componentName", "sanitizeCssSelector", "value", "defaultBreakpoints", "ShelfDisplayHorizontal", "React", "props", "ref", "_isDisplayGudgments", "restProps", "data", "event", "buildData", "breakpoints", "className", "recommendedData", "target", "metafields", "isDisplayBackImage", "renderOriginalPrice", "renderPriceLabel", "renderPrice", "onAddCart", "onBuyNow", "onLearnMore", "formatPrice", "rest", "productsTab", "productsCard", "title", "isShowTab", "tabShape", "isShowTag", "isShowOriginalPrice", "isShowRecommendedCard", "isTile", "tileMaxRows", "tileExpandText", "tileCollapseText", "other", "isView", "innerRef", "instanceId", "mounted", "setMounted", "isLaptop", "tileExpanded", "setTileExpanded", "viewRef", "inView", "gackViewEvent", "item", "index", "variant", "v", "getItems", "currentData", "flag", "newCurrentData", "findData", "params", "safeInstanceId", "renderSwiperBox", "items", "tabValue", "configuration", "hasRowLimit", "maxVisibleItems", "shouldCollapse", "visibleItems", "prev", "swiperInstanceId", "SwiperBox", "Title", "currentTab", "tab"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var Le=Object.create;var w=Object.defineProperty;var $e=Object.getOwnPropertyDescriptor;var Ie=Object.getOwnPropertyNames;var Ee=Object.getPrototypeOf,Ae=Object.prototype.hasOwnProperty;var Fe=(e,t)=>{for(var a in t)w(e,a,{get:t[a],enumerable:!0})},te=(e,t,a,C)=>{if(t&&typeof t=="object"||typeof t=="function")for(let d of Ie(t))!Ae.call(e,d)&&d!==a&&w(e,d,{get:()=>t[d],enumerable:!(C=$e(t,d))||C.enumerable});return e};var E=(e,t,a)=>(a=e!=null?Le(Ee(e)):{},te(t||!e||!e.__esModule?w(a,"default",{value:e,enumerable:!0}):a,e)),Me=e=>te(w({},"__esModule",{value:!0}),e);var je={};Fe(je,{ShelfDisplayHorizontalCardItem:()=>Oe});module.exports=Me(je);var o=require("react/jsx-runtime"),ie=require("../AiuiProvider/index.js"),le=require("../ShelfDisplay/shelfDisplay.js"),ne=require("../ShelfDisplay/shelfDisplayItem.js"),ae=E(require("../../components/picture.js")),A=E(require("../../components/badge.js")),x=require("../../helpers/utils.js"),F=require("../../components/text.js"),M=E(require("../../components/button.js")),ce=require("../../shared/track.js"),pe=require("../../shared/trackUrlRef.js"),me=require("../../components/heading.js"),de=require("../../hooks/useExposure.js"),c=require("react");const oe="image",se="product_shelf",re=999999999e-2,He=({items:e})=>e?.length?(0,o.jsx)("div",{className:"shelf-display-horizontal-social-endorsements desktop:gap-2 desktop:top-2 absolute right-0 top-0 flex flex-none flex-col items-center gap-1 self-center",children:e.map((t,a)=>typeof t.icon=="string"?(0,o.jsx)("img",{src:t.icon,alt:t.label||"",loading:"lazy",className:"desktop:size-10 lg-desktop:size-12 size-8 object-contain"},a):(0,o.jsx)(F.Text,{"aria-label":t.label,className:"desktop:size-10 lg-desktop:size-12 size-8 [&_img]:size-full [&_svg]:size-full",children:t.icon},a))}):null,Oe=({data:e,configuration:t})=>{const{isDisplayBackImage:a=!1,itemShape:C,metafields:d,isTopTag:Ue=!1,isShowTag:fe,isShowOriginalPrice:ue,isShowShortTitle:ge=!1,isShowPricesTag:N=!1,pricesTagTextColor:P,pricesTagBgColor:B,itemsTagTextColor:b,itemsTagBgColor:z,formatPrice:H,renderOriginalPrice:O,renderPriceLabel:ye,renderPrice:D}=t||{},{locale:g="es",copyWriting:he,currencyDisplay:j}=(0,ie.useAiuiContext)(),{discounts:U,discountsCopy:W}=d||{},R=(0,c.useRef)(null),[q,ve]=(0,c.useState)([]),[V,ke]=(0,c.useState)(""),[G,J]=(0,c.useState)(!1),[K,Q]=(0,c.useState)(!1),xe=(s,r,i,n)=>{const{primaryFun:p,onAddCart:m,onBuyNow:v,onLearnMore:k,event:I}=t||{};if(p){if(p==="AddCart"&&m)return m(s,r+1,i,n);if(p==="BuyNow"&&v)return v(s,r+1,i,n);if(p==="LearnMore"&&k)return k(s,r+1,i,n)}I?.primaryButton?.(s,r+1,i,n)},be=(s,r,i,n)=>{const{secondaryFun:p,onAddCart:m,onBuyNow:v,onLearnMore:k,event:I}=t||{};if(p){if(p==="AddCart"&&m)return m(s,r+1,i,n);if(p==="BuyNow"&&v)return v(s,r+1,i,n);if(p==="LearnMore"&&k)return k(s,r+1,i,n)}I?.secondaryButton?.(s,r+1,i,n)},l=(0,c.useMemo)(()=>{const s=e?.variants||[];if(s.length)return e?.sku?s?.find?.(r=>r?.sku===e?.sku)||s[0]:s?.[0]},[e?.sku,e?.variants]),X=l?.id?.split?.("/")||[],_e=X?.[X?.length-1],y=!l?.availableForSale||l?.price?.amount===re||l?.price===re,f=l?.coupons?.[0],Y=e?.price?.currencyCode||"USD",Se=(0,c.useMemo)(()=>(0,le.formatVariantPrice)({locale:g,amount:f?f?.variant_price4wscode:l?.price,baseAmount:f?l?.price:0,currencyCode:Y,currencyDisplay:j,customFormatPrice:H}),[Y,g,j,f,l,H]),{price:L,basePrice:_,discount:u,discountAmount:h}=Se,{imageUrl:Te,altText:we}=(0,ne.getProductImage)(e),S=e?.custom_name||e?.title,$=ge&&l?.metafields?.infos?.page_short_title||S,Z=e?.custom_description||e?.description,Ce=()=>{if(f?.value_type==="fixed_amount"){const s=h||"",r=s.match(/^(.*?)(\d[\d.,]*)(.*)$/);if(r){const[,i,n,p]=r;let m=n;return n.endsWith(".00")?m=n.replace(/\.00$/,""):n.endsWith(",00")&&(m=n.replace(/,00$/,"")),`${i}${m}${p}`}return s}return u||""};(0,c.useEffect)(()=>{let s=[];if(u||h){const i=`${Ce()} ${U?.off||W?.off||""}`;ke(i)}const r=e?.tags?.filter?.(i=>i?.startsWith?.("CLtag"))?.map?.(i=>i?.replace?.("CLtag:",""))?.slice?.(0,u&&N?1:2)||[];ve(s.concat(r))},[e?.tags,u,h,U?.off,W?.off,N]),(0,de.useExposure)(R,{componentType:oe,componentName:se,componentTitle:S,componentDescription:Z,position:t?.index+1});const Ne=async()=>{if(!G&&!e?.custom_primary_link){J(!0);try{await xe(e,t?.index,t,f)}finally{J(!1)}}},Pe=async()=>{if(!K&&!e?.custom_secondary_link){Q(!0);try{await be(e,t?.index,t,f)}finally{Q(!1)}}},Be={...P?{color:P}:{},...B?{backgroundColor:B,backgroundImage:"none"}:{},...P||B?{outline:"none"}:{}},ze={...b?{color:b}:{},...z?{backgroundColor:z,backgroundImage:"none"}:{},...b||z?{outlineColor:b}:{}},De=()=>(0,o.jsxs)("div",{className:"lg-desktop:h-[28px] absolute left-0 top-0 z-10 box-border flex h-6 flex-wrap gap-1 overflow-hidden",children:[N&&V&&(0,o.jsx)(A.default,{className:"shelf-prices-tag",variant:"fill",style:Be,children:V||""}),fe&&q?.length>0&&q?.map?.((s,r)=>(0,o.jsx)(A.default,{className:"shelf-items-tag",variant:"outline",style:ze,children:s},r))]}),T=e?.custom_bg_image,ee=e?.custom_theme;return(0,o.jsx)("div",{ref:R,className:(0,x.cn)("box-border w-full cursor-pointer overflow-hidden duration-300","rounded-box","shelf-display-horizontal-item","lg-desktop:aspect-[824/269] desktop:aspect-[648/238] laptop:aspect-[440/256] relative",T?"bg-cover bg-center bg-no-repeat":"bg-background tablet:hover:bg-info-white",{"aiui-dark":ee==="dark","aiui-light":ee==="light"}),style:T?{backgroundImage:`url(${T})`}:void 0,children:(0,o.jsxs)("div",{className:"desktop:p-6 desktop:pt-4 absolute inset-0 box-border flex overflow-hidden p-4",children:[(0,o.jsxs)("div",{className:"shelf-display-horizontal-left laptop:flex-[196] desktop:flex-[292] lg-desktop:flex-[380] relative flex h-full flex-none flex-col items-center justify-center gap-2",children:[(0,o.jsx)(De,{}),(0,o.jsx)("div",{className:(0,x.cn)("shelf-display-horizontal-item-image desktop:h-[92.3%] lg-desktop:h-[89.5%] relative inline-block aspect-[1] h-[63.6%] min-h-0 overflow-hidden",{"opacity-0":T}),children:(0,o.jsx)("a",{"aria-label":S,target:t?.target,href:(0,pe.trackUrlRef)(`${g==="us"||!g?"":`/${g}`}/products/${e?.handle}?variant=${_e}`,`${oe}_${se}`),onClick:()=>{(0,ce.gaTrack)({event:"ga4Event",event_name:"select_item",event_parameters:{page_group:"Home Page",item_list_name:"Home_Page_Bundle",items:[{item_id:e?.sku||l?.sku,item_name:e?.name,item_variant:l?.name,price:l?.price,index:t?.index+1}]}})},children:(0,o.jsx)(ae.default,{source:Te,alt:we,className:"flex h-full justify-center object-cover [&_img]:w-auto"})})}),(0,o.jsx)(He,{items:e?.socialEndorsements||d?.socialEndorsements})]}),(0,o.jsxs)("div",{className:"shelf-display-horizontal-content desktop:flex-[332] desktop:pl-6 desktop:pt-2 lg-desktop:flex-[420] desktop:gap-6 flex min-w-0 flex-[224] flex-col justify-between gap-4 pl-4",children:[(0,o.jsxs)("div",{className:"shelf-display-horizontal-content-title-desc",children:[$?(0,o.jsx)(me.Heading,{as:"h3",title:$||"",size:2,className:"shelf-display-product-title text-info-primary mb-1 line-clamp-2",html:$||""}):null,(0,o.jsx)(F.Text,{size:2,className:(0,x.cn)("lg-desktop:text-lg desktop:text-base shelf-display-product-description text-info-primary line-clamp-2 text-sm !leading-[1.4]"),html:Z||""})]}),(0,o.jsxs)("div",{className:"shelf-display-horizontal-content-price-button",children:[(0,o.jsx)("div",{className:"mb-2 flex items-center",children:D?D(e,{price:L,basePrice:_,discount:u,discountAmount:h,variant:l,coupon:f,isSoldOut:y}):y?(0,o.jsx)("div",{className:"lg-desktop:text-2xl text-info-primary text-xl font-bold",children:he?.soldOutText}):(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{className:"final-price lg-desktop:text-2xl text-info-primary text-xl font-bold !leading-[1.2]",children:l?.availableForSale&&L||""}),O?O(e,{price:L,basePrice:_,discount:u,discountAmount:h}):_&&ue&&(0,o.jsx)("div",{className:"origin-price lg-desktop:text-2xl text-info-quaternary ml-1 text-xl font-bold !leading-[1.2] line-through",children:l?.availableForSale&&_||""})]})}),!D&&ye?.(e,l),(0,o.jsxs)("div",{className:(0,x.cn)("shelf-flex-button-group","lg-desktop:gap-3 desktop:flex-row flex flex-col items-center gap-2",t.direction==="vertical"?"flex-col":""),children:[t?.secondaryButton&&!y?(0,o.jsx)(M.default,{disabled:y&&t?.secondaryFun!=="LearnMore",variant:"secondary",href:e?.custom_secondary_link,as:e?.custom_secondary_link?"a":"button",onClick:Pe,loading:K,className:"laptop:w-full desktop:w-auto",children:t?.secondaryButton||""}):null,t?.primaryButton?(0,o.jsx)(M.default,{disabled:y&&t?.primaryFun!=="LearnMore",variant:"primary",href:e?.custom_primary_link,as:e?.custom_primary_link?"a":"button",onClick:Ne,loading:G,className:"laptop:w-full desktop:w-auto",children:t?.primaryButton||""}):null]})]})]})]})},e?.id||e?.handle)};
|
|
2
|
+
//# sourceMappingURL=shelfDisplayHorizontalItem.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/biz-components/ShelfDisplayHorizontal/shelfDisplayHorizontalItem.tsx"],
|
|
4
|
+
"sourcesContent": ["import { useAiuiContext } from '../AiuiProvider/index.js'\nimport { formatVariantPrice } from '../ShelfDisplay/shelfDisplay.js'\nimport { getProductImage } from '../ShelfDisplay/shelfDisplayItem.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, SocialEndorsementItem } from '../ShelfDisplay/shelfDisplay.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport { useRef, useEffect, useMemo, useState, type CSSProperties } from 'react'\n\nconst componentType = 'image'\nconst componentName = 'product_shelf'\n\nconst SOLD_OUT_PRICE = 9999999.99\n\nconst ShelfDisplayHorizontalEndorsements = ({ items }: { items?: SocialEndorsementItem[] }) => {\n if (!items?.length) {\n return null\n }\n return (\n <div className=\"shelf-display-horizontal-social-endorsements desktop:gap-2 desktop:top-2 absolute right-0 top-0 flex flex-none flex-col items-center gap-1 self-center\">\n {items.map((item, index) =>\n typeof item.icon === 'string' ? (\n <img\n key={index}\n src={item.icon}\n alt={item.label || ''}\n loading=\"lazy\"\n className=\"desktop:size-10 lg-desktop:size-12 size-8 object-contain\"\n />\n ) : (\n <Text\n key={index}\n aria-label={item.label}\n className=\"desktop:size-10 lg-desktop:size-12 size-8 [&_img]:size-full [&_svg]:size-full\"\n >\n {item.icon}\n </Text>\n )\n )}\n </div>\n )\n}\n\n/**\n * \u6A2A\u7248\u4EA7\u54C1\u8D27\u67B6\u5361\u7247\uFF08\u22651025px \u4F7F\u7528\uFF09\n * \u903B\u8F91\u4E0E ShelfDisplayWrapItem \u4FDD\u6301\u4E00\u81F4\uFF0C\u4EC5\u5E03\u5C40\u4E3A\u6A2A\u5411\uFF08\u56FE\u5DE6\u3001\u5185\u5BB9\u53F3\uFF09\n */\nexport const ShelfDisplayHorizontalCardItem = ({ 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 isShowPricesTag = false,\n pricesTagTextColor,\n pricesTagBgColor,\n itemsTagTextColor,\n itemsTagBgColor,\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 currencyCode = data?.price?.currencyCode || 'USD'\n\n const priceInfo = useMemo(\n () =>\n formatVariantPrice({\n locale,\n amount: coupon ? coupon?.variant_price4wscode : variant?.price,\n baseAmount: coupon ? variant?.price : 0,\n currencyCode,\n currencyDisplay,\n customFormatPrice: formatPrice,\n }),\n [currencyCode, locale, currencyDisplay, coupon, 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 }\n const newTags =\n data?.tags\n ?.filter?.((item: string) => item?.startsWith?.('CLtag'))\n ?.map?.((item: string) => item?.replace?.('CLtag:', ''))\n ?.slice?.(0, discount && isShowPricesTag ? 1 : 2) || []\n setShowTags(handleTags.concat(newTags))\n }, [data?.tags, discount, discountAmount, discounts?.off, discountsCopy?.off, isShowPricesTag])\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 pricesTagStyle: CSSProperties = {\n ...(pricesTagTextColor ? { color: pricesTagTextColor } : {}),\n ...(pricesTagBgColor ? { backgroundColor: pricesTagBgColor, backgroundImage: 'none' } : {}),\n ...(pricesTagTextColor || pricesTagBgColor ? { outline: 'none' } : {}),\n }\n const itemsTagStyle: CSSProperties = {\n ...(itemsTagTextColor ? { color: itemsTagTextColor } : {}),\n ...(itemsTagBgColor ? { backgroundColor: itemsTagBgColor, backgroundImage: 'none' } : {}),\n ...(itemsTagTextColor || itemsTagBgColor ? { outlineColor: itemsTagTextColor } : {}),\n }\n\n const TagsComp = () => {\n return (\n <div className=\"lg-desktop:h-[28px] absolute left-0 top-0 z-10 box-border flex h-6 flex-wrap gap-1 overflow-hidden\">\n {isShowPricesTag && currentPriceTag && (\n <Badge className=\"shelf-prices-tag\" variant=\"fill\" style={pricesTagStyle}>\n {currentPriceTag || ''}\n </Badge>\n )}\n {isShowTag &&\n showTags?.length > 0 &&\n showTags?.map?.((item: any, index: number) => (\n <Badge key={index} className=\"shelf-items-tag\" variant=\"outline\" style={itemsTagStyle}>\n {item}\n </Badge>\n ))}\n </div>\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 'shelf-display-horizontal-item',\n 'lg-desktop:aspect-[824/269] desktop:aspect-[648/238] laptop:aspect-[440/256] relative',\n custom_bg_image ? 'bg-cover bg-center bg-no-repeat' : 'bg-background tablet:hover:bg-info-white',\n { 'aiui-dark': custom_theme === 'dark', 'aiui-light': custom_theme === 'light' }\n )}\n style={custom_bg_image ? { backgroundImage: `url(${custom_bg_image})` } : undefined}\n >\n <div className=\"desktop:p-6 desktop:pt-4 absolute inset-0 box-border flex overflow-hidden p-4\">\n <div className=\"shelf-display-horizontal-left laptop:flex-[196] desktop:flex-[292] lg-desktop:flex-[380] relative flex h-full flex-none flex-col items-center justify-center gap-2\">\n <TagsComp />\n <div\n className={cn(\n 'shelf-display-horizontal-item-image desktop:h-[92.3%] lg-desktop:h-[89.5%] relative inline-block aspect-[1] h-[63.6%] min-h-0 overflow-hidden',\n {\n 'opacity-0': custom_bg_image,\n }\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 <ShelfDisplayHorizontalEndorsements items={data?.socialEndorsements || metafields?.socialEndorsements} />\n </div>\n <div className=\"shelf-display-horizontal-content desktop:flex-[332] desktop:pl-6 desktop:pt-2 lg-desktop:flex-[420] desktop:gap-6 flex min-w-0 flex-[224] flex-col justify-between gap-4 pl-4\">\n <div className=\"shelf-display-horizontal-content-title-desc\">\n {currentDisplayTitle ? (\n <Heading\n as=\"h3\"\n title={currentDisplayTitle || ''}\n size={2}\n className=\"shelf-display-product-title text-info-primary mb-1 line-clamp-2\"\n html={currentDisplayTitle || ''}\n />\n ) : null}\n <Text\n size={2}\n className={cn(\n 'lg-desktop:text-lg desktop:text-base shelf-display-product-description text-info-primary line-clamp-2 text-sm !leading-[1.4]'\n )}\n html={displayDescription || ''}\n />\n </div>\n <div className=\"shelf-display-horizontal-content-price-button\">\n <div className=\"mb-2 flex items-center\">\n {renderPrice ? (\n renderPrice(data, { price, basePrice, discount, discountAmount, variant, coupon, isSoldOut })\n ) : isSoldOut ? (\n <div className=\"lg-desktop:text-2xl text-info-primary text-xl font-bold\">\n {copyWriting?.soldOutText}\n </div>\n ) : (\n <>\n <div className=\"final-price lg-desktop:text-2xl text-info-primary text-xl font-bold !leading-[1.2]\">\n {variant?.availableForSale ? price || '' : ''}\n </div>\n {renderOriginalPrice\n ? renderOriginalPrice(data, { price, basePrice, discount, discountAmount })\n : basePrice &&\n isShowOriginalPrice && (\n <div className=\"origin-price lg-desktop:text-2xl text-info-quaternary ml-1 text-xl font-bold !leading-[1.2] line-through\">\n {variant?.availableForSale ? basePrice || '' : ''}\n </div>\n )}\n </>\n )}\n </div>\n {!renderPrice && renderPriceLabel?.(data, variant)}\n <div\n className={cn(\n 'shelf-flex-button-group',\n 'lg-desktop:gap-3 desktop:flex-row flex flex-col items-center gap-2',\n configuration.direction === 'vertical' ? 'flex-col' : ''\n )}\n >\n {configuration?.secondaryButton && !isSoldOut ? (\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=\"laptop:w-full desktop:w-auto\"\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=\"laptop:w-full desktop:w-auto\"\n >\n {configuration?.primaryButton || ''}\n </Button>\n ) : null}\n </div>\n </div>\n </div>\n </div>\n </div>\n )\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["shelfDisplayHorizontalItem_exports", "__export", "ShelfDisplayHorizontalCardItem", "__toCommonJS", "import_jsx_runtime", "import_AiuiProvider", "import_shelfDisplay", "import_shelfDisplayItem", "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", "ShelfDisplayHorizontalEndorsements", "items", "item", "index", "data", "configuration", "isDisplayBackImage", "itemShape", "metafields", "isTopTag", "isShowTag", "isShowOriginalPrice", "isShowShortTitle", "isShowPricesTag", "pricesTagTextColor", "pricesTagBgColor", "itemsTagTextColor", "itemsTagBgColor", "formatPrice", "renderOriginalPrice", "renderPriceLabel", "renderPrice", "locale", "copyWriting", "currencyDisplay", "discounts", "discountsCopy", "ref", "showTags", "setShowTags", "currentPriceTag", "setCurrentPriceTag", "primaryLoading", "setPrimaryLoading", "secondaryLoading", "setSecondaryLoading", "onPrimaryButton", "params", "coupon", "primaryFun", "onAddCart", "onBuyNow", "onLearnMore", "event", "onSecondaryButton", "secondaryFun", "variant", "variants", "variantArr", "variantId", "isSoldOut", "currencyCode", "priceInfo", "price", "basePrice", "discount", "discountAmount", "imageUrl", "altText", "displayTitle", "currentDisplayTitle", "displayDescription", "showPrice", "amountStr", "match", "prefix", "numeric", "suffix", "updatedNumeric", "handleTags", "discountTag", "newTags", "handlePrimaryClick", "handleSecondaryClick", "pricesTagStyle", "itemsTagStyle", "TagsComp", "Badge", "custom_bg_image", "custom_theme", "Picture", "Button"]
|
|
7
|
+
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";"use client";var
|
|
1
|
+
"use strict";"use client";var z=Object.create;var c=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var P=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var j=(s,t)=>{for(var i in t)c(s,i,{get:t[i],enumerable:!0})},w=(s,t,i,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of M(t))!E.call(s,o)&&o!==i&&c(s,o,{get:()=>t[o],enumerable:!(l=L(t,o))||l.enumerable});return s};var $=(s,t,i)=>(i=s!=null?z(P(s)):{},w(t||!s||!s.__esModule?c(i,"default",{value:s,enumerable:!0}):i,s)),V=s=>w(c({},"__esModule",{value:!0}),s);var A={};j(A,{default:()=>W});module.exports=V(A);var e=require("react/jsx-runtime"),a=$(require("react")),r=require("../../helpers/utils.js"),d=require("swiper/react"),n=require("swiper/modules");const R=()=>(0,e.jsxs)("span",{className:"lg-desktop:size-14 relative flex size-10 items-center justify-center",children:[(0,e.jsx)("span",{className:"bg-masks-0 group-hover:bg-masks-1 absolute inset-0 rounded-full transition-colors"}),(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",className:"lg-desktop:size-6 relative size-5",children:(0,e.jsx)("path",{d:"M15 6L9 12L15 18",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]}),T=()=>(0,e.jsxs)("span",{className:"lg-desktop:size-14 relative flex size-10 items-center justify-center",children:[(0,e.jsx)("span",{className:"bg-masks-0 group-hover:bg-masks-1 absolute inset-0 rounded-full transition-colors"}),(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",className:"lg-desktop:size-6 relative size-5",children:(0,e.jsx)("path",{d:"M9 6L15 12L9 18",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]}),g=a.default.forwardRef(({data:s,breakpoints:t,Slide:i,className:l,id:o,itemClassName:v,showNavigation:m=!1,navigationPrevClassName:b,navigationNextClassName:h,...x},k)=>{const[S,N]=(0,a.useState)(!0),[B,y]=(0,a.useState)(!1),f=p=>{N(p.isBeginning),y(p.isEnd)};return(0,e.jsxs)("div",{...x,ref:k,className:(0,r.cn)(m&&"relative"),children:[(0,e.jsx)(d.Swiper,{className:(0,r.cn)(l),navigation:m?{nextEl:`.${o}-custom-swiper-button-next`,prevEl:`.${o}-custom-swiper-button-prev`}:!1,onProgress:f,onSlideChange:f,modules:[n.Navigation,n.FreeMode,n.Mousewheel],freeMode:!0,mousewheel:{forceToAxis:!0},breakpoints:t||{0:{spaceBetween:12,slidesPerView:1,freeMode:!1},374:{spaceBetween:12,slidesPerView:1.2,freeMode:!1},768:{spaceBetween:16,slidesPerView:2,freeMode:!1}},children:s?.list?.map((p,u)=>(0,e.jsx)(d.SwiperSlide,{className:(0,r.cn)("!flex !h-[unset]",v),children:(0,e.jsx)(i,{data:p,configuration:s?.configuration?{...s?.configuration,index:u}:{index:u},jIndex:u})},o+"SwiperSlide"+u))}),m&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("button",{className:(0,r.cn)(`${o}-custom-swiper-button-prev`,"group absolute top-1/2 z-10 hidden -translate-y-1/2 items-center justify-center",!S&&"laptop:flex",b),"aria-label":"Previous slide",children:(0,e.jsx)(R,{})}),(0,e.jsx)("button",{className:(0,r.cn)(`${o}-custom-swiper-button-next`,"group absolute top-1/2 z-10 hidden -translate-y-1/2 items-center justify-center",!B&&"laptop:flex",h),"aria-label":"Next slide",children:(0,e.jsx)(T,{})})]})]})});g.displayName="SwiperBox";var W=g;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/biz-components/SwiperBox/index.tsx"],
|
|
4
|
-
"sourcesContent": ["'use client'\nimport React, { useState } from 'react'\nimport { cn } from '../../helpers/utils.js'\n// import 'swiper/css'\n// import 'swiper/css/free-mode'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport { Navigation, FreeMode, Mousewheel } from 'swiper/modules'\nimport type { SwiperBoxProps } from './types.js'\n\nconst SwiperBox = React.forwardRef<HTMLDivElement, SwiperBoxProps>(\n ({
|
|
5
|
-
"mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,
|
|
6
|
-
"names": ["SwiperBox_exports", "__export", "SwiperBox_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_utils", "import_modules", "SwiperBox", "React", "data", "breakpoints", "Slide", "className", "id", "itemClassName", "rest", "ref", "isStart", "setStart", "isEnd", "setEnd", "swiper", "item", "jIndex"]
|
|
4
|
+
"sourcesContent": ["'use client'\nimport React, { useState } from 'react'\nimport { cn } from '../../helpers/utils.js'\n// import 'swiper/css'\n// import 'swiper/css/free-mode'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport { Navigation, FreeMode, Mousewheel } from 'swiper/modules'\nimport type { SwiperBoxProps } from './types.js'\n\nconst PrevIcon = () => (\n <span className=\"lg-desktop:size-14 relative flex size-10 items-center justify-center\">\n <span className=\"bg-masks-0 group-hover:bg-masks-1 absolute inset-0 rounded-full transition-colors\" />\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n className=\"lg-desktop:size-6 relative size-5\"\n >\n <path d=\"M15 6L9 12L15 18\" stroke=\"white\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </svg>\n </span>\n)\n\nconst NextIcon = () => (\n <span className=\"lg-desktop:size-14 relative flex size-10 items-center justify-center\">\n <span className=\"bg-masks-0 group-hover:bg-masks-1 absolute inset-0 rounded-full transition-colors\" />\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n className=\"lg-desktop:size-6 relative size-5\"\n >\n <path d=\"M9 6L15 12L9 18\" stroke=\"white\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </svg>\n </span>\n)\n\nconst SwiperBox = React.forwardRef<HTMLDivElement, SwiperBoxProps>(\n (\n {\n data,\n breakpoints,\n Slide,\n className,\n id,\n itemClassName,\n showNavigation = false,\n navigationPrevClassName,\n navigationNextClassName,\n ...rest\n },\n ref\n ) => {\n const [isStart, setStart] = useState(true)\n const [isEnd, setEnd] = useState(false)\n\n const updateState = (swiper: { isBeginning: boolean; isEnd: boolean }) => {\n setStart(swiper.isBeginning)\n setEnd(swiper.isEnd)\n }\n\n return (\n <div {...rest} ref={ref} className={cn(showNavigation && 'relative')}>\n <Swiper\n className={cn(className)}\n navigation={\n showNavigation\n ? {\n nextEl: `.${id}-custom-swiper-button-next`,\n prevEl: `.${id}-custom-swiper-button-prev`,\n }\n : false\n }\n onProgress={updateState}\n onSlideChange={updateState}\n modules={[Navigation, FreeMode, Mousewheel]}\n freeMode={true}\n mousewheel={{\n forceToAxis: true,\n }}\n breakpoints={\n breakpoints || {\n 0: {\n spaceBetween: 12,\n slidesPerView: 1,\n freeMode: false,\n },\n 374: {\n spaceBetween: 12,\n slidesPerView: 1.2,\n freeMode: false,\n },\n 768: {\n spaceBetween: 16,\n slidesPerView: 2,\n freeMode: false,\n },\n }\n }\n >\n {data?.list?.map((item, jIndex) => (\n <SwiperSlide key={id + 'SwiperSlide' + jIndex} className={cn('!flex !h-[unset]', itemClassName)}>\n <Slide\n data={item}\n configuration={data?.configuration ? { ...data?.configuration, index: jIndex } : { index: jIndex }}\n jIndex={jIndex}\n />\n </SwiperSlide>\n ))}\n </Swiper>\n\n {showNavigation && (\n <>\n <button\n className={cn(\n `${id}-custom-swiper-button-prev`,\n 'group absolute top-1/2 z-10 hidden -translate-y-1/2 items-center justify-center',\n !isStart && 'laptop:flex',\n navigationPrevClassName\n )}\n aria-label=\"Previous slide\"\n >\n <PrevIcon />\n </button>\n <button\n className={cn(\n `${id}-custom-swiper-button-next`,\n 'group absolute top-1/2 z-10 hidden -translate-y-1/2 items-center justify-center',\n !isEnd && 'laptop:flex',\n navigationNextClassName\n )}\n aria-label=\"Next slide\"\n >\n <NextIcon />\n </button>\n </>\n )}\n </div>\n )\n }\n)\n\nSwiperBox.displayName = 'SwiperBox'\n\nexport default SwiperBox\n"],
|
|
5
|
+
"mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAUE,IAAAI,EAAA,6BATFC,EAAgC,oBAChCC,EAAmB,kCAGnBD,EAAoC,wBACpCE,EAAiD,0BAGjD,MAAMC,EAAW,OACf,QAAC,QAAK,UAAU,uEACd,oBAAC,QAAK,UAAU,oFAAoF,KACpG,OAAC,OACC,MAAM,6BACN,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,UAAU,oCAEV,mBAAC,QAAK,EAAE,mBAAmB,OAAO,QAAQ,YAAY,IAAI,cAAc,QAAQ,eAAe,QAAQ,EACzG,GACF,EAGIC,EAAW,OACf,QAAC,QAAK,UAAU,uEACd,oBAAC,QAAK,UAAU,oFAAoF,KACpG,OAAC,OACC,MAAM,6BACN,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,UAAU,oCAEV,mBAAC,QAAK,EAAE,kBAAkB,OAAO,QAAQ,YAAY,IAAI,cAAc,QAAQ,eAAe,QAAQ,EACxG,GACF,EAGIC,EAAY,EAAAC,QAAM,WACtB,CACE,CACE,KAAAC,EACA,YAAAC,EACA,MAAAC,EACA,UAAAC,EACA,GAAAC,EACA,cAAAC,EACA,eAAAC,EAAiB,GACjB,wBAAAC,EACA,wBAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,KAAM,CAACC,EAASC,CAAQ,KAAI,YAAS,EAAI,EACnC,CAACC,EAAOC,CAAM,KAAI,YAAS,EAAK,EAEhCC,EAAeC,GAAqD,CACxEJ,EAASI,EAAO,WAAW,EAC3BF,EAAOE,EAAO,KAAK,CACrB,EAEA,SACE,QAAC,OAAK,GAAGP,EAAM,IAAKC,EAAK,aAAW,MAAGJ,GAAkB,UAAU,EACjE,oBAAC,UACC,aAAW,MAAGH,CAAS,EACvB,WACEG,EACI,CACE,OAAQ,IAAIF,CAAE,6BACd,OAAQ,IAAIA,CAAE,4BAChB,EACA,GAEN,WAAYW,EACZ,cAAeA,EACf,QAAS,CAAC,aAAY,WAAU,YAAU,EAC1C,SAAU,GACV,WAAY,CACV,YAAa,EACf,EACA,YACEd,GAAe,CACb,EAAG,CACD,aAAc,GACd,cAAe,EACf,SAAU,EACZ,EACA,IAAK,CACH,aAAc,GACd,cAAe,IACf,SAAU,EACZ,EACA,IAAK,CACH,aAAc,GACd,cAAe,EACf,SAAU,EACZ,CACF,EAGD,SAAAD,GAAM,MAAM,IAAI,CAACiB,EAAMC,OACtB,OAAC,eAA8C,aAAW,MAAG,mBAAoBb,CAAa,EAC5F,mBAACH,EAAA,CACC,KAAMe,EACN,cAAejB,GAAM,cAAgB,CAAE,GAAGA,GAAM,cAAe,MAAOkB,CAAO,EAAI,CAAE,MAAOA,CAAO,EACjG,OAAQA,EACV,GALgBd,EAAK,cAAgBc,CAMvC,CACD,EACH,EAECZ,MACC,oBACE,oBAAC,UACC,aAAW,MACT,GAAGF,CAAE,6BACL,kFACA,CAACO,GAAW,cACZJ,CACF,EACA,aAAW,iBAEX,mBAACX,EAAA,EAAS,EACZ,KACA,OAAC,UACC,aAAW,MACT,GAAGQ,CAAE,6BACL,kFACA,CAACS,GAAS,cACVL,CACF,EACA,aAAW,aAEX,mBAACX,EAAA,EAAS,EACZ,GACF,GAEJ,CAEJ,CACF,EAEAC,EAAU,YAAc,YAExB,IAAOR,EAAQQ",
|
|
6
|
+
"names": ["SwiperBox_exports", "__export", "SwiperBox_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_utils", "import_modules", "PrevIcon", "NextIcon", "SwiperBox", "React", "data", "breakpoints", "Slide", "className", "id", "itemClassName", "showNavigation", "navigationPrevClassName", "navigationNextClassName", "rest", "ref", "isStart", "setStart", "isEnd", "setEnd", "updateState", "swiper", "item", "jIndex"]
|
|
7
7
|
}
|
|
@@ -13,4 +13,10 @@ export interface SwiperBoxProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
13
13
|
configuration?: any;
|
|
14
14
|
jIndex?: number;
|
|
15
15
|
}>;
|
|
16
|
+
/** 是否显示左右轮播箭头。默认 false。显示断点与左右间距由调用方通过 navigationPrevClassName / navigationNextClassName 控制 */
|
|
17
|
+
showNavigation?: boolean;
|
|
18
|
+
/** 左箭头按钮追加的 className(用于控制显示断点、左右间距等,由调用方决定) */
|
|
19
|
+
navigationPrevClassName?: string;
|
|
20
|
+
/** 右箭头按钮追加的 className */
|
|
21
|
+
navigationNextClassName?: string;
|
|
16
22
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var i=Object.defineProperty;var r=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var d=(n,e,o,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of s(e))!m.call(n,a)&&a!==o&&i(n,a,{get:()=>e[a],enumerable:!(t=r(e,a))||t.enumerable});return n};var c=n=>d(i({},"__esModule",{value:!0}),n);var g={};module.exports=c(g);var b=require("react");
|
|
2
2
|
//# sourceMappingURL=types.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/biz-components/SwiperBox/types.ts"],
|
|
4
|
-
"sourcesContent": ["import React from 'react'\n\nexport interface SwiperBoxProps extends React.HTMLAttributes<HTMLDivElement> {\n data: {\n list: any[]\n configuration?: any\n onVideoPlayBtnClick?: (jIndex: number) => void\n }\n id: string\n itemClassName?: string\n breakpoints?: Record<number, Object>\n Slide: React.ComponentType<{ data: any; configuration?: any; jIndex?: number }>\n}\n"],
|
|
4
|
+
"sourcesContent": ["import React from 'react'\n\nexport interface SwiperBoxProps extends React.HTMLAttributes<HTMLDivElement> {\n data: {\n list: any[]\n configuration?: any\n onVideoPlayBtnClick?: (jIndex: number) => void\n }\n id: string\n itemClassName?: string\n breakpoints?: Record<number, Object>\n Slide: React.ComponentType<{ data: any; configuration?: any; jIndex?: number }>\n /** \u662F\u5426\u663E\u793A\u5DE6\u53F3\u8F6E\u64AD\u7BAD\u5934\u3002\u9ED8\u8BA4 false\u3002\u663E\u793A\u65AD\u70B9\u4E0E\u5DE6\u53F3\u95F4\u8DDD\u7531\u8C03\u7528\u65B9\u901A\u8FC7 navigationPrevClassName / navigationNextClassName \u63A7\u5236 */\n showNavigation?: boolean\n /** \u5DE6\u7BAD\u5934\u6309\u94AE\u8FFD\u52A0\u7684 className\uFF08\u7528\u4E8E\u63A7\u5236\u663E\u793A\u65AD\u70B9\u3001\u5DE6\u53F3\u95F4\u8DDD\u7B49\uFF0C\u7531\u8C03\u7528\u65B9\u51B3\u5B9A\uFF09 */\n navigationPrevClassName?: string\n /** \u53F3\u7BAD\u5934\u6309\u94AE\u8FFD\u52A0\u7684 className */\n navigationNextClassName?: string\n}\n"],
|
|
5
5
|
"mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD,GAAA,IAAAE,EAAkB",
|
|
6
6
|
"names": ["types_exports", "__toCommonJS", "import_react"]
|
|
7
7
|
}
|
|
@@ -14,6 +14,8 @@ export { default as Slogan } from './Slogan/index.js';
|
|
|
14
14
|
export { default as Title } from './Title/index.js';
|
|
15
15
|
export { default as Spacer } from './Spacer/index.js';
|
|
16
16
|
export { default as ShelfDisplay } from './ShelfDisplay/index.js';
|
|
17
|
+
export { default as ShelfDisplayHorizontal } from './ShelfDisplayHorizontal/index.js';
|
|
18
|
+
export type { ShelfDisplayProps, ShelfDisplayType, ShelfDisplayItem, SocialEndorsementItem, } from './ShelfDisplay/shelfDisplay.js';
|
|
17
19
|
export { default as Evaluate } from './Evaluate/index.js';
|
|
18
20
|
export { default as Category } from './Category/index.js';
|
|
19
21
|
export { default as HeroBanner } from './HeroBanner/index.js';
|
|
@@ -190,6 +192,7 @@ export declare const PAYLOAD_COMPONENT_MAP: {
|
|
|
190
192
|
'ipc-search-page-tabs': string;
|
|
191
193
|
'ipc-selectstore': string;
|
|
192
194
|
'ipc-shelfdisplay': string;
|
|
195
|
+
'ipc-shelfdisplay-horizontal': string;
|
|
193
196
|
'ipc-slogan': string;
|
|
194
197
|
'ipc-spacer': string;
|
|
195
198
|
'ipc-specs': string;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"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 i in o)f(t,i,{get:o[i],enumerable:!0})},P=(t,o,i,y)=>{if(o&&typeof o=="object"||typeof o=="function")for(let p of yt(o))!St.call(t,p)&&p!==i&&f(t,p,{get:()=>o[p],enumerable:!(y=xt(o,p))||y.enumerable});return t};var e=(t,o,i)=>(i=t!=null?lt(Pt(t)):{},P(o||!t||!t.__esModule?f(i,"default",{value:t,enumerable:!0}):i,t)),Ct=t=>P(f({},"__esModule",{value:!0}),t);var Mt={};ht(Mt,{AccessoriesProductGrid:()=>a.AccessoriesProductGrid,AccessoryProductCard:()=>l.AccessoryProductCard,AccessoryShelf:()=>l.default,AccordionCards:()=>F.default,ActiveShelf:()=>Xe.default,ActivityMechanism:()=>g.default,ActivitySchedule:()=>S.default,AddToCartSuccessPopover:()=>a.AddToCartSuccessPopover,AiuiProvider:()=>_.default,AnchorNavigation:()=>_e.default,AplusDesc:()=>Me.default,BenefitsTab:()=>le.default,BizProductProvider:()=>c.default,BrandCardLink:()=>Ae.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:()=>j.default,EventSchedule:()=>Ye.default,Faq:()=>W.default,FeatureCards:()=>ke.default,FeatureShowcase:()=>We.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:()=>a.MainProductArea,Marquee:()=>V.default,MarqueeImageContent:()=>s.MarqueeImageContent,MarqueeItem:()=>s.MarqueeItem,MarqueeReview:()=>O.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:()=>E.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:()=>Ee.default,ProductHighlight:()=>ae.default,ProductLottery:()=>be.default,ProductNav:()=>Ue.default,ProductOptions:()=>pe.default,ProductPaidShipping:()=>he.default,ProductServiceBenefits:()=>Se.default,ProductSummary:()=>me.default,PromoBanner:()=>a.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:()=>a.SectionHeader,SelectStore:()=>ve.default,ShelfDisplay:()=>A.default,Slogan:()=>v.default,Spacer:()=>I.default,Specs:()=>Z.default,SpecsComparison:()=>qe.default,SwiperBox:()=>Y.default,TabGroup:()=>$.default,TabWithImage:()=>Ne.default,Tabs:()=>z.default,TabsWithMedia:()=>Oe.default,ThreeDCarousel:()=>Ke.default,Title:()=>T.default,VideoFeature:()=>Ve.default,VideoModal:()=>J.VideoModal,WebPushPopup:()=>st.default,WheelLottery:()=>je.default,WhyChoose:()=>N.default,useAiuiContext:()=>ft.useAiuiContext,useBizProductContext:()=>c.useBizProductContext,useEmarsysWebPush:()=>pt.useEmarsysWebPush,withLayout:()=>U.withLayout});module.exports=Ct(Mt);var a=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")),A=e(require("./ShelfDisplay/index.js")),j=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")),V=e(require("./Marquee/index.js")),O=e(require("./MarqueeReview/index.js")),N=e(require("./WhyChoose/index.js")),W=e(require("./Faq/index.js")),s=require("./Marquee/index.js"),E=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")),Ae=e(require("./BrandCardLink/index.js")),Bt=e(require("./IPRedirect/index.js")),je=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")),Ve=e(require("./VideoFeature/index.js")),Oe=e(require("./TabsWithMedia/index.js")),Ne=e(require("./TabWithImage/index.js")),We=e(require("./FeatureShowcase/index.js")),Ee=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"};
|
|
1
|
+
"use strict";var xt=Object.create;var f=Object.defineProperty;var yt=Object.getOwnPropertyDescriptor;var Pt=Object.getOwnPropertyNames;var St=Object.getPrototypeOf,ht=Object.prototype.hasOwnProperty;var Ct=(t,o)=>{for(var i in o)f(t,i,{get:o[i],enumerable:!0})},P=(t,o,i,y)=>{if(o&&typeof o=="object"||typeof o=="function")for(let p of Pt(o))!ht.call(t,p)&&p!==i&&f(t,p,{get:()=>o[p],enumerable:!(y=yt(o,p))||y.enumerable});return t};var e=(t,o,i)=>(i=t!=null?xt(St(t)):{},P(o||!t||!t.__esModule?f(i,"default",{value:t,enumerable:!0}):i,t)),gt=t=>P(f({},"__esModule",{value:!0}),t);var Bt={};Ct(Bt,{AccessoriesProductGrid:()=>a.AccessoriesProductGrid,AccessoryProductCard:()=>m.AccessoryProductCard,AccessoryShelf:()=>m.default,AccordionCards:()=>G.default,ActiveShelf:()=>Ze.default,ActivityMechanism:()=>g.default,ActivitySchedule:()=>S.default,AddToCartSuccessPopover:()=>a.AddToCartSuccessPopover,AiuiProvider:()=>_.default,AnchorNavigation:()=>_e.default,AplusDesc:()=>Be.default,BenefitsTab:()=>xe.default,BizProductProvider:()=>c.default,BrandCardLink:()=>De.default,BrandEquity:()=>M.default,BuyOneGetOneShelf:()=>Xe.default,CartActionButtons:()=>Pe.default,CartGiftSection:()=>r.CartGiftSection,CartItemRow:()=>r.CartItemRow,CartPerksSection:()=>r.CartPerksSection,CartPriceSummary:()=>r.CartPriceSummary,CartSummaryHeader:()=>r.CartSummaryHeader,CartThirdPartyBanner:()=>r.CartThirdPartyBanner,Category:()=>b.default,CreativeModule:()=>X.default,CreditsProductCard:()=>n.CreditsProductCard,CreditsShelf:()=>n.default,DownLoad:()=>Ie.default,Evaluate:()=>j.default,EventSchedule:()=>Je.default,Faq:()=>W.default,FeatureCards:()=>Le.default,FeatureShowcase:()=>We.default,FeaturedBlogPosts:()=>we.default,Features:()=>Me.default,FootCharger:()=>Ae.default,FooterNavigation:()=>z.default,GiftBox:()=>Te.default,GiftShelf:()=>h.default,GiftTierShelf:()=>C.default,Graphic:()=>k.default,GraphicAttractionBlock:()=>R.default,GraphicMore:()=>ge.default,GraphicOverlay:()=>Z.default,HeaderNavigation:()=>H.default,HeroBanner:()=>F.default,IPC_SEARCH_PAGE:()=>d.IPC_SEARCH_PAGE,IPRedirect:()=>Tt,ImageOverlayShelf:()=>ot.default,ImageTextFeature:()=>ke.default,ImageTextOverlay:()=>at.default,ImageWithText:()=>Ve.default,Ksp:()=>Ge.default,MainProductArea:()=>a.MainProductArea,Marquee:()=>O.default,MarqueeImageContent:()=>s.MarqueeImageContent,MarqueeItem:()=>s.MarqueeItem,MarqueeReview:()=>E.default,MarqueeTextContent:()=>s.MarqueeTextContent,MediaEndorsement:()=>tt.default,MediaPlayerBase:()=>L.default,MediaPlayerMulti:()=>V.default,MediaPlayerSticky:()=>w.default,MediaSceneSwitcher:()=>He.default,MediaSceneSwitcherV2:()=>ze.default,MediaShelf:()=>$e.default,MediaTextOverlay:()=>rt.default,MemberEquity:()=>B.default,MiniCart:()=>it.default,MiniCartCircleProgress:()=>st.default,MiniCartDialog:()=>x.default,MiniCartDialogComponent:()=>x.MiniCartDialog,ModalCoupon:()=>ut.default,ModalRegisterSubscribe:()=>ct.default,ModalSmsSubscribe:()=>lt.default,ModalSubscribeConfirm:()=>nt.default,ModalVerify:()=>mt.default,MultiLayoutGraphicBlock:()=>q.default,NotifyMeDialog:()=>Se.NotifyMeDialog,PAYLOAD_COMPONENT_MAP:()=>Mt,PaidShipping:()=>ye.default,ProductActions:()=>re.default,ProductBanner:()=>ne.default,ProductBenefits:()=>ae.default,ProductBenefitsTabs:()=>oe.default,ProductBundle:()=>de.default,ProductCompare:()=>Fe.default,ProductCoupon:()=>ce.default,ProductFreeGift:()=>se.default,ProductFunctionFreeGift:()=>pe.default,ProductGallery:()=>le.default,ProductGridBox:()=>ue.default,ProductHero:()=>qe.default,ProductHighlight:()=>ie.default,ProductLottery:()=>be.default,ProductNav:()=>Ue.default,ProductOptions:()=>fe.default,ProductPaidShipping:()=>Ce.default,ProductServiceBenefits:()=>he.default,ProductSummary:()=>me.default,PromoBanner:()=>a.PromoBanner,PromotionalBar:()=>Ye.default,PurchaseBar:()=>te.default,SceneProductCard:()=>u.SceneProductCard,SceneShelf:()=>u.default,SceneShelfV2:()=>l.default,SceneShelfV2ProductCard:()=>l.SceneShelfV2ProductCard,SceneShelfV3:()=>et.default,SearchPage:()=>K.default,SearchPageTabType:()=>d.SearchPageTabType,SecondaryBanner:()=>Qe.default,SectionHeader:()=>a.SectionHeader,SelectStore:()=>ve.default,ShelfDisplay:()=>A.default,ShelfDisplayHorizontal:()=>D.default,Slogan:()=>T.default,Spacer:()=>I.default,Specs:()=>$.default,SpecsComparison:()=>Re.default,SwiperBox:()=>J.default,TabGroup:()=>ee.default,TabWithImage:()=>Ne.default,Tabs:()=>Y.default,TabsWithMedia:()=>Ee.default,ThreeDCarousel:()=>Ke.default,Title:()=>v.default,VideoFeature:()=>Oe.default,VideoModal:()=>Q.VideoModal,WebPushPopup:()=>pt.default,WheelLottery:()=>je.default,WhyChoose:()=>N.default,useAiuiContext:()=>dt.useAiuiContext,useBizProductContext:()=>c.useBizProductContext,useEmarsysWebPush:()=>ft.useEmarsysWebPush,withLayout:()=>U.withLayout});module.exports=gt(Bt);var a=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")),T=e(require("./Slogan/index.js")),v=e(require("./Title/index.js")),I=e(require("./Spacer/index.js")),A=e(require("./ShelfDisplay/index.js")),D=e(require("./ShelfDisplayHorizontal/index.js")),j=e(require("./Evaluate/index.js")),b=e(require("./Category/index.js")),F=e(require("./HeroBanner/index.js")),G=e(require("./AccordionCards/index.js")),k=e(require("./Graphic/index.js")),L=e(require("./MediaPlayerBase/index.js")),w=e(require("./MediaPlayerSticky/index.js")),V=e(require("./MediaPlayerMulti/index.js")),O=e(require("./Marquee/index.js")),E=e(require("./MarqueeReview/index.js")),N=e(require("./WhyChoose/index.js")),W=e(require("./Faq/index.js")),s=require("./Marquee/index.js"),q=e(require("./MultiLayoutGraphicBlock/index.js")),R=e(require("./GraphicAttractionBlock/index.js")),H=e(require("./HeaderNavigation/index.js")),z=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")),Y=e(require("./Tabs/index.js")),J=e(require("./SwiperBox/index.js")),Q=require("./VideoModal/index.js"),X=e(require("./CreativeModule/index.js")),Z=e(require("./GraphicOverlay/index.js")),$=e(require("./Specs/index.js")),ee=e(require("./TabsGroup/index.js")),c=e(require("./Listing/BizProductProvider.js")),te=e(require("./Listing/components/PurchaseBar/index.js")),re=e(require("./Listing/components/PurchaseBar/ProductActions/index.js")),oe=e(require("./Listing/components/ProductCard/ProductDetail/ProductBenefitsTabs/index.js")),ae=e(require("./Listing/components/ProductCard/ProductDetail/ProductBenefits/index.js")),ie=e(require("./Listing/components/ProductCard/ProductDetail/ProductHighlight/index.js")),se=e(require("./Listing/components/ProductCard/ProductDetail/ProductFreeGift/index.js")),pe=e(require("./Listing/components/ProductCard/ProductDetail/ProductFunctionFreeGift/index.js")),fe=e(require("./Listing/components/ProductCard/ProductDetail/ProductOptions/index.js")),de=e(require("./Listing/components/ProductCard/ProductDetail/ProductBundle/index.js")),ce=e(require("./Listing/components/ProductCard/ProductDetail/ProductCoupon/index.js")),ne=e(require("./Listing/components/ProductCard/ProductDetail/ProductBanner/index.js")),ue=e(require("./Listing/components/ProductCard/ProductGridBox.js")),le=e(require("./Listing/components/ProductCard/ProductGallery/index.js")),me=e(require("./Listing/components/ProductCard/ProductSummary/index.js")),xe=e(require("./Listing/components/ProductCard/ProductDetail/BenefitsTab.js")),ye=e(require("./Listing/components/PaidShipping/index.js")),Pe=e(require("./Listing/components/CartActionButtons/index.js")),Se=require("./NotifyMeDialog/index.js"),he=e(require("./Listing/components/ProductCard/ProductDetail/ProductServiceBenefits/index.js")),Ce=e(require("./Listing/components/ProductCard/ProductPaidShipping/index.js")),ge=e(require("./GraphicMore/index.js")),Me=e(require("./Features/index.js")),Be=e(require("./AplusDesc/index.js")),Te=e(require("./GiftBox/index.js")),ve=e(require("./SelectStore/index.js")),Ie=e(require("./DownLoad/index.js")),Ae=e(require("./FootCharger/index.js")),De=e(require("./BrandCardLink/index.js")),Tt=e(require("./IPRedirect/index.js")),je=e(require("./WheelLottery/index.js")),be=e(require("./ProductLottery/index.js")),Fe=e(require("./ProductCompare/index.js")),Ge=e(require("./Ksp/index.js")),ke=e(require("./ImageTextFeature/index.js")),Le=e(require("./FeatureCards/index.js")),we=e(require("./FeaturedBlogPosts/index.js")),Ve=e(require("./ImageWithText/index.js")),Oe=e(require("./VideoFeature/index.js")),Ee=e(require("./TabsWithMedia/index.js")),Ne=e(require("./TabWithImage/index.js")),We=e(require("./FeatureShowcase/index.js")),qe=e(require("./ProductHero/index.js")),Re=e(require("./SpecsComparison/index.js")),He=e(require("./MediaSceneSwitcher/index.js")),ze=e(require("./MediaSceneSwitcherV2/index.js")),Ke=e(require("./ThreeDCarousel/index.js")),Ue=e(require("./ProductNav/index.js")),_e=e(require("./AnchorNavigation/index.js")),Ye=e(require("./PromotionalBar/index.js")),Je=e(require("./EventSchedule/index.js")),Qe=e(require("./SecondaryBanner/index.js")),Xe=e(require("./BuyOneGetOneShelf/index.js")),Ze=e(require("./ActiveShelf/index.js")),$e=e(require("./MediaShelf/index.js")),n=e(require("./CreditsShelf/index.js")),u=e(require("./SceneShelf/index.js")),l=e(require("./SceneShelfV2/index.js")),et=e(require("./SceneShelfV3/index.js")),tt=e(require("./MediaEndorsement/index.js")),rt=e(require("./MediaTextOverlay/index.js")),ot=e(require("./ImageOverlayShelf/index.js")),m=e(require("./AccessoriesShelf/components/AccessoryShelf/index.js")),at=e(require("./ImageTextOverlay/index.js")),it=e(require("./MiniCart/index.js")),st=e(require("./MiniCart/CircleProgress.js")),x=e(require("./MiniCart/MiniCartDialog.js")),pt=e(require("./WebPushPopup/index.js")),ft=require("../hooks/useEmarsysWebPush.js"),r=require("./CartDetail/index.js"),dt=require("./AiuiProvider/index.js"),ct=e(require("./ModalRegisterSubscribe/index.js")),nt=e(require("./ModalSubscribeConfirm/index.js")),ut=e(require("./ModalCoupon/index.js")),lt=e(require("./ModalSmsSubscribe/index.js")),mt=e(require("./ModalVerify/index.js"));const Mt={"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-shelfdisplay-horizontal":"ShelfDisplayHorizontal","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"};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/biz-components/index.ts"],
|
|
4
|
-
"sourcesContent": ["export {\n AccessoriesProductGrid,\n SectionHeader,\n PromoBanner,\n MainProductArea,\n AddToCartSuccessPopover,\n} from './AccessoriesShelf/index.js'\nexport type {\n UserType,\n BannerConfig,\n BannerAction,\n AddToCartSuccessPopoverProps,\n AddToCartSuccessCopyConfig,\n AddToCartSuccessSemanticName,\n} from './AccessoriesShelf/index.js'\nexport { default as ActivitySchedule } from './ActivitySchedule/index.js'\nexport type { ActivityScheduleProps, ActivityScheduleData, ActivityScheduleItem } from './ActivitySchedule/types.js'\nexport { default as GiftShelf } from './GiftShelf/index.js'\nexport type {\n GiftShelfProps,\n GiftShelfData,\n GiftShelfItem,\n CountdownConfig,\n ResponsiveBackgroundImage as GiftShelfResponsiveBackgroundImage,\n} from './GiftShelf/types.js'\nexport { default as GiftTierShelf } from './GiftTierShelf/index.js'\nexport type { GiftTierShelfProps, GiftTierShelfData, GiftTierItem, GiftTierProduct } from './GiftTierShelf/types.js'\nexport { default as ActivityMechanism } from './ActivityMechanism/index.js'\nexport type {\n ActivityMechanismProps,\n ActivityMechanismItem,\n ActivityMechanismSemanticName,\n ResponsiveBackgroundImage,\n} from './ActivityMechanism/types.js'\nexport { default as BrandEquity } from './BrandEquity/index.js'\nexport { default as MemberEquity } from './MemberEquity/index.js'\nexport { default as Slogan } from './Slogan/index.js'\nexport { default as Title } from './Title/index.js'\nexport { default as Spacer } from './Spacer/index.js'\nexport { default as ShelfDisplay } from './ShelfDisplay/index.js'\nexport { default as Evaluate } from './Evaluate/index.js'\nexport { default as Category } from './Category/index.js'\nexport { default as HeroBanner } from './HeroBanner/index.js'\nexport { default as AccordionCards } from './AccordionCards/index.js'\nexport { default as Graphic } from './Graphic/index.js'\nexport { default as MediaPlayerBase } from './MediaPlayerBase/index.js'\nexport { default as MediaPlayerSticky } from './MediaPlayerSticky/index.js'\nexport { default as MediaPlayerMulti } from './MediaPlayerMulti/index.js'\nexport { default as Marquee } from './Marquee/index.js'\nexport { default as MarqueeReview } from './MarqueeReview/index.js'\nexport type { MarqueeReviewProps, MarqueeReviewData, ReviewItem } from './MarqueeReview/index.js'\nexport { default as WhyChoose } from './WhyChoose/index.js'\nexport { default as Faq } from './Faq/index.js'\nexport { MarqueeItem, MarqueeImageContent, MarqueeTextContent } from './Marquee/index.js'\nexport { default as MultiLayoutGraphicBlock } from './MultiLayoutGraphicBlock/index.js'\nexport type { MultiLayoutGraphicBlockProps } from './MultiLayoutGraphicBlock/index.js'\nexport { default as GraphicAttractionBlock } from './GraphicAttractionBlock/index.js'\nexport type { GraphicAttractionBlockProps } from './GraphicAttractionBlock/index.js'\nexport { default as HeaderNavigation } from './HeaderNavigation/index.js'\nexport { default as FooterNavigation } from './FooterNavigation/index.js'\nexport { default as SearchPage } from './SearchPage/index.js'\nexport type { SearchPageProps } from './SearchPage/types.js'\nexport { IPC_SEARCH_PAGE, SearchPageTabType } from './SearchPage/types.js'\n\nexport { withLayout } from '../shared/Styles.js'\nexport { default as AiuiProvider } from './AiuiProvider/index.js'\nexport { default as Tabs } from './Tabs/index.js'\nexport { default as SwiperBox } from './SwiperBox/index.js'\nexport { VideoModal } from './VideoModal/index.js'\nexport { default as CreativeModule } from './CreativeModule/index.js'\nexport { default as GraphicOverlay } from './GraphicOverlay/index.js'\nexport { default as Specs } from './Specs/index.js'\nexport { default as TabGroup } from './TabsGroup/index.js'\n\nexport { default as BizProductProvider, useBizProductContext } from './Listing/BizProductProvider.js'\nexport { default as PurchaseBar } from './Listing/components/PurchaseBar/index.js'\nexport { default as ProductActions } from './Listing/components/PurchaseBar/ProductActions/index.js'\nexport type { ProductActionsProps } from './Listing/components/PurchaseBar/ProductActions/index.js'\nexport { default as ProductBenefitsTabs } from './Listing/components/ProductCard/ProductDetail/ProductBenefitsTabs/index.js'\nexport { default as ProductBenefits } from './Listing/components/ProductCard/ProductDetail/ProductBenefits/index.js'\nexport { default as ProductHighlight } from './Listing/components/ProductCard/ProductDetail/ProductHighlight/index.js'\nexport { default as ProductFreeGift } from './Listing/components/ProductCard/ProductDetail/ProductFreeGift/index.js'\nexport { default as ProductFunctionFreeGift } from './Listing/components/ProductCard/ProductDetail/ProductFunctionFreeGift/index.js'\nexport type {\n ProductFunctionFreeGiftProps,\n FunctionFreeGiftItem,\n} from './Listing/components/ProductCard/ProductDetail/ProductFunctionFreeGift'\n// export { default as ProductExchangePurchase } from './Listing/components/ProductCard/ProductDetail/ProductExchangePurchase/index.js'\nexport { default as ProductOptions } from './Listing/components/ProductCard/ProductDetail/ProductOptions/index.js'\nexport { default as ProductBundle } from './Listing/components/ProductCard/ProductDetail/ProductBundle/index.js'\nexport type {\n ProductBundleProps,\n BundleOption,\n BundleVariantItem,\n} from './Listing/components/ProductCard/ProductDetail/ProductBundle/index.js'\nexport { default as ProductCoupon } from './Listing/components/ProductCard/ProductDetail/ProductCoupon/index.js'\nexport { default as ProductBanner } from './Listing/components/ProductCard/ProductDetail/ProductBanner/index.js'\nexport { default as ProductGridBox } from './Listing/components/ProductCard/ProductGridBox.js'\nexport { default as ProductGallery } from './Listing/components/ProductCard/ProductGallery/index.js'\nexport { default as ProductSummary } from './Listing/components/ProductCard/ProductSummary/index.js'\nexport { default as BenefitsTab } from './Listing/components/ProductCard/ProductDetail/BenefitsTab.js'\nexport { default as PaidShipping } from './Listing/components/PaidShipping/index.js'\nexport { default as CartActionButtons } from './Listing/components/CartActionButtons/index.js'\nexport type { CartActionButtonsProps } from './Listing/components/CartActionButtons/index.js'\nexport { NotifyMeDialog } from './NotifyMeDialog/index.js'\nexport type { NotifyMeDialogProps, CheckboxConfig, SubscriptionMeta } from './NotifyMeDialog/types.js'\nexport { default as ProductServiceBenefits } from './Listing/components/ProductCard/ProductDetail/ProductServiceBenefits/index.js'\nexport type {\n ProductServiceBenefitsProps,\n ServiceBenefitItem,\n} from './Listing/components/ProductCard/ProductDetail/ProductServiceBenefits/index.js'\nexport { default as ProductPaidShipping } from './Listing/components/ProductCard/ProductPaidShipping/index.js'\n\nexport { default as GraphicMore } from './GraphicMore/index.js'\nexport { default as Features } from './Features/index.js'\nexport { default as AplusDesc } from './AplusDesc/index.js'\nexport { default as GiftBox } from './GiftBox/index.js'\nexport { default as SelectStore } from './SelectStore/index.js'\nexport { default as DownLoad } from './DownLoad/index.js'\nexport { default as FootCharger } from './FootCharger/index.js'\nexport { default as BrandCardLink } from './BrandCardLink/index.js'\nexport type { BrandCardLinkProps, BrandCardLinkItemProps } from './BrandCardLink/types.js'\n\nexport * as IPRedirect from './IPRedirect/index.js'\n\nexport { default as WheelLottery } from './WheelLottery/index.js'\nexport type {\n WheelLotteryProps,\n WheelLotteryHandle,\n Prize,\n ChanceMethod,\n WinningInfo,\n UserData,\n} from './WheelLottery/types.js'\nexport { default as ProductLottery } from './ProductLottery/index.js'\nexport type { ProductLotteryProps, ProductLotteryHandle, MediaConfig, CtaButtonConfig } from './ProductLottery/types.js'\nexport { default as ProductCompare } from './ProductCompare/index.js'\nexport type { ProductCompareProps, ProductItemData } from './ProductCompare/index.js'\nexport { default as Ksp } from './Ksp/index.js'\nexport type { KspProps, KspData, KspCardItem } from './Ksp/index.js'\nexport { default as ImageTextFeature } from './ImageTextFeature/index.js'\nexport type { ImageTextFeatureProps, ImageTextFeatureItem } from './ImageTextFeature/index.js'\nexport { default as FeatureCards } from './FeatureCards/index.js'\nexport type { FeatureCardsProps, FeatureCardItem } from './FeatureCards/index.js'\nexport { default as FeaturedBlogPosts } from './FeaturedBlogPosts/index.js'\nexport type {\n FeaturedBlogPostsProps,\n FeaturedBlogPostsData,\n FeaturedBlogPostItem,\n FeaturedBlogPostSpan,\n} from './FeaturedBlogPosts/index.js'\nexport { default as ImageWithText } from './ImageWithText/index.js'\nexport type { ImageWithTextProps } from './ImageWithText/index.js'\nexport { default as VideoFeature } from './VideoFeature/index.js'\nexport type { VideoFeatureProps } from './VideoFeature/index.js'\nexport { default as TabsWithMedia } from './TabsWithMedia/index.js'\nexport type { TabsWithMediaProps, TabItem, TimeIndex } from './TabsWithMedia/index.js'\nexport { default as TabWithImage } from './TabWithImage/index.js'\nexport type { TabWithImageProps, TabWithImageDataItem } from './TabWithImage/index.js'\nexport { default as FeatureShowcase } from './FeatureShowcase/index.js'\nexport type { FeatureShowcaseProps, FeatureShowcaseItem } from './FeatureShowcase/index.js'\nexport { default as ProductHero } from './ProductHero/index.js'\nexport type { ProductHeroProps } from './ProductHero/index.js'\nexport { default as SpecsComparison } from './SpecsComparison/index.js'\nexport type {\n SpecsComparisonProps,\n SpecsComparisonMenuItem,\n SpecsComparisonLeftMenuItem,\n} from './SpecsComparison/index.js'\nexport { default as MediaSceneSwitcher } from './MediaSceneSwitcher/index.js'\nexport type { MediaSceneSwitcherProps } from './MediaSceneSwitcher/types.js'\nexport { default as MediaSceneSwitcherV2 } from './MediaSceneSwitcherV2/index.js'\nexport type {\n MediaSceneSwitcherV2Props,\n MediaSceneSwitcherV2Data,\n MediaSceneSwitcherV2Item,\n MediaSceneSwitcherV2Layout,\n} from './MediaSceneSwitcherV2/index.js'\nexport { default as ThreeDCarousel } from './ThreeDCarousel/index.js'\nexport type { ThreeDCarouselProps } from './ThreeDCarousel/index.js'\nexport { default as ProductNav } from './ProductNav/index.js'\nexport type { ProductNavProps, TabLink, AnchorItem, BuyButton } from './ProductNav/index.js'\nexport { default as AnchorNavigation } from './AnchorNavigation/index.js'\nexport { default as PromotionalBar } from './PromotionalBar/index.js'\nexport { default as EventSchedule } from './EventSchedule/index.js'\nexport { default as SecondaryBanner } from './SecondaryBanner/index.js'\nexport { default as BuyOneGetOneShelf } from './BuyOneGetOneShelf/index.js'\nexport { default as ActiveShelf } from './ActiveShelf/index.js'\nexport { default as MediaShelf } from './MediaShelf/index.js'\nexport { default as CreditsShelf, CreditsProductCard } from './CreditsShelf/index.js'\nexport type {\n CreditsShelfSemanticName,\n CreditsProductCardData,\n CopyConfig as CreditsShelfCopyConfig,\n ButtonFunctionType as CreditsShelfButtonFunctionType,\n} from './CreditsShelf/index.js'\nexport { default as SceneShelf, SceneProductCard } from './SceneShelf/index.js'\nexport type { SceneShelfSemanticName, SceneProductCardData, SceneProductCardSemanticName } from './SceneShelf/index.js'\nexport { default as SceneShelfV2, SceneShelfV2ProductCard } from './SceneShelfV2/index.js'\nexport type {\n SceneShelfV2SemanticName,\n SceneShelfV2Data,\n SceneShelfV2Product,\n SceneShelfV2Props,\n} from './SceneShelfV2/index.js'\nexport { default as SceneShelfV3 } from './SceneShelfV3/index.js'\nexport type { SceneShelfV3Data, SceneShelfV3Props, ProductTab as SceneShelfV3ProductTab } from './SceneShelfV3/index.js'\nexport type {\n SceneShelfV3SemanticName,\n ProductCardData as SceneShelfV3ProductCardData,\n} from './SceneShelfV3/ProductCard.js'\n\nexport { default as MediaEndorsement } from './MediaEndorsement/index.js'\nexport type {\n MediaEndorsementProps,\n MediaEndorsementData,\n MediaEndorsementItem,\n MediaEndorsementSemanticName,\n} from './MediaEndorsement/index.js'\n\nexport { default as MediaTextOverlay } from './MediaTextOverlay/index.js'\nexport type {\n MediaTextOverlayProps,\n MediaTextOverlayData,\n MediaTextOverlayItem,\n MediaTextOverlaySemanticName,\n ResponsiveMedia,\n} from './MediaTextOverlay/index.js'\n\n// Copy configuration types and defaults\nexport type {\n CopyConfig as MediaShelfCopyConfig,\n ButtonFunctionType as MediaShelfButtonFunctionType,\n} from './MediaShelf/types.js'\nexport type { CopyConfig as ActiveShelfCopyConfig, ButtonFunctionType } from './ActiveShelf/types.js'\n\nexport {\n default as ImageOverlayShelf,\n type ButtonFunctionType as ImageOverlayShelfButtonFunctionType,\n} from './ImageOverlayShelf/index.js'\n\nexport { default as AccessoryShelf, AccessoryProductCard } from './AccessoriesShelf/components/AccessoryShelf/index.js'\nexport type {\n AccessoryShelfProps,\n AccessoryProductData,\n AccessoryCardSemanticName,\n AccessoryCopyConfig,\n AccessoryProductCardProps,\n} from './AccessoriesShelf/components/AccessoryShelf'\n\nexport { default as ImageTextOverlay } from './ImageTextOverlay/index.js'\nexport type {\n ImageTextOverlayProps,\n ImageTextOverlayData,\n ImageTextOverlayItem,\n ImageTextOverlaySemanticName,\n ImageTextOverlayBackgroundImage,\n} from './ImageTextOverlay/types.js'\n\n// MiniCart \u7EC4\u4EF6\u53CA\u7C7B\u578B\u5BFC\u51FA\nexport { default as MiniCart } from './MiniCart/index.js'\nexport type { Cart, CartLineItem, MiniCartData, MiniCartProps, CircleProgressConfig } from './MiniCart/index.js'\nexport { default as MiniCartCircleProgress } from './MiniCart/CircleProgress.js'\nexport type { CircleProgressProps as MiniCartCircleProgressProps } from './MiniCart/CircleProgress.js'\nexport { default as MiniCartDialog, MiniCartDialog as MiniCartDialogComponent } from './MiniCart/MiniCartDialog.js'\nexport type {\n MiniCartDialogProps,\n MiniCartDialogCopy,\n MiniCartDialogSemanticName,\n CartData,\n} from './MiniCart/MiniCartDialog.js'\n\n// \u2500\u2500\u2500 Web Push \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nexport { default as WebPushPopup } from './WebPushPopup/index.js'\nexport type { WebPushPopupProps } from './WebPushPopup/index.js'\nexport { useEmarsysWebPush } from '../hooks/useEmarsysWebPush.js'\nexport type {\n UseEmarsysWebPushOptions,\n UseEmarsysWebPushReturn,\n EmarsysContactInfo,\n EmarsysInitConfig,\n} from '../hooks/useEmarsysWebPush.js'\n\n/**\n * \u7EC4\u4EF6\u6620\u5C04\u5BF9\u8C61\n * \u5C06 CMS block type \u6620\u5C04\u5230\u53EF\u76F4\u63A5\u6E32\u67D3\u7684\u9759\u6001\u7EC4\u4EF6\u540D\u79F0\u3002\n * \u53EA\u6709\u5F00\u7BB1\u5373\u7528\u3001\u65E0\u9700\u6D88\u8D39\u8005\u4E8C\u6B21\u5C01\u88C5\u7684\u7EC4\u4EF6\u624D\u5E94\u52A0\u5165\u6B64\u6620\u5C04\u3002\n */\nexport const PAYLOAD_COMPONENT_MAP = {\n 'ipc-accordioncards': 'AccordionCards',\n 'ipc-aplusdesc': 'AplusDesc',\n 'ipc-banner': 'HeroBanner',\n 'ipc-brand-equity': 'BrandEquity',\n 'ipc-category': 'Category',\n 'ipc-collection-banner': 'CollectionBanner',\n 'ipc-collection-shelves': 'CollectionShelves',\n 'ipc-creativemodule': 'CreativeModule',\n 'ipc-download': 'DownLoad',\n 'ipc-evaluate': 'Evaluate',\n 'ipc-faq': 'Faq',\n 'ipc-features': 'Features',\n 'ipc-footcharger': 'FootCharger',\n 'ipc-ga-block': 'GraphicAttractionBlock',\n 'ipc-giftbox': 'GiftBox',\n 'ipc-giftshelf': 'GiftShelf',\n 'ipc-graphic': 'Graphic',\n 'ipc-graphicmore': 'GraphicMore',\n 'ipc-graphicoverlay': 'GraphicOverlay',\n 'ipc-marquee': 'Marquee',\n 'ipc-mediaplayerbase': 'MediaPlayerBase',\n 'ipc-mediaplayermulti': 'MediaPlayerMulti',\n 'ipc-mediaplayersticky': 'MediaPlayerSticky',\n 'ipc-member-equity': 'MemberEquity',\n 'ipc-mlg-block': 'MultiLayoutGraphicBlock',\n 'ipc-search-page-tabs': 'SearchPageBlock',\n 'ipc-selectstore': 'SelectStore',\n 'ipc-shelfdisplay': 'ShelfDisplay',\n 'ipc-slogan': 'Slogan',\n 'ipc-spacer': 'Spacer',\n 'ipc-specs': 'Specs',\n 'ipc-tabs': 'Tabs',\n 'ipc-text-marquee': 'TextMarquee',\n 'ipc-title': 'Title',\n 'ipc-whychoose': 'WhyChoose',\n 'ipc-product-nav': 'ProductNav',\n 'ipc-brand-card-link': 'BrandCardLink',\n 'ipc-ipredirect': 'IPRedirect',\n ksp: 'Ksp',\n 'ipc-secondary-banner': 'SecondaryBanner',\n 'ipc-media-endorsement': 'MediaEndorsement',\n 'ipc-media-scene-switcher-v2': 'MediaSceneSwitcherV2',\n 'ipc-featured-blog-posts': 'FeaturedBlogPosts',\n 'ipc-media-text-overlay': 'MediaTextOverlay',\n ProductCompare: 'ProductCompare',\n}\n\n// Cart Components\nexport {\n CartSummaryHeader,\n CartItemRow,\n CartGiftSection,\n CartPerksSection,\n CartThirdPartyBanner,\n CartPriceSummary,\n} from './CartDetail/index.js'\nexport type {\n CartSummaryHeaderProps,\n CartItemRowProps,\n CartGiftSectionProps,\n CartPerksSectionProps,\n CartPerk,\n CartThirdPartyProps,\n GiftOption,\n GiftSlotConfig,\n CartPriceSummaryProps,\n} from './CartDetail/index.js'\n// \u516C\u5F00\u5BFC\u51FA useAiuiContext hook\uFF08\u4F9B Registry \u5206\u53D1\u7684 biz-components \u6D88\u8D39\u8005\u4F7F\u7528\uFF09\nexport { useAiuiContext } from './AiuiProvider/index.js'\n\n// \u516C\u5F00\u5BFC\u51FA ContainerProps\uFF08\u4F9B Registry \u5206\u53D1\u7684 biz-components \u4F7F\u7528\uFF09\nexport type { ContainerProps } from '../shared/Styles.js'\n\n// Modal components\nexport { default as ModalRegisterSubscribe } from './ModalRegisterSubscribe/index.js'\nexport { default as ModalSubscribeConfirm } from './ModalSubscribeConfirm/index.js'\nexport { default as ModalCoupon } from './ModalCoupon/index.js'\nexport { default as ModalSmsSubscribe } from './ModalSmsSubscribe/index.js'\nexport { default as ModalVerify } from './ModalVerify/index.js'\n"],
|
|
5
|
-
"mappings": "skBAAA,IAAAA,GAAA,GAAAC,GAAAD,GAAA,w9CAAAE,GAAA,wgCAAAC,GAAA,
|
|
6
|
-
"names": ["biz_components_exports", "__export", "IPRedirect", "PAYLOAD_COMPONENT_MAP", "__toCommonJS", "import_AccessoriesShelf", "import_ActivitySchedule", "import_GiftShelf", "import_GiftTierShelf", "import_ActivityMechanism", "import_BrandEquity", "import_MemberEquity", "import_Slogan", "import_Title", "import_Spacer", "import_ShelfDisplay", "import_Evaluate", "import_Category", "import_HeroBanner", "import_AccordionCards", "import_Graphic", "import_MediaPlayerBase", "import_MediaPlayerSticky", "import_MediaPlayerMulti", "import_Marquee", "import_MarqueeReview", "import_WhyChoose", "import_Faq", "import_MultiLayoutGraphicBlock", "import_GraphicAttractionBlock", "import_HeaderNavigation", "import_FooterNavigation", "import_SearchPage", "import_types", "import_Styles", "import_AiuiProvider", "import_Tabs", "import_SwiperBox", "import_VideoModal", "import_CreativeModule", "import_GraphicOverlay", "import_Specs", "import_TabsGroup", "import_BizProductProvider", "import_PurchaseBar", "import_ProductActions", "import_ProductBenefitsTabs", "import_ProductBenefits", "import_ProductHighlight", "import_ProductFreeGift", "import_ProductFunctionFreeGift", "import_ProductOptions", "import_ProductBundle", "import_ProductCoupon", "import_ProductBanner", "import_ProductGridBox", "import_ProductGallery", "import_ProductSummary", "import_BenefitsTab", "import_PaidShipping", "import_CartActionButtons", "import_NotifyMeDialog", "import_ProductServiceBenefits", "import_ProductPaidShipping", "import_GraphicMore", "import_Features", "import_AplusDesc", "import_GiftBox", "import_SelectStore", "import_DownLoad", "import_FootCharger", "import_BrandCardLink", "import_WheelLottery", "import_ProductLottery", "import_ProductCompare", "import_Ksp", "import_ImageTextFeature", "import_FeatureCards", "import_FeaturedBlogPosts", "import_ImageWithText", "import_VideoFeature", "import_TabsWithMedia", "import_TabWithImage", "import_FeatureShowcase", "import_ProductHero", "import_SpecsComparison", "import_MediaSceneSwitcher", "import_MediaSceneSwitcherV2", "import_ThreeDCarousel", "import_ProductNav", "import_AnchorNavigation", "import_PromotionalBar", "import_EventSchedule", "import_SecondaryBanner", "import_BuyOneGetOneShelf", "import_ActiveShelf", "import_MediaShelf", "import_CreditsShelf", "import_SceneShelf", "import_SceneShelfV2", "import_SceneShelfV3", "import_MediaEndorsement", "import_MediaTextOverlay", "import_ImageOverlayShelf", "import_AccessoryShelf", "import_ImageTextOverlay", "import_MiniCart", "import_CircleProgress", "import_MiniCartDialog", "import_WebPushPopup", "import_useEmarsysWebPush", "import_CartDetail", "import_ModalRegisterSubscribe", "import_ModalSubscribeConfirm", "import_ModalCoupon", "import_ModalSmsSubscribe", "import_ModalVerify"]
|
|
4
|
+
"sourcesContent": ["export {\n AccessoriesProductGrid,\n SectionHeader,\n PromoBanner,\n MainProductArea,\n AddToCartSuccessPopover,\n} from './AccessoriesShelf/index.js'\nexport type {\n UserType,\n BannerConfig,\n BannerAction,\n AddToCartSuccessPopoverProps,\n AddToCartSuccessCopyConfig,\n AddToCartSuccessSemanticName,\n} from './AccessoriesShelf/index.js'\nexport { default as ActivitySchedule } from './ActivitySchedule/index.js'\nexport type { ActivityScheduleProps, ActivityScheduleData, ActivityScheduleItem } from './ActivitySchedule/types.js'\nexport { default as GiftShelf } from './GiftShelf/index.js'\nexport type {\n GiftShelfProps,\n GiftShelfData,\n GiftShelfItem,\n CountdownConfig,\n ResponsiveBackgroundImage as GiftShelfResponsiveBackgroundImage,\n} from './GiftShelf/types.js'\nexport { default as GiftTierShelf } from './GiftTierShelf/index.js'\nexport type { GiftTierShelfProps, GiftTierShelfData, GiftTierItem, GiftTierProduct } from './GiftTierShelf/types.js'\nexport { default as ActivityMechanism } from './ActivityMechanism/index.js'\nexport type {\n ActivityMechanismProps,\n ActivityMechanismItem,\n ActivityMechanismSemanticName,\n ResponsiveBackgroundImage,\n} from './ActivityMechanism/types.js'\nexport { default as BrandEquity } from './BrandEquity/index.js'\nexport { default as MemberEquity } from './MemberEquity/index.js'\nexport { default as Slogan } from './Slogan/index.js'\nexport { default as Title } from './Title/index.js'\nexport { default as Spacer } from './Spacer/index.js'\nexport { default as ShelfDisplay } from './ShelfDisplay/index.js'\nexport { default as ShelfDisplayHorizontal } from './ShelfDisplayHorizontal/index.js'\nexport type {\n ShelfDisplayProps,\n ShelfDisplayType,\n ShelfDisplayItem,\n SocialEndorsementItem,\n} from './ShelfDisplay/shelfDisplay.js'\nexport { default as Evaluate } from './Evaluate/index.js'\nexport { default as Category } from './Category/index.js'\nexport { default as HeroBanner } from './HeroBanner/index.js'\nexport { default as AccordionCards } from './AccordionCards/index.js'\nexport { default as Graphic } from './Graphic/index.js'\nexport { default as MediaPlayerBase } from './MediaPlayerBase/index.js'\nexport { default as MediaPlayerSticky } from './MediaPlayerSticky/index.js'\nexport { default as MediaPlayerMulti } from './MediaPlayerMulti/index.js'\nexport { default as Marquee } from './Marquee/index.js'\nexport { default as MarqueeReview } from './MarqueeReview/index.js'\nexport type { MarqueeReviewProps, MarqueeReviewData, ReviewItem } from './MarqueeReview/index.js'\nexport { default as WhyChoose } from './WhyChoose/index.js'\nexport { default as Faq } from './Faq/index.js'\nexport { MarqueeItem, MarqueeImageContent, MarqueeTextContent } from './Marquee/index.js'\nexport { default as MultiLayoutGraphicBlock } from './MultiLayoutGraphicBlock/index.js'\nexport type { MultiLayoutGraphicBlockProps } from './MultiLayoutGraphicBlock/index.js'\nexport { default as GraphicAttractionBlock } from './GraphicAttractionBlock/index.js'\nexport type { GraphicAttractionBlockProps } from './GraphicAttractionBlock/index.js'\nexport { default as HeaderNavigation } from './HeaderNavigation/index.js'\nexport { default as FooterNavigation } from './FooterNavigation/index.js'\nexport { default as SearchPage } from './SearchPage/index.js'\nexport type { SearchPageProps } from './SearchPage/types.js'\nexport { IPC_SEARCH_PAGE, SearchPageTabType } from './SearchPage/types.js'\n\nexport { withLayout } from '../shared/Styles.js'\nexport { default as AiuiProvider } from './AiuiProvider/index.js'\nexport { default as Tabs } from './Tabs/index.js'\nexport { default as SwiperBox } from './SwiperBox/index.js'\nexport { VideoModal } from './VideoModal/index.js'\nexport { default as CreativeModule } from './CreativeModule/index.js'\nexport { default as GraphicOverlay } from './GraphicOverlay/index.js'\nexport { default as Specs } from './Specs/index.js'\nexport { default as TabGroup } from './TabsGroup/index.js'\n\nexport { default as BizProductProvider, useBizProductContext } from './Listing/BizProductProvider.js'\nexport { default as PurchaseBar } from './Listing/components/PurchaseBar/index.js'\nexport { default as ProductActions } from './Listing/components/PurchaseBar/ProductActions/index.js'\nexport type { ProductActionsProps } from './Listing/components/PurchaseBar/ProductActions/index.js'\nexport { default as ProductBenefitsTabs } from './Listing/components/ProductCard/ProductDetail/ProductBenefitsTabs/index.js'\nexport { default as ProductBenefits } from './Listing/components/ProductCard/ProductDetail/ProductBenefits/index.js'\nexport { default as ProductHighlight } from './Listing/components/ProductCard/ProductDetail/ProductHighlight/index.js'\nexport { default as ProductFreeGift } from './Listing/components/ProductCard/ProductDetail/ProductFreeGift/index.js'\nexport { default as ProductFunctionFreeGift } from './Listing/components/ProductCard/ProductDetail/ProductFunctionFreeGift/index.js'\nexport type {\n ProductFunctionFreeGiftProps,\n FunctionFreeGiftItem,\n} from './Listing/components/ProductCard/ProductDetail/ProductFunctionFreeGift'\n// export { default as ProductExchangePurchase } from './Listing/components/ProductCard/ProductDetail/ProductExchangePurchase/index.js'\nexport { default as ProductOptions } from './Listing/components/ProductCard/ProductDetail/ProductOptions/index.js'\nexport { default as ProductBundle } from './Listing/components/ProductCard/ProductDetail/ProductBundle/index.js'\nexport type {\n ProductBundleProps,\n BundleOption,\n BundleVariantItem,\n} from './Listing/components/ProductCard/ProductDetail/ProductBundle/index.js'\nexport { default as ProductCoupon } from './Listing/components/ProductCard/ProductDetail/ProductCoupon/index.js'\nexport { default as ProductBanner } from './Listing/components/ProductCard/ProductDetail/ProductBanner/index.js'\nexport { default as ProductGridBox } from './Listing/components/ProductCard/ProductGridBox.js'\nexport { default as ProductGallery } from './Listing/components/ProductCard/ProductGallery/index.js'\nexport { default as ProductSummary } from './Listing/components/ProductCard/ProductSummary/index.js'\nexport { default as BenefitsTab } from './Listing/components/ProductCard/ProductDetail/BenefitsTab.js'\nexport { default as PaidShipping } from './Listing/components/PaidShipping/index.js'\nexport { default as CartActionButtons } from './Listing/components/CartActionButtons/index.js'\nexport type { CartActionButtonsProps } from './Listing/components/CartActionButtons/index.js'\nexport { NotifyMeDialog } from './NotifyMeDialog/index.js'\nexport type { NotifyMeDialogProps, CheckboxConfig, SubscriptionMeta } from './NotifyMeDialog/types.js'\nexport { default as ProductServiceBenefits } from './Listing/components/ProductCard/ProductDetail/ProductServiceBenefits/index.js'\nexport type {\n ProductServiceBenefitsProps,\n ServiceBenefitItem,\n} from './Listing/components/ProductCard/ProductDetail/ProductServiceBenefits/index.js'\nexport { default as ProductPaidShipping } from './Listing/components/ProductCard/ProductPaidShipping/index.js'\n\nexport { default as GraphicMore } from './GraphicMore/index.js'\nexport { default as Features } from './Features/index.js'\nexport { default as AplusDesc } from './AplusDesc/index.js'\nexport { default as GiftBox } from './GiftBox/index.js'\nexport { default as SelectStore } from './SelectStore/index.js'\nexport { default as DownLoad } from './DownLoad/index.js'\nexport { default as FootCharger } from './FootCharger/index.js'\nexport { default as BrandCardLink } from './BrandCardLink/index.js'\nexport type { BrandCardLinkProps, BrandCardLinkItemProps } from './BrandCardLink/types.js'\n\nexport * as IPRedirect from './IPRedirect/index.js'\n\nexport { default as WheelLottery } from './WheelLottery/index.js'\nexport type {\n WheelLotteryProps,\n WheelLotteryHandle,\n Prize,\n ChanceMethod,\n WinningInfo,\n UserData,\n} from './WheelLottery/types.js'\nexport { default as ProductLottery } from './ProductLottery/index.js'\nexport type { ProductLotteryProps, ProductLotteryHandle, MediaConfig, CtaButtonConfig } from './ProductLottery/types.js'\nexport { default as ProductCompare } from './ProductCompare/index.js'\nexport type { ProductCompareProps, ProductItemData } from './ProductCompare/index.js'\nexport { default as Ksp } from './Ksp/index.js'\nexport type { KspProps, KspData, KspCardItem } from './Ksp/index.js'\nexport { default as ImageTextFeature } from './ImageTextFeature/index.js'\nexport type { ImageTextFeatureProps, ImageTextFeatureItem } from './ImageTextFeature/index.js'\nexport { default as FeatureCards } from './FeatureCards/index.js'\nexport type { FeatureCardsProps, FeatureCardItem } from './FeatureCards/index.js'\nexport { default as FeaturedBlogPosts } from './FeaturedBlogPosts/index.js'\nexport type {\n FeaturedBlogPostsProps,\n FeaturedBlogPostsData,\n FeaturedBlogPostItem,\n FeaturedBlogPostSpan,\n} from './FeaturedBlogPosts/index.js'\nexport { default as ImageWithText } from './ImageWithText/index.js'\nexport type { ImageWithTextProps } from './ImageWithText/index.js'\nexport { default as VideoFeature } from './VideoFeature/index.js'\nexport type { VideoFeatureProps } from './VideoFeature/index.js'\nexport { default as TabsWithMedia } from './TabsWithMedia/index.js'\nexport type { TabsWithMediaProps, TabItem, TimeIndex } from './TabsWithMedia/index.js'\nexport { default as TabWithImage } from './TabWithImage/index.js'\nexport type { TabWithImageProps, TabWithImageDataItem } from './TabWithImage/index.js'\nexport { default as FeatureShowcase } from './FeatureShowcase/index.js'\nexport type { FeatureShowcaseProps, FeatureShowcaseItem } from './FeatureShowcase/index.js'\nexport { default as ProductHero } from './ProductHero/index.js'\nexport type { ProductHeroProps } from './ProductHero/index.js'\nexport { default as SpecsComparison } from './SpecsComparison/index.js'\nexport type {\n SpecsComparisonProps,\n SpecsComparisonMenuItem,\n SpecsComparisonLeftMenuItem,\n} from './SpecsComparison/index.js'\nexport { default as MediaSceneSwitcher } from './MediaSceneSwitcher/index.js'\nexport type { MediaSceneSwitcherProps } from './MediaSceneSwitcher/types.js'\nexport { default as MediaSceneSwitcherV2 } from './MediaSceneSwitcherV2/index.js'\nexport type {\n MediaSceneSwitcherV2Props,\n MediaSceneSwitcherV2Data,\n MediaSceneSwitcherV2Item,\n MediaSceneSwitcherV2Layout,\n} from './MediaSceneSwitcherV2/index.js'\nexport { default as ThreeDCarousel } from './ThreeDCarousel/index.js'\nexport type { ThreeDCarouselProps } from './ThreeDCarousel/index.js'\nexport { default as ProductNav } from './ProductNav/index.js'\nexport type { ProductNavProps, TabLink, AnchorItem, BuyButton } from './ProductNav/index.js'\nexport { default as AnchorNavigation } from './AnchorNavigation/index.js'\nexport { default as PromotionalBar } from './PromotionalBar/index.js'\nexport { default as EventSchedule } from './EventSchedule/index.js'\nexport { default as SecondaryBanner } from './SecondaryBanner/index.js'\nexport { default as BuyOneGetOneShelf } from './BuyOneGetOneShelf/index.js'\nexport { default as ActiveShelf } from './ActiveShelf/index.js'\nexport { default as MediaShelf } from './MediaShelf/index.js'\nexport { default as CreditsShelf, CreditsProductCard } from './CreditsShelf/index.js'\nexport type {\n CreditsShelfSemanticName,\n CreditsProductCardData,\n CopyConfig as CreditsShelfCopyConfig,\n ButtonFunctionType as CreditsShelfButtonFunctionType,\n} from './CreditsShelf/index.js'\nexport { default as SceneShelf, SceneProductCard } from './SceneShelf/index.js'\nexport type { SceneShelfSemanticName, SceneProductCardData, SceneProductCardSemanticName } from './SceneShelf/index.js'\nexport { default as SceneShelfV2, SceneShelfV2ProductCard } from './SceneShelfV2/index.js'\nexport type {\n SceneShelfV2SemanticName,\n SceneShelfV2Data,\n SceneShelfV2Product,\n SceneShelfV2Props,\n} from './SceneShelfV2/index.js'\nexport { default as SceneShelfV3 } from './SceneShelfV3/index.js'\nexport type { SceneShelfV3Data, SceneShelfV3Props, ProductTab as SceneShelfV3ProductTab } from './SceneShelfV3/index.js'\nexport type {\n SceneShelfV3SemanticName,\n ProductCardData as SceneShelfV3ProductCardData,\n} from './SceneShelfV3/ProductCard.js'\n\nexport { default as MediaEndorsement } from './MediaEndorsement/index.js'\nexport type {\n MediaEndorsementProps,\n MediaEndorsementData,\n MediaEndorsementItem,\n MediaEndorsementSemanticName,\n} from './MediaEndorsement/index.js'\n\nexport { default as MediaTextOverlay } from './MediaTextOverlay/index.js'\nexport type {\n MediaTextOverlayProps,\n MediaTextOverlayData,\n MediaTextOverlayItem,\n MediaTextOverlaySemanticName,\n ResponsiveMedia,\n} from './MediaTextOverlay/index.js'\n\n// Copy configuration types and defaults\nexport type {\n CopyConfig as MediaShelfCopyConfig,\n ButtonFunctionType as MediaShelfButtonFunctionType,\n} from './MediaShelf/types.js'\nexport type { CopyConfig as ActiveShelfCopyConfig, ButtonFunctionType } from './ActiveShelf/types.js'\n\nexport {\n default as ImageOverlayShelf,\n type ButtonFunctionType as ImageOverlayShelfButtonFunctionType,\n} from './ImageOverlayShelf/index.js'\n\nexport { default as AccessoryShelf, AccessoryProductCard } from './AccessoriesShelf/components/AccessoryShelf/index.js'\nexport type {\n AccessoryShelfProps,\n AccessoryProductData,\n AccessoryCardSemanticName,\n AccessoryCopyConfig,\n AccessoryProductCardProps,\n} from './AccessoriesShelf/components/AccessoryShelf'\n\nexport { default as ImageTextOverlay } from './ImageTextOverlay/index.js'\nexport type {\n ImageTextOverlayProps,\n ImageTextOverlayData,\n ImageTextOverlayItem,\n ImageTextOverlaySemanticName,\n ImageTextOverlayBackgroundImage,\n} from './ImageTextOverlay/types.js'\n\n// MiniCart \u7EC4\u4EF6\u53CA\u7C7B\u578B\u5BFC\u51FA\nexport { default as MiniCart } from './MiniCart/index.js'\nexport type { Cart, CartLineItem, MiniCartData, MiniCartProps, CircleProgressConfig } from './MiniCart/index.js'\nexport { default as MiniCartCircleProgress } from './MiniCart/CircleProgress.js'\nexport type { CircleProgressProps as MiniCartCircleProgressProps } from './MiniCart/CircleProgress.js'\nexport { default as MiniCartDialog, MiniCartDialog as MiniCartDialogComponent } from './MiniCart/MiniCartDialog.js'\nexport type {\n MiniCartDialogProps,\n MiniCartDialogCopy,\n MiniCartDialogSemanticName,\n CartData,\n} from './MiniCart/MiniCartDialog.js'\n\n// \u2500\u2500\u2500 Web Push \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nexport { default as WebPushPopup } from './WebPushPopup/index.js'\nexport type { WebPushPopupProps } from './WebPushPopup/index.js'\nexport { useEmarsysWebPush } from '../hooks/useEmarsysWebPush.js'\nexport type {\n UseEmarsysWebPushOptions,\n UseEmarsysWebPushReturn,\n EmarsysContactInfo,\n EmarsysInitConfig,\n} from '../hooks/useEmarsysWebPush.js'\n\n/**\n * \u7EC4\u4EF6\u6620\u5C04\u5BF9\u8C61\n * \u5C06 CMS block type \u6620\u5C04\u5230\u53EF\u76F4\u63A5\u6E32\u67D3\u7684\u9759\u6001\u7EC4\u4EF6\u540D\u79F0\u3002\n * \u53EA\u6709\u5F00\u7BB1\u5373\u7528\u3001\u65E0\u9700\u6D88\u8D39\u8005\u4E8C\u6B21\u5C01\u88C5\u7684\u7EC4\u4EF6\u624D\u5E94\u52A0\u5165\u6B64\u6620\u5C04\u3002\n */\nexport const PAYLOAD_COMPONENT_MAP = {\n 'ipc-accordioncards': 'AccordionCards',\n 'ipc-aplusdesc': 'AplusDesc',\n 'ipc-banner': 'HeroBanner',\n 'ipc-brand-equity': 'BrandEquity',\n 'ipc-category': 'Category',\n 'ipc-collection-banner': 'CollectionBanner',\n 'ipc-collection-shelves': 'CollectionShelves',\n 'ipc-creativemodule': 'CreativeModule',\n 'ipc-download': 'DownLoad',\n 'ipc-evaluate': 'Evaluate',\n 'ipc-faq': 'Faq',\n 'ipc-features': 'Features',\n 'ipc-footcharger': 'FootCharger',\n 'ipc-ga-block': 'GraphicAttractionBlock',\n 'ipc-giftbox': 'GiftBox',\n 'ipc-giftshelf': 'GiftShelf',\n 'ipc-graphic': 'Graphic',\n 'ipc-graphicmore': 'GraphicMore',\n 'ipc-graphicoverlay': 'GraphicOverlay',\n 'ipc-marquee': 'Marquee',\n 'ipc-mediaplayerbase': 'MediaPlayerBase',\n 'ipc-mediaplayermulti': 'MediaPlayerMulti',\n 'ipc-mediaplayersticky': 'MediaPlayerSticky',\n 'ipc-member-equity': 'MemberEquity',\n 'ipc-mlg-block': 'MultiLayoutGraphicBlock',\n 'ipc-search-page-tabs': 'SearchPageBlock',\n 'ipc-selectstore': 'SelectStore',\n 'ipc-shelfdisplay': 'ShelfDisplay',\n 'ipc-shelfdisplay-horizontal': 'ShelfDisplayHorizontal',\n 'ipc-slogan': 'Slogan',\n 'ipc-spacer': 'Spacer',\n 'ipc-specs': 'Specs',\n 'ipc-tabs': 'Tabs',\n 'ipc-text-marquee': 'TextMarquee',\n 'ipc-title': 'Title',\n 'ipc-whychoose': 'WhyChoose',\n 'ipc-product-nav': 'ProductNav',\n 'ipc-brand-card-link': 'BrandCardLink',\n 'ipc-ipredirect': 'IPRedirect',\n ksp: 'Ksp',\n 'ipc-secondary-banner': 'SecondaryBanner',\n 'ipc-media-endorsement': 'MediaEndorsement',\n 'ipc-media-scene-switcher-v2': 'MediaSceneSwitcherV2',\n 'ipc-featured-blog-posts': 'FeaturedBlogPosts',\n 'ipc-media-text-overlay': 'MediaTextOverlay',\n ProductCompare: 'ProductCompare',\n}\n\n// Cart Components\nexport {\n CartSummaryHeader,\n CartItemRow,\n CartGiftSection,\n CartPerksSection,\n CartThirdPartyBanner,\n CartPriceSummary,\n} from './CartDetail/index.js'\nexport type {\n CartSummaryHeaderProps,\n CartItemRowProps,\n CartGiftSectionProps,\n CartPerksSectionProps,\n CartPerk,\n CartThirdPartyProps,\n GiftOption,\n GiftSlotConfig,\n CartPriceSummaryProps,\n} from './CartDetail/index.js'\n// \u516C\u5F00\u5BFC\u51FA useAiuiContext hook\uFF08\u4F9B Registry \u5206\u53D1\u7684 biz-components \u6D88\u8D39\u8005\u4F7F\u7528\uFF09\nexport { useAiuiContext } from './AiuiProvider/index.js'\n\n// \u516C\u5F00\u5BFC\u51FA ContainerProps\uFF08\u4F9B Registry \u5206\u53D1\u7684 biz-components \u4F7F\u7528\uFF09\nexport type { ContainerProps } from '../shared/Styles.js'\n\n// Modal components\nexport { default as ModalRegisterSubscribe } from './ModalRegisterSubscribe/index.js'\nexport { default as ModalSubscribeConfirm } from './ModalSubscribeConfirm/index.js'\nexport { default as ModalCoupon } from './ModalCoupon/index.js'\nexport { default as ModalSmsSubscribe } from './ModalSmsSubscribe/index.js'\nexport { default as ModalVerify } from './ModalVerify/index.js'\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["biz_components_exports", "__export", "IPRedirect", "PAYLOAD_COMPONENT_MAP", "__toCommonJS", "import_AccessoriesShelf", "import_ActivitySchedule", "import_GiftShelf", "import_GiftTierShelf", "import_ActivityMechanism", "import_BrandEquity", "import_MemberEquity", "import_Slogan", "import_Title", "import_Spacer", "import_ShelfDisplay", "import_ShelfDisplayHorizontal", "import_Evaluate", "import_Category", "import_HeroBanner", "import_AccordionCards", "import_Graphic", "import_MediaPlayerBase", "import_MediaPlayerSticky", "import_MediaPlayerMulti", "import_Marquee", "import_MarqueeReview", "import_WhyChoose", "import_Faq", "import_MultiLayoutGraphicBlock", "import_GraphicAttractionBlock", "import_HeaderNavigation", "import_FooterNavigation", "import_SearchPage", "import_types", "import_Styles", "import_AiuiProvider", "import_Tabs", "import_SwiperBox", "import_VideoModal", "import_CreativeModule", "import_GraphicOverlay", "import_Specs", "import_TabsGroup", "import_BizProductProvider", "import_PurchaseBar", "import_ProductActions", "import_ProductBenefitsTabs", "import_ProductBenefits", "import_ProductHighlight", "import_ProductFreeGift", "import_ProductFunctionFreeGift", "import_ProductOptions", "import_ProductBundle", "import_ProductCoupon", "import_ProductBanner", "import_ProductGridBox", "import_ProductGallery", "import_ProductSummary", "import_BenefitsTab", "import_PaidShipping", "import_CartActionButtons", "import_NotifyMeDialog", "import_ProductServiceBenefits", "import_ProductPaidShipping", "import_GraphicMore", "import_Features", "import_AplusDesc", "import_GiftBox", "import_SelectStore", "import_DownLoad", "import_FootCharger", "import_BrandCardLink", "import_WheelLottery", "import_ProductLottery", "import_ProductCompare", "import_Ksp", "import_ImageTextFeature", "import_FeatureCards", "import_FeaturedBlogPosts", "import_ImageWithText", "import_VideoFeature", "import_TabsWithMedia", "import_TabWithImage", "import_FeatureShowcase", "import_ProductHero", "import_SpecsComparison", "import_MediaSceneSwitcher", "import_MediaSceneSwitcherV2", "import_ThreeDCarousel", "import_ProductNav", "import_AnchorNavigation", "import_PromotionalBar", "import_EventSchedule", "import_SecondaryBanner", "import_BuyOneGetOneShelf", "import_ActiveShelf", "import_MediaShelf", "import_CreditsShelf", "import_SceneShelf", "import_SceneShelfV2", "import_SceneShelfV3", "import_MediaEndorsement", "import_MediaTextOverlay", "import_ImageOverlayShelf", "import_AccessoryShelf", "import_ImageTextOverlay", "import_MiniCart", "import_CircleProgress", "import_MiniCartDialog", "import_WebPushPopup", "import_useEmarsysWebPush", "import_CartDetail", "import_ModalRegisterSubscribe", "import_ModalSubscribeConfirm", "import_ModalCoupon", "import_ModalSmsSubscribe", "import_ModalVerify"]
|
|
7
7
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{jsx as
|
|
1
|
+
"use client";import{jsx as n,jsxs as m}from"react/jsx-runtime";import ve,{useEffect as P,useRef as E,useImperativeHandle as ye,useId as be,useState as V}from"react";import{cn as g}from"../../helpers/utils.js";import{Tabs as Se,TabsList as xe,TabsTrigger as ke,TabsContent as Te}from"../../components/tabs.js";import Ce from"../Title/index.js";import Ie from"../SwiperBox/index.js";import{withLayout as De}from"../../shared/Styles.js";import{gaTrack as B}from"../../shared/track.js";import{useMediaQuery as w}from"react-responsive";import{useRollout as Le}from"../../hooks/useRollout.js";import{ShelfDisplayWrapItem as H,ShelfDisplayHorizontalItem as Me}from"./shelfDisplayItem.js";const Ne="image",Re="product_shelf",z=o=>o==null?"default":String(o).replace(/[^a-zA-Z0-9_-]/g,"")||"default",q=ve.forwardRef(({data:o,event:_,buildData:A,breakpoints:$,className:O="",recommendedData:p,target:Z="_self",metafields:j,isDisplayGudgments:v=!1,isDisplayBackImage:Q=!1,renderOriginalPrice:W,renderPriceLabel:F,renderPrice:G,onAddCart:J,onBuyNow:K,onLearnMore:U,formatPrice:X,...Y},ee)=>{const{productsTab:r=[],productsCard:te=[],title:y,isShowTab:d=!0,tabShape:se="square",isShowTag:ne=!1,isShowOriginalPrice:ae=!0,isShowRecommendedCard:ie=!1,isTile:oe=!1,tileMaxRows:f,tileExpandText:re="Show more",tileCollapseText:le="Show less",...ce}=o,b=E(!1),S=E(null),pe=be(),[me,de]=V(!1);P(()=>{de(!0)},[]);const fe=w({query:"(max-width: 768px)"}),ue=w({query:"(min-width: 1025px)"}),he=w({query:"(min-width: 1440px)"}),[u,ge]=V(!1),[we,x]=Le({threshold:0});ye(ee,()=>S.current);const k=()=>{B({event:"ga4Event",event_name:"view_item_list",event_parameters:{page_group:"Home Page",item_list_name:"Home_Page_Bundle",items:p?.map((e,a)=>{const t=e?.variants?.find(s=>s?.sku===e?.sku)||e?.variants?.[0];return{item_id:e?.sku||t?.sku,item_name:e?.name,item_variant:t?.name,price:t?.price,index:a+1}})}})};P(()=>{x&&p?.length&&!b.current&&(b.current=!0,k())},[x,p]);const T=(e,a)=>{if(a){const t=p?.map?.(s=>({...s,isShowRecommended:!0}));return t?.length?t:[]}if(!Array.isArray(e))return[];const i=e?.map?.(t=>{const s=A?.products?.find(l=>l?.handle===t?.handle);if(s)return{sku:t.sku,isShowRecommended:!1,custom_name:t.custom_name,custom_description:t.custom_description,custom_image:t.custom_image,custom_theme:t.custom_theme,custom_primary_link:t?.custom_primary_link||"",custom_secondary_link:t?.custom_secondary_link||"",custom_bg_image:t?.custom_bg_image||"",...s}})?.filter(t=>t);return i?.length?i:[]},C=z(pe),I=(e,a)=>{const i={...ce,event:_,isShowTag:ne,isShowOriginalPrice:ae,target:Z,metafields:j,itemLength:e.length,isDisplayBackImage:Q,renderOriginalPrice:W,renderPriceLabel:F,renderPrice:G,onAddCart:J,onBuyNow:K,onLearnMore:U,formatPrice:X};if(oe&&me&&ue){const h=he?4:3,L=typeof f=="number"&&f>0,M=L?f*h:e.length,N=L&&e.length>M,_e=N&&!u?e.slice(0,M):e;return m("div",{children:[n("div",{className:g("shelf-display-tile desktop:grid-cols-4 grid grid-cols-3 gap-4",d?"mt-6":""),children:_e.map((c,R)=>n(H,{data:c,configuration:{...i,index:R}},c?.id||c?.handle||R))}),N&&m("div",{className:"hover:text-brand-0 text-info-primary mt-6 flex items-center justify-center",children:[n("button",{className:"laptop:text-base text-sm font-bold",onClick:()=>ge(c=>!c),children:u?le:re}),n("svg",{xmlns:"http://www.w3.org/2000/svg",className:g("laptop:size-5 size-4",u&&"rotate-180"),width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:n("path",{d:"M17.2929 8.29302C17.6834 7.90249 18.3164 7.90249 18.707 8.29302C19.0975 8.68354 19.0975 9.31655 18.707 9.70708L12.707 15.7071C12.3164 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70708C4.90237 9.31655 4.90237 8.68354 5.29289 8.29302C5.68342 7.90249 6.31643 7.90249 6.70696 8.29302L11.9999 13.586L17.2929 8.29302Z",fill:"currentColor"})})]})]})}const t=e.length<=1&&v,s=!fe&&e.length<=2&&v,l=h=>{switch(h){case 1440:return s?e.length:4;case 1025:return s?e.length:3;default:return s?e.length:2.3}},D=a?`${C}-${z(a)}`:C;return n(Ie,{data:{list:e,configuration:i},id:D,className:`${d?"mt-6":""} shelf-display-swiper-box !overflow-visible`,itemClassName:s?"flex-1":"",Slide:s?Me:H,showNavigation:!0,navigationPrevClassName:"left-4 desktop:left-6",navigationNextClassName:"right-4 desktop:right-6",breakpoints:$||{0:{spaceBetween:12,freeMode:!1,slidesPerView:1},374:{spaceBetween:12,freeMode:!1,slidesPerView:t?1:1.2},768:{spaceBetween:t?0:16,freeMode:!1,slidesPerView:l()},1024:{spaceBetween:t?0:16,freeMode:!1,slidesPerView:l(1024)},1440:{spaceBetween:t?0:16,freeMode:!1,slidesPerView:l(1440)}}},D)};return m("div",{ref:S,...Y,className:g("shelf-display-wrap text-info-primary w-full",O,{"aiui-dark":o?.theme==="dark"}),children:[y&&n(Ce,{data:{title:y}}),n("div",{ref:we,className:"tablet:min-h-[393px] laptop:min-h-[425px] desktop:min-h-[405px] lg-desktop:min-h-[409px]",children:d&&r?.length>0?m(Se,{defaultValue:r?.[0]?.tab,onValueChange:e=>{const a=r?.find(i=>i?.tab===e);if(a){if(!a.isShowRecommendedTab){B({event:"ga4Event",event_name:"component_click",event_parameters:{page_group:"Home Page",component_type:Ne,component_name:Re,component_title:o?.title,component_position:1,navigation:e}});return}k()}},shape:se==="rounded"?"rounded":"square",children:[n(xe,{children:r.map(e=>n(ke,{value:e?.tab,children:e?.tab||""},e?.id||e?.tab))}),r.map(e=>n(Te,{value:e?.tab,children:I(T(e?.data||[],e?.isShowRecommendedTab),e?.tab)},e?.id||e?.tab))]}):I(T(te,ie))})]})});q.displayName="ShelfDisplay";var Ze=De(q);export{Ze as default};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|