mr-chat-bird 1.0.11 → 1.0.13

package/dist/index.mjs

@@ -349,18 +349,16 @@ import {
   ActionIcon as ActionIcon2,
   Autocomplete,
   Group,
-  Avatar as Avatar3
+  Avatar as Avatar3,
+  Loader
 } from "@mantine/core";
 import { IconPlus } from "@tabler/icons-react";
 import { useDisclosure } from "@mantine/hooks";
 
 // src/components/ChatUserList/ChatUserMessage.tsx
-import { Text as Text2, Menu as Menu2, Avatar as Avatar2 } from "@mantine/core";
+import { Text as Text2, Avatar as Avatar2 } from "@mantine/core";
 import {
-  IconBan as IconBan2,
-  IconDotsVertical,
-  IconLock,
-  IconTrash as IconTrash2
+  IconLock
 } from "@tabler/icons-react";
 
 // src/components/RichTextEditor/RichTextEditor.tsx
@@ -369,7 +367,9 @@ import {
   IconSend,
   IconAlignLeft,
   IconAlignCenter,
-  IconAlignRight
+  IconAlignRight,
+  IconMoodPlus,
+  IconTextColor
 } from "@tabler/icons-react";
 import Highlight from "@tiptap/extension-highlight";
 import SubScript from "@tiptap/extension-subscript";
@@ -4796,12 +4796,6 @@ function EmojiPickerPopover({
   );
 }
 
