react-native-nami-sdk 3.2.0-beta.1 → 3.2.1-beta.2

package/.eslintignore

@@ -1,2 +1,3 @@
 node_modules/
 .eslintrc
+*.d.ts

package/.github/workflows/CI.yaml

@@ -13,7 +13,59 @@ jobs:
     steps:
       - uses: actions/setup-node@v3
         with:
-          node-version: "16"
+          node-version: "18"
+
+      - name: 'Checkout ${{ inputs.ref }}'
+        uses: actions/checkout@v3
+        with:
+          path: source
+          ref: '${{ inputs.ref }}'
+
+      - name: Install dependencies
+        run: yarn --frozen-lockfile --prefer-offline
+        working-directory: source/
+
+      - name: Linter
+        run: |
+          npx eslint . --ext .js,.jsx,.ts,.tsx
+        working-directory: source/
+  tsc:
+    name: Generate Declaration Files
+    permissions:
+      actions: write
+      contents: write
+      id-token: write
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/setup-node@v3
+        with:
+          node-version: "18"
+
+      - name: 'Checkout ${{ inputs.ref }}'
+        uses: actions/checkout@v3
+        with:
+          path: source
+          ref: '${{ inputs.ref }}'
+
+      - name: Install dependencies
+        run: yarn --frozen-lockfile --prefer-offline
+        working-directory: source/
+
+      - name: Generate .d files
+        run: |
+          npx tsc
+        working-directory: source/
+  eslintapps:
+    name: ESLint Sample Apps
+    permissions:
+      actions: write
+      contents: write
+      id-token: write
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/setup-node@v3
+        with:
+          node-version: "18"
 
       - name: 'Checkout ${{ inputs.ref }}'
         uses: actions/checkout@v3
@@ -46,7 +98,7 @@ jobs:
     steps:
       - uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 18
 
       - name: 'Checkout ${{ inputs.ref }}'
         uses: actions/checkout@v3
@@ -148,7 +200,7 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: "16"
+          node-version: "18"
 
       - name: Cache node_modules
         uses: actions/cache@v3
@@ -166,7 +218,7 @@ jobs:
         with:
           cache: gradle
           distribution: temurin
-          java-version: 11
+          java-version: 17
 
       - name: Update App Platform ID
         working-directory: source/examples/Basic/config/

package/.github/workflows/app_prod.yaml

@@ -1,4 +1,6 @@
 name: Generate Test React PROD
+env:
+  DEVELOPER_DIR: /Applications/Xcode_15.0.1.app/Contents/Developer
 on:
   workflow_dispatch:
     inputs:
@@ -30,7 +32,7 @@ jobs:
     steps:
       - uses: actions/setup-node@v3
         with:
-          node-version: "16"
+          node-version: "18"
 
       - name: 'Checkout ${{ inputs.ref }}'
         uses: actions/checkout@v2
@@ -38,6 +40,13 @@ jobs:
           path: source
           ref: '${{ inputs.ref }}'
 
+      - name: Setup Java
+        uses: actions/setup-java@v3
+        with:
+          cache: gradle
+          distribution: temurin
+          java-version: 17
+
       - name: Install Google API python client
         run: |
           pip install google-api-python-client
@@ -107,12 +116,12 @@ jobs:
         actions: write
         contents: write
         id-token: write
-      runs-on: macos-12
+      runs-on: macos-13
       timeout-minutes: 40
       steps:
         - uses: actions/setup-node@v3
           with:
-            node-version: "16"
+            node-version: "18"
 
         - name: "Checkout ${{ inputs.ref }}"
           uses: actions/checkout@v2
@@ -156,7 +165,7 @@ jobs:
         - name: Install the provisioning profile
           run: |
             PP_PATH=$RUNNER_TEMP/build_pp.mobileprovision
-            echo -n "$PROVISIONING_CERTIFICATE_BASE64" | base64 --decode --output $PP_PATH
+            echo -n "$PROVISIONING_CERTIFICATE_BASE64" | base64 --decode -o $PP_PATH
             mkdir -p ~/Library/MobileDevice/Provisioning\ Profiles
             cp $PP_PATH ~/Library/MobileDevice/Provisioning\ Profiles
           env:
