@tagadapay/plugin-sdk 2.4.38 → 2.4.39

package/dist/react/hooks/useCheckout.js

@@ -1,40 +1,11 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { useCurrency } from '../hooks/useCurrency';
-import { useTagadaContextSafe } from '../providers/TagadaProvider';
+import { useTagadaContext } from '../providers/TagadaProvider';
 import { collectTrackingData } from '../utils/trackingUtils';
 import { usePluginConfig } from './usePluginConfig';
 export function useCheckout(options = {}) {
-    const context = useTagadaContextSafe();
+    const { apiService, updateCheckoutDebugData, refreshCoordinator, currency, isSessionInitialized } = useTagadaContext();
     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,21 +1,7 @@
 import { useState, useCallback, useEffect } from 'react';
-import { useTagadaContextSafe } from '../providers/TagadaProvider';
+import { useTagadaContext } from '../providers/TagadaProvider';
 export function useOrderBump(options) {
-    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 { apiService, refreshCoordinator } = useTagadaContext();
     const { checkoutSessionId, offerId, orderBumpType = 'vip', autoPreview = true } = options;
     const [isSelected, setIsSelected] = useState(false);
     const [preview, setPreview] = useState(null);

package/dist/react/hooks/usePayment.d.ts

@@ -83,7 +83,7 @@ export interface PaymentInstrumentCustomer {
     token: string;
     isDefault: boolean;
     isActive: boolean;
-    metadata: {};
+    metadata: Record<string, unknown>;
     customerId: string;
     accountId: string;
     createdAt: string;

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 { useTagadaContextSafe } from '../providers/TagadaProvider';
+import { useTagadaContext } from '../providers/TagadaProvider';
 import { usePaymentPolling } from './usePaymentPolling';
 import { useThreeds } from './useThreeds';
 // Helper function to format expiry date
@@ -16,23 +16,7 @@ const getCardMonthAndYear = (expiryDate) => {
     };
 };
 export function usePayment() {
-    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 { apiService, environment } = useTagadaContext();
     const [isLoading, setIsLoading] = useState(false);
     const [error, setError] = useState(null);
     const [currentPaymentId, setCurrentPaymentId] = useState(null);

package/dist/react/hooks/usePluginConfig.js

@@ -18,7 +18,7 @@
  *    - Headers for store/account info
  *    - Meta tags for deployment config
  */
-import { useTagadaContextSafe } from '../providers/TagadaProvider';
+import { useTagadaContext } from '../providers/TagadaProvider';
 // Simple cache for plugin configuration
 let cachedConfig = null;
 let configPromise = null;
@@ -161,18 +161,7 @@ export const loadPluginConfig = async (configVariant = 'default', rawConfig) =>
  * Gets config from TagadaProvider context (no parameters needed)
  */
 export const usePluginConfig = () => {
-    const context = useTagadaContextSafe();
-    // If context is not ready yet, return loading state
-    if (!context) {
-        return {
-            storeId: undefined,
-            accountId: undefined,
-            basePath: '/',
-            config: {},
-            loading: true,
-        };
-    }
-    const { pluginConfig, pluginConfigLoading } = context;
+    const { pluginConfig, pluginConfigLoading } = useTagadaContext();
     return {
         storeId: pluginConfig.storeId,
         accountId: pluginConfig.accountId,

package/dist/react/hooks/useProducts.js

@@ -1,23 +1,9 @@
 import { useCallback, useEffect, useMemo, useState } from 'react';
-import { useTagadaContextSafe } from '../providers/TagadaProvider';
+import { useTagadaContext } from '../providers/TagadaProvider';
 import { usePluginConfig } from './usePluginConfig';
 export function useProducts(options = {}) {
-    const context = useTagadaContextSafe();
+    const { apiService } = useTagadaContext();
     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/dist/react/index.d.ts

@@ -22,7 +22,7 @@ export { useShippingRates } from './hooks/useShippingRates';
 export type { UseShippingRatesOptions, UseShippingRatesResult } from './hooks/useShippingRates';
 export { useTranslations } from './hooks/useTranslations';
 export { useVipOffers } from './hooks/useVipOffers';
-export { useTagadaContext, useTagadaContextSafe } from './providers/TagadaProvider';
+export { useTagadaContext } from './providers/TagadaProvider';
 export { clearPluginConfigCache, debugPluginConfig, getPluginConfig, useBasePath, usePluginConfig } from './hooks/usePluginConfig';
 export type { PluginConfig } from './hooks/usePluginConfig';
 export { getAvailableLanguages, useCountryOptions, useISOData, useRegionOptions, useLanguageImport } from './hooks/useISOData';

package/dist/react/index.js

@@ -24,7 +24,7 @@ export { useSession } from './hooks/useSession';
 export { useShippingRates } from './hooks/useShippingRates';
 export { useTranslations } from './hooks/useTranslations';
 export { useVipOffers } from './hooks/useVipOffers';
-export { useTagadaContext, useTagadaContextSafe } from './providers/TagadaProvider';
+export { useTagadaContext } from './providers/TagadaProvider';
 // Plugin configuration hooks
 export { clearPluginConfigCache, debugPluginConfig, getPluginConfig, useBasePath, usePluginConfig } from './hooks/usePluginConfig';
 // ISO Data hooks

package/dist/react/providers/TagadaProvider.d.ts

@@ -60,5 +60,4 @@ export declare function TagadaProvider({ children, environment, customApiConfig,
 localConfig, blockUntilSessionReady, // Default to new non-blocking behavior
 rawPluginConfig, }: TagadaProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useTagadaContext(): TagadaContextValue;
-export declare function useTagadaContextSafe(): TagadaContextValue | null;
 export {};

package/dist/react/providers/TagadaProvider.js

@@ -66,8 +66,19 @@ rawPluginConfig, }) {
         hasLoggedRef.current = true;
     }
     // Load plugin configuration directly (not using hook to avoid circular dependency)
-    const [pluginConfig, setPluginConfig] = useState({ basePath: '/', config: {} });
-    const [configLoading, setConfigLoading] = useState(true);
+    // Initialize with raw config if available to avoid empty config during loading
+    const [pluginConfig, setPluginConfig] = useState(() => {
+        if (rawPluginConfig) {
+            return {
+                storeId: rawPluginConfig.storeId,
+                accountId: rawPluginConfig.accountId,
+                basePath: rawPluginConfig.basePath ?? '/',
+                config: rawPluginConfig.config ?? {},
+            };
+        }
+        return { basePath: '/', config: {} };
+    });
+    const [configLoading, setConfigLoading] = useState(!rawPluginConfig);
     // Load plugin config on mount with the specified variant
     useEffect(() => {
         const loadConfig = async () => {
@@ -524,12 +535,9 @@ rawPluginConfig, }) {
         refreshCoordinator,
     ]);
     // Determine if we should show loading
-    // Phase 1 & 2 are mandatory: config loading and storeId availability
-    // Phase 3 (session initialization) is optional/non-blocking by default
-    const shouldShowLoading = configLoading || (!storeId && configLoading);
-    const canRenderChildren = blockUntilSessionReady
-        ? !configLoading && storeId && isInitialized // Old behavior: wait for all phases
-        : !configLoading && storeId; // New behavior: render after phases 1 & 2
+    // Always block until config is loaded (even if empty)
+    const shouldShowLoading = configLoading;
+    const canRenderChildren = !configLoading;
     return (_jsxs(TagadaContext.Provider, { value: contextValue, children: [shouldShowLoading && _jsx(InitializationLoader, {}), finalDebugMode && canRenderChildren && (_jsxs(_Fragment, { children: [_jsx("button", { onClick: () => setIsDebugDrawerOpen(true), style: {
                             position: 'fixed',
                             bottom: '16px',
@@ -560,10 +568,6 @@ export function useTagadaContext() {
     }
     return context;
 }
-// Safe version that returns null instead of throwing
-export function useTagadaContextSafe() {
-    return useContext(TagadaContext);
-}
 // Helper functions
 function getCurrencySymbol(code) {
     const symbols = {

package/package.json

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