@anker-in/campaign-ui 0.5.10 → 0.5.12

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/templates/Credits.types.d.ts

@@ -36,6 +36,7 @@ export type CreditsTemplateProps = {
         };
         taskIdToTypeMapping: Record<string, DTC_TASK_TYPE>;
         memberPriceDiscount?: FunctionMemberPriceConfig[];
+        taskNameMapping: Record<string, string>;
     };
     creditsConfig?: {
         alpcBrand?: string;

package/dist/cjs/templates/Credits.types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/templates/Credits.types.ts"],
-  "sourcesContent": ["import { HeadlessConfig } from '@anker-in/lib'\nimport { DTC_TASK_TYPE } from '../components/credits/context/const'\nimport { CreditsPageCommon } from '../components/credits/type'\nimport { FunctionMemberPriceConfig } from '../components/credits/context/memberPriceTypes'\nimport { AuthCodeActivateCopy } from 'src/components/registration/authCodeActivate/type'\nimport type { CreditsBannerCopy } from '../components/credits/creditsBanner'\nimport type { CreditsInfoCardCopy } from '../components/credits/creditsInfoCard'\nimport type { CreditsBenefitsCopy } from '../components/credits/creditsBenefits'\nimport type { CreditsWaysToGetCreditsCopy } from '../components/credits/creditsWaysToGetCredits'\nimport type { CreditsAnkersolixTaskCopy } from '../components/credits/creditsAnkersolixTask'\nimport type { CreditsRedeemListCopy } from '../components/credits/creditsRedeemList'\nimport type { CreditsGoGiftCopy } from '../components/credits/creditsGoGift'\nimport type { CreditsCashCopy } from '../components/credits/creditsCash'\nimport type { CreditsMemberPriceCopy } from '../components/credits/creditsMemberPrice'\nimport type { CreditsFaqCopy } from '../components/credits/creditsFaq'\nimport type { CreditsNavigationCopy } from '../components/credits/creditsNavigation'\n\n// Re-export copy types for convenience\nexport type {\n  CreditsBannerCopy,\n  CreditsInfoCardCopy,\n  CreditsBenefitsCopy,\n  CreditsWaysToGetCreditsCopy,\n  CreditsAnkersolixTaskCopy,\n  CreditsRedeemListCopy,\n  CreditsGoGiftCopy,\n  CreditsCashCopy,\n  CreditsMemberPriceCopy,\n  CreditsFaqCopy,\n  CreditsNavigationCopy,\n}\n\nexport enum ComponentKey {\n  Navigation = 'creditsNavigation',\n  Banner = 'creditsBanner',\n  InfoCard = 'creditsInfoCard',\n  Benefits = 'creditsBenefits',\n  WaysToGetCredits = 'creditsWaysToGetCredits',\n  AnkersolixTask = 'creditsAnkersolixTask',\n  RedeemList = 'creditsRedeemList',\n  GoGift = 'creditsGoGift',\n  SpendCreditsLikeCash = 'creditsCash',\n  MemberPrice = 'creditsMemberPrice',\n  Faqs = 'creditsFaq',\n}\n\nexport type CreditsTemplateProps = {\n  headlessConfig: HeadlessConfig\n  siteConfig: {\n    registrationsSettings: {\n      authCodeActivate: AuthCodeActivateCopy\n    }\n    taskIdToTypeMapping: Record<string, DTC_TASK_TYPE>\n    memberPriceDiscount?: FunctionMemberPriceConfig[]\n  }\n  creditsConfig?: {\n    alpcBrand?: string\n    alpcCountry?: string\n  }\n  pageConfig: {\n    order: ComponentKey[]\n    common: CreditsPageCommon\n    components: {\n      [ComponentKey.Navigation]?: CreditsNavigationCopy\n      [ComponentKey.Banner]?: CreditsBannerCopy\n      [ComponentKey.InfoCard]?: CreditsInfoCardCopy\n      [ComponentKey.Benefits]?: CreditsBenefitsCopy\n      [ComponentKey.WaysToGetCredits]?: CreditsWaysToGetCreditsCopy\n      [ComponentKey.AnkersolixTask]?: CreditsAnkersolixTaskCopy\n      [ComponentKey.RedeemList]?: CreditsRedeemListCopy\n      [ComponentKey.GoGift]?: CreditsGoGiftCopy\n      [ComponentKey.SpendCreditsLikeCash]?: CreditsCashCopy\n      [ComponentKey.MemberPrice]?: CreditsMemberPriceCopy\n      [ComponentKey.Faqs]?: CreditsFaqCopy\n    }\n  }\n  userContext: {\n    profile: any\n    removeProfile: () => void\n    isLoadingProfile: boolean\n    creditInfo: any\n    customer: any\n    customerLoading: boolean\n    fetchCreditInfo: () => void\n    apiBaseUrl?: string\n  }\n  registrationContext: {\n    openSignUpPopup: () => void\n    openSignInPopup: () => void\n  }\n  gtm: {\n    pageGroup: string\n    pageHandle?: string\n  }\n  cartConfig?: {\n    addToCart: (params: {\n      variantList: Array<{\n        variant: any\n        quantity: number\n        attributes?: Array<{ key: string; value: string }>\n      }>\n      cartAttributes?: Record<string, string>\n      discountCodes?: string[]\n    }) => void | Promise<any>\n  }\n}\n\nexport type CreditsContentProps = {\n  headlessConfig: HeadlessConfig\n  pageConfig: CreditsTemplateProps['pageConfig']\n  userContext: CreditsTemplateProps['userContext']\n}\n"],
+  "sourcesContent": ["import { HeadlessConfig } from '@anker-in/lib'\nimport { DTC_TASK_TYPE } from '../components/credits/context/const'\nimport { CreditsPageCommon } from '../components/credits/type'\nimport { FunctionMemberPriceConfig } from '../components/credits/context/memberPriceTypes'\nimport { AuthCodeActivateCopy } from 'src/components/registration/authCodeActivate/type'\nimport type { CreditsBannerCopy } from '../components/credits/creditsBanner'\nimport type { CreditsInfoCardCopy } from '../components/credits/creditsInfoCard'\nimport type { CreditsBenefitsCopy } from '../components/credits/creditsBenefits'\nimport type { CreditsWaysToGetCreditsCopy } from '../components/credits/creditsWaysToGetCredits'\nimport type { CreditsAnkersolixTaskCopy } from '../components/credits/creditsAnkersolixTask'\nimport type { CreditsRedeemListCopy } from '../components/credits/creditsRedeemList'\nimport type { CreditsGoGiftCopy } from '../components/credits/creditsGoGift'\nimport type { CreditsCashCopy } from '../components/credits/creditsCash'\nimport type { CreditsMemberPriceCopy } from '../components/credits/creditsMemberPrice'\nimport type { CreditsFaqCopy } from '../components/credits/creditsFaq'\nimport type { CreditsNavigationCopy } from '../components/credits/creditsNavigation'\n\n// Re-export copy types for convenience\nexport type {\n  CreditsBannerCopy,\n  CreditsInfoCardCopy,\n  CreditsBenefitsCopy,\n  CreditsWaysToGetCreditsCopy,\n  CreditsAnkersolixTaskCopy,\n  CreditsRedeemListCopy,\n  CreditsGoGiftCopy,\n  CreditsCashCopy,\n  CreditsMemberPriceCopy,\n  CreditsFaqCopy,\n  CreditsNavigationCopy,\n}\n\nexport enum ComponentKey {\n  Navigation = 'creditsNavigation',\n  Banner = 'creditsBanner',\n  InfoCard = 'creditsInfoCard',\n  Benefits = 'creditsBenefits',\n  WaysToGetCredits = 'creditsWaysToGetCredits',\n  AnkersolixTask = 'creditsAnkersolixTask',\n  RedeemList = 'creditsRedeemList',\n  GoGift = 'creditsGoGift',\n  SpendCreditsLikeCash = 'creditsCash',\n  MemberPrice = 'creditsMemberPrice',\n  Faqs = 'creditsFaq',\n}\n\nexport type CreditsTemplateProps = {\n  headlessConfig: HeadlessConfig\n  siteConfig: {\n    registrationsSettings: {\n      authCodeActivate: AuthCodeActivateCopy\n    }\n    taskIdToTypeMapping: Record<string, DTC_TASK_TYPE>\n    memberPriceDiscount?: FunctionMemberPriceConfig[]\n    taskNameMapping: Record<string, string>\n  }\n  creditsConfig?: {\n    alpcBrand?: string\n    alpcCountry?: string\n  }\n  pageConfig: {\n    order: ComponentKey[]\n    common: CreditsPageCommon\n    components: {\n      [ComponentKey.Navigation]?: CreditsNavigationCopy\n      [ComponentKey.Banner]?: CreditsBannerCopy\n      [ComponentKey.InfoCard]?: CreditsInfoCardCopy\n      [ComponentKey.Benefits]?: CreditsBenefitsCopy\n      [ComponentKey.WaysToGetCredits]?: CreditsWaysToGetCreditsCopy\n      [ComponentKey.AnkersolixTask]?: CreditsAnkersolixTaskCopy\n      [ComponentKey.RedeemList]?: CreditsRedeemListCopy\n      [ComponentKey.GoGift]?: CreditsGoGiftCopy\n      [ComponentKey.SpendCreditsLikeCash]?: CreditsCashCopy\n      [ComponentKey.MemberPrice]?: CreditsMemberPriceCopy\n      [ComponentKey.Faqs]?: CreditsFaqCopy\n    }\n  }\n  userContext: {\n    profile: any\n    removeProfile: () => void\n    isLoadingProfile: boolean\n    creditInfo: any\n    customer: any\n    customerLoading: boolean\n    fetchCreditInfo: () => void\n    apiBaseUrl?: string\n  }\n  registrationContext: {\n    openSignUpPopup: () => void\n    openSignInPopup: () => void\n  }\n  gtm: {\n    pageGroup: string\n    pageHandle?: string\n  }\n  cartConfig?: {\n    addToCart: (params: {\n      variantList: Array<{\n        variant: any\n        quantity: number\n        attributes?: Array<{ key: string; value: string }>\n      }>\n      cartAttributes?: Record<string, string>\n      discountCodes?: string[]\n    }) => void | Promise<any>\n  }\n}\n\nexport type CreditsContentProps = {\n  headlessConfig: HeadlessConfig\n  pageConfig: CreditsTemplateProps['pageConfig']\n  userContext: CreditsTemplateProps['userContext']\n}\n"],
   "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kBAAAE,IAAA,eAAAC,EAAAH,GAgCO,IAAKE,OACVA,EAAA,WAAa,oBACbA,EAAA,OAAS,gBACTA,EAAA,SAAW,kBACXA,EAAA,SAAW,kBACXA,EAAA,iBAAmB,0BACnBA,EAAA,eAAiB,wBACjBA,EAAA,WAAa,oBACbA,EAAA,OAAS,gBACTA,EAAA,qBAAuB,cACvBA,EAAA,YAAc,qBACdA,EAAA,KAAO,aAXGA,OAAA",
   "names": ["Credits_types_exports", "__export", "ComponentKey", "__toCommonJS"]
 }

package/dist/cjs/templates/{Credits.js → credits.js}

@@ -1,2 +1,2 @@
-"use strict";var U=Object.create;var C=Object.defineProperty;var W=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var H=Object.getPrototypeOf,K=Object.prototype.hasOwnProperty;var Y=(i,r)=>{for(var d in r)C(i,d,{get:r[d],enumerable:!0})},h=(i,r,d,t)=>{if(r&&typeof r=="object"||typeof r=="function")for(let p of E(r))!K.call(i,p)&&p!==d&&C(i,p,{get:()=>r[p],enumerable:!(t=W(r,p))||t.enumerable});return i};var T=(i,r,d)=>(d=i!=null?U(H(i)):{},h(r||!i||!i.__esModule?C(d,"default",{value:i,enumerable:!0}):d,i)),z=i=>h(C({},"__esModule",{value:!0}),i);var V={};Y(V,{CreditsTemplate:()=>Q});module.exports=z(V);var e=require("react/jsx-runtime"),c=require("@anker-in/lib"),l=require("react"),M=require("../components/registration/context/provider"),f=require("../components/credits/context/provider"),w=require("../components/credits/creditsBanner"),B=require("../components/credits/creditsInfoCard"),b=require("../components/credits/creditsBenefits"),I=require("../components/credits/creditsWaysToGetCredits"),G=require("../components/credits/creditsAnkersolixTask"),R=require("../components/credits/creditsRedeemList"),L=require("../components/credits/creditsGoGift"),A=require("../components/credits/creditsCash"),S=require("../components/credits/creditsMemberPrice"),D=require("../components/credits/creditsFaq"),N=require("../components/credits/creditsNavigation"),F=T(require("../components/credits/modal/ActivitiesModal")),q=T(require("../components/credits/modal/RewardsModal")),s=require("./Credits.types");const J=({headlessConfig:i,pageConfig:r,userContext:d})=>{const{openMyRewardsModal:t,setOpenMyRewardsModal:p,openActivitiesModal:m,setOpenActivitiesModal:y,pageCommon:n}=(0,f.useCreditsContext)(),u=(0,l.useRef)(!1);return(0,l.useEffect)(()=>{if(u.current||typeof window>"u")return;const a=new URLSearchParams(window.location.search).get("section");if(!a)return;const x=56,g=(P=0)=>{const v=document.getElementById(a);if(v){u.current=!0;const O=v.getBoundingClientRect().top+window.pageYOffset-x;window.scrollTo({top:O,behavior:"smooth"})}else P<10&&setTimeout(()=>g(P+1),300)};g()},[]),(0,e.jsxs)(e.Fragment,{children:[r.components[s.ComponentKey.Navigation]&&(0,e.jsx)(N.CreditsNavigation,{copy:r.components[s.ComponentKey.Navigation]}),(0,e.jsx)("div",{className:(0,c.classNames)("bg-[#f5f5f7] leading-[1.2]"),children:r.order.map(o=>{if(o===s.ComponentKey.Navigation)return null;const a=r.components?.[o];return a?(0,e.jsxs)(e.Fragment,{children:[o===s.ComponentKey.Banner&&(0,e.jsx)(w.CreditsBanner,{copy:a,id:o}),o===s.ComponentKey.InfoCard&&d?.profile&&(0,e.jsx)(B.CreditsInfoCard,{copy:a,id:o}),o===s.ComponentKey.Benefits&&(0,e.jsx)(b.CreditsBenefits,{copy:a,id:o}),o===s.ComponentKey.WaysToGetCredits&&(0,e.jsx)(I.CreditsWaysToGetCredits,{copy:a,id:o,classNames:i.brand==="anker"?{subtitle:"text-white",equalCreditsText:"bg-gradient-to-r from-[#3AD1FF] to-[#008CD6] bg-clip-text text-transparent"}:{subtitle:"text-[#D1D1D1]",equalCreditsText:"text-[#F6EAD0]"}}),o===s.ComponentKey.AnkersolixTask&&(0,e.jsx)(G.CreditsAnkersolixTask,{copy:a,id:o}),o===s.ComponentKey.RedeemList&&(0,e.jsx)(R.CreditsRedeemList,{copy:a,id:o}),o===s.ComponentKey.GoGift&&(0,e.jsx)(L.CreditsGoGift,{copy:a,id:o}),o===s.ComponentKey.SpendCreditsLikeCash&&(0,e.jsx)(A.CreditsCash,{copy:a,id:o}),o===s.ComponentKey.MemberPrice&&(0,e.jsx)(S.CreditsMemberPrice,{copy:a,id:o}),o===s.ComponentKey.Faqs&&(0,e.jsx)(D.CreditsFaq,{copy:a,id:o}),o!==s.ComponentKey.Banner&&(0,e.jsx)("div",{className:"laptop:h-16 desktop:h-[96px] lg-desktop:h-[128px] tablet:h-16 h-16"})]}):null})}),n?.activitiesModal&&(0,e.jsx)(F.default,{isOpen:m,data:n.activitiesModal,onClose:()=>y(!1)}),n?.rewardsModal&&(0,e.jsx)(q.default,{isOpen:t,data:n.rewardsModal,onClose:()=>p(!1)})]})},Q=({headlessConfig:i,siteConfig:r,creditsConfig:d,userContext:t,pageConfig:p,registrationContext:m,gtm:y,cartConfig:n})=>(0,e.jsx)(c.HeadlessProvider,{headlessConfig:i,children:(0,e.jsx)(M.RegistrationProvider,{copy:r.registrationsSettings,email:t?.profile?.email,children:(0,e.jsx)(f.CreditsProvider,{profile:t?.profile,removeProfile:t?.removeProfile,isLoadingProfile:t?.isLoadingProfile,openSignInPopup:m.openSignInPopup,openSignUpPopup:m.openSignUpPopup,creditInfo:t?.creditInfo,taskIdToTypeMapping:r.taskIdToTypeMapping,customer:t?.customer,fetchCreditInfo:t?.fetchCreditInfo,customerLoading:t?.customerLoading,gtm:y,pageCommon:p.common,memberPriceDiscount:r.memberPriceDiscount,alpcBrand:d?.alpcBrand,alpcCountry:d?.alpcCountry,cartConfig:n,apiBaseUrl:t?.apiBaseUrl,children:(0,e.jsx)(J,{headlessConfig:i,pageConfig:p,userContext:t})})})});
+"use strict";var U=Object.create;var C=Object.defineProperty;var W=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var H=Object.getPrototypeOf,K=Object.prototype.hasOwnProperty;var Y=(t,r)=>{for(var d in r)C(t,d,{get:r[d],enumerable:!0})},M=(t,r,d,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let p of E(r))!K.call(t,p)&&p!==d&&C(t,p,{get:()=>r[p],enumerable:!(i=W(r,p))||i.enumerable});return t};var h=(t,r,d)=>(d=t!=null?U(H(t)):{},M(r||!t||!t.__esModule?C(d,"default",{value:t,enumerable:!0}):d,t)),z=t=>M(C({},"__esModule",{value:!0}),t);var V={};Y(V,{CreditsTemplate:()=>Q});module.exports=z(V);var e=require("react/jsx-runtime"),c=require("@anker-in/lib"),l=require("react"),T=require("../components/registration/context/provider"),f=require("../components/credits/context/provider"),w=require("../components/credits/creditsBanner"),B=require("../components/credits/creditsInfoCard"),b=require("../components/credits/creditsBenefits"),I=require("../components/credits/creditsWaysToGetCredits"),G=require("../components/credits/creditsAnkersolixTask"),R=require("../components/credits/creditsRedeemList"),L=require("../components/credits/creditsGoGift"),N=require("../components/credits/creditsCash"),A=require("../components/credits/creditsMemberPrice"),S=require("../components/credits/creditsFaq"),D=require("../components/credits/creditsNavigation"),F=h(require("../components/credits/modal/ActivitiesModal")),q=h(require("../components/credits/modal/RewardsModal")),s=require("./Credits.types");const J=({headlessConfig:t,pageConfig:r,userContext:d})=>{const{openMyRewardsModal:i,setOpenMyRewardsModal:p,openActivitiesModal:m,setOpenActivitiesModal:y,pageCommon:n}=(0,f.useCreditsContext)(),g=(0,l.useRef)(!1);return(0,l.useEffect)(()=>{if(g.current||typeof window>"u")return;const a=new URLSearchParams(window.location.search).get("section");if(!a)return;const x=56,u=(P=0)=>{const v=document.getElementById(a);if(v){g.current=!0;const O=v.getBoundingClientRect().top+window.pageYOffset-x;window.scrollTo({top:O,behavior:"smooth"})}else P<10&&setTimeout(()=>u(P+1),300)};u()},[]),(0,e.jsxs)(e.Fragment,{children:[r.components[s.ComponentKey.Navigation]&&(0,e.jsx)(D.CreditsNavigation,{copy:r.components[s.ComponentKey.Navigation]}),(0,e.jsx)("div",{className:(0,c.classNames)("bg-[#f5f5f7] leading-[1.2]"),children:r.order.map(o=>{if(o===s.ComponentKey.Navigation)return null;const a=r.components?.[o];return a?(0,e.jsxs)(e.Fragment,{children:[o===s.ComponentKey.Banner&&(0,e.jsx)(w.CreditsBanner,{copy:a,id:o}),o===s.ComponentKey.InfoCard&&d?.profile&&(0,e.jsx)(B.CreditsInfoCard,{copy:a,id:o}),o===s.ComponentKey.Benefits&&(0,e.jsx)(b.CreditsBenefits,{copy:a,id:o}),o===s.ComponentKey.WaysToGetCredits&&(0,e.jsx)(I.CreditsWaysToGetCredits,{copy:a,id:o,classNames:t.brand==="anker"?{subtitle:"text-white",equalCreditsText:"bg-gradient-to-r from-[#3AD1FF] to-[#008CD6] bg-clip-text text-transparent"}:{subtitle:"text-[#D1D1D1]",equalCreditsText:"text-[#F6EAD0]"}}),o===s.ComponentKey.AnkersolixTask&&(0,e.jsx)(G.CreditsAnkersolixTask,{copy:a,id:o}),o===s.ComponentKey.RedeemList&&(0,e.jsx)(R.CreditsRedeemList,{copy:a,id:o}),o===s.ComponentKey.GoGift&&(0,e.jsx)(L.CreditsGoGift,{copy:a,id:o}),o===s.ComponentKey.SpendCreditsLikeCash&&(0,e.jsx)(N.CreditsCash,{copy:a,id:o}),o===s.ComponentKey.MemberPrice&&(0,e.jsx)(A.CreditsMemberPrice,{copy:a,id:o}),o===s.ComponentKey.Faqs&&(0,e.jsx)(S.CreditsFaq,{copy:a,id:o}),o!==s.ComponentKey.Banner&&(0,e.jsx)("div",{className:"laptop:h-16 desktop:h-[96px] lg-desktop:h-[128px] tablet:h-16 h-16"})]}):null})}),n?.activitiesModal&&(0,e.jsx)(F.default,{isOpen:m,data:n.activitiesModal,onClose:()=>y(!1)}),n?.rewardsModal&&(0,e.jsx)(q.default,{isOpen:i,data:n.rewardsModal,onClose:()=>p(!1)})]})},Q=({headlessConfig:t,siteConfig:r,creditsConfig:d,userContext:i,pageConfig:p,registrationContext:m,gtm:y,cartConfig:n})=>(0,e.jsx)(c.HeadlessProvider,{headlessConfig:t,children:(0,e.jsx)(T.RegistrationProvider,{copy:r.registrationsSettings,email:i?.profile?.email,children:(0,e.jsx)(f.CreditsProvider,{profile:i?.profile,removeProfile:i?.removeProfile,isLoadingProfile:i?.isLoadingProfile,openSignInPopup:m.openSignInPopup,openSignUpPopup:m.openSignUpPopup,creditInfo:i?.creditInfo,taskIdToTypeMapping:r.taskIdToTypeMapping,taskNameMapping:r.taskNameMapping,customer:i?.customer,fetchCreditInfo:i?.fetchCreditInfo,customerLoading:i?.customerLoading,gtm:y,pageCommon:p.common,memberPriceDiscount:r.memberPriceDiscount,alpcBrand:d?.alpcBrand,alpcCountry:d?.alpcCountry,cartConfig:n,apiBaseUrl:i?.apiBaseUrl,children:(0,e.jsx)(J,{headlessConfig:t,pageConfig:p,userContext:i})})})});
 //# sourceMappingURL=Credits.js.map

