@justifi/webcomponents 4.7.3 → 4.7.5

package/dist/collection/components/business-form/business-owners/business-owners.js

@@ -1,19 +1,19 @@
 import { Host, h } from "@stencil/core";
 import { PHONE_MASKS } from "../../../utils/phone-masks";
 class BusinessOwner {
-  constructor() {
-    this.name = '';
-    this.title = '';
-    this.email = '';
-    this.phone = '';
-    this.dob_day = '';
-    this.dob_month = '';
-    this.dob_year = '';
-    this.identification_number = '';
-    this.is_owner = true;
-    this.metadata = {};
-    this.address = {};
-  }
+    constructor() {
+        this.name = '';
+        this.title = '';
+        this.email = '';
+        this.phone = '';
+        this.dob_day = '';
+        this.dob_month = '';
+        this.dob_year = '';
+        this.identification_number = '';
+        this.is_owner = true;
+        this.metadata = {};
+        this.address = {};
+    }
 }
 /**
  * @exportedPart label: Label for inputs
@@ -21,109 +21,109 @@ class BusinessOwner {
  * @exportedPart input-invalid: Invalid state for inputfs
  */
 export class BusinessOwners {
-  constructor() {
-    this.formController = undefined;
-    this.isEditing = undefined;
-    this.errors = [];
-    this.owners = [];
-    this.inputHandler = this.inputHandler.bind(this);
-    this.addOwner = this.addOwner.bind(this);
-    this.removeOwner = this.removeOwner.bind(this);
-  }
-  componentDidLoad() {
-    this.formController.errors.subscribe(errors => {
-      this.errors = (errors === null || errors === void 0 ? void 0 : errors.owners) || [];
-    });
-    this.formController.values.subscribe(values => (this.owners = (values === null || values === void 0 ? void 0 : values.owners) || []));
-  }
-  inputHandler(name, value, index) {
-    this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { owners: this.owners.map((owner, i) => {
-        if (i === index) {
-          return Object.assign(Object.assign({}, owner), { [name]: value });
-        }
-        return owner;
-      }) }));
-  }
-  addressInputHandler(name, value, index) {
-    this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { owners: this.owners.map((owner, i) => {
-        if (i === index) {
-          return Object.assign(Object.assign({}, owner), { address: Object.assign(Object.assign({}, owner.address), { [name]: value }) });
-        }
-        return owner;
-      }) }));
-  }
-  addOwner(event) {
-    event.preventDefault();
-    this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { owners: [...this.owners, Object.assign({}, new BusinessOwner())] }));
-  }
-  removeOwner(event, index) {
-    event.preventDefault();
-    this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { owners: this.owners.filter((_owner, i) => i !== index) }));
-  }
-  render() {
-    const ownersDefaultValue = this.formController.values.getValue().owners || [];
-    return (h(Host, { exportparts: "label,input,input-invalid" }, h("fieldset", null, h("legend", null, "Owners"), h("hr", null), this.owners.map((_owner, index) => {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7;
-      return (h("div", { class: "row gx-2 gy-2 mb-4" }, h("div", { class: "col-12" }, h("div", { class: "row mb-3" }, h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "name", label: "Full Name", defaultValue: (_a = ownersDefaultValue[index]) === null || _a === void 0 ? void 0 : _a.name, error: (_b = this.errors[index]) === null || _b === void 0 ? void 0 : _b.name, inputHandler: (name, value) => this.inputHandler(name, value, index), disabled: this.isEditing })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "title", label: "Title", defaultValue: (_c = ownersDefaultValue[index]) === null || _c === void 0 ? void 0 : _c.title, error: (_d = this.errors[index]) === null || _d === void 0 ? void 0 : _d.title, inputHandler: (name, value) => this.inputHandler(name, value, index), disabled: this.isEditing }))), h("div", { class: "row mb-3" }, h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "email", label: "Email", defaultValue: (_e = ownersDefaultValue[index]) === null || _e === void 0 ? void 0 : _e.email, error: (_f = this.errors[index]) === null || _f === void 0 ? void 0 : _f.email, inputHandler: (name, value) => this.inputHandler(name, value, index), disabled: this.isEditing })), h("div", { class: "col-12 col-md-6" }, h("form-control-number-masked", { name: "phone", label: "Phone", defaultValue: (_g = ownersDefaultValue[index]) === null || _g === void 0 ? void 0 : _g.phone, error: (_h = this.errors[index]) === null || _h === void 0 ? void 0 : _h.phone, inputHandler: (name, value) => this.inputHandler(name, value, index), mask: PHONE_MASKS.US, disabled: this.isEditing }))), h("div", { class: "row mb-3" }, h("div", { class: "col-12 col-md-4" }, h("form-control-datepart", { name: "dob_day", label: "Date of Birth - Day", defaultValue: (_j = ownersDefaultValue[index]) === null || _j === void 0 ? void 0 : _j.dob_day, error: (_k = this.errors[index]) === null || _k === void 0 ? void 0 : _k.dob_day, inputHandler: (name, value) => this.inputHandler(name, value, index), type: "day", disabled: this.isEditing })), h("div", { class: "col-12 col-md-4" }, h("form-control-datepart", { name: "dob_month", label: "Date of Birth - Month", defaultValue: (_l = ownersDefaultValue[index]) === null || _l === void 0 ? void 0 : _l.dob_month, error: (_m = this.errors[index]) === null || _m === void 0 ? void 0 : _m.dob_month, inputHandler: (name, value) => this.inputHandler(name, value, index), type: "month", disabled: this.isEditing })), h("div", { class: "col-12 col-md-4" }, h("form-control-datepart", { name: "dob_year", label: "Date of Birth - Year", defaultValue: (_o = ownersDefaultValue[index]) === null || _o === void 0 ? void 0 : _o.dob_year, error: (_p = this.errors[index]) === null || _p === void 0 ? void 0 : _p.dob_year, inputHandler: (name, value) => this.inputHandler(name, value, index), type: "year", disabled: this.isEditing }))), h("div", { class: "mb-3" }, h("form-control-number", { name: "identification_number", label: "Identification Number", defaultValue: (_q = ownersDefaultValue[index]) === null || _q === void 0 ? void 0 : _q.identification_number, error: (_r = this.errors[index]) === null || _r === void 0 ? void 0 : _r.identification_number, inputHandler: (name, value) => this.inputHandler(name, value, index), disabled: this.isEditing })), h("div", { class: "grid gap-3" }, h("legend", { class: "mb-3" }, "Owner Address:"), h("div", { class: "row mb-3" }, h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "line1", label: "Street Address", defaultValue: (_t = (_s = ownersDefaultValue[index]) === null || _s === void 0 ? void 0 : _s.address) === null || _t === void 0 ? void 0 : _t.line1, error: (_v = (_u = this.errors[index]) === null || _u === void 0 ? void 0 : _u.address) === null || _v === void 0 ? void 0 : _v.line1, inputHandler: (name, value) => this.addressInputHandler(name, value, index), disabled: this.isEditing })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "city", label: "City", defaultValue: (_x = (_w = ownersDefaultValue[index]) === null || _w === void 0 ? void 0 : _w.address) === null || _x === void 0 ? void 0 : _x.city, error: (_z = (_y = this.errors[index]) === null || _y === void 0 ? void 0 : _y.address) === null || _z === void 0 ? void 0 : _z.city, inputHandler: (name, value) => this.addressInputHandler(name, value, index), disabled: this.isEditing }))), h("div", { class: "row mb-3" }, h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "state", label: "State", defaultValue: (_1 = (_0 = ownersDefaultValue[index]) === null || _0 === void 0 ? void 0 : _0.address) === null || _1 === void 0 ? void 0 : _1.state, error: (_3 = (_2 = this.errors[index]) === null || _2 === void 0 ? void 0 : _2.address) === null || _3 === void 0 ? void 0 : _3.state, inputHandler: (name, value) => this.addressInputHandler(name, value, index), disabled: this.isEditing })), h("div", { class: "col-12 col-md-6" }, h("form-control-number", { name: "postal_code", label: "Postal Code", defaultValue: (_5 = (_4 = ownersDefaultValue[index]) === null || _4 === void 0 ? void 0 : _4.address) === null || _5 === void 0 ? void 0 : _5.postal_code, error: (_7 = (_6 = this.errors[index]) === null || _6 === void 0 ? void 0 : _6.address) === null || _7 === void 0 ? void 0 : _7.postal_code, inputHandler: (name, value) => this.addressInputHandler(name, value, index), disabled: this.isEditing })))), h("button", { type: "button", class: "btn btn-outline-danger", onClick: event => this.removeOwner(event, index) }, "Remove owner"))));
-    }), h("div", { class: "row gy-3" }, h("div", { class: "col-12" }, h("button", { type: "button", class: "btn btn-outline-primary", onClick: event => this.addOwner(event) }, "Add an owner"))))));
-  }
-  static get is() { return "justifi-business-owners"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["business-owners.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["business-owners.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "formController": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "FormController",
-          "resolved": "FormController",
-          "references": {
-            "FormController": {
-              "location": "import",
-              "path": "../../form/form",
-              "id": "src/components/form/form.ts::FormController"
+    constructor() {
+        this.formController = undefined;
+        this.isEditing = undefined;
+        this.errors = [];
+        this.owners = [];
+        this.inputHandler = this.inputHandler.bind(this);
+        this.addOwner = this.addOwner.bind(this);
+        this.removeOwner = this.removeOwner.bind(this);
+    }
+    componentDidLoad() {
+        this.formController.errors.subscribe(errors => {
+            this.errors = (errors === null || errors === void 0 ? void 0 : errors.owners) || [];
+        });
+        this.formController.values.subscribe(values => (this.owners = (values === null || values === void 0 ? void 0 : values.owners) || []));
+    }
+    inputHandler(name, value, index) {
+        this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { owners: this.owners.map((owner, i) => {
+                if (i === index) {
+                    return Object.assign(Object.assign({}, owner), { [name]: value });
+                }
+                return owner;
+            }) }));
+    }
+    addressInputHandler(name, value, index) {
+        this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { owners: this.owners.map((owner, i) => {
+                if (i === index) {
+                    return Object.assign(Object.assign({}, owner), { address: Object.assign(Object.assign({}, owner.address), { [name]: value }) });
+                }
+                return owner;
+            }) }));
+    }
+    addOwner(event) {
+        event.preventDefault();
+        this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { owners: [...this.owners, Object.assign({}, new BusinessOwner())] }));
+    }
+    removeOwner(event, index) {
+        event.preventDefault();
+        this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { owners: this.owners.filter((_owner, i) => i !== index) }));
+    }
+    render() {
+        const ownersDefaultValue = this.formController.values.getValue().owners || [];
+        return (h(Host, { exportparts: "label,input,input-invalid" }, h("fieldset", null, h("legend", null, "Owners"), h("hr", null), this.owners.map((_owner, index) => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7;
+            return (h("div", { class: "row gx-2 gy-2 mb-4" }, h("div", { class: "col-12" }, h("div", { class: "row mb-3" }, h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "name", label: "Full Name", defaultValue: (_a = ownersDefaultValue[index]) === null || _a === void 0 ? void 0 : _a.name, error: (_b = this.errors[index]) === null || _b === void 0 ? void 0 : _b.name, inputHandler: (name, value) => this.inputHandler(name, value, index), disabled: this.isEditing })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "title", label: "Title", defaultValue: (_c = ownersDefaultValue[index]) === null || _c === void 0 ? void 0 : _c.title, error: (_d = this.errors[index]) === null || _d === void 0 ? void 0 : _d.title, inputHandler: (name, value) => this.inputHandler(name, value, index), disabled: this.isEditing }))), h("div", { class: "row mb-3" }, h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "email", label: "Email", defaultValue: (_e = ownersDefaultValue[index]) === null || _e === void 0 ? void 0 : _e.email, error: (_f = this.errors[index]) === null || _f === void 0 ? void 0 : _f.email, inputHandler: (name, value) => this.inputHandler(name, value, index), disabled: this.isEditing })), h("div", { class: "col-12 col-md-6" }, h("form-control-number-masked", { name: "phone", label: "Phone", defaultValue: (_g = ownersDefaultValue[index]) === null || _g === void 0 ? void 0 : _g.phone, error: (_h = this.errors[index]) === null || _h === void 0 ? void 0 : _h.phone, inputHandler: (name, value) => this.inputHandler(name, value, index), mask: PHONE_MASKS.US, disabled: this.isEditing }))), h("div", { class: "row mb-3" }, h("div", { class: "col-12 col-md-4" }, h("form-control-datepart", { name: "dob_day", label: "Date of Birth - Day", defaultValue: (_j = ownersDefaultValue[index]) === null || _j === void 0 ? void 0 : _j.dob_day, error: (_k = this.errors[index]) === null || _k === void 0 ? void 0 : _k.dob_day, inputHandler: (name, value) => this.inputHandler(name, value, index), type: "day", disabled: this.isEditing })), h("div", { class: "col-12 col-md-4" }, h("form-control-datepart", { name: "dob_month", label: "Date of Birth - Month", defaultValue: (_l = ownersDefaultValue[index]) === null || _l === void 0 ? void 0 : _l.dob_month, error: (_m = this.errors[index]) === null || _m === void 0 ? void 0 : _m.dob_month, inputHandler: (name, value) => this.inputHandler(name, value, index), type: "month", disabled: this.isEditing })), h("div", { class: "col-12 col-md-4" }, h("form-control-datepart", { name: "dob_year", label: "Date of Birth - Year", defaultValue: (_o = ownersDefaultValue[index]) === null || _o === void 0 ? void 0 : _o.dob_year, error: (_p = this.errors[index]) === null || _p === void 0 ? void 0 : _p.dob_year, inputHandler: (name, value) => this.inputHandler(name, value, index), type: "year", disabled: this.isEditing }))), h("div", { class: "mb-3" }, h("form-control-number", { name: "identification_number", label: "Identification Number", defaultValue: (_q = ownersDefaultValue[index]) === null || _q === void 0 ? void 0 : _q.identification_number, error: (_r = this.errors[index]) === null || _r === void 0 ? void 0 : _r.identification_number, inputHandler: (name, value) => this.inputHandler(name, value, index), disabled: this.isEditing })), h("div", { class: "grid gap-3" }, h("legend", { class: "mb-3" }, "Owner Address:"), h("div", { class: "row mb-3" }, h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "line1", label: "Street Address", defaultValue: (_t = (_s = ownersDefaultValue[index]) === null || _s === void 0 ? void 0 : _s.address) === null || _t === void 0 ? void 0 : _t.line1, error: (_v = (_u = this.errors[index]) === null || _u === void 0 ? void 0 : _u.address) === null || _v === void 0 ? void 0 : _v.line1, inputHandler: (name, value) => this.addressInputHandler(name, value, index), disabled: this.isEditing })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "city", label: "City", defaultValue: (_x = (_w = ownersDefaultValue[index]) === null || _w === void 0 ? void 0 : _w.address) === null || _x === void 0 ? void 0 : _x.city, error: (_z = (_y = this.errors[index]) === null || _y === void 0 ? void 0 : _y.address) === null || _z === void 0 ? void 0 : _z.city, inputHandler: (name, value) => this.addressInputHandler(name, value, index), disabled: this.isEditing }))), h("div", { class: "row mb-3" }, h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "state", label: "State", defaultValue: (_1 = (_0 = ownersDefaultValue[index]) === null || _0 === void 0 ? void 0 : _0.address) === null || _1 === void 0 ? void 0 : _1.state, error: (_3 = (_2 = this.errors[index]) === null || _2 === void 0 ? void 0 : _2.address) === null || _3 === void 0 ? void 0 : _3.state, inputHandler: (name, value) => this.addressInputHandler(name, value, index), disabled: this.isEditing })), h("div", { class: "col-12 col-md-6" }, h("form-control-number", { name: "postal_code", label: "Postal Code", defaultValue: (_5 = (_4 = ownersDefaultValue[index]) === null || _4 === void 0 ? void 0 : _4.address) === null || _5 === void 0 ? void 0 : _5.postal_code, error: (_7 = (_6 = this.errors[index]) === null || _6 === void 0 ? void 0 : _6.address) === null || _7 === void 0 ? void 0 : _7.postal_code, inputHandler: (name, value) => this.addressInputHandler(name, value, index), disabled: this.isEditing })))), h("button", { type: "button", class: "btn btn-outline-danger", onClick: event => this.removeOwner(event, index) }, "Remove owner"))));
+        }), h("div", { class: "row gy-3" }, h("div", { class: "col-12" }, h("button", { type: "button", class: "btn btn-outline-primary", onClick: event => this.addOwner(event) }, "Add an owner"))))));
+    }
+    static get is() { return "justifi-business-owners"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["business-owners.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["business-owners.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "formController": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "FormController",
+                    "resolved": "FormController",
+                    "references": {
+                        "FormController": {
+                            "location": "import",
+                            "path": "../../form/form",
+                            "id": "src/components/form/form.ts::FormController"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "isEditing": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "is-editing",
+                "reflect": false
             }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        }
-      },
-      "isEditing": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "is-editing",
-        "reflect": false
-      }
-    };
-  }
-  static get states() {
-    return {
-      "errors": {},
-      "owners": {}
-    };
-  }
+        };
+    }
+    static get states() {
+        return {
+            "errors": {},
+            "owners": {}
+        };
+    }
 }

