react-native-google-mobile-ads 11.1.1 → 11.3.0

package/README.md

@@ -30,6 +30,21 @@ React Native Google Mobile Ads is built with three key principals in mind;
 - 📄 **Well documented**
   - full reference & installation documentation alongside detailed guides and FAQs
 
+## Migrating to the New Architecture Status (backwards compatible)
+This package can be used in both The Old and [The New Architecture](https://reactnative.dev/docs/the-new-architecture/landing-page).
+When using The New Architecture, some legacy code will still be used though. See status below:
+
+- **iOS**
+  - Mobile Ads SDK Methods (Turbo Native Module) 🟢🟢🟢🟢
+  - Banners (Fabric Native Component) 🟢🟢🟢🟢
+  - Full Screen Ads (Turbo Native Module) ⚪⚪⚪⚪
+  - User Messaging Platform (Turbo Native Module) ⚪⚪⚪⚪
+- **Android**
+  - Mobile Ads SDK Methods (Turbo Native Module) ⚪⚪⚪⚪
+  - Banners (Fabric Native Component) ⚪⚪⚪⚪
+  - Full Screen Ads (Turbo Native Module) ⚪⚪⚪⚪
+  - User Messaging Platform (Turbo Native Module) ⚪⚪⚪⚪
+
 ## Documentation
 
 - [Installation](https://docs.page/invertase/react-native-google-mobile-ads)

package/RNGoogleMobileAds.podspec

@@ -18,11 +18,11 @@ Pod::Spec.new do |s|
   s.source              = { :git => "#{package["repository"]["url"]}.git", :tag => "v#{s.version}" }
   s.social_media_url    = 'http://twitter.com/invertaseio'
   s.ios.deployment_target = "10.0"
-  s.source_files        = 'ios/**/*.{h,m,swift}'
+  s.source_files        = "ios/**/*.{h,m,mm,swift}"
   s.weak_frameworks     = "AppTrackingTransparency"
 
   # React Native dependencies
-  s.dependency          'React-Core'
+  install_modules_dependencies(s)
 
   # Other dependencies
   if defined?($RNGoogleUmpSDKVersion)
@@ -30,7 +30,9 @@ Pod::Spec.new do |s|
     google_ump_sdk_version = $RNGoogleUmpSDKVersion
   end
 
+  if !ENV['MAC_CATALYST']
   s.dependency          'GoogleUserMessagingPlatform', google_ump_sdk_version
+  end
 
   if defined?($RNGoogleMobileAdsSDKVersion)
     Pod::UI.puts "#{s.name}: Using user specified Google Mobile-Ads SDK version '#{$RNGoogleMobileAdsSDKVersion}'"
@@ -38,7 +40,9 @@ Pod::Spec.new do |s|
   end
 
   # AdMob dependencies
+  if !ENV['MAC_CATALYST']
   s.dependency          'Google-Mobile-Ads-SDK', google_mobile_ads_sdk_version
+  end
 
   if defined?($RNGoogleMobileAdsAsStaticFramework)
     Pod::UI.puts "#{s.name}: Using overridden static_framework value of '#{$RNGoogleMobileAdsAsStaticFramework}'"

package/__tests__/banner.test.tsx

@@ -26,4 +26,14 @@ describe('Google Mobile Ads Banner', function () {
       "BannerAd: 'size(s)' expected a valid BannerAdSize or custom size string.",
     );
   });
+
+  it('throws if requestOptions is invalid.', function () {
+    let errorMsg;
+    try {
+      render(<BannerAd unitId={MOCK_ID} size={BannerAdSize.BANNER} requestOptions={'options'} />);
+    } catch (e) {
+      errorMsg = e.message;
+    }
+    expect(errorMsg).toEqual("BannerAd: 'options' expected an object value");
+  });
 });

package/__tests__/googleMobileAds.test.ts

@@ -1,4 +1,5 @@
 import admob, { MaxAdContentRating } from '../src';
