@messenger-box/platform-mobile 0.0.1-alpha.190 → 0.0.1-alpha.197

package/lib/index.js

@@ -114,6 +114,7 @@ const module_1 = __importDefault(__webpack_require__(/*! ./module */ "./src/modu
 const client_react_1 = __webpack_require__(/*! @common-stack/client-react */ "@common-stack/client-react");
 exports.default = new client_react_1.Feature(module_1.default);
 __exportStar(__webpack_require__(/*! ./navigation */ "./src/navigation/index.ts"), exports);
+__exportStar(__webpack_require__(/*! ./screens */ "./src/screens/index.ts"), exports);
 
 
 /***/ }),
@@ -170,14 +171,12 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InboxNavigation = void 0;
 const React = __importStar(__webpack_require__(/*! react */ "react"));
-const native_stack_1 = __webpack_require__(/*! @react-navigation/native-stack */ "@react-navigation/native-stack");
+const stack_1 = __webpack_require__(/*! @react-navigation/stack */ "@react-navigation/stack");
 const DialogMessages_1 = __webpack_require__(/*! ../screens/inbox/DialogMessages */ "./src/screens/inbox/DialogMessages.tsx");
-const DialogsList_1 = __webpack_require__(/*! ../screens/inbox/DialogsList */ "./src/screens/inbox/DialogsList.tsx");
-const InboxStack = native_stack_1.createNativeStackNavigator();
-function InboxNavigation() {
-    return (React.createElement(InboxStack.Navigator, { initialRouteName: "Inbox.DialogsList" },
-        React.createElement(InboxStack.Screen, { component: DialogsList_1.DialogsList, name: "Inbox.DialogsList", options: { header: () => null } }),
-        React.createElement(InboxStack.Screen, { name: "Inbox.DialogMessages", component: DialogMessages_1.DialogMessages, options: { header: () => null } })));
+const InboxStack = stack_1.createStackNavigator();
+function InboxNavigation({ route }) {
+    return (React.createElement(InboxStack.Navigator, { initialRouteName: "DialogMessages" },
+        React.createElement(InboxStack.Screen, { name: "DialogMessages", options: { header: () => null } }, (props) => { var _a; return React.createElement(DialogMessages_1.DialogMessages, { channelId: (_a = route === null || route === void 0 ? void 0 : route.params) === null || _a === void 0 ? void 0 : _a.channelId }); })));
 }
 exports.InboxNavigation = InboxNavigation;
 
@@ -240,24 +239,21 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogMessages = void 0;
 const React = __importStar(__webpack_require__(/*! react */ "react"));
-const native_1 = __webpack_require__(/*! @react-navigation/native */ "@react-navigation/native");
 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() {
-    const { params } = native_1.useRoute();
-    const navigation = native_1.useNavigation();
+function DialogMessages({ channelId }) {
     return (React.createElement(native_base_1.Box, { bg: 'white', flex: 1, p: 6 },
-        React.createElement(ConversationView_1.ConversationView, { channelId: params === null || params === void 0 ? void 0 : params.channel.id })));
+        React.createElement(ConversationView_1.ConversationView, { channelId: channelId })));
 }
 exports.DialogMessages = DialogMessages;
 
 
 /***/ }),
 
-/***/ "./src/screens/inbox/DialogsList.tsx":
-/*!*******************************************!*\
-  !*** ./src/screens/inbox/DialogsList.tsx ***!
-  \*******************************************/
+/***/ "./src/screens/inbox/Inbox.tsx":
+/*!*************************************!*\
+  !*** ./src/screens/inbox/Inbox.tsx ***!
+  \*************************************/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -283,15 +279,78 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogsList = void 0;
+exports.Inbox = void 0;
 const React = __importStar(__webpack_require__(/*! react */ "react"));
 const native_base_1 = __webpack_require__(/*! native-base */ "native-base");
 const Dialogs_1 = __webpack_require__(/*! ./containers/Dialogs */ "./src/screens/inbox/containers/Dialogs.tsx");
