@justifi/webcomponents 6.12.3 → 6.12.4

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

@@ -1,8 +1,8 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import './config-state.js';
 import './dinero.js';
-import { m as Checkout, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
-import './Pagination.js';
+import { q as Checkout, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
+import { p as pagingDefaults } from './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils3.js';
@@ -12,9 +12,13 @@ import { C as CheckoutService } from './checkout.service.js';
 import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts.js';
 import { S as StyledHost } from './styled-host.js';
 import './justifi-details2.js';
-import './event-types.js';
+import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d as TableHeadRow, e as TableBody, f as TableLoadingState, g as TableEmptyState, h as TableErrorState, i as TableRow, j as TableFoot, k as TableFootRow, l as TableFootCell } from './table.js';
+import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
-import { d as defineCustomElement$3, a as defaultColumnsKeys } from './checkouts-list-core2.js';
+import { f as formatDate, a as formatTime } from './utils2.js';
+import { B as Badge, a as BadgeVariant } from './badge.js';
+import { B as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
+import { o as onQueryParamsChange, g as getRequestParams } from './checkouts-list-params-state.js';
 import { d as defineCustomElement$2 } from './pagination-menu2.js';
 
 const makeGetCheckouts = ({ accountId, authToken, service }) => async ({ params, onSuccess, onError }) => {
@@ -46,6 +50,51 @@ const makeGetCheckouts = ({ accountId, authToken, service }) => async ({ params,
     }
 };
 
+const MapCheckoutStatusToBadge = (status) => {
+    const statusToBadgeProps = {
+        created: {
+            variant: BadgeVariant.PRIMARY,
+            title: 'The checkout has been created',
+            text: 'Created',
+        },
+        completed: {
+            variant: BadgeVariant.SUCCESS,
+            title: 'The checkout has been completed',
+            text: 'Completed',
+        },
+        attempted: {
+            variant: BadgeVariant.SECONDARY,
+            title: 'The checkout has been attempted',
+            text: 'Attempted',
+        },
+        expired: {
+            variant: BadgeVariant.DANGER,
+            title: 'The checkout has expired',
+            text: 'Expired',
+        },
+    };
+    const badgeProps = statusToBadgeProps[status];
+    return h(Badge, Object.assign({}, badgeProps));
+};
+
+const defaultColumnsKeys = 'created_at,payment_amount,payment_description,payment_mode,status';
+const checkoutTableColumns = {
+    created_at: () => (h("th", { part: tableHeadCell, scope: "col", title: "The date each checkout occurred" }, "Processed On")),
+    payment_amount: () => (h("th", { part: tableHeadCell, scope: "col", title: "The dollar amount of each checkout" }, "Payment Amount")),
+    payment_description: () => (h("th", { part: tableHeadCell, scope: "col", title: "The description of each checkout" }, "Payment Description")),
+    sub_account_name: () => (h("th", { part: tableHeadCell, scope: "col", title: "The sub account associated with the checkout" }, "Sub Account")),
+    payment_mode: () => (h("th", { part: tableHeadCell, scope: "col", title: "The payment mode of each checkout" }, "Payment Mode")),
+    status: () => (h("th", { part: tableHeadCell, scope: "col", title: "The current status of each checkout" }, "Status")),
+};
+const checkoutTableCells = {
+    created_at: (checkout, index) => (h("td", { part: getAlternateTableCellPart(index) }, h("div", { class: "fw-bold" }, formatDate(checkout.created_at)), h("div", { class: "fw-bold" }, formatTime(checkout.created_at)))),
+    payment_amount: (checkout, index) => (h("td", { part: getAlternateTableCellPart(index) }, checkout.formattedPaymentAmount(checkout.payment_amount))),
+    payment_description: (checkout, index) => (h("td", { part: getAlternateTableCellPart(index) }, checkout.payment_description)),
+    sub_account_name: (checkout, index) => (h("td", { part: getAlternateTableCellPart(index) }, checkout.sub_account_name)),
+    payment_mode: (checkout, index) => (h("td", { part: getAlternateTableCellPart(index) }, checkout.payment_mode)),
+    status: (checkout, index) => (h("td", { part: getAlternateTableCellPart(index) }, MapCheckoutStatusToBadge(checkout.status))),
+};
+
 const JustifiCheckoutsList$1 = /*@__PURE__*/ proxyCustomElement(class JustifiCheckoutsList extends HTMLElement {
     constructor(registerHost) {
         super();
@@ -53,26 +102,60 @@ const JustifiCheckoutsList$1 = /*@__PURE__*/ proxyCustomElement(class JustifiChe
             this.__registerHost();
         }
         this.__attachShadow();
+        this.clickEvent = createEvent(this, "click-event", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
-        this.errorMessage = null;
         this.columns = defaultColumnsKeys;
-        this.handleErrorEvent = (event) => {
-            this.errorMessage = event.detail.message;
-            this.errorEvent.emit(event.detail);
+        this.checkouts = [];
+        this.subAccounts = [];
+        this.loading = true;
+        this.paging = pagingDefaults;
+        this.pagingParams = {};
+        this.handleClickPrevious = (beforeCursor) => {
+            this.pagingParams = { before_cursor: beforeCursor };
+            this.clickEvent.emit({ name: TableClickActions.previous });
+        };
+        this.handleClickNext = (afterCursor) => {
+            this.pagingParams = { after_cursor: afterCursor };
+            this.clickEvent.emit({ name: TableClickActions.next });
+        };
+        this.rowClickHandler = (e) => {
+            const clickedCheckoutID = e.target.closest('tr').dataset.rowEntityId;
+            if (!clickedCheckoutID)
+                return;
+            const checkoutData = this.checkouts.find((checkout) => checkout.id === clickedCheckoutID);
+            this.clickEvent.emit({ name: TableClickActions.row, data: checkoutData });
         };
     }
     componentWillLoad() {
         checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
+        this.checkoutsTable = new Table(this.checkouts, this.columns, checkoutTableColumns, checkoutTableCells);
         this.initializeGetData();
+        if (this.getCheckouts) {
+            this.fetchData();
+        }
+        onQueryParamsChange('set', () => {
+            this.pagingParams = {};
+        });
+        onQueryParamsChange('reset', () => {
+            this.pagingParams = {};
+            this.errorMessage = '';
+        });
     }
     disconnectedCallback() {
         var _a;
         (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
-    ;
-    propChanged() {
+    authPropChanged() {
         this.initializeGetData();
+        if (this.getCheckouts) {
+            this.fetchData();
+        }
+    }
+    pagingOrColumnsChanged() {
+        if (this.getCheckouts) {
+            this.fetchData();
+        }
     }
     initializeGetData() {
         this.initializeGetCheckouts();
@@ -84,7 +167,7 @@ const JustifiCheckoutsList$1 = /*@__PURE__*/ proxyCustomElement(class JustifiChe
             this.getCheckouts = makeGetCheckouts({
                 accountId: accountToUse,
                 authToken: this.authToken,
-                service: new CheckoutService()
+                service: new CheckoutService(),
             });
         }
         else {
@@ -101,47 +184,133 @@ const JustifiCheckoutsList$1 = /*@__PURE__*/ proxyCustomElement(class JustifiChe
             this.getSubAccounts = makeGetSubAccounts({
                 primaryAccountId: this.accountId,
                 authToken: this.authToken,
-                service: new SubAccountService()
+                service: new SubAccountService(),
             });
         }
     }
+    fetchData() {
+        if (!this.getCheckouts) {
+            return;
+        }
+        this.loading = true;
+        this.getCheckouts({
+            params: this.checkoutParams,
+            onSuccess: async ({ checkouts, pagingInfo }) => {
+                this.checkouts = checkouts;
+                this.paging = pagingInfo;
+                this.checkoutsTable.collectionData = this.checkouts;
+                const shouldFetchSubAccounts = this.checkoutsTable.columnKeys.includes('sub_account_name');
+                if (shouldFetchSubAccounts) {
+                    await this.fetchSubAccounts();
+                }
+                else {
+                    this.loading = false;
+                }
+            },
+            onError: ({ error, code, severity }) => {
+                this.errorMessage = error;
+                this.errorEvent.emit({
+                    errorCode: code,
+                    message: error,
+                    severity,
+                });
+                this.loading = false;
+            },
+        });
+    }
+    async fetchSubAccounts() {
+        if (!this.getSubAccounts) {
+            this.loading = false;
+            return;
+        }
+        this.getSubAccounts({
+            params: this.subAccountParams,
+            onSuccess: ({ subAccounts }) => {
+                this.subAccounts = subAccounts;
+                this.checkouts = this.checkouts.map((checkout) => {
+                    var _a;
+                    checkout.sub_account_name = (_a = this.subAccounts.find((subAccount) => subAccount.id === checkout.account_id)) === null || _a === void 0 ? void 0 : _a.name;
+                    return checkout;
+                });
+                this.loading = false;
+            },
+            onError: ({ error, code, severity }) => {
+                this.errorMessage = error;
+                this.errorEvent.emit({
+                    errorCode: code,
+                    message: error,
+                    severity,
+                });
+                this.loading = false;
+            },
+        });
+    }
+    get checkoutParams() {
+        const requestParams = getRequestParams();
+        const params = Object.assign(Object.assign({}, requestParams), this.pagingParams);
+        return params;
+    }
+    get subAccountParams() {
+        const accountIdNumbers = this.checkouts.map((checkout) => checkout.account_id);
+        const uniqueAccountIds = [...new Set(accountIdNumbers)];
+        const accountIdString = uniqueAccountIds.join(',');
+        return { sub_account_id: accountIdString };
+    }
+    get entityId() {
+        return this.checkouts.map((checkout) => checkout.id);
+    }
+    get showEmptyState() {
+        return !this.loading && !this.errorMessage && this.checkoutsTable.rowData.length < 1;
+    }
+    get showErrorState() {
+        return !this.loading && !!this.errorMessage;
+    }
+    get showRowData() {
+        return !this.showEmptyState && !this.showErrorState && !this.loading;
+    }
     render() {
-        return (h(StyledHost, { key: '27491f40eb96742cee1fe81023a9e423ab5b22a5' }, h("checkouts-list-core", { key: '2b2526aa7dee3cd216bc481144d3239a5389872c', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '2f9efac8723333029415ef131516946912bb313c' }, h(TableWrapper, { key: '024c7a532533721acda9740a0888b1c15fa624fe' }, h(TableComponent, { key: '06bf1c6db731eb5857b08615222ca47a85ffc4a8' }, h(TableHead, { key: '0754f9cd87a3b32a5368e7fb7538071cf6be0505' }, h(TableHeadRow, { key: '5db4c5beea0e6e9afc29e16b5789a32ad94509dd' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '9140294035b04b549578d74374271f8a9fd78162' }, h(TableLoadingState, { key: 'bf495d00b9bc4ee28b67c8f1b3258306f9202142', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '92f8a1245cc022fa3b254bb1fe8d659f75c62923', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '2e6ab100026afb29f199dd33e52de5ae77e6576c', 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: '3a1b55572eb0fc2ffcef1a39f6bfae5693056752' }, h(TableFootRow, { key: 'f61a3cc86fda3ec95075381403916f5fb1c46ca6' }, h(TableFootCell, { key: '7d937a0d228062f42f49dca5bdb436d54354563e', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '05454876b7faeeb73fb8f896a2425e5f9db12ee3', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
-        "accountId": ["propChanged"],
-        "authToken": ["propChanged"],
-        "subAccountId": ["propChanged"]
+        "accountId": ["authPropChanged"],
+        "authToken": ["authPropChanged"],
+        "subAccountId": ["authPropChanged"],
+        "pagingParams": ["pagingOrColumnsChanged"],
+        "columns": ["pagingOrColumnsChanged"]
     }; }
 }, [257, "justifi-checkouts-list", {
         "accountId": [1, "account-id"],
         "authToken": [1, "auth-token"],
         "columns": [1],
         "subAccountId": [1, "sub-account-id"],
+        "checkouts": [32],
+        "checkoutsTable": [32],
+        "subAccounts": [32],
+        "loading": [32],
+        "errorMessage": [32],
+        "paging": [32],
+        "pagingParams": [32],
         "getCheckouts": [32],
-        "getSubAccounts": [32],
-        "errorMessage": [32]
+        "getSubAccounts": [32]
     }, undefined, {
-        "accountId": ["propChanged"],
-        "authToken": ["propChanged"],
-        "subAccountId": ["propChanged"]
+        "accountId": ["authPropChanged"],
+        "authToken": ["authPropChanged"],
+        "subAccountId": ["authPropChanged"],
+        "pagingParams": ["pagingOrColumnsChanged"],
+        "columns": ["pagingOrColumnsChanged"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-checkouts-list", "checkouts-list-core", "pagination-menu"];
+    const components = ["justifi-checkouts-list", "pagination-menu"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-checkouts-list":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, JustifiCheckoutsList$1);
             }
             break;
-        case "checkouts-list-core":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
         case "pagination-menu":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();

package/dist/module/justifi-dispute-management.js

@@ -1,28 +1,30 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { D as Dispute, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
+import { D as Dispute, C as ComponentErrorSeverity, a as ComponentErrorCodes, l as DisputeStatus } from './Plaid.js';
 import { J as JustifiAnalytics } from './Analytics.js';
 import { c as checkPkgVersion } from './check-pkg-version.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils3.js';
-import { D as DisputeService } from './dispute-response-actions.js';
-import { d as defineCustomElement$k } from './custom-popper2.js';
-import { d as defineCustomElement$j } from './form-control-date2.js';
-import { d as defineCustomElement$i } from './form-control-file-v22.js';
-import { d as defineCustomElement$h } from './form-control-help-text3.js';
-import { d as defineCustomElement$g } from './form-control-text2.js';
-import { d as defineCustomElement$f } from './form-control-textarea2.js';
-import { d as defineCustomElement$e } from './form-control-tooltip2.js';
-import { d as defineCustomElement$d } from './justifi-additional-statement2.js';
-import { d as defineCustomElement$c } from './justifi-cancellation-policy2.js';
-import { d as defineCustomElement$b } from './justifi-customer-details2.js';
-import { d as defineCustomElement$a } from './dispute-management-core.js';
-import { d as defineCustomElement$9 } from './justifi-dispute-notification2.js';
-import { d as defineCustomElement$8 } from './justifi-dispute-response2.js';
-import { d as defineCustomElement$7 } from './dispute-response-core.js';
-import { d as defineCustomElement$6 } from './justifi-duplicate-charge2.js';
-import { d as defineCustomElement$5 } from './justifi-electronic-evidence2.js';
-import { d as defineCustomElement$4 } from './justifi-product-or-service2.js';
-import { d as defineCustomElement$3 } from './justifi-refund-policy2.js';
-import { d as defineCustomElement$2 } from './justifi-shipping-details2.js';
+import { D as DisputeManagementClickActions, a as DisputeService } from './event-types3.js';
+import { S as StyledHost } from './styled-host.js';
+import './justifi-details2.js';
+import './event-types.js';
+import './justifi-radio-list-item2.js';
+import { d as defineCustomElement$i } from './additional-statement2.js';
+import { d as defineCustomElement$h } from './cancellation-policy2.js';
+import { d as defineCustomElement$g } from './custom-popper2.js';
+import { d as defineCustomElement$f } from './customer-details2.js';
+import { d as defineCustomElement$e } from './dispute-notification2.js';
+import { d as defineCustomElement$d } from './dispute-response2.js';
+import { d as defineCustomElement$c } from './duplicate-charge2.js';
+import { d as defineCustomElement$b } from './electronic-evidence2.js';
+import { d as defineCustomElement$a } from './form-control-date2.js';
+import { d as defineCustomElement$9 } from './form-control-file-v22.js';
+import { d as defineCustomElement$8 } from './form-control-help-text3.js';
+import { d as defineCustomElement$7 } from './form-control-text2.js';
+import { d as defineCustomElement$6 } from './form-control-textarea2.js';
+import { d as defineCustomElement$5 } from './form-control-tooltip2.js';
+import { d as defineCustomElement$4 } from './product-or-service2.js';
+import { d as defineCustomElement$3 } from './refund-policy2.js';
+import { d as defineCustomElement$2 } from './shipping-details2.js';
 
 const makeGetDispute = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;
@@ -59,56 +61,105 @@ const JustifiDisputeManagement$1 = /*@__PURE__*/ proxyCustomElement(class Justif
         if (registerHost !== false) {
             this.__registerHost();
         }
+        this.__attachShadow();
         this.errorEvent = createEvent(this, "error-event", 7);
-        this.errorMessage = null;
-        this.handleErrorEvent = event => {
-            this.errorMessage = event.detail.message;
-            this.errorEvent.emit(event.detail);
-        };
+        this.isLoading = true;
+        this.showDisputeResponseForm = false;
+        this.fetchDisputePending = false;
+    }
+    scheduleFetchDispute() {
+        if (!this.getDispute || this.fetchDisputePending) {
+            return;
+        }
+        this.fetchDisputePending = true;
+        queueMicrotask(() => {
+            this.fetchDisputePending = false;
+            if (this.getDispute) {
+                this.fetchData();
+            }
+        });
+    }
+    disputeResponseHandler(event) {
+        if (event.detail.name === DisputeManagementClickActions.respondToDispute) {
+            this.showDisputeResponseForm = true;
+        }
+        if (event.detail.name === DisputeManagementClickActions.cancelDispute) {
+            this.showDisputeResponseForm = false;
+        }
+    }
+    disputeSubmittedHandler() {
+        this.fetchData();
     }
     componentWillLoad() {
         checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
         this.initializeGetDispute();
     }
+    componentDidLoad() {
+        this.scheduleFetchDispute();
+    }
     disconnectedCallback() {
         var _a;
         (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
-    ;
     propChanged() {
         this.initializeGetDispute();
+        this.scheduleFetchDispute();
     }
     initializeGetDispute() {
         if (this.disputeId && this.authToken) {
             this.getDispute = makeGetDispute({
                 id: this.disputeId,
                 authToken: this.authToken,
-                service: new DisputeService()
+                service: new DisputeService(),
             });
         }
         else {
-            this.errorMessage = 'Dispute ID and Auth Token are required';
             this.errorEvent.emit({
-                message: this.errorMessage,
+                message: 'Dispute ID and Auth Token are required',
                 errorCode: ComponentErrorCodes.MISSING_PROPS,
                 severity: ComponentErrorSeverity.ERROR,
             });
         }
     }
+    fetchData() {
+        if (!this.getDispute) {
+            return;
+        }
+        this.isLoading = true;
+        this.getDispute({
+            onSuccess: ({ dispute }) => {
+                this.dispute = new Dispute(dispute);
+                this.isLoading = false;
+                if (this.dispute.status !== DisputeStatus.needsResponse) {
+                    this.showDisputeResponseForm = false;
+                }
+            },
+            onError: ({ error, code, severity }) => {
+                this.errorEvent.emit({
+                    errorCode: code,
+                    message: error,
+                    severity,
+                });
+                this.isLoading = false;
+            },
+        });
+    }
     render() {
-        return (h("justifi-dispute-management-core", { key: 'db9bf0998d45a71d9c2a72f4cedbe4276e67a238', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
+        return (h(StyledHost, { key: 'a9185f55e6f2704ec8ba85c5061e8c46338481e3' }, h("div", { key: 'e4851b3fa85ec428929b7868c0748b56c0172c8b' }, this.showDisputeResponseForm ? (h("dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading })))));
     }
     static get watchers() { return {
         "disputeId": ["propChanged"],
         "authToken": ["propChanged"]
     }; }
-}, [256, "justifi-dispute-management", {
+}, [257, "justifi-dispute-management", {
         "disputeId": [1, "dispute-id"],
         "authToken": [1, "auth-token"],
         "getDispute": [32],
-        "errorMessage": [32]
-    }, undefined, {
+        "dispute": [32],
+        "isLoading": [32],
+        "showDisputeResponseForm": [32]
+    }, [[0, "click-event", "disputeResponseHandler"], [0, "submit-event", "disputeSubmittedHandler"]], {
         "disputeId": ["propChanged"],
         "authToken": ["propChanged"]
     }]);
@@ -116,104 +167,94 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-dispute-management", "custom-popper", "form-control-date", "form-control-file-v2", "form-control-help-text", "form-control-text", "form-control-textarea", "form-control-tooltip", "justifi-additional-statement", "justifi-cancellation-policy", "justifi-customer-details", "justifi-dispute-management-core", "justifi-dispute-notification", "justifi-dispute-response", "justifi-dispute-response-core", "justifi-duplicate-charge", "justifi-electronic-evidence", "justifi-product-or-service", "justifi-refund-policy", "justifi-shipping-details"];
+    const components = ["justifi-dispute-management", "additional-statement", "cancellation-policy", "custom-popper", "customer-details", "dispute-notification", "dispute-response", "duplicate-charge", "electronic-evidence", "form-control-date", "form-control-file-v2", "form-control-help-text", "form-control-text", "form-control-textarea", "form-control-tooltip", "product-or-service", "refund-policy", "shipping-details"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-dispute-management":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, JustifiDisputeManagement$1);
             }
             break;
-        case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$k();
-            }
-            break;
-        case "form-control-date":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$j();
-            }
-            break;
-        case "form-control-file-v2":
+        case "additional-statement":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "form-control-help-text":
+        case "cancellation-policy":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "form-control-text":
+        case "custom-popper":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "form-control-textarea":
+        case "customer-details":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "form-control-tooltip":
+        case "dispute-notification":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }
             break;
-        case "justifi-additional-statement":
+        case "dispute-response":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "justifi-cancellation-policy":
+        case "duplicate-charge":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }
             break;
-        case "justifi-customer-details":
+        case "electronic-evidence":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "justifi-dispute-management-core":
+        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "justifi-dispute-notification":
+        case "form-control-file-v2":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "justifi-dispute-response":
+        case "form-control-help-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "justifi-dispute-response-core":
+        case "form-control-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "justifi-duplicate-charge":
+        case "form-control-textarea":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "justifi-electronic-evidence":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
             break;
-        case "justifi-product-or-service":
+        case "product-or-service":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "justifi-refund-policy":
+        case "refund-policy":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "justifi-shipping-details":
+        case "shipping-details":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }