katello 4.4.0.2 → 4.5.0.rc2

data/webpack/scenes/ContentViews/components/TaskPresenter/TaskPresenter.js

@@ -1,62 +1,66 @@
 import React, { useState, useEffect } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
-import useDeepCompareEffect from 'use-deep-compare-effect';
 import { InProgressIcon } from '@patternfly/react-icons';
 import PropTypes from 'prop-types';
-import { Progress,
+import {
+  Progress,
   ProgressSize,
   ProgressMeasureLocation,
-  ProgressVariant } from '@patternfly/react-core';
+  ProgressVariant,
+} from '@patternfly/react-core';
 import { STATUS } from 'foremanReact/constants';
-import { stopPollingTask, toastTaskFinished } from '../../../Tasks/TaskActions';
+import { startPollingTask, toastTaskFinished } from '../../../Tasks/TaskActions';
 import { selectTaskPoll, selectTaskPollStatus } from '../../Details/ContentViewDetailSelectors';
+import { getContentViewVersions } from '../../Details/ContentViewDetailActions';
+import { cvVersionTaskPollingKey } from '../../ContentViewsConstants';
+import { selectIsPollingTask } from '../../../Tasks/TaskSelectors';
 
-const TaskPresenter = ({ activeHistory, setPollingFinished }) => {
+const TaskPresenter = ({ activeHistory, cvId, allowCallback }) => {
   const { task } = activeHistory;
   const dispatch = useDispatch();
-  const [polling, setPolling] = useState(true);
-  const [taskErrored, setTaskErrored] = useState(task.result === 'error');
+  const [taskPausedOrErrored, setTaskPausedOrErrored] =
+    useState(task.result === 'error' || task.result === 'paused');
+  const [resolved, setResolved] = useState(false);
+  const POLLING_TASK_KEY = cvVersionTaskPollingKey(cvId);
+  const isTaskRunning = useSelector(state =>
+    selectIsPollingTask(state, POLLING_TASK_KEY));
+
   const pollResponse = useSelector(state =>
-    selectTaskPoll(state, task.id));
+    selectTaskPoll(state, POLLING_TASK_KEY));
   const pollResponseStatus = useSelector(state =>
-    selectTaskPollStatus(state, task.id));
-  const loading = pollResponseStatus === STATUS.PENDING;
+    selectTaskPollStatus(state, POLLING_TASK_KEY));
 
-  const progressCompleted = () => (
-    pollResponse.progress ?
-      pollResponse.progress * 100 :
-      task.progress * 100
-  );
 
   useEffect(() => {
-    if (!polling) {
-      const { id } = task;
-      dispatch(stopPollingTask(id));
-      dispatch(toastTaskFinished(pollResponse));
-      setPollingFinished(true); // Use this boolean as activeListener in referring page table
+    if (allowCallback && !isTaskRunning && !taskPausedOrErrored) {
+      dispatch(startPollingTask(POLLING_TASK_KEY, task));
     }
-  }, [polling, dispatch, setPollingFinished, pollResponse, task]);
+  }, [POLLING_TASK_KEY, allowCallback, dispatch, isTaskRunning, task, taskPausedOrErrored]);
 
-  useDeepCompareEffect(() => {
-    if (!loading && polling) {
-      const { state, result } = pollResponse;
-      if ((state === 'paused' || result === 'error') && !taskErrored) {
-        setTaskErrored(true);
-        setPolling(false);
-      } else if (state === 'stopped' && result === 'success') {
-        setPolling(false);
-      }
-    }
-  }, [pollResponse, loading, taskErrored, setTaskErrored, polling, setPolling]);
+  const { state, result } = pollResponse;
+
+  if ((state === 'paused' || result === 'error' || pollResponseStatus === STATUS.ERROR)) {
+    setTaskPausedOrErrored(true);
+  }
+
+  if (allowCallback && !resolved && state === 'stopped' && result === 'success') {
+    setResolved(true);
+    dispatch(toastTaskFinished(pollResponse));
+    dispatch(getContentViewVersions(cvId));
+  }
+
+  const progressCompleted = pollResponse.progress ?
+    pollResponse.progress * 100 :
+    task.progress * 100;
 
   if (pollResponse) {
     return (
       <a href={`/foreman_tasks/tasks/${task.id}`} target="_blank" rel="noreferrer">
         <Progress
           aria-label="task_presenter"
-          value={progressCompleted()}
+          value={progressCompleted}
           measureLocation={ProgressMeasureLocation.inside}
-          variant={taskErrored ? ProgressVariant.danger : ProgressVariant.default}
+          variant={taskPausedOrErrored ? ProgressVariant.danger : ProgressVariant.default}
           size={ProgressSize.sm}
         />
       </a>
@@ -78,7 +82,8 @@ TaskPresenter.propTypes = {
       progress: PropTypes.number.isRequired,
     }).isRequired,
   }).isRequired,
