@sonordev/site-kit 6.5.0 → 7.0.1

package/dist/chunk-JSZN6LDZ.js

@@ -0,0 +1,338 @@
+'use client';
+import { normalizeDesignTokens, designTokenCssVars, sanitizePopupHtml, isSafePopupUrl } from './chunk-IHG36STL.js';
+import { useId, useRef, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var DEFAULT_POPUP_TOKENS = normalizeDesignTokens({
+  colors: { background: "#ffffff", text: "#111827", primary: "#111827", muted: "#4b5563", border: "#e5e7eb" },
+  fonts: { body: "inherit", heading: "inherit" },
+  radius: { control: "8px", card: "16px" }
+});
+var FOCUSABLE = 'a[href],button:not([disabled]),input,select,textarea,[tabindex]:not([tabindex="-1"])';
+var v = (name) => `var(--sk-site-${name})`;
+function renderBlocks(blocks, headingId, placement, press) {
+  const out = [];
+  let firstHeading = true;
+  for (let i = 0; i < blocks.length; i++) {
+    const block = blocks[i];
+    const compact = placement === "bar";
+    if (block.type === "heading") {
+      const id = firstHeading ? headingId : void 0;
+      firstHeading = false;
+      out.push(
+        /* @__PURE__ */ jsx(
+          "p",
+          {
+            id,
+            role: "heading",
+            "aria-level": 2,
+            style: {
+              margin: 0,
+              fontFamily: v("font-heading"),
+              fontSize: compact ? "1rem" : placement === "slide-in" ? "1.125rem" : "1.375rem",
+              fontWeight: 700,
+              lineHeight: 1.25,
+              letterSpacing: "normal",
+              textTransform: "none",
+              color: v("text")
+            },
+            children: block.text
+          },
+          i
+        )
+      );
+    } else if (block.type === "text") {
+      out.push(
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "sk-popup-text",
+            style: { margin: 0, fontSize: compact ? "0.9375rem" : "1rem", lineHeight: 1.55, color: v("muted") },
+            dangerouslySetInnerHTML: { __html: sanitizePopupHtml(block.html) }
+          },
+          i
+        )
+      );
+    } else if (block.type === "image") {
+      if (compact || !isSafePopupUrl(block.url, "image")) continue;
+      out.push(
+        /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: block.url,
+            alt: block.alt,
+            loading: "lazy",
+            decoding: "async",
+            style: {
+              display: "block",
+              width: "100%",
+              maxHeight: placement === "slide-in" ? 160 : 240,
+              objectFit: "cover",
+              borderRadius: `calc(${v("radius-card")} * 0.6)`
+            }
+          },
+          i
+        )
+      );
+    } else if (block.type === "divider") {
+      if (compact) continue;
+      out.push(/* @__PURE__ */ jsx("hr", { style: { border: 0, borderTop: `1px solid ${v("border")}`, margin: "4px 0", width: "100%" } }, i));
+    } else if (block.type === "button") {
+      const row = [];
+      let j = i;
+      while (j < blocks.length && blocks[j].type === "button") {
+        const b = blocks[j];
+        const index = j;
+        const primary = b.variant !== "secondary";
+        const external = /^https?:/i.test(b.url);
+        row.push(
+          /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: isSafePopupUrl(b.url) ? b.url : void 0,
+              target: external ? "_blank" : void 0,
+              rel: external ? "noopener noreferrer" : void 0,
+              onClick: (e) => press(b, index, e),
+              style: {
+                display: "inline-flex",
+                alignItems: "center",
+                justifyContent: "center",
+                minHeight: compact ? 36 : 44,
+                padding: compact ? "0 14px" : "0 20px",
+                borderRadius: v("radius-control"),
+                background: primary ? v("primary") : "transparent",
+                color: primary ? v("on-primary") : v("text"),
+                border: primary ? "1px solid transparent" : `1px solid ${v("border")}`,
+                fontFamily: "inherit",
+                fontSize: compact ? "0.875rem" : "0.9375rem",
+                fontWeight: v("button-weight"),
+                textTransform: v("button-transform"),
+                letterSpacing: "normal",
+                textDecoration: "none",
+                cursor: "pointer",
+                flex: compact ? "0 0 auto" : "1 1 auto"
+              },
+              children: b.text
+            },
+            j
+          )
+        );
+        j++;
+      }
+      out.push(
+        /* @__PURE__ */ jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: 8, marginTop: compact ? 0 : 4 }, children: row }, `row-${i}`)
+      );
+      i = j - 1;
+    }
+  }
+  return out;
+}
+var TEXT_CSS = `
+.sk-popup-text p{margin:0 0 .5em}.sk-popup-text p:last-child{margin-bottom:0}
+.sk-popup-text a{color:var(--sk-site-primary);text-decoration:underline;text-underline-offset:2px}
+.sk-popup-text ul,.sk-popup-text ol{margin:0 0 .5em;padding-left:1.25em}
+.sk-popup-text strong{color:var(--sk-site-text);font-weight:700}
+.sk-popup-close:focus-visible,.sk-popup a:focus-visible{outline:2px solid var(--sk-site-primary);outline-offset:2px}
+`;
+function PopupBlocks({
+  blocks,
+  tokens,
+  placement = "popup",
+  corner = "bottom-right",
+  edge = "top",
+  onClose,
+  onButton,
+  inline = false,
+  zIndex = 2147483e3,
+  rootRef,
+  elementId
+}) {
+  const headingId = `sk-popup-${useId().replace(/[^a-zA-Z0-9_-]/g, "")}`;
+  const panelRef = useRef(null);
+  const modal = placement === "popup" && !inline;
+  const hasHeading = blocks.some((b) => b.type === "heading");
+  const t = tokens ?? DEFAULT_POPUP_TOKENS;
+  const vars = designTokenCssVars(t);
+  useEffect(() => {
+    if (inline) return;
+    const panel2 = panelRef.current;
+    const previous = typeof document !== "undefined" ? document.activeElement : null;
+    if (modal && panel2) panel2.focus({ preventScroll: true });
+    const onKey = (e) => {
+      if (e.key === "Escape") {
+        onClose?.();
+        return;
+      }
+      if (!modal || e.key !== "Tab" || !panel2) return;
+      const items = Array.from(panel2.querySelectorAll(FOCUSABLE));
+      if (!items.length) return;
+      const first = items[0];
+      const last = items[items.length - 1];
+      const active = document.activeElement;
+      if (e.shiftKey && (active === first || active === panel2)) {
+        e.preventDefault();
+        last.focus();
+      } else if (!e.shiftKey && active === last) {
+        e.preventDefault();
+        first.focus();
+      }
+    };
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("keydown", onKey);
+      if (modal && previous && typeof previous.focus === "function") previous.focus({ preventScroll: true });
+    };
+  }, [inline, modal, onClose]);
+  const press = (block, index, e) => {
+    if (onButton?.(block, index) === false || !isSafePopupUrl(block.url)) e.preventDefault();
+  };
+  const close = onClose ? /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      className: "sk-popup-close",
+      "aria-label": "Close",
+      onClick: onClose,
+      style: {
+        position: placement === "bar" ? "static" : "absolute",
+        top: 10,
+        right: 10,
+        width: 32,
+        height: 32,
+        flex: "0 0 auto",
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        border: 0,
+        borderRadius: 999,
+        background: "transparent",
+        color: v("muted"),
+        cursor: "pointer",
+        padding: 0
+      },
+      children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ jsx("path", { d: "M3 3l10 10M13 3L3 13", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round" }) })
+    }
+  ) : null;
+  const content = renderBlocks(blocks, headingId, placement, press);
+  const base = {
+    ...vars,
+    boxSizing: "border-box",
+    fontFamily: v("font-body"),
+    color: v("text"),
+    background: v("surface"),
+    WebkitFontSmoothing: "antialiased"
+  };
+  if (placement === "bar") {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: rootRef,
+        className: "sk-popup",
+        "data-sk-popup": "",
+        "data-engage-element": elementId,
+        role: "region",
+        "aria-label": hasHeading ? void 0 : "Announcement",
+        "aria-labelledby": hasHeading ? headingId : void 0,
+        style: {
+          ...base,
+          background: v("primary"),
+          ...inline ? { position: "relative" } : edge === "bottom" ? { position: "fixed", bottom: 0, left: 0, right: 0, zIndex, paddingBottom: "env(safe-area-inset-bottom, 0px)" } : { position: "fixed", top: 0, left: 0, right: 0, zIndex },
+          borderRadius: 0
+        },
+        children: [
+          /* @__PURE__ */ jsx("style", { children: TEXT_CSS }),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              ref: panelRef,
+              style: {
+                // The bar sits on the accent, so everything on it flips: text and
+                // links take the accent's readable color, buttons invert.
+                ...designTokenCssVars({
+                  ...t,
+                  colors: { ...t.colors, text: t.colors.onPrimary, muted: t.colors.onPrimary, primary: t.colors.onPrimary, onPrimary: t.colors.primary, border: t.colors.onPrimary }
+                }),
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                flexWrap: "wrap",
+                gap: "8px 16px",
+                padding: "10px 16px",
+                maxWidth: 1200,
+                margin: "0 auto"
+              },
+              children: [
+                content,
+                close
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+  const panel = /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: panelRef,
+      className: "sk-popup",
+      "data-sk-popup": "",
+      role: "dialog",
+      "aria-modal": modal ? true : void 0,
+      "aria-labelledby": hasHeading ? headingId : void 0,
+      "aria-label": hasHeading ? void 0 : "Message",
+      tabIndex: -1,
+      onClick: (e) => e.stopPropagation(),
+      style: {
+        ...base,
+        position: "relative",
+        width: placement === "slide-in" ? 340 : 440,
+        // Inline, the preview frame sets the width; 100vw would be the dashboard's.
+        maxWidth: inline ? "100%" : "calc(100vw - 32px)",
+        maxHeight: inline ? void 0 : "calc(100vh - 32px)",
+        overflowY: inline ? void 0 : "auto",
+        display: "flex",
+        flexDirection: "column",
+        gap: 14,
+        padding: placement === "slide-in" ? "22px 20px 20px" : "30px 28px 28px",
+        borderRadius: v("radius-card"),
+        border: `1px solid ${v("border")}`,
+        boxShadow: inline ? "none" : "0 24px 64px rgba(0, 0, 0, 0.22)",
+        outline: "none"
+      },
+      children: [
+        /* @__PURE__ */ jsx("style", { children: TEXT_CSS }),
+        close,
+        content
+      ]
+    }
+  );
+  if (inline) {
+    return /* @__PURE__ */ jsx("div", { ref: rootRef, "data-engage-element": elementId, style: { display: "flex", justifyContent: "center" }, children: panel });
+  }
+  if (placement === "slide-in") {
+    const [y, x] = corner.split("-");
+    return /* @__PURE__ */ jsx("div", { ref: rootRef, "data-engage-element": elementId, style: { position: "fixed", [y]: 16, [x]: 16, zIndex }, children: panel });
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: rootRef,
+      "data-engage-element": elementId,
+      onClick: onClose,
+      style: {
+        position: "fixed",
+        inset: 0,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        padding: 16,
+        background: "rgba(0, 0, 0, 0.5)",
+        zIndex
+      },
+      children: panel
+    }
+  );
+}
+
+export { DEFAULT_POPUP_TOKENS, PopupBlocks };

