From a895c28c4c39ef5bfe4e9d22ad9f4319f62e18b9 Mon Sep 17 00:00:00 2001
From: jansenk <jkantor@edx.org>
Date: Tue, 14 Mar 2023 15:24:45 -0400
Subject: [PATCH] feat: hide checkbox when video share not enabled for course

---
 .../__snapshots__/index.test.jsx.snap         | 147 ++++++++++++++++++
 .../components/VideoSourceWidget/index.jsx    |  59 ++++---
 .../VideoSourceWidget/index.test.jsx          |  29 +++-
 src/editors/data/constants/requests.js        |   1 +
 src/editors/data/redux/requests/reducer.js    |   1 +
 .../data/redux/thunkActions/requests.js       |  12 ++
 .../data/redux/thunkActions/requests.test.js  |  16 ++
 src/editors/data/redux/thunkActions/video.js  |   5 +
 .../data/redux/thunkActions/video.test.js     |  23 ++-
 src/editors/data/redux/video/reducer.js       |   1 +
 src/editors/data/redux/video/selectors.js     |   1 +
 src/editors/data/services/cms/api.js          |   6 +
 src/editors/data/services/cms/api.test.js     |  10 ++
 src/editors/data/services/cms/mockApi.js      |   4 +
 src/editors/data/services/cms/urls.js         |   4 +
 src/editors/data/services/cms/urls.test.js    |   7 +
 16 files changed, 297 insertions(+), 29 deletions(-)

