@opexa/portal-components 0.0.391 → 0.0.392

package/dist/components/PortalProvider/PortalProvider.js

@@ -7,7 +7,7 @@ import { prefetchSessionQuery } from '../../server/utils/prefetchSessionQuery.js
 import { prefetchWalletQuery } from '../../server/utils/prefetchWalletQuery.js';
 import { getQueryClient } from '../../utils/getQueryClient.js';
 import { FeatureFlag } from './FeatureFlag.js';
-import { LinkGoogleAccountObserver } from './LinkGoogleAccountObserver.js';
+import { SocialAccountLinkObserver } from './SocialAccountLinkObserver.js';
 import { Providers } from './Providers.js';
 import { SessionWatcher } from './SessionWatcher.js';
 import { SetupBtag } from './SetupBtag.js';
@@ -22,5 +22,5 @@ export async function PortalProvider({ recaptchaSiteKey, children, }) {
         prefetchAccountQuery(),
         prefetchWalletQuery(),
     ]);
-    return (_jsxs(Fragment, { children: [_jsx(Providers, { recaptchaSiteKey: recaptchaSiteKey, children: _jsxs(HydrationBoundary, { state: dehydrate(queryClient), children: [children, _jsx(SessionWatcher, {}), _jsx(Suspense, { children: _jsx(SetupDomain, {}) }), _jsx(Suspense, { children: _jsx(SetupCellxpertCxd, {}) }), _jsx(Suspense, { children: _jsx(SetupBtag, {}) })] }) }), _jsx(Snackbar, {}), _jsx(Suspense, { children: _jsx(LinkGoogleAccountObserver, {}) }), _jsx(Suspense, { children: _jsx(FeatureFlag, {}) })] }));
+    return (_jsxs(Fragment, { children: [_jsx(Providers, { recaptchaSiteKey: recaptchaSiteKey, children: _jsxs(HydrationBoundary, { state: dehydrate(queryClient), children: [children, _jsx(SessionWatcher, {}), _jsx(Suspense, { children: _jsx(SetupDomain, {}) }), _jsx(Suspense, { children: _jsx(SetupCellxpertCxd, {}) }), _jsx(Suspense, { children: _jsx(SetupBtag, {}) })] }) }), _jsx(Snackbar, {}), _jsx(Suspense, { children: _jsx(SocialAccountLinkObserver, {}) }), _jsx(Suspense, { children: _jsx(FeatureFlag, {}) })] }));
 }

package/dist/components/PortalProvider/SocialAccountLinkObserver.d.ts

@@ -0,0 +1 @@
+export declare function SocialAccountLinkObserver(): null;

package/dist/components/PortalProvider/SocialAccountLinkObserver.js

@@ -0,0 +1,39 @@
+'use client';
+import { useSearchParams } from 'next/navigation';
+import { useTimeout } from 'usehooks-ts';
+import { toaster } from '../../client/utils/toaster.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getSessionQueryKey } from '../../utils/queryKeys.js';
+export function SocialAccountLinkObserver() {
+    const searchParams = useSearchParams();
+    const code = searchParams.get('message') ?? searchParams.get('status');
+    const providerParam = searchParams.get('provider');
+    const provider = providerParam === 'facebook' ? 'Facebook' : 'Google';
+    const queryClient = getQueryClient();
+    useTimeout(() => {
+        if (!code)
+            return;
+        if (code === 'duplicate') {
+            if (provider === 'Facebook') {
+                return toaster.error({
+                    title: 'Facebook Account Already Linked',
+                    description: 'This Facebook account is already linked to another player. Please use a different account or check your player settings.',
+                });
+            }
+            return toaster.error({
+                title: 'Duplicate Account',
+                description: 'An account with this email already exists. Please try signing in instead.',
+            });
+        }
+        if (code === 'linked') {
+            queryClient.invalidateQueries({
+                queryKey: getSessionQueryKey(),
+            });
+            return toaster.success({
+                title: `${provider} Account Linked Successfully`,
+                description: `Your ${provider} account has been successfully connected.`,
+            });
+        }
+    }, code ? 100 : null);
+    return null;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@opexa/portal-components",
-	"version": "0.0.391",
+	"version": "0.0.392",
 	"exports": {
 		"./ui/*": {
 			"types": "./dist/ui/*/index.d.ts",