@diffsome/react 1.3.3 → 1.4.0

package/dist/chat.css

@@ -500,6 +500,98 @@
   }
 }
 
+/* Offline Form */
+.diffsome-chat-offline-body {
+  flex: 1;
+  padding: 24px 20px;
+  display: flex;
+  flex-direction: column;
+  overflow-y: auto;
+}
+
+.diffsome-chat-offline-form {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.diffsome-chat-offline-msg {
+  color: var(--diffsome-chat-text-muted);
+  font-size: 14px;
+  line-height: 1.5;
+  margin-bottom: 4px;
+}
+
+.diffsome-chat-offline-input {
+  width: 100%;
+  padding: 10px 14px;
+  border: 1px solid var(--diffsome-chat-border);
+  border-radius: 8px;
+  font-size: 14px;
+  outline: none;
+  transition: border-color 0.2s;
+  background: var(--diffsome-chat-bg);
+  color: var(--diffsome-chat-text);
+  font-family: inherit;
+  box-sizing: border-box;
+}
+
+.diffsome-chat-offline-input:focus {
+  border-color: var(--diffsome-chat-primary);
+}
+
+.diffsome-chat-offline-textarea {
+  width: 100%;
+  padding: 10px 14px;
+  border: 1px solid var(--diffsome-chat-border);
+  border-radius: 8px;
+  font-size: 14px;
+  outline: none;
+  resize: vertical;
+  transition: border-color 0.2s;
+  background: var(--diffsome-chat-bg);
+  color: var(--diffsome-chat-text);
+  font-family: inherit;
+  box-sizing: border-box;
+}
+
+.diffsome-chat-offline-textarea:focus {
+  border-color: var(--diffsome-chat-primary);
+}
+
+.diffsome-chat-offline-btn {
+  width: 100%;
+  padding: 12px;
+  background: var(--diffsome-chat-primary);
+  color: white;
+  border: none;
+  border-radius: 8px;
+  font-size: 14px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: opacity 0.2s;
+  font-family: inherit;
+}
+
+.diffsome-chat-offline-btn:hover:not(:disabled) {
+  opacity: 0.9;
+}
+
+.diffsome-chat-offline-btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.diffsome-chat-offline-success {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+  height: 100%;
+  text-align: center;
+}
+
 /* Dark mode support */
 @media (prefers-color-scheme: dark) {
   .diffsome-chat-bubble-container {

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { ReactNode } from 'react';
-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';
+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, NicePaymentReadyResponse, NicePaymentConfirmResponse, 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 {
@@ -386,6 +386,8 @@ interface UsePaymentStatusReturn {
     currency: CurrencyInfo | null;
     formatPrice: (amount: number) => string;
     isTossAvailable: boolean;
+    isNiceAvailable: boolean;
+    niceClientKey: string | null;
     isStripeAvailable: boolean;
     stripePublishableKey: string | null;
 }
@@ -398,6 +400,14 @@ interface UseTossPaymentReturn {
     error: Error | null;
 }
 declare function useTossPayment(): UseTossPaymentReturn;
+interface UseNicePaymentReturn {
+    preparePayment: (orderNumber: string, returnUrl: string) => Promise<NicePaymentReadyResponse>;
+    confirmPayment: (tid: string, orderId: string, amount: number) => Promise<NicePaymentConfirmResponse>;
+    cancelPayment: (orderNumber: string, reason: string, amount?: number) => Promise<void>;
+    loading: boolean;
+    error: Error | null;
+}
+declare function useNicePayment(): UseNicePaymentReturn;
 interface UseStripePaymentReturn {
     createCheckout: (orderNumber: string, successUrl: string, cancelUrl: string) => Promise<StripeCheckoutResponse>;
     verifyPayment: (sessionId: string) => Promise<StripeVerifyResponse>;
@@ -937,4 +947,4 @@ interface ChatInputProps {
 }
 declare const ChatInput: React__default.FC<ChatInputProps>;
 
-export { ChatBubble, type ChatBubbleProps, ChatInput, type ChatInputProps, ChatMessage, type ChatMessageProps, ChatWidget, type ChatWidgetProps, type CommentType, DiffsomeContext, type DiffsomeContextValue, DiffsomeProvider, type DiffsomeProviderProps, type Message, RichContent, type RichContentProps, type UseAuthReturn, type UseAvailableSlotsReturn, type UseBlogCategoriesReturn, type UseBlogOptions, type UseBlogPostReturn, type UseBlogReturn, type UseBlogSearchReturn, type UseBlogTagsReturn, type UseBoardPostReturn, type UseBoardPostsReturn, type UseBoardReturn, type UseBoardsReturn, type UseBundleItemsReturn, type UseCanReviewReturn, type UseCartReturn, type UseCategoriesReturn, type UseChatOptions, type UseChatReturn, type UseCommentsOptions, type UseCommentsReturn, type UseCouponsReturn, type UseCreateBoardPostReturn, type UseCreateOrderReturn, type UseCreateReservationReturn, type UseCreateReviewReturn, type UseCreateSubscriptionReturn, type UseCurrencyReturn, type UseDownloadsReturn, type UseEntitiesReturn, type UseEntityRecordReturn, type UseEntityRecordsReturn, type UseEntityReturn, type UseFeaturedBlogReturn, type UseFeaturedProductsReturn, type UseFormReturn, type UseMediaOptions, type UseMediaReturn, type UseMyReservationsReturn, type UseMyReviewsReturn, type UseOrderDownloadsReturn, type UseOrderReturn, type UseOrdersReturn, type UsePaymentStatusReturn, type UseProductReturn, type UseProductReviewsReturn, type UseProductsByTypeReturn, type UseProductsOptions, type UseProductsReturn, type UseReservationServicesReturn, type UseReservationSettingsReturn, type UseReservationStaffsReturn, type UseSiteReturn, type UseSocialAuthReturn, type UseStripePaymentReturn, type UseSubscriptionReturn, type UseSubscriptionsReturn, type UseTossPaymentReturn, type UseValidateCouponReturn, type UseWishlistReturn, useAuth, useAvailableSlots, useBlog, useBlogCategories, useBlogPost, useBlogSearch, useBlogTags, useBoard, useBoardPost, useBoardPosts, useBoards, useBundleItems, useBundleProducts, useCanReview, useCart, useCategories, useChat, useClient, useComments, useCoupons, useCreateBoardPost, useCreateOrder, useCreateReservation, useCreateReview, useCreateSubscription, useCurrency, useDiffsome, useDigitalProducts, useDownloads, useEntities, useEntity, useEntityRecord, useEntityRecords, useFeaturedBlog, useFeaturedProducts, useForm, useMedia, useMyReservations, useMyReviews, useOrder, useOrderDownloads, useOrders, usePaymentStatus, useProduct, useProductReviews, useProducts, useProductsByType, useReservationServices, useReservationSettings, useReservationStaffs, useSite, useSocialAuth, useStripePayment, useSubscription, useSubscriptionProducts, useSubscriptions, useTossPayment, useTypedEntity, useValidateCoupon, useWishlist };
+export { ChatBubble, type ChatBubbleProps, ChatInput, type ChatInputProps, ChatMessage, type ChatMessageProps, ChatWidget, type ChatWidgetProps, type CommentType, DiffsomeContext, type DiffsomeContextValue, DiffsomeProvider, type DiffsomeProviderProps, type Message, RichContent, type RichContentProps, type UseAuthReturn, type UseAvailableSlotsReturn, type UseBlogCategoriesReturn, type UseBlogOptions, type UseBlogPostReturn, type UseBlogReturn, type UseBlogSearchReturn, type UseBlogTagsReturn, type UseBoardPostReturn, type UseBoardPostsReturn, type UseBoardReturn, type UseBoardsReturn, type UseBundleItemsReturn, type UseCanReviewReturn, type UseCartReturn, type UseCategoriesReturn, type UseChatOptions, type UseChatReturn, type UseCommentsOptions, type UseCommentsReturn, type UseCouponsReturn, type UseCreateBoardPostReturn, type UseCreateOrderReturn, type UseCreateReservationReturn, type UseCreateReviewReturn, type UseCreateSubscriptionReturn, type UseCurrencyReturn, type UseDownloadsReturn, type UseEntitiesReturn, type UseEntityRecordReturn, type UseEntityRecordsReturn, type UseEntityReturn, type UseFeaturedBlogReturn, type UseFeaturedProductsReturn, type UseFormReturn, type UseMediaOptions, type UseMediaReturn, type UseMyReservationsReturn, type UseMyReviewsReturn, type UseNicePaymentReturn, type UseOrderDownloadsReturn, type UseOrderReturn, type UseOrdersReturn, type UsePaymentStatusReturn, type UseProductReturn, type UseProductReviewsReturn, type UseProductsByTypeReturn, type UseProductsOptions, type UseProductsReturn, type UseReservationServicesReturn, type UseReservationSettingsReturn, type UseReservationStaffsReturn, type UseSiteReturn, type UseSocialAuthReturn, type UseStripePaymentReturn, type UseSubscriptionReturn, type UseSubscriptionsReturn, type UseTossPaymentReturn, type UseValidateCouponReturn, type UseWishlistReturn, useAuth, useAvailableSlots, useBlog, useBlogCategories, useBlogPost, useBlogSearch, useBlogTags, useBoard, useBoardPost, useBoardPosts, useBoards, useBundleItems, useBundleProducts, useCanReview, useCart, useCategories, useChat, useClient, useComments, useCoupons, useCreateBoardPost, useCreateOrder, useCreateReservation, useCreateReview, useCreateSubscription, useCurrency, useDiffsome, useDigitalProducts, useDownloads, useEntities, useEntity, useEntityRecord, useEntityRecords, useFeaturedBlog, useFeaturedProducts, useForm, useMedia, useMyReservations, useMyReviews, useNicePayment, useOrder, useOrderDownloads, useOrders, usePaymentStatus, useProduct, useProductReviews, useProducts, useProductsByType, useReservationServices, useReservationSettings, useReservationStaffs, useSite, useSocialAuth, useStripePayment, useSubscription, useSubscriptionProducts, useSubscriptions, useTossPayment, useTypedEntity, useValidateCoupon, useWishlist };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { ReactNode } from 'react';
-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';
+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, NicePaymentReadyResponse, NicePaymentConfirmResponse, 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 {
@@ -386,6 +386,8 @@ interface UsePaymentStatusReturn {
     currency: CurrencyInfo | null;
     formatPrice: (amount: number) => string;
     isTossAvailable: boolean;
+    isNiceAvailable: boolean;
+    niceClientKey: string | null;
     isStripeAvailable: boolean;
     stripePublishableKey: string | null;
 }
@@ -398,6 +400,14 @@ interface UseTossPaymentReturn {
     error: Error | null;
 }
 declare function useTossPayment(): UseTossPaymentReturn;
+interface UseNicePaymentReturn {
+    preparePayment: (orderNumber: string, returnUrl: string) => Promise<NicePaymentReadyResponse>;
+    confirmPayment: (tid: string, orderId: string, amount: number) => Promise<NicePaymentConfirmResponse>;
+    cancelPayment: (orderNumber: string, reason: string, amount?: number) => Promise<void>;
+    loading: boolean;
+    error: Error | null;
+}
+declare function useNicePayment(): UseNicePaymentReturn;
 interface UseStripePaymentReturn {
     createCheckout: (orderNumber: string, successUrl: string, cancelUrl: string) => Promise<StripeCheckoutResponse>;
     verifyPayment: (sessionId: string) => Promise<StripeVerifyResponse>;
@@ -937,4 +947,4 @@ interface ChatInputProps {
 }
 declare const ChatInput: React__default.FC<ChatInputProps>;
 
-export { ChatBubble, type ChatBubbleProps, ChatInput, type ChatInputProps, ChatMessage, type ChatMessageProps, ChatWidget, type ChatWidgetProps, type CommentType, DiffsomeContext, type DiffsomeContextValue, DiffsomeProvider, type DiffsomeProviderProps, type Message, RichContent, type RichContentProps, type UseAuthReturn, type UseAvailableSlotsReturn, type UseBlogCategoriesReturn, type UseBlogOptions, type UseBlogPostReturn, type UseBlogReturn, type UseBlogSearchReturn, type UseBlogTagsReturn, type UseBoardPostReturn, type UseBoardPostsReturn, type UseBoardReturn, type UseBoardsReturn, type UseBundleItemsReturn, type UseCanReviewReturn, type UseCartReturn, type UseCategoriesReturn, type UseChatOptions, type UseChatReturn, type UseCommentsOptions, type UseCommentsReturn, type UseCouponsReturn, type UseCreateBoardPostReturn, type UseCreateOrderReturn, type UseCreateReservationReturn, type UseCreateReviewReturn, type UseCreateSubscriptionReturn, type UseCurrencyReturn, type UseDownloadsReturn, type UseEntitiesReturn, type UseEntityRecordReturn, type UseEntityRecordsReturn, type UseEntityReturn, type UseFeaturedBlogReturn, type UseFeaturedProductsReturn, type UseFormReturn, type UseMediaOptions, type UseMediaReturn, type UseMyReservationsReturn, type UseMyReviewsReturn, type UseOrderDownloadsReturn, type UseOrderReturn, type UseOrdersReturn, type UsePaymentStatusReturn, type UseProductReturn, type UseProductReviewsReturn, type UseProductsByTypeReturn, type UseProductsOptions, type UseProductsReturn, type UseReservationServicesReturn, type UseReservationSettingsReturn, type UseReservationStaffsReturn, type UseSiteReturn, type UseSocialAuthReturn, type UseStripePaymentReturn, type UseSubscriptionReturn, type UseSubscriptionsReturn, type UseTossPaymentReturn, type UseValidateCouponReturn, type UseWishlistReturn, useAuth, useAvailableSlots, useBlog, useBlogCategories, useBlogPost, useBlogSearch, useBlogTags, useBoard, useBoardPost, useBoardPosts, useBoards, useBundleItems, useBundleProducts, useCanReview, useCart, useCategories, useChat, useClient, useComments, useCoupons, useCreateBoardPost, useCreateOrder, useCreateReservation, useCreateReview, useCreateSubscription, useCurrency, useDiffsome, useDigitalProducts, useDownloads, useEntities, useEntity, useEntityRecord, useEntityRecords, useFeaturedBlog, useFeaturedProducts, useForm, useMedia, useMyReservations, useMyReviews, useOrder, useOrderDownloads, useOrders, usePaymentStatus, useProduct, useProductReviews, useProducts, useProductsByType, useReservationServices, useReservationSettings, useReservationStaffs, useSite, useSocialAuth, useStripePayment, useSubscription, useSubscriptionProducts, useSubscriptions, useTossPayment, useTypedEntity, useValidateCoupon, useWishlist };
+export { ChatBubble, type ChatBubbleProps, ChatInput, type ChatInputProps, ChatMessage, type ChatMessageProps, ChatWidget, type ChatWidgetProps, type CommentType, DiffsomeContext, type DiffsomeContextValue, DiffsomeProvider, type DiffsomeProviderProps, type Message, RichContent, type RichContentProps, type UseAuthReturn, type UseAvailableSlotsReturn, type UseBlogCategoriesReturn, type UseBlogOptions, type UseBlogPostReturn, type UseBlogReturn, type UseBlogSearchReturn, type UseBlogTagsReturn, type UseBoardPostReturn, type UseBoardPostsReturn, type UseBoardReturn, type UseBoardsReturn, type UseBundleItemsReturn, type UseCanReviewReturn, type UseCartReturn, type UseCategoriesReturn, type UseChatOptions, type UseChatReturn, type UseCommentsOptions, type UseCommentsReturn, type UseCouponsReturn, type UseCreateBoardPostReturn, type UseCreateOrderReturn, type UseCreateReservationReturn, type UseCreateReviewReturn, type UseCreateSubscriptionReturn, type UseCurrencyReturn, type UseDownloadsReturn, type UseEntitiesReturn, type UseEntityRecordReturn, type UseEntityRecordsReturn, type UseEntityReturn, type UseFeaturedBlogReturn, type UseFeaturedProductsReturn, type UseFormReturn, type UseMediaOptions, type UseMediaReturn, type UseMyReservationsReturn, type UseMyReviewsReturn, type UseNicePaymentReturn, type UseOrderDownloadsReturn, type UseOrderReturn, type UseOrdersReturn, type UsePaymentStatusReturn, type UseProductReturn, type UseProductReviewsReturn, type UseProductsByTypeReturn, type UseProductsOptions, type UseProductsReturn, type UseReservationServicesReturn, type UseReservationSettingsReturn, type UseReservationStaffsReturn, type UseSiteReturn, type UseSocialAuthReturn, type UseStripePaymentReturn, type UseSubscriptionReturn, type UseSubscriptionsReturn, type UseTossPaymentReturn, type UseValidateCouponReturn, type UseWishlistReturn, useAuth, useAvailableSlots, useBlog, useBlogCategories, useBlogPost, useBlogSearch, useBlogTags, useBoard, useBoardPost, useBoardPosts, useBoards, useBundleItems, useBundleProducts, useCanReview, useCart, useCategories, useChat, useClient, useComments, useCoupons, useCreateBoardPost, useCreateOrder, useCreateReservation, useCreateReview, useCreateSubscription, useCurrency, useDiffsome, useDigitalProducts, useDownloads, useEntities, useEntity, useEntityRecord, useEntityRecords, useFeaturedBlog, useFeaturedProducts, useForm, useMedia, useMyReservations, useMyReviews, useNicePayment, useOrder, useOrderDownloads, useOrders, usePaymentStatus, useProduct, useProductReviews, useProducts, useProductsByType, useReservationServices, useReservationSettings, useReservationStaffs, useSite, useSocialAuth, useStripePayment, useSubscription, useSubscriptionProducts, useSubscriptions, useTossPayment, useTypedEntity, useValidateCoupon, useWishlist };

package/dist/index.js

@@ -66,6 +66,7 @@ __export(index_exports, {
   useMedia: () => useMedia,
   useMyReservations: () => useMyReservations,
   useMyReviews: () => useMyReviews,
+  useNicePayment: () => useNicePayment,
   useOrder: () => useOrder,
   useOrderDownloads: () => useOrderDownloads,
   useOrders: () => useOrders,
@@ -943,6 +944,8 @@ function usePaymentStatus() {
     currency,
     formatPrice,
     isTossAvailable: status?.toss?.available ?? false,
+    isNiceAvailable: status?.nice?.available ?? false,
+    niceClientKey: status?.nice?.client_key ?? null,
     isStripeAvailable: status?.stripe?.available ?? false,
     stripePublishableKey: status?.stripe?.publishable_key ?? null
   };
@@ -1006,6 +1009,64 @@ function useTossPayment() {
     error
   };
 }
+function useNicePayment() {
+  const client = useClient();
+  const [loading, setLoading] = (0, import_react9.useState)(false);
+  const [error, setError] = (0, import_react9.useState)(null);
+  const preparePayment = (0, import_react9.useCallback)(async (orderNumber, returnUrl) => {
+    setLoading(true);
+    setError(null);
+    try {
+      return await client.shop.nicePaymentReady({
+        order_number: orderNumber,
+        return_url: returnUrl
+      });
+    } catch (err) {
+      const error2 = err instanceof Error ? err : new Error("Failed to prepare payment");
+      setError(error2);
+      throw error2;
+    } finally {
+      setLoading(false);
+    }
+  }, [client]);
+  const confirmPayment = (0, import_react9.useCallback)(async (tid, orderId, amount) => {
+    setLoading(true);
+    setError(null);
+    try {
+      return await client.shop.nicePaymentConfirm({
+        tid,
+        order_id: orderId,
+        amount
+      });
+    } catch (err) {
+      const error2 = err instanceof Error ? err : new Error("Failed to confirm payment");
+      setError(error2);
+      throw error2;
+    } finally {
+      setLoading(false);
+    }
+  }, [client]);
+  const cancelPayment = (0, import_react9.useCallback)(async (orderNumber, reason, amount) => {
+    setLoading(true);
+    setError(null);
+    try {
+      await client.shop.nicePaymentCancel(orderNumber, reason, amount);
+    } catch (err) {
+      const error2 = err instanceof Error ? err : new Error("Failed to cancel payment");
+      setError(error2);
+      throw error2;
+    } finally {
+      setLoading(false);
+    }
+  }, [client]);
+  return {
+    preparePayment,
+    confirmPayment,
+    cancelPayment,
+    loading,
+    error
+  };
+}
 function useStripePayment() {
   const client = useClient();
   const [loading, setLoading] = (0, import_react9.useState)(false);
@@ -2901,8 +2962,22 @@ var ChatBubble = ({
   const [unreadCount, setUnreadCount] = (0, import_react24.useState)(0);
   const [initialized, setInitialized] = (0, import_react24.useState)(false);
   const [ended, setEnded] = (0, import_react24.useState)(false);
+  const [offline, setOffline] = (0, import_react24.useState)(false);
+  const [offlineMessage, setOfflineMessage] = (0, import_react24.useState)("");
+  const [offlineSent, setOfflineSent] = (0, import_react24.useState)(false);
+  const [offlineLoading, setOfflineLoading] = (0, import_react24.useState)(false);
   const seenMessageIds = (0, import_react24.useRef)(/* @__PURE__ */ new Set());
   const connectionRef = (0, import_react24.useRef)(null);
+  (0, import_react24.useEffect)(() => {
+    client.chat.checkAvailability().then((result) => {
+      const data = result?.data ?? result;
+      if (data?.within_operating_hours === false) {
+        setOffline(true);
+        setOfflineMessage(data.offline_message || "We are currently offline. Please leave a message.");
+      }
+    }).catch(() => {
+    });
+  }, [client.chat]);
   const setupListeners = (0, import_react24.useCallback)((conn) => {
     conn.onMessage((msg) => {
       if (seenMessageIds.current.has(msg.id)) {
@@ -3045,6 +3120,23 @@ var ChatBubble = ({
     seenMessageIds.current.clear();
     initChat();
   };
+  const handleOfflineSubmit = async (name, email, message) => {
+    setOfflineLoading(true);
+    try {
+      await client.chat.start({
+        visitor_name: name || "Visitor",
+        visitor_email: email,
+        initial_message: message,
+        channel: "web",
+        metadata: { offline: true }
+      });
+      setOfflineSent(true);
+    } catch (error) {
+      console.error("Failed to send offline message:", error);
+    } finally {
+      setOfflineLoading(false);
+    }
+  };
   (0, import_react24.useEffect)(() => {
     return () => {
       connectionRef.current?.disconnect();
@@ -3057,7 +3149,17 @@ var ChatBubble = ({
       className: `diffsome-chat-bubble-container ${positionClass} ${className}`,
       style: { "--diffsome-chat-primary": primaryColor, zIndex },
       children: [
-        isOpen && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        isOpen && (offline ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          OfflineForm,
+          {
+            title,
+            offlineMessage,
+            onClose: handleClose,
+            onSubmit: handleOfflineSubmit,
+            submitted: offlineSent,
+            loading: offlineLoading
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           ChatWidget,
           {
             messages,
@@ -3077,7 +3179,7 @@ var ChatBubble = ({
             loginUrl,
             loginPromptMessage
           }
-        ),
+        )),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
           "button",
           {
@@ -3114,6 +3216,72 @@ var ChatBubble = ({
     }
   );
 };
+var OfflineForm = ({
+  title,
+  offlineMessage,
+  onClose,
+  onSubmit,
+  submitted,
+  loading
+}) => {
+  const [name, setName] = (0, import_react24.useState)("");
+  const [email, setEmail] = (0, import_react24.useState)("");
+  const [message, setMessage] = (0, import_react24.useState)("");
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    if (!email || !message) return;
+    onSubmit(name, email, message);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "diffsome-chat-widget", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "diffsome-chat-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "diffsome-chat-header-info", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "diffsome-chat-header-title", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "diffsome-chat-header-subtitle", children: "Offline" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { className: "diffsome-chat-header-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", width: "24", height: "24", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }) }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "diffsome-chat-offline-body", children: submitted ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "diffsome-chat-offline-success", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#10b981", width: "48", height: "48", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: { fontWeight: 600, fontSize: "16px", color: "#1f2937" }, children: "Message sent!" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: { color: "#6b7280" }, children: "We'll get back to you soon." })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("form", { onSubmit: handleSubmit, className: "diffsome-chat-offline-form", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "diffsome-chat-offline-msg", children: offlineMessage }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        "input",
+        {
+          type: "text",
+          placeholder: "Your name",
+          value: name,
+          onChange: (e) => setName(e.target.value),
+          className: "diffsome-chat-offline-input"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        "input",
+        {
+          type: "email",
+          placeholder: "Email *",
+          value: email,
+          onChange: (e) => setEmail(e.target.value),
+          required: true,
+          className: "diffsome-chat-offline-input"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        "textarea",
+        {
+          placeholder: "Your message *",
+          value: message,
+          onChange: (e) => setMessage(e.target.value),
+          required: true,
+          rows: 4,
+          className: "diffsome-chat-offline-textarea"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "submit", disabled: loading || !email || !message, className: "diffsome-chat-offline-btn", children: loading ? "Sending..." : "Leave Message" })
+    ] }) })
+  ] });
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ChatBubble,
@@ -3162,6 +3330,7 @@ var ChatBubble = ({
   useMedia,
   useMyReservations,
   useMyReviews,
+  useNicePayment,
   useOrder,
   useOrderDownloads,
   useOrders,

package/dist/index.mjs

@@ -851,6 +851,8 @@ function usePaymentStatus() {
     currency,
     formatPrice,
     isTossAvailable: status?.toss?.available ?? false,
+    isNiceAvailable: status?.nice?.available ?? false,
+    niceClientKey: status?.nice?.client_key ?? null,
     isStripeAvailable: status?.stripe?.available ?? false,
     stripePublishableKey: status?.stripe?.publishable_key ?? null
   };
@@ -914,6 +916,64 @@ function useTossPayment() {
     error
   };
 }
+function useNicePayment() {
+  const client = useClient();
+  const [loading, setLoading] = useState8(false);
+  const [error, setError] = useState8(null);
+  const preparePayment = useCallback9(async (orderNumber, returnUrl) => {
+    setLoading(true);
+    setError(null);
+    try {
+      return await client.shop.nicePaymentReady({
+        order_number: orderNumber,
+        return_url: returnUrl
+      });
+    } catch (err) {
+      const error2 = err instanceof Error ? err : new Error("Failed to prepare payment");
+      setError(error2);
+      throw error2;
+    } finally {
+      setLoading(false);
+    }
+  }, [client]);
+  const confirmPayment = useCallback9(async (tid, orderId, amount) => {
+    setLoading(true);
+    setError(null);
+    try {
+      return await client.shop.nicePaymentConfirm({
+        tid,
+        order_id: orderId,
+        amount
+      });
+    } catch (err) {
+      const error2 = err instanceof Error ? err : new Error("Failed to confirm payment");
+      setError(error2);
+      throw error2;
+    } finally {
+      setLoading(false);
+    }
+  }, [client]);
+  const cancelPayment = useCallback9(async (orderNumber, reason, amount) => {
+    setLoading(true);
+    setError(null);
+    try {
+      await client.shop.nicePaymentCancel(orderNumber, reason, amount);
+    } catch (err) {
+      const error2 = err instanceof Error ? err : new Error("Failed to cancel payment");
+      setError(error2);
+      throw error2;
+    } finally {
+      setLoading(false);
+    }
+  }, [client]);
+  return {
+    preparePayment,
+    confirmPayment,
+    cancelPayment,
+    loading,
+    error
+  };
+}
 function useStripePayment() {
   const client = useClient();
   const [loading, setLoading] = useState8(false);
@@ -2809,8 +2869,22 @@ var ChatBubble = ({
   const [unreadCount, setUnreadCount] = useState22(0);
   const [initialized, setInitialized] = useState22(false);
   const [ended, setEnded] = useState22(false);
+  const [offline, setOffline] = useState22(false);
+  const [offlineMessage, setOfflineMessage] = useState22("");
+  const [offlineSent, setOfflineSent] = useState22(false);
+  const [offlineLoading, setOfflineLoading] = useState22(false);
   const seenMessageIds = useRef3(/* @__PURE__ */ new Set());
   const connectionRef = useRef3(null);
+  useEffect20(() => {
+    client.chat.checkAvailability().then((result) => {
+      const data = result?.data ?? result;
+      if (data?.within_operating_hours === false) {
+        setOffline(true);
+        setOfflineMessage(data.offline_message || "We are currently offline. Please leave a message.");
+      }
+    }).catch(() => {
+    });
+  }, [client.chat]);
   const setupListeners = useCallback22((conn) => {
     conn.onMessage((msg) => {
       if (seenMessageIds.current.has(msg.id)) {
@@ -2953,6 +3027,23 @@ var ChatBubble = ({
     seenMessageIds.current.clear();
     initChat();
   };
+  const handleOfflineSubmit = async (name, email, message) => {
+    setOfflineLoading(true);
+    try {
+      await client.chat.start({
+        visitor_name: name || "Visitor",
+        visitor_email: email,
+        initial_message: message,
+        channel: "web",
+        metadata: { offline: true }
+      });
+      setOfflineSent(true);
+    } catch (error) {
+      console.error("Failed to send offline message:", error);
+    } finally {
+      setOfflineLoading(false);
+    }
+  };
   useEffect20(() => {
     return () => {
       connectionRef.current?.disconnect();
@@ -2965,7 +3056,17 @@ var ChatBubble = ({
       className: `diffsome-chat-bubble-container ${positionClass} ${className}`,
       style: { "--diffsome-chat-primary": primaryColor, zIndex },
       children: [
-        isOpen && /* @__PURE__ */ jsx6(
+        isOpen && (offline ? /* @__PURE__ */ jsx6(
+          OfflineForm,
+          {
+            title,
+            offlineMessage,
+            onClose: handleClose,
+            onSubmit: handleOfflineSubmit,
+            submitted: offlineSent,
+            loading: offlineLoading
+          }
+        ) : /* @__PURE__ */ jsx6(
           ChatWidget,
           {
             messages,
@@ -2985,7 +3086,7 @@ var ChatBubble = ({
             loginUrl,
             loginPromptMessage
           }
-        ),
+        )),
         /* @__PURE__ */ jsxs5(
           "button",
           {
@@ -3022,6 +3123,72 @@ var ChatBubble = ({
     }
   );
 };
+var OfflineForm = ({
+  title,
+  offlineMessage,
+  onClose,
+  onSubmit,
+  submitted,
+  loading
+}) => {
+  const [name, setName] = useState22("");
+  const [email, setEmail] = useState22("");
+  const [message, setMessage] = useState22("");
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    if (!email || !message) return;
+    onSubmit(name, email, message);
+  };
+  return /* @__PURE__ */ jsxs5("div", { className: "diffsome-chat-widget", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "diffsome-chat-header", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "diffsome-chat-header-info", children: [
+        /* @__PURE__ */ jsx6("div", { className: "diffsome-chat-header-title", children: title }),
+        /* @__PURE__ */ jsx6("div", { className: "diffsome-chat-header-subtitle", children: "Offline" })
+      ] }),
+      /* @__PURE__ */ jsx6("button", { className: "diffsome-chat-header-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsx6("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", width: "24", height: "24", children: /* @__PURE__ */ jsx6("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }) }) })
+    ] }),
+    /* @__PURE__ */ jsx6("div", { className: "diffsome-chat-offline-body", children: submitted ? /* @__PURE__ */ jsxs5("div", { className: "diffsome-chat-offline-success", children: [
+      /* @__PURE__ */ jsx6("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#10b981", width: "48", height: "48", children: /* @__PURE__ */ jsx6("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" }) }),
+      /* @__PURE__ */ jsx6("p", { style: { fontWeight: 600, fontSize: "16px", color: "#1f2937" }, children: "Message sent!" }),
+      /* @__PURE__ */ jsx6("p", { style: { color: "#6b7280" }, children: "We'll get back to you soon." })
+    ] }) : /* @__PURE__ */ jsxs5("form", { onSubmit: handleSubmit, className: "diffsome-chat-offline-form", children: [
+      /* @__PURE__ */ jsx6("p", { className: "diffsome-chat-offline-msg", children: offlineMessage }),
+      /* @__PURE__ */ jsx6(
+        "input",
+        {
+          type: "text",
+          placeholder: "Your name",
+          value: name,
+          onChange: (e) => setName(e.target.value),
+          className: "diffsome-chat-offline-input"
+        }
+      ),
+      /* @__PURE__ */ jsx6(
+        "input",
+        {
+          type: "email",
+          placeholder: "Email *",
+          value: email,
+          onChange: (e) => setEmail(e.target.value),
+          required: true,
+          className: "diffsome-chat-offline-input"
+        }
+      ),
+      /* @__PURE__ */ jsx6(
+        "textarea",
+        {
+          placeholder: "Your message *",
+          value: message,
+          onChange: (e) => setMessage(e.target.value),
+          required: true,
+          rows: 4,
+          className: "diffsome-chat-offline-textarea"
+        }
+      ),
+      /* @__PURE__ */ jsx6("button", { type: "submit", disabled: loading || !email || !message, className: "diffsome-chat-offline-btn", children: loading ? "Sending..." : "Leave Message" })
+    ] }) })
+  ] });
+};
 export {
   ChatBubble,
   ChatInput,
@@ -3069,6 +3236,7 @@ export {
   useMedia,
   useMyReservations,
   useMyReviews,
+  useNicePayment,
   useOrder,
   useOrderDownloads,
   useOrders,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@diffsome/react",
-  "version": "1.3.3",
+  "version": "1.4.0",
   "description": "React hooks and providers for Diffsome SDK - Headless e-commerce & CMS",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -39,11 +39,11 @@
     "url": "https://github.com/diffsome/diffsome-react.git"
   },
   "peerDependencies": {
-    "@diffsome/sdk": ">=3.3.0",
+    "@diffsome/sdk": ">=3.4.0",
     "react": ">=18.0.0"
   },
   "devDependencies": {
-    "@diffsome/sdk": "^3.3.0",
+    "@diffsome/sdk": "file:../sdk",
     "@types/node": "^25.0.10",
     "@types/react": "^18.2.0",
     "react": "^18.2.0",