@imposium-hub/components 2.14.11 → 2.15.0-1

package/dist/esm/components/app-wrapper/AppWrapper_REMOTE_73190.js

@@ -0,0 +1,204 @@
+import * as React from 'react';
+import NoAccess from '../no-access/NoAccess';
+import Header from '../header/Header';
+import SessionService from '../../services/Session';
+import AuthService from '../../services/Auth0';
+import { connect } from 'react-redux';
+import { bindActionCreators } from 'redux';
+import { login, clearCachedAuth } from '../../redux/actions/auth';
+import { cacheAccessData, clearCachedAccessList } from '../../redux/actions/access';
+import { validateAccessLevel } from '../../Util';
+class AppWrapper extends React.Component {
+    static RESTRICTED_REQUEST = (React.createElement(NoAccess, { key: 'restriction-msg', type: 'request' }));
+    static RESTRICTED_BLOCK = (React.createElement(NoAccess, { key: 'restriction-msg', type: 'restrict' }));
+    static NO_ORGS = (React.createElement(NoAccess, { key: 'restriction-msg', type: 'no-orgs' }));
+    constructor(p) {
+        super(p);
+        this.state = {
+            blockRender: true,
+            restrictAccess: false
+        };
+    }
+    componentDidMount = () => {
+        const { auth, access, auth0ClientId, auth0Domain, isFreshUser } = this.props;
+        const session = SessionService.getSession();
+        AuthService.bindToClient(auth0ClientId, auth0Domain);
+        const validAccessLevel = validateAccessLevel(this.props.organizationId, this.props.serviceId, this.props.access);
+        if (!this.state.restrictAccess && !validAccessLevel) {
+            this.setState({ restrictAccess: true });
+        }
+        if (this.state.restrictAccess && validAccessLevel) {
+            this.setState({ restrictAccess: false });
+        }
+        // If cookie, auth or access data is missing / mismatched,
+        // silently check auth0 session and refresh flow on success
+        if (!isFreshUser &&
+            auth !== null &&
+            access !== null &&
+            typeof session === 'object' &&
+            typeof session.sub === 'string' &&
+            session.sub === auth.idTokenPayload.sub &&
+            session.stories_hash === SessionService.generateStoriesHash(access) &&
+            session.orgs_hash === SessionService.generateOrgsHash(access)) {
+            this.propagateCreds();
+        }
+        else {
+            this.doCheckSession(true);
+        }
+    };
+    /*
+        Check the auth0 session expiry
+     */
+    componentDidUpdate = (prevProps, prevState) => {
+        const { auth } = this.props;
+        let validAccessLevel;
+        if (auth) {
+            const { idTokenPayload: { exp } } = auth;
+            const validSession = AuthService.checkExpiry(exp);
+            if (!validSession) {
+                this.props.clearCachedAuth();
+                this.props.clearCachedAccessList();
+                this.doCheckSession();
+            }
+        }
+        if (this.props.organizationId !== prevProps.organizationId) {
+            validAccessLevel = validateAccessLevel(this.props.organizationId, this.props.serviceId, this.props.access);
+            if (!this.state.restrictAccess && !validAccessLevel) {
+                this.setState({ restrictAccess: true });
+            }
+            if (this.state.restrictAccess && validAccessLevel) {
+                this.setState({ restrictAccess: false });
+            }
+        }
+    };
+    /*
+        Emit creds to React parent
+     */
+    propagateCreds = () => {
+        const { auth, access, storyId, onAuthenticated } = this.props;
+        const activeOrgId = this.determineActiveOrganization(auth, access);
+        let activeStoryId = SessionService.getSession().story_id;
+        if (storyId) {
+            activeStoryId = storyId;
+        }
+        onAuthenticated(activeOrgId, activeStoryId);
+        if (this.state.blockRender) {
+            this.setState({ blockRender: false });
+        }
+    };
+    /*
+        Bust cached creds if exist, invoke auth failure handler
+     */
+    handleCheckSessionFailure = (e) => {
+        this.props.clearCachedAuth();
+        this.props.clearCachedAccessList();
+        this.props.onAuthenticationFailure(e);
+    };
+    /*
+        Check auth0 session, pull Imposium access creds on success and initialize app-wrapper
+    */
+    doCheckSession = (blockRender = false) => {
+        const { baseUrl } = this.props;
+        if (blockRender) {
+            this.setState({ blockRender: true });
+        }
+        AuthService.checkSession()
+            .then((freshIdentity) => {
+            SessionService.getAccessData(freshIdentity.idToken, baseUrl)
+                .then((freshAccess) => {
+                this.props.login(freshIdentity);
+                this.props.cacheAccessData(freshAccess);
+                SessionService.buildFreshSession(freshIdentity, freshAccess);
+                this.propagateCreds();
+            })
+                .catch((e) => {
+                console.error(e);
+                this.handleCheckSessionFailure(e);
+            });
+        })
+            .catch((e) => {
+            console.error(e);
+            this.handleCheckSessionFailure(e);
+        });
+    };
+    determineActiveOrganizationIn(auth, session, organizationIds) {
+        const { organizationId } = this.props;
+        const { idTokenPayload: { exp } } = auth;
+        if (organizationIds.length > 0) {
+            if (organizationId && organizationIds.indexOf(organizationId) > -1) {
+                return this.setActiveOrganization(organizationId, exp, session);
+            }
+            if (session &&
+                session.organization_id &&
+                organizationIds.indexOf(session.organization_id) > -1) {
+                return session.organization_id;
+            }
+            return this.setActiveOrganization(organizationIds[0], exp, session);
+        }
+        return '';
+    }
+    /*
+        Figure out what the active org should be based on app-wrapper configuration
+     */
+    determineActiveOrganization = (auth, access) => {
+        const { serviceId } = this.props;
+        const { organizations } = access;
+        const session = SessionService.getSession();
+        const allOrgIdsFlattened = organizations.map((o) => o.id);
+        const activeOrgId = this.determineActiveOrganizationIn(auth, session, allOrgIdsFlattened);
+        const activeOrg = organizations.find((o) => o.id === activeOrgId);
+        if (activeOrg && !activeOrg.services.includes(serviceId)) {
+            this.setState({ restrictAccess: true });
+        }
+        return activeOrgId;
+    };
+    /*
+        Update session if no session exists or diff in org id
+     */
+    setActiveOrganization = (organizationId, exp, sharedSession) => {
+        if (!sharedSession ||
+            !sharedSession.organization_id ||
+            sharedSession.organization_id !== organizationId) {
+            const activeOrg = this.props.access.organizations.find((o) => o.id === organizationId);
+            const firstStoryId = typeof activeOrg.stories[0] === 'object' ? activeOrg.stories[0].id : '';
+            SessionService.updateSession({ organization_id: organizationId, story_id: firstStoryId }, exp);
+        }
+        return organizationId;
+    };
+    render = () => {
+        const { blockRender, restrictAccess } = this.state;
+        const { children, showRequestAccess, allowUnauthenticatedRender } = this.props;
+        let innerContent;
+        if (!blockRender && restrictAccess) {
+            const showNoOrgs = this.props.access &&
+                this.props.access.organizations &&
+                this.props.access.organizations.length === 0;
+            const errorIndicator = showNoOrgs
+                ? AppWrapper.NO_ORGS
+                : showRequestAccess
+                    ? AppWrapper.RESTRICTED_REQUEST
+                    : AppWrapper.RESTRICTED_BLOCK;
+            innerContent = [
+                typeof children[0] === 'object' && children[0].type === Header && children[0],
+                errorIndicator
+            ];
+        }
+        if ((!blockRender && !restrictAccess) || allowUnauthenticatedRender) {
+            innerContent = children;
+        }
+        return (React.createElement("div", { id: 'app', className: 'app' }, innerContent));
+    };
+}
+const mapDispatchToProps = (dispatch) => {
+    return bindActionCreators({
+        login,
+        clearCachedAuth,
+        cacheAccessData,
+        clearCachedAccessList
+    }, dispatch);
+};
+const mapStateToProps = (state) => {
+    return { auth: state.auth, access: state.access };
+};
+export default connect(mapStateToProps, mapDispatchToProps)(AppWrapper);
+//# sourceMappingURL=AppWrapper_REMOTE_73190.js.map

