@calimero-network/mero-react 4.2.0 → 4.3.1

package/dist/index.d.cts

@@ -40,11 +40,17 @@ declare enum AppMode {
  * Connection type for the login modal
  */
 declare enum ConnectionType {
-    /** Show both local and remote options */
+    /**
+     * @deprecated The login modal no longer has Local/Remote tabs — it always
+     * shows node discovery + manual URL entry. Behaves the same as `Remote`.
+     */
     RemoteAndLocal = "remote-and-local",
-    /** Show only remote option */
+    /** Open the login modal (node discovery + manual URL entry) */
     Remote = "remote",
-    /** Show only local option */
+    /**
+     * @deprecated The hardcoded default-local-node view was removed. Behaves
+     * the same as `Remote`.
+     */
     Local = "local",
     /** Custom URL (skip modal) */
     Custom = "custom"
@@ -233,7 +239,11 @@ declare function themeToCssVars(theme: ResolvedMeroTheme): CSSProperties;
 declare function cssVar(theme: ResolvedMeroTheme, key: keyof MeroTheme): string;
 
 interface ConnectButtonProps {
-    /** Connection type for login modal */
+    /**
+     * Connection behaviour. `Custom` (object form) connects straight to the
+     * given URL, skipping the modal; every other value opens the LoginModal,
+     * which always shows node discovery + manual URL entry.
+     */
     connectionType?: ConnectionType | CustomConnectionConfig;
     /** Custom class name */
     className?: string;
@@ -268,23 +278,27 @@ interface LoginModalProps {
     onConnect: (url: string) => void;
     /** Callback when modal is closed */
     onClose: () => void;
-    /** Connection type determines what options to show */
-    connectionType: ConnectionType | CustomConnectionConfig;
+    /**
+     * @deprecated Ignored. The modal always shows node discovery + manual URL
+     * entry; the old hardcoded-default "Local" view was removed. Kept so
+     * existing call sites keep compiling.
+     */
+    connectionType?: ConnectionType | CustomConnectionConfig;
     /** Whether the modal is open */
     isOpen: boolean;
     /** Theme overrides — accepts any subset of `MeroTheme` tokens */
     theme?: MeroTheme;
     /**
-     * Ports probed when discovering remote/local nodes. Defaults to the
-     * well-known Calimero dev ports (2428, 2429, 2528, 2529). Mostly an escape
-     * hatch for non-standard setups and tests.
+     * Ports probed when discovering local nodes. Defaults to the well-known
+     * Calimero dev ports (2428, 2429, 2528, 2529). Mostly an escape hatch for
+     * non-standard setups and tests.
      */
     localNodePorts?: readonly number[];
 }
 /**
  * LoginModal - Connection modal component
  */
-declare function LoginModal({ onConnect, onClose, connectionType, isOpen, theme, localNodePorts, }: LoginModalProps): React.ReactPortal | null;
+declare function LoginModal({ onConnect, onClose, isOpen, theme, localNodePorts, }: LoginModalProps): React.ReactPortal | null;
 
 interface CalimeroLogoProps extends React__default.SVGAttributes<SVGSVGElement> {
     /** Width / height shorthand (applied to both). Default: 24. */

package/dist/index.d.ts

@@ -40,11 +40,17 @@ declare enum AppMode {
  * Connection type for the login modal
  */
 declare enum ConnectionType {
-    /** Show both local and remote options */
+    /**
+     * @deprecated The login modal no longer has Local/Remote tabs — it always
+     * shows node discovery + manual URL entry. Behaves the same as `Remote`.
+     */
     RemoteAndLocal = "remote-and-local",
-    /** Show only remote option */
+    /** Open the login modal (node discovery + manual URL entry) */
     Remote = "remote",
-    /** Show only local option */
+    /**
+     * @deprecated The hardcoded default-local-node view was removed. Behaves
+     * the same as `Remote`.
+     */
     Local = "local",
     /** Custom URL (skip modal) */
     Custom = "custom"
@@ -233,7 +239,11 @@ declare function themeToCssVars(theme: ResolvedMeroTheme): CSSProperties;
 declare function cssVar(theme: ResolvedMeroTheme, key: keyof MeroTheme): string;
 
 interface ConnectButtonProps {
-    /** Connection type for login modal */
+    /**
+     * Connection behaviour. `Custom` (object form) connects straight to the
+     * given URL, skipping the modal; every other value opens the LoginModal,
+     * which always shows node discovery + manual URL entry.
+     */
     connectionType?: ConnectionType | CustomConnectionConfig;
     /** Custom class name */
     className?: string;
@@ -268,23 +278,27 @@ interface LoginModalProps {
     onConnect: (url: string) => void;
     /** Callback when modal is closed */
     onClose: () => void;
-    /** Connection type determines what options to show */
-    connectionType: ConnectionType | CustomConnectionConfig;
+    /**
+     * @deprecated Ignored. The modal always shows node discovery + manual URL
+     * entry; the old hardcoded-default "Local" view was removed. Kept so
+     * existing call sites keep compiling.
+     */
+    connectionType?: ConnectionType | CustomConnectionConfig;
     /** Whether the modal is open */
     isOpen: boolean;
     /** Theme overrides — accepts any subset of `MeroTheme` tokens */
     theme?: MeroTheme;
     /**
-     * Ports probed when discovering remote/local nodes. Defaults to the
-     * well-known Calimero dev ports (2428, 2429, 2528, 2529). Mostly an escape
-     * hatch for non-standard setups and tests.
+     * Ports probed when discovering local nodes. Defaults to the well-known
+     * Calimero dev ports (2428, 2429, 2528, 2529). Mostly an escape hatch for
+     * non-standard setups and tests.
      */
     localNodePorts?: readonly number[];
 }
 /**
  * LoginModal - Connection modal component
  */
-declare function LoginModal({ onConnect, onClose, connectionType, isOpen, theme, localNodePorts, }: LoginModalProps): React.ReactPortal | null;
+declare function LoginModal({ onConnect, onClose, isOpen, theme, localNodePorts, }: LoginModalProps): React.ReactPortal | null;
 
 interface CalimeroLogoProps extends React__default.SVGAttributes<SVGSVGElement> {
     /** Width / height shorthand (applied to both). Default: 24. */

package/dist/index.js

@@ -200,9 +200,18 @@ var isBrowser = typeof window !== "undefined";
 function getPermissionsForMode(mode) {
   switch (mode) {
     case "single-context" /* SingleContext */:
-      return ["context:execute"];
+      return ["context:execute", "context:list", "application:list", "blob", "context:alias"];
     case "multi-context" /* MultiContext */:
-      return ["context:create", "context:list", "context:execute"];
+      return [
+        "context:create",
+        "context:list",
+        "context:execute",
+        "application:list",
+        "namespace",
+        "group",
+        "blob",
+        "context:alias"
+      ];
     case "admin" /* Admin */:
       return ["admin"];
     default:
@@ -579,7 +588,6 @@ function themeToCssVars(theme) {
 function cssVar(theme, key) {
   return `var(${MERO_CSS_VARS[key]}, ${theme[key]})`;
 }
-var DEFAULT_LOCAL_NODE_URL = "http://node1.127.0.0.1.nip.io";
 var CUSTOM_SELECTION = "__custom__";
 function isValidUrl(urlString) {
   if (!urlString || urlString.trim() === "") {
@@ -697,29 +705,6 @@ function buildStyles(t) {
       fontSize: "0.875rem",
       textAlign: "center"
     },
-    radioGroup: {
-      display: "flex",
-      gap: "0.75rem",
-      marginBottom: "1rem",
-      justifyContent: "center"
-    },
-    radioLabel: {
-      display: "flex",
-      alignItems: "center",
-      gap: "0.5rem",
-      color: text,
-      cursor: "pointer",
-      padding: "0.5rem 1rem",
-      borderRadius: radius,
-      border: `1px solid ${border}`,
-      backgroundColor: bgSecondary,
-      transition: "all 0.15s ease"
-    },
-    radioLabelActive: {
-      border: `1px solid ${accent}`,
-      backgroundColor: accentGlow,
-      color: text
-    },
     radioList: {
       display: "flex",
       flexDirection: "column",
@@ -782,29 +767,6 @@ function buildStyles(t) {
       marginBottom: "1rem",
       boxSizing: "border-box"
     },
-    localInfo: {
-      color: textSecondary,
-      fontSize: "0.875rem",
-      textAlign: "center",
-      padding: "0.75rem",
-      backgroundColor: bgSecondary,
-      borderRadius: radius,
-      marginBottom: "1rem",
-      border: `1px solid ${border}`
-    },
-    localInfoCode: {
-      color: accent
-    },
-    noNodeInfo: {
-      color: textSecondary,
-      fontSize: "0.875rem",
-      textAlign: "center",
-      padding: "0.75rem",
-      backgroundColor: bgSecondary,
-      borderRadius: radius,
-      marginBottom: "1rem",
-      border: `1px solid ${border}`
-    },
     toolbar: {
       display: "flex",
       justifyContent: "center",
@@ -875,12 +837,10 @@ function buildStyles(t) {
 function LoginModal({
   onConnect,
   onClose,
-  connectionType,
   isOpen,
   theme,
   localNodePorts = DEFAULT_LOCAL_NODE_PORTS
 }) {
-  const [nodeType, setNodeType] = useState("local");
   const [selected, setSelected] = useState(CUSTOM_SELECTION);
   const [discovered, setDiscovered] = useState([]);
   const [discovering, setDiscovering] = useState(false);
@@ -893,27 +853,16 @@ function LoginModal({
     () => theme ? themeToCssVars(resolved) : void 0,
     [theme, resolved]
   );
-  const shouldShowLocal = connectionType === "remote-and-local" /* RemoteAndLocal */ || connectionType === "local" /* Local */;
-  const shouldShowRemote = connectionType === "remote-and-local" /* RemoteAndLocal */ || connectionType === "remote" /* Remote */;
-  const shouldShowRadioGroup = shouldShowLocal && shouldShowRemote;
   useEffect(() => {
     const savedUrl = localStorage.getItem("mero:node_url");
     if (savedUrl) {
       setCustomUrl(savedUrl);
     }
   }, []);
-  useEffect(() => {
-    if (connectionType === "local" /* Local */) {
-      setNodeType("local");
-    } else if (connectionType === "remote" /* Remote */) {
-      setNodeType("remote");
-    }
-  }, [connectionType]);
   const [scanNonce, setScanNonce] = useState(0);
   const portsKey = useMemo(() => localNodePorts.join(","), [localNodePorts]);
-  const remoteActive = isOpen && shouldShowRemote && nodeType === "remote";
   useEffect(() => {
-    if (!remoteActive) {
+    if (!isOpen) {
       return;
     }
     const controller = new AbortController();
@@ -934,16 +883,16 @@ function LoginModal({
       active = false;
       controller.abort();
     };
-  }, [remoteActive, portsKey, scanNonce]);
+  }, [isOpen, portsKey, scanNonce]);
   const isCustom = selected === CUSTOM_SELECTION;
   const hasDiscovered = discovered.length > 0;
-  const canConnect = !loading && (nodeType === "local" ? true : discovering ? false : isCustom ? isValidUrl(customUrl) : true);
+  const canConnect = !loading && !discovering && (isCustom ? isValidUrl(customUrl) : true);
   const canConnectRef = useRef(canConnect);
   canConnectRef.current = canConnect;
   const handleConnect = useCallback(async () => {
-    const targetUrl = nodeType === "local" ? DEFAULT_LOCAL_NODE_URL : selected === CUSTOM_SELECTION ? customUrl : selected;
-    const usingDiscovered = nodeType === "remote" && selected !== CUSTOM_SELECTION;
-    if (nodeType === "remote" && !usingDiscovered && !isValidUrl(targetUrl)) {
+    const usingDiscovered = selected !== CUSTOM_SELECTION;
+    const targetUrl = usingDiscovered ? selected : customUrl;
+    if (!usingDiscovered && !isValidUrl(targetUrl)) {
       return;
     }
     const normalizedUrl = targetUrl.replace(/\/+$/, "");
@@ -968,7 +917,7 @@ function LoginModal({
       setError("Failed to connect. Please check the URL and try again.");
       setLoading(false);
     }
-  }, [nodeType, selected, customUrl, onConnect]);
+  }, [selected, customUrl, onConnect]);
   if (!isOpen) {
     return null;
   }
@@ -1018,7 +967,7 @@ function LoginModal({
       )
     );
   };
-  const renderRemoteView = () => {
+  const renderNodeSection = () => {
     if (discovering) {
       return /* @__PURE__ */ jsxs("div", { style: styles.discovering, "data-testid": "node-discovering", children: [
         /* @__PURE__ */ jsx("div", { style: styles.spinnerSmall }),
@@ -1026,7 +975,7 @@ function LoginModal({
       ] });
     }
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("p", { style: styles.info, children: hasDiscovered ? "Select a discovered node, or enter a node URL manually." : "No local node found. Enter a node URL to continue." }),
+      /* @__PURE__ */ jsx("p", { style: styles.info, children: hasDiscovered ? "Select your Calimero node to continue." : "No local node found. Enter a node URL to continue." }),
       hasDiscovered && /* @__PURE__ */ jsxs(
         "div",
         {
@@ -1086,64 +1035,8 @@ function LoginModal({
         /* @__PURE__ */ jsx("p", { children: "Connecting to node..." }),
         /* @__PURE__ */ jsx("div", { style: styles.spinner })
       ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        shouldShowRadioGroup && /* @__PURE__ */ jsx("p", { style: styles.info, children: "Select your Calimero node type to continue." }),
         error && /* @__PURE__ */ jsx("p", { style: styles.error, children: error }),
-        shouldShowRadioGroup && /* @__PURE__ */ jsxs("div", { style: styles.radioGroup, children: [
-          /* @__PURE__ */ jsxs(
-            "label",
-            {
-              "data-testid": "node-type-local",
-              style: {
-                ...styles.radioLabel,
-                ...nodeType === "local" ? styles.radioLabelActive : {}
-              },
-              onClick: () => setNodeType("local"),
-              children: [
-                /* @__PURE__ */ jsx(
-                  "input",
-                  {
-                    type: "radio",
-                    value: "local",
-                    checked: nodeType === "local",
-                    onChange: () => setNodeType("local"),
-                    style: { display: "none" }
-                  }
-                ),
-                "Local"
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            "label",
-            {
-              "data-testid": "node-type-remote",
-              style: {
-                ...styles.radioLabel,
-                ...nodeType === "remote" ? styles.radioLabelActive : {}
-              },
-              onClick: () => setNodeType("remote"),
-              children: [
-                /* @__PURE__ */ jsx(
-                  "input",
-                  {
-                    type: "radio",
-                    value: "remote",
-                    checked: nodeType === "remote",
-                    onChange: () => setNodeType("remote"),
-                    style: { display: "none" }
-                  }
-                ),
-                "Remote"
-              ]
-            }
-          )
-        ] }),
-        nodeType === "local" && shouldShowLocal && /* @__PURE__ */ jsxs("p", { style: styles.localInfo, children: [
-          "Using default local node: ",
-          /* @__PURE__ */ jsx("br", {}),
-          /* @__PURE__ */ jsx("code", { style: styles.localInfoCode, children: DEFAULT_LOCAL_NODE_URL })
-        ] }),
-        nodeType === "remote" && shouldShowRemote && renderRemoteView(),
+        renderNodeSection(),
         /* @__PURE__ */ jsx("div", { style: styles.buttonGroup, children: /* @__PURE__ */ jsx(
           "button",
           {
@@ -1163,7 +1056,7 @@ function LoginModal({
   return createPortal(modalContent, document.body);
 }
 function ConnectButton({
-  connectionType = "remote-and-local" /* RemoteAndLocal */,
+  connectionType = "remote" /* Remote */,
   className,
   style,
   theme,
@@ -1314,7 +1207,6 @@ function ConnectButton({
             isOpen: isModalOpen,
             onConnect: handleModalConnect,
             onClose: () => setIsModalOpen(false),
-            connectionType: typeof connectionType === "object" ? "remote-and-local" /* RemoteAndLocal */ : connectionType,
             theme: resolvedTheme ?? theme
           }
         )