diff --git a/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/VideoSourceWidget/__snapshots__/index.test.jsx.snap b/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/VideoSourceWidget/__snapshots__/index.test.jsx.snap
index dd3b00c8b..3e636814e 100644
--- a/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/VideoSourceWidget/__snapshots__/index.test.jsx.snap
+++ b/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/VideoSourceWidget/__snapshots__/index.test.jsx.snap
@@ -122,6 +122,152 @@ exports[`VideoSourceWidget snapshots snapshots: renders as expected with default
         />
       </OverlayTrigger>
       <ActionRow.Spacer />
+    </ActionRow>
+  </Form.Group>
+  <div
+    className="my-4 border-primary-100 border-bottom"
+  />
+  <Button
+    className="text-primary-500 font-weight-bold pl-0"
+    onClick={[Function]}
+    size="sm"
+    variant="link"
+  >
+    <FormattedMessage
+      defaultMessage="Add a video URL"
+      description="Label for add a video URL button"
+      id="authoring.videoeditor.videoSource.fallbackVideo.addButtonLabel"
+    />
+  </Button>
+</injectIntl(ShimmedIntlComponent)>
+`;
+
+exports[`VideoSourceWidget snapshots snapshots: renders as expected with videoSharingEnabledForCourse=true 1`] = `
+<injectIntl(ShimmedIntlComponent)
+  fontSize="x-small"
+  title="Video source"
+>
+  <Form.Group>
+    <div
+      className="border-primary-100 border-bottom pb-4"
+    >
+      <Form.Control
+        floatingLabel="Video ID"
+        onBlur={[Function]}
+        onChange={[MockFunction]}
+        value=""
+      />
+      <Component
+        className="text-primary-300 mb-4"
+      >
+        <FormattedMessage
+          defaultMessage="If you were assigned a video ID by edX, enter the ID here."
+          description="Feedback for video ID field"
+          id="authoring.videoeditor.videoSource.videoId.feedback"
+        />
+      </Component>
+      <Form.Control
+        floatingLabel="Video URL"
+        onBlur={[Function]}
+        onChange={[MockFunction]}
+        value=""
+      />
+      <Component
+        className="text-primary-300"
+      >
+        <FormattedMessage
+          defaultMessage="The URL for your video. This can be a YouTube URL, or a link
+    to an .mp4, .ogg, or .webm video file hosted elsewhere on the internet."
+          description="Feedback for video URL field"
+          id="authoring.videoeditor.videoSource.videoUrl.feedback"
+        />
+      </Component>
+    </div>
+    <div
+      className="mt-4"
+    >
+      <FormattedMessage
+        defaultMessage="Fallback videos"
+        description="Title for the fallback videos section"
+        id="authoring.videoeditor.videoSource.fallbackVideo.title"
+      />
+    </div>
+    <div
+      className="mt-3"
+    >
+      <FormattedMessage
+        defaultMessage="To be sure all learners can access the video, edX
+    recommends providing additional videos in both .mp4 and
+    .webm formats.  The first listed video compatible with the
+    learner's device will play."
+        description="Test explaining reason for fallback videos"
+        id="authoring.videoeditor.videoSource.fallbackVideo.message"
+      />
+    </div>
+    <Form.Row
+      className="mt-3.5 mx-0 flex-nowrap"
+    >
+      <Form.Control
+        floatingLabel="Video URL"
+      />
+      <IconButtonWithTooltip
+        alt="Delete"
+        iconAs="Icon"
+        key="top-delete-somEUrL"
+        onClick={[Function]}
+        tooltipContent="Delete"
+        tooltipPlacement="top"
+      />
+    </Form.Row>
+    <ActionRow
+      className="mt-4.5"
+    >
+      <Form.Checkbox
+        checked={false}
+        className="decorative-control-label"
+        onChange={[MockFunction]}
+      >
+        <div
+          className="small text-gray-700"
+        >
+          <FormattedMessage
+            defaultMessage="Allow video downloads"
+            description="Label for allow video downloads checkbox"
+            id="authoring.videoeditor.videoSource.allowDownloadCheckboxLabel"
+          />
+        </div>
+      </Form.Checkbox>
+      <OverlayTrigger
+        key="top"
+        overlay={
+          <Tooltip
+            id="tooltip-top"
+          >
+            <FormattedMessage
+              defaultMessage="Allow learners to download versions of this video in
+    different formats if they cannot use the edX video player or do not have
+    access to YouTube."
+              description="Message for allow video downloads checkbox"
+              id="authoring.videoeditor.videoSource.allowDownloadTooltipMessage"
+            />
+          </Tooltip>
+        }
+        placement="top"
+      >
+        <Icon
+          style={
+            Object {
+              "height": "16px",
+              "width": "16px",
+            }
+          }
+        />
+      </OverlayTrigger>
+      <ActionRow.Spacer />
+    </ActionRow>
+    <ActionRow
+      className="mt-4.5"
+    >
       <Form.Checkbox
         checked={false}
         className="decorative-control-label"
@@ -164,6 +310,7 @@ exports[`VideoSourceWidget snapshots snapshots: renders as expected with default
           }
         />
       </OverlayTrigger>
+      <ActionRow.Spacer />
     </ActionRow>
   </Form.Group>
   <div
diff --git a/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/VideoSourceWidget/index.jsx b/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/VideoSourceWidget/index.jsx
index ae2088aa5..6a88d459f 100644
--- a/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/VideoSourceWidget/index.jsx
+++ b/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/VideoSourceWidget/index.jsx
@@ -1,5 +1,6 @@
 import React from 'react';
