@justifi/webcomponents 5.2.0 → 5.3.1

package/dist/collection/components/dispute-management/dispute-response/product-or-service.js

@@ -36,7 +36,7 @@ export class ProductOrService {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'acd3ad222e15e0ddc7f3410410958bb73195529c' }, h("div", { key: '12cc20448141d7816bcfdb5171b9b979c0255267', class: "row gy-3" }, h("div", { key: '695ad169190e1ec763942ad285e47a390fbd1b41', class: "col-12" }, h("h2", { key: '44a0fb6aa27be23832c3f39f33506b57ccc7e468', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: 'd41bf77ff6a7d8e4fa5ef5cda4fa447dd8a8b07f', class: "col-12" }, h("form-control-text", { key: 'd81cfb94f63dc0b6711c180b7bdc86a64f375691', 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: '96405e6808644dbd4fadcad86f11a90b2b111812', class: "col-12" }, h("form-control-text", { key: '5de5c4df7331be1fc94e7c44ebf2c72bb127aca3', 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: '60366bef77d86a348cf73c7d97be53769d2473df', class: "col-12" }, h("form-control-file-v2", { key: '8ece21a45a7675cd155c469e3aa327e4a3b3106b', label: "Service Documentation", name: "service_documentation", onChange: this.handleFileSelection, errorText: this.errors.service_documentation })))));
+        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 })))));
     }
     static get is() { return "justifi-product-or-service"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/refund-policy.js

@@ -36,7 +36,7 @@ export class RefundPolicy {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'b91af9cbcac0c390b5c4d5c445976d4a8833907d' }, h("div", { key: '0d94fd8318404dd97dcb035d48a7fcb99b5ae87f', class: "row gy-3" }, h("div", { key: 'd97378e24b0c8a5f71a626d116df0862829f1a92', class: "col-12" }, h("h2", { key: '4e1ab56c967d24865c7609691245dae472a46976', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: 'a99ee9a75fb1c5b411aa2705ba9a0f14885e5358', class: "col-12" }, h("form-control-textarea", { key: '6d23c869664ecbbd369ca88e85f7a1033cf5ffe4', 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: '50b3def529f23f3cae755b762b43caa1f5329c21', class: "col-12" }, h("form-control-textarea", { key: 'e3bce3c6aa80af945884bbec847358a8e259a3ff', 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: '771b3e3e163d31ceab83904e4926f61a768ef460', class: "col-12" }, h("form-control-file-v2", { key: '872e482d0f99c2212c9ca9fe0ac56f5e8c17aa88', label: "Upload Refund Policy", name: "refund_policy", onChange: this.handleFileSelection })), h("div", { key: '857353db7a0aee5fd54215b1c5f00ddffdd5dd77', class: "col-12" }, h("form-control-file-v2", { key: 'fa7a204cddb61ed8e30b0c3d1c6227bc2ab9cdfa', label: "Upload Receipt", name: "receipt", onChange: this.handleFileSelection })))));
+        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 })))));
     }
     static get is() { return "justifi-refund-policy"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/shipping-details.js

@@ -36,7 +36,7 @@ export class ShippingDetails {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: '3df223d0827966f125304a5783c341ff32dc9442' }, h("div", { key: 'c4aa2d5c1be5e452284c5463a299b92c2799949a', class: "row gy-3" }, h("div", { key: '049124ca86a2ae70addb34ce9d79138f052484eb', class: "col-12" }, h("h2", { key: '426b01f9b7cdaad3b3c65ec79be2a31c2db5ec7f', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: 'd58211d0757a3220b880ca8dd1a2289d25f92733', class: "col-12" }, h("form-control-text", { key: '2273a6905d9e79c5c4c4cb9fcbe629b8546b1cb0', 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: '16685f1e217a9ed7cdea9858989a957855ca9df1', class: "col-12" }, h("form-control-text", { key: '74f2b588ab811279fc5bea972b4d045276dcfb19', 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: 'd52ee413a5757a9896e1e24ec7a4d1658d2a51b3', class: "col-12" }, h("form-control-date", { key: '077e1d46323a9546918ebe6b2f096b4a9b494926', 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: 'a02a13a8312dd4233f13363f192f5bf5e2009839', class: "col-12" }, h("form-control-textarea", { key: 'bd97071529be47d78ced13f78d77f051a36145c0', 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: 'e83dd41ef2cd943add49784940326cf3b355cd3f', class: "col-12" }, h("form-control-file-v2", { key: 'd5ac44164b655c497a6247b7277527bb20f7ac04', label: "Shipping Documentation", name: "shipping_documentation", onChange: this.handleFileSelection })))));
+        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 })))));
     }
     static get is() { return "justifi-shipping-details"; }
     static get properties() {

package/dist/collection/components/gross-payment-chart/gross-payment-chart-core.js

@@ -69,7 +69,7 @@ export class GrossPaymentChartCore {
         }
     }
     render() {
-        return (h(Host, { key: '3bab823df105738571c6feeba11700a70593fdc6' }, this.loading && h(Spinner, { key: '3ed4ffbcd589e4655bc23336c42b3934157dd7a4' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        return (h(Host, { key: '14360f11f9b118e347ee73739f03c3631fbef1a4' }, this.loading && h(Spinner, { key: 'a5190472afdbf507c6c36c8aaae1473bffc80dcf' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
     }
     static get is() { return "gross-payment-chart-core"; }
     static get properties() {

package/dist/collection/components/insurance/season-interruption/season-interruption-insurance.js

@@ -55,7 +55,7 @@ export class SeasonInterruptionInsurance {
         });
     }
     render() {
-        return (h("justifi-season-interruption-insurance-core", { key: '737ad53975405a658c2fc46533eb02351833b280', ref: (el) => (this.seasonInterruptionCoreRef = el), "checkout-id": this.checkoutId, getQuote: this.getQuote, toggleCoverage: this.toggleCoverage, "primary-identity-first-name": this.primaryIdentityFirstName, "primary-identity-last-name": this.primaryIdentityLastName, "primary-identity-state": this.primaryIdentityState, "primary-identity-postal-code": this.primaryIdentityPostalCode, "primary-identity-country": this.primaryIdentityCountry, "primary-identity-email-address": this.primaryIdentityEmailAddress, "policy-attributes-insurable-amount": this.policyAttributesInsurableAmount, "policy-attributes-start-date": this.policyAttributesStartDate, "policy-attributes-end-date": this.policyAttributesEndDate, "covered-identity-first-name": this.coveredIdentityFirstName, "covered-identity-last-name": this.coveredIdentityLastName }));
+        return (h("justifi-season-interruption-insurance-core", { key: '50413e347b808cbf350573602701d5e6e7d4def5', ref: (el) => (this.seasonInterruptionCoreRef = el), "checkout-id": this.checkoutId, getQuote: this.getQuote, toggleCoverage: this.toggleCoverage, "primary-identity-first-name": this.primaryIdentityFirstName, "primary-identity-last-name": this.primaryIdentityLastName, "primary-identity-state": this.primaryIdentityState, "primary-identity-postal-code": this.primaryIdentityPostalCode, "primary-identity-country": this.primaryIdentityCountry, "primary-identity-email-address": this.primaryIdentityEmailAddress, "policy-attributes-insurable-amount": this.policyAttributesInsurableAmount, "policy-attributes-start-date": this.policyAttributesStartDate, "policy-attributes-end-date": this.policyAttributesEndDate, "covered-identity-first-name": this.coveredIdentityFirstName, "covered-identity-last-name": this.coveredIdentityLastName }));
     }
     static get is() { return "justifi-season-interruption-insurance"; }
     static get encapsulation() { return "shadow"; }

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

@@ -39,14 +39,14 @@ export class PaymentDetailsCore {
         });
     }
     render() {
-        return (h(StyledHost, { key: '714fd2a97e2879dddbaacda6d5289b3985aaeea5' }, this.loading && h(PaymentDetailsLoading, { key: '7f6d24755cea9f3b86cdcaecec470513532f37cc' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: '9f3403ce5744053a04c1a6cde0c58a41f15547ac', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '310f3e1087843e2c10aa49b9fb7e6be734168f1d', slot: "head-info", badge: MapPaymentStatusToBadge(this.payment.status), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '5ed10250e7e04961e2fc57a017eea58e26429378', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: 'cd304828a7e38c8ad9fceb15b56391489a9eb938', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '5b70635442c6c76d978d40095d81cda6f7b00cfc', title: "ID", value: this.payment.id })), h("div", { key: '54558d6e59548048a548a83578d1a94694515bde', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '0780b044b54ba041e9632f94acdfe71411454297', sectionTitle: "Details" }), h("div", { key: 'e1426b161aad05e561414d6a4c77cb28d3e7c157', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '8a390a81e9b91d6582ee01a93743a8cb4fba57f4', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '8bffacbde88bd44cbdc213b7f24b93087e533670', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '78f5773c98118c39dab6df14fd9beafd7f06df1d', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: 'c620ecf5b7dd9f9896a4a454cc8b507b4c344f45', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '4b7529e27aecf2560d305dc6f906b4ae1f26c2d2', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: '1807f3f518b3ddf1296f8c2802b8e66a7a7e8401', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '79183af038116750f07bd65bc843a879a6275961', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'a2a6b8a345068a57e8e647b5f5efa9da5c870697', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: 'e3c7479795cd85029e1f90b4f7e0e5cfd0cf9099', title: "Description", value: this.payment.description })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: '7d49ed552d5b2dc87e6596e025e9c877b838b25a', sectionTitle: "Payment Method" }),
-            h("div", { key: '9a435008ea2746b11281bd237e9a38f471e9a11d', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '9b22fcb2e38f690dfb963b783d2139813a920ddc', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '27ed56e879c9598226373f9086f79cd0cc72a9fe', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '9868b544973455fad8af21f4de2936a6d61b21a7', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '80716a8fe5b7bd933b930b35674dfe111948ef62', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: 'f0c0e2107b079bc6c898c91e5bd6a111b327c419', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        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 }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: '1f2d289d3c79b1c496f10ded116ab193d9c4ade0', sectionTitle: "Payment Method" }),
-            h("div", { key: '9b898ec3ccf34e225d465b46a0a645d46f696c91', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '71acc9fe7bca4f922075a33968229919b9660ec0', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'cd62b8e0e55a9888f1d06a107173516af1f65e9e', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '22e2dcefcb76363ca9254392e825a4612c65ac1c', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: 'a6e633cb3e5b82ed9c887b16a346dac257db22dc', title: "Account Owner", value: this.payment.payment_method.payersName }))
-        ], h(DetailSectionTitle, { key: '10d02e4d3e09b50644f7a5c1bb0beca7f0747c0e', sectionTitle: 'Metadata' }), h("div", { key: '119445b2570c4b736b4c9bb0daf88a3047b3ee97', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '794df4cfc8808ea62e6b97127fee7349698e264e', metadata: this.payment.metadata })))))));
+            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 })))))));
     }
     static get is() { return "payment-details-core"; }
     static get properties() {

package/dist/collection/components/payments-list/get-payments.js

@@ -1,7 +1,7 @@
 import { Payment } from "../../api";
 import { ComponentErrorSeverity } from "../../api/ComponentError";
 import { getErrorCode, getErrorMessage } from "../../api/services/utils";
-export const makeGetPayments = ({ id, authToken, service, apiOrigin }) => async ({ params, onSuccess, onError }) => {
+export const makeGetPayments = ({ id, authToken, service, apiOrigin }) => async ({ params, onSuccess, onError, final }) => {
     var _a, _b;
     try {
         const response = await service.fetchPayments(id, authToken, params, apiOrigin);
@@ -28,4 +28,7 @@ export const makeGetPayments = ({ id, authToken, service, apiOrigin }) => async
             severity: ComponentErrorSeverity.ERROR,
         });
     }
+    finally {
+        return final();
+    }
 };

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