package/dist/esm/components/app-wrapper/AppWrapper_REMOTE_73190.js.map

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

package/dist/esm/components/auth-gate/AuthGate.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/esm/components/auth-gate/AuthGate.js

@@ -0,0 +1,59 @@
+import * as React from 'react';
+import ScaleLoader from 'react-spinners/ScaleLoader';
+import SessionService from '../../services/Session';
+import AuthService from '../../services/Auth0';
+import { connect } from 'react-redux';
+import { bindActionCreators } from 'redux';
+import { login } from '../../redux/actions/auth';
+import { setAccessData } from '../../redux/actions/access';
+class AuthGate extends React.PureComponent {
+    static LOADER_COLOR = '#2d8ceb';
+    constructor(p) {
+        super(p);
+    }
+    componentDidMount = () => {
+        const { auth0ClientId, auth0Hash, auth0Domain, onAuthenticated, baseUrl } = this.props;
+        AuthService.bindToClient(auth0ClientId, auth0Domain);
+        if (!auth0Hash) {
+            console.info('No hash found, redirecting to login');
+            AuthService.login();
+        }
+        else {
+            AuthService.parseIdFromHash(auth0Hash)
+                .then((freshIdentity) => {
+                // Use the cached org ID and story ID if it exists
+                const orgId = SessionService.getCachedOrgId() || null;
+                const storyId = SessionService.getCachedStoryId() || null;
+                SessionService.getAccessData(freshIdentity.accessToken, baseUrl, false, orgId)
+                    .then((freshAccess) => {
+                    this.props.login(freshIdentity);
+                    this.props.setAccessData(freshAccess);
+                    SessionService.buildFreshSession(freshIdentity, orgId, storyId);
+                    onAuthenticated(storyId, orgId);
+                })
+                    .catch((e) => {
+                    console.error('Error getting access data, redirecting to root');
+                    console.error(e);
+                    onAuthenticated(null, null);
+                });
+            })
+                .catch((e) => {
+                console.error('Error parsing ID from hash, redirecting to login');
+                console.error(e);
+                AuthService.login();
+            });
+        }
+    };
+    render = () => {
+        return (React.createElement("div", { className: 'auth-gate' },
+            React.createElement(ScaleLoader, { color: AuthGate.LOADER_COLOR })));
+    };
+}
+const mapDispatchToProps = (dispatch) => {
+    return bindActionCreators({
+        login,
+        setAccessData
+    }, dispatch);
+};
+export default connect(null, mapDispatchToProps)(AuthGate);
+//# sourceMappingURL=AuthGate.js.map

