@mrrocket/sdk 0.8.0 → 0.9.0

package/dist/react-native/index.js

@@ -3,6 +3,7 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -16,21 +17,28 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 
 // src/native/index.tsx
 var native_exports = {};
 __export(native_exports, {
+  MRRocketFeedback: () => MRRocketFeedback,
   MRRocketFlows: () => MRRocketFlows,
+  MRRocketMask: () => MRRocketMask,
+  MRRocketMessenger: () => MRRocketMessenger,
   MRRocketProvider: () => MRRocketProvider,
+  MRRocketSurveys: () => MRRocketSurveys,
   SDK_VERSION: () => SDK_VERSION,
   activeRouteName: () => activeRouteName,
   createMRRocket: () => createMRRocket,
   getMRRocket: () => getMRRocket,
   useCancelFlow: () => useCancelFlow,
   useExpoRouterTracking: () => useExpoRouterTracking,
+  useFeedback: () => useFeedback,
   useFlag: () => useFlag,
   useFlagVariant: () => useFlagVariant,
   useMRRocket: () => useMRRocket,
+  useMessenger: () => useMessenger,
   useNavigationTracking: () => useNavigationTracking,
   useOnboarding: () => useOnboarding,
   usePush: () => usePush,
@@ -38,10 +46,10 @@ __export(native_exports, {
   useVariant: () => useVariant
 });
 module.exports = __toCommonJS(native_exports);
-var import_react2 = require("react");
+var import_react3 = require("react");
 
 // src/core.ts
-var SDK_VERSION = "0.8.0";
+var SDK_VERSION = "0.9.0";
 var propOf = (person, name) => {
   const want = name.trim().toLowerCase();
   for (const [k, v] of Object.entries(person)) if (k.toLowerCase() === want) return v;
@@ -114,25 +122,25 @@ var parseQuery = (url) => {
   return out;
 };
 var hashUnit = (input) => {
-  let h2 = 2166136261;
+  let h3 = 2166136261;
   for (let i = 0; i < input.length; i++) {
-    h2 ^= input.charCodeAt(i);
-    h2 = Math.imul(h2, 16777619);
+    h3 ^= input.charCodeAt(i);
+    h3 = Math.imul(h3, 16777619);
   }
-  return (h2 >>> 0) / 4294967296;
+  return (h3 >>> 0) / 4294967296;
 };
 var flagUnit = (input) => {
-  let h2 = 2166136261;
+  let h3 = 2166136261;
   for (let i = 0; i < input.length; i++) {
-    h2 ^= input.charCodeAt(i);
-    h2 = Math.imul(h2, 16777619);
+    h3 ^= input.charCodeAt(i);
+    h3 = Math.imul(h3, 16777619);
   }
-  h2 ^= h2 >>> 16;
-  h2 = Math.imul(h2, 2246822507);
-  h2 ^= h2 >>> 13;
-  h2 = Math.imul(h2, 3266489909);
-  h2 ^= h2 >>> 16;
-  return (h2 >>> 0) / 4294967296;
+  h3 ^= h3 >>> 16;
+  h3 = Math.imul(h3, 2246822507);
+  h3 ^= h3 >>> 13;
+  h3 = Math.imul(h3, 3266489909);
+  h3 ^= h3 >>> 16;
+  return (h3 >>> 0) / 4294967296;
 };
 var assign = (experiment, distinctId) => {
   const control = experiment.variants[0]?.id ?? "control";
@@ -163,6 +171,62 @@ var textChanges = (config, distinctId, preview) => {
 };
 var newDistinctId = () => typeof crypto !== "undefined" && "randomUUID" in crypto ? crypto.randomUUID() : `ck_${Math.random().toString(36).slice(2)}${Date.now().toString(36)}`;
 
+// src/api-client.ts
+var ApiError = class extends Error {
+  constructor(message, status) {
+    super(message);
+    __publicField(this, "status");
+    this.status = status;
+  }
+};
+var qs = (params) => Object.entries(params).filter((e) => !!e[1]).map(([k, v]) => `${encodeURIComponent(k)}=${encodeURIComponent(v)}`).join("&");
+var call = async (url, init, signal) => {
+  let res;
+  try {
+    res = await fetch(url, {
+      ...init,
+      signal,
+      headers: init?.body ? { "content-type": "application/json" } : void 0
+    });
+  } catch (e) {
+    if (e.name === "AbortError") throw e;
+    throw new ApiError("Could not reach the server. Check your connection and try again.", 0);
+  }
+  if (!res.ok) {
+    let detail = "";
+    try {
+      detail = (await res.json()).error ?? "";
+    } catch {
+    }
+    throw new ApiError(detail || (res.status === 429 ? "Too many requests. Try again in a minute." : "Something went wrong. Please try again."), res.status);
+  }
+  return await res.json();
+};
+var createApi = (c) => {
+  const base = `${c.host}/api/sdk`;
+  const who = { key: c.apiKey, distinctId: c.distinctId, user: c.user };
+  const post = (path, body, signal) => call(`${base}${path}`, { method: "POST", body: JSON.stringify({ ...who, ...body }) }, signal);
+  return {
+    list: (o, signal) => call(`${base}/feedback?${qs({ key: c.apiKey, distinctId: c.distinctId, board: o.board, sort: o.sort, q: o.q })}`, void 0, signal),
+    post: (id, signal) => call(`${base}/feedback/${encodeURIComponent(id)}?${qs({ key: c.apiKey, distinctId: c.distinctId })}`, void 0, signal),
+    roadmap: (signal) => call(`${base}/feedback/roadmap?${qs({ key: c.apiKey, distinctId: c.distinctId })}`, void 0, signal),
+    changelog: (signal) => call(`${base}/feedback/changelog?${qs({ key: c.apiKey })}`, void 0, signal),
+    submit: (p) => post("/feedback", p),
+    vote: (id) => post(`/feedback/${encodeURIComponent(id)}/vote`, {}),
+    comments: (id, signal) => call(`${base}/feedback/${encodeURIComponent(id)}/comments?${qs({ key: c.apiKey })}`, void 0, signal),
+    comment: (id, body) => post(`/feedback/${encodeURIComponent(id)}/comments`, { body }),
+    survey: (url, signal) => call(`${base}/surveys?${qs({ key: c.apiKey, distinctId: c.distinctId, url })}`, void 0, signal),
+    seen: (id) => post(`/surveys/${encodeURIComponent(id)}/seen`, { user: void 0 }),
+    respond: (id, r) => post(`/surveys/${encodeURIComponent(id)}/respond`, r),
+    chat: (signal) => call(`${base}/messages?${qs({ key: c.apiKey, distinctId: c.distinctId })}`, void 0, signal),
+    sendChat: (m) => post("/messages", m),
+    articles: (q, signal) => call(`${base}/articles?${qs({ key: c.apiKey, q })}`, void 0, signal),
+    article: (id, signal) => call(`${base}/articles/${encodeURIComponent(id)}?${qs({ key: c.apiKey, distinctId: c.distinctId })}`, void 0, signal),
+    messengerLook: (signal) => call(`${base}/messenger?${qs({ key: c.apiKey })}`, void 0, signal),
+    rateArticle: (id, helpful) => post(`/articles/${encodeURIComponent(id)}/rate`, { helpful })
+  };
+};
+
 // src/batch.ts
 var MAX_BATCH = 100;
 var MAX_BYTES = 6e4;
@@ -612,6 +676,174 @@ var createFlows = (env) => {
   return controller;
 };
 
+// src/rage.ts
+var RageDetector = class {
+  constructor(windowMs = 1e3, radius = 30, count = 3) {
+    __publicField(this, "windowMs", windowMs);
+    __publicField(this, "radius", radius);
+    __publicField(this, "count", count);
+    __publicField(this, "clicks", []);
+    __publicField(this, "fired", false);
+  }
+  push(x, y, t) {
+    const near = this.clicks.filter((c) => t - c.t <= this.windowMs && Math.hypot(c.x - x, c.y - y) <= this.radius);
+    if (near.length !== this.clicks.length) this.fired = false;
+    this.clicks = [...near, { x, y, t }];
+    if (this.clicks.length >= this.count && !this.fired) {
+      this.fired = true;
+      return true;
+    }
+    return false;
+  }
+};
+
+// src/native/recorder.ts
+var FRAME_MS = 1e3;
+var WIDTH = 360;
+var BUFFER_MS = 6e4;
+var CHUNK_FRAMES = 12;
+var CHUNK_CHARS = 7e5;
+var MAX_MS = 30 * 6e4;
+var shareOf = (s) => {
+  let h3 = 2166136261;
+  for (let i = 0; i < s.length; i++) h3 = Math.imul(h3 ^ s.charCodeAt(i), 16777619);
+  return (h3 >>> 0) / 4294967296;
+};
+var createRecorder = (deps, st) => {
+  let timer = null;
+  let busy = false;
+  let last = "";
+  let rec = null;
+  let frames = [];
+  let marks = [];
+  const ensure = () => {
+    const session = st.session();
+    const cfg = st.config();
+    if (!rec || rec.session !== session) {
+      frames = [];
+      marks = [];
+      last = "";
+      const sampled = !!cfg && shareOf(session) < (cfg.sampleRate ?? 0.1);
+      rec = { session, start: deps.now(), seq: 0, uploading: sampled, trigger: "sample", stopped: false };
+    }
+    return rec;
+  };
+  const send = async (r) => {
+    if (!frames.length || r.stopped) return;
+    const batch = frames.splice(0, frames.length);
+    const ms = marks.splice(0, marks.length);
+    const size = deps.screen();
+    const { distinctId, identified } = st.who();
+    const body = JSON.stringify({
+      key: st.apiKey,
+      consent: { replay: true },
+      sessionId: r.session,
+      start: r.start,
+      seq: r.seq++,
+      enc: "frames",
+      data: JSON.stringify(batch),
+      meta: { first: batch[0].t, last: batch[batch.length - 1].t, vw: size ? Math.round(size.w) : null, vh: size ? Math.round(size.h) : null, marks: ms },
+      distinctId,
+      identified,
+      trigger: r.trigger,
+      app: st.app
+    });
+    const status = await deps.send(body);
+    if (status === 403 || status === 409 || status === 413) r.stopped = true;
+  };
+  const tick = async () => {
+    if (busy || !st.allowed() || !st.config()) return;
+    const r = ensure();
+    if (r.stopped || deps.now() - r.start > MAX_MS) return;
+    if (deps.keyboardOpen()) return;
+    busy = true;
+    try {
+      const shot = await deps.capture(WIDTH);
+      if (!shot || shot.img === last) return;
+      last = shot.img;
+      const size = deps.screen();
+      const scale = size && size.w ? shot.w / size.w : 1;
+      const measured = await deps.masks();
+      if (measured === null) {
+        last = "";
+        return;
+      }
+      const masks = measured.map(([x, y, w, h3]) => [x * scale, y * scale, w * scale, h3 * scale].map(Math.round));
+      frames.push({ t: deps.now(), w: shot.w, h: shot.h, img: shot.img, masks });
+      if (!r.uploading) {
+        const since = deps.now() - BUFFER_MS;
+        frames = frames.filter((f) => f.t >= since);
+        marks = marks.filter((m) => m.t >= since);
+        return;
+      }
+      const chars = frames.reduce((a, f) => a + f.img.length, 0);
+      if (frames.length >= CHUNK_FRAMES || chars >= CHUNK_CHARS) await send(r);
+    } catch {
+    } finally {
+      busy = false;
+    }
+  };
+  return {
+    /** Starts or stops the frame loop to match the app state (active) and whether recording is allowed. */
+    sync(active) {
+      const on = active && st.allowed() && !!st.config();
+      if (on && timer === null) timer = deps.setInterval(() => void tick(), FRAME_MS);
+      if (!on && timer !== null) {
+        deps.clearInterval(timer);
+        timer = null;
+        if (rec?.uploading) void send(rec);
+      }
+    },
+    /** A screen, tap, rage tap or error, for the timeline. */
+    mark(m) {
+      if (!st.allowed() || !st.config()) return;
+      ensure();
+      marks.push({ t: deps.now(), ...m });
+      if (marks.length > 300) marks.splice(0, marks.length - 300);
+    },
+    /** A rage tap or an error: a buffering recording uploads its last minute and keeps recording. */
+    trigger(kind) {
+      if (!rec || rec.uploading || rec.stopped || !st.allowed()) return;
+      rec.uploading = true;
+      rec.trigger = kind;
+      void send(rec);
+    },
+    /** Sends what waits (going to the background). */
+    flush() {
+      if (rec?.uploading) return send(rec);
+      return Promise.resolve();
+    },
+    /** Consent withdrawn: forget everything not sent. */
+    drop() {
+      frames = [];
+      marks = [];
+      rec = null;
+      last = "";
+    },
+    /** For tests: one frame now. */
+    tick
+  };
+};
+var maskedViews = /* @__PURE__ */ new Set();
+var measureMasks = () => Promise.all(
+  [...maskedViews].map(
+    (ref) => new Promise((resolve) => {
+      const v = ref.current;
+      if (!v) return resolve("none");
+      const t = setTimeout(() => resolve("failed"), 100);
+      try {
+        v.measureInWindow((x, y, w, h3) => {
+          clearTimeout(t);
+          resolve(w > 0 && h3 > 0 ? [x, y, w, h3] : "none");
+        });
+      } catch {
+        clearTimeout(t);
+        resolve("failed");
+      }
+    })
+  )
+).then((rs) => rs.includes("failed") ? null : rs.filter((r) => Array.isArray(r)));
+
 // src/referral.ts
 var REF_PARAM = "mrr_ref";
 var CLICK_PARAM = "mrr_click";
@@ -634,7 +866,8 @@ var KEYS = {
   queue: "mrrocket:queue",
   config: "mrrocket:config",
   installed: "mrrocket:installed",
-  referral: "mrrocket:referral"
+  referral: "mrrocket:referral",
+  surveys: "mrrocket:surveys"
 };
 var MAX_ERRORS = 20;
 var MAX_CRUMBS = 20;
@@ -697,6 +930,8 @@ var createClient = (options, deps) => {
   let backgroundSince = null;
   const early = [];
   const exposed = /* @__PURE__ */ new Set();
+  const surveysDone = /* @__PURE__ */ new Set();
+  const rage = new RageDetector();
   let textsFor = null;
   const texts = () => {
     const id = distinctId();
@@ -728,8 +963,10 @@ var createClient = (options, deps) => {
     flows.setConfig(config);
     void flows.refresh();
   };
+  let recorder = null;
   const changed = () => {
     version++;
+    recorder?.sync(appState === "active");
     for (const l of [...listeners]) {
       try {
         l();
@@ -904,6 +1141,8 @@ var createClient = (options, deps) => {
       ...who ? { distinctId: who } : {},
       ...session ? { sessionId: session.id } : {}
     });
+    recorder?.mark({ kind: "error", path: currentScreen ?? "/", label: clip2(d.message, 120) });
+    recorder?.trigger("error");
     if (fatal) void sendErrors();
     else if (errorTimer === null) errorTimer = setTimeoutFn(() => void sendErrors(), 2e3);
   };
@@ -921,11 +1160,34 @@ var createClient = (options, deps) => {
       previousHandler?.(error, isFatal);
     });
   };
+  let replayOn = options.replay === true;
+  recorder = deps.recorder ? createRecorder(
+    {
+      now,
+      setInterval: setIntervalFn,
+      clearInterval: clearIntervalFn,
+      capture: deps.recorder.capture,
+      keyboardOpen: deps.recorder.keyboardOpen,
+      masks: deps.recorder.masks,
+      screen: () => deps.screen?.(),
+      send: (body) => post("/api/sdk/replay", body)
+    },
+    {
+      allowed: () => replayOn && loaded && !closed && consent !== "off" && !!apiKey,
+      config: () => config?.replay,
+      session: () => session?.id ?? touchSession(),
+      who: () => ({ distinctId: sendId(), identified: !!identified }),
+      apiKey,
+      app: context
+    }
+  ) : null;
+  if (options.replay && !deps.recorder) warn("Session recordings need react-native-view-shot: npx expo install react-native-view-shot");
   let appStateSub;
   const onAppState = (next) => {
     if (closed) return;
     const prev = appState;
     appState = next;
+    recorder?.sync(next === "active");
     if (next === "active" && prev !== "active") {
       startTimer();
       if (backgroundSince !== null) {
@@ -938,6 +1200,7 @@ var createClient = (options, deps) => {
       crumb("lifecycle", "app_background");
       if (options.lifecycle !== false) record("$app_background");
       stopTimer();
+      void recorder?.flush();
       void persistQueue();
       void flush();
       if (errorQueue.length) void sendErrors();
@@ -1030,12 +1293,13 @@ var createClient = (options, deps) => {
   const start = async () => {
     let firstOpen = false;
     if (consent !== "off") {
-      const [id, stored, cached, installed, ref] = await Promise.all([
+      const [id, stored, cached, installed, ref, surveys] = await Promise.all([
         get(KEYS.id),
         get(KEYS.queue),
         get(KEYS.config),
         get(KEYS.installed),
-        get(KEYS.referral)
+        get(KEYS.referral),
+        get(KEYS.surveys)
       ]);
       if (consent === "persistent") {
         installId = id || newDistinctId();
@@ -1058,6 +1322,14 @@ var createClient = (options, deps) => {
         if (r && typeof r.code === "string") referral = r;
       } catch {
       }
+      try {
+        const done = surveys && consent === "persistent" ? JSON.parse(surveys) : null;
+        if (Array.isArray(done)) {
+          for (const x of done) if (typeof x === "string") surveysDone.add(x);
+        }
+      } catch {
+        await remove(KEYS.surveys);
+      }
       firstOpen = !!storage && !installed;
       if (firstOpen) await set(KEYS.installed, String(now()));
     } else {
@@ -1108,6 +1380,24 @@ var createClient = (options, deps) => {
       record(event, props);
       flows.onEvent(event);
     },
+    tap: (x, y) => {
+      if (options.heatmaps === false || consent === "off") return;
+      const size = deps.screen?.();
+      if (!size || !Number.isFinite(x) || !Number.isFinite(y)) return;
+      const props = { x: Math.round(x), y: Math.round(y), vw: Math.round(size.w), vh: Math.round(size.h), docH: Math.round(size.h), selector: "", label: "", dead: false };
+      record("$click", props);
+      recorder?.mark({ kind: "click", path: currentScreen ?? "/", x: props.x, y: props.y, vw: props.vw });
+      if (rage.push(x, y, now())) {
+        record("$rageclick", props);
+        recorder?.mark({ kind: "rage", path: currentScreen ?? "/", x: props.x, y: props.y, vw: props.vw });
+        recorder?.trigger("rage");
+      }
+    },
+    setReplay: (on) => {
+      replayOn = on;
+      if (!on) recorder?.drop();
+      recorder?.sync(appState === "active");
+    },
     screen: (name, props) => {
       if (typeof name !== "string" || !name.trim()) return;
       const path = (name.startsWith("/") ? name : `/${name}`).slice(0, 300);
@@ -1116,6 +1406,7 @@ var createClient = (options, deps) => {
       currentScreen = path;
       crumb("navigation", path);
       record("$screen", { ...props, path, screen: name, ...previous ? { previous } : {} });
+      recorder?.mark({ kind: "pageview", path });
     },
     identify: (id, props) => {
       if (typeof id !== "string" || !id) return;
@@ -1163,6 +1454,7 @@ var createClient = (options, deps) => {
       const before = consent;
       consent = next;
       if (next === "off") {
+        recorder?.drop();
         queue = [];
         session = null;
         errorQueue.length = 0;
@@ -1171,10 +1463,12 @@ var createClient = (options, deps) => {
         installId = null;
         void remove(KEYS.id);
         void remove(KEYS.referral);
+        void remove(KEYS.surveys);
       } else {
         installId = identified ?? newDistinctId();
         void set(KEYS.id, installId);
         if (referral) void set(KEYS.referral, JSON.stringify(referral));
+        if (surveysDone.size) void set(KEYS.surveys, JSON.stringify([...surveysDone]));
       }
       if (before === "off" && currentScreen && loaded) record("$screen", { path: currentScreen, screen: currentScreen });
       changed();
@@ -1217,6 +1511,22 @@ var createClient = (options, deps) => {
     isReady: () => isReady,
     getDistinctId: distinctId,
     getConsent: () => consent,
+    getUser: () => {
+      if (!identified) return void 0;
+      const p = person;
+      return { id: identified, ...typeof p?.name === "string" ? { name: p.name } : {}, ...typeof p?.email === "string" ? { email: p.email } : {} };
+    },
+    api: (as) => {
+      if (!apiKey || consent === "off") return null;
+      const known = client.getUser();
+      const user = as?.name || as?.email ? { ...known, ...as.name ? { name: as.name } : {}, ...as.email ? { email: as.email } : {} } : known;
+      return createApi({ host, apiKey, distinctId: distinctId(), user });
+    },
+    isSurveyDone: (id) => surveysDone.has(id),
+    markSurveyDone: (id) => {
+      surveysDone.add(id);
+      if (consent === "persistent") void set(KEYS.surveys, JSON.stringify([...surveysDone].slice(-100)));
+    },
     getConfig: () => config,
     subscribe: (listener) => {
       listeners.add(listener);
@@ -1226,6 +1536,7 @@ var createClient = (options, deps) => {
     close: async () => {
       if (closed) return;
       stopTimer();
+      recorder?.sync(false);
       appStateSub?.remove();
       pushOff?.();
       pushOff = null;
@@ -1521,6 +1832,12 @@ try {
 } catch {
   expoLocalization = null;
 }
+var viewShot = null;
+try {
+  viewShot = require("react-native-view-shot");
+} catch {
+  viewShot = null;
+}
 var expoNotifications = null;
 try {
   expoNotifications = require("expo-notifications");
@@ -1594,6 +1911,30 @@ var readContext = () => {
   for (const k of Object.keys(ctx)) if (ctx[k] === void 0) delete ctx[k];
   return ctx;
 };
+var recorderDeps = () => {
+  const capture = viewShot?.captureScreen;
+  if (!capture) return null;
+  let keyboard = false;
+  try {
+    RN2.Keyboard.addListener("keyboardWillShow", () => keyboard = true);
+    RN2.Keyboard.addListener("keyboardDidShow", () => keyboard = true);
+    RN2.Keyboard.addListener("keyboardDidHide", () => keyboard = false);
+  } catch {
+    return null;
+  }
+  return {
+    capture: async (width) => {
+      const s = RN2.Dimensions.get("screen");
+      if (!s?.width) return null;
+      const w = Math.round(width);
+      const h3 = Math.round(s.height / s.width * width);
+      const img = await capture({ format: "jpg", quality: 0.5, result: "base64", width: w, height: h3 });
+      return img ? { img: img.replace(/^data:image\/\w+;base64,/, ""), w, h: h3 } : null;
+    },
+    keyboardOpen: () => keyboard,
+    masks: measureMasks
+  };
+};
 var nativeDeps = (overrides = {}) => ({
   storage: overrides.storage !== void 0 ? overrides.storage : asyncStorage(),
   fetch: ((url, init) => fetch(url, init)),
@@ -1607,17 +1948,815 @@ var nativeDeps = (overrides = {}) => ({
   },
   initialUrl: () => RN2.Linking.getInitialURL(),
   openUrl: (url) => void RN2.Linking.openURL(url).catch(() => void 0),
-  push: expoPush()
+  push: expoPush(),
+  recorder: recorderDeps()
 });
 var optionalModules = () => ({
   asyncStorage: !!asyncStorage(),
   expoDevice: !!expoDevice,
   expoApplication: !!expoApplication,
   expoLocalization: !!expoLocalization,
-  expoNotifications: !!expoNotifications
+  expoNotifications: !!expoNotifications,
+  viewShot: !!viewShot?.captureScreen
 });
 
+// src/native/widgets-view.ts
+var import_react2 = require("react");
+var RN3 = require("react-native");
+var usePalette = (appearance = {}) => {
+  const scheme = RN3.useColorScheme?.();
+  const dark = appearance.theme === "dark" || (appearance.theme ?? "auto") === "auto" && scheme === "dark";
+  return { ...dark ? DARK : LIGHT, accent: appearance.accent ?? "#3f76ff", danger: "#d92d20" };
+};
+var kit = (p) => {
+  const text2 = (children, style = {}) => (0, import_react2.createElement)(RN3.Text, { style: { color: p.fg, fontSize: 15, ...style } }, children);
+  const muted = (children, style = {}) => text2(children, { color: p.muted, fontSize: 13, ...style });
+  const title = (children) => (0, import_react2.createElement)(RN3.Text, { accessibilityRole: "header", style: { color: p.fg, fontSize: 17, fontWeight: "700", flex: 1 } }, children);
+  const btn = (label, kind, onPress, disabled = false, style = {}) => (0, import_react2.createElement)(
+    RN3.Pressable,
+    {
+      key: label,
+      onPress,
+      disabled,
+      accessibilityRole: "button",
+      accessibilityState: { disabled },
+      style: {
+        height: 44,
+        paddingHorizontal: 16,
+        borderRadius: 10,
+        alignItems: "center",
+        justifyContent: "center",
+        opacity: disabled ? 0.55 : 1,
+        backgroundColor: kind === "primary" ? p.accent : p.bg,
+        borderWidth: kind === "secondary" ? 1 : 0,
+        borderColor: p.line,
+        ...style
+      }
+    },
+    text2(label, { color: kind === "primary" ? "#ffffff" : p.fg, fontWeight: "600" })
+  );
+  const closeX = (label, onPress) => (0, import_react2.createElement)(RN3.Pressable, { onPress, accessibilityRole: "button", accessibilityLabel: label, hitSlop: 12, style: { padding: 4 } }, text2("\xD7", { fontSize: 24, color: p.muted }));
+  const field = (o) => (0, import_react2.createElement)(RN3.TextInput, {
+    value: o.value,
+    onChangeText: o.onChange,
+    placeholder: o.placeholder,
+    placeholderTextColor: p.muted,
+    multiline: !!o.multiline,
+    maxLength: o.max ?? 2e3,
+    accessibilityLabel: o.placeholder,
+    ...o.email ? { keyboardType: "email-address", autoCapitalize: "none", autoComplete: "email", textContentType: "emailAddress" } : {},
+    ...o.onSubmit ? { onSubmitEditing: o.onSubmit, returnKeyType: "send" } : {},
+    style: {
+      minHeight: o.multiline ? 72 : 44,
+      borderWidth: 1,
+      borderColor: p.line,
+      borderRadius: 10,
+      paddingHorizontal: 12,
+      paddingVertical: 10,
+      color: p.fg,
+      backgroundColor: p.bg,
+      textAlignVertical: o.multiline ? "top" : "center",
+      ...o.style
+    }
+  });
+  const chip = (label, on, onPress, key = label) => (0, import_react2.createElement)(
+    RN3.Pressable,
+    {
+      key,
+      onPress,
+      accessibilityRole: "button",
+      accessibilityState: { selected: on },
+      style: { paddingHorizontal: 12, height: 32, borderRadius: 16, justifyContent: "center", borderWidth: 1, borderColor: on ? p.accent : p.line, backgroundColor: on ? p.soft : p.bg }
+    },
+    text2(label, { fontSize: 13, fontWeight: "600", color: on ? p.accent : p.fg })
+  );
+  const page = (heading, onClose, children) => (0, import_react2.createElement)(
+    RN3.Modal,
+    { visible: true, animationType: "slide", presentationStyle: "pageSheet", onRequestClose: onClose },
+    (0, import_react2.createElement)(
+      RN3.KeyboardAvoidingView,
+      { behavior: RN3.Platform.OS === "ios" ? "padding" : void 0, style: { flex: 1, backgroundColor: p.bg } },
+      (0, import_react2.createElement)(
+        RN3.View,
+        { style: { flexDirection: "row", alignItems: "center", paddingHorizontal: 16, paddingTop: 16, paddingBottom: 12, borderBottomWidth: 1, borderBottomColor: p.line } },
+        title(heading),
+        closeX("Close", onClose)
+      ),
+      ...children
+    )
+  );
+  return { text: text2, muted, title, btn, closeX, field, chip, page };
+};
+var timeAgo = (iso) => {
+  const t = new Date(iso).getTime();
+  if (Number.isNaN(t)) return "";
+  const d = Math.max(0, Date.now() - t) / 1e3;
+  if (d < 60) return "just now";
+  if (d < 3600) return `${Math.floor(d / 60)}m ago`;
+  if (d < 86400) return `${Math.floor(d / 3600)}h ago`;
+  return `${Math.floor(d / 86400)}d ago`;
+};
+var opener = () => {
+  let open = false;
+  const listeners = /* @__PURE__ */ new Set();
+  const set = (v) => {
+    open = v;
+    listeners.forEach((l) => l(v));
+  };
+  const useOpen = () => {
+    const [v, setV] = (0, import_react2.useState)(open);
+    (0, import_react2.useEffect)(() => {
+      listeners.add(setV);
+      setV(open);
+      return () => {
+        listeners.delete(setV);
+      };
+    }, []);
+    return v;
+  };
+  return { set, get: () => open, useOpen };
+};
+var isAnswered = (a) => Array.isArray(a) ? a.length > 0 : typeof a === "number" ? true : !!a?.trim();
+var SurveySheet = ({ survey, api, p, onDone }) => {
+  const k = kit(p);
+  const [step, setStep] = (0, import_react2.useState)(0);
+  const [answers, setAnswers] = (0, import_react2.useState)({});
+  const [done, setDone] = (0, import_react2.useState)(false);
+  const [error, setError] = (0, import_react2.useState)("");
+  const started = (0, import_react2.useRef)(Date.now());
+  const finished = (0, import_react2.useRef)(false);
+  const q = survey.questions[step];
+  const last = step === survey.questions.length - 1;
+  const value = answers[q.key];
+  (0, import_react2.useEffect)(() => {
+    api.seen(survey.id).catch(() => void 0);
+  }, [api, survey.id]);
+  (0, import_react2.useEffect)(() => {
+    if (!done) return;
+    const t = setTimeout(onDone, 2500);
+    return () => clearTimeout(t);
+  }, [done, onDone]);
+  const finish = (completed, all = answers) => {
+    if (finished.current) return;
+    finished.current = true;
+    api.respond(survey.id, { answers: all, completed, seconds: Math.round((Date.now() - started.current) / 1e3) }).catch(() => void 0);
+  };
+  const dismiss = () => {
+    if (Object.values(answers).some(isAnswered)) finish(false);
+    onDone();
+  };
+  const next = () => {
+    if (q.required && !isAnswered(value)) return setError("Please answer this question.");
+    setError("");
+    if (!last) return setStep(step + 1);
+    finish(true);
+    setDone(true);
+  };
+  const pick = (v) => {
+    setAnswers((a) => ({ ...a, [q.key]: v }));
+    setError("");
+  };
+  let input;
+  if (q.kind === "nps" || q.kind === "rating") {
+    const scale = q.kind === "nps" ? 11 : Math.min(Math.max(q.scale ?? 5, 2), 10);
+    const start = q.kind === "nps" ? 0 : 1;
+    input = (0, import_react2.createElement)(
+      RN3.View,
+      { style: { gap: 6 } },
+      (0, import_react2.createElement)(
+        RN3.View,
+        { style: { flexDirection: "row", flexWrap: "wrap", gap: 6 }, accessibilityRole: "radiogroup", accessibilityLabel: q.title },
+        ...Array.from({ length: scale }, (_, i) => {
+          const n = i + start;
+          const on = value === n;
+          return (0, import_react2.createElement)(
+            RN3.Pressable,
+            {
+              key: n,
+              onPress: () => pick(n),
+              accessibilityRole: "radio",
+              accessibilityState: { checked: on },
+              accessibilityLabel: `${n} of ${scale - 1 + start}`,
+              style: { width: 40, height: 40, borderRadius: 8, alignItems: "center", justifyContent: "center", borderWidth: 1, borderColor: on ? p.accent : p.line, backgroundColor: on ? p.accent : p.bg }
+            },
+            k.text(String(n), { color: on ? "#ffffff" : p.fg, fontWeight: "600" })
+          );
+        })
+      ),
+      q.low || q.high || q.kind === "nps" ? (0, import_react2.createElement)(RN3.View, { style: { flexDirection: "row", justifyContent: "space-between" } }, k.muted(q.low ?? (q.kind === "nps" ? "Not likely" : "")), k.muted(q.high ?? (q.kind === "nps" ? "Very likely" : ""))) : null
+    );
+  } else if (q.kind === "single" || q.kind === "multi") {
+    const multi = q.kind === "multi";
+    const picked = multi ? value ?? [] : [];
+    input = (0, import_react2.createElement)(
+      RN3.View,
+      { style: { gap: 6 } },
+      ...(q.options ?? []).map((o) => {
+        const on = multi ? picked.includes(o) : value === o;
+        return (0, import_react2.createElement)(
+          RN3.Pressable,
+          {
+            key: o,
+            onPress: () => pick(multi ? on ? picked.filter((x) => x !== o) : [...picked, o] : o),
+            accessibilityRole: multi ? "checkbox" : "radio",
+            accessibilityState: { checked: on },
+            style: { minHeight: 44, paddingHorizontal: 12, borderRadius: 10, justifyContent: "center", borderWidth: 1, borderColor: on ? p.accent : p.line, backgroundColor: on ? p.soft : p.bg }
+          },
+          k.text(o, { fontWeight: "500" })
+        );
+      })
+    );
+  } else input = k.field({ value: value ?? "", onChange: pick, placeholder: q.placeholder ?? "Type your answer", multiline: true });
+  const body = done ? [k.text(survey.thanks || "Thanks for your feedback.", { fontWeight: "600", textAlign: "center", paddingVertical: 16 })] : [
+    (0, import_react2.createElement)(
+      RN3.View,
+      { key: "top", style: { flexDirection: "row", alignItems: "center", gap: 4 } },
+      ...survey.questions.map((x, i) => (0, import_react2.createElement)(RN3.View, { key: x.key, style: { width: 16, height: 4, borderRadius: 4, backgroundColor: i <= step ? p.accent : p.line } })),
+      (0, import_react2.createElement)(RN3.View, { style: { flex: 1 } }),
+      k.closeX("Close survey", dismiss)
+    ),
+    (0, import_react2.createElement)(RN3.Text, { key: "q", accessibilityRole: "header", style: { color: p.fg, fontSize: 17, fontWeight: "700" } }, q.title, q.required ? "" : (0, import_react2.createElement)(RN3.Text, { style: { color: p.muted, fontSize: 13, fontWeight: "400" } }, "  optional")),
+    q.description ? k.muted(q.description) : null,
+    input,
+    error ? k.text(error, { color: p.danger, fontSize: 13 }) : null,
+    k.btn(last ? "Send" : "Next", "primary", next)
+  ];
+  return (0, import_react2.createElement)(
+    RN3.Modal,
+    { visible: true, transparent: true, animationType: "slide", onRequestClose: dismiss },
+    (0, import_react2.createElement)(
+      RN3.KeyboardAvoidingView,
+      { behavior: RN3.Platform.OS === "ios" ? "padding" : void 0, style: { flex: 1, backgroundColor: "rgba(0,0,0,0.35)", justifyContent: "flex-end" } },
+      (0, import_react2.createElement)(
+        RN3.View,
+        {
+          accessibilityViewIsModal: true,
+          accessibilityLabel: survey.name,
+          style: { backgroundColor: p.bg, borderTopLeftRadius: 16, borderTopRightRadius: 16, padding: 20, paddingBottom: 34, gap: 12 }
+        },
+        ...body
+      )
+    )
+  );
+};
+var MRRocketSurveys = ({ client, appearance }) => {
+  const p = usePalette(appearance);
+  const [survey, setSurvey] = (0, import_react2.useState)(null);
+  const [who, setWho] = (0, import_react2.useState)(() => client.getDistinctId());
+  (0, import_react2.useEffect)(() => client.subscribe(() => setWho(client.getDistinctId())), [client]);
+  (0, import_react2.useEffect)(() => {
+    let stop = false;
+    const ctrl = new AbortController();
+    const timer = setTimeout(() => {
+      void client.ready.then(() => {
+        const api = client.api();
+        if (stop || !api) return;
+        api.survey("", ctrl.signal).then((r) => {
+          const s = r.survey;
+          if (stop || !s || !s.questions.length || client.isSurveyDone(s.id)) return;
+          setSurvey({ s, api });
+        }).catch(() => void 0);
+      });
+    }, 3e3);
+    return () => {
+      stop = true;
+      clearTimeout(timer);
+      ctrl.abort();
+    };
+  }, [client, who]);
+  const done = (0, import_react2.useCallback)(() => {
+    setSurvey((cur) => {
+      if (cur) client.markSurveyDone(cur.s.id);
+      return null;
+    });
+  }, [client]);
+  if (!survey) return null;
+  return (0, import_react2.createElement)(SurveySheet, { key: survey.s.id, survey: survey.s, api: survey.api, p, onDone: done });
+};
+var feedbackOpen = opener();
+var useFeedback = () => ({ open: () => feedbackOpen.set(true), close: () => feedbackOpen.set(false) });
+var FeedbackSheet = ({ client, p, title }) => {
+  const k = kit(p);
+  const [tab, setTab] = (0, import_react2.useState)("top");
+  const [posts, setPosts] = (0, import_react2.useState)(null);
+  const [boards, setBoards] = (0, import_react2.useState)([]);
+  const [error, setError] = (0, import_react2.useState)("");
+  const [board, setBoard] = (0, import_react2.useState)("feature");
+  const [subject, setSubject] = (0, import_react2.useState)("");
+  const [details, setDetails] = (0, import_react2.useState)("");
+  const [name, setName] = (0, import_react2.useState)("");
+  const [email, setEmail] = (0, import_react2.useState)("");
+  const [sending, setSending] = (0, import_react2.useState)(false);
+  const [sent, setSent] = (0, import_react2.useState)(false);
+  const close = () => feedbackOpen.set(false);
+  const user = client.getUser();
+  (0, import_react2.useEffect)(() => {
+    const api = client.api();
+    if (!api) return setError("Feedback is off while tracking is off.");
+    const ctrl = new AbortController();
+    api.list({ sort: "top" }, ctrl.signal).then((l) => {
+      setPosts(l.posts);
+      setBoards(l.boards);
+      if (l.boards.length && !l.boards.some((b) => b.id === "feature")) setBoard(l.boards[0].id);
+    }).catch((e) => e.name !== "AbortError" && setError(e.message));
+    return () => ctrl.abort();
+  }, [client]);
+  const vote = (post) => {
+    const api = client.api();
+    if (!api) return;
+    setPosts((all) => all?.map((x) => x.id === post.id ? { ...x, voted: !x.voted, votes: x.votes + (x.voted ? -1 : 1) } : x) ?? null);
+    api.vote(post.id).then((r) => setPosts((all) => all?.map((x) => x.id === post.id ? { ...x, voted: r.voted, votes: r.votes } : x) ?? null)).catch((e) => {
+      setError(e.message);
+      setPosts((all) => all?.map((x) => x.id === post.id ? post : x) ?? null);
+    });
+  };
+  const submit = () => {
+    const api = client.api({ name: name.trim(), email: email.trim() });
+    if (!api || subject.trim().length < 3 || sending) return;
+    setSending(true);
+    setError("");
+    api.submit({ title: subject.trim(), body: details.trim() || void 0, board }).then((post) => {
+      setPosts((all) => [post, ...all ?? []]);
+      setSubject("");
+      setDetails("");
+      setSent(true);
+    }).catch((e) => setError(e.message)).finally(() => setSending(false));
+  };
+  const tabs = (0, import_react2.createElement)(
+    RN3.View,
+    { style: { flexDirection: "row", gap: 8, paddingHorizontal: 16, paddingTop: 12 } },
+    k.chip("Top requests", tab === "top", () => setTab("top")),
+    k.chip("Suggest", tab === "new", () => {
+      setTab("new");
+      setSent(false);
+    })
+  );
+  const list = (0, import_react2.createElement)(
+    RN3.ScrollView,
+    { style: { flex: 1 }, contentContainerStyle: { padding: 16, gap: 10 } },
+    error ? k.text(error, { color: p.danger, fontSize: 13 }) : null,
+    posts === null && !error ? k.muted("Loading\u2026") : null,
+    posts?.length === 0 ? k.muted("No requests yet. Be the first to suggest one.") : null,
+    ...(posts ?? []).map(
+      (post) => (0, import_react2.createElement)(
+        RN3.View,
+        { key: post.id, style: { flexDirection: "row", gap: 12, alignItems: "flex-start", paddingVertical: 8, borderBottomWidth: 1, borderBottomColor: p.line } },
+        (0, import_react2.createElement)(
+          RN3.Pressable,
+          {
+            onPress: () => vote(post),
+            accessibilityRole: "button",
+            accessibilityState: { selected: post.voted },
+            accessibilityLabel: `${post.voted ? "Remove your vote from" : "Upvote"} ${post.title}. ${post.votes} votes`,
+            style: { width: 44, minHeight: 48, borderRadius: 10, alignItems: "center", justifyContent: "center", borderWidth: 1, borderColor: post.voted ? p.accent : p.line }
+          },
+          k.text("\u25B2", { fontSize: 11, color: post.voted ? p.accent : p.muted }),
+          k.text(String(post.votes), { fontWeight: "700", fontSize: 14, color: post.voted ? p.accent : p.fg })
+        ),
+        (0, import_react2.createElement)(RN3.View, { style: { flex: 1, gap: 2 } }, k.text(post.title, { fontWeight: "600" }), post.body ? k.muted(post.body.slice(0, 160)) : null)
+      )
+    )
+  );
+  const form = (0, import_react2.createElement)(
+    RN3.ScrollView,
+    { style: { flex: 1 }, contentContainerStyle: { padding: 16, gap: 10 }, keyboardShouldPersistTaps: "handled" },
+    sent ? k.text("Thanks! Your request is on the board.", { fontWeight: "600" }) : null,
+    boards.length > 1 ? (0, import_react2.createElement)(RN3.View, { style: { flexDirection: "row", flexWrap: "wrap", gap: 6 } }, ...boards.map((b) => k.chip(b.label, board === b.id, () => setBoard(b.id), b.id))) : null,
+    k.field({ value: subject, onChange: setSubject, placeholder: "Short title", max: 120 }),
+    k.field({ value: details, onChange: setDetails, placeholder: "Details (optional)", multiline: true }),
+    ...user?.email ? [] : [
+      k.muted("Your name and email are optional; they let the team follow up."),
+      k.field({ value: name, onChange: setName, placeholder: "Your name (optional)", max: 100 }),
+      k.field({ value: email, onChange: setEmail, placeholder: "Your email (optional)", max: 200, email: true })
+    ],
+    error ? k.text(error, { color: p.danger, fontSize: 13 }) : null,
+    k.btn(sending ? "Sending\u2026" : "Send request", "primary", submit, subject.trim().length < 3 || sending)
+  );
+  return k.page(title, close, [tabs, tab === "top" ? list : form]);
+};
+var MRRocketFeedback = ({ client, appearance, options = {} }) => {
+  const p = usePalette(appearance);
+  const open = feedbackOpen.useOpen();
+  return open ? (0, import_react2.createElement)(FeedbackSheet, { client, p, title: options.title ?? "Feedback" }) : null;
+};
+var POLL_OPEN_MS = 4e3;
+var POLL_WAITING_MS = 8e3;
+var POLL_IDLE_MS = 3e4;
+var WAITING_FOR_MS = 10 * 6e4;
+var EMAIL = /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/;
+var whoLabel = { visitor: "You", team: "Team", ai: "AI agent", auto: "Team" };
+var msgView = "home";
+var messengerOpen = opener();
+var openAt = (v = "home") => {
+  msgView = v;
+  messengerOpen.set(true);
+};
+var useMessenger = () => ({
+  open: (view) => openAt(view),
+  close: () => messengerOpen.set(false),
+  toggle: () => messengerOpen.get() ? messengerOpen.set(false) : openAt()
+});
+var haptics = null;
+try {
+  haptics = require("expo-haptics");
+} catch {
+  haptics = null;
+}
+var buzz = () => {
+  try {
+    void haptics?.notificationAsync?.(haptics.NotificationFeedbackType?.Success)?.catch(() => void 0);
+  } catch {
+  }
+};
+var teamOf = (t) => (t?.messages ?? []).filter((m) => m.from !== "visitor");
+var useChat = (client, o, open, view) => {
+  const [thread, setThread] = (0, import_react2.useState)(null);
+  const [loaded, setLoaded] = (0, import_react2.useState)(false);
+  const [error, setError] = (0, import_react2.useState)("");
+  const [unseen, setUnseen] = (0, import_react2.useState)([]);
+  const known = (0, import_react2.useRef)(null);
+  const watching = open && view === "messages";
+  const watch = (0, import_react2.useRef)(watching);
+  watch.current = watching;
+  const [active, setActive] = (0, import_react2.useState)(RN3.AppState.currentState === "active");
+  (0, import_react2.useEffect)(() => {
+    const sub = RN3.AppState.addEventListener("change", (st) => setActive(st === "active"));
+    return () => sub.remove();
+  }, []);
+  const take = (0, import_react2.useCallback)(
+    (t) => {
+      const team = teamOf(t);
+      if (known.current !== null) {
+        const i = team.findIndex((m) => m.id === known.current);
+        const fresh = team.slice(i + 1).filter((m) => m.from !== "auto");
+        if (fresh.length) {
+          if (o.haptics !== false) buzz();
+          if (!watch.current) setUnseen((u) => [...u, ...fresh]);
+        }
+      }
+      known.current = team.at(-1)?.id ?? "";
+      setThread(t);
+    },
+    [o.haptics]
+  );
+  (0, import_react2.useEffect)(() => {
+    if (watching) setUnseen([]);
+  }, [watching]);
+  (0, import_react2.useEffect)(() => {
+    if (!active) return;
+    let stop = false;
+    let timer;
+    let ctrl = null;
+    const tick = async () => {
+      const api = client.api();
+      if (!api) {
+        setLoaded(true);
+        return;
+      }
+      ctrl = new AbortController();
+      let t = null;
+      try {
+        await client.ready;
+        t = await api.chat(ctrl.signal);
+        if (stop) return;
+        take(t);
+        setError("");
+      } catch (e) {
+        if (e.name === "AbortError" || stop) return;
+        if (watch.current) setError(e.message);
+      }
+      setLoaded(true);
+      const waiting = !!t?.messages.some((m) => m.from === "visitor") && t?.conversation?.status !== "solved";
+      const wrote = (t?.messages ?? []).filter((m) => m.from === "visitor").at(-1)?.at;
+      const recent = !!wrote && Date.now() - new Date(wrote).getTime() < WAITING_FOR_MS;
+      const ms = watch.current ? POLL_OPEN_MS : waiting && recent ? POLL_WAITING_MS : waiting || open ? POLL_IDLE_MS : 0;
+      if (!stop && ms) timer = setTimeout(tick, ms);
+    };
+    void tick();
+    return () => {
+      stop = true;
+      ctrl?.abort();
+      clearTimeout(timer);
+    };
+  }, [client, take, active, open, watching]);
+  return { thread, loaded, error, setError, unseen, take };
+};
+var useArticles = (client, on, query) => {
+  const [list, setList] = (0, import_react2.useState)(null);
+  const [any, setAny] = (0, import_react2.useState)(null);
+  (0, import_react2.useEffect)(() => {
+    if (!on) return;
+    let stop = false;
+    const t = setTimeout(
+      () => void client.ready.then(
+        () => client.api()?.articles(query.trim() || void 0).then((r) => {
+          if (stop) return;
+          setList(r.articles);
+          if (!query.trim()) setAny(r.articles.length > 0);
+        }).catch(() => !stop && setList((l) => l ?? []))
+      ),
+      query ? 250 : 0
+    );
+    return () => {
+      stop = true;
+      clearTimeout(t);
+    };
+  }, [client, on, query]);
+  return { list, any };
+};
+var spansOf = (p, spans, base) => spans.map(
+  (s, i) => (0, import_react2.createElement)(
+    RN3.Text,
+    {
+      key: i,
+      onPress: s.href ? () => void RN3.Linking.openURL(s.href).catch(() => void 0) : void 0,
+      accessibilityRole: s.href ? "link" : void 0,
+      style: {
+        ...base,
+        ...s.bold ? { fontWeight: "700" } : {},
+        ...s.italic ? { fontStyle: "italic" } : {},
+        ...s.code ? { fontFamily: RN3.Platform.OS === "ios" ? "Menlo" : "monospace", backgroundColor: p.soft } : {},
+        ...s.href ? { color: p.accent, textDecorationLine: "underline" } : {}
+      }
+    },
+    s.text
+  )
+);
+var ArticleView = ({ client, p, id, onAsk }) => {
+  const k = kit(p);
+  const [a, setA] = (0, import_react2.useState)(null);
+  const [error, setError] = (0, import_react2.useState)("");
+  const [rated, setRated] = (0, import_react2.useState)(false);
+  (0, import_react2.useEffect)(() => {
+    const ctrl = new AbortController();
+    client.api()?.article(id, ctrl.signal).then(setA).catch((e) => e.name !== "AbortError" && setError(e.message));
+    return () => ctrl.abort();
+  }, [client, id]);
+  if (error) return k.text(error, { color: p.danger });
+  if (!a) return k.muted("Loading\u2026");
+  const base = { color: p.fg, fontSize: 15, lineHeight: 22 };
+  const blocks = a.blocks.map((b, i) => {
+    if (b.type === "h2" || b.type === "h3") return (0, import_react2.createElement)(RN3.Text, { key: i, accessibilityRole: "header", style: { ...base, fontSize: b.type === "h2" ? 17 : 16, fontWeight: "700", marginTop: 8 } }, ...spansOf(p, b.spans, {}));
+    if (b.type === "p") return (0, import_react2.createElement)(RN3.Text, { key: i, style: base }, ...spansOf(p, b.spans, {}));
+    if (b.type === "quote") return (0, import_react2.createElement)(RN3.View, { key: i, style: { borderLeftWidth: 3, borderLeftColor: p.line, paddingLeft: 10 } }, (0, import_react2.createElement)(RN3.Text, { style: { ...base, color: p.muted } }, ...spansOf(p, b.spans, {})));
+    if (b.type === "ul" || b.type === "ol")
+      return (0, import_react2.createElement)(
+        RN3.View,
+        { key: i, style: { gap: 4 } },
+        ...b.items.map((it, j) => (0, import_react2.createElement)(RN3.View, { key: j, style: { flexDirection: "row", gap: 8 } }, k.text(b.type === "ol" ? `${j + 1}.` : "\u2022", base), (0, import_react2.createElement)(RN3.Text, { style: { ...base, flex: 1 } }, ...spansOf(p, it, {}))))
+      );
+    if (b.type === "code") return (0, import_react2.createElement)(RN3.View, { key: i, style: { backgroundColor: p.soft, borderRadius: 8, padding: 10 } }, k.text(b.text, { fontFamily: RN3.Platform.OS === "ios" ? "Menlo" : "monospace", fontSize: 13 }));
+    return (0, import_react2.createElement)(RN3.View, { key: i, style: { height: 1, backgroundColor: p.line } });
+  });
+  const rate = (helpful) => {
+    setRated(true);
+    client.api()?.rateArticle(id, helpful).catch(() => void 0);
+    if (!helpful) onAsk();
+  };
+  return (0, import_react2.createElement)(
+    RN3.View,
+    { style: { gap: 10 } },
+    k.muted(a.collection),
+    (0, import_react2.createElement)(RN3.Text, { accessibilityRole: "header", style: { color: p.fg, fontSize: 20, fontWeight: "700" } }, a.title),
+    ...blocks,
+    (0, import_react2.createElement)(
+      RN3.View,
+      { style: { flexDirection: "row", alignItems: "center", gap: 8, padding: 12, borderRadius: 10, backgroundColor: p.soft, marginTop: 8 } },
+      rated ? k.muted("Thanks for letting us know.") : k.muted("Did this answer your question?", { flex: 1 }),
+      rated ? null : k.btn("Yes", "secondary", () => rate(true), false, { height: 34 }),
+      rated ? null : k.btn("No", "secondary", () => rate(false), false, { height: 34 })
+    ),
+    k.btn("Still need help? Send us a message", "secondary", onAsk)
+  );
+};
+var MessengerSheet = ({
+  client,
+  p,
+  o,
+  chat,
+  view,
+  setView
+}) => {
+  const k = kit(p);
+  const [body, setBody] = (0, import_react2.useState)("");
+  const [email, setEmail] = (0, import_react2.useState)("");
+  const [pending, setPending] = (0, import_react2.useState)(null);
+  const [query, setQuery] = (0, import_react2.useState)("");
+  const helpOn = o.help !== false;
+  const arts = useArticles(client, helpOn, query);
+  const scroll = (0, import_react2.useRef)(null);
+  const close = () => messengerOpen.set(false);
+  const greeting = o.greeting ?? "Hi! How can we help?";
+  const { thread } = chat;
+  const count = (thread?.messages.length ?? 0) + (pending ? 1 : 0);
+  (0, import_react2.useEffect)(() => {
+    if (view === "messages") setTimeout(() => scroll.current?.scrollToEnd?.({ animated: true }), 50);
+  }, [count, view]);
+  const needEmail = (o.askEmail ?? true) && !thread?.hasEmail && !client.getUser()?.email;
+  const emailOk = !email.trim() || EMAIL.test(email.trim());
+  const send = async () => {
+    const text2 = body.trim();
+    const api = client.api();
+    if (!text2 || pending || !emailOk || !api) return;
+    setPending({ id: "pending", from: "visitor", body: text2, at: (/* @__PURE__ */ new Date()).toISOString() });
+    setBody("");
+    chat.setError("");
+    try {
+      chat.take(await api.sendChat({ body: text2, email: needEmail && email.trim() ? email.trim() : void 0 }));
+    } catch (e) {
+      setBody(text2);
+      chat.setError(e.message);
+    } finally {
+      setPending(null);
+    }
+  };
+  const bubble = (m, isPending = false) => {
+    const mine = m.from === "visitor";
+    return (0, import_react2.createElement)(
+      RN3.View,
+      { key: m.id, style: { alignSelf: mine ? "flex-end" : "flex-start", maxWidth: "82%", gap: 4 } },
+      (0, import_react2.createElement)(RN3.View, { style: { backgroundColor: mine ? p.accent : p.soft, borderRadius: 14, paddingHorizontal: 12, paddingVertical: 8, opacity: isPending ? 0.7 : 1 } }, k.text(m.body, { color: mine ? "#ffffff" : p.fg })),
+      ...(m.articles ?? []).map(
+        (a) => (0, import_react2.createElement)(
+          RN3.Pressable,
+          { key: a.id, onPress: () => setView({ article: a.id }), accessibilityRole: "link", style: { borderWidth: 1, borderColor: p.line, borderRadius: 10, paddingHorizontal: 10, paddingVertical: 6 } },
+          k.text(`\u{1F4C4} ${a.title}`, { fontSize: 13 })
+        )
+      ),
+      m.at ? k.muted(`${mine ? "" : `${whoLabel[m.from]} \xB7 `}${isPending ? "Sending\u2026" : timeAgo(m.at)}`, { fontSize: 11, textAlign: mine ? "right" : "left" }) : null
+    );
+  };
+  const row = (a) => (0, import_react2.createElement)(
+    RN3.Pressable,
+    { key: a.id, onPress: () => setView({ article: a.id }), accessibilityRole: "button", style: { flexDirection: "row", alignItems: "center", paddingVertical: 11, paddingHorizontal: 4 } },
+    k.text(a.title, { flex: 1 }),
+    k.muted("\u203A", { fontSize: 18 })
+  );
+  const card = (children, style = {}) => (0, import_react2.createElement)(RN3.View, { style: { backgroundColor: p.bg, borderRadius: 12, padding: 12, borderWidth: 1, borderColor: p.line, ...style } }, ...children);
+  const search = k.field({ value: query, onChange: setQuery, placeholder: "Search for help", max: 200 });
+  const last = thread?.messages.at(-1);
+  const showHelp = helpOn && arts.any !== false;
+  let content;
+  if (view === "home")
+    content = (0, import_react2.createElement)(
+      RN3.ScrollView,
+      { key: "home", style: { flex: 1, backgroundColor: p.soft }, contentContainerStyle: { padding: 16, gap: 12 }, keyboardShouldPersistTaps: "handled" },
+      (0, import_react2.createElement)(RN3.Text, { style: { color: p.fg, fontSize: 22, fontWeight: "700", paddingVertical: 6 } }, greeting),
+      (0, import_react2.createElement)(
+        RN3.Pressable,
+        { onPress: () => setView("messages"), accessibilityRole: "button" },
+        card([
+          k.text(last ? "Recent message" : "Send us a message", { fontWeight: "700" }),
+          k.muted(last ? `${last.from === "visitor" ? "You" : whoLabel[last.from]}: ${last.body}` : "We usually answer within a few hours", { marginTop: 2 })
+        ])
+      ),
+      showHelp ? card([(0, import_react2.createElement)(RN3.Pressable, { key: "s", onPress: () => setView("help") }, (0, import_react2.createElement)(RN3.View, { pointerEvents: "none" }, k.muted("\u{1F50D}  Search for help", { paddingVertical: 8 }))), ...(arts.list ?? []).slice(0, 4).map(row)]) : null
+    );
+  else if (view === "messages")
+    content = (0, import_react2.createElement)(
+      RN3.View,
+      { key: "messages", style: { flex: 1 } },
+      (0, import_react2.createElement)(
+        RN3.ScrollView,
+        { ref: scroll, style: { flex: 1 }, contentContainerStyle: { padding: 16, gap: 10 } },
+        bubble({ id: "greeting", from: "team", body: greeting, at: "" }),
+        !chat.loaded ? k.muted("Loading\u2026") : null,
+        ...(thread?.messages ?? []).map((m) => bubble(m)),
+        pending ? bubble(pending, true) : null,
+        thread?.conversation?.status === "solved" && !pending ? k.muted("This conversation is closed. Write to start a new one.", { textAlign: "center" }) : null
+      ),
+      (0, import_react2.createElement)(
+        RN3.View,
+        { style: { padding: 12, gap: 8, borderTopWidth: 1, borderTopColor: p.line } },
+        chat.error ? k.text(chat.error, { color: p.danger, fontSize: 12 }) : null,
+        needEmail ? k.field({ value: email, onChange: setEmail, placeholder: "Your email (optional), so we can follow up", email: true, max: 200, style: emailOk ? {} : { borderColor: p.danger } }) : null,
+        (0, import_react2.createElement)(
+          RN3.View,
+          { style: { flexDirection: "row", gap: 8, alignItems: "flex-end" } },
+          k.field({ value: body, onChange: setBody, placeholder: "Write a message\u2026", multiline: true, max: 4e3, style: { flex: 1, minHeight: 44, maxHeight: 120 } }),
+          k.btn("Send", "primary", () => void send(), !body.trim() || !!pending || !emailOk)
+        )
+      )
+    );
+  else if (view === "help") {
+    const groups = /* @__PURE__ */ new Map();
+    for (const a of arts.list ?? []) groups.set(a.collection, [...groups.get(a.collection) ?? [], a]);
+    content = (0, import_react2.createElement)(
+      RN3.ScrollView,
+      { key: "help", style: { flex: 1, backgroundColor: p.soft }, contentContainerStyle: { padding: 16, gap: 12 }, keyboardShouldPersistTaps: "handled" },
+      search,
+      arts.list === null ? k.muted("Loading\u2026") : null,
+      arts.list?.length === 0 ? (0, import_react2.createElement)(RN3.View, { style: { gap: 10, alignItems: "center", paddingVertical: 24 } }, k.muted(query.trim() ? `Nothing found for \u201C${query.trim()}\u201D.` : "No help articles yet."), k.btn("Send us a message", "primary", () => setView("messages"))) : null,
+      ...query.trim() ? arts.list?.length ? [card((arts.list ?? []).map(row))] : [] : [...groups].map(([name, items]) => (0, import_react2.createElement)(RN3.View, { key: name, style: { gap: 6 } }, k.muted(`${name} \xB7 ${items.length}`), card(items.map(row))))
+    );
+  } else
+    content = (0, import_react2.createElement)(
+      RN3.ScrollView,
+      { key: `a-${view.article}`, style: { flex: 1 }, contentContainerStyle: { padding: 16, paddingBottom: 32 } },
+      (0, import_react2.createElement)(ArticleView, { client, p, id: view.article, onAsk: () => setView("messages") })
+    );
+  const current = typeof view === "string" ? view : "help";
+  const tab = (v, name, glyph, badge = 0) => (0, import_react2.createElement)(
+    RN3.Pressable,
+    { key: v, onPress: () => setView(v), accessibilityRole: "tab", accessibilityState: { selected: current === v }, style: { flex: 1, alignItems: "center", paddingTop: 8, paddingBottom: 6, gap: 2 } },
+    k.text(glyph, { fontSize: 18, color: current === v ? p.fg : p.muted }),
+    k.text(name, { fontSize: 12, fontWeight: "600", color: current === v ? p.fg : p.muted }),
+    badge ? (0, import_react2.createElement)(RN3.View, { style: { position: "absolute", top: 4, right: "30%", minWidth: 18, height: 18, borderRadius: 9, backgroundColor: p.danger, alignItems: "center", justifyContent: "center" } }, k.text(String(Math.min(badge, 9)), { color: "#fff", fontSize: 11, fontWeight: "700" })) : null
+  );
+  const titleOf = typeof view !== "string" || view === "help" ? "Help" : view === "messages" ? o.title ?? "Chat with us" : o.title ?? "Chat with us";
+  return k.page(titleOf, close, [
+    typeof view !== "string" ? (0, import_react2.createElement)(RN3.Pressable, { key: "back", onPress: () => setView("help"), accessibilityRole: "button", style: { paddingHorizontal: 16, paddingVertical: 8 } }, k.text("\u2039 All articles", { color: p.accent, fontWeight: "600" })) : null,
+    content,
+    (0, import_react2.createElement)(
+      RN3.View,
+      { key: "tabs", accessibilityRole: "tablist", style: { flexDirection: "row", borderTopWidth: 1, borderTopColor: p.line, paddingBottom: 20, backgroundColor: p.bg } },
+      tab("home", "Home", "\u2302"),
+      tab("messages", "Messages", "\u2709\uFE0E", view === "messages" ? 0 : chat.unseen.length),
+      showHelp ? tab("help", "Help", "?") : null
+    )
+  ]);
+};
+var MRRocketMessenger = ({ client, appearance, options: given = {} }) => {
+  const [look, setLook] = (0, import_react2.useState)(null);
+  (0, import_react2.useEffect)(() => {
+    const ctrl = new AbortController();
+    void client.ready.then(
+      () => client.api()?.messengerLook(ctrl.signal).then(setLook).catch(() => void 0)
+    );
+    return () => ctrl.abort();
+  }, [client]);
+  const defined = Object.fromEntries(Object.entries(given).filter(([, v]) => v !== void 0));
+  const options = look ? { title: look.title, greeting: look.greeting, help: look.help, preview: look.preview, askEmail: look.askEmail, ...defined } : given;
+  const p = usePalette({ theme: appearance?.theme ?? look?.theme, accent: appearance?.accent ?? look?.accent });
+  const k = kit(p);
+  const open = messengerOpen.useOpen();
+  const [view, setViewState] = (0, import_react2.useState)(msgView);
+  const [banner, setBanner] = (0, import_react2.useState)(null);
+  (0, import_react2.useEffect)(() => {
+    if (open) setViewState(msgView);
+  }, [open]);
+  const setView = (v) => {
+    msgView = v;
+    setViewState(v);
+  };
+  const chat = useChat(client, options, open, view);
+  const latest = chat.unseen.at(-1);
+  (0, import_react2.useEffect)(() => {
+    if (!latest || open || options.preview === false) return;
+    setBanner(latest);
+    const t = setTimeout(() => setBanner(null), 6e3);
+    return () => clearTimeout(t);
+  }, [latest, open, options.preview]);
+  (0, import_react2.useEffect)(() => {
+    if (open) setBanner(null);
+  }, [open]);
+  const unseen = chat.unseen.length;
+  const launcher = options.launcher ? (0, import_react2.createElement)(
+    RN3.Pressable,
+    {
+      key: "launcher",
+      onPress: () => openAt(unseen ? "messages" : "home"),
+      accessibilityRole: "button",
+      accessibilityLabel: unseen ? `Open chat, ${unseen} new` : "Open chat",
+      style: { position: "absolute", right: 20, bottom: 34, width: 54, height: 54, borderRadius: 27, backgroundColor: p.accent, alignItems: "center", justifyContent: "center", shadowColor: "#000", shadowOpacity: 0.2, shadowRadius: 10, elevation: 6 }
+    },
+    k.text("\u{1F4AC}", { fontSize: 22 }),
+    unseen ? (0, import_react2.createElement)(RN3.View, { style: { position: "absolute", top: -2, right: -2, minWidth: 20, height: 20, borderRadius: 10, backgroundColor: p.danger, alignItems: "center", justifyContent: "center", borderWidth: 2, borderColor: p.bg } }, k.text(String(Math.min(unseen, 9)), { color: "#fff", fontSize: 11, fontWeight: "700" })) : null
+  ) : null;
+  const toast = banner ? (0, import_react2.createElement)(
+    RN3.Pressable,
+    {
+      key: "banner",
+      onPress: () => openAt("messages"),
+      accessibilityRole: "button",
+      accessibilityLiveRegion: "polite",
+      style: { position: "absolute", top: 54, left: 16, right: 16, backgroundColor: p.bg, borderRadius: 14, padding: 14, gap: 2, borderWidth: 1, borderColor: p.line, shadowColor: "#000", shadowOpacity: 0.18, shadowRadius: 16, elevation: 8 }
+    },
+    k.muted(`${whoLabel[banner.from]}${unseen > 1 ? ` \xB7 ${unseen} new` : ""}`, { fontWeight: "600", fontSize: 12 }),
+    (0, import_react2.createElement)(RN3.Text, { numberOfLines: 3, style: { color: p.fg, fontSize: 15 } }, banner.body)
+  ) : null;
+  if (!launcher && !toast && !open) return null;
+  return (0, import_react2.createElement)(
+    RN3.View,
+    { pointerEvents: "box-none", style: { position: "absolute", top: 0, left: 0, right: 0, bottom: 0 } },
+    launcher,
+    toast,
+    open ? (0, import_react2.createElement)(MessengerSheet, { client, p, o: options, chat, view, setView }) : null
+  );
+};
+
 // src/native/index.tsx
+var RN4 = require("react-native");
+var MRRocketMask = ({ children, style }) => {
+  const ref = (0, import_react3.useRef)(null);
+  (0, import_react3.useEffect)(() => {
+    maskedViews.add(ref);
+    return () => {
+      maskedViews.delete(ref);
+    };
+  }, []);
+  return (0, import_react3.createElement)(RN4.View, { ref, collapsable: false, style }, children);
+};
 var shared = null;
 var sharedKey = "";
 var createMRRocket = (options) => {
@@ -1633,20 +2772,40 @@ var createMRRocket = (options) => {
   return shared;
 };
 var getMRRocket = () => shared;
-var Ctx = (0, import_react2.createContext)(null);
-var MRRocketProvider = ({ client: given, children, consent, flows = true, appearance, ...options }) => {
-  const [client] = (0, import_react2.useState)(() => given ?? createMRRocket({ ...options, consent }));
-  (0, import_react2.useEffect)(() => {
+var Ctx = (0, import_react3.createContext)(null);
+var MRRocketProvider = ({ client: given, children, consent, flows = true, appearance, surveys = true, messenger = {}, feedback = {}, heatmaps = true, ...options }) => {
+  const [client] = (0, import_react3.useState)(() => given ?? createMRRocket({ ...options, consent }));
+  (0, import_react3.useEffect)(() => {
     if (consent) client.setConsent(consent);
   }, [client, consent]);
-  return (0, import_react2.createElement)(Ctx.Provider, { value: client }, children, flows ? (0, import_react2.createElement)(MRRocketFlows, { flows: client.flows, appearance }) : null);
+  (0, import_react3.useEffect)(() => {
+    if (options.replay !== void 0) client.setReplay(options.replay);
+  }, [client, options.replay]);
+  const start = (0, import_react3.useRef)(null);
+  const touch = (e, end) => {
+    const n = e.nativeEvent;
+    const x = n.pageX ?? n.changedTouches?.[0]?.pageX;
+    const y = n.pageY ?? n.changedTouches?.[0]?.pageY;
+    if (x === void 0 || y === void 0) return;
+    if (!end) start.current = { x, y, t: Date.now() };
+    else if (start.current && Math.hypot(x - start.current.x, y - start.current.y) < 10 && Date.now() - start.current.t < 500) client.tap(x, y);
+  };
+  return (0, import_react3.createElement)(
+    Ctx.Provider,
+    { value: client },
+    heatmaps ? (0, import_react3.createElement)(RN4.View, { style: { flex: 1 }, onTouchStartCapture: (e) => touch(e, false), onTouchEndCapture: (e) => touch(e, true) }, children) : children,
+    flows ? (0, import_react3.createElement)(MRRocketFlows, { flows: client.flows, appearance }) : null,
+    surveys ? (0, import_react3.createElement)(MRRocketSurveys, { client, appearance }) : null,
+    feedback ? (0, import_react3.createElement)(MRRocketFeedback, { client, appearance, options: feedback }) : null,
+    messenger ? (0, import_react3.createElement)(MRRocketMessenger, { client, appearance, options: messenger }) : null
+  );
 };
 var useClient = () => {
-  const c = (0, import_react2.useContext)(Ctx);
+  const c = (0, import_react3.useContext)(Ctx);
   if (!c) throw new Error("MRRocket: wrap your app in <MRRocketProvider apiKey=\u2026>.");
   return c;
 };
-var useVersion = (client) => (0, import_react2.useSyncExternalStore)(client.subscribe, client.getVersion, client.getVersion);
+var useVersion = (client) => (0, import_react3.useSyncExternalStore)(client.subscribe, client.getVersion, client.getVersion);
 var useMRRocket = () => {
   const client = useClient();
   useVersion(client);
@@ -1656,6 +2815,7 @@ var useMRRocket = () => {
     identify: client.identify,
     reset: client.reset,
     setConsent: client.setConsent,
+    setReplay: client.setReplay,
     captureError: client.captureError,
     flush: client.flush,
     distinctId: client.getDistinctId(),
@@ -1690,7 +2850,7 @@ var useVariant = (key) => {
   useVersion(client);
   const config = client.getConfig();
   const variant = client.peekVariant(key);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (config) client.expose(key, variant);
   }, [client, config, key, variant]);
   return variant;
@@ -1701,7 +2861,7 @@ var useText = (id, fallback) => {
   const config = client.getConfig();
   const text2 = client.peekText(id);
   const person = client.getDistinctId();
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (config) client.exposeText(id);
   }, [client, config, id, person]);
   return text2 ?? fallback;
@@ -1726,13 +2886,13 @@ var useExpoRouterTracking = () => {
     console.warn("[MRRocket] useExpoRouterTracking needs expo-router. With React Navigation use useNavigationTracking.");
   }
   const pathname = (router?.usePathname ?? noPathname)();
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (pathname) client.screen(pathname);
   }, [client, pathname]);
 };
 var useNavigationTracking = () => {
   const client = useClient();
-  return (0, import_react2.useCallback)(
+  return (0, import_react3.useCallback)(
     (state) => {
       const name = activeRouteName(state);
       if (name) client.screen(name);