stream-engine-widgets 0.3.23 → 0.3.24

package/dist/{blaze-CFK3LEal.js → blaze-CKj9JmQ1.js}

@@ -330,16 +330,67 @@ class WidgetManager {
   convertAPIResponseToConfig(apiResponse) {
     return convertAPIResponseToConfig(apiResponse);
   }
+  /**
+   * Apply dynamic labels to widget config (overrides ANY selector type)
+   * When labels are provided, they completely replace the existing selector
+   * configuration, regardless of whether it was label-based, content-based, etc.
+   * 
+   * @param widgetConfig - The widget configuration object
+   * @param labelsProp - JSON string containing { isAndGroup: boolean, labels: string[] }
+   * @returns Updated widget config with labels applied
+   */
+  applyLabels(widgetConfig, labelsProp) {
+    if (!labelsProp || !widgetConfig) {
+      return widgetConfig;
+    }
+    try {
+      const labelsData = JSON.parse(labelsProp);
+      if (!labelsData || !Array.isArray(labelsData.labels) || labelsData.labels.length === 0) {
+        return widgetConfig;
+      }
+      const existingSelector = widgetConfig?.selector;
+      let labelGroups;
+      if (labelsData?.isAndGroup) {
+        labelGroups = [{
+          id: "dynamic-and-group",
+          andLabels: labelsData.labels
+        }];
+      } else {
+        labelGroups = labelsData.labels.map((label, index) => ({
+          id: `dynamic-or-${index}`,
+          andLabels: [label]
+        }));
+      }
+      return {
+        ...widgetConfig,
+        selector: {
+          source: "labels",
+          // Force label-based filtering
+          sortBy: existingSelector?.sortBy,
+          // Preserve sort order if any
+          labels: {
+            labelGroups
+          }
+        }
+      };
+    } catch (error) {
+      console.error("Error applying labels:", error);
+      return widgetConfig;
+    }
+  }
   /**
    * Create a new widget instance
    */
   async createWidget(config) {
-    const widgetConfig = "type" in config && config.type === "blaze" ? {
+    const labels = config?.labels;
+    let widgetConfig = "type" in config && config.type === "blaze" ? {
       ...this.convertAPIResponseToConfig(config),
       // Preserve all additional properties (eventHandlers, requireAuth, viewerCountry, etc.) added by BlazeWidget.tsx
       ...config
     } : config;
+    widgetConfig = this.applyLabels(widgetConfig, labels);
     if (this.widgets.has(widgetConfig?.containerId)) {
+      console.warn("⚠️ Widget Manager - Destroying existing widget with same containerId:", widgetConfig.containerId);
       this.destroyWidget(widgetConfig.containerId);
     }
     if (!blazeSDKManager.isReady()) {
@@ -462,20 +513,24 @@ const BlazeWidget = ({
   data,
   viewerCountry,
   requireAuth,
-  eventHandlers
+  eventHandlers,
+  labels
 }) => {
   const containerRef = useRef(null);
   const [error, setError] = useState(null);
   const [loading, setLoading] = useState(true);
   const widgetRef = useRef(null);
-  const initializeWidget = useCallback(async (widgetData) => {
+  const uniqueContainerId = useRef(
+    `blaze-widget-${crypto.randomUUID ? crypto.randomUUID() : Math.random().toString(36).substring(2, 15)}`
+  );
+  const initializeWidget = useCallback(async (widgetData, labelsProp) => {
     try {
       setError(null);
       setLoading(true);
       if (!containerRef?.current) {
         throw new Error("Container ref not available");
       }
-      const widgetContainerId = widgetData.containerId || `blaze-widget-${crypto.randomUUID ? crypto.randomUUID() : Math.random().toString(36).substring(2, 15)}`;
+      const widgetContainerId = uniqueContainerId.current;
       if (containerRef?.current) {
         containerRef.current.id = widgetContainerId;
         const width = widgetData?.settings?.width || "100%";
@@ -500,6 +555,8 @@ const BlazeWidget = ({
         viewerCountry: effectiveViewerCountry,
         containerId: widgetContainerId,
         requireAuth,
+        // Pass labels for override (only present when context_enabled=true)
+        labels: labelsProp,
         // Pass event handlers for Blaze SDK delegates - MUST be last
         eventHandlers
       };
@@ -512,22 +569,23 @@ const BlazeWidget = ({
     } finally {
       setLoading(false);
     }
-  }, []);
+  }, [viewerCountry, requireAuth, eventHandlers, uniqueContainerId]);
   useEffect(() => {
     if (!data) return;
-    initializeWidget(data);
-  }, [data, initializeWidget]);
+    initializeWidget(data, labels);
+  }, [data, labels, initializeWidget]);
   useEffect(() => {
+    const containerId = uniqueContainerId.current;
     return () => {
-      if (widgetRef?.current && containerRef?.current) {
-        widgetManager.destroyWidget(containerRef.current.id);
+      if (widgetRef?.current) {
+        widgetManager.destroyWidget(containerId);
         widgetRef.current = null;
       }
     };
-  }, []);
+  }, [uniqueContainerId]);
   if (error) return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: containerRef.current?.id, ref: containerRef, children: loading && /* @__PURE__ */ jsxRuntimeExports.jsx(Loader, {}) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: uniqueContainerId.current, ref: containerRef, children: loading && /* @__PURE__ */ jsxRuntimeExports.jsx(Loader, {}) });
 };
 
 export { BlazeWidget as default };
-//# sourceMappingURL=blaze-CFK3LEal.js.map
+//# sourceMappingURL=blaze-CKj9JmQ1.js.map