react-native-daro 1.0.15 → 1.0.16

package/src/hooks/useRewardedAd.ts

@@ -0,0 +1,122 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { RewardedAd } from '../RewardedAd';
+import { AdEventType, RewardedAdEventType } from '../types/AdEvent';
+import type {
+  AdDisplayFailedInfo,
+  AdInfo,
+  AdLoadFailedInfo,
+  AdRewardInfo,
+} from '../types/AdInfo';
+
+export type UseRewardedAdOptions = {
+  onLoaded?: (adInfo: AdInfo) => void;
+  onLoadFailed?: (error: AdLoadFailedInfo) => void;
+  onClicked?: (adInfo: AdInfo) => void;
+  onDisplayed?: (adInfo: AdInfo) => void;
+  onFailedToDisplay?: (error: AdDisplayFailedInfo) => void;
+  onHidden?: (adInfo: AdInfo) => void;
+  onImpressionRecorded?: (adInfo: AdInfo) => void;
+  onReceivedReward?: (reward: AdRewardInfo) => void;
+};
+
+export type UseRewardedAdResult = {
+  isLoaded: boolean;
+  isLoading: boolean;
+  load: () => void;
+  show: (customData?: string | null) => void;
+  isAdReady: () => Promise<boolean>;
+};
+
+export function useRewardedAd(
+  adUnitId: string | null,
+  options: UseRewardedAdOptions = {}
+): UseRewardedAdResult {
+  const adRef = useRef<RewardedAd | null>(null);
+  const optionsRef = useRef(options);
+  optionsRef.current = options;
+  const [state, setState] = useState({
+    isLoaded: false,
+    isLoading: false,
+  });
+
+  const load = useCallback(() => {
+    if (!adUnitId) {
+      return;
+    }
+
+    const ad = adRef.current;
+    if (!ad) {
+      return;
+    }
+
+    setState({ isLoaded: false, isLoading: true });
+    ad.load();
+  }, [adUnitId]);
+
+  const show = useCallback((customData?: string | null) => {
+    adRef.current?.show(customData);
+  }, []);
+
+  const isAdReady = useCallback(async () => {
+    const isLoaded = (await adRef.current?.isAdReady()) ?? false;
+    setState((prevState) => ({ ...prevState, isLoaded }));
+    return isLoaded;
+  }, []);
+
+  useEffect(() => {
+    adRef.current?.removeAllListeners();
+    adRef.current = null;
+    setState({ isLoaded: false, isLoading: false });
+
+    if (!adUnitId) {
+      return;
+    }
+
+    const ad = RewardedAd.createForAdRequest(adUnitId);
+    adRef.current = ad;
+
+    ad.addAdEventListener(AdEventType.LOADED, (info) => {
+      setState({ isLoaded: true, isLoading: false });
+      optionsRef.current.onLoaded?.(info);
+    });
+    ad.addAdEventListener(AdEventType.LOAD_FAILED, (error) => {
+      setState({ isLoaded: false, isLoading: false });
+      optionsRef.current.onLoadFailed?.(error);
+    });
+    ad.addAdEventListener(AdEventType.DISPLAYED, (info) => {
+      setState((prevState) => ({ ...prevState, isLoaded: false }));
+      optionsRef.current.onDisplayed?.(info);
+    });
+    ad.addAdEventListener(AdEventType.FAILED_TO_DISPLAY, (error) => {
+      setState({ isLoaded: false, isLoading: false });
+      optionsRef.current.onFailedToDisplay?.(error);
+    });
+    ad.addAdEventListener(AdEventType.HIDDEN, (info) => {
+      setState((prevState) => ({ ...prevState, isLoaded: false }));
+      optionsRef.current.onHidden?.(info);
+    });
+    ad.addAdEventListener(AdEventType.CLICKED, (info) => {
+      optionsRef.current.onClicked?.(info);
+    });
+    ad.addAdEventListener(AdEventType.IMPRESSION_RECORDED, (info) => {
+      optionsRef.current.onImpressionRecorded?.(info);
+    });
+    ad.addAdEventListener(RewardedAdEventType.RECEIVED_REWARD, (reward) => {
+      optionsRef.current.onReceivedReward?.(reward);
+    });
+
+    return () => {
+      ad.removeAllListeners();
+      if (adRef.current === ad) {
+        adRef.current = null;
+      }
+    };
+  }, [adUnitId]);
+
+  return {
+    ...state,
+    load,
+    show,
+    isAdReady,
+  };
+}

