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

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

@@ -0,0 +1,34 @@
+export interface Rule {
+    key: string;
+    error: string;
+    rule?: string;
+    params?: Record<string, any>;
+    required?: boolean;
+    validator?: (value: string, key: string, address: Record<string, any>) => boolean | string;
+}
+export type FormData = {
+    key: string;
+    label: string;
+    tips: string;
+    required: boolean;
+    placeholder: string;
+    type?: string;
+}[];
+export declare const useAddressValidate: ({ address, validatorInfo, formData, errorLabel, }: {
+    address: Record<string, any>;
+    validatorInfo: any;
+    formData: any;
+    errorLabel: {
+        require: string;
+        email: string;
+    };
+}) => {
+    validate: ({ force, ignoreKeys }: {
+        force?: boolean;
+        ignoreKeys?: string[];
+    }) => boolean;
+    errors: {
+        key: string;
+        message: string;
+    }[];
+};

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

@@ -0,0 +1,23 @@
+import { type SWRConfiguration } from 'swr';
+interface UseAlpcFetchOptionsSwrOptions<TData, Error> extends SWRConfiguration<TData, Error> {
+    enable?: boolean;
+}
+interface FetchOptions extends RequestInit {
+    queryKey: [string, Record<string, any>];
+    data?: Record<string, any>;
+}
+interface MutationOptions extends RequestInit {
+    url: string;
+    initData: Record<string, any>;
+}
+export interface UseMutationConfig<TData> {
+    onSuccess?: (response: TData) => any;
+    onError?: (error: Error) => any;
+}
+export declare const useAlpcFetch: <TData>(options: FetchOptions, swrOptions?: UseAlpcFetchOptionsSwrOptions<TData, Error>) => import("swr").SWRResponse<TData, any, SWRConfiguration<TData, any, import("swr").BareFetcher<TData>> | undefined>;
+export declare const useAlpcMutation: <TData, TBody>(options: MutationOptions, mutationOptions?: UseMutationConfig<TData>) => {
+    isMutating: boolean;
+    trigger: (fetchData: TBody, opts?: UseMutationConfig<TData>) => Promise<TData | undefined>;
+    data: TData | undefined;
+};
+export {};

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare function useClickOutside<T extends HTMLElement = HTMLElement>(onClickOutside: (event: MouseEvent | TouchEvent) => void): React.RefObject<T>;
+export default useClickOutside;

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

@@ -0,0 +1,5 @@
+declare const useCopy: () => {
+    copy: (val: string) => void;
+    copied: boolean;
+};
+export default useCopy;

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

@@ -0,0 +1,8 @@
+import { type ShippingCountry } from '../../type';
+declare function useCountries({ shopifyStoreDomain }: {
+    shopifyStoreDomain: string;
+}): {
+    isLoading: boolean;
+    countries: ShippingCountry[];
+};
+export default useCountries;

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

@@ -0,0 +1 @@
+export declare const useFirstPurchaseFinished: () => boolean;

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

@@ -0,0 +1,14 @@
+import { AlpcConsumeType } from '../const';
+import type { RedeemLogResponse } from '../response';
+declare function useMyRewards({ page, pageSize, consumeType, }: {
+    page: number;
+    pageSize: number;
+    consumeType?: AlpcConsumeType;
+}): {
+    myRewards: RedeemLogResponse[];
+    isLoading: boolean;
+    total: number;
+    getMyRewards: () => Promise<void>;
+    canNext: boolean;
+};
+export default useMyRewards;

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

@@ -0,0 +1,2 @@
+export declare const useReceiptUploaded: () => boolean;
+export default useReceiptUploaded;

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

@@ -0,0 +1,9 @@
+import { SWRMutationConfiguration } from 'swr/mutation';
+import type { ProductVariant } from '@anker-in/lib';
+export declare const useRedeemAndBuy: (_: any, swrOptions?: SWRMutationConfiguration<undefined, Error, string, any> & {
+    throwOnError?: boolean;
+}) => import("swr/mutation").SWRMutationResponse<undefined, Error, "redeemAndBuy", {
+    productVariant: ProductVariant;
+    quantity?: number;
+    redeemId: number;
+}>;

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

@@ -0,0 +1,17 @@
+import { type UseMutationConfig } from './useAlpcFetch';
+type RedeemCouponResponse = {
+    code: number;
+    data: {
+        success: boolean;
+        coupon_code: string;
+    };
+};
+export declare const useRedeemCoupon: (mutationOptions?: UseMutationConfig<RedeemCouponResponse>) => {
+    isMutating: boolean;
+    trigger: (fetchData: {
+        user_id?: string;
+        rule_id: number;
+    }, opts?: UseMutationConfig<RedeemCouponResponse>) => Promise<RedeemCouponResponse | undefined>;
+    data: RedeemCouponResponse | undefined;
+};
+export {};

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

@@ -0,0 +1,16 @@
+import { type UseMutationConfig } from './useAlpcFetch';
+type RedeemProductResponse = {
+    code: number;
+    data: {
+        success: boolean;
+    };
+};
+export declare const useRedeemProduct: (mutationOptions?: UseMutationConfig<RedeemProductResponse>) => {
+    isMutating: boolean;
+    trigger: (fetchData: {
+        rule_id: number;
+        address: string;
+    }, opts?: UseMutationConfig<RedeemProductResponse>) => Promise<RedeemProductResponse | undefined>;
+    data: RedeemProductResponse | undefined;
+};
+export {};

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

