@anker-in/headless-ui 1.0.19 → 1.0.20-alpha.1761120380827

package/dist/cjs/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 { useProductContext } from '../../ProductProvider.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 } = useProductContext()\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 className=\"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 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": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GA2BY,IAAAI,EAAA,6BA3BZC,EAAkE,iBAClEC,EAAiD,kCAEjDC,EAAqB,gBACrBC,EAA+B,0CAC/BC,EAAmB,wCACnBC,EAA+B,uBAC/BC,EAAkC,oCAClCC,EAAwD,mCAExD,MAAMC,EAAc,CAAC,CAAE,kBAAAC,CAAkB,IAAwB,CAC/D,KAAM,CAACC,EAAmBC,CAAoB,KAAI,YAAS,CAAC,EACtD,CAAE,SAAAC,EAAU,QAAAC,EAAS,aAAAC,EAAc,UAAAC,CAAU,KAAI,qBAAkB,EAEnEC,KAAkB,WAAQ,IACvBH,GAAS,SAAS,YAAY,KAAMI,GAAcA,EAAK,eAAiB,aAAa,GAAG,MAAQ,CAAC,EACvG,CAACJ,GAAS,OAAO,CAAC,EAErB,sBAAU,IAAM,CACdF,EAAqB,SAAS,cAAc,eAAe,GAAG,cAAgB,CAAC,CACjF,EAAG,CAAC,CAAC,KAGH,OAAC,OAAI,GAAG,eAAe,UAAU,uEAC/B,mBAAC,aAAU,UAAU,iCACnB,oBAAC,OAAI,UAAU,iFACb,qBAAC,OAAI,UAAU,0BACb,oBAAC,WACC,KAAM,EACN,UAAU,mFACV,KAAME,GAAS,MACjB,EACCE,MACC,QAAC,OAAI,UAAU,+CACb,oBAAC,uBAAoB,KAAMC,EAAiB,kBAAmBP,EAAmB,EACjFK,GACH,GAEJ,EACEC,KAOA,OAAC,mBAAe,KANhB,OAAC,sBACC,KAAMC,EACN,kBAAmBN,EACnB,kBAAmBD,EACrB,GAIJ,EACF,EACF,CAEJ,EAEA,IAAOZ,EAAQW",
+  "names": ["PurchaseBar_exports", "__export", "PurchaseBar_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_gsap", "import_AiuiProvider", "import_helpers", "import__", "import_ProductProvider", "import_ScrollSpyNav", "PurchaseBar", "onSpyNavItemClick", "purchaseBarHeight", "setPurchaseBarHeight", "isMobile", "product", "renderRating", "isDesktop", "PurchaseBarData", "item"]
+}

package/dist/cjs/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/cjs/biz-components/Listing/components/PurchaseBar/types.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/biz-components/Listing/components/PurchaseBar/types.ts"],
+  "sourcesContent": ["export interface PurchaseBarProps {\n  onSpyNavItemClick?: (tab: ScrollSpyNavItem) => void\n}\n\nexport interface ScrollSpyNavItem {\n  label: string\n  href: string\n  id: string\n}\n\nexport interface ScrollSpyNavProps extends Pick<PurchaseBarProps, 'onSpyNavItemClick'> {\n  tabs: ScrollSpyNavItem[]\n  purchaseBarHeight: number\n}\n"],
+  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
+  "names": ["types_exports", "__toCommonJS"]
+}

package/dist/cjs/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/cjs/biz-components/Listing/components/index.js

@@ -0,0 +1,2 @@
+"use strict";var m=Object.create;var e=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var P=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty;var i=(r,a)=>{for(var o in a)e(r,o,{get:a[o],enumerable:!0})},u=(r,a,o,f)=>{if(a&&typeof a=="object"||typeof a=="function")for(let t of x(a))!h.call(r,t)&&t!==o&&e(r,t,{get:()=>a[t],enumerable:!(f=p(a,t))||f.enumerable});return r};var d=(r,a,o)=>(o=r!=null?m(P(r)):{},u(a||!r||!r.__esModule?e(o,"default",{value:r,enumerable:!0}):o,r)),n=r=>u(e({},"__esModule",{value:!0}),r);var A={};i(A,{ProductActions:()=>c.default,ProductCard:()=>l.default,PurchaseBar:()=>s.default});module.exports=n(A);var s=d(require("./PurchaseBar/index.js")),c=d(require("./PurchaseBar/ProductActions/index.js")),l=d(require("./ProductCard/index.js"));
+//# sourceMappingURL=index.js.map

