katello 4.3.0.rc1 → 4.3.0.rc4

data/webpack/scenes/Subscriptions/Manifest/ManageManifestModal.js

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { Grid, Col, Row, Tabs, Tab, Form, FormGroup, FormControl, ControlLabel } from 'react-bootstrap';
+import { Grid, Col, Row, Tabs, Tab, FormControl, ControlLabel } from 'react-bootstrap';
 import { Button, Spinner } from 'patternfly-react';
 import ForemanModal from 'foremanReact/components/ForemanModal';
 import Slot from 'foremanReact/components/common/Slot';
@@ -12,21 +12,16 @@ import { Table } from '../../../components/pf3Table';
 import { columns } from './ManifestHistoryTableSchema';
 import DeleteManifestModalText from './DeleteManifestModalText';
 import { MANAGE_MANIFEST_MODAL_ID, DELETE_MANIFEST_MODAL_ID } from './ManifestConstants';
+import { CONTENT_CREDENTIAL_CERT_TYPE } from '../../ContentCredentials/ContentCredentialConstants';
 import SimpleContentAccess from './SimpleContentAccess';
+import CdnConfigurationForm from './CdnConfigurationForm';
 
 import './ManageManifestModal.scss';
 
 class ManageManifestModal extends Component {
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      redhat_repository_url: null,
-    };
-  }
-
   componentDidMount() {
     this.props.loadManifestHistory();
+    this.props.getContentCredentials({ content_type: CONTENT_CREDENTIAL_CERT_TYPE });
   }
 
   componentDidUpdate(prevProps) {
@@ -57,14 +52,6 @@ class ManageManifestModal extends Component {
     }
   };
 
