@messenger-box/platform-mobile 0.0.1-alpha.482 → 0.0.1-alpha.487

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.487](https://github.com/CDEBase/messenger-box/compare/v0.0.1-alpha.486...v0.0.1-alpha.487) (2024-03-26)
+
+**Note:** Version bump only for package @messenger-box/platform-mobile
+
+## [0.0.1-alpha.486](https://github.com/CDEBase/messenger-box/compare/v0.0.1-alpha.485...v0.0.1-alpha.486) (2024-03-15)
+
+**Note:** Version bump only for package @messenger-box/platform-mobile
+
 ## [0.0.1-alpha.482](https://github.com/CDEBase/messenger-box/compare/v0.0.1-alpha.481...v0.0.1-alpha.482) (2024-03-04)
 
 **Note:** Version bump only for package @messenger-box/platform-mobile

package/lib/index.js

@@ -1800,14 +1800,13 @@ const createdAtText = (value) => {
     return (0, date_fns_1.format)(new Date(value), 'MMM dd, yyyy');
 };
 const ConversationViewComponent = (_a) => {
-    var _b, _c;
     var { channelId: ChannelId, role, isShowThreadMessage } = _a, rest = __rest(_a, ["channelId", "role", "isShowThreadMessage"]);
     const [channelToTop, setChannelToTop] = (0, react_1.useState)(0);
     const [channelMessages, setChannelMessages] = (0, react_1.useState)([]);
     const auth = (0, react_redux_1.useSelector)(user_auth0_client_1.userSelector);
     const [totalCount, setTotalCount] = (0, react_1.useState)(0);
     const [selectedImage, setImage] = (0, react_1.useState)('');
-    const [channelId, setChannelId] = (0, react_1.useState)(((_c = (_b = rest === null || rest === void 0 ? void 0 : rest.route) === null || _b === void 0 ? void 0 : _b.params) === null || _c === void 0 ? void 0 : _c.isCreateNewChannel) ? null : ChannelId);
+    const [channelId, setChannelId] = (0, react_1.useState)((rest === null || rest === void 0 ? void 0 : rest.isCreateNewChannel) ? null : ChannelId);
     const [loadingOldMessages, setLoadingOldMessages] = (0, react_1.useState)(false);
     const color = (0, native_base_1.useColorModeValue)('white', 'black');
     // const color = useColorModeValue('black', 'white');
@@ -1879,7 +1878,7 @@ const ConversationViewComponent = (_a) => {
             setTotalCount(0);
             setSkip(0);
         };
-    }, [isFocused]));
+    }, [channelId, isFocused]));
     react_1.default.useEffect(() => {
         setChannelId(ChannelId);
     }, [ChannelId]);
