@messenger-box/chakra-ui-inbox 0.0.1-alpha.168

package/CHANGELOG.md

@@ -0,0 +1,8 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## [0.0.1-alpha.168](https://github.com/cdmbase/messenger-box/compare/v0.0.1-alpha.167...v0.0.1-alpha.168) (2022-05-28)
+
+**Note:** Version bump only for package @messenger-box/chakra-ui-inbox

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License
+
+Copyright (c) 2017 CDMBase LLC.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/jest.config.js

@@ -0,0 +1,9 @@
+const base = require('../../../jest.config.base');
+const packageJson = require('./package');
+
+module.exports = {
+    ...base,
+    testEnvironment: 'jsdom', // This is overriden, from the base testEnvironment
+    name: packageJson.name,
+    displayName: packageJson.name,
+};

package/lib/components/InboxMessage/ConversationItem.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare const ConversationItem: ({ showBorder, currentUser, filter, channel, handleSelectChannel, users, selectedChannelId, }: {
+    showBorder: any;
+    currentUser: any;
+    filter: any;
+    channel: any;
+    handleSelectChannel: any;
+    users: any;
+    selectedChannelId: any;
+}) => JSX.Element;
+//# sourceMappingURL=ConversationItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationItem.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/ConversationItem.tsx"],"names":[],"mappings":";AAKA,eAAO,MAAM,gBAAgB;;;;;;;;iBA4F5B,CAAC"}

package/lib/components/InboxMessage/ConversationItem.js

@@ -0,0 +1,50 @@
+import {Box,useColorModeValue,Avatar,Flex,Text}from'@chakra-ui/react';import {useGetMessagesQuery}from'@messenger-box/core';import {isToday,isYesterday,format}from'date-fns';import React__default,{useMemo}from'react';const ConversationItem = ({ showBorder, currentUser, filter, channel, handleSelectChannel, users, selectedChannelId, }) => {
+    var _a, _b, _c;
+    const { data: messages, loading: messageLoading, error, refetch, } = useGetMessagesQuery({
+        variables: {
+            channelId: (_a = channel.id) === null || _a === void 0 ? void 0 : _a.toString(),
+            limit: 1,
+        },
+        fetchPolicy: 'network-only',
+    });
+    let memberId;
+    (_b = channel === null || channel === void 0 ? void 0 : channel.members) === null || _b === void 0 ? void 0 : _b.find((ele) => {
+        if (ele.user !== currentUser.id) {
+            memberId = ele.user;
+        }
+    });
+    const userMember = (_c = users === null || users === void 0 ? void 0 : users.filter((item) => item.id !== currentUser.id)) === null || _c === void 0 ? void 0 : _c.find((item) => {
+        return item.id === memberId;
+    });
+    // Last Message
+    const lastMessage = useMemo(() => {
+        if (!messages || !messages.messages || !messages.messages.data || messages.messages.data.length == 0)
+            return null;
+        return messages.messages.data[messages.messages.data.length - 1];
+    }, [messages]);
+    const channelType = useMemo(() => {
+        return channel === null || channel === void 0 ? void 0 : channel.type;
+    }, [channel]);
+    if (!(userMember === null || userMember === void 0 ? void 0 : userMember.username.toLowerCase().includes(filter.toLowerCase())) &&
+        !(lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.message.toLowerCase().includes(filter.toLowerCase())))
+        return null;
+    const createdAtText = (value) => {
+        if (!value)
+            return '';
+        let date = new Date(value);
+        if (isToday(date))
+            return 'Today';
+        if (isYesterday(date))
+            return 'Yesterday';
+        return format(new Date(value), 'MMM dd, yyyy');
+    };
+    return (React__default.createElement(Box, Object.assign({ key: `conv_channel_${channel.id}`, cursor: "pointer", display: "flex", alignItems: "center", borderBottomWidth: '1px', borderBottomColor: showBorder ? '#ddd' : 'transparent', p: "3" }, (channel.id == selectedChannelId ? { backgroundColor: useColorModeValue('gray.300', 'gray.500') } : {}), { onClick: () => channel.id !== selectedChannelId && handleSelectChannel(channel.id) }),
+        React__default.createElement(Avatar, { width: "60px", height: "60px", backgroundColor: "grey" }),
+        React__default.createElement(Flex, { ml: "2", flexGrow: 1, minW: "40px", maxW: "400px" },
+            React__default.createElement(Box, { display: "flex", flexDirection: 'column', width: "100%" },
+                React__default.createElement(Box, { w: "100%", d: "flex", justifyContent: 'space-between', alignItems: "center" },
+                    React__default.createElement(Text, { fontSize: "10px", isTruncated: true, color: "green.500" }, channelType),
+                    React__default.createElement(Text, { fontSize: "12px", color: "gray.500" }, lastMessage ? createdAtText(lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.createdAt) : '')),
+                React__default.createElement(Text, { fontSize: "14px", color: "gray.600", fontWeight: 'bold', mt: "5px" }, (userMember === null || userMember === void 0 ? void 0 : userMember.givenName) + ' ' + (userMember === null || userMember === void 0 ? void 0 : userMember.familyName)),
+                React__default.createElement(Text, { fontSize: "14px", isTruncated: true, w: "80%", mt: "5px", color: "gray.600" }, lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.message)))));
+};export{ConversationItem};//# sourceMappingURL=ConversationItem.js.map

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

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

