@justifi/webcomponents 6.12.1 → 6.12.2

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

@@ -1,7 +1,7 @@
 import { h, r as registerInstance, c as createEvent } from './index-CV0Pyo1O.js';
 import { i as Payout, C as ComponentErrorSeverity, e as ComponentErrorCodes } from './Plaid-BuKEVgbB.js';
-import { J as JustifiAnalytics } from './Analytics-4PEV3c9V.js';
-import { c as checkPkgVersion } from './check-pkg-version-BmgaID9z.js';
+import { J as JustifiAnalytics } from './Analytics-qafLCOEU.js';
+import { c as checkPkgVersion } from './check-pkg-version-BJtCbzf9.js';
 import { P as PayoutService } from './payout.service-BgFKxEoL.js';
 import './config-state-kKn89dp1.js';
 import './dinero-HXpYMWUU.js';
@@ -17,7 +17,7 @@ import { T as TableClickActions } from './event-types-CZfYo5-1.js';
 import { a as convertToLocal } from './utils-BTtxWI2r.js';
 import { a3 as tableHeadCell, a4 as getAlternateTableCellPart } from './parts-DnrawQn3.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './payouts-list-params-state-CiGfmyWW.js';
-import './package-CXKOe1m5.js';
+import './package-BCgsLInF.js';
 import './Api-DMd8hTI-.js';
 import './index-cDVGjRkU.js';
 import './badge-B6dp1XGV.js';

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

@@ -11,8 +11,8 @@ import { S as StyledHost } from './styled-host-D6byRazK.js';
 import './event-types-CZfYo5-1.js';
 import { P as PaymentService } from './payment.service-Ckbb7gXA.js';
 import { m as makeGetPaymentDetails } from './get-payment-details-DjBou5Fu.js';
-import { J as JustifiAnalytics } from './Analytics-4PEV3c9V.js';
-import { c as checkPkgVersion } from './check-pkg-version-BmgaID9z.js';
+import { J as JustifiAnalytics } from './Analytics-qafLCOEU.js';
+import { c as checkPkgVersion } from './check-pkg-version-BJtCbzf9.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-DcfpJGDZ.js';
 import { A as Api } from './Api-DMd8hTI-.js';
 import { S as Skeleton } from './skeleton-CXGFVqDf.js';
@@ -20,7 +20,7 @@ import './_commonjsHelpers-BFTU3MAI.js';
 import './dinero-HXpYMWUU.js';
 import './index-cDVGjRkU.js';
 import './parts-DnrawQn3.js';
-import './package-CXKOe1m5.js';
+import './package-BCgsLInF.js';
 
 const amountValidation = (maxAmount) => {
     const max = +maxAmount;

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

@@ -5,8 +5,8 @@ import './Pagination-CLHwhyvu.js';
 import './Business-BcNb9bVO.js';
 import './Dispute-BH0Xfn-F.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-DcfpJGDZ.js';
-import { J as JustifiAnalytics } from './Analytics-4PEV3c9V.js';
-import { c as checkPkgVersion } from './check-pkg-version-BmgaID9z.js';
+import { J as JustifiAnalytics } from './Analytics-qafLCOEU.js';
+import { c as checkPkgVersion } from './check-pkg-version-BJtCbzf9.js';
 import { c as checkoutStore } from './checkout.store-DFnkcDZ8.js';
 import { p as processHTML, f as formatCurrency, r as removeAttribute, j as addAttribute } from './utils-BTtxWI2r.js';
 import { v as validateInsuranceValues, i as insuranceValues, a as insuranceErrors, H as Header2 } from './insurance-state-qTdpe84i.js';
@@ -16,7 +16,7 @@ import './event-types-CZfYo5-1.js';
 import { S as Skeleton } from './skeleton-CXGFVqDf.js';
 import './config-state-kKn89dp1.js';
 import './index-cDVGjRkU.js';
-import './package-CXKOe1m5.js';
+import './package-BCgsLInF.js';
 import './index-DkoufM1t.js';
 import './dinero-HXpYMWUU.js';
 

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h } from './index-CV0Pyo1O.js';
 import { S as StyledHost } from './styled-host-D6byRazK.js';
 import './event-types-CZfYo5-1.js';
-import { c as checkPkgVersion } from './check-pkg-version-BmgaID9z.js';
+import { c as checkPkgVersion } from './check-pkg-version-BJtCbzf9.js';
 import { d as defaultColumnsKeys } from './terminal-orders-table-C7KOcRpq.js';
 import './config-state-kKn89dp1.js';
 import './dinero-HXpYMWUU.js';
@@ -11,8 +11,8 @@ import './Business-BcNb9bVO.js';
 import './Dispute-BH0Xfn-F.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-DcfpJGDZ.js';
 import { A as Api } from './Api-DMd8hTI-.js';