@@ -199,6 +208,11 @@ jobs:
             pod install --repo-update
           working-directory: source/examples/Basic/ios
 
+        - name: Apply Patches
+          run: |
+            patch -p0 < *.patch
+          working-directory: source/examples/Basic/patches
+
         - name: Build resolve Swift dependencies
           run: |
             xcodebuild -resolvePackageDependencies -workspace ios/Basic.xcworkspace -scheme BasicProduction -configuration Release
@@ -227,12 +241,12 @@ jobs:
       actions: write
       contents: write
       id-token: write
-    runs-on: macos-12
+    runs-on: macos-13
     timeout-minutes: 40
     steps:
       - uses: actions/setup-node@v3
         with:
-          node-version: "16"
+          node-version: "18"
 
       - name: "Checkout ${{ inputs.ref }}"
         uses: actions/checkout@v2
@@ -276,7 +290,7 @@ jobs:
       - name: Install the provisioning profile
         run: |
           PP_PATH=$RUNNER_TEMP/build_pp.mobileprovision
-          echo -n "$PROVISIONING_CERTIFICATE_BASE64" | base64 --decode --output $PP_PATH
+          echo -n "$PROVISIONING_CERTIFICATE_BASE64" | base64 --decode -o $PP_PATH
           mkdir -p ~/Library/MobileDevice/Provisioning\ Profiles
           cp $PP_PATH ~/Library/MobileDevice/Provisioning\ Profiles
         env:
@@ -319,6 +333,11 @@ jobs:
           RCT_NEW_ARCH_ENABLED=0 SWIFT_VERSION=5 pod install --repo-update
         working-directory: source/examples/TestNamiTV/ios
 
+      - name: Apply Patches
+        run: |
+          patch -p0 < *.patch
+        working-directory: source/examples/TestNamiTV/patches
+
       - name: Build resolve Swift dependencies
         run: |
           xcodebuild -resolvePackageDependencies -workspace ios/Basic.xcworkspace -scheme Basic-tvOS-PROD -configuration Release

package/.github/workflows/app_stg.yaml

@@ -1,4 +1,6 @@
 name: Generate Test React STG
+env:
+  DEVELOPER_DIR: /Applications/Xcode_15.0.1.app/Contents/Developer
 on:
   workflow_dispatch:
     inputs:
@@ -30,7 +32,7 @@ jobs:
     steps:
       - uses: actions/setup-node@v3
         with:
-          node-version: "16"
+          node-version: "18"
 
       - name: 'Checkout ${{ inputs.ref }}'
         uses: actions/checkout@v2
@@ -38,6 +40,13 @@ jobs:
           path: source
           ref: '${{ inputs.ref }}'
 
+      - name: Setup Java
+        uses: actions/setup-java@v3
+        with:
+          cache: gradle
+          distribution: temurin
+          java-version: 17
+          
       - name: Install Google API python client
         run: |
           pip install google-api-python-client
@@ -107,12 +116,12 @@ jobs:
       actions: write
       contents: write
       id-token: write
-    runs-on: macos-12
+    runs-on: macos-13
     timeout-minutes: 40
     steps:
       - uses: actions/setup-node@v3
         with:
-          node-version: "16"
+          node-version: "18"
 
       - name: "Checkout ${{ inputs.ref }}"
         uses: actions/checkout@v2
@@ -156,7 +165,7 @@ jobs:
       - name: Install the provisioning profile
         run: |
           PP_PATH=$RUNNER_TEMP/build_pp.mobileprovision
-          echo -n "$PROVISIONING_CERTIFICATE_BASE64" | base64 --decode --output $PP_PATH
+          echo -n "$PROVISIONING_CERTIFICATE_BASE64" | base64 --decode -o $PP_PATH
           mkdir -p ~/Library/MobileDevice/Provisioning\ Profiles
           cp $PP_PATH ~/Library/MobileDevice/Provisioning\ Profiles
         env:
