@justifi/webcomponents 5.3.1 → 5.3.3

package/dist/esm/{check-pkg-version-f91ed31f.js → Analytics-c083a998.js}

@@ -1,10 +1,10 @@
-import { p as packageJson } from './package-2b7c7bc0.js';
-import { A as Api, c as config } from './Api-97801a4b.js';
+import { p as packageJson } from './package-13968013.js';
+import { A as Api } from './Api-391d00e2.js';
 
 class AnalyticsService {
     async record(body) {
         const endpoint = 'analytics';
-        return Api({ apiOrigin: config.proxyApiOrigin }).post(endpoint, body);
+        return Api({ apiOrigin: undefined }).post(endpoint, body);
     }
 }
 
@@ -20,6 +20,11 @@ class JustifiAnalytics {
             // Track the event
             await this.service.record(data);
         };
+        // dont track analytics in local or storybook
+        if (window.location.origin.includes('localhost') ||
+            window.location.origin.includes('storybook')) {
+            return;
+        }
         this.service = new AnalyticsService();
         this.componentInstance = component;
         this.setUpBasicData();
@@ -74,23 +79,4 @@ class JustifiAnalytics {
     }
 }
 
-const latestVersion = async (packageName) => {
-    const response = await fetch('https://registry.npmjs.org/' + packageName + '/latest');
-    const json = await response.json();
-    return json.version;
-};
-const checkPkgVersion = async () => {
-    const version = packageJson.version;
-    const packageName = packageJson.name;
-    const latest = await latestVersion(packageName);
-    // remove rc from version and everything that comes after -rc
-    const latestNotRC = latest.replace(/-rc.*/, '');
-    // checkif there's a major version difference
-    const versionParts = version.split('.');
-    const latestParts = latest.split('.');
-    if (versionParts[0] !== latestParts[0]) {
-        console.warn(`The package ${packageName} is out of date. The latest version is ${latestNotRC}. Please update.`);
-    }
-};
-
-export { JustifiAnalytics as J, checkPkgVersion as c };
+export { JustifiAnalytics as J };

package/dist/esm/{Api-97801a4b.js → Api-391d00e2.js}

@@ -1,15 +1,3 @@
-const config = {
-    proxyApiOrigin: "https://wc-proxy.justifi.ai",
-    iFrameOrigin: "https://components.justifi.ai/v2",
-    proxyAuthToken: 'eyJraWQiOiJqdXN0aWZpLWUyNDgyMmU3ODE1MmEzZjRkMjU1IiwidHlwIjoiSldUIiwiYWxnIjoiUlMyNTYifQ.eyJpc3MiOiJodHRwczovL2F1dGguanVzdGlmaS5haS8iLCJhenAiOiJvYXNfMmlsWHBqOHQ2WVlEQ0xWU0FiVFczMiIsInN1YiI6Im9hc18yaWxYcGo4dDZZWURDTFZTQWJUVzMyQHNlc3Npb25zIiwiYXVkIjoiaHR0cHM6Ly9hcGkuanVzdGlmaS5haS92MSIsImd0eSI6ImNsaWVudC1jcmVkZW50aWFscyIsInBlcm1pc3Npb25zIjpbeyJyb2xlIjoicmVhZDphY2NvdW50IiwicmVzb3VyY2VfaWQiOiJhY2NfNUV0OWlYclNTQVpSMktTb3VRR0FXaSJ9LHsicm9sZSI6InJlYWQ6YnVzaW5lc3MiLCJyZXNvdXJjZV9pZCI6ImJpel8zYmg2OWJxMXJrM2RtWE5vQUtWb251In1dLCJleHAiOjE3MTE1NTk0MTQsImlhdCI6MTcwMzc4MzQxNCwicGxhdGZvcm1fYWNjb3VudF9pZCI6ImFjY18zcmVOYjRhTll5MmlXRFpRVmN6bXg0In0.oPOoDYxzrnpE8PRUaz-FCU4KqnSuNbFTeDkl3AtMscjUkIctP1OIFh-ZGBjbH5eVH5noXCbaiin0j92dS7jx4gLpxuYT2Q8gpZbuIsT7fa58elvGeRkUUJ-AC5ueZxlv90yPWMm0OIbyrV7XZhuwYyKbV-ZczEbl2JpvBMe40CM-LdClQV66d_-Kw9a23SabBVfYgP5V-5OsagOIESvzZoO-27tGlNkV2a-hxqddDCOZv0HvRYAtp5S7EQrmRdEBu5gCNbf1eRFG424hxZUFVr2LdetYuKQLxJjDdUjf86ZwEUecrEaDSupiN1VC3CitdOwBVf6-R_N0VpN4VLVD5g',
-    exampleAccountId: 'acc_5Et9iXrSSAZR2KSouQGAWi',
-    exampleBusinessId: 'biz_3bh69bq1rk3dmXNoAKVonu',
-    examplePaymentId: 'py_1NNeEnf4FbelxDCQN2RHcE',
-    examplePayoutId: 'po_17745yESnHyEgWNeunmhmR',
-    privateApiOrigin: '',
-    privateAuthToken: '',
-};
-
 // Unique ID creation requires a high quality random # generator. In the browser we therefore
 // require the crypto API and do not support built-in fallback to lower quality random number
 // generators (like Math.random()).
