@userflow-tech/react-native 0.2.0 → 0.3.0

package/lib/module/surfaces/bannerWebView/BannerWebViewBar.js

@@ -0,0 +1,272 @@
+"use strict";
+
+import { DEFAULT_SERVER_ENDPOINT, genSessionDataLookup } from '@userflow-tech/core';
+import { BannerEmbedMode, EndFlowReasonInput } from '@userflow-tech/protocol';
+import * as React from 'react';
+import { Animated, Platform, useColorScheme, useWindowDimensions, View } from 'react-native';
+import { buildBootstrapHtml, EVAL_JS_BASE_URL, isBootstrapUrl } from "../../evalJs/bootstrap.js";
+import { parseBridgeMessage } from "../../evalJs/bridgeMessages.js";
+import { formatEvalJsError, getEvalJsBridgeHandlers } from "../../evalJs/evalJsBridge.js";
+import { evalJsController } from "../../evalJs/evalJsController.js";
+import { getEvalJsWebView } from "../../evalJs/getWebView.js";
+import { injectEvalPendingIntoWebView } from "../../evalJs/injectEvalPending.js";
+import { useEvalJsWebViewInjection } from "../../evalJs/useEvalJsWebViewInjection.js";
+import { getUserflowCore } from "../../runtime/userflowCore.js";
+import { getCurrentScreenLocation, subscribeScreenLocation } from "../../screenTracker.js";
+import { bannerFrameStyle, bannerInnerStyle, resolveBannerBarBorderRadius } from "../bannerBarLayout.js";
+import { bannerOverlayShadowStyle } from "../bannerBarTokens.js";
+import { useUserflowSafeAreaInsets } from "../safeArea.js";
+import { collectBannerAutoRunEvalCodes } from "./bannerAutoRunEvalJs.js";
+import { markBannerAutoRunEvalComplete, shouldSkipBannerAutoRunEval } from "./bannerAutoRunSession.js";
+import { buildCustomBannerBodyHtml } from "./buildCustomBannerHtml.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+function screenFromLocation(location) {
+  if (!location) {
+    return {};
+  }
+  if ('path' in location) {
+    return location.path ? {
+      path: location.path
+    } : {};
+  }
+  return location.screen ? {
+    name: location.screen
+  } : {};
+}
+function useEvalJsScreen() {
+  const [screen, setScreen] = React.useState(() => screenFromLocation(getCurrentScreenLocation()));
+  React.useEffect(() => {
+    return subscribeScreenLocation(location => {
+      setScreen(screenFromLocation(location));
+    });
+  }, []);
+  return screen;
+}
+export function BannerWebViewBar({
+  session,
+  onActions,
+  onDismiss
+}) {
+  const banner = session.version.banner;
+  const WebView = getEvalJsWebView();
+  const webRef = React.useRef(null);
+  const [pageReady, setPageReady] = React.useState(false);
+  const [contentHeight, setContentHeight] = React.useState(56);
+  const colorScheme = useColorScheme();
+  const viewport = useWindowDimensions();
+  const insets = useUserflowSafeAreaInsets();
+  const screen = useEvalJsScreen();
+  const lookupAttribute = React.useMemo(() => genSessionDataLookup(session.data), [session.data]);
+  const evalSnapshot = React.useSyncExternalStore(evalJsController.subscribe, evalJsController.getSnapshot, evalJsController.getSnapshot);
+  const host = evalSnapshot.host;
+  const context = React.useMemo(() => ({
+    platform: Platform.OS,
+    colorScheme: colorScheme === 'dark' ? 'dark' : 'light',
+    safeAreaInsets: insets,
+    viewport: {
+      width: viewport.width,
+      height: viewport.height
+    },
+    screen,
+    host
+  }), [colorScheme, host, insets, screen, viewport.height, viewport.width]);
+  const serverEndpoint = getUserflowCore().getServerEndpoint() ?? DEFAULT_SERVER_ENDPOINT;
+  const skipAutoRunEval = shouldSkipBannerAutoRunEval(session.id);
+  const initialContext = React.useRef(context);
+  const html = React.useMemo(() => {
+    const body = buildCustomBannerBodyHtml(session, lookupAttribute, serverEndpoint, {
+      skipAutoRunEval
+    });
+    return buildBootstrapHtml(initialContext.current, body);
+  }, [lookupAttribute, serverEndpoint, session, skipAutoRunEval]);
+  const opacity = React.useRef(new Animated.Value(banner?.animate ? 0 : 1)).current;
+  React.useEffect(() => {
+    if (!banner?.animate) {
+      opacity.setValue(1);
+      return;
+    }
+    opacity.setValue(0);
+    const animation = Animated.timing(opacity, {
+      toValue: 1,
+      duration: 200,
+      useNativeDriver: true
+    });
+    animation.start();
+    return () => {
+      animation.stop();
+    };
+  }, [banner?.animate, opacity, session.id]);
+  React.useEffect(() => {
+    setPageReady(false);
+    setContentHeight(56);
+  }, [session.id, html]);
+  React.useEffect(() => {
+    if (!pageReady || skipAutoRunEval || !banner) {
+      return;
+    }
+    if (collectBannerAutoRunEvalCodes(banner, lookupAttribute).length === 0) {
+      return;
+    }
+    markBannerAutoRunEvalComplete(session.id);
+  }, [banner, lookupAttribute, pageReady, session.id, skipAutoRunEval]);
+  useEvalJsWebViewInjection(webRef, {
+    pageReady,
+    context,
+    pendingCount: evalSnapshot.pendingCount
+  });
+  const openExternal = React.useCallback(url => {
+    if (!url || isBootstrapUrl(url)) {
+      return;
+    }
+    getEvalJsBridgeHandlers().openUrl(url);
+  }, []);
+  const onMessage = React.useCallback(event => {
+    let parsed = event.nativeEvent.data;
+    if (typeof parsed === 'string') {
+      try {
+        parsed = JSON.parse(parsed);
+      } catch {
+        parsed = null;
+      }
+    }
+    if (parsed != null && typeof parsed === 'object' && !Array.isArray(parsed)) {
+      const record = parsed;
+      if (record.__userflow === 1 && record.type === 'bannerLayout') {
+        const height = record.height;
+        if (typeof height === 'number' && height > 0) {
+          const maxHeight = Math.floor(viewport.height * 0.92);
+          const next = Math.min(Math.ceil(height), maxHeight);
+          setContentHeight(prev => Math.abs(next - prev) <= 1 ? prev : next);
+        }
+        return;
+      }
+      if (record.__userflow === 1 && record.type === 'bannerButton') {
+        const buttonId = record.buttonId;
+        if (typeof buttonId === 'string' && banner) {
+          const button = banner.buttons.find(entry => entry.id === buttonId);
+          if (button) {
+            void Promise.resolve(onActions(button.actions)).then(() => {
+              injectEvalPendingIntoWebView(webRef.current);
+            });
+          }
+        }
+        return;
+      }
+      if (record.__userflow === 1 && record.type === 'bannerDismiss') {
+        webRef.current?.injectJavaScript('window.__userflowBannerEvalDismissed=true;true;');
+        onDismiss(EndFlowReasonInput.USER_CLOSED);
+        return;
+      }
+    }
+    const message = parseBridgeMessage(event.nativeEvent.data);
+    if (!message) {
+      return;
+    }
+    const bridge = getEvalJsBridgeHandlers();
+    switch (message.type) {
+      case 'ready':
+        setPageReady(true);
+        webRef.current?.injectJavaScript('window.__userflowBannerLayout&&window.__userflowBannerLayout();true;');
+        return;
+      case 'close':
+        webRef.current?.injectJavaScript('window.__userflowBannerEvalDismissed=true;true;');
+        onDismiss(EndFlowReasonInput.USER_CLOSED);
+        return;
+      case 'endFlow':
+        webRef.current?.injectJavaScript('window.__userflowBannerEvalDismissed=true;true;');
+        onDismiss(EndFlowReasonInput.USER_CLOSED);
+        return;
+      case 'setLayout':
+        evalJsController.setLayout(message.layout);
+        return;
+      case 'track':
+        bridge.track(message.name, message.attributes);
+        return;
+      case 'updateUser':
+        bridge.updateUser(message.attributes);
+        return;
+      case 'updateGroup':
+        bridge.updateGroup(message.attributes, message.options);
+        return;
+      case 'openUrl':
+        bridge.openUrl(message.url);
+        return;
+      case 'error':
+        bridge.warn(formatEvalJsError(message.message, message.code));
+        return;
+      default:
+        return;
+    }
+  }, [banner, onActions, onDismiss, viewport.height]);
+  if (!banner || !WebView) {
+    return null;
+  }
+  const overlay = banner.overlay !== false;
+  const frameStyle = bannerFrameStyle(banner);
+  const innerStyle = bannerInnerStyle(banner);
+  const overlayEdge = banner.embedMode === BannerEmbedMode.BODY_LAST ? 'bottom' : 'top';
+  const barRadius = resolveBannerBarBorderRadius(banner);
+  const webStyle = {
+    width: '100%',
+    height: contentHeight,
+    backgroundColor: 'transparent'
+  };
+  const debugging = typeof __DEV__ !== 'undefined' && __DEV__ ? true : undefined;
+  return /*#__PURE__*/_jsx(View, {
+    testID: "userflow-banner-frame",
+    style: frameStyle,
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: [{
+        opacity
+      }, overlay ? bannerOverlayShadowStyle(overlayEdge) : null],
+      children: /*#__PURE__*/_jsx(View, {
+        testID: "userflow-banner-webview",
+        style: [{
+          borderRadius: barRadius ?? 0,
+          overflow: 'hidden'
+        }, innerStyle.maxWidth != null ? {
+          maxWidth: innerStyle.maxWidth
+        } : null],
+        children: /*#__PURE__*/_jsx(WebView, {
+          ref: webRef,
+          source: {
+            html,
+            baseUrl: EVAL_JS_BASE_URL
+          },
+          style: webStyle,
+          javaScriptEnabled: true,
+          domStorageEnabled: true,
+          scrollEnabled: false,
+          bounces: false,
+          showsHorizontalScrollIndicator: false,
+          showsVerticalScrollIndicator: false,
+          originWhitelist: ['*'],
+          setSupportMultipleWindows: false,
+          androidLayerType: "hardware",
+          ...(debugging !== undefined ? {
+            webviewDebuggingEnabled: debugging
+          } : {}),
+          onMessage: onMessage,
+          onLoadEnd: () => {
+            setPageReady(true);
+            webRef.current?.injectJavaScript('window.__userflowBannerLayout&&window.__userflowBannerLayout();true;');
+          },
+          onShouldStartLoadWithRequest: request => {
+            if (isBootstrapUrl(request.url)) {
+              return true;
+            }
+            openExternal(request.url);
+            return false;
+          },
+          onOpenWindow: event => {
+            const url = event.nativeEvent.targetUrl;
+            if (url) {
+              openExternal(url);
+            }
+          }
+        })
+      })
+    })
+  });
+}
+//# sourceMappingURL=BannerWebViewBar.js.map

