@axelor/aos-mobile-core 0.0.1

package/lib/components/molecules/LoginButton/LoginButton.js

@@ -0,0 +1,40 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 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 from 'react';
+import { StyleSheet, View } from 'react-native';
+import { Button } from '@axelor/aos-mobile-ui';
+import useTranslator from '../../../i18n/hooks/use-translator';
+const LoginButton = ({ onPress }) => {
+    const I18n = useTranslator();
+    return (<View style={styles.container}>
+      <Button style={styles.button} title={I18n.t('Auth_LOGIN')} onPress={onPress}/>
+    </View>);
+};
+const styles = StyleSheet.create({
+    container: {
+        alignItems: 'center',
+    },
+    button: {
+        marginTop: 15,
+        width: 150,
+        height: 30,
+        elevation: 5,
+    },
+});
+export default LoginButton;
+//# sourceMappingURL=LoginButton.js.map

package/lib/components/molecules/LoginButton/LoginButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginButton.js","sourceRoot":"","sources":["../../../../src/components/molecules/LoginButton/LoginButton.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,MAAM,EAAC,MAAM,uBAAuB,CAAC;AAC7C,OAAO,aAAa,MAAM,oCAAoC,CAAC;AAE/D,MAAM,WAAW,GAAG,CAAC,EAAC,OAAO,EAAC,EAAE,EAAE;IAChC,MAAM,IAAI,GAAG,aAAa,EAAE,CAAC;IAE7B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,MAAM,CACL,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CACrB,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAC5B,OAAO,CAAC,CAAC,OAAO,CAAC,EAErB;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,UAAU,EAAE,QAAQ;KACrB;IACD,MAAM,EAAE;QACN,SAAS,EAAE,EAAE;QACb,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,EAAE;QACV,SAAS,EAAE,CAAC;KACb;CACF,CAAC,CAAC;AAEH,eAAe,WAAW,CAAC"}

package/lib/components/molecules/MailMessageReadIcon/MailMessageReadIcon.d.ts

@@ -0,0 +1,7 @@
+export default MailMessageReadIcon;
+declare function MailMessageReadIcon({ allMessagesRead, mailMessageFlag, modelId, model, }: {
+    allMessagesRead?: boolean;
+    mailMessageFlag: any;
+    modelId: any;
+    model: any;
+}): JSX.Element;

package/lib/components/molecules/MailMessageReadIcon/MailMessageReadIcon.js

@@ -0,0 +1,55 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 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 } from 'react';
+import { StyleSheet } from 'react-native';
+import { Icon, useThemeColor } from '@axelor/aos-mobile-ui';
+import { useDispatch } from '../../../redux/hooks';
+import { markAllMailMessageAsRead, markMailMessageAsRead, } from '../../../features/mailMessageSlice';
+const MailMessageReadIcon = ({ allMessagesRead = false, mailMessageFlag, modelId, model, }) => {
+    const Colors = useThemeColor();
+    const dispatch = useDispatch();
+    const isRead = mailMessageFlag != null ? mailMessageFlag?.isRead : allMessagesRead;
+    const handleMarkAsRead = useCallback(() => {
+        dispatch(markMailMessageAsRead({
+            mailFlagList: [mailMessageFlag],
+            modelId,
+            model,
+        }));
+    }, [dispatch, mailMessageFlag, model, modelId]);
+    const handleMarkAll = useCallback(() => {
+        dispatch(markAllMailMessageAsRead({
+            modelId,
+            model,
+        }));
+    }, [dispatch, model, modelId]);
+    return (<Icon name={mailMessageFlag == null ? 'check-double' : 'check'} color={isRead
+            ? Colors.primaryColor.background
+            : Colors.secondaryColor.background} size={mailMessageFlag == null ? 18 : 15} touchable={!isRead} onPress={mailMessageFlag != null ? handleMarkAsRead : handleMarkAll} style={mailMessageFlag == null ? styles.doucleCheckIcon : styles.checkIcon}/>);
+};
+const styles = StyleSheet.create({
+    checkIcon: {
+        width: '10%',
+        justifyContent: 'flex-end',
+        alignItems: 'center',
+    },
+    doucleCheckIcon: {
+        flex: 1,
+    },
+});
+export default MailMessageReadIcon;
+//# sourceMappingURL=MailMessageReadIcon.js.map

