Merge pull request #1236 from dfinity/lm-change-ii-integration-example-safari-popup-blocked

Fix issue with Safari blocking popup in II integration example

Author: lmuntaner

motoko/internet_identity_integration/src/greet_frontend/src/index.js

@@ -4,6 +4,14 @@ import {HttpAgent} from "@dfinity/agent";
 
 let actor = greet_backend;
 
+// create an auth client on page load.
+// Safari might block the popup if the app performs other async actions before opening the popup.
+// This is why we create the auth client here, and not in the loginButton click handler
+let authClient = undefined;
+AuthClient.create().then((client) => {
+    authClient = client;
+});
+
 const greetButton = document.getElementById("greet");
 greetButton.onclick = async (e) => {
     e.preventDefault();
@@ -24,9 +32,10 @@ const loginButton = document.getElementById("login");
 loginButton.onclick = async (e) => {
     e.preventDefault();
 
-    // create an auth client
-    let authClient = await AuthClient.create();
-
+    if (authClient === undefined) {
+        console.error("AuthClient is not initialized yet.");
+        return false;
+    }
     // start the login process and wait for it to finish
     await new Promise((resolve) => {
         authClient.login({