@samparkchat/sampark-web-chat 0.0.2 → 0.0.4

package/sampark/sampark-chat/components/Headers/SearchHeader.js

@@ -0,0 +1,57 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+import colors from '../../theme/colors';
+import fonts from '../../theme/fonts';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import CustomIcons, { AppIcons } from '../../theme/icons';
+var SearchHeader = function (_a) {
+    var onClose = _a.onClose, onSearch = _a.onSearch, _b = _a.context, context = _b === void 0 ? 'peer' : _b;
+    var _c = React.useState(''), query = _c[0], setQuery = _c[1];
+    var _d = React.useState([]), selectedTags = _d[0], setSelectedTags = _d[1];
+    var tags = ['Audio', 'Documents', 'Photos', 'Videos', 'Links'];
+    var selectTag = function (t) { return setSelectedTags([t]); };
+    var clearTag = function () { return setSelectedTags([]); };
+    return (React.createElement("div", { style: {
+            width: '360px',
+            maxWidth: '38vw',
+            height: '100%',
+            background: '#fff',
+            boxShadow: 'rgba(15, 23, 42, 0.08) 0px 8px 24px',
+            display: 'flex',
+            flexDirection: 'column',
+            padding: '0',
+            overflow: 'hidden',
+            borderRadius: 8
+        } },
+        React.createElement("div", { style: { padding: '17px', display: 'flex', alignItems: 'center', justifyContent: 'space-between', background: colors.headerGradient, borderRadius: '10px', overflow: 'hidden' } },
+            React.createElement("h3", { style: __assign({ margin: 0, color: colors.white, fontSize: 16, lineHeight: '20px' }, fonts.content) }, context === 'group' ? 'Search Group Messages' : 'Search Messages'),
+            React.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: 8 } },
+                React.createElement("div", { style: { width: 36, height: 36, borderRadius: '50%', display: 'flex', alignItems: 'center', justifyContent: 'center', background: 'rgba(255,255,255,0.08)' } },
+                    React.createElement(FontAwesomeIcon, { icon: AppIcons.Search.icon, style: { fontSize: 14, color: colors.white } })),
+                React.createElement("button", { onClick: onClose, style: { background: 'rgba(255,255,255,0.08)', border: 'none', cursor: 'pointer', padding: 6, borderRadius: '50%', width: 36, height: 36, display: 'inline-flex', alignItems: 'center', justifyContent: 'center' }, "aria-label": "Close search panel" },
+                    React.createElement(FontAwesomeIcon, { icon: CustomIcons.Close.icon, style: { fontSize: CustomIcons.Close.size, color: CustomIcons.Close.color } })))),
+        React.createElement("div", { style: { padding: 14, display: 'flex', flexDirection: 'column', gap: 12, flex: 1 } },
+            React.createElement("div", { style: { marginBottom: 2 } },
+                React.createElement("input", { value: query, onChange: function (e) { return setQuery(e.target.value); }, onKeyDown: function (e) { if (e.key === 'Enter')
+                        onSearch && onSearch(query); }, placeholder: "Search", style: __assign({ width: '100%', padding: '10px 12px', borderRadius: 18, border: '1px solid #eee', outline: 'none' }, fonts.content) })),
+            React.createElement("div", { style: { display: 'flex', gap: 8, flexWrap: 'wrap', marginBottom: 6 } }, (selectedTags.length ? selectedTags : tags).map(function (t) { return (React.createElement("button", { key: t, onClick: function () { return selectTag(t); }, style: __assign({ borderRadius: 18, padding: '8px 12px', background: selectedTags.includes(t) ? colors.headerGradient : '#f6f6f6', color: selectedTags.includes(t) ? '#fff' : '#111', border: 'none', cursor: 'pointer' }, fonts.messageitems) }, t)); })),
+            React.createElement("div", { style: { minHeight: 120, display: 'flex', flexDirection: 'column', gap: 12 } },
+                selectedTags.length > 0 && (React.createElement("div", { style: { display: 'flex', gap: 8, flexWrap: 'wrap' } }, selectedTags.map(function (t) { return (React.createElement("div", { key: t, style: { display: 'inline-flex', alignItems: 'center', gap: 8, background: colors.headerGradient, color: '#fff', padding: '6px 10px', borderRadius: 20 } },
+                    React.createElement("button", { onClick: function () { return clearTag(); }, style: { background: 'transparent', border: 'none', color: '#fff', cursor: 'pointer', padding: 0, marginRight: 6 } }, "\u2715"),
+                    React.createElement("span", { style: { fontSize: 14 } }, t))); }))),
+                React.createElement("div", { style: { flex: 1, display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: selectedTags.length > 0 ? 'flex-start' : 'center', color: '#9aa0a6' } },
+                    React.createElement("div", { style: { width: 80, height: 80, borderRadius: 86, border: '2px solid #e6e6e6', marginBottom: 12 } }),
+                    React.createElement("div", { style: __assign({ fontWeight: 600, marginBottom: 6 }, fonts.content) }, selectedTags.length > 0 ? 'Messages' : 'Start Your Search'),
+                    React.createElement("div", { style: __assign({ textAlign: 'center', maxWidth: 220 }, fonts.content) }, selectedTags.length > 0 ? '' : 'Search for conversations or messages by typing a keyword above.'))))));
+};
+export default SearchHeader;

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