package/dist/cjs/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": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mGAAAE,EAAAF,GAAA,IAAAG,EAAuC,qCACvCC,EAA0C,oDAC1CC,EAAuC",
+  "names": ["components_exports", "__export", "__toCommonJS", "import_PurchaseBar", "import_ProductActions", "import_ProductCard"]
+}

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

@@ -0,0 +1,28 @@
+export declare enum DiscountType {
+    fixedAmount = "fixed_amount",
+    percentage = "percentage"
+}
+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/cjs/biz-components/Listing/const.js

@@ -0,0 +1,2 @@
+"use strict";var t=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var O=Object.getOwnPropertyNames;var S=Object.prototype.hasOwnProperty;var f=(e,r)=>{for(var L in r)t(e,L,{get:r[L],enumerable:!0})},x=(e,r,L,N)=>{if(r&&typeof r=="object"||typeof r=="function")for(let E of O(r))!S.call(e,E)&&E!==L&&t(e,E,{get:()=>r[E],enumerable:!(N=I(r,E))||N.enumerable});return e};var G=e=>x(t({},"__esModule",{value:!0}),e);var H={};f(H,{COLOR_LABEL:()=>_,CouponChannel:()=>D,DiscountType:()=>A,PRICE_SYMBOL:()=>W});module.exports=G(H);var A=(L=>(L.fixedAmount="fixed_amount",L.percentage="percentage",L))(A||{}),D=(c=>(c.LIGHTNING_DEAL="LIGHTNING_DEAL",c.DEAL="LIGHTNING_DEAL",c.COUPON="COUPON",c.PED="PED",c.WS24="WS24",c.WSTD="WSTD",c.WSCH="WSCH",c))(D||{});const W={us:"$",uk:"\xA3",ca:"$",eu:"\u20AC",pl:"z\u0142",fr:"\u20AC",de:"\u20AC",vn:"\u20AB",cl:"$",sg:"$",ae:"AED",es:"\u20AC"},_=["color","colour","couleur","cor","colore","farbe","\uC0C9","\u8272","\u30AB\u30E9\u30FC","f\xE4rg","farve"];
+//# sourceMappingURL=const.js.map

package/dist/cjs/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}\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": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,EAAA,kBAAAC,EAAA,iBAAAC,EAAA,iBAAAC,IAAA,eAAAC,EAAAN,GAAO,IAAKI,OACVA,EAAA,YAAc,eACdA,EAAA,WAAa,aAFHA,OAAA,IAKAD,OACVA,EAAA,eAAiB,iBACjBA,EAAA,KAAO,iBACPA,EAAA,OAAS,SACTA,EAAA,IAAM,MACNA,EAAA,KAAO,OACPA,EAAA,KAAO,OACPA,EAAA,KAAO,OAPGA,OAAA,IAUL,MAAME,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,EAEaH,EAAc,CACzB,QACA,SACA,UACA,MACA,SACA,QACA,SACA,SACA,qBACA,UACA,OACF",
+  "names": ["const_exports", "__export", "COLOR_LABEL", "CouponChannel", "DiscountType", "PRICE_SYMBOL", "__toCommonJS"]
+}

package/dist/cjs/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/cjs/biz-components/Listing/hooks/use-options.js

@@ -0,0 +1,2 @@
+"use strict";var e=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var S=Object.prototype.hasOwnProperty;var P=(o,t)=>{for(var n in t)e(o,n,{get:t[n],enumerable:!0})},h=(o,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of y(t))!S.call(o,i)&&i!==n&&e(o,i,{get:()=>t[i],enumerable:!(r=v(t,i))||r.enumerable});return o};var l=o=>h(e({},"__esModule",{value:!0}),o);var V={};P(V,{useSelectedOptions:()=>D});module.exports=l(V);var s=require("../utils/helper"),u=require("query-string"),a=require("react"),d=require("../utils");function D(o,t){const[n,r]=(0,a.useState)({});return(0,a.useEffect)(()=>{const i=(0,u.parse)(window.location.search);let p=o.variants[0];if(i.variant){const O=(0,s.btoaID)(i.variant),f=o.variants.find(m=>t?m.sku===t:m.id===O);f&&(p=f)}const c=(0,d.optionsConstructor)(p.options);(0,s.isObjEmpty)(c)||r(c)},[o,t]),[n,r]}
+//# sourceMappingURL=use-options.js.map

