@userflow-tech/react-native 0.1.1 → 0.3.0

package/lib/commonjs/surfaces/bannerWebView/richContentDocToHtml.js

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.richContentDocToHtml = richContentDocToHtml;
+var _core = require("@userflow-tech/core");
+var _deserialize = require("../../content/deserialize.js");
+function escapeHtml(text) {
+  return text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
+}
+function inlineNodesToHtml(nodes, lookupAttribute) {
+  let html = '';
+  for (const node of nodes) {
+    if ((0, _deserialize.isText)(node)) {
+      let text = node.text;
+      if (node.silent) {
+        continue;
+      }
+      text = (0, _core.interpolateVariables)(text, lookupAttribute);
+      let chunk = escapeHtml(text);
+      if (node.bold) {
+        chunk = `<strong>${chunk}</strong>`;
+      }
+      if (node.italic) {
+        chunk = `<em>${chunk}</em>`;
+      }
+      if (node.underline) {
+        chunk = `<u>${chunk}</u>`;
+      }
+      if (node.code) {
+        chunk = `<code>${chunk}</code>`;
+      }
+      html += chunk;
+      continue;
+    }
+    if (node.type === 'link') {
+      const href = escapeHtml((0, _deserialize.stringifyPlaintextDoc)(node.href, {
+        lookupAttribute
+      }));
+      const inner = inlineNodesToHtml(node.children, lookupAttribute);
+      const target = node.target === 'new' ? ' target="_blank" rel="noopener noreferrer"' : '';
+      html += `<a href="${href}"${target}>${inner}</a>`;
+      continue;
+    }
+    if (node.type === 'attribute') {
+      const value = lookupAttribute(node.attributeName ?? '') ?? node.fallback ?? '';
+      html += escapeHtml(value);
+    }
+  }
+  return html;
+}
+function blockToHtml(node, lookupAttribute) {
+  switch (node.type) {
+    case 'paragraph':
+      return `<p>${inlineNodesToHtml(node.children, lookupAttribute)}</p>`;
+    case 'heading1':
+      return `<h1>${inlineNodesToHtml(node.children, lookupAttribute)}</h1>`;
+    case 'heading2':
+      return `<h2>${inlineNodesToHtml(node.children, lookupAttribute)}</h2>`;
+    case 'quote':
+      return `<blockquote>${inlineNodesToHtml(node.children, lookupAttribute)}</blockquote>`;
+    case 'unordered-list':
+      return `<ul>${node.children.map(item => `<li>${inlineNodesToHtml(item.children, lookupAttribute)}</li>`).join('')}</ul>`;
+    case 'ordered-list':
+      return `<ol>${node.children.map(item => `<li>${inlineNodesToHtml(item.children, lookupAttribute)}</li>`).join('')}</ol>`;
+    case 'code-block':
+      return `<pre><code>${inlineNodesToHtml(node.children, lookupAttribute)}</code></pre>`;
+    case 'container':
+      {
+        const extra = node.className ? ` ${escapeHtml(node.className)}` : '';
+        const inner = node.children.map(child => blockToHtml(child, lookupAttribute)).join('');
+        return `<div class="p-like${extra}">${inner}</div>`;
+      }
+    default:
+      return '';
+  }
+}
+function richContentDocToHtml(content, lookupAttribute) {
+  const doc = typeof content === 'string' || content == null ? (0, _deserialize.deserializeRichContentDoc)(content) : content;
+  return doc.children.map(block => blockToHtml(block, lookupAttribute)).join('');
+}
+//# sourceMappingURL=richContentDocToHtml.js.map

package/lib/commonjs/surfaces/bannerWebView/richContentDocToHtml.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_core","require","_deserialize","escapeHtml","text","replace","inlineNodesToHtml","nodes","lookupAttribute","html","node","isText","silent","interpolateVariables","chunk","bold","italic","underline","code","type","href","stringifyPlaintextDoc","inner","children","target","value","attributeName","fallback","blockToHtml","map","item","join","extra","className","child","richContentDocToHtml","content","doc","deserializeRichContentDoc","block"],"sourceRoot":"../../../../src","sources":["surfaces/bannerWebView/richContentDocToHtml.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/surfaces/cardTransition.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CardTransitionProvider = exports.CARD_EXIT_MS = exports.CARD_ENTER_MS = void 0;
+exports.useCardOpacity = useCardOpacity;
+exports.useCardTransitionPhase = useCardTransitionPhase;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/** Outgoing card leaves fast; the incoming one gets web's `opacity 250ms` feel. */
+const CARD_EXIT_MS = exports.CARD_EXIT_MS = 120;
+const CARD_ENTER_MS = exports.CARD_ENTER_MS = 200;
+const CardTransitionContext = /*#__PURE__*/React.createContext(null);
+const CardTransitionProvider = exports.CardTransitionProvider = CardTransitionContext.Provider;
+
+/**
+ * Phase of the surrounding step transition, or `null` outside one.
+ *
+ * Surfaces use this to hold side effects while they fade out: an exiting card is
+ * still mounted for `CARD_EXIT_MS`, and anything it measures or arms in that
+ * window belongs to a step the user has already left.
+ */
+function useCardTransitionPhase() {
+  return React.useContext(CardTransitionContext);
+}
+
+/**
+ * Fade for a surface's card chrome, so step swaps move the card alone and leave
+ * the backdrop and cutout steady (same as web, where `FlowChrome` animates the
+ * bubble alone).
+ *
+ * Each card owns its value and starts the fade from its own mount rather than
+ * sharing one animation across the swap. Cards can appear well after the step
+ * changes — `TooltipSurface` renders nothing until its anchor measures — and a
+ * shared animation would already have finished by then, leaving the card at the
+ * stale JS value of 0 forever, since native-driven animations never write back
+ * to JS.
+ *
+ * Returns `null` outside a flow transition (unit tests), leaving opacity alone.
+ */
+function useCardOpacity() {
+  const phase = React.useContext(CardTransitionContext);
+  const opacityRef = React.useRef(null);
+  if (phase != null && opacityRef.current == null) {
+    opacityRef.current = new _reactNative.Animated.Value(phase === 'exiting' ? 1 : 0);
+  }
+  const opacity = opacityRef.current;
+  React.useLayoutEffect(() => {
+    if (phase == null || opacity == null) {
+      return;
+    }
+    const exiting = phase === 'exiting';
+    // Pin the start point: a native-driven ramp is computed from the JS value,
+    // which the previous native animation left behind.
+    opacity.setValue(exiting ? 1 : 0);
+    const animation = _reactNative.Animated.timing(opacity, {
+      toValue: exiting ? 0 : 1,
+      duration: exiting ? CARD_EXIT_MS : CARD_ENTER_MS,
+      useNativeDriver: true
+    });
+    animation.start();
+    return () => {
+      animation.stop();
+    };
+  }, [opacity, phase]);
+  return opacity;
+}
+//# sourceMappingURL=cardTransition.js.map

