@anker-in/headless-ui 1.0.24 → 1.0.26-alpha.111003

package/dist/esm/biz-components/Listing/components/PurchaseBar/ScrollSpyNav/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/biz-components/Listing/components/PurchaseBar/ScrollSpyNav/index.tsx"],
+  "sourcesContent": ["import { useAiuiContext } from '../../../../AiuiProvider/index.js'\nimport { cn } from '../../../../../helpers/index.js'\nimport { useState, useCallback, useRef } from 'react'\nimport { gsap } from 'gsap'\nimport type { ScrollSpyNavItem, ScrollSpyNavProps } from './types.js'\nimport { useBizProductContext } from '../../../BizProductProvider.js'\n\nconst ArrowDownIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n      <path d=\"M3 4.5L6 7.5L9 4.5\" stroke=\"#1D1D1F\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  )\n}\n\nconst MobileScrollSpyNav = ({ tabs, purchaseBarHeight, onSpyNavItemClick }: ScrollSpyNavProps) => {\n  const [dropdownOpen, setDropdownOpen] = useState(false)\n  const [activeTab, setActiveTab] = useState(tabs?.[0])\n  const dropdownRef = useRef<HTMLDivElement>(null)\n  const { renderRating } = useBizProductContext()\n  \n  const onTabClick = useCallback((tab: ScrollSpyNavItem) => {\n    setActiveTab(tab)\n    onSpyNavItemClick?.(tab)\n    setDropdownOpen(false)\n  }, [])\n\n  const onDropdownOpen = useCallback(() => {\n    setDropdownOpen(!dropdownOpen)\n    gsap.fromTo(dropdownRef?.current, { height: 0 }, { height: 'auto', duration: 0.5, ease: 'power2.inOut' })\n  }, [dropdownOpen])\n\n  return (\n    <div>\n      <button\n        className=\"text-sm h-[28px] font-bold flex gap-1 items-center leading-[28px] px-[10px] border rounded-full border-black\"\n        onClick={onDropdownOpen}\n      >\n        {activeTab?.label}<ArrowDownIcon className='size-3'/>\n      </button>\n      <div\n        className={cn('absolute top-full w-full flex flex-col z-[60] bg-black/60 left-0', {\n          ['hidden']: !dropdownOpen,\n        })}\n        style={{\n          height: `calc(100dvh - ${purchaseBarHeight}px)`,\n        }}\n      >\n        <div ref={dropdownRef} className=\"border-t overflow-hidden border-[#E4E5E6] flex flex-col bg-white\">\n          {tabs?.map(tab => (\n            <button\n              className=\"text-sm hover:bg-[#EAEAEC] p-4 text-left font-bold\"\n              key={tab.id}\n              onClick={() => onTabClick(tab)}\n            >\n              {tab.label}\n            </button>\n          ))}\n          <button className=\"text-sm hover:bg-[#EAEAEC] p-4 text-left font-bold\">{renderRating}</button>\n        </div>\n        <div className=\"flex-1\" onClick={() => setDropdownOpen(false)} />\n      </div>\n    </div>\n  )\n}\n\nconst DesktopScrollSpyNav = ({ tabs, onSpyNavItemClick }: ScrollSpyNavProps) => {\n  const [activeTab, setActiveTab] = useState(tabs?.[0])\n\n  const onTabClick = useCallback((tab: ScrollSpyNavItem) => {\n    setActiveTab(tab)\n    onSpyNavItemClick?.(tab)\n  }, [])\n\n  return (\n    <div className=\"flex gap-8\">\n      {tabs?.map(tab => (\n        <button className=\"text-sm relative py-[10px] font-bold\" key={tab.id} onClick={() => onTabClick(tab)}>\n          {tab.label}\n          <div\n            className={cn('absolute bottom-0 left-0 w-0 transition-all duration-300 ease-in-out h-[2px] bg-brand-0', {\n              'w-full': activeTab?.id === tab.id,\n            })}\n          />\n        </button>\n      ))}\n    </div>\n  )\n}\n\nexport { MobileScrollSpyNav, DesktopScrollSpyNav }\n"],
+  "mappings": "AAUM,cAAAA,EAwBA,QAAAC,MAxBA,oBAVN,MAA+B,oCAC/B,OAAS,MAAAC,MAAU,kCACnB,OAAS,YAAAC,EAAU,eAAAC,EAAa,UAAAC,MAAc,QAC9C,OAAS,QAAAC,MAAY,OAErB,OAAS,wBAAAC,MAA4B,iCAErC,MAAMC,EAAiBC,GAEnBT,EAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAA8B,GAAGS,EACjG,SAAAT,EAAC,QAAK,EAAE,qBAAqB,OAAO,UAAU,cAAc,QAAQ,eAAe,QAAQ,EAC7F,EAIEU,EAAqB,CAAC,CAAE,KAAAC,EAAM,kBAAAC,EAAmB,kBAAAC,CAAkB,IAAyB,CAChG,KAAM,CAACC,EAAcC,CAAe,EAAIZ,EAAS,EAAK,EAChD,CAACa,EAAWC,CAAY,EAAId,EAASQ,IAAO,CAAC,CAAC,EAC9CO,EAAcb,EAAuB,IAAI,EACzC,CAAE,aAAAc,CAAa,EAAIZ,EAAqB,EAExCa,EAAahB,EAAaiB,GAA0B,CACxDJ,EAAaI,CAAG,EAChBR,IAAoBQ,CAAG,EACvBN,EAAgB,EAAK,CACvB,EAAG,CAAC,CAAC,EAECO,EAAiBlB,EAAY,IAAM,CACvCW,EAAgB,CAACD,CAAY,EAC7BR,EAAK,OAAOY,GAAa,QAAS,CAAE,OAAQ,CAAE,EAAG,CAAE,OAAQ,OAAQ,SAAU,GAAK,KAAM,cAAe,CAAC,CAC1G,EAAG,CAACJ,CAAY,CAAC,EAEjB,OACEb,EAAC,OACC,UAAAA,EAAC,UACC,UAAU,+GACV,QAASqB,EAER,UAAAN,GAAW,MAAMhB,EAACQ,EAAA,CAAc,UAAU,SAAQ,GACrD,EACAP,EAAC,OACC,UAAWC,EAAG,mEAAoE,CAC/E,OAAW,CAACY,CACf,CAAC,EACD,MAAO,CACL,OAAQ,iBAAiBF,CAAiB,KAC5C,EAEA,UAAAX,EAAC,OAAI,IAAKiB,EAAa,UAAU,mEAC9B,UAAAP,GAAM,IAAIU,GACTrB,EAAC,UACC,UAAU,qDAEV,QAAS,IAAMoB,EAAWC,CAAG,EAE5B,SAAAA,EAAI,OAHAA,EAAI,EAIX,CACD,EACDrB,EAAC,UAAO,UAAU,qDAAsD,SAAAmB,EAAa,GACvF,EACAnB,EAAC,OAAI,UAAU,SAAS,QAAS,IAAMe,EAAgB,EAAK,EAAG,GACjE,GACF,CAEJ,EAEMQ,EAAsB,CAAC,CAAE,KAAAZ,EAAM,kBAAAE,CAAkB,IAAyB,CAC9E,KAAM,CAACG,EAAWC,CAAY,EAAId,EAASQ,IAAO,CAAC,CAAC,EAE9CS,EAAahB,EAAaiB,GAA0B,CACxDJ,EAAaI,CAAG,EAChBR,IAAoBQ,CAAG,CACzB,EAAG,CAAC,CAAC,EAEL,OACErB,EAAC,OAAI,UAAU,aACZ,SAAAW,GAAM,IAAIU,GACTpB,EAAC,UAAO,UAAU,uCAAoD,QAAS,IAAMmB,EAAWC,CAAG,EAChG,UAAAA,EAAI,MACLrB,EAAC,OACC,UAAWE,EAAG,0FAA2F,CACvG,SAAUc,GAAW,KAAOK,EAAI,EAClC,CAAC,EACH,IAN4DA,EAAI,EAOlE,CACD,EACH,CAEJ",
+  "names": ["jsx", "jsxs", "cn", "useState", "useCallback", "useRef", "gsap", "useBizProductContext", "ArrowDownIcon", "props", "MobileScrollSpyNav", "tabs", "purchaseBarHeight", "onSpyNavItemClick", "dropdownOpen", "setDropdownOpen", "activeTab", "setActiveTab", "dropdownRef", "renderRating", "onTabClick", "tab", "onDropdownOpen", "DesktopScrollSpyNav"]
+}

