stream-engine-widgets 0.3.17 → 0.3.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{ArrowForwardIosRounded-C9zmOf72.js → ArrowForwardIosRounded-Ey82AH6M.js} +2 -2
- package/dist/{ArrowForwardIosRounded-C9zmOf72.js.map → ArrowForwardIosRounded-Ey82AH6M.js.map} +1 -1
- package/dist/{PlayArrowRounded-DdNg7m2h.js → PlayArrowRounded-DzSC8iST.js} +2 -2
- package/dist/{PlayArrowRounded-DdNg7m2h.js.map → PlayArrowRounded-DzSC8iST.js.map} +1 -1
- package/dist/{blaze-CeNbi_KX.js → blaze-BLT9SbGz.js} +7 -3
- package/dist/{blaze-CeNbi_KX.js.map → blaze-BLT9SbGz.js.map} +1 -1
- package/dist/{gallery-BOSln_EU.js → gallery-BzV-ALgo.js} +3 -3
- package/dist/{gallery-BOSln_EU.js.map → gallery-BzV-ALgo.js.map} +1 -1
- package/dist/{index-DjBrMNXD.js → index-pRYx2a8l.js} +8 -8
- package/dist/index-pRYx2a8l.js.map +1 -0
- package/dist/{matchItem-D2KBdBAq.js → matchItem-CGBwCtF6.js} +2 -2
- package/dist/{matchItem-D2KBdBAq.js.map → matchItem-CGBwCtF6.js.map} +1 -1
- package/dist/{matches-D5hu8fky.js → matches-BdloOXKa.js} +4 -4
- package/dist/{matches-D5hu8fky.js.map → matches-BdloOXKa.js.map} +1 -1
- package/dist/{matchesStandalone-DRz_iOPW.js → matchesStandalone-f4miNbhb.js} +8 -11
- package/dist/matchesStandalone-f4miNbhb.js.map +1 -0
- package/dist/{player-CLHZmuMt.js → player-C9L6xHmN.js} +2 -2
- package/dist/{player-CLHZmuMt.js.map → player-C9L6xHmN.js.map} +1 -1
- package/dist/{poster-CkZ9TOx1.js → poster-D4tLAJwE.js} +3 -3
- package/dist/{poster-CkZ9TOx1.js.map → poster-D4tLAJwE.js.map} +1 -1
- package/dist/{posterItem-D2g7Q1fG.js → posterItem-B9367ead.js} +4 -4
- package/dist/{posterItem-D2g7Q1fG.js.map → posterItem-B9367ead.js.map} +1 -1
- package/dist/{scroll-BauCSAd_.js → scroll-BXGoZ-_Q.js} +4 -4
- package/dist/{scroll-BauCSAd_.js.map → scroll-BXGoZ-_Q.js.map} +1 -1
- package/dist/{stateTimeIndicator-CxRehvZ6.js → stateTimeIndicator-DlJLY-m_.js} +2 -2
- package/dist/{stateTimeIndicator-CxRehvZ6.js.map → stateTimeIndicator-DlJLY-m_.js.map} +1 -1
- package/dist/{story-CIBtq17n.js → story-C0Or67Cv.js} +4 -4
- package/dist/{story-CIBtq17n.js.map → story-C0Or67Cv.js.map} +1 -1
- package/dist/stream-engine-widgets.js +1 -1
- package/dist/{useMediaQuery-D-Vf7Ubw.js → useMediaQuery-BxPrcv06.js} +4 -4
- package/dist/{useMediaQuery-D-Vf7Ubw.js.map → useMediaQuery-BxPrcv06.js.map} +1 -1
- package/package.json +1 -1
- package/dist/index-DjBrMNXD.js.map +0 -1
- package/dist/matchesStandalone-DRz_iOPW.js.map +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { i as importShared, j as jsxRuntimeExports, P as Player } from './index-
|
|
2
|
-
import { u as useMediaQuery, G as GalleryItem } from './useMediaQuery-
|
|
1
|
+
import { i as importShared, j as jsxRuntimeExports, P as Player } from './index-pRYx2a8l.js';
|
|
2
|
+
import { u as useMediaQuery, G as GalleryItem } from './useMediaQuery-BxPrcv06.js';
|
|
3
3
|
|
|
4
4
|
const {useState,useEffect,useRef} = await importShared('react');
|
|
5
5
|
const Gallery = ({ data, apiUrl }) => {
|
|
@@ -49,4 +49,4 @@ const Gallery = ({ data, apiUrl }) => {
|
|
|
49
49
|
};
|
|
50
50
|
|
|
51
51
|
export { Gallery as default };
|
|
52
|
-
//# sourceMappingURL=gallery-
|
|
52
|
+
//# sourceMappingURL=gallery-BzV-ALgo.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gallery-
|
|
1
|
+
{"version":3,"file":"gallery-BzV-ALgo.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;;;;"}
|
|
@@ -70612,6 +70612,8 @@ function Player({ item, widgetToken, onClose, apiUrl }) {
|
|
|
70612
70612
|
] }) });
|
|
70613
70613
|
}
|
|
70614
70614
|
|
|
70615
|
+
const Loader = () => /* @__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..." }) }) });
|
|
70616
|
+
|
|
70615
70617
|
const {Suspense: Suspense$1,lazy: lazy$1,useEffect: useEffect$1,useState: useState$1,useRef} = await importShared('react');
|
|
70616
70618
|
|
|
70617
70619
|
const __federation_var_VFCMFSectionGrid = await __federation_method_getRemote("VFCMF" , "./SectionGrid");
|
|
@@ -70630,7 +70632,6 @@ const SECTION_COMPONENTS = {
|
|
|
70630
70632
|
scroll: SectionScroll,
|
|
70631
70633
|
default: SectionGrid
|
|
70632
70634
|
};
|
|
70633
|
-
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..." }) }) });
|
|
70634
70635
|
const Widget = ({ token, apiurl, viewercountry, requireauth }) => {
|
|
70635
70636
|
const widgetRef = useRef(null);
|
|
70636
70637
|
const [widgetState, setWidgetState] = useState$1({
|
|
@@ -70648,7 +70649,7 @@ const Widget = ({ token, apiurl, viewercountry, requireauth }) => {
|
|
|
70648
70649
|
const normalizedRequireAuth = requireauth === true || requireauth === "true";
|
|
70649
70650
|
const normalizedViewerCountry = viewercountry || "";
|
|
70650
70651
|
const dispatchWidgetEvent = (eventType, eventData) => {
|
|
70651
|
-
if (widgetRef
|
|
70652
|
+
if (widgetRef?.current) {
|
|
70652
70653
|
const customEvent = new CustomEvent(`widget-${eventType}`, {
|
|
70653
70654
|
detail: {
|
|
70654
70655
|
...eventData,
|
|
@@ -70735,9 +70736,9 @@ const Widget = ({ token, apiurl, viewercountry, requireauth }) => {
|
|
|
70735
70736
|
return SECTION_COMPONENTS[layout] || SECTION_COMPONENTS.default;
|
|
70736
70737
|
}
|
|
70737
70738
|
if (type2 === BLAZE_WIDGET_TYPE) {
|
|
70738
|
-
return lazy$1(() => import('./blaze-
|
|
70739
|
+
return lazy$1(() => import('./blaze-BLT9SbGz.js'));
|
|
70739
70740
|
}
|
|
70740
|
-
return lazy$1(() => __variableDynamicImportRuntimeHelper((/* #__PURE__ */ Object.assign({"./widgets/gallery/gallery.jsx": () => import('./gallery-
|
|
70741
|
+
return lazy$1(() => __variableDynamicImportRuntimeHelper((/* #__PURE__ */ Object.assign({"./widgets/gallery/gallery.jsx": () => import('./gallery-BzV-ALgo.js'),"./widgets/matches/matches.jsx": () => import('./matches-BdloOXKa.js'),"./widgets/matchesStandalone/matchesStandalone.jsx": () => import('./matchesStandalone-f4miNbhb.js'),"./widgets/player/player.jsx": () => import('./player-C9L6xHmN.js'),"./widgets/poster/poster.jsx": () => import('./poster-D4tLAJwE.js'),"./widgets/poster/posterItem.jsx": () => import('./posterItem-B9367ead.js'),"./widgets/scroll/scroll.jsx": () => import('./scroll-BXGoZ-_Q.js'),"./widgets/story/story.jsx": () => import('./story-C0Or67Cv.js')})), `./widgets/${type2}/${type2}.jsx`, 4));
|
|
70741
70742
|
};
|
|
70742
70743
|
useEffect$1(() => {
|
|
70743
70744
|
const fetchData = async () => {
|
|
@@ -70772,9 +70773,8 @@ const Widget = ({ token, apiurl, viewercountry, requireauth }) => {
|
|
|
70772
70773
|
fetchData();
|
|
70773
70774
|
}, [token, apiUrl]);
|
|
70774
70775
|
const { data, loading, error, Component, type } = widgetState;
|
|
70775
|
-
if (loading) return /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingSpinner, {});
|
|
70776
70776
|
if (error) return null;
|
|
70777
|
-
return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: widgetRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense$1, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
70777
|
+
return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: widgetRef, children: loading ? /* @__PURE__ */ jsxRuntimeExports.jsx(Loader, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense$1, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(Loader, {}), children: Component && (type === VIDEO_SECTION_TYPE ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
|
|
70778
70778
|
/* @__PURE__ */ jsxRuntimeExports.jsx(Component, { ...data }),
|
|
70779
70779
|
playerState.isOpen && playerState.currentItem && /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
70780
70780
|
Player,
|
|
@@ -70846,5 +70846,5 @@ ChannelWidget.propTypes = {
|
|
|
70846
70846
|
customElements.define("vf-widget", S(Widget, React, ReactDOM));
|
|
70847
70847
|
customElements.define("vfc-widget", S(ChannelWidget, React, ReactDOM));
|
|
70848
70848
|
|
|
70849
|
-
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 };
|
|
70850
|
-
//# sourceMappingURL=index-
|
|
70849
|
+
export { CloseRounded as C, Loader as L, 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 };
|
|
70850
|
+
//# sourceMappingURL=index-pRYx2a8l.js.map
|