-function DialogsList() {
+const Inbox = (props) => {
+    const { channelFilters, channelRole } = props;
     return (React.createElement(native_base_1.Box, { bg: 'white', flex: 1 },
-        React.createElement(Dialogs_1.Dialogs, null)));
-}
-exports.DialogsList = DialogsList;
+        React.createElement(Dialogs_1.Dialogs, { channelFilters: channelFilters, channelRole: channelRole })));
+};
+exports.Inbox = Inbox;
+
+
+/***/ }),
+
+/***/ "./src/screens/inbox/components/CommonMessage.tsx":
+/*!********************************************************!*\
+  !*** ./src/screens/inbox/components/CommonMessage.tsx ***!
+  \********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CommonMessage = void 0;
+const React = __importStar(__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 date_fns_1 = __webpack_require__(/*! date-fns */ "date-fns");
+const FilesList_1 = __webpack_require__(/*! ./FilesList */ "./src/screens/inbox/components/FilesList.tsx");
+const lodash_1 = __webpack_require__(/*! lodash */ "lodash");
+const CommonMessage = (props) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    const { message, currentUser } = props;
+    return (React.createElement(native_base_1.Box, { mb: "7" },
+        React.createElement(native_base_1.HStack, { space: 2 },
+            React.createElement(native_base_1.Avatar, { backgroundColor: "grey", source: { uri: ((_a = message === null || message === void 0 ? void 0 : message.author) === null || _a === void 0 ? void 0 : _a.picture) || undefined } }, lodash_1.startCase((_c = (_b = message === null || message === void 0 ? void 0 : message.author) === null || _b === void 0 ? void 0 : _b.username) === null || _c === void 0 ? void 0 : _c.charAt(0))),
+            React.createElement(native_base_1.Box, null,
+                React.createElement(native_base_1.HStack, { width: '80%', justifyContent: 'space-between', alignItems: 'center' },
+                    React.createElement(native_base_1.HStack, { space: 2 },
+                        React.createElement(native_base_1.Text, { fontSize: "14px", color: "gray.600", fontWeight: 'bold' }, ((_d = message === null || message === void 0 ? void 0 : message.author) === null || _d === void 0 ? void 0 : _d.familyName) && ((_e = message === null || message === void 0 ? void 0 : message.author) === null || _e === void 0 ? void 0 : _e.givenName)
+                            ? ((_f = message === null || message === void 0 ? void 0 : message.author) === null || _f === void 0 ? void 0 : _f.givenName) + ' ' + ((_g = message === null || message === void 0 ? void 0 : message.author) === null || _g === void 0 ? void 0 : _g.familyName)
+                            : (_h = message === null || message === void 0 ? void 0 : message.author) === null || _h === void 0 ? void 0 : _h.username),
+                        React.createElement(native_base_1.Text, { fontSize: "14px", color: "gray.500", ml: "10px" }, date_fns_1.formatDistance(new Date(message === null || message === void 0 ? void 0 : message.createdAt), new Date(), {
+                            includeSeconds: true,
+                            addSuffix: true,
+                        }))),
+                    (currentUser === null || currentUser === void 0 ? void 0 : currentUser.id) !== ((_j = message === null || message === void 0 ? void 0 : message.author) === null || _j === void 0 ? void 0 : _j.id) && (React.createElement(native_base_1.Box, { ml: "8px" },
+                        React.createElement(native_base_1.Icon, { as: vector_icons_1.Ionicons, name: 'flag', color: "gray.600", size: "sm" })))),
+                React.createElement(native_base_1.Text, { fontSize: "14px", mt: "5px" }, message === null || message === void 0 ? void 0 : message.message),
+                ((_k = message.files) === null || _k === void 0 ? void 0 : _k.totalCount) ? React.createElement(FilesList_1.FilesList, { uploaded: true, files: (_l = message === null || message === void 0 ? void 0 : message.files) === null || _l === void 0 ? void 0 : _l.data }) : null))));
+};
+exports.CommonMessage = CommonMessage;
 
 
 /***/ }),
@@ -326,7 +385,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogsListItem = void 0;
-const lodash_1 = __webpack_require__(/*! lodash */ "lodash");
 const react_1 = __importStar(__webpack_require__(/*! react */ "react"));
 const native_base_1 = __webpack_require__(/*! native-base */ "native-base");
 const date_fns_1 = __webpack_require__(/*! date-fns */ "date-fns");
