@justifi/webcomponents 5.3.2 → 5.3.3

package/dist/module/form-control-select2.js

@@ -51,10 +51,10 @@ const SelectInput = /*@__PURE__*/ proxyCustomElement(class SelectInput extends H
     }
     render() {
         var _a;
-        return (h(Host, { key: '9842d5b2a2069292ded1b960bc024d7995a6d58e' }, h("div", { key: 'b4b5fe37f88661d2f592864adb16ae997a38b484', class: "form-group d-flex flex-column" }, h("div", { key: 'f70c40c7e4bdd58b985ac9b6e76fbf48ff15261e', class: "d-flex align-items-start gap-2" }, h("label", { key: '6b1d9e1f3b22e702962c1d23a057f08222af5e1a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'fae7835adde280a8c4f48f3c9b169240aac3672d', helpText: this.helpText })), h("select", { key: 'bee75d1bb56ed104473efcad7d8c432b50bfbb38', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'f55283c73225466b10cec78e6e5ff1c268142d1b' }, h("div", { key: '48beb377ca664b867598f8e472a3bb4825aecf9b', class: "form-group d-flex flex-column" }, h("div", { key: '13debfb6a725d7f247eb5601e3361a3964b826e9', class: "d-flex align-items-start gap-2" }, h("label", { key: '15ac64fb03a5c1cb8f55c18bd7eb41d66328e599', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '3d8b43ed6e997234f7c64daf41b2286bec93340e', helpText: this.helpText })), h("select", { key: '1c3eb5699a0b76c694a02fe50e8070483b2960e6', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (h("option", { value: option.value }, option.label)))), h(FormControlErrorText, { key: 'f5df46552aa8124b344260bca05bd02c695d0fe6', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (h("option", { value: option.value }, option.label)))), h(FormControlErrorText, { key: 'd223fd1fad44de99812b0e3a3429e3931b798c2c', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-text2.js

@@ -53,10 +53,10 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         return input;
     }
     render() {
-        return (h(Host, { key: 'f742a9b9375efe75d2621e0a333e569e52c5290d' }, h("div", { key: '42ce4c0edaa8a081617ca7d23faa963b2e0909f7', class: "form-group d-flex flex-column" }, h("div", { key: 'aaa00bd55270e8fefe70acb6bfc3c5f5d2e30225', class: "d-flex align-items-start gap-2" }, h("label", { key: '5f5ca7cf669041fb67d560d73b45fd5c0a3e70c2', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'ad501482251bb1b1ad927ad5e58bbb30900f35e9', helpText: this.helpText })), h("input", { key: 'dcccf1c182a8d9e8cb8dea09f622d85099b97013', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'd84e000c15b64815eb0f8eb2e1e1f774fd786956' }, h("div", { key: 'fc751f6b2da9d20bee791e854a2bb7d3f9ce7456', class: "form-group d-flex flex-column" }, h("div", { key: '6853a85e1dced30edb8b84070d7dc16b65e47ce6', class: "d-flex align-items-start gap-2" }, h("label", { key: '5c020f8419308ceac4c00220ce9df8fac8ce1f0f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '81662d978c47c8d3e10342cb2b2a005af4ecf608', helpText: this.helpText })), h("input", { key: '14fd9610e3a92e0b6125ab41a5878268a7cc3157', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: 'b8b968c0a8b56839e43caa61bf317270a78bdbf4', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: 'be05bd72e34afa9c8b4dd42cb5eda4fb6407224d', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/module/form-control-textarea2.js

@@ -53,10 +53,10 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         return input;
     }
     render() {
-        return (h(Host, { key: '5ff0ae9958d65d09da3b4faad03b1bc3644433ac' }, h("div", { key: '9cc21c5487cddf7ca4c3dce0f915a2db295396bb', class: "form-group d-flex flex-column" }, h("label", { key: '8dd963da4101aca20b38e586d627d4bbdae89e63', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: 'afaf7959901a52f8073fab64a6352c08a60f6ea1', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'beabdb77220c0ad180cf1e0143521ce03fea1eb5' }, h("div", { key: '16e2375d19c75d34c7f1ad1eb1a3a5920fa4ba08', class: "form-group d-flex flex-column" }, h("label", { key: 'dbe6e6816c5b500363964c771654d772bb25de62', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: 'b7c5f64138c846756051bd4984152ad382f24dba', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: '466f7f20f5af124d1b3b9f7761abff49a9845b48', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'd65f09910e8631992d42a6b21f55897e26e57ba7', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: '65ef4b15eda7ac206e935aa13b8ed30000af23d8', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '3fa530e3c915efdb63776a0146356873cf8e1e6a', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/module/get-business.js

@@ -0,0 +1,32 @@
+import { a as Business } from './Business.js';
+import { a as ComponentErrorSeverity } from './ComponentError.js';
+import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
+
+const makeGetBusiness = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
+    var _a;
+    try {
+        const response = await service.fetchBusiness(id, authToken);
+        if (!response.error) {
+            onSuccess({ business: new Business(response.data) });
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+};
+
+export { makeGetBusiness as m };

package/dist/module/get-payout-csv.js

@@ -1,4 +1,4 @@
-import { A as Api, c as config } from './config.js';
+import { A as Api } from './Api.js';
 import { a as ComponentErrorSeverity } from './ComponentError.js';
 import './Checkout.js';
 import './Pagination.js';
@@ -8,26 +8,17 @@ import './Document.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 
 class PayoutService {
-    async fetchPayouts(accountId, authToken, params, apiOrigin) {
-        if (!apiOrigin) {
-            apiOrigin = config.proxyApiOrigin;
-        }
+    async fetchPayouts(accountId, authToken, params, apiOrigin = undefined) {
         const api = Api({ authToken, apiOrigin });
         const endpoint = `account/${accountId}/payouts`;
         return api.get(endpoint, params);
     }
-    async fetchPayout(payoutId, authToken, apiOrigin) {
-        if (!apiOrigin) {
-            apiOrigin = config.proxyApiOrigin;
-        }
+    async fetchPayout(payoutId, authToken, apiOrigin = undefined) {
         const api = Api({ authToken, apiOrigin });
         const endpoint = `payouts/${payoutId}`;
         return api.get(endpoint);
     }
-    async fetchCSV(payoutId, authToken, apiOrigin) {
-        if (!apiOrigin) {
-            apiOrigin = config.proxyApiOrigin;
-        }
+    async fetchCSV(payoutId, authToken, apiOrigin = undefined) {
         const api = Api({ authToken, apiOrigin });
         const endpoint = `reports/payouts/${payoutId}`;
         return api.get(endpoint);

package/dist/module/get-subaccounts.js

@@ -1,4 +1,4 @@
-import { A as Api, c as config } from './config.js';
+import { A as Api } from './Api.js';
 import { a as ComponentErrorSeverity } from './ComponentError.js';
 import './Checkout.js';
 import './Pagination.js';
@@ -8,10 +8,7 @@ import './Document.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 
 class SubAccountService {
-    async fetchSubAccounts(accountId, authToken, params, apiOrigin) {
-        if (!apiOrigin) {
-            apiOrigin = config.proxyApiOrigin;
-        }
+    async fetchSubAccounts(accountId, authToken, params, apiOrigin = undefined) {
         const headers = { Account: accountId };
         const api = Api({ authToken, apiOrigin: apiOrigin });
         const endpoint = 'sub_accounts';

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

@@ -11040,7 +11040,7 @@ const GrossPaymentChartCore = /*@__PURE__*/ proxyCustomElement(class GrossPaymen
         }
     }
     render() {
-        return (h(Host, { key: '14360f11f9b118e347ee73739f03c3631fbef1a4' }, this.loading && h(Spinner, { key: 'a5190472afdbf507c6c36c8aaae1473bffc80dcf' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        return (h(Host, { key: 'b336dc186a34b6624d415cb072819b4dfe10620f' }, this.loading && h(Spinner, { key: '5a2ca3c4efd9f5acd2bac804490877654d44b39c' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
     }
     static get watchers() { return {
         "getGrossPayment": ["propChanged"],

package/dist/module/hidden-input2.js

@@ -76,7 +76,7 @@ const HiddenInput = /*@__PURE__*/ proxyCustomElement(class HiddenInput extends H
         return input;
     }
     render() {
-        return (h(Host, { key: '21c26d386f4e23af0e0ef069ad0263e252c8c15b' }, h("input", { key: '70bb1f6c7c5e94a96fddfe82d1831df12771f0af', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
+        return (h(Host, { key: '7bfd14ae6eb04d3bccb6f95398213655bc5c1073' }, h("input", { key: 'a40b6c6b2fd4e217af572f2032b158cc0ad603d2', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
     }
 }, [0, "hidden-input", {
         "isFocused": [32],

package/dist/module/iframe-input2.js

@@ -1,4 +1,4 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import { p as packageJson } from './package.js';
 import { i as iframeInputStyles } from './iframe-input-styles-state.js';
@@ -1540,6 +1540,7 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
     constructor() {
         super();
         this.__registerHost();
+        this.iframeLoaded = createEvent(this, "iframeLoaded", 7);
         this.dispatchMessageEvent = (event) => {
             const { eventType, data } = event.data;
             if ((data === null || data === void 0 ? void 0 : data.id) !== this.inputId) {
@@ -1555,7 +1556,6 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
         this.isFocused = false;
         this.isValid = true;
         this.errorText = undefined;
-        this.iframeLoaded = false;
         this.inputId = undefined;
         this.label = undefined;
         this.iframeOrigin = undefined;
@@ -1614,20 +1614,20 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
         return params;
     }
     render() {
-        return (h(Host, { key: '00956724f4d6e72b09c2c469613a6362a3c7cdec', class: "form-group d-flex flex-column" }, h("div", { key: 'e6605bd5ef7356c21701b0856a133758720a36d6', style: {
+        return (h(Host, { key: '871d71c6240e94e24f7ccc4c4ec8225b4123d865', class: "form-group d-flex flex-column" }, h("div", { key: '0a1d98cba0960599d29db3c269bb8b458cdfddc8', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: 'f52a782a9f1bbca4a8a6e36da1948611ab834e54', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'b88199f3de1b52a0aed4d61c0448c293964a7279', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: '218aa6d48b12c1fc78f04a1556f0a32738c20df4', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: 'bfd2e61b544db648cada7a52b45809bebf5722a8', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '53e9f9a29e07edcdcbb00b023ba0f24d09d852ab', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: '2adc709c4094c44181dd83906763b4809b3f168b', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
                 iFrameResize({
                     log: false,
                     onResized: () => {
-                        this.iframeLoaded = true;
+                        this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: 'f6e57608fc771ca78e39618455dfe57cd40a655a', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: 'c54bafd097b1e3e896901252d3520bfdfe5c71b6', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return this; }
 }, [0, "iframe-input", {
@@ -1637,7 +1637,6 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
         "isFocused": [32],
         "isValid": [32],
         "errorText": [32],
-        "iframeLoaded": [32],
         "validate": [64],
         "tokenize": [64]
     }]);

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

@@ -1,10 +1,10 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { E as ErrorState } from './utils.js';
 import { B as BusinessService } from './business.service.js';
-import { a as Business } from './Business.js';
-import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
+import { m as makeGetBusiness } from './get-business.js';
+import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } 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';
 import { d as defineCustomElement$5 } from './generic-info-details2.js';
@@ -12,33 +12,6 @@ import { d as defineCustomElement$4 } from './legal-address-details2.js';
 import { d as defineCustomElement$3 } from './owner-details2.js';
 import { d as defineCustomElement$2 } from './representative-details2.js';
 
-const makeGetBusiness = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
-    var _a;
-    try {
-        const response = await service.fetchBusiness(id, authToken);
-        if (!response.error) {
-            onSuccess({ business: new Business(response.data) });
-        }
-        else {
-            const responseError = getErrorMessage(response.error);
-            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
-            return onError({
-                error: responseError,
-                code,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-        }
-    }
-    catch (error) {
-        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
-        return onError({
-            error: error.message || error,
-            code,
-            severity: ComponentErrorSeverity.ERROR,
-        });
-    }
-};
-
 const BusinessDetails = /*@__PURE__*/ proxyCustomElement(class BusinessDetails extends HTMLElement {
     constructor() {
         super();

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

@@ -4,7 +4,7 @@ import { b as businessCoreInfoSchema } from './business-core-info-schema.js';
 import { a as additionalQuestionsSchema } from './business-additional-questions-schema.js';
 import { i as identitySchema } from './business-identity-schema.js';
 import { a as addressSchema } from './business-address-schema.js';
-import { A as Api, c as config } from './config.js';
+import { A as Api } from './Api.js';
 import './ComponentError.js';
 import './Checkout.js';
 import './Pagination.js';
@@ -12,11 +12,12 @@ import './Payment.js';
 import './SubAccount.js';
 import './Document.js';
 import { a as Business, b as BusinessFormServerErrors } from './Business.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
+import { J as JustifiAnalytics } from './Analytics.js';
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
 import { H as Header1 } from './header-1.js';
 import './details.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
 import { S as Skeleton } from './skeleton.js';
 import { a as BusinessFormClickActions } from './event-types.js';
 import { d as defineCustomElement$e } from './custom-popper2.js';
@@ -118,7 +119,7 @@ const BusinessForm = /*@__PURE__*/ proxyCustomElement(class BusinessForm extends
         if (!this.businessId)
             console.error(missingBusinessIdMessage);
         this.formController = new FormController(businessFormSchema);
-        this.api = Api({ authToken: this.authToken, apiOrigin: config.proxyApiOrigin });
+        this.api = Api({ authToken: this.authToken, apiOrigin: undefined });
         this.fetchData();
     }
     disconnectedCallback() {

package/dist/module/justifi-checkout.js

@@ -2,8 +2,8 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 import { C as CheckoutService } from './checkout.service.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
-import { c as config } from './config.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } 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';
@@ -92,7 +92,7 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
         this.disableBnpl = undefined;
         this.disablePaymentMethodGroup = undefined;
         this.hideCardBillingForm = undefined;
-        this.iframeOrigin = config.iFrameOrigin;
+        this.iframeOrigin = undefined;
         this.getCheckout = undefined;
         this.complete = undefined;
         this.errorMessage = '';
@@ -133,11 +133,11 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
         this.checkoutCoreRef.fillBillingForm(fields);
     }
     render() {
-        return (h("justifi-checkout-core", { key: '911e807dc0be670c6bfe59e497cacd5399481981', 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: '52aca1a3ce8016a382f428ef142abc8aee9da41d', 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 => {
                 if (el) {
                     this.checkoutCoreRef = el;
                 }
-            } }, h("div", { key: '29bcfd776e4dac5a7686a03488d0f8dad2d01a03', slot: "insurance" }, h("slot", { key: '993b8872e8a40dd5111ccaeb586686a396eab2ff', name: "insurance" }))));
+            } }, h("div", { key: 'fabb53264f26320fff2aa0a603c664f47ca380d0', slot: "insurance" }, h("slot", { key: 'ce09504ef5a48d6b963f4ba39252d681f23d0168', name: "insurance" }))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

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

@@ -1,5 +1,12 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { q as queryParams, c as clearParams } from './checkouts-list-params-state.js';
+import './ComponentError.js';
+import { I as ICheckoutStatus, a as ICheckoutPaymentMode } from './Checkout.js';
+import './Pagination.js';
+import './Payment.js';
+import './SubAccount.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 { S as StyledHost } from './styled-host.js';
 import './details.js';
 import { d as defineCustomElement$5 } from './custom-popper2.js';
@@ -13,29 +20,46 @@ const CheckoutsListFilters = /*@__PURE__*/ proxyCustomElement(class CheckoutsLis
         this.__registerHost();
         this.__attachShadow();
         this.setParamsOnChange = (name, value) => {
-            queryParams[name] = value;
+            filterParams[name] = value;
         };
+        this.checkoutStatus = undefined;
+        this.paymentMode = undefined;
+    }
+    componentWillLoad() {
+        const propsToSet = {
+            status: this.checkoutStatus,
+            payment_mode: this.paymentMode,
+        };
+        Object.entries(propsToSet).forEach(([key, value]) => {
+            if (value) {
+                propsParams[key] = value;
+            }
+        });
     }
     get checkoutStatusOptions() {
         return [
             { label: 'All', value: '' },
-            { label: 'Created', value: 'created' },
-            { label: 'Completed', value: 'completed' },
-            { label: 'Attempted', value: 'attempted' },
-            { label: 'Expired', value: 'expired' },
+            { label: 'Created', value: ICheckoutStatus.created },
+            { label: 'Completed', value: ICheckoutStatus.completed },
+            { label: 'Attempted', value: ICheckoutStatus.attempted },
+            { label: 'Expired', value: ICheckoutStatus.expired },
         ];
     }
     get checkoutPaymentModeOptions() {
         return [
             { label: 'All', value: '' },
-            { label: 'E-commerce', value: 'ecom' },
-            { label: 'BNPL', value: 'bnpl' },
+            { label: 'E-commerce', value: ICheckoutPaymentMode.ecom },
+            { label: 'BNPL', value: ICheckoutPaymentMode.bnpl },
         ];
     }
     render() {
-        return (h(StyledHost, { key: '5015b8422169ea4c32f8e92f3931963ad0d8c8f9' }, h("table-filters-menu", { key: '2169201810641e563dc0af321c5b7367fad04a3a', params: Object.assign({}, queryParams), clearParams: clearParams }, h("div", { key: '802ce6488f2204ece4845e95d9225b05c428bc13', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '99dfed0fafadff13f37e6cbfcb98761be6d49a68', class: "p-2" }, h("form-control-select", { key: '0b37e4c6685be467c08b3c86df6f9bfc8ab52e3d', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: queryParams.status || '' })), h("div", { key: 'dec0b6be6d13847dbf748ea0a038df2db143afe2', class: "p-2" }, h("form-control-select", { key: 'acd5f387f5ea2a4b5918b9a3a80eaac199bbd8d5', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: queryParams.payment_mode || '' }))))));
+        const filterMenuParams = Object.assign({}, filterParams);
+        return (h(StyledHost, { key: 'cd70cc85372ea03d544340c36de1bc559cce757d' }, h("table-filters-menu", { key: '332fbf23bcf5e542aa3439b93bcfe046889b89b0', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: 'a95f24fa9b92cd35e0dd15a7fc5cafb2cca84c9f', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'd58366e790b1bb2fb3aa8605a806a8197ea4f5c9', class: "p-2" }, h("form-control-select", { key: '1e48969ede334298a5d058f22bf5b1e39c78f535', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status, disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: '33d8d552c77a6355423e9252779f85b288e123d1', class: "p-2" }, h("form-control-select", { key: 'a1ae23979fb00d92a9a1c7972c375494cabde720', 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"]);
+}, [1, "justifi-checkouts-list-filters", {
+        "checkoutStatus": [1, "checkout-status"],
+        "paymentMode": [1, "payment-mode"]
+    }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;

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

@@ -6,8 +6,8 @@ import './Payment.js';
 import './SubAccount.js';
 import './Document.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
-import { c as config } from './config.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
+import { J as JustifiAnalytics } from './Analytics.js';
 import { C as CheckoutService } from './checkout.service.js';
 import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts.js';
 import { S as StyledHost } from './styled-host.js';
@@ -59,7 +59,7 @@ const CheckoutsList = /*@__PURE__*/ proxyCustomElement(class CheckoutsList exten
         this.errorMessage = null;
         this.accountId = undefined;
         this.authToken = undefined;
-        this.apiOrigin = config.proxyApiOrigin;
+        this.apiOrigin = undefined;
         this.columns = defaultColumnsKeys;
     }
     componentWillLoad() {
@@ -106,7 +106,7 @@ const CheckoutsList = /*@__PURE__*/ proxyCustomElement(class CheckoutsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: 'aae56ec9ac20a6ed740a5180bfedf664d7d1e0ca' }, h("checkouts-list-core", { key: '933b8b41aa468c1515b64a8fb6570609454ee361', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'ae2a18885c69808bd589848ae1b33f4a4a3085e9' }, h("checkouts-list-core", { key: '86201976540a348eb800ee07e9c50f68a1f1a1cf', 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,10 +1,10 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
 import { D as Dispute } from './Payment.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 import { D as DisputeService } from './dispute-response-actions.js';
-import { c as config } from './config.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';
@@ -65,7 +65,7 @@ const DisputeManagement = /*@__PURE__*/ proxyCustomElement(class DisputeManageme
         };
         this.disputeId = undefined;
         this.authToken = undefined;
-        this.apiOrigin = config.proxyApiOrigin;
+        this.apiOrigin = undefined;
         this.getDispute = undefined;
         this.errorMessage = null;
     }
@@ -100,7 +100,7 @@ const DisputeManagement = /*@__PURE__*/ proxyCustomElement(class DisputeManageme
         }
     }
     render() {
-        return (h("justifi-dispute-management-core", { key: 'ac225c68cd03070f60bf00bef92ddcc8d5fe4e47', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
+        return (h("justifi-dispute-management-core", { key: 'ae0e4a208d6250c4da7033e1d8bf8c33ec041c36', 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,14 +1,15 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { A as Api, c as config } from './config.js';
+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 { E as ErrorState } from './utils.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
 import { d as defineCustomElement$2 } from './gross-payment-chart-core2.js';
 
 class ReportsService {
     async fetchGrossVolumeChartData(accountId, authToken) {
-        const api = Api({ authToken: authToken, apiOrigin: config.proxyApiOrigin });
+        const api = Api({ authToken: authToken, apiOrigin: undefined });
         const endpoint = `account/${accountId}/reports/gross_volume`;
         return api.get(endpoint);
     }

package/dist/module/justifi-order-terminals.d.ts

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

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

@@ -0,0 +1,119 @@
+import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
+import { t as text, a3 as heading4, a4 as listGroup, a5 as listGroupItem } from './parts.js';
+import { S as StyledHost } from './styled-host.js';
+import './details.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
+import { B as BusinessService } from './business.service.js';
+import { E as ErrorState } from './utils.js';
+import { a as Business } from './Business.js';
+import { m as makeGetBusiness } from './get-business.js';
+import { S as Skeleton } from './skeleton.js';
+
+const FormBlock = () => (h("div", { class: "row gap-3" },
+    h("div", { class: "col-12" },
+        h(Skeleton, { width: "25%" })),
+    h("div", { class: "col-12" },
+        h(Skeleton, { width: "100%" })),
+    h("div", { class: "col-12 d-flex gap-3" },
+        h(Skeleton, { width: "50%" }),
+        h(Skeleton, { width: "50%" })),
+    h("div", { class: "col-12 d-flex gap-3" },
+        h(Skeleton, { width: "65%" }),
+        h(Skeleton, { width: "35%" }))));
+const OrderTerminalsLoading = () => {
+    return (h("div", { class: "row gap-5" },
+        h("div", { class: "col-12" },
+            h(Skeleton, { width: "40%", height: "40px" })),
+        h(FormBlock, null),
+        h(FormBlock, null),
+        h(FormBlock, null)));
+};
+
+const OrderTerminals = /*@__PURE__*/ proxyCustomElement(class OrderTerminals extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.businessId = undefined;
+        this.authToken = undefined;
+        this.errorMessage = undefined;
+        this.isLoading = true;
+        this.business = undefined;
+    }
+    componentWillLoad() {
+        checkPkgVersion();
+        this.analytics = new JustifiAnalytics(this);
+        this.initializeGetBusiness();
+    }
+    initializeGetBusiness() {
+        if (!this.businessId || !this.authToken) {
+            this.errorMessage = 'Invalid business id or auth token';
+            this.errorEvent.emit({
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                message: this.errorMessage,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+            return;
+        }
+        const getBusiness = makeGetBusiness({
+            id: this.businessId,
+            authToken: this.authToken,
+            service: new BusinessService(),
+        });
+        getBusiness({
+            onSuccess: ({ business }) => {
+                this.business = new Business(business);
+                this.isLoading = false;
+            },
+            onError: ({ error, code, severity }) => {
+                this.errorMessage = error;
+                this.errorEvent.emit({
+                    errorCode: code,
+                    message: error,
+                    severity,
+                });
+                this.isLoading = false;
+            }
+        });
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+        return (h(StyledHost, { key: 'd5ac7406c2ec045832411cb7a7deecde13243a41' }, this.isLoading && h(OrderTerminalsLoading, { key: 'ec71fe4b766244bbf2c04714bca66b69f367ece5' }), !this.isLoading && this.errorMessage && ErrorState(this.errorMessage), !this.isLoading && !this.errorMessage && this.business && (h("div", { key: '6492a8df913cb3360153715192bd30d656df4968', class: "row gap-5 pt-5", part: text }, h("div", { key: '607b534001238efc4d226cb26d8f1c1288b5ac29', class: "row" }, h("div", { key: '55e7bae0aad2ae9ec9a28961269cd532a2e00922', class: "col-12" }, h("h2", { key: 'c4e01bd6e3a9e46cb15d8b72093dc9de2d463feb', part: heading4 }, "Business Information:"), h("p", { key: 'cd3c01f074c8d55b968e713ec4805a22f1ffc3ba' }, "Business Name: ", this.business.legal_name))), h("div", { key: '20062e4aa0cad46f002821972fec7ec1fc8be01e', class: "row" }, h("div", { key: '433a4a200edd564fa0d206378a706ad84aa2696e', class: "col-6" }, h("h2", { key: 'e4a4fc4c632ccb3b6b187ccb87fb5cce398e43ca', part: heading4 }, "Representative:"), h("ul", { key: '02449f299dddc9fee8544fed405acc436217a60b', class: "list-group", part: listGroup }, h("li", { key: 'a1eff4e8974b8fe57c206fb9c6ce30e89c79d702', class: "list-group-item", part: listGroupItem }, "Name: ", (_b = (_a = this.business) === null || _a === void 0 ? void 0 : _a.representative) === null || _b === void 0 ? void 0 :
+            _b.name), h("li", { key: '4e04f41d044b92560f401e6edbb1993b84fca7a6', class: "list-group-item", part: listGroupItem }, "Title: ", (_d = (_c = this.business) === null || _c === void 0 ? void 0 : _c.representative) === null || _d === void 0 ? void 0 :
+            _d.title), h("li", { key: 'b354a893098b9f26819ab34966a5e47226fd280b', class: "list-group-item", part: listGroupItem }, "Email: ", (_f = (_e = this.business) === null || _e === void 0 ? void 0 : _e.representative) === null || _f === void 0 ? void 0 :
+            _f.email), h("li", { key: 'd1d94089d4f7db78c64143820601b359a77ab09f', class: "list-group-item", part: listGroupItem }, "Phone: ", (_h = (_g = this.business) === null || _g === void 0 ? void 0 : _g.representative) === null || _h === void 0 ? void 0 :
+            _h.phone))), h("div", { key: '91ee402f8f7886c1750b8050433992cfd9964b02', class: "col-6" }, h("h2", { key: '143f76c17de7af724c325439767275efa7c8e903', part: heading4 }, "Shipping Address:"), h("ul", { key: 'dae75ec772c3971a9e690648e4e28b2eec22c638', class: "list-group", part: listGroup }, h("li", { key: '0d83cea35521361eee13912f1cb107bf7496abcc', class: "list-group-item", part: listGroupItem }, "Street: ", (_j = this.business.legal_address) === null || _j === void 0 ? void 0 :
+            _j.line1), h("li", { key: 'be4d3d8a0c61645ac4f622235f7ecf2f3ac8e097', class: "list-group-item", part: listGroupItem }, (_k = this.business.legal_address) === null || _k === void 0 ? void 0 : _k.line2), h("li", { key: '2572604b85008e401a835abdbf6c291c3191a9c7', class: "list-group-item", part: listGroupItem }, "Postal Code: ", (_l = this.business.legal_address) === null || _l === void 0 ? void 0 :
+            _l.postal_code), h("li", { key: 'e5fd5aa1d9b1bf78c75ca667b058629575be06d3', class: "list-group-item", part: listGroupItem }, "City: ", (_m = this.business.legal_address) === null || _m === void 0 ? void 0 :
+            _m.city), h("li", { key: '9acd18a7faed0ab283e110c616d9314410a93cee', class: "list-group-item", part: listGroupItem }, "State: ", (_o = this.business.legal_address) === null || _o === void 0 ? void 0 :
+            _o.state))))))));
+    }
+}, [1, "justifi-order-terminals", {
+        "businessId": [1, "business-id"],
+        "authToken": [1, "auth-token"],
+        "errorMessage": [32],
+        "isLoading": [32],
+        "business": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-order-terminals"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-order-terminals":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, OrderTerminals);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const JustifiOrderTerminals = OrderTerminals;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiOrderTerminals, defineCustomElement };