@rhinestone/deposit-modal 0.13.0 → 0.14.0

package/dist/{chunk-EOMT5LKX.mjs → chunk-IN77XSWO.mjs}

@@ -1,6 +1,7 @@
 import {
+  MODAL_VERSION,
   serviceHeaders
-} from "./chunk-FZ5FZFIG.mjs";
+} from "./chunk-K4H6TGBE.mjs";
 import {
   CHAIN_DISPLAY_ORDER,
   HYPERCORE_CHAIN_ID,
@@ -83,7 +84,7 @@ function Modal({
     (event) => {
       if (event.key === "Escape") {
         event.preventDefault();
-        onClose();
+        onClose("escape");
         return;
       }
       if (event.key === "Tab" && contentRef.current) {
@@ -109,7 +110,7 @@ function Modal({
   const handleOverlayClick = useCallback(
     (event) => {
       if (closeOnOverlayClick && event.target === overlayRef.current) {
-        onClose();
+        onClose("overlay");
       }
     },
     [closeOnOverlayClick, onClose]
@@ -2875,6 +2876,524 @@ function formatReceiveEstimate(params) {
   return sameSymbol ? `${formatted} ${params.targetSymbol}` : `~${formatted} ${params.targetSymbol}`;
 }
 
+// src/core/analytics.tsx
+import {
+  createContext as createContext3,
+  useCallback as useCallback2,
+  useContext as useContext3,
+  useEffect as useEffect4,
+  useMemo as useMemo3,
+  useRef as useRef3
+} from "react";
+
+// src/core/analytics-ingest.ts
+var DEFAULT_ANALYTICS_INGEST_URL = "https://v1.orchestrator.rhinestone.dev/deposit-processor/analytics/events";
+var MAX_BATCH = 20;
+var MAX_QUEUE = 200;
+var FLUSH_DELAY_MS = 5e3;
+var MAX_BODY_BYTES = 48 * 1024;
+var TOKEN_REFRESH_MARGIN_MS = 6e4;
+var TOKEN_TIMEOUT_MS = 3e3;
+var MAX_ATTEMPTS = 3;
+var MAX_BACKOFF_MS = 3e4;
+var ENVELOPE_FIELDS = /* @__PURE__ */ new Set([
+  "type",
+  "timestamp",
+  "session_id",
+  "modal",
+  "widget_version",
+  "session_properties",
+  "funding_method"
+]);
+function createIngestTransport(options) {
+  const {
+    ingestUrl,
+    backendUrl,
+    proxyOrigin,
+    sessionId,
+    modal,
+    widgetVersion,
+    sessionProperties,
+    onFailure
+  } = options;
+  const fetchImpl = options.fetchImpl ?? (typeof globalThis.fetch === "function" ? globalThis.fetch.bind(globalThis) : void 0);
+  const now = options.now ?? (() => Date.now());
+  const createEventId = options.createEventId ?? randomUuid;
+  const mintUrl = `${backendUrl.replace(/\/$/, "")}/analytics/ingest-token`;
+  const queue = [];
+  let sequence = 0;
+  let dropped = 0;
+  let token = null;
+  let mintUnavailable = false;
+  let mintFailures = 0;
+  let mintBackoffUntil = 0;
+  let timer = null;
+  let sending = false;
+  let disposed = false;
+  let pendingTerminal = false;
+  let terminalRequested = false;
+  let mintAbort = null;
+  const sleepers = /* @__PURE__ */ new Set();
+  function report(reason, status) {
+    try {
+      onFailure({ reason, status, droppedEvents: dropped });
+    } catch {
+    }
+  }
+  function drop(batch, reason, status) {
+    dropped += batch.length;
+    report(reason, status);
+  }
+  function toWireEvent(event) {
+    const payload = {};
+    for (const [key, value] of Object.entries(event)) {
+      if (!ENVELOPE_FIELDS.has(key)) payload[key] = value;
+    }
+    const wire = {
+      event_id: createEventId(),
+      session_id: sessionId,
+      sequence: sequence++,
+      type: String(event.type),
+      timestamp: String(event.timestamp),
+      widget_version: widgetVersion,
+      proxy_origin: proxyOrigin,
+      modal,
+      session_properties: sessionProperties,
+      payload
+    };
+    if (modal === "deposit") wire.funding_method = event.funding_method ?? null;
+    return wire;
+  }
+  function takeBatch() {
+    const batch = queue.slice(0, MAX_BATCH);
+    while (batch.length > 1 && bodyOf(batch).length > MAX_BODY_BYTES) {
+      batch.pop();
+    }
+    queue.splice(0, batch.length);
+    return batch;
+  }
+  function bodyOf(batch) {
+    return JSON.stringify({ events: batch });
+  }
+  function backoff(attempt) {
+    return Math.min(1e3 * 2 ** (attempt - 1), MAX_BACKOFF_MS);
+  }
+  function sleep(ms) {
+    return new Promise((resolve) => {
+      const timeout = setTimeout(finish, ms);
+      function finish() {
+        clearTimeout(timeout);
+        sleepers.delete(finish);
+        resolve();
+      }
+      sleepers.add(finish);
+    });
+  }
+  function interruptForUnload() {
+    for (const wake of [...sleepers]) wake();
+    mintAbort?.abort();
+  }
+  function retryDelay(response, attempt) {
+    const seconds = Number(response.headers?.get?.("Retry-After"));
+    if (Number.isFinite(seconds) && seconds > 0) {
+      return Math.min(seconds * 1e3, MAX_BACKOFF_MS);
+    }
+    return backoff(attempt);
+  }
+  async function mintToken() {
+    if (mintUnavailable || !fetchImpl) return;
+    const controller = typeof AbortController === "function" ? new AbortController() : null;
+    mintAbort = controller;
+    const timeout = controller ? setTimeout(() => controller.abort(), TOKEN_TIMEOUT_MS) : null;
+    let response;
+    try {
+      response = await fetchImpl(mintUrl, {
+        method: "POST",
+        headers: serviceHeaders(),
+        signal: controller?.signal
+      });
+    } catch {
+      if (!terminalRequested) {
+        mintFailures += 1;
+        mintBackoffUntil = now() + backoff(mintFailures);
+      }
+      return;
+    } finally {
+      if (timeout !== null) clearTimeout(timeout);
+      mintAbort = null;
+    }
+    if (response.status === 404 || response.status === 401 || response.status === 403) {
+      mintUnavailable = true;
+      report("token_unavailable", response.status);
+      return;
+    }
+    if (!response.ok) {
+      mintFailures += 1;
+      mintBackoffUntil = now() + backoff(mintFailures);
+      return;
+    }
+    try {
+      const data = await response.json();
+      const value = typeof data.token === "string" ? data.token : "";
+      const expiresAt = Date.parse(String(data.expiresAt));
+      if (!value || Number.isNaN(expiresAt)) throw new Error("malformed");
+      token = { value, expiresAt };
+      mintFailures = 0;
+      mintBackoffUntil = 0;
+    } catch {
+      mintUnavailable = true;
+      report("token_unavailable", response.status);
+    }
+  }
+  async function ensureToken() {
+    if (mintUnavailable) return;
+    if (token && token.expiresAt - now() > TOKEN_REFRESH_MARGIN_MS) return;
+    if (now() < mintBackoffUntil) return;
+    await mintToken();
+  }
+  async function deliver(batch, isTerminal) {
+    if (!fetchImpl) return drop(batch, "unsupported");
+    let attempt = 0;
+    let refreshed = false;
+    let unattributed = false;
+    for (; ; ) {
+      const terminal = isTerminal || terminalRequested;
+      attempt += 1;
+      const headers = {
+        "Content-Type": "application/json"
+      };
+      if (token && !unattributed) headers.Authorization = `Bearer ${token.value}`;
+      let response;
+      try {
+        response = await fetchImpl(ingestUrl, {
+          method: "POST",
+          headers,
+          body: bodyOf(batch),
+          keepalive: true
+        });
+      } catch {
+        if (terminal || attempt >= MAX_ATTEMPTS) {
+          return drop(batch, "network");
+        }
+        await sleep(backoff(attempt));
+        continue;
+      }
+      if (response.ok) return;
+      const status = response.status;
+      if (status === 401) {
+        token = null;
+        if (!refreshed && !terminal) {
+          refreshed = true;
+          await mintToken();
+          if (token) continue;
+        }
+        if (!unattributed) {
+          unattributed = true;
+          continue;
+        }
+        return drop(batch, "unauthorized", status);
+      }
+      if (status === 409) return drop(batch, "conflict", status);
+      if (status === 429 || status >= 500) {
+        if (terminal || attempt >= MAX_ATTEMPTS) {
+          return drop(batch, status === 429 ? "throttled" : "unavailable", status);
+        }
+        await sleep(retryDelay(response, attempt));
+        continue;
+      }
+      return drop(batch, "rejected", status);
+    }
+  }
+  async function run(requestedTerminal) {
+    if (requestedTerminal) terminalRequested = true;
+    if (sending) {
+      if (requestedTerminal) {
+        pendingTerminal = true;
+        interruptForUnload();
+      }
+      return;
+    }
+    sending = true;
+    try {
+      while (queue.length > 0) {
+        const terminal = requestedTerminal || terminalRequested;
+        const batch = takeBatch();
+        if (!terminal) await ensureToken();
+        await deliver(batch, terminal);
+        if (!terminal && disposed) break;
+      }
+    } finally {
+      sending = false;
+    }
+    if (pendingTerminal) {
+      pendingTerminal = false;
+      await run(true);
+      return;
+    }
+    if (!disposed && queue.length === 0) terminalRequested = false;
+  }
+  function clearFlushTimer() {
+    if (timer !== null) {
+      clearTimeout(timer);
+      timer = null;
+    }
+  }
+  function scheduleFlush() {
+    if (timer !== null || disposed) return;
+    timer = setTimeout(() => {
+      timer = null;
+      void run(false);
+    }, FLUSH_DELAY_MS);
+  }
+  return {
+    enqueue(event) {
+      if (disposed) return;
+      queue.push(toWireEvent(event));
+      if (queue.length > MAX_QUEUE) {
+        dropped += queue.length - MAX_QUEUE;
+        queue.splice(0, queue.length - MAX_QUEUE);
+      }
+      if (queue.length >= MAX_BATCH) {
+        clearFlushTimer();
+        void run(false);
+      } else {
+        scheduleFlush();
+      }
+    },
+    flush(flushOptions) {
+      const terminal = flushOptions?.terminal ?? false;
+      if (disposed && !terminal) return;
+      clearFlushTimer();
+      void run(terminal);
+    },
+    dispose() {
+      if (disposed) return;
+      disposed = true;
+      clearFlushTimer();
+      void run(true);
+    }
+  };
+}
+function randomUuid() {
+  if (typeof globalThis.crypto?.randomUUID === "function") {
+    return globalThis.crypto.randomUUID();
+  }
+  const bytes = new Uint8Array(16);
+  globalThis.crypto?.getRandomValues?.(bytes);
+  if (!bytes.some(Boolean)) {
+    for (let index = 0; index < bytes.length; index += 1) {
+      bytes[index] = Math.floor(Math.random() * 256);
+    }
+  }
+  bytes[6] = bytes[6] & 15 | 64;
+  bytes[8] = bytes[8] & 63 | 128;
+  const hex = Array.from(bytes, (byte) => byte.toString(16).padStart(2, "0"));
+  return `${hex.slice(0, 4).join("")}-${hex.slice(4, 6).join("")}-${hex.slice(6, 8).join("")}-${hex.slice(8, 10).join("")}-${hex.slice(10).join("")}`;
+}
+function resolveProxyOrigin(backendUrl) {
+  if (!backendUrl.trim()) return null;
+  try {
+    const { origin } = new URL(backendUrl, globalThis.location?.href);
+    return origin.startsWith("http") ? origin : null;
+  } catch {
+    return null;
+  }
+}
+
+// src/core/analytics.tsx
+import { jsx as jsx11 } from "react/jsx-runtime";
+var AnalyticsContext = createContext3(null);
+var noopDepositEmitter = () => {
+};
+var noopWithdrawEmitter = () => {
+};
+var noopClaimEmitter = () => {
+};
+function cloneAndFreeze(value) {
+  if (Array.isArray(value)) {
+    return Object.freeze(value.map(cloneAndFreeze));
+  }
+  if (value && typeof value === "object") {
+    const clone = Object.fromEntries(
+      Object.entries(value).map(([key, child]) => [key, cloneAndFreeze(child)])
+    );
+    return Object.freeze(clone);
+  }
+  return value;
+}
+function AnalyticsSession(props) {
+  const sessionIdRef = useRef3(void 0);
+  if (sessionIdRef.current === void 0) {
+    sessionIdRef.current = (props.createSessionId ?? randomUuid)();
+  }
+  const sessionPropertiesRef = useRef3(void 0);
+  if (sessionPropertiesRef.current === void 0) {
+    sessionPropertiesRef.current = cloneAndFreeze(props.sessionProperties);
+  }
+  const onEventRef = useRef3(props.onEvent);
+  onEventRef.current = props.onEvent;
+  const nowRef = useRef3(props.now ?? (() => /* @__PURE__ */ new Date()));
+  nowRef.current = props.now ?? (() => /* @__PURE__ */ new Date());
+  const modal = props.modal;
+  const reportedFailuresRef = useRef3(/* @__PURE__ */ new Set());
+  const emitFailure = useCallback2(
+    ({ reason, status, droppedEvents }) => {
+      if (reportedFailuresRef.current.has(reason)) return;
+      reportedFailuresRef.current.add(reason);
+      const event = {
+        type: "analytics_ingest_failure",
+        session_id: sessionIdRef.current,
+        modal,
+        widget_version: MODAL_VERSION,
+        timestamp: nowRef.current().toISOString(),
+        reason,
+        ...status === void 0 ? {} : { status },
+        dropped_events: droppedEvents
+      };
+      onEventRef.current?.(event);
+    },
+    [modal]
+  );
+  function createIngest() {
+    if (props.enableIngest === false) {
+      return { transport: null, initialFailure: null };
+    }
+    const proxyOrigin = resolveProxyOrigin(props.backendUrl ?? "");
+    if (!proxyOrigin || typeof globalThis.fetch !== "function") {
+      return {
+        transport: null,
+        initialFailure: { reason: "unsupported", droppedEvents: 0 }
+      };
+    }
+    return {
+      transport: createIngestTransport({
+        ingestUrl: props.ingestUrl ?? DEFAULT_ANALYTICS_INGEST_URL,
+        backendUrl: props.backendUrl,
+        proxyOrigin,
+        sessionId: sessionIdRef.current,
+        modal,
+        widgetVersion: MODAL_VERSION,
+        sessionProperties: sessionPropertiesRef.current,
+        onFailure: (failure) => emitFailure(failure),
+        fetchImpl: props.fetchImpl,
+        createEventId: props.createEventId
+      }),
+      initialFailure: null
+    };
+  }
+  const ingestRef = useRef3(void 0);
+  if (ingestRef.current === void 0) {
+    ingestRef.current = createIngest();
+  }
+  const pendingDisposalRef = useRef3(null);
+  const enqueue = useCallback2(
+    (event) => {
+      try {
+        ingestRef.current?.transport?.enqueue(
+          event
+        );
+      } catch {
+      }
+    },
+    []
+  );
+  useEffect4(() => {
+    if (pendingDisposalRef.current !== null) {
+      clearTimeout(pendingDisposalRef.current);
+      pendingDisposalRef.current = null;
+    }
+    const setup = ingestRef.current;
+    if (setup.initialFailure) emitFailure(setup.initialFailure);
+    const transport = setup.transport;
+    if (!transport) return;
+    const flush = () => transport.flush({ terminal: true });
+    const onVisibilityChange = () => {
+      if (document.visibilityState === "hidden") flush();
+    };
+    window.addEventListener("pagehide", flush);
+    document.addEventListener("visibilitychange", onVisibilityChange);
+    return () => {
+      window.removeEventListener("pagehide", flush);
+      document.removeEventListener("visibilitychange", onVisibilityChange);
+      pendingDisposalRef.current = setTimeout(() => {
+        pendingDisposalRef.current = null;
+        transport.dispose();
+      }, 0);
+    };
+  }, [emitFailure]);
+  const emitDeposit = useCallback2(
+    (...[payload, fundingMethod]) => {
+      if (modal !== "deposit") return;
+      const event = {
+        ...payload,
+        session_id: sessionIdRef.current,
+        modal,
+        widget_version: MODAL_VERSION,
+        timestamp: nowRef.current().toISOString(),
+        session_properties: sessionPropertiesRef.current,
+        funding_method: fundingMethod
+      };
+      onEventRef.current?.(
+        event
+      );
+      enqueue(event);
+    },
+    [enqueue, modal, nowRef, onEventRef]
+  );
+  const emitWithdraw = useCallback2(
+    (payload) => {
+      if (modal !== "withdraw") return;
+      const event = {
+        ...payload,
+        session_id: sessionIdRef.current,
+        modal,
+        widget_version: MODAL_VERSION,
+        timestamp: nowRef.current().toISOString(),
+        session_properties: sessionPropertiesRef.current
+      };
+      onEventRef.current?.(event);
+      enqueue(event);
+    },
+    [enqueue, modal, nowRef, onEventRef]
+  );
+  const emitClaim = useCallback2(
+    (payload) => {
+      if (modal !== "claim") return;
+      const event = {
+        ...payload,
+        session_id: sessionIdRef.current,
+        modal,
+        widget_version: MODAL_VERSION,
+        timestamp: nowRef.current().toISOString(),
+        session_properties: sessionPropertiesRef.current
+      };
+      onEventRef.current?.(event);
+      enqueue(event);
+    },
+    [enqueue, modal, nowRef, onEventRef]
+  );
+  const context = useMemo3(
+    () => modal === "deposit" ? { modal, emit: emitDeposit } : modal === "withdraw" ? { modal, emit: emitWithdraw } : { modal, emit: emitClaim },
+    [modal, emitDeposit, emitWithdraw, emitClaim]
+  );
+  return /* @__PURE__ */ jsx11(AnalyticsContext.Provider, { value: context, children: props.children });
+}
+function useDepositAnalyticsEmitter() {
+  const context = useContext3(AnalyticsContext);
+  if (!context || context.modal !== "deposit") return noopDepositEmitter;
+  return context.emit;
+}
+function useWithdrawAnalyticsEmitter() {
+  const context = useContext3(AnalyticsContext);
+  if (!context || context.modal !== "withdraw") return noopWithdrawEmitter;
+  return context.emit;
+}
+function useClaimAnalyticsEmitter() {
+  const context = useContext3(AnalyticsContext);
+  if (!context || context.modal !== "claim") return noopClaimEmitter;
+  return context.emit;
+}
+
 // src/core/theme.ts
 var RADIUS_SCALE = {
   none: { sm: "0", md: "0", lg: "0" },
@@ -3139,6 +3658,10 @@ export {
   estimateReceiveAmount,
   formatQuotedReceive,
   formatReceiveEstimate,
+  AnalyticsSession,
+  useDepositAnalyticsEmitter,
+  useWithdrawAnalyticsEmitter,
+  useClaimAnalyticsEmitter,
   resolveThemeMode,
   followSystemAppearance,
   applyTheme,

package/dist/{chunk-FZ5FZFIG.mjs → chunk-K4H6TGBE.mjs}

@@ -1,5 +1,5 @@
 // src/core/version.ts
-var MODAL_VERSION = "0.13.0";
+var MODAL_VERSION = "0.14.0";
 var SERVICE_HEADERS = {
   "Content-Type": "application/json",
   "x-deposit-modal-version": MODAL_VERSION