@messenger-box/platform-browser 5.0.1-alpha.0 → 5.0.3-alpha.0

package/CHANGELOG.md

@@ -3,6 +3,23 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 5.0.3-alpha.0 (2024-03-08)
+
+### Bug Fixes
+
+-   bug in fetching messages ([a4e7928](https://github.com/cdmbase/messenger-box/commit/a4e7928051f26f6b7d7b5b34baea2a9d94248ab6))
+-   **chakra-ui:** chat screen and list design ([132f893](https://github.com/cdmbase/messenger-box/commit/132f893848b86ec54fd92e1fa637e93bffd5f5c1))
+
+### Features
+
+-   add inbox right side bar slot ([a90e137](https://github.com/cdmbase/messenger-box/commit/a90e1370c010218c27b057526605e105f049cc5c))
+-   add support to upload files via signed url ([d83f7d3](https://github.com/cdmbase/messenger-box/commit/d83f7d360d5bab45a55f6ea45e44da670d8a6ace))
+-   **chkra-ui:** move improved components from the pubngo repo to here ([0e1a7b1](https://github.com/cdmbase/messenger-box/commit/0e1a7b13373cb21f3c9ea2a3d9872022de69ea09))
+
+## [5.0.1-alpha.1](https://github.com/CDEBase/messenger-box/compare/v5.0.1-alpha.0...v5.0.1-alpha.1) (2024-02-06)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
 ## 5.0.1-alpha.0 (2024-02-06)
 
 ### Bug Fixes

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

@@ -0,0 +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 }) {
+    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" }) }))));
+}export{InboxDetails as default};//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,27 @@
+const styleSheet = {
+    detailDrawerStyles: {
+        width: '100%',
+        '& .details': {
+            borderBottom: '1px solid #eaeaea',
+            height: '55px',
+            display: 'flex',
+            alignItems: 'center',
+            paddingLeft: '10px',
+            justifyContent: 'space-between',
+            '& h4': {
+                color: 'black',
+                fontSize: '1em',
+                fontWeight: 'bold',
+            },
+            '& .close-btn ': {
+                marginTop: '0',
+                '& svg': {
+                    color: 'black',
+                },
+            },
+            '& .close-btn:hover ': {
+                background: '#eaeaea',
+            },
+        },
+    },
+};export{styleSheet};//# sourceMappingURL=style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../src/components/InboxMessage/InboxDetails/style.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAa,MAAA,UAAU,GAAG;AACtB,IAAA,kBAAkB,EAAE;AAChB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,YAAY,EAAE;AACV,YAAA,YAAY,EAAE,mBAAmB;AACjC,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,WAAW,EAAE,MAAM;AACnB,YAAA,cAAc,EAAE,eAAe;AAC/B,YAAA,MAAM,EAAE;AACJ,gBAAA,KAAK,EAAE,OAAO;AACd,gBAAA,QAAQ,EAAE,KAAK;AACf,gBAAA,UAAU,EAAE,MAAM;AACrB,aAAA;AACD,YAAA,eAAe,EAAE;AACb,gBAAA,SAAS,EAAE,GAAG;AACd,gBAAA,OAAO,EAAE;AACL,oBAAA,KAAK,EAAE,OAAO;AACjB,iBAAA;AACJ,aAAA;AACD,YAAA,qBAAqB,EAAE;AACnB,gBAAA,UAAU,EAAE,SAAS;AACxB,aAAA;AACJ,SAAA;AACJ,KAAA;"}

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

@@ -0,0 +1,34 @@
+import*as React from'react';import {Button,Avatar}from'@chakra-ui/react';import {css}from'@emotion/css';import {styleSheet}from'./styles.js';function InboxSidebar({ handleSelectMessgae, user, messageList, userId, users }) {
+    const userList = users === null || users === void 0 ? void 0 : users.filter((item) => {
+        return (item === null || item === void 0 ? void 0 : item.id) !== userId;
+    });
+    return (React.createElement("div", { className: css(styleSheet.inboxSibarStyles) }, (user === null || user === void 0 ? void 0 : user.length) > 0 ? (user === null || user === void 0 ? void 0 : user.map((item, index) => {
+        const lastMessage = messageList[(messageList === null || messageList === void 0 ? void 0 : messageList.length) - 1];
+        let memberId;
+        item === null || item === void 0 ? void 0 : item.members.find((ele) => {
+            if (ele.user !== userId) {
+                memberId = ele.user;
+            }
+        });
+        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", 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 === null || userMember === void 0 ? void 0 : userMember.username),
+                    React.createElement("p", null, lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.message)))));
+    })) : (React.createElement("div", { className: "no-messages" },
+        React.createElement("h4", null, "You have no unread messages"),
+        React.createElement("p", null, "When you book a trip or experience, messages from your host will show up here."),
+        React.createElement(Button, { variant: "outline", width: "110px", height: "40px", borderRadius: "7px", bg: "none", border: "1px solid rgb(34 34 34)", color: "black", fontWeight: "600" }, "Explore")))));
+}
+// {
+//     cnl.displayName.split(',').length > 1 ?
+//     <span
+//         className="num_style">{cnl.displayName.split(',').length}</span> :
+//     <span className="icon icon__globe"
+//         color="white"><RiAdminFill /></span>
+// }
+export{InboxSidebar as default};//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/InboxMessage/InboxSidebar/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

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

@@ -0,0 +1,57 @@
+const styleSheet = {
+    inboxSibarStyles: {
+        width: '100%',
+        marginRight: '20px',
+        cursor: 'pointer',
+        top: '0',
+        bottom: '0',
+        height: '100%',
+        overflow: 'auto',
+        padding: '10px',
+        '& .show-message': {
+            color: 'black',
+            textDecoration: 'none',
+        },
+        '& .username': {
+            color: 'black',
+        },
+        '& .inbox-contacts': {
+            display: 'flex',
+            marginTop: '10px',
+            paddingBottom: '15px',
+            width: '100%',
+            borderBottom: '1px solid #eaeaea',
+            paddingRight: '10px',
+            justifiedContent: 'space-between',
+            '& .last-message': {
+                marginLeft: '10px',
+                lineHeight: '3px',
+            },
+        },
+        '& .no-messages': {
+            textAlign: 'center',
+            margin: '0 auto',
+            padding: '10px',
+            '& h4': {
+                fontSize: '18px',
+                color: 'black',
+            },
+            '& p': {
+                color: 'rgb(113, 113, 113)',
+                fontSize: '16px',
+            },
+            '& .ant-btn': {
+                width: '110px',
+                height: '40px',
+                borderRadius: '7px',
+                border: '1px solid rgb(34 34 34)',
+                color: 'black',
+                fontWeight: '600',
+                '& :hover': {
+                    color: 'black',
+                    borderColor: 'black',
+                },
+            },
+        },
+    },
+};export{styleSheet};//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../src/components/InboxMessage/InboxSidebar/styles.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAa,MAAA,UAAU,GAAG;AACtB,IAAA,gBAAgB,EAAE;AACd,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,WAAW,EAAE,MAAM;AACnB,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,GAAG,EAAE,GAAG;AACR,QAAA,MAAM,EAAE,GAAG;AACX,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,iBAAiB,EAAE;AACf,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,cAAc,EAAE,MAAM;AACzB,SAAA;AACD,QAAA,aAAa,EAAE;AACX,YAAA,KAAK,EAAE,OAAO;AACjB,SAAA;AACD,QAAA,mBAAmB,EAAE;AACjB,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,SAAS,EAAE,MAAM;AACjB,YAAA,aAAa,EAAE,MAAM;AACrB,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,YAAY,EAAE,mBAAmB;AACjC,YAAA,YAAY,EAAE,MAAM;AACpB,YAAA,gBAAgB,EAAE,eAAe;AACjC,YAAA,iBAAiB,EAAE;AACf,gBAAA,UAAU,EAAE,MAAM;AAClB,gBAAA,UAAU,EAAE,KAAK;AACpB,aAAA;AACJ,SAAA;AACD,QAAA,gBAAgB,EAAE;AACd,YAAA,SAAS,EAAE,QAAQ;AACnB,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,MAAM,EAAE;AACJ,gBAAA,QAAQ,EAAE,MAAM;AAChB,gBAAA,KAAK,EAAE,OAAO;AACjB,aAAA;AACD,YAAA,KAAK,EAAE;AACH,gBAAA,KAAK,EAAE,oBAAoB;AAC3B,gBAAA,QAAQ,EAAE,MAAM;AACnB,aAAA;AACD,YAAA,YAAY,EAAE;AACV,gBAAA,KAAK,EAAE,OAAO;AACd,gBAAA,MAAM,EAAE,MAAM;AACd,gBAAA,YAAY,EAAE,KAAK;AACnB,gBAAA,MAAM,EAAE,yBAAyB;AACjC,gBAAA,KAAK,EAAE,OAAO;AACd,gBAAA,UAAU,EAAE,KAAK;AACjB,gBAAA,UAAU,EAAE;AACR,oBAAA,KAAK,EAAE,OAAO;AACd,oBAAA,WAAW,EAAE,OAAO;AACvB,iBAAA;AACJ,aAAA;AACJ,SAAA;AACJ,KAAA;"}

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

@@ -0,0 +1,73 @@
+import React__default,{useState,useEffect,useRef}from'react';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'@messenger-box/platform-client';import MsgList from'../MessagesList/index.js';import {styleSheet}from'./styles.js';function Messages({ id, user, userId, currentUser }) {
+    var _a;
+    const [message, setMessage] = useState('');
+    const [messageList, setMessageList] = useState([]);
+    const [height, setHeight] = useState('40px');
+    const { data, loading, error, refetch } = useGetMessagesQuery({
+        variables: {
+            channelId: id,
+        },
+    });
+    useEffect(() => {
+        if (!loading) {
+            setMessageList(data.messages.data);
+        }
+    }, [loading, id, (_a = data === null || data === void 0 ? void 0 : data.messages) === null || _a === void 0 ? void 0 : _a.data, messageList]);
+    const [sendMsg, {}] = useSendMessagesMutation({
+        context: {},
+    });
+    const messagesEndRef = useRef(null);
+    const handleEnterBtn = () => {
+        if (message) {
+            sendMsg({
+                variables: {
+                    channelId: id,
+                    content: message,
+                    files: []
+                },
+            }).then(() => {
+                refetch().then((value) => {
+                    setMessageList([...value.data.messages.data]);
+                });
+            });
+            setMessage('');
+        }
+    };
+    const item = user === null || user === void 0 ? void 0 : 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');
+        }
+        else {
+            setHeight('40px');
+        }
+    };
+    return (React__default.createElement("div", { className: css(styleSheet.messageListStyles) },
+        React__default.createElement("div", { className: "message-container" },
+            React__default.createElement("div", { className: "message-username" },
+                React__default.createElement("h2", null, item === null || item === void 0 ? void 0 : item.username),
+                React__default.createElement("div", null,
+                    React__default.createElement(Tooltip, { label: "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", onClick: handleEnterBtn, borderRadius: "50%", _hover: { backgroundColor: 'rgb(221, 221, 221)' } },
+                            React__default.createElement(BiArchiveIn, null))))),
+            React__default.createElement("div", { className: "message-row" },
+                React__default.createElement(MsgList, { id: id, messageList: messageList, user: user, currentUser: currentUser }),
+                React__default.createElement("div", { ref: messagesEndRef }),
+                React__default.createElement("div", { className: "message-input" },
+                    React__default.createElement(Tooltip, { label: "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)' } },
+                            React__default.createElement(BiImage, { color: "#464646", style: { fontSize: '25px' } }))),
+                    React__default.createElement(InputGroup, { size: "md" },
+                        React__default.createElement(Textarea, { placeholder: "Type your message", value: message, height: 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' } })) : ('')))))))));
+}export{Messages as default};//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/InboxMessage/Messages/index.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}

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

@@ -0,0 +1,85 @@
+const styleSheet = {
+    messageListStyles: {
+        width: '100%',
+        padding: '15px 10px 10px 30px',
+        '& .message-container': {
+            display: 'flex',
+            flexDirection: 'column',
+            justifyContent: 'space-between',
+            height: '65vh',
+            alignItems: 'center',
+        },
+        '& .message-row': {
+            marginLeft: '23px',
+            marginRight: '23px',
+            // maxHeight: '100%',
+            width: '60%',
+            overflow: 'auto',
+            '& .message-list ': {
+                // height :'58vh',
+                bottom: '80px',
+                width: '100%',
+                right: '0px',
+                left: '0px',
+                paddingTop: '0px',
+                top: '0px',
+                '& .ant-comment': {
+                    width: '100%',
+                },
+            },
+        },
+        '& .message-username': {
+            width: '100%',
+            display: 'flex',
+            color: 'black',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            '& div': {
+                // display: 'flex',
+                // justifyContent: 'space-evenly',
+                width: '50px',
+                '& svg': {
+                    fontSize: '20px',
+                    color: '#464646',
+                },
+            },
+        },
+        '& .username': {
+            color: 'black',
+        },
+        '& .message': {
+            width: '100%',
+            display: 'flex',
+            color: 'black',
+            justifyContent: 'space-between',
+            '& svg': {
+                color: '#464646',
+            },
+        },
+        '& .message-input': {
+            width: '100%',
+            display: 'flex',
+            justifyContent: 'space-around',
+            marginTop: '30px',
+            '& textarea': {
+                borderRadius: '20px',
+                width: '93%',
+                overflow: 'hidden',
+                // maxHeight: '40px',
+                color: 'black',
+                lineHeight: '22px',
+                fontSize: '16px',
+                resize: 'none',
+                border: '1px solid rgb(221, 221, 221)',
+                padding: '9px 8px',
+            },
+            '& .image-btn': {
+                '& svg': {
+                    fontSize: '25px',
+                    fontWeight: '1px',
+                    color: '#464646',
+                },
+            },
+        },
+    },
+};export{styleSheet};//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../src/components/InboxMessage/Messages/styles.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAa,MAAA,UAAU,GAAG;AACtB,IAAA,iBAAiB,EAAE;AACf,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,OAAO,EAAE,qBAAqB;AAC9B,QAAA,sBAAsB,EAAE;AACpB,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,cAAc,EAAE,eAAe;AAC/B,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,UAAU,EAAE,QAAQ;AACvB,SAAA;AACD,QAAA,gBAAgB,EAAE;AACd,YAAA,UAAU,EAAE,MAAM;AAClB,YAAA,WAAW,EAAE,MAAM;;AAEnB,YAAA,KAAK,EAAE,KAAK;AACZ,YAAA,QAAQ,EAAE,MAAM;AAChB,YAAA,kBAAkB,EAAE;;AAEhB,gBAAA,MAAM,EAAE,MAAM;AACd,gBAAA,KAAK,EAAE,MAAM;AACb,gBAAA,KAAK,EAAE,KAAK;AACZ,gBAAA,IAAI,EAAE,KAAK;AACX,gBAAA,UAAU,EAAE,KAAK;AACjB,gBAAA,GAAG,EAAE,KAAK;AACV,gBAAA,gBAAgB,EAAE;AACd,oBAAA,KAAK,EAAE,MAAM;AAChB,iBAAA;AACJ,aAAA;AACJ,SAAA;AACD,QAAA,qBAAqB,EAAE;AACnB,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,cAAc,EAAE,eAAe;AAC/B,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,OAAO,EAAE;;;AAGL,gBAAA,KAAK,EAAE,MAAM;AACb,gBAAA,OAAO,EAAE;AACL,oBAAA,QAAQ,EAAE,MAAM;AAChB,oBAAA,KAAK,EAAE,SAAS;AACnB,iBAAA;AACJ,aAAA;AACJ,SAAA;AACD,QAAA,aAAa,EAAE;AACX,YAAA,KAAK,EAAE,OAAO;AACjB,SAAA;AACD,QAAA,YAAY,EAAE;AACV,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,cAAc,EAAE,eAAe;AAC/B,YAAA,OAAO,EAAE;AACL,gBAAA,KAAK,EAAE,SAAS;AACnB,aAAA;AACJ,SAAA;AACD,QAAA,kBAAkB,EAAE;AAChB,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,cAAc,EAAE,cAAc;AAC9B,YAAA,SAAS,EAAE,MAAM;AACjB,YAAA,YAAY,EAAE;AACV,gBAAA,YAAY,EAAE,MAAM;AACpB,gBAAA,KAAK,EAAE,KAAK;AACZ,gBAAA,QAAQ,EAAE,QAAQ;;AAElB,gBAAA,KAAK,EAAE,OAAO;AACd,gBAAA,UAAU,EAAE,MAAM;AAClB,gBAAA,QAAQ,EAAE,MAAM;AAChB,gBAAA,MAAM,EAAE,MAAM;AACd,gBAAA,MAAM,EAAE,8BAA8B;AACtC,gBAAA,OAAO,EAAE,SAAS;AACrB,aAAA;AACD,YAAA,cAAc,EAAE;AACZ,gBAAA,OAAO,EAAE;AACL,oBAAA,QAAQ,EAAE,MAAM;AAChB,oBAAA,UAAU,EAAE,KAAK;AACjB,oBAAA,KAAK,EAAE,SAAS;AACnB,iBAAA;AACJ,aAAA;AACJ,SAAA;AACJ,KAAA;"}

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

@@ -0,0 +1,30 @@
+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({ messageList, currentUser }) {
+    const { isOpen, onOpen, onClose } = useDisclosure();
+    return (React__default.createElement(React__default.Fragment, null, messageList === null || messageList === void 0 ? void 0 : messageList.map((element, index) => {
+        var _a, _b, _c;
+        // 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 === null || element === void 0 ? void 0 : element.imageUrl) ? element === null || element === void 0 ? void 0 : 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: (_a = element === null || element === void 0 ? void 0 : element.author) === null || _a === void 0 ? void 0 : _a.username, image: element.imageUrl ? element.imageUrl : '' })))),
+                React__default.createElement(Box, { width: "100%" },
+                    React__default.createElement(Text, { fontSize: "20px", color: "black" }, (_b = element === null || element === void 0 ? void 0 : element.author) === null || _b === void 0 ? void 0 : _b.username),
+                    React__default.createElement(Box, { d: "flex", justifyContent: "space-between" },
+                        React__default.createElement(Text, { color: "grey" }, element === null || element === void 0 ? void 0 : element.message),
+                        currentUser !== ((_c = element === null || element === void 0 ? void 0 : element.author) === null || _c === void 0 ? void 0 : _c.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>
+        //     )
+        // }
+    })));
+}export{MsgList as default};//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/InboxMessage/MessagesList/index.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}

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

@@ -0,0 +1,25 @@
+import React__default from'react';import {Box,Button}from'@chakra-ui/react';import {css}from'@emotion/css';import {styleSheet}from'./style.js';function Popover({ toggleDrawer }) {
+    const content = [
+        {
+            name: 'All Conversations',
+        },
+        {
+            name: 'Archived Conversations',
+            total: '0',
+        },
+        {
+            name: 'Unread Conversations',
+            total: '0',
+        },
+    ];
+    return (React__default.createElement("div", { className: css(styleSheet.customPopoverStyles(toggleDrawer)) }, content === null || content === void 0 ? void 0 : 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})`)));
+        }
+    })));
+}export{Popover as default};//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/InboxMessage/Popover/index.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"+IAKc,SAAU,OAAO,CAAC,EAAE,YAAY,EAAO,EAAA;AACjD,IAAA,MAAM,OAAO,GAAG;AACZ,QAAA;AACI,YAAA,IAAI,EAAE,mBAAmB;AAC5B,SAAA;AACD,QAAA;AACI,YAAA,IAAI,EAAE,wBAAwB;AAC9B,YAAA,KAAK,EAAE,GAAG;AACb,SAAA;AACD,QAAA;AACI,YAAA,IAAI,EAAE,sBAAsB;AAC5B,YAAA,KAAK,EAAE,GAAG;AACb,SAAA;KACJ,CAAC;IACF,QACIA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,GAAG,CAAC,UAAU,CAAC,mBAAmB,CAAC,YAAY,CAAQ,CAAC,EACnE,EAAA,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,OAAO,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AAC1B,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;AACb,YAAA,QACIA,cAAC,CAAA,aAAA,CAAA,GAAG,IAAC,MAAM,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,SAAS,EAAC,eAAe,EAAC,GAAG,EAAE,KAAK,EAAA;AAChE,gBAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACH,MAAM,EAAC,MAAM,EACb,QAAQ,EAAC,MAAM,EACf,KAAK,EAAC,SAAS,EACf,OAAO,EAAC,MAAM,EACd,EAAE,EAAC,MAAM,EACT,MAAM,EAAE,MAAM,EAEb,EAAA,IAAI,CAAC,IAAI,CACL,CACP,EACR;AACL,SAAA;AAAM,aAAA;AACH,YAAA,QACIA,cAAC,CAAA,aAAA,CAAA,GAAG,IAAC,MAAM,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,SAAS,EAAC,eAAe,EAAC,GAAG,EAAE,KAAK,EAAA;AAChE,gBAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,EACH,EAAA,MAAM,EAAC,MAAM,EACb,QAAQ,EAAC,MAAM,EACf,KAAK,EAAC,SAAS,EACf,OAAO,EAAC,MAAM,EACd,EAAE,EAAC,MAAM,EACT,MAAM,EAAE,MAAM,EAAA,EAEb,IAAI,CAAC,IAAI,GAAG,CAAA,CAAA,EAAI,IAAI,CAAC,KAAK,GAAG,CACzB,CACP,EACR;AACL,SAAA;KACJ,CAAC,CACA,EACR;AACN"}

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

@@ -0,0 +1,27 @@
+const styleSheet = {
+    customPopoverStyles: (toggleDrawer) => ({
+        position: 'absolute',
+        height: '120px',
+        width: '200px',
+        zIndex: '1',
+        background: 'white',
+        boxShadow: '0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)',
+        left: `${toggleDrawer ? '145px' : '189px'}`,
+        top: '145px',
+        borderRadius: '10px',
+        '& .popover-style': {
+            width: '100%',
+            marginTop: '7px',
+            transition: '1s ease-out',
+            cursor: 'pointer',
+            '& :hover': {
+                backgroundColor: '#edecec',
+            },
+            '& .ant-btn': {
+                textDecoration: 'none',
+                width: '100%',
+                textAlign: 'start',
+            },
+        },
+    }),
+};export{styleSheet};//# sourceMappingURL=style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../src/components/InboxMessage/Popover/style.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAa,MAAA,UAAU,GAAG;AACtB,IAAA,mBAAmB,EAAE,CAAC,YAAY,MAAM;AACpC,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,MAAM,EAAE,OAAO;AACf,QAAA,KAAK,EAAE,OAAO;AACd,QAAA,MAAM,EAAE,GAAG;AACX,QAAA,UAAU,EAAE,OAAO;AACnB,QAAA,SAAS,EAAE,0DAA0D;QACrE,IAAI,EAAE,CAAG,EAAA,YAAY,GAAG,OAAO,GAAG,OAAO,CAAE,CAAA;AAC3C,QAAA,GAAG,EAAE,OAAO;AACZ,QAAA,YAAY,EAAE,MAAM;AACpB,QAAA,kBAAkB,EAAE;AAChB,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,SAAS,EAAE,KAAK;AAChB,YAAA,UAAU,EAAE,aAAa;AACzB,YAAA,MAAM,EAAE,SAAS;AACjB,YAAA,UAAU,EAAE;AACR,gBAAA,eAAe,EAAE,SAAS;AAC7B,aAAA;AACD,YAAA,YAAY,EAAE;AACV,gBAAA,cAAc,EAAE,MAAM;AACtB,gBAAA,KAAK,EAAE,MAAM;AACb,gBAAA,SAAS,EAAE,OAAO;AACrB,aAAA;AACJ,SAAA;KACJ,CAAC;"}

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

@@ -0,0 +1,31 @@
+import*as React from'react';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({ username, imageUrl }) {
+    return (React.createElement("div", { className: css(styleSheet.UserContentStyles) },
+        React.createElement("div", { className: "user-info" },
+            React.createElement("div", { className: "avatar" },
+                React.createElement(Avatar, { size: "large", src: imageUrl !== '' ? imageUrl : '', backgroundColor: "grey", width: "200px", height: "200px", borderRadius: "50%", marginBottom: "10px" }),
+                React.createElement("a", { href: "#" }, "Update photo")),
+            React.createElement(AiOutlineSecurityScan, { style: { width: '24px', height: '24px', color: 'black' } }),
+            React.createElement("div", { className: "identify" },
+                React.createElement("h3", null, "Identity verification"),
+                React.createElement(Text, { as: "p", color: "black" }, "Show others you\u2019re really you with the identity verification badge."),
+                React.createElement(Button, { className: "get-badge-btn", color: "black", bg: "transparent" }, "Get the badge")),
+            React.createElement("div", { className: "user-conformation" },
+                React.createElement("h3", null,
+                    username,
+                    " confirmed "),
+                React.createElement("div", { className: "email-address" },
+                    React.createElement(FiCheck, { color: "black" }),
+                    React.createElement(Text, { as: "p", color: "black" }, "Email address")))),
+        React.createElement("div", { className: "user-details" },
+            React.createElement("div", { className: "user" },
+                React.createElement("h2", null,
+                    "Hi, I'm ",
+                    username),
+                React.createElement(Text, { as: "p" }, "Joined in 2021"),
+                React.createElement("a", null, "Edit profile"),
+                React.createElement("h3", null,
+                    React.createElement(BsFillStarFill, { color: "black" }),
+                    " Reviews")),
+            React.createElement("div", { className: "reviews" },
+                React.createElement("a", null, "Reviews by you")))));
+}export{UserModalContent as default};//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/InboxMessage/UserModalContent/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

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

@@ -0,0 +1,98 @@
+const styleSheet = {
+    UserContentStyles: {
+        display: 'flex',
+        justifyContent: 'space-between',
+        padding: '20px',
+        '& .user-info': {
+            border: '1px solid rgb(221, 221, 221)',
+            padding: '15px',
+            width: '40%',
+            borderRadius: '10px',
+            '& .avatar': {
+                textAlign: 'center',
+                marginBottom: '20px',
+                display: 'flex',
+                flexDirection: 'column',
+                alignItems: 'center',
+                '& .ant-avatar-lg': {
+                    height: '150px',
+                    width: '150px',
+                    '& svg': {
+                        fontSize: '130px',
+                    },
+                },
+                '& a': {
+                    color: 'black',
+                    textDecoration: 'underline',
+                },
+            },
+            '& .identify': {
+                paddingBottom: '30px',
+                borderBottom: '1px solid rgb(221, 221, 221)',
+                '& h3': {
+                    color: '#484848',
+                },
+                '& .get-badge-btn': {
+                    height: '45px',
+                    width: '170px',
+                    borderRadius: '8px',
+                    borderColor: 'rgb(34, 34, 34)',
+                },
+                '& .get-badge-btn:hover ': {
+                    color: 'rgb(34, 34, 34)',
+                },
+            },
+            '& .user-conformation': {
+                marginBottom: '30px',
+                '& h3': {
+                    color: '#484848',
+                },
+                '& .email-address': {
+                    display: 'flex',
+                    '& p': {
+                        fontSize: '16px',
+                        marginLeft: '7px',
+                    },
+                    '& svg': {
+                        fontSize: '23px',
+                    },
+                },
+            },
+        },
+        '& .user-details': {
+            width: '60%',
+            marginLeft: '25px',
+            '& .user': {
+                borderBottom: '1px solid rgb(221, 221, 221)',
+                paddingBottm: '30px',
+                '& h2': {
+                    color: '#484848',
+                },
+                '& p': {
+                    marginBottom: '20px',
+                    color: 'rgb(113, 113, 113)',
+                },
+                '& a': {
+                    color: 'black',
+                    textDecoration: 'underline',
+                },
+                '& h3': {
+                    color: '#484848',
+                    fontSize: '20px',
+                    '& svg': {
+                        width: '16px',
+                        height: '16px',
+                    },
+                },
+            },
+        },
+        '& .reviews': {
+            borderBottom: '1px solid rgb(221, 221, 221)',
+            padding: '30px 0 30px 0',
+            '& a': {
+                color: 'black',
+                textDecoration: 'underline',
+            },
+        },
+    },
+};export{styleSheet};//# sourceMappingURL=style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../src/components/InboxMessage/UserModalContent/style.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}