package/lib/components/InboxMessage/LeftSidebar.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+declare type LeftSidebarProps = {
+    allChannels: any;
+    allChannelsLoading: boolean;
+    userChannels: any;
+    userChannelsLoading: boolean;
+    currentUser: any;
+    users?: any[];
+    handleSelectChannel: (channel: any) => void;
+    clearMessages: () => void;
+    selectedChannelId?: any;
+    channelToTop: number;
+    getChannelsRefetch: any;
+};
+export declare const LeftSidebar: (props: LeftSidebarProps) => JSX.Element;
+export {};
+//# sourceMappingURL=LeftSidebar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LeftSidebar.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/LeftSidebar.tsx"],"names":[],"mappings":";AAqBA,aAAK,gBAAgB,GAAG;IACpB,WAAW,EAAE,GAAG,CAAC;IACjB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,YAAY,EAAE,GAAG,CAAC;IAClB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,WAAW,EAAE,GAAG,CAAC;IACjB,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;IACd,mBAAmB,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5C,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,GAAG,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,gBAAgB,gBAuJlD,CAAC"}

package/lib/components/InboxMessage/LeftSidebar.js

@@ -0,0 +1,107 @@
+import {SearchIcon}from'@chakra-ui/icons';import {Box,Tabs,TabList,Tab,TabPanels,TabPanel,InputGroup,Input,InputRightElement,Button,Icon}from'@chakra-ui/react';import {GoSettings}from'@react-icons/all-files/go/GoSettings';import React__default,{useState,useEffect}from'react';import {ConversationItem}from'./ConversationItem.js';const LeftSidebar = (props) => {
+    const { currentUser, handleSelectChannel, clearMessages, users, allChannels, allChannelsLoading, channelToTop, userChannels, userChannelsLoading, getChannelsRefetch, selectedChannelId, } = props;
+    const [hostChannels, setHostChannels] = useState([]);
+    const [guestChannels, setGuestChannels] = useState([]);
+    const [hostKeyword, setHostKeyword] = useState('');
+    const [guestKeyword, setGuestKeyword] = useState('');
+    const [tabIndex, setTabIndex] = useState(0);
+    useEffect(() => {
+    }, [channelToTop]);
+    useEffect(() => {
+        var _a, _b, _c, _d;
+        if (!userChannelsLoading && userChannels.length !== 0) {
+            let fChannels = [];
+            let diChal = [];
+            // if (currentUser?.id !== '' && !allChannelsLoading) {
+            //     console.log(props);
+            let uc = [];
+            (_a = userChannels === null || userChannels === void 0 ? void 0 : userChannels.channelsByUser) === null || _a === void 0 ? void 0 : _a.forEach((u) => uc.push(u.id)); // id of user's channel
+            let ac = [];
+            (_b = allChannels === null || allChannels === void 0 ? void 0 : allChannels.channels) === null || _b === void 0 ? void 0 : _b.forEach((a) => ac.push(a.id)); // id of all channel
+            diChal = ac.filter((t) => !uc.includes(t)); // id of other's channel
+            (_c = allChannels === null || allChannels === void 0 ? void 0 : allChannels.channels) === null || _c === void 0 ? void 0 : _c.filter((dc) => {
+                if (diChal.includes(dc.id)) {
+                    dc.members.forEach((m) => {
+                        if (m.user === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.id)) {
+                            fChannels.push(dc);
+                        }
+                    });
+                }
+            });
+            // }
+            console.log(props);
+            let chls = [...((_d = userChannels === null || userChannels === void 0 ? void 0 : userChannels.channelsByUser) !== null && _d !== void 0 ? _d : []), ...fChannels];
+            const tempGuestChannels = [
+                ...(chls && chls.length && currentUser
+                    ? chls === null || chls === void 0 ? void 0 : chls.filter((chl) => chl.type === 'DIRECT' &&
+                        (chl === null || chl === void 0 ? void 0 : chl.displayName) !== 'admin (you)' &&
+                        (chl === null || chl === void 0 ? void 0 : chl.displayName) !== 'surveybot' &&
+                        chl.members[0].user == (currentUser === null || currentUser === void 0 ? void 0 : currentUser.id))
+                    : []),
+            ];
+            setGuestChannels(tempGuestChannels);
+            const tempHostChannels = [
+                ...(chls && chls.length && currentUser
+                    ? chls === null || chls === void 0 ? void 0 : chls.filter((chl) => chl.type === 'DIRECT' &&
+                        (chl === null || chl === void 0 ? void 0 : chl.displayName) !== 'admin (you)' &&
+                        (chl === null || chl === void 0 ? void 0 : chl.displayName) !== 'surveybot' &&
+                        chl.members[0].user != (currentUser === null || currentUser === void 0 ? void 0 : currentUser.id))
+                    : []),
+            ];
+            setHostChannels(tempHostChannels);
+            const isHost = tempHostChannels.findIndex((chl) => chl.id == selectedChannelId);
+            const isGuest = tempGuestChannels.findIndex((chl) => chl.id == selectedChannelId);
+            if (isHost == -1 && isGuest == -1)
+                getChannelsRefetch();
+            // setHostChannels([...fChannels.filter((chl) => chl.type === 'DIRECT')]);
+        }
+    }, [allChannels, allChannelsLoading, userChannels, userChannelsLoading, currentUser, getChannelsRefetch]);
+    useEffect(() => {
+        if (selectedChannelId && hostChannels && hostChannels.length !== 0) {
+            const chlIndex = hostChannels.findIndex((chl) => chl.id == selectedChannelId);
+            if (chlIndex > -1)
+                setTabIndex(0);
+        }
+        if (selectedChannelId && guestChannels && guestChannels.length !== 0) {
+            const chlIndex = guestChannels.findIndex((chl) => chl.id == selectedChannelId);
+            if (chlIndex > -1)
+                setTabIndex(1);
+        }
+    }, [hostChannels, guestChannels, selectedChannelId]);
+    const handleTabChange = (index) => {
+        setTabIndex(index);
+        if ((index == 0 && hostChannels.length == 0) || (index == 1 && guestChannels.length == 0)) {
+            clearMessages();
+            return;
+        }
+        handleSelectChannel(index == 0 ? hostChannels[0].id : guestChannels[0].id);
+    };
+    return (React__default.createElement(Box, { w: "100%", p: "4", borderRightWidth: "1px", borderRightColor: "gray.300" },
+        React__default.createElement(Tabs, { index: tabIndex, onChange: handleTabChange },
+            React__default.createElement(TabList, { w: "100%" },
+                React__default.createElement(Tab, { w: "50%", fontSize: "24px", justifyContent: 'flex-start' }, "Host"),
+                React__default.createElement(Tab, { w: "50%", fontSize: "24px", justifyContent: 'flex-start' }, "Guest")),
+            React__default.createElement(TabPanels, null,
+                React__default.createElement(TabPanel, { p: "0", pt: "1" },
+                    React__default.createElement(SearchInput, { keyword: hostKeyword, setKeyword: setHostKeyword }),
+                    currentUser &&
+                        hostChannels &&
+                        hostChannels.length !== 0 &&
+                        hostChannels.map((channel, index) => (React__default.createElement(ConversationItem, { key: `conv_channel_${channel.id}`, filter: hostKeyword, channel: channel, currentUser: currentUser, handleSelectChannel: handleSelectChannel, users: users, selectedChannelId: selectedChannelId, showBorder: index == hostChannels.length - 1 ? false : true })))),
+                React__default.createElement(TabPanel, { p: "0", pt: "1" },
+                    React__default.createElement(SearchInput, { keyword: guestKeyword, setKeyword: setGuestKeyword }),
+                    currentUser &&
+                        guestChannels &&
+                        guestChannels.length !== 0 &&
+                        guestChannels.map((channel, index) => (React__default.createElement(ConversationItem, { key: `conv_channel_${channel.id}`, filter: guestKeyword, channel: channel, currentUser: currentUser, handleSelectChannel: handleSelectChannel, users: users, selectedChannelId: selectedChannelId, showBorder: index == guestChannels.length - 1 ? false : true }))))))));
+};
+const SearchInput = ({ keyword, setKeyword }) => {
+    return (React__default.createElement(Box, { w: "100%", d: "flex", alignItems: 'center', my: "15px" },
+        React__default.createElement(InputGroup, { size: "md" },
+            React__default.createElement(Input, { pr: "4.5rem", pl: "2rem", type: "text", placeholder: "Search Inbox", display: "flex", alignItems: "center", color: "gray.500", backgroundColor: "white", borderRadius: "30px", borderWidth: "1px", borderColor: "gray.200", height: "60px", value: keyword, onChange: (e) => setKeyword(e.target.value), fontWeight: "medium" }),
+            React__default.createElement(InputRightElement, { width: "60px", height: "100%" },
+                React__default.createElement(Button, { alignSelf: "center", size: "lg", minW: "50px", w: "50px", h: "50px", borderRadius: "24px", alignItems: "center", justifyContent: "center", borderWidth: "1px", borderColor: "yellow.400", backgroundColor: "yellow.400", color: "white", d: "flex", onClick: () => { } },
+                    React__default.createElement(SearchIcon, { w: "1.4rem", h: "1.4rem" })))),
+        React__default.createElement(Button, { alignSelf: "center", size: "lg", minW: "50px", w: "50px", h: "50px", marginLeft: "5px", borderRadius: "30px", alignItems: "center", justifyContent: "center", backgroundColor: "white", borderWidth: "1px", borderColor: "gray.200", color: "#333", d: "flex" },
+            React__default.createElement(Icon, { as: GoSettings, w: "1.4rem", h: "1.4rem" }))));
+};export{LeftSidebar};//# sourceMappingURL=LeftSidebar.js.map

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

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