@@ -125,4 +113,4 @@ function handleError(requestUrl) {
     console.error(`Error fetching from ${requestUrl}`);
 }
 
-export { Api as A, config as c };
+export { Api as A };

package/dist/esm/{Business-29c69f22.js → Business-0855931c.js}

@@ -187,14 +187,18 @@ class Business {
         this.email = business.email;
         this.id = business.id;
         this.industry = business.industry;
-        this.legal_address = new Address(business.legal_address || {});
+        this.legal_address = (business === null || business === void 0 ? void 0 : business.legal_address)
+            ? new Address(business.legal_address)
+            : null;
         this.legal_name = business.legal_name;
         this.metadata = business.metadata;
         this.owners = business.owners;
         this.phone = business.phone;
         this.platform_account_id = business.platform_account_id;
         this.product_categories = business.product_categories;
-        this.representative = new Representative(business.representative || {});
+        this.representative = business.representative
+            ? new Representative(business.representative)
+            : null;
         this.tax_id = business.tax_id;
         this.terms_conditions_accepted = business.terms_conditions_accepted;
         this.updated_at = business.updated_at;

package/dist/esm/{Checkout-8325c97a.js → Checkout-919eb1ba.js}

@@ -34,7 +34,7 @@ class Checkout {
         this.bnpl = data.bnpl;
         this.total_amount = data.total_amount;
         this.insurance_amount = data.insurance_amount;
-        this.status = data.status;
+        this.status = ICheckoutStatus[data.status];
         this.payment_currency = data.payment_currency;
         this.mode = data.mode;
         this.statement_descriptor = data.statement_descriptor;
@@ -80,10 +80,17 @@ var ICheckoutPaymentMode;
     ICheckoutPaymentMode["card_present"] = "Card Present";
     ICheckoutPaymentMode["unknown"] = "";
 })(ICheckoutPaymentMode || (ICheckoutPaymentMode = {}));
+var ICheckoutStatus;
+(function (ICheckoutStatus) {
+    ICheckoutStatus["created"] = "created";
+    ICheckoutStatus["completed"] = "completed";
+    ICheckoutStatus["attempted"] = "attempted";
+    ICheckoutStatus["expired"] = "expired";
+})(ICheckoutStatus || (ICheckoutStatus = {}));
 var CompletionStatuses;
 (function (CompletionStatuses) {
     CompletionStatuses["failed"] = "failed";
     CompletionStatuses["succeeded"] = "succeeded";
 })(CompletionStatuses || (CompletionStatuses = {}));
 
-export { Checkout as C };
+export { Checkout as C, ICheckoutStatus as I, ICheckoutPaymentMode as a };

package/dist/esm/{ComponentError-3ce7f437.js → ComponentError-c61dce41.js}

@@ -17,4 +17,4 @@ var ComponentErrorSeverity;
     ComponentErrorSeverity["ERROR"] = "error";
 })(ComponentErrorSeverity || (ComponentErrorSeverity = {}));
 
-export { ComponentErrorSeverity as C, ComponentErrorCodes as a };
+export { ComponentErrorCodes as C, ComponentErrorSeverity as a };

package/dist/esm/{SubAccount-a73bf971.js → SubAccount-9aad3891.js}

@@ -40,20 +40,17 @@ class Payout {
         this.created_at = payout.created_at;
         this.updated_at = payout.updated_at;
     }
-    get csv() {
-        return this.id;
-    }
     formattedPaymentAmount(amount) {
         return formatCurrency(amount, this.currency);
     }
 }
 