@@ -346,36 +404,106 @@ const createdAtText = (value) => {
  * - Get Reservation info: reservation date, status
  * - Add ability to get property information: name, logo
  */
-const DialogsListItem = function DialogsListItem({ refreshKey, channel, currentUserId, onOpen, }) {
-    var _a;
-    const message$ = platform_client_1.useGetMessagesQuery({
-        fetchPolicy: 'network-only',
-        variables: { limit: 1, channelId: channel.id },
+const DialogsListItem = function DialogsListItem({ currentUser, users, selectedChannelId, channel, onOpen, }) {
+    var _a, _b;
+    const { data: messagesQuery, loading: messageLoading } = platform_client_1.useMessagesQuery({
+        variables: {
+            channelId: (_a = channel === null || channel === void 0 ? void 0 : channel.id) === null || _a === void 0 ? void 0 : _a.toString(),
+            limit: 1,
+        },
+        fetchPolicy: 'cache-and-network',
     });
-    // Workaround for messages refresh: update latest messages view after list refresh
-    react_1.useEffect(() => {
-        message$.refetch();
-    }, [refreshKey]);
-    const users = react_1.useMemo(() => channel.users.filter(({ alias }) => !(alias === null || alias === void 0 ? void 0 : alias.includes(currentUserId))), [currentUserId]);
-    const message = react_1.useMemo(() => { var _a; return lodash_1.first((_a = message$.data) === null || _a === void 0 ? void 0 : _a.messages.data); }, [(_a = message$.data) === null || _a === void 0 ? void 0 : _a.messages]);
-    const title = react_1.useMemo(() => users.map(({ givenName, familyName }) => `${givenName} ${familyName}`).join(','), [users]);
-    const text = message === null || message === void 0 ? void 0 : message.message;
-    const date = createdAtText(message === null || message === void 0 ? void 0 : message.createdAt);
-    const onOpenChannel = () => onOpen(channel, { title, users });
-    return (react_1.default.createElement(native_base_1.Pressable, { onPress: onOpenChannel, borderWidth: '1', borderRadius: "md", borderColor: 'gray.200', shadow: '6' },
-        react_1.default.createElement(native_base_1.HStack, { m: 3, space: 2, alignItems: "center" },
-            react_1.default.createElement(native_base_1.Image, { alt: 'image', width: 16, borderRadius: "full", height: 16, source: { uri: 'https://picsum.photos/220' } }),
-            react_1.default.createElement(native_base_1.VStack, { space: 1 },
+    const chatUser = react_1.useMemo(() => users === null || users === void 0 ? void 0 : users.find(({ id }) => {
+        var _a;
+        const isNotCurrentUser = id !== (currentUser === null || currentUser === void 0 ? void 0 : currentUser.id);
+        if (isNotCurrentUser) {
+            return (_a = channel === null || channel === void 0 ? void 0 : channel.members) === null || _a === void 0 ? void 0 : _a.find(({ user }) => user.id === id);
+        }
+        return isNotCurrentUser;
+    }), [users, currentUser, channel]);
+    const { data: userQuery } = platform_client_1.useUserAccountQuery({
+        variables: {
+            userId: chatUser === null || chatUser === void 0 ? void 0 : chatUser.id,
+        },
+        skip: !(chatUser === null || chatUser === void 0 ? void 0 : chatUser.id),
+    });
+    const lastMessage = react_1.useMemo(() => {
+        var _a, _b;
+        if (!((_b = (_a = messagesQuery === null || messagesQuery === void 0 ? void 0 : messagesQuery.messages) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length)) {
+            return null;
+        }
+        const { data } = messagesQuery.messages;
+        return data[data.length - 1];
+    }, [messagesQuery]);
+    const channelType = react_1.useMemo(() => {
+        return channel === null || channel === void 0 ? void 0 : channel.type;
+    }, [channel]);
+    return (react_1.default.createElement(native_base_1.Pressable, { onPress: () => (channel === null || channel === void 0 ? void 0 : channel.id) !== selectedChannelId && onOpen(channel === null || channel === void 0 ? void 0 : channel.id), borderWidth: '1', borderRadius: 10, borderColor: 'gray.200', shadow: '6' },
+        react_1.default.createElement(native_base_1.HStack, { m: 3, space: 2 },
+            react_1.default.createElement(native_base_1.Image, { alt: 'image', width: 16, borderRadius: 10, height: 16, source: { uri: ((_b = userQuery === null || userQuery === void 0 ? void 0 : userQuery.getUserAccount) === null || _b === void 0 ? void 0 : _b.picture) || 'https://picsum.photos/220' } }),
+            react_1.default.createElement(native_base_1.Box, { width: '80%' },
                 react_1.default.createElement(native_base_1.HStack, { alignItems: "center", justifyContent: "space-between" },
-                    react_1.default.createElement(native_base_1.Text, { fontSize: "xs", color: "red.500" }, "Request withdrawal"),
-                    react_1.default.createElement(native_base_1.Text, { color: "gray.500" }, date)),
-                title !== '' ? (react_1.default.createElement(native_base_1.Text, { color: "gray.600", fontSize: "lg", fontWeight: "semibold" }, title)) : null,
-                react_1.default.createElement(native_base_1.Text, { color: "gray.600" }, text),
-                react_1.default.createElement(native_base_1.Text, null, "Sep 12-16, 2019. Private room fully furnis...")))));
+                    react_1.default.createElement(native_base_1.Text, { fontSize: "xs", color: "red.500" }, channelType),
+                    react_1.default.createElement(native_base_1.Text, { color: "gray.500" }, lastMessage ? createdAtText(lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.createdAt) : '')),
+                react_1.default.createElement(native_base_1.Text, { color: "gray.600", fontSize: "lg", fontWeight: "semibold" }, (chatUser === null || chatUser === void 0 ? void 0 : chatUser.givenName) + ' ' + (chatUser === null || chatUser === void 0 ? void 0 : chatUser.familyName)),
+                react_1.default.createElement(native_base_1.Text, { color: "gray.600" }, lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.message)))));
 };
 exports.DialogsListItem = DialogsListItem;
 
 
+/***/ }),
+
+/***/ "./src/screens/inbox/components/FilesList.tsx":
+/*!****************************************************!*\
+  !*** ./src/screens/inbox/components/FilesList.tsx ***!
+  \****************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilesList = void 0;
+const react_1 = __importStar(__webpack_require__(/*! react */ "react"));
+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 },
+        react_1.default.createElement(FilesList.FilesView, { files: files, uploaded: uploaded })));
+}
+exports.FilesList = FilesList;
+FilesList.FilesView = function MessageItemFiles({ files = [], uploaded }) {
+    if (!files.length) {
+        return null;
+    }
+    return (react_1.default.createElement(native_base_1.Box, null, files.map((file) => {
+        const url = react_1.useMemo(() => (uploaded ? file.url : URL.createObjectURL(file)), [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,
+            } }));
+    })));
+};
+
+
 /***/ }),
 
 /***/ "./src/screens/inbox/components/MessageInput.tsx":