package/dist/cjs/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": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,IAAA,eAAAC,EAAAH,GACA,IAAAI,EAAmC,2BACnCC,EAAsB,wBACtBC,EAAwE,iBAExEC,EAAmC,oBAE5B,SAASL,EAAmBM,EAAkBC,EAAc,CAKjE,KAAM,CAACC,EAASC,CAAU,KAAI,YAAkB,CAAC,CAAC,EAElD,sBAAU,IAAM,CACd,MAAMC,KAAQ,SAAM,OAAO,SAAS,MAAM,EAE1C,IAAIC,EAAUL,EAAQ,SAAS,CAAC,EAChC,GAAII,EAAM,QAAS,CACjB,MAAME,KAAY,UAAOF,EAAM,OAAO,EAEhCG,EAAeP,EAAQ,SAAS,KAAMK,GAC1CJ,EAAMI,EAAQ,MAAQJ,EAAMI,EAAQ,KAAOC,CAC7C,EACIC,IACFF,EAAUE,EAEd,CAGA,MAAML,KAAU,sBAAmBG,EAAQ,OAAO,KAE7C,cAAWH,CAAO,GACrBC,EAAWD,CAAO,CAEtB,EAAG,CAACF,EAASC,CAAG,CAAC,EAEV,CAACC,EAASC,CAAU,CAC7B",
+  "names": ["use_options_exports", "__export", "useSelectedOptions", "__toCommonJS", "import_helper", "import_query_string", "import_react", "import_utils", "product", "sku", "options", "setOptions", "query", "variant", "variantId", "foundVariant"]
+}

package/dist/cjs/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/cjs/biz-components/Listing/hooks/use-variant-media.js

@@ -0,0 +1,2 @@
+"use strict";var c=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var v=(e,t)=>{for(var i in t)c(e,i,{get:t[i],enumerable:!0})},F=(e,t,i,d)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of P(t))!h.call(e,a)&&a!==i&&c(e,a,{get:()=>t[a],enumerable:!(d=T(t,a))||d.enumerable});return e};var k=e=>F(c({},"__esModule",{value:!0}),e);var R={};v(R,{useVariantMedia:()=>x});module.exports=k(R);var n=require("../types/graphql"),p=require("../utils/helper"),s=require("react");function x({product:e,variant:t}){const i=e?.media?.filter(o=>o.mediaContentType===n.MediaContentType.Image),d=[i?.[0]],a=i?.slice(1,d.length),M=i?.slice(2,d.length),g=e?.media?.filter(o=>o.mediaContentType===n.MediaContentType.Video),[y,L]=(0,s.useState)(d||[]),[u,I]=(0,s.useState)(a||[]),[l,V]=(0,s.useState)(g||[]),[f,C]=(0,s.useState)(M||[]);return(0,s.useEffect)(()=>{const o=(0,p.getVariantMediaList)({product:e,variant:t}),m=o?.filter(r=>r.mediaContentType===n.MediaContentType.Image);L(m?.[0]?[m[0]]:[]),I(m?.slice(1,m?.length)||[]),C([]),V(o?.filter(r=>r.mediaContentType===n.MediaContentType.Video)||[])},[e,t]),{productList:y,sceneList:u,videoList:l,keyFeaturesList:f}}
+//# sourceMappingURL=use-variant-media.js.map

