@jobber/components-native 0.113.5 → 0.113.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components-native",
-  "version": "0.113.5",
+  "version": "0.113.6",
   "license": "MIT",
   "description": "React Native implementation of Atlantis",
   "repository": {
@@ -67,13 +67,13 @@
     "react-intl": "^7.1.11",
     "react-native-keyboard-controller": "^1.20.7",
     "react-native-toast-message": "^2.1.6",
-    "react-native-uuid": "^1.4.9",
+    "react-native-uuid": "^2.0.4",
     "ts-xor": "^1.1.0"
   },
   "devDependencies": {
     "@babel/runtime": "^7.29.2",
     "@gorhom/bottom-sheet": "^5.2.8",
-    "@jobber/design": "0.111.0",
+    "@jobber/design": "0.112.0",
     "@jobber/hooks": "2.21.1",
     "@react-native-community/datetimepicker": "^8.4.5",
     "@react-native/babel-preset": "^0.82.1",
@@ -86,7 +86,6 @@
     "@types/lodash.debounce": "^4.0.7",
     "@types/lodash.identity": "^3.0.7",
     "@types/node": "^22.19.17",
-    "@types/react-native-uuid": "^1.4.0",
     "@types/react-test-renderer": "19.1.0",
     "date-fns": "^2.30.0",
     "date-fns-tz": "^2.0.0",
@@ -124,5 +123,5 @@
     "react-native-screens": ">=4.18.0",
     "react-native-svg": ">=12.0.0"
   },
-  "gitHead": "a39de5621289f06a4d21d021130ff191937cd851"
+  "gitHead": "e730613f3ba3851d31e78cbae08a8b832a1605d5"
 }

package/src/AutoLink/hooks/useTokenGenerator.ts

@@ -1,9 +1,9 @@
 import { useState } from "react";
-import { v1 } from "react-native-uuid";
+import uuid from "react-native-uuid";
 
 export function useTokenGenerator(): [() => string, RegExp] {
   let counter = 0;
-  const [identifier] = useState(v1());
+  const [identifier] = useState(uuid.v1());
 
   return [
     () => `@__ELEMENT-${identifier}-${counter++}__@`,

package/src/ErrorMessageWrapper/ErrorMessageWrapper.tsx

@@ -2,7 +2,7 @@ import type { ReactNode } from "react";
 import React, { useEffect, useRef } from "react";
 import type { ViewStyle } from "react-native";
 import { View } from "react-native";
-import { v4 } from "react-native-uuid";
+import uuid from "react-native-uuid";
 import { useErrorMessageContext } from "./context";
 import { useStyles } from "./ErrorMessageWrapper.style";
 import { Icon } from "../Icon";
@@ -39,7 +39,7 @@ export function ErrorMessageWrapper({
   const register = errorMessageContext?.register;
   const unregister = errorMessageContext?.unregister;
   const a11yMessageRef = useRef<View>(null);
-  const { current: uuid } = useRef(v4());
+  const { current: id } = useRef(uuid.v4());
 
   const hasErrorMessage = Boolean(message);
 
@@ -51,13 +51,13 @@ export function ErrorMessageWrapper({
   };
   useEffect(() => {
     if (register) {
-      register({ id: uuid, ref: a11yMessageRef, hasErrorMessage });
+      register({ id, ref: a11yMessageRef, hasErrorMessage });
     }
 
     if (unregister) {
-      return () => unregister(uuid);
+      return () => unregister(id);
     }
-  }, [uuid, hasErrorMessage, register, unregister]);
+  }, [id, hasErrorMessage, register, unregister]);
 
   return (
     <View style={[styles.wrapper]}>

package/src/FormatFile/components/_mocks/mockFiles.ts

@@ -1,4 +1,4 @@
-import { v4 } from "react-native-uuid";
+import uuid from "react-native-uuid";
 import type { File, FileUpload } from "../../types";
 import { StatusCode } from "../../types";
 
@@ -13,7 +13,7 @@ export const FILE_UPLOAD_MOCK_FILE = ({
     batchCount: 1,
     batchId: "FILES",
   },
-  uuid: v4(),
+  uuid: uuid.v4(),
   key: "path/test.txt",
   name: "test.txt",
   size: 1,
@@ -38,7 +38,7 @@ export const FILE_UPLOAD_MOCK_IMAGE = ({
     batchCount: 1,
     batchId: "IMAGES",
   },
-  uuid: v4(),
+  uuid: uuid.v4(),
   key: "path/test.png",
   name: "test.png",
   size: size || 1,
@@ -61,7 +61,7 @@ export const FILE_UPLOAD_MOCK_PDF = ({
     batchCount: 1,
     batchId: "FILES",
   },
-  uuid: v4(),
+  uuid: uuid.v4(),
   key: "path/test.pdf",
   name: "test.pdf",
   size: 1,

package/src/InputText/context/InputAccessoriesProvider.tsx

@@ -8,7 +8,7 @@ import {
   View,
   useColorScheme,
 } from "react-native";
-import { v4 } from "react-native-uuid";
+import uuid from "react-native-uuid";
 import { InputAccessoriesContext } from "./InputAccessoriesContext";
 import { useStyles } from "./InputAccessoriesProvider.style";
 
@@ -17,7 +17,7 @@ export function InputAccessoriesProvider({
 }: {
   readonly children: ReactNode;
 }) {
-  const inputAccessoryID = useRef(v4()).current;
+  const inputAccessoryID = useRef(uuid.v4()).current;
   const {
     focusedInput,
     setFocusedInput,

package/src/hooks/useFormController.ts

@@ -1,4 +1,4 @@
-import { v1 } from "react-native-uuid";
+import uuid from "react-native-uuid";
 import type {
   FieldError,
   RegisterOptions,
@@ -54,7 +54,7 @@ export function useFormController<T>({
 }
 
 function useControlName(name?: string): UseControllerReturn["field"]["name"] {
-  const [identifier] = useState(v1());
+  const [identifier] = useState(uuid.v1());
   const prefix = `generatedName--${identifier}`;
 
   return `${name || prefix}` as const;