package/lib/commonjs/surfaces/cardTransition.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CARD_EXIT_MS","exports","CARD_ENTER_MS","CardTransitionContext","createContext","CardTransitionProvider","Provider","useCardTransitionPhase","useContext","useCardOpacity","phase","opacityRef","useRef","current","Animated","Value","opacity","useLayoutEffect","exiting","setValue","animation","timing","toValue","duration","useNativeDriver","start","stop"],"sourceRoot":"../../../src","sources":["surfaces/cardTransition.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/surfaces/resolveBannerTheme.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DEFAULT_BANNER_FOREGROUND_COLOR = exports.DEFAULT_BANNER_BACKGROUND_COLOR = void 0;
+exports.resolveBannerBackgroundColor = resolveBannerBackgroundColor;
+exports.resolveBannerForegroundColor = resolveBannerForegroundColor;
+/** Default banner chrome when theme banner tokens are unset (matches product / web debugger palette). */
+const DEFAULT_BANNER_BACKGROUND_COLOR = exports.DEFAULT_BANNER_BACKGROUND_COLOR = '#0A1A24';
+const DEFAULT_BANNER_FOREGROUND_COLOR = exports.DEFAULT_BANNER_FOREGROUND_COLOR = '#FFFFFF';
+function readThemeColor(theme, key) {
+  const value = theme[key];
+  return typeof value === 'string' && value.trim().length > 0 ? value.trim() : undefined;
+}
+function resolveBannerBackgroundColor(theme) {
+  return readThemeColor(theme, 'bannerBackgroundColor') ?? DEFAULT_BANNER_BACKGROUND_COLOR;
+}
+function resolveBannerForegroundColor(theme) {
+  return readThemeColor(theme, 'bannerForegroundColor') ?? DEFAULT_BANNER_FOREGROUND_COLOR;
+}
+//# sourceMappingURL=resolveBannerTheme.js.map

package/lib/commonjs/surfaces/resolveBannerTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_BANNER_BACKGROUND_COLOR","exports","DEFAULT_BANNER_FOREGROUND_COLOR","readThemeColor","theme","key","value","trim","length","undefined","resolveBannerBackgroundColor","resolveBannerForegroundColor"],"sourceRoot":"../../../src","sources":["surfaces/resolveBannerTheme.ts"],"mappings":";;;;;;;;AAEA;AACO,MAAMA,+BAA+B,GAAAC,OAAA,CAAAD,+BAAA,GAAG,SAAS;AACjD,MAAME,+BAA+B,GAAAD,OAAA,CAAAC,+BAAA,GAAG,SAAS;AAExD,SAASC,cAAcA,CAACC,KAAoB,EAAEC,GAAW,EAAsB;EAC7E,MAAMC,KAAK,GAAGF,KAAK,CAACC,GAAG,CAAC;EACxB,OAAO,OAAOC,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACC,IAAI,CAAC,CAAC,CAACC,MAAM,GAAG,CAAC,GAAGF,KAAK,CAACC,IAAI,CAAC,CAAC,GAAGE,SAAS;AACxF;AAEO,SAASC,4BAA4BA,CAACN,KAAoB,EAAU;EACzE,OAAOD,cAAc,CAACC,KAAK,EAAE,uBAAuB,CAAC,IAAIJ,+BAA+B;AAC1F;AAEO,SAASW,4BAA4BA,CAACP,KAAoB,EAAU;EACzE,OAAOD,cAAc,CAACC,KAAK,EAAE,uBAAuB,CAAC,IAAIF,+BAA+B;AAC1F","ignoreList":[]}

package/lib/commonjs/surfaces/resolveHighlightChrome.js

@@ -0,0 +1,109 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HIGHLIGHT_STROKE_WIDTH = exports.HIGHLIGHT_SPREAD_DEFAULT = exports.HIGHLIGHT_RADIUS_DEFAULT = exports.HIGHLIGHT_HALO_ALPHA_MAX = exports.HIGHLIGHT_CORNER_RADIUS = void 0;
+exports.isHighlightVisible = isHighlightVisible;
+exports.outsideHighlightOutset = outsideHighlightOutset;
+exports.resolveHighlightChrome = resolveHighlightChrome;
+var _themeColor = require("../content/themeColor.js");
+/**
+ * Mobile highlight corner radius when the target's own radius is unknown.
+ * Web copies `getComputedStyle(target).borderRadius`; RN measure cannot.
+ * 8 matches typical controls and the mobile tooltip mockup.
+ */
+const HIGHLIGHT_CORNER_RADIUS = exports.HIGHLIGHT_CORNER_RADIUS = 8;
+
+/** Crisp focus-ring stroke — the mockup's inner blue line. */
+const HIGHLIGHT_STROKE_WIDTH = exports.HIGHLIGHT_STROKE_WIDTH = 2;
+
+/** Web theme default (`themes.backdrop_highlight_radius`) — halo thickness. */
+const HIGHLIGHT_RADIUS_DEFAULT = exports.HIGHLIGHT_RADIUS_DEFAULT = 4;
+
+/** Web theme default (`themes.backdrop_highlight_spread`) — placement gap only. */
+const HIGHLIGHT_SPREAD_DEFAULT = exports.HIGHLIGHT_SPREAD_DEFAULT = 0;
+
+/** Cap the painted halo so it stays a wash, not a second solid stroke. */
+const HIGHLIGHT_HALO_ALPHA_MAX = exports.HIGHLIGHT_HALO_ALPHA_MAX = 0.32;
+function readNumber(theme, key, fallback) {
+  const value = theme[key];
+  if (typeof value === 'number' && Number.isFinite(value)) return value;
+  if (typeof value === 'string') {
+    const parsed = parseFloat(value);
+    if (Number.isFinite(parsed)) return parsed;
+  }
+  return fallback;
+}
+function readString(theme, key, fallback) {
+  const value = theme[key];
+  return typeof value === 'string' && value.length > 0 ? value : fallback;
+}
+function firstString(theme, keys, fallback) {
+  for (const key of keys) {
+    const value = theme[key];
+    if (typeof value === 'string' && value.length > 0) return value;
+  }
+  return fallback;
+}
+function readHighlightType(theme) {
+  const raw = theme.backdropHighlightType;
+  if (typeof raw !== 'string') return 'OUTSIDE';
+  return raw.toUpperCase() === 'INSIDE' ? 'INSIDE' : 'OUTSIDE';
+}
+function resolveHighlightColor(theme) {
+  const brand = firstString(theme, ['widgetBackgroundColor', 'brandBackgroundColor', 'defaultButtonBackgroundColor'], '#1a57e6');
+  const explicit = readString(theme, 'backdropHighlightColor', '');
+  if (explicit && !(0, _themeColor.isNearWhite)(explicit)) return explicit;
+  return brand;
+}
+
+/**
+ * Web tooltip-backdrop highlight as a mobile focus ring: thin brand stroke +
+ * a single soft halo. Web's default white highlight is treated as unset so it
+ * does not paint a thick white frame on the dimmed cutout.
+ */
+function resolveHighlightChrome(theme, backdropPadding = 0) {
+  const color = resolveHighlightColor(theme);
+  const opacity = parseHighlightOpacity(theme.backdropHighlightOpacity);
+  const radius = Math.max(0, readNumber(theme, 'backdropHighlightRadius', HIGHLIGHT_RADIUS_DEFAULT));
+  const spread = Math.max(0, readNumber(theme, 'backdropHighlightSpread', HIGHLIGHT_SPREAD_DEFAULT));
+  const pad = Math.max(0, backdropPadding);
+  const haloAlpha = Math.min(HIGHLIGHT_HALO_ALPHA_MAX, opacity);
+  return {
+    color,
+    glowColor: (0, _themeColor.foregroundAlpha)(color, haloAlpha),
+    opacity,
+    radius,
+    spread,
+    strokeWidth: HIGHLIGHT_STROKE_WIDTH,
+    type: readHighlightType(theme),
+    borderRadius: HIGHLIGHT_CORNER_RADIUS + pad
+  };
+}
+function isHighlightVisible(chrome) {
+  return chrome.strokeWidth > 0 || chrome.radius > 0;
+}
+
+/**
+ * Extra pixels an OUTSIDE ring extends past the hole: theme spread plus the
+ * painted stroke and halo. Used so the tooltip notch aims at the outer edge
+ * of the focus ring, not the cutout.
+ */
+function outsideHighlightOutset(chrome) {
+  if (chrome.type !== 'OUTSIDE' || !isHighlightVisible(chrome)) return 0;
+  return chrome.spread + chrome.strokeWidth + chrome.radius;
+}
+
+/** Web default highlight opacity is 0.5 (`themes.backdrop_highlight_opacity`). */
+function parseHighlightOpacity(value) {
+  if (typeof value === 'number' && Number.isFinite(value)) {
+    return Math.min(1, Math.max(0, value));
+  }
+  if (typeof value === 'string') {
+    const parsed = Number.parseFloat(value);
+    if (Number.isFinite(parsed)) return Math.min(1, Math.max(0, parsed));
+  }
+  return 0.5;
+}
+//# sourceMappingURL=resolveHighlightChrome.js.map

