npm - @anker-in/campaign-ui - Versions diffs - 0.5.16 → 0.5.19 - Mend

@anker-in/campaign-ui 0.5.16 → 0.5.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1258) hide show

package/dist/cjs/components/credits/context/hooks/useMyRewards.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/credits/context/hooks/useMyRewards.ts"],
-  "sourcesContent": ["import { useCallback, useEffect, useState } from 'react'\n\nimport { ALPC_COUNTRY_MAP, AlpcConsumeType } from '../const'\nimport { useAlpcMutation } from './useAlpcFetch'\nimport type { RedeemLogResponse } from '../response'\nimport { useCreditsContext } from '../provider'\nimport { useHeadlessContext } from '@anker-in/lib'\n\nfunction useMyRewards({\n  page,\n  pageSize,\n  consumeType,\n}: {\n  page: number\n  pageSize: number\n  consumeType?: AlpcConsumeType\n}) {\n  const { profile, alpcBrand, alpcCountry } = useCreditsContext()\n  const { brand: headlessBrand, locale, appName } = useHeadlessContext()\n  const brand = alpcBrand || headlessBrand\n\n  const [myRewards, setMyRewards] = useState<RedeemLogResponse[]>([])\n  const [total, setTotal] = useState(0)\n\n  const { isMutating: isLoading, trigger } = useAlpcMutation<\n    { data: { redeem_logs: RedeemLogResponse[]; total: number } },\n    {\n      page: number\n      page_size: number\n      consume_type: AlpcConsumeType\n      user_id: string\n    }\n  >({\n    url: `/v1/credit/log/coupon`,\n    initData: {\n      brand: brand,\n      country: alpcCountry || ALPC_COUNTRY_MAP.get(locale) || locale,\n      app_name: appName,\n    },\n  })\n\n  const getMyRewards = useCallback(async () => {\n    if (!profile?.user_id) {\n      return\n    }\n    await trigger(\n      {\n        consume_type: consumeType || AlpcConsumeType.Coupon,\n        page,\n        page_size: pageSize,\n        user_id: profile?.user_id,\n      },\n      {\n        onSuccess(responseData) {\n          setTotal(responseData?.data?.total)\n          setMyRewards(responseData?.data?.redeem_logs || [])\n        },\n      }\n    )\n  }, [consumeType, page, pageSize, profile?.user_id])\n\n  useEffect(() => {\n    if (!brand || !profile?.user_id) {\n      return\n    }\n    getMyRewards()\n  }, [getMyRewards, brand])\n\n  return {\n    myRewards,\n    isLoading,\n    total,\n    getMyRewards,\n    canNext: total > myRewards.length && !isLoading,\n  }\n}\n\nexport default useMyRewards\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAiD,iBAEjDC,EAAkD,oBAClDC,EAAgC,0BAEhCC,EAAkC,uBAClCC,EAAmC,yBAEnC,SAASC,EAAa,CACpB,KAAAC,EACA,SAAAC,EACA,YAAAC,CACF,EAIG,CACD,KAAM,CAAE,QAAAC,EAAS,UAAAC,EAAW,YAAAC,CAAY,KAAI,qBAAkB,EACxD,CAAE,MAAOC,EAAe,OAAAC,EAAQ,QAAAC,CAAQ,KAAI,sBAAmB,EAC/DC,EAAQL,GAAaE,EAErB,CAACI,EAAWC,CAAY,KAAI,YAA8B,CAAC,CAAC,EAC5D,CAACC,EAAOC,CAAQ,KAAI,YAAS,CAAC,EAE9B,CAAE,WAAYC,EAAW,QAAAC,CAAQ,KAAI,mBAQzC,CACA,IAAK,wBACL,SAAU,CACR,MAAON,EACP,QAASJ,GAAe,mBAAiB,IAAIE,CAAM,GAAKA,EACxD,SAAUC,CACZ,CACF,CAAC,EAEKQ,KAAe,eAAY,SAAY,CACtCb,GAAS,SAGd,MAAMY,EACJ,CACE,aAAcb,GAAe,kBAAgB,OAC7C,KAAAF,EACA,UAAWC,EACX,QAASE,GAAS,OACpB,EACA,CACE,UAAUc,EAAc,CACtBJ,EAASI,GAAc,MAAM,KAAK,EAClCN,EAAaM,GAAc,MAAM,aAAe,CAAC,CAAC,CACpD,CACF,CACF,CACF,EAAG,CAACf,EAAaF,EAAMC,EAAUE,GAAS,OAAO,CAAC,EAElD,sBAAU,IAAM,CACV,CAACM,GAAS,CAACN,GAAS,SAGxBa,EAAa,CACf,EAAG,CAACA,EAAcP,CAAK,CAAC,EAEjB,CACL,UAAAC,EACA,UAAAI,EACA,MAAAF,EACA,aAAAI,EACA,QAASJ,EAAQF,EAAU,QAAU,CAACI,CACxC,CACF,CAEA,IAAOtB,EAAQO",
+  "sourcesContent": ["import { useCallback, useEffect, useState } from 'react'\n\nimport { ALPC_COUNTRY_MAP, AlpcConsumeType } from '../const'\nimport { useAlpcMutation } from './useAlpcFetch'\nimport type { RedeemLogResponse } from '../response'\nimport { useCreditsContext } from '../provider'\nimport { useHeadlessContext } from '../../../../lib'\n\nfunction useMyRewards({\n  page,\n  pageSize,\n  consumeType,\n}: {\n  page: number\n  pageSize: number\n  consumeType?: AlpcConsumeType\n}) {\n  const { profile, alpcBrand, alpcCountry } = useCreditsContext()\n  const { brand: headlessBrand, locale, appName } = useHeadlessContext()\n  const brand = alpcBrand || headlessBrand\n\n  const [myRewards, setMyRewards] = useState<RedeemLogResponse[]>([])\n  const [total, setTotal] = useState(0)\n\n  const { isMutating: isLoading, trigger } = useAlpcMutation<\n    { data: { redeem_logs: RedeemLogResponse[]; total: number } },\n    {\n      page: number\n      page_size: number\n      consume_type: AlpcConsumeType\n      user_id: string\n    }\n  >({\n    url: `/v1/credit/log/coupon`,\n    initData: {\n      brand: brand,\n      country: alpcCountry || ALPC_COUNTRY_MAP.get(locale) || locale,\n      app_name: appName,\n    },\n  })\n\n  const getMyRewards = useCallback(async () => {\n    if (!profile?.user_id) {\n      return\n    }\n    await trigger(\n      {\n        consume_type: consumeType || AlpcConsumeType.Coupon,\n        page,\n        page_size: pageSize,\n        user_id: profile?.user_id,\n      },\n      {\n        onSuccess(responseData) {\n          setTotal(responseData?.data?.total)\n          setMyRewards(responseData?.data?.redeem_logs || [])\n        },\n      }\n    )\n  }, [consumeType, page, pageSize, profile?.user_id])\n\n  useEffect(() => {\n    if (!brand || !profile?.user_id) {\n      return\n    }\n    getMyRewards()\n  }, [getMyRewards, brand])\n\n  return {\n    myRewards,\n    isLoading,\n    total,\n    getMyRewards,\n    canNext: total > myRewards.length && !isLoading,\n  }\n}\n\nexport default useMyRewards\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAiD,iBAEjDC,EAAkD,oBAClDC,EAAgC,0BAEhCC,EAAkC,uBAClCC,EAAmC,2BAEnC,SAASC,EAAa,CACpB,KAAAC,EACA,SAAAC,EACA,YAAAC,CACF,EAIG,CACD,KAAM,CAAE,QAAAC,EAAS,UAAAC,EAAW,YAAAC,CAAY,KAAI,qBAAkB,EACxD,CAAE,MAAOC,EAAe,OAAAC,EAAQ,QAAAC,CAAQ,KAAI,sBAAmB,EAC/DC,EAAQL,GAAaE,EAErB,CAACI,EAAWC,CAAY,KAAI,YAA8B,CAAC,CAAC,EAC5D,CAACC,EAAOC,CAAQ,KAAI,YAAS,CAAC,EAE9B,CAAE,WAAYC,EAAW,QAAAC,CAAQ,KAAI,mBAQzC,CACA,IAAK,wBACL,SAAU,CACR,MAAON,EACP,QAASJ,GAAe,mBAAiB,IAAIE,CAAM,GAAKA,EACxD,SAAUC,CACZ,CACF,CAAC,EAEKQ,KAAe,eAAY,SAAY,CACtCb,GAAS,SAGd,MAAMY,EACJ,CACE,aAAcb,GAAe,kBAAgB,OAC7C,KAAAF,EACA,UAAWC,EACX,QAASE,GAAS,OACpB,EACA,CACE,UAAUc,EAAc,CACtBJ,EAASI,GAAc,MAAM,KAAK,EAClCN,EAAaM,GAAc,MAAM,aAAe,CAAC,CAAC,CACpD,CACF,CACF,CACF,EAAG,CAACf,EAAaF,EAAMC,EAAUE,GAAS,OAAO,CAAC,EAElD,sBAAU,IAAM,CACV,CAACM,GAAS,CAACN,GAAS,SAGxBa,EAAa,CACf,EAAG,CAACA,EAAcP,CAAK,CAAC,EAEjB,CACL,UAAAC,EACA,UAAAI,EACA,MAAAF,EACA,aAAAI,EACA,QAASJ,EAAQF,EAAU,QAAU,CAACI,CACxC,CACF,CAEA,IAAOtB,EAAQO",
   "names": ["useMyRewards_exports", "__export", "useMyRewards_default", "__toCommonJS", "import_react", "import_const", "import_useAlpcFetch", "import_provider", "import_lib", "useMyRewards", "page", "pageSize", "consumeType", "profile", "alpcBrand", "alpcCountry", "headlessBrand", "locale", "appName", "brand", "myRewards", "setMyRewards", "total", "setTotal", "isLoading", "trigger", "getMyRewards", "responseData"]
 }

package/dist/cjs/components/credits/context/hooks/useRedeemAndBuy.d.ts CHANGED Viewed

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

package/dist/cjs/components/credits/context/hooks/useRedeemAndBuy.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var f=Object.create;var u=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var l=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var _=(r,e)=>{for(var t in e)u(r,t,{get:e[t],enumerable:!0})},d=(r,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of g(e))!w.call(r,o)&&o!==t&&u(r,o,{get:()=>e[o],enumerable:!(n=y(e,o))||n.enumerable});return r};var C=(r,e,t)=>(t=r!=null?f(l(r)):{},d(e||!r||!r.__esModule?u(t,"default",{value:r,enumerable:!0}):t,r)),R=r=>d(u({},"__esModule",{value:!0}),r);var E={};_(E,{useRedeemAndBuy:()=>b});module.exports=R(E);var s=C(require("swr/mutation")),m=require("./useRedeemCoupon"),c=require("../provider"),p=require("@anker-in/lib");const b=(r,e)=>{const{trigger:t}=(0,m.useRedeemCoupon)(),{profile:n}=(0,c.useCreditsContext)(),{trigger:o}=(0,p.useBuyNow)({},{throwOnError:!0});return(0,s.default)("redeemAndBuy",async(V,{arg:a})=>{const i=await t({user_id:n?.user_id,rule_id:a.redeemId});if(i&&i.data?.coupon_code)o({discountCodes:[i.data.coupon_code],lineItems:[{variant:a.productVariant,quantity:a.quantity||1}]});else throw new Error(`Redeem failed: ${i?.msg}`)},e)};
+"use strict";var f=Object.create;var u=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var l=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var _=(r,t)=>{for(var e in t)u(r,e,{get:t[e],enumerable:!0})},d=(r,t,e,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of g(t))!w.call(r,o)&&o!==e&&u(r,o,{get:()=>t[o],enumerable:!(n=y(t,o))||n.enumerable});return r};var C=(r,t,e)=>(e=r!=null?f(l(r)):{},d(t||!r||!r.__esModule?u(e,"default",{value:r,enumerable:!0}):e,r)),R=r=>d(u({},"__esModule",{value:!0}),r);var E={};_(E,{useRedeemAndBuy:()=>b});module.exports=R(E);var s=C(require("swr/mutation")),m=require("./useRedeemCoupon"),c=require("../provider"),p=require("../../../../lib");const b=(r,t)=>{const{trigger:e}=(0,m.useRedeemCoupon)(),{profile:n}=(0,c.useCreditsContext)(),{trigger:o}=(0,p.useBuyNow)({},{throwOnError:!0});return(0,s.default)("redeemAndBuy",async(V,{arg:a})=>{const i=await e({user_id:n?.user_id,rule_id:a.redeemId});if(i&&i.data?.coupon_code)o({discountCodes:[i.data.coupon_code],lineItems:[{variant:a.productVariant,quantity:a.quantity||1}]});else throw new Error(`Redeem failed: ${i?.msg}`)},t)};
 //# sourceMappingURL=useRedeemAndBuy.js.map

package/dist/cjs/components/credits/context/hooks/useRedeemAndBuy.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/credits/context/hooks/useRedeemAndBuy.ts"],
-  "sourcesContent": ["import useSWRMutation, { SWRMutationConfiguration } from 'swr/mutation'\nimport { useRedeemCoupon } from './useRedeemCoupon'\nimport type { ProductVariant } from '@anker-in/lib'\nimport { useCreditsContext } from '../provider'\nimport { useBuyNow } from '@anker-in/lib'\n\nexport const useRedeemAndBuy = (\n  _: any,\n  swrOptions?: SWRMutationConfiguration<undefined, Error, string, any> & {\n    throwOnError?: boolean\n  }\n) => {\n  const { trigger } = useRedeemCoupon()\n  const { profile } = useCreditsContext()\n\n  const { trigger: buyNow } = useBuyNow(\n    {},\n    {\n      throwOnError: true,\n    }\n  )\n\n  return useSWRMutation(\n    'redeemAndBuy',\n    async (\n      _,\n      {\n        arg,\n      }: {\n        arg: {\n          productVariant: ProductVariant\n          quantity?: number\n          redeemId: number\n        }\n      }\n    ) => {\n      const res = await trigger({\n        user_id: profile?.user_id,\n        rule_id: arg.redeemId,\n      })\n      if (res && res.data?.coupon_code) {\n        buyNow({\n          discountCodes: [res.data.coupon_code],\n          lineItems: [\n            {\n              variant: arg.productVariant,\n              quantity: arg.quantity || 1,\n            },\n          ],\n        })\n      } else {\n        throw new Error(`Redeem failed: ${res?.msg}`)\n      }\n    },\n    swrOptions\n  )\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAyD,2BACzDC,EAAgC,6BAEhCC,EAAkC,uBAClCC,EAA0B,yBAEnB,MAAML,EAAkB,CAC7BM,EACAC,IAGG,CACH,KAAM,CAAE,QAAAC,CAAQ,KAAI,mBAAgB,EAC9B,CAAE,QAAAC,CAAQ,KAAI,qBAAkB,EAEhC,CAAE,QAASC,CAAO,KAAI,aAC1B,CAAC,EACD,CACE,aAAc,EAChB,CACF,EAEA,SAAO,EAAAC,SACL,eACA,MACEL,EACA,CACE,IAAAM,CACF,IAOG,CACH,MAAMC,EAAM,MAAML,EAAQ,CACxB,QAASC,GAAS,QAClB,QAASG,EAAI,QACf,CAAC,EACD,GAAIC,GAAOA,EAAI,MAAM,YACnBH,EAAO,CACL,cAAe,CAACG,EAAI,KAAK,WAAW,EACpC,UAAW,CACT,CACE,QAASD,EAAI,eACb,SAAUA,EAAI,UAAY,CAC5B,CACF,CACF,CAAC,MAED,OAAM,IAAI,MAAM,kBAAkBC,GAAK,GAAG,EAAE,CAEhD,EACAN,CACF,CACF",
+  "sourcesContent": ["import useSWRMutation, { SWRMutationConfiguration } from 'swr/mutation'\nimport { useRedeemCoupon } from './useRedeemCoupon'\nimport type { ProductVariant } from '../../../../lib'\nimport { useCreditsContext } from '../provider'\nimport { useBuyNow } from '../../../../lib'\n\nexport const useRedeemAndBuy = (\n  _: any,\n  swrOptions?: SWRMutationConfiguration<undefined, Error, string, any> & {\n    throwOnError?: boolean\n  }\n) => {\n  const { trigger } = useRedeemCoupon()\n  const { profile } = useCreditsContext()\n\n  const { trigger: buyNow } = useBuyNow(\n    {},\n    {\n      throwOnError: true,\n    }\n  )\n\n  return useSWRMutation(\n    'redeemAndBuy',\n    async (\n      _,\n      {\n        arg,\n      }: {\n        arg: {\n          productVariant: ProductVariant\n          quantity?: number\n          redeemId: number\n        }\n      }\n    ) => {\n      const res = await trigger({\n        user_id: profile?.user_id,\n        rule_id: arg.redeemId,\n      })\n      if (res && res.data?.coupon_code) {\n        buyNow({\n          discountCodes: [res.data.coupon_code],\n          lineItems: [\n            {\n              variant: arg.productVariant,\n              quantity: arg.quantity || 1,\n            },\n          ],\n        })\n      } else {\n        throw new Error(`Redeem failed: ${res?.msg}`)\n      }\n    },\n    swrOptions\n  )\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAyD,2BACzDC,EAAgC,6BAEhCC,EAAkC,uBAClCC,EAA0B,2BAEnB,MAAML,EAAkB,CAC7BM,EACAC,IAGG,CACH,KAAM,CAAE,QAAAC,CAAQ,KAAI,mBAAgB,EAC9B,CAAE,QAAAC,CAAQ,KAAI,qBAAkB,EAEhC,CAAE,QAASC,CAAO,KAAI,aAC1B,CAAC,EACD,CACE,aAAc,EAChB,CACF,EAEA,SAAO,EAAAC,SACL,eACA,MACEL,EACA,CACE,IAAAM,CACF,IAOG,CACH,MAAMC,EAAM,MAAML,EAAQ,CACxB,QAASC,GAAS,QAClB,QAASG,EAAI,QACf,CAAC,EACD,GAAIC,GAAOA,EAAI,MAAM,YACnBH,EAAO,CACL,cAAe,CAACG,EAAI,KAAK,WAAW,EACpC,UAAW,CACT,CACE,QAASD,EAAI,eACb,SAAUA,EAAI,UAAY,CAC5B,CACF,CACF,CAAC,MAED,OAAM,IAAI,MAAM,kBAAkBC,GAAK,GAAG,EAAE,CAEhD,EACAN,CACF,CACF",
   "names": ["useRedeemAndBuy_exports", "__export", "useRedeemAndBuy", "__toCommonJS", "import_mutation", "import_useRedeemCoupon", "import_provider", "import_lib", "_", "swrOptions", "trigger", "profile", "buyNow", "useSWRMutation", "arg", "res"]
 }

package/dist/cjs/components/credits/context/hooks/useRedeemCoupon.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var s=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var l=(o,e)=>{for(var t in e)s(o,t,{get:e[t],enumerable:!0})},R=(o,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of c(e))!C.call(o,n)&&n!==t&&s(o,n,{get:()=>e[n],enumerable:!(r=m(e,n))||r.enumerable});return o};var g=o=>R(s({},"__esModule",{value:!0}),o);var f={};l(f,{useRedeemCoupon:()=>b});module.exports=g(f);var p=require("../const"),a=require("./useAlpcFetch"),u=require("@anker-in/lib"),d=require("../provider");const b=(o={})=>{const{alpcBrand:e,alpcCountry:t}=(0,d.useCreditsContext)(),{locale:r,appName:n,brand:i}=(0,u.useHeadlessContext)();return(0,a.useAlpcMutation)({url:"/v1/credit/redeem/coupon",initData:{brand:e||i,country:t||p.ALPC_COUNTRY_MAP.get(r)||r,app_name:n}},o)};
+"use strict";var s=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var l=(o,e)=>{for(var t in e)s(o,t,{get:e[t],enumerable:!0})},R=(o,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of c(e))!C.call(o,n)&&n!==t&&s(o,n,{get:()=>e[n],enumerable:!(r=m(e,n))||r.enumerable});return o};var g=o=>R(s({},"__esModule",{value:!0}),o);var f={};l(f,{useRedeemCoupon:()=>b});module.exports=g(f);var p=require("../const"),a=require("./useAlpcFetch"),u=require("../../../../lib"),d=require("../provider");const b=(o={})=>{const{alpcBrand:e,alpcCountry:t}=(0,d.useCreditsContext)(),{locale:r,appName:n,brand:i}=(0,u.useHeadlessContext)();return(0,a.useAlpcMutation)({url:"/v1/credit/redeem/coupon",initData:{brand:e||i,country:t||p.ALPC_COUNTRY_MAP.get(r)||r,app_name:n}},o)};
 //# sourceMappingURL=useRedeemCoupon.js.map

