@justifi/webcomponents 6.6.0 → 6.7.0

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

@@ -4,13 +4,15 @@ import './dinero.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Refund.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Business.js';
+import './ApplePay.js';
+import './GooglePay.js';
 import './details.js';
 import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d as TableHeadRow, e as TableBody, f as TableLoadingState, g as TableEmptyState, h as TableErrorState, i as TableRow, j as TableFoot, k as TableFootRow, l as TableFootCell } from './table.js';
 import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
-import { d as convertToLocal } from './utils2.js';
+import { e as convertToLocal } from './utils2.js';
 import { M as MapPayoutStatusToBadge } from './payouts-status.js';
-import { w as tableHeadCell, a9 as getAlternateTableCellPart } from './parts.js';
+import { w as tableHeadCell, ac as getAlternateTableCellPart } from './parts.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './payouts-list-params-state.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
 
@@ -173,7 +175,7 @@ const PayoutsListCore = /*@__PURE__*/ proxyCustomElement(class PayoutsListCore e
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '94062c5bc5a174759e0705fa089c20c34ee61b8f' }, h(TableComponent, { key: '5217dda6d11a02b302a40af4e190b3db6706a4ad' }, h(TableHead, { key: '1f8bd5d0cdb9e69dbcb89ef347be2011efe785e9' }, h(TableHeadRow, { key: '32bc0417ea2249fe6563e9cd48e648ccfa681b5e' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: '0ff284085e9d4c740cc1fb39427666d7915208f0' }, h(TableLoadingState, { key: '121ac7af0d7fda44557f8c76ae8092759f5b435b', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '55c7b0e941ce07936e89fa66583a44e9108cd036', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: 'ae9b7c0a9303eb35361c65abb986e3151c189d6d', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'ec4564de9797ca5a4b245c3133972b266a3ca5ad' }, h(TableFootRow, { key: 'afe5d424d814b97721523e7f08846aa6af051ed7' }, h(TableFootCell, { key: 'f0b90d96ccdbb4f5aac1948a49442fb96426e882', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '040d7d516bb82af3b37944f4f8503dc9e86581cb', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '6a34e51911f4d507268a59e15a34f9c5d935989e' }, h(TableComponent, { key: '3936b7e479f3d7a2f8fadbc7db2a36124141044c' }, h(TableHead, { key: 'c537d591e4c03a7c5f5afa4bde930eb67093809e' }, h(TableHeadRow, { key: 'e3b2ea0a122d22893e657ebb13c198f6d1c7b47b' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: '3491e95b3c95e010635949ba07c5602eb7ae7d6c' }, h(TableLoadingState, { key: '87bf5cfb79b9546f0b70c3f681671c8baccf1253', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '587ab70585ce504cb63d27652707fa1d28ec5ec1', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '26cb66316044265b486390ae1d05a253f90911e1', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '5120d2473b31550907e1bdc0b4fff3084c8d3aed' }, h(TableFootRow, { key: '81a989720c8eb9439a959c7100956f33487cbeee' }, h(TableFootCell, { key: 'b3357b46b1f11e75b4c73c6de6d5c121b1c6710b', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '73d8bedbb95826a43746b9ab08322c28e40a7f5d', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/module/plaid.service.js

@@ -2,6 +2,8 @@ import { A as Api } from './Api.js';
 import './Refund.js';
 import './Pagination.js';
 import './Business.js';
+import './ApplePay.js';
+import './GooglePay.js';
 
 const api = Api();
 class PlaidService {

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

@@ -41,7 +41,7 @@ const ProductOrService = /*@__PURE__*/ proxyCustomElement(class ProductOrService
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'f7b24599316e8545d61370c50d28cbf5e0d90985' }, h("div", { key: 'd1edc60194b573078d5701a14e16ef0dd8f6b45d', class: "row gy-3" }, h("div", { key: '4b7e12eb4a9b41b30d7c85334691136280679210', class: "col-12" }, h("h2", { key: 'b9e3721e4ff6610da877f49e263ef84b86cd81ea', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '3c41a068f079d52b88dec1cbe99769be2d793479', class: "col-12" }, h("form-control-text", { key: '6419cf35e1d66d332c9dd1fde772446ef4a640f8', 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: '813b82430e9e4d4a4fb4a025c7eb5eb1d348fb5d', class: "col-12" }, h("form-control-date", { key: '2ed13c96f745e792728c11df4a443a26eb48cbc3', 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: '139ed67db44d68e1da8c6b702b5ea2d292c2635b', class: "col-12" }, h("form-control-file-v2", { key: '19affd0336fa51e9c61321047589b8e8ea4b977e', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
+        return (h("div", { key: 'cfa8c6c92bb2790dbaea1939e6acc7539fd848d7' }, h("div", { key: '63d38a0c614f932ef018791fb1388b3dc49c7e5c', class: "row gy-3" }, h("div", { key: '6140c07a8c354d9339509a00141fbc7a1de146f4', class: "col-12" }, h("h2", { key: '40c755fe0938930e0283c391df12c417850eecb4', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: 'b213783cf90bcc17522ab0367e530a48a2474270', class: "col-12" }, h("form-control-text", { key: 'b7977ccef55a4f616f1d7cd20cedad5af5187741', 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: '462085df8eedee334fbfa38d752803493515b39f', class: "col-12" }, h("form-control-date", { key: 'dca6d8369385607b2fa43882d864e42d4c0fec4c', 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: '74aeb86e75d1496f88f7286cab4cf8fcbd737f60', class: "col-12" }, h("form-control-file-v2", { key: '6872fb5a4a54ace55578dd0ba789ca7409799645', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
     }
 }, [256, "justifi-product-or-service", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/refund-policy.js

@@ -41,7 +41,7 @@ const RefundPolicy = /*@__PURE__*/ proxyCustomElement(class RefundPolicy extends
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: '0c86a73ee59ff870697d7cf13960f5019a24e2f6' }, h("div", { key: 'c7f62c366ea4a58512e7c358102defc1c39d50e8', class: "row gy-3" }, h("div", { key: 'a1a3ba7c17fa360c1ae3831067c75ed3f0bb523e', class: "col-12" }, h("h2", { key: 'b62d1a0d7901d708cb1ee6225cab267957339c19', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '49ad044dc2881fbcba27edb55e078bd3552411b8', class: "col-12" }, h("form-control-textarea", { key: '91e4ac8355528c7d120008efec472555865ea0e1', 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: '610629a4df918fd3679c7286a2d7ed97755ec4c6', class: "col-12" }, h("form-control-textarea", { key: '1b4206d54188e8d1134780394c6af28ed9d41297', 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: 'bdf898c3fd62a4c838f242c289428f2ecad5046b', class: "col-12" }, h("form-control-file-v2", { key: 'cf319792746ac3e3046aa03a651f0a364c78c992', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), h("div", { key: '1e4941fe09fba3fe8f0b143d1be0c421a4d076e4', class: "col-12" }, h("form-control-file-v2", { key: 'e297ef6d361fd57ca990df8ff48dd7840a460153', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
+        return (h("div", { key: 'd9234b27998495091ed3a8f6a68e8bd0ca273351' }, h("div", { key: '8456144a474b1cf7bfbcfd0bac0e24837376a0fd', class: "row gy-3" }, h("div", { key: 'f13612f184a140a4bd9b5ee18a31b0faad3da535', class: "col-12" }, h("h2", { key: 'dc5959ec45379faafa8dc973fcb652729c65a4ae', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: 'bcf9f262aa58d5a92d13477035bf8fea788c8738', class: "col-12" }, h("form-control-textarea", { key: '6f8676d9a2427b7a3d6cd5a1ba6533f9c21b986f', 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: '9d5707337a5955d63eaca24b885bbdbfbf3f84d8', class: "col-12" }, h("form-control-textarea", { key: '4e7f13b79b895ddee0890519176b54ccaa092fa4', 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: 'c02521ff9575fd1d0f430c6b5171457c5205a12f', class: "col-12" }, h("form-control-file-v2", { key: 'd5223c87347af2a02cb0748be32fffe29ac18137', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), h("div", { key: '341f0fa04c29e33533cc8ec16b4364367124ce53', class: "col-12" }, h("form-control-file-v2", { key: '280dd38b7b4e5a29b6dd7f5fbc765f0e3b9cd765', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
     }
 }, [256, "justifi-refund-policy", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/save-new-payment-method.js

@@ -23,7 +23,7 @@ const SaveNewPaymentMethod = /*@__PURE__*/ proxyCustomElement(class SaveNewPayme
         };
     }
     render() {
-        return (h(StyledHost, { key: '7335e9c197b4066d1e1f65885f7bf2fd0f58fce4' }, h("form-control-checkbox", { key: '6567c114210b5091979eca5bdb16fb3bb0ef5e35', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
+        return (h(StyledHost, { key: '7cc086e518b2defcea924398cd5957b44a893d94' }, h("form-control-checkbox", { key: '523dd82fe06f0c0a6d259a84f320c0a335261232', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
     }
 }, [257, "justifi-save-new-payment-method", {
         "label": [1],

package/dist/module/shipping-details.js

@@ -46,7 +46,7 @@ const ShippingDetails = /*@__PURE__*/ proxyCustomElement(class ShippingDetails e
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '02607c4291d3eac86ca3d81c60c1c6bfa3f01aea' }, h("div", { key: 'c00430c399836af38a5af6aaa137e1aa4c81ee5d', class: "row gy-3" }, h("div", { key: '981183064fd9cb7f26356b4df4ec2ef92b9a786d', class: "col-12" }, h("h2", { key: '0b56af4d68b1198bd8bd8e2b3dd3f1fa2712f671', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: 'a46018576927e599614156f003c2f6c8f4c16f78', class: "col-12" }, h("form-control-text", { key: '30dd796ebe55b8b6923a113014dc198463973e29', 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: '99d3d0866a39c1317f2ab0e0a9f9a78d97740821', class: "col-12" }, h("form-control-text", { key: '86099d14d243209f856b7810c5ff1077160a2ba8', 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: '6b8ea2ce1b82befc9d4e3ba99a01a41ffaaf4b77', class: "col-12" }, h("form-control-date", { key: 'aa351477f4ed239ab4957950566f8ba0f3f3d801', 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: 'e0382bc7aec5a61bdaf92946b62c55288a658329', class: "col-12" }, h("form-control-textarea", { key: '12ef3ad5e0d988acc001de5f24fa4f2933b4325d', 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: 'a8752e33ee9ad628075815c9c6ddbb98dc56adca', class: "col-12" }, h("form-control-file-v2", { key: '4366911f74af44c5950e8e4870d5b5aac3927f62', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
+        return (h("div", { key: '6b71aa457f7e3ac9fd050deea342c6ca14c1d62f' }, h("div", { key: 'c6a309a59de4b6cf6f5ca1e3bfee3da1cdca543c', class: "row gy-3" }, h("div", { key: '1668c86989cec124c7d11d54b9dd6edf46c182d0', class: "col-12" }, h("h2", { key: 'e911f21be4aa8a369d427ae80989d8223693e3ba', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '025beda9984cb47518eccb04971470a46ad3d73b', class: "col-12" }, h("form-control-text", { key: 'ea8db703b0d94e5c2d8148cfaa97e6eb2a824e06', 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: '764cddd9b2b8156ab97d598fed23459f074006de', class: "col-12" }, h("form-control-text", { key: '4ce85b6b5c4ca79c2edaafbe3169bf049153cbfa', 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: '8e18b6159156b7d21dba344e2c1a22418b139e3e', class: "col-12" }, h("form-control-date", { key: 'd3a8ef184475150d07fea4f82e65800c5c259b47', 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: 'ff23ee968b2b6f64eefd3453fcdb788034e166e0', class: "col-12" }, h("form-control-textarea", { key: '75bad71ceae6bab8de6d47175fda3bd27491bde0', 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: 'c774e01b09f930e3656e4b194b386234a692fbbe', class: "col-12" }, h("form-control-file-v2", { key: '928f2195a67e1aac483ea70ff97c3e65e8dcfbe9', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
     }
 }, [256, "justifi-shipping-details", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/summary.js

@@ -16,7 +16,7 @@ const Summary = /*@__PURE__*/ proxyCustomElement(class Summary extends HTMLEleme
         this.__attachShadow();
     }
     render() {
-        return (h(StyledHost, { key: '22b3c1f3a69c697d9b835e996ad97d68c3ba4b94' }, h("section", { key: 'd66aa2a3a486db3a4143e3b3830e764f400865bd' }, h("div", { key: '82775f72a833d5d97026581baba1ecc10d21b7e9' }, h("div", { key: 'd21f52fa5826ee9a78349daac81721d452469f91', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: 'edc2c3585a7584dacff9a1f43b0d5d797c3ac711' }, h("span", { key: '44587366fe25edf13453b2291762f0b3cbc502ae', part: text }, "Total"), "\u00A0", h("span", { key: '04efa75e358fbc26939dcb5474f2d9eb8e2d2bec', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
+        return (h(StyledHost, { key: '38b0a855a7ad68b4c979d045a41efa20937cf476' }, h("section", { key: 'bbe4a0d26a95b0abd108370070fb861311724df8' }, h("div", { key: 'f322ecda85700c1e232b3f620b672f4eef103e97' }, h("div", { key: 'e59c6b19e0f27f7ab99380ead3f734a7e45cc1f1', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '2fae7125889051d87571d9fb7c42ad3646e3ce07' }, h("span", { key: '757941148dccea14941f6216f90af8721fbe6cb9', part: text }, "Total"), "\u00A0", h("span", { key: 'ee50f026f64df4f73e0f6b087470a2154f4d0b4b', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
     }
 }, [257, "justifi-checkout-summary"]);
 function defineCustomElement() {

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 { a7 as dropdownMenuButton, a8 as dropdownMenu } from './parts.js';
+import { aa as dropdownMenuButton, ab as dropdownMenu } from './parts.js';
 import { d as defineCustomElement$1 } from './custom-popper2.js';
 
 const hasFilters = (params) => {
@@ -31,7 +31,7 @@ const TableFiltersMenu = /*@__PURE__*/ proxyCustomElement(class TableFiltersMenu
         this.showClearButton = hasFilters(this.params);
     }
     render() {
-        return (h("div", { key: '6f25bcbcb72ce82bf136cde9ddb487ee1e8de2a0', class: "d-flex gap-2" }, h("div", { key: '8d00a823c21144f33b46ca2e25ba8a34533cff80', class: "dropdown pb-3" }, h("button", { key: 'd352c042fb40715c6e8acc90e3fc6d7b179844a0', type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", part: dropdownMenuButton, "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: 'cc255b26cfbd34c3dd834848d2036b446fe34376', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'fe9ee1916767a12167f7fa8f803c1f7783f95e3e', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: 'f991925b39fec438c1090b419392aca6bf33e47f' })))), h("div", { key: 'cbfcd1cb1b8c93baeaa57f571f68202d2d4922d2' }, h(Button, { key: '97239c74fd3d59807e4315213931b18eb0ad8b64', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
+        return (h("div", { key: 'e205ff268a099beae125bbe8a85a6ae5e34924af', class: "d-flex gap-2" }, h("div", { key: 'e61fcbc31cfa97093771ad99b1f4bc088a2a6b98', class: "dropdown pb-3" }, h("button", { key: '3c4425f10ebb39b011d2783c5ef88ebbd34b8e65', type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", part: dropdownMenuButton, "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '03692eaae9d340c0f204f55e8c26b8353c4caa74', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'ed80b52e0cabbba44d09798b3b8bd4ab99d72659', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '6cc0bf4f7fd5fa16b431b21933b36f75035221c7' })))), h("div", { key: '13f401ce7926aaf678021ed7dc768b967987b0ec' }, h(Button, { key: 'd6a16f4e5b31e5602d6729e39fccfa4dbfdd8336', 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

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core/internal/client';
-import { v as table, as as tableHead, at as tableHeadRow, au as tableRow, av as tableFoot, aw as tableFootRow, ax as tableFootCell, ay as tableEmpty, az as tableError, x as tableCell } from './parts.js';
+import { v as table, av as tableHead, aw as tableHeadRow, ax as tableRow, ay as tableFoot, az as tableFootRow, aA as tableFootCell, aB as tableEmpty, aC as tableError, x as tableCell } from './parts.js';
 import { S as Spinner } from './spinner.js';
 
 const TableWrapper = (props, children) => {

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

@@ -8,8 +8,10 @@ import './dinero.js';
 import { f as TerminalOrderType } from './Refund.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Business.js';
-import { w as tableHeadCell, a9 as getAlternateTableCellPart } from './parts.js';
-import { d as convertToLocal } from './utils2.js';
+import './ApplePay.js';
+import './GooglePay.js';
+import { w as tableHeadCell, ac as getAlternateTableCellPart } from './parts.js';
+import { e as convertToLocal } from './utils2.js';
 import { B as Badge, a as BadgeVariant } from './badge.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './terminal-orders-list-params-state.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
@@ -164,7 +166,7 @@ const TerminalOrdersListCore = /*@__PURE__*/ proxyCustomElement(class TerminalOr
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '4feffe36e82cf3f9033f8534314dc65ca1154094' }, h(TableComponent, { key: '1173c0546a8cbcfd8d2fe0aedddf9f725bd1f8dd' }, h(TableHead, { key: '4fa7b88ce8528a295723273ce6f8b09b56157dd6' }, h(TableHeadRow, { key: 'c8cdc7b4ea7dc3db710887191d988a831ba0ff66' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: 'c77e957bb9475dfd337136dc1561057d12a96112' }, h(TableLoadingState, { key: '2548cf38c6fd57288f2cb5e1c24e935d81ee5ad8', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'c3c75b86ee7432d8893a37a0eed3b4b3249404cc', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '53f7ed9f08350c4df4c10b2285bb61f096d47366', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '07c048b57a9ae216fe2f4e5f02e625172856770f' }, h(TableFootRow, { key: 'ac7daea0d4e05e99af813b1d3cf93d668bd77200' }, h(TableFootCell, { key: 'be0057faacd87e8abb7de83dce3588c561f98f0c', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: 'ec5f36ebbe55c8229ce615404cd529d8a6e376af', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'f4b0c2f36eae458a64d22414c1dd186324997710' }, h(TableComponent, { key: 'df2e3ca2bd333e6d1d8a9ebdc5a6ebd6ff1e39bf' }, h(TableHead, { key: '53dad354d406dc32acbef9a91998d39d011e3e49' }, h(TableHeadRow, { key: 'efd2ed2cac91229e49dd94a918d84adaece80795' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '6d03c18481a802a6e95147a0d1e18fb0d7f88f51' }, h(TableLoadingState, { key: 'a07b5fe8086d006ba9b30eb1132699b327feee5f', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '62eea598812372209f82bdfb062eb84e089bb8cb', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '4ba4c76d959932caa38a42b3add0cfe36049a067', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'ba3336a12b83890e5b044f73f512c6340cdc75ce' }, h(TableFootRow, { key: 'e717fecb8311d3ac8958cb90b0eeb82e47774509' }, h(TableFootCell, { key: '3d337b1724912d11fb1c94d6f43fd8cd98759d33', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: 'e55efb324a7e7504a100dadb5c3876b13f260e65', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/module/terminal-quantity-selector2.js

@@ -26,7 +26,7 @@ const TerminalQuantitySelector = /*@__PURE__*/ proxyCustomElement(class Terminal
         };
     }
     render() {
-        return (h("div", { key: '14d2732f572786bdacdfdfdb554d131ad90d04e8', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: 'c51df5ee2fb1f2d29a31b251f585e6fe613e99c7', class: "d-flex gap-3" }, h("div", { key: '830f94d8ba707fe4f88a8585fbd16ed7d6677a14', class: "d-flex align-items-center" }, h("img", { key: 'bc9428e3420a2f3d388ed547230d53d2bd2d46dc', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: 'aa4a65e356b346445b13a40141f84c8913602e20', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '1a1694acd481b170fa1d65d8cdda6f2d4dcea93a', class: "row" }, h("div", { key: 'afd1d0e3959558c8170e7ac0fea82e0373a8973d', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '89defdd9d8c11c173aeb688c10b3470945181bc1', helpText: this.description })), h("div", { key: 'e0b7ec3e884814f7980077b476fb88e0b7cb8418', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '918958d4fce07d972b37eae47e05cf0039176c7a', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '7caeff6f052e5ab4c21522c2d07f9b2a0db288e7', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: 'f7e049ba66c53b205319f05ebaa8d8e80142cda5', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
+        return (h("div", { key: '97a2cdecf25e0a8a53b9d174eca5292769dc97bf', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: 'db71faf86a5e5d98fa143ecfafcfd7e1dd9e8f3d', class: "d-flex gap-3" }, h("div", { key: 'efe24d41d83d5b14c7787d2b06d6d3609782ef93', class: "d-flex align-items-center" }, h("img", { key: '89a439a1e1e3403a426c8e332aa0a730d5edc388', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: 'a1222547e632526b51c11a10060b2b94e5ee639b', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '69739f6543cfa8bc2379a8e5af56f8ecc700dcb1', class: "row" }, h("div", { key: 'e818b1b291c077366a6232c40ecf0d0a71cd9ba8', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '8c036e4d31940065825aac9af9110bdcf32d5e0c', helpText: this.description })), h("div", { key: 'b9d3301e3eb2421ea0a19b57ec47e0699a36e68b', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '5d476f607ef2ae79ba406ab9415055aa26da1d2e', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '6931fcc7bbe5e57bc44d8e1582896c2d3e676a7b', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: 'b7d25687f5faf10bbeac701f70fe7078f5c3b71b', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
     }
 }, [256, "terminal-quantity-selector", {
         "modelName": [1, "model-name"],

package/dist/module/terminal.service.js

@@ -2,6 +2,8 @@ import { A as Api } from './Api.js';
 import './Refund.js';
 import './Pagination.js';
 import './Business.js';
+import './ApplePay.js';
+import './GooglePay.js';
 
 const api = Api();
 class TerminalService {

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

@@ -4,12 +4,14 @@ import './dinero.js';
 import './Refund.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Business.js';
+import './ApplePay.js';
+import './GooglePay.js';
 import './details.js';
 import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d as TableHeadRow, e as TableBody, f as TableLoadingState, g as TableEmptyState, h as TableErrorState, i as TableRow, j as TableFoot, k as TableFootRow, l as TableFootCell } from './table.js';
 import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import { B as Badge, a as BadgeVariant } from './badge.js';
-import { w as tableHeadCell, a9 as getAlternateTableCellPart } from './parts.js';
+import { w as tableHeadCell, ac as getAlternateTableCellPart } from './parts.js';
 import { k as capitalFirstLetter } from './utils2.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './terminals-list-params-state.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
@@ -187,7 +189,7 @@ const TerminalsListCore = /*@__PURE__*/ proxyCustomElement(class TerminalsListCo
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '88b4eb0cd55f0a1fbad0c5e877fb3619b50c2723' }, h(TableComponent, { key: 'a36263fde8baf22dd073ad4d4f068eb277e83ee8' }, h(TableHead, { key: '549b77d4a69e1db447faed7fa080342d64d965d7' }, h(TableHeadRow, { key: 'f317872464002efdccba4c4d7f674c74bbfcbbd0' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: 'c7ab98aaef3ff495b34bb8a656ebd722e256343c' }, h(TableLoadingState, { key: '90e3b87dab3d29c48fc893d5bfc68c0961e42b9c', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'c0a19d89566128a1456c4a069519da694f034947', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '9f684369eb17da5ceefc2f49a8930213eb49c37a', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '1e6024f718571717156c0856175529236453c394' }, h(TableFootRow, { key: 'f44d637589cd1ede9a7417b3b66ae70999e8bdf9' }, h(TableFootCell, { key: 'ed68613d20c6a6f01d54b31613e598825703f99e', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '7b071169c52042eea2352608ad67cc6d8470dc8b', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '47a3ae5348a5ca8d0994043e1c17605c123dee97' }, h(TableComponent, { key: 'cf0e28bb98f00d52d546bb84c045d596ff5def31' }, h(TableHead, { key: '06a0c7685a42b513c5f1bf913e2d783630e946f3' }, h(TableHeadRow, { key: '0559e0bf9ee49cba9a769d91cbe6af5197ff6b45' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '66c4756ef6c6eec274c77fc48c958c0611895cbd' }, h(TableLoadingState, { key: '7ad0e2e15fe356bd5b22f75843915b7decf3a1c1', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '4191da227f556b4d9ae55533261ab1f1eaf17c9a', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '2d6f63bb346c5d76f4966bc45899e6f380bf3283', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '025a109c2fca7d00292f94507cb21ce40d6ab5fc' }, h(TableFootRow, { key: '7563a33f3b02210687e376f237bab6cc708626be' }, h(TableFootCell, { key: 'bbdbc7913fc93e76425db5b972645efed56652a1', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '7b0ccb15636e02cb8181e973637f56e9dd09fb2f', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/module/utils2.js

@@ -22298,4 +22298,4 @@ function capitalizeFirstLetter(str) {
     return str.charAt(0).toUpperCase() + str.slice(1);
 }
 
-export { formatDate as a, formatTime as b, formatCurrency as c, convertToLocal as d, convertToUTC as e, formatMediumDate as f, generateId as g, capitalizeFirstLetter as h, isEmptyObject as i, generateTabId as j, capitalFirstLetter as k, formatDisplayDate as l, addAttribute as m, formatPhoneNumber as n, processHTML as p, removeAttribute as r, snakeCaseToHumanReadable as s };
+export { formatDate as a, formatTime as b, formatCurrency as c, convertToUTC as d, convertToLocal as e, formatMediumDate as f, generateId as g, capitalizeFirstLetter as h, isEmptyObject as i, generateTabId as j, capitalFirstLetter as k, formatDisplayDate as l, addAttribute as m, formatPhoneNumber as n, processHTML as p, removeAttribute as r, snakeCaseToHumanReadable as s };

package/dist/types/api/Checkout.d.ts

@@ -58,6 +58,7 @@ export interface ICheckout {
         insurance_payments?: boolean;
         bank_account_verification?: boolean;
         apple_payments?: boolean;
+        google_payments?: boolean;
     };
     bnpl?: IBnpl;
     total_amount: number;
@@ -90,6 +91,7 @@ export declare class Checkout implements ICheckout {
         insurance_payments?: boolean;
         bank_account_verification?: boolean;
         apple_payments?: boolean;
+        google_payments?: boolean;
     };
     bnpl?: IBnpl;
     total_amount: number;
@@ -147,6 +149,9 @@ export type ILoadedEventResponse = {
 export interface CheckoutsQueryParams {
     status?: ICheckoutStatus;
     payment_mode?: ICheckoutPaymentMode;
+    checkout_id?: string;
+    created_after?: string;
+    created_before?: string;
 }
 export type CardBrand = 'visa' | 'mastercard' | 'american_express' | 'discover' | 'jcb' | 'diners_club' | 'unionpay';
 export type AccountType = 'checking' | 'savings';

package/dist/types/api/GooglePay.d.ts

@@ -0,0 +1,271 @@
+import { PagingInfo } from './Pagination';
+export declare enum GooglePayButtonType {
+    PLAIN = "plain",
+    BUY = "buy",
+    BOOK = "book",
+    CHECKOUT = "checkout",
+    DONATE = "donate",
+    ORDER = "order",
+    PAY = "pay",
+    SUBSCRIBE = "subscribe"
+}
+export declare enum GooglePayButtonStyle {
+    BLACK = "black",
+    WHITE = "white"
+}
+export declare enum GooglePayButtonSizeMode {
+    STATIC = "static",
+    FILL = "fill"
+}
+export declare enum GooglePayEnvironment {
+    PRODUCTION = "PRODUCTION",
+    TEST = "TEST"
+}
+export interface IGooglePayLineItem {
+    label: string;
+    price: string;
+    type: 'LINE_ITEM' | 'SUBTOTAL';
+}
+export interface IGooglePayMerchantInfo {
+    merchantId?: string;
+    merchantName: string;
+}
+export interface IGooglePayCardParameters {
+    allowedAuthMethods: string[];
+    allowedCardNetworks: string[];
+    billingAddressRequired?: boolean;
+    billingAddressParameters?: {
+        format?: 'FULL' | 'MIN';
+        phoneNumberRequired?: boolean;
+    };
+}
+export interface IGooglePayTokenizationSpecification {
+    type: 'PAYMENT_GATEWAY' | 'DIRECT';
+    parameters?: {
+        gateway?: string;
+        gatewayMerchantId?: string;
+        [key: string]: any;
+    };
+}
+export interface IGooglePayPaymentMethodData {
+    type: 'CARD';
+    parameters: IGooglePayCardParameters;
+    tokenizationSpecification: IGooglePayTokenizationSpecification;
+}
+export interface IGooglePayTransactionInfo {
+    displayItems?: IGooglePayLineItem[];
+    countryCode: string;
+    currencyCode: string;
+    totalPriceStatus: 'FINAL' | 'ESTIMATED' | 'NOT_CURRENTLY_KNOWN';
+    totalPrice: string;
+    totalPriceLabel?: string;
+    checkoutOption?: 'DEFAULT' | 'COMPLETE_IMMEDIATE_PURCHASE';
+}
+export interface IGooglePayPaymentDataRequest {
+    apiVersion: number;
+    apiVersionMinor: number;
+    allowedPaymentMethods: IGooglePayPaymentMethodData[];
+    transactionInfo: IGooglePayTransactionInfo;
+    merchantInfo: IGooglePayMerchantInfo;
+    callbackIntents?: string[];
+    shippingAddressRequired?: boolean;
+    shippingAddressParameters?: {
+        allowedCountryCodes?: string[];
+        phoneNumberRequired?: boolean;
+    };
+    emailRequired?: boolean;
+}
+export interface IGooglePayConfig {
+    environment: GooglePayEnvironment;
+    merchantId?: string;
+    merchantName: string;
+    buttonType?: GooglePayButtonType;
+    buttonStyle?: GooglePayButtonStyle;
+    buttonSizeMode?: GooglePayButtonSizeMode;
+    buttonLocale?: string;
+}
+export interface IGooglePayError {
+    code: string;
+    message: string;
+}
+export interface IGooglePayTokenData {
+    protocolVersion: string;
+    signature: string;
+    signedMessage: string;
+}
+export interface IGooglePayPaymentMethod {
+    type: string;
+    description: string;
+    info: {
+        cardNetwork: string;
+        cardDetails: string;
+        assuranceDetails?: {
+            accountVerified: boolean;
+            cardHolderAuthenticated: boolean;
+        };
+        billingAddress?: {
+            address1: string;
+            address2?: string;
+            address3?: string;
+            administrativeArea: string;
+            countryCode: string;
+            locality: string;
+            name: string;
+            postalCode: string;
+            sortingCode?: string;
+        };
+    };
+    tokenizationData: IGooglePayTokenData;
+}
+export interface IGooglePayPaymentData {
+    apiVersion: number;
+    apiVersionMinor: number;
+    paymentMethodData: IGooglePayPaymentMethod;
+    email?: string;
+    shippingAddress?: {
+        address1: string;
+        address2?: string;
+        address3?: string;
+        administrativeArea: string;
+        countryCode: string;
+        locality: string;
+        name: string;
+        postalCode: string;
+        sortingCode?: string;
+    };
+}
+export interface IGooglePayClient {
+    isReadyToPay(request: {
+        apiVersion: number;
+        apiVersionMinor: number;
+        allowedPaymentMethods: IGooglePayPaymentMethodData[];
+    }): Promise<{
+        result: boolean;
+        paymentMethodPresent?: boolean;
+    }>;
+    loadPaymentData(request: IGooglePayPaymentDataRequest): Promise<IGooglePayPaymentData>;
+    createButton(options: {
+        onClick: () => void;
+        buttonType?: GooglePayButtonType;
+        buttonSizeMode?: GooglePayButtonSizeMode;
+        buttonColor?: GooglePayButtonStyle;
+        buttonLocale?: string;
+    }): HTMLElement;
+    prefetchPaymentData(request: IGooglePayPaymentDataRequest): void;
+}
+export interface IGooglePayTokenProcessRequest {
+    protocolVersion?: string;
+    signature: string;
+    intermediateSigningKey?: {
+        signedKey: string;
+        signatures: string[];
+    };
+    signedMessage?: string;
+}
+export interface IGooglePayTokenResponse {
+    id: string;
+    type: string;
+    page_info: PagingInfo | null;
+    data: {
+        account_id: string;
+        token: string;
+    };
+}
+export interface IGooglePayService {
+    processPayment(authToken: string, accountId: string, payload: IGooglePayTokenProcessRequest): Promise<{
+        success: boolean;
+        data: IGooglePayTokenResponse;
+    }>;
+}
+export declare class GooglePayConfig implements IGooglePayConfig {
+    environment: GooglePayEnvironment;
+    merchantId?: string;
+    merchantName: string;
+    buttonType?: GooglePayButtonType;
+    buttonStyle?: GooglePayButtonStyle;
+    buttonSizeMode?: GooglePayButtonSizeMode;
+    buttonLocale?: string;
+    constructor(data: IGooglePayConfig);
+    get isValid(): boolean;
+}
+export declare class GooglePayPaymentDataRequest implements IGooglePayPaymentDataRequest {
+    apiVersion: number;
+    apiVersionMinor: number;
+    allowedPaymentMethods: IGooglePayPaymentMethodData[];
+    transactionInfo: IGooglePayTransactionInfo;
+    merchantInfo: IGooglePayMerchantInfo;
+    callbackIntents?: string[];
+    shippingAddressRequired?: boolean;
+    shippingAddressParameters?: {
+        allowedCountryCodes?: string[];
+        phoneNumberRequired?: boolean;
+    };
+    emailRequired?: boolean;
+    constructor(data: IGooglePayPaymentDataRequest);
+    get isValid(): boolean;
+}
+export declare class GooglePayHelpers {
+    /**
+     * Check if Google Pay is supported in the current environment
+     */
+    static isGooglePaySupported(): boolean;
+    /**
+     * Create a Google Pay client instance
+     */
+    static createGooglePayClient(environment: GooglePayEnvironment): IGooglePayClient | null;
+    /**
+     * Format amount for Google Pay (expects string in full currency units)
+     */
+    static formatAmount(amount: number): string;
+    /**
+     * Parse amount from Google Pay format to cents
+     */
+    static parseAmount(amount: string): number;
+    /**
+     * Create a line item for Google Pay
+     */
+    static createLineItem(label: string, amount: number, type?: 'LINE_ITEM' | 'SUBTOTAL'): IGooglePayLineItem;
+    /**
+     * Get default supported card networks
+     */
+    static getDefaultSupportedNetworks(): string[];
+    /**
+     * Get default allowed authentication methods
+     */
+    static getDefaultAuthMethods(): string[];
+    /**
+     * Create default card parameters
+     */
+    static createDefaultCardParameters(): IGooglePayCardParameters;
+    /**
+     * Create default tokenization specification
+     */
+    static createTokenizationSpecification(): IGooglePayTokenizationSpecification;
+    /**
+     * Create default payment method data
+     */
+    static createPaymentMethodData(): IGooglePayPaymentMethodData;
+    /**
+     * Create base payment data request check
+     */
+    static createBasePaymentDataRequest(): {
+        apiVersion: number;
+        apiVersionMinor: number;
+        allowedPaymentMethods: IGooglePayPaymentMethodData[];
+    };
+}
+declare global {
+    interface Window {
+        google?: {
+            payments?: {
+                api?: {
+                    PaymentsClient: {
+                        new (options: {
+                            environment: 'PRODUCTION' | 'TEST';
+                        }): IGooglePayClient;
+                    };
+                };
+            };
+        };
+    }
+}

package/dist/types/api/index.d.ts

@@ -19,4 +19,6 @@ export * from './Business';
 export * from './Identity';
 export * from './Dispute';
 export * from './GrossVolume';
+export * from './ApplePay';
+export * from './GooglePay';
 export { BankAccount, IBankAccount } from './BankAccount';

package/dist/types/api/services/google-pay.service.d.ts

@@ -0,0 +1,60 @@
+import { IGooglePayConfig, IGooglePayPaymentDataRequest, IGooglePayClient, IGooglePayError, IGooglePayPaymentData, GooglePayConfig, IGooglePayService, IGooglePayTokenProcessRequest, IGooglePayTokenResponse } from '../GooglePay';
+export declare class GooglePayService implements IGooglePayService {
+    private googlePayConfig?;
+    private googlePayClient?;
+    private api;
+    /**
+     * Initialize Google Pay configuration
+     */
+    initialize(googlePayConfig: IGooglePayConfig): void;
+    /**
+     * Process Google Pay payment via API
+     */
+    processPayment(authToken: string, accountId: string, payload: IGooglePayTokenProcessRequest): Promise<{
+        success: boolean;
+        data: IGooglePayTokenResponse;
+    }>;
+    /**
+     * Check if Google Pay is available on this device/browser
+     */
+    isAvailable(): boolean;
+    /**
+     * Check if the user can make payments with Google Pay
+     */
+    canMakePayments(): Promise<boolean>;
+    /**
+     * Start Google Pay payment session
+     */
+    startPaymentSession(paymentDataRequest: IGooglePayPaymentDataRequest, authToken: string, accountId: string): Promise<{
+        success: boolean;
+        paymentData?: IGooglePayPaymentData;
+        paymentMethodId?: string;
+        error?: IGooglePayError;
+    }>;
+    /**
+     * Create Google Pay button element
+     */
+    createButton(options: {
+        onClick: () => void;
+        buttonType?: string;
+        buttonSizeMode?: string;
+        buttonColor?: string;
+        buttonLocale?: string;
+    }): HTMLElement | null;
+    /**
+     * Prefetch payment data for faster loading
+     */
+    prefetchPaymentData(paymentDataRequest: IGooglePayPaymentDataRequest): void;
+    /**
+     * Create a basic payment data request
+     */
+    static createPaymentDataRequest(amount: number, label: string, countryCode: string, currencyCode: string, merchantName: string): IGooglePayPaymentDataRequest;
+    /**
+     * Get current configuration
+     */
+    getGooglePayConfig(): GooglePayConfig | undefined;
+    /**
+     * Get current Google Pay client
+     */
+    getGooglePayClient(): IGooglePayClient | undefined;
+}

package/dist/types/components/checkout/checkout.d.ts

@@ -11,6 +11,7 @@ export declare class Checkout {
     tokenizePaymentMethodRef?: HTMLInternalTokenizePaymentMethodElement;
     plaidPaymentMethodRef?: HTMLJustifiPlaidPaymentMethodElement;
     sezzlePaymentMethodRef?: HTMLJustifiSezzlePaymentMethodElement;
+    googlePayRef?: HTMLJustifiGooglePayElement;
     availablePaymentMethods: PAYMENT_METHODS[];
     checkout: ICheckout;
     complete: Function;

package/dist/types/components/checkouts-list/checkouts-list-filters.d.ts

@@ -2,8 +2,13 @@ import { ICheckoutPaymentModeParam, ICheckoutStatus } from '../../api';
 export declare class CheckoutsListFilters {
     checkoutStatus?: ICheckoutStatus;
     paymentMode?: ICheckoutPaymentModeParam;
+    checkoutId?: string;
+    createdAfter?: string;
+    createdBefore?: string;
+    private debouncedSetParamsOnChange;
     componentWillLoad(): void;
     setParamsOnChange: (name: string, value: string) => void;
+    handleDateInput: (name: string, value: string) => void;
     get checkoutStatusOptions(): {
         label: string;
         value: ICheckoutStatus | '';