@justifi/webcomponents 6.12.7-rc.3 → 6.13.0

package/dist/module/justifi-checkout-summary2.js

@@ -16,7 +16,7 @@ const JustifiCheckoutSummary = /*@__PURE__*/ proxyCustomElement(class JustifiChe
         this.__attachShadow();
     }
     render() {
-        return (h(StyledHost, { key: '4dda3e1e4f81cfda61011706c2f4e3104815d97c' }, h("section", { key: 'f8bbdeb389afbfc906e6cc956a68f9a3485ed43c' }, h("div", { key: '2f8019ae43d5d4a5835ec6d5674304bd321d34b7' }, h("div", { key: '67626fe735d0c0372fe638960198592027fb24f5', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '48d8b4b930d2f3b199bc0a59c93ef4f1339f7649' }, h("span", { key: 'ca6413ce719ae81eaa4654911cdfc09d63f9a9db', part: text }, "Total"), "\u00A0", h("span", { key: '9ed165b192efa2ecf2f77a129d33161e36b1594f', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
+        return (h(StyledHost, { key: '336fa6563952ee7905c2ed4a3330d73bbb33a0eb' }, h("section", { key: '48b8798a925d618f5a2c52d743190207b78eb70a' }, h("div", { key: '81d91167c10ccc49acb039ea54a9f97f4aa6e305' }, h("div", { key: '9744242f2c2c3082e9c1a3af6e716ec4cb28f1fd', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '438062935abd2f00495c432ef6652e3808e5215f' }, h("span", { key: 'e3f24d9c52ddae0206cbefe61bd08f24697fe28e', part: text }, "Total"), "\u00A0", h("span", { key: '9835cb60de31a2c8946b7ac2dd6d1fa82f223110', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
     }
 }, [257, "justifi-checkout-summary"]);
 function defineCustomElement() {

package/dist/module/justifi-checkout.js

@@ -110,9 +110,9 @@ const JustifiCheckout$1 = /*@__PURE__*/ proxyCustomElement(class JustifiCheckout
     }
     render() {
         var _a, _b;
-        return (h(StyledHost, { key: 'ffd2abaacc7edae588a9abe3a4ff96807b34fcff' }, h("justifi-modular-checkout", { key: '9196c278e24353aeb1ac02c85253d629f683522b', ref: (el) => {
+        return (h(StyledHost, { key: 'bc8428227b2fc0e0753c4ef4e2370cd34bd34e82' }, h("justifi-modular-checkout", { key: '9fda18728d6fb5b20716070cefc2fcf8ef097459', ref: (el) => {
                 this.modularCheckoutRef = el;
-            }, authToken: this.authToken, checkoutId: this.checkoutId, preCompleteHook: this.preCompleteHook }, h("div", { key: '895298286bc0aa6acbda896a4f148dd4f8d7e7d2', class: "row gy-3 jfi-checkout-core" }, h("div", { key: 'dd186ed2f0fd479cd60024423b6d55625b962e55', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: '920d4eca26846aa1cbc16693fa45a9d8054d95a7', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '560f8c3757a7cf53fd0aa898fd243b16a2f8e8d5' }, h("justifi-checkout-summary", { key: '31faa6ca984aa22985927a1f80273c86a67c7025' }))), h("div", { key: '3128ae40a739573da32598213a289d8751503fb0', class: "col-12 mt-4" }, h("slot", { key: '4a310881bbc4017734082d5c4f6b41d3d5f2a424', name: "insurance" })), h("div", { key: '8047c4da62e2fd67bd0b3f8654c6a19c0cacc255', class: "col-12 mt-4" }, h("justifi-header", { key: '631ff14201f6246906e3e1572515de21a7977773', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: '7fdc560ef42a5c2e8571f332e3c4ce8ff460d235', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: '81dcb52c051044adb4dbd92ac73ee3096edc592b', class: "d-flex flex-column" }, h("section", { key: '4359903b195009a2e8fb997a1f77880cba40dea4' }, h("div", { key: '21728867e6288c3fb7d5e5a6ee3d15974568b866' }, this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: 'bdaa6b6c6d09cba294b2e46b85270241c86d2251', class: "mb-3" }, h("justifi-apple-pay", { key: '150d707bff7b79a1d19141f21a9c47e00e54418a' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.GOOGLE_PAY) && (h("div", { key: 'ce2be06b20a1e7d0159fde68a1c5c349c2d11998', class: "mb-3" }, h("justifi-google-pay", { key: '0fc867ce77467eb1f1fd198a62e88bd2795f4914', ref: (el) => (this.googlePayRef = el) }))), h("justifi-saved-payment-methods", { key: '0bb1999c093b3837bfdb879134dc54f66c90e164' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: '1599be9bcea7569d822a204c805f08f18a4e00a4', name: "paymentMethodType", value: PAYMENT_METHODS.SEZZLE, checked: ((_a = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.SEZZLE, label: h("justifi-sezzle-payment-method", { ref: (el) => (this.sezzlePaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.sezzlePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), this.availablePaymentMethods.includes(PAYMENT_METHODS.PLAID) && !this.disableBnpl && (h("justifi-radio-list-item", { key: 'c1de230257d290efa05f7a7166c2f069451c71a3', name: "paymentMethodType", value: PAYMENT_METHODS.PLAID, checked: ((_b = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === PAYMENT_METHODS.PLAID, label: h("justifi-plaid-payment-method", { ref: (el) => (this.plaidPaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.plaidPaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), h("justifi-tokenize-payment-method", { key: '44bca4ee57857afd4eee213cef98db2d4bd42490', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkoutStore.paymentMethodGroupId }))))), h("div", { key: 'e5b6b4ac6b0fcec20380082f1b4cc5ba73bb88aa', class: "mt-4" }, h("justifi-button", { key: '188a8f46fd37b5f4f2d9b3ba7ff179d44d4a6656', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: checkoutStore.isSubmitting || checkoutStore.isWalletProcessing, isLoading: checkoutStore.isSubmitting || checkoutStore.isWalletProcessing, customStyle: { width: '100%', textAlign: "center" } }))))));
+            }, authToken: this.authToken, checkoutId: this.checkoutId, preCompleteHook: this.preCompleteHook }, h("div", { key: 'e39f9871696d44cea2080198c7b91d03b706f2fd', class: "row gy-3 jfi-checkout-core" }, h("div", { key: 'df6045e9394b10f9b3e4b86e1a2242db30cc9b7b', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: '8f4332bd43371106faf4e264fd5b27c97cb589aa', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: 'a7170276f18b9fa4b085c4d5de35979d55935929' }, h("justifi-checkout-summary", { key: '109aceb53ad2500e927230b3f82bbb07ab3f604c' }))), h("div", { key: '902e040bbd591408c9d292a592ca4d31fc838d85', class: "col-12 mt-4" }, h("slot", { key: '2677cb4952d88a8ce8f0198b96ed2638d4f4e6eb', name: "insurance" })), h("div", { key: '32c033bba12a7b7bf26159bd1878d6fa4ed913d9', class: "col-12 mt-4" }, h("justifi-header", { key: '74543b63c1b94a5200ad36236818fce7345d5d76', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: '8e7c56c75bb779211b72c0b8561df8283b731ca1', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: 'c2b0a875169b46dcd7d73428e3f1a4825b380ce5', class: "d-flex flex-column" }, h("section", { key: 'c5f007674c058e88d271c17f0b6b9c959bd0e044' }, h("div", { key: '2c4ecdd0f8708f9f80bae50362ba7fab295f788f' }, this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: '5ac363a3b7c38cb3f10e9c2c7916825f0f5dc2d8', class: "mb-3" }, h("justifi-apple-pay", { key: '498c03630e4057b54ebd12a3cd87b6b6bdb00c4b' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.GOOGLE_PAY) && (h("div", { key: '8c8114d142927739a3217d3a0a44c34c89e58f83', class: "mb-3" }, h("justifi-google-pay", Object.assign({ key: 'a2fbc5b99a83fbc52698422d2f57a3380f97733f', ref: (el) => (this.googlePayRef = el) }, (this.googlePayEnv != null ? { environment: this.googlePayEnv } : {}))))), h("justifi-saved-payment-methods", { key: '2e5b27eea7ef433e950feadae0b0a07f8b613533' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: 'fb1501c51eaf836579547bc50c295ebb67cb09c1', name: "paymentMethodType", value: PAYMENT_METHODS.SEZZLE, checked: ((_a = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.SEZZLE, label: h("justifi-sezzle-payment-method", { ref: (el) => (this.sezzlePaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.sezzlePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), this.availablePaymentMethods.includes(PAYMENT_METHODS.PLAID) && !this.disableBnpl && (h("justifi-radio-list-item", { key: '49e0687b4955fb92935783250540fe38350bbdcc', name: "paymentMethodType", value: PAYMENT_METHODS.PLAID, checked: ((_b = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === PAYMENT_METHODS.PLAID, label: h("justifi-plaid-payment-method", { ref: (el) => (this.plaidPaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.plaidPaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), h("justifi-tokenize-payment-method", { key: 'ba793274de073c8a60c063e9caedcf32780b4bbf', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkoutStore.paymentMethodGroupId }))))), h("div", { key: 'ed7be422c4e369382fd42e0b0162357df7de2031', class: "mt-4" }, h("justifi-button", { key: '849d648feec5ce805d6eb87acacf94d62e7a8f1b', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: checkoutStore.isSubmitting || checkoutStore.isWalletProcessing, isLoading: checkoutStore.isSubmitting || checkoutStore.isWalletProcessing, customStyle: { width: '100%', textAlign: "center" } }))))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -130,6 +130,7 @@ const JustifiCheckout$1 = /*@__PURE__*/ proxyCustomElement(class JustifiCheckout
         "disablePaymentMethodGroup": [4, "disable-payment-method-group"],
         "hideBankAccountBillingForm": [4, "hide-bank-account-billing-form"],
         "hideCardBillingForm": [4, "hide-card-billing-form"],
+        "googlePayEnv": [1, "google-pay-env"],
         "preCompleteHook": [16],
         "availablePaymentMethods": [32],
         "checkout": [32],

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

@@ -70,8 +70,8 @@ const JustifiCheckoutsListFilters$1 = /*@__PURE__*/ proxyCustomElement(class Jus
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '1bb72de3ffad74d0e287f6f988f2737a94190709' }, h("table-filters-menu", { key: 'e7e1c2d657b5af5dfcf6e13b262dbd3787583206', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'df26c6a8c7ec477103995c07c079c01a4bea0729', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '6fd0f286cb30997439879d1c9b69b8ab39651a99', class: "p-2" }, h("form-control-text", { key: 'b6a070c40b1da5ea9f59c8c6f47f517181948230', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: filterParam })), h("div", { key: 'f6ae07ac4b9afcb307fa6ce5ff6a0b6610169a69', class: "p-2" }, h("form-control-text", { key: 'c27c86b9a14d806bcd6d2d2a070812e31ae558ee', name: "successful_payment_id", label: "Successful Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.successfulPaymentId || filterParams.successful_payment_id, disabled: !!this.successfulPaymentId, part: filterParam })), h("div", { key: '54b26c583902c853db8709b311870c94d5332bd2', class: "p-2" }, h("form-control-select", { key: '3747bd2c6f2196a56059f36febc30057b8dc13de', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: filterParam })), h("div", { key: '5a875750872d5446c42db9a840c3670425c46ebb', class: "p-2" }, h("form-control-select", { key: '58eff7fbca6653532540506c7cef66df0f54af38', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: filterParam })), h("div", { key: 'dca10b3b14055c6c2351f4fa8f11b609625f1a26', class: "p-2" }, h("form-control-date", { key: 'bfb85e61a9ee01a1cb3c2907ad06b6d37bbdc081', 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: filterParam })), h("div", { key: '1772c182c957b053e77599935e3d61c1a66186a6', class: "p-2" }, h("form-control-date", { key: 'f7965bd4b2689359e76d3cec250bfd7eb5ba7870', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: '1c4b39ee0103e6905affa774f202dd76f147bc89' }, h("table-filters-menu", { key: '9cb0457d0e6ce05925f4e0da04532008020dd46e', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'e5c370717e3cf2571f2017d185c7f3ea08eab1c8', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '2e3c1832bb800fa9065b189a299234fafa7eb4e3', class: "p-2" }, h("form-control-text", { key: '33e1e31d842aa0b8c47e3ea1bc12cc860691f5e3', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: filterParam })), h("div", { key: '4dcfe2f56d8405f376eb4aa52deaea0fb64e8ff5', class: "p-2" }, h("form-control-text", { key: '272ba42827048aa45ada6090eaf9574950ebaca2', name: "successful_payment_id", label: "Successful Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.successfulPaymentId || filterParams.successful_payment_id, disabled: !!this.successfulPaymentId, part: filterParam })), h("div", { key: '7c4e0ad12e0031a70aeaec5a0423d9b0b45c70a4', class: "p-2" }, h("form-control-select", { key: '87775c3a0d1de63301dde682f79a7c2c11a4958b', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: filterParam })), h("div", { key: 'e751b51d9e2725addd6e9b082bf326fc039b0a7a', class: "p-2" }, h("form-control-select", { key: '642fc1af53bc89d1604a864f4088781096cd24a2', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: filterParam })), h("div", { key: 'a95638261e002677c51299342d34bafc8a8615b4', class: "p-2" }, h("form-control-date", { key: 'ca017b89e5ae0ea3f4d55ade8de2acbdc2062c86', 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: filterParam })), h("div", { key: '0585dff7f655db9da4f3c2124eac6c90b74dbe3b', class: "p-2" }, h("form-control-date", { key: '50fee01232661f33c1996549cf6523c92dc937c4', 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: filterParam }))))));
     }
 }, [257, "justifi-checkouts-list-filters", {

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

@@ -1,7 +1,7 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import './config-state.js';
 import './dinero.js';
-import { p as Checkout, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
+import { q as Checkout, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
@@ -269,8 +269,8 @@ const JustifiCheckoutsList$1 = /*@__PURE__*/ proxyCustomElement(class JustifiChe
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(StyledHost, { key: '2f9efac8723333029415ef131516946912bb313c' }, h(TableWrapper, { key: '024c7a532533721acda9740a0888b1c15fa624fe' }, h(TableComponent, { key: '06bf1c6db731eb5857b08615222ca47a85ffc4a8' }, h(TableHead, { key: '0754f9cd87a3b32a5368e7fb7538071cf6be0505' }, h(TableHeadRow, { key: '5db4c5beea0e6e9afc29e16b5789a32ad94509dd' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '9140294035b04b549578d74374271f8a9fd78162' }, h(TableLoadingState, { key: 'bf495d00b9bc4ee28b67c8f1b3258306f9202142', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '92f8a1245cc022fa3b254bb1fe8d659f75c62923', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '2e6ab100026afb29f199dd33e52de5ae77e6576c', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData &&
-            this.checkoutsTable.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: '3a1b55572eb0fc2ffcef1a39f6bfae5693056752' }, h(TableFootRow, { key: 'f61a3cc86fda3ec95075381403916f5fb1c46ca6' }, h(TableFootCell, { key: '7d937a0d228062f42f49dca5bdb436d54354563e', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '05454876b7faeeb73fb8f896a2425e5f9db12ee3', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: 'd384dda32587dfc469e998b2b8f209ef17aef775' }, h(TableWrapper, { key: '98f2472188e64a236fd5cc581efe2895a6de58a3' }, h(TableComponent, { key: 'f02db4d024b9d2250a637fb28dca06eaff1d894c' }, h(TableHead, { key: '8c96bfa14e4e2154c1f575595f9597d3adc640df' }, h(TableHeadRow, { key: '08cddf6a31fbe99c8b46f61ceca996acb9b87f0b' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '99b88bfdb3871f82d653b00536f22c5c17cf38ac' }, h(TableLoadingState, { key: 'e05e1d543481df360b42e5563d5963277d10110e', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '3c4e19d3e8c9c779249efa63be592fbf5948b6ae', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '7660b4991974dc46d8fb9dfd28ef7ea79d8e22e0', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData &&
+            this.checkoutsTable.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: 'd56c6cb6a529dabf00c5260a39a2e2ab8e3749be' }, h(TableFootRow, { key: 'd28363ad8d8823f3da097edb263aa10308cbdb04' }, h(TableFootCell, { key: 'd6fcce3cf39e43718e8b15d42445c053d0feaa21', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '6b956571ed6ae297df5430cad4be92eee2bdb9cc', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "accountId": ["authPropChanged"],

package/dist/module/justifi-dispute-management.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { D as Dispute, C as ComponentErrorSeverity, a as ComponentErrorCodes, k as DisputeStatus } from './Plaid.js';
+import { D as Dispute, C as ComponentErrorSeverity, a as ComponentErrorCodes, l as DisputeStatus } from './Plaid.js';
 import { J as JustifiAnalytics } from './Analytics.js';
 import { c as checkPkgVersion } from './check-pkg-version.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils3.js';
@@ -146,7 +146,7 @@ const JustifiDisputeManagement$1 = /*@__PURE__*/ proxyCustomElement(class Justif
         });
     }
     render() {
-        return (h(StyledHost, { key: 'a9185f55e6f2704ec8ba85c5061e8c46338481e3' }, h("div", { key: 'e4851b3fa85ec428929b7868c0748b56c0172c8b' }, this.showDisputeResponseForm ? (h("dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading })))));
+        return (h(StyledHost, { key: 'e95c2e42f6e966681986089eccd9c0c6099d7214' }, h("div", { key: '18e936c7fd6992cfc18f8e98a2eda2f333c862f2' }, this.showDisputeResponseForm ? (h("dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading })))));
     }
     static get watchers() { return {
         "disputeId": ["propChanged"],

package/dist/module/justifi-google-pay2.js

@@ -37,7 +37,6 @@ const JustifiGooglePay = /*@__PURE__*/ proxyCustomElement(class JustifiGooglePay
         this.googlePayStarted = createEvent(this, "googlePayStarted", 7);
         this.googlePayCompleted = createEvent(this, "googlePayCompleted", 7);
         this.googlePayCancelled = createEvent(this, "googlePayCancelled", 7);
-        this.environment = "PRODUCTION";
         this.merchantDisplayName = "JustiFi Checkout";
         this.iframeReady = false;
         this.sdkLoaded = false;
@@ -96,12 +95,18 @@ const JustifiGooglePay = /*@__PURE__*/ proxyCustomElement(class JustifiGooglePay
     disconnectedCallback() {
         window.removeEventListener("message", this.handleMessage);
     }
+    googlePayEnvironment() {
+        if (this.environment !== undefined) {
+            return this.environment;
+        }
+        return checkoutStore.checkoutMode === "test" ? "TEST" : "PRODUCTION";
+    }
     sendInitialize() {
         var _a;
         if (!((_a = this.iframeElement) === null || _a === void 0 ? void 0 : _a.contentWindow))
             return;
         const config = {
-            environment: this.environment,
+            environment: this.googlePayEnvironment(),
             gatewayMerchantId: checkoutStore.accountId,
             merchantName: this.merchantDisplayName,
             authToken: checkoutStore.authToken,

package/dist/module/justifi-gross-payment-chart.js

@@ -11003,9 +11003,9 @@ const generateChartOptions = (total, dates, endDate) => {
                     intersect: false,
                     callbacks: {
                         label: (context) => {
-                            let index = context.dataIndex;
-                            let date = formatDisplayDate(dates[index].date, endDate);
-                            let value = formatCurrency(dates[index].value);
+                            const index = context.dataIndex;
+                            const date = formatDisplayDate(dates[index].date, endDate);
+                            const value = formatCurrency(dates[index].value);
                             return [date, value];
                         },
                     }

package/dist/module/justifi-header2.js

@@ -20,7 +20,7 @@ const JustifiHeader = /*@__PURE__*/ proxyCustomElement(class JustifiHeader exten
     }
     render() {
         const HeaderComponent = this.levels[this.level];
-        return (h(StyledHost, { key: '879e301ec35e7cc536dec135e11daf140c67eeed' }, h(HeaderComponent, { key: '1766cb9a4d84bee1b3365b4df93515274cf31565', text: this.text, class: this.class })));
+        return (h(StyledHost, { key: '5a0872ee486bdba3ba1c86145946889bb7d151f2' }, h(HeaderComponent, { key: '89807e249cdf64f7ef80800276cb50966083f28e', text: this.text, class: this.class })));
     }
 }, [257, "justifi-header", {
         "text": [1],

package/dist/module/justifi-modular-checkout2.js

@@ -4,71 +4,16 @@ import { J as JustifiAnalytics } from './Analytics.js';
 import { c as checkPkgVersion } from './check-pkg-version.js';
 import './config-state.js';
 import './dinero.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes, f as ComponentErrorMessages, I as ICheckoutStatus } from './Plaid.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes, d as ComponentErrorMessages, I as ICheckoutStatus } from './Plaid.js';
 import './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils3.js';
+import { m as makeGetCheckout, a as makeCheckoutComplete } from './checkout-actions.js';
 import { C as CheckoutService } from './checkout.service.js';
 import { P as PlaidService } from './plaid.service.js';
 import { i as insuranceValuesOn, h as hasInsuranceValueChanged, a as insuranceValues } from './insurance-state.js';
 import { P as PAYMENT_METHODS, a as PaymentMethod, b as PAYMENT_MODE } from './ModularCheckout.js';
 
-const makeGetCheckout = ({ authToken, checkoutId, service }) => async ({ onSuccess, onError }) => {
-    var _a;
-    try {
-        const response = await service.fetchCheckout(authToken, checkoutId);
-        if (!response.error) {
-            const checkout = response.data;
-            onSuccess({ checkout });
-        }
-        else {
-            const responseError = getErrorMessage(response.error);
-            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
-            return onError({
-                error: responseError,
-                code,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-        }
-    }
-    catch (error) {
-        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
-        return onError({
-            error: error.message || error,
-            code,
-            severity: ComponentErrorSeverity.ERROR,
-        });
-    }
-};
-const makeCheckoutComplete = ({ authToken, checkoutId, service }) => async ({ payment, onSuccess, onError }) => {
-    var _a;
-    try {
-        const response = await service.complete(authToken, checkoutId, payment);
-        if (!response.error) {
-            const checkout = response.data;
-            onSuccess({ checkout });
-        }
-        else {
-            const responseError = getErrorMessage(response.error);
-            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
-            return onError({
-                error: responseError,
-                code,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-        }
-    }
-    catch (error) {
-        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
-        return onError({
-            error: error.message || error,
-            code,
-            severity: ComponentErrorSeverity.ERROR,
-        });
-    }
-};
-
 const JustifiModularCheckout = /*@__PURE__*/ proxyCustomElement(class JustifiModularCheckout extends HTMLElement {
     constructor(registerHost) {
         super();
@@ -230,24 +175,30 @@ const JustifiModularCheckout = /*@__PURE__*/ proxyCustomElement(class JustifiMod
         }
     }
     updateStore(checkout) {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         checkoutStore.accountId = checkout.account_id;
         checkoutStore.checkoutLoaded = true;
-        checkoutStore.paymentMethods = checkout.payment_methods.map((paymentMethod) => new PaymentMethod(paymentMethod));
+        const rawMode = checkout.mode != null ? String(checkout.mode).toLowerCase() : '';
+        checkoutStore.checkoutMode =
+            rawMode === 'test' ? 'test' : rawMode === 'live' ? 'live' : null;
+        const mappedPaymentMethods = checkout.payment_methods.map((paymentMethod) => new PaymentMethod(paymentMethod));
+        const achEnabled = Boolean((_a = checkout.payment_settings) === null || _a === void 0 ? void 0 : _a.ach_payments);
+        checkoutStore.paymentMethods = mappedPaymentMethods.filter((pm) => pm.type !== PAYMENT_METHODS.SAVED_BANK_ACCOUNT || achEnabled);
         checkoutStore.paymentMethodGroupId = checkout.payment_method_group_id;
         checkoutStore.paymentDescription = checkout.payment_description;
         checkoutStore.totalAmount = checkout.total_amount;
         checkoutStore.paymentAmount = checkout.payment_amount;
         checkoutStore.bnplEnabled = checkout.payment_settings.bnpl_payments;
         checkoutStore.insuranceEnabled = checkout.payment_settings.insurance_payments;
-        checkoutStore.bankAccountVerification = (_a = checkout.payment_settings) === null || _a === void 0 ? void 0 : _a.bank_account_verification;
-        checkoutStore.applePayEnabled = (_b = checkout.payment_settings) === null || _b === void 0 ? void 0 : _b.apple_payments;
-        checkoutStore.googlePayEnabled = (_c = checkout.payment_settings) === null || _c === void 0 ? void 0 : _c.google_payments;
-        checkoutStore.bnplProviderClientId = (_d = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _d === void 0 ? void 0 : _d.provider_client_id;
-        checkoutStore.bnplProviderMode = (_e = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _e === void 0 ? void 0 : _e.provider_mode;
-        checkoutStore.bnplProviderApiVersion = (_f = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _f === void 0 ? void 0 : _f.provider_api_version;
+        checkoutStore.bankAccountVerification = (_b = checkout.payment_settings) === null || _b === void 0 ? void 0 : _b.bank_account_verification;
+        checkoutStore.applePayEnabled = (_c = checkout.payment_settings) === null || _c === void 0 ? void 0 : _c.apple_payments;
+        checkoutStore.googlePayEnabled = (_d = checkout.payment_settings) === null || _d === void 0 ? void 0 : _d.google_payments;
+        checkoutStore.achPaymentsEnabled = achEnabled;
+        checkoutStore.bnplProviderClientId = (_e = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _e === void 0 ? void 0 : _e.provider_client_id;
+        checkoutStore.bnplProviderMode = (_f = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _f === void 0 ? void 0 : _f.provider_mode;
+        checkoutStore.bnplProviderApiVersion = (_g = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _g === void 0 ? void 0 : _g.provider_api_version;
         checkoutStore.bnplProviderCheckoutUrl =
-            (_g = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _g === void 0 ? void 0 : _g.provider_checkout_url;
+            (_h = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _h === void 0 ? void 0 : _h.provider_checkout_url;
     }
     emitCheckoutChanged() {
         const detail = {
@@ -268,7 +219,8 @@ const JustifiModularCheckout = /*@__PURE__*/ proxyCustomElement(class JustifiMod
             if (tag === 'justifi-card-form') {
                 checkoutStore.selectedPaymentMethod = { type: PAYMENT_METHODS.NEW_CARD };
             }
-            else if (tag === 'justifi-bank-account-form') {
+            else if (tag === 'justifi-bank-account-form' &&
+                (!checkoutStore.checkoutLoaded || checkoutStore.achPaymentsEnabled)) {
                 checkoutStore.selectedPaymentMethod = { type: PAYMENT_METHODS.NEW_BANK_ACCOUNT };
             }
         }
@@ -458,7 +410,6 @@ const JustifiModularCheckout = /*@__PURE__*/ proxyCustomElement(class JustifiMod
             });
             return;
         }
-        let payment;
         const mapTypeToPaymentMode = (type) => {
             switch (type) {
                 case PAYMENT_METHODS.NEW_CARD:
@@ -477,7 +428,7 @@ const JustifiModularCheckout = /*@__PURE__*/ proxyCustomElement(class JustifiMod
                     return undefined;
             }
         };
-        payment = {
+        const payment = {
             payment_mode: mapTypeToPaymentMode((_e = checkoutStore.selectedPaymentMethod) === null || _e === void 0 ? void 0 : _e.type),
             payment_token: checkoutStore.paymentToken,
         };
@@ -514,7 +465,7 @@ const JustifiModularCheckout = /*@__PURE__*/ proxyCustomElement(class JustifiMod
         });
     }
     render() {
-        return h(Host, { key: 'c3de4a4b90c599a374678d98c324a6b24dbec50d' });
+        return h(Host, { key: '545e1cb07252ba0dc78fa980bd17ee5572559f6c' });
     }
     get hostEl() { return this; }
 }, [256, "justifi-modular-checkout", {

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

@@ -6,7 +6,7 @@ import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { c as checkPkgVersion } from './check-pkg-version.js';
 import { J as JustifiAnalytics } from './Analytics.js';
-import { r as TerminalModel, C as ComponentErrorSeverity, s as TerminalOrder, i as TerminalOrderType, a as ComponentErrorCodes } from './Plaid.js';
+import { s as TerminalModel, C as ComponentErrorSeverity, t as TerminalOrder, j as TerminalOrderType, a as ComponentErrorCodes } from './Plaid.js';
 import { B as BusinessService } from './business.service.js';
 import { b as Business } from './Business.js';
 import { m as makeGetBusiness } from './get-business.js';
@@ -208,7 +208,7 @@ const JustifiOrderTerminals$1 = /*@__PURE__*/ proxyCustomElement(class JustifiOr
         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: 'a6d128c8f7075ba4bf6dc033e357dac187cdb965' }, h("div", { key: '9e726c70efc7e9b9163ded2ca1e88dc4303b2f21', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: '1fd8c50ac4e22bb2aac46ed0379f4740737e9760' }, h("div", { key: 'caed839c05af25c7bcd6599c45cd5058491a1ba9', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
 }, [257, "justifi-order-terminals", {
         "businessId": [1, "business-id"],

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

@@ -1,7 +1,7 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import { P as PaymentService } from './payment.service.js';
 import { m as makeGetPaymentDetails } from './get-payment-details.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes, l as PaymentStatuses, k as DisputeStatus } from './Plaid.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes, m as PaymentStatuses, l as DisputeStatus } from './Plaid.js';
 import { J as JustifiAnalytics } from './Analytics.js';
 import { c as checkPkgVersion } from './check-pkg-version.js';
 import './config-state.js';
@@ -97,16 +97,16 @@ const JustifiPaymentDetails$1 = /*@__PURE__*/ proxyCustomElement(class JustifiPa
         return this.payment.status;
     }
     render() {
-        return (h(StyledHost, { key: 'f4952600aea69aae085ac57364e96397d1a20e51' }, this.loading && h(PaymentDetailsLoading, { key: '2f819c97a1a6ddb9df2a11e0cd6a5bc013ed19ae' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: '35a58e3917bdc3133f02374c0e031374be7c728c', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: 'dad5f79ea18ef718b92bf2c2abbbba34542d6caa', 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: '12e7cfb4f4f56a1af8403b935cb51db3751f1395', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '023945353c0cbab340f4f510951164f110045ea5', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'dcb261f7c4faf53eb686cfd5c8e0ade39a72bdea', title: "ID", value: this.payment.id })), h("div", { key: 'a7774df4ece900dc67494377cf648bf64f558490', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'ef4a9197d4eb47d81c11c7f974f1e4058d5e3166', sectionTitle: "Details" }), h("div", { key: '17ef105d1b37ad34cce4bdd17cbf2e4023c0e2e5', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'dbb764a1a6cbe949d2e281334e2f420f957b98fe', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '7a3547ade7107456956618c72a95056a0771d219', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '94df0647f7286a4a7c9001f9e82b4277fe0f8457', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '59c13e257938124af50adfaa73571f152c402bd4', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '6abf719a072a3a1ea5878d999e517dafb7ba19d5', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: 'c494d2b4be8c9e13747f0299a618ea6c9ff723d7', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '1024b282558896dcb2c4ab7718045d98a6f6853e', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '6bf6fb7f648609fdeaa4e5a0b6f3d4c7bcd4af97', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '43da8b6ab1aa87b6b938f1d0fd95708399cb9cc0', title: "Description", value: this.payment.description }), h(DetailItem, { key: 'e6180466f4341e2c438f09cc42feb518f59aded4', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: '289f80acfa3cd41f82637e8f9d9e63dac4c11b5b', sectionTitle: "Payment Method" }),
-            h("div", { key: '616a2e7ae000581dd481725c57a644fc3e0a9b7c', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '2c13ea8a771e2f155a9e3d5dbae78c7800f31adb', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '62700836b3bd9656d07dc58d0d07d164c091cd74', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '528ad4dddccaa7f5bc274b3b297557f659d46789', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: 'fdf2ad89e4e7ad253e16bff9038dc79da5a71b19', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '0b2c505e1fae49414414d5e839b1bdc849290c41', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: 'f304cb665f17ce96b6d97a38d94907629f559413' }, this.loading && h(PaymentDetailsLoading, { key: '709acde31230bd9e825e4e9669234492aff3cc3a' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: '09a4a2559fb89a5b4b57d81b0fd48952c219d348', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: '7cbfece91ce9e5fab75d561ad369080ecbe76fa4', 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: '4aa014d77def141d2053c3745b8215cc03a53ac7', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: 'f344398f4fd4db6e1e7ca1335c3aa55630668475', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'a01e5a04400b996cfb2a9e563c8f383b8e8d7c66', title: "ID", value: this.payment.id })), h("div", { key: 'ef0c63d53031dfa8910dfbdedede1e20ac09e78a', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '5053784a7e3bd8932562a816921564aadd6d79c8', sectionTitle: "Details" }), h("div", { key: '43c56ee5a39589ea7a0107f32e274be439adf33a', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'fcee2dd211c9bf951cdd6855ac3fa844632391ce', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '44d055f3445f02feaeb4519b5f4777333089a8c6', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '906b584174bd5c329974274a2f1e1ef7e9e8fde0', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '809429e88eac8ebe8142bb0028f8b86447977697', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: 'e08c02efc64f105ce3180e9773584a331ae19a9b', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: 'fbb910b7006f9d4bff9b14ffd4fc2f7da8b68020', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '09fefc2d1a750ab2f5dfb2043db08d5f16d6d9aa', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '1d96f4557823f1d82d5c6e0e46a984c13c6f018b', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '51bfae7ef30f36c99c0fa1b25dc5397720ef88ff', title: "Description", value: this.payment.description }), h(DetailItem, { key: '5c44b3d40bfe6b2fbf258fee90f55ff24d0b3c28', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: '3d652ba331824448b7e7af969b2ead216f358e28', sectionTitle: "Payment Method" }),
+            h("div", { key: '49ad00ec9d703d196a025fa17b03f4af7cdc4dc5', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '2b1b3f57e74fd65dc4b82d727a94afbe14803c52', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'b23d5263566ff11d469dea9a245d20a7689540f8', title: "Payment Type", value: "Card" }), h(DetailItem, { key: 'f5f76d6d9ac609884aac18fe2743d4fad2192b86', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '22f296966b6f1aaf516b1d70144cff4f59b82c05', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: 'd7dcd0f7a74ed2cc5ba6406a7d48522ca06a7546', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: '2a04be5ee508a547661e1ff947c2c9b40da2a192', sectionTitle: "Payment Method" }),
-            h("div", { key: '1316f9c749960ca0ab4967ff03697583e690007d', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '46fe5297825ef0b9e3f34fdee6f47f3dd3b9272d', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '44f1f47522b94ce5e403d766ee71645b4285d675', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: 'f03369474996dc0ae52c7d909ac1bba51e291668', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: 'd697a0e2a954f0e4efb4cec27dcae9c57fa0ce54', title: "Account Owner", value: this.payment.payment_method.payersName }))
+            h(DetailSectionTitle, { key: '37a2a20c462cb94baa01ca7763d43ced04b4543c', sectionTitle: "Payment Method" }),
+            h("div", { key: 'f6de7746d5ff64d27368edef51b3c4e0ff7c658b', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '34e9b26c6d20e9b5e86e4cc11fb925ff1ef5ce94', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '32cd6da4d7234aca403bd699de23e1cf889bf14f', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: 'f1313ac7c15d5ae2d9dfa2b6d3ec794d0987252b', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '76d1ac1961e530a7a6e1ba5512b982cd70df9470', title: "Account Owner", value: this.payment.payment_method.payersName }))
         ], this.payment.metadata && [
-            h(DetailSectionTitle, { key: '7cdd88cc59c7852574b05e1709f85afe3bf7367e', sectionTitle: 'Metadata' }),
-            h("div", { key: 'bde3519c811862185b0757fd7c8a2a0a05117466', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '7675f134c9580381d495a1d7534e73b77583cb8b', metadata: this.payment.metadata }))
+            h(DetailSectionTitle, { key: '1cff262d07acda5bc742f325a23f4199c22f3a01', sectionTitle: 'Metadata' }),
+            h("div", { key: '77379785d2559d39a26a253757fdaf02795c53a1', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '92cb32f3dd6b45094210194e2e40927d7f9d6bde', metadata: this.payment.metadata }))
         ])))));
     }
     static get watchers() { return {

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

@@ -1,7 +1,7 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import './config-state.js';
 import './dinero.js';
-import { m as PaymentBalanceTransaction, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
+import { n as PaymentBalanceTransaction, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
@@ -187,7 +187,7 @@ const JustifiPaymentTransactionsList$1 = /*@__PURE__*/ proxyCustomElement(class
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        return (h(StyledHost, { key: 'a458269a6f875672be4d480411fc209c870fcc05' }, h(TableWrapper, { key: '6d072c9f1f3def61bfe10173220188da0b2c381f' }, h(TableComponent, { key: '41b8cabf14b498e4035db4d36ef9d4dcd4d10867' }, h(TableHead, { key: 'e77f2d5cd1347c2771584dadf619a1f21f7bdd5c' }, h(TableHeadRow, { key: '053904f66c5d4ebcb33cb5b1d2ca3cdf5fd1c290' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '5db67b01c7defdf97d2d2b305422254f9440564c' }, h(TableLoadingState, { key: '24a110c7377f2f9e9b98302237221d168756593d', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '195b3cdf57087d986ee1db13b0bb5b65a417f380', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '4e747cbbac4ffe88a9fe8bca59738feb8a0876bc', 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: '052862a5252fef6f4a466c667d4444778d4b84b0' }, h(TableFootRow, { key: '61d2a980ba3dd3c05955829741023ba814581f6c' }, h(TableFootCell, { key: '1e40eb28e0bb75ae6e044c4730c76fbd5054c654', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'e066808fae97d39fd1f81924d5de32767f1a5c97', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '24e7a4313ab91f179fd27b6596f012487de06815' }, h(TableWrapper, { key: '1f9a7a56a940e41dd865bc6f3a8681ce86d60d58' }, h(TableComponent, { key: 'a26ce09ae4df84698be1ea37cb735e38c0a0402e' }, h(TableHead, { key: '07f8655efd483e1d9240e65b17dc13583028f376' }, h(TableHeadRow, { key: '0b62a7700715dbaffbedc0538432d075a3158499' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'adf75fa50ddfb5257875b2779fc6c157812d4c19' }, h(TableLoadingState, { key: 'bc77de512b3e5fd1e6c4b8cf908b46027a3bc33f', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '413d46e184399cba3993f37efd64cb0d0a10d905', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '9deaa794dc848ed7c85cbadc3b4cfe7c9fb1176f', 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: '16ca0811bf42dc9419f8b77086e8e7e2cf6d0085' }, h(TableFootRow, { key: 'e11be42549832c35078acf47b7c165fe1e50ea98' }, h(TableFootCell, { key: '205d649068b84200b88adc1be9cfe192abfe13be', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '2a28645220d4f18b7037e461bd93eefc3aed49a0', 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

@@ -69,8 +69,8 @@ const JustifiPaymentsListFilters$1 = /*@__PURE__*/ proxyCustomElement(class Just
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '5a68fb9c6ed40a558aee38624c4a1a1f0bde51c9' }, h("table-filters-menu", { key: '5f99ec7b728aa7398176ce4e3cb1d574b7533f05', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'c2602fcc45ef5304e9931a54e638e64307134816', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'f3ca5428d5acb61baa1d63efe8e7c5ff50bba432', class: "p-2" }, h("form-control-text", { key: '5a8ff71ff5f86cdc0084b9fd6db6b84a6874cec0', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: filterParam })), h("div", { key: '52b7938337c6dd390c0a4d042a229f83195ed4b1', class: "p-2" }, h("form-control-text", { key: '6ac6132cfc26906541cd77f9d3a6f90a9405b708', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: filterParam })), h("div", { key: 'e325e13074ec776c8bb1663bd754d13002b64fd7', class: "p-2" }, h("form-control-select", { key: '0dd0ff17f1b59bfb0731bbb0c3a918330f9f817a', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status || '', disabled: !!this.paymentStatus, part: filterParam })), h("div", { key: '516164e1f585029e9f8a292fb6a2c7cc721767ec', class: "p-2" }, h("form-control-select", { key: 'caa3da5823cce6611055376ed4bb859e9ab8938f', name: "payment_mode", label: "Payment Mode", options: this.paymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: filterParam })), h("div", { key: 'acee82424117854be377c1e4d9c9f46b3f078941', class: "p-2" }, h("form-control-text", { key: 'b8958e92f3d19fe142150a28c81182d7549da0fe', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: filterParam })), h("div", { key: '0674143ab47a1e58ac00dd621da1242c8250e4e8', class: "p-2" }, h("form-control-text", { key: '90ba16232f5dcb96eea87f1cd3c5fa139dbabd35', name: "account_holder", label: "Account Holder", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.accountHolder || filterParams.account_holder, disabled: !!this.accountHolder, part: filterParam })), h("div", { key: '8ece87138034cd810c5dfcf17952fa8fe7112013', class: "p-2" }, h("form-control-date", { key: 'f927af3216ba515c174ebc89b45277bf769f6a06', 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: filterParam })), h("div", { key: '76536d176806d29c904365d19270492e3c6d6d4b', class: "p-2" }, h("form-control-date", { key: 'bae8982af239d24f82a0b6298694749fd554868a', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: '09966b2b69d97d14d988b1658c50755be453451b' }, h("table-filters-menu", { key: 'e5e1e3bf59528776e0ce67be1d57f442cc47d717', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'dfb76c7b261911aaecba4ddc179f935e076ab6a0', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'e875c8eb14dd1ca1bfe3d0973de89cba0627063d', class: "p-2" }, h("form-control-text", { key: 'cba3e7736f5d85f32ac8023125d59f25a4e5e427', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: filterParam })), h("div", { key: '468b20f8494330c1db0a00f63e928c656e47e463', class: "p-2" }, h("form-control-text", { key: 'f9a48b0116e239f97a39246647470fd7f8e3718f', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: filterParam })), h("div", { key: '805d358d7a091b4826f20af9df930f61cf754364', class: "p-2" }, h("form-control-select", { key: '07c7d0627be6629864cc9b130c347d110e7b337d', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status || '', disabled: !!this.paymentStatus, part: filterParam })), h("div", { key: 'aa3f3d30fe781dce7f516d80730362bed20348be', class: "p-2" }, h("form-control-select", { key: '7d70542a944db0588361ab5be7df9c8bf83d0463', name: "payment_mode", label: "Payment Mode", options: this.paymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: filterParam })), h("div", { key: 'df2642d3a148199d9ffbfd01cae6ba4aaef6f2a4', class: "p-2" }, h("form-control-text", { key: 'b462acc0489803f54b2beb4d8cc58bb1c11ebb48', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: filterParam })), h("div", { key: 'c5eb36e85489492d4cc66707762d04bf4e38e56f', class: "p-2" }, h("form-control-text", { key: '483a8cea7f8f1f6128fc16789b34015041fb250b', name: "account_holder", label: "Account Holder", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.accountHolder || filterParams.account_holder, disabled: !!this.accountHolder, part: filterParam })), h("div", { key: '669126e41e31c84745dd7c4c6dc0f0d2eb843e9a', class: "p-2" }, h("form-control-date", { key: '20b993fad450f448bc1cbce6a24c05f5038df2da', 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: filterParam })), h("div", { key: '49002f16423461fca88249d9fdd7fc0a27abe117', class: "p-2" }, h("form-control-date", { key: '5a3b0093e5c2593e1f39b82220511704210a6179', 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: filterParam }))))));
     }
 }, [257, "justifi-payments-list-filters", {

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

@@ -2,7 +2,7 @@ import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/i
 import { P as PaymentService } from './payment.service.js';
 import './config-state.js';
 import './dinero.js';
-import { d as Payment, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
+import { e as Payment, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
@@ -48,7 +48,7 @@ const makeGetPayments = ({ id, authToken, service }) => async ({ params, onSucce
         });
     }
     finally {
-        return final();
+        final();
     }
 };
 
@@ -207,7 +207,7 @@ const JustifiPaymentsList$1 = /*@__PURE__*/ proxyCustomElement(class JustifiPaym
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(StyledHost, { key: '66f641cbde94ea4332bef30308047ecc98cf6476' }, h(TableWrapper, { key: '5d5d4190722ddf09e31de6d680b3df248b41325c' }, h(TableComponent, { key: 'b5ab4878004d4911129941cd48a85564cada1f87' }, h(TableHead, { key: '14aeb8df18cdde57c028d741f11a011060c0b1b4' }, h(TableHeadRow, { key: 'ba5a4643b5fff9c0f9975ae5d350f9db8cc5d7b2' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: '0b26316eb9193cab9001a31a7f268cd5156d13e3' }, h(TableLoadingState, { key: '37c3545775d6e1586af72baf195f6a861fba0081', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: 'e3cde204ba86bab4813d6a06f948532c30271bb9', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '202602af08813968a81743c8966ecb17e3a67043', 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: 'b59fa3315491975cf7e5dd0ec26a4b1e0574438c' }, h(TableFootRow, { key: 'e974cf1d3ec92fa89139982030791d69e6d02b10' }, h(TableFootCell, { key: '74405261ad2cae3dc6267aab06ec1dd81f4d4ba8', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: 'cdcca8506afafb661d0c90ffe9a09f41f94a0862', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: 'b2c7bd7573c3a2cdc683e6ea0b22bc625eaddbc6' }, h(TableWrapper, { key: 'edcc04c18ae762b75aab3cebe31a5aab824843ef' }, h(TableComponent, { key: '98b6e699948ac65667497b59b0ac23e36d7ea212' }, h(TableHead, { key: '06830e440c2f5ea23acd0109f58dd6e11f6495bf' }, h(TableHeadRow, { key: '8a29564e85eb5a870c37c58cc57a149327f5405d' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: 'a03ffd7422fbf7f364a6f7545a0158fb0cd38691' }, h(TableLoadingState, { key: '6f48d9791c28a3407edddf97fc54a1a92c5e7dbc', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: 'ab948e22cf74e5db93835df17f93c200f0caf698', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '28064e964a0db825ba7d78bc84e55c88b5c8e0c3', 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: '036c71025fb6d150a3bdaa370e84e955ecf79b66' }, h(TableFootRow, { key: '373d7ac9f89a226a32a26a5ee7bb2a2246f8a454' }, h(TableFootCell, { key: 'a74ee4a4f5004dfe5e0513cfeea66c3b34b8d610', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '438d49d2094bb17488b8e2aa90fd0dbce100d920', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

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

@@ -2,7 +2,7 @@ import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/i
 import { P as PayoutService } from './payout.service.js';
 import './config-state.js';
 import './dinero.js';
-import { n as Payout, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
+import { o as Payout, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
 import './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
@@ -149,9 +149,9 @@ const JustifiPayoutDetails$1 = /*@__PURE__*/ proxyCustomElement(class JustifiPay
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: '78db4dcf016d394a4233ee35dd5722ad69512499' }, this.loading && h(PayoutDetailsLoading, { key: '1d58cc82472d7c0791335fa63730bff5ebcc9631' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'b53aab8af8b8be07f11634c0982c825f760d5a7c', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: 'c948bf4014d36ec5b2309c6c0e0923b1df071c1f', 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: '713295338c4727ef175e5fa1d69fc04b1bc52997', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '896552a6c52d0e34fa9cc3bce746c7ce15b17d19', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '1c7c6f0d68c6d79e8d90f832a0706f5021a4fec4', title: "ID", value: this.payout.id }), h("div", { key: 'e9bd1145f2b1fa3a15f70f3c512ee5688c20ab75', class: "m-4" }, h(Button, { key: 'd16c22b1663823a367501ee87f00d91a71f4bac3', variant: "outline-secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'cbe424bac249bf237b3e88f743584efb29feb327', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'd49a48f2d9585798e98908974903121da88dc7c7', sectionTitle: "Details" }), h("div", { key: 'd8b252055e73371e207b57d490b383b82a31f8d5', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'f7927f5b806737099e4cc183df745acee917873a', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '025b54550135be71ff478ef5d364a0e09b752d65', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'd6c855b3bf3abefb58d2e42725cc18c023502c28', title: "Payout Method", value: this.formatMethod(this.payout.delivery_method) }), h(DetailItem, { key: '66339c62f4798d78fc311b685c679cb2b6d8e5ab', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '834ee2666c057cd26abf121ff3509753f0dfe6dc', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '288998bdd428b55915e87b6d997fa6ca72bbc9ef', sectionTitle: "Account" }), h("div", { key: '8179ccd1df02f4789ed23160229467efec9c5661', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '60496ee62d3d36a874ae0f7fdb8e510e9eeaf263', title: "ID", value: this.payout.account_id, onClick: this.enableRecordClick ? () => this.handleRecordClick(this.payout.account_id) : undefined }), h(DetailItem, { key: 'c0f9bf43b9dd79640979fba0109e7e3861badae2', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '3473874ae44ca2e9a57f5d113f694596e54aaddb', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'e409d45df2bca00884f8fda2f2ab980065860d02', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '56c4d45303e8329e53ff3fdaacaafcde3def4f12', title: "Account Number", value: `**** ${this.payout.bank_account.account_number_last4}` })), this.payout.metadata && [
-            h(DetailSectionTitle, { key: '3c4aa0bd3b6921b4383c16b081f363715002cb52', sectionTitle: 'Metadata' }),
-            h("div", { key: '63baeb1d2d0f856fadea847369189135d129bcb2', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '31cdae9f97ac6683c92200f3b4270d324ef490b5', metadata: this.payout.metadata }))
+        return (h(StyledHost, { key: 'da86ceeb41265056f9bc64c07b3bd7db4a91471c' }, this.loading && h(PayoutDetailsLoading, { key: '49ae2848db4a5b59770c2b84bfba745861573a6d' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'b4e6740d49ae1099f28ea3d6f21fe0da48149c71', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: 'e9efbeeb7894996f318d90fb38826a6a9e4cc4b3', 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: 'feb913d2b90e86fb4f5575379e9b9a47adfa723f', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '9fe6da08323735948f145a72a02db26a6eb31f02', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: 'd01c4b7ea7c966b524026a6e97c0575466de3f74', title: "ID", value: this.payout.id }), h("div", { key: '4c4f73e5898caedbb1b7aba326dbfb0dcfbb59e6', class: "m-4" }, h(Button, { key: '622a6e8384da37f4bb3896bcafea46ef697b140e', variant: "outline-secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '9b9271663673dc2e78e89bec5c7c9c47daa6761e', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'ac5c6e1c09e63cd0616794b7df367a73889e37b2', sectionTitle: "Details" }), h("div", { key: '95f9d5a0097499fdb24f44ea87313c3b34a96068', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'ecf60d4a4783c8fb52e10222dd4f6e9935cd0910', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '289971a08641bc2dc725d603ef611291025cd6b4', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'd237aacbeb9b23ac0d45aa978350aad4824b0695', title: "Payout Method", value: this.formatMethod(this.payout.delivery_method) }), h(DetailItem, { key: '744ef2b8878b742483750fb921ca9790f6aa9ec1', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: 'dbf3327510523afc6edd78ea2926f99593da9748', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '15983342dbe916770291f33226b744e8c4c1129e', sectionTitle: "Account" }), h("div", { key: 'b3fb4353794dc490633a14abcc829ff0835d989f', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '665fbe47e3b35c0b7ffb3e6c17e15c3703c90250', title: "ID", value: this.payout.account_id, onClick: this.enableRecordClick ? () => this.handleRecordClick(this.payout.account_id) : undefined }), h(DetailItem, { key: 'aae46068a821d52a3e2ce041b6816a3096e6be35', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '951d9e01482b8af1a4137ba6bf5d7c0841de2873', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'a93882797ae9a401c3068f38212187cb050c629f', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '3c227b1f3c96d56e872da9eba038f4bf308d7254', title: "Account Number", value: `**** ${this.payout.bank_account.account_number_last4}` })), this.payout.metadata && [
+            h(DetailSectionTitle, { key: '288b1047c6e35cf7bd666badac477ef07e1faf3d', sectionTitle: 'Metadata' }),
+            h("div", { key: '118a5f4fc180219341494585aff2965599b3ee02', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '85139437199ae14fce241c57c06dce5a6250570b', metadata: this.payout.metadata }))
         ])))));
     }
     static get watchers() { return {

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

@@ -1,7 +1,7 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import { c as configState } from './config-state.js';
 import './dinero.js';
-import { o as PayoutBalanceTransaction, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
+import { p as PayoutBalanceTransaction, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
@@ -188,7 +188,7 @@ const JustifiPayoutTransactionsList$1 = /*@__PURE__*/ proxyCustomElement(class J
         return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
     }
     render() {
-        return (h(StyledHost, { key: 'f60ae9206262ae4b7f8852ac0d6e7089b4838c81' }, h(TableWrapper, { key: '39d31f954e05e6c941e6064a994193cc3b45cd14' }, h(TableComponent, { key: '007b157cc0b2c41f81cb4af0c7d72964b309ad68' }, h(TableHead, { key: 'b23c5ea0497058cb8e8c48f7c44290e22e0014b7' }, h(TableHeadRow, { key: '0ee5a4b9099853cdd4dbad93774d01f691ebe4f0' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '3ded164da6ca49b74ab137386b5ff2c364b4e569' }, h(TableLoadingState, { key: 'e22ea675edfbe08f6f75e3649d598b6bf1f76c44', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '4f64b72463bebfb7c93351379f29e8321744309a', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '62dccb5e3dabceb85f27da6d1e7837bf20eb0a1c', 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: 'a3633714d3d8ca82c40ad3f7eac5bbc92ee9b7a3' }, h(TableFootRow, { key: '97753d854fbeea88174fdf2c8a3abdbf5068a4ca' }, h(TableFootCell, { key: 'fb1f2991c433824e404711c38891580d58079278', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '077b2fa6ebe37283e39c7061682cd52653694b2c', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: 'e7b5b219c34d1c8610fb4113fedd503f0512db2d' }, h(TableWrapper, { key: '97bbe678c90ba115a091db4fac42560c17f557f2' }, h(TableComponent, { key: 'ef90c77cd8f19a80e2b3e2b514aa1bc735a1b783' }, h(TableHead, { key: 'f5f0a00594f099931f1ac1cd4e359bb8fab11ec8' }, h(TableHeadRow, { key: '559648add19e0426d756f71ecb7bbd5cbcf1349e' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '49f8da0be5dba34ffbb92805d7b5b0fb3eeb6bf7' }, h(TableLoadingState, { key: '1d61dc2157608f38eb34e64452d7089857e6c67d', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'd1f735fdb009740a186a16ea7e15d0320965a286', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'f50ecc151be5c9143fb69d575a1ef14b3aa17b61', 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: '560536e623b2437d613169af2980aec13ebb4531' }, h(TableFootRow, { key: '42b82920fdd6056bb654db92acf3741aafb13d99' }, h(TableFootCell, { key: 'e2545104fdac51e0ada942138a08714f213bce63', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '6a74b19f3fa02f0e86e00783a06b0dfba2bc0ed8', 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

@@ -57,8 +57,8 @@ const JustifiPayoutsListFilters$1 = /*@__PURE__*/ proxyCustomElement(class Justi
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '3625f5efccbe6a0715abb425731f53ab4ff89b05' }, h("table-filters-menu", { key: 'ce1fad33a28dd75075ec382e73f1822170061215', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '613d95baab2642c7e9d032476dbf66529a64f10f', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '39096bd7917514f0f7fddc98520ff78b1ac38e99', class: "p-2" }, h("form-control-select", { key: 'dd93b57d82296c2ea79a76a52e499123bffcf346', name: "status", label: "Status", options: this.statusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.status || filterParams.status || '', disabled: !!this.status, part: filterParam })), h("div", { key: '323b2e91854d75266135cf6af37aacb86c9776d1', class: "p-2" }, h("form-control-date", { key: 'b3c67ec5e63fc5484a153689bbd56666d7679a4c', 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: filterParam })), h("div", { key: '6a949567f2c4183f4431ffb07fbcbb61b33f1044', class: "p-2" }, h("form-control-date", { key: '8ad670d02f45ea839c712b2cfe5cf7bade503554', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
+        return (h(StyledHost, { key: '4047a84518ef07a3e9d22f3d6866452dcdd7bab3' }, h("table-filters-menu", { key: 'a1db3d5c8c0bdc44ea7d9dc35f0c460b4b5930ab', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '0d8e8244eb9516a97914942e1e0836dd8ab53639', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '47021850703e8ab104b287b4efa93693272c435b', class: "p-2" }, h("form-control-select", { key: 'f0312f36bc05c4fa6d4e7841624f8d977cdec6c1', name: "status", label: "Status", options: this.statusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.status || filterParams.status || '', disabled: !!this.status, part: filterParam })), h("div", { key: '211ac119c8172aa4e626b7344b25a1df26019aa8', class: "p-2" }, h("form-control-date", { key: '168757bdc92bf54e076d4d5aff63f8a04de65464', 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: filterParam })), h("div", { key: '43aa8054ba063b70eadfff7240908329f47d1c02', class: "p-2" }, h("form-control-date", { key: '16a86a41c301dd32a6d46067c32d1316c80ceb5d', 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: filterParam }))))));
     }
 }, [257, "justifi-payouts-list-filters", {