@@ -412,18 +540,20 @@ 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_1 = __importStar(__webpack_require__(/*! react */ "react"));
-exports.MessageInput = react_1.forwardRef(function MessageInput({ onSend }, ref) {
-    const [text, setText] = react_1.useState('');
+const FilesList_1 = __webpack_require__(/*! ./FilesList */ "./src/screens/inbox/components/FilesList.tsx");
+exports.MessageInput = react_1.forwardRef(function MessageInput({ handleSend: handleSendProp }) {
+    const [message, setMessage] = react_1.useState('');
+    const [sending, setSending] = react_1.useState(false);
     const [files, setFiles] = react_1.useState([]);
-    const reset = () => {
-        setText('');
-        setFiles([]);
-    };
-    react_1.useImperativeHandle(ref, () => ({ reset, text, files }));
-    const onSendMessage = () => {
-        onSend(text, files);
-    };
-    const onRemoveImage = (url) => setFiles((files) => files.filter((file) => file !== url));
+    const handleSend = react_1.useCallback(() => {
+        setSending(true);
+        handleSendProp(message, files)
+            .then(() => {
+            setMessage('');
+            setFiles([]);
+        })
+            .finally(() => setSending(false));
+    }, [files, handleSendProp, message]);
     const onSelectImages = async () => {
         // No permissions request is necessary for launching the image library
         await ImagePicker.requestMediaLibraryPermissionsAsync();
@@ -438,12 +568,12 @@ exports.MessageInput = react_1.forwardRef(function MessageInput({ onSend }, ref)
     };
     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: text, onChange: (e) => setText(e.nativeEvent.text), fontSize: 14 })),
-        files.length ? (react_1.default.createElement(native_base_1.View, { mb: 4, flexDirection: "row" }, files.map((file, index) => (react_1.default.createElement(native_base_1.Pressable, { onPress: () => onRemoveImage(file), key: index },
-            react_1.default.createElement(native_base_1.Image, { alt: 'image', mr: 2, height: 10, width: 10, source: { uri: file } })))))) : 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: onSendMessage, size: 20, name: "send" }))));
+            react_1.default.createElement(vector_icons_1.FontAwesome, { onPress: handleSend, size: 20, name: "send" }))));
 });
 
 
@@ -458,64 +588,95 @@ exports.MessageInput = react_1.forwardRef(function MessageInput({ onSend }, ref)
 
 "use strict";
 
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __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.MessageItem = void 0;
-const react_1 = __importStar(__webpack_require__(/*! react */ "react"));
+const react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
 const native_base_1 = __webpack_require__(/*! native-base */ "native-base");
-const date_fns_1 = __webpack_require__(/*! date-fns */ "date-fns");
-const createdAtText = (value) => {
-    if (!value)
-        return '';
-    let date = new Date(value);
-    if (date_fns_1.isToday(date))
-        return 'Today';
-    if (date_fns_1.isYesterday(date))
-        return 'Yesterday';
-    return date_fns_1.format(new Date(value), 'MMM dd, yyyy');
-};
-function MessageItem({ message, userId }) {
+const platform_client_1 = __webpack_require__(/*! @messenger-box/platform-client */ "@messenger-box/platform-client");
+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, }) {
     var _a;
-    const isOwnMessage = react_1.useMemo(() => { var _a, _b; return ((_b = (_a = message.editedBy) === null || _a === void 0 ? void 0 : _a.alias) === null || _b === void 0 ? void 0 : _b.includes(userId)) || false; }, [message.author, userId]);
-    const author = react_1.useMemo(() => { var _a, _b; return (message.author ? `${(_a = message.author) === null || _a === void 0 ? void 0 : _a.givenName} ${(_b = message.author) === null || _b === void 0 ? void 0 : _b.familyName}` : null); }, [message.author]);
-    return (react_1.default.createElement(native_base_1.HStack, { mb: 4, alignItems: "center" },
-        isOwnMessage ? react_1.default.createElement(native_base_1.Box, { flexGrow: 1 }) : null,
-        react_1.default.createElement(native_base_1.Box, { borderRadius: "md", backgroundColor: "gray.200", paddingX: 3, paddingY: "1.5", flexGrow: 3 },
-            react_1.default.createElement(native_base_1.Box, { flexDirection: "row", alignContent: "flex-start", mb: 1 },
-                react_1.default.createElement(native_base_1.Text, { flexGrow: 1, fontWeight: "semibold" }, author),
-                react_1.default.createElement(native_base_1.Text, { fontSize: "xs", color: "gray.500" }, createdAtText(message.createdAt))),
-            react_1.default.createElement(native_base_1.Text, { flexGrow: 1 }, message.message),
-            react_1.default.createElement(MessageItem.FilesView, { files: (_a = message.files) === null || _a === void 0 ? void 0 : _a.data })),
-        !isOwnMessage ? react_1.default.createElement(native_base_1.Box, { flexGrow: 1 }) : null));
+    if (typeof message === 'string') {
+        return react_1.default.createElement(PlainMessage_1.PlainMessage, { message: message });
+    }
+    const { type } = message;
+    if (!type || type === platform_client_1.IPostTypeEnum.Simple) {
+        return react_1.default.createElement(CommonMessage_1.CommonMessage, { message: message, currentUser: currentUser });
+    }
+    return (react_1.default.createElement(components_pro_1.Slot, { name: (_a = type) === null || _a === void 0 ? void 0 : _a.toLowerCase(), fillProps: {
+            active: true,
+            message,
+            currentUser,
+        } }, (item) => react_1.default.createElement(native_base_1.Box, null, item)));
 }
 exports.MessageItem = MessageItem;