@@ -199,6 +208,11 @@ jobs:
           pod install --repo-update
         working-directory: source/examples/Basic/ios
 
+      # - name: Apply Patches
+      #   run: |
+      #     patch -p0 < *.patch
+      #   working-directory: source/examples/Basic/patches
+
       - name: Build resolve Swift dependencies
         run: |
           xcodebuild -resolvePackageDependencies -workspace ios/Basic.xcworkspace -scheme Basic -configuration Release
@@ -227,12 +241,12 @@ jobs:
       actions: write
       contents: write
       id-token: write
-    runs-on: macos-12
+    runs-on: macos-13
     timeout-minutes: 40
     steps:
       - uses: actions/setup-node@v3
         with:
-          node-version: "16"
+          node-version: "18"
 
       - name: "Checkout ${{ inputs.ref }}"
         uses: actions/checkout@v2
@@ -276,7 +290,7 @@ jobs:
       - name: Install the provisioning profile
         run: |
           PP_PATH=$RUNNER_TEMP/build_pp.mobileprovision
-          echo -n "$PROVISIONING_CERTIFICATE_BASE64" | base64 --decode --output $PP_PATH
+          echo -n "$PROVISIONING_CERTIFICATE_BASE64" | base64 --decode -o $PP_PATH
           mkdir -p ~/Library/MobileDevice/Provisioning\ Profiles
           cp $PP_PATH ~/Library/MobileDevice/Provisioning\ Profiles
         env:
@@ -319,6 +333,11 @@ jobs:
           RCT_NEW_ARCH_ENABLED=0 SWIFT_VERSION=5 pod install --repo-update
         working-directory: source/examples/TestNamiTV/ios
 
+      # - name: Apply Patches
+      #   run: |
+      #     patch -p0 < *.patch
+      #   working-directory: source/examples/TestNamiTV/patches
+
       - name: Build resolve Swift dependencies
         run: |
           xcodebuild -resolvePackageDependencies -workspace ios/Basic.xcworkspace -scheme Basic-tvOS -configuration Release

package/android/build.gradle

@@ -1,5 +1,3 @@
-import groovy.json.JsonSlurper
-
 // android/build.gradle
 // based on:
 //
@@ -10,7 +8,7 @@ import groovy.json.JsonSlurper
 // * https://github.com/facebook/react-native/blob/0.60-stable/template/android/app/build.gradle
 //   original location:
 //   - https://github.com/facebook/react-native/blob/0.58-stable/local-cli/templates/HelloWorld/android/app/build.gradle
-def DEFAULT_BUILD_TOOLS_VERSION = '30.0.2'
+def DEFAULT_BUILD_TOOLS_VERSION = '34.0.0'
 def safeExtGet(prop, fallback) {
     rootProject.ext.has(prop) ? rootProject.ext.get(prop) : fallback
 }
