@messenger-box/platform-browser 10.0.3-alpha.16 → 10.0.3-alpha.160

package/lib/components/InboxMessage/MessagesList/index.js

@@ -1,78 +1,57 @@
-import React__default from'react';import {useDisclosure,Box,Avatar,Modal,ModalOverlay,ModalContent,ModalCloseButton,ModalBody,Text}from'@chakra-ui/react';import {AiFillFlag}from'react-icons/ai';import UserModalContent from'../UserModalContent/index.js';function MsgList({
+import React__default,{useState}from'react';import {AiFillFlag}from'@react-icons/all-files/ai/AiFillFlag.js';import UserModalContent from'../UserModalContent/index.js';function MsgList({
   messageList,
   currentUser
 }) {
-  const {
-    isOpen,
-    onOpen,
-    onClose
-  } = useDisclosure();
-  return React__default.createElement(React__default.Fragment, null, messageList?.map((element, index) => {
-    // if (message.author.username == user?.username ) {
-    return React__default.createElement("div", {
-      className: "message-list",
-      key: index
-    }, React__default.createElement(Box, {
-      display: "flex",
-      width: "100%"
-    }, React__default.createElement(Avatar, {
-      width: "40px",
-      height: "40px",
-      backgroundColor: "grey",
-      borderRadius: "50%",
-      src: element?.imageUrl ? element?.imageUrl : '',
-      marginRight: "15px",
-      onClick: onOpen
-    }), React__default.createElement(Modal, {
-      isOpen: isOpen,
-      onClose: onClose,
-      motionPreset: "slideInBottom"
-    }, React__default.createElement(ModalOverlay, null), React__default.createElement(ModalContent, {
-      backgroundColor: "white",
-      width: "1036px",
-      position: "absolute",
-      left: "530px",
-      top: "100px",
-      height: "700px",
-      borderRadius: "10px",
-      boxShadow: "0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)"
-    }, React__default.createElement(Box, {
-      display: "flex",
-      justifyContent: "space-between",
-      borderBottom: "1px solid rgb(221, 221, 221)",
-      paddingBottom: "15px",
-      paddingTop: "15px"
-    }, React__default.createElement(ModalCloseButton, {
-      as: "a",
-      width: "30px",
-      marginLeft: "10px",
-      color: "black",
-      _hover: {
-        color: 'black'
-      }
-    })), React__default.createElement(ModalBody, null, React__default.createElement(UserModalContent, {
-      username: element?.author?.username,
-      image: element.imageUrl ? element.imageUrl : ''
-    })))), React__default.createElement(Box, {
-      width: "100%"
-    }, React__default.createElement(Text, {
-      fontSize: "20px",
-      color: "black"
-    }, element?.author?.username), React__default.createElement(Box, {
-      display: "flex",
-      justifyContent: "space-between"
-    }, React__default.createElement(Text, {
-      color: "grey"
-    }, element?.message), currentUser !== element?.author?.username ? React__default.createElement(AiFillFlag, {
-      color: "black"
-    }) : ''))));
-    // }
-    // else {
-    //     return (
-    //         <div className='message-list'>
-    //             {element?.sendTo == user.username  ? <Comment author={<p className='username'>{element?.author?.username}</p>} key={index} datetime={Moment().format('HH mm: A')} avatar={<Avatar>{element?.author?.username.charAt(0)}</Avatar>} content={<div className="message"><p>{element.message}</p></div>} /> : '' }
-    //         </div>
-    //     )
-    // }
-  }));
+  const [isOpen, setIsOpen] = useState(false);
+  const [selectedUser, setSelectedUser] = useState(null);
+  const openModal = element => {
+    setSelectedUser(element);
+    setIsOpen(true);
+  };
+  const closeModal = () => {
+    setIsOpen(false);
+    setSelectedUser(null);
+  };
+  return React__default.createElement(React__default.Fragment, null, messageList?.map((element, index) => React__default.createElement("div", {
+    className: "message-list",
+    key: index
+  }, React__default.createElement("div", {
+    className: "flex w-full"
+  }, React__default.createElement("div", {
+    className: "w-10 h-10 bg-gray-400 rounded-full mr-4 cursor-pointer overflow-hidden",
+    onClick: () => openModal(element)
+  }, element?.imageUrl && React__default.createElement("img", {
+    src: element.imageUrl,
+    alt: element?.author?.username,
+    className: "w-full h-full object-cover"
+  })), React__default.createElement("div", {
+    className: "w-full"
+  }, React__default.createElement("p", {
+    className: "text-xl text-black"
+  }, element?.author?.username), React__default.createElement("div", {
+    className: "flex justify-between"
+  }, React__default.createElement("p", {
+    className: "text-gray-500"
+  }, element?.message), currentUser !== element?.author?.username && React__default.createElement(AiFillFlag, {
+    className: "text-black"
+  })))))), isOpen && React__default.createElement("div", {
+    className: "fixed inset-0 z-50 overflow-y-auto"
+  }, React__default.createElement("div", {
+    className: "flex items-center justify-center min-h-screen px-4"
+  }, React__default.createElement("div", {
+    className: "fixed inset-0 bg-black bg-opacity-30 transition-opacity",
+    onClick: closeModal
+  }), React__default.createElement("div", {
+    className: "relative bg-white w-[1036px] h-[700px] rounded-lg shadow-2xl"
+  }, React__default.createElement("div", {
+    className: "flex justify-between border-b border-gray-200 py-4"
+  }, React__default.createElement("button", {
+    onClick: closeModal,
+    className: "ml-4 text-black hover:text-gray-700 w-8 h-8 flex items-center justify-center rounded-full hover:bg-gray-100"
+  }, "\u00D7")), React__default.createElement("div", {
+    className: "p-6"
+  }, React__default.createElement(UserModalContent, {
+    username: selectedUser?.author?.username,
+    image: selectedUser?.imageUrl || ''
+  }))))));
 }export{MsgList as default};//# sourceMappingURL=index.js.map

package/lib/components/InboxMessage/MessagesList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/InboxMessage/MessagesList/index.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"6PAgBwB,SAAA,OAAO,CAAC;aACd;;;QAKF;;AAGY,IAAA,MAAA;AASA,IAAA;AACI,GAAA,GAAA,aAAA,EAAA;AACA,EAAA,OAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAa,EAAA,IAAA,EAAA,WACM,EAAA,GAAA,CAAA,CAAA,cACf,KAAM;;uCAeD,CAAA,KAAA,EAAA;AAQL,MAAA,SAAA,EAAA,cAAA;AACI,MAAA,GAAA,EAAA;AAOZ,KAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AACI,MAAA,OAAA,EAAA,MAAA;;mCAIK,CAAA,MAAA,EAAA;;YAOjB,EAAA,MAAA;qBACK,EAAA,MAAA;kBACM,EAAA,KAAA;SAC0B,EAAA,OAAA,EAAA,QAAA,GAAA,OAAA,EAAA,QAAA,GAAA,EAAA;iBACmR,EAAA,MAAA;aAC3S,EAAA;QACjBA,cAAQ,CAAA,aAAA,CAAA,KAAA,EAAA;YACJ,EAAA,MAAA;MACN,OAER,EAAA,OAAA;AACN,MAAC,YAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/InboxMessage/MessagesList/index.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"wKAMc,SAAU,OAAO,CAAC;aACrB;;AAGP,CAAA,EAAA;QACI,CAAA,MAAA,EAAA,SAAgB,CAAA,GAAA,QAAS,CAAA,KAAA,CAAA;QACzB,CAAA,YAAU,EAAK,eAAC,CAAA,GAAA,QAAA,CAAA,IAAA,CAAA;AACpB,EAAA,MAAE,SAAA,GAAA,OAAA,IAAA;IAEF,eAAM,CAAU,OAAM,CAAE;aACpB,CAAA,IAAU,CAAA;;AAEd,EAAA,MAAE,UAAA,GAAA,MAAA;AAEF,IAAA,SACI,CAAA,KAAA,CAAA;AACK,IAAA,eAAW,KAAK,CAAC;;AAGN,EAAA,OAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EACI,iBAAU,EAAA,GAAA,CAAA,CAAA,OAAA,EAAA,KAAA,KAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;6BAYd;;iCAEI,CAAA,KAAA,EAAA;AACI,IAAA,SAAA,EAAA;AACC,GAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAQpB,IAAA,SAAA,EAAM,wEACY;aACX,MAAA,SAAA,CAAA,OAAA;AAEI,GAAA,EAAA,OAAA,EAAA,QAAA,IAAAA,cAAA,CAAA,aACI;gBAKJ,CAAA,QAAA;wBACI,EAAA,QAAA;;mCAQA,CAAA,KAAA,EAAA;;AAY5B,GAAC,EAAAA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/InboxMessage/Popover/index.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
-export default function Popover({ toggleDrawer }: any): React.JSX.Element;
+interface PopoverProps {
+    toggleDrawer: boolean;
+}
+export default function Popover({ toggleDrawer }: PopoverProps): React.JSX.Element;
+export {};
 //# sourceMappingURL=index.d.ts.map

package/lib/components/InboxMessage/Popover/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/InboxMessage/Popover/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,YAAY,EAAE,EAAE,GAAG,qBAqDpD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/InboxMessage/Popover/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,YAAY;IAClB,YAAY,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,YAAY,EAAE,EAAE,YAAY,qBA4B7D"}

package/lib/components/InboxMessage/Popover/index.js

@@ -1,4 +1,4 @@
-import React__default from'react';import {useTranslation}from'react-i18next';import {Box,Button}from'@chakra-ui/react';import {css}from'@emotion/css';import {styleSheet}from'./style.js';function Popover({
+import React__default from'react';import {useTranslation}from'react-i18next';function Popover({
   toggleDrawer
 }) {
   const {
@@ -14,38 +14,11 @@ import React__default from'react';import {useTranslation}from'react-i18next';imp
     total: '0'
   }];
   return React__default.createElement("div", {
-    className: css(styleSheet.customPopoverStyles(toggleDrawer))
-  }, content?.map((item, index) => {
-    if (!item.total) {
-      return React__default.createElement(Box, {
-        _hover: {
-          bg: '#edecec'
-        },
-        className: "popover-style",
-        key: index
-      }, React__default.createElement(Button, {
-        border: "none",
-        fontSize: "15px",
-        color: "#282121",
-        variant: "link",
-        bg: "none",
-        height: "30px"
-      }, item.name));
-    } else {
-      return React__default.createElement(Box, {
-        _hover: {
-          bg: '#edecec'
-        },
-        className: "popover-style",
-        key: index
-      }, React__default.createElement(Button, {
-        border: "none",
-        fontSize: "15px",
-        color: "#282121",
-        variant: "link",
-        bg: "none",
-        height: "30px"
-      }, item.name + `(${item.total})`));
-    }
-  }));
+    className: `absolute z-50 bg-white shadow-lg rounded-md py-2 ${toggleDrawer ? 'right-0' : 'left-0'}`
+  }, content?.map((item, index) => React__default.createElement("div", {
+    key: index,
+    className: "hover:bg-gray-100 px-4 py-1"
+  }, React__default.createElement("button", {
+    className: "text-[15px] text-[#282121] h-[30px] w-full text-left focus:outline-none"
+  }, item.total ? `${item.name} (${item.total})` : item.name))));
 }export{Popover as default};//# sourceMappingURL=index.js.map

package/lib/components/InboxMessage/Popover/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/InboxMessage/Popover/index.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"0LAMc,SAAU,OAAO,CAAC;AAC5B,EAAA;AAEA,CAAA,EAAA;AACI,EAAA,MAAA;AACI,IAAA;AACH,GAAA,GAAA,cAAA,EAAA;AACD,EAAA,MAAA,OAAA,GAAA,CAAA;AACI,IAAA,IAAA,EAAA,CAAA,CAAA,yCAAQ;AACR,GAAA,EAAA;AACH,IAAA,IAAA,EAAA,CAAA,CAAA,8CAAA,CAAA;AACD,IAAA,KAAA,EAAA;AACI,GAAA,EAAA;AACA,IAAA,IAAA,EAAA,CAAA,CAAA,4CAAU,CAAA;AACb,IAAA,KAAA,EAAA;;SAEEA;AAGK,IAAA,SAAK,EAAA,GAAK,CAAA,UAAQ,CAAA,mBAAA,CAAA,YAAA,CAAA;AACd,GAAA,EAAA,OAAA,EAAA,GAAA,CAAA,CAAO,IACF,EAAA,KAAA,KAAA;AACG,IAAA,IAAA,CAAA,IAAA,CAAA,KAAA,EAAA;aAYXA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA;cAAO,EAAA;AACJ,UAAA,EAAA,EAAA;AAEQ,SAAA;QAYZ,SAAC,EAAA,eAAA;QAGZ,GAAC,EAAA;AACN,OAAC,EAAAA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/InboxMessage/Popover/index.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"6EAOc,SAAU,OAAO,CAAC;AAC5B,EAAA;AAEA,CAAA,EAAA;AACI,EAAA,MAAA;AACI,IAAA;AACH,GAAA,GAAA,cAAA,EAAA;AACD,EAAA,MAAA,OAAA,GAAA,CAAA;AACI,IAAA,IAAA,EAAA,CAAA,CAAA,yCAAQ;AACR,GAAA,EAAA;AACH,IAAA,IAAA,EAAA,CAAA,CAAA,8CAAA,CAAA;AACD,IAAA,KAAA,EAAA;AACI,GAAA,EAAA;AACA,IAAA,IAAA,EAAA,CAAA,CAAA,4CAAU,CAAA;AACb,IAAA,KAAA,EAAA;;AAGL,EAAA,OAAAA,cACI,CAAA,aAAA,CAAA,KAAA,EAAA;AAGY,IAAA,SAAA,EAAA,CAAA,iDAAkB,EAAA,YAAA,GAAA,SAAA,GAAA,QAAA,CAAA;AAOtC,GAAC,EAAA,OAAA,EAAA,GAAA,CAAA,CAAA,IAAA,EAAA,KAAA,KAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;;;;;;"}

package/lib/components/InboxMessage/UserModalContent/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/InboxMessage/UserModalContent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,GAAG,qBAqDnE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/InboxMessage/UserModalContent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,GAAG,qBAqDnE"}

package/lib/components/InboxMessage/UserModalContent/index.js

@@ -1,4 +1,4 @@
-import*as React from'react';import {useTranslation}from'react-i18next';import {AiOutlineSecurityScan}from'react-icons/ai';import {FiCheck}from'react-icons/fi';import {BsFillStarFill}from'react-icons/bs';import {Avatar,Text,Button}from'@chakra-ui/react';import {css}from'@emotion/css';import {styleSheet}from'./style.js';function UserModalContent({
+import*as React from'react';import {useTranslation}from'react-i18next';import {AiOutlineSecurityScan}from'@react-icons/all-files/ai/AiOutlineSecurityScan.js';import {FiCheck}from'@react-icons/all-files/fi/FiCheck.js';import {BsFillStarFill}from'@react-icons/all-files/bs/BsFillStarFill.js';function UserModalContent({
   username,
   imageUrl
 }) {
@@ -6,60 +6,63 @@ import*as React from'react';import {useTranslation}from'react-i18next';import {A
     t
   } = useTranslation();
   return React.createElement("div", {
-    className: css(styleSheet.UserContentStyles)
+    className: "p-6"
   }, React.createElement("div", {
-    className: "user-info"
+    className: "flex flex-col items-center mb-8"
   }, React.createElement("div", {
-    className: "avatar"
-  }, React.createElement(Avatar, {
-    size: "large",
-    src: imageUrl !== '' ? imageUrl : '',
-    backgroundColor: "grey",
-    width: "200px",
-    height: "200px",
-    borderRadius: "50%",
-    marginBottom: "10px"
+    className: "flex flex-col items-center mb-6"
+  }, React.createElement("img", {
+    className: "w-48 h-48 rounded-full mb-2 bg-gray-300",
+    src: imageUrl || '',
+    alt: username
   }), React.createElement("a", {
-    href: "#"
-  }, t('messenger_box_browser.update_photo'))), React.createElement(AiOutlineSecurityScan, {
-    style: {
-      width: '24px',
-      height: '24px',
-      color: 'black'
-    }
+    href: "#",
+    className: "text-blue-600 hover:text-blue-800"
+  }, t('messenger_box_browser.update_photo'))), React.createElement("div", {
+    className: "flex items-center mb-6"
+  }, React.createElement(AiOutlineSecurityScan, {
+    className: "w-6 h-6 text-black mr-3"
   }), React.createElement("div", {
-    className: "identify"
-  }, React.createElement("h3", null, t('messenger_box_browser.identity_verification')), React.createElement(Text, {
-    as: "p",
-    color: "black"
-  }, t('messenger_box_browser.show_others_you_are_really_you')), React.createElement(Button, {
-    className: "get-badge-btn",
-    color: "black",
-    bg: "transparent"
-  }, t('messenger_box_browser.get_the_badge'))), React.createElement("div", {
-    className: "user-conformation"
-  }, React.createElement("h3", null, t('messenger_box_browser.username_confirmed', {
-    username: username
+    className: "flex flex-col"
+  }, React.createElement("h3", {
+    className: "text-lg font-semibold mb-2"
+  }, t('messenger_box_browser.identity_verification')), React.createElement("p", {
+    className: "text-black mb-3"
+  }, t('messenger_box_browser.show_others_you_are_really_you')), React.createElement("button", {
+    className: "text-black border border-black px-4 py-2 rounded hover:bg-gray-100"
+  }, t('messenger_box_browser.get_the_badge')))), React.createElement("div", {
+    className: "w-full"
+  }, React.createElement("h3", {
+    className: "text-lg font-semibold mb-3"
+  }, t('messenger_box_browser.username_confirmed', {
+    username
   })), React.createElement("div", {
-    className: "email-address"
+    className: "flex items-center"
   }, React.createElement(FiCheck, {
-    color: "black"
-  }), React.createElement(Text, {
-    as: "p",
-    color: "black"
+    className: "text-black mr-2"
+  }), React.createElement("p", {
+    className: "text-black"
   }, t('messenger_box_browser.email_address'))))), React.createElement("div", {
-    className: "user-details"
+    className: "border-t pt-6"
   }, React.createElement("div", {
-    className: "user"
-  }, React.createElement("h2", null, t('messenger_box_browser.hi_username', {
-    username: username
-  })), React.createElement(Text, {
-    as: "p"
+    className: "mb-6"
+  }, React.createElement("h2", {
+    className: "text-2xl font-bold mb-2"
+  }, t('messenger_box_browser.hi_username', {
+    username
+  })), React.createElement("p", {
+    className: "text-gray-600 mb-2"
   }, t('messenger_box_browser.joined_in_date', {
     date: '2021'
-  })), React.createElement("a", null, t('messenger_box_browser.edit_profile')), React.createElement("h3", null, React.createElement(BsFillStarFill, {
-    color: "black"
-  }), t('messenger_box_browser.reviews'))), React.createElement("div", {
-    className: "reviews"
-  }, React.createElement("a", null, t('messenger_box_browser.reviews_by_you')))));
+  })), React.createElement("a", {
+    href: "#",
+    className: "text-blue-600 hover:text-blue-800 block mb-4"
+  }, t('messenger_box_browser.edit_profile')), React.createElement("h3", {
+    className: "flex items-center text-lg font-semibold"
+  }, React.createElement(BsFillStarFill, {
+    className: "text-black mr-2"
+  }), t('messenger_box_browser.reviews'))), React.createElement("div", null, React.createElement("a", {
+    href: "#",
+    className: "text-blue-600 hover:text-blue-800"
+  }, t('messenger_box_browser.reviews_by_you')))));
 }export{UserModalContent as default};//# sourceMappingURL=index.js.map

