@justifi/webcomponents 5.7.6-rc-08 → 5.7.6

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

@@ -1,217 +1,4 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { W as radioListItem } from './parts.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 './bank-account.js';
-import { d as defineCustomElement$6 } from './billing-form.js';
-import { d as defineCustomElement$5 } from './billing-information-form.js';
-import { d as defineCustomElement$4 } from './card-form2.js';
-import { d as defineCustomElement$3 } from './postal-code-form.js';
-import { d as defineCustomElement$2 } from './save-new-payment-method.js';
-
-const PaymentMethodTypeLabels = {
-    bankAccount: 'New bank account',
-    card: 'New credit or debit card',
-};
-const NewPaymentMethod = /*@__PURE__*/ proxyCustomElement(class NewPaymentMethod extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.paymentMethodOptionSelected = createEvent(this, "paymentMethodOptionSelected", 7);
-        this.saveNewPaymentMethodChecked = false;
-        this.onPaymentMethodOptionClick = (e) => {
-            e.preventDefault();
-            this.paymentMethodOptionSelected.emit(this.paymentMethodOption);
-        };
-    }
-    handleCheckboxChanged(event) {
-        this.saveNewPaymentMethodChecked = event.detail;
-    }
-    async fillBillingForm(fields) {
-        this.billingFormRef.fill(fields);
-    }
-    async resolvePaymentMethod(insuranceValidation) {
-        var _a, _b;
-        if (!this.paymentMethodFormRef || !this.billingFormRef)
-            return;
-        try {
-            const { isValid, errors } = await this.validate();
-            if (!isValid || !insuranceValidation.isValid) {
-                // get propety value from first property in errors object
-                const message = `${Object.values(errors)[0] || 'Validation error'}`;
-                return {
-                    validationError: true,
-                    error: {
-                        code: 'validation_error',
-                        message,
-                        decline_code: undefined
-                    }
-                };
-            }
-            const tokenizeResponse = await this.tokenize();
-            if (tokenizeResponse.error) {
-                return { error: tokenizeResponse.error };
-            }
-            else {
-                const tokenizeRessponseData = tokenizeResponse.data;
-                return {
-                    token: ((_a = tokenizeRessponseData.card) === null || _a === void 0 ? void 0 : _a.token) || ((_b = tokenizeRessponseData.bank_account) === null || _b === void 0 ? void 0 : _b.token),
-                    data: tokenizeRessponseData
-                };
-            }
-        }
-        catch (error) {
-            return { error };
-        }
-    }
-    async validate() {
-        const billingFormValidation = await this.billingFormRef.validate();
-        const paymentMethodFormValidation = await this.paymentMethodFormRef.validate();
-        const isValid = billingFormValidation.isValid && paymentMethodFormValidation.isValid;
-        const errors = Object.assign(Object.assign({}, billingFormValidation.errors), paymentMethodFormValidation.errors);
-        return { isValid, errors };
-    }
-    async tokenize() {
-        try {
-            const billingFormFieldValues = await this.billingFormRef.getValues();
-            let paymentMethodData;
-            if (this.saveNewPaymentMethodChecked) {
-                paymentMethodData = Object.assign(Object.assign({}, billingFormFieldValues), { payment_method_group_id: this.paymentMethodGroupId });
-            }
-            else {
-                paymentMethodData = Object.assign({}, billingFormFieldValues);
-            }
-            const clientId = this.authToken;
-            const tokenizeResponse = await this.paymentMethodFormRef.tokenize(clientId, paymentMethodData, this.accountId);
-            return tokenizeResponse;
-        }
-        catch (error) {
-            return error;
-        }
-    }
-    showNewPaymentMethodForm() {
-        var _a;
-        const paymentMethodType = (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id;
-        return (h("div", { class: "mt-4 pb-4" }, h("hidden-input", null), paymentMethodType === 'card' ? (h("justifi-card-form", null)) : (h("justifi-bank-account-form", null)), h("justifi-billing-form", { hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: paymentMethodType }), h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupId })));
-    }
-    get hiddenRadioInput() {
-        return !this.showAch || !this.showCard;
-    }
-    render() {
-        var _a, _b;
-        return (h(Host, { key: 'c80662f7f21610af20ead6aff44f02be0b21288c', class: "payment-method" }, h("div", { key: '5960fa9cf3ca9969c7ef80af3baf6e90ddf79578', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick, hidden: this.hiddenRadioInput }, h("form-control-radio", { key: 'ef5b921a707a3e51d4ee93f5e13952e69fc55213', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: PaymentMethodTypeLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id] })), this.isSelected ? this.showNewPaymentMethodForm() : null));
-    }
-}, [256, "justifi-new-payment-method", {
-        "authToken": [1, "auth-token"],
-        "accountId": [1, "account-id"],
-        "paymentMethodOption": [16, "payment-method-option"],
-        "paymentMethodGroupId": [1, "payment-method-group-id"],
-        "isSelected": [4, "is-selected"],
-        "showCard": [4, "show-card"],
-        "showAch": [4, "show-ach"],
-        "hideCardBillingForm": [4, "hide-card-billing-form"],
-        "hideBankAccountBillingForm": [4, "hide-bank-account-billing-form"],
-        "saveNewPaymentMethodChecked": [32],
-        "fillBillingForm": [64],
-        "resolvePaymentMethod": [64],
-        "validate": [64]
-    }, [[0, "checkboxChanged", "handleCheckboxChanged"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["justifi-new-payment-method", "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-form", "justifi-billing-form", "justifi-billing-information-form", "justifi-card-form", "justifi-postal-code-form", "justifi-save-new-payment-method"];
-    components.forEach(tagName => { switch (tagName) {
-        case "justifi-new-payment-method":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, NewPaymentMethod);
-            }
-            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-bank-account-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "justifi-billing-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "justifi-billing-information-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "justifi-card-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "justifi-postal-code-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "justifi-save-new-payment-method":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
+import { N as NewPaymentMethod, d as defineCustomElement$1 } from './new-payment-method.js';
 
 const JustifiNewPaymentMethod = NewPaymentMethod;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,10 +1,10 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { X as heading4, _ as heading5, a0 as buttonPrimary, t as text } from './parts.js';
+import { Y as heading4, $ as heading5, a1 as buttonPrimary, t as text } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
-import { m as TerminalModel, C as ComponentErrorSeverity, l as TerminalOrder, d as TerminalOrderType, a as ComponentErrorCodes } from './Refund.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
 import { B as BusinessService } from './business.service.js';
 import { a as Business } from './Business.js';
 import { m as makeGetBusiness } from './get-business.js';
@@ -13,6 +13,7 @@ import './config-state.js';
 import { n as formatPhoneNumber } from './utils2.js';
 import './Pagination.js';
 import './Payment.js';
+import { h as TerminalModel, g as TerminalOrder, a as TerminalOrderType } from './Refund.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { T as TerminalService } from './terminal.service.js';
 import { d as defineCustomElement$4 } from './custom-popper2.js';
@@ -230,7 +231,7 @@ const OrderTerminals = /*@__PURE__*/ proxyCustomElement(class OrderTerminals ext
         return (h("div", { class: "mt-3" }, h("div", { class: "text-end" }, "Order limit: ", this.orderLimit), h("div", { class: "d-flex justify-content-end mt-3" }, h("button", { class: "btn btn-primary submit-btn", onClick: this.submitOrder.bind(this), disabled: this.order.totalQuantity === 0 || this.submitting, part: buttonPrimary }, this.submitting ? 'Submitting...' : this.submitButtonText))));
     }
     render() {
-        return (h(StyledHost, { key: '0fcd2ba507d4d8cf04b0cc811416a3a374e36fb6' }, h("div", { key: 'f4b87bbf9d14bafcf817d9686173d2edbb6b8dcb', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: '80b0b2a922c06952333adf7c8190b0c2b59f6fd4' }, h("div", { key: '43b5b4d155e53e55b71483d31203dc6dacec1ae4', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
 }, [257, "justifi-order-terminals", {
         "businessId": [1, "business-id"],

package/dist/module/justifi-payment-details.js

@@ -2,8 +2,8 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { P as PaymentService } from './payment.service.js';
 import { m as makeGetPaymentDetails } from './get-payment-details.js';
 import { E as ErrorState } from './utils.js';
-import { 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 { d as defineCustomElement$3 } from './details.js';
 import { d as defineCustomElement$2 } from './payment-details-core2.js';
 

package/dist/module/justifi-payment-provisioning.js

@@ -1,11 +1,12 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
 import { m as makeGetBusiness, g as makePostProvisioning } from './payment-provisioning-actions.js';
 import { B as BusinessService } from './business.service.js';
 import { A as Api } from './Api.js';
 import './Pagination.js';
 import './Payment.js';
+import './Refund.js';
 import './Business.js';
 import { d as defineCustomElement$y } from './bank-account-document-inputs.js';
 import { d as defineCustomElement$x } from './bank-account-form-inputs2.js';

package/dist/module/justifi-payment-transactions-list.js

@@ -1,11 +1,12 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import './config-state.js';
 import { h as convertToLocal } from './utils2.js';
-import { j as PaymentBalanceTransaction, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Payment.js';
+import { e as PaymentBalanceTransaction } from './Refund.js';
 import './Business.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { P as PaymentService } from './payment.service.js';
 import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d as TableHeadRow, e as TableBody, f as TableLoadingState, g as TableEmptyState, h as TableErrorState, i as TableRow, j as TableFoot, k as TableFootRow, l as TableFootCell } from './table.js';
@@ -180,7 +181,7 @@ const PaymentTransactionsList = /*@__PURE__*/ proxyCustomElement(class PaymentTr
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        return (h(StyledHost, { key: '38a9a8793dfb5580233d5e3b29898aa2535e2b25' }, h(TableWrapper, { key: 'aa1f76189350b113ef5a2ca45b59b8f3ce72ea6a' }, h(TableComponent, { key: '7013771ed2427d3328b30994bbf0dd1d06504f32' }, h(TableHead, { key: '4435db354f8d287cef3a309b162497b7fec91ca2' }, h(TableHeadRow, { key: '1ffe66828969cff384feec3cee351a9c67ecec5d' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '3881b1305dbb43eb77f32b089c648c69b3e652cc' }, h(TableLoadingState, { key: '7c34d637cbbe65a1b1436adc2aadaa4145b9eafd', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '9a4a37fc8d014d4f396b1d26cf08e081288f4c24', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'f1b3be8f21405aac5c51eaf4616d9fc4eea777db', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'a2ff725750e813a092e2e847af44182f0a8d86e3' }, h(TableFootRow, { key: 'f1596791c4016d9a754d4ed29b48630220eda4c4' }, h(TableFootCell, { key: 'f07b1a3a4c926c6317113d31a6a10481c5c81416', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '3c8e84570bca8f9169c30b6aa2c68ad335c7b93a', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '716f4c8f7d7a4e02a0bc11c4c19304b9fa2376ea' }, h(TableWrapper, { key: '85c0fb74e5208ceb8d4cd7d040f7de200b1fc211' }, h(TableComponent, { key: '64015db69c878d6339103743a636b7b058e0d897' }, h(TableHead, { key: '48624b5cd232afdf4e5386e9c01c13e48e3645f0' }, h(TableHeadRow, { key: 'fb67abf53476706c2c1851ffdb9ff54faced0431' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '85db5c723d781673ddd700980ac680743ea9eaac' }, h(TableLoadingState, { key: '72c5641bd1ff45d71996cee0789942d18e1531ef', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'a81cc544f50dfec1a8444d39f28ae0bf66d41e08', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'cfdc9817cbb5c399257b4bff9bb4620345766c9a', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '4f15aed8b10892db8e336f792bdf3279b7290f7f' }, h(TableFootRow, { key: '678a200a17d03130e09ff7b2b1eac850aa89e507' }, h(TableFootCell, { key: 'ca242b95a513d56ebedddbdde7b38a56f309a830', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'abca6ea0f991d6ff480d287c29d9feb069da243f', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["propChanged"],

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

@@ -55,8 +55,8 @@ const PaymentsListFilters = /*@__PURE__*/ proxyCustomElement(class PaymentsListF
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '2e14a927c0c9c3aded0a4e022b2ba0901c22b60d' }, h("table-filters-menu", { key: '2877a1bfc7d97bb772f9f2e4f96401d5f9ae3549', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: '395dea18a7fb00cf72c52c415fc2c19e5ffef8ce', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'dffaa601a8cfacbdb7e072bc46a5b69c0e11e226', class: "p-2" }, h("form-control-text", { key: 'e736ac54508cc433a00a6db889ce463dfd4e79fc', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '01161bc13f51ab74f82bea78112339613ae053e4', class: "p-2" }, h("form-control-text", { key: 'c8872b95f3ae72bbe9482e309f57d95cf020c1ca', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '212159e97b28b6f72f3364ba4fbe2dc9ad9c56f9', class: "p-2" }, h("form-control-select", { key: '270ac49fde292ddaf8f8f79af576ddbb0aecb0df', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status, disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: '94cd71b1c0398c6f6863cc289558e95fab6961ff', class: "p-2" }, h("form-control-date", { key: '0c46f8c4d0122b4167de01c38c60a230907a9d8e', 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: createdAfterPaymentsListFilterParam })), h("div", { key: '5a2e47751a575091a7b22222a0b5c6058d256076', class: "p-2" }, h("form-control-date", { key: '0e571f60584f6ebf3f82b5494f961c65d202768a', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: '67b518cd0ccc4f12dac720857806ee8186ab2c25' }, h("table-filters-menu", { key: '970d600366a4bbd2ce7ee27f1b3da99a0b278e8c', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: '5aba7fd5b51d355c26865059dc43f6dc3f154092', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '11d3e50db04050dc2890fdd12dffc084fff4c1a0', class: "p-2" }, h("form-control-text", { key: 'a4c280684abe4f0e239bf368b1cacf8b67cc2f64', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '9e791d3b4c0ce2674d3a530b246ee05e95c68382', class: "p-2" }, h("form-control-text", { key: '6ac6f5148f63d5a9b49e1a25cf33aaac2a450a70', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '206371f04024bb84a80027f86d845f50589f3d79', class: "p-2" }, h("form-control-select", { key: '5a814b76afb391df8e6bfdf38aaea04061fc2bf6', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status, disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: 'e0d28004a2c0e303ac1f92019b8915104b71c513', class: "p-2" }, h("form-control-date", { key: '714bbe92c53f497fd0b289d1801b9a0272b5bf02', 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: createdAfterPaymentsListFilterParam })), h("div", { key: 'e414039de52738dbd52a30378daf3902f035fc57', class: "p-2" }, h("form-control-date", { key: 'f7fabb7771afc1e6de6d24d3eecb55d34f481ea0', 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: createdBeforePaymentsListFilterParam }))))));
     }
 }, [257, "justifi-payments-list-filters", {

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

@@ -2,12 +2,13 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { P as PaymentService } from './payment.service.js';
 import './config-state.js';
 import './utils2.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 { P as Payment } from './Payment.js';
+import { b as Payment } from './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 checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
@@ -90,7 +91,7 @@ const PaymentsList = /*@__PURE__*/ proxyCustomElement(class PaymentsList extends
         }
     }
     render() {
-        return (h(StyledHost, { key: '346d4f307320d44c5103a3d259bef61e08b4779b' }, h("payments-list-core", { key: '9e5283017a8d56fd274754b81942e293686d874b', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '60f3068b1b6dd23163f4fc373359a0e722ab9b3c' }, h("payments-list-core", { key: '0ab858c2d4aac570935e7d9fedff2596209d2701', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

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

@@ -2,13 +2,14 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { P as PayoutService } from './payout.service.js';
 import './config-state.js';
 import './utils2.js';
-import { P as Payout, 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 { P as Payout } from './Refund.js';
 import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { E as ErrorState } from './utils.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { m as makeGetPayoutCSV } from './get-payout-csv.js';
 import { d as defineCustomElement$3 } from './details.js';
 import { d as defineCustomElement$2 } from './payout-details-core2.js';

package/dist/module/justifi-payout-transactions-list.js

@@ -1,11 +1,12 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import { c as configState } from './config-state.js';
 import { h as convertToLocal } from './utils2.js';
-import { k as PayoutBalanceTransaction, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Payment.js';
+import { f as PayoutBalanceTransaction } from './Refund.js';
 import './Business.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { P as PayoutService } from './payout.service.js';
 import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d as TableHeadRow, e as TableBody, f as TableLoadingState, g as TableEmptyState, h as TableErrorState, i as TableRow, j as TableFoot, k as TableFootRow, l as TableFootCell } from './table.js';
@@ -189,7 +190,7 @@ const PayoutTransactionsList = /*@__PURE__*/ proxyCustomElement(class PayoutTran
         return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
     }
     render() {
-        return (h(StyledHost, { key: '3cd7ace37599772de8eff537c9e3f55f47806438' }, h(TableWrapper, { key: 'dc452066ad9ea340928eb46cf066b14879b03da3' }, h(TableComponent, { key: 'b9432f88ea632667ef4c5dab5d7fb9c93ef216d9' }, h(TableHead, { key: 'e3ec6220544923b0da36962175a83ebcbc4f5ec0' }, h(TableHeadRow, { key: 'ba1337dfd25e72cfea80742be409ea2120c1fd90' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'abae90255e377f9a5714412ea63a0531bbbadd15' }, h(TableLoadingState, { key: 'aa83ef0f731bb3f256429a2861db65e8b928505a', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '5d56c98acabd29e81d921d48178c4fab57fd0b31', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'd7c517f477071c51026650cd4a58357f10047b97', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '355844893dd1263d483a6f55749435b949856ca6' }, h(TableFootRow, { key: '6d383897a69110e66a1478609538f975f1a8694b' }, h(TableFootCell, { key: '72ef4e146147b7f8ad6902ce0380d7cf1d200764', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '500f5a0aa17c25d0085a9d2f3c9ce80488924880', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '382bc120dea13ca982598c19909126a249a3de23' }, h(TableWrapper, { key: '77cdb2050a47c6304e3a24b318311ab7676264e2' }, h(TableComponent, { key: '670c2cf6ec1455ed2523d3cde389ee0ca4142455' }, h(TableHead, { key: '9f75efbc0aa60cbfd57d5b20e5b9a44c1c95b095' }, h(TableHeadRow, { key: 'c2f8389acb61f514e1e8b2fdd5f1bb4a47e3e46f' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '6b96bd3ea915f9afabdbe317e768379ff23b530e' }, h(TableLoadingState, { key: 'ad7a77434195c13194cf8f0595213e653682f4b5', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '330149636578b9d46be7904f2c213927686ef440', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'd7b3ee779a819c3de7542beee5e82ea581739f69', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '063cf60b9ad46ff38af07c46ebbb3ac10296bac2' }, h(TableFootRow, { key: '102448016a788fdea7893b1d3c02b27d4996b38b' }, h(TableFootCell, { key: 'c397b4cc805f55ae63954652b0a6d04c023324e5', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '05e25615b210d55a83ce8c5ee4da8a6ed82fe101', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["propChanged"],

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

@@ -36,8 +36,8 @@ const PayoutsListFilters = /*@__PURE__*/ proxyCustomElement(class PayoutsListFil
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'abc20b6840f9ee264457f70f473e2b87c14578b8' }, h("table-filters-menu", { key: '7de4e0f32a7af6706da94ae6bd9b16e578ed6b30', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: 'fb82ec7eb5848ceb14daf7df7cf22566fbdd6bc3', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'dd709f64b15912b8eb64401459477bd11940254d', class: "p-2" }, h("form-control-date", { key: '72f92aef0c62223965691af31494b801e11f11d6', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDate: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: createdAfterPayoutsListFilterParam })), h("div", { key: '31cf8792d26646e235ed435346fc610dc6586f75', class: "p-2" }, h("form-control-date", { key: '4e61fa954d3613be0a8f73d1f1388cfe2d8850c7', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
+        return (h(StyledHost, { key: 'ee311d3935be35c0849c953252918de4d637dbb9' }, h("table-filters-menu", { key: '1236e60bcf7c649cf34b1cbe36dce7acb0367f76', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: '994bc577431d951796311faf7e683fc751dd083c', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '8d3094ca700414f7ab9d8f98952dc93e425e5014', class: "p-2" }, h("form-control-date", { key: '0d08df3c4f1aeeef5708684b6a29ca951597eb05', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDate: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: createdAfterPayoutsListFilterParam })), h("div", { key: 'f9964f294ffa0116fca10d05680c5bb531c610dc', class: "p-2" }, h("form-control-date", { key: '72518f96fc20718817a445c9ea18f2b73d5547fb', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDate: true }), disabled: !!this.createdBefore, part: createdBeforePayoutsListFilterParam }))))));
     }
 }, [257, "justifi-payouts-list-filters", {

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

@@ -1,11 +1,12 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { P as Payout, 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 { P as PayoutService } from './payout.service.js';
 import './config-state.js';
 import './utils2.js';
 import './Pagination.js';
 import './Payment.js';
+import { P as Payout } from './Refund.js';
 import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { m as makeGetPayoutCSV } from './get-payout-csv.js';
@@ -104,7 +105,7 @@ const PayoutsList = /*@__PURE__*/ proxyCustomElement(class PayoutsList extends H
         }
     }
     render() {
-        return (h(StyledHost, { key: 'd794ffd782737a60ee1473f9259dc6b482a88ab7' }, h("payouts-list-core", { key: '35a6aab5504fb978b9ecd22c0e805f8e7c806dba', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (h(StyledHost, { key: '84c48909bd0513c7df2e8c2c319d9680a8c780a4' }, h("payouts-list-core", { key: 'ba9b51366c03fbfced2fad98344cf2aca432416a', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-refund-payment.js

@@ -2,9 +2,10 @@ import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/i
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { c as formatCurrency } from './utils2.js';
 import './config-state.js';
-import { R as RefundReasons, C as ComponentErrorSeverity, a as ComponentErrorCodes, n as RefundPayload } from './Refund.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
+import { R as RefundReasons, i as RefundPayload } from './Refund.js';
 import './Business.js';
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
@@ -12,7 +13,7 @@ import './details.js';
 import './event-types.js';
 import { P as PaymentService } from './payment.service.js';
 import { m as makeGetPaymentDetails } from './get-payment-details.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { A as Api } from './Api.js';
 import { S as Skeleton } from './skeleton.js';

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

@@ -1,60 +1,4 @@
-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}` }))));
-    }
-}, [256, "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();
+import { S as SavedPaymentMethod, d as defineCustomElement$1 } from './saved-payment-method.js';
 
 const JustifiSavedPaymentMethod = SavedPaymentMethod;
 const defineCustomElement = defineCustomElement$1;

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 './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 { 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';
@@ -84,6 +84,7 @@ const SeasonInterruptionInsurance = /*@__PURE__*/ proxyCustomElement(class Seaso
     constructor() {
         super();
         this.__registerHost();
+        this.__attachShadow();
         this.errorEvent = createEvent(this, "error-event", 7);
     }
     async validate() {
@@ -99,8 +100,7 @@ const SeasonInterruptionInsurance = /*@__PURE__*/ proxyCustomElement(class Seaso
         (_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',
@@ -108,15 +108,19 @@ const SeasonInterruptionInsurance = /*@__PURE__*/ proxyCustomElement(class Seaso
             });
             return;
         }
-        const service = new InsuranceService();
-        const config = { authToken, service };
-        this.getQuote = makeGetQuote(config);
-        this.toggleCoverage = makeToggleCoverage(config);
+        this.getQuote = makeGetQuote({
+            authToken: this.authToken,
+            service: new InsuranceService(),
+        });
+        this.toggleCoverage = makeToggleCoverage({
+            authToken: this.authToken,
+            service: new InsuranceService(),
+        });
     }
     render() {
-        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 }));
+        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 }));
     }
-}, [256, "justifi-season-interruption-insurance", {
+}, [257, "justifi-season-interruption-insurance", {
         "authToken": [1, "auth-token"],
         "checkoutId": [1, "checkout-id"],
         "primaryIdentityFirstName": [1, "primary-identity-first-name"],