@messenger-box/platform-browser 10.0.3-alpha.7 → 10.0.3-alpha.74

package/CHANGELOG.md

@@ -3,6 +3,106 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [10.0.3-alpha.74](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.73...v10.0.3-alpha.74) (2025-09-18)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.72](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.71...v10.0.3-alpha.72) (2025-08-28)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.69](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.68...v10.0.3-alpha.69) (2025-08-11)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.67](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.66...v10.0.3-alpha.67) (2025-08-06)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.65](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.64...v10.0.3-alpha.65) (2025-08-02)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.62](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.61...v10.0.3-alpha.62) (2025-07-30)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.61](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.60...v10.0.3-alpha.61) (2025-07-09)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.56](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.55...v10.0.3-alpha.56) (2025-06-30)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.54](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.53...v10.0.3-alpha.54) (2025-06-29)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.50](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.49...v10.0.3-alpha.50) (2025-06-05)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.48](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.47...v10.0.3-alpha.48) (2025-05-30)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.47](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.46...v10.0.3-alpha.47) (2025-05-26)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.46](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.45...v10.0.3-alpha.46) (2025-05-19)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.43](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.42...v10.0.3-alpha.43) (2025-05-15)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.40](https://github.com/cdmbase/messenger-box/compare/v10.0.3-alpha.39...v10.0.3-alpha.40) (2025-05-14)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.38](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.37...v10.0.3-alpha.38) (2025-04-25)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.37](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.36...v10.0.3-alpha.37) (2025-04-25)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.36](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.35...v10.0.3-alpha.36) (2025-04-23)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.34](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.33...v10.0.3-alpha.34) (2025-04-22)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.33](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.32...v10.0.3-alpha.33) (2025-04-17)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.31](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.30...v10.0.3-alpha.31) (2025-04-16)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.17](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.16...v10.0.3-alpha.17) (2025-04-08)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.16](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.15...v10.0.3-alpha.16) (2025-03-28)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.14](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.13...v10.0.3-alpha.14) (2025-03-27)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.10](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.9...v10.0.3-alpha.10) (2025-03-22)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
 ## [10.0.3-alpha.7](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.6...v10.0.3-alpha.7) (2025-02-27)
 
 **Note:** Version bump only for package @messenger-box/platform-browser

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

@@ -1,3 +1,8 @@
 import React from 'react';
-export default function InboxDetails({ handleToggle, toggleDrawer }: any): React.JSX.Element;
+interface InboxDetailsProps {
+    handleToggle: () => void;
+    toggleDrawer?: boolean;
+}
+export default function InboxDetails({ handleToggle, toggleDrawer }: InboxDetailsProps): React.JSX.Element;
+export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/InboxMessage/InboxDetails/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,GAAG,qBAiBvE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/InboxMessage/InboxDetails/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,iBAAiB;IACvB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,iBAAiB,qBAarF"}

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

@@ -1,4 +1,4 @@
-import React__default from'react';import {useTranslation}from'react-i18next';import {Button}from'@chakra-ui/react';import {AiOutlineClose}from'@react-icons/all-files/ai/AiOutlineClose.js';import {css}from'@emotion/css';import {styleSheet}from'./style.js';function InboxDetails({
+import React__default from'react';import {useTranslation}from'react-i18next';import {AiOutlineClose}from'@react-icons/all-files/ai/AiOutlineClose.js';function InboxDetails({
   handleToggle,
   toggleDrawer
 }) {
@@ -6,16 +6,15 @@ import React__default from'react';import {useTranslation}from'react-i18next';imp
     t
   } = useTranslation();
   return React__default.createElement("div", {
-    className: css(styleSheet.detailDrawerStyles)
+    className: "fixed right-0 top-0 h-full w-80 bg-white shadow-lg border-l border-gray-200"
   }, React__default.createElement("div", {
-    className: "details"
-  }, React__default.createElement("h4", null, " ", t('messenger_box_browser.details')), React__default.createElement(Button, {
+    className: "flex items-center justify-between p-4 border-b border-gray-200"
+  }, React__default.createElement("h4", {
+    className: "text-lg font-medium text-gray-900"
+  }, t('messenger_box_browser.details')), React__default.createElement("button", {
     onClick: handleToggle,
-    as: "a",
-    className: "close-btn",
-    marginRight: "10px",
-    rightIcon: React__default.createElement(AiOutlineClose, {
-      color: "black"
-    })
-  })));
+    className: "p-2 hover:bg-gray-100 rounded-full transition-colors"
+  }, React__default.createElement(AiOutlineClose, {
+    className: "w-5 h-5 text-gray-500"
+  }))));
 }export{InboxDetails as default};//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/InboxMessage/InboxDetails/index.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"+PAOwB,SAAA,YAAY,CAAC;AACjC,EAAA,YAAS;;;AAKG,EAAA,MAAA;;oBAAuC,EAAA;AACvC,EAAA,OAAAA,cAAA,CAAA,aAAA,CAAA,KAAO,EAAA;AAUvB,IAAC,SAAA,EAAA,GAAA,CAAA,UAAA,CAAA,kBAAA;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/InboxMessage/InboxDetails/index.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"sJASwB,SAAA,YAAY,CAAC;AACjC,EAAA,YAAS;AAET,EAAA;;;AAIY,IAAA;oBACK,EAAA;AAKrB,EAAC,OAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/InboxMessage/InboxSidebar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,KAAK,UAAU,GAAG;IACd,mBAAmB,CAAC,EAAE,GAAG,CAAC;IAC1B,IAAI,CAAC,EAAE,EAAE,GAAG,GAAG,CAAC;IAChB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,KAAK,CAAC,EAAE,GAAG,CAAC;CACf,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,mBAAmB,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,UAAU,qBA+DzG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/InboxMessage/InboxSidebar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,KAAK,UAAU,GAAG;IACd,mBAAmB,CAAC,EAAE,GAAG,CAAC;IAC1B,IAAI,CAAC,EAAE,EAAE,GAAG,GAAG,CAAC;IAChB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,KAAK,CAAC,EAAE,GAAG,CAAC;CACf,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,mBAAmB,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,UAAU,qBAwDzG"}

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