package/lib/components/InboxMessage/UserModalContent/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/InboxMessage/UserModalContent/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"gUASwB,SAAA,gBAAgB,CAAC;AACrC,EAAA,QAAM;;;;AAKU,IAAA;oBASG,EAAA;AAEP,EAAA,OAAA,KAAA,CAAA,aAAA,CAAA;aACK,EAAA,GAAA,CAAA,UAAA,CAAA,iBAAA;AACD,GAAA,EAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACA,IAAA,SAAA,EAAA;AAGA,GAAA,EAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;aAIC,EAAA;wBACI,CAAA,MAAA,EAAA;iBACA;AACD,IAAA,GAAA,EAAA,QAAA,KAAA,EAAA,GAAA,QAAA,GAAA,EAAC;AACD,IAAA,eAAA,EAAA,MAAA;SAMP,EAAA,OAAA;YACD,OAAK;gBACD,EAAK,KAAA;AACL,IAAA,YAAA,EAAA;AACA,GAAA,CAAA,EAAA,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AACA,IAAA,IAAA,EAAA;AACI,GAAA,EAAA,CAAA,CAAA,oCAAe,CAAA,CAAA,CAAA,EAAA,KAAA,CAAA,mCAAiB,EAAA;AAC/B,IAAA,KAAA,EAAA;aAGJ,MAAA;oBACG;AAKxB,MAAC,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/InboxMessage/UserModalContent/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"kSAMc,SAAU,gBAAgB,CAAC;AACrC,EAAA,QAAM;AACN,EAAA;;;AAIgB,IAAA;AACA,GAAA,GAAA,cAAA,EAAA;cAIJ,CAAA,aAAA,CAAA,KAAA,EAAA;AACI,IAAA,SAAA,EAAA;wBACA,CAAA,KAAA,EAAA;;wBAII,CAAA,KAAA,EAAA;;wBAMR,CAAA,KAAA,EAAA;AACI,IAAA,SAAA,EAAA,yCAAc;iBAGd,IAAA,EAAA;AACI,IAAA,GAAA,EAAA;yBACA,CAAA,GAAA,EAAA;QAIZ,EAAA,GAAA;aACI,EAAA;AACI,GAAA,EAAA,CAAA,CAAA,oCAAA,CAAI,CAAA,CAAA,EAAA,KAAS,CAAA,aAAC,CAAA,KAAA,EAAA;AACd,IAAA,SAAA,EAAA;AACA,GAAA,EAAA,KAAA,CAAA,aAAA,CAAA,qBAAG,EAAI;;AAIH,GAAA,CAAA,EAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACC,IAAA,SAAA,EAAA;AAGT,GAAA,EAAA,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AACI,IAAA,SAAA,EAAA;AAOpB,GAAC,EAAA,CAAA,CAAA,6CAAA,CAAA,CAAA,EAAA,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/InboxMessage/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAuBnD,MAAM,CAAC,OAAO,UAAU,YAAY,sBAyQnC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAoBnD,MAAM,CAAC,OAAO,UAAU,YAAY,sBA6PnC"}

