@justifi/webcomponents 6.12.1 → 6.12.2

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

@@ -9,8 +9,8 @@ var Pagination = require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
 require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DbTucCTO.js');
-var Analytics = require('./Analytics-BhduX1FR.js');
-var checkPkgVersion = require('./check-pkg-version-Bd2yxoh4.js');
+var Analytics = require('./Analytics-C1Wd9OW4.js');
+var checkPkgVersion = require('./check-pkg-version-DMXmPDqZ.js');
 var styledHost = require('./styled-host-DAi5SuFa.js');
 var table = require('./table-DjbNv28p.js');
 var eventTypes = require('./event-types-YOY5TKUN.js');
@@ -20,7 +20,7 @@ var parts = require('./parts-BXshb_S-.js');
 var paymentsListParamsState = require('./payments-list-params-state-vGJZ6Oe2.js');
 require('./Api-Bukk55YZ.js');
 require('./index-W-zoNiyM.js');
-require('./package-CjFkmEML.js');
+require('./package-CRaVpb0w.js');
 require('./spinner-C6ZGOB2P.js');
 require('./badge-GBNtUypt.js');
 

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

@@ -11,9 +11,9 @@ require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DbTucCTO.js');
 var utils$1 = require('./utils-BHi4j5rB.js');
 var utils$2 = require('./utils-8RGQVADu.js');
-var Analytics = require('./Analytics-BhduX1FR.js');
+var Analytics = require('./Analytics-C1Wd9OW4.js');
 var payoutsStatus = require('./payouts-status-CwgOMz-S.js');
-var checkPkgVersion = require('./check-pkg-version-Bd2yxoh4.js');
+var checkPkgVersion = require('./check-pkg-version-DMXmPDqZ.js');
 var button = require('./button-CR9Rl1-o.js');
 var styledHost = require('./styled-host-DAi5SuFa.js');
 require('./event-types-YOY5TKUN.js');
@@ -22,7 +22,7 @@ var badge = require('./badge-GBNtUypt.js');
 require('./Api-Bukk55YZ.js');
 require('./index-W-zoNiyM.js');
 require('./parts-BXshb_S-.js');
-require('./package-CjFkmEML.js');
+require('./package-CRaVpb0w.js');
 
 const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;

package/dist/cjs/justifi-payout-transactions-list.cjs.entry.js

@@ -7,8 +7,8 @@ var Plaid = require('./Plaid-BlSGeGpn.js');
 var Pagination = require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
 require('./Dispute-CruQTF6_.js');
-var Analytics = require('./Analytics-BhduX1FR.js');
-var checkPkgVersion = require('./check-pkg-version-Bd2yxoh4.js');
+var Analytics = require('./Analytics-C1Wd9OW4.js');
+var checkPkgVersion = require('./check-pkg-version-DMXmPDqZ.js');
 var utils = require('./utils-DbTucCTO.js');
 var payout_service = require('./payout.service-BcQVsMCS.js');
 var table = require('./table-DjbNv28p.js');
@@ -17,7 +17,7 @@ var eventTypes = require('./event-types-YOY5TKUN.js');
 var utils$1 = require('./utils-BHi4j5rB.js');
 var parts = require('./parts-BXshb_S-.js');
 require('./index-W-zoNiyM.js');
-require('./package-CjFkmEML.js');
+require('./package-CRaVpb0w.js');
 require('./Api-Bukk55YZ.js');
 require('./spinner-C6ZGOB2P.js');
 

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

@@ -2,8 +2,8 @@
 
 var index = require('./index-p7cvUYAE.js');
 var Plaid = require('./Plaid-BlSGeGpn.js');
-var Analytics = require('./Analytics-BhduX1FR.js');
-var checkPkgVersion = require('./check-pkg-version-Bd2yxoh4.js');
+var Analytics = require('./Analytics-C1Wd9OW4.js');
+var checkPkgVersion = require('./check-pkg-version-DMXmPDqZ.js');
 var payout_service = require('./payout.service-BcQVsMCS.js');
 require('./config-state-BIgGhhe9.js');
 require('./dinero-BwNN_k7x.js');