package/dist/esm/biz-components/Listing/components/PurchaseBar/ScrollSpyNav/types.d.ts

@@ -0,0 +1,10 @@
+export interface ScrollSpyNavItem {
+    label: string;
+    href: string;
+    id: string;
+}
+export interface ScrollSpyNavProps {
+    tabs: ScrollSpyNavItem[];
+    purchaseBarHeight?: number;
+    onSpyNavItemClick?: (tab: ScrollSpyNavItem) => void;
+}

package/dist/esm/biz-components/Listing/components/PurchaseBar/ScrollSpyNav/types.js

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

package/dist/esm/biz-components/Listing/components/PurchaseBar/ScrollSpyNav/types.js.map

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

package/dist/esm/biz-components/Listing/components/PurchaseBar/index.d.ts

@@ -0,0 +1,3 @@
+import type { PurchaseBarProps } from './types.js';
+declare const PurchaseBar: ({ onSpyNavItemClick }: PurchaseBarProps) => import("react/jsx-runtime").JSX.Element;
+export default PurchaseBar;

package/dist/esm/biz-components/Listing/components/PurchaseBar/index.js

@@ -0,0 +1,2 @@
+import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useEffect as m,useState as n,useMemo as u}from"react";import{Heading as d,Container as f}from"../../../../components";import"gsap";import"../../../AiuiProvider/index.js";import"../../../../helpers/index.js";import{ProductActions as b}from"../index.js";import{useBizProductContext as h}from"../../BizProductProvider.js";import{MobileScrollSpyNav as y,DesktopScrollSpyNav as x}from"./ScrollSpyNav/index.js";const v=({onSpyNavItemClick:r})=>{const[p,i]=n(0),{isMobile:g,product:t,renderRating:l,isDesktop:o}=h(),s=u(()=>t?.payload?.components?.find(c=>c.componentKey==="PurchaseBar")?.data||[],[t?.payload]);return m(()=>{i(document.querySelector("#purchase-bar")?.clientHeight||0)},[]),e("div",{id:"purchase-bar",className:"bg-white sticky top-0 left-0 w-full z-[52] border-b border-[#E4E5E6]",children:e(f,{children:a("div",{className:"flex gap-[10px] items-center tablet:justify-between tablet:gap-0 tablet:w-full",children:[a("div",{className:"flex-1 py-3 desktop:pt-6 desktop:pb-0 tablet:flex-none",children:[e(d,{size:2,className:"line-clamp-2 tablet:max-w-[406px] desktop:max-w-[570px] lg-desktop:max-w-[683px]",html:t?.title}),o&&a("div",{className:"flex justify-between gap-8 items-center mt-3",children:[e(x,{tabs:s,onSpyNavItemClick:r}),l]})]}),o?e(b,{}):e(y,{tabs:s,purchaseBarHeight:p,onSpyNavItemClick:r})]})})})};var R=v;export{R as default};
+//# sourceMappingURL=index.js.map

package/dist/esm/biz-components/Listing/components/PurchaseBar/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/biz-components/Listing/components/PurchaseBar/index.tsx"],
+  "sourcesContent": ["import { useCallback, useEffect, useRef, useState, useMemo } from 'react'\nimport { Text, Heading, Button, Container } from '../../../../components'\nimport type { PurchaseBarProps, ScrollSpyNavProps, ScrollSpyNavItem } from './types.js'\nimport { gsap } from 'gsap'\nimport { useAiuiContext } from '../../../AiuiProvider/index.js'\nimport { cn } from '../../../../helpers/index.js'\nimport { ProductActions } from '../index.js'\nimport { useBizProductContext } from '../../BizProductProvider.js'\nimport { MobileScrollSpyNav, DesktopScrollSpyNav } from './ScrollSpyNav/index.js'\n\nconst PurchaseBar = ({ onSpyNavItemClick }: PurchaseBarProps) => {\n  const [purchaseBarHeight, setPurchaseBarHeight] = useState(0)\n  const { isMobile, product, renderRating, isDesktop } = useBizProductContext()\n\n  const PurchaseBarData = useMemo(() => {\n    return product?.payload?.components?.find((item: any) => item.componentKey === 'PurchaseBar')?.data || []\n  }, [product?.payload])\n\n  useEffect(() => {\n    setPurchaseBarHeight(document.querySelector('#purchase-bar')?.clientHeight || 0)\n  }, [])\n\n  return (\n    <div id=\"purchase-bar\" className=\"bg-white sticky top-0 left-0 w-full z-[52] border-b border-[#E4E5E6]\">\n      <Container>\n        {/* // py-3 desktop:pt-6 desktop:pb-0 */}\n        <div className=\"flex gap-[10px] items-center tablet:justify-between tablet:gap-0 tablet:w-full\">\n          <div className=\"flex-1 py-3 desktop:pt-6 desktop:pb-0 tablet:flex-none\">\n            <Heading\n              size={2}\n              className=\"line-clamp-2 tablet:max-w-[406px] desktop:max-w-[570px] lg-desktop:max-w-[683px]\"\n              html={product?.title}\n            />\n            {isDesktop && (\n              <div className=\"flex justify-between gap-8 items-center mt-3\">\n                <DesktopScrollSpyNav tabs={PurchaseBarData} onSpyNavItemClick={onSpyNavItemClick} />\n                {renderRating}\n              </div>\n            )}\n          </div>\n          {!isDesktop ? (\n            <MobileScrollSpyNav\n              tabs={PurchaseBarData}\n              purchaseBarHeight={purchaseBarHeight}\n              onSpyNavItemClick={onSpyNavItemClick}\n            />\n          ) : (\n            <ProductActions />\n          )}\n        </div>\n      </Container>\n    </div>\n  )\n}\n\nexport default PurchaseBar\n"],
+  "mappings": "AA4BY,cAAAA,EAME,QAAAC,MANF,oBA5BZ,OAAsB,aAAAC,EAAmB,YAAAC,EAAU,WAAAC,MAAe,QAClE,OAAe,WAAAC,EAAiB,aAAAC,MAAiB,yBAEjD,MAAqB,OACrB,MAA+B,iCAC/B,MAAmB,+BACnB,OAAS,kBAAAC,MAAsB,cAC/B,OAAS,wBAAAC,MAA4B,8BACrC,OAAS,sBAAAC,EAAoB,uBAAAC,MAA2B,0BAExD,MAAMC,EAAc,CAAC,CAAE,kBAAAC,CAAkB,IAAwB,CAC/D,KAAM,CAACC,EAAmBC,CAAoB,EAAIX,EAAS,CAAC,EACtD,CAAE,SAAAY,EAAU,QAAAC,EAAS,aAAAC,EAAc,UAAAC,CAAU,EAAIV,EAAqB,EAEtEW,EAAkBf,EAAQ,IACvBY,GAAS,SAAS,YAAY,KAAMI,GAAcA,EAAK,eAAiB,aAAa,GAAG,MAAQ,CAAC,EACvG,CAACJ,GAAS,OAAO,CAAC,EAErB,OAAAd,EAAU,IAAM,CACdY,EAAqB,SAAS,cAAc,eAAe,GAAG,cAAgB,CAAC,CACjF,EAAG,CAAC,CAAC,EAGHd,EAAC,OAAI,GAAG,eAAe,UAAU,uEAC/B,SAAAA,EAACM,EAAA,CAEC,SAAAL,EAAC,OAAI,UAAU,iFACb,UAAAA,EAAC,OAAI,UAAU,yDACb,UAAAD,EAACK,EAAA,CACC,KAAM,EACN,UAAU,mFACV,KAAMW,GAAS,MACjB,EACCE,GACCjB,EAAC,OAAI,UAAU,+CACb,UAAAD,EAACU,EAAA,CAAoB,KAAMS,EAAiB,kBAAmBP,EAAmB,EACjFK,GACH,GAEJ,EACEC,EAOAlB,EAACO,EAAA,EAAe,EANhBP,EAACS,EAAA,CACC,KAAMU,EACN,kBAAmBN,EACnB,kBAAmBD,EACrB,GAIJ,EACF,EACF,CAEJ,EAEA,IAAOS,EAAQV",
+  "names": ["jsx", "jsxs", "useEffect", "useState", "useMemo", "Heading", "Container", "ProductActions", "useBizProductContext", "MobileScrollSpyNav", "DesktopScrollSpyNav", "PurchaseBar", "onSpyNavItemClick", "purchaseBarHeight", "setPurchaseBarHeight", "isMobile", "product", "renderRating", "isDesktop", "PurchaseBarData", "item", "PurchaseBar_default"]
+}

