@imposium-hub/components 2.3.11-0 → 2.4.0-1

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

@@ -0,0 +1,329 @@
+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)
+            .then((res) => {
+            this.setState({ dataLoading: false, accessData: res }, () => this.parseAccessData(res, activeOrganization));
+        })
+            .catch((e) => {
+            console.error(e);
+        });
+    };
+    render() {
+        const { email, activeOrganization, activeStory, hideStoryPicker, story } = 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;
+        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));
+            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))),
+                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))))));
+            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 = (React.createElement("button", { id: 'btn-toggle-orgs', className: 'btn-toggle-orgs', ref: this.orgsToggleRef, style: { backgroundColor: dropdownToggleColor }, onClick: () => this.toggleAccountDropdown(!showAccountDropdown) }, activeFirstChar));
+        }
+        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)))));
+        }
+        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' },
+                        React.createElement("div", { className: 'logo' }),
+                        React.createElement("h1", { className: 'heading' }, ImposiumHeader.DEFAULT_TITLE)),
+                    serviceDropdownToggle),
+                React.createElement("span", { className: 'inner-right' },
+                    storyToggle,
+                    accountDropdownToggle,
+                    React.createElement("a", { href: 'https://flashtalkingus.atlassian.net/wiki/spaces/CPPW/pages/3296723007/IMPOSIUM+Dynamic+Video+Tool', 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),
+                        React.createElement("button", { className: 'btn-logout', onClick: () => this.doLogout() }, ImposiumHeader.LOGOUT_COPY))))));
+    }
+}
+const mapStateToProps = (state) => {
+    return {
+        auth: state.auth,
+        story: state.story,
+        access: state.access
+    };
+};
+export default connect(mapStateToProps, null)(ImposiumHeader);
+//# sourceMappingURL=Header_REMOTE_73021.js.map

package/dist/esm/components/header/Header_REMOTE_73021.js.map

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

package/dist/esm/components/list-field/ListField.d.ts

