@jolibox/implement 1.1.55 → 1.2.0-beta.9

package/src/native/rewards/ui/use-modal.ts

@@ -1,4 +1,9 @@
-import { checkUseModalFrequency, updateUseModalFrequency } from '../check-frequency';
+import {
+  checkUseModalFrequency,
+  updateUseModalFrequency,
+  checkUseModalFrequencyGem,
+  updateUseModalFrequencyGem
+} from '../check-frequency';
 import { updateAutoDeductConfig } from './utils';
 import {
   IUseModalFrequencyConfig,
@@ -10,9 +15,50 @@ import { UseModalEventName, UseModalResultEventName } from '@/common/rewards/rew
 import { createConfirmJolicoinModal, createLoading } from '@jolibox/ui';
 import { track } from '@/native/report';
 import { EventType } from '@jolibox/common';
-import {} from '@jolibox/ui';
+import { TrackEvent } from '@jolibox/types';
 import { createEventPromiseHandler } from '@/common/rewards/registers/utils/event-listener';
 
+// 货币配置映射
+interface CurrencyModalConfig {
+  frequencyConfigKey: keyof IUseModalFrequencyConfig['joliCoinUseAndCharge'];
+  trackEvents: {
+    popupShow: TrackEvent;
+    coinUnlock: TrackEvent;
+    adUnlock: TrackEvent;
+  };
+  frequencyChecker: (config: {
+    dailyMaxPopUps?: number;
+    minInterval?: number;
+  }) => Promise<{ canShow: boolean; isFirst: boolean }>;
+  frequencyUpdater: () => Promise<void>;
+  apiEndpointAutoDeduct: string;
+}
+
+const CURRENCY_MODAL_CONFIG: Record<'JOLI_COIN' | 'JOLI_GEM', CurrencyModalConfig> = {
+  JOLI_COIN: {
+    frequencyConfigKey: 'useJolicoin',
+    trackEvents: {
+      popupShow: 'unlock_popup_show',
+      coinUnlock: 'coin_unlock_click',
+      adUnlock: 'ad_unlock_click'
+    },
+    frequencyChecker: checkUseModalFrequency,
+    frequencyUpdater: updateUseModalFrequency,
+    apiEndpointAutoDeduct: '/api/joli-coin/user-config'
+  },
+  JOLI_GEM: {
+    frequencyConfigKey: 'useJolicoin', // 暂时复用，可以后续扩展
+    trackEvents: {
+      popupShow: 'gem_unlock_popup_show',
+      coinUnlock: 'gem_unlock_click',
+      adUnlock: 'gem_ad_unlock_click'
+    },
+    frequencyChecker: checkUseModalFrequencyGem,
+    frequencyUpdater: updateUseModalFrequencyGem,
+    apiEndpointAutoDeduct: '/api/joli-gem/user-config'
+  }
+};
+
 const loading = createLoading();
 
 const modalUseFrequencyConfig = createEventPromiseHandler<
@@ -22,83 +68,98 @@ const modalUseFrequencyConfig = createEventPromiseHandler<
 
 modalUseFrequencyConfig.getData();
 /**
- * confirm jolicoin modal
+ * confirm currency modal - 支持 jolicoin 和 gem
  */
-rewardsEmitter.on(UseModalEventName, async (type: 'JOLI_COIN' | 'ADS-JOLI_COIN', params: IUseModalEvent) => {
-  if (type === 'ADS-JOLI_COIN') {
-    //TODO
-    await loading.show({
-      duration: 3000
-    });
-    const config = await modalUseFrequencyConfig.getData();
-    const { canShow: canShowUseModal, isFirst: isFirstUseModal } = await checkUseModalFrequency(
-      config.joliCoinUseAndCharge.useJolicoin
-    );
-    console.log('use modal show by frequency', canShowUseModal, isFirstUseModal);
-    loading.hide();
+rewardsEmitter.on(
+  UseModalEventName,
+  async (type: 'JOLI_COIN' | 'ADS-JOLI_COIN' | 'JOLI_GEM' | 'ADS-JOLI_GEM', params: IUseModalEvent) => {
+    // 获取货币类型配置
+    const currencyType = params.currency;
+    const modalConfig = CURRENCY_MODAL_CONFIG[currencyType];
 
-    // First, check for direct use: sufficient balance, auto-deduct enabled, and not the first modal.
-    const { balance } = params.userJoliCoin;
-    const useDirectly = balance >= params.joliCoinQuantity && params.enableAutoDeduct;
+    if (type.includes('ADS-')) {
+      await loading.show({
+        duration: 3000
+      });
+      const config = await modalUseFrequencyConfig.getData();
+      const { canShow: canShowUseModal, isFirst: isFirstUseModal } = await modalConfig.frequencyChecker(
+        config.joliCoinUseAndCharge[modalConfig.frequencyConfigKey]
+      );
+      console.log(`${currencyType} modal show by frequency`, canShowUseModal, isFirstUseModal);
+      loading.hide();
 
-    if (useDirectly && !isFirstUseModal) {
-      rewardsEmitter.emit(UseModalResultEventName, { useModalResult: 'CONFIRM' });
-      return;
-    }
+      // First, check for direct use: sufficient balance, auto-deduct enabled, and not the first modal.
+      const { balance } = params.userCurrency;
+      const useDirectly = balance >= params.quantity && params.enableAutoDeduct;
 
-    // If not used directly, then check frequency control.
-    if (!canShowUseModal) {
-      // confirm by frequency control
-      rewardsEmitter.emit(UseModalResultEventName, { useModalResult: 'FAILED' });
-      return;
+      if (useDirectly && !isFirstUseModal) {
+        rewardsEmitter.emit(UseModalResultEventName, { useModalResult: 'CONFIRM' });
+        return;
+      }
+
+      // If not used directly, then check frequency control.
+      if (!canShowUseModal) {
+        // confirm by frequency control
+        rewardsEmitter.emit(UseModalResultEventName, { useModalResult: 'FAILED' });
+        return;
+      }
     }
-  }
 
-  track('unlock_popup_show', {
-    eventType: EventType.View,
-    targetType: 'game'
-  });
+    // 根据货币类型上报不同的埋点
+    track(modalConfig.trackEvents.popupShow, {
+      eventType: EventType.View,
+      targetType: 'game',
+      currency: currencyType
+    });
 
-  const modal = createConfirmJolicoinModal({
-    data: {
-      enableAutoDeduct: params.enableAutoDeduct,
-      userJolicoin: params.userJoliCoin,
-      joliCoinQuantity: params.joliCoinQuantity
-    },
-    buttons: {
-      confirm: {
-        text: params.confirmButtonText,
-        onPress: () => {
-          track('coin_unlock_click', {
-            targetType: 'game',
-            eventType: EventType.Click,
-            coinConsume: params.joliCoinQuantity,
-            ifAutoUnlock: params.enableAutoDeduct
-          });
-          rewardsEmitter.emit(UseModalResultEventName, { useModalResult: 'CONFIRM' });
-          modal.destroy();
-        }
+    const { userCurrency, enableAutoDeduct, quantity } = params;
+    const modal = createConfirmJolicoinModal({
+      data: {
+        enableAutoDeduct,
+        userCurrency,
+        quantity,
+        currency: currencyType
       },
-      cancel: {
-        text: params.cancelButtonText,
-        onPress: ({ type }) => {
-          if (type === 'FAILED') {
-            track('ad_unlock_click', {
+      buttons: {
+        confirm: {
+          text: params.confirmButtonText,
+          onPress: () => {
+            // 根据货币类型上报不同的埋点
+            track(modalConfig.trackEvents.coinUnlock as any, {
               targetType: 'game',
-              eventType: EventType.Click
+              eventType: EventType.Click,
+              coinConsume: params.quantity,
+              ifAutoUnlock: params.enableAutoDeduct,
+              currency: currencyType
+            });
+            rewardsEmitter.emit(UseModalResultEventName, { useModalResult: 'CONFIRM' });
+            modal.destroy();
+          }
+        },
+        cancel: {
+          text: params.cancelButtonText,
+          onPress: ({ type }) => {
+            if (type === 'FAILED') {
+              // 根据货币类型上报不同的埋点
+              track(modalConfig.trackEvents.adUnlock as any, {
+                targetType: 'game',
+                eventType: EventType.Click,
+                currency: currencyType
+              });
+            }
+            rewardsEmitter.emit(UseModalResultEventName, {
+              useModalResult: (type ?? '') === 'CANCEL' ? 'CANCEL' : 'FAILED'
             });
+            modal.destroy();
           }
-          rewardsEmitter.emit(UseModalResultEventName, {
-            useModalResult: (type ?? '') === 'CANCEL' ? 'CANCEL' : 'FAILED'
-          });
-          modal.destroy();
+        },
+        onEnableDeductChanged: async (enabled: boolean) => {
+          await updateAutoDeductConfig(enabled, modalConfig.apiEndpointAutoDeduct);
         }
-      },
-      onEnableDeductChanged: async (enabled: boolean) => {
-        await updateAutoDeductConfig(enabled);
       }
-    }
-  });
+    });
 
-  await updateUseModalFrequency();
-});
+    // 根据货币类型更新使用频次
+    await modalConfig.frequencyUpdater();
+  }
+);

package/src/native/rewards/ui/utils.ts

@@ -10,9 +10,9 @@ let updateEnableConfigPromise = Promise.resolve();
  * @param enabled 是否启用自动扣费
  * @returns Promise 更新操作的Promise
  */
-export const updateAutoDeductConfig = async (enabled: boolean): Promise<void> => {
+export const updateAutoDeductConfig = async (enabled: boolean, api: string): Promise<void> => {
   updateEnableConfigPromise = updateEnableConfigPromise.then(async () => {
-    await fetch('/api/joli-coin/user-config', {
+    await fetch(api, {
       method: 'POST',
       appendHostCookie: true,
       data: {