-MessageItem.FilesView = function MessageItemFiles({ files = [] }) {
-    if (!files.length) {
-        return null;
-    }
-    return (react_1.default.createElement(native_base_1.HStack, { space: 2, mt: 2 }, files.map((file) => (react_1.default.createElement(native_base_1.Image, { alt: 'image', mr: 2, height: "16", width: "16", source: {
-            uri: 'https://preview.keenthemes.com/metronic-v4/theme/assets/pages/media/profile/profile_user.jpg',
-            scale: 0.2,
-        } })))));
+
+
+/***/ }),
+
+/***/ "./src/screens/inbox/components/PlainMessage.tsx":
+/*!*******************************************************!*\
+  !*** ./src/screens/inbox/components/PlainMessage.tsx ***!
+  \*******************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlainMessage = void 0;
+const react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
+const native_base_1 = __webpack_require__(/*! native-base */ "native-base");
+const PlainMessage = ({ message }) => {
+    return (react_1.default.createElement(native_base_1.Flex, { w: "full", justifyContent: 'center', mb: "7" },
+        react_1.default.createElement(native_base_1.Text, { fontSize: "14px", fontWeight: 'bold' }, message)));
 };
+exports.PlainMessage = PlainMessage;
+
+
+/***/ }),
+
+/***/ "./src/screens/inbox/config/config.ts":
+/*!********************************************!*\
+  !*** ./src/screens/inbox/config/config.ts ***!
+  \********************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.config = void 0;
+const envalid_1 = __webpack_require__(/*! envalid */ "envalid");
+exports.config = envalid_1.cleanEnv(process.env, {
+    MESSAGES_PER_PAGE: envalid_1.num({ devDefault: 20, default: 50 }),
+    FILES_PER_MESSAGE: envalid_1.num({ default: 10 }),
+});
+
+
+/***/ }),
+
+/***/ "./src/screens/inbox/config/index.ts":
+/*!*******************************************!*\
+  !*** ./src/screens/inbox/config/index.ts ***!
+  \*******************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.config = void 0;
+var config_1 = __webpack_require__(/*! ./config */ "./src/screens/inbox/config/config.ts");
+Object.defineProperty(exports, "config", { enumerable: true, get: function () { return config_1.config; } });
 
 
 /***/ }),
@@ -550,101 +711,153 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConversationView = void 0;
-const platform_client_1 = __webpack_require__(/*! @messenger-box/platform-client */ "@messenger-box/platform-client");
 const react_1 = __importStar(__webpack_require__(/*! react */ "react"));
+const date_fns_1 = __webpack_require__(/*! date-fns */ "date-fns");
 const native_base_1 = __webpack_require__(/*! native-base */ "native-base");
 const react_redux_1 = __webpack_require__(/*! react-redux */ "react-redux");
+const lodash_1 = __webpack_require__(/*! lodash */ "lodash");
+const platform_client_1 = __webpack_require__(/*! @messenger-box/platform-client */ "@messenger-box/platform-client");
 const MessageItem_1 = __webpack_require__(/*! ../components/MessageItem */ "./src/screens/inbox/components/MessageItem.tsx");
 const MessageInput_1 = __webpack_require__(/*! ../components/MessageInput */ "./src/screens/inbox/components/MessageInput.tsx");
-const MESSAGES_LIMIT = 5;
+const config_1 = __webpack_require__(/*! ../config */ "./src/screens/inbox/config/index.ts");
+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 input$ = react_1.useRef();
-    const [offset, setOffset] = react_1.useState(0);
-    const [messages, setMessages] = react_1.useState([]);
-    const userId = react_redux_1.useSelector((state) => state.user.auth0UserId);
-    const [send, send$] = platform_client_1.useSendMessagesMutation({
-        context: {},
-    });
-    const [edit, edit$] = platform_client_1.useEditMessageMutation({
-        context: {},
-    });
+    const messageListRef = react_1.useRef(null);
+    const [channelToTop, setChannelToTop] = react_1.useState(0);
+    const [channelMessages, setChannelMessages] = react_1.useState([]);
+    const auth = react_redux_1.useSelector(user_auth0_client_1.userSelector);
+    const [totalCount, setTotalCount] = react_1.useState(0);
+    const [loadingOldMessages, setLoadingOldMessages] = react_1.useState(false);
     const { startUpload } = platform_client_1.useUploadFiles();
