@messenger-box/platform-browser 5.0.11-alpha.0 → 5.0.11-alpha.4

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [5.0.11-alpha.4](https://github.com/CDEBase/messenger-box/compare/v5.0.11-alpha.3...v5.0.11-alpha.4) (2024-04-05)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
 ## [5.0.11-alpha.0](https://github.com/CDEBase/messenger-box/compare/v0.0.1-alpha.487...v5.0.11-alpha.0) (2024-03-28)
 
 **Note:** Version bump only for package @messenger-box/platform-browser

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

@@ -1,6 +1,6 @@
-import React__default from'react';import {Button}from'@chakra-ui/react';import {CloseOutlined}from'@ant-design/icons';import {css}from'@emotion/css';import {styleSheet}from'./style.js';function InboxDetails({ handleToggle, toggleDrawer }) {
+import React__default from'react';import {Button}from'@chakra-ui/react';import {AiOutlineClose}from'@react-icons/all-files/ai/AiOutlineClose';import {css}from'@emotion/css';import {styleSheet}from'./style.js';function InboxDetails({ handleToggle, toggleDrawer }) {
     return (React__default.createElement("div", { className: css(styleSheet.detailDrawerStyles) },
         React__default.createElement("div", { className: "details" },
             React__default.createElement("h4", null, "Details"),
-            React__default.createElement(Button, { onClick: handleToggle, as: "a", className: "close-btn", marginRight: '10px', rightIcon: React__default.createElement(CloseOutlined, { color: "black" }) }))));
+            React__default.createElement(Button, { onClick: handleToggle, as: "a", className: "close-btn", marginRight: '10px', rightIcon: React__default.createElement(AiOutlineClose, { color: "black" }) }))));
 }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":"yLAMwB,SAAA,YAAY,CAAC,EAAE,YAAY,EAAE,YAAY,EAAO,EAAA;IAEpE,QACIA,sCAAK,SAAS,EAAE,GAAG,CAAC,UAAU,CAAC,kBAAkB,CAAC,EAAA;QAC9CA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,SAAS,EAAA;YACpBA,cAAgB,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,EAAA,SAAA,CAAA;AAChB,YAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACH,OAAO,EAAE,YAAY,EACrB,EAAE,EAAC,GAAG,EACN,SAAS,EAAC,WAAW,EACrB,WAAW,EAAC,MAAM,EAClB,SAAS,EAAEA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAC,EAAA,KAAK,EAAC,OAAO,EAAG,CAAA,EAAA,CACpC,CACR,CACJ,EACR;AACN"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/InboxMessage/InboxDetails/index.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"iNAMwB,SAAA,YAAY,CAAC,EAAE,YAAY,EAAE,YAAY,EAAO,EAAA;IAEpE,QACIA,sCAAK,SAAS,EAAE,GAAG,CAAC,UAAU,CAAC,kBAAkB,CAAC,EAAA;QAC9CA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,SAAS,EAAA;YACpBA,cAAgB,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,EAAA,SAAA,CAAA;AAChB,YAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACH,OAAO,EAAE,YAAY,EACrB,EAAE,EAAC,GAAG,EACN,SAAS,EAAC,WAAW,EACrB,WAAW,EAAC,MAAM,EAClB,SAAS,EAAEA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAC,EAAA,KAAK,EAAC,OAAO,EAAG,CAAA,EAAA,CACrC,CACR,CACJ,EACR;AACN"}

package/lib/components/messenger/messagesList/messageBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"messageBox.d.ts","sourceRoot":"","sources":["../../../../src/components/messenger/messagesList/messageBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAEvD,OAAO,oBAAoB,CAAC;AAO5B,eAAO,MAAM,UAAU,yBA4DtB,CAAC"}
+{"version":3,"file":"messageBox.d.ts","sourceRoot":"","sources":["../../../../src/components/messenger/messagesList/messageBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAEvD,OAAO,oBAAoB,CAAC;AAU5B,eAAO,MAAM,UAAU,yBA4DtB,CAAC"}

package/lib/components/messenger/postMessage/postMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"postMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/messenger/postMessage/postMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAS5C,eAAO,MAAM,WAAW,mCAgBvB,CAAC"}
+{"version":3,"file":"postMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/messenger/postMessage/postMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAU5C,eAAO,MAAM,WAAW,mCAgBvB,CAAC"}

