@vynix-org/react-native-ads-sdk 0.1.1

package/src/hook/useRewardedAd.ts

@@ -0,0 +1,205 @@
+import { useEffect, useCallback } from 'react';
+import { useRewardedAdStore } from '../stores/rewarded-ads-store';
+import {
+  AdStatus,
+  type UseRewardedAdOptions,
+  type RewardedAdConfig,
+} from '../types/ads-types';
+import { rewardedAdsManager } from '../ads-manager/RewardedAdsManager';
+
+// Merge RewardedAdConfig với UseRewardedAdOptions
+type UseRewardedAdConfig = RewardedAdConfig & UseRewardedAdOptions;
+
+export const useRewardedAd = (config: UseRewardedAdConfig) => {
+  const {
+    adKey,
+    adId,
+    timeout,
+    maxRetries,
+    adHighpriorityId,
+    showOnAppStateChange,
+    // UseRewardedAdOptions fields
+    autoLoad = false,
+    onLoad,
+    onDisplay,
+    onError,
+    onReward,
+    onOpened,
+    onClicked,
+    onClosed,
+  } = config;
+
+  // Zustand selectors
+  const ad = useRewardedAdStore((state) => state.getAd(adKey));
+  const isLoading = useRewardedAdStore((state) => state.isLoading(adKey));
+  const error = useRewardedAdStore((state) => state.getError(adKey));
+  const isUsingHighPriority = useRewardedAdStore((state) =>
+    state.isUsingHighPriority(adKey)
+  );
+  const hasTriedHighPriority = useRewardedAdStore((state) =>
+    state.hasTriedHighPriority(adKey)
+  );
+
+  // Zustand actions
+  const preloadAd = useRewardedAdStore((state) => state.preloadAd);
+  const loadAd = useRewardedAdStore((state) => state.loadAd);
+  const displayAd = useRewardedAdStore((state) => state.displayAd);
+  const removeAd = useRewardedAdStore((state) => state.removeAd);
+  const refreshAd = useRewardedAdStore((state) => state.refreshAd);
+
+  // Memoized callbacks
+  const handleLoadAd = useCallback(
+    async (customConfig?: Partial<RewardedAdConfig>) => {
+      const finalConfig: RewardedAdConfig = {
+        adKey,
+        adId,
+        showOnAppStateChange,
+        timeout,
+        maxRetries,
+        adHighpriorityId,
+        ...customConfig,
+      };
+      await loadAd(finalConfig);
+    },
+    [
+      adKey,
+      adId,
+      loadAd,
+      showOnAppStateChange,
+      timeout,
+      maxRetries,
+      adHighpriorityId,
+    ]
+  );
+
+  const handlePreloadAd = useCallback(
+    async (customConfig?: Partial<RewardedAdConfig>) => {
+      const finalConfig: RewardedAdConfig = {
+        adKey,
+        adId,
+        showOnAppStateChange,
+        timeout,
+        maxRetries,
+        adHighpriorityId,
+        ...customConfig,
+      };
+      await preloadAd(finalConfig);
+    },
+    [
+      adKey,
+      adId,
+      preloadAd,
+      showOnAppStateChange,
+      timeout,
+      maxRetries,
+      adHighpriorityId,
+    ]
+  );
+
+  const handleDisplayAd = useCallback(async () => {
+    const result = await displayAd(adKey);
+    if (result.ad && onDisplay) {
+      onDisplay(result.ad);
+    }
+    if (result.reward && onReward) {
+      onReward(result.reward);
+    }
+    return result;
+  }, [adKey, displayAd, onDisplay, onReward]);
+
+  const handleRemoveAd = useCallback(() => {
+    removeAd(adKey);
+  }, [adKey, removeAd]);
+
+  const handleRefreshAd = useCallback(async () => {
+    await refreshAd(adKey);
+  }, [adKey, refreshAd]);
+
+  // Auto load effect
+  useEffect(() => {
+    if (autoLoad && !ad) {
+      handleLoadAd();
+    }
+  }, [autoLoad, ad, handleLoadAd]);
+
+  // Event callbacks
+  useEffect(() => {
+    if (ad?.status === AdStatus.LOADED && onLoad) {
+      onLoad(ad);
+    }
+  }, [ad?.status, ad, onLoad]);
+
+  useEffect(() => {
+    if (ad?.status === AdStatus.DISPLAYED && onDisplay) {
+      onDisplay(ad);
+    }
+  }, [ad?.status, ad, onDisplay]);
+
+  useEffect(() => {
+    if (ad?.status === AdStatus.ERROR && ad.error && onError) {
+      onError(ad.error, ad);
+    }
+  }, [ad?.status, ad, onError]);
+
+  // Lắng nghe các sự kiện từ RewardedAdsManager
+  useEffect(() => {
+    if (!ad) return;
+
+    const handleAdOpened = (openedAd: any) => {
+      if (openedAd.adKey === adKey && onOpened) {
+        onOpened(openedAd);
+      }
+    };
+
+    const handleAdClicked = (clickedAd: any) => {
+      if (clickedAd.adKey === adKey && onClicked) {
+        onClicked(clickedAd);
+      }
+    };
+
+    const handleAdClosed = (closedAd: any) => {
+      if (closedAd.adKey === adKey && onClosed) {
+        onClosed(closedAd);
+      }
+    };
+
+    const handleEarnedReward = ({ ad: rewardAd, reward }: any) => {
+      if (rewardAd.adKey === adKey && onReward) {
+        onReward(reward);
+      }
+    };
+
+    rewardedAdsManager.on('adOpened', handleAdOpened);
+    rewardedAdsManager.on('adClicked', handleAdClicked);
+    rewardedAdsManager.on('adClosed', handleAdClosed);
+    rewardedAdsManager.on('adEarnedReward', handleEarnedReward);
+
+    return () => {
+      rewardedAdsManager.off('adOpened', handleAdOpened);
+      rewardedAdsManager.off('adClicked', handleAdClicked);
+      rewardedAdsManager.off('adClosed', handleAdClosed);
+      rewardedAdsManager.off('adEarnedReward', handleEarnedReward);
+    };
+  }, [adKey, onOpened, onClicked, onClosed, onReward, ad]);
+
+  return {
+    // State
+    ad,
+    isLoading,
+    error,
+    status: ad?.status || AdStatus.IDLE,
+    isLoaded: ad?.status === AdStatus.LOADED,
+    isDisplayed: ad?.status === AdStatus.DISPLAYED,
+    hasError: ad?.status === AdStatus.ERROR,
+    reward: ad?.reward,
+    isUsingHighPriority,
+    hasTriedHighPriority,
+
+    // Actions
+    loadAd: handleLoadAd,
+    preloadAd: handlePreloadAd,
+    displayAd: handleDisplayAd,
+    removeAd: handleRemoveAd,
+    refreshAd: handleRefreshAd,
+  };
+};

