@justifi/webcomponents 4.6.3 → 4.7.0-rc.0

package/dist/collection/components/business-form/business-generic-info/business-generic-info.js.map

@@ -1 +1 @@
-{"version":3,"file":"business-generic-info.js","sourceRoot":"","sources":["../../../../../src/components/business-form/business-generic-info/business-generic-info.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State } from '@stencil/core';\n\nimport {\n  BusinessStructureOptions,\n  BusinessTypeOptions,\n} from '../business-form-schema';\nimport { FormController } from '../../form/form';\nimport { PHONE_MASKS } from '../../../utils/phone-masks';\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-generic-info',\n  styleUrl: 'business-generic-info.scss',\n})\nexport class BusinessGenericInfo {\n  @Prop() formController: FormController;\n  @State() errors: any = {};\n  @State() business: any = {};\n\n  constructor() {\n    this.inputHandler = this.inputHandler.bind(this);\n  }\n\n  componentDidLoad() {\n    this.formController.errors.subscribe(errors => {\n      this.errors = { ...errors };\n    });\n    this.formController.values.subscribe(\n      values => (this.business = { ...values }),\n    );\n  }\n\n  inputHandler(name: string, value: string) {\n    this.formController.setValues({\n      ...this.formController.values.getValue(),\n      [name]: value,\n    });\n  }\n\n  render() {\n    const genericInfoDefaultValue = this.formController.getInitialValues();\n\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <div class=\"row gy-3\">\n          <div class=\"col-12 col-md-6\">\n            <form-control-text\n              name=\"legal_name\"\n              label=\"Legal Name\"\n              defaultValue={genericInfoDefaultValue.legal_name}\n              error={this.errors.legal_name}\n              inputHandler={this.inputHandler}\n            />\n          </div>\n          <div class=\"col-12 col-md-6\">\n            <form-control-text\n              name=\"doing_business_as\"\n              label=\"Doing Business As (DBA)\"\n              defaultValue={genericInfoDefaultValue.doing_business_as}\n              error={this.errors.doing_business_as}\n              inputHandler={this.inputHandler}\n            />\n          </div>\n          <div class=\"col-12 col-md-6\">\n            <form-control-select\n              name=\"business_type\"\n              label=\"Business Type\"\n              options={BusinessTypeOptions}\n              defaultValue={genericInfoDefaultValue.business_type}\n              error={this.errors.business_type}\n              inputHandler={this.inputHandler}\n            />\n          </div>\n          <div class=\"col-12 col-md-6\">\n            <form-control-select\n              name=\"business_structure\"\n              label=\"Business Structure\"\n              options={BusinessStructureOptions}\n              defaultValue={genericInfoDefaultValue.business_structure}\n              error={this.errors.business_structure}\n              inputHandler={this.inputHandler}\n            />\n          </div>\n          <div class=\"col-12\">\n            <form-control-text\n              name=\"industry\"\n              label=\"Industry\"\n              defaultValue={genericInfoDefaultValue.industry}\n              error={this.errors.business_structure}\n              inputHandler={this.inputHandler}\n            />\n          </div>\n          <div class=\"col-12\">\n            <form-control-number\n              name=\"tax_id\"\n              label=\"Tax ID\"\n              defaultValue={genericInfoDefaultValue.tax_id}\n              error={this.errors.tax_id}\n              inputHandler={this.inputHandler}\n            />\n          </div>\n          <div class=\"col-12\">\n            <form-control-text\n              name=\"website_url\"\n              label=\"Website URL\"\n              defaultValue={genericInfoDefaultValue.website_url}\n              error={this.errors.website_url}\n              inputHandler={this.inputHandler}\n            />\n          </div>\n          <div class=\"col-12 col-md-6\">\n            <form-control-text\n              name=\"email\"\n              label=\"Email Address\"\n              defaultValue={genericInfoDefaultValue.email}\n              error={this.errors.email}\n              inputHandler={this.inputHandler}\n            />\n          </div>\n          <div class=\"col-12 col-md-6\">\n            <form-control-number-masked\n              name=\"phone\"\n              label=\"Phone Number\"\n              defaultValue={genericInfoDefaultValue.phone}\n              error={this.errors.phone}\n              inputHandler={this.inputHandler}\n              mask={PHONE_MASKS.US}\n            />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"business-generic-info.js","sourceRoot":"","sources":["../../../../../src/components/business-form/business-generic-info/business-generic-info.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State } from '@stencil/core';\n\nimport {\n  BusinessStructureOptions,\n  BusinessTypeOptions,\n} from '../business-form-schema';\nimport { FormController } from '../../form/form';\nimport { PHONE_MASKS } from '../../../utils/phone-masks';\n\n/**\n *\n * The difference between this component and business-generic-info-details\n * is that this component is meant to be a form and send data\n * and the other one  is meant to be just read only.\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-generic-info',\n  styleUrl: 'business-generic-info.scss',\n})\nexport class BusinessGenericInfo {\n  @Prop() formController: FormController;\n  @State() errors: any = {};\n\n  constructor() {\n    this.inputHandler = this.inputHandler.bind(this);\n  }\n\n  componentDidLoad() {\n    this.formController.errors.subscribe(errors => {\n      this.errors = { ...errors };\n    });\n  }\n\n  inputHandler(name: string, value: string) {\n    this.formController.setValues({\n      ...this.formController.values.getValue(),\n      [name]: value,\n    });\n  }\n\n  render() {\n    const genericInfoDefaultValue = this.formController.getInitialValues();\n\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <fieldset>\n          <legend>General Info</legend>\n          <hr />\n          <div class=\"row gy-3\">\n            <div class=\"col-12 col-md-6\">\n              <form-control-text\n                name=\"legal_name\"\n                label=\"Legal Name\"\n                defaultValue={genericInfoDefaultValue.legal_name}\n                error={this.errors.legal_name}\n                inputHandler={this.inputHandler}\n              />\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <form-control-text\n                name=\"doing_business_as\"\n                label=\"Doing Business As (DBA)\"\n                defaultValue={genericInfoDefaultValue.doing_business_as}\n                error={this.errors.doing_business_as}\n                inputHandler={this.inputHandler}\n              />\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <form-control-select\n                name=\"business_type\"\n                label=\"Business Type\"\n                options={BusinessTypeOptions}\n                defaultValue={genericInfoDefaultValue.business_type}\n                error={this.errors.business_type}\n                inputHandler={this.inputHandler}\n              />\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <form-control-select\n                name=\"business_structure\"\n                label=\"Business Structure\"\n                options={BusinessStructureOptions}\n                defaultValue={genericInfoDefaultValue.business_structure}\n                error={this.errors.business_structure}\n                inputHandler={this.inputHandler}\n              />\n            </div>\n            <div class=\"col-12\">\n              <form-control-text\n                name=\"industry\"\n                label=\"Industry\"\n                defaultValue={genericInfoDefaultValue.industry}\n                error={this.errors.business_structure}\n                inputHandler={this.inputHandler}\n              />\n            </div>\n            <div class=\"col-12\">\n              <form-control-number\n                name=\"tax_id\"\n                label=\"Tax ID\"\n                defaultValue={genericInfoDefaultValue.tax_id}\n                error={this.errors.tax_id}\n                inputHandler={this.inputHandler}\n              />\n            </div>\n            <div class=\"col-12\">\n              <form-control-text\n                name=\"website_url\"\n                label=\"Website URL\"\n                defaultValue={genericInfoDefaultValue.website_url}\n                error={this.errors.website_url}\n                inputHandler={this.inputHandler}\n              />\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <form-control-text\n                name=\"email\"\n                label=\"Email Address\"\n                defaultValue={genericInfoDefaultValue.email}\n                error={this.errors.email}\n                inputHandler={this.inputHandler}\n              />\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <form-control-number-masked\n                name=\"phone\"\n                label=\"Phone Number\"\n                defaultValue={genericInfoDefaultValue.phone}\n                error={this.errors.phone}\n                inputHandler={this.inputHandler}\n                mask={PHONE_MASKS.US}\n              />\n            </div>\n          </div>\n        </fieldset>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -62,11 +62,10 @@ export class BusinessOwners {
   }
   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"))))));
+    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() {

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

@@ -1 +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"]}
+{"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>\n          <legend>Owners</legend>\n          <hr />\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-outline-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-outline-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.map

@@ -1 +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"]}
+{"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  created_at: string;\n  updated_at: string;\n}\n"]}

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

@@ -20,7 +20,7 @@ export class BusinessRepresentative {
   }
   render() {
     const representativeDefaultValue = this.formController.getInitialValues().representative;
-    return (h(Host, { exportparts: "label,input,input-invalid" }, h("fieldset", null, h("legend", null, "Representative"), 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: [
+    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) }))))));

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

@@ -1 +1 @@
-{"version":3,"file":"business-representative.js","sourceRoot":"","sources":["../../../../../src/components/business-form/business-representative/business-representative.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\n@Component({\n  tag: 'justifi-business-representative',\n  styleUrl: 'business-representative.scss',\n})\nexport class BusinessRepresentative {\n  @Prop() formController: FormController;\n  @State() errors: any = {};\n  @State() representative: any = {};\n\n  constructor() {\n    this.inputHandler = this.inputHandler.bind(this);\n    this.onAddressFormUpdate = this.onAddressFormUpdate.bind(this);\n  }\n\n  componentDidLoad() {\n    this.formController.errors.subscribe(\n      errors => (this.errors = { ...errors.representative }),\n    );\n    this.formController.values.subscribe(\n      values => (this.representative = { ...values.representative }),\n    );\n  }\n\n  inputHandler(name: string, value: string) {\n    this.formController.setValues({\n      ...this.formController.values.getValue(),\n      representative: {\n        ...this.formController.values.getValue().representative,\n        [name]: value,\n      },\n    });\n  }\n\n  onAddressFormUpdate(values: any): void {\n    this.formController.setValues({\n      ...this.formController.values.getValue(),\n      representative: {\n        ...this.formController.values.getValue().representative,\n        address: {\n          ...this.formController.values.getValue().representative.address,\n          ...values,\n        },\n      },\n    });\n  }\n\n  render() {\n    const representativeDefaultValue =\n      this.formController.getInitialValues().representative;\n\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <fieldset>\n          <legend>Representative</legend>\n          <div class=\"row gy-3\">\n            <div class=\"col-12 col-md-8\">\n              <form-control-text\n                name=\"name\"\n                label=\"Full Name\"\n                defaultValue={representativeDefaultValue?.name}\n                error={this.errors.name}\n                inputHandler={this.inputHandler}\n              />\n            </div>\n\n            <div class=\"col-12 col-md-4\">\n              <form-control-select\n                name=\"title\"\n                label=\"Prefix\"\n                defaultValue={representativeDefaultValue?.title}\n                options={[\n                  { label: 'Select Prefix', value: '' },\n                  { label: 'Mrs.', value: 'Mrs.' },\n                ]}\n                error={this.errors.title}\n                inputHandler={this.inputHandler}\n              />\n            </div>\n\n            <div class=\"col-12 col-md-6\">\n              <form-control-text\n                name=\"email\"\n                label=\"Email Address\"\n                defaultValue={representativeDefaultValue?.email}\n                error={this.errors.email}\n                inputHandler={this.inputHandler}\n              />\n            </div>\n\n            <div class=\"col-12 col-md-6\">\n              <form-control-number-masked\n                name=\"phone\"\n                label=\"Phone Number\"\n                defaultValue={representativeDefaultValue?.phone}\n                error={this.errors.phone}\n                inputHandler={this.inputHandler}\n                mask={PHONE_MASKS.US}\n              />\n            </div>\n\n            <div class=\"col-12\">\n              <label part=\"label\" class=\"form-label\">\n                Birth Date\n              </label>\n            </div>\n\n            <div class=\"col-12 col-md-4\">\n              <form-control-datepart\n                name=\"dob_day\"\n                label=\"Day\"\n                defaultValue={representativeDefaultValue?.dob_day}\n                error={this.errors.dob_day}\n                inputHandler={this.inputHandler}\n                type=\"day\"\n              />\n            </div>\n\n            <div class=\"col-12 col-md-4\">\n              <form-control-datepart\n                name=\"dob_month\"\n                label=\"Month\"\n                defaultValue={representativeDefaultValue?.dob_month}\n                error={this.errors.dob_month}\n                inputHandler={this.inputHandler}\n                type=\"month\"\n              />\n            </div>\n\n            <div class=\"col-12 col-md-4\">\n              <form-control-datepart\n                name=\"dob_year\"\n                label=\"Year\"\n                defaultValue={representativeDefaultValue?.dob_year}\n                error={this.errors.dob_year}\n                inputHandler={this.inputHandler}\n                type=\"year\"\n              />\n            </div>\n\n            <div class=\"col-12\">\n              <form-control-number\n                name=\"identification_number\"\n                label=\"EIN/SSN\"\n                defaultValue={representativeDefaultValue?.identification_number}\n                error={this.errors.identification_number}\n                inputHandler={this.inputHandler}\n              />\n            </div>\n\n            <div class=\"col-12\">\n              <justifi-business-address-form\n                errors={this.errors.address}\n                defaultValues={representativeDefaultValue?.address}\n                onFormUpdate={values => this.onAddressFormUpdate(values)}\n              />\n            </div>\n          </div>\n        </fieldset>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"business-representative.js","sourceRoot":"","sources":["../../../../../src/components/business-form/business-representative/business-representative.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEhE,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAMzD,MAAM,OAAO,sBAAsB;EAKjC;;kBAHuB,EAAE;0BACM,EAAE;IAG/B,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACjD,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;GAChE;EAED,gBAAgB;IACd,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,SAAS,CAClC,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,qBAAQ,MAAM,CAAC,cAAc,CAAE,CAAC,CACvD,CAAC;IACF,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,SAAS,CAClC,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,cAAc,qBAAQ,MAAM,CAAC,cAAc,CAAE,CAAC,CAC/D,CAAC;EACJ,CAAC;EAED,YAAY,CAAC,IAAY,EAAE,KAAa;IACtC,IAAI,CAAC,cAAc,CAAC,SAAS,iCACxB,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,QAAQ,EAAE,KACxC,cAAc,kCACT,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,cAAc,KACvD,CAAC,IAAI,CAAC,EAAE,KAAK,OAEf,CAAC;EACL,CAAC;EAED,mBAAmB,CAAC,MAAW;IAC7B,IAAI,CAAC,cAAc,CAAC,SAAS,iCACxB,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,QAAQ,EAAE,KACxC,cAAc,kCACT,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,cAAc,KACvD,OAAO,kCACF,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,cAAc,CAAC,OAAO,GAC5D,MAAM,QAGb,CAAC;EACL,CAAC;EAED,MAAM;IACJ,MAAM,0BAA0B,GAC9B,IAAI,CAAC,cAAc,CAAC,gBAAgB,EAAE,CAAC,cAAc,CAAC;IAExD,OAAO,CACL,EAAC,IAAI,IAAC,WAAW,EAAC,2BAA2B;MAC3C;QACE,mCAA+B;QAC/B,aAAM;QACN,WAAK,KAAK,EAAC,UAAU;UACnB,WAAK,KAAK,EAAC,iBAAiB;YAC1B,yBACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,WAAW,EACjB,YAAY,EAAE,0BAA0B,aAA1B,0BAA0B,uBAA1B,0BAA0B,CAAE,IAAI,EAC9C,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EACvB,YAAY,EAAE,IAAI,CAAC,YAAY,GAC/B,CACE;UAEN,WAAK,KAAK,EAAC,iBAAiB;YAC1B,2BACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,QAAQ,EACd,YAAY,EAAE,0BAA0B,aAA1B,0BAA0B,uBAA1B,0BAA0B,CAAE,KAAK,EAC/C,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,EAAE,EAAE;gBACrC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;eACjC,EACD,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EACxB,YAAY,EAAE,IAAI,CAAC,YAAY,GAC/B,CACE;UAEN,WAAK,KAAK,EAAC,iBAAiB;YAC1B,yBACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,eAAe,EACrB,YAAY,EAAE,0BAA0B,aAA1B,0BAA0B,uBAA1B,0BAA0B,CAAE,KAAK,EAC/C,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EACxB,YAAY,EAAE,IAAI,CAAC,YAAY,GAC/B,CACE;UAEN,WAAK,KAAK,EAAC,iBAAiB;YAC1B,kCACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,cAAc,EACpB,YAAY,EAAE,0BAA0B,aAA1B,0BAA0B,uBAA1B,0BAA0B,CAAE,KAAK,EAC/C,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EACxB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,IAAI,EAAE,WAAW,CAAC,EAAE,GACpB,CACE;UAEN,WAAK,KAAK,EAAC,QAAQ;YACjB,aAAO,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,YAAY,iBAE9B,CACJ;UAEN,WAAK,KAAK,EAAC,iBAAiB;YAC1B,6BACE,IAAI,EAAC,SAAS,EACd,KAAK,EAAC,KAAK,EACX,YAAY,EAAE,0BAA0B,aAA1B,0BAA0B,uBAA1B,0BAA0B,CAAE,OAAO,EACjD,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAC1B,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,IAAI,EAAC,KAAK,GACV,CACE;UAEN,WAAK,KAAK,EAAC,iBAAiB;YAC1B,6BACE,IAAI,EAAC,WAAW,EAChB,KAAK,EAAC,OAAO,EACb,YAAY,EAAE,0BAA0B,aAA1B,0BAA0B,uBAA1B,0BAA0B,CAAE,SAAS,EACnD,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,EAC5B,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,IAAI,EAAC,OAAO,GACZ,CACE;UAEN,WAAK,KAAK,EAAC,iBAAiB;YAC1B,6BACE,IAAI,EAAC,UAAU,EACf,KAAK,EAAC,MAAM,EACZ,YAAY,EAAE,0BAA0B,aAA1B,0BAA0B,uBAA1B,0BAA0B,CAAE,QAAQ,EAClD,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,EAC3B,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,IAAI,EAAC,MAAM,GACX,CACE;UAEN,WAAK,KAAK,EAAC,QAAQ;YACjB,2BACE,IAAI,EAAC,uBAAuB,EAC5B,KAAK,EAAC,SAAS,EACf,YAAY,EAAE,0BAA0B,aAA1B,0BAA0B,uBAA1B,0BAA0B,CAAE,qBAAqB,EAC/D,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,qBAAqB,EACxC,YAAY,EAAE,IAAI,CAAC,YAAY,GAC/B,CACE;UAEN,WAAK,KAAK,EAAC,QAAQ;YACjB,qCACE,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAC3B,aAAa,EAAE,0BAA0B,aAA1B,0BAA0B,uBAA1B,0BAA0B,CAAE,OAAO,EAClD,YAAY,EAAE,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC,GACxD,CACE,CACF,CACG,CACN,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop, State } from '@stencil/core';\nimport { FormController } from '../../form/form';\nimport { PHONE_MASKS } from '../../../utils/phone-masks';\n\n@Component({\n  tag: 'justifi-business-representative',\n  styleUrl: 'business-representative.scss',\n})\nexport class BusinessRepresentative {\n  @Prop() formController: FormController;\n  @State() errors: any = {};\n  @State() representative: any = {};\n\n  constructor() {\n    this.inputHandler = this.inputHandler.bind(this);\n    this.onAddressFormUpdate = this.onAddressFormUpdate.bind(this);\n  }\n\n  componentDidLoad() {\n    this.formController.errors.subscribe(\n      errors => (this.errors = { ...errors.representative }),\n    );\n    this.formController.values.subscribe(\n      values => (this.representative = { ...values.representative }),\n    );\n  }\n\n  inputHandler(name: string, value: string) {\n    this.formController.setValues({\n      ...this.formController.values.getValue(),\n      representative: {\n        ...this.formController.values.getValue().representative,\n        [name]: value,\n      },\n    });\n  }\n\n  onAddressFormUpdate(values: any): void {\n    this.formController.setValues({\n      ...this.formController.values.getValue(),\n      representative: {\n        ...this.formController.values.getValue().representative,\n        address: {\n          ...this.formController.values.getValue().representative.address,\n          ...values,\n        },\n      },\n    });\n  }\n\n  render() {\n    const representativeDefaultValue =\n      this.formController.getInitialValues().representative;\n\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <fieldset>\n          <legend>Representative</legend>\n          <hr />\n          <div class=\"row gy-3\">\n            <div class=\"col-12 col-md-8\">\n              <form-control-text\n                name=\"name\"\n                label=\"Full Name\"\n                defaultValue={representativeDefaultValue?.name}\n                error={this.errors.name}\n                inputHandler={this.inputHandler}\n              />\n            </div>\n\n            <div class=\"col-12 col-md-4\">\n              <form-control-select\n                name=\"title\"\n                label=\"Prefix\"\n                defaultValue={representativeDefaultValue?.title}\n                options={[\n                  { label: 'Select Prefix', value: '' },\n                  { label: 'Mrs.', value: 'Mrs.' },\n                ]}\n                error={this.errors.title}\n                inputHandler={this.inputHandler}\n              />\n            </div>\n\n            <div class=\"col-12 col-md-6\">\n              <form-control-text\n                name=\"email\"\n                label=\"Email Address\"\n                defaultValue={representativeDefaultValue?.email}\n                error={this.errors.email}\n                inputHandler={this.inputHandler}\n              />\n            </div>\n\n            <div class=\"col-12 col-md-6\">\n              <form-control-number-masked\n                name=\"phone\"\n                label=\"Phone Number\"\n                defaultValue={representativeDefaultValue?.phone}\n                error={this.errors.phone}\n                inputHandler={this.inputHandler}\n                mask={PHONE_MASKS.US}\n              />\n            </div>\n\n            <div class=\"col-12\">\n              <label part=\"label\" class=\"form-label\">\n                Birth Date\n              </label>\n            </div>\n\n            <div class=\"col-12 col-md-4\">\n              <form-control-datepart\n                name=\"dob_day\"\n                label=\"Day\"\n                defaultValue={representativeDefaultValue?.dob_day}\n                error={this.errors.dob_day}\n                inputHandler={this.inputHandler}\n                type=\"day\"\n              />\n            </div>\n\n            <div class=\"col-12 col-md-4\">\n              <form-control-datepart\n                name=\"dob_month\"\n                label=\"Month\"\n                defaultValue={representativeDefaultValue?.dob_month}\n                error={this.errors.dob_month}\n                inputHandler={this.inputHandler}\n                type=\"month\"\n              />\n            </div>\n\n            <div class=\"col-12 col-md-4\">\n              <form-control-datepart\n                name=\"dob_year\"\n                label=\"Year\"\n                defaultValue={representativeDefaultValue?.dob_year}\n                error={this.errors.dob_year}\n                inputHandler={this.inputHandler}\n                type=\"year\"\n              />\n            </div>\n\n            <div class=\"col-12\">\n              <form-control-number\n                name=\"identification_number\"\n                label=\"EIN/SSN\"\n                defaultValue={representativeDefaultValue?.identification_number}\n                error={this.errors.identification_number}\n                inputHandler={this.inputHandler}\n              />\n            </div>\n\n            <div class=\"col-12\">\n              <justifi-business-address-form\n                errors={this.errors.address}\n                defaultValues={representativeDefaultValue?.address}\n                onFormUpdate={values => this.onAddressFormUpdate(values)}\n              />\n            </div>\n          </div>\n        </fieldset>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,23 @@
+// 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;
+};
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../src/components/business-form/helpers.ts"],"names":[],"mappings":"AAAA,+CAA+C;AAC/C,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAI,EAAE,EAAE;;EACvC,OAAO,IAAI,CAAC,EAAE,CAAC;EACf,OAAO,IAAI,CAAC,SAAS,CAAC;EACtB,OAAO,IAAI,CAAC,aAAa,CAAC;EAC1B,OAAO,IAAI,CAAC,kBAAkB,CAAC;EAC/B,OAAO,IAAI,CAAC,UAAU,CAAC;EACvB,OAAO,IAAI,CAAC,UAAU,CAAC;EAChB,MAAA,IAAI,CAAC,aAAa,+CAAE,EAAE,CAAC;EACvB,MAAA,IAAI,CAAC,aAAa,+CAAE,UAAU,CAAC;EAC/B,MAAA,IAAI,CAAC,aAAa,+CAAE,UAAU,CAAC;EAC/B,MAAA,IAAI,CAAC,cAAc,+CAAE,EAAE,CAAC;EACxB,MAAA,IAAI,CAAC,cAAc,+CAAE,SAAS,CAAC;EAC/B,MAAA,IAAI,CAAC,cAAc,+CAAE,UAAU,CAAC;EAChC,MAAA,IAAI,CAAC,cAAc,+CAAE,UAAU,CAAC;EAChC,MAAA,IAAI,CAAC,cAAc,+CAAE,OAAO,CAAC,EAAE,CAAC;EAChC,MAAA,IAAI,CAAC,cAAc,+CAAE,OAAO,CAAC,UAAU,CAAC;EACxC,MAAA,IAAI,CAAC,cAAc,+CAAE,OAAO,CAAC,UAAU,CAAC;EAC/C,OAAO,IAAI,CAAC,MAAM,CAAC;EAEnB,OAAO,IAAI,CAAC;AACd,CAAC,CAAA","sourcesContent":["// These props should not be sent to the server\nexport const parseForPatching = (data) => {\n  delete data.id;\n  delete data.documents;\n  delete data.bank_accounts;\n  delete data.product_categories;\n  delete data.created_at;\n  delete data.updated_at;\n  delete data.legal_address?.id;\n  delete data.legal_address?.created_at;\n  delete data.legal_address?.updated_at;\n  delete data.representative?.id;\n  delete data.representative?.documents;\n  delete data.representative?.created_at;\n  delete data.representative?.updated_at;\n  delete data.representative?.address.id;\n  delete data.representative?.address.created_at;\n  delete data.representative?.address.updated_at;\n  delete data.owners;\n\n  return data;\n}\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"legal-address-form-schema.js","sourceRoot":"","sources":["../../../../../src/components/business-form/legal-address-form/legal-address-form-schema.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAE3B,MAAM,kBAAkB,GAAG,GAAG,CAAC,MAAM,CAAC;EACpC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,sBAAsB,CAAC;EACpD,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE;EACnB,IAAI,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,YAAY,CAAC;EACzC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,cAAc,CAAC;EAC5C,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC;EACvD,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,gBAAgB,CAAC;CACjD,CAAC,CAAC;AAEH,eAAe,kBAAkB,CAAC","sourcesContent":["import * as Yup from 'yup';\n\nconst legalAddressSchema = Yup.object({\n  line1: Yup.string().required('Enter street address'),\n  line2: Yup.string(),\n  city: Yup.string().required('Enter city'),\n  state: Yup.string().required('Select state'),\n  postal_code: Yup.string().required('Enter postal code'),\n  country: Yup.string().required('Select country'),\n});\n\nexport default legalAddressSchema;\n"]}

package/dist/collection/components/{legal-address-form → business-form/legal-address-form}/legal-address-form.js

@@ -1,5 +1,5 @@
 import { Host, h } from "@stencil/core";
-import countryOptions from "../../utils/country-options";
+import countryOptions from "../../../utils/country-options";
 /**
  * @exportedPart label: Label for inputs
  * @exportedPart input: The input fields
@@ -8,7 +8,6 @@ import countryOptions from "../../utils/country-options";
 export class LegalAddressForm {
   constructor() {
     this.formController = undefined;
-    this.legend = undefined;
     this.errors = {};
     this.legal_address = {};
     this.inputHandler = this.inputHandler.bind(this);
@@ -23,7 +22,7 @@ export class LegalAddressForm {
   render() {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
     const legalAddressDefaultValue = this.formController.getInitialValues().legal_address;
-    return (h(Host, { exportparts: "label,input,input-invalid" }, h("fieldset", { class: "mb-4" }, this.legend && h("legend", null, this.legend), h("div", { class: "row gx-2 gy-2" }, h("div", { class: "col-12" }, h("form-control-text", { name: "line1", label: "Legal Address", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, error: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address) === null || _b === void 0 ? void 0 : _b.line1 })), h("div", { class: "col-12" }, h("form-control-text", { name: "line2", label: "Address Line 2", inputHandler: (name, value) => this.inputHandler(name, value), defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2 })), h("div", { class: "col-12" }, h("form-control-text", { name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, error: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.legal_address) === null || _d === void 0 ? void 0 : _d.city })), h("div", { class: "col-12" }, h("form-control-text", { name: "state", label: "State", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, error: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.legal_address) === null || _f === void 0 ? void 0 : _f.state })), h("div", { class: "col-12" }, h("form-control-number", { name: "postal_code", label: "Postal Code", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, error: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.legal_address) === null || _h === void 0 ? void 0 : _h.postal_code })), h("div", { class: "col-12" }, h("form-control-select", { name: "country", label: "Country", options: countryOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, error: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.legal_address) === null || _k === void 0 ? void 0 : _k.country,
+    return (h(Host, { exportparts: "label,input,input-invalid" }, h("fieldset", null, h("legend", null, "Business Legal Address"), h("hr", null), h("div", { class: "row gx-2 gy-2" }, h("div", { class: "col-12" }, h("form-control-text", { name: "line1", label: "Legal Address", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, error: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address) === null || _b === void 0 ? void 0 : _b.line1 })), h("div", { class: "col-12" }, h("form-control-text", { name: "line2", label: "Address Line 2", inputHandler: (name, value) => this.inputHandler(name, value), defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2 })), h("div", { class: "col-12" }, h("form-control-text", { name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, error: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.legal_address) === null || _d === void 0 ? void 0 : _d.city })), h("div", { class: "col-12" }, h("form-control-text", { name: "state", label: "State", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, error: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.legal_address) === null || _f === void 0 ? void 0 : _f.state })), h("div", { class: "col-12" }, h("form-control-number", { name: "postal_code", label: "Postal Code", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, error: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.legal_address) === null || _h === void 0 ? void 0 : _h.postal_code })), h("div", { class: "col-12" }, h("form-control-select", { name: "country", label: "Country", options: countryOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, error: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.legal_address) === null || _k === void 0 ? void 0 : _k.country,
       // just for now so we skip handling country specificities
       disabled: true }))))));
   }
@@ -49,7 +48,7 @@ export class LegalAddressForm {
           "references": {
             "FormController": {
               "location": "import",
-              "path": "../form/form",
+              "path": "../../form/form",
               "id": "src/components/form/form.ts::FormController"
             }
           }
@@ -60,23 +59,6 @@ export class LegalAddressForm {
           "tags": [],
           "text": ""
         }
-      },
-      "legend": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "legend",
-        "reflect": false
       }
     };
   }

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

@@ -0,0 +1 @@
+{"version":3,"file":"legal-address-form.js","sourceRoot":"","sources":["../../../../../src/components/business-form/legal-address-form/legal-address-form.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, State, h } from '@stencil/core';\nimport { FormController } from '../../form/form';\nimport countryOptions from '../../../utils/country-options';\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-legal-address-form',\n  styleUrl: 'legal-address-form.scss',\n})\nexport class LegalAddressForm {\n  @Prop() formController: FormController;\n  @State() errors: any = {};\n  @State() legal_address: any = {};\n\n  constructor() {\n    this.inputHandler = this.inputHandler.bind(this);\n  }\n\n  componentDidLoad() {\n    this.formController.errors.subscribe(\n      errors => (this.errors = { ...errors }),\n    );\n    this.formController.values.subscribe(\n      values => (this.legal_address = { ...values.legal_address }),\n    );\n  }\n\n  inputHandler(name: string, value: string) {\n    this.formController.setValues({\n      ...this.formController.values.getValue(),\n      legal_address: {\n        ...this.formController.values.getValue().legal_address,\n        [name]: value,\n      },\n    });\n  }\n\n  render() {\n    const legalAddressDefaultValue =\n      this.formController.getInitialValues().legal_address;\n\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <fieldset>\n          <legend>Business Legal Address</legend>\n          <hr />\n          <div class=\"row gx-2 gy-2\">\n            <div class=\"col-12\">\n              <form-control-text\n                name=\"line1\"\n                label=\"Legal Address\"\n                inputHandler={this.inputHandler}\n                defaultValue={legalAddressDefaultValue?.line1}\n                error={this.errors?.legal_address?.line1}\n              />\n            </div>\n            <div class=\"col-12\">\n              <form-control-text\n                name=\"line2\"\n                label=\"Address Line 2\"\n                inputHandler={(name, value) => this.inputHandler(name, value)}\n                defaultValue={legalAddressDefaultValue?.line2}\n              />\n            </div>\n            <div class=\"col-12\">\n              <form-control-text\n                name=\"city\"\n                label=\"City\"\n                inputHandler={this.inputHandler}\n                defaultValue={legalAddressDefaultValue?.city}\n                error={this.errors?.legal_address?.city}\n              />\n            </div>\n            <div class=\"col-12\">\n              <form-control-text\n                name=\"state\"\n                label=\"State\"\n                inputHandler={this.inputHandler}\n                defaultValue={legalAddressDefaultValue?.state}\n                error={this.errors?.legal_address?.state}\n              />\n            </div>\n            <div class=\"col-12\">\n              <form-control-number\n                name=\"postal_code\"\n                label=\"Postal Code\"\n                inputHandler={this.inputHandler}\n                defaultValue={legalAddressDefaultValue?.postal_code}\n                error={this.errors?.legal_address?.postal_code}\n              />\n            </div>\n            <div class=\"col-12\">\n              <form-control-select\n                name=\"country\"\n                label=\"Country\"\n                options={countryOptions}\n                inputHandler={this.inputHandler}\n                defaultValue={legalAddressDefaultValue?.country}\n                error={this.errors?.legal_address?.country}\n                // just for now so we skip handling country specificities\n                disabled={true}\n              />\n            </div>\n          </div>\n        </fieldset>\n      </Host>\n    );\n  }\n}\n"]}