@justifi/webcomponents 6.12.7-rc.3 → 6.13.0

package/dist/cjs/justifi-checkout.cjs.entry.js

@@ -1,20 +1,20 @@
 'use strict';
 
 var index = require('./index-p7cvUYAE.js');
-var Analytics = require('./Analytics-GYqUuEeO.js');
-var checkPkgVersion = require('./check-pkg-version-wcoV7eK1.js');
-var checkout_store = require('./checkout.store-CztwuCnG.js');
+var Analytics = require('./Analytics-DaegoP5G.js');
+var checkPkgVersion = require('./check-pkg-version-BNGOOokA.js');
+var checkout_store = require('./checkout.store-CZHrIuaP.js');
 var parts = require('./parts-BXshb_S-.js');
 var styledHost = require('./styled-host-Ch0-dxF-.js');
 require('./event-types-YOY5TKUN.js');
 var index$1 = require('./index-CajjbB9t.js');
-require('./package-BJUD_YSJ.js');
-require('./Api-Bukk55YZ.js');
+require('./package-BKwTzSig.js');
+require('./Api-BioDE5he.js');
 require('./config-state-BIgGhhe9.js');
 require('./index-W-zoNiyM.js');
-require('./utils-BHi4j5rB.js');
+require('./utils-D1CWnhex.js');
 require('./dinero-BwNN_k7x.js');
-require('./Plaid-6FYKaSTI.js');
+require('./Plaid-QLOFOTeC.js');
 require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
 
