stream-engine-widgets 0.3.15 → 0.3.17

package/dist/{gallery-BsjAef4s.js → gallery-BOSln_EU.js}

@@ -1,5 +1,5 @@
-import { i as importShared, j as jsxRuntimeExports, P as Player } from './index-B8eZaXEf.js';
-import { u as useMediaQuery, G as GalleryItem } from './useMediaQuery-BAJ_tc5g.js';
+import { i as importShared, j as jsxRuntimeExports, P as Player } from './index-DjBrMNXD.js';
+import { u as useMediaQuery, G as GalleryItem } from './useMediaQuery-D-Vf7Ubw.js';
 
 const {useState,useEffect,useRef} = await importShared('react');
 const Gallery = ({ data, apiUrl }) => {
@@ -49,4 +49,4 @@ const Gallery = ({ data, apiUrl }) => {
 };
 
 export { Gallery as default };
-//# sourceMappingURL=gallery-BsjAef4s.js.map
+//# sourceMappingURL=gallery-BOSln_EU.js.map

package/dist/{gallery-BsjAef4s.js.map → gallery-BOSln_EU.js.map}

@@ -1 +1 @@
-{"version":3,"file":"gallery-BsjAef4s.js","sources":["../src/widgets/gallery/gallery.jsx"],"sourcesContent":["import { useState, useEffect, useRef } from \"react\";\nimport GalleryItem from \"../../components/galleryItem\";\nimport Player from \"../../player/player-static\";\nimport { useMediaQuery } from \"../../utils/useMediaQuery\";\n\n\nconst Gallery = ({ data, apiUrl }) => {\n  const [error, setError] = useState(\"\");\n  const [playerOpen, setPlayerOpen] = useState(false);\n  const [itemData, setItemData] = useState({});\n\n  const gridSize = useMediaQuery({\n    default:data.settings.itemsPerRow.s,\n    md:data.settings.itemsPerRow.md,\n    lg:data.settings.itemsPerRow.lg,\n    xl:data.settings.itemsPerRow.xl,\n    xxl:data.settings.itemsPerRow.xxl,\n  });\n\n  const openPlayer = (item) => {\n    setItemData(item);\n    setPlayerOpen(true);\n  };\n\n  const closePlayer = () => {\n    setPlayerOpen(false);\n  };\n\n if (error) {\n    return (\n      <div className=\"w-full h-full flex justify-center items-center\">\n        <div className=\"bg-black/90 p-5 rounded-md\">\n          <span className=\"text-white\">{error}</span>\n        </div>\n      </div>\n    );\n  } else {\n    return (\n      <div id={`widget-${data.id}`} className=\"w-full relative select-none\">\n        <div className=\"vf-grid grid h-full w-full grid-cols-1\" style={{\n          gridTemplateColumns : `repeat(${gridSize}, minmax(0, 1fr))`,\n          gridGap : `${data.settings.gap}px`\n        }}\n        >\n          {data.content.map((item) => (\n            <GalleryItem\n              key={item.id}\n              item={item}\n              settings = {data.settings}\n              onClick={openPlayer}\n            ></GalleryItem>\n          ))}\n        </div>\n        {playerOpen && <Player onClose={closePlayer} item={itemData} widgetToken={data.id} settings={data.settings} apiUrl={apiUrl}/>}\n      </div>\n    );\n  }\n};\n\nexport default Gallery;\n"],"names":["jsx","jsxs"],"mappings":";;;AAAA,MAAA,CAAA,QAAA,CAAA,SAAA,CAAA,MAAA,CAAA,GAAA,MAAA,YAAA,CAAA,OAAA,CAAA;AAMA,MAAM,OAAU,GAAA,CAAC,EAAE,IAAA,EAAM,QAAa,KAAA;AACpC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,EAAE,CAAA;AACrC,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA;AAClD,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,CAAI,GAAA,QAAA,CAAS,EAAE,CAAA;AAE3C,EAAA,MAAM,WAAW,aAAc,CAAA;AAAA,IAC7B,OAAA,EAAQ,IAAK,CAAA,QAAA,CAAS,WAAY,CAAA,CAAA;AAAA,IAClC,EAAA,EAAG,IAAK,CAAA,QAAA,CAAS,WAAY,CAAA,EAAA;AAAA,IAC7B,EAAA,EAAG,IAAK,CAAA,QAAA,CAAS,WAAY,CAAA,EAAA;AAAA,IAC7B,EAAA,EAAG,IAAK,CAAA,QAAA,CAAS,WAAY,CAAA,EAAA;AAAA,IAC7B,GAAA,EAAI,IAAK,CAAA,QAAA,CAAS,WAAY,CAAA;AAAA,GAC/B,CAAA;AAED,EAAM,MAAA,UAAA,GAAa,CAAC,IAAS,KAAA;AAC3B,IAAA,WAAA,CAAY,IAAI,CAAA;AAChB,IAAA,aAAA,CAAc,IAAI,CAAA;AAAA,GACpB;AAEA,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,aAAA,CAAc,KAAK,CAAA;AAAA,GACrB;AAED,EAAA,IAAI,KAAO,EAAA;AACR,IAAA,uBACGA,qBAAA,CAAA,KAAA,EAAA,EAAI,SAAU,EAAA,gDAAA,EACb,gDAAC,KAAI,EAAA,EAAA,SAAA,EAAU,4BACb,EAAA,QAAA,kBAAAA,qBAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAU,YAAc,EAAA,QAAA,EAAA,KAAA,EAAM,GACtC,CACF,EAAA,CAAA;AAAA,GAEG,MAAA;AACL,IACE,uBAAAC,sBAAA,CAAC,SAAI,EAAI,EAAA,CAAA,OAAA,EAAU,KAAK,EAAE,CAAA,CAAA,EAAI,WAAU,6BACtC,EAAA,QAAA,EAAA;AAAA,sBAAAD,qBAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UAAI,SAAU,EAAA,wCAAA;AAAA,UAAyC,KAAO,EAAA;AAAA,YAC7D,mBAAA,EAAsB,UAAU,QAAQ,CAAA,iBAAA,CAAA;AAAA,YACxC,OAAU,EAAA,CAAA,EAAG,IAAK,CAAA,QAAA,CAAS,GAAG,CAAA,EAAA;AAAA,WAChC;AAAA,UAEG,QAAK,EAAA,IAAA,CAAA,OAAA,CAAQ,GAAI,CAAA,CAAC,IACjB,qBAAAA,qBAAA;AAAA,YAAC,WAAA;AAAA,YAAA;AAAA,cAEC,IAAA;AAAA,cACA,UAAY,IAAK,CAAA,QAAA;AAAA,cACjB,OAAS,EAAA;AAAA,aAAA;AAAA,YAHJ,IAAK,CAAA;AAAA,WAKb;AAAA;AAAA,OACH;AAAA,MACC,UAAc,oBAAAA,qBAAA,CAAC,MAAO,EAAA,EAAA,OAAA,EAAS,WAAa,EAAA,IAAA,EAAM,QAAU,EAAA,WAAA,EAAa,IAAK,CAAA,EAAA,EAAI,QAAU,EAAA,IAAA,CAAK,UAAU,MAAe,EAAA;AAAA,KAC7H,EAAA,CAAA;AAAA;AAGN;;;;"}
+{"version":3,"file":"gallery-BOSln_EU.js","sources":["../src/widgets/gallery/gallery.jsx"],"sourcesContent":["import { useState, useEffect, useRef } from \"react\";\nimport GalleryItem from \"../../components/galleryItem\";\nimport Player from \"../../player/player-static\";\nimport { useMediaQuery } from \"../../utils/useMediaQuery\";\n\n\nconst Gallery = ({ data, apiUrl }) => {\n  const [error, setError] = useState(\"\");\n  const [playerOpen, setPlayerOpen] = useState(false);\n  const [itemData, setItemData] = useState({});\n\n  const gridSize = useMediaQuery({\n    default:data.settings.itemsPerRow.s,\n    md:data.settings.itemsPerRow.md,\n    lg:data.settings.itemsPerRow.lg,\n    xl:data.settings.itemsPerRow.xl,\n    xxl:data.settings.itemsPerRow.xxl,\n  });\n\n  const openPlayer = (item) => {\n    setItemData(item);\n    setPlayerOpen(true);\n  };\n\n  const closePlayer = () => {\n    setPlayerOpen(false);\n  };\n\n if (error) {\n    return (\n      <div className=\"w-full h-full flex justify-center items-center\">\n        <div className=\"bg-black/90 p-5 rounded-md\">\n          <span className=\"text-white\">{error}</span>\n        </div>\n      </div>\n    );\n  } else {\n    return (\n      <div id={`widget-${data.id}`} className=\"w-full relative select-none\">\n        <div className=\"vf-grid grid h-full w-full grid-cols-1\" style={{\n          gridTemplateColumns : `repeat(${gridSize}, minmax(0, 1fr))`,\n          gridGap : `${data.settings.gap}px`\n        }}\n        >\n          {data.content.map((item) => (\n            <GalleryItem\n              key={item.id}\n              item={item}\n              settings = {data.settings}\n              onClick={openPlayer}\n            ></GalleryItem>\n          ))}\n        </div>\n        {playerOpen && <Player onClose={closePlayer} item={itemData} widgetToken={data.id} settings={data.settings} apiUrl={apiUrl}/>}\n      </div>\n    );\n  }\n};\n\nexport default Gallery;\n"],"names":["jsx","jsxs"],"mappings":";;;AAAA,MAAA,CAAA,QAAA,CAAA,SAAA,CAAA,MAAA,CAAA,GAAA,MAAA,YAAA,CAAA,OAAA,CAAA;AAMA,MAAM,OAAU,GAAA,CAAC,EAAE,IAAA,EAAM,QAAa,KAAA;AACpC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,EAAE,CAAA;AACrC,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA;AAClD,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,CAAI,GAAA,QAAA,CAAS,EAAE,CAAA;AAE3C,EAAA,MAAM,WAAW,aAAc,CAAA;AAAA,IAC7B,OAAA,EAAQ,IAAK,CAAA,QAAA,CAAS,WAAY,CAAA,CAAA;AAAA,IAClC,EAAA,EAAG,IAAK,CAAA,QAAA,CAAS,WAAY,CAAA,EAAA;AAAA,IAC7B,EAAA,EAAG,IAAK,CAAA,QAAA,CAAS,WAAY,CAAA,EAAA;AAAA,IAC7B,EAAA,EAAG,IAAK,CAAA,QAAA,CAAS,WAAY,CAAA,EAAA;AAAA,IAC7B,GAAA,EAAI,IAAK,CAAA,QAAA,CAAS,WAAY,CAAA;AAAA,GAC/B,CAAA;AAED,EAAM,MAAA,UAAA,GAAa,CAAC,IAAS,KAAA;AAC3B,IAAA,WAAA,CAAY,IAAI,CAAA;AAChB,IAAA,aAAA,CAAc,IAAI,CAAA;AAAA,GACpB;AAEA,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,aAAA,CAAc,KAAK,CAAA;AAAA,GACrB;AAED,EAAA,IAAI,KAAO,EAAA;AACR,IAAA,uBACGA,qBAAA,CAAA,KAAA,EAAA,EAAI,SAAU,EAAA,gDAAA,EACb,gDAAC,KAAI,EAAA,EAAA,SAAA,EAAU,4BACb,EAAA,QAAA,kBAAAA,qBAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAU,YAAc,EAAA,QAAA,EAAA,KAAA,EAAM,GACtC,CACF,EAAA,CAAA;AAAA,GAEG,MAAA;AACL,IACE,uBAAAC,sBAAA,CAAC,SAAI,EAAI,EAAA,CAAA,OAAA,EAAU,KAAK,EAAE,CAAA,CAAA,EAAI,WAAU,6BACtC,EAAA,QAAA,EAAA;AAAA,sBAAAD,qBAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UAAI,SAAU,EAAA,wCAAA;AAAA,UAAyC,KAAO,EAAA;AAAA,YAC7D,mBAAA,EAAsB,UAAU,QAAQ,CAAA,iBAAA,CAAA;AAAA,YACxC,OAAU,EAAA,CAAA,EAAG,IAAK,CAAA,QAAA,CAAS,GAAG,CAAA,EAAA;AAAA,WAChC;AAAA,UAEG,QAAK,EAAA,IAAA,CAAA,OAAA,CAAQ,GAAI,CAAA,CAAC,IACjB,qBAAAA,qBAAA;AAAA,YAAC,WAAA;AAAA,YAAA;AAAA,cAEC,IAAA;AAAA,cACA,UAAY,IAAK,CAAA,QAAA;AAAA,cACjB,OAAS,EAAA;AAAA,aAAA;AAAA,YAHJ,IAAK,CAAA;AAAA,WAKb;AAAA;AAAA,OACH;AAAA,MACC,UAAc,oBAAAA,qBAAA,CAAC,MAAO,EAAA,EAAA,OAAA,EAAS,WAAa,EAAA,IAAA,EAAM,QAAU,EAAA,WAAA,EAAa,IAAK,CAAA,EAAA,EAAI,QAAU,EAAA,IAAA,CAAK,UAAU,MAAe,EAAA;AAAA,KAC7H,EAAA,CAAA;AAAA;AAGN;;;;"}

package/dist/{index-B8eZaXEf.js → index-DjBrMNXD.js}

@@ -70612,7 +70612,7 @@ function Player({ item, widgetToken, onClose, apiUrl }) {
   ] }) });
 }
 
-const {Suspense: Suspense$1,lazy: lazy$1,useEffect: useEffect$1,useState: useState$1} = await importShared('react');
+const {Suspense: Suspense$1,lazy: lazy$1,useEffect: useEffect$1,useState: useState$1,useRef} = await importShared('react');
 
 const __federation_var_VFCMFSectionGrid = await __federation_method_getRemote("VFCMF" , "./SectionGrid");
  let SectionGrid = __federation_method_unwrapDefault(__federation_var_VFCMFSectionGrid); 
@@ -70623,6 +70623,7 @@ const __federation_var_VFCMFSectionPromo = await __federation_method_getRemote("
 const __federation_var_VFCMFSectionItemVideo = await __federation_method_getRemote("VFCMF" , "./SectionItemVideo");
  let SectionItemVideo = __federation_method_unwrapDefault(__federation_var_VFCMFSectionItemVideo); 
 const VIDEO_SECTION_TYPE = "videoSection";
+const BLAZE_WIDGET_TYPE = "blaze";
 const SECTION_COMPONENTS = {
   grid: SectionGrid,
   promo: SectionPromo,
@@ -70630,7 +70631,8 @@ const SECTION_COMPONENTS = {
   default: SectionGrid
 };
 const LoadingSpinner = () => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-full h-full flex justify-center items-center py-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-black/90 p-2 rounded-md", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-white animate-pulse", children: "Loading..." }) }) });