package/lib/components/molecules/MailMessageReadIcon/MailMessageReadIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MailMessageReadIcon.js","sourceRoot":"","sources":["../../../../src/components/molecules/MailMessageReadIcon/MailMessageReadIcon.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,WAAW,EAAC,MAAM,OAAO,CAAC;AACzC,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,IAAI,EAAE,aAAa,EAAC,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAC,WAAW,EAAC,MAAM,sBAAsB,CAAC;AACjD,OAAO,EACL,wBAAwB,EACxB,qBAAqB,GACtB,MAAM,oCAAoC,CAAC;AAE5C,MAAM,mBAAmB,GAAG,CAAC,EAC3B,eAAe,GAAG,KAAK,EACvB,eAAe,EACf,OAAO,EACP,KAAK,GACN,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,MAAM,GACV,eAAe,IAAI,IAAI,CAAC,CAAC,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC;IAEtE,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,QAAQ,CACN,qBAAqB,CAAC;YACpB,YAAY,EAAE,CAAC,eAAe,CAAC;YAC/B,OAAO;YACP,KAAK;SACN,CAAC,CACH,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAEhD,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,QAAQ,CACN,wBAAwB,CAAC;YACvB,OAAO;YACP,KAAK;SACN,CAAC,CACH,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/B,OAAO,CACL,CAAC,IAAI,CACH,IAAI,CAAC,CAAC,eAAe,IAAI,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CACzD,KAAK,CAAC,CACJ,MAAM;YACJ,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU;YAChC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,UAAU,CACrC,CACD,IAAI,CAAC,CAAC,eAAe,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CACxC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CACnB,OAAO,CAAC,CAAC,eAAe,IAAI,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,aAAa,CAAC,CACpE,KAAK,CAAC,CACJ,eAAe,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CACpE,EACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,KAAK,EAAE,KAAK;QACZ,cAAc,EAAE,UAAU;QAC1B,UAAU,EAAE,QAAQ;KACrB;IACD,eAAe,EAAE;QACf,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAC;AAEH,eAAe,mBAAmB,CAAC"}

package/lib/components/molecules/TrackItem/TrackItem.d.ts

@@ -0,0 +1,9 @@
+export declare const formatDateItem: (date: any, I18n: any) => any;
+declare const TrackItem: ({ title, oldDisplayValue, oldValue, displayValue, value }: {
+    title: any;
+    oldDisplayValue: any;
+    oldValue: any;
+    displayValue: any;
+    value: any;
+}) => JSX.Element;
+export default TrackItem;

package/lib/components/molecules/TrackItem/TrackItem.js

@@ -0,0 +1,65 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 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 } from 'react';
+import { StyleSheet } from 'react-native';
+import { Icon, Text } from '@axelor/aos-mobile-ui';
+import { isDate, isDateTime } from '../../../utils/date';
+import useTranslator from '../../../i18n/hooks/use-translator';
+import { formatDate, formatDateTime } from '../../../utils/formatters';
+export const formatDateItem = (date, I18n) => {
+    return isDateTime(date)
+        ? formatDateTime(date, I18n.t('Base_DateTimeFormat'))
+        : formatDate(date, I18n.t('Base_DateFormat'));
+};
+const TrackItem = ({ title, oldDisplayValue, oldValue, displayValue, value }) => {
+    const I18n = useTranslator();
+    const values = useMemo(() => {
+        return {
+            oldValue: oldDisplayValue || oldValue,
+            value: displayValue || value,
+        };
+    }, [oldDisplayValue, oldValue, displayValue, value]);
+    const parseDate = useCallback((item) => {
+        return isDate(item) ? formatDateItem(item, I18n) : item;
+    }, [I18n]);
+    return (<Text style={styles.listItem}>
+      <Text style={styles.itemTitle}>{`${title}: `}</Text>
+      <Text style={styles.itemValue}>
+        {parseDate(values.oldValue)}
+        {values.oldValue && (<Icon name="long-arrow-right" size={10} FontAwesome5={false} style={styles.arrowIcon}/>)}
+        {parseDate(values.value)}
+      </Text>
+    </Text>);
+};
+const styles = StyleSheet.create({
+    arrowIcon: {
+        paddingHorizontal: 5,
+    },
+    listItem: {
+        flexDirection: 'row',
+        fontSize: 13,
+    },
+    itemTitle: {
+        fontWeight: 'bold',
+    },
+    itemValue: {
+        textAlign: 'justify',
+    },
+});
+export default TrackItem;
+//# sourceMappingURL=TrackItem.js.map

