@justifi/webcomponents 5.0.0 → 5.1.0

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

@@ -1,21 +1,21 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import { c as create$3, F as FormController } from './form.js';
 import { b as businessCoreInfoSchema } from './business-core-info-schema.js';
 import { a as additionalQuestionsSchema } from './business-additional-questions-schema.js';
 import { i as identitySchema } from './business-identity-schema.js';
 import { a as addressSchema } from './business-address-schema.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 { a as Business, b as BusinessFormServerErrors } from './Business.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
 import { H as Header1 } from './header-1.js';
 import './details.js';
+import { S as Skeleton } from './skeleton.js';
 import { a as BusinessFormClickActions } from './event-types2.js';
 import { d as defineCustomElement$e } from './custom-popper2.js';
 import { d as defineCustomElement$d } from './form-alert2.js';
@@ -33,6 +33,26 @@ import { d as defineCustomElement$2 } from './legal-address-form.js';
 
 const businessFormSchema = create$3(Object.assign(Object.assign({}, businessCoreInfoSchema().fields), { legal_address: addressSchema(), additional_questions: additionalQuestionsSchema(), representative: identitySchema('representative') }));
 
+const FormBlock = () => (h("div", { class: "row gap-3" },
+    h("div", { class: "col-12" },
+        h(Skeleton, { width: "25%" })),
+    h("div", { class: "col-12" },
+        h(Skeleton, { width: "100%" })),
+    h("div", { class: "col-12 d-flex gap-3" },
+        h(Skeleton, { width: "50%" }),
+        h(Skeleton, { width: "50%" })),
+    h("div", { class: "col-12 d-flex gap-3" },
+        h(Skeleton, { width: "65%" }),
+        h(Skeleton, { width: "35%" }))));
+const BusinessFormLoading = () => {
+    return (h("div", { class: "row gap-5" },
+        h("div", { class: "col-12" },
+            h(Skeleton, { width: "40%", height: "40px" })),
+        h(FormBlock, null),
+        h(FormBlock, null),
+        h(FormBlock, null)));
+};
+
 const BusinessForm = /*@__PURE__*/ proxyCustomElement(class BusinessForm extends HTMLElement {
     constructor() {
         super();
@@ -45,7 +65,7 @@ const BusinessForm = /*@__PURE__*/ proxyCustomElement(class BusinessForm extends
             this.formController.setInitialValues(Object.assign({}, business));
         };
         this.sendData = async () => {
-            this.isLoading = true;
+            this.isSaving = true;
             try {
                 const values = this.formController.values.getValue();
                 const initialValues = this.formController.getInitialValues();
@@ -57,7 +77,7 @@ const BusinessForm = /*@__PURE__*/ proxyCustomElement(class BusinessForm extends
                 this.errorMessage = BusinessFormServerErrors.patchData;
             }
             finally {
-                this.isLoading = false;
+                this.isSaving = false;
             }
         };
         this.fetchData = async () => {
@@ -83,6 +103,7 @@ const BusinessForm = /*@__PURE__*/ proxyCustomElement(class BusinessForm extends
         this.formTitle = 'Business Information';
         this.removeTitle = false;
         this.isLoading = false;
+        this.isSaving = false;
         this.errorMessage = undefined;
     }
     componentWillLoad() {
@@ -105,7 +126,7 @@ const BusinessForm = /*@__PURE__*/ proxyCustomElement(class BusinessForm extends
         return this.removeTitle ? '' : this.formTitle;
     }
     get disabledState() {
-        return this.isLoading;
+        return this.isSaving;
     }
     get businessEndpoint() {
         return `entities/business/${this.businessId}`;
@@ -118,7 +139,10 @@ const BusinessForm = /*@__PURE__*/ proxyCustomElement(class BusinessForm extends
         this.instantiateBusiness(response.data);
     }
     render() {
-        return (h(StyledHost, { key: '583d9fda192de2a23255af3a66749bec30e82668' }, h("form", { key: '6de44b1f63b18b7e47c377665878435134155d2a', onSubmit: this.validateAndSubmit }, h("div", { key: 'e83cf5471df4628461978deba6a6269f5a91dc58', class: "row gap-3" }, h(Header1, { key: '228f8d97e1574c714de73884dd564aac2f58bc3c', text: this.title }), h("form-alert", { key: 'e3fe0d57a7ee44f44273481c41b3699e1ccf05d1', text: this.errorMessage, hideAlert: this.hideErrors }), h("div", { key: 'af3fc2e821a601d5046f230735ba52359f3f3710', class: "col-12 mb-4" }, h("justifi-business-core-info", { key: 'e27933c4dd6bfc3746d5071d7cdaec05c1795ec2', formController: this.formController })), h("div", { key: '4c11232954cfb171c0c249465637a3050645f36f', class: "col-12 mb-4" }, h("justifi-legal-address-form", { key: '3d9f7b042822f4b898862a0c89c00fa281daff66', formController: this.formController })), h("div", { key: 'f3b0209fc3cb1b0cd65692f0505ddfcc80a99d0a', class: "col-12 mb-4" }, h("justifi-additional-questions", { key: 'a9c0f77135d8ff2f2c2f2ffba6d288f1f1b60f61', formController: this.formController })), h("div", { key: '085df35d64de470c9f0198d52b698945759afe27', class: "col-12 mb-4" }, h("justifi-business-representative", { key: 'fdb24f037b26f9063d0d1f073d7effb6e3789f7f', formController: this.formController })), h("div", { key: '2b0617d9cd67d296de734c8becbea183555317e4', class: "col-12 d-flex flex-row-reverse" }, h(Button, { key: '7452cb606515807d9d2089330cf5861cd2dcdc1e', type: "submit", disabled: this.disabledState, variant: 'primary', onClick: () => this.clickEvent.emit({ name: BusinessFormClickActions.submit }), isLoading: this.isLoading }, "Submit"))))));
+        if (this.isLoading) {
+            return h(StyledHost, null, h(BusinessFormLoading, null));
+        }
+        return (h(StyledHost, null, h("form", { onSubmit: this.validateAndSubmit }, h("div", { class: "row gap-3" }, h(Header1, { text: this.title }), h("form-alert", { text: this.errorMessage, hideAlert: this.hideErrors }), h("div", { class: "col-12 mb-4" }, h("justifi-business-core-info", { formController: this.formController })), h("div", { class: "col-12 mb-4" }, h("justifi-legal-address-form", { formController: this.formController })), h("div", { class: "col-12 mb-4" }, h("justifi-additional-questions", { formController: this.formController })), h("div", { class: "col-12 mb-4" }, h("justifi-business-representative", { formController: this.formController })), h("div", { class: "col-12 d-flex flex-row-reverse" }, h(Button, { type: "submit", disabled: this.disabledState, variant: 'primary', onClick: () => this.clickEvent.emit({ name: BusinessFormClickActions.submit }), isLoading: this.isSaving }, "Submit"))))));
     }
 }, [1, "justifi-business-form", {
         "authToken": [1, "auth-token"],
@@ -127,6 +151,7 @@ const BusinessForm = /*@__PURE__*/ proxyCustomElement(class BusinessForm extends
         "formTitle": [1, "form-title"],
         "removeTitle": [4, "remove-title"],
         "isLoading": [32],
+        "isSaving": [32],
         "errorMessage": [32]
     }]);
 function defineCustomElement$1() {

package/dist/module/justifi-checkout.js

@@ -1,26 +1,28 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
+import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 import { C as CheckoutService } from './checkout.service.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
-import { d as defineCustomElement$j } from './bank-account-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.js';
-import { d as defineCustomElement$7 } from './checkout-core.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$l } from './bank-account-form2.js';
+import { d as defineCustomElement$k } from './billing-form2.js';
+import { d as defineCustomElement$j } from './card-form2.js';
+import { d as defineCustomElement$i } from './custom-popper2.js';
+import { d as defineCustomElement$h } from './form-control-checkbox2.js';
+import { d as defineCustomElement$g } from './form-control-help-text3.js';
+import { d as defineCustomElement$f } from './form-control-radio2.js';
+import { d as defineCustomElement$e } from './form-control-select2.js';
+import { d as defineCustomElement$d } from './form-control-text2.js';
+import { d as defineCustomElement$c } from './form-control-tooltip2.js';
+import { d as defineCustomElement$b } from './hidden-input2.js';
+import { d as defineCustomElement$a } from './iframe-input2.js';
+import { d as defineCustomElement$9 } from './billing-form-wrapper.js';
+import { d as defineCustomElement$8 } from './checkout-core.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 makeGetCheckout = ({ authToken, checkoutId, service }) => async ({ onSuccess, onError }) => {
     var _a;
@@ -82,13 +84,13 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
         this.__registerHost();
         this.errorEvent = createEvent(this, "error-event", 7);
         this.loadedEvent = createEvent(this, "loaded", 7);
-        this.iframeOrigin = undefined;
         this.authToken = undefined;
         this.checkoutId = undefined;
         this.disableCreditCard = undefined;
         this.disableBankAccount = undefined;
         this.disableBnpl = undefined;
         this.disablePaymentMethodGroup = undefined;
+        this.hideCardBillingForm = undefined;
         this.getCheckout = undefined;
         this.complete = undefined;
         this.errorMessage = '';
@@ -129,24 +131,24 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
         this.checkoutCoreRef.fillBillingForm(fields);
     }
     render() {
-        return (h("justifi-checkout-core", { key: '1a31304be74cae8c70683b9a26319d59f1462362', getCheckout: this.getCheckout, authToken: this.authToken, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup, ref: el => {
+        return (h("justifi-checkout-core", { key: '573ac7486b2523d6918f5f8eb97a17dcf47edd3a', getCheckout: this.getCheckout, authToken: this.authToken, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup, hideCardBillingForm: this.hideCardBillingForm, ref: el => {
                 if (el) {
                     this.checkoutCoreRef = el;
                 }
-            } }, h("div", { key: 'ad9e6466d374849862f48c25c61a2a511b8465af', slot: "insurance" }, h("slot", { key: 'eb94e33e0ab10320aede52292f732de5d92e3341', name: "insurance" }))));
+            } }, h("div", { key: '649338a229597a0c6a9987975f91e678ca489890', slot: "insurance" }, h("slot", { key: 'ddfb4986d89a9792e7dad6ffad7dd134bedc9e25', name: "insurance" }))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
         "checkoutId": ["propChanged"]
     }; }
 }, [4, "justifi-checkout", {
-        "iframeOrigin": [1, "iframe-origin"],
         "authToken": [1, "auth-token"],
         "checkoutId": [1, "checkout-id"],
         "disableCreditCard": [4, "disable-credit-card"],
         "disableBankAccount": [4, "disable-bank-account"],
         "disableBnpl": [4, "disable-bnpl"],
         "disablePaymentMethodGroup": [4, "disable-payment-method-group"],
+        "hideCardBillingForm": [4, "hide-card-billing-form"],
         "getCheckout": [32],
         "complete": [32],
         "errorMessage": [32],
@@ -159,7 +161,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-checkout", "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-checkout-core", "justifi-new-payment-method", "justifi-payment-method-options", "justifi-save-new-payment-method", "justifi-saved-payment-method", "justifi-sezzle-payment-method"];
+    const components = ["justifi-checkout", "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-checkout-core", "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-checkout":
             if (!customElements.get(tagName)) {
@@ -168,90 +170,100 @@ function defineCustomElement$1() {
             break;
         case "bank-account-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$l();
+            }
+            break;
+        case "billing-form":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$k();
             }
             break;
         case "card-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$j();
             }
             break;
         case "custom-popper":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$i();
             }
             break;
         case "form-control-checkbox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$h();
             }
             break;
         case "form-control-help-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$g();
             }
             break;
         case "form-control-radio":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$f();
             }
             break;
         case "form-control-select":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$e();
             }
             break;
         case "form-control-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$d();
             }
             break;
         case "form-control-tooltip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$c();
             }
             break;
         case "hidden-input":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$b();
             }
             break;
         case "iframe-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "justifi-billing-form-wrapper":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "justifi-billing-form":
