box-ui-elements 15.0.0-beta.7 → 15.0.0

package/es/elements/content-sidebar/versions/VersionsSidebar.js.flow

@@ -12,6 +12,7 @@ import messages from './messages';
 import SidebarContent from '../SidebarContent';
 import VersionsMenu from './VersionsMenu';
 import { BackButton } from '../../common/nav-button';
+import PlainButton from '../../../components/plain-button/PlainButton';
 import { DEFAULT_FETCH_END } from '../../../constants';
 import { LoadingIndicatorWrapper } from '../../../components/loading-indicator';
 import type { BoxItemVersion } from '../../../common/types/core';
@@ -21,18 +22,20 @@ const MAX_VERSIONS = DEFAULT_FETCH_END;
 
 type Props = {
     error?: MessageDescriptor,
+    errorTitle?: MessageDescriptor,
     fileId: string,
     isLoading: boolean,
+    onUpgradeClick?: () => void,
     parentName: string,
     versionCount: number,
     versionLimit: number,
     versions: Array<BoxItemVersion>,
 };
 
-const VersionsSidebar = ({ error, isLoading, parentName, versions, ...rest }: Props) => {
+const VersionsSidebar = ({ error, errorTitle, onUpgradeClick, isLoading, parentName, versions, ...rest }: Props) => {
     const showLimit = versions.length >= MAX_VERSIONS;
     const showVersions = !!versions.length;
-    const showEmpty = !isLoading && !showVersions;
+    const showEmpty = !isLoading && !showVersions && !onUpgradeClick;
     const showError = !!error;
 
     return (
@@ -49,8 +52,18 @@ const VersionsSidebar = ({ error, isLoading, parentName, versions, ...rest }: Pr
         >
             <LoadingIndicatorWrapper className="bcs-Versions-content" crawlerPosition="top" isLoading={isLoading}>
                 {showError && (
-                    <InlineError title={<FormattedMessage {...messages.versionServerError} />}>
+                    <InlineError title={<FormattedMessage {...errorTitle} />}>
                         <FormattedMessage {...error} />
+                        {onUpgradeClick && (
+                            <PlainButton
+                                onClick={onUpgradeClick}
+                                data-resin-target="versioning_error_error_message_upgrade_cta"
+                                type="button"
+                                className="bcs-Versions-upgrade"
+                            >
+                                <FormattedMessage {...messages.versionUpgradeLink} />
+                            </PlainButton>
+                        )}
                     </InlineError>
                 )}
 

package/es/elements/content-sidebar/versions/VersionsSidebar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/content-sidebar/versions/VersionsSidebar.js"],"names":["React","FormattedMessage","InlineError","messages","SidebarContent","VersionsMenu","BackButton","DEFAULT_FETCH_END","LoadingIndicatorWrapper","MAX_VERSIONS","VersionsSidebar","error","isLoading","parentName","versions","rest","showLimit","length","showVersions","showEmpty","showError","versionsTitle","versionServerError","versionsEmpty","versionMaxEntries","maxVersions"],"mappings":";;;;;;AAAA;;;;;AAMA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,gBAAT,QAAiC,YAAjC;AAEA,OAAOC,WAAP,MAAwB,kCAAxB;AACA,OAAOC,QAAP,MAAqB,YAArB;AACA,OAAOC,cAAP,MAA2B,mBAA3B;AACA,OAAOC,YAAP,MAAyB,gBAAzB;AACA,SAASC,UAAT,QAA2B,yBAA3B;AACA,SAASC,iBAAT,QAAkC,oBAAlC;AACA,SAASC,uBAAT,QAAwC,uCAAxC;AAEA,OAAO,wBAAP;AAEA,IAAMC,YAAY,GAAGF,iBAArB;;AAYA,IAAMG,eAAe,GAAG,SAAlBA,eAAkB,OAAgE;AAAA,MAA7DC,KAA6D,QAA7DA,KAA6D;AAAA,MAAtDC,SAAsD,QAAtDA,SAAsD;AAAA,MAA3CC,UAA2C,QAA3CA,UAA2C;AAAA,MAA/BC,QAA+B,QAA/BA,QAA+B;AAAA,MAAlBC,IAAkB;;AACpF,MAAMC,SAAS,GAAGF,QAAQ,CAACG,MAAT,IAAmBR,YAArC;AACA,MAAMS,YAAY,GAAG,CAAC,CAACJ,QAAQ,CAACG,MAAhC;AACA,MAAME,SAAS,GAAG,CAACP,SAAD,IAAc,CAACM,YAAjC;AACA,MAAME,SAAS,GAAG,CAAC,CAACT,KAApB;AAEA,SACI,oBAAC,cAAD;AACI,IAAA,SAAS,EAAC,cADd;AAEI,4BAAqB,SAFzB;AAGI,0BAAmB,UAHvB;AAII,IAAA,KAAK,EACD,0CACI,oBAAC,UAAD;AAAY,2BAAkB,MAA9B;AAAqC,MAAA,EAAE,aAAME,UAAN;AAAvC,MADJ,EAEI,oBAAC,gBAAD,EAAsBV,QAAQ,CAACkB,aAA/B,CAFJ;AALR,KAWI,oBAAC,uBAAD;AAAyB,IAAA,SAAS,EAAC,sBAAnC;AAA0D,IAAA,eAAe,EAAC,KAA1E;AAAgF,IAAA,SAAS,EAAET;AAA3F,KACKQ,SAAS,IACN,oBAAC,WAAD;AAAa,IAAA,KAAK,EAAE,oBAAC,gBAAD,EAAsBjB,QAAQ,CAACmB,kBAA/B;AAApB,KACI,oBAAC,gBAAD,EAAsBX,KAAtB,CADJ,CAFR,EAOKQ,SAAS,IACN;AAAK,IAAA,SAAS,EAAC;AAAf,KACI,oBAAC,gBAAD,EAAsBhB,QAAQ,CAACoB,aAA/B,CADJ,CARR,EAaKL,YAAY,IACT;AAAK,IAAA,SAAS,EAAC;AAAf,KACI,oBAAC,YAAD;AAAc,IAAA,QAAQ,EAAEJ;AAAxB,KAAsCC,IAAtC,EADJ,CAdR,EAkBKC,SAAS,IACN;AAAK,IAAA,SAAS,EAAC,yBAAf;AAAyC,mBAAY;AAArD,KACI,oBAAC,gBAAD,eACQb,QAAQ,CAACqB,iBADjB;AAEI,IAAA,MAAM,EAAE;AACJC,MAAAA,WAAW,EAAEhB;AADT;AAFZ,KADJ,CAnBR,CAXJ,CADJ;AA2CH,CAjDD;;AAmDA,eAAeC,eAAf","sourcesContent":["/**\n * @flow\n * @file Versions Sidebar component\n * @author Box\n */\n\nimport * as React from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport type { MessageDescriptor } from 'react-intl';\nimport InlineError from '../../../components/inline-error';\nimport messages from './messages';\nimport SidebarContent from '../SidebarContent';\nimport VersionsMenu from './VersionsMenu';\nimport { BackButton } from '../../common/nav-button';\nimport { DEFAULT_FETCH_END } from '../../../constants';\nimport { LoadingIndicatorWrapper } from '../../../components/loading-indicator';\nimport type { BoxItemVersion } from '../../../common/types/core';\nimport './VersionsSidebar.scss';\n\nconst MAX_VERSIONS = DEFAULT_FETCH_END;\n\ntype Props = {\n    error?: MessageDescriptor,\n    fileId: string,\n    isLoading: boolean,\n    parentName: string,\n    versionCount: number,\n    versionLimit: number,\n    versions: Array<BoxItemVersion>,\n};\n\nconst VersionsSidebar = ({ error, isLoading, parentName, versions, ...rest }: Props) => {\n    const showLimit = versions.length >= MAX_VERSIONS;\n    const showVersions = !!versions.length;\n    const showEmpty = !isLoading && !showVersions;\n    const showError = !!error;\n\n    return (\n        <SidebarContent\n            className=\"bcs-Versions\"\n            data-resin-component=\"preview\"\n            data-resin-feature=\"versions\"\n            title={\n                <>\n                    <BackButton data-resin-target=\"back\" to={`/${parentName}`} />\n                    <FormattedMessage {...messages.versionsTitle} />\n                </>\n            }\n        >\n            <LoadingIndicatorWrapper className=\"bcs-Versions-content\" crawlerPosition=\"top\" isLoading={isLoading}>\n                {showError && (\n                    <InlineError title={<FormattedMessage {...messages.versionServerError} />}>\n                        <FormattedMessage {...error} />\n                    </InlineError>\n                )}\n\n                {showEmpty && (\n                    <div className=\"bcs-Versions-empty\">\n                        <FormattedMessage {...messages.versionsEmpty} />\n                    </div>\n                )}\n\n                {showVersions && (\n                    <div className=\"bcs-Versions-menu\">\n                        <VersionsMenu versions={versions} {...rest} />\n                    </div>\n                )}\n                {showLimit && (\n                    <div className=\"bcs-Versions-maxEntries\" data-testid=\"max-versions\">\n                        <FormattedMessage\n                            {...messages.versionMaxEntries}\n                            values={{\n                                maxVersions: MAX_VERSIONS,\n                            }}\n                        />\n                    </div>\n                )}\n            </LoadingIndicatorWrapper>\n        </SidebarContent>\n    );\n};\n\nexport default VersionsSidebar;\n"],"file":"VersionsSidebar.js"}
+{"version":3,"sources":["../../../../src/elements/content-sidebar/versions/VersionsSidebar.js"],"names":["React","FormattedMessage","InlineError","messages","SidebarContent","VersionsMenu","BackButton","PlainButton","DEFAULT_FETCH_END","LoadingIndicatorWrapper","MAX_VERSIONS","VersionsSidebar","error","errorTitle","onUpgradeClick","isLoading","parentName","versions","rest","showLimit","length","showVersions","showEmpty","showError","versionsTitle","versionUpgradeLink","versionsEmpty","versionMaxEntries","maxVersions"],"mappings":";;;;;;AAAA;;;;;AAMA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,gBAAT,QAAiC,YAAjC;AAEA,OAAOC,WAAP,MAAwB,kCAAxB;AACA,OAAOC,QAAP,MAAqB,YAArB;AACA,OAAOC,cAAP,MAA2B,mBAA3B;AACA,OAAOC,YAAP,MAAyB,gBAAzB;AACA,SAASC,UAAT,QAA2B,yBAA3B;AACA,OAAOC,WAAP,MAAwB,8CAAxB;AACA,SAASC,iBAAT,QAAkC,oBAAlC;AACA,SAASC,uBAAT,QAAwC,uCAAxC;AAEA,OAAO,wBAAP;AAEA,IAAMC,YAAY,GAAGF,iBAArB;;AAcA,IAAMG,eAAe,GAAG,SAAlBA,eAAkB,OAA4F;AAAA,MAAzFC,KAAyF,QAAzFA,KAAyF;AAAA,MAAlFC,UAAkF,QAAlFA,UAAkF;AAAA,MAAtEC,cAAsE,QAAtEA,cAAsE;AAAA,MAAtDC,SAAsD,QAAtDA,SAAsD;AAAA,MAA3CC,UAA2C,QAA3CA,UAA2C;AAAA,MAA/BC,QAA+B,QAA/BA,QAA+B;AAAA,MAAlBC,IAAkB;;AAChH,MAAMC,SAAS,GAAGF,QAAQ,CAACG,MAAT,IAAmBV,YAArC;AACA,MAAMW,YAAY,GAAG,CAAC,CAACJ,QAAQ,CAACG,MAAhC;AACA,MAAME,SAAS,GAAG,CAACP,SAAD,IAAc,CAACM,YAAf,IAA+B,CAACP,cAAlD;AACA,MAAMS,SAAS,GAAG,CAAC,CAACX,KAApB;AAEA,SACI,oBAAC,cAAD;AACI,IAAA,SAAS,EAAC,cADd;AAEI,4BAAqB,SAFzB;AAGI,0BAAmB,UAHvB;AAII,IAAA,KAAK,EACD,0CACI,oBAAC,UAAD;AAAY,2BAAkB,MAA9B;AAAqC,MAAA,EAAE,aAAMI,UAAN;AAAvC,MADJ,EAEI,oBAAC,gBAAD,EAAsBb,QAAQ,CAACqB,aAA/B,CAFJ;AALR,KAWI,oBAAC,uBAAD;AAAyB,IAAA,SAAS,EAAC,sBAAnC;AAA0D,IAAA,eAAe,EAAC,KAA1E;AAAgF,IAAA,SAAS,EAAET;AAA3F,KACKQ,SAAS,IACN,oBAAC,WAAD;AAAa,IAAA,KAAK,EAAE,oBAAC,gBAAD,EAAsBV,UAAtB;AAApB,KACI,oBAAC,gBAAD,EAAsBD,KAAtB,CADJ,EAEKE,cAAc,IACX,oBAAC,WAAD;AACI,IAAA,OAAO,EAAEA,cADb;AAEI,yBAAkB,4CAFtB;AAGI,IAAA,IAAI,EAAC,QAHT;AAII,IAAA,SAAS,EAAC;AAJd,KAMI,oBAAC,gBAAD,EAAsBX,QAAQ,CAACsB,kBAA/B,CANJ,CAHR,CAFR,EAiBKH,SAAS,IACN;AAAK,IAAA,SAAS,EAAC;AAAf,KACI,oBAAC,gBAAD,EAAsBnB,QAAQ,CAACuB,aAA/B,CADJ,CAlBR,EAuBKL,YAAY,IACT;AAAK,IAAA,SAAS,EAAC;AAAf,KACI,oBAAC,YAAD;AAAc,IAAA,QAAQ,EAAEJ;AAAxB,KAAsCC,IAAtC,EADJ,CAxBR,EA4BKC,SAAS,IACN;AAAK,IAAA,SAAS,EAAC,yBAAf;AAAyC,mBAAY;AAArD,KACI,oBAAC,gBAAD,eACQhB,QAAQ,CAACwB,iBADjB;AAEI,IAAA,MAAM,EAAE;AACJC,MAAAA,WAAW,EAAElB;AADT;AAFZ,KADJ,CA7BR,CAXJ,CADJ;AAqDH,CA3DD;;AA6DA,eAAeC,eAAf","sourcesContent":["/**\n * @flow\n * @file Versions Sidebar component\n * @author Box\n */\n\nimport * as React from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport type { MessageDescriptor } from 'react-intl';\nimport InlineError from '../../../components/inline-error';\nimport messages from './messages';\nimport SidebarContent from '../SidebarContent';\nimport VersionsMenu from './VersionsMenu';\nimport { BackButton } from '../../common/nav-button';\nimport PlainButton from '../../../components/plain-button/PlainButton';\nimport { DEFAULT_FETCH_END } from '../../../constants';\nimport { LoadingIndicatorWrapper } from '../../../components/loading-indicator';\nimport type { BoxItemVersion } from '../../../common/types/core';\nimport './VersionsSidebar.scss';\n\nconst MAX_VERSIONS = DEFAULT_FETCH_END;\n\ntype Props = {\n    error?: MessageDescriptor,\n    errorTitle?: MessageDescriptor,\n    fileId: string,\n    isLoading: boolean,\n    onUpgradeClick?: () => void,\n    parentName: string,\n    versionCount: number,\n    versionLimit: number,\n    versions: Array<BoxItemVersion>,\n};\n\nconst VersionsSidebar = ({ error, errorTitle, onUpgradeClick, isLoading, parentName, versions, ...rest }: Props) => {\n    const showLimit = versions.length >= MAX_VERSIONS;\n    const showVersions = !!versions.length;\n    const showEmpty = !isLoading && !showVersions && !onUpgradeClick;\n    const showError = !!error;\n\n    return (\n        <SidebarContent\n            className=\"bcs-Versions\"\n            data-resin-component=\"preview\"\n            data-resin-feature=\"versions\"\n            title={\n                <>\n                    <BackButton data-resin-target=\"back\" to={`/${parentName}`} />\n                    <FormattedMessage {...messages.versionsTitle} />\n                </>\n            }\n        >\n            <LoadingIndicatorWrapper className=\"bcs-Versions-content\" crawlerPosition=\"top\" isLoading={isLoading}>\n                {showError && (\n                    <InlineError title={<FormattedMessage {...errorTitle} />}>\n                        <FormattedMessage {...error} />\n                        {onUpgradeClick && (\n                            <PlainButton\n                                onClick={onUpgradeClick}\n                                data-resin-target=\"versioning_error_error_message_upgrade_cta\"\n                                type=\"button\"\n                                className=\"bcs-Versions-upgrade\"\n                            >\n                                <FormattedMessage {...messages.versionUpgradeLink} />\n                            </PlainButton>\n                        )}\n                    </InlineError>\n                )}\n\n                {showEmpty && (\n                    <div className=\"bcs-Versions-empty\">\n                        <FormattedMessage {...messages.versionsEmpty} />\n                    </div>\n                )}\n\n                {showVersions && (\n                    <div className=\"bcs-Versions-menu\">\n                        <VersionsMenu versions={versions} {...rest} />\n                    </div>\n                )}\n                {showLimit && (\n                    <div className=\"bcs-Versions-maxEntries\" data-testid=\"max-versions\">\n                        <FormattedMessage\n                            {...messages.versionMaxEntries}\n                            values={{\n                                maxVersions: MAX_VERSIONS,\n                            }}\n                        />\n                    </div>\n                )}\n            </LoadingIndicatorWrapper>\n        </SidebarContent>\n    );\n};\n\nexport default VersionsSidebar;\n"],"file":"VersionsSidebar.js"}

package/es/elements/content-sidebar/versions/VersionsSidebar.scss

@@ -37,3 +37,8 @@
         padding-bottom: 20px;
     }
 }
+
+.btn-plain.bcs-Versions-upgrade {
+    color: $bdl-box-blue;
+    font-weight: bold;
+}

package/es/elements/content-sidebar/versions/VersionsSidebarContainer.js

@@ -54,9 +54,15 @@ import { generatePath, withRouter } from 'react-router-dom';
 import API from '../../../api';
 import messages from './messages';
 import openUrlInsideIframe from '../../../utils/iframe';
+import StaticVersionsSidebar from './StaticVersionSidebar';
 import VersionsSidebar from './VersionsSidebar';
 import VersionsSidebarAPI from './VersionsSidebarAPI';
 import { withAPIContext } from '../../common/api-context';
+var UPSELL_TYPE = {
+  STATIC_VERSION_HISTORY: 'STATIC_VERSION_HISTORY',
+  STATIC_VERSION_HISTORY_WITH_PICTURE: 'STATIC_VERSION_HISTORY_WITH_PICTURE',
+  ERROR_MESSAGE: 'ERROR_MESSAGE'
+};
 
 var VersionsSidebarContainer =
 /*#__PURE__*/
@@ -163,9 +169,13 @@ function (_React$Component) {
       _this.mergeResponse(data);
     });
 
-    _defineProperty(_assertThisInitialized(_this), "handleFetchError", function () {
+    _defineProperty(_assertThisInitialized(_this), "handleFetchError", function (error) {
+      var onUpgradeClick = _this.props.onUpgradeClick;
+      var shouldShowVersionErrorWithUpsell = !!onUpgradeClick && error.status === 403;
+
       _this.setState({
-        error: messages.versionFetchError,
+        error: shouldShowVersionErrorWithUpsell ? messages.versionNotAvailable : messages.versionFetchError,
+        errorTitle: shouldShowVersionErrorWithUpsell ? messages.versionAccessError : messages.versionServerError,
         isLoading: false,
         isWatermarked: false,
         versionCount: 0,
@@ -214,7 +224,7 @@ function (_React$Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "fetchData", function () {
-      _this.api.fetchData().then(_this.handleFetchSuccess).catch(_this.handleFetchError);
+      return _this.api.fetchData().then(_this.handleFetchSuccess).catch(_this.handleFetchError);
     });
 
     _defineProperty(_assertThisInitialized(_this), "findVersion", function (versionId) {
@@ -283,17 +293,26 @@ function (_React$Component) {
   _createClass(VersionsSidebarContainer, [{
     key: "componentDidMount",
     value: function componentDidMount() {
+      var _this$props3 = this.props,
+          onLoad = _this$props3.onLoad,
+          versionUpsellExperience = _this$props3.versionUpsellExperience;
       this.initialize();
-      this.fetchData();
+      this.fetchData().then(function () {
+        onLoad({
+          component: 'preview',
+          feature: 'versions',
+          versionUpsellExperience: versionUpsellExperience
+        });
+      });
     }
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(_ref5) {
       var prevFileId = _ref5.fileId,
           prevVersionId = _ref5.versionId;
-      var _this$props3 = this.props,
-          fileId = _this$props3.fileId,
-          versionId = _this$props3.versionId;
+      var _this$props4 = this.props,
+          fileId = _this$props4.fileId,
+          versionId = _this$props4.versionId;
 
       if (fileId !== prevFileId) {
         this.refresh();
@@ -328,9 +347,20 @@ function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this$props4 = this.props,
-          fileId = _this$props4.fileId,
-          parentName = _this$props4.parentName;
+      var _this$props5 = this.props,
+          fileId = _this$props5.fileId,
+          parentName = _this$props5.parentName,
+          onUpgradeClick = _this$props5.onUpgradeClick,
+          versionUpsellExperience = _this$props5.versionUpsellExperience;
+
+      if (onUpgradeClick && (versionUpsellExperience === UPSELL_TYPE.STATIC_VERSION_HISTORY || versionUpsellExperience === UPSELL_TYPE.STATIC_VERSION_HISTORY_WITH_PICTURE)) {
+        return React.createElement(StaticVersionsSidebar, _extends({
+          onUpgradeClick: onUpgradeClick,
+          parentName: parentName,
+          showUpsellWithPicture: versionUpsellExperience === UPSELL_TYPE.STATIC_VERSION_HISTORY_WITH_PICTURE
+        }, this.state));
+      }
+
       return React.createElement(VersionsSidebar, _extends({
         fileId: fileId,
         onDelete: this.handleActionDelete,
@@ -338,6 +368,7 @@ function (_React$Component) {
         onPreview: this.handleActionPreview,
         onPromote: this.handleActionPromote,
         onRestore: this.handleActionRestore,
+        onUpgradeClick: onUpgradeClick,
         parentName: parentName
       }, this.state));
     }
@@ -347,6 +378,7 @@ function (_React$Component) {
 }(React.Component);
 
 _defineProperty(VersionsSidebarContainer, "defaultProps", {
+  onLoad: noop,
   onVersionChange: noop,
   onVersionDelete: noop,
   onVersionDownload: noop,

package/es/elements/content-sidebar/versions/VersionsSidebarContainer.js.flow

@@ -15,10 +15,11 @@ import type { MessageDescriptor } from 'react-intl';
 import API from '../../../api';
 import messages from './messages';
 import openUrlInsideIframe from '../../../utils/iframe';
+import StaticVersionsSidebar from './StaticVersionSidebar';
 import VersionsSidebar from './VersionsSidebar';
 import VersionsSidebarAPI from './VersionsSidebarAPI';
 import { withAPIContext } from '../../common/api-context';
-import type { VersionActionCallback, VersionChangeCallback } from './flowTypes';
+import type { VersionActionCallback, VersionChangeCallback, SidebarLoadCallback } from './flowTypes';
 import type { BoxItemVersion, BoxItem, FileVersions } from '../../../common/types/core';
 
 type Props = {
@@ -27,6 +28,8 @@ type Props = {
     hasSidebarInitialized?: boolean,
     history: RouterHistory,
     match: Match,
+    onLoad: SidebarLoadCallback,
+    onUpgradeClick?: () => void,
     onVersionChange: VersionChangeCallback,
     onVersionDelete: VersionActionCallback,
     onVersionDownload: VersionActionCallback,
@@ -35,10 +38,18 @@ type Props = {
     onVersionRestore: VersionActionCallback,
     parentName: string,
     versionId?: string,
+    versionUpsellExperience: ?string,
+};
+
+const UPSELL_TYPE = {
+    STATIC_VERSION_HISTORY: 'STATIC_VERSION_HISTORY',
+    STATIC_VERSION_HISTORY_WITH_PICTURE: 'STATIC_VERSION_HISTORY_WITH_PICTURE',
+    ERROR_MESSAGE: 'ERROR_MESSAGE',
 };
 
 type State = {
     error?: MessageDescriptor,
+    errorTitle?: MessageDescriptor,
     isLoading: boolean,
     isWatermarked: boolean,
     versionCount: number,
@@ -48,6 +59,7 @@ type State = {
 
 class VersionsSidebarContainer extends React.Component<Props, State> {
     static defaultProps = {
+        onLoad: noop,
         onVersionChange: noop,
         onVersionDelete: noop,
         onVersionDownload: noop,
@@ -72,8 +84,11 @@ class VersionsSidebarContainer extends React.Component<Props, State> {
     window: any = window;
 
     componentDidMount() {
+        const { onLoad, versionUpsellExperience } = this.props;
         this.initialize();
-        this.fetchData();
+        this.fetchData().then(() => {
+            onLoad({ component: 'preview', feature: 'versions', versionUpsellExperience });
+        });
     }
 
     componentDidUpdate({ fileId: prevFileId, versionId: prevVersionId }: Props) {
@@ -163,9 +178,13 @@ class VersionsSidebarContainer extends React.Component<Props, State> {
         this.mergeResponse(data);
     };
 
-    handleFetchError = (): void => {
+    handleFetchError = (error: Object): void => {
+        const { onUpgradeClick } = this.props;
+        const shouldShowVersionErrorWithUpsell = !!onUpgradeClick && error.status === 403;
+
         this.setState({
-            error: messages.versionFetchError,
+            error: shouldShowVersionErrorWithUpsell ? messages.versionNotAvailable : messages.versionFetchError,
+            errorTitle: shouldShowVersionErrorWithUpsell ? messages.versionAccessError : messages.versionServerError,
             isLoading: false,
             isWatermarked: false,
             versionCount: 0,
@@ -208,8 +227,8 @@ class VersionsSidebarContainer extends React.Component<Props, State> {
         this.api = new VersionsSidebarAPI(this.props);
     };
 
-    fetchData = (): void => {
-        this.api
+    fetchData = (): Promise<?[BoxItem, FileVersions]> => {
+        return this.api
             .fetchData()
             .then(this.handleFetchSuccess)
             .catch(this.handleFetchError);
@@ -275,7 +294,22 @@ class VersionsSidebarContainer extends React.Component<Props, State> {
     };
 
     render() {
-        const { fileId, parentName } = this.props;
+        const { fileId, parentName, onUpgradeClick, versionUpsellExperience } = this.props;
+
+        if (
+            onUpgradeClick &&
+            (versionUpsellExperience === UPSELL_TYPE.STATIC_VERSION_HISTORY ||
+                versionUpsellExperience === UPSELL_TYPE.STATIC_VERSION_HISTORY_WITH_PICTURE)
+        ) {
+            return (
+                <StaticVersionsSidebar
+                    onUpgradeClick={onUpgradeClick}
+                    parentName={parentName}
+                    showUpsellWithPicture={versionUpsellExperience === UPSELL_TYPE.STATIC_VERSION_HISTORY_WITH_PICTURE}
+                    {...this.state}
+                />
+            );
+        }
 
         return (
             <VersionsSidebar
@@ -285,6 +319,7 @@ class VersionsSidebarContainer extends React.Component<Props, State> {
                 onPreview={this.handleActionPreview}
                 onPromote={this.handleActionPromote}
                 onRestore={this.handleActionRestore}
+                onUpgradeClick={onUpgradeClick}
                 parentName={parentName}
                 {...this.state}
             />

package/es/elements/content-sidebar/versions/VersionsSidebarContainer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/content-sidebar/versions/VersionsSidebarContainer.js"],"names":["React","flow","getProp","merge","noop","generatePath","withRouter","API","messages","openUrlInsideIframe","VersionsSidebar","VersionsSidebarAPI","withAPIContext","VersionsSidebarContainer","isLoading","isWatermarked","versionCount","Infinity","versionLimit","versions","window","versionId","setState","api","deleteVersion","findVersion","then","fetchVersion","handleDeleteSuccess","props","onVersionDelete","catch","handleActionError","versionActionDeleteError","fetchDownloadUrl","onVersionDownload","versionActionDownloadError","updateVersion","onVersionPreview","promoteVersion","fetchData","handleFetchSuccess","handlePromoteSuccess","onVersionPromote","versionActionPromoteError","restoreVersion","handleRestoreSuccess","onVersionRestore","versionActionRestoreError","message","error","data","selectedVersionId","id","mergeResponse","updateVersionToCurrent","versionFetchError","fileResponse","versionsResponse","version_limit","undefined","versionsWithPermissions","getVersionsAPI","addPermissions","entries","total_count","sortVersions","verifyVersion","file","fileVersion","file_version","handleFetchError","state","find","version","newVersion","newVersionId","map","newVersions","mergeVersions","history","match","push","path","params","getCurrentVersionId","onVersionChange","selectedVersion","currentVersionId","initialize","prevFileId","fileId","prevVersionId","refresh","sort","a","b","Date","parse","created_at","parentName","handleActionDelete","handleActionDownload","handleActionPreview","handleActionPromote","handleActionRestore","Component"],"mappings":"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","sourcesContent":["/**\n * @flow\n * @file Versions Sidebar container\n * @author Box\n */\n\nimport React from 'react';\nimport flow from 'lodash/flow';\nimport getProp from 'lodash/get';\nimport merge from 'lodash/merge';\nimport noop from 'lodash/noop';\nimport { generatePath, withRouter } from 'react-router-dom';\nimport type { Match, RouterHistory } from 'react-router-dom';\nimport type { MessageDescriptor } from 'react-intl';\nimport API from '../../../api';\nimport messages from './messages';\nimport openUrlInsideIframe from '../../../utils/iframe';\nimport VersionsSidebar from './VersionsSidebar';\nimport VersionsSidebarAPI from './VersionsSidebarAPI';\nimport { withAPIContext } from '../../common/api-context';\nimport type { VersionActionCallback, VersionChangeCallback } from './flowTypes';\nimport type { BoxItemVersion, BoxItem, FileVersions } from '../../../common/types/core';\n\ntype Props = {\n    api: API,\n    fileId: string,\n    hasSidebarInitialized?: boolean,\n    history: RouterHistory,\n    match: Match,\n    onVersionChange: VersionChangeCallback,\n    onVersionDelete: VersionActionCallback,\n    onVersionDownload: VersionActionCallback,\n    onVersionPreview: VersionActionCallback,\n    onVersionPromote: VersionActionCallback,\n    onVersionRestore: VersionActionCallback,\n    parentName: string,\n    versionId?: string,\n};\n\ntype State = {\n    error?: MessageDescriptor,\n    isLoading: boolean,\n    isWatermarked: boolean,\n    versionCount: number,\n    versionLimit: number,\n    versions: Array<BoxItemVersion>,\n};\n\nclass VersionsSidebarContainer extends React.Component<Props, State> {\n    static defaultProps = {\n        onVersionChange: noop,\n        onVersionDelete: noop,\n        onVersionDownload: noop,\n        onVersionPreview: noop,\n        onVersionPromote: noop,\n        onVersionRestore: noop,\n        parentName: '',\n    };\n\n    api: VersionsSidebarAPI;\n\n    props: Props;\n\n    state: State = {\n        isLoading: true,\n        isWatermarked: false,\n        versionCount: Infinity,\n        versionLimit: Infinity,\n        versions: [],\n    };\n\n    window: any = window;\n\n    componentDidMount() {\n        this.initialize();\n        this.fetchData();\n    }\n\n    componentDidUpdate({ fileId: prevFileId, versionId: prevVersionId }: Props) {\n        const { fileId, versionId } = this.props;\n\n        if (fileId !== prevFileId) {\n            this.refresh();\n        }\n\n        if (versionId !== prevVersionId) {\n            this.verifyVersion();\n        }\n    }\n\n    componentWillUnmount() {\n        // Reset the current version id since the wrapping route is no longer active\n        this.props.onVersionChange(null);\n    }\n\n    handleActionDelete = (versionId: string): Promise<void> => {\n        this.setState({ isLoading: true });\n\n        return this.api\n            .deleteVersion(this.findVersion(versionId))\n            .then(() => this.api.fetchVersion(versionId))\n            .then(this.handleDeleteSuccess)\n            .then(() => this.props.onVersionDelete(versionId))\n            .catch(() => this.handleActionError(messages.versionActionDeleteError));\n    };\n\n    handleActionDownload = (versionId: string): Promise<void> => {\n        return this.api\n            .fetchDownloadUrl(this.findVersion(versionId))\n            .then(openUrlInsideIframe)\n            .then(() => this.props.onVersionDownload(versionId))\n            .catch(() => this.handleActionError(messages.versionActionDownloadError));\n    };\n\n    handleActionPreview = (versionId: string): void => {\n        this.updateVersion(versionId);\n        this.props.onVersionPreview(versionId);\n    };\n\n    handleActionPromote = (versionId: string): Promise<void> => {\n        this.setState({ isLoading: true });\n\n        return this.api\n            .promoteVersion(this.findVersion(versionId))\n            .then(this.api.fetchData)\n            .then(this.handleFetchSuccess)\n            .then(this.handlePromoteSuccess)\n            .then(() => this.props.onVersionPromote(versionId))\n            .catch(() => this.handleActionError(messages.versionActionPromoteError));\n    };\n\n    handleActionRestore = (versionId: string): Promise<void> => {\n        this.setState({ isLoading: true });\n\n        return this.api\n            .restoreVersion(this.findVersion(versionId))\n            .then(() => this.api.fetchVersion(versionId))\n            .then(this.handleRestoreSuccess)\n            .then(() => this.props.onVersionRestore(versionId))\n            .catch(() => this.handleActionError(messages.versionActionRestoreError));\n    };\n\n    handleActionError = (message: MessageDescriptor): void => {\n        this.setState({\n            error: message,\n            isLoading: false,\n        });\n    };\n\n    handleDeleteSuccess = (data: BoxItemVersion): void => {\n        const { versionId: selectedVersionId } = this.props;\n        const { id: versionId } = data;\n\n        this.mergeResponse(data);\n\n        // Bump the user to the current version if they deleted their selected version\n        if (versionId === selectedVersionId) {\n            this.updateVersionToCurrent();\n        }\n    };\n\n    handleRestoreSuccess = (data: BoxItemVersion): void => {\n        this.mergeResponse(data);\n    };\n\n    handleFetchError = (): void => {\n        this.setState({\n            error: messages.versionFetchError,\n            isLoading: false,\n            isWatermarked: false,\n            versionCount: 0,\n            versions: [],\n        });\n    };\n\n    handleFetchSuccess = ([fileResponse, versionsResponse]): [BoxItem, FileVersions] => {\n        const { api } = this.props;\n        const { version_limit } = fileResponse;\n        const isWatermarked = getProp(fileResponse, 'watermark_info.is_watermarked', false);\n        const versionLimit = version_limit !== null && version_limit !== undefined ? version_limit : Infinity;\n        const versionsWithPermissions = api.getVersionsAPI(false).addPermissions(versionsResponse, fileResponse) || {};\n        const { entries: versions, total_count: versionCount } = versionsWithPermissions;\n\n        this.setState(\n            {\n                error: undefined,\n                isLoading: false,\n                isWatermarked,\n                versionCount,\n                versionLimit,\n                versions: this.sortVersions(versions),\n            },\n            this.verifyVersion,\n        );\n\n        return [fileResponse, versionsResponse];\n    };\n\n    handlePromoteSuccess = ([file]: [BoxItem, FileVersions]): void => {\n        const { file_version: fileVersion } = file;\n\n        if (fileVersion) {\n            this.updateVersion(fileVersion.id);\n        }\n    };\n\n    initialize = (): void => {\n        this.api = new VersionsSidebarAPI(this.props);\n    };\n\n    fetchData = (): void => {\n        this.api\n            .fetchData()\n            .then(this.handleFetchSuccess)\n            .catch(this.handleFetchError);\n    };\n\n    findVersion = (versionId: ?string): ?BoxItemVersion => {\n        const { versions } = this.state;\n\n        return versions.find(version => version.id === versionId);\n    };\n\n    getCurrentVersionId = (): ?string => {\n        const { versions } = this.state;\n        return versions[0] ? versions[0].id : null;\n    };\n\n    mergeVersions = (newVersion: BoxItemVersion): Array<BoxItemVersion> => {\n        const { versions } = this.state;\n        const newVersionId = newVersion ? newVersion.id : '';\n        return versions.map(version => (version.id === newVersionId ? merge({ ...version }, newVersion) : version));\n    };\n\n    mergeResponse = (data: BoxItemVersion): void => {\n        const newVersions = this.mergeVersions(data);\n\n        this.setState({\n            error: undefined,\n            isLoading: false,\n            versions: newVersions,\n        });\n    };\n\n    refresh(): void {\n        this.initialize();\n        this.setState({ isLoading: true }, this.fetchData);\n    }\n\n    sortVersions(versions?: Array<BoxItemVersion> = []): Array<BoxItemVersion> {\n        return [...versions].sort((a, b) => Date.parse(b.created_at) - Date.parse(a.created_at));\n    }\n\n    updateVersion = (versionId?: ?string): void => {\n        const { history, match } = this.props;\n        return history.push(generatePath(match.path, { ...match.params, versionId }));\n    };\n\n    updateVersionToCurrent = (): void => {\n        this.updateVersion(this.getCurrentVersionId());\n    };\n\n    verifyVersion = () => {\n        const { onVersionChange, versionId } = this.props;\n        const selectedVersion = this.findVersion(versionId);\n\n        if (selectedVersion) {\n            onVersionChange(selectedVersion, {\n                currentVersionId: this.getCurrentVersionId(),\n                updateVersionToCurrent: this.updateVersionToCurrent,\n            });\n        } else {\n            this.updateVersionToCurrent();\n        }\n    };\n\n    render() {\n        const { fileId, parentName } = this.props;\n\n        return (\n            <VersionsSidebar\n                fileId={fileId}\n                onDelete={this.handleActionDelete}\n                onDownload={this.handleActionDownload}\n                onPreview={this.handleActionPreview}\n                onPromote={this.handleActionPromote}\n                onRestore={this.handleActionRestore}\n                parentName={parentName}\n                {...this.state}\n            />\n        );\n    }\n}\n\nexport type VersionsSidebarProps = Props;\nexport default flow([withRouter, withAPIContext])(VersionsSidebarContainer);\n"],"file":"VersionsSidebarContainer.js"}
+{"version":3,"sources":["../../../../src/elements/content-sidebar/versions/VersionsSidebarContainer.js"],"names":["React","flow","getProp","merge","noop","generatePath","withRouter","API","messages","openUrlInsideIframe","StaticVersionsSidebar","VersionsSidebar","VersionsSidebarAPI","withAPIContext","UPSELL_TYPE","STATIC_VERSION_HISTORY","STATIC_VERSION_HISTORY_WITH_PICTURE","ERROR_MESSAGE","VersionsSidebarContainer","isLoading","isWatermarked","versionCount","Infinity","versionLimit","versions","window","versionId","setState","api","deleteVersion","findVersion","then","fetchVersion","handleDeleteSuccess","props","onVersionDelete","catch","handleActionError","versionActionDeleteError","fetchDownloadUrl","onVersionDownload","versionActionDownloadError","updateVersion","onVersionPreview","promoteVersion","fetchData","handleFetchSuccess","handlePromoteSuccess","onVersionPromote","versionActionPromoteError","restoreVersion","handleRestoreSuccess","onVersionRestore","versionActionRestoreError","message","error","data","selectedVersionId","id","mergeResponse","updateVersionToCurrent","onUpgradeClick","shouldShowVersionErrorWithUpsell","status","versionNotAvailable","versionFetchError","errorTitle","versionAccessError","versionServerError","fileResponse","versionsResponse","version_limit","undefined","versionsWithPermissions","getVersionsAPI","addPermissions","entries","total_count","sortVersions","verifyVersion","file","fileVersion","file_version","handleFetchError","state","find","version","newVersion","newVersionId","map","newVersions","mergeVersions","history","match","push","path","params","getCurrentVersionId","onVersionChange","selectedVersion","currentVersionId","onLoad","versionUpsellExperience","initialize","component","feature","prevFileId","fileId","prevVersionId","refresh","sort","a","b","Date","parse","created_at","parentName","handleActionDelete","handleActionDownload","handleActionPreview","handleActionPromote","handleActionRestore","Component"],"mappings":"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","sourcesContent":["/**\n * @flow\n * @file Versions Sidebar container\n * @author Box\n */\n\nimport React from 'react';\nimport flow from 'lodash/flow';\nimport getProp from 'lodash/get';\nimport merge from 'lodash/merge';\nimport noop from 'lodash/noop';\nimport { generatePath, withRouter } from 'react-router-dom';\nimport type { Match, RouterHistory } from 'react-router-dom';\nimport type { MessageDescriptor } from 'react-intl';\nimport API from '../../../api';\nimport messages from './messages';\nimport openUrlInsideIframe from '../../../utils/iframe';\nimport StaticVersionsSidebar from './StaticVersionSidebar';\nimport VersionsSidebar from './VersionsSidebar';\nimport VersionsSidebarAPI from './VersionsSidebarAPI';\nimport { withAPIContext } from '../../common/api-context';\nimport type { VersionActionCallback, VersionChangeCallback, SidebarLoadCallback } from './flowTypes';\nimport type { BoxItemVersion, BoxItem, FileVersions } from '../../../common/types/core';\n\ntype Props = {\n    api: API,\n    fileId: string,\n    hasSidebarInitialized?: boolean,\n    history: RouterHistory,\n    match: Match,\n    onLoad: SidebarLoadCallback,\n    onUpgradeClick?: () => void,\n    onVersionChange: VersionChangeCallback,\n    onVersionDelete: VersionActionCallback,\n    onVersionDownload: VersionActionCallback,\n    onVersionPreview: VersionActionCallback,\n    onVersionPromote: VersionActionCallback,\n    onVersionRestore: VersionActionCallback,\n    parentName: string,\n    versionId?: string,\n    versionUpsellExperience: ?string,\n};\n\nconst UPSELL_TYPE = {\n    STATIC_VERSION_HISTORY: 'STATIC_VERSION_HISTORY',\n    STATIC_VERSION_HISTORY_WITH_PICTURE: 'STATIC_VERSION_HISTORY_WITH_PICTURE',\n    ERROR_MESSAGE: 'ERROR_MESSAGE',\n};\n\ntype State = {\n    error?: MessageDescriptor,\n    errorTitle?: MessageDescriptor,\n    isLoading: boolean,\n    isWatermarked: boolean,\n    versionCount: number,\n    versionLimit: number,\n    versions: Array<BoxItemVersion>,\n};\n\nclass VersionsSidebarContainer extends React.Component<Props, State> {\n    static defaultProps = {\n        onLoad: noop,\n        onVersionChange: noop,\n        onVersionDelete: noop,\n        onVersionDownload: noop,\n        onVersionPreview: noop,\n        onVersionPromote: noop,\n        onVersionRestore: noop,\n        parentName: '',\n    };\n\n    api: VersionsSidebarAPI;\n\n    props: Props;\n\n    state: State = {\n        isLoading: true,\n        isWatermarked: false,\n        versionCount: Infinity,\n        versionLimit: Infinity,\n        versions: [],\n    };\n\n    window: any = window;\n\n    componentDidMount() {\n        const { onLoad, versionUpsellExperience } = this.props;\n        this.initialize();\n        this.fetchData().then(() => {\n            onLoad({ component: 'preview', feature: 'versions', versionUpsellExperience });\n        });\n    }\n\n    componentDidUpdate({ fileId: prevFileId, versionId: prevVersionId }: Props) {\n        const { fileId, versionId } = this.props;\n\n        if (fileId !== prevFileId) {\n            this.refresh();\n        }\n\n        if (versionId !== prevVersionId) {\n            this.verifyVersion();\n        }\n    }\n\n    componentWillUnmount() {\n        // Reset the current version id since the wrapping route is no longer active\n        this.props.onVersionChange(null);\n    }\n\n    handleActionDelete = (versionId: string): Promise<void> => {\n        this.setState({ isLoading: true });\n\n        return this.api\n            .deleteVersion(this.findVersion(versionId))\n            .then(() => this.api.fetchVersion(versionId))\n            .then(this.handleDeleteSuccess)\n            .then(() => this.props.onVersionDelete(versionId))\n            .catch(() => this.handleActionError(messages.versionActionDeleteError));\n    };\n\n    handleActionDownload = (versionId: string): Promise<void> => {\n        return this.api\n            .fetchDownloadUrl(this.findVersion(versionId))\n            .then(openUrlInsideIframe)\n            .then(() => this.props.onVersionDownload(versionId))\n            .catch(() => this.handleActionError(messages.versionActionDownloadError));\n    };\n\n    handleActionPreview = (versionId: string): void => {\n        this.updateVersion(versionId);\n        this.props.onVersionPreview(versionId);\n    };\n\n    handleActionPromote = (versionId: string): Promise<void> => {\n        this.setState({ isLoading: true });\n\n        return this.api\n            .promoteVersion(this.findVersion(versionId))\n            .then(this.api.fetchData)\n            .then(this.handleFetchSuccess)\n            .then(this.handlePromoteSuccess)\n            .then(() => this.props.onVersionPromote(versionId))\n            .catch(() => this.handleActionError(messages.versionActionPromoteError));\n    };\n\n    handleActionRestore = (versionId: string): Promise<void> => {\n        this.setState({ isLoading: true });\n\n        return this.api\n            .restoreVersion(this.findVersion(versionId))\n            .then(() => this.api.fetchVersion(versionId))\n            .then(this.handleRestoreSuccess)\n            .then(() => this.props.onVersionRestore(versionId))\n            .catch(() => this.handleActionError(messages.versionActionRestoreError));\n    };\n\n    handleActionError = (message: MessageDescriptor): void => {\n        this.setState({\n            error: message,\n            isLoading: false,\n        });\n    };\n\n    handleDeleteSuccess = (data: BoxItemVersion): void => {\n        const { versionId: selectedVersionId } = this.props;\n        const { id: versionId } = data;\n\n        this.mergeResponse(data);\n\n        // Bump the user to the current version if they deleted their selected version\n        if (versionId === selectedVersionId) {\n            this.updateVersionToCurrent();\n        }\n    };\n\n    handleRestoreSuccess = (data: BoxItemVersion): void => {\n        this.mergeResponse(data);\n    };\n\n    handleFetchError = (error: Object): void => {\n        const { onUpgradeClick } = this.props;\n        const shouldShowVersionErrorWithUpsell = !!onUpgradeClick && error.status === 403;\n\n        this.setState({\n            error: shouldShowVersionErrorWithUpsell ? messages.versionNotAvailable : messages.versionFetchError,\n            errorTitle: shouldShowVersionErrorWithUpsell ? messages.versionAccessError : messages.versionServerError,\n            isLoading: false,\n            isWatermarked: false,\n            versionCount: 0,\n            versions: [],\n        });\n    };\n\n    handleFetchSuccess = ([fileResponse, versionsResponse]): [BoxItem, FileVersions] => {\n        const { api } = this.props;\n        const { version_limit } = fileResponse;\n        const isWatermarked = getProp(fileResponse, 'watermark_info.is_watermarked', false);\n        const versionLimit = version_limit !== null && version_limit !== undefined ? version_limit : Infinity;\n        const versionsWithPermissions = api.getVersionsAPI(false).addPermissions(versionsResponse, fileResponse) || {};\n        const { entries: versions, total_count: versionCount } = versionsWithPermissions;\n\n        this.setState(\n            {\n                error: undefined,\n                isLoading: false,\n                isWatermarked,\n                versionCount,\n                versionLimit,\n                versions: this.sortVersions(versions),\n            },\n            this.verifyVersion,\n        );\n\n        return [fileResponse, versionsResponse];\n    };\n\n    handlePromoteSuccess = ([file]: [BoxItem, FileVersions]): void => {\n        const { file_version: fileVersion } = file;\n\n        if (fileVersion) {\n            this.updateVersion(fileVersion.id);\n        }\n    };\n\n    initialize = (): void => {\n        this.api = new VersionsSidebarAPI(this.props);\n    };\n\n    fetchData = (): Promise<?[BoxItem, FileVersions]> => {\n        return this.api\n            .fetchData()\n            .then(this.handleFetchSuccess)\n            .catch(this.handleFetchError);\n    };\n\n    findVersion = (versionId: ?string): ?BoxItemVersion => {\n        const { versions } = this.state;\n\n        return versions.find(version => version.id === versionId);\n    };\n\n    getCurrentVersionId = (): ?string => {\n        const { versions } = this.state;\n        return versions[0] ? versions[0].id : null;\n    };\n\n    mergeVersions = (newVersion: BoxItemVersion): Array<BoxItemVersion> => {\n        const { versions } = this.state;\n        const newVersionId = newVersion ? newVersion.id : '';\n        return versions.map(version => (version.id === newVersionId ? merge({ ...version }, newVersion) : version));\n    };\n\n    mergeResponse = (data: BoxItemVersion): void => {\n        const newVersions = this.mergeVersions(data);\n\n        this.setState({\n            error: undefined,\n            isLoading: false,\n            versions: newVersions,\n        });\n    };\n\n    refresh(): void {\n        this.initialize();\n        this.setState({ isLoading: true }, this.fetchData);\n    }\n\n    sortVersions(versions?: Array<BoxItemVersion> = []): Array<BoxItemVersion> {\n        return [...versions].sort((a, b) => Date.parse(b.created_at) - Date.parse(a.created_at));\n    }\n\n    updateVersion = (versionId?: ?string): void => {\n        const { history, match } = this.props;\n        return history.push(generatePath(match.path, { ...match.params, versionId }));\n    };\n\n    updateVersionToCurrent = (): void => {\n        this.updateVersion(this.getCurrentVersionId());\n    };\n\n    verifyVersion = () => {\n        const { onVersionChange, versionId } = this.props;\n        const selectedVersion = this.findVersion(versionId);\n\n        if (selectedVersion) {\n            onVersionChange(selectedVersion, {\n                currentVersionId: this.getCurrentVersionId(),\n                updateVersionToCurrent: this.updateVersionToCurrent,\n            });\n        } else {\n            this.updateVersionToCurrent();\n        }\n    };\n\n    render() {\n        const { fileId, parentName, onUpgradeClick, versionUpsellExperience } = this.props;\n\n        if (\n            onUpgradeClick &&\n            (versionUpsellExperience === UPSELL_TYPE.STATIC_VERSION_HISTORY ||\n                versionUpsellExperience === UPSELL_TYPE.STATIC_VERSION_HISTORY_WITH_PICTURE)\n        ) {\n            return (\n                <StaticVersionsSidebar\n                    onUpgradeClick={onUpgradeClick}\n                    parentName={parentName}\n                    showUpsellWithPicture={versionUpsellExperience === UPSELL_TYPE.STATIC_VERSION_HISTORY_WITH_PICTURE}\n                    {...this.state}\n                />\n            );\n        }\n\n        return (\n            <VersionsSidebar\n                fileId={fileId}\n                onDelete={this.handleActionDelete}\n                onDownload={this.handleActionDownload}\n                onPreview={this.handleActionPreview}\n                onPromote={this.handleActionPromote}\n                onRestore={this.handleActionRestore}\n                onUpgradeClick={onUpgradeClick}\n                parentName={parentName}\n                {...this.state}\n            />\n        );\n    }\n}\n\nexport type VersionsSidebarProps = Props;\nexport default flow([withRouter, withAPIContext])(VersionsSidebarContainer);\n"],"file":"VersionsSidebarContainer.js"}

package/es/elements/content-sidebar/versions/flowTypes.js.flow

@@ -4,3 +4,4 @@ import type { BoxItemVersion } from '../../../common/types/core';
 
 export type VersionActionCallback = (versionId: string) => void;
 export type VersionChangeCallback = (version: ?BoxItemVersion, additionalVersionInfo: ?AdditionalVersionInfo) => void;
+export type SidebarLoadCallback = (data: Object) => void;

package/es/elements/content-sidebar/versions/messages.js

@@ -84,6 +84,10 @@ var messages = defineMessages({
     "id": "be.sidebarVersions.fetchError",
     "defaultMessage": "File versions could not be retrieved."
   },
+  versionNotAvailable: {
+    "id": "be.sidebarVersions.notAvailable",
+    "defaultMessage": "Sorry, version history is not available with your current account plan. To access versioning, select from one of our paid plans."
+  },
   versionLimitExceeded: {
     "id": "be.sidebarVersions.versionLimitExceeded",
     "defaultMessage": "You are limited to the last {versionLimit, number} {versionLimit, plural, one {version} other {versions}}."
@@ -108,6 +112,14 @@ var messages = defineMessages({
     "id": "be.sidebarVersions.serverError",
     "defaultMessage": "Server Error"
   },
+  versionAccessError: {
+    "id": "be.sidebarVersions.accessError",
+    "defaultMessage": "You don't have access to versioning"
+  },
+  versionUpgradeLink: {
+    "id": "be.sidebarVersions.upgradeLink",
+    "defaultMessage": "Upgrade Now"
+  },
   versionUploadedBy: {
     "id": "be.sidebarVersions.uploadedBy",
     "defaultMessage": "Uploaded by {name}"
@@ -131,6 +143,14 @@ var messages = defineMessages({
   versionRetentionRemove: {
     "id": "be.sidebarVersions.versionRetentionRemove",
     "defaultMessage": "Retention policy expires on {time}."
+  },
+  versionUpsell: {
+    "id": "be.sidebarVersions.versionUpsell",
+    "defaultMessage": "Sorry, version history is not available with your current account plan. To access versioning, select from one of our paid plans."
+  },
+  upgradeButton: {
+    "id": "be.sidebarVersions.upgradeButton",
+    "defaultMessage": "Upgrade"
   }
 });
 export default messages;

package/es/elements/content-sidebar/versions/messages.js.flow

@@ -109,6 +109,13 @@ const messages = defineMessages({
         defaultMessage: 'File versions could not be retrieved.',
         description: 'Error message for the versions fetch call.',
     },
+    versionNotAvailable: {
+        id: 'be.sidebarVersions.notAvailable',
+        defaultMessage:
+            'Sorry, version history is not available with your current account plan. To access versioning, select from one of our paid plans.',
+        description:
+            'Error message with upsell for the versions fetch call for users who dont have the version feature.',
+    },
     versionLimitExceeded: {
         id: 'be.sidebarVersions.versionLimitExceeded',
         defaultMessage:
@@ -140,6 +147,16 @@ const messages = defineMessages({
         defaultMessage: 'Server Error',
         description: 'Heading for inline error messages displayed due to a remote server issue.',
     },
+    versionAccessError: {
+        id: 'be.sidebarVersions.accessError',
+        defaultMessage: "You don't have access to versioning",
+        description: 'Heading for inline error messages with upsell.',
+    },
+    versionUpgradeLink: {
+        id: 'be.sidebarVersions.upgradeLink',
+        defaultMessage: 'Upgrade Now',
+        description: 'Text on the upgrade button shown when user does not have access to Version History',
+    },
     versionUploadedBy: {
         id: 'be.sidebarVersions.uploadedBy',
         defaultMessage: 'Uploaded by {name}',
@@ -170,6 +187,17 @@ const messages = defineMessages({
         defaultMessage: 'Retention policy expires on {time}.',
         description: 'Message describing when the version retention policy will expire.',
     },
+    versionUpsell: {
+        defaultMessage:
+            'Sorry, version history is not available with your current account plan. To access versioning, select from one of our paid plans.',
+        description: 'Upgrade message shown when user does not have access to Version History',
+        id: 'be.sidebarVersions.versionUpsell',
+    },
+    upgradeButton: {
+        defaultMessage: 'Upgrade',
+        description: 'Text on the upgrade button shown when user does not have access to Version History',
+        id: 'be.sidebarVersions.upgradeButton',
+    },
 });
 
 export default messages;

package/es/elements/content-sidebar/versions/messages.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/content-sidebar/versions/messages.js"],"names":["defineMessages","messages","fileRequestDisplayName","versionsEmpty","versionsPriorWeek","versionsThisMonth","versionsToday","versionsYesterday","versionsTitle","versionCurrent","versionActionDelete","versionActionDeleteError","versionActionDisabledRetention","versionActionDownload","versionActionDownloadError","versionActionPreview","versionActionPromote","versionActionPromoteError","versionActionRestore","versionActionRestoreError","versionActionToggle","versionDeletedBy","versionFetchError","versionLimitExceeded","versionNumberBadge","versionNumberLabel","versionPromotedBy","versionRestoredBy","versionServerError","versionUploadedBy","versionUserUnknown","versionMaxEntries","versionRetentionDelete","versionRetentionIndefinite","versionRetentionRemove"],"mappings":"AAEA,SAASA,cAAT,QAA+B,YAA/B;AAEA,IAAMC,QAAQ,GAAGD,cAAc,CAAC;AAC5BE,EAAAA,sBAAsB;AAAA;AAAA;AAAA,GADM;AAO5BC,EAAAA,aAAa;AAAA;AAAA;AAAA,GAPe;AAY5BC,EAAAA,iBAAiB;AAAA;AAAA;AAAA,GAZW;AAiB5BC,EAAAA,iBAAiB;AAAA;AAAA;AAAA,GAjBW;AAsB5BC,EAAAA,aAAa;AAAA;AAAA;AAAA,GAtBe;AA2B5BC,EAAAA,iBAAiB;AAAA;AAAA;AAAA,GA3BW;AAgC5BC,EAAAA,aAAa;AAAA;AAAA;AAAA,GAhCe;AAqC5BC,EAAAA,cAAc;AAAA;AAAA;AAAA,GArCc;AA0C5BC,EAAAA,mBAAmB;AAAA;AAAA;AAAA,GA1CS;AA+C5BC,EAAAA,wBAAwB;AAAA;AAAA;AAAA,GA/CI;AAoD5BC,EAAAA,8BAA8B;AAAA;AAAA;AAAA,GApDF;AAyD5BC,EAAAA,qBAAqB;AAAA;AAAA;AAAA,GAzDO;AA8D5BC,EAAAA,0BAA0B;AAAA;AAAA;AAAA,GA9DE;AAmE5BC,EAAAA,oBAAoB;AAAA;AAAA;AAAA,GAnEQ;AAwE5BC,EAAAA,oBAAoB;AAAA;AAAA;AAAA,GAxEQ;AA6E5BC,EAAAA,yBAAyB;AAAA;AAAA;AAAA,GA7EG;AAkF5BC,EAAAA,oBAAoB;AAAA;AAAA;AAAA,GAlFQ;AAuF5BC,EAAAA,yBAAyB;AAAA;AAAA;AAAA,GAvFG;AA4F5BC,EAAAA,mBAAmB;AAAA;AAAA;AAAA,GA5FS;AAiG5BC,EAAAA,gBAAgB;AAAA;AAAA;AAAA,GAjGY;AAsG5BC,EAAAA,iBAAiB;AAAA;AAAA;AAAA,GAtGW;AA2G5BC,EAAAA,oBAAoB;AAAA;AAAA;AAAA,GA3GQ;AAiH5BC,EAAAA,kBAAkB;AAAA;AAAA;AAAA,GAjHU;AAsH5BC,EAAAA,kBAAkB;AAAA;AAAA;AAAA,GAtHU;AA2H5BC,EAAAA,iBAAiB;AAAA;AAAA;AAAA,GA3HW;AAgI5BC,EAAAA,iBAAiB;AAAA;AAAA;AAAA,GAhIW;AAqI5BC,EAAAA,kBAAkB;AAAA;AAAA;AAAA,GArIU;AA0I5BC,EAAAA,iBAAiB;AAAA;AAAA;AAAA,GA1IW;AA+I5BC,EAAAA,kBAAkB;AAAA;AAAA;AAAA,GA/IU;AAoJ5BC,EAAAA,iBAAiB;AAAA;AAAA;AAAA,GApJW;AAyJ5BC,EAAAA,sBAAsB;AAAA;AAAA;AAAA,GAzJM;AA8J5BC,EAAAA,0BAA0B;AAAA;AAAA;AAAA,GA9JE;AAmK5BC,EAAAA,sBAAsB;AAAA;AAAA;AAAA;AAnKM,CAAD,CAA/B;AA0KA,eAAejC,QAAf","sourcesContent":["// @flow strict\n\nimport { defineMessages } from 'react-intl';\n\nconst messages = defineMessages({\n    fileRequestDisplayName: {\n        defaultMessage: 'File Request',\n        description:\n            'name of the File Request feature used to translate when a File Request is uploaded by the service',\n        id: 'be.sidebarVersions.fileRequestDisplayName',\n    },\n    versionsEmpty: {\n        id: 'be.sidebarVersions.empty',\n        description: 'Message to display when no versions are available',\n        defaultMessage: 'No prior versions are available for this file.',\n    },\n    versionsPriorWeek: {\n        id: 'be.sidebarVersions.priorWeek',\n        description: 'Header to display for group of versions created in the prior week',\n        defaultMessage: 'Last Week',\n    },\n    versionsThisMonth: {\n        id: 'be.sidebarVersions.thisMonth',\n        description: 'Header to display for group of versions created in the current month',\n        defaultMessage: 'This Month',\n    },\n    versionsToday: {\n        id: 'be.sidebarVersions.today',\n        description: 'Header to display for group of versions created yesterday',\n        defaultMessage: 'Today',\n    },\n    versionsYesterday: {\n        id: 'be.sidebarVersions.yesterday',\n        description: 'Header to display for group of versions created today',\n        defaultMessage: 'Yesterday',\n    },\n    versionsTitle: {\n        id: 'be.sidebarVersions.title',\n        description: 'Title for the preview versions sidebar',\n        defaultMessage: 'Version History',\n    },\n    versionCurrent: {\n        id: 'be.sidebarVersions.current',\n        defaultMessage: 'Current Version',\n        description: 'Label for the current version item in the version history list.',\n    },\n    versionActionDelete: {\n        id: 'be.sidebarVersions.delete',\n        defaultMessage: 'Delete',\n        description: 'Label for the version delete action.',\n    },\n    versionActionDeleteError: {\n        id: 'be.sidebarVersions.deleteError',\n        defaultMessage: 'File version could not be deleted.',\n        description: 'Error message for the version delete action.',\n    },\n    versionActionDisabledRetention: {\n        id: 'be.sidebarVersions.disabledByRetention',\n        defaultMessage: 'Disabled by retention policy',\n        description: 'Tooltip message for actions disabled by retention policy.',\n    },\n    versionActionDownload: {\n        id: 'be.sidebarVersions.download',\n        defaultMessage: 'Download',\n        description: 'Label for the version download action.',\n    },\n    versionActionDownloadError: {\n        id: 'be.sidebarVersions.downloadError',\n        defaultMessage: 'File version could not be downloaded.',\n        description: 'Error message for the version download action.',\n    },\n    versionActionPreview: {\n        id: 'be.sidebarVersions.preview',\n        defaultMessage: 'Preview',\n        description: 'Label for the version preview action.',\n    },\n    versionActionPromote: {\n        id: 'be.sidebarVersions.promote',\n        defaultMessage: 'Make Current',\n        description: 'Label for the version promote action.',\n    },\n    versionActionPromoteError: {\n        id: 'be.sidebarVersions.promoteError',\n        defaultMessage: 'File version could not be made current.',\n        description: 'Error message for the version promote action.',\n    },\n    versionActionRestore: {\n        id: 'be.sidebarVersions.restore',\n        defaultMessage: 'Restore',\n        description: 'Label for the version restore action.',\n    },\n    versionActionRestoreError: {\n        id: 'be.sidebarVersions.restoreError',\n        defaultMessage: 'File version could not be restored.',\n        description: 'Error message for the version restored action.',\n    },\n    versionActionToggle: {\n        id: 'be.sidebarVersions.toggle',\n        defaultMessage: 'Toggle Actions Menu',\n        description: 'Label for the version actions dropdown menu toggle button.',\n    },\n    versionDeletedBy: {\n        id: 'be.sidebarVersions.deletedBy',\n        defaultMessage: 'Deleted by {name}',\n        description: 'Message displayed for a deleted version. {name} is the user who performed the action.',\n    },\n    versionFetchError: {\n        id: 'be.sidebarVersions.fetchError',\n        defaultMessage: 'File versions could not be retrieved.',\n        description: 'Error message for the versions fetch call.',\n    },\n    versionLimitExceeded: {\n        id: 'be.sidebarVersions.versionLimitExceeded',\n        defaultMessage:\n            'You are limited to the last {versionLimit, number} {versionLimit, plural, one {version} other {versions}}.',\n        description: \"Text displayed if a version exceeds the user's maximum allowed version count\",\n    },\n    versionNumberBadge: {\n        id: 'be.sidebarVersions.versionNumberBadge',\n        defaultMessage: 'V{versionNumber}',\n        description: 'Text to display in the version badge.',\n    },\n    versionNumberLabel: {\n        id: 'be.sidebarVersions.versionNumberLabel',\n        defaultMessage: 'Version number {versionNumber}',\n        description: 'Label given to the version badge for screen readers.',\n    },\n    versionPromotedBy: {\n        id: 'be.sidebarVersions.promotedBy',\n        defaultMessage: 'Promoted from v{versionPromoted} by {name}',\n        description: 'Message displayed for a restored version. {name} is the user who performed the action.',\n    },\n    versionRestoredBy: {\n        id: 'be.sidebarVersions.restoredBy',\n        defaultMessage: 'Restored by {name}',\n        description: 'Message displayed for a restored version. {name} is the user who performed the action.',\n    },\n    versionServerError: {\n        id: 'be.sidebarVersions.serverError',\n        defaultMessage: 'Server Error',\n        description: 'Heading for inline error messages displayed due to a remote server issue.',\n    },\n    versionUploadedBy: {\n        id: 'be.sidebarVersions.uploadedBy',\n        defaultMessage: 'Uploaded by {name}',\n        description: 'Message displayed for an uploaded version. {name} is the user who performed the action.',\n    },\n    versionUserUnknown: {\n        id: 'be.sidebarVersions.versionUserUnknown',\n        defaultMessage: 'Unknown',\n        description: 'Name displayed for unknown or deleted users.',\n    },\n    versionMaxEntries: {\n        id: 'be.sidebarVersions.versionMaxEntries',\n        defaultMessage: 'Version history is limited to the last {maxVersions} entries.',\n        description: 'Max supported entries for version history',\n    },\n    versionRetentionDelete: {\n        id: 'be.sidebarVersions.versionRetentionDelete',\n        defaultMessage: 'Will be deleted {time} by retention policy.',\n        description: 'Message describing when the version will be deleted due to an applied retention policy.',\n    },\n    versionRetentionIndefinite: {\n        id: 'be.sidebarVersions.versionRetentionIndefinite',\n        defaultMessage: 'Retained indefinitely by retention policy.',\n        description: 'Message describing that the version retention policy is indefinite and will not expire.',\n    },\n    versionRetentionRemove: {\n        id: 'be.sidebarVersions.versionRetentionRemove',\n        defaultMessage: 'Retention policy expires on {time}.',\n        description: 'Message describing when the version retention policy will expire.',\n    },\n});\n\nexport default messages;\n"],"file":"messages.js"}
+{"version":3,"sources":["../../../../src/elements/content-sidebar/versions/messages.js"],"names":["defineMessages","messages","fileRequestDisplayName","versionsEmpty","versionsPriorWeek","versionsThisMonth","versionsToday","versionsYesterday","versionsTitle","versionCurrent","versionActionDelete","versionActionDeleteError","versionActionDisabledRetention","versionActionDownload","versionActionDownloadError","versionActionPreview","versionActionPromote","versionActionPromoteError","versionActionRestore","versionActionRestoreError","versionActionToggle","versionDeletedBy","versionFetchError","versionNotAvailable","versionLimitExceeded","versionNumberBadge","versionNumberLabel","versionPromotedBy","versionRestoredBy","versionServerError","versionAccessError","versionUpgradeLink","versionUploadedBy","versionUserUnknown","versionMaxEntries","versionRetentionDelete","versionRetentionIndefinite","versionRetentionRemove","versionUpsell","upgradeButton"],"mappings":"AAEA,SAASA,cAAT,QAA+B,YAA/B;AAEA,IAAMC,QAAQ,GAAGD,cAAc,CAAC;AAC5BE,EAAAA,sBAAsB;AAAA;AAAA;AAAA,GADM;AAO5BC,EAAAA,aAAa;AAAA;AAAA;AAAA,GAPe;AAY5BC,EAAAA,iBAAiB;AAAA;AAAA;AAAA,GAZW;AAiB5BC,EAAAA,iBAAiB;AAAA;AAAA;AAAA,GAjBW;AAsB5BC,EAAAA,aAAa;AAAA;AAAA;AAAA,GAtBe;AA2B5BC,EAAAA,iBAAiB;AAAA;AAAA;AAAA,GA3BW;AAgC5BC,EAAAA,aAAa;AAAA;AAAA;AAAA,GAhCe;AAqC5BC,EAAAA,cAAc;AAAA;AAAA;AAAA,GArCc;AA0C5BC,EAAAA,mBAAmB;AAAA;AAAA;AAAA,GA1CS;AA+C5BC,EAAAA,wBAAwB;AAAA;AAAA;AAAA,GA/CI;AAoD5BC,EAAAA,8BAA8B;AAAA;AAAA;AAAA,GApDF;AAyD5BC,EAAAA,qBAAqB;AAAA;AAAA;AAAA,GAzDO;AA8D5BC,EAAAA,0BAA0B;AAAA;AAAA;AAAA,GA9DE;AAmE5BC,EAAAA,oBAAoB;AAAA;AAAA;AAAA,GAnEQ;AAwE5BC,EAAAA,oBAAoB;AAAA;AAAA;AAAA,GAxEQ;AA6E5BC,EAAAA,yBAAyB;AAAA;AAAA;AAAA,GA7EG;AAkF5BC,EAAAA,oBAAoB;AAAA;AAAA;AAAA,GAlFQ;AAuF5BC,EAAAA,yBAAyB;AAAA;AAAA;AAAA,GAvFG;AA4F5BC,EAAAA,mBAAmB;AAAA;AAAA;AAAA,GA5FS;AAiG5BC,EAAAA,gBAAgB;AAAA;AAAA;AAAA,GAjGY;AAsG5BC,EAAAA,iBAAiB;AAAA;AAAA;AAAA,GAtGW;AA2G5BC,EAAAA,mBAAmB;AAAA;AAAA;AAAA,GA3GS;AAkH5BC,EAAAA,oBAAoB;AAAA;AAAA;AAAA,GAlHQ;AAwH5BC,EAAAA,kBAAkB;AAAA;AAAA;AAAA,GAxHU;AA6H5BC,EAAAA,kBAAkB;AAAA;AAAA;AAAA,GA7HU;AAkI5BC,EAAAA,iBAAiB;AAAA;AAAA;AAAA,GAlIW;AAuI5BC,EAAAA,iBAAiB;AAAA;AAAA;AAAA,GAvIW;AA4I5BC,EAAAA,kBAAkB;AAAA;AAAA;AAAA,GA5IU;AAiJ5BC,EAAAA,kBAAkB;AAAA;AAAA;AAAA,GAjJU;AAsJ5BC,EAAAA,kBAAkB;AAAA;AAAA;AAAA,GAtJU;AA2J5BC,EAAAA,iBAAiB;AAAA;AAAA;AAAA,GA3JW;AAgK5BC,EAAAA,kBAAkB;AAAA;AAAA;AAAA,GAhKU;AAqK5BC,EAAAA,iBAAiB;AAAA;AAAA;AAAA,GArKW;AA0K5BC,EAAAA,sBAAsB;AAAA;AAAA;AAAA,GA1KM;AA+K5BC,EAAAA,0BAA0B;AAAA;AAAA;AAAA,GA/KE;AAoL5BC,EAAAA,sBAAsB;AAAA;AAAA;AAAA,GApLM;AAyL5BC,EAAAA,aAAa;AAAA;AAAA;AAAA,GAzLe;AA+L5BC,EAAAA,aAAa;AAAA;AAAA;AAAA;AA/Le,CAAD,CAA/B;AAsMA,eAAetC,QAAf","sourcesContent":["// @flow strict\n\nimport { defineMessages } from 'react-intl';\n\nconst messages = defineMessages({\n    fileRequestDisplayName: {\n        defaultMessage: 'File Request',\n        description:\n            'name of the File Request feature used to translate when a File Request is uploaded by the service',\n        id: 'be.sidebarVersions.fileRequestDisplayName',\n    },\n    versionsEmpty: {\n        id: 'be.sidebarVersions.empty',\n        description: 'Message to display when no versions are available',\n        defaultMessage: 'No prior versions are available for this file.',\n    },\n    versionsPriorWeek: {\n        id: 'be.sidebarVersions.priorWeek',\n        description: 'Header to display for group of versions created in the prior week',\n        defaultMessage: 'Last Week',\n    },\n    versionsThisMonth: {\n        id: 'be.sidebarVersions.thisMonth',\n        description: 'Header to display for group of versions created in the current month',\n        defaultMessage: 'This Month',\n    },\n    versionsToday: {\n        id: 'be.sidebarVersions.today',\n        description: 'Header to display for group of versions created yesterday',\n        defaultMessage: 'Today',\n    },\n    versionsYesterday: {\n        id: 'be.sidebarVersions.yesterday',\n        description: 'Header to display for group of versions created today',\n        defaultMessage: 'Yesterday',\n    },\n    versionsTitle: {\n        id: 'be.sidebarVersions.title',\n        description: 'Title for the preview versions sidebar',\n        defaultMessage: 'Version History',\n    },\n    versionCurrent: {\n        id: 'be.sidebarVersions.current',\n        defaultMessage: 'Current Version',\n        description: 'Label for the current version item in the version history list.',\n    },\n    versionActionDelete: {\n        id: 'be.sidebarVersions.delete',\n        defaultMessage: 'Delete',\n        description: 'Label for the version delete action.',\n    },\n    versionActionDeleteError: {\n        id: 'be.sidebarVersions.deleteError',\n        defaultMessage: 'File version could not be deleted.',\n        description: 'Error message for the version delete action.',\n    },\n    versionActionDisabledRetention: {\n        id: 'be.sidebarVersions.disabledByRetention',\n        defaultMessage: 'Disabled by retention policy',\n        description: 'Tooltip message for actions disabled by retention policy.',\n    },\n    versionActionDownload: {\n        id: 'be.sidebarVersions.download',\n        defaultMessage: 'Download',\n        description: 'Label for the version download action.',\n    },\n    versionActionDownloadError: {\n        id: 'be.sidebarVersions.downloadError',\n        defaultMessage: 'File version could not be downloaded.',\n        description: 'Error message for the version download action.',\n    },\n    versionActionPreview: {\n        id: 'be.sidebarVersions.preview',\n        defaultMessage: 'Preview',\n        description: 'Label for the version preview action.',\n    },\n    versionActionPromote: {\n        id: 'be.sidebarVersions.promote',\n        defaultMessage: 'Make Current',\n        description: 'Label for the version promote action.',\n    },\n    versionActionPromoteError: {\n        id: 'be.sidebarVersions.promoteError',\n        defaultMessage: 'File version could not be made current.',\n        description: 'Error message for the version promote action.',\n    },\n    versionActionRestore: {\n        id: 'be.sidebarVersions.restore',\n        defaultMessage: 'Restore',\n        description: 'Label for the version restore action.',\n    },\n    versionActionRestoreError: {\n        id: 'be.sidebarVersions.restoreError',\n        defaultMessage: 'File version could not be restored.',\n        description: 'Error message for the version restored action.',\n    },\n    versionActionToggle: {\n        id: 'be.sidebarVersions.toggle',\n        defaultMessage: 'Toggle Actions Menu',\n        description: 'Label for the version actions dropdown menu toggle button.',\n    },\n    versionDeletedBy: {\n        id: 'be.sidebarVersions.deletedBy',\n        defaultMessage: 'Deleted by {name}',\n        description: 'Message displayed for a deleted version. {name} is the user who performed the action.',\n    },\n    versionFetchError: {\n        id: 'be.sidebarVersions.fetchError',\n        defaultMessage: 'File versions could not be retrieved.',\n        description: 'Error message for the versions fetch call.',\n    },\n    versionNotAvailable: {\n        id: 'be.sidebarVersions.notAvailable',\n        defaultMessage:\n            'Sorry, version history is not available with your current account plan. To access versioning, select from one of our paid plans.',\n        description:\n            'Error message with upsell for the versions fetch call for users who dont have the version feature.',\n    },\n    versionLimitExceeded: {\n        id: 'be.sidebarVersions.versionLimitExceeded',\n        defaultMessage:\n            'You are limited to the last {versionLimit, number} {versionLimit, plural, one {version} other {versions}}.',\n        description: \"Text displayed if a version exceeds the user's maximum allowed version count\",\n    },\n    versionNumberBadge: {\n        id: 'be.sidebarVersions.versionNumberBadge',\n        defaultMessage: 'V{versionNumber}',\n        description: 'Text to display in the version badge.',\n    },\n    versionNumberLabel: {\n        id: 'be.sidebarVersions.versionNumberLabel',\n        defaultMessage: 'Version number {versionNumber}',\n        description: 'Label given to the version badge for screen readers.',\n    },\n    versionPromotedBy: {\n        id: 'be.sidebarVersions.promotedBy',\n        defaultMessage: 'Promoted from v{versionPromoted} by {name}',\n        description: 'Message displayed for a restored version. {name} is the user who performed the action.',\n    },\n    versionRestoredBy: {\n        id: 'be.sidebarVersions.restoredBy',\n        defaultMessage: 'Restored by {name}',\n        description: 'Message displayed for a restored version. {name} is the user who performed the action.',\n    },\n    versionServerError: {\n        id: 'be.sidebarVersions.serverError',\n        defaultMessage: 'Server Error',\n        description: 'Heading for inline error messages displayed due to a remote server issue.',\n    },\n    versionAccessError: {\n        id: 'be.sidebarVersions.accessError',\n        defaultMessage: \"You don't have access to versioning\",\n        description: 'Heading for inline error messages with upsell.',\n    },\n    versionUpgradeLink: {\n        id: 'be.sidebarVersions.upgradeLink',\n        defaultMessage: 'Upgrade Now',\n        description: 'Text on the upgrade button shown when user does not have access to Version History',\n    },\n    versionUploadedBy: {\n        id: 'be.sidebarVersions.uploadedBy',\n        defaultMessage: 'Uploaded by {name}',\n        description: 'Message displayed for an uploaded version. {name} is the user who performed the action.',\n    },\n    versionUserUnknown: {\n        id: 'be.sidebarVersions.versionUserUnknown',\n        defaultMessage: 'Unknown',\n        description: 'Name displayed for unknown or deleted users.',\n    },\n    versionMaxEntries: {\n        id: 'be.sidebarVersions.versionMaxEntries',\n        defaultMessage: 'Version history is limited to the last {maxVersions} entries.',\n        description: 'Max supported entries for version history',\n    },\n    versionRetentionDelete: {\n        id: 'be.sidebarVersions.versionRetentionDelete',\n        defaultMessage: 'Will be deleted {time} by retention policy.',\n        description: 'Message describing when the version will be deleted due to an applied retention policy.',\n    },\n    versionRetentionIndefinite: {\n        id: 'be.sidebarVersions.versionRetentionIndefinite',\n        defaultMessage: 'Retained indefinitely by retention policy.',\n        description: 'Message describing that the version retention policy is indefinite and will not expire.',\n    },\n    versionRetentionRemove: {\n        id: 'be.sidebarVersions.versionRetentionRemove',\n        defaultMessage: 'Retention policy expires on {time}.',\n        description: 'Message describing when the version retention policy will expire.',\n    },\n    versionUpsell: {\n        defaultMessage:\n            'Sorry, version history is not available with your current account plan. To access versioning, select from one of our paid plans.',\n        description: 'Upgrade message shown when user does not have access to Version History',\n        id: 'be.sidebarVersions.versionUpsell',\n    },\n    upgradeButton: {\n        defaultMessage: 'Upgrade',\n        description: 'Text on the upgrade button shown when user does not have access to Version History',\n        id: 'be.sidebarVersions.upgradeButton',\n    },\n});\n\nexport default messages;\n"],"file":"messages.js"}

package/es/features/classification/constants.js

@@ -9,7 +9,8 @@ var ACCESS_POLICY_RESTRICTION = {
   DOWNLOAD: 'download',
   EXTERNAL_COLLAB: 'externalCollab',
   APP: 'app',
-  FTP: 'ftp'
+  FTP: 'ftp',
+  WATERMARK: 'watermark'
 };
 var DOWNLOAD_CONTROL = {
   DESKTOP: 'desktop',

package/es/features/classification/constants.js.flow

@@ -17,12 +17,14 @@ const ACCESS_POLICY_RESTRICTION: {
     EXTERNAL_COLLAB: 'externalCollab',
     FTP: 'ftp',
     SHARED_LINK: 'sharedLink',
+    WATERMARK: 'watermark',
 } = {
     SHARED_LINK: 'sharedLink',
     DOWNLOAD: 'download',
     EXTERNAL_COLLAB: 'externalCollab',
     APP: 'app',
     FTP: 'ftp',
+    WATERMARK: 'watermark',
 };
 
 const DOWNLOAD_CONTROL: {