@dcl/asset-packs 2.14.3 → 2.15.1

package/dist/admin-toolkit-ui/VideoControl/DclCast/CompactDclCast.js

@@ -0,0 +1,90 @@
+import ReactEcs, { Label, UiEntity } from '@dcl/react-ecs';
+import { Color4 } from '@dcl/sdk/math';
+import { getContentUrl } from '../../constants';
+import { Button } from '../../Button';
+import { LIVEKIT_STREAM_SRC } from '../LiveStream';
+import { isPresentationBot, stopPresentation } from '../api';
+import { VideoControlVolume } from '../VolumeControl';
+import { createVideoPlayerControls, isDclCast } from '../utils';
+import { showcaseState } from '.';
+import PresentationPanel from './PresentationPanel';
+import { getCompactBarStyles, getDclCastBackgrounds, getDclCastColors } from './styles';
+const ICONS = {
+    get DCL_CAST_ICON() {
+        return `${getContentUrl()}/admin_toolkit/assets/icons/video-control-dcl-cast.png`;
+    },
+    get CHEVRON_DOWN() {
+        return `${getContentUrl()}/admin_toolkit/assets/icons/chevron-down.png`;
+    },
+    get STAR() {
+        return `${getContentUrl()}/admin_toolkit/assets/icons/star.png`;
+    },
+};
+const CompactDclCast = ({ engine, state, entity, video, onShowShowcaseModal, }) => {
+    const styles = getCompactBarStyles();
+    const colors = getDclCastColors();
+    const backgrounds = getDclCastBackgrounds();
+    const controls = createVideoPlayerControls(entity, engine);
+    const isActive = !!(video?.src && isDclCast(video.src));
+    const presentationState = state.videoControl.presentationState;
+    const presentationBotInRoom = showcaseState.participants.some(p => isPresentationBot(p.name));
+    const hasPresentation = isActive && (!!presentationState || presentationBotInRoom);
+    const handleExpand = () => {
+        state.videoControl.isMinimized = false;
+    };
+    const handleActivate = () => {
+        controls.setSource(LIVEKIT_STREAM_SRC);
+        state.videoControl.selectedStream = 'dcl-cast';
+    };
+    return (ReactEcs.createElement(UiEntity, { uiTransform: styles.outerContainer },
+        ReactEcs.createElement(UiEntity, { uiTransform: styles.container },
+            ReactEcs.createElement(UiEntity, { uiTransform: styles.leftSection },
+                ReactEcs.createElement(UiEntity, { uiTransform: styles.icon, uiBackground: {
+                        textureMode: 'stretch',
+                        texture: { src: ICONS.DCL_CAST_ICON },
+                    } }),
+                ReactEcs.createElement(Label, { value: '<b>DCL Cast</b>', fontSize: 24, color: colors.white })),
+            ReactEcs.createElement(UiEntity, { uiTransform: styles.rightSection },
+                ReactEcs.createElement(UiEntity, { uiTransform: { display: isActive ? 'none' : 'flex' } },
+                    ReactEcs.createElement(Button, { id: "compact_dcl_cast_activate", value: "<b>Activate</b>", labelTransform: styles.activateButtonLabel, uiTransform: styles.activateButton, fontSize: 16, uiBackground: backgrounds.success, color: colors.black, onMouseDown: handleActivate })),
+                ReactEcs.createElement(UiEntity, { uiTransform: { display: hasPresentation ? 'flex' : 'none', height: 24 } },
+                    ReactEcs.createElement(Label, { value: presentationState
+                            ? `Slide ${presentationState.currentSlide + 1} / ${presentationState.slideCount}`
+                            : '', fontSize: 16, color: colors.gray, uiTransform: { height: 24, minWidth: 120 } })),
+                ReactEcs.createElement(UiEntity, { onMouseDown: handleExpand, uiTransform: styles.chevronButton, uiBackground: {
+                        textureMode: 'stretch',
+                        color: Color4.White(),
+                        texture: {
+                            src: ICONS.CHEVRON_DOWN,
+                        },
+                    } }))),
+        ReactEcs.createElement(UiEntity, { uiTransform: {
+                display: hasPresentation ? 'flex' : 'none',
+                width: '100%',
+                margin: { top: 16 },
+            } },
+            ReactEcs.createElement(PresentationPanel, { presentationState: presentationState, compact: true, hideStopSharing: true, idPrefix: "compact_dcl_cast", onStopSharing: () => {
+                    state.videoControl.presentationState = undefined;
+                } })),
+        ReactEcs.createElement(UiEntity, { uiTransform: {
+                display: isActive ? 'flex' : 'none',
+                ...styles.showcaseRow,
+            } },
+            ReactEcs.createElement(Button, { id: "compact_dcl_cast_showcase", value: "<b>Speakers</b>", icon: ICONS.STAR, iconTransform: styles.starIcon, variant: "secondary", fontSize: 16, color: colors.white, uiTransform: styles.showcaseButton, onMouseDown: onShowShowcaseModal })),
+        ReactEcs.createElement(UiEntity, { uiTransform: {
+                display: isActive ? 'flex' : 'none',
+                width: '100%',
+            } },
+            ReactEcs.createElement(VideoControlVolume, { engine: engine, entity: entity, video: video, label: "<b>Volume</b>", idPrefix: "compact_video_control_volume" })),
+        ReactEcs.createElement(UiEntity, { uiTransform: {
+                display: hasPresentation ? 'flex' : 'none',
+                width: '100%',
+                margin: { top: 16 },
+            } },
+            ReactEcs.createElement(Button, { id: "compact_dcl_cast_stop_sharing", value: "<b>Stop Sharing</b>", variant: "text", fontSize: 16, color: colors.danger, uiTransform: { height: 42, padding: { left: 8, right: 8 } }, onMouseDown: () => {
+                    stopPresentation();
+                    state.videoControl.presentationState = undefined;
+                } }))));
+};
+export default CompactDclCast;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29tcGFjdERjbENhc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYWRtaW4tdG9vbGtpdC11aS9WaWRlb0NvbnRyb2wvRGNsQ2FzdC9Db21wYWN0RGNsQ2FzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxRQUFRLEVBQUUsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDM0QsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDaEQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUV0QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLGdCQUFnQixFQUFFLE1BQU0sUUFBUSxDQUFDO0FBQzdELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3RELE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLEdBQUcsQ0FBQztBQUNsQyxPQUFPLGlCQUFpQixNQUFNLHFCQUFxQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxxQkFBcUIsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUV4RixNQUFNLEtBQUssR0FBRztJQUNaLElBQUksYUFBYTtRQUNmLE9BQU8sR0FBRyxhQUFhLEVBQUUsd0RBQXdELENBQUM7SUFDcEYsQ0FBQztJQUNELElBQUksWUFBWTtRQUNkLE9BQU8sR0FBRyxhQUFhLEVBQUUsOENBQThDLENBQUM7SUFDMUUsQ0FBQztJQUNELElBQUksSUFBSTtRQUNOLE9BQU8sR0FBRyxhQUFhLEVBQUUsc0NBQXNDLENBQUM7SUFDbEUsQ0FB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RUFDM0QsV0FBVyxFQUFFLEdBQUcsRUFBRTtvQkFDaEIsZ0JBQWdCLEVBQUUsQ0FBQztvQkFDbkIsS0FBSyxDQUFDLFlBQVksQ0FBQyxpQkFBaUIsR0FBRyxTQUFTLENBQUM7Z0JBQ25ELENBQUMsR0FDRCxDQUNPLENBQ0YsQ0FDWixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsZUFBZSxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IERlZXBSZWFkb25seU9iamVjdCwgRW50aXR5LCBJRW5naW5lLCBQQlZpZGVvUGxheWVyIH0gZnJvbSAnQGRjbC9lY3MnO1xuaW1wb3J0IFJlYWN0RWNzLCB7IExhYmVsLCBVaUVudGl0eSB9IGZyb20gJ0BkY2wvcmVhY3QtZWNzJztcbmltcG9ydCB7IENvbG9yNCB9IGZyb20gJ0BkY2wvc2RrL21hdGgnO1xuaW1wb3J0IHsgZ2V0Q29udGVudFVybCB9IGZyb20gJy4uLy4uL2NvbnN0YW50cyc7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tICcuLi8uLi9CdXR0b24nO1xuaW1wb3J0IHR5cGUgeyBTdGF0ZSB9IGZyb20gJy4uLy4uL3R5cGVzJztcbmltcG9ydCB7IExJVkVLSVRfU1RSRUFNX1NSQyB9IGZyb20gJy4uL0xpdmVTdHJlYW0nO1xuaW1wb3J0IHsgaXNQcmVzZW50YXRpb25Cb3QsIHN0b3BQcmVzZW50YXRpb24gfSBmcm9tICcuLi9hcGknO1xuaW1wb3J0IHsgVmlkZW9Db250cm9sVm9sdW1lIH0gZnJvbSAnLi4vVm9sdW1lQ29udHJvbCc7XG5pbXBvcnQgeyBjcmVhdGVWaWRlb1BsYXllckNvbnRyb2xzLCBpc0RjbENhc3QgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBzaG93Y2FzZVN0YXRlIH0gZnJvbSAnLic7XG5pbXBvcnQgUHJlc2VudGF0aW9uUGFuZWwgZnJvbSAnLi9QcmVzZW50YXRpb25QYW5lbCc7XG5pbXBvcnQgeyBnZXRDb21wYWN0QmFyU3R5bGVzLCBnZXREY2xDYXN0QmFja2dyb3VuZHMsIGdldERjbENhc3RDb2xvcnMgfSBmcm9tICcuL3N0eWxlcyc7XG5cbmNvbnN0IElDT05TID0ge1xuICBnZXQgRENMX0NBU1RfSUNPTigpIHtcbiAgICByZXR1cm4gYCR7Z2V0Q29udGVudFVybCgpfS9hZG1pbl90b29sa2l0L2Fzc2V0cy9pY29ucy92aWRlby1jb250cm9sLWRjbC1jYXN0LnBuZ2A7XG4gIH0sXG4gIGdldCBDSEVWUk9OX0RPV04oKSB7XG4gICAgcmV0dXJuIGAke2dldENvbnRlbnRVcmwoKX0vYWRtaW5fdG9vbGtpdC9hc3NldHMvaWNvbnMvY2hldnJvbi1kb3duLnBuZ2A7XG4gIH0sXG4gIGdldCBTVEFSKCkge1xuICAgIHJldHVybiBgJHtnZXRDb250ZW50VXJsKCl9L2FkbWluX3Rvb2xraXQvYXNzZXRzL2ljb25zL3N0YXIucG5nYDtcbiAgfSxcbn07XG5cbmNvbnN0IENvbXBhY3REY2xDYXN0ID0gKHtcbiAgZW5naW5lLFxuICBzdGF0ZSxcbiAgZW50aXR5LFxuICB2aWRlbyxcbiAgb25TaG93U2hvd2Nhc2VNb2RhbCxcbn06IHtcbiAgZW5naW5lOiBJRW5naW5lO1xuICBzdGF0ZTogU3RhdGU7XG4gIGVudGl0eTogRW50aXR5O1xuICB2aWRlbzogRGVlcFJlYWRvbmx5T2JqZWN0PFBCVmlkZW9QbGF5ZXI+IHwgdW5kZWZpbmVkO1xuICBvblNob3dTaG93Y2FzZU1vZGFsOiAoKSA9PiBQcm9taXNlPHZvaWQ+O1xufSkgPT4ge1xuICBjb25zdCBzdHlsZXMgPSBnZXRDb21wYWN0QmFyU3R5bGVzKCk7XG4gIGNvbnN0IGNvbG9ycyA9IGdldERjbENhc3RDb2xvcnMoKTtcbiAgY29uc3QgYmFja2dyb3VuZHMgPSBnZXREY2xDYXN0QmFja2dyb3VuZHMoKTtcbiAgY29uc3QgY29udHJvbHMgPSBjcmVhdGVWaWRlb1BsYXllckNvbnRyb2xzKGVudGl0eSwgZW5naW5lKTtcblxuICBjb25zdCBpc0FjdGl2ZSA9ICEhKHZpZGVvPy5zcmMgJiYgaXNEY2xDYXN0KHZpZGVvLnNyYykpO1xuICBjb25zdCBwcmVzZW50YXRpb25TdGF0ZSA9IHN0YXRlLnZpZGVvQ29udHJvbC5wcmVzZW50YXRpb25TdGF0ZTtcbiAgY29uc3QgcHJlc2VudGF0aW9uQm90SW5Sb29tID0gc2hvd2Nhc2VTdGF0ZS5wYXJ0aWNpcGFudHMuc29tZShwID0+IGlzUHJlc2VudGF0aW9uQm90KHAubmFtZSkpO1xuICBjb25zdCBoYXNQcmVzZW50YXRpb24gPSBpc0FjdGl2ZSAmJiAoISFwcmVzZW50YXRpb25TdGF0ZSB8fCBwcmVzZW50YXRpb25Cb3RJblJvb20pO1xuXG4gIGNvbnN0IGhhbmRsZUV4cGFuZCA9ICgpID0+IHtcbiAgICBzdGF0ZS52aWRlb0NvbnRyb2wuaXNNaW5pbWl6ZWQgPSBmYWxzZTtcbiAgfTtcblxuICBjb25zdCBoYW5kbGVBY3RpdmF0ZSA9ICgpID0+IHtcbiAgICBjb250cm9scy5zZXRTb3VyY2UoTElWRUtJVF9TVFJFQU1fU1JDKTtcbiAgICBzdGF0ZS52aWRlb0NvbnRyb2wuc2VsZWN0ZWRTdHJlYW0gPSAnZGNsLWNhc3QnO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPFVpRW50aXR5IHVpVHJhbnNmb3JtPXtzdHlsZXMub3V0ZXJDb250YWluZXJ9PlxuICAgICAgey8qIFJvdyAxOiBJY29uICsgVGl0bGUgKyAocmlnaHQgc2lkZTogQWN0aXZhdGUgb3IgU2xpZGUgaW5mbyArIGNoZXZyb24pICovfVxuICAgICAgPFVpRW50aXR5IHVpVHJhbnNmb3JtPXtzdHlsZXMuY29udGFpbmVyfT5cbiAgICAgICAgPFVpRW50aXR5IHVpVHJhbnNmb3JtPXtzdHlsZXMubGVmdFNlY3Rpb259PlxuICAgICAgICAgIDxVaUVudGl0eVxuICAgICAgICAgICAgdWlUcmFuc2Zvcm09e3N0eWxlcy5pY29ufVxuICAgICAgICAgICAgdWlCYWNrZ3JvdW5kPXt7XG4gICAgICAgICAgICAgIHRleHR1cmVNb2RlOiAnc3RyZXRjaCcsXG4gICAgICAgICAgICAgIHRleHR1cmU6IHsgc3JjOiBJQ09OUy5EQ0xfQ0FTVF9JQ09OIH0sXG4gICAgICAgICAgICB9fVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPExhYmVsXG4gICAgICAgICAgICB2YWx1ZT17JzxiPkRDTCBDYXN0PC9iPid9XG4gICAgICAgICAgICBmb250U2l6ZT17MjR9XG4gICAgICAgICAgICBjb2xvcj17Y29sb3JzLndoaXRlfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvVWlFbnRpdHk+XG4gICAgICAgIDxVaUVudGl0eSB1aVRyYW5zZm9ybT17c3R5bGVzLnJpZ2h0U2VjdGlvbn0+XG4gICAgICAgICAgey8qIEFjdGl2YXRlIGJ1dHRvbiDigJQgdmlzaWJsZSB3aGVuIGluYWN0aXZlICovfVxuICAgICAgICAgIDxVaUVudGl0eSB1aVRyYW5zZm9ybT17eyBkaXNwbGF5OiBpc0FjdGl2ZSA/ICdub25lJyA6ICdmbGV4JyB9fT5cbiAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgaWQ9XCJjb21wYWN0X2RjbF9jYXN0X2FjdGl2YXRlXCJcbiAgICAgICAgICAgICAgdmFsdWU9XCI8Yj5BY3RpdmF0ZTwvYj5cIlxuICAgICAgICAgICAgICBsYWJlbFRyYW5zZm9ybT17c3R5bGVzLmFjdGl2YXRlQnV0dG9uTGFiZWx9XG4gICAgICAgICAgICAgIHVpVHJhbnNmb3JtPXtzdHlsZXMuYWN0aXZhdGVCdXR0b259XG4gICAgICAgICAgICAgIGZvbnRTaXplPXsxNn1cbiAgICAgICAgICAgICAgdWlCYWNrZ3JvdW5kPXtiYWNrZ3JvdW5kcy5zdWNjZXNzfVxuICAgICAgICAgICAgICBjb2xvcj17Y29sb3JzLmJsYWNrfVxuICAgICAgICAgICAgICBvbk1vdXNlRG93bj17aGFuZGxlQWN0aXZhdGV9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvVWlFbnRpdHk+XG4gICAgICAgICAgey8qIFNsaWRlIGluZm8g4oCUIHZpc2libGUgd2hlbiBwcmVzZW50YXRpb24gYWN0aXZlICovfVxuICAgICAgICAgIDxVaUVudGl0eSB1aVRyYW5zZm9ybT17eyBkaXNwbGF5OiBoYXNQcmVzZW50YXRpb24gPyAnZmxleCcgOiAnbm9uZScsIGhlaWdodDogMjQgfX0+XG4gICAgICAgICAgICA8TGFiZWxcbiAgICAgICAgICAgICAgdmFsdWU9e1xuICAgICAgICAgICAgICAgIHByZXNlbnRhdGlvblN0YXRlXG4gICAgICAgICAgICAgICAgICA/IGBTbGlkZSAke3ByZXNlbnRhdGlvblN0YXRlLmN1cnJlbnRTbGlkZSArIDF9IC8gJHtwcmVzZW50YXRpb25TdGF0ZS5zbGlkZUNvdW50fWBcbiAgICAgICAgICAgICAgICAgIDogJydcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBmb250U2l6ZT17MTZ9XG4gICAgICAgICAgICAgIGNvbG9yPXtjb2xvcnMuZ3JheX1cbiAgICAgICAgICAgICAgdWlUcmFuc2Zvcm09e3sgaGVpZ2h0OiAyNCwgbWluV2lkdGg6IDEyMCB9fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L1VpRW50aXR5PlxuICAgICAgICAgIDxVaUVudGl0eVxuICAgICAgICAgICAgb25Nb3VzZURvd249e2hhbmRsZUV4cGFuZH1cbiAgICAgICAgICAgIHVpVHJhbnNmb3JtPXtzdHlsZXMuY2hldnJvbkJ1dHRvbn1cbiAgICAgICAgICAgIHVpQmFja2dyb3VuZD17e1xuICAgICAgICAgICAgICB0ZXh0dXJlTW9kZTogJ3N0cmV0Y2gnLFxuICAgICAgICAgICAgICBjb2xvcjogQ29sb3I0LldoaXRlKCksXG4gICAgICAgICAgICAgIHRleHR1cmU6IHtcbiAgICAgICAgICAgICAgICBzcmM6IElDT05TLkNIRVZST05fRE9XTixcbiAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9VaUVudGl0eT5cbiAgICAgIDwvVWlFbnRpdHk+XG5cbiAgICAgIHsvKiBSb3cgMjogUHJlc2VudGF0aW9uIGNvbnRyb2xzIOKAlCB2aXNpYmxlIHdoZW4gcHJlc2VudGF0aW9uIGFjdGl2ZSAqL31cbiAgICAgIDxVaUVudGl0eVxuICAgICAgICB1aVRyYW5zZm9ybT17e1xuICAgICAgICAgIGRpc3BsYXk6IGhhc1ByZXNlbnRhdGlvbiA/ICdmbGV4JyA6ICdub25lJyxcbiAgICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICAgIG1hcmdpbjogeyB0b3A6IDE2IH0sXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxQcmVzZW50YXRpb25QYW5lbFxuICAgICAgICAgIHByZXNlbnRhdGlvblN0YXRlPXtwcmVzZW50YXRpb25TdGF0ZX1cbiAgICAgICAgICBjb21wYWN0XG4gICAgICAgICAgaGlkZVN0b3BTaGFyaW5nXG4gICAgICAgICAgaWRQcmVmaXg9XCJjb21wYWN0X2RjbF9jYXN0XCJcbiAgICAgICAgICBvblN0b3BTaGFyaW5nPXsoKSA9PiB7XG4gICAgICAgICAgICBzdGF0ZS52aWRlb0NvbnRyb2wucHJlc2VudGF0aW9uU3RhdGUgPSB1bmRlZmluZWQ7XG4gICAgICAgICAgfX1cbiAgICAgICAgLz5cbiAgICAgIDwvVWlFbnRpdHk+XG5cbiAgICAgIHsvKiBSb3cgMzogU3BlYWtlcnMg4oCUIHZpc2libGUgd2hlbiBhY3RpdmUgKHdpdGggb3Igd2l0aG91dCBwcmVzZW50YXRpb24pICovfVxuICAgICAgPFVpRW50aXR5XG4gICAgICAgIHVpVHJhbnNmb3JtPXt7XG4gICAgICAgICAgZGlzcGxheTogaXNBY3RpdmUgPyAnZmxleCcgOiAnbm9uZScsXG4gICAgICAgICAgLi4uc3R5bGVzLnNob3djYXNlUm93LFxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgaWQ9XCJjb21wYWN0X2RjbF9jYXN0X3Nob3djYXNlXCJcbiAgICAgICAgICB2YWx1ZT1cIjxiPlNwZWFrZXJzPC9iPlwiXG4gICAgICAgICAgaWNvbj17SUNPTlMuU1RBUn1cbiAgICAgICAgICBpY29uVHJhbnNmb3JtPXtzdHlsZXMuc3Rhckljb259XG4gICAgICAgICAgdmFyaWFudD1cInNlY29uZGFyeVwiXG4gICAgICAgICAgZm9udFNpemU9ezE2fVxuICAgICAgICAgIGNvbG9yPXtjb2xvcnMud2hpdGV9XG4gICAgICAgICAgdWlUcmFuc2Zvcm09e3N0eWxlcy5zaG93Y2FzZUJ1dHRvbn1cbiAgICAgICAgICBvbk1vdXNlRG93bj17b25TaG93U2hvd2Nhc2VNb2RhbH1cbiAgICAgICAgLz5cbiAgICAgIDwvVWlFbnRpdHk+XG5cbiAgICAgIHsvKiBSb3cgNDogVm9sdW1lIOKAlCB2aXNpYmxlIHdoZW4gYWN0aXZlICovfVxuICAgICAgPFVpRW50aXR5XG4gICAgICAgIHVpVHJhbnNmb3JtPXt7XG4gICAgICAgICAgZGlzcGxheTogaXNBY3RpdmUgPyAnZmxleCcgOiAnbm9uZScsXG4gICAgICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPFZpZGVvQ29udHJvbFZvbHVtZVxuICAgICAgICAgIGVuZ2luZT17ZW5naW5lfVxuICAgICAgICAgIGVudGl0eT17ZW50aXR5fVxuICAgICAgICAgIHZpZGVvPXt2aWRlb31cbiAgICAgICAgICBsYWJlbD1cIjxiPlZvbHVtZTwvYj5cIlxuICAgICAgICAgIGlkUHJlZml4PVwiY29tcGFjdF92aWRlb19jb250cm9sX3ZvbHVtZVwiXG4gICAgICAgIC8+XG4gICAgICA8L1VpRW50aXR5PlxuXG4gICAgICB7LyogUm93IDU6IFN0b3AgU2hhcmluZyDigJQgdmlzaWJsZSB3aGVuIHByZXNlbnRhdGlvbiBhY3RpdmUsIHBsYWNlZCBsYXN0IHRvIGF2b2lkIG1pc2NsaWNrcyAqL31cbiAgICAgIDxVaUVudGl0eVxuICAgICAgICB1aVRyYW5zZm9ybT17e1xuICAgICAgICAgIGRpc3BsYXk6IGhhc1ByZXNlbnRhdGlvbiA/ICdmbGV4JyA6ICdub25lJyxcbiAgICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICAgIG1hcmdpbjogeyB0b3A6IDE2IH0sXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxCdXR0b25cbiAgICAgICAgICBpZD1cImNvbXBhY3RfZGNsX2Nhc3Rfc3RvcF9zaGFyaW5nXCJcbiAgICAgICAgICB2YWx1ZT1cIjxiPlN0b3AgU2hhcmluZzwvYj5cIlxuICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXh0XCJcbiAgICAgICAgICBmb250U2l6ZT17MTZ9XG4gICAgICAgICAgY29sb3I9e2NvbG9ycy5kYW5nZXJ9XG4gICAgICAgICAgdWlUcmFuc2Zvcm09e3sgaGVpZ2h0OiA0MiwgcGFkZGluZzogeyBsZWZ0OiA4LCByaWdodDogOCB9IH19XG4gICAgICAgICAgb25Nb3VzZURvd249eygpID0+IHtcbiAgICAgICAgICAgIHN0b3BQcmVzZW50YXRpb24oKTtcbiAgICAgICAgICAgIHN0YXRlLnZpZGVvQ29udHJvbC5wcmVzZW50YXRpb25TdGF0ZSA9IHVuZGVmaW5lZDtcbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgPC9VaUVudGl0eT5cbiAgICA8L1VpRW50aXR5PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQ29tcGFjdERjbENhc3Q7XG4iXX0=

