react-native-persona 2.9.2 → 2.9.3

package/src/persona-tool/AndroidResourcePrinter.ts

@@ -1,652 +0,0 @@
-import { create as createXml } from 'xmlbuilder2';
-import type { AndroidThemeObject } from './Theme';
-import type { XMLBuilder } from 'xmlbuilder2/lib/interfaces';
-
-class AndroidResourcePrinter {
-  theme: AndroidThemeObject;
-  root: XMLBuilder;
-  buttonDrawable: XMLBuilder;
-  buttonColor: XMLBuilder;
-  preprintQueue: (() => void)[] = [];
-  printQueue: (() => void)[] = [];
-  postPrintQueue: (() => void)[] = [];
-
-  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.buttonColor = createXml({ 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,
-    };
-  }
-
-  private 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());
-  }
-
-  private hasTheme(): boolean {
-    return (
-      Object.keys(this.theme).length > 0 &&
-      Object.values(this.theme).filter(Boolean).length > 0
-    );
-  }
-
-  private primaryColor() {
-    if (!this.theme.primaryColor) return;
-
-    this.printQueue.push(() => {
-      this.root = this.root
-        .ele('item', { name: 'colorPrimary' })
-        .txt(this.theme.primaryColor as string)
-        .up()
-        .txt(' ');
-    });
-  }
-
-  private accentColor() {
-    if (!this.theme.accentColor) return;
-
-    this.printQueue.push(() => {
-      this.root = this.root
-        .ele('item', { name: 'colorSecondary' })
-        .txt(this.theme.accentColor as string)
-        .up()
-        .txt(' ');
-    });
-  }
-
-  private darkPrimaryColor() {
-    if (!this.theme.darkPrimaryColor) return;
-
-    this.printQueue.push(() => {
-      this.root = this.root
-        .ele('item', { name: 'colorPrimaryVariant' })
-        .txt(this.theme.darkPrimaryColor as string)
-        .up()
-        .txt(' ');
-    });
-  }
-
-  private backgroundColor() {
-    if (!this.theme.backgroundColor) return;
-
-    this.preprintQueue.push(() => {
-      this.root = this.root
-        .ele('color', { name: 'customPersonaBackgroundColor' })
-        .txt(this.theme.backgroundColor as string)
-        .up()
-        .txt(' ');
-    });
-
-    this.printQueue.push(() => {
-      this.root = this.root
-        .ele('item', { name: 'android:colorBackground' })
-        .txt('@color/customPersonaBackgroundColor')
-        .up()
-        .txt(' ');
-    });
-  }
-
-  private 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 as string)
-            .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 as string)
-            .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();
-      });
-    }
-  }
-
-  private 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 as string)
-            .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 as string)
-            .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();
-      });
-    }
-  }
-
-  private footnoteText() {
-    if (this.theme.footnoteTextColor || this.theme.footnoteTextFont) {
-      this.postPrintQueue.push(() => {
-        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.footnoteTextColor ?? '?android:attr/textColorTertiary'
-          )
-          .up();
-
-        if (this.theme.footnoteTextFont) {
-          this.root = this.root
-            .ele('item', { name: 'android:fontFamily' })
-            .txt(
-              // Used default value found in the Android SDK
-              this.theme.footnoteTextFont ?? '?android:attr/textColorTertiary'
-            )
-            .up();
-        }
-
-        this.root = this.root.up();
-      });
-    }
-  }
-  private 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 as string)
-          .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 as string)
-            .up();
-        }
-
-        this.root = this.root.up();
-      });
-    }
-  }
-
-  private 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(() => {
-        // 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.pickerTextColor ?? '?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.pickerTextColor ?? '?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 as string)
-            .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 as string)
-            .up();
-        }
-
-        this.root = this.root.up();
-      });
-    }
-  }
-
-  private 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(() => {
-        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.buttonTouchedBackgroundColor ??
-              '?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.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',
-          })
-          .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.buttonDisabledTextColor ??
-              '@android:color/darker_gray',
-          })
-          .up()
-          .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',
-          })
-          .up();
-
-        this.buttonColor = this.buttonColor.up();
-
-        this.root = this.root.up();
-      });
-    }
-  }
-
-  private progressColor() {
-    if (this.theme.progressColor) {
-      this.printQueue.push(() => {
-        this.root = this.root
-          .ele('item', { name: 'colorControlActivated' })
-          .txt(this.theme.progressColor as string)
-          .up();
-      });
-    }
-  }
-
-  private successAsset() {
-    if (!this.theme.successAsset) return;
-
-    this.printQueue.push(() => {
-      this.root = this.root
-        .ele('item', { name: 'personaInquiryCompleteImage' })
-        .txt(this.theme.successAsset as string)
-        .up()
-        .txt(' ');
-    });
-  }
-
-  private failAsset() {
-    if (!this.theme.failAsset) return;
-
-    this.printQueue.push(() => {
-      this.root = this.root
-        .ele('item', { name: 'personaInquiryFailImage' })
-        .txt(this.theme.failAsset as string)
-        .up()
-        .txt(' ');
-    });
-  }
-
-  private loadingAnimationAsset() {
-    if (
-      !this.theme.loadingAnimationAsset ||
-      !this.theme.loadingAnimationWidthPercent
-    )
-      return;
-
-    this.printQueue.push(() => {
-      this.root = this.root
-        .ele('item', { name: 'personaInquiryLoadingLottieRaw' })
-        .txt(this.theme.loadingAnimationAsset as string)
-        .up()
-        .txt(' ');
-
-      this.root = this.root
-        .ele('item', { name: 'personaInquiryLoadingLottieWidthPercent' })
-        .txt(this.theme.loadingAnimationWidthPercent as string)
-        .up()
-        .txt(' ');
-    });
-  }
-
-  private selfieAnimationAsset() {
-    if (
-      !this.theme.selfieAnimationAsset ||
-      !this.theme.selfieAnimationWidthPercent
-    )
-      return;
-
-    this.printQueue.push(() => {
-      this.root = this.root
-        .ele('item', { name: 'personaInquirySelfieLottieRaw' })
-        .txt(this.theme.selfieAnimationAsset as string)
-        .up()
-        .txt(' ');
-
-      this.root = this.root
-        .ele('item', { name: 'personaInquirySelfieLottieWidthPercent' })
-        .txt(this.theme.selfieAnimationWidthPercent as string)
-        .up()
-        .txt(' ');
-    });
-  }
-}
-
-export default AndroidResourcePrinter;