react-native-daro 1.0.15 → 1.0.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-daro",
-  "version": "1.0.15",
+  "version": "1.0.16",
   "description": "React Native module for the Daro SDK on Android and iOS",
   "main": "./lib/commonjs/index.js",
   "module": "./lib/module/index.js",
@@ -38,6 +38,9 @@
     "!**/__fixtures__",
     "!**/__mocks__",
     "!**/.*",
+    "ios/Fabric",
+    "android/src/newarch",
+    "android/src/oldarch",
     "plugin/build"
   ],
   "scripts": {
@@ -87,7 +90,6 @@
     "react": "19.1.0",
     "react-native": "0.81.5",
     "react-native-builder-bob": "^0.41.0",
-    "release-it": "^19.2.4",
     "turbo": "^2.8.21",
     "typescript": "~5.9.3"
   },
@@ -128,8 +130,14 @@
   },
   "codegenConfig": {
     "name": "DaroReactNativeSpec",
-    "type": "modules",
+    "type": "all",
     "jsSrcsDir": "src",
+    "ios": {
+      "componentProvider": {
+        "DaroMAdBannerView": "DaroMAdBannerViewComponentView",
+        "DaroMNativeAdView": "DaroMNativeAdViewComponentView"
+      }
+    },
     "android": {
       "javaPackageName": "com.daro.reactnative"
     }
@@ -164,8 +172,7 @@
     "tools": [
       "eslint",
       "jest",
-      "lefthook",
-      "release-it"
+      "lefthook"
     ],
     "version": "0.60.0"
   }

package/plugin/build/index.d.ts

