react-native-nami-sdk 3.0.25 → 3.0.26

package/.eslintignore

@@ -1,2 +1,2 @@
 node_modules/
-.eslintrc.js
+.eslintrc

package/.eslintrc.js

@@ -3,10 +3,50 @@ module.exports = {
   extends: '@react-native-community',
   parser: '@typescript-eslint/parser',
   plugins: ['@typescript-eslint'],
+  parserOptions: {
+    ecmaVersion: 2018, // Allows for the parsing of modern ECMAScript features
+    sourceType: 'module', // Allows for the use of imports
+    ecmaFeatures: {
+      jsx: true, // Allows for the parsing of JSX
+    },
+  },
   rules: {
     'react/no-unstable-nested-components': [
       'off' | 'warn' | 'error',
       { allowAsProps: true | false },
     ],
+    'prettier/prettier': [
+      'error',
+      {
+        bracketSpacing: true,
+        jsxBracketSameLine: true,
+        singleQuote: true,
+        trailingComma: 'all',
+        arrowParens: 'avoid',
+      },
+    ],
+    quotes: ['error', 'single'],
+    indent: ['error', 2, { SwitchCase: 1 }],
+    'comma-dangle': [2, 'always-multiline'],
+    'react/prop-types': 'off',
+    '@typescript-eslint/no-namespace': 'off',
+    '@typescript-eslint/no-explicit-any': 'off',
+    '@typescript-eslint/ban-ts-comment': 'off',
+    '@typescript-eslint/interface-name-prefix': 'off',
+    '@typescript-eslint/no-non-null-assertion': 'off',
+    '@typescript-eslint/no-unused-vars': [
+      2,
+      { args: 'none', ignoreRestSiblings: true },
+    ],
+    '@typescript-eslint/no-use-before-define': ['error', { variables: false }],
+    'react/jsx-first-prop-new-line': [1, 'multiline'],
+    'react/jsx-max-props-per-line': [
+      1,
+      {
+        maximum: 1,
+      },
+    ],
+    'no-unused-vars': 'off',
+    'object-curly-spacing': ['error', 'always'],
   },
 };

package/.github/workflows/CI.yaml

@@ -16,14 +16,13 @@ jobs:
           node-version: "16"
 
       - name: 'Checkout ${{ inputs.ref }}'
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
         with:
           path: source
           ref: '${{ inputs.ref }}'
 
       - name: Install Basic app dependencies
-        run: |
-          yarn install
+        run: yarn --frozen-lockfile --prefer-offline
         working-directory: source/examples/Basic
 
       - name: Linter Basic
@@ -32,11 +31,249 @@ jobs:
         working-directory: source/examples/Basic
 
       - name: Install TestNamiTV app dependencies
-        run: |
-          yarn install
+        run: yarn --frozen-lockfile --prefer-offline
         working-directory: source/examples/TestNamiTV
 
       - name: Linter TestNamiTV
         run: |
           npx eslint . --ext .js,.jsx,.ts,.tsx
         working-directory: source/examples/TestNamiTV
