@anker-in/headless-ui 1.0.26-alpha.1762331489014 → 1.0.26-alpha.1762411688784

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

@@ -0,0 +1,141 @@
+import type { CurrencyCode, Image, Media, Product as ShopifyProduct, ProductVariant as ShopifyProductVariant } from './graphql';
+import { DiscountType } from '../const';
+export type ProductPrice = {
+    amount: number;
+    currencyCode: CurrencyCode;
+};
+export type ProductOption = {
+    __typename?: 'MultipleChoiceOption';
+    id: string;
+    name: string;
+    values: ProductOptionValues[];
+};
+export type ProductOptionValues = {
+    label: string;
+    hexColors?: string[];
+};
+export type ProductVariant = {
+    id: string | number;
+    options: ProductOption[];
+    sku: string;
+    metafields?: Record<string, any>;
+    price: ProductPrice;
+    product: Product;
+    coupons: VariantCoupon[];
+    weight?: number;
+    payload?: any;
+} & Omit<ShopifyProductVariant, 'options' | 'metafields' | 'price'>;
+export type Product = {
+    path?: string;
+    images: Image[];
+    media: ProductMedia[];
+    variants: ProductVariant[];
+    price: ProductPrice;
+    options: ProductOption[];
+    metafields?: {
+        [key: string]: any;
+    };
+    slug: string;
+    payload?: any;
+} & Omit<ShopifyProduct, 'metafields' | 'images' | 'variants' | 'price' | 'options' | 'media'>;
+export type GetProductBody = {
+    handles: string;
+    locale?: string;
+};
+export type ProductTypes = {
+    product: Product;
+    getBody: GetProductBody;
+};
+export type GetAllProductPathsOperation<T extends ProductTypes = ProductTypes> = {
+    data: {
+        products: Pick<T['product'], 'path'>[];
+    };
+    variables: {
+        first?: number;
+    };
+};
+export type GetAllProductsOperation<T extends ProductTypes = ProductTypes> = {
+    data: {
+        products: T['product'][];
+    };
+    variables: {
+        relevance?: 'featured' | 'best_selling' | 'newest';
+        ids?: string[];
+        first?: number;
+    };
+};
+export type GetProductOperation<T extends ProductTypes = ProductTypes> = {
+    data: {
+        product?: T['product'];
+    };
+    variables: {
+        path: string;
+        slug?: never;
+    } | {
+        path?: never;
+        slug: string;
+    };
+};
+export type Options = Record<string, string>;
+export type ProductMedia = Media & {
+    sources?: {
+        url: string;
+        altText: string;
+    }[];
+    image?: {
+        url: string;
+        altText: string;
+    };
+};
+export type VariantCoupon = {
+    title: string;
+    starts_at: string;
+    ends_at: string | null;
+    variant_shopify_id: number;
+    value_type: DiscountType;
+    value: string;
+    currency: string;
+    fixed_value: string;
+    value_style: string;
+    variant_price4wscode: number;
+    discount_type: string;
+    amazon_deal: boolean;
+    cdi_id: number;
+    cdi_updated_at: string;
+};
+export type ScriptDiscount = {
+    type: DiscountType;
+    excludeSkus: string[];
+    discount: number;
+};
+export type FreeGift = {
+    title: string;
+    note: string;
+    soldOutLabel: string;
+    freeLabel: string;
+    giftList: ProductVariant[];
+    count: number;
+    showCoupon: boolean;
+    [key: string]: any;
+};
+export type BundleListItem = {
+    id: string;
+    price: number;
+    comparePrice: number;
+    savings: number;
+    variants: {
+        price: number;
+        quantity: number;
+        label: string;
+        variant: ProductVariant;
+    }[];
+};
+export type Bundle = {
+    title: string;
+    soldOutLabel: string;
+    youSaveText: string;
+    showCoupon: boolean;
+    bundleList: BundleListItem[];
+    showAtListing: boolean;
+    [key: string]: any;
+};

package/dist/esm/src/biz-components/Listing/types/type-helper.d.ts

@@ -0,0 +1,5 @@
+export type PartialRecord<K extends string | number | symbol, T> = Partial<Record<K, T>>;
+export type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;
+export type Replace<T, K extends keyof T, V> = Omit<T, K> & {
+    [P in K]: V;
+};

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

@@ -0,0 +1,28 @@
+import type { Product } from './types/product';
+export type CompareProductItem = {
+    handle: string;
+    shortName: string;
+    compareProductCollection?: string;
+};
+export type CompareItem = {
+    product: Product;
+} & CompareProductItem;
+export type CompareData = {
+    data: {
+        availableCompareList: Array<CompareItem>;
+        currentProductCompareData?: CompareItem;
+        options: {
+            value: string;
+            text: string;
+        }[];
+        specificationKeys?: string[];
+    };
+    show: boolean;
+};
+export type DiscountData = {
+    codeSavings: number;
+    scriptSavings: number;
+    totalSavings: number;
+    comparePrice: number;
+    finalPrice: number;
+};

package/dist/esm/src/biz-components/Listing/utils/helper.d.ts

@@ -0,0 +1,36 @@
+import type { Product, ProductMedia, ProductVariant } from '../types/product';
+export type SchemaVariant = {
+    variant: {
+        handle: string;
+        sku: string;
+    };
+};
+export declare function isObjEmpty(obj?: Record<string, any>): boolean;
+export declare function atobID(id: string): string | undefined;
+export declare function btoaID(id: string, type?: 'ProductVariant' | 'Product'): string;
+export declare const getThemeLocale: (locale: string) => string;
+/**
+ * 生成 metafieldIdentifiers 查询参数
+ */
+export declare const getNormalCoupon: ({ variant }: {
+    variant?: ProductVariant;
+}) => import("../types/product").VariantCoupon | undefined;
+export declare function replaceUmlaut(str: string): string;
+export declare function handle(str: string): string;
+export declare function getVariantImageIndex({ mediaList, variant, }: {
+    variant: ProductVariant;
+    mediaList: ProductMedia[];
+}): null | number;
+export declare function getVariantMediaList({ product, variant }: {
+    variant: ProductVariant;
+    product: Product;
+}): ProductMedia[];
+export declare const checkItemAvailableForProduct: ({ product, item, variant, }: {
+    product: Product;
+    variant: ProductVariant;
+    item?: {
+        includeTags?: string[];
+        includeProducts?: SchemaVariant[];
+        excludeProducts?: SchemaVariant[];
+    };
+}) => string | boolean | SchemaVariant | undefined;

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

@@ -0,0 +1,37 @@
+import type { Options, Product, ProductOption, ProductVariant } from '../types/product';
+export declare function optionsConstructor(options: ProductOption[]): Options;
+/**
+ * Returns the first available variant of a product.
+ * If no variant is available, it returns the first variant in the list.
+ *
+ * @param product - The product object.
+ * @returns The first available variant of the product.
+ */
+export declare const getFirstAvailableVariant: (product: Product) => ProductVariant;
+export declare const getVariantBySku: (product: Product, sku: string) => ProductVariant | undefined;
+export declare const languageTerritory: (locale: string) => string;
+export declare function formatPrice({ amount, currencyCode, locale, maximumFractionDigits, minimumFractionDigits, removeTrailingZeros, }: {
+    amount: number;
+    currencyCode: string;
+    locale: string;
+    maximumFractionDigits?: number;
+    minimumFractionDigits?: number;
+    removeTrailingZeros?: boolean;
+}): string;
+export declare function formatVariantPrice({ amount, baseAmount, currencyCode, locale, maximumFractionDigits, minimumFractionDigits, removeTrailingZeros, }: {
+    baseAmount: number;
+    amount: number;
+    currencyCode: string;
+    locale: string;
+    maximumFractionDigits?: number;
+    minimumFractionDigits?: number;
+    removeTrailingZeros?: boolean;
+}): {
+    price: string;
+    basePrice: string | undefined;
+    discount: string | null;
+};
+export declare function getVariantFromSelectedOptions({ product, selectedOptions, }: {
+    product: Product;
+    selectedOptions: Record<string, string>;
+}): ProductVariant | undefined;

