@tagadapay/plugin-sdk 2.7.30 → 2.7.32

package/dist/v2/react/hooks/useOrderBumpQuery.d.ts

@@ -5,7 +5,6 @@
 export interface UseOrderBumpQueryOptions {
     checkoutToken: string | null;
     offerId: string;
-    checkout?: any;
 }
 export interface UseOrderBumpQueryResult {
     isSelected: boolean;

package/dist/v2/react/hooks/useOrderBumpQuery.js

@@ -2,23 +2,17 @@
  * Order Bump Hook using TanStack Query
  * Replaces coordinator pattern with automatic cache invalidation
  */
-import { useState, useCallback, useEffect } from 'react';
-import { useApiMutation, useInvalidateQuery, getGlobalApiClient } from './useApiQuery';
+import { useCallback, useEffect, useState } from 'react';
+import { getGlobalApiClient, useApiMutation, useInvalidateQuery } from './useApiQuery';
 import { useCheckoutQuery } from './useCheckoutQuery';
 export function useOrderBumpQuery(options) {
-    const { checkoutToken, offerId, checkout: providedCheckout } = options;
+    const { checkoutToken, offerId } = options;
     const { invalidateCheckout, invalidatePromotions } = useInvalidateQuery();
     const client = getGlobalApiClient();
-    // Use checkout query only if no checkout is provided
-    const { checkout: loadedCheckout } = useCheckoutQuery({
+    const { checkout, isLoading: isCheckoutLoading, isSuccess: isCheckoutSuccess } = useCheckoutQuery({
         checkoutToken: checkoutToken || undefined,
-        enabled: !providedCheckout, // Enable if no checkout is provided, regardless of token
     });
-    // Use provided checkout or loaded checkout
-    const checkout = providedCheckout || loadedCheckout;
-    // Get the actual checkout token from the checkout session
     const actualCheckoutToken = checkoutToken || checkout?.checkoutSession?.checkoutToken || null;
-    // Function to check if order bump is selected
     const checkOrderBumpSelection = useCallback(() => {
         if (!checkout?.checkoutSession?.sessionLineItems) {
             return false;
@@ -71,6 +65,15 @@ export function useOrderBumpQuery(options) {
         },
     });
     const toggle = useCallback(async (selected) => {
+        // Wait for checkout to finish loading if it's still loading
+        if (isCheckoutLoading) {
+            return { success: false, error: 'Checkout session is still loading. Please wait...' };
+        }
+        // Check if checkout failed to load
+        if (checkoutToken && !isCheckoutSuccess && !checkout) {
+            return { success: false, error: 'Failed to load checkout session. Please refresh and try again.' };
+        }
+        // Check if checkout session is available
         if (!checkout?.checkoutSession?.id) {
             return { success: false, error: 'Checkout session not ready' };
         }
@@ -83,7 +86,7 @@ export function useOrderBumpQuery(options) {
             const error = err instanceof Error ? err : new Error('Failed to toggle order bump');
             return { success: false, error: error.message };
         }
-    }, [checkout?.checkoutSession?.id, isSelected, toggleMutation, offerId, checkoutToken, actualCheckoutToken]);
+    }, [checkout?.checkoutSession?.id, isSelected, toggleMutation, offerId, checkoutToken, actualCheckoutToken, isCheckoutLoading, isCheckoutSuccess, checkout]);
     return {
         isSelected,
         isToggling: toggleMutation.isPending,

package/package.json

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