@@ -0,0 +1,7 @@
+import type { ConsumeCreditRuleResponse } from '../response';
+declare function useRedeemableList(): {
+    listLoading: boolean;
+    redeemableList: ConsumeCreditRuleResponse[];
+    getRedeemableList: () => void;
+};
+export default useRedeemableList;

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

@@ -0,0 +1 @@
+export declare function useSendEmailValidation(): import("swr/mutation").SWRMutationResponse<any, any, "send-email-validation", never>;

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

@@ -0,0 +1 @@
+export declare const useSubscribed: () => boolean;

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

@@ -0,0 +1,5 @@
+import type { Subscription } from '../../type';
+declare function useSubscriptions(email?: string): {
+    subscriptionData: Subscription | undefined;
+};
+export default useSubscriptions;

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

@@ -0,0 +1,14 @@
+export declare const uploadReceipt: (_: any, { arg: { orderName } }: {
+    arg: {
+        orderName: string;
+    };
+}) => Promise<{
+    ok: boolean;
+    code: number;
+}>;
+export declare const useUploadReceipt: () => import("swr/mutation").SWRMutationResponse<{
+    ok: boolean;
+    code: number;
+}, any, "/api/multipass/mktsrv/v1/credit/upload_third_party_order", {
+    orderName: string;
+}>;

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

@@ -0,0 +1,49 @@
+import React from 'react';
+import type { DTC_TASK_TYPE } from './const';
+import type { CreditInfoResponse } from './response';
+export declare const CreditsContext: React.Context<{
+    profile: any;
+    isLoadingProfile: boolean;
+    removeProfile: () => void;
+    taskIdToTypeMapping: Record<string, DTC_TASK_TYPE>;
+    openSignInPopup: () => void;
+    openSignUpPopup: () => void;
+    creditInfo?: CreditInfoResponse;
+    customer?: any;
+    customerLoading: boolean;
+    fetchCreditInfo: (user_id: string) => void;
+    gtm: {
+        pageGroup: string;
+    };
+}>;
+export declare function CreditsProvider({ children, profile, removeProfile, isLoadingProfile, openSignInPopup, openSignUpPopup, taskIdToTypeMapping, creditInfo, customer, customerLoading, fetchCreditInfo, gtm, }: {
+    children: React.ReactNode;
+    profile: any;
+    removeProfile: () => void;
+    isLoadingProfile: boolean;
+    openSignInPopup: () => void;
+    openSignUpPopup: () => void;
+    taskIdToTypeMapping: Record<string, DTC_TASK_TYPE>;
+    creditInfo?: CreditInfoResponse;
+    customer: any;
+    fetchCreditInfo: (user_id: string) => void;
+    customerLoading: boolean;
+    gtm: {
+        pageGroup: string;
+    };
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useCreditsContext(): {
+    profile: any;
+    isLoadingProfile: boolean;
+    removeProfile: () => void;
+    taskIdToTypeMapping: Record<string, DTC_TASK_TYPE>;
+    openSignInPopup: () => void;
+    openSignUpPopup: () => void;
+    creditInfo?: CreditInfoResponse;
+    customer?: any;
+    customerLoading: boolean;
+    fetchCreditInfo: (user_id: string) => void;
+    gtm: {
+        pageGroup: string;
+    };
+};

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

@@ -0,0 +1,63 @@
+import { ApprovalStatus, AlpcConsumeType, CreditType, TaskSubType, TaskType } from './const';
+interface BaseResponse {
+    brand: string;
+}
+export interface Task extends BaseResponse {
+    goods_sku?: string;
+    task_type: TaskType;
+    task_sub_type: TaskSubType;
+    task_rule_id: number;
+    task_name: string;
+    task_note: string;
+    app_name: string;
+}
+export interface CreditLogResponse extends Task {
+    credit: number;
+    task_name: string;
+    create_time: number;
+    credit_type: CreditType;
+    pending_time: number;
+    status: number;
+    expired_time?: number;
+}
+export interface ConsumeCreditRuleResponse extends BaseResponse {
+    id: number;
+    name: string;
+    note: string;
+    consume_credits: number;
+    consume_type: AlpcConsumeType;
+    coupon_rule: string;
+    remaining_inventory: number;
+    is_limited: number;
+    sku_handle: string;
+    goods_sku: string;
+    goods_url: string;
+    extra?: string;
+}
+export interface RedeemLogResponse extends BaseResponse {
+    goods_title: string;
+    coupon_code: string;
+    order_number: string;
+    create_time: number;
+    consume_credits: number;
+    fulfillment_status: string;
+    approval_status: ApprovalStatus;
+    rule_id: number;
+    code_status: number;
+}
+export interface CreditTaskResponse extends Task {
+    status: number;
+    is_enable: number;
+    id: number;
+    weight: number;
+    reward_type: number;
+}
+export interface CreditInfoResponse extends BaseResponse {
+    total_credit: number;
+    available_credit: number;
+    pending_credit: number;
+    expired_credit: number;
+    cancel_credit: number;
+    consumed_credit: number;
+}
+export {};

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