react-native-attachment-kit 1.0.0

package/android/src/newarch/java/com/rnattachmentkit/RNAttachmentKitModule.kt

@@ -0,0 +1,1159 @@
+package com.rnattachmentkit
+
+
+import android.app.Activity
+import android.content.Intent
+import android.graphics.Bitmap
+import android.graphics.BitmapFactory
+import android.net.Uri
+import com.facebook.react.bridge.*
+import com.facebook.react.module.annotations.ReactModule
+import android.Manifest
+import android.content.pm.PackageManager
+import android.os.Build
+import androidx.core.content.ContextCompat
+import androidx.fragment.app.FragmentActivity
+import com.facebook.react.modules.core.PermissionAwareActivity
+import com.facebook.react.modules.core.PermissionListener
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.launch
+import kotlinx.coroutines.withContext
+import java.io.*
+
+@ReactModule(name = RNAttachmentKitModule.NAME)
+class RNAttachmentKitModule(reactContext: ReactApplicationContext) :
+    NativeAttachmentKitSpec(reactContext), ActivityEventListener {
+
+    companion object {
+        const val NAME = "RNAttachmentKit"
+        private const val E_PICKER_CANCELLED = "E_PICKER_CANCELLED"
+        private const val E_NO_ACTIVITY = "E_NO_ACTIVITY"
+        private const val E_FAILED_TO_PICK = "E_FAILED_TO_PICK"
+        private const val REQUEST_CODE_IMAGE_PICKER = 3001
+        private const val REQUEST_CODE_IMAGE_EDITOR = 3002
+    }
+
+    private var pickImagesPromise: Promise? = null
+    private var editImagePromise: Promise? = null
+    private val moduleScope = CoroutineScope(Dispatchers.Main)
+    private var maxWidth: Int = 1024
+    private var maxHeight: Int = 1024
+    private var outputFormat: String = "webp" // Default to webp
+
+    // newarch에는 이 맵과 getDefaultAnimationConfig() 구현이 통째로 빠져 있었습니다(oldarch에는 있었음).
+    // NativeAttachmentKitSpec(codegen 생성 추상 클래스)이 이 메서드를 abstract로 요구하기 때문에,
+    // 누락된 상태로는 아예 컴파일이 안 됩니다(newarch는 AAR이 아니라 소스 형태로 배포되어 소비 앱이
+    // 직접 컴파일하므로, 이 파일을 실제로 빌드해보기 전까지는 드러나지 않았던 것으로 보입니다).
+    private val defaultAnimationConfig = mapOf(
+        "galleryOpen" to 300,
+        "galleryClose" to 250,
+        "editorOpen" to 250,
+        "editorClose" to 200,
+        "viewerOpen" to 250,
+        "viewerClose" to 200
+    )
+
+    // newarch에는 이 리시버가 누락되어 있었습니다(oldarch에는 있었음). 그 결과 네이티브가
+    // VIEWER_WILL_CLOSE 로컬 브로드캐스트를 보내도 JS의 "onViewerWillClose" 이벤트가 한 번도
+    // emit되지 않아서, JS(index.ts)의 리스너 정리 로직(subscriptionPageSelected.remove() 등)이
+    // 실행되지 않고 계속 leak됐습니다. 그 결과 이전에 열었던 이미지의 onPageSelected 구독이 살아있는
+    // 채로 다음 이미지를 열면, 두 구독이 동시에 반응해서 "이전 이미지의 위치 정보"로
+    // updateSourceRect()가 잘못 호출되어 닫기 애니메이션이 엉뚱한(이전) 위치로 돌아가는
+    // 버그의 원인이었습니다.
+    private val viewerWillCloseReceiver = object : android.content.BroadcastReceiver() {
+        override fun onReceive(context: android.content.Context?, intent: android.content.Intent?) {
+            if (intent?.action == "com.rnattachmentkit.VIEWER_WILL_CLOSE") {
+                reactApplicationContext
+                    .getJSModule(com.facebook.react.modules.core.DeviceEventManagerModule.RCTDeviceEventEmitter::class.java)
+                    .emit("onViewerWillClose", Arguments.createMap())
+            }
+        }
+    }
+
+    private val pageChangeReceiver = object : android.content.BroadcastReceiver() {
+        override fun onReceive(context: android.content.Context?, intent: android.content.Intent?) {
+            if (intent?.action == "com.rnattachmentkit.PAGE_CHANGED") {
+                val index = intent.getIntExtra("index", 0)
+                val params = Arguments.createMap()
+                params.putInt("index", index)
+                reactApplicationContext
+                    .getJSModule(com.facebook.react.modules.core.DeviceEventManagerModule.RCTDeviceEventEmitter::class.java)
+                    .emit("onPageSelected", params)
+            }
+        }
+    }
+
+    // 이미지 뷰어 상단바의 삭제를 사용자가 확정했을 때(ImageViewerOverlayView.handleDeleteTapped).
+    // iOS의 "onImageDeleted" 이벤트와 동일한 body(index, url)로 JS에 알립니다 - 실제 메시지 삭제는 RN이 담당.
+    private val imageDeletedReceiver = object : android.content.BroadcastReceiver() {
+        override fun onReceive(context: android.content.Context?, intent: android.content.Intent?) {
+            if (intent?.action == "com.rnattachmentkit.IMAGE_DELETED") {
+                val params = Arguments.createMap()
+                params.putInt("index", intent.getIntExtra("index", 0))
+                params.putString("url", intent.getStringExtra("url") ?: "")
+                // patch405: 사용자가 고른 삭제 방식(deleteOptions 의 key). 선택지가 없었으면 생략.
+                intent.getStringExtra("option")?.let { params.putString("option", it) }
+                reactApplicationContext
+                    .getJSModule(com.facebook.react.modules.core.DeviceEventManagerModule.RCTDeviceEventEmitter::class.java)
+                    .emit("onImageDeleted", params)
+            }
+        }
+    }
+
+    // 열기 애니메이션이 끝난 시점을 JS에 알리는 이벤트 (배경 스크롤 보정 타이밍용).
+    private val viewerOpenedReceiver = object : android.content.BroadcastReceiver() {
+        override fun onReceive(context: android.content.Context?, intent: android.content.Intent?) {
+            if (intent?.action == "com.rnattachmentkit.VIEWER_OPENED") {
+                reactApplicationContext
+                    .getJSModule(com.facebook.react.modules.core.DeviceEventManagerModule.RCTDeviceEventEmitter::class.java)
+                    .emit("onViewerOpened", Arguments.createMap())
+            }
+        }
+    }
+
+    init {
+        reactContext.addActivityEventListener(this)
+    }
+
+    override fun getDefaultAnimationConfig(promise: Promise) {
+        val config = Arguments.createMap().apply {
+            putInt("galleryOpen", defaultAnimationConfig["galleryOpen"] ?: 300)
+            putInt("galleryClose", defaultAnimationConfig["galleryClose"] ?: 250)
+            putInt("editorOpen", defaultAnimationConfig["editorOpen"] ?: 250)
+            putInt("editorClose", defaultAnimationConfig["editorClose"] ?: 200)
+            putInt("viewerOpen", defaultAnimationConfig["viewerOpen"] ?: 250)
+            putInt("viewerClose", defaultAnimationConfig["viewerClose"] ?: 200)
+        }
+        promise.resolve(config)
+    }
+
+    override fun initialize() {
+        super.initialize()
+        androidx.localbroadcastmanager.content.LocalBroadcastManager.getInstance(reactApplicationContext)
+            .registerReceiver(pageChangeReceiver, android.content.IntentFilter("com.rnattachmentkit.PAGE_CHANGED"))
+        androidx.localbroadcastmanager.content.LocalBroadcastManager.getInstance(reactApplicationContext)
+            .registerReceiver(viewerOpenedReceiver, android.content.IntentFilter("com.rnattachmentkit.VIEWER_OPENED"))
+        androidx.localbroadcastmanager.content.LocalBroadcastManager.getInstance(reactApplicationContext)
+            .registerReceiver(viewerWillCloseReceiver, android.content.IntentFilter("com.rnattachmentkit.VIEWER_WILL_CLOSE"))
+        androidx.localbroadcastmanager.content.LocalBroadcastManager.getInstance(reactApplicationContext)
+            .registerReceiver(imageDeletedReceiver, android.content.IntentFilter("com.rnattachmentkit.IMAGE_DELETED"))
+    }
+
+    override fun updateSourceRect(options: ReadableMap, promise: Promise) {
+        var startX = -1f
+        var startY = -1f
+        var startWidth = -1f
+        var startHeight = -1f
+
+        if (options.hasKey("x")) {
+            startX = com.facebook.react.uimanager.PixelUtil.toPixelFromDIP(options.getDouble("x").toFloat())
+        }
+        if (options.hasKey("y")) {
+            startY = com.facebook.react.uimanager.PixelUtil.toPixelFromDIP(options.getDouble("y").toFloat())
+        }
+        if (options.hasKey("width")) {
+            startWidth = com.facebook.react.uimanager.PixelUtil.toPixelFromDIP(options.getDouble("width").toFloat())
+        }
+        if (options.hasKey("height")) {
+            startHeight = com.facebook.react.uimanager.PixelUtil.toPixelFromDIP(options.getDouble("height").toFloat())
+        }
+
+        // 브로드캐스트가 유실되는 타이밍(Fragment의 onViewCreated 전) 대비, sticky 값도 함께 저장.
+        // (useDialogViewer/useOverlayViewer 중 실제 사용 중인 쪽만 값을 읽으므로 둘 다 갱신해도 무해함)
+        ImageViewerDialogFragment.updatePendingCoordinates(startX, startY, startWidth, startHeight)
+        ImageViewerOverlayView.updatePendingCoordinates(startX, startY, startWidth, startHeight)
+
+        val intent = android.content.Intent("com.rnattachmentkit.UPDATE_COORDINATES")
+        intent.putExtra("startX", startX)
+        intent.putExtra("startY", startY)
+        intent.putExtra("startWidth", startWidth)
+        intent.putExtra("startHeight", startHeight)
+        // 그동안 sourceBorderCorners(어느 모서리를 둥글릴지)가 여기서 전달되지 않아서, 그룹 이미지에서
+        // 스와이프로 다른 셀(예: 오른쪽 위 모서리 이미지)로 이동해도 마스크의 라운드 코너 패턴이
+        // 처음 열었던 이미지의 것으로 고정된 채 안 바뀌는 문제가 있었습니다. JS가 onPageSelected에서
+        // 매번 새로 계산해서 보내주는 sourceBorderCorners를 브로드캐스트에 실어 보내도록 수정합니다.
+        if (options.hasKey("sourceBorderCorners")) {
+            val cornersArray = options.getArray("sourceBorderCorners")
+            if (cornersArray != null) {
+                val corners = ArrayList<String>()
+                for (i in 0 until cornersArray.size()) {
+                    cornersArray.getString(i)?.let { corners.add(it) }
+                }
+                intent.putStringArrayListExtra("sourceBorderCorners", corners)
+            }
+        }
+
+        androidx.localbroadcastmanager.content.LocalBroadcastManager.getInstance(reactApplicationContext)
+            .sendBroadcast(intent)
+            
+        promise.resolve(null)
+    }
+
+    override fun getName(): String = NAME
+
+    override fun init(licenseKey: String, promise: Promise) {
+        val result = LicenseManager.initialize(reactApplicationContext, licenseKey)
+        promise.resolve(result)
+    }
+
+    override fun openEditor(options: ReadableMap, promise: Promise) {
+        val activity = getCurrentActivity()
+        if (activity == null) {
+            promise.reject(E_NO_ACTIVITY, "Activity doesn't exist")
+            return
+        }
+
+        val uriStr = if (options.hasKey("uri")) options.getString("uri") else null
+        if (uriStr == null) {
+            promise.reject(E_FAILED_TO_PICK, "uri is required")
+            return
+        }
+
+        val themeColor = if (options.hasKey("themeColor")) options.getString("themeColor") else null
+        
+        if (options.hasKey("maxWidth")) maxWidth = options.getInt("maxWidth")
+        if (options.hasKey("maxHeight")) maxHeight = options.getInt("maxHeight")
+        
+        editImagePromise = promise
+
+        try {
+            val intent = ImageEditorActivity.createIntent(
+                activity = activity,
+                uris = listOf(Uri.parse(uriStr)),
+                startIndex = 0,
+                themeColor = themeColor,
+                singlePhotoMode = true
+            )
+            android.os.Handler(android.os.Looper.getMainLooper()).postDelayed({
+                activity.startActivityForResult(intent, REQUEST_CODE_IMAGE_EDITOR)
+            }, 50)
+        } catch (e: Exception) {
+            promise.reject(E_FAILED_TO_PICK, "Failed to open image editor: ${e.message}", e)
+            editImagePromise = null
+        }
+    }
+
+    @ReactMethod
+    override fun openGallery(options: ReadableMap, promise: Promise) {
+        val activity = getCurrentActivity()
+        
+        if (activity == null) {
+            promise.reject(E_NO_ACTIVITY, "Activity doesn't exist")
+            return
+        }
+
+        // Parse options
+        val autoCloseOnSelect = if (options.hasKey("autoCloseOnSelect")) {
+            options.getBoolean("autoCloseOnSelect")
+        } else false
+
+        // 선택 방식 (selectionMode: 'single' | 'multi', 생략 시 기존 규칙)
+        //  - 'multi' : maxSelection 이 1 이어도 멀티와 똑같이 (autoCloseOnSelect 무시, 1 미만이면 1장)
+        //  - 'single': 기존 단일 동작 (maxSelection 을 1로, autoCloseOnSelect 면 0)
+        //  - 생략     : 기존 그대로 (autoCloseOnSelect → 0, 아니면 maxSelection, 기본 1)
+        val selectionMode = if (options.hasKey("selectionMode")) options.getString("selectionMode")?.lowercase() else null
+        val forceMultiMode = selectionMode == "multi"
+        val maxSelection = if (forceMultiMode) {
+            (if (options.hasKey("maxSelection")) options.getInt("maxSelection") else 1).coerceAtLeast(1)
+        } else if (autoCloseOnSelect) {
+            0
+        } else if (selectionMode == "single") {
+            1
+        } else if (options.hasKey("maxSelection")) {
+            options.getInt("maxSelection")
+        } else {
+            1
+        }
+        
+        val languageCode = if (options.hasKey("languageCode")) {
+            options.getString("languageCode") ?: "en"
+        } else {
+            "en"
+        }
+        // 편집기/크롭 등 다른 화면들은 TurboImagePickerConfig.languageCode(전역)로 로케일을 잡는데,
+        // 그동안 JS가 넘긴 languageCode를 여기에 반영하는 코드가 없어서 항상 기본값 "en"이었습니다.
+        TurboImagePickerConfig.languageCode = languageCode
+        
+        val themeColor = if (options.hasKey("themeColor")) {
+            options.getString("themeColor")
+        } else {
+            null
+        }
+        
+        maxWidth = if (options.hasKey("maxWidth")) {
+            val value = options.getInt("maxWidth")
+            if (value > 0) value else 1024
+        } else {
+            1024
+        }
+        
+        maxHeight = if (options.hasKey("maxHeight")) {
+            val value = options.getInt("maxHeight")
+            if (value > 0) value else 1024
+        } else {
+            1024
+        }
+
+        outputFormat = if (options.hasKey("outputFormat")) {
+            options.getString("outputFormat")?.lowercase() ?: "webp"
+        } else if (options.hasKey("format")) {
+            options.getString("format")?.lowercase() ?: "webp"
+        } else {
+            "webp"
+        }
+
+        val enableEditor = if (options.hasKey("enableEditor")) {
+            options.getBoolean("enableEditor")
+        } else {
+            false
+        }
+        
+        val profileMode = if (options.hasKey("profileMode")) {
+            options.getBoolean("profileMode")
+        } else {
+            false
+        }
+
+        val fragmentActivity = activity as? FragmentActivity
+        if (fragmentActivity == null) {
+            promise.reject(E_NO_ACTIVITY, "Activity is not a FragmentActivity")
+            return
+        }
+
+        pickImagesPromise = promise
+
+        val permission = if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.TIRAMISU) {
+            Manifest.permission.READ_MEDIA_IMAGES
+        } else {
+            Manifest.permission.READ_EXTERNAL_STORAGE
+        }
+
+        val showSheet = {
+            fragmentActivity.runOnUiThread {
+                try {
+                    val bottomSheet = ImagePickerBottomSheet.newInstance(
+                        maxSelection, languageCode, enableEditor, profileMode, maxWidth, maxHeight, themeColor,
+                        forceMultiMode = forceMultiMode
+                    )
+                    bottomSheet.setOnImagesSelectedListener { uris ->
+                        val result = WritableNativeArray()
+                        for (uri in uris) {
+                            result.pushString(uri.toString())
+                        }
+                        handleSelectedImages(result, pickImagesPromise)
+                        pickImagesPromise = null
+                    }
+                    bottomSheet.setOnCancelledListener {
+                        pickImagesPromise?.reject(E_PICKER_CANCELLED, "User cancelled image picker")
+                        pickImagesPromise = null
+                    }
+                    
+                    val existingFragment = fragmentActivity.supportFragmentManager.findFragmentByTag("ImagePickerBottomSheet")
+                    existingFragment?.let {
+                        fragmentActivity.supportFragmentManager.beginTransaction().remove(it).commitAllowingStateLoss()
+                    }
+                    
+                    fragmentActivity.supportFragmentManager.beginTransaction()
+                        .add(bottomSheet, "ImagePickerBottomSheet")
+                        .commitAllowingStateLoss()
+                        
+                } catch (e: Exception) {
+                    pickImagesPromise?.reject(E_FAILED_TO_PICK, "Failed to open image picker: ${e.message}", e)
+                    pickImagesPromise = null
+                }
+            }
+        }
+
+        if (ContextCompat.checkSelfPermission(fragmentActivity, permission) == PackageManager.PERMISSION_GRANTED) {
+            showSheet()
+        } else {
+            val permissionAwareActivity = fragmentActivity as? PermissionAwareActivity
+            if (permissionAwareActivity == null) {
+                promise.reject(E_NO_ACTIVITY, "Activity is not PermissionAwareActivity")
+                pickImagesPromise = null
+                return
+            }
+
+            val permissionsToRequest = if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.UPSIDE_DOWN_CAKE && permission == Manifest.permission.READ_MEDIA_IMAGES) {
+                if (ContextCompat.checkSelfPermission(fragmentActivity, Manifest.permission.READ_MEDIA_VISUAL_USER_SELECTED) == PackageManager.PERMISSION_GRANTED) {
+                    showSheet()
+                    return
+                }
+                arrayOf(Manifest.permission.READ_MEDIA_IMAGES, Manifest.permission.READ_MEDIA_VISUAL_USER_SELECTED)
+            } else {
+                arrayOf(permission)
+            }
+
+            permissionAwareActivity.requestPermissions(permissionsToRequest, 100, object : PermissionListener {
+                override fun onRequestPermissionsResult(requestCode: Int, permissions: Array<String>, grantResults: IntArray): Boolean {
+                    if (requestCode == 100 && grantResults != null) {
+                        val isGranted = if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.UPSIDE_DOWN_CAKE) {
+                            grantResults.isNotEmpty() && (
+                                grantResults[0] == PackageManager.PERMISSION_GRANTED || 
+                                (grantResults.size > 1 && grantResults[1] == PackageManager.PERMISSION_GRANTED)
+                            )
+                        } else {
+                            grantResults.isNotEmpty() && grantResults[0] == PackageManager.PERMISSION_GRANTED
+                        }
+
+                        if (isGranted) {
+                            showSheet()
+                        } else {
+                            pickImagesPromise?.reject("E_PERMISSION_DENIED", "Permission denied")
+                            pickImagesPromise = null
+                        }
+                    }
+                    return true
+                }
+            })
+        }
+    }
+
+    override fun openViewer(options: ReadableMap, promise: Promise) {
+        val activity = getCurrentActivity()
+        if (activity == null) {
+            promise.reject(E_NO_ACTIVITY, "Activity doesn't exist")
+            return
+        }
+
+        if (!options.hasKey("images")) {
+            promise.reject(E_FAILED_TO_PICK, "images array is required")
+            return
+        }
+
+        val imagesArray = options.getArray("images")
+        if (imagesArray == null || imagesArray.size() == 0) {
+            promise.reject(E_FAILED_TO_PICK, "images array cannot be empty")
+            return
+        }
+
+        val images = ArrayList<String>()
+        for (i in 0 until imagesArray.size()) {
+            val str = imagesArray.getString(i)
+            // ⚠️ null을 그냥 건너뛰면(add를 안 하면) 그 뒤 모든 이미지의 인덱스가 하나씩
+            // 앞으로 당겨져서, initialIndex/placeholderImages와 어긋나는 "인덱스 밀림" 버그가
+            // 됩니다. 아래 placeholderImages 루프처럼 빈 문자열로라도 자리를 채워 인덱스를
+            // 보존합니다.
+            images.add(str ?: "")
+        }
+
+        // cacheFiles: images 와 같은 순서의 앱 캐시 파일 경로 (null → 빈 문자열). 뷰어 전체(모든 방식)에 적용.
+        val cacheFiles = ArrayList<String>()
+        if (options.hasKey("cacheFiles") && !options.isNull("cacheFiles")) {
+            val arr = options.getArray("cacheFiles")
+            if (arr != null) {
+                for (i in 0 until arr.size()) {
+                    cacheFiles.add(if (arr.isNull(i)) "" else (arr.getString(i) ?: ""))
+                }
+            }
+        }
+        ViewerCacheFiles.register(images, if (cacheFiles.isEmpty()) null else cacheFiles)
+
+        val initialIndex = if (options.hasKey("initialIndex")) options.getInt("initialIndex") else 0
+        val themeColor = if (options.hasKey("themeColor")) options.getString("themeColor") else "#FF6B35"
+        val title = if (options.hasKey("title")) options.getString("title") else null
+        val animationType = if (options.hasKey("animationType")) options.getString("animationType") else null
+        // ⚠️ 뷰어가 항상 영어로만 나오던 원인: JS는 init()에서 설정한 기본 언어를 openViewer 옵션의
+        // languageCode로 매번 같이 넘기는데, 안드로이드 쪽에서는 그 값을 한 번도 읽지 않았고
+        // ImageViewerOverlayView는 TurboImagePickerConfig.attachBaseContext()(전역 languageCode,
+        // 기본값 "en")로 로케일을 강제하고 있었습니다. 여기서 반영해야 뷰어의 모든 문구가
+        // 설정된 언어를 따릅니다.
+        val viewerLanguageCode = if (options.hasKey("languageCode")) (options.getString("languageCode") ?: "en") else "en"
+        TurboImagePickerConfig.languageCode = viewerLanguageCode
+
+        var startX = -1f
+        var startY = -1f
+        var startWidth = -1f
+        var startHeight = -1f
+
+        if (options.hasKey("sourceRect")) {
+            val sourceRect = options.getMap("sourceRect")
+            if (sourceRect != null) {
+                startX = if (sourceRect.hasKey("x")) com.facebook.react.uimanager.PixelUtil.toPixelFromDIP(sourceRect.getDouble("x").toFloat()) else -1f
+                startY = if (sourceRect.hasKey("y")) com.facebook.react.uimanager.PixelUtil.toPixelFromDIP(sourceRect.getDouble("y").toFloat()) else -1f
+                startWidth = if (sourceRect.hasKey("width")) com.facebook.react.uimanager.PixelUtil.toPixelFromDIP(sourceRect.getDouble("width").toFloat()) else -1f
+                startHeight = if (sourceRect.hasKey("height")) com.facebook.react.uimanager.PixelUtil.toPixelFromDIP(sourceRect.getDouble("height").toFloat()) else -1f
+            }
+        }
+
+        val useDialogViewer = options.hasKey("useDialogViewer") && options.getBoolean("useDialogViewer")
+        val useOverlayViewer = options.hasKey("useOverlayViewer") && options.getBoolean("useOverlayViewer")
+
+        try {
+            if (useOverlayViewer) {
+                val args = android.os.Bundle().apply {
+                    putStringArrayList(ImageViewerActivity.EXTRA_IMAGES, images)
+                    putInt(ImageViewerActivity.EXTRA_INITIAL_INDEX, initialIndex)
+                    putString("EXTRA_THEME_COLOR", themeColor)
+                    if (title != null) {
+                        putString(ImageViewerActivity.EXTRA_TITLE, title)
+                    }
+                    if (animationType != null) {
+                        putString("animationType", animationType)
+                    }
+                    if (options.hasKey("closeAnimationType")) {
+                        putString("closeAnimationType", options.getString("closeAnimationType"))
+                    }
+                    if (startX != -1f) {
+                        putFloat("startX", startX)
+                        putFloat("startY", startY)
+                        putFloat("startWidth", startWidth)
+                        putFloat("startHeight", startHeight)
+                    }
+                    if (options.hasKey("sourceBorderRadius")) {
+                        putFloat("sourceBorderRadius", com.facebook.react.uimanager.PixelUtil.toPixelFromDIP(options.getDouble("sourceBorderRadius").toFloat()))
+                    }
+                    if (options.hasKey("sourceBorderCorners")) {
+                        val cornersArray = options.getArray("sourceBorderCorners")
+                        if (cornersArray != null) {
+                            val corners = ArrayList<String>()
+                            for (i in 0 until cornersArray.size()) {
+                                cornersArray.getString(i)?.let { corners.add(it) }
+                            }
+                            putStringArrayList("sourceBorderCorners", corners)
+                        }
+                    }
+                    // sourceBackgroundColor가 그동안 어느 뷰어 분기에서도 전달되지 않아
+                    // mMaskView(닫기/열기 애니메이션 중 원본 썸네일을 가리는 마스크)가 항상 생성되지
+                    // 않던 문제를 수정: JS의 sourceBackgroundColor(hex 문자열)를 그대로 전달합니다.
+                    if (options.hasKey("sourceBackgroundColor")) {
+                        putString("sourceBackgroundColor", options.getString("sourceBackgroundColor"))
+                    }
+                    // placeholderImages: 타입/뷰어 코드에는 있었지만 브릿지에서 한 번도 전달되지 않았던
+                    // 필드. 네이티브 뷰어가 onlyRetrieveFromCache(true)로 첫 프레임을 즉시 그리려 할 때
+                    // 쓰는 저해상도 대체 이미지 목록입니다(원본 다운로드 전 임시 표시용).
+                    if (options.hasKey("placeholderImages")) {
+                        val placeholderArray = options.getArray("placeholderImages")
+                        if (placeholderArray != null) {
+                            val placeholders = ArrayList<String>()
+                            for (i in 0 until placeholderArray.size()) {
+                                placeholders.add(placeholderArray.getString(i) ?: "")
+                            }
+                            putStringArrayList("placeholderImages", placeholders)
+                        }
+                    }
+                    // 상단바 저장/공유/삭제 버튼과 그 문구들 (iOS와 동일한 옵션 키). 문구를 안 넘기면
+                    // 네이티브 쪽 로케일 리소스(values-ko/ja/zh, 그 외 en)가 자동 적용됩니다.
+                    putBoolean("showActionButtons", !options.hasKey("showActionButtons") || options.getBoolean("showActionButtons"))
+                    for (key in listOf(
+                        "saveAllText", "saveOneText", "shareAllText", "shareOneText", "actionCancelText",
+                        "deleteConfirmTitle", "deleteConfirmMessage", "deleteConfirmGroupMessage", "deleteButtonText"
+                    )) {
+                        if (options.hasKey(key)) {
+                            options.getString(key)?.let { putString(key, it) }
+                        }
+                    }
+                    // patch405: 삭제 방식 선택지 [{ key, label, destructive }] → 나란한 배열 3개로 전달
+                    if (options.hasKey("deleteOptions") && !options.isNull("deleteOptions")) {
+                        val arr = options.getArray("deleteOptions")
+                        if (arr != null) {
+                            val keys = ArrayList<String>()
+                            val labels = ArrayList<String>()
+                            val destructive = ArrayList<Boolean>()
+                            for (i in 0 until arr.size()) {
+                                val m = arr.getMap(i) ?: continue
+                                val k = if (m.hasKey("key")) m.getString("key") else null
+                                val l = if (m.hasKey("label")) m.getString("label") else null
+                                if (k.isNullOrEmpty() || l.isNullOrEmpty()) continue
+                                keys.add(k)
+                                labels.add(l)
+                                destructive.add(m.hasKey("destructive") && !m.isNull("destructive") && m.getBoolean("destructive"))
+                            }
+                            if (keys.isNotEmpty()) {
+                                putStringArrayList("deleteOptionKeys", keys)
+                                putStringArrayList("deleteOptionLabels", labels)
+                                putBooleanArray("deleteOptionDestructive", destructive.toBooleanArray())
+                            }
+                        }
+                    }
+                }
+                // 이전 세션에서 남은 sticky 좌표가 이번 오픈에 잘못 적용되지 않도록 초기화.
+                ImageViewerOverlayView.clearPendingCoordinates()
+                activity.runOnUiThread {
+                    ImageViewerOverlayView.present(activity, args)
+                }
+                promise.resolve(null)
+                return
+            }
+
+            if (useDialogViewer && activity is androidx.fragment.app.FragmentActivity) {
+                val args = android.os.Bundle().apply {
+                    putStringArrayList(ImageViewerActivity.EXTRA_IMAGES, images)
+                    putInt(ImageViewerActivity.EXTRA_INITIAL_INDEX, initialIndex)
+                    putString("EXTRA_THEME_COLOR", themeColor)
+                    if (title != null) {
+                        putString(ImageViewerActivity.EXTRA_TITLE, title)
+                    }
+                    if (animationType != null) {
+                        putString("animationType", animationType)
+                    }
+                    if (options.hasKey("closeAnimationType")) {
+                        putString("closeAnimationType", options.getString("closeAnimationType"))
+                    }
+                    if (startX != -1f) {
+                        putFloat("startX", startX)
+                        putFloat("startY", startY)
+                        putFloat("startWidth", startWidth)
+                        putFloat("startHeight", startHeight)
+                    }
+                    if (options.hasKey("sourceBorderRadius")) {
+                        putFloat("sourceBorderRadius", com.facebook.react.uimanager.PixelUtil.toPixelFromDIP(options.getDouble("sourceBorderRadius").toFloat()))
+                    }
+                    if (options.hasKey("sourceBorderCorners")) {
+                        val cornersArray = options.getArray("sourceBorderCorners")
+                        if (cornersArray != null) {
+                            val corners = ArrayList<String>()
+                            for (i in 0 until cornersArray.size()) {
+                                cornersArray.getString(i)?.let { corners.add(it) }
+                            }
+                            putStringArrayList("sourceBorderCorners", corners)
+                        }
+                    }
+                    // sourceBackgroundColor가 그동안 어느 뷰어 분기에서도 전달되지 않아
+                    // mMaskView(닫기/열기 애니메이션 중 원본 썸네일을 가리는 마스크)가 항상 생성되지
+                    // 않던 문제를 수정: JS의 sourceBackgroundColor(hex 문자열)를 그대로 전달합니다.
+                    if (options.hasKey("sourceBackgroundColor")) {
+                        putString("sourceBackgroundColor", options.getString("sourceBackgroundColor"))
+                    }
+                    // placeholderImages: 타입/뷰어 코드에는 있었지만 브릿지에서 한 번도 전달되지 않았던
+                    // 필드. 네이티브 뷰어가 onlyRetrieveFromCache(true)로 첫 프레임을 즉시 그리려 할 때
+                    // 쓰는 저해상도 대체 이미지 목록입니다(원본 다운로드 전 임시 표시용).
+                    if (options.hasKey("placeholderImages")) {
+                        val placeholderArray = options.getArray("placeholderImages")
+                        if (placeholderArray != null) {
+                            val placeholders = ArrayList<String>()
+                            for (i in 0 until placeholderArray.size()) {
+                                placeholders.add(placeholderArray.getString(i) ?: "")
+                            }
+                            putStringArrayList("placeholderImages", placeholders)
+                        }
+                    }
+                }
+                // 이전 세션에서 남은 sticky 좌표가 이번 오픈에 잘못 적용되지 않도록 초기화.
+                ImageViewerDialogFragment.clearPendingCoordinates()
+                activity.runOnUiThread {
+                    ImageViewerDialogFragment.newInstance(args)
+                        .show(activity.supportFragmentManager, "image_viewer_dialog")
+                }
+                promise.resolve(null)
+                return
+            }
+
+            val intent = Intent(activity, ImageViewerActivity::class.java).apply {
+                putStringArrayListExtra(ImageViewerActivity.EXTRA_IMAGES, images)
+                putExtra(ImageViewerActivity.EXTRA_INITIAL_INDEX, initialIndex)
+                putExtra("EXTRA_THEME_COLOR", themeColor)
+                if (title != null) {
+                    putExtra(ImageViewerActivity.EXTRA_TITLE, title)
+                }
+                if (animationType != null) {
+                    putExtra("animationType", animationType)
+                }
+                if (options.hasKey("closeAnimationType")) {
+                    putExtra("closeAnimationType", options.getString("closeAnimationType"))
+                }
+                if (startX != -1f) {
+                    putExtra("startX", startX)
+                    putExtra("startY", startY)
+                    putExtra("startWidth", startWidth)
+                    putExtra("startHeight", startHeight)
+                }
+                
+                if (options.hasKey("sourceBorderRadius")) {
+                    putExtra("sourceBorderRadius", com.facebook.react.uimanager.PixelUtil.toPixelFromDIP(options.getDouble("sourceBorderRadius").toFloat()))
+                }
+                if (options.hasKey("sourceBorderCorners")) {
+                    val cornersArray = options.getArray("sourceBorderCorners")
+                    if (cornersArray != null) {
+                        val corners = ArrayList<String>()
+                        for (i in 0 until cornersArray.size()) {
+                            cornersArray.getString(i)?.let { corners.add(it) }
+                        }
+                        putStringArrayListExtra("sourceBorderCorners", corners)
+                    }
+                }
+                if (options.hasKey("sourceBackgroundColor")) {
+                    putExtra("sourceBackgroundColor", options.getString("sourceBackgroundColor"))
+                }
+                if (options.hasKey("placeholderImages")) {
+                    val placeholderArray = options.getArray("placeholderImages")
+                    if (placeholderArray != null) {
+                        val placeholders = ArrayList<String>()
+                        for (i in 0 until placeholderArray.size()) {
+                            placeholders.add(placeholderArray.getString(i) ?: "")
+                        }
+                        putStringArrayListExtra("placeholderImages", placeholders)
+                    }
+                }
+            }
+            activity.startActivity(intent)
+            promise.resolve(null)
+        } catch (e: Exception) {
+            promise.reject(E_FAILED_TO_PICK, "Failed to open image viewer: ${e.message}", e)
+        }
+    }
+
+    override fun closeGallery(promise: Promise) {
+        val activity = getCurrentActivity()
+        if (activity == null) {
+            promise.reject(E_NO_ACTIVITY, "Activity doesn't exist")
+            return
+        }
+        activity.finishActivity(REQUEST_CODE_IMAGE_PICKER)
+        promise.resolve(true)
+    }
+
+    override fun addListener(eventName: String) {
+        // Keep: Required for RN built-in Event Emitter Calls.
+    }
+
+    override fun removeListeners(count: Double) {
+        // Keep: Required for RN built-in Event Emitter Calls.
+    }
+
+    override fun onActivityResult(
+        activity: Activity,
+        requestCode: Int,
+        resultCode: Int,
+        data: Intent?
+    ) {
+        if (requestCode == REQUEST_CODE_IMAGE_EDITOR) {
+            val promise = editImagePromise ?: return
+            editImagePromise = null
+
+            if (resultCode != Activity.RESULT_OK || data == null) {
+                promise.reject(E_PICKER_CANCELLED, "User cancelled image editor")
+                return
+            }
+
+            val uriStrings = data.getStringArrayListExtra(ImageEditorActivity.EXTRA_RESULT_URIS)
+            if (uriStrings == null || uriStrings.isEmpty()) {
+                promise.reject(E_PICKER_CANCELLED, "User cancelled image editor")
+                return
+            }
+
+            val uris = uriStrings.mapNotNull { uriString ->
+                try { Uri.parse(uriString) } catch (e: Exception) { null }
+            }
+
+            if (uris.isEmpty()) {
+                promise.reject(E_FAILED_TO_PICK, "Failed to parse image URIs")
+                return
+            }
+
+            moduleScope.launch {
+                try {
+                    val results = processImages(uris)
+                    if (results.isNotEmpty()) {
+                        promise.resolve(results[0])
+                    } else {
+                        promise.reject(E_FAILED_TO_PICK, "Failed to process image")
+                    }
+                } catch (e: Exception) {
+                    promise.reject(E_FAILED_TO_PICK, "Failed to process image: ${e.message}", e)
+                }
+            }
+            return
+        }
+
+
+    }
+
+    override fun onNewIntent(intent: Intent) {
+        // Not needed for this module
+    }
+
+    private fun handleSelectedImages(uriStrings: ReadableArray, promise: Promise?) {
+        val actualPromise = promise ?: return
+
+        // Convert string URIs to Uri objects
+        val uris = mutableListOf<Uri>()
+        for (i in 0 until uriStrings.size()) {
+            val uriString = uriStrings.getString(i)
+            if (uriString != null) {
+                try {
+                    uris.add(Uri.parse(uriString))
+                } catch (e: Exception) {
+                    // Ignore
+                }
+            }
+        }
+
+        if (uris.isEmpty()) {
+            actualPromise.reject(E_FAILED_TO_PICK, "Failed to parse image URIs")
+            return
+        }
+
+        // Process images asynchronously
+        val eventMap = com.facebook.react.bridge.WritableNativeMap()
+        eventMap.putInt("selectedCount", uris.size)
+        eventMap.putInt("maxSelection", 10)
+        try {
+            reactApplicationContext.getJSModule(com.facebook.react.modules.core.DeviceEventManagerModule.RCTDeviceEventEmitter::class.java)
+                .emit("onSelectionChange", eventMap)
+        } catch (e: Exception) {
+            // Ignore
+        }
+
+        moduleScope.launch {
+            try {
+                val results = processImages(uris)
+                val array = com.facebook.react.bridge.Arguments.createArray()
+                results.forEach { array.pushMap(it) }
+                actualPromise.resolve(array)
+            } catch (e: Exception) {
+                actualPromise.reject(E_FAILED_TO_PICK, "Failed to process images: ${e.message}", e)
+            }
+        }
+    }
+
+    private suspend fun processImages(uris: List<Uri>): List<com.facebook.react.bridge.WritableMap> = withContext(Dispatchers.IO) {
+        val results = mutableListOf<com.facebook.react.bridge.WritableMap>()
+        val contentResolver = reactApplicationContext.contentResolver
+        val totalCount = uris.size
+        var currentIndex = 0
+
+        for (uri in uris) {
+            try {
+                // 1. Get EXIF Orientation
+                var orientation = android.media.ExifInterface.ORIENTATION_NORMAL
+                try {
+                    contentResolver.openInputStream(uri)?.use { exifInputStream ->
+                        val exif = android.media.ExifInterface(exifInputStream)
+                        orientation = exif.getAttributeInt(android.media.ExifInterface.TAG_ORIENTATION, android.media.ExifInterface.ORIENTATION_NORMAL)
+                    }
+                } catch (e: Exception) {}
+
+                contentResolver.openInputStream(uri)?.use { inputStream ->
+                    // Get original image dimensions
+                    val originalOptions = BitmapFactory.Options().apply {
+                        inJustDecodeBounds = true
+                    }
+                    BitmapFactory.decodeStream(inputStream, null, originalOptions)
+                    
+                    var originalWidth = originalOptions.outWidth
+                    var originalHeight = originalOptions.outHeight
+                    
+                    // Swap width and height if rotated by 90 or 270 degrees
+                    if (orientation == android.media.ExifInterface.ORIENTATION_ROTATE_90 || orientation == android.media.ExifInterface.ORIENTATION_ROTATE_270) {
+                        val temp = originalWidth
+                        originalWidth = originalHeight
+                        originalHeight = temp
+                    }
+                    
+                    // Load and resize image
+                    contentResolver.openInputStream(uri)?.use { resizedInputStream ->
+                        // Initial decode for sizing
+                        val decodeOptions = BitmapFactory.Options().apply {
+                            inSampleSize = calculateInSampleSize(originalWidth, originalHeight, maxWidth, maxHeight)
+                        }
+                        var bitmap = BitmapFactory.decodeStream(resizedInputStream, null, decodeOptions)
+                        
+                        if (bitmap != null) {
+                            // Apply EXIF Rotation
+                            val matrix = android.graphics.Matrix()
+                            when (orientation) {
+                                android.media.ExifInterface.ORIENTATION_ROTATE_90 -> matrix.postRotate(90f)
+                                android.media.ExifInterface.ORIENTATION_ROTATE_180 -> matrix.postRotate(180f)
+                                android.media.ExifInterface.ORIENTATION_ROTATE_270 -> matrix.postRotate(270f)
+                                android.media.ExifInterface.ORIENTATION_FLIP_HORIZONTAL -> matrix.postScale(-1f, 1f)
+                                android.media.ExifInterface.ORIENTATION_FLIP_VERTICAL -> matrix.postScale(1f, -1f)
+                            }
+                            
+                            if (!matrix.isIdentity) {
+                                val rotatedBitmap = Bitmap.createBitmap(bitmap, 0, 0, bitmap.width, bitmap.height, matrix, true)
+                                if (rotatedBitmap != bitmap) {
+                                    bitmap.recycle()
+                                    bitmap = rotatedBitmap
+                                }
+                            }
+
+                            // Precise resize if needed
+                            val finalBitmap = if (bitmap.width > maxWidth || bitmap.height > maxHeight) {
+                                resizeBitmap(bitmap, maxWidth, maxHeight)
+                            } else {
+                                bitmap
+                            }
+                            
+                            val processedBitmap = ImageProcessor.applyWatermarkIfNeeded(reactApplicationContext, finalBitmap)
+                            
+                            // Determine format and extension
+                            val compressFormat: Bitmap.CompressFormat
+                            val extension: String
+                            val mimeType: String
+                            
+                            when (outputFormat) {
+                                "png" -> {
+                                    compressFormat = Bitmap.CompressFormat.PNG
+                                    extension = "png"
+                                    mimeType = "image/png"
+                                }
+                                "jpg", "jpeg" -> {
+                                    compressFormat = Bitmap.CompressFormat.JPEG
+                                    extension = "jpg"
+                                    mimeType = "image/jpeg"
+                                }
+                                else -> { // webp
+                                    compressFormat = if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.R) {
+                                        Bitmap.CompressFormat.WEBP_LOSSY
+                                    } else {
+                                        @Suppress("DEPRECATION")
+                                        Bitmap.CompressFormat.WEBP
+                                    }
+                                    extension = "webp"
+                                    mimeType = "image/webp"
+                                }
+                            }
+
+                            // Save to temporary file
+                            val tempFile = File.createTempFile("turbo_edited_${System.currentTimeMillis()}_", ".$extension", reactApplicationContext.cacheDir)
+                            FileOutputStream(tempFile).use { out ->
+                                processedBitmap.compress(compressFormat, 85, out)
+                            }
+                            
+                            val finalWidth = processedBitmap.width
+                            val finalHeight = processedBitmap.height
+
+                            // Cleanup
+                            if (bitmap != processedBitmap) {
+                                bitmap.recycle()
+                            }
+                            if (finalBitmap != processedBitmap && finalBitmap != bitmap) {
+                                finalBitmap.recycle()
+                            }
+                            processedBitmap.recycle()
+                            
+                            val createImageInfo = {
+                                WritableNativeMap().apply {
+                                    putString("uri", Uri.fromFile(tempFile).toString())
+                                    putInt("width", finalWidth)
+                                    putInt("height", finalHeight)
+                                    putString("type", mimeType)
+                                    putString("fileName", tempFile.name)
+                                    putString("fileExtension", extension)
+                                    putDouble("fileSize", tempFile.length().toDouble())
+                                    putString("originalUri", uri.toString())
+                                    putInt("originalWidth", originalWidth)
+                                    putInt("originalHeight", originalHeight)
+                                }
+                            }
+                            val imageInfo = createImageInfo()
+                            results.add(imageInfo)
+
+                            try {
+                                val eventMap = WritableNativeMap().apply {
+                                    putInt("total", totalCount)
+                                    putInt("index", currentIndex)
+                                    putMap("image", createImageInfo())
+                                }
+                                reactApplicationContext.getJSModule(com.facebook.react.modules.core.DeviceEventManagerModule.RCTDeviceEventEmitter::class.java)
+                                    .emit("onImageProcessed", eventMap)
+                            } catch (e: Exception) { }
+                        }
+                    }
+                }
+                currentIndex++
+            } catch (e: Exception) {
+                currentIndex++
+                // Skip failed images
+                continue
+            }
+        }
+
+        results
+    }
+    
+    private fun calculateInSampleSize(
+        reqWidth: Int,
+        reqHeight: Int,
+        maxWidth: Int,
+        maxHeight: Int
+    ): Int {
+        var inSampleSize = 1
+        
+        if (reqHeight > maxHeight || reqWidth > maxWidth) {
+            val halfHeight = reqHeight / 2
+            val halfWidth = reqWidth / 2
+            
+            while ((halfHeight / inSampleSize) >= maxHeight && (halfWidth / inSampleSize) >= maxWidth) {
+                inSampleSize *= 2
+            }
+        }
+        
+        return inSampleSize
+    }
+    
+    private fun resizeBitmap(bitmap: Bitmap, maxWidth: Int, maxHeight: Int): Bitmap {
+        val width = bitmap.width
+        val height = bitmap.height
+        
+        val ratioBitmap = width.toFloat() / height.toFloat()
+        val ratioMax = maxWidth.toFloat() / maxHeight.toFloat()
+        
+        var finalWidth = maxWidth
+        var finalHeight = maxHeight
+        
+        if (ratioMax > ratioBitmap) {
+            finalWidth = (maxHeight * ratioBitmap).toInt()
+        } else {
+            finalHeight = (maxWidth / ratioBitmap).toInt()
+        }
+        
+        return Bitmap.createScaledBitmap(bitmap, finalWidth, finalHeight, true)
+    }
+
+
+    // MARK: - Media gallery (사진 모아보기)
+
+    /** 열려 있는 미디어 갤러리 (galleryId → 화면). 메인 스레드에서만 접근 */
+    private val mediaGalleries = HashMap<String, MediaGalleryOverlay>()
+
+    private fun emitGalleryEvent(name: String, body: WritableMap) {
+        try {
+            reactApplicationContext
+                .getJSModule(com.facebook.react.modules.core.DeviceEventManagerModule.RCTDeviceEventEmitter::class.java)
+                .emit(name, body)
+        } catch (e: Exception) {
+            android.util.Log.w("TurboMediaGallery", "emit $name failed", e)
+        }
+    }
+
+    /**
+     * openMediaGallery(options) → { galleryId }
+     * - dataSource: 등록된 네이티브 데이터 소스 이름 (MediaGalleryRegistry) — 페이지 요청이 JS 를 거치지 않음
+     * - initialItems / nextCursor / hasMore: JS 공급 방식 (끝에 가까우면 onGalleryNeedPage → appendGalleryItems)
+     * Activity 를 띄우지 않고 호스트 Activity 위에 View 로 얹습니다.
+     */
+    override fun openMediaGallery(options: ReadableMap, promise: Promise) {
+        val activity = getCurrentActivity()
+        if (activity == null) {
+            promise.reject(E_NO_ACTIVITY, "Activity doesn't exist")
+            return
+        }
+        val o: Map<String, Any?> = options.toHashMap()
+        com.facebook.react.bridge.UiThreadUtil.runOnUiThread {
+            try {
+                val systemDark = (activity.resources.configuration.uiMode and
+                    android.content.res.Configuration.UI_MODE_NIGHT_MASK) == android.content.res.Configuration.UI_MODE_NIGHT_YES
+                val config = MediaGalleryConfig(o, systemDark)
+                val galleryId = config.galleryId
+                if (mediaGalleries[galleryId]?.isShowing == true) {
+                    promise.reject("E_GALLERY_OPEN", "Media gallery '$galleryId' is already open")
+                    return@runOnUiThread
+                }
+                MediaGalleryRegistry.ensureDemo(activity.applicationContext)
+                val dataSourceName = o["dataSource"] as? String
+                val store: MediaGalleryStore
+                if (!dataSourceName.isNullOrEmpty()) {
+                    val dataSource = MediaGalleryRegistry.source(dataSourceName)
+                    if (dataSource == null) {
+                        promise.reject("E_NO_DATA_SOURCE", "Media gallery data source '$dataSourceName' is not registered")
+                        return@runOnUiThread
+                    }
+                    @Suppress("UNCHECKED_CAST")
+                    val params = (o["dataSourceParams"] as? Map<String, Any?>) ?: emptyMap()
+                    store = MediaGalleryStore(galleryId, MediaGalleryStore.Source.Native(dataSource, params))
+                } else {
+                    store = MediaGalleryStore(
+                        galleryId,
+                        MediaGalleryStore.Source.JavaScript,
+                        MediaGalleryItem.listFrom(o["initialItems"]),
+                        o["nextCursor"] as? String,
+                        o["hasMore"] as? Boolean ?: false
+                    )
+                    store.onNeedPage = { cursor ->
+                        emitGalleryEvent("onGalleryNeedPage", Arguments.createMap().apply {
+                            putString("galleryId", galleryId)
+                            if (cursor != null) putString("cursor", cursor) else putNull("cursor")
+                        })
+                    }
+                }
+                val overlay = MediaGalleryOverlay(activity, store, config)
+                overlay.onClosed = {
+                    if (mediaGalleries[galleryId] === overlay) mediaGalleries.remove(galleryId)
+                    emitGalleryEvent("onGalleryClosed", Arguments.createMap().apply { putString("galleryId", galleryId) })
+                }
+                // 뷰어에서 삭제를 고르면: 모듈은 그 묶음을 그리드·뷰어에서 지우고, 실제 삭제는 앱이 하도록 이벤트만 보냄
+                overlay.onItemDeleted = { item, option ->
+                    emitGalleryEvent("onGalleryItemDeleted", Arguments.createMap().apply {
+                        putString("galleryId", galleryId)
+                        putString("id", item.id)
+                        putString("groupId", item.groupId)
+                        if (option != null) putString("option", option) else putNull("option")
+                    })
+                }
+                // 상단 바 메뉴에서 그리드 크기를 바꾸면 (모듈이 기기에 저장, 앱에도 알림)
+                overlay.onGridSizeChanged = { columns ->
+                    emitGalleryEvent("onGalleryGridSizeChanged", Arguments.createMap().apply {
+                        putString("galleryId", galleryId)
+                        putString("gridSize", MediaGalleryGridPreference.gridSizeString(columns))
+                    })
+                }
+                mediaGalleries[galleryId] = overlay
+                overlay.show()
+                promise.resolve(Arguments.createMap().apply { putString("galleryId", galleryId) })
+            } catch (e: Exception) {
+                promise.reject("E_MEDIA_GALLERY", "Failed to open media gallery: ${e.message}", e)
+            }
+        }
+    }
+
+    override fun closeMediaGallery(galleryId: String, promise: Promise) {
+        com.facebook.react.bridge.UiThreadUtil.runOnUiThread {
+            mediaGalleries[galleryId]?.close(includeViewer = true)
+            promise.resolve(null)
+        }
+    }
+
+    /** JS 공급 방식: { galleryId, items, nextCursor?, hasMore } */
+    override fun appendGalleryItems(payload: ReadableMap, promise: Promise) {
+        val p: Map<String, Any?> = payload.toHashMap()
+        val galleryId = p["galleryId"] as? String ?: ""
+        val page = MediaGalleryPage(
+            MediaGalleryItem.listFrom(p["items"]),
+            p["nextCursor"] as? String,
+            p["hasMore"] as? Boolean ?: false
+        )
+        com.facebook.react.bridge.UiThreadUtil.runOnUiThread {
+            mediaGalleries[galleryId]?.store?.appendExternal(page)
+            promise.resolve(null)
+        }
+    }
+
+    /** 앱이 다른 경로로 지운 묶음 반영: { galleryId, groupIds } */
+    override fun removeGalleryItems(payload: ReadableMap, promise: Promise) {
+        val p: Map<String, Any?> = payload.toHashMap()
+        val galleryId = p["galleryId"] as? String ?: ""
+        val groupIds = (p["groupIds"] as? List<*> ?: emptyList<Any?>()).mapNotNull { v ->
+            when (v) {
+                is String -> v
+                is Number -> v.toDouble().let { d -> if (d % 1.0 == 0.0) d.toLong().toString() else d.toString() }
+                else -> null
+            }
+        }.toSet()
+        com.facebook.react.bridge.UiThreadUtil.runOnUiThread {
+            mediaGalleries[galleryId]?.store?.removeGroups(groupIds)
+            promise.resolve(null)
+        }
+    }
+
+    override fun invalidate() {
+        super.invalidate()
+        com.facebook.react.bridge.UiThreadUtil.runOnUiThread {
+            val open = mediaGalleries.values.toList()
+            mediaGalleries.clear()
+            open.forEach { it.dismissImmediately() }
+        }
+        reactApplicationContext.removeActivityEventListener(this)
+        androidx.localbroadcastmanager.content.LocalBroadcastManager.getInstance(reactApplicationContext)
+            .unregisterReceiver(pageChangeReceiver)
+        androidx.localbroadcastmanager.content.LocalBroadcastManager.getInstance(reactApplicationContext)
+            .unregisterReceiver(viewerOpenedReceiver)
+        androidx.localbroadcastmanager.content.LocalBroadcastManager.getInstance(reactApplicationContext)
+            .unregisterReceiver(viewerWillCloseReceiver)
+        androidx.localbroadcastmanager.content.LocalBroadcastManager.getInstance(reactApplicationContext)
+            .unregisterReceiver(imageDeletedReceiver)
+    }
+}
+