@userflow-tech/react-native 0.1.0

package/lib/module/runtime/flowSessionViewState.js

@@ -0,0 +1,42 @@
+"use strict";
+
+/** React-facing view of the active flow session (derived from engine events). */
+
+export function initialFlowSessionViewState(session) {
+  return {
+    session,
+    currentStepId: session?.currentStep?.id ?? null
+  };
+}
+
+/**
+ * Reduces engine events into view state.
+ *
+ * Important: `goToStep` updates `currentStepId` without requiring a new
+ * `sessionChange` — the engine mutates `session.currentStep` in place and
+ * `ForceGoToStep` does not update it at all.
+ */
+export function reduceFlowSessionViewState(state, event) {
+  switch (event.type) {
+    case 'sessionChange':
+      return {
+        session: event.session,
+        currentStepId: event.session?.currentStep?.id ?? null
+      };
+    case 'goToStep':
+      return {
+        ...state,
+        currentStepId: event.stepId
+      };
+    case 'flowEnded':
+      return {
+        session: null,
+        currentStepId: null
+      };
+  }
+}
+export function resolveCurrentStep(session, currentStepId) {
+  if (!session || !currentStepId) return null;
+  return session.version.steps.find(step => step.id === currentStepId) ?? null;
+}
+//# sourceMappingURL=flowSessionViewState.js.map

package/lib/module/runtime/flowSessionViewState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["initialFlowSessionViewState","session","currentStepId","currentStep","id","reduceFlowSessionViewState","state","event","type","stepId","resolveCurrentStep","version","steps","find","step"],"sourceRoot":"../../../src","sources":["runtime/flowSessionViewState.ts"],"mappings":";;AAGA;;AAMA,OAAO,SAASA,2BAA2BA,CACzCC,OAAmC,EACb;EACtB,OAAO;IACLA,OAAO;IACPC,aAAa,EAAED,OAAO,EAAEE,WAAW,EAAEC,EAAE,IAAI;EAC7C,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,0BAA0BA,CACxCC,KAA2B,EAC3BC,KAA6B,EACP;EACtB,QAAQA,KAAK,CAACC,IAAI;IAChB,KAAK,eAAe;MAClB,OAAO;QACLP,OAAO,EAAEM,KAAK,CAACN,OAAO;QACtBC,aAAa,EAAEK,KAAK,CAACN,OAAO,EAAEE,WAAW,EAAEC,EAAE,IAAI;MACnD,CAAC;IACH,KAAK,UAAU;MACb,OAAO;QACL,GAAGE,KAAK;QACRJ,aAAa,EAAEK,KAAK,CAACE;MACvB,CAAC;IACH,KAAK,WAAW;MACd,OAAO;QACLR,OAAO,EAAE,IAAI;QACbC,aAAa,EAAE;MACjB,CAAC;EACL;AACF;AAEA,OAAO,SAASQ,kBAAkBA,CAChCT,OAAmC,EACnCC,aAA4B,EACH;EACzB,IAAI,CAACD,OAAO,IAAI,CAACC,aAAa,EAAE,OAAO,IAAI;EAC3C,OAAOD,OAAO,CAACU,OAAO,CAACC,KAAK,CAACC,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAACV,EAAE,KAAKF,aAAa,CAAC,IAAI,IAAI;AAChF","ignoreList":[]}

package/lib/module/runtime/useFlowSessionState.js

@@ -0,0 +1,21 @@
+"use strict";
+
+import { useEffect, useReducer } from 'react';
+import { initialFlowSessionViewState, reduceFlowSessionViewState, resolveCurrentStep } from "./flowSessionViewState.js";
+/** Subscribe to a {@link FlowSessionEngine} and derive React-friendly session/step state. */
+export function useFlowSessionState(engine) {
+  const [state, dispatch] = useReducer(reduceFlowSessionViewState, undefined, () => initialFlowSessionViewState(engine.getFlowSession()));
+  useEffect(() => {
+    dispatch({
+      type: 'sessionChange',
+      session: engine.getFlowSession()
+    });
+    return engine.on(dispatch);
+  }, [engine]);
+  return {
+    session: state.session,
+    currentStepId: state.currentStepId,
+    currentStep: resolveCurrentStep(state.session, state.currentStepId)
+  };
+}
+//# sourceMappingURL=useFlowSessionState.js.map

package/lib/module/runtime/useFlowSessionState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useReducer","initialFlowSessionViewState","reduceFlowSessionViewState","resolveCurrentStep","useFlowSessionState","engine","state","dispatch","undefined","getFlowSession","type","session","on","currentStepId","currentStep"],"sourceRoot":"../../../src","sources":["runtime/useFlowSessionState.ts"],"mappings":";;AAEA,SAASA,SAAS,EAAEC,UAAU,QAAQ,OAAO;AAE7C,SACEC,2BAA2B,EAC3BC,0BAA0B,EAC1BC,kBAAkB,QACb,2BAAwB;AAQ/B;AACA,OAAO,SAASC,mBAAmBA,CAACC,MAAyB,EAAoB;EAC/E,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGP,UAAU,CAACE,0BAA0B,EAAEM,SAAS,EAAE,MAC1EP,2BAA2B,CAACI,MAAM,CAACI,cAAc,CAAC,CAAC,CACrD,CAAC;EAEDV,SAAS,CAAC,MAAM;IACdQ,QAAQ,CAAC;MACPG,IAAI,EAAE,eAAe;MACrBC,OAAO,EAAEN,MAAM,CAACI,cAAc,CAAC;IACjC,CAAC,CAAC;IACF,OAAOJ,MAAM,CAACO,EAAE,CAACL,QAAQ,CAAC;EAC5B,CAAC,EAAE,CAACF,MAAM,CAAC,CAAC;EAEZ,OAAO;IACLM,OAAO,EAAEL,KAAK,CAACK,OAAO;IACtBE,aAAa,EAAEP,KAAK,CAACO,aAAa;IAClCC,WAAW,EAAEX,kBAAkB,CAACG,KAAK,CAACK,OAAO,EAAEL,KAAK,CAACO,aAAa;EACpE,CAAC;AACH","ignoreList":[]}

package/lib/module/runtime/userflowCore.js

@@ -0,0 +1,10 @@
+"use strict";
+
+import { UserflowCore } from '@userflow-tech/core';
+
+/** Shared {@link UserflowCore} singleton for the RN package facade + provider. */
+const core = new UserflowCore();
+export function getUserflowCore() {
+  return core;
+}
+//# sourceMappingURL=userflowCore.js.map

package/lib/module/runtime/userflowCore.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UserflowCore","core","getUserflowCore"],"sourceRoot":"../../../src","sources":["runtime/userflowCore.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,qBAAqB;;AAElD;AACA,MAAMC,IAAI,GAAG,IAAID,YAAY,CAAC,CAAC;AAE/B,OAAO,SAASE,eAAeA,CAAA,EAAiB;EAC9C,OAAOD,IAAI;AACb","ignoreList":[]}

package/lib/module/screenTracker.js

@@ -0,0 +1,79 @@
+"use strict";
+
+/** Called when a new location is accepted (after enable + dedupe). */
+
+let enabled = false;
+let currentKey = null;
+/** Latest location seen while tracking was disabled; flushed on enable. */
+let pendingLocation = null;
+let reporter = null;
+function locationKey(location) {
+  return 'path' in location ? `path:${location.path}` : `screen:${location.screen}`;
+}
+
+/**
+ * Registers the callback invoked when the active screen/path changes.
+ * The React Native facade wires this to `UserflowCore.updateScreen`.
+ */
+export function setScreenChangeReporter(next) {
+  reporter = next;
+}
+function report(location) {
+  currentKey = locationKey(location);
+  reporter?.(location);
+}
+
+/** Activates screen-change tracking after a successful {@link Userflow.init}. */
+export function enableScreenTracking() {
+  enabled = true;
+  if (pendingLocation && locationKey(pendingLocation) !== currentKey) {
+    const location = pendingLocation;
+    pendingLocation = null;
+    report(location);
+  } else {
+    pendingLocation = null;
+  }
+}
+
+/** Deactivates screen-change tracking and clears the last known screen. */
+export function disableScreenTracking() {
+  enabled = false;
+  currentKey = null;
+  pendingLocation = null;
+}
+
+/**
+ * Records a navigation to `location` when tracking is enabled.
+ * Duplicate consecutive locations are ignored. On change, notifies the reporter
+ * so the SDK can push `UpdateClientContext` to the backend.
+ *
+ * Locations observed before {@link enableScreenTracking} are remembered and
+ * flushed when tracking is enabled (so init-after-mount still picks up the
+ * active route).
+ *
+ * - Expo Router: `{ path: "/settings/billing" }` → wire `screenPath`
+ * - React Navigation / manual: `{ screen: "BillingSettings" }` → wire `screenName`
+ */
+export function handleScreenChange(location) {
+  if (!location) return;
+  if ('path' in location) {
+    if (!location.path) return;
+  } else if (!location.screen) {
+    return;
+  }
+  if (!enabled) {
+    pendingLocation = location;
+    return;
+  }
+  if (locationKey(location) === currentKey) return;
+  pendingLocation = null;
+  report(location);
+}
+
+/** @internal Resets tracker state between tests. Does not clear the reporter. */
+export function resetScreenTrackerForTests() {
+  enabled = false;
+  currentKey = null;
+  pendingLocation = null;
+}
+//# sourceMappingURL=screenTracker.js.map

