@justifi/webcomponents 5.3.1 → 5.3.3

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

@@ -1,14 +1,15 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { A as Api, c as config } from './config.js';
+import { A as Api } from './Api.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 import { E as ErrorState } from './utils.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
 import { d as defineCustomElement$2 } from './gross-payment-chart-core2.js';
 
 class ReportsService {
     async fetchGrossVolumeChartData(accountId, authToken) {
-        const api = Api({ authToken: authToken, apiOrigin: config.proxyApiOrigin });
+        const api = Api({ authToken: authToken, apiOrigin: undefined });
         const endpoint = `account/${accountId}/reports/gross_volume`;
         return api.get(endpoint);
     }

package/dist/module/justifi-order-terminals.d.ts

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

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

@@ -0,0 +1,119 @@
+import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
+import { t as text, a3 as heading4, a4 as listGroup, a5 as listGroupItem } from './parts.js';
+import { S as StyledHost } from './styled-host.js';
+import './details.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
+import { B as BusinessService } from './business.service.js';
+import { E as ErrorState } from './utils.js';
+import { a as Business } from './Business.js';
+import { m as makeGetBusiness } from './get-business.js';
+import { S as Skeleton } from './skeleton.js';
+
+const FormBlock = () => (h("div", { class: "row gap-3" },
+    h("div", { class: "col-12" },
+        h(Skeleton, { width: "25%" })),
+    h("div", { class: "col-12" },
+        h(Skeleton, { width: "100%" })),
+    h("div", { class: "col-12 d-flex gap-3" },
+        h(Skeleton, { width: "50%" }),
+        h(Skeleton, { width: "50%" })),
+    h("div", { class: "col-12 d-flex gap-3" },
+        h(Skeleton, { width: "65%" }),
+        h(Skeleton, { width: "35%" }))));
+const OrderTerminalsLoading = () => {
+    return (h("div", { class: "row gap-5" },
+        h("div", { class: "col-12" },
+            h(Skeleton, { width: "40%", height: "40px" })),
+        h(FormBlock, null),
+        h(FormBlock, null),
+        h(FormBlock, null)));
+};
+
+const OrderTerminals = /*@__PURE__*/ proxyCustomElement(class OrderTerminals extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.businessId = undefined;
+        this.authToken = undefined;
+        this.errorMessage = undefined;
+        this.isLoading = true;
+        this.business = undefined;
+    }
+    componentWillLoad() {
+        checkPkgVersion();
+        this.analytics = new JustifiAnalytics(this);
+        this.initializeGetBusiness();
+    }
+    initializeGetBusiness() {
+        if (!this.businessId || !this.authToken) {
+            this.errorMessage = 'Invalid business id or auth token';
+            this.errorEvent.emit({
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                message: this.errorMessage,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+            return;
+        }
+        const getBusiness = makeGetBusiness({
+            id: this.businessId,
+            authToken: this.authToken,
+            service: new BusinessService(),
+        });
+        getBusiness({
+            onSuccess: ({ business }) => {
+                this.business = new Business(business);
+                this.isLoading = false;
+            },
+            onError: ({ error, code, severity }) => {
+                this.errorMessage = error;
+                this.errorEvent.emit({
+                    errorCode: code,
+                    message: error,
+                    severity,
+                });
+                this.isLoading = false;
+            }
+        });
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+        return (h(StyledHost, { key: 'd5ac7406c2ec045832411cb7a7deecde13243a41' }, this.isLoading && h(OrderTerminalsLoading, { key: 'ec71fe4b766244bbf2c04714bca66b69f367ece5' }), !this.isLoading && this.errorMessage && ErrorState(this.errorMessage), !this.isLoading && !this.errorMessage && this.business && (h("div", { key: '6492a8df913cb3360153715192bd30d656df4968', class: "row gap-5 pt-5", part: text }, h("div", { key: '607b534001238efc4d226cb26d8f1c1288b5ac29', class: "row" }, h("div", { key: '55e7bae0aad2ae9ec9a28961269cd532a2e00922', class: "col-12" }, h("h2", { key: 'c4e01bd6e3a9e46cb15d8b72093dc9de2d463feb', part: heading4 }, "Business Information:"), h("p", { key: 'cd3c01f074c8d55b968e713ec4805a22f1ffc3ba' }, "Business Name: ", this.business.legal_name))), h("div", { key: '20062e4aa0cad46f002821972fec7ec1fc8be01e', class: "row" }, h("div", { key: '433a4a200edd564fa0d206378a706ad84aa2696e', class: "col-6" }, h("h2", { key: 'e4a4fc4c632ccb3b6b187ccb87fb5cce398e43ca', part: heading4 }, "Representative:"), h("ul", { key: '02449f299dddc9fee8544fed405acc436217a60b', class: "list-group", part: listGroup }, h("li", { key: 'a1eff4e8974b8fe57c206fb9c6ce30e89c79d702', class: "list-group-item", part: listGroupItem }, "Name: ", (_b = (_a = this.business) === null || _a === void 0 ? void 0 : _a.representative) === null || _b === void 0 ? void 0 :
+            _b.name), h("li", { key: '4e04f41d044b92560f401e6edbb1993b84fca7a6', class: "list-group-item", part: listGroupItem }, "Title: ", (_d = (_c = this.business) === null || _c === void 0 ? void 0 : _c.representative) === null || _d === void 0 ? void 0 :
+            _d.title), h("li", { key: 'b354a893098b9f26819ab34966a5e47226fd280b', class: "list-group-item", part: listGroupItem }, "Email: ", (_f = (_e = this.business) === null || _e === void 0 ? void 0 : _e.representative) === null || _f === void 0 ? void 0 :
+            _f.email), h("li", { key: 'd1d94089d4f7db78c64143820601b359a77ab09f', class: "list-group-item", part: listGroupItem }, "Phone: ", (_h = (_g = this.business) === null || _g === void 0 ? void 0 : _g.representative) === null || _h === void 0 ? void 0 :
+            _h.phone))), h("div", { key: '91ee402f8f7886c1750b8050433992cfd9964b02', class: "col-6" }, h("h2", { key: '143f76c17de7af724c325439767275efa7c8e903', part: heading4 }, "Shipping Address:"), h("ul", { key: 'dae75ec772c3971a9e690648e4e28b2eec22c638', class: "list-group", part: listGroup }, h("li", { key: '0d83cea35521361eee13912f1cb107bf7496abcc', class: "list-group-item", part: listGroupItem }, "Street: ", (_j = this.business.legal_address) === null || _j === void 0 ? void 0 :
+            _j.line1), h("li", { key: 'be4d3d8a0c61645ac4f622235f7ecf2f3ac8e097', class: "list-group-item", part: listGroupItem }, (_k = this.business.legal_address) === null || _k === void 0 ? void 0 : _k.line2), h("li", { key: '2572604b85008e401a835abdbf6c291c3191a9c7', class: "list-group-item", part: listGroupItem }, "Postal Code: ", (_l = this.business.legal_address) === null || _l === void 0 ? void 0 :
+            _l.postal_code), h("li", { key: 'e5fd5aa1d9b1bf78c75ca667b058629575be06d3', class: "list-group-item", part: listGroupItem }, "City: ", (_m = this.business.legal_address) === null || _m === void 0 ? void 0 :
+            _m.city), h("li", { key: '9acd18a7faed0ab283e110c616d9314410a93cee', class: "list-group-item", part: listGroupItem }, "State: ", (_o = this.business.legal_address) === null || _o === void 0 ? void 0 :
+            _o.state))))))));
+    }
+}, [1, "justifi-order-terminals", {
+        "businessId": [1, "business-id"],
+        "authToken": [1, "auth-token"],
+        "errorMessage": [32],
+        "isLoading": [32],
+        "business": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-order-terminals"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-order-terminals":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, OrderTerminals);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const JustifiOrderTerminals = OrderTerminals;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiOrderTerminals, defineCustomElement };

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

@@ -8,7 +8,8 @@ import './SubAccount.js';
 import './Document.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 import { E as ErrorState } from './utils.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
 import { d as defineCustomElement$3 } from './details.js';
 import { d as defineCustomElement$2 } from './payment-details-core2.js';
 

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

@@ -1,9 +1,10 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
+import { J as JustifiAnalytics } from './Analytics.js';
 import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
 import { m as makeGetBusiness, g as makePostProvisioning } from './payment-provisioning-actions.js';
 import { B as BusinessService } from './business.service.js';
-import { A as Api, c as config } from './config.js';
+import { A as Api } from './Api.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
 import { d as defineCustomElement$y } from './bank-account-document-inputs.js';
 import { d as defineCustomElement$x } from './bank-account-form-inputs2.js';
 import { d as defineCustomElement$w } from './business-documents-on-file2.js';
@@ -45,7 +46,7 @@ class ProvisionService {
             business_id: businessId,
             product_category: product,
         };
-        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).post(endpoint, payload);
+        return Api({ authToken, apiOrigin: undefined }).post(endpoint, payload);
     }
 }
 

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { l as lodash } from './lodash.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './payments-list-params-state.js';
-import { a1 as filterMenu, a2 as paymentIdPaymentsListFilterParam, a3 as terminalIdPaymentsListFilterParam, a4 as paymentStatusPaymentsListFilterParam, a5 as createdAfterPaymentsListFilterParam, a6 as createdBeforePaymentsListFilterParam } from './parts.js';
+import { a6 as paymentsListFilterMenu, a7 as paymentIdPaymentsListFilterParam, a8 as terminalIdPaymentsListFilterParam, a9 as paymentStatusPaymentsListFilterParam, aa as createdAfterPaymentsListFilterParam, ab as createdBeforePaymentsListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import { j as convertToUTC, h as convertToLocal } from './utils2.js';
@@ -59,8 +59,8 @@ const PaymentsListFilters = /*@__PURE__*/ proxyCustomElement(class PaymentsListF
     }
     render() {
         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 }) ||
