@justifi/webcomponents 4.19.3-rc-2 → 4.20.0

package/dist/esm/justifi-card-form.entry.js

@@ -1,7 +1,8 @@
 import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
-import { J as JustifiAnalytics } from './Analytics-a8eb7344.js';
-import './package-ccb774a9.js';
-import './Api-b09a2f6a.js';
+import { c as config } from './config-27764a9d.js';
+import { J as JustifiAnalytics } from './Analytics-3103f8e9.js';
+import './package-0e3cc41e.js';
+import './Api-c8abc2e0.js';
 
 const CardForm = class {
     constructor(hostRef) {
@@ -11,7 +12,7 @@ const CardForm = class {
         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 = class {
         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/esm/justifi-checkout-core.entry.js

@@ -1,9 +1,10 @@
 import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
-import { f as formatCurrency } from './utils-3c1dd2fa.js';
+import { f as formatCurrency } from './utils-e66d8bca.js';
+import { c as config } from './config-27764a9d.js';
 import { C as ComponentErrorSeverity } from './ComponentError-3ce7f437.js';
 import { i as insuranceValuesOn, v as validateInsuranceValues, a as insuranceValues } from './insurance-state-8ce01e59.js';
 import { B as Button } from './button-34e75e0f.js';
-import { S as StyledHost } from './styled-host-ab9da520.js';
+import { S as StyledHost } from './styled-host-3171ae1f.js';
 import { S as Skeleton } from './skeleton-145a80d4.js';
 
 class Checkout {
@@ -44,7 +45,7 @@ const CheckoutCore = class {
             });
             this.renderState = 'error';
         };
-        this.iframeOrigin = "";
+        this.iframeOrigin = config.iframeOrigin;
         this.authToken = undefined;
         this.getCheckout = undefined;
         this.complete = undefined;
@@ -64,7 +65,6 @@ const CheckoutCore = class {
         this.paymentMethodOptionsRef.fillBillingForm(fields);
     }
     componentWillLoad() {
-        console.log('CheckoutCore: componentWillLoad iframeOrigin', this, this.iframeOrigin);
         if (this.getCheckout) {
             this.fetchData();
             // Refresh the checkout data when insurance is added or removed
@@ -141,7 +141,7 @@ const CheckoutCore = class {
         return (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h(Skeleton, { height: "24px" })), h("div", { class: this.isLoading && 'visually-hidden' }, h("div", { class: "jfi-payment-description" }, (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_description), h("div", { class: "jfi-payment-total" }, h("span", { class: "jfi-payment-total-label" }, "Total"), "\u00A0", h("span", { class: "jfi-payment-total-amount" }, formatCurrency(+((_b = this.checkout) === null || _b === void 0 ? void 0 : _b.total_amount)))))));
     }
     render() {
-        return (h(StyledHost, { key: '991ae6970e426028ace0d1e8327119bc197639b0' }, h("div", { key: '1e57ee21429b494240e644235a2d5815ced99d43', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '70023ce10dea6ff8d5bd8e30c7d474f774682c65', class: "col-12" }, h("h2", { key: '8b09b03c1998e4d60e174fefb3d196e48d50b84a', class: "fs-5 fw-bold pb-3 jfi-header" }, "Summary"), this.summary), h("div", { key: 'e3bbdaaaf010451a31fe9c60bdf81e89bdd142f2', class: "col-12" }, h("slot", { key: '442a01184960f42b5e1f6694798633d3e7219bf5', name: "insurance" })), h("div", { key: '716e26e3dc675e9d72a3a992b1cb212ce48ffb1a', class: "col-12 mt-4" }, h("h2", { key: '762cfc8549b20d16583d0fd8748bde8035042c00', class: "fs-5 fw-bold pb-3 jfi-header" }, "Payment"), h("h3", { key: 'f07d716a87f3e2bd44471f7e93f7af5f5d20440e', class: "fs-6 fw-bold lh-lg" }, "Select payment type"), h("div", { key: '1156291dd748b90d64a08916ffb98c3123132175', class: "d-flex flex-column" }, this.paymentType)), h("div", { key: 'a5bd142a1c72c5abb29338a2cf24c180119d4ea7', class: "col-12" }, h("div", { key: '5a94ed9d54fd3dd24cfe3e34c23ee3c4995eca6d', class: "d-flex justify-content-end" }, h(Button, { key: '7fce3940d8fe562aa7c23e38201b5d2924157288', type: "submit", variant: "primary", onClick: (e) => this.submit(e), disabled: this.isLoading, isLoading: this.isLoading, style: { width: '100%' } }, "Pay"))))));
+        return (h(StyledHost, { key: 'e322f280a57bb0baab61174bca21f0a7e9afa3c1' }, h("div", { key: '4ad8cc4f6243de8ddc03fb184ac4e960a04280eb', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '7f13e26b36790558c8eb455f4d5ab3d0952b4e62', class: "col-12" }, h("h2", { key: 'c5e4b6fc30f51821537915f3ce5d4830ed3f8da9', class: "fs-5 fw-bold pb-3 jfi-header" }, "Summary"), this.summary), h("div", { key: '164b7a2cc51d871ad4a92044d0f7240e376bd4b3', class: "col-12" }, h("slot", { key: 'a98b7c6a0bb9e4d1b102e832ee7aa43218432298', name: "insurance" })), h("div", { key: '415d3aac64b4190f54d785695c50a92ce02a76c2', class: "col-12 mt-4" }, h("h2", { key: '6d7f0df1165ec359877459a8bada855ef353c3b3', class: "fs-5 fw-bold pb-3 jfi-header" }, "Payment"), h("h3", { key: 'be8495d792cf065d2cbc7d3b46648c887951e313', class: "fs-6 fw-bold lh-lg" }, "Select payment type"), h("div", { key: '5c9d8baffb50b0b10e9911463f307581cad7619c', class: "d-flex flex-column" }, this.paymentType)), h("div", { key: '9351832b69a8e5285cae35534299b51193248719', class: "col-12" }, h("div", { key: '5b0e382836c858369caf93a287272922024ce72b', class: "d-flex justify-content-end" }, h(Button, { key: 'f76d37000f7b026e97f083e7cf817bed8f84f34f', type: "submit", variant: "primary", onClick: (e) => this.submit(e), disabled: this.isLoading, isLoading: this.isLoading, style: { width: '100%' } }, "Pay"))))));
     }
 };
 CheckoutCore.style = JustifiCheckoutCoreStyle0 + JustifiCheckoutCoreStyle1;

package/dist/esm/justifi-checkout.entry.js

@@ -1,12 +1,14 @@
 import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
-import { A as Api } from './Api-b09a2f6a.js';
+import { A as Api } from './Api-c8abc2e0.js';
 import './Pagination-afc8f96d.js';
 import './Payment-6bf26fe2.js';
 import './Payout-dfe15b00.js';
-import { J as JustifiAnalytics } from './Analytics-a8eb7344.js';
-import './package-ccb774a9.js';
+import { c as config } from './config-27764a9d.js';
+import { J as JustifiAnalytics } from './Analytics-3103f8e9.js';
+import { c as checkPkgVersion } from './check-pkg-version-44e6ad15.js';
+import './package-0e3cc41e.js';
 
 const makeGetCheckout = ({ authToken, checkoutId, service }) => async ({ onSuccess, onError }) => {
     var _a;
@@ -65,7 +67,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`;
@@ -75,7 +77,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);
     }
 }
 
@@ -96,6 +98,7 @@ const Checkout = class {
         this.errorMessage = '';
     }
     componentWillLoad() {
+        checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
         this.initializeGetCheckout();
     }
@@ -130,11 +133,11 @@ const Checkout = class {
         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/esm/justifi-details.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-57431c24.js';
 import { E as ErrorState } from './utils-01413a95.js';
-import { S as StyledHost } from './styled-host-ab9da520.js';
+import { S as StyledHost } from './styled-host-3171ae1f.js';
 
 const Details = class {
     constructor(hostRef) {

package/dist/esm/justifi-gross-payment-chart.entry.js

@@ -1,14 +1,16 @@
 import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
-import { A as Api } from './Api-b09a2f6a.js';
+import { c as config } from './config-27764a9d.js';
+import { A as Api } from './Api-c8abc2e0.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
 import { E as ErrorState } from './utils-01413a95.js';
-import { J as JustifiAnalytics } from './Analytics-a8eb7344.js';
-import './package-ccb774a9.js';
+import { J as JustifiAnalytics } from './Analytics-3103f8e9.js';
+import { c as checkPkgVersion } from './check-pkg-version-44e6ad15.js';
+import './package-0e3cc41e.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);
     }
@@ -56,6 +58,7 @@ const GrossPaymentChart = class {
         this.errorMessage = null;
     }
     componentWillLoad() {
+        checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
         this.initializeGetGrossPayment();
     }

package/dist/esm/justifi-new-payment-method_4.entry.js

@@ -1,6 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment } from './index-57431c24.js';
+import { c as config } from './config-27764a9d.js';
 import { a as PaymentMethodTypes } from './Payment-6bf26fe2.js';
-import { g as snakeToCamel, f as formatCurrency } from './utils-3c1dd2fa.js';
+import { g as snakeToCamel, f as formatCurrency } from './utils-e66d8bca.js';
 
 const PaymentMethodTypeLabels = {
     bankAccount: 'New bank account',
@@ -13,7 +14,7 @@ const NewPaymentMethod = class {
         this.onPaymentMethodOptionClick = () => {
             this.paymentMethodOptionSelected.emit(this.paymentMethodOption);
         };
-        this.iframeOrigin = "";
+        this.iframeOrigin = config.iframeOrigin;
         this.authToken = undefined;
         this.accountId = undefined;
         this.paymentMethodOption = undefined;
@@ -21,9 +22,6 @@ const NewPaymentMethod = class {
         this.isSelected = undefined;
         this.saveNewPaymentMethodChecked = false;
     }
-    componentWillLoad() {
-        console.log('NewPaymentMethod: componentWillLoad iframeOrigin', this, this.iframeOrigin);
-    }
     handleCheckboxChanged(event) {
         this.saveNewPaymentMethodChecked = event.detail;
     }
@@ -76,7 +74,7 @@ const NewPaymentMethod = class {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: 'd597ba8b0ac2a650a14a79d002a91ef3edf604a4', class: "payment-method" }, h("div", { key: 'a287f7ffd480f17f0f1093d71b9d02fe3db39e0f', class: `payment-method-header p-3`, onClick: () => this.onPaymentMethodOptionClick() }, h("input", { key: 'f53d08d048cc242414fcf6794614ad2334db81bb', type: "radio", name: "paymentMethodType", id: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, value: (_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id, onClick: (event) => event.preventDefault(), checked: this.isSelected, class: "form-check-input me-2" }), h("label", { key: '01712a80a30df19a7b540434532cffb4cb3b61e8', htmlFor: (_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.id, class: "form-check-label" }, PaymentMethodTypeLabels[(_d = this.paymentMethodOption) === null || _d === void 0 ? void 0 : _d.id])), this.isSelected ? this.showNewPaymentMethodForm() : null));
+        return (h("div", { key: '7b17c9f060764f959286e739a2c05a43d1363f0e', class: "payment-method" }, h("div", { key: '5f09658f3be4cf75ee6df659d02b9bb29a0af2c3', class: `payment-method-header p-3`, onClick: () => this.onPaymentMethodOptionClick() }, h("input", { key: '5187b4d23e10272df064b554130b856332b77e43', type: "radio", name: "paymentMethodType", id: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, value: (_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id, onClick: (event) => event.preventDefault(), checked: this.isSelected, class: "form-check-input me-2" }), h("label", { key: '1814812e3246a5f9a5734cbb40af529a61e73f21', htmlFor: (_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.id, class: "form-check-label" }, PaymentMethodTypeLabels[(_d = this.paymentMethodOption) === null || _d === void 0 ? void 0 : _d.id])), this.isSelected ? this.showNewPaymentMethodForm() : null));
     }
 };
 
@@ -119,7 +117,7 @@ const PaymentMethodOptions = class {
         this.insuranceToggled = undefined;
         this.authToken = undefined;
         this.accountId = undefined;
-        this.iframeOrigin = "";
+        this.iframeOrigin = config.iframeOrigin;
         this.savedPaymentMethods = [];
         this.paymentAmount = undefined;
         this.selectedPaymentMethodId = undefined;
@@ -165,7 +163,7 @@ const PaymentMethodOptions = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: '7ee40a1bdc9ec15596e870b48cbe7b6bbc20537c' }, (_a = this.paymentMethodOptions) === null || _a === void 0 ? void 0 : _a.map((paymentMethodOption) => {
+        return (h(Host, { key: '86e309b90ab00f530dd803b00e5aab511f92300f' }, (_a = this.paymentMethodOptions) === null || _a === void 0 ? void 0 : _a.map((paymentMethodOption) => {
             const newCard = paymentMethodOption.id === PaymentMethodTypes.card;
             const newBankAccount = paymentMethodOption.id === PaymentMethodTypes.bankAccount;
             const isSelected = this.selectedPaymentMethodId === paymentMethodOption.id;
@@ -206,7 +204,7 @@ const SavedPaymentMethod = class {
         this.onPaymentMethodOptionClick = () => {
             this.paymentMethodOptionSelected.emit(this.paymentMethodOption);
         };
-        this.iframeOrigin = "";
+        this.iframeOrigin = config.iframeOrigin;
         this.paymentMethodOption = undefined;
         this.isSelected = undefined;
     }
@@ -220,7 +218,7 @@ const SavedPaymentMethod = class {
     ;
     render() {
         var _a, _b, _c, _d, _e;
-        return (h(Fragment, { key: '247dafc3fe4011c5f6a2202690310eedfa5422c8' }, h("div", { key: '9cfb0b6ca9c10e5cc6173832bb8211ddb1d0ae5b', class: "payment-method" }, h("div", { key: 'd247cc4cf9f7bf43d7153134c66a921b5bfc49bc', class: "payment-method-header p-3", onClick: () => this.onPaymentMethodOptionClick() }, h("input", { key: '180c3aa6c4153bccf7cb620b6df49cc288754cd2', type: "radio", name: "paymentMethodType", id: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, value: (_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id, onClick: (event) => event.preventDefault(), checked: this.isSelected, class: "form-check-input me-2" }), h("label", { key: '6ec14d77e8171a1ddb37c686189878a7ebb4b4f4', htmlFor: (_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.id, class: "form-check-label" }, CardBrandLabels[(_d = this.paymentMethodOption) === null || _d === void 0 ? void 0 : _d.brand], " *", (_e = this.paymentMethodOption) === null || _e === void 0 ? void 0 :
+        return (h(Fragment, { key: '9c2174123f1675d60bc48d8109821c0bc2ad7682' }, h("div", { key: '07bffce2603110d44f38ffb2f57a60f07faddb3b', class: "payment-method" }, h("div", { key: 'f489d3a05db45c2b2581bc8f0fc093afed453d91', class: "payment-method-header p-3", onClick: () => this.onPaymentMethodOptionClick() }, h("input", { key: '70681612520aa621c39a017b72b25a7dd3211282', type: "radio", name: "paymentMethodType", id: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, value: (_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id, onClick: (event) => event.preventDefault(), checked: this.isSelected, class: "form-check-input me-2" }), h("label", { key: 'a58e14ae9d199b0e0eb01b4c0a4a8bd9c8fec41d', htmlFor: (_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.id, class: "form-check-label" }, CardBrandLabels[(_d = this.paymentMethodOption) === null || _d === void 0 ? void 0 : _d.brand], " *", (_e = this.paymentMethodOption) === null || _e === void 0 ? void 0 :
             _e.acct_last_four)))));
     }
 };
@@ -265,7 +263,7 @@ const SezzlePaymentMethod = class {
             this.sezzleCheckout = checkout;
             this.installmentPlan = this.sezzleCheckout.getInstallmentPlan(amount);
         };
-        this.iframeOrigin = "";
+        this.iframeOrigin = config.iframeOrigin;
         this.bnpl = undefined;
         this.clientId = undefined;
         this.accountId = undefined;
@@ -291,7 +289,7 @@ const SezzlePaymentMethod = class {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '1b4e4a142e1e59465e0db5515ee6b0a0b2aac146', class: "payment-method" }, h("script", { key: 'c835bc94836949e2362974eaeefca1f6a579a1a0', src: "https://checkout-sdk.sezzle.com/checkout.min.js", async: true, ref: (el) => (this.scriptRef = el) }), h("div", { key: '051a0392e6353116423f706be48eb266daf12b84', class: `payment-method-header p-3`, onClick: () => this.onPaymentMethodOptionClick() }, h("input", { key: '6dd0d61f1b8788b45b008f5ac05f8a8b6a6591f2', type: "radio", name: "paymentMethodType", id: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, value: (_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id, onClick: (event) => event.preventDefault(), checked: this.isSelected, class: "form-check-input me-2" }), h("label", { key: 'caf3429bae616a016f58e141ac5c4493174cf3ef', htmlFor: (_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.id, class: "form-check-label" }, h("div", { key: '0e4ea85fc6fc32a1c35fe0dac86f21ab7f86eb0a' }, "Buy now, pay later with ", sezzleLogo), this.installmentPlan && (h("small", { key: '3740565f14b87aa2e4af44b7e2b12d93d6e454c2' }, h("span", { key: 'ca9b6dff0042c41d378b101067d060092234fa7c' }, (_d = this.installmentPlan) === null || _d === void 0 ? void 0 : _d.installments.length), "\u00A0", h("span", { key: '14ab21fd2d9bd612f41d5cd3e175402593012619' }, this.installmentPlan.schedule, " payments of"), "\u00A0", h("span", { key: '25e08c1e711af0979e14bbb911aedb58f59bc180', class: "fw-bold" }, formatCurrency((_e = this.installmentPlan) === null || _e === void 0 ? void 0 : _e.installments[0].amountInCents))))))));
+        return (h("div", { key: 'a71ee3b09669bd27f82f13fc2e924978df3b3883', class: "payment-method" }, h("script", { key: 'def81ad89dfc5d5038ee0de6ea6e3d430f45842c', src: "https://checkout-sdk.sezzle.com/checkout.min.js", async: true, ref: (el) => (this.scriptRef = el) }), h("div", { key: 'b7c0afa6b157a981d61b4825dcf7fa5d031d701e', class: `payment-method-header p-3`, onClick: () => this.onPaymentMethodOptionClick() }, h("input", { key: '5c52a82646f941e7df87b99cd326c32b64ab1373', type: "radio", name: "paymentMethodType", id: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, value: (_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id, onClick: (event) => event.preventDefault(), checked: this.isSelected, class: "form-check-input me-2" }), h("label", { key: 'bb520c7addf37652ad0f22cc5a08c3afb0a23cd8', htmlFor: (_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.id, class: "form-check-label" }, h("div", { key: '0e43ff1520bece6a98c61be7fa31acb3fd4711e9' }, "Buy now, pay later with ", sezzleLogo), this.installmentPlan && (h("small", { key: '9413c186f4dd6ee5b5296a4e0e60d469f5bec5c0' }, h("span", { key: 'dbc4ff1d6c5c7d0a189ea4f09773de501b21d5d1' }, (_d = this.installmentPlan) === null || _d === void 0 ? void 0 : _d.installments.length), "\u00A0", h("span", { key: '72a4d2a7b34fffaee04d466a981a1dab3160c639' }, this.installmentPlan.schedule, " payments of"), "\u00A0", h("span", { key: 'c2e2c5c4eaec1d03120239c00b47ae4bac548be6', class: "fw-bold" }, formatCurrency((_e = this.installmentPlan) === null || _e === void 0 ? void 0 : _e.installments[0].amountInCents))))))));
     }
 };
 

package/dist/esm/justifi-owner-form_3.entry.js

@@ -1,20 +1,21 @@
 import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
 import { c as makeGetIdentity, d as makePatchIdentity, e as makePostIdentity } from './payment-provisioning-actions-0635eff7.js';
-import { I as IdentityService } from './business.service-37d0cc72.js';
+import { I as IdentityService } from './business.service-1f589b6e.js';
 import { F as FormController } from './index.esm-fc4f5c0c.js';
-import { O as Owner } from './Business-e218b4f4.js';
+import { O as Owner } from './Business-b73d5055.js';
 import { a as BusinessFormClickActions } from './business-form-types-1bc5fe08.js';
-import { c as parseIdentityInfo, i as identitySchema } from './payload-parsers-acb719d1.js';
+import { i as identitySchema } from './business-identity-schema-9e3269fb.js';
 import { B as Button } from './button-34e75e0f.js';
 import { S as SSN_MASK, P as PHONE_MASKS } from './form-input-masks-0e18300f.js';
 import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfBirthFormValues } from './input-handlers-270ac806.js';
 import './ComponentError-3ce7f437.js';
 import './utils-b10dae27.js';
-import './Api-b09a2f6a.js';
+import './config-27764a9d.js';
+import './Api-c8abc2e0.js';
 import './helpers-96ea3464.js';
 import './state-options-a356fb11.js';
-import './schema-validations-a83ff220.js';
-import './business-form-options-7a9a74fc.js';
+import './schema-validations-e725d701.js';
+import './business-form-options-d790973e.js';
 
 const BusinessOwnerForm = class {
     constructor(hostRef) {
@@ -196,12 +197,12 @@ const BusinessOwnerFormCore = class {
         }
     }
     get payload() {
-        let formValues = parseIdentityInfo(this.formController.values.getValue());
+        let formValues = new Owner(this.formController.values.getValue()).payload;
         if (this.ownerId) {
-            return JSON.stringify(formValues);
+            return formValues;
         }
         else {
-            return JSON.stringify(Object.assign(Object.assign({}, formValues), { business_id: this.businessId }));
+            return Object.assign(Object.assign({}, formValues), { business_id: this.businessId });
         }
     }
     get formTitle() {
@@ -232,7 +233,7 @@ const BusinessOwnerFormCore = class {
         this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors)));
     }
     render() {
-        return (h("form", { key: 'b2e2aaced859260e9d2ef59bc3f8a0763d05872c', onSubmit: this.validateAndSubmit }, h("fieldset", { key: '2a93ddb4c945be0ec081ce31d6d9eff4b302d622' }, h("legend", { key: 'ea9859e55099e3f8263024d884edfb48b3666eaa', class: "fw-semibold fs-5" }, this.formTitle), h("br", { key: 'f646c1ecc544c358d87e701aba8e151fcb96c54e' }), h("div", { key: '874bf4ebd7cef0afbdee96fa4d5679b6d683b0f0', class: "row gy-3" }, h("owner-form-inputs", { key: '866dbf0002ec1ac70d7942c6011c67f8cd144960', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }), h("div", { key: '15d907270ecf3d16769cedea39ba279d7ffb0748', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: '84c09ef594e7fa387e64a09014de81ed713cc765', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: '1dafd97aa7b84644c9d011224a152ad7f99ce620', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: 'f1f31da4d147afcd01ef96acd01d63ee9497dd6b' }))));
+        return (h("form", { key: '27f0d989f017bd03b84cf8c994fa96f9a65aad08', onSubmit: this.validateAndSubmit }, h("fieldset", { key: '2c793f1f8777181e5db0a4cae5b9994d9188685e' }, h("legend", { key: 'a8951fcd990c8136cf6672424869f5c96def3cef', class: "fw-semibold fs-5" }, this.formTitle), h("br", { key: 'faaf0cc27c448452a5172ad7fcfcf510ec586d2b' }), h("div", { key: '486638ad24414a05f84ada3f37a89d0cc12e7ffb', class: "row gy-3" }, h("owner-form-inputs", { key: 'bdfe7cb3305f31d93321319ef14eee3e5b331381', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }), h("div", { key: '9e5c63e0637e0bffe5ab77a1f73c203704115479', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: '85de4b69c697ebf96778f538b1535bd1fb2c43e7', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: '1dd026432f19f84ae2142101191e511ebd62c2b3', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: '2570611bbe663e2e128f03806ecb036ce750c80b' }))));
     }
     static get watchers() { return {
         "isLoading": ["loadingWatcher"]

package/dist/esm/justifi-payment-details.entry.js

@@ -1,14 +1,16 @@
 import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
-import { P as PaymentService } from './payment.service-9359fe15.js';
+import { P as PaymentService } from './payment.service-02c596b9.js';
 import './Pagination-afc8f96d.js';
 import { P as Payment } from './Payment-6bf26fe2.js';
 import './Payout-dfe15b00.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
 import { E as ErrorState } from './utils-01413a95.js';
-import { J as JustifiAnalytics } from './Analytics-a8eb7344.js';
-import './Api-b09a2f6a.js';
-import './package-ccb774a9.js';
+import { J as JustifiAnalytics } from './Analytics-3103f8e9.js';
+import { c as checkPkgVersion } from './check-pkg-version-44e6ad15.js';
+import './Api-c8abc2e0.js';
+import './config-27764a9d.js';
+import './package-0e3cc41e.js';
 
 const makeGetPaymentDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;
@@ -52,6 +54,7 @@ const PaymentDetails = class {
         this.errorMessage = null;
     }
     componentWillLoad() {
+        checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
         this.initializeGetPaymentDetails();
     }

package/dist/esm/justifi-payment-form.entry.js

@@ -2,14 +2,16 @@ import { r as registerInstance, c as createEvent, h } from './index-57431c24.js'
 import './Pagination-afc8f96d.js';
 import { a as PaymentMethodTypes } from './Payment-6bf26fe2.js';
 import './Payout-dfe15b00.js';
-import { l as loadFontsOnParent } from './utils-3c1dd2fa.js';
+import { l as loadFontsOnParent } from './utils-e66d8bca.js';
+import { c as config } from './config-27764a9d.js';
 import { a as ComponentErrorCodes, C as ComponentErrorSeverity } from './ComponentError-3ce7f437.js';
 import { g as getErrorMessage } from './utils-b10dae27.js';
-import { J as JustifiAnalytics } from './Analytics-a8eb7344.js';
+import { J as JustifiAnalytics } from './Analytics-3103f8e9.js';
 import { B as Button } from './button-34e75e0f.js';
-import { S as StyledHost } from './styled-host-ab9da520.js';
-import './package-ccb774a9.js';
-import './Api-b09a2f6a.js';
+import { S as StyledHost } from './styled-host-3171ae1f.js';
+import { c as checkPkgVersion } from './check-pkg-version-44e6ad15.js';
+import './package-0e3cc41e.js';
+import './Api-c8abc2e0.js';
 
 const paymentFormCss = ":host{display:block}justifi-payment-method-form{display:block;margin-left:calc(var(--jfi-layout-padding) * -1);margin-right:calc(var(--jfi-layout-padding) * -1)}*::part(label){color:var(--jfi-form-label-color);font-family:var(--jfi-form-label-font-family);font-weight:var(--jfi-form-label-font-weight);font-size:var(--jfi-form-label-font-size);margin:var(--jfi-form-label-margin)}*::part(input){font-family:var(--jfi-layout-font-family);background-color:var(--jfi-form-control-background-color);border-color:var(--jfi-form-control-border-color);border-width:var(--jfi-form-control-border-width);border-bottom-width:var(--jfi-form-control-border-bottom-width);border-left-width:var(--jfi-form-control-border-left-width);border-right-width:var(--jfi-form-control-border-right-width);border-top-width:var(--jfi-form-control-border-top-width);border-radius:var(--jfi-form-control-border-radius);border-style:var(--jfi-form-control-border-style);box-shadow:var(--jfi-form-control-box-shadow);color:var(--jfi-form-control-color);font-size:var(--jfi-form-control-font-size);font-weight:var(--jfi-form-control-font-weight);line-height:var(--jfi-form-control-line-height);margin:var(--jfi-form-control-margin);padding:var(--jfi-form-control-padding)}*::part(input):focus{color:var(--jfi-form-control-color-focus);border-color:var(--jfi-form-control-border-color-focus);box-shadow:var(--jfi-form-control-box-shadow-focus)}*::part(input-invalid){border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error)}*::part(input-invalid):focus{border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error-focus)}.jfi-submit-button{font-family:var(--jfi-layout-font-family);color:var(--jfi-submit-button-color);background-color:var(--jfi-submit-button-background-color);border-color:var(--jfi-submit-button-border-color);padding:var(--jfi-submit-button-padding);font-size:var(--jfi-submit-button-font-size);border-radius:var(--jfi-submit-button-border-radius);width:var(--jfi-submit-button-width);box-shadow:var(--jfi-submit-button-box-shadow)}.jfi-submit-button:hover{color:var(--jfi-submit-button-color-hover);background-color:var(--jfi-submit-button-background-color-hover);border-color:var(--jfi-submit-button-border-color-hover)}.jfi-submit-button:focus{color:var(--jfi-submit-button-color-focus);background-color:var(--jfi-submit-button-background-color-focus);border-color:var(--jfi-submit-button-border-color-focus)}.btn.jfi-submit-button:active{color:var(--jfi-submit-button-color-active);background-color:var(--jfi-submit-button-background-color-active);border-color:var(--jfi-submit-button-border-color-active)}.btn.jfi-submit-button-loading{min-width:75px;color:var(--jfi-submit-button-color-loading);background-color:var(--jfi-submit-button-background-color-loading);border-color:var(--jfi-submit-button-border-color-loading)}.btn.jfi-submit-button-loading .spinner-border{border-top-color:var(--jfi-submit-button-color-loading);border-bottom-color:var(--jfi-submit-button-color-loading);border-left-color:var(--jfi-submit-button-color-loading)}";
 const JustifiPaymentFormStyle0 = paymentFormCss;
@@ -31,6 +33,7 @@ const PaymentForm = class {
         this.selectedPaymentMethodType = PaymentMethodTypes.card;
     }
     componentWillLoad() {
+        checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
         if (!this.validateProps()) {
             this.errorEvent.emit({
@@ -117,15 +120,15 @@ const PaymentForm = class {
         }
     }
     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')))));
     }
 };
 PaymentForm.style = JustifiPaymentFormStyle0;

package/dist/esm/justifi-payment-method-form.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-57431c24.js';
-import { p as packageJson } from './package-ccb774a9.js';
-import { m as composeQueryParams } from './utils-3c1dd2fa.js';
+import { p as packageJson } from './package-0e3cc41e.js';
+import { k as composeQueryParams } from './utils-e66d8bca.js';
 
 var iframeResizer = {exports: {}};
 

package/dist/esm/justifi-payment-provisioning-core.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h } from './index-57431c24.js'
 import { a as BusinessFormClickActions } from './business-form-types-1bc5fe08.js';
 import { a as ComponentErrorCodes, C as ComponentErrorSeverity } from './ComponentError-3ce7f437.js';
 import { a as checkProvisioningStatus } from './helpers-96ea3464.js';
-import { S as StyledHost } from './styled-host-ab9da520.js';
+import { S as StyledHost } from './styled-host-3171ae1f.js';
 import './state-options-a356fb11.js';
 
 const PaymentProvisioningCore = class {

package/dist/esm/justifi-payment-provisioning.entry.js

@@ -1,10 +1,12 @@
 import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
-import { J as JustifiAnalytics } from './Analytics-a8eb7344.js';
+import { J as JustifiAnalytics } from './Analytics-3103f8e9.js';
 import { a as ComponentErrorCodes, C as ComponentErrorSeverity } from './ComponentError-3ce7f437.js';
 import { m as makeGetBusiness, a as makePostProvisioning } from './payment-provisioning-actions-0635eff7.js';
-import { B as BusinessService } from './business.service-37d0cc72.js';
-import { A as Api } from './Api-b09a2f6a.js';
-import './package-ccb774a9.js';
+import { B as BusinessService } from './business.service-1f589b6e.js';
+import { c as config } from './config-27764a9d.js';
+import { A as Api } from './Api-c8abc2e0.js';
+import { c as checkPkgVersion } from './check-pkg-version-44e6ad15.js';
+import './package-0e3cc41e.js';
 import './utils-b10dae27.js';
 
 class ProvisionService {
@@ -14,7 +16,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);
     }
 }
 
@@ -33,6 +35,7 @@ const PaymentProvisioning = class {
         this.initializeApi();
     }
     componentWillLoad() {
+        checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
         this.initializeApi();
     }
@@ -62,7 +65,7 @@ const PaymentProvisioning = class {
         }
     }
     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/esm/justifi-payments-list.entry.js

@@ -1,14 +1,16 @@
 import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
-import { P as PaymentService } from './payment.service-9359fe15.js';
+import { P as PaymentService } from './payment.service-02c596b9.js';
 import './Pagination-afc8f96d.js';
 import { P as Payment } from './Payment-6bf26fe2.js';
 import './Payout-dfe15b00.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
 import { E as ErrorState } from './utils-01413a95.js';
-import { J as JustifiAnalytics } from './Analytics-a8eb7344.js';
-import './Api-b09a2f6a.js';
-import './package-ccb774a9.js';
+import { J as JustifiAnalytics } from './Analytics-3103f8e9.js';
+import { c as checkPkgVersion } from './check-pkg-version-44e6ad15.js';
+import './Api-c8abc2e0.js';
+import './config-27764a9d.js';
+import './package-0e3cc41e.js';
 
 const makeGetPayments = ({ id, authToken, service }) => async ({ params, onSuccess, onError }) => {
     var _a, _b;
@@ -53,6 +55,7 @@ const PaymentsList = class {
         this.errorMessage = null;
     }
     componentWillLoad() {
+        checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
         this.initializeGetPayments();
     }

package/dist/esm/justifi-payout-details.entry.js

@@ -1,14 +1,16 @@
 import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
-import { m as makeGetPayoutCSV, P as PayoutService } from './get-payout-csv-a702a0d9.js';
+import { m as makeGetPayoutCSV, P as PayoutService } from './get-payout-csv-93427146.js';
 import './Pagination-afc8f96d.js';
 import './Payment-6bf26fe2.js';
 import { P as Payout } from './Payout-dfe15b00.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
 import { E as ErrorState } from './utils-01413a95.js';
-import { J as JustifiAnalytics } from './Analytics-a8eb7344.js';
-import './Api-b09a2f6a.js';
-import './package-ccb774a9.js';
+import { J as JustifiAnalytics } from './Analytics-3103f8e9.js';
+import { c as checkPkgVersion } from './check-pkg-version-44e6ad15.js';
+import './Api-c8abc2e0.js';
+import './config-27764a9d.js';
+import './package-0e3cc41e.js';
 
 const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;
@@ -54,6 +56,7 @@ const PayoutDetails = class {
         this.errorMessage = null;
     }
     componentWillLoad() {
+        checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
         this.initializeServices();
     }

package/dist/esm/justifi-payouts-list.entry.js

@@ -1,15 +1,17 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-57431c24.js';
 import { t as tableExportedParts } from './exported-parts-abd4c027.js';
-import { m as makeGetPayoutCSV, P as PayoutService } from './get-payout-csv-a702a0d9.js';
+import { m as makeGetPayoutCSV, P as PayoutService } from './get-payout-csv-93427146.js';
 import './Pagination-afc8f96d.js';
 import './Payment-6bf26fe2.js';
 import { P as Payout } from './Payout-dfe15b00.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
 import { E as ErrorState } from './utils-01413a95.js';
-import { J as JustifiAnalytics } from './Analytics-a8eb7344.js';
-import './Api-b09a2f6a.js';
-import './package-ccb774a9.js';
+import { J as JustifiAnalytics } from './Analytics-3103f8e9.js';
+import { c as checkPkgVersion } from './check-pkg-version-44e6ad15.js';
+import './Api-c8abc2e0.js';
+import './config-27764a9d.js';
+import './package-0e3cc41e.js';
 
 const makeGetPayouts = ({ id, authToken, service }) => async ({ params, onSuccess, onError }) => {
     var _a, _b;
@@ -56,6 +58,7 @@ const PayoutsList = class {
         this.errorMessage = null;
     }
     componentWillLoad() {
+        checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
         this.initializeServices();
     }

package/dist/esm/justifi-refund-form.entry.js

@@ -1,11 +1,12 @@
 import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
 import { c as create$3, d as create$5, F as FormController } from './index.esm-fc4f5c0c.js';
-import { A as Api } from './Api-b09a2f6a.js';
+import { A as Api } from './Api-c8abc2e0.js';
 import './Pagination-afc8f96d.js';
 import './Payment-6bf26fe2.js';
 import './Payout-dfe15b00.js';
+import { c as config } from './config-27764a9d.js';
 import { C as CURRENCY_MASK } from './form-input-masks-0e18300f.js';
-import { S as StyledHost } from './styled-host-ab9da520.js';
+import { S as StyledHost } from './styled-host-3171ae1f.js';
 
 const RefundFormSchema = create$3().shape({
     amount: create$5()
@@ -89,11 +90,11 @@ const RefundForm = class {
         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))))));
     }
 };
 RefundForm.style = JustifiRefundFormStyle0;