package/lib/module/surfaces/bannerWebView/BannerWebViewBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_SERVER_ENDPOINT","genSessionDataLookup","BannerEmbedMode","EndFlowReasonInput","React","Animated","Platform","useColorScheme","useWindowDimensions","View","buildBootstrapHtml","EVAL_JS_BASE_URL","isBootstrapUrl","parseBridgeMessage","formatEvalJsError","getEvalJsBridgeHandlers","evalJsController","getEvalJsWebView","injectEvalPendingIntoWebView","useEvalJsWebViewInjection","getUserflowCore","getCurrentScreenLocation","subscribeScreenLocation","bannerFrameStyle","bannerInnerStyle","resolveBannerBarBorderRadius","bannerOverlayShadowStyle","useUserflowSafeAreaInsets","collectBannerAutoRunEvalCodes","markBannerAutoRunEvalComplete","shouldSkipBannerAutoRunEval","buildCustomBannerBodyHtml","jsx","_jsx","screenFromLocation","location","path","screen","name","useEvalJsScreen","setScreen","useState","useEffect","BannerWebViewBar","session","onActions","onDismiss","banner","version","WebView","webRef","useRef","pageReady","setPageReady","contentHeight","setContentHeight","colorScheme","viewport","insets","lookupAttribute","useMemo","data","evalSnapshot","useSyncExternalStore","subscribe","getSnapshot","host","context","platform","OS","safeAreaInsets","width","height","serverEndpoint","getServerEndpoint","skipAutoRunEval","id","initialContext","html","body","current","opacity","Value","animate","setValue","animation","timing","toValue","duration","useNativeDriver","start","stop","length","pendingCount","openExternal","useCallback","url","openUrl","onMessage","event","parsed","nativeEvent","JSON","parse","Array","isArray","record","__userflow","type","maxHeight","Math","floor","next","min","ceil","prev","abs","buttonId","button","buttons","find","entry","Promise","resolve","actions","then","injectJavaScript","USER_CLOSED","message","bridge","setLayout","layout","track","attributes","updateUser","updateGroup","options","warn","code","overlay","frameStyle","innerStyle","overlayEdge","embedMode","BODY_LAST","barRadius","webStyle","backgroundColor","debugging","__DEV__","undefined","testID","style","children","borderRadius","overflow","maxWidth","ref","source","baseUrl","javaScriptEnabled","domStorageEnabled","scrollEnabled","bounces","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","originWhitelist","setSupportMultipleWindows","androidLayerType","webviewDebuggingEnabled","onLoadEnd","onShouldStartLoadWithRequest","request","onOpenWindow","targetUrl"],"sourceRoot":"../../../../src","sources":["surfaces/bannerWebView/BannerWebViewBar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/surfaces/bannerWebView/bannerAutoRunEvalJs.js

