@justifi/webcomponents 5.7.6-rc-14 → 5.7.6-rc-16

package/dist/collection/components/modular-checkout/sub-components/apple-pay.js

@@ -87,14 +87,15 @@ export class ApplePay {
         });
     }
     watchPropsChange() {
-        if (this.applePayService) {
-            this.applePayService.setApiBaseUrl(this.apiBaseUrl);
-            this.applePayService.setAuthToken(checkoutStore.authToken);
-        }
         this.initializeApplePay();
     }
     async initializeApplePay() {
+        console.log('Initializing Apple Pay');
         try {
+            if (this.applePayService) {
+                this.applePayService.setApiBaseUrl(this.apiBaseUrl);
+                this.applePayService.setAuthToken(checkoutStore.authToken);
+            }
             this.isLoading = true;
             this.error = null;
             if (!checkoutStore.paymentAmount) {
@@ -159,10 +160,13 @@ export class ApplePay {
             this.isAvailable &&
             this.canMakePayments &&
             !this.error;
-        return (h(StyledHost, { key: '953181f3712f10b4b9b04bef01234c8e4933e9b5' }, h("div", { key: 'edfeebe26b7e295e698db0833cbf0fbd978ad466', class: 'apple-pay-container' }, h(ApplePaySkeleton, { key: '623c353461fed16c500d876d93216015030eb7aa', isReady: isReady }), !this.isLoading && this.error && (h("div", { key: 'd7a6b7c081f703e4553a9e064f99bca5755fb2a2', class: 'apple-pay-error', role: 'alert' }, h("span", { key: '45a4a13592591b2fcc566d066ef875b099c533f0', class: 'error-icon' }, "\u26A0\uFE0F"), h("span", { key: '60e36a8fbd42af747006c82148c3f7f836170a6d', class: 'error-message' }, this.error))), !this.isLoading && !this.error && !this.isAvailable && (h("div", { key: '9e0d55ee72c16f5df38ac6974106987063512957', class: 'apple-pay-unavailable' }, h("span", { key: 'cf2276ab8fbb5633df81591045c4796f42acc884', class: 'unavailable-message' }, "Apple Pay is not available on this device"))), !this.isLoading &&
+        return (h(StyledHost, { key: '627782068c729d8a2ed515957b0d1d30497c43fb' }, h("script", { key: '526abcdccd477a882c2087c1d9a2272edc24c759', async: true, onLoad: () => {
+                console.log('Apple Pay SDK loaded');
+                this.initializeApplePay();
+            }, src: "https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js" }), h("div", { key: '29221d2d2c4ebc00ba0d27e428bdc2c26b9a3dff', class: 'apple-pay-container' }, h(ApplePaySkeleton, { key: '9135d2ad9bfbcd3b84a687738d733c2b6d1c7a31', isReady: isReady }), !this.isLoading && this.error && (h("div", { key: 'da6585c2eb35ab82aa1e21e3895dc379854a35b1', class: 'apple-pay-error', role: 'alert' }, h("span", { key: '4a3234ea9927e49bf3a8658c2800ae4baf2c8a2e', class: 'error-icon' }, "\u26A0\uFE0F"), h("span", { key: '13627e68c6132fed6e08558386995e660f78b01b', class: 'error-message' }, this.error))), !this.isLoading && !this.error && !this.isAvailable && (h("div", { key: 'db9167ed16f32614610f2168d25e5a4643e22879', class: 'apple-pay-unavailable' }, h("span", { key: 'f09c6e9d8325fb324dfc537edf51d80f800588a9', class: 'unavailable-message' }, "Apple Pay is not available on this device"))), !this.isLoading &&
             !this.error &&
             this.isAvailable &&
-            this.canMakePayments && (h(ApplePayButton, { key: 'de6b26f5c47b2cbe0357937a2217ba21ad4c8049', buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick }))), h("style", { key: '9717f4cbfc2dd84b50894856a970749882d9c84f' }, `
+            this.canMakePayments && (h(ApplePayButton, { key: '2e7c23547883e165edea0ffb776e49007b8d82a1', buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick }))), h("style", { key: '99c32299d475bcbb8a093505c9254de4ab87145f' }, `
             .apple-pay-container {
               width: 100%;
             }

package/dist/collection/components/modular-checkout/sub-components/bank-account.js

@@ -40,10 +40,10 @@ export class BankAccountForm {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(StyledHost, { key: '1cf811a60b481271f29c151aff5ab8c132d65d4b' }, h(BankAccountFormSkeleton, { key: '3b81c1b9456f2be69fb89f0abac6c0bb95d5f2d3', isReady: this.isReady }), h("hidden-input", { key: 'd1d02debee100c4a851f7eb5aa9196587e58e54d' }), h("div", { key: '49ced4f6c7c3b9b42fc2b08fd14161ed9a21fdfa', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: 'ff15c98bae7f78f81f48db8314ceda2902056210' }, h(BankAccountFormSkeleton, { key: 'bd874e12ddec0df3f6e8c73b2ff25fbda7cf626e', isReady: this.isReady }), h("hidden-input", { key: 'a4ead10782d1dabcf7b0c3ca6d67263e134b79b0' }), h("div", { key: '5557ebe982d2fe51a03a6d124e22045dbe94f3f1', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '5d44c0b231532e4b98ff6a777db820c41ce5ce0b', class: "row mb-3" }, h("iframe-input", { key: '1628067e98f44f9e7e0f404b1df9e61d756e9d50', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '513aa503c8df3f79d340bf9f4bec9cdee2679a69', class: "row" }, h("iframe-input", { key: 'fdbaf1f56b3d0fbc5d1395293240f3b27c134bdd', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+            } }, h("div", { key: 'e2ffdae6b516fb62642f274b995a5670a0c3ea7a', class: "row mb-3" }, h("iframe-input", { key: 'e189e5d5589d542db0aaf3c628a16760888d83ba', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: 'ad2617da7b2d199aedaf1e51709817b9c172542d', class: "row" }, h("iframe-input", { key: 'd1ec652e802e083580ff033c365ffe2e7d6ffdd1', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
     }
     static get is() { return "justifi-bank-account-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modular-checkout/sub-components/billing-information-form.js

@@ -40,7 +40,7 @@ export class BillingInformationForm {
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(StyledHost, { key: 'abaa29c5d463c95801ebeadb254a2b87fe116dd0' }, h("div", { key: 'f3327594ec80d1365e23cebc523d18581093ed70', part: billingForm }, h("form", { key: '2aa614c338af201f648cb03f7865238bb82aa2e4' }, h("fieldset", { key: 'a00e9457818d996eee924e996464146a741a5468' }, h("div", { key: 'a7d18b979c2505ea8e0ba8b8427f0191060da3c0', class: "row gy-3" }, h("div", { key: 'a3ee71f96aafa50cf65e54a1e259d59b44de7494', class: "col-12" }, h("form-control-text", { key: 'd9bd8c2db3ed0b7d6062a8ca454f1c33caf84471', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '539f0e9ec635487c6118ec40b1bcf683efa5b64d', class: "col-12" }, h("form-control-text", { key: '10ae18b859dffb202ba014fb303917c58b95953b', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { key: 'bc6aba1d85cef27587e07bcf15073c766936ca8f', class: "col-12" }, h("form-control-text", { key: '073673edb594797a2158a1d5b04022b407b9ed0c', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { key: '50062f42ee4da8238ffcc42b2f6850bbad309ffd', class: "col-12" }, h("form-control-text", { key: '4bf1c47edb3faca18aec278bef52d078d59f60ed', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { key: 'd2b8c326762474d38b5271f89d682be763fb0f44', class: "col-12" }, h("form-control-select", { key: '506286fed3c031d72cae737c4631ec4f91428ceb', name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { key: 'f70fd74b32594b43a524cb305c79854bcb5ea2ba', class: "col-12" }, h("form-control-text", { key: '8f24531c98865727c2b585feef088f9f2c9c7e96', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))))))));
+        return (h(StyledHost, { key: 'a6ce1995bc8f0bc79b52c692d71bde1235d90622' }, h("div", { key: '5ce8118beaf6cfc090c3b6858fb2888741aa7e53', part: billingForm }, h("form", { key: '15a9035e31659a0ce08d675d1868afea612811d5' }, h("fieldset", { key: '9c57ae450cc38e0fe50a6e0d2949b18d945ace1c' }, h("div", { key: '0f6dfd8c20b64e60f22fed232ab56cc0d2509b82', class: "row gy-3" }, h("div", { key: '40024642467bd869d4e1b926e6dde10a4f200f8b', class: "col-12" }, h("form-control-text", { key: 'ead74011aa5097a6c3ae9634a149ded0399729ef', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'c31e9d4cf5285a0113f4d931035534949709a1ca', class: "col-12" }, h("form-control-text", { key: '1cef8e3f7fd41d46046a214b1d442923074f7a41', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { key: '9d6dd8dd7894866ecbffeb7dfb347e0ea4099946', class: "col-12" }, h("form-control-text", { key: 'a65736751e7d8a6470c3eb2d04cf4ff173e660b6', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { key: '1c0ba7f2720bc71434b69cb285ddf6214932d063', class: "col-12" }, h("form-control-text", { key: 'de507ce3010e4cb09d3b659823b097fd9c9d9d63', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { key: '31421327f01601abe6aaaae8ac2391afcdc485d9', class: "col-12" }, h("form-control-select", { key: '30be012a7b96e75b57808922bc689f31a056e8d7', name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { key: 'f24ba6174800f8f57a02a295e71fb0b018249634', class: "col-12" }, h("form-control-text", { key: 'cf69224b9af53ad11971ccea42756dbacebb104d', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))))))));
     }
     static get is() { return "justifi-billing-information-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modular-checkout/sub-components/card-form.js

@@ -44,10 +44,10 @@ export class JustifiCardForm {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(StyledHost, { key: '7cb0c0a08ef0572fa1604e17edbf19478ea3f36b' }, h(CardFormSkeleton, { key: '5314b766fd972e03dbb7632776c97617132a861d', isReady: this.isReady }), h("hidden-input", { key: '479b8a68d10eb9e7e0358e165345020290ed6690' }), h("div", { key: 'a71bc32cfbef8b37d47c56662094dc6e292ff1f3', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: '3ea6e5a7cb667a94d71686a202d232f6360d25d8' }, h(CardFormSkeleton, { key: '3bd2aba27d83ce47cb147bcaae13232e554d7f56', isReady: this.isReady }), h("hidden-input", { key: 'e144b2394bfe0a9639dd512f25f83ab115c6916a' }), h("div", { key: '86e718f1e8dbfb9341dc62c82db7c043dbf444fb', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '64c8b172e9786cf1cdefaea11bcb27d665015ecf', class: "mb-3" }, h("iframe-input", { key: 'c31ef9a392acbe9b2aabcacb0a37d4999853bbfc', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '7c60c66b4212423fa08a902c6550c2ca757198b8', class: "row" }, h("div", { key: '712d7b397299596d4b9dfd91ebdce84e028ec925', class: "col-4 align-content-end" }, h("iframe-input", { key: '2caf6a11018a30dbac0b973387e23fd0d00f96bd', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '41122ae04a8b6c568157213874df4a7d483cba41', class: "col-4 align-content-end" }, h("iframe-input", { key: 'abd6e99b75446663e428094dd3588e02f849fb85', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: 'c974afa273e7f150cb365704401e49408074faac', class: "col-4 align-content-end" }, h("iframe-input", { key: 'c3998a85c9043a08d60b667c86e20bee5e5f007c', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, h("div", { key: '8a7d518ef2a91663fb951f625c6e3113991a752a', class: "mb-3" }, h("iframe-input", { key: '89d2c67e1b03658e43395ba224341c889391eecc', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: 'ae5920f94fddaaa2bf068a44d33ec693087a4ff6', class: "row" }, h("div", { key: 'a4ab2b40162cbc9d5b6b353fdf92699d2a7d1297', class: "col-4 align-content-end" }, h("iframe-input", { key: 'd7dc593be2fe53910c7c34c389bab9eb32158482', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: 'ebef3068915a5ec98513594670306a90a40353c4', class: "col-4 align-content-end" }, h("iframe-input", { key: '8bc26264bab83aaef4a8962ae7a4769deed6ec28', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: 'bcd782486a95fc0fb8ff197bb5f62ba6051f1a42', class: "col-4 align-content-end" }, h("iframe-input", { key: '792afe884631622898079e54264dfed3541bf5cb', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
     }
     static get is() { return "justifi-card-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modular-checkout/sub-components/payment-method-option.js

@@ -3,7 +3,7 @@ import { radioListItem } from "../../../styles/parts";
 import { StyledHost } from "../../../ui-components";
 export class PaymentMethodOption {
     render() {
-        return (h(StyledHost, { key: 'e9069cbe6668585daa972c3d226ef2a901a0b003', class: "payment-method" }, h("div", { key: '9ec14865488d43f8007c481a8ba030b5415abf96', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: '146ee9bc2cfc57192db519643f18ed672ac12e77', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
+        return (h(StyledHost, { key: '13d81bf8c38b3f59567a8f3414d3ba77c2f4730c', class: "payment-method" }, h("div", { key: 'd4636ac2cc75bc6f1688aa5aabb64c427c14634e', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: '2e086a0fd3494695c6cc0d95399a4d6fc8805069', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
     }
     static get is() { return "payment-method-option"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modular-checkout/sub-components/postal-code-form.js

@@ -41,7 +41,7 @@ export class PostalCodeForm {
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(StyledHost, { key: 'be5335622cb907795f13522a0b12e70e9854b2b6' }, h("form", { key: '9fd26fb2568030bf000d5501e5063b79a98ab02e' }, h("form-control-text", { key: 'aed14596c15442d99705dd75f5349186b60a8a89', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))));
+        return (h(StyledHost, { key: '5ad010bc8968661c250eb3b029e93026cc6545e7' }, h("form", { key: 'cbe9d05605241f7c2c8d48b7e12bbaa3f83b3724' }, h("form-control-text", { key: 'bfe2ffa8ec34b564127426b220d64fce0809361c', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))));
     }
     static get is() { return "justifi-postal-code-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modular-checkout/sub-components/summary.js

@@ -5,7 +5,7 @@ import { checkoutStore } from "../../../store/checkout.store";
 import { StyledHost } from "../../../ui-components";
 export class Summary {
     render() {
-        return (h(StyledHost, { key: 'dbe9b02315fe34f0765b04d1f56758eeafbec247' }, h("section", { key: '8d55dbe1ed13f4d565eac71600dc53c4d29f9d2f' }, h("div", { key: 'd3b27f48a23b448680abae596531905ea198b4b0' }, h("div", { key: '1df204481e044414825de33640d3b13e73bd44a2', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '7734088f6171a77e56cbf3434de7a892949812d4' }, h("span", { key: 'ed855b2d6f02d316dcdc5e8c6d3309b4919c560e', part: text }, "Total"), "\u00A0", h("span", { key: 'c352cf6089c2c4d8b2fc57776acd45991880fe3f', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
+        return (h(StyledHost, { key: 'd7aeca995c6793b5b2c12a85eb7c6ce01ab8d025' }, h("section", { key: '962bdd1ce83c5464465c41d5b5655b7c1922208e' }, h("div", { key: 'f8ecf321efae1bfb53cd88c3b32a7b51d0e9bc6a' }, h("div", { key: '630c741b4b931e61cad0823eba96f63c7cbdb2e0', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '15be11ce16201a7e3659a01783d9d9b8d5cd5f2b' }, h("span", { key: '36e21c27b534551bad9570ccf9628be36ddae05b', part: text }, "Total"), "\u00A0", h("span", { key: 'd270040198a56e22f8e14e302166a6235e190c99', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
     }
     static get is() { return "justifi-checkout-summary"; }
     static get encapsulation() { return "shadow"; }

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

@@ -126,7 +126,7 @@ export class OrderTerminals {
         return (h("div", { class: "mt-3" }, h("div", { class: "text-end" }, "Order limit: ", this.orderLimit), h("div", { class: "d-flex justify-content-end mt-3" }, h("button", { class: "btn btn-primary submit-btn", onClick: this.submitOrder.bind(this), disabled: this.order.totalQuantity === 0 || this.submitting, part: buttonPrimary }, this.submitting ? 'Submitting...' : this.submitButtonText))));
     }
     render() {
-        return (h(StyledHost, { key: '0fcd2ba507d4d8cf04b0cc811416a3a374e36fb6' }, h("div", { key: 'f4b87bbf9d14bafcf817d9686173d2edbb6b8dcb', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: '3c9d82edf60cb15cae0ca399dc72b108eb645da1' }, h("div", { key: 'cb70067e7bf65760fbe1f3b6c86b705d4f1bb602', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
     static get is() { return "justifi-order-terminals"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/order-terminals/terminal-quantity-selector/terminal-quantity-selector.js

@@ -18,7 +18,7 @@ export class TerminalQuantitySelector {
         };
     }
     render() {
-        return (h("div", { key: '0568bda961872301797c947e86a4106519a7fe32', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: 'f3c3be173db717a3577686cb86e9a3e1d3a4de19', class: "d-flex gap-3" }, h("div", { key: '534ffa637b49c8d73b04a170a6b9774dba26fac6', class: "d-flex align-items-center" }, h("img", { key: '932c992185e069a5210d4d55de6d00414237b421', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '8c0efe9b699a668846b04849addca33cc7476ddc', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '305575c946f9e28b94feb11cf59f05b0c3557381', class: "row" }, h("div", { key: '0be1ea6130b83237cc47d5096dc424d19deab3f1', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '5ea2a3d9ee8d8530c1db0a632fb466be8db9b556', helpText: this.description })), h("div", { key: '3166e8db3f7f45fa0dff75dfc723c491ee34f7fa', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: 'def84f62280fa5d53d237f6216123061fb83f84f', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '231abff1c9022b4ecdbc48ad95686ad08cd5d2d2', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: 'cfd28324eac0fbded56143a755b44e87c41b3698', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
+        return (h("div", { key: '3ef202c35eac898c5a4df9fdfb81b28ae422cefa', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: 'bb67919a4612520dce0d91abde40ebf9947ecf69', class: "d-flex gap-3" }, h("div", { key: '4a59cc033bf0c36807a6b695ec9c7e078a1a21d1', class: "d-flex align-items-center" }, h("img", { key: '8015cad72024bfe6796ddd77611d60039dc08109', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '01d269045e68f201fc8325722d6d076c0116988b', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '82a3c5931407f085c2070589b739ac657cdc9b6a', class: "row" }, h("div", { key: '7a20199e0801e7ea0cba49769ed6c045cb33ec3b', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: 'cfa398975f96fb5795a4e29f7501401e08442ff4', helpText: this.description })), h("div", { key: '7491e3ff0d55227b60cfac370068e0eec5c22be2', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '20b06222570ffc1644865ee1a42e6e5a6bd0ce93', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '046cb079ef65d61fd5c1071e914170de219f0d5f', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '387dc09baffa5004a8ff8752b11f5c7623bfe648', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
     }
     static get is() { return "terminal-quantity-selector"; }
     static get properties() {

package/dist/collection/components/payment-details/payment-details-core.js

@@ -38,16 +38,16 @@ export class PaymentDetailsCore {
         });
     }
     render() {
-        return (h(StyledHost, { key: '15d28545ce01e6d248080ac81616052603ee2663' }, this.loading && h(PaymentDetailsLoading, { key: '522bc9f3e619d6bfc78a734fddbef3986ac4bba5' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: '8c2c9c6c17c9377216babb31e7453c305249bed8', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'ff35f8c529a87bc11c5312f4acb2fb9785a6f9a5', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.payment.status), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '00aabc68185dd446686303a8728ae5a3ab2b99a2', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '479505d76f7691b39aa9ba27d238f7d58e455c63', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '30e3a2d22d33ecd2ca058d060571cfdc3e98b58e', title: "ID", value: this.payment.id })), h("div", { key: 'f9b40c0be16386a79c116a8f47d1d75b6bbe4a3f', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '7273cf62d01b41506d8b302fca7ebefa8c3d679c', sectionTitle: "Details" }), h("div", { key: '702266d3a89f08f8df06ef63ab9e6b1f2b66921f', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'c88bdfbf0c1c4f82e5704bc7476f4f0012d2fb0e', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '4f0d3d5e4d2d6fb55b2f399e473926e9d2d7e5e6', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '84eea3ed5506d2c18c6e6ad2c490137ac4712744', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '0fc8f662cef10099fe1c33713c1ddf4eab88721a', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '75d1a5b56103af39dd690a65eefe6c80effabb5b', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: '7c0c0cefd23c4a33f42623cd1a899fb0f7348ccf', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '4e5787b7b282e990df10ed2dff40444e7dda6e6b', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '3577061d072a83c131463c1a2a91e0ee97652c0d', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '14d30fab14b253cd76cf9167eae54da54142a57a', title: "Description", value: this.payment.description }), h(DetailItem, { key: 'e8a27a88fbb050ecc58d9353a463818735649b99', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: '5513a52e1882d2646cbe485f1e60957055e0d725', sectionTitle: "Payment Method" }),
-            h("div", { key: 'b5f426200d5b30f70a3c101c1b743a3566317752', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '7a2e5e2b88bea10653e84250624b8f0118a2415d', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'a2764eb2492f7b064cffb78c2aa17d80b3aa8c9a', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '7f12a14726ac38f62cd987b9b3c5744feb816f99', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '4835d5c6da77e2a642700435e4d57c51e911d313', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: 'e1514a312382f004c91f3edcf9a59d52de84a22d', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: '4338e42dfcbf16380a2de314c8a9c89b703be45e' }, this.loading && h(PaymentDetailsLoading, { key: '82204cf03e14dcb49567fb6cc68b6870be01bd03' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: '4e50d16529fde2c1a5b737127a7e47adf6183641', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'b721371c573bf0f437ee60248770c187f3964706', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.payment.status), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '216e66f36d6b1cdaec82bb4bb71aaba3844b0b10', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: 'd3480527a9f462ba9d6518240d132043e4a42b7c', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '3ab5d4882e4c654b74111d47123100a538120769', title: "ID", value: this.payment.id })), h("div", { key: '5a75f3e83c470e1680f88ba60174b8e385ba9244', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '33378dd6f5be68ebbd9d471931de03a13ed58854', sectionTitle: "Details" }), h("div", { key: '8e48bae187f36587b09832e5fc0ba58dc5158a50', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'aff9354c93ef439b436e89dae168744906edc1bb', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '4c369c287dd856197a829ed883a52fb5147cf8ab', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '0382e25ed55c32d55698bbc69295a4d74ffff1da', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '6efb0780c5e2f96e0cc73099a2f341f31b229f88', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '39fb251b26f2b49199f8b1773dc9ad16b5c6def9', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: '943f86f46c61866cee58eb0aa805272da36f1b22', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: 'b85d389b9f44c70a4d6ced1bb22801ec11d0cffc', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '0d4cf8ae6094262454c9016feb7de73d1e76d56f', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '90fd37e1fd37c072c1fd60f2b776e7589d4f85db', title: "Description", value: this.payment.description }), h(DetailItem, { key: '4bf435ac62d7b8d0d207e349fc5aff6239a7462f', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: '2e64d9c8b859f5dcdbfcf687e6e17bf3b5f89f69', sectionTitle: "Payment Method" }),
+            h("div", { key: '39101177a72ad2f2bbb0dce157dba6fe565a1c55', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'd3f419b55db2ea4ce5e8a6e2570695d2002beba2', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'b15b14a68538396ff6d0eda77470c1d2709d1001', title: "Payment Type", value: "Card" }), h(DetailItem, { key: 'b01f214f3366241a5b9eeecf8fe9536f13170ae9', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: 'a3620d1d48e2cf276749383778a7b16391bd8090', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '2550056c2587c3e6909fe42a23c892329fe076c7', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: 'ea82c243782fadf4761a0573e86a1eaf4744cc64', sectionTitle: "Payment Method" }),
-            h("div", { key: 'e91e4d388bc17d979d4aef18b08d70ed774ee4e2', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '4ca0fc7f422c420f01cf51515425634ec14ea18d', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '972c247458077a37430149af16e20050e76a1b33', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '79aabf3e2f3fd77bbcdf2dbd068b12e50ddb6138', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: 'bf4760e06d00ef0af37909c00e7ceb35b401d88c', title: "Account Owner", value: this.payment.payment_method.payersName }))
+            h(DetailSectionTitle, { key: '5f4f08e97bf5fa40af01e178b8ffb0d2378940a0', sectionTitle: "Payment Method" }),
+            h("div", { key: '1ea2b719d937c8f1e4e78a6cdd2299145ca22e96', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '43704124e46819028dbc2e5cc40c9f0f08fc99f5', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '081b84120c383ce0d9c30e50ff1dbeda21d826a4', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: 'c18e75ab3a88ddf1e267ded7d3743c3e3b8ee512', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '441c1e5f2b945a31e5ffc56392a994414c97d720', title: "Account Owner", value: this.payment.payment_method.payersName }))
         ], this.payment.metadata && [
-            h(DetailSectionTitle, { key: '8a7e404c76142e20a558e76866a6f10db5c9f3fd', sectionTitle: 'Metadata' }),
-            h("div", { key: 'd38c9480f08fbdd83ffeacb28bc133deb0c03fe3', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '01e40bc5434352efeb7b26142e4a0ec58b5bd89a', metadata: this.payment.metadata }))
+            h(DetailSectionTitle, { key: '46fa6de75f55f563066a16dea4cadd6f7c03385a', sectionTitle: 'Metadata' }),
+            h("div", { key: '8b2958f2f348bfa5a94f51221bec8b6c2b2a0309', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '671bc289b2ec8d573f3493f5e6ec56e0c7e5ab78', metadata: this.payment.metadata }))
         ])))));
     }
     static get is() { return "payment-details-core"; }

package/dist/collection/components/payment-transactions-list/payment-transactions-list.js

@@ -91,7 +91,7 @@ export class PaymentTransactionsList {
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        return (h(StyledHost, { key: '38a9a8793dfb5580233d5e3b29898aa2535e2b25' }, h(TableWrapper, { key: 'aa1f76189350b113ef5a2ca45b59b8f3ce72ea6a' }, h(TableComponent, { key: '7013771ed2427d3328b30994bbf0dd1d06504f32' }, h(TableHead, { key: '4435db354f8d287cef3a309b162497b7fec91ca2' }, h(TableHeadRow, { key: '1ffe66828969cff384feec3cee351a9c67ecec5d' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '3881b1305dbb43eb77f32b089c648c69b3e652cc' }, h(TableLoadingState, { key: '7c34d637cbbe65a1b1436adc2aadaa4145b9eafd', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '9a4a37fc8d014d4f396b1d26cf08e081288f4c24', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'f1b3be8f21405aac5c51eaf4616d9fc4eea777db', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.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: 'a2ff725750e813a092e2e847af44182f0a8d86e3' }, h(TableFootRow, { key: 'f1596791c4016d9a754d4ed29b48630220eda4c4' }, h(TableFootCell, { key: 'f07b1a3a4c926c6317113d31a6a10481c5c81416', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '3c8e84570bca8f9169c30b6aa2c68ad335c7b93a', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '361096cb55ce8d0b669eb8185d5d29ede0987cc7' }, h(TableWrapper, { key: '7980a1003108ba8194822e5094a9b8bb85d6c758' }, h(TableComponent, { key: '3fdaea0631b7aceefe24bb85c7fecee9ef5b06d6' }, h(TableHead, { key: '7a92bbf526a2a30dd48137427e03caa9c75d07d5' }, h(TableHeadRow, { key: '1828192c594aad3554d15288b2769088fe1321cb' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'f2c63fb18e6e889013c67fd0b8dc39bac8dd06dc' }, h(TableLoadingState, { key: '9a2ac964da5b7c159fd08264e33a87d5df96e1e5', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '35c8474655e1ebd34c64e8aa6e71cb070710f3b4', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '2c87781e8791fd19de1cacdbba553f6f98d007f5', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.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: 'ff33a6fa5fb2ed9df9c9ff223e8a0f3d0b30bff5' }, h(TableFootRow, { key: '66e73eae038757d1c99b1fa33624c58745e8c995' }, h(TableFootCell, { key: '4929f3a3c1ee06a1d09d0a12b5a2059c58780032', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '38a84d08bac6ac8a3dbdcae3c97d6416de7d780f', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get is() { return "justifi-payment-transactions-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -83,7 +83,7 @@ export class PaymentsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '39e6d19ecc20dc1b73a61df421660831cc52b404' }, h(TableComponent, { key: '3b1d480d2894052b283758fa98e47074add5f5e5' }, h(TableHead, { key: 'c7e85267ac2340750e53aeaa21374cd330ce63e4' }, h(TableHeadRow, { key: '88719513e265a1a2ceec0012660dc776ae9d8073' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: 'fd45fb6fcfa0916d8527f3901ee9a4a237b6fb7c' }, h(TableLoadingState, { key: '7859ab324790a44bd1c1ef372c1268f418f99ff2', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '0dfa69ee202a76f7bfd5f72a8df9e083fca00782', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '10c2579392f78c654f2d18c443f4e93e693f425c', 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: 'd4f80eb087f9e412d445d0db3af682f25e780c77' }, h(TableFootRow, { key: '19e415c9ff69d594154cf0d99b31edd55e138e2b' }, h(TableFootCell, { key: 'a3a5432a9d0c55417dc8da22947bb197e3728970', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '0678623b92fb8f24ddac4e845f9c8a099066189e', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '9a5144888231f230d551afea7395e347331ba942' }, h(TableComponent, { key: '3065650893f4487ae32e2ad651606f1963496ff2' }, h(TableHead, { key: '88845d2c6c30b7ebef13a626a9044287a0fcd4ee' }, h(TableHeadRow, { key: 'e8d9fa7a2e2c5e2588839bc50450ced8f4f1d168' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: '8c393153e99cdc75bd5792f42f76a79f550537b0' }, h(TableLoadingState, { key: '1c9cc2ee720008b93df63f9bcd7ee7bf39d8e74b', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '591446e83f57f225aa3aa1f0e39d9f25262bd90f', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '09c04607759c232a47aeb2a1fa22fdbc47403e83', 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: 'ad1bdfe86e9f56058a876bd6b8fc8785b66affff' }, h(TableFootRow, { key: '5db3a0a74b5d3359ed03c3180e42c05370623e63' }, h(TableFootCell, { key: '290aae3c0288144af667859049261da5c85d438b', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '511844516f09e85823c1d46c52dff73aa8f7b6a3', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "payments-list-core"; }
     static get properties() {

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

@@ -43,8 +43,8 @@ export class PaymentsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '2e14a927c0c9c3aded0a4e022b2ba0901c22b60d' }, h("table-filters-menu", { key: '2877a1bfc7d97bb772f9f2e4f96401d5f9ae3549', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: '395dea18a7fb00cf72c52c415fc2c19e5ffef8ce', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'dffaa601a8cfacbdb7e072bc46a5b69c0e11e226', class: "p-2" }, h("form-control-text", { key: 'e736ac54508cc433a00a6db889ce463dfd4e79fc', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '01161bc13f51ab74f82bea78112339613ae053e4', class: "p-2" }, h("form-control-text", { key: 'c8872b95f3ae72bbe9482e309f57d95cf020c1ca', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '212159e97b28b6f72f3364ba4fbe2dc9ad9c56f9', class: "p-2" }, h("form-control-select", { key: '270ac49fde292ddaf8f8f79af576ddbb0aecb0df', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status, disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: '94cd71b1c0398c6f6863cc289558e95fab6961ff', class: "p-2" }, h("form-control-date", { key: '0c46f8c4d0122b4167de01c38c60a230907a9d8e', 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: createdAfterPaymentsListFilterParam })), h("div", { key: '5a2e47751a575091a7b22222a0b5c6058d256076', class: "p-2" }, h("form-control-date", { key: '0e571f60584f6ebf3f82b5494f961c65d202768a', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: '8aba022fe4424789146723f919f5199c36a7c097' }, h("table-filters-menu", { key: '38d8465fc57343caa10693e8cabdb82454d61a5e', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: '450d7b50e8b6d566539e2556a68a2902eb7602d2', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'd371788631aaac9197d3ae3b1178948c91c6e5c1', class: "p-2" }, h("form-control-text", { key: '9c72f274a1993bd35364401484b83e026e7a1e28', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '8172fb6ed0b92e6f9bbfa7c318d5ca4bd987ecac', class: "p-2" }, h("form-control-text", { key: 'b9ed00d0cfe7c5580515fd8da24c51676d5e30a8', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: 'ab8aa770e553e83ccecb2c29be2546e98b10aa25', class: "p-2" }, h("form-control-select", { key: 'b6c7af7c4b1a62c7a40cefd4df75093863f66bf8', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status, disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: 'b0ca780bae36a8a5aa11eb96e49d17326d4d575b', class: "p-2" }, h("form-control-date", { key: 'df0aacad0d323cb67bc2521bd5d581632059341c', 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: createdAfterPaymentsListFilterParam })), h("div", { key: 'c68669b6466711c96e2ead262506204884d38e55', class: "p-2" }, h("form-control-date", { key: '9fe44d67c5079b271d1de78ec5b097897f562bd4', 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: createdBeforePaymentsListFilterParam }))))));
     }
     static get is() { return "justifi-payments-list-filters"; }

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

@@ -46,7 +46,7 @@ export class PaymentsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '346d4f307320d44c5103a3d259bef61e08b4779b' }, h("payments-list-core", { key: '9e5283017a8d56fd274754b81942e293686d874b', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'a843084c5ce8fffa072095a61aa462ca11029850' }, h("payments-list-core", { key: 'a6c38665c7a07da34549114ab1b164a4d48eb59a', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-payments-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/payout-details/payout-details-core.js

@@ -52,9 +52,9 @@ export class PayoutDetailsCore {
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: '306014b2c3c942605a5f1cf9be9f3a286b6162be' }, this.loading && h(PayoutDetailsLoading, { key: '08bf26999178cfc9636eb8e368c280d0e4978955' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'd4621bb4f5000465a77dcce1d2cbac63e6ebc0cd', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'b514c64dae666d1a8e798c7f9a63ec82122b2e96', 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: '58e917a67bfd4fd9c92e93a5fbecf5daaf66c9f2', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: 'cc12b930220f8364e7506f4bd7fb6a0ef9d2a955', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '798289307649cefdaada2e19882d9c090e9281c3', title: "ID", value: this.payout.id }), h("div", { key: '6eae3ffe5896f96754ad98dcf01b492e4ed5dc8e', class: "m-4" }, h(Button, { key: 'b336fef8948df6fc28910a4e09c0773127bfbbc0', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '086f10377bcb5d88b864ce296fe86a076bceb845', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '9f2c10dede55c22d04bbe609b320ea4872c579ec', sectionTitle: "Details" }), h("div", { key: '889bcf99ddf7f9ff0393160e9ec861afb18ac48e', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'a5c1d143058a6b6966fdf449c9772915fb12c4ba', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '25b31031ce780389791a34d5420d99883b3ff17c', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'b3f4590115cc4face1fb52e6bb94370a2d925c88', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: 'fde6faaf672a61553f26c68805dce82494595c48', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '7b31b73cc7a0928ecc016c28af3825b7f688dbc1', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '493189833a52093ba3840e99105ead9cf77ce0ed', sectionTitle: "Account" }), h("div", { key: '3a4bcfe998ad9c4a3a495694100b3e2f9c1cdd0f', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '2c79c7f834f8a4498b588b56eeb4e69072c9c967', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: '59e27655a40fb9090ffef7c22dcb372485a71480', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'c61c0957f84dc978e952924510ce95db82bbfeab', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '1843437e74de58f4dedd9288fd860d29caed37cc', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '5cda36b2aaf01bd93127d74e5a319cf0503288ba', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
-            h(DetailSectionTitle, { key: '9945aed97c73ff1f2e9b26f9498eb197c7cbc2c0', sectionTitle: 'Metadata' }),
-            h("div", { key: '42ee9eb5a0941cc3e635154b40fa8bf7f9a6eaa7', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'bb8e673153af8ebeee8a89d1b2a132d9229ca152', metadata: this.payout.metadata }))
+        return (h(StyledHost, { key: 'f2e62decda12ccb5a81b98522ce7b567055ba2e7' }, this.loading && h(PayoutDetailsLoading, { key: '565b3d560e7d08c083c1304a91acc247ca0d3ab6' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '128283a1b588d080a714ffce407aa259f6a49a13', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '912a9fe1e04543306e1956305c0e7bcf42e4e7f0', 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: '02af0ad3fec493224a016dcfb3e4a0650956efc9', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '6de8a05995fdd19abc8d974cb2cef8ac6b7aa8c1', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '5523501f19646e8cfed3dc9abe12cbbba9ee9299', title: "ID", value: this.payout.id }), h("div", { key: '29206ce4d15a105dad4f033d484c755ad1296609', class: "m-4" }, h(Button, { key: '14237cf7f8b767b9dbf3850dc9e7504d9fc6fb17', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '3d6a21530c49af49069ecab49ce2052b11a6c1ab', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '1b31ef957c70e29d7cdea6b2b92f246649df03f2', sectionTitle: "Details" }), h("div", { key: '4ff391bd564e843dc40f560c39368545c881c6d8', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '438f715cc5a289970ab368244097f13d498b0511', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '0b65234526127fddb4243acb20a45d7ceacc5201', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '7cbfad705a6b9018455d7c057c98ac01dba1a130', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: '39f053361e28d235d42b2c43422dd4136f608d0b', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '4068f10731040596c941ed513f361492ffb8cd46', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '421827d798d72320089ce93c7c782ef0e43faf77', sectionTitle: "Account" }), h("div", { key: 'e60b895bde0a2dbfc99daf3811337d98e0a0042b', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'ec885b1806af82f45444ffcf24afacb6812c4ace', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: '90f5499eca649a2ebb8a6a988ca9ada61bacc9ff', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '4d07f2ed084eabc2903bcc9a35ceae0ea6ea3833', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '26a8f03032441d445415cc3db75c12015220ff32', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: 'ba4cc41095ee5afedbfd351d72016b3e17297647', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
+            h(DetailSectionTitle, { key: '094777aac3ff8aa7a5c7a98f5470564955e4ccb7', sectionTitle: 'Metadata' }),
+            h("div", { key: '977175f6c6fa6920f27c101a9f39ecba762796fc', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '0a5096720505436e4048574fe62c6acd0543667d', metadata: this.payout.metadata }))
         ])))));
     }
     static get is() { return "payout-details-core"; }

package/dist/collection/components/payout-transactions-list/payout-transactions-list.js

@@ -95,7 +95,7 @@ export class PayoutTransactionsList {
         return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
     }
     render() {
-        return (h(StyledHost, { key: '3cd7ace37599772de8eff537c9e3f55f47806438' }, h(TableWrapper, { key: 'dc452066ad9ea340928eb46cf066b14879b03da3' }, h(TableComponent, { key: 'b9432f88ea632667ef4c5dab5d7fb9c93ef216d9' }, h(TableHead, { key: 'e3ec6220544923b0da36962175a83ebcbc4f5ec0' }, h(TableHeadRow, { key: 'ba1337dfd25e72cfea80742be409ea2120c1fd90' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'abae90255e377f9a5714412ea63a0531bbbadd15' }, h(TableLoadingState, { key: 'aa83ef0f731bb3f256429a2861db65e8b928505a', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '5d56c98acabd29e81d921d48178c4fab57fd0b31', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'd7c517f477071c51026650cd4a58357f10047b97', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.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: '355844893dd1263d483a6f55749435b949856ca6' }, h(TableFootRow, { key: '6d383897a69110e66a1478609538f975f1a8694b' }, h(TableFootCell, { key: '72ef4e146147b7f8ad6902ce0380d7cf1d200764', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '500f5a0aa17c25d0085a9d2f3c9ce80488924880', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: 'dea4847a741c529cdcc3fd7ea9601a2e18a4eb2c' }, h(TableWrapper, { key: '5f64785e0e90934f303a870ad926de7c6a4c274c' }, h(TableComponent, { key: '6cfeec59129cfe23bbc0f383487de9a46ea4b745' }, h(TableHead, { key: 'ba018e95819dcb822d5785e55bc746fc4c38944b' }, h(TableHeadRow, { key: '25148be0fdd114ab0c316be5bcf831a9c2772a0e' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '9bab9f321e57c277d28da1ec5eca2d54a9d8b3a4' }, h(TableLoadingState, { key: '17daf6218d2e62a1b9474239ec318382c7e35d20', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'c74a7f402a0461a409aa21db8b8ea0f1a56ab297', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'bfc19bdfee30c81caf0ad6438a355a419a6bfdc5', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.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: '264872eb46643bd40c521669e00f0359598aff4c' }, h(TableFootRow, { key: 'cfadcb898d61410c1db6b87030d6d33af902d3a5' }, h(TableFootCell, { key: 'e648e056899773f3c4e34c116f7ce52af43766cf', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '2c372de8364ca61ec54f1aee2ce9db248fda469e', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get is() { return "justifi-payout-transactions-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -135,7 +135,7 @@ export class PayoutsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '8778964432cbf71e780a4328a9a8e653aae44dbb' }, h(TableComponent, { key: '5c047eb4ea8aa3ae00ff6d98cdb07450ceba2cb7' }, h(TableHead, { key: 'cb3569dbecbbf9005cb6523a523ea5b2ccc470d4' }, h(TableHeadRow, { key: '421d4ea37a8a524c361a1e5f83e0aa83b9a72da9' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'f777aaf98c0028a67ff922f243613639db450555' }, h(TableLoadingState, { key: '7ea06d8bf343c3b313e28925edc4356ff228a170', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '33310d31d27d7f0965aa608cf001feb81051de77', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '3a62c9520376a641b765fbd66e563f3d48b8384a', 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: '52d120c4df6bf686e150a50629904118a64dd413' }, h(TableFootRow, { key: '699759d97a5414c31471ca5456d566767a92d5d2' }, h(TableFootCell, { key: 'dd3d077a2538331d5c593418550a06859949d576', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: 'ca13818ee80c3d2ff4a79fc7a00ddd0c46be147b', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '052c386c2877cb7eedfae3778a5fb7677ca264d1' }, h(TableComponent, { key: '75376fd5fe441f4d882f77a76e0cb6da2b318bef' }, h(TableHead, { key: '05a833adc05c5454e124770953e9cea367e4ea1b' }, h(TableHeadRow, { key: '85a3f9d8b5f25f871d0a277e4f2081f2738c34be' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: '5d4d928ddb8a2a4c627d4dcd93ccdd3fed500ba7' }, h(TableLoadingState, { key: 'd17593d33c3bde2f4345b0252e05f24ff6087bd1', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '41d7aca91498a24ca34f81970cb047463184d46d', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '4c728f89242ed48c162e6cfa2b358f495ceafb05', 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: '4dab9a2e96f8aec46c43a0b6aa82a6c76ac85380' }, h(TableFootRow, { key: '9d2369c9b478b7b699af3df5a456517158e85a5f' }, h(TableFootCell, { key: 'b112ec393c07605122d52e1f4e1f7e0c194ec4bb', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '807ba2907e74a1c02b83334ccc9d93855d3da5dc', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "payouts-list-core"; }
     static get properties() {

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

@@ -26,8 +26,8 @@ export class PayoutsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'abc20b6840f9ee264457f70f473e2b87c14578b8' }, h("table-filters-menu", { key: '7de4e0f32a7af6706da94ae6bd9b16e578ed6b30', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: 'fb82ec7eb5848ceb14daf7df7cf22566fbdd6bc3', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'dd709f64b15912b8eb64401459477bd11940254d', class: "p-2" }, h("form-control-date", { key: '72f92aef0c62223965691af31494b801e11f11d6', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDate: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: createdAfterPayoutsListFilterParam })), h("div", { key: '31cf8792d26646e235ed435346fc610dc6586f75', class: "p-2" }, h("form-control-date", { key: '4e61fa954d3613be0a8f73d1f1388cfe2d8850c7', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
+        return (h(StyledHost, { key: '2f75bc63ce4b0fccc0f27620a09a17f06b663384' }, h("table-filters-menu", { key: '39c8c8c520d9e5de9b39a41ab63ed6eaa46ff2cb', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: '120fce1598a76a5b11ec1895b05c9c2fdb4e2bea', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '1236205512e66c3bfa405d86934c7a3fdc2be6ac', class: "p-2" }, h("form-control-date", { key: '28835bdbc3c334723bdccf71f77758091e11b250', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDate: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: createdAfterPayoutsListFilterParam })), h("div", { key: 'd9e401e5d0177fb6d872e2843c814b1192fa828f', class: "p-2" }, h("form-control-date", { key: '945ddcfce20817e649f88df01dfa251565ecea35', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDate: true }), disabled: !!this.createdBefore, part: createdBeforePayoutsListFilterParam }))))));
     }
     static get is() { return "justifi-payouts-list-filters"; }

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

@@ -64,7 +64,7 @@ export class PayoutsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: 'd794ffd782737a60ee1473f9259dc6b482a88ab7' }, h("payouts-list-core", { key: '35a6aab5504fb978b9ecd22c0e805f8e7c806dba', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (h(StyledHost, { key: 'd5ada83a3cbcb7ad077e2d4d2f3674981abbf08e' }, h("payouts-list-core", { key: '1d8b95d0e3f4f853a640d45c2c7aa19e54d747e3', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
     }
     static get is() { return "justifi-payouts-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -81,7 +81,7 @@ export class TerminalOrdersListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '958c71b07fe0199cb4b3abac4c4885fc2cd09c90' }, h(TableComponent, { key: 'e63317adee6fa7d3e30cb3dafe775a8b8aea9117' }, h(TableHead, { key: '5c43b74baa8a562cec64194bbbdd95474a1d7238' }, h(TableHeadRow, { key: '7f155902a890009234488c65cd9b0c1fb0507020' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '31aa8c9a2bf86c38b73b22dc989d87ef182d159e' }, h(TableLoadingState, { key: '989e635ed871044f641f8b4fef6c5ddb19eecbba', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '48450cf046b789bee3dcdcc8e82f8d70aa044d4a', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '060ddf2a48b67d628ec43c624181ef0e356d446e', 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: '68d40850a85b33c7bab96858fd03bf07e901d3b0' }, h(TableFootRow, { key: '2d9b85f78453e2a0518d60e701160fb29bc6225d' }, h(TableFootCell, { key: '864183c1a86608b6b7b19748471f325bd4e13eba', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: 'd9b6187b1ca0d5749710f10865cc376fe08838c2', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '89073c278e92ebfb2b446b25daa9983c7e918846' }, h(TableComponent, { key: '38d37b5c4d44068ef55d4c6668b56e7acaf7c15a' }, h(TableHead, { key: 'ce6d80df8b4d014d1a56cc3c713dd6d0286428f0' }, h(TableHeadRow, { key: '44938cf638188d37a1454735e416e53a55b9e7b2' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '3c2f7cf161d1fce3ce06150a9e8e60abfcdf790d' }, h(TableLoadingState, { key: '8b2ae534bbf9b741f78c8ee3b25435861db43ee3', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '4c8e2113e95ec48968306f97c147a438755b83f7', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: 'c487addde56543cea54105a33d6a3a98aa147800', 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: 'c9f5d01bbcbf487d77250572ea8e9f9e6a807fca' }, h(TableFootRow, { key: '04b7f120f63a6ca24a545135e6ef11ca7fecf005' }, h(TableFootCell, { key: '24d04ef17d7ea151bb8a96ca1399e95923d24056', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: 'fe5c1b4dd83e780f8a84222921f6b1fb8ce0d19a', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "terminal-orders-list-core"; }
     static get properties() {

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: '5d932175571fd96f24067e927fb6729d785e5c52' }, h("table-filters-menu", { key: 'fcb0b6badd3028712725aa45fde2a33bacfc905f', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '246b028709e4197ef45d7ff0576adba6e4d9ef2c', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '9671af4aa1ae6b152c20692c4a6702a71d4e5443', class: "p-2" }, h("form-control-select", { key: '3f6e6f23871bb6b9f7891e728f9f6b39946d599d', 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: '208f4c34252952f6b56110ddb541148893812c20', class: "p-2" }, h("form-control-select", { key: 'ae2e36d2c989401a5571c5d5ef7ff28cd1249573', 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: 'c4732dc13f6e2c312f50f083adb6fe28fc5375e5', class: "p-2" }, h("form-control-date", { key: 'e4c2af029217f4b9529d012ff5857333301b9564', 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: '81235841027ae7cd8afafb857e45e3f9cd409210', class: "p-2" }, h("form-control-date", { key: '4b1e1c8c5be0032148422223126d2b30405cef2f', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: 'fddde3780b0f6ae0c9434400469a0c463fc836e4' }, h("table-filters-menu", { key: 'a60dcba25d7ae81b6122ad720f8ad0b47eae9f07', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: 'bd86c98bd5d76880366d1d39e4dccaa2f8cbf154', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '4dcd20f3b85c162180c69c76b5f565b36c0ba072', class: "p-2" }, h("form-control-select", { key: 'bea55cde4d944beff7a3a2afa5bd9271aa2b237e', 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: 'd0d99398f653b74515276fc4a5e2cebcf4b381d6', class: "p-2" }, h("form-control-select", { key: 'd222c464f6f46659d05487c50acd5c2b0e865446', 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: 'a23ddf0d68b6c382f91fbe052e1a72c65fdc6fba', class: "p-2" }, h("form-control-date", { key: 'd5ae54323ee280f9fba9a6a399202e8b4966c655', 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: '8ff4ac479b625092fa10bdf13426dde6d44a0a62', class: "p-2" }, h("form-control-date", { key: 'ee4cd989f929b0ad6596001485a56ed1823f37cd', 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: '2c853865fea3d5d1cbb531474e6caefdeb26bf75' }, h("terminal-orders-list-core", { key: '15591658366c6e127bb449c261dd980406025203', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '7b624a01fffa53e736b34edb46426e3b068059f6' }, h("terminal-orders-list-core", { key: '586899f09d9ac45d97e6e1a1f8211bd480ecc4c4', 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: 'a92a8db8a9ee354273e0afbc96bdeb69882ea7a0' }, h(TableComponent, { key: '53756d56ef777433e4db2f0b0ec81731d75dad6e' }, h(TableHead, { key: 'a2c7269bef2a8b3b8954c017a6f97446e592898e' }, h(TableHeadRow, { key: 'af357cd4a02a4f742b3ba1c153c8ac65f148f3b3' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: 'da566f3a51ea4926bf5161e2cf4f94ebd2febb13' }, h(TableLoadingState, { key: '1e93e90252437a7d15dde1100e2fae14b80aaf28', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'dfcd9daacdf31995c27984aae4a9eb5b0c9bb134', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '7bc1b73d6f5065be926537a22684a15fe4816234', 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: '6c1352d65bd607db9d743ba15ab6e495d43aade3' }, h(TableFootRow, { key: '0a29d45ba98ef214923b7162a1da63be72feef79' }, h(TableFootCell, { key: '0cae0b8ba677e8ae405e64e33c9d22a901d47726', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '73623be90a85e75c3949c6482aec53f4766bc272', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '6751b731f5547643780c3d57318474aee84b248b' }, h(TableComponent, { key: '36d14a0aacdfa627582289a6b775293f0efe2229' }, h(TableHead, { key: '756ab46cea2b9721e96701e1367eab4e1489c0fe' }, h(TableHeadRow, { key: '9535bf0a3f32e54d315b56966f14e2a915411fc6' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '66bd7f68e658310cb670642af1612cf4d963817d' }, h(TableLoadingState, { key: '56aebdbbe34742ee01f9f952d8d0344fb59435d2', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'cb143316e6969538d84f5ce72990c2d8c48f730e', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '2a960216d364507487032a83ed3e6988b7794aac', 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: '3099c45771b4cd72fe284d4414713d551274bae0' }, h(TableFootRow, { key: '4060eb5ac1dbf0b768bcfe8c3c7b781d48424ad7' }, h(TableFootCell, { key: '7aa7116bbee1c70af2bdae0d6b269660e9994685', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '24e0d39e92477186509832cd73113831581bf8f9', 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

@@ -35,7 +35,7 @@ export class TerminalsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'b32f589caa366ab175098680b68ed764097bd7f2' }, h("table-filters-menu", { key: '9461ce43a1fc7eb1ab9a75ea54c3fa577ac816fe', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '4ecba8ce9973ea8776fd014e2aaa2075a1272bea', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '9a765cad893566c25e17eb78fb7a915965ea89c7', class: "p-2" }, h("form-control-text", { key: '0fa90fc37d1ae5c240efc2edae27779cb130213e', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: 'd62636bb773168feb620851aed46697fd5b1adab', class: "p-2" }, h("form-control-text", { key: 'c9ebb51bb99e03ce77b001b40596aa3f154abb94', 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: 'e7d96f3b480c32ddd21a0b2984a602bc75af6e4c', class: "p-2" }, h("form-control-select", { key: '20bcd18f7310ac2b05ff9536107cb1435b3d99b3', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
+        return (h(StyledHost, { key: 'e880216b2d00d408718df95baef12572ea2a6e8f' }, h("table-filters-menu", { key: 'c07aa17ac3e588f56cecc85bd5852b351285c20a', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '83d340f6bdbaabd53d5fe16e73215bc3d7592926', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '3908bf0a626ef6b32d67cb4aaf7f8c163b507e98', class: "p-2" }, h("form-control-text", { key: '076497e0053d1669ccb4d6c48aec9255eadec9f1', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: 'b4db94d7662af02c77e17826d575349970ec165e', class: "p-2" }, h("form-control-text", { key: 'ee7c46e6b67d13ea5cc3eeec5c9c3d8555e645fd', 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: '179a68d65307f6845f5c634ca552a615fb1a536b', class: "p-2" }, h("form-control-select", { key: '534e61a29cff489da8bdfd62624c293b821e7a0b', 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: '8645e44a4c7754b32faccc639a262d495cd1a0e0' }, h("terminals-list-core", { key: 'ffc7d495380aad7b5fabc7fdcdefcd6ec4fe10de', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'b3e579e0039b02870edaee6efefa6bebb8b1cc47' }, h("terminals-list-core", { key: '3a8923db8563d9a4a07c0b1205e894e2f7757642', 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

@@ -59,7 +59,7 @@ export class TokenizePaymentMethod {
         return this.paymentMethodOptionsRef.validate();
     }
     render() {
-        return (h(StyledHost, { key: '6e7b234e3765b82dfe2451544921e3f6a96f7dec' }, h("form", { key: 'df5d244cae1b7204928e6c67a53901fa9bce0c23' }, h("fieldset", { key: '792d260c13b348c00f0859ee715ff72e849333e1' }, h("div", { key: 'e75ce50e15fa074b31436fd1a031a1edb7be399d', class: "row gy-3" }, h("div", { key: '34d1c5d25ad741acb0c91320018c8ec789d6fba4', class: "col-12" }, h("justifi-payment-method-options", { key: '08cbb9393087384d9605414694e905b1a293db98', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, authToken: this.authToken, "account-id": this.accountId })), h("div", { key: '3cc39e4b7c637ad3876ed8b20aaba656552e04dd', class: "col-12" }, h(Button, { key: 'ef5a9a545a8765666026400f8e6b23aa919521fb', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText)))))));
+        return (h(StyledHost, { key: 'b122a82d00045609c3aadb38780451c56fed3986' }, h("form", { key: '65ccc13977bfc61fae403a9e49fb796cda58c5a5' }, h("fieldset", { key: '7e2b545334a7b8951c491f04d1cb3b356095e1da' }, h("div", { key: 'e78e3b896d8b5e3b67017f5f214d9b2c224c6650', class: "row gy-3" }, h("div", { key: '679f6b00bb91a7551082e10dfc849d62070c0a72', class: "col-12" }, h("justifi-payment-method-options", { key: '41d9590b7a0d6476ae1774e8064e3813f485965f', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, authToken: this.authToken, "account-id": this.accountId })), h("div", { key: '2d7a9a0d13009f836bd05da27fc5400b194b105c', class: "col-12" }, h(Button, { key: '9d1e28220380560e92a895eecd714849cbbf06a3', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText)))))));
     }
     static get is() { return "justifi-tokenize-payment-method"; }
     static get encapsulation() { return "shadow"; }

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: '06e75da41aa1f7ec57177f48046e62e44029f510' }, h("style", { key: 'c10a70d9b56f0eed808b9848a176067300897494' }, `
+        return (h("div", { key: '8fb5f414392751dc7b9823143dd75c2a0a2300bf' }, h("style", { key: '4c52717da8ca29c8c768f38c9c3eb50d61871fa4' }, `
           .popper-content {
             display: none;
           }
@@ -88,7 +88,7 @@ export class CustomPopper {
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '1b88ade0037feae8b74ecd82941564cee6db3977', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '76e5d2a38d61112cdaa567ce64b7c9c971dbf925' }))));
+          `), h("div", { key: 'c1d79646cf4ef5636f2a7b329011bb78dd914317', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '09a3086cfbeb95e4518fc9cd5d7123ef0ff67b94' }))));
     }
     static get is() { return "custom-popper"; }
     static get properties() {

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

@@ -31,10 +31,10 @@ export class CheckboxInput {
         return inputCheckbox;
     }
     render() {
-        return (h(Host, { key: '105ee6e8933e143e3c369ab143f3d65c4a837543' }, h("div", { key: '41a69cef645007940b718ee6dc4cc001479210a3', class: 'form-group d-flex flex-column' }, h("div", { key: 'e530e8b800832c0626d7106aae9810634a4f8c1a', class: "form-check" }, h("input", { key: 'd74af0b836f305a6ebcd9df34c08618b1e4e008d', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '57a7e88600501b5776d8b38f9b3004449477c9be' }, h("div", { key: 'b800909791526c9768ab69a3b8616990a66510b2', class: 'form-group d-flex flex-column' }, h("div", { key: '4e3115de90d6a81aa87677ee9632c558e4d5bc4c', class: "form-check" }, h("input", { key: '37b8bbe4a45030a28e65bc842e9c4e7063333098', ref: el => (this.checkboxElement = el), type: "checkbox", 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-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: 'c6ab8d9d643d7efef1bed13a41995812745581b8', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: 'f12671212404e6827b0b715ee22c187d55fb3a7a', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '34e4484c1791c743026facabbeb8aa2d43d1e197', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: '4d2934f57e676b3d22df044a9e8a0871a67016ad', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '5fdb63d077476e7dc48d0f25de1a510e0310d09c', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'c9b63478dbd8866bf4f1afb8d5975def53460c1a', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-checkbox"; }
     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: '969690d52131c51dd12f7109a727e47f5a9d20db' }, h("div", { key: '36432e5ac752961e4cfaa4291895744e36dc8e61', class: "form-group d-flex flex-column" }, h("div", { key: 'b1417067ba00ae69efcf1926617601725d090977', class: "d-flex gap-2" }, h("label", { key: '94710deac6095b3c3c1ff24f3ddf614284ce884e', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'f25dc94699cd9d8424247d9963127477269bb0a3', helpText: this.helpText })), h("input", { key: '8f0468e9d37afbebdd603040656dd43dd54ffaa9', 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: 'c0f1b63506b1cb2dd6b712674ecf41d6a77a6812' }, h("div", { key: '8035f56102e8b858006d4045c0a63c60c28ab7b0', class: "form-group d-flex flex-column" }, h("div", { key: '0d16c477ef91e6f7dae42428358d89e2c78d5435', class: "d-flex gap-2" }, h("label", { key: 'ef93756204a7f38bcd5a06c4fbc99b8f379ba9bb', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'ed2c53cfffc47f3a1ccbef06778760b573dbc9f2', helpText: this.helpText })), h("input", { key: 'b3520bb0eddce201eff89358e0f8e74a9fad644c', 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: 'a7cd3ba55f6f29eacd279cb151365479818c759a', 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: 'b85de20c9ed6791e0a9f2f2ccf6df8cdd62e3bc1', 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: 'e08644e84a0f21fca4dbc2ea6ddddea34b01a845', exportparts: "label,input,input-invalid" }, h("div", { key: '481bbdb8de822595df7d5a09148f35a5242485a8', class: "form-group d-flex flex-column" }, h("div", { key: 'cdb8d81ec35c50f271d22fe61cca7ee11296f94f', class: "d-flex align-items-start gap-2" }, h("label", { key: '95712c8bc414f7158b7eefe6635d7ea15ad57f67', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '0c68d725f108863b58734b3a574ed28961a7d352', helpText: this.helpText })), h("input", { key: 'aa6bb58e74e0a90865c33b0207a64174dd333d3c', 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: '4225aef32c734de9db025efcc6dd46c0cb771410', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '76453fb73a36054688515faa7e02951ef8fff7c9', exportparts: "label,input,input-invalid" }, h("div", { key: '62903b2e68326cee6caeeebe6e2d5964e536b43b', class: "form-group d-flex flex-column" }, h("div", { key: '71ee82c691f8742e991d96e61ee1ae729d9df0eb', class: "d-flex align-items-start gap-2" }, h("label", { key: '84f34d4fad3d358baee8f3de08472afeecc6bce9', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'ee764d70d7132ba698d578260c300ce89613b016', helpText: this.helpText })), h("input", { key: '2ef7e46bef2dd75aa71cbefc167189385ecc4850', 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: '111a944c3428f1de9cabbb789fea671e701eb612', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-file-v2"; }
     static get properties() {