@mrrocket/sdk 0.4.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,27 +17,39 @@ 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,
+  useText: () => useText,
   useVariant: () => useVariant
 });
 module.exports = __toCommonJS(native_exports);
-var import_react = require("react");
+var import_react3 = require("react");
 
 // src/core.ts
-var SDK_VERSION = "0.4.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;
@@ -109,25 +122,25 @@ var parseQuery = (url) => {
   return out;
 };
 var hashUnit = (input) => {
-  let h = 2166136261;
+  let h3 = 2166136261;
   for (let i = 0; i < input.length; i++) {
-    h ^= input.charCodeAt(i);
-    h = Math.imul(h, 16777619);
+    h3 ^= input.charCodeAt(i);
+    h3 = Math.imul(h3, 16777619);
   }
-  return (h >>> 0) / 4294967296;
+  return (h3 >>> 0) / 4294967296;
 };
 var flagUnit = (input) => {
-  let h = 2166136261;
+  let h3 = 2166136261;
   for (let i = 0; i < input.length; i++) {
-    h ^= input.charCodeAt(i);
-    h = Math.imul(h, 16777619);
+    h3 ^= input.charCodeAt(i);
+    h3 = Math.imul(h3, 16777619);
   }
-  h ^= h >>> 16;
-  h = Math.imul(h, 2246822507);
-  h ^= h >>> 13;
-  h = Math.imul(h, 3266489909);
-  h ^= h >>> 16;
-  return (h >>> 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";
@@ -141,13 +154,79 @@ var assign = (experiment, distinctId) => {
   }
   return experiment.variants[experiment.variants.length - 1]?.id ?? control;
 };
+var experimentsOfText = (config, id) => (config?.experiments ?? []).filter((e) => e.variants.some((v) => v.changes && id in v.changes)).map((e) => e.key);
 var resolveVariant = (key, config, distinctId, preview) => {
   if (preview[key]) return preview[key];
   const experiment = config?.experiments.find((e) => e.key === key);
   return experiment ? assign(experiment, distinctId) : "control";
 };
+var textChanges = (config, distinctId, preview) => {
+  const out = { ...config?.texts ?? {} };
+  for (const experiment of config?.experiments ?? []) {
+    const id = resolveVariant(experiment.key, config, distinctId, preview);
+    if (id === (experiment.variants[0]?.id ?? "control")) continue;
+    Object.assign(out, experiment.variants.find((v) => v.id === id)?.changes ?? {});
+  }
+  return out;
+};
 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;
@@ -203,6 +282,568 @@ var describeError = (error) => {
   }
 };
 
