fix: create a new Vertical from a Library Unit

Author: pomegranited

src/course-outline/CourseOutline.test.jsx

@@ -447,7 +447,7 @@ describe('<CourseOutline />', () => {
     const [subsection] = section.childInfo.children;
     expect(axiosMock.history.post[0].data).toBe(JSON.stringify({
       type: COMPONENT_TYPES.libraryV2,
-      category: 'unit',
+      category: 'vertical',
       parent_locator: subsection.id,
       library_content_key: containerKey,
     }));

src/course-outline/subsection-card/SubsectionCard.jsx

@@ -186,7 +186,7 @@ const SubsectionCard = ({
   const handleSelectLibraryUnit = useCallback((selectedUnit) => {
     onAddUnitFromLibrary({
       type: COMPONENT_TYPES.libraryV2,
-      category: ContainerType.Unit,
+      category: ContainerType.Vertical,
       parentLocator: id,
       libraryContentKey: selectedUnit.usageKey,
     });

src/course-outline/subsection-card/SubsectionCard.test.jsx

@@ -298,7 +298,7 @@ describe('<SubsectionCard />', () => {
     expect(handleOnAddUnitFromLibrary).toHaveBeenCalledWith({
       type: COMPONENT_TYPES.libraryV2,
       parentLocator: '123',
-      category: 'unit',
+      category: 'vertical',
       libraryContentKey: containerKey,
     });
   });

src/generic/key-utils.ts

@@ -52,6 +52,7 @@ export const buildCollectionUsageKey = (learningContextKey: string, collectionId
 
 export enum ContainerType {
   Unit = 'unit',
+  Vertical = 'vertical',
 }
 
 /**