package/lib/components/InboxMessage/MessageInput.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare type MessageInputProps = {
+    channelId: string;
+    handleSend: (message: string, files?: File[]) => void;
+};
+export declare const MessageInput: ({ channelId, handleSend: handleSendProp }: MessageInputProps) => JSX.Element;
+export {};
+//# sourceMappingURL=MessageInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageInput.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/MessageInput.tsx"],"names":[],"mappings":";AAgBA,aAAK,iBAAiB,GAAG;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;CACzD,CAAC;AAEF,eAAO,MAAM,YAAY,8CAA+C,iBAAiB,gBA8HxF,CAAC"}

package/lib/components/InboxMessage/MessageInput.js

@@ -0,0 +1,45 @@
+import {Box,Tooltip,Button,InputGroup,InputLeftElement,Image,Textarea,InputRightElement}from'@chakra-ui/react';import {BiImage}from'@react-icons/all-files/bi/BiImage';import React__default,{useRef,useState,useMemo}from'react';import {logoURL}from'../../constants/index.js';import {FilesList}from'../inbox/FilesList.js';const MessageInput = ({ channelId, handleSend: handleSendProp }) => {
+    const files$ = useRef();
+    const [files, setFiles] = useState([]);
+    const [message, setMessage] = useState('');
+    useState('40px');
+    const handleSend = () => {
+        handleSendProp(message, files);
+        setMessage('');
+        setFiles([]);
+    };
+    const handleKeyDown = (e) => {
+        const keyCode = e.which || e.keyCode;
+        if (keyCode == 13 && !e.shiftKey) {
+            e.preventDefault();
+            handleSend();
+        }
+    };
+    const inputHeight = useMemo(() => {
+        return 40 + (message.split('\n').length - 1) * 20 + 'px';
+    }, [message]);
+    const handleFileChange = ({ target: { files } }) => setFiles((existing) => existing.concat(...files));
+    const openFileUpload = () => { var _a; return (_a = files$.current) === null || _a === void 0 ? void 0 : _a.click(); };
+    return (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement("input", { style: { display: 'none' }, accept: "image/png, image/gif, image/jpeg", type: "file", onChange: handleFileChange, ref: files$, multiple: true }),
+        React__default.createElement(Box, { p: "6", px: { base: 0, md: '80px', lg: '150px' } },
+            React__default.createElement(Tooltip, { label: "Image", placement: "top", 
+                // bg="white"
+                display: "flex", alignItems: "center", width: "60px", height: "40px", borderRadius: "10px", fontSize: "15px", 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, { onClick: openFileUpload, border: "none", borderRadius: "50%", bg: "none", width: "42px", height: "42px", p: "4px", _hover: { backgroundColor: 'rgb(221, 221, 221)' } },
+                    React__default.createElement(BiImage, { color: "#464646", width: "full", height: "full" }))),
+            React__default.createElement(InputGroup, { size: "md", marginBottom: 15 },
+                React__default.createElement(InputLeftElement, { height: "100%", pl: "25px", width: "60px" },
+                    React__default.createElement(Image, { width: '28px', height: '28px', src: logoURL })),
+                React__default.createElement(Textarea, { fontSize: "16px", placeholder: "Reminder - Leave a review", value: message, height: inputHeight, minHeight: "50px", maxH: "220px", pl: "75px", pr: "15px", pt: "12px", pb: "12px", borderRadius: '25px', borderColor: 'transparent', backgroundColor: 'gray.300', color: "gray.600", resize: "none", overflow: 'hidden', onKeyDown: handleKeyDown, onChange: (e) => setMessage(e.target.value), onSubmit: (e) => alert(e) }),
+                React__default.createElement(InputRightElement, { height: "100%" }, message || files.length && (React__default.createElement(Box, { position: "relative", right: "20px", as: "button", height: "30px", lineHeight: "1.2", transition: "all 0.2s cubic-bezier(.08,.52,.52,1)", border: "1px", px: "15px", borderRadius: "5px", fontSize: "13px", fontWeight: "semibold", bg: "transparent", borderColor: "#ccd0d5", color: "#4b4f56", _hover: { bg: '#ebedf0' }, _active: {
+                        bg: '#dddfe2',
+                        transform: 'scale(0.98)',
+                        borderColor: '#bec3c9',
+                    }, _focus: {
+                        boxShadow: '0 0 1px 2px rgba(88, 144, 255, .75), 0 1px 1px rgba(0, 0, 0, .15)',
+                    }, onClick: handleSend }, "Send")))),
+            React__default.createElement(FilesList, { files: files }))));
+};export{MessageInput};//# sourceMappingURL=MessageInput.js.map

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

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

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare type MessagesProps = {
+    channelId: number;
+    currentUser: any;
+    channelMessages: any[];
+    totalCount: number;
+};
+export declare const Messages: ({ channelId, currentUser, channelMessages, totalCount }: MessagesProps) => JSX.Element;
+export {};
+//# sourceMappingURL=Messages.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Messages.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/Messages.tsx"],"names":[],"mappings":";AAmBA,aAAK,aAAa,GAAG;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,GAAG,CAAC;IACjB,eAAe,EAAE,GAAG,EAAE,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;CACtB,CAAC;AACF,eAAO,MAAM,QAAQ,4DAA6D,aAAa,gBA4E9F,CAAC"}

