@justifi/webcomponents 6.12.7-rc.3 → 6.13.0

package/dist/cjs/hidden-input_2.cjs.entry.js

@@ -5,7 +5,7 @@ var index = require('./index-W-zoNiyM.js');
 var parts = require('./parts-BXshb_S-.js');
 var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
 var formControlErrorText = require('./form-control-error-text-BO58Y6zF.js');
-var _package = require('./package-BJUD_YSJ.js');
+var _package = require('./package-BKwTzSig.js');
 
 const iframeInputStylesStore = index.createStore({
     focused: {
@@ -78,7 +78,7 @@ const HiddenInput = class {
             this.focusWithoutPageScroll(this.hiddenInput);
             setTimeout(() => {
                 this.hiddenInput.blur();
-                let computedStyles = getComputedStyle(this.hiddenInput);
+                const computedStyles = getComputedStyle(this.hiddenInput);
                 resolve({
                     boxShadow: computedStyles.boxShadow,
                     border: computedStyles.border,
@@ -114,7 +114,7 @@ const HiddenInput = class {
         return parts.input;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'd3aa78cd75de1a781c8100c121933122c6db599b' }, index$1.h("input", { key: '7ac01ecc01ca776cd6928a3a1d1e0b2baa4b8965', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
+        return (index$1.h(index$1.Host, { key: 'c3b2f0cb5160d888b3ecbaca95285749c0b71002' }, index$1.h("input", { key: 'f6d0ad00733d086dfa09b646f7599d60f91e5f50', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
     }
 };
 
@@ -1729,10 +1729,10 @@ const IframeInput = class {
         return params;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'a3039409160cb6fd7dd2e7bf189e241f34ddeca6', class: "form-group d-flex flex-column" }, index$1.h("div", { key: 'dab356c30fedca21f6092cfbaf576e23df36b318', style: {
+        return (index$1.h(index$1.Host, { key: '60e76f1a33ddd4ea5b89cd31a1b6906ff53c5ddb', class: "form-group d-flex flex-column" }, index$1.h("div", { key: '5fdef33ae8deb616929478d06fddc01b97233f0a', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, index$1.h("label", { key: '0469fb973476f92cd5b275b62e4a462521448273', class: "form-label", htmlFor: "", part: parts.label }, this.label || ''), index$1.h("div", { key: 'd91253d593d700279c0d869b34d3d4f5d572759a', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, index$1.h("iframe", { key: '2a3676ad3d25daedccaa0cb2297f505641b47497', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, index$1.h("label", { key: 'e37adecf5024d4c77561d3ca269f49c398fc8fd7', class: "form-label", htmlFor: "", part: parts.label }, this.label || ''), index$1.h("div", { key: '206a703cd84d713155aa754576410f495b4329fe', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, index$1.h("iframe", { key: '214ecd5b4fa9d075b91ea73b9edd09fdfa0cdf12', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -1742,7 +1742,7 @@ const IframeInput = class {
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), index$1.h(formControlErrorText.FormControlErrorText, { key: 'e54b9c1a7ef5da3bed2eb62e25a28c91865f1f40', errorText: this.errorText, name: this.inputId }))));
+            } })), index$1.h(formControlErrorText.FormControlErrorText, { key: 'bec41e86a063eacb8f1f741b446c64db540d9e4d', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return index$1.getElement(this); }
 };

package/dist/cjs/{insurance-state-Xe2auE-N.js → insurance-state-B-XQRmMs.js}

@@ -30,7 +30,7 @@ const validateInsuranceValues = () => {
 };
 // Helper function to check if a value has actually changed (not just initially set)
 const hasInsuranceValueChanged = (key, newValue) => {
-    const hadPreviousValue = previousInsuranceValues.hasOwnProperty(key);
+    const hadPreviousValue = Object.prototype.hasOwnProperty.call(previousInsuranceValues, key);
     const previousValue = previousInsuranceValues[key];
     if (!hadPreviousValue) {
         // First time setting this value, track it but don't consider it a "change"

package/dist/cjs/internal-button.cjs.entry.js

@@ -11,7 +11,7 @@ const InternalButton = class {
         this.type = 'button';
     }
     render() {
-        return (index.h(button.Button, { key: 'b9c53e47ed16f09a34b2d28c9edc275de6f375c1', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle, hidden: this.hidden }, this.text));
+        return (index.h(button.Button, { key: 'a20d0f251ab26062356b54965b3981af7953c71f', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle, hidden: this.hidden }, this.text));
     }
 };
 

package/dist/cjs/justifi-apple-pay_11.cjs.entry.js

@@ -1,30 +1,31 @@
 'use strict';
 
 var index = require('./index-p7cvUYAE.js');
-var Api = require('./Api-Bukk55YZ.js');
-var Plaid = require('./Plaid-6FYKaSTI.js');
+var Api = require('./Api-BioDE5he.js');
+var Plaid = require('./Plaid-QLOFOTeC.js');
 var styledHost = require('./styled-host-Ch0-dxF-.js');
 require('./event-types-YOY5TKUN.js');
 var skeleton = require('./skeleton-DvRCiQlA.js');
-var checkout_store = require('./checkout.store-CztwuCnG.js');
+var checkout_store = require('./checkout.store-CZHrIuaP.js');
 var parts = require('./parts-BXshb_S-.js');
-var utils = require('./utils-BHi4j5rB.js');
+var utils = require('./utils-D1CWnhex.js');
 var configState = require('./config-state-BIgGhhe9.js');
 var header1 = require('./header-1-CsBQoo1f.js');
-var insuranceState = require('./insurance-state-Xe2auE-N.js');
+var insuranceState = require('./insurance-state-B-XQRmMs.js');
 var header3 = require('./header-3-DCYJhPro.js');
-var Analytics = require('./Analytics-GYqUuEeO.js');
-var checkPkgVersion = require('./check-pkg-version-wcoV7eK1.js');
+var Analytics = require('./Analytics-DaegoP5G.js');
+var checkPkgVersion = require('./check-pkg-version-BNGOOokA.js');
 require('./dinero-BwNN_k7x.js');
 require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
-var utils$1 = require('./utils-dnVbB8d6.js');
-var checkout_service = require('./checkout.service-BiLHhmjP.js');
-var plaid_service = require('./plaid.service-BaHuE_zZ.js');
+var checkoutActions = require('./checkout-actions-CjR16i7o.js');
+var checkout_service = require('./checkout.service-Bdr5qUHj.js');
+var plaid_service = require('./plaid.service-DpiLY-5D.js');
 var index$1 = require('./index-CajjbB9t.js');
 var paymentMethodOptionUtils = require('./payment-method-option-utils-WYHIHy-l.js');
 require('./index-W-zoNiyM.js');
-require('./package-BJUD_YSJ.js');
+require('./package-BKwTzSig.js');
+require('./utils-BVM6JCW0.js');
 
 const JustifiRadioListItem = class {
     constructor(hostRef) {
@@ -546,7 +547,6 @@ const JustifiApplePay = class {
         this.buttonType = Plaid.ApplePayButtonType.PLAIN;
         this.buttonStyle = Plaid.ApplePayButtonStyle.BLACK;
         this.disabled = false;
-        this.showSkeleton = true;
         this.width = "100%";
         this.height = "48px";
         this.isLoading = true;
@@ -744,7 +744,7 @@ const JustifiButton = class {
         this.type = 'button';
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'f1ac17863df571d72e7db9b748b1980218145322' }, index.h("internal-button", { key: '0b7052d216fb79ed5d9f90aacff97d39dce87473', text: this.text, variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, type: this.type, disabled: this.disabled, class: this.class, customStyle: this.customStyle, hidden: this.hidden })));
+        return (index.h(styledHost.StyledHost, { key: '241fe8903788f0442b42bf5a6835d152d1944967' }, index.h("internal-button", { key: '7c13bd1fa53cf9faae26e521af5a40a08659fe92', text: this.text, variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, type: this.type, disabled: this.disabled, class: this.class, customStyle: this.customStyle, hidden: this.hidden })));
     }
 };
 
@@ -753,7 +753,7 @@ const JustifiCheckoutSummary = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '4dda3e1e4f81cfda61011706c2f4e3104815d97c' }, index.h("section", { key: 'f8bbdeb389afbfc906e6cc956a68f9a3485ed43c' }, index.h("div", { key: '2f8019ae43d5d4a5835ec6d5674304bd321d34b7' }, index.h("div", { key: '67626fe735d0c0372fe638960198592027fb24f5', part: parts.text }, checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.paymentDescription), index.h("div", { key: '48d8b4b930d2f3b199bc0a59c93ef4f1339f7649' }, index.h("span", { key: 'ca6413ce719ae81eaa4654911cdfc09d63f9a9db', part: parts.text }, "Total"), "\u00A0", index.h("span", { key: '9ed165b192efa2ecf2f77a129d33161e36b1594f', part: parts.text }, utils.formatCurrency(+(checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.totalAmount))))))));
+        return (index.h(styledHost.StyledHost, { key: '336fa6563952ee7905c2ed4a3330d73bbb33a0eb' }, index.h("section", { key: '48b8798a925d618f5a2c52d743190207b78eb70a' }, index.h("div", { key: '81d91167c10ccc49acb039ea54a9f97f4aa6e305' }, index.h("div", { key: '9744242f2c2c3082e9c1a3af6e716ec4cb28f1fd', part: parts.text }, checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.paymentDescription), index.h("div", { key: '438062935abd2f00495c432ef6652e3808e5215f' }, index.h("span", { key: 'e3f24d9c52ddae0206cbefe61bd08f24697fe28e', part: parts.text }, "Total"), "\u00A0", index.h("span", { key: '9835cb60de31a2c8946b7ac2dd6d1fa82f223110', part: parts.text }, utils.formatCurrency(+(checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.totalAmount))))))));
     }
 };
 
@@ -784,7 +784,6 @@ const JustifiGooglePay = class {
         this.googlePayStarted = index.createEvent(this, "googlePayStarted", 7);
         this.googlePayCompleted = index.createEvent(this, "googlePayCompleted", 7);
         this.googlePayCancelled = index.createEvent(this, "googlePayCancelled", 7);
-        this.environment = "PRODUCTION";
         this.merchantDisplayName = "JustiFi Checkout";
         this.iframeReady = false;
         this.sdkLoaded = false;
@@ -843,12 +842,18 @@ const JustifiGooglePay = class {
     disconnectedCallback() {
         window.removeEventListener("message", this.handleMessage);
     }
+    googlePayEnvironment() {
+        if (this.environment !== undefined) {
+            return this.environment;
+        }
+        return checkout_store.checkoutStore.checkoutMode === "test" ? "TEST" : "PRODUCTION";
+    }
     sendInitialize() {
         var _a;
         if (!((_a = this.iframeElement) === null || _a === void 0 ? void 0 : _a.contentWindow))
             return;
         const config = {
-            environment: this.environment,
+            environment: this.googlePayEnvironment(),
             gatewayMerchantId: checkout_store.checkoutStore.accountId,
             merchantName: this.merchantDisplayName,
             authToken: checkout_store.checkoutStore.authToken,
@@ -902,62 +907,7 @@ const JustifiHeader = class {
     }
     render() {
         const HeaderComponent = this.levels[this.level];
-        return (index.h(styledHost.StyledHost, { key: '879e301ec35e7cc536dec135e11daf140c67eeed' }, index.h(HeaderComponent, { key: '1766cb9a4d84bee1b3365b4df93515274cf31565', text: this.text, class: this.class })));
-    }
-};
-
-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$1.getErrorMessage(response.error);
-            const code = utils$1.getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
-            return onError({
-                error: responseError,
-                code,
-                severity: Plaid.ComponentErrorSeverity.ERROR,
-            });
-        }
-    }
-    catch (error) {
-        const code = utils$1.getErrorCode(error === null || error === void 0 ? void 0 : error.code);
-        return onError({
-            error: error.message || error,
-            code,
-            severity: Plaid.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) {
-            const checkout = response.data;
-            onSuccess({ checkout });
-        }
-        else {
-            const responseError = utils$1.getErrorMessage(response.error);
-            const code = utils$1.getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
-            return onError({
-                error: responseError,
-                code,
-                severity: Plaid.ComponentErrorSeverity.ERROR,
-            });
-        }
-    }
-    catch (error) {
-        const code = utils$1.getErrorCode(error === null || error === void 0 ? void 0 : error.code);
-        return onError({
-            error: error.message || error,
-            code,
-            severity: Plaid.ComponentErrorSeverity.ERROR,
-        });
+        return (index.h(styledHost.StyledHost, { key: '5a0872ee486bdba3ba1c86145946889bb7d151f2' }, index.h(HeaderComponent, { key: '89807e249cdf64f7ef80800276cb50966083f28e', text: this.text, class: this.class })));
     }
 };
 
@@ -1047,8 +997,8 @@ const JustifiModularCheckout = class {
             checkoutId: this.checkoutId,
             service: new checkout_service.CheckoutService(),
         };
-        this.getCheckout = makeGetCheckout(config);
-        this.completeCheckout = makeCheckoutComplete(config);
+        this.getCheckout = checkoutActions.makeGetCheckout(config);
+        this.completeCheckout = checkoutActions.makeCheckoutComplete(config);
         // Emit checkout-changed whenever any store key changes
         checkout_store.onAnyChange(() => {
             this.emitCheckoutChanged();
@@ -1119,24 +1069,30 @@ const JustifiModularCheckout = class {
         }
     }
     updateStore(checkout) {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         checkout_store.checkoutStore.accountId = checkout.account_id;
         checkout_store.checkoutStore.checkoutLoaded = true;
-        checkout_store.checkoutStore.paymentMethods = checkout.payment_methods.map((paymentMethod) => new index$1.PaymentMethod(paymentMethod));
+        const rawMode = checkout.mode != null ? String(checkout.mode).toLowerCase() : '';
+        checkout_store.checkoutStore.checkoutMode =
+            rawMode === 'test' ? 'test' : rawMode === 'live' ? 'live' : null;
+        const mappedPaymentMethods = checkout.payment_methods.map((paymentMethod) => new index$1.PaymentMethod(paymentMethod));
+        const achEnabled = Boolean((_a = checkout.payment_settings) === null || _a === void 0 ? void 0 : _a.ach_payments);
+        checkout_store.checkoutStore.paymentMethods = mappedPaymentMethods.filter((pm) => pm.type !== index$1.PAYMENT_METHODS.SAVED_BANK_ACCOUNT || achEnabled);
         checkout_store.checkoutStore.paymentMethodGroupId = checkout.payment_method_group_id;
         checkout_store.checkoutStore.paymentDescription = checkout.payment_description;
         checkout_store.checkoutStore.totalAmount = checkout.total_amount;
         checkout_store.checkoutStore.paymentAmount = checkout.payment_amount;
         checkout_store.checkoutStore.bnplEnabled = checkout.payment_settings.bnpl_payments;
         checkout_store.checkoutStore.insuranceEnabled = checkout.payment_settings.insurance_payments;
-        checkout_store.checkoutStore.bankAccountVerification = (_a = checkout.payment_settings) === null || _a === void 0 ? void 0 : _a.bank_account_verification;
-        checkout_store.checkoutStore.applePayEnabled = (_b = checkout.payment_settings) === null || _b === void 0 ? void 0 : _b.apple_payments;
-        checkout_store.checkoutStore.googlePayEnabled = (_c = checkout.payment_settings) === null || _c === void 0 ? void 0 : _c.google_payments;
-        checkout_store.checkoutStore.bnplProviderClientId = (_d = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _d === void 0 ? void 0 : _d.provider_client_id;
-        checkout_store.checkoutStore.bnplProviderMode = (_e = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _e === void 0 ? void 0 : _e.provider_mode;
-        checkout_store.checkoutStore.bnplProviderApiVersion = (_f = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _f === void 0 ? void 0 : _f.provider_api_version;
+        checkout_store.checkoutStore.bankAccountVerification = (_b = checkout.payment_settings) === null || _b === void 0 ? void 0 : _b.bank_account_verification;
+        checkout_store.checkoutStore.applePayEnabled = (_c = checkout.payment_settings) === null || _c === void 0 ? void 0 : _c.apple_payments;
+        checkout_store.checkoutStore.googlePayEnabled = (_d = checkout.payment_settings) === null || _d === void 0 ? void 0 : _d.google_payments;
+        checkout_store.checkoutStore.achPaymentsEnabled = achEnabled;
+        checkout_store.checkoutStore.bnplProviderClientId = (_e = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _e === void 0 ? void 0 : _e.provider_client_id;
+        checkout_store.checkoutStore.bnplProviderMode = (_f = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _f === void 0 ? void 0 : _f.provider_mode;
+        checkout_store.checkoutStore.bnplProviderApiVersion = (_g = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _g === void 0 ? void 0 : _g.provider_api_version;
         checkout_store.checkoutStore.bnplProviderCheckoutUrl =
-            (_g = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _g === void 0 ? void 0 : _g.provider_checkout_url;
+            (_h = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _h === void 0 ? void 0 : _h.provider_checkout_url;
     }
     emitCheckoutChanged() {
         const detail = {
@@ -1157,7 +1113,8 @@ const JustifiModularCheckout = class {
             if (tag === 'justifi-card-form') {
                 checkout_store.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.NEW_CARD };
             }
-            else if (tag === 'justifi-bank-account-form') {
+            else if (tag === 'justifi-bank-account-form' &&
+                (!checkout_store.checkoutStore.checkoutLoaded || checkout_store.checkoutStore.achPaymentsEnabled)) {
                 checkout_store.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.NEW_BANK_ACCOUNT };
             }
         }
@@ -1347,7 +1304,6 @@ const JustifiModularCheckout = class {
             });
             return;
         }
-        let payment;
         const mapTypeToPaymentMode = (type) => {
             switch (type) {
                 case index$1.PAYMENT_METHODS.NEW_CARD:
@@ -1366,7 +1322,7 @@ const JustifiModularCheckout = class {
                     return undefined;
             }
         };
-        payment = {
+        const payment = {
             payment_mode: mapTypeToPaymentMode((_e = checkout_store.checkoutStore.selectedPaymentMethod) === null || _e === void 0 ? void 0 : _e.type),
             payment_token: checkout_store.checkoutStore.paymentToken,
         };
@@ -1403,7 +1359,7 @@ const JustifiModularCheckout = class {
         });
     }
     render() {
-        return index.h(index.Host, { key: 'c3de4a4b90c599a374678d98c324a6b24dbec50d' });
+        return index.h(index.Host, { key: '545e1cb07252ba0dc78fa980bd17ee5572559f6c' });
     }
     get hostEl() { return index.getElement(this); }
 };
@@ -1432,6 +1388,7 @@ const JustifiPlaidPaymentMethod = class {
         this.timeoutId = null;
         this.abortController = null;
         this.hasLoggedDisabledWarning = false;
+        this.hasLoggedAchPaymentsDisabledWarning = false;
         this.waitForStoreAndInitialize = () => {
             // Check if store has necessary data
             if (checkout_store.checkoutStore.authToken && checkout_store.checkoutStore.accountId && checkout_store.checkoutStore.checkoutId) {
@@ -1778,11 +1735,15 @@ const JustifiPlaidPaymentMethod = class {
         if (checkout_store.checkoutStore.bankAccountVerification !== true)
             return;
         if (checkout_store.checkoutStore.checkoutLoaded) {
-            this.loadPlaidSDK();
+            if (checkout_store.checkoutStore.achPaymentsEnabled) {
+                this.loadPlaidSDK();
+            }
         }
         else {
             checkout_store.onChange('checkoutLoaded', (loaded) => {
-                if (loaded && checkout_store.checkoutStore.bankAccountVerification === true) {
+                if (loaded &&
+                    checkout_store.checkoutStore.bankAccountVerification === true &&
+                    checkout_store.checkoutStore.achPaymentsEnabled) {
                     this.loadPlaidSDK();
                 }
             });
@@ -1911,6 +1872,13 @@ const JustifiPlaidPaymentMethod = class {
         }
     }
     render() {
+        if (checkout_store.checkoutStore.checkoutLoaded && !checkout_store.checkoutStore.achPaymentsEnabled) {
+            if (!this.hasLoggedAchPaymentsDisabledWarning) {
+                console.warn('[JustifiPlaidPaymentMethod] ACH payments are disabled for this checkout. Component will not render.');
+                this.hasLoggedAchPaymentsDisabledWarning = true;
+            }
+            return null;
+        }
         // Only allow use if enabled in checkout settings
         if (checkout_store.checkoutStore.bankAccountVerification !== true) {
             if (!this.hasLoggedDisabledWarning) {
@@ -2202,7 +2170,8 @@ const JustifiTokenizePaymentMethod = class {
             this.selectedPaymentMethod = index$1.PAYMENT_METHODS.NEW_CARD;
             checkout_store.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.NEW_CARD };
         }
-        else if (!this.disableBankAccount) {
+        else if (!this.disableBankAccount &&
+            (!checkout_store.checkoutStore.checkoutLoaded || checkout_store.checkoutStore.achPaymentsEnabled)) {
             this.selectedPaymentMethod = index$1.PAYMENT_METHODS.NEW_BANK_ACCOUNT;
             checkout_store.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.NEW_BANK_ACCOUNT };
         }
@@ -2230,10 +2199,11 @@ const JustifiTokenizePaymentMethod = class {
     }
     get availablePaymentMethods() {
         const methods = [];
+        const achAllowedForCheckout = !checkout_store.checkoutStore.checkoutLoaded || checkout_store.checkoutStore.achPaymentsEnabled;
         if (!this.disableCreditCard) {
             methods.push(index$1.PAYMENT_METHODS.NEW_CARD);
         }
-        if (!this.disableBankAccount) {
+        if (!this.disableBankAccount && achAllowedForCheckout) {
             methods.push(index$1.PAYMENT_METHODS.NEW_BANK_ACCOUNT);
         }
         return methods;
@@ -2323,7 +2293,7 @@ const JustifiTokenizePaymentMethod = class {
             } }));
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '2d4349f3e5ad632981cdeb14dbe4e483f79379da' }, index.h("form", { key: '754afee2c5229cf016bd8fc0cf81041cf37270a8' }, index.h("fieldset", { key: '01867151a09d384e1258ef7f62fbc88c526706cc' }, index.h("div", { key: '7ba453d4629a0c2ef583daddcb9cf02ac5eee265', class: "row gy-3" }, index.h("div", { key: '4148f2269c738a00f2684d69d4a83a4ab2424f2b', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), index.h("div", { key: 'e67b09357571aadfb3d2712f55954506748b3826', class: "col-12" }, index.h("internal-button", { key: 'c2e805060ff7e9e97144533ffad3b4a02433e792', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
+        return (index.h(styledHost.StyledHost, { key: 'bc76697688be332ef84db56e61b6b455a6d1e986' }, index.h("form", { key: '8f64f55f945d4ff4ed0f144c724dbd71278ec771' }, index.h("fieldset", { key: '15b6d388117738391089cf91f999247cddb29714' }, index.h("div", { key: 'a4e23f7808b446dff6f7da437dba3cb57d2d62aa', class: "row gy-3" }, index.h("div", { key: '63b0584d217d9bb50036eb7d5837e7287be58760', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), index.h("div", { key: 'c9345be3429cd8ab01a84e8584270938feceba39', class: "col-12" }, index.h("internal-button", { key: 'aa56df7b6b1250e9b81fbc281b969d2a37a05428', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,16 +1,16 @@
 'use strict';
 
 var index = require('./index-p7cvUYAE.js');
-var Analytics = require('./Analytics-GYqUuEeO.js');
-var checkPkgVersion = require('./check-pkg-version-wcoV7eK1.js');
+var Analytics = require('./Analytics-DaegoP5G.js');
+var checkPkgVersion = require('./check-pkg-version-BNGOOokA.js');
 var configState = require('./config-state-BIgGhhe9.js');
 var styledHost = require('./styled-host-Ch0-dxF-.js');
 require('./event-types-YOY5TKUN.js');
-require('./package-BJUD_YSJ.js');
-require('./Api-Bukk55YZ.js');
-require('./utils-BHi4j5rB.js');
+require('./package-BKwTzSig.js');
+require('./Api-BioDE5he.js');
+require('./utils-D1CWnhex.js');
 require('./dinero-BwNN_k7x.js');
-require('./Plaid-6FYKaSTI.js');
+require('./Plaid-QLOFOTeC.js');
 require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
 require('./index-W-zoNiyM.js');
@@ -37,7 +37,7 @@ const JustifiBankAccountBillingFormSimple = class {
         return (_b = (_a = this.bankAccountBillingFormSimpleRef) === null || _a === void 0 ? void 0 : _a.validate()) !== null && _b !== void 0 ? _b : { isValid: false, errors: {} };
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '1ed5d8cfc7f594e00f01fc765c3e04acd80b90a9' }, index.h("bank-account-billing-form-simple", { key: '2058a974df2f57da2c731d2d5a78799ac5de0e41', legend: this.legend, ref: (el) => (this.bankAccountBillingFormSimpleRef = el) })));
+        return (index.h(styledHost.StyledHost, { key: '669227ed02e4f0791882b95ed814ea1865db80de' }, index.h("bank-account-billing-form-simple", { key: '97cbe9637d8969023b1f7d3a6b3091a246112032', legend: this.legend, ref: (el) => (this.bankAccountBillingFormSimpleRef = el) })));
     }
 };
 

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

@@ -1,16 +1,16 @@
 'use strict';
 
 var index = require('./index-p7cvUYAE.js');
-var checkPkgVersion = require('./check-pkg-version-wcoV7eK1.js');
-var Analytics = require('./Analytics-GYqUuEeO.js');
+var checkPkgVersion = require('./check-pkg-version-BNGOOokA.js');
+var Analytics = require('./Analytics-DaegoP5G.js');
 var configState = require('./config-state-BIgGhhe9.js');
 var styledHost = require('./styled-host-Ch0-dxF-.js');
 require('./event-types-YOY5TKUN.js');
-require('./package-BJUD_YSJ.js');
-require('./Api-Bukk55YZ.js');
-require('./utils-BHi4j5rB.js');
+require('./package-BKwTzSig.js');
+require('./Api-BioDE5he.js');
+require('./utils-D1CWnhex.js');
 require('./dinero-BwNN_k7x.js');
-require('./Plaid-6FYKaSTI.js');
+require('./Plaid-QLOFOTeC.js');
 require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
 require('./index-W-zoNiyM.js');
@@ -29,13 +29,23 @@ const JustifiBankAccountForm = class {
         (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     async validate() {
+        if (!this.bankAccountFormElement) {
+            return false;
+        }
         return this.bankAccountFormElement.validate();
     }
     async tokenize({ clientId, paymentMethodMetadata, account }) {
+        if (!this.bankAccountFormElement) {
+            return {
+                error: {
+                    message: 'Bank account form is not available.',
+                },
+            };
+        }
         return this.bankAccountFormElement.tokenize({ clientId, paymentMethodMetadata, account });
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '3a267a32b400d122cd124245979218ffc45453ee' }, index.h("bank-account-form", { key: '72044965224da0d85455ad7688b3d1852a46126e', ref: (el) => (this.bankAccountFormElement = el) })));
+        return (index.h(styledHost.StyledHost, { key: '3c8a48f6060f14433ae94399fc48097cb138e301' }, index.h("bank-account-form", { key: '30cd40b60629f5c7f874194dd7641ee3737e8b69', ref: (el) => (this.bankAccountFormElement = el) })));
     }
 };
 

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

@@ -17,7 +17,7 @@ const JustifiBillingFormFull = class {
         return (_b = (_a = this.billingFormFullRef) === null || _a === void 0 ? void 0 : _a.validate()) !== null && _b !== void 0 ? _b : { isValid: false, errors: {} };
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '8e755ce1e9ea3984b7abacc8375aee22f1288c52' }, index.h("billing-form-full", { key: 'a18f794807f7631db8eb3724ae5072766aa708f4', legend: this.legend, ref: (el) => (this.billingFormFullRef = el) })));
+        return (index.h(styledHost.StyledHost, { key: 'be25329cda69d5b2c00a84d5abc8ec8a7c5c643d' }, index.h("billing-form-full", { key: 'c2437172bfbc1c52eb2a86efbef978747e76b4b7', legend: this.legend, ref: (el) => (this.billingFormFullRef = el) })));
     }
 };
 

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

@@ -17,7 +17,7 @@ const JustifiBillingForm = class {
         return (_b = (_a = this.billingFormRef) === null || _a === void 0 ? void 0 : _a.validate()) !== null && _b !== void 0 ? _b : { isValid: false, errors: {} };
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '8b814bc4f24e7e890f3c67723fdb8fe0401f00c0' }, index.h("billing-form", { key: '535a0c3bd061c4d90bf1060a060bdadb1fe8796f', legend: this.legend, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: this.paymentMethodType, ref: (el) => (this.billingFormRef = el) })));
+        return (index.h(styledHost.StyledHost, { key: '40a8a4342204d1679c9b37fb775184131c68248b' }, index.h("billing-form", { key: '65156fc636a2196aa2d189ce5c4d66f755deb3f6', legend: this.legend, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: this.paymentMethodType, ref: (el) => (this.billingFormRef = el) })));
     }
 };
 

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

@@ -2,24 +2,24 @@
 
 var index = require('./index-p7cvUYAE.js');
 var utils = require('./utils-8RGQVADu.js');
-var business_service = require('./business.service-t-p3-gP-.js');
-var getBusiness = require('./get-business-BqO_Sa6H.js');
-var Plaid = require('./Plaid-6FYKaSTI.js');
-var Analytics = require('./Analytics-GYqUuEeO.js');
-var checkPkgVersion = require('./check-pkg-version-wcoV7eK1.js');
+var business_service = require('./business.service-DOGeb2O6.js');
+var getBusiness = require('./get-business-CrxvWZh6.js');
+var Plaid = require('./Plaid-QLOFOTeC.js');
+var Analytics = require('./Analytics-DaegoP5G.js');
+var checkPkgVersion = require('./check-pkg-version-BNGOOokA.js');
 var styledHost = require('./styled-host-Ch0-dxF-.js');
 require('./event-types-YOY5TKUN.js');
 var skeleton = require('./skeleton-DvRCiQlA.js');
 require('./parts-BXshb_S-.js');
-require('./Api-Bukk55YZ.js');
+require('./Api-BioDE5he.js');
 require('./config-state-BIgGhhe9.js');
 require('./index-W-zoNiyM.js');
-require('./utils-BHi4j5rB.js');
+require('./utils-D1CWnhex.js');
 require('./dinero-BwNN_k7x.js');
 require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
-require('./utils-dnVbB8d6.js');
-require('./package-BJUD_YSJ.js');
+require('./utils-BVM6JCW0.js');
+require('./package-BKwTzSig.js');
 
 const BusinessDetailsLoading = () => {
     const Block = () => (index.h("div", { class: "mt-5" }, index.h(skeleton.Skeleton, { width: "40%", height: "1.5rem" }), index.h("hr", null), index.h("div", { class: "row g-3" }, index.h("div", { class: "col-12 col-md-6" }, index.h(skeleton.Skeleton, null), index.h(skeleton.Skeleton, null), index.h(skeleton.Skeleton, null)), index.h("div", { class: "col-12 col-md-6" }, index.h(skeleton.Skeleton, null), index.h(skeleton.Skeleton, null), index.h(skeleton.Skeleton, null)))));

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

@@ -2,32 +2,32 @@
 
 var index = require('./index-p7cvUYAE.js');
 var index_esm = require('./index.esm-BNETBIV_.js');
-var businessIdentitySchema = require('./business-identity-schema-CC1wOwXd.js');
+var businessIdentitySchema = require('./business-identity-schema-BA385xf-.js');
 require('./config-state-BIgGhhe9.js');
 require('./dinero-BwNN_k7x.js');
-var Plaid = require('./Plaid-6FYKaSTI.js');
+var Plaid = require('./Plaid-QLOFOTeC.js');
 require('./Pagination-Dediz133.js');
 var Business = require('./Business-oBifyXkW.js');
-var Analytics = require('./Analytics-GYqUuEeO.js');
+var Analytics = require('./Analytics-DaegoP5G.js');
 var button = require('./button-CR9Rl1-o.js');
 var styledHost = require('./styled-host-Ch0-dxF-.js');
 var header1 = require('./header-1-CsBQoo1f.js');
 require('./event-types-YOY5TKUN.js');
-var checkPkgVersion = require('./check-pkg-version-wcoV7eK1.js');
+var checkPkgVersion = require('./check-pkg-version-BNGOOokA.js');
 var skeleton = require('./skeleton-DvRCiQlA.js');
 var eventTypes = require('./event-types-DNOUef41.js');
-var paymentProvisioningActions = require('./payment-provisioning-actions-Dnvqbh2N.js');
-var business_service = require('./business.service-t-p3-gP-.js');
+var paymentProvisioningActions = require('./payment-provisioning-actions-B4x7lnyF.js');
+var business_service = require('./business.service-DOGeb2O6.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
-require('./schema-validations-DackMxv7.js');
-require('./country-config-Ck-eEeZZ.js');
+require('./schema-validations-C2XsZnqK.js');
+require('./country-config-C1bWmF8P.js');
 require('./business-form-options-CnlrfbQ6.js');
 require('./index-W-zoNiyM.js');
-require('./utils-BHi4j5rB.js');
-require('./package-BJUD_YSJ.js');
-require('./Api-Bukk55YZ.js');
+require('./utils-D1CWnhex.js');
+require('./package-BKwTzSig.js');
+require('./Api-BioDE5he.js');
 require('./parts-BXshb_S-.js');
-require('./utils-dnVbB8d6.js');
+require('./utils-BVM6JCW0.js');
 
 const businessFormSchemaUSA = index_esm.create$3(Object.assign(Object.assign({}, businessIdentitySchema.businessCoreInfoSchemaUSA().fields), { legal_address: businessIdentitySchema.addressSchemaUSA(), additional_questions: businessIdentitySchema.additionalQuestionsSchema(), representative: businessIdentitySchema.identitySchemaUSA('representative') }));
 index_esm.create$3(Object.assign(Object.assign({}, businessIdentitySchema.businessCoreInfoSchemaCAN().fields), { legal_address: businessIdentitySchema.addressSchemaCAN(), additional_questions: businessIdentitySchema.additionalQuestionsSchema(), representative: businessIdentitySchema.identitySchemaCAN('representative') }));

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

@@ -17,7 +17,7 @@ const JustifiCardBillingFormSimple = class {
         return (_b = (_a = this.cardBillingFormSimpleRef) === null || _a === void 0 ? void 0 : _a.validate()) !== null && _b !== void 0 ? _b : { isValid: false, errors: {} };
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '1e25de93c795dd6c8ec2979918a5b10389a55354' }, index.h("card-billing-form-simple", { key: 'd9db1793b83e5fa216f72bfe7803d968ee499ac7', legend: this.legend, ref: (el) => (this.cardBillingFormSimpleRef = el) })));
+        return (index.h(styledHost.StyledHost, { key: '799c9c1ed22b4794fc292a6cbe0986ad91c41cd9' }, index.h("card-billing-form-simple", { key: '5a96ecdd0a474fae719f6fa48bcb4a88fd74ef92', legend: this.legend, ref: (el) => (this.cardBillingFormSimpleRef = el) })));
     }
 };
 

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

@@ -1,16 +1,16 @@
 'use strict';
 
 var index = require('./index-p7cvUYAE.js');
-var Analytics = require('./Analytics-GYqUuEeO.js');
-var checkPkgVersion = require('./check-pkg-version-wcoV7eK1.js');
+var Analytics = require('./Analytics-DaegoP5G.js');
+var checkPkgVersion = require('./check-pkg-version-BNGOOokA.js');
 var configState = require('./config-state-BIgGhhe9.js');
 var styledHost = require('./styled-host-Ch0-dxF-.js');
 require('./event-types-YOY5TKUN.js');
-require('./package-BJUD_YSJ.js');
-require('./Api-Bukk55YZ.js');
-require('./utils-BHi4j5rB.js');
+require('./package-BKwTzSig.js');
+require('./Api-BioDE5he.js');
+require('./utils-D1CWnhex.js');
 require('./dinero-BwNN_k7x.js');
-require('./Plaid-6FYKaSTI.js');
+require('./Plaid-QLOFOTeC.js');
 require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
 require('./index-W-zoNiyM.js');
@@ -35,7 +35,7 @@ const JustifiCardForm = class {
         return this.cardFormElement.tokenize({ clientId, paymentMethodMetadata, account });
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'c571f41c79f46143bbee7063a05f8b973b7732d0' }, index.h("card-form", { key: 'a70c853efeddcedd71343208ab29d89231b6c8fa', ref: (el) => (this.cardFormElement = el) })));
+        return (index.h(styledHost.StyledHost, { key: 'e8591312a00d22c68812fda0b56a125ffd763e01' }, index.h("card-form", { key: 'e987ea9f3bcd2bf0aa8b2c6749bff3b902f20519', ref: (el) => (this.cardFormElement = el) })));
     }
 };