@justifi/webcomponents 4.16.0 → 4.17.0

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

@@ -8,12 +8,12 @@ const business_service = require('./business.service-9214509a.js');
 const Business = require('./Business-aacbe893.js');
 const ComponentError = require('./ComponentError-233ac749.js');
 const utils = require('./utils-7a478c37.js');
-const Analytics = require('./Analytics-423b2bb5.js');
+const Analytics = require('./Analytics-80336968.js');
 require('./config-ff2dda66.js');
 require('./Api-3bc6e43f.js');
 require('./helpers-602962eb.js');
 require('./state-options-4fbcb48a.js');
-require('./package-b40227dd.js');
+require('./package-7b63c02b.js');
 
 const makeGetBusiness = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b4498996.js');
 const index_esm = require('./index.esm-52757963.js');
-const businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-606d1292.js');
-const payloadParsers = require('./payload-parsers-6e4cf5d7.js');
+const businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-cf545610.js');
+const payloadParsers = require('./payload-parsers-78445405.js');
 const Api = require('./Api-3bc6e43f.js');
 require('./Pagination-0da8f095.js');
 require('./Payment-24f22eca.js');
@@ -13,12 +13,12 @@ require('./Payout-a2dd7b01.js');
 const config = require('./config-ff2dda66.js');
 const businessFormTypes = require('./business-form-types-11130bab.js');
 const Business = require('./Business-aacbe893.js');
-const Analytics = require('./Analytics-423b2bb5.js');
-require('./schema-validations-9668fd79.js');
+const Analytics = require('./Analytics-80336968.js');
+require('./schema-validations-2733de42.js');
 require('./state-options-4fbcb48a.js');
 require('./business-form-options-582467fe.js');
 require('./helpers-602962eb.js');
-require('./package-b40227dd.js');
+require('./package-7b63c02b.js');
 
 const businessFormSchema = index_esm.create$3(Object.assign(Object.assign({}, businessAdditionalQuestionsSchema.businessCoreInfoSchema().fields), { legal_address: payloadParsers.addressSchema(), additional_questions: businessAdditionalQuestionsSchema.additionalQuestionsSchema(), representative: payloadParsers.identitySchema('representative') }));
 

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

@@ -8,7 +8,7 @@ const Pagination = require('./Pagination-0da8f095.js');
 require('./Payment-24f22eca.js');
 require('./Payout-a2dd7b01.js');
 const Business = require('./Business-aacbe893.js');
-const utils = require('./utils-17869710.js');
+const utils = require('./utils-80191fbe.js');
 const config = require('./config-ff2dda66.js');
 require('./helpers-602962eb.js');
 require('./state-options-4fbcb48a.js');

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b4498996.js');
 const config = require('./config-ff2dda66.js');
-const Analytics = require('./Analytics-423b2bb5.js');
-require('./package-b40227dd.js');
+const Analytics = require('./Analytics-80336968.js');
+require('./package-7b63c02b.js');
 require('./Api-3bc6e43f.js');
 
 const CardForm = class {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b4498996.js');
-const utils = require('./utils-17869710.js');
+const utils = require('./utils-80191fbe.js');
 const config = require('./config-ff2dda66.js');
 const ComponentError = require('./ComponentError-233ac749.js');
 const insuranceState = require('./insurance-state-3f044af7.js');
@@ -22,6 +22,7 @@ const CheckoutCore = class {
         index.registerInstance(this, hostRef);
         this.submitted = index.createEvent(this, "submitted", 7);
         this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.loaded = index.createEvent(this, "loaded", 7);
         this.completeCheckout = async (payment) => {
             this.complete({
                 payment,
@@ -57,6 +58,10 @@ const CheckoutCore = class {
         this.serverError = undefined;
         this.renderState = 'loading';
         this.creatingNewPaymentMethod = false;
+        this.insuranceToggled = false;
+    }
+    async fillBillingForm(fields) {
+        this.paymentMethodOptionsRef.fillBillingForm(fields);
     }
     componentWillLoad() {
         if (this.getCheckout) {
@@ -65,6 +70,7 @@ const CheckoutCore = class {
             insuranceState.insuranceValuesOn('set', (key) => {
                 const value = insuranceState.insuranceValues[key];
                 if (value !== undefined) {
+                    this.insuranceToggled = value;
                     this.fetchData();
                 }
             });
@@ -75,6 +81,8 @@ const CheckoutCore = class {
         this.getCheckout({
             onSuccess: ({ checkout }) => {
                 this.checkout = new Checkout(checkout);
+                const { status } = this.checkout;
+                this.loaded.emit({ checkout_status: status });
                 this.renderState = 'success';
             },
             onError: ({ error, code, severity }) => {
@@ -94,8 +102,8 @@ const CheckoutCore = class {
         event.preventDefault();
         this.renderState = 'loading';
         const insuranceValidation = insuranceState.validateInsuranceValues();
-        const payload = await this.paymentMethodOptionsRef.resolvePaymentMethod();
-        if (!insuranceValidation.isValid) {
+        const payload = await this.paymentMethodOptionsRef.resolvePaymentMethod(insuranceValidation);
+        if (payload.validationError) {
             this.renderState = 'error';
         }
         else if (payload.error) {
@@ -125,14 +133,14 @@ const CheckoutCore = class {
     }
     get paymentType() {
         var _a, _b, _c, _d, _e;
-        return (index.h("section", null, index.h("div", { class: !this.isLoading && 'visually-hidden' }, index.h("justifi-skeleton", { variant: "rounded", height: "300px" })), index.h("div", { class: this.isLoading && 'visually-hidden' }, index.h("justifi-payment-method-options", { ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": !this.disableBnpl, "show-saved-payment-methods": !this.disablePaymentMethodGroup, bnpl: (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.bnpl, "client-id": (_b = this.checkout) === null || _b === void 0 ? void 0 : _b.payment_client_id, "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 }))));
+        return (index.h("section", null, index.h("div", { class: !this.isLoading && 'visually-hidden' }, index.h("justifi-skeleton", { variant: "rounded", height: "300px" })), index.h("div", { class: this.isLoading && 'visually-hidden' }, index.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, 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 }))));
     }
     get summary() {
         var _a, _b;
         return (index.h("section", null, index.h("div", { class: !this.isLoading && 'visually-hidden' }, index.h("justifi-skeleton", { height: "24px" })), index.h("div", { class: this.isLoading && 'visually-hidden' }, index.h("div", { class: "jfi-payment-description" }, (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_description), index.h("div", { class: "jfi-payment-total" }, index.h("span", { class: "jfi-payment-total-label" }, "Total"), "\u00A0", index.h("span", { class: "jfi-payment-total-amount" }, utils.formatCurrency(+((_b = this.checkout) === null || _b === void 0 ? void 0 : _b.total_amount)))))));
     }
     render() {
-        return (index.h(index.Host, { key: 'b9ed9bb3b562a095100db2ef913be5e66c2667b7' }, index.h("div", { key: '3c31de9bcf652f407179d493f4d061c05eba85df', class: "row gy-3 jfi-checkout-core" }, index.h("div", { key: '48390444c2118554692c4668400252c8fdc8b756', class: "col-12 mb-4" }, index.h("h2", { key: 'b04d9c5d1c6ce47a9c73ccfa5e95a0a7942aaf9f', class: "fs-5 fw-bold pb-3 jfi-header" }, "Summary"), this.summary), index.h("div", { key: 'c47d1ea97207dd0706b865467c912a4884c541d9', class: "col-12" }, index.h("h2", { key: 'b09fa554fe810f1c801ce6dae16938dea061937f', class: "fs-5 fw-bold pb-3 jfi-header" }, "Payment"), index.h("h3", { key: 'b4f423876effb2cc6a3304d66c800fb889cff0a1', class: "fs-6 fw-bold lh-lg" }, "Select payment type"), index.h("div", { key: 'c994dc3fdbc5c0f794f85f54bd2ff91cb1ecdfe7', class: "d-flex flex-column" }, this.paymentType)), index.h("div", { key: '006372341dacb61702902ae3e8732d8e4268490f', class: "col-12" }, index.h("slot", { key: '09054f7045ca784c1a0e781e10afe29cb04c972d', name: "insurance" })), index.h("div", { key: 'd7aaa6e830cbaf80958ffab573d9005bde8ba728', class: "col-12" }, index.h("div", { key: 'eb87c92dfb4f0e85851c4e43c014743fcb7fdb09', class: "d-flex justify-content-end" }, index.h("button", { key: '93f1b3a6ee8469707ee18135e8cf8ffa57965ef5', type: "submit", onClick: event => this.submit(event), disabled: this.isLoading, part: "pay-button", class: `btn btn-primary jfi-submit-button ${this.isLoading ? 'jfi-submit-button-loading' : ''}` }, this.isLoading ? this.loadingSpinner : 'Pay'))))));
+        return (index.h(index.Host, { key: 'b4eca3c8ce6642cc307df9bf0954d8db13ec3791' }, index.h("div", { key: '652bb4e5b2b4ec189d293630d31a3c1d8f345a7e', class: "row gy-3 jfi-checkout-core" }, index.h("div", { key: '6bb0869d4632dd8937e5077dd84732f9091342d0', class: "col-12 mb-4" }, index.h("h2", { key: 'bd8d0d02f5a59ec9a5629808fea21dc3e922407a', class: "fs-5 fw-bold pb-3 jfi-header" }, "Summary"), this.summary), index.h("div", { key: '81b1c5e141fa49da91e257eb40243e27f2c55f50', class: "col-12" }, index.h("slot", { key: '438606a898983e51141c62e7fe7ab209eadfa2a2', name: "insurance" })), index.h("div", { key: '0932dbfb2f6c57aed73f56b3563c189e76b1aa69', class: "col-12" }, index.h("h2", { key: 'd96345a9941679990d0e379293eb960751ef4063', class: "fs-5 fw-bold pb-3 jfi-header" }, "Payment"), index.h("h3", { key: 'cfcb5db0857f670008d5f71f3fccd53b1d05c91d', class: "fs-6 fw-bold lh-lg" }, "Select payment type"), index.h("div", { key: 'f9f06327db4ec89b0db943de0e6d3c983d33ab55', class: "d-flex flex-column" }, this.paymentType)), index.h("div", { key: '18392f4a553848f123910bb10501821b550e0abe', class: "col-12" }, index.h("div", { key: '31f6e5b2267ab507021b285becdd2961035ffe53', class: "d-flex justify-content-end" }, index.h("button", { key: '4dc7c5af2ca0d3766a2e3371da9b241e3260a351', type: "submit", onClick: event => this.submit(event), disabled: this.isLoading, part: "pay-button", class: `btn btn-primary jfi-submit-button ${this.isLoading ? 'jfi-submit-button-loading' : ''}` }, this.isLoading ? this.loadingSpinner : 'Pay'))))));
     }
 };
 CheckoutCore.style = JustifiCheckoutCoreStyle0;

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

@@ -10,8 +10,8 @@ require('./Pagination-0da8f095.js');
 require('./Payment-24f22eca.js');
 require('./Payout-a2dd7b01.js');
 const config = require('./config-ff2dda66.js');
-const Analytics = require('./Analytics-423b2bb5.js');
-require('./package-b40227dd.js');
+const Analytics = require('./Analytics-80336968.js');
+require('./package-7b63c02b.js');
 
 const makeGetCheckout = ({ authToken, checkoutId, service }) => async ({ onSuccess, onError }) => {
     var _a;
@@ -88,6 +88,7 @@ const Checkout = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.loadedEvent = index.createEvent(this, "loaded", 7);
         this.iframeOrigin = undefined;
         this.authToken = undefined;
         this.checkoutId = undefined;
@@ -130,8 +131,15 @@ const Checkout = class {
     propChanged() {
         this.initializeGetCheckout();
     }
+    async fillBillingForm(fields) {
+        this.checkoutCoreRef.fillBillingForm(fields);
+    }
     render() {
-        return (index.h("justifi-checkout-core", { key: '1844bb35fc8d4f24e2983cb540a1fd10ec510cc1', getCheckout: this.getCheckout, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup }, index.h("div", { key: '2e2676cfd661970ef1ff8adaa2e8e75db8581f11', slot: "insurance" }, index.h("slot", { key: '1d6448f4f7db270924160791ec08fb8f115fb2c1', name: "insurance" }))));
+        return (index.h("justifi-checkout-core", { key: '5dd0269c6fd04bff259204e80800803e618ffa83', getCheckout: this.getCheckout, authToken: this.authToken, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup, ref: el => {
+                if (el) {
+                    this.checkoutCoreRef = el;
+                }
+            } }, index.h("div", { key: 'a659fc258e90c32b4b16ea1d92492c0e16f830a3', slot: "insurance" }, index.h("slot", { key: 'c92ba9f86f72b372cafabbdd7aba92cee0af44f7', name: "insurance" }))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

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

@@ -14,7 +14,7 @@ const Details = class {
         this.errorMessage = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '7de6a80e49e823bd246ef9c754ba7e99d0e7f94a', exportParts: 'detail-empty-state, detail-metadata-title, detail-metadata, detail-section, detail-section-title, \n        detail-section-item-title, detail-section-item-data, detail-head, detail-title, detail-head-info' }, this.errorMessage ?
+        return (index.h(index.Host, { key: '2d6ed5cb3c548d10c9a7de29b2b1b3a94f60133f', exportParts: 'detail-empty-state, detail-metadata-title, detail-metadata, detail-section, detail-section-title, \n        detail-section-item-title, detail-section-item-data, detail-head, detail-title, detail-head-info' }, this.errorMessage ?
             utils.ErrorState(this.errorMessage)
             :
                 index.h("main", { class: "p-2" }, index.h("slot", { name: "head-info" }), index.h("slot", { name: 'detail-sections' }))));

package/dist/cjs/justifi-gross-payment-chart.cjs.entry.js

@@ -8,8 +8,8 @@ const Api = require('./Api-3bc6e43f.js');
 const ComponentError = require('./ComponentError-233ac749.js');
 const utils = require('./utils-7a478c37.js');
 const utils$1 = require('./utils-0c3168ef.js');
-const Analytics = require('./Analytics-423b2bb5.js');
-require('./package-b40227dd.js');
+const Analytics = require('./Analytics-80336968.js');
+require('./package-7b63c02b.js');
 
 class ReportsService {
     async fetchGrossVolumeChartData(accountId, authToken) {