package/dist/cjs/components/credits/context/hooks/useRedeemCoupon.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/credits/context/hooks/useRedeemCoupon.ts"],
-  "sourcesContent": ["import { ALPC_COUNTRY_MAP } from '../const'\nimport { useAlpcMutation, type UseMutationConfig } from './useAlpcFetch'\nimport { useHeadlessContext } from '@anker-in/lib'\nimport { useCreditsContext } from '../provider'\n\ntype RedeemCouponResponse = {\n  data: {\n    success: boolean\n    coupon_code: string\n  }\n  msg: string // \u62A5\u9519\u4FE1\u606F\n  code: number // \u62A5\u9519\u7801\n}\n\nexport const useRedeemCoupon = (mutationOptions: UseMutationConfig<RedeemCouponResponse> = {}) => {\n  const { alpcBrand, alpcCountry } = useCreditsContext()\n  const { locale, appName, brand: headlessBrand } = useHeadlessContext()\n  const brand = alpcBrand || headlessBrand\n\n  return useAlpcMutation<\n    RedeemCouponResponse,\n    {\n      user_id?: string\n      rule_id: number\n    }\n  >(\n    {\n      url: `/v1/credit/redeem/coupon`,\n      initData: {\n        brand,\n        country: alpcCountry || ALPC_COUNTRY_MAP.get(locale) || locale,\n        app_name: appName,\n      },\n    },\n    mutationOptions\n  )\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAiC,oBACjCC,EAAwD,0BACxDC,EAAmC,yBACnCC,EAAkC,uBAW3B,MAAML,EAAkB,CAACM,EAA2D,CAAC,IAAM,CAChG,KAAM,CAAE,UAAAC,EAAW,YAAAC,CAAY,KAAI,qBAAkB,EAC/C,CAAE,OAAAC,EAAQ,QAAAC,EAAS,MAAOC,CAAc,KAAI,sBAAmB,EAGrE,SAAO,mBAOL,CACE,IAAK,2BACL,SAAU,CACR,MAZQJ,GAAaI,EAarB,QAASH,GAAe,mBAAiB,IAAIC,CAAM,GAAKA,EACxD,SAAUC,CACZ,CACF,EACAJ,CACF,CACF",
+  "sourcesContent": ["import { ALPC_COUNTRY_MAP } from '../const'\nimport { useAlpcMutation, type UseMutationConfig } from './useAlpcFetch'\nimport { useHeadlessContext } from '../../../../lib'\nimport { useCreditsContext } from '../provider'\n\ntype RedeemCouponResponse = {\n  data: {\n    success: boolean\n    coupon_code: string\n  }\n  msg: string // \u62A5\u9519\u4FE1\u606F\n  code: number // \u62A5\u9519\u7801\n}\n\nexport const useRedeemCoupon = (mutationOptions: UseMutationConfig<RedeemCouponResponse> = {}) => {\n  const { alpcBrand, alpcCountry } = useCreditsContext()\n  const { locale, appName, brand: headlessBrand } = useHeadlessContext()\n  const brand = alpcBrand || headlessBrand\n\n  return useAlpcMutation<\n    RedeemCouponResponse,\n    {\n      user_id?: string\n      rule_id: number\n    }\n  >(\n    {\n      url: `/v1/credit/redeem/coupon`,\n      initData: {\n        brand,\n        country: alpcCountry || ALPC_COUNTRY_MAP.get(locale) || locale,\n        app_name: appName,\n      },\n    },\n    mutationOptions\n  )\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAiC,oBACjCC,EAAwD,0BACxDC,EAAmC,2BACnCC,EAAkC,uBAW3B,MAAML,EAAkB,CAACM,EAA2D,CAAC,IAAM,CAChG,KAAM,CAAE,UAAAC,EAAW,YAAAC,CAAY,KAAI,qBAAkB,EAC/C,CAAE,OAAAC,EAAQ,QAAAC,EAAS,MAAOC,CAAc,KAAI,sBAAmB,EAGrE,SAAO,mBAOL,CACE,IAAK,2BACL,SAAU,CACR,MAZQJ,GAAaI,EAarB,QAASH,GAAe,mBAAiB,IAAIC,CAAM,GAAKA,EACxD,SAAUC,CACZ,CACF,EACAJ,CACF,CACF",
   "names": ["useRedeemCoupon_exports", "__export", "useRedeemCoupon", "__toCommonJS", "import_const", "import_useAlpcFetch", "import_lib", "import_provider", "mutationOptions", "alpcBrand", "alpcCountry", "locale", "appName", "headlessBrand"]
 }

package/dist/cjs/components/credits/context/hooks/useRedeemGoGift.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var s=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var g=(t,e)=>{for(var n in e)s(t,n,{get:e[n],enumerable:!0})},l=(t,e,n,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of c(e))!f.call(t,o)&&o!==n&&s(t,o,{get:()=>e[o],enumerable:!(r=u(e,o))||r.enumerable});return t};var C=t=>l(s({},"__esModule",{value:!0}),t);var R={};g(R,{useRedeemGoGift:()=>G});module.exports=C(R);var i=require("../const"),a=require("./useAlpcFetch"),d=require("@anker-in/lib"),m=require("../provider");const G=(t={})=>{const{alpcBrand:e,alpcCountry:n}=(0,m.useCreditsContext)(),{locale:r,appName:o,brand:p}=(0,d.useHeadlessContext)();return(0,a.useAlpcMutation)({url:"/v1/credit/redeem/gogift",initData:{brand:e||p,country:n||i.ALPC_COUNTRY_MAP.get(r)||r,app_name:o}},t)};
+"use strict";var s=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var g=(t,e)=>{for(var n in e)s(t,n,{get:e[n],enumerable:!0})},l=(t,e,n,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of c(e))!f.call(t,o)&&o!==n&&s(t,o,{get:()=>e[o],enumerable:!(r=u(e,o))||r.enumerable});return t};var C=t=>l(s({},"__esModule",{value:!0}),t);var R={};g(R,{useRedeemGoGift:()=>G});module.exports=C(R);var i=require("../const"),a=require("./useAlpcFetch"),d=require("../../../../lib"),m=require("../provider");const G=(t={})=>{const{alpcBrand:e,alpcCountry:n}=(0,m.useCreditsContext)(),{locale:r,appName:o,brand:p}=(0,d.useHeadlessContext)();return(0,a.useAlpcMutation)({url:"/v1/credit/redeem/gogift",initData:{brand:e||p,country:n||i.ALPC_COUNTRY_MAP.get(r)||r,app_name:o}},t)};
 //# sourceMappingURL=useRedeemGoGift.js.map

package/dist/cjs/components/credits/context/hooks/useRedeemGoGift.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/credits/context/hooks/useRedeemGoGift.ts"],
-  "sourcesContent": ["import { ALPC_COUNTRY_MAP } from '../const'\nimport { useAlpcMutation, type UseMutationConfig } from './useAlpcFetch'\nimport { useHeadlessContext } from '@anker-in/lib'\nimport { useCreditsContext } from '../provider'\n\ntype RedeemGoGiftResponse = {\n  data: {\n    id: string\n  }\n  msg: string // \u62A5\u9519\u4FE1\u606F\n  code: number // \u62A5\u9519\u7801\n}\n\nexport const useRedeemGoGift = (mutationOptions: UseMutationConfig<RedeemGoGiftResponse> = {}) => {\n  const { alpcBrand, alpcCountry } = useCreditsContext()\n  const { locale, appName, brand: headlessBrand } = useHeadlessContext()\n  const brand = alpcBrand || headlessBrand\n\n  return useAlpcMutation<\n    RedeemGoGiftResponse,\n    {\n      user_id?: string\n      rule_id: number\n    }\n  >(\n    {\n      url: `/v1/credit/redeem/gogift`,\n      initData: {\n        brand,\n        country: alpcCountry || ALPC_COUNTRY_MAP.get(locale) || locale,\n        app_name: appName,\n      },\n    },\n    mutationOptions\n  )\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAiC,oBACjCC,EAAwD,0BACxDC,EAAmC,yBACnCC,EAAkC,uBAU3B,MAAML,EAAkB,CAACM,EAA2D,CAAC,IAAM,CAChG,KAAM,CAAE,UAAAC,EAAW,YAAAC,CAAY,KAAI,qBAAkB,EAC/C,CAAE,OAAAC,EAAQ,QAAAC,EAAS,MAAOC,CAAc,KAAI,sBAAmB,EAGrE,SAAO,mBAOL,CACE,IAAK,2BACL,SAAU,CACR,MAZQJ,GAAaI,EAarB,QAASH,GAAe,mBAAiB,IAAIC,CAAM,GAAKA,EACxD,SAAUC,CACZ,CACF,EACAJ,CACF,CACF",
+  "sourcesContent": ["import { ALPC_COUNTRY_MAP } from '../const'\nimport { useAlpcMutation, type UseMutationConfig } from './useAlpcFetch'\nimport { useHeadlessContext } from '../../../../lib'\nimport { useCreditsContext } from '../provider'\n\ntype RedeemGoGiftResponse = {\n  data: {\n    id: string\n  }\n  msg: string // \u62A5\u9519\u4FE1\u606F\n  code: number // \u62A5\u9519\u7801\n}\n\nexport const useRedeemGoGift = (mutationOptions: UseMutationConfig<RedeemGoGiftResponse> = {}) => {\n  const { alpcBrand, alpcCountry } = useCreditsContext()\n  const { locale, appName, brand: headlessBrand } = useHeadlessContext()\n  const brand = alpcBrand || headlessBrand\n\n  return useAlpcMutation<\n    RedeemGoGiftResponse,\n    {\n      user_id?: string\n      rule_id: number\n    }\n  >(\n    {\n      url: `/v1/credit/redeem/gogift`,\n      initData: {\n        brand,\n        country: alpcCountry || ALPC_COUNTRY_MAP.get(locale) || locale,\n        app_name: appName,\n      },\n    },\n    mutationOptions\n  )\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAiC,oBACjCC,EAAwD,0BACxDC,EAAmC,2BACnCC,EAAkC,uBAU3B,MAAML,EAAkB,CAACM,EAA2D,CAAC,IAAM,CAChG,KAAM,CAAE,UAAAC,EAAW,YAAAC,CAAY,KAAI,qBAAkB,EAC/C,CAAE,OAAAC,EAAQ,QAAAC,EAAS,MAAOC,CAAc,KAAI,sBAAmB,EAGrE,SAAO,mBAOL,CACE,IAAK,2BACL,SAAU,CACR,MAZQJ,GAAaI,EAarB,QAASH,GAAe,mBAAiB,IAAIC,CAAM,GAAKA,EACxD,SAAUC,CACZ,CACF,EACAJ,CACF,CACF",
   "names": ["useRedeemGoGift_exports", "__export", "useRedeemGoGift", "__toCommonJS", "import_const", "import_useAlpcFetch", "import_lib", "import_provider", "mutationOptions", "alpcBrand", "alpcCountry", "locale", "appName", "headlessBrand"]
 }

package/dist/cjs/components/credits/context/hooks/useRedeemProduct.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var s=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var R=(o,e)=>{for(var n in e)s(o,n,{get:e[n],enumerable:!0})},b=(o,e,n,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of l(e))!C.call(o,t)&&t!==n&&s(o,t,{get:()=>e[t],enumerable:!(r=m(e,t))||r.enumerable});return o};var f=o=>b(s({},"__esModule",{value:!0}),o);var P={};R(P,{useRedeemProduct:()=>g});module.exports=f(P);var a=require("../const"),d=require("./useAlpcFetch"),u=require("@anker-in/lib"),p=require("../provider");const g=(o={})=>{const{alpcBrand:e,alpcCountry:n}=(0,p.useCreditsContext)(),{storeDomain:r,locale:t,appName:c,brand:i}=(0,u.useHeadlessContext)();return(0,d.useAlpcMutation)({url:"/v1/credit/exchange/goods",initData:{quantity:1,brand:e||i,country:(n||a.ALPC_COUNTRY_MAP.get(t||"")||t)?.toUpperCase(),domain:r,app_name:c}},o)};
+"use strict";var s=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var R=(o,e)=>{for(var n in e)s(o,n,{get:e[n],enumerable:!0})},b=(o,e,n,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of l(e))!C.call(o,t)&&t!==n&&s(o,t,{get:()=>e[t],enumerable:!(r=m(e,t))||r.enumerable});return o};var f=o=>b(s({},"__esModule",{value:!0}),o);var P={};R(P,{useRedeemProduct:()=>g});module.exports=f(P);var a=require("../const"),d=require("./useAlpcFetch"),u=require("../../../../lib"),p=require("../provider");const g=(o={})=>{const{alpcBrand:e,alpcCountry:n}=(0,p.useCreditsContext)(),{storeDomain:r,locale:t,appName:c,brand:i}=(0,u.useHeadlessContext)();return(0,d.useAlpcMutation)({url:"/v1/credit/exchange/goods",initData:{quantity:1,brand:e||i,country:(n||a.ALPC_COUNTRY_MAP.get(t||"")||t)?.toUpperCase(),domain:r,app_name:c}},o)};
 //# sourceMappingURL=useRedeemProduct.js.map

package/dist/cjs/components/credits/context/hooks/useRedeemProduct.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/credits/context/hooks/useRedeemProduct.ts"],
-  "sourcesContent": ["import { ALPC_COUNTRY_MAP } from '../const'\nimport { useAlpcMutation, type UseMutationConfig } from './useAlpcFetch'\nimport { useHeadlessContext } from '@anker-in/lib'\nimport { useCreditsContext } from '../provider'\n\ntype RedeemProductResponse = {\n  code: number\n  data: {\n    success: boolean\n  }\n}\n\nexport const useRedeemProduct = (mutationOptions: UseMutationConfig<RedeemProductResponse> = {}) => {\n  const { alpcBrand, alpcCountry } = useCreditsContext()\n  const { storeDomain, locale, appName, brand: headlessBrand } = useHeadlessContext()\n  const brand = alpcBrand || headlessBrand\n\n  return useAlpcMutation<\n    RedeemProductResponse,\n    {\n      rule_id: number\n      address: string\n    }\n  >(\n    {\n      url: `/v1/credit/exchange/goods`,\n      initData: {\n        quantity: 1,\n        brand,\n        country: (alpcCountry || ALPC_COUNTRY_MAP.get(locale || '') || locale)?.toUpperCase(),\n        domain: storeDomain,\n        app_name: appName,\n      },\n    },\n    mutationOptions\n  )\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,sBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAiC,oBACjCC,EAAwD,0BACxDC,EAAmC,yBACnCC,EAAkC,uBAS3B,MAAML,EAAmB,CAACM,EAA4D,CAAC,IAAM,CAClG,KAAM,CAAE,UAAAC,EAAW,YAAAC,CAAY,KAAI,qBAAkB,EAC/C,CAAE,YAAAC,EAAa,OAAAC,EAAQ,QAAAC,EAAS,MAAOC,CAAc,KAAI,sBAAmB,EAGlF,SAAO,mBAOL,CACE,IAAK,4BACL,SAAU,CACR,SAAU,EACV,MAbQL,GAAaK,EAcrB,SAAUJ,GAAe,mBAAiB,IAAIE,GAAU,EAAE,GAAKA,IAAS,YAAY,EACpF,OAAQD,EACR,SAAUE,CACZ,CACF,EACAL,CACF,CACF",
+  "sourcesContent": ["import { ALPC_COUNTRY_MAP } from '../const'\nimport { useAlpcMutation, type UseMutationConfig } from './useAlpcFetch'\nimport { useHeadlessContext } from '../../../../lib'\nimport { useCreditsContext } from '../provider'\n\ntype RedeemProductResponse = {\n  code: number\n  data: {\n    success: boolean\n  }\n}\n\nexport const useRedeemProduct = (mutationOptions: UseMutationConfig<RedeemProductResponse> = {}) => {\n  const { alpcBrand, alpcCountry } = useCreditsContext()\n  const { storeDomain, locale, appName, brand: headlessBrand } = useHeadlessContext()\n  const brand = alpcBrand || headlessBrand\n\n  return useAlpcMutation<\n    RedeemProductResponse,\n    {\n      rule_id: number\n      address: string\n    }\n  >(\n    {\n      url: `/v1/credit/exchange/goods`,\n      initData: {\n        quantity: 1,\n        brand,\n        country: (alpcCountry || ALPC_COUNTRY_MAP.get(locale || '') || locale)?.toUpperCase(),\n        domain: storeDomain,\n        app_name: appName,\n      },\n    },\n    mutationOptions\n  )\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,sBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAiC,oBACjCC,EAAwD,0BACxDC,EAAmC,2BACnCC,EAAkC,uBAS3B,MAAML,EAAmB,CAACM,EAA4D,CAAC,IAAM,CAClG,KAAM,CAAE,UAAAC,EAAW,YAAAC,CAAY,KAAI,qBAAkB,EAC/C,CAAE,YAAAC,EAAa,OAAAC,EAAQ,QAAAC,EAAS,MAAOC,CAAc,KAAI,sBAAmB,EAGlF,SAAO,mBAOL,CACE,IAAK,4BACL,SAAU,CACR,SAAU,EACV,MAbQL,GAAaK,EAcrB,SAAUJ,GAAe,mBAAiB,IAAIE,GAAU,EAAE,GAAKA,IAAS,YAAY,EACpF,OAAQD,EACR,SAAUE,CACZ,CACF,EACAL,CACF,CACF",
   "names": ["useRedeemProduct_exports", "__export", "useRedeemProduct", "__toCommonJS", "import_const", "import_useAlpcFetch", "import_lib", "import_provider", "mutationOptions", "alpcBrand", "alpcCountry", "storeDomain", "locale", "appName", "headlessBrand"]
 }

package/dist/cjs/components/credits/context/hooks/useRedeemableList.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var c=Object.defineProperty;var A=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var M=Object.prototype.hasOwnProperty;var P=(s,e)=>{for(var t in e)c(s,t,{get:e[t],enumerable:!0})},B=(s,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of x(e))!M.call(s,o)&&o!==t&&c(s,o,{get:()=>e[o],enumerable:!(r=A(e,o))||r.enumerable});return s};var S=s=>B(c({},"__esModule",{value:!0}),s);var k={};P(k,{default:()=>h});module.exports=S(k);var n=require("react"),d=require("./useAlpcFetch"),C=require("../const"),y=require("../provider"),f=require("@anker-in/lib");function U(s){let e="";const{profile:t,isLoadingProfile:r,alpcBrand:o,alpcCountry:_}=(0,y.useCreditsContext)(),{locale:l,brand:g}=(0,f.useHeadlessContext)(),u=o||g;l==="pl"?e="eu":e=l;const[T,R]=(0,n.useState)([]),{isMutating:L,trigger:p}=(0,d.useAlpcMutation)({url:"/v1/credit/consume_credit_rules",initData:{brand:u,page:1,page_size:999,country:(_||C.ALPC_COUNTRY_MAP.get(e)||e)?.toUpperCase()}}),i=(0,n.useCallback)(m=>{p({user_id:t?.user_id,...m?.consumeType&&{consume_type:m.consumeType}},{onSuccess(a){console.log("responseData",a);let b=a?.data?.consume_credit_rules||[];R(b)}})},[t,p,e]);return(0,n.useEffect)(()=>{!u||r||i({consumeType:s?.consumeType})},[i,r,u]),{listLoading:L,redeemableList:T,getRedeemableList:i}}var h=U;
+"use strict";var c=Object.defineProperty;var A=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var M=Object.prototype.hasOwnProperty;var P=(s,e)=>{for(var t in e)c(s,t,{get:e[t],enumerable:!0})},B=(s,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of x(e))!M.call(s,o)&&o!==t&&c(s,o,{get:()=>e[o],enumerable:!(r=A(e,o))||r.enumerable});return s};var S=s=>B(c({},"__esModule",{value:!0}),s);var k={};P(k,{default:()=>h});module.exports=S(k);var n=require("react"),d=require("./useAlpcFetch"),C=require("../const"),y=require("../provider"),f=require("../../../../lib");function U(s){let e="";const{profile:t,isLoadingProfile:r,alpcBrand:o,alpcCountry:_}=(0,y.useCreditsContext)(),{locale:l,brand:g}=(0,f.useHeadlessContext)(),u=o||g;l==="pl"?e="eu":e=l;const[T,R]=(0,n.useState)([]),{isMutating:L,trigger:p}=(0,d.useAlpcMutation)({url:"/v1/credit/consume_credit_rules",initData:{brand:u,page:1,page_size:999,country:(_||C.ALPC_COUNTRY_MAP.get(e)||e)?.toUpperCase()}}),i=(0,n.useCallback)(m=>{p({user_id:t?.user_id,...m?.consumeType&&{consume_type:m.consumeType}},{onSuccess(a){console.log("responseData",a);let b=a?.data?.consume_credit_rules||[];R(b)}})},[t,p,e]);return(0,n.useEffect)(()=>{!u||r||i({consumeType:s?.consumeType})},[i,r,u]),{listLoading:L,redeemableList:T,getRedeemableList:i}}var h=U;
 //# sourceMappingURL=useRedeemableList.js.map

