@dipansrimany/mlink-sdk 0.4.1 → 0.4.2

package/dist/react/index.mjs

@@ -16,6 +16,8 @@ var MANTLE_SEPOLIA = {
 };
 var DEFAULT_CHAIN = MANTLE_SEPOLIA;
 var ACTION_QUERY_PARAM = "action";
+var REGISTRY_URL = "https://mlinks-fe.vercel.app";
+var REGISTRY_VALIDATE_ENDPOINT = "/api/registry/validate";
 
 // src/utils.ts
 function parseBlinkUrl(blinkUrl) {
@@ -180,22 +182,73 @@ function validateActionMetadata(data) {
 // src/react/useMlink.ts
 var DEFAULT_REFRESH_INTERVAL = 10 * 60 * 1e3;
 function useMlink(url, options = {}) {
-  const { refreshInterval = DEFAULT_REFRESH_INTERVAL, enabled = true } = options;
+  const {
+    refreshInterval = DEFAULT_REFRESH_INTERVAL,
+    enabled = true,
+    registryUrl = REGISTRY_URL,
+    requireRegistration = true,
+    allowPending = true,
+    allowBlocked = false
+  } = options;
   const [status, setStatus] = useState("idle");
   const [metadata, setMetadata] = useState(null);
   const [error, setError] = useState(null);
+  const [registration, setRegistration] = useState(null);
   const abortControllerRef = useRef(null);
   const intervalRef = useRef(null);
   const actionUrl = parseBlinkUrl(url) || url;
+  const validateRegistration = useCallback(async () => {
+    if (!actionUrl || !requireRegistration) return null;
+    try {
+      const validateUrl = `${registryUrl}${REGISTRY_VALIDATE_ENDPOINT}?url=${encodeURIComponent(actionUrl)}`;
+      const response = await fetch(validateUrl, {
+        method: "GET",
+        headers: {
+          Accept: "application/json"
+        }
+      });
+      const data = await response.json();
+      return data;
+    } catch (err) {
+      console.error("Registry validation error:", err);
+      return {
+        isRegistered: false,
+        status: null,
+        error: "Unable to validate against registry. Please try again later."
+      };
+    }
+  }, [actionUrl, registryUrl, requireRegistration]);
   const fetchMetadata = useCallback(async () => {
     if (!actionUrl || !enabled) return;
     if (abortControllerRef.current) {
       abortControllerRef.current.abort();
     }
     abortControllerRef.current = new AbortController();
-    setStatus("loading");
+    setStatus("validating");
     setError(null);
     try {
+      if (requireRegistration) {
+        const registrationResult = await validateRegistration();
+        setRegistration(registrationResult);
+        if (registrationResult) {
+          if (!registrationResult.isRegistered) {
+            setError(registrationResult.error || "This MLink is not registered.");
+            setStatus("unregistered");
+            return;
+          }
+          if (registrationResult.status === "blocked" && !allowBlocked) {
+            setError("This MLink has been blocked for policy violations.");
+            setStatus("blocked");
+            return;
+          }
+          if (registrationResult.status === "pending" && !allowPending) {
+            setError("This MLink is pending review and not yet available.");
+            setStatus("error");
+            return;
+          }
+        }
+      }
+      setStatus("loading");
       const response = await fetch(actionUrl, {
         method: "GET",
         headers: {
@@ -221,7 +274,7 @@ function useMlink(url, options = {}) {
       setError(errorMessage);
       setStatus("error");
     }
-  }, [actionUrl, enabled]);
+  }, [actionUrl, enabled, requireRegistration, validateRegistration, allowBlocked, allowPending]);
   useEffect(() => {
     if (enabled) {
       fetchMetadata();
@@ -248,7 +301,9 @@ function useMlink(url, options = {}) {
     metadata,
     error,
     url: actionUrl,
-    refresh: fetchMetadata
+    refresh: fetchMetadata,
+    registration,
+    isRegistered: registration?.isRegistered ?? false
   };
 }
 function useExecuteMlink(options) {
@@ -475,11 +530,20 @@ function Mlink({
   onSuccess,
   onError,
   className = "",
-  stylePreset = "default"
+  stylePreset = "default",
+  registryUrl,
+  requireRegistration = true,
+  allowPending = true,
+  allowBlocked = false
 }) {
   const context = useMlinkContext();
   const resolvedTheme = themeProp ? resolveTheme(themeProp) : context.theme;
-  const { status: fetchStatus, metadata, error: fetchError } = useMlink(url);
+  const { status: fetchStatus, metadata, error: fetchError, registration } = useMlink(url, {
+    registryUrl,
+    requireRegistration,
+    allowPending,
+    allowBlocked
+  });
   const {
     execute,
     status: execStatus,
@@ -542,9 +606,21 @@ function Mlink({
   const hasLinkedActions = useMemo(() => {
     return metadata?.links?.actions && metadata.links.actions.length > 0;
   }, [metadata]);
-  if (fetchStatus === "loading") {
+  if (fetchStatus === "loading" || fetchStatus === "validating") {
     return /* @__PURE__ */ jsx(MlinkContainer, { theme: resolvedTheme, className, preset: stylePreset, children: /* @__PURE__ */ jsx(MlinkSkeleton, {}) });
   }
+  if (fetchStatus === "unregistered") {
+    return /* @__PURE__ */ jsx(MlinkContainer, { theme: resolvedTheme, className, preset: stylePreset, children: /* @__PURE__ */ jsx(
+      MlinkUnregistered,
+      {
+        message: fetchError || "This MLink is not registered.",
+        registryUrl
+      }
+    ) });
+  }
+  if (fetchStatus === "blocked") {
+    return /* @__PURE__ */ jsx(MlinkContainer, { theme: resolvedTheme, className, preset: stylePreset, children: /* @__PURE__ */ jsx(MlinkBlocked, { message: fetchError || "This MLink has been blocked." }) });
+  }
   if (fetchStatus === "error" || !metadata) {
     return /* @__PURE__ */ jsx(MlinkContainer, { theme: resolvedTheme, className, preset: stylePreset, children: /* @__PURE__ */ jsx(MlinkError, { message: fetchError || "Failed to load action" }) });
   }
@@ -821,6 +897,38 @@ function MlinkError({ message }) {
     /* @__PURE__ */ jsx("p", { className: "mlink-error-message", children: message })
   ] });
 }
+function MlinkUnregistered({ message, registryUrl }) {
+  const registerUrl = registryUrl ? `${registryUrl}/dashboard/register` : "https://mlinks-fe.vercel.app/dashboard/register";
+  return /* @__PURE__ */ jsxs("div", { className: "mlink-unregistered", children: [
+    /* @__PURE__ */ jsx("div", { className: "mlink-unregistered-icon", children: /* @__PURE__ */ jsxs("svg", { width: "48", height: "48", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+      /* @__PURE__ */ jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+    ] }) }),
+    /* @__PURE__ */ jsx("h3", { className: "mlink-unregistered-title", children: "Unregistered MLink" }),
+    /* @__PURE__ */ jsx("p", { className: "mlink-unregistered-message", children: message }),
+    /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: registerUrl,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "mlink-button",
+        children: "Register MLink"
+      }
+    )
+  ] });
+}
+function MlinkBlocked({ message }) {
+  return /* @__PURE__ */ jsxs("div", { className: "mlink-blocked", children: [
+    /* @__PURE__ */ jsx("div", { className: "mlink-blocked-icon", children: /* @__PURE__ */ jsxs("svg", { width: "48", height: "48", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ jsx("line", { x1: "4.93", y1: "4.93", x2: "19.07", y2: "19.07" })
+    ] }) }),
+    /* @__PURE__ */ jsx("h3", { className: "mlink-blocked-title", children: "Blocked MLink" }),
+    /* @__PURE__ */ jsx("p", { className: "mlink-blocked-message", children: message })
+  ] });
+}
 function MlinkSuccess({ message, txHash, onReset }) {
   const shortHash = `${txHash.slice(0, 10)}...${txHash.slice(-8)}`;
   return /* @__PURE__ */ jsxs("div", { className: "mlink-success", children: [