package/lib/components/molecules/TrackItem/TrackItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrackItem.js","sourceRoot":"","sources":["../../../../src/components/molecules/TrackItem/TrackItem.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,WAAW,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AAClD,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAC,MAAM,EAAE,UAAU,EAAC,MAAM,qBAAqB,CAAC;AACvD,OAAO,aAAa,MAAM,oCAAoC,CAAC;AAC/D,OAAO,EAAC,UAAU,EAAE,cAAc,EAAC,MAAM,2BAA2B,CAAC;AAErE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;IAC3C,OAAO,UAAU,CAAC,IAAI,CAAC;QACrB,CAAC,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC;QACrD,CAAC,CAAC,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC;AAClD,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EAAC,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAC,EAAE,EAAE;IAC5E,MAAM,IAAI,GAAG,aAAa,EAAE,CAAC;IAE7B,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,OAAO;YACL,QAAQ,EAAE,eAAe,IAAI,QAAQ;YACrC,KAAK,EAAE,YAAY,IAAI,KAAK;SAC7B,CAAC;IACJ,CAAC,EAAE,CAAC,eAAe,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC;IAErD,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,IAAY,EAAU,EAAE;QACvB,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC1D,CAAC,EACD,CAAC,IAAI,CAAC,CACP,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAC3B;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,EAAE,IAAI,CACnD;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;QAAA,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAC3B;QAAA,CAAC,MAAM,CAAC,QAAQ,IAAI,CAClB,CAAC,IAAI,CACH,IAAI,CAAC,kBAAkB,CACvB,IAAI,CAAC,CAAC,EAAE,CAAC,CACT,YAAY,CAAC,CAAC,KAAK,CAAC,CACpB,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,EACxB,CACH,CACD;QAAA,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAC1B;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,iBAAiB,EAAE,CAAC;KACrB;IACD,QAAQ,EAAE;QACR,aAAa,EAAE,KAAK;QACpB,QAAQ,EAAE,EAAE;KACb;IACD,SAAS,EAAE;QACT,UAAU,EAAE,MAAM;KACnB;IAED,SAAS,EAAE;QACT,SAAS,EAAE,SAAS;KACrB;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,7 @@
+export { default as ErrorText } from "./ErrorText/ErrorText";
+export { default as HeaderOptionMenuItem } from "./HeaderOptionsMenuItem/HeaderOptionMenuItem";
+export { default as IconSettings } from "./IconSettings/IconSettings";
+export { default as InputBarCodeCard } from "./InputBarCodeCard/InputBarCodeCard";
+export { default as LoginButton } from "./LoginButton/LoginButton";
+export { default as MailMessageReadIcon } from "./MailMessageReadIcon/MailMessageReadIcon";
+export { default as TrackItem } from "./TrackItem/TrackItem";

package/lib/components/molecules/index.js

@@ -0,0 +1,25 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 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 ErrorText } from './ErrorText/ErrorText';
+export { default as HeaderOptionMenuItem } from './HeaderOptionsMenuItem/HeaderOptionMenuItem';
+export { default as IconSettings } from './IconSettings/IconSettings';
+export { default as InputBarCodeCard } from './InputBarCodeCard/InputBarCodeCard';
+export { default as LoginButton } from './LoginButton/LoginButton';
+export { default as MailMessageReadIcon } from './MailMessageReadIcon/MailMessageReadIcon';
+export { default as TrackItem } from './TrackItem/TrackItem';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/molecules/index.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,oBAAoB,EAAC,MAAM,8CAA8C,CAAC;AAC7F,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAChF,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAC,OAAO,IAAI,mBAAmB,EAAC,MAAM,2CAA2C,CAAC;AACzF,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,uBAAuB,CAAC"}

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

@@ -0,0 +1,15 @@
+import { ImageResizeMode, ImageStyle, StyleProp } from 'react-native';
+interface MetaFileProps {
+    id: number;
+    fileName: string;
+}
+interface AOSImageProps {
+    imageSize: StyleProp<ImageStyle>;
+    generalStyle?: StyleProp<ImageStyle>;
+    resizeMode: ImageResizeMode;
+    metaFile: MetaFileProps;
+    defaultIconSize: number;
+    enableImageViewer?: boolean;
+}
+declare const AOSImage: ({ imageSize, generalStyle, resizeMode, metaFile, defaultIconSize, enableImageViewer, }: AOSImageProps) => JSX.Element;
+export default AOSImage;

package/lib/components/organisms/AOSImage/AOSImage.js

@@ -0,0 +1,37 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 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 from 'react';
+import { TouchableOpacity, } from 'react-native';
+import { Image } from '@axelor/aos-mobile-ui';
+import { useSelector } from 'react-redux';
+import { openFileInExternalApp } from '../../../tools/FileViewer';
+import useTranslator from '../../../i18n/hooks/use-translator';
+const AOSImage = ({ imageSize, generalStyle, resizeMode, metaFile, defaultIconSize = 60, enableImageViewer = false, }) => {
+    const { baseUrl, token, jsessionId } = useSelector((state) => state.auth);
+    const I18n = useTranslator();
+    const handleShowFile = async () => {
+        await openFileInExternalApp({ fileName: metaFile?.fileName, id: metaFile?.id, isMetaFile: true }, { baseUrl: baseUrl, token: token, jsessionId: jsessionId }, I18n);
+    };
+    return (<TouchableOpacity disabled={!enableImageViewer || metaFile?.id == null || metaFile?.fileName == null} onPress={handleShowFile}>
+      <Image imageSize={imageSize} generalStyle={generalStyle} resizeMode={resizeMode} source={{
+            uri: `${baseUrl}ws/rest/com.axelor.meta.db.MetaFile/${metaFile?.id}/content/download`,
+        }} defaultIconSize={defaultIconSize}/>
+    </TouchableOpacity>);
+};
+export default AOSImage;
+//# sourceMappingURL=AOSImage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AOSImage.js","sourceRoot":"","sources":["../../../../src/components/organisms/AOSImage/AOSImage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAIL,gBAAgB,GACjB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,KAAK,EAAC,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAC,WAAW,EAAC,MAAM,aAAa,CAAC;AACxC,OAAO,EAAC,qBAAqB,EAAC,MAAM,2BAA2B,CAAC;AAChE,OAAO,aAAa,MAAM,oCAAoC,CAAC;AAgB/D,MAAM,QAAQ,GAAG,CAAC,EAChB,SAAS,EACT,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,eAAe,GAAG,EAAE,EACpB,iBAAiB,GAAG,KAAK,GACX,EAAE,EAAE;IAClB,MAAM,EAAC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAC,GAAG,WAAW,CAAC,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC7E,MAAM,IAAI,GAAG,aAAa,EAAE,CAAC;IAE7B,MAAM,cAAc,GAAG,KAAK,IAAI,EAAE;QAChC,MAAM,qBAAqB,CACzB,EAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,EAAC,EAClE,EAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAC,EACxD,IAAI,CACL,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,gBAAgB,CACf,QAAQ,CAAC,CACP,CAAC,iBAAiB,IAAI,QAAQ,EAAE,EAAE,IAAI,IAAI,IAAI,QAAQ,EAAE,QAAQ,IAAI,IAAI,CACzE,CACD,OAAO,CAAC,CAAC,cAAc,CAAC,CACxB;MAAA,CAAC,KAAK,CACJ,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,MAAM,CAAC,CAAC;YACN,GAAG,EAAE,GAAG,OAAO,uCAAuC,QAAQ,EAAE,EAAE,mBAAmB;SACtF,CAAC,CACF,eAAe,CAAC,CAAC,eAAe,CAAC,EAErC;IAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,9 @@
+interface AOSImageBubbleProps {
+    imageSize?: number;
+    style?: any;
+    metaFileId: number;
+    defaultIconSize?: number;
+    listComponent?: any;
+}
+declare const AOSImageBubble: ({ imageSize, style, metaFileId, defaultIconSize, listComponent, }: AOSImageBubbleProps) => JSX.Element;
+export default AOSImageBubble;

