@imposium-hub/components 2.11.5-4 → 2.11.7-0

package/src/components/publish-wizard/PublishWizard.tsx

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { CrMPublishUI } from './publish/CrMPublishUI';
 import Button from '../button/Button';
 import SelectField from '../select-field/SelectField';
 import HRule from '../h-rule/HRule';
@@ -24,7 +23,6 @@ import PublishStatusIndicator from './publish/PublishStatusIndicator';
 import { bindActionCreators } from 'redux';
 import { publishVersion } from '../../redux/actions/publish';
 import { connect } from 'react-redux';
-import { CRM_INTEGRATED_PROJECT_TYPES } from '../../constants/publish';
 
 interface IPublishWizardProps {
     fromCrM?: boolean;
@@ -36,7 +34,7 @@ interface IPublishWizardProps {
     checkStoryForErrors(): any;
     addViewer(c: any): void;
     exportExperiences: () => void;
-    publishVersion: (api: IImposiumAPI, sId: string, creativeIds?: string[]) => any;
+    publishVersion: (api: IImposiumAPI, sId: string) => any;
     batchesList: any;
     onClose(): any;
     api: IImposiumAPI;
@@ -96,7 +94,6 @@ interface IPublishWizardState {
     next: boolean;
     nextStep: boolean;
     publishError: string;
-    selectedCreatives: string[];
 }
 
 interface IBigButtonProps {
@@ -143,8 +140,7 @@ class PublishWizard extends React.PureComponent<IPublishWizardProps, IPublishWiz
             error: false,
             next: false,
             nextStep: false,
-            publishError: null,
-            selectedCreatives: []
+            publishError: null
         };
         this.emailWorkflow = React.createRef();
         this.hiddenFileInputRef = React.createRef();
@@ -305,7 +301,7 @@ class PublishWizard extends React.PureComponent<IPublishWizardProps, IPublishWiz
 
         if (fromCrM) {
             this.props
-                .publishVersion(api, id, this.state.selectedCreatives)
+                .publishVersion(api, id)
                 .then(() => {
                     this.setState({ screenIndex: 1 });
                 })
@@ -335,37 +331,15 @@ class PublishWizard extends React.PureComponent<IPublishWizardProps, IPublishWiz
         const { story, project, fromCrM } = this.props;
         const variables = story ? story.acts[project.actId].inventory : {};
         const varLength = variables ? Object.keys(variables).length : 0;
-        const projectType = story.creativeId
-            ? CRM_INTEGRATED_PROJECT_TYPES.SINGLE_CREATIVE
-            : CRM_INTEGRATED_PROJECT_TYPES.MULTI_CREATIVE;
 
         if (fromCrM && varLength === 0) {
             return true;
-        } else if (
-            fromCrM &&
-            this.state.selectedCreatives.length === 0 &&
-            projectType === CRM_INTEGRATED_PROJECT_TYPES.MULTI_CREATIVE
-        ) {
-            return true;
         }
         return false;
     }
 
-    private getErrorCopyForCrMPublish() {
-        const { story, project } = this.props;
-        const variables = story ? story.acts[project.actId].inventory : {};
-        const varLength = variables ? Object.keys(variables).length : 0;
-
-        if (varLength === 0) {
-            return copy.publish.noVariablesError;
-        } else if (this.state.selectedCreatives.length === 0) {
-            return null;
-        }
-    }
-
     private renderLowerButtons() {
         const { screenIndex, done, error, next } = this.state;
-        const { fromCrM, story } = this.props;
         const { publishing } = this.props.publishData;
         const disabledForCrM = this.shouldDisablePublishButtonForCrM();
         const lowerButtons = [];
@@ -373,15 +347,6 @@ class PublishWizard extends React.PureComponent<IPublishWizardProps, IPublishWiz
         // publish and skip buttons
         if (screenIndex === 0) {
             // publish
-
-            const projectType = story.creativeId
-                ? CRM_INTEGRATED_PROJECT_TYPES.SINGLE_CREATIVE
-                : CRM_INTEGRATED_PROJECT_TYPES.MULTI_CREATIVE;
-            const btnCopy = fromCrM
-                ? projectType === CRM_INTEGRATED_PROJECT_TYPES.MULTI_CREATIVE
-                    ? `Publish to ${this.state.selectedCreatives.length} Creatives`
-                    : 'Publish to Creative Manager'
-                : copy.publish.btnPublish;
             lowerButtons.push(
                 <Button
                     tooltip={copy.publish.btnPublish}
@@ -390,7 +355,7 @@ class PublishWizard extends React.PureComponent<IPublishWizardProps, IPublishWiz
                     key='btn-publish'
                     onClick={() => this.handlePublish()}
                     color='primary'>
-                    {btnCopy}
+                    {copy.publish.btnPublish}
                 </Button>
             );
 
@@ -469,47 +434,28 @@ class PublishWizard extends React.PureComponent<IPublishWizardProps, IPublishWiz
     }
 
     private renderPublish() {
-        const { fromCrM, story } = this.props;
         const { publishing } = this.props.publishData;
+        const disabledForCrM = this.shouldDisablePublishButtonForCrM();
         const { publishError } = this.state;
-        const errorCopyForCrM = this.getErrorCopyForCrMPublish();
-        const errorCopy = publishError ? publishError : errorCopyForCrM ? errorCopyForCrM : null;
-        const projectType = story.creativeId
-            ? CRM_INTEGRATED_PROJECT_TYPES.SINGLE_CREATIVE
-            : CRM_INTEGRATED_PROJECT_TYPES.MULTI_CREATIVE;
+        const errorCopy = publishError
+            ? publishError
+            : disabledForCrM
+            ? copy.publish.noVariablesError
+            : null;
+
         const error = errorCopy ? (
             <p className='publish-error'>
                 <span className='icon'>{ICON_EXCLAIMATION_TRIANGLE}</span>&nbsp;&nbsp;{errorCopy}
             </p>
         ) : null;
-
-        if (fromCrM) {
-            return (
-                <CrMPublishUI
-                    projectType={projectType}
-                    selectedCreatives={this.state.selectedCreatives}
-                    onUpdateSelectedCreatives={(c) => this.setState({ selectedCreatives: c })}
-                    onError={(e) => this.setState({ publishError: e })}
-                    publishing={publishing}
-                    error={error}
-                    creativeLibraryId={story.creativeLibraryId}
-                    projectId={story.id}
-                    api={this.props.api}
-                    crmBaseUrl={this.props.creativeManagerBaseUrl}
-                />
-            );
-        } else {
-            return (
-                <div>
-                    <h2>{copy.publish.publishStepTitle}</h2>
-                    <HRule />
-                    <p>
-                        {publishing ? copy.publish.publishInProgress : copy.publish.publishStepDesc}
-                    </p>
-                    {error}
-                </div>
-            );
-        }
+        return (
+            <div>
+                <h2>{copy.publish.publishStepTitle}</h2>
+                <HRule />
+                <p>{publishing ? copy.publish.publishInProgress : copy.publish.publishStepDesc}</p>
+                {error}
+            </div>
+        );
     }
 
     private renderDistributionOptions() {
@@ -519,13 +465,7 @@ class PublishWizard extends React.PureComponent<IPublishWizardProps, IPublishWiz
             this.state;
 
         const { publishDataset, fromCrM, story, creativeManagerBaseUrl } = this.props;
-        const getCrMLink = (creativeLibraryId: string, creativeId?: string) => {
-            if (creativeId) {
-                return `${creativeManagerBaseUrl}/library/${creativeLibraryId}/creative/${creativeId}/versions/`;
-            } else {
-                return `${creativeManagerBaseUrl}/library/${creativeLibraryId}`;
-            }
-        };
+
         for (const comp of compositions) {
             compOpts.push({
                 value: comp.id,
@@ -613,7 +553,7 @@ class PublishWizard extends React.PureComponent<IPublishWizardProps, IPublishWiz
                               {ICON_UP_RIGHT_FROM_SQUARE}&nbsp;{copy.publish.btnCrM}
                           </span>
                       ),
-                      link: getCrMLink(story.creativeLibraryId, story.creativeId)
+                      link: `${creativeManagerBaseUrl}/library/${story.creativeLibraryId}/creative/${story.creativeId}/versions/`
                   },
                   {
                       label: (

package/src/constants/copy.ts

@@ -127,8 +127,6 @@ export const compositions = {
 };
 
 export const publish = {
-    errorGettingCreatives: 'Error getting creatives linked to project: {{ERR}}',
-    disabledCreativeTooltip: 'You cannot publish a project to a creative with Approved status.',
     uploadAsAssets: 'Upload as Assets',
     noVariablesError:
         'No variables found on the project. Cannot proceed with publishing to Creative Manager until at least one variable is added to the project.',
@@ -149,7 +147,6 @@ export const publish = {
 
     // publish
     publishStepTitle: 'STEP 1: Publish your Project',
-    publishStepTitleFromCrM: 'STEP 1: Publish your Project to selected Creatives',
     publishStepDesc:
         "Your project needs to be published before your changes can be seen. If you haven't made any changes since the last time you published, you can skip to the next step.",
 

package/src/constants/icons.tsx

@@ -60,7 +60,6 @@ import { faJs } from '@fortawesome/free-brands-svg-icons/faJs';
 import { faDownload } from '@fortawesome/free-solid-svg-icons/faDownload';
 import { faUpload } from '@fortawesome/free-solid-svg-icons/faUpload';
 import { faCode } from '@fortawesome/free-solid-svg-icons/faCode';
-import { faEye } from '@fortawesome/free-solid-svg-icons/faEye';
 import {
     faArrowDown,
     faArrowLeft,
@@ -233,5 +232,3 @@ export const ICON_FILE_ERROR = <FontAwesomeIcon icon={faCircleExclamation} />;
 export const ICON_FILE_ADD = <FontAwesomeIcon icon={faFileCirclePlus} />;
 
 export const ICON_FILE_REPLACE = <FontAwesomeIcon icon={faFilePen} />;
-
-export const ICON_EYE = <FontAwesomeIcon icon={faEye} />;

package/src/constants/publish.ts

@@ -27,39 +27,3 @@ export const CRM_PLACEMENT_VARS = [
 export const ADSTUDIO_POST_RENDER_ACTION = 'crm-adstudio';
 
 export const ASSETS_POST_RENDER_ACTION = 'crm-asset';
-
-export const CREATIVE_STATUSES = {
-    PENDING_APPROVAL: 'PENDING_APPROVAL',
-    UNSUBMITTED: 'UNSUBMITTED',
-    PRODUCTION_INCOMPLETE: 'PRODUCTION_INCOMPLETE',
-    APPROVED: 'APPROVED',
-    REJECTED: 'REJECTED',
-    FAILED: 'FAILED',
-    TRANSCODING: 'TRANSCODING',
-    TRANSCODING_ERROR: 'TRANSCODING_ERROR',
-    SUBMITTED: 'SUBMITTED'
-};
-
-export const CREATIVE_STATUS_LABELS = {
-    PENDING_APPROVAL: 'Pending Approval',
-    UNSUBMITTED: 'Production',
-    PRODUCTION_INCOMPLETE: 'Production',
-    APPROVED: 'Approved',
-    REJECTED: 'Rejected',
-    FAILED: 'Failed',
-    TRANSCODING: 'Transcoding',
-    TRANSCODING_ERROR: 'Transcoding Error',
-    SUBMITTED: 'Submitted'
-};
-
-export const CREATIVE_STATUSES_TO_PUBLISH = [
-    CREATIVE_STATUSES.UNSUBMITTED,
-    CREATIVE_STATUSES.PRODUCTION_INCOMPLETE,
-    CREATIVE_STATUSES.REJECTED,
-    CREATIVE_STATUSES.FAILED
-];
-
-export const CRM_INTEGRATED_PROJECT_TYPES = {
-    SINGLE_CREATIVE: 'SINGLE_CREATIVE',
-    MULTI_CREATIVE: 'MULTI_CREATIVE'
-};

package/src/redux/actions/asset-list.ts

@@ -87,7 +87,7 @@ export const deleteAssets = (api: IImposiumAPI, ids: string[], storyId: string):
                 })
                 .catch((errors: Error[]) => {
                     dispatch(toggleLoading(false));
-                    reject(errors);
+                    reject(false);
                 });
         });
     };

package/src/redux/actions/publish.ts

@@ -74,10 +74,10 @@ export const cancelPublish = (api: IImposiumAPI, storyId: string) => {
     };
 };
 
-export const publishVersion = (api: IImposiumAPI, storyId: string, creativeIds?: string[]) => {
+export const publishVersion = (api: IImposiumAPI, storyId: string) => {
     return (dispatch) => {
         return new Promise((resolve, reject) => {
-            api.runPublish(storyId, '', creativeIds)
+            api.runPublish(storyId, '')
                 .then((d) => {
                     dispatch(getStoryPublishStatus(api, storyId))
                         .then()

package/src/services/API.ts

@@ -52,7 +52,6 @@ export interface IImposiumAPI {
     revertVersion(storyId: string, versionId: string);
     getStoryVersions(storyId: string);
     getStoryQRDesigns(creativeLibraryId: string): Promise<any | Error>;
-    getCreativesLinkedToProject(projectId: string): Promise<any | Error>;
     processStoryFile(storyId: string, file_key?: string, url?: string);
     getExperiences(storyId: string, params: any);
     createExperience(
@@ -114,7 +113,7 @@ export interface IImposiumAPI {
     runCut(storyId: string, actId: string, sceneId: string, cutId: string);
     runReRenderCuts(storyId: string, actId: string, sceneId: string);
     runProcessBaseVideo(storyId: string, fileKey: string);
-    runPublish(storyId: string, message: string, creativeIds?: string[]);
+    runPublish(storyId: string, message: string);
     cancelPublish(storyId: string);
     cancelJobPolling();
     getAccssCredentials();
@@ -152,7 +151,7 @@ export interface IImposiumAPI {
     debugId(id: string);
     cacheActiveStory(serviceId: any, orgId: string, storyId?: string);
     getCachedStoryForOrg(serviceId: string, orgId: string);
-    getAccessData(includeTotalRenders?: boolean, storyId?: string);
+    getAccessData(includeTotalRenders?: boolean, orgId?: string);
     deleteExperience(experienceId: string, eraseMedia?: boolean);
     exportExperiences(experienceId: string, params: any);
     addOrReplaceNote(experienceId: string, notes: string);
@@ -234,8 +233,7 @@ export default class API {
 
     private doRequest = async (
         config: AxiosRequestConfig,
-        organizationId?: string,
-        storyId?: string
+        organizationId?: string
     ): Promise<any> => {
         if (this.authType === API_AUTH_TYPES.TOKEN) {
             const token = await this.getToken();
@@ -247,10 +245,6 @@ export default class API {
                 headers['X-Imposium-Account-Id'] = organizationId;
             }
 
-            if (storyId) {
-                headers['X-Imposium-Project-Id'] = storyId;
-            }
-
             config.headers = headers;
         }
 
@@ -732,13 +726,6 @@ export default class API {
         });
     };
 
-    public getCreativesLinkedToProject = (projectId: string): Promise<any | Error> => {
-        return this.doRequest({
-            method: 'GET',
-            url: `/story/${projectId}/creative-library/creatives`
-        });
-    };
-
     public getExperiences = (storyId: string, params: any): Promise<any | Error> => {
         return this.doRequest({
             method: 'GET',
@@ -1040,22 +1027,14 @@ export default class API {
         });
     };
 
-    public runPublish = (
-        storyId: string,
-        message: string,
-        creativeIds?: string[]
-    ): Promise<any | Error> => {
+    public runPublish = (storyId: string, message: string): Promise<any | Error> => {
         const route = `/job/publish`;
 
-        const jobConfig: any = {
+        const jobConfig = {
             story_id: storyId,
             message
         };
 
-        if (creativeIds) {
-            jobConfig.creative_ids = creativeIds;
-        }
-
         return this.doRequest({
             method: 'POST',
             url: route,
@@ -1723,24 +1702,17 @@ export default class API {
         });
     };
 
-    public getAccessData = (
-        getTotalRenders: boolean = false,
-        storyId?: string
-    ): Promise<any | Error> => {
+    public getAccessData = (getTotalRenders: boolean = false): Promise<any | Error> => {
         let route = `/access`;
 
         if (getTotalRenders) {
             route += '?include_total_renders=true';
         }
 
-        return this.doRequest(
-            {
-                method: 'GET',
-                url: route
-            },
-            null,
-            storyId
-        );
+        return this.doRequest({
+            method: 'GET',
+            url: route
+        });
     };
 
     public removeQueueAssoc = (queueId: string, storyId: string): Promise<any> => {

package/dist/cjs/components/app-wrapper/AppWrapperV2.d.ts

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import { IImposiumAPI } from '../../services/API';
-export interface IAppWrapperProps {
-    auth0: any;
-    auth0Code: string;
-    baseUrl: string;
-    api: IImposiumAPI;
-    children: React.ReactChildren;
-    organizationId: string;
-    serviceId: number;
-    access: any;
-    setAccessData(accessData: any): any;
-    onAuthenticated: (activeOrgId: string, activeStoryId: string) => any;
-    onStoryChange(storyId: string): any;
-    onOrganizationChange(orgId: string, storyId: string): any;
-    storyId?: string;
-    CrMLink?: string;
-    hideStoryPicker?: boolean;
-    hideDocs?: boolean;
-    hideOrgPicker?: boolean;
-}
-export interface IAppWrapperState {
-    blockRender: boolean;
-}
-declare const _default: React.ComponentType<Omit<import("@auth0/auth0-react").WithAuth0Props, "auth0">>;
-export default _default;