@@ -3,7 +3,7 @@ export type DaroMediation = 'admob' | 'max';
 export type DaroIosProps = {
     daroAppKey: string;
     daroKeyFile: string;
-    admobAppId?: string;
+    admobAppId: string;
     attUsageDescription?: string;
 };
 export type DaroAndroidProps = {

package/plugin/build/withAndroid.js

@@ -38,17 +38,33 @@ const config_plugins_1 = require("expo/config-plugins");
 const fs = __importStar(require("fs"));
 const path = __importStar(require("path"));
 const KEY_FILE_NAME = 'android-daro-key.txt';
+const JETIFIER_IGNORELIST_KEY = 'android.jetifier.ignorelist';
+const JETIFIER_IGNORELIST_ENTRIES = ['react-android', 'hermes-android'];
 const DARO_GRADLE_PLUGIN_CLASSPATH = 'so.daro:daro-plugin:1.0.13';
 const MAX_QUALITY_CLASSPATH = 'com.applovin.quality:AppLovinQualityServiceGradlePlugin:5.5.2';
-const MAX_MAVEN_REPO = 'https://artifacts.applovin.com/android';
+const APPLOVIN_MAVEN_REPO = 'https://artifacts.applovin.com/android';
+const MAX_ALLPROJECTS_MAVEN_REPOS = [
+    'https://android-sdk.is.com',
+    'https://dl-maven-android.mintegral.com/repository/mbridge_android_sdk_oversea',
+    'https://maven.ogury.co',
+    'https://artifact.bytedance.com/repository/pangle',
+    'https://s3.amazonaws.com/smaato-sdk-releases/',
+    'https://cboost.jfrog.io/artifactory/chartboost-ads/',
+    APPLOVIN_MAVEN_REPO,
+];
 const DARO_APP_PLUGIN_IDS = {
     admob: 'so.daro.a',
     max: 'so.daro.m',
 };
+const DARO_SDK_DEPENDENCIES = {
+    admob: 'so.daro:daro-a:1.5.5',
+    max: 'so.daro:daro-m:1.3.8',
+};
+const DARO_SDK_DEPENDENCY_LINE_PATTERN = /^\s*(?:implementation|api|compileOnly|runtimeOnly)\s*(?:\(\s*)?['"]so\.daro:daro-[am]:[^'"]+['"]\s*\)?\s*(?:\/\/.*)?$/gm;
 const DARO_MAVEN_REPOS = [
     'https://artifact.bytedance.com/repository/pangle',
     'https://cboost.jfrog.io/artifactory/chartboost-ads/',
-    'https://android-sdk.is.com/',
+    'https://android-sdk.is.com',
     'https://dl-maven-android.mintegral.com/repository/mbridge_android_sdk_oversea',
 ];
 function replaceOrThrow(contents, pattern, replacement, target) {
@@ -58,9 +74,68 @@ function replaceOrThrow(contents, pattern, replacement, target) {
     }
     return contents.replace(pattern, replacement);
 }
+function findClosingBrace(contents, openBraceIndex) {
+    let depth = 0;
+    for (let index = openBraceIndex; index < contents.length; index += 1) {
+        const char = contents[index];
+        if (char === '{') {
+            depth += 1;
+        }
+        else if (char === '}') {
+            depth -= 1;
+            if (depth === 0)
+                return index;
+        }
+    }
+    throw new Error('[daro-react-native] Cannot automatically update android/build.gradle. ' +
+        'Expected to find a complete repositories block.');
+}
+function findRepositoriesBlock(contents, pattern, target) {
+    const match = pattern.exec(contents);
+    if (!match) {
+        throw new Error(`[daro-react-native] Cannot automatically update android/build.gradle. ` +
+            `Expected to find ${target}.`);
+    }
+    const openBraceIndex = match.index + match[0].lastIndexOf('{');
+    const closeBraceIndex = findClosingBrace(contents, openBraceIndex);
+    return {
+        insertIndex: match.index + match[0].length,
+        contentStartIndex: openBraceIndex + 1,
+        contents: contents.slice(openBraceIndex + 1, closeBraceIndex),
+    };
+}
+function addMavenRepositories(contents, pattern, urls, target) {
+    const repositoriesBlock = findRepositoriesBlock(contents, pattern, target);
+    const missingUrls = urls.filter((url) => !repositoriesBlock.contents.includes(url));
+    if (missingUrls.length === 0)
+        return contents;
+    const insertIndex = findRepositoryInsertIndex(repositoriesBlock);
+    return `${contents.slice(0, insertIndex)}\n${missingUrls
+        .map((url) => `    maven { url = uri("${url}") }`)
+        .join('\n')}${contents.slice(insertIndex)}`;
+}
+function findRepositoryInsertIndex(repositoriesBlock) {
+    const preferredAnchor = /mavenCentral\(\)[^\S\r\n]*/.exec(repositoriesBlock.contents) ??
+        /google\(\)[^\S\r\n]*/.exec(repositoriesBlock.contents);
+    return preferredAnchor
+        ? repositoriesBlock.contentStartIndex +
+            preferredAnchor.index +
+            preferredAnchor[0].length
+        : repositoriesBlock.insertIndex;
+}
+function addMaxBuildscriptRepository(contents) {
+    const repositoriesBlock = findRepositoriesBlock(contents, /buildscript\s*\{[\s\S]*?repositories\s*\{/, 'a buildscript repositories block');
+    if (repositoriesBlock.contents.includes(APPLOVIN_MAVEN_REPO)) {
+        return contents;
+    }
+    const insertIndex = findRepositoryInsertIndex(repositoriesBlock);
+    const repositoryLine = `\n    maven { url = uri("${APPLOVIN_MAVEN_REPO}") }`;
+    return `${contents.slice(0, insertIndex)}${repositoryLine}${contents.slice(insertIndex)}`;
+}
 const withAndroidConfiguration = (config, props) => {
     const { mediation } = props;
     const daroAppPluginId = DARO_APP_PLUGIN_IDS[mediation];
+    const daroSdkDependency = DARO_SDK_DEPENDENCIES[mediation];
     // 1. project build.gradle: classpath + maven repos
     config = (0, config_plugins_1.withProjectBuildGradle)(config, (gradleConfig) => {
         if (gradleConfig.modResults.language !== 'groovy') {
@@ -74,31 +149,26 @@ const withAndroidConfiguration = (config, props) => {
         if (mediation === 'max' && !contents.includes(MAX_QUALITY_CLASSPATH)) {
             contents = replaceOrThrow(contents, /dependencies\s*\{/, (match) => `${match}\n    classpath("${MAX_QUALITY_CLASSPATH}")`, 'a buildscript dependencies block');
         }
-        const mavenRepos = mediation === 'max'
-            ? [MAX_MAVEN_REPO, ...DARO_MAVEN_REPOS]
-            : DARO_MAVEN_REPOS;
-        for (const url of mavenRepos) {
-            if (contents.includes(url))
-                continue;
-            contents = replaceOrThrow(contents, /allprojects\s*\{[\s\S]*?repositories\s*\{/, (match) => `${match}\n    maven { url = uri("${url}") }`, 'an allprojects repositories block');
-        }
-        if (mediation === 'max' &&
-            !contents.includes('daro-react-native-max-buildscript-repo')) {
-            contents = replaceOrThrow(contents, /buildscript\s*\{[\s\S]*?repositories\s*\{/, (match) => `${match}\n    // daro-react-native-max-buildscript-repo\n    maven { url = uri("${MAX_MAVEN_REPO}") }`, 'a buildscript repositories block');
+        contents = addMavenRepositories(contents, /allprojects\s*\{[\s\S]*?repositories\s*\{/, mediation === 'max' ? MAX_ALLPROJECTS_MAVEN_REPOS : DARO_MAVEN_REPOS, 'an allprojects repositories block');
+        if (mediation === 'max') {
+            contents = addMaxBuildscriptRepository(contents);
         }
         gradleConfig.modResults.contents = contents;
         return gradleConfig;
     });
-    // 2. app/build.gradle: apply selected Daro mediation plugin.
+    // 2. app/build.gradle: add selected Daro SDK dependency and plugin.
     config = (0, config_plugins_1.withAppBuildGradle)(config, (gradleConfig) => {
         if (gradleConfig.modResults.language !== 'groovy') {
             config_plugins_1.WarningAggregator.addWarningAndroid('daro-react-native', 'Cannot automatically configure app/build.gradle if it is not groovy.');
             return gradleConfig;
         }
         let contents = gradleConfig.modResults.contents.replace(/\n?apply plugin: ['"]so\.daro\.[am]['"]\n?/g, '\n');
-        if (contents.includes(daroAppPluginId))
-            return gradleConfig;
-        gradleConfig.modResults.contents = `${contents.trimEnd()}\napply plugin: "${daroAppPluginId}"\n`;
+        contents = contents.replace(DARO_SDK_DEPENDENCY_LINE_PATTERN, '');
+        contents = replaceOrThrow(contents, /dependencies\s*\{/, (match) => `${match}\n    implementation("${daroSdkDependency}")`, 'an app dependencies block');
+        if (!contents.includes(daroAppPluginId)) {
+            contents = `${contents.trimEnd()}\napply plugin: "${daroAppPluginId}"\n`;
+        }
+        gradleConfig.modResults.contents = contents;
         return gradleConfig;
     });
     // 3. gradle.properties: daroAppKey + Jetifier
@@ -109,6 +179,18 @@ const withAndroidConfiguration = (config, props) => {
             { key: 'android.useAndroidX', value: 'true' },
             { key: 'android.enableJetifier', value: 'true' },
         ];
+        const existingIgnorelist = propertiesConfig.modResults
+            .filter((item) => item.type === 'property' && item.key === JETIFIER_IGNORELIST_KEY)
+            .flatMap((item) => item.value.split(','))
+            .map((item) => item.trim())
+            .filter(Boolean);
+        propertiesConfig.modResults = propertiesConfig.modResults.filter((item) => !(item.type === 'property' && item.key === JETIFIER_IGNORELIST_KEY));
+        entries.push({
+            key: JETIFIER_IGNORELIST_KEY,
+            value: [
+                ...new Set([...existingIgnorelist, ...JETIFIER_IGNORELIST_ENTRIES]),
+            ].join(','),
+        });
         for (const { key, value } of entries) {
             const existingIndex = propertiesConfig.modResults.findIndex((item) => item.type === 'property' && item.key === key);
             const entry = { type: 'property', key, value };

package/plugin/build/withIos.js

@@ -46,12 +46,11 @@ const withIosConfiguration = (config, props) => {
         config.modResults.DaroAppKey = props.daroAppKey;
         config.modResults.NSUserTrackingUsageDescription =
             props.attUsageDescription ?? DEFAULT_ATT_USAGE_DESCRIPTION;
-        if (mediation === 'admob') {
-            if (!props.admobAppId) {
-                throw new Error('[daro-react-native] "ios.admobAppId" is required when mediation is "admob".');
-            }
-            config.modResults.GADApplicationIdentifier = props.admobAppId;
+        if (!props.admobAppId) {
+            throw new Error(`[daro-react-native] "ios.admobAppId" is required when mediation is "${mediation}". ` +
+                'Google Mobile Ads SDK requires GADApplicationIdentifier.');
         }
+        config.modResults.GADApplicationIdentifier = props.admobAppId;
         // SKAdNetworkItems: 사용자가 미리 추가한 항목과 머지 (중복 제거)
         const existing = config.modResults.SKAdNetworkItems ??
             [];

package/react-native-daro.podspec

@@ -15,6 +15,9 @@ Pod::Spec.new do |s|
 
   s.source_files = [
     "ios/*.{h,m,mm,swift,cpp}",
+    "ios/Shared/**/*.{h,m,mm,swift,cpp}",
+    "ios/Paper/**/*.{h,m,mm,swift,cpp}",
+    "ios/Fabric/**/*.{h,m,mm,swift,cpp}",
     "ios/mediation/admob/**/*.{h,m,mm,swift,cpp}"
   ]
   s.private_header_files = "ios/**/*.h"

package/src/AdBannerView.tsx

@@ -5,17 +5,13 @@ import {
   useImperativeHandle,
   useRef,
   useState,
+  type ElementRef,
 } from 'react';
-import {
-  findNodeHandle,
-  NativeModules,
-  requireNativeComponent,
-  UIManager,
-  View,
-  type DimensionValue,
-  type NativeMethods,
-  type ViewProps,
-} from 'react-native';
+import { View, type ViewProps } from 'react-native';
+import AdBannerViewNativeComponent, {
+  Commands,
+} from './DaroMAdBannerViewNativeComponent';
+import NativeDaroModule from './NativeDaroModule';
 import type {
   AdBannerViewHandler,
   AdBannerViewProps,
@@ -23,36 +19,26 @@ import type {
 import type { AdNativeEvent } from './types/AdEvent';
 import type { AdInfo, AdLoadFailedInfo } from './types/AdInfo';
 
-const { DaroMModule } = NativeModules;
-
 const { BANNER_AD_FORMAT_LABEL, MREC_AD_FORMAT_LABEL } =
-  DaroMModule.getConstants();
+  NativeDaroModule.getConstants();
 
 export enum AdFormat {
-  BANNER = BANNER_AD_FORMAT_LABEL,
-  MREC = MREC_AD_FORMAT_LABEL,
+  BANNER = 'BANNER',
+  MREC = 'MREC',
 }
 
-type AdViewNativeEvents = {
-  onAdLoadedEvent(event: AdNativeEvent<AdInfo>): void;
-  onAdLoadFailedEvent(event: AdNativeEvent<AdLoadFailedInfo>): void;
-  onAdClickedEvent(event: AdNativeEvent<AdInfo>): void;
-  onAdImpressionRecordedEvent(event: AdNativeEvent<AdInfo>): void;
+const toNativeAdFormat = (adFormat: AdFormat | string): string => {
+  switch (adFormat) {
+    case AdFormat.BANNER:
+      return BANNER_AD_FORMAT_LABEL;
+    case AdFormat.MREC:
+      return MREC_AD_FORMAT_LABEL;
+    default:
+      return adFormat;
+  }
 };
 
-const ComponentName = 'DaroMAdBannerView';
-const AdViewComponent = requireNativeComponent<
-  AdBannerViewProps & ViewProps & AdViewNativeEvents
->(ComponentName);
-type AdViewType = React.Component<AdBannerViewProps> & NativeMethods;
-
-type SizeKey = 'width' | 'height';
-type SizeRecord = Partial<Record<SizeKey, DimensionValue>>;
-
-const ADVIEW_SIZE = {
-  banner: { width: 320, height: 50 },
-  mrec: { width: 300, height: 250 },
-};
+type AdViewType = ElementRef<typeof AdBannerViewNativeComponent>;
 
 export const AdBannerView = forwardRef<
   AdBannerViewHandler,
@@ -73,24 +59,12 @@ export const AdBannerView = forwardRef<
   },
   ref
 ) {
-  const adFormatSize = useRef<SizeRecord>({});
   const adViewRef = useRef<AdViewType | null>(null);
   const [isInitialized, setIsInitialized] = useState<boolean>(false);
 
   const loadAd = useCallback(() => {
     if (adViewRef.current) {
-      const nodeHandle = findNodeHandle(adViewRef.current);
-
-      if (typeof nodeHandle !== 'number') {
-        return;
-      }
-
-      UIManager.dispatchViewManagerCommand(
-        nodeHandle,
-        // @ts-ignore: Issue in RN ts defs
-        UIManager.getViewManagerConfig(ComponentName).Commands.loadAd,
-        []
-      );
+      Commands.loadAd(adViewRef.current);
     }
   }, []);
 
@@ -102,18 +76,7 @@ export const AdBannerView = forwardRef<
 
   useEffect(() => {
     (async () => {
-      if (adFormat === AdFormat.BANNER) {
-        adFormatSize.current = {
-          width: ADVIEW_SIZE.banner.width,
-          height: ADVIEW_SIZE.banner.height,
-        };
-      } else {
-        adFormatSize.current = {
-          width: ADVIEW_SIZE.mrec.width,
-          height: ADVIEW_SIZE.mrec.height,
-        };
-      }
-      const initialized = await DaroMModule.isInitialized();
+      const initialized = await NativeDaroModule.isInitialized();
       setIsInitialized(initialized);
 
       if (!initialized) {
@@ -122,7 +85,7 @@ export const AdBannerView = forwardRef<
         );
       }
     })();
-  }, [adFormat]);
+  }, []);
 
   const onAdLoadedEvent = useCallback(
     (event: AdNativeEvent<AdInfo>) => {
@@ -159,9 +122,9 @@ export const AdBannerView = forwardRef<
   }
 
   return (
-    <AdViewComponent
+    <AdBannerViewNativeComponent
       style={style}
-      adFormat={adFormat}
+      adFormat={toNativeAdFormat(adFormat)}
       ref={saveElement}
       adUnitId={adUnitId}
       placement={placement}

package/src/AppOpenAd.ts

@@ -1,9 +1,10 @@
-import { NativeModules } from 'react-native';
+import { Platform } from 'react-native';
 import {
   addEventListener,
   removeEventListener,
   AdEventEmitter,
 } from './EventEmitter';
+import NativeDaroModule from './NativeDaroModule';
 import type {
   AdDisplayFailedInfo,
   AdInfo,
@@ -11,7 +12,11 @@ import type {
 } from './types/AdInfo';
 import { AdEventType, type AdEventPayloadMap } from './types/AdEvent';
 
-const { DaroMModule } = NativeModules;
+const IS_SUPPORTED_PLATFORM = Platform.OS === 'ios';
+
+const warnUnsupportedPlatform = () => {
+  console.warn('AppOpenAd is only supported on iOS.');
+};
 
 const {
   ON_APPOPEN_AD_LOADED_EVENT,
@@ -21,7 +26,7 @@ const {
   ON_APPOPEN_AD_FAILED_TO_DISPLAY_EVENT,
   ON_APPOPEN_AD_HIDDEN_EVENT,
   ON_APPOPEN_AD_IMPRESSION_RECORDED,
-} = DaroMModule.getConstants();
+} = NativeDaroModule.getConstants();
 
 const NATIVE_EVENT_BY_TYPE: Record<AdEventType, string> = {
   [AdEventType.LOADED]: ON_APPOPEN_AD_LOADED_EVENT,
@@ -51,15 +56,26 @@ export class AppOpenAd {
   }
 
   isAdReady(): Promise<boolean> {
-    return DaroMModule.isAppOpenAdReady(this.requestId, this.adUnitId);
+    if (!IS_SUPPORTED_PLATFORM) {
+      return Promise.resolve(false);
+    }
+    return NativeDaroModule.isAppOpenAdReady(this.requestId, this.adUnitId);
   }
 
   load(): void {
-    DaroMModule.loadAppOpenAd(this.requestId, this.adUnitId);
+    if (!IS_SUPPORTED_PLATFORM) {
+      warnUnsupportedPlatform();
+      return;
+    }
+    NativeDaroModule.loadAppOpenAd(this.requestId, this.adUnitId);
   }
 
   show(placement?: string | null, customData?: string | null): void {
-    DaroMModule.showAppOpenAd(
+    if (!IS_SUPPORTED_PLATFORM) {
+      warnUnsupportedPlatform();
+      return;
+    }
+    NativeDaroModule.showAppOpenAd(
       this.requestId,
       this.adUnitId,
       placement ?? undefined,
@@ -71,6 +87,11 @@ export class AppOpenAd {
     type: T,
     listener: (info: AdEventPayloadMap[T]) => void
   ): () => void {
+    if (!IS_SUPPORTED_PLATFORM) {
+      warnUnsupportedPlatform();
+      return () => {};
+    }
+
     const nativeEvent = NATIVE_EVENT_BY_TYPE[type];
     const requestId = this.requestId;
     return this.eventEmitter.addEventListener(nativeEvent, (payload: any) => {
@@ -101,6 +122,11 @@ export class AppOpenAd {
     event: string,
     listener: (info: T) => void
   ): void {
+    if (!IS_SUPPORTED_PLATFORM) {
+      warnUnsupportedPlatform();
+      return;
+    }
+
     addEventListener(event, (payload: any) => {
       if (!AppOpenAd._legacyRequestIdSet.has(payload?.requestId)) {
         return;
@@ -111,14 +137,21 @@ export class AppOpenAd {
 
   /** @deprecated `AppOpenAd.createForAdRequest(adUnitId)` 인스턴스의 `isAdReady()`를 사용하세요. */
   static isAdReady(adUnitId: string): Promise<boolean> {
+    if (!IS_SUPPORTED_PLATFORM) {
+      return Promise.resolve(false);
+    }
     const requestId = AppOpenAd._getLegacyRequestId(adUnitId);
-    return DaroMModule.isAppOpenAdReady(requestId, adUnitId);
+    return NativeDaroModule.isAppOpenAdReady(requestId, adUnitId);
   }
 
   /** @deprecated `AppOpenAd.createForAdRequest(adUnitId)` 인스턴스의 `load()`를 사용하세요. */
   static loadAd(adUnitId: string): void {
+    if (!IS_SUPPORTED_PLATFORM) {
+      warnUnsupportedPlatform();
+      return;
+    }
     const requestId = AppOpenAd._getLegacyRequestId(adUnitId);
-    DaroMModule.loadAppOpenAd(requestId, adUnitId);
+    NativeDaroModule.loadAppOpenAd(requestId, adUnitId);
   }
 
   /** @deprecated `AppOpenAd.createForAdRequest(adUnitId)` 인스턴스의 `show()`를 사용하세요. */
@@ -127,8 +160,12 @@ export class AppOpenAd {
     placement?: string | null,
     customData?: string | null
   ): void {
+    if (!IS_SUPPORTED_PLATFORM) {
+      warnUnsupportedPlatform();
+      return;
+    }
     const requestId = AppOpenAd._getLegacyRequestId(adUnitId);
-    DaroMModule.showAppOpenAd(
+    NativeDaroModule.showAppOpenAd(
       requestId,
       adUnitId,
       placement ?? undefined,

package/src/DaroMAdBannerViewNativeComponent.ts

@@ -0,0 +1,47 @@
+/* eslint-disable @react-native/no-deep-imports -- React Native 0.74 codegen parser compatibility requires these imports. */
+import type * as React from 'react';
+import type { HostComponent, ViewProps } from 'react-native';
+import codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativeCommands';
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import type {
+  DirectEventHandler,
+  Double,
+  Int32,
+  WithDefault,
+} from 'react-native/Libraries/Types/CodegenTypes';
+
+type AdInfoPayload = {
+  adUnitId: string;
+  latencyMillis: Double;
+};
+
+type AdLoadFailedInfoPayload = {
+  adUnitId: string;
+  code: Int32;
+  message: string;
+  latencyMillis: Double;
+};
+
+export interface NativeProps extends ViewProps {
+  adUnitId: string;
+  adFormat: string;
+  placement?: string | null;
+  loadOnMount?: WithDefault<boolean, true>;
+  isVisible?: WithDefault<boolean, true>;
+  onAdLoadedEvent?: DirectEventHandler<AdInfoPayload>;
+  onAdLoadFailedEvent?: DirectEventHandler<AdLoadFailedInfoPayload>;
+  onAdClickedEvent?: DirectEventHandler<AdInfoPayload>;
+  onAdImpressionRecordedEvent?: DirectEventHandler<AdInfoPayload>;
+}
+
+type ComponentType = HostComponent<NativeProps>;
+
+interface NativeCommands {
+  loadAd: (viewRef: React.ElementRef<ComponentType>) => void;
+}
+
+export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: ['loadAd'],
+});
+
+export default codegenNativeComponent<NativeProps>('DaroMAdBannerView');

package/src/DaroMNativeAdViewNativeComponent.ts

@@ -0,0 +1,62 @@
+/* eslint-disable @react-native/no-deep-imports -- React Native 0.74 codegen parser compatibility requires these imports. */
+import type * as React from 'react';
+import type { HostComponent, ViewProps } from 'react-native';
+import codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativeCommands';
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import type {
+  DirectEventHandler,
+  Double,
+  Int32,
+  UnsafeMixed,
+  WithDefault,
+} from 'react-native/Libraries/Types/CodegenTypes';
+
+type AdInfoPayload = {
+  adUnitId: string;
+  latencyMillis: Double;
+};
+
+type AdLoadFailedInfoPayload = {
+  adUnitId: string;
+  code: Int32;
+  message: string;
+  latencyMillis: Double;
+};
+
+type AdChoicesPosition = 'topLeft' | 'topRight' | 'bottomRight' | 'bottomLeft';
+
+export interface NativeProps extends ViewProps {
+  adUnitId: string;
+  placement?: string | null;
+  loadOnMount?: WithDefault<boolean, true>;
+  adChoicesPosition?: WithDefault<AdChoicesPosition, 'bottomRight'>;
+
+  titleView?: Int32;
+  bodyView?: Int32;
+  callToActionView?: Int32;
+  iconView?: Int32;
+  mediaView?: Int32;
+
+  titleViewStyleProps?: UnsafeMixed;
+  bodyViewStyleProps?: UnsafeMixed;
+  callToActionViewStyleProps?: UnsafeMixed;
+  iconViewStyleProps?: UnsafeMixed;
+  mediaViewStyleProps?: UnsafeMixed;
+
+  onAdLoadedEvent?: DirectEventHandler<AdInfoPayload>;
+  onAdLoadFailedEvent?: DirectEventHandler<AdLoadFailedInfoPayload>;
+  onAdClickedEvent?: DirectEventHandler<AdInfoPayload>;
+  onAdImpressionRecordedEvent?: DirectEventHandler<AdInfoPayload>;
+}
+
+type ComponentType = HostComponent<NativeProps>;
+
+interface NativeCommands {
+  loadAd: (viewRef: React.ElementRef<ComponentType>) => void;
+}
+
+export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: ['loadAd'],
+});
+
+export default codegenNativeComponent<NativeProps>('DaroMNativeAdView');

package/src/DaroMediaViewNativeComponent.ts

@@ -0,0 +1,9 @@
+/* eslint-disable @react-native/no-deep-imports -- React Native 0.74 codegen parser compatibility requires this import. */
+import type { ViewProps } from 'react-native';
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+
+export interface NativeProps extends ViewProps {}
+
+export default codegenNativeComponent<NativeProps>('DaroMediaView', {
+  excludedPlatforms: ['iOS'],
+});

package/src/EventEmitter.ts

@@ -1,10 +1,9 @@
-import { NativeModules, NativeEventEmitter } from 'react-native';
+import { NativeEventEmitter } from 'react-native';
 import type { EventSubscription } from 'react-native';
+import NativeDaroModule from './NativeDaroModule';
 import type { AdEventObject, AdEventListener } from './types/AdEvent';
 
-const { DaroMModule } = NativeModules;
-
-const emitter = new NativeEventEmitter(DaroMModule);
+const emitter = new NativeEventEmitter(NativeDaroModule);
 const subscriptions: Map<string, Set<EventSubscription>> = new Map();
 
 export const addEventListener = <T extends AdEventObject>(
@@ -37,7 +36,7 @@ export class AdEventEmitter {
   private subscriptions: Map<string, Set<EventSubscription>> = new Map();
 
   constructor() {
-    this.emitter = new NativeEventEmitter(DaroMModule);
+    this.emitter = new NativeEventEmitter(NativeDaroModule);
   }
 
   addEventListener<T extends AdEventObject>(