@turnkey/sdk-react 3.0.5 → 3.1.0

package/dist/components/auth/Auth.mjs

@@ -63,6 +63,7 @@ var Auth = function Auth(_ref) {
   var _useTurnkey = useTurnkey(),
     passkeyClient = _useTurnkey.passkeyClient,
     authIframeClient = _useTurnkey.authIframeClient,
+    walletClient = _useTurnkey.walletClient,
     turnkey = _useTurnkey.turnkey;
   var _useState = useState(""),
     _useState2 = _slicedToArray(_useState, 2),
@@ -108,6 +109,10 @@ var Auth = function Auth(_ref) {
     _useState22 = _slicedToArray(_useState21, 2),
     passkeyCreated = _useState22[0],
     setPasskeyCreated = _useState22[1];
+  var _useState23 = useState(false),
+    _useState24 = _slicedToArray(_useState23, 2),
+    walletLoading = _useState24[0],
+    setWalletLoading = _useState24[1];
   var handleResendCode = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -457,6 +462,95 @@ var Auth = function Auth(_ref) {
       return _ref8.apply(this, arguments);
     };
   }();
+  var handleLoginWithWallet = /*#__PURE__*/function () {
+    var _ref9 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
+      var publicKey, _walletClient$getWall, type, resp, suborgIds, _suborgId, sessionResponse, _authConfig$sessionLe4;
+      return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+        while (1) switch (_context7.prev = _context7.next) {
+          case 0:
+            setWalletLoading(true);
+            _context7.prev = 1;
+            if (walletClient) {
+              _context7.next = 4;
+              break;
+            }
+            throw new Error("Wallet client not initialized");
+          case 4:
+            _context7.next = 6;
+            return walletClient.getPublicKey();
+          case 6:
+            publicKey = _context7.sent;
+            if (publicKey) {
+              _context7.next = 9;
+              break;
+            }
+            throw new Error(authErrors.wallet.noPublicKey);
+          case 9:
+            _walletClient$getWall = walletClient.getWalletInterface(), type = _walletClient$getWall.type;
+            _context7.next = 12;
+            return server.getOrCreateSuborg({
+              filterType: FilterType.PublicKey,
+              filterValue: publicKey,
+              additionalData: {
+                wallet: {
+                  publicKey: publicKey,
+                  type: type
+                }
+              }
+            });
+          case 12:
+            resp = _context7.sent;
+            suborgIds = resp === null || resp === void 0 ? void 0 : resp.subOrganizationIds;
+            if (!(!suborgIds || suborgIds.length === 0)) {
+              _context7.next = 17;
+              break;
+            }
+            onError(authErrors.wallet.loginFailed);
+            return _context7.abrupt("return");
+          case 17:
+            _suborgId = suborgIds[0];
+            _context7.next = 20;
+            return walletClient.createReadWriteSession(_objectSpread2(_objectSpread2({
+              targetPublicKey: authIframeClient === null || authIframeClient === void 0 ? void 0 : authIframeClient.iframePublicKey
+            }, _suborgId && {
+              organizationId: _suborgId
+            }), authConfig.sessionLengthSeconds !== undefined && {
+              expirationSeconds: authConfig.sessionLengthSeconds.toString()
+            }));
+          case 20:
+            sessionResponse = _context7.sent;
+            if (!(sessionResponse !== null && sessionResponse !== void 0 && sessionResponse.credentialBundle)) {
+              _context7.next = 26;
+              break;
+            }
+            _context7.next = 24;
+            return handleAuthSuccess(sessionResponse.credentialBundle, (_authConfig$sessionLe4 = authConfig.sessionLengthSeconds) === null || _authConfig$sessionLe4 === void 0 ? void 0 : _authConfig$sessionLe4.toString());
+          case 24:
+            _context7.next = 27;
+            break;
+          case 26:
+            throw new Error(authErrors.wallet.loginFailed);
+          case 27:
+            _context7.next = 32;
+            break;
+          case 29:
+            _context7.prev = 29;
+            _context7.t0 = _context7["catch"](1);
+            onError(_context7.t0.message || authErrors.wallet.loginFailed);
+          case 32:
+            _context7.prev = 32;
+            setWalletLoading(false);
+            return _context7.finish(32);
+          case 35:
+          case "end":
+            return _context7.stop();
+        }
+      }, _callee7, null, [[1, 29, 32, 35]]);
+    }));
+    return function handleLoginWithWallet() {
+      return _ref9.apply(this, arguments);
+    };
+  }();
   var renderBackButton = function renderBackButton() {
     return jsx(ChevronLeftIcon, {
       onClick: function onClick() {
@@ -595,6 +689,21 @@ var Auth = function Auth(_ref) {
             children: "Sign up with passkey"
           })]
         }) : null;
+      case "wallet":
+        return authConfig.walletEnabled && !otpId ? jsx("div", {
+          className: styles.passkeyContainer,
+          children: jsx("button", {
+            className: styles.authButton,
+            type: "button",
+            onClick: handleLoginWithWallet,
+            disabled: walletLoading,
+            children: walletLoading ? jsx(CircularProgress, {
+              size: 24,
+              thickness: 4,
+              className: styles.buttonProgress || ""
+            }) : "Continue with Wallet"
+          })
+        }) : null;
       case "socials":
         return authConfig.googleEnabled || authConfig.appleEnabled || authConfig.facebookEnabled ? renderSocialButtons() : null;
       default: