@userflow-tech/react-native 0.6.0 → 0.7.0

package/src/runtime/UserflowOverlay.tsx

@@ -12,6 +12,7 @@ import { stepTrapsHostAccessibility } from '../surfaces/hostAccessibilityTrap';
 
 import { BannerHost } from './BannerHost';
 import { FlowRenderer } from './FlowRenderer';
+import { WindowOverlayHost } from './WindowOverlayHost';
 import { useFlowSessionState } from './useFlowSessionState';
 import { getUserflowCore } from './userflowCore';
 
@@ -86,30 +87,37 @@ export function UserflowOverlay({
        * destroy a running script. `suppressed` hides it for the pick.
        */}
       <EvalJsHost suppressed={pickerActive} />
-      <PreviewModeBanner
-        onConfirmingChange={setPreviewConfirming}
-        onExit={onExitPreview}
-        held={previewHeld}
-        onRestart={onRestartPreview}
-        state={pairingState}
-        suppressed={pickerActive}
-      />
       {/*
-       * Unmount flow chrome for the whole pick. The session stays alive;
-       * captureScreen would otherwise include the modal or tooltip.
-       * Remounting reads the same session back.
+       * One host for all three, so they keep this paint order above native
+       * modal screens. The host app's trap does not reach a natively presented
+       * modal, so the host traps VoiceOver itself.
        */}
-      {pickerActive ? null : (
-        <FlowRenderer
-          engine={engine}
-          previewRestartGeneration={pairingState.previewRestartGeneration}
+      <WindowOverlayHost accessibilityModal={trapHostAccessibility}>
+        <PreviewModeBanner
+          onConfirmingChange={setPreviewConfirming}
+          onExit={onExitPreview}
+          held={previewHeld}
+          onRestart={onRestartPreview}
+          state={pairingState}
+          suppressed={pickerActive}
         />
-      )}
-      {/*
-       * After flow chrome so BODY_FIRST / BODY_LAST overlay banners stay visible
-       * while a tour step (modal, tooltip, condition wait) is still active.
-       */}
-      <BannerHost engine={bannerEngine} hidden={pickerActive} />
+        {/*
+         * Unmount flow chrome for the whole pick. The session stays alive;
+         * captureScreen would otherwise include the modal or tooltip.
+         * Remounting reads the same session back.
+         */}
+        {pickerActive ? null : (
+          <FlowRenderer
+            engine={engine}
+            previewRestartGeneration={pairingState.previewRestartGeneration}
+          />
+        )}
+        {/*
+         * After flow chrome so BODY_FIRST / BODY_LAST overlay banners stay visible
+         * while a tour step (modal, tooltip, condition wait) is still active.
+         */}
+        <BannerHost engine={bannerEngine} hidden={pickerActive} />
+      </WindowOverlayHost>
       <ElementPickerOverlay />
     </>
   );

package/src/runtime/WindowOverlayHost.tsx

