@tenqube/visual-reward-react-native 1.1.3 → 1.1.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @tenqube/visual-reward
 
+## 1.1.5
+
+### Patch Changes
+
+- edfa2b1: feat: Flutter·RN SDK 서드파티 의존성 제거 및 네이티브로 대체합니다.
+
+## 1.1.4
+
+### Patch Changes
+
+- ee49e4d: feat: 호스트 앱과의 네이티브 모듈 버전 충돌 방지를 위해 모든 네이티브 의존성을 peerDependencies로 이동
+
 ## 1.1.3
 
 ### Patch Changes

package/README.md

@@ -6,7 +6,7 @@ React Native WebView 기반 리워드 광고 SDK입니다.
 
 ## 요구사항
 
-- React Native 0.72+
+- React Native 0.76+
 - iOS 13.0+
 - Android minSdk 21
 
@@ -20,20 +20,24 @@ React Native WebView 기반 리워드 광고 SDK입니다.
 npm install @tenqube/visual-reward-react-native
 ```
 
-SDK가 의존하는 패키지(`react-native-webview`, `react-native-device-info`, `react-native-idfa-aaid`, `react-native-orientation-locker`, `react-native-permissions`, `@react-native-community/netinfo`)는 함께 설치됩니다. 아래 **peer dependency**만 호스트 앱에 직접 설치합니다.
+이 SDK는 WebView 렌더 표면인 `react-native-webview` **하나만** peer dependency로 요구합니다. 호스트 앱과 **버전이 충돌하지 않도록**(단일 버전 보장) 호스트 앱에 직접 설치하며, 이미 설치되어 있으면 그대로 두면 됩니다.
 
 ```sh
-npm install react-native-safe-area-context
+npm install react-native-webview
 ```
 
+> 기기·앱 정보, 광고 식별자(ADID/IDFA), ATT 요청, 방향 고정, safe-area inset 등은 SDK가 네이티브(iOS Swift / Android Kotlin) 모듈로 직접 처리하므로, `react-native-device-info`·`react-native-idfa-aaid`·`@react-native-community/netinfo`·`react-native-permissions`·`react-native-orientation-locker`·`react-native-safe-area-context` 같은 추가 플러그인을 설치할 필요가 없습니다. (호스트 앱의 해당 플러그인 버전과 충돌하지 않습니다.)
+
+> 광고 연동(GMA / AdPopcorn SSP)은 **선택적 peer dependency**이며, 사용할 때만 설치합니다. ([AdMob / Ad Manager WebView 광고 연동](#admob--ad-manager-webview-광고-연동-선택) 참고)
+
 ### 방법 2) 수동 설치 (GitHub Release)
 
-npm을 쓰지 않는 경우, [GitHub Release](https://github.com/tenqube/visual-reward-sdk-react-native/releases)에서 `visual-reward-react-native-<버전>.zip`을 내려받아 압축을 풀고 프로젝트 내 원하는 위치에 복사합니다. (zip에는 `android/`, `ios/` 네이티브 모듈이 포함되어 있습니다.) 그런 다음 `package.json`에 `file:` 경로로 추가합니다.
+npm을 쓰지 않는 경우, [GitHub Release](https://github.com/tenqube/visual-reward-sdk-react-native/releases)에서 `visual-reward-react-native-<버전>.zip`을 내려받아 압축을 풀고 프로젝트 내 원하는 위치에 복사합니다. (zip에는 `android/`, `ios/` 네이티브 모듈이 포함되어 있습니다.) 그런 다음 `package.json`에 `file:` 경로 및 `react-native-webview`를 추가합니다.
 
 ```json
 "dependencies": {
   "@tenqube/visual-reward-react-native": "file:./visual-reward-react-native",
-  "react-native-safe-area-context": ">=4.0.0"
+  "react-native-webview": ">=13.0.0"
 }
 ```
 
@@ -188,10 +192,13 @@ Google [테스트 페이지](https://google.github.io/webview-ads/test/#api-for-
 
 ### Android
 
-`AndroidManifest.xml`에 광고 ID 접근 권한을 추가합니다.
+광고 ID 접근 권한(`com.google.android.gms.permission.AD_ID`)은 SDK가 의존하는 `play-services-ads-identifier`가 매니페스트 병합으로 **자동 추가**하므로, 호스트가 별도로 선언할 필요가 없습니다. (광고 ID를 수집하는 앱이 이 권한을 선언하는 것은 Play 정책상 올바른 동작입니다.)
+
+아동 대상 앱 등 광고 ID 권한을 원치 않는 경우에만 호스트 `AndroidManifest.xml`에서 명시적으로 제거할 수 있습니다.
 
 ```xml
-<uses-permission android:name="com.google.android.gms.permission.AD_ID" />
+<uses-permission android:name="com.google.android.gms.permission.AD_ID"
+    tools:node="remove" />
 ```
 
 ### iOS
@@ -203,7 +210,7 @@ IDFA 조회(`getIDFA`)를 사용하려면 `Info.plist`에 ATT 사용 목적 문
 <string>맞춤형 광고 제공을 위해 기기 식별자를 사용합니다.</string>
 ```
 
