@justifi/webcomponents 5.0.0 → 5.1.0

package/dist/module/justifi-refund-form.js

@@ -1,11 +1,10 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { c as create$3, e as create$5, F as FormController } from './form.js';
-import { A as Api } from './Api.js';
+import { A as Api, c as config } from './config.js';
 import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import './SubAccount.js';
-import { c as config } from './config.js';
 import { C as CURRENCY_MASK } from './form-input-masks.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
@@ -99,7 +98,7 @@ const RefundForm = /*@__PURE__*/ proxyCustomElement(class RefundForm extends HTM
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: '22c804f185486d11df84075a97121bcac4eb98d5' }, h("h1", { key: '90bc4a8b5f1753d3e3009a401e5c9894d83e426e' }, "Refund"), this.refundInfoText && (h("div", { key: '6899f29d44b254dd4a84e348b9d9ec1013cb1785', class: "d-flex align-items-center flex-row gap-4 border-top border-bottom my-4 p-3", role: "alert" }, h("img", { key: 'f1860c566f76d09f222a62a71f29d48749504968', src: "/info-icon.svg", alt: "Information", height: "30", width: "30" }), h("p", { key: '73c728b24bf46c9382e75753a9566179d12744fa', class: "m-0", innerHTML: this.refundInfoText }))), h("form", { key: 'e36904b05ae389cb201e72f69845d1a5b034cb4d', onSubmit: e => this.handleSubmit(e), class: "d-grid gap-4" }, h("div", { key: 'deb53d2bde11025bc7b452097456c7cffbe5c16a', class: "form-group" }, h("form-control-monetary", { key: '0e5211a2ace4ddf86c2f2452e0596586904b594a', name: "amount", label: "Refund Amount", defaultValue: ((_a = this.amount) === null || _a === void 0 ? void 0 : _a.toString()) || '', maskOptions: CURRENCY_MASK.DECIMAL, inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.amount })), h("div", { key: '68826918f7b2051830bd276fa79030a89a5808d1', class: "form-group" }, h("form-control-text", { key: 'd66b86e6d9d10b6d4853bfebacf758da23362531', name: "notes", label: "Additional Notes", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.notes })), this.withButton && (h("div", { key: '8ef6f548f2b1a989b04d0a2817ca7a19d1e1dda6', class: "form-group d-flex flex-row-reverse" }, h("button", { key: '1a9406e25864fac07c2a97d3b758aec48bffa2be', type: "submit", disabled: !!this.isSubmitting, class: "btn btn-primary ml-auto" }, this.submitButtonText))))));
+        return (h(StyledHost, { key: 'a337107e01f347769c24535d875ae75e7cfff526' }, h("h1", { key: '254b014414fffc6e3af12d22c50528915ea4d698' }, "Refund"), this.refundInfoText && (h("div", { key: 'c8eee08dfdd58a87add1a8bbf6b76521db955d32', class: "d-flex align-items-center flex-row gap-4 border-top border-bottom my-4 p-3", role: "alert" }, h("img", { key: '8374d6e0854c35e41429b588ef373c7ed2e2368d', src: "/info-icon.svg", alt: "Information", height: "30", width: "30" }), h("p", { key: '0c4412de09f5538e3f125e9413b75b416c10f820', class: "m-0", innerHTML: this.refundInfoText }))), h("form", { key: '5c51fdc06f7c57851e4db6f797a830602cb31b33', onSubmit: e => this.handleSubmit(e), class: "d-grid gap-4" }, h("div", { key: '1b1e09d20d0b191491cdbcea601762c6c967d56b', class: "form-group" }, h("form-control-monetary", { key: 'f90e440f11213dfe4ae84675bf8ca22dc67b0e12', name: "amount", label: "Refund Amount", defaultValue: ((_a = this.amount) === null || _a === void 0 ? void 0 : _a.toString()) || '', maskOptions: CURRENCY_MASK.DECIMAL, inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.amount })), h("div", { key: 'd61ef9b10a1ef128afaee01f91c70fb621f50cb0', class: "form-group" }, h("form-control-text", { key: 'bbe2fc33746f333cbc35fa25b2852219e2dbfbef', name: "notes", label: "Additional Notes", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.notes })), this.withButton && (h("div", { key: '5ca8e922e08881739b403bd9cc4ab21719793961', class: "form-group d-flex flex-row-reverse" }, h("button", { key: '2d971109b53c27779bcf11cd38d3b1b073ecd65d', type: "submit", disabled: !!this.isSubmitting, class: "btn btn-primary ml-auto" }, this.submitButtonText))))));
     }
 }, [1, "justifi-refund-form", {
         "authToken": [1, "auth-token"],

package/dist/module/justifi-season-interruption-insurance.js

@@ -1,11 +1,10 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { A as Api } from './Api.js';
+import { A as Api, c as config } from './config.js';
 import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import './SubAccount.js';
-import { c as config } from './config.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
+import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { d as defineCustomElement$4 } from './form-control-help-text3.js';
@@ -110,7 +109,9 @@ const SeasonInterruptionInsurance = /*@__PURE__*/ proxyCustomElement(class Seaso
         this.initializeServiceMethods();
     }
     disconnectedCallback() {
-        this.analytics.cleanup();
+        if (this.analytics) {
+            this.analytics.cleanup();
+        }
     }
     initializeServiceMethods() {
         if (!this.authToken) {
@@ -131,7 +132,7 @@ const SeasonInterruptionInsurance = /*@__PURE__*/ proxyCustomElement(class Seaso
         });
     }
     render() {
-        return (h("justifi-season-interruption-insurance-core", { key: '4a0e93d18f16971cee44cdc9d0b312ded7728274', ref: (el) => (this.seasonInterruptionCoreRef = el), "checkout-id": this.checkoutId, getQuote: this.getQuote, toggleCoverage: this.toggleCoverage, "primary-identity-first-name": this.primaryIdentityFirstName, "primary-identity-last-name": this.primaryIdentityLastName, "primary-identity-state": this.primaryIdentityState, "primary-identity-postal-code": this.primaryIdentityPostalCode, "primary-identity-country": this.primaryIdentityCountry, "primary-identity-email-address": this.primaryIdentityEmailAddress, "policy-attributes-insurable-amount": this.policyAttributesInsurableAmount, "policy-attributes-start-date": this.policyAttributesStartDate, "policy-attributes-end-date": this.policyAttributesEndDate, "covered-identity-first-name": this.coveredIdentityFirstName, "covered-identity-last-name": this.coveredIdentityLastName }));
+        return (h("justifi-season-interruption-insurance-core", { key: '737ad53975405a658c2fc46533eb02351833b280', ref: (el) => (this.seasonInterruptionCoreRef = el), "checkout-id": this.checkoutId, getQuote: this.getQuote, toggleCoverage: this.toggleCoverage, "primary-identity-first-name": this.primaryIdentityFirstName, "primary-identity-last-name": this.primaryIdentityLastName, "primary-identity-state": this.primaryIdentityState, "primary-identity-postal-code": this.primaryIdentityPostalCode, "primary-identity-country": this.primaryIdentityCountry, "primary-identity-email-address": this.primaryIdentityEmailAddress, "policy-attributes-insurable-amount": this.policyAttributesInsurableAmount, "policy-attributes-start-date": this.policyAttributesStartDate, "policy-attributes-end-date": this.policyAttributesEndDate, "covered-identity-first-name": this.coveredIdentityFirstName, "covered-identity-last-name": this.coveredIdentityLastName }));
     }
 }, [1, "justifi-season-interruption-insurance", {
         "authToken": [1, "auth-token"],

package/dist/module/justifi-terminals-list-filters.js

@@ -31,7 +31,7 @@ const TerminalsListFilters = /*@__PURE__*/ proxyCustomElement(class TerminalsLis
         ];
     }
     render() {
-        return (h(StyledHost, { key: '3a5ad7d48cab44e058b47416531e0b229521fa66' }, h("table-filters-menu", { key: 'f443919483a6de96285eb6ee06fc7a40d70dc8a4', params: Object.assign({}, queryParams), clearParams: clearParams }, h("div", { key: '5858a235e31a41c6092df9f35773d03ca660fd4a', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '73cf6b38fb79063fe96cfb697fe537904237a0f2', class: "p-2" }, h("form-control-text", { key: 'e2383519f8b9e50c9c38c47ce5cf65023af8be55', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: queryParams.terminal_id })), h("div", { key: 'a6bdc258402f59aea76c0c2f1d25f22841a15302', class: "p-2" }, h("form-control-select", { key: 'acc06bbb87338b579794b930e9a0205ad7e9e65a', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: queryParams.status || '' }))))));
+        return (h(StyledHost, { key: 'ab88bb5f5cf8f00a875a8c42cacb9649482a8758' }, h("table-filters-menu", { key: 'a214db5a19018dd6df144ef014cf8ea17f6e5efe', params: Object.assign({}, queryParams), clearParams: clearParams }, h("div", { key: '359432076455e6b25bfd30179bd1c66e13cacd52', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '5747e19b82b667d6d3381fd02767d4a27dd82c44', class: "p-2" }, h("form-control-text", { key: 'bc20c285338bf9d1d5c8633bc658c39ccadfeb40', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: queryParams.terminal_id })), h("div", { key: 'fed89678f531c8d3041fdcbc4f77eb81e5387018', class: "p-2" }, h("form-control-select", { key: '5958ccdebe430ce930d1258fa825aeebb6e9065a', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: queryParams.status || '' }))))));
     }
 }, [1, "justifi-terminals-list-filters"]);
 function defineCustomElement$1() {

package/dist/module/justifi-terminals-list.js

@@ -1,13 +1,12 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
-import { c as config } from './config.js';
-import { A as Api } from './Api.js';
+import { A as Api, c as config } from './config.js';
 import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import { T as Terminal } from './SubAccount.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
+import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
@@ -124,7 +123,7 @@ const TerminalsList = /*@__PURE__*/ proxyCustomElement(class TerminalsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: '202c9b2b8492e03f999cb8c62aa71871068e46d6' }, h("terminals-list-core", { key: 'eca0f2a0b076eb92b33bbb3703650506a5e1377b', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '50ee7da4209367703551642456e6df1b38c20cb7' }, h("terminals-list-core", { key: 'e445dbf65c53397757f60d844bd50cafa8d32556', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-tokenize-payment-method.js

@@ -2,25 +2,27 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
-import { a as ComponentErrorSeverity } from './ComponentError.js';
+import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
-import { d as defineCustomElement$i } from './bank-account-form2.js';
-import { d as defineCustomElement$h } from './card-form2.js';
-import { d as defineCustomElement$g } from './custom-popper2.js';
-import { d as defineCustomElement$f } from './form-control-checkbox2.js';
-import { d as defineCustomElement$e } from './form-control-help-text3.js';
-import { d as defineCustomElement$d } from './form-control-radio2.js';
-import { d as defineCustomElement$c } from './form-control-select2.js';
-import { d as defineCustomElement$b } from './form-control-text2.js';
-import { d as defineCustomElement$a } from './form-control-tooltip2.js';
-import { d as defineCustomElement$9 } from './hidden-input2.js';
-import { d as defineCustomElement$8 } from './iframe-input2.js';
-import { d as defineCustomElement$7 } from './billing-form.js';
-import { d as defineCustomElement$6 } from './new-payment-method.js';
-import { d as defineCustomElement$5 } from './payment-method-options.js';
-import { d as defineCustomElement$4 } from './save-new-payment-method.js';
-import { d as defineCustomElement$3 } from './saved-payment-method.js';
-import { d as defineCustomElement$2 } from './sezzle-payment-method.js';
+import { d as defineCustomElement$k } from './bank-account-form2.js';
+import { d as defineCustomElement$j } from './billing-form2.js';
+import { d as defineCustomElement$i } from './card-form2.js';
+import { d as defineCustomElement$h } from './custom-popper2.js';
+import { d as defineCustomElement$g } from './form-control-checkbox2.js';
+import { d as defineCustomElement$f } from './form-control-help-text3.js';
+import { d as defineCustomElement$e } from './form-control-radio2.js';
+import { d as defineCustomElement$d } from './form-control-select2.js';
+import { d as defineCustomElement$c } from './form-control-text2.js';
+import { d as defineCustomElement$b } from './form-control-tooltip2.js';
+import { d as defineCustomElement$a } from './hidden-input2.js';
+import { d as defineCustomElement$9 } from './iframe-input2.js';
+import { d as defineCustomElement$8 } from './billing-form-wrapper.js';
+import { d as defineCustomElement$7 } from './new-payment-method.js';
+import { d as defineCustomElement$6 } from './payment-method-options.js';
+import { d as defineCustomElement$5 } from './save-new-payment-method.js';
+import { d as defineCustomElement$4 } from './saved-payment-method.js';
+import { d as defineCustomElement$3 } from './sezzle-payment-method.js';
+import { d as defineCustomElement$2 } from './postal-form2.js';
 
 const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePaymentMethod extends HTMLElement {
     constructor() {
@@ -32,44 +34,60 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
         this.authToken = undefined;
         this.accountId = undefined;
         this.paymentMethodGroupId = undefined;
-        this.isLoading = true;
         this.submitButtonText = undefined;
         this.disableCreditCard = undefined;
         this.disableBankAccount = undefined;
+        this.hideSubmitButton = undefined;
+        this.hideCardBillingForm = undefined;
+        this.isLoading = false;
     }
     componentWillLoad() {
         checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
-        this.isLoading = false;
     }
     async tokenizePaymentMethod(event) {
         event && event.preventDefault();
-        const tokenizeResponse = await this.paymentMethodOptionsRef.resolvePaymentMethod({ isValid: true });
-        if (tokenizeResponse.error) {
+        this.isLoading = true;
+        try {
+            const tokenizeResponse = await this.paymentMethodOptionsRef.resolvePaymentMethod({ isValid: true });
+            if (tokenizeResponse.error) {
+                this.errorEvent.emit({
+                    errorCode: tokenizeResponse.error.code,
+                    message: tokenizeResponse.error.message,
+                    severity: ComponentErrorSeverity.ERROR,
+                });
+            }
+            else if (tokenizeResponse.token) {
+                this.submitEvent.emit({ response: tokenizeResponse });
+            }
+        }
+        catch (error) {
             this.errorEvent.emit({
-                errorCode: tokenizeResponse.error.code,
-                message: tokenizeResponse.error.message,
+                errorCode: ComponentErrorCodes.TOKENIZE_ERROR,
+                message: error.message,
                 severity: ComponentErrorSeverity.ERROR,
             });
         }
-        else if (tokenizeResponse.token) {
-            this.submitEvent.emit({ response: tokenizeResponse });
+        finally {
+            this.isLoading = false;
         }
     }
     async fillBillingForm(fields) {
         this.paymentMethodOptionsRef.fillBillingForm(fields);
     }
     render() {
-        return (h(StyledHost, { key: '1f0ab23a66f201b93ad60c42a0cd59a9960a5034' }, h("form", { key: 'b4b6e0b75e99505d53bdeae210a15c11e764a1e0' }, h("fieldset", { key: '8094449e89e44f99e4bf3e3517517d5ef5136974' }, h("div", { key: 'aaf859db2a1d7377b3ab37fd9bfa57ed3246ebd9', class: "row gy-3" }, h("div", { key: '3c5b24886edc5d991c5ba760e60741e01818c310', class: "col-12" }, h("justifi-payment-method-options", { key: '39ad866846a9c8ae32f9d34c1cecf812ed6d7c45', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, authToken: this.authToken, "account-id": this.accountId })), h("div", { key: '1ed6ae634f618a9fafc11961c4db5aea60f368ec', class: "col-12" }, h(Button, { key: 'eed74cc9b5a475b925986b087cd34cc2e912aae6', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button" }, this.submitButtonText || 'Submit')))))));
+        return (h(StyledHost, { key: 'c8c9318c6bbde09a0d56ded9c7333958c5595574' }, h("form", { key: '1c36ac872c58b1a560a658f0b5a0cab9284d3969' }, h("fieldset", { key: 'c43c95a5debbb5a58db162c1f34e0845a2ab76f2' }, h("div", { key: 'c6bc1f6148395e6cfc9185919b0bd81716c1ac99', class: "row gy-3" }, h("div", { key: '887ae3e3bf713ee79b24ae1b4cd12156502d6143', class: "col-12" }, h("justifi-payment-method-options", { key: '06c89583f5d1dee641c90145d129f7192911d00e', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, hideCardBillingForm: this.hideCardBillingForm, authToken: this.authToken, "account-id": this.accountId })), h("div", { key: '04e0ee27d0978a68d44c71c6f7767d685449ed1d', class: "col-12" }, h(Button, { key: '3e43eb8295cc7eba0e2914d94a337f724cd52b57', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText || 'Submit')))))));
     }
 }, [1, "justifi-tokenize-payment-method", {
         "authToken": [1, "auth-token"],
         "accountId": [1, "account-id"],
         "paymentMethodGroupId": [1, "payment-method-group-id"],
-        "isLoading": [4, "is-loading"],
         "submitButtonText": [1, "submit-button-text"],
         "disableCreditCard": [4, "disable-credit-card"],
         "disableBankAccount": [4, "disable-bank-account"],
+        "hideSubmitButton": [4, "hide-submit-button"],
+        "hideCardBillingForm": [4, "hide-card-billing-form"],
+        "isLoading": [32],
         "tokenizePaymentMethod": [64],
         "fillBillingForm": [64]
     }]);
@@ -77,7 +95,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-tokenize-payment-method", "bank-account-form", "card-form", "custom-popper", "form-control-checkbox", "form-control-help-text", "form-control-radio", "form-control-select", "form-control-text", "form-control-tooltip", "hidden-input", "iframe-input", "justifi-billing-form", "justifi-new-payment-method", "justifi-payment-method-options", "justifi-save-new-payment-method", "justifi-saved-payment-method", "justifi-sezzle-payment-method"];
+    const components = ["justifi-tokenize-payment-method", "bank-account-form", "billing-form", "card-form", "custom-popper", "form-control-checkbox", "form-control-help-text", "form-control-radio", "form-control-select", "form-control-text", "form-control-tooltip", "hidden-input", "iframe-input", "justifi-billing-form-wrapper", "justifi-new-payment-method", "justifi-payment-method-options", "justifi-save-new-payment-method", "justifi-saved-payment-method", "justifi-sezzle-payment-method", "postal-form"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-tokenize-payment-method":
             if (!customElements.get(tagName)) {
@@ -86,85 +104,95 @@ function defineCustomElement$1() {
             break;
         case "bank-account-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$k();
+            }
+            break;
+        case "billing-form":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$j();
             }
             break;
         case "card-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$i();
             }
             break;
         case "custom-popper":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$h();
             }
             break;
         case "form-control-checkbox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$g();
             }
             break;
         case "form-control-help-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$f();
             }
             break;
         case "form-control-radio":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$e();
             }
             break;
         case "form-control-select":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$d();
             }
             break;
         case "form-control-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$c();
             }
             break;
         case "form-control-tooltip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$b();
             }
             break;
         case "hidden-input":
             if (!customElements.get(tagName)) {
-                defineCustomElement$9();
+                defineCustomElement$a();
             }
             break;
         case "iframe-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "justifi-billing-form-wrapper":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "justifi-billing-form":
+        case "justifi-new-payment-method":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "justifi-new-payment-method":
+        case "justifi-payment-method-options":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "justifi-payment-method-options":
+        case "justifi-save-new-payment-method":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
             break;
-        case "justifi-save-new-payment-method":
+        case "justifi-saved-payment-method":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "justifi-saved-payment-method":
+        case "justifi-sezzle-payment-method":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "justifi-sezzle-payment-method":
+        case "postal-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

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

@@ -3,8 +3,9 @@ import { a as addressSchema } from './business-address-schema.js';
 import { F as FormController } from './form.js';
 import { c as Address } from './Business.js';
 import { S as StateOptions } from './state-options.js';
-import { n as numberOnlyHandler } from './utils4.js';
+import { n as numberOnlyHandler } from './utils3.js';
 import { h as heading2 } from './parts.js';
+import { P as PaymentProvisioningLoading } from './payment-provisioning-loading.js';
 import { B as BusinessFormStep } from './event-types2.js';
 import { d as defineCustomElement$4 } from './custom-popper2.js';
 import { d as defineCustomElement$3 } from './form-control-select2.js';
@@ -20,6 +21,7 @@ const LegalAddressFormStepCore = /*@__PURE__*/ proxyCustomElement(class LegalAdd
         this.formLoading = createEvent(this, "formLoading", 7);
         this.getData = () => {
             this.formLoading.emit(true);
+            this.isLoading = true;
             this.getBusiness({
                 onSuccess: (response) => {
                     this.legal_address = new Address(response.data.legal_address || {});
@@ -32,7 +34,10 @@ const LegalAddressFormStepCore = /*@__PURE__*/ proxyCustomElement(class LegalAdd
                         severity: severity
                     });
                 },
-                final: () => this.formLoading.emit(false)
+                final: () => {
+                    this.formLoading.emit(false);
+                    this.isLoading = false;
+                }
             });
         };
         this.sendData = (onSuccess) => {
@@ -64,6 +69,7 @@ const LegalAddressFormStepCore = /*@__PURE__*/ proxyCustomElement(class LegalAdd
         this.formController = undefined;
         this.errors = {};
         this.legal_address = {};
+        this.isLoading = false;
         this.getBusiness = undefined;
         this.patchBusiness = undefined;
         this.allowOptionalFields = undefined;
@@ -88,7 +94,10 @@ const LegalAddressFormStepCore = /*@__PURE__*/ proxyCustomElement(class LegalAdd
     render() {
         var _a, _b, _c, _d, _e, _f;
         const legalAddressDefaultValue = this.formController.getInitialValues();
-        return (h("form", { key: '1e6065ae448a770d278a526cb76756f7f0bd7567' }, h("fieldset", { key: '2af32416088e57165f79690869085156f8d9c7b0' }, h("div", { key: '3c76e75ffb68a3a3df3dfeaa6d99f116308e0030', class: "d-flex align-items-center gap-2" }, h("legend", { key: '6c6ef9016703a2e2e331f8aced8af8ed0888862b', class: "mb-0", part: heading2 }, "Legal Address of your Business"), h("form-control-tooltip", { key: '474cac4455beeaf1ad6d5c1b74e5bb7bb7e35e0b', helpText: "No PO Boxes." })), h("hr", { key: 'aff498cf796610a39c4c1767117b4602f06e2e85', class: "mt-2" }), h("div", { key: 'af60b65ff725643c758db069a56b50f642f216d7', class: "row gy-3" }, h("div", { key: '870fe8afade8361858130788744d3334a22fd5c5', class: "col-12" }, h("form-control-text", { key: '85ad65ac883ed7fc46e8bb85fae296148d7ea4b6', name: "line1", label: "Legal Address", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.line1 })), h("div", { key: '12d661b8f7a2664616a606f2d0f4ef00e26be8cc', class: "col-12" }, h("form-control-text", { key: '3f09668d35495618b8e52fe624ab711c9710ebb9', name: "line2", label: "Address Line 2 (optional)", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line2 })), h("div", { key: '380c8ab7fc2ac404a6a78b5055a984fc44009d4d', class: "col-12" }, h("form-control-text", { key: '0a9341c12c4b6f0a6950a64453918643338bfbe2', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, errorText: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.city })), h("div", { key: '03c7206900569a51b5abc6d4358e8fe25131aab4', class: "col-12" }, h("form-control-select", { key: 'f32410394f052a7392e250e26abf26b6ed653980', name: "state", label: "State", options: StateOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.state })), h("div", { key: '0c5833503a32b99fa460ecd4987ecfcbd7927405', class: "col-12" }, h("form-control-text", { key: 'fbbf5fb1b5bed5102e3730e8061c0d84474c44cc', name: "postal_code", label: "Postal Code", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, errorText: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler })), h("div", { key: '64251fecb733ded3ae50c5e83ce384b027488654', class: "col-12" }, h("form-control-select", { key: 'a2dc29311bd2d7bc7dcb546f8b4f386ded5e8c14', name: "country", label: "Country", options: [{ label: "United States", value: "USA" }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.country,
+        if (this.isLoading) {
+            return h(PaymentProvisioningLoading, null);
+        }
+        return (h("form", null, h("fieldset", null, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Legal Address of your Business"), h("form-control-tooltip", { helpText: "No PO Boxes." })), h("hr", { class: "mt-2" }), h("div", { class: "row gy-3" }, 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, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.line1 })), h("div", { class: "col-12" }, h("form-control-text", { name: "line2", label: "Address Line 2 (optional)", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.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, errorText: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.city })), h("div", { class: "col-12" }, h("form-control-select", { name: "state", label: "State", options: StateOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.state })), h("div", { class: "col-12" }, h("form-control-text", { name: "postal_code", label: "Postal Code", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, errorText: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler })), h("div", { class: "col-12" }, h("form-control-select", { name: "country", label: "Country", options: [{ label: "United States", value: "USA" }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.country,
             // just for now so we skip handling country specificities
             disabled: true }))))));
     }
@@ -99,6 +108,7 @@ const LegalAddressFormStepCore = /*@__PURE__*/ proxyCustomElement(class LegalAdd
         "formController": [32],
         "errors": [32],
         "legal_address": [32],
+        "isLoading": [32],
         "validateAndSubmit": [64]
     }]);
 function defineCustomElement() {

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

@@ -50,7 +50,7 @@ const LegalAddressFormStep = /*@__PURE__*/ proxyCustomElement(class LegalAddress
         }
     }
     render() {
-        return (h("justifi-legal-address-form-step-core", { key: '66973db19fe252e82b8e44f875aef6e6de4f519d', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-legal-address-form-step-core", { key: '598e4684d6344d783f7a9de8effbac5bda79834f', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

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 { n as numberOnlyHandler } from './utils4.js';
+import { n as numberOnlyHandler } from './utils3.js';
 import { h as heading2 } from './parts.js';
 import { d as defineCustomElement$4 } from './custom-popper2.js';
 import { d as defineCustomElement$3 } from './form-control-select2.js';
@@ -26,7 +26,7 @@ const LegalAddressForm = /*@__PURE__*/ proxyCustomElement(class LegalAddressForm
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
         const legalAddressDefaultValue = this.formController.getInitialValues().legal_address;
-        return (h(Host, { key: 'cdc38fd9219f476ab7e96dc822e011e576ffd4a4' }, h("fieldset", { key: '2ede5cb6b37f1e3777ca0cc67301df09c3fba094' }, h("legend", { key: '172c62472d8604980ad3852706753fa57ca7de61', part: heading2 }, "Business Legal Address"), h("div", { key: 'e06b8a7685b684d0b13dca7d353a25657a193d7f', class: "row gy-3" }, h("div", { key: '666b922155f4867095c42bc8e5d532666bfa5dae', class: "col-12" }, h("form-control-text", { key: '3438b500fa38f5a8598087e9f1443c81727a25f7', name: "line1", label: "Legal Address", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address) === null || _b === void 0 ? void 0 : _b.line1 })), h("div", { key: '161beeeed0ee761e3a46eedf8be84fa41d3baa97', class: "col-12" }, h("form-control-text", { key: '50529cbf0bace2992f1a26904711b44900e7f9ae', name: "line2", label: "Address Line 2", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.legal_address) === null || _d === void 0 ? void 0 : _d.line2 })), h("div", { key: '9197e0c08d20fb1b4833bd5e3753bc9a98be38d3', class: "col-12" }, h("form-control-text", { key: 'a4f76e3e053a970971c65315679a26046e4bf93d', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, errorText: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.legal_address) === null || _f === void 0 ? void 0 : _f.city })), h("div", { key: 'fc0751e18457603a59d6f159a8355b05f3199098', class: "col-12" }, h("form-control-select", { key: '3b9c78bdc3997badec0d0752fd8a0dcfa278ebbe', name: "state", label: "State", options: StateOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.legal_address) === null || _h === void 0 ? void 0 : _h.state })), h("div", { key: '088917f3ec58d3e0b91a80fc545be78cb7a0d5f2', class: "col-12" }, h("form-control-text", { key: 'abb1e41d287a7ea0165f68811ee60a7985d3bcc7', name: "postal_code", label: "Postal Code", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.legal_address) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler })), h("div", { key: '2f042e9969d48a35618124975def5b2fd06a9b98', class: "col-12" }, h("form-control-select", { key: '67bf02cb2b3e786b2a5a4f5817a4ffd5ff2fee96', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.legal_address) === null || _m === void 0 ? void 0 : _m.country,
+        return (h(Host, { key: 'a9e2d2fa0e1ac8bd37eef9b40ae3ebee44e6246f' }, h("fieldset", { key: 'defd51a5bdbc9ecf4e640d2008bb1f1f83de5dda' }, h("legend", { key: '6d4d4563e426a02539f86c58a6eaa11927ec96e2', part: heading2 }, "Business Legal Address"), h("div", { key: 'c4d0786717af5da9baca6aca93b4e81f474a1746', class: "row gy-3" }, h("div", { key: 'f8be78e845a720143e3f175eec6c9f9ee929d612', class: "col-12" }, h("form-control-text", { key: '341d426271136e734d9dd8d1968de01938b5eebb', name: "line1", label: "Legal Address", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address) === null || _b === void 0 ? void 0 : _b.line1 })), h("div", { key: 'ac5f410a9b12def5284636dd384560af93c982d6', class: "col-12" }, h("form-control-text", { key: 'b96a18e42af33fbfca0645d9aa039a2430dc0043', name: "line2", label: "Address Line 2", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.legal_address) === null || _d === void 0 ? void 0 : _d.line2 })), h("div", { key: 'c3ac5227e34c525b6be906b5cf06a428bebe2ad4', class: "col-12" }, h("form-control-text", { key: '972602adcf764500928eca67660b20344a1313ec', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, errorText: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.legal_address) === null || _f === void 0 ? void 0 : _f.city })), h("div", { key: '8ca2e4c78b986f5156976c5adb6b5a63c584607b', class: "col-12" }, h("form-control-select", { key: '2f0eacc656e741706064c10234e471fb53ca2be2', name: "state", label: "State", options: StateOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.legal_address) === null || _h === void 0 ? void 0 : _h.state })), h("div", { key: 'e4d51b2347c78f5c47d5ce309c46baa5fc07f7f5', class: "col-12" }, h("form-control-text", { key: 'e237d5830f0c24bf40e43ba8d2d6b0fd095405ed', name: "postal_code", label: "Postal Code", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.legal_address) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler })), h("div", { key: 'a7bdcd1a867ff4816f20e89f651fe80fed2193cf', class: "col-12" }, h("form-control-select", { key: 'd345dd93d46618572c3aea87893c135ac688bde5', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.legal_address) === null || _m === void 0 ? void 0 : _m.country,
             // just for now so we skip handling country specificities
             disabled: true }))))));
     }