package/lib/components/InboxMessage/index.js

@@ -1,4 +1,4 @@
-import React__default,{useState,useEffect}from'react';import {useSelector}from'react-redux';import {Modal}from'react-bootstrap';import Select from'react-select';import {useTranslation}from'react-i18next';import {VscChromeClose}from'react-icons/vsc';import {AiOutlineMenu}from'react-icons/ai';import {indexOf}from'lodash-es';import {Avatar,Text,Button}from'@chakra-ui/react';import {css}from'@emotion/css';import {useGetMessagesQuery,useGetChannelsByUserQuery,useGetAllChannelQuery,useGetAllUsersQuery,useAddDirectChannelMutation}from'common/graphql';import Messages from'./Messages/index.js';import Popover from'./Popover/index.js';import InboxDetails from'./InboxDetails/index.js';import InboxSidebar from'./InboxSidebar/index.js';import {stylesheet}from'./style.js';function InboxMessage() {
+import React__default,{useState,useEffect}from'react';import {useSelector}from'react-redux';import {Modal}from'react-bootstrap';import Select from'react-select';import {useTranslation}from'react-i18next';import {VscChromeClose}from'@react-icons/all-files/vsc/VscChromeClose.js';import {AiOutlineMenu}from'@react-icons/all-files/ai/AiOutlineMenu.js';import {indexOf}from'lodash-es';import {useGetMessagesQuery,useGetChannelsByUserQuery,useGetAllChannelQuery,useGetAllUsersQuery,useAddDirectChannelMutation}from'common/graphql';import Messages from'./Messages/index.js';import Popover from'./Popover/index.js';import InboxDetails from'./InboxDetails/index.js';import InboxSidebar from'./InboxSidebar/index.js';function InboxMessage() {
   const [id, setId] = useState();
   const [showMessageSide, setShowMessageSide] = useState(false);
   const [showPopover, setShowPopover] = useState(false);
@@ -53,8 +53,6 @@ import React__default,{useState,useEffect}from'react';import {useSelector}from'r
       setChannel([...channelData?.data.channelsByUser.filter(chl => chl.type === 'DIRECT' && chl?.displayName !== 'admin (you)' && chl?.displayName !== 'surveybot'), ...fChannel.filter(chl => chl.type === 'DIRECT')]);
     }
   }, [loading, channelData, currentUserId]);