package/lib/commonjs/surfaces/resolveHighlightChrome.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_themeColor","require","HIGHLIGHT_CORNER_RADIUS","exports","HIGHLIGHT_STROKE_WIDTH","HIGHLIGHT_RADIUS_DEFAULT","HIGHLIGHT_SPREAD_DEFAULT","HIGHLIGHT_HALO_ALPHA_MAX","readNumber","theme","key","fallback","value","Number","isFinite","parsed","parseFloat","readString","length","firstString","keys","readHighlightType","raw","backdropHighlightType","toUpperCase","resolveHighlightColor","brand","explicit","isNearWhite","resolveHighlightChrome","backdropPadding","color","opacity","parseHighlightOpacity","backdropHighlightOpacity","radius","Math","max","spread","pad","haloAlpha","min","glowColor","foregroundAlpha","strokeWidth","type","borderRadius","isHighlightVisible","chrome","outsideHighlightOutset"],"sourceRoot":"../../../src","sources":["surfaces/resolveHighlightChrome.ts"],"mappings":";;;;;;;;;AAEA,IAAAA,WAAA,GAAAC,OAAA;AAIA;AACA;AACA;AACA;AACA;AACO,MAAMC,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,CAAC;;AAExC;AACO,MAAME,sBAAsB,GAAAD,OAAA,CAAAC,sBAAA,GAAG,CAAC;;AAEvC;AACO,MAAMC,wBAAwB,GAAAF,OAAA,CAAAE,wBAAA,GAAG,CAAC;;AAEzC;AACO,MAAMC,wBAAwB,GAAAH,OAAA,CAAAG,wBAAA,GAAG,CAAC;;AAEzC;AACO,MAAMC,wBAAwB,GAAAJ,OAAA,CAAAI,wBAAA,GAAG,IAAI;AAiB5C,SAASC,UAAUA,CAACC,KAAoB,EAAEC,GAAW,EAAEC,QAAgB,EAAU;EAC/E,MAAMC,KAAK,GAAGH,KAAK,CAACC,GAAG,CAAC;EACxB,IAAI,OAAOE,KAAK,KAAK,QAAQ,IAAIC,MAAM,CAACC,QAAQ,CAACF,KAAK,CAAC,EAAE,OAAOA,KAAK;EACrE,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC7B,MAAMG,MAAM,GAAGC,UAAU,CAACJ,KAAK,CAAC;IAChC,IAAIC,MAAM,CAACC,QAAQ,CAACC,MAAM,CAAC,EAAE,OAAOA,MAAM;EAC5C;EACA,OAAOJ,QAAQ;AACjB;AAEA,SAASM,UAAUA,CAACR,KAAoB,EAAEC,GAAW,EAAEC,QAAgB,EAAU;EAC/E,MAAMC,KAAK,GAAGH,KAAK,CAACC,GAAG,CAAC;EACxB,OAAO,OAAOE,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACM,MAAM,GAAG,CAAC,GAAGN,KAAK,GAAGD,QAAQ;AACzE;AAEA,SAASQ,WAAWA,CAACV,KAAoB,EAAEW,IAAc,EAAET,QAAgB,EAAU;EACnF,KAAK,MAAMD,GAAG,IAAIU,IAAI,EAAE;IACtB,MAAMR,KAAK,GAAGH,KAAK,CAACC,GAAG,CAAC;IACxB,IAAI,OAAOE,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACM,MAAM,GAAG,CAAC,EAAE,OAAON,KAAK;EACjE;EACA,OAAOD,QAAQ;AACjB;AAEA,SAASU,iBAAiBA,CAACZ,KAAoB,EAAiB;EAC9D,MAAMa,GAAG,GAAGb,KAAK,CAACc,qBAAqB;EACvC,IAAI,OAAOD,GAAG,KAAK,QAAQ,EAAE,OAAO,SAAS;EAC7C,OAAOA,GAAG,CAACE,WAAW,CAAC,CAAC,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS;AAC9D;AAEA,SAASC,qBAAqBA,CAAChB,KAAoB,EAAU;EAC3D,MAAMiB,KAAK,GAAGP,WAAW,CACvBV,KAAK,EACL,CAAC,uBAAuB,EAAE,sBAAsB,EAAE,8BAA8B,CAAC,EACjF,SACF,CAAC;EACD,MAAMkB,QAAQ,GAAGV,UAAU,CAACR,KAAK,EAAE,wBAAwB,EAAE,EAAE,CAAC;EAChE,IAAIkB,QAAQ,IAAI,CAAC,IAAAC,uBAAW,EAACD,QAAQ,CAAC,EAAE,OAAOA,QAAQ;EACvD,OAAOD,KAAK;AACd;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASG,sBAAsBA,CACpCpB,KAAoB,EACpBqB,eAAuB,GAAG,CAAC,EACV;EACjB,MAAMC,KAAK,GAAGN,qBAAqB,CAAChB,KAAK,CAAC;EAC1C,MAAMuB,OAAO,GAAGC,qBAAqB,CAACxB,KAAK,CAACyB,wBAAwB,CAAC;EACrE,MAAMC,MAAM,GAAGC,IAAI,CAACC,GAAG,CACrB,CAAC,EACD7B,UAAU,CAACC,KAAK,EAAE,yBAAyB,EAAEJ,wBAAwB,CACvE,CAAC;EACD,MAAMiC,MAAM,GAAGF,IAAI,CAACC,GAAG,CACrB,CAAC,EACD7B,UAAU,CAACC,KAAK,EAAE,yBAAyB,EAAEH,wBAAwB,CACvE,CAAC;EACD,MAAMiC,GAAG,GAAGH,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEP,eAAe,CAAC;EACxC,MAAMU,SAAS,GAAGJ,IAAI,CAACK,GAAG,CAAClC,wBAAwB,EAAEyB,OAAO,CAAC;EAE7D,OAAO;IACLD,KAAK;IACLW,SAAS,EAAE,IAAAC,2BAAe,EAACZ,KAAK,EAAES,SAAS,CAAC;IAC5CR,OAAO;IACPG,MAAM;IACNG,MAAM;IACNM,WAAW,EAAExC,sBAAsB;IACnCyC,IAAI,EAAExB,iBAAiB,CAACZ,KAAK,CAAC;IAC9BqC,YAAY,EAAE5C,uBAAuB,GAAGqC;EAC1C,CAAC;AACH;AAEO,SAASQ,kBAAkBA,CAACC,MAAuB,EAAW;EACnE,OAAOA,MAAM,CAACJ,WAAW,GAAG,CAAC,IAAII,MAAM,CAACb,MAAM,GAAG,CAAC;AACpD;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASc,sBAAsBA,CAACD,MAAuB,EAAU;EACtE,IAAIA,MAAM,CAACH,IAAI,KAAK,SAAS,IAAI,CAACE,kBAAkB,CAACC,MAAM,CAAC,EAAE,OAAO,CAAC;EACtE,OAAOA,MAAM,CAACV,MAAM,GAAGU,MAAM,CAACJ,WAAW,GAAGI,MAAM,CAACb,MAAM;AAC3D;;AAEA;AACA,SAASF,qBAAqBA,CAACrB,KAAc,EAAU;EACrD,IAAI,OAAOA,KAAK,KAAK,QAAQ,IAAIC,MAAM,CAACC,QAAQ,CAACF,KAAK,CAAC,EAAE;IACvD,OAAOwB,IAAI,CAACK,GAAG,CAAC,CAAC,EAAEL,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEzB,KAAK,CAAC,CAAC;EACxC;EACA,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC7B,MAAMG,MAAM,GAAGF,MAAM,CAACG,UAAU,CAACJ,KAAK,CAAC;IACvC,IAAIC,MAAM,CAACC,QAAQ,CAACC,MAAM,CAAC,EAAE,OAAOqB,IAAI,CAACK,GAAG,CAAC,CAAC,EAAEL,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEtB,MAAM,CAAC,CAAC;EACtE;EACA,OAAO,GAAG;AACZ","ignoreList":[]}

