@userflow-tech/react-native 0.2.0 → 0.3.0

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

@@ -0,0 +1,152 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BANNER_WEB_FRAME_CSS = void 0;
+/**
+ * Banner + bubble-button subset of web `bubble-frame.styl` for custom-banner WebViews.
+ * Custom theme CSS targets the same class names as userflow.js.
+ */
+const BANNER_WEB_FRAME_CSS = exports.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/commonjs/surfaces/bannerWebView/bannerWebFrameCss.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BANNER_WEB_FRAME_CSS","exports"],"sourceRoot":"../../../../src","sources":["surfaces/bannerWebView/bannerWebFrameCss.ts"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACO,MAAMA,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,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/commonjs/surfaces/bannerWebView/buildCustomBannerHtml.js

@@ -0,0 +1,148 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buildCustomBannerBodyHtml = buildCustomBannerBodyHtml;
+exports.buildCustomBannerHtml = buildCustomBannerHtml;
+var _core = require("@userflow-tech/core");
+var _protocol = require("@userflow-tech/protocol");
+var _bootstrap = require("../../evalJs/bootstrap.js");
+var _bannerAutoRunEvalJs = require("./bannerAutoRunEvalJs.js");
+var _bannerThemeStyles = require("./bannerThemeStyles.js");
+var _bannerWebFrameCss = require("./bannerWebFrameCss.js");
+var _buttonClassName = require("./buttonClassName.js");
+var _resolveCdnHost = require("./resolveCdnHost.js");
+var _richContentDocToHtml = require("./richContentDocToHtml.js");
+function contentLayoutClass(layout) {
+  switch (layout) {
+    case _protocol.BannerContentLayout.CENTER:
+      return 'userflowjs-banner-root--content-layout-CENTER';
+    case _protocol.BannerContentLayout.SPACE_BETWEEN:
+      return 'userflowjs-banner-root--content-layout-SPACE_BETWEEN';
+    case _protocol.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 = (0, _bannerAutoRunEvalJs.collectBannerAutoRunEvalCodes)(banner, lookupAttribute);
+  if (codes.length === 0) {
+    return '';
+  }
+  const runs = codes.map(code => (0, _bootstrap.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();
+  }
+})();
+`;
+}
+function buildCustomBannerBodyHtml(session, lookupAttribute, serverEndpoint, options) {
+  const banner = session.version.banner;
+  const theme = session.version.theme;
+  const layoutClass = contentLayoutClass(banner.contentLayout);
+  const themeStyle = (0, _bannerThemeStyles.bannerThemeStyleAttribute)(theme);
+  const customCssUrl = (0, _resolveCdnHost.resolveCustomStylesheetUrl)(serverEndpoint, theme);
+  const maxInner = banner.maxContentWidth != null ? ` style="max-width:${banner.maxContentWidth}px"` : '';
+  const contentHtml = (0, _richContentDocToHtml.richContentDocToHtml)(banner.content, lookupAttribute);
+  const buttonsHtml = banner.buttons.map(button => {
+    const label = escapeAttr((0, _core.interpolateVariables)(button.text, lookupAttribute));
+    const classes = escapeAttr((0, _buttonClassName.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>${_bannerWebFrameCss.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>
+`;
+}
+function buildCustomBannerHtml(context, session, lookupAttribute, serverEndpoint, options) {
+  const body = buildCustomBannerBodyHtml(session, lookupAttribute, serverEndpoint, options);
+  return (0, _bootstrap.buildBootstrapHtml)(context, body);
+}
+function escapeAttr(value) {
+  return value.replace(/&/g, '&amp;').replace(/"/g, '&quot;').replace(/</g, '&lt;');
+}
+//# sourceMappingURL=buildCustomBannerHtml.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_core","require","_protocol","_bootstrap","_bannerAutoRunEvalJs","_bannerThemeStyles","_bannerWebFrameCss","_buttonClassName","_resolveCdnHost","_richContentDocToHtml","contentLayoutClass","layout","BannerContentLayout","CENTER","SPACE_BETWEEN","START","layoutMeasureScript","bannerInteractionScript","bannerAutoRunEvalScript","banner","lookupAttribute","codes","collectBannerAutoRunEvalCodes","length","runs","map","code","wrapCode","join","buildCustomBannerBodyHtml","session","serverEndpoint","options","version","theme","layoutClass","contentLayout","themeStyle","bannerThemeStyleAttribute","customCssUrl","resolveCustomStylesheetUrl","maxInner","maxContentWidth","contentHtml","richContentDocToHtml","content","buttonsHtml","buttons","button","label","escapeAttr","interpolateVariables","text","classes","buttonClassName","appearance","id","closeHtml","closeDisabled","customLink","BANNER_WEB_FRAME_CSS","skipAutoRunEval","buildCustomBannerHtml","context","body","buildBootstrapHtml","value","replace"],"sourceRoot":"../../../../src","sources":["surfaces/bannerWebView/buildCustomBannerHtml.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buttonClassName = buttonClassName;
+/** Mirrors web `TreeDoc.buttonClassName`. */
+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/commonjs/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;AACO,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/commonjs/surfaces/bannerWebView/resolveCdnHost.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.resolveCdnHost = resolveCdnHost;
+exports.resolveCustomStylesheetUrl = resolveCustomStylesheetUrl;
+exports.themeHasPublishedCustomCss = themeHasPublishedCustomCss;
+exports.themePublishedCssVersion = themePublishedCssVersion;
+/**
+ * Map the end-user websocket host to the theme stylesheet CDN host
+ * (same convention as web userflow.js).
+ */
+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}`;
+}
+function themePublishedCssVersion(theme) {
+  const cssVersion = theme.cssVersion;
+  if (typeof cssVersion !== 'string' && typeof cssVersion !== 'number') {
+    return null;
+  }
+  const version = String(cssVersion);
+  return version ? version : null;
+}
+function themeHasPublishedCustomCss(theme) {
+  return themePublishedCssVersion(theme) != null;
+}
+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/commonjs/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;AACO,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;AAEO,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;AAEO,SAASE,0BAA0BA,CAACJ,KAAoB,EAAW;EACxE,OAAOD,wBAAwB,CAACC,KAAK,CAAC,IAAI,IAAI;AAChD;AAEO,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/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/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/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/version.js

@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SDK_VERSION = void 0;
 /** Generated by scripts/write-version.mjs — do not edit. */
-const SDK_VERSION = exports.SDK_VERSION = '0.2.0';
+const SDK_VERSION = exports.SDK_VERSION = '0.3.0';
 //# sourceMappingURL=version.js.map

package/lib/module/anchors/AutoAnchorRegistry.js

@@ -144,6 +144,10 @@ export class AutoAnchorRegistry {
   updateInstance(instanceId, patch) {
     const inst = this.instances.get(instanceId);
     if (!inst) return;
+    // Stamped hosts call this on every render; notifying for a no-op patch
+    // re-renders registry subscribers, which re-render the stamps.
+    const keys = Object.keys(patch);
+    if (keys.every(key => Object.is(inst[key], patch[key]))) return;
     const prevIds = {
       manualId: inst.manualId,
       userflowId: inst.userflowId,
@@ -311,6 +315,20 @@ export class AutoAnchorRegistry {
     return byManual.length > 1 || byManual.some(i => i.ambiguous);
   }
 
+  /**
+   * Whether `inst` still has a look-alike inside `include`.
+   *
+   * The stored {@link AutoAnchorInstance.ambiguous} flag is registry-wide, so a
+   * copy on a covered screen keeps it set. Visibility can only clear that, never
+   * add ambiguity: an instance the registry considers unique stays unique.
+   */
+  isAmbiguousAmong(inst, include) {
+    if (!inst.ambiguous) return false;
+    const peers = list => list.filter(i => i === inst || include(i));
+    if (inst.manualId) return peers(this.getInstancesByManualId(inst.manualId)).length > 1;
+    return this.isTwinWithin(inst, peers(this.getInstancesByTemplatePath(inst.templatePath))) || this.isTwinWithin(inst, peers(this.getInstancesByRegistryKey(inst.registryKey)));
+  }
+
   /** Test helper — drop every instance and reset ids. */
   clear() {
     this.instances.clear();
@@ -355,6 +373,24 @@ export class AutoAnchorRegistry {
     }
   }
 
+  /**
+   * True when `inst` cannot be told apart from another instance in `list`.
+   * An unlabelled group only: no content of its own, or a content signature a
+   * peer shares.
+   */
+  isTwinWithin(inst, list) {
+    const unlabelled = list.length > 1 && list.every(i => !i.manualId);
+    if (!unlabelled) return false;
+    const sig = contentSignature(inst);
+    if (!sig) return true;
+    let count = 0;
+    for (const peer of list) {
+      if (contentSignature(peer) === sig) count += 1;
+      if (count > 1) return true;
+    }
+    return false;
+  }
+
   /**
    * Instances sharing a template path are only twins while they look alike.
    * Four rows from one `field()` helper are indistinguishable at register time
@@ -364,18 +400,8 @@ export class AutoAnchorRegistry {
    */
   recomputeAmbiguity(registryKey, templatePath, manualId) {
     const mark = list => {
-      const unlabelled = list.length > 1 && list.every(i => !i.manualId);
-      const shared = new Map();
-      if (unlabelled) {
-        for (const i of list) {
-          const sig = contentSignature(i);
-          if (sig) shared.set(sig, (shared.get(sig) ?? 0) + 1);
-        }
-      }
       for (const i of list) {
-        const sig = unlabelled ? contentSignature(i) : undefined;
-        const twins = unlabelled && (!sig || (shared.get(sig) ?? 0) > 1);
-        i.ambiguous = twins || (i.manualId ? this.getInstancesByManualId(i.manualId).length > 1 : false);
+        i.ambiguous = this.isTwinWithin(i, list) || (i.manualId ? this.getInstancesByManualId(i.manualId).length > 1 : false);
       }
     };
     mark(this.getInstancesByRegistryKey(registryKey));