@@ -0,0 +1,42 @@
+"use strict";
+
+import { interpolateVariables } from '@userflow-tech/core';
+import { FlowActionType } from '@userflow-tech/protocol';
+function buttonIsEvalJsOnly(button) {
+  const actions = button.actions.filter(action => action.type != null);
+  if (actions.length === 0) {
+    return false;
+  }
+  return actions.every(action => action.type === FlowActionType.EVAL_JS);
+}
+
+/**
+ * Evaluate JavaScript bodies from buttons whose **only** actions are EVAL_JS.
+ * Auto-run once when the WebView loads; click still runs the button action list.
+ */
+export function collectBannerAutoRunEvalCodes(banner, lookupAttribute) {
+  const codes = [];
+  const seen = new Set();
+  for (const button of banner.buttons) {
+    if (!buttonIsEvalJsOnly(button)) {
+      continue;
+    }
+    for (const action of button.actions) {
+      if (action.type !== FlowActionType.EVAL_JS) {
+        continue;
+      }
+      const raw = action.code ?? '';
+      if (!raw.trim()) {
+        continue;
+      }
+      const code = interpolateVariables(raw, lookupAttribute);
+      if (seen.has(code)) {
+        continue;
+      }
+      seen.add(code);
+      codes.push(code);
+    }
+  }
+  return codes;
+}
+//# sourceMappingURL=bannerAutoRunEvalJs.js.map

