react-native-persona 2.9.2 → 2.9.3

package/README.md

@@ -42,15 +42,6 @@ yarn example android
 
 Or open the Android project in Android Studio and build + run.
 
-### Theming the example app
-
-Run the `persona-tool` to customize the theme.
-
-```
-$ cd example
-$ yarn persona-tool
-```
-
 ### Adding Dependencies
 If you need to add any open source dependencies to this project, you'll need to make sure that the license for that project is acceptable. At the time of writing, licenses that are not GPL, LGPL, or AGPL are likely to be acceptable. Please consult with #legal for specific questions though.
 
@@ -87,39 +78,6 @@ Inquiry.fromTemplate('itmpl_Ygs16MKTkA6obnF8C3Rb17dm')
 
 Set your own colors, buttons, fonts, and more. This can be done via the Persona Dashboard. For more information on using the theme editor, see our [help article](https://support.withpersona.com/hc/en-us/articles/13775762246547-Tutorial-Configure-a-Theme-with-Inquiry-Template-Editor).
 
-
-Note that the following instructions are for deprecated client side theming only.
-
-To test legacy client side themes, use the example app:
-
-```
-cd example
-```
-
-Link the `persona-tool` using the following command (only necessary during development, linked automatically when the
-package is installed using `yarn add` or `npm install`).
-
-```
-yarn dev-only:link-bin
-```
-
-To unlink:
-
-```
-yarn dev-only:unlink-bin
-```
-
-Run through the tool using `yarn persona-tool` and following the instructions to add the required snippet to
-your `package.json`.
-
-Update theme colors accordingly:
-
-- Example: Update `persona.androidTheme.backgroundColor` to `#FFFFFF`
-
-Run `yarn persona-tool` again.
-
-Launch the example app and launch a flow.
-
 ### Updating SDK Versions
 
 *Android*

package/RNPersonaInquiry2.podspec

@@ -2,7 +2,7 @@ require 'json'
 
 package = JSON.parse(File.read(File.join(__dir__, 'package.json')))
 
-persona_sdk_version = '2.22.0'
+persona_sdk_version = '2.22.3'
 
 Pod::Spec.new do |s|
   s.name          = 'RNPersonaInquiry2'

package/android/build.gradle

@@ -65,5 +65,5 @@ dependencies {
     implementation("com.facebook.react:react-android")
 
     // NB: be sure to bump `nfc-impl` in example/android/app/build.gradle as well
-    implementation 'com.withpersona.sdk2:inquiry:2.12.3'
+    implementation 'com.withpersona.sdk2:inquiry:2.12.4'
 }

package/package.json

@@ -1,16 +1,13 @@
 {
   "name": "react-native-persona",
   "title": "React Native Persona",
-  "version": "2.9.2",
+  "version": "2.9.3",
   "description": "Launch a mobile native implementation of the Persona inquiry flow from React Native.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
   "types": "lib/typescript/index.d.ts",
   "react-native": "src/index",
   "source": "src/index",
-  "bin": {
-    "persona-tool": "bin/persona-tool"
-  },
   "scripts": {
     "test": "echo test",
     "typescript": "tsc --noEmit",
@@ -70,14 +67,6 @@
     "typescript": "^4.3.5"
   },
   "dependencies": {
-    "chalk": "^4.0.0",
-    "cli-table": "^0.3.1",
-    "cosmiconfig": "^7.0.0",
-    "inquirer": "^7.1.0",
-    "minimist": "^1.2.6",
-    "object-path": "^0.11.8",
-    "pkg-up": "^3.1.0",
-    "xmlbuilder2": "^3.0.0"
   },
   "eslintConfig": {
     "root": true,

package/bin/persona-tool

@@ -1,3 +0,0 @@
-#! /usr/bin/env node
-
-require("../lib/commonjs/persona-tool");

package/lib/commonjs/persona-tool/AndroidResourcePrinter.js

@@ -1,462 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _xmlbuilder = require("xmlbuilder2");
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-class AndroidResourcePrinter {
-  constructor(theme) {
-    _defineProperty(this, "theme", void 0);
-    _defineProperty(this, "root", void 0);
-    _defineProperty(this, "buttonDrawable", void 0);
-    _defineProperty(this, "buttonColor", void 0);
-    _defineProperty(this, "preprintQueue", []);
-    _defineProperty(this, "printQueue", []);
-    _defineProperty(this, "postPrintQueue", []);
-    this.theme = theme;
-    this.root = (0, _xmlbuilder.create)({
-      version: '1.0'
-    }).ele('resources');
-    this.buttonDrawable = (0, _xmlbuilder.create)({
-      version: '1.0'
-    }).ele('selector', {
-      'xmlns:android': 'http://schemas.android.com/apk/res/android'
-    });
-    this.buttonColor = (0, _xmlbuilder.create)({
-      version: '1.0'
-    }).ele('selector', {
-      'xmlns:android': 'http://schemas.android.com/apk/res/android'
-    });
-  }
-  process() {
-    if (!this.hasTheme()) {
-      this.root = this.root.up();
-    } else {
-      this.print();
-    }
-    return {
-      style: this.root,
-      buttonDrawable: this.buttonDrawable,
-      buttonColor: this.buttonColor
-    };
-  }
-  print() {
-    this.primaryColor();
-    this.accentColor();
-    this.darkPrimaryColor();
-    this.backgroundColor();
-    this.titleText();
-    this.bodyText();
-    this.footnoteText();
-    // this.formLabelText();
-    this.textField();
-    this.pickerText();
-    this.button();
-    this.progressColor();
-    this.successAsset();
-    this.failAsset();
-    this.loadingAnimationAsset();
-    this.selfieAnimationAsset();
-    this.preprintQueue.forEach(fn => fn());
-
-    // Precreate some style namespaces
-    this.root = this.root.ele('style', {
-      name: 'RN'
-    }).up();
-    this.root = this.root.ele('style', {
-      name: 'RN.Persona'
-    }).up();
-    this.root = this.root.ele('style', {
-      name: 'RN.Persona.Text'
-    }).up();
-    this.root = this.root.ele('style', {
-      name: 'Persona.Inquiry2.Theme',
-      parent: 'Base.Persona.Inquiry2.Theme'
-    });
-    this.printQueue.forEach(fn => fn());
-    this.root = this.root.up();
-    this.postPrintQueue.forEach(fn => fn());
-  }
-  hasTheme() {
-    return Object.keys(this.theme).length > 0 && Object.values(this.theme).filter(Boolean).length > 0;
-  }
-  primaryColor() {
-    if (!this.theme.primaryColor) return;
-    this.printQueue.push(() => {
-      this.root = this.root.ele('item', {
-        name: 'colorPrimary'
-      }).txt(this.theme.primaryColor).up().txt(' ');
-    });
-  }
-  accentColor() {
-    if (!this.theme.accentColor) return;
-    this.printQueue.push(() => {
-      this.root = this.root.ele('item', {
-        name: 'colorSecondary'
-      }).txt(this.theme.accentColor).up().txt(' ');
-    });
-  }
-  darkPrimaryColor() {
-    if (!this.theme.darkPrimaryColor) return;
-    this.printQueue.push(() => {
-      this.root = this.root.ele('item', {
-        name: 'colorPrimaryVariant'
-      }).txt(this.theme.darkPrimaryColor).up().txt(' ');
-    });
-  }
-  backgroundColor() {
-    if (!this.theme.backgroundColor) return;
-    this.preprintQueue.push(() => {
-      this.root = this.root.ele('color', {
-        name: 'customPersonaBackgroundColor'
-      }).txt(this.theme.backgroundColor).up().txt(' ');
-    });
-    this.printQueue.push(() => {
-      this.root = this.root.ele('item', {
-        name: 'android:colorBackground'
-      }).txt('@color/customPersonaBackgroundColor').up().txt(' ');
-    });
-  }
-  titleText() {
-    if (this.theme.titleTextColor || this.theme.titleTextFont) {
-      this.printQueue.push(() => {
-        this.root = this.root.ele('item', {
-          name: 'textAppearanceHeadline6'
-        }).txt('@style/RN.Persona.Text.Title').up();
-      });
-
-      // Create a text appearance
-      this.postPrintQueue.push(() => {
-        this.root = this.root.ele('style', {
-          name: 'RN.Persona.Text.Title',
-          parent: 'Persona.Inquiry2.Text.Body'
-        });
-        if (this.theme.titleTextColor) {
-          this.root = this.root.ele('item', {
-            name: 'android:textColor'
-          }).txt(this.theme.titleTextColor).up();
-        }
-        if (this.theme.titleTextFont) {
-          // TODO: Add notice about how to add a custom font that can be
-          // referenced here on Android
-          this.root = this.root.ele('item', {
-            name: 'android:fontFamily'
-          }).txt(this.theme.titleTextFont).up();
-        }
-
-        // Default values taken from `Persona.Text.Title`
-        // in shared/src/main/res/values/styles.xml
-        this.root = this.root.ele('item', {
-          name: 'android:textSize'
-        }).txt('26sp').up().ele('item', {
-          name: 'android:textStyle'
-        }).txt('bold').up();
-        this.root = this.root.up();
-      });
-    } else {
-      this.printQueue.push(() => {
-        this.root = this.root.ele('item', {
-          name: 'textAppearanceHeadline6'
-        }).txt('@style/Persona.Text.Title').up();
-      });
-    }
-  }
-  bodyText() {
-    if (this.theme.bodyTextColor || this.theme.bodyTextFont) {
-      this.printQueue.push(() => {
-        this.root = this.root.ele('item', {
-          name: 'textAppearanceSubtitle1'
-        }).txt('@style/RN.Persona.Text.Body').up();
-      });
-
-      // Create a text appearance
-      this.postPrintQueue.push(() => {
-        this.root = this.root.ele('style', {
-          name: 'RN.Persona.Text.Body',
-          parent: 'Persona.Inquiry2.Text.Body'
-        });
-        if (this.theme.bodyTextColor) {
-          this.root = this.root.ele('item', {
-            name: 'android:textColor'
-          }).txt(this.theme.bodyTextColor).up();
-        }
-        if (this.theme.bodyTextFont) {
-          // TODO: Add notice about how to add a custom font that can be
-          // referenced here on Android
-          this.root = this.root.ele('item', {
-            name: 'android:fontFamily'
-          }).txt(this.theme.bodyTextFont).up();
-        }
-
-        // Default values taken from `Persona.Text.Body`
-        // in shared/src/main/res/values/styles.xml
-        this.root = this.root.ele('item', {
-          name: 'android:textSize'
-        }).txt('18sp').up();
-        this.root = this.root.up();
-      });
-    } else {
-      this.printQueue.push(() => {
-        this.root = this.root.ele('item', {
-          name: 'textAppearanceSubtitle1'
-        }).txt('@style/Persona.Inquiry2.Text.Body').up();
-      });
-    }
-  }
-  footnoteText() {
-    if (this.theme.footnoteTextColor || this.theme.footnoteTextFont) {
-      this.postPrintQueue.push(() => {
-        this.root = this.root.ele('style', {
-          name: 'TextAppearance.AppCompat.Small'
-        }).ele('item', {
-          name: 'android:textSize'
-        })
-        // Used default value found in the Android SDK
-        .txt('@dimen/abc_text_size_small_material').up().ele('item', {
-          name: 'android:textColor'
-        }).txt(
-        // Used default value found in the Android SDK
-        this.theme.footnoteTextColor ?? '?android:attr/textColorTertiary').up();
-        if (this.theme.footnoteTextFont) {
-          this.root = this.root.ele('item', {
-            name: 'android:fontFamily'
-          }).txt(
-          // Used default value found in the Android SDK
-          this.theme.footnoteTextFont ?? '?android:attr/textColorTertiary').up();
-        }
-        this.root = this.root.up();
-      });
-    }
-  }
-  textField() {
-    if (this.theme.textFieldTextColor || this.theme.textFieldTextFont) {
-      this.printQueue.push(() => {
-        this.root = this.root.ele('item', {
-          name: 'editTextStyle'
-        }).txt('@style/RN.Persona.EditText').up();
-      });
-      this.postPrintQueue.push(() => {
-        this.root = this.root.ele('style', {
-          name: 'RN.Persona.EditText',
-          parent: 'Persona.Inquiry2.EditText'
-        }).ele('item', {
-          name: 'android:textAppearance'
-        }).txt('@style/RN.Persona.EditText.TextAppearance').up().ele('item', {
-          name: 'android:textColor'
-        }).txt(this.theme.textFieldTextColor).up().up();
-        this.root = this.root.ele('style', {
-          name: 'RN.Persona.EditText.TextAppearance',
-          parent: 'Base.TextAppearance.TextAppearance.MaterialComponents.Body1'
-        });
-        if (this.theme.textFieldTextColor) {
-          this.root = this.root.ele('item', {
-            name: 'android:textSize'
-          }).txt('18sp').up();
-        }
-        if (this.theme.textFieldTextFont) {
-          this.root = this.root.ele('item', {
-            name: 'android:fontFamily'
-          }).txt(this.theme.textFieldTextFont).up();
-        }
-        this.root = this.root.up();
-      });
-    }
-  }
-  pickerText() {
-    if (this.theme.pickerTextColor || this.theme.pickerTextFont) {
-      this.printQueue.push(() => {
-        this.root = this.root.ele('item', {
-          name: 'spinnerStyle'
-        }).txt('@style/RN.Persona.Spinner').up();
-        this.root = this.root.ele('item', {
-          name: 'spinnerDropDownItemStyle'
-        }).txt('@style/RN.Persona.DropDownItem.Spinner').up();
-      });
-      this.postPrintQueue.push(() => {
-        // Build Rn.Persona.Spinner
-        this.root = this.root.ele('style', {
-          name: 'RN.Persona.Spinner',
-          parent: 'Persona.Inquiry2.Spinner'
-        }).ele('item', {
-          name: 'android:textColor'
-        }).txt(this.theme.pickerTextColor ?? '?android:attr/textColorPrimary').up().ele('item', {
-          name: 'android:textAppearance'
-        }).txt(this.theme.pickerTextFont ? '@style/RN.Persona.Text.Spinner' : '@style/Persona.Inquiry2.Text.Body').up().up();
-
-        // Build RN.Persona.DropDownItem.Spinner
-        this.root = this.root.ele('style', {
-          name: 'RN.Persona.DropDownItem.Spinner',
-          parent: 'Persona.Inquiry2.Spinner'
-        }).ele('item', {
-          name: 'android:textColor'
-        }).txt(this.theme.pickerTextColor ?? '?android:attr/textColorPrimary').up().ele('item', {
-          name: 'android:textAppearance'
-        }).txt(this.theme.pickerTextFont ? '@style/RN.Persona.Text.Spinner' : '@style/Persona.Inquiry2.Text.Body').up().up();
-
-        // Build RN.Persona.Text.Spinner
-        this.root = this.root.ele('style', {
-          name: 'RN.Persona.Text.Spinner'
-        });
-        if (this.theme.pickerTextColor) {
-          this.root = this.root.ele('item', {
-            name: 'android:textColor'
-          }).txt(this.theme.pickerTextColor).up();
-        }
-        if (this.theme.pickerTextFont) {
-          // TODO: Add notice about how to add a custom font that can be
-          // referenced here on Android
-          this.root = this.root.ele('item', {
-            name: 'android:fontFamily'
-          }).txt(this.theme.pickerTextFont).up();
-        }
-        this.root = this.root.up();
-      });
-    }
-  }
-  button() {
-    if (this.theme.buttonBackgroundColor || this.theme.buttonDisabledBackgroundColor || this.theme.buttonTouchedBackgroundColor || this.theme.buttonTextColor || this.theme.buttonDisabledTextColor || this.theme.buttonCornerRadius || this.theme.buttonFont) {
-      this.printQueue.push(() => {
-        this.root = this.root.ele('item', {
-          name: 'buttonStyle'
-        }).txt('@style/RN.Persona.Button').up();
-      });
-      this.postPrintQueue.push(() => {
-        this.root = this.root.ele('style', {
-          name: 'RN.Persona.Button',
-          parent: 'Persona.Inquiry2.Button'
-        })
-        // Taken from
-        // appcompat's res/values/values.xml
-        .ele('item', {
-          name: 'android:minHeight'
-        }).txt('48dip').up()
-        // Taken from
-        // appcompat's res/values/values.xml
-        .ele('item', {
-          name: 'android:minWidth'
-        }).txt('88dip').up()
-        // Taken from
-        // persona-android's shared/src/main/res/values/styles.xml
-        .ele('item', {
-          name: 'android:textSize'
-        }).txt('18sp').up().ele('item', {
-          name: 'android:background'
-        }).txt('@drawable/rn_persona_button').up().ele('item', {
-          name: 'android:textColor'
-        }).txt('@color/rn_persona_button').up().up();
-
-        // Disabled
-        this.buttonDrawable = this.buttonDrawable.ele('item', {
-          'android:state_enabled': 'false'
-        }).ele('shape', {
-          'android:shape': 'rectangle'
-        }).ele('corners', {
-          'android:radius': this.theme.buttonCornerRadius ? `${this.theme.buttonCornerRadius}dp` : '@dimen/abc_control_corner_material'
-        }).up().ele('padding', {
-          'android:left': '@dimen/abc_button_padding_horizontal_material',
-          'android:top': '@dimen/abc_button_padding_vertical_material',
-          'android:right': '@dimen/abc_button_padding_horizontal_material',
-          'android:bottom': '@dimen/abc_button_padding_vertical_material'
-        }).up().ele('solid', {
-          'android:color': this.theme.buttonDisabledBackgroundColor ? this.theme.buttonDisabledBackgroundColor : '?attr/colorPrimaryVariant'
-        }).up().up().up();
-
-        // touched
-        this.buttonDrawable = this.buttonDrawable.ele('item', {
-          'android:state_pressed': 'true'
-        }).ele('shape', {
-          'android:shape': 'rectangle'
-        }).ele('corners', {
-          'android:radius': this.theme.buttonCornerRadius ? `${this.theme.buttonCornerRadius}dp` : '@dimen/abc_control_corner_material'
-        }).up().ele('solid', {
-          'android:color': this.theme.buttonTouchedBackgroundColor ?? '?attr/colorPrimaryVariant'
-        }).up().ele('padding', {
-          'android:left': '@dimen/abc_button_padding_horizontal_material',
-          'android:top': '@dimen/abc_button_padding_vertical_material',
-          'android:right': '@dimen/abc_button_padding_horizontal_material',
-          'android:bottom': '@dimen/abc_button_padding_vertical_material'
-        }).up().up().up();
-        this.buttonDrawable = this.buttonDrawable.ele('item').ele('shape', {
-          'android:shape': 'rectangle'
-        }).ele('corners', {
-          'android:radius': this.theme.buttonCornerRadius ? `${this.theme.buttonCornerRadius}dp` : '@dimen/abc_control_corner_material'
-        }).up().ele('solid', {
-          'android:color': this.theme.buttonBackgroundColor ?? '?attr/colorPrimary'
-        }).up().ele('padding', {
-          'android:left': '@dimen/abc_button_padding_horizontal_material',
-          'android:top': '@dimen/abc_button_padding_vertical_material',
-          'android:right': '@dimen/abc_button_padding_horizontal_material',
-          'android:bottom': '@dimen/abc_button_padding_vertical_material'
-        }).up().up().up();
-
-        // Finish button drawable
-        this.buttonDrawable = this.buttonDrawable.up();
-        this.buttonColor = this.buttonColor.ele('item', {
-          'android:state_enabled': 'false',
-          'android:color': this.theme.buttonDisabledTextColor ?? '@android:color/darker_gray'
-        }).up().ele('item', {
-          'android:state_pressed': 'true',
-          'android:color': this.theme.buttonTextColor ?? '@android:color/white'
-        }).up().ele('item', {
-          'android:color': this.theme.buttonTextColor ?? '@android:color/white'
-        }).up();
-        this.buttonColor = this.buttonColor.up();
-        this.root = this.root.up();
-      });
-    }
-  }
-  progressColor() {
-    if (this.theme.progressColor) {
-      this.printQueue.push(() => {
-        this.root = this.root.ele('item', {
-          name: 'colorControlActivated'
-        }).txt(this.theme.progressColor).up();
-      });
-    }
-  }
-  successAsset() {
-    if (!this.theme.successAsset) return;
-    this.printQueue.push(() => {
-      this.root = this.root.ele('item', {
-        name: 'personaInquiryCompleteImage'
-      }).txt(this.theme.successAsset).up().txt(' ');
-    });
-  }
-  failAsset() {
-    if (!this.theme.failAsset) return;
-    this.printQueue.push(() => {
-      this.root = this.root.ele('item', {
-        name: 'personaInquiryFailImage'
-      }).txt(this.theme.failAsset).up().txt(' ');
-    });
-  }
-  loadingAnimationAsset() {
-    if (!this.theme.loadingAnimationAsset || !this.theme.loadingAnimationWidthPercent) return;
-    this.printQueue.push(() => {
-      this.root = this.root.ele('item', {
-        name: 'personaInquiryLoadingLottieRaw'
-      }).txt(this.theme.loadingAnimationAsset).up().txt(' ');
-      this.root = this.root.ele('item', {
-        name: 'personaInquiryLoadingLottieWidthPercent'
-      }).txt(this.theme.loadingAnimationWidthPercent).up().txt(' ');
-    });
-  }
-  selfieAnimationAsset() {
-    if (!this.theme.selfieAnimationAsset || !this.theme.selfieAnimationWidthPercent) return;
-    this.printQueue.push(() => {
-      this.root = this.root.ele('item', {
-        name: 'personaInquirySelfieLottieRaw'
-      }).txt(this.theme.selfieAnimationAsset).up().txt(' ');
-      this.root = this.root.ele('item', {
-        name: 'personaInquirySelfieLottieWidthPercent'
-      }).txt(this.theme.selfieAnimationWidthPercent).up().txt(' ');
-    });
-  }
-}
-var _default = AndroidResourcePrinter;
-exports.default = _default;
-//# sourceMappingURL=AndroidResourcePrinter.js.map