+// src/flows.ts
+var CANCEL_EVENT = "$cancel_flow";
+var ONBOARDING_EVENT = "$onboarding";
+var INAPP_EVENT = "$inapp";
+var PLAIN_CANCEL = {
+  version: 0,
+  question: "",
+  reasons: [],
+  offers: {},
+  confirm: { title: "Cancel your subscription?", body: "You keep access until the end of the billing period.", button: "Cancel subscription" },
+  offersFor: "business"
+};
+var FAILED = "Something went wrong. Please try again.";
+var PROGRESS_KEY = "mrrocket:onboarding";
+var eventSlug = (s) => s.trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "");
+var SIGNUP = /* @__PURE__ */ new Set(["signed_up", "signup", "sign_up", "registered", "account_created", "user_signed_up"]);
+var matchesTrigger = (trigger, event) => {
+  const t = eventSlug(trigger);
+  const e = eventSlug(event);
+  if (!t || !e) return false;
+  return t === e || SIGNUP.has(t) && SIGNUP.has(e);
+};
+var startsOnLoad = (trigger) => /^(first (launch|visit|open|session|login|sign ?in|app open)|app (opened|launched)|on load|every visit|always)?$/i.test(trigger.trim());
+var runId = () => `cf_${Math.random().toString(36).slice(2, 10)}${Date.now().toString(36)}`;
+var discounted = (amount, percent) => Math.round(amount * (1 - percent / 100) * 100) / 100;
+var money = (amount, currency) => {
+  try {
+    return new Intl.NumberFormat(void 0, { style: "currency", currency }).format(amount);
+  } catch {
+    return `${amount.toFixed(2)} ${currency}`;
+  }
+};
+var offerButton = (o) => o.kind === "contact" ? "Send to the team" : o.kind === "pause" ? "Pause instead" : o.kind === "downgrade" ? "Switch plan" : "Accept offer";
+var safeUrl = (url) => {
+  const u = (url ?? "").trim();
+  return /^https?:\/\//i.test(u) || /^\/(?!\/)/.test(u) ? u : void 0;
+};
+var createFlows = (env) => {
+  let config = null;
+  let cancel = null;
+  let active = null;
+  let messages = [];
+  let known = false;
+  let loading = null;
+  let loadedFor;
+  let progressFor = null;
+  const progress = /* @__PURE__ */ new Map();
+  const handled = /* @__PURE__ */ new Set();
+  const shown = /* @__PURE__ */ new Set();
+  const listeners = /* @__PURE__ */ new Set();
+  const auto = env.auto !== false;
+  const flows = () => config?.onboarding ?? [];
+  const flowById = (id) => id ? flows().find((f) => f.id === id) : void 0;
+  const prog = (id) => {
+    let p = progress.get(id);
+    if (!p) progress.set(id, p = { done: /* @__PURE__ */ new Set(), dismissed: false });
+    return p;
+  };
+  const finished = (f) => {
+    const p = progress.get(f.id);
+    return !!p && (p.dismissed || f.steps.every((s) => p.done.has(s.id)));
+  };
+  const keyOf = (pid) => `${PROGRESS_KEY}:${pid ?? "visitor"}`;
+  const save = () => {
+    const store = env.storage?.();
+    if (!store) return;
+    const out = {};
+    for (const [id, p] of progress) out[id] = { done: [...p.done], ...p.dismissed ? { dismissed: true } : {} };
+    try {
+      store.set(keyOf(env.personId()), JSON.stringify(out));
+    } catch {
+    }
+  };
+  const merge = (state) => {
+    for (const [id, s] of Object.entries(state ?? {})) {
+      const p = prog(id);
+      for (const d of s.done ?? []) p.done.add(d);
+      if (s.dismissed) p.dismissed = true;
+    }
+  };
+  const onboardingView = () => {
+    const flow = flowById(active);
+    if (!flow) return null;
+    const p = prog(flow.id);
+    const at = flow.steps.findIndex((s) => !p.done.has(s.id));
+    if (at < 0 || p.dismissed) return null;
+    const step = flow.steps[at];
+    if (step.kind === "checklist") {
+      let from = at;
+      while (from > 0 && flow.steps[from - 1].kind === "checklist") from--;
+      let to = at;
+      while (to + 1 < flow.steps.length && flow.steps[to + 1].kind === "checklist") to++;
+      return { type: "checklist", flow, items: flow.steps.slice(from, to + 1).map((s) => ({ step: s, done: p.done.has(s.id) })) };
+    }
+    return { type: "step", flow, step, index: at, total: flow.steps.length, last: at === flow.steps.length - 1 };
+  };
+  const view = () => {
+    if (cancel) {
+      const offer = cancel.reason ? cancel.flow.offers[cancel.reason] : void 0;
+      return {
+        type: "cancel",
+        screen: cancel.screen,
+        flow: cancel.flow,
+        reason: cancel.reason,
+        offer: cancel.screen === "offer" ? offer : void 0,
+        price: cancel.options.price,
+        busy: cancel.busy,
+        error: cancel.error,
+        step: cancel.plain ? 1 : cancel.screen === "survey" ? 1 : cancel.screen === "offer" ? 2 : 3,
+        steps: cancel.plain ? 1 : 3
+      };
+    }
+    const ob = onboardingView();
+    if (ob) return ob;
+    if (active) active = null;
+    const m = messages.find((x) => !handled.has(x.id));
+    return m ? { type: "message", message: m } : null;
+  };
+  const emit = () => {
+    const v = view();
+    if (v?.type === "step" && !shown.has(`s:${v.step.id}`)) {
+      shown.add(`s:${v.step.id}`);
+      env.track(ONBOARDING_EVENT, { flow: v.flow.id, step: v.step.id, kind: v.step.kind, action: "shown" });
+    } else if (v?.type === "checklist") {
+      for (const i of v.items)
+        if (!i.done && !shown.has(`s:${i.step.id}`)) {
+          shown.add(`s:${i.step.id}`);
+          env.track(ONBOARDING_EVENT, { flow: v.flow.id, step: i.step.id, kind: "checklist", action: "shown" });
+        }
+    } else if (v?.type === "message" && !shown.has(`m:${v.message.id}`)) {
+      shown.add(`m:${v.message.id}`);
+      env.track(INAPP_EVENT, { message: v.message.id, journey: v.message.journey, action: "shown" });
+    }
+    for (const l of [...listeners]) {
+      try {
+        l();
+      } catch {
+      }
+    }
+  };
+  const start = (flow) => {
+    if (active === flow.id) return true;
+    if (active && flowById(active) && !finished(flowById(active))) return false;
+    active = flow.id;
+    env.track(ONBOARDING_EVENT, { flow: flow.id, action: "started" });
+    emit();
+    return true;
+  };
+  const autoStart = () => {
+    if (!auto || active || !known) return;
+    if (!env.personId() && !env.storage?.()) return;
+    const next = flows().find((f) => startsOnLoad(f.trigger) && f.steps.length && !finished(f));
+    if (next) start(next);
+  };
+  const refresh = () => {
+    const pid = env.personId();
+    if (progressFor !== null && progressFor !== pid) {
+      progress.clear();
+      handled.clear();
+      active = null;
+      loadedFor = void 0;
+    }
+    progressFor = pid;
+    const run = (async () => {
+      const store = env.storage?.();
+      if (store) {
+        try {
+          const raw = await store.get(keyOf(pid));
+          if (raw) merge(JSON.parse(raw));
+        } catch {
+        }
+      }
+      const wants = flows().length > 0 || !!config?.messages;
+      if (pid && wants && loadedFor !== pid) {
+        loadedFor = pid;
+        const state = await env.fetchInApp(pid).catch(() => null);
+        if (state && env.personId() === pid) {
+          merge(state.onboarding);
+          messages = (state.messages ?? []).filter((m) => m && m.id && m.title);
+        }
+      }
+      if (!pid) messages = [];
+      known = true;
+      autoStart();
+      emit();
+    })();
+    loading = run.finally(() => {
+      if (loading === run) loading = null;
+    });
+    return loading;
+  };
+  const result = (c, outcome, comment) => {
+    const offer = c.reason ? c.flow.offers[c.reason] : void 0;
+    return {
+      outcome,
+      run: c.run,
+      ...c.reason ? { reason: c.reason, reasonLabel: c.flow.reasons.find((r) => r.id === c.reason)?.label } : {},
+      ...outcome === "saved" && offer ? { offer } : {},
+      ...comment?.trim() ? { comment: comment.trim().slice(0, 500) } : {}
+    };
+  };
+  const finish = (c, r) => {
+    env.track(CANCEL_EVENT, {
+      action: "finished",
+      run: c.run,
+      version: c.flow.version,
+      outcome: r.outcome,
+      customer: c.options.customer ?? "consumer",
+      ...r.reason ? { reason: r.reason } : {},
+      ...r.offer ? { offer: r.offer.kind } : {},
+      ...r.comment ? { comment: r.comment } : {}
+    });
+    if (cancel === c) cancel = null;
+    c.resolve(r);
+    emit();
+  };
+  const settle = (c, outcome, comment) => {
+    if (c.busy) return;
+    const r = result(c, outcome, comment);
+    const fn = outcome === "saved" ? c.options.onSave : c.options.onCancel;
+    c.busy = true;
+    c.error = void 0;
+    emit();
+    Promise.resolve().then(() => fn?.(r)).then(
+      () => finish(c, r),
+      () => {
+        c.busy = false;
+        c.error = FAILED;
+        emit();
+      }
+    );
+  };
+  const openCancelFlow = (options = {}) => {
+    if (cancel) return cancel.promise;
+    const flow = config?.cancelFlow ?? PLAIN_CANCEL;
+    const plain = options.customer !== "business" || flow.reasons.length < 2;
+    let resolve = () => {
+    };
+    const promise = new Promise((r) => resolve = r);
+    const c = { flow, options, plain, screen: plain ? "confirm" : "survey", run: runId(), busy: false, resolve, promise };
+    cancel = c;
+    env.track(CANCEL_EVENT, { action: "shown", run: c.run, version: flow.version, customer: options.customer ?? "consumer", plain });
+    emit();
+    return promise;
+  };
+  const controller = {
+    setConfig: (c) => {
+      config = c;
+      if (active && !flowById(active)) active = null;
+      emit();
+    },
+    refresh,
+    onEvent: (name) => {
+      if (!name || name.startsWith("$")) return;
+      const flow = flowById(active);
+      let ticked = false;
+      if (flow) {
+        const p = prog(flow.id);
+        for (const s of flow.steps)
+          if (s.kind === "checklist" && s.event && !p.done.has(s.id) && matchesTrigger(s.event, name)) {
+            p.done.add(s.id);
+            ticked = true;
+            env.track(ONBOARDING_EVENT, { flow: flow.id, step: s.id, kind: s.kind, action: "completed" });
+          }
+      }
+      if (ticked) {
+        save();
+        emit();
+      }
+      if (!auto || !env.personId() && !env.storage?.()) return;
+      const next = flows().find((f) => f.steps.length && matchesTrigger(f.trigger, name) && !finished(f));
+      if (next) start(next);
+    },
+    openCancelFlow,
+    startOnboarding: (id) => {
+      const f = id ? flowById(id) : flows().find((x) => x.steps.length && !finished(x));
+      if (!f || !f.steps.length) return false;
+      const p = prog(f.id);
+      p.dismissed = false;
+      return start(f);
+    },
+    view,
+    subscribe: (l) => {
+      listeners.add(l);
+      return () => listeners.delete(l);
+    },
+    cancel: {
+      pick: (reason) => {
+        if (!cancel || cancel.busy || !cancel.flow.reasons.some((r) => r.id === reason)) return;
+        cancel.reason = reason;
+        cancel.error = void 0;
+        emit();
+      },
+      next: () => {
+        const c = cancel;
+        if (!c || c.screen !== "survey" || !c.reason) return;
+        env.track(CANCEL_EVENT, { action: "answered", run: c.run, version: c.flow.version, reason: c.reason });
+        c.screen = c.flow.offers[c.reason] ? "offer" : "confirm";
+        emit();
+      },
+      accept: (comment) => {
+        const c = cancel;
+        if (!c || c.screen !== "offer" || !c.reason) return;
+        const offer = c.flow.offers[c.reason];
+        if (!c.busy)
+          env.track(CANCEL_EVENT, {
+            action: "offer",
+            run: c.run,
+            version: c.flow.version,
+            reason: c.reason,
+            offer: offer?.kind,
+            outcome: "accepted"
+          });
+        settle(c, "saved", comment);
+      },
+      decline: () => {
+        const c = cancel;
+        if (!c || c.screen !== "offer" || c.busy) return;
+        env.track(CANCEL_EVENT, {
+          action: "offer",
+          run: c.run,
+          version: c.flow.version,
+          reason: c.reason,
+          offer: c.reason ? c.flow.offers[c.reason]?.kind : void 0,
+          outcome: "declined"
+        });
+        c.screen = "confirm";
+        c.error = void 0;
+        emit();
+      },
+      confirm: (comment) => {
+        const c = cancel;
+        if (!c || c.screen !== "confirm") return;
+        settle(c, "cancelled", comment);
+      },
+      close: () => {
+        const c = cancel;
+        if (!c || c.busy) return;
+        const r = result(c, "kept");
+        c.options.onClose?.(r);
+        finish(c, r);
+      }
+    },
+    onboarding: {
+      next: () => {
+        const v = onboardingView();
+        if (v?.type !== "step") return;
+        prog(v.flow.id).done.add(v.step.id);
+        env.track(ONBOARDING_EVENT, { flow: v.flow.id, step: v.step.id, kind: v.step.kind, action: "completed" });
+        save();
+        emit();
+      },
+      check: (stepId) => {
+        const v = onboardingView();
+        if (v?.type !== "checklist") return;
+        const item = v.items.find((i) => i.step.id === stepId);
+        if (!item || item.done) return;
+        prog(v.flow.id).done.add(stepId);
+        env.track(ONBOARDING_EVENT, { flow: v.flow.id, step: stepId, kind: "checklist", action: "completed" });
+        save();
+        emit();
+      },
+      dismiss: () => {
+        const v = onboardingView();
+        if (!v || v.type !== "step" && v.type !== "checklist") return;
+        prog(v.flow.id).dismissed = true;
+        env.track(ONBOARDING_EVENT, { flow: v.flow.id, ...v.type === "step" ? { step: v.step.id } : {}, action: "dismissed" });
+        active = null;
+        save();
+        emit();
+      }
+    },
+    message: {
+      click: () => {
+        const v = view();
+        if (v?.type !== "message") return;
+        handled.add(v.message.id);
+        env.track(INAPP_EVENT, { message: v.message.id, journey: v.message.journey, action: "clicked" });
+        const url = safeUrl(v.message.url);
+        emit();
+        if (url) env.openUrl?.(url);
+      },
+      dismiss: () => {
+        const v = view();
+        if (v?.type !== "message") return;
+        handled.add(v.message.id);
+        env.track(INAPP_EVENT, { message: v.message.id, journey: v.message.journey, action: "dismissed" });
+        emit();
+      }
+    }
+  };
+  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";
@@ -225,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;
@@ -288,13 +930,43 @@ 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();
+    if (!textsFor || textsFor.config !== config || textsFor.id !== id) textsFor = { config, id, texts: textChanges(config, id, {}) };
+    return textsFor.texts;
+  };
   const listeners = /* @__PURE__ */ new Set();
   const crumbs = [];
   const errorQueue = [];
   const errorsSeen = /* @__PURE__ */ new Set();
   let errorsSent = 0;
+  const flows = createFlows({
+    track: (event, props) => record(event, props),
+    personId: () => consent !== "off" ? identified : void 0,
+    auto: options.onboarding !== false,
+    storage: () => storage && consent === "persistent" ? {
+      get: (k) => get(k),
+      set: (k, v) => void set(k, v)
+    } : null,
+    openUrl: deps.openUrl,
+    fetchInApp: async (id) => {
+      if (!apiKey) return null;
+      const r = await deps.fetch(`${host}/api/sdk/inapp?key=${encodeURIComponent(apiKey)}&distinctId=${encodeURIComponent(id)}`, { method: "GET" });
+      return r.ok ? await r.json() : null;
+    }
+  });
+  const refreshFlows = () => {
+    if (!isReady || closed) return;
+    flows.setConfig(config);
+    void flows.refresh();
+  };
+  let recorder = null;
   const changed = () => {
     version++;
+    recorder?.sync(appState === "active");
     for (const l of [...listeners]) {
       try {
         l();
@@ -469,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);
   };
@@ -486,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) {
@@ -503,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();
@@ -526,6 +1224,61 @@ var createClient = (options, deps) => {
       debug("Config not reachable; using the cached one.");
     }
   };
+  let pushToken = null;
+  let pushFor;
+  let pushOff = null;
+  const opened = /* @__PURE__ */ new Set();
+  const onPushOpen = (data) => {
+    const m = data?.mrrocket;
+    if (!m?.id || opened.has(m.id)) return;
+    opened.add(m.id);
+    record("$push", { action: "opened", message: m.id });
+    if (m.url && /^[a-z][a-z0-9+.-]*:/i.test(m.url)) deps.openUrl?.(m.url);
+  };
+  const listenForOpens = () => {
+    if (pushOff || !deps.push || closed) return;
+    try {
+      pushOff = deps.push.onOpen(onPushOpen);
+      void deps.push.lastOpen?.().then(onPushOpen).catch(() => void 0);
+    } catch {
+      pushOff = null;
+    }
+  };
+  const loadedNow = () => loaded ? Promise.resolve() : new Promise((resolve) => {
+    early.push(resolve);
+  });
+  const registerForPush = async (o = {}) => {
+    if (!deps.push) return { status: "unavailable", reason: "Install expo-notifications to receive push notifications." };
+    await loadedNow();
+    if (!apiKey || consent === "off") return { status: "error", reason: !apiKey ? "No public key." : "The consent is off." };
+    if (!identified) return { status: "not-signed-in" };
+    const who = identified;
+    try {
+      const permission = await deps.push.permission(o.ask !== false);
+      if (permission !== "granted") return { status: permission === "denied" ? "denied" : "not-asked" };
+      const token = await deps.push.token(o.projectId);
+      if (!token) return { status: "unavailable", reason: "This device has no push token (a simulator, or no EAS project id)." };
+      const status = await post("/api/sdk/push", JSON.stringify({ key: apiKey, distinctId: who, platform: "expo", token, app: context }));
+      if (status < 200 || status >= 300) {
+        warn(`Push registration was rejected with ${status || "no answer"}. Check the public key and the host.`);
+        return { status: "error", reason: `MRRocket answered ${status || "nothing"}.` };
+      }
+      pushToken = token;
+      pushFor = who;
+      listenForOpens();
+      debug("Registered for push.");
+      return { status: "registered", token };
+    } catch (e) {
+      return { status: "error", reason: e instanceof Error ? e.message : String(e) };
+    }
+  };
+  const unregisterForPush = async () => {
+    const token = pushToken;
+    if (!token || !apiKey) return false;
+    pushToken = null;
+    const status = await post("/api/sdk/push", JSON.stringify({ key: apiKey, distinctId: pushFor, platform: "expo", token, remove: true }));
+    return status >= 200 && status < 300;
+  };
   let resolveReady = () => {
   };
   const ready = new Promise((r) => {
@@ -540,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();
@@ -568,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 {
@@ -601,10 +1363,12 @@ var createClient = (options, deps) => {
     for (const run of early.splice(0)) run();
     if (deps.appState) appStateSub = deps.appState.addEventListener("change", onAppState);
     installErrorHandler();
+    listenForOpens();
     if (appState === "active" || !deps.appState) startTimer();
     if (queue.length) void flush();
     await fetchConfig();
     markReady();
+    refreshFlows();
   };
   void start().catch(() => {
     loaded = true;
@@ -614,6 +1378,25 @@ var createClient = (options, deps) => {
     track: (event, props) => {
       if (typeof event !== "string" || !event) return;
       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;
@@ -623,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;
@@ -636,12 +1420,14 @@ var createClient = (options, deps) => {
       record("$identify", { ...props, id, ...previous && previous !== id ? { previousId: previous } : {} });
       if (consent === "persistent") void set(KEYS.id, id);
       changed();
+      refreshFlows();
     },
     reset: () => {
       if (!loaded) {
         early.push(() => client.reset());
         return;
       }
+      if (pushToken) void unregisterForPush();
       identified = void 0;
       person = void 0;
       session = null;
@@ -653,6 +1439,7 @@ var createClient = (options, deps) => {
         void set(KEYS.id, installId);
       }
       changed();
+      refreshFlows();
     },
     setConsent: (next) => {
       if (next !== "anonymous" && next !== "persistent" && next !== "off") {
@@ -667,6 +1454,7 @@ var createClient = (options, deps) => {
       const before = consent;
       consent = next;
       if (next === "off") {
+        recorder?.drop();
         queue = [];
         session = null;
         errorQueue.length = 0;
@@ -675,13 +1463,16 @@ 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();
+      refreshFlows();
     },
     captureError: (error) => capture(error, "manual"),
     getFlag: (key) => flagFor(key, config, distinctId(), { ...person }) !== false,
@@ -702,11 +1493,40 @@ var createClient = (options, deps) => {
       exposed.add(mark);
       record("$exposure", { experiment: key, variant });
     },
+    getText: (id, fallback) => {
+      client.exposeText(id);
+      return client.peekText(id) ?? fallback;
+    },
+    peekText: (id) => texts()[id],
+    exposeText: (id) => {
+      for (const key of experimentsOfText(config, id)) client.expose(key, resolveVariant(key, config, distinctId(), {}));
+    },
+    openCancelFlow: (o) => flows.openCancelFlow(o),
+    startOnboarding: (id) => flows.startOnboarding(id),
+    registerForPush,
+    unregisterForPush,
+    flows,
     flush,
     ready,
     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);
@@ -716,7 +1536,10 @@ var createClient = (options, deps) => {
     close: async () => {
       if (closed) return;
       stopTimer();
+      recorder?.sync(false);
       appStateSub?.remove();
+      pushOff?.();
+      pushOff = null;
       if (handlerInstalled && deps.errorUtils && previousHandler) deps.errorUtils.setGlobalHandler(previousHandler);
       await flush();
       await sendErrors();
@@ -739,8 +1562,252 @@ var activeRouteName = (state) => {
   return name;
 };
 
-// src/native/platform.ts
+// src/native/flows-view.ts
+var import_react = require("react");
 var RN = require("react-native");
+var LIGHT = { bg: "#ffffff", fg: "#1c1d20", muted: "#5d6068", soft: "#f4f5f7", line: "#e4e5e8" };
+var DARK = { bg: "#17181b", fg: "#f1f2f4", muted: "#a9acb3", soft: "#232428", line: "#2e2f35" };
+var months = (n) => `${n} ${n === 1 ? "month" : "months"}`;
+var MRRocketFlows = ({ flows, appearance = {} }) => {
+  const scheme = RN.useColorScheme?.();
+  const dark = appearance.theme === "dark" || (appearance.theme ?? "auto") === "auto" && scheme === "dark";
+  const p = { ...dark ? DARK : LIGHT, accent: appearance.accent ?? "#3f76ff", danger: "#d92d20" };
+  const [, setTick] = (0, import_react.useState)(0);
+  (0, import_react.useEffect)(() => flows.subscribe(() => setTick((t) => t + 1)), [flows]);
+  const v = flows.view();
+  const [comment, setComment] = (0, import_react.useState)("");
+  const screen = v?.type === "cancel" ? v.screen : null;
+  (0, import_react.useEffect)(() => {
+    if (!screen) setComment("");
+  }, [screen]);
+  if (!v) return null;
+  const text2 = (children, style = {}) => (0, import_react.createElement)(RN.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_react.createElement)(RN.Text, { accessibilityRole: "header", style: { color: p.fg, fontSize: 18, fontWeight: "700" } }, children);
+  const btn = (label, kind, onPress, disabled = false) => (0, import_react.createElement)(
+    RN.Pressable,
+    {
+      key: label,
+      onPress,
+      disabled,
+      accessibilityRole: "button",
+      accessibilityState: { disabled },
+      style: {
+        height: kind === "quiet" ? 36 : 44,
+        borderRadius: 10,
+        alignItems: "center",
+        justifyContent: "center",
+        opacity: disabled ? 0.55 : 1,
+        backgroundColor: kind === "primary" ? p.accent : kind === "danger" ? p.danger : kind === "secondary" ? p.bg : "transparent",
+        borderWidth: kind === "secondary" ? 1 : 0,
+        borderColor: p.line
+      }
+    },
+    text2(label, {
+      color: kind === "primary" || kind === "danger" ? "#ffffff" : kind === "quiet" ? p.muted : p.fg,
+      fontWeight: kind === "quiet" ? "500" : "600"
+    })
+  );
+  const close = (label, onPress) => (0, import_react.createElement)(
+    RN.Pressable,
+    { onPress, accessibilityRole: "button", accessibilityLabel: label, hitSlop: 12, style: { marginLeft: "auto", padding: 4 } },
+    text2("\xD7", { fontSize: 22, color: p.muted })
+  );
+  const card = (children, style = {}) => (0, import_react.createElement)(
+    RN.View,
+    {
+      style: {
+        backgroundColor: p.bg,
+        borderRadius: 16,
+        padding: 20,
+        gap: 12,
+        shadowColor: "#000",
+        shadowOpacity: 0.18,
+        shadowRadius: 20,
+        elevation: 8,
+        ...style
+      }
+    },
+    ...children
+  );
+  const sheet = (children, onClose) => (0, import_react.createElement)(
+    RN.Modal,
+    { visible: true, transparent: true, animationType: "fade", onRequestClose: onClose },
+    (0, import_react.createElement)(
+      RN.View,
+      { style: { flex: 1, backgroundColor: "rgba(0,0,0,0.4)", justifyContent: "flex-end" } },
+      card(children, { borderBottomLeftRadius: 0, borderBottomRightRadius: 0, paddingBottom: 34 })
+    )
+  );
+  const input = (placeholder) => (0, import_react.createElement)(RN.TextInput, {
+    value: comment,
+    onChangeText: setComment,
+    placeholder,
+    placeholderTextColor: p.muted,
+    multiline: true,
+    maxLength: 500,
+    accessibilityLabel: placeholder,
+    style: { minHeight: 72, borderWidth: 1, borderColor: p.line, borderRadius: 10, padding: 10, color: p.fg, textAlignVertical: "top" }
+  });
+  if (v.type === "cancel") {
+    const top = (0, import_react.createElement)(
+      RN.View,
+      { style: { flexDirection: "row", alignItems: "center", gap: 4 } },
+      ...v.steps > 1 ? Array.from(
+        { length: v.steps },
+        (_, i) => (0, import_react.createElement)(RN.View, { key: i, style: { width: 16, height: 4, borderRadius: 4, backgroundColor: i < v.step ? p.accent : p.line } })
+      ) : [],
+      close("Close", flows.cancel.close)
+    );
+    const error = v.error ? text2(v.error, { color: p.danger, fontSize: 13 }) : null;
+    let body = [];
+    if (v.screen === "survey")
+      body = [
+        title(v.flow.question || "Why are you leaving?"),
+        (0, import_react.createElement)(
+          RN.ScrollView,
+          { style: { maxHeight: 320 }, contentContainerStyle: { gap: 6 }, accessibilityRole: "radiogroup" },
+          ...v.flow.reasons.map(
+            (r) => (0, import_react.createElement)(
+              RN.Pressable,
+              {
+                key: r.id,
+                onPress: () => flows.cancel.pick(r.id),
+                accessibilityRole: "radio",
+                accessibilityState: { checked: v.reason === r.id },
+                style: {
+                  minHeight: 44,
+                  paddingHorizontal: 12,
+                  borderRadius: 10,
+                  borderWidth: 1,
+                  borderColor: v.reason === r.id ? p.accent : p.line,
+                  backgroundColor: v.reason === r.id ? p.soft : p.bg,
+                  justifyContent: "center"
+                }
+              },
+              text2(r.label, { fontWeight: "500" })
+            )
+          )
+        ),
+        btn("Continue", "primary", flows.cancel.next, !v.reason),
+        btn("Never mind, keep my plan", "quiet", flows.cancel.close)
+      ];
+    else if (v.screen === "offer" && v.offer) {
+      const o = v.offer;
+      const label = v.flow.reasons.find((r) => r.id === v.reason)?.label;
+      const detail = o.kind === "discount" && o.percent ? v.price ? `${money(discounted(v.price.amount, o.percent), v.price.currency)} instead of ${money(v.price.amount, v.price.currency)}${o.months ? ` for ${months(o.months)}` : ""}` : `${o.percent}% off${o.months ? ` for ${months(o.months)}` : ""}` : o.kind === "pause" && o.months ? `Pause for up to ${months(o.months)}. Your data stays.` : o.kind === "downgrade" && o.planName ? o.planName : null;
+      body = [
+        label ? muted(`You said: ${label}`) : null,
+        title(o.headline),
+        detail ? (0, import_react.createElement)(RN.View, { style: { backgroundColor: p.soft, borderRadius: 10, padding: 12 } }, text2(detail, { fontWeight: "600" })) : null,
+        o.kind === "contact" ? input("What would make you stay?") : null,
+        btn(v.busy ? "One moment\u2026" : offerButton(o), "primary", () => flows.cancel.accept(comment), v.busy),
+        btn("No thanks, continue cancelling", "quiet", flows.cancel.decline, v.busy)
+      ];
+    } else
+      body = [
+        title(v.flow.confirm.title),
+        v.flow.confirm.body ? muted(v.flow.confirm.body, { fontSize: 15 }) : null,
+        v.steps > 1 ? input("Anything else we should know? (optional)") : null,
+        btn(v.busy ? "One moment\u2026" : v.flow.confirm.button, "danger", () => flows.cancel.confirm(comment), v.busy),
+        btn("Keep my plan", "secondary", flows.cancel.close, v.busy)
+      ];
+    return sheet([top, ...body, error], flows.cancel.close);
+  }
+  if (v.type === "step")
+    return sheet(
+      [
+        (0, import_react.createElement)(
+          RN.View,
+          { style: { flexDirection: "row", alignItems: "center" } },
+          v.total > 1 ? muted(`Step ${v.index + 1} of ${v.total}`) : null,
+          close("Close the tour", flows.onboarding.dismiss)
+        ),
+        title(v.step.title),
+        v.step.body ? muted(v.step.body, { fontSize: 15 }) : null,
+        btn(v.step.button || (v.last ? "Done" : "Next"), "primary", flows.onboarding.next)
+      ],
+      flows.onboarding.dismiss
+    );
+  if (v.type === "checklist") {
+    const done = v.items.filter((i) => i.done).length;
+    return (0, import_react.createElement)(
+      RN.View,
+      { pointerEvents: "box-none", style: { position: "absolute", left: 12, right: 12, bottom: 28 } },
+      card([
+        (0, import_react.createElement)(
+          RN.View,
+          { key: "t", style: { flexDirection: "row", alignItems: "center" } },
+          title(v.flow.name),
+          close("Hide the checklist", flows.onboarding.dismiss)
+        ),
+        muted(`${done} of ${v.items.length} done`),
+        ...v.items.map(
+          ({ step, done: d }) => (0, import_react.createElement)(
+            RN.Pressable,
+            {
+              key: step.id,
+              disabled: d || !!step.event,
+              onPress: () => flows.onboarding.check(step.id),
+              accessibilityRole: "checkbox",
+              accessibilityState: { checked: d },
+              style: { flexDirection: "row", gap: 10, alignItems: "flex-start", paddingVertical: 6 }
+            },
+            (0, import_react.createElement)(
+              RN.View,
+              {
+                style: {
+                  width: 20,
+                  height: 20,
+                  borderRadius: 10,
+                  borderWidth: 1.5,
+                  borderColor: d ? p.accent : p.line,
+                  backgroundColor: d ? p.accent : "transparent",
+                  alignItems: "center",
+                  justifyContent: "center"
+                }
+              },
+              d ? text2("\u2713", { color: "#fff", fontSize: 12 }) : null
+            ),
+            (0, import_react.createElement)(
+              RN.View,
+              { style: { flex: 1 } },
+              text2(step.title, { fontWeight: "600", color: d ? p.muted : p.fg, textDecorationLine: d ? "line-through" : "none" }),
+              step.body ? muted(step.body) : null
+            )
+          )
+        )
+      ])
+    );
+  }
+  const m = v.message;
+  if (m.style === "banner")
+    return (0, import_react.createElement)(
+      RN.View,
+      { pointerEvents: "box-none", style: { position: "absolute", left: 12, right: 12, top: 56 } },
+      card([
+        (0, import_react.createElement)(
+          RN.View,
+          { key: "t", style: { flexDirection: "row", alignItems: "center", gap: 8 } },
+          (0, import_react.createElement)(RN.View, { style: { flex: 1 } }, text2(m.title, { fontWeight: "700" }), m.body ? muted(m.body) : null),
+          close("Dismiss", flows.message.dismiss)
+        ),
+        m.button ? btn(m.button, "primary", flows.message.click) : null
+      ])
+    );
+  return sheet(
+    [
+      (0, import_react.createElement)(RN.View, { key: "t", style: { flexDirection: "row" } }, close("Dismiss", flows.message.dismiss)),
+      title(m.title),
+      m.body ? muted(m.body, { fontSize: 15 }) : null,
+      m.button ? btn(m.button, "primary", flows.message.click) : null
+    ],
+    flows.message.dismiss
+  );
+};
+
+// src/native/platform.ts
+var RN2 = require("react-native");
 var asyncStorageModule = null;
 try {
   asyncStorageModule = require("@react-native-async-storage/async-storage");
@@ -765,6 +1832,51 @@ 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");
+} catch {
+  expoNotifications = null;
+}
+var expoConstants = {};
+try {
+  expoConstants = require("expo-constants");
+} catch {
+  expoConstants = {};
+}
+var dataOf = (r) => r?.notification?.request?.content?.data ?? null;
+var expoPush = () => {
+  const n = expoNotifications;
+  if (!n || typeof n.getExpoPushTokenAsync !== "function") return null;
+  const constants = expoConstants.default ?? expoConstants;
+  return {
+    permission: async (ask) => {
+      const now = await n.getPermissionsAsync();
+      if (now.granted || now.status === "granted") return "granted";
+      if (now.status === "denied" || !ask) return now.status === "denied" ? "denied" : "undetermined";
+      const asked = await n.requestPermissionsAsync();
+      return asked.granted || asked.status === "granted" ? "granted" : asked.status === "denied" ? "denied" : "undetermined";
+    },
+    token: async (projectId) => {
+      if (RN2.Platform.OS === "android" && n.setNotificationChannelAsync)
+        await n.setNotificationChannelAsync("default", { name: "Default", importance: n.AndroidImportance?.HIGH ?? 4 });
+      const id = projectId ?? constants.expoConfig?.extra?.eas?.projectId ?? constants.easConfig?.projectId;
+      const t = await n.getExpoPushTokenAsync(id ? { projectId: id } : void 0);
+      return typeof t?.data === "string" && t.data ? t.data : null;
+    },
+    onOpen: (listener) => {
+      const sub = n.addNotificationResponseReceivedListener((r) => listener(dataOf(r) ?? {}));
+      return () => sub.remove();
+    },
+    lastOpen: async () => dataOf(await n.getLastNotificationResponseAsync?.())
+  };
+};
 var asyncStorage = () => {
   const m = asyncStorageModule;
   const s = m?.default ?? m;
@@ -773,7 +1885,7 @@ var asyncStorage = () => {
 var DEVICE_TYPES = { 1: "phone", 2: "tablet", 3: "desktop", 4: "tv" };
 var text = (v, max = 80) => typeof v === "string" && v.trim() ? v.trim().slice(0, max) : typeof v === "number" ? String(v) : void 0;
 var readContext = () => {
-  const p = RN.Platform;
+  const p = RN2.Platform;
   let locale;
   try {
     locale = text(expoLocalization?.getLocales?.()[0]?.languageTag, 35);
@@ -799,27 +1911,852 @@ 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)),
-  appState: RN.AppState,
+  appState: RN2.AppState,
   errorUtils: globalThis.ErrorUtils ?? null,
   context: readContext,
   appId: text(expoApplication?.applicationId, 150),
   screen: () => {
-    const s = RN.Dimensions.get("screen");
+    const s = RN2.Dimensions.get("screen");
     return s ? { w: s.width, h: s.height } : void 0;
   },
-  initialUrl: () => RN.Linking.getInitialURL()
+  initialUrl: () => RN2.Linking.getInitialURL(),
+  openUrl: (url) => void RN2.Linking.openURL(url).catch(() => void 0),
+  push: expoPush(),
+  recorder: recorderDeps()
 });
 var optionalModules = () => ({
   asyncStorage: !!asyncStorage(),
   expoDevice: !!expoDevice,
   expoApplication: !!expoApplication,
-  expoLocalization: !!expoLocalization
+  expoLocalization: !!expoLocalization,
+  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) => {
@@ -835,20 +2772,40 @@ var createMRRocket = (options) => {
   return shared;
 };
 var getMRRocket = () => shared;
-var Ctx = (0, import_react.createContext)(null);
-var MRRocketProvider = ({ client: given, children, consent, ...options }) => {
-  const [client] = (0, import_react.useState)(() => given ?? createMRRocket({ ...options, consent }));
-  (0, import_react.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_react.createElement)(Ctx.Provider, { value: client }, children);
+  (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_react.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_react.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);
@@ -858,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(),
@@ -865,6 +2823,18 @@ var useMRRocket = () => {
     ready: client.isReady()
   };
 };
+var useCancelFlow = () => {
+  const client = useClient();
+  return { open: client.openCancelFlow };
+};
+var usePush = () => {
+  const client = useClient();
+  return { register: client.registerForPush, unregister: client.unregisterForPush };
+};
+var useOnboarding = () => {
+  const client = useClient();
+  return { start: client.startOnboarding };
+};
 var useFlag = (key) => {
   const client = useClient();
   useVersion(client);
@@ -880,11 +2850,22 @@ var useVariant = (key) => {
   useVersion(client);
   const config = client.getConfig();
   const variant = client.peekVariant(key);
-  (0, import_react.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (config) client.expose(key, variant);
   }, [client, config, key, variant]);
   return variant;
 };
+var useText = (id, fallback) => {
+  const client = useClient();
+  useVersion(client);
+  const config = client.getConfig();
+  const text2 = client.peekText(id);
+  const person = client.getDistinctId();
+  (0, import_react3.useEffect)(() => {
+    if (config) client.exposeText(id);
+  }, [client, config, id, person]);
+  return text2 ?? fallback;
+};
 var expoRouter;
 var loadExpoRouter = () => {
   if (expoRouter !== void 0) return expoRouter;
@@ -905,13 +2886,13 @@ var useExpoRouterTracking = () => {
     console.warn("[MRRocket] useExpoRouterTracking needs expo-router. With React Navigation use useNavigationTracking.");
   }
   const pathname = (router?.usePathname ?? noPathname)();
-  (0, import_react.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (pathname) client.screen(pathname);
   }, [client, pathname]);
 };
 var useNavigationTracking = () => {
   const client = useClient();
-  return (0, import_react.useCallback)(
+  return (0, import_react3.useCallback)(
     (state) => {
       const name = activeRouteName(state);
       if (name) client.screen(name);