@tagadapay/plugin-sdk 1.0.11 → 1.0.13

package/dist/react/hooks/useOrderBump.js

@@ -1,7 +1,7 @@
 import { useState, useCallback, useEffect } from 'react';
 import { useTagadaContext } from '../providers/TagadaProvider';
 export function useOrderBump(options) {
-    const { apiService } = useTagadaContext();
+    const { apiService, refreshCoordinator } = useTagadaContext();
     const { checkoutSessionId, offerId, orderBumpType = 'vip', autoPreview = true } = options;
     const [isSelected, setIsSelected] = useState(false);
     const [preview, setPreview] = useState(null);
@@ -55,6 +55,8 @@ export function useOrderBump(options) {
             if (response.success) {
                 // Refresh preview to get updated savings
                 await refreshPreview();
+                // Notify checkout hook that order bump data changed
+                await refreshCoordinator.notifyOrderBumpChanged();
                 return { success: true };
             }
             else {
@@ -73,7 +75,7 @@ export function useOrderBump(options) {
         finally {
             setIsToggling(false);
         }
-    }, [checkoutSessionId, offerId, isSelected, apiService, refreshPreview]);
+    }, [checkoutSessionId, offerId, isSelected, apiService, refreshPreview, refreshCoordinator]);
     // Auto-fetch preview on mount and when dependencies change
     useEffect(() => {
         if (autoPreview && checkoutSessionId) {
@@ -82,6 +84,13 @@ export function useOrderBump(options) {
             });
         }
     }, [autoPreview, refreshPreview]);
