@blocklet/did-space-react 1.0.5 → 1.0.6

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

@@ -5,7 +5,7 @@ import { BaseAuth, type BaseAuthProps } from './base-auth';
 import { BaseAuthOptions, DIDSpaceGateway } from '../../types';
 export interface DIDSpaceConnectOptions extends BaseAuthOptions, Record<string, any> {
 }
-export interface DIDSpaceConnectProps extends BaseConnectToProps {
+export interface DIDSpaceConnectProps extends Omit<ButtonProps, 'onClick' | 'onError'> {
     session?: {
         refresh: Function;
     };

package/dist/cjs/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' | 'onError'> {
+import { ButtonProps } from '@mui/material';
+export interface BaseConnectToProps extends Omit<ButtonProps, 'onClick'> {
     onWalletClick?: () => void;
     onGatewayConfirm?: (params: {
         spaceDid: string;
@@ -7,4 +7,4 @@ export interface BaseConnectToProps extends Omit<SplitButtonProps, 'menu' | 'onC
     }) => void;
 }
 /** 基础连接按钮组件，只负责前端 ux */
-export declare function BaseConnectTo({ style, onWalletClick, onGatewayConfirm, ...rest }: BaseConnectToProps): import("react/jsx-runtime").JSX.Element;
+export declare function BaseConnectTo({ sx, onWalletClick, onGatewayConfirm, ...rest }: BaseConnectToProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/base-connect-to/index.js

@@ -14,7 +14,7 @@ const util = require('../../libs/util.js');
 const gateway = require('../../libs/gateway.js');
 const useLocale = require('../../hooks/use-locale.js');
 
-function BaseConnectTo({ style, onWalletClick, onGatewayConfirm, ...rest }) {
+function BaseConnectTo({ sx, onWalletClick, onGatewayConfirm, ...rest }) {
   const { t, locale } = useLocale();
   const [url, setUrl] = React.useState("");
   const [loading, setLoading] = React.useState(false);
@@ -50,8 +50,20 @@ function BaseConnectTo({ style, onWalletClick, onGatewayConfirm, ...rest }) {
     setCorsBlocked(false);
     setOpen(true);
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
+  let button = /* @__PURE__ */ jsxRuntime.jsx(
+    Button,
+    {
+      variant: "contained",
+      color: "primary",
+      sx: { textTransform: "none", fontWeight: "bold", fontSize: "1rem", ...sx },
+      size: "small",
+      ...rest,
+      onClick: onWalletClick,
+      children: t("storage.spaces.connect.useWallet")
+    }
+  );
+  if (constants.isDebugMode) {
+    button = /* @__PURE__ */ jsxRuntime.jsx(
       SplitButton,
       {
         menu: [
@@ -70,13 +82,16 @@ function BaseConnectTo({ style, onWalletClick, onGatewayConfirm, ...rest }) {
           )
         ],
         color: "primary",
-        style: { textTransform: "none !important", fontSize: "1rem", ...style },
+        sx: { textTransform: "none", fontWeight: "bold", fontSize: "1rem", ...sx },
         size: "small",
         ...rest,
         onClick: onWalletClick,
         children: /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { fontWeight: "bold", textTransform: "none" }, children: t("storage.spaces.connect.useWallet") })
       }
-    ),
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    button,
     /* @__PURE__ */ jsxRuntime.jsx(
       Dialog,
       {

package/dist/cjs/index.js

@@ -40,6 +40,7 @@ exports.AUTHORIZE = constants.AUTHORIZE;
 exports.SPACE_CONNECT_ERROR_CODE = constants.SPACE_CONNECT_ERROR_CODE;
 exports.copyGatewayPageUrl = constants.copyGatewayPageUrl;
 exports.fixCorsErrorPageUrl = constants.fixCorsErrorPageUrl;
+exports.isDebugMode = constants.isDebugMode;
 exports.classNames = util.classNames;
 exports.decryptSpaceGateway = util.decryptSpaceGateway;
 exports.extraDIDSpacesCoreUrl = util.extraDIDSpacesCoreUrl;

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

@@ -21,3 +21,4 @@ export declare const AUTHORIZE: {
 };
 export declare const copyGatewayPageUrl = "https://www.arcblock.io/content/docs/did-spaces/how-to-obtain-space-gateway-url";
 export declare const fixCorsErrorPageUrl = "https://www.arcblock.io/docs/did-spaces/fixing-cors-errors-when-connecting-to-space";
+export declare const isDebugMode: boolean;

package/dist/cjs/libs/constants.js

@@ -23,8 +23,10 @@ const AUTHORIZE = {
 };
 const copyGatewayPageUrl = "https://www.arcblock.io/content/docs/did-spaces/how-to-obtain-space-gateway-url";
 const fixCorsErrorPageUrl = "https://www.arcblock.io/docs/did-spaces/fixing-cors-errors-when-connecting-to-space";
+const isDebugMode = window.blocklet?.DEBUG_MODE === "true" || window.localStorage.getItem("debug") === "true";
 
 exports.AUTHORIZE = AUTHORIZE;
 exports.SPACE_CONNECT_ERROR_CODE = SPACE_CONNECT_ERROR_CODE;
 exports.copyGatewayPageUrl = copyGatewayPageUrl;
 exports.fixCorsErrorPageUrl = fixCorsErrorPageUrl;
+exports.isDebugMode = isDebugMode;

package/dist/cjs/locales/en.js

@@ -23,7 +23,7 @@ const en = flat.flatten({
       connect: {
         reconnect: "Reconnect Now",
         useSpaceGateway: "Connect using the DID Spaces gateway",
-        useWallet: "Connect with DID Wallet",
+        useWallet: "Connect to DID Spaces",
         howToGetGatewayUrl: "How to get the url of did spaces",
         providerForStorage: "Please connect your DID Spaces"
       },

package/dist/cjs/locales/zh.js

@@ -23,7 +23,7 @@ const zh = flat.flatten({
       connect: {
         reconnect: "\u7ACB\u5373\u91CD\u8FDE",
         useSpaceGateway: "\u4F7F\u7528 DID Spaces \u7F51\u5173\u8FDE\u63A5",
-        useWallet: "\u4F7F\u7528 DID Wallet \u8FDE\u63A5",
+        useWallet: "\u8FDE\u63A5\u81F3 DID Spaces",
         howToGetGatewayUrl: "\u5982\u4F55\u83B7\u53D6 DID Spaces \u7684\u7F51\u5173\u5730\u5740",
         providerForStorage: "\u8BF7\u8FDE\u63A5\u60A8\u7684 DID Spaces"
       },

package/dist/cjs/package.json.js

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

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

@@ -5,7 +5,7 @@ import { BaseAuth, type BaseAuthProps } from './base-auth';
 import { BaseAuthOptions, DIDSpaceGateway } from '../../types';
 export interface DIDSpaceConnectOptions extends BaseAuthOptions, Record<string, any> {
 }
-export interface DIDSpaceConnectProps extends BaseConnectToProps {
+export interface DIDSpaceConnectProps extends Omit<ButtonProps, 'onClick' | 'onError'> {
     session?: {
         refresh: Function;
     };

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' | 'onError'> {
+import { ButtonProps } from '@mui/material';
+export interface BaseConnectToProps extends Omit<ButtonProps, 'onClick'> {
     onWalletClick?: () => void;
     onGatewayConfirm?: (params: {
         spaceDid: string;
@@ -7,4 +7,4 @@ export interface BaseConnectToProps extends Omit<SplitButtonProps, 'menu' | 'onC
     }) => void;
 }
 /** 基础连接按钮组件，只负责前端 ux */
-export declare function BaseConnectTo({ style, onWalletClick, onGatewayConfirm, ...rest }: BaseConnectToProps): import("react/jsx-runtime").JSX.Element;
+export declare function BaseConnectTo({ sx, onWalletClick, onGatewayConfirm, ...rest }: BaseConnectToProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { Typography, CircularProgress, DialogContentText, TextField, Tooltip, Link } from '@mui/material';
 import HelpOutlineIcon from '@mui/icons-material/HelpOutline';
@@ -7,12 +7,12 @@ import SplitButton from '@arcblock/ux/lib/SplitButton';
 import Dialog from '@arcblock/ux/lib/Dialog';
 import { withQuery } from 'ufo';
 import { AxiosError } from 'axios';
-import { copyGatewayPageUrl, fixCorsErrorPageUrl } from '../../libs/constants.js';
+import { isDebugMode, copyGatewayPageUrl, fixCorsErrorPageUrl } from '../../libs/constants.js';
 import { extraDIDSpacesCoreUrl, getSpaceDidFromSpaceUrl, isCorsBlockedError } from '../../libs/util.js';
 import { getSpaceGatewayUrl, verifySpaceUrl } from '../../libs/gateway.js';
 import useLocale from '../../hooks/use-locale.js';
 
-function BaseConnectTo({ style, onWalletClick, onGatewayConfirm, ...rest }) {
+function BaseConnectTo({ sx, onWalletClick, onGatewayConfirm, ...rest }) {
   const { t, locale } = useLocale();
   const [url, setUrl] = useState("");
   const [loading, setLoading] = useState(false);
@@ -48,8 +48,20 @@ function BaseConnectTo({ style, onWalletClick, onGatewayConfirm, ...rest }) {
     setCorsBlocked(false);
     setOpen(true);
   };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
+  let button = /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "contained",
+      color: "primary",
+      sx: { textTransform: "none", fontWeight: "bold", fontSize: "1rem", ...sx },
+      size: "small",
+      ...rest,
+      onClick: onWalletClick,
+      children: t("storage.spaces.connect.useWallet")
+    }
+  );
+  if (isDebugMode) {
+    button = /* @__PURE__ */ jsx(
       SplitButton,
       {
         menu: [
@@ -68,13 +80,16 @@ function BaseConnectTo({ style, onWalletClick, onGatewayConfirm, ...rest }) {
           )
         ],
         color: "primary",
-        style: { textTransform: "none !important", fontSize: "1rem", ...style },
+        sx: { textTransform: "none", fontWeight: "bold", fontSize: "1rem", ...sx },
         size: "small",
         ...rest,
         onClick: onWalletClick,
         children: /* @__PURE__ */ jsx(Typography, { sx: { fontWeight: "bold", textTransform: "none" }, children: t("storage.spaces.connect.useWallet") })
       }
-    ),
+    );
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    button,
     /* @__PURE__ */ jsx(
       Dialog,
       {

package/dist/es/index.js

@@ -6,7 +6,7 @@ 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 { AUTHORIZE, SPACE_CONNECT_ERROR_CODE, copyGatewayPageUrl, fixCorsErrorPageUrl } from './libs/constants.js';
+export { AUTHORIZE, SPACE_CONNECT_ERROR_CODE, copyGatewayPageUrl, fixCorsErrorPageUrl, isDebugMode } 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';

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

@@ -21,3 +21,4 @@ export declare const AUTHORIZE: {
 };
 export declare const copyGatewayPageUrl = "https://www.arcblock.io/content/docs/did-spaces/how-to-obtain-space-gateway-url";
 export declare const fixCorsErrorPageUrl = "https://www.arcblock.io/docs/did-spaces/fixing-cors-errors-when-connecting-to-space";
+export declare const isDebugMode: boolean;

package/dist/es/libs/constants.js

@@ -21,5 +21,6 @@ const AUTHORIZE = {
 };
 const copyGatewayPageUrl = "https://www.arcblock.io/content/docs/did-spaces/how-to-obtain-space-gateway-url";
 const fixCorsErrorPageUrl = "https://www.arcblock.io/docs/did-spaces/fixing-cors-errors-when-connecting-to-space";
+const isDebugMode = window.blocklet?.DEBUG_MODE === "true" || window.localStorage.getItem("debug") === "true";
 
-export { AUTHORIZE, SPACE_CONNECT_ERROR_CODE, copyGatewayPageUrl, fixCorsErrorPageUrl };
+export { AUTHORIZE, SPACE_CONNECT_ERROR_CODE, copyGatewayPageUrl, fixCorsErrorPageUrl, isDebugMode };

package/dist/es/locales/en.js

@@ -21,7 +21,7 @@ const en = flatten({
       connect: {
         reconnect: "Reconnect Now",
         useSpaceGateway: "Connect using the DID Spaces gateway",
-        useWallet: "Connect with DID Wallet",
+        useWallet: "Connect to DID Spaces",
         howToGetGatewayUrl: "How to get the url of did spaces",
         providerForStorage: "Please connect your DID Spaces"
       },

package/dist/es/locales/zh.js

@@ -21,7 +21,7 @@ const zh = flatten({
       connect: {
         reconnect: "\u7ACB\u5373\u91CD\u8FDE",
         useSpaceGateway: "\u4F7F\u7528 DID Spaces \u7F51\u5173\u8FDE\u63A5",
-        useWallet: "\u4F7F\u7528 DID Wallet \u8FDE\u63A5",
+        useWallet: "\u8FDE\u63A5\u81F3 DID Spaces",
         howToGetGatewayUrl: "\u5982\u4F55\u83B7\u53D6 DID Spaces \u7684\u7F51\u5173\u5730\u5740",
         providerForStorage: "\u8BF7\u8FDE\u63A5\u60A8\u7684 DID Spaces"
       },

package/dist/es/package.json.js

@@ -1,3 +1,3 @@
-const version = "1.0.5";
+const version = "1.0.6";
 
 export { version };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/did-space-react",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "Reusable react components for did space",
   "keywords": [
     "react",
@@ -147,5 +147,5 @@
     "vite-plugin-node-polyfills": "^0.22.0",
     "vitest": "^3.0.1"
   },
-  "gitHead": "9d97ee3e4dbe423716465cd7910cca2e0f44dc76"
+  "gitHead": "63862b123c6d3af083a603e062269ee342f4e9eb"
 }