@justifi/webcomponents 5.4.3 → 5.5.0

package/dist/module/index2.js

@@ -36,7 +36,7 @@ const cleanupElements = debounce((map) => {
     for (let key of map.keys()) {
         map.set(key, map.get(key).filter(isConnected));
     }
-}, 2000);
+}, 2_000);
 const stencilSubscription = () => {
     if (typeof getRenderingRef !== 'function') {
         // If we are not in a stencil project, we do nothing.
@@ -69,7 +69,7 @@ const stencilSubscription = () => {
 const unwrap = (val) => (typeof val === 'function' ? val() : val);
 const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {
     const unwrappedState = unwrap(defaultState);
-    let states = new Map(Object.entries(unwrappedState !== null && unwrappedState !== void 0 ? unwrappedState : {}));
+    let states = new Map(Object.entries(unwrappedState ?? {}));
     const handlers = {
         dispose: [],
         get: [],
@@ -77,10 +77,9 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
         reset: [],
     };
     const reset = () => {
-        var _a;
         // When resetting the state, the default state may be a function - unwrap it to invoke it.
         // otherwise, the state won't be properly reset
-        states = new Map(Object.entries((_a = unwrap(defaultState)) !== null && _a !== void 0 ? _a : {}));
+        states = new Map(Object.entries(unwrap(defaultState) ?? {}));
         handlers.reset.forEach((cb) => cb());
     };
     const dispose = () => {

package/dist/module/index3.js

@@ -507,7 +507,7 @@ class InputHistory {
     return this.go(-1);
   }
   redo() {
-    return this.go(+1);
+    return this.go(1);
   }
   clear() {
     this.states.length = 0;

package/dist/module/{billing-form.d.ts → justifi-billing-form.d.ts}

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
 
-interface BillingForm extends Components.BillingForm, HTMLElement {}
-export const BillingForm: {
-    prototype: BillingForm;
-    new (): BillingForm;
+interface JustifiBillingForm extends Components.JustifiBillingForm, HTMLElement {}
+export const JustifiBillingForm: {
+    prototype: JustifiBillingForm;
+    new (): JustifiBillingForm;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/module/justifi-billing-form.js

@@ -0,0 +1,6 @@
+import { B as BillingForm, d as defineCustomElement$1 } from './billing-form.js';
+
+const JustifiBillingForm = BillingForm;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiBillingForm, defineCustomElement };

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

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import { E as ErrorState } from './utils.js';
 import { B as BusinessService } from './business.service.js';
 import { m as makeGetBusiness } from './get-business.js';
-import { C as ComponentErrorCodes, a as ComponentErrorSeverity } 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 { d as defineCustomElement$7 } from './additional-questions-details2.js';
 import { d as defineCustomElement$6 } from './business-details-core2.js';
@@ -17,10 +17,6 @@ const BusinessDetails = /*@__PURE__*/ proxyCustomElement(class BusinessDetails e
         this.__registerHost();
         this.__attachShadow();
         this.errorEvent = createEvent(this, "error-event", 7);
-        this.businessId = undefined;
-        this.authToken = undefined;
-        this.errorMessage = undefined;
-        this.getBusiness = undefined;
     }
     componentWillLoad() {
         checkPkgVersion();

package/dist/module/justifi-business-form.js

@@ -9,9 +9,9 @@ import './ComponentError.js';
 import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
-import './SubAccount.js';
+import './Refund.js';
 import './Document.js';
-import { a as Business, b as BusinessFormServerErrors } from './Business.js';
+import { a as Business, c as BusinessFormServerErrors } from './Business.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
@@ -62,6 +62,11 @@ const BusinessForm = /*@__PURE__*/ proxyCustomElement(class BusinessForm extends
         this.__attachShadow();
         this.submitEvent = createEvent(this, "submit-event", 7);
         this.clickEvent = createEvent(this, "click-event", 7);
+        this.hideErrors = false;
+        this.formTitle = 'Business Information';
+        this.removeTitle = false;
+        this.isLoading = false;
+        this.isSaving = false;
         this.instantiateBusiness = (data) => {
             const business = new Business(data);
             this.formController.setInitialValues(Object.assign({}, business));
@@ -99,14 +104,6 @@ const BusinessForm = /*@__PURE__*/ proxyCustomElement(class BusinessForm extends
             event.preventDefault();
             this.formController.validateAndSubmit(this.sendData);
         };
-        this.authToken = undefined;
-        this.businessId = undefined;
-        this.hideErrors = false;
-        this.formTitle = 'Business Information';
-        this.removeTitle = false;
-        this.isLoading = false;
-        this.isSaving = false;
-        this.errorMessage = undefined;
     }
     componentWillLoad() {
         checkPkgVersion();

package/dist/module/justifi-checkout.js

@@ -1,28 +1,26 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { C as CheckoutService } from './checkout.service.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
-import { d as defineCustomElement$l } from './bank-account-form2.js';
-import { d as defineCustomElement$k } from './billing-form2.js';
-import { d as defineCustomElement$j } from './card-form2.js';
-import { d as defineCustomElement$i } from './custom-popper2.js';
-import { d as defineCustomElement$h } from './form-control-checkbox2.js';
-import { d as defineCustomElement$g } from './form-control-help-text3.js';
-import { d as defineCustomElement$f } from './form-control-radio2.js';
-import { d as defineCustomElement$e } from './form-control-select2.js';
-import { d as defineCustomElement$d } from './form-control-text2.js';
-import { d as defineCustomElement$c } from './form-control-tooltip2.js';
-import { d as defineCustomElement$b } from './hidden-input2.js';
-import { d as defineCustomElement$a } from './iframe-input2.js';
-import { d as defineCustomElement$9 } from './billing-form-wrapper.js';
-import { d as defineCustomElement$8 } from './checkout-core.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$j } from './bank-account-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-text2.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.js';
+import { d as defineCustomElement$7 } from './checkout-core.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 makeGetCheckout = ({ authToken, checkoutId, service }) => async ({ onSuccess, onError }) => {
     var _a;
@@ -84,16 +82,7 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
         this.__registerHost();
         this.errorEvent = createEvent(this, "error-event", 7);
         this.loadedEvent = createEvent(this, "loaded", 7);
-        this.authToken = undefined;
-        this.checkoutId = undefined;
-        this.disableCreditCard = undefined;
-        this.disableBankAccount = undefined;
-        this.disableBnpl = undefined;
-        this.disablePaymentMethodGroup = undefined;
-        this.hideCardBillingForm = undefined;
         this.iframeOrigin = "https://components.justifi.ai";
-        this.getCheckout = undefined;
-        this.complete = undefined;
         this.errorMessage = '';
     }
     componentWillLoad() {
@@ -131,12 +120,16 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
     async fillBillingForm(fields) {
         this.checkoutCoreRef.fillBillingForm(fields);
     }
+    async validate() {
+        const { isValid } = await this.checkoutCoreRef.validate();
+        return { isValid };
+    }
     render() {
-        return (h("justifi-checkout-core", { key: '4c752a401d34aae940f947600aa81961be1d6d8e', getCheckout: this.getCheckout, authToken: this.authToken, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup, hideCardBillingForm: this.hideCardBillingForm, iframeOrigin: this.iframeOrigin, ref: el => {
+        return (h("justifi-checkout-core", { key: '5d7045778d53e02d85627ea6f945d45599e6d090', getCheckout: this.getCheckout, authToken: this.authToken, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, iframeOrigin: this.iframeOrigin, ref: el => {
                 if (el) {
                     this.checkoutCoreRef = el;
                 }
-            } }, h("div", { key: 'a67422cd23e1895f192abb352d328ea9874566e8', slot: "insurance" }, h("slot", { key: '937902933052abb1dae89271bc85ddd93b86a904', name: "insurance" }))));
+            } }, h("div", { key: '4a5badd7e9f77de58dafb09405cd563014f0e6e2', slot: "insurance" }, h("slot", { key: 'b0067d049fe5ed9bb7b35c8614a28e967872599b', name: "insurance" }))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -150,11 +143,13 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
         "disableBnpl": [4, "disable-bnpl"],
         "disablePaymentMethodGroup": [4, "disable-payment-method-group"],
         "hideCardBillingForm": [4, "hide-card-billing-form"],
+        "hideBankAccountBillingForm": [4, "hide-bank-account-billing-form"],
         "iframeOrigin": [1, "iframe-origin"],
         "getCheckout": [32],
         "complete": [32],
         "errorMessage": [32],
-        "fillBillingForm": [64]
+        "fillBillingForm": [64],
+        "validate": [64]
     }, undefined, {
         "authToken": ["propChanged"],
         "checkoutId": ["propChanged"]
@@ -163,7 +158,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-checkout", "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-checkout-core", "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-checkout", "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-checkout-core", "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-checkout":
             if (!customElements.get(tagName)) {
@@ -171,101 +166,91 @@ function defineCustomElement$1() {
             }
             break;
         case "bank-account-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$l();
-            }
-            break;
-        case "billing-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$k();
-            }
-            break;
-        case "card-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "custom-popper":
+        case "card-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "form-control-checkbox":
+        case "custom-popper":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "form-control-help-text":
+        case "form-control-checkbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "form-control-radio":
+        case "form-control-help-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "form-control-select":
+        case "form-control-radio":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }
             break;
-        case "form-control-text":
+        case "form-control-select":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "form-control-tooltip":
+        case "form-control-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }
             break;
-        case "hidden-input":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "iframe-input":
+        case "hidden-input":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "justifi-billing-form-wrapper":
+        case "iframe-input":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "justifi-checkout-core":
+        case "justifi-billing-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "justifi-new-payment-method":
+        case "justifi-checkout-core":
             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/justifi-checkouts-list-filters.js

@@ -1,12 +1,13 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import './utils2.js';
 import './ComponentError.js';
 import { I as ICheckoutStatus, a as ICheckoutPaymentModeParam } from './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
-import './SubAccount.js';
+import './Refund.js';
 import './Document.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './checkouts-list-params-state.js';
-import { $ as checkoutsListFilterMenu, a0 as statusCheckoutsListFilterParam, a1 as paymentModeCheckoutsListFilterParam } from './parts.js';
+import { _ as checkoutsListFilterMenu, $ as statusCheckoutsListFilterParam, a0 as paymentModeCheckoutsListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import { d as defineCustomElement$5 } from './custom-popper2.js';
@@ -22,8 +23,6 @@ const CheckoutsListFilters = /*@__PURE__*/ proxyCustomElement(class CheckoutsLis
         this.setParamsOnChange = (name, value) => {
             filterParams[name] = value;
         };
-        this.checkoutStatus = undefined;
-        this.paymentMode = undefined;
     }
     componentWillLoad() {
         const propsToSet = {
@@ -54,7 +53,7 @@ const CheckoutsListFilters = /*@__PURE__*/ proxyCustomElement(class CheckoutsLis
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'c1af53aa366b42a96b73bc7e3880a00f91d38d40' }, h("table-filters-menu", { key: 'fd5826776be41b7f8ddb71459733047be623214b', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: '8ebcb618fb95e79dc350b9c4f95af5cedef47dc7', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '449b7ba6d1b0839c8f79f614d0b4be56398e0719', class: "p-2" }, h("form-control-select", { key: '91a04afd5fdf302803ac46373aa752d53421dc3b', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status, disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: 'a0e1cb069b14ae3375d643e25206bd4438fefbc1', class: "p-2" }, h("form-control-select", { key: 'f576dcfa1a6d7221094cea7e4f0008a47b2af56a', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode, disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam }))))));
+        return (h(StyledHost, { key: '9b4c4fdcb668bb4dd8a059994bb3db0b905edae9' }, h("table-filters-menu", { key: '938c4e70af02843728d761a51a720782e68475d7', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: '61ddbf4b3bf1d9de92158fdd7f2ed744e86c93a8', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '9eb3f1ff6137c76dbf87980610804dcef8a70548', class: "p-2" }, h("form-control-select", { key: '8613b5a96b1df7cbe39538afd0c1963fef1f4bcf', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status, disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: '5ffd343103cd06248645ab10e89f795805559b28', class: "p-2" }, h("form-control-select", { key: 'da1f80e06108fe3bd8682b2a8018eac51cc798e6', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode, disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam }))))));
     }
 }, [1, "justifi-checkouts-list-filters", {
         "checkoutStatus": [1, "checkout-status"],

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

@@ -1,11 +1,12 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
+import './utils2.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError.js';
 import { C as Checkout } from './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 { C as CheckoutService } from './checkout.service.js';
 import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts.js';
@@ -49,17 +50,13 @@ const CheckoutsList = /*@__PURE__*/ proxyCustomElement(class CheckoutsList 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.getCheckouts = 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 CheckoutsList = /*@__PURE__*/ proxyCustomElement(class CheckoutsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: '072e2dc9373eef92119a0b0a01b61615d3bdcec0' }, h("checkouts-list-core", { key: '84027904ba2baf57aa22247c553ab585d0d71262', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '523acabd52d2823a4bf1a50b5fcda8a80704208c' }, h("checkouts-list-core", { key: '46548aa225fe025c7ecf8736fb3239367bb9f965', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-dispute-management.js

@@ -1,13 +1,13 @@
 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 { D as Dispute } from './Payment.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { D as DisputeService } from './dispute-response-actions.js';
 import { d as defineCustomElement$k } from './custom-popper2.js';
 import { d as defineCustomElement$j } from './form-control-date2.js';
 import { d as defineCustomElement$i } from './form-control-file-v22.js';
-import { d as defineCustomElement$h } from './form-control-help-text3.js';
+import { d as defineCustomElement$h } from './form-control-help-text2.js';
 import { d as defineCustomElement$g } from './form-control-text2.js';
 import { d as defineCustomElement$f } from './form-control-textarea2.js';
 import { d as defineCustomElement$e } from './form-control-tooltip2.js';
@@ -58,15 +58,12 @@ const DisputeManagement = /*@__PURE__*/ proxyCustomElement(class DisputeManageme
         super();
         this.__registerHost();
         this.errorEvent = createEvent(this, "error-event", 7);
+        this.apiOrigin = "https://wc-proxy.justifi.ai";
+        this.errorMessage = null;
         this.handleErrorEvent = event => {
             this.errorMessage = event.detail.message;
             this.errorEvent.emit(event.detail);
         };
-        this.disputeId = undefined;
-        this.authToken = undefined;
-        this.apiOrigin = "https://wc-proxy.justifi.ai";
-        this.getDispute = undefined;
-        this.errorMessage = null;
     }
     componentWillLoad() {
         checkPkgVersion();
@@ -99,7 +96,7 @@ const DisputeManagement = /*@__PURE__*/ proxyCustomElement(class DisputeManageme
         }
     }
     render() {
-        return (h("justifi-dispute-management-core", { key: '4bdf1bb2befbd6d963744cac254993ad78e2047f', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
+        return (h("justifi-dispute-management-core", { key: '395f55b1545929405b170553f0a4e3124540e50e', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
     }
     static get watchers() { return {
         "disputeId": ["propChanged"],

package/dist/module/justifi-gross-payment-chart.js

@@ -1,7 +1,7 @@
 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 { g as getErrorMessage, a as getErrorCode } from './utils4.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError.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 './check-pkg-version.js';
 import { d as defineCustomElement$2 } from './gross-payment-chart-core2.js';
@@ -10,7 +10,7 @@ class ReportsService {
     async fetchGrossVolumeChartData(accountId, authToken) {
         const api = Api({ authToken: authToken, apiOrigin: "https://wc-proxy.justifi.ai" });
         const endpoint = `account/${accountId}/reports/gross_volume`;
-        return api.get(endpoint);
+        return api.get({ endpoint });
     }
 }
 
@@ -48,14 +48,11 @@ const GrossPaymentChart = /*@__PURE__*/ proxyCustomElement(class GrossPaymentCha
         this.__registerHost();
         this.__attachShadow();
         this.errorEvent = createEvent(this, "error-event", 7);
+        this.errorMessage = null;
         this.handleErrorEvent = (event) => {
             this.errorMessage = event.detail.message;
             this.errorEvent.emit(event.detail);
         };
-        this.accountId = undefined;
-        this.authToken = undefined;
-        this.getGrossPayment = undefined;
-        this.errorMessage = null;
     }
     componentWillLoad() {
         checkPkgVersion();

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

@@ -1,21 +1,21 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { a3 as heading4, T as heading5, X as buttonPrimary, t as text } from './parts.js';
+import { U as heading4, W as heading5, Y as buttonPrimary, t as text } from './parts.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 { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError.js';
 import { B as BusinessService } from './business.service.js';
 import { a as Business } from './Business.js';
 import { m as makeGetBusiness } from './get-business.js';
 import { S as Skeleton } from './skeleton.js';
+import { n as formatPhoneNumber } from './utils2.js';
 import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
-import { T as TerminalModel, a as TerminalOrder, b as TerminalOrderType } from './SubAccount.js';
+import { d as TerminalModel, c as TerminalOrder, a as TerminalOrderType } 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 { T as TerminalService } from './terminal.service.js';
-import { h as formatPhoneNumber } from './utils2.js';
 import { d as defineCustomElement$4 } from './custom-popper2.js';
 import { d as defineCustomElement$3 } from './form-control-tooltip2.js';
 import { d as defineCustomElement$2 } from './terminal-quantity-selector2.js';
@@ -121,10 +121,6 @@ const OrderTerminals = /*@__PURE__*/ proxyCustomElement(class OrderTerminals ext
         this.__attachShadow();
         this.errorEvent = createEvent(this, "error-event", 7);
         this.submitted = createEvent(this, "submit-event", 7);
-        this.addressHeader = this.shipping ? "Shipping Address:" : "Business Address:";
-        this.businessId = undefined;
-        this.authToken = undefined;
-        this.accountId = undefined;
         this.shipping = false;
         this.apiOrigin = "https://wc-proxy.justifi.ai";
         this.submitButtonText = 'Submit Order';
@@ -134,10 +130,6 @@ const OrderTerminals = /*@__PURE__*/ proxyCustomElement(class OrderTerminals ext
         };
         this.submitting = false;
         this.error = null;
-        this.business = undefined;
-        this.terminalModels = undefined;
-        this.orderLimit = undefined;
-        this.order = undefined;
         this.totalQuantity = 0;
     }
     componentWillLoad() {
@@ -226,7 +218,7 @@ const OrderTerminals = /*@__PURE__*/ proxyCustomElement(class OrderTerminals ext
     renderBusinessDetails() {
         var _a, _b, _c, _d, _e, _f, _g, _h;
         if (!this.loading.business && this.business) {
-            return (h("div", { class: "d-flex flex-column gap-4 mb-5 pt-5" }, h("div", { class: "row" }, h("div", { class: "col-12" }, h("h2", { part: heading4 }, this.business.legal_name))), h("div", { class: "row" }, h("div", { class: "col-6" }, h("h5", { part: heading5 }, "Representative:"), h("div", null, h("div", null, (_b = (_a = this.business) === null || _a === void 0 ? void 0 : _a.representative) === null || _b === void 0 ? void 0 : _b.name), h("div", null, (_d = (_c = this.business) === null || _c === void 0 ? void 0 : _c.representative) === null || _d === void 0 ? void 0 : _d.title), h("div", null, (_f = (_e = this.business) === null || _e === void 0 ? void 0 : _e.representative) === null || _f === void 0 ? void 0 : _f.email), h("div", null, formatPhoneNumber((_h = (_g = this.business) === null || _g === void 0 ? void 0 : _g.representative) === null || _h === void 0 ? void 0 : _h.phone)))), h("div", { class: "col-6" }, h("h5", { part: heading5 }, this.addressHeader), h("div", null, this.business.legal_address.line1, this.business.legal_address.line2 ? `, ${this.business.legal_address.line2}` : "", h("br", null), this.business.legal_address.city, ", ", this.business.legal_address.state, " ", this.business.legal_address.postal_code)))));
+            return (h("div", { class: "d-flex flex-column gap-4 mb-5 pt-5" }, h("div", { class: "row" }, h("div", { class: "col-12" }, h("h2", { part: heading4 }, this.business.legal_name))), h("div", { class: "row" }, h("div", { class: "col-6" }, h("h5", { part: heading5 }, "Representative:"), h("div", null, h("div", null, (_b = (_a = this.business) === null || _a === void 0 ? void 0 : _a.representative) === null || _b === void 0 ? void 0 : _b.name), h("div", null, (_d = (_c = this.business) === null || _c === void 0 ? void 0 : _c.representative) === null || _d === void 0 ? void 0 : _d.title), h("div", null, (_f = (_e = this.business) === null || _e === void 0 ? void 0 : _e.representative) === null || _f === void 0 ? void 0 : _f.email), h("div", null, formatPhoneNumber((_h = (_g = this.business) === null || _g === void 0 ? void 0 : _g.representative) === null || _h === void 0 ? void 0 : _h.phone)))), h("div", { class: "col-6" }, h("h5", { part: heading5 }, this.shipping ? "Shipping Address:" : "Business Address:"), h("div", null, this.business.legal_address.line1, this.business.legal_address.line2 ? `, ${this.business.legal_address.line2}` : "", h("br", null), this.business.legal_address.city, ", ", this.business.legal_address.state, " ", this.business.legal_address.postal_code)))));
         }
     }
     renderTerminals() {
@@ -238,7 +230,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: 'e41920bc976c976932d5abdbb2da088a0e35a9f3' }, h("div", { key: '5237d2dcb456ee143f75b5562cf655ed695ab0e8', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: 'b56073a8c5df425a77c0e322a855c41a820b848b' }, h("div", { key: 'f714b27a51bd21a58d20088016cfa3fabb6659b2', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
 }, [1, "justifi-order-terminals", {
         "businessId": [1, "business-id"],