-    const messages$ = platform_client_1.useGetMessagesQuery({
+    const [sendMsg] = platform_client_1.useSendMessagesMutation();
+    const { data, loading: messageLoading, refetch, } = platform_client_1.useMessagesQuery({
+        variables: {
+            channelId: channelId === null || channelId === void 0 ? void 0 : channelId.toString(),
+            limit: MESSAGES_PER_PAGE,
+        },
+        skip: !channelId,
+        fetchPolicy: 'cache-and-network',
+    });
+    debugger;
+    const { data: users } = platform_client_1.useGetAllUsersQuery();
+    const currentUser = 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 } = platform_client_1.useCheckForNewMessagesQuery({
         variables: {
-            // skip: count,
-            channelId,
-            limit: MESSAGES_LIMIT,
+            channelId: channelId === null || channelId === void 0 ? void 0 : channelId.toString(),
         },
         skip: !channelId,
         fetchPolicy: 'network-only',
+        pollInterval: 5000,
     });
     react_1.useEffect(() => {
-        messages$.refetch({ skip: offset });
-    }, [offset]);
-    // useEffect(() => {
-    //     messages$.subscribeToMore({
-    //         variables: { channelId },
-    //         document: onChatMessageAddedDocument,
-    //         updateQuery: (prev, { subscriptionData }) => {
-    //             const list = (subscriptionData.data.messages.data || []) as IPost[];
-    //             const added = list.filter((data) => !data.author.alias.includes(userId));
-    //             messages.concat(...added);
-    //             return prev;
-    //         },
-    //     });
-    // }, [channelId, userId]);
-    react_1.useEffect(() => {
+        var _a;
+        if (((_a = data === null || data === void 0 ? void 0 : data.messages) === null || _a === void 0 ? void 0 : _a.data) && (loadingOldMessages || channelMessages.length === 0)) {
+            const { data: messages, totalCount } = data.messages;
+            setChannelMessages((oldMessages) => lodash_1.uniqBy([...[...messages].reverse(), ...oldMessages], ({ id }) => id));
+            setTotalCount(totalCount);
+        }
+    }, [data, loadingOldMessages, channelMessages]);
+    react_1.useLayoutEffect(() => {
         var _a, _b;
-        if ((_b = (_a = messages$.data) === null || _a === void 0 ? void 0 : _a.messages.data) === null || _b === void 0 ? void 0 : _b.length) {
-            setMessages((messages) => { var _a; return [...messages, ...(((_a = messages$.data) === null || _a === void 0 ? void 0 : _a.messages.data) || [])]; });
+        if (((_a = checkForMessages === null || checkForMessages === void 0 ? void 0 : checkForMessages.messages) === null || _a === void 0 ? void 0 : _a.totalCount) > totalCount) {
+            const numberOfNewMessages = ((_b = checkForMessages === null || checkForMessages === void 0 ? void 0 : checkForMessages.messages) === null || _b === void 0 ? void 0 : _b.totalCount) - totalCount;
+            refetch({
+                limit: numberOfNewMessages,
+            }).then(({ data }) => {
+                if (!(data === null || data === void 0 ? void 0 : data.messages)) {
+                    return;
+                }
+                const { data: messages, totalCount } = data.messages;
+                setTotalCount(totalCount);
+                setChannelMessages((oldMessages) => lodash_1.uniqBy([...oldMessages, ...messages], ({ id }) => id));
+            });
+        }
+    }, [checkForMessages, totalCount, refetch]);
+    const onFetchOld = react_1.useCallback(() => {
+        var _a;
+        if (((_a = data === null || data === void 0 ? void 0 : data.messages) === null || _a === void 0 ? void 0 : _a.totalCount) > channelMessages.length) {
+            setLoadingOldMessages(true);
+            refetch({ skip: channelMessages.length });
+        }
+    }, [data, channelMessages]);
+    const onMessagesScroll = react_1.useCallback((e) => {
+        if (messageListRef.current) {
+            const { scrollTop, scrollHeight, clientHeight } = messageListRef.current;
+            if (clientHeight - scrollTop > scrollHeight - 50 && !messageLoading) {
+                onFetchOld();
+            }
         }
-    }, [messages$.data]);
-    const onLoadMore = () => setOffset(offset + MESSAGES_LIMIT);
-    const onSendMessage = async (text, files) => {
+    }, [onFetchOld]);
+    const handleSend = react_1.useCallback(async (message, files) => {
         var _a;
-        (_a = input$.current) === null || _a === void 0 ? void 0 : _a.reset();
-        const { data } = await send({
+        if (!(message && channelId)) {
+            return;
+        }
+        const { data } = await sendMsg({
             variables: {
                 channelId,
-                content: text,
-                // files: [], // files: uploadedFiles.map(i => i.data.id)
+                content: message,
             },
             update: (cache, { data, errors }) => {
                 if (!data || errors) {
                     return;
                 }
-                if (data.sendMessage) {
-                    setMessages([data.sendMessage, ...messages]);
-                }
+                setChannelMessages((messages) => [...messages, data === null || data === void 0 ? void 0 : data.sendMessage]);
+                setTotalCount((t) => t + 1);
+                setChannelToTop(channelToTop + 1);
             },
         });
-        if (files.length) {
-            const { data: uploadedFiles } = await startUpload({
+        if (files && ((_a = data === null || data === void 0 ? void 0 : data.sendMessage) === null || _a === void 0 ? void 0 : _a.id)) {
+            const { id: postId } = data.sendMessage;
+            const uploadResponse = await startUpload({
                 file: files,
                 saveUploadedFile: {
                     variables: {
-                        postId: data.sendMessage.id,
+                        postId,
                     },
                 },
                 createUploadLink: {
                     variables: {
-                        postId: data.sendMessage.id,
+                        postId,
                     },
                 },
             });
-            await edit({
-                variables: {
-                    channelId,
-                    content: text,
-                    messageId: data.sendMessage.id,
-                    files: uploadedFiles.map((i) => i.id),
-                },
-            });
+            const uploadedFiles = uploadResponse.data;
+            setChannelMessages((messages) => messages.map((message) => {
+                if (message.id === postId) {
+                    return Object.assign(Object.assign({}, message), { files: {
+                            totalCount: uploadedFiles.length,
+                            data: uploadedFiles,
+                        } });
+                }
+                return message;
+            }));
         }
-    };
+    }, [setChannelMessages, currentUser, channelId]);
+    const messageList = react_1.useMemo(() => {
+        let currentDate = '';
+        let res = [];
+        lodash_1.orderBy(channelMessages, ['createdAt'], ['asc']).map((msg) => {
+            const date = new Date(msg.createdAt);
+            let msgDate;
+            if (date_fns_1.isToday(date))
+                msgDate = 'Today';
+            else if (date_fns_1.isYesterday(date))
+                msgDate = 'Yesterday';
+            else
+                msgDate = date_fns_1.format(new Date(msg.createdAt), 'eee, do MMMM');
+            if (msgDate !== currentDate) {
+                res.push(msgDate);
+                currentDate = msgDate;
+            }
+            res.push(msg);
+        });
+        return res;
+    }, [channelMessages]);
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(native_base_1.FlatList, { inverted: true, data: messages, onEndReached: onLoadMore, flex: 1, renderItem: ({ item }) => react_1.default.createElement(MessageItem_1.MessageItem, { userId: userId, message: item }) }),
-        react_1.default.createElement(MessageInput_1.MessageInput, { onSend: onSendMessage, ref: input$ })));
+        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 })) }),
+        react_1.default.createElement(MessageInput_1.MessageInput, { channelId: channelId, handleSend: handleSend })));
 }
 exports.ConversationView = ConversationView;
 
