@anker-in/headless-ui 1.3.21 → 1.3.22-alpha.1781754422536

package/dist/cjs/biz-components/AccessoriesShelf/product.d.ts

@@ -0,0 +1,280 @@
+/** 所有货币代码枚举（精简为常用值，完整版见 storefront.types.d.ts:2800） */
+export type CurrencyCode = string;
+export interface MoneyV2 {
+    amount: string;
+    currencyCode: CurrencyCode;
+}
+export interface Image {
+    id?: string | null;
+    altText?: string | null;
+    url: string;
+    width?: number | null;
+    height?: number | null;
+}
+export type MediaContentType = 'EXTERNAL_VIDEO' | 'IMAGE' | 'MODEL_3D' | 'VIDEO';
+export interface MediaPresentation {
+    id: string;
+    asJson?: unknown;
+}
+export interface Media {
+    id: string;
+    alt?: string | null;
+    mediaContentType: MediaContentType;
+    presentation?: MediaPresentation | null;
+    previewImage?: Image | null;
+}
+export interface Seo {
+    title?: string | null;
+    description?: string | null;
+}
+export interface ProductOptionValueSwatch {
+    color?: string | null;
+    image?: Media | null;
+}
+export interface ProductOptionValue {
+    id: string;
+    name: string;
+    swatch?: ProductOptionValueSwatch | null;
+    /** 最低位置选项值组合出的变体，用于变体选择器预渲染 */
+    firstSelectableVariant?: NormalizedProductVariant | null;
+}
+export interface ProductOption {
+    id: string;
+    name: string;
+    /** 新版推荐字段，含 swatch 信息 */
+    optionValues: ProductOptionValue[];
+    /** @deprecated 用 optionValues 替代 */
+    values: string[];
+}
+export type SellingPlanInterval = 'DAY' | 'WEEK' | 'MONTH' | 'YEAR';
+export interface SellingPlanRecurringBillingPolicy {
+    interval: SellingPlanInterval;
+    intervalCount: number;
+}
+export interface SellingPlanRecurringDeliveryPolicy {
+    interval: SellingPlanInterval;
+    intervalCount: number;
+}
+export interface SellingPlanOption {
+    name?: string | null;
+    value?: string | null;
+}
+export interface SellingPlanFixedAmountPriceAdjustment {
+    adjustmentAmount: MoneyV2;
+}
+export interface SellingPlanFixedPriceAdjustment {
+    price: MoneyV2;
+}
+export interface SellingPlanPercentagePriceAdjustment {
+    adjustmentPercentage: number;
+}
+export type SellingPlanPriceAdjustmentValue = SellingPlanFixedAmountPriceAdjustment | SellingPlanFixedPriceAdjustment | SellingPlanPercentagePriceAdjustment;
+export interface SellingPlanPriceAdjustment {
+    adjustmentValue: SellingPlanPriceAdjustmentValue;
+    orderCount?: number | null;
+}
+export type SellingPlanCheckoutChargeType = 'PERCENTAGE' | 'PRICE';
+export interface SellingPlanCheckoutChargePercentageValue {
+    percentage: number;
+}
+export type SellingPlanCheckoutChargeValue = MoneyV2 | SellingPlanCheckoutChargePercentageValue;
+export interface SellingPlanCheckoutCharge {
+    type: SellingPlanCheckoutChargeType;
+    value: SellingPlanCheckoutChargeValue;
+}
+export interface SellingPlan {
+    id: string;
+    name: string;
+    description?: string | null;
+    options: SellingPlanOption[];
+    priceAdjustments: SellingPlanPriceAdjustment[];
+    checkoutCharge: SellingPlanCheckoutCharge;
+    billingPolicy?: SellingPlanRecurringBillingPolicy | null;
+    deliveryPolicy?: SellingPlanRecurringDeliveryPolicy | null;
+    recurringDeliveries: boolean;
+}
+export interface SellingPlanAllocationPriceAdjustment {
+    compareAtPrice: MoneyV2;
+    perDeliveryPrice: MoneyV2;
+    price: MoneyV2;
+    unitPrice?: MoneyV2 | null;
+}
+export interface SellingPlanAllocation {
+    sellingPlan: SellingPlan;
+    priceAdjustments: SellingPlanAllocationPriceAdjustment[];
+    checkoutChargeAmount: MoneyV2;
+    remainingBalanceChargeAmount: MoneyV2;
+}
+export interface SellingPlanGroupOption {
+    name: string;
+    values: string[];
+}
+export interface NormalizedSellingPlanGroup {
+    appName?: string | null;
+    name: string;
+    options: SellingPlanGroupOption[];
+    sellingPlans: SellingPlan[];
+}
+export interface NormalizedProductVariant {
+    id: string | number;
+    title: string;
+    sku: string;
+    availableForSale?: boolean;
+    quantityAvailable?: number | null;
+    /** 选中的选项，如 [{ name: 'Color', value: 'Red' }] */
+    selectedOptions?: Array<{
+        name: string;
+        value: string;
+    }>;
+    price?: MoneyV2;
+    compareAtPrice?: MoneyV2 | null;
+    image?: Image | null;
+    weight?: number | null;
+    weightUnit?: string | null;
+    metafields?: Record<string, unknown>;
+    sellingPlanAllocations?: SellingPlanAllocation[];
+}
+export interface NormalizedProduct {
+    id: string;
+    handle?: string;
+    title?: string;
+    description?: string;
+    descriptionHtml?: string;
+    availableForSale?: boolean;
+    productType?: string;
+    vendor?: string;
+    compareAtPrice?: MoneyV2 | null;
+    images?: Image[];
+    variants: NormalizedProductVariant[];
+    options: ProductOption[];
+    metafields?: Record<string, unknown>;
+    sellingPlanGroups?: NormalizedSellingPlanGroup[];
+}
+export interface CartDeliveryOption {
+    code?: string | null;
+    handle: string;
+    title?: string | null;
+    description?: string | null;
+    estimatedCost: MoneyV2;
+    deliveryMethodType: string;
+}
+export interface CartDeliveryGroup {
+    id: string;
+    groupType: 'ONE_TIME_PURCHASE' | 'SUBSCRIPTION';
+    deliveryAddress: {
+        address1?: string | null;
+        address2?: string | null;
+        city?: string | null;
+        company?: string | null;
+        countryCode?: string | null;
+        firstName?: string | null;
+        lastName?: string | null;
+        phone?: string | null;
+        provinceCode?: string | null;
+        zip?: string | null;
+    };
+    deliveryOptions: CartDeliveryOption[];
+    selectedDeliveryOption?: CartDeliveryOption | null;
+    cartLines: {
+        id: string;
+        quantity: number;
+    }[];
+}
+export interface CartBuyerIdentity {
+    countryCode?: string | null;
+    email?: string | null;
+    phone?: string | null;
+    customer?: {
+        id: string;
+        email?: string | null;
+        firstName?: string | null;
+        lastName?: string | null;
+        phone?: string | null;
+    } | null;
+}
+export interface NormalizedAttribute {
+    key: string;
+    value: string | null;
+}
+export interface NormalizedDiscountAllocation {
+    title: string;
+    code: string;
+    amount: number;
+}
+export interface NormalizedLineItemVariant {
+    id: string | number;
+    price: number;
+    listPrice?: number;
+    sku: string;
+    name: string;
+    image?: {
+        url: string;
+        altText?: string | null;
+    } | null;
+    requiresShipping: boolean;
+    availableForSale?: boolean;
+    quantityAvailable: number;
+    currentlyNotInStock: boolean;
+    weight?: number | null;
+    metafields?: unknown;
+}
+export interface NormalizedLineItem {
+    id: string;
+    name: string;
+    quantity: number;
+    variantId: string;
+    productId: string;
+    /** 单价（已换算为 number） */
+    amountPerQuantity: number;
+    /** 行总价（quantity × amountPerQuantity - 折扣） */
+    totalAmount: number;
+    subtotalAmount: number;
+    discountAllocations: NormalizedDiscountAllocation[];
+    customAttributes: NormalizedAttribute[];
+    variant: NormalizedLineItemVariant;
+    /** 关联完整商品信息（可选，按需查询时才存在） */
+    product?: NormalizedProduct | null;
+    /** 商品详情页路径，如 /products/xxx?variant=xxx */
+    path: string;
+    options?: Array<{
+        name: string;
+        value: string;
+    }>;
+}
+export interface NormalizedCart {
+    id: string;
+    createdAt: string;
+    currency: {
+        code: string;
+    };
+    taxesIncluded?: boolean;
+    lineItems: NormalizedLineItem[];
+    /** 行级折扣合计 */
+    totalLineItemsDiscount?: number;
+    /** 订单级折扣合计 */
+    orderDiscounts?: number;
+    lineItemsSubtotalPrice: number;
+    subtotalPrice: number;
+    totalPrice: number;
+    totalTaxAmount: number;
+    discountCodes: Array<{
+        applicable: boolean;
+        code: string;
+    }>;
+    discountAllocations?: NormalizedDiscountAllocation[];
+    /** Checkout URL */
+    url: string;
+    ready: boolean;
+    orderStatusUrl?: string | null;
+    customAttributes: NormalizedAttribute[];
+    /** 购物车商品数量上限（业务层扩展字段） */
+    maxNum?: number;
+    /** 运费 */
+    deliveryAmount?: {
+        amount: number;
+        currencyCode: string;
+    } | null;
+    /** 直接复用展开后的 Shopify 原生结构 */
+    deliveryGroups?: CartDeliveryGroup[];
+    buyerIdentity?: CartBuyerIdentity | null;
+}

package/dist/cjs/biz-components/AccessoriesShelf/product.js

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

