@turnkey/sdk-react 4.2.0 → 4.2.2

package/dist/components/auth/Auth.mjs

@@ -156,6 +156,24 @@ var Auth = function Auth(_ref) {
   useEffect(function () {
     if (authIframeClient) {
       setComponentReady(true);
+      var updateIframeKey = /*#__PURE__*/function () {
+        var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+          return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+            while (1) switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.next = 2;
+                return authIframeClient.initEmbeddedKey();
+              case 2:
+              case "end":
+                return _context2.stop();
+            }
+          }, _callee2);
+        }));
+        return function updateIframeKey() {
+          return _ref3.apply(this, arguments);
+        };
+      }();
+      updateIframeKey();
     }
   }, [authIframeClient]);
   if (!componentReady) {
@@ -177,10 +195,10 @@ var Auth = function Auth(_ref) {
     return (_phoneNumber$isValid = phoneNumber === null || phoneNumber === void 0 ? void 0 : phoneNumber.isValid()) !== null && _phoneNumber$isValid !== void 0 ? _phoneNumber$isValid : false;
   };
   var handleSignupWithPasskey = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-      var siteInfo, _authConfig$sessionLe, _passkeyConfig$name, _passkeyConfig$displa, _ref4, encodedChallenge, attestation, response;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+      var siteInfo, _authConfig$sessionLe, _passkeyConfig$name, _passkeyConfig$displa, _ref5, encodedChallenge, attestation, response, iframePublicKey;
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
             setPasskeySignupError("");
             siteInfo = "".concat(new URL(window.location.href).hostname, " - ").concat(new Date().toLocaleString(undefined, {
@@ -193,12 +211,12 @@ var Auth = function Auth(_ref) {
             }));
             setPasskeySignupScreen(false);
             setPasskeyCreationScreen(true);
-            _context2.prev = 4;
+            _context3.prev = 4;
             if (passkeyCreated) {
-              _context2.next = 22;
+              _context3.next = 22;
               break;
             }
-            _context2.next = 8;
+            _context3.next = 8;
             return passkeyClient === null || passkeyClient === void 0 ? void 0 : passkeyClient.createUserPasskey({
               publicKey: {
                 user: {
@@ -208,21 +226,21 @@ var Auth = function Auth(_ref) {
               }
             });
           case 8:
-            _context2.t0 = _context2.sent;
-            if (_context2.t0) {
-              _context2.next = 11;
+            _context3.t0 = _context3.sent;
+            if (_context3.t0) {
+              _context3.next = 11;
               break;
             }
-            _context2.t0 = {};
+            _context3.t0 = {};
           case 11:
-            _ref4 = _context2.t0;
-            encodedChallenge = _ref4.encodedChallenge;
-            attestation = _ref4.attestation;
+            _ref5 = _context3.t0;
+            encodedChallenge = _ref5.encodedChallenge;
+            attestation = _ref5.attestation;
             if (!(encodedChallenge && attestation)) {
-              _context2.next = 21;
+              _context3.next = 21;
               break;
             }
-            _context2.next = 17;
+            _context3.next = 17;
             return server.createSuborg(_objectSpread2({
               email: email,
               passkey: {
@@ -234,113 +252,129 @@ var Auth = function Auth(_ref) {
               customAccounts: customAccounts
             }));
           case 17:
-            response = _context2.sent;
+            response = _context3.sent;
             if (response !== null && response !== void 0 && response.subOrganizationId) {
               setPasskeyCreated(true);
             }
-            _context2.next = 22;
+            _context3.next = 22;
             break;
           case 21:
           case 22:
-            _context2.next = 24;
+            _context3.next = 24;
+            return authIframeClient.initEmbeddedKey();
+          case 24:
+            iframePublicKey = _context3.sent;
+            _context3.next = 27;
             return passkeyClient === null || passkeyClient === void 0 ? void 0 : passkeyClient.loginWithPasskey({
               sessionType: SessionType.READ_WRITE,
               iframeClient: authIframeClient,
-              targetPublicKey: authIframeClient === null || authIframeClient === void 0 ? void 0 : authIframeClient.iframePublicKey,
+              targetPublicKey: iframePublicKey,
               expirationSeconds: (_authConfig$sessionLe = authConfig.sessionLengthSeconds) === null || _authConfig$sessionLe === void 0 ? void 0 : _authConfig$sessionLe.toString()
             });
-          case 24:
-            _context2.next = 26;
+          case 27:
+            _context3.next = 29;
             return onAuthSuccess();
-          case 26:
-            _context2.next = 32;
+          case 29:
+            _context3.next = 35;
             break;
-          case 28:
-            _context2.prev = 28;
-            _context2.t1 = _context2["catch"](4);
+          case 31:
+            _context3.prev = 31;
+            _context3.t1 = _context3["catch"](4);
             setPasskeySignupError(authErrors.passkey.timeoutOrNotAllowed);
-            console.error("Error during passkey signup: ", _context2.t1);
-          case 32:
+            console.error("Error during passkey signup: ", _context3.t1);
+          case 35:
           case "end":
-            return _context2.stop();
+            return _context3.stop();
         }
-      }, _callee2, null, [[4, 28]]);
+      }, _callee3, null, [[4, 31]]);
     }));
     return function handleSignupWithPasskey() {
-      return _ref3.apply(this, arguments);
+      return _ref4.apply(this, arguments);
     };
   }();
   var handleLoginWithPasskey = /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-      var _authConfig$sessionLe2;
