@justifi/webcomponents 6.11.0 → 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

@@ -5,7 +5,7 @@ import { filterParams, propsParams, clearParams } from "./checkouts-list-params-
 import { StyledHost } from "../../ui-components";
 import { convertToLocal, convertToUTC } from "../../utils/utils";
 import { filterMenu, filterParam } from "../../styles/parts";
-export class CheckoutsListFilters {
+export class JustifiCheckoutsListFilters {
     constructor() {
         this.setParamsOnChange = (name, value) => {
             filterParams[name] = value;
@@ -51,8 +51,8 @@ export class CheckoutsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '8b9b9383e9b15d440fc3555bf3071ddb633cfb8b' }, h("table-filters-menu", { key: '588ab98c35a944eb4fd4855dc603f3f988fb8411', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'a52e4c7ed908568108031c9e43f41563dcec099c', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '26bdc175f9bb5c0d53e5d979a31ddbc60c8b1101', class: "p-2" }, h("form-control-text", { key: '46bf2d112facf89bb820a4f67936de87832e8283', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: filterParam })), h("div", { key: '441a50bf1ad6be8efc77d197927920ea8e4454de', class: "p-2" }, h("form-control-text", { key: '533c6cd714268d50eb212ea7a32538e68236b03a', 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: 'bfd92f93d3fa3380ce858425f0032cb1fa6155e2', class: "p-2" }, h("form-control-select", { key: 'b35919ba574500a8921a6396c8c8e74b5a3555a4', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: filterParam })), h("div", { key: '19dc994790222c1e7951275a93722affd30f3309', class: "p-2" }, h("form-control-select", { key: '6d5719c8080b2d2899b189ebbceeb538a2d4e6cb', 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: '297fdb846109a9f88e6ba72fbf2d84aabadfcd11', class: "p-2" }, h("form-control-date", { key: '1385937605ae2d547a7c789b2a03f70cb53c59ef', 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: 'b4bb5a4b6a5125d60ebb8820e0660d8505ecfc63', class: "p-2" }, h("form-control-date", { key: '91a48596c2411dfd185b791643a3329c81300628', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        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"; }

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: '4a6f911872310fdcb2600a6833eef5d7001033d6' }, h("checkouts-list-core", { key: 'd30b728b7ca2e6b1b26483f9a0c91b2afe7ea194', 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: 'a4b8f312c4da129036d1725a6792b7e07f1dddc3' }, 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: '41406d4115c2a084c84ca59895c0107af2a30e4d', class: "row gy-3" }, h("div", { key: '54f86cc1ffdb90a4ec738ca6cdac8165025ede65', class: "col-12" }, h("h1", { key: '28a0289b5926d7f4d04a658f13782d80aa96584a', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: 'abfcc8a09326b8d780647a644dd0b6e1deada071', class: "col-12" }, this.currentStepComponent), h("div", { key: 'e1bfbd12d9c6c86521d1d47cd4afb007960cdf9b', class: "col-12" }, h("div", { key: '3149002728d1953c116758ab48eb0a2481a68398', 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: '4c6f6740b3ad7c063f3275dad9d74feb360b36a7' }, h("div", { key: '4eeb3d2aae2df266e95ea80ed97bf00b63fe2952', class: "row gy-3" }, h("div", { key: 'ca0c7efc3186ba84e648fd2432fd36862ca7e704', class: "col-12" }, h("h2", { key: '26236264d2dd37545092b15b8164b109b9738bfe', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '84e74149369dcfab9f31dd2a079044911b8af9f4', class: "col-12" }, h("form-control-textarea", { key: '1aa5ffee7bcf19d56b34708cdac36bcda9bb4d03', 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: '7145211db8aaaba540670c7d67cf2d1075f1fc69', class: "col-12" }, h("form-control-file-v2", { key: '64b82123ff0697fdca198363417582bb6079fbbe', 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: 'f9b93b3dd8c73dcf878c3a4ff0bf1644a853b7bb' }, h("div", { key: '520759d6b31b86035d1e60a9c8b1353e764291ef', class: "row gy-3" }, h("div", { key: '3afe7011e77eb9c864e8b26e93edccc917f42658', class: "col-12" }, h("h2", { key: '57fe3c49c3d2634525c2d6c6dc04031ff73a8a3f', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: 'dd6b7bb8a608940d213e55224de3410f51c5b78d', class: "col-12" }, h("form-control-textarea", { key: '05596adee9001ca673e0c61ffa1245ea45ae944d', 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: '75dca392cfee3a5c571acb0ed1526623be0eb7e8', class: "col-12" }, h("form-control-textarea", { key: '9bf96784519d39c9961b2741da358b0112275c71', 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: 'd9995887e3791f54730d84a598869dce7cabd8b4', class: "col-12" }, h("form-control-file-v2", { key: '40fb6492e3db57e1d9b5b77d37229579bee4de5e', 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: 'ac1c08881bf4f5288aa6841d3f87ba1d8e9dd6e4' }, h("div", { key: '148296af222d038e8e9ab3e318d210b7638074d2', class: "row gy-3" }, h("div", { key: 'e3e3635454797465b08b0df10023f66899d8dd04', class: "col-12" }, h("h2", { key: 'd65767d3d3b091afc8b9b4798e639214ede14726', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '258f8dadcb6aec223c1a039ee0100ed91d0b2896', class: "col-12" }, h("form-control-text", { key: 'e2206e72a7603ca15ea1d6a70593667e1eaf5132', 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: '792028d6ae5ee85765b91188e20330489cfd7bb3', class: "col-12" }, h("form-control-text", { key: 'a7288afe499a39a6c78bf8b1fe5f5e1a5bc6af27', 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: '82f8bfaa81e727226e013e94712928a5cdb03841', class: "col-12" }, h("form-control-textarea", { key: 'bd2410564783f6ae8acf1d1fb820bcbe4aea3aa5', 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: '84442373f62efaf5a1e14623d61eff0bc81f6751', class: "col-12" }, h("form-control-file-v2", { key: '4575df27d749c4520fa55d7f1fc901296ec2ed45', 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: 'f1c9f81104d1e080be993d0af29343c5d540cb43', class: "col-12" }, h("form-control-file-v2", { key: '8b8e4eefba1e84551645229204108bfe007012cf', 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: 'f65e8fa4aa2374eadaa94e5bb87e1dc73026c6d5' }, h("justifi-dispute-response-core", { key: '3222bf2f10f8ee185d9d9e03e083dd3e1e7bef61', "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: '3a6188603e8cfdd1b24db55703f63b2199dc9e71' }, h("div", { key: '68cac9c229db9641e3f71e42e9f96d4b6437e9b9', class: "row gy-3" }, h("div", { key: '2060793e27c759d8fdf21765fcfbf0253ca9a016', class: "col-12" }, h("h2", { key: '21fb843b28af8fe9cfc2ef4aa297541fb3d9d61b', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '9743e65ce74307e5d4544c46f2507f4815d0a413', class: "col-12" }, h("form-control-text", { key: '213e56620c428e214d3b937a45fee4a0c2116caf', 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: 'ca7963f7cbc63caece9d0ff91fd6ae04a45bc9a7', class: "col-12" }, h("form-control-textarea", { key: '9edf3135b2cbbc61017fa1fd74f06da34982c4d6', 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: 'e0fe338e2bec5bc1889eeb72f8138f2f0fce497b', class: "col-12" }, h("form-control-file-v2", { key: '86851806bb69be1da6334376a44da6cddfa013e7', 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: '2938a2cebbc08938a88af9848f674727c2925473' }, h("div", { key: 'fc85fd26921d9ffc0ed547bd4c4facb40cfbcd5f', class: "row gy-3" }, h("div", { key: 'b737248f4ffc77483816c80192b3b957ed899f67', class: "col-12" }, h("h2", { key: '4ee8776884ba4527e4ab6acf9255bc24ceda264c', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: '6343a2a36120fd60a46c4a0d72096db778298d43', class: "col-12" }, h("form-control-text", { key: '26d4b151d39d0fcc100fa4494a5efca07905d152', 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: 'd9f2a4a6c66c32765a36378669b02faecbca070c', class: "col-12" }, h("form-control-file-v2", { key: 'f3284b4fc35f68e1120960e4728f0e8f472920fa', 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: '05fccd72cd4c7d22cd23e8f14518f0e70dacb3e5' }, h("div", { key: '464b6335fb494bbd13a4eb8ab8be0e73b7658a6b', class: "row gy-3" }, h("div", { key: '446a4650edee4c7b5caa8709afce2826484d1f28', class: "col-12" }, h("h2", { key: 'f2414eb4ea879136177702367591cb45542a6cdb', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '5ce3d90815b48a94f7aadc104aa02d3c04ef423d', class: "col-12" }, h("form-control-text", { key: '721d1376342972cb9a2a932c7a710231435905a5', 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: 'f3580d06b1e390c3f769177091aa93b9b82e5b26', class: "col-12" }, h("form-control-date", { key: '9166a295b843c890100a41d33d38c69aaaa69950', 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: 'd67631887c3178f05ae85112f71bcefb5807496c', class: "col-12" }, h("form-control-file-v2", { key: '8e9f0b2a8ffb264e3d89a36a452477a72482eb8a', 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: 'b0b610c20e194b94743d99212e2efffef56520f9' }, h("div", { key: '0a17bc79f6a07aba4cf9e5f5ef0ee4a6d484bf51', class: "row gy-3" }, h("div", { key: '517679d918a832bdf8b21554cc9e4121c304cdff', class: "col-12" }, h("h2", { key: 'c49dfd3f5072031b1ff07e51df4149548e79d83a', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '5d7af624762783c0151d31e4c9600381b8a8fa3a', class: "col-12" }, h("form-control-textarea", { key: 'fb4ca818378fa6d674ba7c389f906145b9d11627', 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: '0591b80676048c52034b0571ac94a1daad70f102', class: "col-12" }, h("form-control-textarea", { key: '1ce0a48f04f12a8d4bc91d01e90dd6caa32018af', 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: 'd02a401923e4c38427cff3245767441ef4b9f779', class: "col-12" }, h("form-control-file-v2", { key: '772aefaf3e0a54768ef9163df0de8ba6cfdb28b5', 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: 'd113a7eacf5a4aee4132baed5fd6a76bd670ba30', class: "col-12" }, h("form-control-file-v2", { key: '8a3c5f1d006e97ff6bb385a76818a325686ff1de', 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() {

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

@@ -4,7 +4,7 @@ import ShippingDetailsSchema from "./schemas/shipping-details-schema";
 import { DisputeResponseFormStep } from "./dispute-response-form-types";
 import { heading5 } from "../../../styles/parts";
 import fileInputHandler from "./file-input-handler";
-export class ShippingDetails {
+export class JustifiShippingDetails {
     constructor() {
         this.documentErrors = {};
         this.errors = {};
@@ -29,7 +29,7 @@ export class ShippingDetails {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '180df6d9062459eec271f148828a2dd57f18d271' }, h("div", { key: '406e8870df739225b547ada975dbd83085ea97d2', class: "row gy-3" }, h("div", { key: '44c088ffe6b0eb7cbe072069821de8c9d3e1892d', class: "col-12" }, h("h2", { key: '208bc93626a900b414ce3df5a8c3d7dfc5d1d75a', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '27cf473cefd457cc3c802cef99ace1584881bf16', class: "col-12" }, h("form-control-text", { key: '6dfa9be914863103a6362c6b9efd81c5be99b0f2', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: '7b6f0e1d14698442a98df75f5635cbafc8172ddb', class: "col-12" }, h("form-control-text", { key: 'a5424f340602b3a1b3ccbe38a14ac36d0a6a74d2', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: '1c956a0ef4ca9d3fbc61af14bcb6bca058aed8f7', class: "col-12" }, h("form-control-date", { key: '32c52e9178e9f54ef4f4695ffae0c124e025d354', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: '34eed46e9dce3dffa3b8547ee2e601927a6b239b', class: "col-12" }, h("form-control-textarea", { key: 'f873c9a4c9d4518e35d76a61000d99e26e25f4a4', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: '025fb202955938d89d6990eac237b1be66cf1945', class: "col-12" }, h("form-control-file-v2", { key: '135edc3fcaef1a07dde5c175a11b8c3f833b93c9', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
+        return (h("div", { key: '866cc4bbec74504766f54b7ead77905108e943a9' }, h("div", { key: 'fbd5066de212864ecec4a364508e348b7af3f3bc', class: "row gy-3" }, h("div", { key: 'f4570f4e399f800840e13edad14f77c8a1b53712', class: "col-12" }, h("h2", { key: '2e5100b95fa159a119e82eb6efbc0c553861ec71', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '872e7a523810713854895852b437cbde39fc7d7c', class: "col-12" }, h("form-control-text", { key: 'bfddeb4473c5d15ab6cddc555492ebbbabb4e7ff', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: '9376147e0d182470e0a280cf0c256006f4422eeb', class: "col-12" }, h("form-control-text", { key: '6e62ddb611af6a69f4568fabeb90271e593998ac', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: '7431cd70b761dbe3183a544e179e443cd6af9761', class: "col-12" }, h("form-control-date", { key: 'b834fac26c825d5dc809c16e8a8519b1d330ecfc', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: 'f07986a66fe74289cbe778996146d8781418db57', class: "col-12" }, h("form-control-textarea", { key: 'c2287f560c55006a9c0cef83acb46ed02a981bb8', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: 'ef07786e43bda9fec564e08d2fbd34a7dc9dc3e3', class: "col-12" }, h("form-control-file-v2", { key: '70743473ff8bed43562b65eb35a78466ed6d947a', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
     }
     static get is() { return "justifi-shipping-details"; }
     static get properties() {

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

@@ -4,7 +4,7 @@ import JustifiAnalytics from "../../api/Analytics";
 import { checkPkgVersion } from "../../utils/check-pkg-version";
 import { makeGetDispute } from "../../actions/dispute/dispute-actions";
 import { DisputeService } from "../../api/services/dispute.service";
-export class DisputeManagement {
+export class JustifiDisputeManagement {
     constructor() {
         this.errorMessage = null;
         this.handleErrorEvent = event => {
@@ -43,7 +43,7 @@ export class DisputeManagement {
         }
     }
     render() {
-        return (h("justifi-dispute-management-core", { key: '98ecb17d1cedefd5f7845f647aea099e966b495b', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
+        return (h("justifi-dispute-management-core", { key: 'd69df58c862b817e39c773ef80ae95b24cac8be3', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
     }
     static get is() { return "justifi-dispute-management"; }
     static get properties() {