package/dist/cjs/biz-components/AccessoriesShelf/product.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/AccessoriesShelf/product.ts"],
+  "sourcesContent": ["// ============================================================\n// \u57FA\u7840\u6807\u91CF\u7C7B\u578B\n// ============================================================\ntype Maybe<T> = T | null | undefined\n// ============================================================\n// \u8D27\u5E01 / \u91D1\u989D\n// ============================================================\n/** \u6240\u6709\u8D27\u5E01\u4EE3\u7801\u679A\u4E3E\uFF08\u7CBE\u7B80\u4E3A\u5E38\u7528\u503C\uFF0C\u5B8C\u6574\u7248\u89C1 storefront.types.d.ts:2800\uFF09 */\nexport type CurrencyCode = string // \u5982 'USD' | 'CNY' | 'EUR' \u7B49\nexport interface MoneyV2 {\n  amount: string // Decimal \u5B57\u7B26\u4E32\uFF0C\u5982 \"9.99\"\n  currencyCode: CurrencyCode\n}\n// ============================================================\n// \u56FE\u7247 / \u5A92\u4F53\n// ============================================================\nexport interface Image {\n  id?: string | null\n  altText?: string | null\n  url: string\n  width?: number | null\n  height?: number | null\n}\nexport type MediaContentType = 'EXTERNAL_VIDEO' | 'IMAGE' | 'MODEL_3D' | 'VIDEO'\nexport interface MediaPresentation {\n  id: string\n  asJson?: unknown\n}\nexport interface Media {\n  id: string\n  alt?: string | null\n  mediaContentType: MediaContentType\n  presentation?: MediaPresentation | null\n  previewImage?: Image | null\n}\n// ============================================================\n// SEO\n// ============================================================\nexport interface Seo {\n  title?: string | null\n  description?: string | null\n}\n// ============================================================\n// Product Option / Swatch\n// ============================================================\nexport interface ProductOptionValueSwatch {\n  color?: string | null // CSS color \u503C\n  image?: Media | null\n}\nexport interface ProductOptionValue {\n  id: string\n  name: string\n  swatch?: ProductOptionValueSwatch | null\n  /** \u6700\u4F4E\u4F4D\u7F6E\u9009\u9879\u503C\u7EC4\u5408\u51FA\u7684\u53D8\u4F53\uFF0C\u7528\u4E8E\u53D8\u4F53\u9009\u62E9\u5668\u9884\u6E32\u67D3 */\n  firstSelectableVariant?: NormalizedProductVariant | null\n}\nexport interface ProductOption {\n  id: string\n  name: string\n  /** \u65B0\u7248\u63A8\u8350\u5B57\u6BB5\uFF0C\u542B swatch \u4FE1\u606F */\n  optionValues: ProductOptionValue[]\n  /** @deprecated \u7528 optionValues \u66FF\u4EE3 */\n  values: string[]\n}\n// ============================================================\n// SellingPlan\uFF08\u8BA2\u9605 / \u9884\u4ED8\u8BA1\u5212\uFF09\n// ============================================================\nexport type SellingPlanInterval = 'DAY' | 'WEEK' | 'MONTH' | 'YEAR'\nexport interface SellingPlanRecurringBillingPolicy {\n  interval: SellingPlanInterval\n  intervalCount: number\n}\nexport interface SellingPlanRecurringDeliveryPolicy {\n  interval: SellingPlanInterval\n  intervalCount: number\n}\nexport interface SellingPlanOption {\n  name?: string | null\n  value?: string | null\n}\nexport interface SellingPlanFixedAmountPriceAdjustment {\n  adjustmentAmount: MoneyV2\n}\nexport interface SellingPlanFixedPriceAdjustment {\n  price: MoneyV2\n}\nexport interface SellingPlanPercentagePriceAdjustment {\n  adjustmentPercentage: number\n}\nexport type SellingPlanPriceAdjustmentValue =\n  | SellingPlanFixedAmountPriceAdjustment\n  | SellingPlanFixedPriceAdjustment\n  | SellingPlanPercentagePriceAdjustment\nexport interface SellingPlanPriceAdjustment {\n  adjustmentValue: SellingPlanPriceAdjustmentValue\n  orderCount?: number | null\n}\nexport type SellingPlanCheckoutChargeType = 'PERCENTAGE' | 'PRICE'\nexport interface SellingPlanCheckoutChargePercentageValue {\n  percentage: number\n}\nexport type SellingPlanCheckoutChargeValue = MoneyV2 | SellingPlanCheckoutChargePercentageValue\nexport interface SellingPlanCheckoutCharge {\n  type: SellingPlanCheckoutChargeType\n  value: SellingPlanCheckoutChargeValue\n}\nexport interface SellingPlan {\n  id: string\n  name: string\n  description?: string | null\n  options: SellingPlanOption[]\n  priceAdjustments: SellingPlanPriceAdjustment[]\n  checkoutCharge: SellingPlanCheckoutCharge\n  billingPolicy?: SellingPlanRecurringBillingPolicy | null\n  deliveryPolicy?: SellingPlanRecurringDeliveryPolicy | null\n  recurringDeliveries: boolean\n}\nexport interface SellingPlanAllocationPriceAdjustment {\n  compareAtPrice: MoneyV2\n  perDeliveryPrice: MoneyV2\n  price: MoneyV2\n  unitPrice?: MoneyV2 | null\n}\nexport interface SellingPlanAllocation {\n  sellingPlan: SellingPlan\n  priceAdjustments: SellingPlanAllocationPriceAdjustment[]\n  checkoutChargeAmount: MoneyV2\n  remainingBalanceChargeAmount: MoneyV2\n}\nexport interface SellingPlanGroupOption {\n  name: string\n  values: string[]\n}\nexport interface NormalizedSellingPlanGroup {\n  appName?: string | null\n  name: string\n  options: SellingPlanGroupOption[]\n  sellingPlans: SellingPlan[]\n}\n// ============================================================\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 PRODUCT \u5F52\u4E00\u5316\u5C42 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// ============================================================\nexport interface NormalizedProductVariant {\n  id: string | number\n  title: string\n  sku: string\n  availableForSale?: boolean\n  quantityAvailable?: number | null\n  /** \u9009\u4E2D\u7684\u9009\u9879\uFF0C\u5982 [{ name: 'Color', value: 'Red' }] */\n  selectedOptions?: Array<{ name: string; value: string }>\n  price?: MoneyV2\n  compareAtPrice?: MoneyV2 | null\n  image?: Image | null\n  weight?: number | null\n  weightUnit?: string | null\n  metafields?: Record<string, unknown>\n  sellingPlanAllocations?: SellingPlanAllocation[]\n}\nexport interface NormalizedProduct {\n  id: string\n  handle?: string\n  title?: string\n  description?: string\n  descriptionHtml?: string\n  availableForSale?: boolean\n  productType?: string\n  vendor?: string\n  compareAtPrice?: MoneyV2 | null\n  images?: Image[]\n  variants: NormalizedProductVariant[]\n  options: ProductOption[]\n  metafields?: Record<string, unknown>\n  sellingPlanGroups?: NormalizedSellingPlanGroup[]\n}\n// ============================================================\n// Cart \u76F8\u5173\u8F85\u52A9\u7C7B\u578B\uFF08DeliveryGroups / BuyerIdentity \u76F4\u63A5\u5C55\u5F00\uFF09\n// ============================================================\nexport interface CartDeliveryOption {\n  code?: string | null\n  handle: string\n  title?: string | null\n  description?: string | null\n  estimatedCost: MoneyV2\n  deliveryMethodType: string\n}\nexport interface CartDeliveryGroup {\n  id: string\n  groupType: 'ONE_TIME_PURCHASE' | 'SUBSCRIPTION'\n  deliveryAddress: {\n    address1?: string | null\n    address2?: string | null\n    city?: string | null\n    company?: string | null\n    countryCode?: string | null\n    firstName?: string | null\n    lastName?: string | null\n    phone?: string | null\n    provinceCode?: string | null\n    zip?: string | null\n  }\n  deliveryOptions: CartDeliveryOption[]\n  selectedDeliveryOption?: CartDeliveryOption | null\n  cartLines: {\n    id: string\n    quantity: number\n  }[]\n}\nexport interface CartBuyerIdentity {\n  countryCode?: string | null\n  email?: string | null\n  phone?: string | null\n  customer?: {\n    id: string\n    email?: string | null\n    firstName?: string | null\n    lastName?: string | null\n    phone?: string | null\n  } | null\n}\n// ============================================================\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 CART \u5F52\u4E00\u5316\u5C42 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// ============================================================\nexport interface NormalizedAttribute {\n  key: string\n  value: string | null\n}\nexport interface NormalizedDiscountAllocation {\n  title: string\n  code: string\n  amount: number\n}\nexport interface NormalizedLineItemVariant {\n  id: string | number\n  price: number\n  listPrice?: number\n  sku: string\n  name: string\n  image?: { url: string; altText?: string | null } | null\n  requiresShipping: boolean\n  availableForSale?: boolean\n  quantityAvailable: number\n  currentlyNotInStock: boolean\n  weight?: number | null\n  metafields?: unknown\n}\nexport interface NormalizedLineItem {\n  id: string\n  name: string\n  quantity: number\n  variantId: string\n  productId: string\n  /** \u5355\u4EF7\uFF08\u5DF2\u6362\u7B97\u4E3A number\uFF09 */\n  amountPerQuantity: number\n  /** \u884C\u603B\u4EF7\uFF08quantity \u00D7 amountPerQuantity - \u6298\u6263\uFF09 */\n  totalAmount: number\n  subtotalAmount: number\n  discountAllocations: NormalizedDiscountAllocation[]\n  customAttributes: NormalizedAttribute[]\n  variant: NormalizedLineItemVariant\n  /** \u5173\u8054\u5B8C\u6574\u5546\u54C1\u4FE1\u606F\uFF08\u53EF\u9009\uFF0C\u6309\u9700\u67E5\u8BE2\u65F6\u624D\u5B58\u5728\uFF09 */\n  product?: NormalizedProduct | null\n  /** \u5546\u54C1\u8BE6\u60C5\u9875\u8DEF\u5F84\uFF0C\u5982 /products/xxx?variant=xxx */\n  path: string\n  options?: Array<{ name: string; value: string }>\n}\nexport interface NormalizedCart {\n  id: string\n  createdAt: string\n  currency: { code: string }\n  taxesIncluded?: boolean\n  lineItems: NormalizedLineItem[]\n  /** \u884C\u7EA7\u6298\u6263\u5408\u8BA1 */\n  totalLineItemsDiscount?: number\n  /** \u8BA2\u5355\u7EA7\u6298\u6263\u5408\u8BA1 */\n  orderDiscounts?: number\n  lineItemsSubtotalPrice: number\n  subtotalPrice: number\n  totalPrice: number\n  totalTaxAmount: number\n  discountCodes: Array<{ applicable: boolean; code: string }>\n  discountAllocations?: NormalizedDiscountAllocation[]\n  /** Checkout URL */\n  url: string\n  ready: boolean\n  orderStatusUrl?: string | null\n  customAttributes: NormalizedAttribute[]\n  /** \u8D2D\u7269\u8F66\u5546\u54C1\u6570\u91CF\u4E0A\u9650\uFF08\u4E1A\u52A1\u5C42\u6269\u5C55\u5B57\u6BB5\uFF09 */\n  maxNum?: number\n  /** \u8FD0\u8D39 */\n  deliveryAmount?: { amount: number; currencyCode: string } | null\n  /** \u76F4\u63A5\u590D\u7528\u5C55\u5F00\u540E\u7684 Shopify \u539F\u751F\u7ED3\u6784 */\n  deliveryGroups?: CartDeliveryGroup[]\n  buyerIdentity?: CartBuyerIdentity | null\n}\n"],
+  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
+  "names": ["product_exports", "__toCommonJS"]
+}

package/dist/cjs/biz-components/AccessoriesShelf/types.d.ts

@@ -0,0 +1,43 @@
+import type { Image, MoneyV2 } from './product.js';
+export type { Image, MoneyV2 };
+export type UserType = 'guest' | 'member' | 'plus-member';
+export type PriceStyleType = 1 | 2 | 3 | 4 | 5 | 6;
+export interface AccessoryCardPrice {
+    current: MoneyV2;
+    discount?: number;
+    memberPriceNote?: MoneyV2;
+    priceStyleType: PriceStyleType;
+}
+export interface AccessoryCardProduct {
+    id: string;
+    variantId: string;
+    sku: string;
+    title: string;
+    description?: string;
+    image: Image;
+    availableForSale: boolean;
+    quantityAvailable?: number | null;
+}
+export interface AddedItem {
+    lineItemId: string;
+    productId: string;
+    variantId: string;
+    title: string;
+    image?: Image | null;
+    quantity: number;
+    amountPerQuantity: MoneyV2;
+}
+export type BannerAction = {
+    type: 'link';
+    url: string;
+} | {
+    type: 'modal';
+} | {
+    type: 'addToCart';
+    skuId: string;
+};
+export interface BannerConfig {
+    text: string;
+    backgroundColor?: string;
+    action?: BannerAction;
+}

