@justifi/webcomponents 6.10.4 → 6.12.0

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

@@ -1,6 +1,6 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import './config-state.js';
-import { a as formatDate, b as formatTime, s as snakeCaseToHumanReadable } from './utils2.js';
+import { f as formatDate, a as formatTime, s as snakeCaseToHumanReadable } from './utils2.js';
 import { h as PaymentStatuses, d as DisputeStatus } from './Plaid.js';
 import './Pagination.js';
 import './Business.js';
@@ -8,7 +8,7 @@ import './ApplePay.js';
 import { P as PaymentStatusBadge, 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';
-import { d as defineCustomElement$1 } from './details.js';
+import { d as defineCustomElement$1 } from './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { S as Skeleton } from './skeleton.js';
@@ -63,16 +63,16 @@ const PaymentDetailsCore = /*@__PURE__*/ proxyCustomElement(class PaymentDetails
         return this.payment.status;
     }
     render() {
-        return (h(StyledHost, { key: '26b8d1cf265226bcc4507dad0cc3504e953a9389' }, this.loading && h(PaymentDetailsLoading, { key: 'd2410b583c52ca4fdab80657c82b512c4e936b87' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: '9625a7b341ebab0736a5b1affd2507eaeb01aaea', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: 'e1da5f9932cb5ec4a9e9cbcc07637f16779e620f', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.PaymentStatus), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '5bf927cf2ab51c8057ff5f1d14d1fdb0112da302', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: 'dae7b63a0018af7ad5ff0b01303629b27f9e8690', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '11c7090131fe05f995a34149e32167c50171ff4a', title: "ID", value: this.payment.id })), h("div", { key: 'ad1dafc96ed6041cc418f433dc2a941ccc1ed15e', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '4fc7d43271b7d4da55126380431fd304ec6b95ca', sectionTitle: "Details" }), h("div", { key: 'e884cca29436ae3e05c07c402c01f680395aadf8', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'd173c1ff5476adae63efd83c78cbd6da476893f3', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: 'c5307a082162dd6fde2e201916cb2d027b3ce1ff', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '3a8819d979eb5e49da51b80ac4cc40f9f7f06263', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '3850b861daf0191dc2f8ebea04fe7aba4ab53bed', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: 'b48c9f01ec0fd622e4f01b6405cb4ca779113492', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: '742432ff1e60ebc905ce10bfac6175855fa6ea69', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: 'aa9ff4ff17362b9b615dfbade88b89687e7a8791', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '1e37b41e112a2e04e646f599f6b9b99a5259b8c2', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: 'ec97d4f1f23083d7a780d0ccc71f4130a3553014', title: "Description", value: this.payment.description }), h(DetailItem, { key: '96b77660af6302edd62f73290811b517b39fb876', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: '29b79b7f832363f173a3e4befc31ac88ff574867', sectionTitle: "Payment Method" }),
-            h("div", { key: '206648ce629f705ab3483572dd2f01f1dd3bc03f', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '7c03a887918a0d9cb190c85c6dfedb89bee46b8b', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '0cb8a2b0aed45ec1f9037bcb8c7df3fa7fe3a948', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '6cf56554f1c2fe706191f3b101dbf2ecbbddf9db', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: 'a8dec356cac117498cebd61cb59ff2b4bcfc0c4c', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '4703d991abab5ade33b1e5dd55d19290fe05ab72', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: '81d4c6cde1bb6ddb70d8722ebfdf6d6f5005747b' }, this.loading && h(PaymentDetailsLoading, { key: '9bf326f569a17739c402a63be63bc2bf3a6544b3' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: 'f9a3a08455b9ae47ae5aa966c461207e2d088aed', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: '672690ef1b2ed72f5058c9dc928239b7368f9bb6', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.PaymentStatus), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: 'd4bdb84ffd4358bbb1b2e0538228372c7deb4b04', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '22bdd5e612b9bb01df51d6c43e8e4ed66d2d1756', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'e761e4b44310db070e44516b9f9377d63c1936a7', title: "ID", value: this.payment.id })), h("div", { key: 'd8ea1feb8173869287044a6ae21e34079008c076', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'a8a7ed38614d5b2e669010e260bb503fc5b800bb', sectionTitle: "Details" }), h("div", { key: '1ba0a5b0b1e6a6191471917ee5a85e4dbec383eb', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'b70001650082457bac2fd92f7ef2aa75b7166d66', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '8d077da9e32994f566e8d197a7658a267b377c52', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '7fc90b4f839c779a86ea35385d19204aa0be646f', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: 'cae64bf3b9e5253e8f24b6815991b7b0a15b8e1e', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: 'ebd0009561bdc448473d0b046589309cd0475eae', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: '4546a4b0989235700c102be283bb7a643ac2f0e3', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: 'e922907f30ef64edce276da039d01e8fff422f60', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '99c6bf89353f13d9827c75f5fd0695abb8da4a90', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '002f89d38c8cf8ecc35778f5568e5b9747c1145c', title: "Description", value: this.payment.description }), h(DetailItem, { key: '74b7c6d15e8b6d90f58019a98b5c9f022cfb3d42', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: '3220637ac5aa9c4fc2875c0b90f31ff279c7e8d9', sectionTitle: "Payment Method" }),
+            h("div", { key: '8fbf45f2b6687fd2f7c17fa4edd5d847f61be772', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '4099153bca60f14809b3b44f7bf308a31092e75f', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '81fe93ee6928fcd45330ffdaa873c3049567c37f', title: "Payment Type", value: "Card" }), h(DetailItem, { key: 'f5d245d31bca5dc6ce107b2fbe30f9e92c2a332f', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: 'bc5238e8b662f9eab090aecb02f77642bf08390c', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '8bb3025658402c77cf8c87ff20ac48cea64c90c9', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: '6300a3fa99c4a0f81f0f8ff780aeb14b606a368e', sectionTitle: "Payment Method" }),
-            h("div", { key: '7b8fbfd356587b034791a0481f6cf54f31b99114', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'badbdc33521816af3a38c193fd89995b720dd53a', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'cdeff3c4459c2d29a48b631fa6ca6c81ba55dd6f', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '2724fa6601bb5024b326853194764114115f0be2', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '236459bc401e59140bce119a0c5a12ea49d8835b', title: "Account Owner", value: this.payment.payment_method.payersName }))
+            h(DetailSectionTitle, { key: 'adf1a3bf8e286efda6ed5a10ffd53396d2a7889e', sectionTitle: "Payment Method" }),
+            h("div", { key: '79c8eb07641a38b415c27596b4e098a8877494da', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '2223dbf545eaf75843eeba9528d738dc22fcc5c9', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '876d87e60944f094c72911a2d1d946332fad45ee', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '680dd8fc3b295ef8814f729400c94f0cb319b8df', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '4460c0c9d4aec592d3ec47839dcf59a479b9c175', title: "Account Owner", value: this.payment.payment_method.payersName }))
         ], this.payment.metadata && [
-            h(DetailSectionTitle, { key: 'c80b4d1bd4dbc5f51848cfb1e886cd4c1c3f4026', sectionTitle: 'Metadata' }),
-            h("div", { key: 'bf7066df65a34cbb510aa3fdef414b27b622ff59', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '3a127cdeac5403079a3c822aeb40d6812e3fa914', metadata: this.payment.metadata }))
+            h(DetailSectionTitle, { key: '798c2f7054c1ba741b25e3fad461b8c40e5b8eac', sectionTitle: 'Metadata' }),
+            h("div", { key: 'a1400cea6005f844338da47c23b39e63772d07f5', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '8e724ef263cd29e9ea14549e9a59768428d5d908', metadata: this.payment.metadata }))
         ])))));
     }
     static get watchers() { return {

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

@@ -1,10 +1,10 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { r as radioListItem } from './parts.js';
+import { u as radioListItem } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
-import './details.js';
+import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
-import { d as defineCustomElement$3 } from './form-control-help-text2.js';
+import { d as defineCustomElement$3 } from './form-control-help-text3.js';
 import { d as defineCustomElement$2 } from './form-control-radio2.js';
 
 const PaymentMethodOption$1 = /*@__PURE__*/ proxyCustomElement(class PaymentMethodOption extends HTMLElement {
@@ -16,7 +16,7 @@ const PaymentMethodOption$1 = /*@__PURE__*/ proxyCustomElement(class PaymentMeth
         this.__attachShadow();
     }
     render() {
-        return (h(StyledHost, { key: 'cdf49c9446ea5fd6316523ecaf4f0f14be644e71', class: "payment-method" }, h("div", { key: '7de753f710389cbbb1d604ca5af97e1dfc5af2af', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: '7a3bb855c441031d7685aa23212cc471947108ec', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
+        return (h(StyledHost, { key: 'f6ea315f33580dcc2ea72448888637fa681d2f3f', class: "payment-method" }, h("div", { key: 'b9e8d0fa9b5444ce6f25f9719258e6b9b6b11f28', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: '59bdbd03be9200a367b9c75c52815cbf12c36912', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
     }
 }, [257, "payment-method-option", {
         "paymentMethodOptionId": [1, "payment-method-option-id"],

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

@@ -1,5 +1,5 @@
-import { a as ComponentErrorSeverity } from './Plaid.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
+import { C as ComponentErrorSeverity } from './Plaid.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils3.js';
 
 // Business / Entity API Actions
 const makeGetBusiness = ({ authToken, businessId, service }) => async ({ onSuccess, onError, final = () => { } }) => {

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

@@ -1,44 +1,44 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Plaid.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
 import { a as CountryCode, b as Business, e as checkProvisioningStatus } from './Business.js';
-import { t as text } from './parts.js';
+import { j 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 './justifi-details2.js';
 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 './bank-account-document-inputs.js';
-import { d as defineCustomElement$u } from './bank-account-form-inputs2.js';
-import { d as defineCustomElement$t } from './bank-account-form-inputs-canada2.js';
-import { d as defineCustomElement$s } from './bank-account-read-only-value2.js';
-import { d as defineCustomElement$r } from './business-documents-on-file2.js';
-import { d as defineCustomElement$q } from './custom-popper2.js';
-import { d as defineCustomElement$p } from './form-control-checkbox2.js';
-import { d as defineCustomElement$o } from './form-control-date2.js';
-import { d as defineCustomElement$n } from './form-control-file2.js';
-import { d as defineCustomElement$m } from './form-control-monetary-provisioning2.js';
-import { d as defineCustomElement$l } from './form-control-number2.js';
-import { d as defineCustomElement$k } from './form-control-number-masked2.js';
-import { d as defineCustomElement$j } from './form-control-select2.js';
-import { d as defineCustomElement$i } from './form-control-text2.js';
-import { d as defineCustomElement$h } from './form-control-tooltip2.js';
-import { d as defineCustomElement$g } from './business-additional-questions-form-step.js';
-import { d as defineCustomElement$f } from './business-bank-account-form-step.js';
-import { d as defineCustomElement$e } from './business-core-info-form-step.js';
-import { d as defineCustomElement$d } from './business-owners-form-step.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-terms-conditions-form-step.js';
-import { d as defineCustomElement$9 } from './form-address-fields.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 './owner-form.js';
-import { d as defineCustomElement$5 } from './payment-provisioning-form-buttons.js';
-import { d as defineCustomElement$4 } from './payment-provisioning-form-steps.js';
-import { d as defineCustomElement$3 } from './owner-form-core2.js';
-import { d as defineCustomElement$2 } from './owner-form-inputs2.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$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';
+import { d as defineCustomElement$f } from './form-control-file2.js';
+import { d as defineCustomElement$e } from './form-control-monetary-provisioning2.js';
+import { d as defineCustomElement$d } from './form-control-number2.js';
+import { d as defineCustomElement$c } from './form-control-number-masked2.js';
+import { d as defineCustomElement$b } from './form-control-select2.js';
+import { d as defineCustomElement$a } from './form-control-text2.js';
+import { d as defineCustomElement$9 } from './form-control-tooltip2.js';
+import { d as defineCustomElement$8 } from './identity-address-form2.js';
+import { d as defineCustomElement$7 } from './legal-address-form-step2.js';
+import { d as defineCustomElement$6 } from './owner-form2.js';
+import { d as defineCustomElement$5 } from './owner-form-core2.js';
+import { d as defineCustomElement$4 } from './owner-form-inputs2.js';
+import { d as defineCustomElement$3 } from './payment-provisioning-form-buttons2.js';
+import { d as defineCustomElement$2 } from './payment-provisioning-form-steps2.js';
 import { d as defineCustomElement$1 } from './plaid-verification2.js';
 
 const PaymentProvisioningAlreadyProvisioned = () => {
@@ -49,7 +49,7 @@ const PaymentProvisioningSubmissionComplete = () => {
     return (h("div", { class: "row gap-3 p5" }, h("div", { class: "col-12" }, h(Header1, { text: "You're all set for now" })), h("div", { class: "col-12", part: text }, h("p", null, "We're reviewing your information and working on your approval. We'll be in touch to let you know once you've been approved (or if we find anything that needs fixing). Have a good one!"))));
 };
 
-const PaymentProvisioningCore = /*@__PURE__*/ proxyCustomElement(class PaymentProvisioningCore extends HTMLElement {
+const JustifiPaymentProvisioningCore = /*@__PURE__*/ proxyCustomElement(class JustifiPaymentProvisioningCore extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -177,7 +177,7 @@ const PaymentProvisioningCore = /*@__PURE__*/ proxyCustomElement(class PaymentPr
             return (h(StyledHost, null, h(PaymentProvisioningSubmissionComplete, null)));
         }
         // State 4: Form Steps (default)
-        return (h(StyledHost, null, h("div", { class: 'row gap-3' }, h(Header1, { text: this.formTitle }), h("justifi-payment-provisioning-form-steps", { businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, country: this.country, handleFormLoading: this.handleFormLoading }), h("div", { class: 'd-flex justify-content-between align-items-center' }, h("div", { class: 'd-flex align-items-center', part: text }, this.stepCounter), h("justifi-payment-provisioning-form-buttons", { currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.loading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
+        return (h(StyledHost, null, h("div", { class: 'row gap-3' }, h(Header1, { text: this.formTitle }), h("payment-provisioning-form-steps", { businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, country: this.country, handleFormLoading: this.handleFormLoading }), h("div", { class: 'd-flex justify-content-between align-items-center' }, h("div", { class: 'd-flex align-items-center', part: text }, this.stepCounter), h("payment-provisioning-form-buttons", { currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.loading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
     }
 }, [256, "justifi-payment-provisioning-core", {
         "businessId": [1, "business-id"],
@@ -198,159 +198,159 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-payment-provisioning-core", "bank-account-document-form-inputs", "bank-account-form-inputs", "bank-account-form-inputs-canada", "bank-account-read-only-value", "business-documents-on-file", "custom-popper", "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", "justifi-additional-questions-form-step", "justifi-business-bank-account-form-step", "justifi-business-core-info-form-step", "justifi-business-owners-form-step", "justifi-business-representative-form-inputs", "justifi-business-representative-form-step", "justifi-business-terms-conditions-form-step", "justifi-form-address-fields", "justifi-identity-address-form", "justifi-legal-address-form-step", "justifi-owner-form", "justifi-payment-provisioning-form-buttons", "justifi-payment-provisioning-form-steps", "owner-form-core", "owner-form-inputs", "plaid-verification"];
+    const components = ["justifi-payment-provisioning-core", "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-core", "owner-form-inputs", "payment-provisioning-form-buttons", "payment-provisioning-form-steps", "plaid-verification"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-payment-provisioning-core":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, PaymentProvisioningCore);
+                customElements.define(tagName, JustifiPaymentProvisioningCore);
             }
             break;
-        case "bank-account-document-form-inputs":
+        case "additional-questions-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$v();
             }
             break;
-        case "bank-account-form-inputs":
+        case "bank-account-document-form-inputs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$u();
             }
             break;
-        case "bank-account-form-inputs-canada":
+        case "bank-account-form-inputs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$t();
             }
             break;
-        case "bank-account-read-only-value":
+        case "bank-account-form-inputs-canada":
             if (!customElements.get(tagName)) {
                 defineCustomElement$s();
             }
             break;
-        case "business-documents-on-file":
+        case "bank-account-read-only-value":
             if (!customElements.get(tagName)) {
                 defineCustomElement$r();
             }
             break;
-        case "custom-popper":
+        case "business-bank-account-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$q();
             }
             break;
-        case "form-control-checkbox":
+        case "business-core-info-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$p();
             }
             break;
-        case "form-control-date":
+        case "business-documents-on-file":
             if (!customElements.get(tagName)) {
                 defineCustomElement$o();
             }
             break;
-        case "form-control-file":
+        case "business-owners-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$n();
             }
             break;
-        case "form-control-monetary-provisioning":
+        case "business-representative-form-inputs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
-        case "form-control-number":
+        case "business-representative-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "form-control-number-masked":
+        case "business-terms-conditions-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "form-control-select":
+        case "custom-popper":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "form-control-text":
+        case "form-address-fields":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "form-control-tooltip":
+        case "form-control-checkbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "justifi-additional-questions-form-step":
+        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "justifi-business-bank-account-form-step":
+        case "form-control-file":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "justifi-business-core-info-form-step":
+        case "form-control-monetary-provisioning":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }
             break;
-        case "justifi-business-owners-form-step":
+        case "form-control-number":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "justifi-business-representative-form-inputs":
+        case "form-control-number-masked":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }
             break;
-        case "justifi-business-representative-form-step":
+        case "form-control-select":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "justifi-business-terms-conditions-form-step":
+        case "form-control-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "justifi-form-address-fields":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "justifi-identity-address-form":
+        case "identity-address-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "justifi-legal-address-form-step":
+        case "legal-address-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "justifi-owner-form":
+        case "owner-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "justifi-payment-provisioning-form-buttons":
+        case "owner-form-core":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
             break;
-        case "justifi-payment-provisioning-form-steps":
+        case "owner-form-inputs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "owner-form-core":
+        case "payment-provisioning-form-buttons":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "owner-form-inputs":
+        case "payment-provisioning-form-steps":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }
@@ -364,4 +364,4 @@ function defineCustomElement() {
 }
 defineCustomElement();
 
-export { PaymentProvisioningCore as P, defineCustomElement as d };
+export { JustifiPaymentProvisioningCore as J, defineCustomElement as d };

package/dist/module/payment-provisioning-form-buttons.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PaymentProvisioningFormButtons extends Components.PaymentProvisioningFormButtons, HTMLElement {}
+export const PaymentProvisioningFormButtons: {
+    prototype: PaymentProvisioningFormButtons;
+    new (): PaymentProvisioningFormButtons;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -1,51 +1,6 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import './Business.js';
-import { a as BusinessFormClickActions } from './event-types2.js';
-import { B as Button } from './button.js';
-import './details.js';
-import './event-types.js';
-import './justifi-radio-list-item2.js';
+import { P as PaymentProvisioningFormButtons$1, d as defineCustomElement$1 } from './payment-provisioning-form-buttons2.js';
 
-const PaymentProvisioningFormButtons = /*@__PURE__*/ proxyCustomElement(class PaymentProvisioningFormButtons extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-    }
-    get showPreviousStepButton() {
-        return this.currentStep > 0;
-    }
-    get showNextStepButton() {
-        return this.currentStep < this.totalSteps;
-    }
-    get showSubmitButton() {
-        return this.currentStep === this.totalSteps;
-    }
-    render() {
-        return (h("div", { key: '53ba6c809e1968712b333f4bcf2798dbca186ddb', class: 'd-flex gap-2' }, h(Button, { key: 'b45c60083ccf6589cae0c63ce6b66c18da340dc7', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: '27372798da0276de44d1563a4688486e7cc91d64', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: '8bc14ca8fe951caf276f8ed03e502486e11acbe2', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
-    }
-}, [256, "justifi-payment-provisioning-form-buttons", {
-        "currentStep": [2, "current-step"],
-        "totalSteps": [2, "total-steps"],
-        "formLoading": [4, "form-loading"],
-        "formDisabled": [4, "form-disabled"],
-        "previousStepButtonOnClick": [16],
-        "nextStepButtonOnClick": [16]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["justifi-payment-provisioning-form-buttons"];
-    components.forEach(tagName => { switch (tagName) {
-        case "justifi-payment-provisioning-form-buttons":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PaymentProvisioningFormButtons);
-            }
-            break;
-    } });
-}
-defineCustomElement();
+const PaymentProvisioningFormButtons = PaymentProvisioningFormButtons$1;
+const defineCustomElement = defineCustomElement$1;
 
-export { PaymentProvisioningFormButtons as P, defineCustomElement as d };
+export { PaymentProvisioningFormButtons, defineCustomElement };

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

@@ -0,0 +1,51 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import './Business.js';
+import { a as BusinessFormClickActions } from './event-types2.js';
+import { B as Button } from './button.js';
+import './justifi-details2.js';
+import './event-types.js';
+import './justifi-radio-list-item2.js';
+
+const PaymentProvisioningFormButtons = /*@__PURE__*/ proxyCustomElement(class PaymentProvisioningFormButtons extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+    }
+    get showPreviousStepButton() {
+        return this.currentStep > 0;
+    }
+    get showNextStepButton() {
+        return this.currentStep < this.totalSteps;
+    }
+    get showSubmitButton() {
+        return this.currentStep === this.totalSteps;
+    }
+    render() {
+        return (h("div", { key: '84faa27ba9737bc546ed0ff0d169cea53e3599f3', class: 'd-flex gap-2' }, h(Button, { key: '615c83981ca574001fc7219611f512486415cbd8', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: 'a75dc66a0f067d9153c69cc9756291ef5ef34748', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: '9aa26b8592823ecce24aae8bfbf230b6deab5336', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
+    }
+}, [256, "payment-provisioning-form-buttons", {
+        "currentStep": [2, "current-step"],
+        "totalSteps": [2, "total-steps"],
+        "formLoading": [4, "form-loading"],
+        "formDisabled": [4, "form-disabled"],
+        "previousStepButtonOnClick": [16],
+        "nextStepButtonOnClick": [16]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["payment-provisioning-form-buttons"];
+    components.forEach(tagName => { switch (tagName) {
+        case "payment-provisioning-form-buttons":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, PaymentProvisioningFormButtons);
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { PaymentProvisioningFormButtons as P, defineCustomElement as d };

package/dist/module/payment-provisioning-form-steps.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PaymentProvisioningFormSteps extends Components.PaymentProvisioningFormSteps, HTMLElement {}
+export const PaymentProvisioningFormSteps: {
+    prototype: PaymentProvisioningFormSteps;
+    new (): PaymentProvisioningFormSteps;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;