+import RNGoogleMobileAdsModule from '../src/NativeGoogleMobileAdsModule';
 
 describe('Admob', function () {
   describe('setRequestConfiguration()', function () {
@@ -61,6 +62,26 @@ describe('Admob', function () {
     });
 
     describe('testDebugMenu', function () {
+      it('does call native initialize method', () => {
+        admob().initialize();
+        expect(RNGoogleMobileAdsModule.initialize).toBeCalledTimes(1);
+      });
+
+      it('does call native setRequestConfiguration method', () => {
+        admob().setRequestConfiguration({ tagForChildDirectedTreatment: true });
+        expect(RNGoogleMobileAdsModule.setRequestConfiguration).toBeCalledTimes(1);
+      });
+
+      it('does call native openAdInspector method', () => {
+        admob().openAdInspector();
+        expect(RNGoogleMobileAdsModule.openAdInspector).toBeCalledTimes(1);
+      });
+
+      it('does call native openDebugMenu method', () => {
+        admob().openDebugMenu('12345');
+        expect(RNGoogleMobileAdsModule.openDebugMenu).toBeCalledTimes(1);
+      });
+
       it('throws if adUnit is empty', function () {
         expect(() => {
           admob().openDebugMenu('');

package/__tests__/interstitial.test.ts

@@ -34,17 +34,23 @@ describe('Google Mobile Ads Interstitial', function () {
         const ad = InterstitialAd.createForAdRequest('abc');
 
         ad.load();
-        expect(NativeModules.RNGoogleMobileAdsModule.interstitialLoad).toBeCalledTimes(1);
+        expect(NativeModules.RNGoogleMobileAdsInterstitialModule.interstitialLoad).toBeCalledTimes(
+          1,
+        );
       });
 
       it('does nothing if ad currently loading', () => {
         const ad = InterstitialAd.createForAdRequest('abc');
 
         ad.load();
-        expect(NativeModules.RNGoogleMobileAdsModule.interstitialLoad).toBeCalledTimes(1);
+        expect(NativeModules.RNGoogleMobileAdsInterstitialModule.interstitialLoad).toBeCalledTimes(
+          1,
+        );
 
         ad.load();
-        expect(NativeModules.RNGoogleMobileAdsModule.interstitialLoad).toBeCalledTimes(1);
+        expect(NativeModules.RNGoogleMobileAdsInterstitialModule.interstitialLoad).toBeCalledTimes(
+          1,
+        );
       });
 
       it('does nothing if ad is already loaded', () => {
@@ -54,33 +60,41 @@ describe('Google Mobile Ads Interstitial', function () {
         ad._handleAdEvent({ body: { type: AdEventType.LOADED } });
 
         ad.load();
-        expect(NativeModules.RNGoogleMobileAdsModule.interstitialLoad).not.toBeCalled();
+        expect(NativeModules.RNGoogleMobileAdsInterstitialModule.interstitialLoad).not.toBeCalled();
       });
 
       it('can be called again after ad was closed', () => {
         const ad = InterstitialAd.createForAdRequest('abc');
 
         ad.load();
-        expect(NativeModules.RNGoogleMobileAdsModule.interstitialLoad).toBeCalledTimes(1);
+        expect(NativeModules.RNGoogleMobileAdsInterstitialModule.interstitialLoad).toBeCalledTimes(
+          1,
+        );
 
         // @ts-ignore
         ad._handleAdEvent({ body: { type: AdEventType.CLOSED } });
 
         ad.load();
-        expect(NativeModules.RNGoogleMobileAdsModule.interstitialLoad).toBeCalledTimes(2);
+        expect(NativeModules.RNGoogleMobileAdsInterstitialModule.interstitialLoad).toBeCalledTimes(
+          2,
+        );
       });
 
       it('can be called again after ad failed to load', () => {
         const ad = InterstitialAd.createForAdRequest('abc');
 
         ad.load();
-        expect(NativeModules.RNGoogleMobileAdsModule.interstitialLoad).toBeCalledTimes(1);
+        expect(NativeModules.RNGoogleMobileAdsInterstitialModule.interstitialLoad).toBeCalledTimes(
+          1,
+        );
 
         // @ts-ignore
         ad._handleAdEvent({ body: { type: AdEventType.ERROR } });
 
         ad.load();
-        expect(NativeModules.RNGoogleMobileAdsModule.interstitialLoad).toBeCalledTimes(2);
+        expect(NativeModules.RNGoogleMobileAdsInterstitialModule.interstitialLoad).toBeCalledTimes(
+          2,
+        );
       });
     });
 

package/android/build.gradle

@@ -41,6 +41,13 @@ def jsonMinSdk = packageJson['sdkVersions']['android']['minSdk']
 def jsonTargetSdk = packageJson['sdkVersions']['android']['targetSdk']
 def jsonCompileSdk = packageJson['sdkVersions']['android']['compileSdk']
 def jsonBuildTools = packageJson['sdkVersions']['android']['buildTools']
+def isNewArchitectureEnabled() {
+    return project.hasProperty("newArchEnabled") && project.newArchEnabled == "true"
+}
+
+if (isNewArchitectureEnabled()) {
+    apply plugin: "com.facebook.react"
+}
 
 project.ext {
   set('react-native', [
@@ -100,6 +107,7 @@ android {
       appJSONGoogleMobileAdsOptimizeInitialization : appJSONGoogleMobileAdsOptimizeInitializationBool,
       appJSONGoogleMobileAdsOptimizeAdLoading      : appJSONGoogleMobileAdsOptimizeAdLoadingBool
     ]
+    buildConfigField "boolean", "IS_NEW_ARCHITECTURE_ENABLED", isNewArchitectureEnabled().toString()
   }
   lintOptions {
     disable 'GradleCompatible'

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

@@ -0,0 +1,21 @@
+package io.invertase.googlemobileads
+
+import com.facebook.react.bridge.WritableMap
+import com.facebook.react.uimanager.events.Event
+
+class OnNativeEvent(viewId: Int, private val event: WritableMap) : Event<OnNativeEvent>(viewId) {
+
+    override fun getEventName(): String {
+        return EVENT_NAME
+    }
+
+    override fun getCoalescingKey(): Short = 0
+
+    override fun getEventData(): WritableMap? {
+        return event
+    }
+
+    companion object {
+        const val EVENT_NAME = "topNative"
+    }
+}

package/android/src/main/java/io/invertase/googlemobileads/ReactNativeGoogleMobileAdsBannerAdViewManager.java

@@ -22,14 +22,14 @@ import androidx.annotation.NonNull;
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.bridge.ReadableArray;
-import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.common.MapBuilder;
 import com.facebook.react.uimanager.PixelUtil;
 import com.facebook.react.uimanager.SimpleViewManager;
 import com.facebook.react.uimanager.ThemedReactContext;
+import com.facebook.react.uimanager.UIManagerHelper;
 import com.facebook.react.uimanager.annotations.ReactProp;
-import com.facebook.react.uimanager.events.RCTEventEmitter;
+import com.facebook.react.uimanager.events.EventDispatcher;
 import com.facebook.react.views.view.ReactViewGroup;
 import com.google.android.gms.ads.AdListener;
 import com.google.android.gms.ads.AdRequest;
@@ -40,12 +40,15 @@ import com.google.android.gms.ads.LoadAdError;
 import com.google.android.gms.ads.admanager.AdManagerAdView;
 import com.google.android.gms.ads.admanager.AppEventListener;
 import io.invertase.googlemobileads.common.ReactNativeAdView;
+import io.invertase.googlemobileads.common.SharedUtils;
 import java.util.ArrayList;
 import java.util.List;
 import java.util.Map;
 import java.util.Objects;
 import javax.annotation.Nonnull;
 import javax.annotation.Nullable;
+import org.json.JSONException;
+import org.json.JSONObject;
 
 public class ReactNativeGoogleMobileAdsBannerAdViewManager
     extends SimpleViewManager<ReactNativeAdView> {
@@ -73,7 +76,7 @@ public class ReactNativeGoogleMobileAdsBannerAdViewManager
   @Override
   public Map<String, Object> getExportedCustomDirectEventTypeConstants() {
     MapBuilder.Builder<String, Object> builder = MapBuilder.builder();
-    builder.put("onNativeEvent", MapBuilder.of("registrationName", "onNativeEvent"));
+    builder.put(OnNativeEvent.EVENT_NAME, MapBuilder.of("registrationName", "onNativeEvent"));
     return builder.build();
   }
 
@@ -104,9 +107,15 @@ public class ReactNativeGoogleMobileAdsBannerAdViewManager
   }
 
   @ReactProp(name = "request")
-  public void setRequest(ReactNativeAdView reactViewGroup, ReadableMap value) {
-    reactViewGroup.setRequest(ReactNativeGoogleMobileAdsCommon.buildAdRequest(value));
-    reactViewGroup.setPropsChanged(true);
+  public void setRequest(ReactNativeAdView reactViewGroup, String value) {
+    try {
+      JSONObject jsonObject = new JSONObject(value);
+      WritableMap writableMap = SharedUtils.jsonObjectToWritableMap(jsonObject);
+      reactViewGroup.setRequest(ReactNativeGoogleMobileAdsCommon.buildAdRequest(writableMap));
+      reactViewGroup.setPropsChanged(true);
+    } catch (JSONException e) {
+      e.printStackTrace();
+    }
   }
 
   @ReactProp(name = "sizes")
@@ -274,8 +283,11 @@ public class ReactNativeGoogleMobileAdsBannerAdViewManager
       event.merge(payload);
     }
 
-    ((ThemedReactContext) reactViewGroup.getContext())
-        .getJSModule(RCTEventEmitter.class)
-        .receiveEvent(reactViewGroup.getId(), "onNativeEvent", event);
+    ThemedReactContext themedReactContext = ((ThemedReactContext) reactViewGroup.getContext());
+    EventDispatcher eventDispatcher =
+        UIManagerHelper.getEventDispatcherForReactTag(themedReactContext, reactViewGroup.getId());
+    if (eventDispatcher != null) {
+      eventDispatcher.dispatchEvent(new OnNativeEvent(reactViewGroup.getId(), event));
+    }
   }
 }

package/android/src/main/java/io/invertase/googlemobileads/common/SharedUtils.java

@@ -25,6 +25,7 @@ import android.net.Uri;
 import android.os.Build;
 import android.util.Log;
 import com.facebook.react.bridge.*;
+import com.facebook.react.bridge.WritableNativeMap;
 import com.facebook.react.common.LifecycleState;
 import com.facebook.react.modules.core.DeviceEventManagerModule;
 import java.io.File;
@@ -239,28 +240,29 @@ public class SharedUtils {
   }
 
   public static WritableMap jsonObjectToWritableMap(JSONObject jsonObject) throws JSONException {
-    Iterator<String> iterator = jsonObject.keys();
-    WritableMap writableMap = Arguments.createMap();
+    WritableMap map = new WritableNativeMap();
 
+    Iterator<String> iterator = jsonObject.keys();
     while (iterator.hasNext()) {
       String key = iterator.next();
       Object value = jsonObject.get(key);
-      if (value instanceof Float || value instanceof Double) {
-        writableMap.putDouble(key, jsonObject.getDouble(key));
-      } else if (value instanceof Number) {
-        writableMap.putInt(key, jsonObject.getInt(key));
-      } else if (value instanceof String) {
-        writableMap.putString(key, jsonObject.getString(key));
-      } else if (value instanceof JSONObject) {
-        writableMap.putMap(key, jsonObjectToWritableMap(jsonObject.getJSONObject(key)));
+      if (value instanceof JSONObject) {
+        map.putMap(key, jsonObjectToWritableMap((JSONObject) value));
       } else if (value instanceof JSONArray) {
-        writableMap.putArray(key, jsonArrayToWritableArray(jsonObject.getJSONArray(key)));
-      } else if (value == JSONObject.NULL) {
-        writableMap.putNull(key);
+        map.putArray(key, jsonArrayToWritableArray((JSONArray) value));
+      } else if (value instanceof Boolean) {
+        map.putBoolean(key, (Boolean) value);
+      } else if (value instanceof Integer) {
+        map.putInt(key, (Integer) value);
+      } else if (value instanceof Double) {
+        map.putDouble(key, (Double) value);
+      } else if (value instanceof String) {
+        map.putString(key, (String) value);
+      } else {
+        map.putString(key, value.toString());
       }
     }
-
-    return writableMap;
+    return map;
   }
 
   public static WritableArray jsonArrayToWritableArray(JSONArray jsonArray) throws JSONException {

package/ios/RNGoogleMobileAds/RNGoogleMobileAdsAppOpenModule.m

@@ -15,6 +15,8 @@
  *
  */
 
+#if !TARGET_OS_MACCATALYST
+
 #import <React/RCTBridgeModule.h>
 
 @interface RCT_EXTERN_MODULE (RNGoogleMobileAdsAppOpenModule, NSObject)
@@ -40,3 +42,5 @@ RCT_EXTERN_METHOD(appOpenShow
                   : (RCTPromiseRejectBlock)reject)
 
 @end
+
+#endif

package/ios/RNGoogleMobileAds/RNGoogleMobileAdsAppOpenModule.swift

@@ -15,6 +15,8 @@
  *
  */
 
+#if !targetEnvironment(macCatalyst)
+
 import Foundation
 import GoogleMobileAds
 
@@ -79,3 +81,5 @@ class RNGoogleMobileAdsAppOpenModule: NSObject {
     }
   }
 }
+
+#endif

package/ios/RNGoogleMobileAds/RNGoogleMobileAdsBannerComponent.h

@@ -15,6 +15,8 @@
  *
  */
 
+#if !TARGET_OS_MACCATALYST
+
 #import <GoogleMobileAds/GADAppEventDelegate.h>
 #import <GoogleMobileAds/GADBannerView.h>
 #import <GoogleMobileAds/GADBannerViewDelegate.h>
@@ -37,3 +39,5 @@
 - (void)recordManualImpression;
 
 @end
+
+#endif

package/ios/RNGoogleMobileAds/RNGoogleMobileAdsBannerComponent.m

@@ -15,6 +15,8 @@
  *
  */
 
+#if !TARGET_OS_MACCATALYST
+
 #import "RNGoogleMobileAdsBannerComponent.h"
 #import <React/RCTLog.h>
 #import "RNGoogleMobileAdsCommon.h"
@@ -64,8 +66,13 @@
   _propsChanged = true;
 }
 
-- (void)setRequest:(NSDictionary *)request {
-  _request = request;
+- (void)setRequest:(NSString *)request {
+  NSData *jsonData = [request dataUsingEncoding:NSUTF8StringEncoding];
+  NSError *error = nil;
+  _request = [NSJSONSerialization JSONObjectWithData:jsonData options:kNilOptions error:&error];
+  if (error) {
+    NSLog(@"Error parsing JSON: %@", error.localizedDescription);
+  }
   _propsChanged = true;
 }
 
@@ -154,3 +161,5 @@
 }
 
 @end
+
+#endif

package/ios/RNGoogleMobileAds/RNGoogleMobileAdsBannerView.h

@@ -0,0 +1,30 @@
+// This guard prevent this file to be compiled in the old architecture.
+#ifdef RCT_NEW_ARCH_ENABLED
+#import <GoogleMobileAds/GADAppEventDelegate.h>
+#import <GoogleMobileAds/GADBannerView.h>
+#import <GoogleMobileAds/GADBannerViewDelegate.h>
+#import <React/RCTViewComponentView.h>
+#import <UIKit/UIKit.h>
+
+#ifndef NativeComponentExampleComponentView_h
+#define NativeComponentExampleComponentView_h
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface RNGoogleMobileAdsBannerView
+    : RCTViewComponentView <GADBannerViewDelegate, GADAppEventDelegate>
+
+@property GADBannerView *banner;
+@property(nonatomic, assign) BOOL requested;
+
+@property(nonatomic, copy) NSArray *sizes;
+@property(nonatomic, copy) NSString *unitId;
+@property(nonatomic, copy) NSDictionary *request;
+@property(nonatomic, copy) NSNumber *manualImpressionsEnabled;
+
+@end
+
+NS_ASSUME_NONNULL_END
+
+#endif /* NativeComponentExampleComponentView_h */
+#endif /* RCT_NEW_ARCH_ENABLED */

package/ios/RNGoogleMobileAds/RNGoogleMobileAdsBannerView.mm

@@ -0,0 +1,220 @@
+// This guard prevent the code from being compiled in the old architecture
+#ifdef RCT_NEW_ARCH_ENABLED
+#import "RNGoogleMobileAdsBannerView.h"
+#import "RNGoogleMobileAdsCommon.h"
+
+#import <react/renderer/components/RNGoogleMobileAdsSpec/ComponentDescriptors.h>
+#import <react/renderer/components/RNGoogleMobileAdsSpec/EventEmitters.h>
+#import <react/renderer/components/RNGoogleMobileAdsSpec/Props.h>
+#import <react/renderer/components/RNGoogleMobileAdsSpec/RCTComponentViewHelpers.h>
+
+#import "RCTFabricComponentsPlugins.h"
+
+using namespace facebook::react;
+
+@interface RNGoogleMobileAdsBannerView () <RCTRNGoogleMobileAdsBannerViewViewProtocol>
+
+@end
+
+@implementation RNGoogleMobileAdsBannerView
+
++ (ComponentDescriptorProvider)componentDescriptorProvider {
+  return concreteComponentDescriptorProvider<RNGoogleMobileAdsBannerViewComponentDescriptor>();
+}
+
+- (instancetype)initWithFrame:(CGRect)frame {
+  if (self = [super initWithFrame:frame]) {
+    static const auto defaultProps = std::make_shared<const RNGoogleMobileAdsBannerViewProps>();
+    _props = defaultProps;
+  }
+
+  return self;
+}
+
+- (void)prepareForRecycle {
+  [super prepareForRecycle];
+  static const auto defaultProps = std::make_shared<const RNGoogleMobileAdsBannerViewProps>();
+  _props = defaultProps;
+}
+
+- (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps {
+  const auto &oldViewProps =
+      *std::static_pointer_cast<RNGoogleMobileAdsBannerViewProps const>(_props);
+  const auto &newViewProps =
+      *std::static_pointer_cast<RNGoogleMobileAdsBannerViewProps const>(props);
+
+  BOOL propsChanged = false;
+
+  if (oldViewProps.unitId != newViewProps.unitId) {
+    _unitId = [[NSString alloc] initWithUTF8String:newViewProps.unitId.c_str()];
+    propsChanged = true;
+  }
+
+  if (oldViewProps.sizes != newViewProps.sizes) {
+    NSMutableArray *adSizes = [NSMutableArray arrayWithCapacity:newViewProps.sizes.size()];
+    for (auto i = 0; i < newViewProps.sizes.size(); i++) {
+      NSString *jsonValue = [[NSString alloc] initWithUTF8String:newViewProps.sizes[i].c_str()];
+      GADAdSize adSize = [RNGoogleMobileAdsCommon stringToAdSize:jsonValue];
+      if (GADAdSizeEqualToSize(adSize, GADAdSizeInvalid)) {
+        RCTLogWarn(@"Invalid adSize %@", jsonValue);
+      } else {
+        [adSizes addObject:NSValueFromGADAdSize(adSize)];
+      }
+    }
+    _sizes = adSizes;
+    propsChanged = true;
+  }
+
+  if (_request == nil) {
+    _request = [NSDictionary dictionary];
+  }
+  if (oldViewProps.request != newViewProps.request) {
+    NSString *jsonString = [[NSString alloc] initWithUTF8String:newViewProps.request.c_str()];
+    NSData *jsonData = [jsonString dataUsingEncoding:NSUTF8StringEncoding];
+    NSError *error = nil;
+    _request = [NSJSONSerialization JSONObjectWithData:jsonData options:kNilOptions error:&error];
+    if (error) {
+      NSLog(@"Error parsing JSON: %@", error.localizedDescription);
+    }
+    propsChanged = true;
+  }
+
+  if (_manualImpressionsEnabled == nil) {
+    _manualImpressionsEnabled = [NSNumber numberWithBool:oldViewProps.manualImpressionsEnabled];
+  }
+  if (oldViewProps.manualImpressionsEnabled != newViewProps.manualImpressionsEnabled) {
+    _manualImpressionsEnabled = [NSNumber numberWithBool:newViewProps.manualImpressionsEnabled];
+    propsChanged = true;
+  }
+
+  if (propsChanged) {
+    [self requestAd];
+  }
+
+  [super updateProps:props oldProps:oldProps];
+}
+
+#pragma mark - Methods
+
+- (void)initBanner:(GADAdSize)adSize {
+  if (_requested) {
+    [_banner removeFromSuperview];
+  }
+  if ([RNGoogleMobileAdsCommon isAdManagerUnit:_unitId]) {
+    _banner = [[GAMBannerView alloc] initWithAdSize:adSize];
+
+    ((GAMBannerView *)_banner).validAdSizes = _sizes;
+    ((GAMBannerView *)_banner).appEventDelegate = self;
+    ((GAMBannerView *)_banner).enableManualImpressions = [_manualImpressionsEnabled boolValue];
+  } else {
+    _banner = [[GADBannerView alloc] initWithAdSize:adSize];
+  }
+  _banner.rootViewController = [UIApplication sharedApplication].delegate.window.rootViewController;
+  _banner.delegate = self;
+}
+
+- (void)requestAd {
+#ifndef __LP64__
+  return;  // prevent crash on 32bit
+#endif
+
+  if (_unitId == nil || _sizes == nil || _request == nil || _manualImpressionsEnabled == nil) {
+    [self setRequested:NO];
+    return;
+  } else {
+    [self initBanner:GADAdSizeFromNSValue(_sizes[0])];
+    [self addSubview:_banner];
+    _banner.adUnitID = _unitId;
+    [self setRequested:YES];
+    [_banner loadRequest:[RNGoogleMobileAdsCommon buildAdRequest:_request]];
+    if (_eventEmitter != nullptr) {
+      std::dynamic_pointer_cast<const facebook::react::RNGoogleMobileAdsBannerViewEventEmitter>(
+          _eventEmitter)
+          ->onNativeEvent(facebook::react::RNGoogleMobileAdsBannerViewEventEmitter::OnNativeEvent{
+              .type = "onSizeChange",
+              .width = _banner.bounds.size.width,
+              .height = _banner.bounds.size.height});
+    }
+  }
+}
+
+- (void)handleCommand:(const NSString *)commandName args:(const NSArray *)args {
+  if ([commandName isEqual:@"recordManualImpression"]) {
+    [self recordManualImpression];
+  }
+}
+
+- (void)recordManualImpression {
+  if ([_banner class] == [GAMBannerView class]) {
+    [((GAMBannerView *)_banner) recordImpression];
+  }
+}
+
+#pragma mark - Events
+
+- (void)bannerViewDidReceiveAd:(GADBannerView *)bannerView {
+  if (_eventEmitter != nullptr) {
+    std::dynamic_pointer_cast<const facebook::react::RNGoogleMobileAdsBannerViewEventEmitter>(
+        _eventEmitter)
+        ->onNativeEvent(facebook::react::RNGoogleMobileAdsBannerViewEventEmitter::OnNativeEvent{
+            .type = "onAdLoaded",
+            .width = bannerView.bounds.size.width,
+            .height = bannerView.bounds.size.height});
+  }
+}
+
+- (void)bannerView:(GADBannerView *)bannerView didFailToReceiveAdWithError:(NSError *)error {
+  NSDictionary *errorAndMessage = [RNGoogleMobileAdsCommon getCodeAndMessageFromAdError:error];
+  if (_eventEmitter != nullptr) {
+    std::dynamic_pointer_cast<const facebook::react::RNGoogleMobileAdsBannerViewEventEmitter>(
+        _eventEmitter)
+        ->onNativeEvent(facebook::react::RNGoogleMobileAdsBannerViewEventEmitter::OnNativeEvent{
+            .type = "onAdFailedToLoad",
+            .code = std::string([[errorAndMessage valueForKey:@"code"] UTF8String]),
+            .message = std::string([[errorAndMessage valueForKey:@"message"] UTF8String])});
+  }
+}
+
+- (void)bannerViewWillPresentScreen:(GADBannerView *)bannerView {
+  if (_eventEmitter != nullptr) {
+    std::dynamic_pointer_cast<const facebook::react::RNGoogleMobileAdsBannerViewEventEmitter>(
+        _eventEmitter)
+        ->onNativeEvent(facebook::react::RNGoogleMobileAdsBannerViewEventEmitter::OnNativeEvent{
+            .type = "onAdOpened"});
+  }
+}
+
+- (void)bannerViewWillDismissScreen:(GADBannerView *)bannerView {
+  // not in use
+}
+
+- (void)bannerViewDidDismissScreen:(GADBannerView *)bannerView {
+  if (_eventEmitter != nullptr) {
+    std::dynamic_pointer_cast<const facebook::react::RNGoogleMobileAdsBannerViewEventEmitter>(
+        _eventEmitter)
+        ->onNativeEvent(facebook::react::RNGoogleMobileAdsBannerViewEventEmitter::OnNativeEvent{
+            .type = "onAdClosed"});
+  }
+}
+
+- (void)adView:(nonnull GADBannerView *)banner
+    didReceiveAppEvent:(nonnull NSString *)name
+              withInfo:(nullable NSString *)info {
+  if (_eventEmitter != nullptr) {
+    std::dynamic_pointer_cast<const facebook::react::RNGoogleMobileAdsBannerViewEventEmitter>(
+        _eventEmitter)
+        ->onNativeEvent(facebook::react::RNGoogleMobileAdsBannerViewEventEmitter::OnNativeEvent{
+            .type = "onAppEvent",
+            .name = std::string([name UTF8String]),
+            .data = std::string([info UTF8String])});
+  }
+}
+
+#pragma mark - RNGoogleMobileAdsBannerViewCls
+
+Class<RCTComponentViewProtocol> RNGoogleMobileAdsBannerViewCls(void) {
+  return RNGoogleMobileAdsBannerView.class;
+}
+
+@end
+#endif