-// src/utils/icons/richText/TextFormat.svg
-var TextFormat_default = "./TextFormat-R4ZVDKE2.svg";
-
-// src/utils/icons/richText/AddReaction.svg
-var AddReaction_default = "./AddReaction-DCDVOMZB.svg";
-
 // src/components/RichTextEditor/EmojiNode.tsx
 var EmojiNode = Node3.create({
   name: "emoji",
@@ -4903,10 +4897,9 @@ function CustomRichTextEditor({
             radius: "lg",
             variant: "subtle",
             "aria-label": "add",
-            color: "#333",
             className: "mrchat-mainActionEmojiIcon"
           },
-          /* @__PURE__ */ React4.createElement(AddReaction_default, null)
+          /* @__PURE__ */ React4.createElement(IconMoodPlus, null)
         )
       }
     ), /* @__PURE__ */ React4.createElement(
@@ -4915,11 +4908,10 @@ function CustomRichTextEditor({
         radius: "lg",
         variant: "subtle",
         "aria-label": "text_format",
-        color: "#333",
         className: "mrchat-mainTextFormatIcon",
         onClick: () => setShowToolbar((prev) => !prev)
       },
-      /* @__PURE__ */ React4.createElement(TextFormat_default, null)
+      /* @__PURE__ */ React4.createElement(IconTextColor, { stroke: 1.7 })
     ), /* @__PURE__ */ React4.createElement(
       ActionIcon,
       {
@@ -4942,7 +4934,6 @@ function CustomRichTextEditor({
         {
           variant: "outline",
           size: "md",
-          color: "#495057",
           className: "mrchat-customToolActionItem"
         },
         /* @__PURE__ */ React4.createElement(IconAlignLeft, { size: 16, stroke: 1.5 })
@@ -5067,9 +5058,7 @@ function ChatScrollContainer({
 import React6, { useEffect as useEffect3, useState as useState3 } from "react";
 import { Avatar, Text } from "@mantine/core";
 import {
-  IconArrowLeft,
-  IconTrash,
-  IconBan
+  IconArrowLeft
 } from "@tabler/icons-react";
 function UserProfileDrawer({
   opened,
@@ -5104,24 +5093,7 @@ function UserProfileDrawer({
         style: { cursor: "pointer" },
         onClick: () => user?.avatar ? setShowImagePreview(true) : {}
       }
-    ), /* @__PURE__ */ React6.createElement(Text, { fw: 700, size: "lg", mt: "sm" }, user?.displayName), /* @__PURE__ */ React6.createElement(Text, { size: "sm", c: "dimmed" }, "@", user?.username)),
-    /* @__PURE__ */ React6.createElement("div", { className: "mrchat-actions" }, /* @__PURE__ */ React6.createElement(
-      "div",
-      {
-        className: `${"mrchat-item"} ${"mrchat-itemDanger"}`,
-        onClick: onDeleteMessages
-      },
-      /* @__PURE__ */ React6.createElement(IconTrash, { size: 18 }),
-      /* @__PURE__ */ React6.createElement("span", null, "Delete all messages")
-    ), /* @__PURE__ */ React6.createElement(
-      "div",
-      {
-        className: `${"mrchat-item"} ${"mrchat-itemDanger"}`,
-        onClick: onBlock
-      },
-      /* @__PURE__ */ React6.createElement(IconBan, { size: 18 }),
-      /* @__PURE__ */ React6.createElement("span", null, "Block")
-    ))
+    ), /* @__PURE__ */ React6.createElement(Text, { fw: 700, size: "lg", mt: "sm" }, user?.displayName), /* @__PURE__ */ React6.createElement(Text, { size: "sm", c: "dimmed" }, "@", user?.username))
   )), showImagePreview && /* @__PURE__ */ React6.createElement(
     "div",
     {
@@ -5294,15 +5266,7 @@ function ChatUserMessage({
       }
     ),
     /* @__PURE__ */ React7.createElement(Text2, { fw: 600, size: "md" }, receiverDetails?.displayName || receiverDetails?.username)
-  ), /* @__PURE__ */ React7.createElement(Menu2, { shadow: "md", width: 200, position: "bottom-end" }, /* @__PURE__ */ React7.createElement(Menu2.Target, null, /* @__PURE__ */ React7.createElement(IconDotsVertical, { size: 20, style: { cursor: "pointer" } })), /* @__PURE__ */ React7.createElement(Menu2.Dropdown, null, /* @__PURE__ */ React7.createElement(
-    Menu2.Item,
-    {
-      color: "red",
-      leftSection: /* @__PURE__ */ React7.createElement(IconTrash2, { size: 16 }),
-      onClick: handleDeleteMessages
-    },
-    "Delete all messages"
-  ), /* @__PURE__ */ React7.createElement(Menu2.Item, { color: "red", leftSection: /* @__PURE__ */ React7.createElement(IconBan2, { size: 16 }) }, "Block"))))), /* @__PURE__ */ React7.createElement("div", { className: "mrchat-messageArea" }, isEmpty ? /* @__PURE__ */ React7.createElement("div", { className: "mrchat-emptyState" }, /* @__PURE__ */ React7.createElement("div", { className: "mrchat-encryptionMinimal" }, /* @__PURE__ */ React7.createElement(IconLock, { size: 20, stroke: 1.8 }), /* @__PURE__ */ React7.createElement(Text2, { className: "mrchat-encryptionText", size: "md" }, "End-to-end encrypted"))) : /* @__PURE__ */ React7.createElement(
+  ))), /* @__PURE__ */ React7.createElement("div", { className: "mrchat-messageArea" }, isEmpty ? /* @__PURE__ */ React7.createElement("div", { className: "mrchat-emptyState" }, /* @__PURE__ */ React7.createElement("div", { className: "mrchat-encryptionMinimal" }, /* @__PURE__ */ React7.createElement(IconLock, { size: 20, stroke: 1.8 }), /* @__PURE__ */ React7.createElement(Text2, { className: "mrchat-encryptionText", size: "md" }, "End-to-end encrypted"))) : /* @__PURE__ */ React7.createElement(
     ChatScrollContainer,
     {
       data: messages,
@@ -5381,656 +5345,6 @@ function ChatUserMessage({
 import { useDispatch as useDispatch2, useSelector as useSelector2 } from "react-redux";
 import React9, { useEffect as useEffect5, useState as useState5 } from "react";
 
-// src/components/ChatUserList/users_list.json
-var users_list_default = [
-  {
-    userId: "7036421",
-    username: "paul53",
-    displayName: "Scott Lamb",
-    avatar: "https://i.pravatar.cc/150?img=1"
-  },
-  {
-    userId: "7751072",
-    username: "ysuarez",
-    displayName: "Joseph Jenkins",
-    email: "bethanyrivas@gordon-lopez.org"
-  },
-  {
-    userId: "4741636",
-    username: "trevoracevedo",
-    displayName: "Kristen Lynch",
-    avatar: "https://i.pravatar.cc/150?img=3"
-  },
-  {
-    userId: "8760149",
-    username: "denisereeves",
-    displayName: "Douglas Hernandez",
-    email: "cwalker@hotmail.com",
-    avatar: "https://i.pravatar.cc/150?img=4"
-  },
-  {
-    userId: "7860290",
-    username: "tiffany20",
-    displayName: "Lisa Rodriguez",
-    avatar: "https://i.pravatar.cc/150?img=5"
-  },
-  {
-    userId: "5779060",
-    username: "kathleenaustin",
-    avatar: "https://i.pravatar.cc/150?img=6"
-  },
-  {
-    userId: "3703452",
-    username: "kimberlyvelazquez",
-    displayName: "Stephen Bates",
-    avatar: "https://i.pravatar.cc/150?img=7"
-  },
-  {
-    userId: "6411379",
-    username: "gmueller"
-  },
-  {
-    userId: "2237280",
-    username: "pscott",
-    displayName: "Amanda Fry",
-    avatar: "https://i.pravatar.cc/150?img=9"
-  },
-  {
-    userId: "4656816",
-    username: "moranjonathan",
-    displayName: "John White",
-    avatar: "https://i.pravatar.cc/150?img=10"
-  },
-  {
-    userId: "3190200",
-    username: "rnelson",
-    displayName: "Kristi Cardenas",
-    email: "corey03@bray.biz",
-    avatar: "https://i.pravatar.cc/150?img=11"
-  },
-  {
-    userId: "5440578",
-    username: "harringtonkimberly",
-    displayName: "John Crosby",
-    avatar: "https://i.pravatar.cc/150?img=12"
-  },
-  {
-    userId: "4885496",
-    username: "dylan10",
-    displayName: "Christine Carson",
-    email: "joshua84@harrison-booth.com",
-    avatar: "https://i.pravatar.cc/150?img=13"
-  },
-  {
-    userId: "4634667",
-    username: "angelaramirez",
-    displayName: "Michael Harris",
-    email: "josephlopez@white.com",
-    avatar: "https://i.pravatar.cc/150?img=14"
-  },
-  {
-    userId: "5702972",
-    username: "itran",
-    displayName: "Jennifer Johnson",
-    email: "milesryan@hotmail.com",
-    avatar: "https://i.pravatar.cc/150?img=15"
-  },
-  {
-    userId: "2785214",
-    username: "conniebarr",
-    displayName: "Haley Duffy",
-    email: "watkinsstephanie@yahoo.com",
-    avatar: "https://i.pravatar.cc/150?img=16"
-  },
-  {
-    userId: "6435046",
-    username: "brandon29",
-    displayName: "Max Stein",
-    avatar: "https://i.pravatar.cc/150?img=17"
-  },
-  {
-    userId: "1446780",
-    username: "imontgomery",
-    displayName: "Megan Ross",
-    avatar: "https://i.pravatar.cc/150?img=18"
-  },
-  {
-    userId: "8563828",
-    username: "martinmcdaniel",
-    displayName: "Cynthia Allen",
-    avatar: "https://i.pravatar.cc/150?img=19"
-  },
-  {
-    userId: "6408653",
-    username: "jasonbooth",
-    displayName: "Jesse Hobbs",
-    avatar: "https://i.pravatar.cc/150?img=20"
-  },
-  {
-    userId: "1882055",
-    username: "qparker",
-    displayName: "Teresa Romero",
-    email: "gillespieheather@yahoo.com",
-    avatar: "https://i.pravatar.cc/150?img=21"
-  },
-  {
-    userId: "9073447",
-    username: "williamsanchez",
-    displayName: "Michael Yang",
-    avatar: "https://i.pravatar.cc/150?img=22"
-  },
-  {
-    userId: "2740582",
-    username: "caroladams",
-    displayName: "Sara Burgess",
-    email: "tdawson@davis-cruz.biz",
-    avatar: "https://i.pravatar.cc/150?img=23"
-  },
-  {
-    userId: "8800791",
-    username: "daniellewillis",
-    displayName: "Kristin Huerta",
-    email: "johnsonpeter@yahoo.com",
-    avatar: "https://i.pravatar.cc/150?img=24"
-  },
-  {
-    userId: "6312408",
-    username: "kochveronica",
-    displayName: "Shelia Ellison",
-    avatar: "https://i.pravatar.cc/150?img=25"
-  },
-  {
-    userId: "3930592",
-    username: "josephcox",
-    displayName: "David Warren",
-    email: "smithjenny@yahoo.com",
-    avatar: "https://i.pravatar.cc/150?img=26"
-  },
-  {
-    userId: "5745377",
-    username: "westjennifer",
-    displayName: "Michelle Simmons",
-    email: "christina76@taylor.biz",
-    avatar: "https://i.pravatar.cc/150?img=27"
-  },
-  {
-    userId: "1233544",
-    username: "christian34",
-    displayName: "Jessica Reynolds MD",
-    avatar: "https://i.pravatar.cc/150?img=28"
-  },
-  {
-    userId: "3076089",
-    username: "wrightsabrina",
-    displayName: "Barbara Patterson",
-    email: "danieldunn@keller-perez.org",
-    avatar: "https://i.pravatar.cc/150?img=29"
-  },
-  {
-    userId: "4076079",
-    username: "reidlinda",
-    displayName: "Emily Wheeler",
-    avatar: "https://i.pravatar.cc/150?img=30"
-  },
-  {
-    userId: "1910143",
-    username: "gking",
-    displayName: "Linda White",
-    email: "nichole74@yahoo.com",
-    avatar: "https://i.pravatar.cc/150?img=31"
-  },
-  {
-    userId: "6768563",
-    username: "sextonnicholas",
-    displayName: "Jessica Lucas",
-    email: "zdiaz@thomas.net",
-    avatar: "https://i.pravatar.cc/150?img=32"
-  },
-  {
-    userId: "2581511",
-    username: "donnahorton",
-    displayName: "Jesus Aguirre",
-    email: "osbornepriscilla@gmail.com",
-    avatar: "https://i.pravatar.cc/150?img=33"
-  },
-  {
-    userId: "9815769",
-    username: "hernandezjoseph",
-    displayName: "Anne Holden MD",
-    avatar: "https://i.pravatar.cc/150?img=34"
-  },
-  {
-    userId: "8020976",
-    username: "michellestuart",
-    displayName: "Traci Cunningham",
-    email: "lgonzalez@gmail.com",
-    avatar: "https://i.pravatar.cc/150?img=35"
-  },
-  {
-    userId: "3915464",
-    username: "vdixon",
-    displayName: "Mr. Steven Davis",
-    avatar: "https://i.pravatar.cc/150?img=36"
-  },
-  {
-    userId: "1859539",
-    username: "rodriguezjoshua",
-    displayName: "James Anderson",
-    avatar: "https://i.pravatar.cc/150?img=37"
-  },
-  {
-    userId: "1905847",
-    username: "randallvincent",
-    displayName: "Matthew Roberts",
-    email: "sharon26@cooper.com",
-    avatar: "https://i.pravatar.cc/150?img=38"
-  },
-  {
-    userId: "4977720",
-    username: "kentgarcia",
-    displayName: "Francis Love",
-    avatar: "https://i.pravatar.cc/150?img=39"
-  },
-  {
-    userId: "6947604",
-    username: "rbeard",
-    displayName: "Sheila Harper",
-    email: "kristin42@benson.info",
-    avatar: "https://i.pravatar.cc/150?img=40"
-  },
-  {
-    userId: "8208627",
-    username: "kramerbenjamin",
-    displayName: "Gregory Boyd",
-    avatar: "https://i.pravatar.cc/150?img=41"
-  },
-  {
-    userId: "4501323",
-    username: "dianamartinez",
-    displayName: "John Johnson",
-    avatar: "https://i.pravatar.cc/150?img=42"
-  },
-  {
-    userId: "4342767",
-    username: "kimjoe",
-    displayName: "Charles Conner",
-    avatar: "https://i.pravatar.cc/150?img=43"
-  },
-  {
-    userId: "2573585",
-    username: "deniseward",
-    displayName: "Gabrielle Garcia",
-    avatar: "https://i.pravatar.cc/150?img=44"
-  },
-  {
-    userId: "9792211",
-    username: "williamsmichael",
-    displayName: "Diana Jones",
-    email: "lpena@wilson.com",
-    avatar: "https://i.pravatar.cc/150?img=45"
-  },
-  {
-    userId: "6368087",
-    username: "nathaniel88",
-    displayName: "Travis Allen",
-    email: "jon72@hotmail.com",
-    avatar: "https://i.pravatar.cc/150?img=46"
-  },
-  {
-    userId: "7706511",
-    username: "ireed",
-    displayName: "Tracy Sanchez",
-    avatar: "https://i.pravatar.cc/150?img=47"
-  },
-  {
-    userId: "6860644",
-    username: "fyoder",
-    displayName: "Linda Kemp",
-    email: "amandacarr@yahoo.com",
-    avatar: "https://i.pravatar.cc/150?img=48"
-  },
-  {
-    userId: "5134565",
-    username: "bernardpaul",
-    displayName: "Jessica Perry",
-    email: "pearsonann@hogan-miller.net",
-    avatar: "https://i.pravatar.cc/150?img=49"
-  },
-  {
-    userId: "9375192",
-    username: "hernandezarthur",
-    displayName: "Collin Lynn",
-    email: "normanholland@morales.com",
-    avatar: "https://i.pravatar.cc/150?img=50"
-  },
-  {
-    userId: "4419504",
-    username: "kennethortega",
-    displayName: "David Sims",
-    avatar: "https://i.pravatar.cc/150?img=51"
-  },
-  {
-    userId: "8710391",
-    username: "fmccarthy",
-    displayName: "Victoria Fletcher",
-    email: "jillianberry@thompson-simpson.com",
-    avatar: "https://i.pravatar.cc/150?img=52"
-  },
-  {
-    userId: "4125262",
-    username: "youngjulie",
-    displayName: "James Bentley",
-    avatar: "https://i.pravatar.cc/150?img=53"
-  },
-  {
-    userId: "5874590",
-    username: "harrisonalexandria",
-    displayName: "Michelle Reyes",
-    email: "pcole@yahoo.com",
-    avatar: "https://i.pravatar.cc/150?img=54"
-  },
-  {
-    userId: "1171541",
-    username: "katherine38",
-    displayName: "Mary Thomas",
-    avatar: "https://i.pravatar.cc/150?img=55"
-  },
-  {
-    userId: "6212527",
-    username: "molson",
-    displayName: "Emily Horne",
-    email: "tmiddleton@yahoo.com",
-    avatar: "https://i.pravatar.cc/150?img=56"
-  },
-  {
-    userId: "1520546",
-    username: "raymondheidi",
-    displayName: "Dr. Timothy Henry",
-    email: "charlesporter@alexander-douglas.com",
-    avatar: "https://i.pravatar.cc/150?img=57"
-  },
-  {
-    userId: "8695422",
-    username: "yperez",
-    displayName: "Matthew Gould",
-    email: "alexanderwilliams@gmail.com",
-    avatar: "https://i.pravatar.cc/150?img=58"
-  },
-  {
-    userId: "1576474",
-    username: "levinebrandon",
-    displayName: "Steven Jones",
-    email: "james05@stephenson-long.com",
-    avatar: "https://i.pravatar.cc/150?img=59"
-  },
-  {
-    userId: "3764960",
-    username: "jeremyhuynh",
-    displayName: "Veronica Martinez",
-    avatar: "https://i.pravatar.cc/150?img=60"
-  },
-  {
-    userId: "7813766",
-    username: "marshallricky",
-    displayName: "Thomas Martin",
-    email: "todd46@yahoo.com",
-    avatar: "https://i.pravatar.cc/150?img=61"
-  },
-  {
-    userId: "3265121",
-    username: "jessicaoconnell",
-    displayName: "David Hoover",
-    email: "jennifer58@hotmail.com",
-    avatar: "https://i.pravatar.cc/150?img=62"
-  },
-  {
-    userId: "8177761",
-    username: "michaelsparks",
-    displayName: "Jeffrey Hoffman",
-    avatar: "https://i.pravatar.cc/150?img=63"
-  },
-  {
-    userId: "5212768",
-    username: "gomezjames",
-    displayName: "Jennifer Shaw",
-    avatar: "https://i.pravatar.cc/150?img=64"
-  },
-  {
-    userId: "2316645",
-    username: "timothylopez",
-    displayName: "Alexander Hicks",
-    email: "sandrasmith@yahoo.com",
-    avatar: "https://i.pravatar.cc/150?img=65"
-  },
-  {
-    userId: "2582937",
-    username: "reynoldsbrad",
-    displayName: "Theresa Willis",
-    avatar: "https://i.pravatar.cc/150?img=66"
-  },
-  {
-    userId: "1463707",
-    username: "othompson",
-    displayName: "Lauren Holmes",
-    email: "charles40@hamilton-johnson.com",
-    avatar: "https://i.pravatar.cc/150?img=67"
-  },
-  {
-    userId: "2368693",
-    username: "dholland",
-    displayName: "Alexandra Hansen",
-    email: "annlivingston@davis-spencer.com",
-    avatar: "https://i.pravatar.cc/150?img=68"
-  },
-  {
-    userId: "6792547",
-    username: "nataliehenry",
-    displayName: "Brian Henson",
-    avatar: "https://i.pravatar.cc/150?img=69"
-  },
-  {
-    userId: "6279552",
-    username: "ewingmichael",
-    displayName: "Eric Blackwell",
-    avatar: "https://i.pravatar.cc/150?img=70"
-  },
-  {
-    userId: "5284305",
-    username: "jcox",
-    displayName: "Eric Anderson",
-    email: "hleonard@mitchell.com",
-    avatar: "https://i.pravatar.cc/150?img=1"
-  },
-  {
-    userId: "7124467",
-    username: "christine01",
-    displayName: "Jeffrey Adams",
-    avatar: "https://i.pravatar.cc/150?img=2"
-  },
-  {
-    userId: "9947233",
-    username: "holly09",
-    displayName: "Beth Cooper",
-    avatar: "https://i.pravatar.cc/150?img=3"
-  },
-  {
-    userId: "4481447",
-    username: "hstephens",
-    displayName: "James Montes",
-    email: "oandersen@yahoo.com",
-    avatar: "https://i.pravatar.cc/150?img=4"
-  },
-  {
-    userId: "2136050",
-    username: "lewispaul",
-    displayName: "Alexander Green",
-    avatar: "https://i.pravatar.cc/150?img=5"
-  },
-  {
-    userId: "7517470",
-    username: "haroldroy",
-    displayName: "Karen Arroyo",
-    avatar: "https://i.pravatar.cc/150?img=6"
-  },
-  {
-    userId: "6153183",
-    username: "nbrown",
-    displayName: "Eileen White",
-    avatar: "https://i.pravatar.cc/150?img=7"
-  },
-  {
-    userId: "6159881",
-    username: "mayopatrick",
-    displayName: "Joanne Clark",
-    avatar: "https://i.pravatar.cc/150?img=8"
-  },
-  {
-    userId: "4545032",
-    username: "jonesbriana",
-    displayName: "Joshua Hogan",
-    avatar: "https://i.pravatar.cc/150?img=9"
-  },
-  {
-    userId: "1877889",
-    username: "david27",
-    displayName: "Amanda Smith",
-    avatar: "https://i.pravatar.cc/150?img=10"
-  },
-  {
-    userId: "8011103",
-    username: "samanthamontgomery",
-    displayName: "Michelle James",
-    avatar: "https://i.pravatar.cc/150?img=11"
-  },
-  {
-    userId: "1770816",
-    username: "jasonhawkins",
-    displayName: "Krystal Montoya",
-    email: "carol49@hawkins.com",
-    avatar: "https://i.pravatar.cc/150?img=12"
-  },
-  {
-    userId: "7398757",
-    username: "fstrickland",
-    displayName: "Jesse Foster",
-    avatar: "https://i.pravatar.cc/150?img=13"
-  },
-  {
-    userId: "6174493",
-    username: "vanessa41",
-    displayName: "Travis Werner",
-    avatar: "https://i.pravatar.cc/150?img=14"
-  },
-  {
-    userId: "5698330",
-    username: "leah20",
-    displayName: "Lisa Davis",
-    email: "mannwilliam@singh.com",
-    avatar: "https://i.pravatar.cc/150?img=15"
-  },
-  {
-    userId: "5919037",
-    username: "garciashane",
-    displayName: "Sean Murphy",
-    email: "hgonzalez@avila.info",
-    avatar: "https://i.pravatar.cc/150?img=16"
-  },
-  {
-    userId: "4577301",
-    username: "margaret94",
-    displayName: "Blake Mcfarland",
-    avatar: "https://i.pravatar.cc/150?img=17"
-  },
-  {
-    userId: "2155330",
-    username: "amberarellano",
-    displayName: "Jonathan Hawkins",
-    email: "rebecca14@reynolds-carlson.com",
-    avatar: "https://i.pravatar.cc/150?img=18"
-  },
-  {
-    userId: "4843253",
-    username: "villarrealannette",
-    displayName: "Angel Gonzales",
-    avatar: "https://i.pravatar.cc/150?img=19"
-  },
-  {
-    userId: "1906659",
-    username: "andrea21",
-    displayName: "Sarah Fitzgerald",
-    email: "smithrachel@shaw.com",
-    avatar: "https://i.pravatar.cc/150?img=20"
-  },
-  {
-    userId: "2119584",
-    username: "gsmith",
-    displayName: "Rachel Hamilton",
-    email: "angelajones@nixon.com",
-    avatar: "https://i.pravatar.cc/150?img=21"
-  },
-  {
-    userId: "4752319",
-    username: "gflores",
-    displayName: "Larry Larson",
-    email: "deborah84@hotmail.com",
-    avatar: "https://i.pravatar.cc/150?img=22"
-  },
-  {
-    userId: "5512539",
-    username: "terrihart",
-    displayName: "Melissa James",
-    email: "scottgregory@murphy.org",
-    avatar: "https://i.pravatar.cc/150?img=23"
-  },
-  {
-    userId: "7735585",
-    username: "randallmartinez",
-    displayName: "Heather Morris",
-    email: "raymond84@hunter-benjamin.com",
-    avatar: "https://i.pravatar.cc/150?img=24"
-  },
-  {
-    userId: "5081733",
-    username: "zgibson",
-    displayName: "Steven Burch",
-    email: "victoria55@hotmail.com",
-    avatar: "https://i.pravatar.cc/150?img=25"
-  },
-  {
-    userId: "9801446",
-    username: "msmith",
-    displayName: "Richard Saunders",
-    email: "sharoncoffey@hunter.com",
-    avatar: "https://i.pravatar.cc/150?img=26"
-  },
-  {
-    userId: "5315126",
-    username: "nguyenkimberly",
-    displayName: "David Odonnell",
-    avatar: "https://i.pravatar.cc/150?img=27"
-  },
-  {
-    userId: "1464038",
-    username: "travis55",
-    displayName: "Kevin Krause",
-    email: "barnesmichael@cross-riley.info",
-    avatar: "https://i.pravatar.cc/150?img=28"
-  },
-  {
-    userId: "2764284",
-    username: "twilson",
-    displayName: "Kelly Phillips",
-    email: "cbarnes@gmail.com",
-    avatar: "https://i.pravatar.cc/150?img=29"
-  },
-  {
-    userId: "8360841",
-    username: "hardingthomas",
-    displayName: "Roger Bowen",
-    avatar: "https://i.pravatar.cc/150?img=30"
-  }
-];
-
 // src/components/VirtualizedList/index.tsx
 import React8 from "react";
 import { Virtuoso } from "react-virtuoso";
@@ -6085,7 +5399,10 @@ var getChatDisplayTime = (timestamp) => {
 };
 
 // src/components/ChatUserList/ChatUserList.tsx
-function ChatUserList() {
+function ChatUserList({
+  currentUser,
+  onSearchUsers
+}) {
   const [opened, { open, close }] = useDisclosure(false);
   const dispatch = useDispatch2();
   const chatList = useSelector2(
@@ -6097,20 +5414,17 @@ function ChatUserList() {
   const [receiverSearchValue, setReceiverSearchValue] = useState5("");
   const [receiverDetails, setReceiverDetails] = useState5();
   const [receiverUserDetails, setReceiverUserDetails] = useState5();
-  const [senderSearchValue, setSenderSearchValue] = useState5("");
-  const [senderDetails, setSenderDetails] = useState5("");
-  const [senderUserDetails, setSenderUserDetails] = useState5();
+  const [searchResults, setSearchResults] = useState5([]);
+  const [isSearching, setIsSearching] = useState5(false);
+  const [senderDetails, setSenderDetails] = useState5(currentUser);
   useEffect5(() => {
-    if (senderUserDetails) {
-      setSenderDetails(senderUserDetails);
-    }
-  }, [senderUserDetails]);
+    if (!currentUser?.userId) return;
+    setSenderDetails(currentUser);
+  }, [currentUser?.userId]);
   useEffect5(() => {
-    if (!senderUserDetails) return;
-    dispatch(
-      fetchMessageListByUserId({ userId: senderUserDetails.userId, page: 0 })
-    );
-  }, [senderUserDetails]);
+    if (!currentUser?.userId) return;
+    dispatch(fetchMessageListByUserId({ userId: currentUser.userId, page: 0 }));
+  }, [currentUser?.userId, dispatch]);
   const handleStartChat = () => {
     if (!receiverUserDetails?.userId) return;
     const existingChat = chatList?.rows?.data?.find(
@@ -6146,11 +5460,11 @@ function ChatUserList() {
     }
   }, [senderDetails?.userId]);
   useEffect5(() => {
-    if (!senderUserDetails?.userId) return;
+    if (!senderDetails?.userId) return;
     const socket2 = getSocket(senderDetails.userId);
     if (!socket2) return;
     const handleNewChat = (data2) => {
-      if (data2.sender === senderUserDetails.userId) return;
+      if (data2.sender === senderDetails.userId) return;
       dispatch(
         addUserToChatList({
           message: data2.message,
@@ -6166,7 +5480,7 @@ function ChatUserList() {
     return () => {
       socket2.off("newChat", handleNewChat);
     };
-  }, [senderDetails.userId]);
+  }, [dispatch, senderDetails?.userId]);
   useEffect5(() => {
     if (!senderDetails?.userId) return;
     const socket2 = getSocket(senderDetails?.userId || "");
@@ -6209,17 +5523,18 @@ function ChatUserList() {
     };
   }, [chatList, senderDetails?.userId]);
   const loadMoreChats = () => {
-    if (!chatList?.hasMore) return;
+    if (!chatList?.hasMore || !currentUser?.userId) return;
     const nextPage = page + 1;
     setPage(nextPage);
     dispatch(
       fetchMessageListByUserId({
-        userId: senderUserDetails.userId,
+        userId: currentUser.userId,
         page: nextPage
       })
     );
   };
   const handleJoinChat = (item) => {
+    if (!senderDetails?.userId) return;
     const socket2 = getSocket(senderDetails.userId);
     if (!socket2) return;
     setReceiverDetails({
@@ -6246,12 +5561,45 @@ function ChatUserList() {
       })
     );
   };
+  const handleSearchUsers = (value) => {
+    setReceiverSearchValue(value);
+  };
+  useEffect5(() => {
+    if (!receiverSearchValue.trim()) {
+      setSearchResults([]);
+      setIsSearching(false);
+      return;
+    }
+    if (!onSearchUsers) {
+      setSearchResults([]);
+      setIsSearching(false);
+      return;
+    }
+    let isCancelled = false;
+    const timeoutId = setTimeout(async () => {
+      try {
+        setIsSearching(true);
+        setSearchResults([]);
+        const filteredUsers = await Promise.resolve(onSearchUsers(receiverSearchValue));
+        if (isCancelled) return;
+        setSearchResults(filteredUsers);
+      } finally {
+        if (!isCancelled) {
+          setIsSearching(false);
+        }
+      }
+    }, 400);
+    return () => {
+      isCancelled = true;
+      clearTimeout(timeoutId);
+    };
+  }, [receiverSearchValue, onSearchUsers]);
   const stripHtml = (html) => {
     const div = document.createElement("div");
     div.innerHTML = html;
     return div.textContent || "";
   };
-  const userOptions = users_list_default.map((user) => ({
+  const userOptions = searchResults.map((user) => ({
     value: user.username,
     label: user.displayName || user.username,
     user
@@ -6263,8 +5611,10 @@ function ChatUserList() {
       onClose: () => {
         close();
         setReceiverSearchValue("");
+        setSearchResults([]);
+        setIsSearching(false);
       },
-      title: "Find User",
+      title: "Search User",
       centered: true,
       withCloseButton: true
     },
@@ -6272,40 +5622,21 @@ function ChatUserList() {
       Autocomplete,
       {
         mb: 12,
-        label: "Sender",
-        placeholder: "Type username...",
-        limit: 20,
-        data: userOptions,
-        value: senderSearchValue,
-        onChange: setSenderSearchValue,
-        onOptionSubmit: (val) => {
-          const selected = users_list_default.find((u) => u.username === val);
-          if (selected) {
-            setSenderSearchValue("");
-            setSenderUserDetails(selected);
-          }
-        },
-        renderOption: ({ option }) => {
-          const user = option.user;
-          return /* @__PURE__ */ React9.createElement(Group, { gap: "sm" }, /* @__PURE__ */ React9.createElement(Avatar3, { src: user.avatar, size: 36, radius: "xl" }), /* @__PURE__ */ React9.createElement("div", null, /* @__PURE__ */ React9.createElement(Text3, { size: "sm" }, user.displayName || user.username), user.displayName && /* @__PURE__ */ React9.createElement(Text3, { size: "xs", opacity: 0.5 }, "@", user.username)));
-        }
-      }
-    ),
-    /* @__PURE__ */ React9.createElement(
-      Autocomplete,
-      {
-        mb: 12,
-        label: "Receiver",
-        placeholder: "Type username...",
+        label: "Search User to Chat",
+        placeholder: "Type username to search...",
         limit: 20,
         data: userOptions,
         value: receiverSearchValue,
-        onChange: setReceiverSearchValue,
+        onChange: handleSearchUsers,
+        rightSection: isSearching ? /* @__PURE__ */ React9.createElement(Loader, { size: "xs" }) : void 0,
+        rightSectionWidth: 28,
         onOptionSubmit: (val) => {
-          const selected = users_list_default.find((u) => u.username === val);
+          const selected = searchResults.find((u) => u.username === val);
           if (selected) {
             setReceiverSearchValue("");
             setReceiverUserDetails(selected);
+            setSearchResults([]);
+            setIsSearching(false);
           }
         },
         renderOption: ({ option }) => {
@@ -6323,18 +5654,20 @@ function ChatUserList() {
       },
       "Start Chat"
     )
-  ), /* @__PURE__ */ React9.createElement("div", { className: "mrchat-chatContainer" }, /* @__PURE__ */ React9.createElement("div", { className: "mrchat-sidebar" }, /* @__PURE__ */ React9.createElement("div", { className: "mrchat-sidebarTop" }, /* @__PURE__ */ React9.createElement("div", { className: "mrchat-topBar" }, /* @__PURE__ */ React9.createElement(Text3, { size: "lg", fw: 600 }, "MrChat"), /* @__PURE__ */ React9.createElement("div", { className: "mrchat-topActions" }, /* @__PURE__ */ React9.createElement(
+  ), /* @__PURE__ */ React9.createElement("div", { className: "mrchat-chatContainer" }, /* @__PURE__ */ React9.createElement("div", { className: "mrchat-sidebar" }, /* @__PURE__ */ React9.createElement("div", { className: "mrchat-sidebarTop" }, /* @__PURE__ */ React9.createElement("div", { className: "mrchat-topBar" }, /* @__PURE__ */ React9.createElement(Text3, { size: "xs", c: "dimmed", mt: "sm", mb: "xs", ml: 12 }, "All Messages"), /* @__PURE__ */ React9.createElement("div", { className: "mrchat-topActions" }, /* @__PURE__ */ React9.createElement(
     ActionIcon2,
     {
       variant: "subtle",
       onClick: () => {
         setReceiverUserDetails(null);
+        setReceiverSearchValue("");
+        setSearchResults([]);
         open();
       },
       radius: "lg"
     },
     /* @__PURE__ */ React9.createElement(IconPlus, { size: 20, stroke: 3 })
-  )))), /* @__PURE__ */ React9.createElement(Text3, { size: "xs", c: "dimmed", mt: "sm", mb: "xs", ml: 12 }, "All Messages"), /* @__PURE__ */ React9.createElement("div", { className: "mrchat-scrollWrapper" }, /* @__PURE__ */ React9.createElement(
+  )))), /* @__PURE__ */ React9.createElement("div", { className: "mrchat-scrollWrapper" }, /* @__PURE__ */ React9.createElement(
     VirtualizedList,
     {
       data: chatList?.rows?.data || [],
@@ -6401,10 +5734,19 @@ function ChatUserList() {
 }
 
 // src/components/MrChat/index.tsx
-function MrChat(props) {
-  const [primaryColor] = useState6("customBrand");
+function MrChat({ colorScheme, ...props }) {
+  const [primaryColor, setPrimaryColor] = useState6("customBrand");
   const theme = createAppTheme(primaryColor);
-  return /* @__PURE__ */ React10.createElement(ReduxProvider, null, /* @__PURE__ */ React10.createElement(SocketProvider, null, /* @__PURE__ */ React10.createElement(MantineProvider, { defaultColorScheme: "light", theme }, /* @__PURE__ */ React10.createElement(Notifications, null), /* @__PURE__ */ React10.createElement(ChatUserList, { ...props }))));
+  return /* @__PURE__ */ React10.createElement(ReduxProvider, null, /* @__PURE__ */ React10.createElement(SocketProvider, null, /* @__PURE__ */ React10.createElement(
+    MantineProvider,
+    {
+      defaultColorScheme: colorScheme ?? "light",
+      forceColorScheme: colorScheme,
+      theme
+    },
+    /* @__PURE__ */ React10.createElement(Notifications, null),
+    /* @__PURE__ */ React10.createElement(ChatUserList, { ...props })
+  )));
 }
 export {
   MrChat