@justifi/webcomponents 4.2.2 → 4.4.0

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

@@ -0,0 +1,120 @@
+import { Host, h } from "@stencil/core";
+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.defaultValues = [];
+    this.errors = [];
+    this.owners = [];
+  }
+  handleOwnersChange(newValues) {
+    this.formController.setValues({ owners: newValues });
+  }
+  componentDidLoad() {
+    this.formController.defaultValues.subscribe(defaultValues => (this.defaultValues = Object.assign({}, defaultValues.owners)));
+    this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors.owners)));
+  }
+  inputHandler(name, value, index) {
+    const updatedOwners = [...this.owners];
+    const updatedOwner = Object.assign(Object.assign({}, updatedOwners[index]), { [name]: value });
+    updatedOwners[index] = updatedOwner;
+    this.owners = updatedOwners;
+  }
+  addOwner(event) {
+    event.preventDefault();
+    this.owners.push(new BusinessOwner());
+    this.owners = [...this.owners];
+  }
+  removeOwner(event, index) {
+    event.preventDefault();
+    this.owners.splice(index, 1);
+    this.owners = [...this.owners];
+  }
+  render() {
+    return (h(Host, { exportparts: "label,input,input-invalid" }, h("fieldset", { class: "mb-4" }, !!this.owners.length && h("legend", null, "Owners"), 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" }, h("form-control-text", { name: "name", label: "Full Name", defaultValue: (_a = this.defaultValues[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), class: "form-control" })), h("div", { class: "col" }, h("form-control-text", { name: "title", label: "Title", defaultValue: (_c = this.defaultValues[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), class: "form-control" }))), h("div", { class: "row mb-3" }, h("div", { class: "col" }, h("form-control-text", { name: "email", label: "Email", defaultValue: (_e = this.defaultValues[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), class: "form-control" })), h("div", { class: "col" }, h("form-control-text", { name: "phone", label: "Phone", defaultValue: (_g = this.defaultValues[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), class: "form-control" }))), h("div", { class: "row mb-3" }, h("div", { class: "col-4" }, h("form-control-text", { name: "dob_day", label: "Date of Birth - Day", defaultValue: (_j = this.defaultValues[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), class: "form-control" })), h("div", { class: "col-4" }, h("form-control-text", { name: "dob_month", label: "Date of Birth - Month", defaultValue: (_l = this.defaultValues[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), class: "form-control" })), h("div", { class: "col-4" }, h("form-control-text", { name: "dob_year", label: "Date of Birth - Year", defaultValue: (_o = this.defaultValues[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), class: "form-control" }))), h("div", { class: "mb-3" }, h("form-control-text", { name: "identification_number", label: "Identification Number", defaultValue: (_q = this.defaultValues[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), class: "form-control" })), h("legend", { class: "mb-3" }, "Owner Address:"), h("div", { class: "row mb-3" }, h("div", { class: "col-6" }, h("form-control-text", { name: "line1", label: "Street Address", defaultValue: (_t = (_s = this.defaultValues[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.owners[index].address.line1 = value;
+          this.owners = [...this.owners];
+        }, class: "form-control" })), h("div", { class: "col-6" }, h("form-control-text", { name: "city", label: "City", defaultValue: (_x = (_w = this.defaultValues[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.owners[index].address.city = value;
+          this.owners = [...this.owners];
+        }, class: "form-control" }))), h("div", { class: "row mb-3" }, h("div", { class: "col-6" }, h("form-control-text", { name: "state", label: "State", defaultValue: (_1 = (_0 = this.defaultValues[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.owners[index].address.state = value;
+          this.owners = [...this.owners];
+        }, class: "form-control" })), h("div", { class: "col-6" }, h("form-control-text", { name: "postal_code", label: "Postal Code", defaultValue: (_5 = (_4 = this.defaultValues[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.owners[index].address.postal_code = value;
+          this.owners = [...this.owners];
+        }, class: "form-control" }))), h("button", { type: "button", class: "btn btn-danger mt-3", 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": ""
+        }
+      }
+    };
+  }
+  static get states() {
+    return {
+      "defaultValues": {},
+      "errors": {},
+      "owners": {}
+    };
+  }
+  static get watchers() {
+    return [{
+        "propName": "owners",
+        "methodName": "handleOwnersChange"
+      }];
+  }
+}
+//# 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, Watch } from '@stencil/core';\nimport { FormController } from '../../form/form';\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  @State() defaultValues: any[] = [];\n  @State() errors: any[] = [];\n  @State() owners: BusinessOwner[] = [];\n\n  @Watch('owners')\n  handleOwnersChange(newValues: any) {\n    this.formController.setValues({ owners: newValues });\n  }\n\n  componentDidLoad() {\n    this.formController.defaultValues.subscribe(defaultValues => (this.defaultValues = { ...defaultValues.owners }));\n    this.formController.errors.subscribe(errors => (this.errors = { ...errors.owners }));\n  }\n\n  inputHandler(name: string, value: string, index: number): void {\n    const updatedOwners = [...this.owners];\n    const updatedOwner = { ...updatedOwners[index], [name]: value };\n    updatedOwners[index] = updatedOwner;\n    this.owners = updatedOwners;\n  }\n\n  addOwner(event: MouseEvent): void {\n    event.preventDefault();\n    this.owners.push(new BusinessOwner());\n    this.owners = [...this.owners];\n  }\n\n  removeOwner(event: MouseEvent, index: number): void {\n    event.preventDefault();\n    this.owners.splice(index, 1);\n    this.owners = [...this.owners];\n  }\n\n  render() {\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <fieldset class=\"mb-4\">\n          {!!this.owners.length && <legend>Owners</legend>}\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\">\n                      <form-control-text\n                        name=\"name\"\n                        label=\"Full Name\"\n                        defaultValue={this.defaultValues[index]?.name}\n                        error={this.errors[index]?.name}\n                        inputHandler={(name, value) => this.inputHandler(name, value, index)}\n                        class=\"form-control\"\n                      />\n                    </div>\n                    <div class=\"col\">\n                      <form-control-text\n                        name=\"title\"\n                        label=\"Title\"\n                        defaultValue={this.defaultValues[index]?.title}\n                        error={this.errors[index]?.title}\n                        inputHandler={(name, value) => this.inputHandler(name, value, index)}\n                        class=\"form-control\"\n                      />\n                    </div>\n                  </div>\n\n                  <div class=\"row mb-3\">\n                    <div class=\"col\">\n                      <form-control-text\n                        name=\"email\"\n                        label=\"Email\"\n                        defaultValue={this.defaultValues[index]?.email}\n                        error={this.errors[index]?.email}\n                        inputHandler={(name, value) => this.inputHandler(name, value, index)}\n                        class=\"form-control\"\n                      />\n                    </div>\n                    <div class=\"col\">\n                      <form-control-text\n                        name=\"phone\"\n                        label=\"Phone\"\n                        defaultValue={this.defaultValues[index]?.phone}\n                        error={this.errors[index]?.phone}\n                        inputHandler={(name, value) => this.inputHandler(name, value, index)}\n                        class=\"form-control\"\n                      />\n                    </div>\n                  </div>\n\n                  <div class=\"row mb-3\">\n                    <div class=\"col-4\">\n                      <form-control-text\n                        name=\"dob_day\"\n                        label=\"Date of Birth - Day\"\n                        defaultValue={this.defaultValues[index]?.dob_day}\n                        error={this.errors[index]?.dob_day}\n                        inputHandler={(name, value) => this.inputHandler(name, value, index)}\n                        class=\"form-control\"\n                      />\n                    </div>\n                    <div class=\"col-4\">\n                      <form-control-text\n                        name=\"dob_month\"\n                        label=\"Date of Birth - Month\"\n                        defaultValue={this.defaultValues[index]?.dob_month}\n                        error={this.errors[index]?.dob_month}\n                        inputHandler={(name, value) => this.inputHandler(name, value, index)}\n                        class=\"form-control\"\n                      />\n                    </div>\n                    <div class=\"col-4\">\n                      <form-control-text\n                        name=\"dob_year\"\n                        label=\"Date of Birth - Year\"\n                        defaultValue={this.defaultValues[index]?.dob_year}\n                        error={this.errors[index]?.dob_year}\n                        inputHandler={(name, value) => this.inputHandler(name, value, index)}\n                        class=\"form-control\"\n                      />\n                    </div>\n                  </div>\n\n                  <div class=\"mb-3\">\n                    <form-control-text\n                      name=\"identification_number\"\n                      label=\"Identification Number\"\n                      defaultValue={this.defaultValues[index]?.identification_number}\n                      error={this.errors[index]?.identification_number}\n                      inputHandler={(name, value) => this.inputHandler(name, value, index)}\n                      class=\"form-control\"\n                    />\n                  </div>\n\n                  <legend class=\"mb-3\">Owner Address:</legend>\n\n                  <div class=\"row mb-3\">\n                    <div class=\"col-6\">\n                      <form-control-text\n                        name=\"line1\"\n                        label=\"Street Address\"\n                        defaultValue={this.defaultValues[index]?.address?.line1}\n                        error={this.errors[index]?.address?.line1}\n                        inputHandler={(_name, value) => {\n                          this.owners[index].address.line1 = value;\n                          this.owners = [...this.owners];\n                        }}\n                        class=\"form-control\"\n                      />\n                    </div>\n                    <div class=\"col-6\">\n                      <form-control-text\n                        name=\"city\"\n                        label=\"City\"\n                        defaultValue={this.defaultValues[index]?.address?.city}\n                        error={this.errors[index]?.address?.city}\n                        inputHandler={(_name, value) => {\n                          this.owners[index].address.city = value;\n                          this.owners = [...this.owners];\n                        }}\n                        class=\"form-control\"\n                      />\n                    </div>\n                  </div>\n\n                  <div class=\"row mb-3\">\n                    <div class=\"col-6\">\n                      <form-control-text\n                        name=\"state\"\n                        label=\"State\"\n                        defaultValue={this.defaultValues[index]?.address?.state}\n                        error={this.errors[index]?.address?.state}\n                        inputHandler={(_name, value) => {\n                          this.owners[index].address.state = value;\n                          this.owners = [...this.owners];\n                        }}\n                        class=\"form-control\"\n                      />\n                    </div>\n                    <div class=\"col-6\">\n                      <form-control-text\n                        name=\"postal_code\"\n                        label=\"Postal Code\"\n                        defaultValue={this.defaultValues[index]?.address?.postal_code}\n                        error={this.errors[index]?.address?.postal_code}\n                        inputHandler={(_name, value) => {\n                          this.owners[index].address.postal_code = value;\n                          this.owners = [...this.owners];\n                        }}\n                        class=\"form-control\"\n                      />\n                    </div>\n                  </div>\n                  <button type=\"button\" class=\"btn btn-danger mt-3\" onClick={event => this.removeOwner(event, index)}>\n                    - Remove owner\n                  </button>\n                </div>\n              </div>\n            );\n          })}\n          <div class=\"row gy-3\">\n            <div class=\"col-12\">\n              <button type=\"button\" class=\"btn btn-primary\" onClick={event => this.addOwner(event)}>\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"]}