@@ -681,44 +894,114 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Dialogs = void 0;
+const react_1 = __importStar(__webpack_require__(/*! react */ "react"));
 const native_base_1 = __webpack_require__(/*! native-base */ "native-base");
-const platform_client_1 = __webpack_require__(/*! @messenger-box/platform-client */ "@messenger-box/platform-client");
+const vector_icons_1 = __webpack_require__(/*! @expo/vector-icons */ "@expo/vector-icons");
 const react_redux_1 = __webpack_require__(/*! react-redux */ "react-redux");
-const react_1 = __importStar(__webpack_require__(/*! react */ "react"));
-const lodash_1 = __webpack_require__(/*! lodash */ "lodash");
 const native_1 = __webpack_require__(/*! @react-navigation/native */ "@react-navigation/native");
 const DialogsListItem_1 = __webpack_require__(/*! ../components/DialogsListItem */ "./src/screens/inbox/components/DialogsListItem.tsx");
-function Dialogs() {
-    var _a, _b, _c;
-    const users$ = platform_client_1.useGetAllUsersQuery();
+const platform_client_1 = __webpack_require__(/*! @messenger-box/platform-client */ "@messenger-box/platform-client");
+const user_auth0_client_1 = __webpack_require__(/*! @adminide-stack/user-auth0-client */ "@adminide-stack/user-auth0-client");
+const client_1 = __webpack_require__(/*! @admin-layout/client */ "@admin-layout/client");
+function Dialogs(props) {
+    var _a;
+    const { channelFilters, channelRole } = props;
+    const { params } = native_1.useRoute();
+    const auth = react_redux_1.useSelector(user_auth0_client_1.userSelector);
+    const dispatch = react_redux_1.useDispatch();
     const navigation = native_1.useNavigation();
-    const channels$ = platform_client_1.useGetAllChannelQuery();
-    const [rk, setRk] = react_1.useState(Math.random());
-    const userId = react_redux_1.useSelector((state) => state.user.auth0UserId);
-    /**
-     * TODO: add ability to check channel members
-     * HostChannels: channel.members[0].user !== userId
-     * GuestChannels: channel.members[0].user == userId
-     */
-    const filter = react_1.useCallback((channel) => channel.type === 'DIRECT' && (channel === null || channel === void 0 ? void 0 : channel.displayName) !== 'surveybot' && (channel === null || channel === void 0 ? void 0 : channel.displayName) !== 'admin (you)', [userId]);
-    const users = react_1.useMemo(() => { var _a; return lodash_1.keyBy((_a = users$.data) === null || _a === void 0 ? void 0 : _a.getUsers, 'id'); }, [(_a = users$.data) === null || _a === void 0 ? void 0 : _a.getUsers]);
-    // Filter all channles
-    const list = react_1.useMemo(() => { var _a, _b; return ((_b = (_a = channels$.data) === null || _a === void 0 ? void 0 : _a.channels) === null || _b === void 0 ? void 0 : _b.filter(filter)) || []; }, [filter, (_b = channels$.data) === null || _b === void 0 ? void 0 : _b.channels]);
-    // Assign users to channel item
-    const channels = react_1.useMemo(() => list.map((channel) => { var _a; return (Object.assign(Object.assign({}, channel), { users: (_a = channel === null || channel === void 0 ? void 0 : channel.members) === null || _a === void 0 ? void 0 : _a.map((record) => users[record === null || record === void 0 ? void 0 : record.user.id]) })); }), [list, (_c = users$.data) === null || _c === void 0 ? void 0 : _c.getUsers, userId]);
-    const onRefresh = async () => {
-        await users$.refetch();
-        await channels$.refetch();
-        return setRk(Math.random());
-    };
-    const isRefreshing = channels$.loading || users$.loading;
-    const onOpen = (channel, options) => navigation.navigate('Inbox.DialogMessages', Object.assign(Object.assign({}, options), { channel, hideTabBar: true }));
-    return (react_1.default.createElement(native_base_1.Box, { p: 2 },
-        react_1.default.createElement(native_base_1.FlatList, { data: channels, onRefresh: onRefresh, refreshing: isRefreshing, contentContainerStyle: { minHeight: '100%' }, ItemSeparatorComponent: () => react_1.default.createElement(native_base_1.Box, { height: "0.5", backgroundColor: "gray.200" }), renderItem: ({ item: channel }) => (react_1.default.createElement(DialogsListItem_1.DialogsListItem, { refreshKey: rk, onOpen: onOpen, currentUserId: userId, channel: channel })) })));
+    const { data: userChannels, loading: userChannelsLoading, refetch: getChannelsRefetch, } = platform_client_1.useGetChannelsByUserQuery({
+        variables: {
+            role: channelRole,
+            criteria: channelFilters,
+        },
+    });
+    const { data: users } = platform_client_1.useGetAllUsersQuery();
+    const currentUser = 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]);
+    react_1.useEffect(() => {
+        setTimeout(() => {
+            dispatch({
+                type: client_1.CHANGE_SETTINGS_ACTION,
+                payload: {
+                    footerRender: false,
+                },
+            });
+        }, 0);
+        return () => {
+            dispatch({
+                type: client_1.CHANGE_SETTINGS_ACTION,
+                payload: {
+                    footerRender: true,
+                },
+            });
+        };
+    }, []);
+    const handleSelectChannel = react_1.useCallback((id) => {
+        if (params === null || params === void 0 ? void 0 : params.channelId) {
+            navigation.navigate('Inbox.DialogMessages', { channelId: params === null || params === void 0 ? void 0 : params.channelId, hideTabBar: true });
+        }
+        else {
+            navigation.navigate('Inbox.DialogMessages', { channelId: id, hideTabBar: true });
+        }
+    }, []);
+    return (react_1.default.createElement(native_base_1.Box, { p: 2 }, !((_a = userChannels === null || userChannels === void 0 ? void 0 : userChannels.channelsByUser) === null || _a === void 0 ? void 0 : _a.length) ? (react_1.default.createElement(native_base_1.Box, { p: 5 },
+        react_1.default.createElement(native_base_1.Heading, null, "Chat"),
+        react_1.default.createElement(native_base_1.Input, { height: 50, mt: 3, placeholder: "Search", borderRadius: 50, borderColor: 'gray.200', borderWidth: 2 }),
+        react_1.default.createElement(native_base_1.Center, { mt: 6 },
+            react_1.default.createElement(native_base_1.Icon, { as: vector_icons_1.Ionicons, name: "chatbubbles", size: 'xl' }),
+            react_1.default.createElement(native_base_1.Text, null, "You don't have any messages yet!")))) : (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(native_base_1.FlatList, { data: userChannels === null || userChannels === void 0 ? void 0 : userChannels.channelsByUser, onRefresh: getChannelsRefetch, refreshing: userChannelsLoading, contentContainerStyle: { minHeight: '100%' }, ItemSeparatorComponent: () => react_1.default.createElement(native_base_1.Box, { height: "0.5", backgroundColor: "gray.200" }), renderItem: ({ item: channel }) => (react_1.default.createElement(DialogsListItem_1.DialogsListItem, { users: users === null || users === void 0 ? void 0 : users.getUsers, onOpen: handleSelectChannel, currentUser: currentUser, channel: channel, selectedChannelId: params === null || params === void 0 ? void 0 : params.channelId })) })))));
 }
 exports.Dialogs = Dialogs;
 
 