@@ -0,0 +1,95 @@
+import * as React from 'react';
+import { Platform } from 'react-native';
+
+import { isNativeModuleLinked } from '../nativeModules';
+
+interface FullWindowOverlayProps {
+  children?: React.ReactNode;
+  /** react-native-screens 4.x. Defaults to true, which traps VoiceOver inside the overlay. */
+  unstable_accessibilityContainerViewIsModal?: boolean;
+}
+
+type FullWindowOverlayComponent = React.ComponentType<FullWindowOverlayProps>;
+
+/**
+ * Native module in every react-native-screens 3.x and 4.x build. Rendering
+ * `FullWindowOverlay` without the native half would mount an unregistered
+ * component, so the package is not required until this is linked.
+ */
+const SCREENS_NATIVE_MODULE = 'RNSModule';
+
+let cached: FullWindowOverlayComponent | null | undefined;
+
+/** react-native-screens' `FullWindowOverlay`, or null when it cannot host chrome here. */
+function getFullWindowOverlay(): FullWindowOverlayComponent | null {
+  if (cached !== undefined) return cached;
+  cached = null;
+
+  // FullWindowOverlay is iOS-only; elsewhere it renders a plain View.
+  if (Platform.OS !== 'ios' || typeof require !== 'function') return cached;
+  if (!isNativeModuleLinked(SCREENS_NATIVE_MODULE)) return cached;
+
+  try {
+    // Not a peer: apps that present native modals already have it, through
+    // Expo Router or React Navigation's native stack.
+    // eslint-disable-next-line @typescript-eslint/no-require-imports, @typescript-eslint/no-var-requires -- optional package probe
+    const mod = require('react-native-screens') as {
+      FullWindowOverlay?: FullWindowOverlayComponent;
+    };
+    cached = mod?.FullWindowOverlay ?? null;
+  } catch {
+    cached = null;
+  }
+  return cached;
+}
+
+export interface WindowOverlayHostProps {
+  children: React.ReactNode;
+  /**
+   * Hide everything outside the host from VoiceOver, natively presented
+   * modals included. Defaults to false.
+   */
+  accessibilityModal?: boolean;
+}
+
+/** True when {@link WindowOverlayHost} draws above natively presented modals. */
+export function hasWindowOverlayHost(): boolean {
+  return getFullWindowOverlay() != null;
+}
+
+/**
+ * Hosts SDK chrome above everything else in the app window.
+ *
+ * On iOS, react-native-screens presents `modal`, `transparentModal`,
+ * `formSheet` and `fullScreenModal` screens, and React Native presents
+ * `<Modal>`, as view controllers above the React Native root view, so chrome
+ * rendered in `UserflowProvider`'s overlay is drawn beneath them and never
+ * receives touches there. `FullWindowOverlay` moves its children into a
+ * container on the window itself. Measured on iOS 17.4 and 26.5 with
+ * react-native-screens 4.16, that container stays above sheets whether they are
+ * presented before or after it mounts.
+ *
+ * Each host is its own container, stacked by when it was attached rather than
+ * by React order, so chrome that has to keep a paint order shares one host.
+ *
+ * Touches inside the host arrive in window coordinates, as they do in the root
+ * view. Children render in place when the overlay is unavailable: on Android,
+ * and in apps without react-native-screens.
+ */
+export function WindowOverlayHost({
+  children,
+  accessibilityModal = false,
+}: WindowOverlayHostProps): React.ReactElement {
+  const FullWindowOverlay = getFullWindowOverlay();
+  if (!FullWindowOverlay) return <>{children}</>;
+  return (
+    <FullWindowOverlay unstable_accessibilityContainerViewIsModal={accessibilityModal}>
+      {children}
+    </FullWindowOverlay>
+  );
+}
+
+/** @internal Clears the cached `FullWindowOverlay` lookup between tests. */
+export function resetWindowOverlayHostForTests(): void {
+  cached = undefined;
+}

package/src/runtime/userflowCore.ts

@@ -1,7 +1,13 @@
 import { UserflowCore } from '@userflow-tech/core';
 
