@justifi/webcomponents 6.0.0-rc.15 → 6.0.0-rc.16

package/dist/module/justifi-apple-pay.js

@@ -1,11 +1,10 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { A as Api } from './Api.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { S as Skeleton } from './skeleton.js';
-import { c as checkoutStore, a as onChange } from './checkout.store.js';
+import { c as checkoutStore } from './checkout.store.js';
 
 var ApplePaySessionStatus;
 (function (ApplePaySessionStatus) {
@@ -35,45 +34,6 @@ var ApplePayMerchantCapability;
     ApplePayMerchantCapability["SUPPORTS_CREDIT"] = "supportsCredit";
     ApplePayMerchantCapability["SUPPORTS_DEBIT"] = "supportsDebit";
 })(ApplePayMerchantCapability || (ApplePayMerchantCapability = {}));
-class ApplePayConfig {
-    constructor(data) {
-        this.merchantIdentifier = data.merchantIdentifier;
-        this.displayName = data.displayName;
-        this.initiative = data.initiative;
-        this.initiativeContext = data.initiativeContext;
-        this.buttonType = data.buttonType || ApplePayButtonType.PLAIN;
-        this.buttonStyle = data.buttonStyle || ApplePayButtonStyle.BLACK;
-        this.buttonLocale = data.buttonLocale || 'en-US';
-    }
-    get isValid() {
-        return !!(this.merchantIdentifier &&
-            this.displayName &&
-            this.initiative &&
-            this.initiativeContext);
-    }
-}
-class ApplePayPaymentRequest {
-    constructor(data) {
-        this.countryCode = data.countryCode;
-        this.currencyCode = data.currencyCode;
-        this.merchantCapabilities = data.merchantCapabilities;
-        this.supportedNetworks = data.supportedNetworks;
-        this.total = data.total;
-        this.lineItems = data.lineItems;
-        this.shippingMethods = data.shippingMethods;
-        this.applicationData = data.applicationData;
-        this.supportedCountries = data.supportedCountries;
-    }
-    get isValid() {
-        var _a, _b, _c, _d;
-        return !!(this.countryCode &&
-            this.currencyCode &&
-            ((_a = this.merchantCapabilities) === null || _a === void 0 ? void 0 : _a.length) &&
-            ((_b = this.supportedNetworks) === null || _b === void 0 ? void 0 : _b.length) &&
-            ((_c = this.total) === null || _c === void 0 ? void 0 : _c.label) &&
-            ((_d = this.total) === null || _d === void 0 ? void 0 : _d.amount));
-    }
-}
 class ApplePayHelpers {
     static isApplePaySupported() {
         var _a;
@@ -127,298 +87,6 @@ class ApplePayHelpers {
     }
 }
 
-class ApplePayService {
-    constructor() {
-        this.api = Api();
-    }
-    /**
-     * Initialize Apple Pay configuration
-     */
-    initialize(applePayConfig) {
-        this.applePayConfig = new ApplePayConfig(applePayConfig);
-        if (!this.applePayConfig.isValid) {
-            throw new Error('Invalid Apple Pay configuration provided');
-        }
-    }
-    /**
-     * Validate merchant with Apple Pay servers via API
-     */
-    async validateMerchant(authToken, accountId) {
-        const endpoint = 'apple_pay/merchant_session';
-        try {
-            const response = await this.api.post({
-                endpoint,
-                authToken,
-                headers: {
-                    'Sub-Account': accountId,
-                },
-            });
-            return response;
-        }
-        catch (error) {
-            console.error('Backend validation failed:', error);
-            throw new Error('Merchant validation failed');
-        }
-    }
-    /**
-     * Process Apple Pay payment via API (fixed to match original logic)
-     */
-    async processPayment(authToken, accountId, payload) {
-        const endpoint = 'apple_pay/process_token';
-        const result = await this.api.post({
-            endpoint,
-            authToken,
-            body: payload,
-            headers: {
-                'Sub-Account': accountId,
-            },
-        });
-        return {
-            success: result.id && !!result.data.token,
-            data: result,
-        };
-    }
-    /**
-     * Check if Apple Pay is available on this device/browser
-     */
-    isAvailable() {
-        return (ApplePayHelpers.isApplePaySupported() && ApplePayHelpers.canMakePayments());
-    }
-    /**
-     * Check if the user has an active card for the merchant
-     */
-    async canMakePaymentsWithActiveCard() {
-        if (!this.applePayConfig) {
-            throw new Error('Apple Pay not initialized. Call initialize() first.');
-        }
-        return await ApplePayHelpers.canMakePaymentsWithActiveCard(this.applePayConfig.merchantIdentifier);
-    }
-    /**
-     * Start Apple Pay session
-     */
-    async startPaymentSession(paymentRequest, authToken, accountId) {
-        if (!this.applePayConfig) {
-            throw new Error('Apple Pay not initialized. Call initialize() first.');
-        }
-        // if (!this.isAvailable()) {
-        //   throw new Error('Apple Pay is not available on this device/browser');
-        // }
-        const request = new ApplePayPaymentRequest(paymentRequest);
-        if (!request.isValid) {
-            throw new Error('Invalid payment request provided');
-        }
-        this.currentPaymentRequest = request;
-        return new Promise((resolve, reject) => {
-            try {
-                this.currentSession = new window.ApplePaySession(3, request);
-                this.setupSessionEventHandlers(resolve, reject, authToken, accountId);
-                this.currentSession.begin();
-            }
-            catch (error) {
-                reject({
-                    success: false,
-                    error: {
-                        code: 'SESSION_ERROR',
-                        message: error instanceof Error
-                            ? error.message
-                            : 'Failed to start Apple Pay session',
-                    },
-                });
-            }
-        });
-    }
-    /**
-     * Abort current Apple Pay session
-     */
-    abortPaymentSession() {
-        if (this.currentSession) {
-            this.currentSession.abort();
-            this.currentSession = undefined;
-            this.currentPaymentRequest = undefined;
-        }
-    }
-    /**
-     * Setup Apple Pay session event handlers
-     */
-    setupSessionEventHandlers(resolve, reject, authToken, accountId) {
-        if (!this.currentSession ||
-            !this.applePayConfig ||
-            !this.currentPaymentRequest) {
-            return;
-        }
-        this.currentSession.onvalidatemerchant = async () => {
-            try {
-                if (!authToken) {
-                    throw new Error('Authentication token not provided.');
-                }
-                const merchantSession = await this.validateMerchant(authToken, accountId);
-                try {
-                    this.currentSession.completeMerchantValidation(merchantSession);
-                }
-                catch (completionError) {
-                    console.error('Error calling completeMerchantValidation:', completionError);
-                    throw completionError;
-                }
-            }
-            catch (error) {
-                console.error('=== MERCHANT VALIDATION ERROR ===');
-                console.error('Error during merchant validation:', error);
-                console.error('Error stack:', error.stack);
-                this.currentSession.abort();
-                reject({
-                    success: false,
-                    error: {
-                        code: 'MERCHANT_VALIDATION_ERROR',
-                        message: error instanceof Error
-                            ? error.message
-                            : 'Merchant validation failed',
-                    },
-                });
-            }
-        };
-        this.currentSession.onpaymentauthorized = async (event) => {
-            try {
-                const payment = event.payment;
-                const paymentPayload = Object.assign(Object.assign({}, payment.token), { product_details: {
-                        name: this.currentPaymentRequest.total.label,
-                        price: ApplePayHelpers.parseAmount(this.currentPaymentRequest.total.amount),
-                        description: this.currentPaymentRequest.total.label,
-                    } });
-                const paymentResult = await this.processPayment(authToken, accountId, paymentPayload);
-                if (paymentResult.success) {
-                    this.currentSession.completePayment({
-                        status: ApplePaySessionStatus.STATUS_SUCCESS,
-                    });
-                    resolve({
-                        success: true,
-                        token: payment.token,
-                        paymentMethodId: paymentResult.data.id,
-                    });
-                }
-                else {
-                    console.error('PSP reported payment failure:', paymentResult.data);
-                    this.currentSession.completePayment({
-                        status: ApplePaySessionStatus.STATUS_FAILURE,
-                    });
-                    reject({
-                        success: false,
-                        error: {
-                            code: 'PAYMENT_PROCESSING_ERROR',
-                            message: 'Payment processing failed',
-                        },
-                    });
-                }
-            }
-            catch (error) {
-                console.error('=== PAYMENT PROCESSING ERROR ===');
-                console.error('Error processing payment:', error);
-                console.error('Error stack:', error.stack);
-                this.currentSession.completePayment({
-                    status: ApplePaySessionStatus.STATUS_FAILURE,
-                });
-                reject({
-                    success: false,
-                    error: {
-                        code: 'PAYMENT_PROCESSING_ERROR',
-                        message: error instanceof Error
-                            ? error.message
-                            : 'Payment processing failed',
-                    },
-                });
-            }
-            finally {
-                this.currentSession = undefined;
-                this.currentPaymentRequest = undefined;
-            }
-        };
-        this.currentSession.onpaymentmethodselected = () => {
-            const paymentUpdate = {
-                newTotal: this.currentPaymentRequest.total,
-                newLineItems: this.currentPaymentRequest.lineItems || [],
-            };
-            try {
-                this.currentSession.completePaymentMethodSelection(paymentUpdate);
-            }
-            catch (error) {
-                console.error('Error completing payment method selection:', error);
-                this.currentSession.abort();
-            }
-        };
-        this.currentSession.onshippingmethodselected = () => {
-            this.currentSession.completeShippingMethodSelection({
-                status: ApplePaySessionStatus.STATUS_SUCCESS,
-                newTotal: this.currentPaymentRequest.total,
-                newLineItems: this.currentPaymentRequest.lineItems || [],
-            });
-        };
-        this.currentSession.oncancel = (event) => {
-            if (event.sessionError) {
-                console.error(event.sessionError);
-                switch (event.sessionError.code) {
-                    case 'unknown':
-                        console.error('Unknown error - likely merchant validation issue');
-                        console.error('This usually means:');
-                        console.error('1. Merchant certificate is invalid or expired');
-                        console.error('2. Merchant identifier mismatch');
-                        console.error('3. Backend validation endpoint issues');
-                        break;
-                    case 'invalidMerchantSession':
-                        console.error('Invalid merchant session provided');
-                        console.error('Check that the merchant session from backend is valid');
-                        break;
-                    case 'userCancel':
-                        console.error('User cancelled the payment');
-                        break;
-                    default:
-                        console.error('Other error code:', event.sessionError.code);
-                }
-            }
-            this.currentSession = undefined;
-            this.currentPaymentRequest = undefined;
-            reject({
-                success: false,
-                error: {
-                    code: 'USER_CANCELLED',
-                    message: 'User cancelled the Apple Pay session',
-                },
-            });
-        };
-        if ('onerror' in this.currentSession) {
-            this.currentSession.onerror = (error) => {
-                console.error('=== APPLE PAY SESSION ERROR ===');
-                console.error('Session error:', error);
-                this.currentSession = undefined;
-                this.currentPaymentRequest = undefined;
-                reject({
-                    success: false,
-                    error: {
-                        code: 'SESSION_ERROR',
-                        message: 'Apple Pay session error occurred',
-                    },
-                });
-            };
-        }
-    }
-    /**
-     * Create a basic payment request
-     */
-    static createPaymentRequest(amount, label, countryCode = 'US', currencyCode = 'USD') {
-        return {
-            countryCode,
-            currencyCode,
-            merchantCapabilities: ApplePayHelpers.getDefaultMerchantCapabilities(),
-            supportedNetworks: ApplePayHelpers.getDefaultSupportedNetworks(),
-            total: ApplePayHelpers.createLineItem(label, amount),
-        };
-    }
-    /**
-     * Get current configuration
-     */
-    getApplePayConfig() {
-        return this.applePayConfig;
-    }
-}
-
 const ApplePaySkeleton = (props) => {
     const { isReady } = props;
     if (isReady) {
@@ -651,25 +319,29 @@ const ApplePay = /*@__PURE__*/ proxyCustomElement(class ApplePay extends HTMLEle
             }
         };
     }
-    componentWillLoad() {
-        this.applePayService = new ApplePayService();
-        this.unsubscribeCheckoutLoaded = onChange("checkoutLoaded", (loaded) => {
-            console.log("checkoutLoaded", loaded);
-            if (loaded) {
-                this.initializeApplePay();
-            }
-        });
-        this.initializeApplePay();
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.unsubscribeCheckoutLoaded) === null || _a === void 0 ? void 0 : _a.call(this);
-        this.unsubscribeCheckoutLoaded = undefined;
-    }
-    watchPropsChange() {
-        this.initializeApplePay();
-    }
+    // private unsubscribeCheckoutLoaded?: () => void;
+    // componentWillLoad() {
+    //   this.unsubscribeCheckoutLoaded = onChange("checkoutLoaded", (loaded) => {
+    //     this.applePayService = new ApplePayService();
+    //     console.log("checkoutLoaded", loaded);
+    //     if (loaded) {
+    //       this.initializeApplePay();
+    //     }
+    //   });
+    // }
+    // disconnectedCallback() {
+    //   this.unsubscribeCheckoutLoaded?.();
+    //   this.unsubscribeCheckoutLoaded = undefined;
+    // }
+    // @Watch("merchantIdentifier")
+    // @Watch("buttonType")
+    // @Watch("buttonStyle")
+    // @Watch("disabled")
+    // watchPropsChange() {
+    //   this.initializeApplePay();
+    // }
     async initializeApplePay() {
+        console.log("initializeApplePay", checkoutStore.checkoutLoaded);
         try {
             this.isLoading = true;
             this.error = null;
@@ -678,9 +350,9 @@ const ApplePay = /*@__PURE__*/ proxyCustomElement(class ApplePay extends HTMLEle
                 Boolean(checkoutStore.paymentCurrency) &&
                 Boolean(checkoutStore.authToken);
             if (!hasRequiredConfig) {
-                this.error = "Missing required Apple Pay configuration";
+                this.error = "Missing required Apple Pay configuration blabla blabla 2";
                 this.isConfigValid = false;
-                console.error("Apple Pay config error: missing required values", {
+                console.error("Apple Pay config error: missing required values blabla blabla 2", {
                     paymentAmount: checkoutStore.paymentAmount,
                     paymentCurrency: checkoutStore.paymentCurrency,
                     hasAuthToken: Boolean(checkoutStore.authToken),
@@ -746,29 +418,24 @@ const ApplePay = /*@__PURE__*/ proxyCustomElement(class ApplePay extends HTMLEle
         this.applePayCancelled.emit();
     }
     render() {
-        const shouldHide = !this.isLoading &&
-            (!this.isConfigValid || !this.isAvailable || !this.canMakePayments || !checkoutStore.checkoutLoaded);
-        if (shouldHide) {
-            return null;
-        }
+        // const shouldHide =
+        //   !this.isLoading &&
+        //   (!this.isConfigValid || !this.isAvailable || !this.canMakePayments || !checkoutStore.checkoutLoaded);
+        // if (shouldHide) {
+        //   return null;
+        // }
         const isReady = !this.isLoading &&
             this.isAvailable &&
             this.canMakePayments &&
             this.isConfigValid;
-        return (h(StyledHost, null, h("script", { async: true, src: 'https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js' }), h("div", { class: 'apple-pay-container' }, h(ApplePaySkeleton, { isReady: isReady }), !this.isLoading &&
-            this.isAvailable &&
-            this.canMakePayments && (h(ApplePayButton, { buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick }))), h("style", null, `
+        return (h(StyledHost, { key: 'ea33bc759d2849cf013cb6f98367c8d78c799acb' }, checkoutStore.checkoutLoaded && (h("script", { key: '9ed6140223a8788ca194a8978a9ca8e1e30eb10e', async: true, src: 'https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js', onLoad: () => {
+                this.initializeApplePay();
+            } })), h("div", { key: '6501d8cb4c4119eadf9112db4fca876437138bcc', class: 'apple-pay-container' }, h(ApplePaySkeleton, { key: '1aee83e3deac0d0f68d2788f65401a1d7c48047f', isReady: isReady }), isReady && (h(ApplePayButton, { key: 'eb05dde5789f5f1bb83e75127c222996a38c8fef', buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick }))), h("style", { key: '8060bf6771c12f47d482f0a774e4fd6547e50a2e' }, `
             .apple-pay-container {
               width: 100%;
             }
           `)));
     }
-    static get watchers() { return {
-        "merchantIdentifier": ["watchPropsChange"],
-        "buttonType": ["watchPropsChange"],
-        "buttonStyle": ["watchPropsChange"],
-        "disabled": ["watchPropsChange"]
-    }; }
 }, [257, "justifi-apple-pay", {
         "countryCode": [1, "country-code"],
         "merchantIdentifier": [1, "merchant-identifier"],
@@ -787,11 +454,6 @@ const ApplePay = /*@__PURE__*/ proxyCustomElement(class ApplePay extends HTMLEle
         "isSupported": [64],
         "getPaymentMethods": [64],
         "abort": [64]
-    }, undefined, {
-        "merchantIdentifier": ["watchPropsChange"],
-        "buttonType": ["watchPropsChange"],
-        "buttonStyle": ["watchPropsChange"],
-        "disabled": ["watchPropsChange"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/dist/module/justifi-button2.js

@@ -11,7 +11,7 @@ const JustifiButton = /*@__PURE__*/ proxyCustomElement(class JustifiButton exten
         this.type = 'button';
     }
     render() {
-        return (h(StyledHost, { key: 'fae177edc7a7a898f1782a01c26b65fb11c50c65' }, h(Button, { key: 'c097e63cce36a5b4e2cb522bf17ba2519c354c6e', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
+        return (h(StyledHost, { key: '48098276e0808052803f0d16df68ba23d529c4ab' }, h(Button, { key: 'c62e8d2d9208dc180180b4283edea991c5a93c57', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
     }
 }, [257, "justifi-button", {
         "text": [1],

package/dist/module/justifi-header2.js

@@ -18,7 +18,7 @@ const Header = /*@__PURE__*/ proxyCustomElement(class Header extends HTMLElement
     }
     render() {
         const HeaderComponent = this.levels[this.level];
-        return (h(StyledHost, { key: 'ae04a67a1eaf95d6d093fef23911ac4eb1523cfe' }, h(HeaderComponent, { key: '51b27dd180d113ebe9ac52f7ff10c494926f7cdf', text: this.text, class: this.class })));
+        return (h(StyledHost, { key: 'eb3651b698897193d34a6c6456cd57dd0bd0bc43' }, h(HeaderComponent, { key: '39caee687f93d3d4d90e62d9fbcae318eaa8022e', text: this.text, class: this.class })));
     }
 }, [257, "justifi-header", {
         "text": [1],

package/dist/module/justifi-order-terminals.js

@@ -231,7 +231,7 @@ const OrderTerminals = /*@__PURE__*/ proxyCustomElement(class OrderTerminals ext
         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: 'd30fa51dfc5de12c0c70b642a8ad43093717b6e3' }, h("div", { key: '022332e39a80c3cc276ad8e0f56e98a592f14f0a', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: '3ea6cebd4ab6bc47090056581482dab8502175c1' }, h("div", { key: '383dc710920b5119841d5cf6f1b596ebc349fd5a', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
 }, [257, "justifi-order-terminals", {
         "businessId": [1, "business-id"],

package/dist/module/justifi-payment-transactions-list.js

@@ -181,7 +181,7 @@ const PaymentTransactionsList = /*@__PURE__*/ proxyCustomElement(class PaymentTr
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        return (h(StyledHost, { key: '94919675808cd7b7df82403b7fa40e72c763f676' }, h(TableWrapper, { key: 'e405a069813214b692d7efb39b1a2b8313291088' }, h(TableComponent, { key: '27c7d5a96075d6e1e3b25d18272b4f4f57e374f0' }, h(TableHead, { key: 'e80e58ed2c38902adc86b7088cf9094b1e4f2540' }, h(TableHeadRow, { key: '641c6bc3d69a20bbd4624043cca1178f6e7257ba' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'b1a029e801f1f87f35201ba8725bff6e9cc5eb28' }, h(TableLoadingState, { key: '8af52c5f9a0072502e64539900aeae2d08dce1ce', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'df0d89fd7fee252611ea45052373b59974d86c81', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '1ae2c61e4eaa643ed47cd37ec2a7fa192b99ec11', 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: 'c3b9d5df20e37e8325ce8b99360ed5547078b9a6' }, h(TableFootRow, { key: '8ae2ddda61552ff945b075287654d0bfc64a8dae' }, h(TableFootCell, { key: 'ee9fe2a43b9ea6e6916d196fbfcf67f87b46821c', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '79f03d48df9fde25ee3ceb9b5a369b1d8296caa8', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: 'c73dfcd1d3038dbca6800b9bd0f4e6c5fba2b8bf' }, h(TableWrapper, { key: '66d8f92a96f2ace82c05d10a9f538d6ad22b588f' }, h(TableComponent, { key: 'cff0e6344efd035f264326ecc79615bddfe8d0ac' }, h(TableHead, { key: '702e53ae1d59ab674425f4753c1cf0b6415feacd' }, h(TableHeadRow, { key: '7773de2d113af30b3a0d64405dce5d5e09a0bb8c' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '7b86d982f52037349b5cc2f7ec5fa800e38ed519' }, h(TableLoadingState, { key: '040c3dfb101c1ea127cfcf982e4415ae94661b2a', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '6d25f8a886cf9b15ea9c17c44dfe0bce6125c557', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '60bb435ecf7a595cdb028df4cd95c1361ce06c8d', 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: 'accb2e3cb9dc8521c50db6a8ed306f91e5aa44c7' }, h(TableFootRow, { key: 'a4408276ce552fe4c43c60f79e7a2a3602566b2c' }, h(TableFootCell, { key: '20b13cc71f8b62166e8b6e9fce5dea2d1b4c5ac0', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '90657ed6a805af46446bc8fb316a52252a9a2bf4', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["propChanged"],

package/dist/module/justifi-payments-list-filters.js

@@ -56,8 +56,8 @@ const PaymentsListFilters = /*@__PURE__*/ proxyCustomElement(class PaymentsListF
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'b5002714bcb9cc1e61fa95500a591c2810fdc33a' }, h("table-filters-menu", { key: '44a5340b38f0b8cbe0d6f0d008491367b9c9f282', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: '44720a808b1d5745088d06e23e63772baf385932', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '3eb2c21ffbfb14bef3689068f7f3d6b424d2c942', class: "p-2" }, h("form-control-text", { key: '12b5b93d5139e0385c42de82bfaf967ddd0f6725', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '9ca6b70ffce0a39ae9f04302d6ce176a0b37cff0', class: "p-2" }, h("form-control-text", { key: '38f41d65e26e8cd2018ae1154dbf1a44a35ba1bb', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '4d4676911e45812980b058e3f9b110eda7adbee2', class: "p-2" }, h("form-control-select", { key: '1bb9ac03025ef1cca4415224520bf1e37d08e212', 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: 'a1b72c587590cb39afbb09314f53e1109f6a1a3e', class: "p-2" }, h("form-control-date", { key: '939164307d2eae2b18d2ec660d5bb255288f33a1', 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: '879cb627b5913c8b43f76202d7c743eda194fb0c', class: "p-2" }, h("form-control-date", { key: 'c9d9dfdb534f940d7d4510f30bf613687cfdb841', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: 'ef06ca5d0df145fd2c7f82fb164a4098b1654e7c' }, h("table-filters-menu", { key: '32739ded26b3a11092e5237d363b5b280c859f0c', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: '2e123d80c45a92944811b9124e13f6cfc2e11cc0', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'd9e5facfe21e0896a4f0542a12592f11c54c0bc8', class: "p-2" }, h("form-control-text", { key: '084cec1084b8be08a5520891479aa4b4ab168ab7', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: 'c86027af0c49931a34e31e185cfc3c0d1093caf9', class: "p-2" }, h("form-control-text", { key: '694b5ddd5f90af1d73320cb6e29ce2e3aafce0b8', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '4d2e5e1a0e76a58be68255e08a2a4f09dbbbc481', class: "p-2" }, h("form-control-select", { key: 'd4fa79604b6f9a390a63601001bc2ba8f8af425a', 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: '54cc9fb98d5c0f6d96abb592d5e22c037634089c', class: "p-2" }, h("form-control-date", { key: '95001198266f09607e34d0c1fa5c1d0693b67b0a', 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: '3510ccb63020969b2777c65ed82cfab9027dccd8', class: "p-2" }, h("form-control-date", { key: '428a3195efb976842c186aa0b4ec76ebfb1b7836', 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 }))))));
     }
 }, [257, "justifi-payments-list-filters", {

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

@@ -90,7 +90,7 @@ const PaymentsList = /*@__PURE__*/ proxyCustomElement(class PaymentsList extends
         }
     }
     render() {
-        return (h(StyledHost, { key: 'dc98dc21eec289a19e15963d492b999429d4d605' }, h("payments-list-core", { key: 'd0f6d59769de1fc3ac20d228d4059ac5b9951a93', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '4cdd2e9a318226408d47198bf2de40a750a71d01' }, h("payments-list-core", { key: '87964c5dd33fd3b716964227cd990539d5d13fc4', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-payout-transactions-list.js

@@ -190,7 +190,7 @@ const PayoutTransactionsList = /*@__PURE__*/ proxyCustomElement(class PayoutTran
         return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
     }
     render() {
-        return (h(StyledHost, { key: 'fab19f2659fa5297abcae562adeaebded41eac70' }, h(TableWrapper, { key: '78c5f9820a23a91210340cc02cb43c57022ebcd2' }, h(TableComponent, { key: 'a6133e4790a58d0f758a3e8f47438bf338e0e89c' }, h(TableHead, { key: '21cc8b9db76e0fd3693974672133c34d0b426946' }, h(TableHeadRow, { key: 'e279da66e4318220bfbf24abc47e68e223c96c9a' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '0c5d0a5e90aa1074f27a223b9cb24f82c2e06744' }, h(TableLoadingState, { key: '9a73e7b326c56b0e71c8f0d418560581687f80f7', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'ae235f7049467b252ec2c6423dc03c27774f1af7', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '2ada40b042e00356971e98068a92a1d0dce13088', 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: '7360357eab024ac7ba4d207eb24f5ab8ffcfce11' }, h(TableFootRow, { key: '556919733baf7b61e9db840eeef074dd9cec6765' }, h(TableFootCell, { key: 'a18ea36eadf8d38cf98ed70258ef8f7c3f564bcd', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '4910c7a49d08f6c2db8ce4db34e7055111916fea', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: 'f795f89fe39f8cded7f0d9c671df8e3e86de6f03' }, h(TableWrapper, { key: '5bb5f805a78965068f675012a1a491e5dd3d4416' }, h(TableComponent, { key: 'c75e72fb5bde6b3f8f127be4d76ef1fa66ce6781' }, h(TableHead, { key: '3dfb03ed0205f6fff21953e0a4c85e8b151680a1' }, h(TableHeadRow, { key: '169156e61bdf1ce6e10b89c660526a7ec9efb860' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '1e59e340e98ace8291acfbe26836e5b2b7b7dd29' }, h(TableLoadingState, { key: '3c1a420d293d24ac9434f034c7e6de7a83698b63', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '2038ebb6ff5480d74b0bb6a6ecf31a9531f606ef', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '48582c83e384b4e5ba81c4d0055dc9e727a81cdd', 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: '0bb2c1f4085278db7b114c8b9c5a11702a1840d1' }, h(TableFootRow, { key: '2cc9fe5d66b433b392da1e0a1ae265db6404002d' }, h(TableFootCell, { key: 'cb21e30d68c92758efa03fbd16509ff28ab5e316', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'e5ac8aa63ddb08d7f70976cfceccbadab3b8efa9', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["propChanged"],

package/dist/module/justifi-payouts-list-filters.js

@@ -37,8 +37,8 @@ const PayoutsListFilters = /*@__PURE__*/ proxyCustomElement(class PayoutsListFil
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '527a9fe5ee51ca33480e25dfeccb19e5d8d01119' }, h("table-filters-menu", { key: '23333b0ff3d5bc75fe54bdf02682e71ec96b18a4', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: '550b8d065a34d6ea7dd6d6d88cdd2e8251bda0ff', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '1ad60bfbe0cbae190707a424c8a41e42f5aaedc8', class: "p-2" }, h("form-control-date", { key: '05e7871138c213d3d96c17b7af477fbbe59252a0', 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: '7839226398149bc15261f6b258ebbd4b08a6322c', class: "p-2" }, h("form-control-date", { key: '7e3a9c9ef1c5ffbb68bf6d7044336e1b9cc28a76', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
+        return (h(StyledHost, { key: '83debaafb73e9143b6e2e7804f69c4124845d01e' }, h("table-filters-menu", { key: '162c3af697cef40e2a93c7e0245ec4d7d385f361', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: '7e118d535a6bed14a1ea6e7ed920fd682bbd3705', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'dfd557f8d5a3f834bbaa5164ef2c1e7d3c19adcc', class: "p-2" }, h("form-control-date", { key: '01d9e16489abce36d4f770c4c06912923026860f', 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: '9e7167618cc737911056c9217dc6a1ca77c1f41b', class: "p-2" }, h("form-control-date", { key: 'd80e6e2ebda1cd8f290daff21908f7dba1af2d7a', 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 }))))));
     }
 }, [257, "justifi-payouts-list-filters", {

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

@@ -104,7 +104,7 @@ const PayoutsList = /*@__PURE__*/ proxyCustomElement(class PayoutsList extends H
         }
     }
     render() {
-        return (h(StyledHost, { key: 'd18659f462fa7e34d2cec6c5bc99a25208bfe2d5' }, h("payouts-list-core", { key: 'fb0d8aade040e7b9fe6273a457ee5f9f5ee0eadb', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (h(StyledHost, { key: '73ac65b309e80186e0f7799385d012e91ceb1b8b' }, h("payouts-list-core", { key: 'f7767376f3155521445cb2ee48b9a20c362c8137', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-skeleton.js

@@ -9,7 +9,7 @@ const JustifiSkeleton$1 = /*@__PURE__*/ proxyCustomElement(class JustifiSkeleton
         this.__attachShadow();
     }
     render() {
-        return (h(StyledHost, { key: 'c54376afe1b0cebb0394ede10307bcdb32d68bb5' }, h(Skeleton, { key: '681e9e9d33bd7c2385e7b527f9093a93fbf884bb', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
+        return (h(StyledHost, { key: 'c995981caeae785829f1ef75454b2759243e8adb' }, h(Skeleton, { key: '9c63cf385499820bb1acd3503e126363485684f6', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
     }
 }, [257, "justifi-skeleton", {
         "component": [1],

package/dist/module/justifi-terminal-orders-list-filters.js

@@ -62,8 +62,8 @@ const TerminalOrdersListFilters = /*@__PURE__*/ proxyCustomElement(class Termina
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '1260582328ade12685fc82194b9494660ae3c920' }, h("table-filters-menu", { key: '63cb3736337d0de6aea184d077ea21151f06cc30', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '34f9a90dc1ce7ea6ce83d05766bdd98f0f1cb5a9', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'f64f80aa91221e129a6a15a42e7625c9a3a3761f', class: "p-2" }, h("form-control-select", { key: 'dd840170915b7c584e74e1e32f27934c41f89f8a', 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: '7a90a376f7cfa09c3c03f55673f17abab8f6de19', class: "p-2" }, h("form-control-select", { key: 'd3d648ad27ec7a64cc339230134a0e86a3b81a80', 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: 'f88bc7868f89f8d352bd3625925303cf7f41dd36', class: "p-2" }, h("form-control-date", { key: 'e39cb7f23ab8b4c6984f22c1765831a641a60b82', 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: 'bb82b0d8c53aa19b5490b05e3030113a4dc72487', class: "p-2" }, h("form-control-date", { key: '0f2a808035f2f9c8fb9158bb69831e3b5ad723f8', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: '3042752f6f3bf4eb4f379aa256ff2a17d7fe8627' }, h("table-filters-menu", { key: '9a2a446701c17e3aa1ecbc89fa383c3a3c16b3d1', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '8c5533b280615974883fba9da4b87c066f7af5be', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'bbe71c8c5f2b49da9a38638ac4bda646cc4f7770', class: "p-2" }, h("form-control-select", { key: '235922673a4ef8e7392b3e46b3c0bd326f7abe79', 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: 'd66c4305848a6f85867307d0448bfb2d7a80b698', class: "p-2" }, h("form-control-select", { key: '480bd03e3ba6ea595c1602bbdf657f369f133adb', 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: 'ffdbbbac93a6498fe52f21c91a70998ad1094596', class: "p-2" }, h("form-control-date", { key: '60c95da005a50430e5a81d3b14f0b7a627480534', 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: '7e30fed8bbf9ba6db03d70d7b70a5f669d761ce9', class: "p-2" }, h("form-control-date", { key: 'ce490f4c346a3e455ae6f44e781b126ca46391d5', 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 }))))));
     }
 }, [257, "justifi-terminal-orders-list-filters", {

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

@@ -96,7 +96,7 @@ const TerminalOrdersList = /*@__PURE__*/ proxyCustomElement(class TerminalOrders
         }
     }
     render() {
-        return (h(StyledHost, { key: '9c393138daa19db378cbecd35d78d7b85d6388d9' }, h("terminal-orders-list-core", { key: '5757dd9496f72ab9e9933cae2e13726173cf75f4', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '55f0bf858787e00c304972c941a477815712df9d' }, h("terminal-orders-list-core", { key: '2d47e23bc2157d79254f34dfe0551fb32a9d88cc', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
 }, [257, "justifi-terminal-orders-list", {
         "accountId": [1, "account-id"],