@justifi/webcomponents 5.3.2 → 5.3.3

package/dist/cjs/{check-pkg-version-fe4c6467.js → Analytics-f448aa27.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-const _package = require('./package-8b04bef0.js');
-const Api = require('./Api-089e7501.js');
+const _package = require('./package-a24ad889.js');
+const Api = require('./Api-f5280a80.js');
 
 class AnalyticsService {
     async record(body) {
         const endpoint = 'analytics';
-        return Api.Api({ apiOrigin: Api.config.proxyApiOrigin }).post(endpoint, body);
+        return Api.Api({ apiOrigin: undefined }).post(endpoint, body);
     }
 }
 
@@ -22,6 +22,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();
@@ -76,24 +81,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 = _package.packageJson.version;
-    const packageName = _package.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.`);
-    }
-};
-
 exports.JustifiAnalytics = JustifiAnalytics;
-exports.checkPkgVersion = checkPkgVersion;

package/dist/cjs/{Api-089e7501.js → Api-f5280a80.js}

@@ -1,17 +1,5 @@
 'use strict';
 
-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()).
@@ -128,4 +116,3 @@ function handleError(requestUrl) {
 }
 
 exports.Api = Api;
-exports.config = config;

package/dist/cjs/{Business-cfd6a2dd.js → Business-d88b77fd.js}

@@ -189,14 +189,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/cjs/{Checkout-0f1c8abe.js → Checkout-1c07dc32.js}

@@ -4,7 +4,7 @@ const utils = require('./utils-337befa9.js');
 
 class Completion {
     constructor(data) {
-        this.payment_mode = ICheckoutPaymentMode[data.payment_mode];
+        this.payment_mode = exports.ICheckoutPaymentMode[data.payment_mode];
         this.payment_token = data.payment_token;
         this.payment_status = data.payment_status;
         this.payment_response = data.payment_response;
@@ -36,7 +36,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 = exports.ICheckoutStatus[data.status];
         this.payment_currency = data.payment_currency;
         this.mode = data.mode;
         this.statement_descriptor = data.statement_descriptor;
@@ -50,7 +50,7 @@ class Checkout {
         var _a, _b, _c, _d, _e, _f;
         let paymentMode;
         if (!this.completions || this.completions.length === 0) {
-            return ICheckoutPaymentMode.unknown;
+            return exports.ICheckoutPaymentMode.unknown;
         }
         const sortedCompletions = this.completions.sort((a, b) => {
             return new Date(b.updated_at).getTime() - new Date(a.updated_at).getTime();
@@ -60,10 +60,10 @@ class Checkout {
             paymentMode = lastCompletion.payment_mode;
         }
         else if ((_c = (_b = (_a = lastCompletion.payment_response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.payment_method) === null || _c === void 0 ? void 0 : _c.card) {
-            paymentMode = ICheckoutPaymentMode.card;
+            paymentMode = exports.ICheckoutPaymentMode.card;
         }
         else if ((_f = (_e = (_d = lastCompletion.payment_response) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.payment_method) === null || _f === void 0 ? void 0 : _f.bank_account) {
-            paymentMode = ICheckoutPaymentMode.bank_account;
+            paymentMode = exports.ICheckoutPaymentMode.bank_account;
         }
         return paymentMode;
     }
@@ -73,7 +73,7 @@ class Checkout {
     }
     ;
 }
-var ICheckoutPaymentMode;
+exports.ICheckoutPaymentMode = void 0;
 (function (ICheckoutPaymentMode) {
     ICheckoutPaymentMode["bnpl"] = "Buy Now Pay Later";
     ICheckoutPaymentMode["ecom"] = "E-commerce";
@@ -81,7 +81,14 @@ var ICheckoutPaymentMode;
     ICheckoutPaymentMode["bank_account"] = "Bank Account";
     ICheckoutPaymentMode["card_present"] = "Card Present";
     ICheckoutPaymentMode["unknown"] = "";
-})(ICheckoutPaymentMode || (ICheckoutPaymentMode = {}));
+})(exports.ICheckoutPaymentMode || (exports.ICheckoutPaymentMode = {}));
+exports.ICheckoutStatus = void 0;
+(function (ICheckoutStatus) {
+    ICheckoutStatus["created"] = "created";
+    ICheckoutStatus["completed"] = "completed";
+    ICheckoutStatus["attempted"] = "attempted";
+    ICheckoutStatus["expired"] = "expired";
+})(exports.ICheckoutStatus || (exports.ICheckoutStatus = {}));
 var CompletionStatuses;
 (function (CompletionStatuses) {
     CompletionStatuses["failed"] = "failed";

package/dist/cjs/{SubAccount-509ebf93.js → SubAccount-b4811a8e.js}

@@ -42,20 +42,17 @@ class Payout {
         this.created_at = payout.created_at;
         this.updated_at = payout.updated_at;
     }
-    get csv() {
-        return this.id;
-    }
     formattedPaymentAmount(amount) {
         return utils.formatCurrency(amount, this.currency);
     }
 }
 
-var TerminalStatuses;
-(function (TerminalStatuses) {
-    TerminalStatuses["connected"] = "connected";
-    TerminalStatuses["disconnected"] = "disconnected";
-    TerminalStatuses["unknown"] = "unknown";
-})(TerminalStatuses || (TerminalStatuses = {}));
+exports.ITerminalStatus = void 0;
+(function (ITerminalStatus) {
+    ITerminalStatus["connected"] = "connected";
+    ITerminalStatus["disconnected"] = "disconnected";
+    ITerminalStatus["unknown"] = "unknown";
+})(exports.ITerminalStatus || (exports.ITerminalStatus = {}));
 var TerminalProviders;
 (function (TerminalProviders) {
     TerminalProviders["verifone"] = "verifone";

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
-const utils$1 = require('./utils-134dda01.js');
+const utils$1 = require('./utils-7c5b2837.js');
 const utils = require('./utils-337befa9.js');
-require('./parts-b2ff8b68.js');
+require('./parts-c2655003.js');
 
 const AdditionalQuestionsDetails = class {
     constructor(hostRef) {

package/dist/cjs/{badge-ccfe03bf.js → badge-86a6a7f8.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-5b9a3b5f.js');
-const parts = require('./parts-b2ff8b68.js');
+const parts = require('./parts-c2655003.js');
 
 exports.BadgeVariant = void 0;
 (function (BadgeVariant) {

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

@@ -4,20 +4,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
 require('./ComponentError-233ac749.js');
-require('./Checkout-0f1c8abe.js');
+require('./Checkout-1c07dc32.js');
 require('./Pagination-0da8f095.js');
 require('./Payment-c47ed1e1.js');
-require('./SubAccount-509ebf93.js');
+require('./SubAccount-b4811a8e.js');
 const Document = require('./Document-0b828345.js');
-const businessFormOptions = require('./business-form-options-4bcb8943.js');
+const businessFormOptions = require('./business-form-options-62e9c8ab.js');
 require('./event-types-180a85a9.js');
 const utils = require('./utils-bc03ca40.js');
 const utils$1 = require('./utils-337befa9.js');
-const parts = require('./parts-b2ff8b68.js');
-const skeleton = require('./skeleton-0353466d.js');
-const formControlErrorText = require('./form-control-error-text-46a7f2dd.js');
+const parts = require('./parts-c2655003.js');
+const skeleton = require('./skeleton-84102a44.js');
+const formControlErrorText = require('./form-control-error-text-9905e3b8.js');
 require('./Dispute-eb6bad54.js');
-require('./Business-cfd6a2dd.js');
+require('./Business-d88b77fd.js');
 require('./helpers-602962eb.js');
 require('./state-options-4fbcb48a.js');
 
@@ -116,10 +116,10 @@ const FileInput = class {
         return part;
     }
     render() {
-        return (index.h(index.Host, { key: '4950c97a276963d0b666313b5eb2047cd05ffe0f' }, index.h("div", { key: 'f09de9c091824da6e385e9129c007ea3ddefea7a', class: "form-group d-flex flex-column" }, index.h("div", { key: 'c853c5997df0a9a3b0789712abcbf25c1bc50884', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'e5c17b93898fdf7e2244f3a5549fdd3ddcc2bab8', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '131ac4f66a6bae82f53473f36448780090f28a71', helpText: this.helpText })), index.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 (index.h(index.Host, { key: '09e633d625a1f8f2233d80e8b999fcd7e4a16f62' }, index.h("div", { key: 'b788fd0963c0ab62d0f7e236fb47ea86430b522e', class: "form-group d-flex flex-column" }, index.h("div", { key: '1e7a11e13ec3c386c9f30b5cd38c3afa99c88da5', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '45cd0d97ae44c32b4d1e0d87187ac1871511c319', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'd312e4f181dfb18c0b86048960ec0a333760f290', helpText: this.helpText })), index.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();
-            } }), index.h(formControlErrorText.FormControlErrorText, { key: 'd5ac4a7e8b5f70fd0cb63e9358bb372a3167ab5e', errorText: this.errorText, name: this.name }))));
+            } }), index.h(formControlErrorText.FormControlErrorText, { key: 'cb9c8bd4f623ebd82bdbd9725805f6038b0e1f8c', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -3,18 +3,36 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
+const skeleton = require('./skeleton-84102a44.js');
 const iframeInputStylesState = require('./iframe-input-styles-state-d0de0b24.js');
-const parts = require('./parts-b2ff8b68.js');
-const header3 = require('./header-3-130206cc.js');
+const parts = require('./parts-c2655003.js');
+const header3 = require('./header-3-5f78acd1.js');
 const Payment = require('./Payment-c47ed1e1.js');
 const utils = require('./utils-337befa9.js');
 require('./index-d2d0b181.js');
 require('./Dispute-eb6bad54.js');
 
+const BankAccountFormSkeleton = (props) => {
+    const { isReady } = props;
+    if (isReady) {
+        return null;
+    }
+    return (index.h("div", { class: "container-fluid p-0" },
+        index.h("div", { class: "row mb-3" },
+            index.h("div", { class: "col-12 align-content-end" },
+                index.h(skeleton.Skeleton, { height: "18px", width: "120px" }),
+                index.h(skeleton.Skeleton, { height: "36px" }))),
+        index.h("div", { class: "row" },
+            index.h("div", { class: "col-12 align-content-end" },
+                index.h(skeleton.Skeleton, { height: "18px", width: "110px" }),
+                index.h(skeleton.Skeleton, { height: "36px" })))));
+};
+
 const BankAccountForm = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.iframeOrigin = undefined;
+        this.isReady = false;
     }
     async validate() {
         const accountNumberIsValid = await this.accountNumberIframeElement.validate();
@@ -24,15 +42,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 (index.h(index.Host, { key: 'e2aa1322935463d5e0c32154ed8af52baad6b241' }, index.h("div", { key: 'bf528ad389d4a34762c164440cb946b727ddbfdd', class: "container-fluid p-0" }, index.h("div", { key: 'f2004a7223ebb0f2e54ea8c87a813461acb5449a', class: "row mb-3" }, index.h("iframe-input", { key: '27390ec2ac66557c2a12a38f1bc88dab0415fe57', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), index.h("div", { key: '59063a5784405bba8800d1595aecd2748ea9a058', class: "row" }, index.h("iframe-input", { key: 'fcad3cd545486450882258b86398c2bf84afca74', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+        return (index.h(index.Host, { key: '18ace2e10e76c27166f2432a84880be2e14e7d23' }, index.h(BankAccountFormSkeleton, { key: 'd2d3eb44c8854913866e2f1178418ab5cd43429e', isReady: this.isReady }), index.h("div", { key: '84987e3e4d8e5ed4f314f7e306f7e8e48f457bcb', class: "container-fluid p-0", style: {
+                opacity: this.isReady ? '1' : '0',
+                height: this.isReady ? 'auto' : '0',
+            } }, index.h("div", { key: 'b74ce1520cc0dd97d527ba0b8607ad891a645142', class: "row mb-3" }, index.h("iframe-input", { key: '6966eae250b2d702d0fb887a09fa1b14467fd823', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), index.h("div", { key: '02da6bb34dd86fd0e3dddd0d12bdcb7b85bfc70c', class: "row" }, index.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 (index.h("div", { class: "container-fluid p-0" },
+        index.h("div", { class: "mb-3" },
+            index.h(skeleton.Skeleton, { height: "18px", width: "100px" }),
+            index.h(skeleton.Skeleton, { height: "36px" })),
+        index.h("div", { class: "row" },
+            index.h("div", { class: "col-4 align-content-end" },
+                index.h(skeleton.Skeleton, { height: "18px", width: "80px" }),
+                index.h(skeleton.Skeleton, { height: "36px" })),
+            index.h("div", { class: "col-4 align-content-end" },
+                index.h(skeleton.Skeleton, { height: "36px" })),
+            index.h("div", { class: "col-4 align-content-end" },
+                index.h(skeleton.Skeleton, { height: "18px", width: "30px" }),
+                index.h(skeleton.Skeleton, { height: "36px" })))));
+};
+
 const CardForm = class {
     constructor(hostRef) {
         index.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();
@@ -45,7 +115,10 @@ const CardForm = class {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (index.h(index.Host, { key: '5dfd2c79d7691744614af89d0919e58db17434b3', class: "container-fluid p-0" }, index.h("div", { key: '307e9a7acd80285a59369e813bb0172627395cf6', class: "mb-3" }, index.h("iframe-input", { key: '42de95d9e8f6b785e0dfd7a9b79b23e8c1aab4ee', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), index.h("div", { key: '9ab568a45c652478daa2fdd936cb49258b8bdd18', class: "row" }, index.h("div", { key: 'ee106aa794d4fb0bbcab36f6daada68740bb4262', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'c2edb5592c479763a47d399d4d0428d5468f6be5', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), index.h("div", { key: 'e9577f47e9d3fea9be62fbbde95dc890091c47e0', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '2f623e190959ed454c3016637f90f38c531d9062', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), index.h("div", { key: '4522288e5e0f1b41dc89a690830bb78063ea4df0', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '9036d997bcd4f8c73e63daa3997111803bc99a36', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` })))));
+        return (index.h(index.Host, { key: 'a97247efa8298a7e4c3498690974e482e36ae966' }, index.h(CardFormSkeleton, { key: '52f338782020b5926377c9968bb85364ad720c68', isReady: this.isReady }), index.h("div", { key: '7cb7e827c407a18e09c1e0c925896644032428b8', class: "container-fluid p-0", style: {
+                opacity: this.isReady ? '1' : '0',
+                height: this.isReady ? 'auto' : '0',
+            } }, index.h("div", { key: '9a49fd64a1464ae0ae032883bd79c8a7e9c5d4b3', class: "mb-3" }, index.h("iframe-input", { key: '8778a816cbbd96f5b0c7e8f3364a704bd7aab2d8', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), index.h("div", { key: '53ab4f9f636acfa72744cd5d364a4ae3a3c732d4', class: "row" }, index.h("div", { key: '01aec684cab29a4aa24839acfc3ecc9e914c9911', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '9c87ff44375de2d46028f2532a33856cf608c6a0', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), index.h("div", { key: 'bc9176ebc7561c7cc0b654e837852a18c1b49f60', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '5f6b133bc5ae94f912648d210a6e58dd4fe1e880', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), index.h("div", { key: '404c90decbac6b142b45c21a2997c0771bb59092', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '1b9e89656a437b080fbf92b4ebd74772ae1f26f4', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
     }
 };
 
@@ -122,7 +195,7 @@ const HiddenInput = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: '21c26d386f4e23af0e0ef069ad0263e252c8c15b' }, index.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 (index.h(index.Host, { key: '7bfd14ae6eb04d3bccb6f95398213655bc5c1073' }, index.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/cjs/billing-form_3.cjs.entry.js

@@ -4,15 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
 const index_esm = require('./index.esm-a397536a.js');
-const schemaValidations = require('./schema-validations-f948158d.js');
+const schemaValidations = require('./schema-validations-47a256f4.js');
 const stateOptions = require('./state-options-4fbcb48a.js');
 const utils = require('./utils-bc03ca40.js');
-const formControlErrorText = require('./form-control-error-text-46a7f2dd.js');
-const _package = require('./package-8b04bef0.js');
+const formControlErrorText = require('./form-control-error-text-9905e3b8.js');
+const _package = require('./package-a24ad889.js');
 const iframeInputStylesState = require('./iframe-input-styles-state-d0de0b24.js');
-const parts = require('./parts-b2ff8b68.js');
-require('./business-form-options-4bcb8943.js');
-require('./Business-cfd6a2dd.js');
+const parts = require('./parts-c2655003.js');
+require('./business-form-options-62e9c8ab.js');
+require('./Business-d88b77fd.js');
 require('./helpers-602962eb.js');
 require('./Document-0b828345.js');
 require('./index-d2d0b181.js');
@@ -1600,6 +1600,7 @@ const MessageEventType = {
 const IframeInput = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.iframeLoaded = index.createEvent(this, "iframeLoaded", 7);
         this.dispatchMessageEvent = (event) => {
             const { eventType, data } = event.data;
             if ((data === null || data === void 0 ? void 0 : data.id) !== this.inputId) {
@@ -1615,7 +1616,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;
@@ -1674,20 +1674,20 @@ const IframeInput = class {
         return params;
     }
     render() {
-        return (index.h(index.Host, { key: '00956724f4d6e72b09c2c469613a6362a3c7cdec', class: "form-group d-flex flex-column" }, index.h("div", { key: 'e6605bd5ef7356c21701b0856a133758720a36d6', style: {
+        return (index.h(index.Host, { key: '871d71c6240e94e24f7ccc4c4ec8225b4123d865', class: "form-group d-flex flex-column" }, index.h("div", { key: '0a1d98cba0960599d29db3c269bb8b458cdfddc8', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, index.h("label", { key: 'f52a782a9f1bbca4a8a6e36da1948611ab834e54', class: "form-label", htmlFor: "", part: parts.label }, this.label || ''), index.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' }) }, index.h("iframe", { key: '218aa6d48b12c1fc78f04a1556f0a32738c20df4', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, index.h("label", { key: 'bfd2e61b544db648cada7a52b45809bebf5722a8', class: "form-label", htmlFor: "", part: parts.label }, this.label || ''), index.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' }) }, index.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);
-            } })), index.h(formControlErrorText.FormControlErrorText, { key: 'f6e57608fc771ca78e39618455dfe57cd40a655a', errorText: this.errorText, name: this.inputId }))));
+            } })), index.h(formControlErrorText.FormControlErrorText, { key: 'c54bafd097b1e3e896901252d3520bfdfe5c71b6', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/{business-additional-questions-schema-2cc0c6f7.js → business-additional-questions-schema-5c100f58.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index_esm = require('./index.esm-a397536a.js');
-const schemaValidations = require('./schema-validations-f948158d.js');
+const schemaValidations = require('./schema-validations-47a256f4.js');
 
 const businessCoreInfoSchema = (allowOptionalFields) => {
     const schema = index_esm.create$3({

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
-const utils = require('./utils-134dda01.js');
+const utils = require('./utils-7c5b2837.js');
 const styledHost = require('./styled-host-94309bab.js');
-const skeleton = require('./skeleton-0353466d.js');
-require('./parts-b2ff8b68.js');
+const skeleton = require('./skeleton-84102a44.js');
+require('./parts-c2655003.js');
 
 const BusinessDetailsLoading = () => {
     const Block = () => (index.h("div", { class: "mt-5" },

package/dist/cjs/{business-form-options-4bcb8943.js → business-form-options-62e9c8ab.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const Business = require('./Business-cfd6a2dd.js');
+const Business = require('./Business-d88b77fd.js');
 
 const businessClassificationOptions = [
     {

package/dist/cjs/{business-identity-schema-7d462eb3.js → business-identity-schema-3b4d16f1.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index_esm = require('./index.esm-a397536a.js');
-const schemaValidations = require('./schema-validations-f948158d.js');
+const schemaValidations = require('./schema-validations-47a256f4.js');
 
 const addressSchema = (allowOptionalFields) => {
     const schema = index_esm.create$3({

package/dist/cjs/{business.service-33d7c7f2.js → business.service-6b05ee96.js}

@@ -1,41 +1,41 @@
 'use strict';
 
-const Api = require('./Api-089e7501.js');
+const Api = require('./Api-f5280a80.js');
 
 class BusinessService {
     async fetchBusiness(businessId, authToken) {
         const endpoint = `entities/business/${businessId}`;
-        return Api.Api({ authToken, apiOrigin: Api.config.proxyApiOrigin }).get(endpoint);
+        return Api.Api({ authToken, apiOrigin: undefined }).get(endpoint);
     }
     async patchBusiness(authToken, businessId, payload) {
         const endpoint = `entities/business/${businessId}`;
-        return Api.Api({ authToken, apiOrigin: Api.config.proxyApiOrigin }).patch(endpoint, payload);
+        return Api.Api({ authToken, apiOrigin: undefined }).patch(endpoint, payload);
     }
 }
 class IdentityService {
     async fetchIdentity(identityId, authToken) {
         const endpoint = `entities/identity/${identityId}`;
-        return Api.Api({ authToken, apiOrigin: Api.config.proxyApiOrigin }).get(endpoint);
+        return Api.Api({ authToken, apiOrigin: undefined }).get(endpoint);
     }
     async patchIdentity(authToken, identityId, payload) {
         const endpoint = `entities/identity/${identityId}`;
-        return Api.Api({ authToken, apiOrigin: Api.config.proxyApiOrigin }).patch(endpoint, payload);
+        return Api.Api({ authToken, apiOrigin: undefined }).patch(endpoint, payload);
     }
     async postIdentity(authToken, payload) {
         const endpoint = `entities/identity`;
-        return Api.Api({ authToken, apiOrigin: Api.config.proxyApiOrigin }).post(endpoint, payload);
+        return Api.Api({ authToken, apiOrigin: undefined }).post(endpoint, payload);
     }
 }
 class BusinessBankAccountService {
     async postBankAccount(authToken, payload) {
         const endpoint = `entities/bank_accounts`;
-        return Api.Api({ authToken, apiOrigin: Api.config.proxyApiOrigin }).post(endpoint, payload);
+        return Api.Api({ authToken, apiOrigin: undefined }).post(endpoint, payload);
     }
 }
 class DocumentRecordService {
     async postDocumentRecord(authToken, payload) {
         const endpoint = `entities/document`;
-        return Api.Api({ authToken, apiOrigin: Api.config.proxyApiOrigin }).post(endpoint, payload);
+        return Api.Api({ authToken, apiOrigin: undefined }).post(endpoint, payload);
     }
 }
 

package/dist/cjs/{button-8b634147.js → button-5f6c437f.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-5b9a3b5f.js');
-const parts = require('./parts-b2ff8b68.js');
+const parts = require('./parts-c2655003.js');
 
 const ButtonSpinner = () => (index.h("div", { class: "spinner-border spinner-border-sm", role: "status", part: "button-spinner" },
     index.h("span", { class: "visually-hidden" }, "Loading...")));

package/dist/cjs/check-pkg-version-d75dc147.js

@@ -0,0 +1,24 @@
+'use strict';
+
+const _package = require('./package-a24ad889.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 = _package.packageJson.version;
+    const packageName = _package.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.`);
+    }
+};
+
+exports.checkPkgVersion = checkPkgVersion;

package/dist/cjs/{checkout.service-d9047ddb.js → checkout.service-aa037531.js}

@@ -1,21 +1,21 @@
 'use strict';
 
-const Api = require('./Api-089e7501.js');
+const Api = require('./Api-f5280a80.js');
 require('./ComponentError-233ac749.js');
-require('./Checkout-0f1c8abe.js');
+require('./Checkout-1c07dc32.js');
 require('./Pagination-0da8f095.js');
 require('./Payment-c47ed1e1.js');
-require('./SubAccount-509ebf93.js');
+require('./SubAccount-b4811a8e.js');
 require('./Document-0b828345.js');
 
 class CheckoutService {
     async fetchCheckout(authToken, checkoutId) {
         const endpoint = `checkouts/${checkoutId}`;
-        return Api.Api({ authToken, apiOrigin: Api.config.proxyApiOrigin }).get(endpoint);
+        return Api.Api({ authToken, apiOrigin: undefined }).get(endpoint);
     }
     async fetchCheckouts(accountId, authToken, params, apiOrigin) {
         if (!apiOrigin) {
-            apiOrigin = Api.config.proxyApiOrigin;
+            apiOrigin = undefined;
         }
         const headers = { Account: accountId };
         const api = Api.Api({ authToken, apiOrigin: apiOrigin });
@@ -30,7 +30,7 @@ class CheckoutService {
         if (payment.payment_token) {
             payload.payment_token = payment.payment_token;
         }
-        return Api.Api({ authToken, apiOrigin: Api.config.proxyApiOrigin }).post(endpoint, payload);
+        return Api.Api({ authToken, apiOrigin: undefined }).post(endpoint, payload);
     }
 }