@droppii-org/chat-mobile 0.2.25 → 0.2.26

package/lib/typescript/src/components/messages/fileMessage/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/messages/fileMessage/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAQvD,eAAO,MAAM,WAAW,gEACI,sBAAsB,iCAmIjD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/messages/fileMessage/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAQvD,eAAO,MAAM,WAAW,gEACI,sBAAsB,iCAkIjD,CAAC"}

package/lib/typescript/src/components/messages/mergedMessage/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/messages/mergedMessage/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AACvD,eAAO,MAAM,aAAa,8EACgB,sBAAsB,iCAiC/D,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/messages/mergedMessage/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AACvD,eAAO,MAAM,aAAa,8EACgB,sBAAsB,iCA6B/D,CAAC"}

package/lib/typescript/src/components/messages/styles.d.ts

@@ -8,16 +8,16 @@ export declare const messageStyles: {
         borderRadius: any;
     };
     bubbleReceived: {
-        backgroundColor: "rgba(131, 137, 157, 0.1)";
+        backgroundColor: string;
     };
     bubbleSent: {
-        backgroundColor: "rgba(0, 81, 255, 0.1)";
+        backgroundColor: string;
     };
     imageBubble: {
         borderRadius: any;
     };
     videoPlaceholder: {
-        backgroundColor: "rgba(131, 137, 157, 0.1)";
+        backgroundColor: string;
     };
     videoContainer: {
         position: "relative";
@@ -32,5 +32,17 @@ export declare const messageStyles: {
         bottom: number;
         backgroundColor: string;
     };
+    messageRowLeft: {
+        width: "100%";
+        paddingHorizontal: any;
+        marginBottom: any;
+        alignItems: "flex-start";
+    };
+    messageRowRight: {
+        width: "100%";
+        paddingHorizontal: any;
+        marginBottom: any;
+        alignItems: "flex-end";
+    };
 };
 //# sourceMappingURL=styles.d.ts.map

package/lib/typescript/src/components/messages/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/messages/styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCxB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/messages/styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8CxB,CAAC"}

package/lib/typescript/src/components/messages/textMessage/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/messages/textMessage/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AACvD,eAAO,MAAM,WAAW,+EACmB,sBAAsB,iCAqChE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/messages/textMessage/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAEvD,eAAO,MAAM,WAAW,+EACmB,sBAAsB,iCAqChE,CAAC"}

package/lib/typescript/src/components/messages/videoMessage/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/messages/videoMessage/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAQvD,eAAO,MAAM,YAAY,kEACK,sBAAsB,iCAsEnD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/messages/videoMessage/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAQvD,eAAO,MAAM,YAAY,kEACK,sBAAsB,iCAoEnD,CAAC"}

package/lib/typescript/src/screens/chat-detail/ChatDetail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatDetail.d.ts","sourceRoot":"","sources":["../../../../../src/screens/chat-detail/ChatDetail.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAK/C,QAAA,MAAM,UAAU,wPAiBX,eAAe,iCA+GnB,CAAC;AAQF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ChatDetail.d.ts","sourceRoot":"","sources":["../../../../../src/screens/chat-detail/ChatDetail.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAQ/C,QAAA,MAAM,UAAU,wPAiBX,eAAe,iCA6HnB,CAAC;AAQF,eAAe,UAAU,CAAC"}

package/lib/typescript/src/screens/chat-detail/ChatListLegend.d.ts

@@ -1,3 +1,3 @@
 import type { ChatListProps } from './types';
-export declare const ChatListLegend: import("react").MemoExoticComponent<({ messages, currentUserId, customMessageItemFactory, onLoadEarlier, isLoadingEarlier, hasMoreEarlier, onLoadNewer, isLoadingNewer, hasMoreNewer, onMediaPress, onPressUrl, }: ChatListProps) => import("react").JSX.Element>;
+export declare const ChatListLegend: import("react").MemoExoticComponent<({ messages, currentUserId, customMessageItemFactory, onLoadEarlier, isLoadingEarlier, hasMoreEarlier, onLoadNewer, isLoadingNewer, hasMoreNewer, onMediaPress, onPressUrl, onLongPress, }: ChatListProps) => import("react").JSX.Element>;
 //# sourceMappingURL=ChatListLegend.d.ts.map