-  updateRepositoryUrl = (event) => {
-    this.setState({ redhat_repository_url: event.target.value });
-  };
-
-  saveOrganization = () => {
-    this.props.saveOrganization({ redhat_repository_url: this.state.redhat_repository_url });
-  };
-
   uploadManifest = (fileList) => {
     if (fileList.length > 0) {
       this.props.upload(fileList[0]);
@@ -102,12 +89,13 @@ class ManageManifestModal extends Component {
       disableSimpleContentAccess,
       taskInProgress,
       manifestActionStarted,
+      contentCredentials,
     } = this.props;
 
     const actionInProgress = (taskInProgress || manifestActionStarted);
-    const showRedHatProviderDetails = canEditOrganizations;
+    const showCdnConfigurationTab = canEditOrganizations;
     const showSubscriptionManifest = (canImportManifest || canDeleteManifest);
-    const showManifestTab = (showRedHatProviderDetails || showSubscriptionManifest);
+    const showManifestTab = (canEditOrganizations || showSubscriptionManifest);
     const disableSCASwitch = (
       // allow users to turn SCA off even if they are not eligible to turn it back on
       (!simpleContentAccessEligible && !simpleContentAccess) ||
@@ -125,11 +113,7 @@ class ManageManifestModal extends Component {
         url: 'http://redhat.com',
       },
     });
-    const buttonLoading = (
-      <span>
-        {__('Updating...')}
-        <span className="fa fa-spinner fa-spin" />
-      </span>);
+
     const getManifestName = () => {
       let name = __('No Manifest Uploaded');
 
@@ -156,136 +140,94 @@ class ManageManifestModal extends Component {
         <Tabs id="manifest-history-tabs">
           {showManifestTab &&
             <Tab eventKey={1} title={__('Manifest')}>
-              <Form className="form-horizontal">
-                {showRedHatProviderDetails &&
-                  <React.Fragment>
-                    <h3>{__('Red Hat Provider Details')}</h3>
-                    <hr />
-                    <FormGroup>
-                      <Grid>
-                        <Row>
-                          <Col sm={5}>
-                            <ControlLabel htmlFor="cdnUrl">
-                              {__('Red Hat CDN URL')}
-                            </ControlLabel>
-                          </Col>
-                          <Col sm={7}>
-                            <FormControl
-                              id="cdnUrl"
-                              type="text"
-                              defaultValue={this.state.redhat_repository_url || organization.redhat_repository_url || ''}
-                              onBlur={this.updateRepositoryUrl}
-                            />
-                          </Col>
-                        </Row>
-                      </Grid>
-                    </FormGroup>
-                    <FormGroup>
-                      <Grid>
-                        <Row>
-                          <Col smOffset={5} sm={7}>
-                            <Button onClick={this.saveOrganization} disabled={organization.loading}>
-                              {organization.loading ? buttonLoading : __('Update')}
-                            </Button>
-                          </Col>
-                        </Row>
-                      </Grid>
-                    </FormGroup>
-                    <br />
-                  </React.Fragment>
-                }
                 {showSubscriptionManifest &&
                   <React.Fragment>
-
-                    <FormGroup>
-                      <Grid>
-                        <h3>{__('Subscription Manifest')}</h3>
-                        <hr />
-                        { isManifestImported &&
-                          <Row>
-                            <SimpleContentAccess
-                              enableSimpleContentAccess={enableSimpleContentAccess}
-                              disableSimpleContentAccess={disableSimpleContentAccess}
-                              isSimpleContentAccessEnabled={simpleContentAccess}
-                              canToggleSimpleContentAccess={!disableSCASwitch}
-                              simpleContentAccessEligible={simpleContentAccessEligible}
-                            />
-                          </Row>
+                    <Grid>
+                      <h3>{__('Subscription Manifest')}</h3>
+                      <hr />
+                      { isManifestImported &&
+                      <Row>
+                        <SimpleContentAccess
+                          enableSimpleContentAccess={enableSimpleContentAccess}
+                          disableSimpleContentAccess={disableSimpleContentAccess}
+                          isSimpleContentAccessEnabled={simpleContentAccess}
+                          canToggleSimpleContentAccess={!disableSCASwitch}
+                          simpleContentAccessEligible={simpleContentAccessEligible}
+                        />
+                      </Row>
                         }
-                        <Row>
-                          <Col sm={5}>
-                            <strong>{__('Subscription Allocation')}</strong>
-                          </Col>
-                          <Col sm={7}>
-                            {getManifestName()}
-                          </Col>
-                        </Row>
-                        <Row>
-                          <Col sm={5}>
-                            {canImportManifest &&
-                              <ControlLabel
-                                style={{ paddingTop: '10px' }}
-                              >
-                                <div>{__('Import New Manifest')}</div>
-                              </ControlLabel>
+                      <Row>
+                        <Col sm={5}>
+                          <strong>{__('Subscription Allocation')}</strong>
+                        </Col>
+                        <Col sm={7}>
+                          {getManifestName()}
+                        </Col>
+                      </Row>
+                      <Row>
+                        <Col sm={5}>
+                          {canImportManifest &&
+                          <ControlLabel
+                            style={{ paddingTop: '10px' }}
+                          >
+                            <div>{__('Import New Manifest')}</div>
+                          </ControlLabel>
                             }
-                          </Col>
-                          <Col sm={7} className="manifest-actions">
-                            <Spinner loading={actionInProgress} />
-                            {canImportManifest &&
-                              <FormControl
-                                id="usmaFile"
-                                type="file"
-                                accept=".zip"
-                                disabled={actionInProgress}
-                                onChange={e => this.uploadManifest(e.target.files)}
-                              />
+                        </Col>
+                        <Col sm={7} className="manifest-actions">
+                          <Spinner loading={actionInProgress} />
+                          {canImportManifest &&
+                          <FormControl
+                            id="usmaFile"
+                            type="file"
+                            accept=".zip"
+                            disabled={actionInProgress}
+                            onChange={e => this.uploadManifest(e.target.files)}
+                          />
                             }
-                            <div id="manifest-actions-row">
-                              {canImportManifest &&
-                                <TooltipButton
-                                  onClick={this.refreshManifest}
-                                  tooltipId="refresh-manifest-button-tooltip"
-                                  tooltipText={disabledReason}
-                                  tooltipPlacement="top"
-                                  title={__('Refresh')}
-                                  disabled={!isManifestImported ||
+                          <div id="manifest-actions-row">
+                            {canImportManifest &&
+                            <TooltipButton
+                              onClick={this.refreshManifest}
+                              tooltipId="refresh-manifest-button-tooltip"
+                              tooltipText={disabledReason}
+                              tooltipPlacement="top"
+                              title={__('Refresh')}
+                              disabled={!isManifestImported ||
                                     actionInProgress || disableManifestActions}
-                                />
+                            />
                               }
-                              {canDeleteManifest &&
-                                <React.Fragment>
-                                  <TooltipButton
-                                    disabled={!isManifestImported || actionInProgress}
-                                    bsStyle="danger"
-                                    onClick={this.showDeleteManifestModal}
-                                    title={__('Delete')}
-                                    tooltipId="delete-manifest-button-tooltip"
-                                    tooltipText={this.disabledTooltipText()}
-                                    tooltipPlacement="top"
-                                  />
-                                </React.Fragment>
+                            {canDeleteManifest &&
+                            <React.Fragment>
+                              <TooltipButton
+                                disabled={!isManifestImported || actionInProgress}
+                                bsStyle="danger"
+                                onClick={this.showDeleteManifestModal}
+                                title={__('Delete')}
+                                tooltipId="delete-manifest-button-tooltip"
+                                tooltipText={this.disabledTooltipText()}
+                                tooltipPlacement="top"
+                              />
+                            </React.Fragment>
                               }
-                            </div>
-                            <ForemanModal title={__('Confirm delete manifest')} id={DELETE_MANIFEST_MODAL_ID}>
-                              <DeleteManifestModalText />
-                              <ForemanModal.Footer>
-                                <Button bsStyle="default" onClick={this.hideDeleteManifestModal}>
-                                  {__('Cancel')}
-                                </Button>
-                                <Button bsStyle="danger" onClick={this.deleteManifest}>
-                                  {__('Delete')}
-                                </Button>
-                              </ForemanModal.Footer>
-                            </ForemanModal>
-                          </Col>
-                        </Row>
-                      </Grid>
-                    </FormGroup>
+                          </div>
+                          <ForemanModal title={__('Confirm delete manifest')} id={DELETE_MANIFEST_MODAL_ID}>
+                            <DeleteManifestModalText />
+                            <ForemanModal.Footer>
+                              <Button bsStyle="default" onClick={this.hideDeleteManifestModal}>
+                                {__('Cancel')}
+                              </Button>
+                              <Button bsStyle="danger" onClick={this.deleteManifest}>
+                                {__('Delete')}
+                              </Button>
+                            </ForemanModal.Footer>
+                          </ForemanModal>
+                        </Col>
+                      </Row>
+                    </Grid>
                   </React.Fragment>
                 }
-                <Slot id="katello-manage-manifest-form" multi />
-              </Form>
+              <Slot id="katello-manage-manifest-form" multi />
             </Tab>
           }
           <Tab eventKey={2} title={__('Manifest History')}>
@@ -297,6 +239,18 @@ class ManageManifestModal extends Component {
               />
             </LoadingState>
           </Tab>
+          {showCdnConfigurationTab &&
+            <Tab eventKey={3} title={__('CDN Configuration')}>
+              <Grid>
+                <h3>{__('CDN Configuration for Red Hat Content')}</h3>
+                <hr />
+                <CdnConfigurationForm
+                  cdnConfiguration={organization.cdn_configuration}
+                  contentCredentials={contentCredentials}
+                />
+              </Grid>
+            </Tab>
+          }
         </Tabs>
         <ForemanModal.Footer>
           <Button bsStyle="primary" onClick={this.hideModal}>
@@ -315,9 +269,17 @@ ManageManifestModal.propTypes = {
   enableSimpleContentAccess: PropTypes.func.isRequired,
   disableSimpleContentAccess: PropTypes.func.isRequired,
   loadManifestHistory: PropTypes.func.isRequired,
+  getContentCredentials: PropTypes.func.isRequired,
   organization: PropTypes.shape({
+    id: PropTypes.number,
     loading: PropTypes.bool,
-    redhat_repository_url: PropTypes.string,
+    cdn_configuration: PropTypes.shape({
+      url: PropTypes.string,
+      username: PropTypes.string,
+      upstream_organization_label: PropTypes.string,
+      ssl_ca_credential_id: PropTypes.number,
+      password_exists: PropTypes.bool,
+    }),
     owner_details: PropTypes.shape({
       upstreamConsumer: PropTypes.shape({
         uuid: PropTypes.string,
@@ -334,7 +296,6 @@ ManageManifestModal.propTypes = {
   disableManifestActions: PropTypes.bool,
   disabledReason: PropTypes.string,
   loadOrganization: PropTypes.func.isRequired,
-  saveOrganization: PropTypes.func.isRequired,
   taskInProgress: PropTypes.bool.isRequired,
   simpleContentAccess: PropTypes.bool,
   simpleContentAccessEligible: PropTypes.bool,
@@ -347,6 +308,10 @@ ManageManifestModal.propTypes = {
   setModalClosed: PropTypes.func.isRequired,
   setModalOpen: PropTypes.func.isRequired,
   manifestActionStarted: PropTypes.bool,
+  contentCredentials: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.number,
+    name: PropTypes.string,
+  })),
 };
 
 ManageManifestModal.defaultProps = {
@@ -360,6 +325,7 @@ ManageManifestModal.defaultProps = {
   simpleContentAccess: false,
   simpleContentAccessEligible: undefined,
   manifestActionStarted: false,
+  contentCredentials: [],
 };
 
 export default ManageManifestModal;

data/webpack/scenes/Subscriptions/Manifest/__tests__/CdnConfigurationForm.test.js

@@ -0,0 +1,114 @@
+import React from 'react';
+import { cleanup } from '@testing-library/react';
+import { renderWithRedux, fireEvent, patientlyWaitFor } from 'react-testing-lib-wrapper';
+import userEvent from '@testing-library/user-event';
+import CdnConfigurationForm from '../CdnConfigurationForm';
+import { nockInstance, assertNockRequest } from '../../../../test-utils/nockWrapper';
+import { updateCdnConfigurationSuccessResponse } from '../../../Organizations/__tests__/organizations.fixtures';
+import api from '../../../../services/api';
+
+afterEach(cleanup);
+const updateCdnConfigurationPath = api.getApiUrl('/organizations/1/cdn_configuration');
+
+const cdnConfiguration = {
+  url: 'http://currentcdn.example.com',
+  username: 'CurrentUser',
+  password_exists: false,
+  upstream_organization_label: 'CurrentOrg',
+  ssl_ca_credential_id: 2,
+};
+
+const organization = {
+  id: 1,
+};
+
+const initialState = {
+  katello: {
+    organization,
+  },
+};
+
+const contentCredentials = [
+  {
+    name: 'Credential1',
+    id: 1,
+  },
+  {
+    name: 'Credential2',
+    id: 2,
+  },
+];
+
+test('Can update the CDN configuration', async (done) => {
+  const { getByLabelText } = renderWithRedux(<CdnConfigurationForm
+    cdnConfiguration={cdnConfiguration}
+    contentCredentials={contentCredentials}
+  />, { initialState });
+
+  const updateCdnConfigurationRequest = nockInstance
+    .put(updateCdnConfigurationPath, {
+      url: 'http://cdn.example.com',
+      username: 'admin',
+      password: 'changeme',
+      upstream_organization_label: 'Default_Organization',
+      ssl_ca_credential_id: '1',
+    })
+    .reply(200, updateCdnConfigurationSuccessResponse);
+
+  const url = getByLabelText('cdn-url');
+  fireEvent.change(url, { target: { value: 'http://cdn.example.com' } });
+
+  const username = getByLabelText('cdn-username');
+  fireEvent.change(username, { target: { value: 'admin' } });
+
+  fireEvent.click(getByLabelText('edit cdn-password'));
+  fireEvent.change(getByLabelText('cdn-password text input'), { target: { value: 'changeme' } });
+  fireEvent.click(getByLabelText('submit cdn-password'));
+  await patientlyWaitFor(() => expect(getByLabelText('cdn-password text value')).toBeInTheDocument());
+
+  const orgLabel = getByLabelText('cdn-organization-label');
+  fireEvent.change(orgLabel, { target: { value: 'Default_Organization' } });
+
+  userEvent.selectOptions(
+    getByLabelText('cdn-ssl-ca-content-credential'),
+    '1',
+  );
+
+  const updateButton = getByLabelText('update-cdn-configuration');
+  fireEvent.click(updateButton);
+
+  assertNockRequest(updateCdnConfigurationRequest, done);
+});
+
+test('the form shall reflect the given cdnConfiguration', () => {
+  const { getAllByTestId, getByLabelText } = renderWithRedux(<CdnConfigurationForm
+    cdnConfiguration={cdnConfiguration}
+    contentCredentials={contentCredentials}
+  />, { initialState });
+
+  const username = getByLabelText('cdn-username');
+  expect(username).toHaveValue('CurrentUser');
+
+  const options = getAllByTestId('ssl-ca-content-credential-option');
+
+  expect(options).toHaveLength(contentCredentials.length);
+  expect(options[0].selected).toBeFalsy();
+  expect(options[1].selected).toBeTruthy();
+});
+
+test('resetting the password sends nothing to the API', async (done) => {
+  const { getByLabelText } = renderWithRedux(<CdnConfigurationForm />, { initialState });
+
+  const updateCdnConfigurationRequest = nockInstance
+    .put(updateCdnConfigurationPath, {}) // note the empty request body
+    .reply(200, updateCdnConfigurationSuccessResponse);
+
+  fireEvent.click(getByLabelText('edit cdn-password'));
+  fireEvent.change(getByLabelText('cdn-password text input'), { target: { value: 'changeme' } });
+  fireEvent.click(getByLabelText('clear cdn-password'));
+
+  const updateButton = getByLabelText('update-cdn-configuration');
+  fireEvent.click(updateButton);
+
+  assertNockRequest(updateCdnConfigurationRequest, done);
+});

data/webpack/scenes/Subscriptions/Manifest/__tests__/ManageManifestModal.test.js

@@ -1,33 +1,123 @@
 import React from 'react';
-import { shallow } from 'enzyme';
-import toJson from 'enzyme-to-json';
-import ManageManifestModal from '../ManageManifestModal';
-import { manifestHistorySuccessState } from './manifest.fixtures';
-
-jest.mock('foremanReact/components/Pagination/PaginationWrapper', () => (<div>Pagination Mock</div>));
-jest.mock('foremanReact/components/ForemanModal');
-
-describe('manage manifest modal', () => {
-  const noop = jest.fn();
-  const organization = { id: 1, redhat_repository_url: 'https://redhat.com' };
-
-  it('should render', () => {
-    const page = shallow(<ManageManifestModal
-      setModalOpen={noop}
-      setModalClosed={noop}
-      upload={noop}
-      refresh={noop}
-      delete={noop}
-      enableSimpleContentAccess={noop}
-      disableSimpleContentAccess={noop}
-      loadManifestHistory={noop}
-      organization={organization}
-      loadOrganization={noop}
-      saveOrganization={noop}
-      bulkSearch={noop}
-      manifestHistory={manifestHistorySuccessState}
-      taskInProgress={false}
-    />);
-    expect(toJson(page)).toMatchSnapshot();
-  });
+import { cleanup } from '@testing-library/react';
+import { renderWithRedux, fireEvent, patientlyWaitFor } from 'react-testing-lib-wrapper';
+import ManifestModal from '../../Manifest';
+import { manifestHistorySuccessState, manifestHistorySuccessResponse } from './manifest.fixtures';
+import { nockInstance, assertNockRequest } from '../../../../test-utils/nockWrapper';
+import api from '../../../../services/api';
+
+afterEach(cleanup);
+
+const noop = jest.fn();
+const organization = {
+  id: 1,
+  redhat_repository_url: 'https://redhat.com',
+  cdn_configuration: {
+
+  },
+  owner_details: {
+    upstreamConsumer: {
+      webUrl: 'https://example.com/',
+    },
+  },
+};
+
+const defaultProps = {
+  disableManifestActions: false,
+  disabledReason: '',
+  canImportManifest: true,
+  canDeleteManifest: true,
+  canEditOrganizations: true,
+  upload: noop,
+  refresh: noop,
+  delete: noop,
+  enableSimpleContentAccess: noop,
+  disableSimpleContentAccess: noop,
+  loadManifestHistory: noop,
+  organization,
+  loadOrganization: noop,
+  taskInProgress: false,
+  simpleContentAccess: true,
+  manifestHistory: manifestHistorySuccessState,
+  setModalClosed: noop,
+  setModalOpen: noop,
+  updateCdnConfiguration: noop,
+  getContentCredentials: noop,
+};
+
+const initialState = {
+  katello: {
+    organization: {
+      simple_content_access: false,
+      ...organization,
+    },
+  },
+  foremanModals: {
+    manageManifestModal: {
+      isOpen: true,
+    },
+  },
+};
+
+const enableSimpleContetAccessPath = api.getApiUrl('/organizations/1/simple_content_access/enable');
+const disableSimpleContetAccessPath = api.getApiUrl('/organizations/1/simple_content_access/disable');
+const manifestHistoryPath = api.getApiUrl('/organizations/1/subscriptions/manifest_history');
+const getContentCredentialsPath = api.getApiUrl('/content_credentials?organization_id=1&content_type=cert');
+
+test('Enable Simple Content Access after toggle switch value to true', async (done) => {
+  const { getByTestId } = renderWithRedux(<ManifestModal {...defaultProps} />, { initialState });
+
+  const updatescope = nockInstance
+    .put(enableSimpleContetAccessPath)
+    .reply(202, true);
+
+  const getscope = nockInstance
+    .get(manifestHistoryPath)
+    .query(true)
+    .reply(200, manifestHistorySuccessResponse);
+
+  const contentCredentialsRequest = nockInstance
+    .get(getContentCredentialsPath)
+    .reply(200, {});
+
+  const toggleButton = getByTestId('switch');
+
+  await patientlyWaitFor(() => { expect(toggleButton).toBeInTheDocument(); });
+  expect(toggleButton.checked).toEqual(false);
+
+  fireEvent.click(toggleButton);
+
+  assertNockRequest(contentCredentialsRequest);
+  assertNockRequest(getscope);
+  assertNockRequest(updatescope, done);
+});
+
+test('Disable Simple Content Access after toggle switch value to false', async (done) => {
+  initialState.katello.organization.simple_content_access = true;
+
+  const updatescope = nockInstance
+    .put(disableSimpleContetAccessPath)
+    .reply(202, true);
+
+  const getscope = nockInstance
+    .get(manifestHistoryPath)
+    .query(true)
+    .reply(200, manifestHistorySuccessResponse);
+
+  const contentCredentialsRequest = nockInstance
+    .get(getContentCredentialsPath)
+    .reply(200, {});
+
+  const { getByTestId } = renderWithRedux(<ManifestModal {...defaultProps} />, { initialState });
+
+  const toggleButton = getByTestId('switch');
+
+  await patientlyWaitFor(() => { expect(toggleButton).toBeInTheDocument(); });
+  expect(toggleButton.checked).toEqual(true);
+
+  fireEvent.click(toggleButton);
+
+  assertNockRequest(contentCredentialsRequest);
+  assertNockRequest(getscope);
+  assertNockRequest(updatescope, done);
 });

data/webpack/scenes/Subscriptions/Manifest/index.js

@@ -4,10 +4,16 @@ import { connect } from 'react-redux';
 import * as foremanModalActions from 'foremanReact/components/ForemanModal/ForemanModalActions';
 import * as manifestActions from './ManifestActions';
 import * as organizationActions from '../../Organizations/OrganizationActions';
+import * as contentCredentialActions from '../../ContentCredentials/ContentCredentialActions';
 import * as tasksActions from '../../Tasks/TaskActions';
 import history from './ManifestHistoryReducer';
-import { selectSimpleContentAccessEnabled, selectIsManifestImported } from '../../Organizations/OrganizationSelectors';
+import {
+  selectSimpleContentAccessEnabled,
+  selectIsManifestImported,
+  selectUpdatingCdnConfiguration,
+} from '../../Organizations/OrganizationSelectors';
 import { selectManifestActionStarted, selectSimpleContentAccessEligible } from '../SubscriptionsSelectors';
+import { selectContentCredentials } from '../../ContentCredentials/ContentCredentialSelectors';
 
 import ManifestModal from './ManageManifestModal';
 
@@ -19,15 +25,20 @@ const mapStateToProps = state => ({
   manifestHistory: state.katello.manifestHistory,
   simpleContentAccess: selectSimpleContentAccessEnabled(state),
   isManifestImported: selectIsManifestImported(state),
-  modalOpenState: state.foremanModals.ManageManifestModal,
   deleteManifestModalExists: !!state.foremanModals.deleteManifestModal,
   manifestActionStarted: selectManifestActionStarted(state),
   simpleContentAccessEligible: selectSimpleContentAccessEligible(state),
+  updatingCdnConfiguration: selectUpdatingCdnConfiguration(state),
+  contentCredentials: selectContentCredentials(state),
 });
 
 // map action dispatchers to props
 const actions = {
-  ...manifestActions, ...organizationActions, ...tasksActions, ...foremanModalActions,
+  ...manifestActions,
+  ...organizationActions,
+  ...tasksActions,
+  ...foremanModalActions,
+  ...contentCredentialActions,
 };
 const mapDispatchToProps = dispatch => bindActionCreators(actions, dispatch);