@anker-in/campaign-ui 0.2.10-beta.2 → 0.2.10-beta.21

package/dist/esm/shopify/types/product.d.ts

@@ -1,174 +0,0 @@
-import { Media, Product as ShopifyProduct } from '@shopify/gql';
-import { SearchHook } from './search';
-export type ProductImage = {
-    url: string;
-    alt?: string;
-};
-export type ProductPrice = {
-    value: number;
-    currencyCode?: 'USD' | 'EUR' | 'ARS' | string;
-    retailPrice?: number;
-    salePrice?: number;
-    listPrice?: number;
-    extendedSalePrice?: number;
-    extendedListPrice?: number;
-};
-export type ProductOption = {
-    __typename?: 'ProductOption';
-    id: string;
-    name: string;
-    values: ProductOptionValues[];
-};
-export type ProductOptionValues = {
-    label: string;
-    hexColors?: string[];
-};
-export type ProductVariant = {
-    id: string | number;
-    options: ProductOption[];
-    availableForSale?: boolean;
-    quantityAvailable: number;
-    metafields?: Record<string, any>;
-    [key: string]: any;
-};
-type NormalizedProduct = {
-    id: string;
-    description: string;
-    descriptionHtml?: string;
-    productType?: string;
-    sku?: string;
-    slug?: string;
-    handle?: string;
-    path?: string;
-    images: ProductImage[];
-    media: ProductMedia[];
-    variants: ProductVariant[];
-    price: ProductPrice;
-    listPrice?: number;
-    options: ProductOption[];
-    preRender?: string;
-    seo?: any;
-    metafields?: {
-        [key: string]: any;
-    };
-};
-export type Product = Omit<ShopifyProduct, keyof NormalizedProduct> & NormalizedProduct;
-export type GetProductBody = {
-    handles: string;
-    locale?: string;
-};
-export type ProductTypes = {
-    product: Product;
-    getBody: GetProductBody;
-};
-export type GetProductHook<T extends ProductTypes = ProductTypes> = {
-    data: {
-        products: (T['product'] | {})[] | [];
-    };
-    body: T['getBody'];
-    input: T['getBody'];
-    fetcherInput: T['getBody'];
-};
-export type ProductsSchema<T extends ProductTypes = ProductTypes> = {
-    endpoint: {
-        options: {};
-        handlers: {
-            getProducts: SearchHook;
-            getProduct: GetProductHook<T>;
-        };
-    };
-};
-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 ProductCoupon = {
-    sku: string;
-    variant_shopify_id: number;
-    variant_price: string;
-    handle: string;
-    product_type: string;
-    product_title: string;
-    product_shopify_id: number;
-    title: string;
-    starts_at: string;
-    ends_at?: string;
-    value_type: string;
-    value: string;
-    shopify_domain: string;
-    currency: string;
-    custom_domain: string;
-    shop_discount_threshold_value: number;
-    fixed_value: string;
-    value_style: string;
-    variant_price4wscode: number;
-    variant_image: string;
-    currency_symbol: string;
-    fixed_amount_sort_key: number;
-    percentage_sort_key: number;
-    variant_url: string;
-    variant_metafields: any[];
-    product_tags: string;
-    product_metafields: any[];
-    available_for_sale: boolean;
-    shopify_created_at: string;
-    shopify_updated_at: string;
-    timezone: string;
-    starts_at_with_timezone: string;
-    ends_at_with_timezone?: string;
-    amazon_deal: boolean;
-};
-export type VariantCoupon = {
-    title: string;
-    starts_at: string;
-    ends_at: string | null;
-    variant_shopify_id: number;
-    value_type: 'percentage' | 'fixed' | 'fixed_amount' | 'fix_discount_amount';
-    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 ProductMedia = Media & {
-    sources?: {
-        url: string;
-        altText: string;
-    }[];
-    image?: {
-        url: string;
-        altText: string;
-    };
-};
-export {};

package/dist/esm/shopify/types/search.d.ts

@@ -1,54 +0,0 @@
-import type { ProductTypes } from './product';
-import type { PageTypes } from './page';
-export type SearchBody = {
-    first?: number;
-    after?: string;
-    before?: string;
-    reverse?: boolean;
-    sort?: string;
-    sku?: string;
-    query?: string;
-    search?: string;
-    sortKey?: string;
-    filters?: any;
-    productFilters?: any;
-    categoryId?: string | number;
-    brandId?: string | number;
-    termSearch?: string;
-    types?: string[];
-};
-export type SearchProductsInput = {
-    after?: string;
-    before?: string;
-    sortKey?: string;
-    locale?: string;
-    first?: number;
-    last?: number;
-    types?: string[];
-    filters?: any;
-    productFilters?: any;
-    reverse?: boolean;
-    searchTerm?: string;
-};
-export type ShopifySearchOperation = {
-    data: {
-        products: ProductTypes['product'][];
-        found: boolean;
-    } | {
-        pages: PageTypes['page'][];
-        products: ProductTypes['product'][];
-    };
-    variables: SearchBody;
-};
-export type SearchHook = {
-    data: {
-        products: ProductTypes['product'][];
-        found: boolean;
-    } | {
-        pages: PageTypes['page'][];
-        products: ProductTypes['product'][];
-    };
-    body: SearchBody;
-    input: SearchBody;
-    fetcherInput: SearchBody;
-};

package/dist/esm/shopify/types/site.d.ts

@@ -1,33 +0,0 @@
-import { Category } from './collection';
-export type Brand = any;
-export type Policy = {
-    handle: string;
-    id: string;
-    title: string;
-    body?: string;
-    url?: string;
-};
-export type Shop = {
-    name: string;
-    privacyPolicy: Policy;
-    refundPolicy: Policy;
-    shippingPolicy: Policy;
-    termsOfService: Policy;
-    subscriptionPolicy: Policy;
-};
-export type SiteTypes = {
-    shop: Shop;
-    category: Category;
-    brand: Brand;
-};
-export type GetSiteInfoOperation<T extends SiteTypes = SiteTypes> = {
-    data: {
-        shop: Shop;
-        categories: T['category'][];
-        brands: T['brand'][];
-        shopName?: string;
-        metafields?: {
-            [key: string]: any;
-        };
-    };
-};

package/dist/esm/shopify/types/type-helper.d.ts

@@ -1,5 +0,0 @@
-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/shopify/utils/colors.d.ts

@@ -1,3 +0,0 @@
-export declare function getRandomPairOfColors(): string[];
-export declare const colorMap: Record<string, string>;
-export declare function isDark(color?: string): boolean;

package/dist/esm/shopify/utils/const.d.ts

@@ -1,76 +0,0 @@
-export declare enum CartDataSource {
-    Storefront = "storefront",
-    Theme = "theme"
-}
-export declare const REVALIDATE_TIME: number;
-export declare const SOLD_OUT_PRICE = 9999999.99;
-export declare enum TemplateType {
-    Page = "page",
-    Product = "product",
-    Collection = "collection",
-    Blog = "blog",
-    Article = "article"
-}
-export declare enum DiscountType {
-    fixedAmount = "fixed_amount",
-    percentage = "percentage"
-}
-export declare const createConstants: (config: {
-    env: string;
-    brand: string;
-    locales: string[];
-    googleClientId?: string;
-    facebookAppId?: string;
-    applicationName?: string;
-}) => {
-    locales: string[];
-    env: string;
-    applicationName: any;
-    host: string;
-    brand: string;
-    googleClientId: string | undefined;
-    facebookAppId: string | undefined;
-};
-export declare const COLOR_LABEL: string[];
-export declare enum CouponChannel {
-    LIGHTNING_DEAL = "LIGHTNING_DEAL",
-    DEAL = "LIGHTNING_DEAL",
-    COUPON = "COUPON",
-    PED = "PED",
-    WS24 = "WS24",
-    WSTD = "WSTD",
-    WSCH = "WSCH"
-}
-export declare const PRICE_SYMBOL: {
-    us: string;
-    uk: string;
-    ca: string;
-    eu: string;
-    pl: string;
-    fr: string;
-    de: string;
-    vn: string;
-    cl: string;
-    sg: string;
-    ae: string;
-    es: string;
-};
-export declare const CURRENCY_CODE: {
-    us: string;
-    uk: string;
-    ca: string;
-    eu: string;
-    pl: string;
-    fr: string;
-    de: string;
-    vn: string;
-    cl: string;
-    es: string;
-};
-export declare const COUNTRY_CODE: Record<string, string>;
-export declare const LANGUAGE_CODE: Record<string, string>;
-export declare const CUSTOMER_ATTRIBUTE_KEY = "_discounts_function_env";
-export declare const CUSTOMER_SCRIPT_GIFT_KEY = "_giveaway_gradient_gifts";
-export declare const CODE_AMOUNT_KEY = "_sku_code_money";
-export declare const SCRIPT_CODE_AMOUNT_KEY = "_code_money";
-export declare const MAIN_PRODUCT_CODE: string[];

package/dist/esm/shopify/utils/cookie.d.ts

@@ -1,15 +0,0 @@
-import { ShopifyConfig, SiteConfig } from '@shopify/types/config';
-export declare const SHOPIFY_COOKIE_EXPIRE = 30;
-export declare const SHOPIFY_CART_COOKIE_EXPIRE = 14;
-export declare const getCookieName: (type: string, domain: string, locale: string) => string;
-export declare const getCartIdCookieName: ({ shopifyConfig, siteConfig, withLocale, }: {
-    shopifyConfig: ShopifyConfig;
-    siteConfig: SiteConfig;
-    withLocale?: boolean;
-}) => string;
-export declare const createCartCookieOptions: () => {
-    domain: string;
-    expires: number;
-};
-export declare const setCartCookies: (name: string, value: string) => void;
-export declare const removeCartCookies: (name: string) => void;

package/dist/esm/shopify/utils/errors.d.ts

@@ -1,38 +0,0 @@
-export type ErrorData = {
-    message: string;
-    code?: string;
-};
-export type ErrorProps = {
-    code?: string;
-} & ({
-    message: string;
-    errors?: never;
-} | {
-    message?: never;
-    errors: ErrorData[];
-});
-export declare class CommerceError extends Error {
-    code?: string;
-    errors: ErrorData[];
-    constructor({ message, code, errors }: ErrorProps);
-}
-export declare class ValidationError extends CommerceError {
-    constructor(options: ErrorProps);
-}
-export declare class CommerceFetcherError extends CommerceError {
-    status: number;
-    constructor(options: {
-        status: number;
-    } & ErrorProps);
-}
-export declare class FetcherError extends Error {
-    status: number;
-    errors: string[];
-    errorCode: string;
-    constructor(options: {
-        status: number;
-        errors?: string[];
-        message?: string;
-        errorCode?: string;
-    });
-}

package/dist/esm/shopify/utils/fetch-graphql-api.d.ts

@@ -1,19 +0,0 @@
-import { ShopifyConfig } from '@shopify/types/config';
-/**
- * Graphql Api 接口 fetch 方法
- * @param query: 查询语句
- * @param variables: 查询参数
- * @param config: 店铺配置
- * @returns
- */
-export declare function fetchGraphqlApi<Data, Variables = undefined>({ query, variables, fetchOptions, headers, config, }: {
-    query: string;
-    variables?: Variables;
-    headers?: Record<string, any>;
-    fetchOptions?: Omit<RequestInit, 'headers' | 'method' | 'body'>;
-    config: ShopifyConfig;
-}): Promise<{
-    status: number;
-    data: Data;
-    errors?: any;
-} | never>;

package/dist/esm/shopify/utils/handle-fetch-response.d.ts

@@ -1,5 +0,0 @@
-import { CommerceFetcherError, FetcherError } from './errors';
-export declare function getCommerceError(errors: any[] | null, status?: number): CommerceFetcherError;
-export declare function getFetcherError(error: string | string[], statusCode: any, errorCode: any): Promise<FetcherError>;
-export declare function getAsyncError(res: Response, responseData: any): Promise<FetcherError>;
-export declare const handleFetchResponse: (res: Response) => Promise<any>;

package/dist/esm/shopify/utils/helper.d.ts

@@ -1,28 +0,0 @@
-import { HasMetafieldsIdentifier } from '../gql';
-import { HasMetafieldQueryRoot } from '../types/fetcher';
-import { PartialRecord } from '../utils/type-helper';
-import { ProductVariant } from '../types/product';
-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 查询参数
- * {
- *   product: { namespace: 'product', key: 'img' },
- *   variant: { namespace: 'variant', key: 'img' }
- * }
- * =>
- * {
- *  productMetafieldIdentifiers: [{ namespace: 'combo', key: 'product' }]
- *  variantMetafieldIdentifiers: [{ namespace: 'combo', key: 'variant' }]
- * }
- */
-export declare function constructMetafieldIdentifiersQueryParams<T extends HasMetafieldQueryRoot>(metafieldIdentifiers?: PartialRecord<T, HasMetafieldsIdentifier[]>, metafieldsNamespace?: string): PartialRecord<`${T}MetafieldIdentifiers`, HasMetafieldsIdentifier[]>;
-export declare const referralAttributes: () => {
-    key: string;
-    value: string;
-}[];
-export declare const getNormalCoupon: ({ variant }: {
-    variant?: ProductVariant;
-}) => any;

package/dist/esm/shopify/utils/normalize/cart.d.ts

@@ -1,7 +0,0 @@
-import { CartLine as ShopifyCartLine } from '@shopify/gql';
-import type { Cart, LineItem } from '@shopify/types/cart';
-import type { Cart as ShopifyCart } from '@shopify/gql';
-export declare function normalizeCart(cart: ShopifyCart, metafieldNamespacePrefix?: string): Cart;
-export declare function normalizeLineItem({ node: { id, merchandise: variant, quantity, discountAllocations, attributes, cost }, }: {
-    node: ShopifyCartLine;
-}, metafieldNamespacePrefix?: string): LineItem;

package/dist/esm/shopify/utils/normalize/customer.d.ts

@@ -1,3 +0,0 @@
-import { Customer } from '../../types/customer';
-import { Customer as ShopifyCustomer } from '@shopify/gql';
-export declare function normalizeCustomer(customer: ShopifyCustomer): Customer;

package/dist/esm/shopify/utils/normalize/index.d.ts

@@ -1,2 +0,0 @@
-export * from './cart';
-export * from './metafield';

package/dist/esm/shopify/utils/normalize/metafield.d.ts

@@ -1,5 +0,0 @@
-import { Maybe } from 'graphql/jsutils/Maybe';
-import { Metafield } from '../../gql';
-export declare const normalizeMetafields: (metafields: Maybe<Metafield>[], metafieldNamespacePrefix: string) => Record<string, any>;
-export declare function parseJSON(str: string): any;
-export declare const parseMetafield: (metafield: Metafield) => any;

package/dist/esm/shopify/utils/normalize/product.d.ts

@@ -1,16 +0,0 @@
-import { Product as ShopifyProduct, ProductOption } from '../../gql';
-import type { Product } from '../../types/product';
-export declare const normalizeProductOption: ({ id, name, values, }: ProductOption) => {
-    __typename: "ProductOption";
-    id: string;
-    name: string;
-    values: {
-        label: string;
-        hexColors?: string[];
-    }[];
-};
-export declare const getCouponsFromVariantMetafields: ({ metafields, variantId }: {
-    metafields: any;
-    variantId: string;
-}) => any;
-export declare function normalizeProduct(product: ShopifyProduct, metafieldNamespacePrefix?: string): Product;

package/dist/esm/shopify/utils/store.d.ts

@@ -1,2 +0,0 @@
-import { getThemeLocale } from './helper';
-export { getThemeLocale };

package/dist/esm/shopify/utils/type-helper.d.ts

@@ -1,5 +0,0 @@
-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/stories/chat.stories.d.ts

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Chat } from '../components/index';
-import '../styles/chat.css';
-type Story = StoryObj<typeof meta>;
-declare const meta: Meta<typeof Chat>;
-export default meta;
-export declare const Default: Story;

