@justifi/webcomponents 5.7.3 → 5.7.4-rc-01

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

@@ -0,0 +1,85 @@
+'use strict';
+
+var index = require('./index-D5bL1DOi.js');
+var styledHost = require('./styled-host-DXNHOiqW.js');
+require('./event-types-YOY5TKUN.js');
+var skeleton = require('./skeleton-CbZBGO47.js');
+var Analytics = require('./Analytics-CLEDjTfr.js');
+var configState = require('./config-state-Dz9bnWHg.js');
+require('./parts-9jMf1erK.js');
+require('./package-D89BDRKu.js');
+require('./Api-c8NBCwu4.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-BFE-2OxN.js');
+require('./Business-DCRzZf0w.js');
+require('./helpers-B5OCqlIM.js');
+require('./state-options-CIT9xdTz.js');
+require('./index-BCtVWU61.js');
+
+const BankAccountFormSkeleton = (props) => {
+    const { isReady } = props;
+    if (isReady) {
+        return null;
+    }
+    return (index.h("div", { class: "container-fluid p-0" },
+        index.h("div", { class: "row mb-3" },
+            index.h("div", { class: "col-12 align-content-end" },
+                index.h(skeleton.Skeleton, { height: "18px", width: "120px" }),
+                index.h(skeleton.Skeleton, { height: "36px" }))),
+        index.h("div", { class: "row" },
+            index.h("div", { class: "col-12 align-content-end" },
+                index.h(skeleton.Skeleton, { height: "18px", width: "110px" }),
+                index.h(skeleton.Skeleton, { height: "36px" })))));
+};
+
+const BankAccountForm = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.isReady = false;
+    }
+    async componentWillLoad() {
+        await configState.waitForConfig();
+        this.iframeOrigin = configState.configState.iframeOrigin;
+        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: '4c176e2293be710024294860fa0be41f36395f72' }, index.h(BankAccountFormSkeleton, { key: 'c86a619edf7d99ce572a104ddde18598b057ebce', isReady: this.isReady }), index.h("hidden-input", { key: '0c8e152754b1746e7533d14450e3559df5a3c8cd' }), index.h("div", { key: '291c1adf2f8152fc13ed9296245fbbabd719bec7', class: "container-fluid p-0", style: {
+                opacity: this.isReady ? '1' : '0',
+                height: this.isReady ? 'auto' : '0',
+            } }, index.h("div", { key: '53a755a4b1f9bf844c3dc68fa0a3343d415d7048', class: "row mb-3" }, index.h("iframe-input", { key: '369109cd12f6efd9768420cff1993f7b22d7cb76', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), index.h("div", { key: 'd1ab53be0be78e24d0cfd3b93a0e94661f61f990', class: "row" }, index.h("iframe-input", { key: '96913caa7a1a2b338bf2fd63717fc8ad1d5fbcc5', 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,50 @@
+'use strict';
+
+var index = require('./index-D5bL1DOi.js');
+var billingFormSchema = require('./billing-form-schema-X1bkxteI.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-DXNHOiqW.js');
+require('./event-types-YOY5TKUN.js');
+require('./schema-validations-CllkToCZ.js');
+require('./business-form-options-CMII7nIK.js');
+require('./Business-DCRzZf0w.js');
+require('./helpers-B5OCqlIM.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,18 +1,18 @@
 'use strict';
 
-var index = require('./index-y-rskGFM.js');
-var utils = require('./utils-B4fXt0os.js');
-var business_service = require('./business.service-CsKKWn0g.js');
-var getBusiness = require('./get-business-BJrtsomz.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-var checkPkgVersion = require('./check-pkg-version-BqLxQqZQ.js');
+var index = require('./index-D5bL1DOi.js');
+var utils = require('./utils-wkdkLmDI.js');
+var business_service = require('./business.service-BjlK8M6t.js');
+var getBusiness = require('./get-business-BiEc-jdH.js');
+var ComponentError = require('./ComponentError-CEv9ltwy.js');
+var Analytics = require('./Analytics-CLEDjTfr.js');
 require('./parts-9jMf1erK.js');
-require('./Api-CJ1_RDQW.js');
-require('./config-state-BH7lf2ok.js');
-require('./index-oahmQhrI.js');
+require('./Api-c8NBCwu4.js');
+require('./config-state-Dz9bnWHg.js');
+require('./index-BCtVWU61.js');
 require('./utils-qOon0GWm.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
-require('./Checkout-TZnRz3-3.js');
+require('./Checkout-BsYZoJ0a.js');
 require('./Pagination-Dediz133.js');
 require('./Payment-D5UynU2f.js');
 require('./Dispute-CruQTF6_.js');
@@ -20,8 +20,8 @@ require('./Refund-BFE-2OxN.js');
 require('./Business-DCRzZf0w.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
-require('./utils-l0veqT9y.js');
-require('./package-a_vXN-Ly.js');
+require('./utils-IGCnjtqc.js');
+require('./package-D89BDRKu.js');
 
 const BusinessDetails = class {
     constructor(hostRef) {
@@ -34,8 +34,8 @@ const BusinessDetails = class {
         };
     }
     componentWillLoad() {
-        checkPkgVersion.checkPkgVersion();
-        this.analytics = new checkPkgVersion.JustifiAnalytics(this);
+        Analytics.checkPkgVersion();
+        this.analytics = new Analytics.JustifiAnalytics(this);
         this.initializeGetBusiness();
     }
     disconnectedCallback() {

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

@@ -1,39 +1,39 @@
 'use strict';
 
-var index = require('./index-y-rskGFM.js');
-var index_esm = require('./index.esm-CVuJLXJZ.js');
-var businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-e3GCIHk5.js');
-var businessIdentitySchema = require('./business-identity-schema-Diqj_WVQ.js');
-require('./config-state-BH7lf2ok.js');
+var index = require('./index-D5bL1DOi.js');
+var form = require('./form-CWW8IM-X.js');
+var businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-C1Ot5vrv.js');
+var businessIdentitySchema = require('./business-identity-schema-hk4UVEna.js');
+require('./config-state-Dz9bnWHg.js');
 require('./utils-qOon0GWm.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-TZnRz3-3.js');
+var ComponentError = require('./ComponentError-CEv9ltwy.js');
+require('./Checkout-BsYZoJ0a.js');
 require('./Pagination-Dediz133.js');
 require('./Payment-D5UynU2f.js');
 require('./Refund-BFE-2OxN.js');
 var Business = require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var checkPkgVersion = require('./check-pkg-version-BqLxQqZQ.js');
-var button = require('./button-DXvFLf3b.js');
-var styledHost = require('./styled-host-LD5MpzHs.js');
-var header1 = require('./header-1-agnQ4uEf.js');
+var Analytics = require('./Analytics-CLEDjTfr.js');
+var button = require('./button-0HYMPryx.js');
+var styledHost = require('./styled-host-DXNHOiqW.js');
+var header1 = require('./header-1-M-mc3bsa.js');
 require('./event-types-YOY5TKUN.js');
-var skeleton = require('./skeleton-CgT0siC5.js');
+var skeleton = require('./skeleton-CbZBGO47.js');
 var eventTypes = require('./event-types-DNOUef41.js');
-var paymentProvisioningActions = require('./payment-provisioning-actions-BkWSDJQQ.js');
-var business_service = require('./business.service-CsKKWn0g.js');
+var paymentProvisioningActions = require('./payment-provisioning-actions-SNMCdsyF.js');
+var business_service = require('./business.service-BjlK8M6t.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
-require('./schema-validations-BSeMee-o.js');
+require('./schema-validations-CllkToCZ.js');
 require('./state-options-CIT9xdTz.js');
 require('./business-form-options-CMII7nIK.js');
-require('./index-oahmQhrI.js');
+require('./index-BCtVWU61.js');
 require('./helpers-B5OCqlIM.js');
-require('./package-a_vXN-Ly.js');
-require('./Api-CJ1_RDQW.js');
+require('./package-D89BDRKu.js');
+require('./Api-c8NBCwu4.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 +95,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-y-rskGFM.js');
+var index = require('./index-D5bL1DOi.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-D5bL1DOi.js');
+var skeleton = require('./skeleton-CbZBGO47.js');
+require('./event-types-YOY5TKUN.js');
+var styledHost = require('./styled-host-DXNHOiqW.js');
+var Analytics = require('./Analytics-CLEDjTfr.js');
+var configState = require('./config-state-Dz9bnWHg.js');
+require('./parts-9jMf1erK.js');
+require('./package-D89BDRKu.js');
+require('./Api-c8NBCwu4.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-BFE-2OxN.js');
+require('./Business-DCRzZf0w.js');
+require('./helpers-B5OCqlIM.js');
+require('./state-options-CIT9xdTz.js');
+require('./index-BCtVWU61.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.isReady = false;
+    }
+    async componentWillLoad() {
+        await configState.waitForConfig();
+        this.iframeOrigin = configState.configState.iframeOrigin;
+        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: '1b42c4a2b0adbd4d98bffc0cc0355ba7b1e10474' }, index.h(CardFormSkeleton, { key: 'ae04801424ca38c3831b951bcb6835ffcc1ccd94', isReady: this.isReady }), index.h("hidden-input", { key: '55396096f088bc5cde3b003ddaa9afda6848dfda' }), index.h("div", { key: '18f68ac5871fcb7ba8ce270bb552871709f468dd', class: "container-fluid p-0", style: {
+                opacity: this.isReady ? '1' : '0',
+                height: this.isReady ? 'auto' : '0',
+            } }, index.h("div", { key: '3c9711c64c5d60a121545394c22c382be93882ed', class: "mb-3" }, index.h("iframe-input", { key: '45401d0f9f8abd4197bd6651c28f531562431989', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), index.h("div", { key: '60bae8a0fb35d86ec46d59f400e86af4a97d4c6a', class: "row" }, index.h("div", { key: '44883bb16cd5bb65fefb8e6b627b52625c2776d3', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'a9df6d2a23e7f586f08623a9e14c19264252c8e7', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), index.h("div", { key: '5436effb8f457cb4dae945e3d7ca29c9441df724', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '550096ddd5488e3cd11b0ab6985636eedc8f0dda', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), index.h("div", { key: 'a6a207066d6ef70c7c3545d9412eb6be0d252062', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '74a1bec5108a25f6e6f953abf25bc756293dea99', 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-y-rskGFM.js');
+var index = require('./index-D5bL1DOi.js');
 var utils = require('./utils-qOon0GWm.js');
-var Checkout = require('./Checkout-TZnRz3-3.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-var insuranceState = require('./insurance-state-CCo-Gmfe.js');
-var button = require('./button-DXvFLf3b.js');
-var styledHost = require('./styled-host-LD5MpzHs.js');
-var skeleton = require('./skeleton-CgT0siC5.js');
+var Checkout = require('./Checkout-BsYZoJ0a.js');
+var ComponentError = require('./ComponentError-CEv9ltwy.js');
+var insuranceState = require('./insurance-state-BsGy_svD.js');
+var button = require('./button-0HYMPryx.js');
+var styledHost = require('./styled-host-DXNHOiqW.js');
+var skeleton = require('./skeleton-CbZBGO47.js');
 var parts = require('./parts-9jMf1erK.js');
-var header3 = require('./header-3-BAx5OhvM.js');
+var header3 = require('./header-3-BnKbOjvz.js');
 require('./event-types-YOY5TKUN.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
-require('./index-oahmQhrI.js');
+require('./index-BCtVWU61.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-D5bL1DOi.js');
+var parts = require('./parts-9jMf1erK.js');
+var utils = require('./utils-qOon0GWm.js');
+var checkout_store = require('./checkout.store-LEOetpmH.js');
+var styledHost = require('./styled-host-DXNHOiqW.js');
+require('./event-types-YOY5TKUN.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
+require('./index-BCtVWU61.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,16 +1,18 @@
 'use strict';
 
-var index = require('./index-y-rskGFM.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-var utils = require('./utils-l0veqT9y.js');
-var checkout_service = require('./checkout.service-CugpgJy_.js');
-var checkPkgVersion = require('./check-pkg-version-BqLxQqZQ.js');
-require('./Api-CJ1_RDQW.js');
-require('./config-state-BH7lf2ok.js');
-require('./index-oahmQhrI.js');
+var index = require('./index-D5bL1DOi.js');
+var checkoutActions = require('./checkout-actions-CRbQgLn0.js');
+var checkout_service = require('./checkout.service-Bln6jCAj.js');
+var ComponentError = require('./ComponentError-CEv9ltwy.js');
+var Analytics = require('./Analytics-CLEDjTfr.js');
+var checkout_store = require('./checkout.store-LEOetpmH.js');
+require('./utils-IGCnjtqc.js');
+require('./Api-c8NBCwu4.js');
+require('./config-state-Dz9bnWHg.js');
+require('./index-BCtVWU61.js');
 require('./utils-qOon0GWm.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
-require('./Checkout-TZnRz3-3.js');
+require('./Checkout-BsYZoJ0a.js');
 require('./Pagination-Dediz133.js');
 require('./Payment-D5UynU2f.js');
 require('./Dispute-CruQTF6_.js');
@@ -18,61 +20,7 @@ require('./Refund-BFE-2OxN.js');
 require('./Business-DCRzZf0w.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
-require('./package-a_vXN-Ly.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-D89BDRKu.js');
 
 const Checkout = class {
     constructor(hostRef) {
@@ -81,9 +29,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 +47,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 +67,8 @@ const Checkout = class {
         }
     }
     propChanged() {
+        checkout_store.state.authToken = this.authToken;
+        checkout_store.state.checkoutId = this.checkoutId;
         this.initializeGetCheckout();
     }
     async fillBillingForm(fields) {
@@ -123,11 +79,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"],

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

@@ -1,20 +1,20 @@
 'use strict';
 
-var index = require('./index-y-rskGFM.js');
-require('./config-state-BH7lf2ok.js');
+var index = require('./index-D5bL1DOi.js');
+require('./config-state-Dz9bnWHg.js');
 require('./utils-qOon0GWm.js');
-require('./ComponentError-C4MdBBMe.js');
-var Checkout = require('./Checkout-TZnRz3-3.js');
+require('./ComponentError-CEv9ltwy.js');
+var Checkout = require('./Checkout-BsYZoJ0a.js');
 require('./Pagination-Dediz133.js');
 require('./Payment-D5UynU2f.js');
 require('./Refund-BFE-2OxN.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var checkoutsListParamsState = require('./checkouts-list-params-state-BZPc3hJS.js');
+var checkoutsListParamsState = require('./checkouts-list-params-state-DZUKBmLC.js');
 var parts = require('./parts-9jMf1erK.js');
-var styledHost = require('./styled-host-LD5MpzHs.js');
+var styledHost = require('./styled-host-DXNHOiqW.js');
 require('./event-types-YOY5TKUN.js');
-require('./index-oahmQhrI.js');
+require('./index-BCtVWU61.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
@@ -55,7 +55,7 @@ const CheckoutsListFilters = class {
     }
     render() {
         const filterMenuParams = Object.assign({}, checkoutsListParamsState.filterParams);
-        return (index.h(styledHost.StyledHost, { key: 'bcae6fee83117dde40a29ebcab8e85089bcdc37e' }, index.h("table-filters-menu", { key: '56c6a5d205836fe010917f0f0d978507cf227a3f', params: filterMenuParams, clearParams: checkoutsListParamsState.clearParams, part: parts.checkoutsListFilterMenu }, index.h("div", { key: 'c82691f9b863368a2b7523dc7d9d348c3fe2e776', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '9abbb01e53139ebd376a638400b199d88288b175', class: "p-2" }, index.h("form-control-select", { key: '3859777cf1f4ee451a65440a90dfe9e5f4a2f069', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || checkoutsListParamsState.filterParams.status, disabled: !!this.checkoutStatus, part: parts.statusCheckoutsListFilterParam })), index.h("div", { key: '3c23d4b820ea2424d6ddc01e6952c8c46cd7d975', class: "p-2" }, index.h("form-control-select", { key: 'c376228f82419b959b3fefa6b32d25c584c6ea3b', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || checkoutsListParamsState.filterParams.payment_mode, disabled: !!this.paymentMode, part: parts.paymentModeCheckoutsListFilterParam }))))));
+        return (index.h(styledHost.StyledHost, { key: '75225e92af6efb7185735a63adf83ed7699452b1' }, index.h("table-filters-menu", { key: '086762cdd3a08d9221be6d374d4fd4d1b82c717f', params: filterMenuParams, clearParams: checkoutsListParamsState.clearParams, part: parts.checkoutsListFilterMenu }, index.h("div", { key: '23f5d2938419a2e92cbacf79d82a3893b6d256c2', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '43bf85dccce2233d59720defbea2897df488d880', class: "p-2" }, index.h("form-control-select", { key: '61c381ec0a205245311ba2e490a03b1e571d366b', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || checkoutsListParamsState.filterParams.status, disabled: !!this.checkoutStatus, part: parts.statusCheckoutsListFilterParam })), index.h("div", { key: '4d01e881ca741302be99559209ab383aad4ee739', class: "p-2" }, index.h("form-control-select", { key: '82a1c6c3cfa9c77bc656aff5d7b0130436a54042', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || checkoutsListParamsState.filterParams.payment_mode, disabled: !!this.paymentMode, part: parts.paymentModeCheckoutsListFilterParam }))))));
     }
 };