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

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

@@ -32,14 +32,6 @@ export class ApplePay {
                 this.isProcessing = true;
                 this.error = null;
                 this.applePayStarted.emit();
-                console.groupCollapsed('[ApplePay Component] handleApplePayClick');
-                console.log('[ApplePay Component] click context:', {
-                    isProcessing: this.isProcessing,
-                    disabled: this.disabled,
-                    isAvailable: this.isAvailable,
-                    canMakePayments: this.canMakePayments,
-                    hasService: Boolean(this.applePayService),
-                });
                 const paymentRequest = {
                     countryCode: this.countryCode,
                     currencyCode: checkoutStore.paymentCurrency,
@@ -51,13 +43,7 @@ export class ApplePay {
                     supportedNetworks: ApplePayHelpers.getDefaultSupportedNetworks(),
                     total: ApplePayHelpers.createLineItem(checkoutStore.paymentDescription, checkoutStore.paymentAmount),
                 };
-                console.log("[ApplePay Component] paymentRequest", paymentRequest);
-                console.log('[ApplePay Component] identifiers snapshot:', {
-                    authTokenLength: checkoutStore.authToken ? String(checkoutStore.authToken).length : 0,
-                    accountId: checkoutStore.accountId,
-                });
                 const result = await this.applePayService.startPaymentSession(paymentRequest, checkoutStore.authToken, checkoutStore.accountId);
-                console.log("[ApplePay Component] startPaymentSession result", result);
                 if (result.success) {
                     this.applePayCompleted.emit({
                         success: true,
@@ -87,7 +73,6 @@ export class ApplePay {
             }
             finally {
                 this.isProcessing = false;
-                console.groupEnd();
             }
         };
     }
@@ -96,13 +81,6 @@ export class ApplePay {
             this.isLoading = true;
             this.error = null;
             this.isConfigValid = true;
-            console.groupCollapsed('[ApplePay Component] initializeApplePay');
-            console.log('[ApplePay Component] checkout state snapshot:', {
-                paymentAmount: checkoutStore.paymentAmount,
-                paymentCurrency: checkoutStore.paymentCurrency,
-                hasAuthToken: Boolean(checkoutStore.authToken),
-                accountId: checkoutStore.accountId,
-            });
             const hasRequiredConfig = Boolean(checkoutStore.paymentAmount) &&
                 Boolean(checkoutStore.paymentCurrency) &&
                 Boolean(checkoutStore.authToken);
@@ -117,22 +95,15 @@ export class ApplePay {
                 });
                 this.applePayError.emit({ error: this.error, code: ApplePay.ErrorCode.CONFIG_ERROR });
                 this.isLoading = false;
-                console.groupEnd();
                 return;
             }
             this.isAvailable = ApplePayHelpers.isApplePaySupported();
             this.canMakePayments = ApplePayHelpers.canMakePayments();
-            console.log('[ApplePay Component] support check:', {
-                isAvailable: this.isAvailable,
-                canMakePayments: this.canMakePayments,
-                hasApplePaySessionOnWindow: typeof window !== 'undefined' && 'ApplePaySession' in window,
-            });
             if (!this.isAvailable) {
                 this.error = "Apple Pay is not supported on this device";
                 console.error(this.error);
                 this.applePayError.emit({ error: this.error, code: ApplePay.ErrorCode.NOT_SUPPORTED });
                 this.isLoading = false;
-                console.groupEnd();
                 return;
             }
             if (!this.canMakePayments) {
@@ -140,7 +111,6 @@ export class ApplePay {
                 console.error(this.error);
                 this.applePayError.emit({ error: this.error, code: ApplePay.ErrorCode.NOT_AVAILABLE });
                 this.isLoading = false;
-                console.groupEnd();
                 return;
             }
             const applePayConfig = {
@@ -151,7 +121,6 @@ export class ApplePay {
                 buttonType: this.buttonType,
                 buttonStyle: this.buttonStyle,
             };
-            console.log('[ApplePay Component] initializing service with config:', applePayConfig);
             this.applePayService = new ApplePayService();
             this.applePayService.initialize(applePayConfig);
             const hasActiveCard = await this.applePayService.canMakePaymentsWithActiveCard();
@@ -169,7 +138,6 @@ export class ApplePay {
         }
         finally {
             this.isLoading = false;
-            console.groupEnd();
         }
     }
     async isSupported() {
@@ -189,7 +157,6 @@ export class ApplePay {
     render() {
         if (!checkoutStore.applePayEnabled) {
             // Render nothing when Apple Pay is disabled at the checkout settings level
-            console.log('[ApplePay Component] Apple Pay disabled in checkout settings; not rendering');
             return null;
         }
         const isReady = !this.isLoading &&
@@ -197,7 +164,6 @@ export class ApplePay {
             this.canMakePayments &&
             this.isConfigValid;
         return (h(StyledHost, null, checkoutStore.checkoutLoaded && (h("script", { async: true, src: 'https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js', onLoad: () => {
-                console.log('[ApplePay Component] Apple Pay SDK script loaded');
                 this.initializeApplePay();
             } })), h("div", { class: 'apple-pay-container' }, h(ApplePaySkeleton, { isLoading: this.isLoading }), isReady && (h(ApplePayButton, { buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick, width: this.width, height: this.height }))), h("style", null, `
             .apple-pay-container {

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: '1396c82eb048077e956a6cfa0954c969830a3e4e' }, h(BankAccountFormSkeleton, { key: '90439488c391f7dcb62c9b3aadeeeb9e22b476fe', isReady: this.isReady }), h("hidden-input", { key: 'ab5ab9990cd03e493551dae5dc18717ed144558b' }), h("div", { key: '7031dcaa20b3d017b3a3064d5e6f2e9ec5f3c3de', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: '62431aba939585a8a341942d9847e8d491b0a658' }, h(BankAccountFormSkeleton, { key: '2da8452c73e52a6fc67d80e483c40a2d0dd276f9', isReady: this.isReady }), h("hidden-input", { key: 'c34bc48ee7e1925ae272b5fe60fd362ddf2433eb' }), h("div", { key: '3fefe63e9f9c98d7e08e0ceac5df0f8008303aec', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'cf64b23918c17c525be517fa3506bc5a99de4472', class: "row mb-3" }, h("iframe-input", { key: '1a0bad102f68437d751a123ab14db53d0308b02a', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '332cf9bc370f6bbddaf717c4debbd90bc557d808', class: "row" }, h("iframe-input", { key: '878379906a0efb39c7a236941fda8d399d3a8baf', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+            } }, h("div", { key: '6c19ea238eb0bff6b245f2f39028d651438c55d0', class: "row mb-3" }, h("iframe-input", { key: 'b5588dc21d24ec873fecedd91fbcb0344fbe324c', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '910f130a307449a3d60ef76eee6cc27fc86c3fe0', class: "row" }, h("iframe-input", { key: '72756b92912c3031cc472dee5bbf945f06c38920', 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/card-form.js

@@ -44,10 +44,10 @@ export class JustifiCardForm {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(StyledHost, { key: 'def25049fc30e1755194750bad8ebff0c578dac2' }, h(CardFormSkeleton, { key: '81a0ec8218a76e51962fac0e8f628b243bd6d33e', isReady: this.isReady }), h("hidden-input", { key: '6145fba4b8164ff1cec1d1b5707063cdf26faa82' }), h("div", { key: 'febcd1d5dbbde0216d7286842f35d58984f3c292', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: '0db53b1dace76a8e02bab9f65fdc70e20f440a62' }, h(CardFormSkeleton, { key: 'ea756f1799b01b81a678ce5bd2592551edd81211', isReady: this.isReady }), h("hidden-input", { key: 'a6203630db26bfbb683e2b45174c79d753154eda' }), h("div", { key: 'dbb6328ba3a27106474f6b9af6fc3c347b99ae7d', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '6e305988144bd44753ab202b29de295cc3dd7b20', class: "mb-3" }, h("iframe-input", { key: '79348433ff2860a30d387b9a64c258a91c220363', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '11eee27f7aa34c120aed348acd1fc51e46b77628', class: "row" }, h("div", { key: '0bb1153c58433514b889fe20d9cf77c7b7f8b867', class: "col-4 align-content-end" }, h("iframe-input", { key: 'f07c79907822a83cbc29eb4748f952b1a2079990', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '6c2e81715c918978f688d00ae960f2673e092248', class: "col-4 align-content-end" }, h("iframe-input", { key: '96d3656d4a26f96889ab5c6569e0144a76293627', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: 'e186614da2a5ef5836e251ac1f8f247c18cff7e6', class: "col-4 align-content-end" }, h("iframe-input", { key: 'd9f6c2d2f669fde22b18845a47f5bdeb8a62abe7', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, h("div", { key: '64055e42612ce94da35022d7e8314ed917f90f8a', class: "mb-3" }, h("iframe-input", { key: 'e99008d298b6ec6e22ff5a4e73042e3e8805f09b', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '34ed1849877a47fe6ec32f443472fa9c913dae67', class: "row" }, h("div", { key: '39bfdd5c8dd6271315a09cd3022083fe4b45f5ea', class: "col-4 align-content-end" }, h("iframe-input", { key: '981b65ebd142396312d09df8927fd5d08a5dea72', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: 'a6fee6c1cc609b665b3ba9935190a43a118c5e5c', class: "col-4 align-content-end" }, h("iframe-input", { key: '257b738139e182dc6e9f6a6893f8b6a0bc3f6b69', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: '523316b64f673cdf89b5d01c1ecf4cf25ccef246', class: "col-4 align-content-end" }, h("iframe-input", { key: '37305b54e421d759ded57b0f9de7743a07be4b5b', 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: 'e9d2508bca7640c281b2d7c1240d906f91118027', class: "payment-method" }, h("div", { key: 'e6cc572415e9eea51645081c70463b51effcd7ef', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: 'e57c30cc26f956eedf5511bd8f8c028b4bf08fee', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
+        return (h(StyledHost, { key: '8885a071427ab2d9e6ae371f7706ada2e4f5e5bc', class: "payment-method" }, h("div", { key: '1ccfb0f7ffa2f357117e749f6a80c203406718b5', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: '785ee47041948799fedd4a49ce8982db04002f89', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
     }
     static get is() { return "payment-method-option"; }
     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: 'a0cf2d923a1283aeac48837faf25aa8ca100adbe' }, h("section", { key: 'dd98da2e82a8a68606c3cee9a9f4ab54a618dea5' }, h("div", { key: '1a4ca7e0cfd24d3ffa7c4d639ae6ecc01ab04ae0' }, h("div", { key: '01291cd64ac310a23f9bb8e6a7a0bde3ab36755c', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '7a1fdb4d579a119618c2afd9226834fba41449e1' }, h("span", { key: '9ec7e265476839a663a52116bb64424aeafc5bcf', part: text }, "Total"), "\u00A0", h("span", { key: '72b6ba530ba51d9f6b41c35c843b7fada598de40', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
+        return (h(StyledHost, { key: 'fd2c61dcafdc800d0064c19d29c6e007aed5adb5' }, h("section", { key: 'f2abef1233f3ccad3982d10c61ec5765e13e27a5' }, h("div", { key: '713d66ef6f7e2fc73135e765069baba6df976f52' }, h("div", { key: 'b8dd28f257948aa317366fe3ea6d2bc4911ef164', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '675676b40de7dc27d07bfafc0eee77eb855a3d26' }, h("span", { key: 'cbd47994d9c3f1518741a298de3f5d62a0ad5313', part: text }, "Total"), "\u00A0", h("span", { key: '614748853f666f1b072d4fa9b14ee15ef5717112', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
     }
     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: '186ee09b809f108e55ee4cea14968bd8acaefa93' }, h("div", { key: '902be700759e8354638931671dc8ec563fcd7868', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: 'f9c515ea3cf3dd616d894cef2cc64789663608e8' }, h("div", { key: '6b3d49555fe21563c251896300d313bed336f9fd', 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: '3e2c9aac5322205108924c346a1f5bed41a673e6', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '010ef8e5ecacabdbde46e15c01b68bc89450f8c2', class: "d-flex gap-3" }, h("div", { key: '9a7a9215dffbe59d9a3ebee2ed40bfea1f838e7a', class: "d-flex align-items-center" }, h("img", { key: '51e5919f4c76ac372f6caaca35d5e16bc99c4766', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '23c5c813f0a427bef785d8f48d03ffa4c6d94aad', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '2eb6df9a235030b347dcea3e398961761586b36e', class: "row" }, h("div", { key: 'cb5daf84d7ba9c1f41b3d2a78ae5c5d90cfc6817', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: 'fdeb46a05efdab7bd1ff5c1540f968cd9a868bec', helpText: this.description })), h("div", { key: 'f89be0d4e9ec16363acac6706a122657219746bf', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '55c367a543f03d0e05835781a7e775497be0d782', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '77cabef1a1f3c912dca9d90e4f63e9004e20c829', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '2ecc0d4c5022045e618049fc3edcf9f07d882f64', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
+        return (h("div", { key: 'e7a0bf077aca5a2ff095caf70457a5353995998e', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '3ad7ac7493b73da04b071756fd4ad38be0afae9e', class: "d-flex gap-3" }, h("div", { key: '568ed695946d70b84309772cbdb7b3647d227208', class: "d-flex align-items-center" }, h("img", { key: '1b93058757c815f862ab0cb2640b7c2eb7bc216f', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '014671ad4644fdd1cb92f07ca0c642a6138033ad', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '5d1bd75fb2c730dee13979d1811bdac2ced8ea6a', class: "row" }, h("div", { key: '0dcc849ccfade11b1421a3c04b845b8d60f6061f', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '5e93951b101ea98e55b232b798d94de226146ff2', helpText: this.description })), h("div", { key: '4df172c04c7d8d7d7de5dda392824d3af005f60d', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '0e449f9467334d2470f835ec72f3e28f1dfc835d', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: 'ca1947fcb27d320063a682220f7c592361d21c02', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: 'f2119205d7ad524730ddf429083dc65b86d46251', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
     }
     static get is() { return "terminal-quantity-selector"; }
     static get properties() {

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

@@ -48,16 +48,16 @@ export class PaymentDetailsCore {
         return this.payment.status;
     }
     render() {
-        return (h(StyledHost, { key: '11094240e35ca0bd76db9d299d60c3a2d7176701' }, this.loading && h(PaymentDetailsLoading, { key: '38b34ce8300b69ab23b502748a34d7bc5f671b87' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: '25299b29dc50e51ef48979414e8a2a0f75ce23ec', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'a6d795adc068f563854db69cd3dba4527d444377', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.PaymentStatus), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: 'db2d1dffb1b79616ff605c6350da7849d387f59b', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '70341064fb59ce20e573b8a406424985a1a52829', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'b6a16a404be185b361ec50a17375ecd3ef26bdab', title: "ID", value: this.payment.id })), h("div", { key: 'df9d5f0ae2cd687585027d6de20e9987e4e5f977', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'c3d62efa8452c02b178b23d5135eeaa8e800193c', sectionTitle: "Details" }), h("div", { key: 'b2caf669cb9858aa69c8c42204bd9f1f906052b3', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '4527285995901be0471bb25d41302ecb01150b38', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: 'ec3f4850cd2ce2b28df2fba9b70f06f912e5af6c', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'ed4465dbb1b74c1ab5a83c280088fc865c22402f', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '02f4aff2abf1a8ddfe159581fb326167f1992572', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '063e27c4217198e0c3ea177817e31796783b8d66', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: 'f5b4b6498cf25df6a77d1587915c3db41adaadaf', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '9e5e1e5448203e428a52198f53857570714058d9', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '93090e93bfa7836a3854980a82a14586fb99f0b7', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '09b5b0562805d2dbaa3a5eaaeb1ea237a1e7c205', title: "Description", value: this.payment.description }), h(DetailItem, { key: 'ccbf84645bdccd117ed822f9e4afaa65df831277', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: '865fcf56e5bb76aba8a276765b8e2698835e7c46', sectionTitle: "Payment Method" }),
-            h("div", { key: '52d091a973c5be30d7a37c95450e5de41ce01a8a', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '4801da20343fe93caaae3e707a33da70bebc7a05', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'f46cad59cf1222499828f792b066ba1adc9aa9c8', title: "Payment Type", value: "Card" }), h(DetailItem, { key: 'e9fa4115fce4f488b24eac0d68c3fbf93218dbcc', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '6334b5aba3f7e766036c462c090948410e27c08d', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '90a145f2f8e158a3302eeb8fbb42801b88ff49c0', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: 'eb7c7b9e01af253487d3ade865353b5859782a8c' }, this.loading && h(PaymentDetailsLoading, { key: '4f042d9998e59085b210a7ea488268078ca12fb8' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: 'd35f98ed3156990336c55d3986a2f1ea1fc2a0e6', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'f1fd72d9b523dc6db719d9d577b3145399fff317', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.PaymentStatus), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: 'ce037497e2bf07c84353017cbee48c280c398d71', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: 'f9e94a05bb8c67b20f72b0cc3428d87148271469', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '3a80e64ee5a8e4b4e07acfd12b10a3d4b3af38b9', title: "ID", value: this.payment.id })), h("div", { key: 'ac09a688d576d611c96d74155ecb5c6183b57e9b', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '503d2152512c2bccd6966dc2f54c1b2d1af9d694', sectionTitle: "Details" }), h("div", { key: '3a4c435ac9ae7f81655dd847423d7f34a449941b', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '490549cdc21a4b42d66153e5bba183e1fdfbff20', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '0665f56ec7c62895c911bdaa191f063cd0da6529', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'b30dfafd50407f12c381083d43e3d7b8e0b14d7f', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: 'ba2b91ec3a69b2449b7a5c2d1c5a9a4a4af1595e', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '5dc1d4c9fa4fbc9a267240cfd716a5ed8d741775', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: '3199289d3ec0e9dd9a1daab869755fa41471e20d', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: 'f43df0b9c69a499793d7912a201503ea034700a7', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '1dff44ec556c75abadbbae41458c48abf5092891', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '0d4fd013b36a2d64448fcbe40189ee8cc9c411da', title: "Description", value: this.payment.description }), h(DetailItem, { key: '8276ee51adbe60c0303b3a2b7dfc15abda399449', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: '93391e8fb0fdce39c2d849223f2f2dafbc794b8e', sectionTitle: "Payment Method" }),
+            h("div", { key: '30b9228366b6160327f27b0a86c15c9f8ba9bbed', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '21fa5e3dd6798004e4e823c5e64b3b7f761abbf5', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '8a0369f2817d4cdf51e37b2c78a201bf3f9d3255', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '79728446f55d4dbe2565ed1dd07526b5fa5196fa', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '0a946c8984a62c940bf100cb461a038af2e05a5d', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: 'b8cbc3bcb416520ec2cbbcb94e54cbba1fbe7523', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: '0a4692cdb8f85d6e37181ef495137586d5989c59', sectionTitle: "Payment Method" }),
-            h("div", { key: 'baec71158e9b0d69c878fd7fff1931f8acbe3877', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'b53045243579be1f4fe19df31776eac0794411bd', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'ff27f3c6b5e6835e2158c67b9df7083ba336fa98', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: 'c07ae076381ea61731ec8c2ec3e7a0e069ee0c78', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: 'f891e0e41276b7bc1e1d5cbd9e680fee598c724e', title: "Account Owner", value: this.payment.payment_method.payersName }))
+            h(DetailSectionTitle, { key: '18f199f9e7b6080c2c787093e5e160cb26398ce2', sectionTitle: "Payment Method" }),
+            h("div", { key: '0d22d79505a4c7d67bdb27076539e29fd3ebd0cd', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'f3cf2263584b5fa0cf5215fd53496228f974361c', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'c1c1b9dd9a7dad9fc6b5ec5a913820772f30a1da', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '7601cf0c2abb01de76e53fc3c629bc398da748a0', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: 'bc82630978357bde8bf838ccd971d0d485c3d377', title: "Account Owner", value: this.payment.payment_method.payersName }))
         ], this.payment.metadata && [
-            h(DetailSectionTitle, { key: '9c33407c7755ac1746e3fdc6d33f26a617825abd', sectionTitle: 'Metadata' }),
-            h("div", { key: '3c9820b816478e4a17acd9ff4af3fa0d5d99c829', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '272290d21a4cc6b71027808d8011417fd0d5713d', metadata: this.payment.metadata }))
+            h(DetailSectionTitle, { key: 'ce0765f56d44b4fe78e71409d1719fbd42f4ab20', sectionTitle: 'Metadata' }),
+            h("div", { key: '7dd583a298981969865430fb3695629998e3802b', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'ecc3461050fd31015ac5bf743b60b0936ab2cd9c', metadata: this.payment.metadata }))
         ])))));
     }
     static get 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: 'f5a7946c22e065b9fb73c42f2e8bd338fe9f5b75' }, h(TableWrapper, { key: '3cac49cde086dc78b15583ab2725a6196987c123' }, h(TableComponent, { key: '7588b31adad3bd0804a95a61e656af24faf21857' }, h(TableHead, { key: '56d2e0f7b65f621e23db4f04b1768427553d077b' }, h(TableHeadRow, { key: '7be2399aa3dda6337c94e4e9d95e1d1d73b0702e' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'e30961bb03921a1cb491c7fcd09df51eafbad3a6' }, h(TableLoadingState, { key: 'c26d53a4901ce5e3e42ff05ad627f08020a7a71c', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '5ed524b2d07316bad2814328f02ddefe1f263fc6', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '99cf81edbf8fde0cf96c55f62bd9dca3342d958d', 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: '816ce49013c603d64af1b8534e062df6dabde41b' }, h(TableFootRow, { key: '96786a7547c39275184c44d7da55069802ca8c22' }, h(TableFootCell, { key: '204328804873c7ff440cbeb889948dc0365d508c', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '4a4ecc86248e59d8e5cf3982a49abf514fe073a8', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: 'ce4fd1549223738580d3a4e9195f535619491f5a' }, h(TableWrapper, { key: '0991e7ca748e75fa42e96be1dd1c9e9d2c876db9' }, h(TableComponent, { key: '1b5d58cbf6f27fdf2faef658ae6148ee642ad3fe' }, h(TableHead, { key: '5eaef864fe0072cd4557a0585a409572f6806969' }, h(TableHeadRow, { key: 'a9c35dd1c0031da4a82207a4313c9a521729db40' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '1ed790fcc17bbb6a93f6eaf18b741fc3b2e80855' }, h(TableLoadingState, { key: '64570f5736317dfabc97a7967dfa52dbc0dd384c', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '45d4d52687e203de3c5f45e406862b882c03757c', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'b8c941adc6bad5e40edd33b69231b668f587f16b', 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: 'a76f922158b408ff6a70c35a47531405c012aaae' }, h(TableFootRow, { key: '4cf90633de51f6e9286481300cbbe0f0183f1bfb' }, h(TableFootCell, { key: 'c06c168e8ba7c3115eab18c8366362be16582f86', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'f08aa685537d1ba529f5506d74bdc20d0352dd2b', 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: 'e4b304800014f90e9200d071099e0dd15682242a' }, h(TableComponent, { key: '038c2e1acb61683dd197e873b061c70d05395e05' }, h(TableHead, { key: 'fd81255bfe0a7e5d742bffd3f80173afd8fe6cf5' }, h(TableHeadRow, { key: '359b37df1c94ca1e07b3b8d269b14a30f7e678bc' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: '9fd6f62e02aac2fcb9bdbc4a93f75acce26b490d' }, h(TableLoadingState, { key: 'b63217f3fcf6fad0a431553d6d31b58abc5ebf31', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: 'c33d2c14ef0143ad456c3c4f23fc89039476713a', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: 'afed1e216fecca915ffcf16d92efa96f57158d14', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '463331f0c514c40bb40a0d73dad4e2993ecc65c1' }, h(TableFootRow, { key: '35c63a476b4058d048e53d8cd008dc3bdb1b26db' }, h(TableFootCell, { key: '2c5e1be77fe84aeede22fa7a923071c27f5df4a5', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '90cff6a1c7f6e380d9e3c66037e2fbacfef9a681', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '17ceef0f0fd1dc4fb8e8f8e13fde16b81ab40fa5' }, h(TableComponent, { key: 'd5031ba7e55422997c8a5641e9fe3acd4fb3a9c0' }, h(TableHead, { key: 'cf74e7ec087e4d5ada18975f5c970269f14472f1' }, h(TableHeadRow, { key: 'f2c9932dbb047448527064c5ecc22edf56e31d01' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: 'c709386eca9d7063bb9e1c986b66e2189ab78e24' }, h(TableLoadingState, { key: '2bec872c8fed48c65081789151d7238ccd24f4b2', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '4367380db418574ec2ac553c2fe8b7edb360f82b', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '55ae13377d95739b2226d57e134bda3e32b73df4', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '636674049a9f97fe725cc471125386478f910b86' }, h(TableFootRow, { key: 'bb5f77ad9f89f5e2d77a930fc9baef222473d2c6' }, h(TableFootCell, { key: 'a9cbead53a129e23b6f530c209578484e1def2b3', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '1370967dcdf1bbeb2aa6a35f2371e68a00571744', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get 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: '0adcc6585575f955f2da15bcff6aee5f86e4d5ac' }, h("table-filters-menu", { key: 'c18193011732c8a20a8428d58d02dc3c6f8ccdd1', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: '4ae0b3c0941e539e5a83256abcb8b09173931838', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'b6cce3bc50c382bf1a00496bab05e8d9145fd8e3', class: "p-2" }, h("form-control-text", { key: 'b64ad1aef1e61d0659ea1940d1799f14710412e6', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '298e6738733cceb0b62a05676f295cb8c6ef0750', class: "p-2" }, h("form-control-text", { key: 'c3a5b4333be0c4d330869cbe8b4148c2ff676e43', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '3963977c199426f2c8c9a99ed2d6da89874a9a43', class: "p-2" }, h("form-control-select", { key: '8800c5cc708d493a1d07469ec61252ce3e3f3a24', 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: '64fbcb0188aa796929bd29bb43193f613c0c7449', class: "p-2" }, h("form-control-date", { key: 'dfbec3d2cdae9fcd06769bebf27829ca2665849f', 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: '8ef26354ecc90302685d0c131dcbef482ab3e4c3', class: "p-2" }, h("form-control-date", { key: '612e747ed2d5576db931892640080103f67deece', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: 'ca1a151bf3527225312df08f192750364668b2ba' }, h("table-filters-menu", { key: '33663b7dbdeeaf5eabecc5ac650bbdf3676e30f8', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: 'f5a5a27b1f0e55b7b06b698f5e19baf5cf25fe7f', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '59abc8a49326e203592a9f3b02d12c7de45a9235', class: "p-2" }, h("form-control-text", { key: '05e1db9bdfb0301330c2f9e00a2417431a704792', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '68c84deb196e2ab8ce186cd26aa686274042320d', class: "p-2" }, h("form-control-text", { key: '34c1a654a3e2328202f996d46e11f65ed2e0c8df', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '6399e8b9978352f1ee9b6dcb49f4e4e5e965b05f', class: "p-2" }, h("form-control-select", { key: 'aa687544903688a7936f4b34a221320f941ad0db', 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: '9acc20b55d25cbef52893b58464d0879d09389be', class: "p-2" }, h("form-control-date", { key: 'f853d5ce2259cf4adad00132d60eea80fae3a2f9', 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: 'd7d78846efd7277418a9dad3c0d21a82f0ccc36b', class: "p-2" }, h("form-control-date", { key: '2eb64ec290032601d0ac32af679b13743bb4f796', 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: '600a899641ac8e2bbada4cc2f7f5c8477f16f5c9' }, h("payments-list-core", { key: '903ca5197fd56b9f0dfb141d09f92e27cd35f651', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '1e1f5cc087e917c65e7dbabaf21b355dd3261206' }, h("payments-list-core", { key: '318b81a8eaacb70cc333efb9159279bc9310dd32', 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

@@ -64,9 +64,9 @@ export class PayoutDetailsCore {
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: 'b7654bca327b4a7c7d03edc2c85375a8496e466d' }, this.loading && h(PayoutDetailsLoading, { key: 'b9cda081550abe8f4e4ab33329e13bca3e2bb905' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '9ecaedec9c2f2e8655018ed6c7ec279d31c2817b', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '70a0046c360065505965425906cf69dd3e477b04', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), this.payout.settlement_priority === 'expedited' ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : (h(Badge, { variant: BadgeVariant.SECONDARY, title: "Standard", text: "Standard" })))), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: '908bae7d95c5649aac6928a2cd49eb4511f87809', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '9c49a87f564091498891924f3c645542879264df', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '4953c429840cebd6485f0ded0e330152b50d78b6', title: "ID", value: this.payout.id }), h("div", { key: '08593f7b54ddfe2d24d0b0c4b1d738f57769e671', class: "m-4" }, h(Button, { key: 'cdfa16df03dcbcbd9edd8591e1fc877644ce9465', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'c65296580a275d7fb74e4b95f97e2633bc5fa70c', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'c2970c5b956ed035e5ae911c557d9f59c945cd8d', sectionTitle: "Details" }), h("div", { key: '91f0f6e54c79dfea18474e83deba9364b2f3c8f4', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '0e2f745c610fa0efddb061edb179aab99b0d9167', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '55e7c25da1f6ad8ed8665b459c74a6f8f2603c2e', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '92b9fcad3ac6658a6b813f30456f6ca8b233198f', title: "Payout Method", value: this.formatMethod(this.payout.delivery_method) }), h(DetailItem, { key: '369bed6889c8c68b6b9dfdd50bc320b64ad4ca5e', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: 'bc2b2283bf87752932a8f4cc8996a394f86f1b44', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '62c1fad6c3b2f8ee500f31acb9b4c1a84f94de79', sectionTitle: "Account" }), h("div", { key: '31fb316e496ef68671b6df80dcf9e6d34d62b2c5', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '47e3f14ba46c432fc62f9fedef265281b5477801', title: "ID", value: this.payout.account_id, onClick: this.enableRecordClick ? () => this.handleRecordClick(this.payout.account_id) : undefined }), h(DetailItem, { key: 'aa5c179afb349b0253b595866fa26cc94be3f84f', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '420c8b2fd759ccead9bb981af9eef62fa1222844', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'a28e32d0a855b6077aba42b7572b7aa40d18240f', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '1518b9279cc6021bd3bbb861940bde3940f314be', title: "Account Number", value: `**** ${this.payout.bank_account.account_number_last4}` })), this.payout.metadata && [
-            h(DetailSectionTitle, { key: '5df0034950365eee1f59b563f53e1d830bd4edc1', sectionTitle: 'Metadata' }),
-            h("div", { key: '61682a85d734025d6b933b1e1291815c6ae6b0bf', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '10b470329d8131840054ca39410035e73af9ef01', metadata: this.payout.metadata }))
+        return (h(StyledHost, { key: '12c258bd10e631ac1b2fb43c4e4d4854b02d8d01' }, this.loading && h(PayoutDetailsLoading, { key: '81c217eace20fe276d02d391f930a2684aa12385' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'df1bd819a299df69c0bf5924aa21ea760668d46b', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '67544da1ecdb4beee16911cd49009ae3415c576d', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), this.payout.settlement_priority === 'expedited' ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : (h(Badge, { variant: BadgeVariant.SECONDARY, title: "Standard", text: "Standard" })))), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: '64a28ab7e1bcc90d9487dd229cd07c411a50e4c7', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: 'bcb74d904482f3dd63d1da918b700c1badf8bbd5', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '165b296bdebf16389ef29df825cb24ba34f14556', title: "ID", value: this.payout.id }), h("div", { key: 'bbef430ca28eebc6c120f2f68200219dd1634660', class: "m-4" }, h(Button, { key: '1e51b1278a8f220c2376a004bbc9476307567c74', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '6dd5287d4355a84f0777f701c5b99bc5149954ed', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '92af1ae82f5d53b1e50705aa18590528b19f6455', sectionTitle: "Details" }), h("div", { key: '73e1a84e7b8baabb7b6cc307d2b7fba5457514a9', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'b223b147e8cc0a0849edd66a0b6deec2bf9ec55d', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '766729d3cd7b85b5635e6bfa4091455a84595635', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '7e4d537a26520d2c06ffadcd7658bb4a8e17b452', title: "Payout Method", value: this.formatMethod(this.payout.delivery_method) }), h(DetailItem, { key: '5fc253ad396300938f2cd95decab094d4da19d5b', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '66c2979dbdf94ba0a53aaca5896d352bc0a5606b', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'f0ca6a9c6d93b9841e1220dfde1182cb511c4594', sectionTitle: "Account" }), h("div", { key: 'ad64b1bc364c9d9c1c64b2b1c5dce83f25fb066b', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '6ac6c8251641e6d720ff82e0dfc9dbed255a1f0a', title: "ID", value: this.payout.account_id, onClick: this.enableRecordClick ? () => this.handleRecordClick(this.payout.account_id) : undefined }), h(DetailItem, { key: 'b955d27a84e0f43693e2474ee4ceab529d7eabda', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'c06e3a07965683cefd3dcd4e96c16566f286b230', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '27cacdfeb07a3e27d7a059fedfa49470eb00ce05', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '53442037b6e8c27b78b3da1d0bd13527e9283edb', title: "Account Number", value: `**** ${this.payout.bank_account.account_number_last4}` })), this.payout.metadata && [
+            h(DetailSectionTitle, { key: '82d65d70219404fbe2eb9a997fa309be02d58046', sectionTitle: 'Metadata' }),
+            h("div", { key: 'b1d86b363afa8a5cf60176b3eba688d2d85b94d4', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'ff41f465b338f8cbbaafe4fa60f27a93e3ebde77', metadata: this.payout.metadata }))
         ])))));
     }
     static get 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: '9db64637291d99ace8fe5a0de8edc3053aefd974' }, h(TableWrapper, { key: '3b30494814b617574b58a605c85f7a8f230a70ae' }, h(TableComponent, { key: '966d5ca72315c7f5e9ed427a9a460f31e8de1a3c' }, h(TableHead, { key: 'aa3e49564fae46dd1a6f5e27b139ae08643e6d09' }, h(TableHeadRow, { key: 'c39ff750c941e243bdf74dd8f7281dc6e96256aa' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '78c00d108262a447890037f9ebdcacc96e47f58a' }, h(TableLoadingState, { key: '14c4181b5b5f162e23344df06f875b8202dd4853', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '9512b212d3afb4bca142b74c32968ca1b42affdc', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'f37e7baa18a07f197bda346f1457217a61cb63df', 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: '059923133e682bb04bbcf2020d2437e6bf1cb38c' }, h(TableFootRow, { key: '123caa479d333289bb4068ca2b85e3502057e4b3' }, h(TableFootCell, { key: '888276973e50a1b4335b107dfc67d00abedcc11a', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'e81b1dacaa7b455bcd00df82b6f2b4035dea60f8', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: 'ab6de6bc1bd8b389c3853cc8c9ff0a52ac79e139' }, h(TableWrapper, { key: '3946c0161a51c292e53776df23ef0aa297ab8a24' }, h(TableComponent, { key: '7f7acd0813a8eb710889d540b6c5b7ae6831e47a' }, h(TableHead, { key: 'eb0b11273c85116093d119bdbc8984f7c71729f0' }, h(TableHeadRow, { key: '5485e54cca61a69a48b4a0eb70ff4cfbf409cfab' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '778592bd28c2ed42fcb751f695ef97b75c911c17' }, h(TableLoadingState, { key: '2123dc933b4e16f2bc4588a6ec4357d3067a919f', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'e13e4ba98217c4c41cc406d7f6bde34831771952', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'c837011abb597d3811cdc5636a457afab49224f6', 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: 'a189800b2a36f8880bb7fb2ab60b8b2afd24d760' }, h(TableFootRow, { key: 'ae78dbea1986d6c0ee493bf26d8bb01ad294a1e2' }, h(TableFootCell, { key: '2146861e294be47a5c63f3354ff6744ad71b4d70', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '2ab6bfa9a7534c063e603eaf25e4e6f44cbda859', 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: 'cdf6daaa40985bc3925c6f5d5b618102f5168ee0' }, h(TableComponent, { key: '52e74b98af14199c22442fe8b70d2af8c48da931' }, h(TableHead, { key: '65e21eb180a339b71f861c9130e89ad55cda138c' }, h(TableHeadRow, { key: 'b1e2c439fdce4d235fa54560d1952ee84bdfbffa' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'c3113938a3c99f1fe52b7526f9e3d4a0f3f36ba5' }, h(TableLoadingState, { key: 'eda682acb4f576e34d0068ca2ebbec0561bec0e8', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '4aee9df94af9135ab87ce32fc3fb3eec4c27990f', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '413d3362c4c3fd0dbae32b7c56d3c45a0f228285', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '8d528bd87a55c41dc3327dfff1aaed84593b70c3' }, h(TableFootRow, { key: '1cd949eaafefe2fadfebcd1320cf4d47f8401d47' }, h(TableFootCell, { key: '057e0a48bf6e2fe35754eb11a53b0179adb08e1f', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '7eb638922c2403586e6737e8696aced00d0188ea', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '12ea39142a446522d219ae4504ab2cade5824b3f' }, h(TableComponent, { key: '0ef8b5f3716776ee0fe41e9576a6c97728757142' }, h(TableHead, { key: '6024ecb321bf7d42a6940baefdab0492c87c77ab' }, h(TableHeadRow, { key: 'b80ac981c1f8ad5e06fc1c060961e82b47ac5501' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: '9b64e1e8af4fff2f78a8768361d9e3cb0397c493' }, h(TableLoadingState, { key: 'b28518a05714d5671cd094c2b8462c8fc1af5039', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '97845bb480292be454464092ebaddd90bd274821', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '89b1918fc32806dbc786c6de23bc1d8ac4aa359b', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'bf545d589dfd579fcbfde145fee8e667478f2673' }, h(TableFootRow, { key: '05e52684f8923f0dfe0bd3fff3c8f72421ef6485' }, h(TableFootCell, { key: '967d53af83043748db6459f6cd7f153d9d713f37', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '55e154366e2df871c3dcfdd4b93dcaa11da216eb', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get 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: '2a4183abf17b63f6f0f4edf0484b4addec69e826' }, h("table-filters-menu", { key: 'e92d4af94c74e041203ff7041da5b751735f0e3f', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: 'd9747a0d596af183bdea79ba96bde7676bfa7bc9', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'd6d13d3c97e1c881636077a93144112a472394ce', class: "p-2" }, h("form-control-date", { key: '050f07a08ef83da2252486b47bb712a56eb72547', 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: 'a7176e2b809ee60e0e9c6045dde062f0fdb583aa', class: "p-2" }, h("form-control-date", { key: '94940ac440b5eabac008d7931e861584d59d5426', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
+        return (h(StyledHost, { key: 'c9fe17cad3d56aa5f8c9ef6b23b90b77e378d256' }, h("table-filters-menu", { key: 'e5d55040d356e8aeb60419a52891deca0cb2940a', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: 'a155ff5b6a89c233ad37a3697ed8ab7f03d22a9f', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'e13495766b1d817a93606fb35ca6c2222c48d0e5', class: "p-2" }, h("form-control-date", { key: 'fc510fa12504d70efa1fc74a36f4a49b89fff4d4', 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: 'dd521da828ccf3d26460130cbcb89d20822ff42d', class: "p-2" }, h("form-control-date", { key: '091b8e21f62c6bad5b6e1e47fde86be51abcb25a', 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: 'e60de76d4e20f1fdf4d4b8ad40f1f7dcac414d83' }, h("payouts-list-core", { key: 'a950432f1eff844de876fd69b60f1f3702db7838', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (h(StyledHost, { key: '5ec4cfd9c227dc5c993fe82972124649d7468617' }, h("payouts-list-core", { key: '8e862e8b6c6cf861d342e72afec20d527f34f5c1', 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: 'f0170c6510ec26f07f85393063c0255eab650abd' }, h(TableComponent, { key: '3d299e4d180e60f1353397c478e58e5362c2921e' }, h(TableHead, { key: '5b88f652217c31b08c7989ee33823a447c89ebf4' }, h(TableHeadRow, { key: '9dd2b76e6d8d0f82d0e62c663c4156672b0dcd16' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '12442761a52bb3cf60bfd525d2a449f2240594ad' }, h(TableLoadingState, { key: 'e446d797e4cf4d23b761542c1acf2c6f04ff6094', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '8f7f6fcd1fb4896a5d284d53202f43ac4f7968f0', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: 'c72efe2ae0512c4ef08ca73143828ee6036cecd2', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'df73fd0b601ac8b3a0787fb0accc952a87dfba9c' }, h(TableFootRow, { key: '438c6c91bc500ea933747b94159d899babbd137b' }, h(TableFootCell, { key: '8ee489da6b5d7341039c655764c8b0b192a5df87', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '2c2f61ac9cd1f7e24fc5f2877fd744b79080a1b1', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'e613f15a7f21b62df83874e361aed492c79f09a7' }, h(TableComponent, { key: 'f44650f404395a9cdef96012a544a16d76dff351' }, h(TableHead, { key: '690ce3189e7e6531e5a60834ba913c281aa95f08' }, h(TableHeadRow, { key: '01260cb573cd36571ab6c6b4952f8202a238f914' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '130c3ae63b1b84568eb559eba42bd355d41264cb' }, h(TableLoadingState, { key: 'b6fa756110c9c046c197aac95a1555ef395d558c', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '2b8cdf202bb62469590b8d2dfae808fad1750ab1', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '43acaccaa17dd2561b05ec3f4f2fa2e8f62dd7d0', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '95e9e88622ecf6e32d20a6636d9a8d9a6d637710' }, h(TableFootRow, { key: '4ad82db29c1110099872b8a740c5d3fcf716cffd' }, h(TableFootCell, { key: '6aa900cf7752919f1ec4844bd6f0e5d6ad73c2b2', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: 'c17bc0926e4cdaf6158287282ae090e00e456f59', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get 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: '1df2679852a2c3795bd5c9a90ec2d08ea124ab63' }, h("table-filters-menu", { key: '2836ae98e62ac6ee5dbb00b2d5115b0b49795576', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: 'bd993ac7ed2e2b6a83d787dc2456ab4184bf85a7', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'b03fc2cdd1931f0dbf7873735152f277c823498b', class: "p-2" }, h("form-control-select", { key: '8796b887cda1645323a68de9ab34cfefbb144fbe', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status || '', disabled: !!this.orderStatus, part: orderStatusTerminalOrdersListFilterParam })), h("div", { key: '575764ad238bba204780582d45e694fb57fca521', class: "p-2" }, h("form-control-select", { key: '4dd9fb99dc251fc519d9484cd9820b190effa1de', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type || '', disabled: !!this.orderType, part: orderTypeTerminalOrdersListFilterParam })), h("div", { key: '4581e4f414e0acf62b61f3b343ec0dbc462aeb71', class: "p-2" }, h("form-control-date", { key: '2c9373178da8fdd87f99843cb18634b00fbc7724', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterTerminalOrdersListFilterParam })), h("div", { key: '882a33df41cdf11e5a0ec84ffefdb8eab8026a19', class: "p-2" }, h("form-control-date", { key: '2915ce84bbf61c73548112f8fdb894593f0c5695', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: '1426d09efdcd667674d448b2bb572436ed4a5787' }, h("table-filters-menu", { key: '0aadfbc5ba334e99f0cd16496faa7671114c7ee8', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '6a0344eb0be7848cbf3ca6e9c862e69beacd78ae', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'c383e57642f44332dde7f1526c0908353add6db1', class: "p-2" }, h("form-control-select", { key: '4b0a4b2772ba57a3952943b583ebad965f7fd74c', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status || '', disabled: !!this.orderStatus, part: orderStatusTerminalOrdersListFilterParam })), h("div", { key: 'cdcfceef054dc263efa88f6b95d51ffd2190accd', class: "p-2" }, h("form-control-select", { key: '664b377599b07ff344df1e8f7c63eb5fdaf20cb7', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type || '', disabled: !!this.orderType, part: orderTypeTerminalOrdersListFilterParam })), h("div", { key: 'e8b6e71186f760045f613191f8f511e0c0389622', class: "p-2" }, h("form-control-date", { key: 'b321911aba223d6c88acde201ffced30f98acb24', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterTerminalOrdersListFilterParam })), h("div", { key: '219bfedd2c9268c8218e2cc66ca755bc447608ec', class: "p-2" }, h("form-control-date", { key: '70e620e3f6335751838b0eb33a165f28f49685a3', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: createdBeforeTerminalOrdersListFilterParam }))))));
     }
     static get is() { return "justifi-terminal-orders-list-filters"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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