@@ -0,0 +1,50 @@
+import React from 'react';
+type Reaction = {
+    id: string;
+    type: string;
+    by: string;
+};
+type FileInfo = {
+    fileId: string;
+    originalName: string;
+    size: number;
+    mimeType: string;
+    downloadUrl: string;
+};
+type Message = {
+    messageId: string;
+    user: string;
+    message: string;
+    time: string;
+    reply: boolean;
+    replyToMessageId?: string;
+    replyToUser?: string;
+    replyToText?: string;
+    reaction?: Reaction;
+    reactions?: Reaction[];
+    is_edited?: boolean;
+    edited_at?: string;
+    messageType?: string;
+    fileInfo?: FileInfo;
+    status?: 'sent' | 'delivered' | 'read';
+};
+interface User {
+    user_id: string;
+    user_name: string;
+    profile_pic?: string;
+}
+interface ThreadConversationProps {
+    showThreadPanel: boolean;
+    threadMessageId: string | null;
+    messages: Message[];
+    repliesMap: Map<string, Message[]>;
+    userId: string;
+    userName?: string;
+    peerUserName?: string;
+    allParticipantsList?: User[];
+    getUserNameById?: (participantsList: User[], userId: string) => string | undefined;
+    onCloseThread: () => void;
+    setReplyTarget: (target: any) => void;
+}
+declare const ThreadConversation: React.FC<ThreadConversationProps>;
+export default ThreadConversation;

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

