@justifi/webcomponents 6.1.0-rc.1 → 6.1.0-rc.3

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

@@ -49,23 +49,23 @@ const PaymentDetailsCore = /*@__PURE__*/ proxyCustomElement(class PaymentDetails
         });
     }
     render() {
-        return (h(StyledHost, { key: 'a94fc292445a0d8d3d77b0702fe5f19efc432634' }, this.loading && h(PaymentDetailsLoading, { key: 'd07e44b295fd5ce424a0a67d21e3c4ceec4634f4' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: 'c6cd0c034c948b4b96415b5bde6a3808dc1686e2', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'cff0b6a11617d68a42f20d6e3631097bafc34971', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.payment.status), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: 'a143d34fd230aa855286b1252b8e032f94fbd9a9', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '96e5af4a6c37667a4be5bf27cdfec6a5ea3978fd', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '76f2fd4b5569ad4f6463fb36984e3d4309235473', title: "ID", value: this.payment.id })), h("div", { key: '9d5b04c789c248b358ffecfebac6b62a1d8f0a27', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '78f20430c4935b222c954fdc6eba89e715f668fc', sectionTitle: "Details" }), h("div", { key: '77d314983116b6dd2fc9989c1987d2371b5902b7', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '41c4eb6797577967d4ee6bc6a546faf62bca48c6', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '51308e304e515290f1d4e96fda9ed0b7c9523055', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'e6d24cb563963c8a540969437dd70674f04c02fc', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '1640fe0c210efb6193cc791624fd274299516f4e', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '9f2f34ef1aa4e2ec522ceda4bcdf398ede745c65', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: '9f1cf33ce4a80dc55efc2d88882e9f52933e4aaa', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '2ec3eca801e5187912dc8107644270da03679a79', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '14065f819a71be0bee5a7980f66d88852a96a152', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '7c5f72aaf86eaf7ef035cd359822988573a42862', title: "Description", value: this.payment.description }), h(DetailItem, { key: 'b1081bad614684d8205ca3377e16bd2377d6da88', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: 'a3e655f58e6482800dc53e55c5dd17d9e41ad08d', sectionTitle: "Payment Method" }),
-            h("div", { key: '225667fced83ad89e25cfc19c950b870a2558308', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '58c44b427b356a3576584c6a59301efcab0ed67f', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'a2b60b522a6fbed58ad06f0df88e551070faf752', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '6e094728a62fcdd01d0fdadab0bce26894dcd4b6', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '3d703d83c3c7a115c6e64227a417997b63cf8748', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: 'cf5dd3615ce5770f071aad7f1144862f00af760d', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: '25ed5c9e906407f662ef7ebbaa25f2213e5cccc9' }, this.loading && h(PaymentDetailsLoading, { key: 'b5c123d3ed3e0f652c381cb55203155e12274d22' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: 'baf306757436e341879261f25890f32e84506f6e', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '59ffd1cefafce8bdb5f61967705539a13c5a9874', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.payment.status), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '0c1eb1feda928bae7a99de1b01263521e321c4f7', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: 'd5e18d093518c6f100b60ad024b6767e6309b1f8', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'd70449e817bf505f1c9c2784ef1a59e5223c3393', title: "ID", value: this.payment.id })), h("div", { key: '16b88c7204b8bd5216bfd6e53e29d8feea7a1e5d', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'eb6f996248478b0508f429e6924da3a9adfd9f09', sectionTitle: "Details" }), h("div", { key: 'cf3f17085930ac40cebefe920704284f747a1042', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '56897b69bc9ef5b51156ef4e77f24537b8b72df7', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '36e9ac617d83ac03361724525f4833a1795aa93f', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'a7c47250572be737b7f609f4cc70fd920562f620', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: 'bdd0df4024cbe8f7d8bee2f201b3d9a79fc61d2c', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '2c03f3bfaabb5fb37358adcb72d7f9eb880dfcc4', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: 'c4ad1d92e7c4429a0093f60b4c94682f8bd8daec', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '8c7f1531e67e1647b2ca1b0690bcdea8351e32cb', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'f58f18b2b550efdf8e6ffc31f2c6807dafec3755', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: 'b3ca89e74ae93e27bdf58de8b0d29cf21ce1c7c2', title: "Description", value: this.payment.description }), h(DetailItem, { key: '58e1993dee67555d69fb20c560953a7de5658ee2', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: '0e9b3abf65e6592cc5cbed82c5a183f6d05c8fc2', sectionTitle: "Payment Method" }),
+            h("div", { key: '91fc3faffc6bd2a0c515229efa03a6c1a59c555c', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'f67dfc71504d76159689766c25180dcf2e531409', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'e78c847e0a48544592303b7548bbc72b7c6495c9', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '160a4fd630c256c53bb7379ecec7985f8e78c42f', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: 'd3317e6b4186113d1376ded0ccdaed2af2735f38', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: 'd6aaf539523dabf5b79070b9512438a8c043e0e6', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: '8b167fe0967859af1555245634e4f6cdaae77ccf', sectionTitle: "Payment Method" }),
-            h("div", { key: '3b84740a7e8f792b4f3987a88bff3e85003ea549', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '1ef1e3781ea046145c58c721f1abfb2183e81db1', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '383f4756aac8901eef21786d9c9c6ff5ce097d7d', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '3cbb0f11eaf47b3b3923d3371f33df95ca022bd8', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: 'b122e28ddb446b03b0a70b6cf3ac23fe84fd945d', title: "Account Owner", value: this.payment.payment_method.payersName }))
+            h(DetailSectionTitle, { key: '17de969fc0e95f5ab2afdbdb0d486f2d0fdd7b65', sectionTitle: "Payment Method" }),
+            h("div", { key: '796fba5c17545a37996a2b197721f64031e8e0e3', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '5144c207cedc0aa80b9252d216857eba2477bf7a', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '9b06231a073e33adcaca4bc09db654ef65c3738f', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '880c481c9677b629406e90cd13c672850fc5b762', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '3d59ecf1db015154b33a141f445d0f1d9671e7e0', title: "Account Owner", value: this.payment.payment_method.payersName }))
         ], this.payment.metadata && [
-            h(DetailSectionTitle, { key: '5b6d6c2ade6badd80f8b6c4a4c6427710ba9ac66', sectionTitle: 'Metadata' }),
-            h("div", { key: 'a3d59ae07f2601b0895624c0a640693ef076b71e', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'b61349ed2f6536b2131b05ed0e8e337733309117', metadata: this.payment.metadata }))
+            h(DetailSectionTitle, { key: '7597a4e86d8cda118144a80499a98dd9aa67c442', sectionTitle: 'Metadata' }),
+            h("div", { key: '421c20438ef533975a22796dc4fd10a7fa9fce1d', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '268c3efaa09969a1c8cdddb1faeccc48e7a90701', metadata: this.payment.metadata }))
         ])))));
     }
     static get watchers() { return {
         "getPaymentDetails": ["updateOnPropChange"]
     }; }
 }, [256, "payment-details-core", {
-        "getPaymentDetails": [16, "get-payment-details"],
+        "getPaymentDetails": [16],
         "payment": [32],
         "loading": [32],
         "errorMessage": [32]

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

@@ -16,12 +16,12 @@ const PaymentMethodOption$1 = /*@__PURE__*/ proxyCustomElement(class PaymentMeth
         this.__attachShadow();
     }
     render() {
-        return (h(StyledHost, { key: '276e7685b6f5b7430fdac887fa5f270245011f6d', class: "payment-method" }, h("div", { key: '032431a1a0e3e97077c84f02288e3e0d1334e230', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: '33a53344736a2a5d8546cbec24cc6c4aaebf7629', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
+        return (h(StyledHost, { key: 'c3edf1e3223d8d4bbd1b0433bb3546bdb59f0d5e', class: "payment-method" }, h("div", { key: 'e7f8815636cd256758e951d92f89890ee04564c3', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: 'f560ddcc9789e9915c8186d3212efe82b9e1d802', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
     }
 }, [257, "payment-method-option", {
         "paymentMethodOptionId": [1, "payment-method-option-id"],
         "isSelected": [4, "is-selected"],
-        "clickHandler": [16, "click-handler"],
+        "clickHandler": [16],
         "radioButtonHidden": [4, "radio-button-hidden"],
         "label": [1]
     }]);

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

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
-import { c as checkProvisioningStatus } from './helpers.js';
+import { a as CountryCode, b as Business, e as checkProvisioningStatus } from './Business.js';
 import { t as text } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import { H as Header1 } from './header-1.js';
@@ -8,30 +8,33 @@ import './details.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { a as BusinessFormClickActions } from './event-types2.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-monetary-provisioning2.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$z } from './bank-account-document-inputs.js';
+import { d as defineCustomElement$y } from './bank-account-form-inputs2.js';
+import { d as defineCustomElement$x } from './bank-account-form-inputs-canada2.js';
+import { d as defineCustomElement$w } from './bank-account-read-only-value2.js';
+import { d as defineCustomElement$v } from './business-documents-on-file2.js';
+import { d as defineCustomElement$u } from './custom-popper2.js';
+import { d as defineCustomElement$t } from './form-control-checkbox2.js';
+import { d as defineCustomElement$s } from './form-control-date2.js';
+import { d as defineCustomElement$r } from './form-control-file2.js';
+import { d as defineCustomElement$q } from './form-control-monetary-provisioning2.js';
+import { d as defineCustomElement$p } from './form-control-number-masked2.js';
+import { d as defineCustomElement$o } from './form-control-select2.js';
+import { d as defineCustomElement$n } from './form-control-text2.js';
+import { d as defineCustomElement$m } from './form-control-tooltip2.js';
+import { d as defineCustomElement$l } from './business-additional-questions-form-step.js';
+import { d as defineCustomElement$k } from './business-additional-questions-form-step-core.js';
+import { d as defineCustomElement$j } from './business-bank-account-form-step.js';
+import { d as defineCustomElement$i } from './business-bank-account-form-step-core.js';
+import { d as defineCustomElement$h } from './business-core-info-form-step.js';
+import { d as defineCustomElement$g } from './business-core-info-form-step-core.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 './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 './legal-address-form-step-core.js';
@@ -53,26 +56,33 @@ const PaymentProvisioningCore = /*@__PURE__*/ proxyCustomElement(class PaymentPr
         this.loading = false;
         this.businessProvisioned = false;
         this.currentStep = 0;
+        this.country = CountryCode.USA;
         this.allowOptionalFields = false;
         this.setBusinessProvisioned = () => {
-            this.getBusiness({
-                onSuccess: (response) => {
-                    this.businessProvisioned = checkProvisioningStatus(response.data);
-                    if (this.businessProvisioned) {
+            return new Promise((resolve) => {
+                this.getBusiness({
+                    onSuccess: (response) => {
+                        const business = new Business(response.data);
+                        this.businessProvisioned = checkProvisioningStatus(business);
+                        this.country = business.country_of_establishment;
+                        if (this.businessProvisioned) {
+                            this.errorEvent.emit({
+                                message: 'A request to provision payments for this business has already been submitted.',
+                                errorCode: ComponentErrorCodes.PROVISIONING_REQUESTED,
+                                severity: ComponentErrorSeverity.INFO,
+                            });
+                        }
+                        resolve();
+                    },
+                    onError: ({ error, code, severity }) => {
                         this.errorEvent.emit({
-                            message: 'A request to provision payments for this business has already been submitted.',
-                            errorCode: ComponentErrorCodes.PROVISIONING_REQUESTED,
-                            severity: ComponentErrorSeverity.INFO,
+                            message: error,
+                            errorCode: code,
+                            severity: severity
                         });
+                        resolve();
                     }
-                },
-                onError: ({ error, code, severity }) => {
-                    this.errorEvent.emit({
-                        message: error,
-                        errorCode: code,
-                        severity: severity
-                    });
-                }
+                });
             });
         };
         this.postProvisioningData = () => {
@@ -111,9 +121,18 @@ const PaymentProvisioningCore = /*@__PURE__*/ proxyCustomElement(class PaymentPr
     handleFormCompleted() {
         this.postProvisioningData();
     }
-    componentWillLoad() {
-        this.getBusiness && this.setBusinessProvisioned();
-        this.refs = [this.coreInfoRef, this.legalAddressRef, this.additionalQuestionsRef, this.representativeRef, this.ownersRef, this.bankAccountRef, this.termsRef];
+    async componentWillLoad() {
+        if (this.getBusiness)
+            await this.setBusinessProvisioned();
+        this.refs = [
+            this.coreInfoRef,
+            this.legalAddressRef,
+            this.additionalQuestionsRef,
+            this.representativeRef,
+            this.ownersRef,
+            this.bankAccountRef,
+            this.termsRef,
+        ];
     }
     get businessEndpoint() {
         return `entities/business/${this.businessId}`;
@@ -131,25 +150,26 @@ const PaymentProvisioningCore = /*@__PURE__*/ proxyCustomElement(class PaymentPr
         this.loading = event.detail;
     }
     render() {
-        return (h(StyledHost, { key: '24a788f8930d61992cdfe9aaa22271e2b72b5a64' }, h("div", { key: '1b6f7fea61b3df2dab251883deb92a5b2ab1746d', class: 'row gap-3' }, h(Header1, { key: '39f8f198de6f822c32efd5252cbbd207dc0ae619', text: this.formTitle }), h("justifi-payment-provisioning-form-steps", { key: 'd37cb2952eba674fd928fffca80de684b5ae6c45', businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, handleFormLoading: this.handleFormLoading }), h("div", { key: '8d4ab45ab2a4589a04d76602923d4bf68d0aed1b', class: 'd-flex justify-content-between align-items-center' }, h("div", { key: 'b351fd2eaeb4481ca3d173b1dc98774a96a1af5b', class: 'd-flex align-items-center', part: text }, this.stepCounter), h("justifi-payment-provisioning-form-buttons", { key: 'c4a7ac39c8e83b55353c83509f5d8b765af1d9b4', currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.loading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
+        return (h(StyledHost, { key: 'f7206f7fa5c0b2052b524737e86b622f92dcd07e' }, h("div", { key: '65cd3a37191f1bdef3380b1c5ceebc260b846b6a', class: 'row gap-3' }, h(Header1, { key: '05fd7dff0691a80ad7c1dc9152a5fd4d851a292d', text: this.formTitle }), h("justifi-payment-provisioning-form-steps", { key: '57f9b35aa0a1fa2205a43cb90c274fa211f7c359', businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, country: this.country, handleFormLoading: this.handleFormLoading }), h("div", { key: '94fd88a0aa9114677a2a1325e14bd059a08b6d72', class: 'd-flex justify-content-between align-items-center' }, h("div", { key: 'bb0ba1762a15c92dbb71f98722b01b1b0324ebcf', class: 'd-flex align-items-center', part: text }, this.stepCounter), h("justifi-payment-provisioning-form-buttons", { key: 'a3cab2c2c655a1bc6d1771c7b759e2b0adc971b0', 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"],
         "authToken": [1, "auth-token"],
         "allowOptionalFields": [4, "allow-optional-fields"],
         "formTitle": [1, "form-title"],
-        "getBusiness": [16, "get-business"],
-        "postProvisioning": [16, "post-provisioning"],
+        "getBusiness": [16],
+        "postProvisioning": [16],
         "loading": [32],
         "businessProvisioned": [32],
         "currentStep": [32],
-        "errorMessage": [32]
+        "errorMessage": [32],
+        "country": [32]
     }, [[0, "formCompleted", "handleFormCompleted"], [0, "formLoading", "handleFormLoading"]]]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    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-provisioning", "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"];
+    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-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-form-address-fields", "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)) {
@@ -158,120 +178,135 @@ function defineCustomElement() {
             break;
         case "bank-account-document-form-inputs":
             if (!customElements.get(tagName)) {
-                defineCustomElement$w();
+                defineCustomElement$z();
             }
             break;
         case "bank-account-form-inputs":
             if (!customElements.get(tagName)) {
-                defineCustomElement$v();
+                defineCustomElement$y();
+            }
+            break;
+        case "bank-account-form-inputs-canada":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$x();
+            }
+            break;
+        case "bank-account-read-only-value":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$w();
             }
             break;
         case "business-documents-on-file":
             if (!customElements.get(tagName)) {
-                defineCustomElement$u();
+                defineCustomElement$v();
             }
             break;
         case "custom-popper":
             if (!customElements.get(tagName)) {
-                defineCustomElement$t();
+                defineCustomElement$u();
             }
             break;
         case "form-control-checkbox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$s();
+                defineCustomElement$t();
             }
             break;
         case "form-control-date":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
         case "form-control-file":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "form-control-monetary-provisioning":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "form-control-number-masked":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "form-control-select":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$o();
             }
             break;
         case "form-control-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$n();
             }
             break;
         case "form-control-tooltip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$m();
             }
             break;
         case "justifi-additional-questions-form-step":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$l();
             }
             break;
         case "justifi-additional-questions-form-step-core":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$k();
             }
             break;
         case "justifi-business-bank-account-form-step":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$j();
             }
             break;
         case "justifi-business-bank-account-form-step-core":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$i();
             }
             break;
         case "justifi-business-core-info-form-step":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$h();
             }
             break;
         case "justifi-business-core-info-form-step-core":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$g();
             }
             break;
         case "justifi-business-owners-form-step":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$f();
             }
             break;
         case "justifi-business-owners-form-step-core":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$e();
             }
             break;
         case "justifi-business-representative-form-inputs":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$d();
             }
             break;
         case "justifi-business-representative-form-step":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$c();
             }
             break;
         case "justifi-business-representative-form-step-core":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$b();
             }
             break;
         case "justifi-business-terms-conditions-form-step":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "justifi-form-address-fields":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }

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

@@ -23,15 +23,15 @@ const PaymentProvisioningFormButtons = /*@__PURE__*/ proxyCustomElement(class Pa
         return this.currentStep === this.totalSteps;
     }
     render() {
-        return (h("div", { key: 'cc744b394b8a75f2cf6b551f50376d16eb4f053b', class: 'd-flex gap-2' }, h(Button, { key: 'b83498b5bd052607803159acc593ed3f53c8cd4f', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: '02f6dfacedd16c2a82879bf13706bf554372064c', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: 'eda937677c7e1d5a64f88d020ba4c738bc89af68', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
+        return (h("div", { key: 'ad959d93323ee66a154d5addbabd0cd0351f5d5f', class: 'd-flex gap-2' }, h(Button, { key: '6f77f6c7ee080a1a2525ec92107881adfef3afcb', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: '6edac397291014bde05eed8f64ca6a543f951a44', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: 'ba2f0c103c2b54e9047aee927ed8afb8e5361f66', 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, "previous-step-button-on-click"],
-        "nextStepButtonOnClick": [16, "next-step-button-on-click"]
+        "previousStepButtonOnClick": [16],
+        "nextStepButtonOnClick": [16]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {