feat: whole course translations (#1330)

* feat: add language selection

chore: update tests so we have less error message

test: update test

* test: update tests

* chore: remove duplicate translation

* chore: lint for console

* chore: remove comments

* chore: make sure the affect url frame refresh after the language selection change

* chore: add whole_course_translation and language to courseware meta (#1305)

* feat: Add feedback widget UI mock

Add unit tests

Fix snapshot

Clean Sequence component logEvent calls

Clean unit test

Put feedback widget behind whole course translation flag

Fix useFeedbackWidget test

* chore: add src and dest translation

* feat: first iteration of plugin translation

chore: update plugin instruction

* feat: Connect FeedbackWidget with backend services (#1325)

Connect FeedbackWidget with backend services

Move feedback widget to unit translation plugin

* feat: Add authentication to WCT feedback endpoints (#1329)

* chore: add fetch config and move feedback widget for the plugin

chore: rewrite and test the api request

chore: rebase

chore: update translation feedback

chore: test

chore: add more tests

* chore: rebase

* chore: update requested change

* chore: update package

* chore: upgrade frontend-lib-special-exams and frontend-lib-learning-assistant

* chore: update tests

* chore: remove unneeded package

* chore: update example config

* chore: add source-map-loader

* fix: feedback widget render error after submit feedback (#1335)

* fix: feedback widget render error after submit feedback

* fix: widget logic

---------

Co-authored-by: Rodrigo Martin <rodrigom_94@hotmail.com>

src/courseware/course/sequence/Unit/hooks/useIFrameBehavior.js

@@ -5,9 +5,9 @@ import { useDispatch } from 'react-redux';
 import { StrictDict, useKeyedState } from '@edx/react-unit-test-utils';
 import { logError } from '@edx/frontend-platform/logging';
 
-import { fetchCourse } from '../../../../data';
-import { processEvent } from '../../../../../course-home/data/thunks';
-import { useEventListener } from '../../../../../generic/hooks';
+import { fetchCourse } from '@src/courseware/data';
+import { processEvent } from '@src/course-home/data/thunks';
+import { useEventListener } from '@src/generic/hooks';
 import { messageTypes } from '../constants';
 
 import useLoadBearingHook from './useLoadBearingHook';

src/courseware/course/sequence/Unit/hooks/useIFrameBehavior.test.js

@@ -5,9 +5,9 @@ import { getEffects, mockUseKeyedState } from '@edx/react-unit-test-utils';
 import { logError } from '@edx/frontend-platform/logging';
 
 import { getConfig } from '@edx/frontend-platform';
-import { fetchCourse } from '../../../../data';
-import { processEvent } from '../../../../../course-home/data/thunks';
-import { useEventListener } from '../../../../../generic/hooks';
+import { fetchCourse } from '@src/courseware/data';
+import { processEvent } from '@src/course-home/data/thunks';
+import { useEventListener } from '@src/generic/hooks';
 
 import { messageTypes } from '../constants';
 
@@ -33,13 +33,13 @@ jest.mock('@edx/frontend-platform/logging', () => ({
   logError: jest.fn(),
 }));
 
-jest.mock('../../../../data', () => ({
+jest.mock('@src/courseware/data', () => ({
   fetchCourse: jest.fn(),
 }));
-jest.mock('../../../../../course-home/data/thunks', () => ({
+jest.mock('@src/course-home/data/thunks', () => ({
   processEvent: jest.fn((...args) => ({ processEvent: args })),
 }));
-jest.mock('../../../../../generic/hooks', () => ({
+jest.mock('@src/generic/hooks', () => ({
   useEventListener: jest.fn(),
 }));
 

src/courseware/course/sequence/Unit/hooks/useModalIFrameData.js

@@ -2,7 +2,7 @@ import React from 'react';
 
 import { StrictDict, useKeyedState } from '@edx/react-unit-test-utils/dist';
 
-import { useEventListener } from '../../../../../generic/hooks';
+import { useEventListener } from '@src/generic/hooks';
 
 export const stateKeys = StrictDict({
   isOpen: 'isOpen',

src/courseware/course/sequence/Unit/hooks/useModalIFrameData.test.js

@@ -1,5 +1,5 @@
 import { mockUseKeyedState } from '@edx/react-unit-test-utils';
-import { useEventListener } from '../../../../../generic/hooks';
+import { useEventListener } from '@src/generic/hooks';
 import { messageTypes } from '../constants';
 
 import useModalIFrameData, { stateKeys, DEFAULT_HEIGHT } from './useModalIFrameData';
@@ -8,7 +8,7 @@ jest.mock('react', () => ({
   ...jest.requireActual('react'),
   useCallback: jest.fn((cb, prereqs) => ({ cb, prereqs })),
 }));
-jest.mock('../../../../../generic/hooks', () => ({
+jest.mock('@src/generic/hooks', () => ({
   useEventListener: jest.fn(),
 }));
 

src/courseware/course/sequence/Unit/hooks/useShouldDisplayHonorCode.js

@@ -1,7 +1,7 @@
 import React from 'react';
 
 import { StrictDict, useKeyedState } from '@edx/react-unit-test-utils/dist';
-import { useModel } from '../../../../../generic/model-store';
+import { useModel } from '@src/generic/model-store';
 
 import { modelKeys } from '../constants';
 

src/courseware/course/sequence/Unit/hooks/useShouldDisplayHonorCode.test.js

@@ -1,7 +1,7 @@
 import React from 'react';
 
 import { getEffects, mockUseKeyedState } from '@edx/react-unit-test-utils';
-import { useModel } from '../../../../../generic/model-store';
+import { useModel } from '@src/generic/model-store';
 
 import { modelKeys } from '../constants';
 
@@ -11,7 +11,7 @@ jest.mock('react', () => ({
   ...jest.requireActual('react'),
   useEffect: jest.fn(),
 }));
-jest.mock('../../../../../generic/model-store', () => ({
+jest.mock('@src/generic/model-store', () => ({
   useModel: jest.fn(),
 }));