@justifi/webcomponents 6.2.0-rc.2 → 6.2.0

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

@@ -166,7 +166,7 @@ const BusinessOwnerFormCore = /*@__PURE__*/ proxyCustomElement(class BusinessOwn
         this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors)));
     }
     render() {
-        return (h("form", { key: '8374d88e5a1d99f58ac2c93680fb000410a67ec8', onSubmit: this.validateAndSubmit }, h("fieldset", { key: '82d2f80aaff654362852e4e8c5c9775d82a5080c' }, h("legend", { key: 'd74d4c8bdfc91086b14e41b27934dddf14695e49', class: "fw-semibold fs-5", part: heading3 }, this.formTitle), h("br", { key: '8f6fe8d7d6b66ca2b0fd8e4b0797ee681c11f7eb' }), h("div", { key: 'ef546418d4192bc1d1fef02faf47f965127f45ef', class: "row gy-3" }, h("owner-form-inputs", { key: '2f961ee901838a5dd82b20484fe149b393c7c609', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController, country: this.country }), h("div", { key: '8ed50b5de9839353b25d54d7b51546c1d2afaeb5', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: 'a9c94571902b2a6fc68459662ee7be35874ebb66', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: 'dc6072e019ebedc91d99917023b561f7048e7a08', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: 'd46ee611300752429d1c9b50dfce99e8b6fc10fa' }))));
+        return (h("form", { key: 'ee00e580c90a942bde7cf0c483e99ef417dce3d6', onSubmit: this.validateAndSubmit }, h("fieldset", { key: '39904e046ca0f24c296fe99a43fc41f104091ecc' }, h("legend", { key: 'db92e079906c797790f5de7c424cfebab4c9cf63', class: "fw-semibold fs-5", part: heading3 }, this.formTitle), h("br", { key: '896303e22939d419ac624d9948e6c5765ad75aec' }), h("div", { key: '8705189e44fe2d5ff76057d6e961b7b5b396fcf5', class: "row gy-3" }, h("owner-form-inputs", { key: 'f14872c9ecf75f8d6e7bd1147b58aad8a8124f0d', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController, country: this.country }), h("div", { key: '9333d749fb940ca5aa9d5b6c227b229c473ed06a', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: '00911c37ed00097d5cd55be0c6a5e503f0b087ed', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: '84a311d76d65310f994a5c5e473e7e1e1cc5e249', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: '1d4ec7836ea466b48cdf04ac2af0769d68f808d1' }))));
     }
     static get watchers() { return {
         "isLoading": ["loadingWatcher"]

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

@@ -28,20 +28,20 @@ const BusinessOwnerFormInputs = /*@__PURE__*/ proxyCustomElement(class BusinessO
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '81c659f924f51a559e3e958b5d608f7c68022093', class: "row gy-3" }, h("div", { key: '9c89bc8e39cb584bf81852784a335599308681ff', class: "col-12 col-md-8" }, h("form-control-text", { key: 'a02d86ccbbcda1219a2e4e2885d0ffb54bcc3942', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '7281855c61b30b689809aa9fd3d4fce3927fcb8f', class: "col-12 col-md-4" }, h("form-control-text", { key: 'c91163386bd23653e3eaca4cf66c9690c28ed6f7', name: "title", label: "Title", defaultValue: this.ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: 'c998576d6f8442f255685a31a4bb0463175163f5', class: "col-12 col-md-6" }, h("form-control-text", { key: '345003706db0198c9de5e4234f3fe3efbacc51c7', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '8bccc4ebd45c92924e921f7fffa7f5214406c9e2', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'adaf6251217a5396c36ee7e9c0963cf2c948d9cd', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'd87f294ba9bf27df562f3e9b0ea4e286c1c6a725', class: "col-12 col-md-4" }, h("form-control-date", { key: '0681a51f830eb1b358c525deb46baa06f7bc9977', name: "dob_full", label: "Birth Date", defaultValue: this.ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: '090785d6d86ec3122c3884ec8ba46df43f71d08e', class: "col-12 col-md-8" }, (!((_a = this.ownerDefaultValue) === null || _a === void 0 ? void 0 : _a.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].idNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.ownerDefaultValue) === null || _b === void 0 ? void 0 : _b.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
+        return (h("div", { key: '2dea97a8711ac74a5973bab13ffa9d0cbe5cdac4', class: "row gy-3" }, h("div", { key: 'c666e5f65e175db737c2192e2e83f80eb0df3633', class: "col-12 col-md-8" }, h("form-control-text", { key: 'a598efd8f1e898335dae5527cb1b39fc348112e4', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'caadd033a1c510ce222b8b45408677dfd69463bf', class: "col-12 col-md-4" }, h("form-control-text", { key: '8b65c536b51f0d3ab50fef8a5a33b5031eb57af4', name: "title", label: "Title", defaultValue: this.ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: 'b2011382dd1d5ebb060fb9c09a402aacdb3c1778', class: "col-12 col-md-6" }, h("form-control-text", { key: '3d540ddff95a999de1329bceaf9bc059d6128963', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '0bcad2552b4adb76549649b249e33f329bfdf85b', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '8c26d1e8b350fce2c03836fdef244f4b28117d76', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'c6fcb2e3972cc6b32c2ea1ef125ad49c4fe084b7', class: "col-12 col-md-4" }, h("form-control-date", { key: '549fb157eaa9a91f446522e48cb90b0b750c0a91', name: "dob_full", label: "Birth Date", defaultValue: this.ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: '728304b41b7083df8cc8cec50f3d22681497b484', class: "col-12 col-md-8" }, (!((_a = this.ownerDefaultValue) === null || _a === void 0 ? void 0 : _a.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].idNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.ownerDefaultValue) === null || _b === void 0 ? void 0 : _b.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
                 this.isEditingIdentification = true;
                 // Clear last4 and current value to force validation
                 updateFormValues(this.formController, {
                     ssn_last4: null,
                     identification_number: ''
                 });
-            } }, "Change"))))), h("div", { key: '3d5eabefcd198d1a27bfe158c92e3c18a0a14e69', class: "col-12" }, h("justifi-identity-address-form", { key: '10158bd6a40fa0ca00d7e9feb04d7c22e51d5829', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))));
+            } }, "Change"))))), h("div", { key: '9496ee53f65c46f66437817fd7ec80a48ce7d000', class: "col-12" }, h("justifi-identity-address-form", { key: '55463847557a8d8285a5be69ba0b5ab77f3749af', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))));
     }
     ;
 }, [256, "owner-form-inputs", {
         "ownerDefaultValue": [8, "owner-default-value"],
         "errors": [8],
-        "formController": [8, "form-controller"],
+        "formController": [16],
         "country": [1],
         "isEditingIdentification": [32]
     }]);

package/dist/module/owner-form.js

