@messenger-box/platform-browser 0.0.1-alpha.176 → 0.0.1-alpha.178

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 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.178](https://github.com/cdmbase/messenger-box/compare/v0.0.1-alpha.177...v0.0.1-alpha.178) (2022-06-09)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
+
+
+
+
 ## [0.0.1-alpha.176](https://github.com/cdmbase/messenger-box/compare/v0.0.1-alpha.175...v0.0.1-alpha.176) (2022-06-08)
 
 **Note:** Version bump only for package @messenger-box/platform-browser

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

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { IPostPropsFragment } from '@messenger-box/core';
+import { IPostPropsFragment } from '@messenger-box/platform-client';
 import 'antd/dist/antd.css';
 interface IProps {
     userMessagesList: IPostPropsFragment[];

package/lib/index.js

@@ -341,7 +341,7 @@ const styles_1 = __webpack_require__(/*! ./styles */ "./src/components/InboxMess
 const react_2 = __webpack_require__(/*! @chakra-ui/react */ "@chakra-ui/react");
 const bi_1 = __webpack_require__(/*! react-icons/bi */ "react-icons/bi");
 const all_1 = __webpack_require__(/*! react-icons/all */ "react-icons/all");
-const core_1 = __webpack_require__(/*! @messenger-box/core */ "@messenger-box/core");
+const platform_client_1 = __webpack_require__(/*! @messenger-box/platform-client */ "@messenger-box/platform-client");
 const MessagesList_1 = __importDefault(__webpack_require__(/*! ../MessagesList */ "./src/components/InboxMessage/MessagesList/index.tsx"));
 function Messages({ id, user, userId, currentUser }) {
     var _a;
@@ -350,7 +350,7 @@ function Messages({ id, user, userId, currentUser }) {
     const [messageList, setMessageList] = react_1.useState([]);
     const [flag, setFlag] = react_1.useState(false);
     const [height, setHeight] = react_1.useState('40px');
-    const { data, loading, error, refetch } = core_1.useGetMessagesQuery({
+    const { data, loading, error, refetch } = platform_client_1.useGetMessagesQuery({
         variables: {
             channelId: id,
         },
@@ -360,7 +360,7 @@ function Messages({ id, user, userId, currentUser }) {
             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, {}] = core_1.useSendMessagesMutation({
+    const [sendMsg, {}] = platform_client_1.useSendMessagesMutation({
         context: {},
     });
     const messagesEndRef = react_1.useRef(null);
@@ -898,7 +898,7 @@ const InboxDetails_1 = __importDefault(__webpack_require__(/*! ./InboxDetails */
 const react_bootstrap_1 = __webpack_require__(/*! react-bootstrap */ "react-bootstrap");
 const react_select_1 = __importDefault(__webpack_require__(/*! react-select */ "react-select"));
 const lodash_es_1 = __webpack_require__(/*! lodash-es */ "lodash-es");
-const core_1 = __webpack_require__(/*! @messenger-box/core */ "@messenger-box/core");
+const platform_client_1 = __webpack_require__(/*! @messenger-box/platform-client */ "@messenger-box/platform-client");
 const react_redux_1 = __webpack_require__(/*! react-redux */ "react-redux");
 function InboxMessage() {
     const { css } = react_fela_1.useFela();
@@ -917,14 +917,14 @@ function InboxMessage() {
     const [selectedValues, setSelectedValues] = react_1.useState();
     const [channels, setChannels] = react_1.useState([]);
     const [selectedChannel, setSelectedChannel] = react_1.useState();
-    const { data, loading, error, refetch } = core_1.useGetMessagesQuery({
+    const { data, loading, error, refetch } = platform_client_1.useGetMessagesQuery({
         variables: {
             channelId: '61a009978512232154f65a0c',
         },
     });
     const currentUserAuth0Id = react_redux_1.useSelector((state) => state.user.auth0UserId);
-    const channelData = core_1.useGetChannelsByUserQuery();
-    const allChannels = core_1.useGetAllChannelQuery();
+    const channelData = platform_client_1.useGetChannelsByUserQuery();
+    const allChannels = platform_client_1.useGetAllChannelQuery();
     react_1.useEffect(() => {
         if (!channelData.loading) {
             let fChannel = [];
@@ -962,7 +962,7 @@ function InboxMessage() {
         setSelectedChannel(item);
         setToggleDrawer(false);
     };
-    const usersRes = core_1.useGetAllUsersQuery();
+    const usersRes = platform_client_1.useGetAllUsersQuery();
     react_1.useEffect(() => {
         var _a;
         if (!usersRes.loading) {
@@ -1000,7 +1000,7 @@ function InboxMessage() {
     const handleSelect = (selectedOption) => {
         setSelectedValues(selectedOption);
     };
-    const [createDirectChannel, addedDirectChannel] = core_1.useAddDirectChannelMutation({
+    const [createDirectChannel, addedDirectChannel] = platform_client_1.useAddDirectChannelMutation({
         context: { headers: {} },
     });
     react_1.useEffect(() => {
@@ -1659,12 +1659,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MessengerComponent = void 0;
 const react_1 = __importStar(__webpack_require__(/*! react */ "react"));
 const antd_1 = __webpack_require__(/*! antd */ "antd");
-const core_1 = __webpack_require__(/*! @messenger-box/core */ "@messenger-box/core");
+const platform_client_1 = __webpack_require__(/*! @messenger-box/platform-client */ "@messenger-box/platform-client");
 const all_1 = __webpack_require__(/*! react-icons/all */ "react-icons/all");
 const react_fela_1 = __webpack_require__(/*! react-fela */ "react-fela");
 const emoji_mart_1 = __webpack_require__(/*! emoji-mart */ "emoji-mart");
 __webpack_require__(/*! emoji-mart/css/emoji-mart.css */ "emoji-mart/css/emoji-mart.css");
-const platform_client_1 = __webpack_require__(/*! @messenger-box/platform-client */ "@messenger-box/platform-client");
+const platform_client_2 = __webpack_require__(/*! @messenger-box/platform-client */ "@messenger-box/platform-client");
 const style_1 = __webpack_require__(/*! ./messagesList/style */ "./src/components/messenger/messagesList/style.ts");
 const messagesList_1 = __webpack_require__(/*! ./messagesList */ "./src/components/messenger/messagesList/index.tsx");
 const MessengerComponent = ({ channel, currentUsrId }) => {
@@ -1679,12 +1679,12 @@ const MessengerComponent = ({ channel, currentUsrId }) => {
     const [day, setDay] = react_1.useState('Today');
     const [threadEmoji, setThreadEmoji] = react_1.useState(false);
     const [files, setFiles] = react_1.useState([]);
-    const { startUploads } = platform_client_1.useUploadFiles();
+    const { startUpload } = platform_client_2.useUploadFiles();
     // let token;
     // useEffect(() => {
     //     token = window.localStorage.getItem('access_token');
     // }, []);
-    const { data, loading, error, refetch } = core_1.useGetMessagesQuery({
+    const { data, loading, error, refetch } = platform_client_1.useGetMessagesQuery({
         variables: {
             channelId: channel.id,
         },
@@ -1704,7 +1704,7 @@ const MessengerComponent = ({ channel, currentUsrId }) => {
             setUserMessagesList((_a = data === null || data === void 0 ? void 0 : data.messages) === null || _a === void 0 ? void 0 : _a.data);
         }
     }, [loading, data]);
-    const [sendMsg, sentMessage] = core_1.useSendMessagesMutation({
+    const [sendMsg, sentMessage] = platform_client_1.useSendMessagesMutation({
         update: (cache, mutationResult) => {
             setFiles([]);
             cache.modify({
@@ -1729,16 +1729,24 @@ const MessengerComponent = ({ channel, currentUsrId }) => {
                 files: []
             },
         });
-        const uploadedFiles = await startUploads({
-            files,
-            ref: data.sendMessage.id,
-            refName: 'postId'
+        const { data: uploadedFiles } = await startUpload({
+            file: files,
+            saveUploadedFile: {
+                variables: {
+                    postId: data.sendMessage.id
+                }
+            },
+            createUploadLink: {
+                variables: {
+                    postId: data.sendMessage.id
+                }
+            }
         });
         await editMessage({
             variables: {
                 channelId: channel.id,
                 messageId: data.sendMessage.id,
-                files: uploadedFiles.map(i => i.data.id),
+                files: uploadedFiles.map(i => i.id),
                 content: enterValue
             }
         });
@@ -1746,7 +1754,7 @@ const MessengerComponent = ({ channel, currentUsrId }) => {
         scrollToBottom();
         setFlag(true);
     }, [channel, files, enterValue]);
-    const [deleteMsg, {}] = core_1.useDeleteMessageMutation({
+    const [deleteMsg, {}] = platform_client_1.useDeleteMessageMutation({
     // context: {headers: {Authorization: token}},
     // refetchQueries: ['GetMessages']
     });
@@ -1761,7 +1769,7 @@ const MessengerComponent = ({ channel, currentUsrId }) => {
     const onEmojiClick = (event, emojiObject) => {
         setChosenEmoji(emojiObject);
     };
-    const [editMessage, {}] = core_1.useEditMessageMutation({
+    const [editMessage, {}] = platform_client_1.useEditMessageMutation({
     // refetchQueries: ['GetMessages']
     });
     const clickRef = react_1.useRef();
@@ -1811,17 +1819,21 @@ const MessengerComponent = ({ channel, currentUsrId }) => {
         setShowThread(!showThread);
     };
     const handleEditMessage = react_1.useCallback(async (id, msg) => {
-        const uploadedFiles = await startUploads({
-            files,
-            ref: id,
-            refName: 'postId'
+        const { data: uploadedFiles } = await startUpload({
+            file: files,
+            saveUploadedFile: {
+                variables: {
+                    ref: id,
+                    refName: 'postId'
+                }
+            }
         });
         return editMessage({
             variables: {
                 channelId: channel.id,
                 messageId: id,
                 content: msg,
-                files: uploadedFiles.map(i => i.data.id),
+                files: uploadedFiles.map(i => i.id),
             },
         });
     }, [files, channel]);
@@ -3067,12 +3079,12 @@ const ri_1 = __webpack_require__(/*! react-icons/ri */ "react-icons/ri");
 const bs_1 = __webpack_require__(/*! react-icons/bs */ "react-icons/bs");
 const io5_1 = __webpack_require__(/*! react-icons/io5 */ "react-icons/io5");
 const antd_1 = __webpack_require__(/*! antd */ "antd");
-const core_1 = __webpack_require__(/*! @messenger-box/core */ "@messenger-box/core");
+const platform_client_1 = __webpack_require__(/*! @messenger-box/platform-client */ "@messenger-box/platform-client");
 const react_router_dom_1 = __webpack_require__(/*! react-router-dom */ "react-router-dom");
 const PostViewPage = ({ channel, currentUsrId }) => {
     const { css } = react_fela_1.useFela();
     const his = react_router_dom_1.useHistory();
-    const [deleteChannel, deleteChannelResponse] = core_1.useDeleteChannelMutation({
+    const [deleteChannel, deleteChannelResponse] = platform_client_1.useDeleteChannelMutation({
     // update: (cache, mutationResult) => {
     //     const normalizedId = cache.identify({ ChannelId, __typename: 'Channel' });
     //     cache.evict({ id: normalizedId });
@@ -23403,7 +23415,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(__webpack_require__(/*! react */ "react"));
 const style_1 = __webpack_require__(/*! ../style */ "./src/style.ts");
-const core_1 = __webpack_require__(/*! @messenger-box/core */ "@messenger-box/core");
+const platform_client_1 = __webpack_require__(/*! @messenger-box/platform-client */ "@messenger-box/platform-client");
 const menu_header_1 = __webpack_require__(/*! ../components/dashboard/menu_header */ "./src/components/dashboard/menu_header.tsx");
 const modals_1 = __webpack_require__(/*! ../components/dashboard/modals */ "./src/components/dashboard/modals.tsx");
 const direct_modal_1 = __webpack_require__(/*! ../components/dashboard/modals/direct_modal */ "./src/components/dashboard/modals/direct_modal.tsx");
@@ -23435,12 +23447,12 @@ const Dashboard = () => {
     });
     const currentUserAuth0Id = react_redux_1.useSelector((state) => state.user.auth0UserId);
     const his = react_router_dom_1.useHistory();
-    const allUsers = core_1.useGetAllUsersQuery();
-    const usersToChat = core_1.useUsersToChatQuery({ variables: { auth0Id: currentUserAuth0Id } });
-    const currentUserRes = core_1.useCurrentUserQuery({ variables: { auth0Id: currentUserAuth0Id } });
-    const { data, loading, error, refetch } = core_1.useGetChannelsByUserQuery();
-    const allChannels = core_1.useGetAllChannelQuery();
-    const [addMemberToChannelMutationInput, addMemberToChannelMutationResponse] = core_1.useAddMemberToChannelMutation({
+    const allUsers = platform_client_1.useGetAllUsersQuery();
+    const usersToChat = platform_client_1.useUsersToChatQuery({ variables: { auth0Id: currentUserAuth0Id } });
+    const currentUserRes = platform_client_1.useCurrentUserQuery({ variables: { auth0Id: currentUserAuth0Id } });
+    const { data, loading, error, refetch } = platform_client_1.useGetChannelsByUserQuery();
+    const allChannels = platform_client_1.useGetAllChannelQuery();
+    const [addMemberToChannelMutationInput, addMemberToChannelMutationResponse] = platform_client_1.useAddMemberToChannelMutation({
         update: (cache, mutationResult) => {
             cache.modify({
                 fields: {
@@ -23451,7 +23463,7 @@ const Dashboard = () => {
             });
         },
     });
-    const [sendMessagesMutationInput, sendMessagesMutationResponase] = core_1.useSendMessagesMutation({
+    const [sendMessagesMutationInput, sendMessagesMutationResponase] = platform_client_1.useSendMessagesMutation({
         update: (cache, mutationResult) => {
             cache.modify({
                 fields: {
@@ -23462,7 +23474,7 @@ const Dashboard = () => {
             });
         },
     });
-    const [createDirectChannel, addedDirectChannel] = core_1.useAddDirectChannelMutation({
+    const [createDirectChannel, addedDirectChannel] = platform_client_1.useAddDirectChannelMutation({
         update: (cache, mutationResult) => {
             his.push(`/o/${his.location.pathname.split('/')[2]}/dashboard/message/${mutationResult.data.createDirectChannel.displayName.split('_').length === 2 ?
                 mutationResult.data.createDirectChannel.displayName.split('_')[0].split('-')[0] !== currentUser.id ?
@@ -23480,7 +23492,7 @@ const Dashboard = () => {
             });
         },
     });
-    const [createChannel, createdChannel] = core_1.useAddChannelMutation({
+    const [createChannel, createdChannel] = platform_client_1.useAddChannelMutation({
         update: (cache, mutationResult) => {
             his.push(`/o/${his.location.pathname.split('/')[2]}/dashboard/channel/${mutationResult.data.createChannel.title}`, {
                 channel: mutationResult.data.createChannel,
@@ -24394,17 +24406,6 @@ module.exports = require("@common-stack/client-react");
 
 /***/ }),
 
-/***/ "@messenger-box/core":
-/*!**************************************!*\
-  !*** external "@messenger-box/core" ***!
-  \**************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-module.exports = require("@messenger-box/core");
-
-/***/ }),
-
 /***/ "@messenger-box/platform-client":
 /*!*************************************************!*\
   !*** external "@messenger-box/platform-client" ***!