package/src/hook/useRewardedInterstitialAd.ts

@@ -0,0 +1,212 @@
+import { useEffect, useCallback } from 'react';
+import { useRewardedInterstitialAdStore } from '../stores/rewarded-interstitial-ads-store';
+import {
+  AdStatus,
+  type UseRewardedInterstitialAdOptions,
+  type RewardedInterstitialAdConfig,
+} from '../types/ads-types';
+import { rewardedInterstitialAdsManager } from '../ads-manager/RewardedInterstitialAdsManager';
+
+// Merge RewardedInterstitialAdConfig với UseRewardedInterstitialAdOptions
+type UseRewardedInterstitialAdConfig = RewardedInterstitialAdConfig &
+  UseRewardedInterstitialAdOptions;
+
+export const useRewardedInterstitialAd = (
+  config: UseRewardedInterstitialAdConfig
+) => {
+  const {
+    adKey,
+    adId,
+    timeout,
+    maxRetries,
+    adHighpriorityId,
+    showOnAppStateChange,
+    // UseRewardedInterstitialAdOptions fields
+    autoLoad = false,
+    onLoad,
+    onDisplay,
+    onError,
+    onReward,
+    onOpened,
+    onClicked,
+    onClosed,
+  } = config;
+
+  // Zustand selectors
+  const ad = useRewardedInterstitialAdStore((state) => state.getAd(adKey));
+  const isLoading = useRewardedInterstitialAdStore((state) =>
+    state.isLoading(adKey)
+  );
+  const error = useRewardedInterstitialAdStore((state) =>
+    state.getError(adKey)
+  );
+  const isUsingHighPriority = useRewardedInterstitialAdStore((state) =>
+    state.isUsingHighPriority(adKey)
+  );
+  const hasTriedHighPriority = useRewardedInterstitialAdStore((state) =>
+    state.hasTriedHighPriority(adKey)
+  );
+
+  // Zustand actions
+  const preloadAd = useRewardedInterstitialAdStore((state) => state.preloadAd);
+  const loadAd = useRewardedInterstitialAdStore((state) => state.loadAd);
+  const displayAd = useRewardedInterstitialAdStore((state) => state.displayAd);
+  const removeAd = useRewardedInterstitialAdStore((state) => state.removeAd);
+  const refreshAd = useRewardedInterstitialAdStore((state) => state.refreshAd);
+
+  // Memoized callbacks
+  const handleLoadAd = useCallback(
+    async (customConfig?: Partial<RewardedInterstitialAdConfig>) => {
+      const finalConfig: RewardedInterstitialAdConfig = {
+        adKey,
+        adId,
+        showOnAppStateChange,
+        timeout,
+        maxRetries,
+        adHighpriorityId,
+        ...customConfig,
+      };
+      await loadAd(finalConfig);
+    },
+    [
+      adKey,
+      adId,
+      loadAd,
+      showOnAppStateChange,
+      timeout,
+      maxRetries,
+      adHighpriorityId,
+    ]
+  );
+
+  const handlePreloadAd = useCallback(
+    async (customConfig?: Partial<RewardedInterstitialAdConfig>) => {
+      const finalConfig: RewardedInterstitialAdConfig = {
+        adKey,
+        adId,
+        showOnAppStateChange,
+        timeout,
+        maxRetries,
+        adHighpriorityId,
+        ...customConfig,
+      };
+      await preloadAd(finalConfig);
+    },
+    [
+      adKey,
+      adId,
+      preloadAd,
+      showOnAppStateChange,
+      timeout,
+      maxRetries,
+      adHighpriorityId,
+    ]
+  );
+
+  const handleDisplayAd = useCallback(async () => {
+    const result = await displayAd(adKey);
+    if (result.ad && onDisplay) {
+      onDisplay(result.ad);
+    }
+    if (result.reward && onReward) {
+      onReward(result.reward);
+    }
+    return result;
+  }, [adKey, displayAd, onDisplay, onReward]);
+
+  const handleRemoveAd = useCallback(() => {
+    removeAd(adKey);
+  }, [adKey, removeAd]);
+
+  const handleRefreshAd = useCallback(async () => {
+    await refreshAd(adKey);
+  }, [adKey, refreshAd]);
+
+  // Auto load effect
+  useEffect(() => {
+    if (autoLoad && !ad) {
+      handleLoadAd();
+    }
+  }, [autoLoad, ad, handleLoadAd]);
+
+  // Event callbacks
+  useEffect(() => {
+    if (ad?.status === AdStatus.LOADED && onLoad) {
+      onLoad(ad);
+    }
+  }, [ad?.status, ad, onLoad]);
+
+  useEffect(() => {
+    if (ad?.status === AdStatus.DISPLAYED && onDisplay) {
+      onDisplay(ad);
+    }
+  }, [ad?.status, ad, onDisplay]);
+
+  useEffect(() => {
+    if (ad?.status === AdStatus.ERROR && ad.error && onError) {
+      onError(ad.error, ad);
+    }
+  }, [ad?.status, ad, onError]);
+
+  // Lắng nghe các sự kiện từ RewardedInterstitialAdsManager
+  useEffect(() => {
+    if (!ad) return;
+
+    const handleAdOpened = (openedAd: any) => {
+      if (openedAd.adKey === adKey && onOpened) {
+        onOpened(openedAd);
+      }
+    };
+
+    const handleAdClicked = (clickedAd: any) => {
+      if (clickedAd.adKey === adKey && onClicked) {
+        onClicked(clickedAd);
+      }
+    };
+
+    const handleAdClosed = (closedAd: any) => {
+      if (closedAd.adKey === adKey && onClosed) {
+        onClosed(closedAd);
+      }
+    };
+
+    const handleEarnedReward = ({ ad: rewardAd, reward }: any) => {
+      if (rewardAd.adKey === adKey && onReward) {
+        onReward(reward);
+      }
+    };
+
+    rewardedInterstitialAdsManager.on('adOpened', handleAdOpened);
+    rewardedInterstitialAdsManager.on('adClicked', handleAdClicked);
+    rewardedInterstitialAdsManager.on('adClosed', handleAdClosed);
+    rewardedInterstitialAdsManager.on('adEarnedReward', handleEarnedReward);
+
+    return () => {
+      rewardedInterstitialAdsManager.off('adOpened', handleAdOpened);
+      rewardedInterstitialAdsManager.off('adClicked', handleAdClicked);
+      rewardedInterstitialAdsManager.off('adClosed', handleAdClosed);
+      rewardedInterstitialAdsManager.off('adEarnedReward', handleEarnedReward);
+    };
+  }, [adKey, onOpened, onClicked, onClosed, onReward, ad]);
+
+  return {
+    // State
+    ad,
+    isLoading,
+    error,
+    status: ad?.status || AdStatus.IDLE,
+    isLoaded: ad?.status === AdStatus.LOADED,
+    isDisplayed: ad?.status === AdStatus.DISPLAYED,
+    hasError: ad?.status === AdStatus.ERROR,
+    reward: ad?.reward,
+    isUsingHighPriority,
+    hasTriedHighPriority,
+
+    // Actions
+    loadAd: handleLoadAd,
+    preloadAd: handlePreloadAd,
+    displayAd: handleDisplayAd,
+    removeAd: handleRemoveAd,
+    refreshAd: handleRefreshAd,
+  };
+};

