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

package/dist/esm/components/credits/creditsRedeemList/RedeemProductModal/Init.d.ts

@@ -0,0 +1,11 @@
+import type { RedeemableItem as RedeemableItemType } from '../../type';
+import { CreditsRedeemListCopy } from '../type';
+type InitProps = {
+    copy: CreditsRedeemListCopy;
+    item: RedeemableItemType;
+    loading: boolean;
+    disabled: boolean;
+    setStatus: (status: 'address' | 'init' | 'success' | 'error') => void;
+};
+export declare const Init: ({ copy, item, loading, disabled, setStatus }: InitProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/credits/creditsRedeemList/RedeemProductModal/ProductInfo.d.ts

@@ -0,0 +1,8 @@
+import type { RedeemableItem as RedeemableItemType } from '../../type';
+import { CreditsRedeemListCopy } from '../type';
+type ProductInfoProps = {
+    item: RedeemableItemType;
+    copy: CreditsRedeemListCopy;
+};
+export declare const ProductInfo: ({ item, copy }: ProductInfoProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/credits/creditsRedeemList/RedeemProductModal/Success.d.ts

@@ -0,0 +1,13 @@
+import type { RedeemableItem as RedeemableItemType } from '../../type';
+import { CreditsRedeemListCopy } from '../type';
+type SuccessProps = {
+    copy: CreditsRedeemListCopy;
+    shippingProduct: string;
+    loading: boolean;
+    address: Record<string, any> | undefined;
+    disabled: boolean;
+    onClose: () => void;
+    item: RedeemableItemType;
+};
+export declare const Success: ({ copy, shippingProduct, loading, address, disabled, onClose, item }: SuccessProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/credits/creditsRedeemList/RedeemProductModal/index.d.ts

@@ -0,0 +1,11 @@
+import { AlpcErrorCode } from '../../context/const';
+import type { ModalContainerProps } from '../../modal/modalContainer';
+import type { RedeemableItem as RedeemableItemType } from '../../type';
+import { CreditsRedeemListCopy } from '../type';
+type RedeemProductModalProps = ModalContainerProps & {
+    item: RedeemableItemType;
+    copy: CreditsRedeemListCopy;
+    onError: (code: AlpcErrorCode) => void;
+};
+declare function RedeemProductModal({ item, copy, onError, ...props }: RedeemProductModalProps): import("react/jsx-runtime").JSX.Element;
+export default RedeemProductModal;

package/dist/esm/components/credits/creditsRedeemList/RedeemableItem.d.ts

@@ -0,0 +1,9 @@
+import type { RedeemableItem as RedeemableItemType } from '../type';
+import type { CreditsRedeemListCopy } from './type';
+export declare function RedeemableItem({ copy, className, item, onRulesOpen, onRedeem, }: {
+    copy: CreditsRedeemListCopy;
+    className?: string;
+    item: RedeemableItemType;
+    onRulesOpen: (rules: string[]) => void;
+    onRedeem: (item: RedeemableItemType) => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/credits/creditsRedeemList/index.d.ts

@@ -0,0 +1,13 @@
+import { CreditsRedeemListCopy } from './type';
+export declare function CreditsRedeemList({ copy, className, tabClassName, hideTitle, cardClassName, activate, }: {
+    copy: CreditsRedeemListCopy;
+    className?: string;
+    tabClassName?: string;
+    hideTitle?: boolean;
+    cardClassName?: string;
+    activate: {
+        openAuthCodePopup: () => void;
+        isSuccess: boolean;
+        setOnSuccess: (callback: Function) => void;
+    };
+}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/credits/creditsRedeemList/type.d.ts

@@ -0,0 +1,77 @@
+import { CreditsPageCommon } from '../type';
+export type CreditsRedeemListCopy = {
+    title: string;
+    giftCardLabel: string;
+    unlockRewards: string;
+    btnRedeem: string;
+    list: {
+        label: string;
+        list: {
+            id: string;
+            type: string;
+            value: string;
+            rules: string[];
+        }[];
+    }[];
+    validatorInfo: {
+        addressInfo: {
+            name: string;
+            country: string;
+            province: string;
+            city: string;
+            address: string;
+        };
+    };
+    redeemModal: {
+        confirmTitle: string;
+        confirmButton: string;
+        commonError: string;
+        redeemLimitError: string;
+        inventoryNotEnough: string;
+        creditsNotEnough: string;
+        crossSiteError: string;
+        errorImageUrl: string;
+        coupon: {
+            successDesc: string;
+            successTitle: string;
+            successButton: string;
+            successButtonUrl: string;
+        };
+        product: {
+            required: string;
+            invalidEmail: string;
+            shippingAddress: string;
+            shippingProduct: string;
+            addressForm: {
+                key: string;
+                type: string;
+                label: string;
+                isSelect: boolean;
+                required: boolean;
+                placeholder: string;
+            }[][];
+            form: {
+                key: string;
+                type: string;
+                isSelect: boolean;
+                required: boolean;
+                placeholder: string;
+            }[][];
+            successDesc: string[];
+            rules: string[];
+            steps: {
+                imageUrl: string;
+                title: string;
+            }[];
+            quantityLabel: string;
+            totalPriceLabel: string;
+            variantLabel: string;
+            shippingFeeLabel: string;
+            paymentButton: string;
+            stepTitle: string;
+        };
+    };
+    copied: string;
+    off: string;
+    copy: string;
+} & CreditsPageCommon;

package/dist/esm/components/credits/creditsWaysToGetCredits/index.d.ts

@@ -0,0 +1,2 @@
+import { type CreditsWaysToGetCreditsProps } from './type';
+export declare const CreditsWaysToGetCredits: ({ copy, activate, subscribe, uploadReceipt, classNames, }: CreditsWaysToGetCreditsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/credits/creditsWaysToGetCredits/type.d.ts

@@ -0,0 +1,60 @@
+import type { ReceiptCopy } from '../modal/creditsUploadReceiptModal';
+export type BenefitItem = {
+    title: string;
+    credits: string;
+    id: string;
+};
+export type WaysToGetCreditsCopy = {
+    title: string;
+    subtitle: string;
+    equalCredits: string;
+    musicIcon: string;
+    list: BenefitItem[];
+    mainImage: {
+        url: string;
+        alt: string;
+    };
+    joinNow: string;
+    activate: string;
+    completed: string;
+    completeProfile: string;
+    makeFirstPurchase: string;
+    goShopLink: string;
+    uploadReceipt: string;
+    shopNow: string;
+    subscribe: string;
+    sendEmailSuccess: string;
+    creditsIcon: {
+        url: string;
+        alt: string;
+    };
+    receipt: ReceiptCopy;
+};
+export declare enum TaskType {
+    Activate = "activate",
+    Subscribe = "subscribe",
+    CompleteProfile = "completeProfile",
+    FirstPurchase = "firstPurchase",
+    UploadReceipt = "uploadReceipt",
+    Shop = "shop"
+}
+export type CreditsWaysToGetCreditsProps = {
+    copy: WaysToGetCreditsCopy;
+    classNames?: {
+        equalCreditsText?: string;
+        subtitle?: string;
+    };
+    activate: {
+        openAuthCodePopup: () => void;
+        isSuccess: boolean;
+        isSendingActivateEmail: boolean;
+    };
+    subscribe: {
+        openSubscribePopup: () => void;
+        isSuccess: boolean;
+    };
+    uploadReceipt: {
+        openUploadReceiptPopup: () => void;
+        isSuccess: boolean;
+    };
+};

package/dist/esm/components/credits/creditsWaysToGetCredits/useActions.d.ts

@@ -0,0 +1,96 @@
+import type { CreditsWaysToGetCreditsProps } from './type';
+export declare const useActions: ({ copy, subscribe, uploadReceipt, activate, gaParameters, }: CreditsWaysToGetCreditsProps & {
+    gaParameters?: {
+        position: string;
+    };
+}) => {
+    actions: {
+        activate: {
+            finished: any;
+            notLogin: {
+                buttonLabel: string;
+                handleClick: () => void;
+            };
+            notFinished: {
+                buttonLabel: string;
+                handleClick: () => void;
+            };
+            completed: {
+                buttonLabel: string;
+            };
+        };
+        subscribe: {
+            finished: boolean;
+            notLogin: {
+                buttonLabel: string;
+                handleClick: () => void;
+            };
+            notFinished: {
+                buttonLabel: string;
+                handleClick: () => void;
+            };
+            completed: {
+                buttonLabel: string;
+            };
+        };
+        completeProfile: {
+            finished: any;
+            notLogin: {
+                buttonLabel: string;
+                handleClick: () => void;
+            };
+            notFinished: {
+                buttonLabel: string;
+                link: string;
+                handleClick: () => void;
+            };
+            completed: {
+                buttonLabel: string;
+            };
+        };
+        firstPurchase: {
+            finished: boolean;
+            notLogin: {
+                buttonLabel: string;
+                handleClick: () => void;
+            };
+            notFinished: {
+                buttonLabel: string;
+                link: string;
+                handleClick: () => void;
+            };
+            completed: {
+                buttonLabel: string;
+            };
+        };
+        uploadReceipt: {
+            finished: boolean;
+            notLogin: {
+                buttonLabel: string;
+                handleClick: () => void;
+            };
+            notFinished: {
+                buttonLabel: string;
+                handleClick: () => void;
+            };
+            completed: {
+                buttonLabel: string;
+            };
+        };
+        shop: {
+            finished: boolean;
+            notLogin: {
+                buttonLabel: string;
+                handleClick: () => void;
+            };
+            notFinished: {
+                buttonLabel: string;
+                link: string;
+                handleClick: () => void;
+            };
+            completed: {
+                buttonLabel: string;
+            };
+        };
+    };
+};

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/helpers/index.d.ts

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

package/dist/esm/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/esm/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/esm/index.d.ts

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

package/dist/esm/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/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@anker-in/campaign-ui",
-  "version": "0.2.10-beta.23",
+  "version": "0.2.10-beta.24",
   "description": "Campaign UI components and utilities for Anker projects",
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/esm/index.d.ts",
   "exports": {
     ".": {
       "import": {
@@ -89,8 +89,8 @@
     "swiper": "^11.1.3",
     "tailwind-merge": "^2.3.0",
     "tailwindcss": "^3.4.3",
-    "@anker-in/headless-ui": "1.0.19",
-    "@anker-in/lib": "0.0.0-beta.1"
+    "@anker-in/lib": "0.0.0-beta.1",
+    "@anker-in/headless-ui": "1.0.19"
   },
   "publishConfig": {
     "access": "public",
@@ -102,11 +102,12 @@
   "scripts": {
     "dev": "pnpm run dev:css & tsup --watch",
     "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:types",
-    "build:css": "postcss src/styles/global.css -o style.css",
+    "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:types": "tsc --outdir dist",
+    "build:js:esm:types": "tsc --outdir dist/esm",
+    "build:css": "postcss src/styles/global.css -o style.css",
     "lint": "eslint \"src/**/*.ts*\"",
     "test": "echo run @anker-in/campaign-ui tests",
     "type-check": "tsc --noEmit",