playlight-sdk 0.1.4 → 0.1.6

package/dist/playlight-sdk.es.js

@@ -3666,11 +3666,13 @@ function CurrentGameDisplay(e2, t2) {
 }
 delegate(["mousedown", "mousemove", "mouseup", "touchstart", "touchmove", "touchend", "click"]);
 var on_click = (e2, t2) => {
+  e2.target === e2.currentTarget && store_set(Ve, false);
+}, on_click_1 = (e2, t2) => {
   localStorage.getItem("playlight_exit_intent_disabled_by_user") ? localStorage.removeItem("playlight_exit_intent_disabled_by_user") : localStorage.setItem("playlight_exit_intent_disabled_by_user", true), set(t2, !get$1(t2));
-}, ut = /* @__PURE__ */ template('<button class="cursor-pointer truncate text-sm text-nowrap opacity-50 transition hover:opacity-25 max-md:hidden"><p class="bg-background/50 text-primary p-1 px-2 text-sm"> </p></button>'), on_click_1 = (e2, t2) => store_set(Ve, false), dt = /* @__PURE__ */ template('<div class="flex h-4/5 items-center justify-center gap-4"><!></div>'), ft = /* @__PURE__ */ template('<div class="text-muted-foreground flex h-4/5 items-center justify-center gap-4"><p>No games found that match the filter.</p></div>'), pt = /* @__PURE__ */ template("<!> <!>", 1), _t = /* @__PURE__ */ template('<div class="mx-auto flex h-full flex-wrap content-start justify-center gap-10 lg:max-w-4/5"><!> <div class="flex h-10 w-full justify-center"><!></div></div>'), gt = /* @__PURE__ */ template('<div class="bg-background/75 fixed inset-0 top-0 right-0 bottom-0 left-0 z-99999 flex flex-col justify-center text-white backdrop-blur-md"><div class="ml-2 flex items-center justify-between p-4"><a href="https://playlight.dev" target="_blank"><img alt="logo" class="w-50"></a> <div class="mt-4 mr-2 flex items-center justify-evenly gap-8 overflow-hidden md:mr-4"><!> <button class="cursor-pointer text-white transition hover:opacity-50" aria-label="Close"><!></button></div></div> <div class="mx-auto p-2 px-5"><!></div> <!> <div class="mask-fade no-scrollbar relative h-full w-full overflow-y-auto p-4 svelte-12skmk8"><!></div> <div class="fixed right-4 bottom-4 flex items-center justify-between"><a href="https://playlight.dev" target="_blank" class="text-muted-foreground flex items-center gap-1 text-sm transition hover:text-white">Join Playlight <!></a></div></div>');
+}, ut = /* @__PURE__ */ template('<button class="cursor-pointer truncate text-sm text-nowrap opacity-50 transition hover:opacity-25 max-md:hidden"><p class="bg-background/50 text-primary p-1 px-2 text-sm"> </p></button>'), on_click_2 = (e2, t2) => store_set(Ve, false), dt = /* @__PURE__ */ template('<div class="flex h-4/5 items-center justify-center gap-4"><!></div>'), ft = /* @__PURE__ */ template('<div class="text-muted-foreground flex h-4/5 items-center justify-center gap-4"><p>No games found that match the filter.</p></div>'), pt = /* @__PURE__ */ template("<!> <!>", 1), _t = /* @__PURE__ */ template('<div class="mx-auto flex h-full flex-wrap content-start justify-center gap-10 lg:max-w-4/5"><!> <div class="flex h-10 w-full justify-center"><!></div></div>'), gt = /* @__PURE__ */ template('<div class="bg-background/75 fixed inset-0 top-0 right-0 bottom-0 left-0 z-99999 flex flex-col justify-center text-white backdrop-blur-md" id="playlight-discovery" role="menu" tabindex="0"><div class="pointer-events-none ml-2 flex items-center justify-between p-4"><a href="https://playlight.dev" target="_blank"><img alt="logo" class="w-50"></a> <div class="mt-4 mr-2 flex items-center justify-evenly gap-8 overflow-hidden md:mr-4"><!> <button class="cursor-pointer text-white transition hover:opacity-50" aria-label="Close"><!></button></div></div> <div class="mx-auto p-2 px-5"><!></div> <!> <div class="mask-fade no-scrollbar pointer-events-none relative h-full w-full overflow-y-auto p-4 svelte-12skmk8"><!></div> <div class="fixed right-4 bottom-4 flex items-center justify-between"><a href="https://playlight.dev" target="_blank" class="text-muted-foreground flex items-center gap-1 text-sm transition hover:text-white">Join Playlight <!></a></div></div>');
 function DiscoveryOverlay(e2, t2) {
   push(t2, true);
-  const [n2, o2] = setup_stores();
+  const [n2, o2] = setup_stores(), $discoveryOpen = () => store_get(Ve, "$discoveryOpen", n2);
   let i2, s2 = prop(t2, "showIntentToggle", 3, true), a2 = state(true), l2 = state(void 0), c2 = state(true), u2 = state(false), d2 = state(void 0), f2 = state(proxy([])), p2 = state(proxy([])), _2 = state(1), g2 = state(true), v2 = state(void 0), h2 = state(false);
   async function fetchGames() {
     if (!(get$1(c2) && get$1(_2) > 1 || get$1(u2))) try {
@@ -3713,18 +3715,18 @@ function DiscoveryOverlay(e2, t2) {
   var m2 = gt();
   event("keydown", q, (e3) => {
     "Escape" == e3.key && store_set(Ve, false);
-  });
+  }), m2.__click = [on_click, $discoveryOpen];
   var b2 = child(m2), y2 = child(b2), $2 = child(y2), w2 = child(sibling(y2, 2)), consequent = (e3) => {
     var t3 = ut();
-    t3.__click = [on_click, a2];
+    t3.__click = [on_click_1, a2];
     var n3 = child(t3), o3 = child(n3);
-    template_effect(() => set_text(o3, get$1(a2) ? "Ignore exit intent" : "Trigger on exit intent")), append(e3, t3);
+    template_effect(() => set_text(o3, get$1(a2) ? "Don't show on exit" : "Do show on exit")), append(e3, t3);
   };
   if_block(w2, (e3) => {
     s2() && e3(consequent);
   });
   var x2 = sibling(w2, 2);
-  x2.__click = [on_click_1, () => store_get(Ve, "$discoveryOpen", n2)], function X(e3, t3) {
+  x2.__click = [on_click_2, $discoveryOpen], function X(e3, t3) {
     const n3 = legacy_rest_props(t3, ["children", "$$slots", "$$events", "$$legacy"]);
     Icon$1(e3, spread_props({
       name: "x"
@@ -3846,21 +3848,28 @@ function App(e2, t2) {
   var _a2, _b2, _c2, _d;
   push(t2, true);
   const [n2, o2] = setup_stores(), $discoveryOpen = () => store_get(Ve, "$discoveryOpen", n2);
-  let i2 = proxy((_b2 = (_a2 = t2.config) == null ? void 0 : _a2.button) == null ? void 0 : _b2.position), s2 = proxy((_d = (_c2 = t2.config) == null ? void 0 : _c2.button) == null ? void 0 : _d.visible);
+  let i2, s2 = proxy((_b2 = (_a2 = t2.config) == null ? void 0 : _a2.button) == null ? void 0 : _b2.position), a2 = proxy((_d = (_c2 = t2.config) == null ? void 0 : _c2.button) == null ? void 0 : _d.visible);
   function openDiscovery() {
     store_set(Ve, true), Qe.trackOpen();
   }
-  var a2 = ht(), l2 = first_child(a2);
-  FloatingButton(l2, {
+  Ve.subscribe((e3) => {
+    try {
+      e3 ? (i2 = document.body.style.overflow, document.body.style.overflow = "hidden") : document.body.style.overflow = i2;
+    } catch (e4) {
+      console.error("Failed to toggle body overflow style:", e4);
+    }
+  });
+  var l2 = ht(), c2 = first_child(l2);
+  FloatingButton(c2, {
     get position() {
-      return i2;
+      return s2;
     },
     get visible() {
-      return s2;
+      return a2;
     },
     onClick: openDiscovery
   });
-  var c2 = sibling(l2, 2), consequent = (e3) => {
+  var u2 = sibling(c2, 2), consequent = (e3) => {
     const n3 = /* @__PURE__ */ derived(() => {
       var _a3, _b3;
       return (_b3 = (_a3 = t2.config) == null ? void 0 : _a3.exitIntent) == null ? void 0 : _b3.enabled;
@@ -3871,11 +3880,11 @@ function App(e2, t2) {
       }
     });
   };
-  if_block(c2, (e3) => {
+  if_block(u2, (e3) => {
     $discoveryOpen() && e3(consequent);
   });
-  var u2 = sibling(c2, 2);
-  const d2 = /* @__PURE__ */ derived(() => {
+  var d2 = sibling(u2, 2);
+  const f2 = /* @__PURE__ */ derived(() => {
     var _a3, _b3;
     return (_b3 = (_a3 = t2.config) == null ? void 0 : _a3.exitIntent) == null ? void 0 : _b3.enabled;
   });
@@ -3891,14 +3900,14 @@ function App(e2, t2) {
     }, sibling(a3, 2).__mouseover = function handleBottomBarTrigger() {
       o3 = "bottom", i3 = Date.now();
     }, append(e3, s3), pop();
-  }(u2, {
+  }(d2, {
     get enabled() {
-      return get$1(d2);
+      return get$1(f2);
     },
     onIntent: () => {
       $discoveryOpen() || openDiscovery();
     }
-  }), Toaster(sibling(u2, 2), {}), append(e2, a2), pop(), o2();
+  }), Toaster(sibling(d2, 2), {}), append(e2, l2), pop(), o2();
 }
 const mt = {
   button: {
@@ -3949,10 +3958,10 @@ const yt = new (_c = class {
   }
   /**
    * Show or hide the discovery
-   * @param {boolean} value - Whether to show the discovery
+   * @param {boolean} [value=true] - Whether to show the discovery
    */
-  setDiscovery(e2) {
-    this.isInitialized && (Ve.set(e2), get(Ve) && Qe.trackOpen());
+  setDiscovery(e2 = true) {
+    this.isInitialized && (Ve.set(e2), e2 && Qe.trackOpen());
   }
 }, _PlaylightSDK_instances = new WeakSet(), /**
  * Mount the Svelte app to the playlight container