@@ -19,7 +19,7 @@ var eventTypes = require('./event-types-YOY5TKUN.js');
 var utils$1 = require('./utils-BHi4j5rB.js');
 var parts = require('./parts-BXshb_S-.js');
 var payoutsListParamsState = require('./payouts-list-params-state-vGJZ6Oe2.js');
-require('./package-CjFkmEML.js');
+require('./package-CRaVpb0w.js');
 require('./Api-Bukk55YZ.js');
 require('./index-W-zoNiyM.js');
 require('./badge-GBNtUypt.js');

package/dist/cjs/justifi-refund-payment.cjs.entry.js

@@ -13,8 +13,8 @@ var styledHost = require('./styled-host-DAi5SuFa.js');
 require('./event-types-YOY5TKUN.js');
 var payment_service = require('./payment.service-sZKlg2Jq.js');
 var getPaymentDetails = require('./get-payment-details-DL5FmIyF.js');
-var Analytics = require('./Analytics-BhduX1FR.js');
-var checkPkgVersion = require('./check-pkg-version-Bd2yxoh4.js');
+var Analytics = require('./Analytics-C1Wd9OW4.js');
+var checkPkgVersion = require('./check-pkg-version-DMXmPDqZ.js');
 var utils$1 = require('./utils-DbTucCTO.js');
 var Api = require('./Api-Bukk55YZ.js');
 var skeleton = require('./skeleton-DvRCiQlA.js');
@@ -22,7 +22,7 @@ require('./_commonjsHelpers-BJu3ubxk.js');
 require('./dinero-BwNN_k7x.js');
 require('./index-W-zoNiyM.js');
 require('./parts-BXshb_S-.js');