package/lib/module/screenTracker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["enabled","currentKey","pendingLocation","reporter","locationKey","location","path","screen","setScreenChangeReporter","next","report","enableScreenTracking","disableScreenTracking","handleScreenChange","resetScreenTrackerForTests"],"sourceRoot":"../../src","sources":["screenTracker.ts"],"mappings":";;AAEA;;AAGA,IAAIA,OAAO,GAAG,KAAK;AACnB,IAAIC,UAAyB,GAAG,IAAI;AACpC;AACA,IAAIC,eAA4C,GAAG,IAAI;AACvD,IAAIC,QAAqC,GAAG,IAAI;AAEhD,SAASC,WAAWA,CAACC,QAA8B,EAAU;EAC3D,OAAO,MAAM,IAAIA,QAAQ,GAAG,QAAQA,QAAQ,CAACC,IAAI,EAAE,GAAG,UAAUD,QAAQ,CAACE,MAAM,EAAE;AACnF;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASC,uBAAuBA,CAACC,IAAiC,EAAQ;EAC/EN,QAAQ,GAAGM,IAAI;AACjB;AAEA,SAASC,MAAMA,CAACL,QAA8B,EAAQ;EACpDJ,UAAU,GAAGG,WAAW,CAACC,QAAQ,CAAC;EAClCF,QAAQ,GAAGE,QAAQ,CAAC;AACtB;;AAEA;AACA,OAAO,SAASM,oBAAoBA,CAAA,EAAS;EAC3CX,OAAO,GAAG,IAAI;EACd,IAAIE,eAAe,IAAIE,WAAW,CAACF,eAAe,CAAC,KAAKD,UAAU,EAAE;IAClE,MAAMI,QAAQ,GAAGH,eAAe;IAChCA,eAAe,GAAG,IAAI;IACtBQ,MAAM,CAACL,QAAQ,CAAC;EAClB,CAAC,MAAM;IACLH,eAAe,GAAG,IAAI;EACxB;AACF;;AAEA;AACA,OAAO,SAASU,qBAAqBA,CAAA,EAAS;EAC5CZ,OAAO,GAAG,KAAK;EACfC,UAAU,GAAG,IAAI;EACjBC,eAAe,GAAG,IAAI;AACxB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASW,kBAAkBA,CAACR,QAA0C,EAAQ;EACnF,IAAI,CAACA,QAAQ,EAAE;EACf,IAAI,MAAM,IAAIA,QAAQ,EAAE;IACtB,IAAI,CAACA,QAAQ,CAACC,IAAI,EAAE;EACtB,CAAC,MAAM,IAAI,CAACD,QAAQ,CAACE,MAAM,EAAE;IAC3B;EACF;EAEA,IAAI,CAACP,OAAO,EAAE;IACZE,eAAe,GAAGG,QAAQ;IAC1B;EACF;EAEA,IAAID,WAAW,CAACC,QAAQ,CAAC,KAAKJ,UAAU,EAAE;EAC1CC,eAAe,GAAG,IAAI;EACtBQ,MAAM,CAACL,QAAQ,CAAC;AAClB;;AAEA;AACA,OAAO,SAASS,0BAA0BA,CAAA,EAAS;EACjDd,OAAO,GAAG,KAAK;EACfC,UAAU,GAAG,IAAI;EACjBC,eAAe,GAAG,IAAI;AACxB","ignoreList":[]}

package/lib/module/surfaces/CloseButton.js