package/dist/esm/biz-components/Listing/components/PurchaseBar/types.d.ts

@@ -0,0 +1,12 @@
+export interface PurchaseBarProps {
+    onSpyNavItemClick?: (tab: ScrollSpyNavItem) => void;
+}
+export interface ScrollSpyNavItem {
+    label: string;
+    href: string;
+    id: string;
+}
+export interface ScrollSpyNavProps extends Pick<PurchaseBarProps, 'onSpyNavItemClick'> {
+    tabs: ScrollSpyNavItem[];
+    purchaseBarHeight: number;
+}

package/dist/esm/biz-components/Listing/components/PurchaseBar/types.js

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

package/dist/esm/biz-components/Listing/components/PurchaseBar/types.js.map

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

package/dist/esm/biz-components/Listing/components/index.d.ts

@@ -0,0 +1,3 @@
+export { default as PurchaseBar } from './PurchaseBar/index.js';
+export { default as ProductActions } from './PurchaseBar/ProductActions/index.js';
+export { default as ProductCard } from './ProductCard/index.js';

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

@@ -0,0 +1,2 @@
+import{default as o}from"./PurchaseBar/index.js";import{default as e}from"./PurchaseBar/ProductActions/index.js";import{default as f}from"./ProductCard/index.js";export{e as ProductActions,f as ProductCard,o as PurchaseBar};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/biz-components/Listing/components/index.ts"],
+  "sourcesContent": ["export { default as PurchaseBar } from './PurchaseBar/index.js'\nexport { default as ProductActions } from './PurchaseBar/ProductActions/index.js'\nexport { default as ProductCard } from './ProductCard/index.js'"],
+  "mappings": "AAAA,OAAoB,WAAXA,MAA8B,yBACvC,OAAoB,WAAXA,MAAiC,wCAC1C,OAAoB,WAAXA,MAA8B",
+  "names": ["default"]
+}

package/dist/esm/biz-components/Listing/const.d.ts

@@ -0,0 +1,29 @@
+export declare enum DiscountType {
+    fixedAmount = "fixed_amount",
+    percentage = "percentage",
+    fixedDiscountAmount = "fix_discount_amount"
+}
+export declare enum CouponChannel {
+    LIGHTNING_DEAL = "LIGHTNING_DEAL",
+    DEAL = "LIGHTNING_DEAL",
+    COUPON = "COUPON",
+    PED = "PED",
+    WS24 = "WS24",
+    WSTD = "WSTD",
+    WSCH = "WSCH"
+}
+export declare const PRICE_SYMBOL: {
+    us: string;
+    uk: string;
+    ca: string;
+    eu: string;
+    pl: string;
+    fr: string;
+    de: string;
+    vn: string;
+    cl: string;
+    sg: string;
+    ae: string;
+    es: string;
+};
+export declare const COLOR_LABEL: string[];

package/dist/esm/biz-components/Listing/const.js

@@ -0,0 +1,2 @@
+var t=(e=>(e.fixedAmount="fixed_amount",e.percentage="percentage",e.fixedDiscountAmount="fix_discount_amount",e))(t||{}),L=(r=>(r.LIGHTNING_DEAL="LIGHTNING_DEAL",r.DEAL="LIGHTNING_DEAL",r.COUPON="COUPON",r.PED="PED",r.WS24="WS24",r.WSTD="WSTD",r.WSCH="WSCH",r))(L||{});const c={us:"$",uk:"\xA3",ca:"$",eu:"\u20AC",pl:"z\u0142",fr:"\u20AC",de:"\u20AC",vn:"\u20AB",cl:"$",sg:"$",ae:"AED",es:"\u20AC"},E=["color","colour","couleur","cor","colore","farbe","\uC0C9","\u8272","\u30AB\u30E9\u30FC","f\xE4rg","farve"];export{E as COLOR_LABEL,L as CouponChannel,t as DiscountType,c as PRICE_SYMBOL};
+//# sourceMappingURL=const.js.map

package/dist/esm/biz-components/Listing/const.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/Listing/const.ts"],
+  "sourcesContent": ["export enum DiscountType {\n  fixedAmount = 'fixed_amount',\n  percentage = 'percentage',\n  fixedDiscountAmount = 'fix_discount_amount',\n}\n\nexport enum CouponChannel {\n  LIGHTNING_DEAL = 'LIGHTNING_DEAL',\n  DEAL = 'LIGHTNING_DEAL',\n  COUPON = 'COUPON',\n  PED = 'PED',\n  WS24 = 'WS24',\n  WSTD = 'WSTD',\n  WSCH = 'WSCH',\n}\n\nexport const PRICE_SYMBOL = {\n  us: '$',\n  uk: '\u00A3',\n  ca: '$',\n  eu: '\u20AC',\n  pl: 'z\u0142',\n  fr: '\u20AC',\n  de: '\u20AC',\n  vn: '\u20AB',\n  cl: '$',\n  sg: '$',\n  ae: 'AED',\n  es: '\u20AC',\n}\n\nexport const COLOR_LABEL = [\n  'color',\n  'colour',\n  'couleur',\n  'cor',\n  'colore',\n  'farbe',\n  '\uC0C9',\n  '\u8272',\n  '\u30AB\u30E9\u30FC',\n  'f\u00E4rg',\n  'farve',\n]"],
+  "mappings": "AAAO,IAAKA,OACVA,EAAA,YAAc,eACdA,EAAA,WAAa,aACbA,EAAA,oBAAsB,sBAHZA,OAAA,IAMAC,OACVA,EAAA,eAAiB,iBACjBA,EAAA,KAAO,iBACPA,EAAA,OAAS,SACTA,EAAA,IAAM,MACNA,EAAA,KAAO,OACPA,EAAA,KAAO,OACPA,EAAA,KAAO,OAPGA,OAAA,IAUL,MAAMC,EAAe,CAC1B,GAAI,IACJ,GAAI,OACJ,GAAI,IACJ,GAAI,SACJ,GAAI,UACJ,GAAI,SACJ,GAAI,SACJ,GAAI,SACJ,GAAI,IACJ,GAAI,IACJ,GAAI,MACJ,GAAI,QACN,EAEaC,EAAc,CACzB,QACA,SACA,UACA,MACA,SACA,QACA,SACA,SACA,qBACA,UACA,OACF",
+  "names": ["DiscountType", "CouponChannel", "PRICE_SYMBOL", "COLOR_LABEL"]
+}

package/dist/esm/biz-components/Listing/hooks/use-options.d.ts

@@ -0,0 +1,3 @@
+import type { Options, Product } from '../types/product';
+import { type Dispatch, type SetStateAction } from 'react';
+export declare function useSelectedOptions(product: Product, sku?: string): [Options, Dispatch<SetStateAction<Options>>];

