@jolibox/implement 1.2.8 → 1.2.9-beta.9

package/src/common/rewards/type.ts

@@ -8,7 +8,7 @@ export interface IGem {
   enableAutoDeduct: boolean;
 }
 
-export type IUnlockOptionType = 'JOLI_COIN' | 'ADS' | 'JOLI_GEM';
+export type IUnlockOptionType = 'JOLI_COIN' | 'ADS' | 'JOLI_GEM' | 'SUBSCRIPTION';
 
 interface IJoliCoinChoice {
   joliCoinQuantity: number;

package/src/common/utils/index.ts

@@ -78,7 +78,7 @@ const ON_JOLIBOX_JOLI_COIN_USE_RESULT = 'ON_JOLIBOX_JOLI_COIN_USE_RESULT';
 const ON_JOLIBOX_JOLI_UNLOGIN_MODAL_RESULT_EVENT = 'ON_JOLIBOX_JOLI_UNLOGIN_MODAL_RESULT_EVENT';
 
 // subscription
-const ON_GET_USER_SUB_STATUS = 'ON_GET_USER_SUB_STATUS';
+const ON_GET_USER_SUB_STATUS = 'ON_JOLIBOX_GET_USER_SUB_STATUS';
 const ON_JOLIBOX_SUB_RESULT_EVENT = 'ON_JOLIBOX_SUB_RESULT_EVENT';
 
 interface ReceivedJoliboxCustomEvent {

package/src/h5/api/ads.ts

@@ -150,21 +150,24 @@ rewardsHelper.registerRewardHandler('ADS', createAdsRewardHandler(adsHandler.get
 rewardsHelper.registerRewardHandler(
   'JOLI_COIN',
   createJolicoinRewardHandler(httpClient, {
-    onUnlockSuccess: handleUnlockSuccess.bind(this)
+    onUnlockSuccess: handleUnlockSuccess.bind(this),
+    hasSubscription: () => true
   }) as unknown as (params?: unknown) => Promise<boolean>
 );
 
 rewardsHelper.registerRewardHandler(
   'JOLI_COIN_ONLY',
   createJolicoinOnlyRewardHandler(httpClient, {
-    onUnlockSuccess: handleUnlockSuccess.bind(this)
+    onUnlockSuccess: handleUnlockSuccess.bind(this),
+    hasSubscription: () => true
   }) as unknown as (params?: unknown) => Promise<boolean>
 );
 
 rewardsHelper.registerRewardHandler(
   'SUBSCRIPTION',
   createSubscriptionRewardHandler(httpClient, {
-    onSubSuccess: handleUnlockWithSubscriptionSuccess.bind(this)
+    onSubSuccess: handleUnlockWithSubscriptionSuccess.bind(this),
+    hasSubscription: () => true
   }) as unknown as (params?: unknown) => Promise<boolean>
 );
 

package/src/h5/bootstrap/auth/__tests__/auth.test.ts

@@ -49,7 +49,7 @@ describe('getUserSubStatus', () => {
   it('should resolve with correct value when event is received', async () => {
     let eventHandler: ((data: EventData) => void) | null = null;
     mockOnCustomEvent.mockImplementation((eventName: string, handler: (data: EventData) => void) => {
-      if (eventName === 'ON_GET_USER_SUB_STATUS') {
+      if (eventName === 'ON_JOLIBOX_GET_USER_SUB_STATUS') {
         eventHandler = handler;
       }
       return jest.fn();
@@ -79,7 +79,7 @@ describe('getUserSubStatus', () => {
   it('should resolve with false when isSubUser is false', async () => {
     let eventHandler: ((data: EventData) => void) | null = null;
     mockOnCustomEvent.mockImplementation((eventName: string, handler: (data: EventData) => void) => {
-      if (eventName === 'ON_GET_USER_SUB_STATUS') {
+      if (eventName === 'ON_JOLIBOX_GET_USER_SUB_STATUS') {
         eventHandler = handler;
       }
       return jest.fn();
@@ -102,6 +102,8 @@ describe('getUserSubStatus', () => {
   });
 
   it('should reject on timeout', async () => {
+    jest.useFakeTimers();
+
     mockOnCustomEvent.mockImplementation(() => jest.fn());
     mockUuidv4.mockReturnValue('timeout-test-id');
 
@@ -111,12 +113,14 @@ describe('getUserSubStatus', () => {
     jest.advanceTimersByTime(3000);
 
     await expect(promise).rejects.toThrow('Timeout waiting for user sub status response');
+
+    jest.useRealTimers();
   });
 
   it('should initialize event listener only once', async () => {
     let eventHandler: ((data: EventData) => void) | null = null;
     mockOnCustomEvent.mockImplementation((eventName: string, handler: (data: EventData) => void) => {
-      if (eventName === 'ON_GET_USER_SUB_STATUS') {
+      if (eventName === 'ON_JOLIBOX_GET_USER_SUB_STATUS') {
         eventHandler = handler;
       }
       return jest.fn();
@@ -133,7 +137,7 @@ describe('getUserSubStatus', () => {
 
     // Should only initialize listener once
     expect(mockOnCustomEvent).toHaveBeenCalledTimes(1);
-    expect(mockOnCustomEvent).toHaveBeenCalledWith('ON_GET_USER_SUB_STATUS', expect.any(Function));
+    expect(mockOnCustomEvent).toHaveBeenCalledWith('ON_JOLIBOX_GET_USER_SUB_STATUS', expect.any(Function));
 
     // Should send notification for both calls
     expect(mockNotifyCustomEvent).toHaveBeenCalledTimes(2);
@@ -152,7 +156,7 @@ describe('getUserSubStatus', () => {
   it('should ignore responses with different sequenceId', async () => {
     let eventHandler: ((data: EventData) => void) | null = null;
     mockOnCustomEvent.mockImplementation((eventName: string, handler: (data: EventData) => void) => {
-      if (eventName === 'ON_GET_USER_SUB_STATUS') {
+      if (eventName === 'ON_JOLIBOX_GET_USER_SUB_STATUS') {
         eventHandler = handler;
       }
       return jest.fn();
@@ -201,7 +205,7 @@ describe('getUserSubStatus', () => {
   it('should handle multiple concurrent requests with different sequenceIds', async () => {
     let eventHandler: ((data: EventData) => void) | null = null;
     mockOnCustomEvent.mockImplementation((eventName: string, handler: (data: EventData) => void) => {
-      if (eventName === 'ON_GET_USER_SUB_STATUS') {
+      if (eventName === 'ON_JOLIBOX_GET_USER_SUB_STATUS') {
         eventHandler = handler;
       }
       return jest.fn();
@@ -248,7 +252,7 @@ describe('getUserSubStatus', () => {
   it('should clean up timeout when response is received', async () => {
     let eventHandler: ((data: EventData) => void) | null = null;
     mockOnCustomEvent.mockImplementation((eventName: string, handler: (data: EventData) => void) => {
-      if (eventName === 'ON_GET_USER_SUB_STATUS') {
+      if (eventName === 'ON_JOLIBOX_GET_USER_SUB_STATUS') {
         eventHandler = handler;
       }
       return jest.fn();
@@ -278,9 +282,11 @@ describe('getUserSubStatus', () => {
   });
 
   it('should not resolve after timeout even if response comes later', async () => {
+    jest.useFakeTimers();
+
     let eventHandler: ((data: EventData) => void) | null = null;
     mockOnCustomEvent.mockImplementation((eventName: string, handler: (data: EventData) => void) => {
-      if (eventName === 'ON_GET_USER_SUB_STATUS') {
+      if (eventName === 'ON_JOLIBOX_GET_USER_SUB_STATUS') {
         eventHandler = handler;
       }
       return jest.fn();
@@ -303,6 +309,6 @@ describe('getUserSubStatus', () => {
       });
     }
 
-    // Promise should already be rejected, no additional effects
+    jest.useRealTimers();
   });
 });

package/src/h5/bootstrap/auth/sub.ts

@@ -14,7 +14,7 @@ let isListenerInitialized = false;
 const initializeEventListener = () => {
   if (isListenerInitialized) return;
 
-  onCustomEvent('ON_GET_USER_SUB_STATUS', (data) => {
+  onCustomEvent('ON_JOLIBOX_GET_USER_SUB_STATUS', (data) => {
     const pendingRequest = pendingRequests.get(data.sequenceId);
     if (pendingRequest) {
       clearTimeout(pendingRequest.timeoutId);

package/src/native/api/ads.ts

@@ -1,5 +1,5 @@
 import { createCommands } from '@jolibox/common';
-import { createSyncAPI, registerCanIUse } from './base';
+import { canIUseNative, createSyncAPI, registerCanIUse } from './base';
 import { createToast } from '@jolibox/ui';
 import '../rewards';
 
@@ -27,7 +27,8 @@ import {
   createGemRewardHandler,
   createGemOnlyRewardHandler,
   warmupGemBalanceCache,
-  warmupBalanceCache
+  warmupBalanceCache,
+  createSubscriptionRewardHandler
 } from '@/common/rewards';
 import { adEventEmitter } from '@/common/ads';
 import { warmupRewardCache } from '@/common/rewards/fetch-reward';
@@ -107,7 +108,8 @@ rewardsHelper.registerRewardHandler(
     },
     onUnlockFailed: () => {
       console.log('onUnlockFailed');
-    }
+    },
+    hasSubscription: () => canIUseNative('invokeSubscriptionPanelSync')
   }) as unknown as (params?: unknown) => Promise<boolean>
 );
 
@@ -123,7 +125,8 @@ rewardsHelper.registerRewardHandler(
     },
     onUnlockFailed: () => {
       console.log('onUnlockFailed');
-    }
+    },
+    hasSubscription: () => canIUseNative('invokeSubscriptionPanelSync')
   }) as unknown as (params?: unknown) => Promise<boolean>
 );
 
@@ -136,7 +139,8 @@ rewardsHelper.registerRewardHandler(
       track('gem_unlock_success', {
         quantity: params.quantity
       });
-    }
+    },
+    hasSubscription: () => canIUseNative('invokeSubscriptionPanelSync')
   }) as unknown as (params?: unknown) => Promise<boolean>
 );
 
@@ -149,7 +153,20 @@ rewardsHelper.registerRewardHandler(
         quantity: params.quantity,
         isOnly: true
       });
-    }
+    },
+    hasSubscription: () => canIUseNative('invokeSubscriptionPanelSync')
+  }) as unknown as (params?: unknown) => Promise<boolean>
+);
+
+const handleUnlockWithSubscriptionSuccess = () => {
+  track('subscription_unlock_success', {});
+};
+
+rewardsHelper.registerRewardHandler(
+  'SUBSCRIPTION',
+  createSubscriptionRewardHandler(httpClient, {
+    onSubSuccess: handleUnlockWithSubscriptionSuccess.bind(this),
+    hasSubscription: () => canIUseNative('invokeSubscriptionPanelSync')
   }) as unknown as (params?: unknown) => Promise<boolean>
 );
 
@@ -217,8 +234,28 @@ const adConfig = createSyncAPI('adConfig', {
 });
 
 let rewardLocked = false;
+
+const wrapAdBreadDoneViewed = (params: IAdBreakParams) => {
+  params.adBreakDone?.({
+    breakType: params.type,
+    breakName: 'name' in params ? params.name ?? '' : '',
+    breakFormat: params.type === 'reward' ? 'reward' : 'interstitial',
+    breakStatus: 'viewed'
+  });
+  if ('adViewed' in params) {
+    params.adViewed?.();
+  }
+};
+
 const adBreak = createSyncAPI('adBreak', {
   implement: (params: IAdBreakParams) => {
+    // check is sub user
+    const isSubUser = context.hostUserInfo?.isSubUser;
+    if (isSubUser) {
+      wrapAdBreadDoneViewed(params);
+      return;
+    }
+
     if (params.type === 'reward') {
       if (rewardLocked) {
         return;

package/src/native/api/call-host-method.ts

@@ -1,65 +1,10 @@
-import { createAPI, registerCanIUse, t } from './base';
+import { canIUseNative, createAPI, registerCanIUse, t } from './base';
 import { invokeNative } from '@jolibox/native-bridge';
-import { hostEmitter, UserCustomError } from '@jolibox/common';
+import { UserCustomError } from '@jolibox/common';
 import { createCommands } from '@jolibox/common';
 import { context } from '@/common/context';
 
 const commands = createCommands();
-let supportedMethods: string[] = [];
-let isInitialized = false;
-
-const formatSupportedMethods = (
-  methods: (
-    | string
-    | {
-        method: string;
-        platforms?: string[];
-        nativeVersionCode?: number;
-      }
-  )[]
-) => {
-  const platform = context.platform;
-  const nativeVersionCode = context.sdkInfo.nativeSDKVersionCode ?? 0;
-  return methods.reduce((acc, method) => {
-    if (typeof method === 'string') {
-      acc.push(method);
-    } else {
-      const { method: platformMethod, platforms, nativeVersionCode: methodNativeVersionCode } = method;
-      let canUse = true;
-      if (platforms && !platforms.includes(platform)) {
-        canUse = false;
-      }
-      if (methodNativeVersionCode && methodNativeVersionCode > nativeVersionCode) {
-        canUse = false;
-      }
-      if (canUse) {
-        acc.push(platformMethod);
-      }
-    }
-    return acc;
-  }, [] as string[]);
-};
-
-hostEmitter.on('onGlobalConfigChanged', (params) => {
-  supportedMethods = formatSupportedMethods(params.globalConfig?.supportedHostMethods ?? []);
-  isInitialized = true;
-});
-
-const getSupportedMethods = (): Promise<string[]> => {
-  return new Promise((resolve) => {
-    if (isInitialized) {
-      resolve(supportedMethods);
-    } else {
-      const handler = (params: any) => {
-        supportedMethods = formatSupportedMethods(params.globalConfig.supportedHostMethods ?? []);
-        isInitialized = true;
-        hostEmitter.off('onGlobalConfigChanged', handler);
-        resolve(supportedMethods);
-      };
-      hostEmitter.on('onGlobalConfigChanged', handler);
-    }
-  });
-};
 
 const callHostMethodAsync = createAPI('callHostMethod', {
   paramsSchema: t.tuple(
@@ -69,10 +14,10 @@ const callHostMethodAsync = createAPI('callHostMethod', {
     })
   ),
   implement: async ({ method, params }) => {
-    const supportedMethods = await getSupportedMethods();
-    if (!supportedMethods.includes(method)) {
+    if (!canIUseNative(method)) {
       throw new UserCustomError('Method not supported', 10001);
     }
+
     const { errNo, errMsg, data } = await invokeNative('callHostMethodAsync', {
       method,
       params: {
@@ -106,8 +51,7 @@ const userTrackAsync = createAPI('userTrackAsync', {
     })
   ),
   implement: async ({ event, eventType, params }) => {
-    const supportedMethods = await getSupportedMethods();
-    if (!supportedMethods.includes('userTrackAsync')) {
+    if (!canIUseNative('userTrackAsync')) {
       throw new UserCustomError('Method not supported', 10001);
     }
     const { errNo, errMsg } = await invokeNative('trackAsync', {

package/src/native/api/login.ts

@@ -19,19 +19,27 @@ registerCanIUse('login', {
 registerCanIUse('checkSession', {
   version: '1.0.0',
   success: {
-    errMsg: '1.0.0'
+    errMsg: '1.0.0',
+    isLogin: '1.0.0',
+    isSubUser: '1.2.9'
   }
 });
 
 const loginDeferredMap = new Map<
   string,
-  Deferred<{ isLogin: boolean; token?: string; isFirstLogin?: boolean; extra?: LoginExtra }>
+  Deferred<{
+    isLogin: boolean;
+    token?: string;
+    isFirstLogin?: boolean;
+    extra?: LoginExtra;
+    appAccountToken?: string;
+  }>
 >();
 
-onNative('onLoginStateChange', ({ isLogin, token, uuid, isFirstLogin, extra }) => {
+onNative('onLoginStateChange', ({ isLogin, token, uuid, isFirstLogin, extra, appAccountToken }) => {
   const deferred = loginDeferredMap.get(uuid);
   if (deferred) {
-    deferred.resolve({ isLogin, token, isFirstLogin, extra });
+    deferred.resolve({ isLogin, token, isFirstLogin, extra, appAccountToken });
     loginDeferredMap.delete(uuid);
   }
 });
@@ -81,12 +89,16 @@ export const loginImplement = async (
     isLogin: boolean;
     token?: string;
     isFirstLogin?: boolean;
+    appAccountToken?: string;
     extra?: LoginExtra;
   }>();
   loginDeferredMap.set(loginUUID, deferred);
   const loginRes = await deferred.promise;
-  context.onEnvConfigChanged({ hostUserInfo: loginRes });
-  const { extra, ...rest } = loginRes;
+  // update sub user status
+  const env = invokeNative('envSync');
+  const isSubUser = env?.data?.hostUserInfo?.isSubUser;
+  context.onEnvConfigChanged({ hostUserInfo: { ...loginRes, isSubUser } });
+  const { extra, appAccountToken, ...rest } = loginRes;
   hostEmitter.emit('onLoginComplete', rest);
   return needExtra ? loginRes : rest;
 };
@@ -110,8 +122,11 @@ const checkSession = createAPI('checkSession', {
     const {
       data: { isLogin }
     } = await applyNative('checkLoginAsync');
+
+    const isSubUser = context.hostUserInfo?.isSubUser;
     return {
-      isLogin
+      isLogin,
+      isSubUser
     };
   }
 });

package/src/native/api/payment.ts

@@ -3,6 +3,8 @@ import { createAPI, registerCanIUse, t } from './base';
 import { createJoliGemPaymentService } from '../payment/payment-service';
 import { createAPIError } from '@/common/report/errors';
 import { IPaymentChoice } from '@jolibox/ui/dist/bridge/coin';
+import { ISubscriptionTierData } from '@jolibox/types';
+import { subscriptionService } from '@/native/subscription';
 
 const commands = createCommands();
 const paymentService = createJoliGemPaymentService();
@@ -13,10 +15,10 @@ const purchaseGem = createAPI('purchaseGem', {
       productId: t.string()
     })
   ),
-  implement: async (params: { productId: string }): Promise<{ totalAmount: string }> => {
+  implement: async (params: { productId: string }): Promise<{ totalAmount?: string }> => {
     const result = await paymentService.purchase(params.productId);
 
-    if (result.code !== 'SUCCESS' || !result.data?.totalAmount) {
+    if (result.code !== 'SUCCESS') {
       throw createAPIError({
         code: -1,
         msg: '[JoliboxSDK]: purchase gem failed: ' + result.message
@@ -24,7 +26,7 @@ const purchaseGem = createAPI('purchaseGem', {
     }
 
     return {
-      totalAmount: result.data?.totalAmount
+      totalAmount: result.data?.totalAmount ?? ''
     };
   }
 });
@@ -44,9 +46,69 @@ const getGemProducts = createAPI('getGemProducts', {
   }
 });
 
+const getSubscriptionPlans = createAPI('getSubscriptionPlans', {
+  paramsSchema: t.tuple(),
+  implement: async (): Promise<{ plans: ISubscriptionTierData[] } | undefined> => {
+    const subPlans = await subscriptionService.getSubInfo();
+
+    console.log('[PaymentAPI] getSubscriptionPlans result', subPlans);
+    if (!subPlans) {
+      throw createAPIError({
+        code: -1,
+        msg: '[JoliboxSDK]: get subscription plans failed'
+      });
+    }
+    return {
+      plans: subPlans
+    };
+  }
+});
+
+const flushSubInfoCache = createAPI('flushSubInfoCache', {
+  paramsSchema: t.tuple(),
+  implement: async (): Promise<void> => {
+    await subscriptionService.updateAllNativePriceCache();
+  }
+});
+
+const subscribe = createAPI('subscribe', {
+  paramsSchema: t.tuple(
+    t.object({
+      productId: t.string()
+    })
+  ),
+  implement: async (params: {
+    productId: string;
+  }): Promise<{
+    subPlanId: string;
+    errMsg: string;
+    result: 'SUCCESS' | 'FAILED' | 'FAILURE_SUBSCRIPTED';
+  }> => {
+    const tier = await subscriptionService.getTierByProductId(params.productId);
+    if (!tier) {
+      throw createAPIError({
+        code: -1,
+        msg: '[JoliboxSDK]: product not found'
+      });
+    }
+    const { basePlanId, appStoreProductId, nativeProductId } = tier;
+    const result = await subscriptionService.subscribe({ basePlanId, nativeProductId, appStoreProductId });
+    return {
+      result: result.result,
+      subPlanId: result.subPlanId,
+      errMsg: result.message ?? ''
+    };
+  }
+});
+
 commands.registerCommand('PaymentSDK.purchaseGem', purchaseGem);
 commands.registerCommand('PaymentSDK.getGemProducts', getGemProducts);
 
+commands.registerCommand('PaymentSDK.getSubscriptionPlans', getSubscriptionPlans);
+commands.registerCommand('PaymentSDK.subscribe', subscribe);
+
+commands.registerCommand('PaymentSDK.flushSubInfoCache', flushSubInfoCache);
+
 registerCanIUse('payment.purchaseGem', {
   version: '1.2.3'
 });
@@ -54,3 +116,16 @@ registerCanIUse('payment.purchaseGem', {
 registerCanIUse('payment.getGemProducts', {
   version: '1.2.3'
 });
+
+// for test, correct version is 1.3.0
+registerCanIUse('payment.getSubscriptionPlans', {
+  version: '1.2.5'
+});
+
+registerCanIUse('payment.subscribe', {
+  version: '1.2.5'
+});
+
+registerCanIUse('payment.flushSubInfoCache', {
+  version: '1.2.5'
+});

package/src/native/payment/__tests__/payment-service-simple.test.ts

@@ -9,13 +9,26 @@ import {
 // Mock dependencies
 jest.mock('@jolibox/native-bridge', () => ({
   applyNative: jest.fn(),
-  onNative: jest.fn()
+  onNative: jest.fn(),
+  invokeNative: jest.fn()
 }));
 
 jest.mock('@/native/network', () => ({
   innerFetch: jest.fn()
 }));
 
+jest.mock('@/native/api/storage', () => ({
+  setGlobalStorage: jest.fn().mockResolvedValue({
+    code: 'SUCCESS',
+    message: 'success'
+  }),
+  getGlobalStorage: jest.fn().mockResolvedValue({
+    code: 'SUCCESS',
+    message: 'success',
+    data: null
+  })
+}));
+
 // eslint-disable-next-line @typescript-eslint/no-var-requires
 const { applyNative } = require('@jolibox/native-bridge');
 

package/src/native/payment/payment-service.ts

@@ -6,7 +6,7 @@ import { applyNative } from '@jolibox/native-bridge';
 import { innerFetch as fetch } from '@/native/network';
 import type { PaymentResult } from './payment-helper';
 import { RequestCacheService, RequestAdapter } from '@jolibox/common';
-
+import { executeWithPersistentCache } from './utils/cache-with-storage';
 type PaymentPurchaseType = 'JOLI_COIN' | 'JOLI_GEM';
 
 // Request/Response interfaces for RequestCacheService
@@ -51,7 +51,7 @@ class PaymentRequestAdapter
 {
   // applyNative 的缓存
   private static nativePriceCache = new Map<string, { [appStoreProductId: string]: { price: string } }>();
-  private static readonly NATIVE_PRICE_CACHE_DURATION = 30 * 60 * 1000; // 30分钟缓存
+  private static readonly NATIVE_PRICE_CACHE_DURATION = 1 * 24 * 60 * 60 * 1000; // 1 day
   private static nativePriceCacheTimestamp = new Map<string, number>();
 
   async execute(endpoint: string, _options?: PaymentRequest): Promise<PaymentResponse> {
@@ -92,34 +92,33 @@ class PaymentRequestAdapter
   private async getNativePriceData(
     appStoreProductIds: string[]
   ): Promise<{ [appStoreProductId: string]: { price: string } } | null> {
-    // 检查缓存
     const cacheKey = appStoreProductIds.sort().join(',');
-    const cached = PaymentRequestAdapter.nativePriceCache.get(cacheKey);
-    const cacheTime = PaymentRequestAdapter.nativePriceCacheTimestamp.get(cacheKey) || 0;
-
-    if (cached && Date.now() - cacheTime < PaymentRequestAdapter.NATIVE_PRICE_CACHE_DURATION) {
-      console.log('[PaymentService] Using cached native price data');
-      return cached;
-    }
 
-    console.log('[PaymentService] Fetching fresh native price data');
-
-    try {
-      const { data } = await applyNative('requestProductDetailsAsync', {
-        appStoreProductIds
-      });
-
-      if (data) {
-        // cache
-        PaymentRequestAdapter.nativePriceCache.set(cacheKey, data);
-        PaymentRequestAdapter.nativePriceCacheTimestamp.set(cacheKey, Date.now());
+    return executeWithPersistentCache(
+      cacheKey,
+      async () => {
+        try {
+          const { data } = await applyNative('requestProductDetailsAsync', {
+            appStoreProductIds
+          });
+
+          if (data) {
+            // cache
+            PaymentRequestAdapter.nativePriceCache.set(cacheKey, data);
+            PaymentRequestAdapter.nativePriceCacheTimestamp.set(cacheKey, Date.now());
+          }
+
+          return data;
+        } catch (error) {
+          console.warn('[PaymentService] Failed to fetch native product details:', error);
+          throw error; // rethrow error, let upper layer handle it
+        }
+      },
+      {
+        cacheDuration: PaymentRequestAdapter.NATIVE_PRICE_CACHE_DURATION,
+        storageKeyPrefix: 'joli_native_price_'
       }
-
-      return data;
-    } catch (error) {
-      console.warn('[PaymentService] Failed to fetch native product details:', error);
-      throw error; // rethrow error, let upper layer handle it
-    }
+    );
   }
 
   extractCacheableData(response: PaymentResponse): PaymentCacheData {