+  e2e-ios:
+    runs-on: macos-12
+    env:
+      DETOX_CONFIGURATION: ios.sim.release
+
+    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: Cache node_modules
+        uses: actions/cache@v3
+        id: cache
+        with:
+          path: source/examples/Basic/node_modules
+          key: node-modules-${{ hashFiles('**/yarn.lock') }}
+
+      - name: Install Yarn Dependencies
+        run: yarn install
+        working-directory: source/examples/Basic
+
+      - name: Install macOS dependencies
+        run: |
+          brew tap wix/brew
+          brew install applesimutils
+          sudo gem install cocoapods
+          gem install CFPropertyList
+        env:
+          # Speed up build could be updated 0/1 for full install
+          HOMEBREW_NO_AUTO_UPDATE: 1
+          HOMEBREW_NO_INSTALL_CLEANUP: 1
+
+      - name: Update App Platform ID
+        working-directory: source/examples/Basic/config/
+        run: |
+          sed -i '' -e "s/APPLE_PROD_APP_PLATFORM_ID/$BASIC_APPLE_PROD_APP_PLATFORM_ID/" index.ts
+        env:
+          BASIC_APPLE_PROD_APP_PLATFORM_ID: '${{ secrets.APPLE_PROD_APP_PLATFORM_ID }}'
+
+#      - name: Cache Pods
+#        uses: actions/cache@v3
+#        id: podcache
+#        with:
+#          path: source/examples/Basic/ios
+#          key: ${{ runner.os }}-pods-${{ hashFiles('**/Podfile.lock') }}
+#          restore-keys: |
+#              ${{ runner.os }}-pods-
+
+      - name: Clean node_modules tree
+        run: rm -rf node_modules/react-native-nami-sdk/examples
+        working-directory: source/examples/Basic
+
+      - name: Install iOS pods
+        run: pod install
+        working-directory: source/examples/Basic/ios
+
+      - name: Rebuild cache detox
+        run: yarn detox rebuild-framework-cache
+        working-directory: source/examples/Basic
+
+      - name: Cache Detox build
+        id: cache-detox-build
+        uses: actions/cache@v3
+        with:
+          path: source/examples/Basic/ios/Pods
+          key: ${{ runner.os }}-detox-build
+          restore-keys: |
+            ${{ runner.os }}-detox-build
+
+      - name: Detox build
+        run: yarn detox build --configuration ${{ env.DETOX_CONFIGURATION }}
+        working-directory: source/examples/Basic
+
+      - name: Detox test
+        run: |
+          yarn start &
+          METRO_BUNDLER_PID=$!
+          yarn detox test --configuration ${{ env.DETOX_CONFIGURATION }} e2e/ios --cleanup --headless --record-logs all
+          DETOX_EXIT_CODE=$?
+          kill $METRO_BUNDLER_PID
+          exit $DETOX_EXIT_CODE
+        working-directory: source/examples/Basic
+
+      - name: Upload artifacts
+        if: failure()
+        uses: actions/upload-artifact@v3
+        with:
+          name: detox-artifacts
+          path: artifacts
+  e2e-android:
+    runs-on: macos-latest
+    env:
+      DETOX_CONFIGURATION: android.emu.release
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+        with:
+          path: source
+          ref: '${{ inputs.ref }}'
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: "16"
+
+      - name: Cache node_modules
+        uses: actions/cache@v3
+        id: cache
+        with:
+          path: source/examples/Basic/node_modules
+          key: node-modules-${{ hashFiles('**/yarn.lock') }}
+
+      - name: Install Yarn dependencies
+        run: yarn install
+        working-directory: source/examples/Basic
+
+      - name: Setup Java
+        uses: actions/setup-java@v3
+        with:
+          cache: gradle
+          distribution: temurin
+          java-version: 11
+
+      - name: Update App Platform ID
+        working-directory: source/examples/Basic/config/
+        run: |
+          sed -i '' -e "s/ANDROID_PROD_APP_PLATFORM_ID/$BASIC_ANDROID_PROD_APP_PLATFORM_ID/" index.ts
+        env:
+          BASIC_ANDROID_PROD_APP_PLATFORM_ID: '${{ secrets.ANDROID_PROD_APP_PLATFORM_ID }}'
+
+      - name: Rebuild cache detox
+        run: yarn detox rebuild-framework-cache
+        working-directory: source/examples/Basic
+
+      - name: Cache Detox build
+        id: cache-detox-build
+        uses: actions/cache@v3
+        with:
+          path: source/examples/Basic/android/app/build
+          key: ${{ runner.os }}-detox-build
+          restore-keys: |
+              ${{ runner.os }}-detox-build
+
+      - name: Detox build
+        run: |
+          rm -rf node_modules/react-native-nami-sdk/examples
+          yarn detox build --configuration ${{ env.DETOX_CONFIGURATION }}
+        working-directory: source/examples/Basic
+
+      - name: Create the Keystore
+        run: |
+          # import keystore from secrets
+          echo $KEYSTORE_BASE64 | base64 -d > $RUNNER_TEMP/my_production.keystore
+        env:
+          KEYSTORE_BASE64: '${{ secrets.KEY_STORE_BASE64 }}'
+
+      - name: Encode the keystore to base64
+        id: encode_keystore
+        run: |
+          echo "SIGNINGKEYBASE64=$(openssl base64 < $RUNNER_TEMP/my_production.keystore | tr -d '\n')" >> $GITHUB_ENV
+
+      - name: Sign APK
+        id: sign_apk
+        uses: r0adkll/sign-android-release@v1
+        with:
+          releaseDirectory: source/examples/Basic/android/app/build/outputs/apk/production/release
+          signingKeyBase64: ${{ env.SIGNINGKEYBASE64 }}
+          alias: ${{ secrets.KEY_ALIAS }}
+          keyStorePassword: ${{ secrets.KEY_STORE_PASSWORD }}
+          keyPassword: ${{ secrets.KEY_PASSWORD }}
+
+      - name: Sign AndroidTest APK for Detox
+        id: sign_androidTest_apk
+        uses: r0adkll/sign-android-release@v1
+        with:
+          releaseDirectory: source/examples/Basic/android/app/build/outputs/apk/androidTest/production/release/
+          signingKeyBase64: ${{ env.SIGNINGKEYBASE64 }}
+          alias: ${{ secrets.KEY_ALIAS }}
+          keyStorePassword: ${{ secrets.KEY_STORE_PASSWORD }}
+          keyPassword: ${{ secrets.KEY_PASSWORD }}
+
+      - name: Get device name
+        id: device
+        run: node -e "console.log('AVD_NAME=' + require('./.detoxrc').devices.emulator.device.avdName)" >> $GITHUB_OUTPUT
+        working-directory: source/examples/Basic
+
+#      - name: Cache AVD snapshot
+#        uses: actions/cache@v3
+#        id: avd-cache
+#        with:
+#          path: |
+#            ~/.android/avd/*
+#            ~/.android/adb*
+#          key: avd-30-aosp-atd
+#
+#      - name: Create AVD and generate snapshot for caching
+#        if: steps.avd-cache.outputs.cache-hit != 'true'
+#        uses: reactivecircus/android-emulator-runner@v2
+#        with:
+#          target: aosp_atd
+#          api-level: 30
+#          arch: x86
+#          channel: canary
+#          profile: pixel
+#          ram-size: 2048M
+#          heapSize: 576M
+#          # avd-name: ${{ steps.device.outputs.AVD_NAME }}
+#          avd-name: Pixel_3a_API_30_AOSP
+#          force-avd-creation: false
+#          emulator-options: -no-window -gpu swiftshader_indirect -noaudio -no-boot-anim -camera-back none
+#          disable-animations: false
+#          script: echo "Generated AVD snapshot for caching"
+#          working-directory: source/examples/Basic
+
+      - name: Detox test
+        uses: reactivecircus/android-emulator-runner@v2
+        with:
+          target: aosp_atd
+          api-level: 30
+          arch: x86
+          channel: canary
+          profile: pixel
+          avd-name: Pixel_4_API_30_AOSP
+          script: yarn detox test --configuration ${{ env.DETOX_CONFIGURATION }} e2e/android --headless --record-logs all
+          working-directory: source/examples/Basic
+
+      - name: Upload artifacts
+        if: failure()
+        uses: actions/upload-artifact@v3
+        with:
+          name: detox-artifacts
+          path: artifacts

