react-native-persona 2.1.3 → 2.2.2

package/persona-tools/Theme.ts

@@ -1,103 +1,103 @@
-import Table from "cli-table";
-import chalk from "chalk";
+import Table from 'cli-table';
+import chalk from 'chalk';
 
-import Config from "./config";
+import Config from './Config';
 
 const COLOR_REGEX = /^[a-zA-Z0-9]{6}$/;
 
 export enum ANDROID_THEME_CONFIG_KEY {
-  backgroundColor = "backgroundColor",
-  primaryColor = "primaryColor",
-  darkPrimaryColor = "darkPrimaryColor",
-  accentColor = "accentColor",
+  backgroundColor = 'backgroundColor',
+  primaryColor = 'primaryColor',
+  darkPrimaryColor = 'darkPrimaryColor',
+  accentColor = 'accentColor',
 
-  titleTextColor = "titleTextColor",
-  titleTextFont = "titleTextFont",
+  titleTextColor = 'titleTextColor',
+  titleTextFont = 'titleTextFont',
 
-  bodyTextColor = "bodyTextColor",
-  bodyTextFont = "bodyTextFont",
+  bodyTextColor = 'bodyTextColor',
+  bodyTextFont = 'bodyTextFont',
 
-  footnoteTextColor = "footnoteTextColor",
-  footnoteTextFont = "footnoteTextFont",
+  footnoteTextColor = 'footnoteTextColor',
+  footnoteTextFont = 'footnoteTextFont',
 
   // formLabelTextColor = "formLabelTextColor",
   // formLabelTextFont = "formLabelTextFont",
 
-  textFieldTextColor = "textFieldTextColor",
-  textFieldTextFont = "textFieldTextFont",
+  textFieldTextColor = 'textFieldTextColor',
+  textFieldTextFont = 'textFieldTextFont',
 
-  pickerTextColor = "pickerTextColor",
-  pickerTextFont = "pickerTextFont",
+  pickerTextColor = 'pickerTextColor',
+  pickerTextFont = 'pickerTextFont',
 
-  buttonBackgroundColor = "buttonBackgroundColor",
-  buttonDisabledBackgroundColor = "buttonDisabledBackgroundColor",
-  buttonTouchedBackgroundColor = "buttonTouchedBackgroundColor",
-  buttonTextColor = "buttonTextColor",
-  buttonDisabledTextColor = "buttonDisabledTextColor",
+  buttonBackgroundColor = 'buttonBackgroundColor',
+  buttonDisabledBackgroundColor = 'buttonDisabledBackgroundColor',
+  buttonTouchedBackgroundColor = 'buttonTouchedBackgroundColor',
+  buttonTextColor = 'buttonTextColor',
+  buttonDisabledTextColor = 'buttonDisabledTextColor',
   // buttonTextAlignment = "buttonTextAlignment",
-  buttonCornerRadius = "buttonCornerRadius",
-  buttonFont = "buttonFont",
-  progressColor = "progressColor",
-  successAsset = "successAsset",
-  failAsset = "failAsset",
-  loadingAnimationAsset = "loadingAnimationAsset",
-  loadingAnimationWidthPercent = "loadingAnimationWidthPercent",
-  selfieAnimationAsset = "selfieAnimationAsset",
-  selfieAnimationWidthPercent = "selfieAnimationWidthPercent",
+  buttonCornerRadius = 'buttonCornerRadius',
+  buttonFont = 'buttonFont',
+  progressColor = 'progressColor',
+  successAsset = 'successAsset',
+  failAsset = 'failAsset',
+  loadingAnimationAsset = 'loadingAnimationAsset',
+  loadingAnimationWidthPercent = 'loadingAnimationWidthPercent',
+  selfieAnimationAsset = 'selfieAnimationAsset',
+  selfieAnimationWidthPercent = 'selfieAnimationWidthPercent',
 }
 
 export enum IOS_THEME_CONFIG_KEY {
-  backgroundColor = "backgroundColor",
-  primaryColor = "primaryColor",
-  darkPrimaryColor = "darkPrimaryColor",
-  accentColor = "accentColor",
-  overlayBackgroundColor = "overlayBackgroundColor",
-  titleTextColor = "titleTextColor",
-  titleTextFont = "titleTextFont",
-  bodyTextColor = "bodyTextColor",
-  bodyTextFont = "bodyTextFont",
-  footnoteTextColor = "footnoteTextColor",
-  footnoteTextFont = "footnoteTextFont",
-  formLabelTextColor = "formLabelTextColor",
-  formLabelTextFont = "formLabelTextFont",
-  textFieldTextColor = "textFieldTextColor",
-  textFieldBackgroundColor = "textFieldBackgroundColor",
-  textFieldBorderColor = "textFieldBorderColor",
-  pickerTextColor = "pickerTextColor",
-  pickerTextFont = "pickerTextFont",
-  buttonBackgroundColor = "buttonBackgroundColor",
-  buttonDisabledBackgroundColor = "buttonDisabledBackgroundColor",
-  buttonTouchedBackgroundColor = "buttonTouchedBackgroundColor",
-  buttonImageTintColor = "buttonImageTintColor",
-  buttonTextColor = "buttonTextColor",
-  buttonDisabledTextColor = "buttonDisabledTextColor",
-  buttonTextAlignment = "buttonTextAlignment",
-  buttonCornerRadius = "buttonCornerRadius",
-  buttonFont = "buttonFont",
-  selectedCellBackgroundColor = "selectedCellBackgroundColor",
-  closeButtonTintColor = "closeButtonTintColor",
-  cancelButtonBackgroundColor = "cancelButtonBackgroundColor",
-  progressColor = "progressColor",
-  cameraGuideCornersColor = "cameraGuideCornersColor",
-  cameraButtonBackgroundColor = "cameraButtonBackgroundColor",
-  successAssetName = "successAssetName",
-  successAssetWidth = "successAssetWidth",
-  successAssetHeight = "successAssetHeight",
-  verificationFailAssetName = "verificationFailAssetName",
-  verificationFailAssetWidth = "verificationFailAssetWidth",
-  verificationFailAssetHeight = "verificationFailAssetHeight",
-  failAssetName = "failAssetName",
-  failAssetWidth = "failAssetWidth",
-  failAssetHeight = "failAssetHeight",
-  loadingAnimationAssetName = "loadingAnimationAssetName",
-  loadingAnimationAssetWidth = "loadingAnimationAssetWidth",
-  loadingAnimationAssetHeight = "loadingAnimationAssetHeight",
-  processingAnimationAssetName = "processingAnimationAssetName",
-  processingAnimationAssetWidth = "processingAnimationAssetWidth",
-  processingAnimationAssetHeight = "processingAnimationAssetHeight",
-  selfieAnimationAssetName = "selfieAnimationAssetName",
-  selfieAnimationAssetWidth = "selfieAnimationAssetWidth",
-  selfieAnimationAssetHeight = "selfieAnimationAssetHeight",
+  backgroundColor = 'backgroundColor',
+  primaryColor = 'primaryColor',
+  darkPrimaryColor = 'darkPrimaryColor',
+  accentColor = 'accentColor',
+  overlayBackgroundColor = 'overlayBackgroundColor',
+  titleTextColor = 'titleTextColor',
+  titleTextFont = 'titleTextFont',
+  bodyTextColor = 'bodyTextColor',
+  bodyTextFont = 'bodyTextFont',
+  footnoteTextColor = 'footnoteTextColor',
+  footnoteTextFont = 'footnoteTextFont',
+  formLabelTextColor = 'formLabelTextColor',
+  formLabelTextFont = 'formLabelTextFont',
+  textFieldTextColor = 'textFieldTextColor',
+  textFieldBackgroundColor = 'textFieldBackgroundColor',
+  textFieldBorderColor = 'textFieldBorderColor',
+  pickerTextColor = 'pickerTextColor',
+  pickerTextFont = 'pickerTextFont',
+  buttonBackgroundColor = 'buttonBackgroundColor',
+  buttonDisabledBackgroundColor = 'buttonDisabledBackgroundColor',
+  buttonTouchedBackgroundColor = 'buttonTouchedBackgroundColor',
+  buttonImageTintColor = 'buttonImageTintColor',
+  buttonTextColor = 'buttonTextColor',
+  buttonDisabledTextColor = 'buttonDisabledTextColor',
+  buttonTextAlignment = 'buttonTextAlignment',
+  buttonCornerRadius = 'buttonCornerRadius',
+  buttonFont = 'buttonFont',
+  selectedCellBackgroundColor = 'selectedCellBackgroundColor',
+  closeButtonTintColor = 'closeButtonTintColor',
+  cancelButtonBackgroundColor = 'cancelButtonBackgroundColor',
+  progressColor = 'progressColor',
+  cameraGuideCornersColor = 'cameraGuideCornersColor',
+  cameraButtonBackgroundColor = 'cameraButtonBackgroundColor',
+  successAssetName = 'successAssetName',
+  successAssetWidth = 'successAssetWidth',
+  successAssetHeight = 'successAssetHeight',
+  verificationFailAssetName = 'verificationFailAssetName',
+  verificationFailAssetWidth = 'verificationFailAssetWidth',
+  verificationFailAssetHeight = 'verificationFailAssetHeight',
+  failAssetName = 'failAssetName',
+  failAssetWidth = 'failAssetWidth',
+  failAssetHeight = 'failAssetHeight',
+  loadingAnimationAssetName = 'loadingAnimationAssetName',
+  loadingAnimationAssetWidth = 'loadingAnimationAssetWidth',
+  loadingAnimationAssetHeight = 'loadingAnimationAssetHeight',
+  processingAnimationAssetName = 'processingAnimationAssetName',
+  processingAnimationAssetWidth = 'processingAnimationAssetWidth',
+  processingAnimationAssetHeight = 'processingAnimationAssetHeight',
+  selfieAnimationAssetName = 'selfieAnimationAssetName',
+  selfieAnimationAssetWidth = 'selfieAnimationAssetWidth',
+  selfieAnimationAssetHeight = 'selfieAnimationAssetHeight',
 }
 
 export type AndroidThemeObject = {
@@ -111,17 +111,17 @@ export type IosThemeObject = {
 export type ThemeObject = AndroidThemeObject | IosThemeObject;
 
 class Theme {
-  async print(platform: string = "android") {
+  async print(platform: string = 'android') {
     const config = await Config.get();
     const themeConfig =
-      platform === "android" ? config["androidTheme"] : config["iosTheme"];
+      platform === 'android' ? config.androidTheme : config.iosTheme;
     let usesCustomFontAndroid = false;
     let usesCustomFontIos = false;
 
     const head =
-      platform === "android"
-        ? ["Style Item", "Value", "Note"]
-        : ["Style Item", "Value", "Note"];
+      platform === 'android'
+        ? ['Style Item', 'Value', 'Note']
+        : ['Style Item', 'Value', 'Note'];
 
     const table = new Table({
       head,
@@ -129,13 +129,13 @@ class Theme {
       chars: { 'mid': '', 'left-mid': '', 'mid-mid': '', 'right-mid': '' },
     });
 
-    console.log("Specified theme values:");
+    console.log('Specified theme values:');
     const keyEnum =
-      platform === "android" ? ANDROID_THEME_CONFIG_KEY : IOS_THEME_CONFIG_KEY;
+      platform === 'android' ? ANDROID_THEME_CONFIG_KEY : IOS_THEME_CONFIG_KEY;
     for (const key in keyEnum) {
       let override =
         themeConfig[key as ANDROID_THEME_CONFIG_KEY | IOS_THEME_CONFIG_KEY];
-      let colorOverride = key.includes("Color") || key.includes("color");
+      let colorOverride = key.includes('Color') || key.includes('color');
 
       if (override) {
         if (colorOverride) {
@@ -145,8 +145,8 @@ class Theme {
         }
       }
 
-      if (key.includes("Font")) {
-        if (platform == "android") {
+      if (key.includes('Font')) {
+        if (platform == 'android') {
           usesCustomFontAndroid = true;
         } else {
           usesCustomFontIos = true;
@@ -159,10 +159,10 @@ class Theme {
         key,
         override
           ? valueColor(colorOverride, override)
-          : chalk.yellow("unspecified"),
-        key.includes("Font")
-          ? chalk.cyan("Fonts that are not built-in need to be installed.")
-          : "",
+          : chalk.yellow('unspecified'),
+        key.includes('Font')
+          ? chalk.cyan('Fonts that are not built-in need to be installed.')
+          : '',
       ];
 
       table.push(row);
@@ -172,20 +172,20 @@ class Theme {
 
     if (usesCustomFontAndroid) {
       console.log(
-        chalk.yellow("  NOTE") +
-          ": A font customization was made. If the font is not built-in to the Android platform (https://github.com/react-native-training/react-native-fonts#android), then the font(s) must first be installed. A guide to install a font can be found here: https://developer.android.com/guide/topics/ui/look-and-feel/fonts-in-xml"
+        chalk.yellow('  NOTE') +
+          ': A font customization was made. If the font is not built-in to the Android platform (https://github.com/react-native-training/react-native-fonts#android), then the font(s) must first be installed. A guide to install a font can be found here: https://developer.android.com/guide/topics/ui/look-and-feel/fonts-in-xml'
       );
     }
 
     if (usesCustomFontIos) {
       console.log(
-        chalk.yellow("  NOTE") +
-          ": A font customization was made. If the font is not built-in iOS (https://github.com/react-native-training/react-native-ios), then the font(s) must first be installed. A guide to install a font can be found here: https://developer.apple.com/documentation/uikit/text_display_and_fonts/adding_a_custom_font_to_your_app"
+        chalk.yellow('  NOTE') +
+          ': A font customization was made. If the font is not built-in iOS (https://github.com/react-native-training/react-native-ios), then the font(s) must first be installed. A guide to install a font can be found here: https://developer.apple.com/documentation/uikit/text_display_and_fonts/adding_a_custom_font_to_your_app'
       );
     }
 
     // Add newline for spacing
-    console.log("");
+    console.log('');
   }
 }
 
@@ -198,7 +198,7 @@ function valueColor(isColorOverride: boolean, override: string) {
 
 function normalizeColor(colorHex: string, themeKey: string) {
   let hex = colorHex;
-  if (colorHex[0] === "#") {
+  if (colorHex[0] === '#') {
     hex = colorHex.slice(1);
   }
 
@@ -208,19 +208,19 @@ function normalizeColor(colorHex: string, themeKey: string) {
         `Received a color value of ${chalk.yellow(colorHex)} for ${chalk.red(
           themeKey
         )}.\nFormat must follow standard 6 character hexadecimal color code. Eg. ${chalk
-          .bgHex("#FFFFFF")
-          .hex("#7E66B7")("#290087")}`
+          .bgHex('#FFFFFF')
+          .hex('#7E66B7')('#290087')}`
       );
     } else {
       console.error(
         `Received a color value of ${chalk.yellow(
           colorHex
         )}.\nFormat must follow standard 6 character hexadecimal color code. Eg. ${chalk
-          .bgHex("#FFFFFF")
-          .hex("#7E66B7")("#290087")}`
+          .bgHex('#FFFFFF')
+          .hex('#7E66B7')('#290087')}`
       );
     }
-    console.log("");
+    console.log('');
     process.exit(1);
   }
 

package/persona-tools/index.ts

@@ -1,13 +1,13 @@
-import Config from "./config";
-import { TOOL_CHOICE, whatWouldYouLikePrompt } from "./lib/prompts";
-import AndroidThemeGenerator from "./tools/AndroidThemeGenerator";
-import IosThemeInstructions from "./tools/IosThemeInstructions";
+import Config from './Config';
+import { TOOL_CHOICE, whatWouldYouLikePrompt } from './lib/prompts';
+import AndroidThemeGenerator from './tools/AndroidThemeGenerator';
+import IosThemeInstructions from './tools/IosThemeInstructions';
 
-console.log("");
-console.log("============================================");
-console.log("Persona React Native SDK customization tool.");
-console.log("============================================");
-console.log("");
+console.log('');
+console.log('============================================');
+console.log('Persona React Native SDK customization tool.');
+console.log('============================================');
+console.log('');
 
 const run = async () => {
   // Run this once to print warning messages if it's not configured.

package/persona-tools/lib/AndroidResourcePrinter.ts

@@ -1,6 +1,6 @@
 import { create as createXml } from "xmlbuilder2";
-import { AndroidThemeObject } from "../Theme";
-import { XMLBuilder } from "xmlbuilder2/lib/interfaces";
+import type { AndroidThemeObject } from "../Theme";
+import type { XMLBuilder } from "xmlbuilder2/lib/interfaces";
 
 class AndroidResourcePrinter {
   theme: AndroidThemeObject;
@@ -73,8 +73,8 @@ class AndroidResourcePrinter {
       })
       .up();
     this.root = this.root.ele("style", {
-      name: "Persona.Inquiry.Theme",
-      parent: "Base.Persona.Inquiry.Theme.Light",
+      name: "Persona.Inquiry2.Theme",
+      parent: "Base.Persona.Inquiry2.Theme",
     });
     this.printQueue.forEach((fn) => fn());
     this.root = this.root.up();

package/persona-tools/tools/AndroidThemeGenerator.ts

@@ -1,18 +1,18 @@
-import fs from "fs";
-import chalk from "chalk";
-import path from "path";
+import fs from 'fs';
+import chalk from 'chalk';
+import path from 'path';
 
-import Theme, { AndroidThemeObject } from "../Theme";
-import { confirmThemeValues, confirmResourceFiles } from "../lib/prompts";
-import AndroidResourcePrinter from "../lib/AndroidResourcePrinter";
-import Configuration from "../config";
+import Theme, { AndroidThemeObject } from '../Theme';
+import { confirmThemeValues, confirmResourceFiles } from '../lib/prompts';
+import AndroidResourcePrinter from '../lib/AndroidResourcePrinter';
+import Configuration from '../Config';
 
 const ANDROID_STYLES_RESOURCE_PATH =
-  "./android/app/src/main/res/values/styles_persona.xml";
+  './android/app/src/main/res/values/styles_persona.xml';
 const ANDROID_BUTTON_DRAWABLE_RESOURCE_PATH =
-  "./android/app/src/main/res/drawable/rn_persona_button.xml";
+  './android/app/src/main/res/drawable/rn_persona_button.xml';
 const ANDROID_BUTTON_COLOR_RESOURCE_PATH =
-  "./android/app/src/main/res/color/rn_persona_button.xml";
+  './android/app/src/main/res/color/rn_persona_button.xml';
 
 class ThemeGenerator {
   async run() {
@@ -22,25 +22,25 @@ class ThemeGenerator {
 
     if (!themeValuesConfirmed) {
       console.log(
-        chalk.yellow("\nPlease adjust the values in package.json.\n")
+        chalk.yellow('\nPlease adjust the values in package.json.\n')
       );
       return;
     }
 
     console.log(
       `\n${chalk.yellow(
-        "Creating an Android Resource files for your project at:"
+        'Creating an Android Resource files for your project at:'
       )}\n
       - ${ANDROID_STYLES_RESOURCE_PATH}
       - ${ANDROID_BUTTON_DRAWABLE_RESOURCE_PATH}
       - ${ANDROID_BUTTON_COLOR_RESOURCE_PATH}\n`
     );
     console.log(
-      "Building your application with this resource file themes your Persona Inquiry flow.\n"
+      'Building your application with this resource file themes your Persona Inquiry flow.\n'
     );
 
     const config = await Configuration.get();
-    const theme = config["androidTheme"] as AndroidThemeObject;
+    const theme = config.androidTheme as AndroidThemeObject;
 
     const { style, buttonDrawable, buttonColor } = new AndroidResourcePrinter(
       theme
@@ -53,7 +53,7 @@ class ThemeGenerator {
     }
 
     // Add a line after confirmation
-    console.log("");
+    console.log('');
 
     fs.mkdirSync(path.dirname(ANDROID_STYLES_RESOURCE_PATH), {
       recursive: true,
@@ -65,7 +65,7 @@ class ThemeGenerator {
 
     console.log(
       `${chalk.green(
-        "Saved an Android style file at path:"
+        'Saved an Android style file at path:'
       )} ${ANDROID_STYLES_RESOURCE_PATH}.`
     );
 
@@ -78,7 +78,7 @@ class ThemeGenerator {
     );
     console.log(
       `${chalk.green(
-        "Saved an Android drawable file at path:"
+        'Saved an Android drawable file at path:'
       )} ${ANDROID_BUTTON_DRAWABLE_RESOURCE_PATH}.`
     );
 
@@ -91,7 +91,7 @@ class ThemeGenerator {
     );
     console.log(
       `${chalk.green(
-        "Saved an Android color file at path:"
+        'Saved an Android color file at path:'
       )} ${ANDROID_BUTTON_COLOR_RESOURCE_PATH}.`
     );
   }

package/persona-tools/tools/IosThemeInstructions.ts

@@ -1,25 +1,25 @@
-import Theme from "../Theme";
-import { confirmThemeValues } from "../lib/prompts";
-import chalk from "chalk";
+import Theme from '../Theme';
+import { confirmThemeValues } from '../lib/prompts';
+import chalk from 'chalk';
 
 class IosThemeInstructions {
   async run() {
-    await Theme.print("ios");
+    await Theme.print('ios');
 
     const { isConfirmed: themeValuesConfirmed } = await confirmThemeValues();
 
     if (!themeValuesConfirmed) {
       console.log(
-        chalk.yellow("\nPlease adjust the values in package.json.\n")
+        chalk.yellow('\nPlease adjust the values in package.json.\n')
       );
       return;
     }
 
     console.log(
-      `\n${chalk.yellow("To theme the Persona Inquiry flow for iOS:")}`
+      `\n${chalk.yellow('To theme the Persona Inquiry flow for iOS:')}`
     );
     console.log(
-      "Add the theme values to the Persona Inquiry SDK client by using the `.iosTheme` builder function"
+      'Add the theme values to the Persona Inquiry SDK client by using the `.iosTheme` builder function'
     );
 
     console.log(`
@@ -30,7 +30,7 @@ class IosThemeInstructions {
         .onCanceled(handleCanceled)
         .onFailed(handleFailed)
         .onError(handleError)
-    ${chalk.green("+   .iosTheme(persona.iosTheme)")}
+    ${chalk.green('+   .iosTheme(persona.iosTheme)')}
         .build()
         .start();
       ...

package/src/fields.ts

@@ -9,7 +9,7 @@ export type RawInquiryField = {
 
 export namespace InquiryField {
   export class Integer implements InquiryField {
-    readonly type: string = "integer";
+    readonly type: string = 'integer';
     readonly value?: number;
 
     constructor(value?: number) {
@@ -18,7 +18,7 @@ export namespace InquiryField {
   }
 
   export class String implements InquiryField {
-    readonly type: string = "string";
+    readonly type: string = 'string';
     readonly value?: string;
 
     constructor(value?: string) {
@@ -27,7 +27,7 @@ export namespace InquiryField {
   }
 
   export class Boolean implements InquiryField {
-    readonly type: string = "boolean";
+    readonly type: string = 'boolean';
     readonly value?: boolean;
 
     constructor(value?: boolean) {
@@ -48,13 +48,13 @@ export namespace InquiryField {
       return null;
     }
     switch (type) {
-      case "integer":
+      case 'integer':
         return new InquiryField.Integer(Number.parseInt(value));
-      case "string":
+      case 'string':
         return new InquiryField.String(value);
-      case "boolean":
+      case 'boolean':
         return new InquiryField.Boolean(JSON.parse(value));
-      case "unknown":
+      case 'unknown':
         return new InquiryField.Unknown(value);
       default:
         return new InquiryField.Unknown(type);