package/dist/cjs/biz-components/AccessoriesShelf/types.js

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

package/dist/cjs/biz-components/AccessoriesShelf/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/AccessoriesShelf/types.ts"],
+  "sourcesContent": ["import type React from 'react'\nimport type { Image, MoneyV2 } from './product.js'\n\nexport type { Image, MoneyV2 }\n\nexport type UserType = 'guest' | 'member' | 'plus-member'\n\nexport type PriceStyleType = 1 | 2 | 3 | 4 | 5 | 6\n\nexport interface AccessoryCardPrice {\n  current: MoneyV2\n  discount?: number\n  memberPriceNote?: MoneyV2\n  priceStyleType: PriceStyleType\n}\n\nexport interface AccessoryCardProduct {\n  id: string\n  variantId: string\n  sku: string\n  title: string\n  description?: string\n  image: Image\n  availableForSale: boolean\n  quantityAvailable?: number | null\n}\n\nexport interface AddedItem {\n  lineItemId: string\n  productId: string\n  variantId: string\n  title: string\n  image?: Image | null\n  quantity: number\n  amountPerQuantity: MoneyV2\n}\n\nexport type BannerAction = { type: 'link'; url: string } | { type: 'modal' } | { type: 'addToCart'; skuId: string }\n\nexport interface BannerConfig {\n  text: string\n  backgroundColor?: string\n  action?: BannerAction\n}\n"],
+  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
+  "names": ["types_exports", "__toCommonJS"]
+}

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

@@ -83,7 +83,7 @@ declare const _default: React.ForwardRefExoticComponent<Omit<Omit<React.HTMLAttr
     event?: {
         primaryButton?: (_v: any, _index: number) => void;
     };
-} & React.RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../WheelLottery/index.js").ContainerProps & React.RefAttributes<unknown>> & {
+} & React.RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../index.js").ContainerProps & React.RefAttributes<unknown>> & {
     readonly $$typeof: symbol;
 };
 export default _default;

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

@@ -87,7 +87,7 @@ export interface ActiveShelfComponent extends React.ForwardRefExoticComponent<Ac
     /** 独立的 ProductCard 组件 */
     ProductCard: typeof ProductCard;
 }
-declare const ActiveShelfWrapped: React.ForwardRefExoticComponent<Omit<ActiveShelfProps & React.RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../WheelLottery/index.js").ContainerProps & React.RefAttributes<unknown>> & {
+declare const ActiveShelfWrapped: React.ForwardRefExoticComponent<Omit<ActiveShelfProps & React.RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../index.js").ContainerProps & React.RefAttributes<unknown>> & {
     readonly $$typeof: symbol;
     ProductCard: typeof ProductCard;
 };

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

@@ -1,2 +1,2 @@
-"use strict";"use client";var V=Object.create;var h=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames;var D=Object.getPrototypeOf,P=Object.prototype.hasOwnProperty;var w=(t,e)=>{for(var i in e)h(t,i,{get:e[i],enumerable:!0})},A=(t,e,i,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of N(e))!P.call(t,a)&&a!==i&&h(t,a,{get:()=>e[a],enumerable:!(s=C(e,a))||s.enumerable});return t};var H=(t,e,i)=>(i=t!=null?V(D(t)):{},A(e||!t||!t.__esModule?h(i,"default",{value:t,enumerable:!0}):i,t)),L=t=>A(h({},"__esModule",{value:!0}),t);var b={};w(b,{default:()=>j});module.exports=L(b);var l=require("react/jsx-runtime"),c=H(require("react")),o=require("../../components/index.js"),O=require("../../shared/Styles.js"),r=require("../../helpers/utils.js"),R=require("../../hooks/useExposure.js"),x=require("../../shared/trackUrlRef.js"),g=require("class-variance-authority"),y=require("../../helpers/index.js"),T=require("../AiuiProvider/index.js");const u="image",f="activity_mechanism",B=(0,g.cva)("line-clamp-2",{variants:{theme:{light:"text-[#080A0F]",dark:"text-white"}},defaultVariants:{theme:"light"}}),z=(0,g.cva)("desktop:text-[16px] mt-1 line-clamp-2 text-[14px] font-bold leading-[1.4] tracking-[-0.02em]",{variants:{theme:{light:"text-[#080A0F]",dark:"text-white/80"}},defaultVariants:{theme:"light"}}),E=(0,g.cva)("mt-2 !p-0 text-[14px]",{variants:{theme:{light:"text-[#080A0F]",dark:"text-white"}},defaultVariants:{theme:"light"}}),v={default:767,tablet:1024,laptop:1439,desktop:1919,lgDesktop:9999},S=t=>{if(!t)return"";const e=[];return t.lgDesktop?.url&&e.push(`${t.lgDesktop.url}`),t.desktop?.url&&e.push(`${t.desktop.url} ${v.desktop}`),t.laptop?.url&&e.push(`${t.laptop.url} ${v.laptop}`),t.tablet?.url&&e.push(`${t.tablet.url} ${v.tablet}`),t.default?.url&&e.push(`${t.default.url} ${v.default}`),e.join(", ")},F=t=>t&&(t.default?.alt||t.tablet?.alt||t.laptop?.alt||t.desktop?.alt||t.lgDesktop?.alt)||"",_=({item:t,theme:e,classNames:i})=>{const{title:s,description:a,linkText:n,linkHref:p,backgroundImage:m}=t,d=S(m),k=F(m),{locale:$="us"}=(0,T.useAiuiContext)();return(0,l.jsx)("div",{className:(0,r.cn)("rounded-card relative flex flex-col overflow-hidden","desktop:px-6 h-[280px] p-4","laptop:gap-4 gap-3","laptop:h-[320px] lg-desktop:[400px]",i?.card),"data-headless-type-name":`${u}#${f}`,children:(0,l.jsxs)(o.Link,{asChild:!p,href:(0,y.getLocalizedPath)((0,x.trackUrlRef)(p,`${u}_${f}`),$),className:"no-underline",children:[d&&(0,l.jsx)(o.Picture,{source:d,alt:k||s,className:(0,r.cn)("absolute inset-0 size-full",i?.background),imgClassName:"size-full object-cover"}),(0,l.jsxs)("div",{className:"relative z-10",children:[(0,l.jsx)(o.Heading,{as:"h3",size:3,className:(0,r.cn)(B({theme:e}),i?.title),children:s}),(0,l.jsx)(o.Text,{as:"p",className:(0,r.cn)(z({theme:e}),i?.description),children:a}),n&&p&&(0,l.jsx)(o.Button,{variant:"link",as:"a",href:(0,y.getLocalizedPath)((0,x.trackUrlRef)(p,`${u}_${f}`),$),className:(0,r.cn)(E({theme:e}),i?.link),"data-headless-title-desc-button":`${s}#${a}#${n}`,children:n})]})]})})},M=c.default.forwardRef(({data:t,classNames:e},i)=>{const{items:s=[],theme:a="light"}=t,n=(0,c.useRef)(null);if((0,c.useImperativeHandle)(i,()=>n.current),(0,R.useExposure)(n,{componentType:u,componentName:f,componentTitle:s[0]?.title||"",componentDescription:s[0]?.description||""}),!s||s.length===0)return null;const p={1:"laptop:grid-cols-1 desktop:grid-cols-1 lg-desktop:grid-cols-1",2:"laptop:grid-cols-2 desktop:grid-cols-2 lg-desktop:grid-cols-2",3:"tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-3 lg-desktop:grid-cols-3",4:"laptop:grid-cols-4 desktop:grid-cols-4 lg-desktop:grid-cols-4"},m=p[Math.min(s.length,4)]||p[4];return(0,l.jsx)(o.Container,{"data-ui-component-id":"ActivityMechanism",className:(0,r.cn)("activity-mechanism","w-full",e?.root),ref:n,children:(0,l.jsx)("div",{className:(0,r.cn)("tablet:grid-cols-2 laptop:gap-4 grid grid-cols-1 gap-3",m,e?.grid),children:s.map((d,k)=>(0,l.jsx)(_,{item:d,theme:a,classNames:{...e,...s?.length===3&&{card:e?.card+" first:tablet:col-span-full first:laptop:col-span-1"}}},`${d.title}-${k}`))})})});M.displayName="ActivityMechanism";var j=M;
+"use strict";"use client";var C=Object.create;var h=Object.defineProperty;var D=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames;var H=Object.getPrototypeOf,L=Object.prototype.hasOwnProperty;var P=(t,e)=>{for(var i in e)h(t,i,{get:e[i],enumerable:!0})},M=(t,e,i,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of N(e))!L.call(t,r)&&r!==i&&h(t,r,{get:()=>e[r],enumerable:!(l=D(e,r))||l.enumerable});return t};var w=(t,e,i)=>(i=t!=null?C(H(t)):{},M(e||!t||!t.__esModule?h(i,"default",{value:t,enumerable:!0}):i,t)),B=t=>M(h({},"__esModule",{value:!0}),t);var K={};P(K,{default:()=>j});module.exports=B(K);var s=require("react/jsx-runtime"),c=w(require("react")),a=require("../../components/index.js"),U=require("../../shared/Styles.js"),o=require("../../helpers/index.js"),T=require("../../hooks/useExposure.js"),k=require("../../shared/trackUrlRef.js"),g=require("class-variance-authority"),$=require("../../helpers/index.js"),V=require("../AiuiProvider/index.js");const u="image",f="activity_mechanism",z=(0,g.cva)("line-clamp-2",{variants:{theme:{light:"text-[#080A0F]",dark:"text-white"}},defaultVariants:{theme:"light"}}),E=(0,g.cva)("desktop:text-[16px] mt-1 line-clamp-2 text-[14px] font-bold leading-[1.4] tracking-[-0.02em]",{variants:{theme:{light:"text-[#080A0F]",dark:"text-white/80"}},defaultVariants:{theme:"light"}}),S=(0,g.cva)("mt-2 !p-0 text-[14px]",{variants:{theme:{light:"text-[#080A0F]",dark:"text-white"}},defaultVariants:{theme:"light"}}),v={default:767,tablet:1024,laptop:1439,desktop:1919,lgDesktop:9999},_=t=>{if(!t)return"";const e=[];return t.lgDesktop?.url&&e.push(`${t.lgDesktop.url}`),t.desktop?.url&&e.push(`${t.desktop.url} ${v.desktop}`),t.laptop?.url&&e.push(`${t.laptop.url} ${v.laptop}`),t.tablet?.url&&e.push(`${t.tablet.url} ${v.tablet}`),t.default?.url&&e.push(`${t.default.url} ${v.default}`),e.join(", ")},F=t=>t&&(t.default?.alt||t.tablet?.alt||t.laptop?.alt||t.desktop?.alt||t.lgDesktop?.alt)||"",b=({item:t,theme:e,classNames:i})=>{const{title:l,description:r,linkText:n,linkHref:p,backgroundImage:m}=t,d=_(m),x=F(m),{locale:y="us",trackingData:A}=(0,V.useAiuiContext)();return(0,s.jsx)("div",{className:(0,o.cn)("rounded-card relative flex flex-col overflow-hidden","desktop:px-6 h-[280px] p-4","laptop:gap-4 gap-3","laptop:h-[320px] lg-desktop:[400px]",i?.card),"data-headless-type-name":`${u}#${f}`,"data-headless-title-desc-button":`${t.title||""}#${t.description||""}#${t.linkText||""}`,children:(0,s.jsxs)(a.Link,{asChild:!p,href:(0,$.getLocalizedPath)((0,k.trackUrlRef)(p,`${A?.contextHandle||""}_${u}_${f}`),y),className:"no-underline",children:[d&&(0,s.jsx)(a.Picture,{source:d,alt:x||l,className:(0,o.cn)("absolute inset-0 size-full",i?.background),imgClassName:"size-full object-cover"}),(0,s.jsxs)("div",{className:"relative z-10",children:[(0,s.jsx)(a.Heading,{as:"h3",size:3,className:(0,o.cn)(z({theme:e}),i?.title),children:l}),(0,s.jsx)(a.Text,{as:"p",className:(0,o.cn)(E({theme:e}),i?.description),children:r}),n&&p&&(0,s.jsx)(a.Button,{variant:"link",as:"a",href:(0,$.getLocalizedPath)((0,k.trackUrlRef)(p,`${A?.contextHandle||""}_${u}_${f}`),y),className:(0,o.cn)(S({theme:e}),i?.link),"data-headless-title-desc-button":`${l}#${r}#${n}`,children:n})]})]})})},R=c.default.forwardRef(({data:t,classNames:e},i)=>{const{items:l=[],theme:r="light"}=t,n=(0,c.useRef)(null);if((0,c.useImperativeHandle)(i,()=>n.current),(0,T.useExposure)(n,{componentType:u,componentName:f,componentTitle:(0,o.extractLexicalText)(l[0]?.title)||"",componentDescription:(0,o.extractLexicalText)(l[0]?.description)||""}),!l||l.length===0)return null;const p={1:"laptop:grid-cols-1 desktop:grid-cols-1 lg-desktop:grid-cols-1",2:"laptop:grid-cols-2 desktop:grid-cols-2 lg-desktop:grid-cols-2",3:"tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-3 lg-desktop:grid-cols-3",4:"laptop:grid-cols-4 desktop:grid-cols-4 lg-desktop:grid-cols-4"},m=p[Math.min(l.length,4)]||p[4];return(0,s.jsx)(a.Container,{"data-ui-component-id":"ActivityMechanism",className:(0,o.cn)("activity-mechanism","w-full",e?.root),ref:n,children:(0,s.jsx)("div",{className:(0,o.cn)("tablet:grid-cols-2 laptop:gap-4 grid grid-cols-1 gap-3",m,e?.grid),children:l.map((d,x)=>(0,s.jsx)(b,{item:d,theme:r,classNames:{...e,...l?.length===3&&{card:e?.card+" first:tablet:col-span-full first:laptop:col-span-1"}}},`${d.title}-${x}`))})})});R.displayName="ActivityMechanism";var j=R;
 //# sourceMappingURL=index.js.map