package/lib/components/InboxMessage/Messages.js

@@ -0,0 +1,42 @@
+import {useDisclosure,Box,Flex,Text,Avatar,Icon}from'@chakra-ui/react';import {BsFlag}from'@react-icons/all-files/bs/BsFlag';import React__default,{useRef,useMemo}from'react';import'@react-icons/all-files/ai/AiOutlineSecurityScan';import'@react-icons/all-files/fi/FiCheck';import'@react-icons/all-files/bs/BsFillStarFill';import {isToday,isYesterday,format}from'date-fns';import {FilesList}from'../inbox/FilesList.js';const Messages = ({ channelId, currentUser, channelMessages, totalCount }) => {
+    const { isOpen, onOpen, onClose } = useDisclosure();
+    useRef(null);
+    const messageList = useMemo(() => {
+        let currentDate = '';
+        let res = [];
+        channelMessages.map((msg) => {
+            const date = new Date(msg.createdAt);
+            let msgDate;
+            if (isToday(date))
+                msgDate = 'Today';
+            else if (isYesterday(date))
+                msgDate = 'Yesterday';
+            else
+                msgDate = format(new Date(msg.createdAt), 'eee, do MMMM');
+            if (msgDate !== currentDate) {
+                res.push(msgDate);
+                currentDate = msgDate;
+            }
+            res.push(msg);
+        });
+        return res;
+    }, [channelMessages]);
+    return (React__default.createElement(Box, { w: "full" }, messageList.map((message, index) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        return typeof message !== 'object' ? (React__default.createElement(Flex, { w: "full", key: `msgList_${index}`, justifyContent: 'center', mb: "7" },
+            React__default.createElement(Text, { fontSize: "14px", color: "gray.600", fontWeight: 'bold' }, message))) : (React__default.createElement(Flex, { w: "full", key: `msgList_${index}`, justifyContent: 'flex-start', mb: "7" },
+            React__default.createElement(Flex, { flexGrow: 1 },
+                React__default.createElement(Avatar, { width: "60px", height: "60px", backgroundColor: "grey", borderRadius: "50%", src: (message === null || message === void 0 ? void 0 : message.imageUrl) ? message === null || message === void 0 ? void 0 : message.imageUrl : '', marginRight: "15px", onClick: onOpen }),
+                React__default.createElement(Box, { flexGrow: 1 },
+                    React__default.createElement(Flex, { flexGrow: 1, mt: "5px" },
+                        React__default.createElement(Text, { fontSize: "14px", color: "gray.600", fontWeight: 'bold' }, ((_a = message === null || message === void 0 ? void 0 : message.author) === null || _a === void 0 ? void 0 : _a.familyName) && ((_b = message === null || message === void 0 ? void 0 : message.author) === null || _b === void 0 ? void 0 : _b.givenName)
+                            ? ((_c = message === null || message === void 0 ? void 0 : message.author) === null || _c === void 0 ? void 0 : _c.givenName) + ' ' + ((_d = message === null || message === void 0 ? void 0 : message.author) === null || _d === void 0 ? void 0 : _d.familyName)
+                            : (_e = message === null || message === void 0 ? void 0 : message.author) === null || _e === void 0 ? void 0 : _e.username),
+                        React__default.createElement(Text, { fontSize: "14px", color: "gray.500", ml: "10px" }, format(new Date(message === null || message === void 0 ? void 0 : message.createdAt), 'MMM dd, yyyy hh:mm aaa'))),
+                    React__default.createElement(Box, null,
+                        React__default.createElement(Text, { fontSize: "14px", mt: "5px", mb: "5px", color: "gray.600", whiteSpace: 'pre-line' }, message === null || message === void 0 ? void 0 : message.message),
+                        ((_f = message.files) === null || _f === void 0 ? void 0 : _f.totalCount) ? React__default.createElement(FilesList, { uploaded: true, files: (_g = message.files) === null || _g === void 0 ? void 0 : _g.data }) : null))),
+            (currentUser === null || currentUser === void 0 ? void 0 : currentUser.id) !== ((_h = message === null || message === void 0 ? void 0 : message.author) === null || _h === void 0 ? void 0 : _h.id) && (React__default.createElement(Box, { ml: "8px" },
+                React__default.createElement(Icon, { as: BsFlag, color: "gray.600", width: '24px', height: '24px' })))));
+    })));
+};export{Messages};//# sourceMappingURL=Messages.js.map

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

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

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const Popover: () => JSX.Element;
+//# sourceMappingURL=Popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/Popover.tsx"],"names":[],"mappings":";AAIA,eAAO,MAAM,OAAO,mBAmDnB,CAAA"}

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const UserModalContent: ({ username, imageUrl }: any) => JSX.Element;
+//# sourceMappingURL=UserModalContent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserModalContent.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/UserModalContent.tsx"],"names":[],"mappings":";AAMA,eAAO,MAAM,gBAAgB,2BAA4B,GAAG,gBA6C3D,CAAC"}

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

