@justifi/webcomponents 5.1.0 → 5.3.0

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

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

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

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

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

@@ -6,6 +6,7 @@ import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import { T as Terminal } 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';
@@ -123,7 +124,7 @@ const TerminalsList = /*@__PURE__*/ proxyCustomElement(class TerminalsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: '50ee7da4209367703551642456e6df1b38c20cb7' }, h("terminals-list-core", { key: 'e445dbf65c53397757f60d844bd50cafa8d32556', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '79168b27873e1b6e7d6bfded80b646d2a95292e0' }, h("terminals-list-core", { key: '2dfbc1d923cb83cc10039b4344629db17f754fbc', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

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

@@ -76,7 +76,7 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
         this.paymentMethodOptionsRef.fillBillingForm(fields);
     }
     render() {
-        return (h(StyledHost, { key: 'c8c9318c6bbde09a0d56ded9c7333958c5595574' }, h("form", { key: '1c36ac872c58b1a560a658f0b5a0cab9284d3969' }, h("fieldset", { key: 'c43c95a5debbb5a58db162c1f34e0845a2ab76f2' }, h("div", { key: 'c6bc1f6148395e6cfc9185919b0bd81716c1ac99', class: "row gy-3" }, h("div", { key: '887ae3e3bf713ee79b24ae1b4cd12156502d6143', class: "col-12" }, h("justifi-payment-method-options", { key: '06c89583f5d1dee641c90145d129f7192911d00e', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, hideCardBillingForm: this.hideCardBillingForm, authToken: this.authToken, "account-id": this.accountId })), h("div", { key: '04e0ee27d0978a68d44c71c6f7767d685449ed1d', class: "col-12" }, h(Button, { key: '3e43eb8295cc7eba0e2914d94a337f724cd52b57', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText || 'Submit')))))));
+        return (h(StyledHost, { key: 'bfeaea9cc19470d95c3c3b01d8a2f1d0686719f0' }, h("form", { key: '055830971e13041ddc826d104deaf082765736aa' }, h("fieldset", { key: '0cca44190920ef7d526bd3ddcdf72b0d1a7d82e7' }, h("div", { key: 'cb12a4423b5ddcffcc5fb4b3905f6ad37cf23c15', class: "row gy-3" }, h("div", { key: '6d1e36bb81d64d81f4440f3c1687b03a0383fbbb', class: "col-12" }, h("justifi-payment-method-options", { key: '312ad9fe09f65c2f5ec1d0c2bbe74bcf0f24aafb', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, hideCardBillingForm: this.hideCardBillingForm, authToken: this.authToken, "account-id": this.accountId })), h("div", { key: 'ce18adbc0b9f868a3bff49a9f2d994b83be66b4c', class: "col-12" }, h(Button, { key: '1610a24c4ffb1a6e6ddd6eea1720b553c67a20f7', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText || 'Submit')))))));
     }
 }, [1, "justifi-tokenize-payment-method", {
         "authToken": [1, "auth-token"],

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

@@ -6,7 +6,7 @@ import { S as StateOptions } from './state-options.js';
 import { n as numberOnlyHandler } from './utils3.js';
 import { h as heading2 } from './parts.js';
 import { P as PaymentProvisioningLoading } from './payment-provisioning-loading.js';
-import { B as BusinessFormStep } from './event-types2.js';
+import { B as BusinessFormStep } from './event-types.js';
 import { d as defineCustomElement$4 } from './custom-popper2.js';
 import { d as defineCustomElement$3 } from './form-control-select2.js';
 import { d as defineCustomElement$2 } from './form-control-text2.js';

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

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

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

@@ -58,7 +58,10 @@ const NewPaymentMethod = /*@__PURE__*/ proxyCustomElement(class NewPaymentMethod
             }
             else {
                 const tokenizeRessponseData = tokenizeResponse.data;
-                return { token: ((_a = tokenizeRessponseData.card) === null || _a === void 0 ? void 0 : _a.token) || ((_b = tokenizeRessponseData.bank_account) === null || _b === void 0 ? void 0 : _b.token) };
+                return {
+                    token: ((_a = tokenizeRessponseData.card) === null || _a === void 0 ? void 0 : _a.token) || ((_b = tokenizeRessponseData.bank_account) === null || _b === void 0 ? void 0 : _b.token),
+                    data: tokenizeRessponseData
+                };
             }
         }
         catch (error) {
@@ -95,7 +98,7 @@ const NewPaymentMethod = /*@__PURE__*/ proxyCustomElement(class NewPaymentMethod
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: 'd28e0908fee9817719cd79d91621792862cd4e81', class: "payment-method" }, h("div", { key: '021d8458af22180cd5db65f346ab5d205e214e45', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: 'adaca7a258a726e97150e677e92004955e99a12c', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: PaymentMethodTypeLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id] })), this.isSelected ? this.showNewPaymentMethodForm() : null));
+        return (h(Host, { key: '08d8aac7f71c6f7e6f55b8e43a8987ad0e0604d2', class: "payment-method" }, h("div", { key: 'd38fb7c6591df0c552ec51137b4358a2fa5a2651', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '90725e78617ea8dcd40981cac815601a75256f7d', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: PaymentMethodTypeLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id] })), this.isSelected ? this.showNewPaymentMethodForm() : null));
     }
 }, [0, "justifi-new-payment-method", {
         "authToken": [1, "auth-token"],

package/dist/module/owner-details2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { D as DetailSectionTitle, a as DetailItem } from './utils.js';
-import { f as formatMediumDate } from './utils2.js';
+import { a as formatMediumDate } from './utils2.js';
 
 const OwnerDetails = /*@__PURE__*/ proxyCustomElement(class OwnerDetails extends HTMLElement {
     constructor() {

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

@@ -3,9 +3,9 @@ import { F as FormController } from './form.js';
 import { O as Owner } from './Business.js';
 import { i as identitySchema } from './business-identity-schema.js';
 import { B as Button } from './button.js';
-import { T as heading3 } from './parts.js';
+import { U as heading3 } from './parts.js';
 import './details.js';
-import { a as BusinessFormClickActions } from './event-types2.js';
+import { a as BusinessFormClickActions } from './event-types.js';
 import { d as defineCustomElement$8 } from './custom-popper2.js';
 import { d as defineCustomElement$7 } from './form-control-date2.js';
 import { d as defineCustomElement$6 } from './form-control-number-masked2.js';

package/dist/module/owner-form.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c as makeGetIdentity, d as makePatchIdentity, e as makePostIdentity } from './payment-provisioning-actions.js';
+import { d as makeGetIdentity, e as makePatchIdentity, f as makePostIdentity } from './payment-provisioning-actions.js';
 import { I as IdentityService } from './business.service.js';
 import { d as defineCustomElement$9 } from './custom-popper2.js';
 import { d as defineCustomElement$8 } from './form-control-date2.js';

package/dist/module/package.js

@@ -1,5 +1,5 @@
 const name = "@justifi/webcomponents";
-const version = "5.1.0";
+const version = "5.3.0";
 const description = "JustiFi Web Components";
 const collection = "dist/collection/collection-manifest.json";
 const main = "dist/index.cjs.js";

package/dist/module/pagination-menu2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { E as ExtendedPagingDefaults } from './Pagination.js';
-import { u as buttonLink, v as buttonDisabled } from './parts.js';
+import { v as buttonLink, w as buttonDisabled } from './parts.js';
 
 const PaginationMenu = /*@__PURE__*/ proxyCustomElement(class PaginationMenu extends HTMLElement {
     constructor() {

package/dist/module/parts.js

@@ -77,5 +77,13 @@ const skeleton = `skeleton`;
 // ::part(billing-form) { display: none; }
 const billingForm = `billing-form`;
 const checkoutSummary = `checkout-summary`;
+// Filters
+const filterMenu = `filter-menu`;
+const paymentsListFilterParam = `payments-list-filter-param`;
+const paymentIdPaymentsListFilterParam = `${paymentsListFilterParam} payment-id-payments-list-filter-param`;
+const terminalIdPaymentsListFilterParam = `${paymentsListFilterParam} terminal-id-payments-list-filter-param`;
+const paymentStatusPaymentsListFilterParam = `${paymentsListFilterParam} payment-status-payments-list-filter-param`;
+const createdAfterPaymentsListFilterParam = `${paymentsListFilterParam} created-after-payments-list-filter-param`;
+const createdBeforePaymentsListFilterParam = `${paymentsListFilterParam} created-before-payments-list-filter-param`;
 
-export { dropdownMenu as $, badgeSuccess as A, badgeDanger as B, badgeWarning as C, badgeInfo as D, badgeLight as E, badgeDark as F, alertDanger as G, inputCheckboxInvalid as H, inputCheckboxCheckedFocused as I, inputCheckboxFocused as J, inputCheckboxChecked as K, inputCheckbox as L, inputGroup as M, inputRadioInvalid as N, inputRadioCheckedFocused as O, inputRadioChecked as P, inputRadioFocused as Q, inputRadio as R, heading5 as S, heading3 as T, billingForm as U, card as V, buttonLoading as W, buttonPrimary as X, buttonSecondary as Y, checkoutSummary as Z, radioListItem as _, heading1 as a, heading4 as a0, inputInvalid as b, inputFocused as c, input as d, textDanger as e, inputDisabled as f, tooltipIcon as g, heading2 as h, inputInvalidAndFocused as i, tooltip as j, tooltipInner as k, label as l, tableHeadCell as m, getAlternateTableCellPart as n, table as o, tableCell as p, tableEmpty as q, tableError as r, skeleton as s, text as t, buttonLink as u, buttonDisabled as v, loadingSpinner as w, badge as x, badgePrimary as y, badgeSecondary as z };
+export { dropdownMenu as $, badgeSecondary as A, badgeSuccess as B, badgeDanger as C, badgeWarning as D, badgeInfo as E, badgeLight as F, badgeDark as G, alertDanger as H, inputCheckboxInvalid as I, inputCheckboxCheckedFocused as J, inputCheckboxFocused as K, inputCheckboxChecked as L, inputCheckbox as M, inputGroup as N, inputRadioInvalid as O, inputRadioCheckedFocused as P, inputRadioChecked as Q, inputRadioFocused as R, inputRadio as S, heading5 as T, heading3 as U, billingForm as V, buttonLoading as W, buttonPrimary as X, buttonSecondary as Y, checkoutSummary as Z, radioListItem as _, heading1 as a, heading4 as a0, filterMenu as a1, paymentIdPaymentsListFilterParam as a2, terminalIdPaymentsListFilterParam as a3, paymentStatusPaymentsListFilterParam as a4, createdAfterPaymentsListFilterParam as a5, createdBeforePaymentsListFilterParam as a6, inputInvalid as b, inputDisabled as c, inputFocused as d, tooltipIcon as e, tooltip as f, tooltipInner as g, heading2 as h, input as i, textDanger as j, inputInvalidAndFocused as k, label as l, card as m, table as n, tableHeadCell as o, tableCell as p, getAlternateTableCellPart as q, tableEmpty as r, skeleton as s, text as t, tableError as u, buttonLink as v, buttonDisabled as w, loadingSpinner as x, badge as y, badgePrimary as z };

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

@@ -1,5 +1,5 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { a as formatDate, b as formatTime, s as snakeCaseToHumanReadable } from './utils2.js';
+import { b as formatDate, d as formatTime, s as snakeCaseToHumanReadable } from './utils2.js';
 import { M as MapPaymentStatusToBadge } from './payments-status.js';
 import { E as ErrorState, b as EntityHeadInfo, c as EntityHeadInfoItem, D as DetailSectionTitle, a as DetailItem, C as CodeBlock } from './utils.js';
 import { S as StyledHost } from './styled-host.js';
@@ -58,14 +58,14 @@ const PaymentDetailsCore = /*@__PURE__*/ proxyCustomElement(class PaymentDetails
         });
     }
     render() {
-        return (h(StyledHost, { key: '714fd2a97e2879dddbaacda6d5289b3985aaeea5' }, this.loading && h(PaymentDetailsLoading, { key: '7f6d24755cea9f3b86cdcaecec470513532f37cc' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: '9f3403ce5744053a04c1a6cde0c58a41f15547ac', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '310f3e1087843e2c10aa49b9fb7e6be734168f1d', slot: "head-info", badge: MapPaymentStatusToBadge(this.payment.status), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '5ed10250e7e04961e2fc57a017eea58e26429378', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: 'cd304828a7e38c8ad9fceb15b56391489a9eb938', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '5b70635442c6c76d978d40095d81cda6f7b00cfc', title: "ID", value: this.payment.id })), h("div", { key: '54558d6e59548048a548a83578d1a94694515bde', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '0780b044b54ba041e9632f94acdfe71411454297', sectionTitle: "Details" }), h("div", { key: 'e1426b161aad05e561414d6a4c77cb28d3e7c157', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '8a390a81e9b91d6582ee01a93743a8cb4fba57f4', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '8bffacbde88bd44cbdc213b7f24b93087e533670', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '78f5773c98118c39dab6df14fd9beafd7f06df1d', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: 'c620ecf5b7dd9f9896a4a454cc8b507b4c344f45', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '4b7529e27aecf2560d305dc6f906b4ae1f26c2d2', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: '1807f3f518b3ddf1296f8c2802b8e66a7a7e8401', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '79183af038116750f07bd65bc843a879a6275961', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'a2a6b8a345068a57e8e647b5f5efa9da5c870697', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: 'e3c7479795cd85029e1f90b4f7e0e5cfd0cf9099', title: "Description", value: this.payment.description })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: '7d49ed552d5b2dc87e6596e025e9c877b838b25a', sectionTitle: "Payment Method" }),
-            h("div", { key: '9a435008ea2746b11281bd237e9a38f471e9a11d', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '9b22fcb2e38f690dfb963b783d2139813a920ddc', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '27ed56e879c9598226373f9086f79cd0cc72a9fe', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '9868b544973455fad8af21f4de2936a6d61b21a7', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '80716a8fe5b7bd933b930b35674dfe111948ef62', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: 'f0c0e2107b079bc6c898c91e5bd6a111b327c419', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: 'b35aadc771c0b521cf558f0ab2c010ac167999f1' }, this.loading && h(PaymentDetailsLoading, { key: '9a45f73df71ecf776308acb3e0715e114166548d' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: '0e754696b095b549dafd1789c7a1a462738f9856', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'ef94f025849fefde53daecdb2a3f6475993e2634', slot: "head-info", badge: MapPaymentStatusToBadge(this.payment.status), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '566fd465a660a2fd31e3af18b42b1ad2f687d328', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: 'e85a469aba3c07b93ac768189b108b3940e6bd1f', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '74c237c68cba09dd5568fa82883c69dc10e45897', title: "ID", value: this.payment.id })), h("div", { key: '69c6daf0c74b2fb003db1a7e785258f1146de701', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '4f87cd9f2a0c8777132d7b8726bdcd09cf7be433', sectionTitle: "Details" }), h("div", { key: '134845f91eef1b6dcd335ac96e59f19684ebd491', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '65c8b3540b5a0c5a4efe8f3a7aac5251def031d3', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: 'e25d3093be7ab1b564a4af92d7face28d49d213b', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '7d05d55d2f04facff86bdafc51e6c17e4cab80de', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '28a436948de1aa09f09891f597c40293b86d8870', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '670f5c3b79325d473cc0765c87769db9ec65434c', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: 'aa2fbe3ddee9341a0c9aadcf4bb484014a672bc6', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '214b5ded4fbf4e6310a2da856053a4f353b86363', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'ffdf2b03994b584f7be6dd1e53ab8078f85c1b7e', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '0f6bd6fa810b152c02b8ed59540755ddbd74ffba', title: "Description", value: this.payment.description })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: 'd464f0b7d46d433105e3ca30130c5fe563816282', sectionTitle: "Payment Method" }),
+            h("div", { key: '60485f42c8f2490d7119c5b6ecd7febca1aa77ef', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '67cd2ef5f5270294ebf607628c9597210fe65be4', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'c1000dc756f1b9dcfef34cf82b274b66324c8300', title: "Payment Type", value: "Card" }), h(DetailItem, { key: 'dc5ce24f30293851230a721fb5e0cb17841a0c26', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '4d5046cc3f23ad11ca97698ced951baa9520ab09', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '97ac51fcd928d4d4fdf79dddb5577b048e0d81e9', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: '1f2d289d3c79b1c496f10ded116ab193d9c4ade0', sectionTitle: "Payment Method" }),
-            h("div", { key: '9b898ec3ccf34e225d465b46a0a645d46f696c91', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '71acc9fe7bca4f922075a33968229919b9660ec0', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'cd62b8e0e55a9888f1d06a107173516af1f65e9e', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '22e2dcefcb76363ca9254392e825a4612c65ac1c', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: 'a6e633cb3e5b82ed9c887b16a346dac257db22dc', title: "Account Owner", value: this.payment.payment_method.payersName }))
-        ], h(DetailSectionTitle, { key: '10d02e4d3e09b50644f7a5c1bb0beca7f0747c0e', sectionTitle: 'Metadata' }), h("div", { key: '119445b2570c4b736b4c9bb0daf88a3047b3ee97', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '794df4cfc8808ea62e6b97127fee7349698e264e', metadata: this.payment.metadata })))))));
+            h(DetailSectionTitle, { key: '35a79ce77f5169316113a4db24a2ef8ce19e95f9', sectionTitle: "Payment Method" }),
+            h("div", { key: '32ad717125ad1de2ef98c652bb09f82673cf1cb9', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '18e8fafc324e72bc252939b5143c596dd43ec698', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '09ff2cfc2b6925b972c63061b19f14db20cfba3e', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '80ecb22f35368ebd46b44bc05e28083feefb38e5', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '3f813a886d42fc43523f3f936c68f1733105d62c', title: "Account Owner", value: this.payment.payment_method.payersName }))
+        ], h(DetailSectionTitle, { key: '1f73daaaeeab874b7b12d12eb1dd2f82b63b8bba', sectionTitle: 'Metadata' }), h("div", { key: 'a3ca93b3151773f4a98af2f703b62dba3cbb2957', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'a40ac95709ef184daa3be5034c8b96bba12acbd4', metadata: this.payment.metadata })))))));
     }
     static get watchers() { return {
         "getPaymentDetails": ["updateOnPropChange"]

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

@@ -78,7 +78,7 @@ const PaymentMethodOptions = /*@__PURE__*/ proxyCustomElement(class PaymentMetho
     }
     render() {
         var _a;
-        return (h(Host, { key: '22ab195ec840e971c774ad2886ebce979c13394d' }, (_a = this.paymentMethodOptions) === null || _a === void 0 ? void 0 : _a.map((paymentMethodOption) => {
+        return (h(Host, { key: 'b83f8b54a8f5a15790b263047a5eb9acc416ae2c' }, (_a = this.paymentMethodOptions) === null || _a === void 0 ? void 0 : _a.map((paymentMethodOption) => {
             const newCard = paymentMethodOption.id === PaymentMethodTypes.card;
             const newBankAccount = paymentMethodOption.id === PaymentMethodTypes.bankAccount;
             const isSelected = this.selectedPaymentMethodId === paymentMethodOption.id;

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

@@ -1,7 +1,7 @@
 import { a as ComponentErrorSeverity } from './ComponentError.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 
-// Entity API Actions
+// Business / Entity API Actions
 const makeGetBusiness = ({ authToken, businessId, service }) => async ({ onSuccess, onError, final = () => { } }) => {
     var _a;
     try {
@@ -86,7 +86,7 @@ const makePostProvisioning = ({ authToken, businessId, product, service }) => as
         });
     }
 };
-// Identity API Actions
+// Business Identity API Actions
 const makeGetIdentity = ({ authToken, identityId, service }) => async ({ onSuccess, onError, final = () => { } }) => {
     var _a;
     try {
@@ -204,5 +204,35 @@ const makePostBankAccount = ({ authToken, service }) => async ({ payload, onSucc
         return final();
     }
 };
+// Business Document API Actions
+const makePostDocumentRecord = ({ authToken, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
+    var _a;
+    try {
+        const response = await service.postDocumentRecord(authToken, payload);
+        if (!response.error) {
+            onSuccess(response);
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+    finally {
+        return final();
+    }
+};
 
-export { makePatchBusiness as a, makePostBankAccount as b, makeGetIdentity as c, makePatchIdentity as d, makePostIdentity as e, makePostProvisioning as f, makeGetBusiness as m };
+export { makePatchBusiness as a, makePostBankAccount as b, makePostDocumentRecord as c, makeGetIdentity as d, makePatchIdentity as e, makePostIdentity as f, makePostProvisioning as g, makeGetBusiness as m };

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

@@ -5,32 +5,31 @@ import { t as text } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import { H as Header1 } from './header-1.js';
 import './details.js';
-import { a as BusinessFormClickActions } from './event-types2.js';
-import { d as defineCustomElement$x } from './custom-popper2.js';
-import { d as defineCustomElement$w } from './form-control-checkbox2.js';
-import { d as defineCustomElement$v } from './form-control-date2.js';
-import { d as defineCustomElement$u } from './form-control-file2.js';
-import { d as defineCustomElement$t } from './form-control-monetary2.js';
-import { d as defineCustomElement$s } from './form-control-number-masked2.js';
-import { d as defineCustomElement$r } from './form-control-select2.js';
-import { d as defineCustomElement$q } from './form-control-text2.js';
-import { d as defineCustomElement$p } from './form-control-tooltip2.js';
-import { d as defineCustomElement$o } from './business-additional-questions-form-step.js';
-import { d as defineCustomElement$n } from './business-additional-questions-form-step-core.js';
-import { d as defineCustomElement$m } from './business-bank-account-form-step.js';
-import { d as defineCustomElement$l } from './business-bank-account-form-step-core.js';
-import { d as defineCustomElement$k } from './business-core-info-form-step.js';
-import { d as defineCustomElement$j } from './business-core-info-form-step-core.js';
-import { d as defineCustomElement$i } from './business-document-upload-form-step.js';
-import { d as defineCustomElement$h } from './business-document-upload-input-group.js';
-import { d as defineCustomElement$g } from './business-documents-on-file.js';
-import { d as defineCustomElement$f } from './business-owners-form-step.js';
-import { d as defineCustomElement$e } from './business-owners-form-step-core.js';
-import { d as defineCustomElement$d } from './business-representative-form-inputs.js';
-import { d as defineCustomElement$c } from './business-representative-form-step.js';
-import { d as defineCustomElement$b } from './business-representative-form-step-core.js';
-import { d as defineCustomElement$a } from './business-terms-conditions-form-step.js';
-import { d as defineCustomElement$9 } from './business-terms-conditions-text.js';
+import { a as BusinessFormClickActions } from './event-types.js';
+import { d as defineCustomElement$w } from './bank-account-document-inputs.js';
+import { d as defineCustomElement$v } from './bank-account-form-inputs2.js';
+import { d as defineCustomElement$u } from './business-documents-on-file2.js';
+import { d as defineCustomElement$t } from './custom-popper2.js';
+import { d as defineCustomElement$s } from './form-control-checkbox2.js';
+import { d as defineCustomElement$r } from './form-control-date2.js';
+import { d as defineCustomElement$q } from './form-control-file2.js';
+import { d as defineCustomElement$p } from './form-control-monetary2.js';
+import { d as defineCustomElement$o } from './form-control-number-masked2.js';
+import { d as defineCustomElement$n } from './form-control-select2.js';
+import { d as defineCustomElement$m } from './form-control-text2.js';
+import { d as defineCustomElement$l } from './form-control-tooltip2.js';
+import { d as defineCustomElement$k } from './business-additional-questions-form-step.js';
+import { d as defineCustomElement$j } from './business-additional-questions-form-step-core.js';
+import { d as defineCustomElement$i } from './business-bank-account-form-step.js';
+import { d as defineCustomElement$h } from './business-bank-account-form-step-core.js';
+import { d as defineCustomElement$g } from './business-core-info-form-step.js';
+import { d as defineCustomElement$f } from './business-core-info-form-step-core.js';
+import { d as defineCustomElement$e } from './business-owners-form-step.js';
+import { d as defineCustomElement$d } from './business-owners-form-step-core.js';
+import { d as defineCustomElement$c } from './business-representative-form-inputs.js';
+import { d as defineCustomElement$b } from './business-representative-form-step.js';
+import { d as defineCustomElement$a } from './business-representative-form-step-core.js';
+import { d as defineCustomElement$9 } from './business-terms-conditions-form-step.js';
 import { d as defineCustomElement$8 } from './identity-address-form.js';
 import { d as defineCustomElement$7 } from './legal-address-form-step.js';
 import { d as defineCustomElement$6 } from './legal-address-form-step-core.js';
@@ -152,134 +151,129 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-payment-provisioning-core", "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-form-buttons", "justifi-payment-provisioning-form-steps", "owner-form-core", "owner-form-inputs"];
+    const components = ["justifi-payment-provisioning-core", "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-form-buttons", "justifi-payment-provisioning-form-steps", "owner-form-core", "owner-form-inputs"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-payment-provisioning-core":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, PaymentProvisioningCore);
             }
             break;
-        case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$x();
-            }
-            break;
-        case "form-control-checkbox":
+        case "bank-account-document-form-inputs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$w();
             }
             break;
-        case "form-control-date":
+        case "bank-account-form-inputs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$v();
             }
             break;
-        case "form-control-file":
+        case "business-documents-on-file":
             if (!customElements.get(tagName)) {
                 defineCustomElement$u();
             }
             break;
-        case "form-control-monetary":
+        case "custom-popper":
             if (!customElements.get(tagName)) {
                 defineCustomElement$t();
             }
             break;
-        case "form-control-number-masked":
+        case "form-control-checkbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$s();
             }
             break;
-        case "form-control-select":
+        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$r();
             }
             break;
-        case "form-control-text":
+        case "form-control-file":
             if (!customElements.get(tagName)) {
                 defineCustomElement$q();
             }
             break;
-        case "form-control-tooltip":
+        case "form-control-monetary":
             if (!customElements.get(tagName)) {
                 defineCustomElement$p();
             }
             break;
-        case "justifi-additional-questions-form-step":
+        case "form-control-number-masked":
             if (!customElements.get(tagName)) {
                 defineCustomElement$o();
             }
             break;
-        case "justifi-additional-questions-form-step-core":
+        case "form-control-select":
             if (!customElements.get(tagName)) {
                 defineCustomElement$n();
             }
             break;
-        case "justifi-business-bank-account-form-step":
+        case "form-control-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
-        case "justifi-business-bank-account-form-step-core":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "justifi-business-core-info-form-step":
+        case "justifi-additional-questions-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "justifi-business-core-info-form-step-core":
+        case "justifi-additional-questions-form-step-core":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "justifi-business-document-upload-form-step":
+        case "justifi-business-bank-account-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "justifi-business-document-upload-input-group":
+        case "justifi-business-bank-account-form-step-core":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "justifi-business-documents-on-file":
+        case "justifi-business-core-info-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "justifi-business-owners-form-step":
+        case "justifi-business-core-info-form-step-core":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "justifi-business-owners-form-step-core":
+        case "justifi-business-owners-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }
             break;
-        case "justifi-business-representative-form-inputs":
+        case "justifi-business-owners-form-step-core":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "justifi-business-representative-form-step":
+        case "justifi-business-representative-form-inputs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }
             break;
-        case "justifi-business-representative-form-step-core":
+        case "justifi-business-representative-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "justifi-business-terms-conditions-form-step":
+        case "justifi-business-representative-form-step-core":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "justifi-business-terms-conditions-text":
+        case "justifi-business-terms-conditions-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }

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

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import './Business.js';
-import { a as BusinessFormClickActions } from './event-types2.js';
+import { a as BusinessFormClickActions } from './event-types.js';
 import { B as Button } from './button.js';
 import './details.js';