@@ -0,0 +1,47 @@
+"use strict";
+
+import * as React from 'react';
+import { Pressable, StyleSheet, Text } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Web close control: 24×24 hit target, 8px from the top-trailing corner. Pass muted color from {@link resolveCloseButtonColor}. */
+export function CloseButton({
+  onPress,
+  color
+}) {
+  return /*#__PURE__*/_jsx(Pressable, {
+    testID: "userflow-modal-close",
+    accessibilityRole: "button",
+    accessibilityLabel: "Close",
+    onPress: onPress,
+    style: ({
+      pressed
+    }) => [styles.button, {
+      opacity: pressed ? 0.6 : 1
+    }],
+    hitSlop: 8,
+    children: /*#__PURE__*/_jsx(Text, {
+      style: [styles.icon, {
+        color
+      }],
+      children: "\xD7"
+    })
+  });
+}
+const styles = StyleSheet.create({
+  button: {
+    position: 'absolute',
+    top: 8,
+    right: 8,
+    zIndex: 2,
+    width: 24,
+    height: 24,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  icon: {
+    fontSize: 18,
+    fontWeight: '300',
+    lineHeight: 22
+  }
+});
+//# sourceMappingURL=CloseButton.js.map

package/lib/module/surfaces/CloseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","StyleSheet","Text","jsx","_jsx","CloseButton","onPress","color","testID","accessibilityRole","accessibilityLabel","style","pressed","styles","button","opacity","hitSlop","children","icon","create","position","top","right","zIndex","width","height","alignItems","justifyContent","fontSize","fontWeight","lineHeight"],"sourceRoot":"../../../src","sources":["surfaces/CloseButton.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAO3D;AACA,OAAO,SAASC,WAAWA,CAAC;EAAEC,OAAO;EAAEC;AAAwB,CAAC,EAAsB;EACpF,oBACEH,IAAA,CAACJ,SAAS;IACRQ,MAAM,EAAC,sBAAsB;IAC7BC,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAC,OAAO;IAC1BJ,OAAO,EAAEA,OAAQ;IACjBK,KAAK,EAAEA,CAAC;MAAEC;IAAQ,CAAC,KAAK,CAACC,MAAM,CAACC,MAAM,EAAE;MAAEC,OAAO,EAAEH,OAAO,GAAG,GAAG,GAAG;IAAE,CAAC,CAAE;IACxEI,OAAO,EAAE,CAAE;IAAAC,QAAA,eAEXb,IAAA,CAACF,IAAI;MAACS,KAAK,EAAE,CAACE,MAAM,CAACK,IAAI,EAAE;QAAEX;MAAM,CAAC,CAAE;MAAAU,QAAA,EAAC;IAAC,CAAM;EAAC,CACtC,CAAC;AAEhB;AAEA,MAAMJ,MAAM,GAAGZ,UAAU,CAACkB,MAAM,CAAC;EAC/BL,MAAM,EAAE;IACNM,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDT,IAAI,EAAE;IACJU,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/surfaces/MadeWithUserflow.js

@@ -0,0 +1,83 @@
+"use strict";
+
+import * as React from 'react';
+import { Image, Pressable, StyleSheet, Text, View } from 'react-native';
+import { openSafeUrl } from "../content/openSafeUrl.js";
+import logomark from './assets/userflow-logomark.png';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Web "Made with Userflow" attribution (FlowChrome). Shown when the company
+ * has `flowBranding` enabled; opens the Userflow homepage with UTM params.
+ *
+ * Rendered as a card footer (not absolutely pinned to the card corner) so left
+ * and bottom insets match the surface content padding.
+ */
+export function MadeWithUserflow({
+  company,
+  color,
+  contentPadding,
+  embedded = false
+}) {
+  if (!company.flowBranding) return null;
+  const href = `https://userflow.com/?utm_source=made-with-userflow&utm_medium=link&utm_campaign=made-with-userflow-` + company.slug;
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.footer, embedded ? {
+      marginTop: MADE_WITH_USERFLOW_GAP,
+      paddingBottom: contentPadding
+    } : {
+      paddingHorizontal: contentPadding,
+      paddingBottom: contentPadding
+    }],
+    pointerEvents: "box-none",
+    children: /*#__PURE__*/_jsxs(Pressable, {
+      testID: "userflow-made-with-userflow",
+      accessibilityRole: "link",
+      accessibilityLabel: "Made with Userflow",
+      onPress: () => {
+        void openSafeUrl(href);
+      },
+      style: ({
+        pressed
+      }) => [styles.link, {
+        opacity: pressed ? 0.75 : 0.5
+      }],
+      hitSlop: 4,
+      children: [/*#__PURE__*/_jsx(Image, {
+        source: logomark,
+        style: [styles.logomark, {
+          tintColor: color
+        }],
+        accessibilityIgnoresInvertColors: true
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.label, {
+          color
+        }],
+        children: "Made with Userflow"
+      })]
+    })
+  });
+}
+
+/** Gap between step content/buttons and the branding footer (web spacer height). */
+export const MADE_WITH_USERFLOW_GAP = 16;
+const styles = StyleSheet.create({
+  footer: {
+    flexShrink: 0
+  },
+  link: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    alignSelf: 'flex-start'
+  },
+  logomark: {
+    width: 14,
+    height: 14,
+    marginRight: 6
+  },
+  label: {
+    fontSize: 12,
+    fontWeight: '500',
+    lineHeight: 14
+  }
+});
+//# sourceMappingURL=MadeWithUserflow.js.map

