@justifi/webcomponents 6.10.4 → 6.12.0

package/dist/collection/components/checkout/{checkout.js → justifi-checkout.js}

@@ -5,26 +5,7 @@ import { checkoutStore } from "../../store/checkout.store";
 import { checkoutSummary } from "../../styles/parts";
 import { StyledHost } from "../../ui-components";
 import { PAYMENT_METHODS } from "../modular-checkout/ModularCheckout";
-/**
- * @part font-family - Controls the font family for the component.
- * @part color - Controls the text color.
- * @part background-color - Controls the background color.
- * @part button - Button styles.
- * @part button-disabled - Disabled button styles.
- * @part input - Input field styles.
- * @part input-focused - Input styles when focused.
- * @part input-invalid - Input styles when invalid.
- * @part input-invalid-and-focused - Input styles when invalid and focused.
- * @part input-radio - Radio input styles.
- * @part input-checkbox - Checkbox input styles.
- * @part input-checkbox-checked - Checkbox input styles when checked.
- * @part input-checkbox-checked-focused - Checkbox input styles when checked and focused.
- * @part input-checkbox-focused - Checkbox input styles when focused.
- * @part button-primary - Primary button styles.
- * @part radio-list-item - Radio list item styles.
- * @part checkout-summary - Summary section of the checkout component.
- */
-export class Checkout {
+export class JustifiCheckout {
     constructor() {
         this.availablePaymentMethods = [];
         this.errorMessage = '';
@@ -69,9 +50,7 @@ export class Checkout {
         this.availablePaymentMethods = event.detail.availablePaymentMethodTypes;
     }
     async fillBillingForm(fields) {
-        var _a;
         checkoutStore.billingFormFields = fields;
-        (_a = this.tokenizePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.fillBillingForm(fields);
     }
     async validate() {
         var _a;
@@ -95,9 +74,9 @@ export class Checkout {
     }
     render() {
         var _a, _b;
-        return (h(StyledHost, { key: '6bbc4c4997d14ac9040b8f88075a7e9b53208d4c' }, h("justifi-modular-checkout", { key: '9b11e7df277e5e9f70cd8928f865a2e62cfc8293', ref: (el) => {
+        return (h(StyledHost, { key: '276ce9e43391eb3323bce08a465831038acf30b0' }, h("justifi-modular-checkout", { key: '9c111730403d0da1a6769b8a5d41b5517e210ece', ref: (el) => {
                 this.modularCheckoutRef = el;
-            }, authToken: this.authToken, checkoutId: this.checkoutId, preCompleteHook: this.preCompleteHook }, h("div", { key: 'c64981c31fd2d022f886b0613bd47bd0b0fe5f2a', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '8f01af25b281a19f7fc83451a44f63836efadc20', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: 'd729ed0b26c94e74d8ce824fcf97bd3002e3a9d0', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '9cc9863b1dd2531bda52e609bba5c7c8f9883cb1' }, h("justifi-checkout-summary", { key: '00f36de593e245982bfe03c8867881fedfb7d43f' }))), h("div", { key: '3fe5390d7b8b2fbcdbfff4b71d4b7c43ddae9ff6', class: "col-12 mt-4" }, h("slot", { key: '84fa5a7e7772124d7fa61a9317499618850eb0bb', name: "insurance" })), h("div", { key: 'c8d1553c6041c0e000eab9dc953a23aa089a3f90', class: "col-12 mt-4" }, h("justifi-header", { key: 'a08fc163ba437f767ab88d78ac55ae003b09a567', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: 'bff5fc2986d37bbe49a5253d43db55663ee7be74', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: 'f5ca969400444639b09e423b154e47abf89c731f', class: "d-flex flex-column" }, h("section", { key: 'b70209321ebefd161ae3113293c62fe953913f2e' }, h("div", { key: '4df7539a9b8d6b52d47ad32974a59ab2d366b4b2' }, this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: '023deb9a1d025e36cc2b07c3ea8144e0068ea470', class: "mb-3" }, h("justifi-apple-pay", { key: '4e52440f329bae25194e71fa30190218f5c1cecb' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.GOOGLE_PAY) && (h("div", { key: '83e12debb25e0ef095ca40d87054411396238754', class: "mb-3" }, h("justifi-google-pay", { key: 'ed6312e39ff4a98c819cf1853f416c6fbf845323', ref: (el) => (this.googlePayRef = el) }))), h("justifi-saved-payment-methods", { key: 'e059fda26ec54c4f908754663fa23f26c3df8f0c' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: '3d836539d5850abfd956b39bede6efad5954bdad', name: "paymentMethodType", value: PAYMENT_METHODS.SEZZLE, checked: ((_a = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.SEZZLE, label: h("justifi-sezzle-payment-method", { ref: (el) => (this.sezzlePaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.sezzlePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), this.availablePaymentMethods.includes(PAYMENT_METHODS.PLAID) && !this.disableBnpl && (h("justifi-radio-list-item", { key: 'ac0ac64e9f7586764e3f5671c74794c80ffcff54', name: "paymentMethodType", value: PAYMENT_METHODS.PLAID, checked: ((_b = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === PAYMENT_METHODS.PLAID, label: h("justifi-plaid-payment-method", { ref: (el) => (this.plaidPaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.plaidPaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), h("internal-tokenize-payment-method", { key: '894e7a5bfef2eefa5d045928bb6fab3b1f39bd5e', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkoutStore.paymentMethodGroupId }))))), h("div", { key: '2121952545d38693f11426ef8146b39956d4f427', class: "mt-4" }, h("justifi-button", { key: '5e7cf3c699048943df68c0506a34617d0b14bf07', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: this.isSubmitting, isLoading: this.isSubmitting, customStyle: { width: '100%', textAlign: "center" } }))))));
+            }, authToken: this.authToken, checkoutId: this.checkoutId, preCompleteHook: this.preCompleteHook }, h("div", { key: '3cdbc4de0fe612e5a929b27ed1397226d083ce61', class: "row gy-3 jfi-checkout-core" }, h("div", { key: 'f1bf2b80e876b96e5357cea7b0a95e2a846b36b6', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: '4eb043734efb5f8ed84c5160443ba4f23c5d6fd5', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '786c89b8aa65a73ad3d849f3abe12dec8530ecb2' }, h("justifi-checkout-summary", { key: 'af6a4dfaf6855cc00c1305321c773524bf4220af' }))), h("div", { key: 'a833b1ae983c26e102296d5c96d2b0cef75d318e', class: "col-12 mt-4" }, h("slot", { key: '69318d11beef612aca5b43233aa350410656f3df', name: "insurance" })), h("div", { key: 'd501f4e821acb8ae7b87bd404f7e198442d755b1', class: "col-12 mt-4" }, h("justifi-header", { key: 'a0e35a3c9e17c369cd3f6c20d0920a3b7ab0d762', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: 'c221cf0d0e2fdc5de6ba30932aba29cf5579c0da', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: 'f010223ce96209a7a5f658731f0addaf99c51a03', class: "d-flex flex-column" }, h("section", { key: 'ea9ea9732ecbdd979d75d5b5be8d3d289559de56' }, h("div", { key: 'ca177b32abef11c82c6a65b455aa4454c3484c9d' }, this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: 'ecb9df8b303bf743310b65253cd1033650f684ea', class: "mb-3" }, h("justifi-apple-pay", { key: 'b37003ac61eeeeba8319f9094cd64675953832d5' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.GOOGLE_PAY) && (h("div", { key: '3a21ba8424131d2ebd2c696e27450bb34c3f6206', class: "mb-3" }, h("justifi-google-pay", { key: 'c24d0b822d896e1ff2ae9125fdd8b91676f85676', ref: (el) => (this.googlePayRef = el) }))), h("justifi-saved-payment-methods", { key: '1c3d13b8e2b9731e4ff1a2b785bdba6b3041d616' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: 'cdbba68a8191b2e63db0fb1a9019f667fc1fe4e3', name: "paymentMethodType", value: PAYMENT_METHODS.SEZZLE, checked: ((_a = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.SEZZLE, label: h("justifi-sezzle-payment-method", { ref: (el) => (this.sezzlePaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.sezzlePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), this.availablePaymentMethods.includes(PAYMENT_METHODS.PLAID) && !this.disableBnpl && (h("justifi-radio-list-item", { key: '0318a8e1fb4f64fc9569269f55521372a43b403f', name: "paymentMethodType", value: PAYMENT_METHODS.PLAID, checked: ((_b = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === PAYMENT_METHODS.PLAID, label: h("justifi-plaid-payment-method", { ref: (el) => (this.plaidPaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.plaidPaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), h("justifi-tokenize-payment-method", { key: '3a1b799a08f03f1826dc91182a08e1df045bcdfc', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkoutStore.paymentMethodGroupId }))))), h("div", { key: '73f003bb884d04dca82657993fb006cc098355bd', class: "mt-4" }, h("justifi-button", { key: 'd39f8b5b10fe70fa99d48852af9535cf8b76354c', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: this.isSubmitting, isLoading: this.isSubmitting, customStyle: { width: '100%', textAlign: "center" } }))))));
     }
     static get is() { return "justifi-checkout"; }
     static get properties() {

package/dist/collection/components/checkout/{saved-payment-method.js → justifi-saved-payment-method.js}

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 import { CardBrandLabels } from "./payment-method-option-utils";
 import { radioListItem } from "../../styles/parts";
-export class SavedPaymentMethod {
+export class JustifiSavedPaymentMethod {
     constructor() {
         this.onPaymentMethodOptionClick = (e) => {
             e.preventDefault();
@@ -18,7 +18,7 @@ export class SavedPaymentMethod {
     ;
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: 'c69143079680d44157ee7df3b344de8a841ac51d', class: "payment-method" }, h("div", { key: '16bb3b07ed7fa23efde64b92302b5f7f51958fc4', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: 'aa4b30d36088b1c1c71710e05c3746c03254629b', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${CardBrandLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.brand] || ''} *${(_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.acct_last_four}` }))));
+        return (h(Host, { key: 'fe98650c6e07078a56803a0c6191bae953c46ee7', class: "payment-method" }, h("div", { key: 'ec7feef41b74992bef8968e35bd206366e568ba9', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '423d813709707272bb22e309f18cc0a72031dd01', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${CardBrandLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.brand] || ''} *${(_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.acct_last_four}` }))));
     }
     static get is() { return "justifi-saved-payment-method"; }
     static get properties() {

package/dist/collection/components/checkout/save-new-payment-method/justifi-save-new-payment-method.js

@@ -0,0 +1,73 @@
+import { h } from "@stencil/core";
+import { StyledHost } from "../../../ui-components";
+export class JustifiSaveNewPaymentMethod {
+    constructor() {
+        this.label = 'Save New Payment Method';
+    }
+    render() {
+        return (h(StyledHost, { key: '58ca6f98ace8aba5658fa38215b0c0756907ce9f' }, h("save-new-payment-method", { key: '6bfd3950c0bdf26bca6866ebf1b155ac39466516', label: this.label, hidden: this.hidden, onCheckboxChanged: (e) => this.checkboxChanged.emit(e.detail) })));
+    }
+    static get is() { return "justifi-save-new-payment-method"; }
+    static get encapsulation() { return "shadow"; }
+    static get properties() {
+        return {
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "label",
+                "defaultValue": "'Save New Payment Method'"
+            },
+            "hidden": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "hidden"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "checkboxChanged",
+                "name": "checkboxChanged",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                }
+            }];
+    }
+}

package/dist/collection/components/checkout/{save-new-payment-method.js → save-new-payment-method/save-new-payment-method.js}

@@ -1,6 +1,5 @@
-import { h } from "@stencil/core";
-import { StyledHost } from "../../ui-components";
-import { checkoutStore } from "../../store/checkout.store";
+import { h, Host } from "@stencil/core";
+import { checkoutStore } from "../../../store/checkout.store";
 export class SaveNewPaymentMethod {
     constructor() {
         this.label = 'Save New Payment Method';
@@ -12,10 +11,9 @@ export class SaveNewPaymentMethod {
         };
     }
     render() {
-        return (h(StyledHost, { key: '981f6a84fc14a7b687e1b6567b30fb9f861b0aa2' }, h("form-control-checkbox", { key: '566f6261d19f96b87b9382b26a86b71461a29d08', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
+        return (h(Host, { key: 'a5ecfa60f9f55bdb91343394c1dd5bea542c20ed', hidden: this.hidden }, h("form-control-checkbox", { key: '282476dea11415eeec68336577ff17a5c03baad2', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
     }
-    static get is() { return "justifi-save-new-payment-method"; }
-    static get encapsulation() { return "shadow"; }
+    static get is() { return "save-new-payment-method"; }
     static get properties() {
         return {
             "label": {
@@ -37,6 +35,25 @@ export class SaveNewPaymentMethod {
                 "reflect": false,
                 "attribute": "label",
                 "defaultValue": "'Save New Payment Method'"
+            },
+            "hidden": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "hidden"
             }
         };
     }

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

@@ -118,7 +118,7 @@ export class CheckoutsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '54239d9ac3afe4d4594d523f9b84b5bf852190b7' }, h(TableComponent, { key: '0c466e435625f08326fc521690c055648a0d3a6e' }, h(TableHead, { key: '6ac0b1a9bf3d42eb5bac5910f341c84a75d15eaa' }, h(TableHeadRow, { key: '171cc43a933be88dcfe2385414d6368755a66a00' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '238b814cfb2e27fa0ae0aee319da04fb7a9da477' }, h(TableLoadingState, { key: '3e73b173a14edea582ee06caa248dd31bf7e8971', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'cd2ec244aa3663f4255f245727790c30c28438f7', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'e2f458e70836a01cca79aa6e43c7d8a89bfa593d', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '97d1c34429fba943a752e9ece7348dd19d742c68' }, h(TableFootRow, { key: '252e8f76070a8a6a531c710cf36117a04625271a' }, h(TableFootCell, { key: 'a3fcfa5e6a90cac15348a387f65fa5b7ed2517f8', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: 'e4fa2774647748fd12c3742b3dd078aee8fdf483', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '206c2b631670e6ccf7660273e890f2b0425cd9ec' }, h(TableComponent, { key: 'f67fc11b090798d876b48334a182f2aeb103aaf6' }, h(TableHead, { key: '8dd36bc8e6438541bb4e46a6410d3aeb079a6d7a' }, h(TableHeadRow, { key: '26282d45f866e26d466dfd65f5b941dd3a1007ca' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '6448768d21f47bfc4a6386ab503d9c59d437c9ca' }, h(TableLoadingState, { key: 'ae8d744bd47cccf76b672b965361231e1757c9f2', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'b68fa34426e974c9a06820fad2dbebb2065a99b3', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'c68c955243beeb25a1a2767e1ae6f749bfd6df6e', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'abb611ae3404761e480462dd509cc604cb55da08' }, h(TableFootRow, { key: '016c2e323923a37c0e5fa00bf42b12104cc7f9b3' }, h(TableFootCell, { key: '29ad5c6edb3a80b6a1806511b6622ee2972fbb62', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '1263c60aa0b8d53a70dafce8602d75012f07567e', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "checkouts-list-core"; }
     static get properties() {

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

@@ -4,8 +4,8 @@ import { ICheckoutPaymentModeParam, ICheckoutStatus } from "../../api";
 import { filterParams, propsParams, clearParams } from "./checkouts-list-params-state";
 import { StyledHost } from "../../ui-components";
 import { convertToLocal, convertToUTC } from "../../utils/utils";
-import { checkoutsListFilterMenu, paymentModeCheckoutsListFilterParam, statusCheckoutsListFilterParam, checkoutIdCheckoutsListFilterParam, createdAfterCheckoutsListFilterParam, createdBeforeCheckoutsListFilterParam } from "../../styles/parts";
-export class CheckoutsListFilters {
+import { filterMenu, filterParam } from "../../styles/parts";
+export class JustifiCheckoutsListFilters {
     constructor() {
         this.setParamsOnChange = (name, value) => {
             filterParams[name] = value;
@@ -22,6 +22,7 @@ export class CheckoutsListFilters {
             status: this.checkoutStatus,
             payment_mode: this.paymentMode,
             checkout_id: this.checkoutId,
+            successful_payment_id: this.successfulPaymentId,
             created_after: this.createdAfter,
             created_before: this.createdBefore
         };
@@ -50,9 +51,9 @@ export class CheckoutsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '026d871e88f893ee2d565b13c72bdafaeedc1f9c' }, h("table-filters-menu", { key: 'a64b6212c54729cf08d0211720b815837187018b', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: '11897ce900abc322fa0107516d350f53a857aa1c', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '9f926a008dc275e53aa1d82c09410e4f65b4221e', class: "p-2" }, h("form-control-text", { key: '57020a2320f442a0ee0a6ffa443f88dea855b651', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: checkoutIdCheckoutsListFilterParam })), h("div", { key: '40c6e5e2e342573fcb6e1f34309e324ca2a9ee2c', class: "p-2" }, h("form-control-select", { key: '7c70d0d6bdc322fc9682b3c64393778642fe8ad4', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: '51eb0d4cf8d3f9643af1f5fb8ef2e0908ebb18d3', class: "p-2" }, h("form-control-select", { key: '47352ceaa0f989533c366d68228cc2752ef12fec', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam })), h("div", { key: 'cee7d5487e1b4f6dd6c25230c012d69b97326392', class: "p-2" }, h("form-control-date", { key: '0b6e3821eda78c9dca9797d965020636ab31c9b9', 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: createdAfterCheckoutsListFilterParam })), h("div", { key: 'd4b38febbc6763c828761bb5eab3594bd3c29f9d', class: "p-2" }, h("form-control-date", { key: '3729809c6ec729c2c2887d722e16e29a9f405b09', 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: createdBeforeCheckoutsListFilterParam }))))));
+        return (h(StyledHost, { key: '1cb9ac7fa93fd89d27274da2dc387f03f4243b81' }, h("table-filters-menu", { key: '6b558a243b25c44f0ac284f22e4696fd5b0f0e8a', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '9cda920e54a705a1f410eeb6643ff2b15df23773', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '027f1e03e3bb915d7946b0a085594e3ff22f009e', class: "p-2" }, h("form-control-text", { key: '188c38569a0319ba325e5818785e787404adb277', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: filterParam })), h("div", { key: '9cc16df991e6d53071936066726e513e7bfad4a9', class: "p-2" }, h("form-control-text", { key: '1424a8cd91e255240c1691829cc8cabd5bf0f272', name: "successful_payment_id", label: "Successful Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.successfulPaymentId || filterParams.successful_payment_id, disabled: !!this.successfulPaymentId, part: filterParam })), h("div", { key: 'b4ce6ffbf54f46d97c4c8ded6504c71094adefc2', class: "p-2" }, h("form-control-select", { key: '5958c25818358ee30fe1d18b1c61ac02ca26eb19', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: filterParam })), h("div", { key: 'd9f662459748fd0a9c708b6133b0a3cc4b7822d5', class: "p-2" }, h("form-control-select", { key: 'b7d407a70a87c46db06c5ba60046a2a56f7efe4e', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: filterParam })), h("div", { key: '34e34871187a8b59d07ae00e9cf21e3fc16a12c0', class: "p-2" }, h("form-control-date", { key: '366cf1b96110c7fd78d235235d27cf5c23da503f', 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: filterParam })), h("div", { key: 'b697e3cf585e865fc641f1264de60fcd010a2524', class: "p-2" }, h("form-control-date", { key: '2b63526cd171b9e9e84e58c43b45edf0c004baa3', 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: filterParam }))))));
     }
     static get is() { return "justifi-checkouts-list-filters"; }
     static get encapsulation() { return "shadow"; }
@@ -127,6 +128,25 @@ export class CheckoutsListFilters {
                 "reflect": false,
                 "attribute": "checkout-id"
             },
+            "successfulPaymentId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "successful-payment-id"
+            },
             "createdAfter": {
                 "type": "string",
                 "mutable": false,

package/dist/collection/components/checkouts-list/{checkouts-list.js → justifi-checkouts-list.js}

@@ -8,7 +8,7 @@ import { SubAccountService } from "../../api/services/subaccounts.service";
 import { makeGetSubAccounts } from "../../actions/sub-account/get-subaccounts";
 import { StyledHost } from "../../ui-components";
 import { defaultColumnsKeys } from "./checkouts-table";
-export class CheckoutsList {
+export class JustifiCheckoutsList {
     constructor() {
         this.errorMessage = null;
         this.columns = defaultColumnsKeys;
@@ -62,7 +62,7 @@ export class CheckoutsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '08345e8bbe637cea344a232da2302bd0298a5ac9' }, h("checkouts-list-core", { key: '7aa34a0537810197cf6962d1a89e12e9ad9d8eea', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '96153624befeb889e49caa063c64596eb38e38ff' }, h("checkouts-list-core", { key: 'b2ced4d610511630d73498422db88be9fac50b15', 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"; }

package/dist/collection/components/config-provider/{config-provider.js → justifi-config-provider.js}

@@ -1,5 +1,5 @@
 import { setConfigState } from "./config-state";
-export class ConfigProvider {
+export class JustifiConfigProvider {
     constructor() {
         this.apiOrigin = PROXY_API_ORIGIN;
         this.iframeOrigin = IFRAME_ORIGIN;

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 import { DisputeManagementClickActions } from "./event-types";
 import { Dispute, DisputeStatus } from "../../api/Dispute";
-export class DisputeManagementCore {
+export class JustifiDisputeManagementCore {
     constructor() {
         this.isLoading = true;
         this.showDisputeResponseForm = false;
@@ -46,7 +46,7 @@ export class DisputeManagementCore {
         });
     }
     render() {
-        return (h("div", { key: '7e809ceb46aa6ae412d9dc554966cc181b77cc64' }, 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: 'cd1da1a29b989475098809875dc6b31538696106' }, 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-response/dispute-response-core.js

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 import { DisputeManagementClickActions } from "../event-types";
 import { heading4 } from "../../../styles/parts";
 import { Button } from "../../../ui-components/button";
-export class DisputeResponseCore {
+export class JustifiDisputeResponseCore {
     constructor() {
         this.disputeResponse = {};
         this.isLoading = false;
@@ -156,7 +156,7 @@ export class DisputeResponseCore {
         return this.currentStep === 0;
     }
     render() {
-        return (h("div", { key: '8b0f0f810ad0bbc57489862ae5159fae8cbad746', class: "row gy-3" }, h("div", { key: 'ca6e73df82123a344b4a28efae395e8b9c931258', class: "col-12" }, h("h1", { key: 'bb78dcfd69d0b747cf1b1865bf463518ae18b442', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '7179e0a6fdb89024d613f897db2cf313255494fd', class: "col-12" }, this.currentStepComponent), h("div", { key: '9219e8b3213c494adef926077f35c298588053c0', class: "col-12" }, h("div", { key: '73c2fd1a8440c19f468610ec02a7cfa6eddecb7e', 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: '6e6144583a9d91a9484e435520c99c0dd1a525cf', class: "row gy-3" }, h("div", { key: 'abebf9a30d2e972e5a0a30475c629382849f3ed9', class: "col-12" }, h("h1", { key: 'e12a989f411a995731ec8bc44b3aaa1476b24622', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: 'a7ad7c2043b98b18c540e81c54d8d1bfaac07b3d', class: "col-12" }, this.currentStepComponent), h("div", { key: 'afaaccf31baa88a8202beabe820891e374da882c', class: "col-12" }, h("div", { key: 'cd98ab52c18070aa01c3b5bed5a84c5daa0f6bf6', 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/{additional-statement.js → justifi-additional-statement.js}

@@ -4,7 +4,7 @@ import AdditionalStatementSchema from "./schemas/additional-statement-schema";
 import { DisputeResponseFormStep } from "./dispute-response-form-types";
 import { heading5 } from "../../../styles/parts";
 import fileInputHandler from "./file-input-handler";
-export class AdditionalStatement {
+export class JustifiAdditionalStatement {
     constructor() {
         this.documentErrors = {};
         this.errors = {};
@@ -29,7 +29,7 @@ export class AdditionalStatement {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'd52503cf5815f53c655754d07b1bc1cc7401d07f' }, h("div", { key: 'b7c4c06c3bd77afbd5cd9f96158eaf3161425f0b', class: "row gy-3" }, h("div", { key: '33836b54b773763a8657afc90331cc67045d4b71', class: "col-12" }, h("h2", { key: 'fef897d53f97e665210ead7210041dcf5ce816a1', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '26afd31b03e4d399e4c6032ea9c1bdee54d830be', class: "col-12" }, h("form-control-textarea", { key: '4fd907f2de7d8239d9665583d88b656aa0e0a311', 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: '7775cf2e4ee5d27a1c703a9bd3710f6ec2b2f09f', class: "col-12" }, h("form-control-file-v2", { key: '7155276e45b54d1c70ba37a778d8ebc69a626b8f', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.uncategorized_file })))));
+        return (h("div", { key: '38afa726961618a321faa0a0653fe13c933cc5d4' }, h("div", { key: 'dcf1bbb019196719fe2f08cb38542d9e4af21797', class: "row gy-3" }, h("div", { key: '30bf5043e78ba03e1cb90b931a2b9b9b7aaf8317', class: "col-12" }, h("h2", { key: '176b0cbd82fc611521355d2ebb472bf21ad88790', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '67802f033535941d8e78c345c642ba1cc009eb61', class: "col-12" }, h("form-control-textarea", { key: '947ddec697cc65faa174ec121a6fcc501a3a3ebd', 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: '9c0469c54fcc5f160963d605d9503899070e9ab8', class: "col-12" }, h("form-control-file-v2", { key: 'b2fb3203125da6ab27948911f8b83bcfdd845496', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.uncategorized_file })))));
     }
     static get is() { return "justifi-additional-statement"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/{cancellation-policy.js → justifi-cancellation-policy.js}

@@ -4,7 +4,7 @@ import CancellationPolicySchema from "./schemas/cancellation-policy-schema";
 import { DisputeResponseFormStep } from "./dispute-response-form-types";
 import { heading5 } from "../../../styles/parts";
 import fileInputHandler from "./file-input-handler";
-export class CancellationPolicy {
+export class JustifiCancellationPolicy {
     constructor() {
         this.documentErrors = {};
         this.errors = {};
@@ -28,7 +28,7 @@ export class CancellationPolicy {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '7e324ceb101b39f115b802eaaba72bc1244d944f' }, h("div", { key: '09051fac8c49c6ffc52e37d5027a353a8e4fe8ae', class: "row gy-3" }, h("div", { key: '6c8c50593dca3155a708ec25f3189be54df3e3b9', class: "col-12" }, h("h2", { key: 'bdffa3a4ea564d715c377ffe2b97c7ec59600ed5', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '376a234708050ff8079db49dd42e28eabbd2d5ce', class: "col-12" }, h("form-control-textarea", { key: '2b6a803b276cf3c73e2a3745cd09c9b797265127', 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: '52d22aae6cca0dd3215d545957d130564ae673e5', class: "col-12" }, h("form-control-textarea", { key: '170191a065345416f68bb0abfa72b59318c65ed6', 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: 'cb5e7e12104574a061139fd882c9da41e8ffadbb', class: "col-12" }, h("form-control-file-v2", { key: '7c09d5592ac3584e134f8a1a3d0aeca0c2cf4373', label: "Upload Cancellation Policy", name: "cancellation_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.cancellation_policy })))));
+        return (h("div", { key: '11292b7523ea77a978c03e8a349da8d2bdbb12eb' }, h("div", { key: '9ede1868d00b7df2a6e4af76bf6203a26988f20b', class: "row gy-3" }, h("div", { key: '409a15cb80914863ffcbba73eea6e706393bf1b0', class: "col-12" }, h("h2", { key: '4012cfad95101c0372b8ed6b6f7f3e093e28869b', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '89093d799883ff5673cbacd838c5ca3e2fa47f54', class: "col-12" }, h("form-control-textarea", { key: '2646ab607bc3360ecc6491314a3e09bdc01f6597', 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: 'ab8fb47510394ff89854e8fbc74ec27ef071f227', class: "col-12" }, h("form-control-textarea", { key: '8b1cbcf64fa6b7af0f3389304fd86a9d1550f957', 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: '13f905a58086f5955ff39c39646f92c900a6b125', class: "col-12" }, h("form-control-file-v2", { key: 'a9dd3168ba628bb18c713618dec8c584345ca1db', label: "Upload Cancellation Policy", name: "cancellation_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.cancellation_policy })))));
     }
     static get is() { return "justifi-cancellation-policy"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/{customer-details.js → justifi-customer-details.js}

@@ -4,7 +4,7 @@ import CustomerDetailsSchema from "./schemas/customer-details-schema";
 import { DisputeResponseFormStep } from "./dispute-response-form-types";
 import { heading5 } from "../../../styles/parts";
 import fileInputHandler from "./file-input-handler";
-export class CustomerDetails {
+export class JustifiCustomerDetails {
     constructor() {
         this.documentErrors = {};
         this.errors = {};
@@ -28,7 +28,7 @@ export class CustomerDetails {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '2a284179b0e885a49328aea3de640ac89a721a50' }, h("div", { key: 'aa7da787c2438af27988aa66ee14a980f3b06b9b', class: "row gy-3" }, h("div", { key: '7866c966658406e25a7a96f8b625dff4cd01fae9', class: "col-12" }, h("h2", { key: '16232b46708a785c70fb1160d45f71457517f146', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: 'fa470479d54a9c68543f01f5aa8168b31345c558', class: "col-12" }, h("form-control-text", { key: 'b0908d5cf478b70081ae376f52f37539cfe6cd4f', 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: 'a74a0dc1a29526fc24a4ed85b51152679f6cf557', class: "col-12" }, h("form-control-text", { key: 'e212808991ff68e64ef07fe216b30d9ef53f1876', 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: '588cd9e061aeb50c7b1a427cf961a594b20543e2', class: "col-12" }, h("form-control-textarea", { key: '03792e2bd58e6f83605bd6d8694ecd52c69f7bf9', 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: 'e82bcb4a124a371349a61446ed80bfc2ddff6447', class: "col-12" }, h("form-control-file-v2", { key: '177fd69a1d5fd956e875651f28f3b52673ca7b3b', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), h("div", { key: '0e1b09ec74a570e5eae6378c0789147b2a8a9f41', class: "col-12" }, h("form-control-file-v2", { key: '07eaaa242425f54482c5bf1c45bbb64b7b0eb032', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
+        return (h("div", { key: '1e845fde4aacb950ac4afd82009eb6112af830ef' }, h("div", { key: 'dbc565d42c828f56243640d269504a95b0ff69c7', class: "row gy-3" }, h("div", { key: '8fbd8fe29ae216a8759294410d8fd0cbd8c65b5e', class: "col-12" }, h("h2", { key: 'b852cb824cc6a0990f0e4eee04702f36ef306cc2', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: 'fc42b78ae5858be0ae521ac830ef5857943f6c58', class: "col-12" }, h("form-control-text", { key: 'c9dfe20609704edef7a2b6ffa3d3e063c3168b73', 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: '53ceaebddfeeaad586f1924d16eaaad661ebf7a7', class: "col-12" }, h("form-control-text", { key: '94e4d2fc711c157ae3c9a1addffa5022fc493afa', 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: '1a656f6dfddf5e090bb098ceab9ed235b6b06ca5', class: "col-12" }, h("form-control-textarea", { key: '5e49323c520019c96eb50bb7573cf45c85848cd2', 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: 'cc105778397e49917c91d5d2d57b1b505cf07cb4', class: "col-12" }, h("form-control-file-v2", { key: 'db4069f39ff645156810a0c9e265716b33257c2a', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), h("div", { key: 'b7ba5f79d854fbc22052873772309e8fb02e865b', class: "col-12" }, h("form-control-file-v2", { key: '49add3b24bd1471ccd2362910d1c9487dc4faedd', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
     }
     static get is() { return "justifi-customer-details"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/{dispute-response.js → justifi-dispute-response.js}

@@ -5,7 +5,7 @@ import { makeCreateDisputeEvidence, makeUpdateDisputeResponse, makeSubmitDispute
 import JustifiAnalytics from "../../../api/Analytics";
 import { ComponentErrorCodes, ComponentErrorSeverity } from "../../../api/ComponentError";
 import { DisputeService } from "../../../api/services/dispute.service";
-export class DisputeResponse {
+export class JustifiDisputeResponse {
     constructor() {
         this.errorMessage = null;
         this.apiOrigin = PROXY_API_ORIGIN;
@@ -55,7 +55,7 @@ export class DisputeResponse {
         }
     }
     render() {
-        return (h(StyledHost, { key: '68bf041be58383d3df181d84e0773bb71fd4ed96' }, h("justifi-dispute-response-core", { key: '76af71dd1a21bedf10406aa2cd6d93bfad5b5746', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
+        return (h(StyledHost, { key: '56ad3468b96e715b7ec7ca5a22a7a14f309cf61b' }, h("justifi-dispute-response-core", { key: '40ebf7b84bb81480df6eebc0b327bda5e2838f48', "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"; }
@@ -108,8 +108,9 @@ export class DisputeResponse {
                     "resolved": "DisputeResponse",
                     "references": {
                         "DisputeResponse": {
-                            "location": "global",
-                            "id": "global::DisputeResponse"
+                            "location": "import",
+                            "path": "../../../api",
+                            "id": "src/api/index.ts::DisputeResponse"
                         }
                     }
                 },

package/dist/collection/components/dispute-management/dispute-response/{duplicate-charge.js → justifi-duplicate-charge.js}

@@ -4,7 +4,7 @@ import DuplicateChargeSchema from "./schemas/duplicate-charge-schema";
 import { DisputeResponseFormStep } from "./dispute-response-form-types";
 import { heading5 } from "../../../styles/parts";
 import fileInputHandler from "./file-input-handler";
-export class DuplicateCharge {
+export class JustifiDuplicateCharge {
     constructor() {
         this.documentErrors = {};
         this.errors = {};
@@ -28,7 +28,7 @@ export class DuplicateCharge {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'bfd32a0d9ae4fb268939513d5206912e6e60b499' }, h("div", { key: '2c41e7c7b33d711a7a4c76c4a3fccb569e9e9a44', class: "row gy-3" }, h("div", { key: '5cc774a79845c5899c1d34e402db5876cbf3e438', class: "col-12" }, h("h2", { key: '4f26c3cd1e6035100d9837bfbc9e8fda96b4b04e', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: 'e8f259b79ad4b0378ba9608499407e1f5506e962', class: "col-12" }, h("form-control-text", { key: 'abe5a8f45e4839d6c22e7a43b2561148226fa3f9', 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: '73f01e8f48b828b4469bd9a12ed20373e3a68ffe', class: "col-12" }, h("form-control-textarea", { key: '9d2779988e2fc60c4284a874b512a214a2f84831', 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: '77393e15774fbce72f9051414a8d92c07a7b8a00', class: "col-12" }, h("form-control-file-v2", { key: 'c89b9fe51f969e0eeaf34a0a1d5aa3e94374d26d', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.duplicate_charge_documentation })))));
+        return (h("div", { key: 'd79028dfc1949c6bf9f9c77bf427f6fea94c5cee' }, h("div", { key: '7f05dd0a6ad675d1acfbf6b6dedda12914092a42', class: "row gy-3" }, h("div", { key: '35a65eaf672b11812482eeb241e15ea7828f8b1a', class: "col-12" }, h("h2", { key: '91ead89be2f1497469ac63266ddb922f47223da2', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '89f7a88c0d068368f0b730e501f45183e065a1f2', class: "col-12" }, h("form-control-text", { key: 'c35b090d20419d40dfde1a88ec34afbcbf8ab0b2', 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: 'c3126552f55721c8faa39bb6c65de9740778a9e9', class: "col-12" }, h("form-control-textarea", { key: '014d8ffbcddccd883d655a2f9dd4f1443c81bf3c', 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: '050e60f3b5dfe80ad1cd0b7de8472667a1c32651', class: "col-12" }, h("form-control-file-v2", { key: '3f7610825c63c979655f80c68e475a7dd463956e', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.duplicate_charge_documentation })))));
     }
     static get is() { return "justifi-duplicate-charge"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/{electronic-evidence.js → justifi-electronic-evidence.js}

@@ -4,7 +4,7 @@ import ElectronicEvidenceSchema from "./schemas/electronic-evidence-schema";
 import { DisputeResponseFormStep } from "./dispute-response-form-types";
 import { heading5 } from "../../../styles/parts";
 import fileInputHandler from "./file-input-handler";
-export class ElectronicEvidence {
+export class JustifiElectronicEvidence {
     constructor() {
         this.documentErrors = {};
         this.errors = {};
@@ -28,7 +28,7 @@ export class ElectronicEvidence {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '6d2edd78d7560d7f4c1b649b6682d9565642a471' }, h("div", { key: '943bb135558ddd1b77584348e1dc7a78eea9bf95', class: "row gy-3" }, h("div", { key: '114e921a4f2cfdb130c9a8fde298a8ffe2744662', class: "col-12" }, h("h2", { key: 'd2e5515b640557162bb8856fdc1bbd778b4cdab1', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: '99e45755978c66b8ba8bd4ac3c57015900fc4aaf', class: "col-12" }, h("form-control-text", { key: 'f2d9724bfdd36297a72240d0709b777acc41566d', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), h("div", { key: 'fedc63aa2a66f0b65dd10bdb80973031813a5106', class: "col-12" }, h("form-control-file-v2", { key: '4c83a23b83af34e14575673377a1ed5ec6af0c63', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.activity_log })))));
+        return (h("div", { key: 'f7b24599316e8545d61370c50d28cbf5e0d90985' }, h("div", { key: 'd1edc60194b573078d5701a14e16ef0dd8f6b45d', class: "row gy-3" }, h("div", { key: '4b7e12eb4a9b41b30d7c85334691136280679210', class: "col-12" }, h("h2", { key: 'b9e3721e4ff6610da877f49e263ef84b86cd81ea', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: 'b90b4c712c5bd02a0bf8911fcaae7b907c1a216f', class: "col-12" }, h("form-control-text", { key: '468f44dc9b907b4b21e387a511e7995f88d0c53c', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), h("div", { key: '563a949612a21b8434b80c5c025aa79567aa54a4', class: "col-12" }, h("form-control-file-v2", { key: '467fbd2f55a85134b73d23764845038b7f2415ba', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.activity_log })))));
     }
     static get is() { return "justifi-electronic-evidence"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/{product-or-service.js → justifi-product-or-service.js}

@@ -4,7 +4,7 @@ import ProductOrServiceSchema from "./schemas/product-or-service-schema";
 import { DisputeResponseFormStep } from "./dispute-response-form-types";
 import { heading5 } from "../../../styles/parts";
 import fileInputHandler from "./file-input-handler";
-export class ProductOrService {
+export class JustifiProductOrService {
     constructor() {
         this.documentErrors = {};
         this.errors = {};
@@ -28,7 +28,7 @@ export class ProductOrService {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '39e0aa0809a7f31075914992db63b4692e90c8f7' }, h("div", { key: '22ac8468a1f393d953674eb9df6ad8b8b841c809', class: "row gy-3" }, h("div", { key: 'b1f46f086d396273166299dd8bd529e79107f13a', class: "col-12" }, h("h2", { key: 'e1fdc1f37af032ae5f5616339e314185d9934f3d', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '1a23b1efc62e0d3b9d024794839fd471a50386ff', class: "col-12" }, h("form-control-text", { key: '309456cdc1d555c6a650701fbea26e86f6c361e8', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: 'd4ca284ae38f394ee2ab89133648bf8948ccd4db', class: "col-12" }, h("form-control-date", { key: 'af3d48ac5b43ece0163f6ea35f5da50894790167', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: 'fd55750e38937249a235870dd447efa9be17f19b', class: "col-12" }, h("form-control-file-v2", { key: 'c8c8bd2bb80a4dfc4b28907433673ed60bfedf8d', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
+        return (h("div", { key: '78ae891c29d08c3416f23a1a3f79f4748d76ab40' }, h("div", { key: '88c19ce6ceeaaa77cbd5aaed3b2bb171c0fed44c', class: "row gy-3" }, h("div", { key: '30a2df0197d01b911dce05df5b3340aab8b6af04', class: "col-12" }, h("h2", { key: 'ba463f9c6dbf9b28aa966b90b911c782cf14a6a3', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '19d497710739b9272f24ed5e1ab0ad265dfe1c3d', class: "col-12" }, h("form-control-text", { key: 'c6d921f51c08b5e4c6a0280b0dcb45bba9885f3e', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: '3074df432c0f3959179237113eef15761dcbb5fb', class: "col-12" }, h("form-control-date", { key: '8edd606a143654dc458b70f9c67f1874223bb700', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: 'dafb0b4514cdb1e87f02a92cd80d97b553519a3d', class: "col-12" }, h("form-control-file-v2", { key: '32af43dfd6b9f569723db219eb9db5c7f531df55', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
     }
     static get is() { return "justifi-product-or-service"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/{refund-policy.js → justifi-refund-policy.js}

@@ -4,7 +4,7 @@ import RefundPolicySchema from "./schemas/refund-policy-schema";
 import { DisputeResponseFormStep } from "./dispute-response-form-types";
 import { heading5 } from "../../../styles/parts";
 import fileInputHandler from "./file-input-handler";
-export class RefundPolicy {
+export class JustifiRefundPolicy {
     constructor() {
         this.documentErrors = {};
         this.errors = {};
@@ -28,7 +28,7 @@ export class RefundPolicy {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: '7cee5ba256884cd7c605ecf15bb053491638d152' }, h("div", { key: '532fbf2796589fa07689891b645689251775fdd4', class: "row gy-3" }, h("div", { key: '3b09609d869fc9e88759cedb6dcf1f8a568e0d93', class: "col-12" }, h("h2", { key: '0322bce2a6c761e4c49f5c0fd7a200b3255c5dee', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '260dec4ba14d062998001f13ed26108b0eb45e56', class: "col-12" }, h("form-control-textarea", { key: '0ed21b81a6a708708179b3a163bb816b9d0a497e', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: '2c1877075ada904c565f4556c7fe00021d85b137', class: "col-12" }, h("form-control-textarea", { key: '58b3c47e543a2f7a82010b47772b22329de8ed0e', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: '990fe61c90b2be5d198d31fb0c5165fbbcc8d96e', class: "col-12" }, h("form-control-file-v2", { key: '6f725675ab78150e3005754475577f96d796a0d0', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), h("div", { key: '65eb12d67c8d84e55bc590454222b0cb8c17512f', class: "col-12" }, h("form-control-file-v2", { key: 'f8dae47642c8c41c079180075f89ebc9ca7812a7', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
+        return (h("div", { key: 'ce05a5b2408f95dfef0d3c24edb62c34f992bc61' }, h("div", { key: '41972a8136487f319d09181b110f4be93bd8846c', class: "row gy-3" }, h("div", { key: 'bf66351a5e8f5824e333addfacafba157728d9c7', class: "col-12" }, h("h2", { key: '2d5e8505b2c38dde873677ab55841cce229d29a9', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: 'cce914921aadf8d18e5f455690c54f154dda7e96', class: "col-12" }, h("form-control-textarea", { key: '5d59ffe00ba84d2c7fbfc4151bc86fb55b216907', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: '01b51f496e0d064b8fec8ad5f992f9c19a7b0d2c', class: "col-12" }, h("form-control-textarea", { key: '580e58a7f90af35c187cc01b93f847b939bf7dbc', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: '5e428dee0d8e6a06bc9e1e0bb15c7f4d1fafe8dc', class: "col-12" }, h("form-control-file-v2", { key: 'c7b1eac64ac72c4fd8299f1bafd23299e3b6057d', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), h("div", { key: 'e06b9507f5b91db6241d5d9628179aa946263097', class: "col-12" }, h("form-control-file-v2", { key: '36a8dee9bf6f60ff705440fb9fd727be1fa11209', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
     }
     static get is() { return "justifi-refund-policy"; }
     static get properties() {