package/dist/cjs/biz-components/ActivityMechanism/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/ActivityMechanism/index.tsx"],
-  "sourcesContent": ["'use client'\nimport React, { useImperativeHandle, useRef } from 'react'\nimport { Heading, Picture, Text, Button, Link, Container } from '../../components/index.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport type {\n  ActivityMechanismProps,\n  ActivityMechanismItem,\n  ActivityMechanismSemanticName,\n  ResponsiveBackgroundImage,\n} from './types.js'\nimport { cn } from '../../helpers/utils.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport { trackUrlRef } from '../../shared/trackUrlRef.js'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { getLocalizedPath } from '../../helpers/index.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\n\nconst componentType = 'image'\nconst componentName = 'activity_mechanism'\n\n/**\n * \u6807\u9898\u6837\u5F0F\u53D8\u4F53\n */\nconst titleVariants = cva('line-clamp-2', {\n  variants: {\n    theme: {\n      light: 'text-[#080A0F]',\n      dark: 'text-white',\n    },\n  },\n  defaultVariants: {\n    theme: 'light',\n  },\n})\n\n/**\n * \u63CF\u8FF0\u6837\u5F0F\u53D8\u4F53\n */\nconst descriptionVariants = cva(\n  'desktop:text-[16px] mt-1 line-clamp-2 text-[14px] font-bold leading-[1.4] tracking-[-0.02em]',\n  {\n    variants: {\n      theme: {\n        light: 'text-[#080A0F]',\n        dark: 'text-white/80',\n      },\n    },\n    defaultVariants: {\n      theme: 'light',\n    },\n  }\n)\n\n/**\n * \u94FE\u63A5\u6837\u5F0F\u53D8\u4F53\n */\nconst linkVariants = cva('mt-2 !p-0 text-[14px]', {\n  variants: {\n    theme: {\n      light: 'text-[#080A0F]',\n      dark: 'text-white',\n    },\n  },\n  defaultVariants: {\n    theme: 'light',\n  },\n})\n\ntype ThemeVariants = VariantProps<typeof titleVariants>\n\n/**\n * \u65AD\u70B9\u914D\u7F6E\uFF08\u4E0E Tailwind \u65AD\u70B9\u5BF9\u5E94\uFF09\n * Picture \u7EC4\u4EF6\u4F7F\u7528 max-width \u5A92\u4F53\u67E5\u8BE2\uFF0C\u6240\u4EE5\u9700\u8981\u6309\u4ECE\u5C0F\u5230\u5927\u7684\u987A\u5E8F\u6392\u5217\n */\nconst BREAKPOINTS = {\n  default: 767, // <768px (\u79FB\u52A8\u7AEF)\n  tablet: 1024, // 768px - 1024px\n  laptop: 1439, // 1025px - 1439px\n  desktop: 1919, // 1440px - 1919px\n  lgDesktop: 9999, // \u22651920px (\u6700\u5927\u503C\uFF0C\u4F5C\u4E3A\u9ED8\u8BA4\u56FE\u7247)\n} as const\n\n/**\n * \u5C06\u54CD\u5E94\u5F0F\u80CC\u666F\u56FE\u7247\u5BF9\u8C61\u8F6C\u6362\u4E3A Picture \u7EC4\u4EF6\u7684 source \u5B57\u7B26\u4E32\n * \u683C\u5F0F: \"url1 767, url2 1024, url3 1439, url4 1919, url5\"\n */\nconst buildResponsiveSource = (backgroundImage?: ResponsiveBackgroundImage): string => {\n  if (!backgroundImage) return ''\n\n  const sources: string[] = []\n\n  // \u6309\u65AD\u70B9\u987A\u5E8F\u6DFB\u52A0\u56FE\u7247 URL\n  // lgDesktop \u4F5C\u4E3A\u9ED8\u8BA4\u56FE\u7247\uFF0C\u4E0D\u9700\u8981\u65AD\u70B9\u503C\n  if (backgroundImage.lgDesktop?.url) {\n    sources.push(`${backgroundImage.lgDesktop.url}`)\n  }\n  if (backgroundImage.desktop?.url) {\n    sources.push(`${backgroundImage.desktop.url} ${BREAKPOINTS.desktop}`)\n  }\n  if (backgroundImage.laptop?.url) {\n    sources.push(`${backgroundImage.laptop.url} ${BREAKPOINTS.laptop}`)\n  }\n  if (backgroundImage.tablet?.url) {\n    sources.push(`${backgroundImage.tablet.url} ${BREAKPOINTS.tablet}`)\n  }\n  if (backgroundImage.default?.url) {\n    sources.push(`${backgroundImage.default.url} ${BREAKPOINTS.default}`)\n  }\n\n  return sources.join(', ')\n}\n\n/**\n * \u83B7\u53D6\u54CD\u5E94\u5F0F\u80CC\u666F\u56FE\u7247\u7684\u9ED8\u8BA4 alt \u6587\u672C\n */\nconst getDefaultAlt = (backgroundImage?: ResponsiveBackgroundImage): string => {\n  if (!backgroundImage) return ''\n  return (\n    backgroundImage.default?.alt ||\n    backgroundImage.tablet?.alt ||\n    backgroundImage.laptop?.alt ||\n    backgroundImage.desktop?.alt ||\n    backgroundImage.lgDesktop?.alt ||\n    ''\n  )\n}\n\n/**\n * \u5355\u4E2A\u6D3B\u52A8\u673A\u5236\u5361\u7247\u7EC4\u4EF6\n */\nconst ActivityMechanismCard: React.FC<{\n  item: ActivityMechanismItem\n  theme?: ThemeVariants['theme']\n  classNames?: Partial<Record<ActivityMechanismSemanticName, string>>\n}> = ({ item, theme, classNames }) => {\n  const { title, description, linkText, linkHref, backgroundImage } = item\n  const responsiveSource = buildResponsiveSource(backgroundImage)\n  const defaultAlt = getDefaultAlt(backgroundImage)\n  const { locale = 'us' } = useAiuiContext()\n\n  return (\n    <div\n      className={cn(\n        'rounded-card relative flex flex-col overflow-hidden',\n        'desktop:px-6 h-[280px] p-4',\n        'laptop:gap-4 gap-3',\n        'laptop:h-[320px] lg-desktop:[400px]',\n        classNames?.card\n      )}\n      data-headless-type-name={`${componentType}#${componentName}`}\n    >\n      <Link\n        asChild={!linkHref}\n        href={getLocalizedPath(trackUrlRef(linkHref, `${componentType}_${componentName}`), locale)}\n        className=\"no-underline\"\n      >\n        {/* \u54CD\u5E94\u5F0F\u80CC\u666F\u56FE\u7247 */}\n        {responsiveSource && (\n          <Picture\n            source={responsiveSource}\n            alt={defaultAlt || title}\n            className={cn('absolute inset-0 size-full', classNames?.background)}\n            imgClassName=\"size-full object-cover\"\n          />\n        )}\n\n        {/* \u6587\u672C\u5185\u5BB9\u533A\u57DF */}\n        <div className=\"relative z-10\">\n          <Heading as=\"h3\" size={3} className={cn(titleVariants({ theme }), classNames?.title)}>\n            {title}\n          </Heading>\n          <Text as=\"p\" className={cn(descriptionVariants({ theme }), classNames?.description)}>\n            {description}\n          </Text>\n          {linkText && linkHref && (\n            <Button\n              variant=\"link\"\n              as=\"a\"\n              href={getLocalizedPath(trackUrlRef(linkHref, `${componentType}_${componentName}`), locale)}\n              className={cn(linkVariants({ theme }), classNames?.link)}\n              data-headless-title-desc-button={`${title}#${description}#${linkText}`}\n            >\n              {linkText}\n            </Button>\n          )}\n        </div>\n      </Link>\n    </div>\n  )\n}\n\n/**\n * ActivityMechanism - \u6D3B\u52A8\u673A\u5236\u7EC4\u4EF6\n *\n * @description \u5C55\u793A\u6D3B\u52A8\u673A\u5236/\u4F1A\u5458\u6743\u76CA\u7B49\u5361\u7247\u5217\u8868\u7684\u7EC4\u4EF6\uFF0C\u652F\u6301\u54CD\u5E94\u5F0F\u5E03\u5C40\u548C\u4E3B\u9898\u5207\u6362\n */\nconst ActivityMechanism = React.forwardRef<HTMLDivElement, ActivityMechanismProps>(({ data, classNames }, ref) => {\n  const { items = [], theme = 'light' } = data\n\n  const innerRef = useRef<HTMLDivElement>(null)\n\n  useImperativeHandle(ref, () => innerRef.current as HTMLDivElement)\n\n  useExposure(innerRef, {\n    componentType,\n    componentName,\n    componentTitle: items[0]?.title || '',\n    componentDescription: items[0]?.description || '',\n  })\n\n  if (!items || items.length === 0) {\n    return null\n  }\n\n  // \u6839\u636E items \u6570\u91CF\u6620\u5C04 laptop/desktop/lg-desktop \u7684\u5217\u6570\u7C7B\u540D\n  // \u4F7F\u7528\u663E\u5F0F\u7C7B\u540D\u6620\u5C04\u4EE5\u786E\u4FDD Tailwind \u80FD\u6B63\u786E\u626B\u63CF\n  const gridColsMap: Record<number, string> = {\n    1: 'laptop:grid-cols-1 desktop:grid-cols-1 lg-desktop:grid-cols-1',\n    2: 'laptop:grid-cols-2 desktop:grid-cols-2 lg-desktop:grid-cols-2',\n    3: 'tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-3 lg-desktop:grid-cols-3',\n    4: 'laptop:grid-cols-4 desktop:grid-cols-4 lg-desktop:grid-cols-4',\n  }\n  const gridColsClass = gridColsMap[Math.min(items.length, 4)] || gridColsMap[4]\n\n  return (\n    <Container\n      data-ui-component-id=\"ActivityMechanism\"\n      className={cn('activity-mechanism', 'w-full', classNames?.root)}\n      ref={innerRef}\n    >\n      <div className={cn('tablet:grid-cols-2 laptop:gap-4 grid grid-cols-1 gap-3', gridColsClass, classNames?.grid)}>\n        {items.map((item, index) => (\n          <ActivityMechanismCard\n            key={`${item.title}-${index}`}\n            item={item}\n            theme={theme}\n            classNames={{\n              ...classNames,\n              ...(items?.length === 3 && {\n                card: classNames?.card + ' ' + 'first:tablet:col-span-full first:laptop:col-span-1',\n              }),\n            }}\n          />\n        ))}\n      </div>\n    </Container>\n  )\n})\n\nActivityMechanism.displayName = 'ActivityMechanism'\n\nexport default ActivityMechanism\n"],
-  "mappings": "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",
-  "names": ["ActivityMechanism_exports", "__export", "ActivityMechanism_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_Styles", "import_utils", "import_useExposure", "import_trackUrlRef", "import_class_variance_authority", "import_helpers", "import_AiuiProvider", "componentType", "componentName", "titleVariants", "descriptionVariants", "linkVariants", "BREAKPOINTS", "buildResponsiveSource", "backgroundImage", "sources", "getDefaultAlt", "ActivityMechanismCard", "item", "theme", "classNames", "title", "description", "linkText", "linkHref", "responsiveSource", "defaultAlt", "locale", "ActivityMechanism", "React", "data", "ref", "items", "innerRef", "gridColsMap", "gridColsClass", "index"]
+  "sourcesContent": ["'use client'\nimport React, { useImperativeHandle, useRef } from 'react'\nimport { Heading, Picture, Text, Button, Link, Container } from '../../components/index.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport type {\n  ActivityMechanismProps,\n  ActivityMechanismItem,\n  ActivityMechanismSemanticName,\n  ResponsiveBackgroundImage,\n} from './types.js'\nimport { cn, extractLexicalText } from '../../helpers/index.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport { trackUrlRef } from '../../shared/trackUrlRef.js'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { getLocalizedPath } from '../../helpers/index.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\n\nconst componentType = 'image'\nconst componentName = 'activity_mechanism'\n\n/**\n * \u6807\u9898\u6837\u5F0F\u53D8\u4F53\n */\nconst titleVariants = cva('line-clamp-2', {\n  variants: {\n    theme: {\n      light: 'text-[#080A0F]',\n      dark: 'text-white',\n    },\n  },\n  defaultVariants: {\n    theme: 'light',\n  },\n})\n\n/**\n * \u63CF\u8FF0\u6837\u5F0F\u53D8\u4F53\n */\nconst descriptionVariants = cva(\n  'desktop:text-[16px] mt-1 line-clamp-2 text-[14px] font-bold leading-[1.4] tracking-[-0.02em]',\n  {\n    variants: {\n      theme: {\n        light: 'text-[#080A0F]',\n        dark: 'text-white/80',\n      },\n    },\n    defaultVariants: {\n      theme: 'light',\n    },\n  }\n)\n\n/**\n * \u94FE\u63A5\u6837\u5F0F\u53D8\u4F53\n */\nconst linkVariants = cva('mt-2 !p-0 text-[14px]', {\n  variants: {\n    theme: {\n      light: 'text-[#080A0F]',\n      dark: 'text-white',\n    },\n  },\n  defaultVariants: {\n    theme: 'light',\n  },\n})\n\ntype ThemeVariants = VariantProps<typeof titleVariants>\n\n/**\n * \u65AD\u70B9\u914D\u7F6E\uFF08\u4E0E Tailwind \u65AD\u70B9\u5BF9\u5E94\uFF09\n * Picture \u7EC4\u4EF6\u4F7F\u7528 max-width \u5A92\u4F53\u67E5\u8BE2\uFF0C\u6240\u4EE5\u9700\u8981\u6309\u4ECE\u5C0F\u5230\u5927\u7684\u987A\u5E8F\u6392\u5217\n */\nconst BREAKPOINTS = {\n  default: 767, // <768px (\u79FB\u52A8\u7AEF)\n  tablet: 1024, // 768px - 1024px\n  laptop: 1439, // 1025px - 1439px\n  desktop: 1919, // 1440px - 1919px\n  lgDesktop: 9999, // \u22651920px (\u6700\u5927\u503C\uFF0C\u4F5C\u4E3A\u9ED8\u8BA4\u56FE\u7247)\n} as const\n\n/**\n * \u5C06\u54CD\u5E94\u5F0F\u80CC\u666F\u56FE\u7247\u5BF9\u8C61\u8F6C\u6362\u4E3A Picture \u7EC4\u4EF6\u7684 source \u5B57\u7B26\u4E32\n * \u683C\u5F0F: \"url1 767, url2 1024, url3 1439, url4 1919, url5\"\n */\nconst buildResponsiveSource = (backgroundImage?: ResponsiveBackgroundImage): string => {\n  if (!backgroundImage) return ''\n\n  const sources: string[] = []\n\n  // \u6309\u65AD\u70B9\u987A\u5E8F\u6DFB\u52A0\u56FE\u7247 URL\n  // lgDesktop \u4F5C\u4E3A\u9ED8\u8BA4\u56FE\u7247\uFF0C\u4E0D\u9700\u8981\u65AD\u70B9\u503C\n  if (backgroundImage.lgDesktop?.url) {\n    sources.push(`${backgroundImage.lgDesktop.url}`)\n  }\n  if (backgroundImage.desktop?.url) {\n    sources.push(`${backgroundImage.desktop.url} ${BREAKPOINTS.desktop}`)\n  }\n  if (backgroundImage.laptop?.url) {\n    sources.push(`${backgroundImage.laptop.url} ${BREAKPOINTS.laptop}`)\n  }\n  if (backgroundImage.tablet?.url) {\n    sources.push(`${backgroundImage.tablet.url} ${BREAKPOINTS.tablet}`)\n  }\n  if (backgroundImage.default?.url) {\n    sources.push(`${backgroundImage.default.url} ${BREAKPOINTS.default}`)\n  }\n\n  return sources.join(', ')\n}\n\n/**\n * \u83B7\u53D6\u54CD\u5E94\u5F0F\u80CC\u666F\u56FE\u7247\u7684\u9ED8\u8BA4 alt \u6587\u672C\n */\nconst getDefaultAlt = (backgroundImage?: ResponsiveBackgroundImage): string => {\n  if (!backgroundImage) return ''\n  return (\n    backgroundImage.default?.alt ||\n    backgroundImage.tablet?.alt ||\n    backgroundImage.laptop?.alt ||\n    backgroundImage.desktop?.alt ||\n    backgroundImage.lgDesktop?.alt ||\n    ''\n  )\n}\n\n/**\n * \u5355\u4E2A\u6D3B\u52A8\u673A\u5236\u5361\u7247\u7EC4\u4EF6\n */\nconst ActivityMechanismCard: React.FC<{\n  item: ActivityMechanismItem\n  theme?: ThemeVariants['theme']\n  classNames?: Partial<Record<ActivityMechanismSemanticName, string>>\n}> = ({ item, theme, classNames }) => {\n  const { title, description, linkText, linkHref, backgroundImage } = item\n  const responsiveSource = buildResponsiveSource(backgroundImage)\n  const defaultAlt = getDefaultAlt(backgroundImage)\n  const { locale = 'us', trackingData } = useAiuiContext()\n\n  return (\n    <div\n      className={cn(\n        'rounded-card relative flex flex-col overflow-hidden',\n        'desktop:px-6 h-[280px] p-4',\n        'laptop:gap-4 gap-3',\n        'laptop:h-[320px] lg-desktop:[400px]',\n        classNames?.card\n      )}\n      data-headless-type-name={`${componentType}#${componentName}`}\n      data-headless-title-desc-button={`${item.title || ''}#${item.description || ''}#${item.linkText || ''}`}\n    >\n      <Link\n        asChild={!linkHref}\n        href={getLocalizedPath(\n          trackUrlRef(linkHref, `${trackingData?.contextHandle || ''}_${componentType}_${componentName}`),\n          locale\n        )}\n        className=\"no-underline\"\n      >\n        {/* \u54CD\u5E94\u5F0F\u80CC\u666F\u56FE\u7247 */}\n        {responsiveSource && (\n          <Picture\n            source={responsiveSource}\n            alt={defaultAlt || title}\n            className={cn('absolute inset-0 size-full', classNames?.background)}\n            imgClassName=\"size-full object-cover\"\n          />\n        )}\n\n        {/* \u6587\u672C\u5185\u5BB9\u533A\u57DF */}\n        <div className=\"relative z-10\">\n          <Heading as=\"h3\" size={3} className={cn(titleVariants({ theme }), classNames?.title)}>\n            {title}\n          </Heading>\n          <Text as=\"p\" className={cn(descriptionVariants({ theme }), classNames?.description)}>\n            {description}\n          </Text>\n          {linkText && linkHref && (\n            <Button\n              variant=\"link\"\n              as=\"a\"\n              href={getLocalizedPath(\n                trackUrlRef(linkHref, `${trackingData?.contextHandle || ''}_${componentType}_${componentName}`),\n                locale\n              )}\n              className={cn(linkVariants({ theme }), classNames?.link)}\n              data-headless-title-desc-button={`${title}#${description}#${linkText}`}\n            >\n              {linkText}\n            </Button>\n          )}\n        </div>\n      </Link>\n    </div>\n  )\n}\n\n/**\n * ActivityMechanism - \u6D3B\u52A8\u673A\u5236\u7EC4\u4EF6\n *\n * @description \u5C55\u793A\u6D3B\u52A8\u673A\u5236/\u4F1A\u5458\u6743\u76CA\u7B49\u5361\u7247\u5217\u8868\u7684\u7EC4\u4EF6\uFF0C\u652F\u6301\u54CD\u5E94\u5F0F\u5E03\u5C40\u548C\u4E3B\u9898\u5207\u6362\n */\nconst ActivityMechanism = React.forwardRef<HTMLDivElement, ActivityMechanismProps>(({ data, classNames }, ref) => {\n  const { items = [], theme = 'light' } = data\n\n  const innerRef = useRef<HTMLDivElement>(null)\n\n  useImperativeHandle(ref, () => innerRef.current as HTMLDivElement)\n\n  useExposure(innerRef, {\n    componentType,\n    componentName,\n    componentTitle: extractLexicalText(items[0]?.title) || '',\n    componentDescription: extractLexicalText(items[0]?.description) || '',\n  })\n\n  if (!items || items.length === 0) {\n    return null\n  }\n\n  // \u6839\u636E items \u6570\u91CF\u6620\u5C04 laptop/desktop/lg-desktop \u7684\u5217\u6570\u7C7B\u540D\n  // \u4F7F\u7528\u663E\u5F0F\u7C7B\u540D\u6620\u5C04\u4EE5\u786E\u4FDD Tailwind \u80FD\u6B63\u786E\u626B\u63CF\n  const gridColsMap: Record<number, string> = {\n    1: 'laptop:grid-cols-1 desktop:grid-cols-1 lg-desktop:grid-cols-1',\n    2: 'laptop:grid-cols-2 desktop:grid-cols-2 lg-desktop:grid-cols-2',\n    3: 'tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-3 lg-desktop:grid-cols-3',\n    4: 'laptop:grid-cols-4 desktop:grid-cols-4 lg-desktop:grid-cols-4',\n  }\n  const gridColsClass = gridColsMap[Math.min(items.length, 4)] || gridColsMap[4]\n\n  return (\n    <Container\n      data-ui-component-id=\"ActivityMechanism\"\n      className={cn('activity-mechanism', 'w-full', classNames?.root)}\n      ref={innerRef}\n    >\n      <div className={cn('tablet:grid-cols-2 laptop:gap-4 grid grid-cols-1 gap-3', gridColsClass, classNames?.grid)}>\n        {items.map((item, index) => (\n          <ActivityMechanismCard\n            key={`${item.title}-${index}`}\n            item={item}\n            theme={theme}\n            classNames={{\n              ...classNames,\n              ...(items?.length === 3 && {\n                card: classNames?.card + ' ' + 'first:tablet:col-span-full first:laptop:col-span-1',\n              }),\n            }}\n          />\n        ))}\n      </div>\n    </Container>\n  )\n})\n\nActivityMechanism.displayName = 'ActivityMechanism'\n\nexport default ActivityMechanism\n"],
+  "mappings": "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",
+  "names": ["ActivityMechanism_exports", "__export", "ActivityMechanism_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_Styles", "import_helpers", "import_useExposure", "import_trackUrlRef", "import_class_variance_authority", "import_AiuiProvider", "componentType", "componentName", "titleVariants", "descriptionVariants", "linkVariants", "BREAKPOINTS", "buildResponsiveSource", "backgroundImage", "sources", "getDefaultAlt", "ActivityMechanismCard", "item", "theme", "classNames", "title", "description", "linkText", "linkHref", "responsiveSource", "defaultAlt", "locale", "trackingData", "ActivityMechanism", "React", "data", "ref", "items", "innerRef", "gridColsMap", "gridColsClass", "index"]
 }

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { ActivityScheduleProps } from './types.js';
-declare const _default: React.ForwardRefExoticComponent<Omit<ActivityScheduleProps & React.RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../WheelLottery/index.js").ContainerProps & React.RefAttributes<unknown>> & {
+declare const _default: React.ForwardRefExoticComponent<Omit<ActivityScheduleProps & React.RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../index.js").ContainerProps & React.RefAttributes<unknown>> & {
     readonly $$typeof: symbol;
 };
 export default _default;

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

