3.2.0

.eslintignore

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

.github/workflows/CI.yaml

@@ -10,6 +10,58 @@ jobs:
       contents: write
       id-token: write
     runs-on: ubuntu-latest
+    steps:
+      - uses: actions/setup-node@v3
+        with:
+          node-version: "16"
+
+      - 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: "16"
+
+      - 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:

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.0")
         namiCommandsReact?.toArrayList()?.filterIsInstance<String>()?.let { commandsFromReact ->
             settingsList.addAll(commandsFromReact)
         }

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?) {
+        // To be implemented
+    }
+
     @ReactMethod
     fun addListener(eventName: String?) {
     }

examples/TestNamiTV/nami_amazon_product_details.json

@@ -98,4 +98,4 @@
         "currency": "USD"
       }
     ]
-  }
+  }

ios/NamiPaywallManagerBridge.m

@@ -39,8 +39,9 @@ @interface RCT_EXTERN_MODULE(RNNamiPaywallManager, NSObject)
 
 RCT_EXTERN_METHOD(buySkuCancel)
 
-RCT_EXTERN_METHOD(setProductDetails:(NSString *)productDetails allowOffers:(BOOL *))
+RCT_EXTERN_METHOD(setProductDetails:(NSString *)productDetails allowOffers:(nullable BOOL *))
 
+RCT_EXTERN_METHOD(setAppSuppliedVideoDetails:(NSString *)url name:(nullable NSString *))
 
 + (BOOL)requiresMainQueueSetup {
   return YES;

ios/NamiPaywallManagerBridge.swift

@@ -154,7 +154,12 @@ class RNNamiPaywallManager: RCTEventEmitter {
     }
 
     @objc(setProductDetails:allowOffers:)
-    func setProductDetails(productDetails: String, allowOffers: Bool) {
+    func setProductDetails(productDetails _: String, allowOffers _: Bool) {
         // Do nothing on Apple
     }
+
+    @objc(setAppSuppliedVideoDetails:allowOffers:)
+    func setAppSuppliedVideoDetails(url _: String, name _: String?) {
+        // To be implemented
+    }
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-nami-sdk",
-  "version": "3.2.0-beta.1",
+  "version": "3.2.0",
   "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",

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-beta.01'
+  s.dependency 'Nami', '3.2.0'
   s.dependency 'React'
 
 end

src/NamiCampaignManager.d.ts

@@ -1,5 +1,5 @@
 import { NativeEventEmitter, EmitterSubscription } from 'react-native';
-import { LaunchCampaignError, NamiCampaign, NamiPaywallAction, NamiPurchase, PaywallLaunchContext } from './types';
+import { LaunchCampaignError, NamiCampaign, NamiPaywallActionHandler, PaywallLaunchContext } from './types';
 export declare const RNNamiCampaignManager: any;
 export declare enum NamiCampaignManagerEvents {
     ResultCampaign = "ResultCampaign",
@@ -10,7 +10,7 @@ interface ICampaignManager {
     emitter: NativeEventEmitter;
     allCampaigns: () => Promise<Array<NamiCampaign>>;
     isCampaignAvailable(campaignSource: string | null): Promise<boolean>;
-    launch: (label?: string, withUrl?: string, context?: PaywallLaunchContext, resultCallback?: (success: boolean, error?: LaunchCampaignError) => void, actionCallback?: (action: NamiPaywallAction, campaignId: string, paywallId: string, campaignName?: string, campaignType?: string, campaignLabel?: string, campaignUrl?: string, paywallName?: string, segmentId?: string, externalSegmentId?: string, deeplinkUrl?: string, skuId?: string, componentChangeId?: string, componentChangeName?: string, purchaseError?: string, purchases?: NamiPurchase[]) => void) => void;
+    launch: (label?: string, withUrl?: string, context?: PaywallLaunchContext, resultCallback?: (success: boolean, error?: LaunchCampaignError) => void, actionCallback?: NamiPaywallActionHandler) => void;
     refresh: () => void;
     registerAvailableCampaignsHandler: (callback: (availableCampaigns: NamiCampaign[]) => void) => EmitterSubscription['remove'];
 }

src/NamiCampaignManager.ts

@@ -67,21 +67,21 @@ export const NamiCampaignManager: ICampaignManager = {
             componentChange: body.componentChange,
             segmentId: body.segmentId,
             externalSegmentId: body.externalSegmentId,
-            deeplinkUrl: body.deeplinkUrl,         
+            deeplinkUrl: body.deeplinkUrl,
             sku: body.sku,
             purchaseError: body.purchaseError,
             purchases: body.purchases,
-          }
-          actionCallback(paywallEvent)
+          };
+          actionCallback(paywallEvent);
         }
       },
     );
     RNNamiCampaignManager.launch(
       label ?? null,
       withUrl ?? null,
       context ?? null,
-      resultCallback ?? (() => { }),
-      actionCallback ?? (() => { }),
+      resultCallback ?? (() => {}),
+      actionCallback ?? (() => {}),
     );
   },
 

