playlight-sdk 0.1.5 → 0.1.7

package/dist/playlight-sdk.es.js

@@ -581,18 +581,18 @@ function resume_children(e2, t2) {
     if (null !== e2.transitions) for (const n3 of e2.transitions) (n3.is_global || t2) && n3.in();
   }
 }
-let j = [], E = [];
+let E = [], j = [];
 function run_micro_tasks() {
-  var e2 = j;
-  j = [], run_all(e2);
+  var e2 = E;
+  E = [], run_all(e2);
 }
 function queue_micro_task(e2) {
-  0 === j.length && queueMicrotask(run_micro_tasks), j.push(e2);
+  0 === E.length && queueMicrotask(run_micro_tasks), E.push(e2);
 }
 function flush_tasks() {
-  j.length > 0 && run_micro_tasks(), E.length > 0 && function run_idle_tasks() {
-    var e2 = E;
-    E = [], run_all(e2);
+  E.length > 0 && run_micro_tasks(), j.length > 0 && function run_idle_tasks() {
+    var e2 = j;
+    j = [], run_all(e2);
   }();
 }
 let N = false, B = false, A = null, W = false, z = false;
@@ -2607,12 +2607,12 @@ const Oe = function createToastState() {
     heights: t2
   };
 }();
-const je = function toastFunction(e2, t2) {
+const Ee = function toastFunction(e2, t2) {
   return Oe.create({
     message: e2,
     ...t2
   });
-}, Ee = Object.assign(je, {
+}, je = Object.assign(Ee, {
   success: Oe.success,
   info: Oe.info,
   warning: Oe.warning,
@@ -2643,14 +2643,14 @@ function Toast(e2, t2) {
     info: "",
     loading: ""
   }, { toasts: b2, heights: y2, removeHeight: $2, setHeight: w2, remove: x2 } = Oe;
-  let k2 = prop(t2, "toast", 9), C2 = prop(t2, "index", 9), S2 = prop(t2, "expanded", 9), M2 = prop(t2, "invert", 13), I2 = prop(t2, "position", 9), T2 = prop(t2, "visibleToasts", 9), q2 = prop(t2, "expandByDefault", 9), P2 = prop(t2, "closeButton", 9), D2 = prop(t2, "interacting", 9), O2 = prop(t2, "cancelButtonStyle", 9, ""), j2 = prop(t2, "actionButtonStyle", 9, ""), E2 = prop(t2, "duration", 9, 4e3), N2 = prop(t2, "descriptionClass", 9, ""), B2 = prop(t2, "classes", 29, () => ({})), A2 = prop(t2, "unstyled", 9, false), W2 = mutable_state(false, true), z2 = mutable_state(false, true), L2 = mutable_state(false, true), G2 = mutable_state(false, true), F2 = mutable_state(0, true), H2 = mutable_state(0, true), R2 = mutable_state(void 0, true), V2 = mutable_state(0, true), K2 = 0, U2 = 0, Y2 = null;
+  let k2 = prop(t2, "toast", 9), C2 = prop(t2, "index", 9), S2 = prop(t2, "expanded", 9), M2 = prop(t2, "invert", 13), I2 = prop(t2, "position", 9), T2 = prop(t2, "visibleToasts", 9), q2 = prop(t2, "expandByDefault", 9), P2 = prop(t2, "closeButton", 9), D2 = prop(t2, "interacting", 9), O2 = prop(t2, "cancelButtonStyle", 9, ""), E2 = prop(t2, "actionButtonStyle", 9, ""), j2 = prop(t2, "duration", 9, 4e3), N2 = prop(t2, "descriptionClass", 9, ""), B2 = prop(t2, "classes", 29, () => ({})), A2 = prop(t2, "unstyled", 9, false), W2 = mutable_state(false, true), z2 = mutable_state(false, true), L2 = mutable_state(false, true), G2 = mutable_state(false, true), F2 = mutable_state(0, true), H2 = mutable_state(0, true), R2 = mutable_state(void 0, true), V2 = mutable_state(0, true), K2 = 0, U2 = 0, Y2 = null;
   function deleteToast() {
     set(z2, true), // Save the offset for the exit swipe animation
     set(F2, get$1(V2)), $2(k2().id), setTimeout(() => {
       x2(k2().id);
     }, 200);
   }
-  let Z2 = mutable_state(void 0, true), J2 = mutable_state(k2().duration || E2() || 4e3, true);
+  let Z2 = mutable_state(void 0, true), J2 = mutable_state(k2().duration || j2() || 4e3, true);
   function startTimer() {
     K2 = (/* @__PURE__ */ new Date()).getTime(), // Let the toast know it has started
     set(Z2, setTimeout(() => {
@@ -2714,11 +2714,11 @@ function Toast(e2, t2) {
         height: i3
       });
     }();
-  }), legacy_pre_effect(() => (deep_read_state(k2()), get$1(Z2), deep_read_state(E2())), () => {
+  }), legacy_pre_effect(() => (deep_read_state(k2()), get$1(Z2), deep_read_state(j2())), () => {
     k2().updated && // if the toast has been updated after the initial render,
     // we want to reset the timer and set the remaining time to the
     // new duration
-    (clearTimeout(get$1(Z2)), set(J2, k2().duration || E2() || 4e3), startTimer());
+    (clearTimeout(get$1(Z2)), set(J2, k2().duration || j2() || 4e3), startTimer());
   }), legacy_pre_effect(() => (deep_read_state(k2()), get$1(u2)), () => {
     set(h2, k2().promise && "loading" === get$1(u2) || k2().duration === Number.POSITIVE_INFINITY);
   }), legacy_pre_effect(() => (get$1(h2), deep_read_state(S2()), deep_read_state(D2()), get$1(Z2)), () => {
@@ -2889,7 +2889,7 @@ function Toast(e2, t2) {
     var c3 = sibling(l3, 2), consequent_14 = (e4) => {
       var t3 = Le(), n4 = child(t3);
       template_effect((e5) => {
-        set_style(t3, j2()), set_class(t3, 1, e5), set_text(n4, k2().action.label);
+        set_style(t3, E2()), set_class(t3, 1, e5), set_text(n4, k2().action.label);
       }, [() => {
         var _a2, _b2, _c2;
         return clsx(cn((_a2 = B2()) == null ? void 0 : _a2.actionButton, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.actionButton));
@@ -3015,7 +3015,7 @@ function Toaster(e2, t2) {
       );
     }
   }), legacy_pre_effect_reset(), init();
-  var j2 = comment(), E2 = first_child(j2), consequent = (e3) => {
+  var E2 = comment(), j2 = first_child(E2), consequent = (e3) => {
     var s3 = Re();
     set_attribute(s3, "tabindex", -1), each(s3, 5, () => get$1(a2), index, (e4, s4, a3, l3) => {
       var c3 = He();
@@ -3157,9 +3157,9 @@ function Toaster(e2, t2) {
       }), event("pointerdown", c3, () => set(T2, true)), event("pointerup", c3, () => set(T2, false)), append(e4, c3);
     }), template_effect(() => set_attribute(s3, "aria-label", `${g2()} ${get$1(l2)}`)), append(e3, s3);
   };
-  if_block(E2, (e3) => {
+  if_block(j2, (e3) => {
     $toasts().length > 0 && e3(consequent);
-  }), append(e2, j2), pop(), s2();
+  }), append(e2, E2), pop(), s2();
 }
 const Ve = writable(false), Ke = writable("https://sdk.playlight.dev");
 function handleClick(e2, t2, n2) {
@@ -3285,7 +3285,7 @@ const Qe = new (_b = class {
       }
       return await o2.json();
     } catch (e3) {
-      Ee.error("Error: " + e3), console.error("Playlight API error:", e3);
+      je.error("Error: " + e3), console.error("Playlight API error:", e3);
     }
   }
   // Get all categories
@@ -3664,13 +3664,16 @@ function CurrentGameDisplay(e2, t2) {
     t2.currentGame && get$1(i2) && e3(consequent_1);
   }), append(e2, f2), pop();
 }
+function closeDiscoveryOnEmptyClick(e2, t2) {
+  e2.target === e2.currentTarget && store_set(Ve, false);
+}
 delegate(["mousedown", "mousemove", "mouseup", "touchstart", "touchmove", "touchend", "click"]);
 var on_click = (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_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" id="playlight-discovery"><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 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 {
@@ -3681,7 +3684,7 @@ function DiscoveryOverlay(e2, t2) {
         (set(h2, true), set(_2, 1), setTimeout(() => fetchGames(), 100))
       ) : set(g2, false) : set(_2, get$1(_2) + 1);
     } catch (e3) {
-      console.error(e3), Ee.error("Failed to load games: " + e3);
+      console.error(e3), je.error("Failed to load games: " + e3);
     } finally {
       set(c2, false), set(u2, false), // For Chrome: manually check if element is still in view and should trigger another load
       get$1(g2) && get$1(v2) && setTimeout(() => {
@@ -3713,18 +3716,18 @@ function DiscoveryOverlay(e2, t2) {
   var m2 = gt();
   event("keydown", q, (e3) => {
     "Escape" == e3.key && store_set(Ve, false);
-  });
+  }), m2.__click = [closeDiscoveryOnEmptyClick, $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];
     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_1, $discoveryOpen], function X(e3, t3) {
     const n3 = legacy_rest_props(t3, ["children", "$$slots", "$$events", "$$legacy"]);
     Icon$1(e3, spread_props({
       name: "x"
@@ -3764,7 +3767,9 @@ function DiscoveryOverlay(e2, t2) {
       return get$1(d2);
     }
   });
-  var S2 = sibling(C2, 2), M2 = child(S2), consequent_1 = (e3) => {
+  var S2 = sibling(C2, 2);
+  S2.__click = [closeDiscoveryOnEmptyClick, $discoveryOpen];
+  var M2 = child(S2), consequent_1 = (e3) => {
     var t3 = dt();
     Loader_circle(child(t3), {
       class: "animate-spin opacity-75",