@justifi/webcomponents 4.16.0 → 4.17.0

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

@@ -4,12 +4,12 @@ import { B as BusinessService } from './business.service-19a0c8d3.js';
 import { B as Business } from './Business-e218b4f4.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
-import { J as JustifiAnalytics } from './Analytics-17c33e9e.js';
+import { J as JustifiAnalytics } from './Analytics-c52faca6.js';
 import './config-476c7241.js';
 import './Api-b09a2f6a.js';
 import './helpers-96ea3464.js';
 import './state-options-a356fb11.js';
-import './package-02a6e473.js';
+import './package-8ab448a3.js';
 
 const makeGetBusiness = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-4bd1eae9.js';
 import { c as create$3, F as FormController } from './index.esm-fc4f5c0c.js';
-import { b as businessCoreInfoSchema, a as additionalQuestionsSchema } from './business-additional-questions-schema-b00a73ba.js';
-import { a as addressSchema, i as identitySchema, p as parseBusiness } from './payload-parsers-a9e8f8cc.js';
+import { b as businessCoreInfoSchema, a as additionalQuestionsSchema } from './business-additional-questions-schema-956e3caf.js';
+import { a as addressSchema, i as identitySchema, p as parseBusiness } from './payload-parsers-57289fc4.js';
 import { A as Api } from './Api-b09a2f6a.js';
 import './Pagination-afc8f96d.js';
 import './Payment-3e94da9c.js';
@@ -9,12 +9,12 @@ import './Payout-dfe15b00.js';
 import { c as config } from './config-476c7241.js';
 import { B as BusinessFormServerErrors, a as BusinessFormClickActions } from './business-form-types-60f50b98.js';
 import { B as Business } from './Business-e218b4f4.js';
-import { J as JustifiAnalytics } from './Analytics-17c33e9e.js';
-import './schema-validations-770bdf3e.js';
+import { J as JustifiAnalytics } from './Analytics-c52faca6.js';
+import './schema-validations-a83ff220.js';
 import './state-options-a356fb11.js';
 import './business-form-options-7a9a74fc.js';
 import './helpers-96ea3464.js';
-import './package-02a6e473.js';
+import './package-8ab448a3.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-list.entry.js

@@ -4,7 +4,7 @@ import { p as pagingDefaults } from './Pagination-afc8f96d.js';
 import './Payment-3e94da9c.js';
 import './Payout-dfe15b00.js';
 import { B as Business } from './Business-e218b4f4.js';
-import { s as snakeCaseToHumanReadable, f as formatDate } from './utils-61a21dea.js';
+import { s as snakeCaseToHumanReadable, f as formatDate } from './utils-5f4c4faa.js';
 import { c as config } from './config-476c7241.js';
 import './helpers-96ea3464.js';
 import './state-options-a356fb11.js';

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h } from './index-4bd1eae9.js';
 import { c as config } from './config-476c7241.js';
