@cometchat/chat-uikit-react 6.1.0 → 6.1.2

package/dist/styles/CometChatOutgoingCall.css

@@ -24,6 +24,7 @@
 .cometchat-outgoing-call__title-container {
     display: flex;
     flex-direction: column;
+    gap: var(--cometchat-spacing-2);
 }
 
 /* Subtitle text for the outgoing call UI */
@@ -82,6 +83,9 @@
 
 /* Media query for screens with a max width of 600px */
 @media (max-width: 600px) {
+    .cometchat-outgoing-call{
+        padding: var(--cometchat-spacing-20) var(--cometchat-spacing-5) var(--cometchat-spacing-15) var(--cometchat-spacing-5);
+    }
 
     /* Font size for avatar text in smaller screens */
     .cometchat-outgoing-call__avatar .cometchat-avatar__text {
@@ -103,12 +107,17 @@
     .cometchat-outgoing-call__subtitle {
         font: var(--cometchat-font-body-regular);
     }
+    .cometchat-outgoing-call__avatar{
+        margin-bottom: auto;
+        margin-top: var(--cometchat-margin-10);
+    }
 
     /* Size and border radius adjustment for the container in smaller screens */
-    .cometchat-outgoing-call {
+    .cometchat-outgoing-call,.cometchat:has(> .cometchat-outgoing-call) {
         height: 100%;
         width: 100%;
         border-radius: 0;
     }
 
+
 }

package/dist/styles/CometChatSearch.css

@@ -16,6 +16,7 @@
   justify-content: flex-start;
   min-height: 64px;
   padding: var(--cometchat-padding-3, 12px) var(--cometchat-padding-4, 16px);
+  padding-bottom: 0;
 
 }
 
@@ -253,6 +254,10 @@
   color: var(--cometchat-text-color-primary);
 
 }
+.cometchat-search__results .cometchat-list__header-title {
+  min-height: 20px;
+  margin-bottom: var(--cometchat-margin-1);
+}
 
 .cometchat-search__results,
 .cometchat-search__conversations,
@@ -266,10 +271,6 @@
   height: 100%;
 }
 