-  setPollingFinished: PropTypes.func.isRequired,
+  cvId: PropTypes.number.isRequired,
+  allowCallback: PropTypes.bool.isRequired,
 };
 
 

data/webpack/scenes/ContentViews/expansions/DetailsExpansion.js

@@ -14,14 +14,14 @@ const DetailsExpansion = ({
     if (cvComposite) {
       return (
         <>
-          {__('Related component cvs: ')}
+          {__('Related content views: ')}
           <RelatedContentViewComponentsModal key="cvId" {...{ cvName, cvId, relatedCVCount }} />
         </>
       );
     }
     return (
       <>
-        {__('Related composite cvs: ')}
+        {__('Related composite content views: ')}
         <RelatedCompositeContentViewsModal
           key={cvId}
           {...{

data/webpack/scenes/ContentViews/expansions/RelatedCompositeContentViewsModal.js

@@ -30,7 +30,7 @@ const RelatedCompositeContentViewsModal = ({
   const columns = ['Name'];
   return (
     <>
-      <Button aria-label={`button_${cvId}`} variant="link" isInline onClick={handleModalToggle}>
+      <Button ouiaId="related-cv-count" aria-label={`button_${cvId}`} variant="link" isInline onClick={handleModalToggle}>
         {relatedCVCount}
       </Button>
       <Modal

data/webpack/scenes/ContentViews/expansions/RelatedContentViewComponentsModal.js

@@ -29,7 +29,7 @@ const RelatedContentViewsModal = ({ cvName, cvId, relatedCVCount }) => {
       <FlexItem>
         <RegistryIcon />
         <b>{` ${cvName}`}</b>
-        {__(' content view is used in listed component content views. For more information, ')}
+        {__(' content view is used in listed content views. For more information, ')}
         <Link to={urlBuilder(`content_views/${cvId}#/contentviews`, '')}>
           {__('view content view tabs.')}
         </Link>
@@ -43,13 +43,13 @@ const RelatedContentViewsModal = ({ cvName, cvId, relatedCVCount }) => {
 
   return (
     <>
-      <Button aria-label={`button_${cvId}`} variant="link" isInline onClick={handleModalToggle}>
+      <Button ouiaId="related-cv-count" aria-label={`button_${cvId}`} variant="link" isInline onClick={handleModalToggle}>
         {relatedCVCount}
       </Button>
       <Grid>
         <GridItem span={12}>
           <Modal
-            title={__('Related component content views')}
+            title={__('Related content views')}
             variant={ModalVariant.medium}
             isOpen={isOpen}
             description={description()}
@@ -58,7 +58,6 @@ const RelatedContentViewsModal = ({ cvName, cvId, relatedCVCount }) => {
             }}
             appendTo={document.body}
           >
-
             <TableWrapper
               {...{
                 metadata,
@@ -67,6 +66,7 @@ const RelatedContentViewsModal = ({ cvName, cvId, relatedCVCount }) => {
                 error,
                 status,
               }}
+              ouiaId="related-content-view-components-table"
               fetchItems={useCallback(params => getContentViewComponents(cvId, params, 'Added'), [cvId])}
               variant={TableVariant.compact}
               autocompleteEndpoint="/content_views/auto_complete_search"

data/webpack/scenes/ContentViews/expansions/__tests__/contentViewComponentsModal.test.js

@@ -30,7 +30,7 @@ test('Can call API and show Related Content Views Components Modal', async (done
 
   await patientlyWaitFor(() => expect(getByLabelText(`button_${cvId}`)).toBeInTheDocument());
   fireEvent.click(getByLabelText(`button_${cvId}`));
-  await patientlyWaitFor(() => expect(getByText('Related component content views')).toBeInTheDocument());
+  await patientlyWaitFor(() => expect(getByText('Related content views')).toBeInTheDocument());
 
   assertNockRequest(scope, done);
 });

data/webpack/scenes/ContentViews/helpers.js

@@ -11,4 +11,7 @@ export const autoPublishHelpText = __('Automatically publish a new version of th
 export const importOnlyHelpText = __('Designate whether this content view is for importing from an upstream server. ' +
   'Import-only content views cannot be published directly.');
 
+export const generatedContentViewHelpText = __('This content view is generated for importing or exporting content view versions. ' +
+  'Generated content views cannot be published directly and can only be updated via import/export process.');
+
 export const hasPermission = (permissions, perm) => permissions && permissions[perm];

data/webpack/scenes/Hosts/ChangeContentSource/helpers.js

@@ -1,6 +1,11 @@
 import { STATUS } from 'foremanReact/constants';
 
 export const getHostIds = () => {
+  const url = new URL(window.location);
+  const hostId = url.searchParams.get('host_id');
+
+  if (hostId) return [hostId];
+
   const cookie = document.cookie.split('; ')
     .find(row => row.startsWith('_ForemanSelectedhosts'));
   const params = new URLSearchParams(cookie);

data/webpack/scenes/ModuleStreams/Details/ModuleDetailsSchema.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { translate as __ } from 'foremanReact/common/I18n';
 import ModuleStreamDetailArtifacts from './ModuleStreamDetailArtifacts';
-import ModuleStreamDetailProfiles from './Profiles/ModuleStreamDetailProfiles';
 import ContentDetailInfo from '../../../components/Content/Details/ContentDetailInfo';
 import ContentDetailRepositories from '../../../components/Content/Details/ContentDetailRepositories';
 
@@ -17,7 +16,7 @@ export const displayMap = new Map([
 ]);
 
 export default (detailInfo) => {
-  const { repositories, profiles, artifacts } = detailInfo;
+  const { repositories, artifacts } = detailInfo;
 
   return [
     {
@@ -37,14 +36,6 @@ export default (detailInfo) => {
     },
     {
       key: 3,
-      tabHeader: __('Profiles'),
-      tabContent: (profiles && profiles.length ?
-        <ModuleStreamDetailProfiles profiles={profiles} /> :
-        __('No profiles to show')
-      ),
-    },
-    {
-      key: 4,
       tabHeader: __('Artifacts'),
       tabContent: (artifacts && artifacts.length ?
         <ModuleStreamDetailArtifacts artifacts={artifacts} /> :

data/webpack/scenes/ModuleStreams/Details/ModuleStreamDetails.js

@@ -44,21 +44,20 @@ class ModuleStreamDetails extends Component {
     return (
       <div>
         {!loading && <BreadcrumbsBar
+          isLoadingResources={loading}
           onSwitcherItemClick={(e, url) => this.handleBreadcrumbSwitcherItem(e, url)}
-          data={{
-            isSwitchable: true,
-            breadcrumbItems: [
-              {
-                caption: __('Module Streams'),
-                onClick: () =>
-                  this.props.history.push('/module_streams'),
-              },
-              {
-                caption: `${name} ${stream}`,
-              },
-            ],
-            resource,
-          }}
+          isSwitchable
+          breadcrumbItems={[
+            {
+              caption: __('Module Streams'),
+              onClick: () =>
+                this.props.history.push('/module_streams'),
+            },
+            {
+              caption: `${name} ${stream}`,
+            },
+          ]}
+          resource={resource}
         />}
         <ContentDetails
           contentDetails={moduleStreamDetails}

data/webpack/scenes/ModuleStreams/Details/__tests__/__snapshots__/ModuleStreamDetails.test.js.snap

@@ -76,11 +76,6 @@ exports[`Module stream details page rendering renders with loading state 1`] = `
         },
         Object {
           "key": 3,
-          "tabContent": "No profiles to show",
-          "tabHeader": "Profiles",
-        },
-        Object {
-          "key": 4,
           "tabContent": "No artifacts to show",
           "tabHeader": "Artifacts",
         },
@@ -93,26 +88,26 @@ exports[`Module stream details page rendering renders with loading state 1`] = `
 exports[`Module stream details page rendering renders with module stream provided 1`] = `
 <div>
   <BreadcrumbsBar
-    data={
-      Object {
-        "breadcrumbItems": Array [
-          Object {
-            "caption": "Module Streams",
-            "onClick": [Function],
-          },
-          Object {
-            "caption": "avocado latest",
-          },
-        ],
-        "isSwitchable": true,
-        "resource": Object {
-          "nameField": "name",
-          "resourceUrl": "/katello/api/v2/module_streams",
-          "switcherItemUrl": "/module_streams/:id",
+    breadcrumbItems={
+      Array [
+        Object {
+          "caption": "Module Streams",
+          "onClick": [Function],
         },
-      }
+        Object {
+          "caption": "avocado latest",
+        },
+      ]
     }
+    isSwitchable={true}
     onSwitcherItemClick={[Function]}
+    resource={
+      Object {
+        "nameField": "name",
+        "resourceUrl": "/katello/api/v2/module_streams",
+        "switcherItemUrl": "/module_streams/:id",
+      }
+    }
   />
   <ContentDetails
     contentDetails={
@@ -397,84 +392,6 @@ exports[`Module stream details page rendering renders with module stream provide
         },
         Object {
           "key": 3,
-          "tabContent": <ModuleStreamDetailProfiles
-            profiles={
-              Array [
-                Object {
-                  "id": 37,
-                  "name": "default",
-                  "rpms": Array [
-                    Object {
-                      "id": 108,
-                      "name": "perl",
-                    },
-                    Object {
-                      "id": 110,
-                      "name": "foo",
-                    },
-                    Object {
-                      "id": 111,
-                      "name": "rpm_0",
-                    },
-                    Object {
-                      "id": 112,
-                      "name": "rpm_1",
-                    },
-                    Object {
-                      "id": 113,
-                      "name": "rpm_2",
-                    },
-                    Object {
-                      "id": 114,
-                      "name": "rpm_3",
-                    },
-                    Object {
-                      "id": 115,
-                      "name": "rpm_4",
-                    },
-                    Object {
-                      "id": 116,
-                      "name": "rpm_5",
-                    },
-                    Object {
-                      "id": 117,
-                      "name": "rpm_6",
-                    },
-                    Object {
-                      "id": 118,
-                      "name": "rpm_7",
-                    },
-                    Object {
-                      "id": 119,
-                      "name": "rpm_8",
-                    },
-                    Object {
-                      "id": 120,
-                      "name": "rpm_9",
-                    },
-                    Object {
-                      "id": 121,
-                      "name": "rpm_10",
-                    },
-                  ],
-                },
-                Object {
-                  "id": 38,
-                  "name": "minimal",
-                  "rpms": Array [
-                    Object {
-                      "id": 84,
-                      "name": "python2-avocado",
-                    },
-                  ],
-                },
-              ]
-            }
-          />,
-          "tabHeader": "Profiles",
-        },
-        Object {
-          "key": 4,
           "tabContent": <ModuleStreamDetailArtifacts
             artifacts={
               Array [

data/webpack/scenes/RedHatRepositories/RedHatRepositoriesPage.js

@@ -16,7 +16,7 @@ import SearchBar from './components/SearchBar';
 import RecommendedRepositorySetsToggler from './components/RecommendedRepositorySetsToggler';
 import { getSetsComponent, getEnabledComponent } from './helpers';
 import api from '../../services/api';
-import { AIRGAPPED } from '../Subscriptions/Manifest/CdnConfigurationTab/CdnConfigurationConstants';
+import { EXPORT_SYNC } from '../Subscriptions/Manifest/CdnConfigurationTab/CdnConfigurationConstants';
 
 class RedHatRepositoriesPage extends Component {
   componentDidMount() {
@@ -42,7 +42,7 @@ class RedHatRepositoriesPage extends Component {
     if (!(organization?.cdn_configuration)) {
       return <Skeleton />;
     }
-    if (organization.cdn_configuration.type === AIRGAPPED) {
+    if (organization.cdn_configuration.type === EXPORT_SYNC) {
       return (
         <Grid id="redhatRepositoriesPage" bsClass="container-fluid">
           <h1>{__('Red Hat Repositories')}</h1>
@@ -52,7 +52,7 @@ class RedHatRepositoriesPage extends Component {
                 variant="info"
                 className="repo-sets-alert"
                 isInline
-                title={__('CDN configuration is set to Air-gapped (disconnected). Repository enablement/disablement is not permitted on this page.')}
+                title={__('CDN configuration is set to Export Sync (disconnected). Repository enablement/disablement is not permitted on this page.')}
               />
             </Col>
           </Row>

data/webpack/scenes/RedHatRepositories/components/EnabledRepository/EnabledRepository.js

@@ -19,10 +19,11 @@ class EnabledRepository extends Component {
 
   repoForAction = () => {
     const {
-      productId, contentId, arch, releasever, name, type,
+      id, productId, contentId, arch, releasever, name, type,
     } = this.props;
 
     return {
+      id,
       contentId,
       productId,
       name,

data/webpack/scenes/RedHatRepositories/components/EnabledRepository/__tests__/EnabledRepository.test.js

@@ -60,6 +60,7 @@ describe('Enabled Repositories Component', () => {
         type: 'foo',
         arch: 'foo',
         releasever: '1.1.1',
+        id: 1,
       };
       expect(instance.repoForAction()).toEqual(expected);
     });
@@ -109,6 +110,7 @@ describe('Enabled Repositories Component', () => {
         type: 'foo',
         arch: 'foo',
         releasever: '1.1.1',
+        id: 1,
       };
       instance.reloadAndNotify = jest.fn();
       await instance.disableRepository();

data/webpack/scenes/RedHatRepositories/components/Search.js

@@ -2,7 +2,7 @@
 import React, { Component } from 'react';
 import { DropdownButton, MenuItem } from 'patternfly-react';
 import PropTypes from 'prop-types';
-
+import { translate as __ } from 'foremanReact/common/I18n';
 import '../index.scss';
 import Search from '../../../components/Search/index';
 import { orgId } from '../../../services/api';
@@ -14,17 +14,17 @@ class RepositorySearch extends Component {
       {
         key: 'available',
         endpoint: 'repository_sets',
-        title: 'Available',
+        title: __('Available'),
       },
       {
         key: 'enabled',
         endpoint: 'enabled_repositories',
-        title: 'Enabled',
+        title: __('Enabled'),
       },
       {
         key: 'both',
         endpoint: false,
-        title: 'Both',
+        title: __('Both'),
       },
     ];
     this.state = { searchList: this.dropDownItems[0] };

data/webpack/scenes/SmartProxy/SmartProxyContentActions.js

@@ -1,6 +1,6 @@
 import { API_OPERATIONS, get } from 'foremanReact/redux/API';
-import api, { orgId } from '../../services/api';
-import SMART_PROXY_CONTENT_KEY from './SmartProxyContentConstants';
+import api, { foremanApi, orgId } from '../../services/api';
+import SMART_PROXY_CONTENT_KEY, { SMART_PROXY_KEY } from './SmartProxyContentConstants';
 
 const getSmartProxyContent = ({ smartProxyId }) => get({
   type: API_OPERATIONS.GET,
@@ -8,4 +8,11 @@ const getSmartProxyContent = ({ smartProxyId }) => get({
   url: api.getApiUrl(`/capsules/${smartProxyId}/content/sync?${orgId()}`),
 });
 
+export const getSmartProxies = () => get({
+  type: API_OPERATIONS.GET,
+  key: SMART_PROXY_KEY,
+  url: foremanApi.getApiUrl('/smart_proxies'),
+  params: { organization_id: orgId() },
+});
+
 export default getSmartProxyContent;

data/webpack/scenes/SmartProxy/SmartProxyContentConstants.js

@@ -1,3 +1,3 @@
 const SMART_PROXY_CONTENT_KEY = 'SMART_PROXY_CONTENT';
-
+export const SMART_PROXY_KEY = 'SMART_PROXY';
 export default SMART_PROXY_CONTENT_KEY;

data/webpack/scenes/SmartProxy/SmartProxyContentSelectors.js

@@ -4,7 +4,7 @@ import {
   selectAPIResponse,
 } from 'foremanReact/redux/API/APISelectors';
 import { STATUS } from 'foremanReact/constants';
-import SMART_PROXY_CONTENT_KEY from './SmartProxyContentConstants';
+import SMART_PROXY_CONTENT_KEY, { SMART_PROXY_KEY } from './SmartProxyContentConstants';
 
 export const selectSmartProxyContent = state =>
   selectAPIResponse(state, SMART_PROXY_CONTENT_KEY) || {};
@@ -14,3 +14,12 @@ export const selectSmartProxyContentStatus = state =>
 
 export const selectSmartProxyContentError = state =>
   selectAPIError(state, SMART_PROXY_CONTENT_KEY);
+
+export const selectSmartProxy = state =>
+  selectAPIResponse(state, SMART_PROXY_KEY) || {};
+
+export const selectSmartProxyStatus = state =>
+  selectAPIStatus(state, SMART_PROXY_KEY) || STATUS.PENDING;
+
+export const selectSmartProxyError = state =>
+  selectAPIError(state, SMART_PROXY_KEY);

data/webpack/scenes/Subscriptions/Manifest/CdnConfigurationTab/CdnConfigurationConstants.js

@@ -2,11 +2,11 @@ import { translate as __ } from 'foremanReact/common/I18n';
 
 export const CDN_URL = 'https://cdn.redhat.com';
 
-export const [CDN, UPSTREAM_SERVER, AIRGAPPED] = ['redhat_cdn', 'upstream_server', 'airgapped'];
+export const [CDN, NETWORK_SYNC, EXPORT_SYNC] = ['redhat_cdn', 'network_sync', 'export_sync'];
 export const CDN_CONFIGURATION_TYPES = {
   redhat_cdn: __('Red Hat CDN'),
-  upstream_server: __('Upstream Foreman server'),
-  airgapped: __('Air-gapped'),
+  network_sync: __('Network Sync'),
+  export_sync: __('Export Sync'),
 };
 
 export const DEFAULT_ORGANIZATION_LABEL = 'Default_Organization';

data/webpack/scenes/Subscriptions/Manifest/CdnConfigurationTab/CdnTypeForm.js

@@ -68,6 +68,7 @@ const CdnTypeForm = ({ showUpdate, onUpdate, url }) => {
       </div>
       <FormGroup label={__('URL')} isRequired>
         <TextInput
+          ouiaId="cdn-configuration-url-input"
           aria-label="cdn-url"
           type="text"
           value={cdnUrl}
@@ -78,6 +79,7 @@ const CdnTypeForm = ({ showUpdate, onUpdate, url }) => {
 
       <ActionGroup>
         <Button
+          ouiaId="cdn-configuration-update-button"
           aria-label="update-cdn-configuration"
           variant="secondary"
           onClick={performUpdate}

data/webpack/scenes/Subscriptions/Manifest/CdnConfigurationTab/{AirGappedTypeForm.js → ExportSyncForm.js}

@@ -10,7 +10,7 @@ import {
 import { translate as __ } from 'foremanReact/common/I18n';
 import { noop } from 'foremanReact/common/helpers';
 
-import { AIRGAPPED } from './CdnConfigurationConstants';
+import { EXPORT_SYNC } from './CdnConfigurationConstants';
 import { updateCdnConfiguration } from '../../../Organizations/OrganizationActions';
 import {
   selectUpdatingCdnConfiguration,
@@ -18,14 +18,14 @@ import {
 
 import './CdnConfigurationForm.scss';
 
-const AirGappedTypeForm = ({ showUpdate, onUpdate }) => {
+const ExportSyncForm = ({ showUpdate, onUpdate }) => {
   const [updateEnabled, setUpdateEnabled] = useState(showUpdate);
   const updatingCdnConfiguration = useSelector(state => selectUpdatingCdnConfiguration(state));
   const dispatch = useDispatch();
   const performUpdate = () => {
     setUpdateEnabled(false);
     dispatch(updateCdnConfiguration({
-      type: AIRGAPPED,
+      type: EXPORT_SYNC,
     }, onUpdate));
   };
 
@@ -55,6 +55,7 @@ const AirGappedTypeForm = ({ showUpdate, onUpdate }) => {
 
       <ActionGroup>
         <Button
+          ouiaId="export-sync-configuration-update-button"
           aria-label="update-airgapped-configuration"
           variant="secondary"
           onClick={performUpdate}
@@ -69,13 +70,13 @@ const AirGappedTypeForm = ({ showUpdate, onUpdate }) => {
 };
 
 
-AirGappedTypeForm.propTypes = {
+ExportSyncForm.propTypes = {
   showUpdate: PropTypes.bool.isRequired,
   onUpdate: PropTypes.func,
 };
 
-AirGappedTypeForm.defaultProps = {
+ExportSyncForm.defaultProps = {
   onUpdate: noop,
 };
 
-export default AirGappedTypeForm;
+export default ExportSyncForm;