onairos 0.1.334 → 0.1.336

package/dist/components/AuthButtons.js

@@ -38,8 +38,7 @@ function AuthButtons(_ref) {
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "flex flex-row justify-center items-center space-x-4",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_OthentButton.default, {
-      onSuccess: handleOthentSuccess,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(GoogleButton, {
       onLoginSuccess: othentLogin
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_OnairosAppButton.default, {
       hasSavedCredentials: hasSavedCredentials,

package/dist/components/GoogleButton.js

@@ -4,46 +4,57 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = GoogleButton;
-var _google = require("@react-oauth/google");
-var _jwtDecode = require("jwt-decode");
 var _jsxRuntime = require("react/jsx-runtime");
 function GoogleButton(_ref) {
   let {
     onLoginSuccess
   } = _ref;
-  const handleGoogleSuccess = async credentialResponse => {
+  const handleTelegramAuth = async () => {
     try {
-      const decoded = (0, _jwtDecode.jwtDecode)(credentialResponse.credential);
-      const response = await fetch('https://api2.onairos.uk/login/google-signin', {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json'
-        },
-        body: JSON.stringify({
-          token: credentialResponse.credential,
-          email: decoded.email
-        })
+      // Get Telegram Mini App data
+      const telegramAppUrl = window.Telegram.WebApp.initData;
+      const botUsername = 'OnairosMiniApp';
+
+      // Construct URL to your Othent connect page
+      const connectUrl = new URL('https://onairos.uk/othent-connect');
+      connectUrl.searchParams.append('tgAppUrl', telegramAppUrl);
+      connectUrl.searchParams.append('botUsername', botUsername);
+      connectUrl.searchParams.append('startApp', window.Telegram.WebApp.initDataUnsafe?.start_param || '');
+
+      // Open in browser
+      window.open(connectUrl.toString(), '_blank');
+
+      // Listen for Telegram WebApp events
+      window.Telegram.WebApp.onEvent('popupClosed', async params => {
+        const startParam = window.Telegram.WebApp.initDataUnsafe?.start_param;
+        if (startParam) {
+          try {
+            const authData = JSON.parse(decodeURIComponent(startParam));
+            if (authData.sub && authData.token) {
+              onLoginSuccess(authData);
+            }
+          } catch (error) {
+            console.error('Error processing auth data:', error);
+          }
+        }
       });
-      if (!response.ok) {
-        throw new Error('Google authentication failed');
-      }
-      const data = await response.json();
-      localStorage.setItem('onairosToken', data.token);
-      await onLoginSuccess(decoded.email);
     } catch (error) {
-      console.error('Google login failed:', error);
+      console.error('Telegram auth flow failed:', error);
     }
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "flex flex-col items-center",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_google.GoogleLogin, {
-      onSuccess: handleGoogleSuccess,
-      onError: () => console.error('Google Login Failed'),
-      shape: "circle",
-      theme: "outline"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: "text-xs mt-2 text-gray-600",
-      children: "Google"
-    })]
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
+      onClick: handleTelegramAuth,
+      className: "flex items-center justify-center px-4 py-2 border border-gray-300 rounded-full shadow-sm bg-white hover:bg-gray-50",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        src: "https://imagepng.org/google-icone-icon/google-icon/" // Replace with actual Othent icon
+        ,
+        alt: "Google",
+        className: "w-5 h-5 mr-2"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: "Continue with Google"
+      })]
+    })
   });
 }