@supyagent/sdk 0.1.39 → 0.2.0

package/dist/react.cjs

@@ -37,6 +37,7 @@ __export(react_exports, {
   CalendlyFormatter: () => CalendlyFormatter,
   CollapsibleResult: () => CollapsibleResult,
   ComputeFormatter: () => ComputeFormatter,
+  ConnectCallback: () => ConnectCallback,
   ContextIndicator: () => ContextIndicator,
   DiscordFormatter: () => DiscordFormatter,
   DocsFormatter: () => DocsFormatter,
@@ -85,7 +86,8 @@ __export(react_exports, {
   normalizeMicrosoftDrive: () => normalizeMicrosoftDrive,
   normalizeMicrosoftMail: () => normalizeMicrosoftMail,
   resolveToolName: () => resolveToolName,
-  unwrapSupyagentResult: () => unwrapSupyagentResult
+  unwrapSupyagentResult: () => unwrapSupyagentResult,
+  useSupyagentConnect: () => useSupyagentConnect
 });
 module.exports = __toCommonJS(react_exports);
 
@@ -3798,6 +3800,125 @@ function SupyagentToolCall({ part }) {
     }
   );
 }
+
+// src/react.tsx
+var import_react6 = require("react");
+
+// src/connect/popup.ts
+function openConnectPopup(options) {
+  const { connectUrl, width = 500, height = 700, onSuccess, onError } = options;
+  return new Promise((resolve, reject) => {
+    const left = Math.round(window.screenX + (window.outerWidth - width) / 2);
+    const top = Math.round(window.screenY + (window.outerHeight - height) / 2);
+    const features = `width=${width},height=${height},left=${left},top=${top},popup=1`;
+    const popup = window.open(connectUrl, "supyagent_connect", features);
+    if (!popup) {
+      const err = new Error(
+        "Popup was blocked by the browser. Please allow popups for this site."
+      );
+      onError?.(err);
+      reject(err);
+      return;
+    }
+    const popupRef = popup;
+    let settled = false;
+    function cleanup() {
+      window.removeEventListener("message", onMessage);
+      clearInterval(pollTimer);
+    }
+    function onMessage(event) {
+      const data = event.data;
+      if (!data || data.type !== "supyagent:connect") return;
+      settled = true;
+      cleanup();
+      try {
+        popupRef.close();
+      } catch {
+      }
+      if (data.status === "success" && data.provider && data.accountId) {
+        const result = {
+          status: "success",
+          provider: data.provider,
+          accountId: data.accountId
+        };
+        onSuccess?.(result);
+        resolve(result);
+      } else {
+        const err = new Error(data.error || "OAuth connect failed");
+        onError?.(err);
+        reject(err);
+      }
+    }
+    window.addEventListener("message", onMessage);
+    const pollTimer = setInterval(() => {
+      if (!settled && popupRef.closed) {
+        settled = true;
+        cleanup();
+        const err = new Error("Popup was closed before completing the OAuth flow");
+        onError?.(err);
+        reject(err);
+      }
+    }, 500);
+  });
+}
+
+// src/connect/callback.ts
+function handleConnectCallback(options) {
+  const { targetOrigin = "*", autoClose = true } = options ?? {};
+  const params = new URLSearchParams(window.location.search);
+  const status = params.get("status");
+  const provider = params.get("provider");
+  const accountId = params.get("account_id");
+  const error = params.get("error");
+  const message = {
+    type: "supyagent:connect",
+    status: status === "success" ? "success" : "error",
+    ...provider ? { provider } : {},
+    ...accountId ? { accountId } : {},
+    ...error ? { error } : {}
+  };
+  if (window.opener) {
+    window.opener.postMessage(message, targetOrigin);
+  }
+  if (autoClose) {
+    window.close();
+  }
+}
+
+// src/react.tsx
+var import_jsx_runtime39 = require("react/jsx-runtime");
+function useSupyagentConnect() {
+  const [isConnecting, setIsConnecting] = (0, import_react6.useState)(false);
+  const [error, setError] = (0, import_react6.useState)(null);
+  const [result, setResult] = (0, import_react6.useState)(null);
+  const connect = (0, import_react6.useCallback)(async (options) => {
+    setIsConnecting(true);
+    setError(null);
+    setResult(null);
+    try {
+      const res = await openConnectPopup(options);
+      setResult(res);
+      return res;
+    } catch (err) {
+      const e = err instanceof Error ? err : new Error(String(err));
+      setError(e);
+      throw e;
+    } finally {
+      setIsConnecting(false);
+    }
+  }, []);
+  return { connect, isConnecting, error, result };
+}
+function ConnectCallback({
+  children,
+  targetOrigin,
+  autoClose = true
+}) {
+  (0, import_react6.useEffect)(() => {
+    handleConnectCallback({ targetOrigin, autoClose });
+  }, [targetOrigin, autoClose]);
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_jsx_runtime39.Fragment, { children: children ?? null });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   BrevoFormatter,
@@ -3806,6 +3927,7 @@ function SupyagentToolCall({ part }) {
   CalendlyFormatter,
   CollapsibleResult,
   ComputeFormatter,
+  ConnectCallback,
   ContextIndicator,
   DiscordFormatter,
   DocsFormatter,
@@ -3854,6 +3976,7 @@ function SupyagentToolCall({ part }) {
   normalizeMicrosoftDrive,
   normalizeMicrosoftMail,
   resolveToolName,
-  unwrapSupyagentResult
+  unwrapSupyagentResult,
+  useSupyagentConnect
 });
 //# sourceMappingURL=react.cjs.map