@diffsome/react 1.2.14 → 1.2.16

package/dist/chat.css

@@ -316,6 +316,35 @@
   background: var(--diffsome-chat-primary-dark);
 }
 
+/* Login Prompt */
+.diffsome-chat-login-prompt {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 10px 16px;
+  background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
+  border-top: 1px solid #bae6fd;
+  font-size: 13px;
+  color: #0369a1;
+}
+
+.diffsome-chat-login-btn {
+  background: var(--diffsome-chat-primary);
+  color: white;
+  text-decoration: none;
+  padding: 6px 14px;
+  border-radius: 16px;
+  font-size: 12px;
+  font-weight: 500;
+  white-space: nowrap;
+  transition: background-color 0.2s ease;
+}
+
+.diffsome-chat-login-btn:hover {
+  background: var(--diffsome-chat-primary-dark);
+}
+
 /* System Message */
 .diffsome-chat-message-system {
   align-self: center;

package/dist/index.d.mts

@@ -1,12 +1,16 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { ReactNode } from 'react';
-import { Diffsome, Cart, WishlistItem, DiffsomeConfig, CurrencyInfo, SiteInfo, Member, LoginCredentials, AuthResponse, RegisterData, UpdateProfileData, ResetPasswordData, SocialProvider, WishlistToggleResult, WishlistMoveToCartResult, BundlePricing, ProductCategory, Product, PaginationMeta, ProductListParams, ProductType, CreateOrderData, Order, OrderListParams, PaymentStatusResponse, StripeCheckoutResponse, StripeVerifyResponse, TossPaymentReadyResponse, TossPaymentConfirmResponse, Coupon, CouponValidation, MemberSubscription, DigitalDownloadLink, CanReviewResponse, CreateProductReviewData, ProductReview, UpdateProductReviewData, ProductReviewStats, ProductReviewListParams, BlogCategory, BlogListParams, BlogPost, BoardPost, Board, CreateBoardPostData, BoardPostListParams, BoardListParams, Comment, CreateCommentData, Form, FormSubmissionData, FormSubmission, ReservationSlot, CreateReservationData, Reservation, ReservationService, ReservationSettings, ReservationStaff, ReservationListParams, Media, CustomEntity, EntityRecord, EntityListParams, ChatConversation, ChatMessage as ChatMessage$1 } from '@diffsome/sdk';
+import { Diffsome, Member, Cart, WishlistItem, DiffsomeConfig, CurrencyInfo, SiteInfo, LoginCredentials, AuthResponse, RegisterData, UpdateProfileData, ResetPasswordData, SocialProvider, WishlistToggleResult, WishlistMoveToCartResult, BundlePricing, ProductCategory, Product, PaginationMeta, ProductListParams, ProductType, CreateOrderData, Order, OrderListParams, PaymentStatusResponse, StripeCheckoutResponse, StripeVerifyResponse, TossPaymentReadyResponse, TossPaymentConfirmResponse, Coupon, CouponValidation, MemberSubscription, DigitalDownloadLink, CanReviewResponse, CreateProductReviewData, ProductReview, UpdateProductReviewData, ProductReviewStats, ProductReviewListParams, BlogCategory, BlogListParams, BlogPost, BoardPost, Board, CreateBoardPostData, BoardPostListParams, BoardListParams, Comment, CreateCommentData, Form, FormSubmissionData, FormSubmission, ReservationSlot, CreateReservationData, Reservation, ReservationService, ReservationSettings, ReservationStaff, ReservationListParams, Media, CustomEntity, EntityRecord, EntityListParams, ChatConversation, ChatMessage as ChatMessage$1 } from '@diffsome/sdk';
 export { AddToCartData, AuthResponse, BlogCategory, BlogListParams, BlogPost, Board, BoardListParams, BoardPost, BoardPostListParams, CanReviewResponse, Cart, CartItem, Comment, Coupon, CouponType, CouponValidation, CreateBoardPostData, CreateCommentData, CreateOrderData, CreateProductReviewData, CreateReservationData, CustomEntity, DiffsomeConfig, DigitalDownloadLink, DigitalFile, EntityField, EntityListParams, EntityRecord, EntitySchema, Form, FormSubmission, FormSubmissionData, ListResponse, LoginCredentials, Media, Member, MemberSubscription, Order, OrderItem, OrderListParams, OrderStatus, PaginatedResponse, PaginationMeta, Payment, PaymentMethod, PaymentStatus, PaymentStatusResponse, Product, ProductCategory, ProductListParams, ProductReview, ProductReviewStats, ProductType, ProductVariant, RegisterData, Reservation, ReservationService, ReservationSettings, ReservationSlot, ReservationStaff, ResetPasswordData, SiteInfo, SocialAuthUrl, SocialProvider, StripeCheckoutResponse, StripeVerifyResponse, SubscriptionInterval, SubscriptionPlan, SubscriptionStatus, TossPaymentConfirmResponse, TossPaymentReadyResponse, UpdateProfileData, WishlistItem, WishlistMoveToCartResult, WishlistToggleResult } from '@diffsome/sdk';
 
 interface DiffsomeContextValue {
     client: Diffsome;
     isReady: boolean;
+    user: Member | null;
+    authLoading: boolean;
+    setUser: (user: Member | null) => void;
+    refreshAuth: () => Promise<void>;
     cart: Cart | null;
     cartLoading: boolean;
     setCart: (cart: Cart | null) => void;
@@ -868,6 +872,12 @@ interface ChatBubbleProps {
     onClose?: () => void;
     /** Member auth token for logged-in users (optional) */
     memberToken?: string;
+    /** Show login prompt for non-logged-in users */
+    showLoginPrompt?: boolean;
+    /** Login page URL (used when showLoginPrompt is true) */
+    loginUrl?: string;
+    /** Custom login prompt message */
+    loginPromptMessage?: string;
 }
 declare const ChatBubble: React__default.FC<ChatBubbleProps>;
 
@@ -895,6 +905,14 @@ interface ChatWidgetProps {
     typing?: boolean;
     ended?: boolean;
     className?: string;
+    /** Whether user is logged in */
+    isLoggedIn?: boolean;
+    /** Show login prompt for non-logged-in users */
+    showLoginPrompt?: boolean;
+    /** Login page URL */
+    loginUrl?: string;
+    /** Custom login prompt message */
+    loginPromptMessage?: string;
 }
 declare const ChatWidget: React__default.FC<ChatWidgetProps>;
 

package/dist/index.d.ts

@@ -1,12 +1,16 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { ReactNode } from 'react';
-import { Diffsome, Cart, WishlistItem, DiffsomeConfig, CurrencyInfo, SiteInfo, Member, LoginCredentials, AuthResponse, RegisterData, UpdateProfileData, ResetPasswordData, SocialProvider, WishlistToggleResult, WishlistMoveToCartResult, BundlePricing, ProductCategory, Product, PaginationMeta, ProductListParams, ProductType, CreateOrderData, Order, OrderListParams, PaymentStatusResponse, StripeCheckoutResponse, StripeVerifyResponse, TossPaymentReadyResponse, TossPaymentConfirmResponse, Coupon, CouponValidation, MemberSubscription, DigitalDownloadLink, CanReviewResponse, CreateProductReviewData, ProductReview, UpdateProductReviewData, ProductReviewStats, ProductReviewListParams, BlogCategory, BlogListParams, BlogPost, BoardPost, Board, CreateBoardPostData, BoardPostListParams, BoardListParams, Comment, CreateCommentData, Form, FormSubmissionData, FormSubmission, ReservationSlot, CreateReservationData, Reservation, ReservationService, ReservationSettings, ReservationStaff, ReservationListParams, Media, CustomEntity, EntityRecord, EntityListParams, ChatConversation, ChatMessage as ChatMessage$1 } from '@diffsome/sdk';
+import { Diffsome, Member, Cart, WishlistItem, DiffsomeConfig, CurrencyInfo, SiteInfo, LoginCredentials, AuthResponse, RegisterData, UpdateProfileData, ResetPasswordData, SocialProvider, WishlistToggleResult, WishlistMoveToCartResult, BundlePricing, ProductCategory, Product, PaginationMeta, ProductListParams, ProductType, CreateOrderData, Order, OrderListParams, PaymentStatusResponse, StripeCheckoutResponse, StripeVerifyResponse, TossPaymentReadyResponse, TossPaymentConfirmResponse, Coupon, CouponValidation, MemberSubscription, DigitalDownloadLink, CanReviewResponse, CreateProductReviewData, ProductReview, UpdateProductReviewData, ProductReviewStats, ProductReviewListParams, BlogCategory, BlogListParams, BlogPost, BoardPost, Board, CreateBoardPostData, BoardPostListParams, BoardListParams, Comment, CreateCommentData, Form, FormSubmissionData, FormSubmission, ReservationSlot, CreateReservationData, Reservation, ReservationService, ReservationSettings, ReservationStaff, ReservationListParams, Media, CustomEntity, EntityRecord, EntityListParams, ChatConversation, ChatMessage as ChatMessage$1 } from '@diffsome/sdk';
 export { AddToCartData, AuthResponse, BlogCategory, BlogListParams, BlogPost, Board, BoardListParams, BoardPost, BoardPostListParams, CanReviewResponse, Cart, CartItem, Comment, Coupon, CouponType, CouponValidation, CreateBoardPostData, CreateCommentData, CreateOrderData, CreateProductReviewData, CreateReservationData, CustomEntity, DiffsomeConfig, DigitalDownloadLink, DigitalFile, EntityField, EntityListParams, EntityRecord, EntitySchema, Form, FormSubmission, FormSubmissionData, ListResponse, LoginCredentials, Media, Member, MemberSubscription, Order, OrderItem, OrderListParams, OrderStatus, PaginatedResponse, PaginationMeta, Payment, PaymentMethod, PaymentStatus, PaymentStatusResponse, Product, ProductCategory, ProductListParams, ProductReview, ProductReviewStats, ProductType, ProductVariant, RegisterData, Reservation, ReservationService, ReservationSettings, ReservationSlot, ReservationStaff, ResetPasswordData, SiteInfo, SocialAuthUrl, SocialProvider, StripeCheckoutResponse, StripeVerifyResponse, SubscriptionInterval, SubscriptionPlan, SubscriptionStatus, TossPaymentConfirmResponse, TossPaymentReadyResponse, UpdateProfileData, WishlistItem, WishlistMoveToCartResult, WishlistToggleResult } from '@diffsome/sdk';
 
 interface DiffsomeContextValue {
     client: Diffsome;
     isReady: boolean;
+    user: Member | null;
+    authLoading: boolean;
+    setUser: (user: Member | null) => void;
+    refreshAuth: () => Promise<void>;
     cart: Cart | null;
     cartLoading: boolean;
     setCart: (cart: Cart | null) => void;
@@ -868,6 +872,12 @@ interface ChatBubbleProps {
     onClose?: () => void;
     /** Member auth token for logged-in users (optional) */
     memberToken?: string;
+    /** Show login prompt for non-logged-in users */
+    showLoginPrompt?: boolean;
+    /** Login page URL (used when showLoginPrompt is true) */
+    loginUrl?: string;
+    /** Custom login prompt message */
+    loginPromptMessage?: string;
 }
 declare const ChatBubble: React__default.FC<ChatBubbleProps>;
 
@@ -895,6 +905,14 @@ interface ChatWidgetProps {
     typing?: boolean;
     ended?: boolean;
     className?: string;
+    /** Whether user is logged in */
+    isLoggedIn?: boolean;
+    /** Show login prompt for non-logged-in users */
+    showLoginPrompt?: boolean;
+    /** Login page URL */
+    loginUrl?: string;
+    /** Custom login prompt message */
+    loginPromptMessage?: string;
 }
 declare const ChatWidget: React__default.FC<ChatWidgetProps>;
 

package/dist/index.js

@@ -106,6 +106,8 @@ var getEnvVar = (key) => {
 };
 function DiffsomeProvider({ children, config = {} }) {
   const [isReady, setIsReady] = (0, import_react.useState)(false);
+  const [user, setUser] = (0, import_react.useState)(null);
+  const [authLoading, setAuthLoading] = (0, import_react.useState)(true);
   const [cart, setCart] = (0, import_react.useState)(null);
   const [cartLoading, setCartLoading] = (0, import_react.useState)(true);
   const [wishlistItems, setWishlistItems] = (0, import_react.useState)([]);
@@ -127,6 +129,22 @@ function DiffsomeProvider({ children, config = {} }) {
       storageType: config.storageType ?? "localStorage"
     });
   }, [tenantId, baseUrl, apiKey, config.persistToken, config.storageType]);
+  const refreshAuth = (0, import_react.useCallback)(async () => {
+    if (!client.isAuthenticated()) {
+      setUser(null);
+      setAuthLoading(false);
+      return;
+    }
+    setAuthLoading(true);
+    try {
+      const profile = await client.auth.me();
+      setUser(profile);
+    } catch (err) {
+      setUser(null);
+    } finally {
+      setAuthLoading(false);
+    }
+  }, [client]);
   const refreshCart = (0, import_react.useCallback)(async () => {
     setCartLoading(true);
     try {
@@ -159,6 +177,15 @@ function DiffsomeProvider({ children, config = {} }) {
     const init = async () => {
       if (!mounted) return;
       setIsReady(true);
+      if (client.isAuthenticated()) {
+        try {
+          const profile = await client.auth.me();
+          if (mounted) setUser(profile);
+        } catch (err) {
+          if (mounted) setUser(null);
+        }
+      }
+      if (mounted) setAuthLoading(false);
       try {
         const cartData = await client.shop.getCart();
         if (mounted) setCart(cartData);
@@ -185,6 +212,10 @@ function DiffsomeProvider({ children, config = {} }) {
   const value = (0, import_react.useMemo)(() => ({
     client,
     isReady,
+    user,
+    authLoading,
+    setUser,
+    refreshAuth,
     cart,
     cartLoading,
     setCart,
@@ -193,7 +224,7 @@ function DiffsomeProvider({ children, config = {} }) {
     wishlistLoading,
     setWishlistItems,
     refreshWishlist
-  }), [client, isReady, cart, cartLoading, refreshCart, wishlistItems, wishlistLoading, refreshWishlist]);
+  }), [client, isReady, user, authLoading, refreshAuth, cart, cartLoading, refreshCart, wishlistItems, wishlistLoading, refreshWishlist]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DiffsomeContext.Provider, { value, children });
 }
 function useDiffsome() {
@@ -300,33 +331,13 @@ function useCurrency() {
 // src/hooks/useAuth.ts
 var import_react3 = require("react");
 function useAuth() {
-  const client = useClient();
-  const [user, setUser] = (0, import_react3.useState)(null);
-  const [loading, setLoading] = (0, import_react3.useState)(true);
+  const { client, user, authLoading, setUser, refreshAuth } = useDiffsome();
+  const [actionLoading, setActionLoading] = (0, import_react3.useState)(false);
   const [error, setError] = (0, import_react3.useState)(null);
   const isAuthenticated = !!user && client.isAuthenticated();
-  const fetchProfile = (0, import_react3.useCallback)(async () => {
-    if (!client.isAuthenticated()) {
-      setUser(null);
-      setLoading(false);
-      return;
-    }
-    try {
-      const profile = await client.auth.me();
-      setUser(profile);
-      setError(null);
-    } catch (err) {
-      setUser(null);
-      setError(err instanceof Error ? err : new Error("Failed to fetch profile"));
-    } finally {
-      setLoading(false);
-    }
-  }, [client]);
-  (0, import_react3.useEffect)(() => {
-    fetchProfile();
-  }, [fetchProfile]);
+  const loading = authLoading || actionLoading;
   const login = (0, import_react3.useCallback)(async (credentials) => {
-    setLoading(true);
+    setActionLoading(true);
     setError(null);
     try {
       const response = await client.auth.login(credentials);
@@ -337,11 +348,11 @@ function useAuth() {
       setError(error2);
       throw error2;
     } finally {
-      setLoading(false);
+      setActionLoading(false);
     }
-  }, [client]);
+  }, [client, setUser]);
   const register = (0, import_react3.useCallback)(async (data) => {
-    setLoading(true);
+    setActionLoading(true);
     setError(null);
     try {
       const response = await client.auth.register(data);
@@ -352,28 +363,28 @@ function useAuth() {
       setError(error2);
       throw error2;
     } finally {
-      setLoading(false);
+      setActionLoading(false);
     }
-  }, [client]);
+  }, [client, setUser]);
   const logout = (0, import_react3.useCallback)(async () => {
-    setLoading(true);
+    setActionLoading(true);
     try {
       await client.auth.logout();
     } finally {
       setUser(null);
-      setLoading(false);
+      setActionLoading(false);
     }
-  }, [client]);
+  }, [client, setUser]);
   const getProfile = (0, import_react3.useCallback)(async () => {
     const profile = await client.auth.me();
     setUser(profile);
     return profile;
-  }, [client]);
+  }, [client, setUser]);
   const updateProfile = (0, import_react3.useCallback)(async (data) => {
     const profile = await client.auth.updateProfile(data);
     setUser(profile);
     return profile;
-  }, [client]);
+  }, [client, setUser]);
   const forgotPassword = (0, import_react3.useCallback)(async (email) => {
     return await client.auth.forgotPassword({ email });
   }, [client]);