package/lib/components/organisms/AOSImageBubble/AOSImageBubble.js

@@ -0,0 +1,30 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 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 from 'react';
+import { ImageBubble } from '@axelor/aos-mobile-ui';
+import { useSelector } from 'react-redux';
+const AOSImageBubble = ({ imageSize, style, metaFileId, defaultIconSize = 60, listComponent = [], }) => {
+    const { baseUrl } = useSelector((state) => state.auth);
+    return (<ImageBubble style={style} source={metaFileId
+            ? {
+                uri: `${baseUrl}ws/rest/com.axelor.meta.db.MetaFile/${metaFileId}/content/download`,
+            }
+            : null} listComponent={listComponent} imageSize={imageSize} defaultIconSize={defaultIconSize}/>);
+};
+export default AOSImageBubble;
+//# sourceMappingURL=AOSImageBubble.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AOSImageBubble.js","sourceRoot":"","sources":["../../../../src/components/organisms/AOSImageBubble/AOSImageBubble.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAC,WAAW,EAAC,MAAM,aAAa,CAAC;AAUxC,MAAM,cAAc,GAAG,CAAC,EACtB,SAAS,EACT,KAAK,EACL,UAAU,EACV,eAAe,GAAG,EAAE,EACpB,aAAa,GAAG,EAAE,GACE,EAAE,EAAE;IACxB,MAAM,EAAC,OAAO,EAAC,GAAG,WAAW,CAAC,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAE1D,OAAO,CACL,CAAC,WAAW,CACV,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,MAAM,CAAC,CACL,UAAU;YACR,CAAC,CAAC;gBACE,GAAG,EAAE,GAAG,OAAO,uCAAuC,UAAU,mBAAmB;aACpF;YACH,CAAC,CAAC,IAAI,CACT,CACD,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,eAAe,CAAC,CAAC,eAAe,CAAC,EACjC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,9 @@
+export default HeaderOptionsMenu;
+declare function HeaderOptionsMenu({ model, modelId, children, navigation, disableMailMessages, attachedFileScreenTitle, }: {
+    model: any;
+    modelId: any;
+    children: any;
+    navigation: any;
+    disableMailMessages: any;
+    attachedFileScreenTitle: any;
+}): JSX.Element;

package/lib/components/organisms/HeaderOptionsMenu/HeaderOptionsMenu.js

@@ -0,0 +1,68 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 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, useState } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
+import { DropdownMenu } from '@axelor/aos-mobile-ui';
+import { countAttachmentFiles } from '../../../features/attachedFilesSlice';
+import { countUnreadMailMessages } from '../../../features/mailMessageSlice';
+import { HeaderOptionMenuItem } from '../../molecules';
+const HeaderOptionsMenu = ({ model, modelId, children, navigation, disableMailMessages, attachedFileScreenTitle, }) => {
+    const [disableAttachementFiles, setDisableAttachementFiles] = useState(true);
+    const { attachments } = useSelector(state => state.attachedFiles);
+    const { unreadMessages } = useSelector(state => state.mailMessages);
+    const dispatch = useDispatch();
+    const countUnreadMessagesAPI = useCallback(() => {
+        dispatch(countUnreadMailMessages({ model, modelId }));
+    }, [dispatch, model, modelId]);
+    const countAttachmentsAPI = useCallback(() => {
+        dispatch(countAttachmentFiles({ model, modelId }));
+    }, [dispatch, model, modelId]);
+    useEffect(() => {
+        countUnreadMessagesAPI();
+    }, [countUnreadMessagesAPI]);
+    useEffect(() => {
+        countAttachmentsAPI();
+    }, [countAttachmentsAPI]);
+    useEffect(() => {
+        setDisableAttachementFiles(attachments === 0);
+    }, [attachments]);
+    return (<View style={styles.container}>
+      <HeaderOptionMenuItem icon="bell" FontAwesome5={false} indicator={unreadMessages} hideIf={disableMailMessages} onPress={() => navigation.navigate('MailMessageScreen', {
+            model,
+            modelId,
+        })}/>
+      <HeaderOptionMenuItem icon="paperclip" indicator={attachments} hideIf={disableAttachementFiles} onPress={() => navigation.navigate('AttachedFilesScreen', {
+            model,
+            modelId,
+            screenTitle: attachedFileScreenTitle,
+        })}/>
+      {children && <DropdownMenu>{children}</DropdownMenu>}
+    </View>);
+};
+const styles = StyleSheet.create({
+    container: {
+        borderRadius: 13,
+        flexDirection: 'row',
+        justifyContent: 'center',
+        alignItems: 'center',
+        marginHorizontal: 15,
+    },
+});
+export default HeaderOptionsMenu;
+//# sourceMappingURL=HeaderOptionsMenu.js.map

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

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

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

