@userflow-tech/react-native 0.2.0 → 0.3.1

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":[]}

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

@@ -0,0 +1,143 @@
+"use strict";
+
+import { interpolateVariables } from '@userflow-tech/core';
+import { BannerContentLayout } from '@userflow-tech/protocol';
+import { buildBootstrapHtml, wrapCode } from "../../evalJs/bootstrap.js";
+import { collectBannerAutoRunEvalCodes } from "./bannerAutoRunEvalJs.js";
+import { bannerThemeStyleAttribute } from "./bannerThemeStyles.js";
+import { BANNER_WEB_FRAME_CSS } from "./bannerWebFrameCss.js";
+import { buttonClassName } from "./buttonClassName.js";
+import { resolveCustomStylesheetUrl } from "./resolveCdnHost.js";
+import { richContentDocToHtml } from "./richContentDocToHtml.js";
+function contentLayoutClass(layout) {
+  switch (layout) {
+    case BannerContentLayout.CENTER:
+      return 'userflowjs-banner-root--content-layout-CENTER';
+    case BannerContentLayout.SPACE_BETWEEN:
+      return 'userflowjs-banner-root--content-layout-SPACE_BETWEEN';
+    case BannerContentLayout.START:
+    default:
+      return 'userflowjs-banner-root--content-layout-START';
+  }
+}
+function layoutMeasureScript() {
+  return `
+(function(){
+  function postLayout(){
+    var root=document.querySelector('.userflowjs-banner-root');
+    if(!root||!window.ReactNativeWebView||!window.ReactNativeWebView.postMessage)return;
+    var rectH=root.getBoundingClientRect().height;
+    var scrollH=root.scrollHeight;
+    var h=Math.ceil(Math.max(scrollH,rectH));
+    var vh=window.innerHeight||0;
+    if(vh>0&&h>=vh-2){
+      var sum=0;
+      for(var i=0;i<root.childNodes.length;i++){
+        var node=root.childNodes[i];
+        if(node&&node.nodeType===1){
+          var el=node;
+          sum+=el.scrollHeight||el.offsetHeight||0;
+        }
+      }
+      if(sum>0&&sum<h) h=Math.ceil(sum);
+    }
+    window.ReactNativeWebView.postMessage(JSON.stringify({__userflow:1,type:'bannerLayout',height:h}));
+  }
+  window.__userflowBannerLayout=postLayout;
+  if(typeof ResizeObserver!=='undefined'){
+    var root=document.querySelector('.userflowjs-banner-root');
+    if(root){new ResizeObserver(postLayout).observe(root);}
+  }
+  window.addEventListener('load',postLayout);
+  setTimeout(postLayout,0);
+})();
+`;
+}
+function bannerInteractionScript() {
+  return `
+(function(){
+  function post(msg){
+    if(window.ReactNativeWebView&&window.ReactNativeWebView.postMessage){
+      window.ReactNativeWebView.postMessage(JSON.stringify(Object.assign({__userflow:1},msg)));
+    }
+  }
+  document.addEventListener('click',function(ev){
+    var t=ev.target;
+    if(!t||!t.closest)return;
+    var btn=t.closest('[data-userflow-banner-button]');
+    if(btn){
+      ev.preventDefault();
+      post({type:'bannerButton',buttonId:btn.getAttribute('data-userflow-banner-button')});
+      return;
+    }
+    var close=t.closest('[data-userflow-banner-dismiss]');
+    if(close){
+      ev.preventDefault();
+      window.__userflowBannerEvalDismissed=true;
+      post({type:'bannerDismiss'});
+    }
+  });
+})();
+`;
+}
+
+/** Runs eval-only button scripts once the banner document (and `window.userflow`) exists. */
+function bannerAutoRunEvalScript(banner, lookupAttribute) {
+  const codes = collectBannerAutoRunEvalCodes(banner, lookupAttribute);
+  if (codes.length === 0) {
+    return '';
+  }
+  const runs = codes.map(code => wrapCode(code)).join('');
+  return `
+(function(){
+  if(window.__userflowBannerEvalDismissed||window.__userflowBannerEvalRan)return;
+  window.__userflowBannerEvalRan=true;
+  function run(){
+    if(window.__userflowBannerEvalDismissed)return;
+    ${runs}
+  }
+  if(document.readyState==='loading'){
+    document.addEventListener('DOMContentLoaded',run,{once:true});
+  }else{
+    run();
+  }
+})();
+`;
+}
+export function buildCustomBannerBodyHtml(session, lookupAttribute, serverEndpoint, options) {
+  const banner = session.version.banner;
+  const theme = session.version.theme;
+  const layoutClass = contentLayoutClass(banner.contentLayout);
+  const themeStyle = bannerThemeStyleAttribute(theme);
+  const customCssUrl = resolveCustomStylesheetUrl(serverEndpoint, theme);
+  const maxInner = banner.maxContentWidth != null ? ` style="max-width:${banner.maxContentWidth}px"` : '';
+  const contentHtml = richContentDocToHtml(banner.content, lookupAttribute);
+  const buttonsHtml = banner.buttons.map(button => {
+    const label = escapeAttr(interpolateVariables(button.text, lookupAttribute));
+    const classes = escapeAttr(buttonClassName(button.appearance));
+    return `<button type="button" class="${classes}" data-userflow-banner-button="${escapeAttr(button.id)}"><span class="userflowjs-bubble-button-text">${label}</span></button>`;
+  }).join('');
+  const closeHtml = session.version.closeDisabled ? '<div class="userflowjs-banner-start-spacer"></div>' : '<button type="button" class="userflowjs-banner-close userflowjs-button-reset" data-userflow-banner-dismiss="1" aria-label="Dismiss">×</button>';
+  const customLink = customCssUrl ? `<link rel="stylesheet" href="${escapeAttr(customCssUrl)}" />` : '';
+  return `
+<style>${BANNER_WEB_FRAME_CSS}</style>
+${customLink}
+<div class="userflowjs-banner-root userflowjs-theme-root ${layoutClass}" style="${themeStyle}">
+  <div class="userflowjs-banner-start-spacer"></div>
+  <div class="userflowjs-banner-inner"${maxInner}>
+    <div class="userflowjs-banner-content">${contentHtml}</div>
+    ${buttonsHtml ? `<div class="userflowjs-banner-buttons">${buttonsHtml}</div>` : ''}
+  </div>
+  ${closeHtml}
+</div>
+<script>${layoutMeasureScript()}${bannerInteractionScript()}${options?.skipAutoRunEval ? '' : bannerAutoRunEvalScript(banner, lookupAttribute)}</script>
+`;
+}
+export function buildCustomBannerHtml(context, session, lookupAttribute, serverEndpoint, options) {
+  const body = buildCustomBannerBodyHtml(session, lookupAttribute, serverEndpoint, options);
+  return buildBootstrapHtml(context, body);
+}
+function escapeAttr(value) {
+  return value.replace(/&/g, '&amp;').replace(/"/g, '&quot;').replace(/</g, '&lt;');
+}
+//# sourceMappingURL=buildCustomBannerHtml.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["interpolateVariables","BannerContentLayout","buildBootstrapHtml","wrapCode","collectBannerAutoRunEvalCodes","bannerThemeStyleAttribute","BANNER_WEB_FRAME_CSS","buttonClassName","resolveCustomStylesheetUrl","richContentDocToHtml","contentLayoutClass","layout","CENTER","SPACE_BETWEEN","START","layoutMeasureScript","bannerInteractionScript","bannerAutoRunEvalScript","banner","lookupAttribute","codes","length","runs","map","code","join","buildCustomBannerBodyHtml","session","serverEndpoint","options","version","theme","layoutClass","contentLayout","themeStyle","customCssUrl","maxInner","maxContentWidth","contentHtml","content","buttonsHtml","buttons","button","label","escapeAttr","text","classes","appearance","id","closeHtml","closeDisabled","customLink","skipAutoRunEval","buildCustomBannerHtml","context","body","value","replace"],"sourceRoot":"../../../../src","sources":["surfaces/bannerWebView/buildCustomBannerHtml.ts"],"mappings":";;AAAA,SAASA,oBAAoB,QAAQ,qBAAqB;AAE1D,SAASC,mBAAmB,QAAQ,yBAAyB;AAE7D,SAASC,kBAAkB,EAAEC,QAAQ,QAAQ,2BAAwB;AAGrE,SAASC,6BAA6B,QAAQ,0BAAuB;AACrE,SAASC,yBAAyB,QAAQ,wBAAqB;AAC/D,SAASC,oBAAoB,QAAQ,wBAAqB;AAC1D,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,0BAA0B,QAAQ,qBAAkB;AAC7D,SAASC,oBAAoB,QAAQ,2BAAwB;AAE7D,SAASC,kBAAkBA,CAACC,MAA2B,EAAU;EAC/D,QAAQA,MAAM;IACZ,KAAKV,mBAAmB,CAACW,MAAM;MAC7B,OAAO,+CAA+C;IACxD,KAAKX,mBAAmB,CAACY,aAAa;MACpC,OAAO,sDAAsD;IAC/D,KAAKZ,mBAAmB,CAACa,KAAK;IAC9B;MACE,OAAO,8CAA8C;EACzD;AACF;AAEA,SAASC,mBAAmBA,CAAA,EAAW;EACrC,OAAO;AACT;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;AACD;AAEA,SAASC,uBAAuBA,CAAA,EAAW;EACzC,OAAO;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;;AAEA;AACA,SAASC,uBAAuBA,CAC9BC,MAAsB,EACtBC,eAA+C,EACvC;EACR,MAAMC,KAAK,GAAGhB,6BAA6B,CAACc,MAAM,EAAEC,eAAe,CAAC;EACpE,IAAIC,KAAK,CAACC,MAAM,KAAK,CAAC,EAAE;IACtB,OAAO,EAAE;EACX;EACA,MAAMC,IAAI,GAAGF,KAAK,CAACG,GAAG,CAAEC,IAAI,IAAKrB,QAAQ,CAACqB,IAAI,CAAC,CAAC,CAACC,IAAI,CAAC,EAAE,CAAC;EACzD,OAAO;AACT;AACA;AACA;AACA;AACA;AACA,MAAMH,IAAI;AACV;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AAOA,OAAO,SAASI,yBAAyBA,CACvCC,OAA8B,EAC9BR,eAA+C,EAC/CS,cAAsB,EACtBC,OAAsC,EAC9B;EACR,MAAMX,MAAM,GAAGS,OAAO,CAACG,OAAO,CAACZ,MAAwB;EACvD,MAAMa,KAAK,GAAGJ,OAAO,CAACG,OAAO,CAACC,KAAK;EACnC,MAAMC,WAAW,GAAGtB,kBAAkB,CAACQ,MAAM,CAACe,aAAa,CAAC;EAC5D,MAAMC,UAAU,GAAG7B,yBAAyB,CAAC0B,KAAK,CAAC;EACnD,MAAMI,YAAY,GAAG3B,0BAA0B,CAACoB,cAAc,EAAEG,KAAK,CAAC;EACtE,MAAMK,QAAQ,GACZlB,MAAM,CAACmB,eAAe,IAAI,IAAI,GAAG,qBAAqBnB,MAAM,CAACmB,eAAe,KAAK,GAAG,EAAE;EACxF,MAAMC,WAAW,GAAG7B,oBAAoB,CAACS,MAAM,CAACqB,OAAO,EAAEpB,eAAe,CAAC;EACzE,MAAMqB,WAAW,GAAGtB,MAAM,CAACuB,OAAO,CAC/BlB,GAAG,CAAEmB,MAAM,IAAK;IACf,MAAMC,KAAK,GAAGC,UAAU,CAAC5C,oBAAoB,CAAC0C,MAAM,CAACG,IAAI,EAAE1B,eAAe,CAAC,CAAC;IAC5E,MAAM2B,OAAO,GAAGF,UAAU,CAACrC,eAAe,CAACmC,MAAM,CAACK,UAAU,CAAC,CAAC;IAC9D,OAAO,gCAAgCD,OAAO,kCAAkCF,UAAU,CAACF,MAAM,CAACM,EAAE,CAAC,iDAAiDL,KAAK,kBAAkB;EAC/K,CAAC,CAAC,CACDlB,IAAI,CAAC,EAAE,CAAC;EACX,MAAMwB,SAAS,GAAGtB,OAAO,CAACG,OAAO,CAACoB,aAAa,GAC3C,oDAAoD,GACpD,gJAAgJ;EAEpJ,MAAMC,UAAU,GAAGhB,YAAY,GAC3B,gCAAgCS,UAAU,CAACT,YAAY,CAAC,MAAM,GAC9D,EAAE;EAEN,OAAO;AACT,SAAS7B,oBAAoB;AAC7B,EAAE6C,UAAU;AACZ,2DAA2DnB,WAAW,YAAYE,UAAU;AAC5F;AACA,wCAAwCE,QAAQ;AAChD,6CAA6CE,WAAW;AACxD,MAAME,WAAW,GAAG,0CAA0CA,WAAW,QAAQ,GAAG,EAAE;AACtF;AACA,IAAIS,SAAS;AACb;AACA,UAAUlC,mBAAmB,CAAC,CAAC,GAAGC,uBAAuB,CAAC,CAAC,GAAGa,OAAO,EAAEuB,eAAe,GAAG,EAAE,GAAGnC,uBAAuB,CAACC,MAAM,EAAEC,eAAe,CAAC;AAC9I,CAAC;AACD;AAEA,OAAO,SAASkC,qBAAqBA,CACnCC,OAAsB,EACtB3B,OAA8B,EAC9BR,eAA+C,EAC/CS,cAAsB,EACtBC,OAAsC,EAC9B;EACR,MAAM0B,IAAI,GAAG7B,yBAAyB,CAACC,OAAO,EAAER,eAAe,EAAES,cAAc,EAAEC,OAAO,CAAC;EACzF,OAAO3B,kBAAkB,CAACoD,OAAO,EAAEC,IAAI,CAAC;AAC1C;AAEA,SAASX,UAAUA,CAACY,KAAa,EAAU;EACzC,OAAOA,KAAK,CAACC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAACA,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAACA,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;AACnF","ignoreList":[]}

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

@@ -0,0 +1,9 @@
+"use strict";
+
+/** Mirrors web `TreeDoc.buttonClassName`. */
+export function buttonClassName(appearance) {
+  const value = appearance || 'default';
+  const known = value === 'primary' || value === 'PRIMARY' || value === 'default' || value === 'DEFAULT' || value === 'banner-primary' || value === 'banner-secondary';
+  return 'userflowjs-bubble-button ' + (known ? `userflowjs-bubble-button--${value.toLowerCase()}` : value);
+}
+//# sourceMappingURL=buttonClassName.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["buttonClassName","appearance","value","known","toLowerCase"],"sourceRoot":"../../../../src","sources":["surfaces/bannerWebView/buttonClassName.ts"],"mappings":";;AAAA;AACA,OAAO,SAASA,eAAeA,CAACC,UAAqC,EAAU;EAC7E,MAAMC,KAAK,GAAGD,UAAU,IAAI,SAAS;EACrC,MAAME,KAAK,GACTD,KAAK,KAAK,SAAS,IACnBA,KAAK,KAAK,SAAS,IACnBA,KAAK,KAAK,SAAS,IACnBA,KAAK,KAAK,SAAS,IACnBA,KAAK,KAAK,gBAAgB,IAC1BA,KAAK,KAAK,kBAAkB;EAC9B,OACE,2BAA2B,IAC1BC,KAAK,GAAG,6BAA6BD,KAAK,CAACE,WAAW,CAAC,CAAC,EAAE,GAAGF,KAAK,CAAC;AAExE","ignoreList":[]}

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

@@ -0,0 +1,42 @@
+"use strict";
+
+/**
+ * Map the end-user websocket host to the theme stylesheet CDN host
+ * (same convention as web userflow.js).
+ */
+export function resolveCdnHost(serverEndpoint) {
+  const trimmed = serverEndpoint.replace(/\/$/, '');
+  let host = trimmed;
+  if (host.startsWith('https://')) {
+    host = host.slice('https://'.length);
+  } else if (host.startsWith('http://')) {
+    host = host.slice('http://'.length);
+  }
+  if (host.startsWith('e.')) {
+    return `cdn.${host.slice(2)}`;
+  }
+  if (host.includes('localhost') || host.includes('127.0.0.1')) {
+    return 'cdn.userflow.com';
+  }
+  return `cdn.${host}`;
+}
+export function themePublishedCssVersion(theme) {
+  const cssVersion = theme.cssVersion;
+  if (typeof cssVersion !== 'string' && typeof cssVersion !== 'number') {
+    return null;
+  }
+  const version = String(cssVersion);
+  return version ? version : null;
+}
+export function themeHasPublishedCustomCss(theme) {
+  return themePublishedCssVersion(theme) != null;
+}
+export function resolveCustomStylesheetUrl(serverEndpoint, theme) {
+  const version = themePublishedCssVersion(theme);
+  if (!version) {
+    return null;
+  }
+  const cdnHost = resolveCdnHost(serverEndpoint);
+  return `https://${cdnHost}/themes/${theme.id}/stylesheets/${version}/custom.css`;
+}
+//# sourceMappingURL=resolveCdnHost.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["resolveCdnHost","serverEndpoint","trimmed","replace","host","startsWith","slice","length","includes","themePublishedCssVersion","theme","cssVersion","version","String","themeHasPublishedCustomCss","resolveCustomStylesheetUrl","cdnHost","id"],"sourceRoot":"../../../../src","sources":["surfaces/bannerWebView/resolveCdnHost.ts"],"mappings":";;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASA,cAAcA,CAACC,cAAsB,EAAU;EAC7D,MAAMC,OAAO,GAAGD,cAAc,CAACE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;EACjD,IAAIC,IAAI,GAAGF,OAAO;EAClB,IAAIE,IAAI,CAACC,UAAU,CAAC,UAAU,CAAC,EAAE;IAC/BD,IAAI,GAAGA,IAAI,CAACE,KAAK,CAAC,UAAU,CAACC,MAAM,CAAC;EACtC,CAAC,MAAM,IAAIH,IAAI,CAACC,UAAU,CAAC,SAAS,CAAC,EAAE;IACrCD,IAAI,GAAGA,IAAI,CAACE,KAAK,CAAC,SAAS,CAACC,MAAM,CAAC;EACrC;EACA,IAAIH,IAAI,CAACC,UAAU,CAAC,IAAI,CAAC,EAAE;IACzB,OAAO,OAAOD,IAAI,CAACE,KAAK,CAAC,CAAC,CAAC,EAAE;EAC/B;EACA,IAAIF,IAAI,CAACI,QAAQ,CAAC,WAAW,CAAC,IAAIJ,IAAI,CAACI,QAAQ,CAAC,WAAW,CAAC,EAAE;IAC5D,OAAO,kBAAkB;EAC3B;EACA,OAAO,OAAOJ,IAAI,EAAE;AACtB;AAEA,OAAO,SAASK,wBAAwBA,CAACC,KAAoB,EAAiB;EAC5E,MAAMC,UAAU,GAAGD,KAAK,CAACC,UAAU;EACnC,IAAI,OAAOA,UAAU,KAAK,QAAQ,IAAI,OAAOA,UAAU,KAAK,QAAQ,EAAE;IACpE,OAAO,IAAI;EACb;EACA,MAAMC,OAAO,GAAGC,MAAM,CAACF,UAAU,CAAC;EAClC,OAAOC,OAAO,GAAGA,OAAO,GAAG,IAAI;AACjC;AAEA,OAAO,SAASE,0BAA0BA,CAACJ,KAAoB,EAAW;EACxE,OAAOD,wBAAwB,CAACC,KAAK,CAAC,IAAI,IAAI;AAChD;AAEA,OAAO,SAASK,0BAA0BA,CACxCd,cAAsB,EACtBS,KAAoB,EACL;EACf,MAAME,OAAO,GAAGH,wBAAwB,CAACC,KAAK,CAAC;EAC/C,IAAI,CAACE,OAAO,EAAE;IACZ,OAAO,IAAI;EACb;EACA,MAAMI,OAAO,GAAGhB,cAAc,CAACC,cAAc,CAAC;EAC9C,OAAO,WAAWe,OAAO,WAAWN,KAAK,CAACO,EAAE,gBAAgBL,OAAO,aAAa;AAClF","ignoreList":[]}

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

@@ -0,0 +1,79 @@
+"use strict";
+
+import { interpolateVariables } from '@userflow-tech/core';
+import { deserializeRichContentDoc, isText, stringifyPlaintextDoc } from "../../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 (isText(node)) {
+      let text = node.text;
+      if (node.silent) {
+        continue;
+      }
+      text = 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(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 '';
+  }
+}
+export function richContentDocToHtml(content, lookupAttribute) {
+  const doc = typeof content === 'string' || content == null ? deserializeRichContentDoc(content) : content;
+  return doc.children.map(block => blockToHtml(block, lookupAttribute)).join('');
+}
+//# sourceMappingURL=richContentDocToHtml.js.map

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

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

package/lib/module/surfaces/resolveBannerTheme.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_BANNER_BACKGROUND_COLOR","DEFAULT_BANNER_FOREGROUND_COLOR","readThemeColor","theme","key","value","trim","length","undefined","resolveBannerBackgroundColor","resolveBannerForegroundColor"],"sourceRoot":"../../../src","sources":["surfaces/resolveBannerTheme.ts"],"mappings":";;AAEA;AACA,OAAO,MAAMA,+BAA+B,GAAG,SAAS;AACxD,OAAO,MAAMC,+BAA+B,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;AAEA,OAAO,SAASC,4BAA4BA,CAACN,KAAoB,EAAU;EACzE,OAAOD,cAAc,CAACC,KAAK,EAAE,uBAAuB,CAAC,IAAIH,+BAA+B;AAC1F;AAEA,OAAO,SAASU,4BAA4BA,CAACP,KAAoB,EAAU;EACzE,OAAOD,cAAc,CAACC,KAAK,EAAE,uBAAuB,CAAC,IAAIF,+BAA+B;AAC1F","ignoreList":[]}

package/lib/module/surfaces/safeArea.js

@@ -1,41 +1,100 @@
 "use strict";
 
+import React from 'react';
 const ZERO_INSETS = {
   top: 0,
   right: 0,
   bottom: 0,
   left: 0
 };
