@arcblock/did-connect-react 3.1.28 → 3.1.31

package/lib/Session/libs/constants.js

@@ -1,15 +1,18 @@
-const S = {
+const l = {
   LOGIN: Symbol("login"),
+  LOGIN_FAILED: Symbol("loginFailed"),
   CANCEL_LOGIN: Symbol("cancelLogin"),
   LOGOUT: Symbol("logout"),
   SWITCH_PROFILE: Symbol("switchProfile"),
   CANCEL_SWITCH_PROFILE: Symbol("cancelSwitchProfile"),
   SWITCH_PASSPORT: Symbol("switchPassport"),
+  SWITCH_PASSPORT_FAILED: Symbol("switchPassportFailed"),
   CANCEL_SWITCH_PASSPORT: Symbol("cancelSwitchPassport"),
   BIND_WALLET: Symbol("bindWallet"),
+  BIND_WALLET_FAILED: Symbol("bindWalletFailed"),
   CANCEL_BIND_WALLET: Symbol("cancelBindWallet"),
   DID_SPACE_CONNECTED: Symbol("didSpaceConnected")
 };
 export {
-  S as EVENTS
+  l as EVENTS
 };

package/lib/components/PassportSwitcher.js

@@ -0,0 +1,128 @@
+import { jsxs as m, jsx as p } from "react/jsx-runtime";
+import y from "lodash/pick";
+import { Confirm as F } from "@arcblock/ux/lib/Dialog";
+import { Box as h } from "@mui/material";
+import f from "@arcblock/ux/lib/Toast";
+import C from "@arcblock/ux/lib/CardSelector";
+import { translate as R } from "@arcblock/ux/lib/Locale/util";
+import { useMemoizedFn as T, useCreation as k } from "ahooks";
+import { createPassportSvg as I } from "@arcblock/ux/lib/Util/passport";
+import { ReactGA as P } from "@arcblock/ux/lib/withTracker";
+import x from "../OAuth/guest.svg.js";
+const B = (e) => e ? typeof e == "string" ? { sessionToken: e } : y(e, ["sessionToken", "refreshToken", "visitorId", "destroySessionId"]) : {}, G = {
+  zh: {
+    switchPassport: "切换通行证",
+    switchPassportFailed: "切换通行证失败",
+    switchPassportSucceed: "切换通行证成功",
+    selectedPassport: "请选择一个通行证",
+    switch: "切换",
+    cancel: "取消",
+    currentRole: "当前角色：",
+    passport: "通行证",
+    getPassportFailed: "获取通行证失败"
+  },
+  en: {
+    switchPassport: "Switch passport",
+    switchPassportFailed: "Switch passport failed",
+    switchPassportSucceed: "Switch passport succeed",
+    selectedPassport: "Select a passport to switch",
+    switch: "Switch",
+    cancel: "Cancel",
+    currentRole: "Current role: ",
+    passport: "Passport",
+    getPassportFailed: "Get passports failed"
+  }
+};
+function q({ api: e, locale: w, switchState: r, onSwitchPassport: g, session: a }) {
+  const t = T((s, i = {}) => R(G, s, w, "en", i)), l = k(() => r.passports.filter((s) => s.role !== r.currentUser?.role), [r.passports, r.currentUser?.role]), S = async () => {
+    const s = r.selectedPassport, i = a?.user?.role, v = a?.user?.passports?.find((o) => o.id === s)?.role ?? "guest", d = `${i} -> ${v}`;
+    try {
+      const { data: o } = await e.post("/switch", { passportId: s }), { sessionToken: c, refreshToken: n } = B(o);
+      g({ sessionToken: c, refreshToken: n }), f.success(t("switchPassportSucceed"));
+      const u = {
+        action: "switchPassportSuccess",
+        change: d,
+        success: !0
+      };
+      P.event(u.action, u);
+    } catch (o) {
+      const c = o.message || t("switchPassportFailed"), n = {
+        action: "switchPassportFailed",
+        success: !1,
+        change: d,
+        errorMessage: c
+      };
+      P.event(n.action, n), f.error(c);
+    }
+  };
+  return /* @__PURE__ */ m(
+    F,
+    {
+      open: r.open,
+      title: t("switchPassport"),
+      onConfirm: S,
+      onCancel: r.reset,
+      confirmButton: {
+        text: t("switch"),
+        props: {
+          variant: "contained",
+          color: "primary"
+        }
+      },
+      cancelButton: {
+        text: t("cancel"),
+        props: {
+          color: "inherit"
+        }
+      },
+      PaperProps: { style: { width: 600 } },
+      children: [
+        /* @__PURE__ */ m(
+          h,
+          {
+            sx: {
+              mb: 2
+            },
+            children: [
+              t("currentRole"),
+              r.currentUser?.role
+            ]
+          }
+        ),
+        /* @__PURE__ */ p(
+          C,
+          {
+            width: 160,
+            height: 240,
+            cardSpace: 24,
+            list: [
+              // eslint-disable-next-line react/no-unstable-nested-components
+              () => /* @__PURE__ */ p(x, {}),
+              ...l.map((s) => s.display ? {
+                src: s.display,
+                name: s.title
+              } : () => /* @__PURE__ */ p(
+                h,
+                {
+                  sx: { width: "100%" },
+                  dangerouslySetInnerHTML: {
+                    __html: I(s)
+                  }
+                },
+                s.id
+              ))
+            ],
+            onSelect: (s) => {
+              r.selectedPassport = s > 0 ? l[s - 1].id : void 0;
+            },
+            defaultIndex: 0
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  q as PassportSwitcher,
+  B as parseResponse
+};

package/lib/package.json.js

@@ -1,4 +1,4 @@
-const o = "3.1.28", s = {
+const o = "3.1.31", s = {
   version: o
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/did-connect-react",
-  "version": "3.1.28",
+  "version": "3.1.31",
   "description": "Client side library to work with DID Connect by ArcBlock.",
   "keywords": [
     "react",
@@ -32,10 +32,10 @@
     "url": "https://github.com/ArcBlock/ux/issues"
   },
   "dependencies": {
-    "@arcblock/bridge": "3.1.28",
+    "@arcblock/bridge": "3.1.31",
     "@arcblock/did": "^1.21.3",
-    "@arcblock/icons": "3.1.28",
-    "@arcblock/react-hooks": "3.1.28",
+    "@arcblock/icons": "3.1.31",
+    "@arcblock/react-hooks": "3.1.31",
     "@arcblock/ws": "^1.21.3",
     "@fontsource/lexend": "^5.2.9",
     "@iconify-icons/logos": "^1.2.36",
@@ -80,5 +80,5 @@
     "eslint-plugin-react-hooks": "^4.6.2",
     "jest": "^29.7.0"
   },
-  "gitHead": "8a62be8796c0ab9129b24a08ecc051d1ac23e0de"
+  "gitHead": "a904bcfb38156f7cdff5b2134c126b19d528f4b2"
 }

package/src/Connect/components/login-item/connect-choose-list.jsx

@@ -9,6 +9,7 @@ import { getCookieOptions } from '@arcblock/ux/lib/Util';
 import { useEffect, useRef } from 'react';
 import { mergeSx } from '@arcblock/ux/lib/Util/style';
 import ProviderIcon from '@arcblock/ux/lib/DIDConnect/provider-icon';
+import { GA_LAST_LOGIN_METHOD } from '@arcblock/ux/lib/withTracker/constant';
 
 import MobileLoginItem from './mobile-login-item';
 import WebLoginItem from './web-login-item';
@@ -50,6 +51,7 @@ export default function ConnectChooseList({
   const { extraParams, locale, connectState, plugins, setPlugins, setSelectedPlugin, getPlugin } = useStateContext();
 
   const handleLoginOAuth = useMemoizedFn(async (item) => {
+    localStorage.setItem(GA_LAST_LOGIN_METHOD, item.provider);
     tokenState.reset();
     oauthState.reset({
       status: 'scanned',
@@ -109,6 +111,7 @@ export default function ConnectChooseList({
     if (magicToken && showEmailLogin && plugins.some((plugin) => plugin.name === LOGIN_PROVIDER.EMAIL)) {
       const plugin = getPlugin(LOGIN_PROVIDER.EMAIL);
       if (plugin.state.status === 'idle') {
+        localStorage.setItem(GA_LAST_LOGIN_METHOD, 'email');
         plugin.state.reset();
         plugin.state.magicToken = magicToken;
         connectState.chooseMethod = LOGIN_PROVIDER.EMAIL;
@@ -164,6 +167,7 @@ export default function ConnectChooseList({
               tokenKey={tokenKey}
               disableSwitchApp={disableSwitchApp}
               onClick={async () => {
+                localStorage.setItem(GA_LAST_LOGIN_METHOD, 'wallet');
                 tokenState.reset();
                 await onRest();
                 tokenState.status = 'created';
@@ -183,6 +187,7 @@ export default function ConnectChooseList({
               sx={[size === 'small' ? { p: 1 } : { p: 2 }]}
               disableSwitchApp={disableSwitchApp}
               onClick={() => {
+                localStorage.setItem(GA_LAST_LOGIN_METHOD, 'wallet');
                 // HACK: 在点击插件登录时，直接将状态置为扫码中，避免插件登录时的状态切换
                 tokenState.status = 'scanned';
                 connectState.chooseMethod = 'wallet-web';
@@ -249,6 +254,7 @@ export default function ConnectChooseList({
                   behavior={passkeyBehavior}
                   sx={[size === 'small' ? { p: 1 } : { p: 2 }]}
                   onClick={() => {
+                    localStorage.setItem(GA_LAST_LOGIN_METHOD, 'passkey');
                     const connectFn = passkeyLoginRef.current.connect;
                     connectState.chooseMethod = 'passkey';
                     connectState.retryConnect = () => {

package/src/Connect/plugins/email/list-item.jsx

@@ -2,6 +2,7 @@ import PropTypes from 'prop-types';
 import { useMemoizedFn } from 'ahooks';
 import mailOutlineRoundedIcon from '@iconify-icons/material-symbols/mail-outline-rounded';
 import { LOGIN_PROVIDER, LOGIN_PROVIDER_NAME } from '@arcblock/ux/lib/Util/constant';
+import { GA_LAST_LOGIN_METHOD } from '@arcblock/ux/lib/withTracker/constant';
 
 import LoginMethodItem from '../../components/login-item/login-method-item';
 import { useStateContext } from '../../contexts/state';
@@ -9,6 +10,7 @@ import { useStateContext } from '../../contexts/state';
 export default function EmailListItem({ ...rest }) {
   const { setSelectedPlugin, getPlugin, connectState } = useStateContext();
   const handleConnect = useMemoizedFn(() => {
+    localStorage.setItem(GA_LAST_LOGIN_METHOD, 'email');
     const plugin = getPlugin(LOGIN_PROVIDER.EMAIL);
     plugin.state.reset();
     plugin.state.status = 'creating';

package/src/OAuth/context.jsx

@@ -12,7 +12,7 @@ import { LOGIN_PROVIDER_NAME, BLOCKLET_SERVICE_PATH_PREFIX } from '@arcblock/ux/
 
 // eslint-disable-next-line import/no-unresolved
 import { getApiErrorMessage, createAxios, openPopup, runPopup, sleep } from '../utils';
-import { PassportSwitcher, parseResponse } from './passport-switcher';
+import { PassportSwitcher, parseResponse } from '../components/PassportSwitcher';
 
 const OAuthContext = createContext({});
 const { Provider, Consumer: OAuthConsumer } = OAuthContext;
@@ -48,7 +48,14 @@ const translations = {
   },
 };
 
-function OAuthProvider({ children, locale = 'en', onBindOAuth = noop, onUnbindOAuth = noop, onSwitchPassport = noop }) {
+function OAuthProvider({
+  children,
+  locale = 'en',
+  onBindOAuth = noop,
+  onUnbindOAuth = noop,
+  onSwitchPassport = noop,
+  session = null,
+}) {
   const state = useReactive({
     baseUrl: '/',
     bindFnSession: undefined,
@@ -165,8 +172,8 @@ function OAuthProvider({ children, locale = 'en', onBindOAuth = noop, onUnbindOA
     }
   });
 
-  const bindOAuth = async ({ session, oauthItem } = {}) => {
-    state.bindFnSession = session;
+  const bindOAuth = async ({ session: userSession, oauthItem } = {}) => {
+    state.bindFnSession = userSession;
     state.bindAuthLoading = true;
 
     try {
@@ -188,10 +195,10 @@ function OAuthProvider({ children, locale = 'en', onBindOAuth = noop, onUnbindOA
     }
   };
 
-  const unbindOAuth = async ({ session, connectedAccount }) => {
+  const unbindOAuth = async ({ session: userSession, connectedAccount }) => {
     state.unbindAuthLoading = true;
     try {
-      const sourceAppPid = session?.user?.sourceAppPid;
+      const sourceAppPid = userSession?.user?.sourceAppPid;
       await api.current.post('/unbind', {
         locale,
         connectedAccount: omit(connectedAccount, ['showProvider']),
@@ -324,6 +331,7 @@ function OAuthProvider({ children, locale = 'en', onBindOAuth = noop, onUnbindOA
         locale={locale}
         switchState={switchState}
         onSwitchPassport={handleSwitchPassport}
+        session={session}
       />
     </Provider>
   );
@@ -341,6 +349,7 @@ OAuthProvider.propTypes = {
   onBindOAuth: PropTypes.func,
   onUnbindOAuth: PropTypes.func,
   onSwitchPassport: PropTypes.func,
+  session: PropTypes.object,
 };
 
 export { OAuthContext, OAuthConsumer, OAuthProvider, useOAuth };

package/src/OAuth/passport-switcher.jsx

@@ -1,133 +1,2 @@
-/* eslint-disable react/prop-types */
-import pick from 'lodash/pick';
-import { Confirm } from '@arcblock/ux/lib/Dialog';
-import { Box } from '@mui/material';
-import Toast from '@arcblock/ux/lib/Toast';
-import CardSelector from '@arcblock/ux/lib/CardSelector';
-import { translate } from '@arcblock/ux/lib/Locale/util';
-import { useCreation, useMemoizedFn } from 'ahooks';
-import { createPassportSvg } from '@arcblock/ux/lib/Util/passport';
-
-// eslint-disable-next-line import/no-unresolved
-import Guest from './guest.svg?react';
-
-export const parseResponse = (data) => {
-  if (!data) {
-    return {};
-  }
-
-  // for backward compatibility
-  if (typeof data === 'string') {
-    return { sessionToken: data };
-  }
-
-  return pick(data, ['sessionToken', 'refreshToken', 'visitorId', 'destroySessionId']);
-};
-
-const translations = {
-  zh: {
-    switchPassport: '切换通行证',
-    switchPassportFailed: '切换通行证失败',
-    switchPassportSucceed: '切换通行证成功',
-    selectedPassport: '请选择一个通行证',
-    switch: '切换',
-    cancel: '取消',
-    currentRole: '当前角色：',
-    passport: '通行证',
-    getPassportFailed: '获取通行证失败',
-  },
-  en: {
-    switchPassport: 'Switch passport',
-    switchPassportFailed: 'Switch passport failed',
-    switchPassportSucceed: 'Switch passport succeed',
-    selectedPassport: 'Select a passport to switch',
-    switch: 'Switch',
-    cancel: 'Cancel',
-    currentRole: 'Current role: ',
-    passport: 'Passport',
-    getPassportFailed: 'Get passports failed',
-  },
-};
-
-export function PassportSwitcher({ api, locale, switchState, onSwitchPassport }) {
-  const t = useMemoizedFn((key, data = {}) => {
-    return translate(translations, key, locale, 'en', data);
-  });
-
-  const visiblePassports = useCreation(() => {
-    return switchState.passports.filter((x) => x.role !== switchState.currentUser?.role);
-  }, [switchState.passports, switchState.currentUser?.role]);
-
-  const onSwitch = async () => {
-    try {
-      const { data } = await api.post('/switch', { passportId: switchState.selectedPassport });
-      const { sessionToken, refreshToken } = parseResponse(data);
-      onSwitchPassport({ sessionToken, refreshToken });
-      Toast.success(t('switchPassportSucceed'));
-    } catch (err) {
-      Toast.error(err.message || t('switchPassportFailed'));
-    }
-  };
-
-  return (
-    <Confirm
-      open={switchState.open}
-      title={t('switchPassport')}
-      onConfirm={onSwitch}
-      onCancel={switchState.reset}
-      confirmButton={{
-        text: t('switch'),
-        props: {
-          variant: 'contained',
-          color: 'primary',
-        },
-      }}
-      cancelButton={{
-        text: t('cancel'),
-        props: {
-          color: 'inherit',
-        },
-      }}
-      PaperProps={{ style: { width: 600 } }}>
-      <Box
-        sx={{
-          mb: 2,
-        }}>
-        {t('currentRole')}
-        {switchState.currentUser?.role}
-      </Box>
-      <CardSelector
-        width={160}
-        height={240}
-        cardSpace={24}
-        list={[
-          // eslint-disable-next-line react/no-unstable-nested-components
-          () => <Guest />,
-          ...visiblePassports.map((x) => {
-            if (x.display) {
-              return {
-                src: x.display,
-                name: x.title,
-              };
-            }
-
-            // eslint-disable-next-line react/no-unstable-nested-components, react/function-component-definition
-            return () => (
-              <Box
-                key={x.id}
-                sx={{ width: '100%' }}
-                dangerouslySetInnerHTML={{
-                  __html: createPassportSvg(x),
-                }}
-              />
-            );
-          }),
-        ]}
-        onSelect={(index) => {
-          switchState.selectedPassport = index > 0 ? visiblePassports[index - 1].id : undefined;
-        }}
-        defaultIndex={0}
-      />
-    </Confirm>
-  );
-}
+// Re-export from the shared component
+export { PassportSwitcher, parseResponse } from '../components/PassportSwitcher';

package/src/Passkey/context.jsx

@@ -11,7 +11,7 @@ import { getFederatedEnabled, getMaster, getBlockletData } from '@arcblock/ux/li
 import { startAuthentication, startRegistration } from '@simplewebauthn/browser';
 
 import { getApiErrorMessage, getWebAuthnErrorMessage, createAxios, logger } from '../utils';
-import { PassportSwitcher, parseResponse } from '../OAuth/passport-switcher';
+import { PassportSwitcher, parseResponse } from '../components/PassportSwitcher';
 
 const PasskeyContext = createContext({});
 const { Provider, Consumer: PasskeyConsumer } = PasskeyContext;
@@ -90,6 +90,7 @@ function PasskeyProvider({
   onAddPasskey = noop,
   onRemovePasskey = noop,
   onSwitchPassport = noop,
+  session = null,
 }) {
   const prefix = joinURL(window.env?.apiPrefix || BLOCKLET_SERVICE_PATH_PREFIX, '/api/passkey');
 
@@ -259,8 +260,8 @@ function PasskeyProvider({
     }
   };
 
-  const disconnectPasskey = async ({ session, connectedAccount }) => {
-    state.session = session;
+  const disconnectPasskey = async ({ session: userSession, connectedAccount }) => {
+    state.session = userSession;
     state.disconnecting = true;
 
     try {
@@ -268,7 +269,7 @@ function PasskeyProvider({
         action: 'disconnect',
         locale,
         componentId,
-        sourceAppPid: session?.user?.sourceAppPid,
+        sourceAppPid: userSession?.user?.sourceAppPid,
         credentialId: connectedAccount.id,
       });
 
@@ -360,7 +361,13 @@ function PasskeyProvider({
         t,
       }}>
       {children}
-      <PassportSwitcher api={api} locale={locale} switchState={switchState} onSwitchPassport={handleSwitchPassport} />
+      <PassportSwitcher
+        api={api}
+        locale={locale}
+        switchState={switchState}
+        onSwitchPassport={handleSwitchPassport}
+        session={session}
+      />
     </Provider>
   );
 }
@@ -376,6 +383,7 @@ PasskeyProvider.propTypes = {
   onAddPasskey: PropTypes.func,
   onRemovePasskey: PropTypes.func,
   onSwitchPassport: PropTypes.func,
+  session: PropTypes.object,
 };
 
 export { PasskeyContext, PasskeyConsumer, PasskeyProvider, usePasskey };

package/src/Session/handler.jsx

@@ -0,0 +1,98 @@
+import { ReactGA } from '@arcblock/ux/lib/withTracker';
+import { GA_LAST_LOGIN_METHOD, GA_LAST_ROLE, GA_LAST_SOURCE_PROVIDER } from '@arcblock/ux/lib/withTracker/constant';
+
+// 监听用户登录事件
+export const gaLoginSuccessHandler = () => {
+  /**
+   * @type {import('@arcblock/ux/lib/withTracker/action/login').LoginSuccessEvent}
+   */
+  const loginSuccessEvent = {
+    action: 'loginSuccess',
+    provider: localStorage.getItem(GA_LAST_LOGIN_METHOD),
+    success: true,
+  };
+  ReactGA.event(loginSuccessEvent.action, loginSuccessEvent);
+};
+
+/**
+ *
+ * @param {Error} error
+ */
+export const gaLoginFailedHandler = (error) => {
+  /**
+   * @type {import('@arcblock/ux/lib/withTracker/action/login').LoginFailedEvent}
+   */
+  const loginFailedEvent = {
+    action: 'loginFailed',
+    provider: localStorage.getItem(GA_LAST_LOGIN_METHOD),
+    success: false,
+    errorMessage: error.message,
+  };
+  ReactGA.event(loginFailedEvent.action, loginFailedEvent);
+};
+
+export const gaSwitchPassportSuccessHandler = (_result, _decrypt, session) => {
+  const fromRole = localStorage.getItem(GA_LAST_ROLE);
+  const toRole = session?.user?.role;
+  const change = `${fromRole} -> ${toRole}`;
+  /** @type {import('@arcblock/ux/lib/withTracker/action/switch-passport').SwitchPassportSuccessEvent} */
+  const switchPassportSuccessEvent = {
+    action: 'switchPassportSuccess',
+    change,
+    success: true,
+  };
+  ReactGA.event(switchPassportSuccessEvent.action, switchPassportSuccessEvent);
+};
+
+/**
+ *
+ * @param {Error} error
+ */
+export const gaSwitchPassportFailedHandler = (error) => {
+  /** @type {import('@arcblock/ux/lib/withTracker/action/switch-passport').SwitchPassportFailedEvent} */
+  const switchPassportFailedEvent = {
+    action: 'switchPassportFailed',
+    success: false,
+    errorMessage: error.message,
+  };
+  ReactGA.event(switchPassportFailedEvent.action, switchPassportFailedEvent);
+};
+
+/**
+ *
+ * @param {any} _result
+ * @param {Function} _decrypt
+ * @param {import('../types').SessionProps} session
+ */
+/**
+ *
+ * @param {any} _result
+ * @param {Function} _decrypt
+ * @param {import('../types').SessionProps} session
+ */
+export const gaBindWalletSuccessHandler = (_result, _decrypt, session) => {
+  /**
+   * @type {import('@arcblock/ux/lib/withTracker/action/bind-wallet').BindWalletSuccessEvent} */
+  const bindWalletEvent = {
+    action: 'bindWalletSuccess',
+    provider: session?.user?.sourceProvider,
+    success: true,
+  };
+  ReactGA.event(bindWalletEvent.action, bindWalletEvent);
+};
+
+/**
+ * @param {Error} error
+ * @param {import('../types').User} user
+ */
+export const gaBindWalletFailedHandler = (error) => {
+  /** @type {import('@arcblock/ux/lib/withTracker/action/bind-wallet').BindWalletFailedEvent} */
+  const bindWalletFailedEvent = {
+    action: 'bindWalletFailed',
+    provider: localStorage.getItem(GA_LAST_SOURCE_PROVIDER),
+    success: false,
+    errorMessage: error.message,
+  };
+
+  ReactGA.event(bindWalletFailedEvent.action, bindWalletFailedEvent);
+};

package/src/Session/hooks/use-session-token.js

@@ -8,6 +8,8 @@ import Toast from '@arcblock/ux/lib/Toast';
 import pRetry from 'p-retry';
 import noop from 'lodash/noop';
 
+import { ReactGA } from '@arcblock/ux/lib/withTracker';
+import { GA_LAST_SOURCE_PROVIDER } from '@arcblock/ux/lib/withTracker/constant';
 import createService from '../../Service';
 import { createAxios, getBrowserLang, decrypt as _decrypt, sleep, logger, debug } from '../../utils';
 import { CHECK_INTERVAL_TIME, LANG_COOKIE_NAME } from '../../constant';
@@ -103,6 +105,16 @@ export default function useSessionToken({
         }
         const { data, status } = await requestFn();
 
+        const userId = data?.user?.did;
+        if (userId) {
+          ReactGA.set({
+            user_id: userId,
+          });
+        }
+        if (data?.user?.sourceProvider) {
+          localStorage.setItem(GA_LAST_SOURCE_PROVIDER, data.user.sourceProvider);
+        }
+
         if (status === 400) {
           // NOTE: 如果通过多种方式传递了 token，服务端会报 400 的错误，需要移除现有的 token
           removeToken();