@justifi/webcomponents 5.2.0 → 5.3.0

package/dist/module/get-subaccounts.js

@@ -1,9 +1,10 @@
 import { A as Api, c as config } from './config.js';
+import { a as ComponentErrorSeverity } from './ComponentError.js';
 import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import { S as SubAccount } from './SubAccount.js';
-import { a as ComponentErrorSeverity } from './ComponentError.js';
+import './Document.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 
 class SubAccountService {

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c as formatCurrency, d as formatDisplayDate } from './utils2.js';
+import { f as formatCurrency, e as formatDisplayDate } from './utils2.js';
 import { E as ErrorState } from './utils.js';
 import { S as Spinner } from './spinner.js';
 
@@ -11040,7 +11040,7 @@ const GrossPaymentChartCore = /*@__PURE__*/ proxyCustomElement(class GrossPaymen
         }
     }
     render() {
-        return (h(Host, { key: '3bab823df105738571c6feeba11700a70593fdc6' }, this.loading && h(Spinner, { key: '3ed4ffbcd589e4655bc23336c42b3934157dd7a4' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        return (h(Host, { key: '14360f11f9b118e347ee73739f03c3631fbef1a4' }, this.loading && h(Spinner, { key: 'a5190472afdbf507c6c36c8aaae1473bffc80dcf' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
     }
     static get watchers() { return {
         "getGrossPayment": ["propChanged"],

package/dist/module/hidden-input2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { a as iframeInputStylesSet } from './iframe-input-styles-state.js';
-import { i as inputInvalidAndFocused, b as inputInvalid, c as inputFocused, d as input } from './parts.js';
+import { k as inputInvalidAndFocused, b as inputInvalid, d as inputFocused, i as input } from './parts.js';
 
 const HiddenInput = /*@__PURE__*/ proxyCustomElement(class HiddenInput extends HTMLElement {
     constructor() {
@@ -76,7 +76,7 @@ const HiddenInput = /*@__PURE__*/ proxyCustomElement(class HiddenInput extends H
         return input;
     }
     render() {
-        return (h(Host, { key: 'ae03d3be50b34d6c98c8e1bd619f1d97049099a7' }, h("input", { key: '347725ba26e6aab3c0da4f9e3da5b2e4ec9f0e37', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
+        return (h(Host, { key: '21c26d386f4e23af0e0ef069ad0263e252c8c15b' }, h("input", { key: '70bb1f6c7c5e94a96fddfe82d1831df12771f0af', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
     }
 }, [0, "hidden-input", {
         "isFocused": [32],

package/dist/module/iframe-input2.js

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import { p as packageJson } from './package.js';
 import { i as iframeInputStyles } from './iframe-input-styles-state.js';
-import { i as inputInvalidAndFocused, b as inputInvalid, c as inputFocused, d as input, l as label } from './parts.js';
+import { k as inputInvalidAndFocused, b as inputInvalid, d as inputFocused, i as input, l as label } from './parts.js';
 
 var iframeResizer = {exports: {}};
 
@@ -1614,10 +1614,10 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
         return params;
     }
     render() {
-        return (h(Host, { key: '0f84e1044b6bddb480dbb4b4fd2ba6f18d75a2a0', class: "form-group d-flex flex-column" }, h("div", { key: '25e6e196ccf3973b9a382f09efe5997bfb4abd1b', style: {
+        return (h(Host, { key: '00956724f4d6e72b09c2c469613a6362a3c7cdec', class: "form-group d-flex flex-column" }, h("div", { key: 'e6605bd5ef7356c21701b0856a133758720a36d6', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: 'eeddbc0a03692c053898b761fca84635cb3c9323', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'ce10d714ca67511b059adc4fb942ed42885f0a1a', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: '85bedd02d3013ad4973d3ecfa0a7c530fddf5a7a', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: 'f52a782a9f1bbca4a8a6e36da1948611ab834e54', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'b88199f3de1b52a0aed4d61c0448c293964a7279', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: '218aa6d48b12c1fc78f04a1556f0a32738c20df4', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -1627,7 +1627,7 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
                         this.iframeLoaded = true;
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: '6533642027fa5184e120452f19e5274476210301', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: 'f6e57608fc771ca78e39618455dfe57cd40a655a', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return this; }
 }, [0, "iframe-input", {

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

@@ -5,10 +5,12 @@ import { a as additionalQuestionsSchema } from './business-additional-questions-
 import { i as identitySchema } from './business-identity-schema.js';
 import { a as addressSchema } from './business-address-schema.js';
 import { A as Api, c as config } from './config.js';
+import './ComponentError.js';
 import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import './SubAccount.js';
+import './Document.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';
@@ -16,7 +18,7 @@ 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 { a as BusinessFormClickActions } from './event-types.js';
 import { d as defineCustomElement$e } from './custom-popper2.js';
 import { d as defineCustomElement$d } from './form-alert2.js';
 import { d as defineCustomElement$c } from './form-control-date2.js';

package/dist/module/justifi-checkout.js

@@ -131,11 +131,11 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
         this.checkoutCoreRef.fillBillingForm(fields);
     }
     render() {
-        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 => {
+        return (h("justifi-checkout-core", { key: 'd0f0e8bd7634b09e43d7b89fc9b62dad5a46698a', 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: '649338a229597a0c6a9987975f91e678ca489890', slot: "insurance" }, h("slot", { key: 'ddfb4986d89a9792e7dad6ffad7dd134bedc9e25', name: "insurance" }))));
+            } }, h("div", { key: 'c523d863b3c50a2a341c6afda034a847f172f64d', slot: "insurance" }, h("slot", { key: '7fc6851584286b771b300113065950fd3c36fe7b', name: "insurance" }))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

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

@@ -33,7 +33,7 @@ const CheckoutsListFilters = /*@__PURE__*/ proxyCustomElement(class CheckoutsLis
         ];
     }
     render() {
-        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 || '' }))))));
+        return (h(StyledHost, { key: '5015b8422169ea4c32f8e92f3931963ad0d8c8f9' }, h("table-filters-menu", { key: '2169201810641e563dc0af321c5b7367fad04a3a', params: Object.assign({}, queryParams), clearParams: clearParams }, h("div", { key: '802ce6488f2204ece4845e95d9225b05c428bc13', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '99dfed0fafadff13f37e6cbfcb98761be6d49a68', class: "p-2" }, h("form-control-select", { key: '0b37e4c6685be467c08b3c86df6f9bfc8ab52e3d', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: queryParams.status || '' })), h("div", { key: 'dec0b6be6d13847dbf748ea0a038df2db143afe2', class: "p-2" }, h("form-control-select", { key: 'acd5f387f5ea2a4b5918b9a3a80eaac199bbd8d5', 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

@@ -1,9 +1,10 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
 import { C as Checkout } from './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import './SubAccount.js';
-import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
+import './Document.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';
@@ -105,7 +106,7 @@ const CheckoutsList = /*@__PURE__*/ proxyCustomElement(class CheckoutsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: 'cac567336d8e7f104b31a852b5734de16cd32d26' }, h("checkouts-list-core", { key: '6d8006ea752a73e396941e60facb04f84c4139c8', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'aae56ec9ac20a6ed740a5180bfedf664d7d1e0ca' }, h("checkouts-list-core", { key: '933b8b41aa468c1515b64a8fb6570609454ee361', 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

@@ -100,7 +100,7 @@ const DisputeManagement = /*@__PURE__*/ proxyCustomElement(class DisputeManageme
         }
     }
     render() {
-        return (h("justifi-dispute-management-core", { key: '5cc8bd47c54dd8bda15460e7d2258bac58470496', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
+        return (h("justifi-dispute-management-core", { key: 'ac225c68cd03070f60bf00bef92ddcc8d5fe4e47', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
     }
     static get watchers() { return {
         "disputeId": ["propChanged"],

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

@@ -1,10 +1,11 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { P as PaymentService } from './payment.service.js';
+import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
 import './Checkout.js';
 import './Pagination.js';
 import { b as Payment } from './Payment.js';
 import './SubAccount.js';
-import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
+import './Document.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';

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

@@ -1,34 +1,33 @@
 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, f as makePostProvisioning } from './payment-provisioning-actions.js';
+import { m as makeGetBusiness, g as makePostProvisioning } from './payment-provisioning-actions.js';
 import { B as BusinessService } from './business.service.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';
-import { d as defineCustomElement$j } from './business-document-upload-input-group.js';
-import { d as defineCustomElement$i } from './business-documents-on-file.js';
-import { d as defineCustomElement$h } from './business-owners-form-step.js';
-import { d as defineCustomElement$g } from './business-owners-form-step-core.js';
-import { d as defineCustomElement$f } from './business-representative-form-inputs.js';
-import { d as defineCustomElement$e } from './business-representative-form-step.js';
-import { d as defineCustomElement$d } from './business-representative-form-step-core.js';
-import { d as defineCustomElement$c } from './business-terms-conditions-form-step.js';
-import { d as defineCustomElement$b } from './business-terms-conditions-text.js';
+import { d as defineCustomElement$y } from './bank-account-document-inputs.js';
+import { d as defineCustomElement$x } from './bank-account-form-inputs2.js';
+import { d as defineCustomElement$w } from './business-documents-on-file2.js';
+import { d as defineCustomElement$v } from './custom-popper2.js';
+import { d as defineCustomElement$u } from './form-control-checkbox2.js';
+import { d as defineCustomElement$t } from './form-control-date2.js';
+import { d as defineCustomElement$s } from './form-control-file2.js';
+import { d as defineCustomElement$r } from './form-control-monetary2.js';
+import { d as defineCustomElement$q } from './form-control-number-masked2.js';
+import { d as defineCustomElement$p } from './form-control-select2.js';
+import { d as defineCustomElement$o } from './form-control-text2.js';
+import { d as defineCustomElement$n } from './form-control-tooltip2.js';
+import { d as defineCustomElement$m } from './business-additional-questions-form-step.js';
+import { d as defineCustomElement$l } from './business-additional-questions-form-step-core.js';
+import { d as defineCustomElement$k } from './business-bank-account-form-step.js';
+import { d as defineCustomElement$j } from './business-bank-account-form-step-core.js';
+import { d as defineCustomElement$i } from './business-core-info-form-step.js';
+import { d as defineCustomElement$h } from './business-core-info-form-step-core.js';
+import { d as defineCustomElement$g } from './business-owners-form-step.js';
+import { d as defineCustomElement$f } from './business-owners-form-step-core.js';
+import { d as defineCustomElement$e } from './business-representative-form-inputs.js';
+import { d as defineCustomElement$d } from './business-representative-form-step.js';
+import { d as defineCustomElement$c } from './business-representative-form-step-core.js';
+import { d as defineCustomElement$b } from './business-terms-conditions-form-step.js';
 import { d as defineCustomElement$a } from './identity-address-form.js';
 import { d as defineCustomElement$9 } from './legal-address-form-step.js';
 import { d as defineCustomElement$8 } from './legal-address-form-step-core.js';
@@ -118,134 +117,129 @@ 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-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"];
+    const components = ["justifi-payment-provisioning", "bank-account-document-form-inputs", "bank-account-form-inputs", "business-documents-on-file", "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-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-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)) {
                 customElements.define(tagName, PaymentProvisioning);
             }
             break;
-        case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$z();
-            }
-            break;
-        case "form-control-checkbox":
+        case "bank-account-document-form-inputs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$y();
             }
             break;
-        case "form-control-date":
+        case "bank-account-form-inputs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$x();
             }
             break;
-        case "form-control-file":
+        case "business-documents-on-file":
             if (!customElements.get(tagName)) {
                 defineCustomElement$w();
             }
             break;
-        case "form-control-monetary":
+        case "custom-popper":
             if (!customElements.get(tagName)) {
                 defineCustomElement$v();
             }
             break;
-        case "form-control-number-masked":
+        case "form-control-checkbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$u();
             }
             break;
-        case "form-control-select":
+        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$t();
             }
             break;
-        case "form-control-text":
+        case "form-control-file":
             if (!customElements.get(tagName)) {
                 defineCustomElement$s();
             }
             break;
-        case "form-control-tooltip":
+        case "form-control-monetary":
             if (!customElements.get(tagName)) {
                 defineCustomElement$r();
             }
             break;
-        case "justifi-additional-questions-form-step":
+        case "form-control-number-masked":
             if (!customElements.get(tagName)) {
                 defineCustomElement$q();
             }
             break;
-        case "justifi-additional-questions-form-step-core":
+        case "form-control-select":
             if (!customElements.get(tagName)) {
                 defineCustomElement$p();
             }
             break;
-        case "justifi-business-bank-account-form-step":
+        case "form-control-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$o();
             }
             break;
-        case "justifi-business-bank-account-form-step-core":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$n();
             }
             break;
-        case "justifi-business-core-info-form-step":
+        case "justifi-additional-questions-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
-        case "justifi-business-core-info-form-step-core":
+        case "justifi-additional-questions-form-step-core":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "justifi-business-document-upload-form-step":
+        case "justifi-business-bank-account-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "justifi-business-document-upload-input-group":
+        case "justifi-business-bank-account-form-step-core":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "justifi-business-documents-on-file":
+        case "justifi-business-core-info-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "justifi-business-owners-form-step":
+        case "justifi-business-core-info-form-step-core":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "justifi-business-owners-form-step-core":
+        case "justifi-business-owners-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "justifi-business-representative-form-inputs":
+        case "justifi-business-owners-form-step-core":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "justifi-business-representative-form-step":
+        case "justifi-business-representative-form-inputs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }
             break;
-        case "justifi-business-representative-form-step-core":
+        case "justifi-business-representative-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "justifi-business-terms-conditions-form-step":
+        case "justifi-business-representative-form-step-core":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }
             break;
-        case "justifi-business-terms-conditions-text":
+        case "justifi-business-terms-conditions-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }

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

@@ -1,9 +1,10 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { l as lodash } from './lodash.js';
-import { q as queryParams, c as clearParams } from './payments-list-params-state.js';
+import { f as filterParams, p as propsParams, c as clearParams } from './payments-list-params-state.js';
+import { a1 as filterMenu, a2 as paymentIdPaymentsListFilterParam, a3 as terminalIdPaymentsListFilterParam, a4 as paymentStatusPaymentsListFilterParam, a5 as createdAfterPaymentsListFilterParam, a6 as createdBeforePaymentsListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
-import { k as convertToUTC, j as convertToLocal } from './utils2.js';
+import { j as convertToUTC, h as convertToLocal } from './utils2.js';
 import { d as defineCustomElement$7 } from './custom-popper2.js';
 import { d as defineCustomElement$6 } from './form-control-date2.js';
 import { d as defineCustomElement$5 } from './form-control-select2.js';
@@ -17,16 +18,33 @@ const PaymentsListFilters = /*@__PURE__*/ proxyCustomElement(class PaymentsListF
         this.__registerHost();
         this.__attachShadow();
         this.setParamsOnChange = (name, value) => {
-            queryParams[name] = value;
+            filterParams[name] = value;
         };
         this.handleDateInput = (name, value) => {
             const utcDate = convertToUTC(value, { setExactTime: true });
             this.setParamsOnChange(name, utcDate);
         };
+        this.paymentId = undefined;
+        this.terminalId = undefined;
+        this.paymentStatus = undefined;
+        this.createdAfter = undefined;
+        this.createdBefore = undefined;
     }
     componentWillLoad() {
         // debounced input handler for text input
         this.debouncedSetParamsOnChange = lodash.exports.debounce(this.setParamsOnChange, 300);
+        const propsToSet = {
+            payment_id: this.paymentId,
+            terminal_id: this.terminalId,
+            payment_status: this.paymentStatus,
+            created_after: this.createdAfter,
+            created_before: this.createdBefore
+        };
+        Object.entries(propsToSet).forEach(([key, value]) => {
+            if (value) {
+                propsParams[key] = value;
+            }
+        });
     }
     get paymentStatusOptions() {
         return [
@@ -40,9 +58,18 @@ const PaymentsListFilters = /*@__PURE__*/ proxyCustomElement(class PaymentsListF
         ];
     }
     render() {
-        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 }))))));
+        const filterMenuParams = Object.assign({}, filterParams);
+        return (h(StyledHost, { key: '0ed766c07d1884c8be31d648c1258a3c13cc2bad' }, h("table-filters-menu", { key: '138ad8717e5b7c36549814eb2b8698111bb1b993', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '14f16a66adae6ad88429ca23cbd8c7465c3d0ed9', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '15e64e68179f9efb5a9354bb794d8989aa7d76f7', class: "p-2" }, h("form-control-text", { key: '7f825919f6904f1c8367d2039f5d441f38e492d9', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: 'a68d6dd57535f9f104aa2d8db153b4df48d83a65', class: "p-2" }, h("form-control-text", { key: '6cfbadec9bcabe92d1f2de95e6b64290f7a838ef', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '36d32e33c65e0793d5aa980df3a5f57c549ce8b3', class: "p-2" }, h("form-control-select", { key: '41194790a53ebaccdd83d95386180aabd76742f8', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status, disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: '43639c4c930b0d13d6bc5a49275bcb8a6b9a2a5a', class: "p-2" }, h("form-control-date", { key: 'f6d5ae2d3694def7cfb39721d1a76a6e96007eb2', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterPaymentsListFilterParam })), h("div", { key: '2c0587296cd94fbc480602ab853cb7179e948f62', class: "p-2" }, h("form-control-date", { key: 'b68302ce611cce52dd14c327fb25f6433b307d14', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: createdBeforePaymentsListFilterParam }))))));
     }
-}, [1, "justifi-payments-list-filters"]);
+}, [1, "justifi-payments-list-filters", {
+        "paymentId": [1, "payment-id"],
+        "terminalId": [1, "terminal-id"],
+        "paymentStatus": [1, "payment-status"],
+        "createdAfter": [1, "created-after"],
+        "createdBefore": [1, "created-before"]
+    }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;

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

@@ -1,10 +1,11 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { P as PaymentService } from './payment.service.js';
+import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
 import './Checkout.js';
 import './Pagination.js';
 import { b as Payment } from './Payment.js';
 import './SubAccount.js';
-import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
+import './Document.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';
@@ -13,7 +14,7 @@ import './details.js';
 import { d as defineCustomElement$2, a as defaultColumnsKeys } from './payments-list-core2.js';
 import { d as defineCustomElement$3 } from './pagination-menu2.js';
 
-const makeGetPayments = ({ id, authToken, service, apiOrigin }) => async ({ params, onSuccess, onError }) => {
+const makeGetPayments = ({ id, authToken, service, apiOrigin }) => async ({ params, onSuccess, onError, final }) => {
     var _a, _b;
     try {
         const response = await service.fetchPayments(id, authToken, params, apiOrigin);
@@ -40,6 +41,9 @@ const makeGetPayments = ({ id, authToken, service, apiOrigin }) => async ({ para
             severity: ComponentErrorSeverity.ERROR,
         });
     }
+    finally {
+        return final();
+    }
 };
 
 const PaymentsList = /*@__PURE__*/ proxyCustomElement(class PaymentsList extends HTMLElement {
@@ -89,7 +93,7 @@ const PaymentsList = /*@__PURE__*/ proxyCustomElement(class PaymentsList extends
         }
     }
     render() {
-        return (h(StyledHost, { key: 'a7d58ebf91eea679073919566cd786f8df8ebec0' }, h("payments-list-core", { key: '652e313667f05d7e6a1e94ca7acc34ba137dde98', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '17c610d9339435e5aa7dc6735a0b4cde7e64753a' }, h("payments-list-core", { key: 'be8ddb8088e17c8966f32705f27c48a7f58fd3f1', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

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

@@ -1,10 +1,11 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { m as makeGetPayoutCSV, P as PayoutService } from './get-payout-csv.js';
+import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
 import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import { P as Payout } from './SubAccount.js';
-import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
+import './Document.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';

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

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
 import { q as queryParams, c as clearParams } from './payouts-list-params-state.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
-import { k as convertToUTC, j as convertToLocal } from './utils2.js';
+import { j as convertToUTC, h as convertToLocal } from './utils2.js';
 import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-control-date2.js';
 import { d as defineCustomElement$3 } from './form-control-tooltip2.js';
@@ -22,7 +22,7 @@ const PayoutsListFilters = /*@__PURE__*/ proxyCustomElement(class PayoutsListFil
         };
     }
     render() {
-        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 }) }))))));
+        return (h(StyledHost, { key: 'f9ee0c87b7b241ade995fc9bbec00fa6f38c4207' }, h("table-filters-menu", { key: '2811b3d4673191dd3e1f2e1546389841d6f3dec2', params: Object.assign({}, queryParams), clearParams: clearParams }, h("div", { key: '6f0584fbaed4fd931da456ee7a68ad25843e84d3', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '60dba9253fa74815d2af5d9d6993d4941530da6d', class: "p-2" }, h("form-control-date", { key: '453826549a4f379eca9c4ffc9d57f18f078af347', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(queryParams.created_after, { showInputDate: true }) })), h("div", { key: '646566a69b9d4a82c24151e6773eaa381c1c4970', class: "p-2" }, h("form-control-date", { key: '14a62f94d8b27d88306ed58cbfcbb0b377e57587', 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,6 +7,7 @@ import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import { P as Payout } from './SubAccount.js';
+import './Document.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';
@@ -114,7 +115,7 @@ const PayoutsList = /*@__PURE__*/ proxyCustomElement(class PayoutsList extends H
         }
     }
     render() {
-        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 })));
+        return (h(StyledHost, { key: '7e8c3bf1df6c6cdffdc7205f84d4b451b331f6db', exportedparts: tableExportedParts }, h("payouts-list-core", { key: '9ba8af8a562107b8fdc5bece521187ab70b90669', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

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

@@ -1,10 +1,12 @@
 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, c as config } from './config.js';
+import './ComponentError.js';
 import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import './SubAccount.js';
+import './Document.js';
 import { C as CURRENCY_MASK } from './form-input-masks.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
@@ -98,7 +100,7 @@ const RefundForm = /*@__PURE__*/ proxyCustomElement(class RefundForm extends HTM
     }
     render() {
         var _a;
-        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))))));
+        return (h(StyledHost, { key: '21bb5742fac6f75a96b334e2806906e9d9d3a215' }, h("h1", { key: '74c81b6918611e8506bcec7ad28080437a435d35' }, "Refund"), this.refundInfoText && (h("div", { key: '1cd42cd6bf063fe52b35c9adeccbba366147a8a0', class: "d-flex align-items-center flex-row gap-4 border-top border-bottom my-4 p-3", role: "alert" }, h("img", { key: '338b9ffd53bc98da86a0c96eceb4057c235cc524', src: "/info-icon.svg", alt: "Information", height: "30", width: "30" }), h("p", { key: 'e8335bcee9ce21198a2104913b5f084e897807d4', class: "m-0", innerHTML: this.refundInfoText }))), h("form", { key: '6efdd00f3a96bafb713e2d9f23a77a9cfd88dc21', onSubmit: e => this.handleSubmit(e), class: "d-grid gap-4" }, h("div", { key: '55680d454a42549b8c442f1897455cc6c0f4e973', class: "form-group" }, h("form-control-monetary", { key: 'c38894006ce18238f1fd7738feea4ca3c710930d', 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: 'fe803d97c9b90bdb87fa99dd454859a365901688', class: "form-group" }, h("form-control-text", { key: '08a129a72043547fb57ee99a1b3326dbfb03b871', name: "notes", label: "Additional Notes", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.notes })), this.withButton && (h("div", { key: '08ba9b480faf93f81d5f1396bc42469735fdf46d', class: "form-group d-flex flex-row-reverse" }, h("button", { key: 'a07f1a85156ef80e87e9d0b5e615c1c08eebd7d2', type: "submit", disabled: !!this.isSubmitting, class: "btn btn-primary ml-auto" }, this.submitButtonText))))));
     }
 }, [1, "justifi-refund-form", {
         "authToken": [1, "auth-token"],