react-native-persona 1.2.6 → 1.2.10

package/CHANGELOG.md

@@ -7,6 +7,33 @@ to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## Unreleased
 
+## [v1.2.10] - 2022-01-14
+
+### Changed
+- Upgrade to iOS Inquiry SDK 1.1.24
+
+## [v1.2.9] - 2022-01-03
+
+### Changed
+- Upgrade to iOS Inquiry SDK 1.1.23
+
+## [v1.2.8] - 2021-12-07
+
+### Changed
+
+- Added iOS passthroughs for camera text color/size/font and footnote text size
+- Added Android passthroughs for camera text color/size/font and footnote text size
+- Added iOS/Android passthroughs for button text size
+- Upgrade to iOS Inquiry SDK 1.1.22
+- Upgrade to Android Inquiry SDK 1.1.17
+
+## [v1.2.7] - 2021-10-20
+
+### Changed
+
+- Applied button text color and border radius theming to `buttonStyleSecondary`
+- Upgrade to iOS Inquiry SDK 1.1.20
+
 ## [v1.2.6] - 2021-09-20
 
 ### Changed

package/RNPersonaInquiry.podspec

@@ -22,7 +22,7 @@ Pod::Spec.new do |s|
   s.requires_arc  = true
 
   s.dependency 'React-Core'
-  s.dependency 'PersonaInquirySDK', '~> 1.1.18'
+  s.dependency 'PersonaInquirySDK', '~> 1.1.24'
 
   s.static_framework = true
 end

package/android/build.gradle