@@ -88,9 +88,9 @@ const JustifiCheckout = class {
     }
     render() {
         var _a, _b;
-        return (index.h(styledHost.StyledHost, { key: 'ffd2abaacc7edae588a9abe3a4ff96807b34fcff' }, index.h("justifi-modular-checkout", { key: '9196c278e24353aeb1ac02c85253d629f683522b', ref: (el) => {
+        return (index.h(styledHost.StyledHost, { key: 'bc8428227b2fc0e0753c4ef4e2370cd34bd34e82' }, index.h("justifi-modular-checkout", { key: '9fda18728d6fb5b20716070cefc2fcf8ef097459', ref: (el) => {
                 this.modularCheckoutRef = el;
-            }, authToken: this.authToken, checkoutId: this.checkoutId, preCompleteHook: this.preCompleteHook }, index.h("div", { key: '895298286bc0aa6acbda896a4f148dd4f8d7e7d2', class: "row gy-3 jfi-checkout-core" }, index.h("div", { key: 'dd186ed2f0fd479cd60024423b6d55625b962e55', class: "col-12", part: parts.checkoutSummary }, index.h("justifi-header", { key: '920d4eca26846aa1cbc16693fa45a9d8054d95a7', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), index.h("section", { key: '560f8c3757a7cf53fd0aa898fd243b16a2f8e8d5' }, index.h("justifi-checkout-summary", { key: '31faa6ca984aa22985927a1f80273c86a67c7025' }))), index.h("div", { key: '3128ae40a739573da32598213a289d8751503fb0', class: "col-12 mt-4" }, index.h("slot", { key: '4a310881bbc4017734082d5c4f6b41d3d5f2a424', name: "insurance" })), index.h("div", { key: '8047c4da62e2fd67bd0b3f8654c6a19c0cacc255', class: "col-12 mt-4" }, index.h("justifi-header", { key: '631ff14201f6246906e3e1572515de21a7977773', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (index.h("justifi-header", { key: '7fdc560ef42a5c2e8571f332e3c4ce8ff460d235', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), index.h("div", { key: '81dcb52c051044adb4dbd92ac73ee3096edc592b', class: "d-flex flex-column" }, index.h("section", { key: '4359903b195009a2e8fb997a1f77880cba40dea4' }, index.h("div", { key: '21728867e6288c3fb7d5e5a6ee3d15974568b866' }, this.availablePaymentMethods.includes(index$1.PAYMENT_METHODS.APPLE_PAY) && (index.h("div", { key: 'bdaa6b6c6d09cba294b2e46b85270241c86d2251', class: "mb-3" }, index.h("justifi-apple-pay", { key: '150d707bff7b79a1d19141f21a9c47e00e54418a' }))), this.availablePaymentMethods.includes(index$1.PAYMENT_METHODS.GOOGLE_PAY) && (index.h("div", { key: 'ce2be06b20a1e7d0159fde68a1c5c349c2d11998', class: "mb-3" }, index.h("justifi-google-pay", { key: '0fc867ce77467eb1f1fd198a62e88bd2795f4914', ref: (el) => (this.googlePayRef = el) }))), index.h("justifi-saved-payment-methods", { key: '0bb1999c093b3837bfdb879134dc54f66c90e164' }), this.availablePaymentMethods.includes(index$1.PAYMENT_METHODS.SEZZLE) && (index.h("justifi-radio-list-item", { key: '1599be9bcea7569d822a204c805f08f18a4e00a4', name: "paymentMethodType", value: index$1.PAYMENT_METHODS.SEZZLE, checked: ((_a = checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === index$1.PAYMENT_METHODS.SEZZLE, label: index.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(index$1.PAYMENT_METHODS.PLAID) && !this.disableBnpl && (index.h("justifi-radio-list-item", { key: 'c1de230257d290efa05f7a7166c2f069451c71a3', name: "paymentMethodType", value: index$1.PAYMENT_METHODS.PLAID, checked: ((_b = checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === index$1.PAYMENT_METHODS.PLAID, label: index.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(); } })), index.h("justifi-tokenize-payment-method", { key: '44bca4ee57857afd4eee213cef98db2d4bd42490', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkout_store.checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkout_store.checkoutStore.paymentMethodGroupId }))))), index.h("div", { key: 'e5b6b4ac6b0fcec20380082f1b4cc5ba73bb88aa', class: "mt-4" }, index.h("justifi-button", { key: '188a8f46fd37b5f4f2d9b3ba7ff179d44d4a6656', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: checkout_store.checkoutStore.isSubmitting || checkout_store.checkoutStore.isWalletProcessing, isLoading: checkout_store.checkoutStore.isSubmitting || checkout_store.checkoutStore.isWalletProcessing, customStyle: { width: '100%', textAlign: "center" } }))))));
+            }, authToken: this.authToken, checkoutId: this.checkoutId, preCompleteHook: this.preCompleteHook }, index.h("div", { key: 'e39f9871696d44cea2080198c7b91d03b706f2fd', class: "row gy-3 jfi-checkout-core" }, index.h("div", { key: 'df6045e9394b10f9b3e4b86e1a2242db30cc9b7b', class: "col-12", part: parts.checkoutSummary }, index.h("justifi-header", { key: '8f4332bd43371106faf4e264fd5b27c97cb589aa', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), index.h("section", { key: 'a7170276f18b9fa4b085c4d5de35979d55935929' }, index.h("justifi-checkout-summary", { key: '109aceb53ad2500e927230b3f82bbb07ab3f604c' }))), index.h("div", { key: '902e040bbd591408c9d292a592ca4d31fc838d85', class: "col-12 mt-4" }, index.h("slot", { key: '2677cb4952d88a8ce8f0198b96ed2638d4f4e6eb', name: "insurance" })), index.h("div", { key: '32c033bba12a7b7bf26159bd1878d6fa4ed913d9', class: "col-12 mt-4" }, index.h("justifi-header", { key: '74543b63c1b94a5200ad36236818fce7345d5d76', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (index.h("justifi-header", { key: '8e7c56c75bb779211b72c0b8561df8283b731ca1', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), index.h("div", { key: 'c2b0a875169b46dcd7d73428e3f1a4825b380ce5', class: "d-flex flex-column" }, index.h("section", { key: 'c5f007674c058e88d271c17f0b6b9c959bd0e044' }, index.h("div", { key: '2c4ecdd0f8708f9f80bae50362ba7fab295f788f' }, this.availablePaymentMethods.includes(index$1.PAYMENT_METHODS.APPLE_PAY) && (index.h("div", { key: '5ac363a3b7c38cb3f10e9c2c7916825f0f5dc2d8', class: "mb-3" }, index.h("justifi-apple-pay", { key: '498c03630e4057b54ebd12a3cd87b6b6bdb00c4b' }))), this.availablePaymentMethods.includes(index$1.PAYMENT_METHODS.GOOGLE_PAY) && (index.h("div", { key: '8c8114d142927739a3217d3a0a44c34c89e58f83', class: "mb-3" }, index.h("justifi-google-pay", Object.assign({ key: 'a2fbc5b99a83fbc52698422d2f57a3380f97733f', ref: (el) => (this.googlePayRef = el) }, (this.googlePayEnv != null ? { environment: this.googlePayEnv } : {}))))), index.h("justifi-saved-payment-methods", { key: '2e5b27eea7ef433e950feadae0b0a07f8b613533' }), this.availablePaymentMethods.includes(index$1.PAYMENT_METHODS.SEZZLE) && (index.h("justifi-radio-list-item", { key: 'fb1501c51eaf836579547bc50c295ebb67cb09c1', name: "paymentMethodType", value: index$1.PAYMENT_METHODS.SEZZLE, checked: ((_a = checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === index$1.PAYMENT_METHODS.SEZZLE, label: index.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(index$1.PAYMENT_METHODS.PLAID) && !this.disableBnpl && (index.h("justifi-radio-list-item", { key: '49e0687b4955fb92935783250540fe38350bbdcc', name: "paymentMethodType", value: index$1.PAYMENT_METHODS.PLAID, checked: ((_b = checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === index$1.PAYMENT_METHODS.PLAID, label: index.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(); } })), index.h("justifi-tokenize-payment-method", { key: 'ba793274de073c8a60c063e9caedcf32780b4bbf', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkout_store.checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkout_store.checkoutStore.paymentMethodGroupId }))))), index.h("div", { key: 'ed7be422c4e369382fd42e0b0162357df7de2031', class: "mt-4" }, index.h("justifi-button", { key: '849d648feec5ce805d6eb87acacf94d62e7a8f1b', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: checkout_store.checkoutStore.isSubmitting || checkout_store.checkoutStore.isWalletProcessing, isLoading: checkout_store.checkoutStore.isSubmitting || checkout_store.checkoutStore.isWalletProcessing, customStyle: { width: '100%', textAlign: "center" } }))))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

package/dist/cjs/justifi-checkouts-list-filters.cjs.entry.js

@@ -3,8 +3,8 @@
 var index = require('./index-p7cvUYAE.js');
 var lodash = require('./lodash-C4mGy21w.js');
 require('./config-state-BIgGhhe9.js');
-var utils = require('./utils-BHi4j5rB.js');
-var Plaid = require('./Plaid-6FYKaSTI.js');
+var utils = require('./utils-D1CWnhex.js');
+var Plaid = require('./Plaid-QLOFOTeC.js');
 require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
 var checkoutsListParamsState = require('./checkouts-list-params-state-vGJZ6Oe2.js');
@@ -62,8 +62,8 @@ const JustifiCheckoutsListFilters = class {
     }
     render() {
         const filterMenuParams = Object.assign({}, checkoutsListParamsState.filterParams);
-        return (index.h(styledHost.StyledHost, { key: '1bb72de3ffad74d0e287f6f988f2737a94190709' }, index.h("table-filters-menu", { key: 'e7e1c2d657b5af5dfcf6e13b262dbd3787583206', params: filterMenuParams, clearParams: checkoutsListParamsState.clearParams, part: parts.filterMenu }, index.h("div", { key: 'df26c6a8c7ec477103995c07c079c01a4bea0729', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '6fd0f286cb30997439879d1c9b69b8ab39651a99', class: "p-2" }, index.h("form-control-text", { key: 'b6a070c40b1da5ea9f59c8c6f47f517181948230', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || checkoutsListParamsState.filterParams.checkout_id, disabled: !!this.checkoutId, part: parts.filterParam })), index.h("div", { key: 'f6ae07ac4b9afcb307fa6ce5ff6a0b6610169a69', class: "p-2" }, index.h("form-control-text", { key: 'c27c86b9a14d806bcd6d2d2a070812e31ae558ee', name: "successful_payment_id", label: "Successful Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.successfulPaymentId || checkoutsListParamsState.filterParams.successful_payment_id, disabled: !!this.successfulPaymentId, part: parts.filterParam })), index.h("div", { key: '54b26c583902c853db8709b311870c94d5332bd2', class: "p-2" }, index.h("form-control-select", { key: '3747bd2c6f2196a56059f36febc30057b8dc13de', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || checkoutsListParamsState.filterParams.status || '', disabled: !!this.checkoutStatus, part: parts.filterParam })), index.h("div", { key: '5a875750872d5446c42db9a840c3670425c46ebb', class: "p-2" }, index.h("form-control-select", { key: '58eff7fbca6653532540506c7cef66df0f54af38', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || checkoutsListParamsState.filterParams.payment_mode || '', disabled: !!this.paymentMode, part: parts.filterParam })), index.h("div", { key: 'dca10b3b14055c6c2351f4fa8f11b609625f1a26', class: "p-2" }, index.h("form-control-date", { key: 'bfb85e61a9ee01a1cb3c2907ad06b6d37bbdc081', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                utils.convertToLocal(checkoutsListParamsState.filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: parts.filterParam })), index.h("div", { key: '1772c182c957b053e77599935e3d61c1a66186a6', class: "p-2" }, index.h("form-control-date", { key: 'f7965bd4b2689359e76d3cec250bfd7eb5ba7870', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (index.h(styledHost.StyledHost, { key: '1c4b39ee0103e6905affa774f202dd76f147bc89' }, index.h("table-filters-menu", { key: '9cb0457d0e6ce05925f4e0da04532008020dd46e', params: filterMenuParams, clearParams: checkoutsListParamsState.clearParams, part: parts.filterMenu }, index.h("div", { key: 'e5c370717e3cf2571f2017d185c7f3ea08eab1c8', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '2e3c1832bb800fa9065b189a299234fafa7eb4e3', class: "p-2" }, index.h("form-control-text", { key: '33e1e31d842aa0b8c47e3ea1bc12cc860691f5e3', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || checkoutsListParamsState.filterParams.checkout_id, disabled: !!this.checkoutId, part: parts.filterParam })), index.h("div", { key: '4dcfe2f56d8405f376eb4aa52deaea0fb64e8ff5', class: "p-2" }, index.h("form-control-text", { key: '272ba42827048aa45ada6090eaf9574950ebaca2', name: "successful_payment_id", label: "Successful Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.successfulPaymentId || checkoutsListParamsState.filterParams.successful_payment_id, disabled: !!this.successfulPaymentId, part: parts.filterParam })), index.h("div", { key: '7c4e0ad12e0031a70aeaec5a0423d9b0b45c70a4', class: "p-2" }, index.h("form-control-select", { key: '87775c3a0d1de63301dde682f79a7c2c11a4958b', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || checkoutsListParamsState.filterParams.status || '', disabled: !!this.checkoutStatus, part: parts.filterParam })), index.h("div", { key: 'e751b51d9e2725addd6e9b082bf326fc039b0a7a', class: "p-2" }, index.h("form-control-select", { key: '642fc1af53bc89d1604a864f4088781096cd24a2', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || checkoutsListParamsState.filterParams.payment_mode || '', disabled: !!this.paymentMode, part: parts.filterParam })), index.h("div", { key: 'a95638261e002677c51299342d34bafc8a8615b4', class: "p-2" }, index.h("form-control-date", { key: 'ca017b89e5ae0ea3f4d55ade8de2acbdc2062c86', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                utils.convertToLocal(checkoutsListParamsState.filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: parts.filterParam })), index.h("div", { key: '0585dff7f655db9da4f3c2124eac6c90b74dbe3b', class: "p-2" }, index.h("form-control-date", { key: '50fee01232661f33c1996549cf6523c92dc937c4', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 utils.convertToLocal(checkoutsListParamsState.filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: parts.filterParam }))))));
     }
 };

package/dist/cjs/justifi-checkouts-list.cjs.entry.js

@@ -3,24 +3,24 @@
 var index = require('./index-p7cvUYAE.js');
 require('./config-state-BIgGhhe9.js');
 require('./dinero-BwNN_k7x.js');
-var Plaid = require('./Plaid-6FYKaSTI.js');
+var Plaid = require('./Plaid-QLOFOTeC.js');
 var Pagination = require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
-var utils = require('./utils-dnVbB8d6.js');
-var checkPkgVersion = require('./check-pkg-version-wcoV7eK1.js');
-var Analytics = require('./Analytics-GYqUuEeO.js');
-var checkout_service = require('./checkout.service-BiLHhmjP.js');
-var getSubaccounts = require('./get-subaccounts-BbiIbUED.js');
+var utils = require('./utils-BVM6JCW0.js');
+var checkPkgVersion = require('./check-pkg-version-BNGOOokA.js');
+var Analytics = require('./Analytics-DaegoP5G.js');
+var checkout_service = require('./checkout.service-Bdr5qUHj.js');
+var getSubaccounts = require('./get-subaccounts-Dgl7ECtg.js');
 var styledHost = require('./styled-host-Ch0-dxF-.js');
 var table = require('./table-DjbNv28p.js');
 var eventTypes = require('./event-types-YOY5TKUN.js');
-var utils$1 = require('./utils-BHi4j5rB.js');
+var utils$1 = require('./utils-D1CWnhex.js');
 var badge = require('./badge-GBNtUypt.js');
 var parts = require('./parts-BXshb_S-.js');
 var checkoutsListParamsState = require('./checkouts-list-params-state-vGJZ6Oe2.js');
 require('./index-W-zoNiyM.js');
-require('./package-BJUD_YSJ.js');
-require('./Api-Bukk55YZ.js');
+require('./package-BKwTzSig.js');
+require('./Api-BioDE5he.js');
 require('./spinner-C6ZGOB2P.js');
 
 const makeGetCheckouts = ({ accountId, authToken, service }) => async ({ params, onSuccess, onError }) => {
@@ -267,8 +267,8 @@ const JustifiCheckoutsList = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '2f9efac8723333029415ef131516946912bb313c' }, index.h(table.TableWrapper, { key: '024c7a532533721acda9740a0888b1c15fa624fe' }, index.h(table.TableComponent, { key: '06bf1c6db731eb5857b08615222ca47a85ffc4a8' }, index.h(table.TableHead, { key: '0754f9cd87a3b32a5368e7fb7538071cf6be0505' }, index.h(table.TableHeadRow, { key: '5db4c5beea0e6e9afc29e16b5789a32ad94509dd' }, this.checkoutsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: '9140294035b04b549578d74374271f8a9fd78162' }, index.h(table.TableLoadingState, { key: 'bf495d00b9bc4ee28b67c8f1b3258306f9202142', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), index.h(table.TableEmptyState, { key: '92f8a1245cc022fa3b254bb1fe8d659f75c62923', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), index.h(table.TableErrorState, { key: '2e6ab100026afb29f199dd33e52de5ae77e6576c', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData &&
-            this.checkoutsTable.rowData.map((data, index$1) => (index.h(table.TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h(table.TableFoot, { key: '3a1b55572eb0fc2ffcef1a39f6bfae5693056752' }, index.h(table.TableFootRow, { key: 'f61a3cc86fda3ec95075381403916f5fb1c46ca6' }, index.h(table.TableFootCell, { key: '7d937a0d228062f42f49dca5bdb436d54354563e', colSpan: this.checkoutsTable.columnData.length }, index.h("pagination-menu", { key: '05454876b7faeeb73fb8f896a2425e5f9db12ee3', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (index.h(styledHost.StyledHost, { key: 'd384dda32587dfc469e998b2b8f209ef17aef775' }, index.h(table.TableWrapper, { key: '98f2472188e64a236fd5cc581efe2895a6de58a3' }, index.h(table.TableComponent, { key: 'f02db4d024b9d2250a637fb28dca06eaff1d894c' }, index.h(table.TableHead, { key: '8c96bfa14e4e2154c1f575595f9597d3adc640df' }, index.h(table.TableHeadRow, { key: '08cddf6a31fbe99c8b46f61ceca996acb9b87f0b' }, this.checkoutsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: '99b88bfdb3871f82d653b00536f22c5c17cf38ac' }, index.h(table.TableLoadingState, { key: 'e05e1d543481df360b42e5563d5963277d10110e', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), index.h(table.TableEmptyState, { key: '3c4e19d3e8c9c779249efa63be592fbf5948b6ae', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), index.h(table.TableErrorState, { key: '7660b4991974dc46d8fb9dfd28ef7ea79d8e22e0', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData &&
+            this.checkoutsTable.rowData.map((data, index$1) => (index.h(table.TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h(table.TableFoot, { key: 'd56c6cb6a529dabf00c5260a39a2e2ab8e3749be' }, index.h(table.TableFootRow, { key: 'd28363ad8d8823f3da097edb263aa10308cbdb04' }, index.h(table.TableFootCell, { key: 'd6fcce3cf39e43718e8b15d42445c053d0feaa21', colSpan: this.checkoutsTable.columnData.length }, index.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/cjs/justifi-dispute-management.cjs.entry.js

@@ -1,17 +1,17 @@
 'use strict';
 
 var index = require('./index-p7cvUYAE.js');
-var Plaid = require('./Plaid-6FYKaSTI.js');
-var Analytics = require('./Analytics-GYqUuEeO.js');
-var checkPkgVersion = require('./check-pkg-version-wcoV7eK1.js');
-var utils = require('./utils-dnVbB8d6.js');
-var eventTypes = require('./event-types-DcN23uI_.js');
+var Plaid = require('./Plaid-QLOFOTeC.js');
+var Analytics = require('./Analytics-DaegoP5G.js');
+var checkPkgVersion = require('./check-pkg-version-BNGOOokA.js');
+var utils = require('./utils-BVM6JCW0.js');
+var eventTypes = require('./event-types-DWDQKDv4.js');
 var styledHost = require('./styled-host-Ch0-dxF-.js');
 require('./event-types-YOY5TKUN.js');
-require('./utils-BHi4j5rB.js');
+require('./utils-D1CWnhex.js');
 require('./dinero-BwNN_k7x.js');
-require('./package-BJUD_YSJ.js');
-require('./Api-Bukk55YZ.js');
+require('./package-BKwTzSig.js');
+require('./Api-BioDE5he.js');
 require('./config-state-BIgGhhe9.js');
 require('./index-W-zoNiyM.js');
 require('./Pagination-Dediz133.js');
@@ -133,7 +133,7 @@ const JustifiDisputeManagement = class {
         });
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'a9185f55e6f2704ec8ba85c5061e8c46338481e3' }, index.h("div", { key: 'e4851b3fa85ec428929b7868c0748b56c0172c8b' }, this.showDisputeResponseForm ? (index.h("dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (index.h("dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading })))));
+        return (index.h(styledHost.StyledHost, { key: 'e95c2e42f6e966681986089eccd9c0c6099d7214' }, index.h("div", { key: '18e936c7fd6992cfc18f8e98a2eda2f333c862f2' }, this.showDisputeResponseForm ? (index.h("dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (index.h("dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading })))));
     }
     static get watchers() { return {
         "disputeId": ["propChanged"],

package/dist/cjs/justifi-gross-payment-chart.cjs.entry.js

@@ -1,22 +1,22 @@
 'use strict';
 
 var index = require('./index-p7cvUYAE.js');
-var Api = require('./Api-Bukk55YZ.js');
-var Plaid = require('./Plaid-6FYKaSTI.js');
+var Api = require('./Api-BioDE5he.js');
+var Plaid = require('./Plaid-QLOFOTeC.js');
 require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
-var utils = require('./utils-dnVbB8d6.js');
+var utils = require('./utils-BVM6JCW0.js');
 var utils$2 = require('./utils-8RGQVADu.js');
-var Analytics = require('./Analytics-GYqUuEeO.js');
-var checkPkgVersion = require('./check-pkg-version-wcoV7eK1.js');
-var utils$1 = require('./utils-BHi4j5rB.js');
+var Analytics = require('./Analytics-DaegoP5G.js');
+var checkPkgVersion = require('./check-pkg-version-BNGOOokA.js');
+var utils$1 = require('./utils-D1CWnhex.js');
 var spinner = require('./spinner-C6ZGOB2P.js');
 var styledHost = require('./styled-host-Ch0-dxF-.js');
 require('./event-types-YOY5TKUN.js');
 require('./config-state-BIgGhhe9.js');
 require('./index-W-zoNiyM.js');
 require('./parts-BXshb_S-.js');
-require('./package-BJUD_YSJ.js');
+require('./package-BKwTzSig.js');
 require('./dinero-BwNN_k7x.js');
 
 /*!
@@ -11007,9 +11007,9 @@ const generateChartOptions = (total, dates, endDate) => {
                     intersect: false,
                     callbacks: {
                         label: (context) => {
-                            let index = context.dataIndex;
-                            let date = utils$1.formatDisplayDate(dates[index].date, endDate);
-                            let value = utils$1.formatCurrency(dates[index].value);
+                            const index = context.dataIndex;
+                            const date = utils$1.formatDisplayDate(dates[index].date, endDate);
+                            const value = utils$1.formatCurrency(dates[index].value);
                             return [date, value];
                         },
                     }

package/dist/cjs/justifi-order-terminals.cjs.entry.js

@@ -4,21 +4,21 @@ var index = require('./index-p7cvUYAE.js');
 var parts = require('./parts-BXshb_S-.js');
 var styledHost = require('./styled-host-Ch0-dxF-.js');
 require('./event-types-YOY5TKUN.js');
-var checkPkgVersion = require('./check-pkg-version-wcoV7eK1.js');
-var Analytics = require('./Analytics-GYqUuEeO.js');
-var Plaid = require('./Plaid-6FYKaSTI.js');
-var business_service = require('./business.service-t-p3-gP-.js');
+var checkPkgVersion = require('./check-pkg-version-BNGOOokA.js');
+var Analytics = require('./Analytics-DaegoP5G.js');
+var Plaid = require('./Plaid-QLOFOTeC.js');
+var business_service = require('./business.service-DOGeb2O6.js');
 var Business = require('./Business-oBifyXkW.js');
-var getBusiness = require('./get-business-BqO_Sa6H.js');
+var getBusiness = require('./get-business-CrxvWZh6.js');
 var skeleton = require('./skeleton-DvRCiQlA.js');
 require('./config-state-BIgGhhe9.js');
 require('./dinero-BwNN_k7x.js');
 require('./Pagination-Dediz133.js');
-var utils = require('./utils-dnVbB8d6.js');
-var terminal_service = require('./terminal.service-DmlAGx7U.js');
-var utils$1 = require('./utils-BHi4j5rB.js');
-require('./package-BJUD_YSJ.js');
-require('./Api-Bukk55YZ.js');
+var utils = require('./utils-BVM6JCW0.js');
+var terminal_service = require('./terminal.service-DN2A-bNx.js');
+var utils$1 = require('./utils-D1CWnhex.js');
+require('./package-BKwTzSig.js');
+require('./Api-BioDE5he.js');
 require('./index-W-zoNiyM.js');
 
 const FormBlock = () => (index.h("div", { class: "row gap-3" }, index.h("div", { class: "col-12" }, index.h(skeleton.Skeleton, { width: "25%" })), index.h("div", { class: "col-12" }, index.h(skeleton.Skeleton, { width: "100%" })), index.h("div", { class: "col-12 d-flex gap-3" }, index.h(skeleton.Skeleton, { width: "50%" }), index.h(skeleton.Skeleton, { width: "50%" })), index.h("div", { class: "col-12 d-flex gap-3" }, index.h(skeleton.Skeleton, { width: "65%" }), index.h(skeleton.Skeleton, { width: "35%" }))));
@@ -203,7 +203,7 @@ const JustifiOrderTerminals = class {
         return (index.h("div", { class: "mt-3" }, index.h("div", { class: "text-end" }, "Order limit: ", this.orderLimit), index.h("div", { class: "d-flex justify-content-end mt-3" }, index.h("button", { class: "btn btn-primary submit-btn", onClick: this.submitOrder.bind(this), disabled: this.order.totalQuantity === 0 || this.submitting, part: parts.buttonPrimary }, this.submitting ? 'Submitting...' : this.submitButtonText))));
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'a6d128c8f7075ba4bf6dc033e357dac187cdb965' }, index.h("div", { key: '9e726c70efc7e9b9163ded2ca1e88dc4303b2f21', part: parts.text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (index.h(styledHost.StyledHost, { key: '1fd8c50ac4e22bb2aac46ed0379f4740737e9760' }, index.h("div", { key: 'caed839c05af25c7bcd6599c45cd5058491a1ba9', part: parts.text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
 };
 

package/dist/cjs/justifi-payment-details.cjs.entry.js

@@ -1,13 +1,13 @@
 'use strict';
 
 var index = require('./index-p7cvUYAE.js');
-var payment_service = require('./payment.service-DWK3fO_g.js');
-var getPaymentDetails = require('./get-payment-details-Cs-P5xoW.js');
-var Plaid = require('./Plaid-6FYKaSTI.js');
-var Analytics = require('./Analytics-GYqUuEeO.js');
-var checkPkgVersion = require('./check-pkg-version-wcoV7eK1.js');
+var payment_service = require('./payment.service-a5EL3s2d.js');
+var getPaymentDetails = require('./get-payment-details-iCEkGDy4.js');
+var Plaid = require('./Plaid-QLOFOTeC.js');
+var Analytics = require('./Analytics-DaegoP5G.js');
+var checkPkgVersion = require('./check-pkg-version-BNGOOokA.js');
 require('./config-state-BIgGhhe9.js');
-var utils$1 = require('./utils-BHi4j5rB.js');
+var utils$1 = require('./utils-D1CWnhex.js');
 require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
 var paymentsStatus = require('./payments-status-Bj_bCKUP.js');
@@ -16,10 +16,10 @@ var styledHost = require('./styled-host-Ch0-dxF-.js');
 require('./event-types-YOY5TKUN.js');
 var skeleton = require('./skeleton-DvRCiQlA.js');
 var badge = require('./badge-GBNtUypt.js');
-require('./Api-Bukk55YZ.js');
+require('./Api-BioDE5he.js');
 require('./dinero-BwNN_k7x.js');
-require('./utils-dnVbB8d6.js');
-require('./package-BJUD_YSJ.js');
+require('./utils-BVM6JCW0.js');
+require('./package-BKwTzSig.js');
 require('./index-W-zoNiyM.js');
 require('./parts-BXshb_S-.js');
 
@@ -98,16 +98,16 @@ const JustifiPaymentDetails = class {
         return this.payment.status;
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'f4952600aea69aae085ac57364e96397d1a20e51' }, this.loading && index.h(PaymentDetailsLoading, { key: '2f819c97a1a6ddb9df2a11e0cd6a5bc013ed19ae' }), !this.loading && this.errorMessage && utils.ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (index.h("justifi-details", { key: '35a58e3917bdc3133f02374c0e031374be7c728c', errorMessage: this.errorMessage }, index.h(utils.EntityHeadInfo, { key: 'dad5f79ea18ef718b92bf2c2abbbba34542d6caa', slot: "head-info", badge: (index.h("div", { class: "d-flex gap-1" }, paymentsStatus.MapPaymentStatusToBadge(this.PaymentStatus), this.payment.expedited ? (index.h(badge.Badge, { variant: badge.BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, index.h(utils.EntityHeadInfoItem, { key: '12e7cfb4f4f56a1af8403b935cb51db3751f1395', classes: "border-1 border-end", title: "Updated At", value: `${utils$1.formatDate(this.payment.updated_at)} ${utils$1.formatTime(this.payment.updated_at)}` }), index.h(utils.EntityHeadInfoItem, { key: '023945353c0cbab340f4f510951164f110045ea5', classes: "border-1 border-end", title: "Created At", value: `${utils$1.formatDate(this.payment.created_at)} ${utils$1.formatTime(this.payment.created_at)}` }), index.h(utils.EntityHeadInfoItem, { key: 'dcb261f7c4faf53eb686cfd5c8e0ade39a72bdea', title: "ID", value: this.payment.id })), index.h("div", { key: 'a7774df4ece900dc67494377cf648bf64f558490', slot: 'detail-sections' }, index.h(utils.DetailSectionTitle, { key: 'ef4a9197d4eb47d81c11c7f974f1e4058d5e3166', sectionTitle: "Details" }), index.h("div", { key: '17ef105d1b37ad34cce4bdd17cbf2e4023c0e2e5', class: "d-flex flex-column gap-2 w-100" }, index.h(utils.DetailItem, { key: 'dbb764a1a6cbe949d2e281334e2f420f957b98fe', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), index.h(utils.DetailItem, { key: '7a3547ade7107456956618c72a95056a0771d219', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), index.h(utils.DetailItem, { key: '94df0647f7286a4a7c9001f9e82b4277fe0f8457', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), index.h(utils.DetailItem, { key: '59c13e257938124af50adfaa73571f152c402bd4', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), index.h(utils.DetailItem, { key: '6abf719a072a3a1ea5878d999e517dafb7ba19d5', title: "Status", value: paymentsStatus.MapPaymentStatusToBadge(this.PaymentStatus) }), index.h(utils.DetailItem, { key: 'c494d2b4be8c9e13747f0299a618ea6c9ff723d7', title: "Payment ID", value: this.payment.id }), index.h(utils.DetailItem, { key: '1024b282558896dcb2c4ab7718045d98a6f6853e', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), index.h(utils.DetailItem, { key: '6bf6fb7f648609fdeaa4e5a0b6f3d4c7bcd4af97', title: "Statement Descriptor", value: this.payment.statement_descriptor }), index.h(utils.DetailItem, { key: '43da8b6ab1aa87b6b938f1d0fd95708399cb9cc0', title: "Description", value: this.payment.description }), index.h(utils.DetailItem, { key: 'e6180466f4341e2c438f09cc42feb518f59aded4', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
-            index.h(utils.DetailSectionTitle, { key: '289f80acfa3cd41f82637e8f9d9e63dac4c11b5b', sectionTitle: "Payment Method" }),
-            index.h("div", { key: '616a2e7ae000581dd481725c57a644fc3e0a9b7c', class: "d-flex flex-column gap-2 w-100" }, index.h(utils.DetailItem, { key: '2c13ea8a771e2f155a9e3d5dbae78c7800f31adb', title: "ID", value: this.payment.payment_method.card.id }), index.h(utils.DetailItem, { key: '62700836b3bd9656d07dc58d0d07d164c091cd74', title: "Payment Type", value: "Card" }), index.h(utils.DetailItem, { key: '528ad4dddccaa7f5bc274b3b297557f659d46789', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), index.h(utils.DetailItem, { key: 'fdf2ad89e4e7ad253e16bff9038dc79da5a71b19', title: "Brand", value: utils$1.snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), index.h(utils.DetailItem, { key: '0b2c505e1fae49414414d5e839b1bdc849290c41', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (index.h(styledHost.StyledHost, { key: 'f304cb665f17ce96b6d97a38d94907629f559413' }, this.loading && index.h(PaymentDetailsLoading, { key: '709acde31230bd9e825e4e9669234492aff3cc3a' }), !this.loading && this.errorMessage && utils.ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (index.h("justifi-details", { key: '09a4a2559fb89a5b4b57d81b0fd48952c219d348', errorMessage: this.errorMessage }, index.h(utils.EntityHeadInfo, { key: '7cbfece91ce9e5fab75d561ad369080ecbe76fa4', slot: "head-info", badge: (index.h("div", { class: "d-flex gap-1" }, paymentsStatus.MapPaymentStatusToBadge(this.PaymentStatus), this.payment.expedited ? (index.h(badge.Badge, { variant: badge.BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, index.h(utils.EntityHeadInfoItem, { key: '4aa014d77def141d2053c3745b8215cc03a53ac7', classes: "border-1 border-end", title: "Updated At", value: `${utils$1.formatDate(this.payment.updated_at)} ${utils$1.formatTime(this.payment.updated_at)}` }), index.h(utils.EntityHeadInfoItem, { key: 'f344398f4fd4db6e1e7ca1335c3aa55630668475', classes: "border-1 border-end", title: "Created At", value: `${utils$1.formatDate(this.payment.created_at)} ${utils$1.formatTime(this.payment.created_at)}` }), index.h(utils.EntityHeadInfoItem, { key: 'a01e5a04400b996cfb2a9e563c8f383b8e8d7c66', title: "ID", value: this.payment.id })), index.h("div", { key: 'ef0c63d53031dfa8910dfbdedede1e20ac09e78a', slot: 'detail-sections' }, index.h(utils.DetailSectionTitle, { key: '5053784a7e3bd8932562a816921564aadd6d79c8', sectionTitle: "Details" }), index.h("div", { key: '43c56ee5a39589ea7a0107f32e274be439adf33a', class: "d-flex flex-column gap-2 w-100" }, index.h(utils.DetailItem, { key: 'fcee2dd211c9bf951cdd6855ac3fa844632391ce', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), index.h(utils.DetailItem, { key: '44d055f3445f02feaeb4519b5f4777333089a8c6', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), index.h(utils.DetailItem, { key: '906b584174bd5c329974274a2f1e1ef7e9e8fde0', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), index.h(utils.DetailItem, { key: '809429e88eac8ebe8142bb0028f8b86447977697', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), index.h(utils.DetailItem, { key: 'e08c02efc64f105ce3180e9773584a331ae19a9b', title: "Status", value: paymentsStatus.MapPaymentStatusToBadge(this.PaymentStatus) }), index.h(utils.DetailItem, { key: 'fbb910b7006f9d4bff9b14ffd4fc2f7da8b68020', title: "Payment ID", value: this.payment.id }), index.h(utils.DetailItem, { key: '09fefc2d1a750ab2f5dfb2043db08d5f16d6d9aa', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), index.h(utils.DetailItem, { key: '1d96f4557823f1d82d5c6e0e46a984c13c6f018b', title: "Statement Descriptor", value: this.payment.statement_descriptor }), index.h(utils.DetailItem, { key: '51bfae7ef30f36c99c0fa1b25dc5397720ef88ff', title: "Description", value: this.payment.description }), index.h(utils.DetailItem, { key: '5c44b3d40bfe6b2fbf258fee90f55ff24d0b3c28', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
+            index.h(utils.DetailSectionTitle, { key: '3d652ba331824448b7e7af969b2ead216f358e28', sectionTitle: "Payment Method" }),
+            index.h("div", { key: '49ad00ec9d703d196a025fa17b03f4af7cdc4dc5', class: "d-flex flex-column gap-2 w-100" }, index.h(utils.DetailItem, { key: '2b1b3f57e74fd65dc4b82d727a94afbe14803c52', title: "ID", value: this.payment.payment_method.card.id }), index.h(utils.DetailItem, { key: 'b23d5263566ff11d469dea9a245d20a7689540f8', title: "Payment Type", value: "Card" }), index.h(utils.DetailItem, { key: 'f5f76d6d9ac609884aac18fe2743d4fad2192b86', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), index.h(utils.DetailItem, { key: '22f296966b6f1aaf516b1d70144cff4f59b82c05', title: "Brand", value: utils$1.snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), index.h(utils.DetailItem, { key: 'd7dcd0f7a74ed2cc5ba6406a7d48522ca06a7546', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            index.h(utils.DetailSectionTitle, { key: '2a04be5ee508a547661e1ff947c2c9b40da2a192', sectionTitle: "Payment Method" }),
-            index.h("div", { key: '1316f9c749960ca0ab4967ff03697583e690007d', class: "d-flex flex-column gap-2 w-100" }, index.h(utils.DetailItem, { key: '46fe5297825ef0b9e3f34fdee6f47f3dd3b9272d', title: "ID", value: this.payment.payment_method.bank_account.id }), index.h(utils.DetailItem, { key: '44f1f47522b94ce5e403d766ee71645b4285d675', title: "Last 4 Numbers", value: this.payment.last_four_digits }), index.h(utils.DetailItem, { key: 'f03369474996dc0ae52c7d909ac1bba51e291668', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), index.h(utils.DetailItem, { key: 'd697a0e2a954f0e4efb4cec27dcae9c57fa0ce54', title: "Account Owner", value: this.payment.payment_method.payersName }))
+            index.h(utils.DetailSectionTitle, { key: '37a2a20c462cb94baa01ca7763d43ced04b4543c', sectionTitle: "Payment Method" }),
+            index.h("div", { key: 'f6de7746d5ff64d27368edef51b3c4e0ff7c658b', class: "d-flex flex-column gap-2 w-100" }, index.h(utils.DetailItem, { key: '34e9b26c6d20e9b5e86e4cc11fb925ff1ef5ce94', title: "ID", value: this.payment.payment_method.bank_account.id }), index.h(utils.DetailItem, { key: '32cd6da4d7234aca403bd699de23e1cf889bf14f', title: "Last 4 Numbers", value: this.payment.last_four_digits }), index.h(utils.DetailItem, { key: 'f1313ac7c15d5ae2d9dfa2b6d3ec794d0987252b', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), index.h(utils.DetailItem, { key: '76d1ac1961e530a7a6e1ba5512b982cd70df9470', title: "Account Owner", value: this.payment.payment_method.payersName }))
         ], this.payment.metadata && [
-            index.h(utils.DetailSectionTitle, { key: '7cdd88cc59c7852574b05e1709f85afe3bf7367e', sectionTitle: 'Metadata' }),
-            index.h("div", { key: 'bde3519c811862185b0757fd7c8a2a0a05117466', class: "d-table gap-2 w-100" }, index.h(utils.CodeBlock, { key: '7675f134c9580381d495a1d7534e73b77583cb8b', metadata: this.payment.metadata }))
+            index.h(utils.DetailSectionTitle, { key: '1cff262d07acda5bc742f325a23f4199c22f3a01', sectionTitle: 'Metadata' }),
+            index.h("div", { key: '77379785d2559d39a26a253757fdaf02795c53a1', class: "d-table gap-2 w-100" }, index.h(utils.CodeBlock, { key: '92cb32f3dd6b45094210194e2e40927d7f9d6bde', metadata: this.payment.metadata }))
         ])))));
     }
     static get watchers() { return {

package/dist/cjs/justifi-payment-provisioning.cjs.entry.js

@@ -1,23 +1,23 @@
 'use strict';
 
 var index = require('./index-p7cvUYAE.js');
-var Analytics = require('./Analytics-GYqUuEeO.js');
-var Plaid = require('./Plaid-6FYKaSTI.js');
-var paymentProvisioningActions = require('./payment-provisioning-actions-Dnvqbh2N.js');
-var business_service = require('./business.service-t-p3-gP-.js');
-var Api = require('./Api-Bukk55YZ.js');
+var Analytics = require('./Analytics-DaegoP5G.js');
+var Plaid = require('./Plaid-QLOFOTeC.js');
+var paymentProvisioningActions = require('./payment-provisioning-actions-B4x7lnyF.js');
+var business_service = require('./business.service-DOGeb2O6.js');
+var Api = require('./Api-BioDE5he.js');
 require('./Pagination-Dediz133.js');
 var Business = require('./Business-oBifyXkW.js');
-var checkPkgVersion = require('./check-pkg-version-wcoV7eK1.js');
-var utils = require('./utils-BHi4j5rB.js');
+var checkPkgVersion = require('./check-pkg-version-BNGOOokA.js');
+var utils = require('./utils-D1CWnhex.js');
 var parts = require('./parts-BXshb_S-.js');
 var styledHost = require('./styled-host-Ch0-dxF-.js');
 var header1 = require('./header-1-CsBQoo1f.js');
 require('./event-types-YOY5TKUN.js');
 var eventTypes = require('./event-types-DNOUef41.js');
 var paymentProvisioningLoading = require('./payment-provisioning-loading-tM9WWmxv.js');
-require('./package-BJUD_YSJ.js');
-require('./utils-dnVbB8d6.js');
+require('./package-BKwTzSig.js');
+require('./utils-BVM6JCW0.js');
 require('./config-state-BIgGhhe9.js');
 require('./index-W-zoNiyM.js');
 require('./dinero-BwNN_k7x.js');

package/dist/cjs/justifi-payment-transactions-list.cjs.entry.js

@@ -3,21 +3,21 @@
 var index = require('./index-p7cvUYAE.js');
 require('./config-state-BIgGhhe9.js');
 require('./dinero-BwNN_k7x.js');
-var Plaid = require('./Plaid-6FYKaSTI.js');
+var Plaid = require('./Plaid-QLOFOTeC.js');
 var Pagination = require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
-var Analytics = require('./Analytics-GYqUuEeO.js');
-var checkPkgVersion = require('./check-pkg-version-wcoV7eK1.js');
-var utils = require('./utils-dnVbB8d6.js');
-var payment_service = require('./payment.service-DWK3fO_g.js');
+var Analytics = require('./Analytics-DaegoP5G.js');
+var checkPkgVersion = require('./check-pkg-version-BNGOOokA.js');
+var utils = require('./utils-BVM6JCW0.js');
+var payment_service = require('./payment.service-a5EL3s2d.js');
 var table = require('./table-DjbNv28p.js');
 var styledHost = require('./styled-host-Ch0-dxF-.js');
 var eventTypes = require('./event-types-YOY5TKUN.js');
-var utils$1 = require('./utils-BHi4j5rB.js');
+var utils$1 = require('./utils-D1CWnhex.js');
 var parts = require('./parts-BXshb_S-.js');
 require('./index-W-zoNiyM.js');
-require('./package-BJUD_YSJ.js');
-require('./Api-Bukk55YZ.js');
+require('./package-BKwTzSig.js');
+require('./Api-BioDE5he.js');
 require('./spinner-C6ZGOB2P.js');
 
 const makeGetPaymentTransactions = ({ id, authToken, service }) => async ({ params, onSuccess, onError, final }) => {
@@ -185,7 +185,7 @@ const JustifiPaymentTransactionsList = class {
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'a458269a6f875672be4d480411fc209c870fcc05' }, index.h(table.TableWrapper, { key: '6d072c9f1f3def61bfe10173220188da0b2c381f' }, index.h(table.TableComponent, { key: '41b8cabf14b498e4035db4d36ef9d4dcd4d10867' }, index.h(table.TableHead, { key: 'e77f2d5cd1347c2771584dadf619a1f21f7bdd5c' }, index.h(table.TableHeadRow, { key: '053904f66c5d4ebcb33cb5b1d2ca3cdf5fd1c290' }, this.transactionsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: '5db67b01c7defdf97d2d2b305422254f9440564c' }, index.h(table.TableLoadingState, { key: '24a110c7377f2f9e9b98302237221d168756593d', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), index.h(table.TableEmptyState, { key: '195b3cdf57087d986ee1db13b0bb5b65a417f380', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), index.h(table.TableErrorState, { key: '4e747cbbac4ffe88a9fe8bca59738feb8a0876bc', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index$1) => (index.h(table.TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h(table.TableFoot, { key: '052862a5252fef6f4a466c667d4444778d4b84b0' }, index.h(table.TableFootRow, { key: '61d2a980ba3dd3c05955829741023ba814581f6c' }, index.h(table.TableFootCell, { key: '1e40eb28e0bb75ae6e044c4730c76fbd5054c654', colSpan: this.transactionsTable.columnData.length }, index.h("pagination-menu", { key: 'e066808fae97d39fd1f81924d5de32767f1a5c97', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (index.h(styledHost.StyledHost, { key: '24e7a4313ab91f179fd27b6596f012487de06815' }, index.h(table.TableWrapper, { key: '1f9a7a56a940e41dd865bc6f3a8681ce86d60d58' }, index.h(table.TableComponent, { key: 'a26ce09ae4df84698be1ea37cb735e38c0a0402e' }, index.h(table.TableHead, { key: '07f8655efd483e1d9240e65b17dc13583028f376' }, index.h(table.TableHeadRow, { key: '0b62a7700715dbaffbedc0538432d075a3158499' }, this.transactionsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: 'adf75fa50ddfb5257875b2779fc6c157812d4c19' }, index.h(table.TableLoadingState, { key: 'bc77de512b3e5fd1e6c4b8cf908b46027a3bc33f', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), index.h(table.TableEmptyState, { key: '413d46e184399cba3993f37efd64cb0d0a10d905', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), index.h(table.TableErrorState, { key: '9deaa794dc848ed7c85cbadc3b4cfe7c9fb1176f', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index$1) => (index.h(table.TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h(table.TableFoot, { key: '16ca0811bf42dc9419f8b77086e8e7e2cf6d0085' }, index.h(table.TableFootRow, { key: 'e11be42549832c35078acf47b7c165fe1e50ea98' }, index.h(table.TableFootCell, { key: '205d649068b84200b88adc1be9cfe192abfe13be', colSpan: this.transactionsTable.columnData.length }, index.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/cjs/justifi-payments-list-filters.cjs.entry.js

@@ -6,7 +6,7 @@ var paymentsListParamsState = require('./payments-list-params-state-vGJZ6Oe2.js'
 var parts = require('./parts-BXshb_S-.js');
 var styledHost = require('./styled-host-Ch0-dxF-.js');
 require('./event-types-YOY5TKUN.js');
-var utils = require('./utils-BHi4j5rB.js');
+var utils = require('./utils-D1CWnhex.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./index-W-zoNiyM.js');
 require('./dinero-BwNN_k7x.js');
@@ -62,8 +62,8 @@ const JustifiPaymentsListFilters = class {
     }
     render() {
         const filterMenuParams = Object.assign({}, paymentsListParamsState.filterParams);
-        return (index.h(styledHost.StyledHost, { key: '5a68fb9c6ed40a558aee38624c4a1a1f0bde51c9' }, index.h("table-filters-menu", { key: '5f99ec7b728aa7398176ce4e3cb1d574b7533f05', params: filterMenuParams, clearParams: paymentsListParamsState.clearParams, part: parts.filterMenu }, index.h("div", { key: 'c2602fcc45ef5304e9931a54e638e64307134816', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: 'f3ca5428d5acb61baa1d63efe8e7c5ff50bba432', class: "p-2" }, index.h("form-control-text", { key: '5a8ff71ff5f86cdc0084b9fd6db6b84a6874cec0', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || paymentsListParamsState.filterParams.payment_id, disabled: !!this.paymentId, part: parts.filterParam })), index.h("div", { key: '52b7938337c6dd390c0a4d042a229f83195ed4b1', class: "p-2" }, index.h("form-control-text", { key: '6ac6132cfc26906541cd77f9d3a6f90a9405b708', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || paymentsListParamsState.filterParams.terminal_id, disabled: !!this.terminalId, part: parts.filterParam })), index.h("div", { key: 'e325e13074ec776c8bb1663bd754d13002b64fd7', class: "p-2" }, index.h("form-control-select", { key: '0dd0ff17f1b59bfb0731bbb0c3a918330f9f817a', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || paymentsListParamsState.filterParams.payment_status || '', disabled: !!this.paymentStatus, part: parts.filterParam })), index.h("div", { key: '516164e1f585029e9f8a292fb6a2c7cc721767ec', class: "p-2" }, index.h("form-control-select", { key: 'caa3da5823cce6611055376ed4bb859e9ab8938f', name: "payment_mode", label: "Payment Mode", options: this.paymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || paymentsListParamsState.filterParams.payment_mode || '', disabled: !!this.paymentMode, part: parts.filterParam })), index.h("div", { key: 'acee82424117854be377c1e4d9c9f46b3f078941', class: "p-2" }, index.h("form-control-text", { key: 'b8958e92f3d19fe142150a28c81182d7549da0fe', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || paymentsListParamsState.filterParams.checkout_id, disabled: !!this.checkoutId, part: parts.filterParam })), index.h("div", { key: '0674143ab47a1e58ac00dd621da1242c8250e4e8', class: "p-2" }, index.h("form-control-text", { key: '90ba16232f5dcb96eea87f1cd3c5fa139dbabd35', name: "account_holder", label: "Account Holder", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.accountHolder || paymentsListParamsState.filterParams.account_holder, disabled: !!this.accountHolder, part: parts.filterParam })), index.h("div", { key: '8ece87138034cd810c5dfcf17952fa8fe7112013', class: "p-2" }, index.h("form-control-date", { key: 'f927af3216ba515c174ebc89b45277bf769f6a06', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                utils.convertToLocal(paymentsListParamsState.filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: parts.filterParam })), index.h("div", { key: '76536d176806d29c904365d19270492e3c6d6d4b', class: "p-2" }, index.h("form-control-date", { key: 'bae8982af239d24f82a0b6298694749fd554868a', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (index.h(styledHost.StyledHost, { key: '09966b2b69d97d14d988b1658c50755be453451b' }, index.h("table-filters-menu", { key: 'e5e1e3bf59528776e0ce67be1d57f442cc47d717', params: filterMenuParams, clearParams: paymentsListParamsState.clearParams, part: parts.filterMenu }, index.h("div", { key: 'dfb76c7b261911aaecba4ddc179f935e076ab6a0', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: 'e875c8eb14dd1ca1bfe3d0973de89cba0627063d', class: "p-2" }, index.h("form-control-text", { key: 'cba3e7736f5d85f32ac8023125d59f25a4e5e427', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || paymentsListParamsState.filterParams.payment_id, disabled: !!this.paymentId, part: parts.filterParam })), index.h("div", { key: '468b20f8494330c1db0a00f63e928c656e47e463', class: "p-2" }, index.h("form-control-text", { key: 'f9a48b0116e239f97a39246647470fd7f8e3718f', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || paymentsListParamsState.filterParams.terminal_id, disabled: !!this.terminalId, part: parts.filterParam })), index.h("div", { key: '805d358d7a091b4826f20af9df930f61cf754364', class: "p-2" }, index.h("form-control-select", { key: '07c7d0627be6629864cc9b130c347d110e7b337d', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || paymentsListParamsState.filterParams.payment_status || '', disabled: !!this.paymentStatus, part: parts.filterParam })), index.h("div", { key: 'aa3f3d30fe781dce7f516d80730362bed20348be', class: "p-2" }, index.h("form-control-select", { key: '7d70542a944db0588361ab5be7df9c8bf83d0463', name: "payment_mode", label: "Payment Mode", options: this.paymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || paymentsListParamsState.filterParams.payment_mode || '', disabled: !!this.paymentMode, part: parts.filterParam })), index.h("div", { key: 'df2642d3a148199d9ffbfd01cae6ba4aaef6f2a4', class: "p-2" }, index.h("form-control-text", { key: 'b462acc0489803f54b2beb4d8cc58bb1c11ebb48', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || paymentsListParamsState.filterParams.checkout_id, disabled: !!this.checkoutId, part: parts.filterParam })), index.h("div", { key: 'c5eb36e85489492d4cc66707762d04bf4e38e56f', class: "p-2" }, index.h("form-control-text", { key: '483a8cea7f8f1f6128fc16789b34015041fb250b', name: "account_holder", label: "Account Holder", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.accountHolder || paymentsListParamsState.filterParams.account_holder, disabled: !!this.accountHolder, part: parts.filterParam })), index.h("div", { key: '669126e41e31c84745dd7c4c6dc0f0d2eb843e9a', class: "p-2" }, index.h("form-control-date", { key: '20b993fad450f448bc1cbce6a24c05f5038df2da', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                utils.convertToLocal(paymentsListParamsState.filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: parts.filterParam })), index.h("div", { key: '49002f16423461fca88249d9fdd7fc0a27abe117', class: "p-2" }, index.h("form-control-date", { key: '5a3b0093e5c2593e1f39b82220511704210a6179', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 utils.convertToLocal(paymentsListParamsState.filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: parts.filterParam }))))));
     }
 };

package/dist/cjs/justifi-payments-list.cjs.entry.js

@@ -1,25 +1,25 @@
 'use strict';
 
 var index = require('./index-p7cvUYAE.js');
-var payment_service = require('./payment.service-DWK3fO_g.js');
+var payment_service = require('./payment.service-a5EL3s2d.js');
 require('./config-state-BIgGhhe9.js');
 require('./dinero-BwNN_k7x.js');
-var Plaid = require('./Plaid-6FYKaSTI.js');
+var Plaid = require('./Plaid-QLOFOTeC.js');
 var Pagination = require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
-var utils = require('./utils-dnVbB8d6.js');
-var Analytics = require('./Analytics-GYqUuEeO.js');
-var checkPkgVersion = require('./check-pkg-version-wcoV7eK1.js');
+var utils = require('./utils-BVM6JCW0.js');
+var Analytics = require('./Analytics-DaegoP5G.js');
+var checkPkgVersion = require('./check-pkg-version-BNGOOokA.js');
 var styledHost = require('./styled-host-Ch0-dxF-.js');
 var table = require('./table-DjbNv28p.js');
 var eventTypes = require('./event-types-YOY5TKUN.js');
 var paymentsStatus = require('./payments-status-Bj_bCKUP.js');
-var utils$1 = require('./utils-BHi4j5rB.js');
+var utils$1 = require('./utils-D1CWnhex.js');
 var parts = require('./parts-BXshb_S-.js');
 var paymentsListParamsState = require('./payments-list-params-state-vGJZ6Oe2.js');
-require('./Api-Bukk55YZ.js');
+require('./Api-BioDE5he.js');
 require('./index-W-zoNiyM.js');
-require('./package-BJUD_YSJ.js');
+require('./package-BKwTzSig.js');
 require('./spinner-C6ZGOB2P.js');
 require('./badge-GBNtUypt.js');
 
@@ -51,7 +51,7 @@ const makeGetPayments = ({ id, authToken, service }) => async ({ params, onSucce
         });
     }
     finally {
-        return final();
+        final();
     }
 };
 
@@ -206,7 +206,7 @@ const JustifiPaymentsList = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '66f641cbde94ea4332bef30308047ecc98cf6476' }, index.h(table.TableWrapper, { key: '5d5d4190722ddf09e31de6d680b3df248b41325c' }, index.h(table.TableComponent, { key: 'b5ab4878004d4911129941cd48a85564cada1f87' }, index.h(table.TableHead, { key: '14aeb8df18cdde57c028d741f11a011060c0b1b4' }, index.h(table.TableHeadRow, { key: 'ba5a4643b5fff9c0f9975ae5d350f9db8cc5d7b2' }, this.paymentsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: '0b26316eb9193cab9001a31a7f268cd5156d13e3' }, index.h(table.TableLoadingState, { key: '37c3545775d6e1586af72baf195f6a861fba0081', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), index.h(table.TableEmptyState, { key: 'e3cde204ba86bab4813d6a06f948532c30271bb9', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), index.h(table.TableErrorState, { key: '202602af08813968a81743c8966ecb17e3a67043', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index$1) => (index.h(table.TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h(table.TableFoot, { key: 'b59fa3315491975cf7e5dd0ec26a4b1e0574438c' }, index.h(table.TableFootRow, { key: 'e974cf1d3ec92fa89139982030791d69e6d02b10' }, index.h(table.TableFootCell, { key: '74405261ad2cae3dc6267aab06ec1dd81f4d4ba8', colSpan: this.paymentsTable.columnData.length }, index.h("pagination-menu", { key: 'cdcca8506afafb661d0c90ffe9a09f41f94a0862', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (index.h(styledHost.StyledHost, { key: 'b2c7bd7573c3a2cdc683e6ea0b22bc625eaddbc6' }, index.h(table.TableWrapper, { key: 'edcc04c18ae762b75aab3cebe31a5aab824843ef' }, index.h(table.TableComponent, { key: '98b6e699948ac65667497b59b0ac23e36d7ea212' }, index.h(table.TableHead, { key: '06830e440c2f5ea23acd0109f58dd6e11f6495bf' }, index.h(table.TableHeadRow, { key: '8a29564e85eb5a870c37c58cc57a149327f5405d' }, this.paymentsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: 'a03ffd7422fbf7f364a6f7545a0158fb0cd38691' }, index.h(table.TableLoadingState, { key: '6f48d9791c28a3407edddf97fc54a1a92c5e7dbc', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), index.h(table.TableEmptyState, { key: 'ab948e22cf74e5db93835df17f93c200f0caf698', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), index.h(table.TableErrorState, { key: '28064e964a0db825ba7d78bc84e55c88b5c8e0c3', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index$1) => (index.h(table.TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h(table.TableFoot, { key: '036c71025fb6d150a3bdaa370e84e955ecf79b66' }, index.h(table.TableFootRow, { key: '373d7ac9f89a226a32a26a5ee7bb2a2246f8a454' }, index.h(table.TableFootCell, { key: 'a74ee4a4f5004dfe5e0513cfeea66c3b34b8d610', colSpan: this.paymentsTable.columnData.length }, index.h("pagination-menu", { key: '438d49d2094bb17488b8e2aa90fd0dbce100d920', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],