-import { J as JustifiAnalytics } from './Analytics-4PEV3c9V.js';
-import './package-CXKOe1m5.js';
+import { J as JustifiAnalytics } from './Analytics-qafLCOEU.js';
+import './package-BCgsLInF.js';
 import './parts-DnrawQn3.js';
 import './utils-BTtxWI2r.js';
 import './badge-B6dp1XGV.js';

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

@@ -1,7 +1,7 @@
 import { h, r as registerInstance, c as createEvent } from './index-CV0Pyo1O.js';
 import { l as Terminal, C as ComponentErrorSeverity, e as ComponentErrorCodes } from './Plaid-BuKEVgbB.js';
-import { J as JustifiAnalytics } from './Analytics-4PEV3c9V.js';
-import { c as checkPkgVersion } from './check-pkg-version-BmgaID9z.js';
+import { J as JustifiAnalytics } from './Analytics-qafLCOEU.js';
+import { c as checkPkgVersion } from './check-pkg-version-BJtCbzf9.js';
 import { T as TerminalService } from './terminal.service-0oISl5j-.js';
 import './config-state-kKn89dp1.js';
 import './dinero-HXpYMWUU.js';
@@ -17,7 +17,7 @@ import { B as BadgeVariant, a as Badge } from './badge-B6dp1XGV.js';
 import { a3 as tableHeadCell, a4 as getAlternateTableCellPart } from './parts-DnrawQn3.js';
 import { k as capitalFirstLetter } from './utils-BTtxWI2r.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './terminals-list-params-state-CiGfmyWW.js';
-import './package-CXKOe1m5.js';
+import './package-BCgsLInF.js';
 import './Api-DMd8hTI-.js';
 import './index-cDVGjRkU.js';
 import './spinner-kSw6PcwU.js';

package/dist/esm/{package-CXKOe1m5.js → package-BCgsLInF.js}

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

package/dist/module/Analytics.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/module/justifi-apple-pay2.js

@@ -6,7 +6,7 @@ import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { S as Skeleton } from './skeleton.js';
-import { c as checkoutStore } from './checkout.store.js';
+import { c as checkoutStore, o as onChange } from './checkout.store.js';
 
 // Centralized error codes for Apple Pay service
 var ApplePayServiceErrorCode;
@@ -512,6 +512,7 @@ const JustifiApplePay = /*@__PURE__*/ proxyCustomElement(class JustifiApplePay e
         this.applePayCompleted = createEvent(this, "applePayCompleted", 7);
         this.applePayCancelled = createEvent(this, "applePayCancelled", 7);
         this.applePayError = createEvent(this, "applePayError", 7);
+        this.sdkLoaded = false;
         this.countryCode = "US";
         this.merchantIdentifier = "merchant.com.staging-justifi.checkout-dev";
         this.merchantDisplayName = "JustiFi Checkout";
@@ -586,6 +587,32 @@ const JustifiApplePay = /*@__PURE__*/ proxyCustomElement(class JustifiApplePay e
             }
         };
     }