@@ -0,0 +1,4 @@
+export * from './LeftSidebar';
+export * from './Messages';
+export * from './MessageInput';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC"}

package/lib/components/inbox/FilesList.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare function FilesList({ files, uploaded }: {
+    files: any[];
+    uploaded?: boolean;
+}): JSX.Element;
+export declare namespace FilesList {
+    var FileElement: ({ file, uploaded }: {
+        file: any;
+        uploaded: boolean;
+    }) => JSX.Element;
+}
+//# sourceMappingURL=FilesList.d.ts.map

package/lib/components/inbox/FilesList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilesList.d.ts","sourceRoot":"","sources":["../../../src/components/inbox/FilesList.tsx"],"names":[],"mappings":";AAEA,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,QAAgB,EAAE,EAAE;IAAE,KAAK,EAAE,GAAG,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,eAM1F;yBANe,SAAS"}

package/lib/components/inbox/FilesList.js

@@ -0,0 +1,7 @@
+import React__default,{useMemo}from'react';function FilesList({ files, uploaded = false }) {
+    return (React__default.createElement("div", { style: { display: 'flex', flexDirection: 'row' } }, files.map(file => React__default.createElement(FilesList.FileElement, { uploaded: uploaded, file: file }))));
+}
+FilesList.FileElement = function FileElement({ file, uploaded }) {
+    const url = useMemo(() => uploaded ? file.url : URL.createObjectURL(file), [file, uploaded]);
+    return (React__default.createElement("div", { style: { height: 50, width: 50, backgroundImage: `url(${url})`, backgroundSize: 'contain', marginRight: '10px' } }));
+};export{FilesList};//# sourceMappingURL=FilesList.js.map

