diff --git a/flowsint-app/package.json b/flowsint-app/package.json index e3a0d9c6..35bf642f 100644 --- a/flowsint-app/package.json +++ b/flowsint-app/package.json @@ -111,6 +111,7 @@ "three-spritetext": "^1.9.6", "tw-animate-css": "^1.3.2", "usehooks-ts": "^3.1.1", + "uuid": "^13.0.0", "vaul": "^1.1.2", "zod": "^3.25.42" }, diff --git a/flowsint-app/src/components/graphs/add-item-dialog.tsx b/flowsint-app/src/components/graphs/add-item-dialog.tsx index 6b15ce32..456c98c6 100644 --- a/flowsint-app/src/components/graphs/add-item-dialog.tsx +++ b/flowsint-app/src/components/graphs/add-item-dialog.tsx @@ -1,4 +1,5 @@ import { useState, useCallback } from 'react' +import { v4 as uuidv4 } from 'uuid' import { Button } from '@/components/ui/button' import { ArrowLeft, ArrowRight } from 'lucide-react' import { toast } from 'sonner' @@ -38,8 +39,8 @@ export default function AddItemDialog() { const [navigationHistory, setNavigationHistory] = useState([]) const generateTempId = () => { - // Generate a temporary ID in the format: 4:uuid:0 - const uuid = crypto.randomUUID() + // Generate a temporary ID in the format: temp:uuid:0 + const uuid = uuidv4() return `temp:${uuid}:0` } diff --git a/yarn.lock b/yarn.lock index 75f51f70..d37235aa 100644 --- a/yarn.lock +++ b/yarn.lock @@ -8704,6 +8704,11 @@ utility-types@^3.11.0: resolved "https://registry.yarnpkg.com/utility-types/-/utility-types-3.11.0.tgz#607c40edb4f258915e901ea7995607fdf319424c" integrity sha512-6Z7Ma2aVEWisaL6TvBCy7P8rm2LQoPv6dJ7ecIaIixHcwfbJ0x7mWdbcwlIM5IGQxPZSFYeqRCqlOOeKoJYMkw== +uuid@^13.0.0: + version "13.0.0" + resolved "https://registry.yarnpkg.com/uuid/-/uuid-13.0.0.tgz#263dc341b19b4d755eb8fe36b78d95a6b65707e8" + integrity sha512-XQegIaBTVUjSHliKqcnFqYypAd4S+WCYt5NIeRs6w/UAry7z8Y9j5ZwRRL4kzq9U3sD6v+85er9FvkEaBpji2w== + validate-npm-package-license@^3.0.1: version "3.0.4" resolved "https://registry.yarnpkg.com/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz#fc91f6b9c7ba15c857f4cb2c5defeec39d4f410a"