package/dist/chunk-KPAZG65P.js

@@ -0,0 +1,138 @@
+import { isValidSlotId, SLOT_CONTENT_MAX_LENGTH, SLOTS_CONTRACT_VERSION, verifySlotContent } from './chunk-SS636UDN.js';
+import { resolveServerApiConfig } from './chunk-X6F6SO4S.js';
+import 'server-only';
+import { cache } from 'react';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+var warned = /* @__PURE__ */ new Set();
+function warnOnce(key, message) {
+  if (warned.has(key)) return;
+  warned.add(key);
+  console.warn(message);
+}
+async function fetchSlot(id, site, revalidate, fallback, page) {
+  if (!isValidSlotId(id)) {
+    warnOnce(`id:${id}`, `[site-kit/slots] Invalid slot id "${id}" (expected ${"`"}[a-z0-9-_.:]${"`"}, lowercase) \u2014 rendering fallback`);
+    return null;
+  }
+  const config = resolveServerApiConfig();
+  if (!config) {
+    warnOnce("no-key", "[site-kit/slots] SONOR_API_KEY is not set \u2014 all slots render their fallbacks");
+    return null;
+  }
+  try {
+    const response = await fetch(`${config.apiUrl}/api/public/slots/resolve`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        "x-api-key": config.apiKey
+      },
+      body: JSON.stringify({
+        contract_version: SLOTS_CONTRACT_VERSION,
+        slots: [
+          {
+            id,
+            ...fallback ? { fallback: fallback.slice(0, SLOT_CONTENT_MAX_LENGTH) } : {},
+            ...page ? { page } : {}
+          }
+        ],
+        ...site ? { site } : {}
+      }),
+      next: { revalidate, tags: ["sonor-slots"] }
+    });
+    if (!response.ok) {
+      if (response.status !== 404) {
+        warnOnce(
+          `http:${response.status}`,
+          `[site-kit/slots] Resolve returned ${response.status} \u2014 rendering fallbacks`
+        );
+      }
+      await response.text().catch(() => {
+      });
+      return null;
+    }
+    const data = await response.json();
+    const payload = data?.slots?.[id];
+    if (!payload) return null;
+    if (!verifySlotContent(payload, config.apiKey)) {
+      warnOnce(
+        `sig:${id}`,
+        `[site-kit/slots] Dropped slot "${id}": payload failed shape/signature verification \u2014 rendering fallback`
+      );
+      return null;
+    }
+    return payload;
+  } catch (err) {
+    warnOnce("network", `[site-kit/slots] Resolve failed (${err?.message}) \u2014 rendering fallbacks`);
+    return null;
+  }
+}
+var getSlotCached = cache(
+  (id, site, revalidate, fallback, page) => fetchSlot(id, site, revalidate, fallback, page)
+);
+function getSlot(id, options = {}) {
+  const fallback = options.fallback?.trim() || void 0;
+  const page = options.page?.trim() || void 0;
+  return getSlotCached(id, options.site, options.revalidate ?? 300, fallback, page);
+}
+async function resolveSlots(ids, options = {}) {
+  const entries = await Promise.all(
+    ids.map(async (id) => [id, await getSlot(id, options)])
+  );
+  return Object.fromEntries(entries);
+}
+async function ManagedSlot({
+  id,
+  children,
+  site,
+  revalidate,
+  page
+}) {
+  const fallback = typeof children === "string" ? children : void 0;
+  const managed = await getSlot(id, { site, revalidate, fallback, page });
+  return /* @__PURE__ */ jsx(Fragment, { children: managed ? managed.content : children });
+}
+var ManagedSlot_default = ManagedSlot;
+
+// src/slots/revalidate.ts
+var SLOTS_CACHE_TAG = "sonor-slots";
+function createSlotsRevalidateHandler(secret, options) {
+  return async function POST(request) {
+    try {
+      const authHeader = request.headers.get("authorization");
+      const url = new URL(request.url);
+      const tokenFromQuery = url.searchParams.get("secret");
+      const token = authHeader?.replace(/^Bearer\s+/i, "") || tokenFromQuery;
+      if (!secret || token !== secret) {
+        return new Response(JSON.stringify({ error: "Invalid secret" }), {
+          status: 401,
+          headers: { "Content-Type": "application/json" }
+        });
+      }
+      let revalidateTag;
+      if (options?.revalidateTag) {
+        revalidateTag = options.revalidateTag;
+      } else {
+        const nextCache = await import('next/cache.js');
+        const impl = nextCache.revalidateTag;
+        revalidateTag = (tag) => impl(tag, "max");
+      }
+      const tags = [SLOTS_CACHE_TAG, ...options?.extraTags || []];
+      for (const tag of tags) {
+        revalidateTag(tag);
+      }
+      return new Response(JSON.stringify({ revalidated: true, tags }), {
+        status: 200,
+        headers: { "Content-Type": "application/json" }
+      });
+    } catch (err) {
+      console.error("[site-kit/slots] Revalidation failed:", err);
+      return new Response(JSON.stringify({ error: "Revalidation failed" }), {
+        status: 500,
+        headers: { "Content-Type": "application/json" }
+      });
+    }
+  };
+}
+
+export { ManagedSlot, ManagedSlot_default, SLOTS_CACHE_TAG, createSlotsRevalidateHandler, getSlot, resolveSlots };

