@axelor/aos-mobile-message 8.4.0

package/lib/components/organisms/MailMessageCard/MailMessageCard.js

@@ -0,0 +1,148 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2025 Axelor (<http://axelor.com>).
+ *
+ * This program is free software: you can redistribute it and/or  modify
+ * it under the terms of the GNU Affero General Public License, version 3,
+ * as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { ActivityIndicator, StyleSheet, TouchableOpacity, View, } from 'react-native';
+import { useIsFocused, useTranslator } from '@axelor/aos-mobile-core';
+import { Icon, OUTSIDE_INDICATOR, Text, useClickOutside, useClickOutsideContext, useThemeColor, } from '@axelor/aos-mobile-ui';
+import { Avatar, AVATAR_SIZE, AVATAR_PADDING, AuthorText } from '../../atoms';
+import { CommentCard, NotificationCard, SendMessageBox } from '../../molecules';
+import { fetchRepliesApi } from '../../../api';
+import { MailMessageType } from '../../../types';
+const MailMessageCard = ({ messageId, author, avatar, body, eventText, eventTime, files, style, relatedName, subject, type, flags, relatedId, relatedModel, isInbox, numReplies, getParentReplies, }) => {
+    const I18n = useTranslator();
+    const Colors = useThemeColor();
+    const isFocused = useIsFocused();
+    const [areRepliesVisible, setAreRepliesVisible] = useState(false);
+    const [replies, setReplies] = useState([]);
+    const [numberReplies, setNumberReplies] = useState(0);
+    const [isMessageBoxVisible, setIsMessageBoxVisible] = useState(false);
+    const [isToggleMBDisabled, setIsToggleMBDisabled] = useState(false);
+    const getReplies = useCallback((newMessage) => fetchRepliesApi({ messageId })
+        .then(res => {
+        const _replies = res?.data?.data;
+        setAreRepliesVisible(current => {
+            if (current || newMessage == null) {
+                setReplies(_replies);
+            }
+            else {
+                const newReply = _replies.find(msg => msg.id === newMessage.id);
+                setReplies([newReply]);
+            }
+            setNumberReplies(_replies.length);
+            return true;
+        });
+    })
+        .catch(() => setReplies([])), [messageId]);
+    const styles = useMemo(() => getStyles(Colors.secondaryColor.background), [Colors.secondaryColor.background]);
+    const wrapperRef = useRef(null);
+    const clickOutside = useClickOutside({ wrapperRef });
+    const { setRef } = useClickOutsideContext();
+    useEffect(() => {
+        if (isFocused && isToggleMBDisabled) {
+            setRef(wrapperRef?.current);
+            setTimeout(() => {
+                setIsToggleMBDisabled(false);
+            }, 100);
+        }
+    }, [isFocused, isToggleMBDisabled, setRef]);
+    useEffect(() => {
+        if (isMessageBoxVisible &&
+            clickOutside === OUTSIDE_INDICATOR &&
+            !isToggleMBDisabled) {
+            setIsMessageBoxVisible(false);
+        }
+    }, [clickOutside, isMessageBoxVisible, isToggleMBDisabled]);
+    const isReply = useMemo(() => !!getParentReplies, [getParentReplies]);
+    return (<View style={[styles.container, style]}>
+      <View>
+        <Avatar style={styles.avatar} avatar={avatar}/>
+        {(numberReplies > 0 || numReplies > 0) && (<TouchableOpacity style={styles.displayRepliesContainer} activeOpacity={0.9} onPress={() => {
+                setAreRepliesVisible(current => {
+                    if (!current) {
+                        getReplies();
+                    }
+                    return !current;
+                });
+            }}>
+            <Text textColor={Colors.secondaryColor_dark.background}>
+              {numberReplies > 0 ? numberReplies : numReplies}
+            </Text>
+            <Icon name="chat-dots"/>
+          </TouchableOpacity>)}
+        {areRepliesVisible && <View style={styles.verticalRule}/>}
+      </View>
+      <View style={styles.flexOne}>
+        <View style={styles.flexOne}>
+          <AuthorText author={author} eventText={eventText} eventTime={eventTime}/>
+          {type === MailMessageType.status.comment && (<CommentCard style={styles.card} subject={subject} files={files} value={body} flags={isReply ? null : flags} relatedId={relatedId} relatedModel={relatedModel} isInbox={isInbox}/>)}
+          {type === MailMessageType.status.notification && (<NotificationCard style={styles.card} relatedName={relatedName} subject={subject} tracks={JSON.parse(body ?? '{}').tracks} tag={JSON.parse(body ?? '{}').tags[0]} flags={isReply ? null : flags} relatedId={relatedId} relatedModel={relatedModel} isInbox={isInbox}/>)}
+          {isInbox && !isMessageBoxVisible && (<TouchableOpacity style={styles.replyContainer} activeOpacity={0.9} onPress={() => setIsMessageBoxVisible(true)}>
+              <Icon name="arrow-90deg-left" size={12}/>
+              <Text style={styles.replyText} fontSize={12}>
+                {I18n.t('Message_Respond')}
+              </Text>
+            </TouchableOpacity>)}
+          <SendMessageBox style={styles.messageBox} hideMessageBox={!isMessageBoxVisible} model={relatedModel} modelId={relatedId} parentId={messageId} onSend={message => {
+            getParentReplies
+                ? getParentReplies(message)
+                : getReplies(message);
+            setIsMessageBoxVisible(false);
+        }} wrapperRef={wrapperRef} onLinkFiles={() => setIsToggleMBDisabled(true)}/>
+        </View>
+        {areRepliesVisible &&
+            (numberReplies === 0 ? (<ActivityIndicator size="large" color={Colors.inverseColor.background}/>) : (replies.map(item => (<MailMessageCard style={styles.replyCard} messageId={item.id} author={item.$author?.fullName} avatar={item.$avatar} body={item.body} eventText={item.$eventText} eventTime={item.$eventTime} files={item.$files} relatedName={item.relatedName} subject={item.subject} type={item.type} flags={item.$flags} relatedId={item.relatedId} relatedModel={item.relatedModel} isInbox={isInbox} getParentReplies={getReplies} key={item.id}/>))))}
+      </View>
+    </View>);
+};
+const getStyles = (verticalRuleColor) => StyleSheet.create({
+    container: { flexDirection: 'row', marginTop: 10 },
+    avatar: { paddingBottom: 5 },
+    displayRepliesContainer: {
+        flexDirection: 'row',
+        justifyContent: 'center',
+        gap: 5,
+        paddingVertical: 5,
+    },
+    verticalRule: {
+        flex: 1,
+        alignSelf: 'center',
+        width: 1,
+        marginTop: 5,
+        backgroundColor: verticalRuleColor,
+    },
+    flexOne: { flex: 1 },
+    card: {
+        flex: 1,
+        width: '100%',
+        marginTop: 2,
+        paddingHorizontal: 5,
+        zIndex: 5,
+    },
+    replyContainer: {
+        flexDirection: 'row',
+        justifyContent: 'flex-end',
+        gap: 5,
+        paddingTop: 3,
+        paddingHorizontal: 10,
+    },
+    replyText: { textDecorationLine: 'underline' },
+    messageBox: { width: null },
+    replyCard: { marginLeft: -((AVATAR_SIZE + AVATAR_PADDING) / 2) },
+});
+export default MailMessageCard;
+//# sourceMappingURL=MailMessageCard.js.map

package/lib/components/organisms/MailMessageCard/MailMessageCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MailMessageCard.js","sourceRoot":"","sources":["../../../../src/components/organisms/MailMessageCard/MailMessageCard.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1 @@
+export { default as MailMessageCard } from './MailMessageCard/MailMessageCard';

package/lib/components/organisms/index.js

@@ -0,0 +1,19 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2025 Axelor (<http://axelor.com>).
+ *
+ * This program is free software: you can redistribute it and/or  modify
+ * it under the terms of the GNU Affero General Public License, version 3,
+ * as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+export { default as MailMessageCard } from './MailMessageCard/MailMessageCard';
+//# sourceMappingURL=index.js.map

package/lib/components/organisms/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/organisms/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,OAAO,IAAI,eAAe,EAAC,MAAM,mCAAmC,CAAC"}

package/lib/components/templates/MailMessageView/MailMessageView.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface MailMessageViewProps {
+    model: string;
+    modelId: number;
+    date?: string;
+    hideMessageBox?: boolean;
+}
+declare const MailMessageView: ({ model, modelId, date, hideMessageBox: _hideMessageBox, }: MailMessageViewProps) => React.JSX.Element;
+export default MailMessageView;

package/lib/components/templates/MailMessageView/MailMessageView.js

@@ -0,0 +1,69 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2025 Axelor (<http://axelor.com>).
+ *
+ * This program is free software: you can redistribute it and/or  modify
+ * it under the terms of the GNU Affero General Public License, version 3,
+ * as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import React, { useCallback, useMemo, useState } from 'react';
+import { KeyboardAvoidingView, Platform, StyleSheet, View } from 'react-native';
+import { useDispatch, useSelector, useTranslator } from '@axelor/aos-mobile-core';
+import { ChipSelect, Screen, ScrollList, useThemeColor, } from '@axelor/aos-mobile-ui';
+import { MailMessageCard } from '../../organisms';
+import { SendMessageBox } from '../../molecules';
+import { getMailMessages } from '../../../features/mailMessageSlice';
+import { MailMessageType } from '../../../types';
+const MailMessageView = ({ model, modelId, date, hideMessageBox: _hideMessageBox = false, }) => {
+    const I18n = useTranslator();
+    const Colors = useThemeColor();
+    const dispatch = useDispatch();
+    const [selectedStatus, setSelectedStatus] = useState([]);
+    const { loading, moreLoading, isListEnd, mailMessagesList } = useSelector(state => state.mailMessages);
+    const fetchMailMessagesAPI = useCallback((page) => {
+        dispatch(getMailMessages({ model, modelId, date, page }));
+    }, [date, dispatch, model, modelId]);
+    const filterOnStatus = useCallback((list) => {
+        if (!Array.isArray(list) || list.length === 0) {
+            return [];
+        }
+        else if (!Array.isArray(selectedStatus) ||
+            selectedStatus.length === 0) {
+            return list;
+        }
+        else {
+            const selectedType = selectedStatus[0].key;
+            return selectedType === MailMessageType.status.all
+                ? list
+                : list.filter(item => item.type === selectedType);
+        }
+    }, [selectedStatus]);
+    const filteredList = useMemo(() => filterOnStatus(mailMessagesList), [filterOnStatus, mailMessagesList]);
+    const hideMessageBox = useMemo(() => _hideMessageBox ||
+        selectedStatus?.[0]?.key === MailMessageType.status.notification, [_hideMessageBox, selectedStatus]);
+    return (<KeyboardAvoidingView behavior={Platform.OS === 'ios' ? 'padding' : 'height'} keyboardVerticalOffset={Platform.OS === 'ios' ? 40 : 100} style={styles.flexOne}>
+      <Screen removeSpaceOnTop>
+        <View style={styles.flexOne}>
+          <ScrollList loadingList={loading} data={filteredList} renderItem={({ item }) => (<MailMessageCard key={item.id} author={item.$author?.fullName} avatar={item.$avatar} body={item.body} eventText={item.$eventText} eventTime={item.$eventTime} files={item.$files} subject={item.subject} type={item.type} flags={item.$flags} relatedId={modelId} relatedModel={model}/>)} fetchData={fetchMailMessagesAPI} filter={false} moreLoading={moreLoading} isListEnd={isListEnd} translator={I18n.t}/>
+        </View>
+        <ChipSelect mode="switch" onChangeValue={setSelectedStatus} isRefresh selectionItems={MailMessageType.getSelectionItems(I18n, Colors, selectedStatus)} chipNumberOfLines={1}/>
+        <SendMessageBox hideMessageBox={hideMessageBox} model={model} modelId={modelId}/>
+      </Screen>
+    </KeyboardAvoidingView>);
+};
+const styles = StyleSheet.create({
+    flexOne: {
+        flex: 1,
+    },
+});
+export default MailMessageView;
+//# sourceMappingURL=MailMessageView.js.map

package/lib/components/templates/MailMessageView/MailMessageView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MailMessageView.js","sourceRoot":"","sources":["../../../../src/components/templates/MailMessageView/MailMessageView.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1 @@
+export { default as MailMessageView } from './MailMessageView/MailMessageView';

package/lib/components/templates/index.js

@@ -0,0 +1,19 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2025 Axelor (<http://axelor.com>).
+ *
+ * This program is free software: you can redistribute it and/or  modify
+ * it under the terms of the GNU Affero General Public License, version 3,
+ * as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+export { default as MailMessageView } from './MailMessageView/MailMessageView';
+//# sourceMappingURL=index.js.map

package/lib/components/templates/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/templates/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,OAAO,IAAI,eAAe,EAAC,MAAM,mCAAmC,CAAC"}

package/lib/features/asyncFunctions-index.d.ts

@@ -0,0 +1 @@
+export { countUnreadMailMessages, fetchInboxMessages, getMailMessages, getModelSubscribers, markAllMailMessageAsRead, modifyMailMessagesFlags, registerModel, registerModelId, saveInboxFolder, sendMailMessageComment, saveLinkFiles, subscribeModel, unsubscribeModel, } from './mailMessageSlice';

package/lib/features/asyncFunctions-index.js

@@ -0,0 +1,19 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2025 Axelor (<http://axelor.com>).
+ *
+ * This program is free software: you can redistribute it and/or  modify
+ * it under the terms of the GNU Affero General Public License, version 3,
+ * as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+export { countUnreadMailMessages, fetchInboxMessages, getMailMessages, getModelSubscribers, markAllMailMessageAsRead, modifyMailMessagesFlags, registerModel, registerModelId, saveInboxFolder, sendMailMessageComment, saveLinkFiles, subscribeModel, unsubscribeModel, } from './mailMessageSlice';
+//# sourceMappingURL=asyncFunctions-index.js.map

package/lib/features/asyncFunctions-index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"asyncFunctions-index.js","sourceRoot":"","sources":["../../src/features/asyncFunctions-index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EACL,uBAAuB,EACvB,kBAAkB,EAClB,eAAe,EACf,mBAAmB,EACnB,wBAAwB,EACxB,uBAAuB,EACvB,aAAa,EACb,eAAe,EACf,eAAe,EACf,sBAAsB,EACtB,aAAa,EACb,cAAc,EACd,gBAAgB,GACjB,MAAM,oBAAoB,CAAC"}

package/lib/features/index.d.ts

@@ -0,0 +1 @@
+export { mailMessagesReducer as mailMessages } from './mailMessageSlice';

package/lib/features/index.js

@@ -0,0 +1,19 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2025 Axelor (<http://axelor.com>).
+ *
+ * This program is free software: you can redistribute it and/or  modify
+ * it under the terms of the GNU Affero General Public License, version 3,
+ * as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+export { mailMessagesReducer as mailMessages } from './mailMessageSlice';
+//# sourceMappingURL=index.js.map

package/lib/features/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/features/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,mBAAmB,IAAI,YAAY,EAAC,MAAM,oBAAoB,CAAC"}

package/lib/features/mailMessageSlice.d.ts

@@ -0,0 +1,110 @@
+export const getMailMessages: import("@reduxjs/toolkit").AsyncThunk<any, void, {
+    state?: unknown;
+    dispatch?: import("redux-thunk").ThunkDispatch<unknown, unknown, import("redux").UnknownAction>;
+    extra?: unknown;
+    rejectValue?: unknown;
+    serializedErrorType?: unknown;
+    pendingMeta?: unknown;
+    fulfilledMeta?: unknown;
+    rejectedMeta?: unknown;
+}>;
+export const sendMailMessageComment: import("@reduxjs/toolkit").AsyncThunk<any, void, {
+    state?: unknown;
+    dispatch?: import("redux-thunk").ThunkDispatch<unknown, unknown, import("redux").UnknownAction>;
+    extra?: unknown;
+    rejectValue?: unknown;
+    serializedErrorType?: unknown;
+    pendingMeta?: unknown;
+    fulfilledMeta?: unknown;
+    rejectedMeta?: unknown;
+}>;
+export const getModelSubscribers: import("@reduxjs/toolkit").AsyncThunk<any, void, {
+    state?: unknown;
+    dispatch?: import("redux-thunk").ThunkDispatch<unknown, unknown, import("redux").UnknownAction>;
+    extra?: unknown;
+    rejectValue?: unknown;
+    serializedErrorType?: unknown;
+    pendingMeta?: unknown;
+    fulfilledMeta?: unknown;
+    rejectedMeta?: unknown;
+}>;
+export const subscribeModel: import("@reduxjs/toolkit").AsyncThunk<void, void, {
+    state?: unknown;
+    dispatch?: import("redux-thunk").ThunkDispatch<unknown, unknown, import("redux").UnknownAction>;
+    extra?: unknown;
+    rejectValue?: unknown;
+    serializedErrorType?: unknown;
+    pendingMeta?: unknown;
+    fulfilledMeta?: unknown;
+    rejectedMeta?: unknown;
+}>;
+export const unsubscribeModel: import("@reduxjs/toolkit").AsyncThunk<void, void, {
+    state?: unknown;
+    dispatch?: import("redux-thunk").ThunkDispatch<unknown, unknown, import("redux").UnknownAction>;
+    extra?: unknown;
+    rejectValue?: unknown;
+    serializedErrorType?: unknown;
+    pendingMeta?: unknown;
+    fulfilledMeta?: unknown;
+    rejectedMeta?: unknown;
+}>;
+export const countUnreadMailMessages: import("@reduxjs/toolkit").AsyncThunk<any, void, {
+    state?: unknown;
+    dispatch?: import("redux-thunk").ThunkDispatch<unknown, unknown, import("redux").UnknownAction>;
+    extra?: unknown;
+    rejectValue?: unknown;
+    serializedErrorType?: unknown;
+    pendingMeta?: unknown;
+    fulfilledMeta?: unknown;
+    rejectedMeta?: unknown;
+}>;
+export const markAllMailMessageAsRead: import("@reduxjs/toolkit").AsyncThunk<void, void, {
+    state?: unknown;
+    dispatch?: import("redux-thunk").ThunkDispatch<unknown, unknown, import("redux").UnknownAction>;
+    extra?: unknown;
+    rejectValue?: unknown;
+    serializedErrorType?: unknown;
+    pendingMeta?: unknown;
+    fulfilledMeta?: unknown;
+    rejectedMeta?: unknown;
+}>;
+export const modifyMailMessagesFlags: import("@reduxjs/toolkit").AsyncThunk<void, void, {
+    state?: unknown;
+    dispatch?: import("redux-thunk").ThunkDispatch<unknown, unknown, import("redux").UnknownAction>;
+    extra?: unknown;
+    rejectValue?: unknown;
+    serializedErrorType?: unknown;
+    pendingMeta?: unknown;
+    fulfilledMeta?: unknown;
+    rejectedMeta?: unknown;
+}>;
+export const fetchInboxMessages: import("@reduxjs/toolkit").AsyncThunk<any, void, {
+    state?: unknown;
+    dispatch?: import("redux-thunk").ThunkDispatch<unknown, unknown, import("redux").UnknownAction>;
+    extra?: unknown;
+    rejectValue?: unknown;
+    serializedErrorType?: unknown;
+    pendingMeta?: unknown;
+    fulfilledMeta?: unknown;
+    rejectedMeta?: unknown;
+}>;
+export const registerModel: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "mailMessages/registerModel">;
+export const registerModelId: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "mailMessages/registerModelId">;
+export const saveInboxFolder: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "mailMessages/saveInboxFolder">;
+export const saveLinkFiles: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "mailMessages/saveLinkFiles">;
+export const mailMessagesReducer: import("redux").Reducer<import("immer").WritableDraft<{
+    loading: boolean;
+    moreLoading: boolean;
+    isListEnd: boolean;
+    mailMessagesList: any[];
+    modelFollowersList: any[];
+    unreadMessages: number;
+    model: any;
+    modelId: any;
+    loadingInbox: boolean;
+    moreLoadingInbox: boolean;
+    isInboxListEnd: boolean;
+    inboxList: any[];
+    inboxFolder: InboxFolder;
+    linkFiles: any[];
+}>>;

package/lib/features/mailMessageSlice.js

@@ -0,0 +1,180 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2025 Axelor (<http://axelor.com>).
+ *
+ * This program is free software: you can redistribute it and/or  modify
+ * it under the terms of the GNU Affero General Public License, version 3,
+ * as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
+import { generateInifiniteScrollCases, handlerApiCall, } from '@axelor/aos-mobile-core';
+import { countUnreadMessages, fetchInboxMessages as _fetchInboxMessages, fetchMailMessages, fetchModelSubscribers, modifyMailMessagesFlags as _modifyMailMessagesFlags, postMailMessageComment, readAllMailMessages, subscribeRequest, unsubscribeRequest, } from '../api/mail-message-api';
+import { InboxFolder } from '../types';
+export const getMailMessages = createAsyncThunk('mailMessages/getMailMessages', async function (data, { getState }) {
+    return handlerApiCall({
+        fetchFunction: fetchMailMessages,
+        data: data,
+        action: 'Message_SliceAction_FetchMailMessages',
+        getState: getState,
+        responseOptions: { isArrayResponse: true },
+    });
+});
+export const sendMailMessageComment = createAsyncThunk('mailMessages/sendMailMessageComment', async function (data, { getState, dispatch }) {
+    const fetchMailMessageData = { model: data?.model, modelId: data?.modelId };
+    return handlerApiCall({
+        fetchFunction: postMailMessageComment,
+        data: data,
+        action: 'Message_SliceAction_PostMailMessageComment',
+        getState: getState,
+        responseOptions: { isArrayResponse: false },
+    }).then(res => {
+        dispatch(getMailMessages({ ...fetchMailMessageData, page: 0 }));
+        return res;
+    });
+});
+export const getModelSubscribers = createAsyncThunk('mailMessages/getModelSubscribers', async function (data, { getState }) {
+    return handlerApiCall({
+        fetchFunction: fetchModelSubscribers,
+        data: data,
+        action: 'Message_SliceAction_FetchModelSubscribers',
+        getState: getState,
+        responseOptions: { isArrayResponse: true },
+    });
+});
+export const subscribeModel = createAsyncThunk('mailMessages/subscribeModel', async function (data, { getState, dispatch }) {
+    return handlerApiCall({
+        fetchFunction: subscribeRequest,
+        data: data,
+        action: 'Message_SliceAction_SubscribeToModel',
+        getState: getState,
+        responseOptions: { isArrayResponse: false },
+    }).then(() => {
+        dispatch(getModelSubscribers(data));
+    });
+});
+export const unsubscribeModel = createAsyncThunk('mailMessages/unsubscribeModel', async function (data, { getState, dispatch }) {
+    return handlerApiCall({
+        fetchFunction: unsubscribeRequest,
+        data: data,
+        action: 'Message_SliceAction_UnsubscribeFromModel',
+        getState: getState,
+        responseOptions: { isArrayResponse: false },
+    }).then(() => {
+        dispatch(getModelSubscribers(data));
+    });
+});
+export const countUnreadMailMessages = createAsyncThunk('mailMessages/countUnreadMailMessages', async function (data, { getState }) {
+    return handlerApiCall({
+        fetchFunction: countUnreadMessages,
+        data: data,
+        action: 'Message_SliceAction_CountUnreadMailMessages',
+        getState: getState,
+        responseOptions: { isArrayResponse: true, returnTotal: true },
+    });
+});
+export const markAllMailMessageAsRead = createAsyncThunk('mailMessages/markAllMailMessageAsRead', async function (data, { getState, dispatch }) {
+    const fetchMailMessageData = { model: data?.model, modelId: data?.modelId };
+    return handlerApiCall({
+        fetchFunction: readAllMailMessages,
+        data: data,
+        action: 'Message_SliceAction_MarkAllMailMessageAsRead',
+        getState: getState,
+        responseOptions: { returnTotal: true },
+    }).then(() => {
+        dispatch(getMailMessages({ ...fetchMailMessageData, page: 0 }));
+        dispatch(countUnreadMailMessages(fetchMailMessageData));
+    });
+});
+export const modifyMailMessagesFlags = createAsyncThunk('mailMessages/modifyMailMessagesFlags', async function (data, { getState, dispatch }) {
+    const fetchMailMessageData = { model: data?.model, modelId: data?.modelId };
+    return handlerApiCall({
+        fetchFunction: _modifyMailMessagesFlags,
+        data,
+        action: 'Message_SliceAction_ModifyMailMessagesFlags',
+        getState,
+        responseOptions: { isArrayResponse: false },
+    }).then(() => {
+        if (data?.isInbox) {
+            dispatch(fetchInboxMessages({ folder: data?.inboxFolder, page: 0 }));
+        }
+        else {
+            dispatch(getMailMessages({ ...fetchMailMessageData, page: 0 }));
+            dispatch(countUnreadMailMessages(fetchMailMessageData));
+        }
+    });
+});
+export const fetchInboxMessages = createAsyncThunk('mailMessages/fetchInboxMessages', async function (data, { getState }) {
+    return handlerApiCall({
+        fetchFunction: _fetchInboxMessages,
+        data,
+        action: 'Message_SliceAction_FetchInboxMessages',
+        getState,
+        responseOptions: { isArrayResponse: true },
+    });
+});
+const initialState = {
+    loading: false,
+    moreLoading: false,
+    isListEnd: false,
+    mailMessagesList: [],
+    modelFollowersList: [],
+    unreadMessages: 0,
+    model: null,
+    modelId: null,
+    loadingInbox: false,
+    moreLoadingInbox: false,
+    isInboxListEnd: false,
+    inboxList: [],
+    inboxFolder: InboxFolder.Inbox,
+    linkFiles: [],
+};
+const mailMessagesSlice = createSlice({
+    name: 'mailMessages',
+    initialState,
+    reducers: {
+        registerModel: (state, action) => {
+            state.model = action.payload;
+        },
+        registerModelId: (state, action) => {
+            state.modelId = action.payload;
+        },
+        saveInboxFolder: (state, action) => {
+            state.inboxFolder = action.payload;
+        },
+        saveLinkFiles: (state, action) => {
+            state.linkFiles = action.payload;
+        },
+    },
+    extraReducers: builder => {
+        generateInifiniteScrollCases(builder, getMailMessages, {
+            loading: 'loading',
+            moreLoading: 'moreLoading',
+            isListEnd: 'isListEnd',
+            list: 'mailMessagesList',
+        });
+        generateInifiniteScrollCases(builder, fetchInboxMessages, {
+            loading: 'loadingInbox',
+            moreLoading: 'moreLoadingInbox',
+            isListEnd: 'isInboxListEnd',
+            list: 'inboxList',
+        });
+        builder.addCase(getModelSubscribers.fulfilled, (state, action) => {
+            state.modelFollowersList = action.payload ?? [];
+        });
+        builder.addCase(countUnreadMailMessages.fulfilled, (state, action) => {
+            state.unreadMessages = action.payload;
+        });
+    },
+});
+export const { registerModel, registerModelId, saveInboxFolder, saveLinkFiles } = mailMessagesSlice.actions;
+export const mailMessagesReducer = mailMessagesSlice.reducer;
+//# sourceMappingURL=mailMessageSlice.js.map