@blocklet/did-space-react 0.5.57 → 0.5.59

package/es/components/session-connect-to/re-connect.d.ts

@@ -0,0 +1,13 @@
+import { ButtonProps } from '@mui/material';
+import { SpaceGateway } from '../../types';
+export interface ReConnectProps extends Omit<ButtonProps, 'onClick' | 'onError'> {
+    session: {
+        refresh: Function;
+    };
+    spaceDid: string;
+    spaceGatewayUrl: string;
+    onConnected?: (spaceGateway: SpaceGateway) => Promise<void>;
+    onError?: (error: Error) => void;
+}
+/** 用于 DApp 重新连接 Space */
+export declare function ReConnect({ session, spaceDid, spaceGatewayUrl, onConnected, onError, ...rest }: ReConnectProps): import("react/jsx-runtime").JSX.Element;

package/es/components/session-connect-to/re-connect.js

@@ -0,0 +1,51 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Button } from '@mui/material';
+import { useState } from 'react';
+import { BlockletSDK } from '@blocklet/js-sdk';
+import useLocale from '../../hooks/use-locale.js';
+import { decryptSpaceGateway } from '../../libs/util.js';
+import { GatewayAuth } from '../auth-connect-to/gateway-auth.js';
+
+function ReConnect({ session, spaceDid, spaceGatewayUrl, onConnected, onError, ...rest }) {
+  const { t } = useLocale();
+  const [authOptions, setAuthOptions] = useState({
+    open: false,
+    spaceDid,
+    spaceGatewayUrl
+  });
+  const onSuccess = async (response, decrypt) => {
+    try {
+      const spaceGateway = decryptSpaceGateway(response, decrypt);
+      await new BlockletSDK().user.updateDidSpace({ spaceGateway });
+      session.refresh();
+      await onConnected?.(spaceGateway);
+    } catch (err) {
+      console.error(err);
+      onError?.(err);
+    } finally {
+      setAuthOptions((pre) => ({ ...pre, open: false }));
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      ...rest,
+      onClick: () => {
+        setAuthOptions((pre) => ({ ...pre, open: true }));
+      },
+      children: [
+        t("storage.spaces.connect.reconnect"),
+        /* @__PURE__ */ jsx(
+          GatewayAuth,
+          {
+            ...authOptions,
+            onSuccess,
+            onClose: () => setAuthOptions((pre) => ({ ...pre, open: false }))
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { ReConnect };

package/es/components/{SpaceCard → space-card}/index.d.ts

@@ -14,5 +14,4 @@ export interface SpaceCardProps extends BoxProps {
     action?: Action;
     deps?: any[];
 }
-declare function SpaceCard({ endpoint, selected, compat, action, className, deps, ...rest }: SpaceCardProps): import("react/jsx-runtime").JSX.Element;
-export default SpaceCard;
+export declare function SpaceCard({ endpoint, selected, compat, action, className, deps, ...rest }: SpaceCardProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,29 +1,33 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import isUndefined from 'lodash/isUndefined';
 import { withQuery, joinURL } from 'ufo';
-import { Box, Stack, Link } from '@mui/material';
+import { Box, Stack, Tooltip, Link, 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 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, classNames, getSpaceNftDisplayUrlFromEndpoint } from '../../libs/util.js';
 import { SpaceStatus } from '../../types/index.js';
+import '../../icons/index.js';
+import { PreviewSpaceNft } from '../preview-space-nft/index.js';
 import SvgSpaceConnected from '../../icons/space-connected.svg.js';
 import SvgSpaceDisconnect from '../../icons/space-disconnect.svg.js';
 import SvgSpaceConnectError from '../../icons/space-connect-error.svg.js';
-import PreviewSpaceNft from '../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 === SpaceStatus.CONNECTED) {
@@ -36,24 +40,28 @@ function Status({
   }
   if (status === SpaceStatus.EXPIRED) {
     icon = /* @__PURE__ */ jsx(SvgSpaceConnectError, { style: iconStyle });
-    text = /* @__PURE__ */ jsxs(Box, { component: "span", sx: { display: "flex", alignItems: "center", color: "error.main" }, children: [
-      /* @__PURE__ */ jsx("span", { children: t("storage.spaces.expired.guide") }),
-      /* @__PURE__ */ jsxs(
-        Link,
-        {
-          href: withQuery(joinURL(spaceUrl, "overview"), { guide: 1 }),
-          target: "_blank",
-          underline: "always",
-          color: "error",
-          sx: { ml: 0.5 },
-          children: [
-            "[",
-            t("common.open"),
-            "]"
-          ]
-        }
-      )
-    ] });
+    text = /* @__PURE__ */ jsx(Tooltip, { title: t("storage.spaces.error.expired"), placement: "top", children: /* @__PURE__ */ jsxs(
+      Link,
+      {
+        href: withQuery(joinURL(spaceUrl, "overview"), { guide: 1 }),
+        target: "_blank",
+        underline: "hover",
+        color: "error",
+        sx: { display: "flex", alignItems: "center", color: "error.main" },
+        children: [
+          /* @__PURE__ */ jsx("span", { children: t("storage.spaces.error.tag") }),
+          /* @__PURE__ */ jsx(OpenInNewIcon, { sx: { fontSize: "14px", marginLeft: "4px" } })
+        ]
+      }
+    ) });
+  }
+  if (status === SpaceStatus.CORS_BLOCKED) {
+    icon = /* @__PURE__ */ jsx(SvgSpaceConnectError, { style: iconStyle });
+    text = /* @__PURE__ */ jsx(Tooltip, { title: t("storage.spaces.error.corsBlocked"), placement: "top", children: /* @__PURE__ */ jsx(Box, { sx: { display: "flex", alignItems: "center", color: "error.main" }, children: /* @__PURE__ */ jsx("span", { children: t("storage.spaces.error.tag") }) }) });
+  }
+  if (status === SpaceStatus.UNKNOWN) {
+    icon = /* @__PURE__ */ jsx(SvgSpaceConnectError, { style: iconStyle });
+    text = /* @__PURE__ */ jsx(Box, { sx: { color: "error.main" }, children: t("storage.spaces.error.networkError") });
   }
   useEffect(() => {
     const handleVisibilityChange = () => {
@@ -61,13 +69,13 @@ function Status({
         refresh();
       }
     };
-    if (status === SpaceStatus.EXPIRED) {
+    if (isError) {
       document.addEventListener("visibilitychange", handleVisibilityChange);
     } else {
       document.removeEventListener("visibilitychange", handleVisibilityChange);
     }
     return () => document.removeEventListener("visibilitychange", handleVisibilityChange);
-  }, [status, refresh]);
+  }, [isError, refresh]);
   return /* @__PURE__ */ jsxs(
     Box,
     {
@@ -84,6 +92,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;
@@ -93,22 +102,43 @@ function SpaceCard({ endpoint, selected = false, compat, action, className, deps
   const gatewayUrl = getSpaceGatewayUrlFromEndpoint(endpoint);
   const [refreshSpaceInfo, setRefreshSpaceInfo] = 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 = useRef(SpaceStatus.UNKNOWN);
-  if (spaceInfo && !loading) {
+  let isError = false;
+  const spaceStatus = useRef(SpaceStatus.LOADING);
+  if (loading) {
+    spaceStatus.current = SpaceStatus.LOADING;
+    spaceName = /* @__PURE__ */ jsx(Skeleton, { variant: "text", sx: { width: "180px", fontSize: "1rem" } });
+  } else if (spaceInfo) {
+    spaceName = spaceInfo.spaceName;
     if (!isAvailable) {
       spaceStatus.current = SpaceStatus.EXPIRED;
+      isError = true;
     } else if (hasPermission) {
       spaceStatus.current = SpaceStatus.CONNECTED;
     } else {
       spaceStatus.current = SpaceStatus.DISCONNECTED;
     }
+  } else if (error instanceof 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 = SpaceStatus.CORS_BLOCKED;
+    } else {
+      spaceStatus.current = SpaceStatus.UNKNOWN;
+    }
   }
   const renderAction = () => {
     if (loading)
@@ -117,7 +147,7 @@ function SpaceCard({ endpoint, selected = false, compat, action, className, deps
       return action({
         spaceGateway: {
           did: spaceDid,
-          name: spaceName,
+          name: spaceInfo?.spaceName ?? "",
           url: gatewayUrl,
           endpoint
         },
@@ -134,7 +164,7 @@ function SpaceCard({ endpoint, selected = false, compat, action, className, deps
     {
       className: classNames(className, {
         selected,
-        error: spaceStatus.current === SpaceStatus.EXPIRED || spaceStatus.current === SpaceStatus.DISCONNECTED
+        error: isError
       }),
       ...rest,
       children: [
@@ -142,8 +172,17 @@ function SpaceCard({ endpoint, selected = false, compat, action, className, deps
           /* @__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: [
-              /* @__PURE__ */ jsx(Box, { className: "space-name", children: spaceName }),
-              !isCompact && selected && /* @__PURE__ */ jsx(Status, { spaceUrl, status: spaceStatus.current, refresh, sx: { mr: 1 } })
+              spaceName && /* @__PURE__ */ jsx(Box, { className: "space-name", children: spaceName }),
+              !isCompact && selected && /* @__PURE__ */ jsx(
+                Status,
+                {
+                  spaceUrl,
+                  status: spaceStatus.current,
+                  refresh,
+                  isError,
+                  sx: { mr: 1 }
+                }
+              )
             ] }),
             /* @__PURE__ */ jsx(
               DidAddress,
@@ -164,7 +203,16 @@ function SpaceCard({ endpoint, selected = false, compat, action, className, deps
           !isCompact && renderAction()
         ] }),
         isCompact && /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", marginTop: 0.5, children: [
-          selected && /* @__PURE__ */ jsx(Status, { spaceUrl, status: spaceStatus.current, refresh, flex: 1 }),
+          selected && /* @__PURE__ */ jsx(
+            Status,
+            {
+              spaceUrl,
+              status: spaceStatus.current,
+              refresh,
+              isError,
+              flexShrink: 0
+            }
+          ),
           /* @__PURE__ */ jsx(Box, { flex: 1 }),
           renderAction()
         ] })
@@ -192,7 +240,8 @@ const BoxContainer = styled(Box)`
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
+    margin-right: 8px;
   }
 `;
 
-export { SpaceCard as default };
+export { SpaceCard };

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

@@ -9,7 +9,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/es/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/es/icons/index.js

@@ -0,0 +1,11 @@
+import SvgEmptySpaceNft from './empty-space-nft.svg.js';
+import SvgSpaceConnected from './space-connected.svg.js';
+import SvgSpaceDisconnect from './space-disconnect.svg.js';
+import SvgSpaceConnectError from './space-connect-error.svg.js';
+
+SvgEmptySpaceNft.displayName = "EmptySpacesNFTIcon";
+SvgSpaceConnected.displayName = "SpacesConnectedIcon";
+SvgSpaceDisconnect.displayName = "SpaceDisconnectedIcon";
+SvgSpaceConnectError.displayName = "SpaceConnectErrorIcon";
+
+export { SvgEmptySpaceNft as EmptySpacesNFTIcon, SvgSpaceConnectError as SpaceConnectErrorIcon, SvgSpaceDisconnect as SpaceDisconnectedIcon, SvgSpaceConnected as SpacesConnectedIcon };

package/es/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/es/index.js

@@ -2,9 +2,20 @@ export { default as api } from './libs/api.js';
 export { default as useMobile } from './hooks/use-mobile.js';
 export { default as useSpaceInfo } from './hooks/use-space-info.js';
 export { default as useLocale } from './hooks/use-locale.js';
-export { default as SpaceCard } from './components/SpaceCard/index.js';
-export { default as PreviewNFT } from './components/PreviewNFT/index.js';
-export { default as ConnectTo } from './components/ConnectTo/index.js';
-export { classNames, extraDIDSpacesCoreUrl, getDIDSpaceDidFromEndpoint, getDIDSpaceUrlFromEndpoint, getSpaceDidFromEndpoint, getSpaceDidFromGatewayUrl, getSpaceGatewayUrlFromEndpoint, getSpaceNftDisplayUrlFromEndpoint } from './libs/util.js';
+export { SpaceCard } from './components/space-card/index.js';
+export { PreviewSpaceNft } from './components/preview-space-nft/index.js';
+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 { classNames, decryptSpaceGateway, extraDIDSpacesCoreUrl, getDIDSpaceDidFromEndpoint, getDIDSpaceUrlFromEndpoint, getSpaceDidFromEndpoint, getSpaceDidFromGatewayUrl, getSpaceGatewayUrlFromEndpoint, getSpaceNftDisplayUrlFromEndpoint } from './libs/util.js';
+export { getSpaceGatewayUrl, isValidSpaceGatewayUrl } from './libs/gateway.js';
 export { translations } from './locales/index.js';
 export { SpaceStatus } from './types/index.js';
+import './icons/index.js';
+export { default as EmptySpacesNFTIcon } from './icons/empty-space-nft.svg.js';
+export { default as SpacesConnectedIcon } from './icons/space-connected.svg.js';
+export { default as SpaceDisconnectedIcon } from './icons/space-disconnect.svg.js';
+export { default as SpaceConnectErrorIcon } from './icons/space-connect-error.svg.js';
+export { BaseAuth as WalletAuth } from './components/auth-connect-to/base-auth.js';
+export { GatewayAuth } from './components/auth-connect-to/gateway-auth.js';
+export { ReConnect } from './components/session-connect-to/re-connect.js';

package/es/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/es/libs/constants.js

@@ -0,0 +1,6 @@
+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";
+
+export { AUTHORIZE, copyGatewayPageUrl };

package/es/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/es/libs/util.js

@@ -1,4 +1,5 @@
 import { joinURL } from 'ufo';
+import isEmpty from 'lodash/isEmpty';
 
 function classNames(...classes) {
   const result = [];
@@ -54,5 +55,18 @@ 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
+  };
+}
 
-export { classNames, extraDIDSpacesCoreUrl, getDIDSpaceDidFromEndpoint, getDIDSpaceUrlFromEndpoint, getSpaceDidFromEndpoint, getSpaceDidFromGatewayUrl, getSpaceGatewayUrlFromEndpoint, getSpaceNftDisplayUrlFromEndpoint };
+export { classNames, decryptSpaceGateway, extraDIDSpacesCoreUrl, getDIDSpaceDidFromEndpoint, getDIDSpaceUrlFromEndpoint, getSpaceDidFromEndpoint, getSpaceDidFromGatewayUrl, getSpaceGatewayUrlFromEndpoint, getSpaceNftDisplayUrlFromEndpoint };

package/es/locales/en.js

@@ -2,33 +2,51 @@ import { flatten } from 'flat';
 
 const en = 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/es/locales/zh.js

@@ -2,33 +2,51 @@ import { flatten } from 'flat';
 
 const zh = 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/es/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/es/types/index.js

@@ -1,8 +1,10 @@
 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 || {});
 

package/lib/components/auth-connect-to/base-auth.d.ts

@@ -0,0 +1,5 @@
+import type { BaseAuthOptions } from '../../types';
+export interface BaseAuthProps extends BaseAuthOptions, Record<string, any> {
+    open: boolean;
+}
+export declare function BaseAuth({ open, extraParams, onSuccess, onClose, ...rest }: BaseAuthProps): import("react/jsx-runtime").JSX.Element;