package/dist/esm/src/biz-components/Listing/utils/textFormat.d.ts

@@ -0,0 +1,73 @@
+/**
+ * 字符串模板替换工具函数
+ * 使用单次遍历和正则表达式缓存来提高性能
+ */
+type ReplacementMap = Record<string, string>;
+/**
+ * 字符串模板替换函数
+ * @param template 模板字符串，如 "Hello {name}, you have {count} messages"
+ * @param replacements 替换对象，如 { name: "John", count: "5" }
+ * @param beginSeg 占位符开始符号，默认为 "{"
+ * @param endSeg 占位符结束符号，默认为 "}"
+ * @returns 替换后的字符串
+ *
+ * @example
+ * ```ts
+ * replaceTemplate("Hello {name}!", { name: "World" })
+ * // => "Hello World!"
+ *
+ * replaceTemplate("Price: {{amount}}", { amount: "$100" }, "{{", "}}")
+ * // => "Price: $100"
+ *
+ * replaceTemplate("You have {count} items", { count: "5", unused: "test" })
+ * // => "You have 5 items" (unused 键会被忽略)
+ *
+ * replaceTemplate("Hello ${name}!", { name: "World" }, "${", "}")
+ * // => "Hello World!"
+ * ```
+ */
+export declare function replaceTemplate(template: string, replacements: ReplacementMap, beginSeg?: string, endSeg?: string): string;
+/**
+ * 批量字符串模板替换函数（用于一次性替换多个模板）
+ * @param templates 模板字符串数组
+ * @param replacements 替换对象
+ * @param beginSeg 占位符开始符号，默认为 "{"
+ * @param endSeg 占位符结束符号，默认为 "}"
+ * @returns 替换后的字符串数组
+ *
+ * @example
+ * ```ts
+ * replaceTemplates(
+ *   ["Hello {name}!", "You have {count} items"],
+ *   { name: "John", count: "5" }
+ * )
+ * // => ["Hello John!", "You have 5 items"]
+ *
+ * replaceTemplates(
+ *   ["Hello {{name}}!", "Price: {{amount}}"],
+ *   { name: "John", amount: "$100" },
+ *   "{{",
+ *   "}}"
+ * )
+ * // => ["Hello John!", "Price: $100"]
+ * ```
+ */
+export declare function replaceTemplates(templates: string[], replacements: ReplacementMap, beginSeg?: string, endSeg?: string): string[];
+/**
+ * 从模板字符串中提取所有占位符键名
+ * @param template 模板字符串
+ * @param beginSeg 占位符开始符号，默认为 "{"
+ * @param endSeg 占位符结束符号，默认为 "}"
+ * @returns 占位符键名数组（去重）
+ *
+ * @example
+ * ```ts
+ * extractPlaceholders("Hello {name}, you have {count} new {count} messages")
+ * // => ["name", "count"]
+ *
+ * extractPlaceholders("Hello {{name}}, price is {{amount}}", "{{", "}}")
+ * // => ["name", "amount"]
+ * ```
+ */
+export declare function extractPlaceholders(template: string, beginSeg?: string, endSeg?: string): string[];
+export {};

package/dist/esm/src/biz-components/SelectStore/index.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import type { Img } from '../../types/props.js';
+export type SelectStoreDataType = {
+    title: string;
+    desc: string;
+    img: Img;
+    mobileImg: Img;
+    padImg: Img;
+    miniImg: Img;
+};
+type SelectStoreType = {
+    data: {
+        list: SelectStoreDataType[];
+    };
+    className?: string;
+};
+declare const _default: import("react").ForwardRefExoticComponent<Omit<SelectStoreType, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
+    className?: string | undefined;
+    data?: Record<string, any> | undefined;
+} & import("react").RefAttributes<any>>;
+export default _default;

