mr-chat-bird 1.0.7 → 1.0.9

package/dist/index.css

@@ -386,4 +386,3 @@
 .mrchat-messagePreviewContent {
   font-size: 14px;
 }
-/*# sourceMappingURL=index.css.map */

package/dist/index.js

@@ -38,7 +38,7 @@ module.exports = __toCommonJS(index_exports);
 var import_styles = require("@mantine/core/styles.css");
 var import_styles2 = require("@mantine/tiptap/styles.css");
 var import_styles3 = require("@mantine/notifications/styles.css");
-var import_react9 = __toESM(require("react"));
+var import_react10 = __toESM(require("react"));
 var import_core9 = require("@mantine/core");
 var import_notifications2 = require("@mantine/notifications");
 
@@ -119,6 +119,7 @@ var createAppTheme = (primaryColor) => (0, import_core.createTheme)({
 });
 
 // src/store/provider.tsx
+var import_react = __toESM(require("react"));
 var import_react_redux = require("react-redux");
 
 // src/store/store.ts
@@ -326,11 +327,11 @@ var store = (0, import_toolkit2.configureStore)({
 
 // src/store/provider.tsx
 function ReduxProvider({ children }) {
-  return /* @__PURE__ */ React.createElement(import_react_redux.Provider, { store }, children);
+  return /* @__PURE__ */ import_react.default.createElement(import_react_redux.Provider, { store }, children);
 }
 
 // src/store/socket/index.tsx
-var import_react = require("react");
+var import_react2 = require("react");
 
 // src/lib/socket.ts
 var import_socket = require("socket.io-client");
@@ -358,7 +359,7 @@ var getSocket = (userId) => {
 
 // src/store/socket/index.tsx
 function SocketProvider({ children, userId }) {
-  (0, import_react.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     if (!userId) return;
     const socket2 = getSocket(userId);
     if (!socket2) return;
@@ -386,7 +387,7 @@ var import_core7 = require("@mantine/core");
 var import_icons_react3 = require("@tabler/icons-react");
 
 // src/components/RichTextEditor/RichTextEditor.tsx
-var import_react3 = require("react");
+var import_react4 = require("react");
 var import_icons_react = require("@tabler/icons-react");
 var import_extension_highlight = __toESM(require("@tiptap/extension-highlight"));
 var import_extension_subscript = __toESM(require("@tiptap/extension-subscript"));
@@ -4745,16 +4746,16 @@ var Underline = Mark.create({
 var index_default = Underline;
 
 // src/components/RichTextEditor/RichTextEditor.tsx
-var import_react4 = require("@tiptap/react");
+var import_react5 = require("@tiptap/react");
 var import_starter_kit = __toESM(require("@tiptap/starter-kit"));
 var import_tiptap = require("@mantine/tiptap");
 var import_core5 = require("@mantine/core");
 
 // src/components/EmojiPickerPopover/EmojiPickerPopover.tsx
-var import_react2 = require("react");
+var import_react3 = require("react");
 var import_core3 = require("@mantine/core");
 var import_data = __toESM(require("@emoji-mart/data"));
-var EmojiPicker = (0, import_react2.lazy)(() => import("@emoji-mart/react"));
+var EmojiPicker = (0, import_react3.lazy)(() => import("@emoji-mart/react"));
 function EmojiPickerPopover({
   onSelect,
   action,
@@ -4762,7 +4763,7 @@ function EmojiPickerPopover({
   offset = 8,
   position = "bottom-start"
 }) {
-  const [opened, setOpened] = (0, import_react2.useState)(false);
+  const [opened, setOpened] = (0, import_react3.useState)(false);
   return /* @__PURE__ */ React.createElement(
     import_core3.Popover,
     {
@@ -4776,14 +4777,14 @@ function EmojiPickerPopover({
       trapFocus: false,
       closeOnEscape: true
     },
-    /* @__PURE__ */ React.createElement(import_core3.Popover.Target, null, (0, import_react2.cloneElement)(action, {
+    /* @__PURE__ */ React.createElement(import_core3.Popover.Target, null, (0, import_react3.cloneElement)(action, {
       onClick: (e) => {
         action.props?.onClick?.(e);
         setOpened((prev) => !prev);
       }
     })),
     /* @__PURE__ */ React.createElement(import_core3.Popover.Dropdown, { p: 0 }, /* @__PURE__ */ React.createElement(
-      import_react2.Suspense,
+      import_react3.Suspense,
       {
         fallback: /* @__PURE__ */ React.createElement("div", { style: { padding: 12, width: 320 } }, /* @__PURE__ */ React.createElement(import_core3.Skeleton, { height: 280, radius: "md" }))
       },
@@ -4849,10 +4850,10 @@ function CustomRichTextEditor({
   onChange,
   onSubmit
 }) {
-  const [charCount, setCharCount] = (0, import_react3.useState)(0);
-  const [showWarning, setShowWarning] = (0, import_react3.useState)(false);
-  const [showToolbar, setShowToolbar] = (0, import_react3.useState)(false);
-  const editor = (0, import_react4.useEditor)({
+  const [charCount, setCharCount] = (0, import_react4.useState)(0);
+  const [showWarning, setShowWarning] = (0, import_react4.useState)(false);
+  const [showToolbar, setShowToolbar] = (0, import_react4.useState)(false);
+  const editor = (0, import_react5.useEditor)({
     extensions: [
       import_starter_kit.default,
       EmojiNode,
@@ -5001,11 +5002,11 @@ function CustomRichTextEditor({
 
 // src/components/ChatUserList/ChatUserMessage.tsx
 var import_react_redux2 = require("react-redux");
-var import_react7 = require("react");
+var import_react8 = require("react");
 var import_dompurify = __toESM(require("dompurify"));
 
 // src/components/VirtualizedList/ChatScrollContainer.tsx
-var import_react5 = __toESM(require("react"));
+var import_react6 = __toESM(require("react"));
 function ChatScrollContainer({
   data: data2,
   renderItem,
@@ -5013,18 +5014,18 @@ function ChatScrollContainer({
   hasMore,
   scrollToBottomTrigger
 }) {
-  const containerRef = (0, import_react5.useRef)(null);
-  const isFetchingRef = (0, import_react5.useRef)(false);
-  const isInitialLoadRef = (0, import_react5.useRef)(true);
-  const prevLengthRef = (0, import_react5.useRef)(0);
-  (0, import_react5.useEffect)(() => {
+  const containerRef = (0, import_react6.useRef)(null);
+  const isFetchingRef = (0, import_react6.useRef)(false);
+  const isInitialLoadRef = (0, import_react6.useRef)(true);
+  const prevLengthRef = (0, import_react6.useRef)(0);
+  (0, import_react6.useEffect)(() => {
     const el = containerRef.current;
     if (!el) return;
     setTimeout(() => {
       el.scrollTop = el.scrollHeight;
     }, 100);
   }, [scrollToBottomTrigger]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     const el = containerRef.current;
     if (!el || !data2.length) return;
     if (isInitialLoadRef.current) {
@@ -5054,7 +5055,7 @@ function ChatScrollContainer({
       isFetchingRef.current = false;
     }, 0);
   };
-  return /* @__PURE__ */ import_react5.default.createElement(
+  return /* @__PURE__ */ import_react6.default.createElement(
     "div",
     {
       ref: containerRef,
@@ -5066,12 +5067,12 @@ function ChatScrollContainer({
         flexDirection: "column"
       }
     },
-    data2.map((item, index) => /* @__PURE__ */ import_react5.default.createElement("div", { key: item?.id || index }, renderItem(item, index)))
+    data2.map((item, index) => /* @__PURE__ */ import_react6.default.createElement("div", { key: item?.id || index }, renderItem(item, index)))
   );
 }
 
 // src/components/UserProfile/UserProfileDrawer.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 var import_core6 = require("@mantine/core");
 var import_icons_react2 = require("@tabler/icons-react");
 function UserProfileDrawer({
@@ -5081,9 +5082,9 @@ function UserProfileDrawer({
   onDeleteMessages,
   onBlock
 }) {
-  const [visible, setVisible] = (0, import_react6.useState)(opened);
-  const [showImagePreview, setShowImagePreview] = (0, import_react6.useState)(false);
-  (0, import_react6.useEffect)(() => {
+  const [visible, setVisible] = (0, import_react7.useState)(opened);
+  const [showImagePreview, setShowImagePreview] = (0, import_react7.useState)(false);
+  (0, import_react7.useEffect)(() => {
     if (opened) setVisible(true);
   }, [opened]);
   const handleClose = () => {
@@ -5147,9 +5148,9 @@ function ChatUserMessage({
   const messageList = (0, import_react_redux2.useSelector)(
     (state) => state.chat.messageList
   );
-  const [page, setPage] = (0, import_react7.useState)(0);
-  const [scrollTrigger, setScrollTrigger] = (0, import_react7.useState)(0);
-  const [showUserInfo, setShowUserInfo] = (0, import_react7.useState)(false);
+  const [page, setPage] = (0, import_react8.useState)(0);
+  const [scrollTrigger, setScrollTrigger] = (0, import_react8.useState)(0);
+  const [showUserInfo, setShowUserInfo] = (0, import_react8.useState)(false);
   const messages = messageList?.rows?.data || [];
   const isEmpty = messages.length === 0;
   const loadOlderMessages = () => {
@@ -5165,7 +5166,7 @@ function ChatUserMessage({
     );
     setPage(nextPage);
   };
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (chatId) {
       setPage(0);
       dispatch(
@@ -5177,7 +5178,7 @@ function ChatUserMessage({
       );
     }
   }, [chatId]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (!senderDetails?.userId) return;
     const socket2 = getSocket(senderDetails?.userId || "");
     if (!socket2) return;
@@ -5382,7 +5383,7 @@ function ChatUserMessage({
 
 // src/components/ChatUserList/ChatUserList.tsx
 var import_react_redux3 = require("react-redux");
-var import_react8 = require("react");
+var import_react9 = require("react");
 
 // src/components/ChatUserList/users_list.json
 var users_list_default = [
@@ -6093,21 +6094,21 @@ function ChatUserList() {
   const chatList = (0, import_react_redux3.useSelector)(
     (state) => state.chat.messagedUserList
   );
-  const [page, setPage] = (0, import_react8.useState)(0);
-  const [chatId, setChatId] = (0, import_react8.useState)("");
-  const [enableChat, setEnableChat] = (0, import_react8.useState)(false);
-  const [receiverSearchValue, setReceiverSearchValue] = (0, import_react8.useState)("");
-  const [receiverDetails, setReceiverDetails] = (0, import_react8.useState)();
-  const [receiverUserDetails, setReceiverUserDetails] = (0, import_react8.useState)();
-  const [senderSearchValue, setSenderSearchValue] = (0, import_react8.useState)("");
-  const [senderDetails, setSenderDetails] = (0, import_react8.useState)("");
-  const [senderUserDetails, setSenderUserDetails] = (0, import_react8.useState)();
-  (0, import_react8.useEffect)(() => {
+  const [page, setPage] = (0, import_react9.useState)(0);
+  const [chatId, setChatId] = (0, import_react9.useState)("");
+  const [enableChat, setEnableChat] = (0, import_react9.useState)(false);
+  const [receiverSearchValue, setReceiverSearchValue] = (0, import_react9.useState)("");
+  const [receiverDetails, setReceiverDetails] = (0, import_react9.useState)();
+  const [receiverUserDetails, setReceiverUserDetails] = (0, import_react9.useState)();
+  const [senderSearchValue, setSenderSearchValue] = (0, import_react9.useState)("");
+  const [senderDetails, setSenderDetails] = (0, import_react9.useState)("");
+  const [senderUserDetails, setSenderUserDetails] = (0, import_react9.useState)();
+  (0, import_react9.useEffect)(() => {
     if (senderUserDetails) {
       setSenderDetails(senderUserDetails);
     }
   }, [senderUserDetails]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (!senderUserDetails) return;
     dispatch(
       fetchMessageListByUserId({ userId: senderUserDetails.userId, page: 0 })
@@ -6139,7 +6140,7 @@ function ChatUserList() {
     setChatId("");
     setEnableChat(true);
   };
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (!senderDetails?.userId) return;
     const socket2 = getSocket(senderDetails.userId);
     if (!socket2) return;
@@ -6147,7 +6148,7 @@ function ChatUserList() {
       socket2.connect();
     }
   }, [senderDetails?.userId]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (!senderUserDetails?.userId) return;
     const socket2 = getSocket(senderDetails.userId);
     if (!socket2) return;
@@ -6169,7 +6170,7 @@ function ChatUserList() {
       socket2.off("newChat", handleNewChat);
     };
   }, [senderDetails.userId]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (!senderDetails?.userId) return;
     const socket2 = getSocket(senderDetails?.userId || "");
     if (!socket2) return;
@@ -6404,12 +6405,11 @@ function ChatUserList() {
 
 // src/components/MrChat/index.tsx
 function MrChat(props) {
-  const [primaryColor] = (0, import_react9.useState)("customBrand");
+  const [primaryColor] = (0, import_react10.useState)("customBrand");
   const theme = createAppTheme(primaryColor);
-  return /* @__PURE__ */ import_react9.default.createElement(ReduxProvider, null, /* @__PURE__ */ import_react9.default.createElement(SocketProvider, null, /* @__PURE__ */ import_react9.default.createElement(import_core9.MantineProvider, { defaultColorScheme: "light", theme }, /* @__PURE__ */ import_react9.default.createElement(import_notifications2.Notifications, null), /* @__PURE__ */ import_react9.default.createElement(ChatUserList, { ...props }))));
+  return /* @__PURE__ */ import_react10.default.createElement(ReduxProvider, null, /* @__PURE__ */ import_react10.default.createElement(SocketProvider, null, /* @__PURE__ */ import_react10.default.createElement(import_core9.MantineProvider, { defaultColorScheme: "light", theme }, /* @__PURE__ */ import_react10.default.createElement(import_notifications2.Notifications, null), /* @__PURE__ */ import_react10.default.createElement(ChatUserList, { ...props }))));
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   MrChat
 });
-//# sourceMappingURL=index.js.map

package/dist/index.mjs

@@ -2,7 +2,7 @@
 import "@mantine/core/styles.css";
 import "@mantine/tiptap/styles.css";
 import "@mantine/notifications/styles.css";
-import React3, { useState as useState6 } from "react";
+import React4, { useState as useState6 } from "react";
 import { MantineProvider } from "@mantine/core";
 import { Notifications } from "@mantine/notifications";
 
@@ -83,6 +83,7 @@ var createAppTheme = (primaryColor) => createTheme({
 });
 
 // src/store/provider.tsx
+import React2 from "react";
 import { Provider } from "react-redux";
 
 // src/store/store.ts
@@ -290,7 +291,7 @@ var store = configureStore({
 
 // src/store/provider.tsx
 function ReduxProvider({ children }) {
-  return /* @__PURE__ */ React.createElement(Provider, { store }, children);
+  return /* @__PURE__ */ React2.createElement(Provider, { store }, children);
 }
 
 // src/store/socket/index.tsx
@@ -4997,7 +4998,7 @@ import { useEffect as useEffect4, useState as useState4 } from "react";
 import DOMPurify from "dompurify";
 
 // src/components/VirtualizedList/ChatScrollContainer.tsx
-import React2, { useRef, useEffect as useEffect2 } from "react";
+import React3, { useRef, useEffect as useEffect2 } from "react";
 function ChatScrollContainer({
   data: data2,
   renderItem,
@@ -5046,7 +5047,7 @@ function ChatScrollContainer({
       isFetchingRef.current = false;
     }, 0);
   };
-  return /* @__PURE__ */ React2.createElement(
+  return /* @__PURE__ */ React3.createElement(
     "div",
     {
       ref: containerRef,
@@ -5058,7 +5059,7 @@ function ChatScrollContainer({
         flexDirection: "column"
       }
     },
-    data2.map((item, index) => /* @__PURE__ */ React2.createElement("div", { key: item?.id || index }, renderItem(item, index)))
+    data2.map((item, index) => /* @__PURE__ */ React3.createElement("div", { key: item?.id || index }, renderItem(item, index)))
   );
 }
 
@@ -6402,9 +6403,8 @@ function ChatUserList() {
 function MrChat(props) {
   const [primaryColor] = useState6("customBrand");
   const theme = createAppTheme(primaryColor);
-  return /* @__PURE__ */ React3.createElement(ReduxProvider, null, /* @__PURE__ */ React3.createElement(SocketProvider, null, /* @__PURE__ */ React3.createElement(MantineProvider, { defaultColorScheme: "light", theme }, /* @__PURE__ */ React3.createElement(Notifications, null), /* @__PURE__ */ React3.createElement(ChatUserList, { ...props }))));
+  return /* @__PURE__ */ React4.createElement(ReduxProvider, null, /* @__PURE__ */ React4.createElement(SocketProvider, null, /* @__PURE__ */ React4.createElement(MantineProvider, { defaultColorScheme: "light", theme }, /* @__PURE__ */ React4.createElement(Notifications, null), /* @__PURE__ */ React4.createElement(ChatUserList, { ...props }))));
 }
 export {
   MrChat
 };
-//# sourceMappingURL=index.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mr-chat-bird",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "private": false,
   "license": "MIT",
   "main": "./dist/index.js",
@@ -12,7 +12,7 @@
   "scripts": {
     "start": "next start",
     "build": "next build",
-    "build:npm": "tsup",
+    "build:npm": "tsup index.ts --format esm,cjs --dts",
     "dev": "next dev",
     "analyze": "ANALYZE=true next build"
   },