@justifi/webcomponents 5.7.2 → 5.7.3-rc-02

package/dist/esm/{Api-cgKcLG0y.js → Api-CqimcNgb.js}

@@ -1,5 +1,5 @@
-import { w as waitForConfig, c as configState } from './config-state-CkKrqnpZ.js';
-import { g as generateId } from './utils-DB5fh6Iv.js';
+import { w as waitForConfig, c as configState } from './config-state-BjXhUj2q.js';
+import { g as generateId } from './utils-BjLkBMLe.js';
 
 const Api = () => {
     async function getAuthorizationHeader(authToken) {

package/dist/esm/{Checkout-B9LrTq63.js → Checkout-CH19cJxH.js}

@@ -1,4 +1,4 @@
-import { f as formatCurrency } from './utils-DB5fh6Iv.js';
+import { f as formatCurrency } from './utils-BjLkBMLe.js';
 
 class Completion {
     constructor(data) {
@@ -17,7 +17,7 @@ class Completion {
         this.updated_at = data.updated_at;
     }
 }
-class Checkout {
+let Checkout$1 = class Checkout {
     constructor(data) {
         var _a;
         this.id = data.id;
@@ -51,7 +51,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) {
@@ -65,12 +65,10 @@ class Checkout {
         }
         return paymentMode;
     }
-    ;
     formattedPaymentAmount(amount) {
         return formatCurrency(amount, this.payment_currency);
     }
-    ;
-}
+};
 var ICheckoutPaymentMode;
 (function (ICheckoutPaymentMode) {
     ICheckoutPaymentMode["bnpl"] = "Buy Now Pay Later";
@@ -98,4 +96,4 @@ var CompletionStatuses;
     CompletionStatuses["succeeded"] = "succeeded";
 })(CompletionStatuses || (CompletionStatuses = {}));
 
-export { Checkout as C, ICheckoutStatus as I, ICheckoutPaymentModeParam as a };
+export { Checkout$1 as C, ICheckoutStatus as I, ICheckoutPaymentModeParam as a };

package/dist/esm/{ComponentError-SdntD1xf.js → ComponentError-BhrFjjAs.js}

@@ -6,10 +6,12 @@ var ComponentErrorCodes;
     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";
 })(ComponentErrorCodes || (ComponentErrorCodes = {}));
 var ComponentErrorSeverity;
 (function (ComponentErrorSeverity) {

package/dist/esm/{Dispute-BH0Xfn-F.js → Dispute-7MWRbTXI.js}

@@ -54,4 +54,4 @@ class DisputeResponse {
     }
 }
 
-export { Dispute as D, DisputeStatus as a };
+export { DisputeStatus as D, Dispute as a };

package/dist/esm/{Document-DvWsQBM6.js → Payment-BEvE6jAC.js}

@@ -1,5 +1,5 @@
-import { f as formatCurrency } from './utils-DB5fh6Iv.js';
-import { a as DisputeStatus } from './Dispute-BH0Xfn-F.js';
+import { f as formatCurrency } from './utils-BjLkBMLe.js';
+import { D as DisputeStatus } from './Dispute-7MWRbTXI.js';
 
 var CaptureStrategy;
 (function (CaptureStrategy) {
@@ -146,58 +146,4 @@ class Payment {
     }
 }
 
-var EntityDocumentType;
-(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";
-})(EntityDocumentType || (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;
-    }
-}
-
-export { EntityDocumentType as E, Payment as P, EntityDocumentStorage as a, EntityDocument as b, PaymentMethodTypes as c };
+export { Payment as P, PaymentMethodTypes as a };

package/dist/esm/{Refund-zZewCvey.js → Refund-BKe90wSq.js}

@@ -1,4 +1,4 @@
-import { f as formatCurrency } from './utils-DB5fh6Iv.js';
+import { f as formatCurrency } from './utils-BjLkBMLe.js';
 
 var PaymentBalanceTxnType;
 (function (PaymentBalanceTxnType) {
@@ -256,6 +256,60 @@ class SubAccount {
     }
 }
 
+var EntityDocumentType;
+(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";
+})(EntityDocumentType || (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";
@@ -276,4 +330,4 @@ class RefundPayload {
     }
 }
 
-export { ITerminalStatus as I, Payout as P, RefundReasons as R, SubAccount as S, TerminalOrderStatus as T, TerminalOrderType as a, Terminal as b, PaymentBalanceTransaction as c, PayoutBalanceTransaction as d, TerminalOrder as e, TerminalModel as f, RefundPayload as g };
+export { EntityDocumentType as E, ITerminalStatus as I, Payout as P, RefundReasons as R, SubAccount as S, TerminalOrderStatus as T, TerminalOrderType as a, Terminal as b, PaymentBalanceTransaction as c, PayoutBalanceTransaction as d, TerminalOrder as e, TerminalModel as f, RefundPayload as g, EntityDocumentStorage as h, EntityDocument as i };

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, H as Host } from './index-D6FDxSyt.js';
-import { c as DetailItem, D as DetailSectionTitle } from './utils-BpP_VJGf.js';
-import { l as isEmptyObject, s as snakeCaseToHumanReadable, m as formatMediumDate } from './utils-DB5fh6Iv.js';
-import './parts-BrLVc_85.js';
+import { r as registerInstance, h, H as Host } from './index-Bta_r52Z.js';
+import { c as DetailItem, D as DetailSectionTitle } from './utils-B-aPFy3u.js';
+import { m as isEmptyObject, i as snakeCaseToHumanReadable, n as formatMediumDate } from './utils-BjLkBMLe.js';
+import './parts-C71Mxtso.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 
 const AdditionalQuestionsDetails = class {

package/dist/esm/{badge-Du9GTXoB.js → badge-BoemLewg.js}

@@ -1,5 +1,5 @@
-import { h } from './index-D6FDxSyt.js';
-import { F as badgeDark, G as badgeLight, H as badgeInfo, I as badgeWarning, J as badgeDanger, K as badgeSuccess, L as badgeSecondary, M as badgePrimary, N as badge } from './parts-BrLVc_85.js';
+import { h } from './index-Bta_r52Z.js';
+import { E as badgeDark, F as badgeLight, G as badgeInfo, H as badgeWarning, I as badgeDanger, J as badgeSuccess, K as badgeSecondary, L as badgePrimary, M as badge } from './parts-C71Mxtso.js';
 
 var BadgeVariant;
 (function (BadgeVariant) {

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

@@ -1,21 +1,21 @@
-import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-D6FDxSyt.js';
-import './config-state-CkKrqnpZ.js';
-import { s as snakeCaseToHumanReadable, d as formatDate, i as formatTimeSeconds } from './utils-DB5fh6Iv.js';
-import './ComponentError-SdntD1xf.js';
-import './Checkout-B9LrTq63.js';
+import { r as registerInstance, h, H as Host, c as createEvent, a as getElement } from './index-Bta_r52Z.js';
+import './config-state-BjXhUj2q.js';
+import { i as snakeCaseToHumanReadable, d as formatDate, j as formatTimeSeconds } from './utils-BjLkBMLe.js';
+import './ComponentError-BhrFjjAs.js';
+import './Checkout-CH19cJxH.js';
 import './Pagination-CLHwhyvu.js';
-import { E as EntityDocumentType } from './Document-DvWsQBM6.js';
-import './Refund-zZewCvey.js';
+import './Payment-BEvE6jAC.js';
+import { E as EntityDocumentType } from './Refund-BKe90wSq.js';
 import './Business-BCoP0TAV.js';
-import './Dispute-BH0Xfn-F.js';
+import './Dispute-7MWRbTXI.js';
 import { c as bankAccountTypeOptions } from './business-form-options-CgssATyg.js';
 import './event-types-XYgDHrVL.js';
 import { n as numberOnlyHandler } from './utils-BnjCmwMr.js';
-import { X as card, D as heading2, ai as table, P as tableHeadCell, aj as tableCell, c as input, l as label, b as inputInvalid, R as inputDisabled, a as inputFocused } from './parts-BrLVc_85.js';
-import { S as Skeleton } from './skeleton-Dlpibtr0.js';
+import { Y as card, C as heading2, ak as table, O as tableHeadCell, al as tableCell, c as input, l as label, b as inputInvalid, U as inputDisabled, a as inputFocused } from './parts-C71Mxtso.js';
+import { S as Skeleton } from './skeleton-BVM4XTj9.js';
 import './event-types-CZfYo5-1.js';
-import { F as FormControlErrorText } from './form-control-error-text-tGFxd6kW.js';
-import './index-Cc3u0uDC.js';
+import { F as FormControlErrorText } from './form-control-error-text-C4vfc3el.js';
+import './index-Cf8VXyXg.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
@@ -98,10 +98,10 @@ const FileInput = class {
         return part;
     }
     render() {
-        return (h(Host, { key: 'c34cbf8874c33d945d81a93646372ac9dc687362' }, h("div", { key: 'cacf5f210a0adb6f408ac05efe4279d9eb1ae3b8', class: "form-group d-flex flex-column" }, h("div", { key: '936cb5268fa2c63f9931895f7a0b46ed5b4776ec', class: "d-flex align-items-start gap-2" }, h("label", { key: '6dc1dd3be36337cc3c4bb72a4e4d42c6e7c2a239', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '4c4a2c965882e7e96d36b16e6448fa4efd003950', helpText: this.helpText })), 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 (h(Host, { key: '329fd1cedefedb6bd17acfbb30adfefecefb19ca' }, h("div", { key: 'abdd1db599e47f367bc56008386026361ee8aa3b', class: "form-group d-flex flex-column" }, h("div", { key: '9306d438e038947b68cc3b8b2faa2ab412fab203', class: "d-flex align-items-start gap-2" }, h("label", { key: '164c4e92e01d5219013623d0edaa3c96a814ff6c', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '2d7fe58881cfa259f3d2ba8edbc6f07411ea26c6', helpText: this.helpText })), 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();
-            } }), h(FormControlErrorText, { key: '7359b6f39ac038230ce1d2d60454a4d4e69c6bb9', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '02ffabfccf4e06936e0ed44fe2ad715f7f44fe3f', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -0,0 +1,61 @@
+import { h, r as registerInstance, H as Host } from './index-Bta_r52Z.js';
+import { S as Skeleton } from './skeleton-BVM4XTj9.js';
+import { w as waitForConfig, c as configState } from './config-state-BjXhUj2q.js';
+import './parts-C71Mxtso.js';
+import './index-Cf8VXyXg.js';
+
+const BankAccountFormSkeleton = (props) => {
+    const { isReady } = props;
+    if (isReady) {
+        return null;
+    }
+    return (h("div", { class: "container-fluid p-0" },
+        h("div", { class: "row mb-3" },
+            h("div", { class: "col-12 align-content-end" },
+                h(Skeleton, { height: "18px", width: "120px" }),
+                h(Skeleton, { height: "36px" }))),
+        h("div", { class: "row" },
+            h("div", { class: "col-12 align-content-end" },
+                h(Skeleton, { height: "18px", width: "110px" }),
+                h(Skeleton, { height: "36px" })))));
+};
+
+const BankAccountForm = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.isReady = false;
+    }
+    async componentWillLoad() {
+        await waitForConfig();
+        this.iframeOrigin = 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 (h(Host, { key: '1b0156c264d4eddde8a97f78fefb70bd0c997aa0' }, h(BankAccountFormSkeleton, { key: '34cc2e35f9f3e5d88e03343db3b2a1fcf5d1b9e2', isReady: this.isReady }), h("div", { key: '472a483b7061174762ff3413f1da3af8952e100d', class: "container-fluid p-0", style: {
+                opacity: this.isReady ? '1' : '0',
+                height: this.isReady ? 'auto' : '0',
+            } }, h("div", { key: '975830a13c6f33fe89c1a40ac6d78c1a2342154d', class: "row mb-3" }, h("iframe-input", { key: '0c97e7e9fcc461ff67d572d6628639eb71368502', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '0648b42be75e251e20e47ebcc2599e597e03f1b3', class: "row" }, h("iframe-input", { key: 'e33011481a387bd05335804b82957b40129ddf4e', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+    }
+};
+
+export { BankAccountForm as bank_account_form };

package/dist/esm/{business-additional-questions-schema-CBUm3D7O.js → business-additional-questions-schema-uQlQ8fXQ.js}

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

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

@@ -1,9 +1,9 @@
-import { h, F as Fragment, r as registerInstance, c as createEvent } from './index-D6FDxSyt.js';
-import { E as ErrorState } from './utils-BpP_VJGf.js';
-import { S as StyledHost } from './styled-host-C7vaWLiB.js';
+import { h, F as Fragment, r as registerInstance, c as createEvent } from './index-Bta_r52Z.js';
+import { E as ErrorState } from './utils-B-aPFy3u.js';
+import { S as StyledHost } from './styled-host-BSX_LSdk.js';
 import './event-types-CZfYo5-1.js';
-import { S as Skeleton } from './skeleton-Dlpibtr0.js';
-import './parts-BrLVc_85.js';
+import { S as Skeleton } from './skeleton-BVM4XTj9.js';
+import './parts-C71Mxtso.js';
 
 const BusinessDetailsLoading = () => {
     const Block = () => (h("div", { class: "mt-5" },

package/dist/esm/{business-identity-schema-CntGz8jo.js → business-identity-schema-BsrgqgDl.js}

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

package/dist/esm/{business.service-BWivPbyO.js → business.service-wY8gOZQr.js}

@@ -1,11 +1,11 @@
-import { A as Api } from './Api-cgKcLG0y.js';
-import './ComponentError-SdntD1xf.js';
-import './Checkout-B9LrTq63.js';
+import { A as Api } from './Api-CqimcNgb.js';
+import './ComponentError-BhrFjjAs.js';
+import './Checkout-CH19cJxH.js';
 import './Pagination-CLHwhyvu.js';
-import './Document-DvWsQBM6.js';
-import './Refund-zZewCvey.js';
+import './Payment-BEvE6jAC.js';
+import './Refund-BKe90wSq.js';
 import './Business-BCoP0TAV.js';
-import './Dispute-BH0Xfn-F.js';
+import './Dispute-7MWRbTXI.js';
 
 const api = Api();
 class BusinessService {

package/dist/esm/{button-CjH5C0pG.js → button-BcLzheaP.js}

@@ -1,5 +1,5 @@
-import { h } from './index-D6FDxSyt.js';
-import { ac as buttonSecondary, ad as buttonPrimary, ae as buttonLoading } from './parts-BrLVc_85.js';
+import { h } from './index-Bta_r52Z.js';
+import { ad as buttonSecondary, ae as buttonPrimary, af as buttonLoading } from './parts-C71Mxtso.js';
 
 const ButtonSpinner = () => (h("div", { class: "spinner-border spinner-border-sm", role: "status", part: "button-spinner" },
     h("span", { class: "visually-hidden" }, "Loading...")));

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

@@ -0,0 +1,69 @@
+import { h, r as registerInstance, H as Host } from './index-Bta_r52Z.js';
+import { S as Skeleton } from './skeleton-BVM4XTj9.js';
+import { w as waitForConfig, c as configState } from './config-state-BjXhUj2q.js';
+import './parts-C71Mxtso.js';
+import './index-Cf8VXyXg.js';
+
+const CardFormSkeleton = (props) => {
+    const { isReady } = props;
+    if (isReady) {
+        return null;
+    }
+    return (h("div", { class: "container-fluid p-0" },
+        h("div", { class: "mb-3" },
+            h(Skeleton, { height: "18px", width: "100px" }),
+            h(Skeleton, { height: "36px" })),
+        h("div", { class: "row" },
+            h("div", { class: "col-4 align-content-end" },
+                h(Skeleton, { height: "18px", width: "80px" }),
+                h(Skeleton, { height: "36px" })),
+            h("div", { class: "col-4 align-content-end" },
+                h(Skeleton, { height: "36px" })),
+            h("div", { class: "col-4 align-content-end" },
+                h(Skeleton, { height: "18px", width: "30px" }),
+                h(Skeleton, { height: "36px" })))));
+};
+
+const CardForm = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.isReady = false;
+    }
+    async componentWillLoad() {
+        await waitForConfig();
+        this.iframeOrigin = 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 (h(Host, { key: 'c43351c7ab1eb6bf413f162634f55007798bb076' }, h(CardFormSkeleton, { key: 'f0a29497de2270108868e892d666b552dea27a1e', isReady: this.isReady }), h("div", { key: '2734b111c1f2f2275435d2141445ac30482946be', class: "container-fluid p-0", style: {
+                opacity: this.isReady ? '1' : '0',
+                height: this.isReady ? 'auto' : '0',
+            } }, h("div", { key: '036c359caaf8fc36fa6ba56bbcad5d01de1fe9c9', class: "mb-3" }, h("iframe-input", { key: '9baf7dc76ff18f8dee6e6cd08b93e1ba155d5cf2', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: 'cd54e4a30da50cfe5151b557fe1d92ebb483ad7e', class: "row" }, h("div", { key: '6b3e84079d606a6ffd5580deae0d6e4563d4c7ef', class: "col-4 align-content-end" }, h("iframe-input", { key: '9ea2ad1c93ca90bbb4bc7a4c83a72e8f4cc9da61', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '9478f77f64decfcdfd77f888d54cb37f46ad8ab7', class: "col-4 align-content-end" }, h("iframe-input", { key: '43191d41eb743e0c509236ea316c1afb180b8fbb', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: '65599647fc750e6c62fb2866190ffa87689d8a5b', class: "col-4 align-content-end" }, h("iframe-input", { key: 'df367f3143aaff25ba9147698090ccbcea902cbf', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+    }
+};
+
+export { CardForm as card_form };

package/dist/esm/{check-pkg-version-BykGn7tx.js → check-pkg-version-BmebRZ4u.js}

@@ -1,12 +1,12 @@
-import { p as packageJson } from './package-BjMTOtI1.js';
-import { A as Api } from './Api-cgKcLG0y.js';
-import './ComponentError-SdntD1xf.js';
-import './Checkout-B9LrTq63.js';
+import { p as packageJson } from './package-CJdXAC5R.js';
+import { A as Api } from './Api-CqimcNgb.js';
+import './ComponentError-BhrFjjAs.js';
+import './Checkout-CH19cJxH.js';
 import './Pagination-CLHwhyvu.js';
-import './Document-DvWsQBM6.js';
-import './Refund-zZewCvey.js';
+import './Payment-BEvE6jAC.js';
+import './Refund-BKe90wSq.js';
 import './Business-BCoP0TAV.js';
-import './Dispute-BH0Xfn-F.js';
+import './Dispute-7MWRbTXI.js';
 
 const api = Api();
 class AnalyticsService {

package/dist/esm/checkout-actions-UQ6g1s7I.js

@@ -0,0 +1,58 @@
+import { C as ComponentErrorSeverity } from './ComponentError-BhrFjjAs.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-BZvep88z.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 = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: 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 = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+};
+
+export { makeCheckoutComplete as a, makeGetCheckout as m };

package/dist/esm/{checkout.service-Bh-Q24Cr.js → checkout.service-Ci9Zkxiz.js}

@@ -1,11 +1,11 @@
-import { A as Api } from './Api-cgKcLG0y.js';
-import './ComponentError-SdntD1xf.js';
-import './Checkout-B9LrTq63.js';
+import { A as Api } from './Api-CqimcNgb.js';
+import './ComponentError-BhrFjjAs.js';
+import './Checkout-CH19cJxH.js';
 import './Pagination-CLHwhyvu.js';
-import './Document-DvWsQBM6.js';
-import './Refund-zZewCvey.js';
+import './Payment-BEvE6jAC.js';
+import './Refund-BKe90wSq.js';
 import './Business-BCoP0TAV.js';
-import './Dispute-BH0Xfn-F.js';
+import './Dispute-7MWRbTXI.js';
 
 const api = Api();
 class CheckoutService {

package/dist/esm/checkout.store-DQrlfeus.js

@@ -0,0 +1,27 @@
+import { c as createStore } from './index-Cf8VXyXg.js';
+
+const initialState = {
+    authToken: '',
+    accountId: '',
+    paymentMethods: [],
+    paymentMethodGroupId: '',
+    paymentDescription: '',
+    totalAmount: 0,
+    paymentAmount: 0,
+    selectedPaymentMethod: '',
+    checkoutId: '',
+    bnplEnabled: false,
+    bnplProviderClientId: '',
+    bnplProviderMode: '',
+    bnplProviderApiVersion: '',
+    bnplProviderCheckoutUrl: '',
+};
+const { state, onChange } = createStore(initialState);
+Object.keys(initialState).forEach((key) => {
+    // @ts-ignore
+    onChange(key, (newValue) => {
+        state[key] = newValue;
+    });
+});
+
+export { state as s };