@appsupportkit/support-sdk 0.1.2 → 0.2.0

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) {

package/lib/commonjs/utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["relativeTime","iso","then","Date","getTime","seconds","Math","max","floor","now","minutes","hours","days","weeks","months","formatDate","toLocaleDateString","undefined","year","month","day","validateProps","props","appName","length","apiKey","supabaseUrl","test","user","name","isPaid","revenuecatId","appVersion"],"sourceRoot":"../../src","sources":["utils.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["relativeTime","iso","then","Date","getTime","seconds","Math","max","floor","now","minutes","hours","days","weeks","months","formatDate","toLocaleDateString","undefined","year","month","day","formatTime","toLocaleTimeString","hour","minute","isSameDay","a","b","first","second","getFullYear","getMonth","getDate","dayLabel","toISOString","yesterday","date","weekday","validateProps","props","appName","length","apiKey","supabaseUrl","test","user","name","isPaid","revenuecatId","appVersion"],"sourceRoot":"../../src","sources":["utils.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/BottomSheet.js

@@ -3,15 +3,20 @@
 // Bottom sheet built on the built-in Modal + Animated APIs.
 //
 // Why no sheet library: the SDK needs exactly one detent, a drag handle, a
-// backdrop fade, and a 180ms ease-out slide — all achievable with core APIs.
+// backdrop fade, and a short ease-out slide — all achievable with core APIs.
 // Skipping reanimated/gesture-handler keeps the package free of native
 // dependencies and install friction for consumers.
-import { useCallback, useEffect, useRef } from 'react';
+//
+// `visible` drives a single animation path: the sheet stays mounted until
+// its exit finishes, so closing from the header button, the backdrop, the
+// hardware back button, or a drag all animate identically — and a reopen
+// always starts from off-screen instead of appearing already in place.
+import { useCallback, useEffect, useRef, useState } from 'react';
 import { Animated, Easing, Modal, PanResponder, Pressable, useWindowDimensions, View } from 'react-native';
 import { SafeAreaProvider, SafeAreaView } from 'react-native-safe-area-context';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const SLIDE_MS = 180; // motion.slow — ease-out, no springs, no bounce.
-
+const SLIDE_MS = 260;
+const FADE_MS = 200;
 export function BottomSheet({
   visible,
   onClose,
@@ -21,45 +26,57 @@ export function BottomSheet({
   const {
     height: windowHeight
   } = useWindowDimensions();
-  const sheetHeight = Math.min(windowHeight * 0.82, 640);
+  const sheetHeight = Math.min(windowHeight * 0.88, 720);
+  const [rendered, setRendered] = useState(false);
   const translateY = useRef(new Animated.Value(sheetHeight)).current;
   const backdrop = useRef(new Animated.Value(0)).current;
-  const animateIn = useCallback(() => {
-    Animated.parallel([Animated.timing(translateY, {
-      toValue: 0,
-      duration: SLIDE_MS,
-      easing: Easing.out(Easing.cubic),
-      useNativeDriver: true
-    }), Animated.timing(backdrop, {
-      toValue: 1,
-      duration: SLIDE_MS,
-      easing: Easing.out(Easing.cubic),
-      useNativeDriver: true
-    })]).start();
-  }, [translateY, backdrop]);
-  const animateOut = useCallback(done => {
-    Animated.parallel([Animated.timing(translateY, {
-      toValue: sheetHeight,
-      duration: SLIDE_MS,
-      easing: Easing.out(Easing.cubic),
-      useNativeDriver: true
-    }), Animated.timing(backdrop, {
-      toValue: 0,
-      duration: SLIDE_MS,
-      easing: Easing.out(Easing.cubic),
-      useNativeDriver: true
-    })]).start(({
-      finished
-    }) => {
-      if (finished) done();
-    });
-  }, [translateY, backdrop, sheetHeight]);
+  /** Whether the entrance has already played for the current open. */
+  const shown = useRef(false);
+  useEffect(() => {
+    if (visible) setRendered(true);
+  }, [visible]);
   useEffect(() => {
-    if (visible) animateIn();
-  }, [visible, animateIn]);
+    if (!rendered) return;
+    if (visible && !shown.current) {
+      shown.current = true;
+      translateY.setValue(sheetHeight);
+      Animated.parallel([Animated.timing(translateY, {
+        toValue: 0,
+        duration: SLIDE_MS,
+        easing: Easing.bezier(0.16, 1, 0.3, 1),
+        useNativeDriver: true
+      }), Animated.timing(backdrop, {
+        toValue: 1,
+        duration: FADE_MS,
+        easing: Easing.out(Easing.cubic),
+        useNativeDriver: true
+      })]).start();
+      return;
+    }
+    if (!visible && shown.current) {
+      shown.current = false;
+      // Starts from wherever the sheet is now, so a drag that crosses the
+      // dismiss threshold continues rather than jumping.
+      Animated.parallel([Animated.timing(translateY, {
+        toValue: sheetHeight,
+        duration: theme.motion.slow,
+        easing: Easing.in(Easing.cubic),
+        useNativeDriver: true
+      }), Animated.timing(backdrop, {
+        toValue: 0,
+        duration: theme.motion.slow,
+        easing: Easing.in(Easing.cubic),
+        useNativeDriver: true
+      })]).start(({
+        finished
+      }) => {
+        if (finished) setRendered(false);
+      });
+    }
+  }, [rendered, visible, sheetHeight, translateY, backdrop, theme.motion.slow]);
   const requestClose = useCallback(() => {
-    animateOut(onClose);
-  }, [animateOut, onClose]);
+    onClose();
+  }, [onClose]);
 
   // Drag handle: follow the finger downward; past 25% (or a flick), dismiss.
   const panResponder = useRef(PanResponder.create({
@@ -74,14 +91,14 @@ export function BottomSheet({
       } else {
         Animated.timing(translateY, {
           toValue: 0,
-          duration: SLIDE_MS,
+          duration: theme.motion.slow,
           easing: Easing.out(Easing.cubic),
           useNativeDriver: true
         }).start();
       }
     }
   })).current;
-  if (!visible) return null;
+  if (!rendered) return null;
   return /*#__PURE__*/_jsx(Modal, {
     visible: true,
     transparent: true,
@@ -101,7 +118,7 @@ export function BottomSheet({
             right: 0,
             bottom: 0,
             left: 0,
-            backgroundColor: 'rgba(0,0,0,0.5)',
+            backgroundColor: 'rgba(0,0,0,0.55)',
             opacity: backdrop
           },
           children: /*#__PURE__*/_jsx(Pressable, {
@@ -114,27 +131,30 @@ export function BottomSheet({
         }), /*#__PURE__*/_jsxs(Animated.View, {
           style: {
             height: sheetHeight,
-            backgroundColor: theme.colors.overlay,
+            backgroundColor: theme.colors.bg,
             borderTopLeftRadius: theme.radii.sheet,
             borderTopRightRadius: theme.radii.sheet,
             borderWidth: 1,
             borderBottomWidth: 0,
             borderColor: theme.colors.border,
+            overflow: 'hidden',
             transform: [{
               translateY
-            }]
+            }],
+            ...theme.shadows.sheet
           },
           children: [/*#__PURE__*/_jsx(View, {
             ...panResponder.panHandlers,
             style: {
               alignItems: 'center',
-              paddingVertical: 10
+              paddingTop: 10,
+              paddingBottom: 6
             },
             children: /*#__PURE__*/_jsx(View, {
               style: {
-                width: 32,
-                height: 4,
-                borderRadius: 2,
+                width: 40,
+                height: 5,
+                borderRadius: 3,
                 backgroundColor: theme.colors.borderStrong
               }
             })