-.cometchat-search__conversations-full,
-.cometchat-search__messages-full {
-  height: 100%;
-}
 
 .cometchat-search__conversations-list-item {
   cursor: pointer;
@@ -559,6 +560,7 @@
   justify-content: center;
   align-items: center;
   background: var(--cometchat-background-color-01, #FFF);
+  padding: var(--cometchat-padding-3, 12px) var(--cometchat-padding-4, 16px);
 }
 
 .cometchat-search__empty-view-icon {
@@ -578,14 +580,16 @@
 }
 
 .cometchat-search__empty-view-body-title {
-  width: 280px;
+  max-width: 280px;
+  width: auto;
   color: var(--cometchat-text-color-primary, #141414);
   text-align: center;
   font: var(--cometchat-font-heading3-bold);
 }
 
 .cometchat-search__empty-view-body-description {
-  width: 280px;
+   max-width: 280px;
+  width: auto;
   color: var(--cometchat-text-color-secondary, #727272);
   text-align: center;
   font: var(--cometchat-font-body-regular);
@@ -639,8 +643,7 @@
 
 .cometchat-search-messages__list-item .cometchat-list-item__body-subtitle,
 .cometchat-search-messages__list-item .cometchat-search-messages__subtitle {
-  display: flex;
-  gap: var(--cometchat-padding-1, 4px);
+  display: block;
   width: 100%;
   max-width: 98%;
   overflow: hidden;
@@ -768,7 +771,7 @@
 }
 
 .cometchat-search__messages-trailing-view {
-  height: 80px;
+  min-height: 50px;
   width: 80px;
   display: flex;
   align-items: center;
@@ -818,7 +821,7 @@
 .cometchat-search .cometchat-list__header-title {
   color: var(--cometchat-text-color-secondary, #727272);
 
-  font: var(--cometchat-font-body-regular)
+  font: var(--cometchat-font-caption1-medium)
 }
 
 .cometchat-search__conversations,
@@ -826,6 +829,10 @@
   min-height: 110px;
   height: fit-content;
 }
+.cometchat-search__conversations-full,
+.cometchat-search__messages-full {
+  height: 100%;
+}
 
 .cometchat-search__results::-webkit-scrollbar,
 .cometchat-search__input::-webkit-scrollbar {
@@ -931,7 +938,7 @@
   width: 32px;
 }
 
-.cometchat-list-item__body-title {
+.cometchat-search__messages  .cometchat-list-item__body-title {
   color: var(--cometchat-text-color-secondary, #727272);
 }
 

package/dist/styles/components/CometChatOutgoingCall.css

@@ -24,6 +24,7 @@
 .cometchat-outgoing-call__title-container {
     display: flex;
     flex-direction: column;
+    gap: var(--cometchat-spacing-2);
 }
 
 /* Subtitle text for the outgoing call UI */
@@ -82,6 +83,9 @@
 
 /* Media query for screens with a max width of 600px */
 @media (max-width: 600px) {
+    .cometchat-outgoing-call{
+        padding: var(--cometchat-spacing-20) var(--cometchat-spacing-5) var(--cometchat-spacing-15) var(--cometchat-spacing-5);
+    }
 
     /* Font size for avatar text in smaller screens */
     .cometchat-outgoing-call__avatar .cometchat-avatar__text {
@@ -103,12 +107,17 @@
     .cometchat-outgoing-call__subtitle {
         font: var(--cometchat-font-body-regular);
     }
+    .cometchat-outgoing-call__avatar{
+        margin-bottom: auto;
+        margin-top: var(--cometchat-margin-10);
+    }
 
     /* Size and border radius adjustment for the container in smaller screens */
-    .cometchat-outgoing-call {
+    .cometchat-outgoing-call,.cometchat:has(> .cometchat-outgoing-call) {
         height: 100%;
         width: 100%;
         border-radius: 0;
     }
 
+
 }

package/dist/styles/components/CometChatSearch.css

@@ -16,6 +16,7 @@
   justify-content: flex-start;
   min-height: 64px;
   padding: var(--cometchat-padding-3, 12px) var(--cometchat-padding-4, 16px);
+  padding-bottom: 0;
 
 }
 
@@ -253,6 +254,10 @@
   color: var(--cometchat-text-color-primary);
 
 }
+.cometchat-search__results .cometchat-list__header-title {
+  min-height: 20px;
+  margin-bottom: var(--cometchat-margin-1);
+}
 
 .cometchat-search__results,
 .cometchat-search__conversations,
@@ -266,10 +271,6 @@
   height: 100%;
 }
 
-.cometchat-search__conversations-full,
-.cometchat-search__messages-full {
-  height: 100%;
-}
 
 .cometchat-search__conversations-list-item {
   cursor: pointer;
@@ -559,6 +560,7 @@
   justify-content: center;
   align-items: center;
   background: var(--cometchat-background-color-01, #FFF);
+  padding: var(--cometchat-padding-3, 12px) var(--cometchat-padding-4, 16px);
 }
 
 .cometchat-search__empty-view-icon {
@@ -578,14 +580,16 @@
 }
 
 .cometchat-search__empty-view-body-title {
-  width: 280px;
+  max-width: 280px;
+  width: auto;
   color: var(--cometchat-text-color-primary, #141414);
   text-align: center;
   font: var(--cometchat-font-heading3-bold);
 }
 
 .cometchat-search__empty-view-body-description {
-  width: 280px;
+   max-width: 280px;
+  width: auto;
   color: var(--cometchat-text-color-secondary, #727272);
   text-align: center;
   font: var(--cometchat-font-body-regular);
@@ -639,8 +643,7 @@
 
 .cometchat-search-messages__list-item .cometchat-list-item__body-subtitle,
 .cometchat-search-messages__list-item .cometchat-search-messages__subtitle {
-  display: flex;
-  gap: var(--cometchat-padding-1, 4px);
+  display: block;
   width: 100%;
   max-width: 98%;
   overflow: hidden;
@@ -768,7 +771,7 @@
 }
 
 .cometchat-search__messages-trailing-view {
-  height: 80px;
+  min-height: 50px;
   width: 80px;
   display: flex;
   align-items: center;
@@ -818,7 +821,7 @@
 .cometchat-search .cometchat-list__header-title {
   color: var(--cometchat-text-color-secondary, #727272);
 
-  font: var(--cometchat-font-body-regular)
+  font: var(--cometchat-font-caption1-medium)
 }
 
 .cometchat-search__conversations,
@@ -826,6 +829,10 @@
   min-height: 110px;
   height: fit-content;
 }
+.cometchat-search__conversations-full,
+.cometchat-search__messages-full {
+  height: 100%;
+}
 
 .cometchat-search__results::-webkit-scrollbar,
 .cometchat-search__input::-webkit-scrollbar {
@@ -931,7 +938,7 @@
   width: 32px;
 }
 
-.cometchat-list-item__body-title {
+.cometchat-search__messages  .cometchat-list-item__body-title {
   color: var(--cometchat-text-color-secondary, #727272);
 }
 

package/dist/types/components/BaseComponents/CometChatAudioBubble/src/renderer.d.ts

@@ -29,7 +29,9 @@ declare class Renderer extends EventEmitter<RendererEvents> {
     private isDragging;
     private subscriptions;
     private unsubscribeOnScroll?;
-    constructor(options: WaveSurferOptions, audioElement?: HTMLElement);
+    private iframeDocument;
+    private iframeWindow;
+    constructor(options: WaveSurferOptions, audioElement?: HTMLElement, iframeDocument?: Document, iframeWindow?: Window);
     private parentFromOptionsContainer;
     private initEvents;
     private onContainerResize;

package/dist/types/components/BaseComponents/CometChatAudioBubble/src/wavesurfer.d.ts

@@ -76,6 +76,10 @@ export type WaveSurferOptions = {
     backend?: 'WebAudio' | 'MediaElement';
     /** Nonce for CSP if necessary */
     cspNonce?: string;
+    /** iframe document for iframe context support */
+    iframeDocument?: Document;
+    /** iframe window for iframe context support */
+    iframeWindow?: Window;
 };
 declare const defaultOptions: {
     waveColor: string;

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

@@ -10,6 +10,7 @@ interface ContextMenuProps {
     disableBackgroundInteraction?: boolean;
     useParentContainer?: boolean;
     useParentHeight?: boolean;
+    forceStaticPlacement?: boolean;
 }
 /**
  * CometChatContextMenu is a composite component used to display menu data in required format.

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

@@ -168,6 +168,7 @@ export type Action = {
     groupMembersManager?: GroupMembersManager | null;
     onEmpty?: () => void;
     disableLoadingState?: boolean;
+    hasScrolled?: boolean;
 } | {
     type: "setGroupMemberList";
     groupMemberList: CometChat.GroupMember[];

package/dist/types/components/CometChatMessageComposer/useCometChatMessageComposer.d.ts

@@ -38,6 +38,8 @@ type Args = {
     getCurrentInput: Function;
     isPartOfCurrentChatForUIEvent: (message: CometChat.BaseMessage) => boolean | undefined;
     textMessageToEdit: CometChat.TextMessage | null;
+    getCurrentWindow: () => Window;
+    getCurrentDocument: () => Document;
 };
 export declare function useCometChatMessageComposer(args: Args): void;
 export {};

package/dist/types/context/CometChatFrameContext.d.ts

@@ -0,0 +1,14 @@
+import React, { ReactNode } from 'react';
+interface CometChatFrameContextValue {
+    iframeDocument: Document | null;
+    iframeWindow: Window | null;
+    iframe: HTMLIFrameElement | null;
+}
+interface CometChatFrameProviderProps {
+    children: ReactNode;
+    iframeId: string;
+}
+declare const CometChatFrameContext: React.Context<CometChatFrameContextValue>;
+export declare const useCometChatFrameContext: () => CometChatFrameContextValue;
+export declare const CometChatFrameProvider: React.FC<CometChatFrameProviderProps>;
+export default CometChatFrameContext;

package/dist/types/index.d.ts

@@ -113,3 +113,4 @@ export * from './CometChatCustomHooks';
 export * from './formatters/index';
 export * from './utils/SearchUtils';
 export { CometChatSearch } from './components/CometChatSearch/CometChatSearch';
+export { CometChatFrameProvider, useCometChatFrameContext } from './context/CometChatFrameContext';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cometchat/chat-uikit-react",
-  "version": "6.1.0",
+  "version": "6.1.2",
   "description": "Ready-to-use Chat UI Components for React(Javascript/Web)",
   "author": "CometChat",
   "exports": {
@@ -8,9 +8,8 @@
     "./css-variables.css": "./dist/styles/css-variables.css"
   },
   "dependencies": {
-    "@cometchat/chat-sdk-javascript": "^4.0.13",
+    "@cometchat/chat-sdk-javascript": "^4.0.14",
     "@rollup/plugin-json": "^6.1.0",
-    "postcss": "^8.5.6",
     "rxjs": "^7.8.1"
   },
   "scripts": {
@@ -77,4 +76,4 @@
   "bugs": {
     "url": "https://help.cometchat.com/hc/en-us"
   }
-}
+}