@appsupportkit/support-sdk 0.1.1 → 0.2.0

package/lib/commonjs/theme.js

@@ -4,26 +4,145 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.resolveTheme = resolveTheme;
-exports.supportLightTheme = exports.supportDarkTheme = void 0;
+exports.supportRadii = exports.supportLightTheme = exports.supportDarkTheme = void 0;
 var _designTokens = require("@appsupportkit/design-tokens");
 // The SDK consumes the same design tokens as the admin dashboard, so both
-// surfaces look like one product.
+// surfaces look like one product. On top of those it adds the few values
+// that only exist on mobile: sheet/bubble radii and the elevation used by
+// the launcher and the sheet (the web side gets those from CSS).
 
-const supportDarkTheme = exports.supportDarkTheme = {
-  name: 'dark',
-  colors: _designTokens.darkColors,
-  spacing: _designTokens.spacing,
-  radii: _designTokens.radii,
-  motion: _designTokens.motion
+/** Rounder than the dashboard: touch targets read better with more radius. */
+const supportRadii = exports.supportRadii = {
+  ..._designTokens.radii,
+  control: 10,
+  card: 14,
+  cardLg: 18,
+  /** Message bubbles. */
+  bubble: 18,
+  /** The tight corner on a bubble's sender side. */
+  bubbleTail: 6,
+  sheet: 24,
+  pill: 999
 };
-const supportLightTheme = exports.supportLightTheme = {
-  name: 'light',
-  colors: _designTokens.lightColors,
-  spacing: _designTokens.spacing,
-  radii: _designTokens.radii,
-  motion: _designTokens.motion
-};
-function resolveTheme(name) {
-  return name === 'light' ? supportLightTheme : supportDarkTheme;
+
+/**
+ * The launcher sits on the host app's own background rather than on an SDK
+ * surface, so the two themes need different treatment: on near-black a
+ * solid fill needs a hairline to separate from the background and a black
+ * shadow, while on white the accent-tinted shadow does that work and a
+ * borderless mark has to be darkened to stay legible.
+ */
+
+// Color helpers come first: the themes below are built at module load, so
+// anything they reach for has to already be initialized. (A `const` used
+// before its definition survives tsc but lands as `undefined` on Hermes.)
+const HEX = /^#?([0-9a-f]{3}|[0-9a-f]{6})$/i;
+function parseHex(color) {
+  const match = HEX.exec(color.trim());
+  const digits = match?.[1];
+  if (digits === undefined) return null;
+  const hex = digits.length === 3 ? digits.split('').map(c => c + c).join('') : digits;
+  return [parseInt(hex.slice(0, 2), 16), parseInt(hex.slice(2, 4), 16), parseInt(hex.slice(4, 6), 16)];
+}
+function mix([r, g, b], target, amount) {
+  const channel = c => Math.round(c + (target - c) * amount);
+  return `rgb(${channel(r)}, ${channel(g)}, ${channel(b)})`;
+}
+function shadowsFor(name, accent) {
+  const dark = name === 'dark';
+  return {
+    launcher: {
+      // Tinting the launcher's shadow with the accent is what makes it read
+      // as lifted rather than pasted on.
+      shadowColor: dark ? '#000000' : accent,
+      shadowOpacity: dark ? 0.45 : 0.3,
+      shadowRadius: 14,
+      shadowOffset: {
+        width: 0,
+        height: 6
+      },
+      elevation: 8
+    },
+    sheet: {
+      shadowColor: '#000000',
+      shadowOpacity: dark ? 0.5 : 0.16,
+      shadowRadius: 24,
+      shadowOffset: {
+        width: 0,
+        height: -6
+      },
+      elevation: 24
+    },
+    badge: {
+      shadowColor: '#000000',
+      shadowOpacity: 0.25,
+      shadowRadius: 3,
+      shadowOffset: {
+        width: 0,
+        height: 1
+      },
+      elevation: 3
+    }
+  };
+}
+function launcherFor(name, accent) {
+  const rgb = parseHex(accent);
+  return {
+    solidRing: name === 'dark' ? 'rgba(255, 255, 255, 0.14)' : 'rgba(0, 0, 0, 0.06)',
+    // On a dark app background the raw accent is too close to the surface
+    // to read as a glyph; lift it toward white.
+    minimalMark: name === 'dark' && rgb !== null ? mix(rgb, 255, 0.35) : accent
+  };
+}
+function buildTheme(name, colors) {
+  return {
+    name,
+    colors,
+    spacing: _designTokens.spacing,
+    radii: supportRadii,
+    motion: _designTokens.motion,
+    shadows: shadowsFor(name, colors.accent),
+    launcher: launcherFor(name, colors.accent)
+  };
+}
+const supportDarkTheme = exports.supportDarkTheme = buildTheme('dark', _designTokens.darkColors);
+const supportLightTheme = exports.supportLightTheme = buildTheme('light', _designTokens.lightColors);
+
+/**
+ * Derives the accent family from a single brand color: a pressed shade, the
+ * 12% wash used behind chips and own-message bubbles, and a foreground that
+ * stays legible on top (dark text on light brands, white on dark ones).
+ */
+function withAccent(theme, accent) {
+  const rgb = parseHex(accent);
+  if (!rgb) return theme;
+  const [r, g, b] = rgb;
+  // Relative luminance, sRGB coefficients — good enough to pick a foreground.
+  const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
+  const colors = {
+    ...theme.colors,
+    accent,
+    accentHover: mix(rgb, theme.name === 'dark' ? 255 : 0, 0.12),
+    accentMuted: `rgba(${r}, ${g}, ${b}, 0.12)`,
+    accentForeground: luminance > 0.62 ? '#111113' : '#FFFFFF',
+    statusOpen: accent,
+    statusOpenBg: `rgba(${r}, ${g}, ${b}, 0.10)`,
+    focusRing: accent
+  };
+  return {
+    ...theme,
+    colors,
+    shadows: shadowsFor(theme.name, accent),
+    launcher: launcherFor(theme.name, accent)
+  };
+}
+
+/**
+ * @param name  "light" | "dark" (default dark).
+ * @param accentColor Optional brand color (hex) replacing the default accent.
+ */
+function resolveTheme(name, accentColor) {
+  const base = name === 'light' ? supportLightTheme : supportDarkTheme;
+  return accentColor ? withAccent(base, accentColor) : base;
 }
 //# sourceMappingURL=theme.js.map

package/lib/commonjs/theme.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designTokens","require","supportDarkTheme","exports","name","colors","darkColors","spacing","radii","motion","supportLightTheme","lightColors","resolveTheme"],"sourceRoot":"../../src","sources":["theme.ts"],"mappings":";;;;;;;AAEA,IAAAA,aAAA,GAAAC,OAAA;AAFA;AACA;;AAmBO,MAAMC,gBAA8B,GAAAC,OAAA,CAAAD,gBAAA,GAAG;EAC5CE,IAAI,EAAE,MAAM;EACZC,MAAM,EAAEC,wBAAU;EAClBC,OAAO,EAAPA,qBAAO;EACPC,KAAK,EAALA,mBAAK;EACLC,MAAM,EAANA;AACF,CAAC;AAEM,MAAMC,iBAA+B,GAAAP,OAAA,CAAAO,iBAAA,GAAG;EAC7CN,IAAI,EAAE,OAAO;EACbC,MAAM,EAAEM,yBAAW;EACnBJ,OAAO,EAAPA,qBAAO;EACPC,KAAK,EAALA,mBAAK;EACLC,MAAM,EAANA;AACF,CAAC;AAEM,SAASG,YAAYA,CAACR,IAA2B,EAAgB;EACtE,OAAOA,IAAI,KAAK,OAAO,GAAGM,iBAAiB,GAAGR,gBAAgB;AAChE","ignoreList":[]}
+{"version":3,"names":["_designTokens","require","supportRadii","exports","radii","control","card","cardLg","bubble","bubbleTail","sheet","pill","HEX","parseHex","color","match","exec","trim","digits","undefined","hex","length","split","map","c","join","parseInt","slice","mix","r","g","b","target","amount","channel","Math","round","shadowsFor","name","accent","dark","launcher","shadowColor","shadowOpacity","shadowRadius","shadowOffset","width","height","elevation","badge","launcherFor","rgb","solidRing","minimalMark","buildTheme","colors","spacing","motion","shadows","supportDarkTheme","darkColors","supportLightTheme","lightColors","withAccent","theme","luminance","accentHover","accentMuted","accentForeground","statusOpen","statusOpenBg","focusRing","resolveTheme","accentColor","base"],"sourceRoot":"../../src","sources":["theme.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/types.js

@@ -4,6 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.USER_MESSAGE_MIN = exports.USER_MESSAGE_MAX = exports.QUERY_TYPE_LABEL = void 0;
+/**
+ * How the launcher renders:
+ *   solid   — accent fill, elevated. The floating action button.
+ *   soft    — app surface + hairline border. Sits in a header or toolbar.
+ *   minimal — bare mark, no fill or border. Sits in a nav bar.
+ */
+
 const QUERY_TYPE_LABEL = exports.QUERY_TYPE_LABEL = {
   feedback: 'Feedback',
   feature_request: 'Feature request',

package/lib/commonjs/types.js.map

@@ -1 +1 @@
-{"version":3,"names":["QUERY_TYPE_LABEL","exports","feedback","feature_request","bug_report","USER_MESSAGE_MIN","USER_MESSAGE_MAX"],"sourceRoot":"../../src","sources":["types.ts"],"mappings":";;;;;;AAsEO,MAAMA,gBAA2C,GAAAC,OAAA,CAAAD,gBAAA,GAAG;EACzDE,QAAQ,EAAE,UAAU;EACpBC,eAAe,EAAE,iBAAiB;EAClCC,UAAU,EAAE;AACd,CAAC;AAEM,MAAMC,gBAAgB,GAAAJ,OAAA,CAAAI,gBAAA,GAAG,EAAE;AAC3B,MAAMC,gBAAgB,GAAAL,OAAA,CAAAK,gBAAA,GAAG,GAAG","ignoreList":[]}
+{"version":3,"names":["QUERY_TYPE_LABEL","exports","feedback","feature_request","bug_report","USER_MESSAGE_MIN","USER_MESSAGE_MAX"],"sourceRoot":"../../src","sources":["types.ts"],"mappings":";;;;;;AAQA;AACA;AACA;AACA;AACA;AACA;;AA4FO,MAAMA,gBAA2C,GAAAC,OAAA,CAAAD,gBAAA,GAAG;EACzDE,QAAQ,EAAE,UAAU;EACpBC,eAAe,EAAE,iBAAiB;EAClCC,UAAU,EAAE;AACd,CAAC;AAEM,MAAMC,gBAAgB,GAAAJ,OAAA,CAAAI,gBAAA,GAAG,EAAE;AAC3B,MAAMC,gBAAgB,GAAAL,OAAA,CAAAK,gBAAA,GAAG,GAAG","ignoreList":[]}

package/lib/commonjs/unread.js

@@ -0,0 +1,92 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.latestAdminMessageAt = latestAdminMessageAt;
+exports.pruneWatermarks = pruneWatermarks;
+exports.reconcileThread = reconcileThread;
+exports.reconcileThreads = reconcileThreads;
+exports.sumUnread = sumUnread;
+exports.unreadSince = unreadSince;
+// Unread accounting.
+//
+// The server counts a thread's unread as "admin messages newer than the
+// user's read receipt". That number is authoritative, but it is always a
+// little behind the device: between the moment the user opens a thread and
+// the moment `mark-read` lands, every already-in-flight poll still reports
+// the old count — which is what made the badge flicker back on after being
+// cleared, and what made a thread the user was actively reading accumulate
+// unread replies.
+//
+// So the client keeps its own watermark per thread: the `created_at` of the
+// newest admin message the user has actually seen. Those are *server*
+// timestamps, so nothing here compares against the device clock.
+//
+// Displayed unread is then the stricter of the two counts, which is correct
+// in both directions:
+//
+//   read here, receipt not written yet  → local watermark wins  (0)
+//   read on another device              → server count wins     (0)
+
+/** Watermark map: thread id → `created_at` (ms) of the newest seen reply. */
+
+/** `created_at` (ms) of the newest admin message, or 0 if there are none. */
+function latestAdminMessageAt(thread) {
+  let latest = 0;
+  for (const message of thread.messages) {
+    if (message.sender !== 'admin') continue;
+    const at = Date.parse(message.created_at);
+    if (Number.isFinite(at) && at > latest) latest = at;
+  }
+  return latest;
+}
+
+/** Admin messages in `thread` newer than `watermark`. */
+function unreadSince(thread, watermark) {
+  let count = 0;
+  for (const message of thread.messages) {
+    if (message.sender !== 'admin') continue;
+    const at = Date.parse(message.created_at);
+    if (Number.isFinite(at) && at > watermark) count += 1;
+  }
+  return count;
+}
+
+/**
+ * Returns `thread` with `unread_count` narrowed by what this device knows
+ * the user has read. Identity is preserved when nothing changes so lists
+ * stay referentially stable between polls.
+ */
+function reconcileThread(thread, watermarks) {
+  const watermark = watermarks.get(thread.id);
+  if (watermark === undefined || thread.unread_count === 0) return thread;
+  const unread = Math.min(thread.unread_count, unreadSince(thread, watermark));
+  return unread === thread.unread_count ? thread : {
+    ...thread,
+    unread_count: unread
+  };
+}
+function reconcileThreads(threads, watermarks) {
+  return threads.map(thread => reconcileThread(thread, watermarks));
+}
+function sumUnread(threads) {
+  return threads.reduce((total, thread) => total + thread.unread_count, 0);
+}
+
+/**
+ * Drops watermarks the server has caught up on (its own count is already 0)
+ * and ones for threads that no longer exist, so the map can't grow without
+ * bound over a long session.
+ */
+function pruneWatermarks(watermarks, serverThreads) {
+  const keep = new Map();
+  for (const thread of serverThreads) {
+    const watermark = watermarks.get(thread.id);
+    if (watermark !== undefined && thread.unread_count > 0) {
+      keep.set(thread.id, watermark);
+    }
+  }
+  return keep;
+}
+//# sourceMappingURL=unread.js.map

package/lib/commonjs/unread.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["latestAdminMessageAt","thread","latest","message","messages","sender","at","Date","parse","created_at","Number","isFinite","unreadSince","watermark","count","reconcileThread","watermarks","get","id","undefined","unread_count","unread","Math","min","reconcileThreads","threads","map","sumUnread","reduce","total","pruneWatermarks","serverThreads","keep","Map","set"],"sourceRoot":"../../src","sources":["unread.ts"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA;;AAGA;AACO,SAASA,oBAAoBA,CAACC,MAAc,EAAU;EAC3D,IAAIC,MAAM,GAAG,CAAC;EACd,KAAK,MAAMC,OAAO,IAAIF,MAAM,CAACG,QAAQ,EAAE;IACrC,IAAID,OAAO,CAACE,MAAM,KAAK,OAAO,EAAE;IAChC,MAAMC,EAAE,GAAGC,IAAI,CAACC,KAAK,CAACL,OAAO,CAACM,UAAU,CAAC;IACzC,IAAIC,MAAM,CAACC,QAAQ,CAACL,EAAE,CAAC,IAAIA,EAAE,GAAGJ,MAAM,EAAEA,MAAM,GAAGI,EAAE;EACrD;EACA,OAAOJ,MAAM;AACf;;AAEA;AACO,SAASU,WAAWA,CAACX,MAAc,EAAEY,SAAiB,EAAU;EACrE,IAAIC,KAAK,GAAG,CAAC;EACb,KAAK,MAAMX,OAAO,IAAIF,MAAM,CAACG,QAAQ,EAAE;IACrC,IAAID,OAAO,CAACE,MAAM,KAAK,OAAO,EAAE;IAChC,MAAMC,EAAE,GAAGC,IAAI,CAACC,KAAK,CAACL,OAAO,CAACM,UAAU,CAAC;IACzC,IAAIC,MAAM,CAACC,QAAQ,CAACL,EAAE,CAAC,IAAIA,EAAE,GAAGO,SAAS,EAAEC,KAAK,IAAI,CAAC;EACvD;EACA,OAAOA,KAAK;AACd;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASC,eAAeA,CAC7Bd,MAAc,EACde,UAA0B,EAClB;EACR,MAAMH,SAAS,GAAGG,UAAU,CAACC,GAAG,CAAChB,MAAM,CAACiB,EAAE,CAAC;EAC3C,IAAIL,SAAS,KAAKM,SAAS,IAAIlB,MAAM,CAACmB,YAAY,KAAK,CAAC,EAAE,OAAOnB,MAAM;EACvE,MAAMoB,MAAM,GAAGC,IAAI,CAACC,GAAG,CAACtB,MAAM,CAACmB,YAAY,EAAER,WAAW,CAACX,MAAM,EAAEY,SAAS,CAAC,CAAC;EAC5E,OAAOQ,MAAM,KAAKpB,MAAM,CAACmB,YAAY,GAAGnB,MAAM,GAAG;IAAE,GAAGA,MAAM;IAAEmB,YAAY,EAAEC;EAAO,CAAC;AACtF;AAEO,SAASG,gBAAgBA,CAC9BC,OAAiB,EACjBT,UAA0B,EAChB;EACV,OAAOS,OAAO,CAACC,GAAG,CAAEzB,MAAM,IAAKc,eAAe,CAACd,MAAM,EAAEe,UAAU,CAAC,CAAC;AACrE;AAEO,SAASW,SAASA,CAACF,OAAiB,EAAU;EACnD,OAAOA,OAAO,CAACG,MAAM,CAAC,CAACC,KAAK,EAAE5B,MAAM,KAAK4B,KAAK,GAAG5B,MAAM,CAACmB,YAAY,EAAE,CAAC,CAAC;AAC1E;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASU,eAAeA,CAC7Bd,UAA0B,EAC1Be,aAAuB,EACP;EAChB,MAAMC,IAAoB,GAAG,IAAIC,GAAG,CAAC,CAAC;EACtC,KAAK,MAAMhC,MAAM,IAAI8B,aAAa,EAAE;IAClC,MAAMlB,SAAS,GAAGG,UAAU,CAACC,GAAG,CAAChB,MAAM,CAACiB,EAAE,CAAC;IAC3C,IAAIL,SAAS,KAAKM,SAAS,IAAIlB,MAAM,CAACmB,YAAY,GAAG,CAAC,EAAE;MACtDY,IAAI,CAACE,GAAG,CAACjC,MAAM,CAACiB,EAAE,EAAEL,SAAS,CAAC;IAChC;EACF;EACA,OAAOmB,IAAI;AACb","ignoreList":[]}

package/lib/commonjs/useSupportThreads.js

@@ -0,0 +1,286 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IDLE_POLL_MS = void 0;
+exports.useSupportThreads = useSupportThreads;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _api = require("./api");
+var _unread = require("./unread");
+// Threads + unread state for the SDK: fetching, poll cadence, and read
+// tracking. Kept out of SupportButton so the rules below live in one place.
+//
+// Three invariants make the badge trustworthy:
+//
+//   1. Responses are applied in issue order (`appliedSeq`), so a slow poll
+//      can never overwrite a newer one.
+//   2. The badge-only endpoint returns a bare number that cannot be
+//      reconciled against local reads, so its answer is dropped when a read
+//      happened while it was in flight (`readEpoch`), and it isn't used at
+//      all while any `mark-read` is still unconfirmed — the full endpoint is
+//      polled instead, since that payload *can* be reconciled.
+//   3. `mark-read` failures are retried instead of swallowed, and the local
+//      watermark holds the UI correct in the meantime.
+
+// Poll cadence by context: fast where latency is felt (staring at a thread
+// waiting for a reply), slow when the sheet is closed — and the idle tick
+// uses the count-only endpoint, so it costs ~18 bytes instead of the full
+// thread list.
+const THREAD_POLL_MS = 5_000;
+const SHEET_POLL_MS = 15_000;
+const IDLE_POLL_MS = exports.IDLE_POLL_MS = 60_000;
+const MIN_POLL_MS = 3_000;
+
+// A failed mark-read used to be dropped on the floor, which resurrected the
+// badge on the next poll. Retry a few times with backoff; anything still
+// unconfirmed after that is picked up by the next poll tick or foreground.
+const MARK_READ_MAX_ATTEMPTS = 4;
+const MARK_READ_BACKOFF_MS = 1_500;
+
+/**
+ * Load failures the user can act on say so; the rest stay neutral. A 401 is
+ * an integration mistake — the end user retrying forever won't fix a key
+ * that doesn't match the app — so the real cause is logged for whoever is
+ * running the build instead of hidden behind "couldn't load".
+ */
+function loadErrorMessage(e) {
+  if (e instanceof _api.SupportApiError) {
+    if (e.offline) return "You're offline — check your connection";
+    if (e.status === 401 || e.status === 403) {
+      if (__DEV__) {
+        console.error('SupportButton: the support API rejected this app (401). Check that ' + '`apiKey` is the key shown when the app was registered and that ' + '`appName` matches that app exactly.');
+      }
+      return 'Support is unavailable right now';
+    }
+    if (e.status === 429) return 'Too many requests — try again in a bit';
+  }
+  return "Couldn't load your conversations";
+}
+function useSupportThreads({
+  config,
+  revenuecatId,
+  enabled,
+  sheetOpen,
+  activeThreadId,
+  idlePollMs
+}) {
+  const [threads, setThreads] = (0, _react.useState)(null);
+  const [totalUnread, setTotalUnread] = (0, _react.useState)(0);
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const [refreshing, setRefreshing] = (0, _react.useState)(false);
+  const [error, setError] = (0, _react.useState)(null);
+  const mounted = (0, _react.useRef)(true);
+  /** Last server payload, before local read reconciliation. */
+  const rawThreads = (0, _react.useRef)(null);
+  const watermarks = (0, _react.useRef)(new Map());
+  const reads = (0, _react.useRef)(new Map());
+  const requestSeq = (0, _react.useRef)(0);
+  const appliedSeq = (0, _react.useRef)(0);
+  const readEpoch = (0, _react.useRef)(0);
+  const activeThreadIdRef = (0, _react.useRef)(activeThreadId);
+  (0, _react.useEffect)(() => {
+    activeThreadIdRef.current = activeThreadId;
+  }, [activeThreadId]);
+  (0, _react.useEffect)(() => {
+    mounted.current = true;
+    const timers = reads.current;
+    return () => {
+      mounted.current = false;
+      for (const attempt of timers.values()) {
+        if (attempt.timer !== null) clearTimeout(attempt.timer);
+      }
+      timers.clear();
+    };
+  }, []);
+  const publish = (0, _react.useCallback)(() => {
+    const raw = rawThreads.current;
+    if (raw === null) return;
+    const reconciled = (0, _unread.reconcileThreads)(raw, watermarks.current);
+    setThreads(reconciled);
+    setTotalUnread((0, _unread.sumUnread)(reconciled));
+  }, []);
+
+  /** POSTs the receipt, retrying transient failures with backoff. */
+  const sendRead = (0, _react.useCallback)(threadId => {
+    const attempt = reads.current.get(threadId);
+    if (!attempt || attempt.inFlight !== null) return;
+    const covers = attempt.target;
+    attempt.inFlight = covers;
+    attempt.timer = null;
+    (0, _api.markRead)(config, {
+      queryId: threadId,
+      revenuecatId
+    }).then(() => {
+      if (!mounted.current) return;
+      const current = reads.current.get(threadId);
+      if (!current) return;
+      current.inFlight = null;
+      // A reply that landed while this request was in flight isn't
+      // covered by the receipt it just wrote — send one more.
+      if (current.target > covers) {
+        current.attempts = 0;
+        sendRead(threadId);
+        return;
+      }
+      reads.current.delete(threadId);
+      // The receipt now exists server-side, so any response still in
+      // flight predates it and must not be trusted for unread counts.
+      readEpoch.current += 1;
+    }).catch(() => {
+      if (!mounted.current) return;
+      const current = reads.current.get(threadId);
+      if (!current) return;
+      current.inFlight = null;
+      current.attempts += 1;
+      if (current.attempts >= MARK_READ_MAX_ATTEMPTS) return;
+      current.timer = setTimeout(() => sendRead(threadId), MARK_READ_BACKOFF_MS * 2 ** (current.attempts - 1));
+    });
+  }, [config, revenuecatId]);
+
+  /** Re-drives receipts that gave up earlier (next poll tick / foreground). */
+  const flushReads = (0, _react.useCallback)(() => {
+    for (const [threadId, attempt] of reads.current) {
+      if (attempt.inFlight !== null || attempt.timer !== null) continue;
+      attempt.attempts = 0;
+      sendRead(threadId);
+    }
+  }, [sendRead]);
+
+  /**
+   * Records that the user has seen every reply currently in `threadId` and
+   * persists it. Idempotent: re-marking a thread with nothing new is a
+   * no-op, so the 5s in-thread poll doesn't spam the endpoint.
+   */
+  const markThreadRead = (0, _react.useCallback)(threadId => {
+    const thread = rawThreads.current?.find(t => t.id === threadId);
+    if (!thread) return;
+    const latest = (0, _unread.latestAdminMessageAt)(thread);
+    if (latest === 0) return;
+    if (latest <= (watermarks.current.get(threadId) ?? 0)) return;
+    watermarks.current.set(threadId, latest);
+    // Invalidate the bare counts of any request already in flight.
+    readEpoch.current += 1;
+    publish();
+    const attempt = reads.current.get(threadId);
+    if (attempt) attempt.target = latest;else {
+      reads.current.set(threadId, {
+        target: latest,
+        inFlight: null,
+        attempts: 0,
+        timer: null
+      });
+    }
+    sendRead(threadId);
+  }, [publish, sendRead]);
+  const fetchThreads = (0, _react.useCallback)(async mode => {
+    if (!enabled) return;
+    const seq = requestSeq.current += 1;
+    // With nothing cached there is no list to pull down, so a retry shows
+    // the skeleton rather than a spinner nobody can see.
+    const blank = rawThreads.current === null;
+    const spinner = mode === 'user' && !blank;
+    const skeleton = mode !== 'background' && blank;
+    if (spinner) setRefreshing(true);
+    if (skeleton) setLoading(true);
+    try {
+      const data = await (0, _api.getThreads)(config, revenuecatId);
+      if (!mounted.current) return;
+      // A slower earlier request must never clobber a newer answer.
+      if (seq <= appliedSeq.current) return;
+      appliedSeq.current = seq;
+      rawThreads.current = data.threads;
+      watermarks.current = (0, _unread.pruneWatermarks)(watermarks.current, data.threads);
+      setError(null);
+      publish();
+
+      // Replies that arrived while the user is sitting in the thread are
+      // read on arrival — otherwise the badge climbed while they read.
+      const active = activeThreadIdRef.current;
+      if (active !== null) markThreadRead(active);
+      flushReads();
+    } catch (e) {
+      if (!mounted.current) return;
+      // A failed background poll must not blow away cached threads.
+      if (rawThreads.current === null) setError(loadErrorMessage(e));
+    } finally {
+      if (mounted.current) {
+        if (spinner) setRefreshing(false);
+        if (skeleton) setLoading(false);
+      }
+    }
+  }, [config, enabled, revenuecatId, publish, markThreadRead, flushReads]);
+
+  /** Badge-only refresh — the cheap endpoint, used while idle. */
+  const fetchCount = (0, _react.useCallback)(async () => {
+    if (!enabled) return;
+    const seq = requestSeq.current += 1;
+    const epoch = readEpoch.current;
+    try {
+      const data = await (0, _api.getUnreadCount)(config, revenuecatId);
+      if (!mounted.current) return;
+      // This payload is just a number: there is no way to subtract reads
+      // that happened while it was in flight, so discard it instead.
+      if (readEpoch.current !== epoch) return;
+      if (seq <= appliedSeq.current) return;
+      appliedSeq.current = seq;
+      setTotalUnread(data.total_unread);
+    } catch {
+      // Best effort: the next tick or the next sheet open reconciles.
+    }
+  }, [config, enabled, revenuecatId]);
+
+  // Initial load.
+  (0, _react.useEffect)(() => {
+    void fetchThreads('initial');
+  }, [fetchThreads]);
+
+  // Opening the sheet always shows fresh data.
+  (0, _react.useEffect)(() => {
+    if (sheetOpen) void fetchThreads('background');
+  }, [sheetOpen, fetchThreads]);
+
+  // Opening a thread marks it read immediately, before the next poll.
+  (0, _react.useEffect)(() => {
+    if (activeThreadId !== null) markThreadRead(activeThreadId);
+  }, [activeThreadId, markThreadRead]);
+
+  // Cadence follows what the user is looking at; the app returning to the
+  // foreground always ticks.
+  (0, _react.useEffect)(() => {
+    if (!enabled) return;
+    const idle = !sheetOpen;
+    const intervalMs = idle ? idlePollMs : activeThreadId !== null ? THREAD_POLL_MS : SHEET_POLL_MS;
+    const tick = () => {
+      // While a receipt is unconfirmed the count-only endpoint would report
+      // replies the user has already read, so pay for the full payload.
+      if (idle && reads.current.size === 0) void fetchCount();else void fetchThreads('background');
+    };
+
+    // Clamped so a typo like `pollIntervalMs={30}` can't hammer the API;
+    // 0 (or negative) disables idle polling entirely.
+    const timer = intervalMs > 0 ? setInterval(tick, Math.max(intervalMs, MIN_POLL_MS)) : null;
+    const appStateSub = _reactNative.AppState.addEventListener('change', state => {
+      if (state === 'active') tick();
+    });
+    return () => {
+      if (timer !== null) clearInterval(timer);
+      appStateSub.remove();
+    };
+  }, [enabled, sheetOpen, activeThreadId, idlePollMs, fetchThreads, fetchCount]);
+  const refresh = (0, _react.useCallback)(() => {
+    void fetchThreads('user');
+  }, [fetchThreads]);
+  const reload = (0, _react.useCallback)(() => fetchThreads('background'), [fetchThreads]);
+  return {
+    threads,
+    totalUnread,
+    loading,
+    refreshing,
+    error,
+    refresh,
+    reload
+  };
+}
+//# sourceMappingURL=useSupportThreads.js.map

package/lib/commonjs/useSupportThreads.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_api","_unread","THREAD_POLL_MS","SHEET_POLL_MS","IDLE_POLL_MS","exports","MIN_POLL_MS","MARK_READ_MAX_ATTEMPTS","MARK_READ_BACKOFF_MS","loadErrorMessage","e","SupportApiError","offline","status","__DEV__","console","error","useSupportThreads","config","revenuecatId","enabled","sheetOpen","activeThreadId","idlePollMs","threads","setThreads","useState","totalUnread","setTotalUnread","loading","setLoading","refreshing","setRefreshing","setError","mounted","useRef","rawThreads","watermarks","Map","reads","requestSeq","appliedSeq","readEpoch","activeThreadIdRef","useEffect","current","timers","attempt","values","timer","clearTimeout","clear","publish","useCallback","raw","reconciled","reconcileThreads","sumUnread","sendRead","threadId","get","inFlight","covers","target","markRead","queryId","then","attempts","delete","catch","setTimeout","flushReads","markThreadRead","thread","find","t","id","latest","latestAdminMessageAt","set","fetchThreads","mode","seq","blank","spinner","skeleton","data","getThreads","pruneWatermarks","active","fetchCount","epoch","getUnreadCount","total_unread","idle","intervalMs","tick","size","setInterval","Math","max","appStateSub","AppState","addEventListener","state","clearInterval","remove","refresh","reload"],"sourceRoot":"../../src","sources":["useSupportThreads.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/utils.js

@@ -3,7 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.dayLabel = dayLabel;
 exports.formatDate = formatDate;
+exports.formatTime = formatTime;
+exports.isSameDay = isSameDay;
 exports.relativeTime = relativeTime;
 exports.validateProps = validateProps;
 /** "2h ago" relative time — mirrors the web dashboard's formatting. */
@@ -31,6 +34,36 @@ function formatDate(iso) {
   });
 }
 
+/** "14:32" in the device's locale — shown under a group of messages. */
+function formatTime(iso) {
+  return new Date(iso).toLocaleTimeString(undefined, {
+    hour: 'numeric',
+    minute: '2-digit'
+  });
+}
+function isSameDay(a, b) {
+  const first = new Date(a);
+  const second = new Date(b);
+  return first.getFullYear() === second.getFullYear() && first.getMonth() === second.getMonth() && first.getDate() === second.getDate();
+}
+
+/** Date separator label: Today / Yesterday / "Mon, 5 Jan". */
+function dayLabel(iso) {
+  const now = new Date();
+  if (isSameDay(iso, now.toISOString())) return 'Today';
+  const yesterday = new Date(now.getTime() - 86_400_000);
+  if (isSameDay(iso, yesterday.toISOString())) return 'Yesterday';
+  const date = new Date(iso);
+  return date.toLocaleDateString(undefined, {
+    weekday: 'short',
+    month: 'short',
+    day: 'numeric',
+    ...(date.getFullYear() === now.getFullYear() ? {} : {
+      year: 'numeric'
+    })
+  });
+}
+
 /** Dev-mode prop validation with actionable messages. */
 function validateProps(props) {
   if (typeof props.appName !== 'string' || props.appName.length === 0) {