@ethora/chat-component 25.12.2 → 26.1.1

package/dist/hooks/usePushNotifications.d.ts

@@ -0,0 +1,45 @@
+/**
+ * usePushNotifications.ts
+ * React hook that orchestrates the full push notification subscription lifecycle:
+ *  1. Check browser support
+ *  2. Register the service worker
+ *  3. Request notification permission
+ *  4. Subscribe via PushManager
+ *  5. Register the subscription with the Ethora backend (API)
+ *  6. Listen for subscription-change messages from the SW and re-register
+ *
+ * Logs every major step to the console so developers can trace the flow.
+ */
+interface UsePushNotificationsOptions {
+    /** Enable or disable the push notification flow. Default: true */
+    enabled?: boolean;
+    /**
+     * URL-safe Base64 encoded VAPID public key.
+     * Falls back to the VITE_VAPID_PUBLIC_KEY environment variable.
+     */
+    vapidPublicKey?: string;
+    /**
+     * Service worker path and scope for Firebase Messaging.
+     * Defaults to `/firebase-messaging-sw.js` with scope `/`.
+     */
+    serviceWorkerPath?: string;
+    serviceWorkerScope?: string;
+    /**
+     * Custom Firebase configuration object.
+     * If provided, it overrides the environment variables.
+     */
+    firebaseConfig?: any;
+    /**
+     * Show a UI "soft ask" before triggering the browser permission dialog.
+     * When true the hook will NOT immediately request permission;
+     * instead the consumer should call `requestPermission()` manually.
+     * Default: false (immediate request after login).
+     */
+    softAsk?: boolean;
+}
+interface UsePushNotificationsResult {
+    /** Manually trigger the permission + subscription flow (for soft-ask UIs). */
+    requestPermission: () => Promise<void>;
+}
+declare const usePushNotifications: (options?: UsePushNotificationsOptions) => UsePushNotificationsResult;
+export default usePushNotifications;

package/dist/hooks/useTabVisibility.d.ts

@@ -0,0 +1 @@
+export declare const useTabVisibility: () => boolean;

package/dist/main.css

@@ -1 +1 @@
-body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,body,#root{height:100%;margin:0;padding:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background-color:#5e3fde;border-radius:6px}::-webkit-scrollbar-track{background-color:#f0f0f0}*{scrollbar-width:thin;scrollbar-color:#5e3fde #f0f0f0}.apple-emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.emoji-mart{max-width:320px;max-height:360px;overflow-y:auto;border-radius:12px;box-shadow:0 4px 12px #0000001a}
+body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,body,#root{height:100%;margin:0;padding:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background-color:#5e3fde;border-radius:6px}::-webkit-scrollbar-track{background-color:#f0f0f0}*{scrollbar-width:thin;scrollbar-color:#5e3fde #f0f0f0}.apple-emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.emoji-mart{max-width:320px;max-height:360px;overflow-y:auto;border-radius:12px;box-shadow:0 4px 12px #0000001a}.message-highlight{animation:messageHighlight 2s ease-out;transition:background-color .3s ease}@keyframes messageHighlight{0%{background-color:#2196f366;transform:scale(1.02);box-shadow:0 0 0 2px #2196f333}30%{background-color:#2196f34d;box-shadow:0 0 0 2px #2196f326}60%{background-color:#2196f333;box-shadow:0 0 0 1px #2196f31a}to{background-color:transparent;transform:scale(1);box-shadow:none}}@media (max-width: 768px){.message-notification-container{left:50%!important;right:auto!important;transform:translate(-50%)!important;align-items:center!important}.message-notification-container[data-position-horizontal=left],.message-notification-container[data-position-horizontal=right]{left:50%!important;right:auto!important;transform:translate(-50%)!important}}

package/dist/main.d.ts

@@ -1,6 +1,11 @@
+/**
+ * Main entry point for the Ethora Chat Component.
+ */
 export { XmppProvider } from './context/xmppProvider';
 export { ReduxWrapper as Chat } from './components/MainComponents/ReduxWrapper';
 export { useUnread } from './hooks/useUnreadMessagesCounter';
 export { logoutService } from './hooks/useLogout';
 export { useQRCodeChat, handleQRChatId } from './hooks/useQRCodeChatHandler';
+export { useInAppNotifications } from './hooks/useInAppNotifications';
+export { default as usePushNotifications } from './hooks/usePushNotifications';
 export { resendMessage } from './utils/resendMessage';