@tagadapay/plugin-sdk 2.4.37 → 2.4.38

package/dist/react/hooks/useCheckout.js

@@ -1,11 +1,40 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { useCurrency } from '../hooks/useCurrency';
-import { useTagadaContext } from '../providers/TagadaProvider';
+import { useTagadaContextSafe } from '../providers/TagadaProvider';
 import { collectTrackingData } from '../utils/trackingUtils';
 import { usePluginConfig } from './usePluginConfig';
 export function useCheckout(options = {}) {
-    const { apiService, updateCheckoutDebugData, refreshCoordinator, currency, isSessionInitialized } = useTagadaContext();
+    const context = useTagadaContextSafe();
     const { storeId } = usePluginConfig();
+    // If context is not ready yet, return loading state
+    if (!context) {
+        return {
+            checkout: null,
+            error: null,
+            isLoading: true,
+            isInitialized: false,
+            initialized: false,
+            init: async () => ({ checkoutUrl: '', checkoutSession: {}, checkoutToken: '' }),
+            getCheckout: async () => ({}),
+            refresh: async () => { },
+            updateAddress: async () => ({ success: false, shippingCountryChanged: false, billingCountryChanged: false }),
+            setCheckoutInfo: async () => ({ success: false }),
+            applyPromotionCode: async () => ({ success: false }),
+            removePromotion: async () => ({ success: false }),
+            getAppliedPromotions: async () => [],
+            updateLineItems: async () => ({ success: false }),
+            addLineItems: async () => ({ success: false }),
+            removeLineItems: async () => ({ success: false }),
+            setItemQuantity: async () => ({ success: false }),
+            toggleOrderBump: async () => ({ success: false }),
+            updateCustomer: async () => ({ success: false }),
+            updateCustomerAndSessionInfo: async () => ({ success: false }),
+            previewOrderSummary: async () => ({ savings: 0, savingsPct: 0, currency: 'USD' }),
+            previewCheckoutSession: async () => ({ success: false, preview: {} }),
+            clear: () => { },
+        };
+    }
+    const { apiService, updateCheckoutDebugData, refreshCoordinator, currency, isSessionInitialized } = context;
     const { code: currentCurrency } = useCurrency();
     const [checkout, setCheckout] = useState(null);
     const [isLoading, setIsLoading] = useState(false);

package/dist/react/hooks/useOrderBump.js

@@ -1,7 +1,21 @@
 import { useState, useCallback, useEffect } from 'react';
-import { useTagadaContext } from '../providers/TagadaProvider';
+import { useTagadaContextSafe } from '../providers/TagadaProvider';
 export function useOrderBump(options) {
-    const { apiService, refreshCoordinator } = useTagadaContext();
+    const context = useTagadaContextSafe();
+    // If context is not ready yet, return loading state
+    if (!context) {
+        return {
+            isSelected: false,
+            preview: null,
+            savings: null,
+            isLoading: false,
+            isToggling: false,
+            error: null,
+            toggle: async () => ({ success: false }),
+            refreshPreview: async () => { },
+        };
+    }
+    const { apiService, refreshCoordinator } = context;
     const { checkoutSessionId, offerId, orderBumpType = 'vip', autoPreview = true } = options;
     const [isSelected, setIsSelected] = useState(false);
     const [preview, setPreview] = useState(null);

package/dist/react/hooks/usePayment.js

@@ -1,7 +1,7 @@
 import { useBasisTheory } from '@basis-theory/basis-theory-react';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { getBasisTheoryApiKey } from '../config/payment';
-import { useTagadaContext } from '../providers/TagadaProvider';
+import { useTagadaContextSafe } from '../providers/TagadaProvider';
 import { usePaymentPolling } from './usePaymentPolling';
 import { useThreeds } from './useThreeds';
 // Helper function to format expiry date
@@ -16,7 +16,23 @@ const getCardMonthAndYear = (expiryDate) => {
     };
 };
 export function usePayment() {
-    const { apiService, environment } = useTagadaContext();
+    const context = useTagadaContextSafe();
+    // If context is not ready yet, return loading state
+    if (!context) {
+        return {
+            processCardPayment: async () => ({ paymentId: '', payment: {} }),
+            processApplePayPayment: async () => ({ paymentId: '', payment: {} }),
+            processPaymentWithInstrument: async () => ({ paymentId: '', payment: {} }),
+            createCardPaymentInstrument: async () => ({ id: '', token: '', type: 'card' }),
+            createApplePayPaymentInstrument: async () => ({ id: '', token: '', type: 'apple_pay' }),
+            getCardPaymentInstruments: async () => [],
+            isLoading: false,
+            error: null,
+            clearError: () => { },
+            currentPaymentId: null,
+        };
+    }
+    const { apiService, environment } = context;
     const [isLoading, setIsLoading] = useState(false);
     const [error, setError] = useState(null);
     const [currentPaymentId, setCurrentPaymentId] = useState(null);

package/dist/react/hooks/useProducts.js

@@ -1,9 +1,23 @@
 import { useCallback, useEffect, useMemo, useState } from 'react';
-import { useTagadaContext } from '../providers/TagadaProvider';
+import { useTagadaContextSafe } from '../providers/TagadaProvider';
 import { usePluginConfig } from './usePluginConfig';
 export function useProducts(options = {}) {
-    const { apiService } = useTagadaContext();
+    const context = useTagadaContextSafe();
     const { storeId } = usePluginConfig();
+    // If context is not ready yet, return loading state
+    if (!context) {
+        return {
+            products: [],
+            isLoading: true,
+            error: null,
+            getVariant: () => undefined,
+            getProduct: () => undefined,
+            getAllVariants: () => [],
+            filterVariants: () => [],
+            refetch: async () => { },
+        };
+    }
+    const { apiService } = context;
     const [products, setProducts] = useState([]);
     const [isLoading, setIsLoading] = useState(false);
     const [error, setError] = useState(null);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tagadapay/plugin-sdk",
-  "version": "2.4.37",
+  "version": "2.4.38",
   "description": "Modern React SDK for building Tagada Pay plugins",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",