@anker-in/campaign-ui 0.2.10-beta.23 → 0.2.10-beta.25

package/dist/cjs/components/credits/index.d.ts

@@ -0,0 +1,10 @@
+export { CreditsProvider, useCreditsContext } from './context/provider';
+export { useUploadReceipt as useCreditsUploadReceipt } from './context/hooks/useUploadReceipt';
+export { CreditsUploadReceiptModal } from './modal/creditsUploadReceiptModal';
+export { CreditsBanner } from './creditsBanner';
+export { CreditsBenefits } from './creditsBenefits';
+export { CreditsInfoCard } from './creditsInfoCard';
+export { CreditsWaysToGetCredits } from './creditsWaysToGetCredits';
+export { CreditsFaq } from './creditsFaq';
+export { CreditsCash } from './creditsCash';
+export { CreditsRedeemList } from './creditsRedeemList';

package/dist/cjs/components/credits/modal/MyRewardsModal.d.ts

@@ -0,0 +1,32 @@
+import { type ModalContainerProps } from './modalContainer';
+export interface MyRewardsMetafields {
+    title: string;
+    orderNumberLabel: string;
+    valueLabel: string;
+    receivedLabel: string;
+    failedLabel: string;
+    approveSuccessLabel: string;
+    couponTab: string;
+    productTab: string;
+    pendingLabel: string;
+    unfulfilledLabel: string;
+    fulfilledLabel: string;
+    confirmedTip: string;
+    pendingTip: string;
+    processingTip: string;
+    ShippedTip: string;
+    emptyListLabel: string;
+    pointUnit: string;
+    code: string;
+    copied: string;
+    copy: string;
+    emptyListImage: {
+        url: string;
+        alt?: string;
+    };
+}
+interface MyRewardsModalProps extends ModalContainerProps {
+    data: MyRewardsMetafields;
+}
+declare function MyRewardsModal({ data, ...props }: MyRewardsModalProps): import("react/jsx-runtime").JSX.Element;
+export default MyRewardsModal;

package/dist/cjs/components/credits/modal/activitiesModal.d.ts

@@ -0,0 +1,32 @@
+import { type ModalContainerProps } from './modalContainer';
+export interface MyActivitiesMetafields {
+    title: string;
+    tips: string;
+    allTab: string;
+    earnedTab: string;
+    deductedTab: string;
+    expiredTab: string;
+    activationTask: string;
+    updateNameTask: string;
+    updatePhoneTask: string;
+    updateBirthdayTask: string;
+    updateAppNameTask: string;
+    subscriptionTask: string;
+    refundTask: string;
+    productUnApprovedTask: string;
+    pendingTips?: string;
+    pendingTips2?: string;
+    firstPurchaseTask: string;
+    uploadReceiptTask: string;
+    shoppingTask: string;
+    emptyListImage: {
+        url: string;
+        alt?: string;
+    };
+    emptyListLabel: string;
+}
+interface ActivitiesModalProps extends ModalContainerProps {
+    data: MyActivitiesMetafields;
+}
+declare function ActivitiesModal({ data, ...props }: ActivitiesModalProps): import("react/jsx-runtime").JSX.Element;
+export default ActivitiesModal;

package/dist/cjs/components/credits/modal/creditsUploadReceiptModal.d.ts

@@ -0,0 +1,24 @@
+export type ReceiptCopy = {
+    title: string;
+    description: string;
+    placeholder: string;
+    note: string;
+    submit: string;
+    successTitle: string;
+    successDescription: string;
+    gotIt: string;
+    failedTitle: string;
+    successIcon: string;
+    failedIcon: string;
+    failedReasons: {
+        code: string;
+        id: string;
+        description: string;
+    }[];
+};
+export declare function CreditsUploadReceiptModal({ isOpen, onClose, copy, onSuccess, }: {
+    isOpen: boolean;
+    onClose: () => void;
+    copy: ReceiptCopy;
+    onSuccess: () => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/credits/modal/loadingDots.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface LoadingProps {
+    className?: string;
+}
+declare const LoadingDots: FC<LoadingProps>;
+export default LoadingDots;

package/dist/cjs/components/credits/modal/modalContainer.d.ts

@@ -0,0 +1,15 @@
+import { type UIEvent } from 'react';
+export type ModalContainerProps = {
+    overlayClassName?: string;
+    className?: string;
+    scrollClassName?: string;
+    title?: string;
+    titleClassName?: string;
+    useAnimation?: boolean;
+    animationClassName?: string;
+    isOpen: boolean;
+    children?: any;
+    onClose: () => void;
+    onScrollEnd?: (event: UIEvent<HTMLDivElement>) => void;
+};
+export declare const CreditsModalContainer: ({ isOpen, title, className, overlayClassName, scrollClassName, onClose, onScrollEnd, children, useAnimation, animationClassName, titleClassName, ...props }: ModalContainerProps) => React.ReactElement;

package/dist/cjs/components/credits/modal/rulesModal.d.ts

@@ -0,0 +1,7 @@
+import { type ModalContainerProps } from './modalContainer';
+declare function RulesModal({ rules, className, ruleClassName, ...props }: {
+    rules: string | string[];
+    ruleClassName?: string;
+    className?: string;
+} & ModalContainerProps): import("react/jsx-runtime").JSX.Element;
+export default RulesModal;

package/dist/cjs/components/credits/modal/tip.d.ts

@@ -0,0 +1,5 @@
+declare function Tip({ info, index }: {
+    info: string;
+    index: number;
+}): import("react/jsx-runtime").JSX.Element;
+export default Tip;

package/dist/cjs/components/credits/type.d.ts

@@ -0,0 +1,55 @@
+import type { Product, ProductVariant } from '@anker-in/lib';
+import type { AlpcConsumeType, ConsumeType } from './context/const';
+export interface Subscription {
+    preference: {
+        subscribe: boolean;
+        brand: string;
+    }[];
+}
+export type RedeemableItem = {
+    config: {
+        title: string;
+        desc: string;
+        rules: string[];
+        image: {
+            url: string;
+        };
+        type: ConsumeType;
+        value: string;
+    };
+    alpc: {
+        id: string;
+        consumeCredits: number;
+        remainingInventory: number;
+        isLimited: boolean;
+        consumeType: AlpcConsumeType;
+        showCredit: boolean;
+        title: string;
+    };
+    product: Product;
+    variant: ProductVariant;
+};
+export interface ShippingCountry {
+    id: string;
+    name: string;
+    code: string;
+    provinces: {
+        id: string;
+        name: string;
+        code: string;
+    }[];
+}
+export interface ShippingZone {
+    name: string;
+    countries: ShippingCountry[];
+}
+export type CreditsPageCommon = {
+    pointUnit: string;
+    ruleLabel: string;
+    soldOut: string;
+    imageMapping: {
+        [key in ConsumeType]: {
+            url: string;
+        };
+    };
+};

package/dist/cjs/components/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Chat } from './chat/index';
+export { Role, ActionExecutionMessage, TextMessage, useCopilotChat, useCopilotAction, useCopilotReadable, } from './chat/utils';
+export * from './credits/index';

package/dist/cjs/debug-env.d.ts

@@ -0,0 +1,7 @@
+export declare const debugEnv: () => {
+    BRAND: string;
+    ENV: string | undefined;
+    STOREFRONT_TOKEN: string | undefined;
+    STORE_DOMAIN: string | undefined;
+    METAFIELD_PREFIX: string;
+};

package/dist/cjs/helpers/fetchResponse.d.ts

@@ -0,0 +1,14 @@
+export declare function getAsyncError(res: {
+    json: () => any;
+    status: any;
+    statusText: any;
+}): Promise<{
+    status: any;
+    statusText: any;
+    errors: any;
+    type: any;
+    data: any;
+    message: any;
+} | undefined>;
+declare const handleFetchResponse: (res: Response) => Promise<any>;
+export default handleFetchResponse;

package/dist/cjs/helpers/fetcher.d.ts

@@ -0,0 +1,2 @@
+declare const fetcher: ({ locale, url, method, headers, repeatKey, body, type, timeout, }: any) => Promise<any>;
+export default fetcher;

package/dist/cjs/helpers/index.d.ts

@@ -0,0 +1,2 @@
+export { cn } from './utils';
+export { noop } from './utils';

package/dist/cjs/helpers/track.d.ts

@@ -0,0 +1,19 @@
+declare global {
+    interface Window {
+        dataLayer?: Array<any>;
+        fbq?: (...args: any[]) => void;
+        klaviyo?: any;
+        gtag?: any;
+    }
+}
+export declare const gaTrack: (data: any) => "" | undefined;
+export declare function gaNormalClick({ position, label }: {
+    position: string;
+    label: string;
+}): void;
+export declare const fbq: (...args: any[]) => "" | undefined;
+export declare const gtag: (...args: any[]) => "" | undefined;
+export declare const getGtmGroup: ({ query, asPath }: {
+    query: any;
+    asPath: string;
+}) => any;

package/dist/cjs/helpers/utils.d.ts

@@ -0,0 +1,3 @@
+import { type ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;
+export declare function noop(): any;

package/dist/cjs/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components/index';
+export * from '@anker-in/lib';

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

@@ -0,0 +1,7 @@
+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/dist/esm/components/chat/action.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+interface Message {
+    content: string;
+    role: string;
+    name?: string;
+    scope?: any;
+    arguments?: any;
+}
+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, commonRender, pointsExchangeCouponRender, gotocheckoutRender, gotocartRender, addtocartRender, productRender, signupRender, shulexRender, children, }: ActionProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,101 @@
+import React from 'react';
+/**
+ * Icons for CopilotChat component.
+ */
+export interface CopilotChatIcons {
+    /**
+     * The icon to use for the open chat button.
+     * @default <OpenIcon />
+     */
+    openIcon?: React.ReactNode;
+    /**
+     * The icon to use for the close chat button.
+     * @default <CloseIcon />
+     */
+    closeIcon?: React.ReactNode;
+    /**
+     * The icon to use for the close chat button in the header.
+     * @default <HeaderCloseIcon />
+     */
+    headerCloseIcon?: React.ReactNode;
+    /**
+     * The icon to use for the send button.
+     * @default <SendIcon />
+     */
+    sendIcon?: React.ReactNode;
+    /**
+     * The icon to use for the activity indicator.
+     * @default <ActivityIcon />
+     */
+    activityIcon?: React.ReactNode;
+    /**
+     * The icon to use for the spinner.
+     * @default <SpinnerIcon />
+     */
+    spinnerIcon?: React.ReactNode;
+    /**
+     * The icon to use for the stop button.
+     * @default <StopIcon />
+     */
+    stopIcon?: React.ReactNode;
+    /**
+     * The icon to use for the regenerate button.
+     * @default <RegenerateIcon />
+     */
+    regenerateIcon?: React.ReactNode;
+    /**
+     * The icons to use for push to talk.
+     * @default <PushToTalkIcon />
+     */
+    pushToTalkIcon?: React.ReactNode;
+}
+/**
+ * Labels for CopilotChat component.
+ */
+export interface CopilotChatLabels {
+    /**
+     * The initial message(s) to display in the chat window.
+     */
+    initial?: string | string[];
+    /**
+     * The title to display in the header.
+     * @default "CopilotKit"
+     */
+    title?: string;
+    /**
+     * The placeholder to display in the input.
+     * @default "Type a message..."
+     */
+    placeholder?: string;
+    /**
+     * The message to display when an error occurs.
+     * @default "❌ An error occurred. Please try again."
+     */
+    error?: string;
+    /**
+     * The label to display on the stop button.
+     * @default "Stop generating"
+     */
+    stopGenerating?: string;
+    /**
+     * The label to display on the regenerate button.
+     * @default "Regenerate response"
+     */
+    regenerateResponse?: string;
+}
+interface ChatContext {
+    labels: Required<CopilotChatLabels>;
+    icons: Required<CopilotChatIcons>;
+    open: boolean;
+    setOpen: (_open: boolean) => void;
+}
+export declare const ChatContext: React.Context<ChatContext | undefined>;
+export declare function useChatContext(): ChatContext;
+export interface ChatContextProps {
+    labels?: CopilotChatLabels;
+    icons?: CopilotChatIcons;
+    children?: React.ReactNode;
+    open: boolean;
+    setOpen: (_open: boolean) => void;
+}
+export {};

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

@@ -0,0 +1,71 @@
+import React from 'react';
+export interface ChatProps {
+    title: string;
+    runtimeUrl: string;
+    shopifyDomain: string;
+    /** GA 的 client id
+     */
+    userId: string;
+    /** 是否登陆用户 0 or 1
+     */
+    account?: string;
+    /** 用户浏览器语言
+     */
+    locale?: string;
+    /** 开场白
+     */
+    prologue?: string;
+    /** ?a=1&b=2
+     */
+    query?: string;
+    /** 'follow' or 'unfollow' | true or false
+     * follow: ResponseButton 会跟随在 messages 的后边
+     * 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
+     */
+    gotocheckoutRender?: string | ((_props: any) => React.ReactElement);
+    /** 打开购物车 action 卡片，接受参数： {"status":"complete","args":[{"sku":["A3936031"],"handle":"space-a40-a3936031"}],"result":""}
+     * 后端接口文档：https://anker-in.feishu.cn/wiki/DOYJwE9oxipWmYk072ncnJNznBb
+     */
+    gotocartRender?: string | ((_props: any) => React.ReactElement);
+    /** 打开购物车 action 的触发事件
+     */
+    addtocartHandler?: (_args: any) => Promise<any>;
+    /** 加购卡片，接受参数： {"status":"complete","args":[{"sku":["A3936031"],"handle":"space-a40-a3936031"}],"result":""}
+     * 后端接口文档：https://anker-in.feishu.cn/wiki/DOYJwE9oxipWmYk072ncnJNznBb
+     */
+    addtocartRender?: string | ((_props: any) => React.ReactElement);
+    /** 订阅卡片，接受参数： {"status":"complete","args":[{"sku":["A3936031"],"handle":"space-a40-a3936031"}],"result":""}
+     * 后端接口文档：https://anker-in.feishu.cn/wiki/DOYJwE9oxipWmYk072ncnJNznBb
+     */
+    signupRender?: string | ((_props: any) => React.ReactElement);
+    /** 产品卡片，接受参数： {"status":"complete","args":[{"sku":["A3936031"],"handle":"space-a40-a3936031"}],"result":""}
+     * 后端接口文档：https://anker-in.feishu.cn/wiki/DOYJwE9oxipWmYk072ncnJNznBb
+     */
+    productRender?: string | ((_props: any) => React.ReactElement);
+    /** CopilotPopup 自定义参数，参考：https://docs.copilotkit.ai/reference/components/CopilotPopup */
+    popup?: any;
+    /** 文案，{"productRenderTipMessage": "","popupTip": "Hi ! Welcome to soundcore Innovations live chat！", "popupTipTimeout": [3000, 6000]} */
+    lang?: any;
+    /** 参考此文档：https://docs.copilotkit.ai/concepts/customize-look-and-feel */
+    style?: any;
+    className?: string;
+}
+declare const Chat: (props: ChatProps) => import("react/jsx-runtime").JSX.Element;
+export default Chat;

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

@@ -0,0 +1,5 @@
+type MarkdownProps = {
+    content: string;
+};
+export declare const Markdown: ({ content }: MarkdownProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,3 @@
+import type { MessagesProps } from './props';
+declare const Messages: ({ messages, inProgress, ResponseButton, messagesCallback, children }: MessagesProps) => import("react/jsx-runtime").JSX.Element;
+export default Messages;

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

@@ -0,0 +1,43 @@
+import React from 'react';
+import { Message } from '@copilotkit/runtime-client-gql';
+export interface ButtonProps {
+    open: boolean;
+    setOpen: () => void;
+}
+export interface WindowProps {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    clickOutsideToClose: boolean;
+    hitEscapeToClose: boolean;
+    shortcut: string;
+    children?: React.ReactNode;
+}
+export interface HeaderProps {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+}
+export interface ChatSuggestions {
+    currentSuggestions: SuggestionsProps[];
+}
+export interface SuggestionsProps {
+    title: string;
+    message: string;
+    partial?: boolean;
+    className?: string;
+}
+export interface MessagesProps {
+    messages: Message[];
+    inProgress: boolean;
+    ResponseButton?: React.ReactElement;
+    children?: React.ReactNode;
+    messagesCallback?: (messages: any) => void;
+}
+export interface InputProps {
+    inProgress: boolean;
+    onSend: (text: string) => Promise<Message>;
+    isVisible?: boolean;
+}
+export interface ResponseButtonProps {
+    onClick: () => void;
+    inProgress: boolean;
+}

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

@@ -0,0 +1,4 @@
+declare const ResponseButton: ({ messagesId }: {
+    messagesId: string;
+}) => false | import("react/jsx-runtime").JSX.Element;
+export default ResponseButton;

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

@@ -0,0 +1,3 @@
+import type { ChatSuggestions } from './props';
+declare const Suggestions: ({ currentSuggestions }: ChatSuggestions) => false | import("react/jsx-runtime").JSX.Element;
+export default Suggestions;

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

@@ -0,0 +1,3 @@
+import { useCopilotChat, useCopilotAction, useCopilotReadable } from '@copilotkit/react-core';
+import { Role, ActionExecutionMessage, TextMessage } from '@copilotkit/runtime-client-gql';
+export { useCopilotChat, useCopilotAction, useCopilotReadable, Role, ActionExecutionMessage, TextMessage };

package/dist/esm/components/credits/context/const.d.ts

@@ -0,0 +1,81 @@
+export declare enum CreditType {
+    All = 0,
+    Earned = 1,
+    Deducted = 2,
+    Expired = 3
+}
+export declare enum ConsumeType {
+    Coupon = "coupon",
+    GiftCard = "giftCard",
+    GoGift = "goGift",
+    Product = "product"
+}
+export declare enum AlpcConsumeType {
+    Coupon = 1,
+    Product = 2
+}
+export declare enum TaskType {
+    Program = 1,
+    Operation = 2,
+    Redeem = 3
+}
+export declare enum DTC_TASK_TYPE {
+    FirstPurchase = "firstPurchase",
+    UploadReceipt = "uploadReceipt",
+    Shopping = "shopping"
+}
+export declare enum TaskSubType {
+    Activation = 1,// 激活事件
+    UpdateName = 2,// 完善姓名
+    UpdatePhone = 3,// 更新手机号
+    UpdateBirthday = 4,// 更新生日
+    Subscription = 5,// 订阅
+    UpadteAppName = 7,// 完善APP姓名
+    Refund = 3000,// 购物送积分任务退款
+    ProductUnApproved = 5000
+}
+export declare enum CouponType {
+    FixedMount = "fixed_amount",
+    Percent = "percent"
+}
+export declare enum RewardType {
+    Received = 0,
+    Pending = 1,
+    ApproveSuccess = 2,
+    ApproveFail = 3,
+    Unfulfilled = 4,
+    Fulfilled = 5,
+    Failed = 6
+}
+export declare enum AlpcErrorCode {
+    CodeLpcRedeemFailed = 180001,
+    CodeLpcUserNotFound = 180002,
+    CodeLpcCreditRuleNotFound = 180003,
+    CodeLpcUnknownError = 180004,
+    CodeLpcNotEnoughCredits = 180005,
+    CodeLpcUserMigrate = 180006,
+    CodeLpcRuleInventoryNotEnough = 180007,
+    CodeLpcShopifyCouponRuleRedeemLimit = 180009,
+    CodeCrossSiteError = 180011
+}
+export declare const ALPC_COUNTRY_MAP: Map<string, string>;
+export declare enum ApprovalStatus {
+    Pending = 0,
+    Success = 1,
+    Failed = 2,
+    DoubleConfirm = 3
+}
+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;
+};

package/dist/esm/components/credits/context/hooks/useActivities.d.ts

@@ -0,0 +1,12 @@
+import type { CreditLogResponse } from '../response';
+declare function useActivities({ page, pageSize, options }: {
+    page: number;
+    pageSize: number;
+    options?: any;
+}): {
+    activities: CreditLogResponse[];
+    isLoading: boolean;
+    total: number;
+    canNext: boolean;
+};
+export default useActivities;