package/dist/chunk-KV4LOKOU.js

@@ -0,0 +1,154 @@
+// src/motion/engine.ts
+var scenes = /* @__PURE__ */ new Set();
+var rafId = 0;
+var io = null;
+var initialized = false;
+var reduced = false;
+var measureTimer;
+var clamp01 = (v) => Math.min(1, Math.max(0, v));
+function sceneProgress(mode, top, height, scrollY, viewportHeight) {
+  if (mode === "view") {
+    return clamp01((scrollY + viewportHeight - top) / (viewportHeight + height));
+  }
+  return clamp01((scrollY - top) / Math.max(1, height - viewportHeight));
+}
+function measureAll() {
+  const sy = window.scrollY;
+  for (const s of scenes) {
+    const r = s.pin.getBoundingClientRect();
+    s.top = r.top + sy;
+    s.height = s.pin.offsetHeight;
+    s.settled = false;
+  }
+}
+function targetFor(s, sy, vh) {
+  return sceneProgress(s.mode, s.top, s.height, sy, vh);
+}
+function settleOrigin(s) {
+  if (s.origin === null) {
+    s.origin = s.anchored ? s.target : 0;
+    if (s.anchored) s.p = s.target;
+  }
+  return s.origin;
+}
+function emit(s, visible) {
+  const o = settleOrigin(s);
+  s.cb(s.p - o, { target: s.target - o, visible });
+}
+function frame() {
+  rafId = 0;
+  const sy = window.scrollY;
+  const vh = window.innerHeight;
+  let active = false;
+  for (const s of scenes) {
+    if (!s.visible) continue;
+    s.target = reduced ? s.reducedP : targetFor(s, sy, vh);
+    settleOrigin(s);
+    const d = s.target - s.p;
+    if (Math.abs(d) > 6e-4) {
+      s.p += d * s.lerp;
+      s.settled = false;
+      active = true;
+    } else if (!s.settled) {
+      s.p = s.target;
+      s.settled = true;
+    } else if (!s.continuous) {
+      continue;
+    }
+    if (s.continuous) active = true;
+    emit(s, s.visible);
+  }
+  if (active) schedule();
+}
+function schedule() {
+  if (!rafId) rafId = requestAnimationFrame(frame);
+}
+function wake() {
+  for (const s of scenes) s.settled = false;
+  schedule();
+}
+function init() {
+  if (initialized || typeof window === "undefined") return;
+  initialized = true;
+  const mq = window.matchMedia("(prefers-reduced-motion: reduce)");
+  reduced = mq.matches;
+  mq.addEventListener?.("change", (e) => {
+    reduced = e.matches;
+    wake();
+  });
+  io = new IntersectionObserver(
+    (entries) => {
+      const sy = window.scrollY;
+      const vh = window.innerHeight;
+      for (const entry of entries) {
+        for (const s of scenes) {
+          if (s.pin !== entry.target) continue;
+          s.visible = entry.isIntersecting;
+          if (!entry.isIntersecting) {
+            s.p = s.target = reduced ? s.reducedP : targetFor(s, sy, vh);
+            s.settled = true;
+            emit(s, false);
+          }
+        }
+      }
+      schedule();
+    },
+    { rootMargin: "35% 0px 35% 0px" }
+  );
+  window.addEventListener("scroll", wake, { passive: true });
+  window.addEventListener("resize", () => {
+    clearTimeout(measureTimer);
+    measureTimer = setTimeout(() => {
+      measureAll();
+      wake();
+    }, 120);
+  });
+  document.fonts?.ready?.then(() => {
+    measureAll();
+    wake();
+  });
+}
+function prefersReducedMotion() {
+  if (typeof window === "undefined") return false;
+  init();
+  return reduced;
+}
+function refreshScenes() {
+  if (typeof window === "undefined" || !initialized) return;
+  measureAll();
+  wake();
+}
+function registerScene(pin, cb, opts = {}) {
+  if (typeof window === "undefined") return () => {
+  };
+  init();
+  const s = {
+    pin,
+    cb,
+    p: 0,
+    target: 0,
+    top: 0,
+    height: 1,
+    visible: false,
+    settled: false,
+    continuous: !!opts.continuous,
+    reducedP: opts.reducedP ?? 0.55,
+    mode: opts.mode ?? "pin",
+    lerp: Math.min(1, Math.max(0.01, opts.lerp ?? 0.16)),
+    origin: null,
+    anchored: opts.anchor === "load"
+  };
+  scenes.add(s);
+  io?.observe(pin);
+  const r = pin.getBoundingClientRect();
+  const margin = window.innerHeight * 0.35;
+  s.visible = r.bottom > -margin && r.top < window.innerHeight + margin;
+  measureAll();
+  schedule();
+  return () => {
+    scenes.delete(s);
+    io?.unobserve(pin);
+  };
+}
+
+export { prefersReducedMotion, refreshScenes, registerScene, sceneProgress };

