Merge pull request PrestaShop#435 from NeOMakinG/handle-errors

Add global error handler

src/js/errors.ts

@@ -0,0 +1,19 @@
+/**
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+import useToast from './components/useToast';
+
+const initErrorHandler = () => {
+  const {Theme: {events}} = window;
+  const {prestashop} = window;
+
+  prestashop.on(events.handleError, ({resp}: {resp: {errors: string[]}}) => {
+    resp.errors.forEach((error) => {
+      useToast(error, {type: 'danger'}).show();
+    });
+  });
+};
+
+export default initErrorHandler;

src/js/theme.ts

@@ -16,6 +16,7 @@ import initSearchbar from './modules/ps_searchbar';
 import initLanguageSelector from './modules/ps_languageselector';
 import initCurrencySelector from './modules/ps_currencyselector';
 import initVisiblePassword from './visible-password';
+import initErrorHandler from './errors';
 import useToast from './components/useToast';
 import useAlert from './components/useAlert';
 import usePasswordPolicy from './components/usePasswordPolicy';
@@ -51,6 +52,7 @@ $(() => {
   initVisiblePassword();
   initDesktopMenu();
   initFormValidation();
+  initErrorHandler();
   usePasswordPolicy('.field-password-policy');
 
   prestashop.on(events.responsiveUpdate, () => {