package/lib/components/inbox/FilesList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilesList.js","sources":["../../../src/components/inbox/FilesList.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"2CAEM,SAAU,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAwC,EAAA;AACvF,IAAA,QACIA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,IAChD,KAAK,CAAC,GAAG,CAAC,IAAI,IAAIA,cAAC,CAAA,aAAA,CAAA,SAAS,CAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC,CAC3E,EACR;AACN,CAAC;AAED,SAAS,CAAC,WAAW,GAAG,SAAS,WAAW,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAoC,EAAA;AAC7F,IAAA,MAAM,GAAG,GAAG,OAAO,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;AAE7F,IAAA,QACIA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,eAAe,EAAE,CAAA,IAAA,EAAO,GAAG,CAAA,CAAA,CAAG,EAAE,cAAc,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,EAAA,CAAI,EAC3H;AACN,CAAC"}

package/lib/components/inbox/MessageItem.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export declare function MessageItem({ message }: {
+    message: any;
+}): void;
+export declare namespace MessageItem {
+    var Plain: ({ message, index }: {
+        message: any;
+        index: any;
+    }) => JSX.Element;
+    var Dialog: ({ message, currentUser, index, onOpen }: {
+        message: any;
+        currentUser: any;
+        index: any;
+        onOpen: any;
+    }) => JSX.Element;
+}
+//# sourceMappingURL=MessageItem.d.ts.map

