Added onboarding progress tracking & landing page

2025-10-02 13:20:15 +05:30
parent e57d2577f8
commit 510b79bbf8
135 changed files with 25917 additions and 5768 deletions
--- a/frontend/src/components/WixCallbackPage/WixCallbackPage.tsx
+++ b/frontend/src/components/WixCallbackPage/WixCallbackPage.tsx
@@ -0,0 +1,67 @@
+import React, { useEffect, useState } from 'react';
+import { Box, CircularProgress, Typography, Alert } from '@mui/material';
+import { createClient, OAuthStrategy } from '@wix/sdk';
+
+const WixCallbackPage: React.FC = () => {
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    const run = async () => {
+      try {
+        const wixClient = createClient({ auth: OAuthStrategy({ clientId: '75d88e36-1c76-4009-b769-15f4654556df' }) });
+        const { code, state, error, errorDescription } = wixClient.auth.parseFromUrl();
+        if (error) {
+          setError(`${error}: ${errorDescription || ''}`);
+          return;
+        }
+        const saved = sessionStorage.getItem('wix_oauth_data') || localStorage.getItem('wix_oauth_data');
+        if (!saved) {
+          setError('Missing OAuth state. Please start the connection again.');
+          return;
+        }
+        const oauthData = JSON.parse(saved);
+        // Optionally validate state matches
+        if (oauthData?.state && oauthData.state !== state) {
+          setError('State mismatch. Please restart the connection.');
+          return;
+        }
+        const tokens = await wixClient.auth.getMemberTokens(code, state, oauthData);
+        wixClient.auth.setTokens(tokens);
+        // Persist tokens for subsequent API calls on this tab
+        try { sessionStorage.setItem('wix_tokens', JSON.stringify(tokens)); } catch {}
+        // Persist tokens for the test page to use
+        try {
+          sessionStorage.setItem('wix_tokens', JSON.stringify(tokens));
+        } catch {}
+        // optional: ping backend to mark connected
+        try { await fetch('/api/wix/test/connection/status'); } catch {}
+        // Cleanup saved oauth data
+        sessionStorage.removeItem('wix_oauth_data');
+        localStorage.removeItem('wix_oauth_data');
+        // Mark frontend session as connected for test UI
+        sessionStorage.setItem('wix_connected', 'true');
+        window.location.replace('/wix-test');
+      } catch (e: any) {
+        setError(e?.message || 'OAuth callback failed');
+      }
+    };
+    run();
+  }, []);
+
+  return (
+    <Box sx={{ p: 4, maxWidth: 680, mx: 'auto' }}>
+      {!error ? (
+        <Box display="flex" alignItems="center" gap={2}>
+          <CircularProgress size={22} />
+          <Typography>Completing Wix sign‑in…</Typography>
+        </Box>
+      ) : (
+        <Alert severity="error">{error}</Alert>
+      )}
+    </Box>
+  );
+};
+
+export default WixCallbackPage;
+
+