@@ -0,0 +1,293 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+import { getTimeFromTimestamp, getChatDateDisplay } from '../services/DateFormat';
+import colors from '../theme/colors';
+import fonts from '../theme/fonts';
+var ThreadConversation = function (_a) {
+    var showThreadPanel = _a.showThreadPanel, threadMessageId = _a.threadMessageId, messages = _a.messages, repliesMap = _a.repliesMap, userId = _a.userId, userName = _a.userName, peerUserName = _a.peerUserName, allParticipantsList = _a.allParticipantsList, getUserNameById = _a.getUserNameById, onCloseThread = _a.onCloseThread, setReplyTarget = _a.setReplyTarget;
+    if (!showThreadPanel || !threadMessageId) {
+        return null;
+    }
+    var getDisplayName = function (messageUserId) {
+        if (messageUserId === userId) {
+            return userName || 'You';
+        }
+        if (getUserNameById && allParticipantsList) {
+            return getUserNameById(allParticipantsList, messageUserId) || messageUserId;
+        }
+        if (peerUserName) {
+            return peerUserName;
+        }
+        return messageUserId;
+    };
+    var getDateKey = function (timestamp) {
+        var date = new Date(timestamp);
+        return "".concat(date.getUTCFullYear(), "-").concat(date.getUTCMonth(), "-").concat(date.getUTCDate());
+    };
+    var groupMessagesByDate = function (messages) {
+        var groups = [];
+        var currentGroup = null;
+        messages.forEach(function (message) {
+            var messageDate = getDateKey(message.time);
+            if (!currentGroup || currentGroup.date !== messageDate) {
+                currentGroup = { date: messageDate, messages: [] };
+                groups.push(currentGroup);
+            }
+            currentGroup.messages.push(message);
+        });
+        return groups;
+    };
+    var original = messages.find(function (m) { return m.messageId === threadMessageId; });
+    var replies = repliesMap.get(threadMessageId) || [];
+    return (React.createElement("div", { style: styles.container },
+        React.createElement("div", { style: styles.header },
+            React.createElement("div", { style: { display: 'flex', flexDirection: 'column' } },
+                React.createElement("div", { style: styles.title }, "Thread"),
+                React.createElement("div", { style: styles.subtitle }, original ? getDisplayName(original.user) : 'Replies to message')),
+            React.createElement("button", { onClick: function () {
+                    onCloseThread();
+                    setReplyTarget(null);
+                }, style: styles.closeButton, "aria-label": "Close thread" }, "\u2715")),
+        React.createElement("div", { style: styles.content },
+            original ? (React.createElement("div", { style: styles.originalWrapper },
+                React.createElement("div", { style: styles.originalCard },
+                    React.createElement("div", { style: styles.originalAuthor }, getDisplayName(original.user)),
+                    React.createElement("div", { style: styles.originalText }, original.message),
+                    React.createElement("div", { style: styles.originalTime }, getTimeFromTimestamp && getTimeFromTimestamp(original.time))))) : (React.createElement("div", { style: styles.notFound }, "Original message not found")),
+            React.createElement("div", { style: styles.repliesHeader },
+                replies.length,
+                " Replies"),
+            React.createElement("div", { style: styles.divider }),
+            React.createElement("div", { style: styles.repliesContainer },
+                groupMessagesByDate(replies).map(function (group) { return (React.createElement(React.Fragment, { key: group.date },
+                    React.createElement("div", { style: styles.dateChip }, getChatDateDisplay(group.messages[0].time)),
+                    group.messages.map(function (replyMsg) {
+                        var _a, _b;
+                        var displayName = getDisplayName(replyMsg.user);
+                        var initial = ((_b = (_a = (displayName || '').split(' ')[0]) === null || _a === void 0 ? void 0 : _a.charAt(0)) === null || _b === void 0 ? void 0 : _b.toUpperCase()) || '';
+                        return (React.createElement("div", { key: replyMsg.messageId, style: replyMsg.reply ? styles.replyRowSelf : styles.replyRow },
+                            React.createElement("div", { style: styles.avatarPlaceholder, "aria-hidden": true },
+                                React.createElement("span", { style: styles.avatarText }, initial)),
+                            React.createElement("div", { style: replyMsg.reply ? styles.messageBlockSelf : styles.messageBlock },
+                                React.createElement("div", { style: replyMsg.reply ? styles.replyAuthorSelf : styles.replyAuthor }, displayName),
+                                React.createElement("div", { style: replyMsg.reply ? __assign({}, styles.replyTextSelf) : __assign({}, styles.replyText) },
+                                    React.createElement("div", { style: styles.replyMessageContent }, replyMsg.message),
+                                    React.createElement("span", { style: styles.replyTimeInside },
+                                        getTimeFromTimestamp && getTimeFromTimestamp(replyMsg.time),
+                                        replyMsg.is_edited && React.createElement("span", { style: { marginLeft: 6, fontStyle: 'italic' } }, "edited"))))));
+                    }))); }),
+                replies.length === 0 && (React.createElement("div", { style: styles.noReplies }, "No replies yet"))))));
+};
+var styles = {
+    container: {
+        position: 'absolute',
+        right: 0,
+        top: 0,
+        bottom: 0,
+        height: '100%',
+        width: 340,
+        maxWidth: 'calc(100% - 24px)',
+        background: colors.white,
+        borderLeft: '1px solid rgba(15,23,42,0.04)',
+        boxShadow: '-6px 0 28px rgba(12,28,56,0.06)',
+        display: 'flex',
+        flexDirection: 'column',
+        borderRadius: '8px 0 0 8px',
+        overflow: 'hidden',
+        marginTop: 0,
+    },
+    header: {
+        padding: '10px 12px',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        background: colors.headerGradient,
+        borderBottom: '1px solid rgba(255,255,255,0.06)',
+        color: '#fff'
+    },
+    title: __assign({}, fonts.listsStyle),
+    subtitle: {
+        fontSize: 13,
+        color: 'rgba(255,255,255,0.9)',
+        marginTop: 6,
+        fontWeight: 500
+    },
+    repliesContainer: {
+        flex: 1,
+        minHeight: 0,
+        overflowY: 'auto',
+        paddingRight: 6,
+        WebkitOverflowScrolling: 'touch',
+        boxSizing: 'border-box',
+        scrollbarWidth: 'none',
+        msOverflowStyle: 'none',
+    },
+    '::-webkit-scrollbar': {
+        display: 'none'
+    },
+    closeButton: {
+        background: 'transparent',
+        border: 'none',
+        cursor: 'pointer',
+        fontSize: 18,
+        color: '#fff',
+        padding: 6,
+        lineHeight: 1
+    },
+    content: {
+        display: 'flex',
+        flexDirection: 'column',
+        padding: '16px',
+        paddingRight: 20,
+        flex: 1,
+        minHeight: 0,
+        boxSizing: 'border-box'
+    },
+    originalWrapper: {
+        marginBottom: 14,
+        position: 'relative',
+        display: 'flex',
+        alignItems: 'flex-start',
+        paddingTop: 28,
+        paddingRight: 12
+    },
+    dateChip: {
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: '#e9ecef',
+        color: '#6b6f75',
+        padding: '8px 18px',
+        borderRadius: '20px',
+        fontSize: 13,
+        fontWeight: 600,
+        width: 'fit-content',
+        margin: '10px auto',
+        boxShadow: 'inset 0 0 0 1px rgba(0,0,0,0.02)'
+    },
+    originalCard: {
+        display: 'inline-block',
+        padding: '8px 12px',
+        borderRadius: 14,
+        background: '#ececec',
+        boxShadow: 'none',
+        border: '1px solid rgba(15,23,42,0.03)',
+        wordBreak: 'break-word',
+        position: 'relative',
+        minWidth: 'auto',
+        maxWidth: '75%',
+        height: 'auto',
+        whiteSpace: 'pre-wrap'
+    },
+    originalAuthor: __assign(__assign({}, fonts.content), { position: 'absolute', top: -26, left: 12, background: 'transparent', padding: 0, margin: 0, color: colors.blue, lineHeight: '14px' }),
+    originalText: __assign(__assign({}, fonts.messageitems), { color: '#111827', lineHeight: 1.35, whiteSpace: 'pre-wrap', display: 'inline-block' }),
+    originalTime: {
+        fontSize: 10,
+        color: '#6b7280',
+        marginTop: 2,
+        opacity: 0.9,
+        textAlign: 'right',
+        display: 'block',
+        marginLeft: 'auto'
+    },
+    notFound: {
+        color: '#999'
+    },
+    repliesHeader: {
+        marginTop: 6,
+        marginBottom: 8,
+        color: '#6b7280',
+        fontSize: 13,
+        fontWeight: 600
+    },
+    divider: {
+        height: 1,
+        background: 'linear-gradient(to right, rgba(0,0,0,0.03), rgba(0,0,0,0.02))',
+        marginBottom: 12
+    },
+    replyRow: {
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'flex-start',
+        gap: 12,
+        marginBottom: 12
+    },
+    replyRowSelf: {
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'flex-start',
+        gap: 12,
+        marginBottom: 12
+    },
+    avatarPlaceholder: {
+        width: 36,
+        minWidth: 36,
+        height: 36,
+        borderRadius: '50%',
+        background: colors.headerGradient,
+        boxShadow: 'inset 0 0 0 1px rgba(15,23,42,0.03)',
+        flexShrink: 0,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        overflow: 'hidden'
+    },
+    avatarText: __assign(__assign({}, fonts.content), { color: colors.white }),
+    messageBlock: {
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'flex-start',
+        maxWidth: '76%',
+    },
+    messageBlockSelf: {
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'flex-start',
+        maxWidth: '76%',
+    },
+    replyAuthor: __assign(__assign({}, fonts.content), { marginBottom: 3, color: colors.blue }),
+    replyAuthorSelf: __assign(__assign({}, fonts.content), { marginBottom: 3, color: colors.blue }),
+    replyText: __assign(__assign({}, fonts.messageitems), { display: 'inline-block', padding: '10px 14px', paddingBottom: 26, borderRadius: 16, background: '#ececec', color: '#111827', lineHeight: 1.4, boxShadow: 'none', maxWidth: '100%', wordBreak: 'break-word', position: 'relative' }),
+    replyTextSelf: __assign(__assign({}, fonts.messageitems), { display: 'inline-block', padding: '10px 14px', paddingBottom: 26, borderRadius: 16, background: '#ececec', color: '#111827', lineHeight: 1.4, boxShadow: 'none', maxWidth: '100%', wordBreak: 'break-word', position: 'relative' }),
+    replyMessageContent: {
+        display: 'block',
+        whiteSpace: 'pre-wrap',
+        wordBreak: 'break-word',
+    },
+    replyTimeInside: {
+        position: 'absolute',
+        right: 8,
+        bottom: 6,
+        fontSize: 10,
+        color: '#6b7280',
+        opacity: 0.95,
+        lineHeight: '10px',
+    },
+    replyTime: {
+        fontSize: 10,
+        color: '#6b7280',
+        marginTop: 8,
+        opacity: 0.9
+    },
+    replyTimeSelf: {
+        fontSize: 10,
+        color: '#6b7280',
+        marginTop: 8,
+        opacity: 0.9
+    },
+    noReplies: {
+        color: '#777',
+        marginTop: 12
+    }
+};
+export default ThreadConversation;

