react-native-persona 1.2.8 → 1.3.0

package/persona-tools/Theme.ts

@@ -1,135 +1,135 @@
-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",
-  titleTextSize = "titleTextSize",
+  titleTextColor = 'titleTextColor',
+  titleTextFont = 'titleTextFont',
+  titleTextSize = 'titleTextSize',
 
-  bodyTextColor = "bodyTextColor",
-  bodyTextFont = "bodyTextFont",
-  bodyTextSize = "bodyTextSize",
+  bodyTextColor = 'bodyTextColor',
+  bodyTextFont = 'bodyTextFont',
+  bodyTextSize = 'bodyTextSize',
 
-  footnoteTextColor = "footnoteTextColor",
-  footnoteTextFont = "footnoteTextFont",
+  footnoteTextColor = 'footnoteTextColor',
+  footnoteTextFont = 'footnoteTextFont',
   footnoteTextSize = 'footnoteTextSize',
 
-  cameraInstructionsTextColor = "cameraInstructionsTextColor",
-  cameraInstructionsTextFont = "cameraInstructionsTextFont",
-  cameraInstructionsTextSize = "cameraInstructionsTextSize",
+  cameraInstructionsTextColor = 'cameraInstructionsTextColor',
+  cameraInstructionsTextFont = 'cameraInstructionsTextFont',
+  cameraInstructionsTextSize = 'cameraInstructionsTextSize',
 
-  cameraHintTextColor = "cameraHintTextColor",
-  cameraHintTextFont = "cameraHintTextFont",
-  cameraHintTextSize = "cameraHintTextSize",
+  cameraHintTextColor = 'cameraHintTextColor',
+  cameraHintTextFont = 'cameraHintTextFont',
+  cameraHintTextSize = 'cameraHintTextSize',
 
-  cameraGuideHintTextColor = "cameraGuideHintTextColor",
-  cameraGuideHintTextFont = "cameraGuideHintTextFont",
-  cameraGuideHintTextSize = "cameraGuideHintTextSize",
+  cameraGuideHintTextColor = 'cameraGuideHintTextColor',
+  cameraGuideHintTextFont = 'cameraGuideHintTextFont',
+  cameraGuideHintTextSize = 'cameraGuideHintTextSize',
 
   // 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",