-> ATT 권한 요청은 SDK가 웹뷰 로드 전 자동으로 처리합니다. 이미 권한이 결정된 경우 팝업 없이 즉시 진행됩니다. `NSUserTrackingUsageDescription`이 없으면 요청을 스킵하고 바로 로드합니다.
+> ATT 권한 요청은 SDK가 웹뷰 로드 전 네이티브 `ATTrackingManager`로 자동 처리합니다. 이미 권한이 결정된 경우 팝업 없이 즉시 진행됩니다. `NSUserTrackingUsageDescription`이 없으면 요청을 스킵하고 바로 로드합니다.
 
 ---
 
@@ -382,7 +389,7 @@ await VisualReward.open({
 
 ### 가로 모드 차단
 
-웹뷰 화면은 항상 세로 모드로 고정됩니다(`react-native-orientation-locker`). 화면을 닫으면 기존 방향 설정이 자동으로 복원됩니다.
+웹뷰 화면은 항상 세로 모드로 고정됩니다. 화면을 닫으면 기존 방향 설정이 자동으로 복원됩니다. (Android는 Activity `requestedOrientation`, iOS는 iOS 16+ 공개 API `requestGeometryUpdate`로 처리하며, iOS에서는 호스트 앱이 지원 방향을 세로로 제한하지 않은 경우 회전 요청이 best-effort로 동작합니다.)
 
 ### 영상 광고 자동재생
 
@@ -395,7 +402,7 @@ await VisualReward.open({
 
 ### ATT 권한 요청 (iOS)
 
-웹뷰 로드 전 `react-native-permissions`를 통해 `NSUserTrackingUsageDescription`이 설정된 경우 ATT 권한을 자동으로 요청합니다. 이미 권한이 결정된 경우 팝업 없이 즉시 진행됩니다. `NSUserTrackingUsageDescription`이 없으면 요청을 스킵하고 바로 로드합니다.
+웹뷰 로드 전 네이티브 `ATTrackingManager`로 `NSUserTrackingUsageDescription`이 설정된 경우 ATT 권한을 자동으로 요청합니다. 이미 권한이 결정된 경우 팝업 없이 즉시 진행됩니다. `NSUserTrackingUsageDescription`이 없으면 요청을 스킵하고 바로 로드합니다.
 
 ### 스와이프 백 (iOS)
 

package/android/build.gradle

@@ -42,6 +42,10 @@ repositories {
 dependencies {
     // React Native (autolink 이 버전 주입)
     implementation "com.facebook.react:react-native:+"
+    // ADID(AAID) 조회용. react-native-idfa-aaid 제거에 따라 직접 선언해 ADID 를 계속 보장한다.
+    // (이 라이브러리가 com.google.android.gms.permission.AD_ID 권한을 매니페스트 머지로 가져오며,
+    //  ADID 를 수집하는 앱이 해당 권한을 선언하는 것은 Play 정책상 올바른 동작이다.)
+    implementation "com.google.android.gms:play-services-ads-identifier:18.2.0"
     // GMA / AdPopcorn / react-native-webview 는 리플렉션·뷰탐색으로만 접근하므로
     // 컴파일 의존성 없음(호스트 앱이 각 SDK 를 링크하면 리플렉션이 동작, 없으면 no-op).
 }

package/android/src/main/AndroidManifest.xml

@@ -1,2 +1,5 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
-    package="com.tenqube.visualreward" />
+    package="com.tenqube.visualreward">
+    <!-- 네트워크 타입(wifi/mobile) 조회용 — @react-native-community/netinfo 제거에 따라 직접 선언. -->
+    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
+</manifest>

package/android/src/main/java/com/tenqube/visualreward/VisualRewardModule.kt

@@ -4,16 +4,27 @@ import android.app.Activity
 import android.content.ActivityNotFoundException
 import android.content.Context
 import android.content.Intent
+import android.content.pm.ActivityInfo
+import android.content.pm.PackageManager
+import android.net.ConnectivityManager
+import android.net.NetworkCapabilities
 import android.net.Uri
+import android.os.Build
 import android.util.Log
 import android.view.View
 import android.view.ViewGroup
 import android.webkit.WebView
+import androidx.core.view.ViewCompat
+import androidx.core.view.WindowInsetsCompat
+import com.facebook.react.bridge.Arguments
 import com.facebook.react.bridge.Promise
 import com.facebook.react.bridge.ReactApplicationContext
 import com.facebook.react.bridge.ReactContextBaseJavaModule
 import com.facebook.react.bridge.ReactMethod
 import com.facebook.react.bridge.UiThreadUtil
+import com.google.android.gms.ads.identifier.AdvertisingIdClient
+import org.json.JSONException
+import org.json.JSONObject
 
 /**
  * Tenqube Visual Reward — React Native 네이티브 모듈 (Android).
@@ -98,6 +109,136 @@ class VisualRewardModule(private val reactContext: ReactApplicationContext) :
         }
     }
 
+    // MARK: - 기기/앱 정보 · 광고 ID · ATT · 방향 · safe-area
+    // (react-native-device-info / idfa-aaid / netinfo / permissions / orientation-locker /
+    //  safe-area-context 제거에 따라, Kotlin SDK 의 동일 로직을 네이티브 메서드로 직접 제공한다.)
+
+    @ReactMethod
+    fun getAppVersion(promise: Promise) {
+        promise.resolve(getAppVersionName())
+    }
+
+    @ReactMethod
+    fun getAdvertisingId(promise: Promise) {
+        // AdvertisingIdClient.getAdvertisingIdInfo 는 블로킹 호출 → 별도 스레드에서 실행.
+        Thread {
+            var adId = ""
+            try {
+                val id = AdvertisingIdClient.getAdvertisingIdInfo(reactApplicationContext).id ?: ""
+                if (id != "00000000-0000-0000-0000-000000000000") adId = id
+            } catch (_: Throwable) {
+            }
+            promise.resolve(adId)
+        }.start()
+    }
+
+    @ReactMethod
+    fun getIDFV(promise: Promise) {
+        promise.resolve("") // iOS 전용 — Android no-op
+    }
+
+    @ReactMethod
+    fun getDeviceInfo(promise: Promise) {
+        promise.resolve(getDeviceInfoJson())
+    }
+
+    @ReactMethod
+    fun requestTrackingAuthorization(promise: Promise) {
+        promise.resolve(null) // iOS 전용 — Android no-op
+    }
+
+    @ReactMethod
+    fun lockPortrait(promise: Promise) {
+        UiThreadUtil.runOnUiThread {
+            reactApplicationContext.currentActivity?.requestedOrientation =
+                ActivityInfo.SCREEN_ORIENTATION_PORTRAIT
+            promise.resolve(null)
+        }
+    }
+
+    @ReactMethod
+    fun unlockOrientations(promise: Promise) {
+        UiThreadUtil.runOnUiThread {
+            // 기존 방향 설정 복원 (orientation-locker.unlockAllOrientations 와 동일)
+            reactApplicationContext.currentActivity?.requestedOrientation =
+                ActivityInfo.SCREEN_ORIENTATION_UNSPECIFIED
+            promise.resolve(null)
+        }
+    }
+
+    @ReactMethod
+    fun getSafeAreaInsets(promise: Promise) {
+        UiThreadUtil.runOnUiThread {
+            val map = Arguments.createMap()
+            var top = 0.0
+            var bottom = 0.0
+            var left = 0.0
+            var right = 0.0
+            try {
+                val decor = reactApplicationContext.currentActivity?.window?.decorView
+                val density = reactApplicationContext.resources.displayMetrics.density.toDouble()
+                val insets = decor
+                    ?.let { ViewCompat.getRootWindowInsets(it) }
+                    ?.getInsets(WindowInsetsCompat.Type.systemBars())
+                if (insets != null && density > 0) {
+                    top = insets.top / density
+                    bottom = insets.bottom / density
+                    left = insets.left / density
+                    right = insets.right / density
+                }
+            } catch (_: Exception) {
+            }
+            map.putDouble("top", top)
+            map.putDouble("bottom", bottom)
+            map.putDouble("left", left)
+            map.putDouble("right", right)
+            promise.resolve(map)
+        }
+    }
+
+    private fun getAppVersionName(): String {
+        return try {
+            val ctx = reactApplicationContext
+            val pm = ctx.packageManager
+            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.TIRAMISU) {
+                pm.getPackageInfo(ctx.packageName, PackageManager.PackageInfoFlags.of(0)).versionName ?: ""
+            } else {
+                @Suppress("DEPRECATION")
+                pm.getPackageInfo(ctx.packageName, 0).versionName ?: ""
+            }
+        } catch (_: Exception) {
+            ""
+        }
+    }
+
+    private fun getNetworkType(): String {
+        val cm = reactApplicationContext.getSystemService(Context.CONNECTIVITY_SERVICE)
+            as? ConnectivityManager ?: return ""
+        return try {
+            val caps = cm.getNetworkCapabilities(cm.activeNetwork ?: return "") ?: return ""
+            when {
+                caps.hasTransport(NetworkCapabilities.TRANSPORT_WIFI) -> "wifi"
+                caps.hasTransport(NetworkCapabilities.TRANSPORT_CELLULAR) -> "mobile"
+                else -> ""
+            }
+        } catch (_: Exception) {
+            ""
+        }
+    }
+
+    private fun getDeviceInfoJson(): String {
+        val info = JSONObject()
+        try {
+            val net = getNetworkType()
+            if (net.isNotEmpty()) info.put("network", net)
+            info.put("model", Build.MODEL)
+            info.put("manufacturer", Build.MANUFACTURER)
+            info.put("osVersion", Build.VERSION.RELEASE)
+        } catch (_: JSONException) {
+        }
+        return info.toString()
+    }
+
     // MARK: - GMA registerWebView (리플렉션)
     // Kotlin SDK RewardWebViewActivity.onCreate 의 등록 로직과 동일.
 

package/ios/VisualReward.m

@@ -9,4 +9,28 @@ RCT_EXTERN_METHOD(attachAdBridges:(RCTPromiseResolveBlock)resolve
 RCT_EXTERN_METHOD(hasTrackingDescription:(RCTPromiseResolveBlock)resolve
                   rejecter:(RCTPromiseRejectBlock)reject)
 
+RCT_EXTERN_METHOD(getAppVersion:(RCTPromiseResolveBlock)resolve
+                  rejecter:(RCTPromiseRejectBlock)reject)
+
+RCT_EXTERN_METHOD(getAdvertisingId:(RCTPromiseResolveBlock)resolve
+                  rejecter:(RCTPromiseRejectBlock)reject)
+
+RCT_EXTERN_METHOD(getIDFV:(RCTPromiseResolveBlock)resolve
+                  rejecter:(RCTPromiseRejectBlock)reject)
+
+RCT_EXTERN_METHOD(getDeviceInfo:(RCTPromiseResolveBlock)resolve
+                  rejecter:(RCTPromiseRejectBlock)reject)
+
+RCT_EXTERN_METHOD(requestTrackingAuthorization:(RCTPromiseResolveBlock)resolve
+                  rejecter:(RCTPromiseRejectBlock)reject)
+
+RCT_EXTERN_METHOD(lockPortrait:(RCTPromiseResolveBlock)resolve
+                  rejecter:(RCTPromiseRejectBlock)reject)
+
+RCT_EXTERN_METHOD(unlockOrientations:(RCTPromiseResolveBlock)resolve
+                  rejecter:(RCTPromiseRejectBlock)reject)
+
+RCT_EXTERN_METHOD(getSafeAreaInsets:(RCTPromiseResolveBlock)resolve
+                  rejecter:(RCTPromiseRejectBlock)reject)
+
 @end

package/ios/VisualReward.swift

@@ -1,4 +1,7 @@
+import AdSupport
+import AppTrackingTransparency
 import Foundation
+import Network
 import React
 import UIKit
 import WebKit
@@ -14,6 +17,11 @@ import WebKit
 @objc(VisualReward)
 class VisualReward: NSObject {
 
+  override init() {
+    super.init()
+    VisualReward.startNetworkMonitor()
+  }
+
   @objc static func requiresMainQueueSetup() -> Bool {
     return false
   }
@@ -46,6 +54,156 @@ class VisualReward: NSObject {
     resolve(has)
   }
 
+  // MARK: - 기기/앱 정보 · IDFA/IDFV · ATT · 방향 · safe-area
+  // (react-native-device-info / idfa-aaid / netinfo / permissions / orientation-locker /
+  //  safe-area-context 제거에 따라, Swift SDK 의 동일 로직을 네이티브 메서드로 직접 제공한다.)
+
+  @objc(getAppVersion:rejecter:)
+  func getAppVersion(_ resolve: @escaping RCTPromiseResolveBlock,
+                     rejecter reject: @escaping RCTPromiseRejectBlock) {
+    resolve(Bundle.main.object(forInfoDictionaryKey: "CFBundleShortVersionString") as? String ?? "")
+  }
+
+  @objc(getAdvertisingId:rejecter:)
+  func getAdvertisingId(_ resolve: @escaping RCTPromiseResolveBlock,
+                        rejecter reject: @escaping RCTPromiseRejectBlock) {
+    resolve(VisualReward.advertisingId())
+  }
+
+  @objc(getIDFV:rejecter:)
+  func getIDFV(_ resolve: @escaping RCTPromiseResolveBlock,
+               rejecter reject: @escaping RCTPromiseRejectBlock) {
+    resolve(UIDevice.current.identifierForVendor?.uuidString ?? "")
+  }
+
+  @objc(getDeviceInfo:rejecter:)
+  func getDeviceInfo(_ resolve: @escaping RCTPromiseResolveBlock,
+                     rejecter reject: @escaping RCTPromiseRejectBlock) {
+    resolve(VisualReward.deviceInfoJson())
+  }
+
+  /// Swift SDK 의 ATTrackingManager.requestTrackingAuthorization 과 동일.
+  @objc(requestTrackingAuthorization:rejecter:)
+  func requestTrackingAuthorization(_ resolve: @escaping RCTPromiseResolveBlock,
+                                    rejecter reject: @escaping RCTPromiseRejectBlock) {
+    if #available(iOS 14, *) {
+      ATTrackingManager.requestTrackingAuthorization { _ in
+        DispatchQueue.main.async { resolve(nil) }
+      }
+    } else {
+      resolve(nil)
+    }
+  }
+
+  /// 세로 모드 고정. iOS 16+ 공개 API requestGeometryUpdate 로 best-effort 회전 요청.
+  /// (비공개 API·스위즐링을 쓰지 않으므로, 최상단 VC 가 세로를 허용하지 않으면 조용히 무시된다.)
+  @objc(lockPortrait:rejecter:)
+  func lockPortrait(_ resolve: @escaping RCTPromiseResolveBlock,
+                    rejecter reject: @escaping RCTPromiseRejectBlock) {
+    DispatchQueue.main.async {
+      if #available(iOS 16.0, *) {
+        VisualReward.windowScene()?.requestGeometryUpdate(
+          .iOS(interfaceOrientations: .portrait)
+        ) { _ in }
+      }
+      resolve(nil)
+    }
+  }
+
+  @objc(unlockOrientations:rejecter:)
+  func unlockOrientations(_ resolve: @escaping RCTPromiseResolveBlock,
+                          rejecter reject: @escaping RCTPromiseRejectBlock) {
+    DispatchQueue.main.async {
+      if #available(iOS 16.0, *) {
+        VisualReward.windowScene()?.requestGeometryUpdate(
+          .iOS(interfaceOrientations: .all)
+        ) { _ in }
+      }
+      resolve(nil)
+    }
+  }
+
+  @objc(getSafeAreaInsets:rejecter:)
+  func getSafeAreaInsets(_ resolve: @escaping RCTPromiseResolveBlock,
+                         rejecter reject: @escaping RCTPromiseRejectBlock) {
+    DispatchQueue.main.async {
+      let insets = VisualReward.keyWindow()?.safeAreaInsets ?? .zero
+      resolve([
+        "top": insets.top,
+        "bottom": insets.bottom,
+        "left": insets.left,
+        "right": insets.right,
+      ])
+    }
+  }
+
+  // MARK: - 기기/광고 정보 헬퍼 (Swift SDK RewardWebViewController 의 동일 로직 복제)
+
+  private static var networkMonitor: NWPathMonitor?
+  // networkType 은 NWPathMonitor 백그라운드 큐에서 쓰이고 브릿지 큐에서 읽히므로
+  // Swift SDK(RewardWebViewController)와 동일하게 serial 큐로 접근을 보호한다.
+  private static let networkQueue = DispatchQueue(label: "com.tenqube.visualreward.network", qos: .utility)
+  private static var _networkType = ""
+  private static var networkType: String {
+    get { networkQueue.sync { _networkType } }
+    set { networkQueue.async { _networkType = newValue } }
+  }
+
+  private static func startNetworkMonitor() {
+    if networkMonitor != nil { return }
+    let monitor = NWPathMonitor()
+    monitor.pathUpdateHandler = { path in
+      if path.usesInterfaceType(.wifi) {
+        VisualReward.networkType = "wifi"
+      } else if path.usesInterfaceType(.cellular) {
+        VisualReward.networkType = "mobile"
+      } else {
+        VisualReward.networkType = ""
+      }
+    }
+    monitor.start(queue: DispatchQueue.global(qos: .background))
+    networkMonitor = monitor
+  }
+
+  private static func deviceInfoJson() -> String {
+    var info: [String: Any] = [:]
+    if !networkType.isEmpty { info["network"] = networkType }
+    info["model"] = machineIdentifier()
+    info["manufacturer"] = "Apple"
+    info["osVersion"] = UIDevice.current.systemVersion
+    guard let data = try? JSONSerialization.data(withJSONObject: info),
+          let json = String(data: data, encoding: .utf8) else { return "{}" }
+    return json
+  }
+
+  private static func advertisingId() -> String {
+    // Swift SDK getIDFA 와 동일: iOS14+ 는 ATT 승인 시에만, 이하는 추적 허용 시에만 반환.
+    let idfa: String
+    if #available(iOS 14, *) {
+      idfa = (ATTrackingManager.trackingAuthorizationStatus == .authorized)
+        ? ASIdentifierManager.shared().advertisingIdentifier.uuidString : ""
+    } else {
+      idfa = ASIdentifierManager.shared().isAdvertisingTrackingEnabled
+        ? ASIdentifierManager.shared().advertisingIdentifier.uuidString : ""
+    }
+    return (idfa == "00000000-0000-0000-0000-000000000000") ? "" : idfa
+  }
+
+  private static func machineIdentifier() -> String {
+    var size = 0
+    sysctlbyname("hw.machine", nil, &size, nil, 0)
+    var machine = [CChar](repeating: 0, count: size)
+    sysctlbyname("hw.machine", &machine, &size, nil, 0)
+    return String(cString: machine)
+  }
+
+  private static func windowScene() -> UIWindowScene? {
+    return UIApplication.shared.connectedScenes
+      .compactMap { $0 as? UIWindowScene }
+      .first { $0.activationState == .foregroundActive }
+      ?? UIApplication.shared.connectedScenes.compactMap { $0 as? UIWindowScene }.first
+  }
+
   // MARK: - GMA registerWebView (리플렉션)
   // Swift SDK RewardWebViewController.setupLayout 의 GADMobileAds.registerWebView 와 동일.
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tenqube/visual-reward-react-native",
-  "version": "1.1.3",
+  "version": "1.1.5",
   "description": "Tenqube Visual Reward SDK for React Native",
   "main": "index.ts",
   "types": "index.ts",
@@ -22,18 +22,10 @@
     "README.md",
     "CHANGELOG.md"
   ],
-  "dependencies": {
-    "@react-native-community/netinfo": "^11.0.0",
-    "react-native-idfa-aaid": "^0.1.1",
-    "react-native-device-info": "^10.0.0",
-    "react-native-orientation-locker": "^1.7.0",
-    "react-native-permissions": "^4.0.0",
-    "react-native-webview": "^13.0.0"
-  },
   "peerDependencies": {
     "react": ">=18.0.0",
-    "react-native": ">=0.72.0",
-    "react-native-safe-area-context": ">=4.0.0",
+    "react-native": ">=0.76.0",
+    "react-native-webview": ">=13.0.0",
     "react-native-google-mobile-ads": "*",
     "react-native-adpopcorn-ssp": "*"
   },

package/src/NativeVisualReward.ts

@@ -9,10 +9,25 @@ import { NativeModules, Platform } from "react-native";
  *
  * 네이티브 모듈이 링크되지 않은 환경(예: 자동링크 누락)에서도 앱이 죽지 않도록 모든 호출을 방어한다.
  */
+export interface SafeAreaInsets {
+  top: number;
+  bottom: number;
+  left: number;
+  right: number;
+}
+
 interface VisualRewardNativeModule {
   attachAdBridges(): Promise<boolean>;
   hasTrackingDescription(): Promise<boolean>;
   handleIntentScheme(url: string): Promise<boolean>;
+  getAppVersion(): Promise<string>;
+  getAdvertisingId(): Promise<string>;
+  getIDFV(): Promise<string>;
+  getDeviceInfo(): Promise<string>;
+  requestTrackingAuthorization(): Promise<void>;
+  lockPortrait(): Promise<void>;
+  unlockOrientations(): Promise<void>;
+  getSafeAreaInsets(): Promise<SafeAreaInsets>;
 }
 
 const NativeModule: Partial<VisualRewardNativeModule> | undefined =
@@ -50,3 +65,75 @@ export async function handleIntentScheme(url: string): Promise<boolean> {
     return false;
   }
 }
+
+/** 앱 버전(CFBundleShortVersionString / versionName). */
+export async function getAppVersion(): Promise<string> {
+  try {
+    return (await NativeModule?.getAppVersion?.()) ?? "";
+  } catch (_) {
+    return "";
+  }
+}
+
+/**
+ * 광고 식별자. Android: AAID(AdvertisingIdClient). iOS: IDFA(ASIdentifierManager, ATT 승인 시에만).
+ * opt-out/실패 시 빈 문자열. (제로 UUID 필터링은 네이티브에서 처리)
+ */
+export async function getAdvertisingId(): Promise<string> {
+  try {
+    return (await NativeModule?.getAdvertisingId?.()) ?? "";
+  } catch (_) {
+    return "";
+  }
+}
+
+/** iOS: IDFV(identifierForVendor). (Android/미링크 → 빈 문자열) */
+export async function getIDFV(): Promise<string> {
+  if (Platform.OS !== "ios") return "";
+  try {
+    return (await NativeModule?.getIDFV?.()) ?? "";
+  } catch (_) {
+    return "";
+  }
+}
+
+/** 기기 정보 JSON 문자열(network/model/manufacturer/osVersion). 네트워크 타입도 네이티브에서 합쳐 반환. */
+export async function getDeviceInfo(): Promise<string> {
+  try {
+    return (await NativeModule?.getDeviceInfo?.()) ?? "{}";
+  } catch (_) {
+    return "{}";
+  }
+}
+
+/** iOS: ATT 추적 권한 요청(ATTrackingManager). (Android/미링크 → no-op) */
+export async function requestTrackingAuthorization(): Promise<void> {
+  if (Platform.OS !== "ios") return;
+  try {
+    await NativeModule?.requestTrackingAuthorization?.();
+  } catch (_) {}
+}
+
+/** 세로 모드로 고정. Android: requestedOrientation. iOS: requestGeometryUpdate(iOS16+, best-effort). */
+export async function lockPortrait(): Promise<void> {
+  try {
+    await NativeModule?.lockPortrait?.();
+  } catch (_) {}
+}
+
+/** 방향 고정 해제(기존 설정 복원). */
+export async function unlockOrientations(): Promise<void> {
+  try {
+    await NativeModule?.unlockOrientations?.();
+  } catch (_) {}
+}
+
+/** 현재 safe-area inset(top/bottom/left/right, dp/pt). 미링크 시 0. */
+export async function getSafeAreaInsets(): Promise<SafeAreaInsets> {
+  const zero = { top: 0, bottom: 0, left: 0, right: 0 };
+  try {
+    return (await NativeModule?.getSafeAreaInsets?.()) ?? zero;
+  } catch (_) {
+    return zero;
+  }
+}

package/src/RewardWebView.tsx

@@ -15,38 +15,22 @@ import {
 } from "react-native";
 import WebView, { WebViewMessageEvent } from "react-native-webview";
 import type { WebViewNavigation } from "react-native-webview/lib/WebViewTypes";
-import DeviceInfo from "react-native-device-info";
-import AdvertisingIdAaid from "react-native-idfa-aaid";
-import NetInfo from "@react-native-community/netinfo";
-import Orientation from "react-native-orientation-locker";
 
 import type { RewardWebViewHandle, RewardWebViewProps } from "./types";
 import { isAllowedDomain, normalizeUrl } from "./utils";
 import {
   attachAdBridges,
+  getAdvertisingId,
+  getAppVersion,
+  getDeviceInfo,
+  getIDFV,
   handleIntentScheme,
   hasTrackingDescription,
+  lockPortrait,
+  requestTrackingAuthorization,
+  unlockOrientations,
 } from "./NativeVisualReward";
 
-// ─── ATT 요청 (iOS) ──────────────────────────────────────────────────────────
-// react-native-permissions로 ATT 권한 요청.
-// NSUserTrackingUsageDescription이 없으면 try/catch로 스킵.
-let requestTrackingPermission: (() => Promise<void>) | null = null;
-if (Platform.OS === "ios") {
-  try {
-    // eslint-disable-next-line @typescript-eslint/no-var-requires
-    const { request, PERMISSIONS } = require("react-native-permissions") as {
-      request: (permission: string) => Promise<string>;
-      PERMISSIONS: { IOS: { APP_TRACKING_TRANSPARENCY: string } };
-    };
-    requestTrackingPermission = async () => {
-      await request(PERMISSIONS.IOS.APP_TRACKING_TRANSPARENCY);
-    };
-  } catch (_) {
-    requestTrackingPermission = null;
-  }
-}
-
 // ─── 폴리필 스크립트 ──────────────────────────────────────────────────────────
 /**
  * Android / iOS 양쪽 호출 방식을 통합하는 폴리필을 웹뷰에 주입합니다.
@@ -166,9 +150,9 @@ const RewardWebView = React.forwardRef<RewardWebViewHandle, RewardWebViewProps>(
 
     // ── 세로 모드 고정 ──────────────────────────────────────────────────────────
     useEffect(() => {
-      Orientation.lockToPortrait();
+      lockPortrait();
       return () => {
-        Orientation.unlockAllOrientations();
+        unlockOrientations();
       };
     }, []);
 
@@ -280,10 +264,7 @@ const RewardWebView = React.forwardRef<RewardWebViewHandle, RewardWebViewProps>(
         switch (fncName) {
           // ── getAppVersion ──────────────────────────────────────────────────
           case "getAppVersion": {
-            let version = "";
-            try {
-              version = DeviceInfo.getVersion();
-            } catch (_) {}
+            const version = await getAppVersion();
             callNativeCallback("getAppVersion", version);
             break;
           }
@@ -292,11 +273,8 @@ const RewardWebView = React.forwardRef<RewardWebViewHandle, RewardWebViewProps>(
           case "getADID": {
             let adId = "";
             if (Platform.OS === "android") {
-              try {
-                const result = await AdvertisingIdAaid.getAdvertisingInfo();
-                const id = result.id ?? "";
-                if (id !== "00000000-0000-0000-0000-000000000000") adId = id;
-              } catch (_) {}
+              // 네이티브(AdvertisingIdClient)에 위임. 제로 UUID 필터링도 네이티브에서 처리.
+              adId = await getAdvertisingId();
             }
             callNativeCallback("getADID", adId);
             break;
@@ -306,11 +284,8 @@ const RewardWebView = React.forwardRef<RewardWebViewHandle, RewardWebViewProps>(
           case "getIDFA": {
             let idfa = "";
             if (Platform.OS === "ios") {
-              try {
-                const result = await AdvertisingIdAaid.getAdvertisingInfo();
-                const id = result.id ?? "";
-                if (id !== "00000000-0000-0000-0000-000000000000") idfa = id;
-              } catch (_) {}
+              // 네이티브(ASIdentifierManager)에 위임. Swift 와 동일하게 ATT 승인 시에만 반환.
+              idfa = await getAdvertisingId();
             }
             callNativeCallback("getIDFA", idfa);
             break;
@@ -318,37 +293,17 @@ const RewardWebView = React.forwardRef<RewardWebViewHandle, RewardWebViewProps>(
 
           // ── getIDFV (iOS only) ────────────────────────────────────────────
           case "getIDFV": {
-            let idfv = "";
-            if (Platform.OS === "ios") {
-              try {
-                idfv = await DeviceInfo.getUniqueId();
-              } catch (_) {}
-            }
+            const idfv = await getIDFV();
             callNativeCallback("getIDFV", idfv);
             break;
           }
 
           // ── getDeviceInfo ─────────────────────────────────────────────────
           case "getDeviceInfo": {
-            const info: Record<string, string> = {};
-            try {
-              const netState = await NetInfo.fetch();
-              if (netState.type === "wifi") info.network = "wifi";
-              else if (netState.type === "cellular") info.network = "mobile";
-            } catch (_) {}
-            try {
-              if (Platform.OS === "android") {
-                info.model = DeviceInfo.getModel();
-                info.manufacturer = await DeviceInfo.getManufacturer();
-                info.osVersion = DeviceInfo.getSystemVersion();
-              } else {
-                // iOS: hardware id (예: "iPhone16,1")
-                info.model = await DeviceInfo.getDeviceId();
-                info.manufacturer = "Apple";
-                info.osVersion = DeviceInfo.getSystemVersion();
-              }
-            } catch (_) {}
-            callNativeCallback("getDeviceInfo", JSON.stringify(info));
+            // 네이티브에서 network/model/manufacturer/osVersion 을 JSON 문자열로 조립해 반환.
+            // 웹 콜백은 문자열을 받아 JSON.parse 하므로 rawValue=false(기본)로 감싼다.
+            const info = await getDeviceInfo();
+            callNativeCallback("getDeviceInfo", info);
             break;
           }
 
@@ -469,10 +424,11 @@ const RewardWebView = React.forwardRef<RewardWebViewHandle, RewardWebViewProps>(
     const handleLoadEnd = useCallback(async () => {
       if (attachStartedRef.current) return; // 실제 URL 로드 완료 시엔 재실행 안 함
       attachStartedRef.current = true;
-      if (Platform.OS === "ios" && requestTrackingPermission) {
+      if (Platform.OS === "ios") {
+        // 네이티브 ATTrackingManager 로 ATT 요청. NSUserTrackingUsageDescription 이 있을 때만.
         try {
           if (await hasTrackingDescription()) {
-            await requestTrackingPermission();
+            await requestTrackingAuthorization();
           }
         } catch (_) {}
       }

package/src/VisualRewardContainer.tsx

@@ -7,11 +7,13 @@ import {
   StyleSheet,
   View,
 } from "react-native";
-import { SafeAreaProvider, SafeAreaView } from "react-native-safe-area-context";
 import RewardWebView from "./RewardWebView";
 import { VisualReward } from "./VisualReward";
+import { getSafeAreaInsets, type SafeAreaInsets } from "./NativeVisualReward";
 import type { RewardWebViewHandle, RewardWebViewProps } from "./types";
 
+const ZERO_INSETS: SafeAreaInsets = { top: 0, bottom: 0, left: 0, right: 0 };
+
 /**
  * VisualRewardContainer
  *
@@ -41,6 +43,20 @@ const VisualRewardContainer: React.FC = () => {
   const optionsRef = useRef<RewardWebViewProps | null>(null);
   optionsRef.current = options;
 
+  // safe-area inset — react-native-safe-area-context 대신 네이티브에서 조회한다.
+  // (Modal 은 별도 window 라 상/하단 inset 을 다시 적용해야 상태바·제스처바에 안 가린다.)
+  const [insets, setInsets] = useState<SafeAreaInsets>(ZERO_INSETS);
+  useEffect(() => {
+    if (!visible) return;
+    let cancelled = false;
+    getSafeAreaInsets().then((v) => {
+      if (!cancelled) setInsets(v);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [visible]);
+
   // VisualReward 싱글톤에 핸들러 등록
   useEffect(() => {
     VisualReward._register((opts) => {
@@ -80,28 +96,36 @@ const VisualRewardContainer: React.FC = () => {
       visible={visible}
       animationType="slide"
       presentationStyle="fullScreen"
+      // Android: 상/하단 모두 edge-to-edge 로 둔다. targetSdk 35+ 는 Activity 가 edge-to-edge 로
+      // 강제되므로, Modal 하단도 네비게이션 바 아래까지 그려지게 해야(navigationBarTranslucent)
+      // 네이티브 systemBars inset 을 padding 으로 적용했을 때 이중 여백이 생기지 않는다.
+      // (navigationBarTranslucent 는 statusBarTranslucent 가 true 여야 동작)
       statusBarTranslucent={Platform.OS === "android"}
+      navigationBarTranslucent={Platform.OS === "android"}
       onRequestClose={handleBackPress}
     >
-      {/* Modal 은 별도 window 라 자체 SafeAreaProvider 로 inset 을 다시 측정한다.
+      {/* Modal 은 별도 window 라 네이티브에서 얻은 inset 을 상/하단 padding 으로 다시 적용한다.
           상단 safe-area 를 흰색으로 두고 상태바 아이콘을 dark-content(검정)로 표시한다. */}
-      <SafeAreaProvider style={styles.safeArea}>
+      <View
+        style={[
+          styles.safeArea,
+          { paddingTop: insets.top, paddingBottom: insets.bottom },
+        ]}
+      >
         <StatusBar barStyle="dark-content" backgroundColor="#ffffff" />
-        <SafeAreaView style={styles.safeArea} edges={["top", "bottom"]}>
-          <View style={styles.container}>
-            {options && (
-              <RewardWebView
-                ref={rewardWebViewRef}
-                key={options.url}
-                url={options.url}
-                allowedDomains={options.allowedDomains}
-                debugEnabled={options.debugEnabled ?? false}
-                onClose={handleClose}
-              />
-            )}
-          </View>
-        </SafeAreaView>
-      </SafeAreaProvider>
+        <View style={styles.container}>
+          {options && (
+            <RewardWebView
+              ref={rewardWebViewRef}
+              key={options.url}
+              url={options.url}
+              allowedDomains={options.allowedDomains}
+              debugEnabled={options.debugEnabled ?? false}
+              onClose={handleClose}
+            />
+          )}
+        </View>
+      </View>
     </Modal>
   );
 };