package/lib/components/inbox/MessageItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageItem.d.ts","sourceRoot":"","sources":["../../../src/components/inbox/MessageItem.tsx"],"names":[],"mappings":";AAKA,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,QAExD;yBAFe,WAAW"}

package/lib/compute.d.ts

@@ -0,0 +1,8 @@
+import { IRouteData } from '@common-stack/client-react';
+import { IPageStore } from '@adminide-stack/core';
+export declare const messengerPageStore: IPageStore[] | {
+    [key: string]: any;
+};
+declare const filteredRoutes: IRouteData[];
+export { filteredRoutes };
+//# sourceMappingURL=compute.d.ts.map

package/lib/compute.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compute.d.ts","sourceRoot":"","sources":["../src/compute.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACvE,OAAO,EAEH,UAAU,EACb,MAAM,sBAAsB,CAAC;AAI9B,eAAO,MAAM,kBAAkB,EAAE,UAAU,EAAE,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAanE,CAAC;AAOF,QAAA,MAAM,cAAc,EAAE,UAAU,EAA0D,CAAC;AAE3F,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/lib/compute.js

@@ -0,0 +1,19 @@
+import*as React from'react';import {IPreDefineAccountPermissions,getFilteredRoutes}from'@adminide-stack/core';import {IMenuPosition}from'@common-stack/client-react';import {AiOutlineInbox}from'@react-icons/all-files/ai/AiOutlineInbox';import Inbox from'./container/Inbox.js';const messengerPageStore = [
+    {
+        exact: false,
+        icon: React.createElement(AiOutlineInbox, null),
+        key: 'inbox',
+        component: Inbox,
+        tab: 'Chat App',
+        position: IMenuPosition.MIDDLE,
+        authority: [IPreDefineAccountPermissions.secureUser],
+        name: 'Inbox',
+        path: '//inbox/:id?',
+        // path: '/o/:orgName/inbox',
+    },
+];
+// get only selected Routes to work
+const selectedRoutes = [
+    'inbox',
+];
+const filteredRoutes = getFilteredRoutes(messengerPageStore, selectedRoutes);export{filteredRoutes,messengerPageStore};//# sourceMappingURL=compute.js.map

