Update tutorial workflow

app/Base/configs/routes.tsx

@@ -60,7 +60,7 @@ const newTutorial = wrap({
     path: '/tutorial/new/',
     title: 'New Tutorial',
     navbarVisibility: true,
-    component: lazy(() => import('#views/TutorialForm')),
+    component: lazy(() => import('#views/NewTutorial')),
     componentProps: {},
     visibility: 'is-authenticated',
 });
@@ -69,7 +69,7 @@ const editTutorial = wrap({
     path: '/tutorial/:id/edit/',
     title: 'Edit Tutorial',
     navbarVisibility: true,
-    component: lazy(() => import('#views/TutorialForm')),
+    component: lazy(() => import('#views/EditTutorial')),
     componentProps: {},
     visibility: 'is-authenticated',
 });

app/components/GeoJsonAssetMapSource/index.tsx

@@ -7,7 +7,7 @@ import { gql } from 'urql';
 
 import GeoJsonMapSource from '#components/GeoJsonMapSource';
 import {
-    ProjectAssetMimetypeEnum,
+    AssetMimetypeEnum,
     useProjectAssetPreviewQuery,
 } from '#generated/types/graphql';
 
@@ -48,7 +48,7 @@ function GeoJsonAssetMapSource(props: Props) {
         async function fetchGeoJson() {
             if (isNotDefined(geometryAssetResponse)
                 || geometryAssetResponse
-                    .projectAsset.mimetype !== ProjectAssetMimetypeEnum.Geojson
+                    .projectAsset.mimetype !== AssetMimetypeEnum.Geojson
             ) {
                 return;
             }

app/views/EditProject/AssetInput/index.tsx

@@ -12,7 +12,7 @@ import { gql } from 'urql';
 import FileInput from '#components/FileInput';
 import InputContainerLayout, { Props as InputContainerLayoutProps } from '#components/InputContainerLayout';
 import {
-    ProjectAssetMimetypeEnum,
+    AssetMimetypeEnum,
     useCreateProjectAssetMutation,
 } from '#generated/types/graphql';
 import { OPERATION_INFO_FRAGMENT } from '#utils/query';
@@ -76,11 +76,11 @@ function AssetInput<const NAME>(props: Props<NAME>) {
     const handleFileInputChange = useCallback(async (file: File | undefined) => {
         if (file) {
             const { type } = file;
-            const mimetypeEnumMap: Record<string, ProjectAssetMimetypeEnum> = {
-                'image/jpeg': ProjectAssetMimetypeEnum.ImageJpeg,
-                'image/png': ProjectAssetMimetypeEnum.ImagePng,
-                'image/gif': ProjectAssetMimetypeEnum.ImageGif,
-                'application/geo+json': ProjectAssetMimetypeEnum.Geojson,
+            const mimetypeEnumMap: Record<string, AssetMimetypeEnum> = {
+                'image/jpeg': AssetMimetypeEnum.ImageJpeg,
+                'image/png': AssetMimetypeEnum.ImagePng,
+                'image/gif': AssetMimetypeEnum.ImageGif,
+                'application/geo+json': AssetMimetypeEnum.Geojson,
             };
 
             const selectedEnum = mimetypeEnumMap[type];

app/views/EditProject/ProjectAssetPreview/index.tsx

@@ -12,7 +12,7 @@ import { gql } from 'urql';
 import GeoJsonPreview from '#components/GeoJsonPreview';
 import { PartialRasterTileServerInputFields } from '#components/RasterTileServerInput/schema';
 import {
-    ProjectAssetMimetypeEnum,
+    AssetMimetypeEnum,
     useProjectAssetPreviewQuery,
 } from '#generated/types/graphql';
 
@@ -63,7 +63,7 @@ function ProjectAssetPreview(props: Props) {
         ImagePng,
         ImageJpeg,
         Geojson,
-    } = ProjectAssetMimetypeEnum;
+    } = AssetMimetypeEnum;
 
     useEffect(() => {
         async function fetchGeoJson() {

app/views/TutorialForm/InformationPageInput/schema.ts → app/views/EditTutorial/InformationPageInput/schema.ts

@@ -3,23 +3,13 @@ import {
     PartialForm,
 } from '@togglecorp/toggle-form';
 
-import {
-    TutorialInformationPageBlockCreateInput,
-    TutorialInformationPageCreateInput,
-} from '#generated/types/graphql';
-import {
-    DeepNonNullable,
-    DeepReplace,
-} from '#utils/types';
+import { TutorialInformationPageCreateInput } from '#generated/types/graphql';
+import { DeepNonNullable } from '#utils/types';
 
-import blockFormSchema, { BlockInputFields } from './BlockInput/schema';
+import blockFormSchema from './BlockInput/schema';
 
 export type InformationPagesInputFields = DeepNonNullable<
-    DeepReplace<
-        TutorialInformationPageCreateInput & { clientId: string },
-        TutorialInformationPageBlockCreateInput,
-        BlockInputFields
-    >
+    TutorialInformationPageCreateInput
 >;
 
 export type PartialInformationPageInputFields = PartialForm<

app/views/TutorialForm/ScenarioPageInput/TaskInput/schema.ts → app/views/EditTutorial/ScenarioPageInput/TaskInput/schema.ts

@@ -11,9 +11,9 @@ import {
 } from '#generated/types/graphql';
 import { DeepNonNullable } from '#utils/types';
 import {
-    type PartialTutorialCreateInputFields,
+    type PartialTutorialUpdateInputFields,
     type TutorialFormContext,
-} from '#views/TutorialForm/schema';
+} from '#views/EditTutorial/schema';
 
 import comparePropertyInputSchema from './ComparePropertyInput/schema';
 import completenessPropertyInputSchema from './CompletenessPropertyInput/schema';
@@ -24,15 +24,15 @@ export type TaskInputFields = DeepNonNullable<TutorialTaskCreateInput>;
 export type PartialTaskInputFields = PartialForm<TaskInputFields, 'clientId'>;
 type TaskSchema = ObjectSchema<
     PartialTaskInputFields,
-    PartialTutorialCreateInputFields,
+    PartialTutorialUpdateInputFields,
     TutorialFormContext
 >;
 
 type ProjectTypeSpecifics = DeepNonNullable<TutorialTaskProjectTypeSpecificInput>;
 export type PartialProjectTypeSpecifics = PartialForm<ProjectTypeSpecifics>;
 type ProjectTypeSpecificsSchema = ObjectSchema<
     PartialProjectTypeSpecifics,
-    PartialTutorialCreateInputFields,
+    PartialTutorialUpdateInputFields,
     TutorialFormContext
 >;
 

app/views/TutorialForm/ScenarioPageInput/schema.ts → app/views/EditTutorial/ScenarioPageInput/schema.ts

@@ -7,7 +7,7 @@ import { TutorialScenarioPageCreateInput } from '#generated/types/graphql';
 import { DeepNonNullable } from '#utils/types';
 
 import {
-    type PartialTutorialCreateInputFields,
+    type PartialTutorialUpdateInputFields,
     type TutorialFormContext,
 } from '../schema';
 import taskSchema from './TaskInput/schema';
@@ -23,7 +23,7 @@ export type PartialScenarioPageInputFields = PartialForm<
 
 export type ScenarioPageSchema = ObjectSchema<
     PartialScenarioPageInputFields,
-    PartialTutorialCreateInputFields,
+    PartialTutorialUpdateInputFields,
     TutorialFormContext
 >;