feat: added safe value check to autcomplete (#2811)

* feat: added safe value check to autcomplete

* feat: added safe value check to autcomplete

---------

Co-authored-by: Alon Peretz <[email protected]>

Author: chesterkmr

apps/kyb-app/CHANGELOG.md

@@ -1,5 +1,12 @@
 # kyb-app
 
+## 0.3.73
+
+### Patch Changes
+
+- Updated dependencies
+  - @ballerine/ui@0.5.41
+
 ## 0.3.72
 
 ### Patch Changes

apps/kyb-app/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ballerine/kyb-app",
   "private": true,
-  "version": "0.3.72",
+  "version": "0.3.73",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -16,7 +16,7 @@
   },
   "dependencies": {
     "@ballerine/blocks": "0.2.24",
-    "@ballerine/ui": "0.5.40",
+    "@ballerine/ui": "0.5.41",
     "@ballerine/common": "^0.9.46",
     "@ballerine/workflow-browser-sdk": "0.6.58",
     "@lukemorales/query-key-factory": "^1.0.3",

packages/react-pdf-toolkit/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @ballerine/react-pdf-toolkit
 
+## 1.2.41
+
+### Patch Changes
+
+- Updated dependencies
+  - @ballerine/ui@0.5.41
+
 ## 1.2.40
 
 ### Patch Changes

packages/react-pdf-toolkit/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ballerine/react-pdf-toolkit",
   "private": false,
-  "version": "1.2.40",
+  "version": "1.2.41",
   "types": "./dist/build.d.ts",
   "main": "./dist/react-pdf-toolkit.js",
   "module": "./dist/react-pdf-toolkit.mjs",
@@ -27,7 +27,7 @@
   },
   "dependencies": {
     "@ballerine/config": "^1.1.22",
-    "@ballerine/ui": "0.5.40",
+    "@ballerine/ui": "0.5.41",
     "@react-pdf/renderer": "^3.1.14",
     "@sinclair/typebox": "^0.31.7",
     "ajv": "^8.12.0",

packages/ui/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @ballerine/ui
 
+## 0.5.41
+
+### Patch Changes
+
+- Added safeValue to autocomplete
+
 ## 0.5.40
 
 ### Patch Changes

packages/ui/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ballerine/ui",
   "private": false,
-  "version": "0.5.40",
+  "version": "0.5.41",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

packages/ui/src/components/molecules/inputs/AutocompleteInput/AutocompleteInput.tsx

@@ -38,6 +38,17 @@ export const AutocompleteInput = ({
   onChange,
   onBlur,
 }: AutocompleteInputProps) => {
+  const safeValue = useMemo(() => {
+    if (typeof value !== 'string') {
+      console.warn('AutocompleteInput: value is not a string', value);
+      console.warn('Empty string will be used');
+
+      return '';
+    }
+
+    return value;
+  }, [value]);
+
   const optionLabels = useMemo(() => options.map(option => option.value), [options]);
 
   const handleChange: NonNullable<ComponentProps<typeof Autocomplete>['onChange']> = useCallback(
@@ -66,7 +77,7 @@ export const AutocompleteInput = ({
         options={optionLabels}
         getOptionLabel={label => label}
         freeSolo
-        inputValue={value}
+        inputValue={safeValue}
         PaperComponent={Paper as ComponentProps<typeof Autocomplete>['PaperComponent']}
         onChange={handleChange}
         disabled={disabled}