package/dist/esm/src/biz-components/ShelfDisplay/shelfDisplay.d.ts

@@ -8,7 +8,7 @@ export declare function formatPrice({ amount, currencyCode, locale, maximumFract
     maximumFractionDigits?: number;
     minimumFractionDigits?: number;
     removeTrailingZeros?: boolean;
-}): string;
+}): string | null;
 export declare function formatVariantPrice({ amount, baseAmount, currencyCode, locale, maximumFractionDigits, minimumFractionDigits, removeTrailingZeros, }: {
     baseAmount: number;
     amount: number;
@@ -19,8 +19,14 @@ export declare function formatVariantPrice({ amount, baseAmount, currencyCode, l
     removeTrailingZeros?: boolean;
 }): {
     price: string;
-    basePrice: string | undefined;
+    basePrice: string;
+    discount: string;
+    discountAmount?: undefined;
+} | {
+    price: string | null;
+    basePrice: string | null | undefined;
     discount: string | null;
+    discountAmount: string | null | undefined;
 };
 type EventType = {
     primaryButton?: (v: any, index: number, data: ShelfDisplayType) => void;
@@ -46,6 +52,8 @@ export interface ShelfDisplayItem {
     data?: ShelfDisplayItem[];
     custom_name?: string;
     custom_description?: string;
+    custom_image?: string;
+    custom_theme?: string;
 }
 export type ShelfDisplayType = {
     title?: string;
@@ -91,6 +99,7 @@ export interface ShelfDisplayProps {
             slidesPerView: number;
         };
     };
+    metafields?: any;
     isDisplayGudgments?: boolean;
     isDisplayBackImage?: boolean;
 }

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

@@ -34,6 +34,30 @@ export { default as CreativeModule } from './CreativeModule/index.js';
 export { default as GraphicOverlay } from './GraphicOverlay/index.js';
 export { default as Specs } from './Specs/index.js';
 export { default as TabGroup } from './TabsGroup/index.js';
+export { default as Listing } from './Listing/index.js';
+export { default as BizProductProvider } from './Listing/BizProductProvider.js';
+export { default as PurchaseBar } from './Listing/components/PurchaseBar/index.js';
+export { default as ProductActions } from './Listing/components/PurchaseBar/ProductActions/index.js';
+export { default as ProductCard } from './Listing/components/ProductCard/index.js';
+export { default as ProductBenefitsTabs } from './Listing/components/ProductCard/ProductDetail/ProductBenefitsTabs/index.js';
+export { default as ProductHighlight } from './Listing/components/ProductCard/ProductDetail/ProductHighlight/index.js';
+export { default as ProductFreeGift } from './Listing/components/ProductCard/ProductDetail/ProductFreeGift/index.js';
+export { default as ProductExchangePurchase } from './Listing/components/ProductCard/ProductDetail/ProductExchangePurchase/index.js';
+export { default as ProductOptions } from './Listing/components/ProductCard/ProductDetail/ProductOptions/index.js';
+export { default as ProductBundle } from './Listing/components/ProductCard/ProductDetail/ProductBundle/index.js';
+export { default as ProductGridBox } from './Listing/components/ProductCard/ProductGridBox.js';
+export { default as ProductGallery } from './Listing/components/ProductCard/ProductGallery/index.js';
+export { default as ProductDetail } from './Listing/components/ProductCard/ProductDetail/index.js';
+export { default as ProductSummary } from './Listing/components/ProductCard/ProductSummary/index.js';
+export { default as BenefitsTab } from './Listing/components/ProductCard/ProductDetail/BenefitsTab';
+export { default as PaidShipping } from './Listing/components/PaidShipping/index.js';
+export { default as GraphicMore } from './GraphicMore/index.js';
+export { default as Features } from './Features/index.js';
+export { default as AplusDesc } from './AplusDesc/index.js';
+export { default as GiftBox } from './GiftBox/index.js';
+export { default as SelectStore } from './SelectStore/index.js';
+export { default as DownLoad } from './DownLoad/index.js';
+export { default as FootCharger } from './FootCharger/index.js';
 export { default as ProductCompare } from './ProductCompare/index.js';
 export type { ProductCompareProps, ProductItemData } from './ProductCompare/index.js';
 export { default as Ksp } from './Ksp/index.js';

package/dist/esm/src/components/checkbox.d.ts

@@ -5,6 +5,7 @@ declare const checkboxVariants: (props?: ({
     size?: "base" | "lg" | "sm" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, VariantProps<typeof checkboxVariants> {
+    iconClassName?: string;
 }
 declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
 export default Checkbox;

package/dist/esm/src/hooks/useRollout.d.ts

@@ -0,0 +1,14 @@
+import { type MutableRefObject } from 'react';
+type UseRolloutOptions = IntersectionObserverInit & {
+    /**
+     * When true, once the target enters the viewport the first time,
+     * the observer disconnects and `inView` stays true.
+     */
+    once?: boolean;
+};
+/**
+ * Observe when an element enters the viewport.
+ * Returns a ref to attach to the element and a boolean indicating visibility.
+ */
+export declare function useRollout<T extends HTMLElement = HTMLElement>(options?: UseRolloutOptions): [MutableRefObject<T | null>, boolean];
+export {};

package/dist/tokens/anker.css

@@ -2,6 +2,7 @@
   --btn-bg-active-color: var(--brand-color-0);
 
   --btn-radius: 0;
+  --box-radius: 0;
   --radius: 0em;
 
   --brand-gradient-color-0: linear-gradient(90deg, var(--btn-bg-active-color) 0%, var(--btn-bg-active-color) 100%);

package/dist/tokens/base.css

@@ -152,7 +152,7 @@
 
 .swiper-horizontal>.swiper-pagination-bullets,
 .swiper-pagination-bullets.swiper-pagination-horizontal {
-  bottom: -24px!important;
+  /* bottom: -24px!important; */
 }
 
 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,

package/dist/tokens/eufy.css

@@ -6,6 +6,7 @@
 
 
   --btn-radius: 24px;
+  --box-radius: 16px;
 
   --radius: 40px;
   --brand-color-0: #005d8e; 

package/dist/tokens/eufyMake.css

@@ -4,6 +4,7 @@
 
   --brand-gradient-color-0: linear-gradient(90deg, var(--btn-bg-active-color) 0%, var(--btn-bg-active-color) 100%);
   --btn-radius: 24px;
+  --box-radius: 16px;
   --radius: 0em;
 
   --brand-color-0: #3adb67;

package/dist/tokens/solix.css

@@ -3,6 +3,7 @@
   --brand-gradient-color-0: linear-gradient(90deg, #2C7ED0 0%, #00A9E1 43%, #00DB84 100%);
 
   --btn-radius: -0px;
+  --box-radius: 0;
   --radius: 0em;
 
   --brand-color-0: #00BEFA;

package/dist/tokens/soundcore.css

@@ -4,6 +4,7 @@
   --brand-gradient-color-0: linear-gradient(90deg, var(--btn-bg-active-color) 0%, var(--btn-bg-active-color) 100%);
 
   --btn-radius: 24px;
+  --box-radius: 16px;
 
   --radius: 0em;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anker-in/headless-ui",
-  "version": "1.0.26-alpha.1762331489014",
+  "version": "1.0.26-alpha.1762411688784",
   "type": "commonjs",
   "main": "./dist/cjs/index.js",
   "types": "./dist/cjs/index.d.ts",
@@ -111,6 +111,8 @@
     "autoprefixer": "^10.4.19",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
+    "copy-to-clipboard": "^3.3.3",
+    "decimal.js": "^10.6.0",
     "embla-carousel": "^8.6.0",
     "embla-carousel-autoplay": "^8.5.2",
     "embla-carousel-class-names": "^8.5.2",