-var TerminalStatuses;
-(function (TerminalStatuses) {
-    TerminalStatuses["connected"] = "connected";
-    TerminalStatuses["disconnected"] = "disconnected";
-    TerminalStatuses["unknown"] = "unknown";
-})(TerminalStatuses || (TerminalStatuses = {}));
+var ITerminalStatus;
+(function (ITerminalStatus) {
+    ITerminalStatus["connected"] = "connected";
+    ITerminalStatus["disconnected"] = "disconnected";
+    ITerminalStatus["unknown"] = "unknown";
+})(ITerminalStatus || (ITerminalStatus = {}));
 var TerminalProviders;
 (function (TerminalProviders) {
     TerminalProviders["verifone"] = "verifone";
@@ -107,4 +104,4 @@ class SubAccount {
     }
 }
 
-export { Payout as P, SubAccount as S, Terminal as T };
+export { ITerminalStatus as I, Payout as P, SubAccount as S, Terminal as T };

package/dist/esm/additional-questions-details_5.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host } from './index-29fcfdf5.js';
-import { c as DetailItem, D as DetailSectionTitle } from './utils-c2dc83b2.js';
+import { c as DetailItem, D as DetailSectionTitle } from './utils-6c26bccc.js';
 import { i as isEmptyObject, s as snakeCaseToHumanReadable, h as formatMediumDate } from './utils-c37124fc.js';