package/dist/cjs/templates/{Credits.js.map → credits.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/templates/Credits.tsx"],
-  "sourcesContent": ["import { classNames, HeadlessProvider } from '@anker-in/lib'\nimport { useEffect, useRef } from 'react'\nimport { RegistrationProvider } from '../components/registration/context/provider'\nimport { CreditsProvider, useCreditsContext } from '../components/credits/context/provider'\nimport { CreditsBanner } from '../components/credits/creditsBanner'\nimport { CreditsInfoCard } from '../components/credits/creditsInfoCard'\nimport { CreditsBenefits } from '../components/credits/creditsBenefits'\nimport { CreditsWaysToGetCredits } from '../components/credits/creditsWaysToGetCredits'\nimport { CreditsAnkersolixTask } from '../components/credits/creditsAnkersolixTask'\nimport { CreditsRedeemList } from '../components/credits/creditsRedeemList'\nimport { CreditsGoGift } from '../components/credits/creditsGoGift'\nimport { CreditsCash } from '../components/credits/creditsCash'\nimport { CreditsMemberPrice } from '../components/credits/creditsMemberPrice'\nimport { CreditsFaq } from '../components/credits/creditsFaq'\nimport { CreditsNavigation } from '../components/credits/creditsNavigation'\nimport ActivitiesModal from '../components/credits/modal/ActivitiesModal'\nimport RewardsModal from '../components/credits/modal/RewardsModal'\nimport { ComponentKey } from './Credits.types'\nimport type {\n  CreditsTemplateProps,\n  CreditsContentProps,\n  CreditsBannerCopy,\n  CreditsInfoCardCopy,\n  CreditsBenefitsCopy,\n  CreditsWaysToGetCreditsCopy,\n  CreditsAnkersolixTaskCopy,\n  CreditsRedeemListCopy,\n  CreditsGoGiftCopy,\n  CreditsCashCopy,\n  CreditsMemberPriceCopy,\n  CreditsFaqCopy,\n} from './Credits.types'\n\nconst CreditsContent = ({ headlessConfig, pageConfig, userContext }: CreditsContentProps) => {\n  const { openMyRewardsModal, setOpenMyRewardsModal, openActivitiesModal, setOpenActivitiesModal, pageCommon } = useCreditsContext()\n  const hasScrolled = useRef(false)\n\n  useEffect(() => {\n    if (hasScrolled.current || typeof window === 'undefined') return\n\n    const params = new URLSearchParams(window.location.search)\n    const section = params.get('section')\n    if (!section) return\n\n    const navHeight = 56\n\n    const tryScroll = (attempts = 0) => {\n      const el = document.getElementById(section)\n      if (el) {\n        hasScrolled.current = true\n        const top = el.getBoundingClientRect().top + window.pageYOffset - navHeight\n        window.scrollTo({ top, behavior: 'smooth' })\n      } else if (attempts < 10) {\n        setTimeout(() => tryScroll(attempts + 1), 300)\n      }\n    }\n\n    tryScroll()\n  }, [])\n\n  return (\n    <>\n      {/* \u5BFC\u822A\u7EC4\u4EF6 - \u56FA\u5B9A\u4F4D\u7F6E\uFF0C\u4E0D\u53C2\u4E0E order \u6392\u5E8F */}\n      {pageConfig.components[ComponentKey.Navigation] && (\n        <CreditsNavigation copy={pageConfig.components[ComponentKey.Navigation]} />\n      )}\n      <div className={classNames('bg-[#f5f5f7] leading-[1.2]')}>\n        {pageConfig.order.map(key => {\n          // \u8DF3\u8FC7\u5BFC\u822A\u7EC4\u4EF6\uFF0C\u56E0\u4E3A\u5B83\u5DF2\u7ECF\u56FA\u5B9A\u6E32\u67D3\u5728\u4E0A\u65B9\n          if (key === ComponentKey.Navigation) return null\n          const componentCopy = pageConfig.components?.[key]\n          if (!componentCopy) return null\n          return (\n            <>\n              {key === ComponentKey.Banner && <CreditsBanner copy={componentCopy as CreditsBannerCopy} id={key} />}\n              {key === ComponentKey.InfoCard && userContext?.profile && (\n                <CreditsInfoCard copy={componentCopy as CreditsInfoCardCopy} id={key} />\n              )}\n              {key === ComponentKey.Benefits && (\n                <CreditsBenefits copy={componentCopy as CreditsBenefitsCopy} id={key} />\n              )}\n              {key === ComponentKey.WaysToGetCredits && (\n                <CreditsWaysToGetCredits\n                  copy={componentCopy as CreditsWaysToGetCreditsCopy}\n                  id={key}\n                  classNames={\n                    headlessConfig.brand === 'anker'\n                      ? {\n                        subtitle: 'text-white',\n                        equalCreditsText:\n                          'bg-gradient-to-r from-[#3AD1FF] to-[#008CD6] bg-clip-text text-transparent',\n                      }\n                      : {\n                        subtitle: 'text-[#D1D1D1]',\n                        equalCreditsText: 'text-[#F6EAD0]',\n                      }\n                  }\n                />\n              )}\n              {key === ComponentKey.AnkersolixTask && (\n                <CreditsAnkersolixTask copy={componentCopy as CreditsAnkersolixTaskCopy} id={key} />\n              )}\n              {key === ComponentKey.RedeemList && (\n                <CreditsRedeemList copy={componentCopy as CreditsRedeemListCopy} id={key} />\n              )}\n              {key === ComponentKey.GoGift && <CreditsGoGift copy={componentCopy as CreditsGoGiftCopy} id={key} />}\n              {key === ComponentKey.SpendCreditsLikeCash && (\n                <CreditsCash copy={componentCopy as CreditsCashCopy} id={key} />\n              )}\n              {key === ComponentKey.MemberPrice && (\n                <CreditsMemberPrice copy={componentCopy as CreditsMemberPriceCopy} id={key} />\n              )}\n              {key === ComponentKey.Faqs && <CreditsFaq copy={componentCopy as CreditsFaqCopy} id={key} />}\n              {key !== ComponentKey.Banner && (\n                <div className=\"laptop:h-16 desktop:h-[96px] lg-desktop:h-[128px] tablet:h-16 h-16\" />\n              )}\n            </>\n          )\n        })}\n      </div>\n\n      {/* Global Modals */}\n      {pageCommon?.activitiesModal && (\n        <ActivitiesModal\n          isOpen={openActivitiesModal}\n          data={pageCommon.activitiesModal}\n          onClose={() => setOpenActivitiesModal(false)}\n        />\n      )}\n      {pageCommon?.rewardsModal && (\n        <RewardsModal\n          isOpen={openMyRewardsModal}\n          data={pageCommon.rewardsModal}\n          onClose={() => setOpenMyRewardsModal(false)}\n        />\n      )}\n    </>\n  )\n}\n\nexport const CreditsTemplate = ({\n  headlessConfig,\n  siteConfig,\n  creditsConfig,\n  userContext,\n  pageConfig,\n  registrationContext,\n  gtm,\n  cartConfig,\n}: CreditsTemplateProps) => {\n  return (\n    <HeadlessProvider headlessConfig={headlessConfig}>\n      <RegistrationProvider copy={siteConfig.registrationsSettings} email={userContext?.profile?.email}>\n        <CreditsProvider\n          profile={userContext?.profile}\n          removeProfile={userContext?.removeProfile}\n          isLoadingProfile={userContext?.isLoadingProfile}\n          openSignInPopup={registrationContext.openSignInPopup}\n          openSignUpPopup={registrationContext.openSignUpPopup}\n          creditInfo={userContext?.creditInfo}\n          taskIdToTypeMapping={siteConfig.taskIdToTypeMapping}\n          customer={userContext?.customer}\n          fetchCreditInfo={userContext?.fetchCreditInfo}\n          customerLoading={userContext?.customerLoading}\n          gtm={gtm}\n          pageCommon={pageConfig.common}\n          memberPriceDiscount={siteConfig.memberPriceDiscount}\n          alpcBrand={creditsConfig?.alpcBrand}\n          alpcCountry={creditsConfig?.alpcCountry}\n          cartConfig={cartConfig}\n          apiBaseUrl={userContext?.apiBaseUrl}\n        >\n          <CreditsContent headlessConfig={headlessConfig} pageConfig={pageConfig} userContext={userContext} />\n        </CreditsProvider>\n      </RegistrationProvider>\n    </HeadlessProvider>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { classNames, HeadlessProvider } from '@anker-in/lib'\nimport { useEffect, useRef } from 'react'\nimport { RegistrationProvider } from '../components/registration/context/provider'\nimport { CreditsProvider, useCreditsContext } from '../components/credits/context/provider'\nimport { CreditsBanner } from '../components/credits/creditsBanner'\nimport { CreditsInfoCard } from '../components/credits/creditsInfoCard'\nimport { CreditsBenefits } from '../components/credits/creditsBenefits'\nimport { CreditsWaysToGetCredits } from '../components/credits/creditsWaysToGetCredits'\nimport { CreditsAnkersolixTask } from '../components/credits/creditsAnkersolixTask'\nimport { CreditsRedeemList } from '../components/credits/creditsRedeemList'\nimport { CreditsGoGift } from '../components/credits/creditsGoGift'\nimport { CreditsCash } from '../components/credits/creditsCash'\nimport { CreditsMemberPrice } from '../components/credits/creditsMemberPrice'\nimport { CreditsFaq } from '../components/credits/creditsFaq'\nimport { CreditsNavigation } from '../components/credits/creditsNavigation'\nimport ActivitiesModal from '../components/credits/modal/ActivitiesModal'\nimport RewardsModal from '../components/credits/modal/RewardsModal'\nimport { ComponentKey } from './Credits.types'\nimport type {\n  CreditsTemplateProps,\n  CreditsContentProps,\n  CreditsBannerCopy,\n  CreditsInfoCardCopy,\n  CreditsBenefitsCopy,\n  CreditsWaysToGetCreditsCopy,\n  CreditsAnkersolixTaskCopy,\n  CreditsRedeemListCopy,\n  CreditsGoGiftCopy,\n  CreditsCashCopy,\n  CreditsMemberPriceCopy,\n  CreditsFaqCopy,\n} from './Credits.types'\n\nconst CreditsContent = ({ headlessConfig, pageConfig, userContext }: CreditsContentProps) => {\n  const { openMyRewardsModal, setOpenMyRewardsModal, openActivitiesModal, setOpenActivitiesModal, pageCommon } = useCreditsContext()\n  const hasScrolled = useRef(false)\n\n  useEffect(() => {\n    if (hasScrolled.current || typeof window === 'undefined') return\n\n    const params = new URLSearchParams(window.location.search)\n    const section = params.get('section')\n    if (!section) return\n\n    const navHeight = 56\n\n    const tryScroll = (attempts = 0) => {\n      const el = document.getElementById(section)\n      if (el) {\n        hasScrolled.current = true\n        const top = el.getBoundingClientRect().top + window.pageYOffset - navHeight\n        window.scrollTo({ top, behavior: 'smooth' })\n      } else if (attempts < 10) {\n        setTimeout(() => tryScroll(attempts + 1), 300)\n      }\n    }\n\n    tryScroll()\n  }, [])\n\n  return (\n    <>\n      {/* \u5BFC\u822A\u7EC4\u4EF6 - \u56FA\u5B9A\u4F4D\u7F6E\uFF0C\u4E0D\u53C2\u4E0E order \u6392\u5E8F */}\n      {pageConfig.components[ComponentKey.Navigation] && (\n        <CreditsNavigation copy={pageConfig.components[ComponentKey.Navigation]} />\n      )}\n      <div className={classNames('bg-[#f5f5f7] leading-[1.2]')}>\n        {pageConfig.order.map(key => {\n          // \u8DF3\u8FC7\u5BFC\u822A\u7EC4\u4EF6\uFF0C\u56E0\u4E3A\u5B83\u5DF2\u7ECF\u56FA\u5B9A\u6E32\u67D3\u5728\u4E0A\u65B9\n          if (key === ComponentKey.Navigation) return null\n          const componentCopy = pageConfig.components?.[key]\n          if (!componentCopy) return null\n          return (\n            <>\n              {key === ComponentKey.Banner && <CreditsBanner copy={componentCopy as CreditsBannerCopy} id={key} />}\n              {key === ComponentKey.InfoCard && userContext?.profile && (\n                <CreditsInfoCard copy={componentCopy as CreditsInfoCardCopy} id={key} />\n              )}\n              {key === ComponentKey.Benefits && (\n                <CreditsBenefits copy={componentCopy as CreditsBenefitsCopy} id={key} />\n              )}\n              {key === ComponentKey.WaysToGetCredits && (\n                <CreditsWaysToGetCredits\n                  copy={componentCopy as CreditsWaysToGetCreditsCopy}\n                  id={key}\n                  classNames={\n                    headlessConfig.brand === 'anker'\n                      ? {\n                        subtitle: 'text-white',\n                        equalCreditsText:\n                          'bg-gradient-to-r from-[#3AD1FF] to-[#008CD6] bg-clip-text text-transparent',\n                      }\n                      : {\n                        subtitle: 'text-[#D1D1D1]',\n                        equalCreditsText: 'text-[#F6EAD0]',\n                      }\n                  }\n                />\n              )}\n              {key === ComponentKey.AnkersolixTask && (\n                <CreditsAnkersolixTask copy={componentCopy as CreditsAnkersolixTaskCopy} id={key} />\n              )}\n              {key === ComponentKey.RedeemList && (\n                <CreditsRedeemList copy={componentCopy as CreditsRedeemListCopy} id={key} />\n              )}\n              {key === ComponentKey.GoGift && <CreditsGoGift copy={componentCopy as CreditsGoGiftCopy} id={key} />}\n              {key === ComponentKey.SpendCreditsLikeCash && (\n                <CreditsCash copy={componentCopy as CreditsCashCopy} id={key} />\n              )}\n              {key === ComponentKey.MemberPrice && (\n                <CreditsMemberPrice copy={componentCopy as CreditsMemberPriceCopy} id={key} />\n              )}\n              {key === ComponentKey.Faqs && <CreditsFaq copy={componentCopy as CreditsFaqCopy} id={key} />}\n              {key !== ComponentKey.Banner && (\n                <div className=\"laptop:h-16 desktop:h-[96px] lg-desktop:h-[128px] tablet:h-16 h-16\" />\n              )}\n            </>\n          )\n        })}\n      </div>\n\n      {/* Global Modals */}\n      {pageCommon?.activitiesModal && (\n        <ActivitiesModal\n          isOpen={openActivitiesModal}\n          data={pageCommon.activitiesModal}\n          onClose={() => setOpenActivitiesModal(false)}\n        />\n      )}\n      {pageCommon?.rewardsModal && (\n        <RewardsModal\n          isOpen={openMyRewardsModal}\n          data={pageCommon.rewardsModal}\n          onClose={() => setOpenMyRewardsModal(false)}\n        />\n      )}\n    </>\n  )\n}\n\nexport const CreditsTemplate = ({\n  headlessConfig,\n  siteConfig,\n  creditsConfig,\n  userContext,\n  pageConfig,\n  registrationContext,\n  gtm,\n  cartConfig,\n}: CreditsTemplateProps) => {\n  return (\n    <HeadlessProvider headlessConfig={headlessConfig}>\n      <RegistrationProvider copy={siteConfig.registrationsSettings} email={userContext?.profile?.email}>\n        <CreditsProvider\n          profile={userContext?.profile}\n          removeProfile={userContext?.removeProfile}\n          isLoadingProfile={userContext?.isLoadingProfile}\n          openSignInPopup={registrationContext.openSignInPopup}\n          openSignUpPopup={registrationContext.openSignUpPopup}\n          creditInfo={userContext?.creditInfo}\n          taskIdToTypeMapping={siteConfig.taskIdToTypeMapping}\n          taskNameMapping={siteConfig.taskNameMapping}\n          customer={userContext?.customer}\n          fetchCreditInfo={userContext?.fetchCreditInfo}\n          customerLoading={userContext?.customerLoading}\n          gtm={gtm}\n          pageCommon={pageConfig.common}\n          memberPriceDiscount={siteConfig.memberPriceDiscount}\n          alpcBrand={creditsConfig?.alpcBrand}\n          alpcCountry={creditsConfig?.alpcCountry}\n          cartConfig={cartConfig}\n          apiBaseUrl={userContext?.apiBaseUrl}\n        >\n          <CreditsContent headlessConfig={headlessConfig} pageConfig={pageConfig} userContext={userContext} />\n        </CreditsProvider>\n      </RegistrationProvider>\n    </HeadlessProvider>\n  )\n}\n"],
+  "mappings": "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",
   "names": ["Credits_exports", "__export", "CreditsTemplate", "__toCommonJS", "import_jsx_runtime", "import_lib", "import_react", "import_provider", "import_creditsBanner", "import_creditsInfoCard", "import_creditsBenefits", "import_creditsWaysToGetCredits", "import_creditsAnkersolixTask", "import_creditsRedeemList", "import_creditsGoGift", "import_creditsCash", "import_creditsMemberPrice", "import_creditsFaq", "import_creditsNavigation", "import_ActivitiesModal", "import_RewardsModal", "import_Credits", "CreditsContent", "headlessConfig", "pageConfig", "userContext", "openMyRewardsModal", "setOpenMyRewardsModal", "openActivitiesModal", "setOpenActivitiesModal", "pageCommon", "hasScrolled", "section", "navHeight", "tryScroll", "attempts", "el", "top", "key", "componentCopy", "ActivitiesModal", "RewardsModal", "siteConfig", "creditsConfig", "registrationContext", "gtm", "cartConfig"]
 }