@sylergydigital/issue-pin-sdk 0.6.5 → 0.6.7

package/dist/index.d.cts

@@ -157,6 +157,7 @@ interface FeedbackContextType {
     submitThread: (body: string, visibility: "public" | "internal") => Promise<void>;
     submitScreenshotThread: (body: string, visibility: "public" | "internal") => Promise<void>;
     refreshThreads: () => Promise<void>;
+    openThreadInDashboard: (threadId: string) => void;
 }
 /**
  * SDK Entry Point — wrap your app to enable in-app feedback.

package/dist/index.d.ts

@@ -157,6 +157,7 @@ interface FeedbackContextType {
     submitThread: (body: string, visibility: "public" | "internal") => Promise<void>;
     submitScreenshotThread: (body: string, visibility: "public" | "internal") => Promise<void>;
     refreshThreads: () => Promise<void>;
+    openThreadInDashboard: (threadId: string) => void;
 }
 /**
  * SDK Entry Point — wrap your app to enable in-app feedback.

package/dist/index.js

@@ -437,6 +437,34 @@ function FeedbackProvider({
   const onModeChangeUnified = config.onModeChange ?? (config.onFeedbackActiveChange ? ((m) => config.onFeedbackActiveChange(m === "annotate")) : void 0);
   const controlledModeFromProps = config.mode !== void 0 ? config.mode : config.feedbackActive !== void 0 ? config.feedbackActive ? "annotate" : "view" : void 0;
   const initialModeUncontrolled = config.mode ?? (config.feedbackActive !== void 0 ? config.feedbackActive ? "annotate" : "view" : "view");
+  const openThreadInDashboard = useCallback((threadId) => {
+    const threadPath = `/threads/${threadId}`;
+    const baseUrl = resolved.siteUrl?.replace(/\/+$/, "") || window.location.origin;
+    if (config.apiKey && autoIdentity.accessToken) {
+      const functionsBaseUrl = getFunctionsBaseUrl(resolved.supabaseUrl);
+      fetch(`${functionsBaseUrl}/external-sso-launch`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          Authorization: `Bearer ${autoIdentity.accessToken}`
+        },
+        body: JSON.stringify({
+          apiKey: config.apiKey,
+          nextPath: threadPath
+        })
+      }).then((res) => res.ok ? res.json() : null).then((data) => {
+        if (data?.redirect_url) {
+          window.open(data.redirect_url, "_blank", "noopener,noreferrer");
+        } else {
+          window.open(`${baseUrl}${threadPath}`, "_blank", "noopener,noreferrer");
+        }
+      }).catch(() => {
+        window.open(`${baseUrl}${threadPath}`, "_blank", "noopener,noreferrer");
+      });
+      return;
+    }
+    window.open(`${baseUrl}${threadPath}`, "_blank", "noopener,noreferrer");
+  }, [resolved.supabaseUrl, resolved.siteUrl, config.apiKey, autoIdentity.accessToken]);
   return /* @__PURE__ */ jsx(
     FeedbackProviderInner,
     {
@@ -463,6 +491,7 @@ function FeedbackProvider({
       userId: effectiveUserId,
       userEmail: effectiveEmail,
       userDisplayName: effectiveDisplayName,
+      openThreadInDashboard,
       children
     }
   );
@@ -491,7 +520,8 @@ function FeedbackProviderInner({
   debug,
   userId,
   userEmail,
-  userDisplayName
+  userDisplayName,
+  openThreadInDashboard
 }) {
   const debugLog = useCallback((message, extra) => {
     if (!debug) return;
@@ -602,6 +632,7 @@ function FeedbackProviderInner({
       const target = event.target;
       if (!(target instanceof Element)) return;
       if (!target.closest('[data-ew-feedback-interactive="true"]')) return;
+      if (target.closest("[data-ew-launcher]")) return;
       event.stopPropagation();
     };
     window.addEventListener("pointerdown", handleSdkPointerDownCapture, true);
@@ -882,7 +913,8 @@ function FeedbackProviderInner({
         setPendingScreenshotPin,
         submitThread,
         submitScreenshotThread,
-        refreshThreads: fetchThreads
+        refreshThreads: fetchThreads,
+        openThreadInDashboard
       },
       children: [
         children,
@@ -1242,7 +1274,7 @@ function ThreadPins() {
   const signedUrlCache = useRef2({});
   const threads = ctx?.threads ?? EMPTY_THREADS;
   const client = ctx?.client;
-  const threadBaseUrl = ctx?.siteUrl?.replace(/\/+$/, "") || window.location.origin;
+  const openThreadInDashboard = ctx?.openThreadInDashboard;
   const scrollContainer = ctx?.scrollContainer;
   const container = scrollContainer?.ref.current ?? null;
   const getSignedUrl = useCallback4(async (path) => {
@@ -1366,8 +1398,8 @@ function ThreadPins() {
       });
       return;
     }
-    window.open(`${threadBaseUrl}/threads/${pin.threadId}`, "_blank", "noopener,noreferrer");
-  }, [getSignedUrl, threadBaseUrl]);
+    openThreadInDashboard?.(pin.threadId);
+  }, [getSignedUrl, openThreadInDashboard]);
   const containerLayer = useMemo3(() => {
     if (!container || containerPositions.length === 0) return null;
     const { width, height } = getContainerContentSize(container);
@@ -1494,7 +1526,7 @@ function ReviewSurfaceOverlay() {
   const mode = ctx?.mode ?? "view";
   const reviewUrl = ctx?.reviewUrl ?? null;
   const threads = ctx?.threads ?? EMPTY_THREADS2;
-  const threadBaseUrl = ctx?.siteUrl?.replace(/\/+$/, "") || window.location.origin;
+  const openThreadInDashboard = ctx?.openThreadInDashboard;
   const updateMetrics = useCallback5(() => {
     const iframe = iframeRef.current;
     if (!iframe) return;
@@ -1672,7 +1704,7 @@ function ReviewSurfaceOverlay() {
                 index: index + 1,
                 left,
                 top,
-                onClick: () => window.open(`${threadBaseUrl}/threads/${thread.id}`, "_blank", "noopener,noreferrer")
+                onClick: () => openThreadInDashboard?.(thread.id)
               },
               thread.id
             );
@@ -2329,6 +2361,7 @@ function FeedbackButton({ position = "bottom-right" }) {
     {
       ref: menuRef,
       "data-ew-feedback-interactive": "true",
+      "data-ew-launcher": true,
       style: { ...wrapperStyle, touchAction: "none" },
       onPointerDown: handlePointerDown,
       onPointerMove: handlePointerMove,