+    // Register refresh function with coordinator and cleanup on unmount
+    useEffect(() => {
+        refreshCoordinator.registerOrderBumpRefresh(refreshPreview);
+        return () => {
+            refreshCoordinator.unregisterOrderBumpRefresh();
+        };
+    }, [refreshPreview, refreshCoordinator]);
     // Calculate current savings
     const savings = isSelected && preview?.savings ? preview.savings : preview?.savings || null;
     return {

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

@@ -31,6 +31,8 @@ export interface PaymentResponse {
 export interface PaymentOptions {
     enableThreeds?: boolean;
     threedsProvider?: ThreedsProvider;
+    initiatedBy?: 'customer' | 'merchant';
+    source?: 'upsell' | 'checkout' | 'offer' | 'missing_club' | 'forced';
     onSuccess?: (payment: Payment) => void;
     onFailure?: (error: string) => void;
     onRequireAction?: (payment: Payment) => void;

package/dist/react/hooks/usePayment.js

@@ -204,15 +204,18 @@ export function usePayment() {
             throw error;
         }
     }, [basisTheory, apiService]);
-    // Process payment directly with checkout session
+    // Process payment directly with checkout session (V2)
     const processPaymentDirect = useCallback(async (checkoutSessionId, paymentInstrumentId, threedsSessionId, options = {}) => {
         try {
-            // Create order and process payment in one call
-            const response = await apiService.fetch(`/api/v1/checkout-sessions/${checkoutSessionId}/pay`, {
+            // Create order and process payment in one call using V2 endpoint
+            const response = await apiService.fetch(`/api/public/v1/checkout/pay-v2`, {
                 method: 'POST',
                 body: {
+                    checkoutSessionId,
                     paymentInstrumentId,
-                    threedsSessionId,
+                    ...(threedsSessionId && { threedsSessionId }),
+                    ...(options.initiatedBy && { initiatedBy: options.initiatedBy }),
+                    ...(options.source && { source: options.source }),
                 },
             });
             console.log('Payment response:', response);

package/dist/react/index.d.ts

@@ -12,6 +12,7 @@ export { useCustomer } from './hooks/useCustomer';
 export { useEnvironment } from './hooks/useEnvironment';
 export { useLocale } from './hooks/useLocale';
 export { useAuth } from './hooks/useAuth';
+export { useAddress } from './hooks/useAddress';
 export { useOrder } from './hooks/useOrder';
 export type { UseOrderOptions, UseOrderResult } from './hooks/useOrder';
 export { usePayment } from './hooks/usePayment';
@@ -21,6 +22,7 @@ export { useThreedsModal } from './hooks/useThreedsModal';
 export type { Customer, Session, AuthState, Locale, Currency, Store, Environment, EnvironmentConfig, Order, OrderItem, OrderSummary, OrderAddress, PickupPoint, } from './types';
 export type { UseCheckoutOptions, UseCheckoutResult, CheckoutInitParams, CheckoutLineItem, CheckoutSession, CheckoutData, Promotion, } from './hooks/useCheckout';
 export type { UseOrderBumpOptions, UseOrderBumpResult, OrderBumpPreview } from './hooks/useOrderBump';
+export type { UseAddressOptions, UseAddressResult, AddressData, AddressField, Country, State, } from './hooks/useAddress';
 export type { Payment, PollingOptions, PaymentPollingHook } from './hooks/usePaymentPolling';
 export type { PaymentInstrument, ThreedsSession, ThreedsChallenge, ThreedsOptions, ThreedsHook, ThreedsProvider, } from './hooks/useThreeds';
 export type { ApplePayToken, CardPaymentMethod, PaymentResponse, PaymentOptions, PaymentInstrumentResponse, PaymentHook, } from './hooks/usePayment';

package/dist/react/index.js

@@ -15,6 +15,7 @@ export { useCustomer } from './hooks/useCustomer';
 export { useEnvironment } from './hooks/useEnvironment';
 export { useLocale } from './hooks/useLocale';
 export { useAuth } from './hooks/useAuth';
+export { useAddress } from './hooks/useAddress';
 // Order hook exports
 export { useOrder } from './hooks/useOrder';
 // Payment hooks exports

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

@@ -25,6 +25,14 @@ interface TagadaContextValue {
         lastUpdated: Date | null;
     };
     updateCheckoutDebugData: (data: any, error?: Error | null, isLoading?: boolean) => void;
+    refreshCoordinator: {
+        registerCheckoutRefresh: (refreshFn: () => Promise<void>) => void;
+        registerOrderBumpRefresh: (refreshFn: () => Promise<void>) => void;
+        notifyCheckoutChanged: () => Promise<void>;
+        notifyOrderBumpChanged: () => Promise<void>;
+        unregisterCheckoutRefresh: () => void;
+        unregisterOrderBumpRefresh: () => void;
+    };
     money: {
         formatMoney: typeof formatMoney;
         getCurrencyInfo: typeof getCurrencyInfo;

package/dist/react/providers/TagadaProvider.js

@@ -341,6 +341,51 @@ storeId, accountId, }) {
             session,
         });
     }, [customer, session]);
+    // Refresh coordinator for bidirectional hook communication
+    const checkoutRefreshRef = useRef(null);
+    const orderBumpRefreshRef = useRef(null);
+    const refreshCoordinator = {
+        registerCheckoutRefresh: (refreshFn) => {
+            checkoutRefreshRef.current = refreshFn;
+            console.log('🔄 [RefreshCoordinator] Checkout refresh function registered');
+        },
+        registerOrderBumpRefresh: (refreshFn) => {
+            orderBumpRefreshRef.current = refreshFn;
+            console.log('🔄 [RefreshCoordinator] Order bump refresh function registered');
+        },
+        notifyCheckoutChanged: async () => {
+            if (orderBumpRefreshRef.current) {
+                console.log('🔄 [RefreshCoordinator] Checkout changed, refreshing order bump data...');
+                try {
+                    await orderBumpRefreshRef.current();
+                    console.log('✅ [RefreshCoordinator] Order bump refresh completed');
+                }
+                catch (error) {
+                    console.warn('⚠️ [RefreshCoordinator] Order bump refresh failed:', error);
+                }
+            }
+        },
+        notifyOrderBumpChanged: async () => {
+            if (checkoutRefreshRef.current) {
+                console.log('🔄 [RefreshCoordinator] Order bump changed, refreshing checkout data...');
+                try {
+                    await checkoutRefreshRef.current();
+                    console.log('✅ [RefreshCoordinator] Checkout refresh completed');
+                }
+                catch (error) {
+                    console.warn('⚠️ [RefreshCoordinator] Checkout refresh failed:', error);
+                }
+            }
+        },
+        unregisterCheckoutRefresh: () => {
+            checkoutRefreshRef.current = null;
+            console.log('🧹 [RefreshCoordinator] Checkout refresh function unregistered');
+        },
+        unregisterOrderBumpRefresh: () => {
+            orderBumpRefreshRef.current = null;
+            console.log('🧹 [RefreshCoordinator] Order bump refresh function unregistered');
+        },
+    };
     const contextValue = {
         auth,
         session,
@@ -363,6 +408,7 @@ storeId, accountId, }) {
                 lastUpdated: new Date(),
             });
         },
+        refreshCoordinator,
         money: {
             formatMoney,
             getCurrencyInfo,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tagadapay/plugin-sdk",
-  "version": "1.0.11",
+  "version": "1.0.13",
   "description": "Modern React SDK for building Tagada Pay plugins",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -38,6 +38,7 @@
     "@basis-theory/basis-theory-react": "^1.32.5",
     "@basis-theory/web-threeds": "^1.0.1",
     "axios": "^1.6.0",
+    "react-google-autocomplete": "^2.7.3",
     "react-intl": "^7.1.11"
   },
   "devDependencies": {