@justifi/webcomponents 5.7.2 → 5.7.3-rc-02

package/dist/cjs/{Api-Dp4CW5K6.js → Api-BTdkb3Zh.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var configState = require('./config-state-D7p-XunE.js');
+var configState = require('./config-state-BTfJl-LU.js');
 var utils = require('./utils-qOon0GWm.js');
 
 const Api = () => {

package/dist/cjs/{Checkout-TZnRz3-3.js → Checkout-BTgAlgVL.js}

@@ -19,7 +19,7 @@ class Completion {
         this.updated_at = data.updated_at;
     }
 }
-class Checkout {
+let Checkout$1 = class Checkout {
     constructor(data) {
         var _a;
         this.id = data.id;
@@ -53,7 +53,7 @@ class Checkout {
             return ICheckoutPaymentMode.unknown;
         }
         const sortedCompletions = this.completions.sort((a, b) => {
-            return new Date(b.updated_at).getTime() - new Date(a.updated_at).getTime();
+            return (new Date(b.updated_at).getTime() - new Date(a.updated_at).getTime());
         });
         const lastCompletion = sortedCompletions[0];
         if (lastCompletion.payment_mode) {
@@ -67,12 +67,10 @@ class Checkout {
         }
         return paymentMode;
     }
-    ;
     formattedPaymentAmount(amount) {
         return utils.formatCurrency(amount, this.payment_currency);
     }
-    ;
-}
+};
 var ICheckoutPaymentMode;
 (function (ICheckoutPaymentMode) {
     ICheckoutPaymentMode["bnpl"] = "Buy Now Pay Later";
@@ -100,4 +98,4 @@ var CompletionStatuses;
     CompletionStatuses["succeeded"] = "succeeded";
 })(CompletionStatuses || (CompletionStatuses = {}));
 
-exports.Checkout = Checkout;
+exports.Checkout = Checkout$1;

package/dist/cjs/{ComponentError-C4MdBBMe.js → ComponentError-CEv9ltwy.js}

@@ -8,10 +8,12 @@ exports.ComponentErrorCodes = void 0;
     ComponentErrorCodes["POST_ERROR"] = "post-error";
     ComponentErrorCodes["UNKNOWN_ERROR"] = "unknown-error";
     ComponentErrorCodes["TOKENIZE_ERROR"] = "tokenize-error";
+    ComponentErrorCodes["COMPLETE_CHECKOUT_ERROR"] = "complete-checkout-error";
     ComponentErrorCodes["NOT_AUTHENTICATED"] = "not-authenticated";
     ComponentErrorCodes["INVALID_PARAMETER"] = "invalid-parameter";
     ComponentErrorCodes["PROVISIONING_REQUESTED"] = "provisioning-already-requested";
     ComponentErrorCodes["INVALID_REFUND_AMOUNT"] = "invalid-refund-amount";
+    ComponentErrorCodes["VALIDATION_ERROR"] = "validation-error";
 })(exports.ComponentErrorCodes || (exports.ComponentErrorCodes = {}));
 exports.ComponentErrorSeverity = void 0;
 (function (ComponentErrorSeverity) {

package/dist/cjs/{Document-Qt0qiXeh.js → Payment-D5UynU2f.js}

@@ -148,60 +148,4 @@ class Payment {
     }
 }
 
-exports.EntityDocumentType = void 0;
-(function (EntityDocumentType) {
-    EntityDocumentType["voidedCheck"] = "voided_check";
-    EntityDocumentType["balanceSheet"] = "balance_sheet";
-    EntityDocumentType["bankStatement"] = "bank_statement";
-    EntityDocumentType["governmentId"] = "government_id";
-    EntityDocumentType["profitAndLossStatement"] = "profit_and_loss_statement";
-    EntityDocumentType["taxReturn"] = "tax_return";
-    EntityDocumentType["other"] = "other";
-})(exports.EntityDocumentType || (exports.EntityDocumentType = {}));
-var EntityDocumentStatus;
-(function (EntityDocumentStatus) {
-    EntityDocumentStatus["pending"] = "pending";
-    EntityDocumentStatus["uploaded"] = "uploaded";
-    EntityDocumentStatus["canceled"] = "canceled";
-    EntityDocumentStatus["needed"] = "needed";
-})(EntityDocumentStatus || (EntityDocumentStatus = {}));
-class EntityDocumentStorage {
-    constructor() {
-        this.voided_check = [];
-        this.balance_sheet = [];
-        this.bank_statement = [];
-        this.government_id = [];
-        this.profit_and_loss_statement = [];
-        this.tax_return = [];
-        this.other = [];
-    }
-}
-class EntityDocument {
-    constructor(fileData, business_id) {
-        this.file = fileData.file;
-        this.fileString = this.getFileString();
-        this.document_type = fileData.document_type;
-        this.presigned_url = null;
-        this.record_data = {
-            business_id: business_id,
-            document_type: this.document_type,
-            file_name: this.file.name,
-            file_type: this.file.type,
-        };
-    }
-    getFileString() {
-        let reader = new FileReader();
-        reader.onload = (e) => {
-            this.fileString = e.target.result;
-        };
-        reader.readAsDataURL(this.file);
-        return this.fileString;
-    }
-    setPresignedUrl(url) {
-        this.presigned_url = url;
-    }
-}
-
-exports.EntityDocument = EntityDocument;
-exports.EntityDocumentStorage = EntityDocumentStorage;
 exports.Payment = Payment;

package/dist/cjs/{Refund-BDFOEJv_.js → Refund-BFE-2OxN.js}

@@ -258,6 +258,60 @@ class SubAccount {
     }
 }
 
