@userflow-tech/react-native 0.1.1 → 0.3.0

package/lib/module/authoring/ElementPickerOverlay.js

@@ -0,0 +1,561 @@
+"use strict";
+
+import * as React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { pointInRect, TARGET_PRESS_TAP_SLOP } from "../anchors/targetPressMonitor.js";
+import { ABSOLUTE_FILL } from "../surfaces/absoluteFill.js";
+import { useReportAuthoringBottomHeight, useReportPreviewBannerHeight } from "../surfaces/surfaceLayoutInsets.js";
+import { TooltipCutout } from "../surfaces/tooltip/TooltipCutout.js";
+import { capturePickerScreenshot } from "./capturePickerScreenshot.js";
+import { ChromeBarTransition, useChromeBarMounted } from "./chrome/ChromeBarTransition.js";
+import { ChromeBottomSheet } from "./chrome/ChromeBottomSheet.js";
+import { ChromeButton } from "./chrome/ChromeButton.js";
+import { ChromeDialog } from "./chrome/ChromeDialog.js";
+import { ChromeTooltip } from "./chrome/ChromeTooltip.js";
+import { ChromeTopBar } from "./chrome/ChromeTopBar.js";
+import { doubleTapMonitor } from "./chrome/doubleTapMonitor.js";
+import { chromeColors, chromeOverlay, chromeRadius } from "./chrome/tokens.js";
+import { DOUBLE_TAP_WINDOW_MS, isDoubleTap } from "./doubleTap.js";
+import { elementPickerController } from "./elementPickerController.js";
+import { assessPickerTarget } from "./fingerprintFromInstance.js";
+import { defaultCandidateIndex, hitTestAt, nextContainingIndex } from "./hitTest.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+function targetText(target) {
+  if (target.source === 'registry') {
+    return target.instance.childText ?? target.instance.accessibilityLabel ?? null;
+  }
+  return target.descriptor.childText ?? target.descriptor.accessibilityLabel ?? null;
+}
+const CONFIRM_HELPER = 'Return to the Userflow app after confirming';
+const WARNING_HELPER = 'Element may have an unreliable ID. This element may be selected but could break later on.';
+const ERROR_LABEL = 'Can’t select this element';
+const ERROR_HELPER = 'Element ID not found — select a different element';
+const ONBOARDING_COPY = 'Double tap anywhere to access the menu';
+const RETURN_NUDGE_TITLE = 'Return to the Userflow app';
+const RETURN_NUDGE_BODY = 'The element was selected successfully. You may now return to the Userflow app to continue editing your flow.';
+function selectionFromAssessment(assessment) {
+  if (assessment.kind === 'error') return 'error-unresolvable';
+  if (assessment.kind === 'warning') return 'warning';
+  return 'ok';
+}
+
+/** Yield until chrome has left the native tree so captureScreen cannot include it. */
+function waitForCapturePaint() {
+  return new Promise(resolve => {
+    const raf = globalThis.requestAnimationFrame;
+    if (typeof raf === 'function') {
+      raf.call(globalThis, () => {
+        raf.call(globalThis, () => resolve());
+      });
+      return;
+    }
+    setTimeout(resolve, 0);
+  });
+}
+function ringStyle(rect, inset) {
+  return {
+    position: 'absolute',
+    left: rect.x - inset,
+    top: rect.y - inset,
+    width: rect.width + inset * 2,
+    height: rect.height + inset * 2,
+    borderRadius: chromeRadius.lg
+  };
+}
+
+/**
+ * Overlay chrome for in-app element picking. Mounted by UserflowProvider;
+ * renders nothing until {@link elementPickerController.beginSelection}.
+ * Every pick shows the menu and onboarding tooltip.
+ */
+export function ElementPickerOverlay() {
+  const [state, setState] = React.useState(() => elementPickerController.getState());
+  const [mode, setMode] = React.useState('select');
+  const [candidates, setCandidates] = React.useState([]);
+  const [index, setIndex] = React.useState(0);
+  const [busy, setBusy] = React.useState(false);
+  const [status, setStatus] = React.useState(null);
+  const [selection, setSelection] = React.useState('idle');
+  const [chromeVisible, setChromeVisible] = React.useState(true);
+  const [hidingForCapture, setHidingForCapture] = React.useState(false);
+  const [showOnboarding, setShowOnboarding] = React.useState(false);
+  const [returnNudge, setReturnNudge] = React.useState(false);
+  const [barHeight, setBarHeight] = React.useState(0);
+  const [sheetHeight, setSheetHeight] = React.useState(0);
+  const tapStartRef = React.useRef(null);
+  const lastTapRef = React.useRef(null);
+  const tapGenRef = React.useRef(0);
+  const applyTimerRef = React.useRef(null);
+  const applyResolveRef = React.useRef(null);
+  const modeRef = React.useRef('select');
+  const armedRequestIdRef = React.useRef(undefined);
+  const setBannerHeight = useReportPreviewBannerHeight('picker');
+  const setBottomHeight = useReportAuthoringBottomHeight('picker');
+  const cancelPendingSelection = React.useCallback(() => {
+    tapGenRef.current += 1;
+    if (applyTimerRef.current != null) {
+      clearTimeout(applyTimerRef.current);
+      applyTimerRef.current = null;
+    }
+    const resolveWait = applyResolveRef.current;
+    applyResolveRef.current = null;
+    resolveWait?.();
+    setBusy(false);
+  }, []);
+  const resetTransient = React.useCallback(options => {
+    cancelPendingSelection();
+    lastTapRef.current = null;
+    setMode('select');
+    setCandidates([]);
+    setIndex(0);
+    setBusy(false);
+    setStatus(null);
+    setSelection('idle');
+    setChromeVisible(true);
+    setBarHeight(0);
+    setSheetHeight(0);
+    modeRef.current = 'select';
+    if (options?.resetCaptureHide !== false) {
+      setHidingForCapture(false);
+    }
+  }, [cancelPendingSelection]);
+  React.useEffect(() => {
+    return elementPickerController.subscribe(next => {
+      setState(next);
+      if (!next.active) {
+        armedRequestIdRef.current = undefined;
+        resetTransient({
+          resetCaptureHide: false
+        });
+        setShowOnboarding(false);
+        return;
+      }
+      // Successful confirm leaves hidingForCapture true so chrome does not
+      // flash back during teardown. Clear it with the new pick's setState so
+      // the first paint of this pick has its bars.
+      if (armedRequestIdRef.current !== next.requestId && next.requestId != null) {
+        setHidingForCapture(false);
+        setReturnNudge(false);
+        setChromeVisible(true);
+        setShowOnboarding(true);
+      }
+    });
+  }, [resetTransient]);
+  React.useEffect(() => {
+    if (!state.active || state.requestId == null) return;
+    if (armedRequestIdRef.current === state.requestId) return;
+    armedRequestIdRef.current = state.requestId;
+    resetTransient();
+    setShowOnboarding(true);
+    setReturnNudge(false);
+  }, [resetTransient, state.active, state.requestId]);
+  React.useEffect(() => {
+    return () => {
+      cancelPendingSelection();
+    };
+  }, [cancelPendingSelection]);
+  React.useEffect(() => {
+    if (!state.active) {
+      setBannerHeight(0);
+      return;
+    }
+    if (hidingForCapture) {
+      return;
+    }
+    if (!chromeVisible) {
+      setBannerHeight(0);
+      return;
+    }
+    if (barHeight > 0) {
+      setBannerHeight(barHeight);
+    }
+  }, [barHeight, chromeVisible, hidingForCapture, setBannerHeight, state.active]);
+  React.useEffect(() => {
+    if (!state.active) {
+      setBottomHeight(0);
+      return;
+    }
+    if (hidingForCapture) {
+      return;
+    }
+    if (!chromeVisible) {
+      setBottomHeight(0);
+      return;
+    }
+    if (sheetHeight > 0) {
+      setBottomHeight(sheetHeight);
+    }
+  }, [chromeVisible, hidingForCapture, setBottomHeight, sheetHeight, state.active]);
+  const onMeasureHeight = React.useCallback(height => {
+    setBarHeight(Math.max(0, height));
+  }, []);
+  const onMeasureSheetHeight = React.useCallback(height => {
+    setSheetHeight(Math.max(0, height));
+  }, []);
+  const selected = candidates[index] ?? null;
+  const phase = selection === 'error-no-element' ? 'blocked' : selected ? 'selected' : mode === 'select' ? 'selecting' : 'navigating';
+  modeRef.current = mode;
+
+  // Bars slide/fade in with the picker, out on double-tap hide, and out again
+  // on teardown. Keep them mounted through the exit even after the picker goes
+  // inactive; the dim, capture, and spotlight below drop immediately instead.
+  const chromeBarsVisible = state.active && chromeVisible && !hidingForCapture;
+  const chromeBarsMounted = useChromeBarMounted(chromeBarsVisible);
+  const showChromeBars = hidingForCapture ? false : chromeBarsMounted;
+  React.useEffect(() => {
+    if (phase !== 'selecting') {
+      setShowOnboarding(false);
+    }
+  }, [phase]);
+  const applySelection = React.useCallback(hits => {
+    if (hits.length === 0) {
+      setCandidates([]);
+      setIndex(0);
+      setSelection('error-no-element');
+      setStatus(null);
+      return;
+    }
+    const nextIndex = defaultCandidateIndex(hits);
+    setCandidates(hits);
+    setIndex(nextIndex);
+    setSelection(selectionFromAssessment(assessPickerTarget(hits[nextIndex].target)));
+    setStatus(null);
+  }, []);
+  const applyHits = React.useCallback(hits => {
+    if (modeRef.current !== 'select') return;
+    lastTapRef.current = null;
+    setChromeVisible(true);
+    applySelection(hits);
+  }, [applySelection]);
+  const scheduleSelection = React.useCallback((pageX, pageY) => {
+    cancelPendingSelection();
+    const gen = tapGenRef.current;
+    setBusy(true);
+    setStatus(null);
+    const hitsPromise = hitTestAt(pageX, pageY);
+    const wait = new Promise(resolve => {
+      applyResolveRef.current = resolve;
+      applyTimerRef.current = setTimeout(() => {
+        applyTimerRef.current = null;
+        applyResolveRef.current = null;
+        resolve();
+      }, DOUBLE_TAP_WINDOW_MS);
+    });
+    void (async () => {
+      try {
+        const [hits] = await Promise.all([hitsPromise, wait]);
+        if (tapGenRef.current !== gen) return;
+        applyHits(hits);
+      } finally {
+        if (tapGenRef.current === gen) setBusy(false);
+      }
+    })();
+  }, [applyHits, cancelPendingSelection]);
+  const onTap = React.useCallback(async (pageX, pageY) => {
+    if (selected && candidates.length > 1 && pointInRect(pageX, pageY, selected.rect)) {
+      const next = nextContainingIndex(candidates, index);
+      setIndex(next);
+      const nextHit = candidates[next];
+      if (nextHit) {
+        setSelection(selectionFromAssessment(assessPickerTarget(nextHit.target)));
+      }
+      setStatus(null);
+      return;
+    }
+    setBusy(true);
+    setStatus(null);
+    try {
+      const hits = await hitTestAt(pageX, pageY);
+      applySelection(hits);
+    } finally {
+      setBusy(false);
+    }
+  }, [applySelection, candidates, index, selected]);
+  const hideOrShowChrome = React.useCallback(() => {
+    cancelPendingSelection();
+    lastTapRef.current = null;
+    setShowOnboarding(false);
+    setChromeVisible(visible => !visible);
+  }, [cancelPendingSelection]);
+
+  // Navigate mode unmounts the capture layer so the host app can receive
+  // touches. Double-tap still has to reach the bars, via the screen-wide
+  // monitor the preview bar uses. Select mode keeps its own capture handler
+  // and must not also subscribe, or one double tap would toggle twice.
+  React.useEffect(() => {
+    if (!state.active || mode !== 'navigate') return;
+    const subscription = {
+      onDoubleTap: hideOrShowChrome
+    };
+    doubleTapMonitor.set(subscription);
+    return () => {
+      doubleTapMonitor.clearIfCurrent(subscription);
+    };
+  }, [hideOrShowChrome, mode, state.active]);
+  const onGrant = React.useCallback(event => {
+    const {
+      pageX,
+      pageY
+    } = event.nativeEvent;
+    tapStartRef.current = {
+      pageX,
+      pageY
+    };
+  }, []);
+  const onRelease = React.useCallback(event => {
+    const start = tapStartRef.current;
+    tapStartRef.current = null;
+    if (!start) return;
+    const {
+      pageX,
+      pageY
+    } = event.nativeEvent;
+    const dx = pageX - start.pageX;
+    const dy = pageY - start.pageY;
+    if (dx * dx + dy * dy > TARGET_PRESS_TAP_SLOP * TARGET_PRESS_TAP_SLOP) return;
+    const sample = {
+      pageX,
+      pageY,
+      timestamp: Date.now()
+    };
+    const engaged = selected != null || selection === 'error-no-element';
+    if (!engaged && isDoubleTap(lastTapRef.current, sample)) {
+      hideOrShowChrome();
+      return;
+    }
+    lastTapRef.current = sample;
+    if (engaged) {
+      void onTap(pageX, pageY);
+      return;
+    }
+    scheduleSelection(pageX, pageY);
+  }, [hideOrShowChrome, onTap, scheduleSelection, selected, selection]);
+  const deselect = React.useCallback(() => {
+    setCandidates([]);
+    setIndex(0);
+    setSelection('idle');
+    setStatus(null);
+    setChromeVisible(true);
+  }, []);
+  const confirm = React.useCallback(async () => {
+    if (!selected) return;
+    if (selection === 'error-unresolvable' || selection === 'error-no-element') return;
+    const requestId = elementPickerController.getState().requestId;
+    if (!requestId) return;
+    setBusy(true);
+    setStatus(null);
+    try {
+      const assessed = assessPickerTarget(selected.target);
+      if (assessed.kind === 'error') {
+        setSelection('error-unresolvable');
+        return;
+      }
+      setHidingForCapture(true);
+      await waitForCapturePaint();
+      const screenshot = await capturePickerScreenshot(selected.rect);
+      const delivered = await elementPickerController.commit({
+        target: selected.target,
+        autoData: assessed.autoData,
+        text: targetText(selected.target),
+        rect: selected.rect,
+        ...(screenshot ? {
+          screenshot
+        } : {})
+      }, requestId);
+      if (delivered && !elementPickerController.getState().active) {
+        setReturnNudge(true);
+      } else if (!delivered && elementPickerController.getState().requestId === requestId) {
+        setHidingForCapture(false);
+        setStatus("Couldn't send to Builder");
+      }
+    } catch {
+      setHidingForCapture(false);
+      setStatus('Could not serialize that element.');
+    } finally {
+      setBusy(false);
+    }
+  }, [selected, selection]);
+  const dismissReturnNudge = () => {
+    setReturnNudge(false);
+  };
+  if (!state.active && !chromeBarsMounted && !returnNudge) return null;
+  const isError = selection === 'error-no-element' || selection === 'error-unresolvable';
+  const toneIcon = isError ? {
+    name: 'triangle-exclamation',
+    tintColor: chromeColors.dangerAccent
+  } : selection === 'warning' ? {
+    name: 'circle-exclamation',
+    tintColor: chromeColors.warningAccent
+  } : undefined;
+  const barLabel = isError ? ERROR_LABEL : phase === 'selected' || selection === 'warning' ? 'Confirm selected element' : phase === 'selecting' ? 'Tap an element to select it' : 'Navigate screens';
+  const helperText = status ?? (isError ? ERROR_HELPER : selection === 'warning' ? WARNING_HELPER : phase === 'selected' ? CONFIRM_HELPER : undefined);
+  const helperIcon = status ? undefined : toneIcon;
+  const tooltipVisible = state.active && showOnboarding && chromeVisible && phase === 'selecting';
+  return /*#__PURE__*/_jsxs(View, {
+    pointerEvents: "box-none",
+    style: styles.root,
+    testID: "userflow-element-picker",
+    children: [returnNudge && !state.active ? /*#__PURE__*/_jsx(ChromeDialog, {
+      body: RETURN_NUDGE_BODY,
+      onClose: dismissReturnNudge,
+      title: RETURN_NUDGE_TITLE,
+      children: /*#__PURE__*/_jsx(ChromeButton, {
+        accessibilityLabel: "Okay",
+        flex: true,
+        label: "Okay",
+        onPress: dismissReturnNudge,
+        testID: "userflow-element-picker-return-okay"
+      })
+    }) : null, state.active && (phase === 'selecting' || phase === 'blocked') ? /*#__PURE__*/_jsx(View, {
+      pointerEvents: "none",
+      style: styles.dim,
+      testID: "userflow-element-picker-dim"
+    }) : null, state.active && selected ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(TooltipCutout, {
+        backdropColor: chromeOverlay.color,
+        backdropOpacity: chromeOverlay.opacity,
+        targetBlocked: false,
+        targetRect: {
+          top: selected.rect.y,
+          left: selected.rect.x,
+          width: selected.rect.width,
+          height: selected.rect.height
+        }
+      }), /*#__PURE__*/_jsx(View, {
+        pointerEvents: "none",
+        style: [ringStyle(selected.rect, 5), {
+          borderWidth: 4,
+          borderColor: chromeColors.focusRing
+        }],
+        testID: "userflow-element-picker-focus-ring"
+      }), /*#__PURE__*/_jsx(View, {
+        pointerEvents: "none",
+        style: [ringStyle(selected.rect, 1), {
+          borderWidth: 1,
+          borderColor: chromeColors.white
+        }],
+        testID: "userflow-element-picker-focus-ring-inner"
+      })]
+    }) : null, state.active && mode === 'select' ? /*#__PURE__*/_jsx(View, {
+      testID: "userflow-element-picker-capture",
+      style: styles.capture,
+      onStartShouldSetResponder: () => true,
+      onResponderGrant: onGrant,
+      onResponderRelease: onRelease
+    }) : null, showChromeBars ? /*#__PURE__*/_jsx(ChromeBarTransition, {
+      edge: "top",
+      pointerEvents: "box-none",
+      style: styles.top,
+      visible: chromeBarsVisible,
+      children: /*#__PURE__*/_jsx(ChromeTopBar, {
+        label: barLabel,
+        onMeasureHeight: onMeasureHeight,
+        tone: isError ? 'error' : 'default',
+        ...(toneIcon ? {
+          icon: toneIcon
+        } : {})
+      })
+    }) : null, tooltipVisible ? /*#__PURE__*/_jsx(View, {
+      pointerEvents: "none",
+      style: [styles.tooltip, {
+        top: barHeight
+      }],
+      children: /*#__PURE__*/_jsx(ChromeTooltip, {
+        onDismiss: () => {
+          setShowOnboarding(false);
+          setChromeVisible(false);
+        },
+        children: ONBOARDING_COPY
+      })
+    }) : null, showChromeBars ? /*#__PURE__*/_jsx(ChromeBarTransition, {
+      edge: "bottom",
+      pointerEvents: "box-none",
+      style: styles.bottom,
+      visible: chromeBarsVisible,
+      children: /*#__PURE__*/_jsx(ChromeBottomSheet, {
+        helperText: helperText,
+        onMeasureHeight: onMeasureSheetHeight,
+        tone: isError ? 'error' : 'default',
+        ...(helperIcon ? {
+          helperIcon
+        } : {}),
+        children: phase === 'selected' || phase === 'blocked' ? /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(ChromeButton, {
+            accessibilityLabel: "Deselect",
+            label: "Deselect",
+            onPress: deselect,
+            testID: "userflow-element-picker-deselect",
+            variant: "secondary"
+          }), /*#__PURE__*/_jsx(ChromeButton, {
+            accessibilityLabel: "Confirm element",
+            disabled: busy || isError,
+            label: "Confirm element",
+            onPress: () => {
+              void confirm();
+            },
+            testID: "userflow-element-picker-confirm"
+          })]
+        }) : /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(ChromeButton, {
+            accessibilityLabel: "Cancel element selection",
+            label: "Cancel",
+            onPress: () => elementPickerController.cancel(),
+            testID: "userflow-element-picker-cancel",
+            variant: "secondary"
+          }), phase === 'selecting' ? /*#__PURE__*/_jsx(ChromeButton, {
+            accessibilityLabel: "Navigate screens",
+            label: "Navigate screens",
+            onPress: () => {
+              cancelPendingSelection();
+              lastTapRef.current = null;
+              setStatus(null);
+              setMode('navigate');
+            },
+            testID: "userflow-element-picker-navigate"
+          }) : /*#__PURE__*/_jsx(ChromeButton, {
+            accessibilityLabel: "Select element here",
+            label: "Select element here",
+            onPress: () => {
+              setStatus(null);
+              setMode('select');
+            },
+            testID: "userflow-element-picker-select-here"
+          })]
+        })
+      })
+    }) : null]
+  });
+}
+const styles = StyleSheet.create({
+  root: {
+    ...ABSOLUTE_FILL,
+    zIndex: 1100
+  },
+  dim: {
+    ...ABSOLUTE_FILL,
+    backgroundColor: chromeOverlay.color,
+    opacity: chromeOverlay.opacity
+  },
+  capture: {
+    ...ABSOLUTE_FILL
+  },
+  top: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0
+  },
+  tooltip: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    alignItems: 'center'
+  },
+  bottom: {
+    position: 'absolute',
+    bottom: 0,
+    left: 0,
+    right: 0
+  }
+});
+//# sourceMappingURL=ElementPickerOverlay.js.map