package/lib/commonjs/surfaces/resolveModalLayout.js

@@ -37,10 +37,14 @@ function resolveModalCardMaxWidth(theme, stepWidth, windowWidth) {
   const maxInViewport = Math.max(0, windowWidth - 2 * MODAL_VIEWPORT_PADDING);
   return Math.min(desiredWidth, maxInViewport);
 }
-function resolveModalCenterPadding(insets) {
+function resolveModalCenterPadding(insets, previewBannerHeight = 0, previewBottomInset = 0) {
+  const baseTop = Math.max(MODAL_VIEWPORT_PADDING, insets.top + 8);
+  const bannerTop = previewBannerHeight > 0 ? previewBannerHeight + MODAL_VIEWPORT_PADDING : 0;
+  const baseBottom = Math.max(MODAL_VIEWPORT_PADDING, insets.bottom + 8);
+  const bannerBottom = previewBottomInset > 0 ? previewBottomInset + MODAL_VIEWPORT_PADDING : 0;
   return {
-    paddingTop: Math.max(MODAL_VIEWPORT_PADDING, insets.top + 8),
-    paddingBottom: Math.max(MODAL_VIEWPORT_PADDING, insets.bottom + 8),
+    paddingTop: Math.max(baseTop, bannerTop),
+    paddingBottom: Math.max(baseBottom, bannerBottom),
     paddingLeft: Math.max(MODAL_VIEWPORT_PADDING, insets.left + 8),
     paddingRight: Math.max(MODAL_VIEWPORT_PADDING, insets.right + 8)
   };

package/lib/commonjs/surfaces/resolveModalLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["MODAL_VIEWPORT_PADDING","exports","MODAL_COMPACT_LAYOUT_MAX_WIDTH","readNumber","theme","key","fallback","value","Number","isFinite","parsed","parseFloat","readString","length","resolveModalCardMaxWidth","stepWidth","windowWidth","themeModalWidth","desiredWidth","maxInViewport","Math","max","min","resolveModalCenterPadding","insets","paddingTop","top","paddingBottom","bottom","paddingLeft","left","paddingRight","right","resolveModalCardMaxHeight","windowHeight","centerPadding","resolveModalButtonsAlign","align"],"sourceRoot":"../../../src","sources":["surfaces/resolveModalLayout.ts"],"mappings":";;;;;;;;;;AAIA;AACO,MAAMA,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,EAAE;;AAExC;AACO,MAAME,8BAA8B,GAAAD,OAAA,CAAAC,8BAAA,GAAG,GAAG;AAIjD,SAASC,UAAUA,CAACC,KAAoB,EAAEC,GAAW,EAAEC,QAAgB,EAAU;EAC/E,MAAMC,KAAK,GAAGH,KAAK,CAACC,GAAG,CAAC;EACxB,IAAI,OAAOE,KAAK,KAAK,QAAQ,IAAIC,MAAM,CAACC,QAAQ,CAACF,KAAK,CAAC,EAAE,OAAOA,KAAK;EACrE,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC7B,MAAMG,MAAM,GAAGC,UAAU,CAACJ,KAAK,CAAC;IAChC,IAAIC,MAAM,CAACC,QAAQ,CAACC,MAAM,CAAC,EAAE,OAAOA,MAAM;EAC5C;EACA,OAAOJ,QAAQ;AACjB;AAEA,SAASM,UAAUA,CAACR,KAAoB,EAAEC,GAAW,EAAEC,QAAgB,EAAU;EAC/E,MAAMC,KAAK,GAAGH,KAAK,CAACC,GAAG,CAAC;EACxB,OAAO,OAAOE,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACM,MAAM,GAAG,CAAC,GAAGN,KAAK,GAAGD,QAAQ;AACzE;;AAEA;AACA;AACA;AACA;AACO,SAASQ,wBAAwBA,CACtCV,KAAoB,EACpBW,SAAoC,EACpCC,WAAmB,EACX;EACR,MAAMC,eAAe,GAAGd,UAAU,CAACC,KAAK,EAAE,YAAY,EAAE,GAAG,CAAC;EAC5D,MAAMc,YAAY,GAAGH,SAAS,IAAIE,eAAe;EACjD,MAAME,aAAa,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEL,WAAW,GAAG,CAAC,GAAGhB,sBAAsB,CAAC;EAC3E,OAAOoB,IAAI,CAACE,GAAG,CAACJ,YAAY,EAAEC,aAAa,CAAC;AAC9C;AAEO,SAASI,yBAAyBA,CAACC,MAKzC,EAKC;EACA,OAAO;IACLC,UAAU,EAAEL,IAAI,CAACC,GAAG,CAACrB,sBAAsB,EAAEwB,MAAM,CAACE,GAAG,GAAG,CAAC,CAAC;IAC5DC,aAAa,EAAEP,IAAI,CAACC,GAAG,CAACrB,sBAAsB,EAAEwB,MAAM,CAACI,MAAM,GAAG,CAAC,CAAC;IAClEC,WAAW,EAAET,IAAI,CAACC,GAAG,CAACrB,sBAAsB,EAAEwB,MAAM,CAACM,IAAI,GAAG,CAAC,CAAC;IAC9DC,YAAY,EAAEX,IAAI,CAACC,GAAG,CAACrB,sBAAsB,EAAEwB,MAAM,CAACQ,KAAK,GAAG,CAAC;EACjE,CAAC;AACH;;AAEA;AACA;AACA;AACO,SAASC,yBAAyBA,CACvCC,YAAoB,EACpBC,aAA4D,EACpD;EACR,OAAOf,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEa,YAAY,GAAGC,aAAa,CAACV,UAAU,GAAGU,aAAa,CAACR,aAAa,CAAC;AAC3F;;AAEA;AACA;AACA;AACA;AACO,SAASS,wBAAwBA,CACtChC,KAAoB,EACpBY,WAAmB,EACA;EACnB,MAAMqB,KAAK,GAAGzB,UAAU,CAACR,KAAK,EAAE,uBAAuB,EAAE,SAAS,CAAC;EACnE,IAAIiC,KAAK,KAAK,MAAM,EAAE,OAAO,OAAO;EACpC,IAAIA,KAAK,KAAK,OAAO,EAAE,OAAO,KAAK;EACnC,IAAIA,KAAK,KAAK,QAAQ,EAAE,OAAO,QAAQ;EACvC,OAAOrB,WAAW,GAAGd,8BAA8B,GAAG,QAAQ,GAAG,KAAK;AACxE","ignoreList":[]}
+{"version":3,"names":["MODAL_VIEWPORT_PADDING","exports","MODAL_COMPACT_LAYOUT_MAX_WIDTH","readNumber","theme","key","fallback","value","Number","isFinite","parsed","parseFloat","readString","length","resolveModalCardMaxWidth","stepWidth","windowWidth","themeModalWidth","desiredWidth","maxInViewport","Math","max","min","resolveModalCenterPadding","insets","previewBannerHeight","previewBottomInset","baseTop","top","bannerTop","baseBottom","bottom","bannerBottom","paddingTop","paddingBottom","paddingLeft","left","paddingRight","right","resolveModalCardMaxHeight","windowHeight","centerPadding","resolveModalButtonsAlign","align"],"sourceRoot":"../../../src","sources":["surfaces/resolveModalLayout.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/surfaces/resolveTooltipLayout.js

@@ -7,7 +7,6 @@ exports.TOOLTIP_VIEWPORT_PADDING = void 0;
 exports.resolveTooltipButtonsAlign = resolveTooltipButtonsAlign;
 exports.resolveTooltipCardLayout = resolveTooltipCardLayout;
 exports.resolveTooltipCardMaxWidth = resolveTooltipCardMaxWidth;
-exports.resolveTooltipCenterPadding = resolveTooltipCenterPadding;
 var _resolveModalLayout = require("./resolveModalLayout.js");
 /** Screen margin for anchored tooltips (mobile design spec: 24px). */
 const TOOLTIP_VIEWPORT_PADDING = exports.TOOLTIP_VIEWPORT_PADDING = _resolveModalLayout.MODAL_VIEWPORT_PADDING;
@@ -48,9 +47,6 @@ function resolveTooltipCardLayout(cardMaxWidth, windowWidth) {
     maxWidth: cardMaxWidth
   };
 }
-function resolveTooltipCenterPadding(insets) {
-  return (0, _resolveModalLayout.resolveModalCenterPadding)(insets);
-}
 
 /**
  * Web `--userflow-buttons-bubble-justify-content` (bubble + tooltip): default is end.

package/lib/commonjs/surfaces/resolveTooltipLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["_resolveModalLayout","require","TOOLTIP_VIEWPORT_PADDING","exports","MODAL_VIEWPORT_PADDING","readString","theme","key","fallback","value","length","readNumber","Number","isFinite","parsed","parseFloat","resolveTooltipCardMaxWidth","stepWidth","windowWidth","themeTooltipWidth","desiredWidth","maxInViewport","Math","max","min","resolveTooltipCardLayout","cardMaxWidth","MODAL_COMPACT_LAYOUT_MAX_WIDTH","maxWidth","width","resolveTooltipCenterPadding","insets","resolveModalCenterPadding","resolveTooltipButtonsAlign","align"],"sourceRoot":"../../../src","sources":["surfaces/resolveTooltipLayout.ts"],"mappings":";;;;;;;;;;AAKA,IAAAA,mBAAA,GAAAC,OAAA;AAMA;AACO,MAAMC,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAGE,0CAAsB;AAE9D,SAASC,UAAUA,CAACC,KAAoB,EAAEC,GAAW,EAAEC,QAAgB,EAAU;EAC/E,MAAMC,KAAK,GAAGH,KAAK,CAACC,GAAG,CAAC;EACxB,OAAO,OAAOE,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACC,MAAM,GAAG,CAAC,GAAGD,KAAK,GAAGD,QAAQ;AACzE;AAEA,SAASG,UAAUA,CAACL,KAAoB,EAAEC,GAAW,EAAEC,QAAgB,EAAU;EAC/E,MAAMC,KAAK,GAAGH,KAAK,CAACC,GAAG,CAAC;EACxB,IAAI,OAAOE,KAAK,KAAK,QAAQ,IAAIG,MAAM,CAACC,QAAQ,CAACJ,KAAK,CAAC,EAAE,OAAOA,KAAK;EACrE,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC7B,MAAMK,MAAM,GAAGC,UAAU,CAACN,KAAK,CAAC;IAChC,IAAIG,MAAM,CAACC,QAAQ,CAACC,MAAM,CAAC,EAAE,OAAOA,MAAM;EAC5C;EACA,OAAON,QAAQ;AACjB;;AAEA;AACA;AACA;AACA;AACO,SAASQ,0BAA0BA,CACxCV,KAAoB,EACpBW,SAAoC,EACpCC,WAAmB,EACX;EACR,MAAMC,iBAAiB,GAAGR,UAAU,CAACL,KAAK,EAAE,cAAc,EAAE,GAAG,CAAC;EAChE,MAAMc,YAAY,GAAGH,SAAS,IAAIE,iBAAiB;EACnD,MAAME,aAAa,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEL,WAAW,GAAG,CAAC,GAAGhB,wBAAwB,CAAC;EAC7E,OAAOoB,IAAI,CAACE,GAAG,CAACJ,YAAY,EAAEC,aAAa,CAAC;AAC9C;;AAEA;AACO,SAASI,wBAAwBA,CACtCC,YAAoB,EACpBR,WAAmB,EACoB;EACvC,IAAIA,WAAW,GAAGS,kDAA8B,EAAE;IAChD,OAAO;MAAEC,QAAQ,EAAEF,YAAY;MAAEG,KAAK,EAAEH;IAAa,CAAC;EACxD;EACA,OAAO;IAAEE,QAAQ,EAAEF;EAAa,CAAC;AACnC;AAEO,SAASI,2BAA2BA,CAACC,MAK3C,EAAgD;EAC/C,OAAO,IAAAC,6CAAyB,EAACD,MAAM,CAAC;AAC1C;;AAEA;AACA;AACA;AACO,SAASE,0BAA0BA,CAAC3B,KAAoB,EAAkB;EAC/E,MAAM4B,KAAK,GAAG7B,UAAU,CAACC,KAAK,EAAE,uBAAuB,EAAE,SAAS,CAAC;EACnE,IAAI4B,KAAK,KAAK,MAAM,EAAE,OAAO,OAAO;EACpC,IAAIA,KAAK,KAAK,QAAQ,EAAE,OAAO,QAAQ;EACvC,OAAO,KAAK;AACd","ignoreList":[]}
+{"version":3,"names":["_resolveModalLayout","require","TOOLTIP_VIEWPORT_PADDING","exports","MODAL_VIEWPORT_PADDING","readString","theme","key","fallback","value","length","readNumber","Number","isFinite","parsed","parseFloat","resolveTooltipCardMaxWidth","stepWidth","windowWidth","themeTooltipWidth","desiredWidth","maxInViewport","Math","max","min","resolveTooltipCardLayout","cardMaxWidth","MODAL_COMPACT_LAYOUT_MAX_WIDTH","maxWidth","width","resolveTooltipButtonsAlign","align"],"sourceRoot":"../../../src","sources":["surfaces/resolveTooltipLayout.ts"],"mappings":";;;;;;;;;AAKA,IAAAA,mBAAA,GAAAC,OAAA;AAEA;AACO,MAAMC,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAGE,0CAAsB;AAE9D,SAASC,UAAUA,CAACC,KAAoB,EAAEC,GAAW,EAAEC,QAAgB,EAAU;EAC/E,MAAMC,KAAK,GAAGH,KAAK,CAACC,GAAG,CAAC;EACxB,OAAO,OAAOE,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACC,MAAM,GAAG,CAAC,GAAGD,KAAK,GAAGD,QAAQ;AACzE;AAEA,SAASG,UAAUA,CAACL,KAAoB,EAAEC,GAAW,EAAEC,QAAgB,EAAU;EAC/E,MAAMC,KAAK,GAAGH,KAAK,CAACC,GAAG,CAAC;EACxB,IAAI,OAAOE,KAAK,KAAK,QAAQ,IAAIG,MAAM,CAACC,QAAQ,CAACJ,KAAK,CAAC,EAAE,OAAOA,KAAK;EACrE,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC7B,MAAMK,MAAM,GAAGC,UAAU,CAACN,KAAK,CAAC;IAChC,IAAIG,MAAM,CAACC,QAAQ,CAACC,MAAM,CAAC,EAAE,OAAOA,MAAM;EAC5C;EACA,OAAON,QAAQ;AACjB;;AAEA;AACA;AACA;AACA;AACO,SAASQ,0BAA0BA,CACxCV,KAAoB,EACpBW,SAAoC,EACpCC,WAAmB,EACX;EACR,MAAMC,iBAAiB,GAAGR,UAAU,CAACL,KAAK,EAAE,cAAc,EAAE,GAAG,CAAC;EAChE,MAAMc,YAAY,GAAGH,SAAS,IAAIE,iBAAiB;EACnD,MAAME,aAAa,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEL,WAAW,GAAG,CAAC,GAAGhB,wBAAwB,CAAC;EAC7E,OAAOoB,IAAI,CAACE,GAAG,CAACJ,YAAY,EAAEC,aAAa,CAAC;AAC9C;;AAEA;AACO,SAASI,wBAAwBA,CACtCC,YAAoB,EACpBR,WAAmB,EACoB;EACvC,IAAIA,WAAW,GAAGS,kDAA8B,EAAE;IAChD,OAAO;MAAEC,QAAQ,EAAEF,YAAY;MAAEG,KAAK,EAAEH;IAAa,CAAC;EACxD;EACA,OAAO;IAAEE,QAAQ,EAAEF;EAAa,CAAC;AACnC;;AAEA;AACA;AACA;AACO,SAASI,0BAA0BA,CAACxB,KAAoB,EAAkB;EAC/E,MAAMyB,KAAK,GAAG1B,UAAU,CAACC,KAAK,EAAE,uBAAuB,EAAE,SAAS,CAAC;EACnE,IAAIyB,KAAK,KAAK,MAAM,EAAE,OAAO,OAAO;EACpC,IAAIA,KAAK,KAAK,QAAQ,EAAE,OAAO,QAAQ;EACvC,OAAO,KAAK;AACd","ignoreList":[]}

package/lib/commonjs/surfaces/safeArea.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.getSafeAreaInsetsContext = getSafeAreaInsetsContext;
 exports.resetSafeAreaInsetsCacheForTests = resetSafeAreaInsetsCacheForTests;
 exports.useUserflowSafeAreaInsets = useUserflowSafeAreaInsets;
 const ZERO_INSETS = {
@@ -12,6 +13,7 @@ const ZERO_INSETS = {
   left: 0
 };
 let cachedHook;
+let cachedInsetsContext;
 
 /**
  * Resolve `useSafeAreaInsets` from the optional peer `react-native-safe-area-context`.
@@ -39,8 +41,29 @@ function useUserflowSafeAreaInsets() {
   return resolveUseSafeAreaInsets()();
 }
 
+/**
+ * `SafeAreaInsetsContext` from the optional peer, or `null` when it is not installed.
+ * In-flow banners override this so host screens do not add the inset the banner already consumed.
+ */
+function getSafeAreaInsetsContext() {
+  if (cachedInsetsContext !== undefined) return cachedInsetsContext;
+  if (typeof require !== 'function') {
+    cachedInsetsContext = null;
+    return null;
+  }
+  try {
+    // eslint-disable-next-line @typescript-eslint/no-var-requires
+    const mod = require('react-native-safe-area-context');
+    cachedInsetsContext = mod.SafeAreaInsetsContext ?? null;
+  } catch {
+    cachedInsetsContext = null;
+  }
+  return cachedInsetsContext;
+}
+
 /** @internal */
 function resetSafeAreaInsetsCacheForTests() {
   cachedHook = undefined;
+  cachedInsetsContext = undefined;
 }
 //# sourceMappingURL=safeArea.js.map

package/lib/commonjs/surfaces/safeArea.js.map

@@ -1 +1 @@
-{"version":3,"names":["ZERO_INSETS","top","right","bottom","left","cachedHook","resolveUseSafeAreaInsets","undefined","require","mod","useSafeAreaInsets","useUserflowSafeAreaInsets","resetSafeAreaInsetsCacheForTests"],"sourceRoot":"../../../src","sources":["surfaces/safeArea.ts"],"mappings":";;;;;;;AAOA,MAAMA,WAAuB,GAAG;EAAEC,GAAG,EAAE,CAAC;EAAEC,KAAK,EAAE,CAAC;EAAEC,MAAM,EAAE,CAAC;EAAEC,IAAI,EAAE;AAAE,CAAC;AAIxE,IAAIC,UAAkD;;AAEtD;AACA;AACA;AACA;AACA,SAASC,wBAAwBA,CAAA,EAAwB;EACvD,IAAID,UAAU,KAAKE,SAAS,EAAE,OAAOF,UAAU,KAAK,MAAML,WAAW,CAAC;EAEtE,IAAI,OAAOQ,OAAO,KAAK,UAAU,EAAE;IACjCH,UAAU,GAAG,IAAI;IACjB,OAAO,MAAML,WAAW;EAC1B;EAEA,IAAI;IACF;IACA;IACA,MAAMS,GAAG,GAAGD,OAAO,CAAC,gCAAgC,CAEnD;IACDH,UAAU,GAAG,OAAOI,GAAG,CAACC,iBAAiB,KAAK,UAAU,GAAGD,GAAG,CAACC,iBAAiB,GAAG,IAAI;EACzF,CAAC,CAAC,MAAM;IACNL,UAAU,GAAG,IAAI;EACnB;EAEA,OAAOA,UAAU,KAAK,MAAML,WAAW,CAAC;AAC1C;;AAEA;AACO,SAASW,yBAAyBA,CAAA,EAAe;EACtD,OAAOL,wBAAwB,CAAC,CAAC,CAAC,CAAC;AACrC;;AAEA;AACO,SAASM,gCAAgCA,CAAA,EAAS;EACvDP,UAAU,GAAGE,SAAS;AACxB","ignoreList":[]}
+{"version":3,"names":["ZERO_INSETS","top","right","bottom","left","cachedHook","cachedInsetsContext","resolveUseSafeAreaInsets","undefined","require","mod","useSafeAreaInsets","useUserflowSafeAreaInsets","getSafeAreaInsetsContext","SafeAreaInsetsContext","resetSafeAreaInsetsCacheForTests"],"sourceRoot":"../../../src","sources":["surfaces/safeArea.ts"],"mappings":";;;;;;;;AASA,MAAMA,WAAuB,GAAG;EAAEC,GAAG,EAAE,CAAC;EAAEC,KAAK,EAAE,CAAC;EAAEC,MAAM,EAAE,CAAC;EAAEC,IAAI,EAAE;AAAE,CAAC;AAIxE,IAAIC,UAAkD;AACtD,IAAIC,mBAAkE;;AAEtE;AACA;AACA;AACA;AACA,SAASC,wBAAwBA,CAAA,EAAwB;EACvD,IAAIF,UAAU,KAAKG,SAAS,EAAE,OAAOH,UAAU,KAAK,MAAML,WAAW,CAAC;EAEtE,IAAI,OAAOS,OAAO,KAAK,UAAU,EAAE;IACjCJ,UAAU,GAAG,IAAI;IACjB,OAAO,MAAML,WAAW;EAC1B;EAEA,IAAI;IACF;IACA;IACA,MAAMU,GAAG,GAAGD,OAAO,CAAC,gCAAgC,CAEnD;IACDJ,UAAU,GAAG,OAAOK,GAAG,CAACC,iBAAiB,KAAK,UAAU,GAAGD,GAAG,CAACC,iBAAiB,GAAG,IAAI;EACzF,CAAC,CAAC,MAAM;IACNN,UAAU,GAAG,IAAI;EACnB;EAEA,OAAOA,UAAU,KAAK,MAAML,WAAW,CAAC;AAC1C;;AAEA;AACO,SAASY,yBAAyBA,CAAA,EAAe;EACtD,OAAOL,wBAAwB,CAAC,CAAC,CAAC,CAAC;AACrC;;AAEA;AACA;AACA;AACA;AACO,SAASM,wBAAwBA,CAAA,EAAsC;EAC5E,IAAIP,mBAAmB,KAAKE,SAAS,EAAE,OAAOF,mBAAmB;EAEjE,IAAI,OAAOG,OAAO,KAAK,UAAU,EAAE;IACjCH,mBAAmB,GAAG,IAAI;IAC1B,OAAO,IAAI;EACb;EAEA,IAAI;IACF;IACA,MAAMI,GAAG,GAAGD,OAAO,CAAC,gCAAgC,CAEnD;IACDH,mBAAmB,GAAGI,GAAG,CAACI,qBAAqB,IAAI,IAAI;EACzD,CAAC,CAAC,MAAM;IACNR,mBAAmB,GAAG,IAAI;EAC5B;EAEA,OAAOA,mBAAmB;AAC5B;;AAEA;AACO,SAASS,gCAAgCA,CAAA,EAAS;EACvDV,UAAU,GAAGG,SAAS;EACtBF,mBAAmB,GAAGE,SAAS;AACjC","ignoreList":[]}

package/lib/commonjs/surfaces/surfaceInteractionConfig.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSurfaceInteractionBlocking = getSurfaceInteractionBlocking;
+exports.resetSurfaceInteractionConfig = resetSurfaceInteractionConfig;
+exports.setSurfaceInteractionBlocking = setSurfaceInteractionBlocking;
+/**
+ * Whether flow surfaces (modals, tooltips) intercept taps on the host app
+ * underneath. Default-on; integrators can restore the legacy pass-through
+ * tooltip backdrop via {@link setSurfaceInteractionBlocking}.
+ */
+
+let surfaceInteractionBlocking = true;
+
+/**
+ * When true (default), tooltip cutout bands and crossfade exit block host taps.
+ * Surfaces read this flag at render time — toggling mid-flow applies on the next
+ * re-render of the active surface tree (same as {@link setScrollPadding}).
+ */
+function setSurfaceInteractionBlocking(enabled) {
+  surfaceInteractionBlocking = enabled ?? true;
+}
+function getSurfaceInteractionBlocking() {
+  return surfaceInteractionBlocking;
+}
+
+/** Test helper — reset to default (blocking enabled). */
+function resetSurfaceInteractionConfig() {
+  surfaceInteractionBlocking = true;
+}
+//# sourceMappingURL=surfaceInteractionConfig.js.map

package/lib/commonjs/surfaces/surfaceInteractionConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["surfaceInteractionBlocking","setSurfaceInteractionBlocking","enabled","getSurfaceInteractionBlocking","resetSurfaceInteractionConfig"],"sourceRoot":"../../../src","sources":["surfaces/surfaceInteractionConfig.ts"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;;AAEA,IAAIA,0BAA0B,GAAG,IAAI;;AAErC;AACA;AACA;AACA;AACA;AACO,SAASC,6BAA6BA,CAACC,OAAmC,EAAQ;EACvFF,0BAA0B,GAAGE,OAAO,IAAI,IAAI;AAC9C;AAEO,SAASC,6BAA6BA,CAAA,EAAY;EACvD,OAAOH,0BAA0B;AACnC;;AAEA;AACO,SAASI,6BAA6BA,CAAA,EAAS;EACpDJ,0BAA0B,GAAG,IAAI;AACnC","ignoreList":[]}

package/lib/commonjs/surfaces/surfaceLayoutInsets.js

@@ -0,0 +1,128 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SurfaceLayoutInsetsProvider = SurfaceLayoutInsetsProvider;
+exports.paddingAsEdgeInsets = paddingAsEdgeInsets;
+exports.useReportAuthoringBottomHeight = useReportAuthoringBottomHeight;
+exports.useReportPreviewBannerHeight = useReportPreviewBannerHeight;
+exports.useSurfaceLayoutInsets = useSurfaceLayoutInsets;
+var React = _interopRequireWildcard(require("react"));
+var _resolveModalLayout = require("./resolveModalLayout.js");
+var _safeArea = require("./safeArea.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/** Independent writers so preview and picker chrome cannot clobber each other. */
+
+function effectiveChromeInsetHeight(heights) {
+  return heights.picker > 0 ? heights.picker : heights.preview;
+}
+const SurfaceLayoutInsetsContext = /*#__PURE__*/React.createContext({
+  previewBannerHeight: 0,
+  previewBottomInset: 0,
+  setTopSlotHeight: () => {},
+  setBottomSlotHeight: () => {}
+});
+
+/**
+ * Holds measured authoring chrome heights so modal/tooltip layout can clear
+ * them. The overlay stays full-screen; only card padding grows.
+ *
+ * Preview and picker report into separate slots on each edge. The picker slot
+ * wins while it is non-zero (the preview bar is suppressed for that stretch).
+ */
+function SurfaceLayoutInsetsProvider({
+  children
+}) {
+  const [heights, setHeights] = React.useState({
+    top: {
+      preview: 0,
+      picker: 0
+    },
+    bottom: {
+      preview: 0,
+      picker: 0
+    }
+  });
+  const setTopSlotHeight = React.useCallback((slot, height) => {
+    setHeights(prev => prev.top[slot] === height ? prev : {
+      ...prev,
+      top: {
+        ...prev.top,
+        [slot]: height
+      }
+    });
+  }, []);
+  const setBottomSlotHeight = React.useCallback((slot, height) => {
+    setHeights(prev => prev.bottom[slot] === height ? prev : {
+      ...prev,
+      bottom: {
+        ...prev.bottom,
+        [slot]: height
+      }
+    });
+  }, []);
+  const previewBannerHeight = effectiveChromeInsetHeight(heights.top);
+  const previewBottomInset = effectiveChromeInsetHeight(heights.bottom);
+  const value = React.useMemo(() => ({
+    previewBannerHeight,
+    previewBottomInset,
+    setTopSlotHeight,
+    setBottomSlotHeight
+  }), [previewBannerHeight, previewBottomInset, setTopSlotHeight, setBottomSlotHeight]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SurfaceLayoutInsetsContext.Provider, {
+    value: value,
+    children: children
+  });
+}
+
+/**
+ * Report an authoring top bar's laid-out height (0 when that bar is hidden).
+ * Defaults to the preview slot; the picker must pass `'picker'`.
+ */
+function useReportPreviewBannerHeight(slot = 'preview') {
+  const {
+    setTopSlotHeight
+  } = React.useContext(SurfaceLayoutInsetsContext);
+  return React.useCallback(height => {
+    setTopSlotHeight(slot, height);
+  }, [setTopSlotHeight, slot]);
+}
+
+/**
+ * Report an authoring bottom sheet's laid-out height (0 when that sheet is hidden).
+ * Defaults to the preview slot; the picker must pass `'picker'`.
+ */
+function useReportAuthoringBottomHeight(slot = 'preview') {
+  const {
+    setBottomSlotHeight
+  } = React.useContext(SurfaceLayoutInsetsContext);
+  return React.useCallback(height => {
+    setBottomSlotHeight(slot, height);
+  }, [setBottomSlotHeight, slot]);
+}
+
+/**
+ * Padding that keeps flow cards inside the screen: safe area, 24px margin,
+ * and authoring chrome when it is mounted.
+ */
+function useSurfaceLayoutInsets() {
+  const safe = (0, _safeArea.useUserflowSafeAreaInsets)();
+  const {
+    previewBannerHeight,
+    previewBottomInset
+  } = React.useContext(SurfaceLayoutInsetsContext);
+  return (0, _resolveModalLayout.resolveModalCenterPadding)(safe, previewBannerHeight, previewBottomInset);
+}
+
+/** @internal */
+function paddingAsEdgeInsets(padding) {
+  return {
+    top: padding.paddingTop,
+    right: padding.paddingRight,
+    bottom: padding.paddingBottom,
+    left: padding.paddingLeft
+  };
+}
+//# sourceMappingURL=surfaceLayoutInsets.js.map

package/lib/commonjs/surfaces/surfaceLayoutInsets.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_resolveModalLayout","_safeArea","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","effectiveChromeInsetHeight","heights","picker","preview","SurfaceLayoutInsetsContext","createContext","previewBannerHeight","previewBottomInset","setTopSlotHeight","setBottomSlotHeight","SurfaceLayoutInsetsProvider","children","setHeights","useState","top","bottom","useCallback","slot","height","prev","value","useMemo","jsx","Provider","useReportPreviewBannerHeight","useContext","useReportAuthoringBottomHeight","useSurfaceLayoutInsets","safe","useUserflowSafeAreaInsets","resolveModalCenterPadding","paddingAsEdgeInsets","padding","paddingTop","right","paddingRight","paddingBottom","left","paddingLeft"],"sourceRoot":"../../../src","sources":["surfaces/surfaceLayoutInsets.tsx"],"mappings":"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","ignoreList":[]}