chore(deps): update dependency universal-cookie to v8 (#2512)

renovate[bot] · bradenmacdonald · web-flow · commit 8fe5fb6a2095 · 2025-10-06T23:08:46.000Z
* fix(deps): update dependency universal-cookie to v8

* refactor: validate typing of universal-cookie usages

---------

Co-authored-by: renovate[bot] &lt;29139614+renovate[bot]@users.noreply.github.com&gt;
Co-authored-by: Braden MacDonald &lt;braden@opencraft.com&gt;
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -97,7 +97,7 @@
     "redux-thunk": "^2.4.1",
     "reselect": "^4.1.5",
     "tinymce": "^5.10.4",
-    "universal-cookie": "^4.0.4",
+    "universal-cookie": "^8.0.0",
     "uuid": "^11.1.0",
     "xmlchecker": "^0.1.0",
     "yup": "0.32.11"
diff --git a/src/export-page/CourseExportPage.tsx b/src/export-page/CourseExportPage.tsx
@@ -1,5 +1,4 @@
 import React, { useEffect } from 'react';
-import PropTypes from 'prop-types';
 import { useDispatch, useSelector } from 'react-redux';
 import { useIntl } from '@edx/frontend-platform/i18n';
 import {
@@ -27,7 +26,7 @@ import ExportModalError from './export-modal-error/ExportModalError';
 import ExportFooter from './export-footer/ExportFooter';
 import ExportStepper from './export-stepper/ExportStepper';
 
-const CourseExportPage = ({ courseId }) => {
+const CourseExportPage = ({ courseId }: { courseId: string }) => {
   const intl = useIntl();
   const dispatch = useDispatch();
   const exportTriggered = useSelector(getExportTriggered);
@@ -128,8 +127,4 @@ const CourseExportPage = ({ courseId }) => {
   );
 };
 
-CourseExportPage.propTypes = {
-  courseId: PropTypes.string.isRequired,
-};
-
 export default CourseExportPage;
diff --git a/src/export-page/data/thunks.ts b/src/export-page/data/thunks.ts
@@ -88,7 +88,7 @@ export function fetchExportStatus(courseId) {
 
       dispatch(updateLoadingStatus({ status: RequestStatus.SUCCESSFUL }));
       return true;
-    } catch (error) {
+    } catch (error: any) {
       if (error.response && error.response.status === 403) {
         dispatch(updateLoadingStatus({ status: RequestStatus.DENIED }));
       } else {
diff --git a/src/export-page/utils.test.ts b/src/export-page/utils.test.ts
@@ -14,7 +14,7 @@ Object.defineProperty(window, 'location', {
 describe('setExportCookie', () => {
   it('should set the export cookie with the provided date and completed status', () => {
     const cookiesSetMock = jest.spyOn(Cookies.prototype, 'set');
-    const date = '2023-07-24';
+    const date = moment('2023-07-24').valueOf();
     const completed = true;
     setExportCookie(date, completed);
 
diff --git a/src/export-page/utils.ts b/src/export-page/utils.ts
@@ -7,11 +7,11 @@ import { LAST_EXPORT_COOKIE_NAME, SUCCESS_DATE_FORMAT } from './data/constants';
 /**
  * Sets an export-related cookie with the provided information.
  *
- * @param {Date} date - Date of export.
+ * @param date - Date of export (unix timestamp).
  * @param {boolean} completed - Indicates if export was completed successfully.
  * @returns {void}
  */
-export const setExportCookie = (date, completed) => {
+export const setExportCookie = (date: number, completed: boolean): void => {
   const cookies = new Cookies();
   cookies.set(LAST_EXPORT_COOKIE_NAME, { date, completed }, { path: window.location.pathname });
 };
diff --git a/src/import-page/CourseImportPage.tsx b/src/import-page/CourseImportPage.tsx
@@ -1,6 +1,5 @@
 /* eslint-disable max-len */
 import React, { useEffect } from 'react';
-import PropTypes from 'prop-types';
 import { useDispatch, useSelector } from 'react-redux';
 import { useIntl } from '@edx/frontend-platform/i18n';
 import {
@@ -24,7 +23,7 @@ import ImportSidebar from './import-sidebar/ImportSidebar';
 import FileSection from './file-section/FileSection';
 import messages from './messages';
 
-const CourseImportPage = ({ courseId }) => {
+const CourseImportPage = ({ courseId }: { courseId: string }) => {
   const intl = useIntl();
   const dispatch = useDispatch();
   const cookies = new Cookies();
@@ -104,8 +103,4 @@ const CourseImportPage = ({ courseId }) => {
   );
 };
 
-CourseImportPage.propTypes = {
-  courseId: PropTypes.string.isRequired,
-};
-
 export default CourseImportPage;
diff --git a/src/import-page/data/slice.ts b/src/import-page/data/slice.ts
diff --git a/src/import-page/data/thunks.ts b/src/import-page/data/thunks.ts
@@ -30,7 +30,7 @@ export function fetchImportStatus(courseId, fileName) {
       }
       dispatch(updateLoadingStatus(RequestStatus.SUCCESSFUL));
       return true;
-    } catch (error) {
+    } catch (error: any) {
       if (error.response && error.response.status === 403) {
         dispatch(updateLoadingStatus(RequestStatus.DENIED));
       } else {
diff --git a/src/import-page/messages.ts b/src/import-page/messages.ts
diff --git a/src/import-page/utils.test.ts b/src/import-page/utils.test.ts
@@ -1,4 +1,5 @@
 import Cookies from 'universal-cookie';
+import moment from 'moment';
 
 import { LAST_IMPORT_COOKIE_NAME } from './data/constants';
 import { setImportCookie } from './utils';
@@ -13,7 +14,7 @@ Object.defineProperty(window, 'location', {
 describe('setImportCookie', () => {
   it('should set the import cookie with the provided data', () => {
     const cookiesSetMock = jest.spyOn(Cookies.prototype, 'set');
-    const date = '2023-07-24';
+    const date = moment('2023-07-24').valueOf();
     const completed = true;
     const fileName = 'testFileName.test';
     setImportCookie(date, completed, fileName);
diff --git a/src/import-page/utils.ts b/src/import-page/utils.ts
@@ -5,12 +5,11 @@ import { LAST_IMPORT_COOKIE_NAME } from './data/constants';
 /**
  * Sets an import-related cookie with the provided information.
  *
- * @param {Date} date - Date of import.
+ * @param date - Date of import (unix timestamp).
  * @param {boolean} completed - Indicates if import was completed successfully.
  * @param {string} fileName - File name.
- * @returns {void}
  */
-export const setImportCookie = (date, completed, fileName) => {
+export const setImportCookie = (date: number, completed: boolean, fileName: string): void => {
   const cookies = new Cookies();
   cookies.set(LAST_IMPORT_COOKIE_NAME, { date, completed, fileName }, { path: window.location.pathname });
 };

Original file line number	Diff line number	Diff line change
`@@ -30,7 +30,7 @@ export function fetchImportStatus(courseId, fileName) {`
`30`	`30`	`}`
`31`	`31`	`dispatch(updateLoadingStatus(RequestStatus.SUCCESSFUL));`
`32`	`32`	`return true;`
`33`		`- } catch (error) {`
	`33`	`+ } catch (error: any) {`
`34`	`34`	`if (error.response && error.response.status === 403) {`
`35`	`35`	`dispatch(updateLoadingStatus(RequestStatus.DENIED));`
`36`	`36`	`} else {`