package/dist/cjs/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": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAiC,4BACjCC,EAAoC,2BAGpCC,EAAoC,iBAK7B,SAASJ,EAAgB,CAAE,QAAAK,EAAS,QAAAC,CAAQ,EAKjD,CACA,MAAMC,EAAYF,GAAS,OAAO,OAAQG,GAAUA,EAAM,mBAAqB,mBAAiB,KAAK,EAC/FC,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,mBAAqB,mBAAiB,KAAK,EAC5F,CAACK,EAAWC,CAAY,KAAI,YAAuBL,GAAoB,CAAC,CAAC,EACzE,CAACM,EAAWC,CAAW,KAAI,YAAuBN,GAAU,CAAC,CAAC,EAC9D,CAACO,EAAWC,CAAY,KAAI,YAAuBN,GAAU,CAAC,CAAC,EAC/D,CAACO,EAAiBC,CAAkB,KAAI,YAAuBT,GAAe,CAAC,CAAC,EACtF,sBAAU,IAAM,CACd,MAAMJ,KAAY,uBAAoB,CAAE,QAAAF,EAAS,QAAAC,CAAQ,CAAC,EAEpDO,EAAYN,GAAW,OAAQC,GAAUA,EAAM,mBAAqB,mBAAiB,KAAK,EAChGM,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,mBAAqB,mBAAiB,KAAK,GAAsB,CAAC,CACxG,CACF,EAAG,CAACH,EAASC,CAAO,CAAC,EAEd,CAAE,YAAaO,EAAW,UAAAE,EAAW,UAAWE,EAAW,gBAAAE,CAAgB,CACpF",
+  "names": ["use_variant_media_exports", "__export", "useVariantMedia", "__toCommonJS", "import_graphql", "import_helper", "import_react", "product", "variant", "mediaList", "media", "productImageList", "scenes", "keyFeatures", "videos", "imageList", "setImageList", "sceneList", "setSeneList", "videoList", "setVideoList", "keyFeaturesList", "setKeyFeaturesList"]
+}

package/dist/cjs/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/cjs/biz-components/Listing/hooks/use-variant.js

@@ -0,0 +1,2 @@
+"use strict";var s=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var f=(t,r)=>{for(var a in r)s(t,a,{get:r[a],enumerable:!0})},m=(t,r,a,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let i of p(r))!u.call(t,i)&&i!==a&&s(t,i,{get:()=>r[i],enumerable:!(o=c(r,i))||o.enumerable});return t};var d=t=>m(s({},"__esModule",{value:!0}),t);var v={};f(v,{useVariant:()=>V});module.exports=d(v);var e=require("react"),n=require("../utils/index");function V({product:t,selectedOptions:r}){const[a,o]=(0,e.useState)((0,n.getFirstAvailableVariant)(t));return(0,e.useEffect)(()=>{const i=(0,n.getVariantFromSelectedOptions)({product:t,selectedOptions:r});i&&i.id!==a.id&&o(i)},[r,t.variants,a,t]),a}
+//# sourceMappingURL=use-variant.js.map

package/dist/cjs/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": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GACA,IAAAI,EAAoC,iBAEpCC,EAAwE,0BAEjE,SAASH,EAAW,CACzB,QAAAI,EACA,gBAAAC,CACF,EAGmB,CACjB,KAAM,CAACC,EAASC,CAAU,KAAI,eAAS,4BAAyBH,CAAO,CAAC,EAGxE,sBAAU,IAAM,CACd,MAAMI,KAAI,iCAA8B,CAAE,QAAAJ,EAAS,gBAAAC,CAAgB,CAAC,EAChEG,GAAKA,EAAE,KAAOF,EAAQ,IACxBC,EAAWC,CAAC,CAEhB,EAAG,CAACH,EAAiBD,EAAQ,SAAUE,EAASF,CAAO,CAAC,EAEjDE,CACT",
+  "names": ["use_variant_exports", "__export", "useVariant", "__toCommonJS", "import_react", "import_utils", "product", "selectedOptions", "variant", "setVariant", "v"]
+}

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

@@ -0,0 +1,8 @@
+type UseCopyReturn = {
+    isCopied: boolean;
+    copyError: Error | null;
+    copyToClipboard: (text: string) => Promise<void>;
+    reset: () => void;
+};
+declare const useCopy: () => UseCopyReturn;
+export default useCopy;

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

