@blocklet/ui-react 2.13.13 → 2.13.14

package/lib/UserCenter/components/third-party-login/index.js

@@ -7,11 +7,13 @@ import { getConnectedAccounts, getSourceProvider } from "@arcblock/ux/lib/Sessio
 import { LOGIN_PROVIDER } from "@arcblock/ux/lib/Util/constant";
 import { SessionContext } from "@arcblock/did-connect/lib/Session";
 import { PasskeyActions } from "@arcblock/did-connect/lib/Passkey";
+import { useBrowser } from "@arcblock/react-hooks";
 import ThirdPartyItem from "./third-party-item.js";
 export default function ThirdPartyLogin({ user }) {
   const { session } = useContext(SessionContext);
   const [oauthConfigs, setOauthConfigs] = useState({});
   const { getOAuthConfigs } = session.useOAuth();
+  const browser = useBrowser();
   useAsyncEffect(async () => {
     const data = await getOAuthConfigs({
       sourceAppPid: user?.sourceAppPid
@@ -149,7 +151,7 @@ export default function ThirdPartyLogin({ user }) {
         walletAccounts.map((account) => {
           return /* @__PURE__ */ jsx(ThirdPartyItem, { item: account }, account.id);
         }),
-        /* @__PURE__ */ jsx(
+        browser.wallet || browser.arcSphere ? null : /* @__PURE__ */ jsx(
           PasskeyActions,
           {
             behavior: "only-new",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/ui-react",
-  "version": "2.13.13",
+  "version": "2.13.14",
   "description": "Some useful front-end web components that can be used in Blocklets.",
   "keywords": [
     "react",
@@ -34,9 +34,9 @@
   "dependencies": {
     "@abtnode/constant": "^1.16.42",
     "@abtnode/util": "^1.16.42",
-    "@arcblock/bridge": "^2.13.13",
-    "@arcblock/react-hooks": "^2.13.13",
-    "@arcblock/ws": "^1.20.1",
+    "@arcblock/bridge": "^2.13.14",
+    "@arcblock/react-hooks": "^2.13.14",
+    "@arcblock/ws": "^1.20.2",
     "@blocklet/constant": "^1.16.42",
     "@blocklet/did-space-react": "^1.0.48",
     "@iconify-icons/logos": "^1.2.36",
@@ -94,5 +94,5 @@
     "jest": "^29.7.0",
     "unbuild": "^2.0.0"
   },
-  "gitHead": "b098f3a884e8b34a1926479507b674d40ea58298"
+  "gitHead": "b9f48199169b641a2d3277806501471a56dd496d"
 }

package/src/UserCenter/components/third-party-login/index.tsx

@@ -6,6 +6,7 @@ import { getConnectedAccounts, getSourceProvider } from '@arcblock/ux/lib/Sessio
 import { LOGIN_PROVIDER } from '@arcblock/ux/lib/Util/constant';
 import { SessionContext } from '@arcblock/did-connect/lib/Session';
 import { PasskeyActions } from '@arcblock/did-connect/lib/Passkey';
+import { useBrowser } from '@arcblock/react-hooks';
 
 import type { ConnectedAccount, OAuthAccount, User, SessionContext as TSessionContext } from '../../../@types';
 import ThirdPartyItem from './third-party-item';
@@ -18,6 +19,7 @@ export default function ThirdPartyLogin({ user }: { user: User }) {
   const { session } = useContext<TSessionContext>(SessionContext);
   const [oauthConfigs, setOauthConfigs] = useState<Record<string, ConnectedAccountProps>>({});
   const { getOAuthConfigs } = session.useOAuth();
+  const browser = useBrowser();
 
   useAsyncEffect(async () => {
     const data = await getOAuthConfigs({
@@ -174,20 +176,22 @@ export default function ThirdPartyLogin({ user }: { user: User }) {
           {walletAccounts.map((account) => {
             return <ThirdPartyItem key={account.id} item={account as OAuthAccount} />;
           })}
-          <PasskeyActions
-            behavior="only-new"
-            action="connect"
-            createMode="connect"
-            createButtonText="Add New Passkey"
-            onSuccess={noop}
-            onError={noop}
-            dense
-            sx={{
-              px: 1.5,
-              py: 1,
-              gap: 0.75,
-            }}
-          />
+          {browser.wallet || browser.arcSphere ? null : (
+            <PasskeyActions
+              behavior="only-new"
+              action="connect"
+              createMode="connect"
+              createButtonText="Add New Passkey"
+              onSuccess={noop}
+              onError={noop}
+              dense
+              sx={{
+                px: 1.5,
+                py: 1,
+                gap: 0.75,
+              }}
+            />
+          )}
         </>
       )}
     </Box>