@justifi/webcomponents 4.2.2 → 4.5.0

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

@@ -0,0 +1,131 @@
+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 = {};
+  }
+}
+/**
+ * @exportedPart label: Label for inputs
+ * @exportedPart input: The input fields
+ * @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", { class: "mb-4" }, !!this.owners.length && h("legend", null, "Owners"), !!(this === null || this === void 0 ? void 0 : this.owners.length) &&
+      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-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-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
+      }
+    };
+  }
+  static get states() {
+    return {
+      "errors": {},
+      "owners": {}
+    };
+  }
+}
+//# sourceMappingURL=business-owners.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"business-owners.js","sourceRoot":"","sources":["../../../../../src/components/business-form/business-owners/business-owners.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State } from '@stencil/core';\nimport { FormController } from '../../form/form';\nimport { PHONE_MASKS } from '../../../utils/phone-masks';\n\nclass BusinessOwner {\n  name: string = '';\n  title: string = '';\n  email: string = '';\n  phone: string = '';\n  dob_day: string = '';\n  dob_month: string = '';\n  dob_year: string = '';\n  identification_number: string = '';\n  is_owner: boolean = true;\n  metadata: any = {};\n  address: any = {};\n}\n\n/**\n * @exportedPart label: Label for inputs\n * @exportedPart input: The input fields\n * @exportedPart input-invalid: Invalid state for inputfs\n */\n@Component({\n  tag: 'justifi-business-owners',\n  styleUrl: 'business-owners.scss',\n  shadow: false,\n})\nexport class BusinessOwners {\n  @Prop() formController: FormController;\n  @Prop() isEditing: boolean;\n  @State() errors: any[] = [];\n  @State() owners: BusinessOwner[] = [];\n\n  constructor() {\n    this.inputHandler = this.inputHandler.bind(this);\n    this.addOwner = this.addOwner.bind(this);\n    this.removeOwner = this.removeOwner.bind(this);\n  }\n\n  componentDidLoad() {\n    this.formController.errors.subscribe(errors => {\n      this.errors = errors?.owners || [];\n    });\n    this.formController.values.subscribe(\n      values => (this.owners = values?.owners || []),\n    );\n  }\n\n  inputHandler(name: string, value: string, index: number): void {\n    this.formController.setValues({\n      ...this.formController.values.getValue(),\n      owners: this.owners.map((owner, i) => {\n        if (i === index) {\n          return {\n            ...owner,\n            [name]: value,\n          };\n        }\n        return owner;\n      }),\n    });\n  }\n\n  addressInputHandler(name: string, value: string, index: number): void {\n    this.formController.setValues({\n      ...this.formController.values.getValue(),\n      owners: this.owners.map((owner, i) => {\n        if (i === index) {\n          return {\n            ...owner,\n            address: {\n              ...owner.address,\n              [name]: value,\n            },\n          };\n        }\n        return owner;\n      }),\n    });\n  }\n\n  addOwner(event: MouseEvent): void {\n    event.preventDefault();\n\n    this.formController.setValues({\n      ...this.formController.values.getValue(),\n      owners: [...this.owners, { ...new BusinessOwner() }],\n    });\n  }\n\n  removeOwner(event: MouseEvent, index: number): void {\n    event.preventDefault();\n    this.formController.setValues({\n      ...this.formController.values.getValue(),\n      owners: this.owners.filter((_owner, i) => i !== index),\n    });\n  }\n\n  render() {\n    const ownersDefaultValue =\n      this.formController.values.getValue().owners || [];\n\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <fieldset class=\"mb-4\">\n          {!!this.owners.length && <legend>Owners</legend>}\n          {!!this?.owners.length &&\n            this.owners.map((_owner: BusinessOwner, index: number) => {\n              return (\n                <div class=\"row gx-2 gy-2 mb-4\">\n                  <div class=\"col-12\">\n                    <div class=\"row mb-3\">\n                      <div class=\"col-12 col-md-6\">\n                        <form-control-text\n                          name=\"name\"\n                          label=\"Full Name\"\n                          defaultValue={ownersDefaultValue[index]?.name}\n                          error={this.errors[index]?.name}\n                          inputHandler={(name, value) =>\n                            this.inputHandler(name, value, index)\n                          }\n                          disabled={this.isEditing}\n                        />\n                      </div>\n                      <div class=\"col-12 col-md-6\">\n                        <form-control-text\n                          name=\"title\"\n                          label=\"Title\"\n                          defaultValue={ownersDefaultValue[index]?.title}\n                          error={this.errors[index]?.title}\n                          inputHandler={(name, value) =>\n                            this.inputHandler(name, value, index)\n                          }\n                          disabled={this.isEditing}\n                        />\n                      </div>\n                    </div>\n\n                    <div class=\"row mb-3\">\n                      <div class=\"col-12 col-md-6\">\n                        <form-control-text\n                          name=\"email\"\n                          label=\"Email\"\n                          defaultValue={ownersDefaultValue[index]?.email}\n                          error={this.errors[index]?.email}\n                          inputHandler={(name, value) =>\n                            this.inputHandler(name, value, index)\n                          }\n                          disabled={this.isEditing}\n                        />\n                      </div>\n                      <div class=\"col-12 col-md-6\">\n                        <form-control-number-masked\n                          name=\"phone\"\n                          label=\"Phone\"\n                          defaultValue={ownersDefaultValue[index]?.phone}\n                          error={this.errors[index]?.phone}\n                          inputHandler={(name, value) =>\n                            this.inputHandler(name, value, index)\n                          }\n                          mask={PHONE_MASKS.US}\n                          disabled={this.isEditing}\n                        />\n                      </div>\n                    </div>\n\n                    <div class=\"row mb-3\">\n                      <div class=\"col-12 col-md-4\">\n                        <form-control-datepart\n                          name=\"dob_day\"\n                          label=\"Date of Birth - Day\"\n                          defaultValue={ownersDefaultValue[index]?.dob_day}\n                          error={this.errors[index]?.dob_day}\n                          inputHandler={(name, value) =>\n                            this.inputHandler(name, value, index)\n                          }\n                          type=\"day\"\n                          disabled={this.isEditing}\n                        />\n                      </div>\n                      <div class=\"col-12 col-md-4\">\n                        <form-control-datepart\n                          name=\"dob_month\"\n                          label=\"Date of Birth - Month\"\n                          defaultValue={ownersDefaultValue[index]?.dob_month}\n                          error={this.errors[index]?.dob_month}\n                          inputHandler={(name, value) =>\n                            this.inputHandler(name, value, index)\n                          }\n                          type=\"month\"\n                          disabled={this.isEditing}\n                        />\n                      </div>\n                      <div class=\"col-12 col-md-4\">\n                        <form-control-datepart\n                          name=\"dob_year\"\n                          label=\"Date of Birth - Year\"\n                          defaultValue={ownersDefaultValue[index]?.dob_year}\n                          error={this.errors[index]?.dob_year}\n                          inputHandler={(name, value) =>\n                            this.inputHandler(name, value, index)\n                          }\n                          type=\"year\"\n                          disabled={this.isEditing}\n                        />\n                      </div>\n                    </div>\n\n                    <div class=\"mb-3\">\n                      <form-control-number\n                        name=\"identification_number\"\n                        label=\"Identification Number\"\n                        defaultValue={\n                          ownersDefaultValue[index]?.identification_number\n                        }\n                        error={this.errors[index]?.identification_number}\n                        inputHandler={(name, value) =>\n                          this.inputHandler(name, value, index)\n                        }\n                        disabled={this.isEditing}\n                      />\n                    </div>\n\n                    <div class=\"grid gap-3\">\n                      <legend class=\"mb-3\">Owner Address:</legend>\n\n                      <div class=\"row mb-3\">\n                        <div class=\"col-12 col-md-6\">\n                          <form-control-text\n                            name=\"line1\"\n                            label=\"Street Address\"\n                            defaultValue={\n                              ownersDefaultValue[index]?.address?.line1\n                            }\n                            error={this.errors[index]?.address?.line1}\n                            inputHandler={(name, value) =>\n                              this.addressInputHandler(name, value, index)\n                            }\n                            disabled={this.isEditing}\n                          />\n                        </div>\n                        <div class=\"col-12 col-md-6\">\n                          <form-control-text\n                            name=\"city\"\n                            label=\"City\"\n                            defaultValue={\n                              ownersDefaultValue[index]?.address?.city\n                            }\n                            error={this.errors[index]?.address?.city}\n                            inputHandler={(name, value) =>\n                              this.addressInputHandler(name, value, index)\n                            }\n                            disabled={this.isEditing}\n                          />\n                        </div>\n                      </div>\n\n                      <div class=\"row mb-3\">\n                        <div class=\"col-12 col-md-6\">\n                          <form-control-text\n                            name=\"state\"\n                            label=\"State\"\n                            defaultValue={\n                              ownersDefaultValue[index]?.address?.state\n                            }\n                            error={this.errors[index]?.address?.state}\n                            inputHandler={(name, value) =>\n                              this.addressInputHandler(name, value, index)\n                            }\n                            disabled={this.isEditing}\n                          />\n                        </div>\n                        <div class=\"col-12 col-md-6\">\n                          <form-control-number\n                            name=\"postal_code\"\n                            label=\"Postal Code\"\n                            defaultValue={\n                              ownersDefaultValue[index]?.address?.postal_code\n                            }\n                            error={this.errors[index]?.address?.postal_code}\n                            inputHandler={(name, value) =>\n                              this.addressInputHandler(name, value, index)\n                            }\n                            disabled={this.isEditing}\n                          />\n                        </div>\n                      </div>\n                    </div>\n                    <button\n                      type=\"button\"\n                      class=\"btn btn-danger\"\n                      onClick={event => this.removeOwner(event, index)}\n                    >\n                      - Remove owner\n                    </button>\n                  </div>\n                </div>\n              );\n            })}\n          <div class=\"row gy-3\">\n            <div class=\"col-12\">\n              <button\n                type=\"button\"\n                class=\"btn btn-primary\"\n                onClick={event => this.addOwner(event)}\n              >\n                + Add an owner\n              </button>\n            </div>\n          </div>\n        </fieldset>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,2 @@
+export const RegExZip = /^\d{5}/;
+//# sourceMappingURL=business-representative-schema.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"business-representative-schema.js","sourceRoot":"","sources":["../../../../../src/components/business-form/business-representative/business-representative-schema.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC","sourcesContent":["import { BusinessAddressFormFields } from '../business-address/business-address-form-schema';\n\nexport const RegExZip = /^\\d{5}/;\n\nexport interface IBusinessRepresentative {\n  name: string,\n  title: string,\n  email: string,\n  phone: string,\n  dob_day: string,\n  dob_month: string,\n  dob_year: string,\n  identification_number: string,\n  is_owner: boolean,\n  metadata: any,\n  address: BusinessAddressFormFields,\n}\n"]}