package/dist/esm/components/auth-gate/AuthGate.js.map

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

package/dist/esm/components/change-report/ChangeReportTree.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { IChangeReportSection } from '../../constants/snippets';
+interface IChangeReportTreeProps {
+    sections: IChangeReportSection[] | null;
+    defaultExpanded?: boolean;
+    emptyMessage?: string;
+    loadingMessage?: string;
+}
+declare const ChangeReportTree: React.FC<IChangeReportTreeProps>;
+export default ChangeReportTree;

package/dist/esm/components/change-report/ChangeReportTree.js

@@ -0,0 +1,42 @@
+import * as React from 'react';
+import * as copy from '../../constants/copy';
+const STATUS_LABELS = {
+    added: copy.publish.statusAdded,
+    removed: copy.publish.statusRemoved,
+    modified: copy.publish.statusModified
+};
+const ChangeReportNode = ({ node, defaultExpanded, depth }) => {
+    const [expanded, setExpanded] = React.useState(defaultExpanded);
+    const hasChildren = node.children && node.children.length > 0;
+    const hasValues = node.oldValue !== undefined || node.newValue !== undefined;
+    const oldDisplay = node.oldValue === null || node.oldValue === '' || node.oldValue === undefined
+        ? '*empty*'
+        : node.oldValue;
+    const newDisplay = node.newValue === null || node.newValue === '' || node.newValue === undefined
+        ? '*empty*'
+        : node.newValue;
+    return (React.createElement("div", { className: 'change-report-node', style: { paddingLeft: depth * 16 } },
+        React.createElement("div", { className: 'change-report-node-row' },
+            hasChildren && (React.createElement("span", { className: `change-report-toggle ${expanded ? 'change-report-toggle--expanded' : ''}`, onClick: () => setExpanded(!expanded) }, "\u25B6")),
+            !hasChildren && React.createElement("span", { className: 'change-report-toggle-placeholder' }),
+            React.createElement("span", { className: `change-report-status change-report-status--${node.status}` }, STATUS_LABELS[node.status]),
+            React.createElement("span", { className: 'change-report-label' }, node.label),
+            hasValues && (React.createElement("span", { className: 'change-report-values' },
+                React.createElement("span", { className: 'change-report-value change-report-value--old' }, oldDisplay),
+                React.createElement("span", { className: 'change-report-value-arrow' }, "\u2192"),
+                React.createElement("span", { className: 'change-report-value change-report-value--new' }, newDisplay)))),
+        hasChildren && expanded && (React.createElement("div", { className: 'change-report-children' }, node.children.map((child, i) => (React.createElement(ChangeReportNode, { key: i, node: child, defaultExpanded: defaultExpanded, depth: depth + 1 })))))));
+};
+const ChangeReportTree = ({ sections, defaultExpanded = true, emptyMessage = copy.publish.noChangesMessage, loadingMessage = copy.publish.loadingChangesMessage }) => {
+    if (sections === null) {
+        return (React.createElement("div", { className: 'change-report-tree change-report-tree--loading' }, loadingMessage));
+    }
+    if (sections.length === 0) {
+        return React.createElement("div", { className: 'change-report-tree change-report-tree--empty' }, emptyMessage);
+    }
+    return (React.createElement("div", { className: 'change-report-tree' }, sections.map((section, i) => (React.createElement("div", { key: i, className: 'change-report-section' },
+        React.createElement("div", { className: 'change-report-section-heading' }, section.section),
+        React.createElement("div", { className: 'change-report-section-nodes' }, section.nodes.map((node, j) => (React.createElement(ChangeReportNode, { key: j, node: node, defaultExpanded: defaultExpanded, depth: 0 })))))))));
+};
+export default ChangeReportTree;
+//# sourceMappingURL=ChangeReportTree.js.map

