@justifi/webcomponents 6.12.6 → 6.12.7-rc.1

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

@@ -1,7 +1,7 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import './config-state.js';
 import './dinero.js';
-import { q as Checkout, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
+import { p as Checkout, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
@@ -17,7 +17,7 @@ import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import { f as formatDate, a as formatTime } from './utils2.js';
 import { B as Badge, a as BadgeVariant } from './badge.js';
-import { B as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
+import { D as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './checkouts-list-params-state.js';
 import { d as defineCustomElement$2 } from './pagination-menu2.js';
 

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { D as Dispute, C as ComponentErrorSeverity, a as ComponentErrorCodes, l as DisputeStatus } from './Plaid.js';
+import { D as Dispute, C as ComponentErrorSeverity, a as ComponentErrorCodes, k as DisputeStatus } from './Plaid.js';
 import { J as JustifiAnalytics } from './Analytics.js';
 import { c as checkPkgVersion } from './check-pkg-version.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils3.js';

package/dist/module/justifi-modular-checkout2.js

@@ -4,7 +4,7 @@ import { J as JustifiAnalytics } from './Analytics.js';
 import { c as checkPkgVersion } from './check-pkg-version.js';
 import './config-state.js';
 import './dinero.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes, e as ComponentErrorMessages, I as ICheckoutStatus } from './Plaid.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes, f as ComponentErrorMessages, I as ICheckoutStatus } from './Plaid.js';
 import './Pagination.js';
 import './Business.js';
 import './ApplePay.js';

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

@@ -1,12 +1,12 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { L as heading4, a2 as heading5, D as buttonPrimary, j as text } from './parts.js';
+import { L as heading4, a2 as heading5, z as buttonPrimary, j as text } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { c as checkPkgVersion } from './check-pkg-version.js';
 import { J as JustifiAnalytics } from './Analytics.js';
-import { s as TerminalModel, C as ComponentErrorSeverity, t as TerminalOrder, h as TerminalOrderType, a as ComponentErrorCodes } from './Plaid.js';
+import { r as TerminalModel, C as ComponentErrorSeverity, s as TerminalOrder, i as TerminalOrderType, a as ComponentErrorCodes } from './Plaid.js';
 import { B as BusinessService } from './business.service.js';
 import { b as Business } from './Business.js';
 import { m as makeGetBusiness } from './get-business.js';

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

@@ -1,7 +1,7 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import { P as PaymentService } from './payment.service.js';
 import { m as makeGetPaymentDetails } from './get-payment-details.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes, m as PaymentStatuses, l as DisputeStatus } from './Plaid.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes, l as PaymentStatuses, k as DisputeStatus } from './Plaid.js';
 import { J as JustifiAnalytics } from './Analytics.js';
 import { c as checkPkgVersion } from './check-pkg-version.js';
 import './config-state.js';

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

@@ -17,19 +17,20 @@ import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { a as BusinessFormClickActions } from './event-types2.js';
 import { P as PaymentProvisioningLoading } from './payment-provisioning-loading.js';
-import { d as defineCustomElement$v } from './additional-questions-form-step2.js';
-import { d as defineCustomElement$u } from './bank-account-document-form-inputs2.js';
-import { d as defineCustomElement$t } from './bank-account-form-inputs2.js';
-import { d as defineCustomElement$s } from './bank-account-form-inputs-canada2.js';
-import { d as defineCustomElement$r } from './bank-account-read-only-value2.js';
-import { d as defineCustomElement$q } from './business-bank-account-form-step2.js';
-import { d as defineCustomElement$p } from './business-core-info-form-step2.js';
-import { d as defineCustomElement$o } from './business-documents-on-file2.js';
-import { d as defineCustomElement$n } from './business-owners-form-step2.js';
-import { d as defineCustomElement$m } from './business-representative-form-inputs2.js';
-import { d as defineCustomElement$l } from './business-representative-form-step2.js';
-import { d as defineCustomElement$k } from './business-terms-conditions-form-step2.js';
-import { d as defineCustomElement$j } from './custom-popper2.js';
+import { d as defineCustomElement$w } from './additional-questions-form-step2.js';
+import { d as defineCustomElement$v } from './bank-account-form-inputs2.js';
+import { d as defineCustomElement$u } from './bank-account-form-inputs-canada2.js';
+import { d as defineCustomElement$t } from './bank-account-read-only-value2.js';
+import { d as defineCustomElement$s } from './business-bank-account-form-step2.js';
+import { d as defineCustomElement$r } from './business-core-info-form-step2.js';
+import { d as defineCustomElement$q } from './business-documents-on-file2.js';
+import { d as defineCustomElement$p } from './business-owners-form-step2.js';
+import { d as defineCustomElement$o } from './business-representative-form-inputs2.js';
+import { d as defineCustomElement$n } from './business-representative-form-step2.js';
+import { d as defineCustomElement$m } from './business-terms-conditions-form-step2.js';
+import { d as defineCustomElement$l } from './custom-popper2.js';
+import { d as defineCustomElement$k } from './document-upload-form-step2.js';
+import { d as defineCustomElement$j } from './document-upload-list2.js';
 import { d as defineCustomElement$i } from './form-address-fields2.js';
 import { d as defineCustomElement$h } from './form-control-checkbox2.js';
 import { d as defineCustomElement$g } from './form-control-date2.js';
@@ -172,7 +173,7 @@ const JustifiPaymentProvisioning$1 = /*@__PURE__*/ proxyCustomElement(class Just
         else {
             this.businessLoading = false;
         }
-        this.refs = new Array(7);
+        this.refs = new Array(8);
     }
     disconnectedCallback() {
         var _a;
@@ -252,7 +253,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-payment-provisioning", "additional-questions-form-step", "bank-account-document-form-inputs", "bank-account-form-inputs", "bank-account-form-inputs-canada", "bank-account-read-only-value", "business-bank-account-form-step", "business-core-info-form-step", "business-documents-on-file", "business-owners-form-step", "business-representative-form-inputs", "business-representative-form-step", "business-terms-conditions-form-step", "custom-popper", "form-address-fields", "form-control-checkbox", "form-control-date", "form-control-file", "form-control-monetary-provisioning", "form-control-number", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "identity-address-form", "legal-address-form-step", "owner-form", "owner-form-inputs", "payment-provisioning-form-buttons", "payment-provisioning-form-steps", "plaid-verification"];
+    const components = ["justifi-payment-provisioning", "additional-questions-form-step", "bank-account-form-inputs", "bank-account-form-inputs-canada", "bank-account-read-only-value", "business-bank-account-form-step", "business-core-info-form-step", "business-documents-on-file", "business-owners-form-step", "business-representative-form-inputs", "business-representative-form-step", "business-terms-conditions-form-step", "custom-popper", "document-upload-form-step", "document-upload-list", "form-address-fields", "form-control-checkbox", "form-control-date", "form-control-file", "form-control-monetary-provisioning", "form-control-number", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "identity-address-form", "legal-address-form-step", "owner-form", "owner-form-inputs", "payment-provisioning-form-buttons", "payment-provisioning-form-steps", "plaid-verification"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-payment-provisioning":
             if (!customElements.get(tagName)) {
@@ -260,66 +261,71 @@ function defineCustomElement$1() {
             }
             break;
         case "additional-questions-form-step":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$w();
+            }
+            break;
+        case "bank-account-form-inputs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$v();
             }
             break;
-        case "bank-account-document-form-inputs":
+        case "bank-account-form-inputs-canada":
             if (!customElements.get(tagName)) {
                 defineCustomElement$u();
             }
             break;
-        case "bank-account-form-inputs":
+        case "bank-account-read-only-value":
             if (!customElements.get(tagName)) {
                 defineCustomElement$t();
             }
             break;
-        case "bank-account-form-inputs-canada":
+        case "business-bank-account-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$s();
             }
             break;
-        case "bank-account-read-only-value":
+        case "business-core-info-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$r();
             }
             break;
-        case "business-bank-account-form-step":
+        case "business-documents-on-file":
             if (!customElements.get(tagName)) {
                 defineCustomElement$q();
             }
             break;
-        case "business-core-info-form-step":
+        case "business-owners-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$p();
             }
             break;