@@ -18,7 +16,7 @@ apply plugin: 'com.android.library'
 // apply plugin: 'maven'
 apply plugin: "kotlin-android"
 buildscript {
-    ext.kotlin_version = '1.6.10'
+    ext.kotlin_version = '1.8.20'
     // The Android Gradle plugin is only required when opening the android folder stand-alone.
     // This avoids unnecessary downloads and potential conflicts when the library is included as a
     // module dependency in an application project.
@@ -29,13 +27,13 @@ buildscript {
             google()
         }
         dependencies {
-            classpath 'com.android.tools.build:gradle:7.0.4'
+            classpath 'com.android.tools.build:gradle:7.4.2'
             classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
         }
     }
 }
 android {
-    compileSdkVersion 33
+    compileSdkVersion 34
     buildToolsVersion safeExtGet('buildToolsVersion', DEFAULT_BUILD_TOOLS_VERSION)
     defaultConfig {
         minSdkVersion 22
@@ -44,28 +42,32 @@ android {
         versionName "1.0"
     }
     compileOptions {
-        sourceCompatibility JavaVersion.VERSION_1_8
-        targetCompatibility JavaVersion.VERSION_1_8
         coreLibraryDesugaringEnabled true
     }
     lintOptions {
         abortOnError false
     }
-    kotlinOptions {
-        jvmTarget = JavaVersion.VERSION_1_8.toString()
-    }
-    dexOptions {
-        javaMaxHeapSize "4g"
-    }
     buildFeatures {
         viewBinding true
     }
+
+    flavorDimensions "store"
+    productFlavors {
+        amazon {
+            dimension "store"
+        }
+
+        play {
+            dimension "store"
+        }
+    }
 }
 repositories {
     mavenCentral()
     // ref: https://www.baeldung.com/maven-local-repository
     mavenLocal()
     maven { url("https://packages.namiml.com/NamiSDK/Amazon/") }
+    maven { url("https://packages.namiml.com/NamiSDK/Android/") }
     maven { url 'https://jitpack.io' }
     maven {
         // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
@@ -83,35 +85,12 @@ dependencies {
     implementation fileTree(dir: 'libs', include: ['*.jar'])
     implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk8:$kotlin_version"
 
-    implementation 'com.github.jeziellago:compose-markdown:0.3.0'
-    compileOnly "com.namiml:sdk-amazon:3.2.0-beta.01"
+    playImplementation "com.namiml:sdk-android:3.2.1"
+    amazonImplementation "com.namiml:sdk-amazon:3.2.1"
 
-    implementation 'com.facebook.react:react-native:+'  // From node_modules
+    implementation "com.facebook.react:react-native:+"  // From node_modules
     coreLibraryDesugaring "com.android.tools:desugar_jdk_libs:1.1.5"
-}
-def configureReactNativePom(def pom) {
-    def packageJson = new JsonSlurper().parseText(file('../package.json').text)
-    pom.project {
-        name packageJson.title
-        artifactId packageJson.name
-        version = packageJson.version
-        group = "com.nami.reactlibrary"
-        description packageJson.description
-        url packageJson.repository.baseUrl
-        licenses {
-            license {
-                name packageJson.license
-                url packageJson.repository.baseUrl + '/blob/master/' + packageJson.licenseFilename
-                distribution 'repo'
-            }
-        }
-        developers {
-            developer {
-                id packageJson.author.username
-                name packageJson.author.name
-            }
-        }
-    }
+
 }
 
 configurations {
@@ -121,22 +100,6 @@ configurations {
 afterEvaluate { project ->
     // some Gradle build hooks ref:
     // https://www.oreilly.com/library/view/gradle-beyond-the/9781449373801/ch03.html
-    task androidJavadoc(type: Javadoc) {
-        source = android.sourceSets.main.java.srcDirs
-        classpath += files(android.bootClasspath)
-//         classpath += files(project.getConfigurations().getByName('compile').asList())
-//        classpath += files(project.getConfigurations().getByName('customConfig').asList())
-        include '**/*.java'
-    }
-    task androidJavadocJar(type: Jar, dependsOn: androidJavadoc) {
-        classifier = 'javadoc'
-        from androidJavadoc.destinationDir
-    }
-    task androidSourcesJar(type: Jar) {
-        classifier = 'sources'
-        from android.sourceSets.main.java.srcDirs
-        include '**/*.java'
-    }
     android.libraryVariants.all { variant ->
         def name = variant.name.capitalize()
         def javaCompileTask = variant.javaCompileProvider.get()
@@ -144,16 +107,8 @@ afterEvaluate { project ->
             from javaCompileTask.destinationDir
         }
     }
-    artifacts {
-        archives androidSourcesJar
-        archives androidJavadocJar
-    }
+
     task installArchives(type: Upload) {
         configuration = configurations.archives
-        // repositories.mavenDeployer {
-        //     // Deploy to react-native-event-bridge/maven, ready to publish to npm
-        //     repository url: "file://${projectDir}/../android/maven"
-        //     configureReactNativePom pom
-        // }
     }
 }

package/android/gradle/wrapper/gradle-wrapper.properties

@@ -1,6 +1,6 @@
 #Wed May 26 17:12:26 EDT 2021
 distributionBase=GRADLE_USER_HOME
-distributionUrl=https\://services.gradle.org/distributions/gradle-7.0.2-bin.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.3-bin.zip
 distributionPath=wrapper/dists
 zipStorePath=wrapper/dists
 zipStoreBase=GRADLE_USER_HOME

package/android/src/main/java/com/nami/reactlibrary/NamiBridgeModule.kt

@@ -106,7 +106,7 @@ class NamiBridgeModule(reactContext: ReactApplicationContext) :
             } else {
                 Arguments.createArray()
             }
-        val settingsList = mutableListOf("extendedClientInfo:react-native:3.2.0-beta.01")
+        val settingsList = mutableListOf("extendedClientInfo:react-native:3.2.1-beta.2")
         namiCommandsReact?.toArrayList()?.filterIsInstance<String>()?.let { commandsFromReact ->
             settingsList.addAll(commandsFromReact)
         }

package/android/src/main/java/com/nami/reactlibrary/NamiCampaignManagerBridge.kt

@@ -28,11 +28,12 @@ class NamiCampaignManagerBridgeModule(reactContext: ReactApplicationContext) :
         const val CAMPAIGN_TYPE = "campaignType"
         const val CAMPAIGN_URL = "campaignUrl"
         const val PAYWALL_NAME = "paywallName"
-        const val COMPONENT_CHANGE_ID = "componentChangeId"
-        const val COMPONENT_CHANGE_NAME = "componentChangeName"
+        const val COMPONENT_CHANGE = "componentChange"
         const val SEGMENT_ID = "segmentId"
         const val EXTERNAL_SEGMENT_ID = "externalSegmentId"
         const val DEEP_LINK_URL = "deeplinkUrl"
+        const val TIME_SPENT_ON_PAYWALL = "timeSpentOnPaywall"
+        const val VIDEO_METADATA = "videoMetadata"
         const val _RESULT_CAMPAIGN = "ResultCampaign"
     }
 
@@ -60,6 +61,7 @@ class NamiCampaignManagerBridgeModule(reactContext: ReactApplicationContext) :
         if (context != null) {
             val productGroups: MutableList<String> = mutableListOf()
             val customAttributes: MutableMap<String, String> = mutableMapOf()
+            val customObject: MutableMap<String, String> = mutableMapOf()
 
             if (context.hasKey("productGroups")) {
                 val groups = context.getArray("productGroups")
@@ -86,10 +88,22 @@ class NamiCampaignManagerBridgeModule(reactContext: ReactApplicationContext) :
                 }
             }
 
+            if (context.hasKey("customObject")) {
+                val attr = context.getMap("customObject")
+                if (attr != null) {
+                    val keyIterator = attr.keySetIterator()
+                    while (keyIterator.hasNextKey()) {
+                        val key = keyIterator.nextKey()
+                        customObject[key] = attr.getString(key) ?: ""
+                    }
+                    Log.d(LOG_TAG, "customObject $customObject")
+                }
+            }
+
             if (context.hasKey("productGroups")) {
-                paywallLaunchContext = PaywallLaunchContext(productGroups.toList(), customAttributes)
+                paywallLaunchContext = PaywallLaunchContext(productGroups.toList(), customAttributes, customObject)
             } else {
-                paywallLaunchContext = PaywallLaunchContext(null, customAttributes)
+                paywallLaunchContext = PaywallLaunchContext(null, customAttributes, customObject)
             }
         }
 
@@ -150,12 +164,40 @@ class NamiCampaignManagerBridgeModule(reactContext: ReactApplicationContext) :
             putString(CAMPAIGN_TYPE, paywallEvent.campaignType ?: "")
             putString(CAMPAIGN_URL, paywallEvent.campaignUrl ?: "")
             putString(PAYWALL_NAME, paywallEvent.paywallName ?: "")
-            putString(COMPONENT_CHANGE_ID, paywallEvent?.componentChange?.id ?: "")
-            putString(COMPONENT_CHANGE_NAME, paywallEvent?.componentChange?.name ?: "")
             putString(SEGMENT_ID, paywallEvent.segmentId ?: "")
             putString(EXTERNAL_SEGMENT_ID, paywallEvent.externalSegmentId ?: "")
             putString(DEEP_LINK_URL, paywallEvent.deeplinkUrl ?: "")
+
+        }
+
+        if (paywallEvent.componentChange != null) {
+            val componentChangeMap = Arguments.createMap().apply {
+                putString("id", paywallEvent.componentChange?.id ?: "")
+                putString("name", paywallEvent.componentChange?.name ?: "")
+            }
+
+            resultMap.putMap(COMPONENT_CHANGE, componentChangeMap)
+        }
+
+        if (paywallEvent.videoMetadata != null) {
+            val videoMetadataMap = Arguments.createMap().apply {
+                putString("id", paywallEvent.videoMetadata?.id ?: "")
+                putString("name", paywallEvent.videoMetadata?.name ?: "")
+                putString("url", paywallEvent.videoMetadata?.url ?: "")
+                putBoolean("autoplayVideo", paywallEvent.videoMetadata?.autoplayVideo ?: false)
+                putBoolean("muteByDefault", paywallEvent.videoMetadata?.muteByDefault ?: false)
+                putBoolean("loopVideo", paywallEvent.videoMetadata?.loopVideo ?: false)
+                putDouble("contentDuration", paywallEvent.videoMetadata?.contentDuration ?: 0.0)
+                putDouble("contentTimecode", paywallEvent.videoMetadata?.contentTimecode ?: 0.0)
+            }
+
+            resultMap.putMap(VIDEO_METADATA, videoMetadataMap)
         }
+
+        if (paywallEvent.timeSpentOnPaywall != null) {
+            resultMap.putDouble(TIME_SPENT_ON_PAYWALL, paywallEvent.timeSpentOnPaywall ?: 0.0)
+        }
+
         emitEvent(_RESULT_CAMPAIGN, resultMap)
     }
 