package/lib/module/surfaces/bannerWebView/bannerAutoRunEvalJs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["interpolateVariables","FlowActionType","buttonIsEvalJsOnly","button","actions","filter","action","type","length","every","EVAL_JS","collectBannerAutoRunEvalCodes","banner","lookupAttribute","codes","seen","Set","buttons","raw","code","trim","has","add","push"],"sourceRoot":"../../../../src","sources":["surfaces/bannerWebView/bannerAutoRunEvalJs.ts"],"mappings":";;AAAA,SAASA,oBAAoB,QAAQ,qBAAqB;AAE1D,SAASC,cAAc,QAAQ,yBAAyB;AAExD,SAASC,kBAAkBA,CAACC,MAAyC,EAAW;EAC9E,MAAMC,OAAO,GAAGD,MAAM,CAACC,OAAO,CAACC,MAAM,CAAEC,MAAM,IAAKA,MAAM,CAACC,IAAI,IAAI,IAAI,CAAC;EACtE,IAAIH,OAAO,CAACI,MAAM,KAAK,CAAC,EAAE;IACxB,OAAO,KAAK;EACd;EACA,OAAOJ,OAAO,CAACK,KAAK,CAAEH,MAAM,IAAKA,MAAM,CAACC,IAAI,KAAKN,cAAc,CAACS,OAAO,CAAC;AAC1E;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASC,6BAA6BA,CAC3CC,MAAsB,EACtBC,eAA+C,EACrC;EACV,MAAMC,KAAe,GAAG,EAAE;EAC1B,MAAMC,IAAI,GAAG,IAAIC,GAAG,CAAS,CAAC;EAC9B,KAAK,MAAMb,MAAM,IAAIS,MAAM,CAACK,OAAO,EAAE;IACnC,IAAI,CAACf,kBAAkB,CAACC,MAAM,CAAC,EAAE;MAC/B;IACF;IACA,KAAK,MAAMG,MAAM,IAAIH,MAAM,CAACC,OAAO,EAAE;MACnC,IAAIE,MAAM,CAACC,IAAI,KAAKN,cAAc,CAACS,OAAO,EAAE;QAC1C;MACF;MACA,MAAMQ,GAAG,GAAGZ,MAAM,CAACa,IAAI,IAAI,EAAE;MAC7B,IAAI,CAACD,GAAG,CAACE,IAAI,CAAC,CAAC,EAAE;QACf;MACF;MACA,MAAMD,IAAI,GAAGnB,oBAAoB,CAACkB,GAAG,EAAEL,eAAe,CAAC;MACvD,IAAIE,IAAI,CAACM,GAAG,CAACF,IAAI,CAAC,EAAE;QAClB;MACF;MACAJ,IAAI,CAACO,GAAG,CAACH,IAAI,CAAC;MACdL,KAAK,CAACS,IAAI,CAACJ,IAAI,CAAC;IAClB;EACF;EACA,OAAOL,KAAK;AACd","ignoreList":[]}