src/NamiPaywallManager.d.ts

@@ -28,5 +28,6 @@ export interface INamiPaywallManager {
     isHidden: () => Promise<boolean>;
     isPaywallOpen: () => Promise<boolean>;
     setProductDetails: (productDetails: string, allowOffers: boolean) => void;
+    setAppSuppliedVideoDetails: (url: string, name?: string) => void;
 }
 export declare const NamiPaywallManager: INamiPaywallManager;

src/NamiPaywallManager.ts

@@ -50,6 +50,7 @@ export interface INamiPaywallManager {
   isHidden: () => Promise<boolean>;
   isPaywallOpen: () => Promise<boolean>;
   setProductDetails: (productDetails: string, allowOffers: boolean) => void;
+  setAppSuppliedVideoDetails: (url: string, name?: string) => void;
 }
 
 const { NamiPaywallManagerBridge, RNNamiPaywallManager } = NativeModules;
@@ -161,13 +162,10 @@ export const NamiPaywallManager: INamiPaywallManager = {
   isPaywallOpen: () => {
     return RNNamiPaywallManager.isPaywallOpen();
   },
-  setProductDetails: (
-    productDetails: string,
-    allowOffers: boolean
-  ) => {
-    RNNamiPaywallManager.setProductDetails(
-      productDetails,
-      allowOffers,
-    );
+  setProductDetails: (productDetails: string, allowOffers: boolean) => {
+    RNNamiPaywallManager.setProductDetails(productDetails, allowOffers);
+  },
+  setAppSuppliedVideoDetails: (url: string, name?: string) => {
+    RNNamiPaywallManager.setAppSuppliedVideoDetails(url, name);
   },
 };

src/types.d.ts

@@ -83,6 +83,9 @@ export type PaywallLaunchContext = {
     customAttributes: {
         [key: string]: string;
     };
+    customObject?: {
+        [key: string]: any;
+    };
 };
 export type CustomerJourneyState = {
     formerSubscriber: boolean;
@@ -168,6 +171,7 @@ export type NamiPaywallEvent = {
     purchaseError?: string;
     purchases?: NamiPurchase[];
 };
+export type NamiPaywallActionHandler = (event: NamiPaywallEvent) => void;
 export type NamiPaywallComponentChange = {
     id?: string;
     name?: string;

src/types.ts

@@ -177,7 +177,7 @@ export enum LaunchCampaignError {
   PAYWALL_COULD_NOT_DISPLAY = 5,
   URL_CAMPAIGN_NOT_FOUND = 6,
   PRODUCT_DATA_NOT_FOUND = 7,
-  PRODUCT_GROUPS_NOT_FOUND = 8
+  PRODUCT_GROUPS_NOT_FOUND = 8,
 }
 
 export enum LaunchCampaignResultAction {
@@ -196,6 +196,10 @@ export type PaywallLaunchContext = {
   customAttributes: {
     [key: string]: string;
   };
+  // Custom object used as data source for advanced paywall components
+  customObject?: {
+    [key: string]: any;
+  };
 };
 
 export type CustomerJourneyState = {
@@ -314,7 +318,7 @@ export type NamiPaywallEvent = {
   sku?: NamiSKU;
   purchaseError?: string;
   purchases?: NamiPurchase[];
-}
+};
 
 export type NamiPaywallActionHandler = (event: NamiPaywallEvent) => void;