@tixyel/streamelements 6.0.2 → 6.0.3

package/dist/index.d.ts

@@ -1907,7 +1907,12 @@ declare class Command {
 type QueueEvents<T> = {
     load: [];
     cancel: [];
-    update: [queue: QueueItem<T>[], priorityQueue: QueueItem<T>[], history: QueueItem<T>[], timeouts: Array<ReturnType<typeof setTimeout>>];
+    update: [
+        queue: QueueItem<T>[],
+        priorityQueue: QueueItem<T>[],
+        history: QueueItem<T>[],
+        timeouts: Array<ReturnType<typeof setTimeout>>
+    ];
     process: [item: QueueItem<T>, queue: useQueue<T>];
 };
 type QueueProps = {
@@ -1957,7 +1962,9 @@ declare class useQueue<T> extends EventProvider<QueueEvents<T>> {
     duration: QueueDuration;
     private loaded;
     processor: QueueProcessor<T>;
+    private readonly clientWaitRetryDelay;
     constructor(options: QueueOptions<T>);
+    private waitForClientAndBindLoad;
     /**
      * Enqueue an item or multiple items into the queue with optional processing options.
      * @param value - The item or items to be enqueued. Can be a single value of type T or an array of objects containing the value and options.

package/dist/index.es.js

@@ -7171,12 +7171,17 @@ var q;
 })(q || (q = {}));
 class mt extends Z {
   constructor(e) {
-    if (super(), this.queue = [], this.priorityQueue = [], this.history = [], this.timeouts = [], this.running = !1, this.duration = void 0, this.loaded = !1, !(window.client instanceof G))
-      throw new Error("useQueue can only be instantiated after the Client is initialized.");
-    if (!e.processor || typeof e.processor != "function")
+    if (super(), this.queue = [], this.priorityQueue = [], this.history = [], this.timeouts = [], this.running = !1, this.duration = void 0, this.loaded = !1, this.clientWaitRetryDelay = 50, !e.processor || typeof e.processor != "function")
       throw new Error("A valid processor function must be provided to useQueue.");
-    this.processor = e.processor, e.duration !== "client" && (this.duration = e.duration ?? 0), window.client.on("load", () => {
-      e.duration === "client" && (this.duration = window.client.fields?.widgetDuration ?? 0), this.emit("load"), this.loaded = !0;
+    this.processor = e.processor, e.duration !== "client" && (this.duration = e.duration ?? 0), this.waitForClientAndBindLoad(e.duration);
+  }
+  waitForClientAndBindLoad(e = this.duration) {
+    if (!(window?.client instanceof G)) {
+      setTimeout(() => this.waitForClientAndBindLoad(e), this.clientWaitRetryDelay);
+      return;
+    }
+    window.client.on("load", () => {
+      e === "client" && (this.duration = window.client.fields?.widgetDuration ?? 0), this.emit("load"), this.loaded = !0;
     });
   }
   enqueue(e, t = {}) {
@@ -7209,7 +7214,9 @@ class mt extends Z {
     try {
       await this.processor.apply(this, [e.value, this]), this.emit("process", e, this);
     } catch (a) {
-      R.error(`Error during item processing: ${a instanceof Error ? a.message : String(a)}`);
+      R.error(
+        `Error during item processing: ${a instanceof Error ? a.message : String(a)}`
+      );
     }
     this.history.push(e);
     const t = e.isPriority ? this.priorityQueue : this.queue;