WORLDSERVICE-185: Replace uuid with crypto.randomUUID (#12361)

* Replace references of uuid with crypto.randomUUID

* Delete incorrect import

* Update test

* Update bundle size :grimace:

* Fix tests

* Use original mock value

* Fix test

* Mocking of uuid

* Linting

* Fix test

* Mock UUID

* Fix tests

* Correct uuid format

* Correct uuid format

* Correct uuid format

* Remove console log

* Fix test

* Enforce SSL encryption of cookie

* Remove outdated package

* Increase bundle size

* Mock optimizely in tests

* Fix tests

* Remove unnecessary line

---------

Co-authored-by: Pedram <72317734+pvaliani@users.noreply.github.com>

Author: karinathomasbbc

.github/dependabot.yml

@@ -15,9 +15,6 @@ updates:
         update-types: ['version-update:semver-major']
       - dependency-name: '@typescript-eslint/eslint-plugin'
         update-types: ['version-update:semver-major']
-      # Opera Mini unsupported packages
-      - dependency-name: 'uuid' # https://github.com/bbc/simorgh/pull/11840
-      - dependency-name: '@types/uuid' # https://github.com/bbc/simorgh/pull/11840
       # https://jira.dev.bbc.co.uk/browse/NEWSWORLDSERVICE-1478 react-router & react-router-dom
       - dependency-name: 'react-router-dom'
       - dependency-name: 'react-router'

.yarn/cache/@types-uuid-npm-9.0.8-3eeeaa5abb-b8c60b7ba8.zip

@@ -12,7 +12,7 @@
     "privacyNotice": {
       "default": "<p>Si bien leemos lo mensajes que recibimos, no podemos garantizar que responderemos a todos.</p>\n<p>Los datos personales que proporcione ser&aacute;n procesados por la BBC y cualquier proveedor de servicios relevante del que dependamos para respaldar nuestros sistemas de quejas y de participaci&oacute;n de la audiencia con el fin manejar sus comentarios. La BBC y nuestros proveedores de servicios retendr&aacute;n sus datos de acuerdo con nuestra pol&iacute;tica de retenci&oacute;n y el Reglamento General de Protecci&oacute;n de Datos.</p>\n<p>La BBC procesa sus datos sobre la base de sus intereses leg&iacute;timos como organizaci&oacute;n de medios para responder a los comentarios y preocupaciones de la audiencia. Visite la <a href=\"https://www.bbc.com/mundo/institucional-36400009\">Cl&aacute;usula de privacidad</a> y <a href=\"http://www.bbc.co.uk/usingthebbc/cookies/\">Cookies</a> de la BBC para obtener m&aacute;s informaci&oacute;n sobre c&oacute;mo la BBC maneja sus datos. Si presenta una queja ante la BBC sobre c&oacute;mo manejamos sus datos personales y usted no est&aacute; satisfecho con nuestra respuesta, puede presentar una queja ante la Oficina del Comisionado de Informaci&oacute;n de Reino Unido.</p>",
       "url": "https://www.bbc.com/mundo/institucional-36400009",
-      "additional": ""
+    "additional": ""
     },
     "settings": {
       "moderationRequired": false,

.yarn/cache/uuid-npm-3.4.0-4fd8ef88ad-4f2b86432b.zip

@@ -10,7 +10,6 @@
   ],
   "resolutions": {
     "@optimizely/js-sdk-utils": "0.4.0",
-    "uuid": "3.4.0",
     "winston@3.8.2": "patch:winston@npm:3.8.2#.yarn/patches/winston-npm-3.8.2-2035e9cac4.patch",
     "cookie": "0.7.1",
     "react-is": "19.0.0"
@@ -128,7 +127,6 @@
     "react-router-dom": "5.3.4",
     "undici": "7.4.0",
     "url-parse": "1.5.10",
-    "uuid": "8.3.2",
     "winston": "patch:winston@3.8.2#./patches/winston-file-descriptor.patch"
   },
   "devDependencies": {
@@ -186,7 +184,6 @@
     "@types/react-router-dom": "5.3.3",
     "@types/testing-library__react": "10.2.0",
     "@types/url-parse": "^1.4.8",
-    "@types/uuid": "^9.0.8",
     "@typescript-eslint/eslint-plugin": "5.62.0",
     "@typescript-eslint/parser": "8.26.1",
     "amphtml-validator": "1.0.38",

.yarn/cache/uuid-npm-8.3.2-eca0baba53-9a5f7aa1d6.zip

@@ -7,5 +7,5 @@
  * We are allowing a variance of -5 on `MIN_SIZE` and +5 on `MAX_SIZE` to avoid the need for frequent changes, as bundle sizes can fluctuate
  */
 
-export const MIN_SIZE = 759 - 5;
-export const MAX_SIZE = 1213 + 5;
+export const MIN_SIZE = 779 - 5;
+export const MAX_SIZE = 1244 + 5;

.yarn/cache/uuid-npm-9.0.1-39a8442bc6-9d0b6adb72.zip

@@ -38,6 +38,10 @@ const DummyComponentWithContext = () => (
   </UserContextProvider>
 );
 
+jest.mock('#app/lib/utilities/getUUID', () =>
+  jest.fn().mockImplementation(() => '12345678-abcd-1fed-0123-a1b2c3d4e5f6'),
+);
+
 describe('UserContext', () => {
   beforeEach(() => {
     (getCookiePolicy as jest.Mock).mockReturnValue('111');

data/mundo/send/u50853489.json

@@ -5,11 +5,11 @@ import React, {
   SetStateAction,
   useMemo,
 } from 'react';
-import { v4 as uuid } from 'uuid';
 import Cookie from 'js-cookie';
 import onClient from '#app/lib/utilities/onClient';
 import isOperaProxy from '#app/lib/utilities/isOperaProxy';
 import setCookie from '#app/lib/utilities/setCookie';
+import getUUID from '#app/lib/utilities/getUUID';
 import { getCookiePolicy, personalisationEnabled } from './cookies';
 import Chartbeat from './Chartbeat';
 
@@ -29,7 +29,7 @@ const cknsMvtCookie = () => {
   const cookieValue = Cookie.get(cookieName);
 
   if (!cookieValue) {
-    const cookieUuid = uuid();
+    const cookieUuid = getUUID();
     setCookie({ name: cookieName, value: cookieUuid });
   }
 };