-/** Shared {@link UserflowCore} singleton for the RN package facade + provider. */
-const core = new UserflowCore();
+import { SDK_VERSION } from '../version';
+
+/**
+ * Shared {@link UserflowCore} singleton for the RN package facade + provider.
+ * Joins report the published SDK version (not the internal core version) as
+ * `userflowClientBuild`.
+ */
+const core = new UserflowCore({ clientBuild: `react-native-${SDK_VERSION}` });
 
 export function getUserflowCore(): UserflowCore {
   return core;

package/src/surfaces/TooltipSurface.tsx

@@ -23,7 +23,8 @@ import { autoAnchorRegistry } from '../anchors/AutoAnchorRegistry';
 import { addAnimationFrameCallback, removeAnimationFrameCallback } from '../anchors/animationFrame';
 import { isAppActive, subscribeAppActive } from '../anchors/appActive';
 import { fiberScanRoot } from '../anchors/fiber/FiberScanRoot';
-import type { AnyFiber } from '../anchors/fiber/fiberInternals';
+import { type AnyFiber, fiberFromPublicInstance } from '../anchors/fiber/fiberInternals';
+import type { Point } from '../anchors/fiber/presentedModal';
 import { clipToScrollViewports } from '../anchors/fiber/visibleRect';
 import {
   clearFiberAnchorCache,
@@ -82,6 +83,7 @@ import {
   tooltipSideGap,
   tooltipVerticalGap,
 } from './tooltip/resolveSideCardWidth';
+import { locateTargetOrigin, offsetRect } from './tooltip/targetOrigin';
 import { TargetSearchSchedule } from './tooltip/targetSearchSchedule';
 
 export interface TooltipSurfaceProps {
@@ -201,6 +203,12 @@ export function TooltipSurface({
   const [missingMode, setMissingMode] = React.useState<MissingMode>('waiting');
   /** True after at least one *failed* measure for the current step/anchor. */
   const [measureAttempted, setMeasureAttempted] = React.useState(false);
+  /**
+   * True while a natively presented modal hides the target, or the target is
+   * in a sheet that cannot be placed. The step waits without counting the
+   * target as missing, and draws nothing over the modal.
+   */
+  const [concealed, setConcealed] = React.useState(false);
   /**
    * False only after a same-step `resetNonce` bump (preview restart) until one
    * frame has passed, so dialog teardown cannot 0-size FLAG.
@@ -238,7 +246,15 @@ export function TooltipSurface({
   const resolveEpochRef = React.useRef(0);
   /** Latest resolved host fiber (for scroll-ancestor walk + rAF remeasure). */
   const hostFiberRef = React.useRef<AnyFiber | null>(null);
-  /** Target rect clipped to scroll viewports, for tap detection only. */
+  /**
+   * Window position of the host's measure space, from the last resolve. Not
+   * zero only inside a native sheet, whose content measures and receives
+   * touches relative to the sheet.
+   */
+  const measureOriginRef = React.useRef<Point>({ x: 0, y: 0 });
+  /** `targetRef` in the host's measure space. */
+  const measuredRef = React.useRef<Rect | null>(null);
+  /** Target rect clipped to scroll viewports, for tap detection only. In measure space, as touches are. */
   const clippedPressRef = React.useRef<Rect | null>(null);
   const clipGenRef = React.useRef(0);
   const hostMeasureRef = React.useRef<
@@ -263,6 +279,8 @@ export function TooltipSurface({
   insetsRef.current = layoutInsets;
   const missingModeRef = React.useRef(missingMode);
   missingModeRef.current = missingMode;
+  const concealedRef = React.useRef(concealed);
+  concealedRef.current = concealed;
   const behaviorRef = React.useRef(behavior);
   behaviorRef.current = behavior;
   const draftModeRef = React.useRef(session.draftMode);
@@ -292,6 +310,7 @@ export function TooltipSurface({
     warnedSidePlacementStepRef.current = null;
     targetStepIdRef.current = null;
     targetRef.current = null;
+    measuredRef.current = null;
     // Drop the previous card's measured size and side so the next step does not
     // inherit a wrapped 115×400 LEFT into `fits(currentPlacement)`.
     const nextPlacement = desiredPlacementRef.current ?? 'BELOW';
@@ -300,6 +319,7 @@ export function TooltipSurface({
     setBubbleSize({ width: 280, height: 160 });
     setMissingMode('waiting');
     setMeasureAttempted(false);
+    setConcealed(false);
     setTarget(null);
     const prev = targetingIdentityRef.current;
     const sameIdentity = prev.stepId === currentStep.id && prev.targetKey === targetKey;
@@ -319,10 +339,13 @@ export function TooltipSurface({
     return () => clearTimeout(handle);
   }, [resolveArmed]);
 
-  const applyTarget = React.useCallback((next: Rect | null) => {
+  /** `next` is in window coordinates; `measured` is the same rect in the host's measure space. */
+  const applyTarget = React.useCallback((next: Rect | null, measured: Rect | null = next) => {
     if (!mountedRef.current) return;
+    if (next != null) setConcealed(false);
     targetStepIdRef.current = next == null ? null : currentStepIdRef.current;
-    if (rectsEqual(targetRef.current, next)) return;
+    if (rectsEqual(targetRef.current, next) && rectsEqual(measuredRef.current, measured)) return;
+    measuredRef.current = measured;
     if (next == null) {
       // The anchor went away (unmount / navigation), so whatever scroll position
       // the user had settled on no longer applies. Treat its next appearance as
@@ -332,15 +355,15 @@ export function TooltipSurface({
     }
     targetRef.current = next;
     setTarget(next);
-    if (next == null) {
+    if (next == null || measured == null) {
       clippedPressRef.current = null;
       return;
     }
-    clippedPressRef.current = next;
+    clippedPressRef.current = measured;
     const fiber = hostFiberRef.current;
     const gen = (clipGenRef.current += 1);
     if (!fiber) return;
-    void clipToScrollViewports(fiber, next).then((clipped) => {
+    void clipToScrollViewports(fiber, measured).then((clipped) => {
       if (clipGenRef.current !== gen) return;
       clippedPressRef.current = clipped;
     });
@@ -364,10 +387,28 @@ export function TooltipSurface({
     hostMeasureRef.current = null;
     hostScrollIntoViewRef.current = undefined;
     fiberCacheIdRef.current = null;
+    setConcealed(false);
     markMeasureAttempted();
     applyTarget(null);
   }, [applyTarget, markMeasureAttempted]);
 
+  /**
+   * Forget the resolved host while a natively presented modal hides it. Unlike
+   * {@link dropHost} the target is not gone: the missing-target timer does not
+   * run, so opening a sheet mid-step cannot flag or end the flow, and the
+   * tooltip comes back when the sheet closes.
+   */
+  const concealHost = React.useCallback(() => {
+    resolveEpochRef.current += 1;
+    measureInFlightRef.current = false;
+    hostFiberRef.current = null;
+    hostMeasureRef.current = null;
+    hostScrollIntoViewRef.current = undefined;
+    fiberCacheIdRef.current = null;
+    setConcealed(true);
+    applyTarget(null);
+  }, [applyTarget]);
+
   const effectiveViewport = React.useCallback(() => {
     const windowSize = Dimensions.get('window');
     const scrollPadding = getScrollPadding();
@@ -386,8 +427,9 @@ export function TooltipSurface({
     );
   }, []);
 
+  /** `rect` is in window coordinates; `measured` is the same rect in the host's measure space. */
   const maybeScrollIntoView = React.useCallback(
-    (rect: Rect) => {
+    (rect: Rect, measured: Rect) => {
       // Scrolling the app to reveal a target we are fading away from is visible.
       if (exitingRef.current) return;
       if (scrollSettledRef.current) return;
@@ -408,8 +450,9 @@ export function TooltipSurface({
             ? { scrollIntoView: hostScrollIntoViewRef.current }
             : {}),
         };
+        // Scroll containers are measured in the same space as the host.
         scrollAnchorIntoView({
-          rect,
+          rect: measured,
           host,
           fiber: hostFiberRef.current,
         });
@@ -420,6 +463,31 @@ export function TooltipSurface({
     [effectiveViewport],
   );
 
+  /** Measure callback for both the resolve and the rAF remeasure of `epoch`'s host. */
+  const onHostMeasured = React.useCallback(
+    (epoch: number, x: number, y: number, width: number, height: number) => {
+      if (resolveEpochRef.current !== epoch) {
+        measureInFlightRef.current = false;
+        return;
+      }
+      measureInFlightRef.current = false;
+      if (!mountedRef.current) return;
+
+      if (width <= 0 || height <= 0) {
+        const cacheId = fiberCacheIdRef.current;
+        if (cacheId) invalidateFiberAnchor(cacheId);
+        dropHost();
+        return;
+      }
+
+      const measured: Rect = { x, y, width, height };
+      const rect = offsetRect(measured, measureOriginRef.current);
+      maybeScrollIntoView(rect, measured);
+      applyTarget(rect, measured);
+    },
+    [applyTarget, dropHost, maybeScrollIntoView],
+  );
+
   /**
    * Resolve the anchor host (registry / fiber scan). Driven by
    * {@link TargetSearchSchedule} — intentionally NOT on every animation frame.
@@ -450,26 +518,25 @@ export function TooltipSurface({
     if (measureInFlightRef.current) return;
     const epoch = resolveEpochRef.current;
     measureInFlightRef.current = true;
-    resolution.host.measureInWindow((x, y, width, height) => {
-      if (resolveEpochRef.current !== epoch) {
+    const { host } = resolution;
+    const placedFiber = resolution.fiber ?? fiberFromPublicInstance(host.node);
+    // Refreshed per resolve, not per frame: a sheet moves rarely, and the
+    // lookup walks the whole tree.
+    locateTargetOrigin(placedFiber, (origin) => {
+      if (resolveEpochRef.current !== epoch || !mountedRef.current) {
         measureInFlightRef.current = false;
         return;
       }
-      measureInFlightRef.current = false;
-      if (!mountedRef.current) return;
-
-      if (width <= 0 || height <= 0) {
-        const cacheId = fiberCacheIdRef.current;
-        if (cacheId) invalidateFiberAnchor(cacheId);
-        dropHost();
+      if (!origin) {
+        concealHost();
         return;
       }
-
-      const rect: Rect = { x, y, width, height };
-      maybeScrollIntoView(rect);
-      applyTarget(rect);
+      measureOriginRef.current = origin;
+      host.measureInWindow((x, y, width, height) => {
+        onHostMeasured(epoch, x, y, width, height);
+      });
     });
-  }, [anchorId, applyTarget, decodedAutoData, dropHost, isAuto, maybeScrollIntoView]);
+  }, [anchorId, concealHost, decodedAutoData, dropHost, isAuto, onHostMeasured]);
 
   /**
    * Live re-measure of an already-resolved host. Driven by the shared rAF hub
@@ -484,25 +551,9 @@ export function TooltipSurface({
     const epoch = resolveEpochRef.current;
     measureInFlightRef.current = true;
     measure((x, y, width, height) => {
-      if (resolveEpochRef.current !== epoch) {
-        measureInFlightRef.current = false;
-        return;
-      }
-      measureInFlightRef.current = false;
-      if (!mountedRef.current) return;
-
-      if (width <= 0 || height <= 0) {
-        const cacheId = fiberCacheIdRef.current;
-        if (cacheId) invalidateFiberAnchor(cacheId);
-        dropHost();
-        return;
-      }
-
-      const rect: Rect = { x, y, width, height };
-      maybeScrollIntoView(rect);
-      applyTarget(rect);
+      onHostMeasured(epoch, x, y, width, height);
     });
-  }, [applyTarget, dropHost, maybeScrollIntoView]);
+  }, [onHostMeasured]);
 
   const resolveTargetRef = React.useRef(resolveTarget);
   resolveTargetRef.current = resolveTarget;
@@ -521,7 +572,8 @@ export function TooltipSurface({
     }
     const search = new TargetSearchSchedule(() => resolveTargetRef.current());
     searchRef.current = search;
-    search.setMode(targetRef.current ? 'anchored' : 'missing');
+    // A concealed target keeps the steady poll, so the tooltip is back soon after the modal closes.
+    search.setMode(targetRef.current || concealedRef.current ? 'anchored' : 'missing');
 
     const trigger = () => search.trigger();
     const unsubscribers = [
@@ -556,8 +608,8 @@ export function TooltipSurface({
   }, [resolveArmed, searchStopped, currentStep.id, targetKey]);
 
   React.useEffect(() => {
-    searchRef.current?.setMode(target ? 'anchored' : 'missing');
-  }, [target]);
+    searchRef.current?.setMode(target || concealed ? 'anchored' : 'missing');
+  }, [target, concealed]);
 
   // rAF tracking while a host is resolved (and we are not paused after report).
   React.useEffect(() => {
@@ -592,7 +644,7 @@ export function TooltipSurface({
       return;
     }
 
-    if (!measureAttempted) {
+    if (!measureAttempted || concealed) {
       return;
     }
 
@@ -608,6 +660,7 @@ export function TooltipSurface({
   }, [
     target,
     measureAttempted,
+    concealed,
     engine,
     currentStep.id,
     theme.tooltipMissingBehavior,
@@ -872,6 +925,11 @@ export function TooltipSurface({
     return null;
   }
 
+  // A native modal hides the target: nothing over it, not even the blocker.
+  if (isMissing && concealed) {
+    return null;
+  }
+
   const showBranding = session.flow.company.flowBranding;
   const contentPadding = chrome.contentPadding;
   // Modal only while the host is trapped too. Otherwise VoiceOver would skip

package/src/surfaces/tooltip/TooltipHighlight.tsx

@@ -90,16 +90,14 @@ export function buildHighlightRings(rect: HighlightRect, chrome: HighlightChrome
 
 function strokeGlow(chrome: HighlightChrome): ViewStyle {
   const blur = Math.max(chrome.radius, 6);
-  const glow: ViewStyle = {
+  // Built in one literal: React Native 0.88 types ViewStyle as readonly.
+  return {
     shadowColor: chrome.color,
     shadowOffset: { width: 0, height: 0 },
     shadowOpacity: Math.min(0.45, chrome.opacity),
     shadowRadius: blur,
+    ...(Platform?.OS !== 'ios' ? { boxShadow: `0px 0px ${blur}px 0px ${chrome.glowColor}` } : null),
   };
-  if (Platform?.OS !== 'ios') {
-    glow.boxShadow = `0px 0px ${blur}px 0px ${chrome.glowColor}`;
-  }
-  return glow;
 }
 
 function ringFrame(

package/src/surfaces/tooltip/targetOrigin.ts

@@ -0,0 +1,74 @@
+import { fiberScanRoot } from '../../anchors/fiber/FiberScanRootStore';
+import type { AnyFiber } from '../../anchors/fiber/fiberInternals';
+import {
+  locatePresentedModal,
+  measureOriginOf,
+  type Point,
+} from '../../anchors/fiber/presentedModal';
+import { getFiberAnchorScreenKey } from '../../anchors/fiberAnchorCache';
+import { hasWindowOverlayHost } from '../../runtime/WindowOverlayHost';
+
+import type { Rect } from './inferTooltipPlacement';
+
+const ZERO: Point = { x: 0, y: 0 };
+
+/**
+ * How long "nothing is presented" is trusted on the same screen. The lookup
+ * walks the whole fiber tree (1.4ms for 2,200 fibers in a debug build), and
+ * an anchored tooltip resolves four times a second. Expo Router and native
+ * stack modals change the screen, which skips this wait; a React Native
+ * `<Modal>` over the target is noticed within it.
+ */
+export const NO_MODAL_TRUST_MS = 1000;
+
+let noModalSince: { at: number; screenKey: string | null } | null = null;
+
+/**
+ * Where a tooltip target's measured rects sit in the window. `done` gets the
+ * window position of `(0, 0)` in the target's measure space, or null when the
+ * tooltip cannot point at it: a natively presented modal covers the target,
+ * or the target is inside a modal that cannot be placed (see
+ * `presentedModal.ts`). Also null when the target has no fiber to place.
+ *
+ * Without the window host, flow chrome is drawn in the root view under any
+ * native modal, as before, and `done` runs synchronously with zero.
+ */
+export function locateTargetOrigin(
+  fiber: AnyFiber | null,
+  done: (origin: Point | null) => void,
+): void {
+  if (!hasWindowOverlayHost()) {
+    done(ZERO);
+    return;
+  }
+  const screenKey = getFiberAnchorScreenKey();
+  const now = Date.now();
+  if (
+    noModalSince &&
+    noModalSince.screenKey === screenKey &&
+    now - noModalSince.at < NO_MODAL_TRUST_MS
+  ) {
+    done(ZERO);
+    return;
+  }
+  locatePresentedModal(fiberScanRoot.getFiber()).then(
+    (modal) => {
+      noModalSince = modal == null ? { at: now, screenKey } : null;
+      done(modal == null ? ZERO : fiber ? measureOriginOf(fiber, modal) : null);
+    },
+    () => {
+      noModalSince = null;
+      done(null);
+    },
+  );
+}
+
+export function offsetRect(rect: Rect, origin: Point): Rect {
+  if (origin.x === 0 && origin.y === 0) return rect;
+  return { ...rect, x: rect.x + origin.x, y: rect.y + origin.y };
+}
+
+/** @internal Forgets the cached "nothing is presented" between tests. */
+export function resetTargetOriginForTests(): void {
+  noModalSince = null;
+}

package/src/version.ts

@@ -1,2 +1,2 @@
 /** Generated by scripts/write-version.mjs — do not edit. */
-export const SDK_VERSION = '0.6.0';
+export const SDK_VERSION = '0.7.0';

package/vendor/core/dist/engine/UserflowCore.d.ts

@@ -5,6 +5,13 @@ import type { PublicAttributes, UserflowConfig, UserflowGroupOptions, UserflowId
 export interface UserflowCoreDeps {
     validate?: ValidateCredentialsFn;
     createConnection?: CreateConnectionFn;
+    /**
+     * Reported as `userflowClientBuild` by the default Phoenix transport, on both
+     * the init credential probe and the end-user channel. Each default applies it
+     * on its own, so an injected `validate` or `createConnection` only drops it
+     * for that one.
+     */
+    clientBuild?: string;
 }
 export interface UpsertGroupPayload {
     groupExternalId: string;

package/vendor/core/dist/engine/UserflowCore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserflowCore.d.ts","sourceRoot":"","sources":["../../src/engine/UserflowCore.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"UserflowCore.d.ts","sourceRoot":"","sources":["../../src/engine/UserflowCore.ts"],"names":[],"mappings":"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"}

package/vendor/core/dist/engine/UserflowCore.js

@@ -30,12 +30,13 @@ export class UserflowCore {
         this.attributes = {};
         this.clientContext = { ...DEFAULT_CLIENT_CONTEXT };
         this.initPromise = null;
+        const transportOptions = deps.clientBuild !== undefined ? { clientBuild: deps.clientBuild } : {};
         this.validate =
             deps.validate ??
-                ((clientToken, serverEndpoint) => validateCredentials(clientToken, serverEndpoint));
+                ((clientToken, serverEndpoint) => validateCredentials(clientToken, serverEndpoint, undefined, transportOptions));
         this.createConnection =
             deps.createConnection ??
-                ((clientToken, serverEndpoint) => new PhoenixConnection(clientToken, serverEndpoint));
+                ((clientToken, serverEndpoint) => new PhoenixConnection(clientToken, serverEndpoint, undefined, transportOptions));
     }
     init(options) {
         if (this.initPromise)