package/dist/cjs/components/credits/context/hooks/useRedeemableList.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/credits/context/hooks/useRedeemableList.ts"],
-  "sourcesContent": ["import { useCallback, useEffect, useState } from 'react'\n\nimport { useAlpcMutation } from './useAlpcFetch'\nimport { ALPC_COUNTRY_MAP, AlpcConsumeType } from '../const'\nimport { useCreditsContext } from '../provider'\nimport type { ConsumeCreditRuleResponse } from '../response'\nimport { useHeadlessContext } from '@anker-in/lib'\n\nfunction useRedeemableList(props?: { consumeType: AlpcConsumeType }) {\n  let locale = '' as string\n  const { profile, isLoadingProfile, alpcBrand, alpcCountry } = useCreditsContext()\n  const { locale: contextLocale, brand: headlessBrand } = useHeadlessContext()\n  const brand = alpcBrand || headlessBrand\n\n  if (contextLocale === 'pl') {\n    locale = 'eu'\n  } else {\n    locale = contextLocale\n  }\n\n  const [redeemableList, setRedeemableList] = useState<ConsumeCreditRuleResponse[]>([])\n  const { isMutating: listLoading, trigger } = useAlpcMutation<\n    {\n      data: { consume_credit_rules: ConsumeCreditRuleResponse[] }\n    },\n    { consume_type?: AlpcConsumeType; user_id?: string }\n  >({\n    url: `/v1/credit/consume_credit_rules`,\n    initData: {\n      brand,\n      page: 1,\n      page_size: 999,\n      country: (alpcCountry || ALPC_COUNTRY_MAP.get(locale) || locale)?.toUpperCase(),\n    },\n  })\n\n  const getRedeemableList = useCallback(\n    (props?: { consumeType?: AlpcConsumeType }) => {\n      trigger(\n        {\n          user_id: profile?.user_id,\n          ...(props?.consumeType && { consume_type: props.consumeType }),\n        },\n        {\n          onSuccess(responseData) {\n            console.log('responseData', responseData)\n            let list = responseData?.data?.consume_credit_rules || []\n            setRedeemableList(list)\n          },\n        }\n      )\n    },\n    [profile, trigger, locale]\n  )\n\n  useEffect(() => {\n    if (!brand || isLoadingProfile) {\n      return\n    }\n    getRedeemableList({ consumeType: props?.consumeType })\n  }, [getRedeemableList, isLoadingProfile, brand])\n\n  return {\n    listLoading,\n    redeemableList,\n    getRedeemableList,\n  }\n}\n\nexport default useRedeemableList\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAiD,iBAEjDC,EAAgC,0BAChCC,EAAkD,oBAClDC,EAAkC,uBAElCC,EAAmC,yBAEnC,SAASC,EAAkBC,EAA0C,CACnE,IAAIC,EAAS,GACb,KAAM,CAAE,QAAAC,EAAS,iBAAAC,EAAkB,UAAAC,EAAW,YAAAC,CAAY,KAAI,qBAAkB,EAC1E,CAAE,OAAQC,EAAe,MAAOC,CAAc,KAAI,sBAAmB,EACrEC,EAAQJ,GAAaG,EAEvBD,IAAkB,KACpBL,EAAS,KAETA,EAASK,EAGX,KAAM,CAACG,EAAgBC,CAAiB,KAAI,YAAsC,CAAC,CAAC,EAC9E,CAAE,WAAYC,EAAa,QAAAC,CAAQ,KAAI,mBAK3C,CACA,IAAK,kCACL,SAAU,CACR,MAAAJ,EACA,KAAM,EACN,UAAW,IACX,SAAUH,GAAe,mBAAiB,IAAIJ,CAAM,GAAKA,IAAS,YAAY,CAChF,CACF,CAAC,EAEKY,KAAoB,eACvBb,GAA8C,CAC7CY,EACE,CACE,QAASV,GAAS,QAClB,GAAIF,GAAO,aAAe,CAAE,aAAcA,EAAM,WAAY,CAC9D,EACA,CACE,UAAUc,EAAc,CACtB,QAAQ,IAAI,eAAgBA,CAAY,EACxC,IAAIC,EAAOD,GAAc,MAAM,sBAAwB,CAAC,EACxDJ,EAAkBK,CAAI,CACxB,CACF,CACF,CACF,EACA,CAACb,EAASU,EAASX,CAAM,CAC3B,EAEA,sBAAU,IAAM,CACV,CAACO,GAASL,GAGdU,EAAkB,CAAE,YAAab,GAAO,WAAY,CAAC,CACvD,EAAG,CAACa,EAAmBV,EAAkBK,CAAK,CAAC,EAExC,CACL,YAAAG,EACA,eAAAF,EACA,kBAAAI,CACF,CACF,CAEA,IAAOrB,EAAQO",
+  "sourcesContent": ["import { useCallback, useEffect, useState } from 'react'\n\nimport { useAlpcMutation } from './useAlpcFetch'\nimport { ALPC_COUNTRY_MAP, AlpcConsumeType } from '../const'\nimport { useCreditsContext } from '../provider'\nimport type { ConsumeCreditRuleResponse } from '../response'\nimport { useHeadlessContext } from '../../../../lib'\n\nfunction useRedeemableList(props?: { consumeType: AlpcConsumeType }) {\n  let locale = '' as string\n  const { profile, isLoadingProfile, alpcBrand, alpcCountry } = useCreditsContext()\n  const { locale: contextLocale, brand: headlessBrand } = useHeadlessContext()\n  const brand = alpcBrand || headlessBrand\n\n  if (contextLocale === 'pl') {\n    locale = 'eu'\n  } else {\n    locale = contextLocale\n  }\n\n  const [redeemableList, setRedeemableList] = useState<ConsumeCreditRuleResponse[]>([])\n  const { isMutating: listLoading, trigger } = useAlpcMutation<\n    {\n      data: { consume_credit_rules: ConsumeCreditRuleResponse[] }\n    },\n    { consume_type?: AlpcConsumeType; user_id?: string }\n  >({\n    url: `/v1/credit/consume_credit_rules`,\n    initData: {\n      brand,\n      page: 1,\n      page_size: 999,\n      country: (alpcCountry || ALPC_COUNTRY_MAP.get(locale) || locale)?.toUpperCase(),\n    },\n  })\n\n  const getRedeemableList = useCallback(\n    (props?: { consumeType?: AlpcConsumeType }) => {\n      trigger(\n        {\n          user_id: profile?.user_id,\n          ...(props?.consumeType && { consume_type: props.consumeType }),\n        },\n        {\n          onSuccess(responseData) {\n            console.log('responseData', responseData)\n            let list = responseData?.data?.consume_credit_rules || []\n            setRedeemableList(list)\n          },\n        }\n      )\n    },\n    [profile, trigger, locale]\n  )\n\n  useEffect(() => {\n    if (!brand || isLoadingProfile) {\n      return\n    }\n    getRedeemableList({ consumeType: props?.consumeType })\n  }, [getRedeemableList, isLoadingProfile, brand])\n\n  return {\n    listLoading,\n    redeemableList,\n    getRedeemableList,\n  }\n}\n\nexport default useRedeemableList\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAiD,iBAEjDC,EAAgC,0BAChCC,EAAkD,oBAClDC,EAAkC,uBAElCC,EAAmC,2BAEnC,SAASC,EAAkBC,EAA0C,CACnE,IAAIC,EAAS,GACb,KAAM,CAAE,QAAAC,EAAS,iBAAAC,EAAkB,UAAAC,EAAW,YAAAC,CAAY,KAAI,qBAAkB,EAC1E,CAAE,OAAQC,EAAe,MAAOC,CAAc,KAAI,sBAAmB,EACrEC,EAAQJ,GAAaG,EAEvBD,IAAkB,KACpBL,EAAS,KAETA,EAASK,EAGX,KAAM,CAACG,EAAgBC,CAAiB,KAAI,YAAsC,CAAC,CAAC,EAC9E,CAAE,WAAYC,EAAa,QAAAC,CAAQ,KAAI,mBAK3C,CACA,IAAK,kCACL,SAAU,CACR,MAAAJ,EACA,KAAM,EACN,UAAW,IACX,SAAUH,GAAe,mBAAiB,IAAIJ,CAAM,GAAKA,IAAS,YAAY,CAChF,CACF,CAAC,EAEKY,KAAoB,eACvBb,GAA8C,CAC7CY,EACE,CACE,QAASV,GAAS,QAClB,GAAIF,GAAO,aAAe,CAAE,aAAcA,EAAM,WAAY,CAC9D,EACA,CACE,UAAUc,EAAc,CACtB,QAAQ,IAAI,eAAgBA,CAAY,EACxC,IAAIC,EAAOD,GAAc,MAAM,sBAAwB,CAAC,EACxDJ,EAAkBK,CAAI,CACxB,CACF,CACF,CACF,EACA,CAACb,EAASU,EAASX,CAAM,CAC3B,EAEA,sBAAU,IAAM,CACV,CAACO,GAASL,GAGdU,EAAkB,CAAE,YAAab,GAAO,WAAY,CAAC,CACvD,EAAG,CAACa,EAAmBV,EAAkBK,CAAK,CAAC,EAExC,CACL,YAAAG,EACA,eAAAF,EACA,kBAAAI,CACF,CACF,CAEA,IAAOrB,EAAQO",
   "names": ["useRedeemableList_exports", "__export", "useRedeemableList_default", "__toCommonJS", "import_react", "import_useAlpcFetch", "import_const", "import_provider", "import_lib", "useRedeemableList", "props", "locale", "profile", "isLoadingProfile", "alpcBrand", "alpcCountry", "contextLocale", "headlessBrand", "brand", "redeemableList", "setRedeemableList", "listLoading", "trigger", "getRedeemableList", "responseData", "list"]
 }

package/dist/cjs/components/credits/context/hooks/useShippingCountries.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var p=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var C=(o,e)=>{for(var t in e)p(o,t,{get:e[t],enumerable:!0})},m=(o,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of S(e))!y.call(o,s)&&s!==t&&p(o,s,{get:()=>e[s],enumerable:!(n=g(e,s))||n.enumerable});return o};var w=o=>m(p({},"__esModule",{value:!0}),o);var x={};C(x,{default:()=>b});module.exports=w(x);var a=require("react"),d=require("@anker-in/lib");function E({shopifyStoreDomain:o}){const{locale:e=""}=(0,d.useHeadlessContext)(),[t,n]=(0,a.useState)(!1),[s,u]=(0,a.useState)([]);return(0,a.useEffect)(()=>{(async()=>{n(!0);try{const f=await(await fetch(`/api/multipass/rainbowbridge/uc/shop/shipping_zones?shop=${o}`,{credentials:"include",headers:{"current-language":e}})).json();let i=[];const l=new Set;(f?.data?.data||f?.data||[]).forEach(c=>{c.countries.forEach(r=>{l.has(r.code)||(l.add(r.code),i.push(r))})}),i=i.sort((c,r)=>c.code.localeCompare(r.code)),console.log("fetch shipsToCountries",i),u(i)}catch(h){u([]),console.error(h)}finally{n(!1)}})()},[e]),{isLoading:t,countries:s}}var b=E;
+"use strict";var p=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var C=(o,e)=>{for(var t in e)p(o,t,{get:e[t],enumerable:!0})},m=(o,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of S(e))!y.call(o,s)&&s!==t&&p(o,s,{get:()=>e[s],enumerable:!(n=g(e,s))||n.enumerable});return o};var w=o=>m(p({},"__esModule",{value:!0}),o);var x={};C(x,{default:()=>b});module.exports=w(x);var a=require("react"),d=require("../../../../lib");function E({shopifyStoreDomain:o}){const{locale:e=""}=(0,d.useHeadlessContext)(),[t,n]=(0,a.useState)(!1),[s,u]=(0,a.useState)([]);return(0,a.useEffect)(()=>{(async()=>{n(!0);try{const f=await(await fetch(`/api/multipass/rainbowbridge/uc/shop/shipping_zones?shop=${o}`,{credentials:"include",headers:{"current-language":e}})).json();let i=[];const l=new Set;(f?.data?.data||f?.data||[]).forEach(c=>{c.countries.forEach(r=>{l.has(r.code)||(l.add(r.code),i.push(r))})}),i=i.sort((c,r)=>c.code.localeCompare(r.code)),console.log("fetch shipsToCountries",i),u(i)}catch(h){u([]),console.error(h)}finally{n(!1)}})()},[e]),{isLoading:t,countries:s}}var b=E;
 //# sourceMappingURL=useShippingCountries.js.map