package/lib/components/messenger/sidebarThreadList/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/messenger/sidebarThreadList/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAa5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAGrD,UAAU,MAAM;IACZ,gBAAgB,CAAC,EAAE,iBAAiB,EAAE,CAAC;CAC1C;AAMD,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,MAAM,CA2KxC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/messenger/sidebarThreadList/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAY5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAGrD,UAAU,MAAM;IACZ,gBAAgB,CAAC,EAAE,iBAAiB,EAAE,CAAC;CAC1C;AAMD,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,MAAM,CA2KxC,CAAC"}

package/lib/compute.js

@@ -1,4 +1,4 @@
-import*as React from'react';import {IMenuPosition}from'@common-stack/client-react';import {MessageOutlined}from'@ant-design/icons';import {getFilteredMenus,getFilteredRoutes}from'./utils/index.js';const Dashboard = React.lazy(() => import('./containers/Dashboard.js'));
+import*as React from'react';import {IMenuPosition}from'@common-stack/client-react';import {AiOutlineInbox}from'@react-icons/all-files/ai/AiOutlineInbox';import {getFilteredMenus,getFilteredRoutes}from'./utils/index.js';const Dashboard = React.lazy(() => import('./containers/Dashboard.js'));
 React.lazy(() => import('./containers/Messenger.js'));
 React.lazy(() => import('./containers/Inbox.js'));
 const DirectChannelView = React.lazy(() => import('./components/channel_view/DirectChannelView.js'));
