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

package/CHANGELOG.md

@@ -3,6 +3,234 @@
 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.160](https://github.com/cdmbase/messenger-box/compare/v10.0.3-alpha.159...v10.0.3-alpha.160) (2025-12-24)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.158](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.157...v10.0.3-alpha.158) (2025-12-23)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.154](https://github.com/cdmbase/messenger-box/compare/v10.0.3-alpha.153...v10.0.3-alpha.154) (2025-12-20)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.152](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.151...v10.0.3-alpha.152) (2025-12-19)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.151](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.150...v10.0.3-alpha.151) (2025-12-19)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.150](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.149...v10.0.3-alpha.150) (2025-12-19)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.148](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.147...v10.0.3-alpha.148) (2025-12-18)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.147](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.146...v10.0.3-alpha.147) (2025-12-18)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.145](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.144...v10.0.3-alpha.145) (2025-12-11)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.143](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.142...v10.0.3-alpha.143) (2025-12-08)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.138](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.137...v10.0.3-alpha.138) (2025-12-05)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.136](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.135...v10.0.3-alpha.136) (2025-12-02)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.135](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.134...v10.0.3-alpha.135) (2025-11-28)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.129](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.128...v10.0.3-alpha.129) (2025-11-17)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.126](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.125...v10.0.3-alpha.126) (2025-11-08)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.125](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.124...v10.0.3-alpha.125) (2025-11-08)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.123](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.122...v10.0.3-alpha.123) (2025-11-05)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.120](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.119...v10.0.3-alpha.120) (2025-10-30)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.119](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.118...v10.0.3-alpha.119) (2025-10-29)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.117](https://github.com/cdmbase/messenger-box/compare/v10.0.3-alpha.116...v10.0.3-alpha.117) (2025-10-27)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.113](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.112...v10.0.3-alpha.113) (2025-10-23)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.109](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.108...v10.0.3-alpha.109) (2025-10-17)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.104](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.103...v10.0.3-alpha.104) (2025-10-11)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.102](https://github.com/cdmbase/messenger-box/compare/v10.0.3-alpha.101...v10.0.3-alpha.102) (2025-10-11)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.101](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.100...v10.0.3-alpha.101) (2025-10-11)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.100](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.99...v10.0.3-alpha.100) (2025-10-09)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.99](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.98...v10.0.3-alpha.99) (2025-09-29)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.97](https://github.com/cdmbase/messenger-box/compare/v10.0.3-alpha.96...v10.0.3-alpha.97) (2025-09-25)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.96](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.95...v10.0.3-alpha.96) (2025-09-23)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.95](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.94...v10.0.3-alpha.95) (2025-09-23)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.94](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.93...v10.0.3-alpha.94) (2025-09-22)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.93](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.92...v10.0.3-alpha.93) (2025-09-22)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.84](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.83...v10.0.3-alpha.84) (2025-09-21)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.80](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.79...v10.0.3-alpha.80) (2025-09-20)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [10.0.3-alpha.77](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.76...v10.0.3-alpha.77) (2025-09-19)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+## [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

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":"sJASc,SAAU,YAAY,CAAC;AACjC,EAAA,YAAS;AAET,EAAA;;;AAIY,IAAA;oBACI,EAAA;AAKpB,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":"uEAcc,SAAU,YAAY,CAAC;AACjC,EAAA,mBAAc;MAEd;AACI,EAAA,WAAA;AACJ,EAAA,MAAG;;;AAMa,EAAA,MAAA;;AAEI,GAAA,GAAA,cAAQ,EAAA;AACJ,EAAA,MAAA,QAAA,GAAA,KAAQ,EAAA,MAAO,CAAA,IAAK,IAAA;eACvB,EAAA,EAAA,KAAA,MAAA;AACL,EAAA,CAAA,CAAA;SACA,KAAM,CAAA,aAAa,CAAA,KAAA,EAAS;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,WACI,GAAA,WAAA,CAAA,WAAA,EACI,MAAA,IAAU,CAAA;gBAIV;iBACI,CAAA,IAAA,CAAA,GAAA,IAAA;AAEI,MAAA,IAAA,GAAA,CAAA,IAAA,KAAA,MAAA,EAAA;gBAEJ,GAAA,GAAA,CAAA,IAAA;AACI,MAAA;AAGA,IAAA,CAAA,CAAA;IAKpB,MACA,UACA,GAAA,QAAA,CAAA,IAAA,CAAA,OAAK,IAAA;aACD,OAAA,CAAA,EAAA,KAAA,QAAI;;AAMJ,IAAA,OAAA,KAAA,CAAA,aAAA,CAAA,QAAA,EAAQ;AAO5B,MAAC,SAAA,EAAA,wFAAA;AAED,MAAI,OAAA,EAAA,MAAA,mBAAA,CAAA,IAAA,CAAA;AACJ,MAAA,GAAA,EAAA;AACA,KAAA,EAAA,KAAY,CAAA,aAAA,CAAA,KAAA,EAAA;AACZ,MAAA,SAAA,EAAA;AACA,KAAA,EAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACA,MAAA,SAAA,EAAA;AACA,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';import {BsFillArrowUpCircleFill}from'react-icons/bs';import {css}from'@emotion/css';import {Tooltip,Button,InputGroup,Textarea,InputRightElement}from'@chakra-ui/react';import {useGetMessagesQuery,useSendMessagesMutation}from'common/graphql';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":"6dAWwB,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":"4ZAQc,SAAU,QAAQ,CAAC;IAC7B;MACA;QACA;AACA,EAAA;;AAEI,EAAA,MAAA,CAAA,OAAA,EAAS,UAAE,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,OAAI;AAEJ,IAAA,KAAA;AACI,IAAA;AACH,GAAA,GAAC,mBAAC,CAAA;AAEH,IAAA;MACA,SAAM,EAAA;;AAEN,GAAA,CAAA;WAEM,CAAA,MAAA;QACF,CAAA,OAAI,EAAA;AACA,MAAA,cAAQ,CAAA,IAAA,CAAA,QAAA,CAAA,IAAA,CAAA;AACJ,IAAA;AACI,EAAA,CAAA,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;MAEF,OAAM,CAAI;AACN,QAAA,SAAO,EAAA;AACX,UAAG,SAAA,EAAA,EAAA;AAEH,UAAM,OAAA,EAAA,OAAA;UACF,KAAM,EAAG;AACL;QACJ,CAAC,IAAA,CAAA,MAAA;eAAO,EAAA,CAAA,IAAA,CAAA,KAAA,IAAA;wBACM,CAAA,CAAA,GAAO,KAAC,CAAA,IAAA,CAAA,QAAA,CAAA,IAAA,CAAA,CAAA;QACtB,CAAC,CAAA;AACL,MAAE,CAAA,CAAA;AAEF,MAAA,UACI,CAAA,EAAA,CAAA;;;AAGY,EAAA,MAAA,IAAA,GAAA,IAAA,EAAA,IAAA,CAAA,OAAA,IAAA;kBACA,CAAA,EAAA,KAAA,MAAA;AACI,EAAA,CAAA,CAAA;AAKI,EAAA,MAAA,oBAAA,GAAA,CAAA,IAAA;yBAEJ,IAAA,OAAA,KAAA,EAAA,EAAA;eAKR,CAAA,EAAA,GAAA,OAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAK,MAAA,GAAS,EAAC,GAAA,IAAA,CAAA;AACX,IAAA,CAAA,MAAA;gBACA,MAAA,CAAA;;;qCAGQ,CAAA,KAAA,EAAA;;AAKQ,GAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;;iCAMR,CAAA,KAAA,EAAA;AACI,IAAA,SAAA,EAAA;sCAQC,EAAA;AAKO,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"}