@justifi/webcomponents 6.14.4-rc.1 → 6.14.4

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 JustiFi Technologies, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/cjs/{Analytics-CLtNL7cp.js → Analytics-CMv0MKQ4.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _package = require('./package-D_k65Ek-.js');
-var Api = require('./Api-j0tZ-Tix.js');
-require('./Plaid-CbaU5Arm.js');
+var _package = require('./package-V2lnhWch.js');
+var Api = require('./Api-ChUqJ75C.js');
+require('./Plaid-B2o4c_Ej.js');
 require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
 

package/dist/cjs/{Api-j0tZ-Tix.js → Api-ChUqJ75C.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var configState = require('./config-state-BIgGhhe9.js');
+var configState = require('./config-state-C1YMiFpR.js');
 var utils = require('./utils-DB4XHlAU.js');
-var _package = require('./package-D_k65Ek-.js');
+var _package = require('./package-V2lnhWch.js');
 
 const Api = () => {
     async function getAuthorizationHeader(authToken) {

package/dist/cjs/{Plaid-CbaU5Arm.js → Plaid-B2o4c_Ej.js}

@@ -4,6 +4,7 @@ var utils = require('./utils-DB4XHlAU.js');
 
 exports.ComponentErrorCodes = void 0;
 (function (ComponentErrorCodes) {
+    ComponentErrorCodes["IFRAME_LOAD_ERROR"] = "iframe-load-error";
     ComponentErrorCodes["MISSING_PROPS"] = "missing-props";
     ComponentErrorCodes["FETCH_ERROR"] = "fetch-error";
     ComponentErrorCodes["PATCH_ERROR"] = "patch-error";
@@ -27,6 +28,7 @@ exports.ComponentErrorSeverity = void 0;
 })(exports.ComponentErrorSeverity || (exports.ComponentErrorSeverity = {}));
 exports.ComponentErrorMessages = void 0;
 (function (ComponentErrorMessages) {
+    ComponentErrorMessages["IFRAME_LOAD_ERROR"] = "Payment form failed to load. Please try again.";
     ComponentErrorMessages["NOT_AUTHENTICATED"] = "Not authenticated. Please provide a valid auth token, checkout id, and account id.";
     ComponentErrorMessages["CHECKOUT_ALREADY_COMPLETED"] = "Checkout already completed. Please create a new checkout.";
     ComponentErrorMessages["CHECKOUT_EXPIRED"] = "Checkout expired. Please create a new checkout.";

package/dist/cjs/additional-questions-form-step_15.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
 var index = require('./index-p7cvUYAE.js');
-var Plaid = require('./Plaid-CbaU5Arm.js');
-var paymentProvisioningActions = require('./payment-provisioning-actions-DeURi9ZW.js');
-var business_service = require('./business.service-BGTzzUHv.js');
+var Plaid = require('./Plaid-B2o4c_Ej.js');
+var paymentProvisioningActions = require('./payment-provisioning-actions-CIsDrh8k.js');
+var business_service = require('./business.service-BSoN1ENP.js');
 var businessIdentitySchema = require('./business-identity-schema-hpDJFnB4.js');
 var index_esm = require('./index.esm-BNETBIV_.js');
 var Business = require('./Business-oBifyXkW.js');
@@ -13,7 +13,7 @@ var paymentProvisioningLoading = require('./payment-provisioning-loading-tM9WWmx
 var businessFormOptions = require('./business-form-options-CnlrfbQ6.js');
 var eventTypes = require('./event-types-DNOUef41.js');
 var utils = require('./utils-DAyWinG2.js');
-require('./config-state-BIgGhhe9.js');
+require('./config-state-C1YMiFpR.js');
 require('./dinero-BwNN_k7x.js');
 require('./Pagination-Dediz133.js');
 var schemaValidations = require('./schema-validations-DehT309E.js');
@@ -23,13 +23,13 @@ var countryConfig = require('./country-config-C1bWmF8P.js');
 var utils$1 = require('./utils-DB4XHlAU.js');
 var skeleton = require('./skeleton-DvRCiQlA.js');
 var inputHandlers = require('./input-handlers-_51J5q7J.js');
-var Api = require('./Api-j0tZ-Tix.js');
+var Api = require('./Api-ChUqJ75C.js');
 var styledHost = require('./styled-host-CW1WUnUq.js');
-var plaid_service = require('./plaid.service-BO5TCVg-.js');
-require('./utils-8zgGi717.js');
+var plaid_service = require('./plaid.service-DIPjzg_M.js');
+require('./utils-WrOn06xB.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
-require('./index-W-zoNiyM.js');
-require('./package-D_k65Ek-.js');
+require('./index-DDrfAj-j.js');
+require('./package-V2lnhWch.js');
 
 // Emits a MISSING_PROPS error naming each falsy prop. Returns true when all props are present.
 // `props` keys are the public attribute names, e.g. { 'auth-token': this.authToken }.

package/dist/cjs/{additional-questions_5.cjs.entry.js → additional-questions_4.cjs.entry.js}

@@ -93,21 +93,6 @@ const BusinessRepresentative = class {
     }
 };
 
-const FormAlert = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    render() {
-        if (!this.text) {
-            return null;
-        }
-        if (this.hideAlert) {
-            return null;
-        }
-        return (index.h("div", { class: 'alert alert-danger d-flex align-items-center', role: 'alert', part: parts.alertDanger }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", fill: "currentColor", class: "bi bi-exclamation-triangle-fill flex-shrink-0 me-2", viewBox: "0 0 16 16", role: "img", "aria-label": "Warning:" }, index.h("path", { d: "M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z" })), index.h("div", null, this.text)));
-    }
-};
-
 const LegalAddressForm = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -131,5 +116,4 @@ const LegalAddressForm = class {
 exports.additional_questions = AdditionalQuestions;
 exports.business_core_info = BusinessCoreInfo;
 exports.business_representative = BusinessRepresentative;
-exports.form_alert = FormAlert;
 exports.legal_address_form = LegalAddressForm;

package/dist/cjs/additional-statement_8.cjs.entry.js

@@ -100,7 +100,7 @@ const AdditionalStatement = class {
     }
     render() {
         var _a, _b;
-        return (index.h("div", { key: 'fc937111b48c5141d31085bb6282fb58cc2d000a' }, index.h("div", { key: 'c24bc0ce7a89b8c138abed0d7bcf8a81cc910a71', class: "row gy-3" }, index.h("div", { key: 'ec340664ce128f61c231e8545ae69b1561f704bb', class: "col-12" }, index.h("h2", { key: '37369432e8ab4d6d871127e8535a675f91f2b07e', class: "h5", part: parts.heading5 }, "Additional Evidence")), index.h("div", { key: 'f96c72ebf7aaed5c757ca31c251abdbcf09684ae', class: "col-12" }, index.h("form-control-textarea", { key: '30f0bb97c38ed8782d23f72563d2c679640defea', label: "Is there anything else you would like to say about this dispute?", name: "additional_statement", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.additional_statement, inputHandler: this.inputHandler, errorText: this.errors.additional_statement })), index.h("div", { key: '5fd9944de7b9bc0395dc8d791e0d138398162e45', class: "col-12" }, index.h("form-control-file-v2", { key: '37200d108ab06c455de1469746e122a125d57d75', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.uncategorized_file })))));
+        return (index.h("div", { key: '705936da10f418086c5757af0de3e53ab10716e0' }, index.h("div", { key: '56606aa326884a0e4417259a47739d867c2adfd7', class: "row gy-3" }, index.h("div", { key: '77d1e0eac15050e686f603dee1ca43f55373129f', class: "col-12" }, index.h("h2", { key: '7ded76e33d6190d0bf38c04ae1be16d3fbe90ee6', class: "h5", part: parts.heading5 }, "Additional Evidence")), index.h("div", { key: '62ac6a05b02dd2572faf39c1676300d01e72b953', class: "col-12" }, index.h("form-control-textarea", { key: '04aecc2015fea1ecf1e8a4dc5c17ae126040eaba', label: "Is there anything else you would like to say about this dispute?", name: "additional_statement", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.additional_statement, inputHandler: this.inputHandler, errorText: this.errors.additional_statement })), index.h("div", { key: 'f483f7187b15facbc60411659aee39b59f5046eb', class: "col-12" }, index.h("form-control-file-v2", { key: '7d11206b29a51d5ad493488f8446fcf1254ed411', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.uncategorized_file })))));
     }
 };
 
@@ -134,7 +134,7 @@ const CancellationPolicy = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h("div", { key: '8812e04b5497b1b75d4afcc18084ff224efe11e0' }, index.h("div", { key: 'fd414b2ebd443b490ec68bb1788efce0824877e6', class: "row gy-3" }, index.h("div", { key: '300e7b1afa78dac54bd3240af7ad1bdd6f386134', class: "col-12" }, index.h("h2", { key: 'c85c78cf40224ad06db9746c929d312d6ac53613', class: "h5", part: parts.heading5 }, "Cancellation Policy")), index.h("div", { key: 'fab79ca4fb6f343674698b87fd5e713c6028ce8b', class: "col-12" }, index.h("form-control-textarea", { key: '106094d74237d258091a60d14e0bdeecf1106584', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), index.h("div", { key: 'ac5d1d534d30176483fc490947e3bf65fe41afa3', class: "col-12" }, index.h("form-control-textarea", { key: 'd0972bf1837f9f23de6925517756ec18e1fac3fe', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), index.h("div", { key: '135463253e19c6a2d5ff86b04413e6838f824a89', class: "col-12" }, index.h("form-control-file-v2", { key: 'ef0a3a1d1113f5cb4e97bbf1017841b75463f690', label: "Upload Cancellation Policy", name: "cancellation_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.cancellation_policy })))));
+        return (index.h("div", { key: '97168f1e084510db91708b5f769d680506e48378' }, index.h("div", { key: 'fed6ca9c4aa195adbbc702957f94ce13be6d12ea', class: "row gy-3" }, index.h("div", { key: '6ac7b963019a8b83e3068940a3219338e5603f20', class: "col-12" }, index.h("h2", { key: '0a9a79bfc840aa2190eb48b7860db7eab1e94d6b', class: "h5", part: parts.heading5 }, "Cancellation Policy")), index.h("div", { key: '662b83a4b580d8f2621a6475fa693314a1459d77', class: "col-12" }, index.h("form-control-textarea", { key: '5c1edfe81316fa0da00ed80ad448e4165eff4445', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), index.h("div", { key: '36c6f8408c1975ba23bb41cd44c8442a3c5ef952', class: "col-12" }, index.h("form-control-textarea", { key: '570795ddd085ea26d8456908efe0651793f4490a', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), index.h("div", { key: '4cb3da1f399fb639e08474d6ec6d82071d31968f', class: "col-12" }, index.h("form-control-file-v2", { key: '701338b09a213b850347a4204d2b0c536406afd3', label: "Upload Cancellation Policy", name: "cancellation_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.cancellation_policy })))));
     }
 };
 
@@ -169,7 +169,7 @@ const CustomerDetails = class {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (index.h("div", { key: '91b627ab79cff98fc4bb2b76e9e9159b99bcdc44' }, index.h("div", { key: 'ddb074202926fca96c40fba3724b1a603ef29bf8', class: "row gy-3" }, index.h("div", { key: '680d03bb31e19a1ab7aa560195a802dc2a7f1bcf', class: "col-12" }, index.h("h2", { key: 'b9e47dc34c931a18373053384dac93ccd45e4823', class: "h5", part: parts.heading5 }, "Customer Details")), index.h("div", { key: '286716947b073de829fe525eb855864f51d72234', class: "col-12" }, index.h("form-control-text", { key: '2b9369bfbb55fa87ee8448324f6ff8480679ba58', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), index.h("div", { key: '89f384a11dcac912a189b4909586a3e1db603f25', class: "col-12" }, index.h("form-control-text", { key: 'c6dfbeb68b117d840a39bfe4e96be7d18d5395b7', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), index.h("div", { key: '29c2e48fabafe27b878294e3267a9ec04a91a2a4', class: "col-12" }, index.h("form-control-textarea", { key: 'ec734cbef65f6263e462b86332be24c92a1173ad', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), index.h("div", { key: 'f944aca1e6594cdcc20bb69bd1aa625536d05ac0', class: "col-12" }, index.h("form-control-file-v2", { key: 'f227a8b81e6b8409152f61ae6906319577663dd3', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), index.h("div", { key: '4804ef68cc6f5d0006568aca8bc57086243af4de', class: "col-12" }, index.h("form-control-file-v2", { key: 'a0dba5cfa046de4bca065d7bb20ec2a5abd57fc9', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
+        return (index.h("div", { key: 'e4f028d0369b88c270aa610ab457921ee729f1cb' }, index.h("div", { key: 'ba4d130e343603baa3c1b3d8141b981f97cb7133', class: "row gy-3" }, index.h("div", { key: 'a21d574e6fbd3daef4960b39aba9568060a79ebd', class: "col-12" }, index.h("h2", { key: 'a87274deacfdb31ae769252f7418416152528d43', class: "h5", part: parts.heading5 }, "Customer Details")), index.h("div", { key: '2aa05a739cc38a95860b255dab7142fd1a7932d3', class: "col-12" }, index.h("form-control-text", { key: 'b4fa7ef3c75d3c2ddc83292c2a13c80ee2a6a4cf', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), index.h("div", { key: 'b8a6851094599ed3683f3c14f18305ff0a8ed557', class: "col-12" }, index.h("form-control-text", { key: '4c8d73b3001a36502c6e6083eafdc8e06af86d23', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), index.h("div", { key: '45d406392c4ba199d77583f18874797f4b7c125e', class: "col-12" }, index.h("form-control-textarea", { key: '757de489531e8e28beb052403842d191e2a45be1', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), index.h("div", { key: '3e339e0f275e1ab8e195d77973b60af364d5cdc6', class: "col-12" }, index.h("form-control-file-v2", { key: '64175687470e62ce55d62163b8d231c481fce2a6', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), index.h("div", { key: '27d1ac884a8986c8e9a23c92296e2f8871ec0f45', class: "col-12" }, index.h("form-control-file-v2", { key: 'f7169172d91f4ea785d1532bb4a442cba8cc1c9e', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
     }
 };
 
@@ -203,7 +203,7 @@ const DuplicateCharge = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h("div", { key: 'ec4cfa15f2830ec56dfd9184728c1badeb9e1dfd' }, index.h("div", { key: '0e107461e759478735aecabea93baf060169dd14', class: "row gy-3" }, index.h("div", { key: '22b9223c3e92d2183d65d9125a3ebefd341c140f', class: "col-12" }, index.h("h2", { key: 'cf386e687b18a4f232b935a847270d8ad463db32', class: "h5", part: parts.heading5 }, "Duplicate Charge")), index.h("div", { key: 'dd8cc52b7b6cfe955a09e29c145f70761db87068', class: "col-12" }, index.h("form-control-text", { key: 'ff024fd4e90adc3a991036eb535258bad98ab199', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), index.h("div", { key: '0df77b3c8d8a8a777c8258cd0ca075df73552ee4', class: "col-12" }, index.h("form-control-textarea", { key: '27bfe00c3bdab393b35f3ca26360db65f487d789', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), index.h("div", { key: '8420318e367111cb73c1235c363973d7f34aa25c', class: "col-12" }, index.h("form-control-file-v2", { key: '71717a0c8d02e2c8198b365f61b1a6727a619e6b', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.duplicate_charge_documentation })))));
+        return (index.h("div", { key: 'a4be51ca28d0558a06a96429c9f6967de65f7687' }, index.h("div", { key: 'e240189e3a8d31963667e6779a9497ab8258f983', class: "row gy-3" }, index.h("div", { key: 'c22af27a5e94810c4daa4105d30b69a9bac3ea84', class: "col-12" }, index.h("h2", { key: '6b09237bb4a404c03a20f1dd3687b1b2b6c02f72', class: "h5", part: parts.heading5 }, "Duplicate Charge")), index.h("div", { key: '91cca8f6bfe938aad35d57f1360cea9c8a46b89b', class: "col-12" }, index.h("form-control-text", { key: '88cd9fad95f55f1302cf8b638eee372279c0b601', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), index.h("div", { key: '930ddf5ae0d1f22e87f40d422cc7cc3cf202cf78', class: "col-12" }, index.h("form-control-textarea", { key: 'ab6764a1f982f6be6dd0fc94d5f6630b54fca654', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), index.h("div", { key: '8ca0a2a0b69d577022bd82d7f04fe8205ee66e7f', class: "col-12" }, index.h("form-control-file-v2", { key: '9a5e4ac52a949a8a7b4bcabd397f8b38edbff159', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.duplicate_charge_documentation })))));
     }
 };
 
@@ -236,7 +236,7 @@ const ElectronicEvidence = class {
     }
     render() {
         var _a, _b;
-        return (index.h("div", { key: 'cf4615613589be984c7d5b6b50f0b5239895d81d' }, index.h("div", { key: '1f96c50146d009cc4d0d0ccbee41c31144e7f746', class: "row gy-3" }, index.h("div", { key: '3a671ff5c959efaee8dc57dda073de113489f0a6', class: "col-12" }, index.h("h2", { key: '3b73879b357d3465c6c76b27db17b6dbdce7c538', class: "h5", part: parts.heading5 }, "Electronic Evidence")), index.h("div", { key: '35c0ff43bc1dcdba8916b51da636347395c98901', class: "col-12" }, index.h("form-control-text", { key: 'cdabf70034babf41ba227f66936f8b340f104ca3', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), index.h("div", { key: 'd9920bf1548e14c6adadbc63dc41a1a90cc1a3cc', class: "col-12" }, index.h("form-control-file-v2", { key: '8eec5b79872eeeda77702d9f4cc9003a627e6682', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.activity_log })))));
+        return (index.h("div", { key: 'edbcd0fd94da7a6fb25403bca804133cd20be070' }, index.h("div", { key: '82263da6e6a92b478366025bf648fce4f3f91db6', class: "row gy-3" }, index.h("div", { key: 'f6435773410b5561ead0e4a20637a57b785b8c50', class: "col-12" }, index.h("h2", { key: 'c911fb7238d292f9d11627e13729cf613192cb13', class: "h5", part: parts.heading5 }, "Electronic Evidence")), index.h("div", { key: 'ae43f664aa254449df9cf2c6e851e2e9c532c90e', class: "col-12" }, index.h("form-control-text", { key: 'a7781046a1ef45514831affa9c650b7849100817', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), index.h("div", { key: '47ba5795dde01a4d62fbdeae9e5b7b29cd538cc5', class: "col-12" }, index.h("form-control-file-v2", { key: 'a44528a479ec5fa2d60e357aa577b1a44f81a074', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.activity_log })))));
     }
 };
 
@@ -270,7 +270,7 @@ const ProductOrService = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h("div", { key: 'befcaee1dd5343ec47a55f27dc51c1d18cd57a71' }, index.h("div", { key: '56005c7449374963a548ea89250cc8ebbf2e75e4', class: "row gy-3" }, index.h("div", { key: 'ba5cdd019cb69288b49570d59317079665bf2b81', class: "col-12" }, index.h("h2", { key: '494feff3a2bb645653c77c7d7b031e761ed8c253', class: "h5", part: parts.heading5 }, "Product & Service Details")), index.h("div", { key: '84db8064cd1c110e64b56961838f62f8676aed19', class: "col-12" }, index.h("form-control-text", { key: '98e82b9ca4b27476bc9e523afaf13ce55df9cce5', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), index.h("div", { key: 'da06d2ef195dbc8cee8680e3a4c9107849836ab3', class: "col-12" }, index.h("form-control-date", { key: '3d2fb41fccfddb65d92468a78e3f5a4cfd9a67b5', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), index.h("div", { key: '824410485b182d8e309468506a9c8ae19ce1461f', class: "col-12" }, index.h("form-control-file-v2", { key: 'f8f5d542260b88754c05b61f0d50374d1f66a93e', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
+        return (index.h("div", { key: '05c536ee29807808dde18056696f0874d58efbe9' }, index.h("div", { key: '07927d573fff06c4b65330a4cfb493f594e362d4', class: "row gy-3" }, index.h("div", { key: 'c38ab76b089b7b66aad0dd89dbc74b2a3fedddda', class: "col-12" }, index.h("h2", { key: '830d1384bc17af43bcd20145eab870ca293d965d', class: "h5", part: parts.heading5 }, "Product & Service Details")), index.h("div", { key: '6b5fb4827719e7dd29a90935ec5afd540c1c81fd', class: "col-12" }, index.h("form-control-text", { key: '0fed87fcbb554a739285431f6256f8b8d7802b9a', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), index.h("div", { key: '8a59d2bb505dd211126d6e4a6e741aaed959edc7', class: "col-12" }, index.h("form-control-date", { key: 'ffa4f5323aaa7c274950f2176774a4f7946c4ca4', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), index.h("div", { key: 'c9e7aca6c2e9c66ec0884b34533af18a1c581b4d', class: "col-12" }, index.h("form-control-file-v2", { key: '8db8543f45b02496d2cc6f04794c18da55f4c146', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
     }
 };
 
@@ -304,7 +304,7 @@ const RefundPolicy = class {
     }
     render() {
         var _a, _b, _c, _d;
-        return (index.h("div", { key: 'd5419f7dc7ca4e66522437969b451c7adfda6b06' }, index.h("div", { key: 'f74344edd56fe88d481f3c428aee3f7a3170ef1a', class: "row gy-3" }, index.h("div", { key: 'ad826fd7a497664e8a9a97bf4f749ddd5f4899a4', class: "col-12" }, index.h("h2", { key: 'f792af239a7df56d2a7289fae8ee487048343851', class: "h5", part: parts.heading5 }, "Refund Policy and Receipt")), index.h("div", { key: '5a159d8fbb74d7580a9d6ef34d1a752b68525251', class: "col-12" }, index.h("form-control-textarea", { key: '8fdcac1c9336874635d955f651b44389ddc3d576', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), index.h("div", { key: 'ca0d7a0c5161d572a27459ec5847bd6aedda8552', class: "col-12" }, index.h("form-control-textarea", { key: '7dde3212e5453772afbc4dfff8de5285d29ec3b3', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), index.h("div", { key: 'ec5615813cceb9b2eaaf327e4a4fb2785f341ce8', class: "col-12" }, index.h("form-control-file-v2", { key: '38d6901b619eb353da9b6066957579caa97064e3', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), index.h("div", { key: '64245ce028bff37a6f9852e75d1b2e6ba27fd3ef', class: "col-12" }, index.h("form-control-file-v2", { key: '126ce22ff40995cfc0d4f059b2463a98a6dfcb50', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
+        return (index.h("div", { key: 'baf5ee051fb023d19f3d0c21d4a7ee651e283c76' }, index.h("div", { key: 'c8e4870b875bff53184b90e2d254acdee795e51c', class: "row gy-3" }, index.h("div", { key: '872d7f45c1b5832234d013a3f7065d05f9896d80', class: "col-12" }, index.h("h2", { key: '7ae62cf2f5ab51537349b91db8fa9d2fa351e685', class: "h5", part: parts.heading5 }, "Refund Policy and Receipt")), index.h("div", { key: '48a8249261d3bcf981e45dba6aaf260c4419816e', class: "col-12" }, index.h("form-control-textarea", { key: '31b6c4b3ffadc1fe812a00fb5e4d40de423b635e', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), index.h("div", { key: 'f5504c3367bc74127dec92d95d0934a9bbb00b29', class: "col-12" }, index.h("form-control-textarea", { key: '9fe085d5435561251b3192169904438f0b6501e6', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), index.h("div", { key: 'ae8110175bfd1880b62e41fc1b474f31a9523cfb', class: "col-12" }, index.h("form-control-file-v2", { key: 'ba38271cac7afd52ba6669086d664cec2e008f77', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), index.h("div", { key: '31ff66405fdae65e1b441b847a0e5f048822e0fc', class: "col-12" }, index.h("form-control-file-v2", { key: 'a36cb88846ba11690a4525ffbb27c0b4fb2140af', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
     }
 };
 
@@ -341,7 +341,7 @@ const ShippingDetails = class {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (index.h("div", { key: 'dabe709653579ef5c19806146e149fdbfa65686c' }, index.h("div", { key: '07d9f91a68d770daed48f84678ffa2f2182b4625', class: "row gy-3" }, index.h("div", { key: '6052cb801e0e8cfc73a946e32d37a35e4726f8aa', class: "col-12" }, index.h("h2", { key: '8cea7d2ac9d5e53a01d4e8f3a14b3b6947e72f19', class: "h5", part: parts.heading5 }, "Shipping Details")), index.h("div", { key: '79adf032e4435f8e89e5d848e397c8389c35ee99', class: "col-12" }, index.h("form-control-text", { key: '4dd59285b595b33944168e5a959fbf7686b71c4c', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), index.h("div", { key: 'e25cb74edb5133cfaa1c8abb6194a43104d51e80', class: "col-12" }, index.h("form-control-text", { key: 'bdb47ebe63e9717db4308d89e890bdd01ecad9fc', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), index.h("div", { key: 'ccb5a0facc6aa6f7c311f3d1a395faa214b4c099', class: "col-12" }, index.h("form-control-date", { key: 'a2e1a7af287b7afae6ba7451bd4f51292e2e14fa', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), index.h("div", { key: 'ce176cd89d1c2fbf4cb3e1a84d84fb38e7f77ae9', class: "col-12" }, index.h("form-control-textarea", { key: '5f09d91a79081a8dea6eb44b44e6500f5f9b547b', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), index.h("div", { key: 'b41048055f1fc82bb383d300f32e13efa2a4f0fc', class: "col-12" }, index.h("form-control-file-v2", { key: '2fda26e5404c3a2a0c10261ffc1e005b688e057a', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
+        return (index.h("div", { key: '079899510230700b1b0164642856719267e0dc09' }, index.h("div", { key: '23229775a0a57e60cd6de4ceff1bcb60d2502283', class: "row gy-3" }, index.h("div", { key: '9376fd2dfe64983f734f93354c08a38cbe6d46d4', class: "col-12" }, index.h("h2", { key: '141a2e2a5098388d15e4626a4311a0d95991af3b', class: "h5", part: parts.heading5 }, "Shipping Details")), index.h("div", { key: 'c1eae745411ea51d07839c84abce48742cf8e31b', class: "col-12" }, index.h("form-control-text", { key: '37ffbdb5be2e0bcffcc78b19ce5a125fd3a7cbd5', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), index.h("div", { key: '27f39470af011e3cbae85e35e56c544a331c1241', class: "col-12" }, index.h("form-control-text", { key: 'dda7d915ab28bb2845cbfd1338222b1c50aab063', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), index.h("div", { key: 'bbf1cff1e23632597fad5c84b4c6ceb8080be547', class: "col-12" }, index.h("form-control-date", { key: '8a0bc94d48e7ccde53408ad6a3f20ffcfe7a6263', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), index.h("div", { key: '55e9efd42f6380c0bb645de90dde4eb63ce80a5d', class: "col-12" }, index.h("form-control-textarea", { key: '0dac6c8521bec728b7dd182841552b72f38dbbec', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), index.h("div", { key: '488034d64bc2808d27b9a072515cb84593e72db9', class: "col-12" }, index.h("form-control-file-v2", { key: '609b0177ed8279fe483f5b4e59ee076b4b471ee7', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
     }
 };
 

package/dist/cjs/bank-account-billing-form-simple_4.cjs.entry.js

@@ -4,7 +4,7 @@ var index = require('./index-p7cvUYAE.js');
 var index_esm = require('./index.esm-BNETBIV_.js');
 var schemaValidations = require('./schema-validations-DehT309E.js');
 var parts = require('./parts-BXshb_S-.js');
-var checkout_store = require('./checkout.store-CZHrIuaP.js');
+var checkout_store = require('./checkout.store-DOa1-SjA.js');
 var index$1 = require('./index-CajjbB9t.js');
 var header3 = require('./header-3-DCYJhPro.js');
 require('./event-types-YOY5TKUN.js');
@@ -12,7 +12,7 @@ require('./_commonjsHelpers-BJu3ubxk.js');
 require('./country-config-C1bWmF8P.js');
 require('./Business-oBifyXkW.js');
 require('./business-form-options-CnlrfbQ6.js');
-require('./index-W-zoNiyM.js');
+require('./index-DDrfAj-j.js');
 
 const fullBillingSchema = () => index_esm.create$3({
     name: schemaValidations.identityNameValidation.required('Enter full name'),

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

@@ -1,12 +1,12 @@
 'use strict';
 
 var index = require('./index-p7cvUYAE.js');
-require('./config-state-BIgGhhe9.js');
+require('./config-state-C1YMiFpR.js');
 require('./dinero-BwNN_k7x.js');
-var Plaid = require('./Plaid-CbaU5Arm.js');
+var Plaid = require('./Plaid-B2o4c_Ej.js');
 require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
-require('./index-W-zoNiyM.js');
+require('./index-DDrfAj-j.js');
 require('./utils-DB4XHlAU.js');
 
 const BankAccountDocumentFormInputs = class {

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

@@ -2,29 +2,36 @@
 
 var index = require('./index-p7cvUYAE.js');
 var skeleton = require('./skeleton-DvRCiQlA.js');
-var configState = require('./config-state-BIgGhhe9.js');
+var configState = require('./config-state-C1YMiFpR.js');
 var utils = require('./utils-DB4XHlAU.js');
-var checkPkgVersion = require('./check-pkg-version-IIkBL56i.js');
-var checkout_store = require('./checkout.store-CZHrIuaP.js');
+var checkPkgVersion = require('./check-pkg-version-mt-o0WFo.js');
+var checkout_store = require('./checkout.store-DOa1-SjA.js');
+var Plaid = require('./Plaid-B2o4c_Ej.js');
+require('./Pagination-Dediz133.js');
+require('./Business-oBifyXkW.js');
+var button = require('./button-CR9Rl1-o.js');
+require('./event-types-YOY5TKUN.js');
 require('./parts-BXshb_S-.js');
-require('./index-W-zoNiyM.js');
+require('./index-DDrfAj-j.js');
 require('./dinero-BwNN_k7x.js');
-require('./package-D_k65Ek-.js');
+require('./package-V2lnhWch.js');
 require('./index-CajjbB9t.js');
 
-const BankAccountFormSkeleton = (props) => {
-    const { isReady } = props;
-    if (isReady) {
-        return null;
-    }
+const BankAccountFormSkeleton = () => {
     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.isReady = false;
+        this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.iframeState = 'loading';
         this.hasLoggedAchDisabledWarning = false;
+        this.reloadIframes = () => {
+            this.iframeState = 'loading';
+            this.iframeElements.forEach((element) => element.reload());
+            this.watchIframesLoad();
+        };
     }
     async componentWillLoad() {
         await configState.waitForConfig();
@@ -33,23 +40,14 @@ const BankAccountForm = class {
         checkPkgVersion.checkPkgVersion();
     }
     componentDidRender() {
-        if (this.isAchDisabledForCheckout()) {
+        if (this.loadAbortController || !this.iframeElements.every(Boolean)) {
             return;
         }
-        const elements = [
-            this.accountNumberIframeElement,
-            this.routingNumberIframeElement,
-        ];
-        if (!elements.every(Boolean)) {
-            return;
-        }
-        Promise.all(elements.map((element) => {
-            return new Promise((resolve) => {
-                element.addEventListener('iframeLoaded', () => { resolve(); });
-            });
-        })).then(() => {
-            this.isReady = true;
-        });
+        this.watchIframesLoad();
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.loadAbortController) === null || _a === void 0 ? void 0 : _a.abort();
     }
     isAchDisabledForCheckout() {
         return (checkout_store.checkoutStore.checkoutLoaded && !checkout_store.checkoutStore.achPaymentsEnabled);
@@ -73,6 +71,58 @@ const BankAccountForm = class {
         const result = await this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
         return result;
     }
+    get isReady() {
+        return this.iframeState === 'ready';
+    }
+    get iframeElements() {
+        return [
+            this.accountNumberIframeElement,
+            this.routingNumberIframeElement,
+        ];
+    }
+    watchIframesLoad() {
+        var _a;
+        (_a = this.loadAbortController) === null || _a === void 0 ? void 0 : _a.abort();
+        const { signal } = (this.loadAbortController = new AbortController());
+        const pending = new Set(this.iframeElements.map((element) => element.inputId));
+        const loaded = Promise.all(this.iframeElements.map((element) => (new Promise((resolve) => {
+            element.addEventListener('iframeLoaded', () => {
+                pending.delete(element.inputId);
+                resolve();
+            }, { once: true, signal });
+        }))));
+        const deadline = new Promise((_resolve, reject) => {
+            const timeoutId = window.setTimeout(() => reject(new Error(`Iframes failed to load: ${Array.from(pending).join(', ')}`)), 10000);
+            signal.addEventListener('abort', () => {
+                window.clearTimeout(timeoutId);
+                reject(new Error('iframe load watch aborted'));
+            }, { once: true });
+        });
+        Promise.race([loaded, deadline]).then(() => {
+            var _a;
+            if (signal.aborted)
+                return;
+            this.iframeState = 'ready';
+            (_a = this.loadAbortController) === null || _a === void 0 ? void 0 : _a.abort();
+        }).catch((e) => {
+            var _a;
+            if (signal.aborted)
+                return;
+            this.iframeState = 'error';
+            (_a = this.loadAbortController) === null || _a === void 0 ? void 0 : _a.abort();
+            this.errorEvent.emit({
+                errorCode: Plaid.ComponentErrorCodes.IFRAME_LOAD_ERROR,
+                message: Plaid.ComponentErrorMessages.IFRAME_LOAD_ERROR,
+                severity: Plaid.ComponentErrorSeverity.ERROR,
+                data: {
+                    errorMessage: e.message,
+                },
+            });
+        });
+    }
+    renderIframeError() {
+        return (index.h("div", null, index.h("form-alert", { text: Plaid.ComponentErrorMessages.IFRAME_LOAD_ERROR, hideAlert: false }), index.h(button.Button, { variant: "link", clickHandler: this.reloadIframes, "aria-label": "Reload bank account form", type: "button" }, "Try again")));
+    }
     render() {
         if (this.isAchDisabledForCheckout()) {
             if (!this.hasLoggedAchDisabledWarning) {
@@ -81,7 +131,7 @@ const BankAccountForm = class {
             }
             return null;
         }
-        return (index.h("div", null, index.h(BankAccountFormSkeleton, { isReady: this.isReady }), index.h("hidden-input", null), index.h("div", { class: "container-fluid p-0", style: {
+        return (index.h("div", null, this.iframeState === 'loading' && index.h(BankAccountFormSkeleton, null), this.iframeState === 'error' && this.renderIframeError(), index.h("hidden-input", null), index.h("div", { class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
             } }, index.h("div", { class: "row mb-3" }, index.h("iframe-input", { inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), index.h("div", { class: "row" }, index.h("iframe-input", { inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));

package/dist/cjs/{business.service-BGTzzUHv.js → business.service-BSoN1ENP.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var Api = require('./Api-j0tZ-Tix.js');
-require('./Plaid-CbaU5Arm.js');
+var Api = require('./Api-ChUqJ75C.js');
+require('./Plaid-B2o4c_Ej.js');
 require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
 

package/dist/cjs/card-form.cjs.entry.js

@@ -2,26 +2,33 @@
 
 var index = require('./index-p7cvUYAE.js');
 var skeleton = require('./skeleton-DvRCiQlA.js');
-var configState = require('./config-state-BIgGhhe9.js');
+var configState = require('./config-state-C1YMiFpR.js');
 var utils = require('./utils-DB4XHlAU.js');
-var checkPkgVersion = require('./check-pkg-version-IIkBL56i.js');
+var checkPkgVersion = require('./check-pkg-version-mt-o0WFo.js');
+var Plaid = require('./Plaid-B2o4c_Ej.js');
+require('./Pagination-Dediz133.js');
+require('./Business-oBifyXkW.js');
+var button = require('./button-CR9Rl1-o.js');
+require('./event-types-YOY5TKUN.js');
 require('./parts-BXshb_S-.js');
-require('./index-W-zoNiyM.js');
+require('./index-DDrfAj-j.js');
 require('./dinero-BwNN_k7x.js');
-require('./package-D_k65Ek-.js');
+require('./package-V2lnhWch.js');
 
-const CardFormSkeleton = (props) => {
-    const { isReady } = props;
-    if (isReady) {
-        return null;
-    }
+const CardFormSkeleton = () => {
     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.isReady = false;
+        this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.iframeState = 'loading';
+        this.reloadIframes = () => {
+            this.iframeState = 'loading';
+            this.iframeElements.forEach((element) => element.reload());
+            this.watchIframesLoad();
+        };
     }
     async componentWillLoad() {
         await configState.waitForConfig();
@@ -29,20 +36,12 @@ const CardForm = class {
         this.tabId = utils.generateTabId();
         checkPkgVersion.checkPkgVersion();
     }
-    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;
-        });
+    componentDidLoad() {
+        this.watchIframesLoad();
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.loadAbortController) === null || _a === void 0 ? void 0 : _a.abort();
     }
     async validate() {
         const cardNumberIsValid = await this.cardNumberIframeElement.validate();
@@ -55,11 +54,65 @@ const CardForm = class {
         const result = await this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
         return result;
     }
+    get isReady() {
+        return this.iframeState === 'ready';
+    }
+    get iframeElements() {
+        return [
+            this.cardNumberIframeElement,
+            this.expirationMonthIframeElement,
+            this.expirationYearIframeElement,
+            this.cvvIframeElement,
+        ];
+    }
+    watchIframesLoad() {
+        var _a;
+        (_a = this.loadAbortController) === null || _a === void 0 ? void 0 : _a.abort();
+        const { signal } = (this.loadAbortController = new AbortController());
+        const pending = new Set(this.iframeElements.map((element) => element.inputId));
+        const loaded = Promise.all(this.iframeElements.map((element) => (new Promise((resolve) => {
+            element.addEventListener('iframeLoaded', () => {
+                pending.delete(element.inputId);
+                resolve();
+            }, { once: true, signal });
+        }))));
+        const deadline = new Promise((_resolve, reject) => {
+            const timeoutId = window.setTimeout(() => reject(new Error(`Iframes failed to load: ${Array.from(pending).join(', ')}`)), 10000);
+            signal.addEventListener('abort', () => {
+                window.clearTimeout(timeoutId);
+                reject(new Error('iframe load watch aborted'));
+            }, { once: true });
+        });
+        Promise.race([loaded, deadline]).then(() => {
+            var _a;
+            if (signal.aborted)
+                return;
+            this.iframeState = 'ready';
+            (_a = this.loadAbortController) === null || _a === void 0 ? void 0 : _a.abort();
+        }).catch((e) => {
+            var _a;
+            if (signal.aborted)
+                return;
+            this.iframeState = 'error';
+            (_a = this.loadAbortController) === null || _a === void 0 ? void 0 : _a.abort();
+            this.errorEvent.emit({
+                errorCode: Plaid.ComponentErrorCodes.IFRAME_LOAD_ERROR,
+                message: Plaid.ComponentErrorMessages.IFRAME_LOAD_ERROR,
+                severity: Plaid.ComponentErrorSeverity.ERROR,
+                data: {
+                    errorMessage: e.message,
+                },
+            });
+        });
+    }
+    renderIframeError() {
+        return (index.h("div", null, index.h("form-alert", { text: Plaid.ComponentErrorMessages.IFRAME_LOAD_ERROR, hideAlert: false }), index.h(button.Button, { variant: "link", clickHandler: this.reloadIframes, "aria-label": "Reload payment form", type: "button" }, "Try again")));
+    }
     render() {
-        return (index.h("div", { key: 'd3cb1fca6595f60e5f5f122b73d3d6c11a826423' }, index.h(CardFormSkeleton, { key: 'f83dcbbc214d460bb21c015ec051436ed5cf6670', isReady: this.isReady }), index.h("hidden-input", { key: '5fad0d06303d0ddb55c30c2cd94014255f2a8cec' }), index.h("div", { key: '68440756a1aad69b5c95245e7a2a5feb16899dca', class: "container-fluid p-0", style: {
+        return (index.h("div", { key: 'e6250721d89b25d536a5c40743decb7c2f0e9037' }, this.iframeState === 'loading' && index.h(CardFormSkeleton, { key: 'd3885015e28ade3f1d166d3a3ea91c212e4c08f9' }), this.iframeState === 'error' && this.renderIframeError(), index.h("hidden-input", { key: '083b462140adf1907e4c796ec99ce72f68a3dcef' }), index.h("div", { key: 'd20f7dccc152cb16bd216eb5886c7eee46cbd4f1', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, index.h("div", { key: 'b39eab56c79463935f1a1bb15cc867997f026e7b', class: "mb-3" }, index.h("iframe-input", { key: '25a2390a8c3c92d5e6eceafe6b821202ecb22d76', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), index.h("div", { key: '68766798d954a0b3d093ae13c3c2955f819da4f2', class: "row" }, index.h("div", { key: '05539f1ac8ebb0397574d55b4b76d7acdb7d2dca', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '4c437a4384e6c301e18824d799784c1133e70ee3', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), index.h("div", { key: 'b9a5b8b5dda1d8ab6305c9dc1ef9b655eb02fb3d', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'c1a412c20e75d21c1084a4b93f22362c367c1907', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), index.h("div", { key: 'abdfdbd7eb784871011397a7c5fdf371e3c6baf0', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '08dff072e785846d7543018c194b4df6ce5b343e', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
+            } }, index.h("div", { key: 'd06fa0c936dc7963caf3e27ab4cbfee804822bc3', class: "mb-3" }, index.h("iframe-input", { key: '1050720e0aec9b5e38b7a97fce95229faf490b6f', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), index.h("div", { key: '5a37f9da6509890bc3b6e5e5d3061fef82ac8650', class: "row" }, index.h("div", { key: '249456011e5dca659243dc68495da16fdff5a183', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '49f3a8baa14867708a9f1dad7f61830d86847473', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), index.h("div", { key: 'e7fd325d2f39c7c293789931fda9de2f76faa4d4', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '10beda8d2bfacdcf8ab3b17ffae858306312a06f', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), index.h("div", { key: 'de4a844a20da09910f710567e62d2b06f144abe7', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '555a6c96fadb9e5466c76ea259c5d001e16468d6', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
     }
 };
 

package/dist/cjs/{check-pkg-version-IIkBL56i.js → check-pkg-version-mt-o0WFo.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var _package = require('./package-D_k65Ek-.js');
+var _package = require('./package-V2lnhWch.js');
 
 const JUSTIFI_VERSION_KEY = '__JUSTIFI_WC_VERSION__';
 const detectDuplicateVersion = () => {

package/dist/cjs/{checkout-actions-Cm38ZPqN.js → checkout-actions-VCJi-q4z.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var Plaid = require('./Plaid-CbaU5Arm.js');
-var utils = require('./utils-8zgGi717.js');
+var Plaid = require('./Plaid-B2o4c_Ej.js');
+var utils = require('./utils-WrOn06xB.js');
 
 const makeGetCheckout = ({ authToken, checkoutId, service }) => async ({ onSuccess, onError }) => {
     var _a;