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

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

@@ -0,0 +1,2 @@
+var L=(e=>(e.fixedAmount="fixed_amount",e.percentage="percentage",e))(L||{}),c=(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))(c||{});const E={us:"$",uk:"\xA3",ca:"$",eu:"\u20AC",pl:"z\u0142",fr:"\u20AC",de:"\u20AC",vn:"\u20AB",cl:"$",sg:"$",ae:"AED",es:"\u20AC"},t=["color","colour","couleur","cor","colore","farbe","\uC0C9","\u8272","\u30AB\u30E9\u30FC","f\xE4rg","farve"];export{t as COLOR_LABEL,c as CouponChannel,L as DiscountType,E 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}\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,aAFHA,OAAA,IAKAC,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/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/esm/biz-components/Listing/hooks/useCopy.js

@@ -0,0 +1,2 @@
+import{useState as t,useCallback as i}from"react";const p=()=>{const[s,r]=t(!1),[l,o]=t(null),n=i(async a=>{try{await navigator.clipboard.writeText(a),r(!0),o(null)}catch(e){r(!1),o(e instanceof Error?e:new Error("Copy failed"))}finally{setTimeout(()=>{r(!1)},2e3)}},[]);return{isCopied:s,copyError:l,copyToClipboard:n,reset:()=>{r(!1),o(null)}}};var y=p;export{y 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 { 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": "AAAA,OAAS,YAAAA,EAAU,eAAAC,MAAmB,QAStC,MAAMC,EAAU,IAAqB,CACnC,KAAM,CAACC,EAAUC,CAAW,EAAIJ,EAAkB,EAAK,EACjD,CAACK,EAAWC,CAAY,EAAIN,EAAuB,IAAI,EAGvDO,EAAkBN,EAAY,MAAOO,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,IAAOI,EAAQR",
+  "names": ["useState", "useCallback", "useCopy", "isCopied", "setIsCopied", "copyError", "setCopyError", "copyToClipboard", "text", "error", "useCopy_default"]
+}

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

@@ -0,0 +1,2 @@
+import{jsx as e,jsxs as A}from"react/jsx-runtime";import{useAiuiContext as I}from"../AiuiProvider/index.js";import{PurchaseBar as b,ProductActions as w}from"./components/index.js";import D from"./ProductProvider.js";import{ProductCard as R}from"./components/index.js";import{useMediaQuery as o}from"react-responsive";const i=({product:r,renderRating:c,variant:d,selectedOptions:n,setSelectedOptions:s,isLogin:G,finalPrice:a,coupon:p,comparePrice:l,totalSavings:m,savingDetail:u,freeGift:y,bundle:f,checkedBundle:v,checkedGift:P,setCheckedBundle:C,setCheckedGift:k,compareData:S,selectedVariants:g,onAddToCart:h,onBuyNow:N})=>{const{locale:L}=I(),t=o({query:"(max-width: 768px)"}),x=o({query:"(min-width: 1440px)"});return e(D,{product:r,isMobile:t,isDesktop:x,freeGift:y,renderRating:c,finalPrice:a,comparePrice:l,totalSavings:m,savingDetail:u,variant:d,selectedOptions:n,setSelectedOptions:s,bundle:f,coupon:p,checkedBundle:v,checkedGift:P,setCheckedBundle:C,setCheckedGift:k,compareData:S,selectedVariants:g,onAddToCart:h,onBuyNow:N,children:A("div",{id:"ipc-listing",children:[e(b,{onSpyNavItemClick:B=>{console.log(B)}}),t&&e("div",{className:"fixed bottom-0 left-0 w-full z-[60]",children:e(w,{})}),e(R,{})]})})};i.displayName="Listing";var F=i;export{F 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 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": "AAiEM,OACE,OAAAA,EADF,QAAAC,MAAA,oBAjEN,OAAS,kBAAAC,MAAsB,2BAC/B,OAAS,eAAAC,EAAa,kBAAAC,MAAsB,wBAE5C,OAAOC,MAAkD,uBACzD,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,CACF,IAAM,CACJ,KAAM,CAAE,OAAAC,CAAO,EAAI5B,EAAe,EAE5B6B,EAAWxB,EAAc,CAAE,MAAO,oBAAqB,CAAC,EACxDyB,EAAYzB,EAAc,CAAE,MAAO,qBAAsB,CAAC,EAMhE,OACEP,EAACK,EAAA,CACC,QAASI,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,SAAA5B,EAAC,OAAI,GAAG,cACN,UAAAD,EAACG,EAAA,CAAY,kBA9BQ8B,GAA0B,CACnD,QAAQ,IAAIA,CAAG,CACjB,EA4ByD,EAClDF,GACC/B,EAAC,OAAI,UAAU,sCACb,SAAAA,EAACI,EAAA,EAAe,EAClB,EAEFJ,EAACM,EAAA,EAAY,GACf,EACF,CAEJ,EAEAE,EAAQ,YAAc,UAEtB,IAAO0B,EAAQ1B",
+  "names": ["jsx", "jsxs", "useAiuiContext", "PurchaseBar", "ProductActions", "ProductProvider", "ProductCard", "useMediaQuery", "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", "tab", "Listing_default"]
+}