@justifi/webcomponents 5.7.3-rc-02 → 5.7.4-rc-01

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

@@ -1,16 +1,16 @@
-import { r as registerInstance, c as createEvent, h } from './index-Bta_r52Z.js';
-import { E as ErrorState } from './utils-B-aPFy3u.js';
-import { B as BusinessService } from './business.service-wY8gOZQr.js';
+import { r as registerInstance, c as createEvent, h } from './index-N3w5zrz2.js';
+import { E as ErrorState } from './utils-BGp_IJEa.js';
+import { B as BusinessService } from './business.service-BMABw2vX.js';
 import { m as makeGetBusiness } from './get-business-BSRtbTh7.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-BhrFjjAs.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-BmebRZ4u.js';
-import './parts-C71Mxtso.js';
-import './Api-CqimcNgb.js';
-import './config-state-BjXhUj2q.js';
-import './index-Cf8VXyXg.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics-B3nThWuq.js';
+import './parts-_6eQgwfE.js';
+import './Api-C3T8XYbb.js';
+import './config-state-B3mtRA6f.js';
+import './index-BAq5IUBW.js';
 import './utils-BjLkBMLe.js';
 import './_commonjsHelpers-BFTU3MAI.js';
-import './Checkout-CH19cJxH.js';
+import './Checkout-CV6qgU0r.js';
 import './Pagination-CLHwhyvu.js';
 import './Payment-BEvE6jAC.js';
 import './Dispute-7MWRbTXI.js';
@@ -19,7 +19,7 @@ import './Business-BCoP0TAV.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
 import './utils-BZvep88z.js';
-import './package-CJdXAC5R.js';
+import './package-rzqedGq4.js';
 
 const BusinessDetails = class {
     constructor(hostRef) {

package/dist/esm/justifi-business-form.entry.js

@@ -1,34 +1,34 @@
-import { h, r as registerInstance, c as createEvent } from './index-Bta_r52Z.js';
-import { c as create$3, F as FormController } from './index.esm-BCNUj0Dx.js';
-import { b as businessCoreInfoSchema, a as additionalQuestionsSchema } from './business-additional-questions-schema-uQlQ8fXQ.js';
-import { i as identitySchema, a as addressSchema } from './business-identity-schema-BsrgqgDl.js';
-import './config-state-BjXhUj2q.js';
+import { h, r as registerInstance, c as createEvent } from './index-N3w5zrz2.js';
+import { c as create$3, F as FormController } from './form-BjGUIqxU.js';
+import { b as businessCoreInfoSchema, a as additionalQuestionsSchema } from './business-additional-questions-schema-D00MNMDJ.js';
+import { i as identitySchema, a as addressSchema } from './business-identity-schema-pxSsAdgG.js';
+import './config-state-B3mtRA6f.js';
 import './utils-BjLkBMLe.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-BhrFjjAs.js';
-import './Checkout-CH19cJxH.js';
+import './Checkout-CV6qgU0r.js';
 import './Pagination-CLHwhyvu.js';
 import './Payment-BEvE6jAC.js';
 import './Refund-BKe90wSq.js';
 import { B as Business, b as BusinessFormServerErrors } from './Business-BCoP0TAV.js';
 import './Dispute-7MWRbTXI.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-BmebRZ4u.js';
-import { B as Button } from './button-BcLzheaP.js';
-import { S as StyledHost } from './styled-host-BSX_LSdk.js';
-import { H as Header1 } from './header-1-CmImLcLi.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics-B3nThWuq.js';
+import { B as Button } from './button-5hc5r__m.js';
+import { S as StyledHost } from './styled-host-DtvbNFVU.js';
+import { H as Header1 } from './header-1-CUc5m0Ge.js';
 import './event-types-CZfYo5-1.js';
-import { S as Skeleton } from './skeleton-BVM4XTj9.js';
+import { S as Skeleton } from './skeleton-C0KgFH0Z.js';
 import { B as BusinessFormClickActions } from './event-types-XYgDHrVL.js';
 import { m as makeGetBusiness, b as makePatchBusiness } from './payment-provisioning-actions-2qP7AtHj.js';
-import { B as BusinessService } from './business.service-wY8gOZQr.js';
+import { B as BusinessService } from './business.service-BMABw2vX.js';
 import './_commonjsHelpers-BFTU3MAI.js';
-import './schema-validations-DLWfpHyI.js';
+import './schema-validations-C7pC-de1.js';
 import './state-options-BX8GieXu.js';
 import './business-form-options-CgssATyg.js';
-import './index-Cf8VXyXg.js';
+import './index-BAq5IUBW.js';
 import './helpers-Mu7LQT-w.js';
-import './package-CJdXAC5R.js';
-import './Api-CqimcNgb.js';
-import './parts-C71Mxtso.js';
+import './package-rzqedGq4.js';
+import './Api-C3T8XYbb.js';
+import './parts-_6eQgwfE.js';
 import './utils-BZvep88z.js';
 
 const businessFormSchema = create$3(Object.assign(Object.assign({}, businessCoreInfoSchema().fields), { legal_address: addressSchema(), additional_questions: additionalQuestionsSchema(), representative: identitySchema('representative') }));

package/dist/esm/justifi-business-representative-form-inputs.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h } from './index-Bta_r52Z.js';
+import { r as registerInstance, h } from './index-N3w5zrz2.js';
 import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfBirthFormValues } from './input-handlers-CX6mSvOM.js';
 import { P as PHONE_MASKS, S as SSN_MASK } from './form-input-masks-B-iV5cYd.js';
