@messenger-box/platform-mobile 0.0.1-alpha.206 → 0.0.1-alpha.218

package/CHANGELOG.md

@@ -3,6 +3,36 @@
 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.218](https://github.com/cdmbase/messenger-box/compare/v0.0.1-alpha.217...v0.0.1-alpha.218) (2022-09-09)
+
+
+### Features
+
+* add inbox right side bar slot ([a90e137](https://github.com/cdmbase/messenger-box/commit/a90e1370c010218c27b057526605e105f049cc5c))
+
+
+
+
+
+## [0.0.1-alpha.217](https://github.com/cdmbase/messenger-box/compare/v0.0.1-alpha.216...v0.0.1-alpha.217) (2022-08-27)
+
+
+### Bug Fixes
+
+* **platform-mobile:** fix image preview on selection in chat ([33bedbb](https://github.com/cdmbase/messenger-box/commit/33bedbb13f72f9359f44d8c69f6f4517d477a582))
+
+
+
+
+
+## [0.0.1-alpha.208](https://github.com/cdmbase/messenger-box/compare/v0.0.1-alpha.207...v0.0.1-alpha.208) (2022-08-13)
+
+**Note:** Version bump only for package @messenger-box/platform-mobile
+
+
+
+
+
 ## [0.0.1-alpha.206](https://github.com/cdmbase/messenger-box/compare/v0.0.1-alpha.205...v0.0.1-alpha.206) (2022-08-13)
 
 **Note:** Version bump only for package @messenger-box/platform-mobile

package/lib/index.js

@@ -163,7 +163,7 @@ const React = __importStar(__webpack_require__(/*! react */ "react"));
 const native_base_1 = __webpack_require__(/*! native-base */ "native-base");
 const ConversationView_1 = __webpack_require__(/*! ./containers/ConversationView */ "./src/screens/inbox/containers/ConversationView.tsx");
 function DialogMessages({ channelId }) {
-    return (React.createElement(native_base_1.Box, { bg: 'white', flex: 1, p: 6 },
+    return (React.createElement(native_base_1.Box, { bg: 'white', flex: 1 },
         React.createElement(ConversationView_1.ConversationView, { channelId: channelId })));
 }
 exports.DialogMessages = DialogMessages;
@@ -413,6 +413,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.FilesList = void 0;
 const react_1 = __importStar(__webpack_require__(/*! react */ "react"));
+const react_native_1 = __webpack_require__(/*! react-native */ "react-native");
 const native_base_1 = __webpack_require__(/*! native-base */ "native-base");
 function FilesList({ files, uploaded = false }) {
     return (react_1.default.createElement(native_base_1.HStack, { space: 2, mt: 2 },
@@ -424,7 +425,7 @@ FilesList.FilesView = function MessageItemFiles({ files = [], uploaded }) {
         return null;
     }
     return (react_1.default.createElement(native_base_1.Box, null, files.map((file) => {
-        const url = (0, react_1.useMemo)(() => (uploaded ? file.url : URL.createObjectURL(file)), [file, uploaded]);
+        const url = (0, react_1.useMemo)(() => (uploaded ? file.url : react_native_1.Image.resolveAssetSource(file).uri), [file, uploaded]);
         return (react_1.default.createElement(native_base_1.Image, { alt: 'image', mr: 2, height: "16", width: "16", source: {
                 uri: url,
                 scale: 0.2,
@@ -465,13 +466,18 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.MessageInput = void 0;
 const native_base_1 = __webpack_require__(/*! native-base */ "native-base");
 const vector_icons_1 = __webpack_require__(/*! @expo/vector-icons */ "@expo/vector-icons");
 const ImagePicker = __importStar(__webpack_require__(/*! expo-image-picker */ "expo-image-picker"));
+const react_native_keyboard_aware_scroll_view_1 = __webpack_require__(/*! react-native-keyboard-aware-scroll-view */ "react-native-keyboard-aware-scroll-view");
 const react_1 = __importStar(__webpack_require__(/*! react */ "react"));
 const FilesList_1 = __webpack_require__(/*! ./FilesList */ "./src/screens/inbox/components/FilesList.tsx");
+const axios_1 = __importDefault(__webpack_require__(/*! axios */ "axios"));
 exports.MessageInput = (0, react_1.forwardRef)(function MessageInput({ handleSend: handleSendProp }) {
     const [message, setMessage] = (0, react_1.useState)('');
     const [sending, setSending] = (0, react_1.useState)(false);
@@ -489,22 +495,32 @@ exports.MessageInput = (0, react_1.forwardRef)(function MessageInput({ handleSen
         // No permissions request is necessary for launching the image library
         await ImagePicker.requestMediaLibraryPermissionsAsync();
         let result = await ImagePicker.launchImageLibraryAsync({
-            // base64: true,
-            // aspect: [4, 3],
             mediaTypes: ImagePicker.MediaTypeOptions.Images,
+            allowsEditing: true,
+            aspect: [4, 3],
+            quality: 1,
         });
         if (!result.cancelled) {
-            setFiles(files.concat(result.uri)); // @igor need ot check this
+            axios_1.default
+                .get(result.uri, {
+                responseType: 'blob',
+            })
+                .then((res) => {
+                let file = res.data._data;
+                file.uri = result.uri;
+                setFiles(files.concat(file));
+            });
         }
     };
-    return (react_1.default.createElement(native_base_1.VStack, { marginTop: 3, alignContent: "center" },
-        react_1.default.createElement(native_base_1.View, null,
-            react_1.default.createElement(native_base_1.TextField, { placeholder: "Message...", borderColor: "gray.400", value: sending ? '' : message, onChange: (e) => setMessage(e.nativeEvent.text), fontSize: 14 })),
-        files.length ? (react_1.default.createElement(native_base_1.View, { mb: 4, flexDirection: "row" },
-            react_1.default.createElement(FilesList_1.FilesList, { files: files }))) : null,
-        react_1.default.createElement(native_base_1.HStack, { alignContent: "center", justifyContent: "space-between" },
-            react_1.default.createElement(vector_icons_1.FontAwesome, { onPress: onSelectImages, size: 20, style: { marginRight: 5 }, name: "file-image-o" }),
-            react_1.default.createElement(vector_icons_1.FontAwesome, { onPress: handleSend, size: 20, name: "send" }))));
+    return (react_1.default.createElement(native_base_1.VStack, { position: 'absolute', bottom: 0, left: 0, right: 0, bg: 'white', marginTop: 3, alignContent: "center", p: 5 },
+        react_1.default.createElement(react_native_keyboard_aware_scroll_view_1.KeyboardAwareScrollView, { contentContainerStyle: { flex: 1 } },
+            react_1.default.createElement(native_base_1.View, null,
+                react_1.default.createElement(native_base_1.TextField, { placeholder: "Message...", borderColor: "gray.400", value: sending ? '' : message, onChange: (e) => setMessage(e.nativeEvent.text), fontSize: 14 })),
+            files.length ? (react_1.default.createElement(native_base_1.View, { mb: 4, flexDirection: "row" },
+                react_1.default.createElement(FilesList_1.FilesList, { files: files }))) : null,
+            react_1.default.createElement(native_base_1.HStack, { alignContent: "center", justifyContent: "space-between" },
+                react_1.default.createElement(vector_icons_1.FontAwesome, { onPress: onSelectImages, size: 20, style: { marginRight: 5 }, name: "file-image-o" }),
+                react_1.default.createElement(vector_icons_1.FontAwesome, { onPress: handleSend, size: 20, name: "send" })))));
 });
 
 
@@ -524,10 +540,12 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.MessageItem = void 0;
 const react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
 const native_base_1 = __webpack_require__(/*! native-base */ "native-base");
+const vector_icons_1 = __webpack_require__(/*! @expo/vector-icons */ "@expo/vector-icons");
+const native_1 = __webpack_require__(/*! @react-navigation/native */ "@react-navigation/native");
 const PlainMessage_1 = __webpack_require__(/*! ./PlainMessage */ "./src/screens/inbox/components/PlainMessage.tsx");
 const CommonMessage_1 = __webpack_require__(/*! ./CommonMessage */ "./src/screens/inbox/components/CommonMessage.tsx");
-const components_pro_1 = __webpack_require__(/*! @common-stack/components-pro */ "@common-stack/components-pro");
-function MessageItem({ message, channelId, currentUser, totalCount, }) {
+function MessageItem({ message, channelId, currentUser, totalCount, onOpen, }) {
+    var _a, _b;
     if (typeof message === 'string') {
         return react_1.default.createElement(PlainMessage_1.PlainMessage, { message: message });
     }
@@ -535,11 +553,26 @@ function MessageItem({ message, channelId, currentUser, totalCount, }) {
     if (!type || type === "Simple" /* IPostTypeEnum.Simple */) {
         return react_1.default.createElement(CommonMessage_1.CommonMessage, { message: message, currentUser: currentUser });
     }
-    return (react_1.default.createElement(components_pro_1.Slot, { name: type === null || type === void 0 ? void 0 : type.toLowerCase(), fillProps: {
-            active: true,
-            message,
-            currentUser,
-        } }, (item) => react_1.default.createElement(native_base_1.Box, null, item)));
+    if (type === "ALERT" /* IPostTypeEnum.ALERT */) {
+        const { attachment } = (_a = message === null || message === void 0 ? void 0 : message.propsConfiguration) === null || _a === void 0 ? void 0 : _a.contents;
+        let action = '';
+        let actionId = '';
+        const icon = 'information-circle';
+        if (attachment.callToAction.link.includes('my-reservation-details')) {
+            action = 'm-reservation-detail';
+            actionId = (_b = attachment === null || attachment === void 0 ? void 0 : attachment.callToAction) === null || _b === void 0 ? void 0 : _b.link.split('/').pop();
+        }
+        const color = (0, native_base_1.useColorModeValue)('white', 'gray.800');
+        const bgColor = (0, native_base_1.useColorModeValue)('gray.800', 'white');
+        const navigation = (0, native_1.useNavigation)();
+        return (react_1.default.createElement(native_base_1.Box, { borderWidth: 1, borderRadius: 20, backgroundColor: bgColor, my: 2, p: 3, opacity: 0.7 },
+            react_1.default.createElement(native_base_1.HStack, { space: 2, alignItems: 'center' },
+                react_1.default.createElement(native_base_1.Icon, { as: vector_icons_1.Ionicons, name: icon, color: 'white' }),
+                react_1.default.createElement(native_base_1.Text, { color: color, width: '45%', numberOfLines: 3 }, attachment === null || attachment === void 0 ? void 0 : attachment.title),
+                attachment.callToAction ? (react_1.default.createElement(native_base_1.Button, { variant: 'outline', size: 'sm', borderColor: color, onPress: () => navigation.navigate(action, { reservationId: actionId }) },
+                    react_1.default.createElement(native_base_1.Text, { color: color }, attachment.callToAction.title))) : null)));
+    }
+    return null;
 }
 exports.MessageItem = MessageItem;
 
@@ -646,6 +679,7 @@ const config_1 = __webpack_require__(/*! ../config */ "./src/screens/inbox/confi
 const user_auth0_client_1 = __webpack_require__(/*! @adminide-stack/user-auth0-client */ "@adminide-stack/user-auth0-client");
 const { MESSAGES_PER_PAGE } = config_1.config;
 function ConversationView({ channelId }) {
+    const { onOpen } = (0, native_base_1.useDisclose)();
     const messageListRef = (0, react_1.useRef)(null);
     const [channelToTop, setChannelToTop] = (0, react_1.useState)(0);
     const [channelMessages, setChannelMessages] = (0, react_1.useState)([]);
@@ -662,7 +696,6 @@ function ConversationView({ channelId }) {
         skip: !channelId,
         fetchPolicy: 'cache-and-network',
     });
-    debugger;
     const { data: users } = (0, platform_client_1.useGetAllUsersQuery)();
     const currentUser = (0, react_1.useMemo)(() => { var _a; return (_a = users === null || users === void 0 ? void 0 : users.getUsers) === null || _a === void 0 ? void 0 : _a.find(({ alias }) => alias.includes(auth === null || auth === void 0 ? void 0 : auth.auth0UserId)); }, [users, auth]);
     const { data: checkForMessages } = (0, platform_client_1.useCheckForNewMessagesQuery)({
@@ -704,7 +737,7 @@ function ConversationView({ channelId }) {
             refetch({ skip: channelMessages.length });
         }
     }, [data, channelMessages]);
-    const onMessagesScroll = (0, react_1.useCallback)((e) => {
+    const onMessagesScroll = (0, react_1.useCallback)(() => {
         if (messageListRef.current) {
             const { scrollTop, scrollHeight, clientHeight } = messageListRef.current;
             if (clientHeight - scrollTop > scrollHeight - 50 && !messageLoading) {
@@ -778,8 +811,9 @@ function ConversationView({ channelId }) {
         });
         return res;
     }, [channelMessages]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(native_base_1.FlatList, { inverted: true, ref: messageListRef, data: messageList, onEndReached: onMessagesScroll, flex: 1, renderItem: ({ item }) => (react_1.default.createElement(MessageItem_1.MessageItem, { channelId: channelId, currentUser: currentUser, message: item, totalCount: totalCount })) }),
+    return (react_1.default.createElement(native_base_1.Box, { flex: 1, position: 'relative' },
+        react_1.default.createElement(native_base_1.ScrollView, { ref: messageListRef, mb: '32', contentContainerStyle: { flexGrow: 1 }, p: 5 }, messageList.map((message, index) => (react_1.default.createElement(native_base_1.Box, { key: index },
+            react_1.default.createElement(MessageItem_1.MessageItem, { channelId: channelId, currentUser: currentUser, message: message, totalCount: totalCount, onOpen: onOpen }))))),
         react_1.default.createElement(MessageInput_1.MessageInput, { channelId: channelId, handleSend: handleSend })));
 }
 exports.ConversationView = ConversationView;
@@ -939,16 +973,6 @@ module.exports = require("@common-stack/client-react");
 
 /***/ }),
 
-/***/ "@common-stack/components-pro":
-/*!***********************************************!*\
-  !*** external "@common-stack/components-pro" ***!
-  \***********************************************/
-/***/ ((module) => {
-
-module.exports = require("@common-stack/components-pro");
-
-/***/ }),
-
 /***/ "@expo/vector-icons":
 /*!*************************************!*\
   !*** external "@expo/vector-icons" ***!
@@ -989,6 +1013,16 @@ module.exports = require("@react-navigation/stack");
 
 /***/ }),
 
+/***/ "axios":
+/*!************************!*\
+  !*** external "axios" ***!
+  \************************/
+/***/ ((module) => {
+
+module.exports = require("axios");
+
+/***/ }),
+
 /***/ "date-fns":
 /*!***************************!*\
   !*** external "date-fns" ***!
@@ -1049,6 +1083,26 @@ module.exports = require("react");
 
 /***/ }),
 
+/***/ "react-native":
+/*!*******************************!*\
+  !*** external "react-native" ***!
+  \*******************************/
+/***/ ((module) => {
+
+module.exports = require("react-native");
+
+/***/ }),
+
+/***/ "react-native-keyboard-aware-scroll-view":
+/*!**********************************************************!*\
+  !*** external "react-native-keyboard-aware-scroll-view" ***!
+  \**********************************************************/
+/***/ ((module) => {
+
+module.exports = require("react-native-keyboard-aware-scroll-view");
+
+/***/ }),
+
 /***/ "react-redux":
 /*!******************************!*\
   !*** external "react-redux" ***!

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","mappings":"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","sources":["webpack://@messenger-box/platform-mobile/./src/index.ts","webpack://@messenger-box/platform-mobile/./src/module.ts","webpack://@messenger-box/platform-mobile/./src/navigation/InboxNavigation.tsx","webpack://@messenger-box/platform-mobile/./src/navigation/index.ts","webpack://@messenger-box/platform-mobile/./src/screens/inbox/DialogMessages.tsx","webpack://@messenger-box/platform-mobile/./src/screens/inbox/Inbox.tsx","webpack://@messenger-box/platform-mobile/./src/screens/inbox/components/CommonMessage.tsx","webpack://@messenger-box/platform-mobile/./src/screens/inbox/components/DialogsListItem.tsx","webpack://@messenger-box/platform-mobile/./src/screens/inbox/components/FilesList.tsx","webpack://@messenger-box/platform-mobile/./src/screens/inbox/components/MessageInput.tsx","webpack://@messenger-box/platform-mobile/./src/screens/inbox/components/MessageItem.tsx","webpack://@messenger-box/platform-mobile/./src/screens/inbox/components/PlainMessage.tsx","webpack://@messenger-box/platform-mobile/./src/screens/inbox/config/config.ts","webpack://@messenger-box/platform-mobile/./src/screens/inbox/config/index.ts","webpack://@messenger-box/platform-mobile/./src/screens/inbox/containers/ConversationView.tsx","webpack://@messenger-box/platform-mobile/./src/screens/inbox/containers/Dialogs.tsx","webpack://@messenger-box/platform-mobile/./src/screens/index.ts","webpack://@messenger-box/platform-mobile/external commonjs \"@admin-layout/client\"","webpack://@messenger-box/platform-mobile/external commonjs \"@adminide-stack/user-auth0-client\"","webpack://@messenger-box/platform-mobile/external commonjs \"@common-stack/client-react\"","webpack://@messenger-box/platform-mobile/external commonjs \"@common-stack/components-pro\"","webpack://@messenger-box/platform-mobile/external commonjs \"@expo/vector-icons\"","webpack://@messenger-box/platform-mobile/external commonjs \"@messenger-box/platform-client\"","webpack://@messenger-box/platform-mobile/external commonjs \"@react-navigation/native\"","webpack://@messenger-box/platform-mobile/external commonjs \"@react-navigation/stack\"","webpack://@messenger-box/platform-mobile/external commonjs \"date-fns\"","webpack://@messenger-box/platform-mobile/external commonjs \"envalid\"","webpack://@messenger-box/platform-mobile/external commonjs \"expo-image-picker\"","webpack://@messenger-box/platform-mobile/external commonjs \"lodash\"","webpack://@messenger-box/platform-mobile/external commonjs \"native-base\"","webpack://@messenger-box/platform-mobile/external commonjs \"react\"","webpack://@messenger-box/platform-mobile/external commonjs \"react-redux\"","webpack://@messenger-box/platform-mobile/webpack/bootstrap","webpack://@messenger-box/platform-mobile/webpack/before-startup","webpack://@messenger-box/platform-mobile/webpack/startup","webpack://@messenger-box/platform-mobile/webpack/after-startup"],"sourcesContent":["import PlatformModule from './module';\n\nimport { Feature } from '@common-stack/client-react';\n\nexport default new Feature(PlatformModule);\nexport * from './navigation';\nexport * from './screens';\n","/* eslint-disable import/no-extraneous-dependencies */\nimport { Feature } from '@common-stack/client-react';\nimport { schema, typePolicies, dataIdFromObject }  from '@messenger-box/platform-client';\n\nexport default new Feature({\n    dataIdFromObject,\n    clientStateParams: { typeDefs: schema, typePolicies },\n});\n","import * as React from 'react';\nimport { createStackNavigator } from '@react-navigation/stack';\nimport { DialogMessages } from '../screens/inbox/DialogMessages';\n\nconst InboxStack = createStackNavigator();\n\nexport function InboxNavigation({ route }) {\n    return (\n        <InboxStack.Navigator initialRouteName=\"DialogMessages\">\n            <InboxStack.Screen name=\"DialogMessages\" options={{ header: () => null }}>\n                {(props) => <DialogMessages channelId={route?.params?.channelId} />}\n            </InboxStack.Screen>\n        </InboxStack.Navigator>\n    );\n}\n","export * from './InboxNavigation';\n","import * as React from 'react';\nimport { Box } from 'native-base';\nimport { ConversationView } from './containers/ConversationView';\n\nexport function DialogMessages({ channelId }) {\n    return (\n        <Box bg={'white'} flex={1} p={6}>\n            <ConversationView channelId={channelId} />\n        </Box>\n    );\n}\n","import * as React from 'react';\nimport { Box } from 'native-base';\n\nimport { Dialogs } from './containers/Dialogs';\n\nexport const Inbox = (props) => {\n    const { channelFilters, channelRole } = props;\n    return (\n        <Box bg={'white'} flex={1}>\n            <Dialogs channelFilters={channelFilters} channelRole={channelRole} />\n        </Box>\n    );\n};\n","import * as React from 'react';\nimport { Avatar, Box, Flex, Icon, Text, HStack } from 'native-base';\nimport { Ionicons } from '@expo/vector-icons';\nimport { formatDistance } from 'date-fns';\nimport { FilesList } from './FilesList';\nimport { IPost } from '@messenger-box/core';\nimport { IAuthUser } from '@pubngo-stack/core';\nimport { startCase } from 'lodash';\n\ninterface ICommonMessageProps {\n    message: IPost;\n    currentUser: IAuthUser;\n}\n\nexport const CommonMessage = (props: ICommonMessageProps) => {\n    const { message, currentUser } = props;\n    return (\n        <Box mb=\"7\">\n            <HStack space={2}>\n                <Avatar backgroundColor=\"grey\" source={{ uri: message?.author?.picture || undefined }}>\n                    {startCase(message?.author?.username?.charAt(0))}\n                </Avatar>\n                <Box>\n                    <HStack width={'80%'} justifyContent={'space-between'} alignItems={'center'}>\n                        <HStack space={2}>\n                            <Text fontSize=\"14px\" color=\"gray.600\" fontWeight={'bold'}>\n                                {message?.author?.familyName && message?.author?.givenName\n                                    ? message?.author?.givenName + ' ' + message?.author?.familyName\n                                    : message?.author?.username}\n                            </Text>\n                            <Text fontSize=\"14px\" color=\"gray.500\" ml=\"10px\">\n                                {formatDistance(new Date(message?.createdAt), new Date(), {\n                                    includeSeconds: true,\n                                    addSuffix: true,\n                                })}\n                            </Text>\n                        </HStack>\n                        {currentUser?.id !== message?.author?.id && (\n                            <Box ml=\"8px\">\n                                <Icon as={Ionicons} name={'flag'} color=\"gray.600\" size=\"sm\" />\n                            </Box>\n                        )}\n                    </HStack>\n                    <Text fontSize=\"14px\" mt=\"5px\">\n                        {message?.message}\n                    </Text>\n                    {message.files?.totalCount ? <FilesList uploaded files={message?.files?.data} /> : null}\n                </Box>\n            </HStack>\n        </Box>\n    );\n};\n","import React, { useMemo } from 'react';\nimport { Text, Image, Pressable, HStack, Box } from 'native-base';\nimport { format, isToday, isYesterday } from 'date-fns';\n\nimport { IChannel, IUserAccount, useMessagesQuery, useUserAccountQuery } from '@messenger-box/platform-client';\n\nconst createdAtText = (value: string) => {\n    if (!value) return '';\n    let date = new Date(value);\n    if (isToday(date)) return 'Today';\n    if (isYesterday(date)) return 'Yesterday';\n    return format(new Date(value), 'MMM dd, yyyy');\n};\n\nexport interface IDialogListChannel extends IChannel {\n    users: IUserAccount[];\n}\n\nexport interface IDialogListItemProps {\n    currentUser?: any;\n    users?: any;\n    selectedChannelId?: any;\n    channel?: any;\n    onOpen: (id: any) => void;\n}\n\n/**\n * TODO:\n * - Get Reservation info: reservation date, status\n * - Add ability to get property information: name, logo\n */\nexport const DialogsListItem: React.FC<IDialogListItemProps> = function DialogsListItem({\n    currentUser,\n    users,\n    selectedChannelId,\n    channel,\n    onOpen,\n}) {\n    const { data: messagesQuery, loading: messageLoading } = useMessagesQuery({\n        variables: {\n            channelId: channel?.id?.toString(),\n            limit: 1,\n        },\n        fetchPolicy: 'cache-and-network',\n    });\n\n    const chatUser = useMemo(\n        () =>\n            users?.find(({ id }) => {\n                const isNotCurrentUser = id !== currentUser?.id;\n                if (isNotCurrentUser) {\n                    return channel?.members?.find(({ user }: any) => user.id === id);\n                }\n                return isNotCurrentUser;\n            }),\n        [users, currentUser, channel],\n    );\n\n    const { data: userQuery } = useUserAccountQuery({\n        variables: {\n            userId: chatUser?.id,\n        },\n        skip: !chatUser?.id,\n    });\n\n    const lastMessage = useMemo(() => {\n        if (!messagesQuery?.messages?.data?.length) {\n            return null;\n        }\n        const { data } = messagesQuery.messages;\n        return data[data.length - 1];\n    }, [messagesQuery]);\n\n    const channelType = useMemo(() => {\n        return channel?.type;\n    }, [channel]);\n\n    return (\n        <Pressable\n            onPress={() => channel?.id !== selectedChannelId && onOpen(channel?.id)}\n            borderWidth={'1'}\n            borderRadius={10}\n            borderColor={'gray.200'}\n            shadow={'6'}\n        >\n            <HStack m={3} space={2}>\n                <Image\n                    alt={'image'}\n                    width={16}\n                    borderRadius={10}\n                    height={16}\n                    source={{ uri: userQuery?.getUserAccount?.picture || 'https://picsum.photos/220' }}\n                />\n                <Box width={'80%'}>\n                    <HStack alignItems=\"center\" justifyContent=\"space-between\">\n                        <Text fontSize=\"xs\" color=\"red.500\">\n                            {channelType}\n                        </Text>\n                        <Text color=\"gray.500\">{lastMessage ? createdAtText(lastMessage?.createdAt) : ''}</Text>\n                    </HStack>\n                    <Text color=\"gray.600\" fontSize=\"lg\" fontWeight=\"semibold\">\n                        {chatUser?.givenName + ' ' + chatUser?.familyName}\n                    </Text>\n                    <Text color=\"gray.600\">{lastMessage?.message}</Text>\n                </Box>\n            </HStack>\n        </Pressable>\n    );\n};\n","import React, { useMemo } from 'react';\nimport { Image, HStack, Box } from 'native-base';\n\ninterface FilesListProps {\n    files: any;\n    uploaded?: boolean;\n}\n\nexport function FilesList({ files, uploaded = false }: FilesListProps) {\n    return (\n        <HStack space={2} mt={2}>\n            <FilesList.FilesView files={files} uploaded={uploaded} />\n        </HStack>\n    );\n}\n\nFilesList.FilesView = function MessageItemFiles({ files = [], uploaded }: { files: any[]; uploaded?: boolean }) {\n    if (!files.length) {\n        return null;\n    }\n\n    return (\n        <Box>\n            {files.map((file) => {\n                const url = useMemo(() => (uploaded ? file.url : URL.createObjectURL(file)), [file, uploaded]);\n                return (\n                    <Image\n                        alt={'image'}\n                        mr={2}\n                        height=\"16\"\n                        width=\"16\"\n                        source={{\n                            uri: url,\n                            scale: 0.2,\n                        }}\n                    />\n                );\n            })}\n        </Box>\n    );\n};\n","import { TextField, View, Image, Pressable, HStack, VStack, Toast } from 'native-base';\nimport { FontAwesome } from '@expo/vector-icons';\nimport * as ImagePicker from 'expo-image-picker';\nimport React, { forwardRef, useImperativeHandle, useState, useCallback } from 'react';\nimport { FilesList } from './FilesList';\n\ntype MessageInputProps = {\n    channelId?: string;\n    handleSend: (message: string, files: any) => Promise<void>;\n};\n\nexport const MessageInput = forwardRef(function MessageInput({ handleSend: handleSendProp }: MessageInputProps) {\n    const [message, setMessage] = useState('');\n    const [sending, setSending] = useState(false);\n    const [files, setFiles] = useState<File[]>([]);\n\n    const handleSend = useCallback(() => {\n        setSending(true);\n        handleSendProp(message, files)\n            .then(() => {\n                setMessage('');\n                setFiles([]);\n            })\n            .finally(() => setSending(false));\n    }, [files, handleSendProp, message]);\n\n    const onSelectImages = async () => {\n        // No permissions request is necessary for launching the image library\n        await ImagePicker.requestMediaLibraryPermissionsAsync();\n        let result = await ImagePicker.launchImageLibraryAsync({\n            // base64: true,\n            // aspect: [4, 3],\n            mediaTypes: ImagePicker.MediaTypeOptions.Images,\n        });\n\n        if (!result.cancelled) {\n            setFiles(files.concat((result as any).uri)); // @igor need ot check this\n        }\n    };\n\n    return (\n        <VStack marginTop={3} alignContent=\"center\">\n            <View>\n                <TextField\n                    placeholder=\"Message...\"\n                    borderColor=\"gray.400\"\n                    value={sending ? '' : message}\n                    onChange={(e) => setMessage(e.nativeEvent.text)}\n                    fontSize={14}\n                />\n            </View>\n            {files.length ? (\n                <View mb={4} flexDirection=\"row\">\n                    <FilesList files={files} />\n                </View>\n            ) : null}\n            <HStack alignContent=\"center\" justifyContent=\"space-between\">\n                <FontAwesome onPress={onSelectImages} size={20} style={{ marginRight: 5 }} name=\"file-image-o\" />\n                <FontAwesome onPress={handleSend} size={20} name=\"send\" />\n            </HStack>\n        </VStack>\n    );\n});\n","import React from 'react';\nimport { Box } from 'native-base';\nimport { IPost, IPostTypeEnum } from '@messenger-box/core';\nimport { PlainMessage } from './PlainMessage';\nimport { CommonMessage } from './CommonMessage';\nimport { Slot } from '@common-stack/components-pro';\n\nexport function MessageItem({\n    message,\n    channelId,\n    currentUser,\n    totalCount,\n}: {\n    message: IPost;\n    channelId: number;\n    currentUser: any;\n    totalCount: number;\n}) {\n    if (typeof message === 'string') {\n        return <PlainMessage message={message} />;\n    }\n\n    const { type } = message;\n\n    if (!type || type === IPostTypeEnum.Simple) {\n        return <CommonMessage message={message} currentUser={currentUser} />;\n    }\n\n    return (\n        <Slot\n            name={(type as string)?.toLowerCase()}\n            fillProps={{\n                active: true,\n                message,\n                currentUser,\n            }}\n        >\n            {(item) => <Box>{item}</Box>}\n        </Slot>\n    );\n}\n","import React from 'react';\nimport { Flex, Text } from 'native-base';\n\ninterface IPlainMessageProps {\n    message: string;\n}\n\nexport const PlainMessage = ({ message }: IPlainMessageProps) => {\n    return (\n        <Flex w=\"full\" justifyContent={'center'} mb=\"7\">\n            <Text fontSize=\"14px\" fontWeight={'bold'}>\n                {message}\n            </Text>\n        </Flex>\n    );\n};\n","import { cleanEnv, num } from 'envalid';\n\nexport const config = cleanEnv(process.env, {\n    MESSAGES_PER_PAGE: num({ devDefault: 20, default: 50 }),\n    FILES_PER_MESSAGE: num({ default: 10 }),\n});\n","export { config } from './config';\n","import React, { useEffect, useRef, useState, useLayoutEffect, useCallback, useMemo } from 'react';\nimport { format, isToday, isYesterday } from 'date-fns';\nimport { FlatList } from 'native-base';\nimport { useSelector } from 'react-redux';\nimport { orderBy, uniqBy } from 'lodash';\n\nimport {\n    IPost,\n    useSendMessagesMutation,\n    useUploadFiles,\n    useMessagesQuery,\n    useCheckForNewMessagesQuery,\n    useGetAllUsersQuery,\n} from '@messenger-box/platform-client';\nimport { MessageItem } from '../components/MessageItem';\nimport { MessageInput } from '../components/MessageInput';\nimport { IFileInfo } from '@messenger-box/core';\nimport { config } from '../config';\nimport { userSelector } from '@adminide-stack/user-auth0-client';\n\nconst { MESSAGES_PER_PAGE } = config;\n\nexport function ConversationView({ channelId }: any) {\n    const messageListRef = useRef(null);\n    const [channelToTop, setChannelToTop] = useState(0);\n    const [channelMessages, setChannelMessages] = useState<any>([]);\n    const auth = useSelector(userSelector);\n    const [totalCount, setTotalCount] = useState<any>(0);\n    const [loadingOldMessages, setLoadingOldMessages] = useState(false);\n\n    const { startUpload } = useUploadFiles();\n\n    const [sendMsg] = useSendMessagesMutation();\n\n    const {\n        data,\n        loading: messageLoading,\n        refetch,\n    } = useMessagesQuery({\n        variables: {\n            channelId: channelId?.toString(),\n            limit: MESSAGES_PER_PAGE,\n        },\n        skip: !channelId,\n        fetchPolicy: 'cache-and-network',\n    });\n    debugger;\n\n    const { data: users } = useGetAllUsersQuery();\n\n    const currentUser = useMemo(\n        () => users?.getUsers?.find(({ alias }: any) => alias.includes(auth?.auth0UserId)),\n        [users, auth],\n    );\n\n    const { data: checkForMessages } = useCheckForNewMessagesQuery({\n        variables: {\n            channelId: channelId?.toString(),\n        },\n        skip: !channelId,\n        fetchPolicy: 'network-only',\n        pollInterval: 5000,\n    });\n\n    useEffect(() => {\n        if (data?.messages?.data && (loadingOldMessages || channelMessages.length === 0)) {\n            const { data: messages, totalCount } = data.messages;\n            setChannelMessages((oldMessages) => uniqBy([...[...messages].reverse(), ...oldMessages], ({ id }) => id));\n            setTotalCount(totalCount);\n        }\n    }, [data, loadingOldMessages, channelMessages]);\n\n    useLayoutEffect(() => {\n        if (checkForMessages?.messages?.totalCount > totalCount) {\n            const numberOfNewMessages = checkForMessages?.messages?.totalCount - totalCount;\n            refetch({\n                limit: numberOfNewMessages,\n            }).then(({ data }) => {\n                if (!data?.messages) {\n                    return;\n                }\n                const { data: messages, totalCount } = data.messages;\n                setTotalCount(totalCount);\n                setChannelMessages((oldMessages) => uniqBy([...oldMessages, ...messages], ({ id }) => id));\n            });\n        }\n    }, [checkForMessages, totalCount, refetch]);\n\n    const onFetchOld = useCallback(() => {\n        if (data?.messages?.totalCount > channelMessages.length) {\n            setLoadingOldMessages(true);\n            refetch({ skip: channelMessages.length });\n        }\n    }, [data, channelMessages]);\n\n    const onMessagesScroll = useCallback(\n        (e) => {\n            if (messageListRef.current) {\n                const { scrollTop, scrollHeight, clientHeight } = messageListRef.current;\n                if (clientHeight - scrollTop > scrollHeight - 50 && !messageLoading) {\n                    onFetchOld();\n                }\n            }\n        },\n        [onFetchOld],\n    );\n\n    const handleSend = useCallback(\n        async (message: string, files: []) => {\n            if (!(message && channelId)) {\n                return;\n            }\n            const { data } = await sendMsg({\n                variables: {\n                    channelId,\n                    content: message,\n                },\n                update: (cache, { data, errors }) => {\n                    if (!data || errors) {\n                        return;\n                    }\n                    setChannelMessages((messages) => [...messages, data?.sendMessage]);\n                    setTotalCount((t) => t + 1);\n                    setChannelToTop(channelToTop + 1);\n                },\n            });\n            if (files && data?.sendMessage?.id) {\n                const { id: postId } = data.sendMessage;\n                const uploadResponse = await startUpload({\n                    file: files,\n                    saveUploadedFile: {\n                        variables: {\n                            postId,\n                        },\n                    },\n                    createUploadLink: {\n                        variables: {\n                            postId,\n                        },\n                    },\n                });\n                const uploadedFiles = uploadResponse.data as unknown as IFileInfo[];\n                setChannelMessages((messages) =>\n                    messages.map((message) => {\n                        if (message.id === postId) {\n                            return {\n                                ...message,\n                                files: {\n                                    totalCount: uploadedFiles.length,\n                                    data: uploadedFiles,\n                                },\n                            };\n                        }\n                        return message;\n                    }),\n                );\n            }\n        },\n        [setChannelMessages, currentUser, channelId],\n    );\n\n    const messageList = useMemo(() => {\n        let currentDate = '';\n        let res: any = [];\n        orderBy(channelMessages, ['createdAt'], ['asc']).map((msg) => {\n            const date = new Date(msg.createdAt);\n            let msgDate;\n            if (isToday(date)) msgDate = 'Today';\n            else if (isYesterday(date)) msgDate = 'Yesterday';\n            else msgDate = format(new Date(msg.createdAt), 'eee, do MMMM');\n\n            if (msgDate !== currentDate) {\n                res.push(msgDate);\n                currentDate = msgDate;\n            }\n            res.push(msg);\n        });\n        return res;\n    }, [channelMessages]);\n\n    return (\n        <>\n            <FlatList\n                inverted\n                ref={messageListRef}\n                data={messageList}\n                onEndReached={onMessagesScroll}\n                flex={1}\n                renderItem={({ item }) => (\n                    <MessageItem\n                        channelId={channelId}\n                        currentUser={currentUser}\n                        message={item}\n                        totalCount={totalCount}\n                    />\n                )}\n            />\n\n            <MessageInput channelId={channelId} handleSend={handleSend} />\n        </>\n    );\n}\n","import React, { useCallback, useMemo, useEffect } from 'react';\nimport { FlatList, Box, Heading, Input, Text, Icon, Center } from 'native-base';\nimport { Ionicons } from '@expo/vector-icons';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { useNavigation, useRoute } from '@react-navigation/native';\n\nimport { DialogsListItem } from '../components/DialogsListItem';\nimport { useGetAllUsersQuery, useGetChannelsByUserQuery } from '@messenger-box/platform-client';\nimport { userSelector } from '@adminide-stack/user-auth0-client';\nimport { CHANGE_SETTINGS_ACTION } from '@admin-layout/client';\n\nexport interface InboxProps {\n    channelFilters?: Record<string, unknown>;\n    channelRole?: string;\n}\n\nexport function Dialogs(props: InboxProps) {\n    const { channelFilters, channelRole } = props;\n    const { params } = useRoute<any>();\n    const auth = useSelector(userSelector);\n    const dispatch = useDispatch();\n    const navigation = useNavigation<any>();\n\n    const {\n        data: userChannels,\n        loading: userChannelsLoading,\n        refetch: getChannelsRefetch,\n    } = useGetChannelsByUserQuery({\n        variables: {\n            role: channelRole,\n            criteria: channelFilters,\n        },\n    });\n\n    const { data: users } = useGetAllUsersQuery();\n\n    const currentUser = useMemo(\n        () => users?.getUsers?.find(({ alias }: any) => alias.includes(auth?.auth0UserId)),\n        [users, auth],\n    );\n\n    useEffect(() => {\n        setTimeout(() => {\n            dispatch({\n                type: CHANGE_SETTINGS_ACTION,\n                payload: {\n                    footerRender: false,\n                },\n            } as any);\n        }, 0);\n        return () => {\n            dispatch({\n                type: CHANGE_SETTINGS_ACTION,\n                payload: {\n                    footerRender: true,\n                },\n            } as any);\n        };\n    }, []);\n\n    const handleSelectChannel = useCallback((id: any) => {\n        if (params?.channelId) {\n            navigation.navigate('Inbox.DialogMessages' as any, { channelId: params?.channelId, hideTabBar: true });\n        } else {\n            navigation.navigate('Inbox.DialogMessages' as any, { channelId: id, hideTabBar: true });\n        }\n    }, []);\n\n    return (\n        <Box p={2}>\n            {!userChannels?.channelsByUser?.length ? (\n                <Box p={5}>\n                    <Heading>Chat</Heading>\n                    <Input\n                        height={50}\n                        mt={3}\n                        placeholder=\"Search\"\n                        borderRadius={50}\n                        borderColor={'gray.200'}\n                        borderWidth={2}\n                    />\n                    <Center mt={6}>\n                        <Icon as={Ionicons} name=\"chatbubbles\" size={'xl'} />\n                        <Text>You don't have any messages yet!</Text>\n                    </Center>\n                </Box>\n            ) : (\n                <>\n                    <FlatList\n                        data={userChannels?.channelsByUser}\n                        onRefresh={getChannelsRefetch}\n                        refreshing={userChannelsLoading}\n                        contentContainerStyle={{ minHeight: '100%' }}\n                        ItemSeparatorComponent={() => <Box height=\"0.5\" backgroundColor=\"gray.200\" />}\n                        renderItem={({ item: channel }) => (\n                            <DialogsListItem\n                                users={users?.getUsers}\n                                onOpen={handleSelectChannel}\n                                currentUser={currentUser}\n                                channel={channel}\n                                selectedChannelId={params?.channelId}\n                            />\n                        )}\n                    />\n                </>\n            )}\n        </Box>\n    );\n}\n","export * from './inbox/Inbox';\n","module.exports = require(\"@admin-layout/client\");","module.exports = require(\"@adminide-stack/user-auth0-client\");","module.exports = require(\"@common-stack/client-react\");","module.exports = require(\"@common-stack/components-pro\");","module.exports = require(\"@expo/vector-icons\");","module.exports = require(\"@messenger-box/platform-client\");","module.exports = require(\"@react-navigation/native\");","module.exports = require(\"@react-navigation/stack\");","module.exports = require(\"date-fns\");","module.exports = require(\"envalid\");","module.exports = require(\"expo-image-picker\");","module.exports = require(\"lodash\");","module.exports = require(\"native-base\");","module.exports = require(\"react\");","module.exports = require(\"react-redux\");","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","","// startup\n// Load entry module and return exports\n// This entry module is referenced by other modules so it can't be inlined\nvar __webpack_exports__ = __webpack_require__(\"./src/index.ts\");\n",""],"names":[],"sourceRoot":""}
+{"version":3,"file":"index.js","mappings":"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","sources":["webpack://@messenger-box/platform-mobile/./src/index.ts","webpack://@messenger-box/platform-mobile/./src/module.ts","webpack://@messenger-box/platform-mobile/./src/navigation/InboxNavigation.tsx","webpack://@messenger-box/platform-mobile/./src/navigation/index.ts","webpack://@messenger-box/platform-mobile/./src/screens/inbox/DialogMessages.tsx","webpack://@messenger-box/platform-mobile/./src/screens/inbox/Inbox.tsx","webpack://@messenger-box/platform-mobile/./src/screens/inbox/components/CommonMessage.tsx","webpack://@messenger-box/platform-mobile/./src/screens/inbox/components/DialogsListItem.tsx","webpack://@messenger-box/platform-mobile/./src/screens/inbox/components/FilesList.tsx","webpack://@messenger-box/platform-mobile/./src/screens/inbox/components/MessageInput.tsx","webpack://@messenger-box/platform-mobile/./src/screens/inbox/components/MessageItem.tsx","webpack://@messenger-box/platform-mobile/./src/screens/inbox/components/PlainMessage.tsx","webpack://@messenger-box/platform-mobile/./src/screens/inbox/config/config.ts","webpack://@messenger-box/platform-mobile/./src/screens/inbox/config/index.ts","webpack://@messenger-box/platform-mobile/./src/screens/inbox/containers/ConversationView.tsx","webpack://@messenger-box/platform-mobile/./src/screens/inbox/containers/Dialogs.tsx","webpack://@messenger-box/platform-mobile/./src/screens/index.ts","webpack://@messenger-box/platform-mobile/external commonjs \"@admin-layout/client\"","webpack://@messenger-box/platform-mobile/external commonjs \"@adminide-stack/user-auth0-client\"","webpack://@messenger-box/platform-mobile/external commonjs \"@common-stack/client-react\"","webpack://@messenger-box/platform-mobile/external commonjs \"@expo/vector-icons\"","webpack://@messenger-box/platform-mobile/external commonjs \"@messenger-box/platform-client\"","webpack://@messenger-box/platform-mobile/external commonjs \"@react-navigation/native\"","webpack://@messenger-box/platform-mobile/external commonjs \"@react-navigation/stack\"","webpack://@messenger-box/platform-mobile/external commonjs \"axios\"","webpack://@messenger-box/platform-mobile/external commonjs \"date-fns\"","webpack://@messenger-box/platform-mobile/external commonjs \"envalid\"","webpack://@messenger-box/platform-mobile/external commonjs \"expo-image-picker\"","webpack://@messenger-box/platform-mobile/external commonjs \"lodash\"","webpack://@messenger-box/platform-mobile/external commonjs \"native-base\"","webpack://@messenger-box/platform-mobile/external commonjs \"react\"","webpack://@messenger-box/platform-mobile/external commonjs \"react-native\"","webpack://@messenger-box/platform-mobile/external commonjs \"react-native-keyboard-aware-scroll-view\"","webpack://@messenger-box/platform-mobile/external commonjs \"react-redux\"","webpack://@messenger-box/platform-mobile/webpack/bootstrap","webpack://@messenger-box/platform-mobile/webpack/before-startup","webpack://@messenger-box/platform-mobile/webpack/startup","webpack://@messenger-box/platform-mobile/webpack/after-startup"],"sourcesContent":["import PlatformModule from './module';\n\nimport { Feature } from '@common-stack/client-react';\n\nexport default new Feature(PlatformModule);\nexport * from './navigation';\nexport * from './screens';\n","/* eslint-disable import/no-extraneous-dependencies */\nimport { Feature } from '@common-stack/client-react';\nimport { schema, typePolicies, dataIdFromObject }  from '@messenger-box/platform-client';\n\nexport default new Feature({\n    dataIdFromObject,\n    clientStateParams: { typeDefs: schema, typePolicies },\n});\n","import * as React from 'react';\nimport { createStackNavigator } from '@react-navigation/stack';\nimport { DialogMessages } from '../screens/inbox/DialogMessages';\n\nconst InboxStack = createStackNavigator();\n\nexport function InboxNavigation({ route }) {\n    return (\n        <InboxStack.Navigator initialRouteName=\"DialogMessages\">\n            <InboxStack.Screen name=\"DialogMessages\" options={{ header: () => null }}>\n                {(props) => <DialogMessages channelId={route?.params?.channelId} />}\n            </InboxStack.Screen>\n        </InboxStack.Navigator>\n    );\n}\n","export * from './InboxNavigation';\n","import * as React from 'react';\nimport { Box } from 'native-base';\nimport { ConversationView } from './containers/ConversationView';\n\nexport function DialogMessages({ channelId }) {\n    return (\n        <Box bg={'white'} flex={1}>\n            <ConversationView channelId={channelId} />\n        </Box>\n    );\n}\n","import * as React from 'react';\nimport { Box } from 'native-base';\n\nimport { Dialogs } from './containers/Dialogs';\n\nexport const Inbox = (props) => {\n    const { channelFilters, channelRole } = props;\n    return (\n        <Box bg={'white'} flex={1}>\n            <Dialogs channelFilters={channelFilters} channelRole={channelRole} />\n        </Box>\n    );\n};\n","import * as React from 'react';\nimport { Avatar, Box, Flex, Icon, Text, HStack } from 'native-base';\nimport { Ionicons } from '@expo/vector-icons';\nimport { formatDistance } from 'date-fns';\nimport { FilesList } from './FilesList';\nimport { IPost } from '@messenger-box/core';\nimport { IAuthUser } from '@pubngo-stack/core';\nimport { startCase } from 'lodash';\n\ninterface ICommonMessageProps {\n    message: IPost;\n    currentUser: IAuthUser;\n}\n\nexport const CommonMessage = (props: ICommonMessageProps) => {\n    const { message, currentUser } = props;\n    return (\n        <Box mb=\"7\">\n            <HStack space={2}>\n                <Avatar backgroundColor=\"grey\" source={{ uri: message?.author?.picture || undefined }}>\n                    {startCase(message?.author?.username?.charAt(0))}\n                </Avatar>\n                <Box>\n                    <HStack width={'80%'} justifyContent={'space-between'} alignItems={'center'}>\n                        <HStack space={2}>\n                            <Text fontSize=\"14px\" color=\"gray.600\" fontWeight={'bold'}>\n                                {message?.author?.familyName && message?.author?.givenName\n                                    ? message?.author?.givenName + ' ' + message?.author?.familyName\n                                    : message?.author?.username}\n                            </Text>\n                            <Text fontSize=\"14px\" color=\"gray.500\" ml=\"10px\">\n                                {formatDistance(new Date(message?.createdAt), new Date(), {\n                                    includeSeconds: true,\n                                    addSuffix: true,\n                                })}\n                            </Text>\n                        </HStack>\n                        {currentUser?.id !== message?.author?.id && (\n                            <Box ml=\"8px\">\n                                <Icon as={Ionicons} name={'flag'} color=\"gray.600\" size=\"sm\" />\n                            </Box>\n                        )}\n                    </HStack>\n                    <Text fontSize=\"14px\" mt=\"5px\">\n                        {message?.message}\n                    </Text>\n                    {message.files?.totalCount ? <FilesList uploaded files={message?.files?.data} /> : null}\n                </Box>\n            </HStack>\n        </Box>\n    );\n};\n","import React, { useMemo } from 'react';\nimport { Text, Image, Pressable, HStack, Box } from 'native-base';\nimport { format, isToday, isYesterday } from 'date-fns';\n\nimport { IChannel, IUserAccount, useMessagesQuery, useUserAccountQuery } from '@messenger-box/platform-client';\n\nconst createdAtText = (value: string) => {\n    if (!value) return '';\n    let date = new Date(value);\n    if (isToday(date)) return 'Today';\n    if (isYesterday(date)) return 'Yesterday';\n    return format(new Date(value), 'MMM dd, yyyy');\n};\n\nexport interface IDialogListChannel extends IChannel {\n    users: IUserAccount[];\n}\n\nexport interface IDialogListItemProps {\n    currentUser?: any;\n    users?: any;\n    selectedChannelId?: any;\n    channel?: any;\n    onOpen: (id: any) => void;\n}\n\n/**\n * TODO:\n * - Get Reservation info: reservation date, status\n * - Add ability to get property information: name, logo\n */\nexport const DialogsListItem: React.FC<IDialogListItemProps> = function DialogsListItem({\n    currentUser,\n    users,\n    selectedChannelId,\n    channel,\n    onOpen,\n}) {\n    const { data: messagesQuery, loading: messageLoading } = useMessagesQuery({\n        variables: {\n            channelId: channel?.id?.toString(),\n            limit: 1,\n        },\n        fetchPolicy: 'cache-and-network',\n    });\n\n    const chatUser = useMemo(\n        () =>\n            users?.find(({ id }) => {\n                const isNotCurrentUser = id !== currentUser?.id;\n                if (isNotCurrentUser) {\n                    return channel?.members?.find(({ user }: any) => user.id === id);\n                }\n                return isNotCurrentUser;\n            }),\n        [users, currentUser, channel],\n    );\n\n    const { data: userQuery } = useUserAccountQuery({\n        variables: {\n            userId: chatUser?.id,\n        },\n        skip: !chatUser?.id,\n    });\n\n    const lastMessage = useMemo(() => {\n        if (!messagesQuery?.messages?.data?.length) {\n            return null;\n        }\n        const { data } = messagesQuery.messages;\n        return data[data.length - 1];\n    }, [messagesQuery]);\n\n    const channelType = useMemo(() => {\n        return channel?.type;\n    }, [channel]);\n\n    return (\n        <Pressable\n            onPress={() => channel?.id !== selectedChannelId && onOpen(channel?.id)}\n            borderWidth={'1'}\n            borderRadius={10}\n            borderColor={'gray.200'}\n            shadow={'6'}\n        >\n            <HStack m={3} space={2}>\n                <Image\n                    alt={'image'}\n                    width={16}\n                    borderRadius={10}\n                    height={16}\n                    source={{ uri: userQuery?.getUserAccount?.picture || 'https://picsum.photos/220' }}\n                />\n                <Box width={'80%'}>\n                    <HStack alignItems=\"center\" justifyContent=\"space-between\">\n                        <Text fontSize=\"xs\" color=\"red.500\">\n                            {channelType}\n                        </Text>\n                        <Text color=\"gray.500\">{lastMessage ? createdAtText(lastMessage?.createdAt) : ''}</Text>\n                    </HStack>\n                    <Text color=\"gray.600\" fontSize=\"lg\" fontWeight=\"semibold\">\n                        {chatUser?.givenName + ' ' + chatUser?.familyName}\n                    </Text>\n                    <Text color=\"gray.600\">{lastMessage?.message}</Text>\n                </Box>\n            </HStack>\n        </Pressable>\n    );\n};\n","import React, { useMemo } from 'react';\nimport { Image as ReactNativeImage } from 'react-native';\nimport { Box, HStack, Image } from 'native-base';\n\ninterface FilesListProps {\n    files: any;\n    uploaded?: boolean;\n}\n\nexport function FilesList({ files, uploaded = false }: FilesListProps) {\n    return (\n        <HStack space={2} mt={2}>\n            <FilesList.FilesView files={files} uploaded={uploaded}/>\n        </HStack>\n    );\n}\n\nFilesList.FilesView = function MessageItemFiles({ files = [], uploaded }: { files: any[]; uploaded?: boolean }) {\n    if (!files.length) {\n        return null;\n    }\n    return (\n        <Box>\n            {files.map((file) => {\n                const url = useMemo(() => (uploaded ? file.url : ReactNativeImage.resolveAssetSource(file).uri), [file, uploaded]);\n                return (\n                    <Image\n                        alt={'image'}\n                        mr={2}\n                        height=\"16\"\n                        width=\"16\"\n                        source={{\n                            uri: url,\n                            scale: 0.2,\n                        }}\n                    />\n                );\n            })}\n        </Box>\n    );\n};\n","import { TextField, View, Image, Pressable, HStack, VStack, Toast } from 'native-base';\nimport { FontAwesome } from '@expo/vector-icons';\nimport * as ImagePicker from 'expo-image-picker';\nimport { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view';\nimport React, { forwardRef, useImperativeHandle, useState, useCallback } from 'react';\nimport { FilesList } from './FilesList';\nimport axios from 'axios';\n\ntype MessageInputProps = {\n    channelId?: string;\n    handleSend: (message: string, files: any) => Promise<void>;\n};\n\nexport const MessageInput = forwardRef(function MessageInput({ handleSend: handleSendProp }: MessageInputProps) {\n    const [message, setMessage] = useState('');\n    const [sending, setSending] = useState(false);\n    const [files, setFiles] = useState<File[]>([]);\n\n    const handleSend = useCallback(() => {\n        setSending(true);\n        handleSendProp(message, files)\n            .then(() => {\n                setMessage('');\n                setFiles([]);\n            })\n            .finally(() => setSending(false));\n    }, [files, handleSendProp, message]);\n\n    const onSelectImages = async () => {\n        // No permissions request is necessary for launching the image library\n        await ImagePicker.requestMediaLibraryPermissionsAsync();\n        let result = await ImagePicker.launchImageLibraryAsync({\n            mediaTypes: ImagePicker.MediaTypeOptions.Images,\n            allowsEditing: true,\n            aspect: [4, 3],\n            quality: 1,\n        });\n\n        if (!result.cancelled) {\n            axios\n                .get((result as any).uri, {\n                    responseType: 'blob',\n                })\n                .then((res: any) => {\n                    let file = res.data._data;\n                    file.uri = (result as any).uri;\n                    setFiles(files.concat(file));\n                });\n        }\n    };\n\n    return (\n        <VStack\n            position={'absolute'}\n            bottom={0}\n            left={0}\n            right={0}\n            bg={'white'}\n            marginTop={3}\n            alignContent=\"center\"\n            p={5}\n        >\n            <KeyboardAwareScrollView contentContainerStyle={{ flex: 1 }}>\n                <View>\n                    <TextField\n                        placeholder=\"Message...\"\n                        borderColor=\"gray.400\"\n                        value={sending ? '' : message}\n                        onChange={(e) => setMessage(e.nativeEvent.text)}\n                        fontSize={14}\n                    />\n                </View>\n                {files.length ? (\n                    <View mb={4} flexDirection=\"row\">\n                        <FilesList files={files} />\n                    </View>\n                ) : null}\n                <HStack alignContent=\"center\" justifyContent=\"space-between\">\n                    <FontAwesome onPress={onSelectImages} size={20} style={{ marginRight: 5 }} name=\"file-image-o\" />\n                    <FontAwesome onPress={handleSend} size={20} name=\"send\" />\n                </HStack>\n            </KeyboardAwareScrollView>\n        </VStack>\n    );\n});\n","import React from 'react';\nimport { Box, Button, HStack, Icon, Text, useColorModeValue } from 'native-base';\nimport { Ionicons } from '@expo/vector-icons';\nimport { useNavigation } from '@react-navigation/native';\nimport { IPost, IPostTypeEnum } from '@messenger-box/core';\nimport { PlainMessage } from './PlainMessage';\nimport { CommonMessage } from './CommonMessage';\n\nexport interface AlertMessageAttachmentsInterface {\n    title: string;\n    isTitleHtml: boolean;\n    icon: string;\n    callToAction: {\n        title: string;\n        link: string;\n    };\n}\n\nexport function MessageItem({\n    message,\n    channelId,\n    currentUser,\n    totalCount,\n    onOpen,\n}: {\n    message: IPost;\n    channelId: number;\n    currentUser: any;\n    totalCount: number;\n    onOpen: () => void;\n}) {\n    if (typeof message === 'string') {\n        return <PlainMessage message={message} />;\n    }\n\n    const { type } = message;\n\n    if (!type || type === IPostTypeEnum.Simple) {\n        return <CommonMessage message={message} currentUser={currentUser} />;\n    }\n\n    if (type === IPostTypeEnum.ALERT) {\n        const { attachment } = message?.propsConfiguration?.contents as {\n            attachment: AlertMessageAttachmentsInterface;\n        };\n        let action: string = '';\n        let actionId: any = '';\n        const icon = 'information-circle';\n        if (attachment.callToAction.link.includes('my-reservation-details')) {\n            action = 'm-reservation-detail';\n            actionId = attachment?.callToAction?.link.split('/').pop();\n        }\n        const color = useColorModeValue('white', 'gray.800');\n        const bgColor = useColorModeValue('gray.800', 'white');\n        const navigation = useNavigation<any>();\n\n        return (\n            <Box borderWidth={1} borderRadius={20} backgroundColor={bgColor} my={2} p={3} opacity={0.7}>\n                <HStack space={2} alignItems={'center'}>\n                    <Icon as={Ionicons} name={icon} color={'white'} />\n                    <Text color={color} width={'45%'} numberOfLines={3}>\n                        {attachment?.title}\n                    </Text>\n                    {attachment.callToAction ? (\n                        <Button\n                            variant={'outline'}\n                            size={'sm'}\n                            borderColor={color}\n                            onPress={() => navigation.navigate(action, { reservationId: actionId })}\n                        >\n                            <Text color={color}>{attachment.callToAction.title}</Text>\n                        </Button>\n                    ) : null}\n                </HStack>\n            </Box>\n        );\n    }\n\n    return null;\n}\n","import React from 'react';\nimport { Flex, Text } from 'native-base';\n\ninterface IPlainMessageProps {\n    message: string;\n}\n\nexport const PlainMessage = ({ message }: IPlainMessageProps) => {\n    return (\n        <Flex w=\"full\" justifyContent={'center'} mb=\"7\">\n            <Text fontSize=\"14px\" fontWeight={'bold'}>\n                {message}\n            </Text>\n        </Flex>\n    );\n};\n","import { cleanEnv, num } from 'envalid';\n\nexport const config = cleanEnv(process.env, {\n    MESSAGES_PER_PAGE: num({ devDefault: 20, default: 50 }),\n    FILES_PER_MESSAGE: num({ default: 10 }),\n});\n","export { config } from './config';\n","import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport { format, isToday, isYesterday } from 'date-fns';\nimport { ScrollView, useDisclose, Box } from 'native-base';\nimport { useSelector } from 'react-redux';\nimport { orderBy, uniqBy } from 'lodash';\nimport {\n    useCheckForNewMessagesQuery,\n    useGetAllUsersQuery,\n    useMessagesQuery,\n    useSendMessagesMutation,\n    useUploadFiles,\n} from '@messenger-box/platform-client';\nimport { MessageItem } from '../components/MessageItem';\nimport { MessageInput } from '../components/MessageInput';\nimport { IFileInfo } from '@messenger-box/core';\nimport { config } from '../config';\nimport { userSelector } from '@adminide-stack/user-auth0-client';\n\nconst { MESSAGES_PER_PAGE } = config;\n\nexport function ConversationView({ channelId }: any) {\n    const { onOpen } = useDisclose();\n    const messageListRef = useRef(null);\n    const [channelToTop, setChannelToTop] = useState(0);\n    const [channelMessages, setChannelMessages] = useState<any>([]);\n    const auth = useSelector(userSelector);\n    const [totalCount, setTotalCount] = useState<any>(0);\n    const [loadingOldMessages, setLoadingOldMessages] = useState(false);\n\n    const { startUpload } = useUploadFiles();\n\n    const [sendMsg] = useSendMessagesMutation();\n\n    const {\n        data,\n        loading: messageLoading,\n        refetch,\n    } = useMessagesQuery({\n        variables: {\n            channelId: channelId?.toString(),\n            limit: MESSAGES_PER_PAGE,\n        },\n        skip: !channelId,\n        fetchPolicy: 'cache-and-network',\n    });\n\n    const { data: users } = useGetAllUsersQuery();\n\n    const currentUser = useMemo(\n        () => users?.getUsers?.find(({ alias }: any) => alias.includes(auth?.auth0UserId)),\n        [users, auth],\n    );\n\n    const { data: checkForMessages } = useCheckForNewMessagesQuery({\n        variables: {\n            channelId: channelId?.toString(),\n        },\n        skip: !channelId,\n        fetchPolicy: 'network-only',\n        pollInterval: 5000,\n    });\n\n    useEffect(() => {\n        if (data?.messages?.data && (loadingOldMessages || channelMessages.length === 0)) {\n            const { data: messages, totalCount } = data.messages;\n            setChannelMessages((oldMessages) => uniqBy([...[...messages].reverse(), ...oldMessages], ({ id }) => id));\n            setTotalCount(totalCount);\n        }\n    }, [data, loadingOldMessages, channelMessages]);\n\n    useLayoutEffect(() => {\n        if (checkForMessages?.messages?.totalCount > totalCount) {\n            const numberOfNewMessages = checkForMessages?.messages?.totalCount - totalCount;\n            refetch({\n                limit: numberOfNewMessages,\n            }).then(({ data }) => {\n                if (!data?.messages) {\n                    return;\n                }\n                const { data: messages, totalCount } = data.messages;\n                setTotalCount(totalCount);\n                setChannelMessages((oldMessages) => uniqBy([...oldMessages, ...messages], ({ id }) => id));\n            });\n        }\n    }, [checkForMessages, totalCount, refetch]);\n\n    const onFetchOld = useCallback(() => {\n        if (data?.messages?.totalCount > channelMessages.length) {\n            setLoadingOldMessages(true);\n            refetch({ skip: channelMessages.length });\n        }\n    }, [data, channelMessages]);\n\n    const onMessagesScroll = useCallback(\n        () => {\n            if (messageListRef.current) {\n                const { scrollTop, scrollHeight, clientHeight } = messageListRef.current;\n                if (clientHeight - scrollTop > scrollHeight - 50 && !messageLoading) {\n                    onFetchOld();\n                }\n            }\n        },\n        [onFetchOld],\n    );\n\n    const handleSend = useCallback(\n        async (message: string, files: []) => {\n            if (!(message && channelId)) {\n                return;\n            }\n            const { data } = await sendMsg({\n                variables: {\n                    channelId,\n                    content: message,\n                },\n                update: (cache, { data, errors }) => {\n                    if (!data || errors) {\n                        return;\n                    }\n                    setChannelMessages((messages) => [...messages, data?.sendMessage]);\n                    setTotalCount((t) => t + 1);\n                    setChannelToTop(channelToTop + 1);\n                },\n            });\n            if (files && data?.sendMessage?.id) {\n                const { id: postId } = data.sendMessage;\n                const uploadResponse = await startUpload({\n                    file: files,\n                    saveUploadedFile: {\n                        variables: {\n                            postId,\n                        },\n                    },\n                    createUploadLink: {\n                        variables: {\n                            postId,\n                        },\n                    },\n                });\n                const uploadedFiles = uploadResponse.data as unknown as IFileInfo[];\n                setChannelMessages((messages) =>\n                    messages.map((message) => {\n                        if (message.id === postId) {\n                            return {\n                                ...message,\n                                files: {\n                                    totalCount: uploadedFiles.length,\n                                    data: uploadedFiles,\n                                },\n                            };\n                        }\n                        return message;\n                    }),\n                );\n            }\n        },\n        [setChannelMessages, currentUser, channelId],\n    );\n\n    const messageList = useMemo(() => {\n        let currentDate = '';\n        let res: any = [];\n        orderBy(channelMessages, ['createdAt'], ['asc']).map((msg) => {\n            const date = new Date(msg.createdAt);\n            let msgDate;\n            if (isToday(date)) msgDate = 'Today';\n            else if (isYesterday(date)) msgDate = 'Yesterday';\n            else msgDate = format(new Date(msg.createdAt), 'eee, do MMMM');\n\n            if (msgDate !== currentDate) {\n                res.push(msgDate);\n                currentDate = msgDate;\n            }\n            res.push(msg);\n        });\n        return res;\n    }, [channelMessages]);\n\n    return (\n        <Box flex={1} position={'relative'}>\n            <ScrollView ref={messageListRef} mb={'32'} contentContainerStyle={{ flexGrow: 1 }} p={5}>\n                {messageList.map((message, index) => (\n                    <Box key={index}>\n                        <MessageItem\n                            channelId={channelId}\n                            currentUser={currentUser}\n                            message={message}\n                            totalCount={totalCount}\n                            onOpen={onOpen}\n                        />\n                    </Box>\n                ))}\n            </ScrollView>\n            <MessageInput channelId={channelId} handleSend={handleSend} />\n        </Box>\n    );\n}\n","import React, { useCallback, useMemo, useEffect } from 'react';\nimport { FlatList, Box, Heading, Input, Text, Icon, Center } from 'native-base';\nimport { Ionicons } from '@expo/vector-icons';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { useNavigation, useRoute } from '@react-navigation/native';\n\nimport { DialogsListItem } from '../components/DialogsListItem';\nimport { useGetAllUsersQuery, useGetChannelsByUserQuery } from '@messenger-box/platform-client';\nimport { userSelector } from '@adminide-stack/user-auth0-client';\nimport { CHANGE_SETTINGS_ACTION } from '@admin-layout/client';\n\nexport interface InboxProps {\n    channelFilters?: Record<string, unknown>;\n    channelRole?: string;\n}\n\nexport function Dialogs(props: InboxProps) {\n    const { channelFilters, channelRole } = props;\n    const { params } = useRoute<any>();\n    const auth = useSelector(userSelector);\n    const dispatch = useDispatch();\n    const navigation = useNavigation<any>();\n\n    const {\n        data: userChannels,\n        loading: userChannelsLoading,\n        refetch: getChannelsRefetch,\n    } = useGetChannelsByUserQuery({\n        variables: {\n            role: channelRole,\n            criteria: channelFilters,\n        },\n    });\n\n    const { data: users } = useGetAllUsersQuery();\n\n    const currentUser = useMemo(\n        () => users?.getUsers?.find(({ alias }: any) => alias.includes(auth?.auth0UserId)),\n        [users, auth],\n    );\n\n    useEffect(() => {\n        setTimeout(() => {\n            dispatch({\n                type: CHANGE_SETTINGS_ACTION,\n                payload: {\n                    footerRender: false,\n                },\n            } as any);\n        }, 0);\n        return () => {\n            dispatch({\n                type: CHANGE_SETTINGS_ACTION,\n                payload: {\n                    footerRender: true,\n                },\n            } as any);\n        };\n    }, []);\n\n    const handleSelectChannel = useCallback((id: any) => {\n        if (params?.channelId) {\n            navigation.navigate('Inbox.DialogMessages' as any, { channelId: params?.channelId, hideTabBar: true });\n        } else {\n            navigation.navigate('Inbox.DialogMessages' as any, { channelId: id, hideTabBar: true });\n        }\n    }, []);\n\n    return (\n        <Box p={2}>\n            {!userChannels?.channelsByUser?.length ? (\n                <Box p={5}>\n                    <Heading>Chat</Heading>\n                    <Input\n                        height={50}\n                        mt={3}\n                        placeholder=\"Search\"\n                        borderRadius={50}\n                        borderColor={'gray.200'}\n                        borderWidth={2}\n                    />\n                    <Center mt={6}>\n                        <Icon as={Ionicons} name=\"chatbubbles\" size={'xl'} />\n                        <Text>You don't have any messages yet!</Text>\n                    </Center>\n                </Box>\n            ) : (\n                <>\n                    <FlatList\n                        data={userChannels?.channelsByUser}\n                        onRefresh={getChannelsRefetch}\n                        refreshing={userChannelsLoading}\n                        contentContainerStyle={{ minHeight: '100%' }}\n                        ItemSeparatorComponent={() => <Box height=\"0.5\" backgroundColor=\"gray.200\" />}\n                        renderItem={({ item: channel }) => (\n                            <DialogsListItem\n                                users={users?.getUsers}\n                                onOpen={handleSelectChannel}\n                                currentUser={currentUser}\n                                channel={channel}\n                                selectedChannelId={params?.channelId}\n                            />\n                        )}\n                    />\n                </>\n            )}\n        </Box>\n    );\n}\n","export * from './inbox/Inbox';\n","module.exports = require(\"@admin-layout/client\");","module.exports = require(\"@adminide-stack/user-auth0-client\");","module.exports = require(\"@common-stack/client-react\");","module.exports = require(\"@expo/vector-icons\");","module.exports = require(\"@messenger-box/platform-client\");","module.exports = require(\"@react-navigation/native\");","module.exports = require(\"@react-navigation/stack\");","module.exports = require(\"axios\");","module.exports = require(\"date-fns\");","module.exports = require(\"envalid\");","module.exports = require(\"expo-image-picker\");","module.exports = require(\"lodash\");","module.exports = require(\"native-base\");","module.exports = require(\"react\");","module.exports = require(\"react-native\");","module.exports = require(\"react-native-keyboard-aware-scroll-view\");","module.exports = require(\"react-redux\");","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","","// startup\n// Load entry module and return exports\n// This entry module is referenced by other modules so it can't be inlined\nvar __webpack_exports__ = __webpack_require__(\"./src/index.ts\");\n",""],"names":[],"sourceRoot":""}

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

@@ -1,8 +1,18 @@
 /// <reference types="react" />
 import { IPost } from '@messenger-box/core';
-export declare function MessageItem({ message, channelId, currentUser, totalCount, }: {
+export interface AlertMessageAttachmentsInterface {
+    title: string;
+    isTitleHtml: boolean;
+    icon: string;
+    callToAction: {
+        title: string;
+        link: string;
+    };
+}
+export declare function MessageItem({ message, channelId, currentUser, totalCount, onOpen, }: {
     message: IPost;
     channelId: number;
     currentUser: any;
     totalCount: number;
+    onOpen: () => void;
 }): JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@messenger-box/platform-mobile",
-  "version": "0.0.1-alpha.206",
+  "version": "0.0.1-alpha.218",
   "description": "Sample core for higher packages to depend on",
   "license": "ISC",
   "author": "CDMBase LLC",
@@ -19,8 +19,8 @@
     "watch": "yarn build:lib:watch"
   },
   "dependencies": {
-    "@messenger-box/core": "0.0.1-alpha.206",
-    "@messenger-box/platform-client": "0.0.1-alpha.206"
+    "@messenger-box/core": "0.0.1-alpha.208",
+    "@messenger-box/platform-client": "0.0.1-alpha.208"
   },
   "devDependencies": {
     "@types/bootstrap": "4.5.0",
@@ -38,5 +38,5 @@
   "typescript": {
     "definition": "lib/index.d.ts"
   },
-  "gitHead": "0a5bf43086c85b1dc3df89d4dde42b9164e6b2c4"
+  "gitHead": "521fbb0573e3454dbe30a3db93fd6a5d97ae1600"
 }

package/src/screens/inbox/DialogMessages.tsx

@@ -4,7 +4,7 @@ import { ConversationView } from './containers/ConversationView';
 
 export function DialogMessages({ channelId }) {
     return (
-        <Box bg={'white'} flex={1} p={6}>
+        <Box bg={'white'} flex={1}>
             <ConversationView channelId={channelId} />
         </Box>
     );

package/src/screens/inbox/components/FilesList.tsx

@@ -1,5 +1,6 @@
 import React, { useMemo } from 'react';
-import { Image, HStack, Box } from 'native-base';
+import { Image as ReactNativeImage } from 'react-native';
+import { Box, HStack, Image } from 'native-base';
 
 interface FilesListProps {
     files: any;
@@ -9,7 +10,7 @@ interface FilesListProps {
 export function FilesList({ files, uploaded = false }: FilesListProps) {
     return (
         <HStack space={2} mt={2}>
-            <FilesList.FilesView files={files} uploaded={uploaded} />
+            <FilesList.FilesView files={files} uploaded={uploaded}/>
         </HStack>
     );
 }
@@ -18,11 +19,10 @@ FilesList.FilesView = function MessageItemFiles({ files = [], uploaded }: { file
     if (!files.length) {
         return null;
     }
-
     return (
         <Box>
             {files.map((file) => {
-                const url = useMemo(() => (uploaded ? file.url : URL.createObjectURL(file)), [file, uploaded]);
+                const url = useMemo(() => (uploaded ? file.url : ReactNativeImage.resolveAssetSource(file).uri), [file, uploaded]);
                 return (
                     <Image
                         alt={'image'}

package/src/screens/inbox/components/MessageInput.tsx

@@ -1,8 +1,10 @@
 import { TextField, View, Image, Pressable, HStack, VStack, Toast } from 'native-base';
 import { FontAwesome } from '@expo/vector-icons';
 import * as ImagePicker from 'expo-image-picker';
+import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view';
 import React, { forwardRef, useImperativeHandle, useState, useCallback } from 'react';
 import { FilesList } from './FilesList';
+import axios from 'axios';
 
 type MessageInputProps = {
     channelId?: string;
@@ -28,36 +30,56 @@ export const MessageInput = forwardRef(function MessageInput({ handleSend: handl
         // No permissions request is necessary for launching the image library
         await ImagePicker.requestMediaLibraryPermissionsAsync();
         let result = await ImagePicker.launchImageLibraryAsync({
-            // base64: true,
-            // aspect: [4, 3],
             mediaTypes: ImagePicker.MediaTypeOptions.Images,
+            allowsEditing: true,
+            aspect: [4, 3],
+            quality: 1,
         });
 
         if (!result.cancelled) {
-            setFiles(files.concat((result as any).uri)); // @igor need ot check this
+            axios
+                .get((result as any).uri, {
+                    responseType: 'blob',
+                })
+                .then((res: any) => {
+                    let file = res.data._data;
+                    file.uri = (result as any).uri;
+                    setFiles(files.concat(file));
+                });
         }
     };
 
     return (
-        <VStack marginTop={3} alignContent="center">
-            <View>
-                <TextField
-                    placeholder="Message..."
-                    borderColor="gray.400"
-                    value={sending ? '' : message}
-                    onChange={(e) => setMessage(e.nativeEvent.text)}
-                    fontSize={14}
-                />
-            </View>
-            {files.length ? (
-                <View mb={4} flexDirection="row">
-                    <FilesList files={files} />
+        <VStack
+            position={'absolute'}
+            bottom={0}
+            left={0}
+            right={0}
+            bg={'white'}
+            marginTop={3}
+            alignContent="center"
+            p={5}
+        >
+            <KeyboardAwareScrollView contentContainerStyle={{ flex: 1 }}>
+                <View>
+                    <TextField
+                        placeholder="Message..."
+                        borderColor="gray.400"
+                        value={sending ? '' : message}
+                        onChange={(e) => setMessage(e.nativeEvent.text)}
+                        fontSize={14}
+                    />
                 </View>
-            ) : null}
-            <HStack alignContent="center" justifyContent="space-between">
-                <FontAwesome onPress={onSelectImages} size={20} style={{ marginRight: 5 }} name="file-image-o" />
-                <FontAwesome onPress={handleSend} size={20} name="send" />
-            </HStack>
+                {files.length ? (
+                    <View mb={4} flexDirection="row">
+                        <FilesList files={files} />
+                    </View>
+                ) : null}
+                <HStack alignContent="center" justifyContent="space-between">
+                    <FontAwesome onPress={onSelectImages} size={20} style={{ marginRight: 5 }} name="file-image-o" />
+                    <FontAwesome onPress={handleSend} size={20} name="send" />
+                </HStack>
+            </KeyboardAwareScrollView>
         </VStack>
     );
 });

package/src/screens/inbox/components/MessageItem.tsx

@@ -1,20 +1,33 @@
 import React from 'react';
-import { Box } from 'native-base';
+import { Box, Button, HStack, Icon, Text, useColorModeValue } from 'native-base';
+import { Ionicons } from '@expo/vector-icons';
+import { useNavigation } from '@react-navigation/native';
 import { IPost, IPostTypeEnum } from '@messenger-box/core';
 import { PlainMessage } from './PlainMessage';
 import { CommonMessage } from './CommonMessage';
-import { Slot } from '@common-stack/components-pro';
+
+export interface AlertMessageAttachmentsInterface {
+    title: string;
+    isTitleHtml: boolean;
+    icon: string;
+    callToAction: {
+        title: string;
+        link: string;
+    };
+}
 
 export function MessageItem({
     message,
     channelId,
     currentUser,
     totalCount,
+    onOpen,
 }: {
     message: IPost;
     channelId: number;
     currentUser: any;
     totalCount: number;
+    onOpen: () => void;
 }) {
     if (typeof message === 'string') {
         return <PlainMessage message={message} />;
@@ -26,16 +39,42 @@ export function MessageItem({
         return <CommonMessage message={message} currentUser={currentUser} />;
     }
 
-    return (
-        <Slot
-            name={(type as string)?.toLowerCase()}
-            fillProps={{
-                active: true,
-                message,
-                currentUser,
-            }}
-        >
-            {(item) => <Box>{item}</Box>}
-        </Slot>
-    );
+    if (type === IPostTypeEnum.ALERT) {
+        const { attachment } = message?.propsConfiguration?.contents as {
+            attachment: AlertMessageAttachmentsInterface;
+        };
+        let action: string = '';
+        let actionId: any = '';
+        const icon = 'information-circle';
+        if (attachment.callToAction.link.includes('my-reservation-details')) {
+            action = 'm-reservation-detail';
+            actionId = attachment?.callToAction?.link.split('/').pop();
+        }
+        const color = useColorModeValue('white', 'gray.800');
+        const bgColor = useColorModeValue('gray.800', 'white');
+        const navigation = useNavigation<any>();
+
+        return (
+            <Box borderWidth={1} borderRadius={20} backgroundColor={bgColor} my={2} p={3} opacity={0.7}>
+                <HStack space={2} alignItems={'center'}>
+                    <Icon as={Ionicons} name={icon} color={'white'} />
+                    <Text color={color} width={'45%'} numberOfLines={3}>
+                        {attachment?.title}
+                    </Text>
+                    {attachment.callToAction ? (
+                        <Button
+                            variant={'outline'}
+                            size={'sm'}
+                            borderColor={color}
+                            onPress={() => navigation.navigate(action, { reservationId: actionId })}
+                        >
+                            <Text color={color}>{attachment.callToAction.title}</Text>
+                        </Button>
+                    ) : null}
+                </HStack>
+            </Box>
+        );
+    }
+
+    return null;
 }

package/src/screens/inbox/containers/ConversationView.tsx

@@ -1,16 +1,14 @@
-import React, { useEffect, useRef, useState, useLayoutEffect, useCallback, useMemo } from 'react';
+import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import { format, isToday, isYesterday } from 'date-fns';
-import { FlatList } from 'native-base';
+import { ScrollView, useDisclose, Box } from 'native-base';
 import { useSelector } from 'react-redux';
 import { orderBy, uniqBy } from 'lodash';
-
 import {
-    IPost,
-    useSendMessagesMutation,
-    useUploadFiles,
-    useMessagesQuery,
     useCheckForNewMessagesQuery,
     useGetAllUsersQuery,
+    useMessagesQuery,
+    useSendMessagesMutation,
+    useUploadFiles,
 } from '@messenger-box/platform-client';
 import { MessageItem } from '../components/MessageItem';
 import { MessageInput } from '../components/MessageInput';
@@ -21,6 +19,7 @@ import { userSelector } from '@adminide-stack/user-auth0-client';
 const { MESSAGES_PER_PAGE } = config;
 
 export function ConversationView({ channelId }: any) {
+    const { onOpen } = useDisclose();
     const messageListRef = useRef(null);
     const [channelToTop, setChannelToTop] = useState(0);
     const [channelMessages, setChannelMessages] = useState<any>([]);
@@ -44,7 +43,6 @@ export function ConversationView({ channelId }: any) {
         skip: !channelId,
         fetchPolicy: 'cache-and-network',
     });
-    debugger;
 
     const { data: users } = useGetAllUsersQuery();
 
@@ -94,7 +92,7 @@ export function ConversationView({ channelId }: any) {
     }, [data, channelMessages]);
 
     const onMessagesScroll = useCallback(
-        (e) => {
+        () => {
             if (messageListRef.current) {
                 const { scrollTop, scrollHeight, clientHeight } = messageListRef.current;
                 if (clientHeight - scrollTop > scrollHeight - 50 && !messageLoading) {
@@ -179,24 +177,21 @@ export function ConversationView({ channelId }: any) {
     }, [channelMessages]);
 
     return (
-        <>
-            <FlatList
-                inverted
-                ref={messageListRef}
-                data={messageList}
-                onEndReached={onMessagesScroll}
-                flex={1}
-                renderItem={({ item }) => (
-                    <MessageItem
-                        channelId={channelId}
-                        currentUser={currentUser}
-                        message={item}
-                        totalCount={totalCount}
-                    />
-                )}
-            />
-
+        <Box flex={1} position={'relative'}>
+            <ScrollView ref={messageListRef} mb={'32'} contentContainerStyle={{ flexGrow: 1 }} p={5}>
+                {messageList.map((message, index) => (
+                    <Box key={index}>
+                        <MessageItem
+                            channelId={channelId}
+                            currentUser={currentUser}
+                            message={message}
+                            totalCount={totalCount}
+                            onOpen={onOpen}
+                        />
+                    </Box>
+                ))}
+            </ScrollView>
             <MessageInput channelId={channelId} handleSend={handleSend} />
-        </>
+        </Box>
     );
 }