@cometchat/chat-uikit-react 6.3.10 → 6.3.12

package/dist/styles/CometChatFullScreenViewer.css

@@ -82,7 +82,7 @@
 
 circle.cometchat-fullscreen-viewer__body-download-progress-background {
   stroke: var(--cometchat-static-white);
-  stroke-dasharray: 113 113;
+  stroke-dasharray: 251.33 251.33;
   stroke-width: 2;
   fill: none;
   opacity: .2;
@@ -90,7 +90,7 @@ circle.cometchat-fullscreen-viewer__body-download-progress-background {
 
 circle.cometchat-fullscreen-viewer__body-download-progress-foreground {
   stroke: var(--cometchat-static-white);
-  stroke-dasharray: 0 113;
+  stroke-dasharray: 0 251.33;
   stroke-width: 2;
   fill: none;
   stroke-linecap: round;

package/dist/styles/CometChatMessageComposer.css

@@ -187,6 +187,11 @@
 .cometchat-mention-list>.cometchat {
     border-radius: inherit;
 }
+
+.cometchat-mention-list .cometchat-users .cometchat-list{
+    max-height: 336px;
+}
+
 .cometchat-mention-list .cometchat-list .cometchat-list__header-title{
     display: none;
 }

package/dist/styles/components/CometChatFullScreenViewer.css

@@ -82,7 +82,7 @@
 
 circle.cometchat-fullscreen-viewer__body-download-progress-background {
   stroke: var(--cometchat-static-white);
-  stroke-dasharray: 113 113;
+  stroke-dasharray: 251.33 251.33;
   stroke-width: 2;
   fill: none;
   opacity: .2;
@@ -90,7 +90,7 @@ circle.cometchat-fullscreen-viewer__body-download-progress-background {
 
 circle.cometchat-fullscreen-viewer__body-download-progress-foreground {
   stroke: var(--cometchat-static-white);
-  stroke-dasharray: 0 113;
+  stroke-dasharray: 0 251.33;
   stroke-width: 2;
   fill: none;
   stroke-linecap: round;

package/dist/styles/components/CometChatMessageComposer.css

@@ -187,6 +187,11 @@
 .cometchat-mention-list>.cometchat {
     border-radius: inherit;
 }
+
+.cometchat-mention-list .cometchat-users .cometchat-list{
+    max-height: 336px;
+}
+
 .cometchat-mention-list .cometchat-list .cometchat-list__header-title{
     display: none;
 }

package/dist/types/CometChatUIKit/UIKitSettings.d.ts

@@ -79,6 +79,11 @@ export declare class UIKitSettings {
      * @type {CometChat.StorageMode}
      */
     readonly storageMode: CometChat.StorageMode;
+    /**
+     * Secure media mode for accessing protected media resources. Defaults to EMBEDDED if not set.
+     * @type {CometChat.SecureMediaMode}
+     */
+    readonly secureMediaMode: CometChat.SecureMediaMode;
     /**
      * Private constructor to initialize the settings using the provided builder.
      * @param {UIKitSettingsBuilder} builder - The builder instance containing the settings configuration.
@@ -145,6 +150,11 @@ export declare class UIKitSettings {
      * @returns {CometChat.StorageMode} The storage mode.
      */
     getStorageMode(): CometChat.StorageMode;
+    /**
+     * Retrieves the secure media mode.
+     * @returns {CometChat.SecureMediaMode} The secure media mode.
+     */
+    getSecureMediaMode(): CometChat.SecureMediaMode;
 }
 export declare class UIKitSettingsBuilder {
     /**
@@ -218,6 +228,11 @@ export declare class UIKitSettingsBuilder {
      * @type {CometChat.StorageMode}
      */
     storageMode?: CometChat.StorageMode;
+    /**
+     * Secure media mode for accessing protected media resources. Defaults to EMBEDDED if not set.
+     * @type {CometChat.SecureMediaMode}
+     */
+    secureMediaMode?: CometChat.SecureMediaMode;
     /**
     * Builds and returns an instance of UIKitSettings.
     * @returns {UIKitSettings} A new instance of UIKitSettings with the specified configuration.
@@ -300,4 +315,10 @@ export declare class UIKitSettingsBuilder {
      * @returns {UIKitSettingsBuilder} The builder instance.
     */
     setStorageMode(storageMode: CometChat.StorageMode): UIKitSettingsBuilder;
+    /**
+     * Sets the secure media mode for accessing protected media resources. Defaults to EMBEDDED.
+     * @param {CometChat.SecureMediaMode} secureMediaMode - The secure media mode.
+     * @returns {UIKitSettingsBuilder} The builder instance.
+     */
+    setSecureMediaMode(secureMediaMode: CometChat.SecureMediaMode): UIKitSettingsBuilder;
 }

package/dist/types/components/BaseComponents/CometChatImageBubble/useCometChatImageBubble.d.ts

@@ -4,4 +4,5 @@ export declare const useCometChatImageBubble: ({ src, placeholderImage, }: {
 }) => {
     image: string;
     updateImage: () => void;
+    cleanup: () => void;
 };

package/dist/types/components/BaseComponents/CometChatList/CometChatList.d.ts

@@ -147,6 +147,18 @@ interface ListProps<T> {
      *
      */
     scrollToEnd?: boolean;
+    /**
+     * @internal
+     *
+     * Skips the scroll height check when triggering onScrolledToBottom callback in CometChatList.
+     * When true, the callback fires even if the list content fits within the list body container.
+     * Uses the screen/viewport as the intersection root instead of the list body,
+     * so the callback triggers when the bottom of the list becomes visible on screen.
+     * Useful when the list is embedded in a parent scrollable container.
+     *
+     * @defaultValue `false`
+     */
+    observeScrollFromViewport?: boolean;
 }
 /**
  * Renders a list component that can display a title, search bar,

package/dist/types/components/BaseComponents/CometChatList/useCometChatList.d.ts

@@ -12,6 +12,7 @@ type Args = {
     didTopObserverCallbackRunRef: React.MutableRefObject<boolean>;
     errorHandler: (error: unknown) => void;
     scrolledUpCallback?: (boolean?: boolean) => void;
+    observeScrollFromViewport?: boolean;
 };
 export declare function useCometChatList(args: Args): void;
 export {};

package/dist/types/components/BaseComponents/CometChatMessageBubble/CometChatMessageBubble.d.ts

@@ -19,6 +19,7 @@ interface MessageBubbleProps {
     topMenuSize?: number;
     type?: string;
     category?: string;
+    toggleOptionsVisibility?: boolean;
 }
 /**
  * React component for displaying different types of messages in the message list.

package/dist/types/components/CometChatGroupMembers/CometChatGroupMembers.d.ts

@@ -161,6 +161,18 @@ interface GroupMembersProps {
      * @defaultValue `false`
      */
     showScrollbar?: boolean;
+    /**
+     * @internal
+     *
+     * Skips the scroll height check when triggering onScrolledToBottom callback in CometChatList.
+     * When true, the callback fires even if the list content fits within the list body container.
+     * Uses the screen/viewport as the intersection root instead of the list body,
+     * so the callback triggers when the bottom of the list becomes visible on screen.
+     * Useful when the list is embedded in a parent scrollable container.
+     *
+     * @defaultValue `false`
+     */
+    observeScrollFromViewport?: boolean;
 }
 export type Action = {
     type: "appendGroupMembers";

package/dist/types/index.d.ts

@@ -123,3 +123,4 @@ export { CometChatAIAssistantTools } from './modals/CometChatAIAssistantTools';
 export { CometChatStreamMessageBubble } from './components/BaseComponents/CometChatStreamMessageBubble/CometChatStreamMessageBubble';
 export { CometChatAIAssistantMessageBubble } from './components/BaseComponents/CometChatAIAssistantMessageBubble/CometChatAIAssistantMessageBubble';
 export { CometChatAIAssistantChatHistory } from './components/CometChatAIAssistantChatHistory/CometChatAIAssistantChatHistory';
+export { useSecureMedia, resolveSecureUrl, requiresSecureMediaAccess } from './utils/useSecureMedia';

package/dist/types/utils/useSecureMedia.d.ts

@@ -0,0 +1,19 @@
+export interface UseSecureMediaResult {
+    resolvedUrl: string | null;
+    isLoading: boolean;
+    error: Error | null;
+}
+/**
+ * Checks whether the given URL requires secure presigned access.
+ */
+export declare function requiresSecureMediaAccess(url: string): boolean;
+/**
+ * Resolves a media URL to a presigned URL if secure access is required, else returns as-is.
+ * For imperative/non-hook contexts (downloads, WaveSurfer load, etc.).
+ */
+export declare function resolveSecureUrl(url: string): Promise<string>;
+/**
+ * React hook that resolves a media URL to a presigned URL if secure access is required.
+ * Handles cancellation on unmount/url change.
+ */
+export declare function useSecureMedia(url: string | null): UseSecureMediaResult;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cometchat/chat-uikit-react",
-  "version": "6.3.10",
+  "version": "6.3.12",
   "description": "Ready-to-use Chat UI Components for React(Javascript/Web)",
   "author": "CometChat",
   "exports": {
@@ -8,12 +8,12 @@
     "./css-variables.css": "./dist/styles/css-variables.css"
   },
   "dependencies": {
-    "@cometchat/chat-sdk-javascript": "^4.1.6",
+    "@cometchat/chat-sdk-javascript": "^4.1.7",
     "@rollup/plugin-json": "^6.1.0",
     "rxjs": "^7.8.1",
     "react-markdown": "^10.1.0",
     "@types/react-syntax-highlighter": "^15.5.13",
-    "react-syntax-highlighter": "^15.6.1",
+    "react-syntax-highlighter": "^16.1.0",
     "remark-gfm": "^4.0.1"
   },
   "scripts": {
@@ -46,7 +46,7 @@
     "typescript": "^5.0.4",
     "webpack": "^5.68.0",
     "webpack-cli": "^4.9.2",
-    "webpack-dev-server": "^4.7.4"
+    "webpack-dev-server": "^5.2.3"
   },
   "peerDependencies": {
     "@types/react": ">=18.0.0 <20.0.0",