stream-engine-widgets 0.3.11 → 0.3.13

package/dist/{gallery-V934h96e.js → gallery-Bj7HaEKS.js}

@@ -1,5 +1,5 @@
-import { i as importShared, j as jsxRuntimeExports, P as Player } from './index-DEzUt-n8.js';
-import { u as useMediaQuery, G as GalleryItem } from './useMediaQuery-DRTH6Z6v.js';
+import { i as importShared, j as jsxRuntimeExports, P as Player } from './index-DRXk8TB6.js';
+import { u as useMediaQuery, G as GalleryItem } from './useMediaQuery-C8rqxnyT.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-V934h96e.js.map
+//# sourceMappingURL=gallery-Bj7HaEKS.js.map

package/dist/{gallery-V934h96e.js.map → gallery-Bj7HaEKS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"gallery-V934h96e.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-Bj7HaEKS.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-DEzUt-n8.js → index-DRXk8TB6.js}

@@ -394,11 +394,14 @@ async function getSharedFromRuntime(name, shareScope) {
   let module = null;
   if (globalThis?.__federation_shared__?.[shareScope]?.[name]) {
     const versionObj = globalThis.__federation_shared__[shareScope][name];
-    const versionKey = Object.keys(versionObj)[0];
-    const versionValue = Object.values(versionObj)[0];
-    if (moduleMap[name]?.requiredVersion) {
-      // judge version satisfy
-      if (satisfy(versionKey, moduleMap[name].requiredVersion)) {
+    const requiredVersion = moduleMap[name]?.requiredVersion;
+    const hasRequiredVersion = !!requiredVersion;
+    if (hasRequiredVersion) {
+      const versionKey = Object.keys(versionObj).find((version) =>
+        satisfy(version, requiredVersion)
+      );
+      if (versionKey) {
+        const versionValue = versionObj[versionKey];
         module = await (await versionValue.get())();
       } else {
         console.log(
@@ -406,6 +409,8 @@ async function getSharedFromRuntime(name, shareScope) {
         );
       }
     } else {
+      const versionKey = Object.keys(versionObj)[0];
+      const versionValue = versionObj[versionKey];
       module = await (await versionValue.get())();
     }
   }
@@ -1318,7 +1323,7 @@ var propTypesExports = propTypes.exports;
 const PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
 
 const remotesMap = {
-'VFCMF':{url:'https://www.staging-vfchannel.io/_next/static/chunks/remoteEntry.js',format:'var',from:'webpack'}
+'VFCMF':{url:'https://www.vfchannel.io/_next/static/chunks/remoteEntry.js',format:'var',from:'webpack'}
 };
                 const currentImports = {};
                 const loadJS = async (url, fn) => {
@@ -69834,7 +69839,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); 
@@ -69845,6 +69850,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,
@@ -69852,7 +69858,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 }) => {
+  const widgetRef = useRef(null);
   const [widgetState, setWidgetState] = useState$1({
     data: {},
     untransformedData: {},
@@ -69865,6 +69872,23 @@ const Widget = ({ token, apiurl }) => {
     isOpen: false,
     currentItem: null
   });
+  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 blazeEventHandlers = {
+    onDataLoadCompleted: (eventData) => dispatchWidgetEvent("data-loaded", eventData)
+  };
   const handleClosePlayer = () => {
     setPlayerState({
       isOpen: false,
@@ -69915,6 +69939,15 @@ const Widget = ({ token, apiurl }) => {
         */
       };
     }
+    if (data2.type === BLAZE_WIDGET_TYPE) {
+      return {
+        data: data2,
+        // Pass the blaze data directly
+        apiUrl,
+        eventHandlers: blazeEventHandlers
+        // Pass event handlers to Blaze widget
+      };
+    }
     return {
       data: data2,
       apiUrl
@@ -69932,7 +69965,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-V934h96e.js'),"./widgets/matches/matches.jsx": () => import('./matches-B0oNf3PC.js'),"./widgets/matchesStandalone/matchesStandalone.jsx": () => import('./matchesStandalone-DRDVg0qL.js'),"./widgets/player/player.jsx": () => import('./player-BCcmSBXL.js'),"./widgets/poster/poster.jsx": () => import('./poster-C2QPCnJ5.js'),"./widgets/poster/posterItem.jsx": () => import('./posterItem-5c7byzcR.js'),"./widgets/scroll/scroll.jsx": () => import('./scroll-Duv-kAx5.js'),"./widgets/story/story.jsx": () => import('./story-C4Sq0bkZ.js')})), `./widgets/${type2}/${type2}.jsx`, 4));
+    if (type2 === BLAZE_WIDGET_TYPE) {
+      return lazy$1(() => import('./blaze-widget-COvQjzxN.js'));
+    }
+    return lazy$1(() => __variableDynamicImportRuntimeHelper((/* #__PURE__ */ Object.assign({"./widgets/gallery/gallery.jsx": () => import('./gallery-Bj7HaEKS.js'),"./widgets/matches/matches.jsx": () => import('./matches-BYGBQOdB.js'),"./widgets/matchesStandalone/matchesStandalone.jsx": () => import('./matchesStandalone-fkyfgYtI.js'),"./widgets/player/player.jsx": () => import('./player-BpFZSk7h.js'),"./widgets/poster/poster.jsx": () => import('./poster-gBj_BEdS.js'),"./widgets/poster/posterItem.jsx": () => import('./posterItem-COVgC8zh.js'),"./widgets/scroll/scroll.jsx": () => import('./scroll-DcdnfMG4.js'),"./widgets/story/story.jsx": () => import('./story-CH4qV2PF.js')})), `./widgets/${type2}/${type2}.jsx`, 4));
   };
   useEffect$1(() => {
     const fetchData = async () => {
@@ -69968,7 +70004,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,
@@ -69980,7 +70016,15 @@ 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,
+      eventHandlers: data.eventHandlers
+    }
+  )) }) });
 };
 
 const {useState,useEffect,lazy,Suspense} = await importShared('react');
@@ -70015,19 +70059,19 @@ const ChannelWidget = ({ token, type }) => {
 };
 
 const React = await importShared('react');
-
-Widget.propTypes = {
-  token   : PropTypes.string,
-  apiurl  : PropTypes.string
-};
-
-ChannelWidget.propTypes = {
-  token : PropTypes.string,
-  type  : PropTypes.string
-};
-
-customElements.define("vf-widget", S(Widget, React, ReactDOM));
-customElements.define("vfc-widget", S(ChannelWidget, React, ReactDOM));
+{
+  Widget.propTypes = {
+    token: PropTypes.string,
+    apiurl: PropTypes.string,
+    viewerCountry: PropTypes.string
+  };
+  ChannelWidget.propTypes = {
+    token: PropTypes.string,
+    type: PropTypes.string
+  };
+  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-DEzUt-n8.js.map
+//# sourceMappingURL=index-DRXk8TB6.js.map