@anker-in/campaign-ui 0.1.10 → 0.2.10-beta.1

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

@@ -0,0 +1,174 @@
+import { Media, Product as ShopifyProduct } from '../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

@@ -0,0 +1,54 @@
+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

@@ -0,0 +1,33 @@
+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

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

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,76 @@
+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

@@ -0,0 +1,15 @@
+import { ShopifyConfig, SiteConfig } from '../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

@@ -0,0 +1,38 @@
+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

@@ -0,0 +1,19 @@
+import { ShopifyConfig } from '../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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,28 @@
+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

@@ -0,0 +1,7 @@
+import { CartLine as ShopifyCartLine } from '../../gql';
+import type { Cart, LineItem } from '../../types/cart';
+import type { Cart as ShopifyCart } from '../../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

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

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

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

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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,16 @@
+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

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

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

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

package/dist/esm/stories/chat.stories.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anker-in/campaign-ui",
-  "version": "0.1.10",
+  "version": "0.2.10-beta.1",
   "type": "commonjs",
   "main": "./dist/cjs/index.js",
   "types": "./dist/cjs/index.d.ts",
@@ -16,8 +16,10 @@
         "default": "./dist/esm/index.js"
       }
     },
-    "./*": "./*",
-    "./chat.css": "./src/styles/chat.css"
+    "./tailwind.config": "./tailwind.config.ts",
+    "./style.css": "./style.css",
+    "./chat.css": "./src/styles/chat.css",
+    "./*": "./*"
   },
   "description": "",
   "files": [
@@ -25,6 +27,7 @@
     "dist/**",
     "styles/**",
     "*.css",
+    "tailwind.config.ts",
     "README.md",
     "CONTRIBUTING.md"
   ],
@@ -33,23 +36,6 @@
     "**/*.css",
     "**/**/*.css"
   ],
-  "scripts": {
-    "dev": "pnpm run dev:css & pnpm run dev:js:esm & pnpm run dev:js:cjs & pnpm run dev:js:esm:types & pnpm run dev:js:cjs:types",
-    "dev:js:cjs": "node esbuild-cjs.mjs watch=true",
-    "dev:js:cjs:types": "tsc --watch --incremental --outdir dist/cjs",
-    "dev:js:esm": "node esbuild-esm.mjs watch=true",
-    "dev:js:esm:types": "tsc --watch --incremental --outdir dist/esm",
-    "dev:css": "postcss src/styles/global.css -o style.css --watch",
-    "build": "pnpm run build:css & pnpm run build:js:esm & pnpm run build:js:cjs & pnpm run build:js:esm:types & pnpm run build:js:cjs:types",
-    "build:js:cjs": "node esbuild-cjs.mjs",
-    "build:js:cjs:types": "tsc --outdir dist/cjs",
-    "build:js:esm": "node esbuild-esm.mjs",
-    "build:js:esm:types": "tsc --outdir dist/esm",
-    "build:css": "postcss src/styles/chat.css -o style.css",
-    "lint": "eslint \"src/**/*.ts*\"",
-    "test": "echo run @anker-in/campaign-ui tests",
-    "clean": "rm -rf .turbo node_modules dist style.css"
-  },
   "keywords": [],
   "author": "",
   "license": "ISC",
@@ -73,10 +59,10 @@
     "stylelint": "^16.6.0"
   },
   "dependencies": {
-    "@copilotkit/react-core": "1.8.11",
-    "@copilotkit/react-ui": "1.8.11",
-    "@copilotkit/runtime-client-gql": "1.8.11",
-    "@copilotkit/shared": "1.8.11",
+    "@copilotkit/react-core": "1.1.2",
+    "@copilotkit/react-ui": "1.1.2",
+    "@copilotkit/runtime-client-gql": "1.1.2",
+    "@copilotkit/shared": "1.1.2",
     "@monaco-editor/react": "^4.6.0",
     "@radix-ui/react-checkbox": "^1.0.4",
     "@radix-ui/react-dialog": "^1.0.5",
@@ -88,13 +74,34 @@
     "autoprefixer": "^10.4.19",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
+    "dayjs": "^1.11.7",
     "gsap": "^3.12.5",
     "monaco-editor": "^0.52.0",
     "postcss": "^8.4.38",
-    "react": "^18.3.1",
     "react-codepen-embed": "^1.1.0",
-    "react-dom": "^18.3.1",
     "tailwind-merge": "^2.3.0",
-    "tailwindcss": "^3.4.3"
+    "tailwindcss": "^3.4.3",
+    "@anker-in/headless-ui": "1.0.19"
+  },
+  "peerDependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "scripts": {
+    "dev": "pnpm run dev:css & pnpm run dev:js:esm & pnpm run dev:js:cjs & pnpm run dev:js:esm:types & pnpm run dev:js:cjs:types",
+    "dev:js:cjs": "node esbuild-cjs.mjs watch=true",
+    "dev:js:cjs:types": "tsc --watch --incremental --outdir dist/cjs",
+    "dev:js:esm": "node esbuild-esm.mjs watch=true",
+    "dev:js:esm:types": "tsc --watch --incremental --outdir dist/esm",
+    "dev:css": "postcss src/styles/global.css -o style.css --watch",
+    "build": "pnpm run build:css & pnpm run build:js:esm & pnpm run build:js:cjs & pnpm run build:js:esm:types & pnpm run build:js:cjs:types",
+    "build:js:cjs": "node esbuild-cjs.mjs",
+    "build:js:cjs:types": "tsc --outdir dist/cjs",
+    "build:js:esm": "node esbuild-esm.mjs",
+    "build:js:esm:types": "tsc --outdir dist/esm",
+    "build:css": "postcss src/styles/chat.css -o style.css",
+    "lint": "eslint \"src/**/*.ts*\"",
+    "test": "echo run @anker-in/campaign-ui tests",
+    "clean": "rm -rf .turbo node_modules dist style.css"
   }
 }

package/src/components/chat/button.tsx

@@ -1,6 +1,6 @@
 import { useChatContext } from '@copilotkit/react-ui'
 
-import type { ButtonProps } from './props.js'
+import type { ButtonProps } from './props'
 
 const DefaultButton = ({ setOpen }: ButtonProps) => {
   const context = useChatContext()

package/src/components/chat/index.tsx

@@ -3,12 +3,12 @@ import React, { useMemo } from 'react'
 import { useCallback, useState, useEffect } from 'react'
 import { CopilotKit } from '@copilotkit/react-core'
 import { CopilotPopup } from '@copilotkit/react-ui'
-import DefaultButton from './button.js'
-import Messages from './messages.js'
-import ResponseButton from './response.js'
-import Suggestions from './suggestions.js'
-import { CopilotAction } from './action.js'
-import fetcher from '../../helpers/fetcher.js'
+import DefaultButton from './button'
+import Messages from './messages'
+import ResponseButton from './response'
+import Suggestions from './suggestions'
+import { CopilotAction } from './action'
+import fetcher from '../../helpers/fetcher'
 
 export interface ChatProps {
   title: string

package/src/components/chat/messages.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useMemo, useState } from 'react'
-import type { MessagesProps } from './props.js'
+import type { MessagesProps } from './props'
 import { useChatContext } from '@copilotkit/react-ui'
-import { Markdown } from './markdown.js'
+import { Markdown } from './markdown'
 import { type RenderFunctionStatus, useCopilotContext } from '@copilotkit/react-core'
 import {
   MessageStatusCode,