package/lib/module/surfaces/bannerWebView/bannerAutoRunSession.js

@@ -0,0 +1,19 @@
+"use strict";
+
+/** Banner session ids whose eval-only auto-run already ran (survives temporary WebView unmount). */
+const autoRunCompletedSessionIds = new Set();
+export function shouldSkipBannerAutoRunEval(sessionId) {
+  return autoRunCompletedSessionIds.has(sessionId);
+}
+export function markBannerAutoRunEvalComplete(sessionId) {
+  autoRunCompletedSessionIds.add(sessionId);
+}
+export function clearBannerAutoRunEvalSession(sessionId) {
+  autoRunCompletedSessionIds.delete(sessionId);
+}
+
+/** @internal */
+export function resetBannerAutoRunSessionsForTests() {
+  autoRunCompletedSessionIds.clear();
+}
+//# sourceMappingURL=bannerAutoRunSession.js.map

package/lib/module/surfaces/bannerWebView/bannerAutoRunSession.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["autoRunCompletedSessionIds","Set","shouldSkipBannerAutoRunEval","sessionId","has","markBannerAutoRunEvalComplete","add","clearBannerAutoRunEvalSession","delete","resetBannerAutoRunSessionsForTests","clear"],"sourceRoot":"../../../../src","sources":["surfaces/bannerWebView/bannerAutoRunSession.ts"],"mappings":";;AAAA;AACA,MAAMA,0BAA0B,GAAG,IAAIC,GAAG,CAAS,CAAC;AAEpD,OAAO,SAASC,2BAA2BA,CAACC,SAAiB,EAAW;EACtE,OAAOH,0BAA0B,CAACI,GAAG,CAACD,SAAS,CAAC;AAClD;AAEA,OAAO,SAASE,6BAA6BA,CAACF,SAAiB,EAAQ;EACrEH,0BAA0B,CAACM,GAAG,CAACH,SAAS,CAAC;AAC3C;AAEA,OAAO,SAASI,6BAA6BA,CAACJ,SAAiB,EAAQ;EACrEH,0BAA0B,CAACQ,MAAM,CAACL,SAAS,CAAC;AAC9C;;AAEA;AACA,OAAO,SAASM,kCAAkCA,CAAA,EAAS;EACzDT,0BAA0B,CAACU,KAAK,CAAC,CAAC;AACpC","ignoreList":[]}

package/lib/module/surfaces/bannerWebView/bannerNeedsWebView.js