@@ -3,7 +3,7 @@ import { IToolTipConfig } from '../Tooltip';
 interface IListFieldProps {
     buttons?: any;
     disabled?: boolean;
-    label?: any;
+    label?: string;
     options: any;
     placeholder?: string;
     tooltip?: IToolTipConfig | string;

package/dist/esm/components/number-field/NumberField.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { IToolTipConfig } from '../Tooltip';
 interface INumberFieldProps {
     buttons?: any;
-    label?: any;
+    label?: string;
     placeholder?: string;
     readOnly?: boolean;
     value: number;

package/dist/esm/components/publish-wizard/PublishWizard.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import Button from '../button/Button';
 import SelectField from '../select-field/SelectField';
 import HRule from '../h-rule/HRule';
-import { ICON_DOWNLOAD, ICON_EMAIL, ICON_GLOBE, ICON_HUBSPOT, ICON_IMAGE, ICON_PROJECT_DIAGRAM } from '../../constants/icons';
+import { ICON_DOWNLOAD, ICON_EMAIL, ICON_EXCLAIMATION_TRIANGLE, ICON_GLOBE, ICON_HUBSPOT, ICON_IMAGE, ICON_PROJECT_DIAGRAM, ICON_UP_RIGHT_FROM_SQUARE } from '../../constants/icons';
 import * as copy from '../../constants/copy';
 import { ASSET_TYPES } from '../../constants/assets';
 import HubSpotFlow from './publish/HubSpotFlow';
@@ -34,11 +34,23 @@ class PublishWizard extends React.PureComponent {
             done: false,
             error: false,
             next: false,
-            nextStep: false
+            nextStep: false,
+            publishError: null
         };
         this.emailWorkflow = React.createRef();
         this.hiddenFileInputRef = React.createRef();
     }
+    componentDidUpdate(prevProps, prevState) {
+        // If we just finished publushing, and we're on the first screen still go to the second screen
+        if (prevProps.publishData.publishing &&
+            !this.props.publishData.publishing &&
+            this.state.screenIndex === 0 &&
+            !this.state.publishError) {
+            this.setState({
+                screenIndex: 1
+            });
+        }
+    }
     componentDidMount() {
         const { story, api, handleError, activeComposition } = this.props;
         // Pull in all of the access creds for the composition dropdown
@@ -157,11 +169,23 @@ class PublishWizard extends React.PureComponent {
         this.setState({ accessKey: e });
     };
     handlePublish() {
-        const { story: { id }, api, handleError } = this.props;
-        this.props.publishVersion(api, id).catch((e) => {
-            handleError(e);
-        });
-        this.setState({ screenIndex: 1 });
+        const { story: { id }, api, handleError, fromCrM } = this.props;
+        if (fromCrM) {
+            this.props
+                .publishVersion(api, id)
+                .then(() => {
+                this.setState({ screenIndex: 1 });
+            })
+                .catch((e) => {
+                this.setState({ publishError: e });
+            });
+        }
+        else {
+            this.props.publishVersion(api, id).catch((e) => {
+                handleError(e);
+            });
+            this.setState({ screenIndex: 1 });
+        }
     }
     onCloseHandler = () => {
         if (this.props.onDeleteBatch !== undefined) {
@@ -175,7 +199,7 @@ class PublishWizard extends React.PureComponent {
     };
     renderLowerButtons() {
         const { screenIndex, done, error, next } = this.state;
-        const { publishing } = this.props;
+        const { publishing } = this.props.publishData;
         const lowerButtons = [];
         // publish and skip buttons
         if (screenIndex === 0) {
@@ -197,10 +221,6 @@ class PublishWizard extends React.PureComponent {
                     nextStep: false,
                     error: false,
                     done: false
-                }, () => {
-                    if (this.props.onBackBtn) {
-                        this.props.onBackBtn();
-                    }
                 }), color: 'primary' }, copy.publish.btnBack));
             // reimport after column align
             if (error) {
@@ -210,16 +230,23 @@ class PublishWizard extends React.PureComponent {
         return lowerButtons;
     }
     renderPublish() {
+        const { publishing } = this.props.publishData;
+        const { publishError } = this.state;
+        const error = publishError ? (React.createElement("p", { className: 'publish-error' },
+            React.createElement("span", { className: 'icon' }, ICON_EXCLAIMATION_TRIANGLE),
+            "\u00A0\u00A0",
+            publishError)) : null;
         return (React.createElement("div", null,
             React.createElement("h2", null, copy.publish.publishStepTitle),
             React.createElement(HRule, null),
-            React.createElement("p", null, copy.publish.publishStepDesc)));
+            React.createElement("p", null, publishing ? copy.publish.publishInProgress : copy.publish.publishStepDesc),
+            error));
     }
     renderDistributionOptions() {
         const compOpts = [];
         const credOpts = [];
         const { compositions, afterEffects, selectedComposition, credentials, accessKey } = this.state;
-        const { publishDataset } = this.props;
+        const { publishDataset, fromCrM, story, creativeManagerBaseUrl } = this.props;
         for (const comp of compositions) {
             compOpts.push({
                 value: comp.id,
@@ -238,50 +265,67 @@ class PublishWizard extends React.PureComponent {
                 label: cred.name
             });
         }
-        let distributionOptions = [
-            {
-                label: (React.createElement("span", null,
-                    ICON_GLOBE,
-                    "\u00A0",
-                    copy.publish.btnWebsite)),
-                onClick: (e) => this.onSelectOption(2)
-            },
-            {
-                label: (React.createElement("span", null,
-                    ICON_EMAIL,
-                    "\u00A0",
-                    copy.publish.btnEmail)),
-                onClick: (e) => this.onSelectOption(3)
-            },
-            {
-                label: (React.createElement("span", null,
-                    ICON_HUBSPOT,
-                    "\u00A0",
-                    copy.publish.btnHubspot)),
-                onClick: (e) => this.onSelectOption(5)
-            },
-            {
-                label: (React.createElement("span", null,
-                    ICON_PROJECT_DIAGRAM,
-                    "\u00A0",
-                    copy.publish.btnAPI)),
-                onClick: (e) => this.onSelectOption(6)
-            },
-            {
-                label: (React.createElement("span", null,
-                    ICON_DOWNLOAD,
-                    "\u00A0",
-                    copy.publish.btnExport)),
-                onClick: (e) => this.onSelectOption(7)
-            },
-            {
-                label: (React.createElement("span", null,
-                    ICON_IMAGE,
-                    "\u00A0",
-                    copy.publish.btnCRM)),
-                onClick: (e) => this.onSelectOption(8)
-            }
-        ];
+        let distributionOptions = !fromCrM
+            ? [
+                {
+                    label: (React.createElement("span", null,
+                        ICON_GLOBE,
+                        "\u00A0",
+                        copy.publish.btnWebsite)),
+                    onClick: (e) => this.onSelectOption(2)
+                },
+                {
+                    label: (React.createElement("span", null,
+                        ICON_EMAIL,
+                        "\u00A0",
+                        copy.publish.btnEmail)),
+                    onClick: (e) => this.onSelectOption(3)
+                },
+                {
+                    label: (React.createElement("span", null,
+                        ICON_HUBSPOT,
+                        "\u00A0",
+                        copy.publish.btnHubspot)),
+                    onClick: (e) => this.onSelectOption(5)
+                },
+                {
+                    label: (React.createElement("span", null,
+                        ICON_PROJECT_DIAGRAM,
+                        "\u00A0",
+                        copy.publish.btnAPI)),
+                    onClick: (e) => this.onSelectOption(6)
+                },
+                {
+                    label: (React.createElement("span", null,
+                        ICON_DOWNLOAD,
+                        "\u00A0",
+                        copy.publish.btnExport)),
+                    onClick: (e) => this.onSelectOption(7)
+                },
+                {
+                    label: (React.createElement("span", null,
+                        ICON_IMAGE,
+                        "\u00A0",
+                        copy.publish.btnCRM)),
+                    onClick: (e) => this.onSelectOption(8)
+                }
+            ]
+            : [
+                {
+                    label: (React.createElement("span", null,
+                        ICON_DOWNLOAD,
+                        "\u00A0",
+                        copy.publish.btnRunTestBatch)),
+                    onClick: (e) => this.onSelectOption(7)
+                },
+                {
+                    label: (React.createElement("span", null,
+                        ICON_UP_RIGHT_FROM_SQUARE,
+                        "\u00A0",
+                        copy.publish.btnCrM)),
+                    link: `${creativeManagerBaseUrl}/library/${story.creativeLibraryId}/creative/${story.creativeLibraryId}/versions/`
+                }
+            ];
         if (publishDataset) {
             const indexes = [0, 2, 3];
             distributionOptions = distributionOptions.reduce((acc, value, index) => {
@@ -291,17 +335,28 @@ class PublishWizard extends React.PureComponent {
                 return acc;
             }, []);
         }
+        const compDropdown = !fromCrM ? (React.createElement(SelectField, { label: copy.project.compName, value: selectedComposition, onChange: this.onCompositionChange, options: compOpts, tooltip: copy.project.tooltipCompId })) : null;
+        const accessKeyDropdown = !fromCrM ? (React.createElement(SelectField, { label: copy.publish.accessKey, value: accessKey, onChange: this.onCredentialsChange, options: credOpts, tooltip: copy.publish.tooltipAccessKey })) : null;
         return (React.createElement("div", null,
-            React.createElement("h2", null, copy.publish.distributeStepTitle),
+            React.createElement("h2", null, !fromCrM
+                ? copy.publish.distributeStepTitle
+                : copy.publish.distributeStepTitleFromCrM),
             React.createElement(HRule, null),
-            React.createElement("p", null, copy.publish.distributeStepDesc),
+            React.createElement("p", null, !fromCrM
+                ? copy.publish.distributeStepDesc
+                : copy.publish.distributeStepDescFromCrM),
             React.createElement(HRule, null),
-            !this.state.selectedComposition && (React.createElement("p", { className: 'text-danger' }, copy.publish.noCompErrorDesc)),
+            !this.state.selectedComposition && !fromCrM && (React.createElement("p", { className: 'text-danger' }, copy.publish.noCompErrorDesc)),
             React.createElement("div", { style: { marginTop: '10px' } },
-                React.createElement(SelectField, { label: copy.project.compName, value: selectedComposition, onChange: this.onCompositionChange, options: compOpts, tooltip: copy.project.tooltipCompId }),
-                React.createElement(SelectField, { label: copy.publish.accessKey, value: accessKey, onChange: this.onCredentialsChange, options: credOpts, tooltip: copy.publish.tooltipAccessKey }),
+                compDropdown,
+                accessKeyDropdown,
                 React.createElement("div", { className: 'link-wrapper' }, distributionOptions?.map((option, index) => {
-                    return (React.createElement(BigButton, { key: index, disabled: !selectedComposition, label: option.label, onClick: option.onClick }));
+                    if (option.link) {
+                        return (React.createElement(BigLink, { key: index, label: option.label, link: option.link }));
+                    }
+                    else {
+                        return (React.createElement(BigButton, { key: index, disabled: !selectedComposition, label: option.label, onClick: option.onClick }));
+                    }
                 })))));
     }
     nextClickHandler = () => {