react-native-nami-sdk 3.2.0 → 3.2.1

package/.github/workflows/CI.yaml

@@ -13,7 +13,7 @@ jobs:
     steps:
       - uses: actions/setup-node@v3
         with:
-          node-version: "16"
+          node-version: "18"
 
       - name: 'Checkout ${{ inputs.ref }}'
         uses: actions/checkout@v3
@@ -39,7 +39,7 @@ jobs:
     steps:
       - uses: actions/setup-node@v3
         with:
-          node-version: "16"
+          node-version: "18"
 
       - name: 'Checkout ${{ inputs.ref }}'
         uses: actions/checkout@v3
@@ -65,7 +65,7 @@ jobs:
     steps:
       - uses: actions/setup-node@v3
         with:
-          node-version: "16"
+          node-version: "18"
 
       - name: 'Checkout ${{ inputs.ref }}'
         uses: actions/checkout@v3
@@ -98,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
@@ -200,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
@@ -218,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

@@ -32,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
@@ -40,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
@@ -114,7 +121,7 @@ jobs:
       steps:
         - uses: actions/setup-node@v3
           with:
-            node-version: "16"
+            node-version: "18"
 
         - name: "Checkout ${{ inputs.ref }}"
           uses: actions/checkout@v2
@@ -239,7 +246,7 @@ jobs:
     steps:
       - uses: actions/setup-node@v3
         with:
-          node-version: "16"
+          node-version: "18"
 
       - name: "Checkout ${{ inputs.ref }}"
         uses: actions/checkout@v2

package/.github/workflows/app_stg.yaml

@@ -32,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
@@ -40,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
@@ -114,7 +121,7 @@ jobs:
     steps:
       - uses: actions/setup-node@v3
         with:
-          node-version: "16"
+          node-version: "18"
 
       - name: "Checkout ${{ inputs.ref }}"
         uses: actions/checkout@v2
@@ -201,10 +208,10 @@ 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: Apply Patches
+      #   run: |
+      #     patch -p0 < *.patch
+      #   working-directory: source/examples/Basic/patches
 
       - name: Build resolve Swift dependencies
         run: |
@@ -239,7 +246,7 @@ jobs:
     steps:
       - uses: actions/setup-node@v3
         with:
-          node-version: "16"
+          node-version: "18"
 
       - name: "Checkout ${{ inputs.ref }}"
         uses: actions/checkout@v2
@@ -326,10 +333,10 @@ 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: Apply Patches
+      #   run: |
+      #     patch -p0 < *.patch
+      #   working-directory: source/examples/TestNamiTV/patches
 
       - name: Build resolve Swift dependencies
         run: |

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")
+        val settingsList = mutableListOf("extendedClientInfo:react-native:3.2.1")
         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

@@ -227,7 +227,7 @@ class NamiPaywallManagerBridgeModule(reactContext: ReactApplicationContext) :
 
     @ReactMethod
     fun setAppSuppliedVideoDetails(url: String, name: String?) {
-        // To be implemented
+        NamiPaywallManager.setAppSuppliedVideoDetails(url = url, name = name)
     }
 
     @ReactMethod

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"]];
+        NSMutableArray *namiCommandStrings = [NSMutableArray arrayWithArray:@[@"extendedClientInfo:react-native:3.2.1"]];
 
         // 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)?

package/ios/NamiPaywallManagerBridge.swift

@@ -159,7 +159,7 @@ class RNNamiPaywallManager: RCTEventEmitter {
     }
 
     @objc(setAppSuppliedVideoDetails:name:)
-    func setAppSuppliedVideoDetails(url _: String, name _: String?) {
-        // To be implemented
+    func setAppSuppliedVideoDetails(url: String, name: String?) {
+        NamiPaywallManager.setAppSuppliedVideoDetails(url: url, name: name)
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-nami-sdk",
-  "version": "3.2.0",
+  "version": "3.2.1",
   "description": "React Native Module for Nami - Easy subscriptions & in-app purchases, with powerful built-in paywalls and A/B testing.",
   "main": "index.ts",
   "types": "index.d.ts",
@@ -49,19 +49,19 @@
     ]
   },
   "peerDependencies": {
-    "react": ">=17",
-    "react-native": ">=0.65"
+    "react": ">=18",
+    "react-native": ">=0.73"
   },
   "devDependencies": {
     "@react-native-community/eslint-config": "^3.2.0",
-    "@types/react-native": "^0.72.2",
+    "@types/react-native": "^0.73.0",
     "@typescript-eslint/eslint-plugin": "^5.59.7",
     "eslint": "^8.41.0",
     "eslint-plugin-jest": "^27.2.2",
     "@types/jest": "^29.5.2",
     "prettier": "^2.8.7",
-    "react": "^17.0.2",
-    "react-native": "^0.65.2",
+    "react": "^18.2.0",
+    "react-native": "^0.73.0",
     "react-native-codegen": "^0.0.12",
     "typescript": "^5.0.2"
   },

