@justifi/webcomponents 4.13.0 → 4.15.0

package/dist/module/legal-address-form-step.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { F as FormController } from './form.js';
+import { F as FormController } from './index.esm.js';
 import { A as Api } from './Api.js';
 import { c as Address } from './Business.js';
 import { c as parseAddressInfo } from './payload-parsers.js';
@@ -7,7 +7,7 @@ import { a as addressSchema } from './business-address-schema.js';
 import { c as config } from './config.js';
 import { B as BusinessFormServerErrors } from './business-form-types.js';
 import { S as StateOptions } from './state-options.js';
-import { f as filterPostalInput } from './utils4.js';
+import { f as filterPostalInput } from './utils3.js';
 import { d as defineCustomElement$2 } from './form-control-select2.js';
 import { d as defineCustomElement$1 } from './form-control-text2.js';
 
@@ -82,7 +82,7 @@ const LegalAddressFormStep = /*@__PURE__*/ proxyCustomElement(class LegalAddress
         if (!this.businessId)
             console.error(missingBusinessIdMessage);
         this.formController = new FormController(addressSchema(this.allowOptionalFields));
-        this.api = Api(this.authToken, config.proxyApiOrigin);
+        this.api = Api({ authToken: this.authToken, apiOrigin: config.proxyApiOrigin });
         this.fetchData();
     }
     componentDidLoad() {

package/dist/module/legal-address-form.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { S as StateOptions } from './state-options.js';
-import { f as filterPostalInput } from './utils4.js';
+import { f as filterPostalInput } from './utils3.js';
 import { d as defineCustomElement$2 } from './form-control-select2.js';
 import { d as defineCustomElement$1 } from './form-control-text2.js';
 

package/dist/module/new-payment-method.js

@@ -1,9 +1,9 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { c as config } from './config.js';
-import { d as defineCustomElement$4 } from './billing-form.js';
-import { d as defineCustomElement$3 } from './payment-method-form.js';
-import { d as defineCustomElement$2 } from './select-input2.js';
-import { d as defineCustomElement$1 } from './text-input2.js';
+import { d as defineCustomElement$4 } from './form-control-select2.js';
+import { d as defineCustomElement$3 } from './form-control-text2.js';
+import { d as defineCustomElement$2 } from './billing-form.js';
+import { d as defineCustomElement$1 } from './payment-method-form.js';
 
 const PaymentMethodTypeLabels = {
     bankAccount: 'New bank account',
@@ -72,29 +72,29 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-new-payment-method", "justifi-billing-form", "justifi-payment-method-form", "select-input", "text-input"];
+    const components = ["justifi-new-payment-method", "form-control-select", "form-control-text", "justifi-billing-form", "justifi-payment-method-form"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-new-payment-method":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, NewPaymentMethod);
             }
             break;
-        case "justifi-billing-form":
+        case "form-control-select":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "justifi-payment-method-form":
+        case "form-control-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "select-input":
+        case "justifi-billing-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }
             break;
-        case "text-input":
+        case "justifi-payment-method-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();
             }

package/dist/module/owner-form.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { F as FormController } from './form.js';
+import { F as FormController } from './index.esm.js';
 import { P as PHONE_MASKS, S as SSN_MASK } from './form-input-masks.js';
 import { A as Api } from './Api.js';
 import './Pagination.js';
@@ -9,9 +9,9 @@ import { O as Owner } from './Business.js';
 import { b as parseIdentityInfo } from './payload-parsers.js';
 import { i as identitySchema } from './business-identity-schema.js';
 import { c as config } from './config.js';
-import { L as LoadingSpinner } from './utils4.js';
+import { L as LoadingSpinner } from './utils3.js';
 import { d as deconstructDate } from './helpers.js';
-import { C as OwnerFormServerErrors, O as OwnerFormClickActions } from './business-form-types.js';
+import { b as OwnerFormServerErrors, O as OwnerFormClickActions } from './business-form-types.js';
 import { d as defineCustomElement$5 } from './form-control-date2.js';
 import { d as defineCustomElement$4 } from './form-control-number-masked2.js';
 import { d as defineCustomElement$3 } from './form-control-select2.js';
@@ -48,6 +48,7 @@ const BusinessOwnerForm = /*@__PURE__*/ proxyCustomElement(class BusinessOwnerFo
             }
             finally {
                 this.isLoading = false;
+                console.log(this.formController.getInitialValues());
             }
         };
         this.sendData = async () => {
@@ -117,6 +118,9 @@ const BusinessOwnerForm = /*@__PURE__*/ proxyCustomElement(class BusinessOwnerFo
     get identityEndpoint() {
         return this.ownerId ? `entities/identity/${this.ownerId}` : 'entities/identity';
     }
+    get identificationNumberLabel() {
+        return this.owner.ssn_last4 ? 'Update SSN (optional)' : 'SSN';
+    }
     get formTitle() {
         return this.ownerId ? 'Edit Business Owner' : 'Add Business Owner';
     }
@@ -157,7 +161,7 @@ const BusinessOwnerForm = /*@__PURE__*/ proxyCustomElement(class BusinessOwnerFo
         if (!this.authToken)
             console.error(missingAuthTokenMessage);
         this.formController = new FormController(identitySchema('owner', this.allowOptionalFields));
-        this.api = Api(this.authToken, config.proxyApiOrigin);
+        this.api = Api({ authToken: this.authToken, apiOrigin: config.proxyApiOrigin });
         this.fetchData();
     }
     componentDidLoad() {
@@ -175,7 +179,7 @@ const BusinessOwnerForm = /*@__PURE__*/ proxyCustomElement(class BusinessOwnerFo
     }
     render() {
         const ownerDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { exportparts: "label,input,input-invalid" }, h("form", { onSubmit: this.validateAndSubmit }, h("fieldset", null, h("legend", null, this.formTitle), h("div", { class: 'row gy-3' }, h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "name", label: "Full Name", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.name, error: this.errors.name, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-4" }, h("form-control-text", { name: "title", label: "Title", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.title, 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: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.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: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.phone, error: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { class: "col-12 col-md-4" }, h("form-control-date", { name: "dob_full", label: "Birth Date", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.dob_full, error: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { class: "col-12 col-md-8" }, h("form-control-number-masked", { name: "identification_number", label: "SSN", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.identification_number, error: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { class: "col-12" }, h("justifi-identity-address-form", { errors: this.errors.address, defaultValues: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate })), h("div", { class: "container d-flex gap-2" }, h("button", { type: "submit", class: `btn btn-primary jfi-submit-button${this.isLoading ? ' jfi-submit-button-loading' : ''}`, onClick: () => this.handleAddOwner(), disabled: this.isLoading }, this.isLoading ? LoadingSpinner() : this.submitButtonText), this.showRemoveButton &&
+        return (h(Host, { exportparts: "label,input,input-invalid" }, h("form", { onSubmit: this.validateAndSubmit }, h("fieldset", null, h("legend", null, this.formTitle), h("div", { class: 'row gy-3' }, h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "name", label: "Full Name", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.name, error: this.errors.name, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-4" }, h("form-control-text", { name: "title", label: "Title", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.title, 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: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.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: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.phone, error: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { class: "col-12 col-md-4" }, h("form-control-date", { name: "dob_full", label: "Birth Date", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.dob_full, error: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { class: "col-12 col-md-8" }, h("form-control-number-masked", { name: "identification_number", label: this.identificationNumberLabel, defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.identification_number, error: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { class: "col-12" }, h("justifi-identity-address-form", { errors: this.errors.address, defaultValues: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate })), h("div", { class: "container d-flex gap-2" }, h("button", { type: "submit", class: `btn btn-primary jfi-submit-button${this.isLoading ? ' jfi-submit-button-loading' : ''}`, onClick: () => this.handleAddOwner(), disabled: this.isLoading }, this.isLoading ? LoadingSpinner() : this.submitButtonText), this.showRemoveButton &&
             h("button", { type: "button", class: "btn btn-danger", onClick: () => this.handleRemoveOwner() }, "Remove owner"))), h("hr", null)))));
     }
     static get watchers() { return {

package/dist/module/payment-method-form.js

@@ -1490,7 +1490,7 @@ const MessageEventType = {
 };
 
 const name = "@justifi/webcomponents";
-const version = "4.13.0";
+const version = "4.15.0";
 const description = "JustiFi Web Components";
 const main = "dist/module/index.js";
 const module = "dist/module/index.js";