@imposium-hub/components 2.9.0-14 → 2.9.0-2

package/src/services/API.ts

@@ -120,6 +120,8 @@ export interface IImposiumAPI {
     addUser(organizationId: string, email: string, roleId: number);
     updateRole(organizationId: string, userId: string, roleId: number);
     deleteUser(organizationId: string, userId: string);
+    getPlayerMetrics(storyId: string, start: number, end: number, alias: string);
+    getSystemMetrics(storyId: string, start: number, end: number, step: number, alias: string);
     getOrganizations(page: number, itemsPerPage: number): Promise<any[]>;
     addOrganization(orgName: string, enableCloudfront: boolean, defaultStory?: string);
     cancelExperiencePolling();
@@ -146,7 +148,7 @@ export interface IImposiumAPI {
     getAssetMap(storyId: string);
     clearStoryCache(storyId: string);
     debugId(id: string);
-    cacheActiveStory(serviceId: any, orgId: string, storyId?: string);
+    cacheActiveStory(serviceId: any, orgId: string, storyId: string);
     getCachedStoryForOrg(serviceId: string, orgId: string);
     getAccessData(includeTotalRenders?: boolean, orgId?: string);
     deleteExperience(experienceId: string, eraseMedia?: boolean);
@@ -157,7 +159,6 @@ export interface IImposiumAPI {
     removeAllQueueAssocs(queueId: string);
     removeQueueAssoc(queueId: string, storyId: string);
     getQueueStories(config: any, itemsPerPage: number);
-    cancelAllPendingRequests();
     getToken: any;
 }
 
@@ -171,6 +172,11 @@ interface ITTSOptions {
     minimum_silence_length?: number;
 }
 
+interface ICancelTokenCache {
+    player: CancelTokenSource | undefined;
+    system: CancelTokenSource | undefined;
+}
+
 export default class API {
     private http: AxiosInstance;
 
@@ -182,14 +188,17 @@ export default class API {
 
     private jobPollTimer: any;
 
+    private cancelTokenCache: ICancelTokenCache = {
+        player: undefined,
+        system: undefined
+    };
+
     private cancelTokens: object = {};
 
     public getToken;
 
     private authType;
 
-    private abortController;
-
     public init(baseURL: string, credentials: any, organizationId?: string): void {
         // JWT
         const headers = {
@@ -220,17 +229,12 @@ export default class API {
 
         this.getToken = credentials;
         this.awsHttp = axios.create();
-        this.abortController = new AbortController();
-    }
-
-    public cancelAllPendingRequests() {
-        this.abortController.abort();
-        this.abortController = new AbortController();
     }
 
     private doRequest = async (
         config: AxiosRequestConfig,
-        organizationId?: string
+        organizationId?: string,
+        reqAlias: string = ''
     ): Promise<any> => {
         if (this.authType === API_AUTH_TYPES.TOKEN) {
             const token = await this.getToken();
@@ -245,14 +249,19 @@ export default class API {
             config.headers = headers;
         }
 
-        config.signal = this.abortController.signal;
-
         return new Promise((resolve, reject) => {
             this.http(config)
                 .then((res: AxiosResponse) => {
+                    if (reqAlias) {
+                        this.clearCache(reqAlias);
+                    }
+
                     resolve(res.data);
                 })
                 .catch((e: AxiosError) => {
+                    if (!axios.isCancel(e) && reqAlias) {
+                        this.clearCache(reqAlias);
+                    }
                     reject(e);
                 });
         });
@@ -277,7 +286,22 @@ export default class API {
         });
     };
 
-    private doAWSRequest = (config: AxiosRequestConfig): Promise<any> => {
+    private cancelPrevious = (reqAlias: string): CancelToken => {
+        const source: CancelTokenSource = axios.CancelToken.source();
+
+        if (this.cancelTokenCache[reqAlias]) {
+            this.cancelTokenCache[reqAlias].cancel();
+        }
+        this.cancelTokenCache[reqAlias] = source;
+
+        return source.token;
+    };
+
+    private clearCache = (reqAlias: string): void => {
+        this.cancelTokenCache[reqAlias] = undefined;
+    };
+
+    private doAWSRequest = (config: AxiosRequestConfig, reqAlias: string = ''): Promise<any> => {
         return new Promise((resolve, reject) => {
             this.awsHttp(config)
                 .then((res: AxiosResponse) => {
@@ -490,6 +514,10 @@ export default class API {
         return source.token;
     };
 
+    private clearCancelTokes = () => {
+        this.cancelTokens = {};
+    };
+
     public uploadAsset = (
         storyId: string,
         tags: string,
@@ -1426,6 +1454,41 @@ export default class API {
         });
     };
 
+    public getPlayerMetrics = (
+        storyId: string,
+        start: number,
+        end: number,
+        alias: string = 'player'
+    ): Promise<any> => {
+        const token = this.cancelPrevious(alias);
+        const config: AxiosRequestConfig = {
+            method: 'GET',
+            url: `/metrics/player/${storyId}`,
+            params: { start, end },
+            cancelToken: token
+        };
+
+        return this.doRequest(config, alias);
+    };
+
+    public getSystemMetrics = (
+        storyId: string,
+        start: number,
+        end: number,
+        step: number,
+        alias: string = 'system'
+    ): Promise<any> => {
+        const token = this.cancelPrevious(alias);
+        const config: AxiosRequestConfig = {
+            method: 'GET',
+            url: `/metrics/system/${storyId}`,
+            params: { start, end, step },
+            cancelToken: token
+        };
+
+        return this.doRequest(config, alias);
+    };
+
     public getOrganizations = (page: number, itemsPerPage: number): Promise<any[]> => {
         return this.doRequest({
             url: '/account',
@@ -1655,21 +1718,16 @@ export default class API {
         });
     };
 
-    public cacheActiveStory = (serviceId, orgId, storyId?): Promise<any | Error> => {
+    public cacheActiveStory = (serviceId, orgId, storyId): Promise<any | Error> => {
         const route = `/service/${serviceId}/${orgId}/active`;
 
-        const data: any = {
-            organization_id: orgId
-        };
-
-        if (storyId) {
-            data['story_id'] = storyId;
-        }
-
         return this.doRequest({
             method: 'POST',
             url: route,
-            data
+            data: {
+                story_id: storyId,
+                organization_id: orgId
+            }
         });
     };
 

package/src/utils/modal.ts

@@ -1,9 +1,7 @@
 import { IConfirmModalProps } from '../components/confirm-modal/ConfirmModal';
 
-export const confirmModalEvent = 'openconfirmmodal';
-
 export const openConfirmModal = (detail: IConfirmModalProps) => {
-    const event = new CustomEvent(confirmModalEvent, {
+    const event = new CustomEvent('openconfirmmodal', {
         detail
     });
 

package/dist/cjs/components/edit-guide-modal/EditGuideModal.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export interface IEditGuideModalProps {
-    guide: number;
-    onClose: () => any;
-    onContinue: (e: any) => any;
-    isHorizontal: boolean;
-}
-export declare const EditGuideModal: () => React.JSX.Element;

package/dist/cjs/components/edit-guide-modal/EditGuideModal.js

@@ -1,122 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditGuideModal = void 0;
-var react_1 = __importStar(require("react"));
-var react_dom_1 = __importDefault(require("react-dom"));
-var Modal_1 = __importDefault(require("../modal/Modal"));
-var Button_1 = __importDefault(require("../button/Button"));
-var Section_1 = __importDefault(require("../section/Section"));
-var NumberField_1 = __importDefault(require("../number-field/NumberField"));
-var EditGuideModal = function () {
-    var _a = __read((0, react_1.useState)(null), 2), props = _a[0], setProps = _a[1];
-    var _b = __read((0, react_1.useState)(false), 2), isOpen = _b[0], setIsOpen = _b[1];
-    var _c = __read((0, react_1.useState)(null), 2), guide = _c[0], setGuide = _c[1];
-    var onOpen = function (event) {
-        setProps(__assign({}, event.detail));
-        setIsOpen(true);
-    };
-    var onClose = function () { return setIsOpen(false); };
-    (0, react_1.useEffect)(function () {
-        window.addEventListener('openeditguidemodal', onOpen);
-        return function () {
-            window.removeEventListener('openeditguidemodal', onOpen);
-        };
-    }, []);
-    (0, react_1.useEffect)(function () {
-        if (props === null || props === void 0 ? void 0 : props.guide) {
-            setGuide(props.guide);
-        }
-    }, [props === null || props === void 0 ? void 0 : props.guide]);
-    var onKeyDown = function (e) {
-        if (e.key === 'Enter') {
-            e.preventDefault();
-            onContinue(guide);
-        }
-    };
-    (0, react_1.useEffect)(function () {
-        if (isOpen) {
-            window.addEventListener('keypress', onKeyDown);
-        }
-        else {
-            window.removeEventListener('keypress', onKeyDown);
-        }
-        return function () {
-            window.removeEventListener('keypress', onKeyDown);
-        };
-    }, [isOpen, onKeyDown]);
-    var onContinue = (0, react_1.useCallback)(function (e) {
-        if (e) {
-            props.onContinue(e);
-            onClose();
-        }
-    }, [isOpen]);
-    var modal = isOpen && (react_1.default.createElement(Modal_1.default, { onRequestClose: onClose, style: {
-            width: '200px',
-            height: '110px',
-            top: '25%',
-            left: '55%'
-        }, isOpen: true },
-        react_1.default.createElement(Section_1.default, { title: "Edit ".concat(props.isHorizontal ? 'Horizontal Guide' : 'Vertical Guide'), style: { padding: '10px' } },
-            react_1.default.createElement(NumberField_1.default, { label: 'Guide Position', labelPosition: 'top', onChange: function (e) { return setGuide(Number(e)); }, focusOnMount: true, value: guide }),
-            react_1.default.createElement(Button_1.default, { onClick: onClose, style: 'bold', color: 'secondary' }, "Cancel"),
-            react_1.default.createElement(Button_1.default, { onClick: function () { return onContinue(guide); }, style: 'bold', color: 'primary' }, "Ok"))));
-    var PortalContextComponent = function () {
-        return react_dom_1.default.createPortal(modal, document.querySelector('#react-root'));
-    };
-    return react_1.default.createElement(PortalContextComponent, null);
-};
-exports.EditGuideModal = EditGuideModal;
-//# sourceMappingURL=EditGuideModal.js.map

package/dist/cjs/components/edit-guide-modal/EditGuideModal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditGuideModal.js","sourceRoot":"","sources":["../../../../src/components/edit-guide-modal/EditGuideModal.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/edit-marker-modal/EditMarkerModal.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export interface IEditMarkerModalProps {
-    index: number;
-    updateMarker: (marker: any) => void;
-    marker: any;
-    frameRate: number;
-}
-export declare const EditMarkerModal: () => React.JSX.Element;

package/dist/cjs/components/edit-marker-modal/EditMarkerModal.js

@@ -1,104 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditMarkerModal = void 0;
-var react_1 = __importDefault(require("react"));
-var react_2 = require("react");
-var Button_1 = __importDefault(require("../button/Button"));
-var Modal_1 = __importDefault(require("../modal/Modal"));
-var Section_1 = __importDefault(require("../section/Section"));
-var SMPTEField_1 = __importDefault(require("../smpte-field/SMPTEField"));
-var TextField_1 = __importDefault(require("../text-field/TextField"));
-var EditMarkerModal = function () {
-    var _a = __read((0, react_2.useState)(''), 2), label = _a[0], setLabel = _a[1];
-    var _b = __read((0, react_2.useState)(0), 2), frame = _b[0], setFrame = _b[1];
-    var _c = __read((0, react_2.useState)(null), 2), props = _c[0], setProps = _c[1];
-    var _d = __read((0, react_2.useState)(false), 2), isOpen = _d[0], setIsOpen = _d[1];
-    var onOpen = function (event) {
-        setProps(__assign({}, event.detail));
-        setIsOpen(true);
-    };
-    var onClose = function () { return setIsOpen(false); };
-    (0, react_2.useEffect)(function () {
-        window.addEventListener('openeditmarkermodal', onOpen);
-        return function () {
-            window.removeEventListener('openeditmarkermodal', onOpen);
-        };
-    }, []);
-    var onUpdate = (0, react_2.useCallback)(function (e) {
-        if (e) {
-            props.updateMarker(e);
-            setIsOpen(false);
-        }
-    }, [isOpen]);
-    var onKeyDown = function (e) {
-        if (e.key === 'Enter') {
-            e.preventDefault();
-            onUpdate({ label: label, frame: frame });
-        }
-    };
-    (0, react_2.useEffect)(function () {
-        if (isOpen) {
-            window.addEventListener('keypress', onKeyDown);
-        }
-        else {
-            window.removeEventListener('keypress', onKeyDown);
-        }
-        return function () {
-            window.removeEventListener('keypress', onKeyDown);
-        };
-    }, [isOpen, onKeyDown]);
-    (0, react_2.useEffect)(function () {
-        if (props === null || props === void 0 ? void 0 : props.marker) {
-            setLabel(props.marker.label ? props.marker.label : '');
-            setFrame(props.marker.frame ? props.marker.frame : 0);
-        }
-    }, [props === null || props === void 0 ? void 0 : props.marker]);
-    if (!isOpen)
-        return null;
-    return (react_1.default.createElement(Modal_1.default, { onRequestClose: onClose, wrapperStyle: {
-            left: '0px',
-            width: '100%'
-        }, style: {
-            width: '200px',
-            height: '150px',
-            top: 'calc(50% - 150px)',
-            left: 'calc((100% - 200px) / 2)'
-        }, isOpen: true },
-        react_1.default.createElement(Section_1.default, { title: 'Edit Marker' },
-            react_1.default.createElement("div", { className: 'edit-marker-modal' },
-                react_1.default.createElement(TextField_1.default, { label: 'Label', labelPosition: 'top', value: label, onChange: function (e) { return setLabel(e); } }),
-                react_1.default.createElement(SMPTEField_1.default, { label: 'Frame', labelPosition: 'top', value: frame, onChange: function (e) { return setFrame(e); }, frameRate: props === null || props === void 0 ? void 0 : props.frameRate }),
-                react_1.default.createElement(Button_1.default, { color: 'primary', style: 'bold', onClick: function () { return onUpdate({ label: label, frame: frame }); } }, "Update Marker")))));
-};
-exports.EditMarkerModal = EditMarkerModal;
-//# sourceMappingURL=EditMarkerModal.js.map

package/dist/cjs/components/edit-marker-modal/EditMarkerModal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditMarkerModal.js","sourceRoot":"","sources":["../../../../src/components/edit-marker-modal/EditMarkerModal.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/edit-guide-modal/EditGuideModal.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export interface IEditGuideModalProps {
-    guide: number;
-    onClose: () => any;
-    onContinue: (e: any) => any;
-    isHorizontal: boolean;
-}
-export declare const EditGuideModal: () => React.JSX.Element;

package/dist/esm/components/edit-guide-modal/EditGuideModal.js

@@ -1,65 +0,0 @@
-import React, { useCallback, useEffect, useState } from 'react';
-import ReactDOM from 'react-dom';
-import Modal from '../modal/Modal';
-import Button from '../button/Button';
-import Section from '../section/Section';
-import NumberField from '../number-field/NumberField';
-export const EditGuideModal = () => {
-    const [props, setProps] = useState(null);
-    const [isOpen, setIsOpen] = useState(false);
-    const [guide, setGuide] = useState(null);
-    const onOpen = (event) => {
-        setProps({
-            ...event.detail
-        });
-        setIsOpen(true);
-    };
-    const onClose = () => setIsOpen(false);
-    useEffect(() => {
-        window.addEventListener('openeditguidemodal', onOpen);
-        return () => {
-            window.removeEventListener('openeditguidemodal', onOpen);
-        };
-    }, []);
-    useEffect(() => {
-        if (props?.guide) {
-            setGuide(props.guide);
-        }
-    }, [props?.guide]);
-    const onKeyDown = (e) => {
-        if (e.key === 'Enter') {
-            e.preventDefault();
-            onContinue(guide);
-        }
-    };
-    useEffect(() => {
-        if (isOpen) {
-            window.addEventListener('keypress', onKeyDown);
-        }
-        else {
-            window.removeEventListener('keypress', onKeyDown);
-        }
-        return () => {
-            window.removeEventListener('keypress', onKeyDown);
-        };
-    }, [isOpen, onKeyDown]);
-    const onContinue = useCallback((e) => {
-        if (e) {
-            props.onContinue(e);
-            onClose();
-        }
-    }, [isOpen]);
-    const modal = isOpen && (React.createElement(Modal, { onRequestClose: onClose, style: {
-            width: '200px',
-            height: '110px',
-            top: '25%',
-            left: '55%'
-        }, isOpen: true },
-        React.createElement(Section, { title: `Edit ${props.isHorizontal ? 'Horizontal Guide' : 'Vertical Guide'}`, style: { padding: '10px' } },
-            React.createElement(NumberField, { label: 'Guide Position', labelPosition: 'top', onChange: (e) => setGuide(Number(e)), focusOnMount: true, value: guide }),
-            React.createElement(Button, { onClick: onClose, style: 'bold', color: 'secondary' }, "Cancel"),
-            React.createElement(Button, { onClick: () => onContinue(guide), style: 'bold', color: 'primary' }, "Ok"))));
-    const PortalContextComponent = () => ReactDOM.createPortal(modal, document.querySelector('#react-root'));
-    return React.createElement(PortalContextComponent, null);
-};
-//# sourceMappingURL=EditGuideModal.js.map

package/dist/esm/components/edit-guide-modal/EditGuideModal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditGuideModal.js","sourceRoot":"","sources":["../../../../src/components/edit-guide-modal/EditGuideModal.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/edit-marker-modal/EditMarkerModal.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export interface IEditMarkerModalProps {
-    index: number;
-    updateMarker: (marker: any) => void;
-    marker: any;
-    frameRate: number;
-}
-export declare const EditMarkerModal: () => React.JSX.Element;

package/dist/esm/components/edit-marker-modal/EditMarkerModal.js

@@ -1,72 +0,0 @@
-import React from 'react';
-import { useCallback, useEffect, useState } from 'react';
-import Button from '../button/Button';
-import Modal from '../modal/Modal';
-import Section from '../section/Section';
-import SMPTEField from '../smpte-field/SMPTEField';
-import TextField from '../text-field/TextField';
-export const EditMarkerModal = () => {
-    const [label, setLabel] = useState('');
-    const [frame, setFrame] = useState(0);
-    const [props, setProps] = useState(null);
-    const [isOpen, setIsOpen] = useState(false);
-    const onOpen = (event) => {
-        setProps({
-            ...event.detail
-        });
-        setIsOpen(true);
-    };
-    const onClose = () => setIsOpen(false);
-    useEffect(() => {
-        window.addEventListener('openeditmarkermodal', onOpen);
-        return () => {
-            window.removeEventListener('openeditmarkermodal', onOpen);
-        };
-    }, []);
-    const onUpdate = useCallback((e) => {
-        if (e) {
-            props.updateMarker(e);
-            setIsOpen(false);
-        }
-    }, [isOpen]);
-    const onKeyDown = (e) => {
-        if (e.key === 'Enter') {
-            e.preventDefault();
-            onUpdate({ label, frame });
-        }
-    };
-    useEffect(() => {
-        if (isOpen) {
-            window.addEventListener('keypress', onKeyDown);
-        }
-        else {
-            window.removeEventListener('keypress', onKeyDown);
-        }
-        return () => {
-            window.removeEventListener('keypress', onKeyDown);
-        };
-    }, [isOpen, onKeyDown]);
-    useEffect(() => {
-        if (props?.marker) {
-            setLabel(props.marker.label ? props.marker.label : '');
-            setFrame(props.marker.frame ? props.marker.frame : 0);
-        }
-    }, [props?.marker]);
-    if (!isOpen)
-        return null;
-    return (React.createElement(Modal, { onRequestClose: onClose, wrapperStyle: {
-            left: '0px',
-            width: '100%'
-        }, style: {
-            width: '200px',
-            height: '150px',
-            top: 'calc(50% - 150px)',
-            left: 'calc((100% - 200px) / 2)'
-        }, isOpen: true },
-        React.createElement(Section, { title: 'Edit Marker' },
-            React.createElement("div", { className: 'edit-marker-modal' },
-                React.createElement(TextField, { label: 'Label', labelPosition: 'top', value: label, onChange: (e) => setLabel(e) }),
-                React.createElement(SMPTEField, { label: 'Frame', labelPosition: 'top', value: frame, onChange: (e) => setFrame(e), frameRate: props?.frameRate }),
-                React.createElement(Button, { color: 'primary', style: 'bold', onClick: () => onUpdate({ label, frame }) }, "Update Marker")))));
-};
-//# sourceMappingURL=EditMarkerModal.js.map

package/dist/esm/components/edit-marker-modal/EditMarkerModal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditMarkerModal.js","sourceRoot":"","sources":["../../../../src/components/edit-marker-modal/EditMarkerModal.tsx"],"names":[],"mappings":"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"}