issue-sticker 0.2.2 → 0.3.1

package/dist/{externalUserPayload-C2hxbvaU.js → externalUserPayload-hJjuUx6q.js}

@@ -1,4 +1,4 @@
-import { q as gzip_1, r as record, a as cn, P as Primitive, l as useCallbackRef$1, j as useComposedRefs, h as Presence, n as Portal$1, g as composeEventHandlers, i as createContextScope, o as createSlot, D as DismissableLayer, C as Content, t as createPopperScope, e as useControllableState, v as Root2$1, f as useId, A as Anchor, w as Arrow, b as usePortalContainer, O as OVERLAY_LAYER, s as stopEscapePropagation, k as useLayoutEffect2, V as VISUALLY_HIDDEN_STYLES, c as createLucideIcon, x as clsx, S as Slot$2, d as OVERLAY_LAYER_INDEX } from "./createLucideIcon-B457EluY.js";
+import { q as gzip_1, r as record, a as cn, P as Primitive, l as useCallbackRef$1, j as useComposedRefs, h as Presence, n as Portal$1, g as composeEventHandlers, i as createContextScope, o as createSlot, D as DismissableLayer, C as Content, t as createPopperScope, e as useControllableState, v as Root2$1, f as useId, A as Anchor, w as Arrow, b as usePortalContainer, d as OVERLAY_LAYER, s as stopEscapePropagation, k as useLayoutEffect2, V as VISUALLY_HIDDEN_STYLES, c as createLucideIcon, x as clsx, S as Slot$2, O as OVERLAY_LAYER_INDEX } from "./createLucideIcon-CmSNiW63.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import React__default, { useState, createContext, useContext, useCallback, useRef, useLayoutEffect, useEffect, useMemo } from "react";
@@ -6084,6 +6084,25 @@ const ChevronRight = createLucideIcon("ChevronRight", [
  * See the LICENSE file in the root directory of this source tree.
  */
 const ChevronUp = createLucideIcon("ChevronUp", [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]]);
+/**
+ * @license lucide-react v0.468.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const MousePointerClick = createLucideIcon("MousePointerClick", [
+  ["path", { d: "M14 4.1 12 6", key: "ita8i4" }],
+  ["path", { d: "m5.1 8-2.9-.8", key: "1go3kf" }],
+  ["path", { d: "m6 12-1.9 2", key: "mnht97" }],
+  ["path", { d: "M7.2 2.2 8 5.1", key: "1cfko1" }],
+  [
+    "path",
+    {
+      d: "M9.037 9.69a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z",
+      key: "s0h3yz"
+    }
+  ]
+]);
 /**
  * @license lucide-react v0.468.0 - ISC
  *
@@ -10768,14 +10787,17 @@ const POPOVER_FADE_MS = 180;
 const DEFAULT_LABELS = {
   badge: "가이드",
   close: "가이드 닫기",
-  skip: "스킵",
+  skip: "건너뛰기",
   skipConfirmTitle: "가이드를 건너뛸까요?",
-  skipConfirmBody: "나중에 도움말이나 더보기 메뉴의 '가이드 다시 보기'에서 다시 열 수 있습니다.",
+  // 표면마다 진입점이 다르다(admin=헤더 아이콘, extension=더보기 메뉴, sdk=FAB 메뉴).
+  // 위치를 특정하면 어느 한쪽에서는 틀린 안내가 되므로 라벨만 가리킨다.
+  skipConfirmBody: "'가이드 다시 보기'를 누르면 언제든 다시 열 수 있습니다.",
   skipConfirmCancel: "계속 보기",
-  skipConfirmConfirm: "스킵",
+  skipConfirmConfirm: "건너뛰기",
   previous: "이전",
   next: "다음",
-  done: "완료"
+  done: "완료",
+  clickHint: "강조된 곳을 클릭하세요"
 };
 const MASK_PADDING = 8;
 const CUTOUT_RADIUS = 12;
@@ -10887,6 +10909,12 @@ function shouldRenderNextButton(step) {
   if (step.advanceOn && !step.allowManualAdvance) return false;
   return true;
 }
+function isTargetInteractionStep(step) {
+  var _a;
+  const hasTarget = !!step.targetId || (((_a = step.targetIds) == null ? void 0 : _a.length) ?? 0) > 0;
+  if (!hasTarget) return false;
+  return !!step.advanceOnTargetClick || !!step.advanceOn;
+}
 function OnboardingStyleTag() {
   return /* @__PURE__ */ jsx("style", { children: `
         .issue-sticker-onboarding-popover {
@@ -10897,11 +10925,16 @@ function OnboardingStyleTag() {
           .issue-sticker-onboarding-popover {
             transition-duration: 1ms !important;
           }
+
+          .issue-sticker-onboarding-highlight {
+            animation: none !important;
+          }
         }
       ` });
 }
 function OnboardingPopoverContent({
   step,
+  clickHint,
   labels,
   canGoPrevious,
   isLast,
@@ -10967,6 +11000,10 @@ function OnboardingPopoverContent({
   return /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold leading-5 text-text-primary", children: step.title }),
     /* @__PURE__ */ jsx("p", { className: "mt-2 whitespace-pre-line text-sm leading-5 text-text-secondary", children: step.body }),
+    clickHint ? /* @__PURE__ */ jsxs("p", { className: "mt-2 flex items-center gap-1.5 text-xs font-semibold leading-5 text-brand", children: [
+      /* @__PURE__ */ jsx(MousePointerClick, { "aria-hidden": "true", className: "h-3.5 w-3.5 shrink-0" }),
+      clickHint
+    ] }) : null,
     /* @__PURE__ */ jsxs("div", { className: "mt-4 flex items-center justify-between gap-2", children: [
       /* @__PURE__ */ jsx(
         "button",
@@ -11026,6 +11063,8 @@ function OnboardingOverlay({
   const shouldCenterPopover = !cutoutRect && (step.position ?? "center") === "center";
   const maskColor = "rgba(8, 13, 18, 0.62)";
   const isPassthrough = !!step.advanceOn;
+  const isTargetInteraction = isTargetInteractionStep(step);
+  const clickHint = isTargetInteraction ? step.clickHint ?? labels.clickHint : null;
   React.useEffect(() => {
     setIsSkipConfirmOpen(false);
   }, [step.id]);
@@ -11117,7 +11156,11 @@ function OnboardingOverlay({
           "div",
           {
             "aria-hidden": "true",
-            className: "fixed border border-white/90",
+            "data-testid": "onboarding-cutout-outline",
+            className: cn(
+              "fixed",
+              isTargetInteraction ? "issue-sticker-onboarding-highlight animate-pulse-ring border-2 border-brand" : "border border-white/90"
+            ),
             style: {
               left: cutoutRect.left,
               top: cutoutRect.top,
@@ -11147,6 +11190,7 @@ function OnboardingOverlay({
               OnboardingPopoverContent,
               {
                 step,
+                clickHint,
                 labels,
                 canGoPrevious,
                 isLast,
@@ -11381,7 +11425,7 @@ function OnboardingProvider({
     writeOnboardingStorage(storageInput, "completed");
     closeFlow();
   }, [closeFlow, storageInput]);
-  const dismiss = React.useCallback(() => {
+  const dismiss2 = React.useCallback(() => {
     writeOnboardingStorage(storageInput, "dismissed");
     closeFlow();
   }, [closeFlow, storageInput]);
@@ -11467,7 +11511,7 @@ function OnboardingProvider({
       target: activeTarget,
       start,
       advance: advanceFromTargetClick,
-      dismiss,
+      dismiss: dismiss2,
       complete
     });
   }, [
@@ -11476,7 +11520,7 @@ function OnboardingProvider({
     advanceFromTargetClick,
     complete,
     currentStepIndex,
-    dismiss,
+    dismiss2,
     flowId,
     isOpen,
     start
@@ -11549,12 +11593,12 @@ function OnboardingProvider({
       registerTarget,
       start,
       advance: advanceFromTargetClick,
-      dismiss,
+      dismiss: dismiss2,
       complete,
       isOpen,
       currentStep: isOpen ? activeStep : null
     }),
-    [activeStep, advanceFromTargetClick, complete, dismiss, isOpen, registerTarget, start]
+    [activeStep, advanceFromTargetClick, complete, dismiss2, isOpen, registerTarget, start]
   );
   return /* @__PURE__ */ jsxs(OnboardingContext.Provider, { value: contextValue, children: [
     children,
@@ -11569,7 +11613,7 @@ function OnboardingProvider({
         isPopoverVisible,
         canGoPrevious: currentStepIndex > 0,
         isLast: currentStepIndex >= steps.length - 1,
-        onSkip: dismiss,
+        onSkip: dismiss2,
         onNext: goNext,
         onPrevious: goPrevious
       }
@@ -11601,6 +11645,50 @@ function useOnboardingFlow() {
     [context]
   );
 }
+let nextId = 0;
+let toasts = [];
+const listeners = /* @__PURE__ */ new Set();
+function emit() {
+  listeners.forEach((l2) => l2());
+}
+function addToast(message2, type, options) {
+  const id = `toast-${++nextId}`;
+  const t2 = {
+    id,
+    message: message2,
+    type,
+    action: options == null ? void 0 : options.action,
+    duration: (options == null ? void 0 : options.duration) ?? 2e3,
+    createdAt: Date.now()
+  };
+  toasts = [...toasts, t2];
+  emit();
+  return id;
+}
+function dismiss(id) {
+  toasts = toasts.filter((t2) => t2.id !== id);
+  emit();
+}
+function dismissAll() {
+  toasts = [];
+  emit();
+}
+function toast(message2, options) {
+  return addToast(message2, "default", options);
+}
+toast.success = (message2, options) => addToast(message2, "success", options);
+toast.warning = (message2, options) => addToast(message2, "warning", options);
+toast.error = (message2, options) => addToast(message2, "error", options);
+toast.info = (message2, options) => addToast(message2, "info", options);
+toast.dismiss = dismiss;
+toast.dismissAll = dismissAll;
+function subscribe(listener) {
+  listeners.add(listener);
+  return () => listeners.delete(listener);
+}
+function getSnapshot() {
+  return toasts;
+}
 ({
   type: [NetworkLogType.XMLHTTPREQUEST, NetworkLogType.FETCH]
 });
@@ -11695,6 +11783,11 @@ const devLogger = {
     write("debug", scope, args);
   }
 };
+function buildGuestOwnerQuery(mode, externalUserId) {
+  if (mode !== "public") return "";
+  if (!externalUserId) return "";
+  return `?external_user_id=${encodeURIComponent(externalUserId)}`;
+}
 function extractDomain(url) {
   try {
     if (!url.includes("://")) {
@@ -12215,68 +12308,72 @@ function buildExternalUserPayload(user) {
   };
 }
 export {
-  hideOthers as $,
-  buildJiraIssueFields as A,
-  Button$1 as B,
+  getPrimaryJiraMapping as $,
+  getJiraMetadata as A,
+  buildJiraIssueFields as B,
   ConsoleCollector as C,
-  ChevronDown as D,
-  Portal as E,
-  Content2 as F,
-  Check as G,
-  DatePicker as H,
+  Button$1 as D,
+  ChevronDown as E,
+  Portal as F,
+  Content2 as G,
+  Check as H,
   Input as I,
-  getNotionPageMetadata as J,
-  buildNotionFieldViews as K,
+  DatePicker as J,
+  getNotionPageMetadata as K,
   Label as L,
-  DirectUploadError as M,
+  buildNotionFieldViews as M,
   NetworkCollector as N,
-  getRegisteredUploadId as O,
+  DirectUploadError as O,
   Popover as P,
-  getExposedJiraFields as Q,
+  getRegisteredUploadId as Q,
   Root2 as R,
   ScreenRecordingController as S,
   Trigger as T,
-  isJiraFieldExposed as U,
-  getIntegrationFailureMessage as V,
-  getPrimaryJiraMapping as W,
+  subscribe as U,
+  getSnapshot as V,
+  toast as W,
   X,
-  createCollection as Y,
-  useDirection as Z,
-  ReactRemoveScroll as _,
+  getExposedJiraFields as Y,
+  isJiraFieldExposed as Z,
+  getIntegrationFailureMessage as _,
   uploadSignedMediaWithApi as a,
-  useFocusGuards as a0,
-  FocusScope as a1,
-  getPrimaryNotionMapping as a2,
-  buttonVariants as a3,
-  findElementBySelector as a4,
-  findElementByXPath as a5,
-  useOnboardingFlow as a6,
-  useOnboardingTarget as a7,
-  ONBOARDING_POPOVER_DATA_ATTR as a8,
-  OnboardingProvider as a9,
+  createCollection as a0,
+  useDirection as a1,
+  ReactRemoveScroll as a2,
+  hideOthers as a3,
+  useFocusGuards as a4,
+  FocusScope as a5,
+  getPrimaryNotionMapping as a6,
+  buttonVariants as a7,
+  findElementBySelector as a8,
+  findElementByXPath as a9,
+  useOnboardingFlow as aa,
+  useOnboardingTarget as ab,
+  ONBOARDING_POPOVER_DATA_ATTR as ac,
+  OnboardingProvider as ad,
   normalizeJiraFieldId as b,
   captureWithModernScreenshot as c,
   directUploadToSignedUrl as d,
   buildJiraCreateFields as e,
   buildNotionCreateFields as f,
   getElementPosition as g,
-  devLogger as h,
-  filterExcludeServiceRelatedLogs as i,
-  filterExcludeServiceRelatedConsoleLogs as j,
-  compactNetworkLogsForTransport as k,
-  sanitizeString as l,
-  buildExternalUserPayload as m,
+  buildGuestOwnerQuery as h,
+  devLogger as i,
+  filterExcludeServiceRelatedLogs as j,
+  filterExcludeServiceRelatedConsoleLogs as k,
+  compactNetworkLogsForTransport as l,
+  sanitizeString as m,
   normalizeExposedJiraFields as n,
-  SessionReplayCaptureController as o,
-  preloadModernScreenshot as p,
-  Select$1 as q,
-  SelectTrigger as r,
+  buildExternalUserPayload as o,
+  SessionReplayCaptureController as p,
+  preloadModernScreenshot as q,
+  Select$1 as r,
   syncExternalIssueIntegrations as s,
-  SelectValue as t,
+  SelectTrigger as t,
   uploadScreenshotDataUrls as u,
-  SelectContent as v,
-  SelectItem as w,
-  PopoverTrigger as x,
-  PopoverContent as y,
-  getJiraMetadata as z
+  SelectValue as v,
+  SelectContent as w,
+  SelectItem as x,
+  PopoverTrigger as y,
+  PopoverContent as z
 };

package/dist/issue-sticker-headless-react.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { memo, useRef, useState, useCallback, useEffect } from "react";
-import { c as createLucideIcon, u as ungzip_1, a as cn, R as Replayer } from "./createLucideIcon-B457EluY.js";
-import { T as TooltipProvider, a as Tooltip, b as TooltipTrigger, c as TooltipContent } from "./tooltip-BkQcdrki.js";
+import { c as createLucideIcon, u as ungzip_1, a as cn, R as Replayer } from "./createLucideIcon-CmSNiW63.js";
+import { T as TooltipProvider, a as Tooltip, b as TooltipTrigger, c as TooltipContent } from "./tooltip-DciWyUWs.js";
 /**
  * @license lucide-react v0.468.0 - ISC
  *

package/dist/issue-sticker-headless.js

@@ -1,7 +1,7 @@
-import { u as uploadScreenshotDataUrls, a as uploadSignedMediaWithApi, d as directUploadToSignedUrl, n as normalizeExposedJiraFields, b as normalizeJiraFieldId, g as getElementPosition, c as captureWithModernScreenshot, e as buildJiraCreateFields, f as buildNotionCreateFields, s as syncExternalIssueIntegrations, h as devLogger, C as ConsoleCollector, N as NetworkCollector, i as filterExcludeServiceRelatedLogs, j as filterExcludeServiceRelatedConsoleLogs, k as compactNetworkLogsForTransport, l as sanitizeString, m as buildExternalUserPayload, S as ScreenRecordingController, o as SessionReplayCaptureController, p as preloadModernScreenshot } from "./externalUserPayload-C2hxbvaU.js";
+import { u as uploadScreenshotDataUrls, a as uploadSignedMediaWithApi, d as directUploadToSignedUrl, n as normalizeExposedJiraFields, b as normalizeJiraFieldId, g as getElementPosition, c as captureWithModernScreenshot, e as buildJiraCreateFields, f as buildNotionCreateFields, h as buildGuestOwnerQuery, s as syncExternalIssueIntegrations, i as devLogger, C as ConsoleCollector, N as NetworkCollector, j as filterExcludeServiceRelatedLogs, k as filterExcludeServiceRelatedConsoleLogs, l as compactNetworkLogsForTransport, m as sanitizeString, o as buildExternalUserPayload, S as ScreenRecordingController, p as SessionReplayCaptureController, q as preloadModernScreenshot } from "./externalUserPayload-hJjuUx6q.js";
 import "react/jsx-runtime";
 import "react";
-import "./createLucideIcon-B457EluY.js";
+import "./createLucideIcon-CmSNiW63.js";
 class IssueStickerHeadlessError extends Error {
   constructor(code, message, cause) {
     super(message);
@@ -528,9 +528,8 @@ function upsertFilterGroup(groups, group) {
     options: mergeOptions(existing.options, group.options)
   });
 }
-function appendCustomFieldFilterGroups(groups, exposedFieldIds, customFields) {
+function appendCustomFieldFilterGroups(groups, customFields) {
   for (const field of customFields) {
-    if (!exposedFieldIds.has(normalizeJiraFieldId(field.field_key))) continue;
     const options = getSelectableCustomFieldOptions(field);
     if (!options.length) continue;
     upsertFilterGroup(groups, {
@@ -580,12 +579,15 @@ function composeIssueFilterGroups(integrations, customFields) {
     const config = getJiraConfig(integration);
     return integration.is_active !== false && config;
   });
+  appendCustomFieldFilterGroups(groups, customFields);
   const jiraConfig = jiraIntegration ? getJiraConfig(jiraIntegration) : null;
   const configExposedFields = getExposedFields(jiraConfig);
   if (configExposedFields.length) {
-    const exposedFieldIds = new Set(configExposedFields);
-    appendCustomFieldFilterGroups(groups, exposedFieldIds, customFields);
-    appendJiraFieldFilterGroups(groups, exposedFieldIds, getLastKnownJiraFields(jiraConfig));
+    appendJiraFieldFilterGroups(
+      groups,
+      new Set(configExposedFields),
+      getLastKnownJiraFields(jiraConfig)
+    );
   }
   for (const integration of integrations) {
     if (integration.is_active === false) continue;
@@ -821,8 +823,12 @@ class HeadlessIssueRepository {
     return this.options.transport.requestResponse(endpoint, options);
   }
   openIssue(issueId) {
+    const ownerQuery = buildGuestOwnerQuery(
+      this.options.getAuthMode(),
+      this.options.getDefaultExternalUserId()
+    );
     return this.request(
-      `/api/sdk/issues/${encodeURIComponent(issueId)}`
+      `/api/sdk/issues/${encodeURIComponent(issueId)}${ownerQuery}`
     );
   }
   createIssue(issueData) {
@@ -913,7 +919,7 @@ class HeadlessIssueRepository {
       },
       customFieldValues: customValues,
       upsertCustomFieldValue: (fieldDefinitionId, value) => this.request(
-        `/api/custom-field-values/issues/${encodeURIComponent(createdIssue.id)}/values`,
+        `/api/sdk/custom-field-values/issues/${encodeURIComponent(createdIssue.id)}/values`,
         {
           method: "PUT",
           body: {