@@ -79,7 +79,7 @@ dependencies {
     implementation 'com.facebook.react:react-native:+'  // From node_modules
 
     // NOTE: After updating, please update the `sdkVersions.android` in example/package.json
-    implementation 'com.withpersona.sdk:inquiry:1.1.13'
+    implementation 'com.withpersona.sdk:inquiry:1.1.17'
 }
 
 def configureReactNativePom(def pom) {

package/ios/PersonaInquiry.swift

@@ -197,9 +197,11 @@ extension PersonaInquiry {
             theme.footnoteTextColor = color
         }
         
-        if let fontName = dictionary["footnoteTextFont"],
-           let font = UIFont(name: fontName, size: 14) {
-            theme.footnoteTextFont = font 
+        if let fontName = dictionary["footnoteTextFont"] {
+            let fontSize = int(from: dictionary["footnoteTextSize"]) ?? 14
+           if let font = UIFont(name: fontName, size: CGFloat(fontSize)) {
+            theme.footnoteTextFont = font
+           }
         }
 
         if let color = color(from: dictionary["formLabelTextColor"]) {
@@ -286,9 +288,11 @@ extension PersonaInquiry {
             theme.buttonCornerRadius = radius
         }
 
-        if let fontName = dictionary["buttonFont"],
-           let font = UIFont(name: fontName, size: 18) {
+        if let fontName = dictionary["buttonFont"] {
+          let fontSize = int(from: dictionary["buttonTextSize"]) ?? 18
+          if let font = UIFont(name: fontName, size: CGFloat(fontSize)) {
             theme.buttonFont = font 
+          }
         }
 
         if let color = color(from: dictionary["selectedCellBackgroundColor"]) {
@@ -315,9 +319,33 @@ extension PersonaInquiry {
             theme.cameraInstructionsTextColor = color
         }
 
-        if let fontName = dictionary["cameraInstructionsTextFont"],
-           let font = UIFont(name: fontName, size: 20) {
-            theme.cameraInstructionsTextFont = font 
+        if let fontName = dictionary["cameraInstructionsTextFont"] {
+           let fontSize = int(from: dictionary["cameraInstructionsTextSize"]) ?? 20
+           if let font = UIFont(name: fontName, size: CGFloat(fontSize)) {
+            theme.cameraInstructionsTextFont = font
+           }
+        }
+        
+        if let color = color(from: dictionary["cameraHintTextColor"]) {
+            theme.cameraHintTextColor = color
+        }
+        
+        if let fontName = dictionary["cameraHintTextFont"] {
+           let fontSize = int(from: dictionary["cameraHintTextSize"]) ?? 16
+           if let font = UIFont(name: fontName, size: CGFloat(fontSize)) {
+            theme.cameraHintTextFont = font
+           }
+        }
+        
+        if let color = color(from: dictionary["cameraGuideHintTextColor"]) {
+            theme.cameraGuideHintTextColor = color
+        }
+        
+        if let fontName = dictionary["cameraGuideHintTextFont"] {
+           let fontSize = int(from: dictionary["cameraGuideHintTextSize"]) ?? 18
+           if let font = UIFont(name: fontName, size: CGFloat(fontSize)) {
+            theme.cameraGuideHintTextFont = font
+           }
         }
         
         if let successAssetName = dictionary["successAssetName"],

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-native-persona",
   "title": "React Native Persona",
-  "version": "1.2.6",
+  "version": "1.2.10",
   "description": "Launch a mobile native implementation of the Persona inquiry flow from React Native.",
   "main": "src/index.js",
   "bin": {
@@ -63,4 +63,4 @@
     "pkg-up": "^3.1.0",
     "xmlbuilder2": "^2.1.2"
   }
-}
+}

package/persona-tools/Theme.js

@@ -22,6 +22,16 @@ var ANDROID_THEME_CONFIG_KEY;
     ANDROID_THEME_CONFIG_KEY["bodyTextSize"] = "bodyTextSize";
     ANDROID_THEME_CONFIG_KEY["footnoteTextColor"] = "footnoteTextColor";
     ANDROID_THEME_CONFIG_KEY["footnoteTextFont"] = "footnoteTextFont";
+    ANDROID_THEME_CONFIG_KEY["footnoteTextSize"] = "footnoteTextSize";
+    ANDROID_THEME_CONFIG_KEY["cameraInstructionsTextColor"] = "cameraInstructionsTextColor";
+    ANDROID_THEME_CONFIG_KEY["cameraInstructionsTextFont"] = "cameraInstructionsTextFont";
+    ANDROID_THEME_CONFIG_KEY["cameraInstructionsTextSize"] = "cameraInstructionsTextSize";
+    ANDROID_THEME_CONFIG_KEY["cameraHintTextColor"] = "cameraHintTextColor";
+    ANDROID_THEME_CONFIG_KEY["cameraHintTextFont"] = "cameraHintTextFont";
+    ANDROID_THEME_CONFIG_KEY["cameraHintTextSize"] = "cameraHintTextSize";
+    ANDROID_THEME_CONFIG_KEY["cameraGuideHintTextColor"] = "cameraGuideHintTextColor";
+    ANDROID_THEME_CONFIG_KEY["cameraGuideHintTextFont"] = "cameraGuideHintTextFont";
+    ANDROID_THEME_CONFIG_KEY["cameraGuideHintTextSize"] = "cameraGuideHintTextSize";
     // formLabelTextColor = "formLabelTextColor",
     // formLabelTextFont = "formLabelTextFont",
     ANDROID_THEME_CONFIG_KEY["textFieldTextColor"] = "textFieldTextColor";
@@ -36,6 +46,7 @@ var ANDROID_THEME_CONFIG_KEY;
     // buttonTextAlignment = "buttonTextAlignment",
     ANDROID_THEME_CONFIG_KEY["buttonCornerRadius"] = "buttonCornerRadius";
     ANDROID_THEME_CONFIG_KEY["buttonFont"] = "buttonFont";
+    ANDROID_THEME_CONFIG_KEY["buttonTextSize"] = "buttonTextSize";
     ANDROID_THEME_CONFIG_KEY["progressColor"] = "progressColor";
     ANDROID_THEME_CONFIG_KEY["successAsset"] = "successAsset";
     ANDROID_THEME_CONFIG_KEY["failAsset"] = "failAsset";
@@ -50,6 +61,7 @@ var IOS_THEME_CONFIG_KEY;
     IOS_THEME_CONFIG_KEY["primaryColor"] = "primaryColor";
     IOS_THEME_CONFIG_KEY["darkPrimaryColor"] = "darkPrimaryColor";
     IOS_THEME_CONFIG_KEY["accentColor"] = "accentColor";
+    IOS_THEME_CONFIG_KEY["progressColor"] = "progressColor";
     IOS_THEME_CONFIG_KEY["overlayBackgroundColor"] = "overlayBackgroundColor";
     IOS_THEME_CONFIG_KEY["titleTextColor"] = "titleTextColor";
     IOS_THEME_CONFIG_KEY["titleTextFont"] = "titleTextFont";
@@ -61,6 +73,7 @@ var IOS_THEME_CONFIG_KEY;
     IOS_THEME_CONFIG_KEY["bodyTextAlignment"] = "bodyTextAlignment";
     IOS_THEME_CONFIG_KEY["footnoteTextColor"] = "footnoteTextColor";
     IOS_THEME_CONFIG_KEY["footnoteTextFont"] = "footnoteTextFont";
+    IOS_THEME_CONFIG_KEY["footnoteTextSize"] = "footnoteTextSize";
     IOS_THEME_CONFIG_KEY["formLabelTextColor"] = "formLabelTextColor";
     IOS_THEME_CONFIG_KEY["formLabelTextFont"] = "formLabelTextFont";
     IOS_THEME_CONFIG_KEY["textFieldTextColor"] = "textFieldTextColor";
@@ -68,24 +81,31 @@ var IOS_THEME_CONFIG_KEY;
     IOS_THEME_CONFIG_KEY["textFieldBorderColor"] = "textFieldBorderColor";
     IOS_THEME_CONFIG_KEY["pickerTextColor"] = "pickerTextColor";
     IOS_THEME_CONFIG_KEY["pickerTextFont"] = "pickerTextFont";
+    IOS_THEME_CONFIG_KEY["cameraInstructionsTextColor"] = "cameraInstructionsTextColor";
+    IOS_THEME_CONFIG_KEY["cameraInstructionsTextFont"] = "cameraInstructionsTextFont";
+    IOS_THEME_CONFIG_KEY["cameraInstructionsTextSize"] = "cameraInstructionsTextFont";
+    IOS_THEME_CONFIG_KEY["cameraHintTextColor"] = "cameraHintTextColor";
+    IOS_THEME_CONFIG_KEY["cameraHintTextFont"] = "cameraHintTextFont";
+    IOS_THEME_CONFIG_KEY["cameraHintTextSize"] = "cameraHintTextSize";
+    IOS_THEME_CONFIG_KEY["cameraGuideHintTextColor"] = "cameraGuideHintTextColor";
+    IOS_THEME_CONFIG_KEY["cameraGuideHintTextFont"] = "cameraGuideHintTextFont";
+    IOS_THEME_CONFIG_KEY["cameraGuideHintTextSize"] = "cameraGuideHintTextSize";
     IOS_THEME_CONFIG_KEY["buttonBackgroundColor"] = "buttonBackgroundColor";
     IOS_THEME_CONFIG_KEY["buttonDisabledBackgroundColor"] = "buttonDisabledBackgroundColor";
     IOS_THEME_CONFIG_KEY["buttonTouchedBackgroundColor"] = "buttonTouchedBackgroundColor";
     IOS_THEME_CONFIG_KEY["buttonImageTintColor"] = "buttonImageTintColor";
     IOS_THEME_CONFIG_KEY["buttonImageHidden"] = "buttonImageHidden";
-    IOS_THEME_CONFIG_KEY["buttonTextColor"] = "buttonTextColor";
-    IOS_THEME_CONFIG_KEY["buttonDisabledTextColor"] = "buttonDisabledTextColor";
-    IOS_THEME_CONFIG_KEY["buttonTextAlignment"] = "buttonTextAlignment";
     IOS_THEME_CONFIG_KEY["buttonCornerRadius"] = "buttonCornerRadius";
+    IOS_THEME_CONFIG_KEY["buttonTextAlignment"] = "buttonTextAlignment";
+    IOS_THEME_CONFIG_KEY["buttonDisabledTextColor"] = "buttonDisabledTextColor";
+    IOS_THEME_CONFIG_KEY["buttonTextColor"] = "buttonTextColor";
     IOS_THEME_CONFIG_KEY["buttonFont"] = "buttonFont";
+    IOS_THEME_CONFIG_KEY["buttonTextSize"] = "buttonTextSize";
     IOS_THEME_CONFIG_KEY["selectedCellBackgroundColor"] = "selectedCellBackgroundColor";
     IOS_THEME_CONFIG_KEY["closeButtonTintColor"] = "closeButtonTintColor";
     IOS_THEME_CONFIG_KEY["cancelButtonBackgroundColor"] = "cancelButtonBackgroundColor";
-    IOS_THEME_CONFIG_KEY["progressColor"] = "progressColor";
-    IOS_THEME_CONFIG_KEY["cameraGuideCornersColor"] = "cameraGuideCornersColor";
     IOS_THEME_CONFIG_KEY["cameraButtonBackgroundColor"] = "cameraButtonBackgroundColor";
-    IOS_THEME_CONFIG_KEY["cameraInstructionsTextColor"] = "cameraInstructionsTextColor";
-    IOS_THEME_CONFIG_KEY["cameraInstructionsTextFont"] = "cameraInstructionsTextFont";
+    IOS_THEME_CONFIG_KEY["cameraGuideCornersColor"] = "cameraGuideCornersColor";
     IOS_THEME_CONFIG_KEY["successAssetName"] = "successAssetName";
     IOS_THEME_CONFIG_KEY["successAssetWidth"] = "successAssetWidth";
     IOS_THEME_CONFIG_KEY["successAssetHeight"] = "successAssetHeight";

package/persona-tools/Theme.ts

@@ -21,6 +21,19 @@ export enum ANDROID_THEME_CONFIG_KEY {
 
   footnoteTextColor = "footnoteTextColor",
   footnoteTextFont = "footnoteTextFont",
+  footnoteTextSize = 'footnoteTextSize',
+
+  cameraInstructionsTextColor = "cameraInstructionsTextColor",
+  cameraInstructionsTextFont = "cameraInstructionsTextFont",
+  cameraInstructionsTextSize = "cameraInstructionsTextSize",
+
+  cameraHintTextColor = "cameraHintTextColor",
+  cameraHintTextFont = "cameraHintTextFont",
+  cameraHintTextSize = "cameraHintTextSize",
+
+  cameraGuideHintTextColor = "cameraGuideHintTextColor",
+  cameraGuideHintTextFont = "cameraGuideHintTextFont",
+  cameraGuideHintTextSize = "cameraGuideHintTextSize",
 
   // formLabelTextColor = "formLabelTextColor",
   // formLabelTextFont = "formLabelTextFont",
@@ -39,6 +52,7 @@ export enum ANDROID_THEME_CONFIG_KEY {
   // buttonTextAlignment = "buttonTextAlignment",
   buttonCornerRadius = "buttonCornerRadius",
   buttonFont = "buttonFont",
+  buttonTextSize = "buttonTextSize",
   progressColor = "progressColor",
   successAsset = "successAsset",
   failAsset = "failAsset",
@@ -53,6 +67,7 @@ export enum IOS_THEME_CONFIG_KEY {
   primaryColor = "primaryColor",
   darkPrimaryColor = "darkPrimaryColor",
   accentColor = "accentColor",
+  progressColor = "progressColor",
   overlayBackgroundColor = "overlayBackgroundColor",
   titleTextColor = "titleTextColor",
   titleTextFont = "titleTextFont",
@@ -64,6 +79,7 @@ export enum IOS_THEME_CONFIG_KEY {
   bodyTextAlignment = "bodyTextAlignment",
   footnoteTextColor = "footnoteTextColor",
   footnoteTextFont = "footnoteTextFont",
+  footnoteTextSize = "footnoteTextSize",
   formLabelTextColor = "formLabelTextColor",
   formLabelTextFont = "formLabelTextFont",
   textFieldTextColor = "textFieldTextColor",
@@ -71,24 +87,31 @@ export enum IOS_THEME_CONFIG_KEY {
   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",
-  buttonTextColor = "buttonTextColor",
-  buttonDisabledTextColor = "buttonDisabledTextColor",
-  buttonTextAlignment = "buttonTextAlignment",
   buttonCornerRadius = "buttonCornerRadius",
+  buttonTextAlignment = "buttonTextAlignment",
+  buttonDisabledTextColor = "buttonDisabledTextColor",
+  buttonTextColor = "buttonTextColor",
   buttonFont = "buttonFont",
+  buttonTextSize = "buttonTextSize",
   selectedCellBackgroundColor = "selectedCellBackgroundColor",
   closeButtonTintColor = "closeButtonTintColor",
   cancelButtonBackgroundColor = "cancelButtonBackgroundColor",
-  progressColor = "progressColor",
-  cameraGuideCornersColor = "cameraGuideCornersColor",
   cameraButtonBackgroundColor = "cameraButtonBackgroundColor",
-  cameraInstructionsTextColor = "cameraInstructionsTextColor",
-  cameraInstructionsTextFont = "cameraInstructionsTextFont",
+  cameraGuideCornersColor = "cameraGuideCornersColor",
   successAssetName = "successAssetName",
   successAssetWidth = "successAssetWidth",
   successAssetHeight = "successAssetHeight",

package/persona-tools/lib/AndroidResourcePrinter.js

@@ -11,6 +11,9 @@ class AndroidResourcePrinter {
         this.buttonDrawable = xmlbuilder2_1.create({ version: "1.0" }).ele("selector", {
             "xmlns:android": "http://schemas.android.com/apk/res/android",
         });
+        this.buttonSecondaryDrawable = xmlbuilder2_1.create({ version: "1.0" }).ele("selector", {
+          "xmlns:android": "http://schemas.android.com/apk/res/android",
+      });
         this.buttonColor = xmlbuilder2_1.create({ version: "1.0" }).ele("selector", {
             "xmlns:android": "http://schemas.android.com/apk/res/android",
         });
@@ -25,6 +28,7 @@ class AndroidResourcePrinter {
         return {
             style: this.root,
             buttonDrawable: this.buttonDrawable,
+            buttonSecondaryDrawable: this.buttonSecondaryDrawable,
             buttonColor: this.buttonColor,
         };
     }
@@ -36,6 +40,9 @@ class AndroidResourcePrinter {
         this.titleText();
         this.bodyText();
         this.footnoteText();
+        this.cameraInstructionsText();
+        this.cameraHintText();
+        this.cameraGuideHintText();
         // this.formLabelText();
         this.textField();
         this.pickerText();
@@ -229,10 +236,6 @@ class AndroidResourcePrinter {
                 var _a, _b;
                 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((_a = 
                 // Used default value found in the Android SDK
@@ -246,10 +249,173 @@ class AndroidResourcePrinter {
                     this.theme.footnoteTextFont) !== null && _b !== void 0 ? _b : "?android:attr/textColorTertiary")
                         .up();
                 }
+                this.root = this.root
+                    .ele("item", { name: "android:textSize" })
+                    .txt((_b = 
+                      // Default value found in the Android SDK
+                      this.theme.footnoteTextSize) !== null && _b !== void 0 ? `${_b}sp` : "@dimen/abc_text_size_small_material") 
+                    .up();
+
                 this.root = this.root.up();
             });
         }
     }
+    cameraInstructionsText() {
+      if (this.theme.cameraInstructionsTextColor ||
+        this.theme.cameraInstructionsTextSize ||
+        this.theme.cameraInstructionsTextFont) {
+        this.printQueue.push(() => {
+          this.root = this.root
+            .ele("item", { name: "personaCameraTitleTextAppearance" })
+            .txt("@style/RN.Persona.Text.CameraTitle")
+            .up();
+        });
+  
+        // Create a text appearance
+        this.postPrintQueue.push(() => {
+          this.root = this.root.ele("style", {
+            name: "RN.Persona.Text.CameraTitle",
+            parent: "Persona.Text.CameraTitle",
+          });
+  
+          if (this.theme.cameraInstructionsTextColor) {
+            this.root = this.root
+              .ele("item", { name: "android:textColor" })
+              .txt(this.theme.cameraInstructionsTextColor)
+              .up();
+          }
+  
+          if (this.theme.cameraInstructionsTextFont) {
+            // 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.cameraInstructionsTextFont)
+              .up();
+          }
+  
+          const textSize = this.theme.cameraInstructionsTextSize ?
+            `${this.theme.cameraInstructionsTextSize}sp` : "20sp";
+          this.root = this.root
+            .ele("item", { name: "android:textSize" })
+            .txt(textSize)
+            .up();
+  
+          this.root = this.root.up();
+        });
+      } else {
+        this.printQueue.push(() => {
+          this.root = this.root
+            .ele("item", { name: "personaCameraTitleTextAppearance" })
+            .txt("@style/Persona.Text.CameraTitle")
+            .up();
+        });
+      }
+    }
+    cameraHintText() {
+      if (this.theme.cameraHintTextColor ||
+        this.theme.cameraHintTextSize ||
+        this.theme.cameraHintTextFont) {
+        this.printQueue.push(() => {
+          this.root = this.root
+            .ele("item", { name: "personaCameraBodyTextAppearance" })
+            .txt("@style/RN.Persona.Text.CameraBody")
+            .up();
+        });
+  
+        // Create a text appearance
+        this.postPrintQueue.push(() => {
+          this.root = this.root.ele("style", {
+            name: "RN.Persona.Text.CameraBody",
+            parent: "Persona.Text.CameraBody",
+          });
+  
+          if (this.theme.cameraHintTextColor) {
+            this.root = this.root
+              .ele("item", { name: "android:textColor" })
+              .txt(this.theme.cameraHintTextColor)
+              .up();
+          }
+  
+          if (this.theme.cameraHintTextFont) {
+            // 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.cameraHintTextFont)
+              .up();
+          }
+  
+          const textSize = this.theme.cameraHintTextSize ?
+            `${this.theme.cameraHintTextSize}sp` : "16sp";
+          this.root = this.root
+            .ele("item", { name: "android:textSize" })
+            .txt(textSize)
+            .up();
+  
+          this.root = this.root.up();
+        });
+      } else {
+        this.printQueue.push(() => {
+          this.root = this.root
+            .ele("item", { name: "personaCameraBodyTextAppearance" })
+            .txt("@style/Persona.Text.CameraBody")
+            .up();
+        });
+      }
+    }
+    cameraGuideHintText() {
+      if (this.theme.cameraGuideHintTextColor ||
+        this.theme.cameraGuideHintTextSize ||
+        this.theme.cameraGuideHintTextFont) {
+        this.printQueue.push(() => {
+          this.root = this.root
+            .ele("item", { name: "personaCameraHintTextAppearance" })
+            .txt("@style/RN.Persona.Text.CameraHint")
+            .up();
+        });
+  
+        // Create a text appearance
+        this.postPrintQueue.push(() => {
+          this.root = this.root.ele("style", {
+            name: "RN.Persona.Text.CameraHint",
+            parent: "Persona.Text.CameraHint",
+          });
+  
+          if (this.theme.cameraGuideHintTextColor) {
+            this.root = this.root
+              .ele("item", { name: "android:textColor" })
+              .txt(this.theme.cameraGuideHintTextColor)
+              .up();
+          }
+  
+          if (this.theme.cameraGuideHintTextFont) {
+            // 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.cameraGuideHintTextFont)
+              .up();
+          }
+  
+          const textSize = this.theme.cameraGuideHintTextSize ?
+            `${this.theme.cameraGuideHintTextSize}sp` : "20sp";
+          this.root = this.root
+            .ele("item", { name: "android:textSize" })
+            .txt(textSize)
+            .up();
+  
+          this.root = this.root.up();
+        });
+      } else {
+        this.printQueue.push(() => {
+          this.root = this.root
+            .ele("item", { name: "personaCameraHintTextAppearance" })
+            .txt("@style/Persona.Text.CameraHint")
+            .up();
+        });
+      }
+    }
     textField() {
         if (this.theme.textFieldTextColor || this.theme.textFieldTextFont) {
             this.printQueue.push(() => {
@@ -364,12 +530,19 @@ class AndroidResourcePrinter {
             this.theme.buttonTextColor ||
             this.theme.buttonDisabledTextColor ||
             this.theme.buttonCornerRadius ||
-            this.theme.buttonFont) {
+            this.theme.buttonFont ||
+            this.theme.buttonTextSize) {
+            const textSize = this.theme.buttonTextSize ? `${this.theme.buttonTextSize}sp` : "18sp";
             this.printQueue.push(() => {
                 this.root = this.root
                     .ele("item", { name: "buttonStyle" })
                     .txt("@style/RN.Persona.Button")
                     .up();
+
+                this.root = this.root
+                    .ele("item", { name: "buttonStyleSecondary" })
+                    .txt("@style/RN.Persona.Button.Secondary")
+                    .up();
             });
             this.postPrintQueue.push(() => {
                 var _a, _b, _c, _d, _e;
@@ -397,7 +570,7 @@ class AndroidResourcePrinter {
                     .ele("item", {
                     name: "android:textSize",
                 })
-                    .txt("18sp")
+                    .txt(textSize)
                     .up()
                     .ele("item", {
                     name: "android:background",
@@ -410,6 +583,18 @@ class AndroidResourcePrinter {
                     .txt("@color/rn_persona_button")
                     .up()
                     .up();
+                // Build RN.Persona.Button.Secondary
+                this.root = this.root
+                    .ele("style", {
+                    name: "RN.Persona.Button.Secondary",
+                    parent: "RN.Persona.Button",
+                })
+                    .ele("item", {
+                    name: "android:background",
+                })
+                    .txt("@drawable/rn_persona_button_secondary")
+                    .up()
+                    .up();
                 // Disabled
                 this.buttonDrawable = this.buttonDrawable
                     .ele("item", {
@@ -484,8 +669,81 @@ class AndroidResourcePrinter {
                     .up()
                     .up()
                     .up();
+                // Disabled
+                this.buttonSecondaryDrawable = this.buttonSecondaryDrawable
+                    .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": "@android:color/darker_gray",
+                })
+                    .up()
+                    .up()
+                    .up();
+                // touched
+                this.buttonSecondaryDrawable = this.buttonSecondaryDrawable
+                    .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": "@color/grayButtonDark",
+                })
+                    .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.buttonSecondaryDrawable = this.buttonSecondaryDrawable
+                    .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": "@color/grayButton",
+                })
+                    .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.buttonSecondaryDrawable = this.buttonSecondaryDrawable.up();
                 this.buttonColor = this.buttonColor
                     .ele("item", {
                     "android:state_enabled": "false",