@@ -0,0 +1,4 @@
+export default LogoImage;
+declare function LogoImage({ url }: {
+    url: any;
+}): JSX.Element;

package/lib/components/organisms/LogoImage/LogoImage.js

@@ -0,0 +1,52 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 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 axios from 'axios';
+import React, { useEffect, useRef, useState } from 'react';
+import { Image } from 'react-native';
+import { StyleSheet } from 'react-native';
+const axelorLogoPath = '../../../assets/Logo_Axelor.png';
+const LogoImage = ({ url }) => {
+    const axelorLogo = useRef(require(axelorLogoPath)).current;
+    const [urlLogoSource, setUrlLogoSource] = useState(generateImageSourceWithUrl(url));
+    const [source, setSource] = useState(axelorLogo);
+    useEffect(() => {
+        setUrlLogoSource(generateImageSourceWithUrl(url));
+    }, [url]);
+    useEffect(() => {
+        axios
+            .head(urlLogoSource.uri)
+            .then(({ status }) => {
+            if (status === 200) {
+                setSource(urlLogoSource);
+            }
+        })
+            .catch(() => setSource(axelorLogo));
+    }, [axelorLogo, urlLogoSource]);
+    return (<Image resizeMode="contain" style={styles.imageSize} source={source}/>);
+};
+const styles = StyleSheet.create({
+    imageSize: {
+        width: '100%',
+        height: '100%',
+    },
+});
+const generateImageSourceWithUrl = url => ({ uri: concatLogoSuffixToUrl(url) });
+const concatLogoSuffixToUrl = url => `${url}/img/${logoName}`;
+const logoName = 'logo.png';
+export default LogoImage;
+//# sourceMappingURL=LogoImage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LogoImage.js","sourceRoot":"","sources":["../../../../src/components/organisms/LogoImage/LogoImage.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,EAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAC,KAAK,EAAC,MAAM,cAAc,CAAC;AACnC,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AAExC,MAAM,cAAc,GAAG,iCAAiC,CAAC;AAEzD,MAAM,SAAS,GAAG,CAAC,EAAC,GAAG,EAAC,EAAE,EAAE;IAC1B,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC;IAC3D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,0BAA0B,CAAC,GAAG,CAAC,CAChC,CAAC;IACF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,gBAAgB,CAAC,0BAA0B,CAAC,GAAG,CAAC,CAAC,CAAC;IACpD,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,SAAS,CAAC,GAAG,EAAE;QACb,KAAK;aACF,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC;aACvB,IAAI,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE;YACjB,IAAI,MAAM,KAAK,GAAG,EAAE;gBAClB,SAAS,CAAC,aAAa,CAAC,CAAC;aAC1B;QACH,CAAC,CAAC;aACD,KAAK,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC;IAEhC,OAAO,CACL,CAAC,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,EAAG,CACxE,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf;CACF,CAAC,CAAC;AAEH,MAAM,0BAA0B,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC,EAAC,GAAG,EAAE,qBAAqB,CAAC,GAAG,CAAC,EAAC,CAAC,CAAC;AAC9E,MAAM,qBAAqB,GAAG,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,QAAQ,QAAQ,EAAE,CAAC;AAC9D,MAAM,QAAQ,GAAG,UAAU,CAAC;AAE5B,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,17 @@
+export default MailMessageCard;
+declare function MailMessageCard({ author, avatar, body, eventText, eventTime, files, style, subject, title, type, flags, navigation, relatedId, relatedModel, }: {
+    author: any;
+    avatar: any;
+    body: any;
+    eventText: any;
+    eventTime: any;
+    files: any;
+    style: any;
+    subject: any;
+    title: any;
+    type: any;
+    flags: any;
+    navigation: any;
+    relatedId: any;
+    relatedModel: any;
+}): JSX.Element;

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

