@justifi/webcomponents 4.20.1 → 4.22.0

package/dist/module/payments-status.js

@@ -0,0 +1,24 @@
+const MapPaymentStatusToBadge = (status) => {
+    switch (status) {
+        case 'succeeded':
+            return "<span class='badge bg-success' title='This payment was successfully captured'>Succeeded</span>";
+        case 'authorized':
+            return "<span class='badge bg-primary' title='This card payment was authorized, but not captured. It could still succeed or fail.'>Authorized</span>";
+        case 'pending':
+            return "<span class='badge bg-primary' title='This ACH payment was processed, but the funds haven't settled. It could still succeed or fail.'>Pending</span>";
+        case 'achFailed':
+            return "<span class='badge bg-danger' title='The funds couldn't be collected for this ACH payment (in addition to the original payment, an ACH return and fee will appear in a payout)'>Failed</span>";
+        case 'failed':
+            return "<span class='badge bg-danger' title='This card payment didn't go through (it won't appear in a payout)'>Failed</span>";
+        case 'canceled':
+            return "<span class='badge bg-danger' title='This payment was canceled'>Canceled</span>";
+        case 'disputed':
+            return "<span class='badge bg-secondary' title='The account holder disputed this payment. The amount has been returned and a fee assessed.'>Disputed</span>";
+        case 'fully_refunded':
+            return "<span class='badge bg-secondary' title='The full amount of this payment has been refunded'>Fully Refunded</span>";
+        case 'partially_refunded':
+            return "<span class='badge bg-secondary' title='A portion of this payment has been refunded'>Partially Refunded</span>";
+    }
+};
+
+export { MapPaymentStatusToBadge as M };

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

@@ -1,7 +1,8 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { k as MapPayoutStatusToBadge, a as formatCurrency, e as formatDate, j as formatTime } from './utils2.js';
+import { c as formatCurrency, a as formatDate, b as formatTime } from './utils2.js';
 import { L as LoadingState, E as ErrorState, b as EntityHeadInfo, c as EntityHeadInfoItem, D as DetailSectionTitle, a as DetailItem, C as CodeBlock } from './utils.js';
 import { S as StyledHost } from './styled-host.js';
+import { M as MapPayoutStatusToBadge } from './payouts-status.js';
 import { d as defineCustomElement$1 } from './details.js';
 
 const PayoutDetailsCore = /*@__PURE__*/ proxyCustomElement(class PayoutDetailsCore extends HTMLElement {
@@ -57,7 +58,7 @@ const PayoutDetailsCore = /*@__PURE__*/ proxyCustomElement(class PayoutDetailsCo
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: '3ab39ca75aa7f1db8daf8442d2ae9131085375ae' }, this.loading && LoadingState(), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'c423b3e994e2ceb3b9f641752f1747aa8d8e7b4e', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'e39f07636edbe3527707c538f296133a24a92aa1', slot: "head-info", badge: h("span", { slot: 'badge', innerHTML: MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status) }), title: `${formatCurrency(this.payout.amount)} ${this.payout.currency.toUpperCase()}` }, h(EntityHeadInfoItem, { key: '3424ff97b7a41fdbd784a982617af0ab2ff004e7', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: 'c2584993d369514e2413c7d23a9b731eb2c9135a', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '958856c1acbc34394d2fbc453d9e2dd1f437fe38', title: "ID", value: this.payout.id }), h("div", { key: 'dd097a51e1b02a7624614cb7f554789302e36bcd', class: "m-4" }, h("button", { key: 'f565ec22830ea1fd53e9f14d4f184a4a97e975ea', class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'a12b5c5a78c1e21d905a8049537d8775765766d1', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'b3ef435e2cce25f91e3d015098c199a95acfd76e', sectionTitle: "Details" }), h("div", { key: '585f9454474ce9b5691265cfe44309220b737a8a', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '20deb7901ee526c84966e43e020b7aec9ce2d014', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: 'e0f17db65ed53f3c4b3eff511dcf44784e9d0be5', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '5c665c9b5eca28d09c46367156a586b64bb20ee5', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: 'e0a39aad45a06185498256859947f8f64312bbc4', title: "Amount", value: formatCurrency(this.payout.amount) }), h(DetailItem, { key: 'd0fcad35843acf001cc73c0fe3f67ca85fa99007', title: "Fee", value: formatCurrency(this.payout.fees_total) })), h(DetailSectionTitle, { key: '08d127690a8e63e852cd23ed53cc83da77c9de46', sectionTitle: "Account" }), h("div", { key: '1ebc113b76f30abd208374a0cfaa60c3ac6c30d2', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'f61baf5b0e38d0e1c31d9f32109d4eb87a1dcc51', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: '01aa558d404b8bb3d170812828ee0929e60bc2c9', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '8298458ba6dc9bcdaa7f992d530e179e3d8a3bc3', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'b15a016b489bd61f55670beec610f49c56659b87', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: 'cd9e466eaadf645fcabad56c1ee2493e6f5ac11c', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), h(DetailSectionTitle, { key: 'b30058d0ebd67c91ba182e1e2231ff72d9adf5c5', sectionTitle: 'Metadata' }), h("div", { key: '02876e9c23abea853218c78b99e1b46795af7a93', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '9e6dee3bda335ff836e650741a00b75800da7dab', metadata: this.payout.metadata })))))));
+        return (h(StyledHost, { key: '77668046c9b20d8e5fa2b1cf278925a8646052d7' }, this.loading && LoadingState(), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '975c61e183b809b42e96b1785a9c8c60ac397231', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '0258d3adf8c1f65c0f78446a3c5fa6c5a39fdde4', slot: "head-info", badge: h("span", { slot: 'badge', innerHTML: MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status) }), title: `${formatCurrency(this.payout.amount)} ${this.payout.currency.toUpperCase()}` }, h(EntityHeadInfoItem, { key: 'd845cd2abc1d82cc62ea7116a405570b235bcde0', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '8ae3e1f22c0fb5fd76e1fdbecb91bc70be0ffe21', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '8d0405aa11c546ddc92b4e2e65c651a4aae2c82f', title: "ID", value: this.payout.id }), h("div", { key: 'a2b2b06a33009bb27c60aa0d2af74f0ec18db3d1', class: "m-4" }, h("button", { key: 'ae32f0567a4d4d533a322c20668b2a165fe71f4c', class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '1519308f535b2f7dbc065f3320b60755c732f5e4', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'b4da3442d6e86f9a4d6b2a8ffd6ed40053294151', sectionTitle: "Details" }), h("div", { key: '1a83acdafddfda491141cc68b70fbf2c9d4df69c', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'ac81d5cb6b185a4e40c5a27bd75113657a86d087', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '9b327577694e255d466a6009de0d39d67a144063', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '8ac6c81f11caa365e6b530bedeb26a7682199538', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: '1cd8424c8299f8f334bd08e85cbe81018dfd69c3', title: "Amount", value: formatCurrency(this.payout.amount) }), h(DetailItem, { key: '44f6cbf82e5f79d8fa532923233d6a5eedeef19c', title: "Fee", value: formatCurrency(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'fc4366a767fd89ab25939d1d3cef9e2372c6b7ba', sectionTitle: "Account" }), h("div", { key: '7ea8ccb28ef7cb32490e82cf8470c88de6275fcb', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '9e50c25012fe1873ef4bf8dd65d9aa1f0b2f6252', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: 'be19c35d8766716abe7a94a43ff1360fb2bc8caf', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'f3ceaa15d8e8c8de8a4b57d431049b5f1f12b7aa', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '25468ae8b033172207f130448926eda8333df841', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: 'c5b60f0bfa2cfdc826cc54670ab66af199c8babc', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), h(DetailSectionTitle, { key: '78392b7f27b6ceb3499c512f2174e3d4b4058f63', sectionTitle: 'Metadata' }), h("div", { key: '43c5439322874b89612f37ec41e906fda030dd3b', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '2929f26c8b7932862cbb735bc8644eabd9494e14', metadata: this.payout.metadata })))))));
     }
     static get watchers() { return {
         "getPayout": ["getPayoutWatcher"]

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

@@ -1,14 +1,16 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
+import './Checkout.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Payment.js';
-import { a as PayoutStatuses, b as PayoutStatusesSafeNames } from './Payout.js';
-import { e as formatDate, j as formatTime, a as formatCurrency } from './utils2.js';
+import './SubAccount.js';
+import { a as formatDate, b as formatTime, c as formatCurrency } from './utils2.js';
 import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
-import { t as tableExportedParts, T as TableLoadingState, a as TableEmptyState, b as TableErrorState } from './exported-parts.js';
-import { S as StyledHost } from './styled-host.js';
+import { T as TableLoadingState, a as TableEmptyState, b as TableErrorState } from './table-loading-state.js';
+import { M as MapPayoutStatusToBadge } from './payouts-status.js';
+import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-control-date2.js';
 import { d as defineCustomElement$3 } from './form-control-error-text2.js';
-import { d as defineCustomElement$2 } from './form-control-help-text2.js';
+import { d as defineCustomElement$2 } from './form-control-tooltip2.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
 
 const DownloadIcon = (props) => (h("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 24 24' }, props),
@@ -47,22 +49,6 @@ const PayoutsListCore = /*@__PURE__*/ proxyCustomElement(class PayoutsListCore e
             delete newParams.before_cursor;
             this.params = Object.assign(Object.assign({}, newParams), { after_cursor: afterCursor });
         };
-        this.mapStatusToBadge = (status) => {
-            switch (status) {
-                case PayoutStatuses.scheduled:
-                    return `<span class="badge bg-primary" title='Batched and scheduled to be transferred'>${PayoutStatusesSafeNames[status]}</span>`;
-                case PayoutStatuses.in_transit:
-                    return `<span class="badge bg-primary" title='Transfer to your bank account has been initiated'>${PayoutStatusesSafeNames[status]}</span>`;
-                case PayoutStatuses.failed:
-                    return `<span class="badge bg-danger" title='Transfer to your bank account failed'>${PayoutStatusesSafeNames[status]}</span>`;
-                case PayoutStatuses.canceled:
-                    return `<span class="badge bg-danger" title='Transfer to your bank account failed'>${PayoutStatusesSafeNames[status]}</span>`;
-                case PayoutStatuses.forwarded:
-                    return `<span class="badge bg-secondary" title='The funds have been forwarded to your next successful payout'>${PayoutStatusesSafeNames[status]}</span>`;
-                case PayoutStatuses.paid:
-                    return `<span class="badge bg-success" title='Successfully deposited into your bank account'>${PayoutStatusesSafeNames[status]}</span>`;
-            }
-        };
         this.rowClickHandler = (e) => {
             const clickedPayoutID = e.target.closest('tr').dataset.rowEntityId;
             if (!clickedPayoutID)
@@ -140,7 +126,7 @@ const PayoutsListCore = /*@__PURE__*/ proxyCustomElement(class PayoutsListCore e
             formatCurrency(payout.fees_total),
             formatCurrency(payout.other_total),
             formatCurrency(payout.amount),
-            { type: 'inner', value: this.mapStatusToBadge(payout.status) },
+            { type: 'inner', value: MapPayoutStatusToBadge(payout.status) },
             (h(DownloadIcon, { title: "Export CSV", onClick: () => this.downloadCSV(payout.id), style: { height: '24px', width: '24px', cursor: 'pointer' } })),
         ]);
     }
@@ -154,8 +140,8 @@ const PayoutsListCore = /*@__PURE__*/ proxyCustomElement(class PayoutsListCore e
         return !this.showEmptyState && !this.showErrorState;
     }
     render() {
-        return (h(StyledHost, { key: 'c160bca06a40b0bde1d0ecf3bbbf081535c23487', exportedparts: tableExportedParts }, h("div", { key: 'ba6b1418212fc79f2eb4a2c4835de9f2df7fd8e9', class: "row gy-3 mb-4" }, h("div", { key: '0c7323ec2551a29df6a9e273e53ca965b4422ce5', class: "col-2" }, h("form-control-date", { key: 'f3cd038ef750e1022e29dba96e201e669f0d2f84', name: "created_after", label: "Date from:", inputHandler: this.handleDateChange })), h("div", { key: '46f0a88e563ace9d4476940abec758721e40d217', class: "col-2" }, h("form-control-date", { key: 'c80de9111c3b4fb9c526c0668b4154753fd78ebd', name: "created_before", label: "Date to:", inputHandler: this.handleDateChange }))), h("div", { key: '570a74e2c87f2d685f932c5a0182a77a7cf296c0', class: "table-wrapper" }, h("table", { key: 'dba141a302aeb90c45bb64171870bf1cd097576b', class: "table table-hover" }, h("thead", { key: 'ea6fb0e3d3aecf89216d310bc66874602a64af40', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: 'daa4eab66cdaad6af240704f24c1e22f9d1ff999', class: "table-light text-nowrap", part: "table-head-row" }, this.columnData.map((column) => (h("th", { part: "table-head-cell", scope: "col", title: Array.isArray(column) ? column[1] : '' }, Array.isArray(column) ? column[0] : column))))), h("tbody", { key: '1f7ffd08ce54fe4b47560e3465e18bd163065be0', class: "table-body", part: "table-body" }, h(TableLoadingState, { key: '8a2668b61449c0a16183bff5a2de120cb8898922', columnSpan: this.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: 'a419e933f349cc126afac309c0647a985590dfc5', isEmpty: this.showEmptyState, columnSpan: this.columnData.length }), h(TableErrorState, { key: 'b3a0267af5bdfdf7ca28caa4b2427437fb6f806f', columnSpan: this.columnData.length, errorMessage: this.errorMessage }), this.showRowData &&
-            this.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler, part: `table-row ${index % 2 ? 'table-row-even' : 'table-row-odd'}` }, data.map((dataEntry) => ((dataEntry === null || dataEntry === void 0 ? void 0 : dataEntry.type) ? (h("td", { part: "table-cell", innerHTML: dataEntry.value })) : (h("td", { part: "table-cell" }, dataEntry)))))))), this.paging && (h("tfoot", { key: '11aabf956abf100c8988c7fc0dc6fe1327b0a45d', class: "sticky-bottom" }, h("tr", { key: '37bf8a636469e15cb73d0730e2a2269decc83693', class: "table-light align-middle" }, h("td", { key: '785d2f4b39153842a9a9a0ab40ace7c2a35c6b6c', part: "pagination-bar", colSpan: this.columnData.length }, h("pagination-menu", { key: 'f39e621434687eab1b7fccdfda56cbecfe59d64d', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }), params: this.params })))))))));
+        return (h("div", { key: '536d8a921bb7b6517dc65afd307507668e74e92f' }, h("div", { key: '5d33c651af05927db51e7d855772ff1c60f71ef0', class: "row gy-3 mb-4" }, h("div", { key: '53f246db4d96ef4ac445c0b57d4da3471c9fdbdb', class: "col-2" }, h("form-control-date", { key: 'd6e711e3e92e53cff8e2ee4a8c4a3788584c0f77', name: "created_after", label: "Date from:", inputHandler: this.handleDateChange })), h("div", { key: '86ab746d1e7f9e11dfeca4cd185909d9d447fe85', class: "col-2" }, h("form-control-date", { key: '232edbf8284d14ed3659a199b144eb5596e22b88', name: "created_before", label: "Date to:", inputHandler: this.handleDateChange }))), h("div", { key: '10c720e38bd24ff9431d59a28ec46f62bd8c04a7', class: "table-wrapper" }, h("table", { key: 'fdbf0978c018315d5e67caf9273e59bf4e50205c', class: "table table-hover" }, h("thead", { key: 'f3fc1532a46f8b92eff8d385462fe8ba9448840b', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: 'fe552206bf026258b40031c10a030fb32f98879d', class: "table-light text-nowrap", part: "table-head-row" }, this.columnData.map((column) => (h("th", { part: "table-head-cell", scope: "col", title: Array.isArray(column) ? column[1] : '' }, Array.isArray(column) ? column[0] : column))))), h("tbody", { key: '1247efd4d95cfb257d052acf9dbcac84203aaaaf', class: "table-body", part: "table-body" }, h(TableLoadingState, { key: '1107d1a965651133504db486d4d0b692fe9735e9', columnSpan: this.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '8435806053ae9d16a05cc031f33d3b97e4d02248', isEmpty: this.showEmptyState, columnSpan: this.columnData.length }), h(TableErrorState, { key: '01213ac9d7f63e0eaa11c38f4aebe59aef3650d9', columnSpan: this.columnData.length, errorMessage: this.errorMessage }), this.showRowData &&
+            this.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler, part: `table-row ${index % 2 ? 'table-row-even' : 'table-row-odd'}` }, data.map((dataEntry) => ((dataEntry === null || dataEntry === void 0 ? void 0 : dataEntry.type) ? (h("td", { part: "table-cell", innerHTML: dataEntry.value })) : (h("td", { part: "table-cell" }, dataEntry)))))))), this.paging && (h("tfoot", { key: 'd2a1b0dd2340cf64816ad05c1c03f136b21df0a6', class: "sticky-bottom" }, h("tr", { key: 'abb87b7c026475da175a6bec772887bf3ac08933', class: "table-light align-middle" }, h("td", { key: '32070f512aebc77a42693a93e717d31ef9ed4509', part: "pagination-bar", colSpan: this.columnData.length }, h("pagination-menu", { key: '57ee656553f4afee96f5dbdac5866f103cde97eb', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }), params: this.params })))))))));
     }
     static get watchers() { return {
         "params": ["updateOnPropChange"],
@@ -177,13 +163,18 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["payouts-list-core", "form-control-date", "form-control-error-text", "form-control-help-text", "pagination-menu"];
+    const components = ["payouts-list-core", "custom-popper", "form-control-date", "form-control-error-text", "form-control-tooltip", "pagination-menu"];
     components.forEach(tagName => { switch (tagName) {
         case "payouts-list-core":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, PayoutsListCore);
             }
             break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
         case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
@@ -194,7 +185,7 @@ function defineCustomElement() {
                 defineCustomElement$3();
             }
             break;
-        case "form-control-help-text":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

package/dist/module/payouts-status.js

@@ -0,0 +1,22 @@
+const MapPayoutStatusToBadge = (status) => {
+    switch (status) {
+        case 'canceled':
+            return "<span class='badge bg-danger' title='Transfer to your bank account failed'>Canceled</span>";
+        case 'failed':
+            return "<span class='badge bg-danger' title='Transfer to your bank account failed'>Failed</span>";
+        case 'forwarded':
+            return "<span class='badge bg-secondary' title='This payout initially failed; the funds have been forwarded to your next successful payout'>Forwarded</span>";
+        case 'in_transit':
+            return "<span class='badge bg-primary' title='Transfer to your bank account has been initiated'>In Transit</span>";
+        case 'paid':
+            return "<span class='badge bg-success' title='Successfully deposited into your bank account'>Paid</span>";
+        case 'pending':
+            return "<span class='badge bg-primary' title='Batched and scheduled to be transferred'>Pending</span>";
+        case 'scheduled':
+            return "<span class='badge bg-primary' title='Batched and scheduled to be transferred'>Scheduled</span>";
+        case 'withdrawn':
+            return "<span class='badge bg-success' title='Negative payout balance successfully withdrawn from your bank account'>Withdrawn</span>";
+    }
+};
+
+export { MapPayoutStatusToBadge as M };

package/dist/module/product-or-service.js

@@ -0,0 +1,60 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$5 } from './custom-popper2.js';
+import { d as defineCustomElement$4 } from './form-control-error-text2.js';
+import { d as defineCustomElement$3 } from './form-control-file2.js';
+import { d as defineCustomElement$2 } from './form-control-text2.js';
+import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
+
+const ProductOrService = /*@__PURE__*/ proxyCustomElement(class ProductOrService extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.productOrService = undefined;
+    }
+    render() {
+        return (h("div", { key: '1093c8d9b1fe6875c3cd0fc8422f46d6ed5b8aae' }, h("div", { key: '6d6df2f3a1c3567bac929adde53dd91d8aee98a3', class: "row gy-3" }, h("div", { key: '0111ec6b367ab5728afba391fb62c034c68f75f4', class: "col-12" }, h("h2", { key: '850b6360c847ad3da0c16e275acd07a70dcec0c2', class: "h5" }, "Product & Service Details")), h("div", { key: 'b00fe2787f21032de5203660f6d467d2d3bbecdc', class: "col-12" }, h("form-control-text", { key: 'd7ac38a0efc9f36894227f85fbee2e2886e96757', label: "Product Description", name: "product_description" })), h("div", { key: '6cda4e7ac36e124043078b3d47513d5a4ec5cac4', class: "col-12" }, h("form-control-text", { key: '585744cbc9775643779ecb59752d1f883c4cdea0', label: "Service Date", name: "service_date" })), h("div", { key: '07e96df94d2c40fc9e0e2868cf5b8d4a519d1895', class: "col-12" }, h("form-control-file", { key: 'e98020135a597563248a5dac713d87715c11752c', label: "Service Documentation", name: "service_documentation" })))));
+    }
+}, [0, "justifi-product-or-service", {
+        "productOrService": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-product-or-service", "custom-popper", "form-control-error-text", "form-control-file", "form-control-text", "form-control-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-product-or-service":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ProductOrService);
+            }
+            break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "form-control-error-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "form-control-file":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "form-control-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "form-control-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { ProductOrService as P, defineCustomElement as d };

package/dist/module/refund-policy.js

@@ -0,0 +1,63 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$6 } from './custom-popper2.js';
+import { d as defineCustomElement$5 } from './form-control-error-text2.js';
+import { d as defineCustomElement$4 } from './form-control-file2.js';
+import { d as defineCustomElement$3 } from './form-control-help-text2.js';
+import { d as defineCustomElement$2 } from './form-control-textarea2.js';
+import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
+
+const RefundPolicy = /*@__PURE__*/ proxyCustomElement(class RefundPolicy extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    render() {
+        return (h("div", { key: '7f9095e25e7fce0b5277d332f304f99d81693a72' }, h("div", { key: '9c81d685961f496f680c795d25f1d33da8693a98', class: "row gy-3" }, h("div", { key: '983622ce45a875c01b6d4479e84ce5bfe079e0d6', class: "col-12" }, h("h2", { key: '33e426cd1aabf66e97eaf2292c2e79e0f27a82c8', class: "h5" }, "Refund Policy and Receipt")), h("div", { key: '6968a33fef60038777e4b34a528c07361486262e', class: "col-12" }, h("form-control-textarea", { key: 'dcded5a84ef9104045fe228f5a498b42b7c4bc72', label: "Refund Policy Disclosure", name: "refund_policy_disclosure" })), h("div", { key: '5cf7d7017f4a43f3dbf592e2191b8ac5a53f9695', class: "col-12" }, h("form-control-textarea", { key: '81c95385cb04ef82fb23b95bc084c118a153280a', label: "Refund Refund Explanation", name: "refund_refusal_explanation" })), h("div", { key: '8ff60b9d1a1159073314905b56ecf46eb35a321e', class: "col-12" }, h("form-control-file", { key: 'f308750940e7fd12972584281169c265c28834d6', label: "Upload Refund Policy", name: "refund_policy" })), h("div", { key: '802abe379ac422c927022be29effecee97dd1694', class: "col-12" }, h("form-control-file", { key: '2d166d7768de62e5f6efb3cd466b856296ce4929', label: "Upload Receipt", name: "receipt" })))));
+    }
+}, [0, "justifi-refund-policy"]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-refund-policy", "custom-popper", "form-control-error-text", "form-control-file", "form-control-help-text", "form-control-textarea", "form-control-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-refund-policy":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, RefundPolicy);
+            }
+            break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "form-control-error-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "form-control-file":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "form-control-help-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "form-control-textarea":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "form-control-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { RefundPolicy as R, defineCustomElement as d };

