@justifi/webcomponents 5.7.6-rc-21 → 5.7.7

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

@@ -1,22 +1,15 @@
-import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { A as Api } from './Api.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
 import './Pagination.js';
+import './Payment.js';
+import './Refund.js';
 import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
-import { c as checkoutStore } from './checkout.store.js';
-import { p as processHTML, c as formatCurrency, r as removeAttribute, l as addAttribute } from './utils2.js';
-import { v as validateInsuranceValues, a as insuranceValues, b as insuranceErrors } from './insurance-state.js';
-import { t as text, j as textDanger } from './parts.js';
-import { S as StyledHost } from './styled-host.js';
-import { H as Header2 } from './header-2.js';
-import './details.js';
-import './event-types.js';
-import './justifi-radio-list-item2.js';
-import { S as Skeleton } from './skeleton.js';
-import { d as defineCustomElement$3 } from './form-control-help-text2.js';
-import { d as defineCustomElement$2 } from './form-control-radio2.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
+import { d as defineCustomElement$4 } from './form-control-help-text2.js';
+import { d as defineCustomElement$3 } from './form-control-radio2.js';
+import { d as defineCustomElement$2 } from './season-interruption-insurance-core.js';
 
 const api = Api();
 class InsuranceService {
@@ -87,54 +80,27 @@ const makeToggleCoverage = ({ authToken, service }) => async ({ quoteId, payload
     }
 };
 
-const SeasonInterruptionInsuranceLoading = () => (h("div", { class: "row gap-3" },
-    h("div", { class: "col-12" },
-        h(Skeleton, { width: "35%", height: "30px" })),
-    h("div", { class: "col-12" },
-        h(Skeleton, { width: "70%" })),
-    h("div", { class: "col-12" },
-        h(Skeleton, { width: "40%" })),
-    h("div", { class: "col-12" },
-        h(Skeleton, { width: "40%" })),
-    h("div", { class: "col-12" },
-        h(Skeleton, { width: "100%" })),
-    h("div", { class: "col-12" },
-        h(Skeleton, { width: "80%" }))));
-
 const SeasonInterruptionInsurance = /*@__PURE__*/ proxyCustomElement(class SeasonInterruptionInsurance extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
         this.__attachShadow();
-        this.insuranceUpdated = createEvent(this, "insurance-updated", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
-        this.isLoading = true;
     }
     async validate() {
-        return validateInsuranceValues();
-    }
-    processHTMLContent(html) {
-        return processHTML(html, [
-            (html) => removeAttribute(html, 'style'),
-            (html) => addAttribute(html, 'a', 'part', text),
-            (html) => addAttribute(html, 'p', 'part', text),
-        ]);
+        return this.seasonInterruptionCoreRef.validate();
     }
     componentWillLoad() {
         checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
         this.initializeServiceMethods();
-        if (this.getQuote) {
-            this.fetchData();
-        }
     }
     disconnectedCallback() {
         var _a;
         (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     initializeServiceMethods() {
-        const authToken = this.authToken || checkoutStore.authToken;
-        if (!authToken) {
+        if (!this.authToken) {
             this.errorEvent.emit({
                 errorCode: ComponentErrorCodes.MISSING_PROPS,
                 message: 'Missing authToken',
@@ -142,82 +108,17 @@ const SeasonInterruptionInsurance = /*@__PURE__*/ proxyCustomElement(class Seaso
             });
             return;
         }
-        const service = new InsuranceService();
-        const config = { authToken, service };
-        this.getQuote = makeGetQuote(config);
-        this.toggleCoverage = makeToggleCoverage(config);
-    }
-    fetchData() {
-        this.isLoading = true;
-        this.getQuote({
-            payload: {
-                checkout_id: this.checkoutId || checkoutStore.checkoutId,
-                policy_type: "season_interruption",
-                primary_identity: {
-                    state: this.primaryIdentityState,
-                    email: this.primaryIdentityEmailAddress,
-                    first_name: this.primaryIdentityFirstName,
-                    last_name: this.primaryIdentityLastName,
-                    postal_code: this.primaryIdentityPostalCode,
-                    country: this.primaryIdentityCountry
-                },
-                policy_attributes: {
-                    insurable_amount: this.policyAttributesInsurableAmount,
-                    start_date: this.policyAttributesStartDate,
-                    end_date: this.policyAttributesEndDate,
-                    covered_identity: {
-                        first_name: this.coveredIdentityFirstName,
-                        last_name: this.coveredIdentityLastName
-                    }
-                }
-            },
-            onSuccess: ({ quote }) => {
-                this.quote = quote;
-                this.quote.product.description = this.processHTMLContent(this.quote.product.description);
-                this.quote.product.legal_disclaimer = this.processHTMLContent(this.quote.product.legal_disclaimer);
-                insuranceValues[quote.policy_type] = quote.accepted;
-                this.isLoading = false;
-            },
-            onError: ({ error, code, severity }) => {
-                this.isLoading = false;
-                this.errorEvent.emit({
-                    errorCode: code,
-                    message: error,
-                    severity,
-                });
-            }
+        this.getQuote = makeGetQuote({
+            authToken: this.authToken,
+            service: new InsuranceService(),
         });
-    }
-    onChangeHandler(_name, value) {
-        this.accepted = value;
-        insuranceErrors[this.quote.policy_type] = false;
-        this.toggleCoverage({
-            quoteId: this.quote.id,
-            payload: { accepted: this.accepted },
-            onSuccess: () => {
-                this.insuranceUpdated.emit();
-                insuranceValues[this.quote.policy_type] = this.accepted;
-            },
-            onError: ({ error, code, severity }) => {
-                this.errorEvent.emit({
-                    errorCode: code,
-                    message: error,
-                    severity,
-                });
-            }
+        this.toggleCoverage = makeToggleCoverage({
+            authToken: this.authToken,
+            service: new InsuranceService(),
         });
     }
-    get error() {
-        var _a;
-        return insuranceErrors[(_a = this.quote) === null || _a === void 0 ? void 0 : _a.policy_type];
-    }
     render() {
-        var _a, _b, _c, _d;
-        if (this.isLoading)
-            return (h(StyledHost, null, h(SeasonInterruptionInsuranceLoading, null)));
-        return (h(StyledHost, null, h("div", null, h(Header2, { text: (_a = this.quote) === null || _a === void 0 ? void 0 : _a.product.title, class: "fs-5 fw-bold pb-3" }), h("small", { part: text, innerHTML: (_b = this.quote) === null || _b === void 0 ? void 0 : _b.product.description }), h("form-control-radio", { label: `Accept coverage for ${formatCurrency((_c = this.quote) === null || _c === void 0 ? void 0 : _c.total_cents)}`, name: "opt-in", value: 'true', checked: this.accepted === 'true', inputHandler: this.onChangeHandler.bind(this),
-            // don't wanna show error message, but need to show the red border
-            errorText: this.error ? ' ' : undefined }), h("form-control-radio", { label: "Decline coverage", name: "opt-in", value: 'false', checked: this.accepted === 'false', inputHandler: this.onChangeHandler.bind(this), errorText: this.error ? ' ' : undefined }), h("div", { class: "invalid-feedback", style: { display: this.error ? 'block' : 'none' }, part: textDanger }, "Please select an option"), h("small", { part: text, innerHTML: (_d = this.quote) === null || _d === void 0 ? void 0 : _d.product.legal_disclaimer }))));
+        return (h("justifi-season-interruption-insurance-core", { key: 'aac3dc07107f64d56f6cddf44b54df4a34d11715', ref: (el) => (this.seasonInterruptionCoreRef = el), "checkout-id": this.checkoutId, getQuote: this.getQuote, toggleCoverage: this.toggleCoverage, "primary-identity-first-name": this.primaryIdentityFirstName, "primary-identity-last-name": this.primaryIdentityLastName, "primary-identity-state": this.primaryIdentityState, "primary-identity-postal-code": this.primaryIdentityPostalCode, "primary-identity-country": this.primaryIdentityCountry, "primary-identity-email-address": this.primaryIdentityEmailAddress, "policy-attributes-insurable-amount": this.policyAttributesInsurableAmount, "policy-attributes-start-date": this.policyAttributesStartDate, "policy-attributes-end-date": this.policyAttributesEndDate, "covered-identity-first-name": this.coveredIdentityFirstName, "covered-identity-last-name": this.coveredIdentityLastName }));
     }
 }, [257, "justifi-season-interruption-insurance", {
         "authToken": [1, "auth-token"],
@@ -236,15 +137,13 @@ const SeasonInterruptionInsurance = /*@__PURE__*/ proxyCustomElement(class Seaso
         "getQuote": [32],
         "toggleCoverage": [32],
         "quote": [32],
-        "isLoading": [32],
-        "accepted": [32],
         "validate": [64]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-season-interruption-insurance", "form-control-help-text", "form-control-radio"];
+    const components = ["justifi-season-interruption-insurance", "form-control-help-text", "form-control-radio", "justifi-season-interruption-insurance-core"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-season-interruption-insurance":
             if (!customElements.get(tagName)) {
@@ -253,10 +152,15 @@ function defineCustomElement$1() {
             break;
         case "form-control-help-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$3();
+                defineCustomElement$4();
             }
             break;
         case "form-control-radio":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "justifi-season-interruption-insurance-core":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

package/dist/module/justifi-terminal-orders-list-filters.js

@@ -4,11 +4,12 @@ import { ai as terminalOrdersListFilterMenu, aj as orderStatusTerminalOrdersList
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
-import './justifi-radio-list-item2.js';
 import './config-state.js';
-import { h as convertToUTC, e as convertToLocal } from './utils2.js';
-import { T as TerminalOrderStatus, f as TerminalOrderType } from './Refund.js';
+import { k as convertToUTC, j as convertToLocal } from './utils2.js';
+import './Checkout.js';
 import './Pagination.js';
+import './Payment.js';
+import { T as TerminalOrderStatus, a as TerminalOrderType } from './Refund.js';
 import './Business.js';
 import { d as defineCustomElement$6 } from './custom-popper2.js';
 import { d as defineCustomElement$5 } from './form-control-date2.js';
@@ -62,8 +63,8 @@ const TerminalOrdersListFilters = /*@__PURE__*/ proxyCustomElement(class Termina
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '988e8065ca67d21d1c4b68c5bcfed4fd95c6e409' }, h("table-filters-menu", { key: '22073bfda9c93d5aecf8c613497673189df8b007', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: 'a94b84892b641a137ce100bf219bc58480f832ce', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'cfc88bdfea79cd6c84a6ad8c7d35eb95c40d26b8', class: "p-2" }, h("form-control-select", { key: '984fc8a4ad675cb42666ca788b451c0873156b78', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status, disabled: !!this.orderStatus, part: orderStatusTerminalOrdersListFilterParam })), h("div", { key: '7f1d78148dbc10f3b0cb311db4fa32d47974587a', class: "p-2" }, h("form-control-select", { key: '0f229683300698549656a508279758c5e17a2730', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type, disabled: !!this.orderType, part: orderTypeTerminalOrdersListFilterParam })), h("div", { key: 'c8728a93377e1733f30ba60eb16a49e0703a9d1f', class: "p-2" }, h("form-control-date", { key: '1dabe01d1b923c40135b4a1ca2b88b13f492900c', 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: createdAfterTerminalOrdersListFilterParam })), h("div", { key: '446ceaa457b97bef17d2443b38b9088b979f628b', class: "p-2" }, h("form-control-date", { key: '72b6a32928b2556dacb62c427af8d8c09a5f0abb', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: '583766e7fe6e649d4c575b74674c6df3528b9f23' }, h("table-filters-menu", { key: 'b153c328d120c9f45339b36a05f1f31e95488f05', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '2f8183f040f65592771425b8ef08d8991112de58', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '5d92afe66d4ad1518b02966a7bd20b919481df8d', class: "p-2" }, h("form-control-select", { key: '5d9619b0f89917158e3f73dbdd257b3ab9f42798', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status, disabled: !!this.orderStatus, part: orderStatusTerminalOrdersListFilterParam })), h("div", { key: '149e9cabd81646a1bed3f448472c83b503519c03', class: "p-2" }, h("form-control-select", { key: '0124bbb2937fb7f1b83f09253f268d06e057a023', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type, disabled: !!this.orderType, part: orderTypeTerminalOrdersListFilterParam })), h("div", { key: 'e59daa2229b40867eeaf3be94bffda752304186a', class: "p-2" }, h("form-control-date", { key: '1a6470d8619c6a5e15499021df8fce7dcc1e7a4c', 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: createdAfterTerminalOrdersListFilterParam })), h("div", { key: '63ce4af7c5ce8e84c222de5f279af78d0fe70b98', class: "p-2" }, h("form-control-date", { key: '44f2c492dda5bd6ebc215b1b8bcdf12fe8d346e8', 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: createdBeforeTerminalOrdersListFilterParam }))))));
     }
 }, [257, "justifi-terminal-orders-list-filters", {

package/dist/module/justifi-terminal-orders-list.js

@@ -2,13 +2,14 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
-import './justifi-radio-list-item2.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { d as defineCustomElement$2, a as defaultColumnsKeys } from './terminal-orders-list-core2.js';
 import './config-state.js';
-import './dinero.js';
-import { o as TerminalOrder, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
+import './utils2.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
 import './Pagination.js';
+import './Payment.js';
+import { g as TerminalOrder } from './Refund.js';
 import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { A as Api } from './Api.js';
@@ -96,7 +97,7 @@ const TerminalOrdersList = /*@__PURE__*/ proxyCustomElement(class TerminalOrders
         }
     }
     render() {
-        return (h(StyledHost, { key: '770ec45855c3d0034eb5a09db38a31cdfcc6227c' }, h("terminal-orders-list-core", { key: '53a96754ad9de85d99c1a299212d74925539d193', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'e1443c306b24a4e0e179458a899f7e362ef50d67' }, h("terminal-orders-list-core", { key: '8c7df6db57f09f71795273aa1e5ec5e93e67a09b', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
 }, [257, "justifi-terminal-orders-list", {
         "accountId": [1, "account-id"],

package/dist/module/justifi-terminals-list-filters.js

@@ -5,11 +5,12 @@ import { an as terminalsListFilterMenu, ao as terminalIdTerminalsListFilterParam
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
-import './justifi-radio-list-item2.js';
 import './config-state.js';
-import './dinero.js';
-import { g as ITerminalStatus } from './Refund.js';
+import './utils2.js';
+import './Checkout.js';
 import './Pagination.js';
+import './Payment.js';
+import { I as ITerminalStatus } from './Refund.js';
 import './Business.js';
 import { d as defineCustomElement$6 } from './custom-popper2.js';
 import { d as defineCustomElement$5 } from './form-control-select2.js';
@@ -51,7 +52,7 @@ const TerminalsListFilters = /*@__PURE__*/ proxyCustomElement(class TerminalsLis
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'b171691b2dd20e57f132d83f6857d15bfda36ea1' }, h("table-filters-menu", { key: '458e8a032f475812a7cc77ecfc2af6ba0e4b8398', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: 'dc1953cae02eded40a0e8351aa2d3b25f1105486', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'f676f3b75ee02a0a1db4b8b95ba6c01cbcd00cb4', class: "p-2" }, h("form-control-text", { key: '8f00314bc11246b6006d682830155fd931adf1b6', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: 'bf6704c3b84fd825c925bc212c8f76b2d6c0a3c3', class: "p-2" }, h("form-control-text", { key: '24b7ef636136f749a44d927752d54110508c5986', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: terminalOrderIdTerminalsListFilterParam })), h("div", { key: '0c1bd807a3ca0e9a0d5bf182f4f48e6bbc78201e', class: "p-2" }, h("form-control-select", { key: 'bf9f459cbda08eabb9c6bbbb6c8c4cd82ce753b5', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
+        return (h(StyledHost, { key: '33d0e44947a2df5217d725fab6cbdee16b82b505' }, h("table-filters-menu", { key: '23d37f21ce7fe37f8e09cb8244593c8cd87d6163', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '72bea11d594c36b78819da9a4df7b637af9c82f5', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '6001d65ea3c2f0e7e950ff647d2e25ab0986e757', class: "p-2" }, h("form-control-text", { key: '035f811a609d95f6445eafc94c5ccca42c5086e0', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '0f1f0f6a83ecc78dfea9c9744d6c26c64549231d', class: "p-2" }, h("form-control-text", { key: '9798016e2e88ea4e90f280afa3ecb9d34748ff4c', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: terminalOrderIdTerminalsListFilterParam })), h("div", { key: '719f95cc9b707b626fcb7234164f247dec321b0f', class: "p-2" }, h("form-control-select", { key: '08482cde28ea4fb2d25cba044112b8a47ffe8c33', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
     }
 }, [257, "justifi-terminals-list-filters", {
         "terminalId": [1, "terminal-id"],

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

@@ -1,17 +1,18 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { l as Terminal, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { T as TerminalService } from './terminal.service.js';
 import './config-state.js';
-import './dinero.js';
+import './utils2.js';
 import './Pagination.js';
+import './Payment.js';
+import { d as Terminal } from './Refund.js';
 import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
-import './justifi-radio-list-item2.js';
 import { d as defineCustomElement$2, a as defaultColumnsKeys } from './terminals-list-core2.js';
 import { d as defineCustomElement$3 } from './pagination-menu2.js';
 
@@ -101,7 +102,7 @@ const TerminalsList = /*@__PURE__*/ proxyCustomElement(class TerminalsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: '3e7a05a8497a84bf6b06d9fc95834d9bbb53d954' }, h("terminals-list-core", { key: '1653a639b594c93cc08fadb07ff56346d1ae9295', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'a35e4efef6e52f45e8c2c232bde43afc0f5945ab' }, h("terminals-list-core", { key: '46cdde8b97d04760cf1a32f561513dcf42c5dd37', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-tokenize-payment-method.js

@@ -1,4 +1,222 @@
-import { T as TokenizePaymentMethod, d as defineCustomElement$1 } from './tokenize-payment-method.js';
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { B as Button } from './button.js';
+import { S as StyledHost } from './styled-host.js';
+import './details.js';
+import './event-types.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
+import './config-state.js';
+import './utils2.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
+import './Pagination.js';
+import './Payment.js';
+import './Refund.js';
+import './Business.js';
+import { d as defineCustomElement$l } from './bank-account-form2.js';
+import { d as defineCustomElement$k } from './card-form2.js';
+import { d as defineCustomElement$j } from './custom-popper2.js';
+import { d as defineCustomElement$i } from './form-control-checkbox2.js';
+import { d as defineCustomElement$h } from './form-control-help-text2.js';
+import { d as defineCustomElement$g } from './form-control-radio2.js';
+import { d as defineCustomElement$f } from './form-control-select2.js';
+import { d as defineCustomElement$e } from './form-control-text2.js';
+import { d as defineCustomElement$d } from './form-control-tooltip2.js';
+import { d as defineCustomElement$c } from './hidden-input2.js';
+import { d as defineCustomElement$b } from './iframe-input2.js';
+import { d as defineCustomElement$a } from './bank-account-billing-form-simple.js';
+import { d as defineCustomElement$9 } from './billing-form.js';
+import { d as defineCustomElement$8 } from './billing-form-full.js';
+import { d as defineCustomElement$7 } from './card-billing-form-simple.js';
+import { d as defineCustomElement$6 } from './new-payment-method.js';
+import { d as defineCustomElement$5 } from './payment-method-options.js';
+import { d as defineCustomElement$4 } from './save-new-payment-method.js';
+import { d as defineCustomElement$3 } from './saved-payment-method.js';
+import { d as defineCustomElement$2 } from './sezzle-payment-method.js';
+
+const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePaymentMethod extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.submitEvent = createEvent(this, "submit-event", 7);
+        this.submitButtonText = 'Submit';
+        this.isLoading = false;
+    }
+    componentWillLoad() {
+        checkPkgVersion();
+        this.analytics = new JustifiAnalytics(this);
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
+    }
+    ;
+    async tokenizePaymentMethod(event) {
+        event && event.preventDefault();
+        this.isLoading = true;
+        let tokenizeResponse;
+        try {
+            tokenizeResponse = await this.paymentMethodOptionsRef.resolvePaymentMethod({ isValid: true });
+            if (tokenizeResponse.error) {
+                this.errorEvent.emit({
+                    errorCode: tokenizeResponse.error.code,
+                    message: tokenizeResponse.error.message,
+                    severity: ComponentErrorSeverity.ERROR,
+                });
+            }
+        }
+        catch (error) {
+            const errorData = {
+                errorCode: ComponentErrorCodes.TOKENIZE_ERROR,
+                message: error.message,
+                severity: ComponentErrorSeverity.ERROR,
+            };
+            this.errorEvent.emit(errorData);
+        }
+        finally {
+            this.submitEvent.emit({ response: tokenizeResponse });
+            this.isLoading = false;
+            return tokenizeResponse;
+        }
+    }
+    async fillBillingForm(fields) {
+        this.paymentMethodOptionsRef.fillBillingForm(fields);
+    }
+    async validate() {
+        return this.paymentMethodOptionsRef.validate();
+    }
+    render() {
+        return (h(StyledHost, { key: 'bde61e05e8148b4bb3c054d124070a160fd7ca13' }, h("form", { key: 'ea0dd3192fc924bbf22a80562030c6557e32d905' }, h("fieldset", { key: '8a96c0b8e5497d97f0e546558e0ad37a57a459cb' }, h("div", { key: '849547d7b1c810533af86104eb7ae42b569c9c97', class: "row gy-3" }, h("div", { key: 'afc1b73d0a027e2ea6e8cec831f43f53cd2b8666', class: "col-12" }, h("justifi-payment-method-options", { key: '8af2e6076d689ca358a9542cea10d314dee68444', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, authToken: this.authToken, "account-id": this.accountId })), h("div", { key: '62ac0ff4f7774adadfa8bbbdbc474ba3cd15c5f4', class: "col-12" }, h(Button, { key: 'c5212829153b3c217ce18aac4cbb3afa58f1e7b3', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText)))))));
+    }
+}, [257, "justifi-tokenize-payment-method", {
+        "authToken": [1, "auth-token"],
+        "accountId": [1, "account-id"],
+        "paymentMethodGroupId": [1, "payment-method-group-id"],
+        "submitButtonText": [1, "submit-button-text"],
+        "disableCreditCard": [4, "disable-credit-card"],
+        "disableBankAccount": [4, "disable-bank-account"],
+        "hideSubmitButton": [4, "hide-submit-button"],
+        "hideCardBillingForm": [4, "hide-card-billing-form"],
+        "hideBankAccountBillingForm": [4, "hide-bank-account-billing-form"],
+        "isLoading": [32],
+        "tokenizePaymentMethod": [64],
+        "fillBillingForm": [64],
+        "validate": [64]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-tokenize-payment-method", "bank-account-form", "card-form", "custom-popper", "form-control-checkbox", "form-control-help-text", "form-control-radio", "form-control-select", "form-control-text", "form-control-tooltip", "hidden-input", "iframe-input", "justifi-bank-account-billing-form-simple", "justifi-billing-form", "justifi-billing-form-full", "justifi-card-billing-form-simple", "justifi-new-payment-method", "justifi-payment-method-options", "justifi-save-new-payment-method", "justifi-saved-payment-method", "justifi-sezzle-payment-method"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-tokenize-payment-method":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, TokenizePaymentMethod);
+            }
+            break;
+        case "bank-account-form":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$l();
+            }
+            break;
+        case "card-form":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$k();
+            }
+            break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$j();
+            }
+            break;
+        case "form-control-checkbox":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$i();
+            }
+            break;
+        case "form-control-help-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$h();
+            }
+            break;
+        case "form-control-radio":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$g();
+            }
+            break;
+        case "form-control-select":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$f();
+            }
+            break;
+        case "form-control-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$e();
+            }
+            break;
+        case "form-control-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$d();
+            }
+            break;
+        case "hidden-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$c();
+            }
+            break;
+        case "iframe-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "justifi-bank-account-billing-form-simple":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "justifi-billing-form":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "justifi-billing-form-full":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "justifi-card-billing-form-simple":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "justifi-new-payment-method":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "justifi-payment-method-options":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "justifi-save-new-payment-method":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "justifi-saved-payment-method":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "justifi-sezzle-payment-method":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
 
 const JustifiTokenizePaymentMethod = TokenizePaymentMethod;
 const defineCustomElement = defineCustomElement$1;

package/dist/module/legal-address-form-step.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
 import { m as makeGetBusiness, a as makePatchBusiness } from './payment-provisioning-actions.js';
 import { B as BusinessService } from './business.service.js';
 import { d as defineCustomElement$5 } from './custom-popper2.js';
@@ -45,7 +45,7 @@ const LegalAddressFormStep = /*@__PURE__*/ proxyCustomElement(class LegalAddress
         }
     }
     render() {
-        return (h("justifi-legal-address-form-step-core", { key: 'bd286476461181f2e8a435a97bf148d55876b49c', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-legal-address-form-step-core", { key: '65d876bee76f4deb4df115e636fafaef2c883f24', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

package/dist/module/legal-address-form.js

@@ -24,7 +24,7 @@ const LegalAddressForm = /*@__PURE__*/ proxyCustomElement(class LegalAddressForm
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
         const legalAddressDefaultValue = this.formController.getInitialValues().legal_address;
-        return (h(Host, { key: '5b21d99717f9b24c0551c7a96acf68e53e7787bf' }, h("fieldset", { key: 'd63cbd20b2648405c50a819724e0f8cf556f7d26' }, h("legend", { key: 'c0acd14073f13f914015f40d39bf22fb58792434', part: heading2 }, "Business Legal Address"), h("div", { key: 'ee4cee6bd662816f822ee209aeda5e9664f6a64d', class: "row gy-3" }, h("div", { key: '86b258fd09e73cbd2475330419274732231f3871', class: "col-12" }, h("form-control-text", { key: '8d898a9ae448f07932afe2d8cfc2314b92d9c597', name: "line1", label: "Legal Address", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address) === null || _b === void 0 ? void 0 : _b.line1 })), h("div", { key: '1a50c4b86a754035f71efacd39721219fcd54d60', class: "col-12" }, h("form-control-text", { key: '507b1451685e359a900f0bc7010ff39e3631daf2', name: "line2", label: "Address Line 2", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.legal_address) === null || _d === void 0 ? void 0 : _d.line2 })), h("div", { key: '1446b4db5f86a3b18e3aceb78274ffe458dbd3db', class: "col-12" }, h("form-control-text", { key: 'e17e4bd95ad4290d18edde79cf05a6b3a105166c', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, errorText: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.legal_address) === null || _f === void 0 ? void 0 : _f.city })), h("div", { key: '9b880203bad9e104e6d1299ff73c83cba46ab563', class: "col-12" }, h("form-control-select", { key: '24e4df10f688c9a1b5f2af5217f03919bf7abec7', name: "state", label: "State", options: StateOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.legal_address) === null || _h === void 0 ? void 0 : _h.state })), h("div", { key: '71f21b19602c268e3b6a839ce41ff9d4f8ffb8c4', class: "col-12" }, h("form-control-text", { key: 'ca71d3e21c5a0aea5367fa28ec1a2422ba9b1cf3', name: "postal_code", label: "Postal Code", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.legal_address) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler })), h("div", { key: 'aaee0bf6a24ba182e002c1ffb49736fb622cde1f', class: "col-12" }, h("form-control-select", { key: '2b6486771818e584dcc195c304e5a6e16850b4a9', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.legal_address) === null || _m === void 0 ? void 0 : _m.country,
+        return (h(Host, { key: '129b2ec053708454db5a515fdae9a7fba5289336' }, h("fieldset", { key: '6af5c9469acc432ea01ff404af25727bd444abc7' }, h("legend", { key: '1af149db608a13d18142aaea83f9ed2e8271fdc0', part: heading2 }, "Business Legal Address"), h("div", { key: '805c6ae992ebed34937b9a2622f50a7f99c7d0e6', class: "row gy-3" }, h("div", { key: '78750dc68bcc6782bc4a71cfd14d417e980a57a6', class: "col-12" }, h("form-control-text", { key: '18a75e38a7a5fbfcbbbce56e4967ce34c5618c8e', name: "line1", label: "Legal Address", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address) === null || _b === void 0 ? void 0 : _b.line1 })), h("div", { key: '676622c84785edfafa3413359d4985d26a734985', class: "col-12" }, h("form-control-text", { key: 'e8467f96595d240f5fc93585e472ad844cc49143', name: "line2", label: "Address Line 2", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.legal_address) === null || _d === void 0 ? void 0 : _d.line2 })), h("div", { key: '01556012d9335d23c14e130ca72b6e75028bcb36', class: "col-12" }, h("form-control-text", { key: 'c08dcd0ef726ff714d60de26492ced763a7d32ff', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, errorText: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.legal_address) === null || _f === void 0 ? void 0 : _f.city })), h("div", { key: 'ad811869e742f265a5441c6f36c2a55fa0b07952', class: "col-12" }, h("form-control-select", { key: '47cc4b15578257f3c1fdee7896d28da94b5aaa16', name: "state", label: "State", options: StateOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.legal_address) === null || _h === void 0 ? void 0 : _h.state })), h("div", { key: 'f732fd2ed3967ee7fd602f41c62efd24cf6038eb', class: "col-12" }, h("form-control-text", { key: '0431a63d11beb6682a2544d2483901f7fffa77bd', name: "postal_code", label: "Postal Code", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.legal_address) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler })), h("div", { key: 'cca67b0cd006f6cf9f9bbfe147507eb0ac6fecca', class: "col-12" }, h("form-control-select", { key: 'f561947f9443ea6f56d7ae31d44a69e2462c0751', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.legal_address) === null || _m === void 0 ? void 0 : _m.country,
             // just for now so we skip handling country specificities
             disabled: true }))))));
     }