@sylergydigital/issue-pin-sdk 0.6.5 → 0.6.7

package/CHANGELOG.md

@@ -2,6 +2,11 @@
 
 All notable changes to `@sylergydigital/issue-pin-sdk` are documented here.
 
+## [0.6.6] - 2026-04-15
+
+### Fixed
+- **SSO handoff for federated pin click-through** — clicking a pin on a 3rd-party app now auto-logs the user into the IssuePin dashboard via `external-sso-launch` magic link, instead of landing on the login page. Falls back to direct link when not in a federated context.
+
 ## [0.6.5] - 2026-04-15
 
 ### Added

package/dist/index.cjs

@@ -487,6 +487,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 = (0, import_react2.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__ */ (0, import_jsx_runtime.jsx)(
     FeedbackProviderInner,
     {
@@ -513,6 +541,7 @@ function FeedbackProvider({
       userId: effectiveUserId,
       userEmail: effectiveEmail,
       userDisplayName: effectiveDisplayName,
+      openThreadInDashboard,
       children
     }
   );
@@ -541,7 +570,8 @@ function FeedbackProviderInner({
   debug,
   userId,
   userEmail,
-  userDisplayName
+  userDisplayName,
+  openThreadInDashboard
 }) {
   const debugLog = (0, import_react2.useCallback)((message, extra) => {
     if (!debug) return;
@@ -652,6 +682,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);
@@ -932,7 +963,8 @@ function FeedbackProviderInner({
         setPendingScreenshotPin,
         submitThread,
         submitScreenshotThread,
-        refreshThreads: fetchThreads
+        refreshThreads: fetchThreads,
+        openThreadInDashboard
       },
       children: [
         children,
@@ -1292,7 +1324,7 @@ function ThreadPins() {
   const signedUrlCache = (0, import_react5.useRef)({});
   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 = (0, import_react5.useCallback)(async (path) => {
@@ -1416,8 +1448,8 @@ function ThreadPins() {
       });
       return;
     }
-    window.open(`${threadBaseUrl}/threads/${pin.threadId}`, "_blank", "noopener,noreferrer");
-  }, [getSignedUrl, threadBaseUrl]);
+    openThreadInDashboard?.(pin.threadId);
+  }, [getSignedUrl, openThreadInDashboard]);
   const containerLayer = (0, import_react5.useMemo)(() => {
     if (!container || containerPositions.length === 0) return null;
     const { width, height } = getContainerContentSize(container);
@@ -1544,7 +1576,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 = (0, import_react6.useCallback)(() => {
     const iframe = iframeRef.current;
     if (!iframe) return;
@@ -1722,7 +1754,7 @@ function ReviewSurfaceOverlay() {
                 index: index + 1,
                 left,
                 top,
-                onClick: () => window.open(`${threadBaseUrl}/threads/${thread.id}`, "_blank", "noopener,noreferrer")
+                onClick: () => openThreadInDashboard?.(thread.id)
               },
               thread.id
             );
@@ -2379,6 +2411,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,