@justifi/webcomponents 5.7.1 → 5.7.3-rc-01

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

@@ -0,0 +1,85 @@
+'use strict';
+
+var index = require('./index-2GwnTbNA.js');
+var styledHost = require('./styled-host-IMxk64cc.js');
+require('./event-types-YOY5TKUN.js');
+var skeleton = require('./skeleton-ByLavxr1.js');
+var Analytics = require('./Analytics-DYN4hp2b.js');
+require('./parts-9jMf1erK.js');
+require('./package-DF9mLjoQ.js');
+require('./Api-BTdkb3Zh.js');
+require('./config-state-BTfJl-LU.js');
+require('./index-DEMVrrsF.js');
+require('./utils-qOon0GWm.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
+require('./ComponentError-CEv9ltwy.js');
+require('./Checkout-BsYZoJ0a.js');
+require('./Pagination-Dediz133.js');
+require('./Payment-D5UynU2f.js');
+require('./Dispute-CruQTF6_.js');
+require('./Refund-BDFOEJv_.js');
+require('./Document-rXGBUaOh.js');
+require('./Business-DCRzZf0w.js');
+require('./helpers-B5OCqlIM.js');
+require('./state-options-CIT9xdTz.js');
+
+const BankAccountFormSkeleton = (props) => {
+    const { isReady } = props;
+    if (isReady) {
+        return null;
+    }
+    return (index.h("div", { class: "container-fluid p-0" },
+        index.h("div", { class: "row mb-3" },
+            index.h("div", { class: "col-12 align-content-end" },
+                index.h(skeleton.Skeleton, { height: "18px", width: "120px" }),
+                index.h(skeleton.Skeleton, { height: "36px" }))),
+        index.h("div", { class: "row" },
+            index.h("div", { class: "col-12 align-content-end" },
+                index.h(skeleton.Skeleton, { height: "18px", width: "110px" }),
+                index.h(skeleton.Skeleton, { height: "36px" })))));
+};
+
+const BankAccountForm = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.iframeOrigin = "https://components.justifi.ai";
+        this.isReady = false;
+    }
+    componentWillLoad() {
+        Analytics.checkPkgVersion();
+        this.analytics = new Analytics.JustifiAnalytics(this);
+    }
+    componentDidRender() {
+        const elements = [
+            this.accountNumberIframeElement,
+            this.routingNumberIframeElement,
+        ];
+        Promise.all(elements.map((element) => {
+            return new Promise((resolve) => {
+                element.addEventListener('iframeLoaded', () => { resolve(); });
+            });
+        })).then(() => {
+            this.isReady = true;
+        });
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
+    }
+    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(styledHost.StyledHost, { key: 'e0a71dff66a2786c0f182595758c2fc7a36c940e' }, index.h(BankAccountFormSkeleton, { key: 'b8e530e282ff062f53e196782c49855aed5084d3', isReady: this.isReady }), index.h("hidden-input", { key: '9b877adccc33cfa1151c6fcc0a847fddd7459875' }), index.h("div", { key: '6fc462b4aea6d7a3d469eda6c077c09202ac5066', class: "container-fluid p-0", style: {
+                opacity: this.isReady ? '1' : '0',
+                height: this.isReady ? 'auto' : '0',
+            } }, index.h("div", { key: 'bad1c793767232d22139f06e91c63fecb75d5e6b', class: "row mb-3" }, index.h("iframe-input", { key: '2e015f0d5e526f309d63b122f0ea900224b0eb91', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), index.h("div", { key: '7f2c7e8ca7675c3f936702f605a26f4698addf65', class: "row" }, index.h("iframe-input", { key: '21eb81b7e69f3e1b376b38e7d533992d977cc2c7', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+    }
+};
+
+exports.justifi_bank_account_form = BankAccountForm;

package/dist/cjs/justifi-billing-information-form.cjs.entry.js

@@ -0,0 +1,51 @@
+'use strict';
+
+var index = require('./index-2GwnTbNA.js');
+var billingFormSchema = require('./billing-form-schema-oZ4GROWP.js');
+var parts = require('./parts-9jMf1erK.js');
+var utils = require('./utils-DAyWinG2.js');
+var stateOptions = require('./state-options-CIT9xdTz.js');
+var form = require('./form-CWW8IM-X.js');
+var styledHost = require('./styled-host-IMxk64cc.js');
+require('./event-types-YOY5TKUN.js');
+require('./schema-validations-C0BNwMBi.js');
+require('./business-form-options-CMII7nIK.js');
+require('./Business-DCRzZf0w.js');
+require('./helpers-B5OCqlIM.js');
+require('./Document-rXGBUaOh.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
+
+const BillingInformationForm = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.errors = {};
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
+    }
+    componentWillLoad() {
+        this.formController = new form.FormController(billingFormSchema.billingFormSchema());
+    }
+    componentDidLoad() {
+        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    async getValues() {
+        return this.formController.values.getValue();
+    }
+    async fill(fields) {
+        this.formController.setInitialValues(fields);
+    }
+    async validate() {
+        let isValid = await this.formController.validate();
+        return { isValid: isValid };
+    }
+    render() {
+        const billingFormDefaultValue = this.formController.getInitialValues();
+        return (index.h(styledHost.StyledHost, { key: '69c50df0f08e367aeb924bdde683793a542179d5' }, index.h("div", { key: 'de669a4fc15f3041672d9a093ce6cc80cef65d9e', part: parts.billingForm }, index.h("form", { key: 'fb079f46703caaed345a9d7cadd380eba599a972' }, index.h("fieldset", { key: '8ebed9ab4c21b4c4bd490df6654287ac5dd301c8' }, index.h("div", { key: 'a5a9d27770724af4ea4e2ffed03b26a1d12773f9', class: "row gy-3" }, index.h("div", { key: 'e5ed5cca7c1bee4033df78c86c8e992b6851ed10', class: "col-12" }, index.h("form-control-text", { key: '427c31a6f1344a2786dbde7288a0f958957fdd22', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { key: '6e222b1644b34f20f11f516d6de5e8e85f8277ac', class: "col-12" }, index.h("form-control-text", { key: '011574712b4ae735bfee96c7d6739e23ddd7318c', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), index.h("div", { key: 'ecddd8f79102ef471053b5920072350e39ac313d', class: "col-12" }, index.h("form-control-text", { key: '95a37ac3c37c4c717bbefe9fa1b172e84027422e', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), index.h("div", { key: '3b14bb063904e57a5e2b1112b6f719875bbf33b7', class: "col-12" }, index.h("form-control-text", { key: 'cfaf3a8bd3c7ce50f47d721170829e2bfb92fff6', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), index.h("div", { key: '5613add4617df1e292ed0b0ea3a8cefc619c71e2', class: "col-12" }, index.h("form-control-select", { key: '698b66f67beb9bb5d3501e23f49655e2b3a0a4f1', name: 'address_state', label: 'State', options: stateOptions.StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), index.h("div", { key: '5dd514ba36bb2e1f398c88053dbb35356f3ef811', class: "col-12" }, index.h("form-control-text", { key: '8825a1a2c2235ee83461a626b0ccdfeb9adbb74a', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: utils.numberOnlyHandler }))))))));
+    }
+};
+
+exports.justifi_billing_information_form = BillingInformationForm;

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

@@ -1,36 +1,42 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
-var utils = require('./utils-5lco6NzU.js');
-var business_service = require('./business.service-C2rg_zSw.js');
-var getBusiness = require('./get-business-DHg5rpse.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-var checkPkgVersion = require('./check-pkg-version-BqC8BOhm.js');
+var index = require('./index-2GwnTbNA.js');
+var utils = require('./utils-bn0fXuc-.js');
+var business_service = require('./business.service-ev-3rHag.js');
+var getBusiness = require('./get-business-BiEc-jdH.js');
+var ComponentError = require('./ComponentError-CEv9ltwy.js');
+var Analytics = require('./Analytics-DYN4hp2b.js');
 require('./parts-9jMf1erK.js');
-require('./Api-C8nf_gS9.js');
-require('./config-state-D7p-XunE.js');
-require('./index-B8ljHEN1.js');
-require('./utils-DmZ8Dia3.js');
+require('./Api-BTdkb3Zh.js');
+require('./config-state-BTfJl-LU.js');
+require('./index-DEMVrrsF.js');
+require('./utils-qOon0GWm.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
-require('./Checkout-RAGvjVPj.js');
+require('./Checkout-BsYZoJ0a.js');
 require('./Pagination-Dediz133.js');
-require('./Document-CL5Zc72Q.js');
+require('./Payment-D5UynU2f.js');
 require('./Dispute-CruQTF6_.js');
-require('./Refund-CYxocU06.js');
-require('./Business-DyiDiIuO.js');
+require('./Refund-BDFOEJv_.js');
+require('./Document-rXGBUaOh.js');
+require('./Business-DCRzZf0w.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
-require('./utils-l0veqT9y.js');
-require('./package-Biee4Hdo.js');
+require('./utils-IGCnjtqc.js');
+require('./package-DF9mLjoQ.js');
 
 const BusinessDetails = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.errorEvent = index.createEvent(this, "error-event");
+        this.errorMessage = null;
+        this.handleErrorEvent = event => {
+            this.errorMessage = event.detail.message;
+            this.errorEvent.emit(event.detail);
+        };
     }
     componentWillLoad() {
-        checkPkgVersion.checkPkgVersion();
-        this.analytics = new checkPkgVersion.JustifiAnalytics(this);
+        Analytics.checkPkgVersion();
+        this.analytics = new Analytics.JustifiAnalytics(this);
         this.initializeGetBusiness();
     }
     disconnectedCallback() {
@@ -56,9 +62,9 @@ const BusinessDetails = class {
     }
     render() {
         if (this.errorMessage) {
-            return index.h(index.Host, null, utils.ErrorState(this.errorMessage));
+            return utils.ErrorState(this.errorMessage);
         }
-        return (index.h(index.Host, null, index.h("business-details-core", { getBusiness: this.getBusiness })));
+        return (index.h("business-details-core", { getBusiness: this.getBusiness, "onError-event": this.handleErrorEvent }));
     }
 };
 

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

@@ -1,39 +1,40 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
-var index_esm = require('./index.esm-CVuJLXJZ.js');
-var businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-DR8vt11M.js');
-var businessIdentitySchema = require('./business-identity-schema-BYaCsboD.js');
-require('./config-state-D7p-XunE.js');
-require('./utils-DmZ8Dia3.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-RAGvjVPj.js');
+var index = require('./index-2GwnTbNA.js');
+var form = require('./form-CWW8IM-X.js');
+var businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-CHOaeZot.js');
+var businessIdentitySchema = require('./business-identity-schema-DmpEndsx.js');
+require('./config-state-BTfJl-LU.js');
+require('./utils-qOon0GWm.js');
+var ComponentError = require('./ComponentError-CEv9ltwy.js');
+require('./Checkout-BsYZoJ0a.js');
 require('./Pagination-Dediz133.js');
-require('./Document-CL5Zc72Q.js');
-require('./Refund-CYxocU06.js');
-var Business = require('./Business-DyiDiIuO.js');
+require('./Payment-D5UynU2f.js');
+require('./Refund-BDFOEJv_.js');
+require('./Document-rXGBUaOh.js');
+var Business = require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var checkPkgVersion = require('./check-pkg-version-BqC8BOhm.js');
-var button = require('./button-BPFSRx4d.js');
-var styledHost = require('./styled-host-udkBJV5h.js');
-var header1 = require('./header-1-auSUfIpO.js');
+var Analytics = require('./Analytics-DYN4hp2b.js');
+var button = require('./button-CCZd8WSY.js');
+var styledHost = require('./styled-host-IMxk64cc.js');
+var header1 = require('./header-1--wdCXxjA.js');
 require('./event-types-YOY5TKUN.js');
-var skeleton = require('./skeleton-aMh0RMHq.js');
+var skeleton = require('./skeleton-ByLavxr1.js');
 var eventTypes = require('./event-types-DNOUef41.js');
-var paymentProvisioningActions = require('./payment-provisioning-actions-BkWSDJQQ.js');
-var business_service = require('./business.service-C2rg_zSw.js');
+var paymentProvisioningActions = require('./payment-provisioning-actions-SNMCdsyF.js');
+var business_service = require('./business.service-ev-3rHag.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
-require('./schema-validations-Bhz09M42.js');
+require('./schema-validations-C0BNwMBi.js');
 require('./state-options-CIT9xdTz.js');
-require('./business-form-options-BCj0efiD.js');
-require('./index-B8ljHEN1.js');
+require('./business-form-options-CMII7nIK.js');
+require('./index-DEMVrrsF.js');
 require('./helpers-B5OCqlIM.js');
-require('./package-Biee4Hdo.js');
-require('./Api-C8nf_gS9.js');
+require('./package-DF9mLjoQ.js');
+require('./Api-BTdkb3Zh.js');
 require('./parts-9jMf1erK.js');
-require('./utils-l0veqT9y.js');
+require('./utils-IGCnjtqc.js');
 
-const businessFormSchema = index_esm.create$3(Object.assign(Object.assign({}, businessAdditionalQuestionsSchema.businessCoreInfoSchema().fields), { legal_address: businessIdentitySchema.addressSchema(), additional_questions: businessAdditionalQuestionsSchema.additionalQuestionsSchema(), representative: businessIdentitySchema.identitySchema('representative') }));
+const businessFormSchema = form.create$3(Object.assign(Object.assign({}, businessAdditionalQuestionsSchema.businessCoreInfoSchema().fields), { legal_address: businessIdentitySchema.addressSchema(), additional_questions: businessAdditionalQuestionsSchema.additionalQuestionsSchema(), representative: businessIdentitySchema.identitySchema('representative') }));
 
 const FormBlock = () => (index.h("div", { class: "row gap-3" },
     index.h("div", { class: "col-12" },
@@ -95,9 +96,9 @@ const BusinessForm = class {
         };
     }
     componentWillLoad() {
-        checkPkgVersion.checkPkgVersion();
-        this.analytics = new checkPkgVersion.JustifiAnalytics(this);
-        this.formController = new index_esm.FormController(businessFormSchema);
+        Analytics.checkPkgVersion();
+        this.analytics = new Analytics.JustifiAnalytics(this);
+        this.formController = new form.FormController(businessFormSchema);
         this.initializeApi();
     }
     disconnectedCallback() {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
+var index = require('./index-2GwnTbNA.js');
 var inputHandlers = require('./input-handlers-DYl_0IwC.js');
 var formInputMasks = require('./form-input-masks-DgXd0f4V.js');
 var parts = require('./parts-9jMf1erK.js');

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

@@ -0,0 +1,93 @@
+'use strict';
+
+var index = require('./index-2GwnTbNA.js');
+var skeleton = require('./skeleton-ByLavxr1.js');
+require('./event-types-YOY5TKUN.js');
+var styledHost = require('./styled-host-IMxk64cc.js');
+var Analytics = require('./Analytics-DYN4hp2b.js');
+require('./parts-9jMf1erK.js');
+require('./package-DF9mLjoQ.js');
+require('./Api-BTdkb3Zh.js');
+require('./config-state-BTfJl-LU.js');
+require('./index-DEMVrrsF.js');
+require('./utils-qOon0GWm.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
+require('./ComponentError-CEv9ltwy.js');
+require('./Checkout-BsYZoJ0a.js');
+require('./Pagination-Dediz133.js');
+require('./Payment-D5UynU2f.js');
+require('./Dispute-CruQTF6_.js');
+require('./Refund-BDFOEJv_.js');
+require('./Document-rXGBUaOh.js');
+require('./Business-DCRzZf0w.js');
+require('./helpers-B5OCqlIM.js');
+require('./state-options-CIT9xdTz.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 JustifiCardForm = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.iframeOrigin = "https://components.justifi.ai";
+        this.isReady = false;
+    }
+    componentWillLoad() {
+        Analytics.checkPkgVersion();
+        this.analytics = new Analytics.JustifiAnalytics(this);
+    }
+    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;
+        });
+    }
+    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();
+        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(styledHost.StyledHost, { key: '44aa8e7da60f3dc8408e53f1ca4bf1ec98e838be' }, index.h(CardFormSkeleton, { key: 'eaea67379e10386d215284de04cd140ac0af0274', isReady: this.isReady }), index.h("hidden-input", { key: '6bdd3a8aef52e4d2bb7e5a7855578af5e491d04f' }), index.h("div", { key: '8e271c01ecd6c178f44f9cd9d331d6fc6240bce4', class: "container-fluid p-0", style: {
+                opacity: this.isReady ? '1' : '0',
+                height: this.isReady ? 'auto' : '0',
+            } }, index.h("div", { key: '568ac8e93eac648b43d047b2ba149230f7bd2e2f', class: "mb-3" }, index.h("iframe-input", { key: '5dde288003664ba6fb768a9e5837e4069e749ae5', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), index.h("div", { key: '57d7153ff9f21fbbfe2fbf41d664fbbc05fd72db', class: "row" }, index.h("div", { key: 'a6f2dcd5a98428f2af8773c7ebf76ea3c232a2a9', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'ac7ef13f9c9e788a065f6fe3485f8aeb20a3f6e8', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), index.h("div", { key: '36c7531f0f7f4a5c98eb36f1c3c395d392567041', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '2c04a8aa66b73e1e485dd124b27ebf8d9da043d8', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), index.h("div", { key: 'e413f4a9232c6c8f21fd9738d6b641d2ff9c547f', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'bf1204c99ec33e349fe07a741a4ba80d20def1f8', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+    }
+};
+
+exports.justifi_card_form = JustifiCardForm;

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

@@ -1,18 +1,18 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
-var utils = require('./utils-DmZ8Dia3.js');
-var Checkout = require('./Checkout-RAGvjVPj.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-var insuranceState = require('./insurance-state-CFxbKNWH.js');
-var button = require('./button-BPFSRx4d.js');
-var styledHost = require('./styled-host-udkBJV5h.js');
-var skeleton = require('./skeleton-aMh0RMHq.js');
+var index = require('./index-2GwnTbNA.js');
+var utils = require('./utils-qOon0GWm.js');
+var Checkout = require('./Checkout-BsYZoJ0a.js');
+var ComponentError = require('./ComponentError-CEv9ltwy.js');
+var insuranceState = require('./insurance-state-BmAF1Sef.js');
+var button = require('./button-CCZd8WSY.js');
+var styledHost = require('./styled-host-IMxk64cc.js');
+var skeleton = require('./skeleton-ByLavxr1.js');
 var parts = require('./parts-9jMf1erK.js');
-var header3 = require('./header-3-B-bXHCpC.js');
+var header3 = require('./header-3-DxUQJ7TT.js');
 require('./event-types-YOY5TKUN.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
-require('./index-B8ljHEN1.js');
+require('./index-DEMVrrsF.js');
 
 const CheckoutCore = class {
     constructor(hostRef) {

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

@@ -0,0 +1,21 @@
+'use strict';
+
+var index = require('./index-2GwnTbNA.js');
+var parts = require('./parts-9jMf1erK.js');
+var utils = require('./utils-qOon0GWm.js');
+var checkout_store = require('./checkout.store-osqdxFMq.js');
+var styledHost = require('./styled-host-IMxk64cc.js');
+require('./event-types-YOY5TKUN.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
+require('./index-DEMVrrsF.js');
+
+const Summary = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h(styledHost.StyledHost, { key: '9a2eea1693287ad73dfedd3ddc24e949e9d75148' }, index.h("section", { key: '1943be6cef0c4a1c830ddfc14d893c3906482534' }, index.h("div", { key: 'cf3f41d3dd3c9829d93d7e56e3d2dfabbd99ccef' }, index.h("div", { key: 'b5bc944a5310252dc0720e3e7d709f1a57f898c8', part: parts.text }, checkout_store.state === null || checkout_store.state === void 0 ? void 0 : checkout_store.state.paymentDescription), index.h("div", { key: 'dbe53880d7c3ff8d4513a570e1b024f1e2f43028' }, index.h("span", { key: 'd8986a9265463d8f9d7f62598cc4ec3203081c09', part: parts.text }, "Total"), "\u00A0", index.h("span", { key: '32cbc6e259fdee2c71ad72fcf59ab157704c4758', part: parts.text }, utils.formatCurrency(+(checkout_store.state === null || checkout_store.state === void 0 ? void 0 : checkout_store.state.totalAmount))))))));
+    }
+};
+
+exports.justifi_checkout_summary = Summary;

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

@@ -1,78 +1,27 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-var utils = require('./utils-l0veqT9y.js');
-var checkout_service = require('./checkout.service-CyvIIMeq.js');
-var checkPkgVersion = require('./check-pkg-version-BqC8BOhm.js');
-require('./Api-C8nf_gS9.js');
-require('./config-state-D7p-XunE.js');
-require('./index-B8ljHEN1.js');
-require('./utils-DmZ8Dia3.js');
+var index = require('./index-2GwnTbNA.js');
+var checkoutActions = require('./checkout-actions-CRbQgLn0.js');
+var checkout_service = require('./checkout.service-D4hTYr1i.js');
+var ComponentError = require('./ComponentError-CEv9ltwy.js');
+var Analytics = require('./Analytics-DYN4hp2b.js');
+var checkout_store = require('./checkout.store-osqdxFMq.js');
+require('./utils-IGCnjtqc.js');
+require('./Api-BTdkb3Zh.js');
+require('./config-state-BTfJl-LU.js');
+require('./index-DEMVrrsF.js');
+require('./utils-qOon0GWm.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
-require('./Checkout-RAGvjVPj.js');
+require('./Checkout-BsYZoJ0a.js');
 require('./Pagination-Dediz133.js');
-require('./Document-CL5Zc72Q.js');
+require('./Payment-D5UynU2f.js');
 require('./Dispute-CruQTF6_.js');
-require('./Refund-CYxocU06.js');
-require('./Business-DyiDiIuO.js');
+require('./Refund-BDFOEJv_.js');
+require('./Document-rXGBUaOh.js');
+require('./Business-DCRzZf0w.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
-require('./package-Biee4Hdo.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,
-        });
-    }
-};
+require('./package-DF9mLjoQ.js');
 
 const Checkout = class {
     constructor(hostRef) {
@@ -81,9 +30,15 @@ const Checkout = class {
         this.loadedEvent = index.createEvent(this, "loaded");
         this.errorMessage = '';
     }
+    connectedCallback() {
+        if (this.authToken && this.checkoutId) {
+            checkout_store.state.checkoutId = this.checkoutId;
+            checkout_store.state.authToken = this.authToken;
+        }
+    }
     componentWillLoad() {
-        checkPkgVersion.checkPkgVersion();
-        this.analytics = new checkPkgVersion.JustifiAnalytics(this);
+        Analytics.checkPkgVersion();
+        this.analytics = new Analytics.JustifiAnalytics(this);
         this.initializeGetCheckout();
     }
     disconnectedCallback() {
@@ -93,12 +48,12 @@ const Checkout = class {
     ;
     initializeGetCheckout() {
         if (this.authToken && this.checkoutId) {
-            this.getCheckout = makeGetCheckout({
+            this.getCheckout = checkoutActions.makeGetCheckout({
                 authToken: this.authToken,
                 checkoutId: this.checkoutId,
                 service: new checkout_service.CheckoutService()
             });
-            this.complete = makeCheckoutComplete({
+            this.complete = checkoutActions.makeCheckoutComplete({
                 authToken: this.authToken,
                 checkoutId: this.checkoutId,
                 service: new checkout_service.CheckoutService()
@@ -113,6 +68,8 @@ const Checkout = class {
         }
     }
     propChanged() {
+        checkout_store.state.authToken = this.authToken;
+        checkout_store.state.checkoutId = this.checkoutId;
         this.initializeGetCheckout();
     }
     async fillBillingForm(fields) {
@@ -123,11 +80,11 @@ const Checkout = class {
         return { isValid };
     }
     render() {
-        return (index.h("justifi-checkout-core", { key: 'c1c7cf4f1aadce928e3ed6a6ae05a7824d875d68', 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 => {
+        return (index.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;
                 }
-            } }, index.h("div", { key: '7a4be7220e5eb199f94c5086c23e10dce68d4854', slot: "insurance" }, index.h("slot", { key: 'f5db23ef6dc82d0521518ea2dbfe99d8c8b6c2cc', name: "insurance" }))));
+            } }, index.h("div", { key: 'ce9694f701ae7123a4ee5fbae76e9bbef1f7250c', slot: "insurance" }, index.h("slot", { key: '2049b12cfc42cc42c46be83e6305317e97ae5cba', name: "insurance" }))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],