-import { C as heading2 } from './parts-C71Mxtso.js';
+import { x as heading2 } from './parts-_6eQgwfE.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
 

package/dist/esm/{card-form.entry.js → justifi-card-form.entry.js}

@@ -1,8 +1,24 @@
-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';
+import { h, r as registerInstance } from './index-N3w5zrz2.js';
+import { S as Skeleton } from './skeleton-C0KgFH0Z.js';
+import './event-types-CZfYo5-1.js';
+import { S as StyledHost } from './styled-host-DtvbNFVU.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics-B3nThWuq.js';
+import { w as waitForConfig, c as configState } from './config-state-B3mtRA6f.js';
+import './parts-_6eQgwfE.js';
+import './package-rzqedGq4.js';
+import './Api-C3T8XYbb.js';
+import './utils-BjLkBMLe.js';
+import './_commonjsHelpers-BFTU3MAI.js';
+import './ComponentError-BhrFjjAs.js';
+import './Checkout-CV6qgU0r.js';
+import './Pagination-CLHwhyvu.js';
+import './Payment-BEvE6jAC.js';
+import './Dispute-7MWRbTXI.js';
+import './Refund-BKe90wSq.js';
+import './Business-BCoP0TAV.js';
+import './helpers-Mu7LQT-w.js';
+import './state-options-BX8GieXu.js';
+import './index-BAq5IUBW.js';
 
 const CardFormSkeleton = (props) => {
     const { isReady } = props;
@@ -24,7 +40,7 @@ const CardFormSkeleton = (props) => {
                 h(Skeleton, { height: "36px" })))));
 };
 