-require('./package-CjFkmEML.js');
+require('./package-CRaVpb0w.js');
 
 const amountValidation = (maxAmount) => {
     const max = +maxAmount;

package/dist/cjs/justifi-season-interruption-insurance.cjs.entry.js

@@ -7,8 +7,8 @@ require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
 require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DbTucCTO.js');
-var Analytics = require('./Analytics-BhduX1FR.js');
-var checkPkgVersion = require('./check-pkg-version-Bd2yxoh4.js');
+var Analytics = require('./Analytics-C1Wd9OW4.js');
+var checkPkgVersion = require('./check-pkg-version-DMXmPDqZ.js');
 var checkout_store = require('./checkout.store-CztwuCnG.js');
 var utils$1 = require('./utils-BHi4j5rB.js');
 var insuranceState = require('./insurance-state-Xe2auE-N.js');
@@ -18,7 +18,7 @@ require('./event-types-YOY5TKUN.js');
 var skeleton = require('./skeleton-DvRCiQlA.js');
 require('./config-state-BIgGhhe9.js');
 require('./index-W-zoNiyM.js');
-require('./package-CjFkmEML.js');
+require('./package-CRaVpb0w.js');
 require('./index-CajjbB9t.js');
 require('./dinero-BwNN_k7x.js');
 

package/dist/cjs/justifi-terminal-orders-list.cjs.entry.js

@@ -3,7 +3,7 @@
 var index = require('./index-p7cvUYAE.js');
 var styledHost = require('./styled-host-DAi5SuFa.js');
 require('./event-types-YOY5TKUN.js');
-var checkPkgVersion = require('./check-pkg-version-Bd2yxoh4.js');
+var checkPkgVersion = require('./check-pkg-version-DMXmPDqZ.js');
 var terminalOrdersTable = require('./terminal-orders-table-Cz6qvzVE.js');
 require('./config-state-BIgGhhe9.js');
 require('./dinero-BwNN_k7x.js');
@@ -13,8 +13,8 @@ require('./Business-oBifyXkW.js');
 require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DbTucCTO.js');
 var Api = require('./Api-Bukk55YZ.js');
-var Analytics = require('./Analytics-BhduX1FR.js');
-require('./package-CjFkmEML.js');
+var Analytics = require('./Analytics-C1Wd9OW4.js');
+require('./package-CRaVpb0w.js');
 require('./parts-BXshb_S-.js');
 require('./utils-BHi4j5rB.js');
 require('./badge-GBNtUypt.js');

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

@@ -2,8 +2,8 @@
 
 var index = require('./index-p7cvUYAE.js');
 var Plaid = require('./Plaid-BlSGeGpn.js');
-var Analytics = require('./Analytics-BhduX1FR.js');
-var checkPkgVersion = require('./check-pkg-version-Bd2yxoh4.js');
+var Analytics = require('./Analytics-C1Wd9OW4.js');
+var checkPkgVersion = require('./check-pkg-version-DMXmPDqZ.js');
 var terminal_service = require('./terminal.service-CjMMWSh3.js');
 require('./config-state-BIgGhhe9.js');
 require('./dinero-BwNN_k7x.js');
@@ -19,7 +19,7 @@ var badge = require('./badge-GBNtUypt.js');
 var parts = require('./parts-BXshb_S-.js');
 var utils$1 = require('./utils-BHi4j5rB.js');
 var terminalsListParamsState = require('./terminals-list-params-state-vGJZ6Oe2.js');
-require('./package-CjFkmEML.js');
+require('./package-CRaVpb0w.js');
 require('./Api-Bukk55YZ.js');
 require('./index-W-zoNiyM.js');
 require('./spinner-C6ZGOB2P.js');

package/dist/cjs/{package-CjFkmEML.js → package-CRaVpb0w.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const name = "@justifi/webcomponents";
-const version = "6.12.1";
+const version = "6.12.2";
 var packageJson = {
 	name: name,
 	version: version};

package/dist/collection/api/Analytics.js

@@ -50,7 +50,7 @@ class JustifiAnalytics {
             if (typeof this.componentInstance.addEventListener === 'function') {
                 const boundHandler = (event) => this.handleCustomEvent({
                     event_type: eventName,
-                    data: Object.assign(Object.assign({}, this.basicData), { error: event.detail }),
+                    data: Object.assign(Object.assign({}, this.basicData), (eventName === 'error-event' && { error: event.detail })),
                 });
                 this.eventListeners.set(eventName, boundHandler);
                 this.componentInstance.addEventListener(eventName, boundHandler);

package/dist/collection/components/business-forms/payment-provisioning/justifi-payment-provisioning.js

@@ -77,7 +77,9 @@ export class JustifiPaymentProvisioning {
             }
         };
         this.decrementSteps = () => {
-            return this.currentStep--;
+            if (this.currentStep > 0) {
+                this.currentStep -= 1;
+            }
         };
         this.previousStepButtonOnClick = () => {
             this.clickEvent.emit({ name: BusinessFormClickActions.previousStep });

package/dist/collection/components/checkout/justifi-checkout.js

@@ -37,7 +37,6 @@ export class JustifiCheckout {
         checkoutStore.isSubmitting = false;
     }
     checkoutError(_event) {
-        console.error('[justifi-checkout] error-event received', _event === null || _event === void 0 ? void 0 : _event.detail);
         checkoutStore.isSubmitting = false;
     }
     checkoutChanged(event) {
@@ -72,9 +71,9 @@ export class JustifiCheckout {
     }
     render() {
         var _a, _b;
-        return (h(StyledHost, { key: '3d9d149e2fe85c02aae2ca21a1dc655eda9e4af8' }, h("justifi-modular-checkout", { key: 'f1af5a7f23e895338500cb81e0f618b1bc911a84', ref: (el) => {
+        return (h(StyledHost, { key: 'ffd2abaacc7edae588a9abe3a4ff96807b34fcff' }, h("justifi-modular-checkout", { key: '9196c278e24353aeb1ac02c85253d629f683522b', ref: (el) => {
                 this.modularCheckoutRef = el;
-            }, authToken: this.authToken, checkoutId: this.checkoutId, preCompleteHook: this.preCompleteHook }, h("div", { key: '9ccf111654a251e0836c75ec9c696459dc20173f', class: "row gy-3 jfi-checkout-core" }, h("div", { key: 'b89f34eb2441b4ccf1b62de860440aef1aaa29e0', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: '04cb13fa1980b6b762ab920b1200173f004d84e2', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '15e13cb04cd7d402ff06a252dcee9e57ad33aa54' }, h("justifi-checkout-summary", { key: 'dd03dfa689be11328f2a9a955582bb144f765649' }))), h("div", { key: '2cbf3b6cd39027a5af4338e8dddf96d82b06e317', class: "col-12 mt-4" }, h("slot", { key: 'cc22673d5d7a6abed5dec41fb426b411bcb40bd9', name: "insurance" })), h("div", { key: '36793dae298583ecf989dcd0d875ca256899026f', class: "col-12 mt-4" }, h("justifi-header", { key: 'd343214c1b13f18d8c12a2734df74392b4eeeda6', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: '4c301118984abf62e283244270d283211052ea35', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: 'd94d75d2c4966aa3a5b1971c278d549cab084373', class: "d-flex flex-column" }, h("section", { key: '034d710eeb6a034e2e5ab4a9f035097ca090d95f' }, h("div", { key: '085a5cf1f48dda17aecb94cd3571c209b26cada9' }, this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: '866d933df84c42a656a25c4efb8e8248a66c83fa', class: "mb-3" }, h("justifi-apple-pay", { key: 'b1779224cb632c0be71f1656f0741240393c9305' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.GOOGLE_PAY) && (h("div", { key: '6d0ccb9db6ae00463c619306d288234da77522bd', class: "mb-3" }, h("justifi-google-pay", { key: '10b8ef6bf5e8113be078e481ba966d554c4cb8de', ref: (el) => (this.googlePayRef = el) }))), h("justifi-saved-payment-methods", { key: '3018b688d7f59501d444c0129e492e6b04c656f8' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: 'a61ee95ee25e5ec034c7cc4f4ab0f2f081acf6f6', name: "paymentMethodType", value: PAYMENT_METHODS.SEZZLE, checked: ((_a = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.SEZZLE, label: h("justifi-sezzle-payment-method", { ref: (el) => (this.sezzlePaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.sezzlePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), this.availablePaymentMethods.includes(PAYMENT_METHODS.PLAID) && !this.disableBnpl && (h("justifi-radio-list-item", { key: '99236535da0076054f9314ae188c7262651874cd', name: "paymentMethodType", value: PAYMENT_METHODS.PLAID, checked: ((_b = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === PAYMENT_METHODS.PLAID, label: h("justifi-plaid-payment-method", { ref: (el) => (this.plaidPaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.plaidPaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), h("justifi-tokenize-payment-method", { key: 'd72193f53af86d07313e68fcffab022749c708ee', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkoutStore.paymentMethodGroupId }))))), h("div", { key: '2cbfec00fbd62b19aae94f8cb4d9a29dd9c3ac70', class: "mt-4" }, h("justifi-button", { key: '92120dc18d5244fe867e03e03cebe110681a1975', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: checkoutStore.isSubmitting || checkoutStore.isWalletProcessing, isLoading: checkoutStore.isSubmitting || checkoutStore.isWalletProcessing, customStyle: { width: '100%', textAlign: "center" } }))))));
+            }, authToken: this.authToken, checkoutId: this.checkoutId, preCompleteHook: this.preCompleteHook }, h("div", { key: '895298286bc0aa6acbda896a4f148dd4f8d7e7d2', class: "row gy-3 jfi-checkout-core" }, h("div", { key: 'dd186ed2f0fd479cd60024423b6d55625b962e55', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: '920d4eca26846aa1cbc16693fa45a9d8054d95a7', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '560f8c3757a7cf53fd0aa898fd243b16a2f8e8d5' }, h("justifi-checkout-summary", { key: '31faa6ca984aa22985927a1f80273c86a67c7025' }))), h("div", { key: '3128ae40a739573da32598213a289d8751503fb0', class: "col-12 mt-4" }, h("slot", { key: '4a310881bbc4017734082d5c4f6b41d3d5f2a424', name: "insurance" })), h("div", { key: '8047c4da62e2fd67bd0b3f8654c6a19c0cacc255', class: "col-12 mt-4" }, h("justifi-header", { key: '631ff14201f6246906e3e1572515de21a7977773', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: '7fdc560ef42a5c2e8571f332e3c4ce8ff460d235', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: '81dcb52c051044adb4dbd92ac73ee3096edc592b', class: "d-flex flex-column" }, h("section", { key: '4359903b195009a2e8fb997a1f77880cba40dea4' }, h("div", { key: '21728867e6288c3fb7d5e5a6ee3d15974568b866' }, this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: 'bdaa6b6c6d09cba294b2e46b85270241c86d2251', class: "mb-3" }, h("justifi-apple-pay", { key: '150d707bff7b79a1d19141f21a9c47e00e54418a' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.GOOGLE_PAY) && (h("div", { key: 'ce2be06b20a1e7d0159fde68a1c5c349c2d11998', class: "mb-3" }, h("justifi-google-pay", { key: '0fc867ce77467eb1f1fd198a62e88bd2795f4914', ref: (el) => (this.googlePayRef = el) }))), h("justifi-saved-payment-methods", { key: '0bb1999c093b3837bfdb879134dc54f66c90e164' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: '1599be9bcea7569d822a204c805f08f18a4e00a4', name: "paymentMethodType", value: PAYMENT_METHODS.SEZZLE, checked: ((_a = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.SEZZLE, label: h("justifi-sezzle-payment-method", { ref: (el) => (this.sezzlePaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.sezzlePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), this.availablePaymentMethods.includes(PAYMENT_METHODS.PLAID) && !this.disableBnpl && (h("justifi-radio-list-item", { key: 'c1de230257d290efa05f7a7166c2f069451c71a3', name: "paymentMethodType", value: PAYMENT_METHODS.PLAID, checked: ((_b = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === PAYMENT_METHODS.PLAID, label: h("justifi-plaid-payment-method", { ref: (el) => (this.plaidPaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.plaidPaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), h("justifi-tokenize-payment-method", { key: '44bca4ee57857afd4eee213cef98db2d4bd42490', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkoutStore.paymentMethodGroupId }))))), h("div", { key: 'e5b6b4ac6b0fcec20380082f1b4cc5ba73bb88aa', class: "mt-4" }, h("justifi-button", { key: '188a8f46fd37b5f4f2d9b3ba7ff179d44d4a6656', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: checkoutStore.isSubmitting || checkoutStore.isWalletProcessing, isLoading: checkoutStore.isSubmitting || checkoutStore.isWalletProcessing, customStyle: { width: '100%', textAlign: "center" } }))))));
     }
     static get is() { return "justifi-checkout"; }
     static get properties() {

package/dist/collection/components/modular-checkout/sub-components/justifi-apple-pay.js

@@ -4,9 +4,10 @@ import { ApplePayButtonType, ApplePayButtonStyle, ApplePayHelpers, ApplePayMerch
 import { StyledHost } from "../../../ui-components";
 import ApplePaySkeleton from "./apple-pay-skeleton";
 import { ApplePayButton } from "../../../ui-components/apple-pay-button";
-import { checkoutStore } from "../../../store/checkout.store";
+import { checkoutStore, onChange } from "../../../store/checkout.store";
 export class JustifiApplePay {
     constructor() {
+        this.sdkLoaded = false;
         this.countryCode = "US";
         this.merchantIdentifier = "merchant.com.staging-justifi.checkout-dev";
         this.merchantDisplayName = "JustiFi Checkout";
@@ -81,6 +82,32 @@ export class JustifiApplePay {
             }
         };
     }
+    componentWillLoad() {
+        this.isAvailable = ApplePayHelpers.isApplePaySupported();
+        if (!this.isAvailable) {
+            this.isLoading = false;
+            return;
+        }
+        if (checkoutStore.checkoutLoaded) {
+            this.loadApplePaySDK();
+        }
+        else {
+            onChange('checkoutLoaded', (loaded) => {
+                if (loaded)
+                    this.loadApplePaySDK();
+            });
+        }
+    }
+    loadApplePaySDK() {
+        if (this.sdkLoaded)
+            return;
+        this.sdkLoaded = true;
+        const script = document.createElement('script');
+        script.src = 'https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js';
+        script.async = true;
+        script.onload = () => this.initializeApplePay();
+        document.head.appendChild(script);
+    }
     async initializeApplePay() {
         try {
             this.isLoading = true;
@@ -92,12 +119,6 @@ export class JustifiApplePay {
             if (!hasRequiredConfig) {
                 this.error = "Missing required Apple Pay configuration";
                 this.isConfigValid = false;
-                console.error("Apple Pay config error: missing required values", {
-                    paymentAmount: checkoutStore.paymentAmount,
-                    paymentCurrency: checkoutStore.paymentCurrency,
-                    hasAuthToken: Boolean(checkoutStore.authToken),
-                    accountId: checkoutStore.accountId,
-                });
                 this.applePayError.emit({ error: this.error, code: JustifiApplePay.ErrorCode.CONFIG_ERROR });
                 this.isLoading = false;
                 return;
@@ -106,14 +127,12 @@ export class JustifiApplePay {
             this.canMakePayments = ApplePayHelpers.canMakePayments();
             if (!this.isAvailable) {
                 this.error = "Apple Pay is not supported on this device";
-                console.error(this.error);
                 this.applePayError.emit({ error: this.error, code: JustifiApplePay.ErrorCode.NOT_SUPPORTED });
                 this.isLoading = false;
                 return;
             }
             if (!this.canMakePayments) {
                 this.error = "Apple Pay is not available";
-                console.error(this.error);
                 this.applePayError.emit({ error: this.error, code: JustifiApplePay.ErrorCode.NOT_AVAILABLE });
                 this.isLoading = false;
                 return;
@@ -134,7 +153,6 @@ export class JustifiApplePay {
             }
         }
         catch (error) {
-            console.error("Apple Pay initialization error:", error);
             this.error =
                 error instanceof Error
                     ? error.message
@@ -155,7 +173,8 @@ export class JustifiApplePay {
         return ApplePayHelpers.getDefaultSupportedNetworks();
     }
     async abort() {
-        this.applePayService.abortPaymentSession();
+        var _a;
+        (_a = this.applePayService) === null || _a === void 0 ? void 0 : _a.abortPaymentSession();
         this.isProcessing = false;
         this.applePayCancelled.emit();
     }
@@ -164,13 +183,14 @@ export class JustifiApplePay {
             // Render nothing when Apple Pay is disabled at the checkout settings level
             return null;
         }
+        if (!this.isAvailable) {
+            return null;
+        }
         const isReady = !this.isLoading &&
             this.isAvailable &&
             this.canMakePayments &&
             this.isConfigValid;
-        return (h(StyledHost, null, checkoutStore.checkoutLoaded && (h("script", { async: true, src: 'https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js', onLoad: () => {
-                this.initializeApplePay();
-            } })), h("div", { class: 'apple-pay-container' }, h(ApplePaySkeleton, { isLoading: this.isLoading }), isReady && (h(ApplePayButton, { buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick, width: this.width, height: this.height }))), h("style", null, `
+        return (h(StyledHost, null, h("div", { class: 'apple-pay-container' }, h(ApplePaySkeleton, { isLoading: this.isLoading }), isReady && (h(ApplePayButton, { buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick, width: this.width, height: this.height }))), h("style", null, `
             .apple-pay-container {
               width: 100%;
             }

package/dist/collection/components/modular-checkout/sub-components/justifi-google-pay.js

@@ -106,11 +106,14 @@ export class JustifiGooglePay {
         }, this.iframeOrigin);
     }
     render() {
+        if (!checkoutStore.checkoutLoaded) {
+            return null;
+        }
         if (!checkoutStore.googlePayEnabled) {
             console.warn("Google Pay is not enabled for this checkout");
             return null;
         }
-        return (h(Host, null, h(GooglePaySkeleton, { isLoading: !this.isReadyToPay }), h("iframe", { ref: (el) => (this.iframeElement = el), src: `${this.iframeOrigin}/v2/googlePay`, style: {
+        return (h(Host, null, h(GooglePaySkeleton, { isLoading: !this.isReadyToPay }), h("iframe", { ref: (el) => (this.iframeElement = el), src: `${this.iframeOrigin}/v2/googlePay`, allow: "payment", style: {
                 border: "none",
                 width: "100%",
                 height: "48px",

package/dist/collection/components/modular-checkout/sub-components/justifi-plaid-payment-method.js

@@ -17,6 +17,7 @@ export class JustifiPlaidPaymentMethod {
         this.isSelected = false;
         this.retryCount = 0;
         this.isRetrying = false;
+        this.sdkLoaded = false;
         this.plaidService = new PlaidService();
         this.maxRetries = 3;
         this.retryDelay = 2000; // 2 seconds
@@ -380,15 +381,31 @@ export class JustifiPlaidPaymentMethod {
             this.openPlaidLink();
         }
     }
-    componentDidRender() {
-        if (!this.scriptRef)
+    componentWillLoad() {
+        var _a;
+        this.isSelected = ((_a = checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.PLAID;
+        if (checkoutStore.bankAccountVerification !== true)
             return;
-        this.scriptRef.onload = () => {
-            // Wait for store to be populated before initializing
-            this.waitForStoreAndInitialize();
-        };
-        // Add error handler for script loading failures
-        this.scriptRef.onerror = () => {
+        if (checkoutStore.checkoutLoaded) {
+            this.loadPlaidSDK();
+        }
+        else {
+            onChange('checkoutLoaded', (loaded) => {
+                if (loaded && checkoutStore.bankAccountVerification === true) {
+                    this.loadPlaidSDK();
+                }
+            });
+        }
+    }
+    loadPlaidSDK() {
+        if (this.sdkLoaded)
+            return;
+        this.sdkLoaded = true;
+        const script = document.createElement('script');
+        script.src = 'https://cdn.plaid.com/link/v2/stable/link-initialize.js';
+        script.async = true;
+        script.onload = () => this.initializePlaidLink();
+        script.onerror = () => {
             this.handleError({
                 code: PlaidErrorCodes.PLAID_SDK_LOAD_FAILED,
                 message: PLAID_ERROR_MESSAGES[PlaidErrorCodes.PLAID_SDK_LOAD_FAILED],
@@ -397,11 +414,7 @@ export class JustifiPlaidPaymentMethod {
                 userAction: 'Refresh the page and try again'
             });
         };
-    }
-    componentWillLoad() {
-        var _a;
-        // Initialize selection state based on store
-        this.isSelected = ((_a = checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.PLAID;
+        document.head.appendChild(script);
     }
     async resolvePaymentMethod() {
         if (!this.publicToken) {
@@ -547,7 +560,7 @@ export class JustifiPlaidPaymentMethod {
             }
             return null;
         };
-        return (h(StyledHost, { class: "payment-method" }, h("script", { src: "https://cdn.plaid.com/link/v2/stable/link-initialize.js", async: true, ref: (el) => (this.scriptRef = el) }), h("div", { title: "Pay with Plaid" }, h("div", { onClick: (event) => { event.preventDefault(); this.handleSelectionClick(); } }, "Pay with Bank Account ", plaidLogo, " "), renderErrorState(), renderStatusState())));
+        return (h(StyledHost, { class: "payment-method" }, h("div", { title: "Pay with Plaid" }, h("div", { onClick: (event) => { event.preventDefault(); this.handleSelectionClick(); } }, "Pay with Bank Account ", plaidLogo, " "), renderErrorState(), renderStatusState())));
     }
     static get is() { return "justifi-plaid-payment-method"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modular-checkout/sub-components/justifi-saved-payment-methods.js

@@ -24,11 +24,13 @@ export class JustifiSavedPaymentMethods {
         };
     }
     componentWillLoad() {
-        if (!checkoutStore.paymentMethods.length) {
-            console.warn('No saved payment methods available.');
-        }
-        if (checkoutStore.disablePaymentMethodGroup) {
-            console.warn('Payment method group is disabled.');
+        if (checkoutStore.checkoutLoaded) {
+            if (!checkoutStore.paymentMethods.length) {
+                console.warn('No saved payment methods available.');
+            }
+            if (checkoutStore.disablePaymentMethodGroup) {
+                console.warn('Payment method group is disabled.');
+            }
         }
     }
     render() {

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-03-12T19:35:30",
+  "timestamp": "2026-03-17T19:01:05",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.38.3",

package/dist/esm/{Analytics-4PEV3c9V.js → Analytics-qafLCOEU.js}

@@ -1,4 +1,4 @@
-import { p as packageJson } from './package-CXKOe1m5.js';
+import { p as packageJson } from './package-BCgsLInF.js';
 import { A as Api } from './Api-DMd8hTI-.js';
 import './Plaid-BuKEVgbB.js';
 import './Pagination-CLHwhyvu.js';
@@ -63,7 +63,7 @@ class JustifiAnalytics {
             if (typeof this.componentInstance.addEventListener === 'function') {
                 const boundHandler = (event) => this.handleCustomEvent({
                     event_type: eventName,
-                    data: Object.assign(Object.assign({}, this.basicData), { error: event.detail }),
+                    data: Object.assign(Object.assign({}, this.basicData), (eventName === 'error-event' && { error: event.detail })),
                 });
                 this.eventListeners.set(eventName, boundHandler);
                 this.componentInstance.addEventListener(eventName, boundHandler);

package/dist/esm/bank-account-form.entry.js

@@ -2,11 +2,11 @@ import { h, r as registerInstance } from './index-CV0Pyo1O.js';
 import { S as Skeleton } from './skeleton-CXGFVqDf.js';
 import { w as waitForConfig, c as configState } from './config-state-kKn89dp1.js';
 import { e as generateTabId } from './utils-BTtxWI2r.js';
-import { c as checkPkgVersion } from './check-pkg-version-BmgaID9z.js';
+import { c as checkPkgVersion } from './check-pkg-version-BJtCbzf9.js';
 import './parts-DnrawQn3.js';
 import './index-cDVGjRkU.js';
 import './dinero-HXpYMWUU.js';
-import './package-CXKOe1m5.js';
+import './package-BCgsLInF.js';
 
 const BankAccountFormSkeleton = (props) => {
     const { isReady } = props;

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

@@ -2,11 +2,11 @@ import { h, r as registerInstance } from './index-CV0Pyo1O.js';
 import { S as Skeleton } from './skeleton-CXGFVqDf.js';
 import { w as waitForConfig, c as configState } from './config-state-kKn89dp1.js';
 import { e as generateTabId } from './utils-BTtxWI2r.js';
-import { c as checkPkgVersion } from './check-pkg-version-BmgaID9z.js';
+import { c as checkPkgVersion } from './check-pkg-version-BJtCbzf9.js';
 import './parts-DnrawQn3.js';
 import './index-cDVGjRkU.js';
 import './dinero-HXpYMWUU.js';
-import './package-CXKOe1m5.js';
+import './package-BCgsLInF.js';
 
 const CardFormSkeleton = (props) => {
     const { isReady } = props;

package/dist/esm/{check-pkg-version-BmgaID9z.js → check-pkg-version-BJtCbzf9.js}

@@ -1,4 +1,4 @@
-import { p as packageJson } from './package-CXKOe1m5.js';
+import { p as packageJson } from './package-BCgsLInF.js';
 
 const JUSTIFI_VERSION_KEY = '__JUSTIFI_WC_VERSION__';
 const detectDuplicateVersion = () => {

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

@@ -3,7 +3,7 @@ import { c as createStore } from './index-cDVGjRkU.js';
 import { a7 as inputInvalidAndFocused, q as inputInvalid, v as inputFocused, w as input, x as label } from './parts-DnrawQn3.js';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BFTU3MAI.js';
 import { F as FormControlErrorText } from './form-control-error-text-DVedKyhp.js';
-import { p as packageJson } from './package-CXKOe1m5.js';
+import { p as packageJson } from './package-BCgsLInF.js';
 
 const iframeInputStylesStore = createStore({
     focused: {