@imposium-hub/components 2.8.0-0 → 2.8.0-2

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

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

@@ -1 +0,0 @@
-{"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/error-message-preview/ErrorMessagePreview.d.ts

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

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

@@ -1 +0,0 @@
-{"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/header/Header_BACKUP_73021.d.ts

@@ -1,33 +0,0 @@
-export interface IHeaderProps {
-    email?: string;
-    activeOrganization: string;
-    activeStory?: string;
-    hideStoryPicker?: boolean;
-    hideOrgPicker?: boolean;
-    onOrganizationChange?: (orgId: any) => any;
-    onStoryChange?: (story: any) => any;
-    logout: (...args: any[]) => any;
-    additionalButtons?: any[];
-    auth: any;
-    story: any;
-    baseUrl: any;
-    hideDocs?: boolean;
-    showFTLogo?: boolean;
-}
-export interface IHeaderState {
-    inactiveOrganizations: any[];
-    servicesByOrganization: any[];
-    activeServiceBlob: any;
-    activeOrganizationBlob: any;
-    showAccountDropdown: boolean;
-    showStoriesDropdown: boolean;
-    showServiceDropdown: boolean;
-    dropdownToggleColor: string;
-    activeFirstChar: string;
-    order: string;
-    orderDirection: string;
-    accessData: any;
-    dataLoading: boolean;
-}
-declare const _default: any;
-export default _default;

package/dist/esm/components/header/Header_BACKUP_73021.js

@@ -1,336 +0,0 @@
-import * as React from 'react';
-import ImposiumDropdown from '../dropdown/Dropdown';
-import ServiceIcon from '../service-icon/ServiceIcon';
-import { string2HexCode, parameterizeServiceUrl } from '../../Util';
-import { ICON_CHEVRON_DOWN, ICON_CHEVRON_UP, ICON_HELP } from '../../constants/icons';
-import { connect } from 'react-redux';
-import Spinner from '../spinner/Spinner';
-import _ from 'lodash';
-import DataTable from '../data-table/DataTable';
-import AssetsTableDateCell from '../assets/AssetsTableDateCell';
-import SessionService from '../../services/Session';
-class ImposiumHeader extends React.PureComponent {
-    static DEFAULT_TITLE = 'imposium';
-    static SERVICE_MESH_ALIAS = 'services';
-    static DOCS_HEADER = 'documentation';
-    static PRIVATE_HEADER = 'admin';
-    static API_DOCS_LINK_COPY = 'REST API';
-    static SDK_DOCS_LINK_COPY = 'Javascript SDK';
-    static API_DOCS_LINK = 'https://docs.imposium.com';
-    static SDK_DOCS_LINK = 'https://docs.imposium.com/js-sdk/';
-    static DEFAULT_ACCOUNT_TOGGLE_COLOR = 'royalblue';
-    static NO_STORIES_COPY = 'No stories were found';
-    static LOGOUT_COPY = 'logout';
-    static UUID_LENGTH = 36;
-    static UP = ICON_CHEVRON_UP;
-    static DOWN = ICON_CHEVRON_DOWN;
-    static PRIVATE_IDS = [9, 10, 11, 12];
-    serviceToggleRef = null;
-    storyToggleRef = null;
-    orgsToggleRef = null;
-    COLUMNS = [
-        {
-            accessor: 'name',
-            Header: 'Name',
-            width: 115,
-            minWidth: 115,
-            disableSortBy: false
-        },
-        // {
-        //     accessor: 'total_renders',
-        //     Header: 'Total Renders',
-        //     width: 60,
-        //     minWidth: 60,
-        //     maxWidth: 60,
-        //     disableSortBy: false
-        // },
-        {
-            accessor: 'last_modified_by',
-            Header: 'Last Modified By',
-            width: 60,
-            minWidth: 60,
-            maxWidth: 60,
-            disableSortBy: true
-        },
-        {
-            accessor: 'date_modified',
-            Header: 'Last Modified',
-            width: 65,
-            minWidth: 65,
-            maxWidth: 65,
-            disableSortBy: false,
-            Cell: (cell) => (React.createElement(AssetsTableDateCell, { cell: cell, date_created: false }))
-        },
-        {
-            accessor: 'date_created',
-            Header: 'Created Date',
-            width: 65,
-            minWidth: 65,
-            maxWidth: 65,
-            disableSortBy: false,
-            Cell: (cell) => (React.createElement(AssetsTableDateCell, { cell: cell, date_created: true }))
-        }
-    ];
-    constructor(p) {
-        super(p);
-        this.state = {
-            inactiveOrganizations: [],
-            servicesByOrganization: [],
-            activeServiceBlob: undefined,
-            activeOrganizationBlob: undefined,
-            showAccountDropdown: false,
-            showStoriesDropdown: false,
-            showServiceDropdown: false,
-            dropdownToggleColor: ImposiumHeader.DEFAULT_ACCOUNT_TOGGLE_COLOR,
-            activeFirstChar: '',
-            order: 'date_modified',
-            orderDirection: 'desc',
-            accessData: null,
-            dataLoading: true
-        };
-        this.serviceToggleRef = React.createRef();
-        this.storyToggleRef = React.createRef();
-        this.orgsToggleRef = React.createRef();
-    }
-    componentDidMount = () => {
-        this.getAccessDataHandler();
-    };
-    componentDidUpdate(prevProps) {
-        const { accessData } = this.state;
-        const { activeOrganization, access } = this.props;
-        if (activeOrganization !== prevProps.activeOrganization) {
-            if (accessData !== null) {
-                this.parseAccessData(accessData, activeOrganization);
-            }
-            else {
-                this.getAccessDataHandler();
-            }
-        }
-        if (!_.isEqual(access, accessData)) {
-            this.setState({ accessData: access }, () => this.parseAccessData(access, activeOrganization));
-        }
-    }
-    parseAccessData = (accessData, activeOrganization) => {
-        const { organizations, services } = accessData;
-        let activeOrgId = activeOrganization;
-        if (activeOrgId === 'undefined') {
-            const session = SessionService.getSession();
-            activeOrgId = session.organization_id;
-        }
-        const activeOrganizationBlob = activeOrgId
-            ? accessData.organizations.find((org) => org.id === activeOrgId)
-            : undefined;
-        const inactiveOrganizations = organizations.length > 1 ? organizations.filter((o) => o.id !== activeOrgId) : [];
-        const servicesByOrganization = services && activeOrganizationBlob
-            ? services.filter((s) => activeOrganizationBlob.services.includes(s.id))
-            : [];
-        const activeServiceBlob = servicesByOrganization.length > 1
-            ? services.find((s) => window.location.href.includes(s.url))
-            : undefined;
-        let dropdownToggleColor = ImposiumHeader.DEFAULT_ACCOUNT_TOGGLE_COLOR;
-        let activeFirstChar = '';
-        if (activeOrganizationBlob && activeOrganizationBlob.hasOwnProperty('name')) {
-            dropdownToggleColor = string2HexCode(activeOrganizationBlob.name);
-            activeFirstChar = this.pullFirstChar(activeOrganizationBlob.name);
-        }
-        this.setState({
-            servicesByOrganization,
-            activeServiceBlob,
-            inactiveOrganizations,
-            activeOrganizationBlob,
-            dropdownToggleColor,
-            activeFirstChar
-        });
-    };
-    changeStory = (story) => {
-        const { onStoryChange } = this.props;
-        if (typeof onStoryChange === 'function') {
-            onStoryChange(story);
-            this.setState({ showStoriesDropdown: false });
-        }
-    };
-    toggleAccountDropdown = (toggle, newId = '') => {
-        const { onOrganizationChange } = this.props;
-        if (toggle) {
-            this.setState({ showAccountDropdown: true });
-        }
-        else {
-            this.setState({ showAccountDropdown: false });
-            // Propagate handler if supplied (more useful in react / redux flow)
-            if (newId && onOrganizationChange) {
-                onOrganizationChange(newId);
-            }
-            // V1 Default behavior - redirect to hub on org change
-            if (newId && !onOrganizationChange) {
-                window.location.replace(`${this.getHomeUrl()}?organization_id=${newId}`);
-            }
-        }
-    };
-    getHomeUrl = () => {
-        const { location: { hostname, host } } = window;
-        if (hostname === 'localhost') {
-            return 'http://localhost:3036';
-        }
-        else if (host.includes('.staging.')) {
-            return 'https://launchpad.staging.imposium.com';
-        }
-        else {
-            return 'https://launchpad.imposium.com';
-        }
-    };
-    doLogout = () => {
-        this.setState({ showAccountDropdown: false });
-        this.props.logout();
-    };
-    pullFirstChar = (s) => {
-        return s ? s.substring(0, 1) : '';
-    };
-    renderDropdownChevron = (toggle) => {
-        return toggle ? ImposiumHeader.UP : ImposiumHeader.DOWN;
-    };
-    renderServiceAnchor = (s, activeOrganization, activeStory) => (React.createElement("div", { className: 'anchor-wrapper', key: s.id },
-        React.createElement("a", { href: parameterizeServiceUrl(activeOrganization, activeStory, s.url, s.id) },
-            React.createElement("div", { className: 'icon-fixed' },
-                React.createElement(ServiceIcon, { iconName: s.icon, color: `#${s.color}` })),
-            s.name)));
-    getAccessDataHandler = () => {
-        const { auth: { idToken }, baseUrl, activeOrganization } = this.props;
-        this.setState({ dataLoading: true });
-        SessionService.getAccessData(idToken, baseUrl, false, activeOrganization)
-            .then((res) => {
-            this.setState({ dataLoading: false, accessData: res }, () => this.parseAccessData(res, activeOrganization));
-        })
-            .catch((e) => {
-            console.error(e);
-        });
-    };
-    render() {
-        const { email, activeOrganization, activeStory, hideStoryPicker, story, hideOrgPicker, additionalButtons, showFTLogo, hideDocs } = this.props;
-        const { accessData, showAccountDropdown, servicesByOrganization, activeServiceBlob, showStoriesDropdown, inactiveOrganizations, activeOrganizationBlob, activeFirstChar, dropdownToggleColor, showServiceDropdown, order, orderDirection, dataLoading } = this.state;
-        let currentStory;
-        let headerBorder;
-        let activeService;
-        let serviceDropdownColor = {};
-        let serviceAnchors;
-        let privateAnchors;
-        let accountDropdownToggle;
-        let activePanel;
-        let storyToggle = !hideStoryPicker ? React.createElement(Spinner, null) : null;
-        let orgPicker;
-        let storyMenuInner = (React.createElement("div", { className: 'no-stories-dialog' }, ImposiumHeader.NO_STORIES_COPY));
-        let serviceDropdownToggle;
-        let serviceDropdownMenu;
-        const btnLogout = (React.createElement("button", { className: 'btn-logout', onClick: () => this.doLogout() }, ImposiumHeader.LOGOUT_COPY));
-        if (accessData) {
-            activeService = servicesByOrganization.find((s) => window.location.href.includes(s.url));
-            if (activeService) {
-                serviceDropdownColor = { color: `#${activeService.color}` };
-                headerBorder = { borderBottom: `4px solid #${activeService.color}` };
-            }
-            serviceAnchors = servicesByOrganization
-                .filter((s) => !s.private && ImposiumHeader.PRIVATE_IDS.indexOf(s.id) === -1)
-                .map((s) => this.renderServiceAnchor(s, activeOrganization, activeStory));
-            privateAnchors = servicesByOrganization
-                .filter((s) => !s.private && ImposiumHeader.PRIVATE_IDS.indexOf(s.id) > -1)
-                .map((s) => this.renderServiceAnchor(s, activeOrganization, activeStory));
-            const docsSection = !hideDocs ? (React.createElement("section", { className: 'service-menu-section' },
-                React.createElement("div", { className: 'service-menu-heading' }, ImposiumHeader.DOCS_HEADER),
-                React.createElement("div", { className: 'service-menu-anchors' },
-                    React.createElement("div", { className: 'anchor-wrapper doc' },
-                        React.createElement("a", { target: '__blank', href: ImposiumHeader.API_DOCS_LINK },
-                            React.createElement("div", { className: 'icon-fixed' },
-                                React.createElement(ServiceIcon, { iconName: 'FaCogs' })),
-                            ImposiumHeader.API_DOCS_LINK_COPY)),
-                    React.createElement("div", { className: 'anchor-wrapper doc' },
-                        React.createElement("a", { target: '__blank', href: ImposiumHeader.SDK_DOCS_LINK },
-                            React.createElement("div", { className: 'icon-fixed' },
-                                React.createElement(ServiceIcon, { iconName: 'FaJsSquare' })),
-                            ImposiumHeader.SDK_DOCS_LINK_COPY))))) : null;
-            serviceDropdownMenu = (React.createElement("div", { className: 'service-menu' },
-                React.createElement("section", { className: 'service-menu-section' },
-                    React.createElement("div", { className: 'service-menu-heading' }, ImposiumHeader.SERVICE_MESH_ALIAS),
-                    React.createElement("div", { className: 'service-menu-anchors' }, serviceAnchors)),
-                privateAnchors.length > 0 && (React.createElement("section", { className: 'service-menu-section' },
-                    React.createElement("div", { className: 'service-menu-heading' }, ImposiumHeader.PRIVATE_HEADER),
-                    React.createElement("div", { className: 'service-menu-anchors' }, privateAnchors))),
-                docsSection));
-            serviceDropdownToggle = (React.createElement("button", { id: 'btn-toggle-services', className: 'btn-toggle-services', style: serviceDropdownColor, ref: this.serviceToggleRef, onClick: () => this.setState({ showServiceDropdown: !this.state.showServiceDropdown }) },
-                React.createElement("span", null, activeServiceBlob
-                    ? activeServiceBlob.name
-                    : ImposiumHeader.SERVICE_MESH_ALIAS),
-                this.renderDropdownChevron(showServiceDropdown)));
-            accountDropdownToggle = !hideOrgPicker ? (React.createElement("button", { id: 'btn-toggle-orgs', className: 'btn-toggle-orgs', ref: this.orgsToggleRef, style: { backgroundColor: dropdownToggleColor }, onClick: () => this.toggleAccountDropdown(!showAccountDropdown) }, activeFirstChar)) : (btnLogout);
-        }
-        if (accessData && activeOrganizationBlob) {
-            activePanel = (React.createElement("div", { className: 'orgs-menu-active-org' },
-                React.createElement("div", { className: 'active-first-char', style: { backgroundColor: dropdownToggleColor } }, this.pullFirstChar(activeOrganizationBlob.name)),
-                React.createElement("div", null, activeOrganizationBlob.name)));
-        }
-        if (accessData && accessData.organizations && accessData.organizations.length === 0) {
-            storyToggle = null;
-        }
-        if (accessData && activeOrganizationBlob && !hideStoryPicker) {
-            currentStory = activeOrganizationBlob.stories.find((s) => s.id === activeStory);
-            storyToggle = (React.createElement("button", { id: 'btn-toggle-story', className: 'btn-toggle-story', ref: this.storyToggleRef, onClick: () => {
-                    this.setState({ showStoriesDropdown: !showStoriesDropdown }, () => {
-                        if (showStoriesDropdown === false)
-                            this.getAccessDataHandler();
-                    });
-                } },
-                React.createElement("div", { className: 'story-name' }, currentStory
-                    ? currentStory.name
-                    : story
-                        ? story.name
-                        : 'Project Not Found'),
-                this.renderDropdownChevron(showStoriesDropdown)));
-            if (activeOrganizationBlob.stories.length !== 0) {
-                const sortBy = order && orderDirection
-                    ? [{ id: order, desc: orderDirection === 'desc' }]
-                    : undefined;
-                const sortedStories = _.orderBy(activeOrganizationBlob.stories, ['date_modified'], ['desc']);
-                storyMenuInner = (React.createElement(DataTable, { columns: this.COLUMNS, data: sortedStories, showInterstitial: dataLoading, sortBy: sortBy, noDataText: ImposiumHeader.NO_STORIES_COPY, itemsPerPage: activeOrganizationBlob.stories.length, hidePaginator: true, onRowClick: this.changeStory }));
-            }
-        }
-        if (showAccountDropdown) {
-            orgPicker = (React.createElement("div", { className: 'orgs-menu-org-picker' }, inactiveOrganizations.map((o) => (React.createElement("button", { key: o.name, className: 'menu-item inactive-org-button', onClick: () => this.toggleAccountDropdown(false, o.id) },
-                React.createElement("div", { className: 'inactive-first-char', style: { backgroundColor: string2HexCode(o.name) } }, this.pullFirstChar(o.name)),
-                o.name)))));
-        }
-        const logo = showFTLogo ? (React.createElement(React.Fragment, null,
-            React.createElement("div", { className: 'ft-logo' }),
-            "\u00A0\u00A0|\u00A0\u00A0",
-            React.createElement("h1", { className: 'heading' }, ImposiumHeader.DEFAULT_TITLE))) : (React.createElement(React.Fragment, null,
-            React.createElement("div", { className: 'logo' }),
-            React.createElement("h1", { className: 'heading' }, ImposiumHeader.DEFAULT_TITLE)));
-        return (React.createElement("nav", { id: 'imposium-header', className: 'imposium-header', style: headerBorder },
-            React.createElement("div", { className: 'inner-content' },
-                React.createElement("span", { className: 'inner-left' },
-                    React.createElement("div", { className: 'title' }, logo),
-                    serviceDropdownToggle),
-                React.createElement("span", { className: 'inner-right' },
-                    storyToggle,
-                    React.createElement("div", { className: 'additional-buttons' }, additionalButtons),
-                    accountDropdownToggle,
-                    React.createElement("a", { href: 'https://support.flashtalking.com/hc/en-us/sections/25515903148819-Imposium', target: '_blank' },
-                        React.createElement("div", { className: 'btn-help' }, ICON_HELP)))),
-            React.createElement(ImposiumDropdown, { key: 'services-dropdown', position: 'bottomleft', show: showServiceDropdown, toggleRef: this.serviceToggleRef, onOutsideClick: () => this.setState({ showServiceDropdown: false }) }, serviceDropdownMenu),
-            React.createElement(ImposiumDropdown, { key: 'stories-dropdown', position: 'bottomright', show: showStoriesDropdown, toggleRef: this.storyToggleRef, onOutsideClick: () => this.setState({ showStoriesDropdown: false }) },
-                React.createElement("div", { className: 'stories-menu' }, storyMenuInner)),
-            React.createElement(ImposiumDropdown, { key: 'org-dropdown', position: 'bottomright', show: showAccountDropdown, toggleRef: this.orgsToggleRef, onOutsideClick: () => this.toggleAccountDropdown(false) },
-                React.createElement("div", { className: 'orgs-menu' },
-                    activePanel,
-                    orgPicker,
-                    React.createElement("div", { className: 'orgs-menu-footer' },
-                        React.createElement("div", { className: 'email' }, email),
-                        btnLogout)))));
-    }
-}
-const mapStateToProps = (state) => {
-    return {
-        auth: state.auth,
-        story: state.story,
-        access: state.access
-    };
-};
-export default connect(mapStateToProps, null)(ImposiumHeader);
-//# sourceMappingURL=Header_BACKUP_73021.js.map