@@ -15,7 +15,7 @@ const PublicChannelView = React.lazy(() => import('./components/channel_view/Pub
 const messengerPageStore = [
     {
         exact: false,
-        icon: React.createElement(MessageOutlined, null),
+        icon: React.createElement(AiOutlineInbox, null),
         key: 'dashboard',
         component: Dashboard,
         tab: 'Messenger',
@@ -25,7 +25,7 @@ const messengerPageStore = [
     },
     // {
     //     exact: false,
-    //     icon: <MessageOutlined />,
+    //     icon: <AiOutlineInbox />,
     //     key: 'messenger-chat',
     //     component: Dashboard,
     //     tab: 'Messenger',

package/lib/compute.js.map

@@ -1 +1 @@
-{"version":3,"file":"compute.js","sources":["../src/compute.tsx"],"sourcesContent":[null],"names":[],"mappings":"qMAIA,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,OAAO,2BAAwB,CAAC,CAAC,CAAC;AACnD,KAAK,CAAC,IAAI,CAAC,MAAM,OAAO,2BAAwB,CAAC,EAAE;AACvD,KAAK,CAAC,IAAI,CAAC,MAAM,OAAO,uBAAoB,CAAC,EAAC;AAC5D,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,OAAO,gDAA6C,CAAC,CAAC,CAAA;AACjG,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,OAAO,gDAA6C,CAAC,CAAC,CAAA;AAEjG;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEa,MAAA,kBAAkB,GAAU;AACrC,IAAA;AACI,QAAA,KAAK,EAAE,KAAK;QACZ,IAAI,EAAE,KAAC,CAAA,aAAA,CAAA,eAAe,EAAE,IAAA,CAAA;AACxB,QAAA,GAAG,EAAE,WAAW;AAChB,QAAA,SAAS,EAAE,SAAS;AACpB,QAAA,GAAG,EAAE,WAAW;QAChB,QAAQ,EAAE,aAAa,CAAC,MAAM;AAC9B,QAAA,IAAI,EAAE,WAAW;AACjB,QAAA,IAAI,EAAE,uBAAuB;AAChC,KAAA;;;;;;;;;;;;;;;;;;;;;EAqBH;AAEF,MAAM,sBAAsB,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;AACtD;AACsB,gBAAgB,CAAC,kBAAkB,EAAE,sBAAsB,EAAE;AAEnF;AACM,MAAA,cAAc,GAAG,iBAAiB,CAAC,kBAAkB,EAAE,sBAAsB,EAAE;AAGxE,MAAA,eAAe,GAAG;AAC3B,IAAA;AACI,QAAA,IAAI,EAAE,CAA4C,0CAAA,CAAA;AAClD,QAAA,KAAK,EAAE,IAAI;AACX,QAAA,SAAS,EAAE,iBAAiB;AAC/B,KAAA;AACD,IAAA;AACI,QAAA,IAAI,EAAE,CAA4C,0CAAA,CAAA;AAClD,QAAA,KAAK,EAAE,IAAI;AACX,QAAA,SAAS,EAAE,iBAAiB;AAC/B,KAAA;"}
+{"version":3,"file":"compute.js","sources":["../src/compute.tsx"],"sourcesContent":[null],"names":[],"mappings":"2NAIA,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,OAAO,2BAAwB,CAAC,CAAC,CAAC;AACnD,KAAK,CAAC,IAAI,CAAC,MAAM,OAAO,2BAAwB,CAAC,EAAE;AACvD,KAAK,CAAC,IAAI,CAAC,MAAM,OAAO,uBAAoB,CAAC,EAAC;AAC5D,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,OAAO,gDAA6C,CAAC,CAAC,CAAA;AACjG,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,OAAO,gDAA6C,CAAC,CAAC,CAAA;AAEjG;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEa,MAAA,kBAAkB,GAAU;AACrC,IAAA;AACI,QAAA,KAAK,EAAE,KAAK;QACZ,IAAI,EAAE,KAAC,CAAA,aAAA,CAAA,cAAc,EAAE,IAAA,CAAA;AACvB,QAAA,GAAG,EAAE,WAAW;AAChB,QAAA,SAAS,EAAE,SAAS;AACpB,QAAA,GAAG,EAAE,WAAW;QAChB,QAAQ,EAAE,aAAa,CAAC,MAAM;AAC9B,QAAA,IAAI,EAAE,WAAW;AACjB,QAAA,IAAI,EAAE,uBAAuB;AAChC,KAAA;;;;;;;;;;;;;;;;;;;;;EAqBH;AAEF,MAAM,sBAAsB,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;AACtD;AACsB,gBAAgB,CAAC,kBAAkB,EAAE,sBAAsB,EAAE;AAEnF;AACM,MAAA,cAAc,GAAG,iBAAiB,CAAC,kBAAkB,EAAE,sBAAsB,EAAE;AAGxE,MAAA,eAAe,GAAG;AAC3B,IAAA;AACI,QAAA,IAAI,EAAE,CAA4C,0CAAA,CAAA;AAClD,QAAA,KAAK,EAAE,IAAI;AACX,QAAA,SAAS,EAAE,iBAAiB;AAC/B,KAAA;AACD,IAAA;AACI,QAAA,IAAI,EAAE,CAA4C,0CAAA,CAAA;AAClD,QAAA,KAAK,EAAE,IAAI;AACX,QAAA,SAAS,EAAE,iBAAiB;AAC/B,KAAA;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@messenger-box/platform-browser",
-    "version": "5.0.11-alpha.0",
+    "version": "5.0.11-alpha.4",
     "description": "Sample core for higher packages to depend on",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -60,5 +60,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "5253c44ec3ca295009613a2459f848e08656629c"
+    "gitHead": "f65b77b88539c701c56c6ef0e190a36901246535"
 }

package/src/components/InboxMessage/InboxDetails/index.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { Button } from '@chakra-ui/react';
-import { CloseOutlined } from '@ant-design/icons';
+import { AiOutlineClose } from "@react-icons/all-files/ai/AiOutlineClose";
 import { css } from '@emotion/css';
 import { styleSheet } from './style';
 
@@ -15,7 +15,7 @@ export default function InboxDetails({ handleToggle, toggleDrawer }: any) {
                     as="a"
                     className="close-btn"
                     marginRight='10px'
-                    rightIcon={<CloseOutlined color="black" />}
+                    rightIcon={<AiOutlineClose color="black" />}
                 ></Button>
             </div>
         </div>

package/src/components/messenger/messagesList/messageBox.tsx

@@ -5,7 +5,10 @@ import 'antd/dist/antd.css';
 import { Tooltip, Avatar } from 'antd';
 import { Comment,  } from '@ant-design/compatible';
 import Moment from 'moment';
-import { DislikeOutlined, LikeOutlined, DislikeFilled, LikeFilled } from '@ant-design/icons';
+import { AiFillLike } from "@react-icons/all-files/ai/AiFillLike";
+import { AiOutlineLike } from "@react-icons/all-files/ai/AiOutlineLike";
+import { AiOutlineDislike } from "@react-icons/all-files/ai/AiOutlineDislike";
+import { AiFillDislike } from "@react-icons/all-files/ai/AiFillDislike";
 
 export const MessageBox = () => {
     const [likes, setLikes] = useState(0);
@@ -27,13 +30,13 @@ export const MessageBox = () => {
     const actions = [
         <Tooltip key="comment-basic-like" title="Like">
       <span onClick={like}>
-        {createElement(action === 'liked' ? LikeFilled : LikeOutlined)}
+        {createElement(action === 'liked' ? AiFillLike : AiOutlineLike)}
           <span className="comment-action">{likes}</span>
       </span>
         </Tooltip>,
         <Tooltip key="comment-basic-dislike" title="Dislike">
       <span onClick={dislike}>
-        {React.createElement(action === 'disliked' ? DislikeFilled : DislikeOutlined)}
+        {React.createElement(action === 'disliked' ? AiFillDislike : AiOutlineDislike)}
           <span className="comment-action">{dislikes}</span>
       </span>
         </Tooltip>,

package/src/components/messenger/postMessage/postMessage.tsx

@@ -1,6 +1,7 @@
 import React, { FC, useState } from 'react';
 import { Col, Input } from 'antd';
-import { SmileOutlined, PaperClipOutlined } from '@ant-design/icons';
+import { AiOutlinePaperClip } from "@react-icons/all-files/ai/AiOutlinePaperClip";
+import { AiOutlineSmile } from "@react-icons/all-files/ai/AiOutlineSmile";
 import { css } from '@emotion/css';
 import { IMessageList } from './../types/message';
 import { messagesData } from './../mock';
@@ -18,8 +19,8 @@ export const PostMessage = (props) => {
                 style={{ width: '100%' }}
             />
             <div className="icon">
-                <PaperClipOutlined />
-                <SmileOutlined />
+                <AiOutlinePaperClip />
+                <AiOutlineSmile />
             </div>
         </div>
     )

package/src/components/messenger/sidebarThreadList/index.tsx

@@ -4,7 +4,6 @@ import { Popover, Avatar } from 'antd';
 import { Comment } from '@ant-design/compatible';
 import { useSelector } from 'react-redux';
 import { IoBookmarkOutline } from 'react-icons/io5';
-import { CommentOutlined, SmileOutlined, SaveOutlined, EllipsisOutlined } from '@ant-design/icons';
 import { useGetUserAccountQuery } from '@adminide-stack/account-api-client';
 import { BiDotsHorizontalRounded, BiPaperPlane, BiEdit } from 'react-icons/bi';
 import { MdOutlineEmojiEmotions } from 'react-icons/md';

package/src/components/messenger/threadSidebar/index.tsx

@@ -4,7 +4,7 @@ import { messagesData } from './../mock';
 import { IMessageList } from './../types/message';
 import { css } from '@emotion/css';
 import { Input, Col, Row } from 'antd';
-import { CloseOutlined } from '@ant-design/icons'
+import { AiOutlineClose } from "@react-icons/all-files/ai/AiOutlineClose";
 import { HiOutlinePaperClip } from 'react-icons/hi';
 import { MdOutlineEmojiEmotions } from 'react-icons/md';
 import { Picker } from 'emoji-mart';
@@ -67,7 +67,7 @@ export const ThreadSidebar = (props) => {
     return (
         <div className={css(styleSheet.ThreadSidebarStyles)}>
             <Col>
-                <div className='close-icon'><CloseOutlined /></div>
+                <div className='close-icon'><AiOutlineClose /></div>
             </Col>
             <Col md={16}>
                 <SidebarThreadList userMessagesList={userMessagesReplyList} />

package/src/compute.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { IMenuPosition } from '@common-stack/client-react';
-import { MessageOutlined } from '@ant-design/icons';
+import { AiOutlineInbox } from '@react-icons/all-files/ai/AiOutlineInbox';
 import { getFilteredMenus, getFilteredRoutes } from './utils';
 const Dashboard = React.lazy(() => import('./containers/Dashboard'));
 const Messenger = React.lazy(() => import('./containers/Messenger'));
@@ -22,7 +22,7 @@ const PublicChannelView = React.lazy(() => import('./components/channel_view/Pub
 export const messengerPageStore: any[] = [
     {
         exact: false,
-        icon: <MessageOutlined/>,
+        icon: <AiOutlineInbox/>,
         key: 'dashboard',
         component: Dashboard,
         tab: 'Messenger',
@@ -32,7 +32,7 @@ export const messengerPageStore: any[] = [
     },
     // {
     //     exact: false,
-    //     icon: <MessageOutlined />,
+    //     icon: <AiOutlineInbox />,
     //     key: 'messenger-chat',
     //     component: Dashboard,
     //     tab: 'Messenger',