package/lib/compute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compute.js","sources":["../src/compute.tsx"],"sourcesContent":[null],"names":[],"mappings":"mRAUa,MAAA,kBAAkB,GAA0C;AACrE,IAAA;AACI,QAAA,KAAK,EAAE,KAAK;QACZ,IAAI,EAAE,KAAC,CAAA,aAAA,CAAA,cAAc,EAAE,IAAA,CAAA;AACvB,QAAA,GAAG,EAAE,OAAO;AACZ,QAAA,SAAS,EAAE,KAAK;AAChB,QAAA,GAAG,EAAE,UAAU;QACf,QAAQ,EAAE,aAAa,CAAC,MAAM;AAC9B,QAAA,SAAS,EAAE,CAAC,4BAA4B,CAAC,UAAU,CAAC;AACpD,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,IAAI,EAAE,cAAc;;AAEvB,KAAA;EACH;AAEF;AACA,MAAM,cAAc,GAAG;IACnB,OAAO;CACV,CAAC;AAEI,MAAA,cAAc,GAAiB,iBAAiB,CAAC,kBAAkB,EAAE,cAAc"}

package/lib/constants/index.d.ts

@@ -0,0 +1,2 @@
+export declare const logoURL = "https://cdmbase.s3.ca-central-1.amazonaws.com/favicon-new-128.svg";
+//# sourceMappingURL=index.d.ts.map

package/lib/constants/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/constants/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,sEAAsE,CAAC"}

package/lib/constants/index.js

@@ -0,0 +1,5 @@
+const logoURL = 'https://cdmbase.s3.ca-central-1.amazonaws.com/favicon-new-128.svg';
+// export default {
+//     logoURL: 'https://cdmbase.s3.ca-central-1.amazonaws.com/favicon-new-128.svg',
+// };
+export{logoURL};//# sourceMappingURL=index.js.map

package/lib/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/constants/index.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAO,MAAM,OAAO,GAAG,oEAAoE;AAC3F;AACA;AACA;"}

package/lib/container/Inbox.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const Inbox: () => JSX.Element;
+export default Inbox;
+//# sourceMappingURL=Inbox.d.ts.map

package/lib/container/Inbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Inbox.d.ts","sourceRoot":"","sources":["../../src/container/Inbox.tsx"],"names":[],"mappings":";AAqBA,QAAA,MAAM,KAAK,mBAqPV,CAAC;AAEF,eAAe,KAAK,CAAC"}