@@ -3,7 +3,7 @@ import { pagingDefaults } from "../../api";
 import { TableEmptyState, TableErrorState, TableLoadingState } from "../../ui-components";
 import { paymentTableCells, paymentTableColumns } from "./payments-table";
 import { Table } from "../../utils/table";
-import { queryParams, onQueryParamsChange } from "./payments-list-params-state";
+import { getRequestParams, onQueryParamsChange } from "./payments-list-params-state";
 import { table, tableCell } from "../../styles/parts";
 import { TableClickActions } from "../../ui-components/table/event-types";
 export class PaymentsListCore {
@@ -51,12 +51,11 @@ export class PaymentsListCore {
     fetchData() {
         this.loading = true;
         this.getPayments({
-            params: this.requestParams,
+            params: this.params,
             onSuccess: ({ payments, pagingInfo }) => {
                 this.payments = payments;
                 this.paging = pagingInfo;
                 this.paymentsTable.collectionData = this.payments;
-                this.loading = false;
             },
             onError: ({ error, code, severity }) => {
                 this.errorMessage = error;
@@ -65,8 +64,10 @@ export class PaymentsListCore {
                     message: error,
                     severity,
                 });
-                this.loading = false;
             },
+            final: () => {
+                this.loading = false;
+            }
         });
     }
     get entityId() {
@@ -81,12 +82,13 @@ export class PaymentsListCore {
     get showRowData() {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
-    get requestParams() {
-        const combinedParams = Object.assign(Object.assign({}, queryParams), this.pagingParams);
-        return combinedParams;
+    get params() {
+        const requestParams = getRequestParams();
+        const params = Object.assign(Object.assign({}, requestParams), this.pagingParams);
+        return params;
     }
     render() {
-        return (h("div", { key: '6ae0c491d9ba248e878f65915448b715ae1c3381' }, h("div", { key: '3e2a5fe63f83d7a45c44486bc7dc7e2493b29520', class: "table-wrapper" }, h("table", { key: '3523e917bd342db707671ce9069a17618b20d1f8', class: "table table-hover", part: table }, h("thead", { key: 'e3436965637929742b7b827627504f8b4776cd7c', class: "table-head sticky-top" }, h("tr", { key: 'edf671796c2a0ad5b1fc9d6e3c3c0210f841946d', class: "table-light text-nowrap" }, this.paymentsTable.columnData.map((column) => column))), h("tbody", { key: '1cc99781f6a96dd3597fa32c31e2dff6861cc945', class: "table-body" }, h(TableLoadingState, { key: '0b1e2a89902ca170252139807512d2d91f2260f0', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '1857d904b79a0a5b9276846a6b0afd5fe54b72f0', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: 'da42e70686ca49cef71bce6fd596bd18f1f1f365', 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: 'e6dd57881b2643442d61c01a5308529ba1e24dc0', class: "sticky-bottom" }, h("tr", { key: '6dfb87ce0ba57057505e961825bb54bbe5d29910', class: "table-light align-middle" }, h("td", { key: 'a47bd709a0296308c7348cda14bf1d2958f10feb', part: tableCell, colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '0db007e310d5ca49bd05b5dbc7673cc2276b9ce3', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        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 }) })))))))));
     }
     static get is() { return "payments-list-core"; }
     static get properties() {
@@ -187,9 +189,6 @@ export class PaymentsListCore {
     }
     static get watchers() {
         return [{
-                "propName": "queryParams",
-                "methodName": "updateOnPropChange"
-            }, {
                 "propName": "pagingParams",
                 "methodName": "updateOnPropChange"
             }, {

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

@@ -1,21 +1,39 @@
 import { h } from "@stencil/core";
 import { debounce } from "lodash";
-import { queryParams, clearParams } from "./payments-list-params-state";
+import { filterParams, propsParams, clearParams } from "./payments-list-params-state";
 import { StyledHost } from "../../ui-components";
 import { convertToLocal, convertToUTC } from "../../utils/utils";
+import { createdAfterPaymentsListFilterParam, createdBeforePaymentsListFilterParam, filterMenu, paymentIdPaymentsListFilterParam, paymentStatusPaymentsListFilterParam, terminalIdPaymentsListFilterParam } from "../../styles/parts";
 export class PaymentsListFilters {
     constructor() {
         this.setParamsOnChange = (name, value) => {
-            queryParams[name] = value;
+            filterParams[name] = value;
         };
         this.handleDateInput = (name, value) => {
             const utcDate = convertToUTC(value, { setExactTime: true });
             this.setParamsOnChange(name, utcDate);
         };
+        this.paymentId = undefined;
+        this.terminalId = undefined;
+        this.paymentStatus = undefined;
+        this.createdAfter = undefined;
+        this.createdBefore = undefined;
     }
     componentWillLoad() {
         // debounced input handler for text input
         this.debouncedSetParamsOnChange = debounce(this.setParamsOnChange, 300);
+        const propsToSet = {
+            payment_id: this.paymentId,
+            terminal_id: this.terminalId,
+            payment_status: this.paymentStatus,
+            created_after: this.createdAfter,
+            created_before: this.createdBefore
+        };
+        Object.entries(propsToSet).forEach(([key, value]) => {
+            if (value) {
+                propsParams[key] = value;
+            }
+        });
     }
     get paymentStatusOptions() {
         return [
@@ -29,8 +47,100 @@ export class PaymentsListFilters {
         ];
     }
     render() {
-        return (h(StyledHost, { key: '39f88bdcf7c8823d42d4432ff41bfaa0e70b0811' }, h("table-filters-menu", { key: '67f2b375b47bd9cf037a02df48b6ca270259e3b6', params: Object.assign({}, queryParams), clearParams: clearParams }, h("div", { key: 'bb8cd6c205b604c41ff0277c9778006ce9006259', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '6c54760335d154182895247250cc1dfa2efbf9d3', class: "p-2" }, h("form-control-text", { key: '1d72daa5c87ba8c9463da01af7552f5762d4f29b', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: queryParams.payment_id })), h("div", { key: '077585c3359b16be1833134898fa90c4367129fe', class: "p-2" }, h("form-control-text", { key: 'c62b51170db0aa184f4ed68fbc312d4a0bda5d2b', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: queryParams.terminal_id })), h("div", { key: '324cd4f6775118ef87d5bd6d0ff62300e3526dbd', class: "p-2" }, h("form-control-select", { key: '0ddbe138adf0cdb450ee91e450d3613d7114e849', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: queryParams.payment_status || '' })), h("div", { key: '0e6f54d6b839aa99d6d7a572fb18b240caa12c3c', class: "p-2" }, h("form-control-date", { key: 'f8799a7d8da64e55f920da09f847d54218a6cd45', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(queryParams.created_after, { showInputDateTime: true }) || '', showTime: true })), h("div", { key: 'febd10712014933c97faf3846c83a528885418e3', class: "p-2" }, h("form-control-date", { key: '5d6b095267cae0226346c289a4b2ca8f838230ac', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(queryParams.created_before, { showInputDateTime: true }) || '', showTime: true }))))));
+        const filterMenuParams = Object.assign({}, filterParams);
+        return (h(StyledHost, { key: '0ed766c07d1884c8be31d648c1258a3c13cc2bad' }, h("table-filters-menu", { key: '138ad8717e5b7c36549814eb2b8698111bb1b993', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '14f16a66adae6ad88429ca23cbd8c7465c3d0ed9', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '15e64e68179f9efb5a9354bb794d8989aa7d76f7', class: "p-2" }, h("form-control-text", { key: '7f825919f6904f1c8367d2039f5d441f38e492d9', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: 'a68d6dd57535f9f104aa2d8db153b4df48d83a65', class: "p-2" }, h("form-control-text", { key: '6cfbadec9bcabe92d1f2de95e6b64290f7a838ef', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '36d32e33c65e0793d5aa980df3a5f57c549ce8b3', class: "p-2" }, h("form-control-select", { key: '41194790a53ebaccdd83d95386180aabd76742f8', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status, disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: '43639c4c930b0d13d6bc5a49275bcb8a6b9a2a5a', class: "p-2" }, h("form-control-date", { key: 'f6d5ae2d3694def7cfb39721d1a76a6e96007eb2', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterPaymentsListFilterParam })), h("div", { key: '2c0587296cd94fbc480602ab853cb7179e948f62', class: "p-2" }, h("form-control-date", { key: 'b68302ce611cce52dd14c327fb25f6433b307d14', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: createdBeforePaymentsListFilterParam }))))));
     }
     static get is() { return "justifi-payments-list-filters"; }
     static get encapsulation() { return "shadow"; }
+    static get properties() {
+        return {
+            "paymentId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "payment-id",
+                "reflect": false
+            },
+            "terminalId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "terminal-id",
+                "reflect": false
+            },
+            "paymentStatus": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "payment-status",
+                "reflect": false
+            },
+            "createdAfter": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "created-after",
+                "reflect": false
+            },
+            "createdBefore": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "created-before",
+                "reflect": false
+            }
+        };
+    }
 }

package/dist/collection/components/payments-list/payments-list-params-state.js

@@ -1,8 +1,14 @@
 import { createStore } from "@stencil/store";
-const initialState = {};
-const paymentsListQueryParams = createStore(() => initialState);
-const { state: queryParams, on: onQueryParamsChange } = paymentsListQueryParams;
+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 = () => {
-    paymentsListQueryParams.reset();
+    filterParamsStore.reset();
 };
-export { paymentsListQueryParams, queryParams, onQueryParamsChange, clearParams };
+export { filterParams, propsParams, onQueryParamsChange, clearParams, getRequestParams };

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

@@ -50,7 +50,7 @@ export class PaymentsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: 'a7d58ebf91eea679073919566cd786f8df8ebec0' }, h("payments-list-core", { key: '652e313667f05d7e6a1e94ca7acc34ba137dde98', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '17c610d9339435e5aa7dc6735a0b4cde7e64753a' }, h("payments-list-core", { key: 'be8ddb8088e17c8966f32705f27c48a7f58fd3f1', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-payments-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -54,7 +54,7 @@ export class PayoutDetailsCore {
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: 'ace7565dae883381e2668214e01cc949470f4a6a' }, this.loading && h(PayoutDetailsLoading, { key: '9412e6135da55bddc2964b87065f212bdb1399eb' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'df9b5bf40cc35a5366e9b1ed296b0e289a9f182c', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '64575c2f0be0beaf72094c0dfe9a343fdcd25c88', 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: 'c95da0d064416dd0fbdff948c92dcd2b116e1da5', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '765da16cba8659fecc6a4c11b2856f8b1edc3a32', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: 'ff60105de95f6ef897618a5e7cef2fb39257b9c5', title: "ID", value: this.payout.id }), h("div", { key: '8444116278f29220fe7260d6849ed7db2296d4b4', class: "m-4" }, h(Button, { key: '686e61a3ea27b62024e3544c32542e9ca710c96f', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '5d70b7fcd4ac63002659ffc08c3c18e4b18e3f46', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '8d17ae90696880259707d0500873127c7f134339', sectionTitle: "Details" }), h("div", { key: '80111eb713f6b643a415aaf66accfdb9e279fe03', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'a7c7809a862b315960fd3f7aa5c73c45efb55512', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: 'b9b03681675854eb3f0d1445f45b1e20a648ded4', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'fa34b24385e0638d7ccd8ceb7382a1f113f0c966', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: '6acc6435f7f8b277abd35a8ac90e01556aaab18e', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '560cedeb5230503e74e90bb3e531aed21d317f6c', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '42e2d36cb570acad67366e65316a22dac8f4d4fc', sectionTitle: "Account" }), h("div", { key: 'f2eebf080a48ba0d818363c09269689e201ed5fc', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '6064911935f9e3ef75db3ec7707dd3a182c98c5c', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: 'eb44916f2659dfc6d81f4e995b3f34527d15e6c2', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '0dbf8e17dfbc1ff1cd70be1d67a6907b91478a98', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '2b377f8749d66f6fd58f5a8437c1e21fbb774706', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '886cc82be28c9cd86200adf78a61846fece1cf40', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), h(DetailSectionTitle, { key: 'ec5c8ab11778eff8b89be26f85c7172d38b5d4b3', sectionTitle: 'Metadata' }), h("div", { key: '9c72eeee6fb33e536c8425ba1dd6d4a0c8b066ce', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '85ea6096635c9bb6c8fc0b5298dd4cbb6411392c', metadata: this.payout.metadata })))))));
+        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 })))))));
     }
     static get is() { return "payout-details-core"; }
     static get properties() {

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

@@ -137,7 +137,7 @@ export class PayoutsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: 'c546790efb9cc49a78063b3761a9c92038acedd5' }, h("div", { key: '60cc337e0c1c4eb7eb59599cdd0520e4031d1ce9', class: "table-wrapper", part: "table-wrapper" }, h("table", { key: 'e7188291031c23dd5bb7f843b4adebb2c5f2675e', class: "table table-hover", part: table }, h("thead", { key: 'eb3a3b5af4016ae73da8af381e778fe433e683c6', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: '9352fcc352a8ea33aa1d49844e092f89a9863ce9', class: "table-light text-nowrap", part: "table-head-row" }, this.payoutsTable.columnData.map((column) => column))), h("tbody", { key: 'c924a2a65215845c119f3339b7905a6d7c3cc1fa', class: "table-body" }, h(TableLoadingState, { key: '1d811e44a1319a102a0c56a62c56dda13eb6463e', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '4dacb3d2cf264c1c367a465cb04221be6b2f1e21', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: 'b294b854e12adcf39c32aaaa34b260775c5195b3', 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: '668400d517551fa89af74f655befc11a091a0de0', class: "sticky-bottom" }, h("tr", { key: 'b59f6342dccf4c34cbdbddcce7cb4e1c12116fe1', class: "table-light align-middle" }, h("td", { key: '022afdd48ae81ec33f85c90e045d197f0e2f90ec', part: tableCell, colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: 'a7e7a1ccdc238af532608626b25123fcd93a6206', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        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 }) })))))))));
     }
     static get is() { return "payouts-list-core"; }
     static get properties() {

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

@@ -13,7 +13,7 @@ export class PayoutsListFilters {
         };
     }
     render() {
-        return (h(StyledHost, { key: '6cbfeb85a953944c4e3d5a793ba5ef01541d6a38' }, h("table-filters-menu", { key: '08acac404fa3d3cdf0a12d8c1db26bdba741196c', params: Object.assign({}, queryParams), clearParams: clearParams }, h("div", { key: 'fed242f0aa7a90027c54ac614938c94417f1f092', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '052f23dbc74cec6ad5d26122a8b51dc4f0e5abad', class: "p-2" }, h("form-control-date", { key: '19bbb0f862ac86820ed8422a1df87475b24a07de', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(queryParams.created_after, { showInputDate: true }) })), h("div", { key: '890b7ddad9586c2f60263e2da55dd30017925715', class: "p-2" }, h("form-control-date", { key: '0d6f1434667344b9845d3a71a22b6dd9425ac6ce', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(queryParams.created_before, { showInputDate: true }) }))))));
+        return (h(StyledHost, { key: 'f9ee0c87b7b241ade995fc9bbec00fa6f38c4207' }, h("table-filters-menu", { key: '2811b3d4673191dd3e1f2e1546389841d6f3dec2', params: Object.assign({}, queryParams), clearParams: clearParams }, h("div", { key: '6f0584fbaed4fd931da456ee7a68ad25843e84d3', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '60dba9253fa74815d2af5d9d6993d4941530da6d', class: "p-2" }, h("form-control-date", { key: '453826549a4f379eca9c4ffc9d57f18f078af347', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(queryParams.created_after, { showInputDate: true }) })), h("div", { key: '646566a69b9d4a82c24151e6773eaa381c1c4970', class: "p-2" }, h("form-control-date", { key: '14a62f94d8b27d88306ed58cbfcbb0b377e57587', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(queryParams.created_before, { showInputDate: true }) }))))));
     }
     static get is() { return "justifi-payouts-list-filters"; }
     static get encapsulation() { return "shadow"; }

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