@@ -1,4 +1,4 @@
-import*as React from'react';import {useTranslation}from'react-i18next';import {Button,Avatar}from'@chakra-ui/react';import {css}from'@emotion/css';import {styleSheet}from'./styles.js';function InboxSidebar({
+import*as React from'react';import {useTranslation}from'react-i18next';function InboxSidebar({
   handleSelectMessgae,
   user,
   messageList,
@@ -12,7 +12,7 @@ import*as React from'react';import {useTranslation}from'react-i18next';import {B
     return item?.id !== userId;
   });
   return React.createElement("div", {
-    className: css(styleSheet.inboxSibarStyles)
+    className: "flex flex-col w-full h-full bg-white"
   }, user?.length > 0 ? user?.map((item, index) => {
     const lastMessage = messageList[messageList?.length - 1];
     let memberId;
@@ -24,40 +24,31 @@ import*as React from'react';import {useTranslation}from'react-i18next';import {B
     const userMember = userList.find(element => {
       return element.id === memberId;
     });
-    return React.createElement(Button, {
-      as: "a",
-      border: "none",
-      bg: "none",
-      width: "100%",
-      borderRadius: "10px",
-      _hover: {
-        backgroundColor: 'rgb(221, 221, 221)'
-      },
-      className: "show-message",
-      paddingLeft: "10px",
+    return React.createElement("button", {
+      className: "w-full px-3 py-2 text-left hover:bg-gray-100 rounded-lg transition-colors duration-200",
       onClick: () => handleSelectMessgae(item),
       key: index
     }, React.createElement("div", {
-      className: "inbox-contacts"
-    }, React.createElement(Avatar, {
-      size: "md",
-      backgroundColor: "grey",
-      borderRadius: "50%",
-      width: "50px"
-    }), React.createElement("div", {
-      className: "last-message"
-    }, React.createElement("h5", null, userMember?.username), React.createElement("p", null, lastMessage?.message))));
+      className: "flex items-center space-x-3"
+    }, React.createElement("div", {
+      className: "w-12 h-12 bg-gray-300 rounded-full flex items-center justify-center"
+    }, React.createElement("span", {
+      className: "text-gray-600 text-xl"
+    }, userMember?.username?.charAt(0))), React.createElement("div", {
+      className: "flex-1 min-w-0"
+    }, React.createElement("h5", {
+      className: "text-sm font-semibold text-gray-900 truncate"
+    }, userMember?.username), React.createElement("p", {
+      className: "text-sm text-gray-500 truncate"
+    }, lastMessage?.message))));
   }) : React.createElement("div", {
-    className: "no-messages"
-  }, React.createElement("h4", null, t('messenger_box_browser.you_have_no_unread_messages')), React.createElement("p", null, t('messenger_box_browser.when_you_book_a_trip_or_experience')), React.createElement(Button, {
-    variant: "outline",
-    width: "110px",
-    height: "40px",
-    borderRadius: "7px",
-    bg: "none",
-    border: "1px solid rgb(34 34 34)",
-    color: "black",
-    fontWeight: "600"
+    className: "flex flex-col items-center justify-center h-full p-6 text-center"
+  }, React.createElement("h4", {
+    className: "text-lg font-semibold text-gray-900 mb-2"
+  }, t('messenger_box_browser.you_have_no_unread_messages')), React.createElement("p", {
+    className: "text-sm text-gray-600 mb-6"
+  }, t('messenger_box_browser.when_you_book_a_trip_or_experience')), React.createElement("button", {
+    className: "px-6 py-2 border border-gray-900 rounded-lg text-gray-900 font-semibold hover:bg-gray-100 transition-colors duration-200"
   }, t('messenger_box_browser.explore'))));
 }
 // {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/InboxMessage/InboxSidebar/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"wLAiBwB,SAAA,YAAY,CAAC;AACjC,EAAA,mBAAc;MAER;AACF,EAAA,WAAA;AACJ,EAAA,MAAG;AACH,EAAA;;AAKgB,EAAA,MAAA;;AAEI,GAAA,GAAA,cAAQ,EAAA;AACJ,EAAA,MAAA,QAAA,GAAA,KAAQ,EAAG,MAAI,CAAA,IAAK,IAAA;eACvB,EAAA,EAAA,KAAA,MAAA;AACL,GAAA,CAAA;SACM,KAAA,CAAA,aAAqB,CAAA,KAAA,EAAC;AACxB,IAAA,SAAA,EAAA,GAAA,CAAO,UAAU,CAAA,gBAAc;AACnC,GAAA,EAAA,IAAC,EAAE,MAAA,GAAA,CAAA,GAAA,IAAA,EAAA,GAAA,CAAA,CAAA,IAAA,EAAA,KAAA,KAAA;UACI,WACF,GAAA,WAAA,CAAA,WACG,QACA,GAAM,CAAA,CAAA;gBAUD;AACD,IAAA,IAAA,EAAA,OAAA,CAAA,IAAA,CAAA,GAAA,IAAA;kBACK,KAAA,MAAA,EAAA;sBACI,CAAA,IAAA;;KAMxB,CAAC;AAGE,IAAA,MAAA,UAAA,GAAA,QAAA,CAAA,IAAA,CAAA,OAA0D,IAAA;AAC1D,MAAA,OAAA,OAAA,CAAA,EAAA,KAAA,QAAA;AACA,KAAA,CAAA;AAgBpB,IAAC,OAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAED,MAAI,EAAA,EAAA,GAAA;AACJ,MAA8C,MAAA,EAAA,MAAA;AAC9C,MAAY,EAAA,EAAA,MAAA;AACZ,MAA6E,KAAA,EAAA,MAAA;AAC7E,MAAyC,YAAA,EAAA,MAAA;AACzC,MAA+C,MAAA,EAAA;AAC/C,QAAI,eAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/InboxMessage/InboxSidebar/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"uEAcwB,SAAA,YAAY,CAAC;AACjC,EAAA,mBAAc;MAER;AACF,EAAA,WAAA;AACJ,EAAA,MAAG;;;AAMa,EAAA,MAAA;;AAEI,GAAA,GAAA,cAAQ,EAAA;AACJ,EAAA,MAAA,QAAA,GAAA,KAAQ,EAAG,MAAI,CAAA,IAAK,IAAA;eACvB,EAAA,EAAA,KAAA,MAAA;AACL,GAAA,CAAA;SACM,KAAA,CAAA,aAAqB,CAAA,KAAA,EAAC;AACxB,IAAA,SAAA,EAAA;AACJ,GAAA,EAAA,IAAC,EAAE,MAAA,GAAA,CAAA,GAAA,IAAA,EAAA,GAAA,CAAA,CAAA,IAAA,EAAA,KAAA,KAAA;AACH,IAAA,MAAA,WAEQ,GAAA,WAAA,CAAA,WAAA,EAAA,MAAA,IAAU,CAAwF;gBAI7F;iBACI,CAAA,IAAA,CAAA,GAAA,IAAA;AAED,MAAA,IAAA,GAAA,CAAA,IAAA,KAAA,MAAA,EAAA;gBAEJ,GAAK,GAAA,CAAA,IAAA;AACD;AAGA,KAAA,CAAA;IAKpB,MACA,UACA,GAAA,QAAA,CAAA,IAAA,CAAA,OAAc,IAAA;aACN,OAAA,CAAA,EAAA,KAAA,QAAA;;AAMJ,IAAA,OAAA,KAAA,CAAA,aAAA,CAAA,QAAA,EAAiB;AAOrC,MAAC,SAAA,EAAA,wFAAA;AAED,MAAI,OAAA,EAAA,MAAA,mBAAA,CAAA,IAAA,CAAA;AACJ,MAA8C,GAAA,EAAA;AAC9C,KAAY,EAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACZ,MAA6E,SAAA,EAAA;AAC7E,KAAyC,EAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACzC,MAA+C,SAAA,EAAA;AAC/C,KAAI,EAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/InboxMessage/Messages/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAW3D,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,GAAG,qBAqJtE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/InboxMessage/Messages/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAQ3D,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,GAAG,qBAiHtE"}

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

@@ -1,4 +1,4 @@
-import React__default,{useState,useEffect,useRef}from'react';import {useTranslation}from'react-i18next';import {BiArchiveIn,BiImage}from'react-icons/bi.js';import {BsFillArrowUpCircleFill}from'react-icons/bs.js';import {css}from'@emotion/css';import {Tooltip,Button,InputGroup,Textarea,InputRightElement}from'@chakra-ui/react';import {useGetMessagesQuery,useSendMessagesMutation}from'common/lib/generated/generated.js';import MsgList from'../MessagesList/index.js';import {styleSheet}from'./styles.js';function Messages({
+import React__default,{useState,useEffect,useRef}from'react';import {useTranslation}from'react-i18next';import {BiImage}from'@react-icons/all-files/bi/BiImage.js';import {BiArchiveIn}from'@react-icons/all-files/bi/BiArchiveIn.js';import {BsArrowUp}from'@react-icons/all-files/bs/BsArrowUp.js';import {useGetMessagesQuery,useSendMessagesMutation}from'common/graphql';import MsgList from'../MessagesList/index.js';function Messages({
   id,
   user,
   userId,
@@ -25,7 +25,7 @@ import React__default,{useState,useEffect,useRef}from'react';import {useTranslat
       setMessageList(data.messages.data);
     }
   }, [loading, id, data?.messages?.data, messageList]);
-  const [sendMsg, {}] = useSendMessagesMutation({
+  const [sendMsg] = useSendMessagesMutation({
     context: {}
   });
   const messagesEndRef = useRef(null);
@@ -48,7 +48,6 @@ import React__default,{useState,useEffect,useRef}from'react';import {useTranslat
   const item = user?.find(element => {
     return element.id !== userId;
   });
-  // console.log(textarea)
   const handleTextareaHeight = e => {
     if (e.key === 'Enter' && message !== '') {
       setHeight(40 + message.split('\n').length * 10 + 'px');
@@ -57,39 +56,25 @@ import React__default,{useState,useEffect,useRef}from'react';import {useTranslat
     }
   };
   return React__default.createElement("div", {
-    className: css(styleSheet.messageListStyles)
+    className: "flex flex-col h-full bg-white"
   }, React__default.createElement("div", {
-    className: "message-container"
+    className: "flex-1 overflow-hidden"
   }, React__default.createElement("div", {
-    className: "message-username"
-  }, React__default.createElement("h2", null, item?.username), React__default.createElement("div", null, React__default.createElement(Tooltip, {
-    label: t('messenger_box_browser.archive'),
-    placement: "bottom-end",
-    backgroundColor: "black",
-    // bg="white"
-    display: "flex",
-    alignItems: "center",
-    width: "60px",
-    borderRadius: "10px",
-    fontSize: "15px",
-    height: "40px",
-    justifyContent: "center",
-    marginTop: "5px",
-    color: "white",
-    boxShadow: "0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)",
-    hasArrow: true
-  }, React__default.createElement(Button, {
-    border: "none",
-    bg: "none",
-    width: "30px",
-    height: "30px",
+    className: "flex items-center justify-between px-4 py-3 border-b border-gray-200"
+  }, React__default.createElement("h2", {
+    className: "text-lg font-semibold"
+  }, item?.username), React__default.createElement("div", {
+    className: "relative group"
+  }, React__default.createElement("button", {
+    className: "p-2 rounded-full hover:bg-gray-100 transition-colors duration-200 group-hover:bg-gray-100",
     onClick: handleEnterBtn,
-    borderRadius: "50%",
-    _hover: {
-      backgroundColor: 'rgb(221, 221, 221)'
-    }
-  }, React__default.createElement(BiArchiveIn, null))))), React__default.createElement("div", {
-    className: "message-row"
+    title: t('messenger_box_browser.archive')
+  }, React__default.createElement(BiArchiveIn, {
+    className: "w-5 h-5 text-gray-600"
+  })), React__default.createElement("div", {
+    className: "absolute hidden group-hover:block -bottom-10 right-0 px-2 py-1 text-sm text-white bg-black rounded shadow-lg"
+  }, t('messenger_box_browser.archive')))), React__default.createElement("div", {
+    className: "flex flex-col h-[calc(100vh-200px)]"
   }, React__default.createElement(MsgList, {
     id: id,
     messageList: messageList,
@@ -98,57 +83,33 @@ import React__default,{useState,useEffect,useRef}from'react';import {useTranslat
   }), React__default.createElement("div", {
     ref: messagesEndRef
   }), React__default.createElement("div", {
-    className: "message-input"
-  }, React__default.createElement(Tooltip, {
-    label: t('messenger_box_browser.image'),
-    placement: "top",
-    // bg="white"
-    display: "flex",
-    alignItems: "center",
-    width: "60px",
-    borderRadius: "10px",
-    fontSize: "15px",
-    height: "40px",
-    justifyContent: "center",
-    marginTop: "5px",
-    color: "black",
-    boxShadow: "0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)",
-    hasArrow: true
-  }, React__default.createElement(Button, {
-    border: "none",
-    borderRadius: "50%",
-    bg: "none",
-    marginRight: "5px",
-    height: "40px",
-    width: "40px",
-    _hover: {
-      backgroundColor: 'rgb(221, 221, 221)'
-    }
+    className: "p-4 border-t border-gray-200"
+  }, React__default.createElement("div", {
+    className: "flex items-center space-x-2"
+  }, React__default.createElement("div", {
+    className: "relative group"
+  }, React__default.createElement("button", {
+    className: "p-2 rounded-full hover:bg-gray-100 transition-colors duration-200",
+    title: t('messenger_box_browser.image')
   }, React__default.createElement(BiImage, {
-    color: "#464646",
-    style: {
-      fontSize: '25px'
-    }
-  }))), React__default.createElement(InputGroup, {
-    size: "md"
-  }, React__default.createElement(Textarea, {
+    className: "w-6 h-6 text-gray-600"
+  })), React__default.createElement("div", {
+    className: "absolute hidden group-hover:block -top-10 left-1/2 -translate-x-1/2 px-2 py-1 text-sm text-black bg-white rounded shadow-lg"
+  }, t('messenger_box_browser.image'))), React__default.createElement("div", {
+    className: "flex-1 relative"
+  }, React__default.createElement("textarea", {
+    className: "w-full px-4 py-2 text-gray-700 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent resize-none",
     placeholder: t('messenger_box_browser.type_your_message'),
     value: message,
-    height: height,
+    style: {
+      height
+    },
     onKeyUp: handleTextareaHeight,
-    // height={enter ? message.split('\n').length * 10 + 'px' : '40px'}
     onChange: e => setMessage(e.target.value)
-  }), React__default.createElement(InputRightElement, null, React__default.createElement(Button, {
-    border: "none",
-    bg: "none",
-    onClick: handleEnterBtn,
-    position: "relative",
-    right: "53px",
-    top: "6px"
-  }, message !== '' ? React__default.createElement(BsFillArrowUpCircleFill, {
-    color: "rgb(34, 34, 34)",
-    style: {
-      fontSize: '25px'
-    }
-  }) : '')))))));
+  }), message !== '' && React__default.createElement("button", {
+    className: "absolute right-3 bottom-2 p-1 hover:bg-gray-100 rounded-full transition-colors duration-200",
+    onClick: handleEnterBtn
+  }, React__default.createElement(BsArrowUp, {
+    className: "w-6 h-6 text-gray-800"
+  }))))))));
 }export{Messages as default};//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/InboxMessage/Messages/index.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"sfAWwB,SAAA,QAAQ,CAAC;IAC7B;MACM;QACA;AACN,EAAA;;AAEI,EAAA,MAAA,CAAA,OAAA,EAAW,UAAA,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;AACP,EAAA,MAAA,CAAA,WAAA,gBAAa,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;AAChB,EAAA,MAAA,CAAA,MAAA,EAAA,SAAA,CAAA,GAAA,QAAA,CAAA,MAAA,CAAA;AACJ,EAAA,MAAE;IACH;oBACgB,EAAE;AACV,EAAA,MAAA;QACJ;AACJ,IAAA,OAAW;AACX,IAAA,KAAA;AACI,IAAA;AACH,GAAA,GAAC,mBAAC,CAAA;AACH,IAAA;MACM,SAAA,EAAA;;AAEN,GAAA,CAAA;WACM,CAAA,MAAA;QACF,CAAI,OAAA,EAAA;AACA,MAAA,cAAQ,CAAA,IAAA,CAAA,QAAA,CAAA,IAAA,CAAA;AACJ;AACI,GAAA,EAAA,CAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,QAAa,EAAA,IAAA,EAAA,WAAA,CAAA,CAAA;AACb,EAAA,MAAA,CAAA,OAAA,EAAA,EAAA,CAAA,GAAA,uBAAgB,CAAA;AAChB,IAAA,OAAA,EAAA;AACH,GAAA,CAAA;AACJ,EAAA,MAAA,cAAO,GAAK,MAAA,CAAA,IAAA,CAAA;QAMjB,cAAC,GAAA,MAAA;AACL,IAAA,IAAE,OAAA,EAAA;MACI,OAAA,CAAI;AACN,QAAA,SAAc,EAAA;AAClB,UAAG,SAAA,EAAA,EAAA;UACqB,OAAA,EAAA,OAAA;AACxB,UAAM,KAAoB,EAAA;;AAElB,OAAA,CAAA,CAAA,IAAA,CAAA,MAAA;QACJ,OAAC,EAAA,CAAA,IAAA,CAAA,KAAA,IAAA;wBAAO,CAAA,CAAA,GAAA,KAAA,CAAA,IAAA,CAAA,QAAA,CAAA,IAAA,CAAA,CAAA;;QAER;AACJ,MAAE,UAAA,CAAA,EAAA,CAAA;;;YAIU,GAAK,IAAA,EAAA,IAAA,CAAA,OAAA,IAAA;kBACI,CAAA,EAAA,KAAA,MAAA;AACL,GAAA,CAAA;AACI;4BAIiB,GAAA,CAAA,IAAA;AACb,IAAA,IAAA,CAAA,CAAA,GAAA,KAAA,OAAA,IAAA,OAAc,KACd;AAWA,MAAA,SAAA,CAAA,EAAA,GAAA,OAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA,MAAO,GAAA,EAAA,GACG,IAAA,CAAA;AAQN,KAAA,MAAA;eAKX,CAAA,MAAA,CAAA;AACD;;qCAEK,CAAA,KAAA,EAAA;6BACA,CAAA,iBAAO;iCAGJ,CAAa,KAAA,EAAA;AACb,IAAA,SAAA,EAAA;AAYA,GAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AASI,IAAA,SAAA,EAAA;AAGR,GAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,EAAA,IAAW,EAAA,QAAA,CAAA,EAACA,cAAI,CAAC,aAAI,CAAA,KAAA,EAAA,IAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AACjB,IAAA,KAAA,EAAA,CAAA,CAAA,+BAAC;;AAMG,IAAA,eAAA,EAAA,OAAA;AAEJ;AACI,IAAA,OAAA,EAAA,MAAA;AAqBhC,IAAC,UAAA,EAAA,QAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/InboxMessage/Messages/index.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"4ZAQwB,SAAA,QAAQ,CAAC;IAC7B;MACM;QACA;AACN,EAAA;;AAEI,EAAA,MAAA,CAAA,OAAA,EAAW,UAAA,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;AACP,EAAA,MAAA,CAAA,WAAA,gBAAa,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;AAChB,EAAA,MAAA,CAAA,MAAA,EAAA,SAAA,CAAA,GAAA,QAAA,CAAA,MAAA,CAAA;AACJ,EAAA,MAAE;IAEH;oBACgB,EAAE;AACV,EAAA,MAAA;QACJ;AACJ,IAAA,OAAW;AAEX,IAAA,KAAA;AACI,IAAA;AACH,GAAA,GAAC,mBAAC,CAAA;AAEH,IAAA;MACM,SAAA,EAAA;;AAEN,GAAA,CAAA;WAEM,CAAA,MAAA;QACF,CAAI,OAAA,EAAA;AACA,MAAA,cAAQ,CAAA,IAAA,CAAA,QAAA,CAAA,IAAA,CAAA;AACJ;AACI,GAAA,EAAA,CAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,QAAa,EAAA,IAAA,EAAA,WAAA,CAAA,CAAA;AACb,EAAA,MAAA,CAAA,OAAA,CAAA,GAAA,uBAAgB,CAAA;AAChB,IAAA,OAAA,EAAA;AACH,GAAA,CAAA;AACJ,EAAA,MAAA,cAAO,GAAK,MAAA,CAAA,IAAA,CAAA;QAMjB,cAAC,GAAA,MAAA;AACL,IAAA,IAAE,OAAA,EAAA;MAEI,OAAA,CAAI;AACN,QAAA,SAAc,EAAA;AAClB,UAAG,SAAA,EAAA,EAAA;AAEH,UAAM,OAAoB,EAAA,OAAA;UAClB,KAAE,EAAG;AACL;QACJ,CAAC,IAAA,CAAA,MAAA;eAAO,EAAA,CAAA,IAAA,CAAA,KAAA,IAAA;wBACY,CAAA,CAAA,GAAC,KAAC,CAAA,IAAA,CAAA,QAAA,CAAA,IAAA,CAAA,CAAA;SACrB,CAAA;AACL,OAAE,CAAA;AAEF,MAAA,UACI,CAAA,EAAA,CAAA;;;AAGY,EAAA,MAAA,IAAA,GAAA,IAAA,EAAA,IAAA,CAAA,OAAA,IAAA;kBACK,CAAA,EAAA,KAAA,MAAA;AACD,GAAA,CAAA;AAKI,EAAA,MAAA,oBAAA,GAAA,CAAA,IAAA;yBAEC,IAAA,OAAA,KAAA,EAAA,EAAA;eAKR,CAAA,EAAA,GAAA,OAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA,MAAA,GAAS,EAAC,GAAqC,IAAA,CAAA;AAChD,KAAA,MAAA;gBACA,MAAK,CAAA;;;qCAGQ,CAAA,KAAA,EAAA;;AAKG,GAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;;iCAMR,CAAK,KAAA,EAAA;AACD,IAAA,SAAA,EAAA;sCAQQ,EAAA;AAKA,IAAA,SAAA,EAAA;AAUxC,GAAC,EAAA,IAAA,EAAA,QAAA,CAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/InboxMessage/MessagesList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAgBnD,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,EAAE,GAAG,qBA4EhE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/InboxMessage/MessagesList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAMxC,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,EAAE,GAAG,qBA2EhE"}

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.js';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":"gQAgBwB,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":"wKAMwB,SAAA,OAAO,CAAC;aACf;;AAGb,CAAA,EAAA;QACI,CAAe,MAAA,EAAA,SAAQ,CAAA,GAAA,QAAE,CAAA,KAAA,CAAA;QACzB,CAAS,YAAK,EAAC,eAAC,CAAA,GAAA,QAAA,CAAA,IAAA,CAAA;AACpB,EAAA,MAAE,SAAA,GAAA,OAAA,IAAA;IAEF,eAAM,CAAU,OAAQ,CAAA;aACX,CAAA,IAAC,CAAK;;AAEnB,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;6BAYT;;iCAEI,CAAA,KAAA,EAAA;AACD,IAAA,SAAA,EAAA;AACC,GAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAQpB,IAAA,SAAA,EAAU,wEAC4C;aAC1C,MAAA,SAAA,CAAA,OAAA;AAED,GAAA,EAAA,OAAA,EAAA,QAAA,IAAAA,cAAA,CAAA,aACI;gBAKJ,CAAK,QAAA;wBACI,EAAA,QAAA;;mCAQA,CAAA,KAAA,EAAA;;AAYjC,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"}