-import './parts-ab2bb4b5.js';
+import './parts-489f0af6.js';
 
 const AdditionalQuestionsDetails = class {
     constructor(hostRef) {

package/dist/esm/{badge-938ba4b1.js → badge-2eb79416.js}

@@ -1,5 +1,5 @@
 import { h } from './index-29fcfdf5.js';
-import { n as badge, o as badgePrimary, p as badgeSecondary, q as badgeSuccess, r as badgeDanger, u as badgeWarning, v as badgeInfo, w as badgeLight, x as badgeDark } from './parts-ab2bb4b5.js';
+import { n as badge, o as badgePrimary, p as badgeSecondary, q as badgeSuccess, r as badgeDanger, u as badgeWarning, v as badgeInfo, w as badgeLight, x as badgeDark } from './parts-489f0af6.js';
 
 var BadgeVariant;
 (function (BadgeVariant) {

package/dist/esm/bank-account-document-form-inputs_4.entry.js

@@ -1,19 +1,19 @@
 import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-29fcfdf5.js';
-import './ComponentError-3ce7f437.js';
-import './Checkout-8325c97a.js';
+import './ComponentError-c61dce41.js';
+import './Checkout-919eb1ba.js';
 import './Pagination-afc8f96d.js';
 import './Payment-82d2f453.js';
-import './SubAccount-a73bf971.js';
+import './SubAccount-9aad3891.js';
 import { E as EntityDocumentType } from './Document-1907c0d4.js';
-import { c as bankAccountTypeOptions } from './business-form-options-018f62a5.js';
+import { c as bankAccountTypeOptions } from './business-form-options-86a13078.js';
 import './event-types-5c87de02.js';
 import { n as numberOnlyHandler } from './utils-20cdf321.js';
 import { s as snakeCaseToHumanReadable, b as formatDate, k as formatTimeSeconds } from './utils-c37124fc.js';
-import { R as card, h as heading2, E as table, k as tableHeadCell, F as tableCell, l as label, c as input, b as inputInvalid, S as inputDisabled, a as inputFocused } from './parts-ab2bb4b5.js';
-import { S as Skeleton } from './skeleton-ee7c3b32.js';
-import { F as FormControlErrorText } from './form-control-error-text-b3d14e92.js';
+import { a0 as card, h as heading2, Q as table, k as tableHeadCell, R as tableCell, l as label, c as input, b as inputInvalid, a1 as inputDisabled, a as inputFocused } from './parts-489f0af6.js';
+import { S as Skeleton } from './skeleton-74fbfb68.js';
+import { F as FormControlErrorText } from './form-control-error-text-74c6b38a.js';
 import './Dispute-5fd28ec9.js';
-import './Business-29c69f22.js';
+import './Business-0855931c.js';
 import './helpers-96ea3464.js';
 import './state-options-a356fb11.js';
 
@@ -112,10 +112,10 @@ const FileInput = class {
         return part;
     }
     render() {
-        return (h(Host, { key: '4950c97a276963d0b666313b5eb2047cd05ffe0f' }, h("div", { key: 'f09de9c091824da6e385e9129c007ea3ddefea7a', class: "form-group d-flex flex-column" }, h("div", { key: 'c853c5997df0a9a3b0789712abcbf25c1bc50884', class: "d-flex align-items-start gap-2" }, h("label", { key: 'e5c17b93898fdf7e2244f3a5549fdd3ddcc2bab8', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '131ac4f66a6bae82f53473f36448780090f28a71', helpText: this.helpText })), h("input", { key: 'cf8374ebefcbe18b73d853c96b703652869ea0af', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '09e633d625a1f8f2233d80e8b999fcd7e4a16f62' }, h("div", { key: 'b788fd0963c0ab62d0f7e236fb47ea86430b522e', class: "form-group d-flex flex-column" }, h("div", { key: '1e7a11e13ec3c386c9f30b5cd38c3afa99c88da5', class: "d-flex align-items-start gap-2" }, h("label", { key: '45cd0d97ae44c32b4d1e0d87187ac1871511c319', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'd312e4f181dfb18c0b86048960ec0a333760f290', helpText: this.helpText })), h("input", { key: '73ff59959c75dc99cccddde819ebbeb6bc1de4ab', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            } }), h(FormControlErrorText, { key: 'd5ac4a7e8b5f70fd0cb63e9358bb372a3167ab5e', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: 'cb9c8bd4f623ebd82bdbd9725805f6038b0e1f8c', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/bank-account-form_9.entry.js

@@ -1,16 +1,34 @@
-import { r as registerInstance, h, H as Host, c as createEvent } from './index-29fcfdf5.js';
+import { h, r as registerInstance, H as Host, c as createEvent } from './index-29fcfdf5.js';
+import { S as Skeleton } from './skeleton-74fbfb68.js';
 import { i as iframeInputStylesSet } from './iframe-input-styles-state-ff730fe5.js';
-import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, c as input, N as billingForm, O as radioListItem } from './parts-ab2bb4b5.js';
-import { H as Header3 } from './header-3-fd150ccf.js';
+import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, c as input, Y as billingForm, Z as radioListItem } from './parts-489f0af6.js';
+import { H as Header3 } from './header-3-544afa0b.js';
 import { a as PaymentMethodTypes } from './Payment-82d2f453.js';
 import { j as snakeToCamel, f as formatCurrency } from './utils-c37124fc.js';
 import './index-a47fdc7f.js';
 import './Dispute-5fd28ec9.js';
 
+const BankAccountFormSkeleton = (props) => {
+    const { isReady } = props;
+    if (isReady) {
+        return null;
+    }
+    return (h("div", { class: "container-fluid p-0" },
+        h("div", { class: "row mb-3" },
+            h("div", { class: "col-12 align-content-end" },
+                h(Skeleton, { height: "18px", width: "120px" }),
+                h(Skeleton, { height: "36px" }))),
+        h("div", { class: "row" },
+            h("div", { class: "col-12 align-content-end" },
+                h(Skeleton, { height: "18px", width: "110px" }),
+                h(Skeleton, { height: "36px" })))));
+};
+
 const BankAccountForm = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.iframeOrigin = undefined;
+        this.isReady = false;
     }
     async validate() {
         const accountNumberIsValid = await this.accountNumberIframeElement.validate();
@@ -20,15 +38,67 @@ const BankAccountForm = class {
     async tokenize(clientId, paymentMethodMetadata, account) {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
+    componentDidRender() {
+        const elements = [
+            this.accountNumberIframeElement,
+            this.routingNumberIframeElement,
+        ];
+        Promise.all(elements.map((element) => {
+            return new Promise((resolve) => {
+                element.addEventListener('iframeLoaded', () => { resolve(); });
+            });
+        })).then(() => {
+            this.isReady = true;
+        });
+    }
     render() {
-        return (h(Host, { key: 'bf5ff6bf71b52c5b7eceb429f057b3ec89c56129' }, h("div", { key: 'db0ea83fa412a1ea77aee8967ea1c9ad07ea387d', class: "container-fluid p-0" }, h("div", { key: 'd354c507e7aeabe77a957165aec900f3e01f27f5', class: "row mb-3" }, h("iframe-input", { key: '1397eb492d2cf5ca40b637360ab52478f9007db1', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/accountNumber` })), h("div", { key: 'a4b98ff832990cac46f49a9ff1ef2de2b33496cd', class: "row" }, h("iframe-input", { key: '0b758f804e3d367c1851fe084d27df1ea620e190', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/routingNumber` })))));
+        return (h(Host, { key: '18ace2e10e76c27166f2432a84880be2e14e7d23' }, h(BankAccountFormSkeleton, { key: 'd2d3eb44c8854913866e2f1178418ab5cd43429e', isReady: this.isReady }), h("div", { key: '84987e3e4d8e5ed4f314f7e306f7e8e48f457bcb', class: "container-fluid p-0", style: {
+                opacity: this.isReady ? '1' : '0',
+                height: this.isReady ? 'auto' : '0',
+            } }, h("div", { key: 'b74ce1520cc0dd97d527ba0b8607ad891a645142', class: "row mb-3" }, h("iframe-input", { key: '6966eae250b2d702d0fb887a09fa1b14467fd823', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '02da6bb34dd86fd0e3dddd0d12bdcb7b85bfc70c', class: "row" }, h("iframe-input", { key: '3f8439860fae1d743e10f6b51f9d10cbe451bcae', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
     }
 };
 
+const CardFormSkeleton = (props) => {
+    const { isReady } = props;
+    if (isReady) {
+        return null;
+    }
+    return (h("div", { class: "container-fluid p-0" },
+        h("div", { class: "mb-3" },
+            h(Skeleton, { height: "18px", width: "100px" }),
+            h(Skeleton, { height: "36px" })),
+        h("div", { class: "row" },
+            h("div", { class: "col-4 align-content-end" },
+                h(Skeleton, { height: "18px", width: "80px" }),
+                h(Skeleton, { height: "36px" })),
+            h("div", { class: "col-4 align-content-end" },
+                h(Skeleton, { height: "36px" })),
+            h("div", { class: "col-4 align-content-end" },
+                h(Skeleton, { height: "18px", width: "30px" }),
+                h(Skeleton, { height: "36px" })))));
+};
+
 const CardForm = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.iframeOrigin = undefined;
+        this.isReady = false;
+    }
+    componentDidRender() {
+        const elements = [
+            this.cardNumberIframeElement,
+            this.expirationMonthIframeElement,
+            this.expirationYearIframeElement,
+            this.cvvIframeElement,
+        ];
+        Promise.all(elements.map((element) => {
+            return new Promise((resolve) => {
+                element.addEventListener('iframeLoaded', () => { resolve(); });
+            });
+        })).then(() => {
+            this.isReady = true;
+        });
     }
     async validate() {
         const cardNumberIsValid = await this.cardNumberIframeElement.validate();
@@ -41,7 +111,10 @@ const CardForm = class {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: '5dfd2c79d7691744614af89d0919e58db17434b3', class: "container-fluid p-0" }, h("div", { key: '307e9a7acd80285a59369e813bb0172627395cf6', class: "mb-3" }, h("iframe-input", { key: 'e151a15fb885d7babf13c575a5bf93990f77336b', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/cardNumber` })), h("div", { key: 'd965e93602367c92f53cdc768b9a79032e640a5a', class: "row" }, h("div", { key: 'f836cca70a22e9bec446fdc4d62836a7cc16d70c', class: "col-4 align-content-end" }, h("iframe-input", { key: 'd95608d7ce0434021d416120ada984047804b04f', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/expirationMonth` })), h("div", { key: '34ab01991bac786ada446758b4499c3d58cc9402', class: "col-4 align-content-end" }, h("iframe-input", { key: 'c548d2ba46dd5ab969ab703adecc1d697ad5f8e0', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/expirationYear` })), h("div", { key: '4ce98e07ef97c4e13fe92e8677073f6681c2f707', class: "col-4 align-content-end" }, h("iframe-input", { key: '691c95278d984586ed884ca06d96a57ce0a002b8', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/CVV` })))));
+        return (h(Host, { key: 'a97247efa8298a7e4c3498690974e482e36ae966' }, h(CardFormSkeleton, { key: '52f338782020b5926377c9968bb85364ad720c68', isReady: this.isReady }), h("div", { key: '7cb7e827c407a18e09c1e0c925896644032428b8', class: "container-fluid p-0", style: {
+                opacity: this.isReady ? '1' : '0',
+                height: this.isReady ? 'auto' : '0',
+            } }, h("div", { key: '9a49fd64a1464ae0ae032883bd79c8a7e9c5d4b3', class: "mb-3" }, h("iframe-input", { key: '8778a816cbbd96f5b0c7e8f3364a704bd7aab2d8', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '53ab4f9f636acfa72744cd5d364a4ae3a3c732d4', class: "row" }, h("div", { key: '01aec684cab29a4aa24839acfc3ecc9e914c9911', class: "col-4 align-content-end" }, h("iframe-input", { key: '9c87ff44375de2d46028f2532a33856cf608c6a0', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: 'bc9176ebc7561c7cc0b654e837852a18c1b49f60', class: "col-4 align-content-end" }, h("iframe-input", { key: '5f6b133bc5ae94f912648d210a6e58dd4fe1e880', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: '404c90decbac6b142b45c21a2997c0771bb59092', class: "col-4 align-content-end" }, h("iframe-input", { key: '1b9e89656a437b080fbf92b4ebd74772ae1f26f4', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
     }
 };
 
@@ -118,7 +191,7 @@ const HiddenInput = class {
         return input;
     }
     render() {
-        return (h(Host, { key: '21c26d386f4e23af0e0ef069ad0263e252c8c15b' }, h("input", { key: '70bb1f6c7c5e94a96fddfe82d1831df12771f0af', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
+        return (h(Host, { key: '7bfd14ae6eb04d3bccb6f95398213655bc5c1073' }, h("input", { key: 'a40b6c6b2fd4e217af572f2032b158cc0ad603d2', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
     }
 };
 

package/dist/esm/billing-form_3.entry.js

@@ -1,14 +1,14 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-29fcfdf5.js';
+import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-29fcfdf5.js';
 import { c as create$3, F as FormController } from './index.esm-0b6849c2.js';
-import { u as identityNameValidation, l as lineOneValidation, k as lineTwoValidation, m as cityValidation, n as stateValidation, q as postalValidation } from './schema-validations-ccea6a06.js';
+import { u as identityNameValidation, l as lineOneValidation, k as lineTwoValidation, m as cityValidation, n as stateValidation, q as postalValidation } from './schema-validations-b1aec6a0.js';
 import { S as StateOptions } from './state-options-a356fb11.js';
 import { n as numberOnlyHandler } from './utils-20cdf321.js';
-import { F as FormControlErrorText } from './form-control-error-text-b3d14e92.js';
-import { p as packageJson } from './package-2b7c7bc0.js';
+import { F as FormControlErrorText } from './form-control-error-text-74c6b38a.js';
+import { p as packageJson } from './package-13968013.js';
 import { a as iframeInputStyles } from './iframe-input-styles-state-ff730fe5.js';
-import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, c as input, l as label } from './parts-ab2bb4b5.js';
-import './business-form-options-018f62a5.js';
-import './Business-29c69f22.js';
+import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, c as input, l as label } from './parts-489f0af6.js';
+import './business-form-options-86a13078.js';
+import './Business-0855931c.js';
 import './helpers-96ea3464.js';
 import './Document-1907c0d4.js';
 import './index-a47fdc7f.js';
@@ -1596,6 +1596,7 @@ const MessageEventType = {
 const IframeInput = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.iframeLoaded = createEvent(this, "iframeLoaded", 7);
         this.dispatchMessageEvent = (event) => {
             const { eventType, data } = event.data;
             if ((data === null || data === void 0 ? void 0 : data.id) !== this.inputId) {
@@ -1611,7 +1612,6 @@ const IframeInput = class {
         this.isFocused = false;
         this.isValid = true;
         this.errorText = undefined;
-        this.iframeLoaded = false;
         this.inputId = undefined;
         this.label = undefined;
         this.iframeOrigin = undefined;
@@ -1670,20 +1670,20 @@ const IframeInput = class {
         return params;
     }
     render() {
-        return (h(Host, { key: '00956724f4d6e72b09c2c469613a6362a3c7cdec', class: "form-group d-flex flex-column" }, h("div", { key: 'e6605bd5ef7356c21701b0856a133758720a36d6', style: {
+        return (h(Host, { key: '871d71c6240e94e24f7ccc4c4ec8225b4123d865', class: "form-group d-flex flex-column" }, h("div", { key: '0a1d98cba0960599d29db3c269bb8b458cdfddc8', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: 'f52a782a9f1bbca4a8a6e36da1948611ab834e54', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'b88199f3de1b52a0aed4d61c0448c293964a7279', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: '218aa6d48b12c1fc78f04a1556f0a32738c20df4', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: 'bfd2e61b544db648cada7a52b45809bebf5722a8', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '53e9f9a29e07edcdcbb00b023ba0f24d09d852ab', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: '2adc709c4094c44181dd83906763b4809b3f168b', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
                 iFrameResize({
                     log: false,
                     onResized: () => {
-                        this.iframeLoaded = true;
+                        this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: 'f6e57608fc771ca78e39618455dfe57cd40a655a', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: 'c54bafd097b1e3e896901252d3520bfdfe5c71b6', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/{business-additional-questions-schema-212a96ed.js → business-additional-questions-schema-df76728f.js}

@@ -1,5 +1,5 @@
 import { c as create$3 } from './index.esm-0b6849c2.js';
-import { b as businessNameValidation, w as websiteUrlValidation, e as emailValidation, p as phoneValidation, d as doingBusinessAsValidation, a as businessClassificationValidation, i as industryValidation, t as taxIdValidation, c as dateOfIncorporationValidation, r as revenueValidation, f as paymentVolumeValidation, g as whenServiceReceivedValidation, h as recurringPaymentsValidation, j as recurringPaymentsPercentageValidation, s as seasonalBusinessValidation, o as otherPaymentDetailsValidation } from './schema-validations-ccea6a06.js';
+import { b as businessNameValidation, w as websiteUrlValidation, e as emailValidation, p as phoneValidation, d as doingBusinessAsValidation, a as businessClassificationValidation, i as industryValidation, t as taxIdValidation, c as dateOfIncorporationValidation, r as revenueValidation, f as paymentVolumeValidation, g as whenServiceReceivedValidation, h as recurringPaymentsValidation, j as recurringPaymentsPercentageValidation, s as seasonalBusinessValidation, o as otherPaymentDetailsValidation } from './schema-validations-b1aec6a0.js';
 
 const businessCoreInfoSchema = (allowOptionalFields) => {
     const schema = create$3({

package/dist/esm/business-details-core.entry.js

@@ -1,8 +1,8 @@
 import { h, F as Fragment, r as registerInstance, c as createEvent } from './index-29fcfdf5.js';
-import { E as ErrorState } from './utils-c2dc83b2.js';
+import { E as ErrorState } from './utils-6c26bccc.js';
 import { S as StyledHost } from './styled-host-32228b45.js';
-import { S as Skeleton } from './skeleton-ee7c3b32.js';
-import './parts-ab2bb4b5.js';
+import { S as Skeleton } from './skeleton-74fbfb68.js';
+import './parts-489f0af6.js';
 
 const BusinessDetailsLoading = () => {
     const Block = () => (h("div", { class: "mt-5" },

package/dist/esm/{business-form-options-018f62a5.js → business-form-options-86a13078.js}

@@ -1,4 +1,4 @@
-import { b as BusinessClassification } from './Business-29c69f22.js';
+import { b as BusinessClassification } from './Business-0855931c.js';
 
 const businessClassificationOptions = [
     {

package/dist/esm/{business-identity-schema-05bd2a5f.js → business-identity-schema-0a78fc59.js}

@@ -1,5 +1,5 @@
 import { c as create$3, a as create$6 } from './index.esm-0b6849c2.js';
-import { l as lineOneValidation, k as lineTwoValidation, m as cityValidation, n as stateValidation, q as postalValidation, u as identityNameValidation, v as identityTitleValidation, e as emailValidation, p as phoneValidation, x as dobValidation, y as ssnValidation } from './schema-validations-ccea6a06.js';
+import { l as lineOneValidation, k as lineTwoValidation, m as cityValidation, n as stateValidation, q as postalValidation, u as identityNameValidation, v as identityTitleValidation, e as emailValidation, p as phoneValidation, x as dobValidation, y as ssnValidation } from './schema-validations-b1aec6a0.js';
 
 const addressSchema = (allowOptionalFields) => {
     const schema = create$3({

package/dist/esm/{business.service-45c7df3c.js → business.service-98709b1e.js}

@@ -1,39 +1,39 @@
-import { A as Api, c as config } from './Api-97801a4b.js';
+import { A as Api } from './Api-391d00e2.js';
 
 class BusinessService {
     async fetchBusiness(businessId, authToken) {
         const endpoint = `entities/business/${businessId}`;
-        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).get(endpoint);
+        return Api({ authToken, apiOrigin: undefined }).get(endpoint);
     }
     async patchBusiness(authToken, businessId, payload) {
         const endpoint = `entities/business/${businessId}`;
-        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).patch(endpoint, payload);
+        return Api({ authToken, apiOrigin: undefined }).patch(endpoint, payload);
     }
 }
 class IdentityService {
     async fetchIdentity(identityId, authToken) {
         const endpoint = `entities/identity/${identityId}`;
-        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).get(endpoint);
+        return Api({ authToken, apiOrigin: undefined }).get(endpoint);
     }
     async patchIdentity(authToken, identityId, payload) {
         const endpoint = `entities/identity/${identityId}`;
-        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).patch(endpoint, payload);
+        return Api({ authToken, apiOrigin: undefined }).patch(endpoint, payload);
     }
     async postIdentity(authToken, payload) {
         const endpoint = `entities/identity`;
-        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).post(endpoint, payload);
+        return Api({ authToken, apiOrigin: undefined }).post(endpoint, payload);
     }
 }
 class BusinessBankAccountService {
     async postBankAccount(authToken, payload) {
         const endpoint = `entities/bank_accounts`;
-        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).post(endpoint, payload);
+        return Api({ authToken, apiOrigin: undefined }).post(endpoint, payload);
     }
 }
 class DocumentRecordService {
     async postDocumentRecord(authToken, payload) {
         const endpoint = `entities/document`;
-        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).post(endpoint, payload);
+        return Api({ authToken, apiOrigin: undefined }).post(endpoint, payload);
     }
 }
 

package/dist/esm/{button-4b3f3934.js → button-cc455199.js}

@@ -1,5 +1,5 @@
 import { h } from './index-29fcfdf5.js';
-import { f as buttonLoading, g as buttonPrimary, j as buttonSecondary } from './parts-ab2bb4b5.js';
+import { f as buttonLoading, g as buttonPrimary, j as buttonSecondary } from './parts-489f0af6.js';
 
 const ButtonSpinner = () => (h("div", { class: "spinner-border spinner-border-sm", role: "status", part: "button-spinner" },
     h("span", { class: "visually-hidden" }, "Loading...")));

package/dist/esm/check-pkg-version-6d475fed.js

@@ -0,0 +1,22 @@
+import { p as packageJson } from './package-13968013.js';
+
+const latestVersion = async (packageName) => {
+    const response = await fetch('https://registry.npmjs.org/' + packageName + '/latest');
+    const json = await response.json();
+    return json.version;
+};
+const checkPkgVersion = async () => {
+    const version = packageJson.version;
+    const packageName = packageJson.name;
+    const latest = await latestVersion(packageName);
+    // remove rc from version and everything that comes after -rc
+    const latestNotRC = latest.replace(/-rc.*/, '');
+    // checkif there's a major version difference
+    const versionParts = version.split('.');
+    const latestParts = latest.split('.');
+    if (versionParts[0] !== latestParts[0]) {
+        console.warn(`The package ${packageName} is out of date. The latest version is ${latestNotRC}. Please update.`);
+    }
+};
+
+export { checkPkgVersion as c };

package/dist/esm/{checkout.service-36e3355e.js → checkout.service-9330c18a.js}

@@ -1,19 +1,19 @@
-import { A as Api, c as config } from './Api-97801a4b.js';
-import './ComponentError-3ce7f437.js';
-import './Checkout-8325c97a.js';
+import { A as Api } from './Api-391d00e2.js';
+import './ComponentError-c61dce41.js';
+import './Checkout-919eb1ba.js';
 import './Pagination-afc8f96d.js';
 import './Payment-82d2f453.js';
-import './SubAccount-a73bf971.js';
+import './SubAccount-9aad3891.js';
 import './Document-1907c0d4.js';
 
 class CheckoutService {
     async fetchCheckout(authToken, checkoutId) {
         const endpoint = `checkouts/${checkoutId}`;
-        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).get(endpoint);
+        return Api({ authToken, apiOrigin: undefined }).get(endpoint);
     }
     async fetchCheckouts(accountId, authToken, params, apiOrigin) {
         if (!apiOrigin) {
-            apiOrigin = config.proxyApiOrigin;
+            apiOrigin = undefined;
         }
         const headers = { Account: accountId };
         const api = Api({ authToken, apiOrigin: apiOrigin });
@@ -28,7 +28,7 @@ class CheckoutService {
         if (payment.payment_token) {
             payload.payment_token = payment.payment_token;
         }
-        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).post(endpoint, payload);
+        return Api({ authToken, apiOrigin: undefined }).post(endpoint, payload);
     }
 }