@@ -0,0 +1,2 @@
+"use strict";var n=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var y=(o,r)=>{for(var t in r)n(o,t,{get:r[t],enumerable:!0})},C=(o,r,t,s)=>{if(r&&typeof r=="object"||typeof r=="function")for(let e of c(r))!u.call(o,e)&&e!==t&&n(o,e,{get:()=>r[e],enumerable:!(s=p(r,e))||s.enumerable});return o};var d=o=>C(n({},"__esModule",{value:!0}),o);var b={};y(b,{default:()=>E});module.exports=d(b);var l=require("react");const f=()=>{const[o,r]=(0,l.useState)(!1),[t,s]=(0,l.useState)(null),e=(0,l.useCallback)(async i=>{try{await navigator.clipboard.writeText(i),r(!0),s(null)}catch(a){r(!1),s(a instanceof Error?a:new Error("Copy failed"))}finally{setTimeout(()=>{r(!1)},2e3)}},[]);return{isCopied:o,copyError:t,copyToClipboard:e,reset:()=>{r(!1),s(null)}}};var E=f;
+//# sourceMappingURL=useCopy.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/biz-components/Listing/hooks/useCopy.ts"],
+  "sourcesContent": ["import { useState, useCallback } from 'react'\n\ntype UseCopyReturn = {\n  isCopied: boolean\n  copyError: Error | null\n  copyToClipboard: (text: string) => Promise<void>\n  reset: () => void\n}\n\nconst useCopy = (): UseCopyReturn => {\n  const [isCopied, setIsCopied] = useState<boolean>(false)\n  const [copyError, setCopyError] = useState<Error | null>(null)\n\n  // \u5B9A\u4E49\u590D\u5236\u5230\u526A\u8D34\u677F\u7684\u51FD\u6570\n  const copyToClipboard = useCallback(async (text: string) => {\n    try {\n      await navigator.clipboard.writeText(text)\n      setIsCopied(true)\n      setCopyError(null) // \u6E05\u9664\u9519\u8BEF\u72B6\u6001\n    } catch (error: any) {\n      setIsCopied(false)\n      setCopyError(error instanceof Error ? error : new Error('Copy failed'))\n    } finally {\n      setTimeout(() => {\n        setIsCopied(false)\n      }, 2000)\n    }\n  }, [])\n\n  // \u91CD\u7F6E\u590D\u5236\u72B6\u6001\n  const reset = () => {\n    setIsCopied(false)\n    setCopyError(null)\n  }\n\n  return { isCopied, copyError, copyToClipboard, reset }\n}\n\nexport default useCopy\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAsC,iBAStC,MAAMC,EAAU,IAAqB,CACnC,KAAM,CAACC,EAAUC,CAAW,KAAI,YAAkB,EAAK,EACjD,CAACC,EAAWC,CAAY,KAAI,YAAuB,IAAI,EAGvDC,KAAkB,eAAY,MAAOC,GAAiB,CAC1D,GAAI,CACF,MAAM,UAAU,UAAU,UAAUA,CAAI,EACxCJ,EAAY,EAAI,EAChBE,EAAa,IAAI,CACnB,OAASG,EAAY,CACnBL,EAAY,EAAK,EACjBE,EAAaG,aAAiB,MAAQA,EAAQ,IAAI,MAAM,aAAa,CAAC,CACxE,QAAE,CACA,WAAW,IAAM,CACfL,EAAY,EAAK,CACnB,EAAG,GAAI,CACT,CACF,EAAG,CAAC,CAAC,EAQL,MAAO,CAAE,SAAAD,EAAU,UAAAE,EAAW,gBAAAE,EAAiB,MALjC,IAAM,CAClBH,EAAY,EAAK,EACjBE,EAAa,IAAI,CACnB,CAEqD,CACvD,EAEA,IAAOP,EAAQG",
+  "names": ["useCopy_exports", "__export", "useCopy_default", "__toCommonJS", "import_react", "useCopy", "isCopied", "setIsCopied", "copyError", "setCopyError", "copyToClipboard", "text", "error"]
+}

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

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

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