package/.prettierrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+    bracketSpacing: true,
+    jsxBracketSameLine: true,
+    singleQuote: true,
+    trailingComma: 'all',
+    arrowParens: 'avoid',
+};

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

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

package/index.d.ts

@@ -1,20 +1,8 @@
-export {Nami, NamiConfiguration, NamiLanguageCodes} from './src/Nami';
-export {NamiMLManager} from './src/NamiMLManager';
-export {
-  NamiCampaignManager,
-  NamiCampaign,
-  NamiCampaignRule,
-  LaunchCampaignError,
-} from './src/NamiCampaignManager';
-export {
-  NamiCustomerManager,
-  CustomerJourneyState,
-  AccountStateAction,
-} from './src/NamiCustomerManager';
-export {
-  NamiEntitlementManager,
-  NamiEntitlement,
-} from './src/NamiEntitlementManager';
-export {NamiPurchaseManager, NamiPurchase} from './src/NamiPurchaseManager';
-export {NamiPaywallManager} from './src/NamiPaywallManager';
-export {NamiSKU} from './src/types';
+export { Nami } from './src/Nami';
+export { NamiMLManager } from './src/NamiMLManager';
+export { NamiCampaignManager } from './src/NamiCampaignManager';
+export { NamiCustomerManager } from './src/NamiCustomerManager';
+export { NamiEntitlementManager } from './src/NamiEntitlementManager';
+export { NamiPurchaseManager } from './src/NamiPurchaseManager';
+export { NamiPaywallManager } from './src/NamiPaywallManager';
+export * from './src/types';

