@messenger-box/platform-browser 0.0.1-alpha.86 → 0.0.1-alpha.94

package/CHANGELOG.md

@@ -3,6 +3,38 @@
 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.94](https://github.com/cdmbase/messenger-box/compare/v0.0.1-alpha.93...v0.0.1-alpha.94) (2021-12-01)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+
+
+
+
+## [0.0.1-alpha.93](https://github.com/cdmbase/messenger-box/compare/v0.0.1-alpha.92...v0.0.1-alpha.93) (2021-11-30)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+
+
+
+
+## [0.0.1-alpha.88](https://github.com/cdmbase/messenger-box/compare/v0.0.1-alpha.87...v0.0.1-alpha.88) (2021-11-26)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+
+
+
+
+## [0.0.1-alpha.87](https://github.com/cdmbase/messenger-box/compare/v0.0.1-alpha.86...v0.0.1-alpha.87) (2021-11-26)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+
+
+
+
 ## [0.0.1-alpha.86](https://github.com/cdmbase/messenger-box/compare/v0.0.1-alpha.85...v0.0.1-alpha.86) (2021-11-25)
 
 **Note:** Version bump only for package @messenger-box/platform-browser

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

@@ -1 +1,2 @@
+/// <reference types="react" />
 export default function InboxDetails({ handleToggle, toggleDrawer }: any): JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare type IPropsType = {
     handleSelectMessgae?: any;
     user?: [] | any;

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

@@ -1 +1,2 @@
+/// <reference types="react" />
 export default function Messages({ id, user, userId, currentUser }: any): JSX.Element;

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

@@ -1 +1,2 @@
+/// <reference types="react" />
 export default function MsgList({ messageList, currentUser }: any): JSX.Element;

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

@@ -1 +1,2 @@
+/// <reference types="react" />
 export default function Popover({ toggleDrawer }: any): JSX.Element;

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

@@ -1 +1,2 @@
+/// <reference types="react" />
 export default function InboxMessage(): JSX.Element;

package/lib/components/messenger/more_action/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare type IProps = {
     handleShowSideBar?: any;
     handleDeleteMessage?: any;

package/lib/components/post/channel_intro_message/channel_intro_message.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const ChannelIntroMessage: (props: any) => JSX.Element;

package/lib/components/post/channel_layout/channel_identifier_router/channel_identifier_router.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const ChannelIdentifierRouter: (props: any) => JSX.Element;

package/lib/components/post/channel_view/channel_view.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const ChannelView: (props: any) => JSX.Element;

package/lib/components/post/create_post/create_post.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const CreatePost: (props: any) => JSX.Element;

package/lib/components/post/failed_post_options/failed_post_options.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const FailedPostOptions: (props: any) => JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const PostViewPage: ({ channel, refetchCall }: {
     channel: any;
     refetchCall: any;

package/lib/components/post/markdown/markdown.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const Markdown: (props: any) => JSX.Element;

package/lib/components/post/post/post.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const Post: (props: any) => JSX.Element;

package/lib/components/post/post_body/post_body.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const PostBody: (props: any) => JSX.Element;

package/lib/components/post/post_header/post_header.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const PostHeader: (props: any) => JSX.Element;

package/lib/components/post/post_header/post_header_custom_status.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const PostHeaderCustomStatus: (props: any) => JSX.Element;

package/lib/components/post/post_info/post_info.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const PostInfo: (props: any) => JSX.Element;

package/lib/components/post/post_list/index.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const PostListPage: () => JSX.Element;

package/lib/components/post/post_list/post_list.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const PostList: (props: any) => JSX.Element;

package/lib/components/post/post_list_row/post_list_row.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const PostListRow: (props: any) => JSX.Element;

package/lib/components/post/post_list_virtualized/latest_post_reader.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const LatestPostReader: () => JSX.Element;

package/lib/components/post/post_list_virtualized/post_list_virtualized.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const VirtPostList: (props: any) => JSX.Element;

package/lib/components/post/post_markdown/post_markdown.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const PostMarkdown: (props: any) => JSX.Element;

package/lib/components/post/post_message_view/post_message_view.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const PostMessageView: (props: any) => JSX.Element;

package/lib/components/post/post_pre_header/post_pre_header.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IntlShape } from 'react-intl';
 export declare type Props = {
     intl?: IntlShape;

package/lib/components/post/post_profile_picture/post_profile_picture.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const PostProfilePicture: (props: any) => JSX.Element;

package/lib/components/post/post_view.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const PostView: () => JSX.Element;

package/lib/components/post/profile_picture/profile_picture.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const ProfilePicture: (props: any) => JSX.Element;

package/lib/components/post/show_more/show_more.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const ShowMore: (props: any) => JSX.Element;

package/lib/components/post/threading/channel_threads/thread_footer/thread_footer.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const ThreadFooter: (props: any) => JSX.Element;

package/lib/components/status_icon.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const StatusIcon: (props: any) => JSX.Element;

package/lib/containers/Inbox.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Inbox: () => JSX.Element;
 export default Inbox;

package/lib/index.js

@@ -195,14 +195,12 @@ const styles_1 = __webpack_require__(/*! ./styles */ "./src/components/InboxMess
 function InboxSidebar({ handleSelectMessgae, user, messageList, currentUser, userId }) {
     const { css } = react_fela_1.useFela();
     return (React.createElement("div", { className: css(styles_1.styleSheet.inboxSibarStyles) }, (user === null || user === void 0 ? void 0 : user.length) > 0 ? user === null || user === void 0 ? void 0 : user.map((item, index) => {
+        var _a, _b, _c;
         const lastMessage = messageList[(messageList === null || messageList === void 0 ? void 0 : messageList.length) - 1];
         if (item.displayName !== currentUser && item.displayName !== 'admin (you)' && item.displayName !== 'surveybot') {
             return React.createElement("a", { className: 'show-message', onClick: () => handleSelectMessgae(item), key: index },
                 React.createElement("div", { className: 'inbox-contacts' },
-                    React.createElement(antd_1.Avatar, { size: 45 }, item.displayName
-                        .match(/\b(\w)/g)
-                        .join('')
-                        .toUpperCase()),
+                    React.createElement(antd_1.Avatar, { size: 45 }, (_c = (_b = (_a = item === null || item === void 0 ? void 0 : item.displayName) === null || _a === void 0 ? void 0 : _a.match(/\b(\w)/g)) === null || _b === void 0 ? void 0 : _b.join('')) === null || _c === void 0 ? void 0 : _c.toUpperCase()),
                     React.createElement("div", { className: 'last-message' },
                         React.createElement("h5", null, item === null || item === void 0 ? void 0 : item.displayName),
                         React.createElement("p", null, lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.message))));
@@ -213,6 +211,13 @@ function InboxSidebar({ handleSelectMessgae, user, messageList, currentUser, use
         React.createElement(antd_1.Button, null, "Explore"))));
 }
 exports.default = InboxSidebar;
+// {
+//     cnl.displayName.split(',').length > 1 ?
+//     <span
+//         className="num_style">{cnl.displayName.split(',').length}</span> :
+//     <span className="icon icon__globe"
+//         color="white"><RiAdminFill /></span>
+// }
 
 
 /***/ }),
@@ -679,17 +684,17 @@ function InboxMessage() {
     const [options, setOptions] = react_1.useState([]);
     const [userId, setUserId] = react_1.useState();
     const [selectedValues, setSelectedValues] = react_1.useState();
-    const [clickedChannel, setClickedChannel] = react_1.useState({});
     const [channels, setChannels] = react_1.useState([]);
     const [selectedChannel, setSelectedChannel] = react_1.useState();
     const { data, loading, error, refetch } = core_1.useGetMessagesQuery({
         variables: {
-            channelId: '619c358964bcaf93a240b23e'
+            channelId: '61a009978512232154f65a0c'
         }
     });
     const currentUserAuth0Id = react_redux_1.useSelector((state) => state.user.auth0UserId);
     const channelData = core_1.useGetChannelsByUserQuery();
     const allChannels = core_1.useGetAllChannelQuery();
+    console.log(allChannels);
     react_1.useEffect(() => {
         if (!channelData.loading) {
             let fChannel = [];
@@ -710,17 +715,19 @@ function InboxMessage() {
                     }
                 });
             }
-            setChannel([...channelData === null || channelData === void 0 ? void 0 : channelData.data.channelsByUser.filter(chl => chl.type === "DIRECT"), ...fChannel.filter(chl => chl.type === "DIRECT")]);
+            console.log(fChannel);
+            setChannel([...channelData === null || channelData === void 0 ? void 0 : channelData.data.channelsByUser.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'), ...fChannel.filter(chl => chl.type === "DIRECT")]);
         }
     }, [loading, channelData, currentUserId]);
     const handleSelectMessgae = (item) => {
         setShowMessageSide(true);
-        item.members.map((i) => {
-            return setUserId(i.user);
-        });
         setId(item === null || item === void 0 ? void 0 : item.id);
+        item.members.map((e) => {
+            return setUserId(e.user);
+        });
         setSelectedChannel(item);
     };
+    console.log(userId, channel);
     const usersRes = core_1.useGetAllUsersQuery();
     react_1.useEffect(() => {
         var _a;
@@ -760,10 +767,16 @@ function InboxMessage() {
     const [createDirectChannel, addedDirectChannel] = core_1.useAddDirectChannelMutation({
         context: { headers: {} }
     });
+    react_1.useEffect(() => {
+        if (!addedDirectChannel.loading && addedDirectChannel.data) {
+            setSelectedChannel(addedDirectChannel.data.createDirectChannel);
+        }
+    });
     const handleGo = () => {
         if (selectedValues) {
             let uids = [];
             let dName = '';
+            console.log(selectedChannel === null || selectedChannel === void 0 ? void 0 : selectedChannel.value);
             if (selectedValues.length > 1) {
                 selectedValues.forEach(i => {
                     uids.push(i.value.uid);
@@ -777,18 +790,28 @@ function InboxMessage() {
                 uids.push(selectedValues[0].value.uid);
                 dName = selectedValues[0].value.username;
             }
-            createDirectChannel({
-                variables: {
-                    receiver: uids,
-                    displayName: dName
+            let channl;
+            channel.forEach((i) => {
+                if ((i === null || i === void 0 ? void 0 : i.displayName) == dName) {
+                    channl = i.members.find((e) => {
+                        return e.user == uids;
+                    });
                 }
-            }).then((res) => {
-                setClickedChannel(res.data.createDirectChannel);
-                channelData.refetch().then((value => {
-                    setChannels(value.data.channelsByUser);
-                    setSelectedValues([]);
-                }));
             });
+            if ((channl === null || channl === void 0 ? void 0 : channl.user) !== uids[0]) {
+                createDirectChannel({
+                    variables: {
+                        receiver: uids,
+                        displayName: dName
+                    }
+                }).then((res) => {
+                    setSelectedChannel(res.data.createDirectChannel);
+                    channelData.refetch().then((value => {
+                        setChannels(value.data.channelsByUser);
+                        setSelectedValues([]);
+                    }));
+                });
+            }
             handleClose();
         }
     };
@@ -1408,26 +1431,26 @@ const MessagesList = ({ userMessagesList, handleShowSideBar, handleDeleteMessage
                 index !== 0 ?
                     moment_1.default(userMessagesList[index].createdAt).format('DD/MM/YYYY')
                         !== moment_1.default(userMessagesList[index - 1].createdAt).format('DD/MM/YYYY') ?
-                        react_1.default.createElement("div", { className: "text-divider" }, moment_1.default(item.createdAt).diff(moment_1.default().format(), 'days') == -1
-                            ? 'yesterday'
-                            : moment_1.default(item.createdAt).diff(moment_1.default().format(), 'days') <= -2
-                                ? `${moment_1.default(item.createdAt).format('dddd')}`
-                                : moment_1.default(item.createdAt).diff(moment_1.default().format(), 'weeks') <= -1
-                                    ? `${moment_1.default(item.createdAt).format('ddd MMMM DD')}`
-                                    : moment_1.default(item.createdAt).diff(moment_1.default().format(), 'months') <= -1
-                                        ? `${moment_1.default(item.createdAt).format('MMMM DD')}`
-                                        : 'Today')
+                        react_1.default.createElement("div", { className: "text-divider" }, moment_1.default(item.createdAt).diff(moment_1.default().format(), "year") == 0
+                            ? moment_1.default(item.createdAt).diff(moment_1.default().format(), "day") == 0
+                                ? 'Today'
+                                : moment_1.default(item.createdAt).diff(moment_1.default().format(), "day") == -1
+                                    ? 'Yesterday'
+                                    : moment_1.default(item.createdAt).diff(moment_1.default().format(), "day") >= -6
+                                        ? `${moment_1.default(item.createdAt).format('dddd')}`
+                                        : `${moment_1.default(item.createdAt).format('MMMM DD')}`
+                            : `${moment_1.default(item.createdAt).format('MMMM Do, YYYY')}`)
                         : ''
                     :
-                        react_1.default.createElement("div", { className: "text-divider" }, moment_1.default(item.createdAt).diff(moment_1.default().format(), 'days') == -1
-                            ? 'yesterday'
-                            : moment_1.default(item.createdAt).diff(moment_1.default().format(), 'days') <= -2
-                                ? `${moment_1.default(item.createdAt).format('dddd')}`
-                                : moment_1.default(item.createdAt).diff(moment_1.default().format(), 'weeks') <= -1
-                                    ? `${moment_1.default(item.createdAt).format('ddd MMMM DD')}`
-                                    : moment_1.default(item.createdAt).diff(moment_1.default().format(), 'months') <= -1
-                                        ? `${moment_1.default(item.createdAt).format('MMMM DD')}`
-                                        : 'Today'),
+                        react_1.default.createElement("div", { className: "text-divider" }, moment_1.default(item.createdAt).diff(moment_1.default().format(), "year") == 0
+                            ? moment_1.default(item.createdAt).diff(moment_1.default().format(), "day") == 0
+                                ? 'Today'
+                                : moment_1.default(item.createdAt).diff(moment_1.default().format(), "day") == -1
+                                    ? 'Yesterday'
+                                    : moment_1.default(item.createdAt).diff(moment_1.default().format(), "day") >= -6
+                                        ? `${moment_1.default(item.createdAt).format('dddd')}`
+                                        : `${moment_1.default(item.createdAt).format('MMMM DD')}`
+                            : `${moment_1.default(item.createdAt).format('MMMM Do, YYYY')}`),
                 displayEmoji && msgIndex === index ? (react_1.default.createElement(emoji_mart_1.Picker, { onSelect: handleOnSelect, native: true, set: "apple", emoji: "point_up", title: "Pick your emoji...", emojiSize: 24, perLine: 6, color: "#ae65c5", sheetSize: 16, showPreview: true, showSkinTones: false, notFoundEmoji: "sleuth_or_spy" })) : (''),
                 react_1.default.createElement("div", { className: "btn-hover" },
                     react_1.default.createElement("div", { className: "hover_btns" },
@@ -22679,6 +22702,7 @@ const Dashboard = () => {
             setClickedChannel(addedDirectChannel.data.createDirectChannel);
         }
     }, [addedDirectChannel.loading, addedDirectChannel.data]);
+    console.log(directChannels, 'here');
     const handleGo = () => {
         if (selectedValues) {
             let uids = [];