@justifi/webcomponents 5.3.1 → 5.3.3

package/dist/module/justifi-tokenize-payment-method.js

@@ -2,9 +2,14 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
+import { J as JustifiAnalytics } from './Analytics.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
-import { c as config } from './config.js';
+import './Checkout.js';
+import './Pagination.js';
+import './Payment.js';
+import './SubAccount.js';
+import './Document.js';
 import { d as defineCustomElement$k } from './bank-account-form2.js';
 import { d as defineCustomElement$j } from './billing-form2.js';
 import { d as defineCustomElement$i } from './card-form2.js';
@@ -40,7 +45,7 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
         this.disableBankAccount = undefined;
         this.hideSubmitButton = undefined;
         this.hideCardBillingForm = undefined;
-        this.iframeOrigin = config.iFrameOrigin;
+        this.iframeOrigin = undefined;
         this.isLoading = false;
     }
     componentWillLoad() {
@@ -50,8 +55,9 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
     async tokenizePaymentMethod(event) {
         event && event.preventDefault();
         this.isLoading = true;
+        let tokenizeResponse;
         try {
-            const tokenizeResponse = await this.paymentMethodOptionsRef.resolvePaymentMethod({ isValid: true });
+            tokenizeResponse = await this.paymentMethodOptionsRef.resolvePaymentMethod({ isValid: true });
             if (tokenizeResponse.error) {
                 this.errorEvent.emit({
                     errorCode: tokenizeResponse.error.code,
@@ -59,26 +65,26 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
                     severity: ComponentErrorSeverity.ERROR,
                 });
             }
-            else if (tokenizeResponse.token) {
-                this.submitEvent.emit({ response: tokenizeResponse });
-            }
         }
         catch (error) {
-            this.errorEvent.emit({
+            const errorData = {
                 errorCode: ComponentErrorCodes.TOKENIZE_ERROR,
                 message: error.message,
                 severity: ComponentErrorSeverity.ERROR,
-            });
+            };
+            this.errorEvent.emit(errorData);
         }
         finally {
+            this.submitEvent.emit({ response: tokenizeResponse });
             this.isLoading = false;
+            return tokenizeResponse;
         }
     }
     async fillBillingForm(fields) {
         this.paymentMethodOptionsRef.fillBillingForm(fields);
     }
     render() {
-        return (h(StyledHost, { key: '0ddf067ee86437aa9e860da496daf9ae2b3b5cef' }, h("form", { key: '1416581ae33fdc1e3a4afee8340b5427c2ec3b8d' }, h("fieldset", { key: '1229cbac7d660a8b526f69781ee879783b119d8a' }, h("div", { key: 'ce2fa29a82caeb792caa35e7497afde46886a6a6', class: "row gy-3" }, h("div", { key: 'afdcc686fd93057ab2b44776b94d668f26f5de7c', class: "col-12" }, h("justifi-payment-method-options", { key: '5dd4d7243d930daf99acef4d730faabbfc8080c0', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, hideCardBillingForm: this.hideCardBillingForm, authToken: this.authToken, "account-id": this.accountId, iframeOrigin: this.iframeOrigin })), h("div", { key: '375d26a56c451018a78891157bd598437ca65fb7', class: "col-12" }, h(Button, { key: 'aa0ab5b00f58e6f8f9c6ae951cdd756ff37481ef', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText || 'Submit')))))));
+        return (h(StyledHost, { key: 'ac989aa84f6262ff1b72a88fc7c4ebb0e62175dc' }, h("form", { key: '482ebf3ca3ac67738fdd0243de8d29ad66754313' }, h("fieldset", { key: 'e563783b34d570bafd1788949a486454ce70ab4a' }, h("div", { key: 'a42f5625f5d0860153f4260aa9c5f76f4afcad06', class: "row gy-3" }, h("div", { key: 'f64bb331c9922be711bfdd9a50d76530773867c0', class: "col-12" }, h("justifi-payment-method-options", { key: 'dc23821a9130ee6435c92e20574a0bf056e1c29c', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, hideCardBillingForm: this.hideCardBillingForm, authToken: this.authToken, "account-id": this.accountId, iframeOrigin: this.iframeOrigin })), h("div", { key: '29ec96487c4a5d54c4883c4cfe4a6ee4a309042f', class: "col-12" }, h(Button, { key: 'fe116e392e79debf6a858c993ba11a21d417d998', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText || 'Submit')))))));
     }
 }, [1, "justifi-tokenize-payment-method", {
         "authToken": [1, "auth-token"],

package/dist/module/package.js

@@ -1,5 +1,5 @@
 const name = "@justifi/webcomponents";
-const version = "5.3.1";
+const version = "5.3.3";
 const description = "JustiFi Web Components";
 const collection = "dist/collection/collection-manifest.json";
 const main = "dist/index.cjs.js";

package/dist/module/parts.js

@@ -70,6 +70,9 @@ const badgeDark = `${badge} badge-dark`;
 const dropdownMenu = `dropdown-menu ${text}`;
 // Radio List Item
 const radioListItem = `radio-list-item ${text}`;
+// Bootstrap list-group
+const listGroup = `list-group ${text} ${backgroundColor}`;
+const listGroupItem = `list-group-item ${text} ${backgroundColor}`;
 // Skeleton
 const skeleton = `skeleton`;
 // Component specific
@@ -79,11 +82,28 @@ const billingForm = `billing-form`;
 const checkoutSummary = `checkout-summary`;
 // Filters
 const filterMenu = `filter-menu`;
+// Payments List Filters
+const paymentsListFilterMenu = `${filterMenu} payments-list-filter-menu`;
 const paymentsListFilterParam = `payments-list-filter-param`;
 const paymentIdPaymentsListFilterParam = `${paymentsListFilterParam} payment-id-payments-list-filter-param`;
 const terminalIdPaymentsListFilterParam = `${paymentsListFilterParam} terminal-id-payments-list-filter-param`;
 const paymentStatusPaymentsListFilterParam = `${paymentsListFilterParam} payment-status-payments-list-filter-param`;
 const createdAfterPaymentsListFilterParam = `${paymentsListFilterParam} created-after-payments-list-filter-param`;
 const createdBeforePaymentsListFilterParam = `${paymentsListFilterParam} created-before-payments-list-filter-param`;
+// Payouts List Filters
+const payoutsListFilterMenu = `${filterMenu} payouts-list-filter-menu`;
+const payoutsListFilterParam = `payouts-list-filter-param`;
+const createdAfterPayoutsListFilterParam = `${payoutsListFilterParam} created-after-payouts-list-filter-param`;
+const createdBeforePayoutsListFilterParam = `${payoutsListFilterParam} created-before-payouts-list-filter-param`;
+// Checkouts List Filters
+const checkoutsListFilterMenu = `${filterMenu} checkouts-list-filter-menu`;
+const checkoutsListFilterParam = `checkouts-list-filter-param`;
+const statusCheckoutsListFilterParam = `${checkoutsListFilterParam} checkout-status-checkouts-list-filter-param`;
+const paymentModeCheckoutsListFilterParam = `${checkoutsListFilterParam} payment-mode-checkouts-list-filter-param`;
+// Terminals List Filters
+const terminalsListFilterMenu = `${filterMenu} terminals-list-filter-menu`;
+const terminalsListFilterParam = `terminals-list-filter-param`;
+const terminalIdTerminalsListFilterParam = `${terminalsListFilterParam} terminal-id-terminals-list-filter-param`;
+const terminalStatusTerminalsListFilterParam = `${terminalsListFilterParam} terminal-status-terminals-list-filter-param`;
 
-export { dropdownMenu as $, badgeSecondary as A, badgeSuccess as B, badgeDanger as C, badgeWarning as D, badgeInfo as E, badgeLight as F, badgeDark as G, alertDanger as H, inputCheckboxInvalid as I, inputCheckboxCheckedFocused as J, inputCheckboxFocused as K, inputCheckboxChecked as L, inputCheckbox as M, inputGroup as N, inputRadioInvalid as O, inputRadioCheckedFocused as P, inputRadioChecked as Q, inputRadioFocused as R, inputRadio as S, heading5 as T, heading3 as U, billingForm as V, buttonLoading as W, buttonPrimary as X, buttonSecondary as Y, checkoutSummary as Z, radioListItem as _, heading1 as a, heading4 as a0, filterMenu as a1, paymentIdPaymentsListFilterParam as a2, terminalIdPaymentsListFilterParam as a3, paymentStatusPaymentsListFilterParam as a4, createdAfterPaymentsListFilterParam as a5, createdBeforePaymentsListFilterParam as a6, inputInvalid as b, inputDisabled as c, inputFocused as d, tooltipIcon as e, tooltip as f, tooltipInner as g, heading2 as h, input as i, textDanger as j, inputInvalidAndFocused as k, label as l, card as m, table as n, tableHeadCell as o, tableCell as p, getAlternateTableCellPart as q, tableEmpty as r, skeleton as s, text as t, tableError as u, buttonLink as v, buttonDisabled as w, loadingSpinner as x, badge as y, badgePrimary as z };
+export { checkoutsListFilterMenu as $, badgeSecondary as A, badgeSuccess as B, badgeDanger as C, badgeWarning as D, badgeInfo as E, badgeLight as F, badgeDark as G, alertDanger as H, inputCheckboxInvalid as I, inputCheckboxCheckedFocused as J, inputCheckboxFocused as K, inputCheckboxChecked as L, inputCheckbox as M, inputGroup as N, inputRadioInvalid as O, inputRadioCheckedFocused as P, inputRadioChecked as Q, inputRadioFocused as R, inputRadio as S, heading5 as T, heading3 as U, billingForm as V, buttonLoading as W, buttonPrimary as X, buttonSecondary as Y, checkoutSummary as Z, radioListItem as _, heading1 as a, statusCheckoutsListFilterParam as a0, paymentModeCheckoutsListFilterParam as a1, dropdownMenu as a2, heading4 as a3, listGroup as a4, listGroupItem as a5, paymentsListFilterMenu as a6, paymentIdPaymentsListFilterParam as a7, terminalIdPaymentsListFilterParam as a8, paymentStatusPaymentsListFilterParam as a9, createdAfterPaymentsListFilterParam as aa, createdBeforePaymentsListFilterParam as ab, payoutsListFilterMenu as ac, createdAfterPayoutsListFilterParam as ad, createdBeforePayoutsListFilterParam as ae, terminalsListFilterMenu as af, terminalIdTerminalsListFilterParam as ag, terminalStatusTerminalsListFilterParam as ah, inputInvalid as b, inputDisabled as c, inputFocused as d, tooltipIcon as e, tooltip as f, tooltipInner as g, heading2 as h, input as i, textDanger as j, inputInvalidAndFocused as k, label as l, card as m, table as n, tableHeadCell as o, tableCell as p, getAlternateTableCellPart as q, tableEmpty as r, skeleton as s, text as t, tableError as u, buttonLink as v, buttonDisabled as w, loadingSpinner as x, badge as y, badgePrimary as z };

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

@@ -58,14 +58,14 @@ const PaymentDetailsCore = /*@__PURE__*/ proxyCustomElement(class PaymentDetails
         });
     }
     render() {
-        return (h(StyledHost, { key: 'b35aadc771c0b521cf558f0ab2c010ac167999f1' }, this.loading && h(PaymentDetailsLoading, { key: '9a45f73df71ecf776308acb3e0715e114166548d' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: '0e754696b095b549dafd1789c7a1a462738f9856', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'ef94f025849fefde53daecdb2a3f6475993e2634', slot: "head-info", badge: MapPaymentStatusToBadge(this.payment.status), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '566fd465a660a2fd31e3af18b42b1ad2f687d328', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: 'e85a469aba3c07b93ac768189b108b3940e6bd1f', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '74c237c68cba09dd5568fa82883c69dc10e45897', title: "ID", value: this.payment.id })), h("div", { key: '69c6daf0c74b2fb003db1a7e785258f1146de701', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '4f87cd9f2a0c8777132d7b8726bdcd09cf7be433', sectionTitle: "Details" }), h("div", { key: '134845f91eef1b6dcd335ac96e59f19684ebd491', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '65c8b3540b5a0c5a4efe8f3a7aac5251def031d3', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: 'e25d3093be7ab1b564a4af92d7face28d49d213b', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '7d05d55d2f04facff86bdafc51e6c17e4cab80de', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '28a436948de1aa09f09891f597c40293b86d8870', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '670f5c3b79325d473cc0765c87769db9ec65434c', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: 'aa2fbe3ddee9341a0c9aadcf4bb484014a672bc6', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '214b5ded4fbf4e6310a2da856053a4f353b86363', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'ffdf2b03994b584f7be6dd1e53ab8078f85c1b7e', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '0f6bd6fa810b152c02b8ed59540755ddbd74ffba', title: "Description", value: this.payment.description })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: 'd464f0b7d46d433105e3ca30130c5fe563816282', sectionTitle: "Payment Method" }),
-            h("div", { key: '60485f42c8f2490d7119c5b6ecd7febca1aa77ef', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '67cd2ef5f5270294ebf607628c9597210fe65be4', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'c1000dc756f1b9dcfef34cf82b274b66324c8300', title: "Payment Type", value: "Card" }), h(DetailItem, { key: 'dc5ce24f30293851230a721fb5e0cb17841a0c26', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '4d5046cc3f23ad11ca97698ced951baa9520ab09', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '97ac51fcd928d4d4fdf79dddb5577b048e0d81e9', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: 'e03ea25b2d3a3388a613cc6fedd8912bb5092d63' }, this.loading && h(PaymentDetailsLoading, { key: '3343cc38deec7b87b2466b3bc43c0170a1962625' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: '18e494e5cb1aaed74ec35dfff5c659061d30cb82', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '466e6c0105eb09485907674aec32752001949e53', slot: "head-info", badge: MapPaymentStatusToBadge(this.payment.status), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '4da3f6800f98c2af8dfa6bae1ef464752aba14be', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '99a9e776d1dfc3ecf5de3d484212930824ebf4e2', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '55795658b170234f9f94ed97dbf45c9727f865fc', title: "ID", value: this.payment.id })), h("div", { key: '2b17cd70a0b8abe36596a61f8bf0c6ae039db579', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'a663bf74079da6a51ec611addf2adb25b8e4c950', sectionTitle: "Details" }), h("div", { key: '48b0e215500c30da77c3cc1f8f46199bda52dc24', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'd8311d8cf23d4e66effc7e2f86aa0bb56456f7ec', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '7084b4469a769fed1499f5c6cfd50e6caa88a1a5', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '40546b209614c410ff5725a01a60bbfde70cd4f6', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: 'd933346f3518d423b278a1ac41e603399c2c8b8b', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: 'f89fb7d083501dbdf481f63d0a587a6323a3fd6e', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: 'a2494f54c8a4f1792f373adf6a6e1dbab3e5798d', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '80a1118c3043a91d37bbb3da26a9fbdcf3d3b7ee', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '7787c8d9713ace6113c4685d2ea2279e570849eb', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '7e12595f71d7dd2f85b8d332aa349d90df595727', title: "Description", value: this.payment.description })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: '9150caced60639279da39a84db67eef97199d78d', sectionTitle: "Payment Method" }),
+            h("div", { key: '5add69653bc6838ed1f1792217c04cf289f1a2f0', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '8dd22e082c3e4aa0b2836ee8e533d8dc63452498', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'c8130661f5684b91db68b4c9d8a45518e610d17b', title: "Payment Type", value: "Card" }), h(DetailItem, { key: 'f47a9d1689f67133bb9183e88830dff7b4ef64e8', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '9101ce4f03dbb78d9c4f825c3747871c275c7a86', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '93f34140d96fae056674b1767219ae94164160c7', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: '35a79ce77f5169316113a4db24a2ef8ce19e95f9', sectionTitle: "Payment Method" }),
-            h("div", { key: '32ad717125ad1de2ef98c652bb09f82673cf1cb9', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '18e8fafc324e72bc252939b5143c596dd43ec698', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '09ff2cfc2b6925b972c63061b19f14db20cfba3e', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '80ecb22f35368ebd46b44bc05e28083feefb38e5', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '3f813a886d42fc43523f3f936c68f1733105d62c', title: "Account Owner", value: this.payment.payment_method.payersName }))
-        ], h(DetailSectionTitle, { key: '1f73daaaeeab874b7b12d12eb1dd2f82b63b8bba', sectionTitle: 'Metadata' }), h("div", { key: 'a3ca93b3151773f4a98af2f703b62dba3cbb2957', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'a40ac95709ef184daa3be5034c8b96bba12acbd4', metadata: this.payment.metadata })))))));
+            h(DetailSectionTitle, { key: '67cf738bc3e636aeaf97f0d66046d515ea096a50', sectionTitle: "Payment Method" }),
+            h("div", { key: '89d17e5925ad5057972f9bf11f558ff008409004', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '31ee0758b992bbe2672ac02a699cb6ad8c3f6631', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '43a23b3ea5c53a56b5888a798f0195f84933588b', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '79572125fe01f0bcd1d029dc36a723fac6bf7ceb', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '76633c06b486c6b2315ff6062d2beab0f4531a6d', title: "Account Owner", value: this.payment.payment_method.payersName }))
+        ], h(DetailSectionTitle, { key: 'f537f98a91e780c460052a7530ffb5fadc077562', sectionTitle: 'Metadata' }), h("div", { key: '324a3eb360ff1091154907f996cfd3f406f8c4d6', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'b52628f75fa99b719d7ad150cb678d686e77f3bf', metadata: this.payment.metadata })))))));
     }
     static get watchers() { return {
         "getPaymentDetails": ["updateOnPropChange"]

package/dist/module/payment.service.js

@@ -1,4 +1,4 @@
-import { A as Api, c as config } from './config.js';
+import { A as Api } from './Api.js';
 import './ComponentError.js';
 import './Checkout.js';
 import './Pagination.js';
@@ -7,17 +7,14 @@ import './SubAccount.js';
 import './Document.js';
 
 class PaymentService {
-    async fetchPayments(accountId, authToken, params, apiOrigin) {
-        if (!apiOrigin) {
-            apiOrigin = config.proxyApiOrigin;
-        }
+    async fetchPayments(accountId, authToken, params, apiOrigin = undefined) {
         const api = Api({ authToken, apiOrigin: apiOrigin });
         const endpoint = `account/${accountId}/payments`;
         return api.get(endpoint, params);
     }
     async fetchPayment(paymentId, authToken) {
         const endpoint = `payments/${paymentId}`;
-        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).get(endpoint);
+        return Api({ authToken, apiOrigin: undefined }).get(endpoint);
     }
 }
 

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

@@ -6,11 +6,12 @@ import './Payment.js';
 import './SubAccount.js';
 import './Document.js';
 import { o as tableHeadCell, q as getAlternateTableCellPart, n as table, p as tableCell } from './parts.js';
-import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types2.js';
+import { T as Table, a as TableLoadingState, b as TableEmptyState, c as TableErrorState } from './table.js';
 import './details.js';
 import { M as MapPaymentStatusToBadge } from './payments-status.js';
 import { h as convertToLocal } from './utils2.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './payments-list-params-state.js';
+import { T as TableClickActions } from './event-types2.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
 
 const defaultColumnsKeys = 'created_at,amount,status,payment_type,description,payers_name,last_four_digits';
@@ -84,7 +85,7 @@ const PaymentsListCore = /*@__PURE__*/ proxyCustomElement(class PaymentsListCore
     fetchData() {
         this.loading = true;
         this.getPayments({
-            params: this.params,
+            params: this.paymentParams,
             onSuccess: ({ payments, pagingInfo }) => {
                 this.payments = payments;
                 this.paging = pagingInfo;
@@ -103,6 +104,11 @@ const PaymentsListCore = /*@__PURE__*/ proxyCustomElement(class PaymentsListCore
             }
         });
     }
+    get paymentParams() {
+        const requestParams = getRequestParams();
+        const params = Object.assign(Object.assign({}, requestParams), this.pagingParams);
+        return params;
+    }
     get entityId() {
         return this.payments.map((payment) => payment.id);
     }
@@ -115,13 +121,8 @@ const PaymentsListCore = /*@__PURE__*/ proxyCustomElement(class PaymentsListCore
     get showRowData() {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
-    get params() {
-        const requestParams = getRequestParams();
-        const params = Object.assign(Object.assign({}, requestParams), this.pagingParams);
-        return params;
-    }
     render() {
-        return (h("div", { key: 'a3a996622a365ecf9960a36f249dcd3a8cea3106' }, h("div", { key: '79b86ae4a59b6c50ff72ee1dddb7d9660220e003', class: "table-wrapper" }, h("table", { key: '0f0904d5db86c1e7e3141e991bb20dade2bfb46b', class: "table table-hover", part: table }, h("thead", { key: 'a5895f88cea8962b31aed180b24fc8a287664d56', class: "table-head sticky-top" }, h("tr", { key: 'e883f164efc6a77eea64482974d4e667d264110d', class: "table-light text-nowrap" }, this.paymentsTable.columnData.map((column) => column))), h("tbody", { key: 'bbb65c479ca06b02d711d510516432db815b3fac', class: "table-body" }, h(TableLoadingState, { key: 'a212a7fc190e5bede2ff98e7dad737260b94fc9c', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '41543e33097fbcc753ab11fad1214b6dd06c4f78', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '06862d555775195430f95fa3efc41d301444cc4e', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: '7453d140f8f9ca941be9cf5b9dad4491ace10095', class: "sticky-bottom" }, h("tr", { key: '5299d703ca1c741687e1340b98876cabc4c3636d', class: "table-light align-middle" }, h("td", { key: '96f9f447db74126b92f3f3f657d4253617c0b85b', part: tableCell, colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '19a8da89dfc77c2d97b3b726f9a27a72825eafe3', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: '6f153085c08ed8db1508964f360f879ec5310635' }, h("div", { key: 'ca4e487642561cbf859aa30f74dc1aae00d3642c', class: "table-wrapper" }, h("table", { key: '0982554e856be77813a087baa93835cd43c3b6e1', class: "table table-hover", part: table }, h("thead", { key: 'e5eb661667dea89b13524676423758cf79d20765', class: "table-head sticky-top" }, h("tr", { key: '290dd81536e2b03f3020c72937a559aca0cef884', class: "table-light text-nowrap" }, this.paymentsTable.columnData.map((column) => column))), h("tbody", { key: 'bee3b0671e9d6f71a87d8b9f880a1630db2335ec', class: "table-body" }, h(TableLoadingState, { key: 'a9e4a373e3eadc449f4b040c1eec2e902cfe7fef', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '240af4b959cd5a55518c0fd6a025648291e63c29', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: 'd6e704fd8f9d6f1717537e45e0c3743e78df38be', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: '889f70d9eb4f7e92e29735ba6a5ddb43d622a511', class: "sticky-bottom" }, h("tr", { key: '7f352e5ea2338b1209046bab5328580d1ef80e12', class: "table-light align-middle" }, h("td", { key: '310bf61ff6730cdc4a2fe83e4297b9f055981abc', part: tableCell, colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '66bcae57f189313b7596133c1a91e0cf43173fef', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

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

@@ -74,7 +74,7 @@ const PayoutDetailsCore = /*@__PURE__*/ proxyCustomElement(class PayoutDetailsCo
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: '4549ec693037f9a88ce74520fd227022d4a2db43' }, this.loading && h(PayoutDetailsLoading, { key: '36017a6e0faef41b11d79605177e215e614a3aa1' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'c85f8ade3faf633fe0901d9500eb3353ca37bb2b', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'cd855de095506f7002e2e1c0188250b227927a17', slot: "head-info", badge: MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: 'acfb6cf5f22e321fa20af3b17a8efb2fad959b84', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: 'a5a642616006a55cd7c1b0a6782b4400fceb930c', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '239d10bb38e0f583ce9f40182ebd06d0a0ea7435', title: "ID", value: this.payout.id }), h("div", { key: '6863a35b9f6d5490ede7ee6fa82987691615b3e2', class: "m-4" }, h(Button, { key: '1760a4e1666aa8d8de5997c29c3c127a4e36f4b5', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '32adb626ca04e368ef4b194f198ebffd3b04222e', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '9e4ad804af83027bcf5a3c338bda5e70e97cc892', sectionTitle: "Details" }), h("div", { key: 'c927105a44b2da4c54d1a37ae67284f0674551c9', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'e1870dc67a0d4868670d8be56c918e78b50f905d', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '5fc96b304fc547112cd73eb4fb2630dd428830e7', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'da6ef701996e84cd8e6a07d78a25a5e9a79b9ea8', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: '9e64e4d9dcfcb061bcaa7cece2420ebf345b8000', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '4a86a9dd33c22d08f05ec2728478a787a00a8322', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'db556a34c5d00c4d3e92c1cf4d01387bff3ee51d', sectionTitle: "Account" }), h("div", { key: '650b29a42b66a5c6472175c2908e3e3bedacf5d3', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'dc66788666c8171a88712615b3b9972c3b4b0d3f', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: '203f2cf47a4ef904cec14e1c513f4e7debd8fce8', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'de0b55071cf0303666f6f586de3c409684cb6a7d', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'c844ae5678df1b9181e7ecc75d96b166b75afe64', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '0d53d6165128f2783bb2d2a16fe736fa89b3f897', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), h(DetailSectionTitle, { key: '32578f8453ceb9f8196c393b6d729bbf9e287e04', sectionTitle: 'Metadata' }), h("div", { key: 'fdacbd0d6ce9c91557043a797d41a82e88d8ad61', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '97ec42b9a84d270166a634e15cf8c3aa4d9ff532', metadata: this.payout.metadata })))))));
+        return (h(StyledHost, { key: '9b5b45052e96231367e1289cfd693346dbde365b' }, this.loading && h(PayoutDetailsLoading, { key: '6326e96a39db801b0e61a061cba006f867f1d421' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '68642bc936f28de32ac82dee91b6a044e1212399', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'ddaaffc9cf37c004cf08025e6767e4e6ebba9b03', slot: "head-info", badge: MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: '552b9fea31e5628a7c02aaa2fec84ea659acd8c0', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: 'ed356c4b54e4c315c51ebaf381cc8c66f4246ed7', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '1171f95890de260c20122b02bdf10ca43bc7bef1', title: "ID", value: this.payout.id }), h("div", { key: '9e823b2f42bf37e7fd0e4e8f5e87a2be5ab4db35', class: "m-4" }, h(Button, { key: 'dd4b750f7e9057b7f4845a4290d83c7cf89d7b43', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'ef9384f15e0e10c2372d8af1c62fdf858d98d1a2', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '3abe895a6f65d2e26736cafd25a8656d5be1204d', sectionTitle: "Details" }), h("div", { key: '1be2f667564fa492a1fa3a44b8e67209a6617657', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'adb8c36a2b45d19ef95117d069f60758ea5ce6f0', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: 'a6245623ff251316c4fd923bfb9b91fe94aa11b1', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '10db1599529d8f98d28c3ed1f3975539bbb8f88a', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: '7e1438bcfb7b1f2aa820ace66874e56446ef400e', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '4afa7801a1b1e92db8c8f57b53c0d7cdd38e0f61', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '51cf02ed3894781f88770cdac746b31bb608dcad', sectionTitle: "Account" }), h("div", { key: '865ea1514254641acf1f96941c5c912947c5fe4f', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '2812906310435422b7bb08bbe8a36c1f95a2eac5', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: 'c25fef650a31522d3bc520d425f904bc002d3ecf', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'def9ed242797394aa21339866050bdf563ee7527', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '1542ffac52053eb8986d6fd2489d4ba6ab523c69', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '45a289202141a852e5e57eee4d0b3db35b09cc40', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), h(DetailSectionTitle, { key: 'a9059130e4c5686d103f67a91510531af62eca5f', sectionTitle: 'Metadata' }), h("div", { key: '130ef2e82f48c8449346b56713580b975fc368cf', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'dc6fc83790f16416aa7c5b763d0ae040654f23cd', metadata: this.payout.metadata })))))));
     }
     static get watchers() { return {
         "getPayout": ["getPayoutWatcher"]

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

@@ -6,11 +6,12 @@ import './Payment.js';
 import './SubAccount.js';
 import './Document.js';
 import { q as getAlternateTableCellPart, o as tableHeadCell, n as table, p as tableCell } from './parts.js';
-import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types2.js';
+import { T as Table, a as TableLoadingState, b as TableEmptyState, c as TableErrorState } from './table.js';
 import './details.js';
 import { h as convertToLocal } from './utils2.js';
 import { M as MapPayoutStatusToBadge } from './payouts-status.js';
-import { o as onQueryParamsChange, q as queryParams } from './payouts-list-params-state.js';
+import { o as onQueryParamsChange, g as getRequestParams } from './payouts-list-params-state.js';
+import { T as TableClickActions } from './event-types2.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
 
 const defaultColumnsKeys = 'created_at,amount,status,payments_total,refunds_total,fees_total,other_total,csv';
@@ -36,7 +37,7 @@ const payoutTableCells = (downloadCSV) => ({
     amount: (payout, index) => (h("td", { part: getAlternateTableCellPart(index) }, payout.formattedPaymentAmount(payout.amount))),
     status: (payout, index) => (h("td", { part: getAlternateTableCellPart(index) }, MapPayoutStatusToBadge(payout.status))),
     csv: (payout, index) => (h("td", { part: getAlternateTableCellPart(index) },
-        h("a", { href: "#", onClick: (event) => { event.preventDefault(); downloadCSV(payout); } }, "CSV"))),
+        h("a", { href: "#", onClick: (event) => { event.preventDefault(); downloadCSV(payout.id); } }, "CSV"))),
 });
 
 const PayoutsListCore = /*@__PURE__*/ proxyCustomElement(class PayoutsListCore extends HTMLElement {
@@ -66,9 +67,13 @@ const PayoutsListCore = /*@__PURE__*/ proxyCustomElement(class PayoutsListCore e
             this.clickEvent.emit({ name: TableClickActions.next });
         };
         this.rowClickHandler = (e) => {
-            const clickedPayoutID = e.target.closest('tr').dataset.rowEntityId;
+            const clickedRow = e.target.closest('tr');
+            const clickedPayoutID = clickedRow.dataset.rowEntityId;
             if (!clickedPayoutID)
                 return;
+            const clickedCSV = clickedRow.querySelector('a');
+            if (clickedCSV === e.target)
+                return;
             const payoutData = this.payouts.find((payout) => payout.id === clickedPayoutID);
             this.clickEvent.emit({ name: TableClickActions.row, data: payoutData });
         };
@@ -103,7 +108,7 @@ const PayoutsListCore = /*@__PURE__*/ proxyCustomElement(class PayoutsListCore e
     fetchData() {
         this.loading = true;
         this.getPayouts({
-            params: this.requestParams,
+            params: this.payoutParams,
             onSuccess: ({ payouts, pagingInfo }) => {
                 this.payouts = payouts;
                 this.paging = pagingInfo;
@@ -150,9 +155,10 @@ const PayoutsListCore = /*@__PURE__*/ proxyCustomElement(class PayoutsListCore e
             },
         });
     }
-    get requestParams() {
-        const combinedParams = Object.assign(Object.assign({}, queryParams), this.pagingParams);
-        return combinedParams;
+    get payoutParams() {
+        const requestParams = getRequestParams();
+        const params = Object.assign(Object.assign({}, requestParams), this.pagingParams);
+        return params;
     }
     get subAccountParams() {
         let accountIdNumbers = this.payouts.map((payout) => payout.account_id);
@@ -173,10 +179,9 @@ const PayoutsListCore = /*@__PURE__*/ proxyCustomElement(class PayoutsListCore e
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: '80d7b9e09153270375ef79961996ed56f0ee6ba2' }, h("div", { key: 'bb769ab3fc09acea181a231f98f5aa99be24e675', class: "table-wrapper", part: "table-wrapper" }, h("table", { key: 'b008fd21153c738b85e1a37c2e43932e13b8f58d', class: "table table-hover", part: table }, h("thead", { key: 'f4c7146142cc714f24dccddda4404d5534e068b5', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: 'bfd485e191f11725681a1055b049c7c11eda7858', class: "table-light text-nowrap", part: "table-head-row" }, this.payoutsTable.columnData.map((column) => column))), h("tbody", { key: '77797d4d7ebfed8206fb5b693d973c8fb539f1b8', class: "table-body" }, h(TableLoadingState, { key: 'd8c55ac393e2952b9cde96b8fcb45cf88978d90b', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '4122715eaa2363e9a21a3dec18a935bc98ac530e', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '5017f0eca302fe6c80d62d8e9af73b68d04db658', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: 'da997bb2d356800bdc918415a60c03d09ab0d158', class: "sticky-bottom" }, h("tr", { key: '22a61b245c6aeb630bb3887525d826d5b3589c7c', class: "table-light align-middle" }, h("td", { key: 'f378c94db17592855e94066113bc064d0f936d45', part: tableCell, colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '32f8c9fc1a401a5f7f40669d56be3f703a3fdd40', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: '2cc35b1a64da3e15a221eeb74b9de3ce011301e6' }, h("div", { key: '73e18029f462aeb03414574c76700b8c20748c0d', class: "table-wrapper", part: "table-wrapper" }, h("table", { key: '6af17bc77a5ac15503a4424ef8e9095da86ff667', class: "table table-hover", part: table }, h("thead", { key: '6340d507a8a8bcef847c4054072b1f26d49c1cb8', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: 'fd84224c2b62ebb26130057d57145baecc3f1f2b', class: "table-light text-nowrap", part: "table-head-row" }, this.payoutsTable.columnData.map((column) => column))), h("tbody", { key: '4993ab0d133c3f03c42b17da22c16682f6b5ddc2', class: "table-body" }, h(TableLoadingState, { key: '580e94f393f1281a4f9f9890078073b31450fb25', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '88fa77ac3de65dcad0371d8746588d588964a2fe', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: 'ec374189d2faab1ea13388987ff977ae758cdd35', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: '3543415cd5411bf599e0cfa06257b8ef19f1b652', class: "sticky-bottom" }, h("tr", { key: '8b7230df5006dfb3d3022422d391cd5cae48c5c7', class: "table-light align-middle" }, h("td", { key: '6a4ed06b9c933e09cb083b3e62e52bdf44a9678b', part: tableCell, colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: 'f87d2e1fe590205f455f236ba5afc26533f44f4e', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
-        "queryParams": ["updateOnPropChange"],
         "pagingParams": ["updateOnPropChange"],
         "getPayouts": ["updateOnPropChange"],
         "getSubAccounts": ["updateOnPropChange"]
@@ -194,7 +199,6 @@ const PayoutsListCore = /*@__PURE__*/ proxyCustomElement(class PayoutsListCore e
         "paging": [32],
         "pagingParams": [32]
     }, undefined, {
-        "queryParams": ["updateOnPropChange"],
         "pagingParams": ["updateOnPropChange"],
         "getPayouts": ["updateOnPropChange"],
         "getSubAccounts": ["updateOnPropChange"]

package/dist/module/payouts-list-params-state.js

@@ -1,10 +1,16 @@
 import { c as createStore } from './index2.js';
 
-const initialState = {};
-const payoutsListQueryParams = createStore(() => initialState);
-const { state: queryParams, on: onQueryParamsChange } = payoutsListQueryParams;
+const filterParamsInitialState = {};
+const propsParamsInitialState = {};
+const filterParamsStore = createStore(() => filterParamsInitialState);
+const { state: filterParams, on: onQueryParamsChange } = filterParamsStore;
+const propsParamsStore = createStore(() => propsParamsInitialState);
+const { state: propsParams } = propsParamsStore;
+const getRequestParams = () => {
+    return Object.assign(Object.assign({}, filterParams), propsParams);
+};
 const clearParams = () => {
-    payoutsListQueryParams.reset();
+    filterParamsStore.reset();
 };
 
-export { clearParams as c, onQueryParamsChange as o, queryParams as q };
+export { clearParams as c, filterParams as f, getRequestParams as g, onQueryParamsChange as o, propsParams as p };

package/dist/module/product-or-service.js

@@ -46,7 +46,7 @@ const ProductOrService = /*@__PURE__*/ proxyCustomElement(class ProductOrService
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'a40a8a641d5b0e56fea415895b33523f5981fdc2' }, h("div", { key: '82da6b545c20d56b4b0e02c214448a15edf27440', class: "row gy-3" }, h("div", { key: '00cc29411e76d553c1b3fcda0ad2b02a08401b15', class: "col-12" }, h("h2", { key: 'a313f27a3d7c23c428ef14a7269c051c9053305c', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '07efb7c5c5ce83e098838b5ccd48ca8ca93e189c', class: "col-12" }, h("form-control-text", { key: '7c94f75e3555730ac5aa65b1baed84d7530ffee1', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: 'd679f7b7c59ac645128f99c9fed0a49bca3907bb', class: "col-12" }, h("form-control-text", { key: 'e8b13489274045c77db77c000c11a242b6aae255', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: 'b24282195e2818158b5b6ef3c4c0581409680f4a', class: "col-12" }, h("form-control-file-v2", { key: '3e401f3149b104bb4d346bcbe6906c206abe8067', label: "Service Documentation", name: "service_documentation", onChange: this.handleFileSelection, errorText: this.errors.service_documentation })))));
+        return (h("div", { key: '5a6f2b3a9c40e31c2be9a0c98abb64793ac37996' }, h("div", { key: '7ff77c4cba89dad5195aed658a13f559953f9632', class: "row gy-3" }, h("div", { key: '407d0c1d31ec876fcd1a7ba0f160caeecf8ea2f6', class: "col-12" }, h("h2", { key: '6da19469c4d0570d666e7d57144f60a7c2ec0a53', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '35c1de85ef91b00d26231c836f9ea56cb1b83a44', class: "col-12" }, h("form-control-text", { key: '48027fd45015c44bf0a15b53bba6976422002d4f', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: '96966b5a210ac7c21b7c39d12967619044227055', class: "col-12" }, h("form-control-text", { key: 'ed1d72fd0768e58df68f3df48f1e7d4ed2c6a9ed', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: '74b8735faf5261fd631539c0447903b9c94abd1b', class: "col-12" }, h("form-control-file-v2", { key: '24273cc84eded001b7224aa3c413c444f8697798', label: "Service Documentation", name: "service_documentation", onChange: this.handleFileSelection, errorText: this.errors.service_documentation })))));
     }
 }, [0, "justifi-product-or-service", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/refund-policy.js

@@ -47,7 +47,7 @@ const RefundPolicy = /*@__PURE__*/ proxyCustomElement(class RefundPolicy extends
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'af53582fbda822cf130de3cb9ebec8ca228285ef' }, h("div", { key: '6f2bd60cc9e03a154d876f136a7776e8b168ce2d', class: "row gy-3" }, h("div", { key: '65cf646cf92f1ae0700c873f759061adb884cc81', class: "col-12" }, h("h2", { key: '74aed04947fa6868c151a31d144dbf922acf401c', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '57632d99565dc3e007b4c4421fa26c1faf12f49b', class: "col-12" }, h("form-control-textarea", { key: '1531c99a09c71d319fc800c9108ad0ddec99704d', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: 'ae973eeecdf7fdafa25f00977898ba453a6180b5', class: "col-12" }, h("form-control-textarea", { key: '1b6d4d9a412b0300dcbd5bf7c52af6b43a070bc8', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: 'e37a85c57c72af2e7a055672caf654637d53254d', class: "col-12" }, h("form-control-file-v2", { key: 'a953f49dd1c77960deac827ad0e61e65e57ca701', label: "Upload Refund Policy", name: "refund_policy", onChange: this.handleFileSelection })), h("div", { key: 'e1d5e0afaf9dff41d58c280e88182fcef4880428', class: "col-12" }, h("form-control-file-v2", { key: '57a94d969de6a38e4d46ab06c6585401dddde1db', label: "Upload Receipt", name: "receipt", onChange: this.handleFileSelection })))));
+        return (h("div", { key: '703c5efe2968f84e6cc83ee725c23170076d43b5' }, h("div", { key: 'c04272ce41b0591b3f03f469ff531bc90de82c73', class: "row gy-3" }, h("div", { key: 'e50b1bfe25275aafcbc1ba2a78e1c64957744808', class: "col-12" }, h("h2", { key: '0f61003e430d370024f9f81b67755feb24646b62', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: 'e6e6b3154767c841dcdcd77766fccd2403d19512', class: "col-12" }, h("form-control-textarea", { key: '2d57333ac337dd0045dbfc764e85a9d5ae3a4d7e', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: 'bf37aa030c4d45a75899a7933bb3fe13729a5507', class: "col-12" }, h("form-control-textarea", { key: 'cd5c88fc04d6b8f0489b080eacc81b2e301e0480', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: '7bad042eda98c6f94772734708046de75946b48f', class: "col-12" }, h("form-control-file-v2", { key: 'ff350d9ea2dc50b7b306c2127384732816576865', label: "Upload Refund Policy", name: "refund_policy", onChange: this.handleFileSelection })), h("div", { key: '3dbd9e591e6a38ba57fa4bddb5f876c50b480a78', class: "col-12" }, h("form-control-file-v2", { key: 'fd6df99ca40e36ba36be6ab127f104506697e623', label: "Upload Receipt", name: "receipt", onChange: this.handleFileSelection })))));
     }
 }, [0, "justifi-refund-policy", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/schema-validations.js

@@ -167,7 +167,7 @@ const accountTypeValidation = create$6()
     .oneOf(bankAccountTypeOptions.map((option) => option.value), 'Select account type')
     .transform(transformEmptyString);
 const accountNumberValidation = create$6()
-    .min(7, 'Account number must be at least 7 digits')
+    .min(4, 'Account number must be at least 4 digits')
     .max(17, 'Account number must be less than 17 digits')
     .matches(numbersOnlyRegex, 'Enter valid account number')
     .test('not-repeat', 'Enter valid account number', (value) => {

package/dist/module/shipping-details.js

@@ -51,7 +51,7 @@ const ShippingDetails = /*@__PURE__*/ proxyCustomElement(class ShippingDetails e
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: '09f0b2ae6a8a8f7827646fc6173c173cd03227d9' }, h("div", { key: '3779ab211fe12611db274578aa00ebf168900afb', class: "row gy-3" }, h("div", { key: 'eedd3e14096dbb605ad6fd0e662115cfbd2091da', class: "col-12" }, h("h2", { key: '41ab8ac8ad5cdc2ad46e217645b58ca7f6ff243b', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: 'eacbb056741e38a64e1acdc51d8a6766a9ef25ef', class: "col-12" }, h("form-control-text", { key: 'ef39645f1557dc422ee475ba9cc6f8a0ef5109ee', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: '338495781e1d1b412b6eb88a88c231c89dddb06a', class: "col-12" }, h("form-control-text", { key: '3f208113c4db507fc14f05f2312e4056ae3bfa50', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: 'b7de777a2f4b413d181c54ef21b33f011b6242d1', class: "col-12" }, h("form-control-date", { key: '0bea6e634fd79db518c1377feaf0c19ba7218380', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: '6984cbb1e60a83ea4d15a3116634c573f8d5be8f', class: "col-12" }, h("form-control-textarea", { key: '89747dfc9ddc287c91ead9428dd1b5a8a86721eb', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: 'aacc2e70654f07afeed7687464a90612da693030', class: "col-12" }, h("form-control-file-v2", { key: 'be7c004b4f56a81273f202c32e5471461e67a197', label: "Shipping Documentation", name: "shipping_documentation", onChange: this.handleFileSelection })))));
+        return (h("div", { key: '67cfe365cdb518bfd098502e11d24fff63581052' }, h("div", { key: '6adf6e14084452e52cfa6bce8433c3531e7e5a95', class: "row gy-3" }, h("div", { key: '2ea11029c2d0c3f7c1bd75ea52f50a84cf4a23c7', class: "col-12" }, h("h2", { key: 'ca0e8158b9c7b31bd627ad48dab5c6f59e8c33b9', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '71a3ff8825b1d824d262cf78e1ce226cc265453b', class: "col-12" }, h("form-control-text", { key: 'b1436af6043ec687d245b923d0df7605a47bb9d5', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: '3d163ebab9371d6ba03f7859c851518c2b9c42e0', class: "col-12" }, h("form-control-text", { key: 'b37976e6a54dc322cfbfb44081dd57e6425cba9c', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: '3476796fbca30f969fe71da1c049dc83ed691891', class: "col-12" }, h("form-control-date", { key: 'ba734764e4702ee2f1846f3f580cdbf0e7156ff6', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: '8f2690c1f1fddaad3915f1b8aca5f934a45b5f71', class: "col-12" }, h("form-control-textarea", { key: 'dd26eedba648b038e2b414825d7f26c1a326db2f', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: 'ce3e63025adfe560a466522411d93968d8abd420', class: "col-12" }, h("form-control-file-v2", { key: '099d48a3c6b2b7999442e1a0609c4fdac2f67c66', label: "Shipping Documentation", name: "shipping_documentation", onChange: this.handleFileSelection })))));
     }
 }, [0, "justifi-shipping-details", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/table-filters-menu2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { B as Button } from './button.js';
-import { $ as dropdownMenu } from './parts.js';
+import { a2 as dropdownMenu } from './parts.js';
 import { d as defineCustomElement$1 } from './custom-popper2.js';
 
 const hasFilters = (params) => {
@@ -33,7 +33,7 @@ const TableFiltersMenu = /*@__PURE__*/ proxyCustomElement(class TableFiltersMenu
         this.showClearButton = hasFilters(this.params);
     }
     render() {
-        return (h("div", { key: 'd45f459f317d7a5c10083e4d6c7a1855e606ccff', class: "d-flex gap-2" }, h("div", { key: 'cd9625444bf3e4a084508a52f2f4ee52ec108602', class: "dropdown pb-3" }, h(Button, { key: '328dfff010a31a5e49a6a893bd9a8b49ebc44a6a', variant: "primary", type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '591b15ad81d875d9f0249978394281ee134dd63f', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'dbab8762dddfaa425e13d8f6ca9993ee1811a404', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: 'b4c174ce6d565e7cadcd3ce62af69eaaeac5054c' })))), h("div", { key: '1daabbe4fa3551640c075ee20e39b2c9363bf59a' }, h(Button, { key: 'b09b43e46ad9b40797efd06ede82044c8a6e25df', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
+        return (h("div", { key: 'b55be2aa2f9d4677989da12bb114f620a9ec2e45', class: "d-flex gap-2" }, h("div", { key: 'dffb2be68ead3abb60a8740869e48bb48bbf558c', class: "dropdown pb-3" }, h(Button, { key: '2e7b2d3afc80963abfe9c8c2690a61b911a1b747', variant: "primary", type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '9e2b1b988bc5440f18d26c5b8402f5e30e73cdad', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: '573161a7515d1b16665138ba739133379b9b6850', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '9597e79f125e1e41c343fa3d2d583b5cf7ab9c31' })))), h("div", { key: '67ed29ac8e10f3ae1380514ae1a1e1e8aed7d9b6' }, h(Button, { key: '9b3dc6176c11226e82ecb1f9f88705ad40bf6e32', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
     }
     static get watchers() { return {
         "params": ["watchParamsHandler"]

package/dist/module/table.js

@@ -0,0 +1,55 @@
+import { h } from '@stencil/core/internal/client';
+import { r as tableEmpty, u as tableError, p as tableCell } from './parts.js';
+import { S as Spinner } from './spinner.js';
+
+const TableEmptyState = (props) => {
+    const { columnSpan, isEmpty } = props;
+    if (!columnSpan || !isEmpty) {
+        return null;
+    }
+    return (h("tr", null,
+        h("td", { class: "empty-state", part: tableEmpty, colSpan: columnSpan, style: { textAlign: 'center' } }, "No results")));
+};
+
+const TableErrorState = (props) => {
+    const { columnSpan, errorMessage } = props;
+    if (!columnSpan || !errorMessage) {
+        return null;
+    }
+    return (h("tr", null,
+        h("td", { class: "error-state", part: tableError, colSpan: columnSpan, "data-test-id": "table-error-state", style: { textAlign: 'center' } },
+            "An unexpected error occurred: ",
+            errorMessage)));
+};
+
+const TableLoadingState = (props) => {
+    const { columnSpan, isLoading } = props;
+    if (!columnSpan || !isLoading) {
+        return null;
+    }
+    return (h("tr", null,
+        h("td", { class: "loading-state", part: tableCell, colSpan: columnSpan, style: { textAlign: 'center' } },
+            h(Spinner, null))));
+};
+
+class Table {
+    get columnData() {
+        return this.columnKeys.map((key) => this.tableColumns[key]());
+    }
+    get rowData() {
+        return this.collection.map((dataEntry, index) => {
+            return this.columnKeys.map((key) => this.tableCells[key](dataEntry, index));
+        });
+    }
+    set collectionData(collection) {
+        this.collection = collection;
+    }
+    constructor(collection, columns, tableColumns, tableCells) {
+        this.columnKeys = columns.split(',');
+        this.collection = collection;
+        this.tableColumns = tableColumns;
+        this.tableCells = tableCells;
+    }
+}
+
+export { Table as T, TableLoadingState as a, TableEmptyState as b, TableErrorState as c };

package/dist/module/terminal-orders-list-core.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TerminalOrdersListCore extends Components.TerminalOrdersListCore, HTMLElement {}
+export const TerminalOrdersListCore: {
+    prototype: TerminalOrdersListCore;
+    new (): TerminalOrdersListCore;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,6 @@
+import { T as TerminalOrdersListCore$1, d as defineCustomElement$1 } from './terminal-orders-list-core2.js';
+
+const TerminalOrdersListCore = TerminalOrdersListCore$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { TerminalOrdersListCore, defineCustomElement };