diff --git a/package-lock.json b/package-lock.json index c19499ad5..860a39a8a 100644 --- a/package-lock.json +++ b/package-lock.json @@ -14,7 +14,6 @@ "@dnd-kit/sortable": "^8.0.0", "@dnd-kit/utilities": "^3.2.2", "@edx/brand": "npm:@openedx/brand-openedx@^1.2.3", - "@edx/frontend-component-ai-translations": "^2.1.0", "@edx/frontend-component-footer": "^14.0.3", "@edx/frontend-component-header": "^5.3.3", "@edx/frontend-enterprise-hotjar": "^2.0.0", @@ -2377,82 +2376,6 @@ "eslint-plugin-react-hooks": "^1.7.0 || ^4.0.0" } }, - "node_modules/@edx/frontend-component-ai-translations": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/@edx/frontend-component-ai-translations/-/frontend-component-ai-translations-2.1.0.tgz", - "integrity": "sha512-odH8QxBYtanMMoPXiNYljcI4jTWi80NTYGJXm18M3OvIdQ4sL415KheBk73Za0ZVFHFzOs7zpFO9ZU0UgcXFVQ==", - "dependencies": { - "babel-polyfill": "6.26.0", - "prop-types": "^15.5.10", - "react": "^16.9.0 || ^17.0.0", - "react-dom": "^16.9.0 || ^17.0.0", - "react-responsive": "8.2.0", - "react-router-dom": "6.16.0", - "ts-jest": "^29.1.2" - }, - "peerDependencies": { - "@edx/frontend-platform": "^7.0.0 || ^8.0.0", - "@openedx/paragon": "^21.5.7 || ^22.0.0", - "prop-types": "^15.5.10", - "react": "^16.9.0 || ^17.0.0", - "react-dom": "^16.9.0 || ^17.0.0" - } - }, - "node_modules/@edx/frontend-component-ai-translations/node_modules/@remix-run/router": { - "version": "1.9.0", - "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.9.0.tgz", - "integrity": "sha512-bV63itrKBC0zdT27qYm6SDZHlkXwFL1xMBuhkn+X7l0+IIhNaH5wuuvZKp6eKhCD4KFhujhfhCT1YxXW6esUIA==", - "engines": { - "node": ">=14.0.0" - } - }, - "node_modules/@edx/frontend-component-ai-translations/node_modules/react-responsive": { - "version": "8.2.0", - "resolved": "https://registry.npmjs.org/react-responsive/-/react-responsive-8.2.0.tgz", - "integrity": "sha512-iagCqVrw4QSjhxKp3I/YK6+ODkWY6G+YPElvdYKiUUbywwh9Ds0M7r26Fj2/7dWFFbOpcGnJE6uE7aMck8j5Qg==", - "dependencies": { - "hyphenate-style-name": "^1.0.0", - "matchmediaquery": "^0.3.0", - "prop-types": "^15.6.1", - "shallow-equal": "^1.1.0" - }, - "engines": { - "node": ">= 0.10" - }, - "peerDependencies": { - "react": ">=16.8.0" - } - }, - "node_modules/@edx/frontend-component-ai-translations/node_modules/react-router-dom": { - "version": "6.16.0", - "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.16.0.tgz", - "integrity": "sha512-aTfBLv3mk/gaKLxgRDUPbPw+s4Y/O+ma3rEN1u8EgEpLpPe6gNjIsWt9rxushMHHMb7mSwxRGdGlGdvmFsyPIg==", - "dependencies": { - "@remix-run/router": "1.9.0", - "react-router": "6.16.0" - }, - "engines": { - "node": ">=14.0.0" - }, - "peerDependencies": { - "react": ">=16.8", - "react-dom": ">=16.8" - } - }, - "node_modules/@edx/frontend-component-ai-translations/node_modules/react-router-dom/node_modules/react-router": { - "version": "6.16.0", - "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.16.0.tgz", - "integrity": "sha512-VT4Mmc4jj5YyjpOi5jOf0I+TYzGpvzERy4ckNSvSh2RArv8LLoCxlsZ2D+tc7zgjxcY34oTz2hZaeX5RVprKqA==", - "dependencies": { - "@remix-run/router": "1.9.0" - }, - "engines": { - "node": ">=14.0.0" - }, - "peerDependencies": { - "react": ">=16.8" - } - }, "node_modules/@edx/frontend-component-footer": { "version": "14.0.5", "resolved": "https://registry.npmjs.org/@edx/frontend-component-footer/-/frontend-component-footer-14.0.5.tgz", diff --git a/package.json b/package.json index dd1cc0d48..f3daa1374 100644 --- a/package.json +++ b/package.json @@ -42,7 +42,6 @@ "@dnd-kit/sortable": "^8.0.0", "@dnd-kit/utilities": "^3.2.2", "@edx/brand": "npm:@openedx/brand-openedx@^1.2.3", - "@edx/frontend-component-ai-translations": "^2.1.0", "@edx/frontend-component-footer": "^14.0.3", "@edx/frontend-component-header": "^5.3.3", "@edx/frontend-enterprise-hotjar": "^2.0.0", diff --git a/src/files-and-videos/videos-page/transcript-settings/TranscriptSettings.jsx b/src/files-and-videos/videos-page/transcript-settings/TranscriptSettings.jsx index 742189909..541ac2445 100644 --- a/src/files-and-videos/videos-page/transcript-settings/TranscriptSettings.jsx +++ b/src/files-and-videos/videos-page/transcript-settings/TranscriptSettings.jsx @@ -11,7 +11,7 @@ import { TransitionReplace, } from '@openedx/paragon'; import { ChevronLeft, ChevronRight, Close } from '@openedx/paragon/icons'; -import AITranslationsComponent from '@edx/frontend-component-ai-translations'; +import { PluginSlot } from '@openedx/frontend-plugin-framework'; import OrderTranscriptForm from './OrderTranscriptForm'; import messages from './messages'; import { @@ -114,18 +114,19 @@ const TranscriptSettings = ({ )} - {(!transcriptType && isAiTranslationsEnabled) && ( - -
- -
-
- )} + +
+ +
+
); diff --git a/src/files-and-videos/videos-page/transcript-settings/TranscriptSettings.test.jsx b/src/files-and-videos/videos-page/transcript-settings/TranscriptSettings.test.jsx index 55a97747a..b45d6e8aa 100644 --- a/src/files-and-videos/videos-page/transcript-settings/TranscriptSettings.test.jsx +++ b/src/files-and-videos/videos-page/transcript-settings/TranscriptSettings.test.jsx @@ -616,36 +616,7 @@ describe('TranscriptSettings', () => { }); }); - describe('Ai translations component fails', () => { - beforeEach(async () => { - initializeMockApp({ - authenticatedUser: { - userId: 3, - username: 'abc123', - administrator: false, - roles: [], - }, - }); - store = initializeStore({ - ...initialState, - videos: { - ...initialState.videos, - pageSettings: { - ...initialState.videos.pageSettings, - }, - }, - }); - axiosMock = new MockAdapter(getAuthenticatedHttpClient()); - - renderComponent(defaultProps); - }); - - it('doesn\'t display AI translations component if not enabled', () => { - expect(screen.queryByTestId('ai-translations-component')).not.toBeInTheDocument(); - }); - }); - - describe('Ai translations component success', () => { + describe('Translations component success', () => { beforeEach(async () => { initializeMockApp({ authenticatedUser: { @@ -671,7 +642,7 @@ describe('TranscriptSettings', () => { }); it('displays AI translations component if enabled', () => { - const component = screen.getByTestId('ai-translations-component'); + const component = screen.getByTestId('translations-component'); expect(component).toBeInTheDocument(); }); });