@@ -1959,15 +1958,23 @@ const ConversationViewComponent = (_a) => {
             setLoading(false);
     };
     const createDirectChannel = (0, react_1.useCallback)((msg) => {
-        var _a, _b, _c, _d, _e;
-        if ((_b = (_a = rest === null || rest === void 0 ? void 0 : rest.route) === null || _a === void 0 ? void 0 : _a.params) === null || _b === void 0 ? void 0 : _b.isCreateNewChannel) {
-            (_e = addDirectChannel({
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        console.log('createdirect channel');
+        console.log('isCreateNewChannel', rest === null || rest === void 0 ? void 0 : rest.isCreateNewChannel);
+        console.log('userid length', (_a = rest === null || rest === void 0 ? void 0 : rest.newChannelData) === null || _a === void 0 ? void 0 : _a.type);
+        console.log('userid length', (_c = (_b = rest === null || rest === void 0 ? void 0 : rest.newChannelData) === null || _b === void 0 ? void 0 : _b.userIds) === null || _c === void 0 ? void 0 : _c.length);
+        if ((rest === null || rest === void 0 ? void 0 : rest.isCreateNewChannel) &&
+            ((_d = rest === null || rest === void 0 ? void 0 : rest.newChannelData) === null || _d === void 0 ? void 0 : _d.type) === (platform_client_1.IRoomType === null || platform_client_1.IRoomType === void 0 ? void 0 : platform_client_1.IRoomType.Direct) &&
+            ((_f = (_e = rest === null || rest === void 0 ? void 0 : rest.newChannelData) === null || _e === void 0 ? void 0 : _e.userIds) === null || _f === void 0 ? void 0 : _f.length) > 0) {
+            console.log('add direct channel mutation');
+            (_k = (_j = addDirectChannel({
                 variables: {
-                    receiver: [(_d = (_c = rest === null || rest === void 0 ? void 0 : rest.route) === null || _c === void 0 ? void 0 : _c.params) === null || _d === void 0 ? void 0 : _d.userId],
+                    receiver: [...((_h = (_g = rest === null || rest === void 0 ? void 0 : rest.newChannelData) === null || _g === void 0 ? void 0 : _g.userIds) !== null && _h !== void 0 ? _h : [])],
                     displayName: 'DIRECT CHANNEL',
                 },
-            })) === null || _e === void 0 ? void 0 : _e.then(async (res) => {
+            })) === null || _j === void 0 ? void 0 : _j.then(async (res) => {
                 var _a, _b, _c, _d, _e, _f, _g, _h;
+                console.log('direct ch rest', JSON.stringify(res));
                 if ((_b = (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.createDirectChannel) === null || _b === void 0 ? void 0 : _b.id) {
                     setChannelId((_d = (_c = res === null || res === void 0 ? void 0 : res.data) === null || _c === void 0 ? void 0 : _c.createDirectChannel) === null || _d === void 0 ? void 0 : _d.id);
                     const notificationData = {
@@ -1994,9 +2001,9 @@ const ConversationViewComponent = (_a) => {
                         },
                     });
                 }
-            });
+            })) === null || _k === void 0 ? void 0 : _k.catch((e) => console.log('error', JSON.stringify(e)));
         }
-    }, []);
+    }, [rest]);
     const handleSend = (0, react_1.useCallback)(async (message) => {
         var _a;
         if (!channelId)
@@ -2113,10 +2120,9 @@ const ConversationViewComponent = (_a) => {
         return res;
     }, [channelMessages, channelId]);
     const renderSend = (props) => {
-        var _a, _b, _c, _d;
-        return (react_1.default.createElement(react_native_gifted_chat_1.Send, Object.assign({}, props, { disabled: channelId || ((_b = (_a = rest === null || rest === void 0 ? void 0 : rest.route) === null || _a === void 0 ? void 0 : _a.params) === null || _b === void 0 ? void 0 : _b.isCreateNewChannel) ? false : true }),
+        return (react_1.default.createElement(react_native_gifted_chat_1.Send, Object.assign({}, props, { disabled: channelId || (rest === null || rest === void 0 ? void 0 : rest.isCreateNewChannel) ? false : true }),
             react_1.default.createElement(native_base_1.Box, null,
-                react_1.default.createElement(vector_icons_1.MaterialCommunityIcons, { name: "send-circle", style: { marginBottom: 5, marginRight: 5 }, size: 32, color: channelId || ((_d = (_c = rest === null || rest === void 0 ? void 0 : rest.route) === null || _c === void 0 ? void 0 : _c.params) === null || _d === void 0 ? void 0 : _d.isCreateNewChannel) ? '#2e64e5' : '#b8b2b2' }))));
+                react_1.default.createElement(vector_icons_1.MaterialCommunityIcons, { name: "send-circle", style: { marginBottom: 5, marginRight: 5 }, size: 32, color: channelId || (rest === null || rest === void 0 ? void 0 : rest.isCreateNewChannel) ? '#2e64e5' : '#b8b2b2' }))));
     };
     const renderMessageText = (props) => {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22;
@@ -2311,10 +2317,12 @@ const ConversationViewComponent = (_a) => {
             //     }
             //   }}
             onSend: (messages) => {
-                var _a, _b, _c, _d, _e, _f;
-                return ((_b = (_a = rest === null || rest === void 0 ? void 0 : rest.route) === null || _a === void 0 ? void 0 : _a.params) === null || _b === void 0 ? void 0 : _b.isCreateNewChannel) && !channelId
-                    ? createDirectChannel((_d = (_c = messages[0]) === null || _c === void 0 ? void 0 : _c.text) !== null && _d !== void 0 ? _d : ' ')
-                    : channelId && handleSend((_f = (_e = messages[0]) === null || _e === void 0 ? void 0 : _e.text) !== null && _f !== void 0 ? _f : ' ');
+                var _a, _b, _c, _d, _e;
+                return (rest === null || rest === void 0 ? void 0 : rest.isCreateNewChannel) && !channelId
+                    ? ((_a = rest === null || rest === void 0 ? void 0 : rest.newChannelData) === null || _a === void 0 ? void 0 : _a.type) === (platform_client_1.IRoomType === null || platform_client_1.IRoomType === void 0 ? void 0 : platform_client_1.IRoomType.Direct)
+                        ? createDirectChannel((_c = (_b = messages[0]) === null || _b === void 0 ? void 0 : _b.text) !== null && _c !== void 0 ? _c : ' ')
+                        : null
+                    : channelId && handleSend((_e = (_d = messages[0]) === null || _d === void 0 ? void 0 : _d.text) !== null && _e !== void 0 ? _e : ' ');
             }, text: msg ? msg : ' ', onInputTextChanged: (text) => setMsg(text), renderFooter: () => (loading ? react_1.default.createElement(native_base_1.Spinner, null) : imageLoading ? react_1.default.createElement(native_base_1.Spinner, null) : ''), scrollToBottom: true, user: {
                 // _id: currentUser?.id || '',
                 _id: (auth === null || auth === void 0 ? void 0 : auth.id) || '',