+exports.EntityDocumentType = void 0;
+(function (EntityDocumentType) {
+    EntityDocumentType["voidedCheck"] = "voided_check";
+    EntityDocumentType["balanceSheet"] = "balance_sheet";
+    EntityDocumentType["bankStatement"] = "bank_statement";
+    EntityDocumentType["governmentId"] = "government_id";
+    EntityDocumentType["profitAndLossStatement"] = "profit_and_loss_statement";
+    EntityDocumentType["taxReturn"] = "tax_return";
+    EntityDocumentType["other"] = "other";
+})(exports.EntityDocumentType || (exports.EntityDocumentType = {}));
+var EntityDocumentStatus;
+(function (EntityDocumentStatus) {
+    EntityDocumentStatus["pending"] = "pending";
+    EntityDocumentStatus["uploaded"] = "uploaded";
+    EntityDocumentStatus["canceled"] = "canceled";
+    EntityDocumentStatus["needed"] = "needed";
+})(EntityDocumentStatus || (EntityDocumentStatus = {}));
+class EntityDocumentStorage {
+    constructor() {
+        this.voided_check = [];
+        this.balance_sheet = [];
+        this.bank_statement = [];
+        this.government_id = [];
+        this.profit_and_loss_statement = [];
+        this.tax_return = [];
+        this.other = [];
+    }
+}
+class EntityDocument {
+    constructor(fileData, business_id) {
+        this.file = fileData.file;
+        this.fileString = this.getFileString();
+        this.document_type = fileData.document_type;
+        this.presigned_url = null;
+        this.record_data = {
+            business_id: business_id,
+            document_type: this.document_type,
+            file_name: this.file.name,
+            file_type: this.file.type,
+        };
+    }
+    getFileString() {
+        let reader = new FileReader();
+        reader.onload = (e) => {
+            this.fileString = e.target.result;
+        };
+        reader.readAsDataURL(this.file);
+        return this.fileString;
+    }
+    setPresignedUrl(url) {
+        this.presigned_url = url;
+    }
+}
+
 var RefundStatuses;
 (function (RefundStatuses) {
     RefundStatuses["succeeded"] = "succeeded";
@@ -278,6 +332,8 @@ class RefundPayload {
     }
 }
 
+exports.EntityDocument = EntityDocument;
+exports.EntityDocumentStorage = EntityDocumentStorage;
 exports.PaymentBalanceTransaction = PaymentBalanceTransaction;
 exports.Payout = Payout;
 exports.PayoutBalanceTransaction = PayoutBalanceTransaction;

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
-var utils$1 = require('./utils-5lco6NzU.js');
+var index = require('./index-2GwnTbNA.js');
+var utils$1 = require('./utils-bn0fXuc-.js');
 var utils = require('./utils-qOon0GWm.js');
 require('./parts-9jMf1erK.js');
 require('./_commonjsHelpers-BJu3ubxk.js');

package/dist/cjs/{badge-BxoJOyTJ.js → badge-sO_Hcamo.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
+var index = require('./index-2GwnTbNA.js');
 var parts = require('./parts-9jMf1erK.js');
 
 exports.BadgeVariant = void 0;

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

@@ -1,23 +1,23 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
-require('./config-state-D7p-XunE.js');
+var index = require('./index-2GwnTbNA.js');
+require('./config-state-BTfJl-LU.js');
 var utils$1 = require('./utils-qOon0GWm.js');
-require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-TZnRz3-3.js');
+require('./ComponentError-CEv9ltwy.js');
+require('./Checkout-BTgAlgVL.js');
 require('./Pagination-Dediz133.js');
-var Document = require('./Document-Qt0qiXeh.js');
-require('./Refund-BDFOEJv_.js');
+require('./Payment-D5UynU2f.js');
+var Refund = require('./Refund-BFE-2OxN.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 var businessFormOptions = require('./business-form-options-CMII7nIK.js');
 require('./event-types-DNOUef41.js');
 var utils = require('./utils-DAyWinG2.js');
 var parts = require('./parts-9jMf1erK.js');
-var skeleton = require('./skeleton-aMh0RMHq.js');
+var skeleton = require('./skeleton-ByLavxr1.js');
 require('./event-types-YOY5TKUN.js');
-var formControlErrorText = require('./form-control-error-text-D9XDyFoW.js');
-require('./index-B8ljHEN1.js');
+var formControlErrorText = require('./form-control-error-text-DPDsFdAT.js');
+require('./index-DEMVrrsF.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
@@ -27,7 +27,7 @@ const BankAccountDocumentFormInputs = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'a3ff8b1ff23923beb847e66d6c56a39de9a86434', class: "row gy-3" }, index.h("div", { key: '86f9ba3a8f0f87f7fa67ba0fcf1d7c04f67e9bc5', class: "col-12" }, index.h("form-control-file", { key: '9cc2bc21414c8e3f4b25ac47b76340a4ce569c42', name: "voided_check", label: "Voided Check", documentType: Document.EntityDocumentType.voidedCheck, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["voided_check"], multiple: true })), index.h("div", { key: 'bee72d6c63514cdbd3200910d3a53b045c60d05d', class: "col-12" }, index.h("form-control-file", { key: '80a79f352d078cd210768b4060cad7014b1060c5', name: "bank_statement", label: "Bank Statement", documentType: Document.EntityDocumentType.bankStatement, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["bank_statement"], multiple: true }))));
+        return (index.h("div", { key: 'a3ff8b1ff23923beb847e66d6c56a39de9a86434', class: "row gy-3" }, index.h("div", { key: '86f9ba3a8f0f87f7fa67ba0fcf1d7c04f67e9bc5', class: "col-12" }, index.h("form-control-file", { key: '9cc2bc21414c8e3f4b25ac47b76340a4ce569c42', name: "voided_check", label: "Voided Check", documentType: Refund.EntityDocumentType.voidedCheck, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["voided_check"], multiple: true })), index.h("div", { key: 'bee72d6c63514cdbd3200910d3a53b045c60d05d', class: "col-12" }, index.h("form-control-file", { key: '80a79f352d078cd210768b4060cad7014b1060c5', name: "bank_statement", label: "Bank Statement", documentType: Refund.EntityDocumentType.bankStatement, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["bank_statement"], multiple: true }))));
     }
 };
 