-      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
+    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+      var _authConfig$sessionLe2, iframePublicKey;
+      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
           case 0:
-            _context3.prev = 0;
+            _context4.prev = 0;
             setLoading("passkey");
-            _context3.next = 4;
+            _context4.next = 4;
+            return authIframeClient.initEmbeddedKey();
+          case 4:
+            iframePublicKey = _context4.sent;
+            _context4.next = 7;
             return passkeyClient === null || passkeyClient === void 0 ? void 0 : passkeyClient.loginWithPasskey({
               sessionType: SessionType.READ_WRITE,
               iframeClient: authIframeClient,
-              targetPublicKey: authIframeClient === null || authIframeClient === void 0 ? void 0 : authIframeClient.iframePublicKey,
+              targetPublicKey: iframePublicKey,
               expirationSeconds: (_authConfig$sessionLe2 = authConfig.sessionLengthSeconds) === null || _authConfig$sessionLe2 === void 0 ? void 0 : _authConfig$sessionLe2.toString()
             });
-          case 4:
-            _context3.next = 6;
+          case 7:
+            _context4.next = 9;
             return onAuthSuccess();
-          case 6:
-            _context3.next = 12;
+          case 9:
+            _context4.next = 15;
             break;
-          case 8:
-            _context3.prev = 8;
-            _context3.t0 = _context3["catch"](0);
+          case 11:
+            _context4.prev = 11;
+            _context4.t0 = _context4["catch"](0);
             onError(authErrors.passkey.loginFailed);
-            console.error("Error during passkey login: ", _context3.t0);
-          case 12:
-            _context3.prev = 12;
-            setLoading(undefined);
-            return _context3.finish(12);
+            console.error("Error during passkey login: ", _context4.t0);
           case 15:
+            _context4.prev = 15;
+            setLoading(undefined);
+            return _context4.finish(15);
+          case 18:
           case "end":
-            return _context3.stop();
+            return _context4.stop();
         }
-      }, _callee3, null, [[0, 8, 12, 15]]);
+      }, _callee4, null, [[0, 11, 15, 18]]);
     }));
     return function handleLoginWithPasskey() {
-      return _ref5.apply(this, arguments);
+      return _ref6.apply(this, arguments);
     };
   }();
   var handleOtpLogin = /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(type, value, otpType) {
+    var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(type, value, otpType) {
       var _otpConfig$otpLength, _otpConfig$alphanumer;
-      var createSuborgData, resp, suborgIds, suborgId, initAuthResponse;
-      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
+      var createSuborgData, resp, suborgIds, suborgId, iframePublicKey, initAuthResponse;
+      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
           case 0:
             setLoading(otpType);
             createSuborgData = {};
-            if (type === FilterType.Email) createSuborgData.email = value;else if (type === FilterType.PhoneNumber) createSuborgData.phoneNumber = value;
+            if (type === FilterType.Email) {
+              createSuborgData.email = value;
+            } else if (type === FilterType.PhoneNumber) {
+              createSuborgData.phoneNumber = value;
+            }
             if (customAccounts) {
               createSuborgData.customAccounts = customAccounts;
             }
-            _context4.next = 6;
+            _context5.next = 6;
             return server.getOrCreateSuborg({
               filterType: type,
               filterValue: value,
               additionalData: createSuborgData
             });
           case 6:
-            resp = _context4.sent;
+            resp = _context5.sent;
             suborgIds = resp === null || resp === void 0 ? void 0 : resp.subOrganizationIds;
             if (!(!suborgIds || suborgIds.length === 0)) {
-              _context4.next = 11;
+              _context5.next = 11;
               break;
             }
             onError(authErrors.otp.sendFailed);
-            return _context4.abrupt("return");
+            return _context5.abrupt("return");
           case 11:
             suborgId = suborgIds[0];
-            _context4.next = 14;
+            _context5.next = 14;
+            return authIframeClient.initEmbeddedKey();
+          case 14:
+            iframePublicKey = _context5.sent;
+            _context5.next = 17;
             return server.sendOtp(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
               suborgID: suborgId,
               otpType: otpType,
@@ -354,10 +388,10 @@ var Auth = function Auth(_ref) {
             }), {}, {
               otpLength: (_otpConfig$otpLength = otpConfig === null || otpConfig === void 0 ? void 0 : otpConfig.otpLength) !== null && _otpConfig$otpLength !== void 0 ? _otpConfig$otpLength : 6,
               alphanumeric: (_otpConfig$alphanumer = otpConfig === null || otpConfig === void 0 ? void 0 : otpConfig.alphanumeric) !== null && _otpConfig$alphanumer !== void 0 ? _otpConfig$alphanumer : false,
-              userIdentifier: authIframeClient === null || authIframeClient === void 0 ? void 0 : authIframeClient.iframePublicKey
+              userIdentifier: iframePublicKey
             }));
