Breaking: remove ios 11, safari 11 support

Angular doesn't support these web browsers anymore
Safari 11 and iOS 11 are not supported anymore by Apple

client/.browserslistrc

@@ -0,0 +1,4 @@
+last 1 Chrome version
+last 2 Edge major versions
+Firefox ESR
+ios_saf >= 13.1

client/e2e/wdio.browserstack.conf.ts

@@ -64,7 +64,7 @@ module.exports = {
       },
       {
         browserName: 'Safari',
-        browserVersion: '11.1',
+        browserVersion: '12.1',
 
         ...buildBStackDesktopOptions('Safari Desktop', '1280x1024')
       },
@@ -87,7 +87,7 @@ module.exports = {
       {
         browserName: 'Safari',
 
-        ...buildBStackMobileOptions('Safari iPhone', 'iPhone SE', '11')
+        ...buildBStackMobileOptions('Safari iPhone', 'iPhone 7', '12')
       },
       {
         browserName: 'Safari',

client/src/main.ts

@@ -25,7 +25,19 @@ const bootstrap = () => platformBrowserDynamic()
     return bootstrapModule
   })
   .catch(err => {
-    logger.error(err)
+    try {
+      logger.error(err)
+    } catch (err2) {
+      console.error('Cannot log error', { err, err2 })
+    }
+
+    // Ensure we display an "incompatible message" on Angular bootstrap error
+    setTimeout(() => {
+      if (document.querySelector('my-app').innerHTML === '') {
+        throw err
+      }
+    }, 1000)
+
     return null
   })
 

client/webpack/webpack.video-embed.js

@@ -179,7 +179,7 @@ module.exports = function () {
             ecma: 6,
             warnings: false,
             ie8: false,
-            safari10: true,
+            safari10: false,
             mangle: true,
             compress: {
               passes: 3,
@@ -214,7 +214,7 @@ function getBabelLoader () {
       presets: [
         [
           '@babel/preset-env', {
-            targets: 'last 1 Chrome version, last 2 Edge major versions, Firefox ESR, Safari >= 11, ios_saf >= 11'
+            targets: 'last 1 Chrome version, last 2 Edge major versions, Firefox ESR, Safari >= 12, ios_saf >= 12'
           }
         ]
       ]