package/react-native-nami-sdk.podspec

@@ -20,7 +20,7 @@ Pod::Spec.new do |s|
   s.source_files = "ios/**/*.{h,m,swift}"
   s.requires_arc = true
 
-  s.dependency 'Nami', '3.2.0'
+  s.dependency 'Nami', '3.2.1'
   s.dependency 'React'
 
 end

package/src/NamiCampaignManager.ts

@@ -68,6 +68,8 @@ export const NamiCampaignManager: ICampaignManager = {
             segmentId: body.segmentId,
             externalSegmentId: body.externalSegmentId,
             deeplinkUrl: body.deeplinkUrl,
+            videoMetadata: body.videoMetadata,
+            timeSpentOnPaywall: body.timeSpentOnPaywall,
             sku: body.sku,
             purchaseError: body.purchaseError,
             purchases: body.purchases,

package/src/types.d.ts

@@ -143,6 +143,15 @@ export declare enum NamiPaywallAction {
     TOGGLE_CHANGE = "TOGGLE_CHANGE",
     PAGE_CHANGE = "PAGE_CHANGE",
     SLIDE_CHANGE = "SLIDE_CHANGE",
+    COLLAPSIBLE_DRAWER_OPEN = "COLLAPSIBLE_DRAWER_OPEN",
+    COLLAPSIBLE_DRAWER_CLOSE = "COLLAPSIBLE_DRAWER_CLOSE",
+    VIDEO_STARTED = "VIDEO_STARTED",
+    VIDEO_PAUSED = "VIDEO_PAUSED",
+    VIDEO_RESUMED = "VIDEO_RESUMED",
+    VIDEO_ENDED = "VIDEO_ENDED",
+    VIDEO_CHANGED = "VIDEO_CHANGED",
+    VIDEO_MUTED = "VIDEO_MUTED",
+    VIDEO_UNMUTED = "VIDEO_UNMUTED",
     UNKNOWN = "UNKNOWN"
 }
 export type NamiPurchase = {
@@ -170,9 +179,21 @@ export type NamiPaywallEvent = {
     sku?: NamiSKU;
     purchaseError?: string;
     purchases?: NamiPurchase[];
+    videoMetadata?: NamiPaywallEventVideoMetadata;
+    timeSpentOnPaywall?: number;
 };
 export type NamiPaywallActionHandler = (event: NamiPaywallEvent) => void;
 export type NamiPaywallComponentChange = {
     id?: string;
     name?: string;
 };
+export type NamiPaywallEventVideoMetadata = {
+    id?: string;
+    name?: string;
+    url?: string;
+    loopVideo: boolean;
+    muteByDefault: boolean;
+    autoplayVideo: boolean;
+    contentTimecode?: number;
+    contentDuration?: number;
+};

package/src/types.ts

@@ -278,6 +278,15 @@ export enum NamiPaywallAction {
   TOGGLE_CHANGE = 'TOGGLE_CHANGE',
   PAGE_CHANGE = 'PAGE_CHANGE',
   SLIDE_CHANGE = 'SLIDE_CHANGE',
+  COLLAPSIBLE_DRAWER_OPEN = 'COLLAPSIBLE_DRAWER_OPEN',
+  COLLAPSIBLE_DRAWER_CLOSE = 'COLLAPSIBLE_DRAWER_CLOSE',
+  VIDEO_STARTED = 'VIDEO_STARTED',
+  VIDEO_PAUSED = 'VIDEO_PAUSED',
+  VIDEO_RESUMED = 'VIDEO_RESUMED',
+  VIDEO_ENDED = 'VIDEO_ENDED',
+  VIDEO_CHANGED = 'VIDEO_CHANGED',
+  VIDEO_MUTED = 'VIDEO_MUTED',
+  VIDEO_UNMUTED = 'VIDEO_UNMUTED',
   UNKNOWN = 'UNKNOWN',
 }
 
@@ -318,6 +327,8 @@ export type NamiPaywallEvent = {
   sku?: NamiSKU;
   purchaseError?: string;
   purchases?: NamiPurchase[];
+  videoMetadata?: NamiPaywallEventVideoMetadata;
+  timeSpentOnPaywall?: number;
 };
 
 export type NamiPaywallActionHandler = (event: NamiPaywallEvent) => void;
@@ -326,3 +337,14 @@ export type NamiPaywallComponentChange = {
   id?: string;
   name?: string;
 };
+
+export type NamiPaywallEventVideoMetadata = {
+  id?: string;
+  name?: string;
+  url?: string;
+  loopVideo: boolean;
+  muteByDefault: boolean;
+  autoplayVideo: boolean;
+  contentTimecode?: number;
+  contentDuration?: number;
+};