adwhale-sdk-react-native 2.7.204 → 2.7.300

package/src/AdWhaleInterstitialAd.ts

@@ -22,22 +22,37 @@ export interface AdWhaleInterstitialGcoder {
 }
 
 interface RNAdWhaleMediationInterstitialAdNativeModule {
-  setPlacementName(placementName: string): void;
-  setRegion(region: string): void;
-  setGcoder(gcoder: { lt: number; lng: number }): void;
-  loadAd(placementUid: string): void;
-  showAd(): void;
+  setPlacementName?(placementName: string): void;
+  setRegion?(region: string): void;
+  setGcoder?(gcoder: { lt: number; lng: number }): void;
+  loadAd?(placementUid: string): void;
+  showAd?(): void;
+  /** Flutter와 동일 네이밍: adId 기반 로드 */
+  loadInterstitialAd?(args: {
+    adId: number;
+    placementUid: string;
+    placementName?: string;
+    region?: string;
+    gcoder?: [number, number];
+  }): void;
+  /** Flutter와 동일 네이밍: adId 기반 show */
+  showAdWithoutView?(adId: number): void;
+  /** Flutter와 동일 네이밍: adId 기반 destroy */
+  destroyAd?(adId: number): void;
   addListener(eventName: string): void;
   removeListeners(count: number): void;
 }
 
+const LINKING_ERROR =
+  'RNAdWhaleMediationInterstitialAd native module is not linked on this platform.';
+
 const { RNAdWhaleMediationInterstitialAd } = NativeModules as {
-  RNAdWhaleMediationInterstitialAd: RNAdWhaleMediationInterstitialAdNativeModule;
+  RNAdWhaleMediationInterstitialAd?: RNAdWhaleMediationInterstitialAdNativeModule;
 };
 
-const interstitialEmitter = new NativeEventEmitter(
-  RNAdWhaleMediationInterstitialAd,
-);
+const interstitialEmitter = RNAdWhaleMediationInterstitialAd
+  ? new NativeEventEmitter(RNAdWhaleMediationInterstitialAd)
+  : null;
 
 export const AdWhaleInterstitialAd = {
   loadAd(
@@ -48,34 +63,124 @@ export const AdWhaleInterstitialAd = {
       gcoder?: AdWhaleInterstitialGcoder;
     },
   ) {
+    if (!RNAdWhaleMediationInterstitialAd) {
+      console.warn(LINKING_ERROR);
+      return;
+    }
     // 먼저 옵션들을 설정
     if (options?.placementName) {
-      RNAdWhaleMediationInterstitialAd.setPlacementName(options.placementName);
+      RNAdWhaleMediationInterstitialAd.setPlacementName?.(options.placementName);
     }
     if (options?.region) {
-      RNAdWhaleMediationInterstitialAd.setRegion(options.region);
+      RNAdWhaleMediationInterstitialAd.setRegion?.(options.region);
     }
     if (options?.gcoder) {
-      RNAdWhaleMediationInterstitialAd.setGcoder(options.gcoder);
+      RNAdWhaleMediationInterstitialAd.setGcoder?.(options.gcoder);
+    }
+    // 네이티브 구현 차이 대응: loadAd 우선, 없으면 adId 기반 API로 폴백
+    if (RNAdWhaleMediationInterstitialAd.loadAd) {
+      RNAdWhaleMediationInterstitialAd.loadAd(placementUid);
+      return;
     }
-    // 그 다음 loadAd 호출
-    RNAdWhaleMediationInterstitialAd.loadAd(placementUid);
+    if (RNAdWhaleMediationInterstitialAd.loadInterstitialAd) {
+      RNAdWhaleMediationInterstitialAd.loadInterstitialAd({
+        adId: 0,
+        placementUid,
+        placementName: options?.placementName,
+        region: options?.region,
+        gcoder: options?.gcoder
+          ? [options.gcoder.lt, options.gcoder.lng]
+          : undefined,
+      });
+      return;
+    }
+    console.warn(
+      '[AdWhaleInterstitialAd] Native module missing both loadAd and loadInterstitialAd.',
+    );
   },
 
   showAd() {
-    RNAdWhaleMediationInterstitialAd.showAd();
+    if (!RNAdWhaleMediationInterstitialAd) {
+      console.warn(LINKING_ERROR);
+      return;
+    }
+    // 네이티브 구현 차이 대응: showAd 우선, 없으면 adId 기반 API로 폴백
+    if (RNAdWhaleMediationInterstitialAd.showAd) {
+      RNAdWhaleMediationInterstitialAd.showAd();
+      return;
+    }
+    if (RNAdWhaleMediationInterstitialAd.showAdWithoutView) {
+      RNAdWhaleMediationInterstitialAd.showAdWithoutView(0);
+      return;
+    }
+    console.warn(
+      '[AdWhaleInterstitialAd] Native module missing both showAd and showAdWithoutView.',
+    );
+  },
+
+  /**
+   * Flutter와 동일한 형태로 맞춘 신규 API (권장).
+   * - 광고를 여러 개 동시에 운용하려면 adId를 사용하세요.
+   */
+  loadInterstitialAd(
+    adId: number,
+    placementUid: string,
+    options?: {
+      placementName?: string;
+      region?: string;
+      gcoder?: AdWhaleInterstitialGcoder;
+    },
+  ) {
+    if (!RNAdWhaleMediationInterstitialAd) {
+      console.warn(LINKING_ERROR);
+      return;
+    }
+    if (!RNAdWhaleMediationInterstitialAd.loadInterstitialAd) {
+      // 네이티브가 아직 업데이트되지 않은 경우: 기존 싱글 인스턴스 경로로 폴백
+      this.loadAd(placementUid, options);
+      return;
+    }
+    RNAdWhaleMediationInterstitialAd.loadInterstitialAd({
+      adId,
+      placementUid,
+      placementName: options?.placementName,
+      region: options?.region,
+      gcoder: options?.gcoder ? [options.gcoder.lt, options.gcoder.lng] : undefined,
+    });
+  },
+
+  showAdWithoutView(adId: number) {
+    if (!RNAdWhaleMediationInterstitialAd) {
+      console.warn(LINKING_ERROR);
+      return;
+    }
+    if (!RNAdWhaleMediationInterstitialAd.showAdWithoutView) {
+      // 폴백: 싱글 인스턴스 show
+      this.showAd();
+      return;
+    }
+    RNAdWhaleMediationInterstitialAd.showAdWithoutView(adId);
+  },
+
+  destroyAd(adId: number) {
+    RNAdWhaleMediationInterstitialAd?.destroyAd?.(adId);
   },
 
   addEventListeners(listeners: AdWhaleInterstitialEvents): EmitterSubscription[] {
+    if (!interstitialEmitter) {
+      console.warn(LINKING_ERROR);
+      return [];
+    }
     const subs: EmitterSubscription[] = [];
+    let directShowedReceived = false;
 
-    if (listeners.onLoaded) {
-      subs.push(
-        interstitialEmitter.addListener('onInterstitialAdLoaded', () => {
-          listeners.onLoaded?.();
-        }),
-      );
-    }
+    subs.push(
+      interstitialEmitter.addListener('onInterstitialAdLoaded', () => {
+        directShowedReceived = false;
+        console.log('AdWhaleInterstitialAd.ts Interstitial onLoaded');
+        listeners.onLoaded?.();
+      }),
+    );
     if (listeners.onLoadFailed) {
       subs.push(
         interstitialEmitter.addListener(
@@ -84,13 +189,13 @@ export const AdWhaleInterstitialAd = {
         ),
       );
     }
-    if (listeners.onShowed) {
-      subs.push(
-        interstitialEmitter.addListener('onInterstitialAdShowed', () => {
-          listeners.onShowed?.();
-        }),
-      );
-    }
+    subs.push(
+      interstitialEmitter.addListener('onInterstitialAdShowed', () => {
+        directShowedReceived = true;
+        console.log('AdWhaleInterstitialAd.ts Interstitial onAdShowed');
+        listeners.onShowed?.();
+      }),
+    );
     if (listeners.onShowFailed) {
       subs.push(
         interstitialEmitter.addListener(
@@ -99,13 +204,23 @@ export const AdWhaleInterstitialAd = {
         ),
       );
     }
-    if (listeners.onClosed) {
-      subs.push(
-        interstitialEmitter.addListener('onInterstitialAdClosed', () => {
-          listeners.onClosed?.();
-        }),
-      );
-    }
+    subs.push(
+      interstitialEmitter.addListener('onInterstitialAdClosed', () => {
+        directShowedReceived = false;
+        console.log('AdWhaleInterstitialAd.ts Interstitial onAdClosed');
+        listeners.onClosed?.();
+      }),
+    );
+    subs.push(
+      interstitialEmitter.addListener('onAdEvent', (payload: any) => {
+        if (payload?.eventName !== 'onInterstitialAdShowed' || directShowedReceived) {
+          return;
+        }
+        directShowedReceived = true;
+        console.log('AdWhaleInterstitialAd.ts Interstitial onAdShowed');
+        listeners.onShowed?.();
+      }),
+    );
     if (listeners.onClicked) {
       subs.push(
         interstitialEmitter.addListener('onInterstitialAdClicked', () => {
@@ -116,4 +231,59 @@ export const AdWhaleInterstitialAd = {
 
     return subs;
   },
+
+  /**
+   * Flutter `onAdEvent` 스타일: payload에 eventName + adId를 포함.
+   * 네이티브가 지원하는 경우, 특정 adId만 필터링해서 이벤트를 받을 수 있습니다.
+   */
+  addAdEventListenersById(
+    adId: number,
+    listeners: AdWhaleInterstitialEvents,
+  ): EmitterSubscription[] {
+    if (!interstitialEmitter) {
+      console.warn(LINKING_ERROR);
+      return [];
+    }
+    const subs: EmitterSubscription[] = [];
+
+    const handle = (eventName: string, cb?: (e?: any) => void) => {
+      if (!cb) return;
+      subs.push(
+        interstitialEmitter.addListener('onAdEvent', (payload: any) => {
+          if (!payload || payload.adId !== adId || payload.eventName !== eventName) {
+            return;
+          }
+          cb(payload);
+        }),
+      );
+    };
+
+    handle('onInterstitialAdLoaded', () => {
+      console.log('AdWhaleInterstitialAd.ts Interstitial onLoaded');
+      listeners.onLoaded?.();
+    });
+    handle('onInterstitialAdLoadFailed', p =>
+      listeners.onLoadFailed?.({
+        statusCode: Number(p?.statusCode ?? -1),
+        message: String(p?.message ?? ''),
+      }),
+    );
+    handle('onInterstitialAdShowed', () => {
+      console.log('AdWhaleInterstitialAd.ts Interstitial onAdShowed');
+      listeners.onShowed?.();
+    });
+    handle('onInterstitialAdShowFailed', p =>
+      listeners.onShowFailed?.({
+        statusCode: Number(p?.statusCode ?? -1),
+        message: String(p?.message ?? ''),
+      }),
+    );
+    handle('onInterstitialAdClosed', () => {
+      console.log('AdWhaleInterstitialAd.ts Interstitial onAdClosed');
+      listeners.onClosed?.();
+    });
+    handle('onInterstitialAdClicked', () => listeners.onClicked?.());
+
+    return subs;
+  },
 };

package/src/AdWhaleMediationAds.ts

@@ -1,6 +1,10 @@
 // src/AdWhaleMediationAds.ts
 import { NativeModules, Platform } from 'react-native';
-import NativeAdwhaleSdkReactNative, { type InitializeResult } from './NativeAdwhaleSdkReactNative';
+import NativeAdwhaleSdkReactNative, {
+  type AdInspectorResult,
+  type GdprConsentResult,
+  type InitializeResult,
+} from './NativeAdwhaleSdkReactNative';
 
 const LINKING_ERROR =
   `AdWhale Mediation SDK native modules not linked.\n` +
@@ -10,6 +14,9 @@ const LINKING_ERROR =
   `  • Web 환경에서 실행 중이 아닌지\n` +
   `Platform: ${Platform.OS}`;
 
+const IOS_UNSUPPORTED_LOGGER =
+  '[AdWhaleMediationAds] setLoggerEnabled: iOS에서는 RN 로거 모듈(RNAdWhaleMediationLoggerModule)을 지원하지 않습니다.';
+
 interface RNAdWhaleMediationLoggerModule {
   setLogLevel?(enabled: boolean): void;
   getLogLevel?(): Promise<string>;
@@ -19,7 +26,6 @@ const { RNAdWhaleMediationLoggerModule } = NativeModules as {
   RNAdWhaleMediationLoggerModule?: RNAdWhaleMediationLoggerModule;
 };
 
-// TurboModule spec을 통해 접근
 const AdwhaleSdkReactNative = NativeAdwhaleSdkReactNative;
 
 if (!AdwhaleSdkReactNative) {
@@ -32,22 +38,46 @@ if (!AdwhaleSdkReactNative) {
     hasResetGdprConsentStatus: !!AdwhaleSdkReactNative.resetGdprConsentStatus,
     hasSetGdpr: !!AdwhaleSdkReactNative.setGdpr,
     hasSetCoppa: !!AdwhaleSdkReactNative.setCoppa,
+    hasSetTagForUnderAgeOfConsent:
+      !!AdwhaleSdkReactNative.setTagForUnderAgeOfConsent,
+    hasSetMaxAdContentRating: !!AdwhaleSdkReactNative.setMaxAdContentRating,
+    hasSetTestDeviceIdentifiers:
+      !!AdwhaleSdkReactNative.setTestDeviceIdentifiers,
+    hasShowAdInspector: !!AdwhaleSdkReactNative.showAdInspector,
+    hasSetAppMuted: !!AdwhaleSdkReactNative.setAppMuted,
+    hasSetAppVolume: !!AdwhaleSdkReactNative.setAppVolume,
   });
 }
 
 export const AdWhaleMediationAds = {
+  /**
+   * Flutter `AdWhaleMediationAds.instance.initialize()` 와 동일.
+   * 네이티브 TurboModule 은 codegen 에 따라 `initialize` 를 호출하며, 성공 맵은 `statusCode` + `message` 만 반환합니다.
+   */
   initialize(): Promise<InitializeResult> {
     if (!AdwhaleSdkReactNative?.initialize) {
       return Promise.reject(new Error(LINKING_ERROR));
     }
-    return AdwhaleSdkReactNative.initialize();
+    return AdwhaleSdkReactNative.initialize().catch((e: unknown) => ({
+      statusCode: -1,
+      message: e instanceof Error ? e.message : String(e),
+    }));
   },
 
   setLoggerEnabled(enabled: boolean) {
+    if (Platform.OS === 'ios') {
+      console.warn(IOS_UNSUPPORTED_LOGGER);
+      return;
+    }
     RNAdWhaleMediationLoggerModule?.setLogLevel?.(enabled);
   },
 
   getLogLevel(): Promise<string> {
+    if (Platform.OS === 'ios') {
+      return Promise.reject(
+        new Error('getLogLevel is not supported on iOS (Android 전용).')
+      );
+    }
     if (!RNAdWhaleMediationLoggerModule?.getLogLevel) {
       return Promise.reject(
         new Error('getLogLevel is not implemented in native module')
@@ -65,7 +95,7 @@ export const AdWhaleMediationAds = {
     AdwhaleSdkReactNative.setCoppa(enabled);
   },
 
-  requestGdprConsent(): Promise<{ isSuccess: boolean; message: string }> {
+  requestGdprConsent(): Promise<GdprConsentResult> {
     console.log('[AdWhaleMediationAds] requestGdprConsent called');
     if (!AdwhaleSdkReactNative?.requestGdprConsent) {
       const error = new Error('requestGdprConsent is not implemented in native module');
@@ -100,10 +130,84 @@ export const AdWhaleMediationAds = {
 
   setGdpr(consent: boolean) {
     console.log('[AdWhaleMediationAds] setGdpr called:', consent);
+    if (Platform.OS === 'ios') {
+      console.warn(
+        '[AdWhaleMediationAds] setGdpr: iOS AdWhale SDK 에 대응 API가 없어 지원하지 않습니다 (Android 전용).'
+      );
+      return;
+    }
     if (!AdwhaleSdkReactNative?.setGdpr) {
       console.warn('[AdWhaleMediationAds] setGdpr is not implemented in native module');
       return;
     }
     AdwhaleSdkReactNative.setGdpr(consent);
   },
+
+  setTagForUnderAgeOfConsent(tag: boolean) {
+    if (!AdwhaleSdkReactNative?.setTagForUnderAgeOfConsent) {
+      console.warn(
+        '[AdWhaleMediationAds] setTagForUnderAgeOfConsent is not implemented in native module'
+      );
+      return;
+    }
+    AdwhaleSdkReactNative.setTagForUnderAgeOfConsent(tag);
+  },
+
+  setMaxAdContentRating(rating: string | null | undefined) {
+    if (!AdwhaleSdkReactNative?.setMaxAdContentRating) {
+      console.warn(
+        '[AdWhaleMediationAds] setMaxAdContentRating is not implemented in native module'
+      );
+      return;
+    }
+    if (rating === undefined || rating === '') {
+      AdwhaleSdkReactNative.setMaxAdContentRating(null);
+    } else {
+      AdwhaleSdkReactNative.setMaxAdContentRating(rating);
+    }
+  },
+
+  setTestDeviceIdentifiers(testDeviceIds: string[] | null | undefined) {
+    if (testDeviceIds == null) {
+      return;
+    }
+    if (!AdwhaleSdkReactNative?.setTestDeviceIdentifiers) {
+      console.warn(
+        '[AdWhaleMediationAds] setTestDeviceIdentifiers is not implemented in native module'
+      );
+      return;
+    }
+    AdwhaleSdkReactNative.setTestDeviceIdentifiers(testDeviceIds);
+  },
+
+  showAdInspector(): Promise<AdInspectorResult> {
+    if (!AdwhaleSdkReactNative?.showAdInspector) {
+      return Promise.reject(
+        new Error('showAdInspector is not implemented in native module')
+      );
+    }
+    return AdwhaleSdkReactNative.showAdInspector();
+  },
+
+  setAppMuted(isMuted: boolean) {
+    if (!AdwhaleSdkReactNative?.setAppMuted) {
+      console.warn(
+        '[AdWhaleMediationAds] setAppMuted is not implemented in native module'
+      );
+      return;
+    }
+    AdwhaleSdkReactNative.setAppMuted(isMuted);
+  },
+
+  setAppVolume(volume: number) {
+    if (!AdwhaleSdkReactNative?.setAppVolume) {
+      console.warn(
+        '[AdWhaleMediationAds] setAppVolume is not implemented in native module'
+      );
+      return;
+    }
+    AdwhaleSdkReactNative.setAppVolume(volume);
+  },
 };
+
+export type { InitializeResult, GdprConsentResult, AdInspectorResult };

package/src/AdWhaleNativeCustomView.tsx

@@ -8,8 +8,8 @@ import type {
 } from 'react-native';
 
 export interface AdWhaleNativeCustomError {
-  errorCode: number;
-  errorMessage: string;
+  statusCode: number;
+  message: string;
 }
 
 export interface AdWhaleNativeCustomGcoder {
@@ -25,8 +25,11 @@ export interface AdWhaleNativeCustomViewProps {
   region?: string;
   gcoder?: AdWhaleNativeCustomGcoder;
 
-  onAdLoaded?: () => void;
-  onAdFailedToLoad?: (event: AdWhaleNativeCustomError) => void;
+  onNativeAdLoaded?: () => void;
+  onNativeAdFailedToLoad?: (event: AdWhaleNativeCustomError) => void;
+  onNativeAdShowFailed?: (event: AdWhaleNativeCustomError) => void;
+  onNativeAdClicked?: () => void;
+  onNativeAdClosed?: () => void;
 }
 
 export interface AdWhaleNativeCustomHandle {
@@ -37,11 +40,16 @@ export interface AdWhaleNativeCustomHandle {
 type NativeErrorEvent = NativeSyntheticEvent<AdWhaleNativeCustomError>;
 
 interface NativeProps
-  extends Omit<AdWhaleNativeCustomViewProps, 'onAdFailedToLoad'> {
-  onAdFailedToLoad?: (e: NativeErrorEvent) => void;
+  extends Omit<
+    AdWhaleNativeCustomViewProps,
+    'onNativeAdFailedToLoad' | 'onNativeAdShowFailed'
+  > {
+  onNativeAdFailedToLoad?: (e: NativeErrorEvent) => void;
+  onNativeAdShowFailed?: (e: NativeErrorEvent) => void;
 }
 
 const VIEW_MANAGER_NAME = 'RNAdWhaleMediationCustomNativeAdView';
+const LOG_PREFIX = '[adwhale_sdk_react_native] AdWhaleNativeCustomView.tsx';
 
 const NativeComponent =
   requireNativeComponent<NativeProps>(VIEW_MANAGER_NAME);
@@ -55,41 +63,95 @@ export const AdWhaleNativeCustomView = forwardRef<
   useImperativeHandle(ref, () => ({
     loadAd() {
       const handle = findNodeHandle(innerRef.current);
-      if (!handle) return;
+      console.log(`${LOG_PREFIX} loadAd() called handle=${String(handle)}`);
+      if (!handle) {
+        console.log(`${LOG_PREFIX} loadAd() skipped: handle is null`);
+        return;
+      }
       const config = UIManager.getViewManagerConfig(VIEW_MANAGER_NAME) as
         | { Commands?: { loadAd?: number; showAd?: number } }
         | undefined;
-      if (!config?.Commands?.loadAd) return;
-      UIManager.dispatchViewManagerCommand(
-        handle,
-        config.Commands.loadAd,
-        [],
-      );
+      const loadCommand = config?.Commands?.loadAd;
+      if (loadCommand != null) {
+        console.log(`${LOG_PREFIX} dispatch loadAd commandId=${String(loadCommand)}`);
+        UIManager.dispatchViewManagerCommand(handle, loadCommand, []);
+        return;
+      }
+      console.log(`${LOG_PREFIX} loadAd commandId missing, fallback to string command`);
+      try {
+        (UIManager as any).dispatchViewManagerCommand(handle, 'loadAd', []);
+      } catch (error) {
+        console.log(
+          `${LOG_PREFIX} loadAd fallback dispatch failed: ${String(error)}`,
+        );
+      }
     },
     showAd() {
       const handle = findNodeHandle(innerRef.current);
-      if (!handle) return;
+      console.log(`${LOG_PREFIX} showAd() called handle=${String(handle)}`);
+      if (!handle) {
+        console.log(`${LOG_PREFIX} showAd() skipped: handle is null`);
+        return;
+      }
       const config = UIManager.getViewManagerConfig(VIEW_MANAGER_NAME) as
         | { Commands?: { loadAd?: number; showAd?: number } }
         | undefined;
-      if (!config?.Commands?.showAd) return;
-      UIManager.dispatchViewManagerCommand(
-        handle,
-        config.Commands.showAd,
-        [],
-      );
+      const showCommand = config?.Commands?.showAd;
+      if (showCommand != null) {
+        console.log(`${LOG_PREFIX} dispatch showAd commandId=${String(showCommand)}`);
+        UIManager.dispatchViewManagerCommand(handle, showCommand, []);
+        return;
+      }
+      console.log(`${LOG_PREFIX} showAd commandId missing, fallback to string command`);
+      try {
+        (UIManager as any).dispatchViewManagerCommand(handle, 'showAd', []);
+      } catch (error) {
+        console.log(
+          `${LOG_PREFIX} showAd fallback dispatch failed: ${String(error)}`,
+        );
+      }
     },
   }));
 
-  const handleFailedToLoad: NativeProps['onAdFailedToLoad'] = e => {
-    props.onAdFailedToLoad?.(e.nativeEvent);
+  const handleFailedToLoad: NativeProps['onNativeAdFailedToLoad'] = e => {
+    const ev = e.nativeEvent;
+    queueMicrotask(() => props.onNativeAdFailedToLoad?.(ev));
+  };
+
+  const handleShowFailed: NativeProps['onNativeAdShowFailed'] = e => {
+    const ev = e.nativeEvent;
+    queueMicrotask(() => props.onNativeAdShowFailed?.(ev));
+  };
+
+  const handleLoaded = () => {
+    console.log('AdWhaleNativeCustomView.tsx CustomNative onLoaded');
+    // 네이티브 직접 이벤트가 레이아웃/커밋 중 동기 호출되면 setState 가 먹지 않는 경우가 있어 한 틱 미룸
+    queueMicrotask(() => props.onNativeAdLoaded?.());
+  };
+
+  const handleClicked = () => {
+    console.log('AdWhaleNativeCustomView.tsx CustomNative onClicked');
+    queueMicrotask(() => props.onNativeAdClicked?.());
+  };
+
+  const handleClosed = () => {
+    console.log('AdWhaleNativeCustomView.tsx CustomNative onClosed');
+    queueMicrotask(() => props.onNativeAdClosed?.());
   };
 
   return (
     <NativeComponent
       ref={innerRef}
       {...props}
-      onAdFailedToLoad={props.onAdFailedToLoad ? handleFailedToLoad : undefined}
+      onNativeAdLoaded={handleLoaded}
+      onNativeAdFailedToLoad={
+        props.onNativeAdFailedToLoad ? handleFailedToLoad : undefined
+      }
+      onNativeAdShowFailed={
+        props.onNativeAdShowFailed ? handleShowFailed : undefined
+      }
+      onNativeAdClicked={handleClicked}
+      onNativeAdClosed={handleClosed}
     />
   );
 });