+        case "justifi-checkout-core":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "justifi-checkout-core":
+        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/justifi-checkouts-list-filters.js

@@ -33,7 +33,7 @@ const CheckoutsListFilters = /*@__PURE__*/ proxyCustomElement(class CheckoutsLis
         ];
     }
     render() {
-        return (h(StyledHost, { key: '7eedab4f46529871c876c5b36c3dfdc4a76442bc' }, h("table-filters-menu", { key: '645593908d9b2b258a520d6fd469f668a34d5980', params: Object.assign({}, queryParams), clearParams: clearParams }, h("div", { key: 'dd06db2469e9666efd44f0625bd41a69dd45fb1a', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'dba0a96a17a1c255236e0733fe5394638f1abc1f', class: "p-2" }, h("form-control-select", { key: 'a833d0ece1a88f04f9a68a27098c035b71bc2d86', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: queryParams.status || '' })), h("div", { key: 'bb90e2e96b0542e8fb00a2ccd7cbb43f4dc8b6a8', class: "p-2" }, h("form-control-select", { key: 'c214d31111ad970f9f40c0b6b948302e4702d2ba', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: queryParams.payment_mode || '' }))))));
+        return (h(StyledHost, { key: '5d3a970578bdcb121fbc966bded802f3a7046898' }, h("table-filters-menu", { key: 'f0579a967918b8cf6147123878bfd6d4077312a3', params: Object.assign({}, queryParams), clearParams: clearParams }, h("div", { key: 'a145922ee7ed0d74410308fec6ab4a697bb6dcf1', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '62e82a486e74ffb37bf3421a90927570c0676cfc', class: "p-2" }, h("form-control-select", { key: '71b758acac7d47971dafdc64325d8f5940ad042b', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: queryParams.status || '' })), h("div", { key: '1cafc77cd220be576b0f6470e7606037ea64ca13', class: "p-2" }, h("form-control-select", { key: '337beb5798e4db1316e2fffa2a13fa261bb2781b', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: queryParams.payment_mode || '' }))))));
     }
 }, [1, "justifi-checkouts-list-filters"]);
 function defineCustomElement$1() {

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

@@ -4,7 +4,7 @@ import './Pagination.js';
 import './Payment.js';
 import './SubAccount.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
+import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { c as config } from './config.js';
 import { C as CheckoutService } from './checkout.service.js';
@@ -105,7 +105,7 @@ const CheckoutsList = /*@__PURE__*/ proxyCustomElement(class CheckoutsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: 'f96da05a065d13a24cb4de2cc114a0dc10833ab2' }, h("checkouts-list-core", { key: '4e98c537644a3e22fb63d15736f5c22ff26a931f', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'cac567336d8e7f104b31a852b5734de16cd32d26' }, h("checkouts-list-core", { key: '6d8006ea752a73e396941e60facb04f84c4139c8', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-dispute-management.js

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 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 Dispute } from './Payment.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
+import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 import { D as DisputeService } from './dispute-response-actions.js';
 import { c as config } from './config.js';
 import { d as defineCustomElement$k } from './custom-popper2.js';
@@ -100,7 +100,7 @@ const DisputeManagement = /*@__PURE__*/ proxyCustomElement(class DisputeManageme
         }
     }
     render() {
-        return (h("justifi-dispute-management-core", { key: '3e2a5b24484e8f1e198168910be7880732da3931', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
+        return (h("justifi-dispute-management-core", { key: '5cc8bd47c54dd8bda15460e7d2258bac58470496', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
     }
     static get watchers() { return {
         "disputeId": ["propChanged"],

package/dist/module/justifi-gross-payment-chart.js

@@ -1,8 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-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 { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
+import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 import { E as ErrorState } from './utils.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { d as defineCustomElement$2 } from './gross-payment-chart-core2.js';

package/dist/module/justifi-payment-details.js

@@ -5,7 +5,7 @@ import './Pagination.js';
 import { b as Payment } from './Payment.js';
 import './SubAccount.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
+import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 import { E as ErrorState } from './utils.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { d as defineCustomElement$3 } from './details.js';

package/dist/module/justifi-payment-provisioning.js

@@ -1,22 +1,22 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
-import { m as makeGetBusiness, e as makePostProvisioning } from './payment-provisioning-actions.js';
+import { m as makeGetBusiness, f as makePostProvisioning } from './payment-provisioning-actions.js';
 import { B as BusinessService } from './business.service.js';
-import { c as config } from './config.js';
-import { A as Api } from './Api.js';
-import { d as defineCustomElement$y } from './custom-popper2.js';
-import { d as defineCustomElement$x } from './form-control-checkbox2.js';
-import { d as defineCustomElement$w } from './form-control-date2.js';
-import { d as defineCustomElement$v } from './form-control-file2.js';
-import { d as defineCustomElement$u } from './form-control-monetary2.js';
-import { d as defineCustomElement$t } from './form-control-number-masked2.js';
-import { d as defineCustomElement$s } from './form-control-select2.js';
-import { d as defineCustomElement$r } from './form-control-text2.js';
-import { d as defineCustomElement$q } from './form-control-tooltip2.js';
-import { d as defineCustomElement$p } from './business-additional-questions-form-step.js';
-import { d as defineCustomElement$o } from './business-additional-questions-form-step-core.js';
-import { d as defineCustomElement$n } from './business-bank-account-form-step.js';
+import { A as Api, c as config } from './config.js';
+import { d as defineCustomElement$z } from './custom-popper2.js';
+import { d as defineCustomElement$y } from './form-control-checkbox2.js';
+import { d as defineCustomElement$x } from './form-control-date2.js';
+import { d as defineCustomElement$w } from './form-control-file2.js';
+import { d as defineCustomElement$v } from './form-control-monetary2.js';
+import { d as defineCustomElement$u } from './form-control-number-masked2.js';
+import { d as defineCustomElement$t } from './form-control-select2.js';
+import { d as defineCustomElement$s } from './form-control-text2.js';
+import { d as defineCustomElement$r } from './form-control-tooltip2.js';
+import { d as defineCustomElement$q } from './business-additional-questions-form-step.js';
+import { d as defineCustomElement$p } from './business-additional-questions-form-step-core.js';
+import { d as defineCustomElement$o } from './business-bank-account-form-step.js';
+import { d as defineCustomElement$n } from './business-bank-account-form-step-core.js';
 import { d as defineCustomElement$m } from './business-core-info-form-step.js';
 import { d as defineCustomElement$l } from './business-core-info-form-step-core.js';
 import { d as defineCustomElement$k } from './business-document-upload-form-step.js';
@@ -97,7 +97,7 @@ const PaymentProvisioning = /*@__PURE__*/ proxyCustomElement(class PaymentProvis
         }
     }
     render() {
-        return (h("justifi-payment-provisioning-core", { key: '845a347f0aead4523515a3a6d34ce7a08cda278a', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
+        return (h("justifi-payment-provisioning-core", { key: 'ca4b13afe923312bd51d477eae50099876991599', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -118,7 +118,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-payment-provisioning", "custom-popper", "form-control-checkbox", "form-control-date", "form-control-file", "form-control-monetary", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-additional-questions-form-step", "justifi-additional-questions-form-step-core", "justifi-business-bank-account-form-step", "justifi-business-core-info-form-step", "justifi-business-core-info-form-step-core", "justifi-business-document-upload-form-step", "justifi-business-document-upload-input-group", "justifi-business-documents-on-file", "justifi-business-owners-form-step", "justifi-business-owners-form-step-core", "justifi-business-representative-form-inputs", "justifi-business-representative-form-step", "justifi-business-representative-form-step-core", "justifi-business-terms-conditions-form-step", "justifi-business-terms-conditions-text", "justifi-identity-address-form", "justifi-legal-address-form-step", "justifi-legal-address-form-step-core", "justifi-owner-form", "justifi-payment-provisioning-core", "justifi-payment-provisioning-form-buttons", "justifi-payment-provisioning-form-steps", "owner-form-core", "owner-form-inputs"];
+    const components = ["justifi-payment-provisioning", "custom-popper", "form-control-checkbox", "form-control-date", "form-control-file", "form-control-monetary", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-additional-questions-form-step", "justifi-additional-questions-form-step-core", "justifi-business-bank-account-form-step", "justifi-business-bank-account-form-step-core", "justifi-business-core-info-form-step", "justifi-business-core-info-form-step-core", "justifi-business-document-upload-form-step", "justifi-business-document-upload-input-group", "justifi-business-documents-on-file", "justifi-business-owners-form-step", "justifi-business-owners-form-step-core", "justifi-business-representative-form-inputs", "justifi-business-representative-form-step", "justifi-business-representative-form-step-core", "justifi-business-terms-conditions-form-step", "justifi-business-terms-conditions-text", "justifi-identity-address-form", "justifi-legal-address-form-step", "justifi-legal-address-form-step-core", "justifi-owner-form", "justifi-payment-provisioning-core", "justifi-payment-provisioning-form-buttons", "justifi-payment-provisioning-form-steps", "owner-form-core", "owner-form-inputs"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-payment-provisioning":
             if (!customElements.get(tagName)) {
@@ -127,60 +127,65 @@ function defineCustomElement$1() {
             break;
         case "custom-popper":
             if (!customElements.get(tagName)) {
-                defineCustomElement$y();
+                defineCustomElement$z();
             }
             break;
         case "form-control-checkbox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$x();
+                defineCustomElement$y();
             }
             break;
         case "form-control-date":
             if (!customElements.get(tagName)) {
-                defineCustomElement$w();
+                defineCustomElement$x();
             }
             break;
         case "form-control-file":
             if (!customElements.get(tagName)) {
-                defineCustomElement$v();
+                defineCustomElement$w();
             }
             break;
         case "form-control-monetary":
             if (!customElements.get(tagName)) {
-                defineCustomElement$u();
+                defineCustomElement$v();
             }
             break;
         case "form-control-number-masked":
             if (!customElements.get(tagName)) {
-                defineCustomElement$t();
+                defineCustomElement$u();
             }
             break;
         case "form-control-select":
             if (!customElements.get(tagName)) {
-                defineCustomElement$s();
+                defineCustomElement$t();
             }
             break;
         case "form-control-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
         case "form-control-tooltip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "justifi-additional-questions-form-step":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "justifi-additional-questions-form-step-core":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "justifi-business-bank-account-form-step":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$o();
+            }
+            break;
+        case "justifi-business-bank-account-form-step-core":
             if (!customElements.get(tagName)) {
                 defineCustomElement$n();
             }

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

@@ -40,7 +40,7 @@ const PaymentsListFilters = /*@__PURE__*/ proxyCustomElement(class PaymentsListF
         ];
     }
     render() {
-        return (h(StyledHost, { key: '9cd31c52650516e81343bf13c3e18ed96258bc57' }, h("table-filters-menu", { key: 'eb1abd1876bd3bf52e04108e680c2b006338514c', params: Object.assign({}, queryParams), clearParams: clearParams }, h("div", { key: '2787fa1c460d45a5d66efe5a2f3ef25333ec9201', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'f7f599337b113e9aad1c72fdb4dd88c3dec92a63', class: "p-2" }, h("form-control-text", { key: 'ee692c59649fcbe4ec0e7e5bef891d5145ac4d35', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: queryParams.payment_id })), h("div", { key: '1dce20fc5bb6a69e06e7960349e6f5623d5eef66', class: "p-2" }, h("form-control-text", { key: '2a84495e90b49bfa51912251d6c5804646248f7b', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: queryParams.terminal_id })), h("div", { key: 'bbd95d93ddb713a4ae90876b735e4f88ce6abfef', class: "p-2" }, h("form-control-select", { key: 'ce1b6ac3d27149b013c937e3bdb43257a6f16c86', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: queryParams.payment_status || '' })), h("div", { key: 'ae3b27ef30ded613a255c688162a3ff561a5f5d3', class: "p-2" }, h("form-control-date", { key: 'eaefc349011d12e5f950ad12fea24507dee9516f', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(queryParams.created_after, { showInputDateTime: true }) || '', showTime: true })), h("div", { key: 'f52daff95da491a911be96d8c0f3a6dc395a95c6', class: "p-2" }, h("form-control-date", { key: 'cb8d8b5a424c3a1ca36c52608d89948d88c54cb5', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(queryParams.created_before, { showInputDateTime: true }) || '', showTime: true }))))));
+        return (h(StyledHost, { key: '39f88bdcf7c8823d42d4432ff41bfaa0e70b0811' }, h("table-filters-menu", { key: '67f2b375b47bd9cf037a02df48b6ca270259e3b6', params: Object.assign({}, queryParams), clearParams: clearParams }, h("div", { key: 'bb8cd6c205b604c41ff0277c9778006ce9006259', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '6c54760335d154182895247250cc1dfa2efbf9d3', class: "p-2" }, h("form-control-text", { key: '1d72daa5c87ba8c9463da01af7552f5762d4f29b', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: queryParams.payment_id })), h("div", { key: '077585c3359b16be1833134898fa90c4367129fe', class: "p-2" }, h("form-control-text", { key: 'c62b51170db0aa184f4ed68fbc312d4a0bda5d2b', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: queryParams.terminal_id })), h("div", { key: '324cd4f6775118ef87d5bd6d0ff62300e3526dbd', class: "p-2" }, h("form-control-select", { key: '0ddbe138adf0cdb450ee91e450d3613d7114e849', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: queryParams.payment_status || '' })), h("div", { key: '0e6f54d6b839aa99d6d7a572fb18b240caa12c3c', class: "p-2" }, h("form-control-date", { key: 'f8799a7d8da64e55f920da09f847d54218a6cd45', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(queryParams.created_after, { showInputDateTime: true }) || '', showTime: true })), h("div", { key: 'febd10712014933c97faf3846c83a528885418e3', class: "p-2" }, h("form-control-date", { key: '5d6b095267cae0226346c289a4b2ca8f838230ac', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(queryParams.created_before, { showInputDateTime: true }) || '', showTime: true }))))));
     }
 }, [1, "justifi-payments-list-filters"]);
 function defineCustomElement$1() {

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

@@ -5,7 +5,7 @@ import './Pagination.js';
 import { b as Payment } from './Payment.js';
 import './SubAccount.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
+import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { c as config } from './config.js';
 import { S as StyledHost } from './styled-host.js';
@@ -89,7 +89,7 @@ const PaymentsList = /*@__PURE__*/ proxyCustomElement(class PaymentsList extends
         }
     }
     render() {
-        return (h(StyledHost, { key: '35086c06a347cb7ee577366cd5674a2c50c4ffe5' }, h("payments-list-core", { key: 'bee1a7cf3e600a0060a62cf8151eea390dfd2cfa', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'a7d58ebf91eea679073919566cd786f8df8ebec0' }, h("payments-list-core", { key: '652e313667f05d7e6a1e94ca7acc34ba137dde98', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-payout-details.js

@@ -5,7 +5,7 @@ import './Pagination.js';
 import './Payment.js';
 import { P as Payout } from './SubAccount.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
+import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 import { E as ErrorState } from './utils.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { d as defineCustomElement$3 } from './details.js';

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

@@ -22,7 +22,7 @@ const PayoutsListFilters = /*@__PURE__*/ proxyCustomElement(class PayoutsListFil
         };
     }
     render() {
-        return (h(StyledHost, { key: 'dbeddac44642b50552902b1d072384d0e308bbcd' }, h("table-filters-menu", { key: '0a4fc98cf7cf7bb5748c9443fe0ad22676b2ec0a', params: Object.assign({}, queryParams), clearParams: clearParams }, h("div", { key: '36e7cfd3b59458bfc4f34b25e14d39984d6f9b19', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '3670d1890feecaf9c0ad41278e3862606fa6576a', class: "p-2" }, h("form-control-date", { key: '8f0e4ef2e46b542f17504ef888839726067d3319', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(queryParams.created_after, { showInputDate: true }) })), h("div", { key: '8f661de9cd9115e7ce10e92684cf98d66f9e3e5f', class: "p-2" }, h("form-control-date", { key: '60d03f6687f308c4cb4a39176bec248b204803e2', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(queryParams.created_before, { showInputDate: true }) }))))));
+        return (h(StyledHost, { key: '6cbfeb85a953944c4e3d5a793ba5ef01541d6a38' }, h("table-filters-menu", { key: '08acac404fa3d3cdf0a12d8c1db26bdba741196c', params: Object.assign({}, queryParams), clearParams: clearParams }, h("div", { key: 'fed242f0aa7a90027c54ac614938c94417f1f092', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '052f23dbc74cec6ad5d26122a8b51dc4f0e5abad', class: "p-2" }, h("form-control-date", { key: '19bbb0f862ac86820ed8422a1df87475b24a07de', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(queryParams.created_after, { showInputDate: true }) })), h("div", { key: '890b7ddad9586c2f60263e2da55dd30017925715', class: "p-2" }, h("form-control-date", { key: '0d6f1434667344b9845d3a71a22b6dd9425ac6ce', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(queryParams.created_before, { showInputDate: true }) }))))));
     }
 }, [1, "justifi-payouts-list-filters"]);
 function defineCustomElement$1() {

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

@@ -7,7 +7,7 @@ import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import { P as Payout } 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';
@@ -114,7 +114,7 @@ const PayoutsList = /*@__PURE__*/ proxyCustomElement(class PayoutsList extends H
         }
     }
     render() {
-        return (h(StyledHost, { key: '78316ffab976d4674ed157de643d0e579a503050', exportedparts: tableExportedParts }, h("payouts-list-core", { key: '6d258120f1ab81723505f76db75f4d4289e072b4', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (h(StyledHost, { key: '568c562b7d0bf5cc3ea4f0bc8d0bc0e468480954', exportedparts: tableExportedParts }, h("payouts-list-core", { key: '9aea9e2fa1083617471a127ca34c3d2e6989f445', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],