From 7ca20f485ba2e3a2926e0728a3d6c8c19636c60c Mon Sep 17 00:00:00 2001
From: hel-axelor <101327380+hel-axelor@users.noreply.github.com>
Date: Wed, 24 Jan 2024 16:49:31 +0100
Subject: [PATCH] feat: add Loader toast management (#366)

* RM#73988
---
 packages/apps/stock/src/index.ts              |  8 ++
 .../stock/src/screens/loader/LoaderScreen.js  | 70 +++++++++++++++++
 .../apps/stock/src/screens/loader/index.js    | 31 ++++++++
 .../src/components/templates/Loader/index.ts  | 19 +++++
 .../templates/Loader/use-loader-listener.ts   | 77 +++++++++++++++++++
 .../core/src/components/templates/index.js    |  1 +
 packages/core/src/i18n/translations/en.json   |  2 +
 packages/core/src/i18n/translations/fr.json   |  2 +
 8 files changed, 210 insertions(+)
 create mode 100644 packages/apps/stock/src/screens/loader/LoaderScreen.js
 create mode 100644 packages/apps/stock/src/screens/loader/index.js
 create mode 100644 packages/core/src/components/templates/Loader/index.ts
 create mode 100644 packages/core/src/components/templates/Loader/use-loader-listener.ts

diff --git a/packages/apps/stock/src/index.ts b/packages/apps/stock/src/index.ts
index 23522a1a19..34cfa0230a 100644
--- a/packages/apps/stock/src/index.ts
+++ b/packages/apps/stock/src/index.ts
@@ -20,6 +20,7 @@ import {Module} from '@axelor/aos-mobile-core';
 import CustomerDeliveryScreens from './screens/customerDeliveries';
 import InternalMovesScreens from './screens/internalMoves';
 import InventoriesScreens from './screens/inventories';
+import LoaderScreens from './screens/loader';
 import ProductsScreens from './screens/products';
 import StockCorrectionScreens from './screens/stockCorrections';
 import SupplierArrivalsScreens from './screens/supplierArrivals';
@@ -45,6 +46,11 @@ export const StockModule: Module = {
     downToVersion: '7.1.0',
   },
   menus: {
+    loader_test_screen: {
+      title: 'Loader',
+      icon: 'bug-fill',
+      screen: 'LoaderScreen',
+    },
     stock_menu_product: {
       title: 'Stock_Product',
       icon: 'cart-fill',
@@ -80,6 +86,7 @@ export const StockModule: Module = {
     ...CustomerDeliveryScreens,
     ...InternalMovesScreens,
     ...InventoriesScreens,
+    ...LoaderScreens,
     ...ProductsScreens,
     ...StockCorrectionScreens,
     ...SupplierArrivalsScreens,
@@ -114,6 +121,7 @@ export * from './screens/auth/UserScreen';
 export * from './screens/customerDeliveries';
 export * from './screens/internalMoves';
 export * from './screens/inventories';
+export * from './screens/loader';
 export * from './screens/products';
 export * from './screens/stockCorrections';
 export * from './screens/supplierArrivals';
diff --git a/packages/apps/stock/src/screens/loader/LoaderScreen.js b/packages/apps/stock/src/screens/loader/LoaderScreen.js
new file mode 100644
index 0000000000..f187147e8b
--- /dev/null
+++ b/packages/apps/stock/src/screens/loader/LoaderScreen.js
@@ -0,0 +1,70 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2024 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/>.
+ */
+
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2024 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 {Button, View} from 'react-native';
+import {Screen} from '@axelor/aos-mobile-ui';
+import {useLoaderListner} from '@axelor/aos-mobile-core';
+
+// Screen for test Loader functionnalities
+const LoaderScreen = () => {
+  const process = () =>
+    new Promise(resolve => {
+      setTimeout(() => {
+        resolve('Process finished');
+      }, 10000);
+    });
+
+  const handleCustomAction = () => {
+    console.log('Custom action executed!');
+  };
+
+  const {loading, listener} = useLoaderListner({
+    process,
+    onSuccess: handleCustomAction,
+    onError: () => console.warn('An error has occurred!'),
+  });
+
+  return (
+    <Screen>
+      <View>
+        <Button title="check process" onPress={listener} disabled={loading} />
+      </View>
+    </Screen>
+  );
+};
+
+export default LoaderScreen;
diff --git a/packages/apps/stock/src/screens/loader/index.js b/packages/apps/stock/src/screens/loader/index.js
new file mode 100644
index 0000000000..920e2b5097
--- /dev/null
+++ b/packages/apps/stock/src/screens/loader/index.js
@@ -0,0 +1,31 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2024 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 {default as LoaderScreen} from './LoaderScreen';
+
+export default {
+  LoaderScreen: {
+    title: 'Test Loader',
+    component: LoaderScreen,
+    options: {
+      shadedHeader: false,
+    },
+  },
+};
+
+export {LoaderScreen};
diff --git a/packages/core/src/components/templates/Loader/index.ts b/packages/core/src/components/templates/Loader/index.ts
new file mode 100644
index 0000000000..b23ccd9918
--- /dev/null
+++ b/packages/core/src/components/templates/Loader/index.ts
@@ -0,0 +1,19 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2024 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 useLoaderListner} from './use-loader-listener';
diff --git a/packages/core/src/components/templates/Loader/use-loader-listener.ts b/packages/core/src/components/templates/Loader/use-loader-listener.ts
new file mode 100644
index 0000000000..bca20768c0
--- /dev/null
+++ b/packages/core/src/components/templates/Loader/use-loader-listener.ts
@@ -0,0 +1,77 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2024 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 {useCallback, useEffect, useMemo, useState} from 'react';
+import {useTranslator} from '../../../i18n';
+import {showToastMessage} from '../../../utils/show-toast-message';
+
+interface LoaderListenerProps {
+  process: () => Promise<any>;
+  onSuccess?: () => void;
+  onError?: () => void;
+}
+
+const useLoaderListner = ({
+  process,
+  onSuccess = () => {},
+  onError = () => {},
+}: LoaderListenerProps) => {
+  const I18n = useTranslator();
+
+  const [loading, setLoading] = useState(false);
+  const [start, setStart] = useState(false);
+
+  const executeProcess = useCallback(async () => {
+    try {
+      setStart(false);
+      setLoading(true);
+
+      const response = await process();
+
+      showToastMessage({
+        type: 'success',
+        position: 'top',
+        topOffset: 30,
+        text1: I18n.t('Base_Success'),
+        text2: response || I18n.t('Base_Loader_ProccessSuccessMessage'),
+        onPress: onSuccess,
+      });
+    } catch (error) {
+      showToastMessage({
+        type: 'error',
+        position: 'top',
+        topOffset: 30,
+        text1: I18n.t('Base_Error'),
+        text2: error || I18n.t('Base_Loader_ProccessErrorMessage'),
+        onPress: onError,
+      });
+    } finally {
+      setLoading(false);
+    }
+  }, [process, onSuccess, onError, I18n]);
+
+  useEffect(() => {
+    if (start && !loading) {
+      executeProcess();
+    }
+  }, [start, loading, executeProcess]);
+
+  return useMemo(() => ({loading, listener: () => setStart(true)}), [loading]);
+};
+
+export default useLoaderListner;
diff --git a/packages/core/src/components/templates/index.js b/packages/core/src/components/templates/index.js
index a456f35413..307e0adda8 100644
--- a/packages/core/src/components/templates/index.js
+++ b/packages/core/src/components/templates/index.js
@@ -17,6 +17,7 @@
  */
 
 export {default as AttachedFilesView} from './AttachedFilesView/AttachedFilesView';
+export * from './Loader';
 export {default as MailMessageView} from './MailMessageView/MailMessageView';
 export {default as PeriodInput} from './PeriodInput/PeriodInput';
 export {default as PopupApplicationInformation} from './PopupApplicationInformation/PopupApplicationInformation';
diff --git a/packages/core/src/i18n/translations/en.json b/packages/core/src/i18n/translations/en.json
index 2d8bd68af7..30557b8bb5 100644
--- a/packages/core/src/i18n/translations/en.json
+++ b/packages/core/src/i18n/translations/en.json
@@ -174,6 +174,8 @@
   "Base_Yes": "Yes",
   "Base_No": "No",
   "Base_Filter": "Filter",
+  "Base_Loader_ProccessSuccessMessage": "Process successfully completed.",
+  "Base_Loader_ProccessErrorMessage": "An error has occurred.",
   "Base_SliceAction_FetchAttachedFiles": "fetch attached files",
   "Base_SliceAction_FetchFilesDetails": "fetch file details",
   "Base_SliceAction_FetchMetaModule": "fetch meta modules",
diff --git a/packages/core/src/i18n/translations/fr.json b/packages/core/src/i18n/translations/fr.json
index 06ac1825ed..3eb3da282e 100644
--- a/packages/core/src/i18n/translations/fr.json
+++ b/packages/core/src/i18n/translations/fr.json
@@ -174,6 +174,8 @@
   "Base_Yes": "Oui",
   "Base_No": "Non",
   "Base_Filter": "Filtrer",
+  "Base_Loader_ProccessSuccessMessage": "Le processus s'est terminé avec succès.",
+  "Base_Loader_ProccessErrorMessage": "Une erreur s'est produite.",
   "Base_SliceAction_FetchAttachedFiles": "récupération des fichiers joints",
   "Base_SliceAction_FetchFilesDetails": "récupération des détails du fichier",
   "Base_SliceAction_FetchMetaModule": "récupération des modules",