@justifi/webcomponents 5.4.4 → 5.5.0

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

@@ -1,25 +1,31 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { A as Api } from './Api.js';
-import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError.js';
 import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
-import './SubAccount.js';
+import './Refund.js';
 import './Document.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
-import { d as defineCustomElement$4 } from './form-control-help-text3.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';
 
 class InsuranceService {
     async fetchQuote(authToken, payload) {
         const endpoint = 'insurance/quotes';
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post(endpoint, payload);
+        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post({
+            endpoint,
+            body: payload,
+        });
     }
     async toggleCoverage(authToken, quoteId, payload) {
         const endpoint = `insurance/quotes/${quoteId}/toggle`;
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post(endpoint, payload);
+        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post({
+            endpoint,
+            body: payload,
+        });
     }
 }
 
@@ -84,22 +90,6 @@ const SeasonInterruptionInsurance = /*@__PURE__*/ proxyCustomElement(class Seaso
         this.__registerHost();
         this.__attachShadow();
         this.errorEvent = createEvent(this, "error-event", 7);
-        this.authToken = undefined;
-        this.checkoutId = undefined;
-        this.primaryIdentityFirstName = undefined;
-        this.primaryIdentityLastName = undefined;
-        this.primaryIdentityState = undefined;
-        this.primaryIdentityPostalCode = undefined;
-        this.primaryIdentityCountry = undefined;
-        this.primaryIdentityEmailAddress = undefined;
-        this.policyAttributesInsurableAmount = undefined;
-        this.policyAttributesStartDate = undefined;
-        this.policyAttributesEndDate = undefined;
-        this.coveredIdentityFirstName = undefined;
-        this.coveredIdentityLastName = undefined;
-        this.getQuote = undefined;
-        this.toggleCoverage = undefined;
-        this.quote = undefined;
     }
     async validate() {
         return this.seasonInterruptionCoreRef.validate();
@@ -133,7 +123,7 @@ const SeasonInterruptionInsurance = /*@__PURE__*/ proxyCustomElement(class Seaso
         });
     }
     render() {
-        return (h("justifi-season-interruption-insurance-core", { key: 'e1826234d0f2daf33b983a76f36bd652454c77fa', 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: 'aa3c7b6eacef9803f86dfc731d23022d0dd2625c', 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 }));
     }
 }, [1, "justifi-season-interruption-insurance", {
         "authToken": [1, "auth-token"],

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

@@ -1,15 +1,15 @@
 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 { ae as terminalOrdersListFilterMenu, af as orderStatusTerminalOrdersListFilterParam, ag as orderTypeTerminalOrdersListFilterParam, ah as createdAfterTerminalOrdersListFilterParam, ai as createdBeforeTerminalOrdersListFilterParam } from './parts.js';
+import { ac as terminalOrdersListFilterMenu, ad as orderStatusTerminalOrdersListFilterParam, ae as orderTypeTerminalOrdersListFilterParam, af as createdAfterTerminalOrdersListFilterParam, ag as createdBeforeTerminalOrdersListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
+import { j as convertToUTC, h as convertToLocal } from './utils2.js';
 import './ComponentError.js';
 import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
-import { c as TerminalOrderStatus, b as TerminalOrderType } from './SubAccount.js';
+import { T as TerminalOrderStatus, a as TerminalOrderType } from './Refund.js';
 import './Document.js';
-import { k as convertToUTC, j as convertToLocal } from './utils2.js';
 import { d as defineCustomElement$6 } from './custom-popper2.js';
 import { d as defineCustomElement$5 } from './form-control-date2.js';
 import { d as defineCustomElement$4 } from './form-control-select2.js';
@@ -28,10 +28,6 @@ const TerminalOrdersListFilters = /*@__PURE__*/ proxyCustomElement(class Termina
             const utcDate = convertToUTC(value, { setExactTime: true });
             this.setParamsOnChange(name, utcDate);
         };
-        this.orderStatus = undefined;
-        this.orderType = undefined;
-        this.createdAfter = undefined;
-        this.createdBefore = undefined;
     }
     componentWillLoad() {
         const propsToSet = {
@@ -52,6 +48,9 @@ const TerminalOrdersListFilters = /*@__PURE__*/ proxyCustomElement(class Termina
             { label: 'Created', value: TerminalOrderStatus.created },
             { label: 'Completed', value: TerminalOrderStatus.completed },
             { label: 'Submitted', value: TerminalOrderStatus.submitted },
+            { label: 'In Progress', value: TerminalOrderStatus.in_progress },
+            { label: 'On Hold', value: TerminalOrderStatus.on_hold },
+            { label: 'Canceled', value: TerminalOrderStatus.canceled }
         ];
     }
     get terminalOrderTypeOptions() {
@@ -63,8 +62,8 @@ const TerminalOrdersListFilters = /*@__PURE__*/ proxyCustomElement(class Termina
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'fa53c48c1a916781c8fffe7910f524ea334cdf27' }, h("table-filters-menu", { key: 'e8ba7a019f92234775acbaf2dafb817fb98f8d70', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '67e0b83350c37c7fa73f8e2808266fb8fda96838', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '08fd58b47b35fcb073b116c827ad2bb07c17f879', class: "p-2" }, h("form-control-select", { key: '1a6a468d37afb5a25d37e4f9e43d6bd23414c6a3', 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: '92c8b10d0c48811a63d0ed796637dfadb85b00c4', class: "p-2" }, h("form-control-select", { key: 'f8d7e96f8c0a9215ebb5b7a1f581b4dc60e5ad10', 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: '2d5b3262a022d3122d533ef7f7e886dec5c2b701', class: "p-2" }, h("form-control-date", { key: '4b1e799b9a99ce9046ea3a3e0b3249d566448ae6', 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: '93019260d2befe0ca3d99c17a769f2ebb1b6f07f', class: "p-2" }, h("form-control-date", { key: '3aba4879d8998c90a36f2fa5326c230792768403', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: 'fceaf9a2565bb0b2012f9d0c151159b5a0b013b6' }, h("table-filters-menu", { key: '04d455d0edefb0478ef50c58bb35aef2167a8bac', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: 'aefc85e6401613cd92300a613ce0b6f50dec01c9', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '852d230caf3b239a19a585f5316a9507db9b5bf4', class: "p-2" }, h("form-control-select", { key: '5302296b38a69a9e5d224aaaa029cf03f561c47a', 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: '86d62ad1d273857cddd4d594b2fbdaa481e9cf8b', class: "p-2" }, h("form-control-select", { key: '5880d9eb2afd60d31a0d8be9921fc80ed10a5135', 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: '99df89875c2a1be8287392b1db7392461c0c1538', class: "p-2" }, h("form-control-date", { key: '61d044d107ab4c7a3c5941a86b6cacf423e06b6f', 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: 'c6e44ad049bc5a2f5bb78f5a3799098f8f7e255f', class: "p-2" }, h("form-control-date", { key: '254ad26b1fabb7dd8a983b7095a2ce93dc25dafe', 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

@@ -3,13 +3,14 @@ import { S as StyledHost } from './styled-host.js';
 import './details.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 { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
+import './utils2.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError.js';
 import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
-import { a as TerminalOrder } from './SubAccount.js';
+import { c as TerminalOrder } from './Refund.js';
 import './Document.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { A as Api } from './Api.js';
 import { d as defineCustomElement$3 } from './pagination-menu2.js';
 
@@ -50,7 +51,11 @@ class TerminalOrderService {
         const headers = { account: accountId };
         const api = Api({ authToken, apiOrigin });
         const endpoint = 'terminals/orders';
-        return api.get(endpoint, params, null, headers);
+        return api.get({
+            endpoint,
+            params,
+            headers,
+        });
     }
 }
 
@@ -60,16 +65,13 @@ const TerminalOrdersList = /*@__PURE__*/ proxyCustomElement(class TerminalOrders
         this.__registerHost();
         this.__attachShadow();
         this.errorEvent = createEvent(this, "error-event", 7);
+        this.errorMessage = null;
+        this.apiOrigin = "https://wc-proxy.justifi.ai";
+        this.columns = defaultColumnsKeys;
         this.handleErrorEvent = (event) => {
             this.errorMessage = event.detail.message;
             this.errorEvent.emit(event.detail);
         };
-        this.getTerminalOrders = undefined;
-        this.errorMessage = null;
-        this.accountId = undefined;
-        this.authToken = undefined;
-        this.apiOrigin = "https://wc-proxy.justifi.ai";
-        this.columns = defaultColumnsKeys;
     }
     componentWillLoad() {
         checkPkgVersion();
@@ -95,7 +97,7 @@ const TerminalOrdersList = /*@__PURE__*/ proxyCustomElement(class TerminalOrders
         }
     }
     render() {
-        return (h(StyledHost, { key: 'beb7ebe2397c43c28b818133294b6c972d2834ac' }, h("terminal-orders-list-core", { key: '87db98176b2a462b9446170c348352958d4e3a05', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '2a268ef2e2128e8a0ed23092c78caa7f59539c6f' }, h("terminal-orders-list-core", { key: 'a56b31da3f4672a7f63aaff473dbdcb985eed3fc', 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,14 +1,15 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { l as lodash } from './lodash.js';
+import { l as lodashExports } from './lodash.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './terminals-list-params-state.js';
-import { aj as terminalsListFilterMenu, ak as terminalIdTerminalsListFilterParam, al as terminalOrderIdTerminalsListFilterParam, am as terminalStatusTerminalsListFilterParam } from './parts.js';
+import { ah as terminalsListFilterMenu, ai as terminalIdTerminalsListFilterParam, aj as terminalOrderIdTerminalsListFilterParam, ak as terminalStatusTerminalsListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
+import './utils2.js';
 import './ComponentError.js';
 import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
-import { I as ITerminalStatus } from './SubAccount.js';
+import { I as ITerminalStatus } from './Refund.js';
 import './Document.js';
 import { d as defineCustomElement$6 } from './custom-popper2.js';
 import { d as defineCustomElement$5 } from './form-control-select2.js';
@@ -24,13 +25,10 @@ const TerminalsListFilters = /*@__PURE__*/ proxyCustomElement(class TerminalsLis
         this.setParamsOnChange = (name, value) => {
             filterParams[name] = value;
         };
-        this.terminalId = undefined;
-        this.terminalOrderId = undefined;
-        this.terminalStatus = undefined;
     }
     componentWillLoad() {
         // debounced input handler for text input
-        this.debouncedSetParamsOnChange = lodash.exports.debounce(this.setParamsOnChange, 300);
+        this.debouncedSetParamsOnChange = lodashExports.debounce(this.setParamsOnChange, 300);
         const propsToSet = {
             terminal_id: this.terminalId,
             status: this.terminalStatus,
@@ -53,7 +51,7 @@ const TerminalsListFilters = /*@__PURE__*/ proxyCustomElement(class TerminalsLis
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '390b8788e785bc81711a1b0f68203fce5a348c4c' }, h("table-filters-menu", { key: 'ab37f284aad5b828c2a3d0ce78e5c49fe86c8ec7', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '9f06d2199885d1cb8d9a4310fc94366717ca092c', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '146fb3fa0a146c8011e1fc609f885ec3de0af8bf', class: "p-2" }, h("form-control-text", { key: 'f9d33f3facd5af88761033256e9bcdee772d187b', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '59b8af61f98c01e0cd04299780817b9a497d33bc', class: "p-2" }, h("form-control-text", { key: '80c6ed5f37f4429aac0451f1b2c76fd99c52d246', 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: '4452ff9cbeb157408fdd8569af5792d32f0d1aa9', class: "p-2" }, h("form-control-select", { key: '52406f154a9d5f7a01831047eedf09b909d1bc0d', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
+        return (h(StyledHost, { key: 'ebfb2ddd63b2e58d04afa90f198e133386ab76e3' }, h("table-filters-menu", { key: '1bafea76a93c02d79712606b1b4e390082d7df10', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '5ef7db38c487fd6c1e2f04165f465bc36c0b8bfe', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'e9ba2f985e7c958457d6a110b430496ef6c409dd', class: "p-2" }, h("form-control-text", { key: 'aa5e8edfee2e7aaffd4fc54fab88aa0ef539e87b', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: 'e4e50f586f1f096c977ce69100d5f0715334d521', class: "p-2" }, h("form-control-text", { key: '81d7dcdd31c917c495e92d2cf212a269a7a05fc5', 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: '454ae474faced4cfdc3ef7c6021eddeb10349e03', class: "p-2" }, h("form-control-select", { key: 'ab01fa24d3904628249dc1044242ef98e35c3cc2', 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,13 +1,14 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { T as TerminalService } from './terminal.service.js';
+import './utils2.js';
 import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
-import { d as Terminal } from './SubAccount.js';
+import { b as Terminal } from './Refund.js';
 import './Document.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils4.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';
@@ -49,17 +50,13 @@ const TerminalsList = /*@__PURE__*/ proxyCustomElement(class TerminalsList exten
         this.__registerHost();
         this.__attachShadow();
         this.errorEvent = createEvent(this, "error-event", 7);
+        this.errorMessage = null;
+        this.apiOrigin = "https://wc-proxy.justifi.ai";
+        this.columns = defaultColumnsKeys;
         this.handleErrorEvent = (event) => {
             this.errorMessage = event.detail.message;
             this.errorEvent.emit(event.detail);
         };
-        this.getTerminals = undefined;
-        this.getSubAccounts = undefined;
-        this.errorMessage = null;
-        this.accountId = undefined;
-        this.authToken = undefined;
-        this.apiOrigin = "https://wc-proxy.justifi.ai";
-        this.columns = defaultColumnsKeys;
     }
     componentWillLoad() {
         checkPkgVersion();
@@ -105,7 +102,7 @@ const TerminalsList = /*@__PURE__*/ proxyCustomElement(class TerminalsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: '008b4bd549c228dbf8972e5ce08764c40e0b45a7' }, h("terminals-list-core", { key: 'e57f76fa1560c97d76068503b48e92a5fa9a02ec', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'e1701345de01cf73130bea653e16d31ee0c92725' }, h("terminals-list-core", { key: 'c4767eb667054564e4d6c36f11d494c98e4b4168', 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,31 +3,30 @@ import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
-import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
+import './utils2.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError.js';
 import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
-import './SubAccount.js';
+import './Refund.js';
 import './Document.js';
-import { d as defineCustomElement$k } from './bank-account-form2.js';
-import { d as defineCustomElement$j } from './billing-form2.js';
-import { d as defineCustomElement$i } from './card-form2.js';
-import { d as defineCustomElement$h } from './custom-popper2.js';
-import { d as defineCustomElement$g } from './form-control-checkbox2.js';
-import { d as defineCustomElement$f } from './form-control-help-text3.js';
-import { d as defineCustomElement$e } from './form-control-radio2.js';
-import { d as defineCustomElement$d } from './form-control-select2.js';
-import { d as defineCustomElement$c } from './form-control-text2.js';
-import { d as defineCustomElement$b } from './form-control-tooltip2.js';
-import { d as defineCustomElement$a } from './hidden-input2.js';
-import { d as defineCustomElement$9 } from './iframe-input2.js';
-import { d as defineCustomElement$8 } from './billing-form-wrapper.js';
-import { d as defineCustomElement$7 } from './new-payment-method.js';
-import { d as defineCustomElement$6 } from './payment-method-options.js';
-import { d as defineCustomElement$5 } from './save-new-payment-method.js';
-import { d as defineCustomElement$4 } from './saved-payment-method.js';
-import { d as defineCustomElement$3 } from './sezzle-payment-method.js';
-import { d as defineCustomElement$2 } from './postal-form2.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 { d as defineCustomElement$2 } from './sezzle-payment-method.js';
 
 const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePaymentMethod extends HTMLElement {
     constructor() {
@@ -36,14 +35,7 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
         this.__attachShadow();
         this.errorEvent = createEvent(this, "error-event", 7);
         this.submitEvent = createEvent(this, "submit-event", 7);
-        this.authToken = undefined;
-        this.accountId = undefined;
-        this.paymentMethodGroupId = undefined;
-        this.submitButtonText = undefined;
-        this.disableCreditCard = undefined;
-        this.disableBankAccount = undefined;
-        this.hideSubmitButton = undefined;
-        this.hideCardBillingForm = undefined;
+        this.submitButtonText = 'Submit';
         this.iframeOrigin = "https://components.justifi.ai";
         this.isLoading = false;
     }
@@ -82,8 +74,12 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
     async fillBillingForm(fields) {
         this.paymentMethodOptionsRef.fillBillingForm(fields);
     }
+    async validate() {
+        const { isValid } = await this.paymentMethodOptionsRef.validate();
+        return { isValid };
+    }
     render() {
-        return (h(StyledHost, { key: '270b2dce491c95fd6a372bf4e59d4829c91290fa' }, h("form", { key: '7e68afbac49260a92bb6c9e3bd08125129ab196c' }, h("fieldset", { key: '95f911fa066f7fea0b36e4c99cb1c5008b4a886d' }, h("div", { key: 'aec8576644731d5960a1e041960076c503aa4a17', class: "row gy-3" }, h("div", { key: '51436afb0c10e189d079226dd0a8e7b18580fd69', class: "col-12" }, h("justifi-payment-method-options", { key: '59777ac37f44bfe9ef98d3b22a6e485f06db303d', 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, authToken: this.authToken, "account-id": this.accountId, iframeOrigin: this.iframeOrigin })), h("div", { key: 'ef37939fb4d8e0225f98f0c3874a83206307f671', class: "col-12" }, h(Button, { key: '4b193d76ad540cae97a2423948e18d60f6db0679', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText || 'Submit')))))));
+        return (h(StyledHost, { key: 'f78888ef0c0564df455a7e61990e718b6e827700' }, h("form", { key: '318c2496c73203c7e2c714ba03335118e6bb7136' }, h("fieldset", { key: '3b8e53e611480c2fe43be940162d2f2bc517ea69' }, h("div", { key: 'd8903132e22f7d79842ae22165aea45be0e263fd', class: "row gy-3" }, h("div", { key: '57e4b60b4acd33665a36384e4f6d1cd941f5eaeb', class: "col-12" }, h("justifi-payment-method-options", { key: '48b35447ccc01f8592354cf5c5e53ce8a53db880', 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, iframeOrigin: this.iframeOrigin })), h("div", { key: '6bd68d95bf5a4d090f00f8a6415d38c0b202ee3a', class: "col-12" }, h(Button, { key: 'cd61787511188bc099d625f6ef44301e5603a495', 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"],
@@ -94,16 +90,18 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
         "disableBankAccount": [4, "disable-bank-account"],
         "hideSubmitButton": [4, "hide-submit-button"],
         "hideCardBillingForm": [4, "hide-card-billing-form"],
+        "hideBankAccountBillingForm": [4, "hide-bank-account-billing-form"],
         "iframeOrigin": [1, "iframe-origin"],
         "isLoading": [32],
         "tokenizePaymentMethod": [64],
-        "fillBillingForm": [64]
+        "fillBillingForm": [64],
+        "validate": [64]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-tokenize-payment-method", "bank-account-form", "billing-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-wrapper", "justifi-new-payment-method", "justifi-payment-method-options", "justifi-save-new-payment-method", "justifi-saved-payment-method", "justifi-sezzle-payment-method", "postal-form"];
+    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"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-tokenize-payment-method":
             if (!customElements.get(tagName)) {
@@ -111,96 +109,86 @@ function defineCustomElement$1() {
             }
             break;
         case "bank-account-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$k();
-            }
-            break;
-        case "billing-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$j();
-            }
-            break;
-        case "card-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "custom-popper":
+        case "card-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "form-control-checkbox":
+        case "custom-popper":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "form-control-help-text":
+        case "form-control-checkbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "form-control-radio":
+        case "form-control-help-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }
             break;
-        case "form-control-select":
+        case "form-control-radio":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "form-control-text":
+        case "form-control-select":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }
             break;
-        case "form-control-tooltip":
+        case "form-control-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "hidden-input":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "iframe-input":
+        case "hidden-input":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "justifi-billing-form-wrapper":
+        case "iframe-input":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "justifi-new-payment-method":
+        case "justifi-billing-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "justifi-payment-method-options":
+        case "justifi-new-payment-method":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "justifi-save-new-payment-method":
+        case "justifi-payment-method-options":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
             break;
-        case "justifi-saved-payment-method":
+        case "justifi-save-new-payment-method":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "justifi-sezzle-payment-method":
+        case "justifi-saved-payment-method":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "postal-form":
+        case "justifi-sezzle-payment-method":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

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

@@ -6,7 +6,6 @@ const LegalAddressDetails = /*@__PURE__*/ proxyCustomElement(class LegalAddressD
     constructor() {
         super();
         this.__registerHost();
-        this.legalAddress = undefined;
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
@@ -15,7 +14,7 @@ const LegalAddressDetails = /*@__PURE__*/ proxyCustomElement(class LegalAddressD
         return (h(Host, null, h(DetailSectionTitle, { sectionTitle: "Business Legal Address Details" }), h("div", { class: "d-table gap-2 w-100 mt-3" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Country", value: (_a = this.legalAddress) === null || _a === void 0 ? void 0 : _a.country }), h(DetailItem, { title: "Legal Address", value: (_b = this.legalAddress) === null || _b === void 0 ? void 0 : _b.line1 }), h(DetailItem, { title: "Address Line 2", value: (_c = this.legalAddress) === null || _c === void 0 ? void 0 : _c.line2 })), h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "City", value: (_d = this.legalAddress) === null || _d === void 0 ? void 0 : _d.city }), h(DetailItem, { title: "State", value: (_e = this.legalAddress) === null || _e === void 0 ? void 0 : _e.state }), h(DetailItem, { title: "Postal Code", value: (_g = (_f = this.legalAddress) === null || _f === void 0 ? void 0 : _f.postal_code) === null || _g === void 0 ? void 0 : _g.toString() }))))));
     }
 }, [0, "legal-address-details", {
-        "legalAddress": [16]
+        "legalAddress": [16, "legal-address"]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { a as addressSchema } from './business-address-schema.js';
 import { F as FormController } from './form.js';
-import { c as Address } from './Business.js';
+import { b as Address } from './Business.js';
 import { S as StateOptions } from './state-options.js';
 import { n as numberOnlyHandler } from './utils3.js';
 import { h as heading2 } from './parts.js';
@@ -19,6 +19,9 @@ const LegalAddressFormStepCore = /*@__PURE__*/ proxyCustomElement(class LegalAdd
         this.stepCompleteEvent = createEvent(this, "complete-form-step-event", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
         this.formLoading = createEvent(this, "formLoading", 7);
+        this.errors = {};
+        this.legal_address = {};
+        this.isLoading = false;
         this.getData = () => {
             this.formLoading.emit(true);
             this.isLoading = true;
@@ -66,13 +69,6 @@ const LegalAddressFormStepCore = /*@__PURE__*/ proxyCustomElement(class LegalAdd
         this.inputHandler = (name, value) => {
             this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
         };
-        this.formController = undefined;
-        this.errors = {};
-        this.legal_address = {};
-        this.isLoading = false;
-        this.getBusiness = undefined;
-        this.patchBusiness = undefined;
-        this.allowOptionalFields = undefined;
     }
     async validateAndSubmit({ onSuccess }) {
         this.formController.validateAndSubmit(() => this.sendData(onSuccess));
@@ -102,8 +98,8 @@ const LegalAddressFormStepCore = /*@__PURE__*/ proxyCustomElement(class LegalAdd
             disabled: true }))))));
     }
 }, [0, "justifi-legal-address-form-step-core", {
-        "getBusiness": [16],
-        "patchBusiness": [16],
+        "getBusiness": [16, "get-business"],
+        "patchBusiness": [16, "patch-business"],
         "allowOptionalFields": [4, "allow-optional-fields"],
         "formController": [32],
         "errors": [32],

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 ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError.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';
@@ -13,11 +13,6 @@ const LegalAddressFormStep = /*@__PURE__*/ proxyCustomElement(class LegalAddress
         super();
         this.__registerHost();
         this.errorEvent = createEvent(this, "error-event", 7);
-        this.getBusiness = undefined;
-        this.patchBusiness = undefined;
-        this.authToken = undefined;
-        this.businessId = undefined;
-        this.allowOptionalFields = undefined;
     }
     propChanged() {
         this.initializeApi();

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

@@ -11,9 +11,7 @@ const LegalAddressForm = /*@__PURE__*/ proxyCustomElement(class LegalAddressForm
     constructor() {
         super();
         this.__registerHost();
-        this.formController = undefined;
         this.errors = {};
-        this.legal_address = undefined;
         this.inputHandler = this.inputHandler.bind(this);
     }
     componentDidLoad() {
@@ -31,7 +29,7 @@ const LegalAddressForm = /*@__PURE__*/ proxyCustomElement(class LegalAddressForm
             disabled: true }))))));
     }
 }, [0, "justifi-legal-address-form", {
-        "formController": [16],
+        "formController": [16, "form-controller"],
         "errors": [32],
         "legal_address": [32]
     }]);