@@ -0,0 +1,35 @@
+"use strict";
+
+import { FlowActionType } from '@userflow-tech/protocol';
+import { themeHasPublishedCustomCss } from "./resolveCdnHost.js";
+let debugForceWebViewBanner = false;
+
+/** POC / local testing when the builder flag is not on the wire yet. */
+export function setDebugForceWebViewBanner(enabled) {
+  debugForceWebViewBanner = enabled;
+}
+
+/** @internal */
+export function resetDebugForceWebViewBannerForTests() {
+  debugForceWebViewBanner = false;
+}
+function bannerHasEvalJsAction(banner) {
+  return banner.buttons.some(button => button.actions.some(action => action.type === FlowActionType.EVAL_JS));
+}
+
+/**
+ * Use the WebView banner renderer when any button runs Evaluate JavaScript
+ * (needs the shared eval page), when the theme has published custom CSS
+ * (`.userflow-custom-container-*` / `.userflow-custom-button-*` via CDN),
+ * or when {@link setDebugForceWebViewBanner} is true.
+ */
+export function bannerNeedsWebView(banner, theme) {
+  if (debugForceWebViewBanner) {
+    return true;
+  }
+  if (theme != null && themeHasPublishedCustomCss(theme)) {
+    return true;
+  }
+  return bannerHasEvalJsAction(banner);
+}
+//# sourceMappingURL=bannerNeedsWebView.js.map

package/lib/module/surfaces/bannerWebView/bannerNeedsWebView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FlowActionType","themeHasPublishedCustomCss","debugForceWebViewBanner","setDebugForceWebViewBanner","enabled","resetDebugForceWebViewBannerForTests","bannerHasEvalJsAction","banner","buttons","some","button","actions","action","type","EVAL_JS","bannerNeedsWebView","theme"],"sourceRoot":"../../../../src","sources":["surfaces/bannerWebView/bannerNeedsWebView.ts"],"mappings":";;AACA,SAASA,cAAc,QAAQ,yBAAyB;AAExD,SAASC,0BAA0B,QAAQ,qBAAkB;AAE7D,IAAIC,uBAAuB,GAAG,KAAK;;AAEnC;AACA,OAAO,SAASC,0BAA0BA,CAACC,OAAgB,EAAQ;EACjEF,uBAAuB,GAAGE,OAAO;AACnC;;AAEA;AACA,OAAO,SAASC,oCAAoCA,CAAA,EAAS;EAC3DH,uBAAuB,GAAG,KAAK;AACjC;AAEA,SAASI,qBAAqBA,CAACC,MAAsB,EAAW;EAC9D,OAAOA,MAAM,CAACC,OAAO,CAACC,IAAI,CAAEC,MAAM,IAChCA,MAAM,CAACC,OAAO,CAACF,IAAI,CAAEG,MAAM,IAAKA,MAAM,CAACC,IAAI,KAAKb,cAAc,CAACc,OAAO,CACxE,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAACR,MAAsB,EAAES,KAA4B,EAAW;EAChG,IAAId,uBAAuB,EAAE;IAC3B,OAAO,IAAI;EACb;EACA,IAAIc,KAAK,IAAI,IAAI,IAAIf,0BAA0B,CAACe,KAAK,CAAC,EAAE;IACtD,OAAO,IAAI;EACb;EACA,OAAOV,qBAAqB,CAACC,MAAM,CAAC;AACtC","ignoreList":[]}

package/lib/module/surfaces/bannerWebView/bannerThemeStyles.js