package/lib/module/authoring/ElementPickerOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","pointInRect","TARGET_PRESS_TAP_SLOP","ABSOLUTE_FILL","useReportAuthoringBottomHeight","useReportPreviewBannerHeight","TooltipCutout","capturePickerScreenshot","ChromeBarTransition","useChromeBarMounted","ChromeBottomSheet","ChromeButton","ChromeDialog","ChromeTooltip","ChromeTopBar","doubleTapMonitor","chromeColors","chromeOverlay","chromeRadius","DOUBLE_TAP_WINDOW_MS","isDoubleTap","elementPickerController","assessPickerTarget","defaultCandidateIndex","hitTestAt","nextContainingIndex","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","targetText","target","source","instance","childText","accessibilityLabel","descriptor","CONFIRM_HELPER","WARNING_HELPER","ERROR_LABEL","ERROR_HELPER","ONBOARDING_COPY","RETURN_NUDGE_TITLE","RETURN_NUDGE_BODY","selectionFromAssessment","assessment","kind","waitForCapturePaint","Promise","resolve","raf","globalThis","requestAnimationFrame","call","setTimeout","ringStyle","rect","inset","position","left","x","top","y","width","height","borderRadius","lg","ElementPickerOverlay","state","setState","useState","getState","mode","setMode","candidates","setCandidates","index","setIndex","busy","setBusy","status","setStatus","selection","setSelection","chromeVisible","setChromeVisible","hidingForCapture","setHidingForCapture","showOnboarding","setShowOnboarding","returnNudge","setReturnNudge","barHeight","setBarHeight","sheetHeight","setSheetHeight","tapStartRef","useRef","lastTapRef","tapGenRef","applyTimerRef","applyResolveRef","modeRef","armedRequestIdRef","undefined","setBannerHeight","setBottomHeight","cancelPendingSelection","useCallback","current","clearTimeout","resolveWait","resetTransient","options","resetCaptureHide","useEffect","subscribe","next","active","requestId","onMeasureHeight","Math","max","onMeasureSheetHeight","selected","phase","chromeBarsVisible","chromeBarsMounted","showChromeBars","applySelection","hits","length","nextIndex","applyHits","scheduleSelection","pageX","pageY","gen","hitsPromise","wait","all","onTap","nextHit","hideOrShowChrome","visible","subscription","onDoubleTap","set","clearIfCurrent","onGrant","event","nativeEvent","onRelease","start","dx","dy","sample","timestamp","Date","now","engaged","deselect","confirm","assessed","screenshot","delivered","commit","autoData","text","dismissReturnNudge","isError","toneIcon","name","tintColor","dangerAccent","warningAccent","barLabel","helperText","helperIcon","tooltipVisible","pointerEvents","style","styles","root","testID","children","body","onClose","title","flex","label","onPress","dim","backdropColor","color","backdropOpacity","opacity","targetBlocked","targetRect","borderWidth","borderColor","focusRing","white","capture","onStartShouldSetResponder","onResponderGrant","onResponderRelease","edge","tone","icon","tooltip","onDismiss","bottom","variant","disabled","cancel","create","zIndex","backgroundColor","right","alignItems"],"sourceRoot":"../../../src","sources":["authoring/ElementPickerOverlay.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/authoring/capturePickerScreenshot.js