-import { J as JustifiAnalytics } from './Analytics-17c33e9e.js';
-import './package-02a6e473.js';
+import { J as JustifiAnalytics } from './Analytics-c52faca6.js';
+import './package-8ab448a3.js';
 import './Api-b09a2f6a.js';
 
 const CardForm = class {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-4bd1eae9.js';
-import { b as formatCurrency } from './utils-61a21dea.js';
+import { b as formatCurrency } from './utils-5f4c4faa.js';
 import { c as config } from './config-476c7241.js';
 import { C as ComponentErrorSeverity } from './ComponentError-3ce7f437.js';
 import { i as insuranceValuesOn, v as validateInsuranceValues, a as insuranceValues } from './insurance-state-09754ab9.js';
@@ -18,6 +18,7 @@ const CheckoutCore = class {
         registerInstance(this, hostRef);
         this.submitted = createEvent(this, "submitted", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
+        this.loaded = createEvent(this, "loaded", 7);
         this.completeCheckout = async (payment) => {
             this.complete({
                 payment,
@@ -53,6 +54,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) {
@@ -61,6 +66,7 @@ const CheckoutCore = class {
             insuranceValuesOn('set', (key) => {
                 const value = insuranceValues[key];
                 if (value !== undefined) {
+                    this.insuranceToggled = value;
                     this.fetchData();
                 }
             });
@@ -71,6 +77,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 }) => {
@@ -90,8 +98,8 @@ const CheckoutCore = class {
         event.preventDefault();
         this.renderState = 'loading';
         const insuranceValidation = 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) {
@@ -121,14 +129,14 @@ const CheckoutCore = class {
     }
     get paymentType() {
         var _a, _b, _c, _d, _e;
-        return (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h("justifi-skeleton", { variant: "rounded", 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, "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 (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h("justifi-skeleton", { variant: "rounded", 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, 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 (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h("justifi-skeleton", { height: "24px" })), h("div", { class: this.isLoading && 'visually-hidden' }, h("div", { class: "jfi-payment-description" }, (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_description), h("div", { class: "jfi-payment-total" }, h("span", { class: "jfi-payment-total-label" }, "Total"), "\u00A0", h("span", { class: "jfi-payment-total-amount" }, formatCurrency(+((_b = this.checkout) === null || _b === void 0 ? void 0 : _b.total_amount)))))));
     }
     render() {
-        return (h(Host, { key: 'b9ed9bb3b562a095100db2ef913be5e66c2667b7' }, h("div", { key: '3c31de9bcf652f407179d493f4d061c05eba85df', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '48390444c2118554692c4668400252c8fdc8b756', class: "col-12 mb-4" }, h("h2", { key: 'b04d9c5d1c6ce47a9c73ccfa5e95a0a7942aaf9f', class: "fs-5 fw-bold pb-3 jfi-header" }, "Summary"), this.summary), h("div", { key: 'c47d1ea97207dd0706b865467c912a4884c541d9', class: "col-12" }, h("h2", { key: 'b09fa554fe810f1c801ce6dae16938dea061937f', class: "fs-5 fw-bold pb-3 jfi-header" }, "Payment"), h("h3", { key: 'b4f423876effb2cc6a3304d66c800fb889cff0a1', class: "fs-6 fw-bold lh-lg" }, "Select payment type"), h("div", { key: 'c994dc3fdbc5c0f794f85f54bd2ff91cb1ecdfe7', class: "d-flex flex-column" }, this.paymentType)), h("div", { key: '006372341dacb61702902ae3e8732d8e4268490f', class: "col-12" }, h("slot", { key: '09054f7045ca784c1a0e781e10afe29cb04c972d', name: "insurance" })), h("div", { key: 'd7aaa6e830cbaf80958ffab573d9005bde8ba728', class: "col-12" }, h("div", { key: 'eb87c92dfb4f0e85851c4e43c014743fcb7fdb09', class: "d-flex justify-content-end" }, 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 (h(Host, { key: 'b4eca3c8ce6642cc307df9bf0954d8db13ec3791' }, h("div", { key: '652bb4e5b2b4ec189d293630d31a3c1d8f345a7e', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '6bb0869d4632dd8937e5077dd84732f9091342d0', class: "col-12 mb-4" }, h("h2", { key: 'bd8d0d02f5a59ec9a5629808fea21dc3e922407a', class: "fs-5 fw-bold pb-3 jfi-header" }, "Summary"), this.summary), h("div", { key: '81b1c5e141fa49da91e257eb40243e27f2c55f50', class: "col-12" }, h("slot", { key: '438606a898983e51141c62e7fe7ab209eadfa2a2', name: "insurance" })), h("div", { key: '0932dbfb2f6c57aed73f56b3563c189e76b1aa69', class: "col-12" }, h("h2", { key: 'd96345a9941679990d0e379293eb960751ef4063', class: "fs-5 fw-bold pb-3 jfi-header" }, "Payment"), h("h3", { key: 'cfcb5db0857f670008d5f71f3fccd53b1d05c91d', class: "fs-6 fw-bold lh-lg" }, "Select payment type"), h("div", { key: 'f9f06327db4ec89b0db943de0e6d3c983d33ab55', class: "d-flex flex-column" }, this.paymentType)), h("div", { key: '18392f4a553848f123910bb10501821b550e0abe', class: "col-12" }, h("div", { key: '31f6e5b2267ab507021b285becdd2961035ffe53', class: "d-flex justify-content-end" }, 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/esm/justifi-checkout.entry.js

@@ -6,8 +6,8 @@ import './Pagination-afc8f96d.js';
 import './Payment-3e94da9c.js';
 import './Payout-dfe15b00.js';
 import { c as config } from './config-476c7241.js';
-import { J as JustifiAnalytics } from './Analytics-17c33e9e.js';
-import './package-02a6e473.js';
+import { J as JustifiAnalytics } from './Analytics-c52faca6.js';
+import './package-8ab448a3.js';
 
 const makeGetCheckout = ({ authToken, checkoutId, service }) => async ({ onSuccess, onError }) => {
     var _a;
@@ -84,6 +84,7 @@ const Checkout = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.errorEvent = createEvent(this, "error-event", 7);
+        this.loadedEvent = createEvent(this, "loaded", 7);
         this.iframeOrigin = undefined;
         this.authToken = undefined;
         this.checkoutId = undefined;
@@ -126,8 +127,15 @@ const Checkout = class {
     propChanged() {
         this.initializeGetCheckout();
     }
+    async fillBillingForm(fields) {
+        this.checkoutCoreRef.fillBillingForm(fields);
+    }
     render() {
-        return (h("justifi-checkout-core", { key: '1844bb35fc8d4f24e2983cb540a1fd10ec510cc1', getCheckout: this.getCheckout, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup }, h("div", { key: '2e2676cfd661970ef1ff8adaa2e8e75db8581f11', slot: "insurance" }, h("slot", { key: '1d6448f4f7db270924160791ec08fb8f115fb2c1', name: "insurance" }))));
+        return (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;
+                }
+            } }, h("div", { key: 'a659fc258e90c32b4b16ea1d92492c0e16f830a3', slot: "insurance" }, h("slot", { key: 'c92ba9f86f72b372cafabbdd7aba92cee0af44f7', name: "insurance" }))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

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

@@ -10,7 +10,7 @@ const Details = class {
         this.errorMessage = undefined;
     }
     render() {
-        return (h(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 (h(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 ?
             ErrorState(this.errorMessage)
             :
                 h("main", { class: "p-2" }, h("slot", { name: "head-info" }), h("slot", { name: 'detail-sections' }))));

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

@@ -4,8 +4,8 @@ import { A as Api } from './Api-b09a2f6a.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
 import { E as ErrorState } from './utils-1e583166.js';
-import { J as JustifiAnalytics } from './Analytics-17c33e9e.js';
-import './package-02a6e473.js';
+import { J as JustifiAnalytics } from './Analytics-c52faca6.js';
+import './package-8ab448a3.js';
 
 class ReportsService {
     async fetchGrossVolumeChartData(accountId, authToken) {