package/dist/collection/components/business-form/business-representative/business-representative.css

@@ -93,6 +93,7 @@
   --bs-link-hover-color: #0a58ca;
   --bs-link-hover-color-rgb: 10, 88, 202;
   --bs-code-color: #d63384;
+  --bs-highlight-color: #212529;
   --bs-highlight-bg: #fff3cd;
   --bs-border-width: 1px;
   --bs-border-style: solid;
@@ -164,6 +165,8 @@
   --bs-link-color-rgb: 110, 168, 254;
   --bs-link-hover-color-rgb: 139, 185, 254;
   --bs-code-color: #e685b5;
+  --bs-highlight-color: #dee2e6;
+  --bs-highlight-bg: #664d03;
   --bs-border-color: #495057;
   --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
   --bs-form-valid-color: #75b798;
@@ -712,6 +715,7 @@ small {
 
 mark {
   padding: 0.1875em;
+  color: var(--bs-highlight-color);
   background-color: var(--bs-highlight-bg);
 }
 
@@ -1021,7 +1025,7 @@ progress {
 
 .row-cols-3 > * {
   flex: 0 0 auto;
-  width: 33.3333333333%;
+  width: 33.33333333%;
 }
 
 .row-cols-4 > * {
@@ -1036,7 +1040,7 @@ progress {
 
 .row-cols-6 > * {
   flex: 0 0 auto;
-  width: 16.6666666667%;
+  width: 16.66666667%;
 }
 
 .col-auto {
@@ -1226,7 +1230,7 @@ progress {
   }
   .row-cols-sm-3 > * {
     flex: 0 0 auto;
-    width: 33.3333333333%;
+    width: 33.33333333%;
   }
   .row-cols-sm-4 > * {
     flex: 0 0 auto;
@@ -1238,7 +1242,7 @@ progress {
   }
   .row-cols-sm-6 > * {
     flex: 0 0 auto;
-    width: 16.6666666667%;
+    width: 16.66666667%;
   }
   .col-sm-auto {
     flex: 0 0 auto;
@@ -1395,7 +1399,7 @@ progress {
   }
   .row-cols-md-3 > * {
     flex: 0 0 auto;
-    width: 33.3333333333%;
+    width: 33.33333333%;
   }
   .row-cols-md-4 > * {
     flex: 0 0 auto;
@@ -1407,7 +1411,7 @@ progress {
   }
   .row-cols-md-6 > * {
     flex: 0 0 auto;
-    width: 16.6666666667%;
+    width: 16.66666667%;
   }
   .col-md-auto {
     flex: 0 0 auto;
@@ -1564,7 +1568,7 @@ progress {
   }
   .row-cols-lg-3 > * {
     flex: 0 0 auto;
-    width: 33.3333333333%;
+    width: 33.33333333%;
   }
   .row-cols-lg-4 > * {
     flex: 0 0 auto;
@@ -1576,7 +1580,7 @@ progress {
   }
   .row-cols-lg-6 > * {
     flex: 0 0 auto;
-    width: 16.6666666667%;
+    width: 16.66666667%;
   }
   .col-lg-auto {
     flex: 0 0 auto;
@@ -1733,7 +1737,7 @@ progress {
   }
   .row-cols-xl-3 > * {
     flex: 0 0 auto;
-    width: 33.3333333333%;
+    width: 33.33333333%;
   }
   .row-cols-xl-4 > * {
     flex: 0 0 auto;
@@ -1745,7 +1749,7 @@ progress {
   }
   .row-cols-xl-6 > * {
     flex: 0 0 auto;
-    width: 16.6666666667%;
+    width: 16.66666667%;
   }
   .col-xl-auto {
     flex: 0 0 auto;
@@ -1902,7 +1906,7 @@ progress {
   }
   .row-cols-xxl-3 > * {
     flex: 0 0 auto;
-    width: 33.3333333333%;
+    width: 33.33333333%;
   }
   .row-cols-xxl-4 > * {
     flex: 0 0 auto;
@@ -1914,7 +1918,7 @@ progress {
   }
   .row-cols-xxl-6 > * {
     flex: 0 0 auto;
-    width: 16.6666666667%;
+    width: 16.66666667%;
   }
   .col-xxl-auto {
     flex: 0 0 auto;

package/dist/collection/components/business-form/business-representative/business-representative.js

@@ -1,70 +1,70 @@
 import { Host, h } from "@stencil/core";
 import { PHONE_MASKS } from "../../../utils/phone-masks";
 export class BusinessRepresentative {
-  constructor() {
-    this.formController = undefined;
-    this.errors = {};
-    this.representative = {};
-    this.inputHandler = this.inputHandler.bind(this);
-    this.onAddressFormUpdate = this.onAddressFormUpdate.bind(this);
-  }
-  componentDidLoad() {
-    this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors.representative)));
-    this.formController.values.subscribe(values => (this.representative = Object.assign({}, values.representative)));
-  }
-  inputHandler(name, value) {
-    this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { representative: Object.assign(Object.assign({}, this.formController.values.getValue().representative), { [name]: value }) }));
-  }
-  onAddressFormUpdate(values) {
-    this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { representative: Object.assign(Object.assign({}, this.formController.values.getValue().representative), { address: Object.assign(Object.assign({}, this.formController.values.getValue().representative.address), values) }) }));
-  }
-  render() {
-    const representativeDefaultValue = this.formController.getInitialValues().representative;
-    return (h(Host, { exportparts: "label,input,input-invalid" }, h("fieldset", null, h("legend", null, "Representative"), h("hr", null), h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-8" }, h("form-control-text", { name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, error: this.errors.name, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-4" }, h("form-control-select", { name: "title", label: "Prefix", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, options: [
-        { label: 'Select Prefix', value: '' },
-        { label: 'Mrs.', value: 'Mrs.' },
-      ], error: this.errors.title, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, error: this.errors.email, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-number-masked", { name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, error: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { class: "col-12" }, h("label", { part: "label", class: "form-label" }, "Birth Date")), h("div", { class: "col-12 col-md-4" }, h("form-control-datepart", { name: "dob_day", label: "Day", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_day, error: this.errors.dob_day, inputHandler: this.inputHandler, type: "day" })), h("div", { class: "col-12 col-md-4" }, h("form-control-datepart", { name: "dob_month", label: "Month", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_month, error: this.errors.dob_month, inputHandler: this.inputHandler, type: "month" })), h("div", { class: "col-12 col-md-4" }, h("form-control-datepart", { name: "dob_year", label: "Year", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_year, error: this.errors.dob_year, inputHandler: this.inputHandler, type: "year" })), h("div", { class: "col-12" }, h("form-control-number", { name: "identification_number", label: "EIN/SSN", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, error: this.errors.identification_number, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("justifi-business-address-form", { errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, onFormUpdate: values => this.onAddressFormUpdate(values) }))))));
-  }
-  static get is() { return "justifi-business-representative"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["business-representative.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["business-representative.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "formController": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "FormController",
-          "resolved": "FormController",
-          "references": {
-            "FormController": {
-              "location": "import",
-              "path": "../../form/form",
-              "id": "src/components/form/form.ts::FormController"
+    constructor() {
+        this.formController = undefined;
+        this.errors = {};
+        this.representative = {};
+        this.inputHandler = this.inputHandler.bind(this);
+        this.onAddressFormUpdate = this.onAddressFormUpdate.bind(this);
+    }
+    componentDidLoad() {
+        this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors.representative)));
+        this.formController.values.subscribe(values => (this.representative = Object.assign({}, values.representative)));
+    }
+    inputHandler(name, value) {
+        this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { representative: Object.assign(Object.assign({}, this.formController.values.getValue().representative), { [name]: value }) }));
+    }
+    onAddressFormUpdate(values) {
+        this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { representative: Object.assign(Object.assign({}, this.formController.values.getValue().representative), { address: Object.assign(Object.assign({}, this.formController.values.getValue().representative.address), values) }) }));
+    }
+    render() {
+        const representativeDefaultValue = this.formController.getInitialValues().representative;
+        return (h(Host, { exportparts: "label,input,input-invalid" }, h("fieldset", null, h("legend", null, "Representative"), h("hr", null), h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-8" }, h("form-control-text", { name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, error: this.errors.name, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-4" }, h("form-control-select", { name: "title", label: "Prefix", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, options: [
+                { label: 'Select Prefix', value: '' },
+                { label: 'Mrs.', value: 'Mrs.' },
+            ], error: this.errors.title, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, error: this.errors.email, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-number-masked", { name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, error: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { class: "col-12" }, h("label", { part: "label", class: "form-label" }, "Birth Date")), h("div", { class: "col-12 col-md-4" }, h("form-control-datepart", { name: "dob_day", label: "Day", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_day, error: this.errors.dob_day, inputHandler: this.inputHandler, type: "day" })), h("div", { class: "col-12 col-md-4" }, h("form-control-datepart", { name: "dob_month", label: "Month", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_month, error: this.errors.dob_month, inputHandler: this.inputHandler, type: "month" })), h("div", { class: "col-12 col-md-4" }, h("form-control-datepart", { name: "dob_year", label: "Year", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_year, error: this.errors.dob_year, inputHandler: this.inputHandler, type: "year" })), h("div", { class: "col-12" }, h("form-control-number", { name: "identification_number", label: "EIN/SSN", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, error: this.errors.identification_number, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("justifi-business-address-form", { errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, onFormUpdate: values => this.onAddressFormUpdate(values) }))))));
+    }
+    static get is() { return "justifi-business-representative"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["business-representative.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["business-representative.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "formController": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "FormController",
+                    "resolved": "FormController",
+                    "references": {
+                        "FormController": {
+                            "location": "import",
+                            "path": "../../form/form",
+                            "id": "src/components/form/form.ts::FormController"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
             }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        }
-      }
-    };
-  }
-  static get states() {
-    return {
-      "errors": {},
-      "representative": {}
-    };
-  }
+        };
+    }
+    static get states() {
+        return {
+            "errors": {},
+            "representative": {}
+        };
+    }
 }

package/dist/collection/components/business-form/helpers.js

@@ -1,22 +1,22 @@
 // These props should not be sent to the server
 export const parseForPatching = (data) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-  delete data.id;
-  delete data.documents;
-  delete data.bank_accounts;
-  delete data.product_categories;
-  delete data.created_at;
-  delete data.updated_at;
-  (_a = data.legal_address) === null || _a === void 0 ? true : delete _a.id;
-  (_b = data.legal_address) === null || _b === void 0 ? true : delete _b.created_at;
-  (_c = data.legal_address) === null || _c === void 0 ? true : delete _c.updated_at;
-  (_d = data.representative) === null || _d === void 0 ? true : delete _d.id;
-  (_e = data.representative) === null || _e === void 0 ? true : delete _e.documents;
-  (_f = data.representative) === null || _f === void 0 ? true : delete _f.created_at;
-  (_g = data.representative) === null || _g === void 0 ? true : delete _g.updated_at;
-  (_h = data.representative) === null || _h === void 0 ? true : delete _h.address.id;
-  (_j = data.representative) === null || _j === void 0 ? true : delete _j.address.created_at;
-  (_k = data.representative) === null || _k === void 0 ? true : delete _k.address.updated_at;
-  delete data.owners;
-  return data;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    delete data.id;
+    delete data.documents;
+    delete data.bank_accounts;
+    delete data.product_categories;
+    delete data.created_at;
+    delete data.updated_at;
+    (_a = data.legal_address) === null || _a === void 0 ? true : delete _a.id;
+    (_b = data.legal_address) === null || _b === void 0 ? true : delete _b.created_at;
+    (_c = data.legal_address) === null || _c === void 0 ? true : delete _c.updated_at;
+    (_d = data.representative) === null || _d === void 0 ? true : delete _d.id;
+    (_e = data.representative) === null || _e === void 0 ? true : delete _e.documents;
+    (_f = data.representative) === null || _f === void 0 ? true : delete _f.created_at;
+    (_g = data.representative) === null || _g === void 0 ? true : delete _g.updated_at;
+    (_h = data.representative) === null || _h === void 0 ? true : delete _h.address.id;
+    (_j = data.representative) === null || _j === void 0 ? true : delete _j.address.created_at;
+    (_k = data.representative) === null || _k === void 0 ? true : delete _k.address.updated_at;
+    delete data.owners;
+    return data;
 };

package/dist/collection/components/business-form/legal-address-form/legal-address-form-schema.js

@@ -1,10 +1,10 @@
 import * as Yup from "yup";
 const legalAddressSchema = Yup.object({
-  line1: Yup.string().required('Enter street address'),
-  line2: Yup.string(),
-  city: Yup.string().required('Enter city'),
-  state: Yup.string().required('Select state'),
-  postal_code: Yup.string().required('Enter postal code'),
-  country: Yup.string().required('Select country'),
+    line1: Yup.string().required('Enter street address'),
+    line2: Yup.string(),
+    city: Yup.string().required('Enter city'),
+    state: Yup.string().required('Select state'),
+    postal_code: Yup.string().required('Enter postal code'),
+    country: Yup.string().required('Select country'),
 });
 export default legalAddressSchema;