@justifi/webcomponents 6.2.0-rc.2 → 6.2.0-rc.3

package/dist/collection/components/terminal-orders-list/terminal-orders-list-filters.js

@@ -47,8 +47,8 @@ export class TerminalOrdersListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '1df2679852a2c3795bd5c9a90ec2d08ea124ab63' }, h("table-filters-menu", { key: '2836ae98e62ac6ee5dbb00b2d5115b0b49795576', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: 'bd993ac7ed2e2b6a83d787dc2456ab4184bf85a7', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'b03fc2cdd1931f0dbf7873735152f277c823498b', class: "p-2" }, h("form-control-select", { key: '8796b887cda1645323a68de9ab34cfefbb144fbe', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status || '', disabled: !!this.orderStatus, part: orderStatusTerminalOrdersListFilterParam })), h("div", { key: '575764ad238bba204780582d45e694fb57fca521', class: "p-2" }, h("form-control-select", { key: '4dd9fb99dc251fc519d9484cd9820b190effa1de', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type || '', disabled: !!this.orderType, part: orderTypeTerminalOrdersListFilterParam })), h("div", { key: '4581e4f414e0acf62b61f3b343ec0dbc462aeb71', class: "p-2" }, h("form-control-date", { key: '2c9373178da8fdd87f99843cb18634b00fbc7724', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterTerminalOrdersListFilterParam })), h("div", { key: '882a33df41cdf11e5a0ec84ffefdb8eab8026a19', class: "p-2" }, h("form-control-date", { key: '2915ce84bbf61c73548112f8fdb894593f0c5695', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: '1426d09efdcd667674d448b2bb572436ed4a5787' }, h("table-filters-menu", { key: '0aadfbc5ba334e99f0cd16496faa7671114c7ee8', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '6a0344eb0be7848cbf3ca6e9c862e69beacd78ae', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'c383e57642f44332dde7f1526c0908353add6db1', class: "p-2" }, h("form-control-select", { key: '4b0a4b2772ba57a3952943b583ebad965f7fd74c', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status || '', disabled: !!this.orderStatus, part: orderStatusTerminalOrdersListFilterParam })), h("div", { key: 'cdcfceef054dc263efa88f6b95d51ffd2190accd', class: "p-2" }, h("form-control-select", { key: '664b377599b07ff344df1e8f7c63eb5fdaf20cb7', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type || '', disabled: !!this.orderType, part: orderTypeTerminalOrdersListFilterParam })), h("div", { key: 'e8b6e71186f760045f613191f8f511e0c0389622', class: "p-2" }, h("form-control-date", { key: 'b321911aba223d6c88acde201ffced30f98acb24', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterTerminalOrdersListFilterParam })), h("div", { key: '219bfedd2c9268c8218e2cc66ca755bc447608ec', class: "p-2" }, h("form-control-date", { key: '70e620e3f6335751838b0eb33a165f28f49685a3', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: createdBeforeTerminalOrdersListFilterParam }))))));
     }
     static get is() { return "justifi-terminal-orders-list-filters"; }

package/dist/collection/components/terminal-orders-list/terminal-orders-list.js

@@ -43,7 +43,7 @@ export class TerminalOrdersList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '95be94d72e803e3c8449d1f39efe6cc6a7252f36' }, h("terminal-orders-list-core", { key: '7f610bc41818b1e9050c91557cb2561e41438a3d', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'f89cb75d014a5d43c6766f0e0e7a572807c3df9f' }, h("terminal-orders-list-core", { key: 'c38fd6424ebca672c9577255d81b9e97712f3b9b', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-terminal-orders-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/terminals-list/terminals-list-core.js

@@ -118,7 +118,7 @@ export class TerminalsListCore {
         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 is() { return "terminals-list-core"; }
     static get properties() {

package/dist/collection/components/terminals-list/terminals-list-filters.js

@@ -36,7 +36,7 @@ export class TerminalsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '055dc0c6462def26d2f7966835bc2c229cc7d73a' }, h("table-filters-menu", { key: '4f238a7d96324d70e32023d886382a978b8cf45b', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: 'a31da98b14a903a9a4565fbc5163897d3dd52077', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '4ed075e1f7f74c3041ac9c17f306fe4d8242e178', class: "p-2" }, h("form-control-text", { key: '10da59db83f22e7ef1fa6c1c83294876b5b3e938', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: 'e4010f483a6a5c0629e8507998a43b6a6659c319', class: "p-2" }, h("form-control-text", { key: 'd14e72b7e46a32c8d22b5c2e5b6dcafb0c4c9a00', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: terminalOrderIdTerminalsListFilterParam })), h("div", { key: '649dc17525eba4b8ea374487e6b51468e34e497d', class: "p-2" }, h("form-control-select", { key: '82032042a405581d6bcc1ab6a561e2b6f43b283d', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
+        return (h(StyledHost, { key: '572f99cbf9fe8b4b01a6e4e34575ba83f5c62f25' }, h("table-filters-menu", { key: '21513ea58fa052e458af8a21691935cb9caed5f4', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '6bfe4487288dacdb4c56651d7431cfffcf715755', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '9cba47fa96feb4d8cde9a54a7a98023d9b470f7a', class: "p-2" }, h("form-control-text", { key: '4cf78e13a31c8f6b7efeca735d31fd298c0f465a', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '1b3f105d54261c711b52d8730f99c7459c9d12e2', class: "p-2" }, h("form-control-text", { key: '09f4d86fb281bd84c2a47446e4dc5b263c034d8e', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: terminalOrderIdTerminalsListFilterParam })), h("div", { key: 'fb373b529881adee6b2bf3e3e55be3246623b956', class: "p-2" }, h("form-control-select", { key: '373348087fe077b04bd76fbd3cd3d5ab85ca77b8', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
     }
     static get is() { return "justifi-terminals-list-filters"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/terminals-list/terminals-list.js

@@ -61,7 +61,7 @@ export class TerminalsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '52dcea711707c73644e44b53ef7ae5a695e9b6d4' }, h("terminals-list-core", { key: 'd804664cf67f0e8f4f3eedc653f2679794184798', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '34cb952a43c4ecfd904c3449a05895e10e673a95' }, h("terminals-list-core", { key: '32d981b366889364c4f27a4351aab41ed7d085b5', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-terminals-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tokenize-payment-method/tokenize-payment-method.js

@@ -247,7 +247,7 @@ export class TokenizePaymentMethod {
         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 })))))));
     }
     static get is() { return "justifi-tokenize-payment-method"; }
     static get properties() {

package/dist/collection/store/checkout.store.js

@@ -75,6 +75,23 @@ export function isNewCardSelected() {
     var _a;
     return ((_a = checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.NEW_CARD;
 }
+export function getCheckoutState() {
+    return {
+        selectedPaymentMethod: checkoutStore.selectedPaymentMethod,
+        paymentAmount: checkoutStore.paymentAmount,
+        totalAmount: checkoutStore.totalAmount,
+        paymentCurrency: checkoutStore.paymentCurrency,
+        paymentDescription: checkoutStore.paymentDescription,
+        savedPaymentMethods: checkoutStore.paymentMethods,
+        savePaymentMethod: checkoutStore.savePaymentMethod,
+        bnplEnabled: checkoutStore.bnplEnabled,
+        applePayEnabled: checkoutStore.applePayEnabled,
+        insuranceEnabled: checkoutStore.insuranceEnabled,
+        disableBankAccount: checkoutStore.disableBankAccount,
+        disableCreditCard: checkoutStore.disableCreditCard,
+        disablePaymentMethodGroup: checkoutStore.disablePaymentMethodGroup,
+    };
+}
 export { checkoutStore as checkoutStore, onChange };
 export function onAnyChange(callback) {
     Object.keys(initialState).forEach((key) => {

package/dist/collection/ui-components/custom-popper/custom-popper.js

@@ -80,7 +80,7 @@ export class CustomPopper {
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: '3258d815eae7b31323a8c1bca81d46f51fa684de' }, h("style", { key: '4ef14405fc58db08baacc2d760484150eb9ba937' }, `
+        return (h("div", { key: 'e5ce1fb22e1929707428706dda084ffdbfe3010a' }, h("style", { key: '556af497b8ebd0b82b3e4a44483953243aa5cb0a' }, `
           .popper-content {
             display: none;
           }
@@ -88,7 +88,7 @@ export class CustomPopper {
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '15e316884fbac8bb31d9ce1d60cf81d6346b13a1', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: 'c6ea5b2e88b6cad1e87d82310b8d74e5b4bb6b67' }))));
+          `), h("div", { key: '7765427c69a8d6c0c8e3c1f0db49009b05ac05b7', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '83226bf40f66021f7d628ee36ff6b501dc1ff97f' }))));
     }
     static get is() { return "custom-popper"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-date.js

@@ -42,10 +42,10 @@ export class DateInput {
         return part;
     }
     render() {
-        return (h(Host, { key: '8e5820c8f07562ce28e3b95c4948cb7c311d48d6' }, h("div", { key: '1dd0cbd495d132064808cc81bc272b92f7df95af', class: "form-group d-flex flex-column" }, h("div", { key: '82f27392fd4bdbb106db3ea4219eeb75d99a7c78', class: "d-flex gap-2" }, h("label", { key: 'a6ab3679c84b6f22e4c27ac4cb9764e77f97eed3', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'f481b59809157482acd955d8f2bdb60e5a91e164', helpText: this.helpText })), h("input", { key: '6803e25bbd12858678fa08a8230ca91268541624', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'c1db3dd4bca7d9bf6dcbf61b0b43793232caae2f' }, h("div", { key: '4e00566fe24c7db972bcc7a99eaa1aa14c968f2b', class: "form-group d-flex flex-column" }, h("div", { key: '30e022fb522a6f69d04fadebb893c0377c0c580e', class: "d-flex gap-2" }, h("label", { key: 'f43b0d3c1e53d6c6e99dd26ca1dc61b601617e2c', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '39ab2bcd705b6d917dad575c9e09594d2a6ff199', helpText: this.helpText })), h("input", { key: '54d475675a44f28a05315c23ed07b7e61717c6a9', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), h(FormControlErrorText, { key: '0237d93c756aaea690eda467b0497ce2c0d8c904', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), h(FormControlErrorText, { key: '91455fa726313c5316a91d395209df04d6927a41', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-date"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-file-v2.js

@@ -2,7 +2,7 @@ import { Host, h, } from "@stencil/core";
 import { FormControlErrorText } from "./form-helpers/form-control-error-text";
 export class FileInput {
     render() {
-        return (h(Host, { key: '4d69131cba0d3529b5e8d3344085400a0e491f7a', exportparts: "label,input,input-invalid" }, h("div", { key: '91ef14e863262efef2ca6478dddcbe06fed2c3de', class: "form-group d-flex flex-column" }, h("div", { key: '46fab1c0db5685d8ea5f84f1517a129894a4ba62', class: "d-flex align-items-start gap-2" }, h("label", { key: 'e43d7049b5ce9265e27d30e6edca60b877ce7207', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '4a6298c1b36cf0bbef8ebb383398168cf99af362', helpText: this.helpText })), h("input", { key: '1ec274c8399390dcc08b708218485be030df3e4a', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit(), onChange: () => this.errorText = "" }), h(FormControlErrorText, { key: '154e2193272229f617555a5a1804c334d5214d53', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '7ba26de4dc1fc18b3eec2ea364fe26b1036b4f51', exportparts: "label,input,input-invalid" }, h("div", { key: 'ca125e36caa36d14f7d18c3048d00699af79bf35', class: "form-group d-flex flex-column" }, h("div", { key: '07cefe5047839cf9ec35682c01ad5d89a691ac4f', class: "d-flex align-items-start gap-2" }, h("label", { key: '7aa93bf0faa4759f5e94bf8420e52f50cbe9c07e', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '88715a6ee07d8196602e951aa0054800f22ba942', helpText: this.helpText })), h("input", { key: '79c464c90f0f9ef4da01ac0d7703763749538191', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit(), onChange: () => this.errorText = "" }), h(FormControlErrorText, { key: 'c979151bc382eaf2b542712d2725f6b7affd9bcb', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-file-v2"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-file.js

@@ -37,10 +37,10 @@ export class FileInput {
         return part;
     }
     render() {
-        return (h(Host, { key: 'a4e07a279ac259cf7aea289ddb3e5ad976ac8a78' }, h("div", { key: '72f560a6d77e6077e6e1edab0af24080207490b3', class: "form-group d-flex flex-column" }, h("div", { key: '26c3f68a2b2a1f791eccadd4dda4607aedccfcf8', class: "d-flex align-items-start gap-2" }, h("label", { key: '9805d69f239c90357ed4123bf38bd0a20df78f86', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'ae0e0a05268be3df43e250738ff69cc417beea8a', helpText: this.helpText })), h("input", { key: '4c9c7c69e0f0d786add6badaf6df61f53d1fd935', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '6b5ab04b95a39c87e7d82f0c3e50dbbe53922388' }, h("div", { key: '923928a3fe76cb185a4baa9ba90c4ac11d4a480d', class: "form-group d-flex flex-column" }, h("div", { key: '695e3fbfa88486048203e41ce2de7d887c0fcdd3', class: "d-flex align-items-start gap-2" }, h("label", { key: '94df69c5039e85369e6422c12390fff1401d9b2b', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '4e9ca48d614a54a9d11eb0a66d64f24e96fd7105', helpText: this.helpText })), h("input", { key: 'b84f4f9e72369cf39f6899423520437ea2f2deb4', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            } }), h(FormControlErrorText, { key: '47b98f71ebdf2b83e2cfd0b741908a74e691cd41', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '8024383aa421f8b787fde6ba0a39830c063e4a8d', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-file"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-monetary.js

@@ -42,10 +42,10 @@ export class MonetaryInput {
         return input;
     }
     render() {
-        return (h(Host, { key: 'befed81330399d097413f8b769d01df6b315d707' }, h("div", { key: '570688783902a60e43689dc542e69008d52ee376', class: "form-group d-flex flex-column" }, h("label", { key: '0def0a1b40891a7f6ca3d8886e0b32197beab464', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '637edfe671dabaed1b82ce8f2b165ca2a574522b', name: this.name, helpText: this.helpText }), h("div", { key: '6b38281e577bfb6f8dfacc29574a3b0cb9183c56', class: "input-group" }, h("span", { key: '63d1f8596630e7f3922e02f099b9298ff83bb487', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: 'a23391ec4ede5bd11d7d2e552eac76544aa855ae', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'ae64aa9000fff01313371b755f0e20925fbd005b' }, h("div", { key: 'f40ae8e775f4ea3ab811f8f2985e30dca5c37c1e', class: "form-group d-flex flex-column" }, h("label", { key: '1f4283cc32579ef12c225ae5a1f1fff1c8142128', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: 'f991dae37527a94cc4b98ed766361a7d97b6214b', name: this.name, helpText: this.helpText }), h("div", { key: '86ecd5f81238c8675b59c7a0b6a3629b49a0109c', class: "input-group" }, h("span", { key: '04a5576a92c024926f320f7a121c34cf43ebcac8', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '76f05aa792ae96d1d3302ef627e35cab538a6fdb', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: (event) => this.updateInput(event.target.value), onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.inputPart, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled })), h(FormControlErrorText, { key: '5f8175edeff6bc80c9f2fb815d89205d69b413a3', errorText: this.errorText, name: this.name }))));
+            }, onInput: (event) => this.updateInput(event.target.value), onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.inputPart, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled })), h(FormControlErrorText, { key: 'b28032e69108ff37485080e2e9f284cc30d10697', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-monetary"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-number-masked.js

@@ -61,10 +61,10 @@ export class NumberInputMasked {
         return input;
     }
     render() {
-        return (h(Host, { key: 'df43b2ce1fa351d04852fbc8a93ee14eeacab874' }, h("div", { key: 'e3b22cde550073e8ccac88ce2f6a0533cae6d781', class: "form-group d-flex flex-column" }, h("div", { key: 'c42151be8f9311c197a972dd5d0c15e09b884690', class: "d-flex align-items-start gap-2" }, h("label", { key: '603866f6c5202290c07490a7a3303b1fce13e375', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '878b2797d1acb8030f5881c47f08c647e605b335', helpText: this.helpText })), h("input", { key: '04e22f86c574d85190c55ee828c4df02c4652b91', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: 'c9dab9ba56a1b41607de674822120ed24b3ad7f6' }, h("div", { key: 'd08134d142c810576417f0cfdabe957cd7a29c10', class: "form-group d-flex flex-column" }, h("div", { key: '2103a3d5680ee3fccb8d17421b460eb142001ae8', class: "d-flex align-items-start gap-2" }, h("label", { key: '2f09b7eefbd6c5cd831cbb1e717bc1740971c508', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '6c0417df2d3610be4d875c330ef6237734a88448', helpText: this.helpText })), h("input", { key: '321ba8e05dcf152d6f4236b4dc28430c8a200f70', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: '57b6c4a907ae8089981faaf2359a8120963d875f', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: '34a37fcce3f7fe66d1632596b660fd8524aae5fb', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-number-masked"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-number.js

@@ -36,10 +36,10 @@ export class NumberInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '26ec43555c6c49a66b7fd29db062825751d10f3c' }, h("div", { key: '71b2ff7d916ae362fe1aceeb7f88ec909667712a', class: 'form-group d-flex flex-column' }, h("label", { key: '9aad7dc52dbb560a86deb6f998d751fa022ccf4b', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'a0b66ff0650405de0e05d8324b4941478df8385b', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'c07e38fb8e29b370384a0f0e205f5a88a1e6196e' }, h("div", { key: 'ad468ff917437598440706926b3f1ddb122ac58c', class: 'form-group d-flex flex-column' }, h("label", { key: '97d0f82fd9af770e89e6fb8d4a378dffcd94a52f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '044d3c7dd7537595e7d878b2e3d79820d567eaf6', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), h(FormControlHelpText, { key: '9d722992680b132f7139ea4ce210a199918f98dd', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'fa70d63a82b6910f129e6657b2504af400875170', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), h(FormControlHelpText, { key: 'e13cb9e5f745aea81e3ac4f12bcfe2c1baad6468', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '02a1b55b70646abd319b10cc051be9803c525886', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-number"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-radio.js

@@ -26,10 +26,10 @@ export class RadioInput {
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: '741a56d8e04d3458d6cf1b8986e998ca50d87e3b', class: 'form-group d-flex flex-column' }, h("div", { key: '6504ba678b74a6a45b41f167a67c21dda55fa9c8', class: "form-check" }, h("input", { key: '2ab6b254dc740ee553058dc0830616ba7b6dff01', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '0e904c8de95f266bc709f9b3c1fb7c58c303a24c', class: 'form-group d-flex flex-column' }, h("div", { key: '24dd45066d45495f108aa30262d2e74f257c3d4a', class: "form-check" }, h("input", { key: '12b5f8e62d22a4c0a4f54fc6842911c3a6664106', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), h("label", { key: '08950d0e13e5f19f7fcfbdd41f68820406dea53a', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: 'b1af2e0e55896d6cfd4836a5a272e0c03bb3383f', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '09126ab9b152f1c6908d85918cb9827b93173034', errorText: this.errorText, name: this.name })));
+            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), h("label", { key: 'dad68c4bb27faeeb5c94a92d89ed747bbd865e78', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '6c3cbe742fb61272e10c7d615c744853151bc5dc', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '9e2f85f6065e418f5b8a58bbaae86d44f6da9859', errorText: this.errorText, name: this.name })));
     }
     static get is() { return "form-control-radio"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-text.js

@@ -36,10 +36,10 @@ export class TextInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '5ba787ceb003eaf5fcad45bf6ae26a68bdd7cceb' }, h("div", { key: '980775fd7a64832addc121753ccea21419721c0d', class: "form-group d-flex flex-column" }, h("div", { key: '01211e20d54ac84a75c1ff9a3a1a660675bae31a', class: "d-flex align-items-start gap-2" }, h("label", { key: 'fc5dcb4149f38e921f44642dbb509a0d599df6ad', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '705262faa2111568445a7593e125c07602f8e73a', helpText: this.helpText })), h("input", { key: 'd2ea69efb600493362abb12a5e309ddad85d470e', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '8fa1333a0d4d7f50ce2e415f8ba24317e33e6a08' }, h("div", { key: 'ed36e5fa440070d759aa830056c8a6cbdcc916d4', class: "form-group d-flex flex-column" }, h("div", { key: 'e773415acf7f067c8c1076198be94302c547bb80', class: "d-flex align-items-start gap-2" }, h("label", { key: '9a163545aed306bdc3abed71cd875804f3c4aa32', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '8d6e13cff374cb5c92ce0af3238c636238617cba', helpText: this.helpText })), h("input", { key: '3d7c95603d79f3e7919a879308f312053ce01f12', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: 'c38896293fda5c445e24532521558fa24ad50c4a', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: 'e79de48854230e9b8e25a48e805784a454207065', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-text"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-textarea.js

@@ -38,10 +38,10 @@ export class TextInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '8b45f46328cd09457814bf8d9f474a1f1f1b4384' }, h("div", { key: 'a10735e0d15b641d2ab79ca6930cb22e91c89147', class: "form-group d-flex flex-column" }, h("label", { key: 'fc72fe91f841c8fe1525eb87fc270492660d1932', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '237ec248e7c68d97dcb035984783347bb6eb1092', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'e503ec4d39ce25b22cc252967ac0753982bad436' }, h("div", { key: '2d2d0d587a4ac57b62f27532b5adb47b36ebd3b7', class: "form-group d-flex flex-column" }, h("label", { key: '0ee84c2fb75c6a51bba1a0a70f06f66576366a77', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '81318a2cf2f0ccb3ba0deb74f52ec8d7e001cbc7', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: 'e12fd273b27a74c07de1f043dc7cdb927c8b19d8', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'e5e0fec72f54ddde7e72c465f8c97fef2df0ef85', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: 'dd3d7c2a8caaf1dcd3b4b488977d44c6033e7213', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '103c3bb5f0579d940ed2152fcf5eb5a17a1e3640', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-textarea"; }
     static get properties() {

package/dist/collection/ui-components/form/hidden-input.js

@@ -73,7 +73,7 @@ export class HiddenInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '3c8f4bc2dac1852fa61e372b0077bfb4883c3b31' }, h("input", { key: 'f53ad76227d125d411c85ef980a902d0d4e0f91d', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
+        return (h(Host, { key: '5d57d913b590d6118dbcf361b123792e47819615' }, h("input", { key: '5f86e91e383d5f1df0f3c6ad4fb1393a81175cf2', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
     }
     static get is() { return "hidden-input"; }
     static get states() {

package/dist/collection/ui-components/form/iframe-input.js

@@ -77,10 +77,10 @@ export class IframeInput {
         return params;
     }
     render() {
-        return (h(Host, { key: '4782aa46a4967ef9097809122cfea52cf5845675', class: "form-group d-flex flex-column" }, h("div", { key: 'adf5212bb0a32d593fb9e5ea93a378a49a63ba5b', style: {
+        return (h(Host, { key: '6a9a148def6119cf6038a940e1d24998f0de8139', class: "form-group d-flex flex-column" }, h("div", { key: 'dd8e4f676545658c2faaf23f42ef96def263a603', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: '309cb76edb80f3fca7264a5a1f2d2c8397c8b0f4', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '0f19c6d4f1851a6655e765f3ac021313c72ee106', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: 'f0db24e9a41fc5bcb06d84f0b5c7d0a9adea87b1', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: 'd9a8dac1e7ea15b602dbdb17d141dafcacedfa6a', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '2d2532b0a83f9449b7687fa95798e3fa1d055e97', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: '524eec0a405f0a58b7b1c81f10532244478f749b', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -90,7 +90,7 @@ export class IframeInput {
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: '0e0c98836f067f78af85e124a96dce7b39cf4b27', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: '40393084f556c3f0c648d89c1b4f41ed93cd0b1a', errorText: this.errorText, name: this.inputId }))));
     }
     static get is() { return "iframe-input"; }
     static get properties() {

package/dist/collection/ui-components/shadow-dom-components/justifi-button.js

@@ -7,7 +7,7 @@ export class JustifiButton {
         this.type = 'button';
     }
     render() {
-        return (h(StyledHost, { key: '101d2233002f9d316fae078dd77d43358c937291' }, h(Button, { key: 'd7e3c0a41d862572eb47a22e3c7178e8a172d990', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
+        return (h(StyledHost, { key: '4303daf453d356b8111a2a00f821bc83cdd658c5' }, h(Button, { key: '7c1b0a71ac3274bb03218a8d921d5dc39bc48528', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
     }
     static get is() { return "justifi-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/ui-components/shadow-dom-components/justifi-header.js

@@ -14,7 +14,7 @@ export class Header {
     }
     render() {
         const HeaderComponent = this.levels[this.level];
-        return (h(StyledHost, { key: 'ec45e1573823ebeb47a129e02e063bab9d08b154' }, h(HeaderComponent, { key: 'fc977d49c84906de818d9c4e17fb9a55c5ed8832', text: this.text, class: this.class })));
+        return (h(StyledHost, { key: '89edcc4c5a478317da615d276af05cac241c1867' }, h(HeaderComponent, { key: 'a5c01967f8809fd6b824ddc8730599041ae31822', text: this.text, class: this.class })));
     }
     static get is() { return "justifi-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/ui-components/shadow-dom-components/justifi-skeleton.js

@@ -3,7 +3,7 @@ import { StyledHost } from "../styled-host/styled-host";
 import { Skeleton } from "../skeleton";
 export class JustifiSkeleton {
     render() {
-        return (h(StyledHost, { key: '9507f69a72c7a58150ffbf1cc0555287f22adcab' }, h(Skeleton, { key: '203d85a6407458a39500303fb79b7ea31ee5fdb1', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
+        return (h(StyledHost, { key: '1dc5e1c56fe4145ed006e6dde0cd3b6c61c715ec' }, h(Skeleton, { key: '0f8058c2892b2b347a97611cee4333c806c5d35c', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
     }
     static get is() { return "justifi-skeleton"; }
     static get encapsulation() { return "shadow"; }

package/dist/docs.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-11-04T17:10:14",
+  "timestamp": "2025-11-06T14:07:48",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.38.2",
+    "version": "4.38.3",
     "typescriptVersion": "5.9.3"
   },
   "components": [
@@ -13998,6 +13998,39 @@
           "required": false,
           "getter": false,
           "setter": false
+        },
+        {
+          "name": "preCompleteHook",
+          "type": "(data: CheckoutState, resolve: (data: CheckoutState) => void, reject: () => void) => void",
+          "complexType": {
+            "original": "Hook<CheckoutState>",
+            "resolved": "(data: CheckoutState, resolve: (data: CheckoutState) => void, reject: () => void) => void",
+            "references": {
+              "Hook": {
+                "location": "import",
+                "path": "./ModularCheckout",
+                "id": "src/components/modular-checkout/ModularCheckout.ts::Hook"
+              },
+              "CheckoutState": {
+                "location": "import",
+                "path": "../../store/checkout.store",
+                "id": "src/store/checkout.store.ts::CheckoutState"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "(data: CheckoutState, resolve: (data: CheckoutState) => void, reject: () => void) => void"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
         }
       ],
       "methods": [
@@ -22244,6 +22277,16 @@
       "docstring": "",
       "path": "src/api/Dispute.ts"
     },
+    "src/components/modular-checkout/ModularCheckout.ts::Hook": {
+      "declaration": "(\n  data: T,\n  resolve: (data: T) => void,\n  reject: () => void,\n) => void",
+      "docstring": "",
+      "path": "src/components/modular-checkout/ModularCheckout.ts"
+    },
+    "src/store/checkout.store.ts::CheckoutState": {
+      "declaration": "export interface CheckoutState {\n  selectedPaymentMethod: SelectedPaymentMethod | undefined;\n  paymentAmount: number;\n  totalAmount: number;\n  paymentCurrency: string;\n  paymentDescription: string;\n  savedPaymentMethods: SavedPaymentMethod[];\n  savePaymentMethod: boolean;\n  bnplEnabled: boolean;\n  applePayEnabled: boolean;\n  insuranceEnabled: boolean;\n  disableBankAccount: boolean;\n  disableCreditCard: boolean;\n  disablePaymentMethodGroup: boolean;\n}",
+      "docstring": "",
+      "path": "src/store/checkout.store.ts"
+    },
     "src/components/modular-checkout/ModularCheckout.ts::CheckoutChangedEventDetail": {
       "declaration": "export interface CheckoutChangedEventDetail {\n  availablePaymentMethodTypes: PAYMENT_METHODS[];\n  selectedPaymentMethod: SelectedPaymentMethod | undefined;\n  savedPaymentMethods: SavedPaymentMethod[];\n}",
       "docstring": "",

package/dist/esm/{Api-K9QH1Aki.js → Api-DX-IWyBw.js}

@@ -1,4 +1,4 @@
-import { w as waitForConfig, c as configState } from './config-state-DiHV-4QK.js';
+import { w as waitForConfig, c as configState } from './config-state-C2NXATwF.js';
 import { g as generateId } from './utils-CIaHqjQt.js';
 
 const Api = () => {

package/dist/esm/additional-questions-details_5.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host } from './index-DOjVAAtq.js';
-import { c as DetailItem, D as DetailSectionTitle } from './utils-KBIYAa0D.js';
+import { r as registerInstance, h, H as Host } from './index-DwYM91AU.js';
+import { c as DetailItem, D as DetailSectionTitle } from './utils-DUz-H1tG.js';
 import { m as isEmptyObject, s as snakeCaseToHumanReadable, n as formatMediumDate } from './utils-CIaHqjQt.js';
 import './parts-Dj_zevuD.js';
 import './dinero-HXpYMWUU.js';

package/dist/esm/{badge-B8fF98jp.js → badge-BkjjtNUQ.js}

@@ -1,4 +1,4 @@
-import { h } from './index-DOjVAAtq.js';
+import { h } from './index-DwYM91AU.js';
 import { I as badgeDark, J as badgeLight, K as badgeInfo, L as badgeWarning, M as badgeDanger, N as badgeSuccess, O as badgeSecondary, P as badgePrimary, Q as badge } from './parts-Dj_zevuD.js';
 
 var BadgeVariant;

package/dist/esm/bank-account-document-form-inputs_6.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-DOjVAAtq.js';
-import './config-state-DiHV-4QK.js';
+import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-DwYM91AU.js';
+import './config-state-C2NXATwF.js';
 import './dinero-HXpYMWUU.js';
 import './ComponentError-Cjcsf8ku.js';
 import { E as EntityDocumentType } from './Refund-L_muwEAh.js';
@@ -11,10 +11,10 @@ import './event-types-XYgDHrVL.js';
 import { n as numberOnlyHandler } from './utils-BnjCmwMr.js';
 import { D as text, Z as card, G as heading2, ao as table, S as tableHeadCell, ax as tableCell, c as input, l as label, b as inputInvalid, U as inputDisabled, a as inputFocused } from './parts-Dj_zevuD.js';
 import { s as snakeCaseToHumanReadable, e as formatDate, o as formatTimeSeconds } from './utils-CIaHqjQt.js';
-import { S as Skeleton } from './skeleton-BEoPu3My.js';
+import { S as Skeleton } from './skeleton-DdynMBnt.js';
 import './event-types-CZfYo5-1.js';
-import { F as FormControlErrorText } from './form-control-error-text-BmD6bGbR.js';
-import './index-DJ9G-4S-.js';
+import { F as FormControlErrorText } from './form-control-error-text-Cje0veu2.js';
+import './index-B-fWxE5e.js';
 
 const BankAccountDocumentFormInputs = class {
     constructor(hostRef) {
@@ -114,10 +114,10 @@ const FileInput = class {
         return part;
     }
     render() {
-        return (h(Host, { key: 'a4e07a279ac259cf7aea289ddb3e5ad976ac8a78' }, h("div", { key: '72f560a6d77e6077e6e1edab0af24080207490b3', class: "form-group d-flex flex-column" }, h("div", { key: '26c3f68a2b2a1f791eccadd4dda4607aedccfcf8', class: "d-flex align-items-start gap-2" }, h("label", { key: '9805d69f239c90357ed4123bf38bd0a20df78f86', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'ae0e0a05268be3df43e250738ff69cc417beea8a', helpText: this.helpText })), h("input", { key: '4c9c7c69e0f0d786add6badaf6df61f53d1fd935', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '6b5ab04b95a39c87e7d82f0c3e50dbbe53922388' }, h("div", { key: '923928a3fe76cb185a4baa9ba90c4ac11d4a480d', class: "form-group d-flex flex-column" }, h("div", { key: '695e3fbfa88486048203e41ce2de7d887c0fcdd3', class: "d-flex align-items-start gap-2" }, h("label", { key: '94df69c5039e85369e6422c12390fff1401d9b2b', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '4e9ca48d614a54a9d11eb0a66d64f24e96fd7105', helpText: this.helpText })), h("input", { key: 'b84f4f9e72369cf39f6899423520437ea2f2deb4', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            } }), h(FormControlErrorText, { key: '47b98f71ebdf2b83e2cfd0b741908a74e691cd41', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '8024383aa421f8b787fde6ba0a39830c063e4a8d', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/bank-account-form.entry.js

@@ -1,9 +1,9 @@
-import { h, r as registerInstance, H as Host } from './index-DOjVAAtq.js';
-import { S as Skeleton } from './skeleton-BEoPu3My.js';
-import { w as waitForConfig, c as configState } from './config-state-DiHV-4QK.js';
+import { h, r as registerInstance, H as Host } from './index-DwYM91AU.js';
+import { S as Skeleton } from './skeleton-DdynMBnt.js';
+import { w as waitForConfig, c as configState } from './config-state-C2NXATwF.js';
 import { b as generateTabId } from './utils-CIaHqjQt.js';
 import './parts-Dj_zevuD.js';
-import './index-DJ9G-4S-.js';
+import './index-B-fWxE5e.js';
 import './dinero-HXpYMWUU.js';
 
 const BankAccountFormSkeleton = (props) => {

package/dist/esm/{business-additional-questions-schema-DSvdNuI1.js → business-additional-questions-schema-BCXg6YTP.js}

@@ -1,5 +1,5 @@
 import { c as create$3, a as create$6 } from './index.esm-IWS0494Y.js';
-import { m as makeTaxIdValidation, d as dateOfIncorporationValidation, i as industryValidation, b as businessClassificationValidation, a as doingBusinessAsValidation, p as phoneValidation, e as emailValidation, w as websiteUrlValidation, c as businessNameValidation, t as taxIdValidation, o as otherPaymentDetailsValidation, s as seasonalBusinessValidation, r as recurringPaymentsPercentageValidation, f as recurringPaymentsValidation, g as whenServiceReceivedValidation, h as paymentVolumeValidation, j as revenueValidation } from './schema-validations-BFoU1cR8.js';
+import { m as makeTaxIdValidation, d as dateOfIncorporationValidation, i as industryValidation, b as businessClassificationValidation, a as doingBusinessAsValidation, p as phoneValidation, e as emailValidation, w as websiteUrlValidation, c as businessNameValidation, t as taxIdValidation, o as otherPaymentDetailsValidation, s as seasonalBusinessValidation, r as recurringPaymentsPercentageValidation, f as recurringPaymentsValidation, g as whenServiceReceivedValidation, h as paymentVolumeValidation, j as revenueValidation } from './schema-validations-CoIE0a4H.js';
 import { C as CountryCode } from './Business-B5rtFhtR.js';
 import { c as countryLabels } from './country-config-BQ4D46Lb.js';
 

package/dist/esm/business-details-core.entry.js

@@ -1,8 +1,8 @@
-import { h, F as Fragment, r as registerInstance, c as createEvent } from './index-DOjVAAtq.js';
-import { E as ErrorState } from './utils-KBIYAa0D.js';
-import { S as StyledHost } from './styled-host-OalOsPBp.js';
+import { h, F as Fragment, r as registerInstance, c as createEvent } from './index-DwYM91AU.js';
+import { E as ErrorState } from './utils-DUz-H1tG.js';
+import { S as StyledHost } from './styled-host-DhOcKWqZ.js';
 import './event-types-CZfYo5-1.js';
-import { S as Skeleton } from './skeleton-BEoPu3My.js';
+import { S as Skeleton } from './skeleton-DdynMBnt.js';
 import './parts-Dj_zevuD.js';
 
 const BusinessDetailsLoading = () => {

package/dist/esm/{business-identity-schema-mN4VhA1v.js → business-identity-schema-CvzdGI9h.js}

@@ -1,5 +1,5 @@
 import { c as create$3, a as create$6 } from './index.esm-IWS0494Y.js';
-import { k as cityValidation, l as lineTwoValidation, n as lineOneValidation, q as postalValidation, u as makePostalValidation, v as ssnValidation, x as dobValidation, p as phoneValidation, e as emailValidation, y as identityTitleValidation, z as identityNameValidation, A as makeIdentityNumberValidation } from './schema-validations-BFoU1cR8.js';
+import { k as cityValidation, l as lineTwoValidation, n as lineOneValidation, q as postalValidation, u as makePostalValidation, v as ssnValidation, x as dobValidation, p as phoneValidation, e as emailValidation, y as identityTitleValidation, z as identityNameValidation, A as makeIdentityNumberValidation } from './schema-validations-CoIE0a4H.js';
 import { C as CountryCode } from './Business-B5rtFhtR.js';
 
 // Internal USA schemas
@@ -70,6 +70,7 @@ const schemaCAN = (role) => create$3({
     email: emailValidation.nullable(),
     phone: phoneValidation.nullable(),
     dob_full: dobValidation(role).nullable(),
+    ssn_last4: create$6().nullable(),
     identification_number: makeIdentityNumberValidation(CountryCode.CAN).nullable(),
     address: addressSchemaCAN(true),
 });
@@ -79,8 +80,8 @@ const strictSchemaCAN = (role) => create$3({
     email: emailValidation.required(`Enter ${role} email`),
     phone: phoneValidation.required('Enter phone number'),
     dob_full: dobValidation(role).required('Enter date of birth'),
-    identification_number: makeIdentityNumberValidation(CountryCode.CAN)
-        .required('Enter identification number'),
+    ssn_last4: create$6().nullable(),
+    identification_number: makeIdentityNumberValidation(CountryCode.CAN),
     address: addressSchemaCAN(false),
 });
 const identitySchemaUSA = (role, allowOptionalFields) => allowOptionalFields ? schemaUSA(role) : strictSchemaUSA(role);

package/dist/esm/{business.service-BJcGEUDH.js → business.service-CaEVmi4X.js}

@@ -1,4 +1,4 @@
-import { A as Api } from './Api-K9QH1Aki.js';
+import { A as Api } from './Api-DX-IWyBw.js';
 import './ComponentError-Cjcsf8ku.js';
 import './Refund-L_muwEAh.js';
 import './Pagination-CLHwhyvu.js';

package/dist/esm/{button-DZoLTGMB.js → button-DHljyr0K.js}

@@ -1,4 +1,4 @@
-import { h } from './index-DOjVAAtq.js';
+import { h } from './index-DwYM91AU.js';
 import { _ as buttonSecondary, af as buttonPrimary, ag as buttonLoading } from './parts-Dj_zevuD.js';
 
 const ButtonSpinner = () => (h("div", { class: "spinner-border spinner-border-sm", role: "status", part: "button-spinner" }, h("span", { class: "visually-hidden" }, "Loading...")));

package/dist/esm/card-form.entry.js

@@ -1,9 +1,9 @@
-import { h, r as registerInstance, H as Host } from './index-DOjVAAtq.js';
-import { S as Skeleton } from './skeleton-BEoPu3My.js';
-import { w as waitForConfig, c as configState } from './config-state-DiHV-4QK.js';
+import { h, r as registerInstance, H as Host } from './index-DwYM91AU.js';
+import { S as Skeleton } from './skeleton-DdynMBnt.js';
+import { w as waitForConfig, c as configState } from './config-state-C2NXATwF.js';
 import { b as generateTabId } from './utils-CIaHqjQt.js';
 import './parts-Dj_zevuD.js';
-import './index-DJ9G-4S-.js';
+import './index-B-fWxE5e.js';
 import './dinero-HXpYMWUU.js';
 
 const CardFormSkeleton = (props) => {