@@ -1,2 +1,2 @@
-"use strict";"use client";var C=Object.create;var p=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var V=Object.getOwnPropertyNames;var z=Object.getPrototypeOf,I=Object.prototype.hasOwnProperty;var B=(e,t)=>{for(var a in t)p(e,a,{get:t[a],enumerable:!0})},g=(e,t,a,c)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of V(t))!I.call(e,s)&&s!==a&&p(e,s,{get:()=>t[s],enumerable:!(c=P(t,s))||c.enumerable});return e};var L=(e,t,a)=>(a=e!=null?C(z(e)):{},g(t||!e||!e.__esModule?p(a,"default",{value:e,enumerable:!0}):a,e)),E=e=>g(p({},"__esModule",{value:!0}),e);var R={};B(R,{default:()=>M});module.exports=E(R);var i=require("react/jsx-runtime"),v=L(require("react")),d=require("../../helpers/index.js"),l=require("../../components/index.js"),f=require("class-variance-authority"),h=require("swiper/react"),y=require("../../shared/Styles.js");const j=(0,f.cva)("rounded-card laptop:px-6 laptop:py-4 relative flex min-w-0 flex-col justify-between gap-2 overflow-hidden px-4 py-3",{variants:{state:{"active-light":"bg-gradient-to-r from-[#3555aa] to-[#6988e3]","active-dark":"bg-gradient-to-r from-[#3555aa] to-[#6988e3]","inactive-light":"bg-[#EAEAEC]","inactive-dark":"bg-[#1E2024]"},size:{small:"laptop:h-[160px] h-[120px]",large:"laptop:h-[240px] h-[200px]"}},defaultVariants:{state:"inactive-light",size:"small"}}),m=(0,f.cva)("font-bold leading-[1.2]",{variants:{state:{"active-light":"text-white","active-dark":"text-white","inactive-light":"text-[#080A0F]","inactive-dark":"text-white"}},defaultVariants:{state:"inactive-light"}}),w=v.memo(({item:e,theme:t="light",className:a,size:c})=>{const s=e.isActive||!1,o=`${s?"active":"inactive"}-${t}`;return(0,i.jsx)("div",{className:(0,d.cn)(j({state:o,size:c}),a),"data-ui-component-id":"ActivityScheduleCard",children:(0,i.jsxs)(l.Link,{asChild:!e?.link,href:e?.link,className:"size-full no-underline hover:text-current",children:[(s?e.activeIcon:e.inactiveIcon)&&(0,i.jsx)("div",{className:"laptop:w-[160px] aspect-1 absolute right-0 top-0 z-10 w-[120px]",children:(0,i.jsx)(l.Picture,{source:s?e.activeIcon.url:e.inactiveIcon.url,alt:s?e.activeIcon.alt:e.inactiveIcon.alt,className:"aspect-square"})}),(0,i.jsxs)("div",{className:"relative z-20 flex h-full flex-col justify-between",children:[(0,i.jsx)(l.Heading,{as:"h3",size:3,html:e.title,className:(0,d.cn)(m({state:o}))}),(0,i.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,i.jsx)("div",{className:"flex flex-col justify-end overflow-hidden",children:(0,i.jsx)(l.Heading,{as:"h4",size:2,html:e.subtitle,className:(0,d.cn)(" line-clamp-2",m({state:o}))})}),c==="large"&&e.description&&(0,i.jsx)(l.Text,{html:e.description,className:(0,d.cn)("lg-desktop:text-[18px] desktop:text-[16px] line-clamp-3 text-[14px] leading-[1.4]",m({state:o}))})]})]})]})})});w.displayName="ActivityScheduleCard";const x=v.forwardRef(({classNames:e={},data:t,...a},c)=>{const s=t.theme||"light",o=t.size||"large",r=v.useMemo(()=>t?.scheduleList?.length||2,[t?.scheduleList]),k=v.useMemo(()=>{const n=N=>{switch(N){case"mobile":return{slidesPerView:1.17,spaceBetween:12};case"tablet":return r===2?{slidesPerView:2,spaceBetween:12}:{slidesPerView:2.4,spaceBetween:12};case"laptop":return r===2?{}:r===4?{slidesPerView:3.2,spaceBetween:16}:{slidesPerView:r,spaceBetween:16};case"desktop":return r===2?{slidesPerView:2,spaceBetween:16}:{slidesPerView:r,spaceBetween:16}}},u=n("mobile"),S=n("tablet"),b=n("laptop"),A=n("desktop");return{0:u,768:S,1024:b,1440:A}},[r]);return(0,i.jsx)(l.Container,{ref:c,className:(0,d.cn)(e?.root),childClassName:"overflow-hidden","data-ui-component-id":"ActivitySchedule",...a,children:(0,i.jsx)(h.Swiper,{breakpoints:k,className:"w-full !overflow-visible",children:t.scheduleList.map((n,u)=>(0,i.jsx)(h.SwiperSlide,{children:(0,i.jsx)(w,{item:n,theme:s,size:o,className:e?.card})},"activityScheduleCardItem"+u))})})});x.displayName="ActivitySchedule";var M=(0,y.withLayout)(x);
+"use strict";"use client";var E=Object.create;var m=Object.defineProperty;var $=Object.getOwnPropertyDescriptor;var H=Object.getOwnPropertyNames;var T=Object.getPrototypeOf,D=Object.prototype.hasOwnProperty;var R=(e,t)=>{for(var s in t)m(e,s,{get:t[s],enumerable:!0})},k=(e,t,s,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of H(t))!D.call(e,a)&&a!==s&&m(e,a,{get:()=>t[a],enumerable:!(o=$(t,a))||o.enumerable});return e};var M=(e,t,s)=>(s=e!=null?E(T(e)):{},k(t||!e||!e.__esModule?m(s,"default",{value:e,enumerable:!0}):s,e)),j=e=>k(m({},"__esModule",{value:!0}),e);var F={};R(F,{default:()=>q});module.exports=j(F);var i=require("react/jsx-runtime"),d=M(require("react")),p=require("../../helpers/index.js"),A=require("../AiuiProvider/index.js"),N=require("../../shared/trackUrlRef.js"),C=require("../../helpers/index.js"),l=require("../../components/index.js"),y=require("class-variance-authority"),u=require("swiper/react"),P=require("../../shared/Styles.js"),z=require("../../hooks/useExposure.js");const g="image",w="activity_schedule",_=(0,y.cva)("rounded-card laptop:px-6 laptop:py-4 relative flex min-w-0 flex-col justify-between gap-2 overflow-hidden px-4 py-3",{variants:{state:{"active-light":"bg-gradient-to-r from-[#3555aa] to-[#6988e3]","active-dark":"bg-gradient-to-r from-[#3555aa] to-[#6988e3]","inactive-light":"bg-[#EAEAEC]","inactive-dark":"bg-[#1E2024]"},size:{small:"laptop:h-[160px] h-[120px]",large:"laptop:h-[240px] h-[200px]"}},defaultVariants:{state:"inactive-light",size:"small"}}),x=(0,y.cva)("font-bold leading-[1.2]",{variants:{state:{"active-light":"text-white","active-dark":"text-white","inactive-light":"text-[#080A0F]","inactive-dark":"text-white"}},defaultVariants:{state:"inactive-light"}}),S=d.memo(({item:e,theme:t="light",className:s,size:o})=>{const a=e.isActive||!1,{locale:v="us",trackingData:h}=(0,A.useAiuiContext)(),c=h?.contextHandle||"",n=`${a?"active":"inactive"}-${t}`;return(0,i.jsx)("div",{className:(0,p.cn)(_({state:n,size:o}),s),"data-ui-component-id":"ActivityScheduleCard","data-headless-type-name":`${g}#${w}`,"data-headless-title-desc-button":`${e.title}##`,children:(0,i.jsxs)(l.Link,{asChild:!e?.link,href:e?.link?(0,N.trackUrlRef)((0,C.getLocalizedPath)(e.link,v),`${c}_${g}_${w}`):void 0,className:"size-full no-underline hover:text-current",children:[(a?e.activeIcon:e.inactiveIcon)&&(0,i.jsx)("div",{className:"laptop:w-[160px] aspect-1 absolute right-0 top-0 z-10 w-[120px]",children:(0,i.jsx)(l.Picture,{source:a?e.activeIcon.url:e.inactiveIcon.url,alt:a?e.activeIcon.alt:e.inactiveIcon.alt,className:"aspect-square"})}),(0,i.jsxs)("div",{className:"relative z-20 flex h-full flex-col justify-between",children:[(0,i.jsx)(l.Heading,{as:"h3",size:3,html:e.title,className:(0,p.cn)(x({state:n}))}),(0,i.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,i.jsx)("div",{className:"flex flex-col justify-end overflow-hidden",children:(0,i.jsx)(l.Heading,{as:"h4",size:2,html:e.subtitle,className:(0,p.cn)(" line-clamp-2",x({state:n}))})}),o==="large"&&e.description&&(0,i.jsx)(l.Text,{html:e.description,className:(0,p.cn)("lg-desktop:text-[18px] desktop:text-[16px] line-clamp-3 text-[14px] leading-[1.4]",x({state:n}))})]})]})]})})});S.displayName="ActivityScheduleCard";const b=d.forwardRef(({classNames:e={},data:t,...s},o)=>{const a=d.useRef(null);d.useImperativeHandle(o,()=>a.current),(0,z.useExposure)(a,{componentType:g,componentName:w,componentTitle:t.scheduleList?.[0]?.title||"",componentDescription:""});const v=t.theme||"light",h=t.size||"large",c=d.useMemo(()=>t?.scheduleList?.length||2,[t?.scheduleList]),n=d.useMemo(()=>{const r=B=>{switch(B){case"mobile":return{slidesPerView:1.17,spaceBetween:12};case"tablet":return c===2?{slidesPerView:2,spaceBetween:12}:{slidesPerView:2.4,spaceBetween:12};case"laptop":return c===2?{}:c===4?{slidesPerView:3.2,spaceBetween:16}:{slidesPerView:c,spaceBetween:16};case"desktop":return c===2?{slidesPerView:2,spaceBetween:16}:{slidesPerView:c,spaceBetween:16}}},f=r("mobile"),I=r("tablet"),L=r("laptop"),V=r("desktop");return{0:f,768:I,1024:L,1440:V}},[c]);return(0,i.jsx)(l.Container,{ref:a,className:(0,p.cn)(e?.root),childClassName:"overflow-hidden","data-ui-component-id":"ActivitySchedule",...s,children:(0,i.jsx)(u.Swiper,{breakpoints:n,className:"w-full !overflow-visible",children:t.scheduleList.map((r,f)=>(0,i.jsx)(u.SwiperSlide,{children:(0,i.jsx)(S,{item:r,theme:v,size:h,className:e?.card})},"activityScheduleCardItem"+f))})})});b.displayName="ActivitySchedule";var q=(0,P.withLayout)(b);
 //# sourceMappingURL=index.js.map