package/lib/module/surfaces/MadeWithUserflow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","Pressable","StyleSheet","Text","View","openSafeUrl","logomark","jsx","_jsx","jsxs","_jsxs","MadeWithUserflow","company","color","contentPadding","embedded","flowBranding","href","slug","style","styles","footer","marginTop","MADE_WITH_USERFLOW_GAP","paddingBottom","paddingHorizontal","pointerEvents","children","testID","accessibilityRole","accessibilityLabel","onPress","pressed","link","opacity","hitSlop","source","tintColor","accessibilityIgnoresInvertColors","label","create","flexShrink","flexDirection","alignItems","alignSelf","width","height","marginRight","fontSize","fontWeight","lineHeight"],"sourceRoot":"../../../src","sources":["surfaces/MadeWithUserflow.tsx"],"mappings":";;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,KAAK,EAAEC,SAAS,EAAEC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAEvE,SAASC,WAAW,QAAQ,2BAAwB;AAEpD,OAAOC,QAAQ,MAAM,gCAAgC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAkBtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAAC;EAC/BC,OAAO;EACPC,KAAK;EACLC,cAAc;EACdC,QAAQ,GAAG;AACU,CAAC,EAA6B;EACnD,IAAI,CAACH,OAAO,CAACI,YAAY,EAAE,OAAO,IAAI;EAEtC,MAAMC,IAAI,GACR,sGAAsG,GACtGL,OAAO,CAACM,IAAI;EAEd,oBACEV,IAAA,CAACJ,IAAI;IACHe,KAAK,EAAE,CACLC,MAAM,CAACC,MAAM,EACbN,QAAQ,GACJ;MACEO,SAAS,EAAEC,sBAAsB;MACjCC,aAAa,EAAEV;IACjB,CAAC,GACD;MACEW,iBAAiB,EAAEX,cAAc;MACjCU,aAAa,EAAEV;IACjB,CAAC,CACL;IACFY,aAAa,EAAC,UAAU;IAAAC,QAAA,eAExBjB,KAAA,CAACT,SAAS;MACR2B,MAAM,EAAC,6BAA6B;MACpCC,iBAAiB,EAAC,MAAM;MACxBC,kBAAkB,EAAC,oBAAoB;MACvCC,OAAO,EAAEA,CAAA,KAAM;QACb,KAAK1B,WAAW,CAACY,IAAI,CAAC;MACxB,CAAE;MACFE,KAAK,EAAEA,CAAC;QAAEa;MAAQ,CAAC,KAAK,CAACZ,MAAM,CAACa,IAAI,EAAE;QAAEC,OAAO,EAAEF,OAAO,GAAG,IAAI,GAAG;MAAI,CAAC,CAAE;MACzEG,OAAO,EAAE,CAAE;MAAAR,QAAA,gBAEXnB,IAAA,CAACR,KAAK;QACJoC,MAAM,EAAE9B,QAAS;QACjBa,KAAK,EAAE,CAACC,MAAM,CAACd,QAAQ,EAAE;UAAE+B,SAAS,EAAExB;QAAM,CAAC,CAAE;QAC/CyB,gCAAgC;MAAA,CACjC,CAAC,eACF9B,IAAA,CAACL,IAAI;QAACgB,KAAK,EAAE,CAACC,MAAM,CAACmB,KAAK,EAAE;UAAE1B;QAAM,CAAC,CAAE;QAAAc,QAAA,EAAC;MAAkB,CAAM,CAAC;IAAA,CACxD;EAAC,CACR,CAAC;AAEX;;AAEA;AACA,OAAO,MAAMJ,sBAAsB,GAAG,EAAE;AAExC,MAAMH,MAAM,GAAGlB,UAAU,CAACsC,MAAM,CAAC;EAC/BnB,MAAM,EAAE;IACNoB,UAAU,EAAE;EACd,CAAC;EACDR,IAAI,EAAE;IACJS,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,SAAS,EAAE;EACb,CAAC;EACDtC,QAAQ,EAAE;IACRuC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,WAAW,EAAE;EACf,CAAC;EACDR,KAAK,EAAE;IACLS,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/surfaces/ModalSurface.js

