@blocklet/did-space-react 0.5.57 → 0.5.59

package/lib/components/{SpaceCard → space-card}/index.js

@@ -4,28 +4,32 @@ const jsxRuntime = require('react/jsx-runtime');
 const isUndefined = require('lodash/isUndefined');
 const ufo = require('ufo');
 const material = require('@mui/material');
+const OpenInNewIcon = require('@mui/icons-material/OpenInNew');
 const DidAddress = require('@arcblock/ux/lib/DID');
 const Theme = require('@arcblock/ux/lib/Theme');
 const React = require('react');
+const axios = require('axios');
 const useMobile = require('../../hooks/use-mobile.js');
 const useSpaceInfo = require('../../hooks/use-space-info.js');
 const useLocale = require('../../hooks/use-locale.js');
 const util = require('../../libs/util.js');
 const index = require('../../types/index.js');
+require('../../icons/index.js');
+const index$1 = require('../preview-space-nft/index.js');
 const spaceConnected = require('../../icons/space-connected.svg.js');
 const spaceDisconnect = require('../../icons/space-disconnect.svg.js');
 const spaceConnectError = require('../../icons/space-connect-error.svg.js');
-const index$1 = require('../PreviewNFT/index.js');
 
 function Status({
   spaceUrl,
   status,
+  isError,
   refresh,
   sx,
   ...rest
 }) {
   const { t } = useLocale();
-  const iconStyle = { marginLeft: "8px", marginRight: "4px" };
+  const iconStyle = { marginRight: "4px" };
   let icon = null;
   let text = null;
   if (status === index.SpaceStatus.CONNECTED) {
@@ -38,24 +42,28 @@ function Status({
   }
   if (status === index.SpaceStatus.EXPIRED) {
     icon = /* @__PURE__ */ jsxRuntime.jsx(spaceConnectError, { style: iconStyle });
-    text = /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { component: "span", sx: { display: "flex", alignItems: "center", color: "error.main" }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("storage.spaces.expired.guide") }),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        material.Link,
-        {
-          href: ufo.withQuery(ufo.joinURL(spaceUrl, "overview"), { guide: 1 }),
-          target: "_blank",
-          underline: "always",
-          color: "error",
-          sx: { ml: 0.5 },
-          children: [
-            "[",
-            t("common.open"),
-            "]"
-          ]
-        }
-      )
-    ] });
+    text = /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { title: t("storage.spaces.error.expired"), placement: "top", children: /* @__PURE__ */ jsxRuntime.jsxs(
+      material.Link,
+      {
+        href: ufo.withQuery(ufo.joinURL(spaceUrl, "overview"), { guide: 1 }),
+        target: "_blank",
+        underline: "hover",
+        color: "error",
+        sx: { display: "flex", alignItems: "center", color: "error.main" },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("storage.spaces.error.tag") }),
+          /* @__PURE__ */ jsxRuntime.jsx(OpenInNewIcon, { sx: { fontSize: "14px", marginLeft: "4px" } })
+        ]
+      }
+    ) });
+  }
+  if (status === index.SpaceStatus.CORS_BLOCKED) {
+    icon = /* @__PURE__ */ jsxRuntime.jsx(spaceConnectError, { style: iconStyle });
+    text = /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { title: t("storage.spaces.error.corsBlocked"), placement: "top", children: /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { display: "flex", alignItems: "center", color: "error.main" }, children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("storage.spaces.error.tag") }) }) });
+  }
+  if (status === index.SpaceStatus.UNKNOWN) {
+    icon = /* @__PURE__ */ jsxRuntime.jsx(spaceConnectError, { style: iconStyle });
+    text = /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { color: "error.main" }, children: t("storage.spaces.error.networkError") });
   }
   React.useEffect(() => {
     const handleVisibilityChange = () => {
@@ -63,13 +71,13 @@ function Status({
         refresh();
       }
     };
-    if (status === index.SpaceStatus.EXPIRED) {
+    if (isError) {
       document.addEventListener("visibilitychange", handleVisibilityChange);
     } else {
       document.removeEventListener("visibilitychange", handleVisibilityChange);
     }
     return () => document.removeEventListener("visibilitychange", handleVisibilityChange);
-  }, [status, refresh]);
+  }, [isError, refresh]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     material.Box,
     {
@@ -86,6 +94,7 @@ function Status({
 }
 function SpaceCard({ endpoint, selected = false, compat, action, className, deps, ...rest }) {
   const isMobile = useMobile();
+  const { t } = useLocale();
   let isCompact = compat;
   if (isUndefined(isCompact)) {
     isCompact = isMobile;
@@ -95,22 +104,43 @@ function SpaceCard({ endpoint, selected = false, compat, action, className, deps
   const gatewayUrl = util.getSpaceGatewayUrlFromEndpoint(endpoint);
   const [refreshSpaceInfo, setRefreshSpaceInfo] = React.useState(false);
   const refresh = () => setRefreshSpaceInfo((p) => !p);
-  const { data: spaceInfo, loading } = useSpaceInfo({
+  const {
+    data: spaceInfo,
+    error,
+    loading
+  } = useSpaceInfo({
     endpoint,
     deps: [refreshSpaceInfo].concat(deps ?? [])
   });
-  const spaceName = spaceInfo?.spaceName ?? "";
+  let spaceName = "";
   const hasPermission = spaceInfo?.hasPermission ?? false;
   const isAvailable = spaceInfo?.isAvailable ?? false;
-  const spaceStatus = React.useRef(index.SpaceStatus.UNKNOWN);
-  if (spaceInfo && !loading) {
+  let isError = false;
+  const spaceStatus = React.useRef(index.SpaceStatus.LOADING);
+  if (loading) {
+    spaceStatus.current = index.SpaceStatus.LOADING;
+    spaceName = /* @__PURE__ */ jsxRuntime.jsx(material.Skeleton, { variant: "text", sx: { width: "180px", fontSize: "1rem" } });
+  } else if (spaceInfo) {
+    spaceName = spaceInfo.spaceName;
     if (!isAvailable) {
       spaceStatus.current = index.SpaceStatus.EXPIRED;
+      isError = true;
     } else if (hasPermission) {
       spaceStatus.current = index.SpaceStatus.CONNECTED;
     } else {
       spaceStatus.current = index.SpaceStatus.DISCONNECTED;
     }
+  } else if (error instanceof axios.AxiosError) {
+    spaceName = t("common.unknown");
+    isError = true;
+    if (!error.response && // 无响应
+    error.message === "Network Error" && // 网络错误
+    error.code !== "ECONNABORTED" && // 非超时引起
+    new URL(error.config.url).origin !== window.location.origin) {
+      spaceStatus.current = index.SpaceStatus.CORS_BLOCKED;
+    } else {
+      spaceStatus.current = index.SpaceStatus.UNKNOWN;
+    }
   }
   const renderAction = () => {
     if (loading)
@@ -119,7 +149,7 @@ function SpaceCard({ endpoint, selected = false, compat, action, className, deps
       return action({
         spaceGateway: {
           did: spaceDid,
-          name: spaceName,
+          name: spaceInfo?.spaceName ?? "",
           url: gatewayUrl,
           endpoint
         },
@@ -136,16 +166,25 @@ function SpaceCard({ endpoint, selected = false, compat, action, className, deps
     {
       className: util.classNames(className, {
         selected,
-        error: spaceStatus.current === index.SpaceStatus.EXPIRED || spaceStatus.current === index.SpaceStatus.DISCONNECTED
+        error: isError
       }),
       ...rest,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { display: "flex", alignItems: "center", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(index$1, { src: util.getSpaceNftDisplayUrlFromEndpoint(endpoint), width: "72px", height: "72px" }),
+          /* @__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: [
-              /* @__PURE__ */ jsxRuntime.jsx(material.Box, { className: "space-name", children: spaceName }),
-              !isCompact && selected && /* @__PURE__ */ jsxRuntime.jsx(Status, { spaceUrl, status: spaceStatus.current, refresh, sx: { mr: 1 } })
+              spaceName && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { className: "space-name", children: spaceName }),
+              !isCompact && selected && /* @__PURE__ */ jsxRuntime.jsx(
+                Status,
+                {
+                  spaceUrl,
+                  status: spaceStatus.current,
+                  refresh,
+                  isError,
+                  sx: { mr: 1 }
+                }
+              )
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx(
               DidAddress,
@@ -166,7 +205,16 @@ function SpaceCard({ endpoint, selected = false, compat, action, className, deps
           !isCompact && renderAction()
         ] }),
         isCompact && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { display: "flex", alignItems: "center", marginTop: 0.5, children: [
-          selected && /* @__PURE__ */ jsxRuntime.jsx(Status, { spaceUrl, status: spaceStatus.current, refresh, flex: 1 }),
+          selected && /* @__PURE__ */ jsxRuntime.jsx(
+            Status,
+            {
+              spaceUrl,
+              status: spaceStatus.current,
+              refresh,
+              isError,
+              flexShrink: 0
+            }
+          ),
           /* @__PURE__ */ jsxRuntime.jsx(material.Box, { flex: 1 }),
           renderAction()
         ] })
@@ -194,7 +242,8 @@ const BoxContainer = Theme.styled(material.Box)`
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
+    margin-right: 8px;
   }
 `;
 
-module.exports = SpaceCard;
+exports.SpaceCard = SpaceCard;

package/lib/hooks/use-space-info.js

@@ -11,7 +11,7 @@ function useSpaceInfo({ endpoint, deps = [] }) {
         return void 0;
       }
       const { headers } = await api.head(endpoint, {
-        timeout: 5e3
+        timeout: 1e3 * 30
       });
       const spaceName = headers["x-space-name"];
       return {

package/lib/icons/index.d.ts

@@ -1,4 +1,5 @@
-export { default as EmptySpacesNFT } from './empty-space-nft.svg';
-export { default as SpacesConnected } from './space-connected.svg';
-export { default as SpaceDisconnected } from './space-disconnect.svg';
-export { default as SpaceConnectError } from './space-connect-error.svg';
+import EmptySpacesNFTIcon from './empty-space-nft.svg';
+import SpacesConnectedIcon from './space-connected.svg';
+import SpaceDisconnectedIcon from './space-disconnect.svg';
+import SpaceConnectErrorIcon from './space-connect-error.svg';
+export { EmptySpacesNFTIcon, SpacesConnectedIcon, SpaceDisconnectedIcon, SpaceConnectErrorIcon };

package/lib/icons/index.js

@@ -0,0 +1,16 @@
+'use strict';
+
+const emptySpaceNft = require('./empty-space-nft.svg.js');
+const spaceConnected = require('./space-connected.svg.js');
+const spaceDisconnect = require('./space-disconnect.svg.js');
+const spaceConnectError = require('./space-connect-error.svg.js');
+
+emptySpaceNft.displayName = "EmptySpacesNFTIcon";
+spaceConnected.displayName = "SpacesConnectedIcon";
+spaceDisconnect.displayName = "SpaceDisconnectedIcon";
+spaceConnectError.displayName = "SpaceConnectErrorIcon";
+
+exports.EmptySpacesNFTIcon = emptySpaceNft;
+exports.SpacesConnectedIcon = spaceConnected;
+exports.SpaceDisconnectedIcon = spaceDisconnect;
+exports.SpaceConnectErrorIcon = spaceConnectError;

package/lib/index.d.ts

@@ -2,11 +2,14 @@ import api from './libs/api';
 import useMobile from './hooks/use-mobile';
 import useSpaceInfo from './hooks/use-space-info';
 import useLocale from './hooks/use-locale';
-import SpaceCard from './components/SpaceCard';
-import PreviewNFT from './components/PreviewNFT';
-import ConnectTo from './components/ConnectTo';
-export { useMobile, useSpaceInfo, useLocale };
+export * from './components/space-card';
+export * from './components/preview-space-nft';
+export * from './components/base-connect-to';
+export * from './components/auth-connect-to';
+export * from './components/session-connect-to';
 export * from './libs/util';
+export * from './libs/gateway';
 export * from './locales';
 export * from './types';
-export { api, SpaceCard, PreviewNFT, ConnectTo };
+export { api, useMobile, useSpaceInfo, useLocale };
+export * from './icons';

package/lib/index.js

@@ -4,12 +4,23 @@ const api = require('./libs/api.js');
 const useMobile = require('./hooks/use-mobile.js');
 const useSpaceInfo = require('./hooks/use-space-info.js');
 const useLocale = require('./hooks/use-locale.js');
-const index = require('./components/SpaceCard/index.js');
-const index$1 = require('./components/PreviewNFT/index.js');
-const index$2 = require('./components/ConnectTo/index.js');
+const index = require('./components/space-card/index.js');
+const index$1 = require('./components/preview-space-nft/index.js');
+const index$2 = require('./components/base-connect-to/index.js');
+const index$3 = require('./components/auth-connect-to/index.js');
+const index$4 = require('./components/session-connect-to/index.js');
 const util = require('./libs/util.js');
-const index$3 = require('./locales/index.js');
-const index$4 = require('./types/index.js');
+const gateway = require('./libs/gateway.js');
+const index$5 = require('./locales/index.js');
+const index$6 = require('./types/index.js');
+require('./icons/index.js');
+const emptySpaceNft = require('./icons/empty-space-nft.svg.js');
+const spaceConnected = require('./icons/space-connected.svg.js');
+const spaceDisconnect = require('./icons/space-disconnect.svg.js');
+const spaceConnectError = require('./icons/space-connect-error.svg.js');
+const baseAuth = require('./components/auth-connect-to/base-auth.js');
+const gatewayAuth = require('./components/auth-connect-to/gateway-auth.js');
+const reConnect = require('./components/session-connect-to/re-connect.js');
 
 
 
@@ -17,10 +28,13 @@ exports.api = api;
 exports.useMobile = useMobile;
 exports.useSpaceInfo = useSpaceInfo;
 exports.useLocale = useLocale;
-exports.SpaceCard = index;
-exports.PreviewNFT = index$1;
-exports.ConnectTo = index$2;
+exports.SpaceCard = index.SpaceCard;
+exports.PreviewSpaceNft = index$1.PreviewSpaceNft;
+exports.BaseConnectTo = index$2.BaseConnectTo;
+exports.AuthConnectTo = index$3.AuthConnectTo;
+exports.SessionConnectTo = index$4.SessionConnectTo;
 exports.classNames = util.classNames;
+exports.decryptSpaceGateway = util.decryptSpaceGateway;
 exports.extraDIDSpacesCoreUrl = util.extraDIDSpacesCoreUrl;
 exports.getDIDSpaceDidFromEndpoint = util.getDIDSpaceDidFromEndpoint;
 exports.getDIDSpaceUrlFromEndpoint = util.getDIDSpaceUrlFromEndpoint;
@@ -28,5 +42,14 @@ exports.getSpaceDidFromEndpoint = util.getSpaceDidFromEndpoint;
 exports.getSpaceDidFromGatewayUrl = util.getSpaceDidFromGatewayUrl;
 exports.getSpaceGatewayUrlFromEndpoint = util.getSpaceGatewayUrlFromEndpoint;
 exports.getSpaceNftDisplayUrlFromEndpoint = util.getSpaceNftDisplayUrlFromEndpoint;
-exports.translations = index$3.translations;
-exports.SpaceStatus = index$4.SpaceStatus;
+exports.getSpaceGatewayUrl = gateway.getSpaceGatewayUrl;
+exports.isValidSpaceGatewayUrl = gateway.isValidSpaceGatewayUrl;
+exports.translations = index$5.translations;
+exports.SpaceStatus = index$6.SpaceStatus;
+exports.EmptySpacesNFTIcon = emptySpaceNft;
+exports.SpacesConnectedIcon = spaceConnected;
+exports.SpaceDisconnectedIcon = spaceDisconnect;
+exports.SpaceConnectErrorIcon = spaceConnectError;
+exports.WalletAuth = baseAuth.BaseAuth;
+exports.GatewayAuth = gatewayAuth.GatewayAuth;
+exports.ReConnect = reConnect.ReConnect;

package/lib/libs/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const AUTHORIZE: {
+    DEFAULT_SCOPE: string;
+};
+export declare const copyGatewayPageUrl = "https://www.arcblock.io/content/docs/did-spaces/how-to-obtain-space-gateway-url";

package/lib/libs/constants.js

@@ -0,0 +1,9 @@
+'use strict';
+
+const AUTHORIZE = {
+  DEFAULT_SCOPE: "list:object read:object write:object"
+};
+const copyGatewayPageUrl = "https://www.arcblock.io/content/docs/did-spaces/how-to-obtain-space-gateway-url";
+
+exports.AUTHORIZE = AUTHORIZE;
+exports.copyGatewayPageUrl = copyGatewayPageUrl;

package/lib/libs/util.d.ts

@@ -17,4 +17,5 @@ export declare function getSpaceDidFromEndpoint(endpoint: string): string | unde
 export declare function getSpaceGatewayUrlFromEndpoint(endpoint: string): string;
 export declare function extraDIDSpacesCoreUrl(url: string): string;
 export declare function getSpaceDidFromGatewayUrl(url: string): string | undefined;
+export declare function decryptSpaceGateway(response: Record<string, string>, decrypt: Function): any;
 export {};

package/lib/libs/util.js

@@ -1,6 +1,7 @@
 'use strict';
 
 const ufo = require('ufo');
+const isEmpty = require('lodash/isEmpty');
 
 function classNames(...classes) {
   const result = [];
@@ -56,8 +57,22 @@ const spaceDidRegex = /\/space\/([^/]+)/;
 function getSpaceDidFromGatewayUrl(url) {
   return new URL(url).pathname.match(spaceDidRegex)?.[1];
 }
+function decryptSpaceGateway(response, decrypt) {
+  if (!isEmpty(response.spaceGateway)) {
+    return decrypt(response.spaceGateway);
+  }
+  const endpoint = decrypt(response.endpoint);
+  const space = response.space ? decrypt(response.space) : {};
+  return {
+    endpoint,
+    // name 默认为 DID Space，兼容旧版本的 DID Spaces
+    ...{ name: "DID Space" },
+    ...space
+  };
+}
 
 exports.classNames = classNames;
+exports.decryptSpaceGateway = decryptSpaceGateway;
 exports.extraDIDSpacesCoreUrl = extraDIDSpacesCoreUrl;
 exports.getDIDSpaceDidFromEndpoint = getDIDSpaceDidFromEndpoint;
 exports.getDIDSpaceUrlFromEndpoint = getDIDSpaceUrlFromEndpoint;

package/lib/locales/en.js

@@ -4,33 +4,51 @@ const flat = require('flat');
 
 const en = flat.flatten({
   common: {
-    open: "Open",
-    delete: "Delete",
-    confirm: "Confirm",
     cancel: "Cancel",
-    error: "Error"
+    confirm: "Confirm",
+    delete: "Delete",
+    error: "Error",
+    open: "Open",
+    unknown: "Unknown"
   },
   storage: {
     spaces: {
+      authorize: {
+        title: "Connect {appName} to DID Spaces",
+        scan: "Use your DID Wallet to scan the QR code below to allow the app {appName} to connect to DID Spaces",
+        success: "Connected successfully"
+      },
       connect: {
+        reconnect: "Reconnect Now",
         useSpaceGateway: "Connect using the DID Spaces gateway",
-        useWallet: "Connect with DID Wallet"
+        useWallet: "Connect with DID Wallet",
+        howToGetGatewayUrl: "How to get the url of did spaces",
+        providerForStorage: "Please connect your DID Spaces"
       },
       connected: {
+        title: "Connected DID Spaces",
         tag: "Connected"
       },
       disconnected: {
         tag: "Disconnected"
       },
-      expired: {
-        guide: "Need Attention"
+      error: {
+        tag: "Need Attention",
+        expired: "This DID spaces has expired, you can re-subscribe by opening this link",
+        corsBlocked: "Connection requests may be blocked by CORS. Please check security settings in the DID Space dashboard.",
+        networkError: "Network error"
       },
       gateway: {
         add: {
-          title: "Add DID Spaces",
+          invalidUrl: "Invalid DID Spaces gateway url",
           label: "Enter the url of the DID Spaces",
-          invalidUrl: "Invalid DID Spaces gateway url"
+          title: "Add DID Spaces"
         }
+      },
+      provideNFT: {
+        title: "Please show the DID Spaces NFT for {appName}",
+        scan: "Use your DID Wallet to scan the QR code below to allow the app {appName} show DID space NFT",
+        success: "Connected successfully"
       }
     }
   }

package/lib/locales/zh.js

@@ -4,33 +4,51 @@ const flat = require('flat');
 
 const zh = flat.flatten({
   common: {
-    open: "\u6253\u5F00",
-    delete: "\u5220\u9664",
-    confirm: "\u786E\u8BA4",
     cancel: "\u53D6\u6D88",
-    error: "\u9519\u8BEF"
+    confirm: "\u786E\u8BA4",
+    delete: "\u5220\u9664",
+    error: "\u9519\u8BEF",
+    open: "\u6253\u5F00",
+    unknown: "\u672A\u77E5"
   },
   storage: {
     spaces: {
+      authorize: {
+        title: "\u8FDE\u63A5 {appName} \u81F3 DID Spaces",
+        scan: "\u4F7F\u7528\u4F60\u7684 DID Wallet \u626B\u63CF\u4E0B\u9762\u7684\u4E8C\u7EF4\u7801\u4EE5\u5141\u8BB8\u5E94\u7528 {appName} \u8FDE\u63A5\u81F3 DID Spaces",
+        success: "\u8FDE\u63A5\u6210\u529F"
+      },
       connect: {
+        reconnect: "\u7ACB\u5373\u91CD\u8FDE",
         useSpaceGateway: "\u4F7F\u7528 DID Spaces \u7F51\u5173\u8FDE\u63A5",
-        useWallet: "\u4F7F\u7528 DID Wallet \u8FDE\u63A5"
+        useWallet: "\u4F7F\u7528 DID Wallet \u8FDE\u63A5",
+        howToGetGatewayUrl: "\u5982\u4F55\u83B7\u53D6 DID Spaces \u7684\u7F51\u5173\u5730\u5740",
+        providerForStorage: "\u8BF7\u8FDE\u63A5\u60A8\u7684 DID Spaces"
       },
       connected: {
+        title: "\u5DF2\u8FDE\u63A5\u7684 DID Spaces",
         tag: "\u5DF2\u8FDE\u63A5"
       },
       disconnected: {
         tag: "\u8FDE\u63A5\u5DF2\u65AD\u5F00"
       },
-      expired: {
-        guide: "\u9700\u8981\u6CE8\u610F"
+      error: {
+        tag: "\u9700\u8981\u5173\u6CE8",
+        expired: "\u6B64 DID Spaces \u5DF2\u8FC7\u671F\uFF0C\u60A8\u53EF\u4EE5\u6253\u5F00\u6B64\u94FE\u63A5\u91CD\u65B0\u8BA2\u9605",
+        corsBlocked: "\u8FDE\u63A5\u8BF7\u6C42\u53EF\u80FD\u88AB CORS \u963B\u6B62\u3002\u8BF7\u68C0\u67E5 DID Space \u63A7\u5236\u9762\u677F\u4E2D\u7684\u5B89\u5168\u8BBE\u7F6E\u3002",
+        networkError: "\u7F51\u7EDC\u9519\u8BEF"
       },
       gateway: {
         add: {
-          title: "\u6DFB\u52A0 DID Spaces",
+          invalidUrl: "\u65E0\u6548\u7684 DID Spaces \u7F51\u5173\u5730\u5740",
           label: "\u8F93\u5165 DID Spaces \u7684\u5730\u5740",
-          invalidUrl: "\u65E0\u6548\u7684 DID Spaces \u7F51\u5173\u5730\u5740"
+          title: "\u6DFB\u52A0 DID Spaces"
         }
+      },
+      provideNFT: {
+        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"
       }
     }
   }

package/lib/types/index.d.ts

@@ -1,25 +1,28 @@
 export type $TSFixMe = any;
 export interface AuthorizeConnect {
-    prefix?: string;
-    baseUrl?: string;
     open: boolean;
     action: string;
-    checkTimeout: number;
+    checkFn: Function;
     messages: {
         title: string;
         scan: string;
         confirm: string;
         success: React.ReactNode;
     };
+    prefix?: string;
+    baseUrl?: string;
+    webWalletUrl?: string;
+    maxIdleTime?: number;
+    checkTimeout?: number;
     extraParams?: Record<string, any>;
-    checkFn?: Function;
-    onClose?: Function;
 }
 export declare enum SpaceStatus {
-    UNKNOWN = "unknown",
+    LOADING = "loading",
     CONNECTED = "connected",
     DISCONNECTED = "disconnected",
-    EXPIRED = "expired"
+    EXPIRED = "expired",
+    CORS_BLOCKED = "corsBlocked",
+    UNKNOWN = "unknown"
 }
 export interface SpaceGateway {
     did: string;
@@ -29,3 +32,15 @@ export interface SpaceGateway {
     protected?: boolean;
     loading?: boolean;
 }
+export interface BaseAuthOptions {
+    action?: string;
+    checkFn?: Function;
+    extraParams?: Record<string, string>;
+    checkTimeout?: number;
+    onSuccess?: (response: Record<string, string>, decrypt: Function) => Promise<void>;
+    onClose?: () => void;
+}
+export interface GatewayAuthOptions extends BaseAuthOptions {
+    spaceDid?: string;
+    spaceGatewayUrl?: string;
+}

package/lib/types/index.js

@@ -1,10 +1,12 @@
 'use strict';
 
 var SpaceStatus = /* @__PURE__ */ ((SpaceStatus2) => {
-  SpaceStatus2["UNKNOWN"] = "unknown";
+  SpaceStatus2["LOADING"] = "loading";
   SpaceStatus2["CONNECTED"] = "connected";
   SpaceStatus2["DISCONNECTED"] = "disconnected";
   SpaceStatus2["EXPIRED"] = "expired";
+  SpaceStatus2["CORS_BLOCKED"] = "corsBlocked";
+  SpaceStatus2["UNKNOWN"] = "unknown";
   return SpaceStatus2;
 })(SpaceStatus || {});