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

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/shopify/utils/normalize/index.d.ts

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

package/dist/cjs/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/cjs/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/cjs/shopify/utils/store.d.ts

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

package/dist/cjs/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/cjs/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/dist/esm/components/chat/action.d.ts

@@ -10,13 +10,16 @@ export interface ActionProps {
     start?: string;
     history: Message[];
     addtocartHandler?: (_args: any) => Promise<any>;
+    commonRender?: string | ((_props: any) => React.ReactElement);
+    pointsExchangeCouponRender?: string | ((_props: any) => React.ReactElement);
     gotocheckoutRender?: string | ((_props: any) => React.ReactElement);
     gotocartRender?: string | ((_props: any) => React.ReactElement);
     addtocartRender?: string | ((_props: any) => React.ReactElement);
     signupRender?: string | ((_props: any) => React.ReactElement);
+    shulexRender?: string | ((_props: any) => React.ReactElement);
     productRender?: string | ((_props: any) => React.ReactElement);
     productRenderTipMessage?: string;
     children?: React.ReactNode;
 }
-export declare const CopilotAction: ({ start, history, addtocartHandler, gotocheckoutRender, gotocartRender, addtocartRender, productRender, signupRender, children, }: ActionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CopilotAction: ({ start, history, addtocartHandler, commonRender, pointsExchangeCouponRender, gotocheckoutRender, gotocartRender, addtocartRender, productRender, signupRender, shulexRender, children, }: ActionProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/components/chat/action.js

@@ -1,2 +1,2 @@
-import{jsx as t}from"react/jsx-runtime";import"react";import{useEffect as f}from"react";import{useCopilotChat as R,useCopilotAction as r,useCopilotReadable as _}from"@copilotkit/react-core";import{Role as c,ActionExecutionMessage as N,TextMessage as E}from"@copilotkit/runtime-client-gql";const O=({start:M,history:s,addtocartHandler:o,gotocheckoutRender:d,gotocartRender:p,addtocartRender:g,productRender:m,signupRender:l,children:u})=>{const{setMessages:h,appendMessage:k,isLoading:v}=R();return f(()=>{const e=s?.filter(a=>a?.content||a?.arguments);if(e?.length>0){const a=e?.map(n=>{if(n?.name&&n?.arguments){const y=n?.arguments?.map(i=>i?{...i,ishistory:!0}:{});return new N({name:n?.name,arguments:y,scope:n?.scope})}return new E({...n,role:n?.role==="user"?c.User:c.Assistant})});h(a)}},[s]),r({name:"go_to_checkout",description:"go to cart",parameters:[{sku:"",handle:""}],render:d||(e=>t("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(){}}),r({name:"go_to_cart",description:"go to cart",parameters:[{sku:"",handle:""}],render:p||(e=>t("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(){}}),r({name:"add_to_cart",description:"add to cart",parameters:[{sku:"",handle:""}],render:g||(e=>t("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(e){o&&o(e)}}),r({name:"show_product_card",description:"product card",parameters:[{sku:"",handle:""}],render:m||(e=>t("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(e){console.log("show_product_card-props",e)}}),r({name:"signup",description:"signup",parameters:[{name:"signup"}],render:l||(e=>t("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(){}}),_({description:"Today's date",value:new Date().toLocaleDateString()}),t("div",{children:u})};export{O as CopilotAction};
+import{jsx as n}from"react/jsx-runtime";import{useEffect as N}from"react";import{useCopilotChat as v,useCopilotAction as t,useCopilotReadable as E}from"@copilotkit/react-core";import{Role as c,ActionExecutionMessage as x,TextMessage as S}from"@copilotkit/runtime-client-gql";const T=({start:J,history:s,addtocartHandler:i,commonRender:d,pointsExchangeCouponRender:p,gotocheckoutRender:m,gotocartRender:g,addtocartRender:l,productRender:u,signupRender:h,shulexRender:y,children:R})=>{const{setMessages:f,appendMessage:O,isLoading:M}=v();return N(()=>{const e=s?.filter(r=>r?.content||r?.arguments);if(e?.length>0){const r=e?.map(a=>{if(a?.name&&a?.arguments){const _=a?.arguments?.map(o=>o?{...o,ishistory:!0}:{});return new x({name:a?.name,arguments:_,scope:a?.scope})}return new S({...a,role:a?.role==="user"?c.User:c.Assistant})});f(r)}},[s]),t({name:"go_to_checkout",description:"go to cart",parameters:[{sku:"",handle:""}],render:m||(e=>n("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(){}}),t({name:"common_action",description:"common action",parameters:[{act:""}],render:d||(e=>n("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(){}}),t({name:"points_exchange_coupon",description:"points exchange coupon",parameters:[{act:""}],render:p||(e=>n("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(){}}),t({name:"go_to_cart",description:"go to cart",parameters:[{sku:"",handle:""}],render:g||(e=>n("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(){}}),t({name:"add_to_cart",description:"add to cart",parameters:[{sku:"",handle:""}],render:l||(e=>n("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(e){i&&i(e)}}),t({name:"show_product_card",description:"product card",parameters:[{sku:"",handle:""}],render:u||(e=>n("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(e){}}),t({name:"signup",description:"signup",parameters:[{name:"signup"}],render:h||(e=>n("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(){}}),t({name:"shulex",description:"shulex",parameters:[{name:"shulex"}],render:y||(e=>n("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(){}}),E({description:"Today's date",value:new Date().toLocaleDateString()}),n("div",{children:R})};export{T as CopilotAction};
 //# sourceMappingURL=action.js.map

package/dist/esm/components/chat/action.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/chat/action.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { useEffect } from 'react'\nimport { useCopilotChat, useCopilotAction, useCopilotReadable } from '@copilotkit/react-core'\nimport { Role, ActionExecutionMessage, TextMessage } from '@copilotkit/runtime-client-gql'\n\ninterface Message {\n  content: string\n  role: string\n  name?: string\n  scope?: any\n  arguments?: any\n}\n\nexport interface ActionProps {\n  start?: string\n  history: Message[]\n  addtocartHandler?: (_args: any) => Promise<any>\n  gotocheckoutRender?: string | ((_props: any) => React.ReactElement)\n  gotocartRender?: string | ((_props: any) => React.ReactElement)\n  addtocartRender?: string | ((_props: any) => React.ReactElement)\n  signupRender?: string | ((_props: any) => React.ReactElement)\n  productRender?: string | ((_props: any) => React.ReactElement)\n  productRenderTipMessage?: string\n  children?: React.ReactNode\n}\n\nexport const CopilotAction = ({\n  start,\n  history,\n  addtocartHandler,\n  gotocheckoutRender,\n  gotocartRender,\n  addtocartRender,\n  productRender,\n  signupRender,\n  children,\n}: ActionProps) => {\n  const { setMessages, appendMessage, isLoading } = useCopilotChat()\n\n  useEffect(() => {\n    const originhistory = history?.filter(value => value?.content || value?.arguments)\n    if (originhistory?.length > 0) {\n      const content = originhistory?.map(value => {\n        if (value?.name && value?.arguments) {\n          const args = value?.arguments?.map((item: any) => (item ? { ...item, ishistory: true } : {}))\n          return new ActionExecutionMessage({\n            name: value?.name,\n            arguments: args,\n            scope: value?.scope,\n          })\n        }\n        return new TextMessage({\n          ...value,\n          role: value?.role === 'user' ? Role.User : Role.Assistant,\n        })\n      })\n      setMessages(content)\n    }\n  }, [history])\n\n  useCopilotAction({\n    name: 'go_to_checkout',\n    description: 'go to cart',\n    parameters: [{ sku: '', handle: '' }] as any,\n    render: gotocheckoutRender || (props => <div className=\"hidden\">{JSON.stringify(props)}</div>),\n    handler: function () {\n      // console.log('buynow-props', props)\n    },\n  })\n\n  useCopilotAction({\n    name: 'go_to_cart',\n    description: 'go to cart',\n    parameters: [{ sku: '', handle: '' }] as any,\n    render: gotocartRender || (props => <div className=\"hidden\">{JSON.stringify(props)}</div>),\n    handler: function () {\n      // console.log('buynow-props', props)\n    },\n  })\n\n  useCopilotAction({\n    name: 'add_to_cart',\n    description: 'add to cart',\n    parameters: [{ sku: '', handle: '' }] as any,\n    render: addtocartRender || (props => <div className=\"hidden\">{JSON.stringify(props)}</div>),\n    handler: function (props) {\n      addtocartHandler && addtocartHandler(props)\n    },\n  })\n\n  useCopilotAction({\n    name: 'show_product_card',\n    description: 'product card',\n    parameters: [{ sku: '', handle: '' }] as any,\n    render: productRender || (props => <div className=\"hidden\">{JSON.stringify(props)}</div>),\n    handler: function (props) {\n      console.log('show_product_card-props', props)\n      // const ishistory = props?.find((item: { ishistory: any }) => item?.ishistory)\n      // if (!ishistory) {\n      //   const content = new TextMessage({\n      //     content: 'show product card',\n      //     role: Role.Assistant,\n      //   })\n      //   appendMessage(content)\n      // }\n    },\n  })\n\n  useCopilotAction({\n    name: 'signup',\n    description: 'signup',\n    parameters: [\n      {\n        name: 'signup',\n      },\n    ] as any,\n    render: signupRender || (props => <div className=\"hidden\">{JSON.stringify(props)}</div>),\n    handler: function () {\n      // console.log('signup-props', props)\n    },\n  })\n\n  useCopilotReadable({\n    description: \"Today's date\",\n    value: new Date().toLocaleDateString(),\n  })\n\n  return <div>{children}</div>\n}\n"],
-  "mappings": "AAgE4C,cAAAA,MAAA,oBAhE5C,MAAkB,QAClB,OAAS,aAAAC,MAAiB,QAC1B,OAAS,kBAAAC,EAAgB,oBAAAC,EAAkB,sBAAAC,MAA0B,yBACrE,OAAS,QAAAC,EAAM,0BAAAC,EAAwB,eAAAC,MAAmB,iCAuBnD,MAAMC,EAAgB,CAAC,CAC5B,MAAAC,EACA,QAAAC,EACA,iBAAAC,EACA,mBAAAC,EACA,eAAAC,EACA,gBAAAC,EACA,cAAAC,EACA,aAAAC,EACA,SAAAC,CACF,IAAmB,CACjB,KAAM,CAAE,YAAAC,EAAa,cAAAC,EAAe,UAAAC,CAAU,EAAIlB,EAAe,EAEjE,OAAAD,EAAU,IAAM,CACd,MAAMoB,EAAgBX,GAAS,OAAOY,GAASA,GAAO,SAAWA,GAAO,SAAS,EACjF,GAAID,GAAe,OAAS,EAAG,CAC7B,MAAME,EAAUF,GAAe,IAAIC,GAAS,CAC1C,GAAIA,GAAO,MAAQA,GAAO,UAAW,CACnC,MAAME,EAAOF,GAAO,WAAW,IAAKG,GAAeA,EAAO,CAAE,GAAGA,EAAM,UAAW,EAAK,EAAI,CAAC,CAAE,EAC5F,OAAO,IAAInB,EAAuB,CAChC,KAAMgB,GAAO,KACb,UAAWE,EACX,MAAOF,GAAO,KAChB,CAAC,CACH,CACA,OAAO,IAAIf,EAAY,CACrB,GAAGe,EACH,KAAMA,GAAO,OAAS,OAASjB,EAAK,KAAOA,EAAK,SAClD,CAAC,CACH,CAAC,EACDa,EAAYK,CAAO,CACrB,CACF,EAAG,CAACb,CAAO,CAAC,EAEZP,EAAiB,CACf,KAAM,iBACN,YAAa,aACb,WAAY,CAAC,CAAE,IAAK,GAAI,OAAQ,EAAG,CAAC,EACpC,OAAQS,IAAuBc,GAAS1B,EAAC,OAAI,UAAU,SAAU,cAAK,UAAU0B,CAAK,EAAE,GACvF,QAAS,UAAY,CAErB,CACF,CAAC,EAEDvB,EAAiB,CACf,KAAM,aACN,YAAa,aACb,WAAY,CAAC,CAAE,IAAK,GAAI,OAAQ,EAAG,CAAC,EACpC,OAAQU,IAAmBa,GAAS1B,EAAC,OAAI,UAAU,SAAU,cAAK,UAAU0B,CAAK,EAAE,GACnF,QAAS,UAAY,CAErB,CACF,CAAC,EAEDvB,EAAiB,CACf,KAAM,cACN,YAAa,cACb,WAAY,CAAC,CAAE,IAAK,GAAI,OAAQ,EAAG,CAAC,EACpC,OAAQW,IAAoBY,GAAS1B,EAAC,OAAI,UAAU,SAAU,cAAK,UAAU0B,CAAK,EAAE,GACpF,QAAS,SAAUA,EAAO,CACxBf,GAAoBA,EAAiBe,CAAK,CAC5C,CACF,CAAC,EAEDvB,EAAiB,CACf,KAAM,oBACN,YAAa,eACb,WAAY,CAAC,CAAE,IAAK,GAAI,OAAQ,EAAG,CAAC,EACpC,OAAQY,IAAkBW,GAAS1B,EAAC,OAAI,UAAU,SAAU,cAAK,UAAU0B,CAAK,EAAE,GAClF,QAAS,SAAUA,EAAO,CACxB,QAAQ,IAAI,0BAA2BA,CAAK,CAS9C,CACF,CAAC,EAEDvB,EAAiB,CACf,KAAM,SACN,YAAa,SACb,WAAY,CACV,CACE,KAAM,QACR,CACF,EACA,OAAQa,IAAiBU,GAAS1B,EAAC,OAAI,UAAU,SAAU,cAAK,UAAU0B,CAAK,EAAE,GACjF,QAAS,UAAY,CAErB,CACF,CAAC,EAEDtB,EAAmB,CACjB,YAAa,eACb,MAAO,IAAI,KAAK,EAAE,mBAAmB,CACvC,CAAC,EAEMJ,EAAC,OAAK,SAAAiB,EAAS,CACxB",
-  "names": ["jsx", "useEffect", "useCopilotChat", "useCopilotAction", "useCopilotReadable", "Role", "ActionExecutionMessage", "TextMessage", "CopilotAction", "start", "history", "addtocartHandler", "gotocheckoutRender", "gotocartRender", "addtocartRender", "productRender", "signupRender", "children", "setMessages", "appendMessage", "isLoading", "originhistory", "value", "content", "args", "item", "props"]
+  "sourcesContent": ["import React from 'react'\nimport { useEffect } from 'react'\nimport { useCopilotChat, useCopilotAction, useCopilotReadable } from '@copilotkit/react-core'\nimport { Role, ActionExecutionMessage, TextMessage } from '@copilotkit/runtime-client-gql'\n\ninterface Message {\n  content: string\n  role: string\n  name?: string\n  scope?: any\n  arguments?: any\n}\n\nexport interface ActionProps {\n  start?: string\n  history: Message[]\n  addtocartHandler?: (_args: any) => Promise<any>\n  commonRender?: string | ((_props: any) => React.ReactElement)\n  pointsExchangeCouponRender?: string | ((_props: any) => React.ReactElement)\n  gotocheckoutRender?: string | ((_props: any) => React.ReactElement)\n  gotocartRender?: string | ((_props: any) => React.ReactElement)\n  addtocartRender?: string | ((_props: any) => React.ReactElement)\n  signupRender?: string | ((_props: any) => React.ReactElement)\n  shulexRender?: string | ((_props: any) => React.ReactElement)\n  productRender?: string | ((_props: any) => React.ReactElement)\n  productRenderTipMessage?: string\n  children?: React.ReactNode\n}\n\nexport const CopilotAction = ({\n  start,\n  history,\n  addtocartHandler,\n  commonRender,\n  pointsExchangeCouponRender,\n  gotocheckoutRender,\n  gotocartRender,\n  addtocartRender,\n  productRender,\n  signupRender,\n  shulexRender,\n  children,\n}: ActionProps) => {\n  const { setMessages, appendMessage, isLoading } = useCopilotChat()\n\n  useEffect(() => {\n    const originhistory = history?.filter(value => value?.content || value?.arguments)\n    if (originhistory?.length > 0) {\n      const content = originhistory?.map(value => {\n        if (value?.name && value?.arguments) {\n          const args = value?.arguments?.map((item: any) => (item ? { ...item, ishistory: true } : {}))\n          return new ActionExecutionMessage({\n            name: value?.name,\n            arguments: args,\n            scope: value?.scope,\n          })\n        }\n        return new TextMessage({\n          ...value,\n          role: value?.role === 'user' ? Role.User : Role.Assistant,\n        })\n      })\n      setMessages(content)\n    }\n  }, [history])\n\n  useCopilotAction({\n    name: 'go_to_checkout',\n    description: 'go to cart',\n    parameters: [{ sku: '', handle: '' }] as any,\n    render: gotocheckoutRender || (props => <div className=\"hidden\">{JSON.stringify(props)}</div>),\n    handler: function () {\n      // console.log('buynow-props', props)\n    },\n  })\n\n  useCopilotAction({\n    name: 'common_action',\n    description: 'common action',\n    parameters: [{ act: '' }] as any,\n    render: commonRender || (props => <div className=\"hidden\">{JSON.stringify(props)}</div>),\n    handler: function () {\n      // console.log('common_action', props)\n    },\n  })\n\n  useCopilotAction({\n    name: 'points_exchange_coupon',\n    description: 'points exchange coupon',\n    parameters: [{ act: '' }] as any,\n    render: pointsExchangeCouponRender || (props => <div className=\"hidden\">{JSON.stringify(props)}</div>),\n    handler: function () {\n      // console.log('points_exchange_coupon', props)\n    },\n  })\n\n  useCopilotAction({\n    name: 'go_to_cart',\n    description: 'go to cart',\n    parameters: [{ sku: '', handle: '' }] as any,\n    render: gotocartRender || (props => <div className=\"hidden\">{JSON.stringify(props)}</div>),\n    handler: function () {\n      // console.log('buynow-props', props)\n    },\n  })\n\n  useCopilotAction({\n    name: 'add_to_cart',\n    description: 'add to cart',\n    parameters: [{ sku: '', handle: '' }] as any,\n    render: addtocartRender || (props => <div className=\"hidden\">{JSON.stringify(props)}</div>),\n    handler: function (props) {\n      addtocartHandler && addtocartHandler(props)\n    },\n  })\n\n  useCopilotAction({\n    name: 'show_product_card',\n    description: 'product card',\n    parameters: [{ sku: '', handle: '' }] as any,\n    render: productRender || (props => <div className=\"hidden\">{JSON.stringify(props)}</div>),\n    handler: function (props) {\n      // console.log('show_product_card-props', props)\n      // const ishistory = props?.find((item: { ishistory: any }) => item?.ishistory)\n      // if (!ishistory) {\n      //   const content = new TextMessage({\n      //     content: 'show product card',\n      //     role: Role.Assistant,\n      //   })\n      //   appendMessage(content)\n      // }\n    },\n  })\n\n  useCopilotAction({\n    name: 'signup',\n    description: 'signup',\n    parameters: [\n      {\n        name: 'signup',\n      },\n    ] as any,\n    render: signupRender || (props => <div className=\"hidden\">{JSON.stringify(props)}</div>),\n    handler: function () {\n      // console.log('signup-props', props)\n    },\n  })\n\n  useCopilotAction({\n    name: 'shulex',\n    description: 'shulex',\n    parameters: [\n      {\n        name: 'shulex',\n      },\n    ] as any,\n    render: shulexRender || (props => <div className=\"hidden\">{JSON.stringify(props)}</div>),\n    handler: function () {\n      // console.log('shulex-props', props)\n    },\n  })\n\n  useCopilotReadable({\n    description: \"Today's date\",\n    value: new Date().toLocaleDateString(),\n  })\n\n  return <div>{children}</div>\n}\n"],
+  "mappings": "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",
+  "names": ["jsx", "useEffect", "useCopilotChat", "useCopilotAction", "useCopilotReadable", "Role", "ActionExecutionMessage", "TextMessage", "CopilotAction", "start", "history", "addtocartHandler", "commonRender", "pointsExchangeCouponRender", "gotocheckoutRender", "gotocartRender", "addtocartRender", "productRender", "signupRender", "shulexRender", "children", "setMessages", "appendMessage", "isLoading", "originhistory", "value", "content", "args", "item", "props"]
 }

package/dist/esm/components/chat/button.d.ts

@@ -1,3 +1,3 @@
-import type { ButtonProps } from './props.js';
+import type { ButtonProps } from './props';
 declare const DefaultButton: ({ setOpen }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default DefaultButton;

package/dist/esm/components/chat/button.js

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as p}from"react/jsx-runtime";import{useChatContext as c}from"@copilotkit/react-ui";const i=({setOpen:n})=>{const o=c();return p("button",{onClick:()=>n(),className:"copilotKitButton ","aria-label":"Open Chat",children:[t("div",{className:"copilotKitButtonIcon copilotKitButtonIconOpen",children:o.icons.openIcon}),t("div",{className:"copilotKitButtonIcon copilotKitButtonIconClose",children:o.icons.closeIcon})]})};var e=i;export{e as default};
+import{jsx as t,jsxs as p}from"react/jsx-runtime";import{useChatContext as c}from"@copilotkit/react-ui";const i=({setOpen:n})=>{const o=c();return p("button",{onClick:()=>n(),className:"copilotKitButton ","aria-label":"Open Chat",children:[t("div",{className:"copilotKitButtonIcon copilotKitButtonIconOpen",children:o.icons.openIcon}),t("div",{className:"copilotKitButtonIcon copilotKitButtonIconClose",children:o.icons.closeIcon})]})};var l=i;export{l as default};
 //# sourceMappingURL=button.js.map

package/dist/esm/components/chat/button.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/chat/button.tsx"],
-  "sourcesContent": ["import { useChatContext } from '@copilotkit/react-ui'\n\nimport type { ButtonProps } from './props.js'\n\nconst DefaultButton = ({ setOpen }: ButtonProps) => {\n  const context = useChatContext()\n\n  return (\n    <button onClick={() => setOpen()} className=\"copilotKitButton \" aria-label=\"Open Chat\">\n      <div className=\"copilotKitButtonIcon copilotKitButtonIconOpen\">{context.icons.openIcon}</div>\n      <div className=\"copilotKitButtonIcon copilotKitButtonIconClose\">{context.icons.closeIcon}</div>\n    </button>\n  )\n}\n\nexport default DefaultButton\n"],
+  "sourcesContent": ["import { useChatContext } from '@copilotkit/react-ui'\n\nimport type { ButtonProps } from './props'\n\nconst DefaultButton = ({ setOpen }: ButtonProps) => {\n  const context = useChatContext()\n\n  return (\n    <button onClick={() => setOpen()} className=\"copilotKitButton \" aria-label=\"Open Chat\">\n      <div className=\"copilotKitButtonIcon copilotKitButtonIconOpen\">{context.icons.openIcon}</div>\n      <div className=\"copilotKitButtonIcon copilotKitButtonIconClose\">{context.icons.closeIcon}</div>\n    </button>\n  )\n}\n\nexport default DefaultButton\n"],
   "mappings": "AAQI,OACE,OAAAA,EADF,QAAAC,MAAA,oBARJ,OAAS,kBAAAC,MAAsB,uBAI/B,MAAMC,EAAgB,CAAC,CAAE,QAAAC,CAAQ,IAAmB,CAClD,MAAMC,EAAUH,EAAe,EAE/B,OACED,EAAC,UAAO,QAAS,IAAMG,EAAQ,EAAG,UAAU,oBAAoB,aAAW,YACzE,UAAAJ,EAAC,OAAI,UAAU,gDAAiD,SAAAK,EAAQ,MAAM,SAAS,EACvFL,EAAC,OAAI,UAAU,iDAAkD,SAAAK,EAAQ,MAAM,UAAU,GAC3F,CAEJ,EAEA,IAAOC,EAAQH",
   "names": ["jsx", "jsxs", "useChatContext", "DefaultButton", "setOpen", "context", "button_default"]
 }

package/dist/esm/components/chat/index.d.ts

@@ -23,6 +23,19 @@ export interface ChatProps {
      * unfollow: ResponseButton 在聊天框底部
      */
     showResponseButton?: string | boolean;
+    /** messages 的回调事件
+     * 每次生成/接受新的messages，会将 整个 messages list 传递给外部
+     */
+    messagesCallback?: (_messages: any) => void;
+    /** 通用 action 的触发事件
+     */
+    commonRender?: string | ((_props: any) => React.ReactElement);
+    /** shulex的 action 的触发事件
+     */
+    shulexRender?: string | ((_props: any) => React.ReactElement);
+    /** 通用 积分 换 Coupon 的触发事件
+     */
+    pointsExchangeCouponRender?: string | ((_props: any) => React.ReactElement);
     /** 跳转 checkout action 卡片，接受参数： {"status":"complete","args":[{"sku":["A3936031"],"handle":"space-a40-a3936031"}],"result":""}
      * 后端接口文档：https://anker-in.feishu.cn/wiki/DOYJwE9oxipWmYk072ncnJNznBb
      */