react-native-persona 1.2.10 → 1.3.1

package/{persona-tools/lib → src/persona-tools}/AndroidResourcePrinter.ts

@@ -1,6 +1,6 @@
-import { create as createXml } from "xmlbuilder2";
-import { AndroidThemeObject } from "../Theme";
-import { XMLBuilder } from "xmlbuilder2/lib/interfaces";
+import { create as createXml } from 'xmlbuilder2';
+import type { AndroidThemeObject } from './Theme';
+import type { XMLBuilder } from 'xmlbuilder2/lib/interfaces';
 
 class AndroidResourcePrinter {
   theme: AndroidThemeObject;
@@ -14,15 +14,18 @@ class AndroidResourcePrinter {
 
   constructor(theme: AndroidThemeObject) {
     this.theme = theme;
-    this.root = createXml({ version: "1.0" }).ele("resources");
-    this.buttonDrawable = createXml({ version: "1.0" }).ele("selector", {
-      "xmlns:android": "http://schemas.android.com/apk/res/android",
+    this.root = createXml({ version: '1.0' }).ele('resources');
+    this.buttonDrawable = createXml({ version: '1.0' }).ele('selector', {
+      'xmlns:android': 'http://schemas.android.com/apk/res/android',
     });
-    this.buttonSecondaryDrawable = createXml({ version: "1.0" }).ele("selector", {
-      "xmlns:android": "http://schemas.android.com/apk/res/android",
-    });
-    this.buttonColor = createXml({ version: "1.0" }).ele("selector", {
-      "xmlns:android": "http://schemas.android.com/apk/res/android",
+    this.buttonSecondaryDrawable = createXml({ version: '1.0' }).ele(
+      'selector',
+      {
+        'xmlns:android': 'http://schemas.android.com/apk/res/android',
+      }
+    );
+    this.buttonColor = createXml({ version: '1.0' }).ele('selector', {
+      'xmlns:android': 'http://schemas.android.com/apk/res/android',
     });
   }
 
@@ -66,23 +69,23 @@ class AndroidResourcePrinter {
 
     // Precreate some style namespaces
     this.root = this.root
-      .ele("style", {
-        name: "RN",
+      .ele('style', {
+        name: 'RN',
       })
       .up();
     this.root = this.root
-      .ele("style", {
-        name: "RN.Persona",
+      .ele('style', {
+        name: 'RN.Persona',
       })
       .up();
     this.root = this.root
-      .ele("style", {
-        name: "RN.Persona.Text",
+      .ele('style', {
+        name: 'RN.Persona.Text',
       })
       .up();
-    this.root = this.root.ele("style", {
-      name: "Persona.Inquiry.Theme",
-      parent: "Base.Persona.Inquiry.Theme.Light",
+    this.root = this.root.ele('style', {
+      name: 'Persona.Inquiry.Theme',
+      parent: 'Base.Persona.Inquiry.Theme.Light',
     });
     this.printQueue.forEach((fn) => fn());
     this.root = this.root.up();
@@ -101,10 +104,10 @@ class AndroidResourcePrinter {
 
     this.printQueue.push(() => {
       this.root = this.root
-        .ele("item", { name: "colorPrimary" })
+        .ele('item', { name: 'colorPrimary' })
         .txt(this.theme.primaryColor as string)
         .up()
-        .txt(" ");
+        .txt(' ');
     });
   }
 
@@ -113,10 +116,10 @@ class AndroidResourcePrinter {
 
     this.printQueue.push(() => {
       this.root = this.root
-        .ele("item", { name: "colorAccent" })
+        .ele('item', { name: 'colorAccent' })
         .txt(this.theme.accentColor as string)
         .up()
-        .txt(" ");
+        .txt(' ');
     });
   }
 
@@ -125,10 +128,10 @@ class AndroidResourcePrinter {
 
     this.printQueue.push(() => {
       this.root = this.root
-        .ele("item", { name: "colorPrimaryDark" })
+        .ele('item', { name: 'colorPrimaryDark' })
         .txt(this.theme.darkPrimaryColor as string)
         .up()
-        .txt(" ");
+        .txt(' ');
     });
   }
 
@@ -137,40 +140,44 @@ class AndroidResourcePrinter {
 
     this.preprintQueue.push(() => {
       this.root = this.root
-        .ele("color", { name: "customPersonaBackgroundColor" })
+        .ele('color', { name: 'customPersonaBackgroundColor' })
         .txt(this.theme.backgroundColor as string)
         .up()
-        .txt(" ");
-    })
+        .txt(' ');
+    });
 
     this.printQueue.push(() => {
       this.root = this.root
-        .ele("item", { name: "android:colorBackground" })
-        .txt("@color/customPersonaBackgroundColor")
+        .ele('item', { name: 'android:colorBackground' })
+        .txt('@color/customPersonaBackgroundColor')
         .up()
-        .txt(" ");
+        .txt(' ');
     });
   }
 
   private titleText() {
-    if (this.theme.titleTextColor || this.theme.titleTextSize || this.theme.titleTextFont) {
+    if (
+      this.theme.titleTextColor ||
+      this.theme.titleTextSize ||
+      this.theme.titleTextFont
+    ) {
       this.printQueue.push(() => {
         this.root = this.root
-          .ele("item", { name: "personaTitleTextAppearance" })
-          .txt("@style/RN.Persona.Text.Title")
+          .ele('item', { name: 'personaTitleTextAppearance' })
+          .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.Text.Body",
+        this.root = this.root.ele('style', {
+          name: 'RN.Persona.Text.Title',
+          parent: 'Persona.Text.Body',
         });
 
         if (this.theme.titleTextColor) {
           this.root = this.root
-            .ele("item", { name: "android:textColor" })
+            .ele('item', { name: 'android:textColor' })
             .txt(this.theme.titleTextColor as string)
             .up();
         }
@@ -179,20 +186,22 @@ class AndroidResourcePrinter {
           // 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" })
+            .ele('item', { name: 'android:fontFamily' })
             .txt(this.theme.titleTextFont as string)
             .up();
         }
 
         // Default values taken from `Persona.Text.Title`
         // in shared/src/main/res/values/styles.xml
-        const textSize = this.theme.titleTextSize ? `${this.theme.titleTextSize}sp` : "26sp";
+        const textSize = this.theme.titleTextSize
+          ? `${this.theme.titleTextSize}sp`
+          : '26sp';
         this.root = this.root
-          .ele("item", { name: "android:textSize" })
+          .ele('item', { name: 'android:textSize' })
           .txt(textSize)
           .up()
-          .ele("item", { name: "android:textStyle" })
-          .txt("bold")
+          .ele('item', { name: 'android:textStyle' })
+          .txt('bold')
           .up();
 
         this.root = this.root.up();
@@ -200,32 +209,36 @@ class AndroidResourcePrinter {
     } else {
       this.printQueue.push(() => {
         this.root = this.root
-          .ele("item", { name: "personaTitleTextAppearance" })
-          .txt("@style/Persona.Text.Title")
+          .ele('item', { name: 'personaTitleTextAppearance' })
+          .txt('@style/Persona.Text.Title')
           .up();
       });
     }
   }
 
   private bodyText() {
-    if (this.theme.bodyTextColor || this.theme.bodyTextSize || this.theme.bodyTextFont) {
+    if (
+      this.theme.bodyTextColor ||
+      this.theme.bodyTextSize ||
+      this.theme.bodyTextFont
+    ) {
       this.printQueue.push(() => {
         this.root = this.root
-          .ele("item", { name: "personaBodyTextAppearance" })
-          .txt("@style/RN.Persona.Text.Body")
+          .ele('item', { name: 'personaBodyTextAppearance' })
+          .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.Text.Body",
+        this.root = this.root.ele('style', {
+          name: 'RN.Persona.Text.Body',
+          parent: 'Persona.Text.Body',
         });
 
         if (this.theme.bodyTextColor) {
           this.root = this.root
-            .ele("item", { name: "android:textColor" })
+            .ele('item', { name: 'android:textColor' })
             .txt(this.theme.bodyTextColor as string)
             .up();
         }
@@ -234,14 +247,16 @@ class AndroidResourcePrinter {
           // 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" })
+            .ele('item', { name: 'android:fontFamily' })
             .txt(this.theme.bodyTextFont as string)
             .up();
         }
 
-        const textSize = this.theme.bodyTextSize ? `${this.theme.bodyTextSize}sp` : "18sp";
+        const textSize = this.theme.bodyTextSize
+          ? `${this.theme.bodyTextSize}sp`
+          : '18sp';
         this.root = this.root
-          .ele("item", { name: "android:textSize" })
+          .ele('item', { name: 'android:textSize' })
           .txt(textSize)
           .up();
 
@@ -250,8 +265,8 @@ class AndroidResourcePrinter {
     } else {
       this.printQueue.push(() => {
         this.root = this.root
-          .ele("item", { name: "personaBodyTextAppearance" })
-          .txt("@style/Persona.Text.Body")
+          .ele('item', { name: 'personaBodyTextAppearance' })
+          .txt('@style/Persona.Text.Body')
           .up();
       });
     }
@@ -261,27 +276,29 @@ class AndroidResourcePrinter {
     if (this.theme.footnoteTextColor || this.theme.footnoteTextFont) {
       this.postPrintQueue.push(() => {
         this.root = this.root
-          .ele("style", { name: "TextAppearance.AppCompat.Small" })
-          .ele("item", { name: "android:textColor" })
+          .ele('style', { name: 'TextAppearance.AppCompat.Small' })
+          .ele('item', { name: 'android:textColor' })
           .txt(
             // Used default value found in the Android SDK
-            this.theme.footnoteTextColor ?? "?android:attr/textColorTertiary"
+            this.theme.footnoteTextColor ?? '?android:attr/textColorTertiary'
           )
           .up();
 
         if (this.theme.footnoteTextFont) {
           this.root = this.root
-            .ele("item", { name: "android:fontFamily" })
+            .ele('item', { name: 'android:fontFamily' })
             .txt(
               // Used default value found in the Android SDK
-              this.theme.footnoteTextFont ?? "?android:attr/textColorTertiary"
+              this.theme.footnoteTextFont ?? '?android:attr/textColorTertiary'
             )
             .up();
         }
         // Default value found in the Android SDK
-        const textSize = this.theme.footnoteTextSize ? `${this.theme.footnoteTextSize}sp` : "@dimen/abc_text_size_small_material";
+        const textSize = this.theme.footnoteTextSize
+          ? `${this.theme.footnoteTextSize}sp`
+          : '@dimen/abc_text_size_small_material';
         this.root = this.root
-          .ele("item", { name: "android:textSize" })
+          .ele('item', { name: 'android:textSize' })
           .txt(textSize)
           .up();
 
@@ -291,26 +308,28 @@ class AndroidResourcePrinter {
   }
 
   private cameraInstructionsText() {
-    if (this.theme.cameraInstructionsTextColor ||
+    if (
+      this.theme.cameraInstructionsTextColor ||
       this.theme.cameraInstructionsTextSize ||
-      this.theme.cameraInstructionsTextFont) {
+      this.theme.cameraInstructionsTextFont
+    ) {
       this.printQueue.push(() => {
         this.root = this.root
-          .ele("item", { name: "personaCameraTitleTextAppearance" })
-          .txt("@style/RN.Persona.Text.CameraTitle")
+          .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",
+        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" })
+            .ele('item', { name: 'android:textColor' })
             .txt(this.theme.cameraInstructionsTextColor as string)
             .up();
         }
@@ -319,15 +338,16 @@ class AndroidResourcePrinter {
           // 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" })
+            .ele('item', { name: 'android:fontFamily' })
             .txt(this.theme.cameraInstructionsTextFont as string)
             .up();
         }
 
-        const textSize = this.theme.cameraInstructionsTextSize ?
-          `${this.theme.cameraInstructionsTextSize}sp` : "20sp";
+        const textSize = this.theme.cameraInstructionsTextSize
+          ? `${this.theme.cameraInstructionsTextSize}sp`
+          : '20sp';
         this.root = this.root
-          .ele("item", { name: "android:textSize" })
+          .ele('item', { name: 'android:textSize' })
           .txt(textSize)
           .up();
 
@@ -336,34 +356,36 @@ class AndroidResourcePrinter {
     } else {
       this.printQueue.push(() => {
         this.root = this.root
-          .ele("item", { name: "personaCameraTitleTextAppearance" })
-          .txt("@style/Persona.Text.CameraTitle")
+          .ele('item', { name: 'personaCameraTitleTextAppearance' })
+          .txt('@style/Persona.Text.CameraTitle')
           .up();
       });
     }
   }
 
   private cameraHintText() {
-    if (this.theme.cameraHintTextColor ||
+    if (
+      this.theme.cameraHintTextColor ||
       this.theme.cameraHintTextSize ||
-      this.theme.cameraHintTextFont) {
+      this.theme.cameraHintTextFont
+    ) {
       this.printQueue.push(() => {
         this.root = this.root
-          .ele("item", { name: "personaCameraBodyTextAppearance" })
-          .txt("@style/RN.Persona.Text.CameraBody")
+          .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",
+        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" })
+            .ele('item', { name: 'android:textColor' })
             .txt(this.theme.cameraHintTextColor as string)
             .up();
         }
@@ -372,15 +394,16 @@ class AndroidResourcePrinter {
           // 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" })
+            .ele('item', { name: 'android:fontFamily' })
             .txt(this.theme.cameraHintTextFont as string)
             .up();
         }
 
-        const textSize = this.theme.cameraHintTextSize ?
-          `${this.theme.cameraHintTextSize}sp` : "16sp";
+        const textSize = this.theme.cameraHintTextSize
+          ? `${this.theme.cameraHintTextSize}sp`
+          : '16sp';
         this.root = this.root
-          .ele("item", { name: "android:textSize" })
+          .ele('item', { name: 'android:textSize' })
           .txt(textSize)
           .up();
 
@@ -389,34 +412,36 @@ class AndroidResourcePrinter {
     } else {
       this.printQueue.push(() => {
         this.root = this.root
-          .ele("item", { name: "personaCameraBodyTextAppearance" })
-          .txt("@style/Persona.Text.CameraBody")
+          .ele('item', { name: 'personaCameraBodyTextAppearance' })
+          .txt('@style/Persona.Text.CameraBody')
           .up();
       });
     }
   }
 
   private cameraGuideHintText() {
-    if (this.theme.cameraGuideHintTextColor ||
+    if (
+      this.theme.cameraGuideHintTextColor ||
       this.theme.cameraGuideHintTextSize ||
-      this.theme.cameraGuideHintTextFont) {
+      this.theme.cameraGuideHintTextFont
+    ) {
       this.printQueue.push(() => {
         this.root = this.root
-          .ele("item", { name: "personaCameraHintTextAppearance" })
-          .txt("@style/RN.Persona.Text.CameraHint")
+          .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",
+        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" })
+            .ele('item', { name: 'android:textColor' })
             .txt(this.theme.cameraGuideHintTextColor as string)
             .up();
         }
@@ -425,15 +450,16 @@ class AndroidResourcePrinter {
           // 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" })
+            .ele('item', { name: 'android:fontFamily' })
             .txt(this.theme.cameraGuideHintTextFont as string)
             .up();
         }
 
-        const textSize = this.theme.cameraGuideHintTextSize ?
-          `${this.theme.cameraGuideHintTextSize}sp` : "20sp";
+        const textSize = this.theme.cameraGuideHintTextSize
+          ? `${this.theme.cameraGuideHintTextSize}sp`
+          : '20sp';
         this.root = this.root
-          .ele("item", { name: "android:textSize" })
+          .ele('item', { name: 'android:textSize' })
           .txt(textSize)
           .up();
 
@@ -442,8 +468,8 @@ class AndroidResourcePrinter {
     } else {
       this.printQueue.push(() => {
         this.root = this.root
-          .ele("item", { name: "personaCameraHintTextAppearance" })
-          .txt("@style/Persona.Text.CameraHint")
+          .ele('item', { name: 'personaCameraHintTextAppearance' })
+          .txt('@style/Persona.Text.CameraHint')
           .up();
       });
     }
@@ -453,40 +479,40 @@ class AndroidResourcePrinter {
     if (this.theme.textFieldTextColor || this.theme.textFieldTextFont) {
       this.printQueue.push(() => {
         this.root = this.root
-          .ele("item", { name: "editTextStyle" })
-          .txt("@style/RN.Persona.EditText")
+          .ele('item', { name: 'editTextStyle' })
+          .txt('@style/RN.Persona.EditText')
           .up();
       });
 
       this.postPrintQueue.push(() => {
         this.root = this.root
-          .ele("style", {
-            name: "RN.Persona.EditText",
-            parent: "Widget.AppCompat.EditText",
+          .ele('style', {
+            name: 'RN.Persona.EditText',
+            parent: 'Widget.AppCompat.EditText',
           })
-          .ele("item", { name: "android:textAppearance" })
-          .txt("@style/RN.Persona.EditText.TextAppearance")
+          .ele('item', { name: 'android:textAppearance' })
+          .txt('@style/RN.Persona.EditText.TextAppearance')
           .up()
-          .ele("item", { name: "android:textColor" })
+          .ele('item', { name: 'android:textColor' })
           .txt(this.theme.textFieldTextColor as string)
           .up()
           .up();
 
-        this.root = this.root.ele("style", {
-          name: "RN.Persona.EditText.TextAppearance",
-          parent: "Base.TextAppearance.AppCompat.Medium",
+        this.root = this.root.ele('style', {
+          name: 'RN.Persona.EditText.TextAppearance',
+          parent: 'Base.TextAppearance.AppCompat.Medium',
         });
 
         if (this.theme.textFieldTextColor) {
           this.root = this.root
-            .ele("item", { name: "android:textSize" })
-            .txt("18sp")
+            .ele('item', { name: 'android:textSize' })
+            .txt('18sp')
             .up();
         }
 
         if (this.theme.textFieldTextFont) {
           this.root = this.root
-            .ele("item", { name: "android:fontFamily" })
+            .ele('item', { name: 'android:fontFamily' })
             .txt(this.theme.textFieldTextFont as string)
             .up();
         }
@@ -500,61 +526,61 @@ class AndroidResourcePrinter {
     if (this.theme.pickerTextColor || this.theme.pickerTextFont) {
       this.printQueue.push(() => {
         this.root = this.root
-          .ele("item", { name: "spinnerStyle" })
-          .txt("@style/RN.Persona.Spinner")
+          .ele('item', { name: 'spinnerStyle' })
+          .txt('@style/RN.Persona.Spinner')
           .up();
 
         this.root = this.root
-          .ele("item", { name: "spinnerDropDownItemStyle" })
-          .txt("@style/RN.Persona.DropDownItem.Spinner")
+          .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: "Widget.AppCompat.Spinner",
+          .ele('style', {
+            name: 'RN.Persona.Spinner',
+            parent: 'Widget.AppCompat.Spinner',
           })
-          .ele("item", { name: "android:textColor" })
-          .txt(this.theme.pickerTextColor ?? "?android:attr/textColorPrimary")
+          .ele('item', { name: 'android:textColor' })
+          .txt(this.theme.pickerTextColor ?? '?android:attr/textColorPrimary')
           .up()
-          .ele("item", { name: "android:textAppearance" })
+          .ele('item', { name: 'android:textAppearance' })
           .txt(
             this.theme.pickerTextFont
-              ? "@style/RN.Persona.Text.Spinner"
-              : "@style/Persona.Text.Body"
+              ? '@style/RN.Persona.Text.Spinner'
+              : '@style/Persona.Text.Body'
           )
           .up()
           .up();
 
         // Build RN.Persona.DropDownItem.Spinner
         this.root = this.root
-          .ele("style", {
-            name: "RN.Persona.DropDownItem.Spinner",
-            parent: "Widget.AppCompat.DropDownItem.Spinner",
+          .ele('style', {
+            name: 'RN.Persona.DropDownItem.Spinner',
+            parent: 'Widget.AppCompat.DropDownItem.Spinner',
           })
-          .ele("item", { name: "android:textColor" })
-          .txt(this.theme.pickerTextColor ?? "?android:attr/textColorPrimary")
+          .ele('item', { name: 'android:textColor' })
+          .txt(this.theme.pickerTextColor ?? '?android:attr/textColorPrimary')
           .up()
-          .ele("item", { name: "android:textAppearance" })
+          .ele('item', { name: 'android:textAppearance' })
           .txt(
             this.theme.pickerTextFont
-              ? "@style/RN.Persona.Text.Spinner"
-              : "@style/Persona.Text.Body"
+              ? '@style/RN.Persona.Text.Spinner'
+              : '@style/Persona.Text.Body'
           )
           .up()
           .up();
 
         // Build RN.Persona.Text.Spinner
-        this.root = this.root.ele("style", {
-          name: "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" })
+            .ele('item', { name: 'android:textColor' })
             .txt(this.theme.pickerTextColor as string)
             .up();
         }
@@ -563,7 +589,7 @@ class AndroidResourcePrinter {
           // 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" })
+            .ele('item', { name: 'android:fontFamily' })
             .txt(this.theme.pickerTextFont as string)
             .up();
         }
@@ -586,93 +612,95 @@ class AndroidResourcePrinter {
     ) {
       this.printQueue.push(() => {
         this.root = this.root
-          .ele("item", { name: "buttonStyle" })
-          .txt("@style/RN.Persona.Button")
+          .ele('item', { name: 'buttonStyle' })
+          .txt('@style/RN.Persona.Button')
           .up();
 
         this.root = this.root
-          .ele("item", { name: "buttonStyleSecondary" })
-          .txt("@style/RN.Persona.Button.Secondary")
+          .ele('item', { name: 'buttonStyleSecondary' })
+          .txt('@style/RN.Persona.Button.Secondary')
           .up();
       });
 
-      const textSize = this.theme.buttonTextSize ? `${this.theme.buttonTextSize}sp` : "18sp";
+      const textSize = this.theme.buttonTextSize
+        ? `${this.theme.buttonTextSize}sp`
+        : '18sp';
 
       this.postPrintQueue.push(() => {
         this.root = this.root
-          .ele("style", {
-            name: "RN.Persona.Button",
-            parent: "android:style/Widget.Button",
+          .ele('style', {
+            name: 'RN.Persona.Button',
+            parent: 'android:style/Widget.Button',
           })
           // Taken from
           // appcompat's res/values/values.xml
-          .ele("item", {
-            name: "android:minHeight",
+          .ele('item', {
+            name: 'android:minHeight',
           })
-          .txt("48dip")
+          .txt('48dip')
           .up()
           // Taken from
           // appcompat's res/values/values.xml
-          .ele("item", {
-            name: "android:minWidth",
+          .ele('item', {
+            name: 'android:minWidth',
           })
-          .txt("88dip")
+          .txt('88dip')
           .up()
           // Taken from
           // persona-android's shared/src/main/res/values/styles.xml
-          .ele("item", {
-            name: "android:textSize",
+          .ele('item', {
+            name: 'android:textSize',
           })
           .txt(textSize)
           .up()
-          .ele("item", {
-            name: "android:background",
+          .ele('item', {
+            name: 'android:background',
           })
-          .txt("@drawable/rn_persona_button")
+          .txt('@drawable/rn_persona_button')
           .up()
-          .ele("item", {
-            name: "android:textColor",
+          .ele('item', {
+            name: 'android:textColor',
           })
-          .txt("@color/rn_persona_button")
+          .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('style', {
+            name: 'RN.Persona.Button.Secondary',
+            parent: 'RN.Persona.Button',
           })
-          .ele("item", {
-            name: "android:background",
+          .ele('item', {
+            name: 'android:background',
           })
-          .txt("@drawable/rn_persona_button_secondary")
+          .txt('@drawable/rn_persona_button_secondary')
           .up()
           .up();
 
         // Disabled
         this.buttonDrawable = this.buttonDrawable
-          .ele("item", {
-            "android:state_enabled": "false",
+          .ele('item', {
+            'android:state_enabled': 'false',
           })
-          .ele("shape", { "android:shape": "rectangle" })
-          .ele("corners", {
-            "android:radius": this.theme.buttonCornerRadius
+          .ele('shape', { 'android:shape': 'rectangle' })
+          .ele('corners', {
+            'android:radius': this.theme.buttonCornerRadius
               ? `${this.theme.buttonCornerRadius}dp`
-              : "@dimen/abc_control_corner_material",
+              : '@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",
+          .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
+          .ele('solid', {
+            'android:color': this.theme.buttonDisabledBackgroundColor
               ? this.theme.buttonDisabledBackgroundColor
-              : "?attr/colorPrimaryDark",
+              : '?attr/colorPrimaryDark',
           })
           .up()
           .up()
@@ -680,51 +708,51 @@ class AndroidResourcePrinter {
 
         // touched
         this.buttonDrawable = this.buttonDrawable
-          .ele("item", {
-            "android:state_pressed": "true",
+          .ele('item', {
+            'android:state_pressed': 'true',
           })
-          .ele("shape", { "android:shape": "rectangle" })
-          .ele("corners", {
-            "android:radius": this.theme.buttonCornerRadius
+          .ele('shape', { 'android:shape': 'rectangle' })
+          .ele('corners', {
+            'android:radius': this.theme.buttonCornerRadius
               ? `${this.theme.buttonCornerRadius}dp`
-              : "@dimen/abc_control_corner_material",
+              : '@dimen/abc_control_corner_material',
           })
           .up()
-          .ele("solid", {
-            "android:color":
+          .ele('solid', {
+            'android:color':
               this.theme.buttonTouchedBackgroundColor ??
-              "?attr/colorPrimaryDark",
+              '?attr/colorPrimaryDark',
           })
           .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",
+          .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
+          .ele('item')
+          .ele('shape', { 'android:shape': 'rectangle' })
+          .ele('corners', {
+            'android:radius': this.theme.buttonCornerRadius
               ? `${this.theme.buttonCornerRadius}dp`
-              : "@dimen/abc_control_corner_material",
+              : '@dimen/abc_control_corner_material',
           })
           .up()
-          .ele("solid", {
-            "android:color":
-              this.theme.buttonBackgroundColor ?? "?attr/colorPrimary",
+          .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",
+          .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()
@@ -734,22 +762,22 @@ class AndroidResourcePrinter {
         this.buttonDrawable = this.buttonDrawable.up();
 
         this.buttonColor = this.buttonColor
-          .ele("item", {
-            "android:state_enabled": "false",
-            "android:color":
+          .ele('item', {
+            'android:state_enabled': 'false',
+            'android:color':
               this.theme.buttonDisabledTextColor ??
-              "@android:color/darker_gray",
+              '@android:color/darker_gray',
           })
           .up()
-          .ele("item", {
-            "android:state_pressed": "true",
-            "android:color":
-              this.theme.buttonTextColor ?? "@android:color/white",
+          .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",
+          .ele('item', {
+            'android:color':
+              this.theme.buttonTextColor ?? '@android:color/white',
           })
           .up();
 
@@ -757,25 +785,25 @@ class AndroidResourcePrinter {
 
         // Disabled
         this.buttonSecondaryDrawable = this.buttonSecondaryDrawable
-          .ele("item", {
-            "android:state_enabled": "false",
+          .ele('item', {
+            'android:state_enabled': 'false',
           })
-          .ele("shape", { "android:shape": "rectangle" })
-          .ele("corners", {
-            "android:radius": this.theme.buttonCornerRadius
+          .ele('shape', { 'android:shape': 'rectangle' })
+          .ele('corners', {
+            'android:radius': this.theme.buttonCornerRadius
               ? `${this.theme.buttonCornerRadius}dp`
-              : "@dimen/abc_control_corner_material",
+              : '@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",
+          .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",
+          .ele('solid', {
+            'android:color': '@android:color/darker_gray',
           })
           .up()
           .up()
@@ -783,48 +811,48 @@ class AndroidResourcePrinter {
 
         // touched
         this.buttonSecondaryDrawable = this.buttonSecondaryDrawable
-          .ele("item", {
-            "android:state_pressed": "true",
+          .ele('item', {
+            'android:state_pressed': 'true',
           })
-          .ele("shape", { "android:shape": "rectangle" })
-          .ele("corners", {
-            "android:radius": this.theme.buttonCornerRadius
+          .ele('shape', { 'android:shape': 'rectangle' })
+          .ele('corners', {
+            'android:radius': this.theme.buttonCornerRadius
               ? `${this.theme.buttonCornerRadius}dp`
-              : "@dimen/abc_control_corner_material",
+              : '@dimen/abc_control_corner_material',
           })
           .up()
-          .ele("solid", {
-            "android:color": "@color/grayButtonDark",
+          .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",
+          .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
+          .ele('item')
+          .ele('shape', { 'android:shape': 'rectangle' })
+          .ele('corners', {
+            'android:radius': this.theme.buttonCornerRadius
               ? `${this.theme.buttonCornerRadius}dp`
-              : "@dimen/abc_control_corner_material",
+              : '@dimen/abc_control_corner_material',
           })
           .up()
-          .ele("solid", {
-            "android:color": "@color/grayButton",
+          .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",
+          .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()
@@ -841,7 +869,7 @@ class AndroidResourcePrinter {
     if (this.theme.progressColor) {
       this.printQueue.push(() => {
         this.root = this.root
-          .ele("item", { name: "colorControlActivated" })
+          .ele('item', { name: 'colorControlActivated' })
           .txt(this.theme.progressColor as string)
           .up();
       });
@@ -853,10 +881,10 @@ class AndroidResourcePrinter {
 
     this.printQueue.push(() => {
       this.root = this.root
-        .ele("item", { name: "personaInquiryCompleteImage" })
+        .ele('item', { name: 'personaInquiryCompleteImage' })
         .txt(this.theme.successAsset as string)
         .up()
-        .txt(" ");
+        .txt(' ');
     });
   }
 
@@ -865,46 +893,54 @@ class AndroidResourcePrinter {
 
     this.printQueue.push(() => {
       this.root = this.root
-        .ele("item", { name: "personaInquiryFailImage" })
+        .ele('item', { name: 'personaInquiryFailImage' })
         .txt(this.theme.failAsset as string)
         .up()
-        .txt(" ");
+        .txt(' ');
     });
   }
 
   private loadingAnimationAsset() {
-    if (!this.theme.loadingAnimationAsset || !this.theme.loadingAnimationWidthPercent) return;
+    if (
+      !this.theme.loadingAnimationAsset ||
+      !this.theme.loadingAnimationWidthPercent
+    )
+      return;
 
     this.printQueue.push(() => {
       this.root = this.root
-        .ele("item", { name: "personaInquiryLoadingLottieRaw" })
+        .ele('item', { name: 'personaInquiryLoadingLottieRaw' })
         .txt(this.theme.loadingAnimationAsset as string)
         .up()
-        .txt(" ");
+        .txt(' ');
 
       this.root = this.root
-        .ele("item", { name: "personaInquiryLoadingLottieWidthPercent" })
+        .ele('item', { name: 'personaInquiryLoadingLottieWidthPercent' })
         .txt(this.theme.loadingAnimationWidthPercent as string)
         .up()
-        .txt(" ");
+        .txt(' ');
     });
   }
 
   private selfieAnimationAsset() {
-    if (!this.theme.selfieAnimationAsset || !this.theme.selfieAnimationWidthPercent) return;
+    if (
+      !this.theme.selfieAnimationAsset ||
+      !this.theme.selfieAnimationWidthPercent
+    )
+      return;
 
     this.printQueue.push(() => {
       this.root = this.root
-        .ele("item", { name: "personaInquirySelfieLottieRaw" })
+        .ele('item', { name: 'personaInquirySelfieLottieRaw' })
         .txt(this.theme.selfieAnimationAsset as string)
         .up()
-        .txt(" ");
+        .txt(' ');
 
       this.root = this.root
-        .ele("item", { name: "personaInquirySelfieLottieWidthPercent" })
+        .ele('item', { name: 'personaInquirySelfieLottieWidthPercent' })
         .txt(this.theme.selfieAnimationWidthPercent as string)
         .up()
-        .txt(" ");
+        .txt(' ');
     });
   }
 }