@justifi/webcomponents 5.3.1 → 5.3.3

package/dist/collection/components/checkout/bank-account-form/bank-account-form-skeleton.js

@@ -0,0 +1,10 @@
+import { h } from "@stencil/core";
+import { Skeleton } from "../../../ui-components/skeleton";
+const BankAccountFormSkeleton = (props) => {
+    const { isReady } = props;
+    if (isReady) {
+        return null;
+    }
+    return (h("div", { class: "container-fluid p-0" }, h("div", { class: "row mb-3" }, h("div", { class: "col-12 align-content-end" }, h(Skeleton, { height: "18px", width: "120px" }), h(Skeleton, { height: "36px" }))), h("div", { class: "row" }, h("div", { class: "col-12 align-content-end" }, h(Skeleton, { height: "18px", width: "110px" }), h(Skeleton, { height: "36px" })))));
+};
+export default BankAccountFormSkeleton;

package/dist/collection/components/checkout/bank-account-form/bank-account-form.js

@@ -1,7 +1,9 @@
 import { h, Host } from "@stencil/core";
+import BankAccountFormSkeleton from "./bank-account-form-skeleton";
 export class BankAccountForm {
     constructor() {
         this.iframeOrigin = undefined;
+        this.isReady = false;
     }
     async validate() {
         const accountNumberIsValid = await this.accountNumberIframeElement.validate();
@@ -11,8 +13,24 @@ export class BankAccountForm {
     async tokenize(clientId, paymentMethodMetadata, account) {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
+    componentDidRender() {
+        const elements = [
+            this.accountNumberIframeElement,
+            this.routingNumberIframeElement,
+        ];
+        Promise.all(elements.map((element) => {
+            return new Promise((resolve) => {
+                element.addEventListener('iframeLoaded', () => { resolve(); });
+            });
+        })).then(() => {
+            this.isReady = true;
+        });
+    }
     render() {
-        return (h(Host, { key: 'bf5ff6bf71b52c5b7eceb429f057b3ec89c56129' }, h("div", { key: 'db0ea83fa412a1ea77aee8967ea1c9ad07ea387d', class: "container-fluid p-0" }, h("div", { key: 'd354c507e7aeabe77a957165aec900f3e01f27f5', class: "row mb-3" }, h("iframe-input", { key: '1397eb492d2cf5ca40b637360ab52478f9007db1', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/accountNumber` })), h("div", { key: 'a4b98ff832990cac46f49a9ff1ef2de2b33496cd', class: "row" }, h("iframe-input", { key: '0b758f804e3d367c1851fe084d27df1ea620e190', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/routingNumber` })))));
+        return (h(Host, { key: '18ace2e10e76c27166f2432a84880be2e14e7d23' }, h(BankAccountFormSkeleton, { key: 'd2d3eb44c8854913866e2f1178418ab5cd43429e', isReady: this.isReady }), h("div", { key: '84987e3e4d8e5ed4f314f7e306f7e8e48f457bcb', class: "container-fluid p-0", style: {
+                opacity: this.isReady ? '1' : '0',
+                height: this.isReady ? 'auto' : '0',
+            } }, h("div", { key: 'b74ce1520cc0dd97d527ba0b8607ad891a645142', class: "row mb-3" }, h("iframe-input", { key: '6966eae250b2d702d0fb887a09fa1b14467fd823', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '02da6bb34dd86fd0e3dddd0d12bdcb7b85bfc70c', class: "row" }, h("iframe-input", { key: '3f8439860fae1d743e10f6b51f9d10cbe451bcae', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
     }
     static get is() { return "bank-account-form"; }
     static get properties() {
@@ -36,6 +54,11 @@ export class BankAccountForm {
             }
         };
     }
+    static get states() {
+        return {
+            "isReady": {}
+        };
+    }
     static get methods() {
         return {
             "validate": {

package/dist/collection/components/checkout/card-form/card-form-skeleton.js

@@ -0,0 +1,10 @@
+import { h } from "@stencil/core";
+import { Skeleton } from "../../../ui-components/skeleton";
+const CardFormSkeleton = (props) => {
+    const { isReady } = props;
+    if (isReady) {
+        return null;
+    }
+    return (h("div", { class: "container-fluid p-0" }, h("div", { class: "mb-3" }, h(Skeleton, { height: "18px", width: "100px" }), h(Skeleton, { height: "36px" })), h("div", { class: "row" }, h("div", { class: "col-4 align-content-end" }, h(Skeleton, { height: "18px", width: "80px" }), h(Skeleton, { height: "36px" })), h("div", { class: "col-4 align-content-end" }, h(Skeleton, { height: "36px" })), h("div", { class: "col-4 align-content-end" }, h(Skeleton, { height: "18px", width: "30px" }), h(Skeleton, { height: "36px" })))));
+};
+export default CardFormSkeleton;

package/dist/collection/components/checkout/card-form/card-form.js

@@ -1,7 +1,24 @@
 import { h, Host } from "@stencil/core";
+import CardFormSkeleton from "./card-form-skeleton";
 export class CardForm {
     constructor() {
         this.iframeOrigin = undefined;
+        this.isReady = false;
+    }
+    componentDidRender() {
+        const elements = [
+            this.cardNumberIframeElement,
+            this.expirationMonthIframeElement,
+            this.expirationYearIframeElement,
+            this.cvvIframeElement,
+        ];
+        Promise.all(elements.map((element) => {
+            return new Promise((resolve) => {
+                element.addEventListener('iframeLoaded', () => { resolve(); });
+            });
+        })).then(() => {
+            this.isReady = true;
+        });
     }
     async validate() {
         const cardNumberIsValid = await this.cardNumberIframeElement.validate();
@@ -14,7 +31,10 @@ export class CardForm {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: '5dfd2c79d7691744614af89d0919e58db17434b3', class: "container-fluid p-0" }, h("div", { key: '307e9a7acd80285a59369e813bb0172627395cf6', class: "mb-3" }, h("iframe-input", { key: 'e151a15fb885d7babf13c575a5bf93990f77336b', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/cardNumber` })), h("div", { key: 'd965e93602367c92f53cdc768b9a79032e640a5a', class: "row" }, h("div", { key: 'f836cca70a22e9bec446fdc4d62836a7cc16d70c', class: "col-4 align-content-end" }, h("iframe-input", { key: 'd95608d7ce0434021d416120ada984047804b04f', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/expirationMonth` })), h("div", { key: '34ab01991bac786ada446758b4499c3d58cc9402', class: "col-4 align-content-end" }, h("iframe-input", { key: 'c548d2ba46dd5ab969ab703adecc1d697ad5f8e0', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/expirationYear` })), h("div", { key: '4ce98e07ef97c4e13fe92e8677073f6681c2f707', class: "col-4 align-content-end" }, h("iframe-input", { key: '691c95278d984586ed884ca06d96a57ce0a002b8', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/CVV` })))));
+        return (h(Host, { key: 'a97247efa8298a7e4c3498690974e482e36ae966' }, h(CardFormSkeleton, { key: '52f338782020b5926377c9968bb85364ad720c68', isReady: this.isReady }), h("div", { key: '7cb7e827c407a18e09c1e0c925896644032428b8', class: "container-fluid p-0", style: {
+                opacity: this.isReady ? '1' : '0',
+                height: this.isReady ? 'auto' : '0',
+            } }, h("div", { key: '9a49fd64a1464ae0ae032883bd79c8a7e9c5d4b3', class: "mb-3" }, h("iframe-input", { key: '8778a816cbbd96f5b0c7e8f3364a704bd7aab2d8', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '53ab4f9f636acfa72744cd5d364a4ae3a3c732d4', class: "row" }, h("div", { key: '01aec684cab29a4aa24839acfc3ecc9e914c9911', class: "col-4 align-content-end" }, h("iframe-input", { key: '9c87ff44375de2d46028f2532a33856cf608c6a0', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: 'bc9176ebc7561c7cc0b654e837852a18c1b49f60', class: "col-4 align-content-end" }, h("iframe-input", { key: '5f6b133bc5ae94f912648d210a6e58dd4fe1e880', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: '404c90decbac6b142b45c21a2997c0771bb59092', class: "col-4 align-content-end" }, h("iframe-input", { key: '1b9e89656a437b080fbf92b4ebd74772ae1f26f4', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
     }
     static get is() { return "card-form"; }
     static get properties() {
@@ -38,6 +58,11 @@ export class CardForm {
             }
         };
     }
+    static get states() {
+        return {
+            "isReady": {}
+        };
+    }
     static get methods() {
         return {
             "validate": {

package/dist/collection/components/checkout/checkout.js

@@ -1,10 +1,9 @@
 import { h } from "@stencil/core";
-import { makeGetCheckout, makeCheckoutComplete } from "./checkout-actions";
+import { makeGetCheckout, makeCheckoutComplete } from "../../actions/checkout/checkout-actions";
 import { CheckoutService } from "../../api/services/checkout.service";
 import { ComponentErrorCodes, ComponentErrorSeverity } from "../../api/ComponentError";
 import JustifiAnalytics from "../../api/Analytics";
 import { checkPkgVersion } from "../../utils/check-pkg-version";
-import { config } from "../../../config";
 export class Checkout {
     constructor() {
         this.authToken = undefined;
@@ -14,7 +13,7 @@ export class Checkout {
         this.disableBnpl = undefined;
         this.disablePaymentMethodGroup = undefined;
         this.hideCardBillingForm = undefined;
-        this.iframeOrigin = config.iFrameOrigin;
+        this.iframeOrigin = IFRAME_ORIGIN;
         this.getCheckout = undefined;
         this.complete = undefined;
         this.errorMessage = '';
@@ -55,11 +54,11 @@ export class Checkout {
         this.checkoutCoreRef.fillBillingForm(fields);
     }
     render() {
-        return (h("justifi-checkout-core", { key: '911e807dc0be670c6bfe59e497cacd5399481981', getCheckout: this.getCheckout, authToken: this.authToken, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup, hideCardBillingForm: this.hideCardBillingForm, iframeOrigin: this.iframeOrigin, ref: el => {
+        return (h("justifi-checkout-core", { key: '52aca1a3ce8016a382f428ef142abc8aee9da41d', getCheckout: this.getCheckout, authToken: this.authToken, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup, hideCardBillingForm: this.hideCardBillingForm, iframeOrigin: this.iframeOrigin, ref: el => {
                 if (el) {
                     this.checkoutCoreRef = el;
                 }
-            } }, h("div", { key: '29bcfd776e4dac5a7686a03488d0f8dad2d01a03', slot: "insurance" }, h("slot", { key: '993b8872e8a40dd5111ccaeb586686a396eab2ff', name: "insurance" }))));
+            } }, h("div", { key: 'fabb53264f26320fff2aa0a603c664f47ca380d0', slot: "insurance" }, h("slot", { key: 'ce09504ef5a48d6b963f4ba39252d681f23d0168', name: "insurance" }))));
     }
     static get is() { return "justifi-checkout"; }
     static get properties() {
@@ -199,7 +198,7 @@ export class Checkout {
                 },
                 "attribute": "iframe-origin",
                 "reflect": false,
-                "defaultValue": "config.iFrameOrigin"
+                "defaultValue": "IFRAME_ORIGIN"
             }
         };
     }

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

@@ -3,7 +3,7 @@ import { pagingDefaults } from "../../api";
 import { TableEmptyState, TableErrorState, TableLoadingState } from "../../ui-components";
 import { checkoutTableColumns, checkoutTableCells } from "./checkouts-table";
 import { Table } from "../../utils/table";
-import { queryParams, onQueryParamsChange } from "./checkouts-list-params-state";
+import { getRequestParams, onQueryParamsChange } from "./checkouts-list-params-state";
 import { table, tableCell } from "../../styles/parts";
 import { TableClickActions } from "../../ui-components/table/event-types";
 export class CheckoutsListCore {
@@ -53,7 +53,7 @@ export class CheckoutsListCore {
     fetchData() {
         this.loading = true;
         this.getCheckouts({
-            params: this.requestParams,
+            params: this.checkoutParams,
             onSuccess: async ({ checkouts, pagingInfo }) => {
                 this.checkouts = checkouts;
                 this.paging = pagingInfo;
@@ -100,9 +100,10 @@ export class CheckoutsListCore {
             },
         });
     }
-    get requestParams() {
-        const combinedParams = Object.assign(Object.assign({}, queryParams), this.pagingParams);
-        return combinedParams;
+    get checkoutParams() {
+        const requestParams = getRequestParams();
+        const params = Object.assign(Object.assign({}, requestParams), this.pagingParams);
+        return params;
     }
     get subAccountParams() {
         let accountIdNumbers = this.checkouts.map((checkout) => checkout.account_id);
@@ -123,7 +124,7 @@ export class CheckoutsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: '525904319e2827a04ccbd44f83881504ddeba992' }, h("div", { key: '30c5800d270fe77e2a396b6379273a0639d4221e', class: "table-wrapper" }, h("table", { key: 'f8a66cf99bf0dc185d0cc541e3d38f4b68b136be', class: "table table-hover", part: table }, h("thead", { key: 'c47c664e4bc8526b494d089b8e1198dfe27fa4fc', class: "table-head sticky-top" }, h("tr", { key: '645aca7f2610bd3b86c8e775edf264c9f53c7f6f', class: "table-light text-nowrap" }, this.checkoutsTable.columnData.map((column) => column))), h("tbody", { key: '79a046fced553f214e55d56c401211d0d682394e', class: "table-body" }, h(TableLoadingState, { key: '654f967a8b9552213a232d35e74d2700cc237cfd', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '80d985f6055e254262653e240b0d16a2e46123d0', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'a99fa4e4f370b70cc927a9b3e65d54828e56e448', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: '619b3f952c5e6f8e1c612927b5d976ea6e4cffe7', class: "sticky-bottom" }, h("tr", { key: '5fb77b80e4c52154c658bbd2ebc8de9d8bc903aa', class: "table-light align-middle" }, h("td", { key: 'a5d1d6d1cf164681ad7a5f59bf4ae9a70e94911c', part: tableCell, colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: 'ce6e17ee3d3a6a3f513dedef209e9d4f2d7eff31', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: 'ae6d3dfefad89fcd28b2ad883a1d1172fffd2218' }, h("div", { key: '91329a7880cd774c71cf30722b7be49b8a0109e9', class: "table-wrapper" }, h("table", { key: '75f974cc2140089a7a42738ef0cd3bd67729ca8d', class: "table table-hover", part: table }, h("thead", { key: '6aaaee8db285ca1b94cea662f62a51040f2a0f06', class: "table-head sticky-top" }, h("tr", { key: '68215e0698b97a8389083a521bd8a493c410a196', class: "table-light text-nowrap" }, this.checkoutsTable.columnData.map((column) => column))), h("tbody", { key: 'b3aa9bd464fda772fae2e191e1cc4f4612bd514b', class: "table-body" }, h(TableLoadingState, { key: 'a874602fb597ee55def35b80474bd2228b918200', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '8c30048e8766be8ca14fbbd6f990aac019904b26', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'c567bbca2ebbdc42dcfa6c07ae2c61b538643cb7', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: 'f02cd5b963f2c087b1a8ab60f25f6b1081e735aa', class: "sticky-bottom" }, h("tr", { key: 'a651ab932931db6a4ad42888a9b43e7b89a58495', class: "table-light align-middle" }, h("td", { key: '1fde503bccc4e79454d5786fac8f82bea67618e1', part: tableCell, colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '6237a008bc148f44aa7e159d530470c5114b32e4', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get is() { return "checkouts-list-core"; }
     static get properties() {
@@ -245,9 +246,6 @@ export class CheckoutsListCore {
     }
     static get watchers() {
         return [{
-                "propName": "queryParams",
-                "methodName": "updateOnPropChange"
-            }, {
                 "propName": "pagingParams",
                 "methodName": "updateOnPropChange"
             }, {

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

@@ -1,31 +1,97 @@
 import { h } from "@stencil/core";
-import { queryParams, clearParams } from "./checkouts-list-params-state";
+import { ICheckoutPaymentMode, ICheckoutStatus } from "../../api";
+import { filterParams, propsParams, clearParams } from "./checkouts-list-params-state";
 import { StyledHost } from "../../ui-components";
+import { checkoutsListFilterMenu, paymentModeCheckoutsListFilterParam, statusCheckoutsListFilterParam } from "../../styles/parts";
 export class CheckoutsListFilters {
     constructor() {
         this.setParamsOnChange = (name, value) => {
-            queryParams[name] = value;
+            filterParams[name] = value;
         };
+        this.checkoutStatus = undefined;
+        this.paymentMode = undefined;
+    }
+    componentWillLoad() {
+        const propsToSet = {
+            status: this.checkoutStatus,
+            payment_mode: this.paymentMode,
+        };
+        Object.entries(propsToSet).forEach(([key, value]) => {
+            if (value) {
+                propsParams[key] = value;
+            }
+        });
     }
     get checkoutStatusOptions() {
         return [
             { label: 'All', value: '' },
-            { label: 'Created', value: 'created' },
-            { label: 'Completed', value: 'completed' },
-            { label: 'Attempted', value: 'attempted' },
-            { label: 'Expired', value: 'expired' },
+            { label: 'Created', value: ICheckoutStatus.created },
+            { label: 'Completed', value: ICheckoutStatus.completed },
+            { label: 'Attempted', value: ICheckoutStatus.attempted },
+            { label: 'Expired', value: ICheckoutStatus.expired },
         ];
     }
     get checkoutPaymentModeOptions() {
         return [
             { label: 'All', value: '' },
-            { label: 'E-commerce', value: 'ecom' },
-            { label: 'BNPL', value: 'bnpl' },
+            { label: 'E-commerce', value: ICheckoutPaymentMode.ecom },
+            { label: 'BNPL', value: ICheckoutPaymentMode.bnpl },
         ];
     }
     render() {
-        return (h(StyledHost, { key: '5015b8422169ea4c32f8e92f3931963ad0d8c8f9' }, h("table-filters-menu", { key: '2169201810641e563dc0af321c5b7367fad04a3a', params: Object.assign({}, queryParams), clearParams: clearParams }, h("div", { key: '802ce6488f2204ece4845e95d9225b05c428bc13', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '99dfed0fafadff13f37e6cbfcb98761be6d49a68', class: "p-2" }, h("form-control-select", { key: '0b37e4c6685be467c08b3c86df6f9bfc8ab52e3d', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: queryParams.status || '' })), h("div", { key: 'dec0b6be6d13847dbf748ea0a038df2db143afe2', class: "p-2" }, h("form-control-select", { key: 'acd5f387f5ea2a4b5918b9a3a80eaac199bbd8d5', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: queryParams.payment_mode || '' }))))));
+        const filterMenuParams = Object.assign({}, filterParams);
+        return (h(StyledHost, { key: 'cd70cc85372ea03d544340c36de1bc559cce757d' }, h("table-filters-menu", { key: '332fbf23bcf5e542aa3439b93bcfe046889b89b0', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: 'a95f24fa9b92cd35e0dd15a7fc5cafb2cca84c9f', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'd58366e790b1bb2fb3aa8605a806a8197ea4f5c9', class: "p-2" }, h("form-control-select", { key: '1e48969ede334298a5d058f22bf5b1e39c78f535', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status, disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: '33d8d552c77a6355423e9252779f85b288e123d1', class: "p-2" }, h("form-control-select", { key: 'a1ae23979fb00d92a9a1c7972c375494cabde720', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode, disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam }))))));
     }
     static get is() { return "justifi-checkouts-list-filters"; }
     static get encapsulation() { return "shadow"; }
+    static get properties() {
+        return {
+            "checkoutStatus": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ICheckoutStatus",
+                    "resolved": "ICheckoutStatus.attempted | ICheckoutStatus.completed | ICheckoutStatus.created | ICheckoutStatus.expired",
+                    "references": {
+                        "ICheckoutStatus": {
+                            "location": "import",
+                            "path": "../../api",
+                            "id": "src/api/index.ts::ICheckoutStatus"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "checkout-status",
+                "reflect": false
+            },
+            "paymentMode": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ICheckoutPaymentMode",
+                    "resolved": "ICheckoutPaymentMode.bank_account | ICheckoutPaymentMode.bnpl | ICheckoutPaymentMode.card | ICheckoutPaymentMode.card_present | ICheckoutPaymentMode.ecom | ICheckoutPaymentMode.unknown",
+                    "references": {
+                        "ICheckoutPaymentMode": {
+                            "location": "import",
+                            "path": "../../api",
+                            "id": "src/api/index.ts::ICheckoutPaymentMode"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "payment-mode",
+                "reflect": false
+            }
+        };
+    }
 }

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

@@ -1,8 +1,14 @@
 import { createStore } from "@stencil/store";
-const initialState = {};
-const checkoutsListQueryParams = createStore(() => initialState);
-const { state: queryParams, on: onQueryParamsChange } = checkoutsListQueryParams;
+const filterParamsInitialState = {};
+const propsParamsInitialState = {};
+const filterParamsStore = createStore(() => filterParamsInitialState);
+const { state: filterParams, on: onQueryParamsChange } = filterParamsStore;
+const propsParamsStore = createStore(() => propsParamsInitialState);
+const { state: propsParams } = propsParamsStore;
+const getRequestParams = () => {
+    return Object.assign(Object.assign({}, filterParams), propsParams);
+};
 const clearParams = () => {
-    checkoutsListQueryParams.reset();
+    filterParamsStore.reset();
 };
-export { checkoutsListQueryParams, queryParams, onQueryParamsChange, clearParams };
+export { filterParams, propsParams, onQueryParamsChange, clearParams, getRequestParams };

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

@@ -1,12 +1,11 @@
 import { h } from "@stencil/core";
-import { makeGetCheckouts } from "./get-checkouts";
+import { makeGetCheckouts } from "../../actions/checkout/get-checkouts";
 import { checkPkgVersion } from "../../utils/check-pkg-version";
-import { config } from "../../../config";
 import JustifiAnalytics from "../../api/Analytics";
 import { CheckoutService } from "../../api/services/checkout.service";
 import { ComponentErrorCodes, ComponentErrorSeverity } from "../../api/ComponentError";
 import { SubAccountService } from "../../api/services/subaccounts.service";
-import { makeGetSubAccounts } from "../../api/get-subaccounts";
+import { makeGetSubAccounts } from "../../actions/sub-account/get-subaccounts";
 import { StyledHost } from "../../ui-components";
 import { defaultColumnsKeys } from "./checkouts-table";
 export class CheckoutsList {
@@ -20,7 +19,7 @@ export class CheckoutsList {
         this.errorMessage = null;
         this.accountId = undefined;
         this.authToken = undefined;
-        this.apiOrigin = config.proxyApiOrigin;
+        this.apiOrigin = PROXY_API_ORIGIN;
         this.columns = defaultColumnsKeys;
     }
     componentWillLoad() {
@@ -67,7 +66,7 @@ export class CheckoutsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: 'aae56ec9ac20a6ed740a5180bfedf664d7d1e0ca' }, h("checkouts-list-core", { key: '933b8b41aa468c1515b64a8fb6570609454ee361', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'ae2a18885c69808bd589848ae1b33f4a4a3085e9' }, h("checkouts-list-core", { key: '86201976540a348eb800ee07e9c50f68a1f1a1cf', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-checkouts-list"; }
     static get encapsulation() { return "shadow"; }
@@ -123,7 +122,7 @@ export class CheckoutsList {
                 },
                 "attribute": "api-origin",
                 "reflect": false,
-                "defaultValue": "config.proxyApiOrigin"
+                "defaultValue": "PROXY_API_ORIGIN"
             },
             "columns": {
                 "type": "string",

package/dist/collection/components/dispute-management/dispute-management-core.js

@@ -50,7 +50,7 @@ export class DisputeManagementCore {
         });
     }
     render() {
-        return (h("div", { key: 'b5a802e8c418b3b7f3235f43260186084a6ee079' }, this.showDisputeResponseForm ? (h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
+        return (h("div", { key: '5a8663529813801b730d449c835cfafb9924d860' }, this.showDisputeResponseForm ? (h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
     }
     static get is() { return "justifi-dispute-management-core"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-management.js

@@ -2,9 +2,8 @@ import { h } from "@stencil/core";
 import { ComponentErrorCodes, ComponentErrorSeverity } from "../../api/ComponentError";
 import JustifiAnalytics from "../../api/Analytics";
 import { checkPkgVersion } from "../../utils/check-pkg-version";
-import { makeGetDispute } from "./dispute-actions";
+import { makeGetDispute } from "../../actions/dispute/dispute-actions";
 import { DisputeService } from "../../api/services/dispute.service";
-import { config } from "../../../config";
 export class DisputeManagement {
     constructor() {
         this.handleErrorEvent = event => {
@@ -13,7 +12,7 @@ export class DisputeManagement {
         };
         this.disputeId = undefined;
         this.authToken = undefined;
-        this.apiOrigin = config.proxyApiOrigin;
+        this.apiOrigin = PROXY_API_ORIGIN;
         this.getDispute = undefined;
         this.errorMessage = null;
     }
@@ -48,7 +47,7 @@ export class DisputeManagement {
         }
     }
     render() {
-        return (h("justifi-dispute-management-core", { key: 'ac225c68cd03070f60bf00bef92ddcc8d5fe4e47', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
+        return (h("justifi-dispute-management-core", { key: 'ae0e4a208d6250c4da7033e1d8bf8c33ec041c36', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
     }
     static get is() { return "justifi-dispute-management"; }
     static get properties() {
@@ -103,7 +102,7 @@ export class DisputeManagement {
                 },
                 "attribute": "api-origin",
                 "reflect": false,
-                "defaultValue": "config.proxyApiOrigin"
+                "defaultValue": "PROXY_API_ORIGIN"
             }
         };
     }

package/dist/collection/components/dispute-management/dispute-notification.js

@@ -35,7 +35,7 @@ export class DisputeNotification {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (h(StyledHost, { key: '90d2506d5bde2ea478fa3575fc162bb356b67fac' }, this.isLoading && (h("div", { key: '4877ae22d3d8e312640b122c9107b6bdd8f924cb', style: { marginBottom: '8px' } }, h(Skeleton, { key: '31fa0717949bbc6aa49db1c6ae0e324099ae1de2', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: 'ac5179232cb9ee33d3f3e16d9f93536ecfbf46a5', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: 'c22a5e3b257d01f92de7f6188fa0758861abc747', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: 'be331b1a5e2fa0baf46bc593ef7ce4f5872abcff', part: text }, h("h1", { key: '8094c16d3b375f28ffe314613f21ae25b63e59ef', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: 'd89ae665e1f9bd99c9338e2132c1dc56e5386696' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '2786733eac76628019993e13473d1f43c0c395ed', class: "h5" }, "Dispute details"), h("div", { key: '663c28c46136bd56889b6ad0b9bfce9e5adbb590', class: "d-table gap-2" }, h("div", { key: 'dc688fad875d1591dcb7f31d423b61a3df2ff954', class: "d-table-row gap-2" }, h("span", { key: '442db7a6e95524ca6b092794c7a4a4d987c9866e', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: '0a31de8692c9b00f43fcf3c0508e4d00a221d096', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), h("div", { key: '9fe0c1a3d3350c36fca190ae748dafe24d41b5fc', class: "d-table-row gap-2" }, h("span", { key: '12165cb6671519130a5f2e0d8938aaa55e7e3ead', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '4a37ca8a7d64b97142997bb50ec11d737ac6a882', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), h("div", { key: '4d9cf74a8ed26dd84e4ce7325d4b8703352362a4', class: "d-table-row gap-2" }, h("span", { key: '8c0eaa24ebec7703eb18384b0b1f2eae8a684b55', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: '238813abf2ea0848e1fe817d5798b9b0d0b78ffc', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.id))), h("div", { key: 'd156a7e9bf0e7214ff2164fc09b12c0b8f1d2b36', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '7822fd12dfc39bd2aced043956d012fd34cc1b01', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '05132b3a6d1fc3d136dc227008ea1999330cdb96', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: 'b04dd0c34f608b75ea3997a9c28ce948fa9dba5c' }, h("h1", { key: 'ac2a13373315703e86247b6707097af7cf2e6757', class: "h4" }, "This payment is disputed and under review"), h("p", { key: '203aed553e01bbaebe44bb370a1d088c149cda06' }, "The cardholder is disputing this payment. A counter dispute has been submitEvent and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (h("div", { key: '68411e62bb5c8048e995906a5f30ef1001a0bc5b' }, h("h1", { key: '565feeac6e7aca35a0b72c9128c1edcb0d6a85b6', class: "h4" }, "This payment was disputed"), h("p", { key: '68371d393c1f4053f19827c6e46978b3d73d2873' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.lost) && (h("div", { key: '99d10bf25e730dda4f4596efa100b4cff7ddc0c8' }, h("h1", { key: 'd5c6252c4236f2e5b93925db8c9a40bab6c0253a', class: "h4" }, "This payment was disputed"), h("p", { key: '773d083786d795fee7f7818f34414a7d1459925c' }, "The cardholder disputed this payment and the card issuer has settled it their favor.")))));
+        return (h(StyledHost, { key: '77119b1227200909f4742e24df0a45e1f631c65c' }, this.isLoading && (h("div", { key: 'f0766ff057fb2f4b75b34c7d4a386bde43e49652', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'd7268194dea5ac2a3b87aea8e17573b4768e308f', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: 'f8863e45a917f56be302ca1b0b3d472119f6465c', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: 'c7b8c9c89d9488eea3be8ea0b4536f98a8151487', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: '875fe7def317ce1c4547e04e83baf2b232209058', part: text }, h("h1", { key: '09646afc2aac3bf4ef9737bc12442660bbafb2dd', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '14224cffb16726eaa589118be954e0f844ffaee8' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '415028b91872a2391796872fdffdbee837a2a511', class: "h5" }, "Dispute details"), h("div", { key: 'c2b8c6be3132f98eb8c686ab88a5a6a68f92a60e', class: "d-table gap-2" }, h("div", { key: 'd11bd8b3bc680183e8bee40281cc2c294aedbd5a', class: "d-table-row gap-2" }, h("span", { key: 'd77796c0d2764329c3b482ae49ceb8b4cac03d37', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: '716d8af2a250c3237af6e23b43bf50e032e9f203', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), h("div", { key: 'daba4379197533d2a4b246e81139d81cd15761c6', class: "d-table-row gap-2" }, h("span", { key: 'a039fbf47aff16445e3411c33a7b53716c42866d', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '19087aba5c516d0c71e9f84e8b3323a044ae532a', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), h("div", { key: '68ef78b15627df3b22bcde4b90f7c216466e7468', class: "d-table-row gap-2" }, h("span", { key: '9463c281d76b5e201a55c2993253fc22d04168dc', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: '5cffed27038f5571f37377c5023a88c8b7773a59', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.id))), h("div", { key: 'e856d924edac10116781425f6d7c4c8c6b26ced2', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '6d5278a91f79c2fe8fbdd9e391b109a6491b13b6', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '242b9076b482aae731ab6bedc1592a1a826e24c5', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: 'f3711546ce5bf8b6a4a8689f5db3fdbf58f45bf4' }, h("h1", { key: '06e39be43cfacf667919adbd2f4f8c596702c340', class: "h4" }, "This payment is disputed and under review"), h("p", { key: 'b3bfef2d40e197f8dc9df6f71d9f13017a4b923d' }, "The cardholder is disputing this payment. A counter dispute has been submitEvent and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (h("div", { key: 'cb6185865417d70ab67734db37b880f67160ea62' }, h("h1", { key: '96dfe178f6d5de97f190f0df6bb0bf19e7b04227', class: "h4" }, "This payment was disputed"), h("p", { key: '4f6e8bdd940b69d34c1d84564b83f0a1f8c76059' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.lost) && (h("div", { key: '3852f5221f59739d5079ad0e56b99409167678b0' }, h("h1", { key: 'f6052feaabc3b94c727465a8f02534805ba968c8', class: "h4" }, "This payment was disputed"), h("p", { key: 'b0c91b828828842bf7a706e794124d0a8404c25e' }, "The cardholder disputed this payment and the card issuer has settled it their favor.")))));
     }
     static get is() { return "justifi-dispute-notification"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dispute-management/dispute-response/additional-statement.js

@@ -38,7 +38,7 @@ export class AdditionalStatement {
     }
     render() {
         var _a;
-        return (h("div", { key: 'd0047a4d77bcab83eb40d649bef9143bd0494a29' }, h("div", { key: '6a885d8d42962477a0dc58ff7b726be0c1778fef', class: "row gy-3" }, h("div", { key: '158a7392e846f1521f64d50d6d9f4ef55399882e', class: "col-12" }, h("h2", { key: '4220ccee243d30d512fcf95ae900935f4c738d51', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '777e6f3a129431e612c8fdbfac456ed40c3c068f', class: "col-12" }, h("form-control-textarea", { key: 'b9ca73e48d7797d308136176ddc964f435822b8f', label: "Is there anything else you would like to say about this dispute?", name: "additional_statement", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.additional_statement, inputHandler: this.inputHandler, errorText: this.errors.additional_statement })), h("div", { key: '0eae8623234917330e16a1d0d517bc3b5e369bd9', class: "col-12" }, h("form-control-file-v2", { key: '9888c9848db8f979de5550b52990da71da468806', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: this.handleFileSelection })))));
+        return (h("div", { key: '083f14b645e1e04bdcbf966ae3b7849559c41104' }, h("div", { key: '08bfee9d04c586bb56a5a077363f05c39aad1330', class: "row gy-3" }, h("div", { key: 'd118d863cfd771562eea8ab95027e0c68f78fb83', class: "col-12" }, h("h2", { key: 'ed467dd3210f8a7f8da11e0c38ab6e2b30cf7137', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: 'aabe0f4f662cd44db39b28d17bd37514aa7e3be0', class: "col-12" }, h("form-control-textarea", { key: 'ea4c86dd49d91ed386db8e00bf42315813a0ee62', label: "Is there anything else you would like to say about this dispute?", name: "additional_statement", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.additional_statement, inputHandler: this.inputHandler, errorText: this.errors.additional_statement })), h("div", { key: 'a9279734278c970e210795ca6a52c1fd9e44de91', class: "col-12" }, h("form-control-file-v2", { key: 'edc1e80a9a2115ca0b0aacaf43bec320edcce150', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: this.handleFileSelection })))));
     }
     static get is() { return "justifi-additional-statement"; }
     static get properties() {

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

@@ -36,7 +36,7 @@ export class CancellationPolicy {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'aea08e2f0b6e473563c2dc6013b31069136c4911' }, h("div", { key: '9218719e9e956ba07133cd2c6b001a0e17987c46', class: "row gy-3" }, h("div", { key: '255cf20c0e717a8fa0b7413d212a6709a9e596e5', class: "col-12" }, h("h2", { key: '2cf8304a39b2d6356a9ea6f7c7c1918af428da96', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '603f5ec85922a915a5c90cc541a815dda15ddad8', class: "col-12" }, h("form-control-textarea", { key: '82eea6470c44f71e162952c07363d8c2726dcaf9', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), h("div", { key: '1e6a7510617cf192fbd604d45be124eeb4add648', class: "col-12" }, h("form-control-textarea", { key: '961044ed4ed21d1706314b0c5c69408eb318a956', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), h("div", { key: '079294903db0fd69c0169ea92dd589c52e91e679', class: "col-12" }, h("form-control-file-v2", { key: 'a08630234a5f4654fc135bd3ac704127ecc302b4', label: "Upload Cancellation Policy", name: "cancellation_policy_file", onChange: this.handleFileSelection })))));
+        return (h("div", { key: 'a3547f9f1e7f9a00e08a63302138574b1e21ac77' }, h("div", { key: '5cb90af6d52f208e70e82abe7486f8f02320b94b', class: "row gy-3" }, h("div", { key: 'b042e320b7017a836f0d075ca9131dfeaf696eaf', class: "col-12" }, h("h2", { key: '6d055390874e5679f073a4641933aa979864c916', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: 'd05a7f01f33b16b887fcd08d8dbccd6656286cc6', class: "col-12" }, h("form-control-textarea", { key: 'd6a09e94f42aee41d7147be39df6cd1771ea4b36', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), h("div", { key: '4d72c534c23013caa94ba3f61a3570f742194c45', class: "col-12" }, h("form-control-textarea", { key: 'b63ddec49b8ca7e10b1a7003d6cbab7e22c667d6', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), h("div", { key: '13f3dddacbf160789af2364455e138ea156929b9', class: "col-12" }, h("form-control-file-v2", { key: '9f950b05c37edf21f342ef880d0c784df93b11d5', label: "Upload Cancellation Policy", name: "cancellation_policy_file", onChange: this.handleFileSelection })))));
     }
     static get is() { return "justifi-cancellation-policy"; }
     static get properties() {

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

@@ -36,7 +36,7 @@ export class CustomerDetails {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'd2de3bd04c9669399f9fedec4399a05ac310ed69' }, h("div", { key: '3f04107b1e74560103db25f99b03cd585b3421bd', class: "row gy-3" }, h("div", { key: 'e421dc7b298895407fbbb6148d67effcea8bc723', class: "col-12" }, h("h2", { key: 'bc4c8e02aad8233978b8fb23f2387d140cacd85f', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '9d578e5a681c449da348dff753809458e1389152', class: "col-12" }, h("form-control-text", { key: '7da1bb3641095a93b504b37d972e0a25bcee5131', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: 'f5f43784fb15dbdbe1dbd747c692d5a1d39b0c4e', class: "col-12" }, h("form-control-text", { key: '1caa70711c25f25b0b517c821852b21f6fa9b69e', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: '2f2ef97ac330b9a43deb257c10132260747f8faf', class: "col-12" }, h("form-control-textarea", { key: '11ede0b16ac7b8a2891ed10eaa89b3310b7aca93', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: '421f0e76563910baac247673ca0d73b79e46b071', class: "col-12" }, h("form-control-file-v2", { key: '0b22b4a895f35a99d529a1a6b29873010ff727a6', label: "Customer Signature", name: "customer_signature", onChange: this.handleFileSelection })), h("div", { key: 'dc7419f81931ca5d076ac0aa2aca59109f9b6e20', class: "col-12" }, h("form-control-file-v2", { key: '6dd57aa10711fcd2f1abc4a0f926ce47b31d78f6', label: "Customer Communication", name: "customer_communication", onChange: this.handleFileSelection })))));
+        return (h("div", { key: '7c8bb0293eee2006e4e8e7aa65a692b3ce211c43' }, h("div", { key: '677de6f4bbf636dbbba97f5a188b076985fc6f0a', class: "row gy-3" }, h("div", { key: 'b1044548517ab9bc2f8a873965e1f81fd98a6216', class: "col-12" }, h("h2", { key: 'e3c6706441eee0adbfdf540528511353686d1fb9', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '2e5e5eda8c07941358a02430aa06bcd4ce13a5ca', class: "col-12" }, h("form-control-text", { key: '6271fd7c5def3e501501f5a8af00bcbc77b5e67d', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: '4347830601eda422e863cbdd70cf4d9862d19fb2', class: "col-12" }, h("form-control-text", { key: '4dbb512ac5a81de067d2fb9c2b9edeffda1f199b', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: 'ee16ae4bd2ea9c4e3949af9705e05fd6709b7f5d', class: "col-12" }, h("form-control-textarea", { key: 'd2339c6ebc8ffbe24f68ce079f0d623f7107cf29', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: 'eff1fb76a8cab96b0fba6e7b8a1aab2b6dc405e7', class: "col-12" }, h("form-control-file-v2", { key: 'ece727a3d010e0ba4741874992ed3e92d711b338', label: "Customer Signature", name: "customer_signature", onChange: this.handleFileSelection })), h("div", { key: 'b585af6033d79e16a71ff8ff9ee34176910ae109', class: "col-12" }, h("form-control-file-v2", { key: '74473ea1ac14a7efaa4a0032bea1d2c4b5ca6339', label: "Customer Communication", name: "customer_communication", onChange: this.handleFileSelection })))));
     }
     static get is() { return "justifi-customer-details"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/dispute-response-core.js

@@ -153,7 +153,7 @@ export class DisputeResponseCore {
         return this.currentStep === 0;
     }
     render() {
-        return (h("div", { key: '672d92a8ac0fb7f28ab9f412ae4f3516a29824dc', class: "row gy-3" }, h("div", { key: '32113215c9eb6393d8d816f88715390fb5d9d604', class: "col-12" }, h("h1", { key: 'f224caa363ebd00d678485fd4cd2d1c646d6d8f5', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '49e6046f57a9b30e6746f28512cf311f1999bcc3', class: "col-12" }, this.currentStepComponent), h("div", { key: '6d843d19c9bf7ee026981bdc2ffd5108c25c741a', class: "col-12" }, h("div", { key: 'dd52a249cc37b3cfc912e04502caf96218cade78', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (h(Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (h(Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (h(Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (h(Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
+        return (h("div", { key: 'a031de7ea80f4f31c6e841be4b4640a8b7db7dcd', class: "row gy-3" }, h("div", { key: 'cd7ef54b4643e1a74022ed7c2e075e75076c4c44', class: "col-12" }, h("h1", { key: '705612783bc67e0d01f4d24e01c9c09d1b2a7362', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '72c35e89dc87377fe4dbcbb9fe2e2c1b58767a21', class: "col-12" }, this.currentStepComponent), h("div", { key: '37d85a8980293390f15b45271f8b2a8fa4cadb29', class: "col-12" }, h("div", { key: 'c3b281e02b19598b11acdb09a34212edf1745173', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (h(Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (h(Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (h(Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (h(Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
     }
     static get is() { return "justifi-dispute-response-core"; }
     static get properties() {

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

@@ -1,6 +1,5 @@
 import { h } from "@stencil/core";
 import { checkPkgVersion } from "../../../utils/check-pkg-version";
-import { config } from "../../../../config";
 import { StyledHost } from "../../../ui-components";
 import { makeCreateDisputeEvidence, makeUpdateDisputeResponse, makeSubmitDisputeResponse } from "./dispute-response-actions";
 import JustifiAnalytics from "../../../api/Analytics";
@@ -19,7 +18,7 @@ export class DisputeResponse {
         this.authToken = undefined;
         this.disputeId = undefined;
         this.disputeResponse = undefined;
-        this.apiOrigin = config.proxyApiOrigin;
+        this.apiOrigin = PROXY_API_ORIGIN;
     }
     componentWillLoad() {
         checkPkgVersion();
@@ -60,7 +59,7 @@ export class DisputeResponse {
         }
     }
     render() {
-        return (h(StyledHost, { key: 'f45d96fd372763ebc3f786c1d2f7e06e25185afc' }, h("justifi-dispute-response-core", { key: '8b551f97d8cb40f3f9e702a35b221faa8873e642', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
+        return (h(StyledHost, { key: '4c0cd0b8a082d9f2f4428868d88cbb9bde2a3a5d' }, h("justifi-dispute-response-core", { key: '58bbf7f5b2ce8efea0467efddfeffe3c752a3402', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
     }
     ;
     static get is() { return "justifi-dispute-response"; }
@@ -137,7 +136,7 @@ export class DisputeResponse {
                 },
                 "attribute": "api-origin",
                 "reflect": false,
-                "defaultValue": "config.proxyApiOrigin"
+                "defaultValue": "PROXY_API_ORIGIN"
             }
         };
     }

package/dist/collection/components/dispute-management/dispute-response/duplicate-charge.js

@@ -36,7 +36,7 @@ export class DuplicateCharge {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '00e332511293230ea1edf4c1ab3b5cae779cb11a' }, h("div", { key: 'd5273559c1cce126dadba74d7cd9296a06f9eab7', class: "row gy-3" }, h("div", { key: '0a8ed20053241dbb3e6a2e6255f72b99f4d71462', class: "col-12" }, h("h2", { key: '56be236c466893ca5bc3cf73cf345feeae5f25fc', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: 'bc0018fd6f471571f9a6e6c5fdbc131c48610773', class: "col-12" }, h("form-control-text", { key: '4bc56e12c31ab7189b879f58917cd373652b7a79', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), h("div", { key: 'f61547b546a44f04c8dd82c38c92fd221018a3ca', class: "col-12" }, h("form-control-textarea", { key: '1cb31176ebafb0f8641d96b5844cf8d8f09d5c59', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), h("div", { key: '86dbe8df7121c7c9e33d56785da70ff3204eab9b', class: "col-12" }, h("form-control-file-v2", { key: '38d6050f68271d8969fdfb652d571e2eeb0646fd', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: this.handleFileSelection })))));
+        return (h("div", { key: '3714de9262cead1d09db56792ba11b3357f54a0a' }, h("div", { key: '10d1612387d0d5085a1e98b761a59eff4fb8d9a9', class: "row gy-3" }, h("div", { key: 'b69b5b378e9104c5aa413a7099868b8376dac04c', class: "col-12" }, h("h2", { key: '39c935c74773c20de95b7f735e7efc11e1b16618', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '63531ffa973de2f6948ad61091467661cd22c917', class: "col-12" }, h("form-control-text", { key: '8a1346115f3e3c1e12e6b6fc50d816829dd218f6', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), h("div", { key: '7f6f5ba85681e208d2c5727c1d3d6512e43df99a', class: "col-12" }, h("form-control-textarea", { key: '4265b06d5980c7bea096c001f52d80180c20fec5', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), h("div", { key: '9bdfeb8fd8d334de4bf51d10e76752a28d54ff55', class: "col-12" }, h("form-control-file-v2", { key: '03062c1a7e8e2dc98cc8b43394562720843d4956', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: this.handleFileSelection })))));
     }
     static get is() { return "justifi-duplicate-charge"; }
     static get properties() {