-        case "business-documents-on-file":
+        case "business-representative-form-inputs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$o();
             }
             break;
-        case "business-owners-form-step":
+        case "business-representative-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$n();
             }
             break;
-        case "business-representative-form-inputs":
+        case "business-terms-conditions-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
-        case "business-representative-form-step":
+        case "custom-popper":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "business-terms-conditions-form-step":
+        case "document-upload-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "custom-popper":
+        case "document-upload-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }

package/dist/module/justifi-payment-transactions-list.js

@@ -1,7 +1,7 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import './config-state.js';
 import './dinero.js';
-import { n as PaymentBalanceTransaction, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
+import { m as PaymentBalanceTransaction, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
@@ -15,7 +15,7 @@ import './justifi-details2.js';
 import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import { h as convertToLocal } from './utils2.js';
-import { B as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
+import { D as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
 import { d as defineCustomElement$2 } from './pagination-menu2.js';
 
 const makeGetPaymentTransactions = ({ id, authToken, service }) => async ({ params, onSuccess, onError, final }) => {

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

@@ -16,7 +16,7 @@ import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import { M as MapPaymentStatusToBadge } from './payments-status.js';
 import { h as convertToLocal } from './utils2.js';
-import { B as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
+import { D as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './payments-list-params-state.js';
 import { d as defineCustomElement$2 } from './pagination-menu2.js';
 

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

@@ -2,7 +2,7 @@ import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/i
 import { P as PayoutService } from './payout.service.js';
 import './config-state.js';
 import './dinero.js';
-import { o as Payout, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
+import { n as Payout, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
 import './Pagination.js';
 import './Business.js';
 import './ApplePay.js';

package/dist/module/justifi-payout-transactions-list.js

@@ -1,7 +1,7 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import { c as configState } from './config-state.js';
 import './dinero.js';
-import { p as PayoutBalanceTransaction, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
+import { o as PayoutBalanceTransaction, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
@@ -15,7 +15,7 @@ import './justifi-details2.js';
 import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import { h as convertToLocal } from './utils2.js';
-import { B as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
+import { D as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
 import { d as defineCustomElement$2 } from './pagination-menu2.js';
 
 const makeGetPayoutTransactions = ({ accountId, authToken, service }) => async ({ params, onSuccess, onError, final }) => {

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

@@ -7,7 +7,7 @@ import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { e as convertToUTC, h as convertToLocal } from './utils2.js';
 import './config-state.js';
-import { g as PayoutStatusesSafeNames } from './Plaid.js';
+import { h as PayoutStatusesSafeNames } from './Plaid.js';
 import './Pagination.js';
 import './Business.js';
 import './ApplePay.js';

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

@@ -1,5 +1,5 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { o as Payout, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
+import { n as Payout, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
 import { J as JustifiAnalytics } from './Analytics.js';
 import { c as checkPkgVersion } from './check-pkg-version.js';
 import { P as PayoutService } from './payout.service.js';
@@ -17,7 +17,7 @@ import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d a
 import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import { h as convertToLocal } from './utils2.js';
-import { B as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
+import { D as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './payouts-list-params-state.js';
 import { d as defineCustomElement$2 } from './pagination-menu2.js';
 

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

@@ -2,7 +2,7 @@ import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/i
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { b as formatCurrency } from './utils2.js';
 import './config-state.js';
-import { R as RefundReasons, C as ComponentErrorSeverity, a as ComponentErrorCodes, u as RefundPayload } from './Plaid.js';
+import { R as RefundReasons, C as ComponentErrorSeverity, a as ComponentErrorCodes, t as RefundPayload } from './Plaid.js';
 import './Pagination.js';
 import './Business.js';
 import './ApplePay.js';

package/dist/module/justifi-terminal-orders-list-filters.js

@@ -8,7 +8,7 @@ import './event-types.js';
 import './justifi-radio-list-item2.js';
 import './config-state.js';
 import { e as convertToUTC, h as convertToLocal } from './utils2.js';
-import { T as TerminalOrderStatus, h as TerminalOrderType } from './Plaid.js';
+import { T as TerminalOrderStatus, i as TerminalOrderType } from './Plaid.js';
 import './Pagination.js';
 import './Business.js';
 import './ApplePay.js';

package/dist/module/justifi-terminal-orders-list.js

@@ -5,10 +5,10 @@ import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d a
 import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import { c as checkPkgVersion } from './check-pkg-version.js';
-import { B as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
+import { D as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
 import { h as convertToLocal } from './utils2.js';
 import './config-state.js';
-import { h as TerminalOrderType, t as TerminalOrder, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
+import { i as TerminalOrderType, s as TerminalOrder, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Business.js';
 import './ApplePay.js';

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

@@ -8,7 +8,7 @@ import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import './config-state.js';
-import { i as ITerminalStatus } from './Plaid.js';
+import { j as ITerminalStatus } from './Plaid.js';
 import './Pagination.js';
 import './Business.js';
 import './ApplePay.js';

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

@@ -1,5 +1,5 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { r as Terminal, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
+import { q as Terminal, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
 import { J as JustifiAnalytics } from './Analytics.js';
 import { c as checkPkgVersion } from './check-pkg-version.js';
 import { T as TerminalService } from './terminal.service.js';
@@ -16,7 +16,7 @@ import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d a
 import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import { B as Badge, a as BadgeVariant } from './badge.js';
-import { B as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
+import { D as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
 import { m as capitalFirstLetter } from './utils2.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './terminals-list-params-state.js';
 import { d as defineCustomElement$2 } from './pagination-menu2.js';

package/dist/module/owner-form-inputs2.js

@@ -1,8 +1,10 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { P as PHONE_MASKS, I as IDENTITY_MASKS } from './form-input-masks.js';
 import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfBirthFormValues } from './input-handlers.js';
+import { a as CountryCode } from './Business.js';
 import { c as countryLabels } from './country-config.js';
-import { l as label, c as inputDisabled, E as buttonSecondary } from './parts.js';
+import { d as businessTitleOptions } from './business-form-options.js';
+import { l as label, c as inputDisabled, A as buttonSecondary } from './parts.js';
 import { d as defineCustomElement$9 } from './custom-popper2.js';
 import { d as defineCustomElement$8 } from './form-address-fields2.js';
 import { d as defineCustomElement$7 } from './form-control-date2.js';
@@ -29,14 +31,14 @@ const OwnerFormInputs = /*@__PURE__*/ proxyCustomElement(class OwnerFormInputs e
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'd2cd6a317c81991b6108751d7fafe6eb0f785572', class: "row gy-3" }, h("div", { key: '58b5f28247b266fb5928a4cc54992978a0382389', class: "col-12 col-md-8" }, h("form-control-text", { key: '8755d9f2c3e4f1753f33f06e96b060e3f1bfb7b8', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'c5930506a02c94b2752a50b1db5d375fe8e73791', class: "col-12 col-md-4" }, h("form-control-text", { key: 'f93c736bd2315bcc33971286303e0eb2c995b83d', name: "title", label: "Title", defaultValue: this.ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: '421d8dce34b3f45dc859aa37de740f1578817ba0', class: "col-12 col-md-6" }, h("form-control-text", { key: '183dcf682886be6c07a6e0f5ff6f3e8ebd5193bc', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '678bc220f7415da8cb83edf303919688cef75c29', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'f763d5b0596926c4044de25f181a8d562ef67d0f', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '958af034510d699ef84d7f22ff755ec088dbe4bc', class: "col-12 col-md-3" }, h("form-control-date", { key: '7a2d6f7dce48e5343296256eb407c638f3505bf6', name: "dob_full", label: "Birth Date", defaultValue: this.ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: '12c82f41a9d60ff5a52e64ea34d69fd24d3102bb', class: "col-12 col-md-3" }, h("form-control-number", { key: '035d4d0d2e036b1a86c2f179f39330b48de26005', name: "ownership_percentage", label: "% of Ownership", defaultValue: (_a = this.ownerDefaultValue) === null || _a === void 0 ? void 0 : _a.ownership_percentage, errorText: this.errors.ownership_percentage, inputHandler: this.inputHandler })), h("div", { key: '108cbb8692dc71b7d038315bf8be3b35efee0fa3', class: "col-12 col-md-6" }, (!((_b = this.ownerDefaultValue) === null || _b === void 0 ? void 0 : _b.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].idNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_c = this.ownerDefaultValue) === null || _c === void 0 ? void 0 : _c.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
+        return (h("div", { key: '6f4bb241699db7c16cb99016363cbbc1a4484a4a', class: "row gy-3" }, h("div", { key: 'fc0317736a62ac34f98f2b7a43a5073d785dfa0d', class: "col-12 col-md-8" }, h("form-control-text", { key: '8123035dfd371841e0830d0019c425d25977c160', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'a16e9ecc81fd4965d3a42b2569a7ea0615ecbf97', class: "col-12 col-md-4" }, h("form-control-select", { key: 'bd9b0ee5c7cf45ac3d67da96f951f167c93033e0', name: "title", label: "Title", options: businessTitleOptions, defaultValue: this.ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '5376a38a98ad715a3159ccf4e8c8e54b48fa1c7c', class: "col-12 col-md-6" }, h("form-control-text", { key: '7d08e58ae5fc15d5299c8646d5260602a51b9fbf', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '6f80f898cb354b40d8d6784110abd5a1c49ff9d9', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '8a7d577c4c1c5b54f733ee51a1970c17de27d0b0', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '5ace697b3fb38b52dca74ccd49207498b779ade8', class: "col-12 col-md-3" }, h("form-control-date", { key: 'ec8d614b62fe2913c52fd228e7df1fef1b1d7d83', name: "dob_full", label: "Birth Date", defaultValue: this.ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: '8fad1824571295e3464d26191eb23d373591e47d', class: "col-12 col-md-3" }, h("form-control-number", { key: 'c0ffdbf26ea5d65de8c3e98c2cd7d03430d4a8c2', name: "ownership_percentage", label: "% of Ownership", defaultValue: (_a = this.ownerDefaultValue) === null || _a === void 0 ? void 0 : _a.ownership_percentage, errorText: this.errors.ownership_percentage, inputHandler: this.inputHandler })), h("div", { key: '94d93a03f2513bb69da43bd68c3fddc62dbc18d6', class: "col-12 col-md-6" }, (!((_b = this.ownerDefaultValue) === null || _b === void 0 ? void 0 : _b.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: this.country === CountryCode.CAN ? countryLabels[this.country].idNumberLabelOptional : countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, this.country === CountryCode.CAN ? countryLabels[this.country].idNumberLabelOptional : countryLabels[this.country].idNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_c = this.ownerDefaultValue) === null || _c === void 0 ? void 0 : _c.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
                 this.isEditingIdentification = true;
                 // Clear last4 and current value to force validation
                 updateFormValues(this.formController, {
                     ssn_last4: null,
                     identification_number: ''
                 });
-            } }, "Change"))))), h("div", { key: '834b3ffaaec1e2dfec16b278b39e505782c0d785', class: "col-12" }, h("identity-address-form", { key: '7f6f356e116ce4bc1d9014dc7823b86b00af40b6', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))));
+            } }, "Change"))))), h("div", { key: '63d73015c84a1ab370b6686a643797b92096212f', class: "col-12" }, h("identity-address-form", { key: '4eff1f856b32e6d31cc18315b5b338c932723cf9', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))));
     }
     ;
 }, [256, "owner-form-inputs", {

package/dist/module/owner-form2.js

@@ -118,6 +118,13 @@ const OwnerForm = /*@__PURE__*/ proxyCustomElement(class OwnerForm extends HTMLE
     async returnOwnerData() {
         return this.ownerId;
     }
+    async getOwnershipPercentage() {
+        var _a;
+        return ((_a = this.formController.values.getValue()) === null || _a === void 0 ? void 0 : _a.ownership_percentage) || null;
+    }
+    async setOwnershipPercentageError(message) {
+        this.formController.setFieldError('ownership_percentage', message);
+    }
     async validate() {
         return this.formController.validate();
     }
@@ -192,7 +199,7 @@ const OwnerForm = /*@__PURE__*/ proxyCustomElement(class OwnerForm extends HTMLE
         });
     }
     render() {
-        return (h(Host, { key: '1661676befd63f9308edcb02be179db71b7c9d99', style: { display: 'block' } }, h("form", { key: '4961f358ca8953156477d455cacb19e4dec3cc29', onSubmit: this.validateAndSubmit }, h("fieldset", { key: '27ecfec87ae93a1bdec94f3cc925558dc8f0ff23' }, h("legend", { key: '4c194cf9e08e6fab9982b95a4b12c3c3a8cecdc3', class: "fw-semibold fs-5", part: heading3 }, this.formTitle), h("br", { key: 'ef1f9b184dac866d27cfa245106d90db0954fa51' }), h("div", { key: '2936ecc396220f8b80e5d8454bc6f6f70cb3ae73', class: "row gy-3" }, h("owner-form-inputs", { key: 'f34d38b718ed7fde67102aa1034b5e6377e001f8', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController, country: this.country }), h("div", { key: '2d5266bc1a7f4aeb12cab8a494107f2668b2fb0e', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: '39631fd0364221ac2a274d8aa794a1f3c8d28780', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: '120fbae294f8f67bd14fe0be5dc1bcf881ffd489', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: '73eccba19a595b67f64139769a495d5a27e02b2f' })))));
+        return (h(Host, { key: 'b168e9f5a52416984e6a04ab5f0771b63ee28b2e', style: { display: 'block' } }, h("form", { key: 'd22a6aae3f5debd30d87b3bd37c67390a46c4590', onSubmit: this.validateAndSubmit }, h("fieldset", { key: '30597bc1f4983bddbdc0ed45e6be7e715d0b9b8e' }, h("legend", { key: '508f2a777bd0422572002053f6c167242252850d', class: "fw-semibold fs-5", part: heading3 }, this.formTitle), h("br", { key: '2dd17c21e931a2a9c15489828c7d1d0542ff4de4' }), h("div", { key: 'e9d7d7a10546e5e1bdabb0a994d994c47cd77bd6', class: "row gy-3" }, h("owner-form-inputs", { key: 'e556391c25a05d3f89601f1e0ac3834a5c26becd', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController, country: this.country }), h("div", { key: '48eb9390459f2ca619914e54726c9a0ae1290e31', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: 'f9ccd8732981cdec9675332cc8f5c14d4938cbad', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: '607a54ce6c4c0af42f3f8c7cbe1374a69752eca3', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: '9ec1f815d8c3335daf2a4f98c2679930e22956e3' })))));
     }
     static get watchers() { return {
         "isLoading": ["loadingWatcher"]
@@ -214,6 +221,8 @@ const OwnerForm = /*@__PURE__*/ proxyCustomElement(class OwnerForm extends HTMLE
         "patchOwner": [32],
         "postOwner": [32],
         "returnOwnerData": [64],
+        "getOwnershipPercentage": [64],
+        "setOwnershipPercentageError": [64],
         "validate": [64],
         "submit": [64],
         "validateAndSubmit": [64]

package/dist/module/package.js

@@ -1,5 +1,5 @@
 const name = "@justifi/webcomponents";
-const version = "6.12.6";
+const version = "6.12.7-rc.1";
 var webcomponentsPackageJson = {
 	name: name,
 	version: version};

package/dist/module/parts.js

@@ -107,4 +107,4 @@ const checkoutSummary = `checkout-summary`;
 const filterMenu = `filter-menu`;
 const filterParam = `filter-param`;
 
-export { badge as $, table as A, tableHeadCell as B, tableCell as C, buttonPrimary as D, buttonSecondary as E, alert as F, inputCheckboxInvalid as G, inputCheckboxCheckedFocused as H, inputCheckboxFocused as I, inputCheckboxChecked as J, inputCheckbox as K, heading4 as L, alertDanger as M, paginationButton as N, paginationButtonDisabled as O, paginationButtonIconPrevious as P, paginationButtonText as Q, paginationButtonIconNext as R, loadingSpinner as S, badgeDark as T, badgeLight as U, badgeInfo as V, badgeWarning as W, badgeDanger as X, badgeSuccess as Y, badgeSecondary as Z, badgePrimary as _, inputAdornment as a, image as a0, buttonLink as a1, heading5 as a2, buttonOutlineSecondary as a3, buttonOutlinePrimary as a4, buttonDark as a5, buttonLight as a6, buttonInfo as a7, buttonWarning as a8, buttonDanger as a9, buttonSuccess as aa, buttonLoading as ab, checkoutSummary as ac, filterMenu as ad, filterParam as ae, dropdownMenuButton as af, dropdownMenu as ag, getAlternateTableCellPart as ah, tableHead as ai, tableHeadRow as aj, tableRow as ak, tableFoot as al, tableFootRow as am, tableFootCell as an, tableEmpty as ao, tableError as ap, inputInvalid as b, inputDisabled as c, inputFocused as d, input as e, tooltip as f, tooltipInner as g, heading2 as h, inputGroup as i, text as j, textDanger as k, label as l, link as m, heading1 as n, inputRadioInvalid as o, inputRadioCheckedFocused as p, inputRadioChecked as q, inputRadioFocused as r, inputRadio as s, tooltipIcon as t, radioListItem as u, skeleton as v, inputInvalidAndFocused as w, billingForm as x, heading3 as y, card as z };
+export { badge as $, buttonSecondary as A, card as B, table as C, tableHeadCell as D, tableCell as E, alert as F, inputCheckboxInvalid as G, inputCheckboxCheckedFocused as H, inputCheckboxFocused as I, inputCheckboxChecked as J, inputCheckbox as K, heading4 as L, alertDanger as M, paginationButton as N, paginationButtonDisabled as O, paginationButtonIconPrevious as P, paginationButtonText as Q, paginationButtonIconNext as R, loadingSpinner as S, badgeDark as T, badgeLight as U, badgeInfo as V, badgeWarning as W, badgeDanger as X, badgeSuccess as Y, badgeSecondary as Z, badgePrimary as _, inputAdornment as a, image as a0, buttonLink as a1, heading5 as a2, buttonOutlineSecondary as a3, buttonOutlinePrimary as a4, buttonDark as a5, buttonLight as a6, buttonInfo as a7, buttonWarning as a8, buttonDanger as a9, buttonSuccess as aa, buttonLoading as ab, checkoutSummary as ac, filterMenu as ad, filterParam as ae, dropdownMenuButton as af, dropdownMenu as ag, getAlternateTableCellPart as ah, tableHead as ai, tableHeadRow as aj, tableRow as ak, tableFoot as al, tableFootRow as am, tableFootCell as an, tableEmpty as ao, tableError as ap, inputInvalid as b, inputDisabled as c, inputFocused as d, input as e, tooltip as f, tooltipInner as g, heading2 as h, inputGroup as i, text as j, textDanger as k, label as l, link as m, heading1 as n, inputRadioInvalid as o, inputRadioCheckedFocused as p, inputRadioChecked as q, inputRadioFocused as r, inputRadio as s, tooltipIcon as t, radioListItem as u, inputInvalidAndFocused as v, skeleton as w, billingForm as x, heading3 as y, buttonPrimary as z };

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

@@ -237,4 +237,4 @@ const makePostDocumentRecord = ({ authToken, service }) => async ({ payload, onS
     }
 };
 
-export { makePatchBusiness as a, makeGetIdentity as b, makePatchIdentity as c, makePostIdentity as d, makePostBankAccount as e, makePostDocumentRecord as f, makePostProvisioning as g, makeGetBusiness as m };
+export { makePatchBusiness as a, makeGetIdentity as b, makePatchIdentity as c, makePostIdentity as d, makePostDocumentRecord as e, makePostBankAccount as f, makePostProvisioning as g, makeGetBusiness as m };

package/dist/module/payment-provisioning-form-steps2.js

@@ -1,18 +1,19 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { a as CountryCode } from './Business.js';
-import { d as defineCustomElement$s } from './additional-questions-form-step2.js';
-import { d as defineCustomElement$r } from './bank-account-document-form-inputs2.js';
-import { d as defineCustomElement$q } from './bank-account-form-inputs2.js';
-import { d as defineCustomElement$p } from './bank-account-form-inputs-canada2.js';
-import { d as defineCustomElement$o } from './bank-account-read-only-value2.js';
-import { d as defineCustomElement$n } from './business-bank-account-form-step2.js';
-import { d as defineCustomElement$m } from './business-core-info-form-step2.js';
-import { d as defineCustomElement$l } from './business-documents-on-file2.js';
-import { d as defineCustomElement$k } from './business-owners-form-step2.js';
-import { d as defineCustomElement$j } from './business-representative-form-inputs2.js';
-import { d as defineCustomElement$i } from './business-representative-form-step2.js';
-import { d as defineCustomElement$h } from './business-terms-conditions-form-step2.js';
-import { d as defineCustomElement$g } from './custom-popper2.js';
+import { d as defineCustomElement$t } from './additional-questions-form-step2.js';
+import { d as defineCustomElement$s } from './bank-account-form-inputs2.js';
+import { d as defineCustomElement$r } from './bank-account-form-inputs-canada2.js';
+import { d as defineCustomElement$q } from './bank-account-read-only-value2.js';
+import { d as defineCustomElement$p } from './business-bank-account-form-step2.js';
+import { d as defineCustomElement$o } from './business-core-info-form-step2.js';
+import { d as defineCustomElement$n } from './business-documents-on-file2.js';
+import { d as defineCustomElement$m } from './business-owners-form-step2.js';
+import { d as defineCustomElement$l } from './business-representative-form-inputs2.js';
+import { d as defineCustomElement$k } from './business-representative-form-step2.js';
+import { d as defineCustomElement$j } from './business-terms-conditions-form-step2.js';
+import { d as defineCustomElement$i } from './custom-popper2.js';
+import { d as defineCustomElement$h } from './document-upload-form-step2.js';
+import { d as defineCustomElement$g } from './document-upload-list2.js';
 import { d as defineCustomElement$f } from './form-address-fields2.js';
 import { d as defineCustomElement$e } from './form-control-checkbox2.js';
 import { d as defineCustomElement$d } from './form-control-date2.js';
@@ -44,14 +45,15 @@ const PaymentProvisioningFormSteps = /*@__PURE__*/ proxyCustomElement(class Paym
             3: () => h("business-representative-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[3] = el, allowOptionalFields: this.allowOptionalFields, country: this.country }),
             4: () => h("business-owners-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[4] = el, allowOptionalFields: this.allowOptionalFields, country: this.country }),
             5: () => h("business-bank-account-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[5] = el, allowOptionalFields: this.allowOptionalFields, country: this.country }),
-            6: () => h("business-terms-conditions-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[6] = el, onFormLoading: this.handleFormLoading, allowOptionalFields: this.allowOptionalFields }),
+            6: () => h("document-upload-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[6] = el, allowOptionalFields: this.allowOptionalFields, country: this.country }),
+            7: () => h("business-terms-conditions-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[7] = el, onFormLoading: this.handleFormLoading, allowOptionalFields: this.allowOptionalFields }),
         };
     }
     get currentStepComponent() {
         return this.componentStepMapping[this.currentStep]();
     }
     render() {
-        return (h("div", { key: '6bd8ebe91fefb364dd29a741e2cdf8a90aa1351b', class: 'col-12 mb-4' }, this.currentStepComponent));
+        return (h("div", { key: 'a249d66ac8348900e21998c4cf89bd02cfeec7c1', class: 'col-12 mb-4' }, this.currentStepComponent));
     }
 }, [256, "payment-provisioning-form-steps", {
         "businessId": [1, "business-id"],
@@ -66,7 +68,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["payment-provisioning-form-steps", "additional-questions-form-step", "bank-account-document-form-inputs", "bank-account-form-inputs", "bank-account-form-inputs-canada", "bank-account-read-only-value", "business-bank-account-form-step", "business-core-info-form-step", "business-documents-on-file", "business-owners-form-step", "business-representative-form-inputs", "business-representative-form-step", "business-terms-conditions-form-step", "custom-popper", "form-address-fields", "form-control-checkbox", "form-control-date", "form-control-file", "form-control-monetary-provisioning", "form-control-number", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "identity-address-form", "legal-address-form-step", "owner-form", "owner-form-inputs", "plaid-verification"];
+    const components = ["payment-provisioning-form-steps", "additional-questions-form-step", "bank-account-form-inputs", "bank-account-form-inputs-canada", "bank-account-read-only-value", "business-bank-account-form-step", "business-core-info-form-step", "business-documents-on-file", "business-owners-form-step", "business-representative-form-inputs", "business-representative-form-step", "business-terms-conditions-form-step", "custom-popper", "document-upload-form-step", "document-upload-list", "form-address-fields", "form-control-checkbox", "form-control-date", "form-control-file", "form-control-monetary-provisioning", "form-control-number", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "identity-address-form", "legal-address-form-step", "owner-form", "owner-form-inputs", "plaid-verification"];
     components.forEach(tagName => { switch (tagName) {
         case "payment-provisioning-form-steps":
             if (!customElements.get(tagName)) {
@@ -74,66 +76,71 @@ function defineCustomElement() {
             }
             break;
         case "additional-questions-form-step":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$t();
+            }
+            break;
+        case "bank-account-form-inputs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$s();
             }
             break;
-        case "bank-account-document-form-inputs":
+        case "bank-account-form-inputs-canada":
             if (!customElements.get(tagName)) {
                 defineCustomElement$r();
             }
             break;
-        case "bank-account-form-inputs":
+        case "bank-account-read-only-value":
             if (!customElements.get(tagName)) {
                 defineCustomElement$q();
             }
             break;
-        case "bank-account-form-inputs-canada":
+        case "business-bank-account-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$p();
             }
             break;
-        case "bank-account-read-only-value":
+        case "business-core-info-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$o();
             }
             break;
-        case "business-bank-account-form-step":
+        case "business-documents-on-file":
             if (!customElements.get(tagName)) {
                 defineCustomElement$n();
             }
             break;
-        case "business-core-info-form-step":
+        case "business-owners-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
-        case "business-documents-on-file":
+        case "business-representative-form-inputs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "business-owners-form-step":
+        case "business-representative-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "business-representative-form-inputs":
+        case "business-terms-conditions-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "business-representative-form-step":
+        case "custom-popper":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "business-terms-conditions-form-step":
+        case "document-upload-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "custom-popper":
+        case "document-upload-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }