issue-sticker 0.7.0 → 0.8.1

package/dist/{externalUserPayload-B26uCsCP.js → externalUserPayload-D-P1-QaW.js}

@@ -18,10 +18,12 @@ function getDefaultDisplayMedia() {
   if (typeof navigator === "undefined" || !((_a = navigator.mediaDevices) == null ? void 0 : _a.getDisplayMedia)) {
     throw new Error("Screen recording is not supported in this browser.");
   }
-  return navigator.mediaDevices.getDisplayMedia({
-    video: { frameRate: 30 },
-    audio: false
-  });
+  const options = {
+    video: { frameRate: 30, displaySurface: "browser" },
+    audio: false,
+    selfBrowserSurface: "include"
+  };
+  return navigator.mediaDevices.getDisplayMedia(options);
 }
 function createDefaultMediaRecorder(stream, options) {
   if (typeof MediaRecorder === "undefined") {
@@ -4967,6 +4969,182 @@ function buildJiraCreateFields(exposedFields, fieldDefinitions = [], values = {}
     includeReadonly: false
   }).filter((field) => knownFieldIds.has(normalizeJiraFieldId(field.id))).filter((field) => !CREATE_UNSUPPORTED_FIELD_IDS.has(normalizeJiraFieldId(field.id)));
 }
+const JIRA_FILTERABLE_FIELD_IDS = /* @__PURE__ */ new Set([
+  "status",
+  "priority",
+  "assignee",
+  "reporter",
+  "fixVersions",
+  "issuetype",
+  "project_key",
+  "sprint_id",
+  "sprint_name",
+  "epic_link",
+  "story_points"
+]);
+const NOTION_FILTERABLE_FIELD_TYPES = /* @__PURE__ */ new Set(["select", "multi_select", "status", "checkbox"]);
+function getJiraConfig(integration) {
+  if (integration.service_type !== "JIRA") return null;
+  return integration.config ?? null;
+}
+function getNotionConfig(integration) {
+  if (integration.service_type !== "NOTION") return null;
+  return integration.config ?? null;
+}
+function getExposedFields(config) {
+  if (!(config == null ? void 0 : config.exposed_fields)) return [];
+  return normalizeExposedJiraFields(
+    Array.isArray(config.exposed_fields) ? config.exposed_fields : void 0
+  );
+}
+function getLastKnownJiraFields(config) {
+  const fields = config == null ? void 0 : config.last_known_fields;
+  if (!Array.isArray(fields)) return [];
+  return fields.filter(
+    (field) => Boolean(field) && typeof field === "object" && typeof field.id === "string" && typeof field.name === "string"
+  );
+}
+function getSelectedNotionFields(config) {
+  const fields = config == null ? void 0 : config.selected_fields;
+  if (!Array.isArray(fields)) return [];
+  return fields.filter((field) => typeof field === "string");
+}
+function getLastKnownNotionFields(config) {
+  const fields = config == null ? void 0 : config.last_known_fields;
+  if (!Array.isArray(fields)) return [];
+  return fields.filter(
+    (field) => Boolean(field) && typeof field === "object" && typeof field.id === "string" && typeof field.name === "string" && typeof field.type === "string"
+  );
+}
+const OPTION_CUSTOM_FIELD_TYPES = /* @__PURE__ */ new Set(["select", "multi_select"]);
+function getSelectableCustomFieldOptions(field) {
+  var _a;
+  if (!OPTION_CUSTOM_FIELD_TYPES.has(field.field_type)) return [];
+  const rawOptions = (_a = field.field_config) == null ? void 0 : _a.options;
+  if (!Array.isArray(rawOptions)) return [];
+  return rawOptions.filter((option) => typeof option === "string" && option.trim().length > 0).map((option) => ({ label: option, value: option }));
+}
+function getJiraOptionValue(option) {
+  return option.id;
+}
+function getJiraFieldFilterOptions(field) {
+  const options = field.options ?? [];
+  if (!options.length) return [];
+  return options.map((option) => ({
+    label: option.name || option.value || option.id,
+    value: getJiraOptionValue(option)
+  })).filter((option) => option.value.length > 0);
+}
+function getNotionFieldFilterOptions(field) {
+  if (field.type === "checkbox") {
+    return [
+      { label: "체크됨", value: "true" },
+      { label: "체크 안 됨", value: "false" }
+    ];
+  }
+  const options = field.options ?? [];
+  if (!options.length) return [];
+  return options.map((option) => ({
+    label: option.name,
+    value: option.name
+  })).filter((option) => option.value.length > 0);
+}
+function mergeOptions(current, next) {
+  const byValue = new Map(current.map((option) => [option.value, option]));
+  for (const option of next) {
+    if (!byValue.has(option.value)) {
+      byValue.set(option.value, option);
+    }
+  }
+  return Array.from(byValue.values()).sort((a2, b) => a2.label.localeCompare(b.label));
+}
+function upsertFilterGroup(groups, group) {
+  const existing = groups.get(group.id);
+  if (!existing) {
+    groups.set(group.id, {
+      ...group,
+      options: mergeOptions([], group.options)
+    });
+    return;
+  }
+  groups.set(group.id, {
+    ...existing,
+    options: mergeOptions(existing.options, group.options)
+  });
+}
+function appendCustomFieldFilterGroups(groups, customFields) {
+  for (const field of customFields) {
+    const options = getSelectableCustomFieldOptions(field);
+    if (!options.length) continue;
+    upsertFilterGroup(groups, {
+      kind: "custom",
+      id: `custom:${field.id}`,
+      fieldDefinitionId: field.id,
+      label: field.field_name,
+      options
+    });
+  }
+}
+function appendJiraFieldFilterGroups(groups, exposedFieldIds, fields) {
+  for (const field of fields) {
+    const normalizedFieldId = normalizeJiraFieldId(field.id);
+    if (!exposedFieldIds.has(normalizedFieldId) || !JIRA_FILTERABLE_FIELD_IDS.has(normalizedFieldId)) {
+      continue;
+    }
+    const options = getJiraFieldFilterOptions(field);
+    if (!options.length) continue;
+    upsertFilterGroup(groups, {
+      kind: "jira",
+      id: `jira:${normalizedFieldId}`,
+      fieldName: normalizedFieldId,
+      label: field.name,
+      options
+    });
+  }
+}
+function appendNotionFieldFilterGroups(groups, selectedFields, fields) {
+  for (const field of fields) {
+    if (!selectedFields.has(field.id) && !selectedFields.has(field.name)) continue;
+    if (!NOTION_FILTERABLE_FIELD_TYPES.has(field.type)) continue;
+    const options = getNotionFieldFilterOptions(field);
+    if (!options.length) continue;
+    upsertFilterGroup(groups, {
+      kind: "notion",
+      id: `notion:${field.id}`,
+      fieldName: field.name,
+      label: field.name,
+      options
+    });
+  }
+}
+function composeIssueFilterGroups(integrations, customFields) {
+  const groups = /* @__PURE__ */ new Map();
+  const jiraIntegration = integrations.find((integration) => {
+    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) {
+    appendJiraFieldFilterGroups(
+      groups,
+      new Set(configExposedFields),
+      getLastKnownJiraFields(jiraConfig)
+    );
+  }
+  for (const integration of integrations) {
+    if (integration.is_active === false) continue;
+    const notionConfig = getNotionConfig(integration);
+    if (!notionConfig) continue;
+    appendNotionFieldFilterGroups(
+      groups,
+      new Set(getSelectedNotionFields(notionConfig)),
+      getLastKnownNotionFields(notionConfig)
+    );
+  }
+  return Array.from(groups.values()).sort((a2, b) => a2.label.localeCompare(b.label));
+}
 const STABLE_ATTR_KEYS = [
   "data-testid",
   "data-test",
@@ -6486,7 +6664,7 @@ var Popover$1 = (props) => {
 };
 Popover$1.displayName = POPOVER_NAME;
 var ANCHOR_NAME = "PopoverAnchor";
-var PopoverAnchor = React.forwardRef(
+var PopoverAnchor$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopePopover, ...anchorProps } = props;
     const context = usePopoverContext(ANCHOR_NAME, __scopePopover);
@@ -6499,7 +6677,7 @@ var PopoverAnchor = React.forwardRef(
     return /* @__PURE__ */ jsx(Anchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
   }
 );
-PopoverAnchor.displayName = ANCHOR_NAME;
+PopoverAnchor$1.displayName = ANCHOR_NAME;
 var TRIGGER_NAME$1 = "PopoverTrigger";
 var PopoverTrigger$1 = React.forwardRef(
   (props, forwardedRef) => {
@@ -6722,11 +6900,13 @@ function getState(open) {
   return open ? "open" : "closed";
 }
 var Root2 = Popover$1;
+var Anchor2 = PopoverAnchor$1;
 var Trigger = PopoverTrigger$1;
 var Portal = PopoverPortal;
 var Content2 = PopoverContent$1;
 const Popover = Root2;
 const PopoverTrigger = Trigger;
+const PopoverAnchor = Anchor2;
 const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 6, onEscapeKeyDown, ...props }, ref) => {
   const portalContainer = usePortalContainer();
   return /* @__PURE__ */ jsx(Portal, { container: portalContainer, children: /* @__PURE__ */ jsx(
@@ -12786,12 +12966,6 @@ const DEFAULT_LABELS = {
   badge: "가이드",
   close: "가이드 닫기",
   skip: "건너뛰기",
-  skipConfirmTitle: "가이드를 건너뛸까요?",
-  // 채널마다 진입점이 다르다(admin=헤더 아이콘, extension=더보기 메뉴, sdk=FAB 메뉴).
-  // 위치를 특정하면 어느 한쪽에서는 틀린 안내가 되므로 라벨만 가리킨다.
-  skipConfirmBody: "'가이드 다시 보기'를 클릭하면 언제든 다시 열 수 있습니다.",
-  skipConfirmCancel: "계속 보기",
-  skipConfirmConfirm: "건너뛰기",
   previous: "이전",
   next: "다음",
   done: "완료",
@@ -13048,64 +13222,10 @@ function OnboardingPopoverContent({
   canGoPrevious,
   isLast,
   isVisible,
-  isSkipConfirmOpen,
-  onRequestSkip,
-  onCancelSkip,
-  onConfirmSkip,
+  onSkip,
   onNext,
   onPrevious
 }) {
-  if (isSkipConfirmOpen) {
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        role: "alertdialog",
-        "aria-modal": "false",
-        "aria-labelledby": "issue-sticker-onboarding-skip-title",
-        "aria-describedby": "issue-sticker-onboarding-skip-desc",
-        children: [
-          /* @__PURE__ */ jsx(
-            "h2",
-            {
-              id: "issue-sticker-onboarding-skip-title",
-              className: "text-sm font-semibold leading-5 text-text-primary",
-              children: labels.skipConfirmTitle
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "p",
-            {
-              id: "issue-sticker-onboarding-skip-desc",
-              className: "mt-2 whitespace-pre-line text-sm leading-5 text-text-secondary",
-              children: labels.skipConfirmBody
-            }
-          ),
-          /* @__PURE__ */ jsxs("div", { className: "mt-4 flex items-center justify-end gap-2", children: [
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: onCancelSkip,
-                disabled: !isVisible,
-                className: "inline-flex h-[30px] items-center justify-center rounded-md border border-line-subtle px-2.5 text-xs font-semibold text-text-secondary transition-colors hover:bg-surface-2 hover:text-text-primary focus-visible:outline-none focus-visible:shadow-focus disabled:pointer-events-none disabled:opacity-50",
-                children: labels.skipConfirmCancel
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: onConfirmSkip,
-                disabled: !isVisible,
-                className: "inline-flex h-[30px] items-center justify-center rounded-md border border-line-subtle px-2.5 text-xs font-semibold text-text-primary transition-colors hover:bg-surface-2 focus-visible:outline-none focus-visible:shadow-focus disabled:pointer-events-none disabled:opacity-50",
-                children: labels.skipConfirmConfirm
-              }
-            )
-          ] })
-        ]
-      }
-    );
-  }
   const hasNextButton = shouldRenderNextButton(step);
   return /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold leading-5 text-text-primary", children: step.title }),
@@ -13134,7 +13254,7 @@ function OnboardingPopoverContent({
           "button",
           {
             type: "button",
-            onClick: onRequestSkip,
+            onClick: onSkip,
             disabled: !isVisible,
             className: LINK_BUTTON_CLASS,
             children: labels.skip
@@ -13145,7 +13265,7 @@ function OnboardingPopoverContent({
           {
             type: "button",
             onClick: onPrevious,
-            disabled: !isVisible || isSkipConfirmOpen,
+            disabled: !isVisible,
             className: LINK_BUTTON_CLASS,
             children: labels.previous
           }
@@ -13157,7 +13277,7 @@ function OnboardingPopoverContent({
           {
             type: "button",
             onClick: onPrevious,
-            disabled: !isVisible || isSkipConfirmOpen,
+            disabled: !isVisible,
             className: "inline-flex h-[30px] items-center justify-center rounded-md border border-line-subtle px-2.5 text-xs font-semibold text-text-secondary transition-colors hover:bg-surface-2 hover:text-text-primary focus-visible:outline-none focus-visible:shadow-focus disabled:pointer-events-none disabled:opacity-50",
             children: labels.previous
           }
@@ -13167,7 +13287,7 @@ function OnboardingPopoverContent({
           {
             type: "button",
             onClick: onNext,
-            disabled: !isVisible || isSkipConfirmOpen,
+            disabled: !isVisible,
             className: "inline-flex h-[30px] items-center justify-center rounded-md border border-line-subtle px-2.5 text-xs font-semibold text-text-primary transition-colors hover:bg-surface-2 focus-visible:outline-none focus-visible:shadow-focus disabled:pointer-events-none disabled:opacity-50",
             children: isLast ? labels.done : step.nextLabel ?? labels.next
           }
@@ -13181,6 +13301,7 @@ function OnboardingOverlay({
   targetRect,
   targetRadius,
   avoidRects,
+  affordanceRect,
   elevateHighlight,
   allowSkip = true,
   className,
@@ -13194,13 +13315,29 @@ function OnboardingOverlay({
 }) {
   const maskId = React.useId().replace(/:/g, "");
   const renderHighlight = (node) => elevateHighlight && typeof document !== "undefined" ? ReactDOM.createPortal(node, document.body) : node;
-  const [isSkipConfirmOpen, setIsSkipConfirmOpen] = React.useState(false);
   const cutoutRect = targetRect ? padRect(targetRect, MASK_PADDING) : null;
   const cutoutRadius = cutoutRect ? Math.min(
     targetRadius === null || targetRadius === void 0 ? CUTOUT_RADIUS : targetRadius + MASK_PADDING,
     cutoutRect.width / 2,
     cutoutRect.height / 2
   ) : 0;
+  const hasAffordanceTarget = !!step.affordanceTargetId;
+  const affordanceCutout = affordanceRect ? padRect(affordanceRect, MASK_PADDING) : null;
+  const affordanceDiameter = affordanceRect ? Math.max(affordanceRect.width, affordanceRect.height) + MASK_PADDING * 2 : 0;
+  const affordanceCircle = affordanceRect ? (() => {
+    const centerX = (affordanceRect.left + affordanceRect.right) / 2;
+    const centerY = (affordanceRect.top + affordanceRect.bottom) / 2;
+    const radius = affordanceDiameter / 2;
+    return {
+      left: centerX - radius,
+      top: centerY - radius,
+      right: centerX + radius,
+      bottom: centerY + radius,
+      width: affordanceDiameter,
+      height: affordanceDiameter
+    };
+  })() : null;
+  const popoverAnchorRect = hasAffordanceTarget && affordanceCutout ? affordanceCutout : cutoutRect;
   const popoverRef = React.useRef(null);
   const [popoverSize, setPopoverSize] = React.useState(
     null
@@ -13219,23 +13356,23 @@ function OnboardingOverlay({
     const observer = new ResizeObserver(measure);
     observer.observe(element);
     return () => observer.disconnect();
-  }, [step.id, step.body, isSkipConfirmOpen]);
+  }, [step.id, step.body]);
   const effectiveSize = popoverSize && popoverSize.width > 0 && popoverSize.height > 0 ? popoverSize : DEFAULT_POPOVER_SIZE;
   const placement = resolvePopoverPlacement(
-    step.position ?? (cutoutRect ? "bottom" : "center"),
-    cutoutRect ?? getViewportRect(),
+    step.position ?? (popoverAnchorRect ? "bottom" : "center"),
+    popoverAnchorRect ?? getViewportRect(),
     effectiveSize,
-    cutoutRect ? avoidRects ?? [] : []
+    popoverAnchorRect ? avoidRects ?? [] : []
   );
   const { left: popoverLeft, top: popoverTop } = placement;
-  const shouldCenterPopover = !cutoutRect && (step.position ?? "center") === "center";
+  const shouldCenterPopover = !popoverAnchorRect && (step.position ?? "center") === "center";
   const maskColor = isTargetInteractionStep(step) ? "rgba(8, 13, 18, 0.74)" : "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]);
+  const isCutoutInteractionStyled = isTargetInteraction && !hasAffordanceTarget;
+  const showAffordanceEmphasis = isTargetInteraction && hasAffordanceTarget && !!affordanceCircle;
+  const ringCursorRect = !isTargetInteraction ? null : hasAffordanceTarget ? affordanceCircle : cutoutRect;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -13328,7 +13465,7 @@ function OnboardingOverlay({
               "data-testid": "onboarding-cutout-outline",
               className: cn(
                 "issue-sticker-onboarding-highlight fixed",
-                isTargetInteraction ? "border-2 border-brand" : "border border-white/90"
+                isCutoutInteractionStyled ? "border-2 border-brand" : "border border-white/90"
               ),
               style: {
                 left: cutoutRect.left,
@@ -13343,7 +13480,31 @@ function OnboardingOverlay({
             step.id
           )
         ) : null,
-        cutoutRect && isTargetInteraction ? renderHighlight(
+        showAffordanceEmphasis && affordanceCircle ? renderHighlight(
+          /* 강조(컷아웃)와 클릭 유도 위치가 분리된 단계의 브랜드 링. 컷아웃 테두리는
+           * 위에서 이미 순수 강조 스타일로 그렸으니, 여기서는 실제로 눌러야 할 요소
+           * 중심에 원을 그린다 — 사각형 컷아웃과 구별돼야 "강조 대상이 아니라 이걸
+           * 누르라"는 뜻이 선다. */
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              "aria-hidden": "true",
+              "data-testid": "onboarding-affordance-ring",
+              className: "issue-sticker-onboarding-highlight fixed rounded-full border-2 border-brand",
+              style: {
+                left: affordanceCircle.left,
+                top: affordanceCircle.top,
+                width: affordanceCircle.width,
+                height: affordanceCircle.height,
+                borderRadius: 9999,
+                pointerEvents: "none",
+                zIndex: elevateHighlight ? OVERLAY_LAYER_INDEX.runtimeHost : void 0
+              }
+            },
+            `${step.id}-affordance`
+          )
+        ) : null,
+        ringCursorRect ? renderHighlight(
           /* 클릭하는 커서. 테두리만으로는 "봐야 할 곳"까지만 전달되고 "클릭하라"가
            * 전달되지 않는다. 손 모양 반복 동작이 그 자리를 맡는다. */
           /* @__PURE__ */ jsxs(
@@ -13353,8 +13514,8 @@ function OnboardingOverlay({
               "data-testid": "onboarding-cutout-cursor",
               className: "issue-sticker-onboarding-tap fixed",
               style: {
-                left: cutoutRect.right - TAP_INSET,
-                top: cutoutRect.bottom - TAP_INSET,
+                left: ringCursorRect.right - TAP_INSET,
+                top: ringCursorRect.bottom - TAP_INSET,
                 pointerEvents: "none",
                 zIndex: elevateHighlight ? OVERLAY_LAYER_INDEX.runtimeHost : void 0
               },
@@ -13378,7 +13539,6 @@ function OnboardingOverlay({
             }
           )
         ) : null,
-        isSkipConfirmOpen ? /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: "fixed inset-0 pointer-events-auto" }) : null,
         renderHighlight(
           /* @__PURE__ */ jsx(
             "div",
@@ -13405,10 +13565,7 @@ function OnboardingOverlay({
                   canGoPrevious,
                   isLast,
                   isVisible: isPopoverVisible,
-                  isSkipConfirmOpen,
-                  onRequestSkip: () => setIsSkipConfirmOpen(true),
-                  onCancelSkip: () => setIsSkipConfirmOpen(false),
-                  onConfirmSkip: onSkip,
+                  onSkip,
                   onNext,
                   onPrevious
                 }
@@ -13595,18 +13752,24 @@ function OnboardingProvider({
     () => activeTargetIds.map((id) => targetMapRef.current.get(id) ?? null).filter((el) => el !== null),
     [activeTargetIds]
   );
+  const activeAffordanceTargetId = activeStep == null ? void 0 : activeStep.affordanceTargetId;
+  const getObservedElements = React.useCallback(() => {
+    const elements = getActiveTargetElements();
+    const affordanceElement = activeAffordanceTargetId ? targetMapRef.current.get(activeAffordanceTargetId) ?? null : null;
+    return affordanceElement ? [...elements, affordanceElement] : elements;
+  }, [activeAffordanceTargetId, getActiveTargetElements]);
   const scheduleLayoutUpdate = React.useCallback(() => {
     clearLayoutFrame();
     frameRef.current = window.requestAnimationFrame(() => {
       frameRef.current = null;
       const nextRect = unionRect(
-        getActiveTargetElements().map(getElementRect).filter((r2) => r2 !== null)
+        getObservedElements().map(getElementRect).filter((r2) => r2 !== null)
       );
       if (areRectsEqual(lastRectRef.current, nextRect)) return;
       lastRectRef.current = nextRect;
       setLayoutVersion((version2) => version2 + 1);
     });
-  }, [clearLayoutFrame, getActiveTargetElements]);
+  }, [clearLayoutFrame, getObservedElements]);
   const openAtStep = React.useCallback(
     (stepIndex) => {
       var _a;
@@ -13764,7 +13927,7 @@ function OnboardingProvider({
   }, [activeStep, advanceFromTargetClick, goToStep, isActiveRoute, isOpen]);
   React.useEffect(() => {
     if (!isOpen || !isActiveRoute) return;
-    const elements = getActiveTargetElements();
+    const elements = getObservedElements();
     if (elements.length === 0) return;
     scheduleLayoutUpdate();
     window.addEventListener("resize", scheduleLayoutUpdate);
@@ -13779,7 +13942,7 @@ function OnboardingProvider({
     };
   }, [
     clearLayoutFrame,
-    getActiveTargetElements,
+    getObservedElements,
     isActiveRoute,
     isOpen,
     scheduleLayoutUpdate,
@@ -13792,6 +13955,7 @@ function OnboardingProvider({
   const targetRect = isOpen && isActiveRoute && allTargetsResolved ? unionRect(resolvedTargetRects.filter((r2) => r2 !== null)) : null;
   const targetRadius = activeTargetIds.length === 1 ? getElementRadius(targetMapRef.current.get(activeTargetIds[0]) ?? null) : null;
   const avoidRects = ((activeStep == null ? void 0 : activeStep.avoidTargetIds) ?? []).map((id) => getElementRect(targetMapRef.current.get(id) ?? null)).filter((rect) => rect !== null);
+  const affordanceRect = (activeStep == null ? void 0 : activeStep.affordanceTargetId) ? getElementRect(targetMapRef.current.get(activeStep.affordanceTargetId) ?? null) : null;
   const shouldRenderOverlay = isOpen && activeStep && isActiveRoute && !suppressed && !activeStep.silent && (!stepHasTarget || targetRect);
   const isTargetReady = !stepHasTarget || targetRect !== null;
   React.useEffect(() => {
@@ -13844,6 +14008,7 @@ function OnboardingProvider({
         targetRect,
         targetRadius,
         avoidRects,
+        affordanceRect,
         elevateHighlight,
         allowSkip,
         className,
@@ -14073,49 +14238,49 @@ function buildExternalUserPayload(user) {
   };
 }
 export {
-  DatePicker as $,
-  createSafeLogBackup as A,
-  getLogBackupSessionId as B,
+  getNotionPageMetadata as $,
+  getLogBackupSessionId as A,
+  createIndexedDbLogBackup as B,
   ConsoleCollector as C,
-  createIndexedDbLogBackup as D,
-  PopoverTrigger as E,
-  Input as F,
-  PopoverContent as G,
-  Select$1 as H,
+  PopoverTrigger as D,
+  Input as E,
+  PopoverContent as F,
+  Select$1 as G,
+  SelectTrigger as H,
   ISSUE_STICKER_INTERNAL_LOG_PREFIX as I,
-  SelectTrigger as J,
-  SelectValue as K,
+  SelectValue as J,
+  SelectContent as K,
   Label as L,
-  SelectContent as M,
+  SelectItem as M,
   NetworkCollector as N,
-  SelectItem as O,
+  getJiraMetadata as O,
   Popover as P,
-  getJiraMetadata as Q,
-  buildJiraIssueFields as R,
+  buildJiraIssueFields as Q,
+  Button$1 as R,
   ScreenRecordingController as S,
-  Button$1 as T,
-  Root2 as U,
-  Trigger as V,
-  ChevronDown as W,
-  Portal as X,
-  Content2 as Y,
-  Check as Z,
-  X as _,
+  Root2 as T,
+  Trigger as U,
+  ChevronDown as V,
+  Portal as W,
+  Content2 as X,
+  Check as Y,
+  X as Z,
+  DatePicker as _,
   uploadSignedMediaWithApi as a,
-  getNotionPageMetadata as a0,
-  buildNotionFieldViews as a1,
-  DirectUploadError as a2,
-  toast as a3,
-  getSnapshot as a4,
-  subscribe as a5,
-  getRegisteredUploadId as a6,
-  ChevronRight as a7,
-  ReactRemoveScroll as a8,
-  hideOthers as a9,
-  useFocusGuards as aa,
-  FocusScope as ab,
-  getExposedJiraFields as ac,
-  isJiraFieldExposed as ad,
+  buildNotionFieldViews as a0,
+  DirectUploadError as a1,
+  toast as a2,
+  getSnapshot as a3,
+  subscribe as a4,
+  getRegisteredUploadId as a5,
+  ChevronRight as a6,
+  ReactRemoveScroll as a7,
+  hideOthers as a8,
+  useFocusGuards as a9,
+  FocusScope as aa,
+  getExposedJiraFields as ab,
+  isJiraFieldExposed as ac,
+  normalizeExposedJiraFields as ad,
   getPrimaryJiraMapping as ae,
   createCollection as af,
   useDirection as ag,
@@ -14126,29 +14291,30 @@ export {
   OnboardingProvider as al,
   useOnboardingTarget as am,
   useOnboardingFlow as an,
-  normalizeJiraFieldId as b,
+  PopoverAnchor as ao,
+  buildJiraCreateFields as b,
   captureWithModernScreenshot as c,
   directUploadToSignedUrl as d,
-  buildJiraCreateFields as e,
-  buildNotionCreateFields as f,
+  buildNotionCreateFields as e,
+  buildGuestOwnerQuery as f,
   getElementPosition as g,
-  buildGuestOwnerQuery as h,
+  composeIssueFilterGroups as h,
   buildIssueIntegrationsPayload as i,
   devLogger as j,
   filterExcludeServiceRelatedLogs as k,
   filterExcludeServiceRelatedConsoleLogs as l,
   compactNetworkLogsForTransport as m,
-  normalizeExposedJiraFields as n,
-  CONSOLE_LOG_SUBMIT_LIMIT as o,
+  CONSOLE_LOG_SUBMIT_LIMIT as n,
+  buildExternalUserPayload as o,
   pristineFetch as p,
-  buildExternalUserPayload as q,
-  shrinkNetworkLogsToFit as r,
+  shrinkNetworkLogsToFit as q,
+  measureJsonBytes as r,
   selectNetworkLogsForSubmit as s,
-  measureJsonBytes as t,
+  sanitizeString as t,
   uploadScreenshotDataUrls as u,
-  sanitizeString as v,
-  getCurrentPageUrl as w,
-  SessionReplayCaptureController as x,
-  preloadModernScreenshot as y,
-  trimLogBackupPayload as z
+  getCurrentPageUrl as v,
+  SessionReplayCaptureController as w,
+  preloadModernScreenshot as x,
+  trimLogBackupPayload as y,
+  createSafeLogBackup as z
 };