@blocklet/did-space-react 0.5.80 → 0.5.82

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

@@ -5,6 +5,7 @@ const React = require('react');
 const index = require('../base-connect-to/index.js');
 const gatewayAuth = require('./gateway-auth.js');
 const baseAuth = require('./base-auth.js');
+const popupAuth = require('./popup-auth.js');
 
 function AuthConnectTo({ options, onSuccess, ...rest }) {
   const [walletOptions, setWalletOptions] = React.useState({
@@ -38,7 +39,7 @@ function AuthConnectTo({ options, onSuccess, ...rest }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(index.BaseConnectTo, { ...rest, onWalletClick, onGatewayConfirm }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      baseAuth.BaseAuth,
+      popupAuth.PopupAuth,
       {
         ...options,
         ...walletOptions,

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

@@ -0,0 +1,7 @@
+export interface PopupAuthProps {
+    extraParams?: Record<string, string>;
+    onSuccess?: (response: Record<string, string>, decrypt: Function) => void | Promise<void>;
+    onClose?: () => void | Promise<void>;
+    open?: boolean;
+}
+export declare function PopupAuth({ open, extraParams, onSuccess, onClose }: PopupAuthProps): null;

package/dist/cjs/components/auth-connect-to/popup-auth.js

@@ -0,0 +1,49 @@
+'use strict';
+
+const useConnect = require('@arcblock/did-connect/lib/Connect/use-connect');
+const useLocale = require('../../hooks/use-locale.js');
+const constants = require('../../libs/constants.js');
+const env = require('../../libs/env.js');
+
+function PopupAuth({ open, extraParams, onSuccess, onClose }) {
+  const { locale } = useLocale();
+  const { connectApi } = useConnect();
+  if (open) {
+    const finalExtraParams = {
+      appPid: window.blocklet?.appPid,
+      appDid: window.blocklet?.appId,
+      appName: window.blocklet?.appName,
+      appDescription: window.blocklet?.appDescription,
+      appUrl: window.blocklet?.appUrl,
+      referrer: window.location.href,
+      scopes: constants.AUTHORIZE.DEFAULT_SCOPE,
+      locale,
+      ...extraParams
+    };
+    const popupProps = {
+      prefix: "/connect-to-did-space",
+      custom: true,
+      extraParams: {
+        provider: "wallet",
+        ...finalExtraParams,
+        ...extraParams
+      },
+      onSuccess: async (response, decryptFunc) => {
+        if (onSuccess) {
+          await onSuccess(response, decryptFunc);
+        }
+      },
+      onClose: async () => {
+        if (onClose) {
+          await onClose();
+        }
+      }
+    };
+    connectApi.openPopup(popupProps, {
+      baseUrl: env.DID_SPACES_BASE_URL
+    });
+  }
+  return null;
+}
+
+exports.PopupAuth = PopupAuth;

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

@@ -0,0 +1 @@
+export declare const DID_SPACES_BASE_URL: any;

package/dist/cjs/libs/env.js

@@ -0,0 +1,5 @@
+'use strict';
+
+const DID_SPACES_BASE_URL = window?.blocklet?.DID_SPACES_BASE_URL || "https://www.didspaces.com/app";
+
+exports.DID_SPACES_BASE_URL = DID_SPACES_BASE_URL;

package/dist/cjs/libs/util.js

@@ -56,7 +56,10 @@ function getSpaceDidFromSpaceUrl(url) {
 }
 function decryptSpaceGateway(response, decrypt) {
   if (!isEmpty(response.spaceGateway)) {
-    return decrypt(response.spaceGateway);
+    if (decrypt) {
+      return decrypt(response.spaceGateway);
+    }
+    return response.spaceGateway;
   }
   const endpoint = decrypt(response.endpoint);
   const space = response.space ? decrypt(response.space) : {};

package/dist/cjs/package.json.js

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

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

@@ -3,6 +3,7 @@ import { useState } from 'react';
 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';
 
 function AuthConnectTo({ options, onSuccess, ...rest }) {
   const [walletOptions, setWalletOptions] = useState({
@@ -36,7 +37,7 @@ function AuthConnectTo({ options, onSuccess, ...rest }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(BaseConnectTo, { ...rest, onWalletClick, onGatewayConfirm }),
     /* @__PURE__ */ jsx(
-      BaseAuth,
+      PopupAuth,
       {
         ...options,
         ...walletOptions,

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

@@ -0,0 +1,7 @@
+export interface PopupAuthProps {
+    extraParams?: Record<string, string>;
+    onSuccess?: (response: Record<string, string>, decrypt: Function) => void | Promise<void>;
+    onClose?: () => void | Promise<void>;
+    open?: boolean;
+}
+export declare function PopupAuth({ open, extraParams, onSuccess, onClose }: PopupAuthProps): null;

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

@@ -0,0 +1,47 @@
+import useConnect from '@arcblock/did-connect/lib/Connect/use-connect';
+import useLocale from '../../hooks/use-locale.js';
+import { AUTHORIZE } from '../../libs/constants.js';
+import { DID_SPACES_BASE_URL } from '../../libs/env.js';
+
+function PopupAuth({ open, extraParams, onSuccess, onClose }) {
+  const { locale } = useLocale();
+  const { connectApi } = useConnect();
+  if (open) {
+    const finalExtraParams = {
+      appPid: window.blocklet?.appPid,
+      appDid: window.blocklet?.appId,
+      appName: window.blocklet?.appName,
+      appDescription: window.blocklet?.appDescription,
+      appUrl: window.blocklet?.appUrl,
+      referrer: window.location.href,
+      scopes: AUTHORIZE.DEFAULT_SCOPE,
+      locale,
+      ...extraParams
+    };
+    const popupProps = {
+      prefix: "/connect-to-did-space",
+      custom: true,
+      extraParams: {
+        provider: "wallet",
+        ...finalExtraParams,
+        ...extraParams
+      },
+      onSuccess: async (response, decryptFunc) => {
+        if (onSuccess) {
+          await onSuccess(response, decryptFunc);
+        }
+      },
+      onClose: async () => {
+        if (onClose) {
+          await onClose();
+        }
+      }
+    };
+    connectApi.openPopup(popupProps, {
+      baseUrl: DID_SPACES_BASE_URL
+    });
+  }
+  return null;
+}
+
+export { PopupAuth };

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

@@ -0,0 +1 @@
+export declare const DID_SPACES_BASE_URL: any;

package/dist/es/libs/env.js

@@ -0,0 +1,3 @@
+const DID_SPACES_BASE_URL = window?.blocklet?.DID_SPACES_BASE_URL || "https://www.didspaces.com/app";
+
+export { DID_SPACES_BASE_URL };

package/dist/es/libs/util.js

@@ -54,7 +54,10 @@ function getSpaceDidFromSpaceUrl(url) {
 }
 function decryptSpaceGateway(response, decrypt) {
   if (!isEmpty(response.spaceGateway)) {
-    return decrypt(response.spaceGateway);
+    if (decrypt) {
+      return decrypt(response.spaceGateway);
+    }
+    return response.spaceGateway;
   }
   const endpoint = decrypt(response.endpoint);
   const space = response.space ? decrypt(response.space) : {};

package/dist/es/package.json.js

@@ -1,3 +1,3 @@
-const version = "0.5.80";
+const version = "0.5.82";
 
 export { version };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/did-space-react",
-  "version": "0.5.80",
+  "version": "0.5.82",
   "description": "Reusable react components for did space",
   "keywords": [
     "react",
@@ -24,7 +24,7 @@
     "lint": "tsc --noEmit && eslint src tests --ext js --ext jsx --ext ts --ext tsx",
     "lint:fix": "npm run lint -- --fix",
     "build": "unbuild && node tools/auto-exports.js && npm run cpfiles && node tools/build-types.js",
-    "watch": "CONSOLA_LEVEL=1 nodemon -e .jsx,.js,.ts,.tsx -w src -x 'yalc publish --push'",
+    "watch": "CONSOLA_LEVEL=1 nodemon -e .jsx,.js,.ts,.tsx -w src -x 'npx yalc publish --push'",
     "precommit": "CI=1 npm run lint",
     "prepush": "CI=1 npm run lint",
     "prepublish": "npm run build",
@@ -85,10 +85,6 @@
   },
   "dependencies": {
     "@arcblock/did": "^1.18.161",
-    "@arcblock/did-connect": "^2.10.88",
-    "@arcblock/ux": "^2.10.88",
-    "@blocklet/js-sdk": "^1.16.34-beta-20241214-102147-410be539",
-    "@blocklet/sdk": "^1.16.34-beta-20241214-102147-410be539",
     "@mui/icons-material": "^5.16.11",
     "@mui/lab": "^5.0.0-alpha.174",
     "@mui/material": "^5.16.11",
@@ -104,18 +100,26 @@
     "ufo": "^1.5.4"
   },
   "peerDependencies": {
+    "@arcblock/did-connect": "^2.10.89",
+    "@arcblock/ux": "^2.10.89",
+    "@blocklet/js-sdk": "^1.16.34-beta-20241216-230644-e9ec07d8",
+    "@blocklet/sdk": "^1.16.34-beta-20241216-230644-e9ec07d8",
     "react": ">=18.1.0"
   },
   "publishConfig": {
     "access": "public"
   },
   "devDependencies": {
+    "@arcblock/did-connect": "^2.10.89",
     "@arcblock/eslint-config-ts": "^0.3.3",
+    "@arcblock/ux": "^2.10.89",
     "@babel/cli": "^7.26.4",
     "@babel/core": "^7.26.0",
     "@babel/preset-env": "^7.26.0",
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
+    "@blocklet/js-sdk": "^1.16.34-beta-20241216-230644-e9ec07d8",
+    "@blocklet/sdk": "^1.16.34-beta-20241216-230644-e9ec07d8",
     "@storybook/addon-essentials": "^7.6.20",
     "@storybook/addon-interactions": "^7.6.20",
     "@storybook/addon-links": "^7.6.20",
@@ -125,7 +129,7 @@
     "@storybook/react-vite": "^7.6.20",
     "@storybook/test": "^7.6.20",
     "@svgr/rollup": "^8.1.0",
-    "@types/react": "^18.3.16",
+    "@types/react": "^18.3.17",
     "@types/react-dom": "^18.3.5",
     "@vitejs/plugin-legacy": "^5.4.3",
     "@vitest/coverage-v8": "^2.1.8",
@@ -138,7 +142,7 @@
     "react-dom": "^18.3.1",
     "rollup-plugin-node-builtins": "^2.1.2",
     "storybook": "^7.6.20",
-    "type-fest": "^4.30.1",
+    "type-fest": "^4.30.2",
     "typescript": "~5.5.4",
     "unbuild": "^2.0.0",
     "vite": "^5.4.11",
@@ -146,5 +150,5 @@
     "vite-plugin-node-polyfills": "^0.22.0",
     "vitest": "^2.1.8"
   },
-  "gitHead": "16c29f7cfe40d7d54a438fd4047b94519d51062e"
+  "gitHead": "766ed8f20bb6a83d26980c7a0666f18c45d8be42"
 }