@@ -0,0 +1,68 @@
+"use strict";
+
+import { Dimensions } from 'react-native';
+const MAX_CAPTURE_WIDTH = 480;
+const MISSING_VIEW_SHOT_WARNING = '[Userflow] Required peer react-native-view-shot is not installed; ' + 'skipping picker screenshot. Install react-native-view-shot (>=5.0.0) and rebuild native.';
+let didWarnMissingViewShot = false;
+function warnMissingViewShot() {
+  if (didWarnMissingViewShot) return;
+  didWarnMissingViewShot = true;
+  if (__DEV__) {
+    // eslint-disable-next-line no-console -- intentional missing-required-peer diagnostic
+    console.warn(MISSING_VIEW_SHOT_WARNING);
+  }
+}
+function loadViewShot() {
+  try {
+    // Required peer; degrade if unlinked or the JS package is missing.
+    // eslint-disable-next-line @typescript-eslint/no-var-requires, @typescript-eslint/no-require-imports
+    return require('react-native-view-shot');
+  } catch {
+    warnMissingViewShot();
+    return null;
+  }
+}
+
+/**
+ * Capture a downscaled JPEG of the current screen and map `rect` (window DIP)
+ * onto the captured pixel grid. Returns null when the native module is missing
+ * or capture fails.
+ */
+export async function capturePickerScreenshot(rect) {
+  const viewShot = loadViewShot();
+  if (!viewShot?.captureScreen) return null;
+  try {
+    const window = Dimensions.get('window');
+    const winW = window.width || 1;
+    const winH = window.height || 1;
+    const captureWidth = Math.min(Math.round(winW), MAX_CAPTURE_WIDTH);
+    const captureHeight = Math.max(1, Math.round(winH * (captureWidth / winW)));
+    const dataUrl = await viewShot.captureScreen({
+      format: 'jpg',
+      quality: 0.55,
+      result: 'data-uri',
+      width: captureWidth,
+      height: captureHeight
+    });
+    if (typeof dataUrl !== 'string' || dataUrl.length === 0) return null;
+    const sx = captureWidth / winW;
+    const sy = captureHeight / winH;
+    return {
+      dataUrl,
+      width: captureWidth,
+      height: captureHeight,
+      targetX1: Math.round(rect.x * sx),
+      targetY1: Math.round(rect.y * sy),
+      targetX2: Math.round((rect.x + rect.width) * sx),
+      targetY2: Math.round((rect.y + rect.height) * sy)
+    };
+  } catch {
+    return null;
+  }
+}
+
+/** @internal */
+export function resetViewShotWarningForTests() {
+  didWarnMissingViewShot = false;
+}
+//# sourceMappingURL=capturePickerScreenshot.js.map