@@ -381,8 +392,8 @@ function useAuth() {
     return await client.auth.resetPassword(data);
   }, [client]);
   const refresh = (0, import_react3.useCallback)(async () => {
-    await fetchProfile();
-  }, [fetchProfile]);
+    await refreshAuth();
+  }, [refreshAuth]);
   return {
     user,
     isAuthenticated,
@@ -2727,7 +2738,11 @@ var ChatWidget = ({
   loading = false,
   typing = false,
   ended = false,
-  className = ""
+  className = "",
+  isLoggedIn = false,
+  showLoginPrompt = false,
+  loginUrl = "/auth/login",
+  loginPromptMessage = "Login to save your chat history across devices"
 }) => {
   const messagesEndRef = (0, import_react23.useRef)(null);
   const scrollToBottom = () => {
@@ -2805,6 +2820,10 @@ var ChatWidget = ({
         }
       )
     ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+      showLoginPrompt && !isLoggedIn && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "diffsome-chat-login-prompt", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: loginPromptMessage }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("a", { href: loginUrl, className: "diffsome-chat-login-btn", children: "Login" })
+      ] }),
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         ChatInput,
         {
@@ -2845,7 +2864,10 @@ var ChatBubble = ({
   className = "",
   onOpen,
   onClose,
-  memberToken
+  memberToken,
+  showLoginPrompt = false,
+  loginUrl = "/auth/login",
+  loginPromptMessage = "Login to save your chat history across devices"
 }) => {
   (0, import_react24.useEffect)(() => {
     if (memberToken) {
@@ -3043,7 +3065,11 @@ var ChatBubble = ({
             placeholder,
             loading,
             typing,
-            ended
+            ended,
+            isLoggedIn: !!memberToken,
+            showLoginPrompt,
+            loginUrl,
+            loginPromptMessage
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(

package/dist/index.mjs

@@ -14,6 +14,8 @@ var getEnvVar = (key) => {
 };
 function DiffsomeProvider({ children, config = {} }) {
   const [isReady, setIsReady] = useState(false);
+  const [user, setUser] = useState(null);
+  const [authLoading, setAuthLoading] = useState(true);
   const [cart, setCart] = useState(null);
   const [cartLoading, setCartLoading] = useState(true);
   const [wishlistItems, setWishlistItems] = useState([]);
@@ -35,6 +37,22 @@ function DiffsomeProvider({ children, config = {} }) {
       storageType: config.storageType ?? "localStorage"
     });
   }, [tenantId, baseUrl, apiKey, config.persistToken, config.storageType]);
+  const refreshAuth = useCallback(async () => {
+    if (!client.isAuthenticated()) {
+      setUser(null);
+      setAuthLoading(false);
+      return;
+    }
+    setAuthLoading(true);
+    try {
+      const profile = await client.auth.me();
+      setUser(profile);
+    } catch (err) {
+      setUser(null);
+    } finally {
+      setAuthLoading(false);
+    }
+  }, [client]);
   const refreshCart = useCallback(async () => {
     setCartLoading(true);
     try {
@@ -67,6 +85,15 @@ function DiffsomeProvider({ children, config = {} }) {
     const init = async () => {
       if (!mounted) return;
       setIsReady(true);
+      if (client.isAuthenticated()) {
+        try {
+          const profile = await client.auth.me();
+          if (mounted) setUser(profile);
+        } catch (err) {
+          if (mounted) setUser(null);
+        }
+      }
+      if (mounted) setAuthLoading(false);
       try {
         const cartData = await client.shop.getCart();
         if (mounted) setCart(cartData);
@@ -93,6 +120,10 @@ function DiffsomeProvider({ children, config = {} }) {
   const value = useMemo(() => ({
     client,
     isReady,
+    user,
+    authLoading,
+    setUser,
+    refreshAuth,
     cart,
     cartLoading,
     setCart,
@@ -101,7 +132,7 @@ function DiffsomeProvider({ children, config = {} }) {
     wishlistLoading,
     setWishlistItems,
     refreshWishlist
-  }), [client, isReady, cart, cartLoading, refreshCart, wishlistItems, wishlistLoading, refreshWishlist]);
+  }), [client, isReady, user, authLoading, refreshAuth, cart, cartLoading, refreshCart, wishlistItems, wishlistLoading, refreshWishlist]);
   return /* @__PURE__ */ jsx(DiffsomeContext.Provider, { value, children });
 }
 function useDiffsome() {
@@ -206,35 +237,15 @@ function useCurrency() {
 }
 
 // src/hooks/useAuth.ts
-import { useState as useState3, useEffect as useEffect3, useCallback as useCallback3 } from "react";
+import { useState as useState3, useCallback as useCallback3 } from "react";
 function useAuth() {
-  const client = useClient();
-  const [user, setUser] = useState3(null);
-  const [loading, setLoading] = useState3(true);
+  const { client, user, authLoading, setUser, refreshAuth } = useDiffsome();
+  const [actionLoading, setActionLoading] = useState3(false);
   const [error, setError] = useState3(null);
   const isAuthenticated = !!user && client.isAuthenticated();
-  const fetchProfile = useCallback3(async () => {
-    if (!client.isAuthenticated()) {
-      setUser(null);
-      setLoading(false);
-      return;
-    }
-    try {
-      const profile = await client.auth.me();
-      setUser(profile);
-      setError(null);
-    } catch (err) {
-      setUser(null);
-      setError(err instanceof Error ? err : new Error("Failed to fetch profile"));
-    } finally {
-      setLoading(false);
-    }
-  }, [client]);
-  useEffect3(() => {
-    fetchProfile();
-  }, [fetchProfile]);
+  const loading = authLoading || actionLoading;
   const login = useCallback3(async (credentials) => {
-    setLoading(true);
+    setActionLoading(true);
     setError(null);
     try {
       const response = await client.auth.login(credentials);
@@ -245,11 +256,11 @@ function useAuth() {
       setError(error2);
       throw error2;
     } finally {
-      setLoading(false);
+      setActionLoading(false);
     }
-  }, [client]);
+  }, [client, setUser]);
   const register = useCallback3(async (data) => {
-    setLoading(true);
+    setActionLoading(true);
     setError(null);
     try {
       const response = await client.auth.register(data);
@@ -260,28 +271,28 @@ function useAuth() {
       setError(error2);
       throw error2;
     } finally {
-      setLoading(false);
+      setActionLoading(false);
     }
-  }, [client]);
+  }, [client, setUser]);
   const logout = useCallback3(async () => {
-    setLoading(true);
+    setActionLoading(true);
     try {
       await client.auth.logout();
     } finally {
       setUser(null);
-      setLoading(false);
+      setActionLoading(false);
     }
-  }, [client]);
+  }, [client, setUser]);
   const getProfile = useCallback3(async () => {
     const profile = await client.auth.me();
     setUser(profile);
     return profile;
-  }, [client]);
+  }, [client, setUser]);
   const updateProfile = useCallback3(async (data) => {
     const profile = await client.auth.updateProfile(data);
     setUser(profile);
     return profile;
-  }, [client]);
+  }, [client, setUser]);
   const forgotPassword = useCallback3(async (email) => {
     return await client.auth.forgotPassword({ email });
   }, [client]);
@@ -289,8 +300,8 @@ function useAuth() {
     return await client.auth.resetPassword(data);
   }, [client]);
   const refresh = useCallback3(async () => {
-    await fetchProfile();
-  }, [fetchProfile]);
+    await refreshAuth();
+  }, [refreshAuth]);
   return {
     user,
     isAuthenticated,
@@ -308,7 +319,7 @@ function useAuth() {
 }
 
 // src/hooks/useSocialAuth.ts
-import { useState as useState4, useEffect as useEffect4, useCallback as useCallback4 } from "react";
+import { useState as useState4, useEffect as useEffect3, useCallback as useCallback4 } from "react";
 function useSocialAuth() {
   const client = useClient();
   const [providers, setProviders] = useState4([]);
@@ -326,7 +337,7 @@ function useSocialAuth() {
       setLoading(false);
     }
   }, [client]);
-  useEffect4(() => {
+  useEffect3(() => {
     fetchProviders();
   }, [fetchProviders]);
   const getAuthUrl = useCallback4(async (provider) => {
@@ -480,7 +491,7 @@ function useWishlist() {
 }
 
 // src/hooks/useProducts.ts
-import { useState as useState6, useEffect as useEffect5, useCallback as useCallback7 } from "react";
+import { useState as useState6, useEffect as useEffect4, useCallback as useCallback7 } from "react";
 function useProducts(options = {}) {
   const { autoFetch = true, ...params } = options;
   const client = useClient();
@@ -506,7 +517,7 @@ function useProducts(options = {}) {
       setLoading(false);
     }
   }, [client]);
-  useEffect5(() => {
+  useEffect4(() => {
     if (autoFetch) {
       fetchProducts(params);
     }
@@ -554,7 +565,7 @@ function useProduct(idOrSlug) {
       setLoading(false);
     }
   }, [client, idOrSlug]);
-  useEffect5(() => {
+  useEffect4(() => {
     fetchProduct();
   }, [fetchProduct]);
   return {
@@ -581,7 +592,7 @@ function useCategories() {
       setLoading(false);
     }
   }, [client]);
-  useEffect5(() => {
+  useEffect4(() => {
     fetchCategories();
   }, [fetchCategories]);
   return {
@@ -608,7 +619,7 @@ function useFeaturedProducts(limit = 8) {
       setLoading(false);
     }
   }, [client, limit]);
-  useEffect5(() => {
+  useEffect4(() => {
     fetchProducts();
   }, [fetchProducts]);
   return {
@@ -637,7 +648,7 @@ function useProductsByType(type, params) {
       setLoading(false);
     }
   }, [client, type, params]);
-  useEffect5(() => {
+  useEffect4(() => {
     fetchProducts();
   }, [fetchProducts]);
   return {
@@ -674,7 +685,7 @@ function useBundleItems(productSlug) {
       setLoading(false);
     }
   }, [client, productSlug]);
-  useEffect5(() => {
+  useEffect4(() => {
     fetchBundle();
   }, [fetchBundle]);
   return {
@@ -686,7 +697,7 @@ function useBundleItems(productSlug) {
 }
 
 // src/hooks/useOrders.ts
-import { useState as useState7, useEffect as useEffect6, useCallback as useCallback8 } from "react";
+import { useState as useState7, useEffect as useEffect5, useCallback as useCallback8 } from "react";
 function useOrders(params) {
   const client = useClient();
   const [orders, setOrders] = useState7([]);
@@ -715,7 +726,7 @@ function useOrders(params) {
       setLoading(false);
     }
   }, [client]);
-  useEffect6(() => {
+  useEffect5(() => {
     fetchOrders(params);
   }, []);
   const hasMore = meta ? meta.current_page < meta.last_page : false;
@@ -754,7 +765,7 @@ function useOrder(idOrNumber) {
       setLoading(false);
     }
   }, [client, idOrNumber]);
-  useEffect6(() => {
+  useEffect5(() => {
     fetchOrder();
   }, [fetchOrder]);
   const cancel = useCallback8(async () => {
@@ -960,7 +971,7 @@ function useStripePayment() {
 }
 
 // src/hooks/useCoupons.ts
-import { useState as useState9, useEffect as useEffect7, useCallback as useCallback10 } from "react";
+import { useState as useState9, useEffect as useEffect6, useCallback as useCallback10 } from "react";
 function useCoupons() {
   const client = useClient();
   const [coupons, setCoupons] = useState9([]);
@@ -983,7 +994,7 @@ function useCoupons() {
       setLoading(false);
     }
   }, [client]);
-  useEffect7(() => {
+  useEffect6(() => {
     fetchCoupons();
   }, [fetchCoupons]);
   return {
@@ -1028,7 +1039,7 @@ function useValidateCoupon() {
 }
 
 // src/hooks/useSubscriptions.ts
-import { useState as useState10, useEffect as useEffect8, useCallback as useCallback11 } from "react";
+import { useState as useState10, useEffect as useEffect7, useCallback as useCallback11 } from "react";
 function useSubscriptions() {
   const client = useClient();
   const [subscriptions, setSubscriptions] = useState10([]);
@@ -1051,7 +1062,7 @@ function useSubscriptions() {
       setLoading(false);
     }
   }, [client]);
-  useEffect8(() => {
+  useEffect7(() => {
     fetchSubscriptions();
   }, [fetchSubscriptions]);
   const activeSubscription = subscriptions.find((s) => s.is_active) ?? null;
@@ -1082,7 +1093,7 @@ function useSubscription(id) {
       setLoading(false);
     }
   }, [client, id]);
-  useEffect8(() => {
+  useEffect7(() => {
     fetchSubscription();
   }, [fetchSubscription]);
   const cancel = useCallback11(async (immediately = false) => {
@@ -1169,7 +1180,7 @@ function useCreateSubscription() {
 }
 
 // src/hooks/useDownloads.ts
-import { useState as useState11, useEffect as useEffect9, useCallback as useCallback12 } from "react";
+import { useState as useState11, useEffect as useEffect8, useCallback as useCallback12 } from "react";
 function useDownloads() {
   const client = useClient();
   const [downloads, setDownloads] = useState11([]);
@@ -1192,7 +1203,7 @@ function useDownloads() {
       setLoading(false);
     }
   }, [client]);
-  useEffect9(() => {
+  useEffect8(() => {
     fetchDownloads();
   }, [fetchDownloads]);
   const getDownloadUrl = useCallback12((token) => {
@@ -1232,7 +1243,7 @@ function useOrderDownloads(orderNumber) {
       setLoading(false);
     }
   }, [client, orderNumber]);
-  useEffect9(() => {
+  useEffect8(() => {
     fetchDownloads();
   }, [fetchDownloads]);
   const getDownloadUrl = useCallback12((token) => {
@@ -1252,7 +1263,7 @@ function useOrderDownloads(orderNumber) {
 }
 
 // src/hooks/useReviews.ts
-import { useState as useState12, useEffect as useEffect10, useCallback as useCallback13 } from "react";
+import { useState as useState12, useEffect as useEffect9, useCallback as useCallback13 } from "react";
 function useProductReviews(productSlug, params) {
   const client = useClient();
   const [reviews, setReviews] = useState12([]);
@@ -1274,7 +1285,7 @@ function useProductReviews(productSlug, params) {
       setLoading(false);
     }
   }, [client, productSlug, params]);
-  useEffect10(() => {
+  useEffect9(() => {
     fetchReviews();
   }, [fetchReviews]);
   return {
@@ -1307,7 +1318,7 @@ function useCanReview(productSlug) {
       setLoading(false);
     }
   }, [client, productSlug]);
-  useEffect10(() => {
+  useEffect9(() => {
     if (client.isAuthenticated()) {
       check();
     } else {
@@ -1371,7 +1382,7 @@ function useMyReviews(params) {
       setLoading(false);
     }
   }, [client, params]);
-  useEffect10(() => {
+  useEffect9(() => {
     fetchReviews();
   }, [fetchReviews]);
   const deleteReview = useCallback13(async (reviewId) => {
@@ -1395,7 +1406,7 @@ function useMyReviews(params) {
 }
 
 // src/hooks/useBlog.ts
-import { useState as useState13, useEffect as useEffect11, useCallback as useCallback14 } from "react";
+import { useState as useState13, useEffect as useEffect10, useCallback as useCallback14 } from "react";
 function useBlog(options = {}) {
   const { autoFetch = true, ...params } = options;
   const client = useClient();
@@ -1421,7 +1432,7 @@ function useBlog(options = {}) {
       setLoading(false);
     }
   }, [client]);
-  useEffect11(() => {
+  useEffect10(() => {
     if (autoFetch) {
       fetchPosts(params);
     }
@@ -1463,7 +1474,7 @@ function useBlogPost(slug) {
       setLoading(false);
     }
   }, [client, slug]);
-  useEffect11(() => {
+  useEffect10(() => {
     fetchPost();
   }, [fetchPost]);
   return {
@@ -1490,7 +1501,7 @@ function useBlogCategories() {
       setLoading(false);
     }
   }, [client]);
-  useEffect11(() => {
+  useEffect10(() => {
     fetchCategories();
   }, [fetchCategories]);
   return {
@@ -1517,7 +1528,7 @@ function useBlogTags() {
       setLoading(false);
     }
   }, [client]);
-  useEffect11(() => {
+  useEffect10(() => {
     fetchTags();
   }, [fetchTags]);
   return {
@@ -1544,7 +1555,7 @@ function useFeaturedBlog(limit = 5) {
       setLoading(false);
     }
   }, [client, limit]);
-  useEffect11(() => {
+  useEffect10(() => {
     fetchPosts();
   }, [fetchPosts]);
   return {
@@ -1583,7 +1594,7 @@ function useBlogSearch() {
 }
 
 // src/hooks/useBoards.ts
-import { useState as useState14, useEffect as useEffect12, useCallback as useCallback15 } from "react";
+import { useState as useState14, useEffect as useEffect11, useCallback as useCallback15 } from "react";
 function useBoards(params) {
   const client = useClient();
   const [boards, setBoards] = useState14([]);
@@ -1601,7 +1612,7 @@ function useBoards(params) {
       setLoading(false);
     }
   }, [client, params]);
-  useEffect12(() => {
+  useEffect11(() => {
     fetchBoards();
   }, [fetchBoards]);
   return {
@@ -1628,7 +1639,7 @@ function useBoard(slug) {
       setLoading(false);
     }
   }, [client, slug]);
-  useEffect12(() => {
+  useEffect11(() => {
     fetchBoard();
   }, [fetchBoard]);
   return {
@@ -1662,7 +1673,7 @@ function useBoardPosts(boardSlug, params) {
       setLoading(false);
     }
   }, [client, boardSlug]);
-  useEffect12(() => {
+  useEffect11(() => {
     fetchPosts(params);
   }, []);
   const hasMore = meta ? meta.current_page < meta.last_page : false;
@@ -1702,7 +1713,7 @@ function useBoardPost(postId) {
       setLoading(false);
     }
   }, [client, postId]);
-  useEffect12(() => {
+  useEffect11(() => {
     fetchPost();
   }, [fetchPost]);
   return {
@@ -1737,7 +1748,7 @@ function useCreateBoardPost() {
 }
 
 // src/hooks/useComments.ts
-import { useState as useState15, useEffect as useEffect13, useCallback as useCallback16 } from "react";
+import { useState as useState15, useEffect as useEffect12, useCallback as useCallback16 } from "react";
 function useComments(options) {
   const { type, target, page, per_page } = options;
   const client = useClient();
@@ -1770,7 +1781,7 @@ function useComments(options) {
       setLoading(false);
     }
   }, [client, type, target, page, per_page]);
-  useEffect13(() => {
+  useEffect12(() => {
     fetchComments();
   }, [fetchComments]);
   const createComment = useCallback16(async (data) => {
@@ -1819,7 +1830,7 @@ function useComments(options) {
 }
 
 // src/hooks/useForms.ts
-import { useState as useState16, useEffect as useEffect14, useCallback as useCallback17 } from "react";
+import { useState as useState16, useEffect as useEffect13, useCallback as useCallback17 } from "react";
 function useForm(formSlug) {
   const client = useClient();
   const [form, setForm] = useState16(null);
@@ -1839,7 +1850,7 @@ function useForm(formSlug) {
       setLoading(false);
     }
   }, [client, formSlug]);
-  useEffect14(() => {
+  useEffect13(() => {
     fetchForm();
   }, [fetchForm]);
   const submit = useCallback17(async (data) => {
@@ -1873,7 +1884,7 @@ function useForm(formSlug) {
 }
 
 // src/hooks/useReservation.ts
-import { useState as useState17, useEffect as useEffect15, useCallback as useCallback18 } from "react";
+import { useState as useState17, useEffect as useEffect14, useCallback as useCallback18 } from "react";
 function useReservationServices() {
   const client = useClient();
   const [services, setServices] = useState17([]);
@@ -1891,7 +1902,7 @@ function useReservationServices() {
       setLoading(false);
     }
   }, [client]);
-  useEffect15(() => {
+  useEffect14(() => {
     fetchServices();
   }, [fetchServices]);
   return {
@@ -1918,7 +1929,7 @@ function useReservationStaffs() {
       setLoading(false);
     }
   }, [client]);
-  useEffect15(() => {
+  useEffect14(() => {
     fetchStaffs();
   }, [fetchStaffs]);
   return {
@@ -1954,7 +1965,7 @@ function useAvailableSlots(serviceId, date, staffId) {
       setLoading(false);
     }
   }, [client, serviceId, date, staffId]);
-  useEffect15(() => {
+  useEffect14(() => {
     fetchSlots();
   }, [fetchSlots]);
   return {
@@ -1988,7 +1999,7 @@ function useMyReservations(params) {
       setLoading(false);
     }
   }, [client, params]);
-  useEffect15(() => {
+  useEffect14(() => {
     fetchReservations();
   }, [fetchReservations]);
   return {
@@ -2040,7 +2051,7 @@ function useReservationSettings() {
       setLoading(false);
     }
   }, [client]);
-  useEffect15(() => {
+  useEffect14(() => {
     fetchSettings();
   }, [fetchSettings]);
   return {
@@ -2052,7 +2063,7 @@ function useReservationSettings() {
 }
 
 // src/hooks/useMedia.ts
-import { useState as useState18, useEffect as useEffect16, useCallback as useCallback19 } from "react";
+import { useState as useState18, useEffect as useEffect15, useCallback as useCallback19 } from "react";
 function useMedia(options = {}) {
   const { type, page, per_page, autoFetch = true } = options;
   const client = useClient();
@@ -2080,7 +2091,7 @@ function useMedia(options = {}) {
       setLoading(false);
     }
   }, [client, type, page, per_page]);
-  useEffect16(() => {
+  useEffect15(() => {
     if (autoFetch) {
       fetchMedia();
     }
@@ -2142,7 +2153,7 @@ function useMedia(options = {}) {
 }
 
 // src/hooks/useEntities.ts
-import { useState as useState19, useEffect as useEffect17, useCallback as useCallback20, useMemo as useMemo3 } from "react";
+import { useState as useState19, useEffect as useEffect16, useCallback as useCallback20, useMemo as useMemo3 } from "react";
 function useEntities() {
   const client = useClient();
   const [entities, setEntities] = useState19([]);
@@ -2160,7 +2171,7 @@ function useEntities() {
       setLoading(false);
     }
   }, [client]);
-  useEffect17(() => {
+  useEffect16(() => {
     fetchEntities();
   }, [fetchEntities]);
   return {
@@ -2187,7 +2198,7 @@ function useEntity(slug) {
       setLoading(false);
     }
   }, [client, slug]);
-  useEffect17(() => {
+  useEffect16(() => {
     fetchEntity();
   }, [fetchEntity]);
   return {
@@ -2221,7 +2232,7 @@ function useEntityRecords(slug, params) {
       setLoading(false);
     }
   }, [client, slug]);
-  useEffect17(() => {
+  useEffect16(() => {
     fetchRecords(params);
   }, []);
   const hasMore = meta ? meta.current_page < meta.last_page : false;
@@ -2278,7 +2289,7 @@ function useEntityRecord(slug, id) {
       setLoading(false);
     }
   }, [client, slug, id]);
-  useEffect17(() => {
+  useEffect16(() => {
     fetchRecord();
   }, [fetchRecord]);
   const update = useCallback20(async (data) => {
@@ -2324,7 +2335,7 @@ function useTypedEntity(slug) {
 }
 
 // src/hooks/useChat.ts
-import { useState as useState20, useEffect as useEffect18, useCallback as useCallback21 } from "react";
+import { useState as useState20, useEffect as useEffect17, useCallback as useCallback21 } from "react";
 function useChat(options = {}) {
   const client = useClient();
   const [conversation, setConversation] = useState20(null);
@@ -2399,7 +2410,7 @@ function useChat(options = {}) {
     setConnected(false);
     setConnection(null);
   }, [connection]);
-  useEffect18(() => {
+  useEffect17(() => {
     if (options.autoConnect) {
       start();
     }
@@ -2490,10 +2501,10 @@ function RichContent({
 }
 
 // src/components/chat/ChatBubble.tsx
-import { useState as useState22, useEffect as useEffect21, useCallback as useCallback22, useRef as useRef3 } from "react";
+import { useState as useState22, useEffect as useEffect20, useCallback as useCallback22, useRef as useRef3 } from "react";
 
 // src/components/chat/ChatWidget.tsx
-import { useRef as useRef2, useEffect as useEffect20 } from "react";
+import { useRef as useRef2, useEffect as useEffect19 } from "react";
 
 // src/components/chat/ChatMessage.tsx
 import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -2531,7 +2542,7 @@ var ChatMessage = ({
 };
 
 // src/components/chat/ChatInput.tsx
-import { useState as useState21, useRef, useEffect as useEffect19 } from "react";
+import { useState as useState21, useRef, useEffect as useEffect18 } from "react";
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var ChatInput = ({
   onSend,
@@ -2569,7 +2580,7 @@ var ChatInput = ({
       }, 2e3);
     }
   };
-  useEffect19(() => {
+  useEffect18(() => {
     return () => {
       if (typingTimeoutRef.current) {
         clearTimeout(typingTimeoutRef.current);
@@ -2635,13 +2646,17 @@ var ChatWidget = ({
   loading = false,
   typing = false,
   ended = false,
-  className = ""
+  className = "",
+  isLoggedIn = false,
+  showLoginPrompt = false,
+  loginUrl = "/auth/login",
+  loginPromptMessage = "Login to save your chat history across devices"
 }) => {
   const messagesEndRef = useRef2(null);
   const scrollToBottom = () => {
     messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
   };
-  useEffect20(() => {
+  useEffect19(() => {
     scrollToBottom();
   }, [messages, typing]);
   const formatTime = (timestamp) => {
@@ -2713,6 +2728,10 @@ var ChatWidget = ({
         }
       )
     ] }) : /* @__PURE__ */ jsxs4(Fragment3, { children: [
+      showLoginPrompt && !isLoggedIn && /* @__PURE__ */ jsxs4("div", { className: "diffsome-chat-login-prompt", children: [
+        /* @__PURE__ */ jsx5("span", { children: loginPromptMessage }),
+        /* @__PURE__ */ jsx5("a", { href: loginUrl, className: "diffsome-chat-login-btn", children: "Login" })
+      ] }),
       /* @__PURE__ */ jsx5(
         ChatInput,
         {
@@ -2753,9 +2772,12 @@ var ChatBubble = ({
   className = "",
   onOpen,
   onClose,
-  memberToken
+  memberToken,
+  showLoginPrompt = false,
+  loginUrl = "/auth/login",
+  loginPromptMessage = "Login to save your chat history across devices"
 }) => {
-  useEffect21(() => {
+  useEffect20(() => {
     if (memberToken) {
       client.setToken(memberToken);
     } else {
@@ -2925,7 +2947,7 @@ var ChatBubble = ({
     seenMessageIds.current.clear();
     initChat();
   };
-  useEffect21(() => {
+  useEffect20(() => {
     return () => {
       connectionRef.current?.disconnect();
     };
@@ -2951,7 +2973,11 @@ var ChatBubble = ({
             placeholder,
             loading,
             typing,
-            ended
+            ended,
+            isLoggedIn: !!memberToken,
+            showLoginPrompt,
+            loginUrl,
+            loginPromptMessage
           }
         ),
         /* @__PURE__ */ jsxs5(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@diffsome/react",
-  "version": "1.2.14",
+  "version": "1.2.16",
   "description": "React hooks and providers for Diffsome SDK - Headless e-commerce & CMS",
   "main": "dist/index.js",
   "module": "dist/index.mjs",