@@ -0,0 +1,79 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 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, { useMemo } from 'react';
+import { Dimensions, StyleSheet, View } from 'react-native';
+import { useSelector } from 'react-redux';
+import { Image, Text, useThemeColor } from '@axelor/aos-mobile-ui';
+import { formatDateTime } from '../../../utils/formatters';
+import useTranslator from '../../../i18n/hooks/use-translator';
+import { MailMessageCommentCard, MailMessageNotificationCard, } from '../../organisms';
+const mailMessageTypes = {
+    comment: 'comment',
+    notificaiton: 'notification',
+};
+const MailMessageCard = ({ author, avatar, body, eventText, eventTime, files, style, subject, title, type, flags, navigation, relatedId, relatedModel, }) => {
+    const Colors = useThemeColor();
+    const I18n = useTranslator();
+    const { baseUrl } = useSelector(state => state.auth);
+    const styles = useMemo(() => getStyles(Colors), [Colors]);
+    return (<View style={[styles.container, style]}>
+      <View style={styles.avatarContainer}>
+        <Image imageSize={Dimensions.get('window').width * 0.1} generalStyle={styles.avatar} defaultIconSize={25} resizeMode="contain" source={{
+            uri: baseUrl + avatar,
+        }}/>
+      </View>
+      <View style={styles.cardContainer}>
+        <Text style={styles.author}>
+          {`${author} ${eventText} - ${formatDateTime(eventTime, I18n.t('Base_DateTimeFormat'))}`}
+        </Text>
+        {type === mailMessageTypes.comment && (<MailMessageCommentCard subject={subject} files={files} value={body} flags={flags} navigation={navigation} relatedId={relatedId} relatedModel={relatedModel}/>)}
+        {type === mailMessageTypes.notificaiton && (<MailMessageNotificationCard title={title} tracks={JSON.parse(body ?? '{}').tracks} tag={JSON.parse(body ?? '{}').tags[0]} flags={flags} relatedId={relatedId} relatedModel={relatedModel}/>)}
+      </View>
+    </View>);
+};
+const getStyles = Colors => StyleSheet.create({
+    avatarContainer: {
+        padding: 10,
+        alignItems: 'center',
+        justifyContent: 'flex-start',
+    },
+    avatar: {
+        alignSelf: 'center',
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: Colors.backgroundColor,
+        borderRadius: Dimensions.get('window').width * 0.12,
+        width: Dimensions.get('window').width * 0.12,
+        height: Dimensions.get('window').width * 0.12,
+    },
+    author: {
+        width: '100%',
+        fontSize: 12,
+        paddingLeft: 10,
+    },
+    cardContainer: {
+        width: Dimensions.get('window').width * 0.83,
+        overflow: 'hidden',
+    },
+    container: {
+        flexDirection: 'row',
+        marginBottom: 10,
+    },
+});
+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.js"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,12 @@
+interface MailMessageCommentCardProps {
+    relatedModel: string;
+    relatedId: number;
+    subject?: string;
+    files: [any];
+    value: string;
+    flags?: any;
+    style?: any;
+    navigation?: any;
+}
+declare const MailMessageCommentCard: ({ relatedModel, relatedId, subject, files, value, flags, style, navigation, }: MailMessageCommentCardProps) => JSX.Element;
+export default MailMessageCommentCard;