package/dist/esm/components/change-report/ChangeReportTree.js.map

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

package/dist/esm/components/dropdown/{Dropdown.stories.js → dropdown.stories.js}

@@ -12,4 +12,4 @@ export const defaultDropDown = () => {
         React.createElement(Button, { onClick: () => setToggle(!toggle), ref: dropdownToggleRef }, "Sample DropDown Toggle"),
         React.createElement(ImposiumDropdown, { toggleRef: dropdownToggleRef, show: toggle, position: 'bottomright', onOutsideClick: () => setToggle(!toggle) }, "Sample")));
 };
-//# sourceMappingURL=Dropdown.stories.js.map
+//# sourceMappingURL=dropdown.stories.js.map

package/dist/esm/components/dropdown/{Dropdown.stories.js.map → dropdown.stories.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.stories.js","sourceRoot":"","sources":["../../../../src/components/dropdown/Dropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,gBAAgB,MAAM,YAAY,CAAC;AAE1C,eAAe;IACX,KAAK,EAAE,UAAU;IACjB,SAAS,EAAE,gBAAgB;CAC9B,CAAC;AAeF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAChC,MAAM,iBAAiB,GAAG,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IAClD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,OAAO,CACH;QACI,oBAAC,MAAM,IACH,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,EACjC,GAAG,EAAE,iBAAiB,6BAEjB;QACT,oBAAC,gBAAgB,IACb,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAC,aAAa,EACtB,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,aAEzB,CACpB,CACN,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"dropdown.stories.js","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,gBAAgB,MAAM,YAAY,CAAC;AAE1C,eAAe;IACX,KAAK,EAAE,UAAU;IACjB,SAAS,EAAE,gBAAgB;CAC9B,CAAC;AAeF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAChC,MAAM,iBAAiB,GAAG,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IAClD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,OAAO,CACH;QACI,oBAAC,MAAM,IACH,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,EACjC,GAAG,EAAE,iBAAiB,6BAEjB;QACT,oBAAC,gBAAgB,IACb,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAC,aAAa,EACtB,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,aAEzB,CACpB,CACN,CAAC;AACN,CAAC,CAAC"}

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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,65 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,72 @@
+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

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

package/dist/esm/components/error-message-preview/ErrorMessagePreview.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+interface IErrorMessagePreviewProps {
+    showMedia: boolean;
+    message: string;
+    style?: React.CSSProperties | any;
+    onRequestClose?(): void;
+}
+declare class ErrorMessagePreview extends React.PureComponent<IErrorMessagePreviewProps> {
+    private errorMsgNode;
+    private evtHandlers;
+    constructor(props: any);
+    private onClose;
+    render(): JSX.Element;
+}
+export default ErrorMessagePreview;