package/dist/module/save-new-payment-method.js

@@ -13,7 +13,7 @@ const SaveNewPaymentMethod = /*@__PURE__*/ proxyCustomElement(class SaveNewPayme
         this.checkboxChanged.emit(this.isChecked);
     }
     render() {
-        return (h("div", { key: 'f22a132a518a98786c8486e08c9a65050f3c5ea0', class: "mt-4 form-check" }, h("input", { key: '6f1392f9dd29a9761f5942b0a40e05a899858ada', type: "checkbox", checked: this.isChecked, onChange: (event) => this.handleCheckboxChange(event), class: "form-check-input" }), h("label", { key: 'e6e5908ba70ece8ea19370a04104d88d17237fc7', class: "form-check-label" }, "Save new payment method")));
+        return (h("div", { key: 'dc65b5d53172a7d3b26f7a09ea98b865fcc4689a', class: "mt-4 form-check" }, h("input", { key: 'e4af44c05c9f45ffe6d2eb88199983725d421d7b', type: "checkbox", checked: this.isChecked, onChange: (event) => this.handleCheckboxChange(event), class: "form-check-input" }), h("label", { key: 'ad6aa82a60e4d2c6f73cda78a819e9f1590a598b', class: "form-check-label" }, "Save new payment method")));
     }
 }, [0, "justifi-save-new-payment-method", {
         "isChecked": [32]

package/dist/module/saved-payment-method.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
 import { c as config } from './config.js';
-import { h as snakeToCamel } from './utils2.js';
+import { j as snakeToCamel } from './utils2.js';
 
 class PaymentMethodOption {
     constructor(paymentMethod) {
@@ -44,7 +44,7 @@ const SavedPaymentMethod = /*@__PURE__*/ proxyCustomElement(class SavedPaymentMe
     ;
     render() {
         var _a, _b, _c, _d, _e;
-        return (h(Fragment, { key: '9c2174123f1675d60bc48d8109821c0bc2ad7682' }, h("div", { key: '07bffce2603110d44f38ffb2f57a60f07faddb3b', class: "payment-method" }, h("div", { key: 'f489d3a05db45c2b2581bc8f0fc093afed453d91', class: "payment-method-header p-3", onClick: () => this.onPaymentMethodOptionClick() }, h("input", { key: '70681612520aa621c39a017b72b25a7dd3211282', type: "radio", name: "paymentMethodType", id: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, value: (_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id, onClick: (event) => event.preventDefault(), checked: this.isSelected, class: "form-check-input me-2" }), h("label", { key: 'a58e14ae9d199b0e0eb01b4c0a4a8bd9c8fec41d', htmlFor: (_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.id, class: "form-check-label" }, CardBrandLabels[(_d = this.paymentMethodOption) === null || _d === void 0 ? void 0 : _d.brand], " *", (_e = this.paymentMethodOption) === null || _e === void 0 ? void 0 :
+        return (h(Fragment, { key: '9bcd2cd5776229c7eff6658e3dc1f98429d0812d' }, h("div", { key: '00edbed020974c57713d9864b83a811189fbfea1', class: "payment-method" }, h("div", { key: 'a4af4151ddb4d300ec6b543942710439032ee27b', class: "payment-method-header p-3", onClick: () => this.onPaymentMethodOptionClick() }, h("input", { key: 'd210d4826658e7ebd26bcb5da2f5e2cd1f495f9b', type: "radio", name: "paymentMethodType", id: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, value: (_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id, onClick: (event) => event.preventDefault(), checked: this.isSelected, class: "form-check-input me-2" }), h("label", { key: 'ef66a85ab7e8526f826ef4f57e262c4bd31dafaa', htmlFor: (_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.id, class: "form-check-label" }, CardBrandLabels[(_d = this.paymentMethodOption) === null || _d === void 0 ? void 0 : _d.brand], " *", (_e = this.paymentMethodOption) === null || _e === void 0 ? void 0 :
             _e.acct_last_four)))));
     }
 }, [0, "justifi-saved-payment-method", {

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { a as formatCurrency } from './utils2.js';
+import { c as formatCurrency } from './utils2.js';
 import { v as validateInsuranceValues, a as insuranceValues, b as insuranceErrors } from './insurance-state.js';
 import { S as StyledHost } from './styled-host.js';
 
@@ -111,8 +111,8 @@ const SeasonInterruptionInsuranceCore = /*@__PURE__*/ proxyCustomElement(class S
     }
     render() {
         var _a, _b, _c, _d;
-        return (h(StyledHost, { key: '7b1384ddbc83b5f92d3a2c4f8e544c8bd06fa716' }, !this.isLoading &&
-            h("div", { key: 'd94a61158ceb79c30d81ee5186195d3454c01323' }, h("h2", { key: '05d5b1499cf7de28823ec98ebd2c220eca7471f1', class: "fs-5 fw-bold pb-3 jfi-header" }, (_a = this.quote) === null || _a === void 0 ? void 0 : _a.product.title), h("small", { key: 'fa26cf97a06a9910d7f4cb04d149bbcd9f30d103', innerHTML: (_b = this.quote) === null || _b === void 0 ? void 0 : _b.product.description }), h("div", { key: '287de8ed4ca603b3162b4158d18d7e8a53e3b453' }, h("input", { key: '59adbc8ac892e572bc1aa68f3c626beab76af282', id: "accept", type: "radio", name: "opt-in", value: "true", onChange: (event) => this.onChangeHandler(event), class: this.error ? 'form-check-input me-2 is-invalid' : 'form-check-input me-2' }), h("label", { key: '469ac2622be0c76564de8102a499d3d3790380b2', htmlFor: "accept" }, "Accept coverage for ", formatCurrency((_c = this.quote) === null || _c === void 0 ? void 0 : _c.total_cents))), h("div", { key: '7a8827c4261d5978ecca31fc42397f233b3e37fc', class: "mb-2" }, h("input", { key: 'e25994c491ca5d74d20ec5f5787ff88ee9575ca0', id: "decline", type: "radio", name: "opt-in", value: "false", onChange: (event) => this.onChangeHandler(event), class: this.error ? 'form-check-input me-2 is-invalid' : 'form-check-input me-2' }), h("label", { key: '0a5f13213a19e13258c72ccbbe7a2e148daf1750', htmlFor: "decline" }, "Decline coverage")), h("div", { key: '33a190aa52dfefd6accf77a9e00598563a8f5e6c', class: "invalid-feedback", style: { display: this.error ? 'block' : 'none' } }, "Please select an option"), h("small", { key: 'f10e4ebd9a896fc792bb3d18d6014100013cb0b7', innerHTML: (_d = this.quote) === null || _d === void 0 ? void 0 : _d.product.legal_disclaimer }))));
+        return (h(StyledHost, { key: 'ca90d98930a8edff34e6690caa04421a70fa9238' }, !this.isLoading &&
+            h("div", { key: 'ff7e145e0fe3e4cc1b1b476369dec63228aeafbf' }, h("h2", { key: '206a364e3efdeafc1c17c6d25ec5de1b8ce21c29', class: "fs-5 fw-bold pb-3 jfi-header" }, (_a = this.quote) === null || _a === void 0 ? void 0 : _a.product.title), h("small", { key: '0f3ef80b76e2d50b793175dfd9de9910329254ea', innerHTML: (_b = this.quote) === null || _b === void 0 ? void 0 : _b.product.description }), h("div", { key: '5fa4ea480c0ebc1870f222a4f58529676451e9d4' }, h("input", { key: '40f5f25d82c9a5ecea558ea0f6763d619f82727e', id: "accept", type: "radio", name: "opt-in", value: "true", onChange: (event) => this.onChangeHandler(event), class: this.error ? 'form-check-input me-2 is-invalid' : 'form-check-input me-2' }), h("label", { key: 'c7e2cd5fa6052765e2155cbc24f6fd9d6b8da723', htmlFor: "accept" }, "Accept coverage for ", formatCurrency((_c = this.quote) === null || _c === void 0 ? void 0 : _c.total_cents))), h("div", { key: '47d716b0cb114e3c0a62776491153ca2ce389ce7', class: "mb-2" }, h("input", { key: 'dd442bb652f98a75d184e99d78d79292189ef867', id: "decline", type: "radio", name: "opt-in", value: "false", onChange: (event) => this.onChangeHandler(event), class: this.error ? 'form-check-input me-2 is-invalid' : 'form-check-input me-2' }), h("label", { key: 'e5b7a36f006ed6a78eb762c1bea131800ab45ae4', htmlFor: "decline" }, "Decline coverage")), h("div", { key: 'dddae2c74c62641ccd2ba7352190d6e4731ef19b', class: "invalid-feedback", style: { display: this.error ? 'block' : 'none' } }, "Please select an option"), h("small", { key: '67684b8a101061c54b0629ae35000032232e6847', innerHTML: (_d = this.quote) === null || _d === void 0 ? void 0 : _d.product.legal_disclaimer }))));
     }
     static get style() { return JustifiSeasonInterruptionInsuranceCoreStyle0 + (JustifiSeasonInterruptionInsuranceCoreStyle1 + JustifiSeasonInterruptionInsuranceCoreStyle2); }
 }, [1, "justifi-season-interruption-insurance-core", {

package/dist/module/sezzle-payment-method.js

@@ -1,6 +1,6 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import { c as config } from './config.js';
-import { a as formatCurrency } from './utils2.js';
+import { c as formatCurrency } from './utils2.js';
 
 const sezzleLogo = (h("img", { class: "sezzle-smart-button-logo-img", src: "https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg", alt: "Sezzle", style: {
         display: 'inline',
@@ -69,7 +69,7 @@ const SezzlePaymentMethod = /*@__PURE__*/ proxyCustomElement(class SezzlePayment
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: 'a71ee3b09669bd27f82f13fc2e924978df3b3883', class: "payment-method" }, h("script", { key: 'def81ad89dfc5d5038ee0de6ea6e3d430f45842c', src: "https://checkout-sdk.sezzle.com/checkout.min.js", async: true, ref: (el) => (this.scriptRef = el) }), h("div", { key: 'b7c0afa6b157a981d61b4825dcf7fa5d031d701e', class: `payment-method-header p-3`, onClick: () => this.onPaymentMethodOptionClick() }, h("input", { key: '5c52a82646f941e7df87b99cd326c32b64ab1373', type: "radio", name: "paymentMethodType", id: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, value: (_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id, onClick: (event) => event.preventDefault(), checked: this.isSelected, class: "form-check-input me-2" }), h("label", { key: 'bb520c7addf37652ad0f22cc5a08c3afb0a23cd8', htmlFor: (_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.id, class: "form-check-label" }, h("div", { key: '0e43ff1520bece6a98c61be7fa31acb3fd4711e9' }, "Buy now, pay later with ", sezzleLogo), this.installmentPlan && (h("small", { key: '9413c186f4dd6ee5b5296a4e0e60d469f5bec5c0' }, h("span", { key: 'dbc4ff1d6c5c7d0a189ea4f09773de501b21d5d1' }, (_d = this.installmentPlan) === null || _d === void 0 ? void 0 : _d.installments.length), "\u00A0", h("span", { key: '72a4d2a7b34fffaee04d466a981a1dab3160c639' }, this.installmentPlan.schedule, " payments of"), "\u00A0", h("span", { key: 'c2e2c5c4eaec1d03120239c00b47ae4bac548be6', class: "fw-bold" }, formatCurrency((_e = this.installmentPlan) === null || _e === void 0 ? void 0 : _e.installments[0].amountInCents))))))));
+        return (h("div", { key: '5c1e9653930fe5e2c2c72145a59ff29ec8aaae58', class: "payment-method" }, h("script", { key: '5b500fb5c44bf750486d26eeb492fa76c70ecb1c', src: "https://checkout-sdk.sezzle.com/checkout.min.js", async: true, ref: (el) => (this.scriptRef = el) }), h("div", { key: '2fd81eb7f13f3aeeaffbefaac4d8797465265f92', class: `payment-method-header p-3`, onClick: () => this.onPaymentMethodOptionClick() }, h("input", { key: '7dec7485102a17b93cd7d3b55dc25e549d67e477', type: "radio", name: "paymentMethodType", id: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, value: (_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id, onClick: (event) => event.preventDefault(), checked: this.isSelected, class: "form-check-input me-2" }), h("label", { key: 'f2b85b11fb6ca254e3ff541a33b0aab2fc8373d8', htmlFor: (_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.id, class: "form-check-label" }, h("div", { key: '4f2c0df30f6b41d80f747e0475e79a26bd34a981' }, "Buy now, pay later with ", sezzleLogo), this.installmentPlan && (h("small", { key: '84b235727da8bbc38a4d793feb18fca6432f6d6c' }, h("span", { key: '399213d7597c342d065d50296f0991d03f11e964' }, (_d = this.installmentPlan) === null || _d === void 0 ? void 0 : _d.installments.length), "\u00A0", h("span", { key: 'c27dba665086c540e566c192a6b451721e4169f3' }, this.installmentPlan.schedule, " payments of"), "\u00A0", h("span", { key: '1c8b4b9342b3f48365ff313becbf8aaab402a191', class: "fw-bold" }, formatCurrency((_e = this.installmentPlan) === null || _e === void 0 ? void 0 : _e.installments[0].amountInCents))))))));
     }
 }, [0, "justifi-sezzle-payment-method", {
         "iframeOrigin": [1025, "iframe-origin"],

package/dist/module/shipping-details.js

@@ -0,0 +1,79 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$8 } from './custom-popper2.js';
+import { d as defineCustomElement$7 } from './form-control-date2.js';
+import { d as defineCustomElement$6 } from './form-control-error-text2.js';
+import { d as defineCustomElement$5 } from './form-control-file2.js';
+import { d as defineCustomElement$4 } from './form-control-help-text2.js';
+import { d as defineCustomElement$3 } from './form-control-text2.js';
+import { d as defineCustomElement$2 } from './form-control-textarea2.js';
+import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
+
+const ShippingDetails = /*@__PURE__*/ proxyCustomElement(class ShippingDetails extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    // "shipping_address": "...",
+    // "shipping_carrier": "...",
+    // "shipping_date": "...",
+    // "shipping_tracking_number": "...",
+    render() {
+        return (h("div", { key: 'b751c099794fd1e199fc33c5d09899dfd112983b' }, h("div", { key: '199584570dafdf9d7592b58c786c40eab29a9e2d', class: "row gy-3" }, h("div", { key: 'aa22d4ccaa52177f51584faf433208d55de363af', class: "col-12" }, h("h2", { key: '43b90ea2ccca89595bc9edd44e6b6c7231f6a417', class: "h5" }, "Shipping Details")), h("div", { key: '337e087f6a073ce3e5add78813e127578599009f', class: "col-12" }, h("form-control-text", { key: '6b451a1c2e730adb7672a7d31e2a329ddddb9801', label: "Shipping Carrier Name", name: "shipping_carrier" })), h("div", { key: 'ff49c1efb33231b0c81a1b03062031eabcc8b2b5', class: "col-12" }, h("form-control-text", { key: '54b17aba899f77e7c988a367fa3405fbed62b7ed', label: "Tracking Number", name: "shipping_tracking_number" })), h("div", { key: 'cc9a4441663f35a49d119ffdd71562fec327d6da', class: "col-12" }, h("form-control-date", { key: '3e8a41b5a6247a11e11311dcb93e5e567a2bf647', label: "Date Shipped", name: "shipping_date" })), h("div", { key: '0d76ef386013035480f2c1041ddaf4f0a7e88522', class: "col-12" }, h("form-control-textarea", { key: '2c587c5c24127aac5c60c20cf6717060a5fbb35f', label: "Shipping Address", name: "shipping_address" })), h("div", { key: '783465b60c9529abfae87c0c92915c3a79e4a3e8', class: "col-12" }, h("form-control-file", { key: 'ab665466efa871edacc58e60ba572db7f570a83f', label: "Shipping Documentation", name: "shipping_documentation" })))));
+    }
+}, [0, "justifi-shipping-details"]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-shipping-details", "custom-popper", "form-control-date", "form-control-error-text", "form-control-file", "form-control-help-text", "form-control-text", "form-control-textarea", "form-control-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-shipping-details":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ShippingDetails);
+            }
+            break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "form-control-date":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "form-control-error-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "form-control-file":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "form-control-help-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "form-control-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "form-control-textarea":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "form-control-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { ShippingDetails as S, defineCustomElement as d };