-const Widget = ({ token, apiurl }) => {
+const Widget = ({ token, apiurl, viewercountry, requireauth }) => {
+  const widgetRef = useRef(null);
   const [widgetState, setWidgetState] = useState$1({
     data: {},
     untransformedData: {},
@@ -70643,6 +70645,27 @@ const Widget = ({ token, apiurl }) => {
     isOpen: false,
     currentItem: null
   });
+  const normalizedRequireAuth = requireauth === true || requireauth === "true";
+  const normalizedViewerCountry = viewercountry || "";
+  const dispatchWidgetEvent = (eventType, eventData) => {
+    if (widgetRef.current) {
+      const customEvent = new CustomEvent(`widget-${eventType}`, {
+        detail: {
+          ...eventData,
+          widgetToken: token,
+          timestamp: Date.now()
+        },
+        bubbles: true,
+        cancelable: true
+      });
+      widgetRef.current.dispatchEvent(customEvent);
+    }
+  };
+  const eventHandlers = {
+    onError: (error2) => dispatchWidgetEvent("data-load-error", error2),
+    onDataLoadCompleted: (eventData) => dispatchWidgetEvent("data-loaded", eventData),
+    onWidgetItemClick: (itemData) => dispatchWidgetEvent("item-click", itemData)
+  };
   const handleClosePlayer = () => {
     setPlayerState({
       isOpen: false,
@@ -70695,7 +70718,8 @@ const Widget = ({ token, apiurl }) => {
     }
     return {
       data: data2,
-      apiUrl
+      apiUrl,
+      eventHandlers
     };
   };
   const applyStyle = (css) => {
@@ -70710,7 +70734,10 @@ const Widget = ({ token, apiurl }) => {
     if (type2 === VIDEO_SECTION_TYPE) {
       return SECTION_COMPONENTS[layout] || SECTION_COMPONENTS.default;
     }
-    return lazy$1(() => __variableDynamicImportRuntimeHelper((/* #__PURE__ */ Object.assign({"./widgets/gallery/gallery.jsx": () => import('./gallery-BsjAef4s.js'),"./widgets/matches/matches.jsx": () => import('./matches-Y1r_qinX.js'),"./widgets/matchesStandalone/matchesStandalone.jsx": () => import('./matchesStandalone-CMxkQWQ5.js'),"./widgets/player/player.jsx": () => import('./player-COrXYm8I.js'),"./widgets/poster/poster.jsx": () => import('./poster-odUaxIxh.js'),"./widgets/poster/posterItem.jsx": () => import('./posterItem-CuHkTGAf.js'),"./widgets/scroll/scroll.jsx": () => import('./scroll-CoD8gObf.js'),"./widgets/story/story.jsx": () => import('./story-CcrSOcNA.js')})), `./widgets/${type2}/${type2}.jsx`, 4));
+    if (type2 === BLAZE_WIDGET_TYPE) {
+      return lazy$1(() => import('./blaze-CeNbi_KX.js'));
+    }
+    return lazy$1(() => __variableDynamicImportRuntimeHelper((/* #__PURE__ */ Object.assign({"./widgets/gallery/gallery.jsx": () => import('./gallery-BOSln_EU.js'),"./widgets/matches/matches.jsx": () => import('./matches-D5hu8fky.js'),"./widgets/matchesStandalone/matchesStandalone.jsx": () => import('./matchesStandalone-DRz_iOPW.js'),"./widgets/player/player.jsx": () => import('./player-CLHZmuMt.js'),"./widgets/poster/poster.jsx": () => import('./poster-CkZ9TOx1.js'),"./widgets/poster/posterItem.jsx": () => import('./posterItem-D2g7Q1fG.js'),"./widgets/scroll/scroll.jsx": () => import('./scroll-BauCSAd_.js'),"./widgets/story/story.jsx": () => import('./story-CIBtq17n.js')})), `./widgets/${type2}/${type2}.jsx`, 4));
   };
   useEffect$1(() => {
     const fetchData = async () => {
@@ -70739,6 +70766,7 @@ const Widget = ({ token, apiurl }) => {
           loading: false,
           error: "Content is not available"
         }));
+        eventHandlers.onError("Content is not available");
       }
     };
     fetchData();
@@ -70746,7 +70774,7 @@ const Widget = ({ token, apiurl }) => {
   const { data, loading, error, Component, type } = widgetState;
   if (loading) return /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingSpinner, {});
   if (error) return null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense$1, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingSpinner, {}), children: Component && (type === VIDEO_SECTION_TYPE ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: widgetRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense$1, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingSpinner, {}), children: Component && (type === VIDEO_SECTION_TYPE ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(Component, { ...data }),
     playerState.isOpen && playerState.currentItem && /* @__PURE__ */ jsxRuntimeExports.jsx(
       Player,
@@ -70758,7 +70786,16 @@ const Widget = ({ token, apiurl }) => {
         apiUrl
       }
     )
-  ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Component, { data: data.data, apiUrl: data.apiUrl })) });
+  ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Component,
+    {
+      data: data.data,
+      apiUrl: data.apiUrl,
+      viewerCountry: normalizedViewerCountry,
+      requireAuth: normalizedRequireAuth,
+      eventHandlers: data.eventHandlers
+    }
+  )) }) });
 };
 
 const {useState,useEffect,lazy,Suspense} = await importShared('react');
@@ -70795,8 +70832,10 @@ const ChannelWidget = ({ token, type }) => {
 const React = await importShared('react');
 
 Widget.propTypes = {
-  token   : PropTypes$1.string,
-  apiurl  : PropTypes$1.string
+  token         : PropTypes$1.string,
+  apiurl        : PropTypes$1.string,
+  viewercountry : PropTypes$1.string,
+  requireauth   : PropTypes$1.oneOfType([PropTypes$1.bool, PropTypes$1.string]),
 };
 
 ChannelWidget.propTypes = {
@@ -70808,4 +70847,4 @@ customElements.define("vf-widget", S(Widget, React, ReactDOM));
 customElements.define("vfc-widget", S(ChannelWidget, React, ReactDOM));
 
 export { CloseRounded as C, Player as P, SpinLoader as S, Thumbnail as T, _extendsExports as _, axios$1 as a, _extends$1 as b, createSvgIcon as c, importShared as i, jsxRuntimeExports as j };
-//# sourceMappingURL=index-B8eZaXEf.js.map
+//# sourceMappingURL=index-DjBrMNXD.js.map