Merge pull request #183 from BinaryStudioAcademy/fix/OV-182-fix-crypt…

…o-error

OV-182: Fix crypto error

frontend/src/bundles/studio/mocks/mock.helper.ts

@@ -1,4 +1,5 @@
 import { secondsToMilliseconds } from 'date-fns';
+import { v4 as uuidv4 } from 'uuid';
 
 import { type TimelineItem, type TimelineRows } from '../types/types.js';
 
@@ -9,7 +10,7 @@ const generateMockItems = (
     return Array.from({ length: count })
         .fill(0)
         .map(() => ({
-            id: self.crypto.randomUUID(),
+            id: uuidv4(),
             duration,
         }));
 };

frontend/src/bundles/studio/store/slice.ts

@@ -1,5 +1,6 @@
 import { createSlice } from '@reduxjs/toolkit';
 import { type PayloadAction } from '@reduxjs/toolkit';
+import { v4 as uuidv4 } from 'uuid';
 
 import { DataStatus, VideoPreview } from '~/bundles/common/enums/enums.js';
 import {
@@ -34,7 +35,7 @@ const { reducer, actions, name } = createSlice({
     reducers: {
         addScript(state, action: PayloadAction<string>) {
             const script = {
-                id: self.crypto.randomUUID(),
+                id: uuidv4(),
                 text: action.payload,
             };
 

package.json

@@ -34,6 +34,7 @@
         "@commitlint/cli": "19.4.0",
         "@commitlint/config-conventional": "19.2.2",
         "@ls-lint/ls-lint": "2.2.3",
+        "@types/uuid": "10.0.0",
         "@typescript-eslint/eslint-plugin": "6.19.1",
         "danger": "12.3.3",
         "editorconfig-checker": "5.1.8",
@@ -54,5 +55,8 @@
     "simple-git-hooks": {
         "pre-commit": "npx lint-staged",
         "commit-msg": "npx commitlint --edit $1"
+    },
+    "dependencies": {
+        "uuid": "10.0.0"
     }
 }