stream-engine-widgets 0.3.8 → 0.3.10
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-thgoGOWu.js → ArrowForwardIosRounded-D_Dq1WdI.js} +2 -2
- package/dist/{ArrowForwardIosRounded-thgoGOWu.js.map → ArrowForwardIosRounded-D_Dq1WdI.js.map} +1 -1
- package/dist/{PlayArrowRounded-UUlDXZo4.js → PlayArrowRounded-CAJtXqDJ.js} +2 -2
- package/dist/{PlayArrowRounded-UUlDXZo4.js.map → PlayArrowRounded-CAJtXqDJ.js.map} +1 -1
- package/dist/{gallery-C_IpiJnf.js → gallery-BognQoI9.js} +3 -4
- package/dist/{gallery-C_IpiJnf.js.map → gallery-BognQoI9.js.map} +1 -1
- package/dist/{index-CvnYzo0-.js → index-DjokFAJ_.js} +2 -2
- package/dist/index-DjokFAJ_.js.map +1 -0
- package/dist/matchItem-DxLKOBOd.js +188 -0
- package/dist/matchItem-DxLKOBOd.js.map +1 -0
- package/dist/{matches-D2VsBXSu.js → matches-LGPXAuG6.js} +45 -37
- package/dist/matches-LGPXAuG6.js.map +1 -0
- package/dist/{matchesStandalone-CRyPzY-r.js → matchesStandalone-DqsFnARd.js} +44 -36
- package/dist/matchesStandalone-DqsFnARd.js.map +1 -0
- package/dist/{player-CEZwQdUm.js → player-BLq8ZJlU.js} +2 -2
- package/dist/{player-CEZwQdUm.js.map → player-BLq8ZJlU.js.map} +1 -1
- package/dist/{poster-CvR28m2e.js → poster-DXHCnWL9.js} +3 -3
- package/dist/{poster-CvR28m2e.js.map → poster-DXHCnWL9.js.map} +1 -1
- package/dist/{posterItem-mwOtTnH_.js → posterItem-DGLeJr-j.js} +4 -4
- package/dist/{posterItem-mwOtTnH_.js.map → posterItem-DGLeJr-j.js.map} +1 -1
- package/dist/{scroll-T7JsbdfR.js → scroll-DWygTcvl.js} +4 -5
- package/dist/{scroll-T7JsbdfR.js.map → scroll-DWygTcvl.js.map} +1 -1
- package/dist/{stateTimeIndicator-B0GD5sFR.js → stateTimeIndicator-CzE4Nklx.js} +2 -2
- package/dist/{stateTimeIndicator-B0GD5sFR.js.map → stateTimeIndicator-CzE4Nklx.js.map} +1 -1
- package/dist/{story-yGIQnTSY.js → story-iIpErY5u.js} +4 -4
- package/dist/{story-yGIQnTSY.js.map → story-iIpErY5u.js.map} +1 -1
- package/dist/stream-engine-widgets.css +29 -16
- package/dist/stream-engine-widgets.js +1 -1
- package/dist/{useMediaQuery-BPf42KBT.js → useMediaQuery-BWQ2tOY8.js} +22 -3
- package/dist/useMediaQuery-BWQ2tOY8.js.map +1 -0
- package/package.json +2 -1
- package/dist/galleryItem-Dgdg_08F.js +0 -23
- package/dist/galleryItem-Dgdg_08F.js.map +0 -1
- package/dist/index-CvnYzo0-.js.map +0 -1
- package/dist/lib-ClGUIvmS.js +0 -1241
- package/dist/lib-ClGUIvmS.js.map +0 -1
- package/dist/matches-D2VsBXSu.js.map +0 -1
- package/dist/matchesStandalone-CRyPzY-r.js.map +0 -1
- package/dist/useMediaQuery-BPf42KBT.js.map +0 -1
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { i as importShared, j as jsxRuntimeExports } from './index-
|
|
2
|
-
import { d as dayjs, i as isSameOrAfter, u as utc, l as localizedFormat, M as MatchItem
|
|
3
|
-
import {
|
|
4
|
-
import { A as ArrowBackIosRounded, a as ArrowForwardIosRounded } from './ArrowForwardIosRounded-thgoGOWu.js';
|
|
1
|
+
import { i as importShared, j as jsxRuntimeExports } from './index-DjokFAJ_.js';
|
|
2
|
+
import { d as dayjs, i as isSameOrAfter, u as utc, l as localizedFormat, M as MatchItem } from './matchItem-DxLKOBOd.js';
|
|
3
|
+
import { A as ArrowBackIosRounded, a as ArrowForwardIosRounded } from './ArrowForwardIosRounded-D_Dq1WdI.js';
|
|
5
4
|
|
|
6
|
-
const {
|
|
5
|
+
const {memo,useCallback,useEffect,useMemo,useRef,useState} = await importShared('react');
|
|
7
6
|
dayjs.extend(isSameOrAfter);
|
|
8
7
|
dayjs.extend(utc);
|
|
9
8
|
dayjs.extend(localizedFormat);
|
|
@@ -19,13 +18,6 @@ const MatchesStandalone = ({ data }) => {
|
|
|
19
18
|
const [dragging, setDragging] = useState(false);
|
|
20
19
|
const [dragStartX, setDragStartX] = useState(0);
|
|
21
20
|
const [scrollStartX, setScrollStartX] = useState(0);
|
|
22
|
-
const gridSize = useMediaQuery({
|
|
23
|
-
default: 2,
|
|
24
|
-
md: 3,
|
|
25
|
-
lg: 4,
|
|
26
|
-
xl: 6,
|
|
27
|
-
xxl: 6
|
|
28
|
-
});
|
|
29
21
|
const dataByDate = useMemo(() => {
|
|
30
22
|
const data2 = matches.reduce((dateMap, item) => {
|
|
31
23
|
if (!item.date) return dateMap;
|
|
@@ -174,43 +166,59 @@ const MatchesStandalone = ({ data }) => {
|
|
|
174
166
|
const dayFormatted = date.format("ddd");
|
|
175
167
|
const dateFormatted = date.format("DD");
|
|
176
168
|
const monthFormatted = date.format("MMM");
|
|
169
|
+
const isToday = date.isSame(dayjs(), "day");
|
|
177
170
|
const matchItems = dataByDate.get(dateStr).map((item, idx2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
178
171
|
"div",
|
|
179
172
|
{
|
|
180
|
-
className: "flex-grow-0 flex-shrink-0 h-full relative",
|
|
181
|
-
style: {
|
|
182
|
-
flexBasis: `${100 / gridSize}%`
|
|
183
|
-
},
|
|
173
|
+
className: "flex-grow-0 flex-shrink-0 h-full relative mr-0.5",
|
|
184
174
|
children: /* @__PURE__ */ jsxRuntimeExports.jsx(MatchItem, { item, styles: matchStyles })
|
|
185
175
|
},
|
|
186
176
|
`${item.gameId}_${idx2}`
|
|
187
177
|
));
|
|
188
|
-
return /* @__PURE__ */ jsxRuntimeExports.jsxs(
|
|
189
|
-
/* @__PURE__ */ jsxRuntimeExports.
|
|
178
|
+
return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "date-group flex", children: [
|
|
179
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
190
180
|
"div",
|
|
191
181
|
{
|
|
192
182
|
id: `date_${idx}`,
|
|
193
|
-
className: "flex flex-col
|
|
183
|
+
className: "flex flex-col justify-center items-center space-y-10 rounded sticky left-0 z-10 mr-0.5",
|
|
194
184
|
style: {
|
|
195
185
|
backgroundColor: data.settings.date.backgroundColor,
|
|
196
|
-
color: data.settings.date.textColor
|
|
186
|
+
color: data.settings.date.textColor,
|
|
187
|
+
border: isToday ? `2px solid ${data.settings.date.todayBorderColor ?? "#08152E"}` : "",
|
|
188
|
+
...data.settings.showLeague && data.settings.showVenue && { height: "200px" },
|
|
189
|
+
width: "50px",
|
|
190
|
+
position: "sticky",
|
|
191
|
+
left: 0,
|
|
192
|
+
boxShadow: "4px 0 6px -1px rgba(0, 0, 0, 0.1)"
|
|
197
193
|
},
|
|
198
|
-
children: [
|
|
199
|
-
/* @__PURE__ */ jsxRuntimeExports.
|
|
200
|
-
|
|
201
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-bold", children:
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
194
|
+
children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center w-20 gap-1.5", children: [
|
|
195
|
+
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center", children: [
|
|
196
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-bold text-lg leading-none", children: dateFormatted }),
|
|
197
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-bold text-sm leading-none", children: monthFormatted })
|
|
198
|
+
] }),
|
|
199
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
200
|
+
"hr",
|
|
201
|
+
{
|
|
202
|
+
style: {
|
|
203
|
+
width: "50%",
|
|
204
|
+
backgroundColor: data.settings.date.textColor,
|
|
205
|
+
opacity: "38%",
|
|
206
|
+
height: "1px",
|
|
207
|
+
border: "none"
|
|
208
|
+
}
|
|
209
|
+
}
|
|
210
|
+
),
|
|
211
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm leading-none", children: dayFormatted })
|
|
212
|
+
] })
|
|
205
213
|
}
|
|
206
214
|
),
|
|
207
|
-
matchItems
|
|
208
|
-
] },
|
|
215
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "matches-container flex", children: matchItems })
|
|
216
|
+
] }, `date-group-${dateStr}`);
|
|
209
217
|
});
|
|
210
|
-
}, [dataByDate,
|
|
218
|
+
}, [dataByDate, matchStyles, data.settings.date]);
|
|
211
219
|
const arrowStyles = "vf-scroll-button z-30 absolute bg-black text-white/70 w-12 h-12 bg-black/50 rounded-lg flex justify-center items-center hover:text-white hover:bg-black/90 cursor-pointer m-0.25";
|
|
212
|
-
const backArrowStyles =
|
|
213
|
-
const forwardArrowStyles =
|
|
220
|
+
const backArrowStyles = `${arrowStyles} left-3 top-1/2 -translate-y-1/2`;
|
|
221
|
+
const forwardArrowStyles = `${arrowStyles} right-3 top-1/2 -translate-y-1/2`;
|
|
214
222
|
const matchContainer = /* @__PURE__ */ jsxRuntimeExports.jsxs(
|
|
215
223
|
"div",
|
|
216
224
|
{
|
|
@@ -223,14 +231,14 @@ const MatchesStandalone = ({ data }) => {
|
|
|
223
231
|
"div",
|
|
224
232
|
{
|
|
225
233
|
ref: scrollRef,
|
|
226
|
-
className: "vf-team-vs-team overflow-y-hidden overflow-x-auto flex h-full w-full snap-x scrollbar-none",
|
|
234
|
+
className: "vf-team-vs-team overflow-y-hidden overflow-x-auto flex h-full w-full snap-x scrollbar-none gap-0.5",
|
|
227
235
|
onMouseDown: handleDragStart,
|
|
228
236
|
onMouseUp: handleDragEnd,
|
|
229
237
|
children: renderMatches()
|
|
230
238
|
}
|
|
231
239
|
),
|
|
232
|
-
|
|
233
|
-
|
|
240
|
+
isHovered && scroll.showLeft && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { onClick: scrollPrev, className: backArrowStyles, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowBackIosRounded, { fontSize: "large" }) }),
|
|
241
|
+
isHovered && scroll.showRight && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { onClick: scrollNext, className: forwardArrowStyles, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowForwardIosRounded, { fontSize: "large" }) })
|
|
234
242
|
]
|
|
235
243
|
}
|
|
236
244
|
);
|
|
@@ -239,4 +247,4 @@ const MatchesStandalone = ({ data }) => {
|
|
|
239
247
|
const matchesStandalone = memo(MatchesStandalone);
|
|
240
248
|
|
|
241
249
|
export { matchesStandalone as default };
|
|
242
|
-
//# sourceMappingURL=matchesStandalone-
|
|
250
|
+
//# sourceMappingURL=matchesStandalone-DqsFnARd.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"matchesStandalone-DqsFnARd.js","sources":["../src/widgets/matchesStandalone/matchesStandalone.jsx"],"sourcesContent":["import dayjs from \"dayjs\";\nimport utc from \"dayjs/plugin/utc\";\nimport isSameOrAfter from \"dayjs/plugin/isSameOrAfter\";\nimport localizedFormat from \"dayjs/plugin/localizedFormat\";\nimport {\n ArrowBackIosRounded,\n ArrowForwardIosRounded,\n} from \"@mui/icons-material\";\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport MatchItem from \"../../components/matchItem\";\n\ndayjs.extend(isSameOrAfter);\ndayjs.extend(utc);\ndayjs.extend(localizedFormat);\n\nconst MatchesStandalone = ({ data }) => {\n const [error, setError] = useState(\"\");\n const [matches, setMatches] = useState([]);\n const [isInitiallyScrolled, setIsInitiallyScrolled] = useState(false);\n\n const scrollRef = useRef(null);\n const [scroll, setScroll] = useState({ showLeft: false, showRight: true });\n\n const [isHovered, setIsHovered] = useState(false);\n const handleMouseEnter = useCallback(() => setIsHovered(true), []);\n const handleMouseLeave = useCallback(() => setIsHovered(false), []);\n\n const [dragging, setDragging] = useState(false);\n const [dragStartX, setDragStartX] = useState(0);\n const [scrollStartX, setScrollStartX] = useState(0);\n\n const dataByDate = useMemo(() => {\n const data = matches.reduce((dateMap, item) => {\n if (!item.date) return dateMap;\n const localDate = dayjs.utc(item.date).local();\n const local = navigator.language;\n item.date = localDate.toISOString();\n item.time = !!item.time\n ? new Date(localDate).toLocaleTimeString(local, {\n hour: \"numeric\",\n minute: \"numeric\",\n })\n : \"\";\n const dateKey = dayjs(item.date).format(\"YYYY-MM-DD\");\n dateMap.has(dateKey)\n ? dateMap.get(dateKey).push(item)\n : dateMap.set(dateKey, [item]);\n return dateMap;\n }, new Map());\n\n return data;\n }, [matches]);\n\n const matchStyles = useMemo(\n () => ({\n date: data.settings.date,\n header: data.settings.header,\n teams: data.settings.teams,\n showVenue: data.settings.showVenue,\n showLeague: data.settings.showLeague,\n showLogos: data.settings.showLogos,\n }),\n [data.settings]\n );\n\n useEffect(() => {\n const fetchMatches = async () => {\n try {\n const res = await fetch(data.settings.url);\n const matchData = await res.json();\n setMatches(matchData.data);\n } catch (err) {\n console.log(err);\n setError(\"Failed to fetch data\");\n }\n };\n\n fetchMatches();\n\n if (data.settings.fetchInterval) {\n const interval = setInterval(fetchMatches, data.settings.fetchInterval);\n return () => clearInterval(interval);\n }\n }, [data.settings.url, data.settings.fetchInterval]);\n\n const handleScroll = useCallback(() => {\n const container = scrollRef.current;\n if (!container) return;\n\n const showLeft = container.scrollLeft > 0;\n const showRight =\n container.scrollLeft + container.clientWidth + 1 < container.scrollWidth;\n setScroll({ showLeft, showRight });\n }, []);\n\n const scrollNext = useCallback(() => {\n const container = scrollRef.current;\n container.scroll({\n top: 0,\n left: container.scrollLeft + container.clientWidth,\n behavior: \"smooth\",\n });\n }, []);\n\n const scrollPrev = useCallback(() => {\n const container = scrollRef.current;\n container.scroll({\n top: 0,\n left: container.scrollLeft - container.clientWidth,\n behavior: \"smooth\",\n });\n }, []);\n\n useEffect(() => {\n const container = scrollRef.current;\n if (!container) return;\n\n container.style.userSelect = \"none\";\n container.addEventListener(\"scroll\", handleScroll);\n handleScroll();\n\n return () => {\n container.removeEventListener(\"scroll\", handleScroll);\n };\n }, [handleScroll]);\n\n useEffect(() => {\n const container = scrollRef.current;\n if (!container || matches.length === 0 || isInitiallyScrolled) return;\n\n const today = dayjs().startOf(\"day\");\n const scrollToDate = matches.reduce((closestDate, item) => {\n const itemDate = dayjs(item.date).startOf(\"day\");\n if (itemDate.isSameOrAfter(today)) {\n if (!closestDate || itemDate.isBefore(closestDate)) {\n closestDate = itemDate;\n }\n }\n return closestDate;\n }, null);\n\n const uniqueDays = Array.from(\n new Set(\n matches.map((item) =>\n dayjs(item.date).startOf(\"day\").format(\"YYYY-MM-DD\")\n )\n )\n );\n\n const index = scrollToDate\n ? uniqueDays.findIndex((day) => day === scrollToDate.format(\"YYYY-MM-DD\"))\n : undefined;\n\n if (index >= 0) {\n const dateElement = document.getElementById(`date_${index}`);\n if (dateElement) {\n dateElement.scrollIntoView({\n behavior: \"smooth\",\n block: \"nearest\",\n inline: \"start\",\n });\n }\n } else {\n container.scroll({\n top: 0,\n left: container.scrollWidth,\n behavior: \"smooth\",\n });\n }\n\n setIsInitiallyScrolled(true);\n handleScroll();\n }, [matches, isInitiallyScrolled, handleScroll]);\n\n const handleDragStart = useCallback((e) => {\n setDragging(true);\n setDragStartX(e.clientX);\n setScrollStartX(scrollRef.current.scrollLeft);\n }, []);\n\n const handleDragEnd = useCallback(() => {\n setDragging(false);\n }, []);\n\n useEffect(() => {\n const handleDragMove = (e) => {\n if (!dragging) return;\n const dragDistance = e.clientX - dragStartX;\n scrollRef.current.scrollLeft = scrollStartX - dragDistance;\n };\n\n if (dragging) {\n document.addEventListener(\"mousemove\", handleDragMove);\n document.addEventListener(\"mouseup\", handleDragEnd);\n\n return () => {\n document.removeEventListener(\"mousemove\", handleDragMove);\n document.removeEventListener(\"mouseup\", handleDragEnd);\n };\n }\n }, [dragging, dragStartX, scrollStartX, handleDragEnd]);\n\n const errorDisplay = (\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\n const renderMatches = useCallback(() => {\n const uniqueDates = Array.from(dataByDate.keys());\n\n return uniqueDates.map((dateStr, idx) => {\n const date = dayjs(dateStr);\n const dayFormatted = date.format(\"ddd\");\n const dateFormatted = date.format(\"DD\");\n const monthFormatted = date.format(\"MMM\");\n const isToday = date.isSame(dayjs(), \"day\");\n const matchItems = dataByDate.get(dateStr).map((item, idx) => (\n <div\n key={`${item.gameId}_${idx}`}\n className=\"flex-grow-0 flex-shrink-0 h-full relative mr-0.5\"\n >\n <MatchItem item={item} styles={matchStyles} />\n </div>\n ));\n\n return (\n <div key={`date-group-${dateStr}`} className=\"date-group flex\">\n <div\n id={`date_${idx}`}\n className=\"flex flex-col justify-center items-center space-y-10 rounded sticky left-0 z-10 mr-0.5\"\n style={{\n backgroundColor: data.settings.date.backgroundColor,\n color: data.settings.date.textColor,\n border: isToday\n ? `2px solid ${\n data.settings.date.todayBorderColor ?? \"#08152E\"\n }`\n : \"\",\n ...(data.settings.showLeague &&\n data.settings.showVenue && { height: \"200px\" }),\n width: \"50px\",\n position: \"sticky\",\n left: 0,\n boxShadow: \"4px 0 6px -1px rgba(0, 0, 0, 0.1)\",\n }}\n >\n <div className=\"flex flex-col items-center justify-center w-20 gap-1.5\">\n <div className=\"flex flex-col items-center justify-center\">\n <div className=\"font-bold text-lg leading-none\">\n {dateFormatted}\n </div>\n <div className=\"font-bold text-sm leading-none\">\n {monthFormatted}\n </div>\n </div>\n <hr\n style={{\n width: \"50%\",\n backgroundColor: data.settings.date.textColor,\n opacity: \"38%\",\n height: \"1px\",\n border: \"none\",\n }}\n ></hr>\n <div className=\"text-sm leading-none\">{dayFormatted}</div>\n </div>\n </div>\n <div className=\"matches-container flex\">{matchItems}</div>\n </div>\n );\n });\n }, [dataByDate, matchStyles, data.settings.date]);\n\n const arrowStyles =\n \"vf-scroll-button z-30 absolute bg-black text-white/70 w-12 h-12 bg-black/50 rounded-lg flex justify-center items-center hover:text-white hover:bg-black/90 cursor-pointer m-0.25\";\n const backArrowStyles = `${arrowStyles} left-3 top-1/2 -translate-y-1/2`;\n const forwardArrowStyles = `${arrowStyles} right-3 top-1/2 -translate-y-1/2`;\n\n const matchContainer = (\n <div\n id={`widget-${data.id}`}\n className=\"overflow-y-hidden w-full relative my-2.5\"\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n >\n <div\n ref={scrollRef}\n className=\"vf-team-vs-team overflow-y-hidden overflow-x-auto flex h-full w-full snap-x scrollbar-none gap-0.5\"\n onMouseDown={handleDragStart}\n onMouseUp={handleDragEnd}\n >\n {renderMatches()}\n </div>\n {isHovered && scroll.showLeft && (\n <div onClick={scrollPrev} className={backArrowStyles}>\n <ArrowBackIosRounded fontSize=\"large\" />\n </div>\n )}\n {isHovered && scroll.showRight && (\n <div onClick={scrollNext} className={forwardArrowStyles}>\n <ArrowForwardIosRounded fontSize=\"large\" />\n </div>\n )}\n </div>\n );\n\n return error ? errorDisplay : matchContainer;\n};\n\nexport default memo(MatchesStandalone);\n"],"names":["data","jsx","idx","jsxs"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { i as importShared, j as jsxRuntimeExports, T as Thumbnail, C as CloseRounded, S as SpinLoader, a as axios } from './index-
|
|
1
|
+
import { i as importShared, j as jsxRuntimeExports, T as Thumbnail, C as CloseRounded, S as SpinLoader, a as axios } from './index-DjokFAJ_.js';
|
|
2
2
|
|
|
3
3
|
const {useState,useEffect,useRef} = await importShared('react');
|
|
4
4
|
const PlayerWidget = ({ data, apiUrl }) => {
|
|
@@ -136,4 +136,4 @@ const PlayerWidget = ({ data, apiUrl }) => {
|
|
|
136
136
|
};
|
|
137
137
|
|
|
138
138
|
export { PlayerWidget as default };
|
|
139
|
-
//# sourceMappingURL=player-
|
|
139
|
+
//# sourceMappingURL=player-BLq8ZJlU.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"player-
|
|
1
|
+
{"version":3,"file":"player-BLq8ZJlU.js","sources":["../src/widgets/player/player.jsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\nimport { CloseRounded } from '@mui/icons-material';\nimport Thumbnail from '../../components/thumbnail';\nimport SpinLoader from '../../components/spin-loader';\nimport axios from 'axios';\nimport 'stream-engine-player/bundle';\nimport 'stream-engine-player/style';\n\nconst PlayerWidget = ({ data, apiUrl}) => {\n const [item, setItem] = useState();\n const playerRef = useRef();\n const [playerPos, setPlayerPos] = useState();\n const [floating, setFloating] = useState();\n\n useEffect( () => {\n const item = data.content[0];\n setItem(item);\n\n const fetchData = async () => {\n try {\n const { id: token } = data;\n const { id: itemId } = item;\n const { data: widget } = await axios.get(\n `${apiUrl || import.meta.env.VITE_API_URL}/widgets/${token}?filter_by=${itemId}`\n );\n\n const { name } = widget;\n const input = widget?.content[0];\n const {\n id,\n src,\n state,\n type,\n name: videoTitle,\n tags,\n organizations,\n parent,\n recording_id,\n external_id,\n ad\n } = input;\n\n const { logo, playback_control, style } = widget?.player;\n const { position } = logo;\n const { skip_back_enable, skip_forward_enable, controls } =\n playback_control;\n const { url: logoSrc } = widget?.settings?.defaultThumbnail;\n const {\n id: workspaceId,\n name: workspaceName,\n token: workspaceToken,\n owner: workspaceOwner,\n } = organizations[0];\n const { url: adTagUrl } = ad\n\n const playerProps = {\n src,\n logoSrc,\n controls,\n logoPosition: position,\n skipBack: skip_back_enable,\n skipForward: skip_forward_enable,\n style,\n adTagUrl,\n analytics: {\n playerName: name,\n videoId: id,\n videoTitle,\n videoTags: tags,\n videoState: state,\n videoType: type,\n videoParentId: parent ? parent?.id : null,\n workspaceId,\n workspaceToken,\n workspaceName,\n workspaceOwner,\n isRecording: !!recording_id,\n isExternal: external_id ? external_id : null,\n },\n };\n\n return playerProps;\n } catch (error) {\n console.error('Error fetching player data:', error);\n }\n };\n\n const init = async function(){\n const playerProps = await fetchData();\n window.streamEnginePlayer('player', playerProps);\n }\n init();\n\n }, []);\n\n const closeFloat = () => {\n setFloating(false);\n setPlayerPos({\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n });\n };\n\n return (\n <>\n <div\n ref={playerRef}\n className={`relative w-full bg-black overflow-hidden ${\n data.settings.float ? 'pt-16/9' : ''\n }`}\n >\n {item && (\n <>\n <Thumbnail\n className='absolute top-0 left-0 opacity-50 blur-lg'\n item={item}\n settings={data.settings}\n />\n <div className='flex flex-col' style={playerPos}>\n {floating && (\n <div className='flex flex-row-reverse'>\n <CloseRounded\n fontSize='medium'\n className='vf-player-close text-black/70 hover:text-black cursor-pointer'\n onClick={closeFloat}\n />\n </div>\n )}\n <div className='overflow-hidden bg-black relative pt-16/9'>\n <Thumbnail\n className='absolute top-0 left-0 opacity-50 blur-lg'\n item={item}\n settings={data.settings}\n />\n <SpinLoader className='absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[50px] h-[50px]' />\n {/* <iframe\n //src={`http://localhost:3002/widget/${data.id}/player/${item.id}`}\n src={`https://www.videoflow.io/widget/${data.id}/player/${item.id}`}\n title={item.name}\n className=\"absolute top-0 left-0 w-full h-full\"\n allowFullScreen\n ></iframe> */}\n <div\n id='player'\n className='absolute top-0 left-0 w-full h-full'\n ></div>\n </div>\n </div>\n </>\n )}\n </div>\n </>\n );\n};\n\nexport default PlayerWidget;\n"],"names":["item","jsx","Fragment","jsxs"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { i as importShared, j as jsxRuntimeExports, P as Player } from './index-
|
|
2
|
-
import PosterItem from './posterItem-
|
|
1
|
+
import { i as importShared, j as jsxRuntimeExports, P as Player } from './index-DjokFAJ_.js';
|
|
2
|
+
import PosterItem from './posterItem-DGLeJr-j.js';
|
|
3
3
|
|
|
4
4
|
const {useState,useEffect} = await importShared('react');
|
|
5
5
|
const Poster = ({ data, apiUrl }) => {
|
|
@@ -68,4 +68,4 @@ const Poster = ({ data, apiUrl }) => {
|
|
|
68
68
|
};
|
|
69
69
|
|
|
70
70
|
export { Poster as default };
|
|
71
|
-
//# sourceMappingURL=poster-
|
|
71
|
+
//# sourceMappingURL=poster-DXHCnWL9.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"poster-
|
|
1
|
+
{"version":3,"file":"poster-DXHCnWL9.js","sources":["../src/widgets/poster/poster.jsx"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport Player from \"../../player/player-static\";\nimport PosterItem from \"./posterItem\";\n\nconst Poster = ({ data, apiUrl }) => {\n const [selectedIndex, setSelectedIdex] = useState(0);\n const [error, setError] = useState(\"\");\n const [playerOpen, setPlayerOpen] = useState(false);\n const [itemData, setItemData] = useState({});\n\n const openPlayer = (item) => {\n setItemData(item);\n setPlayerOpen(true);\n };\n\n const closePlayer = () => {\n setPlayerOpen(false);\n };\n\n const selectItem = (index) => {\n setSelectedIdex(index);\n };\n\n useEffect(()=>{\n if(data.settings.autoAdvance && data.content.length>1){\n setInterval(()=>{\n setSelectedIdex(currentIndex => currentIndex===data.content.length-1 ? 0 : currentIndex+1);\n },data.settings.interval);\n }\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\n id={`widget-${data.id}`}\n className=\"overflow-y-hidden w-full relative select-none\"\n style={{paddingTop: data.settings.aspect}}\n >\n {data.content.map((item, index) => (\n <PosterItem\n key={item.id}\n item={item}\n settings={data.settings}\n selected={index === selectedIndex}\n onClick={openPlayer}\n />\n ))}\n {data.content.length>1 && <div className=\"vf-poster-page-indicators flex absolute bottom-0 justify-center z-20 w-full from-black/20 to-transparent bg-gradient-to-t\">\n {data.content.map((item, index) => (\n <div\n key={index}\n className=\"h-10 group flex flex-1 justify-center items-center cursor-pointer px-1\"\n onClick={() => {\n selectItem(index);\n }}\n >\n <div\n className={`vf-poster-page-indicator w-full h-1 group-hover:bg-white/75 ${\n index === selectedIndex ? \"bg-white\" : \"bg-white/50\"\n }`}\n ></div>\n </div>\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 Poster;\n"],"names":["jsx","jsxs"],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { i as importShared, j as jsxRuntimeExports, T as Thumbnail } from './index-
|
|
2
|
-
import { S as StateTimeIndicator } from './stateTimeIndicator-
|
|
3
|
-
import { P as PlayArrowRounded } from './PlayArrowRounded-
|
|
1
|
+
import { i as importShared, j as jsxRuntimeExports, T as Thumbnail } from './index-DjokFAJ_.js';
|
|
2
|
+
import { S as StateTimeIndicator } from './stateTimeIndicator-CzE4Nklx.js';
|
|
3
|
+
import { P as PlayArrowRounded } from './PlayArrowRounded-CAJtXqDJ.js';
|
|
4
4
|
|
|
5
5
|
await importShared('react');
|
|
6
6
|
function PosterItem({ item, selected, settings, onClick }) {
|
|
@@ -29,4 +29,4 @@ function PosterItem({ item, selected, settings, onClick }) {
|
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
export { PosterItem as default };
|
|
32
|
-
//# sourceMappingURL=posterItem-
|
|
32
|
+
//# sourceMappingURL=posterItem-DGLeJr-j.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"posterItem-
|
|
1
|
+
{"version":3,"file":"posterItem-DGLeJr-j.js","sources":["../src/widgets/poster/posterItem.jsx"],"sourcesContent":["import { useState, useEffect, useRef } from \"react\";\nimport {PlayArrowRounded} from \"@mui/icons-material\";\nimport StateTimeIndicator from \"../../components/stateTimeIndicator\";\nimport Thumbnail from \"../../components/thumbnail\";\n\nfunction PosterItem({ item, selected, settings, onClick }) {\n return (\n <div className={`flex w-full h-full absolute top-0 left-0 transition-opacity duration-500`} style={{\n opacity: selected?1:0,\n zIndex:selected?10:0\n }}>\n <Thumbnail item={item} settings={settings}/>\n <div className=\"vf-poster-info absolute flex flex-col left-0 top-0 h-full justify-center items-start w-full xl:w-1/2 px-2 md:px-5 lg:px-10 bg-gradient-to-r from-black/50 to-transparent\">\n <StateTimeIndicator className=\"mb-[1vw] rounded-md\" item={item} settings={settings}/>\n {(item.name && settings.showName) &&<span className=\"vf-poster-title text-white text-[18px] leading-[24px] sm:text-[28px] sm:leading-[32px] md:text-[36px] md:leading-[40px] lg:text-[4vw] lg:leading-[5vw] 2xl:text-[3vw] 2xl:leading-[4vw] font-bold\">{item.name}</span>}\n \n {(item.description && settings.showDesc) && <span className=\"vf-poster-desc text-white text-[18px] md:text-[22px] lg:text-[2vw] 2xl:text-[1.5vw] \">{item.description}</span>}\n \n {(item.state==='live' || item.state==='vod') && \n <button onClick={()=>onClick(item)} \n className=\"vf-poster-button mt-2 z-30 px-2 py-1 lg:px-[1vw] lg:py-[0.5vw] bg-black text-white/70 bg-black/80 rounded-md flex justify-center items-center hover:text-white hover:bg-black/90 \n text-[18px] md:text-[22px] lg:text-[2vw] 2xl:text-[1.5vw] cursor-pointer\">\n <PlayArrowRounded fontSize=\"inherit\" className=\"mr-2\" />\n <span className=\"text-lg font-bold\">{settings.cta}</span>\n </button>}\n </div>\n </div>\n );\n}\n\nexport default PosterItem;\n"],"names":["jsxs","jsx"],"mappings":";;;;AAAA,MAAA,YAAA,CAAA,OAAA;AAKA,SAAS,WAAW,EAAE,IAAA,EAAM,QAAU,EAAA,QAAA,EAAU,SAAW,EAAA;AACzD,EAAA,uBACGA,sBAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,CAAA,wEAAA,CAAA,EAA4E,KAAO,EAAA;AAAA,IAC/F,OAAA,EAAS,WAAS,CAAE,GAAA,CAAA;AAAA,IACpB,MAAA,EAAO,WAAS,EAAG,GAAA;AAAA,GAErB,EAAA,QAAA,EAAA;AAAA,oBAACC,qBAAA,CAAA,SAAA,EAAA,EAAU,MAAY,QAAmB,EAAA,CAAA;AAAA,oBAC1CD,sBAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,0KACb,EAAA,QAAA,EAAA;AAAA,sBAAAC,qBAAA,CAAC,kBAAmB,EAAA,EAAA,SAAA,EAAU,qBAAsB,EAAA,IAAA,EAAY,QAAmB,EAAA,CAAA;AAAA,MACjF,IAAA,CAAK,QAAQ,QAAS,CAAA,QAAA,0CAAa,MAAK,EAAA,EAAA,SAAA,EAAU,mMAAqM,EAAA,QAAA,EAAA,IAAA,CAAK,IAAK,EAAA,CAAA;AAAA,MAEjQ,IAAA,CAAK,eAAe,QAAS,CAAA,QAAA,0CAAc,MAAK,EAAA,EAAA,SAAA,EAAU,sFAAwF,EAAA,QAAA,EAAA,IAAA,CAAK,WAAY,EAAA,CAAA;AAAA,MAAA,CAEnK,IAAK,CAAA,KAAA,KAAQ,MAAU,IAAA,IAAA,CAAK,UAAQ,KACtC,qBAAAD,sBAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UAAO,OAAA,EAAS,MAAI,OAAA,CAAQ,IAAI,CAAA;AAAA,UAC/B,SAAU,EAAA,uQAAA;AAAA,UAER,QAAA,EAAA;AAAA,4BAAAC,qBAAA,CAAC,gBAAiB,EAAA,EAAA,QAAA,EAAS,SAAU,EAAA,SAAA,EAAU,MAAO,EAAA,CAAA;AAAA,4BACrDA,qBAAA,CAAA,MAAA,EAAA,EAAK,SAAU,EAAA,mBAAA,EAAqB,mBAAS,GAAI,EAAA;AAAA;AAAA;AAAA;AACtD,KACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import { i as importShared, j as jsxRuntimeExports, P as Player } from './index-
|
|
2
|
-
import { G as GalleryItem } from './
|
|
3
|
-
import {
|
|
4
|
-
import { A as ArrowBackIosRounded, a as ArrowForwardIosRounded } from './ArrowForwardIosRounded-thgoGOWu.js';
|
|
1
|
+
import { i as importShared, j as jsxRuntimeExports, P as Player } from './index-DjokFAJ_.js';
|
|
2
|
+
import { u as useMediaQuery, G as GalleryItem } from './useMediaQuery-BWQ2tOY8.js';
|
|
3
|
+
import { A as ArrowBackIosRounded, a as ArrowForwardIosRounded } from './ArrowForwardIosRounded-D_Dq1WdI.js';
|
|
5
4
|
|
|
6
5
|
const {useState,useEffect,useRef} = await importShared('react');
|
|
7
6
|
const Scroll = ({ data, apiUrl }) => {
|
|
@@ -89,4 +88,4 @@ const Scroll = ({ data, apiUrl }) => {
|
|
|
89
88
|
};
|
|
90
89
|
|
|
91
90
|
export { Scroll as default };
|
|
92
|
-
//# sourceMappingURL=scroll-
|
|
91
|
+
//# sourceMappingURL=scroll-DWygTcvl.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scroll-
|
|
1
|
+
{"version":3,"file":"scroll-DWygTcvl.js","sources":["../src/widgets/scroll/scroll.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\nimport {\n ArrowForwardIosRounded,\n ArrowBackIosRounded,\n} from \"@mui/icons-material\";\n\nconst Scroll = ({ data, apiUrl }) => {\n const [error, setError] = useState(\"\");\n const [playerOpen, setPlayerOpen] = useState(false);\n const [itemData, setItemData] = useState({});\n const galleryRef = useRef();\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 const scrollNext = () => {\n galleryRef.current.scroll({\n top: 0,\n left: galleryRef.current.scrollLeft + galleryRef.current.clientWidth,\n behavior: \"smooth\",\n });\n };\n\n const scrollPrev = () => {\n galleryRef.current.scroll({\n top: 0,\n left: galleryRef.current.scrollLeft - galleryRef.current.clientWidth,\n behavior: \"smooth\",\n });\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\n id={`widget-${data.id}`}\n className=\"overflow-y-hidden w-full relative\"\n >\n <div\n ref={galleryRef}\n className=\"vf-gallery overflow-y-hidden overflow-x-auto flex h-full w-full snap-x scrollbar-none\"\n >\n {data.content.map((item) => (\n <div key={item.id} className=\"flex-grow-0 flex-shrink-0 h-full relative\" style={{\n flexBasis : `${100/gridSize}%`,\n paddingLeft: `${data.settings.gap/2}px`,\n paddingRight: `${data.settings.gap/2}px`\n }}>\n <GalleryItem\n item={item}\n settings = {data.settings}\n onClick={openPlayer}\n ></GalleryItem>\n </div>\n ))}\n </div>\n <div\n onClick={scrollPrev}\n className=\"vf-scroll-button z-30 absolute left-3 top-1/2 -translate-y-1/2 bg-black text-white/70 w-12 h-12 bg-black/50 rounded-lg flex justify-center items-center hover:text-white hover:bg-black/90 cursor-pointer\"\n >\n <ArrowBackIosRounded fontSize=\"large\" />\n </div>\n <div\n onClick={scrollNext}\n className=\"vf-scroll-button z-30 absolute right-3 top-1/2 -translate-y-1/2 bg-black text-white/70 w-12 h-12 bg-black/50 rounded-lg flex justify-center items-center hover:text-white hover:bg-black/90 cursor-pointer\"\n >\n <ArrowForwardIosRounded fontSize=\"large\" />\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 Scroll;\n"],"names":["jsx","jsxs"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { i as importShared, j as jsxRuntimeExports } from './index-
|
|
1
|
+
import { i as importShared, j as jsxRuntimeExports } from './index-DjokFAJ_.js';
|
|
2
2
|
|
|
3
3
|
const {useState,useEffect} = await importShared('react');
|
|
4
4
|
|
|
@@ -47,4 +47,4 @@ function StateTimeIndicator({ item, settings, className }) {
|
|
|
47
47
|
}
|
|
48
48
|
|
|
49
49
|
export { StateTimeIndicator as S };
|
|
50
|
-
//# sourceMappingURL=stateTimeIndicator-
|
|
50
|
+
//# sourceMappingURL=stateTimeIndicator-CzE4Nklx.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stateTimeIndicator-
|
|
1
|
+
{"version":3,"file":"stateTimeIndicator-CzE4Nklx.js","sources":["../src/components/stateTimeIndicator.jsx"],"sourcesContent":["import { useState, useEffect} from \"react\";\nfunction StateTimeIndicator({item, settings, className}) {\n const [day, setDay] = useState();\n const [month, setMonth] = useState();\n const [year, setYear] = useState();\n const [time, setTime] = useState();\n const [time24, setTime24] = useState();\n\n useEffect(()=>{\n if(item.startTime){\n const date = new Date(item.startTime);\n setDay(date.toLocaleDateString(\"en\",{day: 'numeric'}));\n setMonth(date.toLocaleDateString(\"en\",{month: 'short'}));\n setYear(date.toLocaleDateString(\"en\",{year: 'numeric'}));\n setTime(date.toLocaleTimeString(\"en\",{hour: '2-digit', minute:'2-digit', hourCycle: 'h12'}));\n setTime24(date.toLocaleTimeString(\"en\",{hour: '2-digit', minute:'2-digit', hourCycle: 'h24'}));\n }\n },[]);\n\n const bgStyles = {\n na : '#000000',\n vod : '#068d0d',\n live : '#ff0036',\n scheduled : '#0c5bb6'\n }\n\n return(<>\n {((settings.states[item.state] || (settings.showTime && item.startTime))) &&\n <div className={`${className} text-[9px] md:text-[10px] lg:text-[1.25vw] xl:text-[.75vw] text-white px-2 py-1 select-none`}\n style={{backgroundColor: bgStyles[item.state]}}>\n {((!settings.showTime || !item.startTime) && settings.states[item.state]) && <span className=\"text-[1.2em] leading-[1.1em] uppercase\">{settings.statesOverride[item.state] || item.state}</span>}\n {(settings.showTime && item.startTime) && \n <div className=\"flex\">\n <div className=\"flex flex-col justify-center items-center pr-2 mr-2 border-r border-r-white/50\">\n <span className=\"text-[1.3em] leading-[1.2em]\">{day}</span>\n <span className=\"text-[1em] leading-[0.9em]\">{month}</span>\n </div>\n <div className=\"flex flex-col justify-center\">\n <span className=\"text-[1.2em] leading-[1.1em]\">{settings.timeFormat==='standard' ? time : time24}</span>\n {settings.states[item.state] && <span className=\"text-[1em] leading-[0.9em] uppercase\">{settings.statesOverride[item.state] || item.state}</span>}\n </div>\n </div>\n }\n </div>\n }\n </>);\n}\nexport default StateTimeIndicator;"],"names":["jsx","Fragment","jsxs"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as createSvgIcon, j as jsxRuntimeExports, _ as _extendsExports, b as _extends$2, i as importShared } from './index-
|
|
1
|
+
import { c as createSvgIcon, j as jsxRuntimeExports, _ as _extendsExports, b as _extends$2, i as importShared } from './index-DjokFAJ_.js';
|
|
2
2
|
import { g as getDefaultExportFromCjs, c as commonjsGlobal, a as getAugmentedNamespace } from './index-DxAI6Tai.js';
|
|
3
|
-
import { A as ArrowBackIosRounded, a as ArrowForwardIosRounded } from './ArrowForwardIosRounded-
|
|
4
|
-
import { P as PlayArrowRounded } from './PlayArrowRounded-
|
|
3
|
+
import { A as ArrowBackIosRounded, a as ArrowForwardIosRounded } from './ArrowForwardIosRounded-D_Dq1WdI.js';
|
|
4
|
+
import { P as PlayArrowRounded } from './PlayArrowRounded-CAJtXqDJ.js';
|
|
5
5
|
|
|
6
6
|
const PauseRounded = createSvgIcon( /*#__PURE__*/jsxRuntimeExports.jsx("path", {
|
|
7
7
|
d: "M8 19c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2s-2 .9-2 2v10c0 1.1.9 2 2 2m6-12v10c0 1.1.9 2 2 2s2-.9 2-2V7c0-1.1-.9-2-2-2s-2 .9-2 2"
|
|
@@ -70070,4 +70070,4 @@ const Story = ({ data }) => {
|
|
|
70070
70070
|
};
|
|
70071
70071
|
|
|
70072
70072
|
export { Story, Story as default };
|
|
70073
|
-
//# sourceMappingURL=story-
|
|
70073
|
+
//# sourceMappingURL=story-iIpErY5u.js.map
|