package/dist/esm/biz-components/Listing/hooks/use-options.js

@@ -0,0 +1,2 @@
+import{btoaID as f,isObjEmpty as m}from"../utils/helper";import{parse as u}from"query-string";import{useEffect as d,useState as O}from"react";import{optionsConstructor as v}from"../utils";function l(t,o){const[p,i]=O({});return d(()=>{const n=u(window.location.search);let r=t.variants[0];if(n.variant){const c=f(n.variant),a=t.variants.find(e=>o?e.sku===o:e.id===c);a&&(r=a)}const s=v(r.options);m(s)||i(s)},[t,o]),[p,i]}export{l as useSelectedOptions};
+//# sourceMappingURL=use-options.js.map

package/dist/esm/biz-components/Listing/hooks/use-options.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/biz-components/Listing/hooks/use-options.ts"],
+  "sourcesContent": ["import type { Options, Product, ProductVariant } from '../types/product'\nimport { btoaID, isObjEmpty } from '../utils/helper'\nimport { parse } from 'query-string'\nimport { type Dispatch, type SetStateAction, useEffect, useState } from 'react'\n\nimport { optionsConstructor } from '../utils'\n\nexport function useSelectedOptions(product: Product, sku?: string) {\n  /**\n   * \u6839\u636E query string \u521D\u59CB\u5316 selectedOptions\n   * \u5982\u679C\u4F20\u5165 sku \u5219\u6839\u636E sku \u83B7\u53D6 variant\uFF0C\u5426\u5219\u9ED8\u8BA4\u6839\u636E query \u7684 variant \u83B7\u53D6\n   */\n  const [options, setOptions] = useState<Options>({})\n\n  useEffect(() => {\n    const query = parse(window.location.search) as { variant?: string }\n    // \u9875\u9762\u521D\u59CB\u5316\u8BFB\u53D6 query \u4E2D\u7684 variant, \u5982\u679C\u6CA1\u6709\u627E\u5230\u5BF9\u5E94 query \u4E2D id \u7684 variant\uFF0C\u9ED8\u8BA4\u9009\u4E2D\u7B2C\u4E00\u4E2A\n    let variant = product.variants[0]\n    if (query.variant) {\n      const variantId = btoaID(query.variant)\n\n      const foundVariant = product.variants.find((variant: ProductVariant) =>\n        sku ? variant.sku === sku : variant.id === variantId,\n      )\n      if (foundVariant) {\n        variant = foundVariant\n      }\n    }\n\n    // \u66F4\u65B0\u5F53\u524D variant \u5BF9\u5E94\u7684 options\n    const options = optionsConstructor(variant.options)\n\n    if (!isObjEmpty(options)) {\n      setOptions(options)\n    }\n  }, [product, sku])\n\n  return [options, setOptions] as [Options, Dispatch<SetStateAction<Options>>]\n}\n"],
+  "mappings": "AACA,OAAS,UAAAA,EAAQ,cAAAC,MAAkB,kBACnC,OAAS,SAAAC,MAAa,eACtB,OAA6C,aAAAC,EAAW,YAAAC,MAAgB,QAExE,OAAS,sBAAAC,MAA0B,WAE5B,SAASC,EAAmBC,EAAkBC,EAAc,CAKjE,KAAM,CAACC,EAASC,CAAU,EAAIN,EAAkB,CAAC,CAAC,EAElD,OAAAD,EAAU,IAAM,CACd,MAAMQ,EAAQT,EAAM,OAAO,SAAS,MAAM,EAE1C,IAAIU,EAAUL,EAAQ,SAAS,CAAC,EAChC,GAAII,EAAM,QAAS,CACjB,MAAME,EAAYb,EAAOW,EAAM,OAAO,EAEhCG,EAAeP,EAAQ,SAAS,KAAMK,GAC1CJ,EAAMI,EAAQ,MAAQJ,EAAMI,EAAQ,KAAOC,CAC7C,EACIC,IACFF,EAAUE,EAEd,CAGA,MAAML,EAAUJ,EAAmBO,EAAQ,OAAO,EAE7CX,EAAWQ,CAAO,GACrBC,EAAWD,CAAO,CAEtB,EAAG,CAACF,EAASC,CAAG,CAAC,EAEV,CAACC,EAASC,CAAU,CAC7B",
+  "names": ["btoaID", "isObjEmpty", "parse", "useEffect", "useState", "optionsConstructor", "useSelectedOptions", "product", "sku", "options", "setOptions", "query", "variant", "variantId", "foundVariant"]
+}

package/dist/esm/biz-components/Listing/hooks/use-variant-media.d.ts

@@ -0,0 +1,14 @@
+import { MediaContentType } from '../types/graphql';
+import type { Replace } from '../types/type-helper';
+import type { Product, ProductMedia, ProductVariant } from '../types/product';
+export type ImageMedia = Replace<ProductMedia, 'mediaContentType', MediaContentType.Image>;
+export type VideoMedia = Replace<ProductMedia, 'mediaContentType', MediaContentType.Video>;
+export declare function useVariantMedia({ product, variant }: {
+    product: Product;
+    variant: ProductVariant;
+}): {
+    productList: ImageMedia[];
+    sceneList: ImageMedia[];
+    keyFeaturesList: ImageMedia[];
+    videoList: VideoMedia[];
+};

package/dist/esm/biz-components/Listing/hooks/use-variant-media.js

@@ -0,0 +1,2 @@
+import{MediaContentType as a}from"../types/graphql";import{getVariantMediaList as f}from"../utils/helper";import{useEffect as C,useState as s}from"react";function v({product:t,variant:m}){const d=t?.media?.filter(e=>e.mediaContentType===a.Image),o=[d?.[0]],r=d?.slice(1,o.length),c=d?.slice(2,o.length),p=t?.media?.filter(e=>e.mediaContentType===a.Video),[M,g]=s(o||[]),[y,L]=s(r||[]),[u,I]=s(p||[]),[l,V]=s(c||[]);return C(()=>{const e=f({product:t,variant:m}),i=e?.filter(n=>n.mediaContentType===a.Image);g(i?.[0]?[i[0]]:[]),L(i?.slice(1,i?.length)||[]),V([]),I(e?.filter(n=>n.mediaContentType===a.Video)||[])},[t,m]),{productList:M,sceneList:y,videoList:u,keyFeaturesList:l}}export{v as useVariantMedia};
+//# sourceMappingURL=use-variant-media.js.map

package/dist/esm/biz-components/Listing/hooks/use-variant-media.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/biz-components/Listing/hooks/use-variant-media.ts"],
+  "sourcesContent": ["import { MediaContentType } from '../types/graphql'\nimport { getVariantMediaList } from '../utils/helper'\nimport type { Replace } from '../types/type-helper'\nimport type { Product, ProductMedia, ProductVariant } from '../types/product'\nimport { useEffect, useState } from 'react'\n\nexport type ImageMedia = Replace<ProductMedia, 'mediaContentType', MediaContentType.Image>\nexport type VideoMedia = Replace<ProductMedia, 'mediaContentType', MediaContentType.Video>\n\nexport function useVariantMedia({ product, variant }: { product: Product; variant: ProductVariant }): {\n  productList: ImageMedia[]\n  sceneList: ImageMedia[]\n  keyFeaturesList: ImageMedia[]\n  videoList: VideoMedia[]\n} {\n  const mediaList = product?.media?.filter((media) => media.mediaContentType === MediaContentType.Image)\n  const productImageList = [mediaList?.[0]] as ImageMedia[]\n  const scenes = mediaList?.slice(1, productImageList.length) as ImageMedia[]\n  const keyFeatures = mediaList?.slice(2, productImageList.length) as ImageMedia[]\n  const videos = product?.media?.filter((media) => media.mediaContentType === MediaContentType.Video) as VideoMedia[]\n  const [imageList, setImageList] = useState<ImageMedia[]>(productImageList || [])\n  const [sceneList, setSeneList] = useState<ImageMedia[]>(scenes || [])\n  const [videoList, setVideoList] = useState<VideoMedia[]>(videos || [])\n  const [keyFeaturesList, setKeyFeaturesList] = useState<ImageMedia[]>(keyFeatures || [])\n  useEffect(() => {\n    const mediaList = getVariantMediaList({ product, variant })\n\n    const imageList = mediaList?.filter((media) => media.mediaContentType === MediaContentType.Image) as ImageMedia[]\n    setImageList(imageList?.[0] ? [imageList[0]] : [])\n    setSeneList(imageList?.slice(1, imageList?.length) || [])\n    setKeyFeaturesList([])\n    setVideoList(\n      (mediaList?.filter((media) => media.mediaContentType === MediaContentType.Video) as VideoMedia[]) || [],\n    )\n  }, [product, variant])\n\n  return { productList: imageList, sceneList, videoList: videoList, keyFeaturesList }\n}\n"],
+  "mappings": "AAAA,OAAS,oBAAAA,MAAwB,mBACjC,OAAS,uBAAAC,MAA2B,kBAGpC,OAAS,aAAAC,EAAW,YAAAC,MAAgB,QAK7B,SAASC,EAAgB,CAAE,QAAAC,EAAS,QAAAC,CAAQ,EAKjD,CACA,MAAMC,EAAYF,GAAS,OAAO,OAAQG,GAAUA,EAAM,mBAAqBR,EAAiB,KAAK,EAC/FS,EAAmB,CAACF,IAAY,CAAC,CAAC,EAClCG,EAASH,GAAW,MAAM,EAAGE,EAAiB,MAAM,EACpDE,EAAcJ,GAAW,MAAM,EAAGE,EAAiB,MAAM,EACzDG,EAASP,GAAS,OAAO,OAAQG,GAAUA,EAAM,mBAAqBR,EAAiB,KAAK,EAC5F,CAACa,EAAWC,CAAY,EAAIX,EAAuBM,GAAoB,CAAC,CAAC,EACzE,CAACM,EAAWC,CAAW,EAAIb,EAAuBO,GAAU,CAAC,CAAC,EAC9D,CAACO,EAAWC,CAAY,EAAIf,EAAuBS,GAAU,CAAC,CAAC,EAC/D,CAACO,EAAiBC,CAAkB,EAAIjB,EAAuBQ,GAAe,CAAC,CAAC,EACtF,OAAAT,EAAU,IAAM,CACd,MAAMK,EAAYN,EAAoB,CAAE,QAAAI,EAAS,QAAAC,CAAQ,CAAC,EAEpDO,EAAYN,GAAW,OAAQC,GAAUA,EAAM,mBAAqBR,EAAiB,KAAK,EAChGc,EAAaD,IAAY,CAAC,EAAI,CAACA,EAAU,CAAC,CAAC,EAAI,CAAC,CAAC,EACjDG,EAAYH,GAAW,MAAM,EAAGA,GAAW,MAAM,GAAK,CAAC,CAAC,EACxDO,EAAmB,CAAC,CAAC,EACrBF,EACGX,GAAW,OAAQC,GAAUA,EAAM,mBAAqBR,EAAiB,KAAK,GAAsB,CAAC,CACxG,CACF,EAAG,CAACK,EAASC,CAAO,CAAC,EAEd,CAAE,YAAaO,EAAW,UAAAE,EAAW,UAAWE,EAAW,gBAAAE,CAAgB,CACpF",
+  "names": ["MediaContentType", "getVariantMediaList", "useEffect", "useState", "useVariantMedia", "product", "variant", "mediaList", "media", "productImageList", "scenes", "keyFeatures", "videos", "imageList", "setImageList", "sceneList", "setSeneList", "videoList", "setVideoList", "keyFeaturesList", "setKeyFeaturesList"]
+}

package/dist/esm/biz-components/Listing/hooks/use-variant.d.ts

@@ -0,0 +1,5 @@
+import type { Options, Product, ProductVariant } from '../types/product';
+export declare function useVariant({ product, selectedOptions, }: {
+    product: Product;
+    selectedOptions: Options;
+}): ProductVariant;

package/dist/esm/biz-components/Listing/hooks/use-variant.js

@@ -0,0 +1,2 @@
+import{useEffect as e,useState as n}from"react";import{getFirstAvailableVariant as s,getVariantFromSelectedOptions as c}from"../utils/index";function f({product:t,selectedOptions:a}){const[r,o]=n(s(t));return e(()=>{const i=c({product:t,selectedOptions:a});i&&i.id!==r.id&&o(i)},[a,t.variants,r,t]),r}export{f as useVariant};
+//# sourceMappingURL=use-variant.js.map

package/dist/esm/biz-components/Listing/hooks/use-variant.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/biz-components/Listing/hooks/use-variant.ts"],
+  "sourcesContent": ["import type { Options, Product, ProductVariant } from '../types/product'\nimport { useEffect, useState } from 'react'\n\nimport { getFirstAvailableVariant, getVariantFromSelectedOptions } from '../utils/index'\n\nexport function useVariant({\n  product,\n  selectedOptions,\n}: {\n  product: Product\n  selectedOptions: Options\n}): ProductVariant {\n  const [variant, setVariant] = useState(getFirstAvailableVariant(product))\n\n  // \u6839\u636E\u5DF2\u9009\u7684 option \u83B7\u53D6\u5F53\u524D\u7684 variant\n  useEffect(() => {\n    const v = getVariantFromSelectedOptions({ product, selectedOptions })\n    if (v && v.id !== variant.id) {\n      setVariant(v)\n    }\n  }, [selectedOptions, product.variants, variant, product])\n\n  return variant\n}\n"],
+  "mappings": "AACA,OAAS,aAAAA,EAAW,YAAAC,MAAgB,QAEpC,OAAS,4BAAAC,EAA0B,iCAAAC,MAAqC,iBAEjE,SAASC,EAAW,CACzB,QAAAC,EACA,gBAAAC,CACF,EAGmB,CACjB,KAAM,CAACC,EAASC,CAAU,EAAIP,EAASC,EAAyBG,CAAO,CAAC,EAGxE,OAAAL,EAAU,IAAM,CACd,MAAMS,EAAIN,EAA8B,CAAE,QAAAE,EAAS,gBAAAC,CAAgB,CAAC,EAChEG,GAAKA,EAAE,KAAOF,EAAQ,IACxBC,EAAWC,CAAC,CAEhB,EAAG,CAACH,EAAiBD,EAAQ,SAAUE,EAASF,CAAO,CAAC,EAEjDE,CACT",
+  "names": ["useEffect", "useState", "getFirstAvailableVariant", "getVariantFromSelectedOptions", "useVariant", "product", "selectedOptions", "variant", "setVariant", "v"]
+}

package/dist/esm/biz-components/Listing/hooks/useBenefits.d.ts

@@ -0,0 +1,50 @@
+import type { ProductVariant, FreeGift, Bundle } from '../types/product';
+interface BenefitsParams {
+    variant: ProductVariant;
+}
+interface BenefitItemConfig<T extends Record<string, any> = Record<string, any>> {
+    enable: boolean;
+    config?: T;
+}
+interface BenefitsResult {
+    /**
+     * 通用优惠券
+     */
+    commonCoupon?: BenefitItemConfig;
+    /**
+     * 买赠
+     */
+    freeGift: BenefitItemConfig<FreeGift>;
+    /**
+     * 捆绑折扣
+     */
+    bundle: BenefitItemConfig<Bundle>;
+    /**
+     * 会员价
+     */
+    memberDiscount: BenefitItemConfig;
+    /**
+     * 积分抵现
+     */
+    creditsRedemption: BenefitItemConfig;
+    /**
+     * 高标物流
+     */
+    paidShipping: BenefitItemConfig;
+    /**
+     * 满赠
+     */
+    fullGift: BenefitItemConfig;
+    /**
+     * 满减折扣
+     */
+    levelDiscount: BenefitItemConfig;
+}
+/**
+ * 商品权益
+ * 获取当前sku 所有的权益
+ * 包括 通用优惠券，会员价，满减，捆绑折扣，买赠 ，满赠 ，积分抵现
+ * @returns
+ */
+export declare const useBenefits: ({ variant }: BenefitsParams) => BenefitsResult;
+export {};

package/dist/esm/biz-components/Listing/hooks/useBenefits.js

@@ -0,0 +1,2 @@
+import{useBizProductContext as h}from"../BizProductProvider";import{checkItemAvailableForProduct as C}from"../utils/helper";import{useAiuiContext as v}from"../../AiuiProvider/index.js";const x=({variant:t})=>{const{coupon:f,product:c,bundle:o,isLogin:u,freeGift:l,memberFunctionResult:i,creditsRedemptionAmount:s,discount:r}=h(),{codeSavings:m}=r||{},{trackingData:n}=v(),d=Math.max(i?.withCouponMemberTotalSave??0,i?.withoutCouponMaxMemberTotalSave??0),p=!!(n?.paidShipping&&t.requiresShipping&&!t?.metafields?.global?.presell&&!t?.metafields?.global?.HideShipping),a=n?.freeGift,g=a?.excludeProducts?.map(e=>typeof e=="object"&&"sku"in e?e.sku:e)??[],b=n?.levelDiscount&&C({product:c,variant:t,item:n?.levelDiscount}),B=!u&&(m||0)<(i?.withCouponMemberTotalSave||0);return{commonCoupon:{enable:!!f,config:f??{}},freeGift:{enable:!!l&&!!l?.giftList?.length,config:l},bundle:{enable:!!o&&!!o?.bundleList?.length&&Math.max(...o?.bundleList?.map(e=>e.savings??0))>0,config:o},memberDiscount:{enable:B,config:{amount:d,description:i?.labels?.find(e=>e.key==="benefit_tab_string")?.value}},creditsRedemption:{enable:!!s&&s>0,config:{amount:s,label:n?.creditsRedemptionLabel}},paidShipping:{enable:p,config:{}},fullGift:{enable:!!(a&&!g.includes(t.sku)),config:a??{}},levelDiscount:{enable:!!b,config:n?.levelDiscount??{}}}};export{x as useBenefits};
+//# sourceMappingURL=useBenefits.js.map

package/dist/esm/biz-components/Listing/hooks/useBenefits.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/biz-components/Listing/hooks/useBenefits.ts"],
+  "sourcesContent": ["import { useBizProductContext } from '../BizProductProvider'\nimport type { ProductVariant, FreeGift, Bundle } from '../types/product'\nimport { checkItemAvailableForProduct } from '../utils/helper'\n\nimport { useAiuiContext } from '../../AiuiProvider/index.js'\n\ninterface BenefitsParams {\n  variant: ProductVariant\n}\n\ninterface BenefitItemConfig<T extends Record<string, any> = Record<string, any>> {\n  enable: boolean\n  config?: T // \u539F\u59CB\u914D\u7F6E\n}\n\ninterface BenefitsResult {\n  /**\n   * \u901A\u7528\u4F18\u60E0\u5238\n   */\n  commonCoupon?: BenefitItemConfig\n  /**\n   * \u4E70\u8D60\n   */\n  freeGift: BenefitItemConfig<FreeGift>\n  /**\n   * \u6346\u7ED1\u6298\u6263\n   */\n  bundle: BenefitItemConfig<Bundle>\n  /**\n   * \u4F1A\u5458\u4EF7\n   */\n  memberDiscount: BenefitItemConfig\n  /**\n   * \u79EF\u5206\u62B5\u73B0\n   */\n  creditsRedemption: BenefitItemConfig\n  /**\n   * \u9AD8\u6807\u7269\u6D41\n   */\n  paidShipping: BenefitItemConfig\n\n  /**\n   * \u6EE1\u8D60\n   */\n  fullGift: BenefitItemConfig\n\n  /**\n   * \u6EE1\u51CF\u6298\u6263\n   */\n  levelDiscount: BenefitItemConfig\n}\n\n/**\n * \u5546\u54C1\u6743\u76CA\n * \u83B7\u53D6\u5F53\u524Dsku \u6240\u6709\u7684\u6743\u76CA\n * \u5305\u62EC \u901A\u7528\u4F18\u60E0\u5238\uFF0C\u4F1A\u5458\u4EF7\uFF0C\u6EE1\u51CF\uFF0C\u6346\u7ED1\u6298\u6263\uFF0C\u4E70\u8D60 \uFF0C\u6EE1\u8D60 \uFF0C\u79EF\u5206\u62B5\u73B0\n * @returns\n */\nexport const useBenefits = ({ variant }: BenefitsParams): BenefitsResult => {\n  const { coupon, product, bundle, isLogin, freeGift, memberFunctionResult, creditsRedemptionAmount, discount } =\n    useBizProductContext()\n  const { codeSavings } = discount || {}\n\n  const { trackingData } = useAiuiContext()\n\n  const total = Math.max(\n    memberFunctionResult?.withCouponMemberTotalSave ?? 0,\n    memberFunctionResult?.withoutCouponMaxMemberTotalSave ?? 0\n  )\n\n  // \u9AD8\u6807\u7269\u6D41\n  const showPaidShipping = Boolean(\n    trackingData?.paidShipping &&\n      variant.requiresShipping &&\n      !variant?.metafields?.global?.presell &&\n      !variant?.metafields?.global?.HideShipping\n  )\n\n  // \u811A\u672C\u6EE1\u8D60\n  const fullGift = trackingData?.freeGift\n  const excludeProducts =\n    fullGift?.excludeProducts?.map((item: any) => (typeof item === 'object' && 'sku' in item ? item.sku : item)) ?? []\n\n  const showLevelDiscount =\n    trackingData?.levelDiscount && checkItemAvailableForProduct({ product, variant, item: trackingData?.levelDiscount })\n\n  // \u672A\u767B\u5F55\u4E14code\u4F18\u60E0\u5C0F\u4E8E\u4F1A\u5458\u4EF7\u4F18\u60E0\u65F6\uFF0C\u5C55\u793A\u4F1A\u5458\u4EF7\u4F18\u60E0\n  const showMemberDiscount = !isLogin && (codeSavings || 0) < (memberFunctionResult?.withCouponMemberTotalSave || 0)\n\n  return {\n    commonCoupon: {\n      enable: Boolean(coupon),\n      config: coupon ?? {},\n    },\n    freeGift: {\n      enable: Boolean(freeGift) && !!freeGift?.giftList?.length,\n      config: freeGift,\n    },\n    bundle: {\n      enable:\n        Boolean(bundle) &&\n        !!bundle?.bundleList?.length &&\n        Math.max(...bundle?.bundleList?.map(item => item.savings ?? 0)) > 0, // \u6709\u4F18\u60E0\u624D\u5C55\u793A\n      config: bundle,\n    },\n    memberDiscount: {\n      enable: showMemberDiscount,\n      // enable: total > 0,\n      config: {\n        amount: total,\n        description: memberFunctionResult?.labels?.find((item: any) => item.key === 'benefit_tab_string')?.value,\n      },\n    },\n    creditsRedemption: {\n      enable: Boolean(creditsRedemptionAmount) && creditsRedemptionAmount! > 0,\n      config: { amount: creditsRedemptionAmount, label: trackingData?.creditsRedemptionLabel },\n    },\n    paidShipping: {\n      enable: showPaidShipping,\n      config: {},\n    },\n    fullGift: {\n      enable: Boolean(fullGift && !excludeProducts.includes(variant.sku)),\n      config: fullGift ?? {},\n    },\n    levelDiscount: {\n      enable: Boolean(showLevelDiscount),\n      config: trackingData?.levelDiscount ?? {},\n    },\n  }\n}\n"],
+  "mappings": "AAAA,OAAS,wBAAAA,MAA4B,wBAErC,OAAS,gCAAAC,MAAoC,kBAE7C,OAAS,kBAAAC,MAAsB,8BAsDxB,MAAMC,EAAc,CAAC,CAAE,QAAAC,CAAQ,IAAsC,CAC1E,KAAM,CAAE,OAAAC,EAAQ,QAAAC,EAAS,OAAAC,EAAQ,QAAAC,EAAS,SAAAC,EAAU,qBAAAC,EAAsB,wBAAAC,EAAyB,SAAAC,CAAS,EAC1GZ,EAAqB,EACjB,CAAE,YAAAa,CAAY,EAAID,GAAY,CAAC,EAE/B,CAAE,aAAAE,CAAa,EAAIZ,EAAe,EAElCa,EAAQ,KAAK,IACjBL,GAAsB,2BAA6B,EACnDA,GAAsB,iCAAmC,CAC3D,EAGMM,EAAmB,GACvBF,GAAc,cACZV,EAAQ,kBACR,CAACA,GAAS,YAAY,QAAQ,SAC9B,CAACA,GAAS,YAAY,QAAQ,cAI5Ba,EAAWH,GAAc,SACzBI,EACJD,GAAU,iBAAiB,IAAKE,GAAe,OAAOA,GAAS,UAAY,QAASA,EAAOA,EAAK,IAAMA,CAAK,GAAK,CAAC,EAE7GC,EACJN,GAAc,eAAiBb,EAA6B,CAAE,QAAAK,EAAS,QAAAF,EAAS,KAAMU,GAAc,aAAc,CAAC,EAG/GO,EAAqB,CAACb,IAAYK,GAAe,IAAMH,GAAsB,2BAA6B,GAEhH,MAAO,CACL,aAAc,CACZ,OAAQ,EAAQL,EAChB,OAAQA,GAAU,CAAC,CACrB,EACA,SAAU,CACR,OAAQ,EAAQI,GAAa,CAAC,CAACA,GAAU,UAAU,OACnD,OAAQA,CACV,EACA,OAAQ,CACN,OACE,EAAQF,GACR,CAAC,CAACA,GAAQ,YAAY,QACtB,KAAK,IAAI,GAAGA,GAAQ,YAAY,IAAIY,GAAQA,EAAK,SAAW,CAAC,CAAC,EAAI,EACpE,OAAQZ,CACV,EACA,eAAgB,CACd,OAAQc,EAER,OAAQ,CACN,OAAQN,EACR,YAAaL,GAAsB,QAAQ,KAAMS,GAAcA,EAAK,MAAQ,oBAAoB,GAAG,KACrG,CACF,EACA,kBAAmB,CACjB,OAAQ,EAAQR,GAA4BA,EAA2B,EACvE,OAAQ,CAAE,OAAQA,EAAyB,MAAOG,GAAc,sBAAuB,CACzF,EACA,aAAc,CACZ,OAAQE,EACR,OAAQ,CAAC,CACX,EACA,SAAU,CACR,OAAQ,GAAQC,GAAY,CAACC,EAAgB,SAASd,EAAQ,GAAG,GACjE,OAAQa,GAAY,CAAC,CACvB,EACA,cAAe,CACb,OAAQ,EAAQG,EAChB,OAAQN,GAAc,eAAiB,CAAC,CAC1C,CACF,CACF",
+  "names": ["useBizProductContext", "checkItemAvailableForProduct", "useAiuiContext", "useBenefits", "variant", "coupon", "product", "bundle", "isLogin", "freeGift", "memberFunctionResult", "creditsRedemptionAmount", "discount", "codeSavings", "trackingData", "total", "showPaidShipping", "fullGift", "excludeProducts", "item", "showLevelDiscount", "showMemberDiscount"]
+}

package/dist/esm/biz-components/Listing/hooks/useCopy.d.ts

@@ -0,0 +1,5 @@
+declare const useCopy: () => {
+    copy: (val: string) => void;
+    copied: boolean;
+};
+export default useCopy;

package/dist/esm/biz-components/Listing/hooks/useCopy.js

@@ -0,0 +1,2 @@
+import u from"copy-to-clipboard";import{useCallback as s,useEffect as n,useRef as i,useState as a}from"react";const f=()=>{const e=i(),[t,r]=a(!1),o=s(c=>{u(c),e.current&&clearTimeout(e.current),r(!0),e.current=setTimeout(()=>{r(!1)},2e3)},[]);return n(()=>()=>{e.current&&clearTimeout(e.current)},[]),{copy:o,copied:t}};var m=f;export{m as default};
+//# sourceMappingURL=useCopy.js.map

package/dist/esm/biz-components/Listing/hooks/useCopy.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/biz-components/Listing/hooks/useCopy.ts"],
+  "sourcesContent": ["import clipboard from 'copy-to-clipboard'\nimport { useCallback, useEffect, useRef, useState } from 'react'\n\nconst useCopy = () => {\n  const copyTimer = useRef<any>()\n  const [copied, setCopied] = useState(false)\n\n  const copy = useCallback((val: string) => {\n    clipboard(val)\n\n    if (copyTimer.current) {\n      clearTimeout(copyTimer.current)\n    }\n\n    setCopied(true)\n    copyTimer.current = setTimeout(() => {\n      setCopied(false)\n    }, 2000)\n  }, [])\n\n  useEffect(() => {\n    return () => {\n      if (copyTimer.current) {\n        clearTimeout(copyTimer.current)\n      }\n    }\n  }, [])\n\n  return {\n    copy,\n    copied,\n  }\n}\n\nexport default useCopy\n"],
+  "mappings": "AAAA,OAAOA,MAAe,oBACtB,OAAS,eAAAC,EAAa,aAAAC,EAAW,UAAAC,EAAQ,YAAAC,MAAgB,QAEzD,MAAMC,EAAU,IAAM,CACpB,MAAMC,EAAYH,EAAY,EACxB,CAACI,EAAQC,CAAS,EAAIJ,EAAS,EAAK,EAEpCK,EAAOR,EAAaS,GAAgB,CACxCV,EAAUU,CAAG,EAETJ,EAAU,SACZ,aAAaA,EAAU,OAAO,EAGhCE,EAAU,EAAI,EACdF,EAAU,QAAU,WAAW,IAAM,CACnCE,EAAU,EAAK,CACjB,EAAG,GAAI,CACT,EAAG,CAAC,CAAC,EAEL,OAAAN,EAAU,IACD,IAAM,CACPI,EAAU,SACZ,aAAaA,EAAU,OAAO,CAElC,EACC,CAAC,CAAC,EAEE,CACL,KAAAG,EACA,OAAAF,CACF,CACF,EAEA,IAAOI,EAAQN",
+  "names": ["clipboard", "useCallback", "useEffect", "useRef", "useState", "useCopy", "copyTimer", "copied", "setCopied", "copy", "val", "useCopy_default"]
+}

package/dist/esm/biz-components/Listing/index.d.ts

@@ -0,0 +1,3 @@
+import { type ProductContextType } from './BizProductProvider.js';
+declare const Listing: React.FC<Omit<ProductContextType, 'joinedRecommendBuyProducts' | 'setJoinedRecommendBuyProducts'>>;
+export default Listing;

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

