playlight-sdk 0.1.11 → 0.2.0

package/dist/playlight-sdk.es.js

@@ -280,13 +280,13 @@ function proxy(e2, t2 = null, o2) {
 function update_version(e2, t2 = 1) {
   set(e2, e2.v + t2);
 }
-var q, P, O, D, E;
+var q, P, D, O, E;
 function create_text(e2 = "") {
   return document.createTextNode(e2);
 }
 // @__NO_SIDE_EFFECTS__
 function get_first_child(e2) {
-  return D.call(e2);
+  return O.call(e2);
 }
 // @__NO_SIDE_EFFECTS__
 function get_next_sibling(e2) {
@@ -1103,7 +1103,7 @@ function template(e2, t2) {
     /* @__PURE__ */ get_first_child(n2)));
     var t3 = (
       /** @type {TemplateNode} */
-      s2 || O ? document.importNode(n2, true) : n2.cloneNode(true)
+      s2 || D ? document.importNode(n2, true) : n2.cloneNode(true)
     );
     o2 ? assign_nodes(
       /** @type {TemplateNode} */
@@ -1167,9 +1167,9 @@ function mount(e2, t2) {
     */
     function init_operations() {
       if (void 0 === q) {
-        q = window, P = document, O = /Firefox/.test(navigator.userAgent);
+        q = window, P = document, D = /Firefox/.test(navigator.userAgent);
         var e4 = Element.prototype, t4 = Node.prototype;
-        D = a(t4, "firstChild").get, // @ts-ignore
+        O = a(t4, "firstChild").get, // @ts-ignore
         E = a(t4, "nextSibling").get, // the following assignments improve perf of lookups on DOM nodes
         // @ts-expect-error
         e4.__click = void 0, // @ts-expect-error
@@ -2261,67 +2261,6 @@ function Loader_circle(e2, t2) {
     }
   }));
 }
-var on_click$3 = (e2, t2) => {
-  var _a2;
-  (_a2 = t2.onClick) == null ? void 0 : _a2.call(t2);
-}, Ce = /* @__PURE__ */ template('<button id="floating playlight button" aria-label="Open Playlight Discovery"><p class="z-2 flex items-center overflow-hidden svelte-1j97rta"><!> <span class="mr-0.25 inline-block font-bold svelte-1j97rta">More Games</span></p> <div class="absolute bottom-0 left-0 h-full w-0 bg-background transition-all duration-300 group-hover:w-full svelte-1j97rta"></div></button>');
-function FloatingButton(e2, t2) {
-  push(t2, true);
-  let n2 = prop(t2, "position", 3, "bottom-right"), o2 = prop(t2, "visible", 3, true);
-  var s2 = comment(), i2 = first_child(s2), consequent = (e3) => {
-    var o3 = Ce();
-    o3.__click = [on_click$3, t2];
-    var s3 = child(o3);
-    !function Gamepad(e4, t3) {
-      const n3 = legacy_rest_props(t3, ["children", "$$slots", "$$events", "$$legacy"]);
-      Icon$1(e4, spread_props({
-        name: "gamepad"
-      }, () => n3, {
-        iconNode: [["line", {
-          x1: "6",
-          x2: "10",
-          y1: "12",
-          y2: "12"
-        }], ["line", {
-          x1: "8",
-          x2: "8",
-          y1: "10",
-          y2: "14"
-        }], ["line", {
-          x1: "15",
-          x2: "15.01",
-          y1: "13",
-          y2: "13"
-        }], ["line", {
-          x1: "18",
-          x2: "18.01",
-          y1: "11",
-          y2: "11"
-        }], ["rect", {
-          width: "20",
-          height: "12",
-          x: "2",
-          y: "6",
-          rx: "2"
-        }]],
-        children: (e5, n4) => {
-          var o4 = comment();
-          slot(first_child(o4), t3, "default", {}, null), append(e5, o4);
-        },
-        $$slots: {
-          default: true
-        }
-      }));
-    }(child(s3), {
-      size: 26,
-      strokeWidth: 1.75,
-      class: "z-2 mr-2 transform transition-all duration-300 group-hover:rotate-12"
-    }), template_effect(() => set_class(o3, 1, `fixed ${("bottom-left" == n2() ? "bottom-4 left-4" : "bottom-right" == n2() ? "right-4 bottom-4" : "") ?? ""} group children-text-white z-99990 flex cursor-pointer gap-2 rounded-md bg-white p-3 font-bold text-background uppercase shadow-lg transition-all hover:scale-105`, "svelte-1j97rta")), append(e3, o3);
-  };
-  if_block(i2, (e3) => {
-    o2() && e3(consequent);
-  }), append(e2, s2), pop();
-}
 function cubic_out(e2) {
   const t2 = e2 - 1;
   return t2 * t2 * t2 + 1;
@@ -2381,6 +2320,67 @@ function scale(e2, { delay: t2 = 0, duration: n2 = 400, easing: o2 = cubic_out,
 		`
   };
 }
+var on_click$3 = (e2, t2) => {
+  var _a2;
+  (_a2 = t2.onClick) == null ? void 0 : _a2.call(t2);
+}, Ce = /* @__PURE__ */ template('<button id="floating playlight button" aria-label="Open Playlight Discovery"><p class="z-2 flex items-center overflow-hidden svelte-1j97rta"><!> <span class="mr-0.25 inline-block font-bold svelte-1j97rta">More Games</span></p> <div class="bg-background absolute bottom-0 left-0 h-full w-0 transition-all duration-300 group-hover:w-full svelte-1j97rta"></div></button>');
+function FloatingButton(e2, t2) {
+  push(t2, true);
+  let n2 = prop(t2, "position", 3, "bottom-right"), o2 = prop(t2, "visible", 3, true);
+  var s2 = comment(), i2 = first_child(s2), consequent = (e3) => {
+    var o3 = Ce();
+    o3.__click = [on_click$3, t2];
+    var s3 = child(o3);
+    !function Gamepad(e4, t3) {
+      const n3 = legacy_rest_props(t3, ["children", "$$slots", "$$events", "$$legacy"]);
+      Icon$1(e4, spread_props({
+        name: "gamepad"
+      }, () => n3, {
+        iconNode: [["line", {
+          x1: "6",
+          x2: "10",
+          y1: "12",
+          y2: "12"
+        }], ["line", {
+          x1: "8",
+          x2: "8",
+          y1: "10",
+          y2: "14"
+        }], ["line", {
+          x1: "15",
+          x2: "15.01",
+          y1: "13",
+          y2: "13"
+        }], ["line", {
+          x1: "18",
+          x2: "18.01",
+          y1: "11",
+          y2: "11"
+        }], ["rect", {
+          width: "20",
+          height: "12",
+          x: "2",
+          y: "6",
+          rx: "2"
+        }]],
+        children: (e5, n4) => {
+          var o4 = comment();
+          slot(first_child(o4), t3, "default", {}, null), append(e5, o4);
+        },
+        $$slots: {
+          default: true
+        }
+      }));
+    }(child(s3), {
+      size: 26,
+      strokeWidth: 1.75,
+      class: "z-2 mr-2 transform transition-all duration-300 group-hover:rotate-12"
+    }), template_effect(() => set_class(o3, 1, `fixed ${("bottom-left" == n2() ? "bottom-4 left-4" : "bottom-right" == n2() ? "right-4 bottom-4" : "") ?? ""} group children-text-white text-background z-99990 flex cursor-pointer gap-2 rounded-md bg-white p-3 font-bold uppercase shadow-lg transition-all hover:scale-105`, "svelte-1j97rta")), transition(3, o3, () => blur), append(e3, o3);
+  };
+  if_block(i2, (e3) => {
+    o2() && e3(consequent);
+  }), append(e2, s2), pop();
+}
 delegate(["click"]);
 var Se = /* @__PURE__ */ ns_template('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd"></path></svg>'), Me = /* @__PURE__ */ ns_template('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path></svg>'), Te = /* @__PURE__ */ ns_template('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z" clip-rule="evenodd"></path></svg>'), Ie = /* @__PURE__ */ ns_template('<svg viewBox="0 0 64 64" fill="currentColor" height="20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M32.427,7.987c2.183,0.124 4,1.165 5.096,3.281l17.936,36.208c1.739,3.66 -0.954,8.585 -5.373,8.656l-36.119,0c-4.022,-0.064 -7.322,-4.631 -5.352,-8.696l18.271,-36.207c0.342,-0.65 0.498,-0.838 0.793,-1.179c1.186,-1.375 2.483,-2.111 4.748,-2.063Zm-0.295,3.997c-0.687,0.034 -1.316,0.419 -1.659,1.017c-6.312,11.979 -12.397,24.081 -18.301,36.267c-0.546,1.225 0.391,2.797 1.762,2.863c12.06,0.195 24.125,0.195 36.185,0c1.325,-0.064 2.321,-1.584 1.769,-2.85c-5.793,-12.184 -11.765,-24.286 -17.966,-36.267c-0.366,-0.651 -0.903,-1.042 -1.79,-1.03Z"></path><path d="M33.631,40.581l-3.348,0l-0.368,-16.449l4.1,0l-0.384,16.449Zm-3.828,5.03c0,-0.609 0.197,-1.113 0.592,-1.514c0.396,-0.4 0.935,-0.601 1.618,-0.601c0.684,0 1.223,0.201 1.618,0.601c0.395,0.401 0.593,0.905 0.593,1.514c0,0.587 -0.193,1.078 -0.577,1.473c-0.385,0.395 -0.929,0.593 -1.634,0.593c-0.705,0 -1.249,-0.198 -1.634,-0.593c-0.384,-0.395 -0.576,-0.886 -0.576,-1.473Z"></path></svg>');
 function Icon(e2, t2) {
@@ -2428,20 +2428,20 @@ function Loader(e2, t2) {
 function cn(...e2) {
   return e2.filter(Boolean).join(" ");
 }
-const Oe = "undefined" != typeof document;
+const De = "undefined" != typeof document;
 function clientWritable(e2) {
   const t2 = writable(e2);
   return {
     subscribe: t2.subscribe,
     set: function set2(e3) {
-      Oe && t2.set(e3);
+      De && t2.set(e3);
     },
     update: function update2(e3) {
-      Oe && t2.update(e3);
+      De && t2.update(e3);
     }
   };
 }
-let De = 0;
+let Oe = 0;
 const Ee = function createToastState() {
   const e2 = clientWritable([]), t2 = clientWritable([]);
   function addToast(t3) {
@@ -2449,7 +2449,7 @@ const Ee = function createToastState() {
   }
   function create(t3) {
     var _a2;
-    const { message: n2, ...o2 } = t3, s2 = "number" == typeof (t3 == null ? void 0 : t3.id) || t3.id && ((_a2 = t3.id) == null ? void 0 : _a2.length) > 0 ? t3.id : De++, i2 = void 0 === t3.dismissable || t3.dismissable, a2 = void 0 === t3.type ? "default" : t3.type, l2 = get(e2).find((e3) => e3.id === s2);
+    const { message: n2, ...o2 } = t3, s2 = "number" == typeof (t3 == null ? void 0 : t3.id) || t3.id && ((_a2 = t3.id) == null ? void 0 : _a2.length) > 0 ? t3.id : Oe++, i2 = void 0 === t3.dismissable || t3.dismissable, a2 = void 0 === t3.type ? "default" : t3.type, l2 = get(e2).find((e3) => e3.id === s2);
     return l2 ? e2.update((e3) => e3.map((e4) => e4.id === s2 ? {
       ...e4,
       ...t3,
@@ -2586,7 +2586,7 @@ const Ee = function createToastState() {
       }), n2;
     },
     custom: function custom(e3, t3) {
-      const n2 = (t3 == null ? void 0 : t3.id) || De++;
+      const n2 = (t3 == null ? void 0 : t3.id) || Oe++;
       return create({
         component: e3,
         id: n2,
@@ -2643,7 +2643,7 @@ function Toast(e2, t2) {
     info: "",
     loading: ""
   }, { toasts: b2, heights: y2, removeHeight: $2, setHeight: w2, remove: x2 } = Ee;
-  let k2 = prop(t2, "toast", 9), C2 = prop(t2, "index", 9), S2 = prop(t2, "expanded", 9), M2 = prop(t2, "invert", 13), T2 = prop(t2, "position", 9), I2 = prop(t2, "visibleToasts", 9), q2 = prop(t2, "expandByDefault", 9), P2 = prop(t2, "closeButton", 9), O2 = prop(t2, "interacting", 9), D2 = 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), U2 = mutable_state(0, true), V2 = 0, K2 = 0, Y2 = null;
+  let k2 = prop(t2, "toast", 9), C2 = prop(t2, "index", 9), S2 = prop(t2, "expanded", 9), M2 = prop(t2, "invert", 13), T2 = prop(t2, "position", 9), I2 = 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), U2 = mutable_state(0, true), V2 = 0, K2 = 0, Y2 = null;
   function deleteToast() {
     set(z2, true), // Save the offset for the exit swipe animation
     set(F2, get$1(U2)), $2(k2().id), setTimeout(() => {
@@ -2721,13 +2721,13 @@ function Toast(e2, t2) {
     (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(O2()), get$1(Z2)), () => {
+  }), legacy_pre_effect(() => (get$1(h2), deep_read_state(S2()), deep_read_state(D2()), get$1(Z2)), () => {
     var e3;
     !function store_unsub(e4, t3, n3) {
       let o3 = n3[t3];
       return o3 && o3.store !== e4 && // Don't reset store yet, so that store_get above can resubscribe to new store if necessary
       (o3.unsubscribe(), o3.unsubscribe = noop), e4;
-    }(set(Q2, (e3 = () => (get$1(h2) || (S2() || O2() ? (
+    }(set(Q2, (e3 = () => (get$1(h2) || (S2() || D2() ? (
       // If toast's duration changes, it will be out of sync with the
       // remainingAtTimeout, so we know we need to restart the timer
       // with the new duration
@@ -2874,7 +2874,7 @@ function Toast(e2, t2) {
     var l3 = sibling(s3, 2), consequent_13 = (e4) => {
       var t3 = Le(), n4 = child(t3);
       template_effect((e5) => {
-        set_style(t3, D2()), set_class(t3, 1, e5), set_text(n4, k2().cancel.label);
+        set_style(t3, O2()), set_class(t3, 1, e5), set_text(n4, k2().cancel.label);
       }, [() => {
         var _a2, _b2, _c2;
         return clsx(cn((_a2 = B2()) == null ? void 0 : _a2.cancelButton, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.cancelButton));
@@ -2954,21 +2954,21 @@ function Toaster(e2, t2) {
   const { toasts: k2, heights: C2, reset: S2 } = Ee;
   let M2 = mutable_state(false), T2 = mutable_state(false), q2 = mutable_state(function getInitialTheme(e3) {
     return "system" !== e3 ? e3 : "undefined" != typeof window && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? c2 : u2;
-  }(f2())), P2 = mutable_state(), O2 = null, D2 = false;
+  }(f2())), P2 = mutable_state(), D2 = null, O2 = false;
   function handleBlur(e3) {
-    D2 && !e3.currentTarget.contains(e3.relatedTarget) && (D2 = false, O2 && (O2.focus({
+    O2 && !e3.currentTarget.contains(e3.relatedTarget) && (O2 = false, D2 && (D2.focus({
       preventScroll: true
-    }), O2 = null));
+    }), D2 = null));
   }
   function handleFocus(e3) {
-    D2 || (D2 = true, O2 = e3.relatedTarget);
+    O2 || (O2 = true, D2 = e3.relatedTarget);
   }
   !function onDestroy(e3) {
     null === I && lifecycle_outside_component(), onMount(() => () => untrack(e3));
   }(() => {
-    get$1(P2) && O2 && (O2.focus({
+    get$1(P2) && D2 && (D2.focus({
       preventScroll: true
-    }), O2 = null, D2 = false);
+    }), D2 = null, O2 = false);
   }), onMount(() => {
     S2();
     const handleKeydown = (e3) => {
@@ -3849,13 +3849,12 @@ var ht = /* @__PURE__ */ template('<div class="fixed top-0 right-0 left-0 h-4"><
 delegate(["mouseover"]);
 var mt = /* @__PURE__ */ template("<!> <!> <!> <!>", 1);
 function App(e2, t2) {
-  var _a2, _b2, _c2, _d;
   push(t2, true);
-  const [n2, o2] = setup_stores(), $discoveryOpen = () => store_get(Ve, "$discoveryOpen", n2);
-  let s2, i2 = 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);
+  const [n2, o2] = setup_stores(), $discoveryOpen = () => store_get(Ve, "$discoveryOpen", n2), $config = () => store_get(t2.config, "$config", n2);
   function openDiscovery() {
     store_set(Ve, true), et.trackOpen();
   }
+  let s2;
   Ve.subscribe((e3) => {
     try {
       e3 ? (s2 = document.body.style.overflow, document.body.style.overflow = "hidden") : document.body.style.overflow = s2;
@@ -3863,24 +3862,31 @@ function App(e2, t2) {
       console.error("Failed to toggle body overflow style:", e4);
     }
   });
-  var l2 = mt(), c2 = first_child(l2);
-  FloatingButton(c2, {
+  var i2 = mt(), a2 = first_child(i2);
+  const l2 = /* @__PURE__ */ derived(() => {
+    var _a2, _b2;
+    return (_b2 = (_a2 = $config()) == null ? void 0 : _a2.button) == null ? void 0 : _b2.position;
+  }), c2 = /* @__PURE__ */ derived(() => {
+    var _a2, _b2;
+    return (_b2 = (_a2 = $config()) == null ? void 0 : _a2.button) == null ? void 0 : _b2.visible;
+  });
+  FloatingButton(a2, {
     get position() {
-      return i2;
+      return get$1(l2);
     },
     get visible() {
-      return a2;
+      return get$1(c2);
     },
     onClick: openDiscovery
   });
-  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;
+  var u2 = sibling(a2, 2), consequent = (e3) => {
+    const t3 = /* @__PURE__ */ derived(() => {
+      var _a2, _b2;
+      return (_b2 = (_a2 = $config()) == null ? void 0 : _a2.exitIntent) == null ? void 0 : _b2.enabled;
     });
     DiscoveryOverlay(e3, {
       get showIntentToggle() {
-        return get$1(n3);
+        return get$1(t3);
       }
     });
   };
@@ -3889,20 +3895,22 @@ function App(e2, t2) {
   });
   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;
+    var _a2, _b2;
+    return (_b2 = (_a2 = $config()) == null ? void 0 : _a2.exitIntent) == null ? void 0 : _b2.enabled;
   });
   !function ExitIntentDetector(e3, t3) {
     push(t3, true);
-    let n3 = prop(t3, "enabled", 3, true), o3 = false;
-    var s3 = ht();
-    event("mousemove", q, function trackMouse() {
-      o3 || setTimeout(() => o3 = true, 250);
-    }), s3.__mouseover = function handleBarTrigger() {
-      var _a3;
-      n3() && !localStorage.getItem("playlight_exit_intent_disabled_by_user") && o3 && // Trigger exit intent
-      ((_a3 = t3.onIntent) == null ? void 0 : _a3.call(t3));
-    }, append(e3, s3), pop();
+    let n3, o3, s3 = prop(t3, "enabled", 3, true), i3 = false;
+    var a3 = ht();
+    event("mousemove", q, function trackMouse(e4) {
+      i3 || setTimeout(() => i3 = true, 250), n3.contains(e4.target) || (o3 = Date.now());
+    }), a3.__mouseover = function handleBarTrigger() {
+      s3() && !localStorage.getItem("playlight_exit_intent_disabled_by_user") && i3 && // Trigger exit intent
+      setTimeout(() => {
+        var _a2;
+        o3 < Date.now() - 50 && ((_a2 = t3.onIntent) == null ? void 0 : _a2.call(t3));
+      }, 150);
+    }, bind_this(a3, (e4) => n3 = e4, () => n3), append(e3, a3), pop();
   }(d2, {
     get enabled() {
       return get$1(f2);
@@ -3910,7 +3918,7 @@ function App(e2, t2) {
     onIntent: () => {
       $discoveryOpen() || openDiscovery();
     }
-  }), Toaster(sibling(d2, 2), {}), append(e2, l2), pop(), o2();
+  }), Toaster(sibling(d2, 2), {}), append(e2, i2), pop(), o2();
 }
 const bt = {
   button: {
@@ -3945,7 +3953,7 @@ function isObject(e2) {
 const $t = new (_c = class {
   constructor() {
     __privateAdd(this, _PlaylightSDK_instances);
-    this.container = null, this.app = null, this.isInitialized = false, this.config = null, this.api = et;
+    this.container = null, this.app = null, this.isInitialized = false, this.config = writable(null), this.api = et;
   }
   /**
    * Initialize Playlight
@@ -3954,7 +3962,7 @@ const $t = new (_c = class {
   async init(e2 = {}) {
     return "undefined" == typeof window ? console.error("Playlight cannot run on the server, as it depends on browser APIs.") : this.isInitialized ? (console.warn("Playlight SDK already initialized!"), void (document.getElementById("playlight-sdk-container") || __privateMethod(this, _PlaylightSDK_instances, t_fn).call(this))) : (
       // Initialize configuration with defaults and user overrides
-      (this.config = initializeConfig(e2), __privateMethod(this, _PlaylightSDK_instances, t_fn).call(this), // Create container and mount
+      (this.setConfig(e2), __privateMethod(this, _PlaylightSDK_instances, t_fn).call(this), // Create container and mount
       // Fetch current game info to cache it
       await this.api.getCurrentGameInfo(), void (this.isInitialized = true))
     );
@@ -3966,6 +3974,14 @@ const $t = new (_c = class {
   setDiscovery(e2 = true) {
     this.isInitialized && (Ve.set(e2), e2 && et.trackOpen());
   }
+  /**
+   * Update the configuration
+   * @param {Object} [config] - Playlight configuration object
+   */
+  setConfig(e2 = {}) {
+    var _a2;
+    (_a2 = this.config) == null ? void 0 : _a2.set(initializeConfig(e2));
+  }
 }, _PlaylightSDK_instances = new WeakSet(), /**
  * Mount the Svelte app to the playlight container
  * @private