package/dist/admin-toolkit-ui/VideoControl/DclCast/DclCastInfo.d.ts

@@ -1,11 +1,13 @@
-import { Entity, IEngine } from '@dcl/ecs';
-import { DeepReadonlyObject, PBVideoPlayer } from '@dcl/ecs';
+import type { Entity, IEngine } from '@dcl/ecs';
+import type { DeepReadonlyObject, PBVideoPlayer } from '@dcl/ecs';
 import ReactEcs from '@dcl/react-ecs';
-import { State } from '../../types';
-declare const DclCastInfo: ({ state, engine, onResetRoomId, entity, video, }: {
+import type { State } from '../../types';
+declare const DclCastInfo: ({ state, engine, onResetRoomId, onShowShowcaseModal, onSharePresentation, entity, video, }: {
     state: State;
     engine: IEngine;
     onResetRoomId: () => Promise<void>;
+    onShowShowcaseModal: () => Promise<void>;
+    onSharePresentation: () => void;
     entity: Entity;
     video: DeepReadonlyObject<PBVideoPlayer> | undefined;
 }) => ReactEcs.JSX.Element;

package/dist/admin-toolkit-ui/VideoControl/DclCast/DclCastInfo.js

@@ -1,73 +1,87 @@
 import ReactEcs, { Label, UiEntity } from '@dcl/react-ecs';
-import { copyToClipboard } from '~system/RestrictedActions';
 import { Color4 } from '@dcl/sdk/math';
+import { copyToClipboard } from '~system/RestrictedActions';
 import { Button } from '../../Button';
+import { getContentUrl } from '../../constants';
 import { FeedbackButton } from '../../FeedbackButton';
+import { LIVEKIT_STREAM_SRC } from '../LiveStream';
 import { VideoControlVolume } from '../VolumeControl';
 import { createVideoPlayerControls, isDclCast } from '../utils';
-import { LIVEKIT_STREAM_SRC } from '../LiveStream';
 import { getDclCastStyles, getDclCastColors, getDclCastBackgrounds } from './styles';
-import { CONTENT_URL } from '../../constants';
 const ICONS = {
-    COPY_TO_CLIPBOARD_ICON: `${CONTENT_URL}/admin_toolkit/assets/icons/copy-to-clipboard.png`,
+    get COPY_TO_CLIPBOARD_ICON() {
+        return `${getContentUrl()}/admin_toolkit/assets/icons/copy-to-clipboard.png`;
+    },
+    get STAR() {
+        return `${getContentUrl()}/admin_toolkit/assets/icons/star.png`;
+    },
 };
-const DclCastInfo = ({ state, engine, onResetRoomId, entity, video, }) => {
+const DclCastInfo = ({ state, engine, onResetRoomId, onShowShowcaseModal, onSharePresentation, entity, video, }) => {
     const controls = createVideoPlayerControls(entity, engine);
     const styles = getDclCastStyles();
     const colors = getDclCastColors();
     const backgrounds = getDclCastBackgrounds();
-    return (ReactEcs.createElement(UiEntity, { uiTransform: styles.fullContainer },
-        ReactEcs.createElement(UiEntity, { uiTransform: styles.mainBorderedContainer },
-            ReactEcs.createElement(UiEntity, { uiTransform: styles.headerRow },
-                ReactEcs.createElement(UiEntity, { uiTransform: styles.columnFlexStart },
-                    ReactEcs.createElement(Label, { value: '<b>Room ID</b>', fontSize: 24, color: Color4.White() }),
-                    ReactEcs.createElement(Label, { value: `Expires in ${state.videoControl.dclCast?.expiresInDays} days`, fontSize: 14, color: colors.gray, uiTransform: styles.marginTopSmall })),
-                video?.src && isDclCast(video.src) ? (ReactEcs.createElement(Button, { id: "dcl_cast_deactivate", value: "<b>Deactivate</b>", variant: "text", fontSize: 16, color: colors.white, uiTransform: styles.activateButton, onMouseDown: () => {
-                        controls.setSource('');
-                        state.videoControl.selectedStream = undefined;
-                    } })) : (ReactEcs.createElement(Button, { id: "dcl_cast_activate", value: "<b>Activate</b>", labelTransform: styles.activateButtonLabel, uiTransform: styles.activateButton, fontSize: 16, uiBackground: backgrounds.success, color: colors.black, onMouseDown: () => {
-                        controls.setSource(LIVEKIT_STREAM_SRC);
-                        state.videoControl.selectedStream = 'dcl-cast';
-                    } }))),
-            ReactEcs.createElement(UiEntity, { uiTransform: styles.columnContainer },
-                ReactEcs.createElement(UiEntity, { uiTransform: styles.rowCenterSpaceBetween },
-                    ReactEcs.createElement(UiEntity, { uiTransform: {
-                            display: 'flex',
-                            flexDirection: 'column',
-                        } },
-                        ReactEcs.createElement(Label, { value: '<b>Cast speakers</b>', fontSize: 18, color: colors.white }),
-                        ReactEcs.createElement(UiEntity, { uiText: {
-                                value: 'This link grants streaming access.',
-                                fontSize: 14,
-                                color: colors.gray,
-                                textAlign: 'top-left',
-                            } })),
-                    ReactEcs.createElement(FeedbackButton, { id: "dcl_cast_copy_stream_link", value: "<b>Copy Link</b>", variant: "text", fontSize: 18, color: colors.white, iconRight: ICONS.COPY_TO_CLIPBOARD_ICON, iconRightTransform: styles.iconSmall, labelTransform: styles.marginRightSmall, uiTransform: styles.copyLinkButton, onMouseDown: () => {
-                            state.videoControl.dclCast?.streamLink &&
-                                copyToClipboard({
-                                    text: state.videoControl.dclCast.streamLink,
-                                });
-                        } })),
-                ReactEcs.createElement(UiEntity, { uiTransform: styles.separatorLine }),
-                ReactEcs.createElement(UiEntity, { uiTransform: styles.rowCenterSpaceBetween },
-                    ReactEcs.createElement(UiEntity, { uiTransform: styles.textInfoContainer },
-                        ReactEcs.createElement(Label, { value: '<b>Viewers</b>', fontSize: 18, color: colors.white }),
-                        ReactEcs.createElement(UiEntity, { uiText: {
-                                value: 'This link grants viewing access.',
-                                fontSize: 14,
-                                color: colors.gray,
-                                textAlign: 'top-left',
+    return (ReactEcs.createElement(UiEntity, { uiTransform: { flexDirection: 'column' } },
+        ReactEcs.createElement(UiEntity, { uiTransform: styles.fullContainer },
+            ReactEcs.createElement(UiEntity, { uiTransform: styles.mainBorderedContainer },
+                ReactEcs.createElement(UiEntity, { uiTransform: styles.headerRow },
+                    ReactEcs.createElement(UiEntity, { uiTransform: styles.columnFlexStart },
+                        ReactEcs.createElement(Label, { value: '<b>Room ID</b>', fontSize: 24, color: Color4.White() }),
+                        ReactEcs.createElement(Label, { value: `Expires in ${state.videoControl.dclCast?.expiresInDays} days`, fontSize: 14, color: colors.gray, uiTransform: styles.marginTopSmall })),
+                    video?.src && isDclCast(video.src) ? (ReactEcs.createElement(Button, { id: "dcl_cast_deactivate", value: "<b>Deactivate</b>", variant: "text", fontSize: 16, color: colors.white, uiTransform: styles.activateButton, onMouseDown: () => {
+                            controls.setSource('');
+                            state.videoControl.selectedStream = undefined;
+                        } })) : (ReactEcs.createElement(Button, { id: "dcl_cast_activate", value: "<b>Activate</b>", labelTransform: styles.activateButtonLabel, uiTransform: styles.activateButton, fontSize: 16, uiBackground: backgrounds.success, color: colors.black, onMouseDown: () => {
+                            controls.setSource(LIVEKIT_STREAM_SRC);
+                            state.videoControl.selectedStream = 'dcl-cast';
+                        } }))),
+                ReactEcs.createElement(UiEntity, { uiTransform: styles.columnContainer },
+                    ReactEcs.createElement(UiEntity, { uiTransform: styles.rowCenterSpaceBetween },
+                        ReactEcs.createElement(UiEntity, { uiTransform: {
+                                display: 'flex',
+                                flexDirection: 'column',
+                            } },
+                            ReactEcs.createElement(Label, { value: '<b>Cast speakers</b>', fontSize: 18, color: colors.white }),
+                            ReactEcs.createElement(UiEntity, { uiText: {
+                                    value: 'This link grants streaming access.',
+                                    fontSize: 14,
+                                    color: colors.gray,
+                                    textAlign: 'top-left',
+                                } })),
+                        ReactEcs.createElement(FeedbackButton, { id: "dcl_cast_copy_stream_link", value: "<b>Copy Link</b>", variant: "text", fontSize: 18, color: colors.white, iconRight: ICONS.COPY_TO_CLIPBOARD_ICON, iconRightTransform: styles.iconSmall, labelTransform: styles.marginRightSmall, uiTransform: styles.copyLinkButton, onMouseDown: () => {
+                                state.videoControl.dclCast?.streamLink &&
+                                    copyToClipboard({
+                                        text: state.videoControl.dclCast.streamLink,
+                                    });
                             } })),
-                    ReactEcs.createElement(FeedbackButton, { id: "dcl_cast_copy_watcher_link", value: "<b>Copy Link</b>", variant: "text", fontSize: 18, color: colors.white, iconRight: ICONS.COPY_TO_CLIPBOARD_ICON, iconRightTransform: styles.iconSmall, labelTransform: styles.marginRightSmall, uiTransform: styles.copyLinkButton, onMouseDown: () => {
-                            state.videoControl.dclCast?.watcherLink &&
-                                copyToClipboard({
-                                    text: state.videoControl.dclCast.watcherLink,
-                                });
-                        } })))),
-        ReactEcs.createElement(UiEntity, { uiTransform: styles.columnWithMarginTop },
-            ReactEcs.createElement(VideoControlVolume, { engine: engine, entity: entity, video: video, label: "<b>Cast volume</b>" }),
-            ReactEcs.createElement(UiEntity, null,
-                ReactEcs.createElement(Button, { id: "dcl_cast_reset_room_id", value: "<b>Reset Room</b>", variant: "text", fontSize: 16, color: colors.danger, uiTransform: styles.resetButton, onMouseDown: onResetRoomId })))));
+                    ReactEcs.createElement(UiEntity, { uiTransform: styles.separatorLine }),
+                    ReactEcs.createElement(UiEntity, { uiTransform: styles.rowCenterSpaceBetween },
+                        ReactEcs.createElement(UiEntity, { uiTransform: styles.textInfoContainer },
+                            ReactEcs.createElement(Label, { value: '<b>Viewers</b>', fontSize: 18, color: colors.white }),
+                            ReactEcs.createElement(UiEntity, { uiText: {
+                                    value: 'This link grants viewing access.',
+                                    fontSize: 14,
+                                    color: colors.gray,
+                                    textAlign: 'top-left',
+                                } })),
+                        ReactEcs.createElement(FeedbackButton, { id: "dcl_cast_copy_watcher_link", value: "<b>Copy Link</b>", variant: "text", fontSize: 18, color: colors.white, iconRight: ICONS.COPY_TO_CLIPBOARD_ICON, iconRightTransform: styles.iconSmall, labelTransform: styles.marginRightSmall, uiTransform: styles.copyLinkButton, onMouseDown: () => {
+                                state.videoControl.dclCast?.watcherLink &&
+                                    copyToClipboard({
+                                        text: state.videoControl.dclCast.watcherLink,
+                                    });
+                            } })))),
+            ReactEcs.createElement(UiEntity, { uiTransform: styles.columnWithMarginTop },
+                ReactEcs.createElement(UiEntity, { uiTransform: styles.volumeShowcaseRow },
+                    ReactEcs.createElement(VideoControlVolume, { engine: engine, entity: entity, video: video, label: "<b>Cast controls</b>" }),
+                    video?.src && isDclCast(video.src) && (ReactEcs.createElement(Button, { id: "dcl_cast_showcase_list", value: "<b>Speakers</b>", icon: ICONS.STAR, iconTransform: styles.starIcon, variant: "secondary", fontSize: 16, color: colors.white, uiTransform: styles.showcaseButton, onMouseDown: onShowShowcaseModal }))),
+                ReactEcs.createElement(UiEntity, { uiTransform: styles.castControlsRow },
+                    ReactEcs.createElement(Button, { id: "dcl_cast_share_presentation_id", value: state.videoControl.presentationState
+                            ? '<b>Replace Presentation</b>'
+                            : '<b>Share Presentation</b>', variant: "text", fontSize: 16, color: colors.white, uiTransform: {
+                            ...styles.resetButton,
+                            display: video?.src && isDclCast(video.src) ? 'flex' : 'none',
+                        }, onMouseDown: onSharePresentation }),
+                    ReactEcs.createElement(Button, { id: "dcl_cast_reset_room_id", value: "<b>Reset Room</b>", variant: "text", fontSize: 16, color: colors.danger, uiTransform: styles.resetButton, onMouseDown: onResetRoomId }))))));
 };
 export default DclCastInfo;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGNsQ2FzdEluZm8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYWRtaW4tdG9vbGtpdC11aS9WaWRlb0NvbnRyb2wvRGNsQ2FzdC9EY2xDYXN0SW5mby50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsT0FBTyxRQUFRLEVBQUUsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzVELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUN0QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFFdEQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDdEQsT0FBTyxFQUFFLHlCQUF5QixFQUFFLFNBQVMsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUNoRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLGdCQUFnQixFQUFFLHFCQUFxQixFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQ3JGLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUU5QyxNQUFNLEtBQUssR0FBRztJQUNaLHNCQUFzQixFQUFFLEdBQUcsV0FBVyxtREFBbUQ7Q0FDMUYsQ0FBQztBQUVGLE1BQU0sV0FBVyxHQUFHLENBQUMsRUFDbkIsS0FBSyxFQUNMLE1BQU0sRUFDTixhQUFhLEVBQ2IsTUFBTSxFQUNOLEtBQUssR0FPTixFQUFFLEVBQUU7SUFDSCxNQUFNLFFBQVEsR0FBRyx5QkFBeUIsQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDLENBQUM7SUFDM0QsTUFBTSxNQUFNLEdBQUcsZ0JBQWdCLEVBQUUsQ0FBQztJQUNsQyxN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RUFDdkMsa0JBQWtCLEVBQUUsTUFBTSxDQUFDLFNBQVMsRUFDcEMsY0FBYyxFQUFFLE1BQU0sQ0FBQyxnQkFBZ0IsRUFDdkMsV0FBVyxFQUFFLE1BQU0sQ0FBQyxjQUFjLEVBQ2xDLFdBQVcsRUFBRSxHQUFHLEVBQUU7NEJBQ2hCLEtBQUssQ0FBQyxZQUFZLENBQUMsT0FBTyxFQUFFLFdBQVc7Z0NBQ3JDLGVBQWUsQ0FBQztvQ0FDZCxJQUFJLEVBQUUsS0FBSyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsV0FBVztpQ0FDN0MsQ0FBQyxDQUFDO3dCQUNQLENBQUMsR0FDRCxDQUNPLENBQ0YsQ0FDRjtRQUNYLHVCQUFDLFFBQVEsSUFBQyxXQUFXLEVBQUUsTUFBTSxDQUFDLG1CQUFtQjtZQUMvQyx1QkFBQyxrQkFBa0IsSUFDakIsTUFBTSxFQUFFLE1BQU0sRUFDZCxNQUFNLEVBQUUsTUFBTSxFQUNkLEtBQUssRUFBRSxLQUFLLEVBQ1osS0FBSyxFQUFDLG9CQUFvQixHQUMxQjtZQUNGLHVCQUFDLFFBQVE7Z0JBQ1AsdUJBQUMsTUFBTSxJQUNMLEVBQUUsRUFBQyx3QkFBd0IsRUFDM0IsS0FBSyxFQUFDLG1CQUFtQixFQUN6QixPQUFPLEVBQUMsTUFBTSxFQUNkLFFBQVEsRUFBRSxFQUFFLEVBQ1osS0FBSyxFQUFFLE1BQU0sQ0FBQyxNQUFNLEVBQ3BCLFdBQVcsRUFBRSxNQUFNLENBQUMsV0FBVyxFQUMvQixXQUFXLEVBQUUsYUFBYSxHQUMxQixDQUNPLENBQ0YsQ0FDRixDQUNaLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixlQUFlLFdBQVcsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEVudGl0eSwgSUVuZ2luZSB9IGZyb20gJ0BkY2wvZWNzJztcbmltcG9ydCB7IERlZXBSZWFkb25seU9iamVjdCwgUEJWaWRlb1BsYXllciB9IGZyb20gJ0BkY2wvZWNzJztcbmltcG9ydCBSZWFjdEVjcywgeyBMYWJlbCwgVWlFbnRpdHkgfSBmcm9tICdAZGNsL3JlYWN0LWVjcyc7XG5pbXBvcnQgeyBjb3B5VG9DbGlwYm9hcmQgfSBmcm9tICd+c3lzdGVtL1Jlc3RyaWN0ZWRBY3Rpb25zJztcbmltcG9ydCB7IENvbG9yNCB9IGZyb20gJ0BkY2wvc2RrL21hdGgnO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnLi4vLi4vQnV0dG9uJztcbmltcG9ydCB7IEZlZWRiYWNrQnV0dG9uIH0gZnJvbSAnLi4vLi4vRmVlZGJhY2tCdXR0b24nO1xuaW1wb3J0IHsgU3RhdGUgfSBmcm9tICcuLi8uLi90eXBlcyc7XG5pbXBvcnQgeyBWaWRlb0NvbnRyb2xWb2x1bWUgfSBmcm9tICcuLi9Wb2x1bWVDb250cm9sJztcbmltcG9ydCB7IGNyZWF0ZVZpZGVvUGxheWVyQ29udHJvbHMsIGlzRGNsQ2FzdCB9IGZyb20gJy4uL3V0aWxzJztcbmltcG9ydCB7IExJVkVLSVRfU1RSRUFNX1NSQyB9IGZyb20gJy4uL0xpdmVTdHJlYW0nO1xuaW1wb3J0IHsgZ2V0RGNsQ2FzdFN0eWxlcywgZ2V0RGNsQ2FzdENvbG9ycywgZ2V0RGNsQ2FzdEJhY2tncm91bmRzIH0gZnJvbSAnLi9zdHlsZXMnO1xuaW1wb3J0IHsgQ09OVEVOVF9VUkwgfSBmcm9tICcuLi8uLi9jb25zdGFudHMnO1xuXG5jb25zdCBJQ09OUyA9IHtcbiAgQ09QWV9UT19DTElQQk9BUkRfSUNPTjogYCR7Q09OVEVOVF9VUkx9L2FkbWluX3Rvb2xraXQvYXNzZXRzL2ljb25zL2NvcHktdG8tY2xpcGJvYXJkLnBuZ2AsXG59O1xuXG5jb25zdCBEY2xDYXN0SW5mbyA9ICh7XG4gIHN0YXRlLFxuICBlbmdpbmUsXG4gIG9uUmVzZXRSb29tSWQsXG4gIGVudGl0eSxcbiAgdmlkZW8sXG59OiB7XG4gIHN0YXRlOiBTdGF0ZTtcbiAgZW5naW5lOiBJRW5naW5lO1xuICBvblJlc2V0Um9vbUlkOiAoKSA9PiBQcm9taXNlPHZvaWQ+O1xuICBlbnRpdHk6IEVudGl0eTtcbiAgdmlkZW86IERlZXBSZWFkb25seU9iamVjdDxQQlZpZGVvUGxheWVyPiB8IHVuZGVmaW5lZDtcbn0pID0+IHtcbiAgY29uc3QgY29udHJvbHMgPSBjcmVhdGVWaWRlb1BsYXllckNvbnRyb2xzKGVudGl0eSwgZW5naW5lKTtcbiAgY29uc3Qgc3R5bGVzID0gZ2V0RGNsQ2FzdFN0eWxlcygpO1xuICBjb25zdCBjb2xvcnMgPSBnZXREY2xDYXN0Q29sb3JzKCk7XG4gIGNvbnN0IGJhY2tncm91bmRzID0gZ2V0RGNsQ2FzdEJhY2tncm91bmRzKCk7XG4gIHJldHVybiAoXG4gICAgPFVpRW50aXR5IHVpVHJhbnNmb3JtPXtzdHlsZXMuZnVsbENvbnRhaW5lcn0+XG4gICAgICA8VWlFbnRpdHkgdWlUcmFuc2Zvcm09e3N0eWxlcy5tYWluQm9yZGVyZWRDb250YWluZXJ9PlxuICAgICAgICA8VWlFbnRpdHkgdWlUcmFuc2Zvcm09e3N0eWxlcy5oZWFkZXJSb3d9PlxuICAgICAgICAgIDxVaUVudGl0eSB1aVRyYW5zZm9ybT17c3R5bGVzLmNvbHVtbkZsZXhTdGFydH0+XG4gICAgICAgICAgICA8TGFiZWxcbiAgICAgICAgICAgICAgdmFsdWU9eyc8Yj5Sb29tIElEPC9iPid9XG4gICAgICAgICAgICAgIGZvbnRTaXplPXsyNH1cbiAgICAgICAgICAgICAgY29sb3I9e0NvbG9yNC5XaGl0ZSgpfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxMYWJlbFxuICAgICAgICAgICAgICB2YWx1ZT17YEV4cGlyZXMgaW4gJHtzdGF0ZS52aWRlb0NvbnRyb2wuZGNsQ2FzdD8uZXhwaXJlc0luRGF5c30gZGF5c2B9XG4gICAgICAgICAgICAgIGZvbnRTaXplPXsxNH1cbiAgICAgICAgICAgICAgY29sb3I9e2NvbG9ycy5ncmF5fVxuICAgICAgICAgICAgICB1aVRyYW5zZm9ybT17c3R5bGVzLm1hcmdpblRvcFNtYWxsfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L1VpRW50aXR5PlxuICAgICAgICAgIHt2aWRlbz8uc3JjICYmIGlzRGNsQ2FzdCh2aWRlby5zcmMpID8gKFxuICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICBpZD1cImRjbF9jYXN0X2RlYWN0aXZhdGVcIlxuICAgICAgICAgICAgICB2YWx1ZT1cIjxiPkRlYWN0aXZhdGU8L2I+XCJcbiAgICAgICAgICAgICAgdmFyaWFudD1cInRleHRcIlxuICAgICAgICAgICAgICBmb250U2l6ZT17MTZ9XG4gICAgICAgICAgICAgIGNvbG9yPXtjb2xvcnMud2hpdGV9XG4gICAgICAgICAgICAgIHVpVHJhbnNmb3JtPXtzdHlsZXMuYWN0aXZhdGVCdXR0b259XG4gICAgICAgICAgICAgIG9uTW91c2VEb3duPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgY29udHJvbHMuc2V0U291cmNlKCcnKTtcbiAgICAgICAgICAgICAgICBzdGF0ZS52aWRlb0NvbnRyb2wuc2VsZWN0ZWRTdHJlYW0gPSB1bmRlZmluZWQ7XG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgIGlkPVwiZGNsX2Nhc3RfYWN0aXZhdGVcIlxuICAgICAgICAgICAgICB2YWx1ZT1cIjxiPkFjdGl2YXRlPC9iPlwiXG4gICAgICAgICAgICAgIGxhYmVsVHJhbnNmb3JtPXtzdHlsZXMuYWN0aXZhdGVCdXR0b25MYWJlbH1cbiAgICAgICAgICAgICAgdWlUcmFuc2Zvcm09e3N0eWxlcy5hY3RpdmF0ZUJ1dHRvbn1cbiAgICAgICAgICAgICAgZm9udFNpemU9ezE2fVxuICAgICAgICAgICAgICB1aUJhY2tncm91bmQ9e2JhY2tncm91bmRzLnN1Y2Nlc3N9XG4gICAgICAgICAgICAgIGNvbG9yPXtjb2xvcnMuYmxhY2t9XG4gICAgICAgICAgICAgIG9uTW91c2VEb3duPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgY29udHJvbHMuc2V0U291cmNlKExJVkVLSVRfU1RSRUFNX1NSQyk7XG4gICAgICAgICAgICAgICAgc3RhdGUudmlkZW9Db250cm9sLnNlbGVjdGVkU3RyZWFtID0gJ2RjbC1jYXN0JztcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9VaUVudGl0eT5cbiAgICAgICAgPFVpRW50aXR5IHVpVHJhbnNmb3JtPXtzdHlsZXMuY29sdW1uQ29udGFpbmVyfT5cbiAgICAgICAgICA8VWlFbnRpdHkgdWlUcmFuc2Zvcm09e3N0eWxlcy5yb3dDZW50ZXJTcGFjZUJldHdlZW59PlxuICAgICAgICAgICAgPFVpRW50aXR5XG4gICAgICAgICAgICAgIHVpVHJhbnNmb3JtPXt7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICAgICAgICAgIGZsZXhEaXJlY3Rpb246ICdjb2x1bW4nLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8TGFiZWxcbiAgICAgICAgICAgICAgICB2YWx1ZT17JzxiPkNhc3Qgc3BlYWtlcnM8L2I+J31cbiAgICAgICAgICAgICAgICBmb250U2l6ZT17MTh9XG4gICAgICAgICAgICAgICAgY29sb3I9e2NvbG9ycy53aGl0ZX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgPFVpRW50aXR5XG4gICAgICAgICAgICAgICAgdWlUZXh0PXt7XG4gICAgICAgICAgICAgICAgICB2YWx1ZTogJ1RoaXMgbGluayBncmFudHMgc3RyZWFtaW5nIGFjY2Vzcy4nLFxuICAgICAgICAgICAgICAgICAgZm9udFNpemU6IDE0LFxuICAgICAgICAgICAgICAgICAgY29sb3I6IGNvbG9ycy5ncmF5LFxuICAgICAgICAgICAgICAgICAgdGV4dEFsaWduOiAndG9wLWxlZnQnLFxuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L1VpRW50aXR5PlxuICAgICAgICAgICAgPEZlZWRiYWNrQnV0dG9uXG4gICAgICAgICAgICAgIGlkPVwiZGNsX2Nhc3RfY29weV9zdHJlYW1fbGlua1wiXG4gICAgICAgICAgICAgIHZhbHVlPVwiPGI+Q29weSBMaW5rPC9iPlwiXG4gICAgICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXh0XCJcbiAgICAgICAgICAgICAgZm9udFNpemU9ezE4fVxuICAgICAgICAgICAgICBjb2xvcj17Y29sb3JzLndoaXRlfVxuICAgICAgICAgICAgICBpY29uUmlnaHQ9e0lDT05TLkNPUFlfVE9fQ0xJUEJPQVJEX0lDT059XG4gICAgICAgICAgICAgIGljb25SaWdodFRyYW5zZm9ybT17c3R5bGVzLmljb25TbWFsbH1cbiAgICAgICAgICAgICAgbGFiZWxUcmFuc2Zvcm09e3N0eWxlcy5tYXJnaW5SaWdodFNtYWxsfVxuICAgICAgICAgICAgICB1aVRyYW5zZm9ybT17c3R5bGVzLmNvcHlMaW5rQnV0dG9ufVxuICAgICAgICAgICAgICBvbk1vdXNlRG93bj17KCkgPT4ge1xuICAgICAgICAgICAgICAgIHN0YXRlLnZpZGVvQ29udHJvbC5kY2xDYXN0Py5zdHJlYW1MaW5rICYmXG4gICAgICAgICAgICAgICAgICBjb3B5VG9DbGlwYm9hcmQoe1xuICAgICAgICAgICAgICAgICAgICB0ZXh0OiBzdGF0ZS52aWRlb0NvbnRyb2wuZGNsQ2FzdC5zdHJlYW1MaW5rLFxuICAgICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvVWlFbnRpdHk+XG4gICAgICAgICAgPFVpRW50aXR5IHVpVHJhbnNmb3JtPXtzdHlsZXMuc2VwYXJhdG9yTGluZX0gLz5cbiAgICAgICAgICA8VWlFbnRpdHkgdWlUcmFuc2Zvcm09e3N0eWxlcy5yb3dDZW50ZXJTcGFjZUJldHdlZW59PlxuICAgICAgICAgICAgPFVpRW50aXR5IHVpVHJhbnNmb3JtPXtzdHlsZXMudGV4dEluZm9Db250YWluZXJ9PlxuICAgICAgICAgICAgICA8TGFiZWxcbiAgICAgICAgICAgICAgICB2YWx1ZT17JzxiPlZpZXdlcnM8L2I+J31cbiAgICAgICAgICAgICAgICBmb250U2l6ZT17MTh9XG4gICAgICAgICAgICAgICAgY29sb3I9e2NvbG9ycy53aGl0ZX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgPFVpRW50aXR5XG4gICAgICAgICAgICAgICAgdWlUZXh0PXt7XG4gICAgICAgICAgICAgICAgICB2YWx1ZTogJ1RoaXMgbGluayBncmFudHMgdmlld2luZyBhY2Nlc3MuJyxcbiAgICAgICAgICAgICAgICAgIGZvbnRTaXplOiAxNCxcbiAgICAgICAgICAgICAgICAgIGNvbG9yOiBjb2xvcnMuZ3JheSxcbiAgICAgICAgICAgICAgICAgIHRleHRBbGlnbjogJ3RvcC1sZWZ0JyxcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9VaUVudGl0eT5cbiAgICAgICAgICAgIDxGZWVkYmFja0J1dHRvblxuICAgICAgICAgICAgICBpZD1cImRjbF9jYXN0X2NvcHlfd2F0Y2hlcl9saW5rXCJcbiAgICAgICAgICAgICAgdmFsdWU9XCI8Yj5Db3B5IExpbms8L2I+XCJcbiAgICAgICAgICAgICAgdmFyaWFudD1cInRleHRcIlxuICAgICAgICAgICAgICBmb250U2l6ZT17MTh9XG4gICAgICAgICAgICAgIGNvbG9yPXtjb2xvcnMud2hpdGV9XG4gICAgICAgICAgICAgIGljb25SaWdodD17SUNPTlMuQ09QWV9UT19DTElQQk9BUkRfSUNPTn1cbiAgICAgICAgICAgICAgaWNvblJpZ2h0VHJhbnNmb3JtPXtzdHlsZXMuaWNvblNtYWxsfVxuICAgICAgICAgICAgICBsYWJlbFRyYW5zZm9ybT17c3R5bGVzLm1hcmdpblJpZ2h0U21hbGx9XG4gICAgICAgICAgICAgIHVpVHJhbnNmb3JtPXtzdHlsZXMuY29weUxpbmtCdXR0b259XG4gICAgICAgICAgICAgIG9uTW91c2VEb3duPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgc3RhdGUudmlkZW9Db250cm9sLmRjbENhc3Q/LndhdGNoZXJMaW5rICYmXG4gICAgICAgICAgICAgICAgICBjb3B5VG9DbGlwYm9hcmQoe1xuICAgICAgICAgICAgICAgICAgICB0ZXh0OiBzdGF0ZS52aWRlb0NvbnRyb2wuZGNsQ2FzdC53YXRjaGVyTGluayxcbiAgICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L1VpRW50aXR5PlxuICAgICAgICA8L1VpRW50aXR5PlxuICAgICAgPC9VaUVudGl0eT5cbiAgICAgIDxVaUVudGl0eSB1aVRyYW5zZm9ybT17c3R5bGVzLmNvbHVtbldpdGhNYXJnaW5Ub3B9PlxuICAgICAgICA8VmlkZW9Db250cm9sVm9sdW1lXG4gICAgICAgICAgZW5naW5lPXtlbmdpbmV9XG4gICAgICAgICAgZW50aXR5PXtlbnRpdHl9XG4gICAgICAgICAgdmlkZW89e3ZpZGVvfVxuICAgICAgICAgIGxhYmVsPVwiPGI+Q2FzdCB2b2x1bWU8L2I+XCJcbiAgICAgICAgLz5cbiAgICAgICAgPFVpRW50aXR5PlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGlkPVwiZGNsX2Nhc3RfcmVzZXRfcm9vbV9pZFwiXG4gICAgICAgICAgICB2YWx1ZT1cIjxiPlJlc2V0IFJvb208L2I+XCJcbiAgICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXh0XCJcbiAgICAgICAgICAgIGZvbnRTaXplPXsxNn1cbiAgICAgICAgICAgIGNvbG9yPXtjb2xvcnMuZGFuZ2VyfVxuICAgICAgICAgICAgdWlUcmFuc2Zvcm09e3N0eWxlcy5yZXNldEJ1dHRvbn1cbiAgICAgICAgICAgIG9uTW91c2VEb3duPXtvblJlc2V0Um9vbUlkfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvVWlFbnRpdHk+XG4gICAgICA8L1VpRW50aXR5PlxuICAgIDwvVWlFbnRpdHk+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBEY2xDYXN0SW5mbztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGNsQ2FzdEluZm8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYWRtaW4tdG9vbGtpdC11aS9WaWRlb0NvbnRyb2wvRGNsQ2FzdC9EY2xDYXN0SW5mby50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0EsT0FBTyxRQUFRLEVBQUUsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDM0QsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDNUQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUN0QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDaEQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBRXRELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUN0RCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsU0FBUyxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxnQkFBZ0IsRUFBRSxxQkFBcUIsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUVyRixNQUFNLEtBQUssR0FBRztJQUNaLElBQUksc0JBQXNCO1FBQ3hCLE9BQU8sR0FBRyxhQUFhLEVBQUUsbURBQW1ELENBQUM7SUFDL0UsQ0FBQztJQUNELElBQUksSUFBSTtRQUNOLE9BQU8sR0FBRyxhQUFhLEVBQUUsc0NBQXNDLENBQUM7SUFDbEUsQ0FBQztDQUNGLENBQUM7QUFFRixNQUFNLFdBQVcsR0FBRyxDQUFDLEVBQ25CLEtBQUssRUFDTCxNQUFNLEVBQ04sYUFBYSxFQUNiLG1CQUFtQixFQUNuQixtQkFBbUIsRUFDbkIsTUFBTSxFQUNOLEtB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QUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssRUFDbkIsV0FBVyxFQUFFLE1BQU0sQ0FBQyxjQUFjLEVBQ2xDLFdBQVcsRUFBRSxtQkFBbUIsR0FDaEMsQ0FDSCxDQUNRO2dCQUNYLHVCQUFDLFFBQVEsSUFBQyxXQUFXLEVBQUUsTUFBTSxDQUFDLGVBQWU7b0JBQzNDLHVCQUFDLE1BQU0sSUFDTCxFQUFFLEVBQUMsZ0NBQWdDLEVBQ25DLEtBQUssRUFDSCxLQUFLLENBQUMsWUFBWSxDQUFDLGlCQUFpQjs0QkFDbEMsQ0FBQyxDQUFDLDZCQUE2Qjs0QkFDL0IsQ0FBQyxDQUFDLDJCQUEyQixFQUVqQyxPQUFPLEVBQUMsTUFBTSxFQUNkLFFBQVEsRUFBRSxFQUFFLEVBQ1osS0FBSyxFQUFFLE1BQU0sQ0FBQyxLQUFLLEVBQ25CLFdBQVcsRUFBRTs0QkFDWCxHQUFHLE1BQU0sQ0FBQyxXQUFXOzRCQUNyQixPQUFPLEVBQUUsS0FBSyxFQUFFLEdBQUcsSUFBSSxTQUFTLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU07eUJBQzlELEVBQ0QsV0FBVyxFQUFFLG1CQUFtQixHQUNoQztvQkFDRix1QkFBQyxNQUFNLElBQ0wsRUFBRSxFQUFDLHdCQUF3QixFQUMzQixLQUFLLEVBQUMsbUJBQW1CLEVBQ3pCLE9BQU8sRUFBQyxNQUFNLEVBQ2QsUUFBUSxFQUFFLEVBQUUsRUFDWixLQUFLLEVBQUUsTUFBTSxDQUFDLE1BQU0sRUFDcEIsV0FBVyxFQUFFLE1BQU0sQ0FBQyxXQUFXLEVBQy9CLFdBQVcsRUFBRSxhQUFhLEdBQzFCLENBQ08sQ0FDRixDQUNGLENBQ0YsQ0FDWixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsZUFBZSxXQUFXLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEVudGl0eSwgSUVuZ2luZSB9IGZyb20gJ0BkY2wvZWNzJztcbmltcG9ydCB0eXBlIHsgRGVlcFJlYWRvbmx5T2JqZWN0LCBQQlZpZGVvUGxheWVyIH0gZnJvbSAnQGRjbC9lY3MnO1xuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFycyAtLSBSZWFjdEVjcyBpcyByZXF1aXJlZCBmb3IgSlNYIGZhY3RvcnlcbmltcG9ydCBSZWFjdEVjcywgeyBMYWJlbCwgVWlFbnRpdHkgfSBmcm9tICdAZGNsL3JlYWN0LWVjcyc7XG5pbXBvcnQgeyBDb2xvcjQgfSBmcm9tICdAZGNsL3Nkay9tYXRoJztcbmltcG9ydCB7IGNvcHlUb0NsaXBib2FyZCB9IGZyb20gJ35zeXN0ZW0vUmVzdHJpY3RlZEFjdGlvbnMnO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnLi4vLi4vQnV0dG9uJztcbmltcG9ydCB7IGdldENvbnRlbnRVcmwgfSBmcm9tICcuLi8uLi9jb25zdGFudHMnO1xuaW1wb3J0IHsgRmVlZGJhY2tCdXR0b24gfSBmcm9tICcuLi8uLi9GZWVkYmFja0J1dHRvbic7XG5pbXBvcnQgdHlwZSB7IFN0YXRlIH0gZnJvbSAnLi4vLi4vdHlwZXMnO1xuaW1wb3J0IHsgTElWRUtJVF9TVFJFQU1fU1JDIH0gZnJvbSAnLi4vTGl2ZVN0cmVhbSc7XG5pbXBvcnQgeyBWaWRlb0NvbnRyb2xWb2x1bWUgfSBmcm9tICcuLi9Wb2x1bWVDb250cm9sJztcbmltcG9ydCB7IGNyZWF0ZVZpZGVvUGxheWVyQ29udHJvbHMsIGlzRGNsQ2FzdCB9IGZyb20gJy4uL3V0aWxzJztcbmltcG9ydCB7IGdldERjbENhc3RTdHlsZXMsIGdldERjbENhc3RDb2xvcnMsIGdldERjbENhc3RCYWNrZ3JvdW5kcyB9IGZyb20gJy4vc3R5bGVzJztcblxuY29uc3QgSUNPTlMgPSB7XG4gIGdldCBDT1BZX1RPX0NMSVBCT0FSRF9JQ09OKCkge1xuICAgIHJldHVybiBgJHtnZXRDb250ZW50VXJsKCl9L2FkbWluX3Rvb2xraXQvYXNzZXRzL2ljb25zL2NvcHktdG8tY2xpcGJvYXJkLnBuZ2A7XG4gIH0sXG4gIGdldCBTVEFSKCkge1xuICAgIHJldHVybiBgJHtnZXRDb250ZW50VXJsKCl9L2FkbWluX3Rvb2xraXQvYXNzZXRzL2ljb25zL3N0YXIucG5nYDtcbiAgfSxcbn07XG5cbmNvbnN0IERjbENhc3RJbmZvID0gKHtcbiAgc3RhdGUsXG4gIGVuZ2luZSxcbiAgb25SZXNldFJvb21JZCxcbiAgb25TaG93U2hvd2Nhc2VNb2RhbCxcbiAgb25TaGFyZVByZXNlbnRhdGlvbixcbiAgZW50aXR5LFxuICB2aWRlbyxcbn06IHtcbiAgc3RhdGU6IFN0YXRlO1xuICBlbmdpbmU6IElFbmdpbmU7XG4gIG9uUmVzZXRSb29tSWQ6ICgpID0+IFByb21pc2U8dm9pZD47XG4gIG9uU2hvd1Nob3djYXNlTW9kYWw6ICgpID0+IFByb21pc2U8dm9pZD47XG4gIG9uU2hhcmVQcmVzZW50YXRpb246ICgpID0+IHZvaWQ7XG4gIGVudGl0eTogRW50aXR5O1xuICB2aWRlbzogRGVlcFJlYWRvbmx5T2JqZWN0PFBCVmlkZW9QbGF5ZXI+IHwgdW5kZWZpbmVkO1xufSkgPT4ge1xuICBjb25zdCBjb250cm9scyA9IGNyZWF0ZVZpZGVvUGxheWVyQ29udHJvbHMoZW50aXR5LCBlbmdpbmUpO1xuICBjb25zdCBzdHlsZXMgPSBnZXREY2xDYXN0U3R5bGVzKCk7XG4gIGNvbnN0IGNvbG9ycyA9IGdldERjbENhc3RDb2xvcnMoKTtcbiAgY29uc3QgYmFja2dyb3VuZHMgPSBnZXREY2xDYXN0QmFja2dyb3VuZHMoKTtcbiAgcmV0dXJuIChcbiAgICA8VWlFbnRpdHkgdWlUcmFuc2Zvcm09e3sgZmxleERpcmVjdGlvbjogJ2NvbHVtbicgfX0+XG4gICAgICA8VWlFbnRpdHkgdWlUcmFuc2Zvcm09e3N0eWxlcy5mdWxsQ29udGFpbmVyfT5cbiAgICAgICAgPFVpRW50aXR5IHVpVHJhbnNmb3JtPXtzdHlsZXMubWFpbkJvcmRlcmVkQ29udGFpbmVyfT5cbiAgICAgICAgICA8VWlFbnRpdHkgdWlUcmFuc2Zvcm09e3N0eWxlcy5oZWFkZXJSb3d9PlxuICAgICAgICAgICAgPFVpRW50aXR5IHVpVHJhbnNmb3JtPXtzdHlsZXMuY29sdW1uRmxleFN0YXJ0fT5cbiAgICAgICAgICAgICAgPExhYmVsXG4gICAgICAgICAgICAgICAgdmFsdWU9eyc8Yj5Sb29tIElEPC9iPid9XG4gICAgICAgICAgICAgICAgZm9udFNpemU9ezI0fVxuICAgICAgICAgICAgICAgIGNvbG9yPXtDb2xvcjQuV2hpdGUoKX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgPExhYmVsXG4gICAgICAgICAgICAgICAgdmFsdWU9e2BFeHBpcmVzIGluICR7c3RhdGUudmlkZW9Db250cm9sLmRjbENhc3Q/LmV4cGlyZXNJbkRheXN9IGRheXNgfVxuICAgICAgICAgICAgICAgIGZvbnRTaXplPXsxNH1cbiAgICAgICAgICAgICAgICBjb2xvcj17Y29sb3JzLmdyYXl9XG4gICAgICAgICAgICAgICAgdWlUcmFuc2Zvcm09e3N0eWxlcy5tYXJnaW5Ub3BTbWFsbH1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvVWlFbnRpdHk+XG4gICAgICAgICAgICB7dmlkZW8/LnNyYyAmJiBpc0RjbENhc3QodmlkZW8uc3JjKSA/IChcbiAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgIGlkPVwiZGNsX2Nhc3RfZGVhY3RpdmF0ZVwiXG4gICAgICAgICAgICAgICAgdmFsdWU9XCI8Yj5EZWFjdGl2YXRlPC9iPlwiXG4gICAgICAgICAgICAgICAgdmFyaWFudD1cInRleHRcIlxuICAgICAgICAgICAgICAgIGZvbnRTaXplPXsxNn1cbiAgICAgICAgICAgICAgICBjb2xvcj17Y29sb3JzLndoaXRlfVxuICAgICAgICAgICAgICAgIHVpVHJhbnNmb3JtPXtzdHlsZXMuYWN0aXZhdGVCdXR0b259XG4gICAgICAgICAgICAgICAgb25Nb3VzZURvd249eygpID0+IHtcbiAgICAgICAgICAgICAgICAgIGNvbnRyb2xzLnNldFNvdXJjZSgnJyk7XG4gICAgICAgICAgICAgICAgICBzdGF0ZS52aWRlb0NvbnRyb2wuc2VsZWN0ZWRTdHJlYW0gPSB1bmRlZmluZWQ7XG4gICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgICBpZD1cImRjbF9jYXN0X2FjdGl2YXRlXCJcbiAgICAgICAgICAgICAgICB2YWx1ZT1cIjxiPkFjdGl2YXRlPC9iPlwiXG4gICAgICAgICAgICAgICAgbGFiZWxUcmFuc2Zvcm09e3N0eWxlcy5hY3RpdmF0ZUJ1dHRvbkxhYmVsfVxuICAgICAgICAgICAgICAgIHVpVHJhbnNmb3JtPXtzdHlsZXMuYWN0aXZhdGVCdXR0b259XG4gICAgICAgICAgICAgICAgZm9udFNpemU9ezE2fVxuICAgICAgICAgICAgICAgIHVpQmFja2dyb3VuZD17YmFja2dyb3VuZHMuc3VjY2Vzc31cbiAgICAgICAgICAgICAgICBjb2xvcj17Y29sb3JzLmJsYWNrfVxuICAgICAgICAgICAgICAgIG9uTW91c2VEb3duPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgICBjb250cm9scy5zZXRTb3VyY2UoTElWRUtJVF9TVFJFQU1fU1JDKTtcbiAgICAgICAgICAgICAgICAgIHN0YXRlLnZpZGVvQ29udHJvbC5zZWxlY3RlZFN0cmVhbSA9ICdkY2wtY2FzdCc7XG4gICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9VaUVudGl0eT5cbiAgICAgICAgICA8VWlFbnRpdHkgdWlUcmFuc2Zvcm09e3N0eWxlcy5jb2x1bW5Db250YWluZXJ9PlxuICAgICAgICAgICAgPFVpRW50aXR5IHVpVHJhbnNmb3JtPXtzdHlsZXMucm93Q2VudGVyU3BhY2VCZXR3ZWVufT5cbiAgICAgICAgICAgICAgPFVpRW50aXR5XG4gICAgICAgICAgICAgICAgdWlUcmFuc2Zvcm09e3tcbiAgICAgICAgICAgICAgICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICAgICAgICAgICAgICAgIGZsZXhEaXJlY3Rpb246ICdjb2x1bW4nLFxuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8TGFiZWxcbiAgICAgICAgICAgICAgICAgIHZhbHVlPXsnPGI+Q2FzdCBzcGVha2VyczwvYj4nfVxuICAgICAgICAgICAgICAgICAgZm9udFNpemU9ezE4fVxuICAgICAgICAgICAgICAgICAgY29sb3I9e2NvbG9ycy53aGl0ZX1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDxVaUVudGl0eVxuICAgICAgICAgICAgICAgICAgdWlUZXh0PXt7XG4gICAgICAgICAgICAgICAgICAgIHZhbHVlOiAnVGhpcyBsaW5rIGdyYW50cyBzdHJlYW1pbmcgYWNjZXNzLicsXG4gICAgICAgICAgICAgICAgICAgIGZvbnRTaXplOiAxNCxcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6IGNvbG9ycy5ncmF5LFxuICAgICAgICAgICAgICAgICAgICB0ZXh0QWxpZ246ICd0b3AtbGVmdCcsXG4gICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIDwvVWlFbnRpdHk+XG4gICAgICAgICAgICAgIDxGZWVkYmFja0J1dHRvblxuICAgICAgICAgICAgICAgIGlkPVwiZGNsX2Nhc3RfY29weV9zdHJlYW1fbGlua1wiXG4gICAgICAgICAgICAgICAgdmFsdWU9XCI8Yj5Db3B5IExpbms8L2I+XCJcbiAgICAgICAgICAgICAgICB2YXJpYW50PVwidGV4dFwiXG4gICAgICAgICAgICAgICAgZm9udFNpemU9ezE4fVxuICAgICAgICAgICAgICAgIGNvbG9yPXtjb2xvcnMud2hpdGV9XG4gICAgICAgICAgICAgICAgaWNvblJpZ2h0PXtJQ09OUy5DT1BZX1RPX0NMSVBCT0FSRF9JQ09OfVxuICAgICAgICAgICAgICAgIGljb25SaWdodFRyYW5zZm9ybT17c3R5bGVzLmljb25TbWFsbH1cbiAgICAgICAgICAgICAgICBsYWJlbFRyYW5zZm9ybT17c3R5bGVzLm1hcmdpblJpZ2h0U21hbGx9XG4gICAgICAgICAgICAgICAgdWlUcmFuc2Zvcm09e3N0eWxlcy5jb3B5TGlua0J1dHRvbn1cbiAgICAgICAgICAgICAgICBvbk1vdXNlRG93bj17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgc3RhdGUudmlkZW9Db250cm9sLmRjbENhc3Q/LnN0cmVhbUxpbmsgJiZcbiAgICAgICAgICAgICAgICAgICAgY29weVRvQ2xpcGJvYXJkKHtcbiAgICAgICAgICAgICAgICAgICAgICB0ZXh0OiBzdGF0ZS52aWRlb0NvbnRyb2wuZGNsQ2FzdC5zdHJlYW1MaW5rLFxuICAgICAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9VaUVudGl0eT5cbiAgICAgICAgICAgIDxVaUVudGl0eSB1aVRyYW5zZm9ybT17c3R5bGVzLnNlcGFyYXRvckxpbmV9IC8+XG4gICAgICAgICAgICA8VWlFbnRpdHkgdWlUcmFuc2Zvcm09e3N0eWxlcy5yb3dDZW50ZXJTcGFjZUJldHdlZW59PlxuICAgICAgICAgICAgICA8VWlFbnRpdHkgdWlUcmFuc2Zvcm09e3N0eWxlcy50ZXh0SW5mb0NvbnRhaW5lcn0+XG4gICAgICAgICAgICAgICAgPExhYmVsXG4gICAgICAgICAgICAgICAgICB2YWx1ZT17JzxiPlZpZXdlcnM8L2I+J31cbiAgICAgICAgICAgICAgICAgIGZvbnRTaXplPXsxOH1cbiAgICAgICAgICAgICAgICAgIGNvbG9yPXtjb2xvcnMud2hpdGV9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8VWlFbnRpdHlcbiAgICAgICAgICAgICAgICAgIHVpVGV4dD17e1xuICAgICAgICAgICAgICAgICAgICB2YWx1ZTogJ1RoaXMgbGluayBncmFudHMgdmlld2luZyBhY2Nlc3MuJyxcbiAgICAgICAgICAgICAgICAgICAgZm9udFNpemU6IDE0LFxuICAgICAgICAgICAgICAgICAgICBjb2xvcjogY29sb3JzLmdyYXksXG4gICAgICAgICAgICAgICAgICAgIHRleHRBbGlnbjogJ3RvcC1sZWZ0JyxcbiAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgPC9VaUVudGl0eT5cbiAgICAgICAgICAgICAgPEZlZWRiYWNrQnV0dG9uXG4gICAgICAgICAgICAgICAgaWQ9XCJkY2xfY2FzdF9jb3B5X3dhdGNoZXJfbGlua1wiXG4gICAgICAgICAgICAgICAgdmFsdWU9XCI8Yj5Db3B5IExpbms8L2I+XCJcbiAgICAgICAgICAgICAgICB2YXJpYW50PVwidGV4dFwiXG4gICAgICAgICAgICAgICAgZm9udFNpemU9ezE4fVxuICAgICAgICAgICAgICAgIGNvbG9yPXtjb2xvcnMud2hpdGV9XG4gICAgICAgICAgICAgICAgaWNvblJpZ2h0PXtJQ09OUy5DT1BZX1RPX0NMSVBCT0FSRF9JQ09OfVxuICAgICAgICAgICAgICAgIGljb25SaWdodFRyYW5zZm9ybT17c3R5bGVzLmljb25TbWFsbH1cbiAgICAgICAgICAgICAgICBsYWJlbFRyYW5zZm9ybT17c3R5bGVzLm1hcmdpblJpZ2h0U21hbGx9XG4gICAgICAgICAgICAgICAgdWlUcmFuc2Zvcm09e3N0eWxlcy5jb3B5TGlua0J1dHRvbn1cbiAgICAgICAgICAgICAgICBvbk1vdXNlRG93bj17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgc3RhdGUudmlkZW9Db250cm9sLmRjbENhc3Q/LndhdGNoZXJMaW5rICYmXG4gICAgICAgICAgICAgICAgICAgIGNvcHlUb0NsaXBib2FyZCh7XG4gICAgICAgICAgICAgICAgICAgICAgdGV4dDogc3RhdGUudmlkZW9Db250cm9sLmRjbENhc3Qud2F0Y2hlckxpbmssXG4gICAgICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L1VpRW50aXR5PlxuICAgICAgICAgIDwvVWlFbnRpdHk+XG4gICAgICAgIDwvVWlFbnRpdHk+XG4gICAgICAgIDxVaUVudGl0eSB1aVRyYW5zZm9ybT17c3R5bGVzLmNvbHVtbldpdGhNYXJnaW5Ub3B9PlxuICAgICAgICAgIDxVaUVudGl0eSB1aVRyYW5zZm9ybT17c3R5bGVzLnZvbHVtZVNob3djYXNlUm93fT5cbiAgICAgICAgICAgIDxWaWRlb0NvbnRyb2xWb2x1bWVcbiAgICAgICAgICAgICAgZW5naW5lPXtlbmdpbmV9XG4gICAgICAgICAgICAgIGVudGl0eT17ZW50aXR5fVxuICAgICAgICAgICAgICB2aWRlbz17dmlkZW99XG4gICAgICAgICAgICAgIGxhYmVsPVwiPGI+Q2FzdCBjb250cm9sczwvYj5cIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIHt2aWRlbz8uc3JjICYmIGlzRGNsQ2FzdCh2aWRlby5zcmMpICYmIChcbiAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgIGlkPVwiZGNsX2Nhc3Rfc2hvd2Nhc2VfbGlzdFwiXG4gICAgICAgICAgICAgICAgdmFsdWU9XCI8Yj5TcGVha2VyczwvYj5cIlxuICAgICAgICAgICAgICAgIGljb249e0lDT05TLlNUQVJ9XG4gICAgICAgICAgICAgICAgaWNvblRyYW5zZm9ybT17c3R5bGVzLnN0YXJJY29ufVxuICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgICAgIGZvbnRTaXplPXsxNn1cbiAgICAgICAgICAgICAgICBjb2xvcj17Y29sb3JzLndoaXRlfVxuICAgICAgICAgICAgICAgIHVpVHJhbnNmb3JtPXtzdHlsZXMuc2hvd2Nhc2VCdXR0b259XG4gICAgICAgICAgICAgICAgb25Nb3VzZURvd249e29uU2hvd1Nob3djYXNlTW9kYWx9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvVWlFbnRpdHk+XG4gICAgICAgICAgPFVpRW50aXR5IHVpVHJhbnNmb3JtPXtzdHlsZXMuY2FzdENvbnRyb2xzUm93fT5cbiAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgaWQ9XCJkY2xfY2FzdF9zaGFyZV9wcmVzZW50YXRpb25faWRcIlxuICAgICAgICAgICAgICB2YWx1ZT17XG4gICAgICAgICAgICAgICAgc3RhdGUudmlkZW9Db250cm9sLnByZXNlbnRhdGlvblN0YXRlXG4gICAgICAgICAgICAgICAgICA/ICc8Yj5SZXBsYWNlIFByZXNlbnRhdGlvbjwvYj4nXG4gICAgICAgICAgICAgICAgICA6ICc8Yj5TaGFyZSBQcmVzZW50YXRpb248L2I+J1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXh0XCJcbiAgICAgICAgICAgICAgZm9udFNpemU9ezE2fVxuICAgICAgICAgICAgICBjb2xvcj17Y29sb3JzLndoaXRlfVxuICAgICAgICAgICAgICB1aVRyYW5zZm9ybT17e1xuICAgICAgICAgICAgICAgIC4uLnN0eWxlcy5yZXNldEJ1dHRvbixcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiB2aWRlbz8uc3JjICYmIGlzRGNsQ2FzdCh2aWRlby5zcmMpID8gJ2ZsZXgnIDogJ25vbmUnLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICBvbk1vdXNlRG93bj17b25TaGFyZVByZXNlbnRhdGlvbn1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgIGlkPVwiZGNsX2Nhc3RfcmVzZXRfcm9vbV9pZFwiXG4gICAgICAgICAgICAgIHZhbHVlPVwiPGI+UmVzZXQgUm9vbTwvYj5cIlxuICAgICAgICAgICAgICB2YXJpYW50PVwidGV4dFwiXG4gICAgICAgICAgICAgIGZvbnRTaXplPXsxNn1cbiAgICAgICAgICAgICAgY29sb3I9e2NvbG9ycy5kYW5nZXJ9XG4gICAgICAgICAgICAgIHVpVHJhbnNmb3JtPXtzdHlsZXMucmVzZXRCdXR0b259XG4gICAgICAgICAgICAgIG9uTW91c2VEb3duPXtvblJlc2V0Um9vbUlkfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L1VpRW50aXR5PlxuICAgICAgICA8L1VpRW50aXR5PlxuICAgICAgPC9VaUVudGl0eT5cbiAgICA8L1VpRW50aXR5PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRGNsQ2FzdEluZm87XG4iXX0=

package/dist/admin-toolkit-ui/VideoControl/DclCast/PresentationPanel.d.ts

@@ -0,0 +1,10 @@
+import ReactEcs from '@dcl/react-ecs';
+import type { PresentationState } from '../../types';
+declare const PresentationPanel: ({ presentationState, compact, idPrefix, onStopSharing, hideStopSharing, }: {
+    presentationState: PresentationState | undefined;
+    compact?: boolean;
+    idPrefix?: string;
+    onStopSharing?: () => void;
+    hideStopSharing?: boolean;
+}) => ReactEcs.JSX.Element;
+export default PresentationPanel;

package/dist/admin-toolkit-ui/VideoControl/DclCast/PresentationPanel.js

@@ -0,0 +1,67 @@
+import ReactEcs, { Label, UiEntity } from '@dcl/react-ecs';
+import { getContentUrl } from '../../constants';
+import { Button } from '../../Button';
+import { nextSlide, prevSlide, playPresentationVideo, pausePresentationVideo, stopPresentationVideo, stopPresentation, } from '../api';
+import { getDclCastStyles, getDclCastColors } from './styles';
+const ICONS = {
+    get PREV() {
+        return `${getContentUrl()}/admin_toolkit/assets/icons/arrow-back.png`;
+    },
+    get NEXT() {
+        return `${getContentUrl()}/admin_toolkit/assets/icons/arrow-forward.png`;
+    },
+    get STOP() {
+        return `${getContentUrl()}/admin_toolkit/assets/icons/stop.png`;
+    },
+    get PLAY() {
+        return `${getContentUrl()}/admin_toolkit/assets/icons/video-control-play-button.png`;
+    },
+    get PAUSE() {
+        return `${getContentUrl()}/admin_toolkit/assets/icons/video-control-pause-button.png`;
+    },
+};
+const MAX_TITLE_LENGTH = 30;
+function trimTitle(title, maxLength = MAX_TITLE_LENGTH) {
+    if (title.length <= maxLength)
+        return title;
+    return title.substring(0, maxLength) + '...';
+}
+const PresentationPanel = ({ presentationState, compact, idPrefix = 'presentation_panel', onStopSharing, hideStopSharing, }) => {
+    const styles = getDclCastStyles();
+    const colors = getDclCastColors();
+    const isVideoPlaying = presentationState?.videoState === 'playing' || presentationState?.videoState === 'loading';
+    const hasSlideVideo = (presentationState?.slideVideos?.length ?? 0) > 0;
+    return (ReactEcs.createElement(UiEntity, { uiTransform: {
+            flexDirection: 'column',
+            width: '100%',
+        } },
+        !compact && (ReactEcs.createElement(UiEntity, { uiTransform: { flexDirection: 'column', width: '100%' } },
+            ReactEcs.createElement(UiEntity, { uiTransform: {
+                    flexDirection: 'row',
+                    justifyContent: 'space-between',
+                    alignItems: 'center',
+                    width: '100%',
+                    height: 30,
+                } },
+                ReactEcs.createElement(Label, { value: `<b>${trimTitle(presentationState?.fileName ?? '', 15)}</b>`, fontSize: 24, color: colors.white, textAlign: "middle-left", uiTransform: { height: 30 } }),
+                ReactEcs.createElement(Label, { value: presentationState
+                        ? `Slide ${presentationState.currentSlide + 1} / ${presentationState.slideCount}`
+                        : '', fontSize: 16, textAlign: "middle-right", color: colors.gray, uiTransform: { height: 30, minWidth: 144 } })),
+            ReactEcs.createElement(Label, { value: "Presentation controls", fontSize: 14, color: colors.white, uiTransform: { height: 20, margin: { top: 16 } } }))),
+        ReactEcs.createElement(UiEntity, { uiTransform: {
+                flexDirection: 'row',
+                alignItems: 'center',
+                width: '100%',
+                margin: { top: compact ? 0 : 16 },
+            } },
+            ReactEcs.createElement(Button, { id: `${idPrefix}_prev`, value: "<b>Prev</b>", icon: ICONS.PREV, iconTransform: styles.controlButtonIcon, fontSize: 16, color: colors.black, uiTransform: { ...styles.controlButton, margin: { right: 8 } }, onMouseDown: () => prevSlide() }),
+            ReactEcs.createElement(Button, { id: `${idPrefix}_next`, value: "<b>Next</b>", iconRight: ICONS.NEXT, iconRightTransform: styles.controlButtonIcon, fontSize: 16, color: colors.black, uiTransform: { ...styles.controlButton, margin: { right: 8 } }, onMouseDown: () => nextSlide() }),
+            ReactEcs.createElement(Button, { id: `${idPrefix}_play`, value: isVideoPlaying ? '<b>Pause Video</b>' : '<b>Play Video</b>', icon: isVideoPlaying ? ICONS.PAUSE : ICONS.PLAY, iconTransform: styles.controlButtonIcon, fontSize: 16, color: colors.black, disabled: !hasSlideVideo, uiTransform: { ...styles.controlButton, margin: { right: 8 } }, onMouseDown: () => (isVideoPlaying ? pausePresentationVideo() : playPresentationVideo(0)) }),
+            ReactEcs.createElement(Button, { id: `${idPrefix}_stop`, value: "Stop", fontSize: 16, onlyIcon: true, icon: ICONS.STOP, iconTransform: styles.controlButtonIcon, disabled: !hasSlideVideo, uiTransform: styles.controlButton, onMouseDown: () => stopPresentationVideo() })),
+        !hideStopSharing && (ReactEcs.createElement(Button, { id: `${idPrefix}_stop_sharing`, value: "<b>Stop Sharing</b>", variant: "text", fontSize: 16, color: colors.danger, uiTransform: { ...styles.resetButton, margin: { top: 16 } }, onMouseDown: () => {
+                stopPresentation();
+                onStopSharing?.();
+            } }))));
+};
+export default PresentationPanel;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJlc2VudGF0aW9uUGFuZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYWRtaW4tdG9vbGtpdC11aS9WaWRlb0NvbnRyb2wvRGNsQ2FzdC9QcmVzZW50YXRpb25QYW5lbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxRQUFRLEVBQUUsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2hELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFFdEMsT0FBTyxFQUNMLFNBQVMsRUFDVCxTQUFTLEVBQ1QscUJBQXFCLEVBQ3JCLHNCQUFzQixFQUN0QixxQkFBcUIsRUFDckIsZ0JBQWdCLEdBQ2pCLE1BQU0sUUFBUSxDQUFDO0FBQ2hCLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUU5RCxNQUFNLEtBQUssR0FBRztJQUNaLElBQUksSUFBSTtRQUNOLE9BQU8sR0FBRyxhQUFhLEVBQUUsNENBQTRDLENBQUM7SUFDeEUsQ0FBQztJQUNELElBQUksSUFBSTtRQUNOLE9BQU8sR0FBRyxhQUFhLEVBQUUsK0NBQStDLENBQUM7SUFDM0UsQ0FBQztJQUNELElBQUksSUFBSTtRQUNOLE9BQU8sR0FBRyxhQUFhLEVBQUUsc0NBQXNDLENBQUM7SUFDbEUsQ0FBQztJQUNELElBQUksSUFBSTtRQUNOLE9BQU8sR0FBRyxhQUFhLEVBQUUsMkRBQTJELENBQUM7SUFDdkYsQ0FBQztJQUNELElBQUksS0FBSztRQUNQLE9BQU8sR0FBRyxhQUFhLEVBQUUsNERBQTRELENBQUM7SUFDeEYsQ0FBQztDQUNGLENBQUM7QUFFRixNQUFNLGdCQUFnQixHQUFHLEVBQUUsQ0FBQztBQUU1QixTQUFTLFNBQVMsQ0FBQyxLQUFhLEVBQUUsWUFBb0IsZ0JBQWdCO0lB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RCxXQUFXLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLHNCQUFzQixFQUFFLENBQUMsQ0FBQyxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQ3pGO1lBQ0YsdUJBQUMsTUFBTSxJQUNMLEVBQUUsRUFBRSxHQUFHLFFBQVEsT0FBTyxFQUN0QixLQUFLLEVBQUMsTUFBTSxFQUNaLFFBQVEsRUFBRSxFQUFFLEVBQ1osUUFBUSxFQUFFLElBQUksRUFDZCxJQUFJLEVBQUUsS0FBSyxDQUFDLElBQUksRUFDaEIsYUFBYSxFQUFFLE1BQU0sQ0FBQyxpQkFBaUIsRUFDdkMsUUFBUSxFQUFFLENBQUMsYUFBYSxFQUN4QixXQUFXLEVBQUUsTUFBTSxDQUFDLGFBQWEsRUFDakMsV0FBVyxFQUFFLEdBQUcsRUFBRSxDQUFDLHFCQUFxQixFQUFFLEdBQzFDLENBQ087UUFFVixDQUFDLGVBQWUsSUFBSSxDQUNuQix1QkFBQyxNQUFNLElBQ0wsRUFBRSxFQUFFLEdBQUcsUUFBUSxlQUFlLEVBQzlCLEtBQUssRUFBQyxxQkFBcUIsRUFDM0IsT0FBTyxFQUFDLE1BQU0sRUFDZCxRQUFRLEVBQUUsRUFBRSxFQUNaLEtBQUssRUFBRSxNQUFNLENBQUMsTUFBTSxFQUNwQixXQUFXLEVBQUUsRUFBRSxHQUFHLE1BQU0sQ0FBQyxXQUFXLEVBQUUsTUFBTSxFQUFFLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQzNELFdBQVcsRUFBRSxHQUFHLEVBQUU7Z0JBQ2hCLGdCQUFnQixFQUFFLENBQUM7Z0JBQ25CLGFBQWEsRUFBRSxFQUFFLENBQUM7WUFDcEIsQ0FBQyxHQUNELENBQ0gsQ0FDUSxDQUNaLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixlQUFlLGlCQUFpQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFycyAtLSBSZWFjdEVjcyBpcyByZXF1aXJlZCBmb3IgSlNYIGZhY3RvcnlcbmltcG9ydCBSZWFjdEVjcywgeyBMYWJlbCwgVWlFbnRpdHkgfSBmcm9tICdAZGNsL3JlYWN0LWVjcyc7XG5pbXBvcnQgeyBnZXRDb250ZW50VXJsIH0gZnJvbSAnLi4vLi4vY29uc3RhbnRzJztcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uLy4uL0J1dHRvbic7XG5pbXBvcnQgdHlwZSB7IFByZXNlbnRhdGlvblN0YXRlIH0gZnJvbSAnLi4vLi4vdHlwZXMnO1xuaW1wb3J0IHtcbiAgbmV4dFNsaWRlLFxuICBwcmV2U2xpZGUsXG4gIHBsYXlQcmVzZW50YXRpb25WaWRlbyxcbiAgcGF1c2VQcmVzZW50YXRpb25WaWRlbyxcbiAgc3RvcFByZXNlbnRhdGlvblZpZGVvLFxuICBzdG9wUHJlc2VudGF0aW9uLFxufSBmcm9tICcuLi9hcGknO1xuaW1wb3J0IHsgZ2V0RGNsQ2FzdFN0eWxlcywgZ2V0RGNsQ2FzdENvbG9ycyB9IGZyb20gJy4vc3R5bGVzJztcblxuY29uc3QgSUNPTlMgPSB7XG4gIGdldCBQUkVWKCkge1xuICAgIHJldHVybiBgJHtnZXRDb250ZW50VXJsKCl9L2FkbWluX3Rvb2xraXQvYXNzZXRzL2ljb25zL2Fycm93LWJhY2sucG5nYDtcbiAgfSxcbiAgZ2V0IE5FWFQoKSB7XG4gICAgcmV0dXJuIGAke2dldENvbnRlbnRVcmwoKX0vYWRtaW5fdG9vbGtpdC9hc3NldHMvaWNvbnMvYXJyb3ctZm9yd2FyZC5wbmdgO1xuICB9LFxuICBnZXQgU1RPUCgpIHtcbiAgICByZXR1cm4gYCR7Z2V0Q29udGVudFVybCgpfS9hZG1pbl90b29sa2l0L2Fzc2V0cy9pY29ucy9zdG9wLnBuZ2A7XG4gIH0sXG4gIGdldCBQTEFZKCkge1xuICAgIHJldHVybiBgJHtnZXRDb250ZW50VXJsKCl9L2FkbWluX3Rvb2xraXQvYXNzZXRzL2ljb25zL3ZpZGVvLWNvbnRyb2wtcGxheS1idXR0b24ucG5nYDtcbiAgfSxcbiAgZ2V0IFBBVVNFKCkge1xuICAgIHJldHVybiBgJHtnZXRDb250ZW50VXJsKCl9L2FkbWluX3Rvb2xraXQvYXNzZXRzL2ljb25zL3ZpZGVvLWNvbnRyb2wtcGF1c2UtYnV0dG9uLnBuZ2A7XG4gIH0sXG59O1xuXG5jb25zdCBNQVhfVElUTEVfTEVOR1RIID0gMzA7XG5cbmZ1bmN0aW9uIHRyaW1UaXRsZSh0aXRsZTogc3RyaW5nLCBtYXhMZW5ndGg6IG51bWJlciA9IE1BWF9USVRMRV9MRU5HVEgpOiBzdHJpbmcge1xuICBpZiAodGl0bGUubGVuZ3RoIDw9IG1heExlbmd0aCkgcmV0dXJuIHRpdGxlO1xuICByZXR1cm4gdGl0bGUuc3Vic3RyaW5nKDAsIG1heExlbmd0aCkgKyAnLi4uJztcbn1cblxuY29uc3QgUHJlc2VudGF0aW9uUGFuZWwgPSAoe1xuICBwcmVzZW50YXRpb25TdGF0ZSxcbiAgY29tcGFjdCxcbiAgaWRQcmVmaXggPSAncHJlc2VudGF0aW9uX3BhbmVsJyxcbiAgb25TdG9wU2hhcmluZyxcbiAgaGlkZVN0b3BTaGFyaW5nLFxufToge1xuICBwcmVzZW50YXRpb25TdGF0ZTogUHJlc2VudGF0aW9uU3RhdGUgfCB1bmRlZmluZWQ7XG4gIGNvbXBhY3Q/OiBib29sZWFuO1xuICBpZFByZWZpeD86IHN0cmluZztcbiAgb25TdG9wU2hhcmluZz86ICgpID0+IHZvaWQ7XG4gIGhpZGVTdG9wU2hhcmluZz86IGJvb2xlYW47XG59KSA9PiB7XG4gIGNvbnN0IHN0eWxlcyA9IGdldERjbENhc3RTdHlsZXMoKTtcbiAgY29uc3QgY29sb3JzID0gZ2V0RGNsQ2FzdENvbG9ycygpO1xuXG4gIGNvbnN0IGlzVmlkZW9QbGF5aW5nID1cbiAgICBwcmVzZW50YXRpb25TdGF0ZT8udmlkZW9TdGF0ZSA9PT0gJ3BsYXlpbmcnIHx8IHByZXNlbnRhdGlvblN0YXRlPy52aWRlb1N0YXRlID09PSAnbG9hZGluZyc7XG4gIGNvbnN0IGhhc1NsaWRlVmlkZW8gPSAocHJlc2VudGF0aW9uU3RhdGU/LnNsaWRlVmlkZW9zPy5sZW5ndGggPz8gMCkgPiAwO1xuXG4gIHJldHVybiAoXG4gICAgPFVpRW50aXR5XG4gICAgICB1aVRyYW5zZm9ybT17e1xuICAgICAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgIH19XG4gICAgPlxuICAgICAgeyFjb21wYWN0ICYmIChcbiAgICAgICAgPFVpRW50aXR5IHVpVHJhbnNmb3JtPXt7IGZsZXhEaXJlY3Rpb246ICdjb2x1bW4nLCB3aWR0aDogJzEwMCUnIH19PlxuICAgICAgICAgIHsvKiBUaXRsZSByb3c6IGZpbGVOYW1lICsgU2xpZGUgWCAvIFkgKi99XG4gICAgICAgICAgPFVpRW50aXR5XG4gICAgICAgICAgICB1aVRyYW5zZm9ybT17e1xuICAgICAgICAgICAgICBmbGV4RGlyZWN0aW9uOiAncm93JyxcbiAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdzcGFjZS1iZXR3ZWVuJyxcbiAgICAgICAgICAgICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgICAgICAgICAgIHdpZHRoOiAnMTAwJScsXG4gICAgICAgICAgICAgIGhlaWdodDogMzAsXG4gICAgICAgICAgICB9fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxMYWJlbFxuICAgICAgICAgICAgICB2YWx1ZT17YDxiPiR7dHJpbVRpdGxlKHByZXNlbnRhdGlvblN0YXRlPy5maWxlTmFtZSA/PyAnJywgMTUpfTwvYj5gfVxuICAgICAgICAgICAgICBmb250U2l6ZT17MjR9XG4gICAgICAgICAgICAgIGNvbG9yPXtjb2xvcnMud2hpdGV9XG4gICAgICAgICAgICAgIHRleHRBbGlnbj1cIm1pZGRsZS1sZWZ0XCJcbiAgICAgICAgICAgICAgdWlUcmFuc2Zvcm09e3sgaGVpZ2h0OiAzMCB9fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxMYWJlbFxuICAgICAgICAgICAgICB2YWx1ZT17XG4gICAgICAgICAgICAgICAgcHJlc2VudGF0aW9uU3RhdGVcbiAgICAgICAgICAgICAgICAgID8gYFNsaWRlICR7cHJlc2VudGF0aW9uU3RhdGUuY3VycmVudFNsaWRlICsgMX0gLyAke3ByZXNlbnRhdGlvblN0YXRlLnNsaWRlQ291bnR9YFxuICAgICAgICAgICAgICAgICAgOiAnJ1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIGZvbnRTaXplPXsxNn1cbiAgICAgICAgICAgICAgdGV4dEFsaWduPVwibWlkZGxlLXJpZ2h0XCJcbiAgICAgICAgICAgICAgY29sb3I9e2NvbG9ycy5ncmF5fVxuICAgICAgICAgICAgICB1aVRyYW5zZm9ybT17eyBoZWlnaHQ6IDMwLCBtaW5XaWR0aDogMTQ0IH19XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvVWlFbnRpdHk+XG5cbiAgICAgICAgICB7LyogXCJQcmVzZW50YXRpb24gY29udHJvbHNcIiBsYWJlbCAqL31cbiAgICAgICAgICA8TGFiZWxcbiAgICAgICAgICAgIHZhbHVlPVwiUHJlc2VudGF0aW9uIGNvbnRyb2xzXCJcbiAgICAgICAgICAgIGZvbnRTaXplPXsxNH1cbiAgICAgICAgICAgIGNvbG9yPXtjb2xvcnMud2hpdGV9XG4gICAgICAgICAgICB1aVRyYW5zZm9ybT17eyBoZWlnaHQ6IDIwLCBtYXJnaW46IHsgdG9wOiAxNiB9IH19XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9VaUVudGl0eT5cbiAgICAgICl9XG5cbiAgICAgIHsvKiBDb250cm9sIGJ1dHRvbnMgcm93ICovfVxuICAgICAgPFVpRW50aXR5XG4gICAgICAgIHVpVHJhbnNmb3JtPXt7XG4gICAgICAgICAgZmxleERpcmVjdGlvbjogJ3JvdycsXG4gICAgICAgICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgICAgICBtYXJnaW46IHsgdG9wOiBjb21wYWN0ID8gMCA6IDE2IH0sXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxCdXR0b25cbiAgICAgICAgICBpZD17YCR7aWRQcmVmaXh9X3ByZXZgfVxuICAgICAgICAgIHZhbHVlPVwiPGI+UHJldjwvYj5cIlxuICAgICAgICAgIGljb249e0lDT05TLlBSRVZ9XG4gICAgICAgICAgaWNvblRyYW5zZm9ybT17c3R5bGVzLmNvbnRyb2xCdXR0b25JY29ufVxuICAgICAgICAgIGZvbnRTaXplPXsxNn1cbiAgICAgICAgICBjb2xvcj17Y29sb3JzLmJsYWNrfVxuICAgICAgICAgIHVpVHJhbnNmb3JtPXt7IC4uLnN0eWxlcy5jb250cm9sQnV0dG9uLCBtYXJnaW46IHsgcmlnaHQ6IDggfSB9fVxuICAgICAgICAgIG9uTW91c2VEb3duPXsoKSA9PiBwcmV2U2xpZGUoKX1cbiAgICAgICAgLz5cbiAgICAgICAgPEJ1dHRvblxuICAgICAgICAgIGlkPXtgJHtpZFByZWZpeH1fbmV4dGB9XG4gICAgICAgICAgdmFsdWU9XCI8Yj5OZXh0PC9iPlwiXG4gICAgICAgICAgaWNvblJpZ2h0PXtJQ09OUy5ORVhUfVxuICAgICAgICAgIGljb25SaWdodFRyYW5zZm9ybT17c3R5bGVzLmNvbnRyb2xCdXR0b25JY29ufVxuICAgICAgICAgIGZvbnRTaXplPXsxNn1cbiAgICAgICAgICBjb2xvcj17Y29sb3JzLmJsYWNrfVxuICAgICAgICAgIHVpVHJhbnNmb3JtPXt7IC4uLnN0eWxlcy5jb250cm9sQnV0dG9uLCBtYXJnaW46IHsgcmlnaHQ6IDggfSB9fVxuICAgICAgICAgIG9uTW91c2VEb3duPXsoKSA9PiBuZXh0U2xpZGUoKX1cbiAgICAgICAgLz5cbiAgICAgICAgPEJ1dHRvblxuICAgICAgICAgIGlkPXtgJHtpZFByZWZpeH1fcGxheWB9XG4gICAgICAgICAgdmFsdWU9e2lzVmlkZW9QbGF5aW5nID8gJzxiPlBhdXNlIFZpZGVvPC9iPicgOiAnPGI+UGxheSBWaWRlbzwvYj4nfVxuICAgICAgICAgIGljb249e2lzVmlkZW9QbGF5aW5nID8gSUNPTlMuUEFVU0UgOiBJQ09OUy5QTEFZfVxuICAgICAgICAgIGljb25UcmFuc2Zvcm09e3N0eWxlcy5jb250cm9sQnV0dG9uSWNvbn1cbiAgICAgICAgICBmb250U2l6ZT17MTZ9XG4gICAgICAgICAgY29sb3I9e2NvbG9ycy5ibGFja31cbiAgICAgICAgICBkaXNhYmxlZD17IWhhc1NsaWRlVmlkZW99XG4gICAgICAgICAgdWlUcmFuc2Zvcm09e3sgLi4uc3R5bGVzLmNvbnRyb2xCdXR0b24sIG1hcmdpbjogeyByaWdodDogOCB9IH19XG4gICAgICAgICAgb25Nb3VzZURvd249eygpID0+IChpc1ZpZGVvUGxheWluZyA/IHBhdXNlUHJlc2VudGF0aW9uVmlkZW8oKSA6IHBsYXlQcmVzZW50YXRpb25WaWRlbygwKSl9XG4gICAgICAgIC8+XG4gICAgICAgIDxCdXR0b25cbiAgICAgICAgICBpZD17YCR7aWRQcmVmaXh9X3N0b3BgfVxuICAgICAgICAgIHZhbHVlPVwiU3RvcFwiXG4gICAgICAgICAgZm9udFNpemU9ezE2fVxuICAgICAgICAgIG9ubHlJY29uPXt0cnVlfVxuICAgICAgICAgIGljb249e0lDT05TLlNUT1B9XG4gICAgICAgICAgaWNvblRyYW5zZm9ybT17c3R5bGVzLmNvbnRyb2xCdXR0b25JY29ufVxuICAgICAgICAgIGRpc2FibGVkPXshaGFzU2xpZGVWaWRlb31cbiAgICAgICAgICB1aVRyYW5zZm9ybT17c3R5bGVzLmNvbnRyb2xCdXR0b259XG4gICAgICAgICAgb25Nb3VzZURvd249eygpID0+IHN0b3BQcmVzZW50YXRpb25WaWRlbygpfVxuICAgICAgICAvPlxuICAgICAgPC9VaUVudGl0eT5cblxuICAgICAgeyFoaWRlU3RvcFNoYXJpbmcgJiYgKFxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgaWQ9e2Ake2lkUHJlZml4fV9zdG9wX3NoYXJpbmdgfVxuICAgICAgICAgIHZhbHVlPVwiPGI+U3RvcCBTaGFyaW5nPC9iPlwiXG4gICAgICAgICAgdmFyaWFudD1cInRleHRcIlxuICAgICAgICAgIGZvbnRTaXplPXsxNn1cbiAgICAgICAgICBjb2xvcj17Y29sb3JzLmRhbmdlcn1cbiAgICAgICAgICB1aVRyYW5zZm9ybT17eyAuLi5zdHlsZXMucmVzZXRCdXR0b24sIG1hcmdpbjogeyB0b3A6IDE2IH0gfX1cbiAgICAgICAgICBvbk1vdXNlRG93bj17KCkgPT4ge1xuICAgICAgICAgICAgc3RvcFByZXNlbnRhdGlvbigpO1xuICAgICAgICAgICAgb25TdG9wU2hhcmluZz8uKCk7XG4gICAgICAgICAgfX1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgPC9VaUVudGl0eT5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFByZXNlbnRhdGlvblBhbmVsO1xuIl19

package/dist/admin-toolkit-ui/VideoControl/DclCast/SharePresentationModal.d.ts

@@ -0,0 +1,6 @@
+import ReactEcs from '@dcl/react-ecs';
+declare const SharePresentationModal: ({ onClose, streamingKey, }: {
+    onClose: () => void;
+    streamingKey: string;
+}) => ReactEcs.JSX.Element;
+export default SharePresentationModal;

package/dist/admin-toolkit-ui/VideoControl/DclCast/SharePresentationModal.js

@@ -0,0 +1,74 @@
+import ReactEcs, { Input, Label, UiEntity } from '@dcl/react-ecs';
+import { Color4 } from '@dcl/sdk/math';
+import { Modal } from '../../Modal';
+import { Button } from '../../Button';
+import { getPresentationBotToken, startPresentation } from '../api';
+import { getDclCastColors } from './styles';
+const SharePresentationModal = ({ onClose, streamingKey, }) => {
+    const colors = getDclCastColors();
+    const [url, setUrl] = ReactEcs.useState('');
+    const [isLoading, setIsLoading] = ReactEcs.useState(false);
+    const [error, setError] = ReactEcs.useState('');
+    const handleShare = async () => {
+        if (!url.trim()) {
+            setError('Please enter a URL');
+            return;
+        }
+        setIsLoading(true);
+        setError('');
+        const [tokenError, tokenData] = await getPresentationBotToken(streamingKey);
+        if (tokenError || !tokenData) {
+            setError(tokenError ?? 'Failed to get presentation token');
+            setIsLoading(false);
+            return;
+        }
+        const [presentationError] = await startPresentation(url.trim(), tokenData.token, tokenData.url);
+        if (presentationError) {
+            setError(presentationError);
+            setIsLoading(false);
+            return;
+        }
+        setIsLoading(false);
+        onClose();
+    };
+    return (ReactEcs.createElement(Modal, { id: "share-presentation", title: "Share Presentation", onClose: onClose, width: 480 },
+        ReactEcs.createElement(UiEntity, { uiTransform: {
+                flexDirection: 'column',
+                width: '100%',
+                margin: { top: 16 },
+            } },
+            ReactEcs.createElement(Label, { value: "Paste a URL to a PDF or PPTX file", fontSize: 14, color: colors.lightGray, uiTransform: { margin: { bottom: 8 } } }),
+            ReactEcs.createElement(UiEntity, { uiTransform: {
+                    flexDirection: 'row',
+                    width: '100%',
+                    alignItems: 'center',
+                } },
+                ReactEcs.createElement(Input, { onChange: value => {
+                        setError('');
+                        setUrl(value);
+                    }, value: url, fontSize: 14, placeholder: "https://example.com/slides.pdf", uiBackground: { color: Color4.White() }, uiTransform: {
+                        width: '100%',
+                        borderWidth: 2,
+                        borderRadius: 8,
+                        borderColor: error ? colors.danger : colors.white,
+                        height: 48,
+                    } })),
+            !!error && (ReactEcs.createElement(Label, { value: error, fontSize: 14, color: colors.danger, uiTransform: { margin: { top: 8 } } })),
+            ReactEcs.createElement(UiEntity, { uiTransform: {
+                    flexDirection: 'row',
+                    justifyContent: 'flex-end',
+                    width: '100%',
+                    margin: { top: 16 },
+                } },
+                ReactEcs.createElement(Button, { id: "share_presentation_cancel", value: "<b>Cancel</b>", variant: "secondary", fontSize: 16, color: colors.white, uiTransform: {
+                        height: 42,
+                        padding: { left: 16, right: 16 },
+                        margin: { right: 8 },
+                    }, onMouseDown: onClose }),
+                ReactEcs.createElement(Button, { id: "share_presentation_submit", value: isLoading ? '<b>Sharing...</b>' : '<b>Share</b>', fontSize: 16, color: colors.black, disabled: isLoading, uiTransform: {
+                        height: 42,
+                        padding: { left: 16, right: 16 },
+                    }, onMouseDown: handleShare })))));
+};
+export default SharePresentationModal;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2hhcmVQcmVzZW50YXRpb25Nb2RhbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hZG1pbi10b29sa2l0LXVpL1ZpZGVvQ29udHJvbC9EY2xDYXN0L1NoYXJlUHJlc2VudGF0aW9uTW9kYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sUUFBUSxFQUFFLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDcEMsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUN0QyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxRQUFRLENBQUM7QUFDcEUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sVUFBVSxDQUFDO0FBRTVDLE1BQU0sc0JBQXNCLEdBQUcsQ0FBQyxFQUM5QixPQUFPLEVBQ1AsWUFBWSxHQUliLEVBQUUsRUFBRTtJQUNILE1BQU0sTUFBTSxHQUFHLGdCQUFnQixFQUFFLENBQUM7SUFDbEMsTUFBTSxDQUFDLEdBQUcsRUFBRSxNQUFNLENBQUMsR0FBRyxRQUFRLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQzVDLE1BQU0sQ0FBQyxTQUFTLEVBQUUsWUFBWSxDQUFDLEdBQUcsUUFBUSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzRCxNQUFNLENBQUMsS0FBSyxFQUFFLFFBQVEsQ0FBQyxHQUFHLFFBQVEsQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDLENBQUM7SUFFaEQsTUFBTSxXQUFXLEdBQUcsS0FBSyxJQUFJLEVBQUU7UUFDN0IsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDO1lBQ2hCLFFBQVEsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO1lBQy9CLE9BQU87UUFDVCxDQUFDO1FBRUQsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ25CLFFBQVEsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUViLE1BQU0sQ0FBQyxVQUFVLEVBQUUsU0FBUyxDQUFDLEdBQUcsTUFBTSx1QkFBdUIsQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUM1RSxJQUFJLFVBQVUsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQzdCLFFBQVEsQ0FBQyxVQUFVLElBQUksa0NBQWtDLENBQUMsQ0FBQztZQUMzRCxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDcEIsT0FBTztRQUNULENBQUM7UUFFRCxNQUFNLENBQUMsaUJBQWlCLENBQUMsR0FBRyxNQUFNLGlCQUFpQixDQUFDLEdBQUcsQ0FBQyxJQUFJLEVBQUUsRUFBRSxTQUFTLENBQUMsS0FBSyxFQUFFLFNBQVMsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUNoRyxJQUFJLGlCQUFpQixFQUFFLENBQUM7WUFDdEIsUUFBUSxDQUFDLGlCQUFpQixDQUFDLENBQUM7WUFDNUIsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQ3BCLE9BQU87UUFDVCxDQUFDO1FBRUQsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3BCLE9BQU8sRUFBRSxDQUFDO0lBQ1osQ0FBQyxDQUFDO0lBRUYsT0FBTyxDQUNMLHVCQUFDLEtBQUssSUFDSixFQUFFLEVBQUMsb0JBQW9CLEVBQ3ZCLEtBQUssRUFBQyxvQkFBb0IsRUFDMUIsT0FBTyxFQUFFLE9BQU8sRUFDaEIsS0FBSyxFQUFFLEdBQUc7UUFFVix1QkFBQyxRQUFRLElBQ1AsV0FBVyxFQUFFO2dCQUNYLGFBQWEsRUFBRSxRQUFRO2dCQUN2QixLQUFLLEVBQUUsTUFBTTtnQkFDYixNQUFNLEVBQUUsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFO2FBQ3BCO1lBRUQsdUJBQUMsS0FBSyxJQUNKLEtBQUssRUFBQyxtQ0FBbUMsRUFDekMsUUFBUSxFQUFFLEVBQUUsRUFDWixLQUFLLEVBQUUsTUFBTSxDQUFDLFNBQVMsRUFDdkIsV0FBVyxFQUFFLEVBQUUsTUFBTSxFQUFFLEVBQUUsTUFBTSxFQUFFLENBQUMsRUFBRSxFQUFFLEdBQ3RDO1lBQ0YsdUJBQUMsUUFBUSxJQUNQLFdBQVcsRUFBRTtvQkFDWCxhQUFhLEVBQUUsS0FBSztvQkFDcEIsS0FBSyxFQUFFLE1BQU07b0JBQ2IsVUFBVSxFQUFFLFFBQVE7aUJBQ3JCO2dCQUVELHVCQUFDLEtBQUssSUFDSixRQUFRLEVBQUUsS0FBSyxDQUFDLEVBQUU7d0JBQ2hCLFFBQVEsQ0FBQyxFQUFFLENBQUMsQ0FBQzt3QkFDYixNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7b0JBQ2hCLENBQUMsRUFDRCxLQUFLLEVBQUUsR0FBRyxFQUNWLFFBQVEsRUFBRSxFQUFFLEVBQ1osV0FBVyxFQUFDLGdDQUFnQyxFQUM1QyxZQUFZLEVBQUUsRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssRUFBRSxFQUFFLEVBQ3ZDLFdBQVcsRUFBRTt3QkFDWCxLQUFLLEVBQUUsTUFBTTt3QkFDYixXQUFXLEVBQUUsQ0FBQzt3QkFDZCxZQUFZLEVBQUUsQ0FBQzt3QkFDZixXQUFXLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSzt3QkFDakQsTUFBTSxFQUFFLEVBQUU7cUJBQ1gsR0FDRCxDQUNPO1lBQ1YsQ0FBQyxDQUFDLEtBQUssSUFBSSxDQUNWLHVCQUFDLEtBQUssSUFDSixLQUFLLEVBQUUsS0FBSyxFQUNaLFFBQVEsRUFBRSxFQUFFLEVBQ1osS0FBSyxFQUFFLE1BQU0sQ0FBQyxNQUFNLEVBQ3BCLFdBQVcsRUFBRSxFQUFFLE1BQU0sRUFBRSxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsRUFBRSxHQUNuQyxDQUNIO1lBQ0QsdUJBQUMsUUFBUSxJQUNQLFdBQVcsRUFBRTtvQkFDWCxhQUFhLEVBQUUsS0FBSztvQkFDcEIsY0FBYyxFQUFFLFVBQVU7b0JBQzFCLEtBQUssRUFBRSxNQUFNO29CQUNiLE1BQU0sRUFBRSxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUU7aUJBQ3BCO2dCQUVELHVCQUFDLE1BQU0sSUFDTCxFQUFFLEVBQUMsMkJBQTJCLEVBQzlCLEtBQUssRUFBQyxlQUFlLEVBQ3JCLE9BQU8sRUFBQyxXQUFXLEVBQ25CLFFBQVEsRUFBRSxFQUFFLEVBQ1osS0FBSyxFQUFFLE1BQU0sQ0FBQyxLQUFLLEVBQ25CLFdBQVcsRUFBRTt3QkFDWCxNQUFNLEVBQUUsRUFBRTt3QkFDVixPQUFPLEVBQUUsRUFBRSxJQUFJLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUU7d0JBQ2hDLE1BQU0sRUFBRSxFQUFFLEtBQUssRUFBRSxDQUFDLEVBQUU7cUJBQ3JCLEVBQ0QsV0FBVyxFQUFFLE9BQU8sR0FDcEI7Z0JBQ0YsdUJBQUMsTUFBTSxJQUNMLEVBQUUsRUFBQywyQkFBMkIsRUFDOUIsS0FBSyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDLGNBQWMsRUFDdkQsUUFBUSxFQUFFLEVBQUUsRUFDWixLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssRUFDbkIsUUFBUSxFQUFFLFNBQVMsRUFDbkIsV0FBVyxFQUFFO3dCQUNYLE1BQU0sRUFBRSxFQUFFO3dCQUNWLE9BQU8sRUFBRSxFQUFFLElBQUksRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRTtxQkFDakMsRUFDRCxXQUFXLEVBQUUsV0FBVyxHQUN4QixDQUNPLENBQ0YsQ0FDTCxDQUNULENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixlQUFlLHNCQUFzQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFycyAtLSBSZWFjdEVjcyBpcyByZXF1aXJlZCBmb3IgSlNYIGZhY3RvcnlcbmltcG9ydCBSZWFjdEVjcywgeyBJbnB1dCwgTGFiZWwsIFVpRW50aXR5IH0gZnJvbSAnQGRjbC9yZWFjdC1lY3MnO1xuaW1wb3J0IHsgQ29sb3I0IH0gZnJvbSAnQGRjbC9zZGsvbWF0aCc7XG5pbXBvcnQgeyBNb2RhbCB9IGZyb20gJy4uLy4uL01vZGFsJztcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uLy4uL0J1dHRvbic7XG5pbXBvcnQgeyBnZXRQcmVzZW50YXRpb25Cb3RUb2tlbiwgc3RhcnRQcmVzZW50YXRpb24gfSBmcm9tICcuLi9hcGknO1xuaW1wb3J0IHsgZ2V0RGNsQ2FzdENvbG9ycyB9IGZyb20gJy4vc3R5bGVzJztcblxuY29uc3QgU2hhcmVQcmVzZW50YXRpb25Nb2RhbCA9ICh7XG4gIG9uQ2xvc2UsXG4gIHN0cmVhbWluZ0tleSxcbn06IHtcbiAgb25DbG9zZTogKCkgPT4gdm9pZDtcbiAgc3RyZWFtaW5nS2V5OiBzdHJpbmc7XG59KSA9PiB7XG4gIGNvbnN0IGNvbG9ycyA9IGdldERjbENhc3RDb2xvcnMoKTtcbiAgY29uc3QgW3VybCwgc2V0VXJsXSA9IFJlYWN0RWNzLnVzZVN0YXRlKCcnKTtcbiAgY29uc3QgW2lzTG9hZGluZywgc2V0SXNMb2FkaW5nXSA9IFJlYWN0RWNzLnVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2Vycm9yLCBzZXRFcnJvcl0gPSBSZWFjdEVjcy51c2VTdGF0ZSgnJyk7XG5cbiAgY29uc3QgaGFuZGxlU2hhcmUgPSBhc3luYyAoKSA9PiB7XG4gICAgaWYgKCF1cmwudHJpbSgpKSB7XG4gICAgICBzZXRFcnJvcignUGxlYXNlIGVudGVyIGEgVVJMJyk7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgc2V0SXNMb2FkaW5nKHRydWUpO1xuICAgIHNldEVycm9yKCcnKTtcblxuICAgIGNvbnN0IFt0b2tlbkVycm9yLCB0b2tlbkRhdGFdID0gYXdhaXQgZ2V0UHJlc2VudGF0aW9uQm90VG9rZW4oc3RyZWFtaW5nS2V5KTtcbiAgICBpZiAodG9rZW5FcnJvciB8fCAhdG9rZW5EYXRhKSB7XG4gICAgICBzZXRFcnJvcih0b2tlbkVycm9yID8/ICdGYWlsZWQgdG8gZ2V0IHByZXNlbnRhdGlvbiB0b2tlbicpO1xuICAgICAgc2V0SXNMb2FkaW5nKGZhbHNlKTtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCBbcHJlc2VudGF0aW9uRXJyb3JdID0gYXdhaXQgc3RhcnRQcmVzZW50YXRpb24odXJsLnRyaW0oKSwgdG9rZW5EYXRhLnRva2VuLCB0b2tlbkRhdGEudXJsKTtcbiAgICBpZiAocHJlc2VudGF0aW9uRXJyb3IpIHtcbiAgICAgIHNldEVycm9yKHByZXNlbnRhdGlvbkVycm9yKTtcbiAgICAgIHNldElzTG9hZGluZyhmYWxzZSk7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgc2V0SXNMb2FkaW5nKGZhbHNlKTtcbiAgICBvbkNsb3NlKCk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8TW9kYWxcbiAgICAgIGlkPVwic2hhcmUtcHJlc2VudGF0aW9uXCJcbiAgICAgIHRpdGxlPVwiU2hhcmUgUHJlc2VudGF0aW9uXCJcbiAgICAgIG9uQ2xvc2U9e29uQ2xvc2V9XG4gICAgICB3aWR0aD17NDgwfVxuICAgID5cbiAgICAgIDxVaUVudGl0eVxuICAgICAgICB1aVRyYW5zZm9ybT17e1xuICAgICAgICAgIGZsZXhEaXJlY3Rpb246ICdjb2x1bW4nLFxuICAgICAgICAgIHdpZHRoOiAnMTAwJScsXG4gICAgICAgICAgbWFyZ2luOiB7IHRvcDogMTYgfSxcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPExhYmVsXG4gICAgICAgICAgdmFsdWU9XCJQYXN0ZSBhIFVSTCB0byBhIFBERiBvciBQUFRYIGZpbGVcIlxuICAgICAgICAgIGZvbnRTaXplPXsxNH1cbiAgICAgICAgICBjb2xvcj17Y29sb3JzLmxpZ2h0R3JheX1cbiAgICAgICAgICB1aVRyYW5zZm9ybT17eyBtYXJnaW46IHsgYm90dG9tOiA4IH0gfX1cbiAgICAgICAgLz5cbiAgICAgICAgPFVpRW50aXR5XG4gICAgICAgICAgdWlUcmFuc2Zvcm09e3tcbiAgICAgICAgICAgIGZsZXhEaXJlY3Rpb246ICdyb3cnLFxuICAgICAgICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgICAgICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgICAgICAgIH19XG4gICAgICAgID5cbiAgICAgICAgICA8SW5wdXRcbiAgICAgICAgICAgIG9uQ2hhbmdlPXt2YWx1ZSA9PiB7XG4gICAgICAgICAgICAgIHNldEVycm9yKCcnKTtcbiAgICAgICAgICAgICAgc2V0VXJsKHZhbHVlKTtcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICB2YWx1ZT17dXJsfVxuICAgICAgICAgICAgZm9udFNpemU9ezE0fVxuICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJodHRwczovL2V4YW1wbGUuY29tL3NsaWRlcy5wZGZcIlxuICAgICAgICAgICAgdWlCYWNrZ3JvdW5kPXt7IGNvbG9yOiBDb2xvcjQuV2hpdGUoKSB9fVxuICAgICAgICAgICAgdWlUcmFuc2Zvcm09e3tcbiAgICAgICAgICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgICAgICAgICAgYm9yZGVyV2lkdGg6IDIsXG4gICAgICAgICAgICAgIGJvcmRlclJhZGl1czogOCxcbiAgICAgICAgICAgICAgYm9yZGVyQ29sb3I6IGVycm9yID8gY29sb3JzLmRhbmdlciA6IGNvbG9ycy53aGl0ZSxcbiAgICAgICAgICAgICAgaGVpZ2h0OiA0OCxcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9VaUVudGl0eT5cbiAgICAgICAgeyEhZXJyb3IgJiYgKFxuICAgICAgICAgIDxMYWJlbFxuICAgICAgICAgICAgdmFsdWU9e2Vycm9yfVxuICAgICAgICAgICAgZm9udFNpemU9ezE0fVxuICAgICAgICAgICAgY29sb3I9e2NvbG9ycy5kYW5nZXJ9XG4gICAgICAgICAgICB1aVRyYW5zZm9ybT17eyBtYXJnaW46IHsgdG9wOiA4IH0gfX1cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgICA8VWlFbnRpdHlcbiAgICAgICAgICB1aVRyYW5zZm9ybT17e1xuICAgICAgICAgICAgZmxleERpcmVjdGlvbjogJ3JvdycsXG4gICAgICAgICAgICBqdXN0aWZ5Q29udGVudDogJ2ZsZXgtZW5kJyxcbiAgICAgICAgICAgIHdpZHRoOiAnMTAwJScsXG4gICAgICAgICAgICBtYXJnaW46IHsgdG9wOiAxNiB9LFxuICAgICAgICAgIH19XG4gICAgICAgID5cbiAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICBpZD1cInNoYXJlX3ByZXNlbnRhdGlvbl9jYW5jZWxcIlxuICAgICAgICAgICAgdmFsdWU9XCI8Yj5DYW5jZWw8L2I+XCJcbiAgICAgICAgICAgIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgZm9udFNpemU9ezE2fVxuICAgICAgICAgICAgY29sb3I9e2NvbG9ycy53aGl0ZX1cbiAgICAgICAgICAgIHVpVHJhbnNmb3JtPXt7XG4gICAgICAgICAgICAgIGhlaWdodDogNDIsXG4gICAgICAgICAgICAgIHBhZGRpbmc6IHsgbGVmdDogMTYsIHJpZ2h0OiAxNiB9LFxuICAgICAgICAgICAgICBtYXJnaW46IHsgcmlnaHQ6IDggfSxcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICBvbk1vdXNlRG93bj17b25DbG9zZX1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGlkPVwic2hhcmVfcHJlc2VudGF0aW9uX3N1Ym1pdFwiXG4gICAgICAgICAgICB2YWx1ZT17aXNMb2FkaW5nID8gJzxiPlNoYXJpbmcuLi48L2I+JyA6ICc8Yj5TaGFyZTwvYj4nfVxuICAgICAgICAgICAgZm9udFNpemU9ezE2fVxuICAgICAgICAgICAgY29sb3I9e2NvbG9ycy5ibGFja31cbiAgICAgICAgICAgIGRpc2FibGVkPXtpc0xvYWRpbmd9XG4gICAgICAgICAgICB1aVRyYW5zZm9ybT17e1xuICAgICAgICAgICAgICBoZWlnaHQ6IDQyLFxuICAgICAgICAgICAgICBwYWRkaW5nOiB7IGxlZnQ6IDE2LCByaWdodDogMTYgfSxcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICBvbk1vdXNlRG93bj17aGFuZGxlU2hhcmV9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9VaUVudGl0eT5cbiAgICAgIDwvVWlFbnRpdHk+XG4gICAgPC9Nb2RhbD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFNoYXJlUHJlc2VudGF0aW9uTW9kYWw7XG4iXX0=

package/dist/admin-toolkit-ui/VideoControl/DclCast/SpeakerShowcase.d.ts

@@ -0,0 +1,11 @@
+import ReactEcs from '@dcl/react-ecs';
+import { type FlattenedTrack, type Participant } from '../api';
+type SpeakerShowcaseProps = {
+    participants: Participant[];
+    activeTrackSid: string | undefined;
+    onSelectTrack: (track: FlattenedTrack) => void;
+    onSetDefault: () => void;
+    onClose: () => void;
+};
+export declare function SpeakerShowcase({ participants, activeTrackSid, onSelectTrack, onSetDefault, onClose, }: SpeakerShowcaseProps): ReactEcs.JSX.Element;
+export {};