@@ -100,10 +100,10 @@ const FileInput = class {
         return part;
     }
     render() {
-        return (index.h(index.Host, { key: 'c34cbf8874c33d945d81a93646372ac9dc687362' }, index.h("div", { key: 'cacf5f210a0adb6f408ac05efe4279d9eb1ae3b8', class: "form-group d-flex flex-column" }, index.h("div", { key: '936cb5268fa2c63f9931895f7a0b46ed5b4776ec', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '6dc1dd3be36337cc3c4bb72a4e4d42c6e7c2a239', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '4c4a2c965882e7e96d36b16e6448fa4efd003950', helpText: this.helpText })), index.h("input", { key: '469cf033fae879306ecbfdcdb9e6d74fdb4b4265', 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: '329fd1cedefedb6bd17acfbb30adfefecefb19ca' }, index.h("div", { key: 'abdd1db599e47f367bc56008386026361ee8aa3b', class: "form-group d-flex flex-column" }, index.h("div", { key: '9306d438e038947b68cc3b8b2faa2ab412fab203', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '164c4e92e01d5219013623d0edaa3c96a814ff6c', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '2d7fe58881cfa259f3d2ba8edbc6f07411ea26c6', helpText: this.helpText })), index.h("input", { key: '1964930b98527640df99e1e22b6322e0627bc668', 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: '7359b6f39ac038230ce1d2d60454a4d4e69c6bb9', errorText: this.errorText, name: this.name }))));
+            } }), index.h(formControlErrorText.FormControlErrorText, { key: '02ffabfccf4e06936e0ed44fe2ad715f7f44fe3f', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -0,0 +1,63 @@
+'use strict';
+
+var index = require('./index-2GwnTbNA.js');
+var skeleton = require('./skeleton-ByLavxr1.js');
+var configState = require('./config-state-BTfJl-LU.js');
+require('./parts-9jMf1erK.js');
+require('./index-DEMVrrsF.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.isReady = false;
+    }
+    async componentWillLoad() {
+        await configState.waitForConfig();
+        this.iframeOrigin = configState.configState.iframeOrigin;
+    }
+    componentDidRender() {
+        const elements = [
+            this.accountNumberIframeElement,
+            this.routingNumberIframeElement,
+        ];
+        Promise.all(elements.map((element) => {
+            return new Promise((resolve) => {
+                element.addEventListener('iframeLoaded', () => { resolve(); });
+            });
+        })).then(() => {
+            this.isReady = true;
+        });
+    }
+    async validate() {
+        const accountNumberIsValid = await this.accountNumberIframeElement.validate();
+        const routingNumberIsValid = await this.routingNumberIframeElement.validate();
+        return accountNumberIsValid && routingNumberIsValid;
+    }
+    async tokenize(clientId, paymentMethodMetadata, account) {
+        return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
+    }
+    render() {
+        return (index.h(index.Host, { key: '1b0156c264d4eddde8a97f78fefb70bd0c997aa0' }, index.h(BankAccountFormSkeleton, { key: '34cc2e35f9f3e5d88e03343db3b2a1fcf5d1b9e2', isReady: this.isReady }), index.h("div", { key: '472a483b7061174762ff3413f1da3af8952e100d', class: "container-fluid p-0", style: {
+                opacity: this.isReady ? '1' : '0',
+                height: this.isReady ? 'auto' : '0',
+            } }, index.h("div", { key: '975830a13c6f33fe89c1a40ac6d78c1a2342154d', class: "row mb-3" }, index.h("iframe-input", { key: '0c97e7e9fcc461ff67d572d6628639eb71368502', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), index.h("div", { key: '0648b42be75e251e20e47ebcc2599e597e03f1b3', class: "row" }, index.h("iframe-input", { key: 'e33011481a387bd05335804b82957b40129ddf4e', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+    }
+};
+
+exports.bank_account_form = BankAccountForm;

package/dist/cjs/{business-additional-questions-schema-JlysTRE3.js → business-additional-questions-schema-e3GCIHk5.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var index_esm = require('./index.esm-CVuJLXJZ.js');
-var schemaValidations = require('./schema-validations-BUor-ySb.js');
+var schemaValidations = require('./schema-validations-BSeMee-o.js');
 
 const businessCoreInfoSchema = (allowOptionalFields) => {
     const schema = index_esm.create$3({

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

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
-var utils = require('./utils-5lco6NzU.js');
-var styledHost = require('./styled-host-udkBJV5h.js');
+var index = require('./index-2GwnTbNA.js');
+var utils = require('./utils-bn0fXuc-.js');
+var styledHost = require('./styled-host-IMxk64cc.js');
 require('./event-types-YOY5TKUN.js');
-var skeleton = require('./skeleton-aMh0RMHq.js');
+var skeleton = require('./skeleton-ByLavxr1.js');
 require('./parts-9jMf1erK.js');
 
 const BusinessDetailsLoading = () => {

package/dist/cjs/{business-identity-schema-BksYFWls.js → business-identity-schema-Diqj_WVQ.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var index_esm = require('./index.esm-CVuJLXJZ.js');
-var schemaValidations = require('./schema-validations-BUor-ySb.js');
+var schemaValidations = require('./schema-validations-BSeMee-o.js');
 
 const addressSchema = (allowOptionalFields) => {
     const schema = index_esm.create$3({

package/dist/cjs/{business.service-DMIMZpx4.js → business.service-DNoCHqtI.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var Api = require('./Api-Dp4CW5K6.js');
-require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-TZnRz3-3.js');
+var Api = require('./Api-BTdkb3Zh.js');
+require('./ComponentError-CEv9ltwy.js');
+require('./Checkout-BTgAlgVL.js');
 require('./Pagination-Dediz133.js');
-require('./Document-Qt0qiXeh.js');
-require('./Refund-BDFOEJv_.js');
+require('./Payment-D5UynU2f.js');
+require('./Refund-BFE-2OxN.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 

package/dist/cjs/{button-BPFSRx4d.js → button-CCZd8WSY.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
+var index = require('./index-2GwnTbNA.js');
 var parts = require('./parts-9jMf1erK.js');
 
 const ButtonSpinner = () => (index.h("div", { class: "spinner-border spinner-border-sm", role: "status", part: "button-spinner" },

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

@@ -0,0 +1,71 @@
+'use strict';
+
+var index = require('./index-2GwnTbNA.js');
+var skeleton = require('./skeleton-ByLavxr1.js');
+var configState = require('./config-state-BTfJl-LU.js');
+require('./parts-9jMf1erK.js');
+require('./index-DEMVrrsF.js');
+
+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.isReady = false;
+    }
+    async componentWillLoad() {
+        await configState.waitForConfig();
+        this.iframeOrigin = configState.configState.iframeOrigin;
+    }
+    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();
+        const expirationMonthIsValid = await this.expirationMonthIframeElement.validate();
+        const expirationYearIsValid = await this.expirationYearIframeElement.validate();
+        const cvvIsValid = await this.cvvIframeElement.validate();
+        return cardNumberIsValid && expirationMonthIsValid && expirationYearIsValid && cvvIsValid;
+    }
+    async tokenize(clientId, paymentMethodMetadata, account) {
+        return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
+    }
+    render() {
+        return (index.h(index.Host, { key: 'c43351c7ab1eb6bf413f162634f55007798bb076' }, index.h(CardFormSkeleton, { key: 'f0a29497de2270108868e892d666b552dea27a1e', isReady: this.isReady }), index.h("div", { key: '2734b111c1f2f2275435d2141445ac30482946be', class: "container-fluid p-0", style: {
+                opacity: this.isReady ? '1' : '0',
+                height: this.isReady ? 'auto' : '0',
+            } }, index.h("div", { key: '036c359caaf8fc36fa6ba56bbcad5d01de1fe9c9', class: "mb-3" }, index.h("iframe-input", { key: '9baf7dc76ff18f8dee6e6cd08b93e1ba155d5cf2', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), index.h("div", { key: 'cd54e4a30da50cfe5151b557fe1d92ebb483ad7e', class: "row" }, index.h("div", { key: '6b3e84079d606a6ffd5580deae0d6e4563d4c7ef', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '9ea2ad1c93ca90bbb4bc7a4c83a72e8f4cc9da61', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), index.h("div", { key: '9478f77f64decfcdfd77f888d54cb37f46ad8ab7', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '43191d41eb743e0c509236ea316c1afb180b8fbb', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), index.h("div", { key: '65599647fc750e6c62fb2866190ffa87689d8a5b', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'df367f3143aaff25ba9147698090ccbcea902cbf', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+    }
+};
+
+exports.card_form = CardForm;

package/dist/cjs/{check-pkg-version-hqYwYpQq.js → check-pkg-version-CgQ8N_ta.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var _package = require('./package-BCOEGxFC.js');
-var Api = require('./Api-Dp4CW5K6.js');
-require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-TZnRz3-3.js');
+var _package = require('./package-wSbEFwqE.js');
+var Api = require('./Api-BTdkb3Zh.js');
+require('./ComponentError-CEv9ltwy.js');
+require('./Checkout-BTgAlgVL.js');
 require('./Pagination-Dediz133.js');
-require('./Document-Qt0qiXeh.js');
-require('./Refund-BDFOEJv_.js');
+require('./Payment-D5UynU2f.js');
+require('./Refund-BFE-2OxN.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 

package/dist/cjs/checkout-actions-CRbQgLn0.js

@@ -0,0 +1,61 @@
+'use strict';
+
+var ComponentError = require('./ComponentError-CEv9ltwy.js');
+var utils = require('./utils-IGCnjtqc.js');
+
+const makeGetCheckout = ({ authToken, checkoutId, service }) => async ({ onSuccess, onError }) => {
+    var _a;
+    try {
+        const response = await service.fetchCheckout(authToken, checkoutId);
+        if (!response.error) {
+            const checkout = response.data;
+            onSuccess({ checkout });
+        }
+        else {
+            const responseError = utils.getErrorMessage(response.error);
+            const code = utils.getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentError.ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = utils.getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentError.ComponentErrorSeverity.ERROR,
+        });
+    }
+};
+const makeCheckoutComplete = ({ authToken, checkoutId, service }) => async ({ payment, onSuccess, onError }) => {
+    var _a;
+    try {
+        const response = await service.complete(authToken, checkoutId, payment);
+        if (!response.error) {
+            onSuccess(response);
+        }
+        else {
+            const responseError = utils.getErrorMessage(response.error);
+            const code = utils.getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentError.ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = utils.getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentError.ComponentErrorSeverity.ERROR,
+        });
+    }
+};
+
+exports.makeCheckoutComplete = makeCheckoutComplete;
+exports.makeGetCheckout = makeGetCheckout;

package/dist/cjs/{checkout.service-DKH8NODe.js → checkout.service-C3R0uykH.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var Api = require('./Api-Dp4CW5K6.js');
-require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-TZnRz3-3.js');
+var Api = require('./Api-BTdkb3Zh.js');
+require('./ComponentError-CEv9ltwy.js');
+require('./Checkout-BTgAlgVL.js');
 require('./Pagination-Dediz133.js');
-require('./Document-Qt0qiXeh.js');
-require('./Refund-BDFOEJv_.js');
+require('./Payment-D5UynU2f.js');
+require('./Refund-BFE-2OxN.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 

package/dist/cjs/checkout.store-osqdxFMq.js

@@ -0,0 +1,29 @@
+'use strict';
+
+var index = require('./index-DEMVrrsF.js');
+
+const initialState = {
+    authToken: '',
+    accountId: '',
+    paymentMethods: [],
+    paymentMethodGroupId: '',
+    paymentDescription: '',
+    totalAmount: 0,
+    paymentAmount: 0,
+    selectedPaymentMethod: '',
+    checkoutId: '',
+    bnplEnabled: false,
+    bnplProviderClientId: '',
+    bnplProviderMode: '',
+    bnplProviderApiVersion: '',
+    bnplProviderCheckoutUrl: '',
+};
+const { state, onChange } = index.createStore(initialState);
+Object.keys(initialState).forEach((key) => {
+    // @ts-ignore
+    onChange(key, (newValue) => {
+        state[key] = newValue;
+    });
+});
+
+exports.state = state;