-const CardForm = class {
+const JustifiCardForm = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.isReady = false;
@@ -32,6 +48,8 @@ const CardForm = class {
     async componentWillLoad() {
         await waitForConfig();
         this.iframeOrigin = configState.iframeOrigin;
+        checkPkgVersion();
+        this.analytics = new JustifiAnalytics(this);
     }
     componentDidRender() {
         const elements = [
@@ -48,6 +66,10 @@ const CardForm = class {
             this.isReady = true;
         });
     }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
+    }
     async validate() {
         const cardNumberIsValid = await this.cardNumberIframeElement.validate();
         const expirationMonthIsValid = await this.expirationMonthIframeElement.validate();
@@ -55,15 +77,15 @@ const CardForm = class {
         const cvvIsValid = await this.cvvIframeElement.validate();
         return cardNumberIsValid && expirationMonthIsValid && expirationYearIsValid && cvvIsValid;
     }
-    async tokenize(clientId, paymentMethodMetadata, account) {
+    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: {
+        return (h(StyledHost, { key: '1b42c4a2b0adbd4d98bffc0cc0355ba7b1e10474' }, h(CardFormSkeleton, { key: 'ae04801424ca38c3831b951bcb6835ffcc1ccd94', isReady: this.isReady }), h("hidden-input", { key: '55396096f088bc5cde3b003ddaa9afda6848dfda' }), h("div", { key: '18f68ac5871fcb7ba8ce270bb552871709f468dd', 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` }))))));
+            } }, h("div", { key: '3c9711c64c5d60a121545394c22c382be93882ed', class: "mb-3" }, h("iframe-input", { key: '45401d0f9f8abd4197bd6651c28f531562431989', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '60bae8a0fb35d86ec46d59f400e86af4a97d4c6a', class: "row" }, h("div", { key: '44883bb16cd5bb65fefb8e6b627b52625c2776d3', class: "col-4 align-content-end" }, h("iframe-input", { key: 'a9df6d2a23e7f586f08623a9e14c19264252c8e7', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '5436effb8f457cb4dae945e3d7ca29c9441df724', class: "col-4 align-content-end" }, h("iframe-input", { key: '550096ddd5488e3cd11b0ab6985636eedc8f0dda', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: 'a6a207066d6ef70c7c3545d9412eb6be0d252062', class: "col-4 align-content-end" }, h("iframe-input", { key: '74a1bec5108a25f6e6f953abf25bc756293dea99', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
     }
 };
 
-export { CardForm as card_form };
+export { JustifiCardForm as justifi_card_form };

package/dist/esm/justifi-checkout-core.entry.js

@@ -1,16 +1,16 @@
-import { r as registerInstance, c as createEvent, h } from './index-Bta_r52Z.js';
+import { r as registerInstance, c as createEvent, h } from './index-N3w5zrz2.js';
 import { f as formatCurrency } from './utils-BjLkBMLe.js';
-import { C as Checkout$1 } from './Checkout-CH19cJxH.js';
+import { C as Checkout } from './Checkout-CV6qgU0r.js';
 import { C as ComponentErrorSeverity } from './ComponentError-BhrFjjAs.js';
-import { v as validateInsuranceValues, i as insuranceValuesOn, a as insuranceValues, H as Header2 } from './insurance-state-DMexHdvO.js';
-import { B as Button } from './button-BcLzheaP.js';
-import { S as StyledHost } from './styled-host-BSX_LSdk.js';
-import { S as Skeleton } from './skeleton-BVM4XTj9.js';
-import { t as text, d as checkoutSummary } from './parts-C71Mxtso.js';
-import { H as Header3 } from './header-3-BMoxz2Hr.js';
+import { v as validateInsuranceValues, i as insuranceValuesOn, a as insuranceValues, H as Header2 } from './insurance-state-Br0fBMFI.js';
+import { B as Button } from './button-5hc5r__m.js';
+import { S as StyledHost } from './styled-host-DtvbNFVU.js';
+import { S as Skeleton } from './skeleton-C0KgFH0Z.js';
+import { t as text, V as checkoutSummary } from './parts-_6eQgwfE.js';
+import { H as Header3 } from './header-3-BXU3iN46.js';
 import './event-types-CZfYo5-1.js';
 import './_commonjsHelpers-BFTU3MAI.js';
-import './index-Cf8VXyXg.js';
+import './index-BAq5IUBW.js';
 
 const CheckoutCore = class {
     constructor(hostRef) {
@@ -73,7 +73,7 @@ const CheckoutCore = class {
         this.renderState = 'loading';
         this.getCheckout({
             onSuccess: ({ checkout }) => {
-                this.checkout = new Checkout$1(checkout);
+                this.checkout = new Checkout(checkout);
                 const { status } = this.checkout;
                 this.loaded.emit({ checkout_status: status });
                 this.renderState = 'success';

package/dist/esm/justifi-checkout-summary.entry.js

@@ -0,0 +1,19 @@
+import { r as registerInstance, h } from './index-N3w5zrz2.js';
+import { t as text } from './parts-_6eQgwfE.js';
+import { f as formatCurrency } from './utils-BjLkBMLe.js';
+import { s as state } from './checkout.store-Ffl2B_i4.js';
+import { S as StyledHost } from './styled-host-DtvbNFVU.js';
+import './event-types-CZfYo5-1.js';
+import './_commonjsHelpers-BFTU3MAI.js';
+import './index-BAq5IUBW.js';
+
+const Summary = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (h(StyledHost, { key: '9a2eea1693287ad73dfedd3ddc24e949e9d75148' }, h("section", { key: '1943be6cef0c4a1c830ddfc14d893c3906482534' }, h("div", { key: 'cf3f41d3dd3c9829d93d7e56e3d2dfabbd99ccef' }, h("div", { key: 'b5bc944a5310252dc0720e3e7d709f1a57f898c8', part: text }, state === null || state === void 0 ? void 0 : state.paymentDescription), h("div", { key: 'dbe53880d7c3ff8d4513a570e1b024f1e2f43028' }, h("span", { key: 'd8986a9265463d8f9d7f62598cc4ec3203081c09', part: text }, "Total"), "\u00A0", h("span", { key: '32cbc6e259fdee2c71ad72fcf59ab157704c4758', part: text }, formatCurrency(+(state === null || state === void 0 ? void 0 : state.totalAmount))))))));
+    }
+};
+
+export { Summary as justifi_checkout_summary };

package/dist/esm/justifi-checkout.entry.js

@@ -1,72 +1,31 @@
-import { r as registerInstance, c as createEvent, h } from './index-Bta_r52Z.js';
-import { m as makeGetCheckout } from './checkout-actions-UQ6g1s7I.js';
-import { C as CheckoutService } from './checkout.service-Ci9Zkxiz.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-BmebRZ4u.js';
-import './config-state-BjXhUj2q.js';
+import { r as registerInstance, c as createEvent, h } from './index-N3w5zrz2.js';
+import { m as makeGetCheckout, a as makeCheckoutComplete } from './checkout-actions-UQ6g1s7I.js';
+import { C as CheckoutService } from './checkout.service-jmweME4d.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-BhrFjjAs.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics-B3nThWuq.js';
+import { s as state } from './checkout.store-Ffl2B_i4.js';
+import './utils-BZvep88z.js';
+import './Api-C3T8XYbb.js';
+import './config-state-B3mtRA6f.js';
+import './index-BAq5IUBW.js';
 import './utils-BjLkBMLe.js';
-import './ComponentError-BhrFjjAs.js';
-import { C as Checkout$1 } from './Checkout-CH19cJxH.js';
+import './_commonjsHelpers-BFTU3MAI.js';
+import './Checkout-CV6qgU0r.js';
 import './Pagination-CLHwhyvu.js';
 import './Payment-BEvE6jAC.js';
+import './Dispute-7MWRbTXI.js';
 import './Refund-BKe90wSq.js';
 import './Business-BCoP0TAV.js';
-import './Dispute-7MWRbTXI.js';
-import { s as state } from './checkout.store-DQrlfeus.js';
-import { B as Button } from './button-BcLzheaP.js';
-import { S as StyledHost } from './styled-host-BSX_LSdk.js';
-import { S as Skeleton } from './skeleton-BVM4XTj9.js';
-import { d as checkoutSummary } from './parts-C71Mxtso.js';
-import { i as insuranceValuesOn, a as insuranceValues, v as validateInsuranceValues, H as Header2 } from './insurance-state-DMexHdvO.js';
-import { H as Header3 } from './header-3-BMoxz2Hr.js';
-import './event-types-CZfYo5-1.js';
-import './utils-BZvep88z.js';
-import './Api-CqimcNgb.js';
-import './package-CJdXAC5R.js';
-import './index-Cf8VXyXg.js';
-import './_commonjsHelpers-BFTU3MAI.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
+import './package-rzqedGq4.js';
 
 const Checkout = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.errorEvent = createEvent(this, "error-event");
-        this.submitEvent = createEvent(this, "submit-event");
         this.loadedEvent = createEvent(this, "loaded");
         this.errorMessage = '';
-        this.insuranceToggled = false;
-        this.renderState = 'loading';
-        this.fetchData = () => {
-            this.renderState = 'loading';
-            const actionsConfig = {
-                authToken: this.authToken,
-                checkoutId: this.checkoutId,
-                service: new CheckoutService()
-            };
-            const getCheckout = makeGetCheckout(actionsConfig);
-            getCheckout({
-                onSuccess: ({ checkout }) => {
-                    this.checkout = new Checkout$1(checkout);
-                    const { status } = this.checkout;
-                    this.loadedEvent.emit({ checkout_status: status });
-                    this.renderState = 'success';
-                },
-                onError: ({ error, code, severity }) => {
-                    this.serverError = error;
-                    this.renderState = 'error';
-                    this.errorEvent.emit({
-                        errorCode: code,
-                        message: error,
-                        severity,
-                    });
-                }
-            });
-        };
-    }
-    propChanged() {
-        state.authToken = this.authToken;
-        state.checkoutId = this.checkoutId;
-        this.fetchData();
     }
     connectedCallback() {
         if (this.authToken && this.checkoutId) {
@@ -77,56 +36,52 @@ const Checkout = class {
     componentWillLoad() {
         checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
-        this.fetchData();
-        // Refresh the checkout data when insurance is added or removed
-        insuranceValuesOn('set', (key) => {
-            const value = insuranceValues[key];
-            if (value !== undefined) {
-                this.insuranceToggled = value;
-                this.fetchData();
-            }
-        });
+        this.initializeGetCheckout();
     }
     disconnectedCallback() {
         var _a;
         (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     ;
-    async submit(_event) {
-        // calls the submitCheckout method on the checkout wrapper
-        this.modularCheckoutRef.submitCheckout();
-    }
-    get isLoading() {
-        return this.renderState === 'loading';
-    }
-    get summary() {
-        return (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h(Skeleton, { height: "24px" })), h("justifi-checkout-summary", null)));
-    }
-    get paymentTypeHeader() {
-        const showPaymentTypeHeader = !this.disableCreditCard && !this.disableBankAccount;
-        if (!showPaymentTypeHeader)
-            return null;
-        return (h(Header3, { text: "Select payment type", class: "fs-6 fw-bold lh-lg" }));
+    initializeGetCheckout() {
+        if (this.authToken && this.checkoutId) {
+            this.getCheckout = makeGetCheckout({
+                authToken: this.authToken,
+                checkoutId: this.checkoutId,
+                service: new CheckoutService()
+            });
+            this.complete = makeCheckoutComplete({
+                authToken: this.authToken,
+                checkoutId: this.checkoutId,
+                service: new CheckoutService()
+            });
+        }
+        else {
+            this.errorEvent.emit({
+                message: 'auth-token and checkout-id are required',
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
     }
-    get paymentType() {
-        var _a, _b, _c, _d, _e;
-        return (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h(Skeleton, { height: "300px" })), h("div", { class: this.isLoading && 'visually-hidden' }, h("justifi-payment-method-options", { ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": !this.disableBnpl, paymentMethodGroupId: (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_method_group_id, "show-saved-payment-methods": !this.disablePaymentMethodGroup, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, bnpl: (_b = this.checkout) === null || _b === void 0 ? void 0 : _b.bnpl, authToken: this.authToken, "account-id": (_c = this.checkout) === null || _c === void 0 ? void 0 : _c.account_id, savedPaymentMethods: ((_d = this.checkout) === null || _d === void 0 ? void 0 : _d.payment_methods) || [], paymentAmount: (_e = this.checkout) === null || _e === void 0 ? void 0 : _e.payment_amount, insuranceToggled: this.insuranceToggled }))));
+    propChanged() {
+        state.authToken = this.authToken;
+        state.checkoutId = this.checkoutId;
+        this.initializeGetCheckout();
     }
     async fillBillingForm(fields) {
-        this.paymentMethodOptionsRef.fillBillingForm(fields);
+        this.checkoutCoreRef.fillBillingForm(fields);
     }
     async validate() {
-        const insuranceValidation = validateInsuranceValues();
-        const { isValid } = await this.paymentMethodOptionsRef.validate();
-        if (!insuranceValidation.isValid || !isValid) {
-            return { isValid: false };
-        }
-        else {
-            return { isValid: true };
-        }
+        const { isValid } = await this.checkoutCoreRef.validate();
+        return { isValid };
     }
     render() {
-        return (h(StyledHost, { key: '1a7978a2b2ae5f483ded09e8c2b49a1c3bee1dc1' }, h("justifi-modular-checkout", { key: '4da7015d6634fa1f703b88cd153bc55db256476a', ref: (el) => (this.modularCheckoutRef = el), authToken: this.authToken, checkoutId: this.checkoutId }, h("div", { key: 'e3560a86e3634836bab94ad424850dfb72789674', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '31bde37f031dc3b18fe1da5f2a30d615aa3d079f', class: "col-12", part: checkoutSummary }, h(Header2, { key: 'd46cd4136ad4f0cac076e866f8fe095510a6361d', text: "Summary", class: "fs-5 fw-bold pb-3" }), this.summary), h("div", { key: 'efbba765415361bea56bc20d511640da23708c6a', class: "col-12" }, h("slot", { key: 'ca4d2531fb55c15ea1326921fb90d6a7cd14e579', name: "insurance" })), h("div", { key: '58b01f658771ef6be037713add40e7ff03361dc3', class: "col-12 mt-4" }, h(Header2, { key: '990723c85b6adf8eaa0711017d023d9103e1b8f2', text: "Payment", class: "fs-5 fw-bold pb-3" }), this.paymentTypeHeader, h("div", { key: 'dcc79ad150a87e7c67a78ff50b94585562d64d11', class: "d-flex flex-column" }, this.paymentType)), h("div", { key: '592f0c0d86c9f1bf9c56f82e8cdcfdcc12e7c5c4', class: "col-12" }, h("div", { key: '8130711b909ffca43c37b4eacab515c8a7acb77c', class: "d-flex justify-content-end" }, h(Button, { key: '7da0c99ff8438b22f6cf6a3f2d3bfc5d32a97ad2', type: "submit", variant: "primary", onClick: (e) => this.submit(e), disabled: this.isLoading, isLoading: this.isLoading, style: { width: '100%' } }, "Pay")))))));
+        return (h("justifi-checkout-core", { key: '3aaf3ff84469870995456a56ac4c2b5806a23802', getCheckout: this.getCheckout, authToken: this.authToken, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, ref: el => {
+                if (el) {
+                    this.checkoutCoreRef = el;
+                }
+            } }, h("div", { key: 'ce9694f701ae7123a4ee5fbae76e9bbef1f7250c', slot: "insurance" }, h("slot", { key: '2049b12cfc42cc42c46be83e6305317e97ae5cba', name: "insurance" }))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

package/dist/esm/justifi-checkouts-list-filters.entry.js

@@ -1,18 +1,18 @@
-import { r as registerInstance, h } from './index-Bta_r52Z.js';
-import './config-state-BjXhUj2q.js';
+import { r as registerInstance, h } from './index-N3w5zrz2.js';
+import './config-state-B3mtRA6f.js';
 import './utils-BjLkBMLe.js';
 import './ComponentError-BhrFjjAs.js';
-import { I as ICheckoutStatus, a as ICheckoutPaymentModeParam } from './Checkout-CH19cJxH.js';
+import { I as ICheckoutStatus, a as ICheckoutPaymentModeParam } from './Checkout-CV6qgU0r.js';
 import './Pagination-CLHwhyvu.js';
 import './Payment-BEvE6jAC.js';
 import './Refund-BKe90wSq.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-7MWRbTXI.js';
-import { f as filterParams, p as propsParams, c as clearParams } from './checkouts-list-params-state-DhPyCV-V.js';
-import { e as checkoutsListFilterMenu, s as statusCheckoutsListFilterParam, p as paymentModeCheckoutsListFilterParam } from './parts-C71Mxtso.js';
-import { S as StyledHost } from './styled-host-BSX_LSdk.js';
+import { f as filterParams, p as propsParams, c as clearParams } from './checkouts-list-params-state-DFWVMJRJ.js';
+import { e as checkoutsListFilterMenu, s as statusCheckoutsListFilterParam, p as paymentModeCheckoutsListFilterParam } from './parts-_6eQgwfE.js';
+import { S as StyledHost } from './styled-host-DtvbNFVU.js';
 import './event-types-CZfYo5-1.js';
-import './index-Cf8VXyXg.js';
+import './index-BAq5IUBW.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';

package/dist/esm/justifi-checkouts-list.entry.js

@@ -1,28 +1,28 @@
-import { r as registerInstance, c as createEvent, h } from './index-Bta_r52Z.js';
-import './config-state-BjXhUj2q.js';
+import { r as registerInstance, c as createEvent, h } from './index-N3w5zrz2.js';
+import './config-state-B3mtRA6f.js';
 import './utils-BjLkBMLe.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-BhrFjjAs.js';
-import { C as Checkout$1 } from './Checkout-CH19cJxH.js';
+import { C as Checkout } from './Checkout-CV6qgU0r.js';
 import './Pagination-CLHwhyvu.js';
 import './Payment-BEvE6jAC.js';
 import './Refund-BKe90wSq.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-7MWRbTXI.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BZvep88z.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-BmebRZ4u.js';
-import { C as CheckoutService } from './checkout.service-Ci9Zkxiz.js';
-import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts-BRX7HFGO.js';
-import { S as StyledHost } from './styled-host-BSX_LSdk.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics-B3nThWuq.js';
+import { C as CheckoutService } from './checkout.service-jmweME4d.js';
+import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts-CownROrO.js';
+import { S as StyledHost } from './styled-host-DtvbNFVU.js';
 import './event-types-CZfYo5-1.js';
-import { d as defaultColumnsKeys } from './checkouts-table-ub2cX2KR.js';
-import './index-Cf8VXyXg.js';
+import { d as defaultColumnsKeys } from './checkouts-table-BS_UiHaT.js';
+import './index-BAq5IUBW.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
-import './package-CJdXAC5R.js';
-import './Api-CqimcNgb.js';
-import './badge-BoemLewg.js';
-import './parts-C71Mxtso.js';
+import './package-rzqedGq4.js';
+import './Api-C3T8XYbb.js';
+import './badge-DHaTxWwu.js';
+import './parts-_6eQgwfE.js';
 
 const makeGetCheckouts = ({ accountId, authToken, service }) => async ({ params, onSuccess, onError }) => {
     var _a, _b;
@@ -30,7 +30,7 @@ const makeGetCheckouts = ({ accountId, authToken, service }) => async ({ params,
         const response = await service.fetchCheckouts(accountId, authToken, params);
         if (!response.error) {
             const pagingInfo = Object.assign({}, response.page_info);
-            const checkouts = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.map((dataItem) => new Checkout$1(dataItem))) || [];
+            const checkouts = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.map((dataItem) => new Checkout(dataItem))) || [];
             onSuccess({ checkouts, pagingInfo });
         }
         else {

package/dist/esm/justifi-config-provider.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance } from './index-Bta_r52Z.js';
-import { s as setConfigState } from './config-state-BjXhUj2q.js';
-import './index-Cf8VXyXg.js';
+import { r as registerInstance } from './index-N3w5zrz2.js';
+import { s as setConfigState } from './config-state-B3mtRA6f.js';
+import './index-BAq5IUBW.js';
 
 const ConfigProvider = class {
     constructor(hostRef) {

package/dist/esm/justifi-details.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-Bta_r52Z.js';
-import { E as ErrorState } from './utils-B-aPFy3u.js';
-import './parts-C71Mxtso.js';
+import { r as registerInstance, h } from './index-N3w5zrz2.js';
+import { E as ErrorState } from './utils-BGp_IJEa.js';
+import './parts-_6eQgwfE.js';
 
 const Details = class {
     constructor(hostRef) {

package/dist/esm/justifi-dispute-management-core.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-Bta_r52Z.js';
+import { r as registerInstance, c as createEvent, h } from './index-N3w5zrz2.js';
 import { D as DisputeManagementClickActions } from './event-types-Bg2SZArf.js';
 import { a as Dispute, D as DisputeStatus } from './Dispute-7MWRbTXI.js';
 

package/dist/esm/justifi-dispute-management.entry.js

@@ -1,16 +1,16 @@
-import { r as registerInstance, c as createEvent, h } from './index-Bta_r52Z.js';
+import { r as registerInstance, c as createEvent, h } from './index-N3w5zrz2.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-BhrFjjAs.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-BmebRZ4u.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics-B3nThWuq.js';
 import { a as Dispute } from './Dispute-7MWRbTXI.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BZvep88z.js';
-import { D as DisputeService } from './dispute.service-D3IjL7Z8.js';
-import './package-CJdXAC5R.js';
-import './Api-CqimcNgb.js';
-import './config-state-BjXhUj2q.js';
-import './index-Cf8VXyXg.js';
+import { D as DisputeService } from './dispute.service-DWQ8DPZa.js';
+import './package-rzqedGq4.js';
+import './Api-C3T8XYbb.js';
+import './config-state-B3mtRA6f.js';
+import './index-BAq5IUBW.js';
 import './utils-BjLkBMLe.js';
 import './_commonjsHelpers-BFTU3MAI.js';
-import './Checkout-CH19cJxH.js';
+import './Checkout-CV6qgU0r.js';
 import './Pagination-CLHwhyvu.js';
 import './Payment-BEvE6jAC.js';
 import './Refund-BKe90wSq.js';

package/dist/esm/justifi-dispute-notification_3.entry.js

@@ -1,20 +1,20 @@
-import { r as registerInstance, c as createEvent, h } from './index-Bta_r52Z.js';
+import { r as registerInstance, c as createEvent, h } from './index-N3w5zrz2.js';
 import { f as formatCurrency } from './utils-BjLkBMLe.js';
-import { t as text, aj as heading4 } from './parts-C71Mxtso.js';
-import { B as Button } from './button-BcLzheaP.js';
-import { S as StyledHost } from './styled-host-BSX_LSdk.js';
-import { S as Skeleton } from './skeleton-BVM4XTj9.js';
+import { t as text, aj as heading4 } from './parts-_6eQgwfE.js';
+import { B as Button } from './button-5hc5r__m.js';
+import { S as StyledHost } from './styled-host-DtvbNFVU.js';
+import { S as Skeleton } from './skeleton-C0KgFH0Z.js';
 import './event-types-CZfYo5-1.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-BhrFjjAs.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BZvep88z.js';
-import { D as DisputeService } from './dispute.service-D3IjL7Z8.js';
+import { D as DisputeService } from './dispute.service-DWQ8DPZa.js';
 import { D as DisputeManagementClickActions } from './event-types-Bg2SZArf.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-BmebRZ4u.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics-B3nThWuq.js';
 import './_commonjsHelpers-BFTU3MAI.js';
-import './Api-CqimcNgb.js';
-import './config-state-BjXhUj2q.js';
-import './index-Cf8VXyXg.js';
-import './Checkout-CH19cJxH.js';
+import './Api-C3T8XYbb.js';
+import './config-state-B3mtRA6f.js';
+import './index-BAq5IUBW.js';
+import './Checkout-CV6qgU0r.js';
 import './Pagination-CLHwhyvu.js';
 import './Payment-BEvE6jAC.js';
 import './Dispute-7MWRbTXI.js';
@@ -22,7 +22,7 @@ import './Refund-BKe90wSq.js';
 import './Business-BCoP0TAV.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
-import './package-CJdXAC5R.js';
+import './package-rzqedGq4.js';
 
 const makeUpdateDisputeResponse = ({ authToken, disputeId, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
     var _a;