feat: pass client package name

apps/accounts/src/pages/account-handoff.tsx

@@ -1,10 +1,11 @@
-import EnteSpinner from '@ente/shared/components/EnteSpinner';
 import { VerticallyCentered } from '@ente/shared/components/Container';
-import { setData, LS_KEYS } from '@ente/shared/storage/localStorage';
-import { useRouter } from 'next/router';
+import EnteSpinner from '@ente/shared/components/EnteSpinner';
 import { ACCOUNTS_PAGES } from '@ente/shared/constants/pages';
-import { useEffect } from 'react';
+import HTTPService from '@ente/shared/network/HTTPService';
 import { logError } from '@ente/shared/sentry';
+import { LS_KEYS, setData } from '@ente/shared/storage/localStorage';
+import { useRouter } from 'next/router';
+import { useEffect } from 'react';
 
 const AccountHandoff = () => {
     const router = useRouter();
@@ -27,7 +28,17 @@ const AccountHandoff = () => {
         }
     };
 
+    const getClientPackageName = () => {
+        const urlParams = new URLSearchParams(window.location.search);
+        const pkg = urlParams.get('package');
+        if (!pkg) return;
+        HTTPService.setHeaders({
+            'X-Client-Package': pkg,
+        });
+    };
+
     useEffect(() => {
+        getClientPackageName();
         retrieveAccountData();
     }, []);
 

apps/photos/src/components/Sidebar/UtilitySection.tsx

@@ -1,25 +1,26 @@
-import { useContext, useState } from 'react';
 import { t } from 'i18next';
+import { useContext, useState } from 'react';
 
 // import FixLargeThumbnails from 'components/FixLargeThumbnail';
 import RecoveryKey from '@ente/shared/components/RecoveryKey';
-import TwoFactorModal from 'components/TwoFactor/Modal';
 import {
-    PHOTOS_PAGES as PAGES,
     ACCOUNTS_PAGES,
+    PHOTOS_PAGES as PAGES,
 } from '@ente/shared/constants/pages';
+import TwoFactorModal from 'components/TwoFactor/Modal';
 import { useRouter } from 'next/router';
 import { AppContext } from 'pages/_app';
 // import mlIDbStorage from 'utils/storage/mlIDbStorage';
-import isElectron from 'is-electron';
+import { APPS, CLIENT_PACKAGE_NAMES } from '@ente/shared/apps/constants';
+import ThemeSwitcher from '@ente/shared/components/ThemeSwitcher';
+import { getData, LS_KEYS } from '@ente/shared/storage/localStorage';
+import { THEME_COLOR } from '@ente/shared/themes/constants';
+import { EnteMenuItem } from 'components/Menu/EnteMenuItem';
 import WatchFolder from 'components/WatchFolder';
+import isElectron from 'is-electron';
 import { getDownloadAppMessage } from 'utils/ui';
-import { getData, LS_KEYS } from '@ente/shared/storage/localStorage';
 import { isInternalUser } from 'utils/user';
 import Preferences from './Preferences';
-import { EnteMenuItem } from 'components/Menu/EnteMenuItem';
-import ThemeSwitcher from '@ente/shared/components/ThemeSwitcher';
-import { THEME_COLOR } from '@ente/shared/themes/constants';
 
 export default function UtilitySection({ closeSidebar }) {
     const router = useRouter();
@@ -73,7 +74,8 @@ export default function UtilitySection({ closeSidebar }) {
         const serialized = JSON.stringify(userData);
         const serializeB64 = window.btoa(serialized);
 
-        window.location.href = `${process.env.NEXT_PUBLIC_ACCOUNTS_ENDPOINT}${ACCOUNTS_PAGES.ACCOUNT_HANDOFF}#${serializeB64}`;
+        window.location.href = `${process.env.NEXT_PUBLIC_ACCOUNTS_ENDPOINT}${ACCOUNTS_PAGES.ACCOUNT_HANDOFF
+            }?package=${CLIENT_PACKAGE_NAMES.get(APPS.PHOTOS)}#${serializeB64}`;
     };
 
     const redirectToDeduplicatePage = () => router.push(PAGES.DEDUPLICATE);