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

package/dist/components/credits/context/utils.d.ts

@@ -0,0 +1,25 @@
+export declare function getAlpcPath(locale?: string): "/api/multipass/alpc-eu" | "/api/multipass/alpc";
+export declare function numberFormat(num?: number): string | number;
+export declare const emailValidate: (email: any) => boolean;
+export declare const languageTerritory: (locale: string) => string;
+export declare function formatPrice({ amount, currencyCode, locale, maximumFractionDigits, minimumFractionDigits, removeTrailingZeros, }: {
+    amount: number;
+    currencyCode: string;
+    locale: string;
+    maximumFractionDigits?: number;
+    minimumFractionDigits?: number;
+    removeTrailingZeros?: boolean;
+}): string;
+export declare function formatVariantPrice({ amount, baseAmount, currencyCode, locale, maximumFractionDigits, minimumFractionDigits, removeTrailingZeros, }: {
+    baseAmount: number;
+    amount: number;
+    currencyCode: string;
+    locale: string;
+    maximumFractionDigits?: number;
+    minimumFractionDigits?: number;
+    removeTrailingZeros?: boolean;
+}): {
+    price: string;
+    basePrice: string | undefined;
+    discount: string | null;
+};

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

@@ -0,0 +1,23 @@
+type Img = {
+    url: string;
+    alt: string;
+};
+type BannerProps = {
+    copy: {
+        pcImg: Img;
+        laptopImg: Img;
+        mobileImg: Img;
+        joinNow: string;
+        loginIn: string;
+        login: {
+            title: string;
+            description: string;
+        };
+        unLogin: {
+            title: string;
+            description: string;
+        };
+    };
+};
+export declare function CreditsBanner({ copy }: BannerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/credits/creditsBenefits/benefitItem.d.ts

@@ -0,0 +1,19 @@
+export interface BenefitItemCopy {
+    icon: {
+        alt: string;
+        url: string;
+    };
+    text: string;
+    note?: string;
+    tag?: string;
+}
+declare const BenefitItem: ({ item, handleClick, isNoteActive, index, }: {
+    item: BenefitItemCopy;
+    handleClick: ({ item, index }: {
+        item: BenefitItemCopy;
+        index: number;
+    }) => void;
+    isNoteActive: boolean;
+    index: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default BenefitItem;

package/dist/components/credits/creditsBenefits/iconInfo.d.ts

@@ -0,0 +1,2 @@
+export declare const IconInfo: () => import("react/jsx-runtime").JSX.Element;
+export default IconInfo;

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

@@ -0,0 +1,12 @@
+import 'swiper/css';
+import 'swiper/css/grid';
+import 'swiper/css/pagination';
+import { type BenefitItemCopy } from './benefitItem';
+interface CreditsBenefitsProps {
+    copy: {
+        title: string;
+        benefits: BenefitItemCopy[];
+    };
+}
+export declare const CreditsBenefits: ({ copy }: CreditsBenefitsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/credits/creditsCash/RedeemableItem.d.ts

@@ -0,0 +1,15 @@
+import { CreditsCashCopy, RedeemItem } from './type';
+declare function RedeemableItem({ copy, itemData, setRules, className, authCodeActivate, }: {
+    copy: CreditsCashCopy;
+    itemData: RedeemItem;
+    className?: string;
+    setRules: (rules: string[]) => void;
+    currencyCode: string;
+    authCodeActivate: {
+        openAuthCodePopup: Function;
+        isSuccess: boolean;
+        setOnSuccess: (arg: Function) => void;
+        isSendingActivateEmail: boolean;
+    };
+}): import("react/jsx-runtime").JSX.Element;
+export default RedeemableItem;

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

@@ -0,0 +1,13 @@
+import { CreditsCashCopy } from './type';
+export declare const CreditsCash: ({ copy, className, hideTitle, cardClassName, authCodeActivate, }: {
+    copy: CreditsCashCopy;
+    className?: string;
+    hideTitle?: boolean;
+    cardClassName?: string;
+    authCodeActivate: {
+        openAuthCodePopup: Function;
+        isSuccess: boolean;
+        setOnSuccess: (arg: Function) => void;
+        isSendingActivateEmail: boolean;
+    };
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,47 @@
+import { ProductVariant, Product } from '@anker-in/lib';
+import { AlpcConsumeType } from '../context/const';
+type RedeemableItemConfig = {
+    title: string;
+    desc: string;
+    price: string;
+    credit: string;
+    rules: string;
+    image: {
+        url: string;
+    };
+    mobileImage: {
+        url: string;
+    };
+    redeemId: number;
+};
+export type CreditsCashCopy = {
+    title: string;
+    list: (RedeemableItemConfig & {
+        products: {
+            handle: string;
+            sku: string;
+        }[];
+    })[];
+    soldOut: string;
+    ruleLabel: string;
+    unlockRewards: string;
+    btnRedeem: string;
+    off: string;
+    insufficientCredits: string;
+};
+export type RedeemItem = {
+    product: Product;
+    productVariant: ProductVariant;
+    alpcData: {
+        id: number;
+        consumeCredits: number;
+        remainingInventory: number;
+        isLimited: boolean;
+        consumeType: AlpcConsumeType.Product;
+        showCredit: boolean;
+        title: string;
+        desc: string;
+    };
+    config: RedeemableItemConfig;
+};
+export {};

package/dist/components/credits/creditsFaq/faqItem/FaqItem.d.ts

@@ -0,0 +1,13 @@
+import { type ReactNode } from 'react';
+type FaqItemProps = {
+    index: number;
+    question?: string;
+    answer?: string | number;
+    showDots: boolean;
+    itemRightIconRender?: ({ expanded }: {
+        expanded: boolean;
+    }) => ReactNode;
+    defaultExpended?: boolean;
+};
+export declare const FaqItem: ({ index, question, answer, showDots, itemRightIconRender, defaultExpended, }: FaqItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,16 @@
+export type FaqCopy = {
+    title: string;
+    subTitle: string;
+    learnMore: {
+        link: string;
+        label: string;
+    };
+    items: {
+        category_name: string;
+        question: string;
+        answer: string;
+    }[];
+};
+export declare const CreditsFaq: ({ copy }: {
+    copy: FaqCopy;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,20 @@
+import { type MyRewardsMetafields } from '../modal/MyRewardsModal';
+import { type MyActivitiesMetafields } from '../modal/activitiesModal';
+type ButtonConfig = {
+    text: string;
+    type: 'activities' | 'rewards';
+};
+export interface InfoCardProps {
+    data: {
+        balanceLabel: string;
+        comingSoonLabel: string;
+        comingSoonTips: string;
+        buttons: ButtonConfig[];
+        pointUnit: string;
+        infoIcon: string;
+        myActivities: MyActivitiesMetafields;
+        myRewards: MyRewardsMetafields;
+    };
+}
+export declare function CreditsInfoCard({ data }: InfoCardProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/credits/creditsRedeemList/AddressForm/CountrySelect.d.ts

@@ -0,0 +1,14 @@
+interface Country {
+    id: string;
+    code: string;
+    name: string;
+}
+interface CountrySelectProps {
+    countries: Country[];
+    loading?: boolean;
+    className?: string;
+    value?: string;
+    onChange: (code: string) => void;
+}
+export declare function CountrySelect({ countries, loading, className, value, onChange }: CountrySelectProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/credits/creditsRedeemList/AddressForm/FormItem.d.ts

@@ -0,0 +1,6 @@
+import { type PropsWithChildren } from 'react';
+export declare const FormItem: ({ error, children, label, required, }: PropsWithChildren<{
+    label?: string;
+    required: boolean;
+    error?: string;
+}>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/credits/creditsRedeemList/AddressForm/Input.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface InputProps {
+    className?: string;
+    value: string;
+    error?: string | boolean;
+    placeholder: string;
+    required?: boolean;
+    disabled?: boolean;
+    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: () => void;
+}
+export declare function Input({ className, error, value, placeholder, disabled, onChange, onBlur }: InputProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/credits/creditsRedeemList/AddressForm/StateSelect.d.ts

@@ -0,0 +1,15 @@
+interface StateSelectProps {
+    states: {
+        code: string;
+        id: string;
+        name: string;
+    }[];
+    className?: string;
+    countryId?: string;
+    defaultCode?: string;
+    stateName?: string;
+    stateCode?: string;
+    onChange: (code: string, name: string) => void;
+}
+export declare function StateSelect({ states, stateName, stateCode, className, onChange }: StateSelectProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import { AddressFormProps } from './type';
+export declare const AddressForm: ({ countries, countriesLoading, form, validate, errors, onChange }: AddressFormProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,26 @@
+import { CreditsRedeemListCopy } from '../type';
+type ShippingCountry = {
+    id: string;
+    name: string;
+    code: string;
+    provinces: {
+        id: string;
+        name: string;
+        code: string;
+    }[];
+};
+export interface AddressFormProps {
+    form: CreditsRedeemListCopy['redeemModal']['product']['addressForm'];
+    onChange: (address: any) => void;
+    validate: (args: {
+        force?: boolean;
+        ignoreKeys?: string[];
+    }) => boolean;
+    errors: {
+        key: string;
+        message: string;
+    }[];
+    countries: ShippingCountry[];
+    countriesLoading: boolean;
+}
+export {};

package/dist/components/credits/creditsRedeemList/RedeemCouponModal.d.ts

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

package/dist/components/credits/creditsRedeemList/RedeemProductModal/Address.d.ts

@@ -0,0 +1,20 @@
+import type { RedeemableItem as RedeemableItemType } from '../../type';
+import { CreditsRedeemListCopy } from '../type';
+type AddressProps = {
+    copy: CreditsRedeemListCopy;
+    shippingAddress: string;
+    setAddress: (address: Record<string, any>) => void;
+    validateAddress: (address: Record<string, any>) => boolean;
+    validateErrors: {
+        key: string;
+        message: string;
+    }[];
+    item: RedeemableItemType;
+    loading: boolean;
+    address: Record<string, any> | undefined;
+    disabled: boolean;
+    handlePayment: () => void;
+    shippingProduct: string;
+};
+export declare const Address: ({ copy, shippingAddress, setAddress, validateAddress, validateErrors, shippingProduct, loading, address, disabled, handlePayment, item, }: AddressProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/credits/creditsRedeemList/RedeemProductModal/Error.d.ts

@@ -0,0 +1,8 @@
+type ErrorProps = {
+    errorInfo: {
+        imageUrl: string;
+        message: string;
+    };
+};
+export declare const Error: ({ errorInfo }: ErrorProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/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/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/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/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/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/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/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/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/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/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;
+            };
+        };
+    };
+};