package/android/src/main/java/com/nami/reactlibrary/NamiPaywallManagerBridgeModule.kt

@@ -221,10 +221,15 @@ class NamiPaywallManagerBridgeModule(reactContext: ReactApplicationContext) :
     }
 
     @ReactMethod
-    fun setProductDetails(productDetails: String, allowOffers: Boolean) { 
+    fun setProductDetails(productDetails: String, allowOffers: Boolean) {
         NamiPaywallManager.setProductDetails(productDetails, allowOffers = false)
     }
 
+    @ReactMethod
+    fun setAppSuppliedVideoDetails(url: String, name: String?) {
+        NamiPaywallManager.setAppSuppliedVideoDetails(url = url, name = name)
+    }
+
     @ReactMethod
     fun addListener(eventName: String?) {
     }

package/ios/Nami.m

@@ -50,7 +50,7 @@ RCT_EXPORT_METHOD(configure: (NSDictionary *)configDict completion: (RCTResponse
         }
 
         // Start commands with header iformation for Nami to let them know this is a React client.
-        NSMutableArray *namiCommandStrings = [NSMutableArray arrayWithArray:@[@"extendedClientInfo:react-native:3.2.0-beta.1"]];
+        NSMutableArray *namiCommandStrings = [NSMutableArray arrayWithArray:@[@"extendedClientInfo:react-native:3.2.1-beta.2"]];
 
         // Add additional namiCommands app may have sent in.
         NSObject *appCommandStrings = configDict[@"namiCommands"];

package/ios/NamiCampaignManagerBridge.swift

@@ -81,6 +81,24 @@ class RNNamiCampaignManager: RCTEventEmitter {
             actionString = "PAGE_CHANGE"
         case .slide_change:
             actionString = "SLIDE_CHANGE"
+        case .nami_collapsible_drawer_open:
+          actionString = "COLLAPSIBLE_DRAWER_OPEN"
+        case .nami_collapsible_drawer_close:
+          actionString = "COLLAPSIBLE_DRAWER_CLOSE"
+        case .video_play:
+            actionString = "VIDEO_STARTED"
+        case .video_pause:
+            actionString = "VIDEO_PAUSED"
+        case .video_resume:
+            actionString = "VIDEO_RESUMED"
+        case .video_end:
+            actionString = "VIDEO_ENDED"
+        case .video_change:
+            actionString = "VIDEO_CHANGED"
+        case .video_mute:
+            actionString = "VIDEO_MUTED"
+        case .video_unmute:
+            actionString = "VIDEO_UNMUTED"
         default:
             actionString = "UNKNOWN"
         }
@@ -88,6 +106,26 @@ class RNNamiCampaignManager: RCTEventEmitter {
 
         let dictionaries = paywallEvent.purchases.map { purchase in RNNamiPurchaseManager.purchaseToPurchaseDict(purchase) }
 
+        var componentChange: [String: Any?] = [:]
+
+        if let eventComponentChange = paywallEvent.componentChange {
+            componentChange["id"] = eventComponentChange.id
+            componentChange["name"] = eventComponentChange.name
+        }
+
+        var videoMetadata: [String: Any?] = [:]
+
+        if let eventVideoMetadata = paywallEvent.videoMetadata {
+            videoMetadata["id"] = eventVideoMetadata.id
+            videoMetadata["name"] = eventVideoMetadata.name
+            videoMetadata["url"] = eventVideoMetadata.url
+            videoMetadata["loopVideo"] = eventVideoMetadata.loopVideo
+            videoMetadata["muteByDefault"] = eventVideoMetadata.muteByDefault
+            videoMetadata["autoplayVideo"] = eventVideoMetadata.autoplayVideo
+            videoMetadata["contentTimecode"] = eventVideoMetadata.contentTimecode
+            videoMetadata["contentDuration"] = eventVideoMetadata.contentDuration
+        }
+
         let payload: [String: Any?] = [
             "campaignId": paywallEvent.campaignId,
             "campaignName": paywallEvent.campaignName,
@@ -103,8 +141,9 @@ class RNNamiCampaignManager: RCTEventEmitter {
             "purchaseError": errorSting,
             "purchases": dictionaries,
             "deeplinkUrl": paywallEvent.deeplinkUrl,
-            "componentChangeId": paywallEvent.componentChange?.id,
-            "componentChangeName": paywallEvent.componentChange?.name,
+            "componentChange": componentChange,
+            "videoMetadata": videoMetadata,
+            "timeSpentOnPaywall": paywallEvent.timeSpentOnPaywall,
         ]
 
         RNNamiCampaignManager.shared?.sendEvent(withName: "ResultCampaign", body: payload)
@@ -126,6 +165,7 @@ class RNNamiCampaignManager: RCTEventEmitter {
 
         var productGroups: [String]?
         var customAttributes: [String: Any]?
+        var customObject: [String: Any]?
 
         if let context = context {
             if let contextProductGroups = context["productGroups"] as? [String] {
@@ -134,10 +174,13 @@ class RNNamiCampaignManager: RCTEventEmitter {
             if let contextCustomAttributes = context["customAttributes"] as? [String: Any] {
                 customAttributes = contextCustomAttributes
             }
+            if let contextCustomObject = context["customObject"] as? [String: Any] {
+                customObject = contextCustomObject
+            }
         }
 
-        if productGroups != nil || customAttributes != nil {
-            paywallLaunchContext = PaywallLaunchContext(productGroups: productGroups, customAttributes: customAttributes)
+        if productGroups != nil || customAttributes != nil || customObject != nil {
+            paywallLaunchContext = PaywallLaunchContext(productGroups: productGroups, customAttributes: customAttributes, customObject: customObject)
         }
 
         var launchMethod: (() -> Void)?