@userflow-tech/react-native 0.2.0 → 0.3.0

package/lib/module/authoring/hostAtPoint.js

@@ -0,0 +1,199 @@
+"use strict";
+
+/**
+ * Topmost host fiber under a window point.
+ *
+ * Spike (RN 0.86 source, not a device run):
+ * - `findNodeAtPoint` is registered unconditionally in `UIManagerBinding.cpp`,
+ *   and `ReactFabric-prod.js` already calls `nativeFabricUIManager`. The DEV
+ *   inspector is the only JS caller, but the native method is present in
+ *   release builds. Call it directly and feature-detect.
+ * - `pointerEvents="none"` fails `canBeTouchTarget` and
+ *   `canChildrenBeTouchTarget`, so a decorative backdrop is not returned
+ *   (see `FindNodeAtPointTest.overlappingViewsWithParentPointerEventsNone`).
+ * - Scroll views subtract `contentOffset` in `getContentOriginOffset`, so
+ *   content scrolled out of the viewport is not a hit.
+ * - Modal content lives under `ModalHostView` in the same shadow tree, but
+ *   its frame is relative to the modal window. If the root hit misses the
+ *   visible modal's subtree, retry rooted at that modal.
+ * - Screens a navigator covers stay laid out in the shadow tree, on top of the
+ *   visible one, and react-native-screens clears their zIndex, so the
+ *   last-mounted sibling wins. After visiting a later tab, a tap on an earlier
+ *   one lands on the hidden tab. Retry rooted at the visible screen.
+ */
+import { UIManager } from 'react-native';
+import { fiberScanRoot } from "../anchors/fiber/FiberScanRoot.js";
+import { coerceToFiber, getStateNode, isReactFiber, nativeTagFromHostFiber, resolveCurrentFiber } from "../anchors/fiber/fiberInternals.js";
+import { nearestHostDescendant } from "../anchors/fiber/findAnchorFiber.js";
+import { createHostFiberIndex } from "../anchors/fiber/indexHostFibers.js";
+import { measureHostFiber } from "../anchors/fiber/measureHostFiber.js";
+import { fiberIsUnder, topmostVisibleModalHost } from "../anchors/fiber/visibleRect.js";
+import { isFiberOnVisibleScreen, screensCoveringFiber } from "../anchors/fiber/visibleScreens.js";
+const HIT_TIMEOUT_MS = 400;
+
+/** Re-hits allowed while a hit keeps landing on a covered screen (one per nesting level). */
+const MAX_COVERED_SCREEN_RETRIES = 4;
+function fabricManager() {
+  const manager = globalThis.nativeFabricUIManager;
+  if (!manager || typeof manager.findNodeAtPoint !== 'function') return null;
+  return manager;
+}
+function paperManager() {
+  const manager = UIManager;
+  if (!manager || typeof manager.findSubviewIn !== 'function') return null;
+  return manager;
+}
+function shadowNodeFromHost(fiber) {
+  const stateNode = getStateNode(fiber);
+  if (!stateNode || typeof stateNode !== 'object') return null;
+  const node = stateNode;
+  return node.node ?? node.canonical?.node ?? null;
+}
+function fiberFromInstanceHandle(handle) {
+  if (isReactFiber(handle)) {
+    try {
+      return resolveCurrentFiber(handle);
+    } catch {
+      return handle;
+    }
+  }
+  const coerced = coerceToFiber(handle);
+  if (coerced) return coerced;
+  if (!handle || typeof handle !== 'object') return null;
+  const record = handle;
+  const nested = record.stateNode?.canonical?.internalInstanceHandle;
+  if (isReactFiber(nested)) return resolveCurrentFiber(nested);
+  return coerceToFiber(nested);
+}
+function withTimeout(run, fallback) {
+  return new Promise(resolve => {
+    let settled = false;
+    const timer = setTimeout(() => {
+      if (settled) return;
+      settled = true;
+      resolve(fallback);
+    }, HIT_TIMEOUT_MS);
+    const settle = value => {
+      if (settled) return;
+      settled = true;
+      clearTimeout(timer);
+      resolve(value);
+    };
+    try {
+      run(settle);
+    } catch {
+      settle(fallback);
+    }
+  });
+}
+function measureOrigin(fiber) {
+  return withTimeout(settle => {
+    measureHostFiber(fiber, (x, y, width, height) => {
+      if (width <= 0 && height <= 0 && x === 0 && y === 0) {
+        settle(null);
+        return;
+      }
+      settle({
+        x,
+        y
+      });
+    });
+  }, null);
+}
+
+/**
+ * `node`'s origin within its parent. `findNodeAtPoint` tests the point against
+ * `node`'s own frame, which is in parent coordinates. Zero when `measure` is
+ * unavailable, which is exact for a node at its parent's origin.
+ */
+function originInParent(manager, node) {
+  const measure = manager.measure;
+  const none = {
+    x: 0,
+    y: 0
+  };
+  if (typeof measure !== 'function') return Promise.resolve(none);
+  return withTimeout(settle => {
+    measure.call(manager, node, (x, y) => {
+      settle(Number.isFinite(x) && Number.isFinite(y) ? {
+        x,
+        y
+      } : none);
+    });
+  }, none);
+}
+async function hitFabric(rootHost, x, y) {
+  const manager = fabricManager();
+  const node = shadowNodeFromHost(rootHost);
+  if (!manager || node == null) return null;
+  const origin = await measureOrigin(rootHost);
+  if (!origin) return null;
+  const inParent = await originInParent(manager, node);
+  const handle = await withTimeout(settle => {
+    manager.findNodeAtPoint(node, x - origin.x + inParent.x, y - origin.y + inParent.y, settle);
+  }, null);
+  if (!handle) return null;
+  return fiberFromInstanceHandle(handle);
+}
+async function hitPaper(rootHost, x, y) {
+  const manager = paperManager();
+  const tag = nativeTagFromHostFiber(rootHost);
+  if (!manager || tag === undefined) return null;
+  // `findSubviewIn` hit-tests in the view's own coordinates (iOS `hitTest:`,
+  // Android `TouchTargetHelper`). The window root sits at the window origin; a
+  // nested screen does not. Unmeasurable falls back to the window point.
+  const origin = (await measureOrigin(rootHost)) ?? {
+    x: 0,
+    y: 0
+  };
+  const nativeTag = await withTimeout(settle => {
+    manager.findSubviewIn(tag, [x - origin.x, y - origin.y], found => {
+      settle(typeof found === 'number' ? found : null);
+    });
+  }, null);
+  if (nativeTag == null) return null;
+  const index = createHostFiberIndex(fiberScanRoot.getFiber());
+  return index.byNativeTag.get(nativeTag) ?? null;
+}
+async function hitUnder(rootHost, x, y) {
+  const fabric = await hitFabric(rootHost, x, y);
+  if (fabric) return fabric;
+  return hitPaper(rootHost, x, y);
+}
+
+/** {@link hitUnder}, re-hit from the visible screen while the hit lands on a covered one. */
+async function hitOnVisibleScreen(rootHost, x, y) {
+  let hit = await hitUnder(rootHost, x, y);
+  for (let attempt = 0; hit && attempt < MAX_COVERED_SCREEN_RETRIES; attempt += 1) {
+    const screens = screensCoveringFiber(hit);
+    if (screens.length === 0) return hit;
+    let next = null;
+    for (const screen of screens) {
+      next = await hitUnder(screen, x, y);
+      if (next) break;
+    }
+    hit = next;
+  }
+  // Still on a covered screen: report no hit so the caller uses geometry.
+  return hit && isFiberOnVisibleScreen(hit) ? hit : null;
+}
+
+/**
+ * Host fiber drawn on top at window coordinates, or null when neither Fabric
+ * nor Paper hit-testing is available.
+ */
+export async function hostAtPoint(x, y) {
+  const root = fiberScanRoot.getFiber();
+  if (!root) return null;
+  const rootHost = nearestHostDescendant(root);
+  if (!rootHost) return null;
+  let hit = await hitOnVisibleScreen(rootHost, x, y);
+  const modal = topmostVisibleModalHost(root);
+  const modalHost = modal ? nearestHostDescendant(modal) : null;
+  if (modalHost && (!hit || !fiberIsUnder(hit, modal))) {
+    const modalHit = await hitOnVisibleScreen(modalHost, x, y);
+    if (modalHit) hit = modalHit;
+  }
+  return hit;
+}
+//# sourceMappingURL=hostAtPoint.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["UIManager","fiberScanRoot","coerceToFiber","getStateNode","isReactFiber","nativeTagFromHostFiber","resolveCurrentFiber","nearestHostDescendant","createHostFiberIndex","measureHostFiber","fiberIsUnder","topmostVisibleModalHost","isFiberOnVisibleScreen","screensCoveringFiber","HIT_TIMEOUT_MS","MAX_COVERED_SCREEN_RETRIES","fabricManager","manager","globalThis","nativeFabricUIManager","findNodeAtPoint","paperManager","findSubviewIn","shadowNodeFromHost","fiber","stateNode","node","canonical","fiberFromInstanceHandle","handle","coerced","record","nested","internalInstanceHandle","withTimeout","run","fallback","Promise","resolve","settled","timer","setTimeout","settle","value","clearTimeout","measureOrigin","x","y","width","height","originInParent","measure","none","call","Number","isFinite","hitFabric","rootHost","origin","inParent","hitPaper","tag","undefined","nativeTag","found","index","getFiber","byNativeTag","get","hitUnder","fabric","hitOnVisibleScreen","hit","attempt","screens","length","next","screen","hostAtPoint","root","modal","modalHost","modalHit"],"sourceRoot":"../../../src","sources":["authoring/hostAtPoint.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/content/BannerStepButton.js

@@ -0,0 +1,63 @@
+"use strict";
+
+import { interpolateSessionData } from '@userflow-tech/core';
+import * as React from 'react';
+import { Platform, Pressable, StyleSheet, Text } from 'react-native';
+import { resolveBannerBackgroundColor, resolveBannerForegroundColor } from "../surfaces/resolveBannerTheme.js";
+import { resolveBannerButtonChrome } from "./resolveBannerButtonChrome.js";
+import { stepButtonContainerStyle } from "./resolveStepButtonChrome.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Step actions on the embed banner bar (Figma SDK Embed Banner). */
+export function BannerStepButton({
+  button,
+  theme,
+  sessionData,
+  onActions
+}) {
+  const label = interpolateSessionData(button.text, sessionData);
+  const bannerBackground = resolveBannerBackgroundColor(theme);
+  const bannerForeground = resolveBannerForegroundColor(theme);
+  const chrome = resolveBannerButtonChrome(theme, button.appearance, bannerBackground, bannerForeground);
+  return /*#__PURE__*/_jsx(Pressable, {
+    testID: `userflow-button-${button.cvid}`,
+    accessibilityRole: "button",
+    accessibilityLabel: label,
+    onPress: () => onActions(button.actions),
+    style: ({
+      pressed
+    }) => [styles.button, stepButtonContainerStyle(chrome), {
+      opacity: pressed ? 0.88 : 1
+    }],
+    children: /*#__PURE__*/_jsx(Text, {
+      style: [styles.label, {
+        color: chrome.fontColor,
+        fontFamily: theme.fontFamily || undefined,
+        fontSize: chrome.fontSize,
+        fontWeight: chrome.fontWeight,
+        ...labelMetrics(chrome.lineHeight)
+      }],
+      children: label
+    })
+  });
+}
+function labelMetrics(lineHeight) {
+  if (Platform.OS === 'android') {
+    return {
+      includeFontPadding: false,
+      textAlignVertical: 'center'
+    };
+  }
+  return {
+    lineHeight
+  };
+}
+const styles = StyleSheet.create({
+  button: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  label: {
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=BannerStepButton.js.map

package/lib/module/content/BannerStepButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["interpolateSessionData","React","Platform","Pressable","StyleSheet","Text","resolveBannerBackgroundColor","resolveBannerForegroundColor","resolveBannerButtonChrome","stepButtonContainerStyle","jsx","_jsx","BannerStepButton","button","theme","sessionData","onActions","label","text","bannerBackground","bannerForeground","chrome","appearance","testID","cvid","accessibilityRole","accessibilityLabel","onPress","actions","style","pressed","styles","opacity","children","color","fontColor","fontFamily","undefined","fontSize","fontWeight","labelMetrics","lineHeight","OS","includeFontPadding","textAlignVertical","create","alignItems","justifyContent","textAlign"],"sourceRoot":"../../../src","sources":["content/BannerStepButton.tsx"],"mappings":";;AAAA,SAASA,sBAAsB,QAAQ,qBAAqB;AAM5D,OAAO,KAAKC,KAAK,MAAM,OAAO;AAE9B,SAASC,QAAQ,EAAEC,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAEpE,SACEC,4BAA4B,EAC5BC,4BAA4B,QACvB,mCAAgC;AAEvC,SAASC,yBAAyB,QAAQ,gCAA6B;AACvE,SAASC,wBAAwB,QAAQ,8BAA2B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASrE;AACA,OAAO,SAASC,gBAAgBA,CAAC;EAC/BC,MAAM;EACNC,KAAK;EACLC,WAAW;EACXC;AACqB,CAAC,EAAsB;EAC5C,MAAMC,KAAK,GAAGjB,sBAAsB,CAACa,MAAM,CAACK,IAAI,EAAEH,WAAW,CAAC;EAC9D,MAAMI,gBAAgB,GAAGb,4BAA4B,CAACQ,KAAK,CAAC;EAC5D,MAAMM,gBAAgB,GAAGb,4BAA4B,CAACO,KAAK,CAAC;EAC5D,MAAMO,MAAM,GAAGb,yBAAyB,CACtCM,KAAK,EACLD,MAAM,CAACS,UAAU,EACjBH,gBAAgB,EAChBC,gBACF,CAAC;EAED,oBACET,IAAA,CAACR,SAAS;IACRoB,MAAM,EAAE,mBAAmBV,MAAM,CAACW,IAAI,EAAG;IACzCC,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAET,KAAM;IAC1BU,OAAO,EAAEA,CAAA,KAAMX,SAAS,CAACH,MAAM,CAACe,OAAO,CAAE;IACzCC,KAAK,EAAEA,CAAC;MAAEC;IAAQ,CAAC,KAAK,CACtBC,MAAM,CAAClB,MAAM,EACbJ,wBAAwB,CAACY,MAAM,CAAC,EAChC;MAAEW,OAAO,EAAEF,OAAO,GAAG,IAAI,GAAG;IAAE,CAAC,CAC/B;IAAAG,QAAA,eAEFtB,IAAA,CAACN,IAAI;MACHwB,KAAK,EAAE,CACLE,MAAM,CAACd,KAAK,EACZ;QACEiB,KAAK,EAAEb,MAAM,CAACc,SAAS;QACvBC,UAAU,EAAEtB,KAAK,CAACsB,UAAU,IAAIC,SAAS;QACzCC,QAAQ,EAAEjB,MAAM,CAACiB,QAAQ;QACzBC,UAAU,EAAElB,MAAM,CAACkB,UAAU;QAC7B,GAAGC,YAAY,CAACnB,MAAM,CAACoB,UAAU;MACnC,CAAC,CACD;MAAAR,QAAA,EAEDhB;IAAK,CACF;EAAC,CACE,CAAC;AAEhB;AAEA,SAASuB,YAAYA,CAACC,UAAkB,EAAa;EACnD,IAAIvC,QAAQ,CAACwC,EAAE,KAAK,SAAS,EAAE;IAC7B,OAAO;MACLC,kBAAkB,EAAE,KAAK;MACzBC,iBAAiB,EAAE;IACrB,CAAC;EACH;EACA,OAAO;IAAEH;EAAW,CAAC;AACvB;AAEA,MAAMV,MAAM,GAAG3B,UAAU,CAACyC,MAAM,CAAC;EAC/BhC,MAAM,EAAE;IACNiC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACD9B,KAAK,EAAE;IACL+B,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/content/buttonAppearance.js

@@ -11,4 +11,18 @@ export function isPrimaryButtonAppearance(appearance) {
   const normalized = appearance.toLowerCase();
   return normalized === 'primary' || normalized === 'banner-primary';
 }
+
+/** Figma / web `userflowjs-bubble-button--banner-primary` (inverted CTA on the bar). */
+export function isBannerPrimaryAppearance(appearance) {
+  if (!appearance) return false;
+  const normalized = appearance.toLowerCase();
+  return normalized === 'banner-primary' || normalized === 'primary';
+}
+
+/** Figma / web `userflowjs-bubble-button--banner-secondary` (outline on the bar). */
+export function isBannerSecondaryAppearance(appearance) {
+  if (!appearance) return false;
+  const normalized = appearance.toLowerCase();
+  return normalized === 'banner-secondary' || normalized === 'default' || normalized === 'secondary';
+}
 //# sourceMappingURL=buttonAppearance.js.map

package/lib/module/content/buttonAppearance.js.map

@@ -1 +1 @@
-{"version":3,"names":["isPrimaryButtonAppearance","appearance","normalized","toLowerCase"],"sourceRoot":"../../../src","sources":["content/buttonAppearance.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,yBAAyBA,CAACC,UAAqC,EAAW;EACxF,IAAI,CAACA,UAAU,EAAE,OAAO,KAAK;EAC7B,MAAMC,UAAU,GAAGD,UAAU,CAACE,WAAW,CAAC,CAAC;EAC3C,OAAOD,UAAU,KAAK,SAAS,IAAIA,UAAU,KAAK,gBAAgB;AACpE","ignoreList":[]}
+{"version":3,"names":["isPrimaryButtonAppearance","appearance","normalized","toLowerCase","isBannerPrimaryAppearance","isBannerSecondaryAppearance"],"sourceRoot":"../../../src","sources":["content/buttonAppearance.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,yBAAyBA,CAACC,UAAqC,EAAW;EACxF,IAAI,CAACA,UAAU,EAAE,OAAO,KAAK;EAC7B,MAAMC,UAAU,GAAGD,UAAU,CAACE,WAAW,CAAC,CAAC;EAC3C,OAAOD,UAAU,KAAK,SAAS,IAAIA,UAAU,KAAK,gBAAgB;AACpE;;AAEA;AACA,OAAO,SAASE,yBAAyBA,CAACH,UAAqC,EAAW;EACxF,IAAI,CAACA,UAAU,EAAE,OAAO,KAAK;EAC7B,MAAMC,UAAU,GAAGD,UAAU,CAACE,WAAW,CAAC,CAAC;EAC3C,OAAOD,UAAU,KAAK,gBAAgB,IAAIA,UAAU,KAAK,SAAS;AACpE;;AAEA;AACA,OAAO,SAASG,2BAA2BA,CAACJ,UAAqC,EAAW;EAC1F,IAAI,CAACA,UAAU,EAAE,OAAO,KAAK;EAC7B,MAAMC,UAAU,GAAGD,UAAU,CAACE,WAAW,CAAC,CAAC;EAC3C,OACED,UAAU,KAAK,kBAAkB,IAAIA,UAAU,KAAK,SAAS,IAAIA,UAAU,KAAK,WAAW;AAE/F","ignoreList":[]}

package/lib/module/content/resolveBannerButtonChrome.js

@@ -0,0 +1,41 @@
+"use strict";
+
+import { BANNER_BUTTON_PADDING_HORIZONTAL } from "../surfaces/bannerBarTokens.js";
+import { isBannerPrimaryAppearance, isBannerSecondaryAppearance, isPrimaryButtonAppearance } from "./buttonAppearance.js";
+import { resolveStepButtonChrome } from "./resolveStepButtonChrome.js";
+
+/**
+ * Banner bar buttons (`userflowjs-bubble-button--banner-primary` /
+ * `--banner-secondary`). Primary is inverted on the bar; secondary is an outline.
+ */
+export function resolveBannerButtonChrome(theme, appearance, bannerBackground, bannerForeground) {
+  const metrics = resolveStepButtonChrome(theme, false);
+  if (isBannerPrimaryAppearance(appearance)) {
+    const primaryMetrics = resolveStepButtonChrome(theme, true);
+    return {
+      ...primaryMetrics,
+      minWidth: 0,
+      backgroundColor: bannerForeground,
+      fontColor: bannerBackground,
+      borderColor: bannerForeground,
+      borderWidth: 0,
+      paddingHorizontal: BANNER_BUTTON_PADDING_HORIZONTAL
+    };
+  }
+  if (isBannerSecondaryAppearance(appearance) || appearance == null || appearance === '') {
+    return {
+      ...metrics,
+      minWidth: 0,
+      backgroundColor: bannerBackground,
+      fontColor: bannerForeground,
+      borderColor: bannerForeground,
+      borderWidth: 1,
+      paddingHorizontal: BANNER_BUTTON_PADDING_HORIZONTAL
+    };
+  }
+  return {
+    ...resolveStepButtonChrome(theme, isPrimaryButtonAppearance(appearance)),
+    minWidth: 0
+  };
+}
+//# sourceMappingURL=resolveBannerButtonChrome.js.map

package/lib/module/content/resolveBannerButtonChrome.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BANNER_BUTTON_PADDING_HORIZONTAL","isBannerPrimaryAppearance","isBannerSecondaryAppearance","isPrimaryButtonAppearance","resolveStepButtonChrome","resolveBannerButtonChrome","theme","appearance","bannerBackground","bannerForeground","metrics","primaryMetrics","minWidth","backgroundColor","fontColor","borderColor","borderWidth","paddingHorizontal"],"sourceRoot":"../../../src","sources":["content/resolveBannerButtonChrome.ts"],"mappings":";;AAEA,SAASA,gCAAgC,QAAQ,gCAA6B;AAE9E,SACEC,yBAAyB,EACzBC,2BAA2B,EAC3BC,yBAAyB,QACpB,uBAAoB;AAC3B,SAASC,uBAAuB,QAA+B,8BAA2B;;AAE1F;AACA;AACA;AACA;AACA,OAAO,SAASC,yBAAyBA,CACvCC,KAAoB,EACpBC,UAAqC,EACrCC,gBAAwB,EACxBC,gBAAwB,EACN;EAClB,MAAMC,OAAO,GAAGN,uBAAuB,CAACE,KAAK,EAAE,KAAK,CAAC;EACrD,IAAIL,yBAAyB,CAACM,UAAU,CAAC,EAAE;IACzC,MAAMI,cAAc,GAAGP,uBAAuB,CAACE,KAAK,EAAE,IAAI,CAAC;IAC3D,OAAO;MACL,GAAGK,cAAc;MACjBC,QAAQ,EAAE,CAAC;MACXC,eAAe,EAAEJ,gBAAgB;MACjCK,SAAS,EAAEN,gBAAgB;MAC3BO,WAAW,EAAEN,gBAAgB;MAC7BO,WAAW,EAAE,CAAC;MACdC,iBAAiB,EAAEjB;IACrB,CAAC;EACH;EAEA,IAAIE,2BAA2B,CAACK,UAAU,CAAC,IAAIA,UAAU,IAAI,IAAI,IAAIA,UAAU,KAAK,EAAE,EAAE;IACtF,OAAO;MACL,GAAGG,OAAO;MACVE,QAAQ,EAAE,CAAC;MACXC,eAAe,EAAEL,gBAAgB;MACjCM,SAAS,EAAEL,gBAAgB;MAC3BM,WAAW,EAAEN,gBAAgB;MAC7BO,WAAW,EAAE,CAAC;MACdC,iBAAiB,EAAEjB;IACrB,CAAC;EACH;EAEA,OAAO;IAAE,GAAGI,uBAAuB,CAACE,KAAK,EAAEH,yBAAyB,CAACI,UAAU,CAAC,CAAC;IAAEK,QAAQ,EAAE;EAAE,CAAC;AAClG","ignoreList":[]}

package/lib/module/content/themeColor.js

@@ -87,6 +87,20 @@ export function foregroundAlpha(color, alpha) {
   const rgb = parseThemeRgb(color) ?? FALLBACK_FG;
   return `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${alpha})`;
 }
+function byteToHex(n) {
+  return clampByte(n).toString(16).padStart(2, '0');
+}
+
+/** Linear blend between two theme colors (web hover/active approximations). */
+export function mixThemeColors(base, overlay, overlayWeight) {
+  const b = parseThemeRgb(base) ?? FALLBACK_FG;
+  const o = parseThemeRgb(overlay) ?? FALLBACK_FG;
+  const w = Math.max(0, Math.min(1, overlayWeight));
+  const r = clampByte(b.r + (o.r - b.r) * w);
+  const g = clampByte(b.g + (o.g - b.g) * w);
+  const bCh = clampByte(b.b + (o.b - b.b) * w);
+  return `#${byteToHex(r)}${byteToHex(g)}${byteToHex(bCh)}`;
+}
 
 /**
  * Web's default `backdropHighlightColor` is `#ffffff`. An opaque white stroke

package/lib/module/content/themeColor.js.map

@@ -1 +1 @@
-{"version":3,"names":["WEB_QUOTE_BORDER_ALPHA","WEB_CODE_BG_ALPHA","WEB_PADDING_2","WEB_PADDING_4","WEB_PADDING_8","WEB_PADDING_16","ROOT_CONTENT_GAP","WEB_CODE_FONT_SCALE","WEB_CODE_RADIUS_SCALE","WEB_LINE_HEIGHT_FALLBACK","FALLBACK_FG","r","g","b","clampByte","n","Number","isNaN","Math","max","min","round","parseThemeRgb","color","trimmed","trim","short","exec","chars","split","parseInt","long","hex","slice","rgb","foregroundAlpha","alpha","isNearWhite","blockMarginBelow","isLast"],"sourceRoot":"../../../src","sources":["content/themeColor.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["WEB_QUOTE_BORDER_ALPHA","WEB_CODE_BG_ALPHA","WEB_PADDING_2","WEB_PADDING_4","WEB_PADDING_8","WEB_PADDING_16","ROOT_CONTENT_GAP","WEB_CODE_FONT_SCALE","WEB_CODE_RADIUS_SCALE","WEB_LINE_HEIGHT_FALLBACK","FALLBACK_FG","r","g","b","clampByte","n","Number","isNaN","Math","max","min","round","parseThemeRgb","color","trimmed","trim","short","exec","chars","split","parseInt","long","hex","slice","rgb","foregroundAlpha","alpha","byteToHex","toString","padStart","mixThemeColors","base","overlay","overlayWeight","o","w","bCh","isNearWhite","blockMarginBelow","isLast"],"sourceRoot":"../../../src","sources":["content/themeColor.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/deepLinking.js

@@ -3,10 +3,10 @@
 /**
  * Inbound deep-link handling for builder preview.
  *
- * Host apps register their environment's `scheme_id` (e.g. `userflow-257587`) as
- * a URL scheme at build time. The SDK matches inbound URLs by prefix + root
- * query (no init config) and starts a draft flow via `StartFlowWithToken` once
- * a user is identified.
+ * Host apps register their environment's `scheme_id` (e.g.
+ * `userflow-v7twv2fw2ja2jaco7kesvowmem`) as a URL scheme at build time. The SDK
+ * matches inbound URLs by prefix + root query (no init config) and starts a
+ * draft flow via `StartFlowWithToken` once a user is identified.
  */
 
 import { Linking } from 'react-native';

package/lib/module/evalJs/EvalJsHost.js

@@ -0,0 +1,239 @@
+"use strict";
+
+import * as React from 'react';
+import { Platform, useColorScheme, useWindowDimensions, View } from 'react-native';
+import { getCurrentScreenLocation, subscribeScreenLocation } from "../screenTracker.js";
+import { ABSOLUTE_FILL } from "../surfaces/absoluteFill.js";
+import { useUserflowSafeAreaInsets } from "../surfaces/safeArea.js";
+import { buildBootstrapHtml, EVAL_JS_BASE_URL, isBootstrapUrl } from "./bootstrap.js";
+import { parseBridgeMessage } from "./bridgeMessages.js";
+import { formatEvalJsError, getEvalJsBridgeHandlers } from "./evalJsBridge.js";
+import { evalJsController } from "./evalJsController.js";
+import { getEvalJsWebView } from "./getWebView.js";
+import { useEvalJsWebViewInjection } from "./useEvalJsWebViewInjection.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+function screenFromLocation(location) {
+  if (!location) return {};
+  if ('path' in location) return location.path ? {
+    path: location.path
+  } : {};
+  return location.screen ? {
+    name: location.screen
+  } : {};
+}
+function useEvalJsScreen() {
+  const [screen, setScreen] = React.useState(() => screenFromLocation(getCurrentScreenLocation()));
+  React.useEffect(() => {
+    return subscribeScreenLocation(location => {
+      setScreen(screenFromLocation(location));
+    });
+  }, []);
+  return screen;
+}
+function clipFor(layout, viewport, suppressed) {
+  const fullWeb = {
+    width: viewport.width,
+    height: viewport.height,
+    backgroundColor: 'transparent'
+  };
+  const hidden = suppressed || layout.mode !== 'fitted' && layout.mode !== 'fullscreen';
+  if (hidden) {
+    return {
+      interactive: false,
+      outer: {
+        ...ABSOLUTE_FILL,
+        opacity: 0
+      },
+      web: fullWeb
+    };
+  }
+  if (layout.mode === 'fullscreen') {
+    return {
+      interactive: true,
+      outer: ABSOLUTE_FILL,
+      web: fullWeb
+    };
+  }
+  const rect = layout.rect;
+  if (!rect) {
+    return {
+      interactive: false,
+      outer: {
+        ...ABSOLUTE_FILL,
+        opacity: 0
+      },
+      web: fullWeb
+    };
+  }
+  return {
+    interactive: true,
+    outer: {
+      position: 'absolute',
+      left: rect.x,
+      top: rect.y,
+      width: rect.width,
+      height: rect.height,
+      overflow: 'hidden'
+    },
+    web: {
+      position: 'absolute',
+      left: -rect.x,
+      top: -rect.y,
+      width: viewport.width,
+      height: viewport.height,
+      backgroundColor: 'transparent'
+    }
+  };
+}
+
+/**
+ * One shared WebView for Evaluate JavaScript. Mounted by the SDK overlay,
+ * created on first use, destroyed on {@link evalJsController.reset}.
+ *
+ * Fitted mode clips a full-size WebView to the script's rectangle so the
+ * page viewport does not change (and the rest of the app still receives taps).
+ */
+export function EvalJsHost({
+  suppressed
+}) {
+  const snapshot = React.useSyncExternalStore(evalJsController.subscribe, evalJsController.getSnapshot, evalJsController.getSnapshot);
+  if (!snapshot.active) return null;
+  if (snapshot.bannerOwnsWebView) return null;
+  return /*#__PURE__*/_jsx(EvalJsWebView, {
+    suppressed: suppressed,
+    generation: snapshot.generation,
+    pendingCount: snapshot.pendingCount,
+    layout: snapshot.layout,
+    host: snapshot.host
+  }, snapshot.generation);
+}
+function EvalJsWebView({
+  suppressed,
+  generation,
+  pendingCount,
+  layout,
+  host
+}) {
+  const WebView = getEvalJsWebView();
+  const webRef = React.useRef(null);
+  const [pageReady, setPageReady] = React.useState(false);
+  const generationRef = React.useRef(generation);
+  const colorScheme = useColorScheme();
+  const viewport = useWindowDimensions();
+  const insets = useUserflowSafeAreaInsets();
+  const screen = useEvalJsScreen();
+  const context = React.useMemo(() => ({
+    platform: Platform.OS,
+    colorScheme: colorScheme === 'dark' ? 'dark' : 'light',
+    safeAreaInsets: insets,
+    viewport: {
+      width: viewport.width,
+      height: viewport.height
+    },
+    screen,
+    host
+  }), [colorScheme, host, insets, screen, viewport.height, viewport.width]);
+  const initialContext = React.useRef(context);
+  const html = React.useMemo(() => buildBootstrapHtml(initialContext.current), []);
+  useEvalJsWebViewInjection(webRef, {
+    pageReady,
+    context,
+    pendingCount
+  });
+  const openExternal = React.useCallback(url => {
+    if (!url || isBootstrapUrl(url)) return;
+    getEvalJsBridgeHandlers().openUrl(url);
+  }, []);
+  const onMessage = React.useCallback(event => {
+    if (generationRef.current !== generation) return;
+    const message = parseBridgeMessage(event.nativeEvent.data);
+    if (!message) return;
+    const bridge = getEvalJsBridgeHandlers();
+    switch (message.type) {
+      case 'ready':
+        setPageReady(true);
+        return;
+      case 'close':
+        evalJsController.reset();
+        return;
+      case 'endFlow':
+        bridge.endFlow(evalJsController.sessionIds());
+        evalJsController.reset();
+        return;
+      case 'setLayout':
+        evalJsController.setLayout(message.layout);
+        return;
+      case 'track':
+        bridge.track(message.name, message.attributes);
+        return;
+      case 'updateUser':
+        bridge.updateUser(message.attributes);
+        return;
+      case 'updateGroup':
+        bridge.updateGroup(message.attributes, message.options);
+        return;
+      case 'openUrl':
+        bridge.openUrl(message.url);
+        return;
+      case 'error':
+        bridge.warn(formatEvalJsError(message.message, message.code));
+        return;
+      default:
+        return;
+    }
+  }, [generation]);
+  if (!WebView) return null;
+  const clip = clipFor(layout, {
+    width: viewport.width,
+    height: viewport.height
+  }, suppressed);
+  const debugging = typeof __DEV__ !== 'undefined' && __DEV__ ? true : undefined;
+  return /*#__PURE__*/_jsx(View, {
+    pointerEvents: "box-none",
+    style: ABSOLUTE_FILL,
+    children: /*#__PURE__*/_jsx(View, {
+      pointerEvents: clip.interactive ? 'auto' : 'none',
+      style: clip.outer,
+      children: /*#__PURE__*/_jsx(WebView, {
+        ref: webRef,
+        source: {
+          html,
+          baseUrl: EVAL_JS_BASE_URL
+        },
+        style: clip.web,
+        pointerEvents: clip.interactive ? 'auto' : 'none',
+        originWhitelist: ['*'],
+        javaScriptEnabled: true,
+        domStorageEnabled: true,
+        scrollEnabled: false,
+        bounces: false,
+        showsHorizontalScrollIndicator: false,
+        showsVerticalScrollIndicator: false,
+        mediaPlaybackRequiresUserAction: false,
+        allowsInlineMediaPlayback: true,
+        setSupportMultipleWindows: false,
+        androidLayerType: "hardware",
+        ...(debugging !== undefined ? {
+          webviewDebuggingEnabled: debugging
+        } : {}),
+        onMessage: onMessage,
+        onShouldStartLoadWithRequest: request => {
+          if (isBootstrapUrl(request.url)) return true;
+          openExternal(request.url);
+          return false;
+        },
+        onOpenWindow: event => {
+          const url = event.nativeEvent.targetUrl;
+          if (url) openExternal(url);
+        },
+        onError: event => {
+          const description = event.nativeEvent.description;
+          if (description) {
+            getEvalJsBridgeHandlers().warn(formatEvalJsError(description));
+          }
+        }
+      })
+    })
+  });
+}
+//# sourceMappingURL=EvalJsHost.js.map