@@ -0,0 +1,69 @@
+"use strict";
+
+import { resolveBannerBackgroundColor, resolveBannerForegroundColor } from "../resolveBannerTheme.js";
+function readString(theme, key, fallback) {
+  const value = theme[key];
+  if (typeof value === 'string' && value.trim()) {
+    return value.trim();
+  }
+  return fallback;
+}
+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 readCssLength(theme, key, fallbackPx) {
+  const value = theme[key];
+  if (typeof value === 'number' && Number.isFinite(value)) {
+    return `${value}px`;
+  }
+  if (typeof value === 'string' && value.trim()) {
+    return value.trim();
+  }
+  return `${fallbackPx}px`;
+}
+function escapeHtmlAttribute(value) {
+  return value.replace(/&/g, '&').replace(/"/g, '"');
+}
+
+/** Inline CSS custom properties for banner WebView (subset of web `getThemeRootStyles`). */
+export function bannerThemeInlineStyles(theme) {
+  const bannerBg = resolveBannerBackgroundColor(theme);
+  const bannerFg = resolveBannerForegroundColor(theme);
+  const fontSize = typeof theme.fontSize === 'number' ? theme.fontSize : 16;
+  const lineHeight = readNumber(theme, 'lineHeight', Math.round(fontSize * 1.5));
+  return {
+    '--userflow-banner-background-color': bannerBg,
+    '--userflow-banner-foreground-color': bannerFg,
+    '--userflow-banner-hover-background-color': readString(theme, 'bannerHoverBackgroundColor', bannerBg),
+    '--userflow-banner-active-background-color': readString(theme, 'bannerActiveBackgroundColor', bannerBg),
+    '--userflow-banner-hover-foreground-color': readString(theme, 'bannerHoverForegroundColor', bannerFg),
+    '--userflow-banner-active-foreground-color': readString(theme, 'bannerActiveForegroundColor', bannerFg),
+    '--userflow-font-family': readString(theme, 'fontFamily', 'system-ui, sans-serif'),
+    '--userflow-font-size': `${fontSize}px`,
+    '--userflow-line-height': `${lineHeight}px`,
+    '--userflow-button-height': readCssLength(theme, 'buttonHeight', 32),
+    '--userflow-button-border-radius': readCssLength(theme, 'buttonBorderRadius', 6),
+    '--userflow-button-min-width': readCssLength(theme, 'buttonMinWidth', 0),
+    '--userflow-main-foreground-color': bannerFg,
+    '--userflow-link-color': readString(theme, 'linkColor', bannerFg),
+    '--userflow-h1-font-size': `${Math.round(fontSize * 1.25)}px`,
+    '--userflow-h2-font-size': `${Math.round(fontSize * 1.125)}px`,
+    '--userflow-font-weight-normal': '400',
+    '--userflow-font-weight-bold': '600'
+  };
+}
+export function bannerThemeStyleAttribute(theme) {
+  const entries = bannerThemeInlineStyles(theme);
+  return Object.entries(entries).map(([key, value]) => `${key}:${escapeHtmlAttribute(value)}`).join(';');
+}
+//# sourceMappingURL=bannerThemeStyles.js.map

package/lib/module/surfaces/bannerWebView/bannerThemeStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["resolveBannerBackgroundColor","resolveBannerForegroundColor","readString","theme","key","fallback","value","trim","readNumber","Number","isFinite","parsed","parseFloat","readCssLength","fallbackPx","escapeHtmlAttribute","replace","bannerThemeInlineStyles","bannerBg","bannerFg","fontSize","lineHeight","Math","round","bannerThemeStyleAttribute","entries","Object","map","join"],"sourceRoot":"../../../../src","sources":["surfaces/bannerWebView/bannerThemeStyles.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/surfaces/bannerWebView/bannerWebFrameCss.js

@@ -0,0 +1,148 @@
+"use strict";
+
+/**
+ * Banner + bubble-button subset of web `bubble-frame.styl` for custom-banner WebViews.
+ * Custom theme CSS targets the same class names as userflow.js.
+ */
+export const BANNER_WEB_FRAME_CSS = `
+.userflowjs-theme-root {
+  line-height: var(--userflow-line-height, 24px);
+  color: var(--userflow-main-foreground-color, inherit);
+  font-weight: var(--userflow-font-weight-normal, 400);
+}
+.userflowjs-theme-root, .userflowjs-theme-root button {
+  font-family: var(--userflow-font-family, system-ui, sans-serif);
+  font-size: var(--userflow-font-size, 16px);
+}
+.userflowjs-theme-root b, .userflowjs-theme-root strong {
+  font-weight: var(--userflow-font-weight-bold, 600);
+}
+.userflowjs-theme-root a {
+  color: var(--userflow-link-color, inherit);
+  text-decoration: underline;
+}
+.userflowjs-theme-root h1 {
+  font-size: var(--userflow-h1-font-size, 1.25em);
+  font-weight: var(--userflow-font-weight-bold, 600);
+  margin: 0 0 16px;
+}
+.userflowjs-theme-root h2 {
+  font-size: var(--userflow-h2-font-size, 1.125em);
+  font-weight: var(--userflow-font-weight-bold, 600);
+  margin: 0 0 16px;
+}
+.userflowjs-theme-root p {
+  margin: 0 0 16px;
+}
+.userflowjs-button-reset {
+  outline: 0;
+  border: 0;
+  padding: 0;
+  margin: 0;
+  background-color: transparent;
+  cursor: pointer;
+}
+.userflowjs-bubble-button-base {
+  display: inline-block;
+  padding: calc((var(--userflow-button-height, 32px) - var(--userflow-line-height, 24px)) / 2) var(--userflow-font-size, 16px);
+  text-align: center;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  border-radius: 0.375em;
+  font-size: var(--userflow-font-size, 16px);
+  font-weight: var(--userflow-font-weight-bold, 600);
+  height: var(--userflow-button-height, 32px);
+  line-height: var(--userflow-line-height, 24px);
+  border: 0;
+  cursor: pointer;
+}
+.userflowjs-bubble-button {
+  display: inline-flex;
+  align-items: center;
+}
+.userflowjs-bubble-button--primary,
+.userflowjs-bubble-button--default,
+.userflowjs-bubble-button--banner-primary,
+.userflowjs-bubble-button--banner-secondary {
+  font-family: var(--userflow-font-family, system-ui, sans-serif);
+  border-radius: var(--userflow-button-border-radius, 0.375em);
+  min-width: var(--userflow-button-min-width, 0);
+  white-space: normal;
+  max-width: 100%;
+}
+.userflowjs-bubble-button--banner-primary {
+  background-color: var(--userflow-banner-foreground-color);
+  color: var(--userflow-banner-background-color);
+  padding-left: 12px;
+  padding-right: 12px;
+}
+.userflowjs-bubble-button--banner-secondary {
+  background-color: var(--userflow-banner-background-color);
+  color: var(--userflow-banner-foreground-color);
+  border: 1px solid var(--userflow-banner-foreground-color);
+  padding-left: 12px;
+  padding-right: 12px;
+}
+.userflowjs-banner-root {
+  position: relative;
+  background: var(--userflow-banner-background-color);
+  color: var(--userflow-banner-foreground-color);
+  padding: 8px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  box-sizing: border-box;
+}
+.userflowjs-banner-root--content-layout-START .userflowjs-banner-inner {
+  justify-content: flex-start;
+}
+.userflowjs-banner-root--content-layout-CENTER .userflowjs-banner-inner {
+  justify-content: center;
+}
+.userflowjs-banner-root--content-layout-SPACE_BETWEEN .userflowjs-banner-inner {
+  justify-content: space-between;
+}
+.userflowjs-banner-inner {
+  flex: 1 1 auto;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  column-gap: 16px;
+  row-gap: 8px;
+  margin: 0 8px;
+  min-width: 0;
+}
+.userflowjs-banner-content {
+  white-space: pre-wrap;
+  overflow-wrap: break-word;
+  flex-shrink: 1;
+  min-width: 0;
+}
+.userflowjs-banner-buttons {
+  display: flex;
+  gap: 8px;
+  flex-shrink: 0;
+}
+.userflowjs-banner-start-spacer {
+  flex: 1 1 0;
+  max-width: var(--userflow-button-height, 32px);
+  height: var(--userflow-button-height, 32px);
+}
+.userflowjs-banner-close {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--userflow-button-height, 32px);
+  height: var(--userflow-button-height, 32px);
+  color: var(--userflow-banner-foreground-color);
+  background: transparent;
+  padding: 0;
+  border-radius: 4px;
+}
+.userflowjs-banner-close:hover {
+  background-color: var(--userflow-banner-hover-background-color, rgba(0,0,0,0.08));
+}
+`;
+//# sourceMappingURL=bannerWebFrameCss.js.map

package/lib/module/surfaces/bannerWebView/bannerWebFrameCss.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BANNER_WEB_FRAME_CSS"],"sourceRoot":"../../../../src","sources":["surfaces/bannerWebView/bannerWebFrameCss.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA,OAAO,MAAMA,oBAAoB,GAAG;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}