From f0ac4ef80a791053fe11332d4098472009930927 Mon Sep 17 00:00:00 2001
From: HuyNguyen <quanghnguyen@linagora.com>
Date: Mon, 5 Feb 2024 09:23:46 +0700
Subject: [PATCH] TF-2565: Update iOS store link

---
 web/worker_service/style.css         |  34 ++---
 web/worker_service/worker_service.js | 213 ++++++++++++++-------------
 2 files changed, 125 insertions(+), 122 deletions(-)

diff --git a/web/worker_service/style.css b/web/worker_service/style.css
index cadf8665d..d7a282ea6 100644
--- a/web/worker_service/style.css
+++ b/web/worker_service/style.css
@@ -1,26 +1,26 @@
-.bottom-sheet { 
-	display: none; 
-	position: fixed; 
-	bottom: 0; 
-	left: 0; 
-	width: 100%; 
-	background-color: #fff; 
-	border-top-left-radius: 20px; 
-	border-top-right-radius: 20px; 
-	box-shadow: 0px -3px 10px rgba(0, 0, 0, 0.2); 
-	overflow: hidden; 
+.bottom-sheet {
+  display: none;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  background-color: #fff;
+  border-top-left-radius: 20px;
+  border-top-right-radius: 20px;
+  box-shadow: 0px -3px 10px rgba(0, 0, 0, 0.2);
+  overflow: hidden;
 } 
 
 .sheet-header { 
-	display: flex; 
-	justify-content: space-between; 
-	align-items: center; 
-	padding: 10px 20px; 
-	color: #fff; 
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 10px 20px;
+  color: #fff;
 } 
 
 .sheet-content { 
-	padding: 20px; 
+  padding: 20px;
 }
 
 .open_on_mobile_title {
diff --git a/web/worker_service/worker_service.js b/web/worker_service/worker_service.js
index 330786e0b..d2a784145 100644
--- a/web/worker_service/worker_service.js
+++ b/web/worker_service/worker_service.js
@@ -1,8 +1,9 @@
 const androidStore = 'https://play.google.com/store/apps/details?id=com.linagora.android.teammail';
-const iosStore = 'https://apps.apple.com/vn/app/twake-mail/id1587086189';
+const iosStore = 'https://apps.apple.com/app/twake-mail/id1587086189';
 const iosPlatform = 'iOS';
 const androidPlatform = 'android';
 const otherPlatform = 'other';
+const timeoutDuration = 4000;
 var serviceWorkerVersion = null;
 var scriptLoaded = false;
 
@@ -18,119 +19,121 @@ function loadMainDartJs() {
 }
 
 function fetchServiceWorker() {
-if ('serviceWorker' in navigator) {
-  // Service workers are supported. Use them.
-  // Wait for registration to finish before dropping the <script>tag.
-  // Otherwise, the browser will load the script multiple times,
-  // potentially different versions.
-  navigator.serviceWorker.register('firebase-messaging-sw.js').then(serviceWorkerRegistration => {
-    console.info('[TwakeMail] fetchServiceWorker(): Service worker firebase-messaging was registered.');
-  }).catch(error => {
-    console.error(
-      '[TwakeMail] fetchServiceWorker(): An error occurred while registering the service worker firebase-messaging.'
-      );
-    console.error(error);
-  });
-  var serviceWorkerUrl = 'flutter_service_worker.js?v=' + serviceWorkerVersion;
-  navigator.serviceWorker.register(serviceWorkerUrl)
-    .then((reg) => {
-      function waitForActivation(serviceWorker) {
-        serviceWorker.addEventListener('statechange', () => {
-          if (serviceWorker.state == 'activated') {
-            console.log('[TwakeMail] fetchServiceWorker(): Installed new service worker.');
-            loadMainDartJs();
-          }
-        });
-      }
-      if (!reg.active && (reg.installing || reg.waiting)) {
-        // No active web worker and we have installed or are installing
-        // one for the first time. Simply wait for it to activate.
-        waitForActivation(reg.installing || reg.waiting);
-      } else if (!reg.active.scriptURL.endsWith(serviceWorkerVersion)) {
-        // When the app updates the serviceWorkerVersion changes, so we
-        // need to ask the service worker to update.
-        console.log('[TwakeMail] fetchServiceWorker(): New service worker available.');
-        reg.update();
-        waitForActivation(reg.installing);
-      } else {
-        // Existing service worker is still good.
-        console.log('[TwakeMail] fetchServiceWorker(): Loading app from service worker.');
+  if ('serviceWorker' in navigator) {
+    // Service workers are supported. Use them.
+    // Wait for registration to finish before dropping the <script>tag.
+    // Otherwise, the browser will load the script multiple times,
+    // potentially different versions.
+    navigator.serviceWorker.register('firebase-messaging-sw.js').then(serviceWorkerRegistration => {
+      console.info('[TwakeMail] fetchServiceWorker(): Service worker firebase-messaging was registered.');
+    }).catch(error => {
+      console.error(
+        '[TwakeMail] fetchServiceWorker(): An error occurred while registering the service worker firebase-messaging.'
+        );
+      console.error(error);
+    });
+    var serviceWorkerUrl = 'flutter_service_worker.js?v=' + serviceWorkerVersion;
+    navigator.serviceWorker.register(serviceWorkerUrl)
+      .then((reg) => {
+        function waitForActivation(serviceWorker) {
+          serviceWorker.addEventListener('statechange', () => {
+            if (serviceWorker.state == 'activated') {
+              console.log('[TwakeMail] fetchServiceWorker(): Installed new service worker.');
+              loadMainDartJs();
+            }
+          });
+        }
+        if (!reg.active && (reg.installing || reg.waiting)) {
+          // No active web worker and we have installed or are installing
+          // one for the first time. Simply wait for it to activate.
+          waitForActivation(reg.installing || reg.waiting);
+        } else if (!reg.active.scriptURL.endsWith(serviceWorkerVersion)) {
+          // When the app updates the serviceWorkerVersion changes, so we
+          // need to ask the service worker to update.
+          console.log('[TwakeMail] fetchServiceWorker(): New service worker available.');
+          reg.update();
+          waitForActivation(reg.installing);
+        } else {
+          // Existing service worker is still good.
+          console.log('[TwakeMail] fetchServiceWorker(): Loading app from service worker.');
+          loadMainDartJs();
+        }
+      });
+    // If service worker doesn't succeed in a reasonable amount of time,
+    // fallback to plaint <script> tag.
+    setTimeout(() => {
+      if (!scriptLoaded) {
+        console.warn(
+          '[TwakeMail] fetchServiceWorker(): Failed to load app from service worker. Falling back to plain <script> tag.',
+        );
         loadMainDartJs();
       }
-    });
-  // If service worker doesn't succeed in a reasonable amount of time,
-  // fallback to plaint <script> tag.
-  setTimeout(() => {
-    if (!scriptLoaded) {
-      console.warn(
-        '[TwakeMail] fetchServiceWorker(): Failed to load app from service worker. Falling back to plain <script> tag.',
-      );
-      loadMainDartJs();
-    }
-  }, 4000);
-  }
-  else {
+    }, timeoutDuration);
+  } else {
     // Service workers not supported. Just drop the <script> tag.
     loadMainDartJs();
   }
-  }
+}
 
-  function handleContinueTwakeMailOnWeb() {
-    console.info('[TwakeMail] handleContinueTwakeMailOnWeb(): Continue on web.');
-    closeBottomSheet();
+function handleContinueTwakeMailOnWeb() {
+  console.info('[TwakeMail] handleContinueTwakeMailOnWeb(): Continue on web.');
+  closeBottomSheet();
+  fetchServiceWorker();
+}
+
+function getPlatform() {
+  console.info('[TwakeMail] getPlatform(): ', navigator.userAgent);
+  if (/iPhone|iPad|iPod/i.test(navigator.userAgent)) {
+    return iosPlatform;
+  }
+  if (/Android/i.test(navigator.userAgent)) {
+    return androidPlatform;
+  }
+  return otherPlatform;
+}
+
+function handleOpenTwakeMailApp() {
+  const os = getPlatform();
+  console.info('[TwakeMail] handleOpenTwakeMailApp() - OS:', os);
+  if (os === androidPlatform) {
+    document.location.replace(androidStore);
+  } else if (os === iosPlatform) {
+    document.location.replace(iosStore);
+  }
+}
+
+function initialWorkerService() {
+  const os = getPlatform();
+  const originInUrl = window.location;
+
+  console.info('[TwakeMail] initialWorkerService(): OriginInUrl:', originInUrl);
+
+  //   For desktop, we don't show the open on app popup
+  if (os === otherPlatform || typeof window === 'undefined') {
     fetchServiceWorker();
+    return;
   }
 
-  function getPlatform() {
-    console.info('[TwakeMail] getPlatform(): ', navigator.userAgent);
-    if (/iPhone|iPad|iPod/i.test(navigator.userAgent)) {
-      return iosPlatform;
-    }
-    if (/Android/i.test(navigator.userAgent)) {
-      return androidPlatform;
-    }
-    return otherPlatform;
+  if (window.location.pathname.includes('/login')) {
+    console.info('[TwakeMail] initialWorkerService(): Login callback');
+    handleContinueTwakeMailOnWeb();
+  } else {
+    openBottomSheet();
   }
+}
 
-  function hanldeOpenTwakeMailApp() {
-    const os = getPlatform();
-    console.info('[TwakeMail] hanldeOpenTwakeMailApp() - OS:', os);
-    if (os === androidPlatform) {
-      document.location.replace(androidStore);
-    } else if (os === iosPlatform) {
-      document.location.replace(iosStore);
-    }
-  }
+function openBottomSheet() {
+  console.info('[TwakeMail] openBottomSheet(): Open the bottom sheet.');
+  const bottomSheet = document.querySelector(".bottom-sheet");
+  bottomSheet.style.display = "block";
+  document.body.style.overflow = "hidden";
+  bottomSheet.style.bottom = "0";
+}
 
-  function initialWorkerService() {
-    const os = getPlatform();
-    const searchParams = Object.fromEntries(
-      new URLSearchParams(window.location.search),
-    );
-    const originInUrl = searchParams.origin;
-    //   For desktop, we don't show the open on app popup
-    if (os === otherPlatform || typeof window === 'undefined') {
-      if (os !== otherPlatform) {
-        console.log('[TwakeMail] initialWorkerService(): Keep on browser because:', {
-          os,
-          originInUrl,
-          windowUndefined: typeof window === 'undefined',
-        });
-      }
-      fetchServiceWorker();
-      return;
-    }
-    console.log('[TwakeMail] initialWorkerService(): Open the bottom sheet.');
-    const bottomSheet = document.querySelector(".bottom-sheet");
-    bottomSheet.style.display = "block";
-    document.body.style.overflow = "hidden";
-    bottomSheet.style.bottom = "0";
-  }
-
-  function closeBottomSheet() {
-    console.info('[TwakeMail] closeBottomSheet(): Closing the bottom sheet.');
-    const bottomSheet = document.querySelector(".bottom-sheet");
-    bottomSheet.style.display = "none";
-    document.body.style.overflow = "auto";
-    bottomSheet.style.bottom = "-100%";
-  }
\ No newline at end of file
+function closeBottomSheet() {
+  console.info('[TwakeMail] closeBottomSheet(): Closing the bottom sheet.');
+  const bottomSheet = document.querySelector(".bottom-sheet");
+  bottomSheet.style.display = "none";
+  document.body.style.overflow = "auto";
+  bottomSheet.style.bottom = "-100%";
+}
\ No newline at end of file