package/sampark/sampark-chat/components/lists/ViewParticipents.d.ts

@@ -32,6 +32,7 @@ interface ViewParticipantsProps {
     showHeader?: boolean;
     showActions?: boolean;
     groupName?: string;
+    onOpenGroupOptions?: () => void;
 }
 declare const ViewParticipentList: FunctionComponent<ViewParticipantsProps>;
 export default ViewParticipentList;

package/sampark/sampark-chat/components/lists/ViewParticipents.js

@@ -49,13 +49,14 @@ import React, { useEffect, useState } from 'react';
 import Header from '../Headers/ChatHeader';
 import { getProfilePicById } from '../../services/Common';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faEllipsisV } from '@fortawesome/free-solid-svg-icons';
 import colors from '../../theme/colors';
 import { AppIcons } from '../../theme/icons';
 import fonts from '../../theme/fonts';
 import CommonList from './CommonList';
 var ViewParticipentList = function (_a) {
     var _b, _c;
-    var ViewParticipants = _a.ViewParticipants, setShowHideParticipantScreen = _a.setShowHideParticipantScreen, userId = _a.userId, userName = _a.userName, setViewParticipantsList = _a.setViewParticipantsList, setShowParticipantsList = _a.setShowParticipantsList, client = _a.client, joinRoomId = _a.joinRoomId, setViewParticipants = _a.setViewParticipants, userJoinedGroupRole = _a.userJoinedGroupRole, setPeerUserId = _a.setPeerUserId, setPeerUserName = _a.setPeerUserName, setUserProfilePic = _a.setUserProfilePic, setIsChatInitialized = _a.setIsChatInitialized, setShowUserList = _a.setShowUserList, setIsGroupActive = _a.setIsGroupActive, orgParticipantList = _a.orgParticipantList, onClose = _a.onClose, _d = _a.showHeader, showHeader = _d === void 0 ? true : _d, _e = _a.showActions, showActions = _e === void 0 ? true : _e, groupName = _a.groupName;
+    var ViewParticipants = _a.ViewParticipants, setShowHideParticipantScreen = _a.setShowHideParticipantScreen, userId = _a.userId, userName = _a.userName, setViewParticipantsList = _a.setViewParticipantsList, setShowParticipantsList = _a.setShowParticipantsList, client = _a.client, joinRoomId = _a.joinRoomId, setViewParticipants = _a.setViewParticipants, userJoinedGroupRole = _a.userJoinedGroupRole, setPeerUserId = _a.setPeerUserId, setPeerUserName = _a.setPeerUserName, setUserProfilePic = _a.setUserProfilePic, setIsChatInitialized = _a.setIsChatInitialized, setShowUserList = _a.setShowUserList, setIsGroupActive = _a.setIsGroupActive, orgParticipantList = _a.orgParticipantList, onClose = _a.onClose, _d = _a.showHeader, showHeader = _d === void 0 ? true : _d, _e = _a.showActions, showActions = _e === void 0 ? true : _e, groupName = _a.groupName, onOpenGroupOptions = _a.onOpenGroupOptions;
     var _f = useState(null), chatroomid = _f[0], setChatroomId = _f[1];
     var getGroupInitials = function (name) {
         var n = (name || '').toString().trim();
@@ -147,10 +148,13 @@ var ViewParticipentList = function (_a) {
             }, showActionButtons: false })),
         React.createElement("div", { style: styles.groupHeader },
             React.createElement("div", { style: styles.groupAvatarLarge }, (getProfilePicById(orgParticipantList, joinRoomId) || '').trim() ? (React.createElement("img", { src: getProfilePicById(orgParticipantList, joinRoomId) || '', alt: groupName || 'Group', style: styles.groupAvatarLargeImg, onError: function (e) { e.currentTarget.style.display = 'none'; } })) : (React.createElement("div", { style: styles.groupAvatarInitials, "aria-hidden": true }, getGroupInitials(groupName || (ViewParticipants && ViewParticipants.length ? (((_b = ViewParticipants[0]) === null || _b === void 0 ? void 0 : _b.user_name) || 'Group') : 'Group'))))),
-            React.createElement("div", { style: fonts.groupTitle }, groupName !== null && groupName !== void 0 ? groupName : (ViewParticipants && ViewParticipants.length ? (((_c = ViewParticipants[0]) === null || _c === void 0 ? void 0 : _c.user_name) || 'Group') : 'Group')),
-            React.createElement("div", { style: fonts.content },
-                ViewParticipants.length,
-                " Members")),
+            React.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: 8 } },
+                React.createElement("div", { style: fonts.groupTitle }, groupName !== null && groupName !== void 0 ? groupName : (ViewParticipants && ViewParticipants.length ? (((_c = ViewParticipants[0]) === null || _c === void 0 ? void 0 : _c.user_name) || 'Group') : 'Group')),
+                React.createElement("div", { style: fonts.content },
+                    ViewParticipants.length,
+                    " Members"),
+                React.createElement("button", { "aria-label": "More", style: { marginLeft: 8, background: 'transparent', border: 'none', cursor: 'pointer', color: '#6b7280' }, onClick: function () { onOpenGroupOptions && onOpenGroupOptions(); } },
+                    React.createElement(FontAwesomeIcon, { icon: faEllipsisV, style: { fontSize: 18 } })))),
         React.createElement("div", { style: styles.divider }),
         React.createElement("div", { style: styles.container },
             React.createElement("div", { style: styles.actionList },

package/sampark/sampark-chat/index.d.ts

@@ -1 +1,6 @@
 import './index.css';
+export { default as SamparkChatScreen } from './screens/SamparkchatScreen';
+export { default as SamparkChatProvider } from './screens/SamparkChatProvider';
+export { PeerChat } from "./sdk/client/PeerChat";
+export { GroupChat } from "./sdk/client/Groupchat";
+export { SamparkChat } from "./sdk/client/SamparkChat";

package/sampark/sampark-chat/index.js

@@ -6,8 +6,8 @@ import reportWebVitals from './reportWebVitals';
 var root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(React.createElement(React.StrictMode, null, React.createElement(App)));
 reportWebVitals();
-// export { default as SamparkChatScreen } from './screens/SamparkchatScreen';
-// export { default as SamparkChatProvider } from './screens/SamparkChatProvider';
-// export { PeerChat } from "./sdk/client/PeerChat";
-// export {GroupChat} from "./sdk/client/Groupchat";
-// export {SamparkChat} from "./sdk/client/SamparkChat";
+export { default as SamparkChatScreen } from './screens/SamparkchatScreen';
+export { default as SamparkChatProvider } from './screens/SamparkChatProvider';
+export { PeerChat } from "./sdk/client/PeerChat";
+export { GroupChat } from "./sdk/client/Groupchat";
+export { SamparkChat } from "./sdk/client/SamparkChat";