@@ -71,7 +71,7 @@ export class PayoutsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '568c562b7d0bf5cc3ea4f0bc8d0bc0e468480954', exportedparts: tableExportedParts }, h("payouts-list-core", { key: '9aea9e2fa1083617471a127ca34c3d2e6989f445', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (h(StyledHost, { key: '7e8c3bf1df6c6cdffdc7205f84d4b451b331f6db', exportedparts: tableExportedParts }, h("payouts-list-core", { key: '9ba8af8a562107b8fdc5bece521187ab70b90669', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
     }
     static get is() { return "justifi-payouts-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/refund-form/refund-form.js

@@ -75,7 +75,7 @@ export class RefundForm {
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: 'a337107e01f347769c24535d875ae75e7cfff526' }, h("h1", { key: '254b014414fffc6e3af12d22c50528915ea4d698' }, "Refund"), this.refundInfoText && (h("div", { key: 'c8eee08dfdd58a87add1a8bbf6b76521db955d32', class: "d-flex align-items-center flex-row gap-4 border-top border-bottom my-4 p-3", role: "alert" }, h("img", { key: '8374d6e0854c35e41429b588ef373c7ed2e2368d', src: "/info-icon.svg", alt: "Information", height: "30", width: "30" }), h("p", { key: '0c4412de09f5538e3f125e9413b75b416c10f820', class: "m-0", innerHTML: this.refundInfoText }))), h("form", { key: '5c51fdc06f7c57851e4db6f797a830602cb31b33', onSubmit: e => this.handleSubmit(e), class: "d-grid gap-4" }, h("div", { key: '1b1e09d20d0b191491cdbcea601762c6c967d56b', class: "form-group" }, h("form-control-monetary", { key: 'f90e440f11213dfe4ae84675bf8ca22dc67b0e12', name: "amount", label: "Refund Amount", defaultValue: ((_a = this.amount) === null || _a === void 0 ? void 0 : _a.toString()) || '', maskOptions: CURRENCY_MASK.DECIMAL, inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.amount })), h("div", { key: 'd61ef9b10a1ef128afaee01f91c70fb621f50cb0', class: "form-group" }, h("form-control-text", { key: 'bbe2fc33746f333cbc35fa25b2852219e2dbfbef', name: "notes", label: "Additional Notes", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.notes })), this.withButton && (h("div", { key: '5ca8e922e08881739b403bd9cc4ab21719793961', class: "form-group d-flex flex-row-reverse" }, h("button", { key: '2d971109b53c27779bcf11cd38d3b1b073ecd65d', type: "submit", disabled: !!this.isSubmitting, class: "btn btn-primary ml-auto" }, this.submitButtonText))))));
+        return (h(StyledHost, { key: '21bb5742fac6f75a96b334e2806906e9d9d3a215' }, h("h1", { key: '74c81b6918611e8506bcec7ad28080437a435d35' }, "Refund"), this.refundInfoText && (h("div", { key: '1cd42cd6bf063fe52b35c9adeccbba366147a8a0', class: "d-flex align-items-center flex-row gap-4 border-top border-bottom my-4 p-3", role: "alert" }, h("img", { key: '338b9ffd53bc98da86a0c96eceb4057c235cc524', src: "/info-icon.svg", alt: "Information", height: "30", width: "30" }), h("p", { key: 'e8335bcee9ce21198a2104913b5f084e897807d4', class: "m-0", innerHTML: this.refundInfoText }))), h("form", { key: '6efdd00f3a96bafb713e2d9f23a77a9cfd88dc21', onSubmit: e => this.handleSubmit(e), class: "d-grid gap-4" }, h("div", { key: '55680d454a42549b8c442f1897455cc6c0f4e973', class: "form-group" }, h("form-control-monetary", { key: 'c38894006ce18238f1fd7738feea4ca3c710930d', name: "amount", label: "Refund Amount", defaultValue: ((_a = this.amount) === null || _a === void 0 ? void 0 : _a.toString()) || '', maskOptions: CURRENCY_MASK.DECIMAL, inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.amount })), h("div", { key: 'fe803d97c9b90bdb87fa99dd454859a365901688', class: "form-group" }, h("form-control-text", { key: '08a129a72043547fb57ee99a1b3326dbfb03b871', name: "notes", label: "Additional Notes", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.notes })), this.withButton && (h("div", { key: '08ba9b480faf93f81d5f1396bc42469735fdf46d', class: "form-group d-flex flex-row-reverse" }, h("button", { key: 'a07f1a85156ef80e87e9d0b5e615c1c08eebd7d2', type: "submit", disabled: !!this.isSubmitting, class: "btn btn-primary ml-auto" }, this.submitButtonText))))));
     }
     static get is() { return "justifi-refund-form"; }
     static get encapsulation() { return "shadow"; }

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

@@ -123,7 +123,7 @@ export class TerminalsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: '6d26b39501a43d464cdf017f18a277f761f7091e' }, h("div", { key: '1742f9eec4c84c80563d9e52829cda195f6d0f35', class: "table-wrapper" }, h("table", { key: 'c286d9fe9e0e42631f281820f4d01bf3a0530a37', class: "table table-hover", part: table }, h("thead", { key: '313503778cc7867e9c1276b8ac65d06367efa9b8', class: "table-head sticky-top" }, h("tr", { key: 'fbc26ae3d1ac4600c03c171c3e77624e66fa7915', class: "table-light text-nowrap" }, this.terminalsTable.columnData.map((column) => column))), h("tbody", { key: '458b4d6639c232a169a37e1920c5765f461fc5ed', class: "table-body" }, h(TableLoadingState, { key: 'ceeef6c53322679adff07b9bb336d9597dd573c7', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'a1ef7bd86fd98c0320539a4c146d41de07901145', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '5f6cbd7d7e2d09ebb38677f1b141ccbdbac70a9f', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.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: 'cc1e06c683ad4bb83e80bd960342773cb3c78cd7', class: "sticky-bottom" }, h("tr", { key: 'e83f5fa8207affced7c4cd507aab27ba48e7df52', class: "table-light align-middle" }, h("td", { key: 'f1b6214fc5455ca39cdf2369636b07ad18b54d3d', part: tableCell, colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '5ef057eef49aaa9081b9de5ea8c48e996fa5e35a', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: 'a80b76fc1f535c9d1fea371b7655a2baa373e53c' }, h("div", { key: '3c6fb067ed034fd09c767e5f1b7ffa7ab2b0b6c2', class: "table-wrapper" }, h("table", { key: 'e24cff12e153db046b1565011bbae3db133609f9', class: "table table-hover", part: table }, h("thead", { key: 'd91e948a4b0a6da3bc67ea489bf6deb828ccb9e5', class: "table-head sticky-top" }, h("tr", { key: '7e629ab6636fceb70dd75e1163094cd44d1f525d', class: "table-light text-nowrap" }, this.terminalsTable.columnData.map((column) => column))), h("tbody", { key: '760ed57f2a669d3a6cd54953c9d5259cb6518a60', class: "table-body" }, h(TableLoadingState, { key: '4cb50cce3d9644904fffd1969de19647c6eabc11', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '84ea8077a878aa6b94c1bd2eb1c9393ffc41b983', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '94cb9745f2951383625833a783d4d2bf8e88b1b2', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.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: '0e111df52934ff81bddd77a15d720c44f53e3096', class: "sticky-bottom" }, h("tr", { key: '0abc10194bb09342ecefb62b7a981c3809542a99', class: "table-light align-middle" }, h("td", { key: '828f58c6054dd437cb597696d5bdaf33069e69cf', part: tableCell, colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: 'd9f4db3f7c580fda067afff8919a695776c8f502', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get is() { return "terminals-list-core"; }
     static get properties() {

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

@@ -21,7 +21,7 @@ export class TerminalsListFilters {
         ];
     }
     render() {
-        return (h(StyledHost, { key: 'ab88bb5f5cf8f00a875a8c42cacb9649482a8758' }, h("table-filters-menu", { key: 'a214db5a19018dd6df144ef014cf8ea17f6e5efe', params: Object.assign({}, queryParams), clearParams: clearParams }, h("div", { key: '359432076455e6b25bfd30179bd1c66e13cacd52', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '5747e19b82b667d6d3381fd02767d4a27dd82c44', class: "p-2" }, h("form-control-text", { key: 'bc20c285338bf9d1d5c8633bc658c39ccadfeb40', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: queryParams.terminal_id })), h("div", { key: 'fed89678f531c8d3041fdcbc4f77eb81e5387018', class: "p-2" }, h("form-control-select", { key: '5958ccdebe430ce930d1258fa825aeebb6e9065a', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: queryParams.status || '' }))))));
+        return (h(StyledHost, { key: 'f1af204ada5efea668078a7f311dead116050f92' }, h("table-filters-menu", { key: 'f7d13437f2ca0733694d8a676bde72e9b26e49e6', params: Object.assign({}, queryParams), clearParams: clearParams }, h("div", { key: 'eb1539830b47437e8dd713a580fa3b2aa1e1bb9b', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'cbd11d34040889eb4fdceee8c1d0fa64c0b62bab', class: "p-2" }, h("form-control-text", { key: '4cfdef309714ef532970db63f7d372bf59b0b0d3', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: queryParams.terminal_id })), h("div", { key: 'd740dfff6b6c920be52bff5c17ba00fa592a083c', class: "p-2" }, h("form-control-select", { key: 'dcc2f6d5a73674bb4e7810da5cb7694074ab7d6b', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: queryParams.status || '' }))))));
     }
     static get is() { return "justifi-terminals-list-filters"; }
     static get encapsulation() { return "shadow"; }

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

@@ -67,7 +67,7 @@ export class TerminalsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '50ee7da4209367703551642456e6df1b38c20cb7' }, h("terminals-list-core", { key: 'e445dbf65c53397757f60d844bd50cafa8d32556', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '79168b27873e1b6e7d6bfded80b646d2a95292e0' }, h("terminals-list-core", { key: '2dfbc1d923cb83cc10039b4344629db17f754fbc', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-terminals-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -3,6 +3,7 @@ import { Button, StyledHost } from "../../ui-components";
 import { ComponentErrorCodes, ComponentErrorSeverity } from "../../api/ComponentError";
 import { checkPkgVersion } from "../../utils/check-pkg-version";
 import JustifiAnalytics from "../../api/Analytics";
+import { config } from "../../../config";
 export class TokenizePaymentMethod {
     constructor() {
         this.authToken = undefined;
@@ -13,6 +14,7 @@ export class TokenizePaymentMethod {
         this.disableBankAccount = undefined;
         this.hideSubmitButton = undefined;
         this.hideCardBillingForm = undefined;
+        this.iframeOrigin = config.iFrameOrigin;
         this.isLoading = false;
     }
     componentWillLoad() {
@@ -50,7 +52,7 @@ export class TokenizePaymentMethod {
         this.paymentMethodOptionsRef.fillBillingForm(fields);
     }
     render() {
-        return (h(StyledHost, { key: 'c8c9318c6bbde09a0d56ded9c7333958c5595574' }, h("form", { key: '1c36ac872c58b1a560a658f0b5a0cab9284d3969' }, h("fieldset", { key: 'c43c95a5debbb5a58db162c1f34e0845a2ab76f2' }, h("div", { key: 'c6bc1f6148395e6cfc9185919b0bd81716c1ac99', class: "row gy-3" }, h("div", { key: '887ae3e3bf713ee79b24ae1b4cd12156502d6143', class: "col-12" }, h("justifi-payment-method-options", { key: '06c89583f5d1dee641c90145d129f7192911d00e', 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 })), h("div", { key: '04e0ee27d0978a68d44c71c6f7767d685449ed1d', class: "col-12" }, h(Button, { key: '3e43eb8295cc7eba0e2914d94a337f724cd52b57', 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: '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')))))));
     }
     static get is() { return "justifi-tokenize-payment-method"; }
     static get encapsulation() { return "shadow"; }
@@ -191,6 +193,24 @@ export class TokenizePaymentMethod {
                 },
                 "attribute": "hide-card-billing-form",
                 "reflect": false
+            },
+            "iframeOrigin": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "iframe-origin",
+                "reflect": false,
+                "defaultValue": "config.iFrameOrigin"
             }
         };
     }

package/dist/collection/styles/parts.js

@@ -81,3 +81,12 @@ export const skeleton = `skeleton`;
 // ::part(billing-form) { display: none; }
 export const billingForm = `billing-form`;
 export const checkoutSummary = `checkout-summary`;
+// Filters
+export const filterMenu = `filter-menu`;
+export const paymentsListFilterMenu = `${filterMenu} payments-list-filter-menu`;
+export const paymentsListFilterParam = `payments-list-filter-param`;
+export const paymentIdPaymentsListFilterParam = `${paymentsListFilterParam} payment-id-payments-list-filter-param`;
+export const terminalIdPaymentsListFilterParam = `${paymentsListFilterParam} terminal-id-payments-list-filter-param`;
+export const paymentStatusPaymentsListFilterParam = `${paymentsListFilterParam} payment-status-payments-list-filter-param`;
+export const createdAfterPaymentsListFilterParam = `${paymentsListFilterParam} created-after-payments-list-filter-param`;
+export const createdBeforePaymentsListFilterParam = `${paymentsListFilterParam} created-before-payments-list-filter-param`;