@justifi/webcomponents 4.19.3-rc-2 → 4.20.0

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

@@ -14,12 +14,12 @@ const DateInput = /*@__PURE__*/ proxyCustomElement(class DateInput extends HTMLE
             this.inputHandler(name, target.value);
             this.formControlInput.emit({ name, value: target.value });
         };
-        this.label = undefined;
         this.name = undefined;
+        this.label = undefined;
+        this.inputHandler = undefined;
+        this.defaultValue = undefined;
         this.helpText = undefined;
         this.errorText = undefined;
-        this.defaultValue = undefined;
-        this.inputHandler = undefined;
         this.disabled = undefined;
     }
     handleDefaultValueChange(newValue) {
@@ -32,18 +32,18 @@ const DateInput = /*@__PURE__*/ proxyCustomElement(class DateInput extends HTMLE
         this.dateInput.value = value;
     }
     render() {
-        return (h(Host, { key: 'fa61a426a5a070d951fa425ae42a59add69a9d96', exportparts: "label,input,input-invalid" }, h("label", { key: 'e7679e6a66277a130414b59421b01d1f8e328cf2', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'b3fb4afd3181fec3eef3dfb851ab8965cb7bbfe7', type: "date", ref: el => (this.dateInput = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: 'dbc9ac76d75521a7d1ee5cc34393471521ffa1c2', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '0f9731278250bde69dd7dee9a7b44e339d919774', errorText: this.errorText, name: this.name })));
+        return (h(Host, { key: 'dfbfc1ea5d7139a1c1d30c7bd84b33a9c22604cf', exportparts: "label,input,input-invalid" }, h("label", { key: '99a01781ecd1421fa439ad08f77d3f750a55eaee', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'd8db68d8a62e0f982c3aa7d4bd3a5cf7c2681db3', type: "date", ref: el => (this.dateInput = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: '1ee2ccdc1e409c5427e39efe2929b830960edce9', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '1db50cca364b4d059dac37243cf83bb4b11459cd', errorText: this.errorText, name: this.name })));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
     }; }
 }, [0, "form-control-date", {
-        "label": [1],
         "name": [1],
+        "label": [1],
+        "inputHandler": [16],
+        "defaultValue": [1, "default-value"],
         "helpText": [1, "help-text"],
         "errorText": [1, "error-text"],
-        "defaultValue": [1, "default-value"],
-        "inputHandler": [8, "input-handler"],
         "disabled": [4]
     }, undefined, {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -17,13 +17,13 @@ const SelectInput = /*@__PURE__*/ proxyCustomElement(class SelectInput extends H
         this.updateInput = (newValue) => {
             this.selectElement.value = newValue;
         };
-        this.label = undefined;
         this.name = undefined;
+        this.label = undefined;
+        this.options = undefined;
+        this.inputHandler = undefined;
+        this.defaultValue = undefined;
         this.helpText = undefined;
         this.errorText = undefined;
-        this.defaultValue = undefined;
-        this.inputHandler = undefined;
-        this.options = undefined;
         this.disabled = undefined;
     }
     handleDefaultValueChange(newValue) {
@@ -34,19 +34,19 @@ const SelectInput = /*@__PURE__*/ proxyCustomElement(class SelectInput extends H
     }
     render() {
         var _a;
-        return (h(Host, { key: '99449e3724103b12af7f2a4573831961074a484a', exportparts: "label,input,input-invalid" }, h("div", { key: 'd73e89d43da9968b687afece24794d9472fec6b5', class: "form-group d-flex flex-column" }, h("label", { key: '6964c55858fc3cf96a137e1061c7f66831105348', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("select", { key: '5b1a09a607ad9638915f5e70f2164f6010020438', ref: el => (this.selectElement = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText ? 'input-invalid' : ''}`, 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("form-control-help-text", { key: '62d862921d463c98e56888293c878624f7311548', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '0b1c4d4752965fb058208c72c7f1c3872d1e0561', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: 'e62a08c8ba656cc7e82c0f8f7facccc086fbafe7', exportparts: "label,input,input-invalid" }, h("div", { key: 'f9a4c428311f32f2585ca9259ba31909187b809d', class: "form-group d-flex flex-column" }, h("label", { key: '006a3bd7ae2874bf3fa24e2c053808e51b652d9a', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("select", { key: 'f0ac14e8b74c939b4928b9ce800118f660c90613', ref: el => (this.selectElement = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText ? 'input-invalid' : ''}`, 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("form-control-help-text", { key: '3a60ff2a2af7668013baf2767d97095379b2d37e', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '8c4049d16408f305b8bf1e8a49c91db56991a840', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
     }; }
 }, [0, "form-control-select", {
-        "label": [1],
         "name": [8],
+        "label": [1],
+        "options": [16],
+        "inputHandler": [16],
+        "defaultValue": [1, "default-value"],
         "helpText": [1, "help-text"],
         "errorText": [1, "error-text"],
-        "defaultValue": [1, "default-value"],
-        "inputHandler": [16],
-        "options": [16],
         "disabled": [4]
     }, undefined, {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -20,13 +20,13 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
                 inputElement.value = newValue || '';
             }
         };
-        this.label = undefined;
         this.name = undefined;
+        this.label = undefined;
+        this.inputHandler = undefined;
+        this.defaultValue = undefined;
         this.helpText = undefined;
         this.errorText = undefined;
-        this.defaultValue = undefined;
         this.maxLength = undefined;
-        this.inputHandler = undefined;
         this.keyDownHandler = undefined;
         this.disabled = undefined;
     }
@@ -37,20 +37,20 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         this.updateInput(this.defaultValue);
     }
     render() {
-        return (h(Host, { key: '1194532f81831734543bad80860da14f8a5ad856', exportparts: "label,input,input-invalid" }, h("div", { key: '296538cf90b62f8041e21620aa06b4074f68b71a', class: "form-group d-flex flex-column" }, h("label", { key: '7c009ce96124e58f9657dba2565ef298225f10f7', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '4b33cb700aecf4d0a359366ba2e0d248c602d904', id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: `input ${this.errorText ? 'input-invalid ' : ''}${this.disabled ? ' input-disabled' : ''}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), h("form-control-help-text", { key: '7a279d72bb262fcb044b5b0cc31703878ce9f444', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '00bea288a99f626806697a98b6dca3f3298dc0b3', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: 'fddfb4134747c8d8caf6594f5450e57fa4c2dc3e', exportparts: "label,input,input-invalid" }, h("div", { key: 'bbd0174fb56d911992907e0a2c453b9d1412b636', class: "form-group d-flex flex-column" }, h("label", { key: 'f5d9d3d6c4694d08d86963df37adbd1b334593b3', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'ae49e4c86782fd0901c1a0e8530981cf1b0b7c65', id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: `input ${this.errorText ? 'input-invalid ' : ''}${this.disabled ? ' input-disabled' : ''}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), h("form-control-help-text", { key: '1e1bbc8d39e5caeca559515f72eb17ca9b3ab0b1', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '44c121cb0eb69840440e696e784c7a73689a42f2', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
     }; }
 }, [0, "form-control-text", {
-        "label": [1],
         "name": [8],
+        "label": [1],
+        "inputHandler": [16],
+        "defaultValue": [1, "default-value"],
         "helpText": [1, "help-text"],
         "errorText": [1, "error-text"],
-        "defaultValue": [1, "default-value"],
         "maxLength": [2, "max-length"],
-        "inputHandler": [16],
         "keyDownHandler": [16],
         "disabled": [4]
     }, undefined, {

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

@@ -2,22 +2,23 @@ import { A as Api } from './Api.js';
 import './Pagination.js';
 import './Payment.js';
 import './Payout.js';
+import { c as config } from './config.js';
 import { a as ComponentErrorSeverity } from './ComponentError.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
 
 class PayoutService {
     async fetchPayouts(accountId, authToken, params) {
-        const api = Api({ authToken, apiOrigin: "" });
+        const api = Api({ authToken, apiOrigin: config.proxyApiOrigin });
         const endpoint = `account/${accountId}/payouts`;
         return api.get(endpoint, params);
     }
     async fetchPayout(payoutId, authToken) {
-        const api = Api({ authToken, apiOrigin: "" });
+        const api = Api({ authToken, apiOrigin: config.proxyApiOrigin });
         const endpoint = `payouts/${payoutId}`;
         return api.get(endpoint);
     }
     async fetchCSV(payoutId, authToken) {
-        const api = Api({ authToken, apiOrigin: "" });
+        const api = Api({ authToken, apiOrigin: config.proxyApiOrigin });
         const endpoint = `reports/payouts/${payoutId}`;
         return api.get(endpoint);
     }

package/dist/module/justifi-bank-account-form.js

@@ -1,4 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { c as config } from './config.js';
 import { J as JustifiAnalytics } from './Analytics.js';
 import { d as defineCustomElement$2 } from './payment-method-form.js';
 
@@ -11,7 +12,7 @@ const BankAccountForm = /*@__PURE__*/ proxyCustomElement(class BankAccountForm e
         this.bankAccountFormTokenized = createEvent(this, "bankAccountFormTokenize", 7);
         this.bankAccountFormValidated = createEvent(this, "bankAccountFormValidate", 7);
         this.validationMode = undefined;
-        this.iframeOrigin = "";
+        this.iframeOrigin = config.iframeOrigin;
         this.internalStyleOverrides = undefined;
     }
     readyHandler(event) {
@@ -63,7 +64,7 @@ const BankAccountForm = /*@__PURE__*/ proxyCustomElement(class BankAccountForm e
         return this.childRef.resize();
     }
     render() {
-        return (h("justifi-payment-method-form", { key: '646e392c1a9ed38e73780ed6a01b6f019767794c', ref: el => {
+        return (h("justifi-payment-method-form", { key: 'e2fa64d199a6c550329c9797a6951335e7c12bc6', ref: el => {
                 if (el) {
                     this.childRef = el;
                 }

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

@@ -5,6 +5,7 @@ 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 './utils3.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';
@@ -51,6 +52,7 @@ const BusinessDetails = /*@__PURE__*/ proxyCustomElement(class BusinessDetails e
         this.getBusiness = undefined;
     }
     componentWillLoad() {
+        checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
         this.initializeGetBusiness();
     }

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

@@ -8,11 +8,12 @@ import { A as Api } from './Api.js';
 import './Pagination.js';
 import './Payment.js';
 import './Payout.js';
-import { a as parseBusiness } from './payload-parsers.js';
+import { c as config } from './config.js';
 import { a as BusinessFormServerErrors, b as BusinessFormClickActions } from './business-form-types.js';
 import { a as Business } from './Business.js';
 import { J as JustifiAnalytics } from './Analytics.js';
 import { S as StyledHost } from './styled-host.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
 import { d as defineCustomElement$e } from './form-alert2.js';
 import { d as defineCustomElement$d } from './form-control-date2.js';
 import { d as defineCustomElement$c } from './form-control-error-text2.js';
@@ -49,8 +50,8 @@ const BusinessForm = /*@__PURE__*/ proxyCustomElement(class BusinessForm extends
             try {
                 const values = this.formController.values.getValue();
                 const initialValues = this.formController.getInitialValues();
-                const payload = parseBusiness(values, initialValues);
-                const response = await this.api.patch(this.businessEndpoint, JSON.stringify(payload));
+                const payload = new Business(Object.assign(Object.assign({}, initialValues), values)).payload;
+                const response = await this.api.patch(this.businessEndpoint, payload);
                 this.handleReponse(response);
             }
             catch (error) {
@@ -86,6 +87,7 @@ const BusinessForm = /*@__PURE__*/ proxyCustomElement(class BusinessForm extends
         this.errorMessage = undefined;
     }
     componentWillLoad() {
+        checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
         const missingAuthTokenMessage = 'Warning: Missing auth-token. The form will not be functional without it.';
         const missingBusinessIdMessage = 'Warning: Missing business-id. The form requires an existing business-id to function.';
@@ -94,7 +96,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: "" });
+        this.api = Api({ authToken: this.authToken, apiOrigin: config.proxyApiOrigin });
         this.fetchData();
     }
     disconnectedCallback() {
@@ -122,7 +124,7 @@ const BusinessForm = /*@__PURE__*/ proxyCustomElement(class BusinessForm extends
         this.instantiateBusiness(response.data);
     }
     render() {
-        return (h(StyledHost, { key: '8fb79d577c13246fcf3ec1ee8460713fee07d01a', exportparts: "label,input,input-invalid" }, h("form", { key: '1fe23a8cc8714aee257b6c73c6b7b096d684ea1c', onSubmit: this.validateAndSubmit }, h("div", { key: 'e501f6963ed5bfd9eb80f67df13108289db6eba7', class: "row gap-3" }, h("h1", { key: 'f81f22704bda1480c467b872cd3fd309505b0e94' }, this.title), h("form-alert", { key: '15b2ff75d4db6447bfd1892542e8e972ede0ac7e', text: this.errorMessage, hideAlert: this.hideErrors }), h("div", { key: 'fd6a375fd187426940df3f28262be7aec3fedbe5', class: "col-12 mb-4" }, h("justifi-business-core-info", { key: 'd16818a2124cb04dd5a5e84ea40639991fb04a80', formController: this.formController })), h("div", { key: 'd48b04718cf938484cf65cc956bf798f44ed17a7', class: "col-12 mb-4" }, h("justifi-legal-address-form", { key: '3a2bc6babfe8a0a265b2a7f9e7bea1abebd3eb43', formController: this.formController })), h("div", { key: '5c4d5d1fa1e2aba32f42c2bb9e97c0d796ecf709', class: "col-12 mb-4" }, h("justifi-additional-questions", { key: 'c888fb627380d05302cb106c5642e39b1f2652fa', formController: this.formController })), h("div", { key: '623e94d84976cfe29f4501a781c750d1bb537605', class: "col-12 mb-4" }, h("justifi-business-representative", { key: '594c893c0976b58a309679a031f6f1c787e66f48', formController: this.formController })), h("div", { key: '9fbc36ed183b1ebf171da14276092195c7aaf3a9', class: "col-12 d-flex flex-row-reverse" }, h("button", { key: 'a60da6fdda5193d3c41c589b00b040c05ae425ac', type: "submit", class: "btn btn-primary jfi-submit-button", disabled: this.disabledState, onClick: () => this.fireClickEvents({ name: BusinessFormClickActions.submit }) }, this.isLoading ? 'Loading...' : 'Submit'))))));
+        return (h(StyledHost, { key: '2f28b3e44c64d6ea1ac0d8584946927f6c9c3d05', exportparts: "label,input,input-invalid" }, h("form", { key: '5e57787b7dcd649c3523dc49d0a6946138643c7c', onSubmit: this.validateAndSubmit }, h("div", { key: '0ee6212aa6157ade79ab9b2ff5eb700549a8a916', class: "row gap-3" }, h("h1", { key: '84824314dd924cdab149c2b62b7e01b07dbf5d28' }, this.title), h("form-alert", { key: 'dca6d7ef6bcddd3090f44e5ccf9199bbd441dc87', text: this.errorMessage, hideAlert: this.hideErrors }), h("div", { key: 'a022912c284d63afbf9ce698b145d964d720b110', class: "col-12 mb-4" }, h("justifi-business-core-info", { key: 'be264b806255b790a166b8a3349d78845c6c8225', formController: this.formController })), h("div", { key: 'b3a52da227a71f941941f66b758f718cdc3b7800', class: "col-12 mb-4" }, h("justifi-legal-address-form", { key: '258dc5ebabc0e2dfaa8de28534238ef80a4f951d', formController: this.formController })), h("div", { key: '9dd5d30daf37d90a689333640cd1630000ee5e25', class: "col-12 mb-4" }, h("justifi-additional-questions", { key: 'aa1cdf3a39170fcefbd07afcce193ed36430dc5b', formController: this.formController })), h("div", { key: 'a8cd6655a6408bef11c9ad442ecae7a0b5e3c50d', class: "col-12 mb-4" }, h("justifi-business-representative", { key: '33db8cd22d22b694917332941b89b7535bd19201', formController: this.formController })), h("div", { key: '99d46400c8d46e5a3ca6747e5bae70bf5652a367', class: "col-12 d-flex flex-row-reverse" }, h("button", { key: '8b858727a11d5ec5f855c446f34da3c1d6253563', type: "submit", class: "btn btn-primary jfi-submit-button", disabled: this.disabledState, onClick: () => this.fireClickEvents({ name: BusinessFormClickActions.submit }) }, this.isLoading ? 'Loading...' : 'Submit'))))));
     }
     static get style() { return JustifiBusinessFormStyle0; }
 }, [1, "justifi-business-form", {

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

@@ -1,4 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { c as config } from './config.js';
 import { J as JustifiAnalytics } from './Analytics.js';
 import { d as defineCustomElement$2 } from './payment-method-form.js';
 
@@ -11,7 +12,7 @@ const CardForm = /*@__PURE__*/ proxyCustomElement(class CardForm extends HTMLEle
         this.cardFormTokenized = createEvent(this, "cardFormTokenize", 7);
         this.cardFormValidated = createEvent(this, "cardFormValidate", 7);
         this.validationMode = undefined;
-        this.iframeOrigin = "";
+        this.iframeOrigin = config.iframeOrigin;
         this.singleLine = false;
         this.internalStyleOverrides = undefined;
     }
@@ -64,7 +65,7 @@ const CardForm = /*@__PURE__*/ proxyCustomElement(class CardForm extends HTMLEle
         return this.childRef.resize();
     }
     render() {
-        return (h("justifi-payment-method-form", { key: 'cc0ad5d8a262ff5c8422d247caed469a8dea3488', ref: el => {
+        return (h("justifi-payment-method-form", { key: '58843b8a47f35d716845de11f6a66d8960bc0776', ref: el => {
                 if (el) {
                     this.childRef = el;
                 }

package/dist/module/justifi-checkout.js

@@ -5,7 +5,9 @@ import { A as Api } from './Api.js';
 import './Pagination.js';
 import './Payment.js';
 import './Payout.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$d } from './form-control-error-text2.js';
 import { d as defineCustomElement$c } from './form-control-help-text2.js';
 import { d as defineCustomElement$b } from './form-control-select2.js';
@@ -76,7 +78,7 @@ const makeCheckoutComplete = ({ authToken, checkoutId, service }) => async ({ pa
 class CheckoutService {
     async fetchCheckout(authToken, checkoutId) {
         const endpoint = `checkouts/${checkoutId}`;
-        return Api({ authToken, apiOrigin: "" }).get(endpoint);
+        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).get(endpoint);
     }
     async complete(authToken, checkoutId, payment) {
         const endpoint = `checkouts/${checkoutId}/complete`;
@@ -86,7 +88,7 @@ class CheckoutService {
         if (payment.payment_token) {
             payload.payment_token = payment.payment_token;
         }
-        return Api({ authToken, apiOrigin: "" }).post(endpoint, JSON.stringify(payload));
+        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).post(endpoint, payload);
     }
 }
 
@@ -108,6 +110,7 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
         this.errorMessage = '';
     }
     componentWillLoad() {
+        checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
         this.initializeGetCheckout();
     }
@@ -142,11 +145,11 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
         this.checkoutCoreRef.fillBillingForm(fields);
     }
     render() {
-        return (h("justifi-checkout-core", { key: 'd2f6bfed1be767edcf4ba21cddc503ff5efbec1a', getCheckout: this.getCheckout, authToken: this.authToken, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup, ref: el => {
+        return (h("justifi-checkout-core", { key: 'ea50f0df79dae86294ccfdf2ec523f0fb81433e4', getCheckout: this.getCheckout, authToken: this.authToken, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup, ref: el => {
                 if (el) {
                     this.checkoutCoreRef = el;
                 }
-            } }, h("div", { key: '45ac1bea74ca8ef7999211b51fe7791225d61f00', slot: "insurance" }, h("slot", { key: '13e051844cc7cb4aed98076ccd64954b2dd68228', name: "insurance" }))));
+            } }, h("div", { key: '301247cf7c916ba1c6c5464e3c2f0226d0f6f041', slot: "insurance" }, h("slot", { key: 'a75ff85e5a6d954e7c0d3c24abac518a2765f889', name: "insurance" }))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

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

@@ -1,14 +1,16 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { 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 './utils3.js';
 import { E as ErrorState } from './utils.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: "" });
+        const api = Api({ authToken: authToken, apiOrigin: config.proxyApiOrigin });
         const endpoint = `account/${accountId}/reports/gross_volume`;
         return api.get(endpoint);
     }
@@ -58,6 +60,7 @@ const GrossPaymentChart = /*@__PURE__*/ proxyCustomElement(class GrossPaymentCha
         this.errorMessage = null;
     }
     componentWillLoad() {
+        checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
         this.initializeGetGrossPayment();
     }

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

@@ -7,6 +7,7 @@ import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Compone
 import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
 import { E as ErrorState } from './utils.js';
 import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
 import { d as defineCustomElement$3 } from './details.js';
 import { d as defineCustomElement$2 } from './payment-details-core2.js';
 
@@ -54,6 +55,7 @@ const PaymentDetails = /*@__PURE__*/ proxyCustomElement(class PaymentDetails ext
         this.errorMessage = null;
     }
     componentWillLoad() {
+        checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
         this.initializeGetPaymentDetails();
     }

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

@@ -3,11 +3,13 @@ import './Pagination.js';
 import { P as PaymentMethodTypes } from './Payment.js';
 import './Payout.js';
 import { l as loadFontsOnParent } from './utils2.js';
+import { c as config } from './config.js';
 import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
 import { g as getErrorMessage } from './utils3.js';
 import { J as JustifiAnalytics } from './Analytics.js';
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
 import { d as defineCustomElement$8 } from './form-control-error-text2.js';
 import { d as defineCustomElement$7 } from './form-control-help-text2.js';
 import { d as defineCustomElement$6 } from './form-control-select2.js';
@@ -38,6 +40,7 @@ const PaymentForm = /*@__PURE__*/ proxyCustomElement(class PaymentForm extends H
         this.selectedPaymentMethodType = PaymentMethodTypes.card;
     }
     componentWillLoad() {
+        checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
         if (!this.validateProps()) {
             this.errorEvent.emit({
@@ -124,15 +127,15 @@ const PaymentForm = /*@__PURE__*/ proxyCustomElement(class PaymentForm extends H
         }
     }
     render() {
-        return (h(StyledHost, { key: '8cb6e3903a0045fbffed5f17dc29aacc6b57ad7f' }, h("form", { key: '4e8f00c3d29c0db0bc99fd79da46abe7c40e3e30', class: "row gy-3" }, this.showPaymentMethodTypeSelector() && (h("div", { key: '344a1356f6f482493a35015c32f8e9a9b4cc8a80', class: "col-12" }, h("justifi-payment-method-selector", { key: '36b9dd7a9bc8336b4bef0d12f56c811effbc0a0b', selectedPaymentMethodType: this.getSelectedPaymentMethodType(), onPaymentMethodSelected: event => this.paymentMethodSelectedHandler(event) }))), h("div", { key: '225a260f817f9dd02a7f0a5b25562179ab80f7de', class: "col-12" }, h("justifi-payment-method-form", { key: '52e2bf20b265cc96ab556571a323370cc27ac278', "payment-method-form-type": this.getSelectedPaymentMethodType(), iframeOrigin: "", ref: el => {
+        return (h(StyledHost, { key: 'f7d035a9ed8b16016493aa07a85a6b4d6d83b5f5' }, h("form", { key: 'fb9354b439332ef4ee67e915f27b60b9b744e6e2', class: "row gy-3" }, this.showPaymentMethodTypeSelector() && (h("div", { key: '303fbccf9beb30c1d822f0ac148128dfba9d158f', class: "col-12" }, h("justifi-payment-method-selector", { key: 'f71353d3f90ab50461a57ce3738ea853ca4d1cc3', selectedPaymentMethodType: this.getSelectedPaymentMethodType(), onPaymentMethodSelected: event => this.paymentMethodSelectedHandler(event) }))), h("div", { key: 'd9024a406dcde487ff2bb7d34385da0a1be8aef5', class: "col-12" }, h("justifi-payment-method-form", { key: '010488c96f1b6b5af049b89151cea9ce61f263bb', "payment-method-form-type": this.getSelectedPaymentMethodType(), iframeOrigin: config.iframeOrigin, ref: el => {
                 if (el) {
                     this.paymentMethodFormRef = el;
                 }
-            } })), h("div", { key: '433a8ac42c0eec9180e37da222da1dbb1112e48e', class: "col-12" }, h("justifi-billing-form", { key: '4f24f1c8b4083e2d9e5bb2272d32d20bb5cc225d', legend: "Billing Info", ref: el => {
+            } })), h("div", { key: 'c8b41e9d6bc0d21db4bc1efa12852480ed4a0bbd', class: "col-12" }, h("justifi-billing-form", { key: '2226122296e6b9da8359b90fe563b6c4342c72f3', legend: "Billing Info", ref: el => {
                 if (el) {
                     this.billingFormRef = el;
                 }
-            } })), h("slot", { key: '9397ae7fdd2677cd61a425fcf5818ae14fabbed0', name: 'insurance' }), h("div", { key: 'db9131f6f35165e69d3b59da7fa25b95f1e46168', class: "col-12" }, h(Button, { key: 'c280836cf6445a7132ff9202a09b6fdac8e29f77', variant: "primary", type: "submit", onClick: event => this.submit(event), disabled: !this.submitButtonEnabled || this.isLoading, isLoading: this.isLoading, "data-testid": "submit-button", style: { width: '100%' } }, this.submitButtonText || 'Submit')))));
+            } })), h("slot", { key: '5aa12164db0d1ac4570db49b7a1bc527d974a8ab', name: 'insurance' }), h("div", { key: '5b0ad786dcf96a4c83696b1e3d1cd09345313807', class: "col-12" }, h(Button, { key: 'b3a55eaf9403d33a0e0769ca2c6c42b086f4da9a', variant: "primary", type: "submit", onClick: event => this.submit(event), disabled: !this.submitButtonEnabled || this.isLoading, isLoading: this.isLoading, "data-testid": "submit-button", style: { width: '100%' } }, this.submitButtonText || 'Submit')))));
     }
     static get style() { return JustifiPaymentFormStyle0; }
 }, [1, "justifi-payment-form", {

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

@@ -3,7 +3,9 @@ import { J as JustifiAnalytics } from './Analytics.js';
 import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
 import { m as makeGetBusiness, e as makePostProvisioning } from './payment-provisioning-actions.js';
 import { B as BusinessService } from './business.service.js';
+import { c as config } from './config.js';
 import { A as Api } from './Api.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
 import { d as defineCustomElement$y } from './form-control-checkbox2.js';
 import { d as defineCustomElement$x } from './form-control-date2.js';
 import { d as defineCustomElement$w } from './form-control-error-text2.js';
@@ -45,7 +47,7 @@ class ProvisionService {
             business_id: businessId,
             product_category: product,
         };
-        return Api({ authToken, apiOrigin: "" }).post(endpoint, JSON.stringify(payload));
+        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).post(endpoint, payload);
     }
 }
 
@@ -65,6 +67,7 @@ const PaymentProvisioning = /*@__PURE__*/ proxyCustomElement(class PaymentProvis
         this.initializeApi();
     }
     componentWillLoad() {
+        checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
         this.initializeApi();
     }
@@ -94,7 +97,7 @@ const PaymentProvisioning = /*@__PURE__*/ proxyCustomElement(class PaymentProvis
         }
     }
     render() {
-        return (h("justifi-payment-provisioning-core", { key: 'a93ee23fabf4bdeb381e924bfdf684ddd183075a', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
+        return (h("justifi-payment-provisioning-core", { key: '82b3601d3349a92bed1aa93e2a847039d7493c04', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

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

@@ -7,11 +7,17 @@ import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Compone
 import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
 import { E as ErrorState } from './utils.js';
 import { J as JustifiAnalytics } from './Analytics.js';
-import { d as defineCustomElement$6 } from './form-control-date2.js';
-import { d as defineCustomElement$5 } from './form-control-error-text2.js';
-import { d as defineCustomElement$4 } from './form-control-help-text2.js';
-import { d as defineCustomElement$3 } from './pagination-menu2.js';
-import { d as defineCustomElement$2 } from './payments-list-core2.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
+import { d as defineCustomElement$b } from './custom-popper2.js';
+import { d as defineCustomElement$a } from './form-control-date2.js';
+import { d as defineCustomElement$9 } from './form-control-error-text2.js';
+import { d as defineCustomElement$8 } from './form-control-help-text2.js';
+import { d as defineCustomElement$7 } from './form-control-select2.js';
+import { d as defineCustomElement$6 } from './form-control-text2.js';
+import { d as defineCustomElement$5 } from './pagination-menu2.js';
+import { d as defineCustomElement$4 } from './payments-list-core2.js';
+import { d as defineCustomElement$3 } from './payments-list-filters2.js';
+import { d as defineCustomElement$2 } from './table-filters-menu2.js';
 
 const makeGetPayments = ({ id, authToken, service }) => async ({ params, onSuccess, onError }) => {
     var _a, _b;
@@ -58,6 +64,7 @@ const PaymentsList = /*@__PURE__*/ proxyCustomElement(class PaymentsList extends
         this.errorMessage = null;
     }
     componentWillLoad() {
+        checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
         this.initializeGetPayments();
     }
@@ -107,34 +114,59 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-payments-list", "form-control-date", "form-control-error-text", "form-control-help-text", "pagination-menu", "payments-list-core"];
+    const components = ["justifi-payments-list", "custom-popper", "form-control-date", "form-control-error-text", "form-control-help-text", "form-control-select", "form-control-text", "pagination-menu", "payments-list-core", "payments-list-filters", "table-filters-menu"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-payments-list":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, PaymentsList);
             }
             break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
         case "form-control-date":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$a();
             }
             break;
         case "form-control-error-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$9();
             }
             break;
         case "form-control-help-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$4();
+                defineCustomElement$8();
+            }
+            break;
+        case "form-control-select":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "form-control-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
             }
             break;
         case "pagination-menu":
             if (!customElements.get(tagName)) {
-                defineCustomElement$3();
+                defineCustomElement$5();
             }
             break;
         case "payments-list-core":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "payments-list-filters":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "table-filters-menu":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

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

@@ -7,6 +7,7 @@ import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Compone
 import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
 import { E as ErrorState } from './utils.js';
 import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
 import { d as defineCustomElement$3 } from './details.js';
 import { d as defineCustomElement$2 } from './payout-details-core2.js';
 
@@ -56,6 +57,7 @@ const PayoutDetails = /*@__PURE__*/ proxyCustomElement(class PayoutDetails exten
         this.errorMessage = null;
     }
     componentWillLoad() {
+        checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
         this.initializeServices();
     }

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

@@ -8,6 +8,7 @@ import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Compone
 import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
 import { E as ErrorState } from './utils.js';
 import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
 import { d as defineCustomElement$6 } from './form-control-date2.js';
 import { d as defineCustomElement$5 } from './form-control-error-text2.js';
 import { d as defineCustomElement$4 } from './form-control-help-text2.js';
@@ -61,6 +62,7 @@ const PayoutsList = /*@__PURE__*/ proxyCustomElement(class PayoutsList extends H
         this.errorMessage = null;
     }
     componentWillLoad() {
+        checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
         this.initializeServices();
     }

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

@@ -4,6 +4,7 @@ import { A as Api } from './Api.js';
 import './Pagination.js';
 import './Payment.js';
 import './Payout.js';
+import { c as config } from './config.js';
 import { C as CURRENCY_MASK } from './form-input-masks.js';
 import { S as StyledHost } from './styled-host.js';
 import { d as defineCustomElement$5 } from './form-control-error-text2.js';
@@ -95,11 +96,11 @@ const RefundForm = /*@__PURE__*/ proxyCustomElement(class RefundForm extends HTM
         if (!this.authToken) {
             console.warn('Warning: Missing auth-token.');
         }
-        this.api = Api({ authToken: this.authToken, apiOrigin: "" });
+        this.api = Api({ authToken: this.authToken, apiOrigin: config.proxyApiOrigin });
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: '8d31f1a9bf936c9e11f8eca1dc55e614b9fa5939' }, h("h1", { key: 'be589740535ee8a5ab6d4af7151d7ae026f08002' }, "Refund"), this.refundInfoText && (h("div", { key: 'b1d40507dec53bac422f99a3d62678c78c0c2038', class: "d-flex align-items-center flex-row gap-4 border-top border-bottom my-4 p-3", role: "alert" }, h("img", { key: 'cc76014eef0d826bec5ec09355dc5fc747fd2070', src: "/info-icon.svg", alt: "Information", height: "30", width: "30" }), h("p", { key: 'c2efa0f2acdf3faaa6e2974d0535f48799e3cbbd', class: "m-0", innerHTML: this.refundInfoText }))), h("form", { key: '68220114781378f6507651414c87532171bebb31', onSubmit: e => this.handleSubmit(e), class: "d-grid gap-4" }, h("div", { key: '075545e9837316fe160760e0dba9a5104654dd2b', class: "form-group" }, h("form-control-monetary", { key: 'c8ff8a822d2b74b2f80b33cd6cd2b42ceebbff11', name: "amount", label: "Refund Amount", defaultValue: ((_a = this.amount) === null || _a === void 0 ? void 0 : _a.toString()) || '', maskOptions: CURRENCY_MASK.DECIMAL, inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.amount })), h("div", { key: '92093284e763466be5138ea6d788145d5d47bd87', class: "form-group" }, h("form-control-text", { key: 'ddf9e221d43d84ad7436261c5755e673224aa82e', name: "notes", label: "Additional Notes", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.notes })), this.withButton && (h("div", { key: '58abbbabce09d82da4032ef0e08e6cfac1433153', class: "form-group d-flex flex-row-reverse" }, h("button", { key: '3e703ef633e0d45ba70425dc6d58bcd2d590ce1b', type: "submit", disabled: !!this.isSubmitting, class: "btn btn-primary ml-auto" }, this.submitButtonText))))));
+        return (h(StyledHost, { key: '317b405be6fae390e20b7bf8586aced9fdf5e246' }, h("h1", { key: 'e27cd7c30b74eae1be005dfd17cc4a33411024d1' }, "Refund"), this.refundInfoText && (h("div", { key: '00298ad8bd4a0c5e56d78e94f2b9da8b3ad065df', class: "d-flex align-items-center flex-row gap-4 border-top border-bottom my-4 p-3", role: "alert" }, h("img", { key: 'e32db4b03e42a6e8180b10e99a7a7de94e753850', src: "/info-icon.svg", alt: "Information", height: "30", width: "30" }), h("p", { key: 'd63e3a790338bd5c3ac9f304aaa01b65928bd34e', class: "m-0", innerHTML: this.refundInfoText }))), h("form", { key: 'a5cb24ef9f8214e37398d4c2eb790f0c5ffb5a18', onSubmit: e => this.handleSubmit(e), class: "d-grid gap-4" }, h("div", { key: 'c8e24f30f8db93bef5e6b56d9eea5208aa768f94', class: "form-group" }, h("form-control-monetary", { key: 'a52701bc026714e8e0851eeff6c8458385f2f5da', name: "amount", label: "Refund Amount", defaultValue: ((_a = this.amount) === null || _a === void 0 ? void 0 : _a.toString()) || '', maskOptions: CURRENCY_MASK.DECIMAL, inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.amount })), h("div", { key: 'e2ff04104c47d2852da925de074b1667dcc684f4', class: "form-group" }, h("form-control-text", { key: '8567d4f6082642919e2a132511af6eb9f393cd65', name: "notes", label: "Additional Notes", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.notes })), this.withButton && (h("div", { key: '6634bfd2156b45f189c4c4b630983712bbc5baa4', class: "form-group d-flex flex-row-reverse" }, h("button", { key: '1a0c80e5ee42673d09f9d7f9a36acc2f4ea52f8b', type: "submit", disabled: !!this.isSubmitting, class: "btn btn-primary ml-auto" }, this.submitButtonText))))));
     }
     static get style() { return JustifiRefundFormStyle0; }
 }, [1, "justifi-refund-form", {