package/lib/typescript/src/screens/chat-detail/ChatListLegend.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatListLegend.d.ts","sourceRoot":"","sources":["../../../../../src/screens/chat-detail/ChatListLegend.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAY7C,eAAO,MAAM,cAAc,qNAatB,aAAa,iCAsWjB,CAAC"}
+{"version":3,"file":"ChatListLegend.d.ts","sourceRoot":"","sources":["../../../../../src/screens/chat-detail/ChatListLegend.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAa7C,eAAO,MAAM,cAAc,kOActB,aAAa,iCA6XjB,CAAC"}

package/lib/typescript/src/screens/chat-detail/constants.d.ts

@@ -1,7 +1,7 @@
 import type { DChatQuickAction, DChatAttachmentAction } from './types';
 export declare const CHAT_BUBBLE_COLORS: {
-    readonly received: "rgba(131, 137, 157, 0.1)";
-    readonly sent: "rgba(0, 81, 255, 0.1)";
+    readonly received: string;
+    readonly sent: string;
     readonly text: any;
     readonly timestamp: any;
     readonly dayLabel: any;

package/lib/typescript/src/screens/chat-detail/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/screens/chat-detail/constants.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEvE,eAAO,MAAM,kBAAkB;;;;;;CAMrB,CAAC;AAEX,eAAO,MAAM,0BAA0B,EAAE,gBAAgB,EAgBxD,CAAC;AAEF,eAAO,MAAM,wBAAwB,IAAI,CAAC;AAC1C,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAC1C,eAAO,MAAM,iCAAiC,KAAK,CAAC;AAEpD,eAAO,MAAM,wBAAwB,GACnC,aAAa,MAAM,EACnB,gBAAkC,KACjC,MAGF,CAAC;AAEF,+CAA+C;AAC/C,eAAO,MAAM,+BAA+B,QAA8B,CAAC;AAE3E,eAAO,MAAM,0BAA0B,EAAE,qBAAqB,EA+B7D,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/screens/chat-detail/constants.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAGvE,eAAO,MAAM,kBAAkB;;;;;;CAMrB,CAAC;AAEX,eAAO,MAAM,0BAA0B,EAAE,gBAAgB,EAgBxD,CAAC;AAEF,eAAO,MAAM,wBAAwB,IAAI,CAAC;AAC1C,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAC1C,eAAO,MAAM,iCAAiC,KAAK,CAAC;AAEpD,eAAO,MAAM,wBAAwB,GACnC,aAAa,MAAM,EACnB,gBAAkC,KACjC,MAGF,CAAC;AAEF,+CAA+C;AAC/C,eAAO,MAAM,+BAA+B,QAA8B,CAAC;AAE3E,eAAO,MAAM,0BAA0B,EAAE,qBAAqB,EA+B7D,CAAC"}

package/lib/typescript/src/screens/chat-detail/legend/LegendChatMessage.d.ts

@@ -9,8 +9,9 @@ interface LegendChatMessageProps {
     onMediaPress?: (items: MediaItem[], index?: number) => void;
     onPressUrl?: (url: string) => void;
     onRetry?: (message: MessageItem) => void;
+    onLongPress?: () => void;
     customMessageItemFactory?: (m: DMessageItem) => ReactNode;
 }
-export declare const LegendChatMessage: import("react").MemoExoticComponent<({ message, isOutgoing, createdAtTime, onMediaPress, onPressUrl, onRetry, customMessageItemFactory, }: LegendChatMessageProps) => string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode>> | import("react").JSX.Element>;
+export declare const LegendChatMessage: import("react").MemoExoticComponent<({ message, isOutgoing, createdAtTime, onMediaPress, onPressUrl, onRetry, onLongPress, customMessageItemFactory, }: LegendChatMessageProps) => import("react").JSX.Element>;
 export {};
 //# sourceMappingURL=LegendChatMessage.d.ts.map

package/lib/typescript/src/screens/chat-detail/legend/LegendChatMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LegendChatMessage.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/legend/LegendChatMessage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAc/D,UAAU,sBAAsB;IAC9B,OAAO,EAAE,YAAY,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,wBAAwB,CAAC,EAAE,CAAC,CAAC,EAAE,YAAY,KAAK,SAAS,CAAC;CAC3D;AAwBD,eAAO,MAAM,iBAAiB,6IASzB,sBAAsB,wRA+B1B,CAAC"}
+{"version":3,"file":"LegendChatMessage.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/legend/LegendChatMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAoC,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAGjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAgB/D,UAAU,sBAAsB;IAC9B,OAAO,EAAE,YAAY,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,wBAAwB,CAAC,EAAE,CAAC,CAAC,EAAE,YAAY,KAAK,SAAS,CAAC;CAC3D;AAwBD,eAAO,MAAM,iBAAiB,0JAUzB,sBAAsB,iCAsC1B,CAAC"}

package/lib/typescript/src/screens/chat-detail/messageToolbox/MessageToolboxMenu.d.ts

@@ -0,0 +1,11 @@
+interface MessageToolboxMenuProps {
+    showCopyMessage?: boolean;
+    showCopyMessageLink?: boolean;
+    showRetryMessage?: boolean;
+    onCopyMessage: () => void;
+    onCopyMessageLink: () => void;
+    onRetryMessage: () => void;
+}
+export declare const MessageToolboxMenu: import("react").MemoExoticComponent<({ showCopyMessage, showCopyMessageLink, showRetryMessage, onCopyMessage, onCopyMessageLink, onRetryMessage, }: MessageToolboxMenuProps) => import("react").JSX.Element>;
+export {};
+//# sourceMappingURL=MessageToolboxMenu.d.ts.map

package/lib/typescript/src/screens/chat-detail/messageToolbox/MessageToolboxMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageToolboxMenu.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/messageToolbox/MessageToolboxMenu.tsx"],"names":[],"mappings":"AAWA,UAAU,uBAAuB;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,eAAO,MAAM,kBAAkB,sJAQ1B,uBAAuB,iCA+D3B,CAAC"}

package/lib/typescript/src/screens/chat-detail/messageToolbox/MessageToolboxOverlay.d.ts

@@ -0,0 +1,10 @@
+import type { DMessageItem } from '../../../types/chat';
+import type { MessageToolboxRef } from './types';
+import type { ReactNode } from 'react';
+interface MessageToolboxOverlayProps {
+    currentUserId?: string;
+    customMessageItemFactory?: (item: DMessageItem) => ReactNode;
+}
+export declare const MessageToolboxOverlay: import("react").ForwardRefExoticComponent<MessageToolboxOverlayProps & import("react").RefAttributes<MessageToolboxRef>>;
+export {};
+//# sourceMappingURL=MessageToolboxOverlay.d.ts.map

package/lib/typescript/src/screens/chat-detail/messageToolbox/MessageToolboxOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageToolboxOverlay.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/messageToolbox/MessageToolboxOverlay.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAAgB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE/D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,UAAU,0BAA0B;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wBAAwB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,SAAS,CAAC;CAC9D;AAED,eAAO,MAAM,qBAAqB,0HA8FhC,CAAC"}

package/lib/typescript/src/screens/chat-detail/messageToolbox/MessageToolboxWrapper.d.ts

@@ -0,0 +1,11 @@
+import type { MeasuredRect } from './types';
+type MessageToolboxWrapperProps = {
+    isOutgoing?: boolean;
+    rect: MeasuredRect;
+    message?: React.ReactNode;
+    reaction?: React.ReactNode;
+    toolbox?: React.ReactNode;
+};
+export declare const MessageToolboxWrapper: import("react").MemoExoticComponent<({ isOutgoing, rect, message, reaction, toolbox, }: MessageToolboxWrapperProps) => import("react").JSX.Element>;
+export {};
+//# sourceMappingURL=MessageToolboxWrapper.d.ts.map

package/lib/typescript/src/screens/chat-detail/messageToolbox/MessageToolboxWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageToolboxWrapper.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/messageToolbox/MessageToolboxWrapper.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAO5C,KAAK,0BAA0B,GAAG;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,YAAY,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,qBAAqB,0FAO7B,0BAA0B,iCA6D9B,CAAC"}

package/lib/typescript/src/screens/chat-detail/messageToolbox/messageToolbox.utils.d.ts

@@ -0,0 +1,18 @@
+import type { DMessageItem } from '../../../types/chat';
+export declare const isMessageRecalled: (message: DMessageItem) => boolean;
+export declare const isMessageSucceeded: (message: DMessageItem) => boolean;
+export declare const isEligibleForToolbox: (message: DMessageItem) => boolean;
+export declare const isCopyMessageSupported: (message: DMessageItem) => boolean;
+export declare const isCopyMessageLinkSupported: (message: DMessageItem) => boolean;
+export declare const isRetrySupported: (message: DMessageItem) => boolean;
+export declare const getCopyableMessageText: (message: DMessageItem) => string;
+export declare const useMessageToolboxItems: (message?: DMessageItem) => {
+    showCopyMessage?: undefined;
+    showCopyMessageLink?: undefined;
+    showRetryMessage?: undefined;
+} | {
+    showCopyMessage: boolean;
+    showCopyMessageLink: boolean;
+    showRetryMessage: boolean;
+};
+//# sourceMappingURL=messageToolbox.utils.d.ts.map

package/lib/typescript/src/screens/chat-detail/messageToolbox/messageToolbox.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"messageToolbox.utils.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/messageToolbox/messageToolbox.utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAWxD,eAAO,MAAM,iBAAiB,GAAI,SAAS,YAAY,KAAG,OACP,CAAC;AAEpD,eAAO,MAAM,kBAAkB,GAAI,SAAS,YAAY,KAAG,OAEjB,CAAC;AAG3C,eAAO,MAAM,oBAAoB,GAAI,SAAS,YAAY,KAAG,OACD,CAAC;AAE7D,eAAO,MAAM,sBAAsB,GAAI,SAAS,YAAY,KAAG,OAEZ,CAAC;AAGpD,eAAO,MAAM,0BAA0B,GAAI,SAAS,YAAY,KAAG,OACpC,CAAC;AAEhC,eAAO,MAAM,gBAAgB,GAAI,SAAS,YAAY,KAAG,OAChB,CAAC;AAE1C,eAAO,MAAM,sBAAsB,GAAI,SAAS,YAAY,KAAG,MAK9D,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,UAAU,YAAY;;;;;;;;CAc5D,CAAC"}

package/lib/typescript/src/screens/chat-detail/messageToolbox/types.d.ts

@@ -0,0 +1,12 @@
+import type { DMessageItem } from '../../../types/chat';
+export interface MeasuredRect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export interface MessageToolboxRef {
+    show: (message: DMessageItem, rect: MeasuredRect) => void;
+    hide: () => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/screens/chat-detail/messageToolbox/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/messageToolbox/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,WAAW,YAAY;IAC3B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1D,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB"}

package/lib/typescript/src/screens/chat-detail/types.d.ts

@@ -2,6 +2,7 @@ import type { ReactNode } from 'react';
 import type { MediaItem } from '../../hooks/useMediaViewer';
 import type { DMessageItem } from '../../types/chat';
 import type { ConversationItem } from '@droppii/openim-rn-client-sdk';
+import type { MeasuredRect } from './messageToolbox/types';
 export type DChatActionIconProvider = 'MaterialCommunityIcons' | 'DroppiiNew';
 export interface DChatActionItem {
     id: string;
@@ -60,6 +61,7 @@ export interface ChatListProps {
     hasMoreNewer?: boolean;
     onMediaPress?: (items: MediaItem[], index?: number) => void;
     onPressUrl?: (url: string) => void;
+    onLongPress?: (message: DMessageItem, rect: MeasuredRect) => void;
 }
 export interface ChatDetailProps extends Omit<ChatDetailHeaderProps, 'title' | 'subtitle' | 'avatarUri' | 'avatarFullName' | 'applicationType' | 'showAddMember' | 'conversationId'> {
     conversationId: string;

package/lib/typescript/src/screens/chat-detail/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/screens/chat-detail/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/screens/chat-detail/types.ts"],"names":[],"mappings":"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"}

package/lib/typescript/src/translation/resources/i18n.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../../../src/translation/resources/i18n.ts"],"names":[],"mappings":";;;AAwCA,wBAEE"}
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../../../src/translation/resources/i18n.ts"],"names":[],"mappings":";;;AA6CA,wBAEE"}

package/lib/typescript/src/utils/ui.d.ts

@@ -0,0 +1,2 @@
+export declare function opacityToSolid(foregroundColor: string, backgroundColor: string, alpha: number): string;
+//# sourceMappingURL=ui.d.ts.map

package/lib/typescript/src/utils/ui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../../../../src/utils/ui.ts"],"names":[],"mappings":"AAUA,wBAAgB,cAAc,CAC5B,eAAe,EAAE,MAAM,EACvB,eAAe,EAAE,MAAM,EACvB,KAAK,EAAE,MAAM,UASd"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@droppii-org/chat-mobile",
-  "version": "0.2.25",
+  "version": "0.2.26",
   "description": "Droppii chat mobile",
   "keywords": [
     "react-native",
@@ -85,6 +85,7 @@
     "@eslint/js": "^10.0.1",
     "@growthbook/growthbook-react": "*",
     "@jest/globals": "^30.0.0",
+    "@react-native-clipboard/clipboard": "^1.16.3",
     "@react-native-documents/picker": "^12.0.1",
     "@react-native/babel-preset": "0.85.0",
     "@react-native/eslint-config": "0.85.0",
@@ -136,6 +137,7 @@
   },
   "peerDependencies": {
     "@droppii/libs": "*",
+    "@react-native-clipboard/clipboard": "*",
     "@react-native-documents/picker": "*",
     "@tanstack/react-query": "*",
     "react": "*",

package/src/components/flows/inputButtons/index.tsx

@@ -69,11 +69,9 @@ export const InputButtonFlow = memo((props: IInputButtonFlow) => {
   if (!nodeData) return null;
 
   return (
-    <KContainer.View style={messageStyles.wrapper}>
-      <KContainer.View style={styles.bubble}>
-        <KContainer.View style={styles.buttonsContainer}>
-          {nodeData?.data?.buttons?.map((item) => renderButtonItem(item))}
-        </KContainer.View>
+    <KContainer.View style={styles.bubble}>
+      <KContainer.View style={styles.buttonsContainer}>
+        {nodeData?.data?.buttons?.map((item) => renderButtonItem(item))}
       </KContainer.View>
     </KContainer.View>
   );

package/src/components/messages/fileMessage/index.tsx

@@ -53,7 +53,6 @@ export const FileMessage = memo(
         padding={'0.5rem'}
         style={[
           styles.wrapper,
-          messageStyles.wrapper,
           isOutgoing ? messageStyles.bubbleSent : messageStyles.bubbleReceived,
         ]}
       >

package/src/components/messages/imageMessage/index.tsx

@@ -101,7 +101,7 @@ export const ImageMessage = memo(
     );
 
     return (
-      <KContainer.View style={[messageStyles.wrapper, styles.wrapper]}>
+      <KContainer.View style={styles.wrapper}>
         <KContainer.Touchable
           onPress={handlePress}
           style={[

package/src/components/messages/linkMessage/index.tsx

@@ -79,7 +79,7 @@ export const LinkMessage = memo(
     const timeLabel = formatMessageTime(createdAtTime);
 
     return (
-      <KContainer.View style={styles.wrapper}>
+      <>
         <KContainer.View
           style={[
             styles.bubble,
@@ -139,7 +139,7 @@ export const LinkMessage = memo(
           )}
         </KContainer.View>
 
-        <KContainer.View row alignItems style={{ gap: 4, marginTop: 2 }}>
+        <KContainer.View row alignItems style={styles.timeLabel}>
           {!isOutgoing && timeLabel ? (
             <KLabel.Text
               typo="TextXsNormal"
@@ -150,7 +150,7 @@ export const LinkMessage = memo(
             </KLabel.Text>
           ) : null}
         </KContainer.View>
-      </KContainer.View>
+      </>
     );
   }
 );
@@ -191,4 +191,5 @@ const styles = StyleSheet.create({
     paddingVertical: KSpacingValue['0.5rem'],
     gap: 2,
   },
+  timeLabel: { gap: 4, marginTop: 2 },
 });

package/src/components/messages/mergedMessage/index.tsx

@@ -17,23 +17,19 @@ export const MergedMessage = memo(
     );
 
     return (
-      <KContainer.View style={messageStyles.wrapper}>
-        <KContainer.View
-          style={[
-            messageStyles.bubble,
-            isOutgoing
-              ? messageStyles.bubbleSent
-              : messageStyles.bubbleReceived,
-          ]}
-        >
-          {imageMessages.length > 0 && (
-            <MergedImageGrid
-              images={imageMessages}
-              maxDisplay={3}
-              onMediaPress={onMediaPress}
-            />
-          )}
-        </KContainer.View>
+      <KContainer.View
+        style={[
+          messageStyles.bubble,
+          isOutgoing ? messageStyles.bubbleSent : messageStyles.bubbleReceived,
+        ]}
+      >
+        {imageMessages.length > 0 && (
+          <MergedImageGrid
+            images={imageMessages}
+            maxDisplay={3}
+            onMediaPress={onMediaPress}
+          />
+        )}
       </KContainer.View>
     );
   }

package/src/components/messages/styles.ts

@@ -36,4 +36,16 @@ export const messageStyles = StyleSheet.create({
     bottom: 0,
     backgroundColor: 'rgba(0, 0, 0, 0.3)',
   },
+  messageRowLeft: {
+    width: '100%',
+    paddingHorizontal: KSpacingValue['0.75rem'],
+    marginBottom: KSpacingValue['0.25rem'],
+    alignItems: 'flex-start',
+  },
+  messageRowRight: {
+    width: '100%',
+    paddingHorizontal: KSpacingValue['0.75rem'],
+    marginBottom: KSpacingValue['0.25rem'],
+    alignItems: 'flex-end',
+  },
 });

package/src/components/messages/textMessage/index.tsx

@@ -5,6 +5,7 @@ import { CHAT_BUBBLE_COLORS } from '../../../screens/chat-detail/constants';
 import { messageStyles } from '../styles';
 import { formatMessageTime } from '../types';
 import type { BaseLegendMessageProps } from '../types';
+import { StyleSheet } from 'react-native';
 export const TextMessage = memo(
   ({ message, isOutgoing, createdAtTime }: BaseLegendMessageProps) => {
     const messageText = getMessageText(message);
@@ -15,7 +16,7 @@ export const TextMessage = memo(
     }
 
     return (
-      <KContainer.View style={messageStyles.wrapper}>
+      <>
         <KContainer.View
           style={[
             messageStyles.bubble,
@@ -29,7 +30,7 @@ export const TextMessage = memo(
           </KLabel.Text>
         </KContainer.View>
 
-        <KContainer.View row alignItems style={{ gap: 4, marginTop: 2 }}>
+        <KContainer.View row alignItems style={styles.timeLabel}>
           {!isOutgoing && timeLabel ? (
             <KLabel.Text
               typo="TextXsNormal"
@@ -40,9 +41,13 @@ export const TextMessage = memo(
             </KLabel.Text>
           ) : null}
         </KContainer.View>
-      </KContainer.View>
+      </>
     );
   }
 );
 
 TextMessage.displayName = 'TextMessage';
+
+const styles = StyleSheet.create({
+  timeLabel: { gap: 4, marginTop: 2 },
+});

package/src/components/messages/videoMessage/index.tsx

@@ -29,14 +29,12 @@ export const VideoMessage = memo(
 
     if (!videoUrl) {
       return (
-        <KContainer.View style={messageStyles.wrapper}>
-          <KContainer.View
-            style={[messageStyles.bubble, messageStyles.videoPlaceholder]}
-          >
-            <KLabel.Text typo="TextSmNormal" color={CHAT_BUBBLE_COLORS.text}>
-              📹 [Video unavailable]
-            </KLabel.Text>
-          </KContainer.View>
+        <KContainer.View
+          style={[messageStyles.bubble, messageStyles.videoPlaceholder]}
+        >
+          <KLabel.Text typo="TextSmNormal" color={CHAT_BUBBLE_COLORS.text}>
+            📹 [Video unavailable]
+          </KLabel.Text>
         </KContainer.View>
       );
     }
@@ -46,7 +44,7 @@ export const VideoMessage = memo(
     );
 
     return (
-      <KContainer.View style={messageStyles.wrapper}>
+      <>
         <KContainer.Touchable
           onPress={handlePress}
           style={[
@@ -82,7 +80,7 @@ export const VideoMessage = memo(
             </KContainer.View>
           )}
         </KContainer.Touchable>
-      </KContainer.View>
+      </>
     );
   }
 );

package/src/screens/chat-detail/ChatDetail.tsx

@@ -24,6 +24,9 @@ import type { ChatDetailProps } from './types';
 import { ChatDetailProvider } from '../../context/ChatDetailContext';
 import { normalizeUrl } from '../../utils/url';
 // import { ChatMessageAPI } from '../../services/message';
+import { MessageToolboxOverlay } from './messageToolbox/MessageToolboxOverlay';
+import type { MeasuredRect, MessageToolboxRef } from './messageToolbox/types';
+import type { DMessageItem } from '../../types/chat';
 
 const ChatDetail = memo(
   ({
@@ -45,6 +48,7 @@ const ChatDetail = memo(
   }: ChatDetailProps) => {
     const navigation = useNavigation();
     const mediaViewerRef = useRef<MediaViewerModalHandle>(null);
+    const messageToolboxRef = useRef<MessageToolboxRef>(null);
     const conversation = useConversation(conversationId);
 
     const handleBackDefault = useCallback(() => {
@@ -111,6 +115,13 @@ const ChatDetail = memo(
       [onPressUrl]
     );
 
+    const handleMessageLongPress = useCallback(
+      (message: DMessageItem, rect: MeasuredRect) => {
+        messageToolboxRef.current?.show(message, rect);
+      },
+      []
+    );
+
     return (
       <ChatDetailProvider>
         <KContainer.Page flex edges={['bottom']}>
@@ -143,12 +154,18 @@ const ChatDetail = memo(
               hasMoreEarlier={hasMoreEarlier}
               onMediaPress={handleMediaPress}
               onPressUrl={handlePressUrl}
+              onLongPress={handleMessageLongPress}
             />
 
             <ChatComposer isEmptyMessage={messages?.length === 0} />
           </KeyboardAvoidingView>
 
           <MediaViewerModal ref={mediaViewerRef} />
+          <MessageToolboxOverlay
+            ref={messageToolboxRef}
+            currentUserId={currentUserId}
+            customMessageItemFactory={customMessageItemFactory}
+          />
         </KContainer.Page>
       </ChatDetailProvider>
     );