package/dist/esm/components/error-message-preview/ErrorMessagePreview.js

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import Portal from '../portal/Portal';
+import Button from '../button/Button';
+import { assets as copy } from '../../constants/copy';
+import { ICON_TIMES } from '../../constants/icons';
+class ErrorMessagePreview extends React.PureComponent {
+    errorMsgNode = null;
+    evtHandlers;
+    constructor(props) {
+        super(props);
+        this.errorMsgNode = React.createRef();
+        this.evtHandlers = {
+            onClose: (e) => this.onClose(e)
+        };
+    }
+    onClose(e) {
+        const { onRequestClose } = this.props;
+        e.stopPropagation();
+        onRequestClose();
+    }
+    render() {
+        const { showMedia, style, message } = this.props;
+        if (showMedia) {
+            return (React.createElement(Portal, { id: 'portal-root' },
+                React.createElement("div", { style: { ...style }, className: 'close-icon-preview' },
+                    React.createElement(Button, { key: 'btn-filter', onClick: this.evtHandlers.onClose, size: 'large', style: 'subtle', tooltip: copy.field.tooltipFilter }, ICON_TIMES)),
+                React.createElement("p", { style: style, ref: this.errorMsgNode, className: 'asset-preview-background media-preview' }, message)));
+        }
+        else {
+            return null;
+        }
+    }
+}
+export default ErrorMessagePreview;
+//# sourceMappingURL=ErrorMessagePreview.js.map

package/dist/esm/components/error-message-preview/ErrorMessagePreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessagePreview.js","sourceRoot":"","sources":["../../../../src/components/error-message-preview/ErrorMessagePreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AASnD,MAAM,mBAAoB,SAAQ,KAAK,CAAC,aAAwC;IACpE,YAAY,GAAQ,IAAI,CAAC;IAEzB,WAAW,CAAM;IAEzB,YAAY,KAAK;QACb,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;QACtC,IAAI,CAAC,WAAW,GAAG;YACf,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;SAClC,CAAC;IACN,CAAC;IAEO,OAAO,CAAC,CAAC;QACb,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACtC,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,cAAc,EAAE,CAAC;IACrB,CAAC;IAEM,MAAM;QACT,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACjD,IAAI,SAAS,EAAE;YACX,OAAO,CACH,oBAAC,MAAM,IAAC,EAAE,EAAC,aAAa;gBACpB,6BACI,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,EACnB,SAAS,EAAE,oBAAoB;oBAC/B,oBAAC,MAAM,IACH,GAAG,EAAC,YAAY,EAChB,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO,EACjC,IAAI,EAAE,OAAO,EACb,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,IAChC,UAAU,CACN,CACP;gBACN,2BACI,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,IAAI,CAAC,YAAY,EACtB,SAAS,EAAC,wCAAwC,IACpD,OAAO,CAAK,CACT,CACZ,CAAC;SACL;aAAM;YACH,OAAO,IAAI,CAAC;SACf;IACL,CAAC;CACJ;AAED,eAAe,mBAAmB,CAAC"}

package/dist/esm/components/feature-flag-wrapper/FeatureFlagWrapper.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface IFeatureFlagWrapperProps {
+    children: React.ReactNode;
+    flagName: string;
+}
+export declare const FeatureFlagWrapper: ({ children, flagName }: IFeatureFlagWrapperProps) => React.ReactNode;
+export {};

package/dist/esm/components/feature-flag-wrapper/FeatureFlagWrapper.js

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { useFlag } from '@innovid/feature-flags-react';
+export const FeatureFlagWrapper = ({ children, flagName }) => {
+    const isFeatureFlagEnabled = useFlag(flagName);
+    if (isFeatureFlagEnabled) {
+        return children;
+    }
+    return React.createElement(React.Fragment, null);
+};
+//# sourceMappingURL=FeatureFlagWrapper.js.map

package/dist/esm/components/feature-flag-wrapper/FeatureFlagWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureFlagWrapper.js","sourceRoot":"","sources":["../../../../src/components/feature-flag-wrapper/FeatureFlagWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAOvD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAC,QAAQ,EAAE,QAAQ,EAA2B,EAAC,EAAE;IAChF,MAAM,oBAAoB,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC/C,IAAG,oBAAoB,EAAE,CAAC;QACtB,OAAO,QAAQ,CAAC;IACpB,CAAC;IACD,OAAO,yCAAK,CAAC;AACjB,CAAC,CAAA"}