-          case 14:
-            initAuthResponse = _context4.sent;
+          case 17:
+            initAuthResponse = _context5.sent;
             if (initAuthResponse && initAuthResponse.otpId) {
               setSuborgId(suborgId);
               setOtpId(initAuthResponse === null || initAuthResponse === void 0 ? void 0 : initAuthResponse.otpId);
@@ -366,21 +400,21 @@ var Auth = function Auth(_ref) {
               onError(authErrors.otp.sendFailed);
             }
             setLoading(undefined);
-          case 17:
+          case 20:
           case "end":
-            return _context4.stop();
+            return _context5.stop();
         }
-      }, _callee4);
+      }, _callee5);
     }));
     return function handleOtpLogin(_x, _x2, _x3) {
-      return _ref6.apply(this, arguments);
+      return _ref7.apply(this, arguments);
     };
   }();
   var handleOAuthLogin = /*#__PURE__*/function () {
-    var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(credential, providerName) {
-      var createSuborgData, resp, suborgIds, suborgId, oauthSession;
-      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
+    var _ref8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(credential, providerName) {
+      var createSuborgData, resp, suborgIds, suborgId, iframePublicKey, oauthSession;
+      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
           case 0:
             setOauthLoading(providerName);
             createSuborgData = {
@@ -392,82 +426,86 @@ var Auth = function Auth(_ref) {
             if (customAccounts) {
               createSuborgData.customAccounts = customAccounts;
             }
-            _context5.next = 5;
+            _context6.next = 5;
             return server.getOrCreateSuborg({
               filterType: FilterType.OidcToken,
               filterValue: credential,
               additionalData: createSuborgData
             });
           case 5:
-            resp = _context5.sent;
+            resp = _context6.sent;
             suborgIds = resp === null || resp === void 0 ? void 0 : resp.subOrganizationIds;
             if (!(!suborgIds || suborgIds.length === 0)) {
-              _context5.next = 10;
+              _context6.next = 10;
               break;
             }
             onError(authErrors.oauth.loginFailed);
-            return _context5.abrupt("return");
+            return _context6.abrupt("return");
           case 10:
             suborgId = suborgIds[0];
-            _context5.next = 13;
+            _context6.next = 13;
+            return authIframeClient.initEmbeddedKey();
+          case 13:
+            iframePublicKey = _context6.sent;
+            _context6.next = 16;
             return server.oauth({
               suborgID: suborgId,
               oidcToken: credential,
-              targetPublicKey: authIframeClient === null || authIframeClient === void 0 ? void 0 : authIframeClient.iframePublicKey,
+              targetPublicKey: iframePublicKey,
               sessionLengthSeconds: authConfig.sessionLengthSeconds
             });
-          case 13:
-            oauthSession = _context5.sent;
+          case 16:
+            oauthSession = _context6.sent;
             if (!(oauthSession && oauthSession.token)) {
-              _context5.next = 21;
+              _context6.next = 24;
               break;
             }
-            _context5.next = 17;
+            _context6.next = 20;
             return authIframeClient.loginWithSession(oauthSession);
-          case 17:
-            _context5.next = 19;
+          case 20:
+            _context6.next = 22;
             return onAuthSuccess();
-          case 19:
-            _context5.next = 22;
+          case 22:
+            _context6.next = 25;
             break;
-          case 21:
+          case 24:
             onError(authErrors.oauth.loginFailed);
-          case 22:
+          case 25:
           case "end":
-            return _context5.stop();
+            return _context6.stop();
         }
-      }, _callee5);
+      }, _callee6);
     }));
     return function handleOAuthLogin(_x4, _x5) {
-      return _ref7.apply(this, arguments);
+      return _ref8.apply(this, arguments);
     };
   }();
   var handleLoginWithWallet = /*#__PURE__*/function () {
-    var _ref8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
-      var _authConfig$sessionLe3, publicKey, _walletClient$getWall, type, resp, suborgIds;
-      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
+    var _ref9 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
+      var _authConfig$sessionLe3, publicKey, _walletClient$getWall, type, resp, suborgIds, iframePublicKey;
+      return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+        while (1) switch (_context7.prev = _context7.next) {
           case 0:
             setLoading("wallet");
-            _context6.prev = 1;
+            _context7.prev = 1;
             if (walletClient) {
-              _context6.next = 4;
+              _context7.next = 4;
               break;
             }
             throw new Error("Wallet client not initialized");
           case 4:
-            _context6.next = 6;
+            _context7.next = 6;
             return walletClient.getPublicKey();
           case 6:
-            publicKey = _context6.sent;
+            publicKey = _context7.sent;
             if (publicKey) {
-              _context6.next = 9;
+              _context7.next = 9;
               break;
             }
             throw new Error(authErrors.wallet.noPublicKey);
           case 9:
             _walletClient$getWall = walletClient.getWalletInterface(), type = _walletClient$getWall.type;
-            _context6.next = 12;
+            _context7.next = 12;
             return server.getOrCreateSuborg({
               filterType: FilterType.PublicKey,
               filterValue: publicKey,
@@ -479,45 +517,49 @@ var Auth = function Auth(_ref) {
               }
             });
           case 12:
-            resp = _context6.sent;
+            resp = _context7.sent;
             suborgIds = resp === null || resp === void 0 ? void 0 : resp.subOrganizationIds;
             if (!(!suborgIds || suborgIds.length === 0)) {
-              _context6.next = 17;
+              _context7.next = 17;
               break;
             }
             onError(authErrors.wallet.loginFailed);
-            return _context6.abrupt("return");
+            return _context7.abrupt("return");
           case 17:
-            _context6.next = 19;
+            _context7.next = 19;
+            return authIframeClient.initEmbeddedKey();
+          case 19:
+            iframePublicKey = _context7.sent;
+            _context7.next = 22;
             return walletClient.loginWithWallet({
               sessionType: SessionType.READ_WRITE,
               iframeClient: authIframeClient,
-              targetPublicKey: authIframeClient === null || authIframeClient === void 0 ? void 0 : authIframeClient.iframePublicKey,
+              targetPublicKey: iframePublicKey,
               expirationSeconds: (_authConfig$sessionLe3 = authConfig.sessionLengthSeconds) === null || _authConfig$sessionLe3 === void 0 ? void 0 : _authConfig$sessionLe3.toString()
             });
-          case 19:
-            _context6.next = 21;
+          case 22:
+            _context7.next = 24;
             return onAuthSuccess();
-          case 21:
-            _context6.next = 27;
+          case 24:
+            _context7.next = 30;
             break;
-          case 23:
-            _context6.prev = 23;
-            _context6.t0 = _context6["catch"](1);
-            onError(_context6.t0.message || authErrors.wallet.loginFailed);
-            console.error("Error during wallet login: ", _context6.t0);
-          case 27:
-            _context6.prev = 27;
-            setLoading(undefined);
-            return _context6.finish(27);
+          case 26:
+            _context7.prev = 26;
+            _context7.t0 = _context7["catch"](1);
+            onError(_context7.t0.message || authErrors.wallet.loginFailed);
+            console.error("Error during wallet login: ", _context7.t0);
           case 30:
+            _context7.prev = 30;
+            setLoading(undefined);
+            return _context7.finish(30);
+          case 33:
           case "end":
-            return _context6.stop();
+            return _context7.stop();
         }
-      }, _callee6, null, [[1, 23, 27, 30]]);
+      }, _callee7, null, [[1, 26, 30, 33]]);
     }));
     return function handleLoginWithWallet() {
-      return _ref8.apply(this, arguments);
+      return _ref9.apply(this, arguments);
     };
   }();
   var renderBackButton = function renderBackButton() {