@blocklet/did-space-react 1.0.0 → 1.0.2

package/dist/cjs/index.js

@@ -6,14 +6,13 @@ const useSpaceInfo = require('./hooks/use-space-info.js');
 const useLocale = require('./hooks/use-locale.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 index$2 = require('./components/auth-connect-to/index.js');
+const index$3 = require('./components/base-connect-to/index.js');
 const constants = require('./libs/constants.js');
 const util = require('./libs/util.js');
 const gateway = require('./libs/gateway.js');
-const index$5 = require('./locales/index.js');
-const index$6 = require('./types/index.js');
+const index$4 = require('./locales/index.js');
+const index$5 = 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');
@@ -21,7 +20,6 @@ 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');
 
 
 
@@ -29,11 +27,15 @@ exports.api = api;
 exports.useMobile = useMobile;
 exports.useSpaceInfo = useSpaceInfo;
 exports.useLocale = useLocale;
+exports.DIDSpaceConnection = index.DIDSpaceConnection;
 exports.SpaceCard = index.SpaceCard;
+exports.DIDSpaceNFTPreview = index$1.DIDSpaceNFTPreview;
 exports.PreviewSpaceNft = index$1.PreviewSpaceNft;
-exports.BaseConnectTo = index$2.BaseConnectTo;
-exports.AuthConnectTo = index$3.AuthConnectTo;
-exports.SessionConnectTo = index$4.SessionConnectTo;
+exports.AuthConnectTo = index$2.AuthConnectTo;
+exports.DIDSpaceConnect = index$2.DIDSpaceConnect;
+exports.ReConnect = index$2.ReConnect;
+exports.SessionConnectTo = index$2.SessionConnectTo;
+exports.BaseConnectTo = index$3.BaseConnectTo;
 exports.AUTHORIZE = constants.AUTHORIZE;
 exports.SPACE_CONNECT_ERROR_CODE = constants.SPACE_CONNECT_ERROR_CODE;
 exports.copyGatewayPageUrl = constants.copyGatewayPageUrl;
@@ -50,12 +52,12 @@ exports.isCorsBlockedError = util.isCorsBlockedError;
 exports.t = util.t;
 exports.getSpaceGatewayUrl = gateway.getSpaceGatewayUrl;
 exports.verifySpaceUrl = gateway.verifySpaceUrl;
-exports.translations = index$5.translations;
-exports.SpaceStatus = index$6.SpaceStatus;
+exports.translations = index$4.translations;
+exports.DIDSpaceStatus = index$5.DIDSpaceStatus;
+exports.SpaceStatus = index$5.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/dist/cjs/package.json.js

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

package/dist/cjs/types/index.d.ts

@@ -16,14 +16,14 @@ export interface AuthorizeConnect {
     checkTimeout?: number;
     extraParams?: Record<string, any>;
 }
-export declare enum SpaceStatus {
+export declare enum DIDSpaceStatus {
     LOADING = "loading",
     CONNECTED = "connected",
     DISCONNECTED = "disconnected",
     /** 不可用，跟订阅状态相关，比如过期、逾期、用量不足等 */
     UNAVAILABLE = "unavailable"
 }
-export interface SpaceGateway {
+export interface DIDSpaceGateway {
     did: string;
     name: string;
     url: string;
@@ -44,3 +44,5 @@ export interface GatewayAuthOptions extends BaseAuthOptions {
     spaceDid?: string;
     spaceGatewayUrl?: string;
 }
+export type SpaceGateway = DIDSpaceGateway;
+export declare const SpaceStatus: typeof DIDSpaceStatus;

package/dist/cjs/types/index.js

@@ -1,11 +1,13 @@
 'use strict';
 
-var SpaceStatus = /* @__PURE__ */ ((SpaceStatus2) => {
-  SpaceStatus2["LOADING"] = "loading";
-  SpaceStatus2["CONNECTED"] = "connected";
-  SpaceStatus2["DISCONNECTED"] = "disconnected";
-  SpaceStatus2["UNAVAILABLE"] = "unavailable";
-  return SpaceStatus2;
-})(SpaceStatus || {});
+var DIDSpaceStatus = /* @__PURE__ */ ((DIDSpaceStatus2) => {
+  DIDSpaceStatus2["LOADING"] = "loading";
+  DIDSpaceStatus2["CONNECTED"] = "connected";
+  DIDSpaceStatus2["DISCONNECTED"] = "disconnected";
+  DIDSpaceStatus2["UNAVAILABLE"] = "unavailable";
+  return DIDSpaceStatus2;
+})(DIDSpaceStatus || {});
+const SpaceStatus = DIDSpaceStatus;
 
+exports.DIDSpaceStatus = DIDSpaceStatus;
 exports.SpaceStatus = SpaceStatus;

package/dist/es/components/auth-connect-to/index.d.ts

@@ -1,18 +1,53 @@
+import { ButtonProps } from '@mui/material';
 import { type BaseConnectToProps } from '../base-connect-to';
 import { GatewayAuth, type GatewayAuthProps } from './gateway-auth';
 import { BaseAuth, type BaseAuthProps } from './base-auth';
-import { BaseAuthOptions } from '../../types';
-export interface Options extends BaseAuthOptions, Record<string, any> {
+import { BaseAuthOptions, DIDSpaceGateway } from '../../types';
+export interface DIDSpaceConnectOptions extends BaseAuthOptions, Record<string, any> {
 }
-export interface AuthConnectToProps extends BaseConnectToProps {
-    options?: Options;
-    onSuccess?: (response: Record<string, string>, decrypt: Function) => Promise<void>;
+export interface DIDSpaceConnectProps extends BaseConnectToProps {
+    session?: {
+        refresh: Function;
+    };
+    reconnect?: false | true;
+    spaceDid?: string;
+    spaceGatewayUrl?: string;
+    options?: DIDSpaceConnectOptions;
+    onSuccess?: ({ spaceGateway, response, decrypt, }: {
+        spaceGateway: DIDSpaceGateway;
+        response: Record<string, string>;
+        decrypt: Function;
+    }) => Promise<void>;
+    onError?: (error: Error) => void;
 }
-/** Space 连接组件, 内置 Auth 验证流程 */
-export declare function AuthConnectTo({ options, onSuccess, ...rest }: AuthConnectToProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace AuthConnectTo {
+/** DID Space 连接组件, 内置 Auth 验证流程 */
+export declare function DIDSpaceConnect({ session, reconnect, spaceDid, spaceGatewayUrl, options, onSuccess, onError, ...rest }: DIDSpaceConnectProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace DIDSpaceConnect {
     var WalletAuth: typeof BaseAuth;
     var GatewayAuth: typeof import("./gateway-auth").GatewayAuth;
 }
 export { BaseAuth as WalletAuth, type BaseAuthProps as WalletAuthProps };
 export { GatewayAuth, type GatewayAuthProps };
+export type Options = DIDSpaceConnectOptions;
+export type AuthConnectToProps = DIDSpaceConnectProps;
+export declare function AuthConnectTo(props: Omit<AuthConnectToProps, 'onSuccess'> & {
+    onSuccess?: (response: Record<string, string>, decrypt: Function) => Promise<void>;
+}): import("react/jsx-runtime").JSX.Element;
+export interface ReConnectProps extends Omit<ButtonProps, 'onClick' | 'onError'> {
+    session: {
+        refresh: Function;
+    };
+    spaceDid: string;
+    spaceGatewayUrl: string;
+    onConnected?: (spaceGateway: DIDSpaceGateway) => Promise<void>;
+    onError?: (error: Error) => void;
+}
+export declare function ReConnect(props: ReConnectProps): import("react/jsx-runtime").JSX.Element;
+export interface SessionConnectToProps extends Omit<BaseConnectToProps, 'onError'> {
+    session: {
+        refresh: Function;
+    };
+    onConnected?: (spaceGateway: DIDSpaceGateway) => Promise<void>;
+    onError?: (error: Error) => void;
+}
+export declare function SessionConnectTo({ session, onConnected, onError, ...rest }: SessionConnectToProps): import("react/jsx-runtime").JSX.Element;

package/dist/es/components/auth-connect-to/index.js

@@ -1,39 +1,97 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState } from 'react';
+import { BlockletSDK } from '@blocklet/js-sdk';
+import { Button } from '@mui/material';
+import { decryptSpaceGateway } from '../../libs/util.js';
 import { BaseConnectTo } from '../base-connect-to/index.js';
 import { GatewayAuth } from './gateway-auth.js';
 import { BaseAuth } from './base-auth.js';
 import { PopupAuth } from './popup-auth.js';
+import useLocale from '../../hooks/use-locale.js';
 
-function AuthConnectTo({ options, onSuccess, ...rest }) {
+function DIDSpaceConnect({
+  session,
+  reconnect = false,
+  spaceDid = "",
+  spaceGatewayUrl = "",
+  options = {},
+  onSuccess,
+  onError,
+  ...rest
+}) {
+  const { t } = useLocale();
   const [walletOptions, setWalletOptions] = useState({
     open: false
   });
   const [gatewayOptions, setGatewayOptions] = useState({
     open: false,
-    spaceDid: "",
-    spaceGatewayUrl: ""
+    spaceDid,
+    spaceGatewayUrl
   });
   const onWalletClick = () => setWalletOptions((pre) => ({ ...pre, open: true }));
-  const onGatewayConfirm = ({ spaceDid, spaceGatewayUrl }) => {
+  const onGatewayConfirm = (params) => {
     setGatewayOptions((pre) => ({
       ...pre,
       open: true,
-      spaceDid,
-      spaceGatewayUrl
+      ...params
     }));
   };
   const handleSuccess = async (response, decrypt) => {
-    await onSuccess?.(response, decrypt);
-    setWalletOptions((pre) => ({
-      ...pre,
-      open: false
-    }));
-    setGatewayOptions((pre) => ({
-      ...pre,
-      open: false
-    }));
+    try {
+      const spaceGateway = decryptSpaceGateway(response, decrypt);
+      if (session) {
+        await new BlockletSDK().user.updateDidSpace({ spaceGateway });
+        session.refresh();
+      }
+      await onSuccess?.({
+        spaceGateway,
+        response,
+        decrypt
+      });
+    } catch (err) {
+      console.error(err);
+      onError?.(err);
+    } finally {
+      setWalletOptions((pre) => ({
+        ...pre,
+        open: false
+      }));
+      setGatewayOptions((pre) => ({
+        ...pre,
+        open: false
+      }));
+    }
   };
+  if (session) {
+    options.action = "connect-to-did-spaces-for-user";
+  }
+  if (reconnect) {
+    if (!spaceDid || !spaceGatewayUrl) {
+      console.error("spaceDid and spaceGatewayUrl are required for reconnect");
+      return null;
+    }
+    return /* @__PURE__ */ jsxs(
+      Button,
+      {
+        ...rest,
+        onClick: () => {
+          setGatewayOptions((pre) => ({ ...pre, open: true }));
+        },
+        children: [
+          t("storage.spaces.connect.reconnect"),
+          /* @__PURE__ */ jsx(
+            GatewayAuth,
+            {
+              ...options,
+              ...gatewayOptions,
+              onSuccess: handleSuccess,
+              onClose: () => setGatewayOptions((pre) => ({ ...pre, open: false }))
+            }
+          )
+        ]
+      }
+    );
+  }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(BaseConnectTo, { ...rest, onWalletClick, onGatewayConfirm }),
     /* @__PURE__ */ jsx(
@@ -56,7 +114,40 @@ function AuthConnectTo({ options, onSuccess, ...rest }) {
     )
   ] });
 }
-AuthConnectTo.WalletAuth = BaseAuth;
-AuthConnectTo.GatewayAuth = GatewayAuth;
+DIDSpaceConnect.WalletAuth = BaseAuth;
+DIDSpaceConnect.GatewayAuth = GatewayAuth;
+function AuthConnectTo(props) {
+  const { onSuccess, ...rest } = props;
+  return /* @__PURE__ */ jsx(DIDSpaceConnect, { ...rest, onSuccess: async ({ response, decrypt }) => await onSuccess?.(response, decrypt) });
+}
+function ReConnect(props) {
+  const { session, spaceDid, spaceGatewayUrl, onConnected, onError, ...rest } = props;
+  return (
+    // @ts-ignore
+    /* @__PURE__ */ jsx(
+      DIDSpaceConnect,
+      {
+        ...rest,
+        reconnect: true,
+        session,
+        spaceDid,
+        spaceGatewayUrl,
+        onSuccess: async ({ spaceGateway }) => await onConnected?.(spaceGateway),
+        onError
+      }
+    )
+  );
+}
+function SessionConnectTo({ session, onConnected, onError, ...rest }) {
+  return /* @__PURE__ */ jsx(
+    DIDSpaceConnect,
+    {
+      ...rest,
+      session,
+      onSuccess: async ({ spaceGateway }) => await onConnected?.(spaceGateway),
+      onError
+    }
+  );
+}
 
-export { AuthConnectTo, GatewayAuth, BaseAuth as WalletAuth };
+export { AuthConnectTo, DIDSpaceConnect, GatewayAuth, ReConnect, SessionConnectTo, BaseAuth as WalletAuth };

package/dist/es/components/base-connect-to/index.d.ts

@@ -1,5 +1,5 @@
 import { SplitButtonProps } from '@arcblock/ux/lib/SplitButton';
-export interface BaseConnectToProps extends Omit<SplitButtonProps, 'menu' | 'onClick'> {
+export interface BaseConnectToProps extends Omit<SplitButtonProps, 'menu' | 'onClick' | 'onError'> {
     onWalletClick?: () => void;
     onGatewayConfirm?: (params: {
         spaceDid: string;

package/dist/es/components/preview-space-nft/index.d.ts

@@ -1,5 +1,6 @@
-export declare function PreviewSpaceNft({ src, width, height, }: {
+export declare function DIDSpaceNFTPreview({ src, width, height, }: {
     src: string;
     width?: string;
     height?: string;
 }): import("react/jsx-runtime").JSX.Element;
+export declare const PreviewSpaceNft: typeof DIDSpaceNFTPreview;

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

@@ -5,7 +5,7 @@ import CloseOutlinedIcon from '@mui/icons-material/CloseOutlined';
 import '../../icons/index.js';
 import SvgEmptySpaceNft from '../../icons/empty-space-nft.svg.js';
 
-function PreviewSpaceNft({
+function DIDSpaceNFTPreview({
   src,
   width = "58px",
   height = "58px"
@@ -80,5 +80,6 @@ function PreviewSpaceNft({
     )
   ] });
 }
+const PreviewSpaceNft = DIDSpaceNFTPreview;
 
-export { PreviewSpaceNft };
+export { DIDSpaceNFTPreview, PreviewSpaceNft };

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

@@ -1,18 +1,21 @@
 import { BoxProps } from '@mui/material';
-import { SpaceGateway, SpaceStatus } from '../../types';
-export type Action = React.ReactNode | ((props: {
-    spaceGateway: SpaceGateway;
-    spaceStatus: SpaceStatus;
+import { DIDSpaceGateway, DIDSpaceStatus } from '../../types';
+export type DIDSpaceConnectionAction = React.ReactNode | ((props: {
+    spaceGateway: DIDSpaceGateway;
+    spaceStatus: DIDSpaceStatus;
     errorCode: number;
     selected: boolean;
     compat: boolean;
     refresh: () => void;
 }) => React.ReactNode);
-export interface SpaceCardProps extends BoxProps {
+export interface DIDSpaceConnectionProps extends BoxProps {
     endpoint: string;
     selected?: boolean;
     compat?: boolean;
-    action?: Action;
+    action?: DIDSpaceConnectionAction;
     deps?: any[];
 }
-export declare function SpaceCard({ endpoint, selected, compat, action, className, deps, ...rest }: SpaceCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function DIDSpaceConnection({ endpoint, selected, compat, action, className, deps, ...rest }: DIDSpaceConnectionProps): import("react/jsx-runtime").JSX.Element;
+export type SpaceCardProps = DIDSpaceConnectionProps;
+export declare const SpaceCard: typeof DIDSpaceConnection;
+export type Action = DIDSpaceConnectionAction;

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

@@ -15,9 +15,9 @@ import useMobile from '../../hooks/use-mobile.js';
 import useSpaceInfo from '../../hooks/use-space-info.js';
 import useLocale from '../../hooks/use-locale.js';
 import { getSpaceDidFromEndpoint, getSpaceUrlFromEndpoint, getSpaceGatewayUrlFromEndpoint, isCorsBlockedError, classNames, getSpaceNftDisplayUrlFromEndpoint } from '../../libs/util.js';
-import { SpaceStatus } from '../../types/index.js';
+import { DIDSpaceStatus } from '../../types/index.js';
 import '../../icons/index.js';
-import { PreviewSpaceNft } from '../preview-space-nft/index.js';
+import { DIDSpaceNFTPreview } 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';
@@ -38,17 +38,17 @@ function Status({
   const statusConfig = useCreation(
     () => ({
       // 加载中
-      [SpaceStatus.LOADING]: {
+      [DIDSpaceStatus.LOADING]: {
         icon: null,
         text: null
       },
       // 已连接
-      [SpaceStatus.CONNECTED]: {
+      [DIDSpaceStatus.CONNECTED]: {
         icon: /* @__PURE__ */ jsx(SvgSpaceConnected, { style: iconStyle }),
         text: /* @__PURE__ */ jsx("span", { style: { color: "#047857" }, children: t("storage.spaces.connected.tag") })
       },
       // 未连接(未授权)
-      [SpaceStatus.DISCONNECTED]: {
+      [DIDSpaceStatus.DISCONNECTED]: {
         icon: /* @__PURE__ */ jsx(SvgSpaceDisconnect, { style: iconStyle }),
         text: /* @__PURE__ */ jsx("span", { style: { color: "#626a77" }, children: t("storage.spaces.disconnected.tag") })
       }
@@ -105,14 +105,14 @@ function Status({
     }),
     [locale, spaceVersion]
   );
-  const { icon, text } = status === SpaceStatus.UNAVAILABLE ? errorStatusConfig[errorCode] : statusConfig[status];
+  const { icon, text } = status === DIDSpaceStatus.UNAVAILABLE ? errorStatusConfig[errorCode] : statusConfig[status];
   useEffect(() => {
     const handleVisibilityChange = () => {
       if (!document.hidden) {
         refresh();
       }
     };
-    if (status !== SpaceStatus.CONNECTED) {
+    if (status !== DIDSpaceStatus.CONNECTED) {
       document.addEventListener("visibilitychange", handleVisibilityChange);
     } else {
       document.removeEventListener("visibilitychange", handleVisibilityChange);
@@ -150,7 +150,15 @@ function ErrorLink({ title, url }) {
     }
   ) });
 }
-function SpaceCard({ endpoint, selected = false, compat, action, className, deps, ...rest }) {
+function DIDSpaceConnection({
+  endpoint,
+  selected = false,
+  compat,
+  action,
+  className,
+  deps,
+  ...rest
+}) {
   const isMobile = useMobile();
   const { t } = useLocale();
   let isCompact = compat;
@@ -172,34 +180,34 @@ function SpaceCard({ endpoint, selected = false, compat, action, className, deps
   });
   let spaceName = "";
   const isAvailable = spaceInfo?.isAvailable ?? false;
-  const spaceStatus = useRef(SpaceStatus.LOADING);
+  const spaceStatus = useRef(DIDSpaceStatus.LOADING);
   let errorCode = 0;
   if (loading) {
-    spaceStatus.current = SpaceStatus.LOADING;
+    spaceStatus.current = DIDSpaceStatus.LOADING;
     spaceName = /* @__PURE__ */ jsx(Skeleton, { variant: "text", sx: { width: "180px", fontSize: "1rem" } });
+  } else if (error instanceof AxiosError) {
+    spaceName = t("common.unknown");
+    spaceStatus.current = DIDSpaceStatus.UNAVAILABLE;
+    if (isCorsBlockedError(error)) {
+      errorCode = SPACE_CONNECT_ERROR_CODE.CORS_BLOCKED;
+    } else {
+      errorCode = SPACE_CONNECT_ERROR_CODE.NETWORK_ERROR;
+    }
   } else if (spaceInfo) {
     spaceName = spaceInfo.name;
     const spaceVersion = spaceInfo.version;
     const isIncompatible = !spaceVersion || semver.major(expectVersion) !== semver.major(spaceVersion);
     if (isIncompatible) {
-      spaceStatus.current = SpaceStatus.UNAVAILABLE;
+      spaceStatus.current = DIDSpaceStatus.UNAVAILABLE;
       errorCode = SPACE_CONNECT_ERROR_CODE.INCOMPATIBLE;
     } else if (!isAvailable) {
-      spaceStatus.current = SpaceStatus.UNAVAILABLE;
+      spaceStatus.current = DIDSpaceStatus.UNAVAILABLE;
       errorCode = spaceInfo.errorCode;
       if (errorCode === SPACE_CONNECT_ERROR_CODE.UNAUTHORIZED) {
-        spaceStatus.current = SpaceStatus.DISCONNECTED;
+        spaceStatus.current = DIDSpaceStatus.DISCONNECTED;
       }
     } else {
-      spaceStatus.current = SpaceStatus.CONNECTED;
-    }
-  } else if (error instanceof AxiosError) {
-    spaceName = t("common.unknown");
-    spaceStatus.current = SpaceStatus.UNAVAILABLE;
-    if (isCorsBlockedError(error)) {
-      errorCode = SPACE_CONNECT_ERROR_CODE.CORS_BLOCKED;
-    } else {
-      errorCode = SPACE_CONNECT_ERROR_CODE.NETWORK_ERROR;
+      spaceStatus.current = DIDSpaceStatus.CONNECTED;
     }
   }
   const renderAction = () => {
@@ -233,7 +241,7 @@ 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__ */ jsx(DIDSpaceNFTPreview, { 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 }),
@@ -309,5 +317,6 @@ const BoxContainer = styled(Box)`
     margin-right: 8px;
   }
 `;
+const SpaceCard = DIDSpaceConnection;
 
-export { SpaceCard };
+export { DIDSpaceConnection, SpaceCard };

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

@@ -21,7 +21,7 @@ function useSpaceInfo({ endpoint, deps = [] }) {
         isListable,
         isReadable,
         isWriteable,
-        rawVersion,
+        rawVersion = "legacy",
         rawOwnerDid,
         rawAvailable,
         rawErrorCode
@@ -41,7 +41,7 @@ function useSpaceInfo({ endpoint, deps = [] }) {
       if (rawAvailable === void 0 || rawErrorCode === void 0) {
         const isAvailable = isListable && isReadable && isWriteable;
         return {
-          version: rawVersion || "",
+          version: rawVersion,
           name,
           subscriptionId: rawSubscriptionId,
           ownerDid: rawOwnerDid || "",
@@ -50,7 +50,7 @@ function useSpaceInfo({ endpoint, deps = [] }) {
         };
       }
       return {
-        version: rawVersion || "",
+        version: rawVersion,
         name,
         subscriptionId: rawSubscriptionId,
         ownerDid: rawOwnerDid,

package/dist/es/index.d.ts

@@ -4,9 +4,8 @@ import useSpaceInfo from './hooks/use-space-info';
 import useLocale from './hooks/use-locale';
 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 './components/base-connect-to';
 export * from './libs/constants';
 export * from './libs/util';
 export * from './libs/gateway';

package/dist/es/index.js

@@ -2,16 +2,15 @@ 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 { SpaceCard } from './components/space-card/index.js';
-export { PreviewSpaceNft } from './components/preview-space-nft/index.js';
+export { DIDSpaceConnection, SpaceCard } from './components/space-card/index.js';
+export { DIDSpaceNFTPreview, PreviewSpaceNft } from './components/preview-space-nft/index.js';
+export { AuthConnectTo, DIDSpaceConnect, ReConnect, SessionConnectTo } from './components/auth-connect-to/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 { AUTHORIZE, SPACE_CONNECT_ERROR_CODE, copyGatewayPageUrl, fixCorsErrorPageUrl } from './libs/constants.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';
+export { DIDSpaceStatus, 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';
@@ -19,4 +18,3 @@ export { default as SpaceDisconnectedIcon } from './icons/space-disconnect.svg.j
 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/dist/es/package.json.js

@@ -1,3 +1,3 @@
-const version = "1.0.0";
+const version = "1.0.2";
 
 export { version };

package/dist/es/types/index.d.ts

@@ -16,14 +16,14 @@ export interface AuthorizeConnect {
     checkTimeout?: number;
     extraParams?: Record<string, any>;
 }
-export declare enum SpaceStatus {
+export declare enum DIDSpaceStatus {
     LOADING = "loading",
     CONNECTED = "connected",
     DISCONNECTED = "disconnected",
     /** 不可用，跟订阅状态相关，比如过期、逾期、用量不足等 */
     UNAVAILABLE = "unavailable"
 }
-export interface SpaceGateway {
+export interface DIDSpaceGateway {
     did: string;
     name: string;
     url: string;
@@ -44,3 +44,5 @@ export interface GatewayAuthOptions extends BaseAuthOptions {
     spaceDid?: string;
     spaceGatewayUrl?: string;
 }
+export type SpaceGateway = DIDSpaceGateway;
+export declare const SpaceStatus: typeof DIDSpaceStatus;

package/dist/es/types/index.js

@@ -1,9 +1,10 @@
-var SpaceStatus = /* @__PURE__ */ ((SpaceStatus2) => {
-  SpaceStatus2["LOADING"] = "loading";
-  SpaceStatus2["CONNECTED"] = "connected";
-  SpaceStatus2["DISCONNECTED"] = "disconnected";
-  SpaceStatus2["UNAVAILABLE"] = "unavailable";
-  return SpaceStatus2;
-})(SpaceStatus || {});
+var DIDSpaceStatus = /* @__PURE__ */ ((DIDSpaceStatus2) => {
+  DIDSpaceStatus2["LOADING"] = "loading";
+  DIDSpaceStatus2["CONNECTED"] = "connected";
+  DIDSpaceStatus2["DISCONNECTED"] = "disconnected";
+  DIDSpaceStatus2["UNAVAILABLE"] = "unavailable";
+  return DIDSpaceStatus2;
+})(DIDSpaceStatus || {});
+const SpaceStatus = DIDSpaceStatus;
 
-export { SpaceStatus };
+export { DIDSpaceStatus, SpaceStatus };