-let cachedHook;
 
 /**
- * Resolve `useSafeAreaInsets` from the optional peer `react-native-safe-area-context`.
- * Returns a zero-inset hook when the peer is not installed.
+ * Used only when `react-native-safe-area-context` is not installed, so
+ * {@link useUserflowSafeAreaInsets} can call `useContext` unconditionally.
  */
-function resolveUseSafeAreaInsets() {
-  if (cachedHook !== undefined) return cachedHook ?? (() => ZERO_INSETS);
+const FallbackInsetsContext = /*#__PURE__*/React.createContext(null);
+export const MISSING_SAFE_AREA_PROVIDER_WARNING = '[Userflow] UserflowProvider is not inside a <SafeAreaProvider>, so flow cards use the ' + "device's initial safe-area insets. Wrap your app in <SafeAreaProvider> from " + 'react-native-safe-area-context.';
+let cachedModule;
+let warnedMissingProvider = false;
+function loadSafeAreaModule() {
+  if (cachedModule !== undefined) return cachedModule;
   if (typeof require !== 'function') {
-    cachedHook = null;
-    return () => ZERO_INSETS;
+    cachedModule = null;
+    return null;
   }
   try {
     // Optional peer — Expo / React Navigation apps usually have it.
     // eslint-disable-next-line @typescript-eslint/no-var-requires
     const mod = require('react-native-safe-area-context');
-    cachedHook = typeof mod.useSafeAreaInsets === 'function' ? mod.useSafeAreaInsets : null;
+    cachedModule = mod?.SafeAreaInsetsContext ? mod : null;
   } catch {
-    cachedHook = null;
+    cachedModule = null;
   }
-  return cachedHook ?? (() => ZERO_INSETS);
+  return cachedModule;
+}
+function copyInsets(insets) {
+  if (!insets) return null;
+  const top = insets.top;
+  const right = insets.right;
+  const bottom = insets.bottom;
+  const left = insets.left;
+  if (typeof top !== 'number' || typeof right !== 'number' || typeof bottom !== 'number' || typeof left !== 'number') {
+    return null;
+  }
+  return {
+    top,
+    right,
+    bottom,
+    left
+  };
+}
+
+/** Device insets from the optional peer, before any provider has measured. */
+function readInitialInsets() {
+  return copyInsets(loadSafeAreaModule()?.initialWindowMetrics?.insets);
+}
+function warnMissingProvider() {
+  if (warnedMissingProvider || !__DEV__) return;
+  warnedMissingProvider = true;
+  // eslint-disable-next-line no-console -- intentional missing-provider diagnostic
+  console.warn(MISSING_SAFE_AREA_PROVIDER_WARNING);
+}
+
+/**
+ * Safe-area insets for flow chrome.
+ *
+ * Reads `SafeAreaInsetsContext` directly. `useSafeAreaInsets()` throws when the
+ * peer is installed but no `SafeAreaProvider` is mounted, which would take down
+ * the host tree. A missing provider falls back to `initialWindowMetrics`, then
+ * zero, and warns once in development.
+ */
+function insetsContext() {
+  return loadSafeAreaModule()?.SafeAreaInsetsContext ?? FallbackInsetsContext;
 }
 
-/** Safe-area insets with a zero fallback when the optional peer is missing. */
+/** Value from the nearest provider, or `null` when the peer or provider is absent. */
+export function useParentSafeAreaInsets() {
+  return copyInsets(React.useContext(insetsContext()));
+}
 export function useUserflowSafeAreaInsets() {
-  return resolveUseSafeAreaInsets()();
+  const fromProvider = useParentSafeAreaInsets();
+  if (fromProvider) return fromProvider;
+  if (!loadSafeAreaModule()) return ZERO_INSETS;
+  warnMissingProvider();
+  return readInitialInsets() ?? ZERO_INSETS;
+}
+
+/**
+ * `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.
+ */
+export function getSafeAreaInsetsContext() {
+  return loadSafeAreaModule()?.SafeAreaInsetsContext ?? null;
 }
 
 /** @internal */
 export function resetSafeAreaInsetsCacheForTests() {
-  cachedHook = undefined;
+  cachedModule = undefined;
+  warnedMissingProvider = false;
 }
 //# sourceMappingURL=safeArea.js.map

package/lib/module/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;AACA,OAAO,SAASW,yBAAyBA,CAAA,EAAe;EACtD,OAAOL,wBAAwB,CAAC,CAAC,CAAC,CAAC;AACrC;;AAEA;AACA,OAAO,SAASM,gCAAgCA,CAAA,EAAS;EACvDP,UAAU,GAAGE,SAAS;AACxB","ignoreList":[]}
+{"version":3,"names":["React","ZERO_INSETS","top","right","bottom","left","FallbackInsetsContext","createContext","MISSING_SAFE_AREA_PROVIDER_WARNING","cachedModule","warnedMissingProvider","loadSafeAreaModule","undefined","require","mod","SafeAreaInsetsContext","copyInsets","insets","readInitialInsets","initialWindowMetrics","warnMissingProvider","__DEV__","console","warn","insetsContext","useParentSafeAreaInsets","useContext","useUserflowSafeAreaInsets","fromProvider","getSafeAreaInsetsContext","resetSafeAreaInsetsCacheForTests"],"sourceRoot":"../../../src","sources":["surfaces/safeArea.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/version.js

@@ -1,5 +1,5 @@
 "use strict";
 
 /** Generated by scripts/write-version.mjs — do not edit. */
-export const SDK_VERSION = '0.2.0';
+export const SDK_VERSION = '0.3.1';
 //# sourceMappingURL=version.js.map

package/lib/typescript/commonjs/src/anchors/AnchorRegistry.d.ts

@@ -6,6 +6,11 @@ export interface AnchorHost {
      * Called when the measured rect is not fully visible (bounded retries per step).
      */
     scrollIntoView?: () => void;
+    /**
+     * Public instance this host was registered from, when known. Element click
+     * conditions use it to match a tap to this anchor.
+     */
+    node?: object | null;
 }
 type Listener = () => void;
 /**
@@ -19,6 +24,8 @@ export declare class AnchorRegistry {
     register(id: string, host: AnchorHost): void;
     unregister(id: string, host: AnchorHost): void;
     get(id: string): AnchorHost | null;
+    /** Every host registered for `id`, in registration order. */
+    getAll(id: string): AnchorHost[];
     /** True when more than one host is registered for the same id. */
     isAmbiguous(id: string): boolean;
     subscribe(listener: Listener): () => void;

package/lib/typescript/commonjs/src/anchors/AnchorRegistry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnchorRegistry.d.ts","sourceRoot":"","sources":["../../../../../src/anchors/AnchorRegistry.ts"],"names":[],"mappings":"AAAA,4DAA4D;AAC5D,MAAM,WAAW,UAAU;IACzB,eAAe,EAAE,CACf,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,KACpE,IAAI,CAAC;IACV;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,KAAK,QAAQ,GAAG,MAAM,IAAI,CAAC;AAE3B;;;;GAIG;AACH,qBAAa,cAAc;IACzB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAsC;IAC9D,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAuB;IAEjD,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,GAAG,IAAI;IAW5C,UAAU,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,GAAG,IAAI;IAU9C,GAAG,CAAC,EAAE,EAAE,MAAM,GAAG,UAAU,GAAG,IAAI;IAUlC,kEAAkE;IAClE,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO;IAIhC,SAAS,CAAC,QAAQ,EAAE,QAAQ,GAAG,MAAM,IAAI;IAOzC,uCAAuC;IACvC,KAAK,IAAI,IAAI;IAKb,OAAO,CAAC,IAAI;CAKb;AAED,6EAA6E;AAC7E,eAAO,MAAM,cAAc,gBAAuB,CAAC"}
+{"version":3,"file":"AnchorRegistry.d.ts","sourceRoot":"","sources":["../../../../../src/anchors/AnchorRegistry.ts"],"names":[],"mappings":"AAAA,4DAA4D;AAC5D,MAAM,WAAW,UAAU;IACzB,eAAe,EAAE,CACf,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,KACpE,IAAI,CAAC;IACV;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAED,KAAK,QAAQ,GAAG,MAAM,IAAI,CAAC;AAE3B;;;;GAIG;AACH,qBAAa,cAAc;IACzB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAsC;IAC9D,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAuB;IAEjD,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,GAAG,IAAI;IAW5C,UAAU,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,GAAG,IAAI;IAU9C,GAAG,CAAC,EAAE,EAAE,MAAM,GAAG,UAAU,GAAG,IAAI;IAUlC,6DAA6D;IAC7D,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,UAAU,EAAE;IAMhC,kEAAkE;IAClE,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO;IAIhC,SAAS,CAAC,QAAQ,EAAE,QAAQ,GAAG,MAAM,IAAI;IAOzC,uCAAuC;IACvC,KAAK,IAAI,IAAI;IAKb,OAAO,CAAC,IAAI;CAKb;AAED,6EAA6E;AAC7E,eAAO,MAAM,cAAc,gBAAuB,CAAC"}