react-native-persona 2.2.1 → 2.2.4

package/CHANGELOG.md

@@ -7,6 +7,26 @@ to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## Unreleased
 
+## [v2.2.4] - 2022-03-07
+
+### Changed
+
+- Upgrade to Android Inquiry SDK 2.2.9
+- Upgrade to iOS Inquiry SDK 2.2.6
+
+## [v2.2.3] - 2022-03-02
+
+### Fixed
+
+- Re-added `persona-tool` which was removed by accident in a refactor
+
+## [v2.2.2] - 2022-02-24
+
+### Changed
+
+- Upgrade to Android Inquiry SDK 2.2.8
+- Upgrade to iOS Inquiry SDK 2.2.4
+
 ## [v2.2.1] - 2022-02-17
 
 ### Changed

package/README.md

@@ -1,3 +1,150 @@
-# react-native-persona
+# Persona Android SDKs and Demo
+
+## Development
+
+First, run yarn in the project root.
+
+```
+yarn
+```
+
+To test changes to SDK, we will use the Example App in `example` app.
+
+### Start Metro bundler.
+
+This will bundle JavaScript and serve it to your React Native sample app. Keep the Metro bundler running in a terminal.
+
+```
+yarn example start
+```
+
+Metro bundler compiles source code and caches compiled targets to speed up incremental rebuilds. However, it's possible
+that this can lead to random failures if things get out of sync. If you ever run into any weird issues, it's worth
+running `yarn example start --reset-cache` again.
+
+### Start example app in iOS simulator
+
+Use the built-in CLI command with Metro running.
+
+```
+yarn example ios
+```
+
+Or open `ios/example.xcworkspace` in XCode and build + run.
+
+### Start example app in Android simulator
+
+Use the built-in CLI command with Metro running.
+
+```
+yarn example android
+```
+
+Or open the Android project in Android Studio and build + run.
+
+### Theming the example app
+
+Run the `persona-tool` to customize the theme.
+
+```
+$ cd example
+$ yarn persona-tool
+```
+
+# Installing in your own project
+
+```
+
+yarn add react-native-persona
+
+```
+
+## Usage
+
+```typescript
+import {Environment, Inquiry} from "react-native-persona";
+
+// Start an inquiry.
+Inquiry.fromTemplate('itmpl_Ygs16MKTkA6obnF8C3Rb17dm')
+  .environment(Environment.SANDBOX)
+  .onComplete((inquiryId, status, fields) =>
+    Alert.alert('Complete', `Inquiry ${inquiryId} completed with status "${status}."`,),
+  )
+  .onCanceled((inquiryId, sessionToken) =>
+    Alert.alert('Canceled', `Inquiry ${inquiryId} was cancelled`),
+  )
+  .onError(error => Alert.alert('Error', error.message))
+  .build()
+  .start();
+```
+
+### Theming
+
+Theming can be handled universally through our persona-tools CLI provided in this repository.
+
+To test themes, use the example app:
+
+```
+cd example
+```
+
+Link the `persona-tool` using the following command (only necessary during development, linked automatically when the
+package is installed using `yarn add` or `npm install`).
+
+```
+yarn dev-only:link-bin
+```
+
+To unlink:
+
+```
+yarn dev-only:unlink-bin
+```
+
+Run through the tool using `yarn persona-tool` and following the instructions to add the required snippet to
+your `package.json`.
+
+Update theme colors accordingly:
+
+- Example: Update `persona.androidTheme.backgroundColor` to `#FFFFFF`
+
+Run `yarn persona-tool` again.
+
+Launch the example app and launch a flow.
+
+### Updating SDK Versions
+
+*Android*
+
+Update the sdk version in `android/build.gradle`
+
+```
+implementation 'com.withpersona.sdk2:inquiry:X.Y.Z'
+```
+
+*iOS*
+
+Update the sdk version in `RNPersonaInquiry2.podspec`
+
+```
+s.dependency 'PersonaInquirySDK2', '~> X.Y.Z'
+```
+
+Go to `example/ios` directory, update the Podfiles by running
+
+```
+pod update PersonaInquirySDK2 --repo-update
+pod install --repo-update
+```
+
+*React Native*
+
+Bump react native version in `package.json` if needed.
+
+Commit and push changed files including:
+
+- `android/build.gradle`
+- `RNPersonaInquiry2.podspec`
+- `package.json`
+- `example/ios/Podfile.lock`
 
-Please refer to the docs: https://docs.withpersona.com/docs/react-native-sdk-integration

package/RNPersonaInquiry2.podspec

@@ -22,7 +22,7 @@ Pod::Spec.new do |s|
   s.requires_arc  = true
 
   s.dependency 'React-Core'
-  s.dependency 'PersonaInquirySDK2', '2.2.3'
+  s.dependency 'PersonaInquirySDK2', '2.2.6'
 
   s.static_framework = true
 end

package/android/build.gradle

@@ -66,5 +66,5 @@ dependencies {
     //noinspection GradleDynamicVersion
     implementation 'com.facebook.react:react-native:+'  // From node_modules
 
-    implementation 'com.withpersona.sdk2:inquiry:2.2.6'
+    implementation 'com.withpersona.sdk2:inquiry:2.2.9'
 }

package/bin/persona-tool

@@ -1,4 +1,3 @@
 #! /usr/bin/env node
 
-// @ts-ignore
-require("react-native-persona/persona-tools");
+require("../lib/commonjs/persona-tool");

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

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