package/index.ts

@@ -0,0 +1,8 @@
+export { Nami } from './src/Nami';
+export { NamiMLManager } from './src/NamiMLManager';
+export { NamiCampaignManager } from './src/NamiCampaignManager';
+export { NamiCustomerManager } from './src/NamiCustomerManager';
+export { NamiEntitlementManager } from './src/NamiEntitlementManager';
+export { NamiPurchaseManager } from './src/NamiPurchaseManager';
+export { NamiPaywallManager } from './src/NamiPaywallManager';
+export * from './src/types';

package/ios/Nami.m

@@ -52,7 +52,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.0.25"]];
+        NSMutableArray *namiCommandStrings = [NSMutableArray arrayWithArray:@[@"extendedClientInfo:react-native:3.0.26"]];
 
         // Add additional namiCommands app may have sent in.
         NSObject *appCommandStrings = configDict[@"namiCommands"];

package/ios/NamiCampaignManagerBridge.swift

@@ -97,7 +97,7 @@ class RNNamiCampaignManager: RCTEventEmitter {
             "segmentId": paywallEvent.segmentId,
             "externalSegmentId": paywallEvent.externalSegmentId,
             "action": actionString,
-            "skuId": paywallEvent.sku?.id,
+            "skuId": paywallEvent.sku?.skuId,
             "purchaseError": errorSting,
             "purchases": dictionaries,
             "deeplinkUrl": paywallEvent.deeplinkUrl,

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "react-native-nami-sdk",
-  "version": "3.0.25",
+  "version": "3.0.26",
   "description": "React Native Module for Nami - Easy subscriptions & in-app purchases, with powerful built-in paywalls and A/B testing.",
-  "main": "index.js",
+  "main": "index.ts",
+  "types": "index.d.ts",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "android": "react-native run-android",
@@ -53,8 +54,11 @@
   },
   "devDependencies": {
     "@react-native-community/eslint-config": "^3.2.0",
+    "@types/react-native": "^0.72.2",
     "@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",

package/src/Nami.ts

@@ -0,0 +1,21 @@
+import { NativeModules } from 'react-native';
+import { NamiConfiguration } from './types';
+
+export const { NamiBridge } = NativeModules;
+
+export interface INami {
+  configure: (
+    config: NamiConfiguration,
+    resultCallback?: (resultObject: { success: boolean }) => void,
+  ) => void;
+}
+
+export const Nami: INami = {
+  ...NamiBridge,
+  configure: (
+    configureObj: NamiConfiguration,
+    resultCallback?: (resultObject: { success: boolean }) => void,
+  ) => {
+    NamiBridge.configure(configureObj, resultCallback ?? (() => {}));
+  },
+};

package/src/NamiCampaignManager.d.ts

@@ -2,6 +2,7 @@ import { EmitterSubscription } from "react-native";
 import { NamiPurchase } from "./NamiPurchaseManager";
 import { NamiPaywallAction } from "./NamiPaywallManager";
 import { NamiSKU } from "./types";
+import { NamiPaywallAction, NamiPurchase } from "./types";
 
 export const NamiCampaignManager: {
   allCampaigns: () => Promise<Array<NamiCampaign>>;
@@ -32,7 +33,7 @@ export const NamiCampaignManager: {
   ) => void;
   refresh: () => void;
   registerAvailableCampaignsHandler: (
-    callback: (availableCampaigns: NamiCampaign[]) => void
+      callback: (availableCampaigns: NamiCampaign[]) => void
   ) => EmitterSubscription["remove"];
 };
 

package/src/NamiCampaignManager.ts

@@ -0,0 +1,143 @@
+import {
+  NativeModules,
+  NativeEventEmitter,
+  EmitterSubscription,
+} from 'react-native';
+import {
+  LaunchCampaignError,
+  NamiCampaign,
+  NamiPaywallAction,
+  NamiPurchase,
+  PaywallLaunchContext,
+} from './types';
+
+export const { RNNamiCampaignManager } = NativeModules;
+
+export enum NamiCampaignManagerEvents {
+  ResultCampaign = 'ResultCampaign',
+  AvailableCampaignsChanged = 'AvailableCampaignsChanged',
+}
+
+const searchString_Nami = 'NAMI_';
+
+interface ICampaignManager {
+  launchSubscription: EmitterSubscription | undefined;
+  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;
+  refresh: () => void;
+  registerAvailableCampaignsHandler: (
+    callback: (availableCampaigns: NamiCampaign[]) => void,
+  ) => EmitterSubscription['remove'];
+}
+
+export const NamiCampaignManager: ICampaignManager = {
+  launchSubscription: undefined,
+  emitter: new NativeEventEmitter(RNNamiCampaignManager),
+  ...RNNamiCampaignManager,
+  launch(label, withUrl, context, resultCallback, actionCallback) {
+    if (this.launchSubscription) {
+      this.launchSubscription.remove();
+    }
+
+    this.launchSubscription = this.emitter.addListener(
+      NamiCampaignManagerEvents.ResultCampaign,
+      body => {
+        body.action = body.action.startsWith(searchString_Nami)
+          ? body.action.substring(5, body.action.length)
+          : body.action;
+
+        const {
+          action,
+          campaignId,
+          paywallId,
+          campaignName,
+          campaignType,
+          campaignLabel,
+          campaignUrl,
+          paywallName,
+          segmentId,
+          externalSegmentId,
+          deeplinkUrl,
+          skuId,
+          componentChangeId,
+          componentChangeName,
+          purchaseError,
+          purchases,
+        } = body;
+        if (actionCallback) {
+          actionCallback(
+            action,
+            campaignId,
+            paywallId,
+            campaignName,
+            campaignType,
+            campaignLabel,
+            campaignUrl,
+            paywallName,
+            segmentId,
+            externalSegmentId,
+            deeplinkUrl,
+            skuId,
+            componentChangeId,
+            componentChangeName,
+            purchaseError,
+            purchases,
+          );
+        }
+      },
+    );
+    RNNamiCampaignManager.launch(
+      label ?? null,
+      withUrl ?? null,
+      context ?? null,
+      resultCallback ?? (() => {}),
+      actionCallback ?? (() => {}),
+    );
+  },
+
+  isCampaignAvailable: campaignSource => {
+    return RNNamiCampaignManager.isCampaignAvailable(campaignSource ?? null);
+  },
+
+  registerAvailableCampaignsHandler(callback) {
+    if (typeof callback !== 'function') {
+      throw new Error('Expected callback to be a function.');
+    }
+    const subscription = this.emitter.addListener(
+      NamiCampaignManagerEvents.AvailableCampaignsChanged,
+      callback,
+    );
+
+    RNNamiCampaignManager.registerAvailableCampaignsHandler();
+    return () => {
+      if (subscription) {
+        subscription.remove();
+      }
+    };
+  },
+};