@@ -0,0 +1,165 @@
+"use strict";
+
+import * as React from 'react';
+import { Pressable, ScrollView, StyleSheet, View, useWindowDimensions } from 'react-native';
+import { RichContentRenderer } from "../content/RichContentRenderer.js";
+import { CloseButton } from "./CloseButton.js";
+import { resolveCloseButtonColor } from "./resolveCloseButtonColor.js";
+import { MadeWithUserflow } from "./MadeWithUserflow.js";
+import { ProgressBar } from "./ProgressBar.js";
+import { ABSOLUTE_FILL } from "./absoluteFill.js";
+import { parseBackdropOpacity } from "./parseBackdropOpacity.js";
+import { resolveStepProgress } from "./progress.js";
+import { useUserflowSafeAreaInsets } from "./safeArea.js";
+import { resolveModalButtonsAlign, resolveModalCardMaxHeight, resolveModalCardMaxWidth, resolveModalCenterPadding } from "./resolveModalLayout.js";
+import { resolveBubbleChrome } from "./themeChrome.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Modal chrome: full-screen backdrop + centered themed card with TreeDoc body.
+ * Also used as a temporary fallback for BUBBLE/HIDDEN until dedicated surfaces.
+ *
+ * Touch model: backdrop is a full-screen Pressable; the centering wrapper is
+ * `box-none` so taps outside the card hit the backdrop, while the card itself
+ * uses default `auto` pointer events so children (buttons, scroll) keep working.
+ * Do not put `onStartShouldSetResponder` on the card — it steals touches from
+ * nested Pressables.
+ */
+export function ModalSurface({
+  engine,
+  session,
+  currentStep,
+  theme,
+  lookupAttribute
+}) {
+  const version = session.version;
+  const chrome = resolveBubbleChrome(theme, 'modal');
+  const progress = resolveStepProgress(version, currentStep.id);
+  const showClose = !version.closeDisabled;
+  const backdropOpacity = parseBackdropOpacity(theme.backdropOpacity);
+  const canDismissBackdrop = theme.modalBackdropOnclick === 'DISMISS' && showClose;
+  const endAsUserClosed = React.useCallback(() => {
+    void engine.endFlow('USER_CLOSED');
+  }, [engine]);
+  const insets = useUserflowSafeAreaInsets();
+  const windowDims = useWindowDimensions();
+  const centerPadding = resolveModalCenterPadding(insets);
+  const cardMaxWidth = resolveModalCardMaxWidth(theme, currentStep.width, windowDims.width);
+  const cardMaxHeight = resolveModalCardMaxHeight(windowDims.height, centerPadding);
+  const buttonsAlign = resolveModalButtonsAlign(theme, windowDims.width);
+  const progressTop = theme.progressBarEnabled && theme.progressBarPosition === 'TOP';
+  const progressBottom = theme.progressBarEnabled && theme.progressBarPosition === 'BOTTOM';
+  const showBranding = session.flow.company.flowBranding;
+  const contentPadding = chrome.contentPadding;
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.root,
+    testID: "userflow-modal-surface",
+    pointerEvents: "box-none",
+    children: [/*#__PURE__*/_jsx(Pressable, {
+      testID: "userflow-modal-backdrop",
+      accessibilityRole: canDismissBackdrop ? 'button' : 'none',
+      accessibilityLabel: canDismissBackdrop ? 'Dismiss' : undefined,
+      accessibilityElementsHidden: !canDismissBackdrop,
+      importantForAccessibility: canDismissBackdrop ? 'yes' : 'no-hide-descendants',
+      disabled: !canDismissBackdrop,
+      onPress: canDismissBackdrop ? endAsUserClosed : undefined,
+      style: [ABSOLUTE_FILL, {
+        backgroundColor: theme.backdropColor,
+        opacity: backdropOpacity
+      }]
+    }), /*#__PURE__*/_jsx(View, {
+      style: [styles.center, centerPadding],
+      pointerEvents: "box-none",
+      children: /*#__PURE__*/_jsx(View, {
+        testID: "userflow-modal-card",
+        accessibilityViewIsModal: true,
+        pointerEvents: "auto",
+        style: [chrome.cardStyle, styles.cardShadow, {
+          maxWidth: cardMaxWidth,
+          maxHeight: cardMaxHeight,
+          width: '100%',
+          borderRadius: chrome.borderRadius
+        }],
+        children: /*#__PURE__*/_jsxs(View, {
+          testID: "userflow-modal-card-fill",
+          style: [chrome.fillStyle, styles.cardFill, {
+            borderRadius: chrome.borderRadius
+          }],
+          children: [showClose ? /*#__PURE__*/_jsx(CloseButton, {
+            onPress: endAsUserClosed,
+            color: resolveCloseButtonColor(theme)
+          }) : null, progressTop ? /*#__PURE__*/_jsx(ProgressBar, {
+            enabled: true,
+            fraction: progress.fraction,
+            position: "TOP",
+            theme: theme,
+            totalSteps: progress.total,
+            contentPadding: contentPadding
+          }) : null, /*#__PURE__*/_jsxs(ScrollView, {
+            testID: "userflow-flow-scroll",
+            style: styles.scroll,
+            contentContainerStyle: [styles.scrollContent, {
+              paddingHorizontal: contentPadding,
+              paddingTop: contentPadding,
+              paddingBottom: showBranding ? 0 : contentPadding
+            }],
+            keyboardShouldPersistTaps: "handled",
+            nestedScrollEnabled: true,
+            bounces: false,
+            showsVerticalScrollIndicator: true,
+            children: [/*#__PURE__*/_jsx(RichContentRenderer, {
+              content: currentStep.content,
+              buttons: currentStep.buttons,
+              theme: theme,
+              sessionData: session.data,
+              lookupAttribute: lookupAttribute,
+              defaultButtonsAlign: buttonsAlign,
+              onActions: actions => {
+                void engine.handleActions(actions);
+              }
+            }), /*#__PURE__*/_jsx(MadeWithUserflow, {
+              company: session.flow.company,
+              color: theme.fontColor,
+              contentPadding: contentPadding,
+              embedded: true
+            })]
+          }), progressBottom ? /*#__PURE__*/_jsx(ProgressBar, {
+            enabled: true,
+            fraction: progress.fraction,
+            position: "BOTTOM",
+            theme: theme,
+            totalSteps: progress.total,
+            contentPadding: contentPadding
+          }) : null]
+        })
+      })
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  root: {
+    ...ABSOLUTE_FILL
+  },
+  center: {
+    ...ABSOLUTE_FILL,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  cardFill: {
+    flexShrink: 1,
+    minHeight: 0,
+    width: '100%',
+    position: 'relative'
+  },
+  cardShadow: {
+    flexShrink: 1
+  },
+  scroll: {
+    flexGrow: 0,
+    flexShrink: 1,
+    minHeight: 0
+  },
+  scrollContent: {
+    flexGrow: 1
+  }
+});
+//# sourceMappingURL=ModalSurface.js.map

package/lib/module/surfaces/ModalSurface.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","ScrollView","StyleSheet","View","useWindowDimensions","RichContentRenderer","CloseButton","resolveCloseButtonColor","MadeWithUserflow","ProgressBar","ABSOLUTE_FILL","parseBackdropOpacity","resolveStepProgress","useUserflowSafeAreaInsets","resolveModalButtonsAlign","resolveModalCardMaxHeight","resolveModalCardMaxWidth","resolveModalCenterPadding","resolveBubbleChrome","jsx","_jsx","jsxs","_jsxs","ModalSurface","engine","session","currentStep","theme","lookupAttribute","version","chrome","progress","id","showClose","closeDisabled","backdropOpacity","canDismissBackdrop","modalBackdropOnclick","endAsUserClosed","useCallback","endFlow","insets","windowDims","centerPadding","cardMaxWidth","width","cardMaxHeight","height","buttonsAlign","progressTop","progressBarEnabled","progressBarPosition","progressBottom","showBranding","flow","company","flowBranding","contentPadding","style","styles","root","testID","pointerEvents","children","accessibilityRole","accessibilityLabel","undefined","accessibilityElementsHidden","importantForAccessibility","disabled","onPress","backgroundColor","backdropColor","opacity","center","accessibilityViewIsModal","cardStyle","cardShadow","maxWidth","maxHeight","borderRadius","fillStyle","cardFill","color","enabled","fraction","position","totalSteps","total","scroll","contentContainerStyle","scrollContent","paddingHorizontal","paddingTop","paddingBottom","keyboardShouldPersistTaps","nestedScrollEnabled","bounces","showsVerticalScrollIndicator","content","buttons","sessionData","data","defaultButtonsAlign","onActions","actions","handleActions","fontColor","embedded","create","justifyContent","alignItems","flexShrink","minHeight","flexGrow"],"sourceRoot":"../../../src","sources":["surfaces/ModalSurface.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/surfaces/ProgressBar.js

@@ -0,0 +1,111 @@
+"use strict";
+
+import * as React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { foregroundAlpha } from "../content/themeColor.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const PROGRESS_BAR_NUMBERED = 'NUMBERED';
+function progressBarType(theme) {
+  return String(theme.progressBarType ?? 'DEFAULT').toUpperCase();
+}
+function numberedStepLabel(fraction, totalSteps) {
+  const maxSteps = Math.max(0, totalSteps);
+  if (maxSteps === 0) return '';
+  const selected = Math.min(Math.floor(fraction * maxSteps), maxSteps);
+  return `${selected} of ${maxSteps}`;
+}
+
+/**
+ * Web bubble progress (`BubbleProgress` / bubble-frame.styl).
+ * DEFAULT: 2px track flush to the card edge. NUMBERED: "1 of 3" step label.
+ */
+export function ProgressBar({
+  enabled,
+  fraction,
+  position,
+  theme,
+  totalSteps = 0,
+  contentPadding = 0
+}) {
+  if (!enabled) return null;
+  const clamped = Math.min(1, Math.max(0, fraction));
+  const type = progressBarType(theme);
+  const testId = `userflow-progress-${position === 'TOP' ? 'top' : 'bottom'}`;
+  if (type === PROGRESS_BAR_NUMBERED) {
+    const label = numberedStepLabel(clamped, totalSteps);
+    if (!label) return null;
+    return /*#__PURE__*/_jsx(View, {
+      testID: testId,
+      style: [styles.numberedTrack, position === 'TOP' ? styles.top : styles.bottomNumbered, contentPadding > 0 ? {
+        paddingHorizontal: contentPadding,
+        alignItems: 'flex-start'
+      } : styles.numberedCentered],
+      accessibilityRole: "text",
+      accessibilityLabel: label,
+      pointerEvents: "none",
+      children: /*#__PURE__*/_jsx(Text, {
+        testID: "userflow-progress-numbered",
+        style: [styles.numberedLabel, {
+          color: foregroundAlpha(theme.fontColor, 0.55),
+          fontFamily: theme.fontFamily || undefined,
+          fontSize: Math.max(12, Math.round(theme.fontSize * 0.875))
+        }],
+        children: label
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx(View, {
+    testID: testId,
+    style: [styles.track, position === 'TOP' ? styles.top : styles.bottom],
+    accessibilityRole: "progressbar",
+    accessibilityValue: {
+      min: 0,
+      max: 100,
+      now: Math.round(clamped * 100)
+    },
+    pointerEvents: "none",
+    children: /*#__PURE__*/_jsx(View, {
+      testID: "userflow-progress-fill",
+      style: [styles.fill, {
+        width: `${clamped * 100}%`,
+        backgroundColor: theme.defaultButtonBackgroundColor
+      }]
+    })
+  });
+}
+const styles = StyleSheet.create({
+  track: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    height: 2,
+    backgroundColor: 'rgba(0,0,0,0.08)',
+    overflow: 'hidden',
+    zIndex: 1
+  },
+  numberedTrack: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    zIndex: 1
+  },
+  numberedCentered: {
+    alignItems: 'center'
+  },
+  top: {
+    top: 0
+  },
+  bottom: {
+    bottom: 0
+  },
+  bottomNumbered: {
+    bottom: 8
+  },
+  fill: {
+    height: '100%'
+  },
+  numberedLabel: {
+    fontWeight: '600'
+  }
+});
+//# sourceMappingURL=ProgressBar.js.map

package/lib/module/surfaces/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","View","foregroundAlpha","jsx","_jsx","PROGRESS_BAR_NUMBERED","progressBarType","theme","String","toUpperCase","numberedStepLabel","fraction","totalSteps","maxSteps","Math","max","selected","min","floor","ProgressBar","enabled","position","contentPadding","clamped","type","testId","label","testID","style","styles","numberedTrack","top","bottomNumbered","paddingHorizontal","alignItems","numberedCentered","accessibilityRole","accessibilityLabel","pointerEvents","children","numberedLabel","color","fontColor","fontFamily","undefined","fontSize","round","track","bottom","accessibilityValue","now","fill","width","backgroundColor","defaultButtonBackgroundColor","create","left","right","height","overflow","zIndex","fontWeight"],"sourceRoot":"../../../src","sources":["surfaces/ProgressBar.tsx"],"mappings":"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","ignoreList":[]}