@samparkchat/sampark-web-chat 0.0.1 → 0.0.2

package/package.json

@@ -1,13 +1,15 @@
 {
   "name": "@samparkchat/sampark-web-chat",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "main": "sampark/sampark-web-chat/index.js",
   "types": "sampark/sampark-web-chat/index.d.ts",
   "private": false,
   "dependencies": {
+    "@fontsource/poppins": "^5.2.6",
     "@fortawesome/fontawesome-svg-core": "^7.0.0",
     "@fortawesome/free-solid-svg-icons": "^7.0.0",
     "@fortawesome/react-fontawesome": "^0.2.3",
+    "@samparkchat/sampark-web-chat": "^0.0.1",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.6.4",
     "@testing-library/react": "^16.3.0",
@@ -15,6 +17,7 @@
     "axios": "^1.7.7",
     "crypto-js": "^4.2.0",
     "emoji-picker-react": "^4.13.2",
+    "firebase": "^12.2.1",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
     "react-scripts": "5.0.1",
@@ -24,7 +27,7 @@
   "scripts": {
     "start": "react-scripts start",
     "build": "tsc && npm run copy-assets",
-    "copy-assets": "copyfiles -u 1 src/assets/**/* sampark/sampark-web-chat",
+    "copy-assets": "copyfiles -u 1 src/assets/**/* sampark/sampark-chat",
     "prepublishOnly": "npm run build",
     "test": "react-scripts test",
     "eject": "react-scripts eject",

package/sampark/sampark-chat/App.js

@@ -3,9 +3,6 @@ import './App.css';
 import SamparkChat from './sdk/client/SamparkChat';
 import SamparkChatProvider from './screens/SamparkChatProvider';
 import SamparkChatScreen from './screens/SamparkchatScreen';
-// import { SamparkChatProvider, SamparkChatScreen } from './sampark/sampark-chat';
-// import SamparkChatProvider from './screens/SamparkChatProvider';
-// import SamparkChatScreen from './screens/SamparkchatScreen';
 // import { SamparkChatProvider } from './sampark/sampark-chat/screens/SamparkChatProvider';
 // import SamparkChatScreen from './sampark/sampark-chat/screens/SamparkchatScreen';
 function App() {
@@ -19,8 +16,8 @@ function App() {
         { user_id: 'user004', user_name: 'Sachin', profile_pic: '' },
         { user_id: 'user005', user_name: 'Deepak', profile_pic: '' },
     ]), userList = _d[0], setUserList = _d[1];
-    var appId = 'vEGPyfeTjxTer69G2LvXwkJNjksUmwG0';
-    var secretKey = 'erGQjMJoihMiDxTofogn0U9ydSfgFxtSzPceawg4Sv2oHuSAL8AdVcp';
+    var appId = 'INmD4HqR1yEs6f0NRwecDZoAyc9geghk';
+    var secretKey = 'ux7YMNSeFzKv6a1HA2aCDnN7Cpwlt7X1ZFiAFXiu7ZcRq8Wqb3b5agc';
     //Staging
     // const appId = 'FZReo0rOJX7TDH65feuZ9jysumIY9ftU';
     // const secretKey = '1YYnT3yit6fmLpDbhKB5pooJx2QdgBo2HymZ5dMoxjLJZRY8eVBfJVK';

package/sampark/sampark-chat/components/Actions/GroupMessageActions.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+interface GroupMessageActionsProps {
+    showEmojiPicker: boolean;
+    showMenu: boolean;
+    onEmojiClick: () => void;
+    onMenuClick: () => void;
+    onEmojiSelect: (emoji: {
+        emoji: string;
+    } | any) => void;
+    onCloseEmojiPicker: () => void;
+    onCloseMenu: () => void;
+    message: string;
+    position?: 'left' | 'right';
+    canEdit?: boolean;
+    onEditClick?: () => void;
+    onReplyClick?: () => void;
+}
+declare const GroupMessageActions: React.FC<GroupMessageActionsProps>;
+export default GroupMessageActions;

package/sampark/sampark-chat/components/Actions/GroupMessageActions.js

@@ -0,0 +1,183 @@
+import React from 'react';
+import EmojiPicker from 'emoji-picker-react';
+var GroupMessageActions = function (_a) {
+    var _b;
+    var showEmojiPicker = _a.showEmojiPicker, showMenu = _a.showMenu, onEmojiClick = _a.onEmojiClick, onMenuClick = _a.onMenuClick, onEmojiSelect = _a.onEmojiSelect, onCloseEmojiPicker = _a.onCloseEmojiPicker, onCloseMenu = _a.onCloseMenu, message = _a.message, _c = _a.position, position = _c === void 0 ? 'right' : _c, _d = _a.canEdit, canEdit = _d === void 0 ? false : _d, onEditClick = _a.onEditClick, onReplyClick = _a.onReplyClick;
+    var _e = React.useState(false), copied = _e[0], setCopied = _e[1];
+    var handleCopy = function () {
+        if (navigator && navigator.clipboard) {
+            navigator.clipboard.writeText(message);
+            setCopied(true);
+            setTimeout(function () { return setCopied(false); }, 1200);
+        }
+    };
+    return (React.createElement("div", { className: "chat-message-icons", style: (_b = {
+                display: 'flex',
+                flexDirection: 'row',
+                alignItems: 'center',
+                gap: '7px',
+                position: 'absolute'
+            },
+            _b[position === 'right' ? 'right' : 'left'] = '-60px',
+            _b.top = '50%',
+            _b.transform = 'translateY(-50%)',
+            _b.opacity = 0,
+            _b.pointerEvents = 'none',
+            _b.zIndex = 10,
+            _b.minWidth = '80px',
+            _b.transition = 'opacity 0.2s',
+            _b) },
+        React.createElement("span", { style: {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                width: '30px',
+                height: '30px',
+                background: '#fff',
+                borderRadius: '50%',
+                boxShadow: '0 2px 8px rgba(0,0,0,0.10)',
+                border: '1px solid #eee',
+            } },
+            React.createElement("button", { style: {
+                    background: 'none',
+                    border: 'none',
+                    padding: 0,
+                    cursor: 'pointer',
+                    color: '#888',
+                    fontSize: '20px',
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                }, onClick: onEmojiClick },
+                React.createElement("i", { className: "fas fa-smile" }))),
+        React.createElement("span", { style: {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                width: '30px',
+                height: '30px',
+                background: '#fff',
+                borderRadius: '50%',
+                boxShadow: '0 2px 8px rgba(0,0,0,0.10)',
+                border: '1px solid #eee',
+            } },
+            React.createElement("button", { style: {
+                    background: 'none',
+                    border: 'none',
+                    padding: 0,
+                    cursor: 'pointer',
+                    color: '#888',
+                    fontSize: '20px',
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                }, onClick: onMenuClick },
+                React.createElement("i", { className: "fas fa-ellipsis-h" }))),
+        showEmojiPicker && (React.createElement("div", { className: "emoji-picker-container", style: {
+                position: 'absolute',
+                zIndex: 9999,
+                backgroundColor: 'white',
+                borderRadius: '12px',
+                boxShadow: '0 4px 20px rgba(0,0,0,0.15)',
+                border: '1px solid #e0e0e0',
+            } },
+            React.createElement(EmojiPicker, { onEmojiClick: function (emojiData) {
+                    var _a;
+                    var emojiId = emojiData.unified; // unique
+                    var rawType = ((_a = emojiData.names) === null || _a === void 0 ? void 0 : _a[0]) || "unknown"; // no slug in type
+                    var emojiType = rawType.toLowerCase().replace(/\s+/g, "_");
+                    onEmojiSelect({ emojiId: emojiId, emojiType: emojiType });
+                }, width: 300, height: 300, previewConfig: { showPreview: false }, searchDisabled: true }))),
+        showMenu && (React.createElement("div", { className: "message-menu-container", style: {
+                position: 'absolute',
+                zIndex: 9999,
+                background: '#fff',
+                borderRadius: '16px',
+                boxShadow: '0 4px 20px rgba(0,0,0,0.15)',
+                border: '1px solid #e0e0e0',
+                minWidth: '170px',
+                padding: '12px 0',
+                display: 'flex',
+                flexDirection: 'column',
+                gap: '2px',
+            } },
+            React.createElement("button", { style: {
+                    background: 'none',
+                    border: 'none',
+                    width: '100%',
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: '14px',
+                    padding: '12px 24px',
+                    fontSize: '16px',
+                    color: '#444',
+                    cursor: 'pointer',
+                }, onClick: function () {
+                    onCloseMenu();
+                    onReplyClick === null || onReplyClick === void 0 ? void 0 : onReplyClick();
+                } },
+                React.createElement("i", { className: "fas fa-reply", style: { fontSize: '18px', color: '#888' } }),
+                " Reply"),
+            React.createElement("button", { style: {
+                    background: 'none',
+                    border: 'none',
+                    width: '100%',
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: '14px',
+                    padding: '12px 24px',
+                    fontSize: '16px',
+                    color: copied ? '#007bff' : '#444',
+                    cursor: 'pointer',
+                    position: 'relative',
+                }, onClick: handleCopy },
+                React.createElement("i", { className: "fas fa-copy", style: { fontSize: '18px', color: copied ? '#007bff' : '#888' } }),
+                " ",
+                copied ? 'Copied' : 'Copy'),
+            canEdit && (React.createElement("button", { style: {
+                    background: 'none',
+                    border: 'none',
+                    width: '100%',
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: '14px',
+                    padding: '12px 24px',
+                    fontSize: '16px',
+                    color: '#444',
+                    cursor: 'pointer',
+                }, onClick: function () {
+                    onCloseMenu();
+                    onEditClick && onEditClick();
+                } },
+                React.createElement("i", { className: "fas fa-pencil-alt", style: { fontSize: '18px', color: '#888' } }),
+                " Edit")),
+            React.createElement("button", { style: {
+                    background: 'none',
+                    border: 'none',
+                    width: '100%',
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: '14px',
+                    padding: '12px 24px',
+                    fontSize: '16px',
+                    color: '#444',
+                    cursor: 'pointer',
+                } },
+                React.createElement("i", { className: "fas fa-info-circle", style: { fontSize: '18px', color: '#888' } }),
+                " Info"),
+            React.createElement("button", { style: {
+                    background: 'none',
+                    border: 'none',
+                    width: '100%',
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: '14px',
+                    padding: '12px 24px',
+                    fontSize: '16px',
+                    color: '#444',
+                    cursor: 'pointer',
+                } },
+                React.createElement("i", { className: "fas fa-trash", style: { fontSize: '18px', color: '#888' } }),
+                " Delete")))));
+};
+export default GroupMessageActions;

package/sampark/sampark-chat/components/{MessageActions.js → Actions/MessageActions.js}

@@ -81,7 +81,13 @@ var MessageActions = function (_a) {
                 boxShadow: '0 4px 20px rgba(0,0,0,0.15)',
                 border: '1px solid #e0e0e0',
             } },
-            React.createElement(EmojiPicker, { onEmojiClick: onEmojiSelect, width: 300, height: 300, previewConfig: { showPreview: false }, searchDisabled: true, skinTonesDisabled: false, autoFocusSearch: false }))),
+            React.createElement(EmojiPicker, { onEmojiClick: function (emojiData) {
+                    var _a;
+                    var emojiId = emojiData.unified; // unique
+                    var rawType = ((_a = emojiData.names) === null || _a === void 0 ? void 0 : _a[0]) || "unknown"; // no slug in type
+                    var emojiType = rawType.toLowerCase().replace(/\s+/g, "_");
+                    onEmojiSelect({ emojiId: emojiId, emojiType: emojiType });
+                }, width: 300, height: 300, previewConfig: { showPreview: false }, searchDisabled: true }))),
         showMenu && (React.createElement("div", { className: "message-menu-container", style: {
                 position: 'absolute',
                 zIndex: 9999,
@@ -108,7 +114,7 @@ var MessageActions = function (_a) {
                     cursor: 'pointer',
                 }, onClick: function () {
                     onCloseMenu();
-                    onReplyClick === null || onReplyClick === void 0 ? void 0 : onReplyClick(); // NEW
+                    onReplyClick === null || onReplyClick === void 0 ? void 0 : onReplyClick();
                 } },
                 React.createElement("i", { className: "fas fa-reply", style: { fontSize: '18px', color: '#888' } }),
                 " Reply"),

package/sampark/sampark-chat/components/AttachmentFileSharing.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+interface AttachmentFileSharingProps {
+    isVisible: boolean;
+    onClose: () => void;
+    onAttachImage?: (files?: FileList) => void;
+    onAttachVideo?: (files?: FileList) => void;
+    onAttachAudio?: (files?: FileList) => void;
+    onAttachFile?: (files?: FileList) => void;
+    client?: any;
+    roomId?: string;
+    userId?: string;
+    userName?: string;
+    uploadSource?: string;
+    onFileUpload?: (fileId: string) => void;
+}
+declare const AttachmentFileSharing: React.FC<AttachmentFileSharingProps>;
+export default AttachmentFileSharing;

package/sampark/sampark-chat/components/AttachmentFileSharing.js

@@ -0,0 +1,219 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import React, { useRef } from 'react';
+var AttachmentFileSharing = function (_a) {
+    var isVisible = _a.isVisible, onClose = _a.onClose, onAttachImage = _a.onAttachImage, onAttachVideo = _a.onAttachVideo, onAttachAudio = _a.onAttachAudio, onAttachFile = _a.onAttachFile, client = _a.client, roomId = _a.roomId, userId = _a.userId, userName = _a.userName, _b = _a.uploadSource, uploadSource = _b === void 0 ? 'peer_chat' : _b, onFileUpload = _a.onFileUpload;
+    var imageInputRef = useRef(null);
+    var videoInputRef = useRef(null);
+    var audioInputRef = useRef(null);
+    var fileInputRef = useRef(null);
+    var handleFileUpload = function (file) { return __awaiter(void 0, void 0, void 0, function () {
+        var uploadResult, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!client || !roomId || !userId || !userName) {
+                        console.error('Missing required data for file upload');
+                        alert('Cannot upload file: Missing required information');
+                        return [2 /*return*/];
+                    }
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 6, , 7]);
+                    console.log('[AttachmentFileSharing] uploading file:', file.name);
+                    uploadResult = void 0;
+                    if (!(client.peerChat && uploadSource === 'peer_chat')) return [3 /*break*/, 3];
+                    return [4 /*yield*/, client.peerChat.uploadFile(file, roomId, userId, userName, "file_".concat(Date.now()), uploadSource)];
+                case 2:
+                    uploadResult = _a.sent();
+                    return [3 /*break*/, 5];
+                case 3:
+                    if (!(client.groupchat && uploadSource === 'group_chat')) return [3 /*break*/, 5];
+                    return [4 /*yield*/, client.groupchat.uploadFile(file, roomId, userId, userName, "file_".concat(Date.now()), uploadSource)];
+                case 4:
+                    uploadResult = _a.sent();
+                    _a.label = 5;
+                case 5:
+                    if (uploadResult) {
+                        console.log('[AttachmentFileSharing] file uploaded successfully:', uploadResult);
+                        onFileUpload === null || onFileUpload === void 0 ? void 0 : onFileUpload(uploadResult.fileId);
+                        onClose();
+                    }
+                    else {
+                        console.error('[AttachmentFileSharing] file upload failed');
+                        alert('Failed to upload file. Please try again.');
+                    }
+                    return [3 /*break*/, 7];
+                case 6:
+                    error_1 = _a.sent();
+                    console.error('[AttachmentFileSharing] error:', error_1);
+                    alert('Failed to upload file. Please try again.');
+                    return [3 /*break*/, 7];
+                case 7: return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleFileSelection = function (files) {
+        if (!files || files.length === 0)
+            return;
+        var file = files[0];
+        var maxSize = 10 * 1024 * 1024; // 10MB
+        if (file.size > maxSize) {
+            alert('File size must be less than 10MB');
+            return;
+        }
+        handleFileUpload(file);
+    };
+    if (!isVisible)
+        return null;
+    var styles = {
+        attachmentMenuItem: {
+            display: 'flex',
+            alignItems: 'center',
+            padding: '12px 16px',
+            cursor: 'pointer',
+            borderRadius: '8px',
+            transition: 'background-color 0.2s'
+        },
+        attachmentIcon: {
+            width: '32px',
+            height: '32px',
+            backgroundColor: '#6c5ce7',
+            borderRadius: '8px',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            marginRight: '12px'
+        },
+        iconStyle: {
+            color: 'white',
+            fontSize: '16px'
+        },
+        attachmentText: {
+            fontSize: '16px',
+            color: '#333'
+        }
+    };
+    return (React.createElement("div", { className: "attachment-menu", style: {
+            position: 'absolute',
+            bottom: '70px',
+            left: '20px',
+            backgroundColor: 'white',
+            borderRadius: '12px',
+            boxShadow: '0 4px 12px rgba(0,0,0,0.15)',
+            padding: '8px',
+            minWidth: '200px',
+            zIndex: 1000
+        } },
+        React.createElement("div", { style: styles.attachmentMenuItem, onMouseEnter: function (e) { return e.currentTarget.style.backgroundColor = '#f5f5f5'; }, onMouseLeave: function (e) { return e.currentTarget.style.backgroundColor = 'transparent'; }, onClick: function () {
+                var _a;
+                (_a = imageInputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+            } },
+            React.createElement("div", { style: styles.attachmentIcon },
+                React.createElement("i", { className: "fas fa-image", style: styles.iconStyle })),
+            React.createElement("span", { style: styles.attachmentText }, "Attach Image")),
+        React.createElement("div", { style: styles.attachmentMenuItem, onMouseEnter: function (e) { return e.currentTarget.style.backgroundColor = '#f5f5f5'; }, onMouseLeave: function (e) { return e.currentTarget.style.backgroundColor = 'transparent'; }, onClick: function () {
+                var _a;
+                (_a = videoInputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+            } },
+            React.createElement("div", { style: styles.attachmentIcon },
+                React.createElement("i", { className: "fas fa-video", style: styles.iconStyle })),
+            React.createElement("span", { style: styles.attachmentText }, "Attach Video")),
+        React.createElement("div", { style: styles.attachmentMenuItem, onMouseEnter: function (e) { return e.currentTarget.style.backgroundColor = '#f5f5f5'; }, onMouseLeave: function (e) { return e.currentTarget.style.backgroundColor = 'transparent'; }, onClick: function () {
+                var _a;
+                (_a = audioInputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+            } },
+            React.createElement("div", { style: styles.attachmentIcon },
+                React.createElement("i", { className: "fas fa-play-circle", style: styles.iconStyle })),
+            React.createElement("span", { style: styles.attachmentText }, "Attach Audio")),
+        React.createElement("div", { style: styles.attachmentMenuItem, onMouseEnter: function (e) { return e.currentTarget.style.backgroundColor = '#f5f5f5'; }, onMouseLeave: function (e) { return e.currentTarget.style.backgroundColor = 'transparent'; }, onClick: function () {
+                var _a;
+                (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+            } },
+            React.createElement("div", { style: styles.attachmentIcon },
+                React.createElement("i", { className: "fas fa-file-alt", style: styles.iconStyle })),
+            React.createElement("span", { style: styles.attachmentText }, "Attach File")),
+        React.createElement("input", { type: "file", ref: imageInputRef, accept: "image/*", style: { display: 'none' }, onChange: function (e) {
+                var files = e.target.files;
+                if (onAttachImage) {
+                    onAttachImage(files || undefined);
+                    onClose();
+                }
+                else {
+                    handleFileSelection(files);
+                }
+                if (e.target)
+                    e.target.value = '';
+            } }),
+        React.createElement("input", { type: "file", ref: videoInputRef, accept: "video/*", style: { display: 'none' }, onChange: function (e) {
+                var files = e.target.files;
+                if (onAttachVideo) {
+                    onAttachVideo(files || undefined);
+                    onClose();
+                }
+                else {
+                    handleFileSelection(files);
+                }
+                if (e.target)
+                    e.target.value = '';
+            } }),
+        React.createElement("input", { type: "file", ref: audioInputRef, accept: "audio/*", style: { display: 'none' }, onChange: function (e) {
+                var files = e.target.files;
+                if (onAttachAudio) {
+                    onAttachAudio(files || undefined);
+                    onClose();
+                }
+                else {
+                    handleFileSelection(files);
+                }
+                if (e.target)
+                    e.target.value = '';
+            } }),
+        React.createElement("input", { type: "file", ref: fileInputRef, style: { display: 'none' }, onChange: function (e) {
+                var files = e.target.files;
+                if (onAttachFile) {
+                    onAttachFile(files || undefined);
+                    onClose();
+                }
+                else {
+                    handleFileSelection(files);
+                }
+                if (e.target)
+                    e.target.value = '';
+            } })));
+};
+export default AttachmentFileSharing;

package/sampark/sampark-chat/components/AttachmentGroupFileSharing.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+interface AttachmentGroupFileSharingProps {
+    isVisible: boolean;
+    onClose: () => void;
+    onAttachImage?: (files?: FileList) => void;
+    onAttachVideo?: (files?: FileList) => void;
+    onAttachAudio?: (files?: FileList) => void;
+    onAttachFile?: (files?: FileList) => void;
+    client?: any;
+    roomId?: string;
+    userId?: string;
+    userName?: string;
+    uploadSource?: string;
+    onFileUpload?: (fileId: string) => void;
+}
+declare const AttachmentGroupFileSharing: React.FC<AttachmentGroupFileSharingProps>;
+export default AttachmentGroupFileSharing;