package/src/index.tsx

@@ -0,0 +1,33 @@
+// Export tất cả các components và hooks
+export { useNativeAd } from './hook/useNativeAd';
+export { useInterstitialAd } from './hook/useInterstitialAd';
+export { useRewardedAd } from './hook/useRewardedAd';
+export { useRewardedInterstitialAd } from './hook/useRewardedInterstitialAd';
+export { useAppOpenAd } from './hook/useAppOpenAd';
+
+export { BannerAdComponent } from './components/BannerAdComponent';
+export { NativeAdComponent } from './components/NativeAdComponent';
+export { NativeAdFullscreenComponent } from './components/NativeAdFullscreenComponent';
+
+// Export types
+export type {
+  AdStatus,
+  AdConfig,
+  AdData,
+  AdInstance,
+  AdManagerState,
+  AdManagerActions,
+  AdManagerContextType,
+  UseAdOptions,
+  UseNativeAdOptions,
+  UseBannerAdOptions,
+  UseInterstitialAdOptions,
+  UseRewardedAdOptions,
+  UseRewardedInterstitialAdOptions,
+  InterstitialAdConfig,
+  RewardedAdConfig,
+  RewardedInterstitialAdConfig,
+  RewardedAdInstance,
+  InterstitialAdInstance,
+  RewardedInterstitialAdInstance,
+} from './types/ads-types';