package/src/index.tsx

@@ -1,10 +1,26 @@
-import { NativeModules, Platform } from 'react-native';
+import NativeDaroModule from './NativeDaroModule';
 
 export * from './AdBannerView';
 export * from './types';
 export { InterstitialAd } from './InterstitialAd';
+export { useInterstitialAd } from './hooks/useInterstitialAd';
+export type {
+  UseInterstitialAdOptions,
+  UseInterstitialAdResult,
+} from './hooks/useInterstitialAd';
 export { RewardedAd } from './RewardedAd';
+export { useRewardedAd } from './hooks/useRewardedAd';
+export type {
+  UseRewardedAdOptions,
+  UseRewardedAdResult,
+} from './hooks/useRewardedAd';
 export { LightPopupAd } from './LightPopupAd';
+export { useLightPopupAd } from './hooks/useLightPopupAd';
+export type {
+  UseLightPopupAdOptions,
+  UseLightPopupAdLoadOptions,
+  UseLightPopupAdResult,
+} from './hooks/useLightPopupAd';
 
 export { NativeAdView } from './nativeAd/NativeAdView';
 export {
@@ -15,31 +31,14 @@ export {
   TitleView,
 } from './nativeAd/NativeAdViewComponents';
 
-const LINKING_ERROR =
-  `The native module 'DaroMModule' doesn't seem to be linked. Make sure: \n\n` +
-  Platform.select({ ios: "- You have run 'pod install'\n", default: '' }) +
-  '- You rebuilt the app after installing the package\n' +
-  '- You are not using Expo Go\n';
-
-const DaroMModule = NativeModules.DaroMModule
-  ? NativeModules.DaroMModule
-  : new Proxy(
-      {},
-      {
-        get() {
-          throw new Error(LINKING_ERROR);
-        },
-      }
-    );
-
 export async function initialize() {
-  await DaroMModule.initializeSdk();
+  await NativeDaroModule.initializeSdk();
 }
 
 export async function showMediationDebugger() {
-  await DaroMModule.showMediationDebugger();
+  await NativeDaroModule.showMediationDebugger();
 }
 
-export async function setUserId(userId: String) {
-  await DaroMModule.setUserId(userId);
+export async function setUserId(userId: string) {
+  await NativeDaroModule.setUserId(userId);
 }

package/src/nativeAd/NativeAdView.tsx

@@ -6,15 +6,13 @@ import {
   useImperativeHandle,
   useRef,
   useState,
+  type ElementRef,
 } from 'react';
-import {
-  findNodeHandle,
-  NativeModules,
-  requireNativeComponent,
-  UIManager,
-  View,
-  type ViewProps,
-} from 'react-native';
+import { View, type ViewProps } from 'react-native';
+import NativeAdViewNativeComponent, {
+  Commands,
+} from '../DaroMNativeAdViewNativeComponent';
+import NativeDaroModule from '../NativeDaroModule';
 import type { AdNativeEvent } from '../types/AdEvent';
 import type { AdInfo, AdLoadFailedInfo } from '../types/AdInfo';
 import type {
@@ -24,23 +22,9 @@ import type {
 import {
   NativeAdViewContext,
   NativeAdViewProvider,
-  type NativeAdViewContextType,
-  type NativeAdViewType,
 } from './NativeAdViewProvider';
 
-const { DaroMModule } = NativeModules;
-
-type NativeAdViewNativeEvents = {
-  onAdLoadedEvent(event: AdNativeEvent<AdInfo>): void;
-  onAdLoadFailedEvent(event: AdNativeEvent<AdLoadFailedInfo>): void;
-  onAdClickedEvent(event: AdNativeEvent<AdInfo>): void;
-  onAdImpressionRecordedEvent(event: AdNativeEvent<AdInfo>): void;
-};
-
-const ComponentName = 'DaroMNativeAdView';
-const NativeAdViewComponent = requireNativeComponent<
-  NativeAdViewProps & ViewProps & NativeAdViewNativeEvents
->(ComponentName);
+type NativeAdViewElement = ElementRef<typeof NativeAdViewNativeComponent>;
 
 export const NativeAdView = forwardRef<
   NativeAdViewHandler,
@@ -50,7 +34,7 @@ export const NativeAdView = forwardRef<
 
   useEffect(() => {
     const checkInitialization = async () => {
-      const result = await DaroMModule.isInitialized();
+      const result = await NativeDaroModule.isInitialized();
       setIsInitialized(result);
       if (!result) {
         console.warn(
@@ -87,47 +71,27 @@ const NativeAdViewImpl = forwardRef<
     children,
     style,
     loadOnMount = true,
+    adChoicesPosition = 'bottomRight',
     ...otherProps
   },
   ref
 ) {
-  // Context provides functions to manage native ad and native ad view state
-  const { setNativeAdView } = useContext(
-    NativeAdViewContext
-  ) as NativeAdViewContextType;
-
-  const nativeAdViewRef = useRef<NativeAdViewType | null>(null);
+  const { nativeAdAssetRegistrations } = useContext(NativeAdViewContext);
+  const nativeAdViewRef = useRef<NativeAdViewElement | null>(null);
 
   // Load a new ad
   const loadAd = useCallback(() => {
     if (nativeAdViewRef.current) {
-      const nodeHandle = findNodeHandle(nativeAdViewRef.current);
-
-      if (typeof nodeHandle !== 'number') {
-        return;
-      }
-
-      UIManager.dispatchViewManagerCommand(
-        nodeHandle,
-        // @ts-ignore: Issue in RN ts defs
-        UIManager.getViewManagerConfig(ComponentName).Commands.loadAd,
-        []
-      );
+      Commands.loadAd(nativeAdViewRef.current);
     }
   }, []);
 
   useImperativeHandle(ref, () => ({ loadAd }), [loadAd]);
 
   // Save the DOM element reference
-  const saveElement = useCallback(
-    (element: NativeAdViewType | null) => {
-      if (element) {
-        nativeAdViewRef.current = element;
-        setNativeAdView(element);
-      }
-    },
-    [setNativeAdView]
-  );
+  const saveElement = useCallback((element: NativeAdViewElement | null) => {
+    nativeAdViewRef.current = element;
+  }, []);
 
   const onAdLoadedEvent = useCallback(
     (event: AdNativeEvent<AdInfo>) => {
@@ -158,18 +122,41 @@ const NativeAdViewImpl = forwardRef<
   );
 
   return (
-    <NativeAdViewComponent
+    <NativeAdViewNativeComponent
       ref={saveElement}
+      {...otherProps}
       adUnitId={adUnitId}
       loadOnMount={loadOnMount}
+      adChoicesPosition={adChoicesPosition}
+      titleView={nativeAdAssetRegistrations.titleView?.nativeTag ?? 0}
+      bodyView={nativeAdAssetRegistrations.bodyView?.nativeTag ?? 0}
+      callToActionView={
+        nativeAdAssetRegistrations.callToActionView?.nativeTag ?? 0
+      }
+      iconView={nativeAdAssetRegistrations.iconView?.nativeTag ?? 0}
+      mediaView={nativeAdAssetRegistrations.mediaView?.nativeTag ?? 0}
+      titleViewStyleProps={
+        nativeAdAssetRegistrations.titleView?.styleProps ?? null
+      }
+      bodyViewStyleProps={
+        nativeAdAssetRegistrations.bodyView?.styleProps ?? null
+      }
+      callToActionViewStyleProps={
+        nativeAdAssetRegistrations.callToActionView?.styleProps ?? null
+      }
+      iconViewStyleProps={
+        nativeAdAssetRegistrations.iconView?.styleProps ?? null
+      }
+      mediaViewStyleProps={
+        nativeAdAssetRegistrations.mediaView?.styleProps ?? null
+      }
       onAdLoadedEvent={onAdLoadedEvent}
       onAdLoadFailedEvent={onAdLoadFailedEvent}
       onAdClickedEvent={onAdClickedEvent}
       onAdImpressionRecordedEvent={onAdImpressionRecordedEvent}
       style={style}
-      {...otherProps}
     >
       {children}
-    </NativeAdViewComponent>
+    </NativeAdViewNativeComponent>
   );
 });

package/src/nativeAd/NativeAdViewComponents.tsx

@@ -1,9 +1,8 @@
 import * as React from 'react';
 import {
   type ComponentRef,
-  useCallback,
   useContext,
-  useEffect,
+  useLayoutEffect,
   useMemo,
   useRef,
 } from 'react';
@@ -13,10 +12,25 @@ import type {
   TextProps,
   TextStyle,
   ImageStyle,
+  ViewStyle,
   ViewProps,
 } from 'react-native';
-import { findNodeHandle, Image, Platform, Text, View } from 'react-native';
-import { NativeAdViewContext } from './NativeAdViewProvider';
+import {
+  findNodeHandle,
+  Image,
+  Platform,
+  StyleSheet,
+  Text,
+  UIManager,
+  View,
+} from 'react-native';
+import {
+  NativeAdViewContext,
+  type NativeAdViewAssetPropKey,
+} from './NativeAdViewProvider';
+import DaroMediaViewNativeComponent from '../DaroMediaViewNativeComponent';
+
+const UNREGISTERED_NATIVE_TAG = 0;
 
 // 스타일 속성 추출을 위한 타입 정의
 type StyleProps = {
@@ -67,9 +81,13 @@ type StyleProps = {
 };
 
 // 스타일 속성 추출 커스텀 훅
-const useStyleProps = (style: StyleProp<TextStyle>): StyleProps => {
+const useStyleProps = (
+  style: StyleProp<TextStyle | ViewStyle>,
+  textProps?: Pick<TextProps, 'numberOfLines' | 'ellipsizeMode'>
+): StyleProps => {
   return useMemo(() => {
-    const styleObj = style as TextStyle;
+    const styleObj = (StyleSheet.flatten(style) ?? {}) as TextStyle & ViewStyle;
+
     return {
       // 1. 폰트 관련
       fontSize: styleObj.fontSize as number,
@@ -87,6 +105,8 @@ const useStyleProps = (style: StyleProp<TextStyle>): StyleProps => {
         | 'right'
         | 'center'
         | 'justify',
+      numberOfLines: textProps?.numberOfLines,
+      lineBreakMode: textProps?.ellipsizeMode as StyleProps['lineBreakMode'],
 
       // 6. 투명도
       opacity: styleObj.opacity as number,
@@ -127,8 +147,8 @@ const useStyleProps = (style: StyleProp<TextStyle>): StyleProps => {
       left: styleObj.left as number,
 
       // 15. 크기
-      width: styleObj.width as number,
-      height: styleObj.height as number,
+      width: styleObj.width as number | string,
+      height: styleObj.height as number | string,
 
       // 16. 변환
       transform: styleObj.transform as any[],
@@ -138,7 +158,7 @@ const useStyleProps = (style: StyleProp<TextStyle>): StyleProps => {
       overflow: styleObj.overflow as 'visible' | 'hidden' | 'scroll',
       backfaceVisibility: styleObj.backfaceVisibility as 'visible' | 'hidden',
     };
-  }, [style]);
+  }, [style, textProps?.ellipsizeMode, textProps?.numberOfLines]);
 };
 
 // Image 스타일 속성을 위한 타입 정의 추가
@@ -157,7 +177,8 @@ type ImageStyleProps = StyleProps & {
 // Image 스타일 속성 추출 커스텀 훅
 const useImageStyleProps = (style: StyleProp<ImageStyle>): ImageStyleProps => {
   return useMemo(() => {
-    const styleObj = style as ImageStyle;
+    const styleObj = StyleSheet.flatten(style) ?? {};
+
     return {
       // 기본 스타일 속성
       backgroundColor: styleObj.backgroundColor as string,
@@ -170,8 +191,8 @@ const useImageStyleProps = (style: StyleProp<ImageStyle>): ImageStyleProps => {
       shadowOpacity: styleObj.shadowOpacity as number,
       shadowRadius: styleObj.shadowRadius as number,
 
-      width: styleObj.width as number,
-      height: styleObj.height as number,
+      width: styleObj.width as number | string,
+      height: styleObj.height as number | string,
 
       // Image 전용 스타일 속성
       resizeMode: styleObj.resizeMode as
@@ -187,41 +208,47 @@ const useImageStyleProps = (style: StyleProp<ImageStyle>): ImageStyleProps => {
   }, [style]);
 };
 
-// 네이티브 뷰 속성 설정 커스텀 훅
-const useNativeAdViewProps = (
+type NativeAdAssetStyleProps = StyleProps | ImageStyleProps;
+
+// 네이티브 광고 자산 등록 커스텀 훅
+const useNativeAdAssetRegistration = (
   ref: React.RefObject<any>,
-  nativePropKey: string,
-  styleProps?: StyleProps
+  nativePropKey: NativeAdViewAssetPropKey,
+  styleProps?: NativeAdAssetStyleProps
 ) => {
-  const { nativeAdView } = useContext(NativeAdViewContext);
+  const { registerNativeAdAsset, unregisterNativeAdAsset } =
+    useContext(NativeAdViewContext);
 
-  const setNativeProps = useCallback(() => {
-    if (!ref.current) return;
-    const props: any = {
-      [nativePropKey]: findNodeHandle(ref.current),
-    };
-
-    if (styleProps) {
-      props[`${nativePropKey}StyleProps`] = styleProps;
-    }
+  useLayoutEffect(() => {
+    const nativeTag = ref.current
+      ? (findNodeHandle(ref.current) ?? UNREGISTERED_NATIVE_TAG)
+      : UNREGISTERED_NATIVE_TAG;
 
-    nativeAdView?.setNativeProps(props);
-  }, [nativeAdView, ref, nativePropKey, styleProps]);
+    registerNativeAdAsset(nativePropKey, nativeTag, styleProps ?? null);
+  }, [nativePropKey, ref, registerNativeAdAsset, styleProps]);
 
-  useEffect(() => {
-    setNativeProps();
-  }, [setNativeProps]);
+  useLayoutEffect(() => {
+    return () => {
+      unregisterNativeAdAsset(nativePropKey);
+    };
+  }, [nativePropKey, unregisterNativeAdAsset]);
 };
 
 // 공통 Text 컴포넌트
-const AdTextView = (props: TextProps & { nativePropKey: string }) => {
-  const { nativePropKey, ...restProps } = props;
+const AdTextView = (
+  props: TextProps & { nativePropKey: NativeAdViewAssetPropKey }
+) => {
+  const { nativePropKey, children, ...restProps } = props;
   const textRef = useRef<ComponentRef<typeof Text> | null>(null);
-  const styleProps = useStyleProps(props.style);
+  const styleProps = useStyleProps(props.style, props);
 
-  useNativeAdViewProps(textRef, nativePropKey, styleProps);
+  useNativeAdAssetRegistration(textRef, nativePropKey, styleProps);
 
-  return <Text {...restProps} ref={textRef} />;
+  return (
+    <Text {...restProps} ref={textRef}>
+      {children ?? (Platform.OS === 'android' ? ' ' : undefined)}
+    </Text>
+  );
 };
 
 export const TitleView = (props: TextProps) => {
@@ -233,14 +260,19 @@ export const BodyView = (props: TextProps) => {
 };
 
 export const CallToActionView = (props: TextProps) => {
+  const { children, ...restProps } = props;
   const callToActionRef = useRef<ComponentRef<typeof Text> | null>(null);
-  const styleProps = useStyleProps(props.style);
+  const styleProps = useStyleProps(props.style, props);
 
-  useNativeAdViewProps(callToActionRef, 'callToActionView', styleProps);
+  useNativeAdAssetRegistration(callToActionRef, 'callToActionView', styleProps);
 
   // TouchableOpacity disables clicking on certain Android devices.
   if (Platform.OS === 'android') {
-    return <Text {...props} ref={callToActionRef} />;
+    return (
+      <Text {...restProps} ref={callToActionRef}>
+        {children ?? ' '}
+      </Text>
+    );
   } else {
     return (
       <View>
@@ -253,14 +285,20 @@ export const CallToActionView = (props: TextProps) => {
 export const IconView = (props: Omit<ImageProps, 'source'>) => {
   const imageRef = useRef<ComponentRef<typeof Image> | null>(null);
   const iconViewStyleProps = useImageStyleProps(props.style);
-  useNativeAdViewProps(imageRef, 'iconView', iconViewStyleProps);
+  useNativeAdAssetRegistration(imageRef, 'iconView', iconViewStyleProps);
 
   return <Image {...props} ref={imageRef} source={0} />;
 };
 
+const NativeMediaView =
+  Platform.OS === 'android' && UIManager.hasViewManagerConfig?.('DaroMediaView')
+    ? DaroMediaViewNativeComponent
+    : View;
+
 export const MediaView = (props: ViewProps) => {
   const viewRef = useRef<ComponentRef<typeof View> | null>(null);
-  useNativeAdViewProps(viewRef, 'mediaView');
+  const mediaViewStyleProps = useStyleProps(props.style);
+  useNativeAdAssetRegistration(viewRef, 'mediaView', mediaViewStyleProps);
 
-  return <View {...props} ref={viewRef} />;
+  return <NativeMediaView {...props} ref={viewRef} collapsable={false} />;
 };

package/src/nativeAd/NativeAdViewProvider.tsx

@@ -1,37 +1,95 @@
 import type { ReactNode } from 'react';
 import * as React from 'react';
-import { createContext, useState } from 'react';
-import type { NativeMethods } from 'react-native';
-import type { NativeAdViewProps } from '../types/NativeAdViewProps';
+import { createContext, useCallback, useMemo, useState } from 'react';
 
-export type NativeAdViewType = React.Component<NativeAdViewProps> &
-  NativeMethods;
+type NativeAdAssetStyleProps = object | null;
+
+type NativeAdAssetRegistration = {
+  nativeTag: number;
+  styleProps: NativeAdAssetStyleProps;
+};
+
+export type NativeAdViewAssetPropKey =
+  | 'titleView'
+  | 'bodyView'
+  | 'callToActionView'
+  | 'iconView'
+  | 'mediaView';
+
+export type NativeAdAssetRegistrations = Partial<
+  Record<NativeAdViewAssetPropKey, NativeAdAssetRegistration>
+>;
 
 export type NativeAdViewContextType = {
-  nativeAdView: NativeAdViewType | null;
-  setNativeAdView: React.Dispatch<
-    React.SetStateAction<NativeAdViewType | null>
-  >;
+  nativeAdAssetRegistrations: NativeAdAssetRegistrations;
+  registerNativeAdAsset: (
+    assetKey: NativeAdViewAssetPropKey,
+    nativeTag: number,
+    styleProps: NativeAdAssetStyleProps
+  ) => void;
+  unregisterNativeAdAsset: (assetKey: NativeAdViewAssetPropKey) => void;
 };
 
 export const NativeAdViewContext = createContext<NativeAdViewContextType>({
-  nativeAdView: null,
-  setNativeAdView: () => {},
+  nativeAdAssetRegistrations: {},
+  registerNativeAdAsset: () => {},
+  unregisterNativeAdAsset: () => {},
 });
 
 export const NativeAdViewProvider: React.FC<{ children: ReactNode }> = ({
   children,
 }) => {
-  const [nativeAdView, setNativeAdView] = useState<NativeAdViewType | null>(
-    null
+  const [nativeAdAssetRegistrations, setNativeAdAssetRegistrations] =
+    useState<NativeAdAssetRegistrations>({});
+
+  const registerNativeAdAsset = useCallback(
+    (
+      assetKey: NativeAdViewAssetPropKey,
+      nativeTag: number,
+      styleProps: NativeAdAssetStyleProps
+    ) => {
+      setNativeAdAssetRegistrations((prev) => {
+        const current = prev[assetKey];
+
+        if (
+          current?.nativeTag === nativeTag &&
+          current?.styleProps === styleProps
+        ) {
+          return prev;
+        }
+
+        return {
+          ...prev,
+          [assetKey]: {
+            nativeTag,
+            styleProps,
+          },
+        };
+      });
+    },
+    []
+  );
+
+  const unregisterNativeAdAsset = useCallback(
+    (assetKey: NativeAdViewAssetPropKey) => {
+      setNativeAdAssetRegistrations((prev) => {
+        if (!prev[assetKey]) return prev;
+
+        const next = { ...prev };
+        delete next[assetKey];
+        return next;
+      });
+    },
+    []
   );
 
-  const providerValue = React.useMemo(
+  const providerValue = useMemo(
     () => ({
-      nativeAdView,
-      setNativeAdView,
+      nativeAdAssetRegistrations,
+      registerNativeAdAsset,
+      unregisterNativeAdAsset,
     }),
-    [nativeAdView]
+    [nativeAdAssetRegistrations, registerNativeAdAsset, unregisterNativeAdAsset]
   );
 
   return (

package/src/types/NativeAdViewProps.ts

@@ -1,5 +1,11 @@
 import type { AdProps } from './AdProps';
 
+export type AdChoicesPosition =
+  | 'topLeft'
+  | 'topRight'
+  | 'bottomRight'
+  | 'bottomLeft';
+
 /**
  * A handler of {@link NativeAdView}.
  */
@@ -15,4 +21,5 @@ export type NativeAdViewHandler = {
  */
 export type NativeAdViewProps = AdProps & {
   loadOnMount?: boolean;
+  adChoicesPosition?: AdChoicesPosition;
 };