@justifi/webcomponents 5.7.5 → 5.7.6-rc-02

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

@@ -1,4 +1,60 @@
-import { S as SavedPaymentMethod, d as defineCustomElement$1 } from './saved-payment-method.js';
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { C as CardBrandLabels } from './payment-method-option-utils.js';
+import { W as radioListItem } from './parts.js';
+import { d as defineCustomElement$3 } from './form-control-help-text2.js';
+import { d as defineCustomElement$2 } from './form-control-radio2.js';
+
+const SavedPaymentMethod = /*@__PURE__*/ proxyCustomElement(class SavedPaymentMethod extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.paymentMethodOptionSelected = createEvent(this, "paymentMethodOptionSelected", 7);
+        this.onPaymentMethodOptionClick = (e) => {
+            e.preventDefault();
+            this.paymentMethodOptionSelected.emit(this.paymentMethodOption);
+        };
+    }
+    async resolvePaymentMethod(insuranceValidation) {
+        var _a;
+        if (!insuranceValidation.isValid) {
+            return { validationError: true };
+        }
+        return { token: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id };
+    }
+    ;
+    render() {
+        var _a, _b, _c;
+        return (h(Host, { key: 'c6a1d3de6363c80a0acb15c6676d3e913beeda2d', class: "payment-method" }, h("div", { key: 'fdabb1a67f654a3bcf06e86e8c42f6aa281e6757', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '0731e2ccb8080ee4972201a617cd99376627e332', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${CardBrandLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.brand] || ''} *${(_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.acct_last_four}` }))));
+    }
+}, [0, "justifi-saved-payment-method", {
+        "paymentMethodOption": [16, "payment-method-option"],
+        "isSelected": [4, "is-selected"],
+        "resolvePaymentMethod": [64]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-saved-payment-method", "form-control-help-text", "form-control-radio"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-saved-payment-method":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SavedPaymentMethod);
+            }
+            break;
+        case "form-control-help-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "form-control-radio":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
 
 const JustifiSavedPaymentMethod = SavedPaymentMethod;
 const defineCustomElement = defineCustomElement$1;

package/dist/module/justifi-saved-payment-methods.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface JustifiSavedPaymentMethods extends Components.JustifiSavedPaymentMethods, HTMLElement {}
+export const JustifiSavedPaymentMethods: {
+    prototype: JustifiSavedPaymentMethods;
+    new (): JustifiSavedPaymentMethods;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/module/justifi-saved-payment-methods.js

@@ -0,0 +1,6 @@
+import { S as SavedPaymentMethods, d as defineCustomElement$1 } from './saved-payment-methods.js';
+
+const JustifiSavedPaymentMethods = SavedPaymentMethods;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiSavedPaymentMethods, defineCustomElement };

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

@@ -1,12 +1,12 @@
 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 './Checkout.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.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 './check-pkg-version.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
+import { c as checkoutStore } from './checkout.store.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';
@@ -84,7 +84,6 @@ const SeasonInterruptionInsurance = /*@__PURE__*/ proxyCustomElement(class Seaso
     constructor() {
         super();
         this.__registerHost();
-        this.__attachShadow();
         this.errorEvent = createEvent(this, "error-event", 7);
     }
     async validate() {
@@ -100,7 +99,8 @@ const SeasonInterruptionInsurance = /*@__PURE__*/ proxyCustomElement(class Seaso
         (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     initializeServiceMethods() {
-        if (!this.authToken) {
+        const authToken = this.authToken || checkoutStore.authToken;
+        if (!authToken) {
             this.errorEvent.emit({
                 errorCode: ComponentErrorCodes.MISSING_PROPS,
                 message: 'Missing authToken',
@@ -108,19 +108,15 @@ const SeasonInterruptionInsurance = /*@__PURE__*/ proxyCustomElement(class Seaso
             });
             return;
         }
-        this.getQuote = makeGetQuote({
-            authToken: this.authToken,
-            service: new InsuranceService(),
-        });
-        this.toggleCoverage = makeToggleCoverage({
-            authToken: this.authToken,
-            service: new InsuranceService(),
-        });
+        const service = new InsuranceService();
+        const config = { authToken, service };
+        this.getQuote = makeGetQuote(config);
+        this.toggleCoverage = makeToggleCoverage(config);
     }
     render() {
-        return (h("justifi-season-interruption-insurance-core", { key: 'e6c2083c20b0f29301d5d8eafc1d269280e96de7', 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 }));
+        return (h("justifi-season-interruption-insurance-core", { key: 'a563c1f6daf665c6ae06442c18dd25400b420f39', ref: (el) => (this.seasonInterruptionCoreRef = el), "checkout-id": this.checkoutId || checkoutStore.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 }));
     }
-}, [1, "justifi-season-interruption-insurance", {
+}, [0, "justifi-season-interruption-insurance", {
         "authToken": [1, "auth-token"],
         "checkoutId": [1, "checkout-id"],
         "primaryIdentityFirstName": [1, "primary-identity-first-name"],

package/dist/module/justifi-skeleton.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface JustifiSkeleton extends Components.JustifiSkeleton, HTMLElement {}
+export const JustifiSkeleton: {
+    prototype: JustifiSkeleton;
+    new (): JustifiSkeleton;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/module/justifi-skeleton.js

@@ -0,0 +1,39 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { S as StyledHost } from './styled-host.js';
+import { S as Skeleton } from './skeleton.js';
+
+const JustifiSkeleton$1 = /*@__PURE__*/ proxyCustomElement(class JustifiSkeleton extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    render() {
+        return (h(StyledHost, { key: '61759f6fd8527466a50047fb01c510b3181fa6ca' }, h(Skeleton, { key: 'f0b84cafaca36053a5c4c359e9c1896123a8fae9', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
+    }
+}, [1, "justifi-skeleton", {
+        "component": [1],
+        "height": [8],
+        "width": [8],
+        "class": [1],
+        "customStyle": [16, "custom-style"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-skeleton"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-skeleton":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, JustifiSkeleton$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const JustifiSkeleton = JustifiSkeleton$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiSkeleton, defineCustomElement };

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

@@ -1,15 +1,14 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { f as filterParams, p as propsParams, c as clearParams } from './terminal-orders-list-params-state.js';
-import { ah as terminalOrdersListFilterMenu, ai as orderStatusTerminalOrdersListFilterParam, aj as orderTypeTerminalOrdersListFilterParam, ak as createdAfterTerminalOrdersListFilterParam, al as createdBeforeTerminalOrdersListFilterParam } from './parts.js';
+import { ai as terminalOrdersListFilterMenu, aj as orderStatusTerminalOrdersListFilterParam, ak as orderTypeTerminalOrdersListFilterParam, al as createdAfterTerminalOrdersListFilterParam, am as createdBeforeTerminalOrdersListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
 import './config-state.js';
 import { j as convertToUTC, h as convertToLocal } from './utils2.js';
-import './Checkout.js';
+import { T as TerminalOrderStatus, c as TerminalOrderType } from './Refund.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';
@@ -63,8 +62,8 @@ const TerminalOrdersListFilters = /*@__PURE__*/ proxyCustomElement(class Termina
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'e8bd98c43f44e2c562fb4dbe08cf90a9dd8063e4' }, h("table-filters-menu", { key: '8c865c53a9bd45a251ae8eb75d31ab47228ca014', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: 'b415d03966e45cb993c544f6205adc2f3611d5da', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '7b483dd1d2254c8e3d45d6e1af4d45a839f8bdd8', class: "p-2" }, h("form-control-select", { key: '5f929730acb0c28da920f1d283d43108f06e29cb', 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: '05242bf5293256a3214ce11771f1df9d5341a095', class: "p-2" }, h("form-control-select", { key: 'dac5bbd765aed70530801395449463d6f85582fe', 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: '307842201ff7a5367de2857a7a59e612bb0e7976', class: "p-2" }, h("form-control-date", { key: '4dec0bead1d09989b4a1a20c128573c299b84e41', 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: '8ed2b9b5287221b8f521f5f05cec5e1808fed19f', class: "p-2" }, h("form-control-date", { key: 'a318ad6e0b426ef14470ee479f48d57b5b00ce2c', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: '9455a8028d5a2363ae8e95bbdc382886b7e6c34c' }, h("table-filters-menu", { key: 'c2d2288f12d8dade596cc5a2fd77a032dfeab741', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: 'bca04a463f8da0c16fd2e554910dac8b4bea85c8', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'f76a13c7c2b7e7a31f537c8d8c55d95c65d5af25', class: "p-2" }, h("form-control-select", { key: 'c5dbe04a3cb51fab100fada58db4d36a6bc40c43', 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: '147f79940553ec51f47a745422699f7c2b44d7a1', class: "p-2" }, h("form-control-select", { key: '321091e9227e1cc51085ad61975c44881077db7b', 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: '97dfc1953c6c1c1c2edd6cc5fbaf9f8831c22108', class: "p-2" }, h("form-control-date", { key: '0118c404ca0d1b98d017159ccf9b0c671f490a6b', 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: '1fcfca7be2b9bd1bd5aee2c442353f3143da1428', class: "p-2" }, h("form-control-date", { key: 'd3fb521a15596f539446dc8bb0239f802d811193', 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 }))))));
     }
 }, [1, "justifi-terminal-orders-list-filters", {

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

@@ -2,14 +2,13 @@ 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 { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { d as defineCustomElement$2, a as defaultColumnsKeys } from './terminal-orders-list-core2.js';
 import './config-state.js';
 import './utils2.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
+import { k as TerminalOrder, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.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';
@@ -97,7 +96,7 @@ const TerminalOrdersList = /*@__PURE__*/ proxyCustomElement(class TerminalOrders
         }
     }
     render() {
-        return (h(StyledHost, { key: '3d9d1cf5051c5db194fb740370f655cec0495e07' }, h("terminal-orders-list-core", { key: 'dacc4dacf8c6cf91e9527916667fa5d716fc792a', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '0972cc7db71033e123fe2022adc3eb8a98a4c291' }, h("terminal-orders-list-core", { key: '1403004df6d7234892db90573c384074dca04e25', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
 }, [1, "justifi-terminal-orders-list", {
         "accountId": [1, "account-id"],

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

@@ -1,16 +1,15 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { l as lodashExports } from './lodash.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './terminals-list-params-state.js';
-import { am as terminalsListFilterMenu, an as terminalIdTerminalsListFilterParam, ao as terminalOrderIdTerminalsListFilterParam, ap as terminalStatusTerminalsListFilterParam } from './parts.js';
+import { an as terminalsListFilterMenu, ao as terminalIdTerminalsListFilterParam, ap as terminalOrderIdTerminalsListFilterParam, aq as terminalStatusTerminalsListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
 import './config-state.js';
 import './utils2.js';
-import './Checkout.js';
+import { d as ITerminalStatus } from './Refund.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';
@@ -52,7 +51,7 @@ const TerminalsListFilters = /*@__PURE__*/ proxyCustomElement(class TerminalsLis
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '4d3d629e79524a5af3cdaa53a9cf4495adbb1432' }, h("table-filters-menu", { key: 'd49e21e577afc1a4975b0d860a52937772b65e48', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '0b56a893f0eba5947721b0ca9279b0d2d0e249f3', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '0f037e3d28e052423451b64fc54f551a1e78993c', class: "p-2" }, h("form-control-text", { key: '52fdf6336a67d203ef29ad4d5f3ec53d7046f151', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '8aaabed2e0ba260298cd5ee0a699007d54d7deb3', class: "p-2" }, h("form-control-text", { key: 'a15fd5e5eef01ae360a0961abb64da458a64d04f', 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: '5111cba84dc8685cde783235217e1be2cad8fd8f', class: "p-2" }, h("form-control-select", { key: '20c7c224ac401cb3a38f96bf25191fd62d0534f9', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
+        return (h(StyledHost, { key: '0f68d3d45ff461011c59fb71c4c89391dbb72bb0' }, h("table-filters-menu", { key: 'ea051d926c2b20e95d055f8cacb6f40999b1ac7b', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: 'e7d6fe457e29da3b62e2a81511f939f87000a32e', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '2c5ef7dcfe6d3ccde2821a4ab2d5c6e2eef51311', class: "p-2" }, h("form-control-text", { key: 'a44a96a3d1ee83d234d0763fdb0ff2eea366a624', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: 'ee0f05b519eb61374880bdab865999e0d66d0782', class: "p-2" }, h("form-control-text", { key: '9f97053c46474dc2701b030b91126c2b4a8c3728', 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: '88535a61ee28d83c83e91200be4d9d8b3ed49530', class: "p-2" }, h("form-control-select", { key: '4a465b5b82a514fcd84c051969fe5e24b8a2d20d', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
     }
 }, [1, "justifi-terminals-list-filters", {
         "terminalId": [1, "terminal-id"],

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

@@ -1,12 +1,11 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
+import { h as Terminal, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { T as TerminalService } from './terminal.service.js';
 import './config-state.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';
@@ -102,7 +101,7 @@ const TerminalsList = /*@__PURE__*/ proxyCustomElement(class TerminalsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: '8c81823f7a3c613fc1725a8c4fe3438f6186f4fe' }, h("terminals-list-core", { key: '13c38992d9e101955d39065985b6c6b22b5ace9e', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '2212743b516f92a5af51a6b9202b3679f22aadcc' }, h("terminals-list-core", { key: '5fabd291b0649fa3b893b3fff8200aafa053ab3c', 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

@@ -3,30 +3,18 @@ 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 { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import './config-state.js';
 import './utils2.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import './Pagination.js';
 import './Payment.js';
-import './Refund.js';
 import './Business.js';
-import { d as defineCustomElement$i } from './bank-account-form2.js';
-import { d as defineCustomElement$h } from './card-form2.js';
-import { d as defineCustomElement$g } from './custom-popper2.js';
-import { d as defineCustomElement$f } from './form-control-checkbox2.js';
-import { d as defineCustomElement$e } from './form-control-help-text2.js';
-import { d as defineCustomElement$d } from './form-control-radio2.js';
-import { d as defineCustomElement$c } from './form-control-select2.js';
-import { d as defineCustomElement$b } from './form-control-text2.js';
-import { d as defineCustomElement$a } from './form-control-tooltip2.js';
-import { d as defineCustomElement$9 } from './hidden-input2.js';
-import { d as defineCustomElement$8 } from './iframe-input2.js';
-import { d as defineCustomElement$7 } from './billing-form.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 { c as checkoutStore } from './checkout.store.js';
+import { d as defineCustomElement$6 } from './form-control-help-text2.js';
+import { d as defineCustomElement$5 } from './form-control-radio2.js';
+import { d as defineCustomElement$4 } from './payment-method-options.js';
+import { d as defineCustomElement$3 } from './saved-payment-methods.js';
 import { d as defineCustomElement$2 } from './sezzle-payment-method.js';
 
 const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePaymentMethod extends HTMLElement {
@@ -42,6 +30,12 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
     componentWillLoad() {
         checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
+        if (!this.authToken) {
+            this.authToken = checkoutStore.authToken;
+        }
+        if (!this.accountId) {
+            this.accountId = checkoutStore.accountId;
+        }
     }
     disconnectedCallback() {
         var _a;
@@ -83,7 +77,7 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
         return this.paymentMethodOptionsRef.validate();
     }
     render() {
-        return (h(StyledHost, { key: '9f12f7a83b2cb06c83694454ea5884bd7392eb83' }, h("form", { key: '0a0a4b4a049aa85863ef5c65313b89ebf58455c5' }, h("fieldset", { key: 'c35ed423483d49615f9ebe500fcef405394f4eb6' }, h("div", { key: '80419e9ca3431d9d75cffc958daab84a2c232f49', class: "row gy-3" }, h("div", { key: 'bd465d8b364c1bc46a6a3dee3fb74087bc087580', class: "col-12" }, h("justifi-payment-method-options", { key: 'c363e501622ef81c78a728ebbd15a3a4cd89867a', 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: 'ad252991a12f6d21a012b6422ecaae13412f789b', class: "col-12" }, h(Button, { key: '4bb1dcdfeb71c21d3268c11fabd1ab92b43fca5e', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText)))))));
+        return (h(StyledHost, { key: '0eea98bc9927bbd48841728ece5dd19bd23aa2dc' }, h("form", { key: '696040e74f6fe5b776edf8017d400165752e9715' }, h("fieldset", { key: 'af96f0fc95db821ce53c28496aef352416ff8a0e' }, h("div", { key: '68af7be6aac098150edce72a7372ed526e94a212', class: "row gy-3" }, h("div", { key: 'a9f477f7e85dd33c113ab95efd8d03aa7ce84049', class: "col-12" }, h("justifi-payment-method-options", { key: '2ec00aa262d3bceee0768a0a0c6eff499e0295c4', 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: 'cd878391ee2af083a685daf2322cddc859398a3c', class: "col-12" }, h(Button, { key: '29bf32b687e73c00c1e6519d99b9dcd75dc968e4', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText)))))));
     }
 }, [1, "justifi-tokenize-payment-method", {
         "authToken": [1, "auth-token"],
@@ -104,89 +98,29 @@ 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-billing-form", "justifi-new-payment-method", "justifi-payment-method-options", "justifi-save-new-payment-method", "justifi-saved-payment-method", "justifi-sezzle-payment-method"];
+    const components = ["justifi-tokenize-payment-method", "form-control-help-text", "form-control-radio", "justifi-payment-method-options", "justifi-saved-payment-methods", "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$i();
-            }
-            break;
-        case "card-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$h();
-            }
-            break;
-        case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$g();
-            }
-            break;
-        case "form-control-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$f();
-            }
-            break;
         case "form-control-help-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$e();
-            }
-            break;
-        case "form-control-radio":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$d();
-            }
-            break;
-        case "form-control-select":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "form-control-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "form-control-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "hidden-input":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "iframe-input":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "justifi-billing-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "justifi-new-payment-method":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "justifi-payment-method-options":
+        case "form-control-radio":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
             break;
-        case "justifi-save-new-payment-method":
+        case "justifi-payment-method-options":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "justifi-saved-payment-method":
+        case "justifi-saved-payment-methods":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }

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 './Checkout.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.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';