@genex-ai/embed-sdk 0.10.0 → 0.11.0

package/dist/{chunk-Z7VGKJYX.js → chunk-EEOKYBXG.js}

@@ -25,6 +25,7 @@ var authWaiters = [];
 var playerWaiters = [];
 var overlayEl = null;
 var popoverEl = null;
+var popoverMinimizeTimer;
 var pendingPlayerSave;
 var hasPendingPlayerSave = false;
 var pendingScores = /* @__PURE__ */ new Map();
@@ -832,6 +833,10 @@ function showGuestPopover() {
   }
 }
 function removeGuestPopover() {
+  if (popoverMinimizeTimer !== void 0) {
+    clearTimeout(popoverMinimizeTimer);
+    popoverMinimizeTimer = void 0;
+  }
   try {
     const root = popoverEl?.root;
     root?.remove?.();
@@ -841,15 +846,31 @@ function removeGuestPopover() {
 }
 function buildGuestPopover(d) {
   ensureOverlayFont(d);
+  let mobile = false;
+  try {
+    const w = win();
+    const nav = w?.navigator;
+    if (w && nav) {
+      const coarse = w.matchMedia?.("(pointer: coarse)").matches ?? false;
+      const touch = (nav.maxTouchPoints ?? 0) > 1;
+      const mobileUA = nav.userAgentData ? nav.userAgentData.mobile : /Mobi|Android/i.test(nav.userAgent ?? "");
+      mobile = touch && coarse || mobileUA;
+    }
+  } catch {
+  }
   const root = d.createElement("div");
   root.setAttribute("data-genex-guest-popover", "");
-  root.style.cssText = `position:fixed;top:12px;right:12px;z-index:2147483646;display:flex;align-items:center;gap:12px;padding:10px 12px 10px 16px;border-radius:12px;background:rgba(0,0,0,0.85);color:#fff;font-family:${OVERLAY_FONT_STACK};font-size:13px;box-shadow:0 4px 24px rgba(0,0,0,0.4);pointer-events:auto;user-select:none`;
+  root.style.cssText = "position:fixed;top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));z-index:2147483646;display:flex;justify-content:flex-end;pointer-events:none";
+  const card = d.createElement("div");
+  card.style.cssText = `display:flex;align-items:center;border-radius:12px;background:rgba(0,0,0,0.85);color:#fff;font-family:${OVERLAY_FONT_STACK};box-shadow:0 4px 24px rgba(0,0,0,0.4);pointer-events:auto;user-select:none;` + (mobile ? "gap:8px;padding:8px 8px 8px 12px;font-size:12px;max-width:calc(100vw - 88px)" : "gap:12px;padding:10px 12px 10px 16px;font-size:13px");
+  root.appendChild(card);
   const text = d.createElement("span");
-  text.textContent = user?.name ? `Playing as ${user.name} \u2014 sign in to save progress` : "Sign in to save progress";
-  root.appendChild(text);
+  text.textContent = !mobile && user?.name ? `Playing as ${user.name} \u2014 sign in to save progress` : "Sign in to save progress";
+  if (mobile) text.style.cssText = "overflow:hidden;text-overflow:ellipsis;white-space:nowrap";
+  card.appendChild(text);
   const signIn = d.createElement("button");
   signIn.textContent = "Sign in";
-  signIn.style.cssText = "font-family:inherit;font-size:13px;font-weight:500;padding:6px 16px;border-radius:9px;border:none;cursor:pointer;background:#4b60bf;color:#fff";
+  signIn.style.cssText = "font-family:inherit;font-weight:500;border-radius:9px;border:none;cursor:pointer;background:#4b60bf;color:#fff;" + (mobile ? "font-size:12px;padding:5px 12px" : "font-size:13px;padding:6px 16px");
   signIn.addEventListener("mouseenter", () => {
     signIn.style.background = "#3f51a8";
   });
@@ -863,7 +884,7 @@ function buildGuestPopover(d) {
     clearRetryFlag();
     void redirectToAuthorize(w);
   });
-  root.appendChild(signIn);
+  card.appendChild(signIn);
   const dismiss = d.createElement("button");
   dismiss.textContent = "\xD7";
   dismiss.setAttribute("aria-label", "Dismiss");
@@ -872,7 +893,24 @@ function buildGuestPopover(d) {
     writePopoverDismissed();
     removeGuestPopover();
   });
-  root.appendChild(dismiss);
+  card.appendChild(dismiss);
+  if (mobile) {
+    const chip = d.createElement("button");
+    chip.setAttribute("aria-label", "Sign in to save progress");
+    chip.style.cssText = "display:none;width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;background:rgba(0,0,0,0.55);color:#fff;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto";
+    chip.innerHTML = '<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"/><polyline points="10 17 15 12 10 7"/><line x1="15" y1="12" x2="3" y2="12"/></svg>';
+    root.appendChild(chip);
+    const setMinimized = (v) => {
+      card.style.display = v ? "none" : "flex";
+      chip.style.display = v ? "flex" : "none";
+    };
+    popoverMinimizeTimer = setTimeout(() => setMinimized(true), 5e3);
+    card.addEventListener("pointerdown", () => {
+      if (popoverMinimizeTimer !== void 0) clearTimeout(popoverMinimizeTimer);
+      popoverMinimizeTimer = void 0;
+    });
+    chip.addEventListener("click", () => setMinimized(false));
+  }
   const mount = () => {
     if (d.body && !root.isConnected) d.body.appendChild(root);
   };

package/dist/index.js

@@ -17,7 +17,7 @@ import {
   submitScore,
   waitForAuth,
   waitForPlayer
-} from "./chunk-Z7VGKJYX.js";
+} from "./chunk-EEOKYBXG.js";
 export {
   __resetForTests,
   _stashTicketFromUrl,

package/dist/sentry.js

@@ -2,7 +2,7 @@ import {
   _stashTicketFromUrl,
   getUser,
   on
-} from "./chunk-Z7VGKJYX.js";
+} from "./chunk-EEOKYBXG.js";
 
 // src/sentry.ts
 import * as Sentry from "@sentry/browser";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@genex-ai/embed-sdk",
-  "version": "0.10.0",
+  "version": "0.11.0",
   "description": "Player identity + durable game state for genex games \u2014 signed-in or guest play, per-player save slots, shared world state, and soft-trust leaderboards.",
   "type": "module",
   "main": "./dist/index.js",