-  buttonTextSize = "buttonTextSize",
-  progressColor = "progressColor",
-  successAsset = "successAsset",
-  failAsset = "failAsset",
-  loadingAnimationAsset = "loadingAnimationAsset",
-  loadingAnimationWidthPercent = "loadingAnimationWidthPercent",
-  selfieAnimationAsset = "selfieAnimationAsset",
-  selfieAnimationWidthPercent = "selfieAnimationWidthPercent"
+  buttonCornerRadius = 'buttonCornerRadius',
+  buttonFont = 'buttonFont',
+  buttonTextSize = 'buttonTextSize',
+  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",
-  progressColor = "progressColor",
-  overlayBackgroundColor = "overlayBackgroundColor",
-  titleTextColor = "titleTextColor",
-  titleTextFont = "titleTextFont",
-  titleTextSize = "titleTextSize",
-  titleTextAlignment = "titleTextAlignment",
-  bodyTextColor = "bodyTextColor",
-  bodyTextFont = "bodyTextFont",
-  bodyTextSize = "bodyTextSize",
-  bodyTextAlignment = "bodyTextAlignment",
-  footnoteTextColor = "footnoteTextColor",
-  footnoteTextFont = "footnoteTextFont",
-  footnoteTextSize = "footnoteTextSize",
-  formLabelTextColor = "formLabelTextColor",
-  formLabelTextFont = "formLabelTextFont",
-  textFieldTextColor = "textFieldTextColor",
-  textFieldBackgroundColor = "textFieldBackgroundColor",
-  textFieldBorderColor = "textFieldBorderColor",
-  pickerTextColor = "pickerTextColor",
-  pickerTextFont = "pickerTextFont",
-  cameraInstructionsTextColor = "cameraInstructionsTextColor",
-  cameraInstructionsTextFont = "cameraInstructionsTextFont",
-  cameraInstructionsTextSize = "cameraInstructionsTextFont",
-  cameraHintTextColor = "cameraHintTextColor",
-  cameraHintTextFont = "cameraHintTextFont",
-  cameraHintTextSize = "cameraHintTextSize",
-  cameraGuideHintTextColor = "cameraGuideHintTextColor",
-  cameraGuideHintTextFont = "cameraGuideHintTextFont",
-  cameraGuideHintTextSize = "cameraGuideHintTextSize",
-  buttonBackgroundColor = "buttonBackgroundColor",
-  buttonDisabledBackgroundColor = "buttonDisabledBackgroundColor",
-  buttonTouchedBackgroundColor = "buttonTouchedBackgroundColor",
-  buttonImageTintColor = "buttonImageTintColor",
-  buttonImageHidden = "buttonImageHidden",
-  buttonCornerRadius = "buttonCornerRadius",
-  buttonTextAlignment = "buttonTextAlignment",
-  buttonDisabledTextColor = "buttonDisabledTextColor",
-  buttonTextColor = "buttonTextColor",
-  buttonFont = "buttonFont",
-  buttonTextSize = "buttonTextSize",
-  selectedCellBackgroundColor = "selectedCellBackgroundColor",
-  closeButtonTintColor = "closeButtonTintColor",
-  cancelButtonBackgroundColor = "cancelButtonBackgroundColor",
-  cameraButtonBackgroundColor = "cameraButtonBackgroundColor",
-  cameraGuideCornersColor = "cameraGuideCornersColor",
-  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',
+  progressColor = 'progressColor',
+  overlayBackgroundColor = 'overlayBackgroundColor',
+  titleTextColor = 'titleTextColor',
+  titleTextFont = 'titleTextFont',
+  titleTextSize = 'titleTextSize',
+  titleTextAlignment = 'titleTextAlignment',
+  bodyTextColor = 'bodyTextColor',
+  bodyTextFont = 'bodyTextFont',
+  bodyTextSize = 'bodyTextSize',
+  bodyTextAlignment = 'bodyTextAlignment',
+  footnoteTextColor = 'footnoteTextColor',
+  footnoteTextFont = 'footnoteTextFont',
+  footnoteTextSize = 'footnoteTextSize',
+  formLabelTextColor = 'formLabelTextColor',
+  formLabelTextFont = 'formLabelTextFont',
+  textFieldTextColor = 'textFieldTextColor',
+  textFieldBackgroundColor = 'textFieldBackgroundColor',
+  textFieldBorderColor = 'textFieldBorderColor',
+  pickerTextColor = 'pickerTextColor',
+  pickerTextFont = 'pickerTextFont',
+  cameraInstructionsTextColor = 'cameraInstructionsTextColor',
+  cameraInstructionsTextFont = 'cameraInstructionsTextFont',
+  cameraInstructionsTextSize = 'cameraInstructionsTextFont',
+  cameraHintTextColor = 'cameraHintTextColor',
+  cameraHintTextFont = 'cameraHintTextFont',
+  cameraHintTextSize = 'cameraHintTextSize',
+  cameraGuideHintTextColor = 'cameraGuideHintTextColor',
+  cameraGuideHintTextFont = 'cameraGuideHintTextFont',
+  cameraGuideHintTextSize = 'cameraGuideHintTextSize',
+  buttonBackgroundColor = 'buttonBackgroundColor',
+  buttonDisabledBackgroundColor = 'buttonDisabledBackgroundColor',
+  buttonTouchedBackgroundColor = 'buttonTouchedBackgroundColor',
+  buttonImageTintColor = 'buttonImageTintColor',
+  buttonImageHidden = 'buttonImageHidden',
+  buttonCornerRadius = 'buttonCornerRadius',
+  buttonTextAlignment = 'buttonTextAlignment',
+  buttonDisabledTextColor = 'buttonDisabledTextColor',
+  buttonTextColor = 'buttonTextColor',
+  buttonFont = 'buttonFont',
+  buttonTextSize = 'buttonTextSize',
+  selectedCellBackgroundColor = 'selectedCellBackgroundColor',
+  closeButtonTintColor = 'closeButtonTintColor',
+  cancelButtonBackgroundColor = 'cancelButtonBackgroundColor',
+  cameraButtonBackgroundColor = 'cameraButtonBackgroundColor',
+  cameraGuideCornersColor = 'cameraGuideCornersColor',
+  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 = {
@@ -143,31 +143,31 @@ 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,
       // prettier-ignore
-      chars: { 'mid': '', 'left-mid': '', 'mid-mid': '', 'right-mid': '' }
+      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) {
@@ -177,8 +177,8 @@ class Theme {
         }
       }
 
-      if (key.includes("Font")) {
-        if (platform == "android") {
+      if (key.includes('Font')) {
+        if (platform == 'android') {
           usesCustomFontAndroid = true;
         } else {
           usesCustomFontIos = true;
@@ -191,10 +191,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);
@@ -204,31 +204,33 @@ 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('');
   }
 }
 
 // set default print color for non-color overrides
-function valueColor(isColorOverride, override) {
-  return isColorOverride ? chalk.hex(override)(override) : chalk.magentaBright(override);
+function valueColor(isColorOverride: boolean, override: string) {
+  return isColorOverride
+    ? chalk.hex(override)(override)
+    : chalk.magentaBright(override);
 }
 
 function normalizeColor(colorHex: string, themeKey: string) {
   let hex = colorHex;
-  if (colorHex[0] === "#") {
+  if (colorHex[0] === '#') {
     hex = colorHex.slice(1);
   }
 
@@ -238,19 +240,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.