+        return (h(StyledHost, { key: 'fc2c0642fefbbd5e290e445bb652d4a6bf878855' }, h("table-filters-menu", { key: '0991a2c0ac9977236ad3ecae431b6ec572116452', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: 'fc74b64ab82764a35b9dc41ad6718537b3abe794', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '862104a2f6a1a1a383557674e8ddd530a9911d06', class: "p-2" }, h("form-control-text", { key: '59ca6de9b8bf3b0ea5dcba8ce03c8d56284fe389', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: 'e63dcf0e3ff092f10a42aef36dde96155cba1630', class: "p-2" }, h("form-control-text", { key: '96a2dcfcca5ae79d7a90b37fc75b79ec84947604', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: 'ba6dd2eab598382e10dd250805b393acfeac9567', class: "p-2" }, h("form-control-select", { key: '8d537d77bd56aca19fc1999fd64cf4b3cd92c51f', 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: '6c077d20829125817032eac487e0f8e9f86f5dcb', class: "p-2" }, h("form-control-date", { key: '97689bfe73b875a1355bc2ff114c554f15f61490', 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: 'dcdaf5b0068795b46b19302c2bdd532947e8fc00', class: "p-2" }, h("form-control-date", { key: '991f8fc8e7f3af364db40f92e43d90cd40714e6d', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: createdBeforePaymentsListFilterParam }))))));
     }
 }, [1, "justifi-payments-list-filters", {

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

@@ -7,8 +7,8 @@ import { b as Payment } from './Payment.js';
 import './SubAccount.js';
 import './Document.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
-import { c as config } from './config.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import { d as defineCustomElement$2, a as defaultColumnsKeys } from './payments-list-core2.js';
@@ -60,7 +60,7 @@ const PaymentsList = /*@__PURE__*/ proxyCustomElement(class PaymentsList extends
         this.errorMessage = null;
         this.accountId = undefined;
         this.authToken = undefined;
-        this.apiOrigin = config.proxyApiOrigin;
+        this.apiOrigin = undefined;
         this.columns = defaultColumnsKeys;
     }
     componentWillLoad() {
@@ -93,7 +93,7 @@ const PaymentsList = /*@__PURE__*/ proxyCustomElement(class PaymentsList extends
         }
     }
     render() {
-        return (h(StyledHost, { key: '17c610d9339435e5aa7dc6735a0b4cde7e64753a' }, h("payments-list-core", { key: 'be8ddb8088e17c8966f32705f27c48a7f58fd3f1', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'e03e05c3cb3c8dbaf0a5e982958345feccec1902' }, h("payments-list-core", { key: '05f2b38a6a854e2e08bdd559e7e8dfab2d80f398', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

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

@@ -8,7 +8,8 @@ import { P as Payout } from './SubAccount.js';
 import './Document.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 import { E as ErrorState } from './utils.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
 import { d as defineCustomElement$3 } from './details.js';
 import { d as defineCustomElement$2 } from './payout-details-core2.js';
 

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

@@ -1,5 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { q as queryParams, c as clearParams } from './payouts-list-params-state.js';
+import { f as filterParams, p as propsParams, c as clearParams } from './payouts-list-params-state.js';
+import { ac as payoutsListFilterMenu, ad as createdAfterPayoutsListFilterParam, ae as createdBeforePayoutsListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import { j as convertToUTC, h as convertToLocal } from './utils2.js';
@@ -14,17 +15,36 @@ const PayoutsListFilters = /*@__PURE__*/ proxyCustomElement(class PayoutsListFil
         this.__registerHost();
         this.__attachShadow();
         this.setParamsOnChange = (name, value) => {
-            queryParams[name] = value;
+            filterParams[name] = value;
         };
         this.handleDateInput = (name, value) => {
             const utcDate = convertToUTC(value, { setEndOfDay: true });
             this.setParamsOnChange(name, utcDate);
         };
+        this.createdAfter = undefined;
+        this.createdBefore = undefined;
+    }
+    componentWillLoad() {
+        const propsToSet = {
+            created_after: this.createdAfter,
+            created_before: this.createdBefore
+        };
+        Object.entries(propsToSet).forEach(([key, value]) => {
+            if (value) {
+                propsParams[key] = value;
+            }
+        });
     }
     render() {
-        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 }) }))))));
+        const filterMenuParams = Object.assign({}, filterParams);
+        return (h(StyledHost, { key: '195227f14aa0fc371cc2ceb62089b26df8491525' }, h("table-filters-menu", { key: '86cc1b04b210cf0cd3fc422438b1cdfc7c0b4242', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: 'c75c167f849c5f0558bf7b0569f6f79083b858f0', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '09d46810296de9dc272f66ce2bd3ba726ebc6386', class: "p-2" }, h("form-control-date", { key: '0bbd9294c788f2dada3e8630e32619e1730f7b40', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDate: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: createdAfterPayoutsListFilterParam })), h("div", { key: 'c238988bd2b31b0374e515713fc2c55f59d6f9ba', class: "p-2" }, h("form-control-date", { key: '188106d28d4ac201e48b45e3ce417f26621af46a', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
+                convertToLocal(filterParams.created_before, { showInputDate: true }), disabled: !!this.createdBefore, part: createdBeforePayoutsListFilterParam }))))));
     }