-import { useDispatch } from 'react-redux';
+import { connect, useDispatch } from 'react-redux';
+import PropTypes from 'prop-types';
 
 import {
   Form,
@@ -21,6 +22,7 @@ import {
 import * as widgetHooks from '../hooks';
 import * as hooks from './hooks';
 import messages from './messages';
+import { selectors } from '../../../../../../data/redux';
 
 import CollapsibleFormWidget from '../CollapsibleFormWidget';
 
@@ -30,6 +32,8 @@ import CollapsibleFormWidget from '../CollapsibleFormWidget';
 export const VideoSourceWidget = ({
   // injected
   intl,
+  // redux
+  videoSharingEnabledForCourse,
 }) => {
   const dispatch = useDispatch();
   const {
@@ -127,27 +131,32 @@ export const VideoSourceWidget = ({
             <Icon src={InfoOutline} style={{ height: '16px', width: '16px' }} />
           </OverlayTrigger>
           <ActionRow.Spacer />
-          <Form.Checkbox
-            checked={allowSharing.local}
-            className="decorative-control-label"
-            onChange={allowSharing.onCheckedChange}
-          >
-            <div className="small text-gray-700">
-              <FormattedMessage {...messages.allowVideoSharingCheckboxLabel} />
-            </div>
-          </Form.Checkbox>
-          <OverlayTrigger
-            key="top-allow-sharing"
-            placement="top"
-            overlay={(
-              <Tooltip id="tooltip-top-allow-sharing">
-                <FormattedMessage {...messages.allowVideoSharingTooltipMessage} />
-              </Tooltip>
-            )}
-          >
-            <Icon src={InfoOutline} style={{ height: '16px', width: '16px' }} />
-          </OverlayTrigger>
         </ActionRow>
+        {videoSharingEnabledForCourse && (
+          <ActionRow className="mt-4.5">
+            <Form.Checkbox
+              checked={allowSharing.local}
+              className="decorative-control-label"
+              onChange={allowSharing.onCheckedChange}
+            >
+              <div className="small text-gray-700">
+                <FormattedMessage {...messages.allowVideoSharingCheckboxLabel} />
+              </div>
+            </Form.Checkbox>
+            <OverlayTrigger
+              key="top-allow-sharing"
+              placement="top"
+              overlay={(
+                <Tooltip id="tooltip-top-allow-sharing">
+                  <FormattedMessage {...messages.allowVideoSharingTooltipMessage} />
+                </Tooltip>
+              )}
+            >
+              <Icon src={InfoOutline} style={{ height: '16px', width: '16px' }} />
+            </OverlayTrigger>
+            <ActionRow.Spacer />
+          </ActionRow>
+        )}
       </Form.Group>
       <div className="my-4 border-primary-100 border-bottom" />
       <Button
@@ -165,6 +174,12 @@ export const VideoSourceWidget = ({
 VideoSourceWidget.propTypes = {
   // injected
   intl: intlShape.isRequired,
+  // redux
+  videoSharingEnabledForCourse: PropTypes.bool.isRequired,
 };
 
-export default injectIntl(VideoSourceWidget);
+export const mapStateToProps = (state) => ({
+  videoSharingEnabledForCourse: selectors.video.videoSharingEnabledForCourse(state),
+});
+
+export default injectIntl(connect(mapStateToProps, {})(VideoSourceWidget));
diff --git a/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/VideoSourceWidget/index.test.jsx b/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/VideoSourceWidget/index.test.jsx
index 24d39aba1..ac38ce3d9 100644
--- a/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/VideoSourceWidget/index.test.jsx
+++ b/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/VideoSourceWidget/index.test.jsx
@@ -42,17 +42,38 @@ jest.mock('./hooks', () => ({
   }),
 }));
 
+jest.mock('../../../../../../data/redux', () => ({
+  selectors: {
+    video: {
+      allow: jest.fn(state => ({ allowTranscriptImport: state })),
+    },
+    requests: {
+      isFailed: jest.fn(state => ({ isFailed: state })),
+    },
+  },
+}));
+
 describe('VideoSourceWidget', () => {
   const props = {
     // inject
     intl: { formatMessage },
+    // redux
+    videoSharingEnabledForCourse: false,
   };
 
   describe('snapshots', () => {
-    test('snapshots: renders as expected with default props', () => {
-      expect(
-        shallow(<VideoSourceWidget {...props} />),
-      ).toMatchSnapshot();
+    describe('snapshots: renders as expected with', () => {
+      it('default props', () => {
+        expect(
+          shallow(<VideoSourceWidget {...props} />),
+        ).toMatchSnapshot();
+      });
+      it('videoSharingEnabledForCourse=true', () => {
+        const newProps = { ...props, videoSharingEnabledForCourse: true };
+        expect(
+          shallow(<VideoSourceWidget {...newProps} />),
+        ).toMatchSnapshot();
+      });
     });
   });
 
diff --git a/src/editors/data/constants/requests.js b/src/editors/data/constants/requests.js
index d82fca90c..7487f806c 100644
--- a/src/editors/data/constants/requests.js
+++ b/src/editors/data/constants/requests.js
@@ -16,6 +16,7 @@ export const RequestKeys = StrictDict({
   saveBlock: 'saveBlock',
   uploadAsset: 'uploadAsset',
   allowThumbnailUpload: 'allowThumbnailUpload',
+  videoSharingEnabledForCourse: 'videoSharingEnabledForCourse',
   uploadThumbnail: 'uploadThumbnail',
   uploadTranscript: 'uploadTranscript',
   deleteTranscript: 'deleteTranscript',
diff --git a/src/editors/data/redux/requests/reducer.js b/src/editors/data/redux/requests/reducer.js
index 871139d13..53a8fecef 100644
--- a/src/editors/data/redux/requests/reducer.js
+++ b/src/editors/data/redux/requests/reducer.js
@@ -11,6 +11,7 @@ const initialState = {
   [RequestKeys.saveBlock]: { status: RequestStates.inactive },
   [RequestKeys.uploadAsset]: { status: RequestStates.inactive },
   [RequestKeys.allowThumbnailUpload]: { status: RequestStates.inactive },
+  [RequestKeys.videoSharingEnabledForCourse]: { status: RequestStates.inactive },
   [RequestKeys.uploadThumbnail]: { status: RequestStates.inactive },
   [RequestKeys.uploadTranscript]: { status: RequestStates.inactive },
   [RequestKeys.deleteTranscript]: { status: RequestStates.inactive },
diff --git a/src/editors/data/redux/thunkActions/requests.js b/src/editors/data/redux/thunkActions/requests.js
index 52572261f..bbb0000df 100644
--- a/src/editors/data/redux/thunkActions/requests.js
+++ b/src/editors/data/redux/thunkActions/requests.js
@@ -136,6 +136,17 @@ export const fetchAssets = ({ ...rest }) => (dispatch, getState) => {
   }));
 };
 
+export const videoSharingEnabledForCourse = ({ ...rest }) => (dispatch, getState) => {
+  dispatch(module.networkRequest({
+    requestKey: RequestKeys.videoSharingEnabledForCourse,
+    promise: api.videoSharingEnabledForCourse({
+      studioEndpointUrl: selectors.app.studioEndpointUrl(getState()),
+      learningContextId: selectors.app.learningContextId(getState()),
+    }),
+    ...rest,
+  }));
+};
+
 export const allowThumbnailUpload = ({ ...rest }) => (dispatch, getState) => {
   dispatch(module.networkRequest({
     requestKey: RequestKeys.allowThumbnailUpload,
@@ -279,6 +290,7 @@ export default StrictDict({
   saveBlock,
   fetchAssets,
   uploadAsset,
+  videoSharingEnabledForCourse,
   allowThumbnailUpload,
   uploadThumbnail,
   deleteTranscript,
diff --git a/src/editors/data/redux/thunkActions/requests.test.js b/src/editors/data/redux/thunkActions/requests.test.js
index 23127563f..a0d2e64dd 100644
--- a/src/editors/data/redux/thunkActions/requests.test.js
+++ b/src/editors/data/redux/thunkActions/requests.test.js
@@ -29,6 +29,7 @@ jest.mock('../../services/cms/api', () => ({
   fetchAssets: ({ id, url }) => ({ id, url }),
   uploadAsset: (args) => args,
   loadImages: jest.fn(),
+  videoSharingEnabledForCourse: (args) => args,
   allowThumbnailUpload: (args) => args,
   uploadThumbnail: (args) => args,
   uploadTranscript: (args) => args,
@@ -302,6 +303,21 @@ describe('requests thunkActions module', () => {
         },
       });
     });
+    describe('videoSharingEnabledForCourse', () => {
+      testNetworkRequestAction({
+        action: requests.videoSharingEnabledForCourse,
+        args: { ...fetchParams },
+        expectedString: 'with videoSharingEnabledForCourse promise',
+        expectedData: {
+          ...fetchParams,
+          requestKey: RequestKeys.videoSharingEnabledForCourse,
+          promise: api.videoSharingEnabledForCourse({
+            studioEndpointUrl: selectors.app.studioEndpointUrl(testState),
+            learningContextId: selectors.app.learningContextId(testState),
+          }),
+        },
+      });
+    });
     describe('allowThumbnailUpload', () => {
       testNetworkRequestAction({
         action: requests.allowThumbnailUpload,
diff --git a/src/editors/data/redux/thunkActions/video.js b/src/editors/data/redux/thunkActions/video.js
index 9c341ae37..4839d68fe 100644
--- a/src/editors/data/redux/thunkActions/video.js
+++ b/src/editors/data/redux/thunkActions/video.js
@@ -62,6 +62,11 @@ export const loadVideoData = () => (dispatch, getState) => {
       allowThumbnailUpload: response.data.allowThumbnailUpload,
     })),
   }));
+  dispatch(requests.videoSharingEnabledForCourse({
+    onSuccess: (response) => dispatch(actions.video.updateField({
+      videoSharingEnabledForCourse: response.data.videoSharingEnabled,
+    })),
+  }));
   const youTubeId = parseYoutubeId(videoUrl);
   if (youTubeId) {
     dispatch(requests.checkTranscriptsForImport({
diff --git a/src/editors/data/redux/thunkActions/video.test.js b/src/editors/data/redux/thunkActions/video.test.js
index eb28c61a2..e83043512 100644
--- a/src/editors/data/redux/thunkActions/video.test.js
+++ b/src/editors/data/redux/thunkActions/video.test.js
@@ -22,6 +22,7 @@ jest.mock('..', () => ({
 }));
 jest.mock('./requests', () => ({
   uploadAsset: (args) => ({ uploadAsset: args }),
+  videoSharingEnabledForCourse: (args) => ({ videoSharingEnabledForCourse: args }),
   allowThumbnailUpload: (args) => ({ allowThumbnailUpload: args }),
   uploadThumbnail: (args) => ({ uploadThumbnail: args }),
   deleteTranscript: (args) => ({ deleteTranscript: args }),
@@ -50,6 +51,7 @@ const mockThumbnailResponse = { data: { image_url: 'soMEimAGEUrL' } };
 const thumbnailUrl = 'soMEimAGEUrL';
 const mockAllowThumbnailUpload = { data: { allowThumbnailUpload: 'soMEbOolEAn' } };
 const mockAllowTranscriptImport = { data: { command: 'import' } };
+const mockVideoSharingEnabledForCourse = { data: { videoSharingEnabled: 'someBOoOoOlean' } };
 
 const testMetadata = {
   download_track: 'dOWNlOAdTraCK',
@@ -98,6 +100,7 @@ describe('video thunkActions', () => {
     let dispatchedLoad;
     let dispatchedAction1;
     let dispatchedAction2;
+    let dispatchedAction3;
     beforeEach(() => {
       jest.spyOn(thunkActions, thunkActionsKeys.determineVideoSources).mockReturnValue({
         videoUrl: 'videOsOurce',
@@ -117,7 +120,12 @@ describe('video thunkActions', () => {
         testMetadata.transcripts,
       );
       thunkActions.loadVideoData()(dispatch, getState);
-      [[dispatchedLoad], [dispatchedAction1], [dispatchedAction2]] = dispatch.mock.calls;
+      [
+        [dispatchedLoad],
+        [dispatchedAction1],
+        [dispatchedAction2],
+        [dispatchedAction3],
+      ] = dispatch.mock.calls;
     });
     afterEach(() => {
       jest.restoreAllMocks();
@@ -126,9 +134,13 @@ describe('video thunkActions', () => {
       expect(dispatchedLoad).not.toEqual(undefined);
       expect(dispatchedAction1.allowThumbnailUpload).not.toEqual(undefined);
     });
+    it('dispatches videoSharingEnabledForCourse action', () => {
+      expect(dispatchedLoad).not.toEqual(undefined);
+      expect(dispatchedAction2.videoSharingEnabledForCourse).not.toEqual(undefined);
+    });
     it('dispatches checkTranscriptsForImport action', () => {
       expect(dispatchedLoad).not.toEqual(undefined);
-      expect(dispatchedAction2.checkTranscriptsForImport).not.toEqual(undefined);
+      expect(dispatchedAction3.checkTranscriptsForImport).not.toEqual(undefined);
     });
     it('dispatches actions.video.load', () => {
       expect(dispatchedLoad.load).toEqual({
@@ -170,7 +182,12 @@ describe('video thunkActions', () => {
       }));
       dispatch.mockClear();
 
-      dispatchedAction2.checkTranscriptsForImport.onSuccess(mockAllowTranscriptImport);
+      dispatchedAction2.videoSharingEnabledForCourse.onSuccess(mockVideoSharingEnabledForCourse);
+      expect(dispatch).toHaveBeenCalledWith(actions.video.updateField({
+        videoSharingEnabledForCourse: mockVideoSharingEnabledForCourse.data.videoSharingEnabled,
+      }));
+
+      dispatchedAction3.checkTranscriptsForImport.onSuccess(mockAllowTranscriptImport);
       expect(dispatch).toHaveBeenCalledWith(actions.video.updateField({
         allowTranscriptImport: true,
       }));
diff --git a/src/editors/data/redux/video/reducer.js b/src/editors/data/redux/video/reducer.js
index e83e00f9b..d4de777f4 100644
--- a/src/editors/data/redux/video/reducer.js
+++ b/src/editors/data/redux/video/reducer.js
@@ -11,6 +11,7 @@ const initialState = {
   ],
   allowVideoDownloads: false,
   allowVideoSharing: false,
+  videoSharingEnabledForCourse: false,
   thumbnail: null,
   transcripts: [],
   allowTranscriptDownloads: false,
diff --git a/src/editors/data/redux/video/selectors.js b/src/editors/data/redux/video/selectors.js
index c5613c0dd..a632c29a3 100644
--- a/src/editors/data/redux/video/selectors.js
+++ b/src/editors/data/redux/video/selectors.js
@@ -17,6 +17,7 @@ export const simpleSelectors = [
   stateKeys.videoId,
   stateKeys.fallbackVideos,
   stateKeys.allowVideoDownloads,
+  stateKeys.videoSharingEnabledForCourse,
   stateKeys.allowVideoSharing,
   stateKeys.thumbnail,
   stateKeys.transcripts,
diff --git a/src/editors/data/services/cms/api.js b/src/editors/data/services/cms/api.js
index 3c7493a28..64abad560 100644
--- a/src/editors/data/services/cms/api.js
+++ b/src/editors/data/services/cms/api.js
@@ -36,6 +36,12 @@ export const apiMethods = {
       data,
     );
   },
+  videoSharingEnabledForCourse: ({
+    studioEndpointUrl,
+    learningContextId,
+  }) => get(
+    urls.videoSharingEnabledForCourse({ studioEndpointUrl, learningContextId }),
+  ),
   allowThumbnailUpload: ({
     studioEndpointUrl,
   }) => get(
diff --git a/src/editors/data/services/cms/api.test.js b/src/editors/data/services/cms/api.test.js
index 729794683..0aeccea44 100644
--- a/src/editors/data/services/cms/api.test.js
+++ b/src/editors/data/services/cms/api.test.js
@@ -22,6 +22,7 @@ jest.mock('./urls', () => ({
   thumbnailUpload: jest.fn().mockName('urls.thumbnailUpload'),
   checkTranscriptsForImport: jest.fn().mockName('urls.checkTranscriptsForImport'),
   replaceTranscript: jest.fn().mockName('urls.replaceTranscript'),
+  videoSharingEnabledForCourse: jest.fn().mockName('urls.videoSharingEnabledForCourse'),
 }));
 
 jest.mock('./utils', () => ({
@@ -252,6 +253,15 @@ describe('cms api', () => {
       });
     });
   });
+  describe('videoSharing', () => {
+    describe('videoSharingEnabledForCourse', () => {
+      it('should call get with url.videoSharingEnabledForCourse', () => {
+        const args = { studioEndpointUrl, learningContextId };
+        apiMethods.videoSharingEnabledForCourse({ ...args });
+        expect(get).toHaveBeenCalledWith(urls.videoSharingEnabledForCourse({ ...args }));
+      });
+    });
+  });
   describe('videoTranscripts', () => {
     const language = 'la';
     const videoId = 'sOmeVIDeoiD';
diff --git a/src/editors/data/services/cms/mockApi.js b/src/editors/data/services/cms/mockApi.js
index 68dea813d..c93853f3d 100644
--- a/src/editors/data/services/cms/mockApi.js
+++ b/src/editors/data/services/cms/mockApi.js
@@ -123,6 +123,10 @@ export const fetchCourseDetails = ({ studioEndpointUrl, learningContextId }) =>
   },
 });
 // eslint-disable-next-line
+export const videoSharingEnabledForCourse = ({ studioEndpointUrl, learningContextId }) => mockPromise({
+  data: true,
+});
+// eslint-disable-next-line
 export const allowThumbnailUpload = ({ studioEndpointUrl }) => mockPromise({
   data: true,
 });
diff --git a/src/editors/data/services/cms/urls.js b/src/editors/data/services/cms/urls.js
index 24bf94769..f0e75d02f 100644
--- a/src/editors/data/services/cms/urls.js
+++ b/src/editors/data/services/cms/urls.js
@@ -35,6 +35,10 @@ export const allowThumbnailUpload = ({ studioEndpointUrl }) => (
   `${studioEndpointUrl}/video_images_upload_enabled`
 );
 
+export const videoSharingEnabledForCourse = ({ studioEndpointUrl, learningContextId }) => (
+  `${studioEndpointUrl}/video_sharing_enabled/${learningContextId}`
+);
+
 export const thumbnailUpload = ({ studioEndpointUrl, learningContextId, videoId }) => (
   `${studioEndpointUrl}/video_images/${learningContextId}/${videoId}`
 );
diff --git a/src/editors/data/services/cms/urls.test.js b/src/editors/data/services/cms/urls.test.js
index 53ab06bb9..572853a6d 100644
--- a/src/editors/data/services/cms/urls.test.js
+++ b/src/editors/data/services/cms/urls.test.js
@@ -6,6 +6,7 @@ import {
   blockAncestor,
   blockStudioView,
   courseAssets,
+  videoSharingEnabledForCourse,
   allowThumbnailUpload,
   thumbnailUpload,
   downloadVideoTranscriptURL,
@@ -89,6 +90,12 @@ describe('cms url methods', () => {
         .toEqual(`${studioEndpointUrl}/video_images_upload_enabled`);
     });
   });
+  describe('videoSharingEnabledForCourse', () => {
+    it('returns url with studioEndpointUrl and learningContextId', () => {
+      expect(videoSharingEnabledForCourse({ studioEndpointUrl, learningContextId }))
+        .toEqual(`${studioEndpointUrl}/video_sharing_enabled/${learningContextId}`);
+    });
+  });
   describe('thumbnailUpload', () => {
     it('returns url with studioEndpointUrl, learningContextId, and videoId', () => {
       expect(thumbnailUpload({ studioEndpointUrl, learningContextId, videoId }))