+    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;
@@ -597,12 +624,6 @@ const JustifiApplePay = /*@__PURE__*/ proxyCustomElement(class JustifiApplePay e
             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;
@@ -611,14 +632,12 @@ const JustifiApplePay = /*@__PURE__*/ proxyCustomElement(class JustifiApplePay e
             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;
@@ -639,7 +658,6 @@ const JustifiApplePay = /*@__PURE__*/ proxyCustomElement(class JustifiApplePay e
             }
         }
         catch (error) {
-            console.error("Apple Pay initialization error:", error);
             this.error =
                 error instanceof Error
                     ? error.message
@@ -660,7 +678,8 @@ const JustifiApplePay = /*@__PURE__*/ proxyCustomElement(class JustifiApplePay e
         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();
     }
@@ -669,13 +688,14 @@ const JustifiApplePay = /*@__PURE__*/ proxyCustomElement(class JustifiApplePay e
             // 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/module/justifi-checkout.js

@@ -76,7 +76,6 @@ const JustifiCheckout$1 = /*@__PURE__*/ proxyCustomElement(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) {
@@ -111,9 +110,9 @@ const JustifiCheckout$1 = /*@__PURE__*/ proxyCustomElement(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 watchers() { return {
         "authToken": ["propChanged"],

package/dist/module/justifi-google-pay2.js

@@ -126,11 +126,14 @@ const JustifiGooglePay = /*@__PURE__*/ proxyCustomElement(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/module/justifi-payment-provisioning.js

@@ -139,7 +139,9 @@ const JustifiPaymentProvisioning$1 = /*@__PURE__*/ proxyCustomElement(class Just
             }
         };
         this.decrementSteps = () => {
-            return this.currentStep--;
+            if (this.currentStep > 0) {
+                this.currentStep -= 1;
+            }
         };
         this.previousStepButtonOnClick = () => {
             this.clickEvent.emit({ name: BusinessFormClickActions.previousStep });

package/dist/module/justifi-plaid-payment-method2.js

@@ -29,6 +29,7 @@ const JustifiPlaidPaymentMethod = /*@__PURE__*/ proxyCustomElement(class Justifi
         this.isSelected = false;
         this.retryCount = 0;
         this.isRetrying = false;
+        this.sdkLoaded = false;
         this.plaidService = new PlaidService();
         this.maxRetries = 3;
         this.retryDelay = 2000; // 2 seconds
@@ -375,15 +376,31 @@ const JustifiPlaidPaymentMethod = /*@__PURE__*/ proxyCustomElement(class Justifi
             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],
@@ -392,11 +409,7 @@ const JustifiPlaidPaymentMethod = /*@__PURE__*/ proxyCustomElement(class Justifi
                 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) {
@@ -542,7 +555,7 @@ const JustifiPlaidPaymentMethod = /*@__PURE__*/ proxyCustomElement(class Justifi
             }
             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 watchers() { return {
         "isSelected": ["onSelectionChange"]

package/dist/module/justifi-saved-payment-methods2.js

@@ -35,11 +35,13 @@ const JustifiSavedPaymentMethods = /*@__PURE__*/ proxyCustomElement(class Justif
         };
     }
     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/module/package.js

@@ -1,5 +1,5 @@
 const name = "@justifi/webcomponents";
-const version = "6.12.1";
+const version = "6.12.2";
 var webcomponentsPackageJson = {
 	name: name,
 	version: version};

package/dist/types/components/business-forms/payment-provisioning/justifi-payment-provisioning.d.ts

@@ -33,7 +33,7 @@ export declare class JustifiPaymentProvisioning {
     get totalSteps(): number;
     get stepCounter(): string;
     incrementSteps: () => number;
-    decrementSteps: () => number;
+    decrementSteps: () => void;
     previousStepButtonOnClick: () => void;
     nextStepButtonOnClick: (e: any, clickEventName: any) => void;
     render(): any;

package/dist/types/components/modular-checkout/sub-components/justifi-apple-pay.d.ts

@@ -2,6 +2,7 @@ import { EventEmitter } from "../../../stencil-public-runtime";
 import { ApplePayButtonType, ApplePayButtonStyle, IApplePayToken } from "../../../api/ApplePay";
 export declare class JustifiApplePay {
     private applePayService;
+    private sdkLoaded;
     countryCode: string;
     merchantIdentifier: string;
     merchantDisplayName: string;
@@ -37,6 +38,8 @@ export declare class JustifiApplePay {
         readonly INITIALIZATION_ERROR: "INITIALIZATION_ERROR";
         readonly PAYMENT_FAILED: "PAYMENT_FAILED";
     };
+    componentWillLoad(): void;
+    private loadApplePaySDK;
     private initializeApplePay;
     private handleApplePayClick;
     isSupported(): Promise<boolean>;

package/dist/types/components/modular-checkout/sub-components/justifi-plaid-payment-method.d.ts

@@ -11,7 +11,7 @@ export declare class JustifiPlaidPaymentMethod {
     isSelected: boolean;
     retryCount: number;
     isRetrying: boolean;
-    private scriptRef;
+    private sdkLoaded;
     private plaidService;
     private unsubscribeFromStore;
     private maxRetries;
@@ -23,8 +23,8 @@ export declare class JustifiPlaidPaymentMethod {
     plaidError: EventEmitter;
     plaidErrorRecovered: EventEmitter;
     onSelectionChange(newValue: boolean): void;
-    componentDidRender(): void;
     componentWillLoad(): void;
+    private loadPlaidSDK;
     waitForStoreAndInitialize: () => void;
     resolvePaymentMethod(): Promise<PaymentMethodPayload>;
     getPaymentToken(): Promise<string | undefined>;

package/dist/webcomponents/{p-017edf85.entry.js → p-06ecd4cb.entry.js}

@@ -1 +1 @@
-import{h as t,r as e,c as i}from"./p-CV0Pyo1O.js";import{l as s,C as a,e as r}from"./p-CUI41_5y.js";import{J as n}from"./p-cXPhRFs-.js";import{c as o}from"./p-GP5gWjhc.js";import{T as c}from"./p--e0ff06z.js";import"./p-DVJaoI_m.js";import"./p-HXpYMWUU.js";import{p as h}from"./p-CLHwhyvu.js";import"./p-BcNb9bVO.js";import"./p-BH0Xfn-F.js";import{g as d,a as p}from"./p-B5vVjDc_.js";import{m,S as l}from"./p-qcQTYcr3.js";import{S as u}from"./p-BqNNwq6C.js";import{T as f,l as b,a as v,b as g,c as j,d as k,e as y,f as _,g as w,h as T,i as C,j as S,k as D}from"./p-bn_huKYG.js";import{T as O}from"./p-CZfYo5-1.js";import{B as P,a as I}from"./p-pL4dNfsl.js";import{a3 as A,a4 as B}from"./p-DnrawQn3.js";import{k as N}from"./p-BRnBHsdq.js";import{o as x,g as E}from"./p-Dw63wyhO.js";import"./p-CXKOe1m5.js";import"./p-CYQvLgSs.js";import"./p-D8GTwl9v.js";import"./p-CDf5H0TB.js";const G={nickname:()=>t("th",{part:A,scope:"col",title:"The nickname associated with the terminal"},"Nickname"),model_name:()=>t("th",{part:A,scope:"col",title:"The model name of the terminal"},"Model Name"),id:()=>t("th",{part:A,scope:"col",title:"The ID of the terminal"},"ID"),provider:()=>t("th",{part:A,scope:"col",title:"The provider of the terminal"},"Provider"),provider_serial_number:()=>t("th",{part:A,scope:"col",title:"The serial number of the terminal"},"Serial Number"),device_id:()=>t("th",{part:A,scope:"col",title:"The device/provider ID of the terminal"},"Device ID"),sub_account_name:()=>t("th",{part:A,scope:"col",title:"The sub account associated with the terminal"},"Sub Account"),status:()=>t("th",{part:A,scope:"col",title:"The current status of each terminal"},"Status")},q={nickname:(e,i)=>t("td",{part:B(i)},e.nickname),model_name:(e,i)=>t("td",{part:B(i)},e.model_name),id:(e,i)=>t("td",{part:B(i)},e.id),provider:(e,i)=>t("td",{part:B(i)},N(e.provider)),provider_serial_number:(e,i)=>t("td",{part:B(i)},e.provider_serial_number),device_id:(e,i)=>t("td",{part:B(i)},e.provider_id),sub_account_name:(e,i)=>t("td",{part:B(i)},e.sub_account_name),status:(e,i)=>t("td",{part:B(i)},t(I,Object.assign({},{connected:{variant:P.SUCCESS,title:"This terminal is connected",text:"Connected"},disconnected:{variant:P.DANGER,title:"This terminal is disconnected",text:"Disconnected"},unknown:{variant:P.SECONDARY,title:"The status of this terminal is unknown",text:"Unknown"},pending_configuration:{variant:P.WARNING,title:"This terminal is pending configuration",text:"Pending configuration"},archived:{variant:P.SECONDARY,title:"This terminal is archived",text:"Archived"}}[e.status])))},H=class{constructor(t){e(this,t),this.clickEvent=i(this,"click-event",7),this.errorEvent=i(this,"error-event",7),this.terminals=[],this.subAccounts=[],this.loading=!0,this.paging=h,this.pagingParams={},this.columns="nickname,provider_serial_number,status",this.handleClickPrevious=t=>{this.pagingParams={before_cursor:t},this.clickEvent.emit({name:O.previous})},this.handleClickNext=t=>{this.pagingParams={after_cursor:t},this.clickEvent.emit({name:O.next})},this.rowClickHandler=t=>{const e=t.target.closest("tr").dataset.rowEntityId;if(!e)return;const i=this.terminals.find((t=>t.id===e));this.clickEvent.emit({name:O.row,data:i})}}componentWillLoad(){o(),this.analytics=new n(this),this.terminalsTable=new f(this.terminals,this.columns,G,q),this.initializeGetData(),this.getTerminals&&this.getSubAccounts&&this.fetchData(),x("set",(()=>{this.pagingParams={}})),x("reset",(()=>{this.pagingParams={},this.errorMessage=""}))}disconnectedCallback(){var t;null===(t=this.analytics)||void 0===t||t.cleanup()}propChanged(){this.initializeGetData()}updateOnPropChange(){this.fetchData()}initializeGetData(){this.initializeGetTerminals(),this.initializeGetSubAccounts()}initializeGetTerminals(){this.accountId&&this.authToken?this.getTerminals=(({id:t,authToken:e,service:i})=>async({params:r,onSuccess:n,onError:o})=>{var c,h;try{const m=await i.fetchTerminals(t,e,r);if(m.error)return o({error:p(m.error),code:d(null===(h=m.error)||void 0===h?void 0:h.code),severity:a.ERROR});{const t=Object.assign({},m.page_info);n({terminals:(null===(c=m.data)||void 0===c?void 0:c.map((t=>new s(t))))||[],pagingInfo:t})}}catch(t){const e=d(null==t?void 0:t.code);return o({error:t.message||t,code:e,severity:a.ERROR})}})({id:this.accountId,authToken:this.authToken,service:new c}):(this.errorMessage="Account ID and Auth Token are required",this.errorEvent.emit({errorCode:r.MISSING_PROPS,message:this.errorMessage,severity:a.ERROR}))}initializeGetSubAccounts(){this.accountId&&this.authToken&&(this.getSubAccounts=m({primaryAccountId:this.accountId,authToken:this.authToken,service:new l}))}fetchData(){this.loading=!0,this.getTerminals({params:this.terminalParams,onSuccess:async({terminals:t,pagingInfo:e})=>{this.terminals=t,this.paging=e,this.terminalsTable.collectionData=this.terminals,this.terminalsTable.columnKeys.includes("sub_account_name")?await this.fetchSubAccounts():this.loading=!1},onError:({error:t,code:e,severity:i})=>{this.errorMessage=t,this.errorEvent.emit({errorCode:e,message:t,severity:i}),this.loading=!1}})}async fetchSubAccounts(){this.getSubAccounts({params:this.subAccountParams,onSuccess:({subAccounts:t})=>{this.subAccounts=t,this.terminals=this.terminals.map((t=>{var e;return t.sub_account_name=null===(e=this.subAccounts.find((e=>e.id===t.account_id)))||void 0===e?void 0:e.name,t})),this.loading=!1},onError:({error:t,code:e,severity:i})=>{this.errorMessage=t,this.errorEvent.emit({errorCode:e,message:t,severity:i}),this.loading=!1}})}get terminalParams(){const t=E();return Object.assign(Object.assign({},t),this.pagingParams)}get subAccountParams(){let t=this.terminals.map((t=>t.account_id));return{sub_account_id:[...new Set(t)].join(",")}}get entityId(){return this.terminals.map((t=>t.id))}get showEmptyState(){return!this.loading&&!this.errorMessage&&this.terminalsTable.rowData.length<1}get showErrorState(){return!this.loading&&!!this.errorMessage}get showRowData(){return!this.showEmptyState&&!this.showErrorState&&!this.loading}render(){return t(u,{key:"3429d0dc6534dda4e9dc6417924040a53fd5a032"},t(b,{key:"00c6172e8bb77ed0824381785b17fdd556c942a1"},t(v,{key:"d0119d84743bb06d1e0562eee3124197d46f3b13"},t(g,{key:"9721788579474c7db31587f57ff1aa4159cae7c3"},t(j,{key:"e689b5546ad32ad75bcbedb0cf184b4a6adf1bf3"},this.terminalsTable.columnData.map((t=>t)))),t(k,{key:"220a3f509f17333888640b0034da30d9375c4100"},t(y,{key:"d444e883ddd69ef5b05754476e6ea66c598a2c5f",columnSpan:this.terminalsTable.columnKeys.length,isLoading:this.loading}),t(_,{key:"a6ee22d5138114688ff2c8525e8b5ce8fb00a853",isEmpty:this.showEmptyState,columnSpan:this.terminalsTable.columnKeys.length}),t(w,{key:"e151dba5915e622eb7a63ce7912fabe6924df7dd",columnSpan:this.terminalsTable.columnKeys.length,errorMessage:this.errorMessage}),this.showRowData&&this.terminalsTable.rowData.map(((e,i)=>t(T,{"data-test-id":"table-row","data-row-entity-id":this.entityId[i],onClick:this.rowClickHandler},e)))),this.paging&&t(C,{key:"91c0903d8c81817f82e7a8864a4188fac602af87"},t(S,{key:"322abe78babc127fccb9309c14c91b30a5d86700"},t(D,{key:"e9843c61dd4eb031f514ff35f3354998dfaec59e",colSpan:this.terminalsTable.columnData.length},t("pagination-menu",{key:"d6b0bdaa7459afb8cd164c540843e7a4d8376f53",paging:Object.assign(Object.assign({},this.paging),{handleClickPrevious:this.handleClickPrevious,handleClickNext:this.handleClickNext})})))))))}static get watchers(){return{accountId:["propChanged"],authToken:["propChanged"],pagingParams:["updateOnPropChange"],getTerminals:["updateOnPropChange"],getSubAccounts:["updateOnPropChange"],columns:["updateOnPropChange"]}}};export{H as justifi_terminals_list}
+import{h as t,r as e,c as i}from"./p-CV0Pyo1O.js";import{l as s,C as a,e as r}from"./p-CUI41_5y.js";import{J as n}from"./p-BnaR7f2G.js";import{c as o}from"./p-BJ7GFTiW.js";import{T as c}from"./p--e0ff06z.js";import"./p-DVJaoI_m.js";import"./p-HXpYMWUU.js";import{p as h}from"./p-CLHwhyvu.js";import"./p-BcNb9bVO.js";import"./p-BH0Xfn-F.js";import{g as d,a as p}from"./p-B5vVjDc_.js";import{m,S as l}from"./p-qcQTYcr3.js";import{S as u}from"./p-BqNNwq6C.js";import{T as f,l as b,a as v,b as g,c as k,d as y,e as j,f as T,g as _,h as w,i as C,j as S,k as D}from"./p-bn_huKYG.js";import{T as O}from"./p-CZfYo5-1.js";import{B as I,a as P}from"./p-pL4dNfsl.js";import{a3 as B,a4 as A}from"./p-DnrawQn3.js";import{k as N}from"./p-BRnBHsdq.js";import{o as x,g as G}from"./p-Dw63wyhO.js";import"./p-BCgsLInF.js";import"./p-CYQvLgSs.js";import"./p-D8GTwl9v.js";import"./p-CDf5H0TB.js";const E={nickname:()=>t("th",{part:B,scope:"col",title:"The nickname associated with the terminal"},"Nickname"),model_name:()=>t("th",{part:B,scope:"col",title:"The model name of the terminal"},"Model Name"),id:()=>t("th",{part:B,scope:"col",title:"The ID of the terminal"},"ID"),provider:()=>t("th",{part:B,scope:"col",title:"The provider of the terminal"},"Provider"),provider_serial_number:()=>t("th",{part:B,scope:"col",title:"The serial number of the terminal"},"Serial Number"),device_id:()=>t("th",{part:B,scope:"col",title:"The device/provider ID of the terminal"},"Device ID"),sub_account_name:()=>t("th",{part:B,scope:"col",title:"The sub account associated with the terminal"},"Sub Account"),status:()=>t("th",{part:B,scope:"col",title:"The current status of each terminal"},"Status")},L={nickname:(e,i)=>t("td",{part:A(i)},e.nickname),model_name:(e,i)=>t("td",{part:A(i)},e.model_name),id:(e,i)=>t("td",{part:A(i)},e.id),provider:(e,i)=>t("td",{part:A(i)},N(e.provider)),provider_serial_number:(e,i)=>t("td",{part:A(i)},e.provider_serial_number),device_id:(e,i)=>t("td",{part:A(i)},e.provider_id),sub_account_name:(e,i)=>t("td",{part:A(i)},e.sub_account_name),status:(e,i)=>t("td",{part:A(i)},t(P,Object.assign({},{connected:{variant:I.SUCCESS,title:"This terminal is connected",text:"Connected"},disconnected:{variant:I.DANGER,title:"This terminal is disconnected",text:"Disconnected"},unknown:{variant:I.SECONDARY,title:"The status of this terminal is unknown",text:"Unknown"},pending_configuration:{variant:I.WARNING,title:"This terminal is pending configuration",text:"Pending configuration"},archived:{variant:I.SECONDARY,title:"This terminal is archived",text:"Archived"}}[e.status])))},q=class{constructor(t){e(this,t),this.clickEvent=i(this,"click-event",7),this.errorEvent=i(this,"error-event",7),this.terminals=[],this.subAccounts=[],this.loading=!0,this.paging=h,this.pagingParams={},this.columns="nickname,provider_serial_number,status",this.handleClickPrevious=t=>{this.pagingParams={before_cursor:t},this.clickEvent.emit({name:O.previous})},this.handleClickNext=t=>{this.pagingParams={after_cursor:t},this.clickEvent.emit({name:O.next})},this.rowClickHandler=t=>{const e=t.target.closest("tr").dataset.rowEntityId;if(!e)return;const i=this.terminals.find((t=>t.id===e));this.clickEvent.emit({name:O.row,data:i})}}componentWillLoad(){o(),this.analytics=new n(this),this.terminalsTable=new f(this.terminals,this.columns,E,L),this.initializeGetData(),this.getTerminals&&this.getSubAccounts&&this.fetchData(),x("set",(()=>{this.pagingParams={}})),x("reset",(()=>{this.pagingParams={},this.errorMessage=""}))}disconnectedCallback(){var t;null===(t=this.analytics)||void 0===t||t.cleanup()}propChanged(){this.initializeGetData()}updateOnPropChange(){this.fetchData()}initializeGetData(){this.initializeGetTerminals(),this.initializeGetSubAccounts()}initializeGetTerminals(){this.accountId&&this.authToken?this.getTerminals=(({id:t,authToken:e,service:i})=>async({params:r,onSuccess:n,onError:o})=>{var c,h;try{const m=await i.fetchTerminals(t,e,r);if(m.error)return o({error:p(m.error),code:d(null===(h=m.error)||void 0===h?void 0:h.code),severity:a.ERROR});{const t=Object.assign({},m.page_info);n({terminals:(null===(c=m.data)||void 0===c?void 0:c.map((t=>new s(t))))||[],pagingInfo:t})}}catch(t){const e=d(null==t?void 0:t.code);return o({error:t.message||t,code:e,severity:a.ERROR})}})({id:this.accountId,authToken:this.authToken,service:new c}):(this.errorMessage="Account ID and Auth Token are required",this.errorEvent.emit({errorCode:r.MISSING_PROPS,message:this.errorMessage,severity:a.ERROR}))}initializeGetSubAccounts(){this.accountId&&this.authToken&&(this.getSubAccounts=m({primaryAccountId:this.accountId,authToken:this.authToken,service:new l}))}fetchData(){this.loading=!0,this.getTerminals({params:this.terminalParams,onSuccess:async({terminals:t,pagingInfo:e})=>{this.terminals=t,this.paging=e,this.terminalsTable.collectionData=this.terminals,this.terminalsTable.columnKeys.includes("sub_account_name")?await this.fetchSubAccounts():this.loading=!1},onError:({error:t,code:e,severity:i})=>{this.errorMessage=t,this.errorEvent.emit({errorCode:e,message:t,severity:i}),this.loading=!1}})}async fetchSubAccounts(){this.getSubAccounts({params:this.subAccountParams,onSuccess:({subAccounts:t})=>{this.subAccounts=t,this.terminals=this.terminals.map((t=>{var e;return t.sub_account_name=null===(e=this.subAccounts.find((e=>e.id===t.account_id)))||void 0===e?void 0:e.name,t})),this.loading=!1},onError:({error:t,code:e,severity:i})=>{this.errorMessage=t,this.errorEvent.emit({errorCode:e,message:t,severity:i}),this.loading=!1}})}get terminalParams(){const t=G();return Object.assign(Object.assign({},t),this.pagingParams)}get subAccountParams(){let t=this.terminals.map((t=>t.account_id));return{sub_account_id:[...new Set(t)].join(",")}}get entityId(){return this.terminals.map((t=>t.id))}get showEmptyState(){return!this.loading&&!this.errorMessage&&this.terminalsTable.rowData.length<1}get showErrorState(){return!this.loading&&!!this.errorMessage}get showRowData(){return!this.showEmptyState&&!this.showErrorState&&!this.loading}render(){return t(u,{key:"3429d0dc6534dda4e9dc6417924040a53fd5a032"},t(b,{key:"00c6172e8bb77ed0824381785b17fdd556c942a1"},t(v,{key:"d0119d84743bb06d1e0562eee3124197d46f3b13"},t(g,{key:"9721788579474c7db31587f57ff1aa4159cae7c3"},t(k,{key:"e689b5546ad32ad75bcbedb0cf184b4a6adf1bf3"},this.terminalsTable.columnData.map((t=>t)))),t(y,{key:"220a3f509f17333888640b0034da30d9375c4100"},t(j,{key:"d444e883ddd69ef5b05754476e6ea66c598a2c5f",columnSpan:this.terminalsTable.columnKeys.length,isLoading:this.loading}),t(T,{key:"a6ee22d5138114688ff2c8525e8b5ce8fb00a853",isEmpty:this.showEmptyState,columnSpan:this.terminalsTable.columnKeys.length}),t(_,{key:"e151dba5915e622eb7a63ce7912fabe6924df7dd",columnSpan:this.terminalsTable.columnKeys.length,errorMessage:this.errorMessage}),this.showRowData&&this.terminalsTable.rowData.map(((e,i)=>t(w,{"data-test-id":"table-row","data-row-entity-id":this.entityId[i],onClick:this.rowClickHandler},e)))),this.paging&&t(C,{key:"91c0903d8c81817f82e7a8864a4188fac602af87"},t(S,{key:"322abe78babc127fccb9309c14c91b30a5d86700"},t(D,{key:"e9843c61dd4eb031f514ff35f3354998dfaec59e",colSpan:this.terminalsTable.columnData.length},t("pagination-menu",{key:"d6b0bdaa7459afb8cd164c540843e7a4d8376f53",paging:Object.assign(Object.assign({},this.paging),{handleClickPrevious:this.handleClickPrevious,handleClickNext:this.handleClickNext})})))))))}static get watchers(){return{accountId:["propChanged"],authToken:["propChanged"],pagingParams:["updateOnPropChange"],getTerminals:["updateOnPropChange"],getSubAccounts:["updateOnPropChange"],columns:["updateOnPropChange"]}}};export{q as justifi_terminals_list}

package/dist/webcomponents/{p-b6d59ff4.entry.js → p-164f95ec.entry.js}

@@ -1 +1 @@
-import{r,c as s,h as t}from"./p-CV0Pyo1O.js";import{S as e}from"./p-BqNNwq6C.js";import"./p-CZfYo5-1.js";import{c as i}from"./p-GP5gWjhc.js";import{d as o}from"./p-niGr4RT2.js";import"./p-DVJaoI_m.js";import"./p-HXpYMWUU.js";import{k as n,C as a,e as p}from"./p-CUI41_5y.js";import"./p-CLHwhyvu.js";import"./p-BcNb9bVO.js";import"./p-BH0Xfn-F.js";import{g as c,a as m}from"./p-B5vVjDc_.js";import{A as h}from"./p-CYQvLgSs.js";import{J as d}from"./p-cXPhRFs-.js";import"./p-CXKOe1m5.js";import"./p-DnrawQn3.js";import"./p-BRnBHsdq.js";import"./p-pL4dNfsl.js";import"./p-D8GTwl9v.js";const l=h();class j{async fetchTerminalOrders(r,s,t){return l.get({endpoint:"terminals/orders",params:t,headers:{account:r},authToken:s})}}const u=class{constructor(t){r(this,t),this.errorEvent=s(this,"error-event",7),this.errorMessage=null,this.columns=o,this.handleErrorEvent=r=>{this.errorMessage=r.detail.message,this.errorEvent.emit(r.detail)}}componentWillLoad(){i(),this.analytics=new d(this),this.initializeGetData()}disconnectedCallback(){var r;null===(r=this.analytics)||void 0===r||r.cleanup()}initializeGetData(){this.accountId&&this.authToken?this.getTerminalOrders=(({id:r,authToken:s,service:t})=>async({params:e,onSuccess:i,onError:o,final:p})=>{var h,d;try{const p=await t.fetchTerminalOrders(r,s,e);if(p.error)return o({error:m(p.error),code:c(null===(d=p.error)||void 0===d?void 0:d.code),severity:a.ERROR});{const r=Object.assign({},p.page_info);i({terminalOrders:(null===(h=p.data)||void 0===h?void 0:h.map((r=>new n(r))))||[],pagingInfo:r})}}catch(r){const s=c(null==r?void 0:r.code);return o({error:r.message||r,code:s,severity:a.ERROR})}finally{return p()}})({id:this.accountId,authToken:this.authToken,service:new j}):(this.errorMessage="Account ID and Auth Token are required",this.errorEvent.emit({errorCode:p.MISSING_PROPS,message:this.errorMessage,severity:a.ERROR}))}render(){return t(e,{key:"65330929a53f4e5e07177541460ccce864edd3ec"},t("terminal-orders-list-core",{key:"79d4bc028395ede9b9f2e2c12729cc20532ef251",getTerminalOrders:this.getTerminalOrders,"onError-event":this.handleErrorEvent,columns:this.columns}))}};export{u as justifi_terminal_orders_list}
+import{r,c as s,h as t}from"./p-CV0Pyo1O.js";import{S as i}from"./p-BqNNwq6C.js";import"./p-CZfYo5-1.js";import{c as e}from"./p-BJ7GFTiW.js";import{d as o}from"./p-niGr4RT2.js";import"./p-DVJaoI_m.js";import"./p-HXpYMWUU.js";import{k as n,C as a,e as p}from"./p-CUI41_5y.js";import"./p-CLHwhyvu.js";import"./p-BcNb9bVO.js";import"./p-BH0Xfn-F.js";import{g as c,a as m}from"./p-B5vVjDc_.js";import{A as d}from"./p-CYQvLgSs.js";import{J as h}from"./p-BnaR7f2G.js";import"./p-BCgsLInF.js";import"./p-DnrawQn3.js";import"./p-BRnBHsdq.js";import"./p-pL4dNfsl.js";import"./p-D8GTwl9v.js";const l=d();class j{async fetchTerminalOrders(r,s,t){return l.get({endpoint:"terminals/orders",params:t,headers:{account:r},authToken:s})}}const u=class{constructor(t){r(this,t),this.errorEvent=s(this,"error-event",7),this.errorMessage=null,this.columns=o,this.handleErrorEvent=r=>{this.errorMessage=r.detail.message,this.errorEvent.emit(r.detail)}}componentWillLoad(){e(),this.analytics=new h(this),this.initializeGetData()}disconnectedCallback(){var r;null===(r=this.analytics)||void 0===r||r.cleanup()}initializeGetData(){this.accountId&&this.authToken?this.getTerminalOrders=(({id:r,authToken:s,service:t})=>async({params:i,onSuccess:e,onError:o,final:p})=>{var d,h;try{const p=await t.fetchTerminalOrders(r,s,i);if(p.error)return o({error:m(p.error),code:c(null===(h=p.error)||void 0===h?void 0:h.code),severity:a.ERROR});{const r=Object.assign({},p.page_info);e({terminalOrders:(null===(d=p.data)||void 0===d?void 0:d.map((r=>new n(r))))||[],pagingInfo:r})}}catch(r){const s=c(null==r?void 0:r.code);return o({error:r.message||r,code:s,severity:a.ERROR})}finally{return p()}})({id:this.accountId,authToken:this.authToken,service:new j}):(this.errorMessage="Account ID and Auth Token are required",this.errorEvent.emit({errorCode:p.MISSING_PROPS,message:this.errorMessage,severity:a.ERROR}))}render(){return t(i,{key:"65330929a53f4e5e07177541460ccce864edd3ec"},t("terminal-orders-list-core",{key:"79d4bc028395ede9b9f2e2c12729cc20532ef251",getTerminalOrders:this.getTerminalOrders,"onError-event":this.handleErrorEvent,columns:this.columns}))}};export{u as justifi_terminal_orders_list}