-}, [1, "justifi-payouts-list-filters"]);
+}, [1, "justifi-payouts-list-filters", {
+        "createdAfter": [1, "created-after"],
+        "createdBefore": [1, "created-before"]
+    }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
-import { c as config } from './config.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
 import { m as makeGetPayoutCSV, P as PayoutService } from './get-payout-csv.js';
 import './Checkout.js';
 import './Pagination.js';
@@ -66,7 +66,7 @@ const PayoutsList = /*@__PURE__*/ proxyCustomElement(class PayoutsList extends H
         this.errorMessage = null;
         this.accountId = undefined;
         this.authToken = undefined;
-        this.apiOrigin = config.proxyApiOrigin;
+        this.apiOrigin = undefined;
         this.columns = defaultColumnsKeys;
     }
     componentWillLoad() {
@@ -115,7 +115,7 @@ const PayoutsList = /*@__PURE__*/ proxyCustomElement(class PayoutsList extends H
         }
     }
     render() {
-        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 })));
+        return (h(StyledHost, { key: '259a62df9d161fc97d731ccc8488f556580f5378', exportedparts: tableExportedParts }, h("payouts-list-core", { key: '9733d459d09173f4b9dec953d9c763910ac54e1d', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-refund-form.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { c as create$3, e as create$5, F as FormController } from './form.js';
-import { A as Api, c as config } from './config.js';
+import { A as Api } from './Api.js';
 import './ComponentError.js';
 import './Checkout.js';
 import './Pagination.js';
@@ -96,11 +96,11 @@ const RefundForm = /*@__PURE__*/ proxyCustomElement(class RefundForm extends HTM
         if (!this.authToken) {
             console.warn('Warning: Missing auth-token.');
         }
-        this.api = Api({ authToken: this.authToken, apiOrigin: config.proxyApiOrigin });
+        this.api = Api({ authToken: this.authToken, apiOrigin: undefined });
     }
     render() {
         var _a;
-        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))))));
+        return (h(StyledHost, { key: '10aa3a31daedcb1bc4213abb3062b09745427370' }, h("h1", { key: '1b0b9c6a22dda364275f6da46e8e58015eb3378d' }, "Refund"), this.refundInfoText && (h("div", { key: '1d51f74c4e2c6419afe046a95f23f16f99209982', class: "d-flex align-items-center flex-row gap-4 border-top border-bottom my-4 p-3", role: "alert" }, h("img", { key: '4d6b0140f2bd3666000df1374a2ab6573ce2a7ee', src: "/info-icon.svg", alt: "Information", height: "30", width: "30" }), h("p", { key: '1e740ebd882fd08df43d23919325f6556ac04b29', class: "m-0", innerHTML: this.refundInfoText }))), h("form", { key: '242bfd0f2a30be1fdaa477341e2d480108633551', onSubmit: e => this.handleSubmit(e), class: "d-grid gap-4" }, h("div", { key: '681a00fc41eb1701f8f189fa5139bf42ce43453f', class: "form-group" }, h("form-control-monetary", { key: '2f5a906d7a415391a339236d7e7e189db4febd95', 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: '9f0f6b5c2f5010ba1c51757bf4667ced40615738', class: "form-group" }, h("form-control-text", { key: 'c4f9a4431224763820dacc404ea1b693630a7ede', name: "notes", label: "Additional Notes", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.notes })), this.withButton && (h("div", { key: 'df5d528c865684da0c7583114a7d02b6cb6d5a6e', class: "form-group d-flex flex-row-reverse" }, h("button", { key: '05af832414b65d41760ca6d8b001a4affbf807c4', type: "submit", disabled: !!this.isSubmitting, class: "btn btn-primary ml-auto" }, this.submitButtonText))))));
     }
 }, [1, "justifi-refund-form", {
         "authToken": [1, "auth-token"],

package/dist/module/justifi-season-interruption-insurance.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { A as Api, c as config } from './config.js';
+import { A as Api } from './Api.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
 import './Checkout.js';
 import './Pagination.js';
@@ -7,7 +7,8 @@ import './Payment.js';
 import './SubAccount.js';
 import './Document.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
 import { d as defineCustomElement$4 } from './form-control-help-text3.js';
 import { d as defineCustomElement$3 } from './form-control-radio2.js';
 import { d as defineCustomElement$2 } from './season-interruption-insurance-core.js';
@@ -15,11 +16,11 @@ import { d as defineCustomElement$2 } from './season-interruption-insurance-core
 class InsuranceService {
     async fetchQuote(authToken, payload) {
         const endpoint = 'insurance/quotes';
-        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).post(endpoint, payload);
+        return Api({ authToken, apiOrigin: undefined }).post(endpoint, payload);
     }
     async toggleCoverage(authToken, quoteId, payload) {
         const endpoint = `insurance/quotes/${quoteId}/toggle`;
-        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).post(endpoint, payload);
+        return Api({ authToken, apiOrigin: undefined }).post(endpoint, payload);
     }
 }
 