package/dist/cjs/biz-components/ActivitySchedule/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/ActivitySchedule/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport { Text, Picture, Heading, Container, Link } from '../../components/index.js'\nimport { cva } from 'class-variance-authority'\nimport type { ActivityScheduleProps, ActivityScheduleItem } from './types.js'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport { withLayout } from '../../shared/Styles.js'\n\n/**\n * Card style variants for activity schedule\n */\nconst activityCardVariants = cva(\n  'rounded-card laptop:px-6 laptop:py-4 relative flex min-w-0 flex-col justify-between gap-2 overflow-hidden px-4 py-3',\n  {\n    variants: {\n      state: {\n        // Active state - gradient background\n        'active-light': 'bg-gradient-to-r from-[#3555aa] to-[#6988e3]',\n        'active-dark': 'bg-gradient-to-r from-[#3555aa] to-[#6988e3]',\n        // Inactive state - solid background\n        'inactive-light': 'bg-[#EAEAEC]',\n        'inactive-dark': 'bg-[#1E2024]',\n      },\n      size: {\n        // Small size - 120px height with responsive scaling\n        small: 'laptop:h-[160px] h-[120px]',\n        // Large size - 200px height with responsive scaling\n        large: 'laptop:h-[240px] h-[200px]',\n      },\n    },\n    defaultVariants: {\n      state: 'inactive-light',\n      size: 'small',\n    },\n  }\n)\n\n/**\n * Text style variants for card\n */\nconst cardTextVariants = cva('font-bold leading-[1.2]', {\n  variants: {\n    state: {\n      // Active state - white text\n      'active-light': 'text-white',\n      'active-dark': 'text-white',\n      // Inactive state - dark text\n      'inactive-light': 'text-[#080A0F]',\n      'inactive-dark': 'text-white',\n    },\n  },\n  defaultVariants: {\n    state: 'inactive-light',\n  },\n})\n\n/**\n * Activity Schedule Card Component\n */\nconst ActivityScheduleCard = React.memo(\n  ({\n    item,\n    theme = 'light',\n    className,\n    size,\n  }: {\n    item: ActivityScheduleItem\n    theme?: 'light' | 'dark'\n    className?: string\n    size: 'small' | 'large'\n  }) => {\n    const isActive = item.isActive || false\n\n    // Calculate combined state\n    const cardState = `${isActive ? 'active' : 'inactive'}-${theme}` as\n      | 'active-light'\n      | 'active-dark'\n      | 'inactive-light'\n      | 'inactive-dark'\n\n    return (\n      <div\n        className={cn(activityCardVariants({ state: cardState, size }), className)}\n        data-ui-component-id=\"ActivityScheduleCard\"\n      >\n        <Link asChild={!item?.link} href={item?.link} className=\"size-full no-underline hover:text-current\">\n          {/* Background decoration icon - show activeIcon when active, inactiveIcon when inactive */}\n          {(isActive ? item.activeIcon : item.inactiveIcon) && (\n            <div className=\"laptop:w-[160px] aspect-1 absolute right-0 top-0 z-10 w-[120px]\">\n              <Picture\n                source={isActive ? item.activeIcon!.url : item.inactiveIcon!.url}\n                alt={isActive ? item.activeIcon!.alt : item.inactiveIcon!.alt}\n                className=\"aspect-square\"\n              />\n            </div>\n          )}\n\n          {/* Content area */}\n          <div className=\"relative z-20 flex h-full flex-col justify-between\">\n            {/* Title */}\n            <Heading as=\"h3\" size={3} html={item.title} className={cn(cardTextVariants({ state: cardState }))} />\n\n            <div className=\"flex flex-col gap-1\">\n              {/* Subtitle */}\n              <div className=\"flex flex-col justify-end overflow-hidden\">\n                <Heading\n                  as=\"h4\"\n                  size={2}\n                  html={item.subtitle}\n                  className={cn(' line-clamp-2', cardTextVariants({ state: cardState }))}\n                />\n              </div>\n              {/* Detailed description - only show when size is large */}\n              {size === 'large' && item.description && (\n                <Text\n                  html={item.description}\n                  className={cn(\n                    'lg-desktop:text-[18px] desktop:text-[16px] line-clamp-3 text-[14px] leading-[1.4]',\n                    cardTextVariants({ state: cardState })\n                  )}\n                />\n              )}\n            </div>\n          </div>\n        </Link>\n      </div>\n    )\n  }\n)\n\nActivityScheduleCard.displayName = 'ActivityScheduleCard'\n\n/**\n * ActivitySchedule - Activity Schedule Component\n *\n * @description Display activity schedule card list with active/inactive states, theme switching, and responsive layout\n */\nconst ActivitySchedule = React.forwardRef<HTMLDivElement, ActivityScheduleProps>(\n  ({ classNames = {}, data, ...rest }, ref) => {\n    const theme = data.theme || 'light'\n    const size = data.size || 'large'\n\n    const itemsPerRow = React.useMemo(() => {\n      return data?.scheduleList?.length || 2\n    }, [data?.scheduleList])\n\n    const swiperBreakpoints = React.useMemo(() => {\n      const getBreakpointConfig = (breakpoint: 'mobile' | 'tablet' | 'laptop' | 'desktop') => {\n        switch (breakpoint) {\n          case 'mobile':\n            return { slidesPerView: 1.17, spaceBetween: 12 }\n          case 'tablet':\n            if (itemsPerRow === 2) return { slidesPerView: 2, spaceBetween: 12 }\n            return { slidesPerView: 2.4, spaceBetween: 12 }\n          case 'laptop':\n            if (itemsPerRow === 2) return {}\n            if (itemsPerRow === 4) return { slidesPerView: 3.2, spaceBetween: 16 }\n            return { slidesPerView: itemsPerRow, spaceBetween: 16 }\n          case 'desktop':\n            if (itemsPerRow === 2) return { slidesPerView: 2, spaceBetween: 16 }\n            return { slidesPerView: itemsPerRow, spaceBetween: 16 }\n        }\n      }\n\n      const mobileConfig = getBreakpointConfig('mobile')\n      const tabletConfig = getBreakpointConfig('tablet')\n      const laptopConfig = getBreakpointConfig('laptop')\n      const desktopConfig = getBreakpointConfig('desktop')\n\n      return {\n        0: mobileConfig,\n        768: tabletConfig,\n        1024: laptopConfig,\n        1440: desktopConfig,\n      }\n    }, [itemsPerRow])\n\n    return (\n      <Container\n        ref={ref}\n        className={cn(classNames?.root)}\n        childClassName=\"overflow-hidden\"\n        data-ui-component-id=\"ActivitySchedule\"\n        {...rest}\n      >\n        <Swiper breakpoints={swiperBreakpoints} className=\"w-full !overflow-visible\">\n          {data.scheduleList.map((item, index) => (\n            <SwiperSlide key={'activityScheduleCardItem' + index}>\n              <ActivityScheduleCard item={item} theme={theme} size={size} className={classNames?.card} />\n            </SwiperSlide>\n          ))}\n        </Swiper>\n      </Container>\n    )\n  }\n)\n\nActivitySchedule.displayName = 'ActivitySchedule'\n\nexport default withLayout(ActivitySchedule)\nexport type { ActivityScheduleProps, ActivityScheduleData, ActivityScheduleItem } from './types.js'\n"],
-  "mappings": "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",
-  "names": ["ActivitySchedule_exports", "__export", "ActivitySchedule_default", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "import_components", "import_class_variance_authority", "import_react", "import_Styles", "activityCardVariants", "cardTextVariants", "ActivityScheduleCard", "item", "theme", "className", "size", "isActive", "cardState", "ActivitySchedule", "classNames", "data", "rest", "ref", "itemsPerRow", "swiperBreakpoints", "getBreakpointConfig", "breakpoint", "mobileConfig", "tabletConfig", "laptopConfig", "desktopConfig", "index"]
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport { trackUrlRef } from '../../shared/trackUrlRef.js'\nimport { getLocalizedPath } from '../../helpers/index.js'\nimport { Text, Picture, Heading, Container, Link } from '../../components/index.js'\nimport { cva } from 'class-variance-authority'\nimport type { ActivityScheduleProps, ActivityScheduleItem } from './types.js'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport { withLayout } from '../../shared/Styles.js'\nimport { useExposure } from '../../hooks/useExposure.js'\n\nconst componentType = 'image'\nconst componentName = 'activity_schedule'\n/**\n * Card style variants for activity schedule\n */\nconst activityCardVariants = cva(\n  'rounded-card laptop:px-6 laptop:py-4 relative flex min-w-0 flex-col justify-between gap-2 overflow-hidden px-4 py-3',\n  {\n    variants: {\n      state: {\n        // Active state - gradient background\n        'active-light': 'bg-gradient-to-r from-[#3555aa] to-[#6988e3]',\n        'active-dark': 'bg-gradient-to-r from-[#3555aa] to-[#6988e3]',\n        // Inactive state - solid background\n        'inactive-light': 'bg-[#EAEAEC]',\n        'inactive-dark': 'bg-[#1E2024]',\n      },\n      size: {\n        // Small size - 120px height with responsive scaling\n        small: 'laptop:h-[160px] h-[120px]',\n        // Large size - 200px height with responsive scaling\n        large: 'laptop:h-[240px] h-[200px]',\n      },\n    },\n    defaultVariants: {\n      state: 'inactive-light',\n      size: 'small',\n    },\n  }\n)\n\n/**\n * Text style variants for card\n */\nconst cardTextVariants = cva('font-bold leading-[1.2]', {\n  variants: {\n    state: {\n      // Active state - white text\n      'active-light': 'text-white',\n      'active-dark': 'text-white',\n      // Inactive state - dark text\n      'inactive-light': 'text-[#080A0F]',\n      'inactive-dark': 'text-white',\n    },\n  },\n  defaultVariants: {\n    state: 'inactive-light',\n  },\n})\n\n/**\n * Activity Schedule Card Component\n */\nconst ActivityScheduleCard = React.memo(\n  ({\n    item,\n    theme = 'light',\n    className,\n    size,\n  }: {\n    item: ActivityScheduleItem\n    theme?: 'light' | 'dark'\n    className?: string\n    size: 'small' | 'large'\n  }) => {\n    const isActive = item.isActive || false\n    const { locale = 'us', trackingData } = useAiuiContext()\n    const contextHandle = trackingData?.contextHandle || ''\n    // Calculate combined state\n    const cardState = `${isActive ? 'active' : 'inactive'}-${theme}` as\n      | 'active-light'\n      | 'active-dark'\n      | 'inactive-light'\n      | 'inactive-dark'\n\n    return (\n      <div\n        className={cn(activityCardVariants({ state: cardState, size }), className)}\n        data-ui-component-id=\"ActivityScheduleCard\"\n        data-headless-type-name={`${componentType}#${componentName}`}\n        data-headless-title-desc-button={`${item.title}##`}\n      >\n        <Link\n          asChild={!item?.link}\n          href={\n            item?.link\n              ? trackUrlRef(getLocalizedPath(item.link, locale), `${contextHandle}_${componentType}_${componentName}`)\n              : undefined\n          }\n          className=\"size-full no-underline hover:text-current\"\n        >\n          {/* Background decoration icon - show activeIcon when active, inactiveIcon when inactive */}\n          {(isActive ? item.activeIcon : item.inactiveIcon) && (\n            <div className=\"laptop:w-[160px] aspect-1 absolute right-0 top-0 z-10 w-[120px]\">\n              <Picture\n                source={isActive ? item.activeIcon!.url : item.inactiveIcon!.url}\n                alt={isActive ? item.activeIcon!.alt : item.inactiveIcon!.alt}\n                className=\"aspect-square\"\n              />\n            </div>\n          )}\n\n          {/* Content area */}\n          <div className=\"relative z-20 flex h-full flex-col justify-between\">\n            {/* Title */}\n            <Heading as=\"h3\" size={3} html={item.title} className={cn(cardTextVariants({ state: cardState }))} />\n\n            <div className=\"flex flex-col gap-1\">\n              {/* Subtitle */}\n              <div className=\"flex flex-col justify-end overflow-hidden\">\n                <Heading\n                  as=\"h4\"\n                  size={2}\n                  html={item.subtitle}\n                  className={cn(' line-clamp-2', cardTextVariants({ state: cardState }))}\n                />\n              </div>\n              {/* Detailed description - only show when size is large */}\n              {size === 'large' && item.description && (\n                <Text\n                  html={item.description}\n                  className={cn(\n                    'lg-desktop:text-[18px] desktop:text-[16px] line-clamp-3 text-[14px] leading-[1.4]',\n                    cardTextVariants({ state: cardState })\n                  )}\n                />\n              )}\n            </div>\n          </div>\n        </Link>\n      </div>\n    )\n  }\n)\n\nActivityScheduleCard.displayName = 'ActivityScheduleCard'\n\n/**\n * ActivitySchedule - Activity Schedule Component\n *\n * @description Display activity schedule card list with active/inactive states, theme switching, and responsive layout\n */\nconst ActivitySchedule = React.forwardRef<HTMLDivElement, ActivityScheduleProps>(\n  ({ classNames = {}, data, ...rest }, ref) => {\n    const innerRef = React.useRef<HTMLDivElement>(null)\n\n    React.useImperativeHandle(ref, () => innerRef.current as HTMLDivElement)\n\n    // \u66DD\u5149\u57CB\u70B9\n    useExposure(innerRef, {\n      componentType,\n      componentName,\n      componentTitle: data.scheduleList?.[0]?.title || '',\n      componentDescription: '',\n    })\n\n    const theme = data.theme || 'light'\n    const size = data.size || 'large'\n\n    const itemsPerRow = React.useMemo(() => {\n      return data?.scheduleList?.length || 2\n    }, [data?.scheduleList])\n\n    const swiperBreakpoints = React.useMemo(() => {\n      const getBreakpointConfig = (breakpoint: 'mobile' | 'tablet' | 'laptop' | 'desktop') => {\n        switch (breakpoint) {\n          case 'mobile':\n            return { slidesPerView: 1.17, spaceBetween: 12 }\n          case 'tablet':\n            if (itemsPerRow === 2) return { slidesPerView: 2, spaceBetween: 12 }\n            return { slidesPerView: 2.4, spaceBetween: 12 }\n          case 'laptop':\n            if (itemsPerRow === 2) return {}\n            if (itemsPerRow === 4) return { slidesPerView: 3.2, spaceBetween: 16 }\n            return { slidesPerView: itemsPerRow, spaceBetween: 16 }\n          case 'desktop':\n            if (itemsPerRow === 2) return { slidesPerView: 2, spaceBetween: 16 }\n            return { slidesPerView: itemsPerRow, spaceBetween: 16 }\n        }\n      }\n\n      const mobileConfig = getBreakpointConfig('mobile')\n      const tabletConfig = getBreakpointConfig('tablet')\n      const laptopConfig = getBreakpointConfig('laptop')\n      const desktopConfig = getBreakpointConfig('desktop')\n\n      return {\n        0: mobileConfig,\n        768: tabletConfig,\n        1024: laptopConfig,\n        1440: desktopConfig,\n      }\n    }, [itemsPerRow])\n\n    return (\n      <Container\n        ref={innerRef}\n        className={cn(classNames?.root)}\n        childClassName=\"overflow-hidden\"\n        data-ui-component-id=\"ActivitySchedule\"\n        {...rest}\n      >\n        <Swiper breakpoints={swiperBreakpoints} className=\"w-full !overflow-visible\">\n          {data.scheduleList.map((item, index) => (\n            <SwiperSlide key={'activityScheduleCardItem' + index}>\n              <ActivityScheduleCard item={item} theme={theme} size={size} className={classNames?.card} />\n            </SwiperSlide>\n          ))}\n        </Swiper>\n      </Container>\n    )\n  }\n)\n\nActivitySchedule.displayName = 'ActivitySchedule'\n\nexport default withLayout(ActivitySchedule)\nexport type { ActivityScheduleProps, ActivityScheduleData, ActivityScheduleItem } from './types.js'\n"],
+  "mappings": "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",
+  "names": ["ActivitySchedule_exports", "__export", "ActivitySchedule_default", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "import_AiuiProvider", "import_trackUrlRef", "import_components", "import_class_variance_authority", "import_react", "import_Styles", "import_useExposure", "componentType", "componentName", "activityCardVariants", "cardTextVariants", "ActivityScheduleCard", "item", "theme", "className", "size", "isActive", "locale", "trackingData", "contextHandle", "cardState", "ActivitySchedule", "classNames", "data", "rest", "ref", "innerRef", "itemsPerRow", "swiperBreakpoints", "getBreakpointConfig", "breakpoint", "mobileConfig", "tabletConfig", "laptopConfig", "desktopConfig", "index"]
 }

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

@@ -75,6 +75,12 @@ interface AiuiContextType {
      * </AiuiProvider>
      */
     onExposure?: OnExposureCallback;
+    /**
+     * 自定义 locale → BCP47 语言标签映射，会与内置 map merge（外部优先级更高）。
+     * 消费方无需修改 headless-ui 源码即可支持新 locale 的价格格式化。
+     * @example { 'eu-pl': 'pl-PL', 'eu-pt': 'pt-PT' }
+     */
+    localeMap?: Record<string, string>;
 }
 export declare const AiuiContext: React.Context<AiuiContextType>;
 export declare const useAiuiContext: () => AiuiContextType;