react-native-google-mobile-ads 13.3.0 → 13.4.0

package/android/src/main/java/io/invertase/googlemobileads/OnNativeEvent.kt

@@ -16,6 +16,6 @@ class OnNativeEvent(viewId: Int, private val event: WritableMap) : Event<OnNativ
     }
 
     companion object {
-        const val EVENT_NAME = "topNative"
+        const val EVENT_NAME = "topNativeEvent"
     }
 }

package/docs/displaying-ads.mdx

@@ -399,18 +399,33 @@ The module exposes a [`BannerAd`](/reference/admob/bannerad) component. The `uni
 a banner:
 
 ```js
-import React from 'react';
+import React, { useState, useEffect, useRef } from 'react';
+import { AppState } from 'react-native';
 import { BannerAd, BannerAdSize, TestIds } from 'react-native-google-mobile-ads';
 
 const adUnitId = __DEV__ ? TestIds.ADAPTIVE_BANNER : 'ca-app-pub-xxxxxxxxxxxxx/yyyyyyyyyyyyyy';
 
 function App() {
-  return (
-    <BannerAd
-      unitId={adUnitId}
-      size={BannerAdSize.ANCHORED_ADAPTIVE_BANNER}
-    />
-  );
+  const appState = useRef(AppState.currentState);
+  const [key, setKey] = useState(`banner-${Date.now()}`);
+
+  // WKWebView can terminate if app is in a "suspended state", resulting in an empty banner when app returns to foreground.
+  // A Google Mobile Ads Advisor suggests requesting a new ad when the app is foregrounded.
+  // For more details, see: [https://groups.google.com/g/google-admob-ads-sdk/c/rwBpqOUr8m8]
+  useEffect(() => {
+    const subscription = AppState.addEventListener('change', nextAppState => {
+      if (appState.current.match(/background/) && nextAppState === 'active') {
+        setKey(`banner-${Date.now()}`);
+      }
+      appState.current = nextAppState;
+    });
+
+    return () => {
+      subscription.remove();
+    };
+  }, []);
+
+  return <BannerAd key={key} unitId={adUnitId} size={BannerAdSize.ANCHORED_ADAPTIVE_BANNER} />;
 }
 ```
 
@@ -473,12 +488,7 @@ import { GAMBannerAd, BannerAdSize, TestIds } from 'react-native-google-mobile-a
 const adUnitId = __DEV__ ? TestIds.GAM_BANNER : '/xxx/yyyy';
 
 function App() {
-  return (
-    <GAMBannerAd
-      unitId={adUnitId}
-      sizes={[BannerAdSize.FULL_BANNER]}
-    />
-  );
+  return <GAMBannerAd unitId={adUnitId} sizes={[BannerAdSize.FULL_BANNER]} />;
 }
 ```
 

package/lib/commonjs/version.js

@@ -5,6 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = void 0;
 // Generated by genversion.
-const version = '13.3.0';
+const version = '13.4.0';
 exports.version = version;
 //# sourceMappingURL=version.js.map

package/lib/module/version.js

@@ -1,3 +1,3 @@
 // Generated by genversion.
-export const version = '13.3.0';
+export const version = '13.4.0';
 //# sourceMappingURL=version.js.map

package/lib/typescript/index.d.ts

@@ -1,4 +1,4 @@
-export declare const SDK_VERSION = "13.3.0";
+export declare const SDK_VERSION = "13.4.0";
 export { default, MobileAds } from './MobileAds';
 export { AdsConsentDebugGeography } from './AdsConsentDebugGeography';
 export { AdsConsentPurposes } from './AdsConsentPurposes';

package/lib/typescript/version.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "13.3.0";
+export declare const version = "13.4.0";
 //# sourceMappingURL=version.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-google-mobile-ads",
-  "version": "13.3.0",
+  "version": "13.4.0",
   "author": "Invertase <oss@invertase.io> (http://invertase.io)",
   "description": "React Native Google Mobile Ads is an easy way to monetize mobile apps with targeted, in-app advertising.",
   "main": "lib/commonjs/index.js",
@@ -41,15 +41,15 @@
   ],
   "sdkVersions": {
     "ios": {
-      "googleMobileAds": "11.2.0",
-      "googleUmp": "2.3.0"
+      "googleMobileAds": "11.5.0",
+      "googleUmp": "2.4.0"
     },
     "android": {
       "minSdk": 21,
-      "targetSdk": 33,
-      "compileSdk": 33,
-      "buildTools": "33.0.0",
-      "googleMobileAds": "23.0.0",
+      "targetSdk": 34,
+      "compileSdk": 34,
+      "buildTools": "34.0.0",
+      "googleMobileAds": "23.1.0",
       "googleUmp": "2.2.0"
     }
   },

package/src/version.ts

@@ -1,2 +1,2 @@
 // Generated by genversion.
-export const version = '13.3.0';
+export const version = '13.4.0';