react-native-daro 1.0.12 → 1.0.15

package/src/nativeAd/NativeAdViewComponents.tsx

@@ -1,6 +1,20 @@
 import * as React from 'react';
-import { useCallback, useContext, useEffect, useMemo, useRef } from 'react';
-import type { ImageProps, StyleProp, TextProps, TextStyle, ImageStyle, ViewProps } from 'react-native';
+import {
+  type ComponentRef,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useRef,
+} from 'react';
+import type {
+  ImageProps,
+  StyleProp,
+  TextProps,
+  TextStyle,
+  ImageStyle,
+  ViewProps,
+} from 'react-native';
 import { findNodeHandle, Image, Platform, Text, View } from 'react-native';
 import { NativeAdViewContext } from './NativeAdViewProvider';
 
@@ -62,32 +76,37 @@ const useStyleProps = (style: StyleProp<TextStyle>): StyleProps => {
       fontWeight: styleObj.fontWeight as string,
       fontFamily: styleObj.fontFamily as string,
       color: styleObj.color as string,
-      
+
       // 2. 배경색
       backgroundColor: styleObj.backgroundColor as string,
-      
+
       // 3. 정렬
-      textAlign: styleObj.textAlign as 'auto' | 'left' | 'right' | 'center' | 'justify',
-      
+      textAlign: styleObj.textAlign as
+        | 'auto'
+        | 'left'
+        | 'right'
+        | 'center'
+        | 'justify',
+
       // 6. 투명도
       opacity: styleObj.opacity as number,
-      
+
       // 7. 숨김
       display: styleObj.display as 'none' | 'flex',
-      
+
       // 10. 모서리 둥글게
       borderRadius: styleObj.borderRadius as number,
-      
+
       // 11. 테두리
       borderWidth: styleObj.borderWidth as number,
       borderColor: styleObj.borderColor as string,
-      
+
       // 12. 그림자
       shadowColor: styleObj.shadowColor as string,
       shadowOffset: styleObj.shadowOffset as { width: number; height: number },
       shadowOpacity: styleObj.shadowOpacity as number,
       shadowRadius: styleObj.shadowRadius as number,
-      
+
       // 13. 여백
       padding: styleObj.padding as number,
       margin: styleObj.margin as number,
@@ -99,21 +118,21 @@ const useStyleProps = (style: StyleProp<TextStyle>): StyleProps => {
       marginRight: styleObj.marginRight as number,
       marginBottom: styleObj.marginBottom as number,
       marginLeft: styleObj.marginLeft as number,
-      
+
       // 14. 위치
       position: styleObj.position as 'absolute' | 'relative',
       top: styleObj.top as number,
       right: styleObj.right as number,
       bottom: styleObj.bottom as number,
       left: styleObj.left as number,
-      
+
       // 15. 크기
       width: styleObj.width as number,
       height: styleObj.height as number,
-      
+
       // 16. 변환
       transform: styleObj.transform as any[],
-      
+
       // 17. 기타
       zIndex: styleObj.zIndex as number,
       overflow: styleObj.overflow as 'visible' | 'hidden' | 'scroll',
@@ -155,7 +174,12 @@ const useImageStyleProps = (style: StyleProp<ImageStyle>): ImageStyleProps => {
       height: styleObj.height as number,
 
       // Image 전용 스타일 속성
-      resizeMode: styleObj.resizeMode as 'cover' | 'contain' | 'stretch' | 'repeat' | 'center',
+      resizeMode: styleObj.resizeMode as
+        | 'cover'
+        | 'contain'
+        | 'stretch'
+        | 'repeat'
+        | 'center',
       tintColor: styleObj.tintColor as string,
       overlayColor: styleObj.overlayColor as string,
       aspectRatio: styleObj.aspectRatio as number,
@@ -164,7 +188,11 @@ const useImageStyleProps = (style: StyleProp<ImageStyle>): ImageStyleProps => {
 };
 
 // 네이티브 뷰 속성 설정 커스텀 훅
-const useNativeAdViewProps = (ref: React.RefObject<any>, nativePropKey: string, styleProps?: StyleProps) => {
+const useNativeAdViewProps = (
+  ref: React.RefObject<any>,
+  nativePropKey: string,
+  styleProps?: StyleProps
+) => {
   const { nativeAdView } = useContext(NativeAdViewContext);
 
   const setNativeProps = useCallback(() => {
@@ -172,11 +200,11 @@ const useNativeAdViewProps = (ref: React.RefObject<any>, nativePropKey: string,
     const props: any = {
       [nativePropKey]: findNodeHandle(ref.current),
     };
-    
+
     if (styleProps) {
       props[`${nativePropKey}StyleProps`] = styleProps;
     }
-    
+
     nativeAdView?.setNativeProps(props);
   }, [nativeAdView, ref, nativePropKey, styleProps]);
 
@@ -188,9 +216,9 @@ const useNativeAdViewProps = (ref: React.RefObject<any>, nativePropKey: string,
 // 공통 Text 컴포넌트
 const AdTextView = (props: TextProps & { nativePropKey: string }) => {
   const { nativePropKey, ...restProps } = props;
-  const textRef = useRef<Text | null>(null);
+  const textRef = useRef<ComponentRef<typeof Text> | null>(null);
   const styleProps = useStyleProps(props.style);
-  
+
   useNativeAdViewProps(textRef, nativePropKey, styleProps);
 
   return <Text {...restProps} ref={textRef} />;
@@ -205,11 +233,11 @@ export const BodyView = (props: TextProps) => {
 };
 
 export const CallToActionView = (props: TextProps) => {
-  const callToActionRef = useRef<Text | null>(null);
+  const callToActionRef = useRef<ComponentRef<typeof Text> | null>(null);
   const styleProps = useStyleProps(props.style);
-  
+
   useNativeAdViewProps(callToActionRef, 'callToActionView', styleProps);
-  
+
   // TouchableOpacity disables clicking on certain Android devices.
   if (Platform.OS === 'android') {
     return <Text {...props} ref={callToActionRef} />;
@@ -223,7 +251,7 @@ export const CallToActionView = (props: TextProps) => {
 };
 
 export const IconView = (props: Omit<ImageProps, 'source'>) => {
-  const imageRef = useRef<Image | null>(null);
+  const imageRef = useRef<ComponentRef<typeof Image> | null>(null);
   const iconViewStyleProps = useImageStyleProps(props.style);
   useNativeAdViewProps(imageRef, 'iconView', iconViewStyleProps);
 
@@ -231,9 +259,8 @@ export const IconView = (props: Omit<ImageProps, 'source'>) => {
 };
 
 export const MediaView = (props: ViewProps) => {
-  const viewRef = useRef<View | null>(null);
+  const viewRef = useRef<ComponentRef<typeof View> | null>(null);
   useNativeAdViewProps(viewRef, 'mediaView');
 
   return <View {...props} ref={viewRef} />;
 };
-

package/src/nativeAd/NativeAdViewProvider.tsx

@@ -4,21 +4,27 @@ import { createContext, useState } from 'react';
 import type { NativeMethods } from 'react-native';
 import type { NativeAdViewProps } from '../types/NativeAdViewProps';
 
-export type NativeAdViewType = React.Component<NativeAdViewProps> & NativeMethods;
+export type NativeAdViewType = React.Component<NativeAdViewProps> &
+  NativeMethods;
 
 export type NativeAdViewContextType = {
   nativeAdView: NativeAdViewType | null;
-  setNativeAdView: React.Dispatch<React.SetStateAction<NativeAdViewType | null>>;
+  setNativeAdView: React.Dispatch<
+    React.SetStateAction<NativeAdViewType | null>
+  >;
 };
 
-
 export const NativeAdViewContext = createContext<NativeAdViewContextType>({
   nativeAdView: null,
-  setNativeAdView: () => { },
+  setNativeAdView: () => {},
 });
 
-export const NativeAdViewProvider: React.FC<{ children: ReactNode }> = ({ children }) => {
-  const [nativeAdView, setNativeAdView] = useState<NativeAdViewType | null>(null);
+export const NativeAdViewProvider: React.FC<{ children: ReactNode }> = ({
+  children,
+}) => {
+  const [nativeAdView, setNativeAdView] = useState<NativeAdViewType | null>(
+    null
+  );
 
   const providerValue = React.useMemo(
     () => ({
@@ -28,5 +34,9 @@ export const NativeAdViewProvider: React.FC<{ children: ReactNode }> = ({ childr
     [nativeAdView]
   );
 
-  return <NativeAdViewContext.Provider value={providerValue}>{children}</NativeAdViewContext.Provider>;
+  return (
+    <NativeAdViewContext.Provider value={providerValue}>
+      {children}
+    </NativeAdViewContext.Provider>
+  );
 };

package/src/types/AdBannerViewProps.ts

@@ -1,16 +1,16 @@
-import type { AdFormat } from "../AdBannerView";
-import type { AdProps } from "./AdProps";
+import type { AdFormat } from '../AdBannerView';
+import type { AdProps } from './AdProps';
 
 export type AdBannerViewHandler = {
-	/**
-	 * If the {@link loadOnMount} attribute is set to false, you can call this API to start loading ads in this AdView.
-	 */
-	loadAd(): void;
+  /**
+   * If the {@link loadOnMount} attribute is set to false, you can call this API to start loading ads in this AdView.
+   */
+  loadAd(): void;
 };
 
 export type AdBannerViewProps = AdProps & {
-	color?: string;
-	adFormat: AdFormat;
-	loadOnMount?: boolean;
-	isVisible?: boolean;
-}
+  color?: string;
+  adFormat: AdFormat;
+  loadOnMount?: boolean;
+  isVisible?: boolean;
+};

package/src/types/AdEvent.ts

@@ -1,9 +1,46 @@
-import type { AdInfo, AdLoadFailedInfo, AdDisplayFailedInfo, AdRewardInfo } from './AdInfo';
+import type {
+  AdInfo,
+  AdLoadFailedInfo,
+  AdDisplayFailedInfo,
+  AdRewardInfo,
+} from './AdInfo';
 
-export type AdEventObject = AdInfo | AdLoadFailedInfo | AdDisplayFailedInfo | AdRewardInfo;
+export type AdEventObject =
+  | AdInfo
+  | AdLoadFailedInfo
+  | AdDisplayFailedInfo
+  | AdRewardInfo;
 
 // Defines a generic event listener for the pragrammatic methods to receive an event from the native module.
 export type AdEventListener<T extends AdEventObject> = (event: T) => void;
 
 // Defines a generic event object for the UI components i.e. AdView and NativeAdView to receive an event from the native module.
 export type AdNativeEvent<T extends AdEventObject> = { nativeEvent: T };
+
+export enum AdEventType {
+  LOADED = 'LOADED',
+  LOAD_FAILED = 'LOAD_FAILED',
+  CLICKED = 'CLICKED',
+  DISPLAYED = 'DISPLAYED',
+  FAILED_TO_DISPLAY = 'FAILED_TO_DISPLAY',
+  HIDDEN = 'HIDDEN',
+  IMPRESSION_RECORDED = 'IMPRESSION_RECORDED',
+}
+
+export enum RewardedAdEventType {
+  RECEIVED_REWARD = 'RECEIVED_REWARD',
+}
+
+export interface AdEventPayloadMap {
+  [AdEventType.LOADED]: AdInfo;
+  [AdEventType.LOAD_FAILED]: AdLoadFailedInfo;
+  [AdEventType.CLICKED]: AdInfo;
+  [AdEventType.DISPLAYED]: AdInfo;
+  [AdEventType.FAILED_TO_DISPLAY]: AdDisplayFailedInfo;
+  [AdEventType.HIDDEN]: AdInfo;
+  [AdEventType.IMPRESSION_RECORDED]: AdInfo;
+}
+
+export interface RewardedAdEventPayloadMap extends AdEventPayloadMap {
+  [RewardedAdEventType.RECEIVED_REWARD]: AdRewardInfo;
+}

package/src/types/AdInfo.ts

@@ -2,36 +2,36 @@ import type { ErrorCode } from '../ErrorCode';
 
 // Represents an ad
 export type AdInfo = {
-    // The ad unit ID for which this ad was loaded.
-    adUnitId: string;
-    // The total latency in milliseconds for this waterfall to finish processing.
-    latencyMillis: number;
+  // The ad unit ID for which this ad was loaded.
+  adUnitId: string;
+  // The total latency in milliseconds for this waterfall to finish processing.
+  latencyMillis: number;
 };
 
 // Encapsulates various data for MAX load errors.
 export type AdLoadFailedInfo = {
-    // The ad unit ID for which this ad was loaded.
-    adUnitId: string;
+  // The ad unit ID for which this ad was loaded.
+  adUnitId: string;
 
-    // The error code for the error.
-    code: ErrorCode;
+  // The error code for the error.
+  code: ErrorCode;
 
-    message: string;
+  message: string;
 
-    // The total latency in milliseconds for this waterfall to finish processing.
-    latencyMillis: number;
+  // The total latency in milliseconds for this waterfall to finish processing.
+  latencyMillis: number;
 };
 
 // Encapsulates various data for MAX display errors.
 export type AdDisplayFailedInfo = {
-    message: string | null;
+  message: string | null;
 };
 
 // Represents a reward given to the user.
 export type AdRewardInfo = {
-    // The reward label.
-    rewardLabel?: string | null;
+  // The reward label.
+  rewardLabel?: string | null;
 
-    // The rewarded amount.
-    rewardAmount: string;
-};
+  // The rewarded amount.
+  rewardAmount: string;
+};

package/src/types/AdProps.ts

@@ -1,18 +1,17 @@
-import type { AdLoadFailedInfo } from "./AdInfo";
+import type { AdLoadFailedInfo } from './AdInfo';
 
-import type { AdInfo } from "./AdInfo";
+import type { AdInfo } from './AdInfo';
 
 export type AdProps = {
+  adUnitId: string;
 
-    adUnitId: string;
+  placement?: string | null;
 
-    placement?: string | null;
+  onAdLoaded?: (adInfo: AdInfo) => void;
 
-    onAdLoaded?: (adInfo: AdInfo) => void;
+  onAdLoadFailed?: (error: AdLoadFailedInfo) => void;
 
-    onAdLoadFailed?: (error: AdLoadFailedInfo) => void;
+  onAdClicked?: (adInfo: AdInfo) => void;
 
-    onAdClicked?: (adInfo: AdInfo) => void;
-
-    onAdImpressionRecorded?: (adInfo: AdInfo) => void;
+  onAdImpressionRecorded?: (adInfo: AdInfo) => void;
 };

package/src/types/DaroMMobileAds.ts

@@ -1,8 +1,5 @@
-
 export type DaroMMobileAds = {
-
-	isInitialized: () => Promise<boolean>;
-	initialize: (sdkKey: string) => Promise<void>;
-	setUserId: (userId: String) => Promise<void>;
-	
+  isInitialized: () => Promise<boolean>;
+  initialize: (sdkKey: string) => Promise<void>;
+  setUserId: (userId: String) => Promise<void>;
 };

package/src/types/LightPopupAd.ts

@@ -1,9 +1,4 @@
-import type { ColorValue } from "react-native";
-import type { FullScreenAdType } from "./FullScreenAd";
-
-export interface LightPopupAdType extends FullScreenAdType {
-  setLightPopupAdConfiguration: (adUnitId: string, configuration: LightPopupAdConfiguration) => void;
-}
+import type { ColorValue } from 'react-native';
 
 export interface LightPopupAdConfiguration {
   backgroundColor?: ColorValue;
@@ -16,4 +11,4 @@ export interface LightPopupAdConfiguration {
   bodyTextColor?: ColorValue;
   ctaButtonTextColor?: ColorValue;
   ctaButtonBackgroundColor?: ColorValue;
-}
+}

package/src/types/NativeAdViewProps.ts

@@ -4,15 +4,15 @@ import type { AdProps } from './AdProps';
  * A handler of {@link NativeAdView}.
  */
 export type NativeAdViewHandler = {
-	/**
-	 * Loads a native ad.
-	 */
-	loadAd(): void;
+  /**
+   * Loads a native ad.
+   */
+  loadAd(): void;
 };
 
 /**
  * Represents a {@link NativeAdView}.
  */
 export type NativeAdViewProps = AdProps & {
-	loadOnMount?: boolean;
+  loadOnMount?: boolean;
 };

package/src/types/index.ts

@@ -2,4 +2,4 @@ export * from './AdInfo';
 export * from './NativeAdViewProps';
 export * from './AdBannerViewProps';
 export * from './AdEvent';
-export * from './AdProps';
+export * from './AdProps';

package/android/gradle.properties

@@ -1,5 +0,0 @@
-DaroM_kotlinVersion=2.0.21
-DaroM_minSdkVersion=23
-DaroM_targetSdkVersion=34
-DaroM_compileSdkVersion=35
-DaroM_ndkversion=21.4.7075529

package/android/src/main/AndroidManifestNew.xml

@@ -1,7 +0,0 @@
-<manifest xmlns:android="http://schemas.android.com/apk/res/android">
-  <application>
-    <activity
-      android:name=".cheat.DummyActivity"
-      android:theme="@style/Theme.TransparentActivity" />
-  </application>
-</manifest>

package/android/src/main/java/com/darom/view/DaroMAdBannerViewContainer.kt

@@ -1,163 +0,0 @@
-package com.darom.view
-
-import android.annotation.SuppressLint
-import android.view.View
-import androidx.core.view.children
-import androidx.core.view.isVisible
-import com.darom.event.AdViewEvent
-import com.darom.util.AdInfoUtil
-import com.darom.util.EventEmitterUtil.sendNativeViewEvent
-import com.facebook.react.bridge.ReactContext
-import com.facebook.react.views.view.ReactViewGroup
-import droom.daro.core.adunit.DaroBannerAdUnit
-import droom.daro.core.model.DaroAdInfo
-import droom.daro.core.model.DaroAdLoadError
-import droom.daro.core.model.DaroBannerSize
-import droom.daro.core.model.DaroViewAd
-import droom.daro.view.DaroAdViewListener
-import droom.daro.view.DaroBannerAdView
-
-@SuppressLint("ViewConstructor")
-class DaroMAdBannerViewContainer(val context: ReactContext) : ReactViewGroup(context),
-  DaroAdViewListener {
-
-  private var adView: DaroBannerAdView? = null
-
-  internal var adUnitId: String = ""
-
-  internal var adSize: DaroBannerSize? = null
-
-  internal var loadOnMount: Boolean = true
-
-  private var isVisible: Boolean = true
-  private var isAdPaused: Boolean = false
-
-  fun loadAd() {
-    (adView ?: buildAdView())?.apply {
-      adView = this
-
-      if (this.parent == null) {
-        this@DaroMAdBannerViewContainer.addView(this)
-      }
-
-      loadAd()
-    }
-  }
-
-  private fun buildAdView(): DaroBannerAdView? {
-    if (adUnitId.isEmpty() || adSize == null) {
-      return null
-    }
-
-    return DaroBannerAdView(
-      context,
-      DaroBannerAdUnit(
-        key = adUnitId,
-        placement = adUnitId,
-        bannerSize = adSize!!,
-      )
-    ).also { view ->
-      view.setListener(this)
-    }
-  }
-
-  fun destroy() {
-    adView?.destroy()
-  }
-
-  fun setAdVisibility(visible: Boolean) {
-    isVisible = visible
-    this.isVisible = visible
-    adView?.isVisible = visible
-
-    if (visible) {
-      resumeAd()
-    } else {
-      pauseAd()
-    }
-  }
-
-  fun pauseAd() {
-    if (!isAdPaused) {
-      isAdPaused = true
-      adView?.pause()
-    }
-  }
-
-  fun resumeAd() {
-    if (isAdPaused) {
-      isAdPaused = false
-      adView?.resume()
-    }
-  }
-
-  override fun onAdClicked(adInfo: DaroAdInfo) {
-    sendNativeViewEvent(
-      reactContext = context,
-      event = AdViewEvent.ON_AD_CLICKED,
-      params = AdInfoUtil.getAdInfo(adUnitId, adInfo)
-    )
-  }
-
-  override fun onAdImpression(adInfo: DaroAdInfo) {
-    sendNativeViewEvent(
-      reactContext = context,
-      event = AdViewEvent.ON_AD_IMPRESSION,
-      params = AdInfoUtil.getAdInfo(adUnitId, adInfo),
-    )
-  }
-
-  override fun onAdLoadFail(err: DaroAdLoadError) {
-    sendNativeViewEvent(
-      reactContext = context,
-      event = AdViewEvent.ON_AD_FAILED_TO_LOAD,
-      params = AdInfoUtil.getAdLoadFailedInfo(adUnitId, err),
-    )
-  }
-
-  override fun onAdLoadSuccess(
-    ad: DaroViewAd,
-    adInfo: DaroAdInfo,
-  ) {
-    sendNativeViewEvent(
-      reactContext = context,
-      event = AdViewEvent.ON_AD_LOADED,
-      params = AdInfoUtil.getAdInfo(adUnitId, adInfo),
-    )
-
-    adView?.children?.first()?.let {
-      it.measure(
-        MeasureSpec.makeMeasureSpec(width, MeasureSpec.EXACTLY),
-        MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY)
-      )
-
-      it.layout(0, 0, width, height)
-      it.requestLayout()
-      adView!!.requestLayout()
-    }
-  }
-
-  override fun requestLayout() {
-    super.requestLayout()
-
-    // https://stackoverflow.com/a/39838774/5477988
-    // This is required to ensure ad refreshes render correctly in RN Android due to known issue
-    // where `getWidth()` and `getHeight()` return 0 on attach
-    try {
-      adView?.measure(
-        MeasureSpec.makeMeasureSpec(width, MeasureSpec.EXACTLY),
-        MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY)
-      )
-
-      adView?.layout(0, 0, width, height)
-    } catch (_: Exception) {
-      // Ignore
-    }
-  }
-
-  fun onSetProps() {
-    if (loadOnMount) {
-      loadAd()
-    }
-  }
-}

package/android/src/main/res/layout/layout_activity_transparent.xml

@@ -1,7 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<LinearLayout
-  xmlns:android="http://schemas.android.com/apk/res/android"
-  android:layout_width="match_parent"
-  android:layout_height="match_parent"
-  android:orientation="vertical">
-</LinearLayout>

package/android/src/main/res/values/styles.xml

@@ -1,11 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<resources>
-  <style name="Theme.TransparentActivity" parent="Theme.AppCompat.NoActionBar">
-    <item name="android:windowBackground">@android:color/transparent</item>
-    <item name="android:windowIsTranslucent">true</item>
-    <item name="android:windowNoTitle">true</item>
-    <item name="android:statusBarColor">@android:color/transparent</item> <!-- 상태 바 투명 -->
-    <item name="android:windowDrawsSystemBarBackgrounds">true</item>
-    <item name="android:fitsSystemWindows">true</item>
-  </style>
-</resources>

package/ios/DaroM-Bridging-Header.h

@@ -1,6 +0,0 @@
-#import <React/RCTViewManager.h>
-#import <React/RCTBridgeModule.h>
-#import <React/RCTEventEmitter.h>
-#import <React/RCTUIManager.h>
-#import <React/RCTImageView.h>
-#import <React/RCTTextView.h>

package/lib/commonjs/types/AppOpenAd.js

@@ -1,6 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-//# sourceMappingURL=AppOpenAd.js.map

package/lib/commonjs/types/AppOpenAd.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["types/AppOpenAd.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/types/FullScreenAd.js

@@ -1,6 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-//# sourceMappingURL=FullScreenAd.js.map

package/lib/commonjs/types/FullScreenAd.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["types/FullScreenAd.ts"],"mappings":"","ignoreList":[]}