@@ -52,7 +52,7 @@ const BusinessOwnerForm = /*@__PURE__*/ proxyCustomElement(class BusinessOwnerFo
         });
     }
     render() {
-        return (h("owner-form-core", { key: '84af0e74910def3f34aa4a6ce9d1f501faf6f5c5', ownerId: this.ownerId, businessId: this.businessId, getOwner: this.getOwner, patchOwner: this.patchOwner, postOwner: this.postOwner, allowOptionalFields: this.allowOptionalFields, removeOwner: this.removeOwner, newFormOpen: this.newFormOpen, ownersLength: this.ownersLength, country: this.country, ref: ref => this.coreComponent = ref }));
+        return (h("owner-form-core", { key: 'd3765b80461f8222189643b378ae5d63886163c3', ownerId: this.ownerId, businessId: this.businessId, getOwner: this.getOwner, patchOwner: this.patchOwner, postOwner: this.postOwner, allowOptionalFields: this.allowOptionalFields, removeOwner: this.removeOwner, newFormOpen: this.newFormOpen, ownersLength: this.ownersLength, country: this.country, ref: ref => this.coreComponent = ref }));
     }
 }, [256, "justifi-owner-form", {
         "authToken": [1, "auth-token"],

package/dist/module/package.js

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

package/dist/module/pagination-menu2.js

@@ -12,13 +12,13 @@ const PaginationMenu = /*@__PURE__*/ proxyCustomElement(class PaginationMenu ext
         this.params = {};
     }
     render() {
-        return (h(Host, { key: '67ec7328221f28064498ebc359ec2100b33df423' }, h("nav", { key: '503d4f3c3e236797a1ef6309edb00d8d0c2be345', "aria-label": "Table pagination", class: "d-flex justify-content-end gap-3" }, h("ul", { key: '9573011f1775928268a0b0932890a6c25050e3fe', class: "pagination m-0" }, h("li", { key: '0247aa3068849046f8282124e7e168c381fd6340', class: `page-item ${this.paging.has_previous ? '' : ' disabled'}` }, h("button", { key: '5608ce502116c96e9400fdfeb0cfb4e64bc25a55', class: "page-link", onClick: (e) => {
+        return (h(Host, { key: '7b821154b627026ef8624af6e4759e2176004676' }, h("nav", { key: '7990aee285d0cc3e6f83cb59bb216439e5364df5', "aria-label": "Table pagination", class: "d-flex justify-content-end gap-3" }, h("ul", { key: '02c68163934ce1aabf4abd607cc28e549e20ebe1', class: "pagination m-0" }, h("li", { key: 'aab661ae85fc61eecd230d058f135483796769c0', class: `page-item ${this.paging.has_previous ? '' : ' disabled'}` }, h("button", { key: 'ef42a41831a9890186c333418b161877761674e1', class: "page-link", onClick: (e) => {
                 e.preventDefault();
                 this.paging.handleClickPrevious(this.paging.start_cursor);
-            }, part: this.paging.has_previous ? paginationButton : paginationButtonDisabled }, h("span", { key: '7c08295d1c5edd4950bb577272a8745e3cd3d692', class: "me-1", part: paginationButtonIconPrevious }, "\u00AB"), h("span", { key: 'cd766ba6a6e6c31509442537a4f8345f2cd16251', part: paginationButtonText }, "Previous"))), h("li", { key: '54c810056bc6d74be7245a47f54c8d4b75068feb', class: `page-item ${this.paging.has_next ? '' : ' disabled'}` }, h("button", { key: '5ff8d8621accf87017980b527823640061b27c18', class: "page-link", onClick: (e) => {
+            }, part: this.paging.has_previous ? paginationButton : paginationButtonDisabled }, h("span", { key: 'a898a92687e4a5fec37d9dab4208430260a9f274', class: "me-1", part: paginationButtonIconPrevious }, "\u00AB"), h("span", { key: 'ecc2eeedc064d405ad178b9a98ed088e12f1b2fb', part: paginationButtonText }, "Previous"))), h("li", { key: '56569cd9f9803ead8b1180e2f982a98d7009be1f', class: `page-item ${this.paging.has_next ? '' : ' disabled'}` }, h("button", { key: 'c39d389ab89609e8ce11b3dd81eb5c4a50d3521f', class: "page-link", onClick: (e) => {
                 e.preventDefault();
                 this.paging.handleClickNext(this.paging.end_cursor);
-            }, part: this.paging.has_next ? paginationButton : paginationButtonDisabled }, h("span", { key: '2dc934a96eb1be000eb7e016507ddc926c68db2a', part: paginationButtonText }, "Next"), h("span", { key: '4e7cbcbfd2e29969f2019eacde0a24d07a72cbb3', class: "ms-1", part: paginationButtonIconNext }, "\u00BB")))))));
+            }, part: this.paging.has_next ? paginationButton : paginationButtonDisabled }, h("span", { key: '6a01458a048a524931b03df6a964fa4a0ac403ac', part: paginationButtonText }, "Next"), h("span", { key: 'f4cb3d084647c00dff30b99f751180564463443f', class: "ms-1", part: paginationButtonIconNext }, "\u00BB")))))));
     }
 }, [256, "pagination-menu", {
         "paging": [16],

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

@@ -62,16 +62,16 @@ const PaymentDetailsCore = /*@__PURE__*/ proxyCustomElement(class PaymentDetails
         return this.payment.status;
     }
     render() {
-        return (h(StyledHost, { key: '11094240e35ca0bd76db9d299d60c3a2d7176701' }, this.loading && h(PaymentDetailsLoading, { key: '38b34ce8300b69ab23b502748a34d7bc5f671b87' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: '25299b29dc50e51ef48979414e8a2a0f75ce23ec', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'a6d795adc068f563854db69cd3dba4527d444377', 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: 'db2d1dffb1b79616ff605c6350da7849d387f59b', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '70341064fb59ce20e573b8a406424985a1a52829', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'b6a16a404be185b361ec50a17375ecd3ef26bdab', title: "ID", value: this.payment.id })), h("div", { key: 'df9d5f0ae2cd687585027d6de20e9987e4e5f977', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'c3d62efa8452c02b178b23d5135eeaa8e800193c', sectionTitle: "Details" }), h("div", { key: 'b2caf669cb9858aa69c8c42204bd9f1f906052b3', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '4527285995901be0471bb25d41302ecb01150b38', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: 'ec3f4850cd2ce2b28df2fba9b70f06f912e5af6c', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'ed4465dbb1b74c1ab5a83c280088fc865c22402f', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '02f4aff2abf1a8ddfe159581fb326167f1992572', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '063e27c4217198e0c3ea177817e31796783b8d66', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: 'f5b4b6498cf25df6a77d1587915c3db41adaadaf', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '9e5e1e5448203e428a52198f53857570714058d9', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '93090e93bfa7836a3854980a82a14586fb99f0b7', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '09b5b0562805d2dbaa3a5eaaeb1ea237a1e7c205', title: "Description", value: this.payment.description }), h(DetailItem, { key: 'ccbf84645bdccd117ed822f9e4afaa65df831277', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: '865fcf56e5bb76aba8a276765b8e2698835e7c46', sectionTitle: "Payment Method" }),
-            h("div", { key: '52d091a973c5be30d7a37c95450e5de41ce01a8a', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '4801da20343fe93caaae3e707a33da70bebc7a05', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'f46cad59cf1222499828f792b066ba1adc9aa9c8', title: "Payment Type", value: "Card" }), h(DetailItem, { key: 'e9fa4115fce4f488b24eac0d68c3fbf93218dbcc', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '6334b5aba3f7e766036c462c090948410e27c08d', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '90a145f2f8e158a3302eeb8fbb42801b88ff49c0', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: 'eb7c7b9e01af253487d3ade865353b5859782a8c' }, this.loading && h(PaymentDetailsLoading, { key: '4f042d9998e59085b210a7ea488268078ca12fb8' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: 'd35f98ed3156990336c55d3986a2f1ea1fc2a0e6', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'f1fd72d9b523dc6db719d9d577b3145399fff317', 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: 'ce037497e2bf07c84353017cbee48c280c398d71', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: 'f9e94a05bb8c67b20f72b0cc3428d87148271469', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '3a80e64ee5a8e4b4e07acfd12b10a3d4b3af38b9', title: "ID", value: this.payment.id })), h("div", { key: 'ac09a688d576d611c96d74155ecb5c6183b57e9b', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '503d2152512c2bccd6966dc2f54c1b2d1af9d694', sectionTitle: "Details" }), h("div", { key: '3a4c435ac9ae7f81655dd847423d7f34a449941b', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '490549cdc21a4b42d66153e5bba183e1fdfbff20', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '0665f56ec7c62895c911bdaa191f063cd0da6529', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'b30dfafd50407f12c381083d43e3d7b8e0b14d7f', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: 'ba2b91ec3a69b2449b7a5c2d1c5a9a4a4af1595e', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '5dc1d4c9fa4fbc9a267240cfd716a5ed8d741775', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: '3199289d3ec0e9dd9a1daab869755fa41471e20d', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: 'f43df0b9c69a499793d7912a201503ea034700a7', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '1dff44ec556c75abadbbae41458c48abf5092891', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '0d4fd013b36a2d64448fcbe40189ee8cc9c411da', title: "Description", value: this.payment.description }), h(DetailItem, { key: '8276ee51adbe60c0303b3a2b7dfc15abda399449', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: '93391e8fb0fdce39c2d849223f2f2dafbc794b8e', sectionTitle: "Payment Method" }),
+            h("div", { key: '30b9228366b6160327f27b0a86c15c9f8ba9bbed', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '21fa5e3dd6798004e4e823c5e64b3b7f761abbf5', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '8a0369f2817d4cdf51e37b2c78a201bf3f9d3255', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '79728446f55d4dbe2565ed1dd07526b5fa5196fa', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '0a946c8984a62c940bf100cb461a038af2e05a5d', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: 'b8cbc3bcb416520ec2cbbcb94e54cbba1fbe7523', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: '0a4692cdb8f85d6e37181ef495137586d5989c59', sectionTitle: "Payment Method" }),
-            h("div", { key: 'baec71158e9b0d69c878fd7fff1931f8acbe3877', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'b53045243579be1f4fe19df31776eac0794411bd', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'ff27f3c6b5e6835e2158c67b9df7083ba336fa98', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: 'c07ae076381ea61731ec8c2ec3e7a0e069ee0c78', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: 'f891e0e41276b7bc1e1d5cbd9e680fee598c724e', title: "Account Owner", value: this.payment.payment_method.payersName }))
+            h(DetailSectionTitle, { key: '18f199f9e7b6080c2c787093e5e160cb26398ce2', sectionTitle: "Payment Method" }),
+            h("div", { key: '0d22d79505a4c7d67bdb27076539e29fd3ebd0cd', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'f3cf2263584b5fa0cf5215fd53496228f974361c', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'c1c1b9dd9a7dad9fc6b5ec5a913820772f30a1da', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '7601cf0c2abb01de76e53fc3c629bc398da748a0', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: 'bc82630978357bde8bf838ccd971d0d485c3d377', title: "Account Owner", value: this.payment.payment_method.payersName }))
         ], this.payment.metadata && [
-            h(DetailSectionTitle, { key: '9c33407c7755ac1746e3fdc6d33f26a617825abd', sectionTitle: 'Metadata' }),
-            h("div", { key: '3c9820b816478e4a17acd9ff4af3fa0d5d99c829', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '272290d21a4cc6b71027808d8011417fd0d5713d', metadata: this.payment.metadata }))
+            h(DetailSectionTitle, { key: 'ce0765f56d44b4fe78e71409d1719fbd42f4ab20', sectionTitle: 'Metadata' }),
+            h("div", { key: '7dd583a298981969865430fb3695629998e3802b', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'ecc3461050fd31015ac5bf743b60b0936ab2cd9c', metadata: this.payment.metadata }))
         ])))));
     }
     static get watchers() { return {

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

@@ -16,7 +16,7 @@ const PaymentMethodOption$1 = /*@__PURE__*/ proxyCustomElement(class PaymentMeth
         this.__attachShadow();
     }
     render() {
-        return (h(StyledHost, { key: 'e9d2508bca7640c281b2d7c1240d906f91118027', class: "payment-method" }, h("div", { key: 'e6cc572415e9eea51645081c70463b51effcd7ef', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: 'e57c30cc26f956eedf5511bd8f8c028b4bf08fee', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
+        return (h(StyledHost, { key: '8885a071427ab2d9e6ae371f7706ada2e4f5e5bc', class: "payment-method" }, h("div", { key: '1ccfb0f7ffa2f357117e749f6a80c203406718b5', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: '785ee47041948799fedd4a49ce8982db04002f89', 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-core.js

@@ -150,7 +150,7 @@ const PaymentProvisioningCore = /*@__PURE__*/ proxyCustomElement(class PaymentPr
         this.loading = event.detail;
     }
     render() {
-        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 })))));
+        return (h(StyledHost, { key: '058aaacf6c0fe49ef24e50b575247efb470c4254' }, h("div", { key: 'd4d329af8f8e4ccd8e7ddb2d7050797fe9ec5824', class: 'row gap-3' }, h(Header1, { key: 'd2358393171311c9dd6b03ca3509e2775d784e4c', text: this.formTitle }), h("justifi-payment-provisioning-form-steps", { key: 'd7a8767e276c28c2ca0413ac0d1195cb98b9fe0b', businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, country: this.country, handleFormLoading: this.handleFormLoading }), h("div", { key: '37dc95f2e8785c0e2ac969294b86318d81237b0b', class: 'd-flex justify-content-between align-items-center' }, h("div", { key: '54e6fe77e63faf3b2ae725c349748cf9c34322b0', class: 'd-flex align-items-center', part: text }, this.stepCounter), h("justifi-payment-provisioning-form-buttons", { key: 'aa3e1c621248f1daa48ae7e66dd76c03e0a9eb3c', 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"],

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

@@ -23,7 +23,7 @@ const PaymentProvisioningFormButtons = /*@__PURE__*/ proxyCustomElement(class Pa
         return this.currentStep === this.totalSteps;
     }
     render() {
-        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")));
+        return (h("div", { key: 'e13d3613af061d0067d1dbd84b6c3aebfc782aad', class: 'd-flex gap-2' }, h(Button, { key: '7b422ce77e13872f3dbd622574bce0e3e6e9c2ed', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: 'ea1242fdccb0b0af2438f4aaab91e3e17a607ef7', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: '0c323f533ea84608dcdabb885f69d71a81ec684b', 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"],

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

@@ -56,7 +56,7 @@ const PaymentProvisioningFormSteps = /*@__PURE__*/ proxyCustomElement(class Paym
         return this.componentStepMapping[this.currentStep]();
     }
     render() {
-        return (h("div", { key: '2e1d2983f259fd9fe4e1dda9c1f442b248f4c5ba', class: 'col-12 mb-4' }, this.currentStepComponent));
+        return (h("div", { key: 'dcf3f283bae7de00311f35e41b8d803196f50d49', class: 'col-12 mb-4' }, this.currentStepComponent));
     }
 }, [256, "justifi-payment-provisioning-form-steps", {
         "businessId": [1, "business-id"],

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

@@ -138,7 +138,7 @@ const PaymentsListCore = /*@__PURE__*/ proxyCustomElement(class PaymentsListCore
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'e4b304800014f90e9200d071099e0dd15682242a' }, h(TableComponent, { key: '038c2e1acb61683dd197e873b061c70d05395e05' }, h(TableHead, { key: 'fd81255bfe0a7e5d742bffd3f80173afd8fe6cf5' }, h(TableHeadRow, { key: '359b37df1c94ca1e07b3b8d269b14a30f7e678bc' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: '9fd6f62e02aac2fcb9bdbc4a93f75acce26b490d' }, h(TableLoadingState, { key: 'b63217f3fcf6fad0a431553d6d31b58abc5ebf31', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: 'c33d2c14ef0143ad456c3c4f23fc89039476713a', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: 'afed1e216fecca915ffcf16d92efa96f57158d14', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '463331f0c514c40bb40a0d73dad4e2993ecc65c1' }, h(TableFootRow, { key: '35c63a476b4058d048e53d8cd008dc3bdb1b26db' }, h(TableFootCell, { key: '2c5e1be77fe84aeede22fa7a923071c27f5df4a5', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '90cff6a1c7f6e380d9e3c66037e2fbacfef9a681', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '17ceef0f0fd1dc4fb8e8f8e13fde16b81ab40fa5' }, h(TableComponent, { key: 'd5031ba7e55422997c8a5641e9fe3acd4fb3a9c0' }, h(TableHead, { key: 'cf74e7ec087e4d5ada18975f5c970269f14472f1' }, h(TableHeadRow, { key: 'f2c9932dbb047448527064c5ecc22edf56e31d01' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: 'c709386eca9d7063bb9e1c986b66e2189ab78e24' }, h(TableLoadingState, { key: '2bec872c8fed48c65081789151d7238ccd24f4b2', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '4367380db418574ec2ac553c2fe8b7edb360f82b', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '55ae13377d95739b2226d57e134bda3e32b73df4', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '636674049a9f97fe725cc471125386478f910b86' }, h(TableFootRow, { key: 'bb5f77ad9f89f5e2d77a930fc9baef222473d2c6' }, h(TableFootCell, { key: 'a9cbead53a129e23b6f530c209578484e1def2b3', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '1370967dcdf1bbeb2aa6a35f2371e68a00571744', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

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

@@ -77,9 +77,9 @@ const PayoutDetailsCore = /*@__PURE__*/ proxyCustomElement(class PayoutDetailsCo
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: 'b7654bca327b4a7c7d03edc2c85375a8496e466d' }, this.loading && h(PayoutDetailsLoading, { key: 'b9cda081550abe8f4e4ab33329e13bca3e2bb905' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '9ecaedec9c2f2e8655018ed6c7ec279d31c2817b', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '70a0046c360065505965425906cf69dd3e477b04', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), this.payout.settlement_priority === 'expedited' ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : (h(Badge, { variant: BadgeVariant.SECONDARY, title: "Standard", text: "Standard" })))), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: '908bae7d95c5649aac6928a2cd49eb4511f87809', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '9c49a87f564091498891924f3c645542879264df', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '4953c429840cebd6485f0ded0e330152b50d78b6', title: "ID", value: this.payout.id }), h("div", { key: '08593f7b54ddfe2d24d0b0c4b1d738f57769e671', class: "m-4" }, h(Button, { key: 'cdfa16df03dcbcbd9edd8591e1fc877644ce9465', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'c65296580a275d7fb74e4b95f97e2633bc5fa70c', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'c2970c5b956ed035e5ae911c557d9f59c945cd8d', sectionTitle: "Details" }), h("div", { key: '91f0f6e54c79dfea18474e83deba9364b2f3c8f4', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '0e2f745c610fa0efddb061edb179aab99b0d9167', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '55e7c25da1f6ad8ed8665b459c74a6f8f2603c2e', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '92b9fcad3ac6658a6b813f30456f6ca8b233198f', title: "Payout Method", value: this.formatMethod(this.payout.delivery_method) }), h(DetailItem, { key: '369bed6889c8c68b6b9dfdd50bc320b64ad4ca5e', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: 'bc2b2283bf87752932a8f4cc8996a394f86f1b44', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '62c1fad6c3b2f8ee500f31acb9b4c1a84f94de79', sectionTitle: "Account" }), h("div", { key: '31fb316e496ef68671b6df80dcf9e6d34d62b2c5', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '47e3f14ba46c432fc62f9fedef265281b5477801', title: "ID", value: this.payout.account_id, onClick: this.enableRecordClick ? () => this.handleRecordClick(this.payout.account_id) : undefined }), h(DetailItem, { key: 'aa5c179afb349b0253b595866fa26cc94be3f84f', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '420c8b2fd759ccead9bb981af9eef62fa1222844', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'a28e32d0a855b6077aba42b7572b7aa40d18240f', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '1518b9279cc6021bd3bbb861940bde3940f314be', title: "Account Number", value: `**** ${this.payout.bank_account.account_number_last4}` })), this.payout.metadata && [
-            h(DetailSectionTitle, { key: '5df0034950365eee1f59b563f53e1d830bd4edc1', sectionTitle: 'Metadata' }),
-            h("div", { key: '61682a85d734025d6b933b1e1291815c6ae6b0bf', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '10b470329d8131840054ca39410035e73af9ef01', metadata: this.payout.metadata }))
+        return (h(StyledHost, { key: '12c258bd10e631ac1b2fb43c4e4d4854b02d8d01' }, this.loading && h(PayoutDetailsLoading, { key: '81c217eace20fe276d02d391f930a2684aa12385' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'df1bd819a299df69c0bf5924aa21ea760668d46b', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '67544da1ecdb4beee16911cd49009ae3415c576d', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), this.payout.settlement_priority === 'expedited' ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : (h(Badge, { variant: BadgeVariant.SECONDARY, title: "Standard", text: "Standard" })))), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: '64a28ab7e1bcc90d9487dd229cd07c411a50e4c7', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: 'bcb74d904482f3dd63d1da918b700c1badf8bbd5', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '165b296bdebf16389ef29df825cb24ba34f14556', title: "ID", value: this.payout.id }), h("div", { key: 'bbef430ca28eebc6c120f2f68200219dd1634660', class: "m-4" }, h(Button, { key: '1e51b1278a8f220c2376a004bbc9476307567c74', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '6dd5287d4355a84f0777f701c5b99bc5149954ed', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '92af1ae82f5d53b1e50705aa18590528b19f6455', sectionTitle: "Details" }), h("div", { key: '73e1a84e7b8baabb7b6cc307d2b7fba5457514a9', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'b223b147e8cc0a0849edd66a0b6deec2bf9ec55d', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '766729d3cd7b85b5635e6bfa4091455a84595635', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '7e4d537a26520d2c06ffadcd7658bb4a8e17b452', title: "Payout Method", value: this.formatMethod(this.payout.delivery_method) }), h(DetailItem, { key: '5fc253ad396300938f2cd95decab094d4da19d5b', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '66c2979dbdf94ba0a53aaca5896d352bc0a5606b', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'f0ca6a9c6d93b9841e1220dfde1182cb511c4594', sectionTitle: "Account" }), h("div", { key: 'ad64b1bc364c9d9c1c64b2b1c5dce83f25fb066b', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '6ac6c8251641e6d720ff82e0dfc9dbed255a1f0a', title: "ID", value: this.payout.account_id, onClick: this.enableRecordClick ? () => this.handleRecordClick(this.payout.account_id) : undefined }), h(DetailItem, { key: 'b955d27a84e0f43693e2474ee4ceab529d7eabda', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'c06e3a07965683cefd3dcd4e96c16566f286b230', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '27cacdfeb07a3e27d7a059fedfa49470eb00ce05', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '53442037b6e8c27b78b3da1d0bd13527e9283edb', title: "Account Number", value: `**** ${this.payout.bank_account.account_number_last4}` })), this.payout.metadata && [
+            h(DetailSectionTitle, { key: '82d65d70219404fbe2eb9a997fa309be02d58046', sectionTitle: 'Metadata' }),
+            h("div", { key: 'b1d86b363afa8a5cf60176b3eba688d2d85b94d4', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'ff41f465b338f8cbbaafe4fa60f27a93e3ebde77', metadata: this.payout.metadata }))
         ])))));
     }
     static get watchers() { return {

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

@@ -173,7 +173,7 @@ const PayoutsListCore = /*@__PURE__*/ proxyCustomElement(class PayoutsListCore e
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'cdf6daaa40985bc3925c6f5d5b618102f5168ee0' }, h(TableComponent, { key: '52e74b98af14199c22442fe8b70d2af8c48da931' }, h(TableHead, { key: '65e21eb180a339b71f861c9130e89ad55cda138c' }, h(TableHeadRow, { key: 'b1e2c439fdce4d235fa54560d1952ee84bdfbffa' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'c3113938a3c99f1fe52b7526f9e3d4a0f3f36ba5' }, h(TableLoadingState, { key: 'eda682acb4f576e34d0068ca2ebbec0561bec0e8', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '4aee9df94af9135ab87ce32fc3fb3eec4c27990f', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '413d3362c4c3fd0dbae32b7c56d3c45a0f228285', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '8d528bd87a55c41dc3327dfff1aaed84593b70c3' }, h(TableFootRow, { key: '1cd949eaafefe2fadfebcd1320cf4d47f8401d47' }, h(TableFootCell, { key: '057e0a48bf6e2fe35754eb11a53b0179adb08e1f', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '7eb638922c2403586e6737e8696aced00d0188ea', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '12ea39142a446522d219ae4504ab2cade5824b3f' }, h(TableComponent, { key: '0ef8b5f3716776ee0fe41e9576a6c97728757142' }, h(TableHead, { key: '6024ecb321bf7d42a6940baefdab0492c87c77ab' }, h(TableHeadRow, { key: 'b80ac981c1f8ad5e06fc1c060961e82b47ac5501' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: '9b64e1e8af4fff2f78a8768361d9e3cb0397c493' }, h(TableLoadingState, { key: 'b28518a05714d5671cd094c2b8462c8fc1af5039', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '97845bb480292be454464092ebaddd90bd274821', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '89b1918fc32806dbc786c6de23bc1d8ac4aa359b', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'bf545d589dfd579fcbfde145fee8e667478f2673' }, h(TableFootRow, { key: '05e52684f8923f0dfe0bd3fff3c8f72421ef6485' }, h(TableFootCell, { key: '967d53af83043748db6459f6cd7f153d9d713f37', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '55e154366e2df871c3dcfdd4b93dcaa11da216eb', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c as checkoutStore, a as onChange } from './checkout.store.js';
+import { c as checkoutStore, b as onChange } from './checkout.store.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';

package/dist/module/product-or-service.js

@@ -41,7 +41,7 @@ const ProductOrService = /*@__PURE__*/ proxyCustomElement(class ProductOrService
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '116c8109ff66ee49f71dd2942afd87802f0a7c55' }, h("div", { key: 'ad46e75181ecd8c30ba60c11f4d841ced13e77f0', class: "row gy-3" }, h("div", { key: '7247495b2134d3abe73c65f115f82467b0ffbb74', class: "col-12" }, h("h2", { key: 'c9e1e882662d10242bf287c426fa976580521af8', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '4bf80f0e5bbf2fa8f2722bcf55f21339afb6e650', class: "col-12" }, h("form-control-text", { key: '0c29fe5584bcaf6329efa1d24eb1a731459a99f6', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: '5a9338d6d046ecc9e9df64cab31c7ba50ce88e7d', class: "col-12" }, h("form-control-date", { key: '51e2d0983faf533fa188e0d679446c2b1b17a9ee', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: '237e39cb91eef0d6e5ddcb6c0ff0d4bccb64cfe2', class: "col-12" }, h("form-control-file-v2", { key: '5eee43125a7ded5640735f25c9713fc98666df98', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
+        return (h("div", { key: 'ae1fdf1a29d12408c3be84b02dcd058cb4c7849b' }, h("div", { key: '499977f5ad1d9bcbddb749b556539cd1b641d3e8', class: "row gy-3" }, h("div", { key: '1318ffbe476b9b0cb662b85f3bc670c66e97f8f5', class: "col-12" }, h("h2", { key: '58bf1ca5a29f3a4942b249f7d35f60f4f9976b62', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '957203535d86a521d5d702d0d85eb09201deab3a', class: "col-12" }, h("form-control-text", { key: 'b02101dd7b3e22b06feea75f451fca6ac1496851', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: '5eddaf6586b22c516f5fd48943cfd6f4a7bb83ce', class: "col-12" }, h("form-control-date", { key: 'bbc3a6d58d6f7e123d08802ca933135603476cca', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: '4d810ce7ffdd4aec9fb8d1ce81aa8cc23aacb8f7', class: "col-12" }, h("form-control-file-v2", { key: 'c3d029eb2da6364df611604b6956a285dcde63ca', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
     }
 }, [256, "justifi-product-or-service", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/refund-policy.js

@@ -41,7 +41,7 @@ const RefundPolicy = /*@__PURE__*/ proxyCustomElement(class RefundPolicy extends
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: '70c6484a73b7bb3c794703f08eee51aaedc564f2' }, h("div", { key: '26743bb218cfdaaf8f99f75582afc06b45a45584', class: "row gy-3" }, h("div", { key: 'd9fca9e6a0985cf2c8746b54f26c8fcd4c198382', class: "col-12" }, h("h2", { key: '428b73ad90c7f6b73980ff51ce7936dd7fe40217', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '7cbca206b3d9aa7669242b33fdd84712f6d6a49d', class: "col-12" }, h("form-control-textarea", { key: '5d7cadc32a5c6f95c0cefc89eb81e1f5d62dafac', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: 'bd1bfcea8114595f34bb477c88d18dc9d4094821', class: "col-12" }, h("form-control-textarea", { key: 'cb08d0e1e206079e97929d4008fc8f5d7561b342', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: 'b692266abea088b1818ade9243ffff67d556a196', class: "col-12" }, h("form-control-file-v2", { key: '79fe63b4949a3181a4afffffb8ab5676c175774c', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), h("div", { key: 'ce43bc526887e61e58c30aed49e75d23c04d74d1', class: "col-12" }, h("form-control-file-v2", { key: '6f743b261c533985aedc5d3dc0d4e706f9ad9a71', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
+        return (h("div", { key: 'd5afb26778b8e72bb914c964ab03490887149ef7' }, h("div", { key: '58c0472396b62c36304fc5b05400ea1e92106d48', class: "row gy-3" }, h("div", { key: '0178337b922c635efd5967da10ffb9a4fcf974e3', class: "col-12" }, h("h2", { key: '754263a51e6d0dd4a0b42205855446194a01fbde', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '3d618f3d5c73ac55275d189b16b8d0ee2eaf56b4', class: "col-12" }, h("form-control-textarea", { key: '42d90a550814a48fdd3bcb5fc8a18dfa3739512d', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: '108c2376a1680468000d83a31753cd2e1a2143f4', class: "col-12" }, h("form-control-textarea", { key: '7b1db2802760357080a7cd004bc322cc644c1741', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: 'f1c140d81063c530b5f2c9df8a78cd7edad56482', class: "col-12" }, h("form-control-file-v2", { key: '6d7fc6f84f8a3af171e344d1a05d465d144bd6b5', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), h("div", { key: 'aefdff678a562ea84dd20f2855045ad1e2be2e65', class: "col-12" }, h("form-control-file-v2", { key: 'c745a8ca84affd92d6590d4c2ccc0ca11ba71bd6', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
     }
 }, [256, "justifi-refund-policy", {
         "disputeResponse": [8, "dispute-response"],

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

@@ -23,7 +23,7 @@ const SaveNewPaymentMethod = /*@__PURE__*/ proxyCustomElement(class SaveNewPayme
         };
     }
     render() {
-        return (h(StyledHost, { key: 'e40e77b8ef70b343c870a4cb0b6cf3fa51543ff9' }, h("form-control-checkbox", { key: '1429e670405e0d43eef2d3b5ed2d071db339129d', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
+        return (h(StyledHost, { key: '9aa9ce812c0cb2fdc809c47060ed150903ad7cd5' }, h("form-control-checkbox", { key: '596bc9a145e363c751c8610f4b9f23ad31dab299', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
     }
 }, [257, "justifi-save-new-payment-method", {
         "label": [1],

package/dist/module/schema-validations.js

@@ -67,6 +67,11 @@ const makeIdentityNumberValidation = (country) => {
         return create$6()
             .matches(numbersOnlyRegex, 'Enter valid SIN')
             .length(countryValidation[country].identityDigits, 'Enter valid SIN')
+            .when('ssn_last4', {
+            is: (val) => !val || val.length === 0,
+            then: (schema) => schema.required('Enter SIN'),
+            otherwise: (schema) => schema.nullable(),
+        })
             .test('not-repeat', 'Enter valid SIN', (value) => {
             return !/^(\d)\1+$/.test(value);
         })

package/dist/module/shipping-details.js

@@ -46,7 +46,7 @@ const ShippingDetails = /*@__PURE__*/ proxyCustomElement(class ShippingDetails e
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '0cf5535a17c98e536665690e19857e6cad62a6dd' }, h("div", { key: 'bb42bc4f9732c68b59d29b520fa8b72cf0169d60', class: "row gy-3" }, h("div", { key: 'aff7c671db0b966b128ab05ff574be7f65ae89ae', class: "col-12" }, h("h2", { key: '8910100bf94d4ac11f8a252c03d8fa09b4b016ac', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '392d3d1ca2fb607d3e82b35813e5a39254bb5598', class: "col-12" }, h("form-control-text", { key: 'c857a5e60c66a1476c509937ccf5907ddb8bb69b', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: 'e98ee583d1333752dc20a8aa34d06680910d868b', class: "col-12" }, h("form-control-text", { key: '07a9d25aac27fe726cfb216e77c937678f7fa592', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: 'f58bb675c12b21dfcabf0e0ef1194627b5652d29', class: "col-12" }, h("form-control-date", { key: '546063536d78767b2e81ae7c686a7e761602ee3b', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: 'c197611cc502e5cfaf67461eee9cb606d9cdc14a', class: "col-12" }, h("form-control-textarea", { key: '2afe4380f738553f308aec1c747152e9f6289d26', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: '98b0312297d02c4146ad6db2ce3b52235b8c9bb2', class: "col-12" }, h("form-control-file-v2", { key: '1781b796e35fdeb9a11485273cc667fca33dedd4', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
+        return (h("div", { key: '12761f4d70524d91bfc9ad614d2235a1f7ff9fb2' }, h("div", { key: 'f09f1107bd01120198dd8b5fac777494720be56e', class: "row gy-3" }, h("div", { key: '2533b4452bada515f9b4d116521122989ca010b8', class: "col-12" }, h("h2", { key: '56d3d7c5361dbdc23e98608ca2296532d1d9b9f9', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: 'fd93a97d9829d7aa5999b8c90e769da63f1e5e75', class: "col-12" }, h("form-control-text", { key: '0121bfaedb5a3ad33cb71ff4af667099b0fed28c', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: '17def8633c36b773387bf770f203584c01d78d56', class: "col-12" }, h("form-control-text", { key: '23a511ccca24f322f56876f31f1c70699808106f', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: '18e25d53629ec3d0096f9ed53a3a6c92e0e746b9', class: "col-12" }, h("form-control-date", { key: 'fcdb6e192c8dda9e31e97fd1b6d0e9c74e86712f', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: 'dd2c4332df4a13bab91e26770845c2ad62b4e5ab', class: "col-12" }, h("form-control-textarea", { key: '855a2b47ea8363befc57b5a8533d5aac1f18e00e', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: '880ed83f7ef2e3c4aba497c8906c9b39d0f3b922', class: "col-12" }, h("form-control-file-v2", { key: '78815509ec89c00074326d5752f77797c4b47746', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
     }
 }, [256, "justifi-shipping-details", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/summary.js

@@ -16,7 +16,7 @@ const Summary = /*@__PURE__*/ proxyCustomElement(class Summary extends HTMLEleme
         this.__attachShadow();
     }
     render() {
-        return (h(StyledHost, { key: 'a0cf2d923a1283aeac48837faf25aa8ca100adbe' }, h("section", { key: 'dd98da2e82a8a68606c3cee9a9f4ab54a618dea5' }, h("div", { key: '1a4ca7e0cfd24d3ffa7c4d639ae6ecc01ab04ae0' }, h("div", { key: '01291cd64ac310a23f9bb8e6a7a0bde3ab36755c', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '7a1fdb4d579a119618c2afd9226834fba41449e1' }, h("span", { key: '9ec7e265476839a663a52116bb64424aeafc5bcf', part: text }, "Total"), "\u00A0", h("span", { key: '72b6ba530ba51d9f6b41c35c843b7fada598de40', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
+        return (h(StyledHost, { key: 'fd2c61dcafdc800d0064c19d29c6e007aed5adb5' }, h("section", { key: 'f2abef1233f3ccad3982d10c61ec5765e13e27a5' }, h("div", { key: '713d66ef6f7e2fc73135e765069baba6df976f52' }, h("div", { key: 'b8dd28f257948aa317366fe3ea6d2bc4911ef164', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '675676b40de7dc27d07bfafc0eee77eb855a3d26' }, h("span", { key: 'cbd47994d9c3f1518741a298de3f5d62a0ad5313', part: text }, "Total"), "\u00A0", h("span", { key: '614748853f666f1b072d4fa9b14ee15ef5717112', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
     }
 }, [257, "justifi-checkout-summary"]);
 function defineCustomElement() {

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

@@ -164,7 +164,7 @@ const TerminalOrdersListCore = /*@__PURE__*/ proxyCustomElement(class TerminalOr
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'f0170c6510ec26f07f85393063c0255eab650abd' }, h(TableComponent, { key: '3d299e4d180e60f1353397c478e58e5362c2921e' }, h(TableHead, { key: '5b88f652217c31b08c7989ee33823a447c89ebf4' }, h(TableHeadRow, { key: '9dd2b76e6d8d0f82d0e62c663c4156672b0dcd16' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '12442761a52bb3cf60bfd525d2a449f2240594ad' }, h(TableLoadingState, { key: 'e446d797e4cf4d23b761542c1acf2c6f04ff6094', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '8f7f6fcd1fb4896a5d284d53202f43ac4f7968f0', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: 'c72efe2ae0512c4ef08ca73143828ee6036cecd2', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'df73fd0b601ac8b3a0787fb0accc952a87dfba9c' }, h(TableFootRow, { key: '438c6c91bc500ea933747b94159d899babbd137b' }, h(TableFootCell, { key: '8ee489da6b5d7341039c655764c8b0b192a5df87', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '2c2f61ac9cd1f7e24fc5f2877fd744b79080a1b1', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'e613f15a7f21b62df83874e361aed492c79f09a7' }, h(TableComponent, { key: 'f44650f404395a9cdef96012a544a16d76dff351' }, h(TableHead, { key: '690ce3189e7e6531e5a60834ba913c281aa95f08' }, h(TableHeadRow, { key: '01260cb573cd36571ab6c6b4952f8202a238f914' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '130c3ae63b1b84568eb559eba42bd355d41264cb' }, h(TableLoadingState, { key: 'b6fa756110c9c046c197aac95a1555ef395d558c', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '2b8cdf202bb62469590b8d2dfae808fad1750ab1', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '43acaccaa17dd2561b05ec3f4f2fa2e8f62dd7d0', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '95e9e88622ecf6e32d20a6636d9a8d9a6d637710' }, h(TableFootRow, { key: '4ad82db29c1110099872b8a740c5d3fcf716cffd' }, h(TableFootCell, { key: '6aa900cf7752919f1ec4844bd6f0e5d6ad73c2b2', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: 'c17bc0926e4cdaf6158287282ae090e00e456f59', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/module/terminal-quantity-selector2.js

@@ -26,7 +26,7 @@ const TerminalQuantitySelector = /*@__PURE__*/ proxyCustomElement(class Terminal
         };
     }
     render() {
-        return (h("div", { key: '3e2c9aac5322205108924c346a1f5bed41a673e6', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '010ef8e5ecacabdbde46e15c01b68bc89450f8c2', class: "d-flex gap-3" }, h("div", { key: '9a7a9215dffbe59d9a3ebee2ed40bfea1f838e7a', class: "d-flex align-items-center" }, h("img", { key: '51e5919f4c76ac372f6caaca35d5e16bc99c4766', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '23c5c813f0a427bef785d8f48d03ffa4c6d94aad', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '2eb6df9a235030b347dcea3e398961761586b36e', class: "row" }, h("div", { key: 'cb5daf84d7ba9c1f41b3d2a78ae5c5d90cfc6817', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: 'fdeb46a05efdab7bd1ff5c1540f968cd9a868bec', helpText: this.description })), h("div", { key: 'f89be0d4e9ec16363acac6706a122657219746bf', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '55c367a543f03d0e05835781a7e775497be0d782', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '77cabef1a1f3c912dca9d90e4f63e9004e20c829', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '2ecc0d4c5022045e618049fc3edcf9f07d882f64', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
+        return (h("div", { key: 'e7a0bf077aca5a2ff095caf70457a5353995998e', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '3ad7ac7493b73da04b071756fd4ad38be0afae9e', class: "d-flex gap-3" }, h("div", { key: '568ed695946d70b84309772cbdb7b3647d227208', class: "d-flex align-items-center" }, h("img", { key: '1b93058757c815f862ab0cb2640b7c2eb7bc216f', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '014671ad4644fdd1cb92f07ca0c642a6138033ad', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '5d1bd75fb2c730dee13979d1811bdac2ced8ea6a', class: "row" }, h("div", { key: '0dcc849ccfade11b1421a3c04b845b8d60f6061f', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '5e93951b101ea98e55b232b798d94de226146ff2', helpText: this.description })), h("div", { key: '4df172c04c7d8d7d7de5dda392824d3af005f60d', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '0e449f9467334d2470f835ec72f3e28f1dfc835d', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: 'ca1947fcb27d320063a682220f7c592361d21c02', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: 'f2119205d7ad524730ddf429083dc65b86d46251', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
     }
 }, [256, "terminal-quantity-selector", {
         "modelName": [1, "model-name"],

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

@@ -187,7 +187,7 @@ const TerminalsListCore = /*@__PURE__*/ proxyCustomElement(class TerminalsListCo
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'f171aedabb3df580e9d3f1d8c36f59e3774e6031' }, h(TableComponent, { key: 'aa6feb39f0eb99d7a5c1ff8ef265db952b07b10b' }, h(TableHead, { key: '6ddd67370555763e7d4d56a4b81610bdb3807d7b' }, h(TableHeadRow, { key: 'f362b10cd24cd9fedf734fb5c0f0bd68e320d84d' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '9f6dd67cd0a515c8c6916ddc11b5a607f20b69ef' }, h(TableLoadingState, { key: 'e90089e7908eaf8d94de22800bd9a4ba44a2d45f', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'de3939e27a78d9c4891bd40b84d6d8360f5a498c', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '77e61801468b7cfc528ad309f2d4acd171399bd6', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'f6e90fd1a49eced3cc53883527fb61e5fd6af1bc' }, h(TableFootRow, { key: '21122ad59cf25bafcdae39a329814a524261c1aa' }, h(TableFootCell, { key: 'e17a4155000b9fb4e36f69a81cb7c25847f9dd78', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: 'bd7be396936e2aefe7003a7494227a0fa8b6ccbd', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '7e7b972d8a3c58efc8fb40f1d624ada5a20e71ca' }, h(TableComponent, { key: 'e778996b05716c01f44b98da22f2fe3b58456454' }, h(TableHead, { key: 'd01507e960cfc8bbc8d728817681fbfc4fb2e9b7' }, h(TableHeadRow, { key: '278ca7b14f201c42bd31126fdb1da36832aea545' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '7ed5c139ccc346e3e301298e036a9c0db60a5bed' }, h(TableLoadingState, { key: '3abc3c6bcc4d197c7e854d607f5098798c6105f5', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'd802709566ad9f5273f07b2bc210e9ca20b6ab33', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '7a80f72254c005e10d82afe97c9e6ee0da21d887', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '72c9888413f02ca800bcbac63f98e266a2dd841d' }, h(TableFootRow, { key: 'a56d4a7d580cdaf71466aa4b91b8d788baa9e377' }, h(TableFootCell, { key: '53b604f7db687d554e7e380b763fdc0b4f6ba6cd', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: 'fa44f5486ff2d194c6ee06246e34dda7b6add4ce', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

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

@@ -277,7 +277,7 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
         return paymentMethodType === PAYMENT_METHODS.NEW_CARD ? (h("justifi-card-form", { ref: (el) => (this.paymentMethodFormRef = el) })) : (h("justifi-bank-account-form", { ref: (el) => (this.paymentMethodFormRef = el) }));
     }
     render() {
-        return (h(StyledHost, { key: '0d3168166bba767403d0efb85f26c408adb4c93e' }, h("form", { key: '8ac12f8171da6907c83039173cbc7a009e662bb7' }, h("fieldset", { key: 'd88ea01b37a9ab0b7ff756577d2d17430853408b' }, h("div", { key: 'ac750c1faf2ac05279c0912527f0c468551bf738', class: "row gy-3" }, h("div", { key: 'dedef72db299486b3141a47ed6df93dc799270e9', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: '4d34febc61916210214166f94b9d38a24c6978d8', class: "col-12" }, h("justifi-button", { key: 'ce02121b93611d8e780b5c483bfe384ce4e7ed7c', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
+        return (h(StyledHost, { key: '805537f9c210dd7d2cd6fa101659c143d716e187' }, h("form", { key: 'c05caa0149784c7653021eb58b8eb41e1119e93c' }, h("fieldset", { key: '885abce69e70089d9841b9f866b41f9469a84437' }, h("div", { key: '0411d66e395077e3442dacab459f6c9150d16d4e', class: "row gy-3" }, h("div", { key: '1fa3dd928574a04b22ccca6a1727d4c8d602eea7', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: 'ec3db8e32cd0c6205992225df7e7c317e9d2a7b0', class: "col-12" }, h("justifi-button", { key: '0eaba5f83caaf693fb110dfabfb78e2898d946df', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/types/components/business-forms/schemas/business-form-schema.d.ts

@@ -24,8 +24,8 @@ export declare const businessFormSchemaUSA: import("yup").ObjectSchema<{
             postal_code?: string;
         };
         title?: string;
-        name?: string;
         ssn_last4?: string;
+        name?: string;
         email?: string;
         phone?: string;
         dob_full?: string;
@@ -107,6 +107,7 @@ export declare const businessFormSchemaCAN: import("yup").ObjectSchema<{
             postal_code?: string;
         };
         title?: string;
+        ssn_last4?: string;
         name?: string;
         email?: string;
         phone?: string;
@@ -144,6 +145,7 @@ export declare const businessFormSchemaCAN: import("yup").ObjectSchema<{
         email: undefined;
         phone: undefined;
         dob_full: undefined;
+        ssn_last4: undefined;
         identification_number: undefined;
         address: {
             line1: undefined;
@@ -188,8 +190,8 @@ export declare const businessFormSchema: import("yup").ObjectSchema<{
             postal_code?: string;
         };
         title?: string;
-        name?: string;
         ssn_last4?: string;
+        name?: string;
         email?: string;
         phone?: string;
         dob_full?: string;

package/dist/types/components/business-forms/schemas/business-identity-schema.d.ts

@@ -35,6 +35,7 @@ export declare const identitySchemaCAN: (role: string, allowOptionalFields?: boo
     email: string;
     phone: string;
     dob_full: string;
+    ssn_last4: string;
     identification_number: string;
     address: {
         state?: string;
@@ -49,6 +50,7 @@ export declare const identitySchemaCAN: (role: string, allowOptionalFields?: boo
     email: undefined;
     phone: undefined;
     dob_full: undefined;
+    ssn_last4: undefined;
     identification_number: undefined;
     address: {
         line1: undefined;
@@ -127,6 +129,7 @@ export declare const identitySchemaByCountry: {
         email: string;
         phone: string;
         dob_full: string;
+        ssn_last4: string;
         identification_number: string;
         address: {
             state?: string;
@@ -141,6 +144,7 @@ export declare const identitySchemaByCountry: {
         email: undefined;
         phone: undefined;
         dob_full: undefined;
+        ssn_last4: undefined;
         identification_number: undefined;
         address: {
             line1: undefined;

package/dist/types/components/dispute-management/dispute-notification.d.ts

@@ -10,5 +10,6 @@ export declare class DisputeNotification {
     submitEvent: EventEmitter<ComponentSubmitEvent>;
     acceptDispute(): void;
     initiateRespondToDispute(): void;
+    isDueDatePassed(): boolean;
     render(): any;
 }

package/dist/types/components/modular-checkout/ModularCheckout.d.ts

@@ -1,4 +1,5 @@
 import { CardBrand, ICheckoutPaymentMethod } from '../../api';
+export type { CheckoutState } from '../../store/checkout.store';
 export declare enum PAYMENT_MODE {
     ECOM = "ecom",
     BNPL = "bnpl",
@@ -41,6 +42,7 @@ export type SavedPaymentMethod = {
     address_postal_code_check: string;
     bin_details: null;
 };
+export type Hook<T = any> = (data: T, resolve: (data: T) => void, reject: () => void) => void;
 export declare class PaymentMethod implements SavedPaymentMethod {
     id: string;
     type: PAYMENT_METHODS;

package/dist/types/components/modular-checkout/modular-checkout.d.ts

@@ -1,7 +1,8 @@
 import { EventEmitter } from "../../stencil-public-runtime";
+import { CheckoutState } from "../../store/checkout.store";
 import JustifiAnalytics from "../../api/Analytics";
 import { BillingFormFields } from "../../components";
-import { CheckoutChangedEventDetail, SelectedPaymentMethod } from "./ModularCheckout";
+import { CheckoutChangedEventDetail, SelectedPaymentMethod, Hook } from "./ModularCheckout";
 export declare class ModularCheckout {
     analytics: JustifiAnalytics;
     private observer?;
@@ -14,6 +15,7 @@ export declare class ModularCheckout {
     private plaidService;
     authToken: string;
     checkoutId: string;
+    preCompleteHook?: Hook<CheckoutState>;
     hostEl: HTMLElement;
     errorEvent: EventEmitter;
     submitEvent: EventEmitter;