@@ -0,0 +1,2 @@
+"use strict";var G=Object.create;var d=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var O=Object.getPrototypeOf,T=Object.prototype.hasOwnProperty;var q=(e,t)=>{for(var o in t)d(e,o,{get:t[o],enumerable:!0})},p=(e,t,o,c)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of M(t))!T.call(e,r)&&r!==o&&d(e,r,{get:()=>t[r],enumerable:!(c=L(t,r))||c.enumerable});return e};var j=(e,t,o)=>(o=e!=null?G(O(e)):{},p(t||!e||!e.__esModule?d(o,"default",{value:e,enumerable:!0}):o,e)),z=e=>p(d({},"__esModule",{value:!0}),e);var J={};q(J,{default:()=>F});module.exports=z(J);var i=require("react/jsx-runtime"),m=require("../AiuiProvider/index.js"),n=require("./components/index.js"),u=j(require("./ProductProvider.js")),y=require("./components/index.js"),s=require("react-responsive");const l=({product:e,renderRating:t,variant:o,selectedOptions:c,setSelectedOptions:r,isLogin:Q,finalPrice:f,coupon:v,comparePrice:P,totalSavings:C,savingDetail:k,freeGift:S,bundle:g,checkedBundle:h,checkedGift:N,setCheckedBundle:x,setCheckedGift:B,compareData:I,selectedVariants:b,onAddToCart:w,onBuyNow:D})=>{const{locale:V}=(0,m.useAiuiContext)(),a=(0,s.useMediaQuery)({query:"(max-width: 768px)"}),R=(0,s.useMediaQuery)({query:"(min-width: 1440px)"});return(0,i.jsx)(u.default,{product:e,isMobile:a,isDesktop:R,freeGift:S,renderRating:t,finalPrice:f,comparePrice:P,totalSavings:C,savingDetail:k,variant:o,selectedOptions:c,setSelectedOptions:r,bundle:g,coupon:v,checkedBundle:h,checkedGift:N,setCheckedBundle:x,setCheckedGift:B,compareData:I,selectedVariants:b,onAddToCart:w,onBuyNow:D,children:(0,i.jsxs)("div",{id:"ipc-listing",children:[(0,i.jsx)(n.PurchaseBar,{onSpyNavItemClick:A=>{console.log(A)}}),a&&(0,i.jsx)("div",{className:"fixed bottom-0 left-0 w-full z-[60]",children:(0,i.jsx)(n.ProductActions,{})}),(0,i.jsx)(y.ProductCard,{})]})})};l.displayName="Listing";var F=l;
+//# sourceMappingURL=index.js.map

package/dist/cjs/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 ProductProvider, { type ProductContextType } from './ProductProvider.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}) => {\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    <ProductProvider\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    >\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    </ProductProvider>\n  )\n}\n\nListing.displayName = 'Listing'\n\nexport default Listing\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAiEM,IAAAI,EAAA,6BAjENC,EAA+B,oCAC/BC,EAA4C,iCAE5CC,EAAyD,mCACzDD,EAA4B,iCAE5BE,EAA8B,4BAE9B,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,CACF,IAAM,CACJ,KAAM,CAAE,OAAAC,CAAO,KAAI,kBAAe,EAE5BC,KAAW,iBAAc,CAAE,MAAO,oBAAqB,CAAC,EACxDC,KAAY,iBAAc,CAAE,MAAO,qBAAsB,CAAC,EAMhE,SACE,OAAC,EAAAC,QAAA,CACC,QAASxB,EACT,SAAUsB,EACV,UAAWC,EACX,SAAUZ,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,EAEV,oBAAC,OAAI,GAAG,cACN,oBAAC,eAAY,kBA9BQK,GAA0B,CACnD,QAAQ,IAAIA,CAAG,CACjB,EA4ByD,EAClDH,MACC,OAAC,OAAI,UAAU,sCACb,mBAAC,mBAAe,EAClB,KAEF,OAAC,gBAAY,GACf,EACF,CAEJ,EAEAvB,EAAQ,YAAc,UAEtB,IAAOP,EAAQO",
+  "names": ["Listing_exports", "__export", "Listing_default", "__toCommonJS", "import_jsx_runtime", "import_AiuiProvider", "import_components", "import_ProductProvider", "import_react_responsive", "Listing", "product", "renderRating", "variant", "selectedOptions", "setSelectedOptions", "isLogin", "finalPrice", "coupon", "comparePrice", "totalSavings", "savingDetail", "freeGift", "bundle", "checkedBundle", "checkedGift", "setCheckedBundle", "setCheckedGift", "compareData", "selectedVariants", "onAddToCart", "onBuyNow", "locale", "isMobile", "isDesktop", "ProductProvider", "tab"]
+}