package/dist/cjs/components/credits/context/hooks/useShippingCountries.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/credits/context/hooks/useShippingCountries.ts"],
-  "sourcesContent": ["import { useEffect, useState } from 'react'\n\nimport { useHeadlessContext } from '@anker-in/lib'\nimport { type ShippingCountry, type ShippingZone } from '../../type'\n\nfunction useShippingCountries({ shopifyStoreDomain }: { shopifyStoreDomain: string }) {\n  const { locale = '' } = useHeadlessContext()\n\n  const [isLoading, setLoading] = useState(false)\n  const [countries, setCountries] = useState<ShippingCountry[]>([])\n\n  useEffect(() => {\n    const fetchCountries = async () => {\n      setLoading(true)\n      try {\n        const response = await fetch(`/api/multipass/rainbowbridge/uc/shop/shipping_zones?shop=${shopifyStoreDomain}`, {\n          credentials: 'include',\n          headers: {\n            'current-language': locale,\n          },\n        })\n        const res: any = await response.json()\n\n        // \u56FD\u5BB6\u8FC7\u6EE4\n        let shipsToCountries: ShippingCountry[] = []\n        const countrySet = new Set()\n        const shippingZones = res?.data?.data || res?.data || []\n        shippingZones.forEach((shippingZoneItem: ShippingZone) => {\n          shippingZoneItem.countries.forEach(shippingZoneCountryItem => {\n            if (!countrySet.has(shippingZoneCountryItem.code)) {\n              countrySet.add(shippingZoneCountryItem.code)\n              shipsToCountries.push(shippingZoneCountryItem)\n            }\n          })\n        })\n\n        // \u5B57\u6BCD\u987A\u5E8F\u6392\u5E8F\n        shipsToCountries = shipsToCountries.sort((a, b) => {\n          return a.code.localeCompare(b.code)\n        })\n\n        console.log('fetch shipsToCountries', shipsToCountries)\n        setCountries(shipsToCountries)\n      } catch (e) {\n        setCountries([])\n        console.error(e)\n      } finally {\n        setLoading(false)\n      }\n    }\n\n    fetchCountries()\n  }, [locale])\n\n  return {\n    isLoading,\n    countries,\n  }\n}\n\nexport default useShippingCountries\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAoC,iBAEpCC,EAAmC,yBAGnC,SAASC,EAAqB,CAAE,mBAAAC,CAAmB,EAAmC,CACpF,KAAM,CAAE,OAAAC,EAAS,EAAG,KAAI,sBAAmB,EAErC,CAACC,EAAWC,CAAU,KAAI,YAAS,EAAK,EACxC,CAACC,EAAWC,CAAY,KAAI,YAA4B,CAAC,CAAC,EAEhE,sBAAU,IAAM,EACS,SAAY,CACjCF,EAAW,EAAI,EACf,GAAI,CAOF,MAAMG,EAAW,MANA,MAAM,MAAM,4DAA4DN,CAAkB,GAAI,CAC7G,YAAa,UACb,QAAS,CACP,mBAAoBC,CACtB,CACF,CAAC,GAC+B,KAAK,EAGrC,IAAIM,EAAsC,CAAC,EAC3C,MAAMC,EAAa,IAAI,KACDF,GAAK,MAAM,MAAQA,GAAK,MAAQ,CAAC,GACzC,QAASG,GAAmC,CACxDA,EAAiB,UAAU,QAAQC,GAA2B,CACvDF,EAAW,IAAIE,EAAwB,IAAI,IAC9CF,EAAW,IAAIE,EAAwB,IAAI,EAC3CH,EAAiB,KAAKG,CAAuB,EAEjD,CAAC,CACH,CAAC,EAGDH,EAAmBA,EAAiB,KAAK,CAACI,EAAGC,IACpCD,EAAE,KAAK,cAAcC,EAAE,IAAI,CACnC,EAED,QAAQ,IAAI,yBAA0BL,CAAgB,EACtDF,EAAaE,CAAgB,CAC/B,OAASM,EAAG,CACVR,EAAa,CAAC,CAAC,EACf,QAAQ,MAAMQ,CAAC,CACjB,QAAE,CACAV,EAAW,EAAK,CAClB,CACF,GAEe,CACjB,EAAG,CAACF,CAAM,CAAC,EAEJ,CACL,UAAAC,EACA,UAAAE,CACF,CACF,CAEA,IAAOT,EAAQI",
+  "sourcesContent": ["import { useEffect, useState } from 'react'\n\nimport { useHeadlessContext } from '../../../../lib'\nimport { type ShippingCountry, type ShippingZone } from '../../type'\n\nfunction useShippingCountries({ shopifyStoreDomain }: { shopifyStoreDomain: string }) {\n  const { locale = '' } = useHeadlessContext()\n\n  const [isLoading, setLoading] = useState(false)\n  const [countries, setCountries] = useState<ShippingCountry[]>([])\n\n  useEffect(() => {\n    const fetchCountries = async () => {\n      setLoading(true)\n      try {\n        const response = await fetch(`/api/multipass/rainbowbridge/uc/shop/shipping_zones?shop=${shopifyStoreDomain}`, {\n          credentials: 'include',\n          headers: {\n            'current-language': locale,\n          },\n        })\n        const res: any = await response.json()\n\n        // \u56FD\u5BB6\u8FC7\u6EE4\n        let shipsToCountries: ShippingCountry[] = []\n        const countrySet = new Set()\n        const shippingZones = res?.data?.data || res?.data || []\n        shippingZones.forEach((shippingZoneItem: ShippingZone) => {\n          shippingZoneItem.countries.forEach(shippingZoneCountryItem => {\n            if (!countrySet.has(shippingZoneCountryItem.code)) {\n              countrySet.add(shippingZoneCountryItem.code)\n              shipsToCountries.push(shippingZoneCountryItem)\n            }\n          })\n        })\n\n        // \u5B57\u6BCD\u987A\u5E8F\u6392\u5E8F\n        shipsToCountries = shipsToCountries.sort((a, b) => {\n          return a.code.localeCompare(b.code)\n        })\n\n        console.log('fetch shipsToCountries', shipsToCountries)\n        setCountries(shipsToCountries)\n      } catch (e) {\n        setCountries([])\n        console.error(e)\n      } finally {\n        setLoading(false)\n      }\n    }\n\n    fetchCountries()\n  }, [locale])\n\n  return {\n    isLoading,\n    countries,\n  }\n}\n\nexport default useShippingCountries\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAoC,iBAEpCC,EAAmC,2BAGnC,SAASC,EAAqB,CAAE,mBAAAC,CAAmB,EAAmC,CACpF,KAAM,CAAE,OAAAC,EAAS,EAAG,KAAI,sBAAmB,EAErC,CAACC,EAAWC,CAAU,KAAI,YAAS,EAAK,EACxC,CAACC,EAAWC,CAAY,KAAI,YAA4B,CAAC,CAAC,EAEhE,sBAAU,IAAM,EACS,SAAY,CACjCF,EAAW,EAAI,EACf,GAAI,CAOF,MAAMG,EAAW,MANA,MAAM,MAAM,4DAA4DN,CAAkB,GAAI,CAC7G,YAAa,UACb,QAAS,CACP,mBAAoBC,CACtB,CACF,CAAC,GAC+B,KAAK,EAGrC,IAAIM,EAAsC,CAAC,EAC3C,MAAMC,EAAa,IAAI,KACDF,GAAK,MAAM,MAAQA,GAAK,MAAQ,CAAC,GACzC,QAASG,GAAmC,CACxDA,EAAiB,UAAU,QAAQC,GAA2B,CACvDF,EAAW,IAAIE,EAAwB,IAAI,IAC9CF,EAAW,IAAIE,EAAwB,IAAI,EAC3CH,EAAiB,KAAKG,CAAuB,EAEjD,CAAC,CACH,CAAC,EAGDH,EAAmBA,EAAiB,KAAK,CAACI,EAAGC,IACpCD,EAAE,KAAK,cAAcC,EAAE,IAAI,CACnC,EAED,QAAQ,IAAI,yBAA0BL,CAAgB,EACtDF,EAAaE,CAAgB,CAC/B,OAASM,EAAG,CACVR,EAAa,CAAC,CAAC,EACf,QAAQ,MAAMQ,CAAC,CACjB,QAAE,CACAV,EAAW,EAAK,CAClB,CACF,GAEe,CACjB,EAAG,CAACF,CAAM,CAAC,EAEJ,CACL,UAAAC,EACA,UAAAE,CACF,CACF,CAEA,IAAOT,EAAQI",
   "names": ["useShippingCountries_exports", "__export", "useShippingCountries_default", "__toCommonJS", "import_react", "import_lib", "useShippingCountries", "shopifyStoreDomain", "locale", "isLoading", "setLoading", "countries", "setCountries", "res", "shipsToCountries", "countrySet", "shippingZoneItem", "shippingZoneCountryItem", "a", "b", "e"]
 }

package/dist/cjs/components/credits/context/hooks/useSubscribed.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var l=Object.create;var n=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty;var C=(e,s)=>{for(var r in s)n(e,r,{get:s[r],enumerable:!0})},p=(e,s,r,i)=>{if(s&&typeof s=="object"||typeof s=="function")for(let t of v(s))!y.call(e,t)&&t!==r&&n(e,t,{get:()=>s[t],enumerable:!(i=S(s,t))||i.enumerable});return e};var g=(e,s,r)=>(r=e!=null?l(x(e)):{},p(s||!e||!e.__esModule?n(r,"default",{value:e,enumerable:!0}):r,e)),k=e=>p(n({},"__esModule",{value:!0}),e);var T={};C(T,{useSubscribed:()=>R});module.exports=k(T);var a=require("react"),m=require("../const"),f=g(require("./useActivities")),d=require("../provider"),u=require("@anker-in/lib");const R=()=>{const{profile:e,apiBaseUrl:s}=(0,d.useCreditsContext)(),{brand:r}=(0,u.useHeadlessContext)(),i=(0,a.useMemo)(()=>({page:1,pageSize:50}),[]),{activities:t}=(0,f.default)(i),{data:b}=(0,u.useSubscriptions)({email:e?.email,baseUrl:s}),c=b?.data||b;return(0,a.useMemo)(()=>c?.preference?c.preference.some(o=>o.brand===r&&o.subscribe)?!0:t?.some(o=>o.task_sub_type===m.TaskSubType.Subscription):!1,[c?.preference,t])};
+"use strict";var l=Object.create;var n=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty;var C=(e,s)=>{for(var r in s)n(e,r,{get:s[r],enumerable:!0})},p=(e,s,r,i)=>{if(s&&typeof s=="object"||typeof s=="function")for(let t of v(s))!y.call(e,t)&&t!==r&&n(e,t,{get:()=>s[t],enumerable:!(i=S(s,t))||i.enumerable});return e};var g=(e,s,r)=>(r=e!=null?l(x(e)):{},p(s||!e||!e.__esModule?n(r,"default",{value:e,enumerable:!0}):r,e)),k=e=>p(n({},"__esModule",{value:!0}),e);var T={};C(T,{useSubscribed:()=>R});module.exports=k(T);var a=require("react"),m=require("../const"),f=g(require("./useActivities")),d=require("../provider"),u=require("../../../../lib");const R=()=>{const{profile:e,apiBaseUrl:s}=(0,d.useCreditsContext)(),{brand:r}=(0,u.useHeadlessContext)(),i=(0,a.useMemo)(()=>({page:1,pageSize:50}),[]),{activities:t}=(0,f.default)(i),{data:b}=(0,u.useSubscriptions)({email:e?.email,baseUrl:s}),c=b?.data||b;return(0,a.useMemo)(()=>c?.preference?c.preference.some(o=>o.brand===r&&o.subscribe)?!0:t?.some(o=>o.task_sub_type===m.TaskSubType.Subscription):!1,[c?.preference,t])};
 //# sourceMappingURL=useSubscribed.js.map

package/dist/cjs/components/credits/context/hooks/useSubscribed.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/credits/context/hooks/useSubscribed.ts"],
-  "sourcesContent": ["import { useMemo } from 'react'\n\nimport { TaskSubType } from '../const'\nimport useActivities from './useActivities'\nimport { useCreditsContext } from '../provider'\nimport { useHeadlessContext, useSubscriptions } from '@anker-in/lib'\n\nexport const useSubscribed = () => {\n  const { profile, apiBaseUrl } = useCreditsContext()\n  const { brand } = useHeadlessContext()\n\n  const activitiesOptions = useMemo(() => ({ page: 1, pageSize: 50 }), [])\n\n  const { activities } = useActivities(activitiesOptions)\n  const { data: subscription } = useSubscriptions({ email: profile?.email, baseUrl: apiBaseUrl })\n  const subscriptionData = subscription?.data || subscription\n\n  const isSubscribed = useMemo(() => {\n    if (!subscriptionData?.preference) {\n      return false\n    }\n\n    const subscribeResult = subscriptionData.preference.some((item: any) => {\n      return item.brand === brand && item.subscribe\n    })\n\n    if (subscribeResult) {\n      return true\n    }\n\n    return activities?.some(item => {\n      return item.task_sub_type === TaskSubType.Subscription\n    })\n  }, [subscriptionData?.preference, activities])\n\n  return isSubscribed\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAwB,iBAExBC,EAA4B,oBAC5BC,EAA0B,8BAC1BC,EAAkC,uBAClCC,EAAqD,yBAE9C,MAAMN,EAAgB,IAAM,CACjC,KAAM,CAAE,QAAAO,EAAS,WAAAC,CAAW,KAAI,qBAAkB,EAC5C,CAAE,MAAAC,CAAM,KAAI,sBAAmB,EAE/BC,KAAoB,WAAQ,KAAO,CAAE,KAAM,EAAG,SAAU,EAAG,GAAI,CAAC,CAAC,EAEjE,CAAE,WAAAC,CAAW,KAAI,EAAAC,SAAcF,CAAiB,EAChD,CAAE,KAAMG,CAAa,KAAI,oBAAiB,CAAE,MAAON,GAAS,MAAO,QAASC,CAAW,CAAC,EACxFM,EAAmBD,GAAc,MAAQA,EAoB/C,SAlBqB,WAAQ,IACtBC,GAAkB,WAICA,EAAiB,WAAW,KAAMC,GACjDA,EAAK,QAAUN,GAASM,EAAK,SACrC,EAGQ,GAGFJ,GAAY,KAAKI,GACfA,EAAK,gBAAkB,cAAY,YAC3C,EAbQ,GAcR,CAACD,GAAkB,WAAYH,CAAU,CAAC,CAG/C",
+  "sourcesContent": ["import { useMemo } from 'react'\n\nimport { TaskSubType } from '../const'\nimport useActivities from './useActivities'\nimport { useCreditsContext } from '../provider'\nimport { useHeadlessContext, useSubscriptions } from '../../../../lib'\n\nexport const useSubscribed = () => {\n  const { profile, apiBaseUrl } = useCreditsContext()\n  const { brand } = useHeadlessContext()\n\n  const activitiesOptions = useMemo(() => ({ page: 1, pageSize: 50 }), [])\n\n  const { activities } = useActivities(activitiesOptions)\n  const { data: subscription } = useSubscriptions({ email: profile?.email, baseUrl: apiBaseUrl })\n  const subscriptionData = subscription?.data || subscription\n\n  const isSubscribed = useMemo(() => {\n    if (!subscriptionData?.preference) {\n      return false\n    }\n\n    const subscribeResult = subscriptionData.preference.some((item: any) => {\n      return item.brand === brand && item.subscribe\n    })\n\n    if (subscribeResult) {\n      return true\n    }\n\n    return activities?.some(item => {\n      return item.task_sub_type === TaskSubType.Subscription\n    })\n  }, [subscriptionData?.preference, activities])\n\n  return isSubscribed\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAwB,iBAExBC,EAA4B,oBAC5BC,EAA0B,8BAC1BC,EAAkC,uBAClCC,EAAqD,2BAE9C,MAAMN,EAAgB,IAAM,CACjC,KAAM,CAAE,QAAAO,EAAS,WAAAC,CAAW,KAAI,qBAAkB,EAC5C,CAAE,MAAAC,CAAM,KAAI,sBAAmB,EAE/BC,KAAoB,WAAQ,KAAO,CAAE,KAAM,EAAG,SAAU,EAAG,GAAI,CAAC,CAAC,EAEjE,CAAE,WAAAC,CAAW,KAAI,EAAAC,SAAcF,CAAiB,EAChD,CAAE,KAAMG,CAAa,KAAI,oBAAiB,CAAE,MAAON,GAAS,MAAO,QAASC,CAAW,CAAC,EACxFM,EAAmBD,GAAc,MAAQA,EAoB/C,SAlBqB,WAAQ,IACtBC,GAAkB,WAICA,EAAiB,WAAW,KAAMC,GACjDA,EAAK,QAAUN,GAASM,EAAK,SACrC,EAGQ,GAGFJ,GAAY,KAAKI,GACfA,EAAK,gBAAkB,cAAY,YAC3C,EAbQ,GAcR,CAACD,GAAkB,WAAYH,CAAU,CAAC,CAG/C",
   "names": ["useSubscribed_exports", "__export", "useSubscribed", "__toCommonJS", "import_react", "import_const", "import_useActivities", "import_provider", "import_lib", "profile", "apiBaseUrl", "brand", "activitiesOptions", "activities", "useActivities", "subscription", "subscriptionData", "item"]
 }

package/dist/cjs/components/credits/context/hooks/useUploadReceipt.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-export declare const useUploadReceipt: () => import("swr/mutation").SWRMutationResponse<{
+export declare const useUploadReceipt: () => import("swr/dist/mutation").SWRMutationResponse<{
     ok: boolean;
     code: number;
-}, any, "/api/multipass/mktsrv/v1/credit/upload_third_party_order", {
+}, any, `${string}/api/multipass/mktsrv/v1/credit/upload_third_party_order`, {
     orderName: string;
 }>;

package/dist/cjs/components/credits/context/hooks/useUploadReceipt.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var l=Object.create;var d=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,_=Object.prototype.hasOwnProperty;var f=(t,e)=>{for(var r in e)d(t,r,{get:e[r],enumerable:!0})},i=(t,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of m(e))!_.call(t,a)&&a!==r&&d(t,a,{get:()=>e[a],enumerable:!(o=p(e,a))||o.enumerable});return t};var g=(t,e,r)=>(r=t!=null?l(y(t)):{},i(e||!t||!t.__esModule?d(r,"default",{value:t,enumerable:!0}):r,t)),h=t=>i(d({},"__esModule",{value:!0}),t);var k={};f(k,{useUploadReceipt:()=>b});module.exports=h(k);var c=g(require("swr/mutation")),s=require("@anker-in/lib");const R=t=>t&&(t.data&&typeof t.data=="object"&&!Array.isArray(t.data)?t.data:t),b=()=>{const{locale:t}=(0,s.useHeadlessContext)();return(0,c.default)("/api/multipass/mktsrv/v1/credit/upload_third_party_order",async(r,{arg:{orderName:o}})=>{const u=await(await fetch("/api/multipass/mktsrv/v1/credit/upload_third_party_order",{credentials:"include",method:"POST",headers:{"Content-Type":"application/json","current-language":t},body:JSON.stringify({order_name:o})})).json(),n=R(u);return{ok:n?.data?.code===0,code:n?.data?.code??-1}})};
+"use strict";var l=Object.create;var a=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,_=Object.prototype.hasOwnProperty;var g=(e,r)=>{for(var t in r)a(e,t,{get:r[t],enumerable:!0})},s=(e,r,t,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of y(r))!_.call(e,o)&&o!==t&&a(e,o,{get:()=>r[o],enumerable:!(n=m(r,o))||n.enumerable});return e};var h=(e,r,t)=>(t=e!=null?l(f(e)):{},s(r||!e||!e.__esModule?a(t,"default",{value:e,enumerable:!0}):t,e)),b=e=>s(a({},"__esModule",{value:!0}),e);var C={};g(C,{useUploadReceipt:()=>v});module.exports=b(C);var d=h(require("swr/mutation")),c=require("../../../../lib"),p=require("../provider");const k=e=>{if(!e)return e;const r=e.data;return r&&typeof r=="object"&&!Array.isArray(r)&&"data"in r?r:e},v=()=>{const{locale:e}=(0,c.useHeadlessContext)(),{apiBaseUrl:r}=(0,p.useCreditsContext)(),t=async(n,{arg:{orderName:o}})=>{const u=await(await fetch(`${r||""}/api/multipass/mktsrv/v1/credit/upload_third_party_order`,{credentials:"include",method:"POST",headers:{"Content-Type":"application/json","current-language":e},body:JSON.stringify({order_name:o})})).json(),i=k(u);return{ok:i?.code===0,code:i?.code??-1}};return(0,d.default)(`${r||""}/api/multipass/mktsrv/v1/credit/upload_third_party_order`,t)};
 //# sourceMappingURL=useUploadReceipt.js.map

package/dist/cjs/components/credits/context/hooks/useUploadReceipt.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/credits/context/hooks/useUploadReceipt.tsx"],
-  "sourcesContent": ["import useSWRMutation from 'swr/mutation'\nimport { useHeadlessContext } from '@anker-in/lib'\n\n/**\n * \u7EDF\u4E00\u5904\u7406 ALPC \u63A5\u53E3\u8FD4\u56DE\u7684\u6570\u636E\u7ED3\u6784\n * \u517C\u5BB9\u4E00\u5C42 data \u548C\u4E24\u5C42 data \u7684\u573A\u666F\n */\nconst normalizeResponseData = (responseData: any) => {\n  if (!responseData) return responseData\n\n  // \u5982\u679C responseData.data \u5B58\u5728\u4E14\u662F\u4E00\u4E2A\u5BF9\u8C61\uFF08\u4E0D\u662F\u6570\u7EC4\uFF09\uFF0C\u8BF4\u660E\u662F\u4E24\u5C42 data \u7ED3\u6784\n  if (responseData.data && typeof responseData.data === 'object' && !Array.isArray(responseData.data)) {\n    return responseData.data\n  }\n\n  // \u4E00\u5C42 data \u7ED3\u6784\u6216\u5176\u4ED6\u60C5\u51B5\uFF0C\u76F4\u63A5\u8FD4\u56DE\n  return responseData\n}\n\nexport const useUploadReceipt = () => {\n  const { locale } = useHeadlessContext()\n\n  const uploadReceipt = async (\n    _: any,\n    { arg: { orderName } }: { arg: { orderName: string } }\n  ): Promise<{\n    ok: boolean\n    code: number\n  }> => {\n    const response = await fetch(`/api/multipass/mktsrv/v1/credit/upload_third_party_order`, {\n      credentials: 'include',\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json',\n        'current-language': locale,\n      },\n      body: JSON.stringify({\n        order_name: orderName,\n      }),\n    })\n    const result = await response.json()\n    const normalizedData = normalizeResponseData(result)\n    return {\n      ok: normalizedData?.data?.code === 0,\n      code: normalizedData?.data?.code ?? -1,\n    }\n  }\n\n  return useSWRMutation('/api/multipass/mktsrv/v1/credit/upload_third_party_order', uploadReceipt)\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,sBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA2B,2BAC3BC,EAAmC,yBAMnC,MAAMC,EAAyBC,GACxBA,IAGDA,EAAa,MAAQ,OAAOA,EAAa,MAAS,UAAY,CAAC,MAAM,QAAQA,EAAa,IAAI,EACzFA,EAAa,KAIfA,GAGIL,EAAmB,IAAM,CACpC,KAAM,CAAE,OAAAM,CAAO,KAAI,sBAAmB,EA4BtC,SAAO,EAAAC,SAAe,2DA1BA,MACpBC,EACA,CAAE,IAAK,CAAE,UAAAC,CAAU,CAAE,IAIjB,CAYJ,MAAMC,EAAS,MAXE,MAAM,MAAM,2DAA4D,CACvF,YAAa,UACb,OAAQ,OACR,QAAS,CACP,eAAgB,mBAChB,mBAAoBJ,CACtB,EACA,KAAM,KAAK,UAAU,CACnB,WAAYG,CACd,CAAC,CACH,CAAC,GAC6B,KAAK,EAC7BE,EAAiBP,EAAsBM,CAAM,EACnD,MAAO,CACL,GAAIC,GAAgB,MAAM,OAAS,EACnC,KAAMA,GAAgB,MAAM,MAAQ,EACtC,CACF,CAE+F,CACjG",
-  "names": ["useUploadReceipt_exports", "__export", "useUploadReceipt", "__toCommonJS", "import_mutation", "import_lib", "normalizeResponseData", "responseData", "locale", "useSWRMutation", "_", "orderName", "result", "normalizedData"]
+  "sourcesContent": ["import useSWRMutation from 'swr/mutation'\nimport { useHeadlessContext } from '../../../../lib'\nimport { useCreditsContext } from '../provider'\n\n/**\n * \u7EDF\u4E00\u5904\u7406 ALPC \u63A5\u53E3\u8FD4\u56DE\u7684\u6570\u636E\u7ED3\u6784\n * \u517C\u5BB9\u4E00\u5C42 data \u548C\u4E24\u5C42 data \u7684\u573A\u666F\uFF1A\n * - \u4E24\u5C42 data: {data: {data: ..., code: 0}} \u2192 \u5265\u6389\u5916\u5C42\uFF0C\u8FD4\u56DE\u5185\u5C42 {data: ..., code: 0}\n * - \u4E00\u5C42 data: {data: ..., code: 0} \u2192 \u76F4\u63A5\u8FD4\u56DE\uFF0C\u4E0D\u505A\u5904\u7406\n *\n * \u5224\u65AD\u4E24\u5C42\u7684\u4F9D\u636E\uFF1AresponseData.data.data \u5B58\u5728\uFF08\u5916\u5C42 data \u5185\u90E8\u8FD8\u6709\u4E00\u5C42 data\uFF09\n */\nconst normalizeResponseData = (responseData: any) => {\n  if (!responseData) return responseData\n\n  const inner = responseData.data\n\n  // \u4E24\u5C42\u7ED3\u6784\uFF1A\u5916\u5C42 data \u662F\u5BF9\u8C61\uFF0C\u4E14\u5176\u5185\u90E8\u8FD8\u6709 data \u5B57\u6BB5\n  if (inner && typeof inner === 'object' && !Array.isArray(inner) && 'data' in inner) {\n    return inner\n  }\n\n  // \u4E00\u5C42\u7ED3\u6784\uFF0C\u76F4\u63A5\u8FD4\u56DE\n  return responseData\n}\n\nexport const useUploadReceipt = () => {\n  const { locale } = useHeadlessContext()\n  const { apiBaseUrl } = useCreditsContext()\n\n  const uploadReceipt = async (\n    _: any,\n    { arg: { orderName } }: { arg: { orderName: string } }\n  ): Promise<{\n    ok: boolean\n    code: number\n  }> => {\n    const response = await fetch(`${apiBaseUrl || ''}/api/multipass/mktsrv/v1/credit/upload_third_party_order`, {\n      credentials: 'include',\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json',\n        'current-language': locale,\n      },\n      body: JSON.stringify({\n        order_name: orderName,\n      }),\n    })\n    const result = await response.json()\n    const normalizedData = normalizeResponseData(result)\n    return {\n      ok: normalizedData?.code === 0,\n      code: normalizedData?.code ?? -1,\n    }\n  }\n\n  return useSWRMutation(`${apiBaseUrl || ''}/api/multipass/mktsrv/v1/credit/upload_third_party_order`, uploadReceipt)\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,sBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA2B,2BAC3BC,EAAmC,2BACnCC,EAAkC,uBAUlC,MAAMC,EAAyBC,GAAsB,CACnD,GAAI,CAACA,EAAc,OAAOA,EAE1B,MAAMC,EAAQD,EAAa,KAG3B,OAAIC,GAAS,OAAOA,GAAU,UAAY,CAAC,MAAM,QAAQA,CAAK,GAAK,SAAUA,EACpEA,EAIFD,CACT,EAEaN,EAAmB,IAAM,CACpC,KAAM,CAAE,OAAAQ,CAAO,KAAI,sBAAmB,EAChC,CAAE,WAAAC,CAAW,KAAI,qBAAkB,EAEnCC,EAAgB,MACpBC,EACA,CAAE,IAAK,CAAE,UAAAC,CAAU,CAAE,IAIjB,CAYJ,MAAMC,EAAS,MAXE,MAAM,MAAM,GAAGJ,GAAc,EAAE,2DAA4D,CAC1G,YAAa,UACb,OAAQ,OACR,QAAS,CACP,eAAgB,mBAChB,mBAAoBD,CACtB,EACA,KAAM,KAAK,UAAU,CACnB,WAAYI,CACd,CAAC,CACH,CAAC,GAC6B,KAAK,EAC7BE,EAAiBT,EAAsBQ,CAAM,EACnD,MAAO,CACL,GAAIC,GAAgB,OAAS,EAC7B,KAAMA,GAAgB,MAAQ,EAChC,CACF,EAEA,SAAO,EAAAC,SAAe,GAAGN,GAAc,EAAE,2DAA4DC,CAAa,CACpH",
+  "names": ["useUploadReceipt_exports", "__export", "useUploadReceipt", "__toCommonJS", "import_mutation", "import_lib", "import_provider", "normalizeResponseData", "responseData", "inner", "locale", "apiBaseUrl", "uploadReceipt", "_", "orderName", "result", "normalizedData", "useSWRMutation"]
 }

package/dist/cjs/components/credits/context/provider.d.ts CHANGED Viewed

@@ -44,6 +44,6 @@ type Context = {
     apiBaseUrl?: string;
 };
 export declare const CreditsContext: import("react").Context<Context>;
-export declare function CreditsProvider({ children, profile, removeProfile, isLoadingProfile, openSignInPopup, openSignUpPopup, taskIdToTypeMapping, taskNameMapping, creditInfo, customer, customerLoading, fetchCreditInfo, gtm, pageCommon, memberPriceDiscount, alpcBrand, alpcCountry, cartConfig, apiBaseUrl, }: PropsWithChildren<Omit<Context, 'openMyRewardsModal' | 'setOpenMyRewardsModal' | 'openActivitiesModal' | 'setOpenActivitiesModal'>>): import("react/jsx-runtime").JSX.Element;
+export declare function CreditsProvider({ children, profile, removeProfile, isLoadingProfile, openSignInPopup, openSignUpPopup, taskIdToTypeMapping, taskNameMapping, creditInfo, customer, customerLoading, fetchCreditInfo, gtm, pageCommon, memberPriceDiscount, alpcBrand, alpcCountry, cartConfig, apiBaseUrl, }: PropsWithChildren<Omit<Context, 'openMyRewardsModal' | 'setOpenMyRewardsModal' | 'openActivitiesModal' | 'setOpenActivitiesModal'>>): import("react").JSX.Element;
 export declare function useCreditsContext(): Context;
 export {};

package/dist/cjs/components/credits/creditsAnkersolixTask/CreditsAnkersolixTask.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import { type CreditsAnkersolixTaskProps } from './type';
 export declare const CreditsAnkersolixTask: ({ copy, classNames, id }: CreditsAnkersolixTaskProps & {
     id?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

package/dist/cjs/components/credits/creditsAnkersolixTask/CreditsAnkersolixTask.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var F=Object.defineProperty;var q=Object.getOwnPropertyDescriptor;var V=Object.getOwnPropertyNames;var G=Object.prototype.hasOwnProperty;var J=(t,l)=>{for(var r in l)F(t,r,{get:l[r],enumerable:!0})},K=(t,l,r,o)=>{if(l&&typeof l=="object"||typeof l=="function")for(let d of V(l))!G.call(t,d)&&d!==r&&F(t,d,{get:()=>l[d],enumerable:!(o=q(l,d))||o.enumerable});return t};var Q=t=>K(F({},"__esModule",{value:!0}),t);var X={};J(X,{CreditsAnkersolixTask:()=>W});module.exports=Q(X);var e=require("react/jsx-runtime"),i=require("@anker-in/headless-ui"),b=require("@heroicons/react/24/outline"),n=require("react"),f=require("./type"),z=require("../creditsWaysToGetCredits/useActions"),R=require("../context/provider"),c=require("@anker-in/lib"),T=require("../../registration"),M=require("../modal/CreditsUploadReceiptModal"),A=require("../modal/SubscribeModal"),L=require("../../../constants");const W=({copy:t,classNames:l,id:r})=>{const[o,d]=(0,n.useState)(!1),{profile:U}=(0,R.useCreditsContext)(),{authCodeActivate:O}=(0,T.useRegistration)(),{brand:B}=(0,c.useHeadlessContext)(),h=L.ROUNDED_BRANDS.includes(B),g=!!U,[D,N]=(0,n.useState)(!1),[P,v]=(0,n.useState)(!1),[S,j]=(0,n.useState)(!1),[w,E]=(0,n.useState)(!1),{actions:k}=(0,z.useActions)({copy:t,subscribe:{openSubscribePopup:()=>v(!0),isSuccess:S},uploadReceipt:{openUploadReceiptPopup:()=>N(!0),isSuccess:w}}),p=(t?.list||[]).length>3;(0,n.useEffect)(()=>{if(!o&&p&&window.screen.width<768){const s=setTimeout(()=>{const a=document.getElementById(r||"ankersolix-task");a&&a.scrollIntoView({behavior:"smooth",block:"end"})},300);return()=>clearTimeout(s)}},[o,p,r]);const _=(0,n.useMemo)(()=>{const s=t.list.map(a=>{if(!k[a.id])return;const{finished:u,notLogin:I,notFinished:C,completed:H}=k[a.id];let x="",m,y;return g?u?(x=H.buttonLabel,m=void 0):(x=C.buttonLabel,m=C.handleClick,y=C.link):(x=I.buttonLabel,m=I.handleClick),{...a,buttonLabel:x,handleClick:m,finished:u,link:y}}).filter(Boolean);return g?s.sort((a,u)=>a?.finished&&!u?.finished?1:!a?.finished&&u?.finished?-1:0):s},[k,t.list,g]);return(0,e.jsxs)(i.Container,{id:r,className:"bg-[#F5F5F7]",children:[(0,e.jsx)(i.Heading,{as:"h2",size:"4",html:t.title}),(0,e.jsxs)("div",{className:(0,c.classNames)("mt-[24px] p-[32px] md-l:p-[32px] md:p-[16px] relative overflow-hidden",h?"rounded-[8px]":"",!h&&"l:rounded-none"),style:{background:"linear-gradient(180deg, rgba(255, 241, 214, 0) 39.51%, #F4CA81 119.53%)"},children:[(0,e.jsx)("div",{className:"absolute inset-0 pointer-events-none -z-10",style:{background:"radial-gradient(ellipse 130% 205% at 45% -20%, #FFF6EA 0%, #FFFFFF 73%, #FFF1D6 100%)"}}),(0,e.jsxs)("div",{className:"flex items-center justify-between xl-xxl:h-[448px] l-xl:h-[336px] h-[560px] l:h-auto md:flex-col md:items-start l:h-auto l:mb-[16px] l:flex-col-reverse l:items-start",children:[(0,e.jsxs)("div",{className:"flex flex-col gap-[8px] l:mt-[8px]",children:[(0,e.jsx)(i.Heading,{as:"h3",size:4,html:t?.subtitle,className:"text-[32px] font-bold text-[#080a0f] tracking-[-1.28px] leading-[1.2] xl:text-[24px]"}),(0,e.jsx)("div",{className:"flex items-center gap-[8px]",children:(0,e.jsx)("p",{className:"text-[48px] font-bold leading-none bg-gradient-to-r from-[#2c7ed0] via-[#00a9e1] via-43% to-[#00db84] bg-clip-text text-transparent xl-xxl:text-[40px] l-xl:text-[32px] l:text-[24px]",dangerouslySetInnerHTML:{__html:t.equalCredits}})})]}),t.mainImage?.url&&(0,e.jsx)(i.Picture,{className:"h-full object-contain l:mx-auto md:h-auto md:w-full md-l:h-[302px]",imgClassName:"!h-full !object-contain",source:t.mainImage.url})]}),(0,e.jsxs)("div",{className:"relative mt-[24px]",children:[(0,e.jsxs)("div",{className:(0,c.classNames)("grid grid-cols-3 gap-[16px] overflow-hidden md:grid-cols-1 md-l:grid-cols-2 min-md:!h-auto transition-all duration-300 ease-in-out"),style:{height:o||!p?"auto":"512px"},children:[_.map(s=>(0,e.jsxs)("div",{className:(0,c.classNames)("flex min-h-[241px] xl-xxl:min-h-[192px] l:min-h-[160px] l-xl:min-h-[170px] flex-col justify-between bg-white p-[32px] xl:p-[16px]",h?"rounded-[16px]":""),children:[(0,e.jsxs)("div",{children:[(0,e.jsx)(i.Text,{as:"p",html:s.title,size:2,className:"text-pretty text-[24px] font-bold xxl:text-[20px]"}),(0,e.jsxs)("div",{className:"mt-[8px] l:mt-[4px] flex items-center",children:[(0,e.jsx)(i.Picture,{className:"size-[24px] xxl:size-[18px] [&_path]:size-full",source:"https://cdn.shopify.com/s/files/1/0511/6346/3874/files/20250902-153351.png?v=1756798450"}),(0,e.jsx)(i.Text,{as:"p",html:s.credits,size:2,className:"ml-[4px] mt-[6px] text-[18px] xxl:text-[14px]"})]})]}),s.handleClick&&!(s.id===f.TaskType.UploadReceipt&&w)&&!(s.id===f.TaskType.Activate&&O.isActivateSuccess)&&!(s.id===f.TaskType.Subscribe&&S)?(0,e.jsx)(i.Button,{as:s.link?"a":"button",...s.link&&{href:s.link},...s.handleClick&&{onClick:s.handleClick},variant:"primary",size:"lg",className:"mt-[24px] w-fit",children:s.buttonLabel}):(0,e.jsx)(i.Button,{variant:"primary",size:"lg",className:"mt-[24px] w-fit",disabled:!0,children:s.buttonLabel})]},s.id)),!o&&p&&(0,e.jsx)("div",{className:"absolute inset-0 pointer-events-none min-md:hidden",style:{background:"linear-gradient(180deg, rgba(244, 202, 129, 0) 66.37%, #f4ca81 100%)"}})]}),p&&(0,e.jsx)(e.Fragment,{children:o?(0,e.jsx)("button",{className:"mx-auto mt-[12px] block w-fit min-md:hidden",onClick:()=>{d(!1)},children:(0,e.jsx)(b.ChevronUpIcon,{className:"size-[40px] rounded-full bg-[#FFFFFF33] p-[8px]"})}):(0,e.jsx)(e.Fragment,{children:(0,e.jsx)("div",{className:"absolute bottom-0 flex w-full translate-y-1/2 justify-center min-md:hidden",children:(0,e.jsx)("button",{className:"w-fit",onClick:()=>d(!o),children:(0,e.jsx)(b.ChevronDownIcon,{className:"size-[40px] rounded-full bg-[#FFFFFF33] p-[8px]"})})})})})]})]}),t.receipt&&(0,e.jsx)(M.CreditsUploadReceiptModal,{isOpen:D,onClose:()=>{N(!1)},copy:t.receipt,onSuccess:()=>{E(!0)}}),t.subscribe&&(0,e.jsx)(A.CreditsSubscribeModal,{copy:t.subscribe,onSuccess:()=>{j(!0),setTimeout(()=>{v(!1)},3e3)},isOpen:P,onClose:()=>{v(!1)}})]})};
+"use strict";var F=Object.defineProperty;var q=Object.getOwnPropertyDescriptor;var V=Object.getOwnPropertyNames;var G=Object.prototype.hasOwnProperty;var J=(t,l)=>{for(var r in l)F(t,r,{get:l[r],enumerable:!0})},K=(t,l,r,o)=>{if(l&&typeof l=="object"||typeof l=="function")for(let d of V(l))!G.call(t,d)&&d!==r&&F(t,d,{get:()=>l[d],enumerable:!(o=q(l,d))||o.enumerable});return t};var Q=t=>K(F({},"__esModule",{value:!0}),t);var X={};J(X,{CreditsAnkersolixTask:()=>W});module.exports=Q(X);var e=require("react/jsx-runtime"),i=require("@anker-in/headless-ui"),b=require("@heroicons/react/24/outline"),n=require("react"),f=require("./type"),z=require("../creditsWaysToGetCredits/useActions"),R=require("../context/provider"),c=require("../../../lib"),T=require("../../registration"),M=require("../modal/CreditsUploadReceiptModal"),A=require("../modal/SubscribeModal"),L=require("../../../constants");const W=({copy:t,classNames:l,id:r})=>{const[o,d]=(0,n.useState)(!1),{profile:U}=(0,R.useCreditsContext)(),{authCodeActivate:O}=(0,T.useRegistration)(),{brand:B}=(0,c.useHeadlessContext)(),h=L.ROUNDED_BRANDS.includes(B),g=!!U,[D,N]=(0,n.useState)(!1),[P,v]=(0,n.useState)(!1),[S,j]=(0,n.useState)(!1),[w,E]=(0,n.useState)(!1),{actions:k}=(0,z.useActions)({copy:t,subscribe:{openSubscribePopup:()=>v(!0),isSuccess:S},uploadReceipt:{openUploadReceiptPopup:()=>N(!0),isSuccess:w}}),p=(t?.list||[]).length>3;(0,n.useEffect)(()=>{if(!o&&p&&window.screen.width<768){const s=setTimeout(()=>{const a=document.getElementById(r||"ankersolix-task");a&&a.scrollIntoView({behavior:"smooth",block:"end"})},300);return()=>clearTimeout(s)}},[o,p,r]);const _=(0,n.useMemo)(()=>{const s=t.list.map(a=>{if(!k[a.id])return;const{finished:u,notLogin:I,notFinished:C,completed:H}=k[a.id];let x="",m,y;return g?u?(x=H.buttonLabel,m=void 0):(x=C.buttonLabel,m=C.handleClick,y=C.link):(x=I.buttonLabel,m=I.handleClick),{...a,buttonLabel:x,handleClick:m,finished:u,link:y}}).filter(Boolean);return g?s.sort((a,u)=>a?.finished&&!u?.finished?1:!a?.finished&&u?.finished?-1:0):s},[k,t.list,g]);return(0,e.jsxs)(i.Container,{id:r,className:"bg-[#F5F5F7]",children:[(0,e.jsx)(i.Heading,{as:"h2",size:"4",html:t.title}),(0,e.jsxs)("div",{className:(0,c.classNames)("mt-[24px] p-[32px] md-l:p-[32px] md:p-[16px] relative overflow-hidden",h?"rounded-[8px]":"",!h&&"l:rounded-none"),style:{background:"linear-gradient(180deg, rgba(255, 241, 214, 0) 39.51%, #F4CA81 119.53%)"},children:[(0,e.jsx)("div",{className:"absolute inset-0 pointer-events-none -z-10",style:{background:"radial-gradient(ellipse 130% 205% at 45% -20%, #FFF6EA 0%, #FFFFFF 73%, #FFF1D6 100%)"}}),(0,e.jsxs)("div",{className:"flex items-center justify-between xl-xxl:h-[448px] l-xl:h-[336px] h-[560px] l:h-auto md:flex-col md:items-start l:h-auto l:mb-[16px] l:flex-col-reverse l:items-start",children:[(0,e.jsxs)("div",{className:"flex flex-col gap-[8px] l:mt-[8px]",children:[(0,e.jsx)(i.Heading,{as:"h3",size:4,html:t?.subtitle,className:"text-[32px] font-bold text-[#080a0f] tracking-[-1.28px] leading-[1.2] xl:text-[24px]"}),(0,e.jsx)("div",{className:"flex items-center gap-[8px]",children:(0,e.jsx)("p",{className:"text-[48px] font-bold leading-none bg-gradient-to-r from-[#2c7ed0] via-[#00a9e1] via-43% to-[#00db84] bg-clip-text text-transparent xl-xxl:text-[40px] l-xl:text-[32px] l:text-[24px]",dangerouslySetInnerHTML:{__html:t.equalCredits}})})]}),t.mainImage?.url&&(0,e.jsx)(i.Picture,{className:"h-full object-contain l:mx-auto md:h-auto md:w-full md-l:h-[302px]",imgClassName:"!h-full !object-contain",source:t.mainImage.url})]}),(0,e.jsxs)("div",{className:"relative mt-[24px]",children:[(0,e.jsxs)("div",{className:(0,c.classNames)("grid grid-cols-3 gap-[16px] overflow-hidden md:grid-cols-1 md-l:grid-cols-2 min-md:!h-auto transition-all duration-300 ease-in-out"),style:{height:o||!p?"auto":"512px"},children:[_.map(s=>(0,e.jsxs)("div",{className:(0,c.classNames)("flex min-h-[241px] xl-xxl:min-h-[192px] l:min-h-[160px] l-xl:min-h-[170px] flex-col justify-between bg-white p-[32px] xl:p-[16px]",h?"rounded-[16px]":""),children:[(0,e.jsxs)("div",{children:[(0,e.jsx)(i.Text,{as:"p",html:s.title,size:2,className:"text-pretty text-[24px] font-bold xxl:text-[20px]"}),(0,e.jsxs)("div",{className:"mt-[8px] l:mt-[4px] flex items-center",children:[(0,e.jsx)(i.Picture,{className:"size-[24px] xxl:size-[18px] [&_path]:size-full",source:"https://cdn.shopify.com/s/files/1/0511/6346/3874/files/20250902-153351.png?v=1756798450"}),(0,e.jsx)(i.Text,{as:"p",html:s.credits,size:2,className:"ml-[4px] mt-[6px] text-[18px] xxl:text-[14px]"})]})]}),s.handleClick&&!(s.id===f.TaskType.UploadReceipt&&w)&&!(s.id===f.TaskType.Activate&&O.isActivateSuccess)&&!(s.id===f.TaskType.Subscribe&&S)?(0,e.jsx)(i.Button,{as:s.link?"a":"button",...s.link&&{href:s.link},...s.handleClick&&{onClick:s.handleClick},variant:"primary",size:"lg",className:"mt-[24px] w-fit",children:s.buttonLabel}):(0,e.jsx)(i.Button,{variant:"primary",size:"lg",className:"mt-[24px] w-fit",disabled:!0,children:s.buttonLabel})]},s.id)),!o&&p&&(0,e.jsx)("div",{className:"absolute inset-0 pointer-events-none min-md:hidden",style:{background:"linear-gradient(180deg, rgba(244, 202, 129, 0) 66.37%, #f4ca81 100%)"}})]}),p&&(0,e.jsx)(e.Fragment,{children:o?(0,e.jsx)("button",{className:"mx-auto mt-[12px] block w-fit min-md:hidden",onClick:()=>{d(!1)},children:(0,e.jsx)(b.ChevronUpIcon,{className:"size-[40px] rounded-full bg-[#FFFFFF33] p-[8px]"})}):(0,e.jsx)(e.Fragment,{children:(0,e.jsx)("div",{className:"absolute bottom-0 flex w-full translate-y-1/2 justify-center min-md:hidden",children:(0,e.jsx)("button",{className:"w-fit",onClick:()=>d(!o),children:(0,e.jsx)(b.ChevronDownIcon,{className:"size-[40px] rounded-full bg-[#FFFFFF33] p-[8px]"})})})})})]})]}),t.receipt&&(0,e.jsx)(M.CreditsUploadReceiptModal,{isOpen:D,onClose:()=>{N(!1)},copy:t.receipt,onSuccess:()=>{E(!0)}}),t.subscribe&&(0,e.jsx)(A.CreditsSubscribeModal,{copy:t.subscribe,onSuccess:()=>{j(!0),setTimeout(()=>{v(!1)},3e3)},isOpen:P,onClose:()=>{v(!1)}})]})};
 //# sourceMappingURL=CreditsAnkersolixTask.js.map

package/dist/cjs/components/credits/creditsAnkersolixTask/CreditsAnkersolixTask.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/credits/creditsAnkersolixTask/CreditsAnkersolixTask.tsx"],
-  "sourcesContent": ["import { Button, Container, Heading, Picture, Text } from '@anker-in/headless-ui'\nimport { ChevronDownIcon, ChevronUpIcon } from '@heroicons/react/24/outline'\nimport { useMemo, useState, useRef, useEffect } from 'react'\n\nimport { TaskType, type CreditsAnkersolixTaskProps } from './type'\nimport { useActions } from '../creditsWaysToGetCredits/useActions'\nimport { useCreditsContext } from '../context/provider'\nimport { classNames as cn, useHeadlessContext } from '@anker-in/lib'\nimport { useRegistration } from '../../registration'\nimport { CreditsUploadReceiptModal } from '../modal/CreditsUploadReceiptModal'\nimport { CreditsSubscribeModal } from '../modal/SubscribeModal'\nimport { ROUNDED_BRANDS } from '../../../constants'\n\nexport const CreditsAnkersolixTask = ({ copy, classNames, id }: CreditsAnkersolixTaskProps & { id?: string }) => {\n  const [showMore, setShowMore] = useState(false)\n  const { profile } = useCreditsContext()\n  const { authCodeActivate } = useRegistration()\n  const { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n  const isLogin = !!profile\n\n  const [isUploadReceiptModalOpen, setIsUploadReceiptModalOpen] = useState(false)\n  const [isSubscribeModalOpen, setIsSubscribeModalOpen] = useState(false)\n  const [isSubscribeSuccess, setIsSubscribeSuccess] = useState(false)\n  const [isUploadReceiptSuccess, setIsUploadReceiptSuccess] = useState(false)\n\n  const { actions } = useActions({\n    copy,\n    subscribe: {\n      openSubscribePopup: () => setIsSubscribeModalOpen(true),\n      isSuccess: isSubscribeSuccess,\n    },\n    uploadReceipt: {\n      openUploadReceiptPopup: () => setIsUploadReceiptModalOpen(true),\n      isSuccess: isUploadReceiptSuccess,\n    },\n  })\n\n  const shouldShowMask = (copy?.list || []).length > 3\n\n  // Handle scroll after collapse animation\n  useEffect(() => {\n    if (!showMore && shouldShowMask && window.screen.width < 768) {\n      const timer = setTimeout(() => {\n        const section = document.getElementById(id || 'ankersolix-task')\n        if (section) {\n          section.scrollIntoView({ behavior: 'smooth', block: 'end' })\n        }\n      }, 300) // Match transition duration\n      return () => clearTimeout(timer)\n    }\n  }, [showMore, shouldShowMask, id])\n  const list = useMemo(() => {\n    const list = copy.list\n      .map(item => {\n        if (!actions[item.id as keyof typeof actions]) {\n          return undefined\n        }\n        const { finished, notLogin, notFinished, completed } = actions[item.id as keyof typeof actions]\n        let buttonLabel = ''\n        let handleClick = undefined\n        let link = undefined\n        if (!isLogin) {\n          buttonLabel = notLogin.buttonLabel\n          handleClick = notLogin.handleClick\n        } else if (finished) {\n          buttonLabel = completed.buttonLabel\n          handleClick = undefined\n        } else {\n          buttonLabel = notFinished.buttonLabel\n          handleClick = notFinished.handleClick\n          link = (notFinished as { link: string }).link\n        }\n        return {\n          ...item,\n          buttonLabel,\n          handleClick,\n          finished,\n          link,\n        }\n      })\n      .filter(Boolean) as {\n      title: string\n      credits: string\n      id: TaskType\n      buttonLabel: string\n      finished: boolean\n      link: string\n      handleClick: (() => void) | undefined\n    }[]\n\n    // \u767B\u5F55\u540E\uFF0C\u4FDD\u7559\u539F\u987A\u5E8F\uFF0C\u5C06\u5DF2\u5B8C\u6210\u7684\u4EFB\u52A1\u653E\u5728\u6700\u540E\n    if (isLogin) {\n      return list.sort((a, b) => {\n        if (a?.finished && !b?.finished) {\n          return 1 // a\u5DF2\u5B8C\u6210\uFF0Cb\u672A\u5B8C\u6210\uFF0Ca\u6392\u5728\u540E\u9762\n        }\n        if (!a?.finished && b?.finished) {\n          return -1 // a\u672A\u5B8C\u6210\uFF0Cb\u5DF2\u5B8C\u6210\uFF0Ca\u6392\u5728\u524D\u9762\n        }\n        return 0 // \u90FD\u5DF2\u5B8C\u6210\u6216\u90FD\u672A\u5B8C\u6210\uFF0C\u4FDD\u6301\u539F\u987A\u5E8F\n      })\n    } else {\n      return list\n    }\n  }, [actions, copy.list, isLogin])\n\n  return (\n    <Container id={id} className=\"bg-[#F5F5F7]\">\n      <Heading as=\"h2\" size=\"4\" html={copy.title} />\n      <div\n        className={cn(\n          'mt-[24px] p-[32px] md-l:p-[32px] md:p-[16px] relative overflow-hidden',\n          rounded ? 'rounded-[8px]' : '',\n          !rounded && 'l:rounded-none'\n        )}\n        style={{\n          background: 'linear-gradient(180deg, rgba(255, 241, 214, 0) 39.51%, #F4CA81 119.53%)',\n        }}\n      >\n        {/* \u5F84\u5411\u6E10\u53D8\u80CC\u666F\u5C42 - \u4F7F\u7528\u4F2A\u5143\u7D20\u6A21\u62DF */}\n        <div\n          className=\"absolute inset-0 pointer-events-none -z-10\"\n          style={{\n            background: 'radial-gradient(ellipse 130% 205% at 45% -20%, #FFF6EA 0%, #FFFFFF 73%, #FFF1D6 100%)',\n          }}\n        />\n        {/* \u526F\u6807\u9898\u548C\u88C5\u9970\u56FE\u90E8\u5206 */}\n        <div className=\"flex items-center justify-between xl-xxl:h-[448px] l-xl:h-[336px] h-[560px] l:h-auto md:flex-col md:items-start l:h-auto l:mb-[16px] l:flex-col-reverse l:items-start\">\n          <div className=\"flex flex-col gap-[8px] l:mt-[8px]\">\n            <Heading\n              as=\"h3\"\n              size={4}\n              html={copy?.subtitle}\n              className=\"text-[32px] font-bold text-[#080a0f] tracking-[-1.28px] leading-[1.2] xl:text-[24px]\"\n            />\n            <div className=\"flex items-center gap-[8px]\">\n              <p\n                className=\"text-[48px] font-bold leading-none bg-gradient-to-r from-[#2c7ed0] via-[#00a9e1] via-43% to-[#00db84] bg-clip-text text-transparent xl-xxl:text-[40px] l-xl:text-[32px] l:text-[24px]\"\n                dangerouslySetInnerHTML={{ __html: copy.equalCredits }}\n              />\n            </div>\n          </div>\n          {copy.mainImage?.url && (\n            <Picture\n              className=\"h-full object-contain l:mx-auto md:h-auto md:w-full md-l:h-[302px]\"\n              imgClassName=\"!h-full !object-contain\"\n              source={copy.mainImage.url}\n            />\n          )}\n        </div>\n\n        {/* \u5361\u7247\u5217\u8868 */}\n        <div className=\"relative mt-[24px]\">\n          <div\n            className={cn(\n              'grid grid-cols-3 gap-[16px] overflow-hidden md:grid-cols-1 md-l:grid-cols-2 min-md:!h-auto transition-all duration-300 ease-in-out'\n            )}\n            style={{\n              height: showMore || !shouldShowMask ? 'auto' : '512px',\n            }}\n          >\n            {list.map(item => (\n              <div\n                key={item.id}\n                className={cn(\n                  'flex min-h-[241px] xl-xxl:min-h-[192px] l:min-h-[160px] l-xl:min-h-[170px] flex-col justify-between bg-white p-[32px] xl:p-[16px]',\n                  rounded ? 'rounded-[16px]' : ''\n                )}\n              >\n                <div>\n                  <Text\n                    as=\"p\"\n                    html={item.title}\n                    size={2}\n                    className=\"text-pretty text-[24px] font-bold xxl:text-[20px]\"\n                  />\n                  <div className=\"mt-[8px] l:mt-[4px] flex items-center\">\n                    <Picture\n                      className=\"size-[24px] xxl:size-[18px] [&_path]:size-full\"\n                      source=\"https://cdn.shopify.com/s/files/1/0511/6346/3874/files/20250902-153351.png?v=1756798450\"\n                    />\n                    <Text\n                      as=\"p\"\n                      html={item.credits}\n                      size={2}\n                      className=\"ml-[4px] mt-[6px] text-[18px] xxl:text-[14px]\"\n                    />\n                  </div>\n                </div>\n\n                {item.handleClick &&\n                !(item.id === TaskType.UploadReceipt && isUploadReceiptSuccess) &&\n                !(item.id === TaskType.Activate && authCodeActivate.isActivateSuccess) &&\n                !(item.id === TaskType.Subscribe && isSubscribeSuccess) ? (\n                  <Button\n                    as={item.link ? 'a' : 'button'}\n                    {...(item.link && { href: item.link })}\n                    {...(item.handleClick && { onClick: item.handleClick })}\n                    variant=\"primary\"\n                    size=\"lg\"\n                    className=\"mt-[24px] w-fit\"\n                  >\n                    {item.buttonLabel}\n                  </Button>\n                ) : (\n                  <Button variant=\"primary\" size=\"lg\" className=\"mt-[24px] w-fit\" disabled>\n                    {item.buttonLabel}\n                  </Button>\n                )}\n              </div>\n            ))}\n            {!showMore && shouldShowMask && (\n              <div\n                className=\"absolute inset-0 pointer-events-none min-md:hidden\"\n                style={{ background: 'linear-gradient(180deg, rgba(244, 202, 129, 0) 66.37%, #f4ca81 100%)' }}\n              ></div>\n            )}\n          </div>\n          {shouldShowMask && (\n            <>\n              {showMore ? (\n                <button\n                  className=\"mx-auto mt-[12px] block w-fit min-md:hidden\"\n                  onClick={() => {\n                    setShowMore(false)\n                  }}\n                >\n                  <ChevronUpIcon className=\"size-[40px] rounded-full bg-[#FFFFFF33] p-[8px]\"></ChevronUpIcon>\n                </button>\n              ) : (\n                <>\n                  <div className=\"absolute bottom-0 flex w-full translate-y-1/2 justify-center min-md:hidden\">\n                    <button className=\"w-fit\" onClick={() => setShowMore(!showMore)}>\n                      <ChevronDownIcon className=\"size-[40px] rounded-full bg-[#FFFFFF33] p-[8px]\"></ChevronDownIcon>\n                    </button>\n                  </div>\n                </>\n              )}\n            </>\n          )}\n        </div>\n      </div>\n      {copy.receipt && (\n        <CreditsUploadReceiptModal\n          isOpen={isUploadReceiptModalOpen}\n          onClose={() => {\n            setIsUploadReceiptModalOpen(false)\n          }}\n          copy={copy.receipt}\n          onSuccess={() => {\n            setIsUploadReceiptSuccess(true)\n          }}\n        />\n      )}\n      {copy.subscribe && (\n        <CreditsSubscribeModal\n          copy={copy.subscribe}\n          onSuccess={() => {\n            setIsSubscribeSuccess(true)\n            setTimeout(() => {\n              setIsSubscribeModalOpen(false)\n            }, 3000)\n          }}\n          isOpen={isSubscribeModalOpen}\n          onClose={() => {\n            setIsSubscribeModalOpen(false)\n          }}\n        />\n      )}\n    </Container>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { Button, Container, Heading, Picture, Text } from '@anker-in/headless-ui'\nimport { ChevronDownIcon, ChevronUpIcon } from '@heroicons/react/24/outline'\nimport { useMemo, useState, useRef, useEffect } from 'react'\n\nimport { TaskType, type CreditsAnkersolixTaskProps } from './type'\nimport { useActions } from '../creditsWaysToGetCredits/useActions'\nimport { useCreditsContext } from '../context/provider'\nimport { classNames as cn, useHeadlessContext } from '../../../lib'\nimport { useRegistration } from '../../registration'\nimport { CreditsUploadReceiptModal } from '../modal/CreditsUploadReceiptModal'\nimport { CreditsSubscribeModal } from '../modal/SubscribeModal'\nimport { ROUNDED_BRANDS } from '../../../constants'\n\nexport const CreditsAnkersolixTask = ({ copy, classNames, id }: CreditsAnkersolixTaskProps & { id?: string }) => {\n  const [showMore, setShowMore] = useState(false)\n  const { profile } = useCreditsContext()\n  const { authCodeActivate } = useRegistration()\n  const { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n  const isLogin = !!profile\n\n  const [isUploadReceiptModalOpen, setIsUploadReceiptModalOpen] = useState(false)\n  const [isSubscribeModalOpen, setIsSubscribeModalOpen] = useState(false)\n  const [isSubscribeSuccess, setIsSubscribeSuccess] = useState(false)\n  const [isUploadReceiptSuccess, setIsUploadReceiptSuccess] = useState(false)\n\n  const { actions } = useActions({\n    copy,\n    subscribe: {\n      openSubscribePopup: () => setIsSubscribeModalOpen(true),\n      isSuccess: isSubscribeSuccess,\n    },\n    uploadReceipt: {\n      openUploadReceiptPopup: () => setIsUploadReceiptModalOpen(true),\n      isSuccess: isUploadReceiptSuccess,\n    },\n  })\n\n  const shouldShowMask = (copy?.list || []).length > 3\n\n  // Handle scroll after collapse animation\n  useEffect(() => {\n    if (!showMore && shouldShowMask && window.screen.width < 768) {\n      const timer = setTimeout(() => {\n        const section = document.getElementById(id || 'ankersolix-task')\n        if (section) {\n          section.scrollIntoView({ behavior: 'smooth', block: 'end' })\n        }\n      }, 300) // Match transition duration\n      return () => clearTimeout(timer)\n    }\n  }, [showMore, shouldShowMask, id])\n  const list = useMemo(() => {\n    const list = copy.list\n      .map(item => {\n        if (!actions[item.id as keyof typeof actions]) {\n          return undefined\n        }\n        const { finished, notLogin, notFinished, completed } = actions[item.id as keyof typeof actions]\n        let buttonLabel = ''\n        let handleClick = undefined\n        let link = undefined\n        if (!isLogin) {\n          buttonLabel = notLogin.buttonLabel\n          handleClick = notLogin.handleClick\n        } else if (finished) {\n          buttonLabel = completed.buttonLabel\n          handleClick = undefined\n        } else {\n          buttonLabel = notFinished.buttonLabel\n          handleClick = notFinished.handleClick\n          link = (notFinished as { link: string }).link\n        }\n        return {\n          ...item,\n          buttonLabel,\n          handleClick,\n          finished,\n          link,\n        }\n      })\n      .filter(Boolean) as {\n      title: string\n      credits: string\n      id: TaskType\n      buttonLabel: string\n      finished: boolean\n      link: string\n      handleClick: (() => void) | undefined\n    }[]\n\n    // \u767B\u5F55\u540E\uFF0C\u4FDD\u7559\u539F\u987A\u5E8F\uFF0C\u5C06\u5DF2\u5B8C\u6210\u7684\u4EFB\u52A1\u653E\u5728\u6700\u540E\n    if (isLogin) {\n      return list.sort((a, b) => {\n        if (a?.finished && !b?.finished) {\n          return 1 // a\u5DF2\u5B8C\u6210\uFF0Cb\u672A\u5B8C\u6210\uFF0Ca\u6392\u5728\u540E\u9762\n        }\n        if (!a?.finished && b?.finished) {\n          return -1 // a\u672A\u5B8C\u6210\uFF0Cb\u5DF2\u5B8C\u6210\uFF0Ca\u6392\u5728\u524D\u9762\n        }\n        return 0 // \u90FD\u5DF2\u5B8C\u6210\u6216\u90FD\u672A\u5B8C\u6210\uFF0C\u4FDD\u6301\u539F\u987A\u5E8F\n      })\n    } else {\n      return list\n    }\n  }, [actions, copy.list, isLogin])\n\n  return (\n    <Container id={id} className=\"bg-[#F5F5F7]\">\n      <Heading as=\"h2\" size=\"4\" html={copy.title} />\n      <div\n        className={cn(\n          'mt-[24px] p-[32px] md-l:p-[32px] md:p-[16px] relative overflow-hidden',\n          rounded ? 'rounded-[8px]' : '',\n          !rounded && 'l:rounded-none'\n        )}\n        style={{\n          background: 'linear-gradient(180deg, rgba(255, 241, 214, 0) 39.51%, #F4CA81 119.53%)',\n        }}\n      >\n        {/* \u5F84\u5411\u6E10\u53D8\u80CC\u666F\u5C42 - \u4F7F\u7528\u4F2A\u5143\u7D20\u6A21\u62DF */}\n        <div\n          className=\"absolute inset-0 pointer-events-none -z-10\"\n          style={{\n            background: 'radial-gradient(ellipse 130% 205% at 45% -20%, #FFF6EA 0%, #FFFFFF 73%, #FFF1D6 100%)',\n          }}\n        />\n        {/* \u526F\u6807\u9898\u548C\u88C5\u9970\u56FE\u90E8\u5206 */}\n        <div className=\"flex items-center justify-between xl-xxl:h-[448px] l-xl:h-[336px] h-[560px] l:h-auto md:flex-col md:items-start l:h-auto l:mb-[16px] l:flex-col-reverse l:items-start\">\n          <div className=\"flex flex-col gap-[8px] l:mt-[8px]\">\n            <Heading\n              as=\"h3\"\n              size={4}\n              html={copy?.subtitle}\n              className=\"text-[32px] font-bold text-[#080a0f] tracking-[-1.28px] leading-[1.2] xl:text-[24px]\"\n            />\n            <div className=\"flex items-center gap-[8px]\">\n              <p\n                className=\"text-[48px] font-bold leading-none bg-gradient-to-r from-[#2c7ed0] via-[#00a9e1] via-43% to-[#00db84] bg-clip-text text-transparent xl-xxl:text-[40px] l-xl:text-[32px] l:text-[24px]\"\n                dangerouslySetInnerHTML={{ __html: copy.equalCredits }}\n              />\n            </div>\n          </div>\n          {copy.mainImage?.url && (\n            <Picture\n              className=\"h-full object-contain l:mx-auto md:h-auto md:w-full md-l:h-[302px]\"\n              imgClassName=\"!h-full !object-contain\"\n              source={copy.mainImage.url}\n            />\n          )}\n        </div>\n\n        {/* \u5361\u7247\u5217\u8868 */}\n        <div className=\"relative mt-[24px]\">\n          <div\n            className={cn(\n              'grid grid-cols-3 gap-[16px] overflow-hidden md:grid-cols-1 md-l:grid-cols-2 min-md:!h-auto transition-all duration-300 ease-in-out'\n            )}\n            style={{\n              height: showMore || !shouldShowMask ? 'auto' : '512px',\n            }}\n          >\n            {list.map(item => (\n              <div\n                key={item.id}\n                className={cn(\n                  'flex min-h-[241px] xl-xxl:min-h-[192px] l:min-h-[160px] l-xl:min-h-[170px] flex-col justify-between bg-white p-[32px] xl:p-[16px]',\n                  rounded ? 'rounded-[16px]' : ''\n                )}\n              >\n                <div>\n                  <Text\n                    as=\"p\"\n                    html={item.title}\n                    size={2}\n                    className=\"text-pretty text-[24px] font-bold xxl:text-[20px]\"\n                  />\n                  <div className=\"mt-[8px] l:mt-[4px] flex items-center\">\n                    <Picture\n                      className=\"size-[24px] xxl:size-[18px] [&_path]:size-full\"\n                      source=\"https://cdn.shopify.com/s/files/1/0511/6346/3874/files/20250902-153351.png?v=1756798450\"\n                    />\n                    <Text\n                      as=\"p\"\n                      html={item.credits}\n                      size={2}\n                      className=\"ml-[4px] mt-[6px] text-[18px] xxl:text-[14px]\"\n                    />\n                  </div>\n                </div>\n\n                {item.handleClick &&\n                !(item.id === TaskType.UploadReceipt && isUploadReceiptSuccess) &&\n                !(item.id === TaskType.Activate && authCodeActivate.isActivateSuccess) &&\n                !(item.id === TaskType.Subscribe && isSubscribeSuccess) ? (\n                  <Button\n                    as={item.link ? 'a' : 'button'}\n                    {...(item.link && { href: item.link })}\n                    {...(item.handleClick && { onClick: item.handleClick })}\n                    variant=\"primary\"\n                    size=\"lg\"\n                    className=\"mt-[24px] w-fit\"\n                  >\n                    {item.buttonLabel}\n                  </Button>\n                ) : (\n                  <Button variant=\"primary\" size=\"lg\" className=\"mt-[24px] w-fit\" disabled>\n                    {item.buttonLabel}\n                  </Button>\n                )}\n              </div>\n            ))}\n            {!showMore && shouldShowMask && (\n              <div\n                className=\"absolute inset-0 pointer-events-none min-md:hidden\"\n                style={{ background: 'linear-gradient(180deg, rgba(244, 202, 129, 0) 66.37%, #f4ca81 100%)' }}\n              ></div>\n            )}\n          </div>\n          {shouldShowMask && (\n            <>\n              {showMore ? (\n                <button\n                  className=\"mx-auto mt-[12px] block w-fit min-md:hidden\"\n                  onClick={() => {\n                    setShowMore(false)\n                  }}\n                >\n                  <ChevronUpIcon className=\"size-[40px] rounded-full bg-[#FFFFFF33] p-[8px]\"></ChevronUpIcon>\n                </button>\n              ) : (\n                <>\n                  <div className=\"absolute bottom-0 flex w-full translate-y-1/2 justify-center min-md:hidden\">\n                    <button className=\"w-fit\" onClick={() => setShowMore(!showMore)}>\n                      <ChevronDownIcon className=\"size-[40px] rounded-full bg-[#FFFFFF33] p-[8px]\"></ChevronDownIcon>\n                    </button>\n                  </div>\n                </>\n              )}\n            </>\n          )}\n        </div>\n      </div>\n      {copy.receipt && (\n        <CreditsUploadReceiptModal\n          isOpen={isUploadReceiptModalOpen}\n          onClose={() => {\n            setIsUploadReceiptModalOpen(false)\n          }}\n          copy={copy.receipt}\n          onSuccess={() => {\n            setIsUploadReceiptSuccess(true)\n          }}\n        />\n      )}\n      {copy.subscribe && (\n        <CreditsSubscribeModal\n          copy={copy.subscribe}\n          onSuccess={() => {\n            setIsSubscribeSuccess(true)\n            setTimeout(() => {\n              setIsSubscribeModalOpen(false)\n            }, 3000)\n          }}\n          isOpen={isSubscribeModalOpen}\n          onClose={() => {\n            setIsSubscribeModalOpen(false)\n          }}\n        />\n      )}\n    </Container>\n  )\n}\n"],
+  "mappings": "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",
   "names": ["CreditsAnkersolixTask_exports", "__export", "CreditsAnkersolixTask", "__toCommonJS", "import_jsx_runtime", "import_headless_ui", "import_outline", "import_react", "import_type", "import_useActions", "import_provider", "import_lib", "import_registration", "import_CreditsUploadReceiptModal", "import_SubscribeModal", "import_constants", "copy", "classNames", "id", "showMore", "setShowMore", "profile", "authCodeActivate", "brand", "rounded", "isLogin", "isUploadReceiptModalOpen", "setIsUploadReceiptModalOpen", "isSubscribeModalOpen", "setIsSubscribeModalOpen", "isSubscribeSuccess", "setIsSubscribeSuccess", "isUploadReceiptSuccess", "setIsUploadReceiptSuccess", "actions", "shouldShowMask", "timer", "section", "list", "item", "finished", "notLogin", "notFinished", "completed", "buttonLabel", "handleClick", "link", "b", "cn"]
 }

package/dist/cjs/components/credits/creditsBanner/index.d.ts CHANGED Viewed

@@ -22,5 +22,5 @@ export type CreditsBannerCopy = {
 export declare function CreditsBanner({ copy, id }: {
     copy: CreditsBannerCopy;
     id?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export {};

package/dist/cjs/components/credits/creditsBenefits/BenefitItem.d.ts CHANGED Viewed

@@ -18,5 +18,5 @@ declare const BenefitItem: ({ item, handleClick, isNoteActive, index, bigIcon, c
     bigIcon?: boolean;
     cardBgColor?: string;
     cardBorderColor?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default BenefitItem;

package/dist/cjs/components/credits/creditsBenefits/BenefitItem.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var h=Object.create;var a=Object.defineProperty;var D=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var C=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty;var z=(e,o)=>{for(var n in o)a(e,n,{get:o[n],enumerable:!0})},b=(e,o,n,d)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of k(o))!y.call(e,i)&&i!==n&&a(e,i,{get:()=>o[i],enumerable:!(d=D(o,i))||d.enumerable});return e};var I=(e,o,n)=>(n=e!=null?h(C(e)):{},b(o||!e||!e.__esModule?a(n,"default",{value:e,enumerable:!0}):n,e)),w=e=>b(a({},"__esModule",{value:!0}),e);var S={};z(S,{default:()=>A});module.exports=w(S);var t=require("react/jsx-runtime"),s=require("@anker-in/headless-ui"),l=require("@anker-in/lib"),f=I(require("./IconInfo")),u=require("../../../constants");const B=({item:e,handleClick:o,isNoteActive:n,index:d,bigIcon:i,cardBgColor:x,cardBorderColor:c})=>{const{brand:g,locale:v}=(0,l.useHeadlessContext)(),m=u.ROUNDED_BRANDS.includes(g),F=["de","eu-de","fr","eu-fr"].includes(v),N=i?"mb-[16px] size-[64px] xl-xxl:size-[56px] xl:size-[48px] md:absolute md:bottom-[16px] md:right-[16px] md:mb-0":"mb-[16px] size-[31px] md:absolute md:bottom-[16px] md:right-[16px] md:mb-0";console.log("cardBgColor in BenefitItem",x);const r={};return x?r.background=x:r.background="linear-gradient(119.61deg, #FAFAFA 38.58%, #FFFFFF 63.73%, #F9FCFF 89.37%)",c&&(r.borderColor=c),(0,t.jsx)("div",{className:(0,l.classNames)("relative flex-1 flex flex-col rounded-[16px] border border-white px-[24px] pb-[26px] pt-[24px] md:min-h-[180px] md:p-[16px]",!m&&"rounded-none"),style:r,children:(0,t.jsxs)("div",{className:"flex flex-col",children:[(0,t.jsx)(s.Picture,{className:N,alt:e.icon?.alt,source:e.icon?.url}),(0,t.jsxs)("div",{className:"flex items-center",children:[(0,t.jsx)(s.Heading,{html:e.text,size:"2",className:(0,l.classNames)("md-l:line-clamp-3",F&&"break-words")}),e.note&&(0,t.jsxs)("div",{role:"button",tabIndex:0,onKeyDown:p=>{(p.key==="Enter"||p.key===" ")&&p.preventDefault()},className:"relative mb-1 ml-[4px]",onClick:()=>o({item:e,index:d}),children:[(0,t.jsx)(f.default,{}),(0,t.jsx)("div",{className:(0,l.classNames)("absolute -bottom-[12px] left-[32px] z-10 w-[356px] -translate-x-full translate-y-full md:w-[276px]",n?"block":"hidden"),children:(0,t.jsxs)("div",{className:(0,l.classNames)("relative rounded-[10px] bg-[#6D6D6F] p-[16px] text-[14px] font-medium text-white shadow",!m&&"rounded-none"),children:[(0,t.jsx)(s.Text,{as:"p",size:"2",html:e.note,className:"desktop:text-[18px]"}),(0,t.jsx)("div",{className:(0,l.classNames)("absolute -top-[10px] right-[9px] mb-2 size-[16px] origin-top-left rotate-45 transform rounded-[2px] bg-[#6D6D6F]",!m&&"rounded-none")})]})})]})]}),e.tag&&(0,t.jsx)(s.Text,{as:"div",html:e.tag,className:"mt-[2px] text-[16px] font-bold text-[#6D6D6F]"})]})})};var A=B;
+"use strict";var h=Object.create;var a=Object.defineProperty;var D=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var C=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty;var z=(e,o)=>{for(var n in o)a(e,n,{get:o[n],enumerable:!0})},b=(e,o,n,d)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of k(o))!y.call(e,i)&&i!==n&&a(e,i,{get:()=>o[i],enumerable:!(d=D(o,i))||d.enumerable});return e};var I=(e,o,n)=>(n=e!=null?h(C(e)):{},b(o||!e||!e.__esModule?a(n,"default",{value:e,enumerable:!0}):n,e)),w=e=>b(a({},"__esModule",{value:!0}),e);var S={};z(S,{default:()=>A});module.exports=w(S);var t=require("react/jsx-runtime"),s=require("@anker-in/headless-ui"),l=require("../../../lib"),f=I(require("./IconInfo")),u=require("../../../constants");const B=({item:e,handleClick:o,isNoteActive:n,index:d,bigIcon:i,cardBgColor:x,cardBorderColor:c})=>{const{brand:g,locale:v}=(0,l.useHeadlessContext)(),m=u.ROUNDED_BRANDS.includes(g),F=["de","eu-de","fr","eu-fr"].includes(v),N=i?"mb-[16px] size-[64px] xl-xxl:size-[56px] xl:size-[48px] md:absolute md:bottom-[16px] md:right-[16px] md:mb-0":"mb-[16px] size-[31px] md:absolute md:bottom-[16px] md:right-[16px] md:mb-0";console.log("cardBgColor in BenefitItem",x);const r={};return x?r.background=x:r.background="linear-gradient(119.61deg, #FAFAFA 38.58%, #FFFFFF 63.73%, #F9FCFF 89.37%)",c&&(r.borderColor=c),(0,t.jsx)("div",{className:(0,l.classNames)("relative flex-1 flex flex-col rounded-[16px] border border-white px-[24px] pb-[26px] pt-[24px] md:min-h-[180px] md:p-[16px]",!m&&"rounded-none"),style:r,children:(0,t.jsxs)("div",{className:"flex flex-col",children:[(0,t.jsx)(s.Picture,{className:N,alt:e.icon?.alt,source:e.icon?.url}),(0,t.jsxs)("div",{className:"flex items-center",children:[(0,t.jsx)(s.Heading,{html:e.text,size:"2",className:(0,l.classNames)("md-l:line-clamp-3",F&&"break-words")}),e.note&&(0,t.jsxs)("div",{role:"button",tabIndex:0,onKeyDown:p=>{(p.key==="Enter"||p.key===" ")&&p.preventDefault()},className:"relative mb-1 ml-[4px]",onClick:()=>o({item:e,index:d}),children:[(0,t.jsx)(f.default,{}),(0,t.jsx)("div",{className:(0,l.classNames)("absolute -bottom-[12px] left-[32px] z-10 w-[356px] -translate-x-full translate-y-full md:w-[276px]",n?"block":"hidden"),children:(0,t.jsxs)("div",{className:(0,l.classNames)("relative rounded-[10px] bg-[#6D6D6F] p-[16px] text-[14px] font-medium text-white shadow",!m&&"rounded-none"),children:[(0,t.jsx)(s.Text,{as:"p",size:"2",html:e.note,className:"desktop:text-[18px]"}),(0,t.jsx)("div",{className:(0,l.classNames)("absolute -top-[10px] right-[9px] mb-2 size-[16px] origin-top-left rotate-45 transform rounded-[2px] bg-[#6D6D6F]",!m&&"rounded-none")})]})})]})]}),e.tag&&(0,t.jsx)(s.Text,{as:"div",html:e.tag,className:"mt-[2px] text-[16px] font-bold text-[#6D6D6F]"})]})})};var A=B;
 //# sourceMappingURL=BenefitItem.js.map

package/dist/cjs/components/credits/creditsBenefits/BenefitItem.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/credits/creditsBenefits/BenefitItem.tsx"],
-  "sourcesContent": ["import { Heading, Picture, Text } from '@anker-in/headless-ui'\nimport { classNames as cn, useHeadlessContext } from '@anker-in/lib'\nimport IconInfo from './IconInfo'\nimport { ROUNDED_BRANDS } from '../../../constants'\n\nexport interface BenefitItemCopy {\n  icon: {\n    alt: string\n    url: string\n  }\n  text: string\n  note?: string\n  tag?: string\n}\nconst BenefitItem = ({\n  item,\n  handleClick,\n  isNoteActive,\n  index,\n  bigIcon,\n  cardBgColor,\n  cardBorderColor,\n}: {\n  item: BenefitItemCopy\n  handleClick: ({ item, index }: { item: BenefitItemCopy; index: number }) => void\n  isNoteActive: boolean\n  index: number\n  bigIcon?: boolean\n  cardBgColor?: string\n  cardBorderColor?: string\n}) => {\n  const { brand, locale } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  // \u5FB7\u8BED\u548C\u6CD5\u8BED\u9700\u8981\u6298\u884C\n  const shouldBreakWords = ['de', 'eu-de', 'fr', 'eu-fr'].includes(locale)\n\n  // \u6839\u636E bigIcon \u8BBE\u7F6E\u4E0D\u540C\u5C4F\u5E55\u4E0B\u7684\u56FE\u6807\u5927\u5C0F\n  // \u5C3A\u5BF8\uFF1A\u22651921px=64px, 1441-1920px=56px, 1025-1440px=20px, \u22641024px=48px\n  const iconSizeClass = bigIcon\n    ? 'mb-[16px] size-[64px] xl-xxl:size-[56px] xl:size-[48px] md:absolute md:bottom-[16px] md:right-[16px] md:mb-0'\n    : 'mb-[16px] size-[31px] md:absolute md:bottom-[16px] md:right-[16px] md:mb-0'\n\n  console.log('cardBgColor in BenefitItem', cardBgColor)\n  // \u80CC\u666F\u8272\u548C\u8FB9\u6846\u8272\u5904\u7406\n  const cardStyle: React.CSSProperties = {}\n  if (cardBgColor) {\n    cardStyle.background = cardBgColor\n  } else {\n    cardStyle.background = 'linear-gradient(119.61deg, #FAFAFA 38.58%, #FFFFFF 63.73%, #F9FCFF 89.37%)'\n  }\n  if (cardBorderColor) {\n    cardStyle.borderColor = cardBorderColor\n  }\n\n  return (\n    <div\n      className={cn(\n        'relative flex-1 flex flex-col rounded-[16px] border border-white px-[24px] pb-[26px] pt-[24px] md:min-h-[180px] md:p-[16px]',\n        !rounded && 'rounded-none'\n      )}\n      style={cardStyle}\n    >\n      <div className=\"flex flex-col\">\n        <Picture className={iconSizeClass} alt={item.icon?.alt} source={item.icon?.url} />\n        <div className=\"flex items-center\">\n          <Heading\n            html={item.text}\n            size=\"2\"\n            className={cn('md-l:line-clamp-3', shouldBreakWords && 'break-words')}\n          />\n          {item.note && (\n            <div\n              role=\"button\"\n              tabIndex={0}\n              onKeyDown={e => {\n                if (e.key === 'Enter' || e.key === ' ') {\n                  e.preventDefault()\n                }\n              }}\n              className=\"relative mb-1 ml-[4px]\"\n              onClick={() => handleClick({ item, index })}\n            >\n              <IconInfo />\n              <div\n                className={cn(\n                  'absolute -bottom-[12px] left-[32px] z-10 w-[356px] -translate-x-full translate-y-full md:w-[276px]',\n                  isNoteActive ? 'block' : 'hidden'\n                )}\n              >\n                <div\n                  className={cn(\n                    'relative rounded-[10px] bg-[#6D6D6F] p-[16px] text-[14px] font-medium text-white shadow',\n                    !rounded && 'rounded-none'\n                  )}\n                >\n                  <Text as=\"p\" size=\"2\" html={item.note} className=\"desktop:text-[18px]\" />\n                  <div\n                    className={cn(\n                      'absolute -top-[10px] right-[9px] mb-2 size-[16px] origin-top-left rotate-45 transform rounded-[2px] bg-[#6D6D6F]',\n                      !rounded && 'rounded-none'\n                    )}\n                  />\n                </div>\n              </div>\n            </div>\n          )}\n        </div>\n        {item.tag && <Text as=\"div\" html={item.tag} className=\"mt-[2px] text-[16px] font-bold text-[#6D6D6F]\" />}\n      </div>\n    </div>\n  )\n}\n\nexport default BenefitItem\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAgEQ,IAAAI,EAAA,6BAhERC,EAAuC,iCACvCC,EAAqD,yBACrDC,EAAqB,yBACrBC,EAA+B,8BAW/B,MAAMC,EAAc,CAAC,CACnB,KAAAC,EACA,YAAAC,EACA,aAAAC,EACA,MAAAC,EACA,QAAAC,EACA,YAAAC,EACA,gBAAAC,CACF,IAQM,CACJ,KAAM,CAAE,MAAAC,EAAO,OAAAC,CAAO,KAAI,sBAAmB,EACvCC,EAAU,iBAAe,SAASF,CAAK,EAGvCG,EAAmB,CAAC,KAAM,QAAS,KAAM,OAAO,EAAE,SAASF,CAAM,EAIjEG,EAAgBP,EAClB,+GACA,6EAEJ,QAAQ,IAAI,6BAA8BC,CAAW,EAErD,MAAMO,EAAiC,CAAC,EACxC,OAAIP,EACFO,EAAU,WAAaP,EAEvBO,EAAU,WAAa,6EAErBN,IACFM,EAAU,YAAcN,MAIxB,OAAC,OACC,aAAW,EAAAO,YACT,8HACA,CAACJ,GAAW,cACd,EACA,MAAOG,EAEP,oBAAC,OAAI,UAAU,gBACb,oBAAC,WAAQ,UAAWD,EAAe,IAAKX,EAAK,MAAM,IAAK,OAAQA,EAAK,MAAM,IAAK,KAChF,QAAC,OAAI,UAAU,oBACb,oBAAC,WACC,KAAMA,EAAK,KACX,KAAK,IACL,aAAW,EAAAa,YAAG,oBAAqBH,GAAoB,aAAa,EACtE,EACCV,EAAK,SACJ,QAAC,OACC,KAAK,SACL,SAAU,EACV,UAAWc,GAAK,EACVA,EAAE,MAAQ,SAAWA,EAAE,MAAQ,MACjCA,EAAE,eAAe,CAErB,EACA,UAAU,yBACV,QAAS,IAAMb,EAAY,CAAE,KAAAD,EAAM,MAAAG,CAAM,CAAC,EAE1C,oBAAC,EAAAY,QAAA,EAAS,KACV,OAAC,OACC,aAAW,EAAAF,YACT,qGACAX,EAAe,QAAU,QAC3B,EAEA,oBAAC,OACC,aAAW,EAAAW,YACT,0FACA,CAACJ,GAAW,cACd,EAEA,oBAAC,QAAK,GAAG,IAAI,KAAK,IAAI,KAAMT,EAAK,KAAM,UAAU,sBAAsB,KACvE,OAAC,OACC,aAAW,EAAAa,YACT,mHACA,CAACJ,GAAW,cACd,EACF,GACF,EACF,GACF,GAEJ,EACCT,EAAK,QAAO,OAAC,QAAK,GAAG,MAAM,KAAMA,EAAK,IAAK,UAAU,gDAAgD,GACxG,EACF,CAEJ,EAEA,IAAOR,EAAQO",
+  "sourcesContent": ["import { Heading, Picture, Text } from '@anker-in/headless-ui'\nimport { classNames as cn, useHeadlessContext } from '../../../lib'\nimport IconInfo from './IconInfo'\nimport { ROUNDED_BRANDS } from '../../../constants'\n\nexport interface BenefitItemCopy {\n  icon: {\n    alt: string\n    url: string\n  }\n  text: string\n  note?: string\n  tag?: string\n}\nconst BenefitItem = ({\n  item,\n  handleClick,\n  isNoteActive,\n  index,\n  bigIcon,\n  cardBgColor,\n  cardBorderColor,\n}: {\n  item: BenefitItemCopy\n  handleClick: ({ item, index }: { item: BenefitItemCopy; index: number }) => void\n  isNoteActive: boolean\n  index: number\n  bigIcon?: boolean\n  cardBgColor?: string\n  cardBorderColor?: string\n}) => {\n  const { brand, locale } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  // \u5FB7\u8BED\u548C\u6CD5\u8BED\u9700\u8981\u6298\u884C\n  const shouldBreakWords = ['de', 'eu-de', 'fr', 'eu-fr'].includes(locale)\n\n  // \u6839\u636E bigIcon \u8BBE\u7F6E\u4E0D\u540C\u5C4F\u5E55\u4E0B\u7684\u56FE\u6807\u5927\u5C0F\n  // \u5C3A\u5BF8\uFF1A\u22651921px=64px, 1441-1920px=56px, 1025-1440px=20px, \u22641024px=48px\n  const iconSizeClass = bigIcon\n    ? 'mb-[16px] size-[64px] xl-xxl:size-[56px] xl:size-[48px] md:absolute md:bottom-[16px] md:right-[16px] md:mb-0'\n    : 'mb-[16px] size-[31px] md:absolute md:bottom-[16px] md:right-[16px] md:mb-0'\n\n  console.log('cardBgColor in BenefitItem', cardBgColor)\n  // \u80CC\u666F\u8272\u548C\u8FB9\u6846\u8272\u5904\u7406\n  const cardStyle: React.CSSProperties = {}\n  if (cardBgColor) {\n    cardStyle.background = cardBgColor\n  } else {\n    cardStyle.background = 'linear-gradient(119.61deg, #FAFAFA 38.58%, #FFFFFF 63.73%, #F9FCFF 89.37%)'\n  }\n  if (cardBorderColor) {\n    cardStyle.borderColor = cardBorderColor\n  }\n\n  return (\n    <div\n      className={cn(\n        'relative flex-1 flex flex-col rounded-[16px] border border-white px-[24px] pb-[26px] pt-[24px] md:min-h-[180px] md:p-[16px]',\n        !rounded && 'rounded-none'\n      )}\n      style={cardStyle}\n    >\n      <div className=\"flex flex-col\">\n        <Picture className={iconSizeClass} alt={item.icon?.alt} source={item.icon?.url} />\n        <div className=\"flex items-center\">\n          <Heading\n            html={item.text}\n            size=\"2\"\n            className={cn('md-l:line-clamp-3', shouldBreakWords && 'break-words')}\n          />\n          {item.note && (\n            <div\n              role=\"button\"\n              tabIndex={0}\n              onKeyDown={e => {\n                if (e.key === 'Enter' || e.key === ' ') {\n                  e.preventDefault()\n                }\n              }}\n              className=\"relative mb-1 ml-[4px]\"\n              onClick={() => handleClick({ item, index })}\n            >\n              <IconInfo />\n              <div\n                className={cn(\n                  'absolute -bottom-[12px] left-[32px] z-10 w-[356px] -translate-x-full translate-y-full md:w-[276px]',\n                  isNoteActive ? 'block' : 'hidden'\n                )}\n              >\n                <div\n                  className={cn(\n                    'relative rounded-[10px] bg-[#6D6D6F] p-[16px] text-[14px] font-medium text-white shadow',\n                    !rounded && 'rounded-none'\n                  )}\n                >\n                  <Text as=\"p\" size=\"2\" html={item.note} className=\"desktop:text-[18px]\" />\n                  <div\n                    className={cn(\n                      'absolute -top-[10px] right-[9px] mb-2 size-[16px] origin-top-left rotate-45 transform rounded-[2px] bg-[#6D6D6F]',\n                      !rounded && 'rounded-none'\n                    )}\n                  />\n                </div>\n              </div>\n            </div>\n          )}\n        </div>\n        {item.tag && <Text as=\"div\" html={item.tag} className=\"mt-[2px] text-[16px] font-bold text-[#6D6D6F]\" />}\n      </div>\n    </div>\n  )\n}\n\nexport default BenefitItem\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAgEQ,IAAAI,EAAA,6BAhERC,EAAuC,iCACvCC,EAAqD,wBACrDC,EAAqB,yBACrBC,EAA+B,8BAW/B,MAAMC,EAAc,CAAC,CACnB,KAAAC,EACA,YAAAC,EACA,aAAAC,EACA,MAAAC,EACA,QAAAC,EACA,YAAAC,EACA,gBAAAC,CACF,IAQM,CACJ,KAAM,CAAE,MAAAC,EAAO,OAAAC,CAAO,KAAI,sBAAmB,EACvCC,EAAU,iBAAe,SAASF,CAAK,EAGvCG,EAAmB,CAAC,KAAM,QAAS,KAAM,OAAO,EAAE,SAASF,CAAM,EAIjEG,EAAgBP,EAClB,+GACA,6EAEJ,QAAQ,IAAI,6BAA8BC,CAAW,EAErD,MAAMO,EAAiC,CAAC,EACxC,OAAIP,EACFO,EAAU,WAAaP,EAEvBO,EAAU,WAAa,6EAErBN,IACFM,EAAU,YAAcN,MAIxB,OAAC,OACC,aAAW,EAAAO,YACT,8HACA,CAACJ,GAAW,cACd,EACA,MAAOG,EAEP,oBAAC,OAAI,UAAU,gBACb,oBAAC,WAAQ,UAAWD,EAAe,IAAKX,EAAK,MAAM,IAAK,OAAQA,EAAK,MAAM,IAAK,KAChF,QAAC,OAAI,UAAU,oBACb,oBAAC,WACC,KAAMA,EAAK,KACX,KAAK,IACL,aAAW,EAAAa,YAAG,oBAAqBH,GAAoB,aAAa,EACtE,EACCV,EAAK,SACJ,QAAC,OACC,KAAK,SACL,SAAU,EACV,UAAWc,GAAK,EACVA,EAAE,MAAQ,SAAWA,EAAE,MAAQ,MACjCA,EAAE,eAAe,CAErB,EACA,UAAU,yBACV,QAAS,IAAMb,EAAY,CAAE,KAAAD,EAAM,MAAAG,CAAM,CAAC,EAE1C,oBAAC,EAAAY,QAAA,EAAS,KACV,OAAC,OACC,aAAW,EAAAF,YACT,qGACAX,EAAe,QAAU,QAC3B,EAEA,oBAAC,OACC,aAAW,EAAAW,YACT,0FACA,CAACJ,GAAW,cACd,EAEA,oBAAC,QAAK,GAAG,IAAI,KAAK,IAAI,KAAMT,EAAK,KAAM,UAAU,sBAAsB,KACvE,OAAC,OACC,aAAW,EAAAa,YACT,mHACA,CAACJ,GAAW,cACd,EACF,GACF,EACF,GACF,GAEJ,EACCT,EAAK,QAAO,OAAC,QAAK,GAAG,MAAM,KAAMA,EAAK,IAAK,UAAU,gDAAgD,GACxG,EACF,CAEJ,EAEA,IAAOR,EAAQO",
   "names": ["BenefitItem_exports", "__export", "BenefitItem_default", "__toCommonJS", "import_jsx_runtime", "import_headless_ui", "import_lib", "import_IconInfo", "import_constants", "BenefitItem", "item", "handleClick", "isNoteActive", "index", "bigIcon", "cardBgColor", "cardBorderColor", "brand", "locale", "rounded", "shouldBreakWords", "iconSizeClass", "cardStyle", "cn", "e", "IconInfo"]
 }

package/dist/cjs/components/credits/creditsBenefits/IconInfo.d.ts CHANGED Viewed

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

package/dist/cjs/components/credits/creditsBenefits/index.d.ts CHANGED Viewed

@@ -12,4 +12,4 @@ export type CreditsBenefitsCopy = {
 export declare const CreditsBenefits: ({ copy, id }: {
     copy: CreditsBenefitsCopy;
     id?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

package/dist/cjs/components/credits/creditsBenefits/index.js CHANGED Viewed

@@ -1,3 +1,3 @@
-"use strict";var B=Object.create;var l=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var I=Object.getPrototypeOf,k=Object.prototype.hasOwnProperty;var N=(e,i)=>{for(var t in i)l(e,t,{get:i[t],enumerable:!0})},u=(e,i,t,n)=>{if(i&&typeof i=="object"||typeof i=="function")for(let a of x(i))!k.call(e,a)&&a!==t&&l(e,a,{get:()=>i[a],enumerable:!(n=w(i,a))||n.enumerable});return e};var h=(e,i,t)=>(t=e!=null?B(I(e)):{},u(i||!e||!e.__esModule?l(t,"default",{value:e,enumerable:!0}):t,e)),_=e=>u(l({},"__esModule",{value:!0}),e);var z={};N(z,{CreditsBenefits:()=>S});module.exports=_(z);var o=require("react/jsx-runtime"),y=require("swiper/css"),D=require("swiper/css/grid"),G=require("swiper/css/pagination"),d=require("@anker-in/headless-ui"),C=require("react"),m=require("swiper/modules"),c=require("swiper/react"),g=h(require("./BenefitItem")),b=require("../context/provider"),p=require("@anker-in/lib");const S=({copy:e,id:i})=>{const[t,n]=(0,C.useState)(null),{profile:a,gtm:v}=(0,b.useCreditsContext)(),f=({item:s,index:r})=>{(0,p.gaTrack)({event:"ga4Event",event_name:"lp_button",member_active_status:a?.activated?"active":"not active",event_parameters:{page_group:v.pageGroup,position:e.title,button_name:s.text,info:""}}),t===r?n(null):(n(r),setTimeout(()=>{n(null)},5e3))};return(0,o.jsxs)(d.Container,{id:i,className:"!z-[30] bg-[#F5F5F7]",children:[(0,o.jsx)(d.Heading,{as:"h2",size:"4",html:e?.title}),(0,o.jsx)("div",{className:"mt-[24px] grid grid-cols-4 gap-[16px] l:hidden items-stretch",children:e.benefits.map((s,r)=>(0,o.jsx)(g.default,{item:s,handleClick:f,isNoteActive:t===r,index:r,bigIcon:e.bigIcon,cardBgColor:e.cardBgColor,cardBorderColor:e.cardBorderColor},r))}),(0,o.jsxs)("div",{className:"mt-[24px] hidden l:block",children:[(0,o.jsx)(c.Swiper,{spaceBetween:16,slidesPerView:2,slidesPerGroup:2,grid:{rows:2,fill:"row"},breakpoints:{768:{slidesPerView:3,slidesPerGroup:3}},wrapperClass:"!items-stretch",modules:[m.Grid,m.Pagination],pagination:{clickable:!0,el:"#benefits-pagination",renderBullet(s,r){return`<div class='${r} !flex justify-center size-[8px] rounded-full bg-[#D9D9D9] cursor-pointer items-center'>
+"use strict";var B=Object.create;var l=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var I=Object.getPrototypeOf,k=Object.prototype.hasOwnProperty;var N=(e,i)=>{for(var t in i)l(e,t,{get:i[t],enumerable:!0})},u=(e,i,t,n)=>{if(i&&typeof i=="object"||typeof i=="function")for(let a of x(i))!k.call(e,a)&&a!==t&&l(e,a,{get:()=>i[a],enumerable:!(n=w(i,a))||n.enumerable});return e};var h=(e,i,t)=>(t=e!=null?B(I(e)):{},u(i||!e||!e.__esModule?l(t,"default",{value:e,enumerable:!0}):t,e)),_=e=>u(l({},"__esModule",{value:!0}),e);var z={};N(z,{CreditsBenefits:()=>S});module.exports=_(z);var o=require("react/jsx-runtime"),y=require("swiper/css"),D=require("swiper/css/grid"),G=require("swiper/css/pagination"),d=require("@anker-in/headless-ui"),C=require("react"),m=require("swiper/modules"),c=require("swiper/react"),g=h(require("./BenefitItem")),b=require("../context/provider"),p=require("../../../lib");const S=({copy:e,id:i})=>{const[t,n]=(0,C.useState)(null),{profile:a,gtm:v}=(0,b.useCreditsContext)(),f=({item:s,index:r})=>{(0,p.gaTrack)({event:"ga4Event",event_name:"lp_button",member_active_status:a?.activated?"active":"not active",event_parameters:{page_group:v.pageGroup,position:e.title,button_name:s.text,info:""}}),t===r?n(null):(n(r),setTimeout(()=>{n(null)},5e3))};return(0,o.jsxs)(d.Container,{id:i,className:"!z-[30] bg-[#F5F5F7]",children:[(0,o.jsx)(d.Heading,{as:"h2",size:"4",html:e?.title}),(0,o.jsx)("div",{className:"mt-[24px] grid grid-cols-4 gap-[16px] l:hidden items-stretch",children:e.benefits.map((s,r)=>(0,o.jsx)(g.default,{item:s,handleClick:f,isNoteActive:t===r,index:r,bigIcon:e.bigIcon,cardBgColor:e.cardBgColor,cardBorderColor:e.cardBorderColor},r))}),(0,o.jsxs)("div",{className:"mt-[24px] hidden l:block",children:[(0,o.jsx)(c.Swiper,{spaceBetween:16,slidesPerView:2,slidesPerGroup:2,grid:{rows:2,fill:"row"},breakpoints:{768:{slidesPerView:3,slidesPerGroup:3}},wrapperClass:"!items-stretch",modules:[m.Grid,m.Pagination],pagination:{clickable:!0,el:"#benefits-pagination",renderBullet(s,r){return`<div class='${r} !flex justify-center size-[8px] rounded-full bg-[#D9D9D9] cursor-pointer items-center'>
               </div>`}},children:e.benefits.map((s,r)=>(0,o.jsx)(c.SwiperSlide,{className:(0,p.classNames)("!h-auto !flex",t===r&&"!z-[100]"),children:(0,o.jsx)(g.default,{item:s,handleClick:f,isNoteActive:t===r,index:r,bigIcon:e.bigIcon,cardBgColor:e.cardBgColor,cardBorderColor:e.cardBorderColor})},r))}),(0,o.jsx)("div",{id:"benefits-pagination",className:"mx-auto mt-[12px] grid !w-fit grid-flow-col [&_.swiper-pagination-bullet-active]:!bg-[#151515]"})]}),t&&(0,o.jsx)("div",{role:"button",tabIndex:0,className:"fixed inset-0 z-10",onClick:()=>n(null),onKeyDown:s=>s.key==="Escape"&&n(null)})]})};
 //# sourceMappingURL=index.js.map