package/dist/chunk-KXPBMCFL.js

@@ -0,0 +1,39 @@
+// src/proxy/securityHeaders.ts
+var DEFAULT_FRAME_ANCESTORS = [
+  "'self'",
+  "https://upforge.io",
+  "https://*.upforge.io",
+  "https://upforgelabs.com",
+  "https://*.upforgelabs.com"
+];
+function buildSecurityHeaders(config) {
+  if (config === false) return {};
+  const c = typeof config === "object" ? config : {};
+  const headers = {};
+  if (c.dnsPrefetchControl !== false) {
+    headers["X-DNS-Prefetch-Control"] = "on";
+  }
+  const frameAncestors = c.frameAncestors === false ? null : c.frameAncestors && c.frameAncestors.length > 0 ? c.frameAncestors : DEFAULT_FRAME_ANCESTORS;
+  if (frameAncestors) {
+    headers["Content-Security-Policy"] = `frame-ancestors ${frameAncestors.join(" ")}`;
+    if (c.frameOptions) {
+      headers["X-Frame-Options"] = c.frameOptions;
+    }
+  } else if (c.frameOptions !== false) {
+    headers["X-Frame-Options"] = c.frameOptions || "DENY";
+  }
+  if (c.contentTypeOptions !== false) {
+    headers["X-Content-Type-Options"] = "nosniff";
+  }
+  if (c.xssProtection !== false) {
+    headers["X-XSS-Protection"] = "1; mode=block";
+  }
+  headers["Referrer-Policy"] = c.referrerPolicy || "strict-origin-when-cross-origin";
+  headers["Permissions-Policy"] = c.permissionsPolicy || "camera=(), microphone=(), geolocation=()";
+  if (c.customHeaders) {
+    Object.assign(headers, c.customHeaders);
+  }
+  return headers;
+}
+
+export { DEFAULT_FRAME_ANCESTORS, buildSecurityHeaders };

package/dist/chunk-L2V5PUFN.js

@@ -0,0 +1,15 @@
+// src/shared/page-leave.ts
+function onPageLeave(onLeave, win = window, doc = document) {
+  const handleVisibilityChange = () => {
+    if (doc.visibilityState === "hidden") onLeave();
+  };
+  const handlePageHide = () => onLeave();
+  doc.addEventListener("visibilitychange", handleVisibilityChange);
+  win.addEventListener("pagehide", handlePageHide);
+  return () => {
+    doc.removeEventListener("visibilitychange", handleVisibilityChange);
+    win.removeEventListener("pagehide", handlePageHide);
+  };
+}
+
+export { onPageLeave };