@imposium-hub/components 2.14.11 → 2.15.0-1

package/src/components/change-report/ChangeReportTree.tsx

@@ -0,0 +1,125 @@
+import * as React from 'react';
+import { IChangeReportNode, IChangeReportSection } from '../../constants/snippets';
+import * as copy from '../../constants/copy';
+
+interface IChangeReportTreeProps {
+    sections: IChangeReportSection[] | null;
+    defaultExpanded?: boolean;
+    emptyMessage?: string;
+    loadingMessage?: string;
+}
+
+interface IChangeReportNodeProps {
+    node: IChangeReportNode;
+    defaultExpanded: boolean;
+    depth: number;
+}
+
+const STATUS_LABELS: Record<IChangeReportNode['status'], string> = {
+    added: copy.publish.statusAdded,
+    removed: copy.publish.statusRemoved,
+    modified: copy.publish.statusModified
+};
+
+const ChangeReportNode: React.FC<IChangeReportNodeProps> = ({ 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 (
+        <div
+            className='change-report-node'
+            style={{ paddingLeft: depth * 16 }}>
+            <div className='change-report-node-row'>
+                {hasChildren && (
+                    <span
+                        className={`change-report-toggle ${
+                            expanded ? 'change-report-toggle--expanded' : ''
+                        }`}
+                        onClick={() => setExpanded(!expanded)}>
+                        ▶
+                    </span>
+                )}
+                {!hasChildren && <span className='change-report-toggle-placeholder' />}
+                <span className={`change-report-status change-report-status--${node.status}`}>
+                    {STATUS_LABELS[node.status]}
+                </span>
+                <span className='change-report-label'>{node.label}</span>
+                {hasValues && (
+                    <span className='change-report-values'>
+                        <span className='change-report-value change-report-value--old'>
+                            {oldDisplay}
+                        </span>
+                        <span className='change-report-value-arrow'>&rarr;</span>
+                        <span className='change-report-value change-report-value--new'>
+                            {newDisplay}
+                        </span>
+                    </span>
+                )}
+            </div>
+            {hasChildren && expanded && (
+                <div className='change-report-children'>
+                    {node.children.map((child, i) => (
+                        <ChangeReportNode
+                            key={i}
+                            node={child}
+                            defaultExpanded={defaultExpanded}
+                            depth={depth + 1}
+                        />
+                    ))}
+                </div>
+            )}
+        </div>
+    );
+};
+
+const ChangeReportTree: React.FC<IChangeReportTreeProps> = ({
+    sections,
+    defaultExpanded = true,
+    emptyMessage = copy.publish.noChangesMessage,
+    loadingMessage = copy.publish.loadingChangesMessage
+}) => {
+    if (sections === null) {
+        return (
+            <div className='change-report-tree change-report-tree--loading'>{loadingMessage}</div>
+        );
+    }
+
+    if (sections.length === 0) {
+        return <div className='change-report-tree change-report-tree--empty'>{emptyMessage}</div>;
+    }
+
+    return (
+        <div className='change-report-tree'>
+            {sections.map((section, i) => (
+                <div
+                    key={i}
+                    className='change-report-section'>
+                    <div className='change-report-section-heading'>{section.section}</div>
+                    <div className='change-report-section-nodes'>
+                        {section.nodes.map((node, j) => (
+                            <ChangeReportNode
+                                key={j}
+                                node={node}
+                                defaultExpanded={defaultExpanded}
+                                depth={0}
+                            />
+                        ))}
+                    </div>
+                </div>
+            ))}
+        </div>
+    );
+};
+
+export default ChangeReportTree;

package/src/components/number-field/NumberField.tsx

@@ -2,8 +2,8 @@ import * as React from 'react';
 import FieldWrapper from '../field-wrapper/FieldWrapper';
 import { IToolTipConfig } from '../Tooltip';
 
-export const validateNumInput = (val: number, min?: number, max?: number) => {
-    if ((min !== undefined && val < min) || (max !== undefined && val > max)) {
+export const validateNumInput = (val: number, min: number, max: number) => {
+    if (val < min || val > max) {
         return false;
     } else {
         return true;
@@ -15,7 +15,7 @@ interface INumberFieldProps {
     label?: any;
     placeholder?: string;
     readOnly?: boolean;
-    value: number | null;
+    value: number;
     tooltip?: IToolTipConfig | string;
     width?: string | number;
     onChange?(e): void;
@@ -60,14 +60,10 @@ class NumberField extends React.PureComponent<INumberFieldProps, INumberFieldSta
         if (this.props.focusOnMount && this.inputRef.current) {
             this.inputRef.current.focus();
         }
-        this.setState(
-            {
-                value: this.props.value
-            },
-            () => {
-                this.validateValue(this.props.value);
-            }
-        );
+        this.setState({
+            error: false,
+            value: this.props.value
+        });
     }
 
     public componentDidUpdate(prevProps): void {
@@ -90,17 +86,15 @@ class NumberField extends React.PureComponent<INumberFieldProps, INumberFieldSta
     }
 
     private onChange(e) {
+        this.validateValue(e.target.value);
         let val = e.target.value;
-
-        this.validateValue(val);
-
         if (val === '' || val === null) {
             val = this.props.min;
         } else {
             val = parseFloat(val);
         }
 
-        this.setState({ value: val }, () => this.props.onChange(val));
+        this.props.onChange(val);
     }
 
     private onKeyDownHandler(e) {

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

@@ -1,6 +1,8 @@
 import * as React from 'react';
 import { CrMPublishUI } from './publish/CrMPublishUI';
 import Button from '../button/Button';
+import ChangeReportTree from '../change-report/ChangeReportTree';
+import { IChangeReportSection } from '../../constants/snippets';
 import SelectField from '../select-field/SelectField';
 import HRule from '../h-rule/HRule';
 import {
@@ -72,6 +74,7 @@ interface IPublishWizardProps {
     publishData: any;
     onDeleteBatch?: (batchId: string) => any;
     onBackBtn?: () => void;
+    auditLogEnabled?: boolean;
 }
 
 export interface ICredential {
@@ -98,6 +101,8 @@ interface IPublishWizardState {
     nextStep: boolean;
     publishError: string;
     selectedCreatives: string[];
+    changeReport: IChangeReportSection[] | null;
+    publishNotes: string;
 }
 
 interface IBigButtonProps {
@@ -126,8 +131,12 @@ class PublishWizard extends React.PureComponent<IPublishWizardProps, IPublishWiz
             publishData: { unpublished_changes }
         } = props;
 
-        const screenIndex =
-            unpublished_changes === undefined || unpublished_changes === true ? 0 : 1;
+        const hasReviewStep = !!props.auditLogEnabled;
+        const screenIndex = hasReviewStep
+            ? 0
+            : unpublished_changes === undefined || unpublished_changes === true
+            ? 0
+            : 1;
 
         this.state = {
             compositions: [],
@@ -145,28 +154,46 @@ class PublishWizard extends React.PureComponent<IPublishWizardProps, IPublishWiz
             next: false,
             nextStep: false,
             publishError: null,
-            selectedCreatives: []
+            selectedCreatives: [],
+            changeReport: null,
+            publishNotes: ''
         };
         this.emailWorkflow = React.createRef();
         this.hiddenFileInputRef = React.createRef();
     }
 
     public componentDidUpdate(prevProps, prevState) {
-        // If we just finished publushing, and we're on the first screen still go to the second screen
+        const hasReviewStep = !!this.props.auditLogEnabled;
+        // If we just finished publishing, advance from the Publish screen to the Distribution screen
+        const publishScreenIndex = hasReviewStep ? 1 : 0;
+        const distributionScreenIndex = hasReviewStep ? 2 : 1;
         if (
             prevProps.publishData.publishing &&
             !this.props.publishData.publishing &&
-            this.state.screenIndex === 0 &&
+            this.state.screenIndex === publishScreenIndex &&
             !this.state.publishError
         ) {
             this.setState({
-                screenIndex: 1
+                screenIndex: distributionScreenIndex
             });
         }
     }
 
     public componentDidMount() {
-        const { story, api, handleError, activeComposition } = this.props;
+        const { story, api, handleError, activeComposition, auditLogEnabled } = this.props;
+
+        if (auditLogEnabled) {
+            api.getAuditLog(story.id)
+                .then((entries) => {
+                    const currentEntry = entries?.[0];
+                    const report = currentEntry?.id === 'current' ? currentEntry.changes : null;
+                    this.setState({ changeReport: report });
+                })
+                .catch(() => {
+                    this.setState({ changeReport: null });
+                });
+        }
+
         // Pull in all of the access creds for the composition dropdown
         api.getAssets({ type: ASSET_TYPES.VIDEO_COMPOSITION }, story.id)
             .then((res) => {
@@ -303,12 +330,14 @@ class PublishWizard extends React.PureComponent<IPublishWizardProps, IPublishWiz
             handleError,
             fromCrM
         } = this.props;
+        const hasReviewStep = !!this.props.auditLogEnabled;
+        const distributionScreenIndex = hasReviewStep ? 2 : 1;
 
         if (fromCrM) {
             this.props
                 .publishVersion(api, id, this.state.selectedCreatives)
                 .then(() => {
-                    this.setState({ screenIndex: 1 });
+                    this.setState({ screenIndex: distributionScreenIndex });
                 })
                 .catch((e) => {
                     this.setState({ publishError: e });
@@ -317,7 +346,7 @@ class PublishWizard extends React.PureComponent<IPublishWizardProps, IPublishWiz
             this.props.publishVersion(api, id).catch((e) => {
                 handleError(e);
             });
-            this.setState({ screenIndex: 1 });
+            this.setState({ screenIndex: distributionScreenIndex });
         }
     }
 
@@ -353,12 +382,7 @@ class PublishWizard extends React.PureComponent<IPublishWizardProps, IPublishWiz
     }
 
     private getErrorCopyForCrMPublish() {
-        const { story, project, fromCrM } = this.props;
-
-        if (!fromCrM) {
-            return null;
-        }
-
+        const { story, project } = this.props;
         const variables = story ? story.acts[project.actId].inventory : {};
         const varLength = variables ? Object.keys(variables).length : 0;
 
@@ -374,12 +398,35 @@ class PublishWizard extends React.PureComponent<IPublishWizardProps, IPublishWiz
         const { fromCrM, story } = this.props;
         const { publishing } = this.props.publishData;
         const disabledForCrM = this.shouldDisablePublishButtonForCrM();
+        const hasReviewStep = !!this.props.auditLogEnabled;
+        const publishScreenIndex = hasReviewStep ? 1 : 0;
+        const distributionScreenIndex = hasReviewStep ? 2 : 1;
         const lowerButtons = [];
 
-        // publish and skip buttons
-        if (screenIndex === 0) {
-            // publish
-
+        if (hasReviewStep && screenIndex === 0) {
+            // Review Changes step: Skip and Publish buttons (no Back)
+            lowerButtons.push(
+                <Button
+                    tooltip={copy.publish.btnSkip}
+                    key='btn-skip'
+                    size={'large'}
+                    onClick={() => this.setState({ screenIndex: distributionScreenIndex })}
+                    color='primary'>
+                    {copy.publish.btnSkip}
+                </Button>
+            );
+            lowerButtons.push(
+                <Button
+                    tooltip={copy.publish.btnPublish}
+                    size={'large'}
+                    key='btn-publish-review'
+                    onClick={() => this.setState({ screenIndex: publishScreenIndex })}
+                    color='primary'>
+                    {copy.publish.btnPublish}
+                </Button>
+            );
+        } else if (screenIndex === publishScreenIndex) {
+            // Publish step: Publish and Skip buttons
             const projectType = story.creativeId
                 ? CRM_INTEGRATED_PROJECT_TYPES.SINGLE_CREATIVE
                 : CRM_INTEGRATED_PROJECT_TYPES.MULTI_CREATIVE;
@@ -406,13 +453,13 @@ class PublishWizard extends React.PureComponent<IPublishWizardProps, IPublishWiz
                     tooltip={copy.publish.btnSkip}
                     key='btn-skip'
                     size={'large'}
-                    onClick={() => this.setState({ screenIndex: 1 })}
+                    onClick={() => this.setState({ screenIndex: distributionScreenIndex })}
                     color='primary'>
                     {copy.publish.btnSkip}
                 </Button>
             );
         } else {
-            // display button when emailworkflow downloading state is true to close the modal
+            // Distribution and sub-screens: Back button (and Done/Finish if applicable)
             if (done || error) {
                 lowerButtons.push(
                     <Button
@@ -426,9 +473,10 @@ class PublishWizard extends React.PureComponent<IPublishWizardProps, IPublishWiz
                 );
             }
 
-            const backIndex = screenIndex === 1 ? 0 : 1;
+            // Back button: from distribution → go to 0 (Review Changes ON) or 0 (Publish OFF)
+            // from sub-screens → go back to distribution
+            const backIndex = screenIndex === distributionScreenIndex ? 0 : distributionScreenIndex;
 
-            // back button
             lowerButtons.push(
                 <Button
                     tooltip={copy.publish.btnBack}
@@ -455,7 +503,6 @@ class PublishWizard extends React.PureComponent<IPublishWizardProps, IPublishWiz
                 </Button>
             );
 
-            // reimport after column align
             if (error) {
                 lowerButtons.push(
                     <Button
@@ -474,6 +521,32 @@ class PublishWizard extends React.PureComponent<IPublishWizardProps, IPublishWiz
         return lowerButtons;
     }
 
+    private renderReviewChanges() {
+        const { changeReport, publishNotes } = this.state;
+        return (
+            <div className='publish-wizard-step publish-wizard-step--review'>
+                <h2>{copy.publish.reviewChangesStepTitle}</h2>
+                <HRule />
+                <p>{copy.publish.reviewChangesDescription}</p>
+                <ChangeReportTree
+                    sections={changeReport}
+                    defaultExpanded={true}
+                    emptyMessage={copy.publish.noChangesMessage}
+                    loadingMessage={copy.publish.loadingChangesMessage}
+                />
+                <div className='publish-notes-wrapper'>
+                    <label className='publish-notes-label'>{copy.publish.publishNotesLabel}</label>
+                    <textarea
+                        className='publish-notes-textarea'
+                        value={publishNotes}
+                        onChange={(e) => this.setState({ publishNotes: e.target.value })}
+                        placeholder={copy.publish.publishNotesPlaceholder}
+                    />
+                </div>
+            </div>
+        );
+    }
+
     private renderPublish() {
         const { fromCrM, story } = this.props;
         const { publishing } = this.props.publishData;
@@ -483,7 +556,6 @@ class PublishWizard extends React.PureComponent<IPublishWizardProps, IPublishWiz
         const projectType = story.creativeId
             ? CRM_INTEGRATED_PROJECT_TYPES.SINGLE_CREATIVE
             : CRM_INTEGRATED_PROJECT_TYPES.MULTI_CREATIVE;
-
         const error = errorCopy ? (
             <p className='publish-error'>
                 <span className='icon'>{ICON_EXCLAIMATION_TRIANGLE}</span>&nbsp;&nbsp;{errorCopy}
@@ -597,6 +669,7 @@ class PublishWizard extends React.PureComponent<IPublishWizardProps, IPublishWiz
                             selectedComposition={selectedComposition}
                             publishDataset={publishDataset}
                             creativeManagerBaseUrl={creativeManagerBaseUrl}
+                            hasReviewStep={!!this.props.auditLogEnabled}
                         />
                     </div>
                 </div>
@@ -607,7 +680,10 @@ class PublishWizard extends React.PureComponent<IPublishWizardProps, IPublishWiz
     private nextClickHandler = () => {
         this.setState({ nextStep: true, error: false });
 
-        if (this.state.screenIndex === 7 || this.state.screenIndex === 8) {
+        const hasReviewStep = !!this.props.auditLogEnabled;
+        const exportIndex = hasReviewStep ? 8 : 7;
+        const crmExportIndex = hasReviewStep ? 9 : 8;
+        if (this.state.screenIndex === exportIndex || this.state.screenIndex === crmExportIndex) {
             this.emailWorkflow.current.getWrappedInstance().proceedWithExport();
         }
     };
@@ -660,6 +736,8 @@ class PublishWizard extends React.PureComponent<IPublishWizardProps, IPublishWiz
             })?.name || '';
 
         const variables = story ? story.acts[project.actId].inventory : {};
+        const hasReviewStep = !!this.props.auditLogEnabled;
+
         return (
             <div className='publish-wizard'>
                 <div className='publish-wizard-header'>
@@ -668,20 +746,26 @@ class PublishWizard extends React.PureComponent<IPublishWizardProps, IPublishWiz
                 </div>
                 {/* <PaneErrorBoundry>*/}
                 <div>
-                    {screenIndex === 0 && this.renderPublish()}
-                    {screenIndex === 1 && this.renderDistributionOptions()}
-                    {screenIndex === 2 && (
+                    {hasReviewStep && screenIndex === 0 && this.renderReviewChanges()}
+                    {screenIndex === (hasReviewStep ? 1 : 0) && this.renderPublish()}
+                    {screenIndex === (hasReviewStep ? 2 : 1) && this.renderDistributionOptions()}
+                    {screenIndex === (hasReviewStep ? 3 : 2) && (
                         <WebpageHosted
                             story={story}
                             compositionId={selectedComposition}
                             accessKey={accessKey}
                         />
                     )}
-                    {(screenIndex === 3 || screenIndex === 7 || screenIndex === 8) && (
+                    {(screenIndex === (hasReviewStep ? 4 : 3) ||
+                        screenIndex === (hasReviewStep ? 8 : 7) ||
+                        screenIndex === (hasReviewStep ? 9 : 8)) && (
                         <EmailWorkflow
-                            isCrM={screenIndex === 8}
-                            isExport={screenIndex === 7 || screenIndex === 8}
-                            isEmail={screenIndex === 3}
+                            isCrM={screenIndex === (hasReviewStep ? 9 : 8)}
+                            isExport={
+                                screenIndex === (hasReviewStep ? 8 : 7) ||
+                                screenIndex === (hasReviewStep ? 9 : 8)
+                            }
+                            isEmail={screenIndex === (hasReviewStep ? 4 : 3)}
                             api={api}
                             story={story}
                             variables={variables}
@@ -707,7 +791,7 @@ class PublishWizard extends React.PureComponent<IPublishWizardProps, IPublishWiz
                             ref={this.emailWorkflow}
                         />
                     )}
-                    {screenIndex === 5 && (
+                    {screenIndex === (hasReviewStep ? 6 : 5) && (
                         <HubSpotFlow
                             handleError={handleError}
                             status={status}
@@ -717,7 +801,7 @@ class PublishWizard extends React.PureComponent<IPublishWizardProps, IPublishWiz
                             compositionId={selectedComposition}
                         />
                     )}
-                    {screenIndex === 6 && <APIIntegration />}
+                    {screenIndex === (hasReviewStep ? 7 : 6) && <APIIntegration />}
                     <br />
                     <HRule />
                     <div className='lower-buttons'>{this.renderLowerButtons()}</div>
@@ -737,7 +821,19 @@ const mapDispatchToProps = (dispatch) => {
     return bindActionCreators({ publishVersion }, dispatch);
 };
 
-export default connect(mapStateToProps, mapDispatchToProps)(PublishWizard);
+const ConnectedPublishWizard = connect(mapStateToProps, mapDispatchToProps)(PublishWizard);
+
+const PublishWizardWithFlag = (props) => {
+    const auditLogEnabled = useFlag('feature.IMPOSIUM_EDITOR.AUDIT_LOG');
+    return (
+        <ConnectedPublishWizard
+            {...props}
+            auditLogEnabled={auditLogEnabled}
+        />
+    );
+};
+
+export default PublishWizardWithFlag;
 
 export const BigButton: React.FC<IBigButtonProps> = (p) => (
     <div
@@ -792,8 +888,11 @@ export const DistributeOptions = ({
     onSelectOption,
     selectedComposition,
     publishDataset,
-    creativeManagerBaseUrl
+    creativeManagerBaseUrl,
+    hasReviewStep = false
 }) => {
+    const shift = hasReviewStep ? 1 : 0;
+    const selectOption = (index: number) => onSelectOption(index + shift);
     const isPrerendersEnabled = useFlag('feature.IMPOSIUM_EDITOR.PRERENDERS_CRM_WORKFLOW');
 
     const getCrMLink = (creativeLibraryId: string, creativeId?: string) => {
@@ -812,7 +911,7 @@ export const DistributeOptions = ({
                           {ICON_GLOBE}&nbsp;{copy.publish.btnWebsite}
                       </span>
                   ),
-                  onClick: (e) => onSelectOption(2)
+                  onClick: (e) => selectOption(2)
               },
               {
                   label: (
@@ -820,7 +919,7 @@ export const DistributeOptions = ({
                           {ICON_EMAIL}&nbsp;{copy.publish.btnEmail}
                       </span>
                   ),
-                  onClick: (e) => onSelectOption(3)
+                  onClick: (e) => selectOption(3)
               },
               {
                   label: (
@@ -828,7 +927,7 @@ export const DistributeOptions = ({
                           {ICON_HUBSPOT}&nbsp;{copy.publish.btnHubspot}
                       </span>
                   ),
-                  onClick: (e) => onSelectOption(5)
+                  onClick: (e) => selectOption(5)
               },
               {
                   label: (
@@ -836,7 +935,7 @@ export const DistributeOptions = ({
                           {ICON_PROJECT_DIAGRAM}&nbsp;{copy.publish.btnAPI}
                       </span>
                   ),
-                  onClick: (e) => onSelectOption(6)
+                  onClick: (e) => selectOption(6)
               },
               {
                   label: (
@@ -844,7 +943,7 @@ export const DistributeOptions = ({
                           {ICON_DOWNLOAD}&nbsp;{copy.publish.btnExport}
                       </span>
                   ),
-                  onClick: (e) => onSelectOption(7)
+                  onClick: (e) => selectOption(7)
               },
               {
                   label: (
@@ -852,7 +951,7 @@ export const DistributeOptions = ({
                           {ICON_IMAGE}&nbsp;{copy.publish.btnCRM}
                       </span>
                   ),
-                  onClick: (e) => onSelectOption(8)
+                  onClick: (e) => selectOption(8)
               }
           ]
         : [
@@ -862,7 +961,7 @@ export const DistributeOptions = ({
                           {ICON_DOWNLOAD}&nbsp;{copy.publish.btnRunTestBatch}
                       </span>
                   ),
-                  onClick: (e) => onSelectOption(7)
+                  onClick: (e) => selectOption(7)
               },
               {
                   label: (
@@ -891,7 +990,7 @@ export const DistributeOptions = ({
                     {ICON_IMAGE}&nbsp;{copy.publish.btnCRM}
                 </span>
             ),
-            onClick: (e) => onSelectOption(8),
+            onClick: (e) => selectOption(8),
             style: { width: 'calc(100% - 4px)' }
         });
     }

package/src/constants/copy.ts

@@ -147,14 +147,28 @@ export const publish = {
         'Your videos have finished rendering. They will appear in Creative Manager momentarily.',
     renderComplete: 'Render Complete!',
 
+    // review changes
+    reviewChangesStepTitle: 'STEP 1: Review Changes',
+    reviewChangesDescription:
+        'Review the changes made since your last publish. You can publish these changes or skip to distribution.',
+    noChangesMessage: 'No changes detected since last publish.',
+    loadingChangesMessage: 'Loading changes...',
+    publishNotesLabel: 'Publish notes',
+    publishNotesPlaceholder: 'Describe the changes in this version...',
+
+    // change report status labels
+    statusAdded: 'Added',
+    statusRemoved: 'Removed',
+    statusModified: 'Modified',
+
     // publish
-    publishStepTitle: 'STEP 1: Publish your Project',
+    publishStepTitle: 'STEP 2: 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.",
 
     // distribute
-    distributeStepTitle: 'STEP 2: How do you want your users to view their video?',
+    distributeStepTitle: 'STEP 3: How do you want your users to view their video?',
     distributeStepTitleFromCrM: 'STEP 2: Run a test batch or return to Creative Manager?',
     distributeStepDesc:
         'Select which Composition you want to deliver, access credentials you want to use, and distribution channel.',

package/src/constants/snippets.ts

@@ -0,0 +1,25 @@
+export interface IChangeReportNode {
+    label: string;
+    status: 'added' | 'removed' | 'modified';
+    oldValue?: string;
+    newValue?: string;
+    children?: IChangeReportNode[];
+}
+
+export interface IChangeReportSection {
+    section:
+        | 'PROJECT SETTINGS'
+        | 'VARIABLES'
+        | 'SCENES & ENCODING'
+        | 'ASSETS'
+        | 'COMPOSITIONS & LAYERS';
+    nodes: IChangeReportNode[];
+}
+
+export interface IPublishLogEntry {
+    id: string;
+    version: number | null;
+    message: string | null;
+    changes: IChangeReportSection[] | null;
+    date_created: number | null;
+}