@@ -133,7 +134,7 @@ const SeasonInterruptionInsurance = /*@__PURE__*/ proxyCustomElement(class Seaso
         });
     }
     render() {
-        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 }));
+        return (h("justifi-season-interruption-insurance-core", { key: '09686ee78334afa3648039ef1f6edcc307017f02', 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 }));
     }
 }, [1, "justifi-season-interruption-insurance", {
         "authToken": [1, "auth-token"],

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

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

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

@@ -0,0 +1,73 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { S as StyledHost } from './styled-host.js';
+import './details.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
+import { d as defineCustomElement$2, a as defaultColumnsKeys } from './terminal-orders-list-core2.js';
+import { d as defineCustomElement$3 } from './pagination-menu2.js';
+
+const TerminalOrdersList = /*@__PURE__*/ proxyCustomElement(class TerminalOrdersList extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.getTerminalOrders = undefined;
+        this.errorMessage = null;
+        this.businessId = undefined;
+        this.authToken = undefined;
+        this.apiOrigin = undefined;
+        this.columns = defaultColumnsKeys;
+    }
+    componentWillLoad() {
+        checkPkgVersion();
+        this.initializeGetTerminalOrders();
+    }
+    initializeGetTerminalOrders() {
+        if (this.businessId && this.authToken) {
+            this.getTerminalOrders = () => {
+                console.log('getTerminalOrders');
+            };
+        }
+        else {
+            this.errorMessage = 'Business ID and Auth Token are required';
+        }
+    }
+    render() {
+        return (h(StyledHost, { key: '54ebb6b9b12b123caaa6d5190d0a1c6c2198d3e3' }, h("terminal-orders-list-core", { key: '99376fd9a6b5657d8777a4873f16b98a4bcf03cf', getTerminalOrders: this.getTerminalOrders, columns: this.columns })));
+    }
+}, [1, "justifi-terminal-orders-list", {
+        "businessId": [1, "business-id"],
+        "authToken": [1, "auth-token"],
+        "apiOrigin": [1, "api-origin"],
+        "columns": [1],
+        "getTerminalOrders": [32],
+        "errorMessage": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-terminal-orders-list", "pagination-menu", "terminal-orders-list-core"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-terminal-orders-list":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, TerminalOrdersList);
+            }
+            break;
+        case "pagination-menu":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "terminal-orders-list-core":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const JustifiTerminalOrdersList = TerminalOrdersList;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiTerminalOrdersList, defineCustomElement };

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