@@ -0,0 +1,2 @@
+import{jsx as e,jsxs as q}from"react/jsx-runtime";import{useAiuiContext as z}from"../AiuiProvider/index.js";import{PurchaseBar as G,ProductActions as L}from"./components/index.js";import O from"./BizProductProvider.js";import{ProductCard as T}from"./components/index.js";import{useMediaQuery as t}from"react-responsive";const i=({product:r,renderRating:n,variant:d,selectedOptions:c,setSelectedOptions:a,isLogin:j,finalPrice:s,coupon:p,comparePrice:l,totalSavings:m,savingDetail:u,freeGift:y,bundle:f,checkedBundle:P,checkedGift:v,setCheckedBundle:C,setCheckedGift:S,compareData:g,selectedVariants:h,onAddToCart:k,onBuyNow:B,openModal:N,setSavingDetail:x,openSignInPopup:I,openAuthCodePopup:A,renderAffirm:D,renderKlarna:b,renderPaypal:w})=>{const{locale:F}=z(),o=t({query:"(max-width: 768px)"}),M=t({query:"(min-width: 1440px)"});return e(O,{product:r,isMobile:o,isDesktop:M,freeGift:y,renderRating:n,finalPrice:s,comparePrice:l,totalSavings:m,savingDetail:u,variant:d,selectedOptions:c,setSelectedOptions:a,bundle:f,coupon:p,checkedBundle:P,checkedGift:v,setCheckedBundle:C,setCheckedGift:S,compareData:g,selectedVariants:h,onAddToCart:k,onBuyNow:B,openModal:N,setSavingDetail:x,openSignInPopup:I,openAuthCodePopup:A,renderAffirm:D,renderKlarna:b,renderPaypal:w,children:q("div",{id:"ipc-listing",children:[e(G,{onSpyNavItemClick:R=>{console.log(R)}}),o&&e("div",{className:"fixed bottom-0 left-0 w-full z-[60]",children:e(L,{})}),e(T,{})]})})};i.displayName="Listing";var U=i;export{U as default};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/Listing/index.tsx"],
+  "sourcesContent": ["import { useAiuiContext } from '../AiuiProvider/index.js'\nimport { PurchaseBar, ProductActions } from './components/index.js'\nimport type { ScrollSpyNavItem } from './components/PurchaseBar/types.js'\nimport BizProductProvider, { type ProductContextType } from './BizProductProvider.js'\nimport { ProductCard } from './components/index.js'\n\nimport { useMediaQuery } from 'react-responsive'\n\nconst Listing: React.FC<Omit<ProductContextType, 'joinedRecommendBuyProducts' | 'setJoinedRecommendBuyProducts'>> = ({\n  product,\n  renderRating,\n  variant,\n  selectedOptions,\n  setSelectedOptions,\n  isLogin,\n  finalPrice,\n  coupon,\n  comparePrice,\n  totalSavings,\n  savingDetail,\n  freeGift,\n  bundle,\n  checkedBundle,\n  checkedGift,\n  setCheckedBundle,\n  setCheckedGift,\n  compareData,\n  selectedVariants,\n  onAddToCart,\n  onBuyNow,\n  openModal,\n  setSavingDetail,\n  openSignInPopup,\n  openAuthCodePopup,\n  renderAffirm,\n  renderKlarna,\n  renderPaypal,\n}) => {\n  const { locale } = useAiuiContext()\n\n  const isMobile = useMediaQuery({ query: '(max-width: 768px)' })\n  const isDesktop = useMediaQuery({ query: '(min-width: 1440px)' })\n\n  const onSpyNavItemClick = (tab: ScrollSpyNavItem) => {\n    console.log(tab)\n  }\n\n  return (\n    <BizProductProvider\n      product={product}\n      isMobile={isMobile}\n      isDesktop={isDesktop}\n      freeGift={freeGift}\n      renderRating={renderRating}\n      finalPrice={finalPrice}\n      comparePrice={comparePrice}\n      totalSavings={totalSavings}\n      savingDetail={savingDetail}\n      variant={variant}\n      selectedOptions={selectedOptions}\n      setSelectedOptions={setSelectedOptions}\n      bundle={bundle}\n      coupon={coupon}\n      checkedBundle={checkedBundle}\n      checkedGift={checkedGift}\n      setCheckedBundle={setCheckedBundle}\n      setCheckedGift={setCheckedGift}\n      compareData={compareData}\n      selectedVariants={selectedVariants}\n      onAddToCart={onAddToCart}\n      onBuyNow={onBuyNow}\n      openModal={openModal}\n      setSavingDetail={setSavingDetail}\n      openSignInPopup={openSignInPopup}\n      openAuthCodePopup={openAuthCodePopup}\n      renderAffirm={renderAffirm}\n      renderKlarna={renderKlarna}\n      renderPaypal={renderPaypal}\n    >\n      <div id=\"ipc-listing\">\n        <PurchaseBar onSpyNavItemClick={onSpyNavItemClick} />\n        {isMobile && (\n          <div className=\"fixed bottom-0 left-0 w-full z-[60]\">\n            <ProductActions />\n          </div>\n        )}\n        <ProductCard />\n      </div>\n    </BizProductProvider>\n  )\n}\n\nListing.displayName = 'Listing'\n\nexport default Listing\n"],
+  "mappings": "AA+EM,OACE,OAAAA,EADF,QAAAC,MAAA,oBA/EN,OAAS,kBAAAC,MAAsB,2BAC/B,OAAS,eAAAC,EAAa,kBAAAC,MAAsB,wBAE5C,OAAOC,MAAqD,0BAC5D,OAAS,eAAAC,MAAmB,wBAE5B,OAAS,iBAAAC,MAAqB,mBAE9B,MAAMC,EAA8G,CAAC,CACnH,QAAAC,EACA,aAAAC,EACA,QAAAC,EACA,gBAAAC,EACA,mBAAAC,EACA,QAAAC,EACA,WAAAC,EACA,OAAAC,EACA,aAAAC,EACA,aAAAC,EACA,aAAAC,EACA,SAAAC,EACA,OAAAC,EACA,cAAAC,EACA,YAAAC,EACA,iBAAAC,EACA,eAAAC,EACA,YAAAC,EACA,iBAAAC,EACA,YAAAC,EACA,SAAAC,EACA,UAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,kBAAAC,EACA,aAAAC,EACA,aAAAC,EACA,aAAAC,CACF,IAAM,CACJ,KAAM,CAAE,OAAAC,CAAO,EAAInC,EAAe,EAE5BoC,EAAW/B,EAAc,CAAE,MAAO,oBAAqB,CAAC,EACxDgC,EAAYhC,EAAc,CAAE,MAAO,qBAAsB,CAAC,EAMhE,OACEP,EAACK,EAAA,CACC,QAASI,EACT,SAAU6B,EACV,UAAWC,EACX,SAAUnB,EACV,aAAcV,EACd,WAAYK,EACZ,aAAcE,EACd,aAAcC,EACd,aAAcC,EACd,QAASR,EACT,gBAAiBC,EACjB,mBAAoBC,EACpB,OAAQQ,EACR,OAAQL,EACR,cAAeM,EACf,YAAaC,EACb,iBAAkBC,EAClB,eAAgBC,EAChB,YAAaC,EACb,iBAAkBC,EAClB,YAAaC,EACb,SAAUC,EACV,UAAWC,EACX,gBAAiBC,EACjB,gBAAiBC,EACjB,kBAAmBC,EACnB,aAAcC,EACd,aAAcC,EACd,aAAcC,EAEd,SAAAnC,EAAC,OAAI,GAAG,cACN,UAAAD,EAACG,EAAA,CAAY,kBArCQqC,GAA0B,CACnD,QAAQ,IAAIA,CAAG,CACjB,EAmCyD,EAClDF,GACCtC,EAAC,OAAI,UAAU,sCACb,SAAAA,EAACI,EAAA,EAAe,EAClB,EAEFJ,EAACM,EAAA,EAAY,GACf,EACF,CAEJ,EAEAE,EAAQ,YAAc,UAEtB,IAAOiC,EAAQjC",
+  "names": ["jsx", "jsxs", "useAiuiContext", "PurchaseBar", "ProductActions", "BizProductProvider", "ProductCard", "useMediaQuery", "Listing", "product", "renderRating", "variant", "selectedOptions", "setSelectedOptions", "isLogin", "finalPrice", "coupon", "comparePrice", "totalSavings", "savingDetail", "freeGift", "bundle", "checkedBundle", "checkedGift", "setCheckedBundle", "setCheckedGift", "compareData", "selectedVariants", "onAddToCart", "onBuyNow", "openModal", "setSavingDetail", "openSignInPopup", "openAuthCodePopup", "renderAffirm", "renderKlarna", "renderPaypal", "locale", "isMobile", "isDesktop", "tab", "Listing_default"]
+}