@blocklet/did-space-react 0.5.75 → 0.5.77

package/dist/cjs/components/preview-space-nft/index.js

@@ -17,7 +17,7 @@ function PreviewSpaceNft({
   const handleClose = () => setOpen(false);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { position: "relative" }, onClick: handleOpen, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("object", { data: src, width, height, children: /* @__PURE__ */ jsxRuntime.jsx(emptySpaceNft, { viewBox: "0 0 228 258", style: { cursor: "pointer", width: "64px", height: "64px" } }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("object", { data: src, width, height, children: /* @__PURE__ */ jsxRuntime.jsx(emptySpaceNft, { viewBox: "0 0 228 258", style: { cursor: "pointer", width, height } }) }),
       /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {

package/dist/cjs/components/space-card/index.d.ts

@@ -6,6 +6,7 @@ export type Action = React.ReactNode | ((props: {
     errorCode: number;
     selected: boolean;
     compat: boolean;
+    isLegacySpace: boolean;
     refresh: () => void;
 }) => React.ReactNode);
 export interface SpaceCardProps extends BoxProps {

package/dist/cjs/components/space-card/index.js

@@ -10,6 +10,8 @@ const Theme = require('@arcblock/ux/lib/Theme');
 const React = require('react');
 const axios = require('axios');
 const ahooks = require('ahooks');
+const compareVersions = require('compare-versions');
+const _package = require('../../package.json.js');
 const constants = require('../../libs/constants.js');
 const useMobile = require('../../hooks/use-mobile.js');
 const useSpaceInfo = require('../../hooks/use-space-info.js');
@@ -140,8 +142,9 @@ function SpaceCard({ endpoint, selected = false, compat, action, className, deps
   if (isUndefined(isCompact)) {
     isCompact = isMobile;
   }
-  const spaceDid = util.getDIDSpaceDidFromEndpoint(endpoint);
-  const spaceUrl = util.getDIDSpaceUrlFromEndpoint(endpoint);
+  const spaceDid = util.getSpaceDidFromEndpoint(endpoint);
+  const spaceUrl = util.getSpaceUrlFromEndpoint(endpoint);
+  const spaceOrigin = new URL(endpoint).origin;
   const gatewayUrl = util.getSpaceGatewayUrlFromEndpoint(endpoint);
   const [refreshSpaceInfo, setRefreshSpaceInfo] = React.useState(false);
   const refresh = () => setRefreshSpaceInfo((p) => !p);
@@ -161,7 +164,7 @@ function SpaceCard({ endpoint, selected = false, compat, action, className, deps
     spaceStatus.current = index.SpaceStatus.LOADING;
     spaceName = /* @__PURE__ */ jsxRuntime.jsx(material.Skeleton, { variant: "text", sx: { width: "180px", fontSize: "1rem" } });
   } else if (spaceInfo) {
-    spaceName = spaceInfo.spaceName;
+    spaceName = spaceInfo.name;
     if (!isAvailable) {
       spaceStatus.current = index.SpaceStatus.UNAVAILABLE;
       errorCode = spaceInfo.errorCode;
@@ -180,6 +183,8 @@ function SpaceCard({ endpoint, selected = false, compat, action, className, deps
       errorCode = constants.SPACE_CONNECT_ERROR_CODE.NETWORK_ERROR;
     }
   }
+  const spaceVersion = spaceInfo?.version;
+  const isLegacySpace = !!spaceInfo && (!spaceVersion || compareVersions.compareVersions(spaceVersion, _package.version) < 0);
   const renderAction = () => {
     if (loading)
       return null;
@@ -187,7 +192,7 @@ function SpaceCard({ endpoint, selected = false, compat, action, className, deps
       return action({
         spaceGateway: {
           did: spaceDid,
-          name: spaceInfo?.spaceName ?? "",
+          name: spaceInfo?.name ?? "",
           url: gatewayUrl,
           endpoint,
           ownerDid: spaceInfo?.ownerDid ?? ""
@@ -196,6 +201,7 @@ function SpaceCard({ endpoint, selected = false, compat, action, className, deps
         errorCode,
         selected,
         compat: isCompact,
+        isLegacySpace,
         refresh
       });
     }
@@ -211,7 +217,36 @@ function SpaceCard({ endpoint, selected = false, compat, action, className, deps
       ...rest,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { display: "flex", alignItems: "center", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(index$1.PreviewSpaceNft, { src: util.getSpaceNftDisplayUrlFromEndpoint(endpoint), width: "72px", height: "72px" }),
+          /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { position: "relative" }, children: [
+            isLegacySpace && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { position: "absolute", top: 0, right: 0, zIndex: 2, transform: "translate(40%, -50%)" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+              material.Tooltip,
+              {
+                title: /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { whiteSpace: "pre-wrap" }, children: [
+                  t("storage.spaces.helperText.outdatedSpace"),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    material.Link,
+                    {
+                      href: ufo.joinURL(spaceOrigin, ".well-known/service/admin/components"),
+                      target: "_blank",
+                      sx: { pl: 0.5 },
+                      children: t("storage.spaces.helperText.upgradeSpace")
+                    }
+                  )
+                ] }),
+                placement: "top",
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  material.Chip,
+                  {
+                    label: t("common.upgrade"),
+                    color: "error",
+                    size: "small",
+                    sx: { transform: "scale(0.8)", cursor: "pointer" }
+                  }
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx(index$1.PreviewSpaceNft, { src: util.getSpaceNftDisplayUrlFromEndpoint(endpoint), width: "72px", height: "72px" })
+          ] }),
           /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { ml: 2, flex: 1, spacing: 1, minWidth: 0, children: [
             /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { display: "flex", alignItems: "center", sx: { whiteSpace: "nowrap" }, children: [
               spaceName && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { className: "space-name", children: spaceName }),

package/dist/cjs/hooks/use-space-info.d.ts

@@ -1,11 +1,13 @@
+type SpaceInfo = {
+    version: string;
+    name: string;
+    subscriptionId: string;
+    ownerDid: string;
+    isAvailable: boolean;
+    errorCode: number;
+};
 export default function useSpaceInfo({ endpoint, deps }: {
     endpoint: string;
     deps?: any[];
-}): import("ahooks/lib/useRequest/src/types").Result<{
-    spaceName: string;
-    subscriptionId: any;
-    ownerDid: any;
-    isAvailable: boolean;
-    errorMessage: string;
-    errorCode: number;
-} | undefined, []>;
+}): import("ahooks/lib/useRequest/src/types").Result<SpaceInfo | undefined, any[]>;
+export {};

package/dist/cjs/hooks/use-space-info.js

@@ -2,6 +2,7 @@
 
 const isUrl = require('is-url');
 const ahooks = require('ahooks');
+const constants = require('../libs/constants.js');
 const api = require('../libs/api.js');
 
 function useSpaceInfo({ endpoint, deps = [] }) {
@@ -16,14 +17,47 @@ function useSpaceInfo({ endpoint, deps = [] }) {
           withExtras: true
         }
       });
-      const spaceName = headers["x-space-name"];
+      const [
+        rawName,
+        rawSubscriptionId,
+        isListable,
+        isReadable,
+        isWriteable,
+        rawVersion,
+        rawOwnerDid,
+        rawAvailable,
+        rawErrorCode
+      ] = [
+        headers["x-space-name"],
+        headers["x-subscription-id"],
+        headers["x-listable"] === "true",
+        headers["x-readable"] === "true",
+        headers["x-writeable"] === "true",
+        // 新版 headers
+        headers["x-space-version"],
+        headers["x-space-owner-did"],
+        headers["x-space-is-available"],
+        headers["x-error-code"]
+      ];
+      const name = rawName ? decodeURIComponent(rawName) : "";
+      if (rawAvailable === void 0) {
+        const isAvailable = isListable && isReadable && isWriteable;
+        return {
+          version: rawVersion || "",
+          name,
+          subscriptionId: rawSubscriptionId,
+          ownerDid: rawOwnerDid || "",
+          isAvailable,
+          errorCode: isAvailable ? 0 : constants.SPACE_CONNECT_ERROR_CODE.UNAUTHORIZED
+        };
+      }
       return {
-        spaceName: spaceName ? decodeURIComponent(spaceName) : "",
-        subscriptionId: headers["x-subscription-id"],
-        ownerDid: headers["x-space-owner-did"],
-        isAvailable: headers["x-space-is-available"] === "true",
-        errorMessage: decodeURIComponent(headers["x-error-message"]),
-        errorCode: parseInt(headers["x-error-code"], 10)
+        version: rawVersion || "",
+        name,
+        subscriptionId: rawSubscriptionId,
+        ownerDid: rawOwnerDid,
+        isAvailable: rawAvailable === "true",
+        errorCode: parseInt(rawErrorCode, 10)
       };
     },
     {

package/dist/cjs/index.js

@@ -41,12 +41,11 @@ exports.fixCorsErrorPageUrl = constants.fixCorsErrorPageUrl;
 exports.classNames = util.classNames;
 exports.decryptSpaceGateway = util.decryptSpaceGateway;
 exports.extraDIDSpacesCoreUrl = util.extraDIDSpacesCoreUrl;
-exports.getDIDSpaceDidFromEndpoint = util.getDIDSpaceDidFromEndpoint;
-exports.getDIDSpaceUrlFromEndpoint = util.getDIDSpaceUrlFromEndpoint;
 exports.getSpaceDidFromEndpoint = util.getSpaceDidFromEndpoint;
 exports.getSpaceDidFromSpaceUrl = util.getSpaceDidFromSpaceUrl;
 exports.getSpaceGatewayUrlFromEndpoint = util.getSpaceGatewayUrlFromEndpoint;
 exports.getSpaceNftDisplayUrlFromEndpoint = util.getSpaceNftDisplayUrlFromEndpoint;
+exports.getSpaceUrlFromEndpoint = util.getSpaceUrlFromEndpoint;
 exports.isCorsBlockedError = util.isCorsBlockedError;
 exports.t = util.t;
 exports.getSpaceGatewayUrl = gateway.getSpaceGatewayUrl;

package/dist/cjs/libs/util.d.ts

@@ -11,10 +11,9 @@ type ClassStr = string | undefined | null;
  * classNames(['foo', 'bar']); // => 'foo bar'
  */
 export declare function classNames(...classes: (ClassStr | Record<string, boolean> | Array<ClassStr | Record<string, boolean>>)[]): string;
-export declare function getDIDSpaceDidFromEndpoint(endpoint: string): string | undefined;
-export declare function getDIDSpaceUrlFromEndpoint(endpoint: string): string;
-export declare function getSpaceNftDisplayUrlFromEndpoint(endpoint: string): string;
 export declare function getSpaceDidFromEndpoint(endpoint: string): string | undefined;
+export declare function getSpaceUrlFromEndpoint(endpoint: string): string;
+export declare function getSpaceNftDisplayUrlFromEndpoint(endpoint: string): string;
 export declare function getSpaceGatewayUrlFromEndpoint(endpoint: string): string;
 export declare function extraDIDSpacesCoreUrl(url: string): string;
 export declare function getSpaceDidFromSpaceUrl(url: string): string | undefined;

package/dist/cjs/libs/util.js

@@ -24,12 +24,12 @@ function classNames(...classes) {
   });
   return result.join(" ");
 }
-function getDIDSpaceDidFromEndpoint(endpoint) {
+function getSpaceDidFromEndpoint(endpoint) {
   const strArray = endpoint.replace(/\/$/, "").split("/");
   const spaceDid = strArray.at(-4);
   return spaceDid;
 }
-function getDIDSpaceUrlFromEndpoint(endpoint) {
+function getSpaceUrlFromEndpoint(endpoint) {
   const prefix = endpoint.replace(/\/api\/space\/.+/, "");
   const strArray = endpoint.replace(/\/$/, "").split("/");
   const spaceDid = strArray.at(-4);
@@ -41,13 +41,8 @@ function getSpaceNftDisplayUrlFromEndpoint(endpoint) {
   const spaceDid = strArray.at(-4);
   return ufo.joinURL(prefix, `/api/space/nft/display?spaceDid=${spaceDid}`);
 }
-function getSpaceDidFromEndpoint(endpoint) {
-  const strArray = endpoint.replace(/\/$/, "").split("/");
-  const spaceDid = strArray.at(-4);
-  return spaceDid;
-}
 function getSpaceGatewayUrlFromEndpoint(endpoint) {
-  const spaceUrl = getDIDSpaceUrlFromEndpoint(endpoint);
+  const spaceUrl = getSpaceUrlFromEndpoint(endpoint);
   return spaceUrl.split("/space/")[0];
 }
 function extraDIDSpacesCoreUrl(url) {
@@ -87,11 +82,10 @@ function t(key, localeOrData, data = {}) {
 exports.classNames = classNames;
 exports.decryptSpaceGateway = decryptSpaceGateway;
 exports.extraDIDSpacesCoreUrl = extraDIDSpacesCoreUrl;
-exports.getDIDSpaceDidFromEndpoint = getDIDSpaceDidFromEndpoint;
-exports.getDIDSpaceUrlFromEndpoint = getDIDSpaceUrlFromEndpoint;
 exports.getSpaceDidFromEndpoint = getSpaceDidFromEndpoint;
 exports.getSpaceDidFromSpaceUrl = getSpaceDidFromSpaceUrl;
 exports.getSpaceGatewayUrlFromEndpoint = getSpaceGatewayUrlFromEndpoint;
 exports.getSpaceNftDisplayUrlFromEndpoint = getSpaceNftDisplayUrlFromEndpoint;
+exports.getSpaceUrlFromEndpoint = getSpaceUrlFromEndpoint;
 exports.isCorsBlockedError = isCorsBlockedError;
 exports.t = t;

package/dist/cjs/locales/en.js

@@ -10,7 +10,8 @@ const en = flat.flatten({
     error: "Error",
     open: "Open",
     unknown: "Unknown",
-    invalidUrl: "Invalid url: {url}"
+    invalidUrl: "Invalid url: {url}",
+    upgrade: "Upgrade"
   },
   storage: {
     spaces: {
@@ -55,7 +56,9 @@ const en = flat.flatten({
         success: "Connected successfully"
       },
       helperText: {
-        fixCorsError: "Fixing CORS Errors When Connecting to Space"
+        fixCorsError: "Fixing CORS Errors When Connecting to Space",
+        outdatedSpace: "The current version of DID Spaces is too low, please contact your administrator to upgrade for the best experience! \n If you are an administrator, you can upgrade by clicking the following link",
+        upgradeSpace: "Upgrade DID Spaces"
       }
     }
   }

package/dist/cjs/locales/zh.js

@@ -10,7 +10,8 @@ const zh = flat.flatten({
     error: "\u9519\u8BEF",
     open: "\u6253\u5F00",
     unknown: "\u672A\u77E5",
-    invalidUrl: "\u65E0\u6548\u7684 url: {url}"
+    invalidUrl: "\u65E0\u6548\u7684 url: {url}",
+    upgrade: "\u5347\u7EA7"
   },
   storage: {
     spaces: {
@@ -53,6 +54,11 @@ const zh = flat.flatten({
         title: "\u8BF7\u4E3A {appName} \u51FA\u793A DID Spaces NFT",
         scan: "\u4F7F\u7528\u4F60\u7684 DID Wallet \u626B\u63CF\u4E0B\u9762\u7684\u4E8C\u7EF4\u7801\u4E3A\u5E94\u7528 {appName} \u51FA\u793A DID Spaces NFT",
         success: "\u8FDE\u63A5\u6210\u529F"
+      },
+      helperText: {
+        fixCorsError: "\u4FEE\u590D\u8FDE\u63A5 DID Spaces \u65F6\u7684 CORS \u9519\u8BEF",
+        outdatedSpace: "\u5F53\u524D DID Spaces \u7248\u672C\u8FC7\u4F4E\uFF0C\u8BF7\u8054\u7CFB\u7BA1\u7406\u5458\u5347\u7EA7\u4EE5\u83B7\u5F97\u6700\u4F73\u4F53\u9A8C\uFF01\n\u5982\u679C\u60A8\u662F\u7BA1\u7406\u5458\uFF0C\u53EF\u70B9\u51FB\u4EE5\u4E0B\u94FE\u63A5\u5347\u7EA7",
+        upgradeSpace: "\u5347\u7EA7 DID Spaces"
       }
     }
   }

package/dist/cjs/package.json.js

@@ -0,0 +1,5 @@
+'use strict';
+
+const version = "0.5.77";
+
+exports.version = version;

package/dist/es/components/preview-space-nft/index.js

@@ -15,7 +15,7 @@ function PreviewSpaceNft({
   const handleClose = () => setOpen(false);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { style: { position: "relative" }, onClick: handleOpen, children: [
-      /* @__PURE__ */ jsx("object", { data: src, width, height, children: /* @__PURE__ */ jsx(SvgEmptySpaceNft, { viewBox: "0 0 228 258", style: { cursor: "pointer", width: "64px", height: "64px" } }) }),
+      /* @__PURE__ */ jsx("object", { data: src, width, height, children: /* @__PURE__ */ jsx(SvgEmptySpaceNft, { viewBox: "0 0 228 258", style: { cursor: "pointer", width, height } }) }),
       /* @__PURE__ */ jsx(
         "div",
         {

package/dist/es/components/space-card/index.d.ts

@@ -6,6 +6,7 @@ export type Action = React.ReactNode | ((props: {
     errorCode: number;
     selected: boolean;
     compat: boolean;
+    isLegacySpace: boolean;
     refresh: () => void;
 }) => React.ReactNode);
 export interface SpaceCardProps extends BoxProps {

package/dist/es/components/space-card/index.js

@@ -1,18 +1,20 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import isUndefined from 'lodash/isUndefined';
-import { withQuery, joinURL } from 'ufo';
-import { Box, Stack, Tooltip, Link, Skeleton } from '@mui/material';
+import { joinURL, withQuery } from 'ufo';
+import { Box, Tooltip, Link, Chip, Stack, Skeleton } from '@mui/material';
 import OpenInNewIcon from '@mui/icons-material/OpenInNew';
 import DidAddress from '@arcblock/ux/lib/DID';
 import { styled } from '@arcblock/ux/lib/Theme';
 import { useState, useRef, useEffect } from 'react';
 import { AxiosError } from 'axios';
 import { useCreation } from 'ahooks';
+import { compareVersions } from 'compare-versions';
+import { version } from '../../package.json.js';
 import { SPACE_CONNECT_ERROR_CODE, fixCorsErrorPageUrl } from '../../libs/constants.js';
 import useMobile from '../../hooks/use-mobile.js';
 import useSpaceInfo from '../../hooks/use-space-info.js';
 import useLocale from '../../hooks/use-locale.js';
-import { getDIDSpaceDidFromEndpoint, getDIDSpaceUrlFromEndpoint, getSpaceGatewayUrlFromEndpoint, isCorsBlockedError, classNames, getSpaceNftDisplayUrlFromEndpoint } from '../../libs/util.js';
+import { getSpaceDidFromEndpoint, getSpaceUrlFromEndpoint, getSpaceGatewayUrlFromEndpoint, isCorsBlockedError, classNames, getSpaceNftDisplayUrlFromEndpoint } from '../../libs/util.js';
 import { SpaceStatus } from '../../types/index.js';
 import '../../icons/index.js';
 import { PreviewSpaceNft } from '../preview-space-nft/index.js';
@@ -138,8 +140,9 @@ function SpaceCard({ endpoint, selected = false, compat, action, className, deps
   if (isUndefined(isCompact)) {
     isCompact = isMobile;
   }
-  const spaceDid = getDIDSpaceDidFromEndpoint(endpoint);
-  const spaceUrl = getDIDSpaceUrlFromEndpoint(endpoint);
+  const spaceDid = getSpaceDidFromEndpoint(endpoint);
+  const spaceUrl = getSpaceUrlFromEndpoint(endpoint);
+  const spaceOrigin = new URL(endpoint).origin;
   const gatewayUrl = getSpaceGatewayUrlFromEndpoint(endpoint);
   const [refreshSpaceInfo, setRefreshSpaceInfo] = useState(false);
   const refresh = () => setRefreshSpaceInfo((p) => !p);
@@ -159,7 +162,7 @@ function SpaceCard({ endpoint, selected = false, compat, action, className, deps
     spaceStatus.current = SpaceStatus.LOADING;
     spaceName = /* @__PURE__ */ jsx(Skeleton, { variant: "text", sx: { width: "180px", fontSize: "1rem" } });
   } else if (spaceInfo) {
-    spaceName = spaceInfo.spaceName;
+    spaceName = spaceInfo.name;
     if (!isAvailable) {
       spaceStatus.current = SpaceStatus.UNAVAILABLE;
       errorCode = spaceInfo.errorCode;
@@ -178,6 +181,8 @@ function SpaceCard({ endpoint, selected = false, compat, action, className, deps
       errorCode = SPACE_CONNECT_ERROR_CODE.NETWORK_ERROR;
     }
   }
+  const spaceVersion = spaceInfo?.version;
+  const isLegacySpace = !!spaceInfo && (!spaceVersion || compareVersions(spaceVersion, version) < 0);
   const renderAction = () => {
     if (loading)
       return null;
@@ -185,7 +190,7 @@ function SpaceCard({ endpoint, selected = false, compat, action, className, deps
       return action({
         spaceGateway: {
           did: spaceDid,
-          name: spaceInfo?.spaceName ?? "",
+          name: spaceInfo?.name ?? "",
           url: gatewayUrl,
           endpoint,
           ownerDid: spaceInfo?.ownerDid ?? ""
@@ -194,6 +199,7 @@ function SpaceCard({ endpoint, selected = false, compat, action, className, deps
         errorCode,
         selected,
         compat: isCompact,
+        isLegacySpace,
         refresh
       });
     }
@@ -209,7 +215,36 @@ function SpaceCard({ endpoint, selected = false, compat, action, className, deps
       ...rest,
       children: [
         /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", children: [
-          /* @__PURE__ */ jsx(PreviewSpaceNft, { src: getSpaceNftDisplayUrlFromEndpoint(endpoint), width: "72px", height: "72px" }),
+          /* @__PURE__ */ jsxs(Box, { sx: { position: "relative" }, children: [
+            isLegacySpace && /* @__PURE__ */ jsx(Box, { sx: { position: "absolute", top: 0, right: 0, zIndex: 2, transform: "translate(40%, -50%)" }, children: /* @__PURE__ */ jsx(
+              Tooltip,
+              {
+                title: /* @__PURE__ */ jsxs("span", { style: { whiteSpace: "pre-wrap" }, children: [
+                  t("storage.spaces.helperText.outdatedSpace"),
+                  /* @__PURE__ */ jsx(
+                    Link,
+                    {
+                      href: joinURL(spaceOrigin, ".well-known/service/admin/components"),
+                      target: "_blank",
+                      sx: { pl: 0.5 },
+                      children: t("storage.spaces.helperText.upgradeSpace")
+                    }
+                  )
+                ] }),
+                placement: "top",
+                children: /* @__PURE__ */ jsx(
+                  Chip,
+                  {
+                    label: t("common.upgrade"),
+                    color: "error",
+                    size: "small",
+                    sx: { transform: "scale(0.8)", cursor: "pointer" }
+                  }
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsx(PreviewSpaceNft, { src: getSpaceNftDisplayUrlFromEndpoint(endpoint), width: "72px", height: "72px" })
+          ] }),
           /* @__PURE__ */ jsxs(Stack, { ml: 2, flex: 1, spacing: 1, minWidth: 0, children: [
             /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", sx: { whiteSpace: "nowrap" }, children: [
               spaceName && /* @__PURE__ */ jsx(Box, { className: "space-name", children: spaceName }),

package/dist/es/hooks/use-space-info.d.ts

@@ -1,11 +1,13 @@
+type SpaceInfo = {
+    version: string;
+    name: string;
+    subscriptionId: string;
+    ownerDid: string;
+    isAvailable: boolean;
+    errorCode: number;
+};
 export default function useSpaceInfo({ endpoint, deps }: {
     endpoint: string;
     deps?: any[];
-}): import("ahooks/lib/useRequest/src/types").Result<{
-    spaceName: string;
-    subscriptionId: any;
-    ownerDid: any;
-    isAvailable: boolean;
-    errorMessage: string;
-    errorCode: number;
-} | undefined, []>;
+}): import("ahooks/lib/useRequest/src/types").Result<SpaceInfo | undefined, any[]>;
+export {};

package/dist/es/hooks/use-space-info.js

@@ -1,5 +1,6 @@
 import isUrl from 'is-url';
 import { useRequest } from 'ahooks';
+import { SPACE_CONNECT_ERROR_CODE } from '../libs/constants.js';
 import api from '../libs/api.js';
 
 function useSpaceInfo({ endpoint, deps = [] }) {
@@ -14,14 +15,47 @@ function useSpaceInfo({ endpoint, deps = [] }) {
           withExtras: true
         }
       });
-      const spaceName = headers["x-space-name"];
+      const [
+        rawName,
+        rawSubscriptionId,
+        isListable,
+        isReadable,
+        isWriteable,
+        rawVersion,
+        rawOwnerDid,
+        rawAvailable,
+        rawErrorCode
+      ] = [
+        headers["x-space-name"],
+        headers["x-subscription-id"],
+        headers["x-listable"] === "true",
+        headers["x-readable"] === "true",
+        headers["x-writeable"] === "true",
+        // 新版 headers
+        headers["x-space-version"],
+        headers["x-space-owner-did"],
+        headers["x-space-is-available"],
+        headers["x-error-code"]
+      ];
+      const name = rawName ? decodeURIComponent(rawName) : "";
+      if (rawAvailable === void 0) {
+        const isAvailable = isListable && isReadable && isWriteable;
+        return {
+          version: rawVersion || "",
+          name,
+          subscriptionId: rawSubscriptionId,
+          ownerDid: rawOwnerDid || "",
+          isAvailable,
+          errorCode: isAvailable ? 0 : SPACE_CONNECT_ERROR_CODE.UNAUTHORIZED
+        };
+      }
       return {
-        spaceName: spaceName ? decodeURIComponent(spaceName) : "",
-        subscriptionId: headers["x-subscription-id"],
-        ownerDid: headers["x-space-owner-did"],
-        isAvailable: headers["x-space-is-available"] === "true",
-        errorMessage: decodeURIComponent(headers["x-error-message"]),
-        errorCode: parseInt(headers["x-error-code"], 10)
+        version: rawVersion || "",
+        name,
+        subscriptionId: rawSubscriptionId,
+        ownerDid: rawOwnerDid,
+        isAvailable: rawAvailable === "true",
+        errorCode: parseInt(rawErrorCode, 10)
       };
     },
     {

package/dist/es/index.js

@@ -8,7 +8,7 @@ export { BaseConnectTo } from './components/base-connect-to/index.js';
 export { AuthConnectTo } from './components/auth-connect-to/index.js';
 export { SessionConnectTo } from './components/session-connect-to/index.js';
 export { AUTHORIZE, SPACE_CONNECT_ERROR_CODE, copyGatewayPageUrl, fixCorsErrorPageUrl } from './libs/constants.js';
-export { classNames, decryptSpaceGateway, extraDIDSpacesCoreUrl, getDIDSpaceDidFromEndpoint, getDIDSpaceUrlFromEndpoint, getSpaceDidFromEndpoint, getSpaceDidFromSpaceUrl, getSpaceGatewayUrlFromEndpoint, getSpaceNftDisplayUrlFromEndpoint, isCorsBlockedError, t } from './libs/util.js';
+export { classNames, decryptSpaceGateway, extraDIDSpacesCoreUrl, getSpaceDidFromEndpoint, getSpaceDidFromSpaceUrl, getSpaceGatewayUrlFromEndpoint, getSpaceNftDisplayUrlFromEndpoint, getSpaceUrlFromEndpoint, isCorsBlockedError, t } from './libs/util.js';
 export { getSpaceGatewayUrl, verifySpaceUrl } from './libs/gateway.js';
 export { translations } from './locales/index.js';
 export { SpaceStatus } from './types/index.js';

package/dist/es/libs/util.d.ts

@@ -11,10 +11,9 @@ type ClassStr = string | undefined | null;
  * classNames(['foo', 'bar']); // => 'foo bar'
  */
 export declare function classNames(...classes: (ClassStr | Record<string, boolean> | Array<ClassStr | Record<string, boolean>>)[]): string;
-export declare function getDIDSpaceDidFromEndpoint(endpoint: string): string | undefined;
-export declare function getDIDSpaceUrlFromEndpoint(endpoint: string): string;
-export declare function getSpaceNftDisplayUrlFromEndpoint(endpoint: string): string;
 export declare function getSpaceDidFromEndpoint(endpoint: string): string | undefined;
+export declare function getSpaceUrlFromEndpoint(endpoint: string): string;
+export declare function getSpaceNftDisplayUrlFromEndpoint(endpoint: string): string;
 export declare function getSpaceGatewayUrlFromEndpoint(endpoint: string): string;
 export declare function extraDIDSpacesCoreUrl(url: string): string;
 export declare function getSpaceDidFromSpaceUrl(url: string): string | undefined;

package/dist/es/libs/util.js

@@ -22,12 +22,12 @@ function classNames(...classes) {
   });
   return result.join(" ");
 }
-function getDIDSpaceDidFromEndpoint(endpoint) {
+function getSpaceDidFromEndpoint(endpoint) {
   const strArray = endpoint.replace(/\/$/, "").split("/");
   const spaceDid = strArray.at(-4);
   return spaceDid;
 }
-function getDIDSpaceUrlFromEndpoint(endpoint) {
+function getSpaceUrlFromEndpoint(endpoint) {
   const prefix = endpoint.replace(/\/api\/space\/.+/, "");
   const strArray = endpoint.replace(/\/$/, "").split("/");
   const spaceDid = strArray.at(-4);
@@ -39,13 +39,8 @@ function getSpaceNftDisplayUrlFromEndpoint(endpoint) {
   const spaceDid = strArray.at(-4);
   return joinURL(prefix, `/api/space/nft/display?spaceDid=${spaceDid}`);
 }
-function getSpaceDidFromEndpoint(endpoint) {
-  const strArray = endpoint.replace(/\/$/, "").split("/");
-  const spaceDid = strArray.at(-4);
-  return spaceDid;
-}
 function getSpaceGatewayUrlFromEndpoint(endpoint) {
-  const spaceUrl = getDIDSpaceUrlFromEndpoint(endpoint);
+  const spaceUrl = getSpaceUrlFromEndpoint(endpoint);
   return spaceUrl.split("/space/")[0];
 }
 function extraDIDSpacesCoreUrl(url) {
@@ -82,4 +77,4 @@ function t(key, localeOrData, data = {}) {
   return translate(translations, key, locale, "en", finalData);
 }
 
-export { classNames, decryptSpaceGateway, extraDIDSpacesCoreUrl, getDIDSpaceDidFromEndpoint, getDIDSpaceUrlFromEndpoint, getSpaceDidFromEndpoint, getSpaceDidFromSpaceUrl, getSpaceGatewayUrlFromEndpoint, getSpaceNftDisplayUrlFromEndpoint, isCorsBlockedError, t };
+export { classNames, decryptSpaceGateway, extraDIDSpacesCoreUrl, getSpaceDidFromEndpoint, getSpaceDidFromSpaceUrl, getSpaceGatewayUrlFromEndpoint, getSpaceNftDisplayUrlFromEndpoint, getSpaceUrlFromEndpoint, isCorsBlockedError, t };

package/dist/es/locales/en.js

@@ -8,7 +8,8 @@ const en = flatten({
     error: "Error",
     open: "Open",
     unknown: "Unknown",
-    invalidUrl: "Invalid url: {url}"
+    invalidUrl: "Invalid url: {url}",
+    upgrade: "Upgrade"
   },
   storage: {
     spaces: {
@@ -53,7 +54,9 @@ const en = flatten({
         success: "Connected successfully"
       },
       helperText: {
-        fixCorsError: "Fixing CORS Errors When Connecting to Space"
+        fixCorsError: "Fixing CORS Errors When Connecting to Space",
+        outdatedSpace: "The current version of DID Spaces is too low, please contact your administrator to upgrade for the best experience! \n If you are an administrator, you can upgrade by clicking the following link",
+        upgradeSpace: "Upgrade DID Spaces"
       }
     }
   }

package/dist/es/locales/zh.js

@@ -8,7 +8,8 @@ const zh = flatten({
     error: "\u9519\u8BEF",
     open: "\u6253\u5F00",
     unknown: "\u672A\u77E5",
-    invalidUrl: "\u65E0\u6548\u7684 url: {url}"
+    invalidUrl: "\u65E0\u6548\u7684 url: {url}",
+    upgrade: "\u5347\u7EA7"
   },
   storage: {
     spaces: {
@@ -51,6 +52,11 @@ const zh = flatten({
         title: "\u8BF7\u4E3A {appName} \u51FA\u793A DID Spaces NFT",
         scan: "\u4F7F\u7528\u4F60\u7684 DID Wallet \u626B\u63CF\u4E0B\u9762\u7684\u4E8C\u7EF4\u7801\u4E3A\u5E94\u7528 {appName} \u51FA\u793A DID Spaces NFT",
         success: "\u8FDE\u63A5\u6210\u529F"
+      },
+      helperText: {
+        fixCorsError: "\u4FEE\u590D\u8FDE\u63A5 DID Spaces \u65F6\u7684 CORS \u9519\u8BEF",
+        outdatedSpace: "\u5F53\u524D DID Spaces \u7248\u672C\u8FC7\u4F4E\uFF0C\u8BF7\u8054\u7CFB\u7BA1\u7406\u5458\u5347\u7EA7\u4EE5\u83B7\u5F97\u6700\u4F73\u4F53\u9A8C\uFF01\n\u5982\u679C\u60A8\u662F\u7BA1\u7406\u5458\uFF0C\u53EF\u70B9\u51FB\u4EE5\u4E0B\u94FE\u63A5\u5347\u7EA7",
+        upgradeSpace: "\u5347\u7EA7 DID Spaces"
       }
     }
   }

package/dist/es/package.json.js

@@ -0,0 +1,3 @@
+const version = "0.5.77";
+
+export { version };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/did-space-react",
-  "version": "0.5.75",
+  "version": "0.5.77",
   "description": "Reusable react components for did space",
   "keywords": [
     "react",
@@ -85,8 +85,8 @@
   },
   "dependencies": {
     "@arcblock/did": "^1.18.152",
-    "@arcblock/did-connect": "^2.10.74",
-    "@arcblock/ux": "^2.10.74",
+    "@arcblock/did-connect": "^2.10.76",
+    "@arcblock/ux": "^2.10.76",
     "@blocklet/js-sdk": "^1.16.34-beta-20241129-100152-679bd732",
     "@blocklet/sdk": "^1.16.34-beta-20241129-100152-679bd732",
     "@mui/icons-material": "^5.16.8",
@@ -95,6 +95,7 @@
     "@mui/system": "^5.16.8",
     "ahooks": "^3.8.1",
     "axios": "^1.7.8",
+    "compare-versions": "^6.1.1",
     "flat": "^5.0.2",
     "is-url": "^1.2.4",
     "lodash": "^4.17.21",
@@ -127,7 +128,7 @@
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@vitejs/plugin-legacy": "^5.4.3",
-    "@vitest/coverage-v8": "^2.1.6",
+    "@vitest/coverage-v8": "^2.1.8",
     "babel-plugin-inline-react-svg": "^2.0.2",
     "copyfiles": "^2.4.1",
     "eslint": "^8.57.1",
@@ -137,13 +138,13 @@
     "react-dom": "^18.3.1",
     "rollup-plugin-node-builtins": "^2.1.2",
     "storybook": "^7.6.20",
-    "type-fest": "^4.29.0",
+    "type-fest": "^4.30.0",
     "typescript": "~5.5.4",
     "unbuild": "^2.0.0",
     "vite": "^5.4.11",
     "vite-plugin-babel": "^1.2.0",
     "vite-plugin-node-polyfills": "^0.22.0",
-    "vitest": "^2.1.6"
+    "vitest": "^2.1.8"
   },
-  "gitHead": "a500b9034f7625e4a91ae42ac21bca4d3862b6e9"
+  "gitHead": "46a997767b63ac536c1c3811e42ba62d6b1ccdf8"
 }