-  // console.log(allChannels)
-  console.log(channel);
   const handleSelectMessgae = item => {
     setShowMessageSide(true);
     setId(item?.id);
@@ -77,16 +75,11 @@ import React__default,{useState,useEffect}from'react';import {useSelector}from'r
               uid: `${i.id}`
             },
             label: React__default.createElement("div", {
-              style: {
-                cursor: 'pointer'
-              }
-            }, React__default.createElement(Avatar, {
-              width: "40px",
-              backgroundColor: "grey",
-              size: "42",
-              borderRadius: "50%"
-            }), React__default.createElement(Text, {
-              color: "black"
+              className: "flex items-center cursor-pointer"
+            }, React__default.createElement("div", {
+              className: "w-10 h-10 bg-gray-400 rounded-full"
+            }), React__default.createElement("span", {
+              className: "ml-2 text-black"
             }, i.username))
           });
         } else {
@@ -97,7 +90,6 @@ import React__default,{useState,useEffect}from'react';import {useSelector}from'r
       });
     }
   }, [usersRes.loading, usersRes.data]);
-  console.log(user);
   useEffect(() => {
     if (!loading) {
       setMessageList(data.messages.data);
@@ -126,7 +118,6 @@ import React__default,{useState,useEffect}from'react';import {useSelector}from'r
     if (selectedValues) {
       let uids = [];
       let dName = '';
-      console.log(selectedChannel?.value);
       if (selectedValues.length > 1) {
         selectedValues.forEach(i => {
           uids.push(i.value.uid);
@@ -165,31 +156,22 @@ import React__default,{useState,useEffect}from'react';import {useSelector}from'r
     }
   };
   return React__default.createElement("div", {
-    className: css(stylesheet.inboxStyles)
+    className: "flex w-full h-[75vh] bg-white"
   }, React__default.createElement("div", {
-    className: toggleDrawer ? 'inbox-sidebar-active' : 'inbox-sidebar'
+    className: `${toggleDrawer ? 'w-1/5' : 'w-1/4'} h-full flex flex-col justify-between border-r border-gray-200`
   }, React__default.createElement("div", {
-    className: "conversations"
+    className: "w-full"
   }, React__default.createElement("div", {
-    className: "header-section"
+    className: "mb-5 pb-2 border-b border-gray-200 h-14"
   }, React__default.createElement("div", {
-    className: "allmessage-header"
-  }, React__default.createElement("h3", null, t('messenger_box_browser.messages')), React__default.createElement(Button, {
-    as: "a",
-    borderRadius: "50%",
-    width: "30px",
-    height: "30px",
-    _hover: {
-      backgroundColor: 'rgb(221, 221, 221)'
-    },
-    onClick: () => {
-      setShowPopover(!showPopover);
-    }
+    className: "flex items-center justify-between p-2.5"
+  }, React__default.createElement("h3", {
+    className: "ml-4 mt-4 text-black font-bold text-base"
+  }, t('messenger_box_browser.messages')), React__default.createElement("button", {
+    onClick: () => setShowPopover(!showPopover),
+    className: "w-7 h-7 rounded-full hover:bg-gray-200 flex items-center justify-center"
   }, React__default.createElement(AiOutlineMenu, {
-    style: {
-      fontSize: '20px',
-      color: 'black'
-    }
+    className: "text-xl text-black"
   })), showPopover ? React__default.createElement(Popover, {
     toggleDrawer: toggleDrawer
   }) : '')), React__default.createElement(InboxSidebar, {
@@ -200,34 +182,25 @@ import React__default,{useState,useEffect}from'react';import {useSelector}from'r
     messageList: messageList,
     users: user
   })), React__default.createElement("div", {
-    className: "add-conversations"
+    className: "p-5 w-full border-t border-gray-200"
   }, React__default.createElement(Modal, {
     show: showModal,
     onHide: handleClose
   }, React__default.createElement(Modal.Header, {
-    style: {
-      backgroundColor: '#2b5ebf',
-      color: 'white',
-      display: 'flex',
-      alignItems: 'center'
-    }
+    className: "bg-[#2b5ebf] text-white flex items-center"
   }, React__default.createElement(Modal.Title, null, t('messenger_box_browser.add_conversations')), React__default.createElement(VscChromeClose, {
     onClick: () => handleClose(),
-    fontSize: "16px",
-    style: {
-      marginLeft: 'auto',
-      cursor: 'pointer'
-    }
+    className: "ml-auto text-base cursor-pointer"
   })), React__default.createElement(Modal.Body, null, React__default.createElement("div", {
-    className: css(stylesheet.modelStyle)
+    className: "flex flex-col h-[calc(90vh-120px)] w-full overflow-x-hidden p-0 py-4 max-h-[calc(90vh-80px)] overflow-auto"
   }, React__default.createElement("div", {
-    className: "root_modal"
+    className: "flex flex-col h-[calc(90vh-120px)] w-full"
   }, React__default.createElement("div", {
-    className: "root_first"
+    className: "my-1.5 w-full"
   }, React__default.createElement("div", {
-    className: "search_box"
+    className: "flex"
   }, React__default.createElement(Select, {
-    className: "temp",
+    className: "w-full",
     value: selectedValues?.value,
     onChange: handleSelect,
     components: {
@@ -239,31 +212,26 @@ import React__default,{useState,useEffect}from'react';import {useSelector}from'r
     isMulti: true,
     menuIsOpen: true
   }), React__default.createElement("button", {
-    onClick: handleGo
+    onClick: handleGo,
+    className: "max-w-[70px] w-full ml-4 bg-[#166de0] text-white border-none"
   }, "Go")), React__default.createElement("div", {
-    className: "mid_line"
-  }, React__default.createElement("p", null, t('messenger_box_browser.use_browse_or_select'), React__default.createElement("span", null, " ")))))))), React__default.createElement(Button, {
-    size: "large",
-    className: "conversation-btn",
-    backgroundColor: "#1890ff",
-    height: "40px",
-    borderRadius: "3px",
-    border: "none",
-    color: "white",
-    variant: "outline",
-    fontSize: "20px",
-    onClick: () => setShowModal(true)
+    className: "mt-2.5"
+  }, React__default.createElement("p", {
+    className: "text-[#3d3c40] opacity-60 text-sm"
+  }, t('messenger_box_browser.use_browse_or_select'), React__default.createElement("span", null, " ")))))))), React__default.createElement("button", {
+    onClick: () => setShowModal(true),
+    className: "w-full h-10 bg-[#1890ff] rounded px-4 py-2 text-white text-lg hover:bg-[#40a9ff] transition-colors"
   }, t('messenger_box_browser.add_conversations')))), React__default.createElement("div", {
-    className: `msg-container${toggleDrawer ? '-active' : ''}`
+    className: `${toggleDrawer ? 'w-3/5' : 'w-4/5'}`
   }, React__default.createElement("div", {
-    className: "border"
-  }), showMessageSide == true ? React__default.createElement(Messages, {
+    className: "h-14 w-full border-b border-gray-200"
+  }), showMessageSide && React__default.createElement(Messages, {
     id: id,
     user: user,
     userId: userId,
     currentUser: currentUser
-  }) : ''), React__default.createElement("div", {
-    className: toggleDrawer ? 'inbox-details' : 'inbox-details-active'
+  })), React__default.createElement("div", {
+    className: `${toggleDrawer ? 'w-1/5 border-l border-gray-200 transition-all duration-500' : 'w-0 opacity-0 overflow-hidden transition-all duration-500'}`
   }, React__default.createElement(InboxDetails, {
     handleToggle: handleToggle,
     toggleDrawer: toggleDrawer

package/lib/components/InboxMessage/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/InboxMessage/index.tsx"],"sourcesContent":[null],"names":["React","PopoverComponent"],"mappings":"gwBAuBc,SAAU,YAAY,GAAA;QAC1B,CAAA,EAAC,EAAE,KAAE,CAAA,GAAS,QAAA,EAAQ;QACtB,CAAA,eAAgB,EAAA,kBAAoB,CAAA,WAAY,CAAA,KAAe,CAAA;QAC/D,CAAA,WAAY,EAAA,cAAgB,CAAA,WAAY,CAAA,KAAe,CAAA;QACvD,CAAA,YAAa,EAAA,eAAiB,CAAA,WAAY,CAAA,IAAc,CAAA;QACxD,CAAA,WAAY,EAAA,cAAgB,CAAA,WAAY,CAAA,EAAC,CAAE;QAC3C,CAAA,OAAQ,EAAA,UAAY,CAAA,WAAY,CAAA,EAAM,CAAE;QACxC,CAAA,MAAK,OAAE,CAAA,GAAW,QAAA,EAAQ;QAC1B,CAAA,SAAU,EAAA,YAAc,CAAA,WAAY,CAAA,KAAe,CAAA;QACnD,CAAA,eAAc,gBAAE,CAAA,GAAoB,QAAA,EAAQ;QAC5C,CAAA,WAAY,EAAA,cAAgB,CAAA,WAAY,CAAA,EAAS,CAAE;QACnD,CAAA,OAAQ,EAAA,UAAY,CAAA,WAAY,CAAA,EAAM,CAAE;QACxC,CAAA,QAAO,SAAE,CAAA,GAAa,QAAA,EAAQ;QAC9B,CAAA,gBAAe,iBAAE,CAAA,GAAqB,QAAA,EAAQ;QAC9C,CAAA,QAAS,EAAA,WAAa,CAAA,WAAY,CAAA,EAAC,CAAE;QACrC,CAAA,iBAAgB,kBAAE,CAAA,GAAsB,QAAA,EAAQ;QAChD;AACF,IAAA,IAAA;AACI,IAAA,OAAA;AACH,IAAA,KAAA;AACJ,IAAA;AACD,GAAA,GAAA,mBAAc,CAAA;AAEd,IAAA,SAAwB,EAAA;AAExB,MAAA,SAAiB,EAAA;AACjB;IACA;AACI,EAAA,MAAA;;oBAEQ,EAAM;0BACN,GAAa,WAAW,CAAC,KAAW,IAAA,KAAQ,CAAA,IAAA,CAAA,UAAG,CAAA;mBAC3C,GAAE,yBAAM,EAAA;mBACD,GAAA,qBAAM,EAAA;kBACb;oBACO,CAAA,OAAC;AACZ,MAAA,IAAA,QAAA,GAAA;gBACA,GAAW,EAAA;uBACH,KAAA,EAAM,IAAS,CAAA,WAAO,CAAA,OAAG,EAAA;;AAErB,QAAA,WAAA,CAAA,IAAA,CAAA,cAAe,CAAA,OAAA,CAAA,CAAA,IAAA,EAAA,CAAa,IAAG,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA;AAC3B,QAAA,IAAA,EAAA,GAAA,EAAA;iCACH,CAAA,OAAA,CAAA,CAAA,IAAA,EAAA,CAAA,IAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA;AACL,QAAA,MAAA,GAAA,EAAA,CAAA,MAAE,CAAC,CAAA,IAAA,CAAA,EAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA;oBACP,IAAC,CAAA,QAAA,CAAA,MAAA,CAAA,EAAA,IAAA;AACL,UAAA,IAAA,MAAG,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;YACP,EAAC,CAAA,OAAA,CAAA,OAAA,CAAA,CAAA,IAAA;AACD,cAAA,IAAA,CAAA,CAAA,IAAW,KAAA,aAAA,EAAA;AACP,gBAAA,QAAc,CAAA,IAAA,CAAA,EAAE,CAAI;AAIpB;AACH,aAAA,CAAC;;SAEC,CAAA;;AAEX,MAAA,UAAY,CAAA,CAAA,GAAA,WAAS,EAAA,IAAA,CAAA,cAAA,CAAA,MAAA,CAAA,GAAA,IAAA,GAAA,CAAA,IAAA,KAAA,QAAA,IAAA,GAAA,EAAA,WAAA,KAAA,aAAA,IAAA,GAAA,EAAA,WAAA,KAAA,WAAA,CAAA,EAAA,GAAA,QAAA,CAAA,MAAA,CAAA,GAAA,IAAA,GAAA,CAAA,IAAA,KAAA,QAAA,CAAA,CAAA,CAAA;AAErB;aACsB,EAAA,WAAA,EAAK,aAAE,CAAA,CAAA;AACzB;SACI,CAAA,GAAC,QAAQ,CAAA;AACT,EAAA,MAAA,sBAAkB,IAAC,IAAM;AAC7B,IAAA,kBAAG,CAAA,IAAA,CAAA;SACe,CAAA,IAAA,EAAA,EAAA,CAAA;QAClB,CAAe,OAAA,CAAA,GAAA,CAAA,CAAA,IAAM;AACzB,MAAE,OAAA,SAAA,CAAA,CAAA,CAAA,IAAA,CAAA;AACF,KAAA,CAAA;IACA,kBAAe,CAAA,IAAA,CAAA;AACX,IAAA,eAAK,CAAA,KAAS,CAAA;AACV,GAAA;gBACI,GAAA,mBAAa,EAAA;YACjB,MAAQ;iBACA,CAAA,OAAO,EAAA;sBACA,CAAA,IAAA,CAAC,QAAK,CAAA;AACT,MAAA,IAAA,OAAA,GAAA,EAAA;4BACK,EAAA,GACI,CAAA,CAAA,IAAA;AACD,QAAA,IAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,KAAA,kBAAA,EAAA;;AAIX,YAAA,KAAA,EAAA;sBACJ,EAAA,CAAA,EAAA,CAAA,CAAA,QAAA,CAAA,CAAA;sBAAO,CAAA,CAAA,EAAA,CAAA;AACJ,aAAA;AACA,YAAA,KAAA,EAAAA,cAAA,CAAA,aAAiB,CAAA,KAAA,EAAS;mBAC7B,EAAA;gBACD,MAAU,EAAA;AACd;aACH,EAAAA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA;cACD,KAAS,EAAA,MAAS;AACtB,cAAQ,eAAU,EAAA,MAAA;cACR,IAAK,EAAA,IAAA;cACC,YAAG,EAAA;AACX,aAAA,CAAA,EAAAA,cAAA,CAAA,kBAA4B,EAAC;cAChC,KAAA,EAAA;AACL,aAAG,EAAA,CAAA,CAAA,QAAA,CAAA;WACG,CAAA;SACa,MAAA;AACnB,UAAE,gBAAA,CAAA,CAAA,CAAA,EAAA,CAAA;UACI,cAAc,CAAA,CAAA,CAAG,QAAE,CAAA;;AAEzB,QAAE,UAAA,CAAA,OAAA,CAAA;AACF,OAAA,CAAA;;AAEA,GAAA,EAAC,CAAC,QAAA,CAAA,OAAA,EAAA,QAAA,CAAA,IAAA,CAAA,CAAA;AACF,EAAA,OAAA,CAAM,GAAoB,CAAA,IAAA,CAAA;AACtB,EAAA,SAAA,CAAA,MAAS;AACZ,IAAA,IAAE,CAAA,OAAA,EAAA;MACM,cAAM,CAAA,IAAA,CAAA,QAAA,CAAA,IAAA,CAAA;;AAEP,GAAA,CAAA;QACJ,YAAC,GAAA,MAAA;AACL,IAAA,eAAG,CAAA,KAAA,CAAA;;QAEC,WAAI,GAAA,MAAgB;gBACZ,CAAA,KAAO,CAAA;;AAEX,EAAA,MAAA,YAAQ,GAAG,kBAAkB;AAC7B,IAAA,gCAAmB,CAAM;AACrB,GAAA;8BACc,kBAAa,CAAA,GAAA,2BAAA,CAAA;AACvB,IAAA,OAAA,EAAA;AACA,MAAA,OAAA,EAAA;;;AAGJ,EAAA,SAAA,CAAA,MAAE;2BACL,CAAA,OAAA,IAAA,kBAAA,CAAA,IAAA,EAAA;wBAAO,CAAA,kBAAA,CAAA,IAAA,CAAA,mBAAA,CAAA;AACJ;;gBAEH,GAAA,MAAA;AACD,IAAA,IAAA,cAAU,EAAC;AACX,MAAA,IAAA,IAAA,GAAA,EAAO;AACH,MAAA,IAAA,KAAA,GAAA,EAAI;iCACkB,EAAA;AACd,MAAA,IAAA,cAAA,CAAA,MAAO,GAAM,CAAA,EAAA;AACjB,QAAA,cAAE,CAAC,OAAA,CAAA,CAAA,IAAA;mBACN,CAAA,CAAA,CAAA,KAAA,CAAA,GAAA,CAAA;AACL,UAAA,KAAG,IAAA,CAAA,CAAA,KAAA,CAAA,QAAA;cACC,OAAA,CAAM,gBAAgB,CAAC,CAAC,GAAG,CAAA,KAAA,cAAA,CAAA,MAAA,EAAA;AAC3B,YAAA,KAAA,IAAA,GAAA;AACI;AACI,SAAA,CAAA;AACA,OAAA,MAAA;AACH,QAAA,IAAA,CAAA,IAAA,CAAA,cAAA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,GAAA,CAAA;AACJ,QAAA,KAAA,GAAA,cAAa,CAAE,CAAA,CAAA,CAAA,KAAA,CAAA,QAAA;AACZ;;AAEI,MAAA,OAAA,CAAA,OAAA,CAAA,CAAA,IAAA;0BACiB,IAAA,KAAA,EAAA;AACrB,UAAA,MAAA,GAAA,CAAA,CAAC,OAAE,CAAA,IAAA,CAAA,CAAA,IAAA;AACP,YAAA,OAAG,CAAA,CAAA,IAAA,IAAA,IAAA;YACP;AACA;QACJ;AACJ,MAAE,IAAA,MAAA,EAAA,IAAA,KAAA,IAAA,CAAA,CAAA,CAAA,EAAA;QACK;UAEM,SAAA,EAAA;YACD,QAAK,EAAA,IAAA;uBACI,EAAA;;AAEG,SAAA,CAAA,CAAA,IAAA,CAAA,GAAA,IAAA;AACA,UAAA,kBAAA,CAAA,GAAA,CAAA,IAAA,CAAA,mBACM,CAAC;AAMC,UAAA,WAAA,CAAA,OAAA,EAAA,CAAA,IAAA,CAAA,KAAA,IAAc;6BACjB,CAAA,IAAA,CAAA,cAAA,CAAA;AAED,YAAA,iBAAA,CAAA,EAAA,CAAA;AAEH,WAAA,CAAA;;;iBAaR,EAAA;AACG;AAEQ,GAAA;AACA,EAAA,OAAAA,cAAA,CAAA,aAAA,CAAA,OAAc;AACd,IAAA,SAAA,EAAA,GAAA,CAAA,UAAA,CAAA,WAAe;AACf,GAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACH,IAAA,SAAA,EAAA,YAAA,GAAA,sBAAA,GAAA;iCAED,CAAC,KAAA,EAAA;;iCAOJ,CAAA,KAAA,EAAA;AACG,IAAA,SAAA,EAAA;uCACS,EAAA;;8CAEQ,CAAA,CAAA,gCAAA,CAAA,CAAA,gBAAsB,CAAA,aAAA,CAAA,MAAA,EAAA;AACvB,IAAA,EAAA,EAAA,GAAA;AAKQ,IAAA,YAAA,EAAA,KAAA;AACA,IAAA,KAAA,EAAA,MAAA;AACH,IAAA,MAAA,EAAA,MAAA;AAML,IAAA,MAAA,EAAA;;AAGA,KAAA;;AAEI,MAAA,cAAA,CAAA,CAAA,WAAA,CAAA;;AAwBpC,GAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,aAAc,EAAA;;AAET,MAAA,QAAA,EAAA,MAAA;WAMA,EAAA;AACD;AAIhB,GAAC,CAAA,CAAA,EAAA,WAAA,GAAAA,cAAA,CAAA,aAAA,CAAAC,OAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/InboxMessage/index.tsx"],"sourcesContent":[null],"names":["React","PopoverComponent"],"mappings":"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"}

package/lib/components/channel_view/DirectChannelView.js.map

@@ -1 +1 @@
-{"version":3,"file":"DirectChannelView.js","sources":["../../../src/components/channel_view/DirectChannelView.tsx"],"sourcesContent":[null],"names":[],"mappings":"0NAMM,MAAA,iBAAiB,GAAG,MAAK;AAC3B,EAAA,MAAA,QAAc,GAAA,WAAc,EAAA;AAC5B,EAAc,WAAc;AAC5B,EAAA,OAAA,KACI,CAAA,aAAA,CAAA,KAAA,EAAA;AACI,IAAA,SAAA,EAAA;wBAES,CAAA,YAAA,EAAA;;wBAIJ,CAAA,KAAA,EAAA;AAKjB,IAAC,SAAA,EAAA;AAED,GAAA,EAAA,KAAA,CAAA,0BAAgC,EAAA;;;;;;;"}
+{"version":3,"file":"DirectChannelView.js","sources":["../../../src/components/channel_view/DirectChannelView.tsx"],"sourcesContent":[null],"names":[],"mappings":"0NAMA,MAAM,iBAAiB,GAAG,MAAK;AAC3B,EAAA,MAAA,QAAM,GAAQ,WAAG,EAAW;AAC5B,EAAc,WAAG;AACjB,EAAA,OAAA,KACI,CAAA,aAAA,CAAA,KAAA,EAAA;AACI,IAAA,SAAA,EAAA;wBAEI,CAAA,YAAA,EAAA;;wBAIA,CAAA,KAAA,EAAC;AAKjB,IAAC,SAAA,EAAA;AAED,GAAA,EAAA,KAAA,CAAA,0BAAgC,EAAA;;;;;;;"}

package/lib/components/channel_view/PublicChannelView.js.map

@@ -1 +1 @@
-{"version":3,"file":"PublicChannelView.js","sources":["../../../src/components/channel_view/PublicChannelView.tsx"],"sourcesContent":[null],"names":[],"mappings":"0NAMM,MAAA,iBAAiB,GAAG,MAAK;AAC3B,EAAA,MAAA,QAAc,GAAA,WAAc,EAAA;AAC5B,EAAc,WAAc;AAC5B,EAAA,OAAA,KACI,CAAA,aAAA,CAAA,KAAA,EAAA;AACI,IAAA,SAAA,EAAA;wBAES,CAAA,YAAA,EAAA;;wBAIJ,CAAA,KAAA,EAAA;AAKjB,IAAC,SAAA,EAAA;AAED,GAAA,EAAA,KAAA,CAAA,0BAAgC,EAAA;;;;;;;"}
+{"version":3,"file":"PublicChannelView.js","sources":["../../../src/components/channel_view/PublicChannelView.tsx"],"sourcesContent":[null],"names":[],"mappings":"0NAMA,MAAM,iBAAiB,GAAG,MAAK;AAC3B,EAAA,MAAA,QAAM,GAAQ,WAAG,EAAW;AAC5B,EAAc,WAAG;AACjB,EAAA,OAAA,KACI,CAAA,aAAA,CAAA,KAAA,EAAA;AACI,IAAA,SAAA,EAAA;wBAEI,CAAA,YAAA,EAAA;;wBAIA,CAAA,KAAA,EAAC;AAKjB,IAAC,SAAA,EAAA;AAED,GAAA,EAAA,KAAA,CAAA,0BAAgC,EAAA;;;;;;;"}

package/lib/components/dashboard/menu_header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu_header.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/menu_header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,eAAO,MAAM,UAAU;;;uBAsDtB,CAAC"}
+{"version":3,"file":"menu_header.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/menu_header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,UAAU,GAAI;;;CAA+B,sBA+DzD,CAAC"}