+/***/ }),
+
+/***/ "./src/screens/index.ts":
+/*!******************************!*\
+  !*** ./src/screens/index.ts ***!
+  \******************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(__webpack_require__(/*! ./inbox/Inbox */ "./src/screens/inbox/Inbox.tsx"), exports);
+
+
+/***/ }),
+
+/***/ "@admin-layout/client":
+/*!***************************************!*\
+  !*** external "@admin-layout/client" ***!
+  \***************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+module.exports = require("@admin-layout/client");
+
+/***/ }),
+
+/***/ "@adminide-stack/user-auth0-client":
+/*!****************************************************!*\
+  !*** external "@adminide-stack/user-auth0-client" ***!
+  \****************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+module.exports = require("@adminide-stack/user-auth0-client");
+
 /***/ }),
 
 /***/ "@common-stack/client-react":
@@ -732,6 +1015,17 @@ module.exports = require("@common-stack/client-react");
 
 /***/ }),
 
+/***/ "@common-stack/components-pro":
+/*!***********************************************!*\
+  !*** external "@common-stack/components-pro" ***!
+  \***********************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+module.exports = require("@common-stack/components-pro");
+
+/***/ }),
+
 /***/ "@expo/vector-icons":
 /*!*************************************!*\
   !*** external "@expo/vector-icons" ***!
@@ -765,14 +1059,14 @@ module.exports = require("@react-navigation/native");
 
 /***/ }),
 
-/***/ "@react-navigation/native-stack":
-/*!*************************************************!*\
-  !*** external "@react-navigation/native-stack" ***!
-  \*************************************************/
+/***/ "@react-navigation/stack":
+/*!******************************************!*\
+  !*** external "@react-navigation/stack" ***!
+  \******************************************/
 /*! no static exports found */
 /***/ (function(module, exports) {
 
-module.exports = require("@react-navigation/native-stack");
+module.exports = require("@react-navigation/stack");
 
 /***/ }),
 
@@ -787,6 +1081,17 @@ module.exports = require("date-fns");
 
 /***/ }),
 
+/***/ "envalid":
+/*!**************************!*\
+  !*** external "envalid" ***!
+  \**************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+module.exports = require("envalid");
+
+/***/ }),
+
 /***/ "expo-image-picker":
 /*!************************************!*\
   !*** external "expo-image-picker" ***!