@@ -1,8 +1,15 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { l as lodash } from './lodash.js';
-import { q as queryParams, c as clearParams } from './terminals-list-params-state.js';
+import { f as filterParams, p as propsParams, c as clearParams } from './terminals-list-params-state.js';
+import { af as terminalsListFilterMenu, ag as terminalIdTerminalsListFilterParam, ah as terminalStatusTerminalsListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
+import './ComponentError.js';
+import './Checkout.js';
+import './Pagination.js';
+import './Payment.js';
+import { I as ITerminalStatus } from './SubAccount.js';
+import './Document.js';
 import { d as defineCustomElement$6 } from './custom-popper2.js';
 import { d as defineCustomElement$5 } from './form-control-select2.js';
 import { d as defineCustomElement$4 } from './form-control-text2.js';
@@ -15,25 +22,40 @@ const TerminalsListFilters = /*@__PURE__*/ proxyCustomElement(class TerminalsLis
         this.__registerHost();
         this.__attachShadow();
         this.setParamsOnChange = (name, value) => {
-            queryParams[name] = value;
+            filterParams[name] = value;
         };
+        this.terminalId = undefined;
+        this.terminalStatus = undefined;
     }
     componentWillLoad() {
         // debounced input handler for text input
         this.debouncedSetParamsOnChange = lodash.exports.debounce(this.setParamsOnChange, 300);
+        const propsToSet = {
+            terminal_id: this.terminalId,
+            status: this.terminalStatus,
+        };
+        Object.entries(propsToSet).forEach(([key, value]) => {
+            if (value) {
+                propsParams[key] = value;
+            }
+        });
     }
     get terminalStatusOptions() {
         return [
             { label: 'All', value: '' },
-            { label: 'Connected', value: 'connected' },
-            { label: 'Disconnected', value: 'disconnected' },
-            { label: 'Unknown', value: 'unknown' },
+            { label: 'Connected', value: ITerminalStatus.connected },
+            { label: 'Disconnected', value: ITerminalStatus.disconnected },
+            { label: 'Unknown', value: ITerminalStatus.unknown },
         ];
     }
     render() {
-        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 || '' }))))));
+        const filterMenuParams = Object.assign({}, filterParams);
+        return (h(StyledHost, { key: '9e55f56855ebf7f0755c5750bfe4ae57bcc2a48e' }, h("table-filters-menu", { key: 'dae12779f49c3264cb3a5362cc4e4edc2aa6447c', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '9767d61b94a7de6bc290a1dc97e5ecdb7e75beb8', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'cab20a5aab288920f205835c4343b44502cc4a1e', class: "p-2" }, h("form-control-text", { key: '58600a426dded8a9efc05e444439c36e3eab5bc8', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '81f513ae03435ea2c97e43f460aab430ebd4a490', class: "p-2" }, h("form-control-select", { key: 'ee04592e4f117f7b58984932d10081a4383d7a65', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
     }
-}, [1, "justifi-terminals-list-filters"]);
+}, [1, "justifi-terminals-list-filters", {
+        "terminalId": [1, "terminal-id"],
+        "terminalStatus": [1, "terminal-status"]
+    }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;

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

@@ -1,7 +1,8 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
-import { A as Api, c as config } from './config.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
+import { A as Api } from './Api.js';
 import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
@@ -15,19 +16,13 @@ import { d as defineCustomElement$2, a as defaultColumnsKeys } from './terminals
 import { d as defineCustomElement$3 } from './pagination-menu2.js';
 
 class TerminalService {
-    async fetchTerminals(accountId, authToken, params, apiOrigin) {
-        if (!apiOrigin) {
-            apiOrigin = config.proxyApiOrigin;
-        }
+    async fetchTerminals(accountId, authToken, params, apiOrigin = undefined) {
         const headers = { Account: accountId };
         const api = Api({ authToken, apiOrigin });
         const endpoint = 'terminals';
         return api.get(endpoint, params, null, headers);
     }
-    async fetchTerminal(terminalId, authToken, apiOrigin) {
-        if (!apiOrigin) {
-            apiOrigin = config.proxyApiOrigin;
-        }
+    async fetchTerminal(terminalId, authToken, apiOrigin = undefined) {
         const endpoint = `terminals/${terminalId}`;
         return Api({ authToken, apiOrigin: apiOrigin }).get(endpoint);
     }
@@ -77,7 +72,7 @@ const TerminalsList = /*@__PURE__*/ proxyCustomElement(class TerminalsList exten
         this.errorMessage = null;
         this.accountId = undefined;
         this.authToken = undefined;
-        this.apiOrigin = config.proxyApiOrigin;
+        this.apiOrigin = undefined;
         this.columns = defaultColumnsKeys;
     }
     componentWillLoad() {
@@ -124,7 +119,7 @@ const TerminalsList = /*@__PURE__*/ proxyCustomElement(class TerminalsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: '79168b27873e1b6e7d6bfded80b646d2a95292e0' }, h("terminals-list-core", { key: '2dfbc1d923cb83cc10039b4344629db17f754fbc', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '1534781e6264057b7c780e6b44f4a7a66a561296' }, h("terminals-list-core", { key: '8c0fb664d5ebe4fedcf6e45046e931adffb9d381', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],