package/src/shopify/MIGRATION_GUIDE.md

@@ -1,156 +0,0 @@
-# Shopify Context 迁移指南
-
-## 概述
-
-本指南帮助你将现有的环境变量依赖迁移到新的 `ShopifyContext` 系统。
-
-## 迁移步骤
-
-### 1. 设置 Provider
-
-在主应用的根组件中设置 `ShopifyProvider`：
-
-```tsx
-import { ShopifyProvider, createShopifyConfig } from '@anker-in/campaign-ui/shopify/context'
-
-// 方式 1: 手动配置
-const shopifyConfig = createShopifyConfig({
-  brand: 'soundcore',
-  env: 'production',
-  metafieldNamespacePrefix: 'custom',
-  stores: [
-    {
-      locale: 'us',
-      domain: 'store-us.myshopify.com',
-      token: 'your-us-token',
-      themeDomain: 'us.soundcore.com'
-    },
-    {
-      locale: 'eu', 
-      domain: 'store-eu.myshopify.com',
-      token: 'your-eu-token',
-      themeDomain: 'eu.soundcore.com'
-    }
-  ]
-})
-
-function App({ locale }: { locale: string }) {
-  return (
-    <ShopifyProvider config={shopifyConfig} locale={locale}>
-      <YourAppContent />
-    </ShopifyProvider>
-  )
-}
-```
-
-### 2. 替换环境变量使用
-
-#### 旧方式 (环境变量):
-```tsx
-import { I18N_STOREFRONT_TOKEN, I18N_STORE_DOMAIN, BRAND } from './utils/store'
-
-const token = I18N_STOREFRONT_TOKEN[locale]
-const domain = I18N_STORE_DOMAIN[locale]
-const brand = BRAND
-```
-
-#### 新方式 (Context):
-```tsx
-import { useShopifyContext, useStoreTokens, useStoreDomains, useStoreConfig } from './context'
-
-const { currentStore, brand } = useShopifyContext()
-const { currentToken } = useStoreTokens()
-const { currentDomain } = useStoreDomains()
-const { brand: configBrand } = useStoreConfig()
-```
-
-### 3. 常用迁移模式
-
-#### 获取当前店铺信息
-```tsx
-// 旧方式
-const currentStore = I18N_STORE_DOMAIN[locale]
-const currentToken = I18N_STOREFRONT_TOKEN[locale]
-
-// 新方式
-const { currentStore } = useShopifyContext()
-const { currentToken } = useStoreTokens()
-```
-
-#### 获取 API URL
-```tsx
-// 旧方式
-const apiUrl = `https://${I18N_STORE_DOMAIN[locale]}/api/2025-07/graphql.json`
-
-// 新方式
-const { getApiUrlByLocale } = useShopifyContext()
-const apiUrl = getApiUrlByLocale(locale)
-```
-
-#### 获取主题域名
-```tsx
-// 旧方式
-const themeDomain = I18N_THEME_DOMAIN[locale]
-
-// 新方式
-const { getThemeDomainByLocale } = useShopifyContext()
-const themeDomain = getThemeDomainByLocale(locale)
-```
-
-### 4. 多国家页面构建
-
-对于不同国家的页面，你可以在构建时动态设置 locale：
-
-```tsx
-// pages/[locale]/products.tsx
-import { ShopifyProvider, createShopifyConfig } from '@anker-in/campaign-ui/shopify/context'
-
-export default function ProductsPage({ locale }: { locale: string }) {
-  const shopifyConfig = createShopifyConfig({
-    brand: 'soundcore',
-    env: process.env.NODE_ENV === 'production' ? 'production' : 'development',
-    metafieldNamespacePrefix: 'custom',
-    stores: getStoresForLocale(locale) // 根据 locale 获取对应的店铺配置
-  })
-
-  return (
-    <ShopifyProvider config={shopifyConfig} locale={locale}>
-      <ProductList />
-    </ShopifyProvider>
-  )
-}
-```
-
-### 5. 向后兼容
-
-如果你需要逐步迁移，可以使用 `createShopifyConfigFromEnv()` 来保持向后兼容：
-
-```tsx
-import { createShopifyConfigFromEnv } from '@anker-in/campaign-ui/shopify/context'
-
-// 从环境变量创建配置（向后兼容）
-const shopifyConfig = createShopifyConfigFromEnv()
-
-function App({ locale }: { locale: string }) {
-  return (
-    <ShopifyProvider config={shopifyConfig} locale={locale}>
-      <YourAppContent />
-    </ShopifyProvider>
-  )
-}
-```
-
-## 优势
-
-1. **类型安全**: 完整的 TypeScript 支持
-2. **灵活性**: 支持动态配置，不依赖环境变量
-3. **多店铺支持**: 轻松管理多个国家的店铺配置
-4. **测试友好**: 可以轻松 mock 配置进行测试
-5. **构建时配置**: 支持在构建时根据国家动态设置配置
-
-## 注意事项
-
-1. 确保在使用任何 shopify 相关 hooks 之前设置了 `ShopifyProvider`
-2. 每个页面/组件只能有一个 `ShopifyProvider`
-3. `locale` 必须在配置的 `stores` 中存在
-4. 建议在生产环境中使用手动配置而不是环境变量