@homefile/components-v2 2.14.27 → 2.14.29

package/dist/components/forms/dynamicForm/fields/AIGridField.js

@@ -6,11 +6,10 @@ import { fieldIcons } from '../../../../helpers';
 import { colors } from '../../../../theme/colors';
 import { useState } from 'react';
 export const AIGridField = ({ children, onAISend, onRemove, onUpload, }) => {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g;
     const [file, setFile] = useState(undefined);
     const { watch } = useFormContext();
     const textChild = children === null || children === void 0 ? void 0 : children.find(({ type }) => type === 'text' || type === 'string');
-    console.log('text', textChild);
     const textProps = {
         id: (_a = textChild === null || textChild === void 0 ? void 0 : textChild.id) !== null && _a !== void 0 ? _a : '',
         value: (_b = textChild === null || textChild === void 0 ? void 0 : textChild.value) !== null && _b !== void 0 ? _b : '',
@@ -28,6 +27,8 @@ export const AIGridField = ({ children, onAISend, onRemove, onUpload, }) => {
             ? fieldIcons[imageField.icon]
             : undefined,
     };
+    const imageId = (_g = imageField === null || imageField === void 0 ? void 0 : imageField.id) !== null && _g !== void 0 ? _g : '';
+    const imageValue = watch(imageId);
     const model = watch(String(textChild === null || textChild === void 0 ? void 0 : textChild.id));
     const handleUpload = (files) => {
         const file = files[0];
@@ -44,5 +45,5 @@ export const AIGridField = ({ children, onAISend, onRemove, onUpload, }) => {
         }
         onAISend === null || onAISend === void 0 ? void 0 : onAISend(form);
     };
-    return (_jsxs(Flex, { align: "flex-end", gap: "base", children: [_jsxs(Flex, { align: "center", gap: "base", children: [_jsx(SingleImage, Object.assign({}, imageProps, { onUpload: handleUpload, onRemove: onRemove, value: imageField === null || imageField === void 0 ? void 0 : imageField.value })), _jsx(Text, { fontFamily: "secondary", textAlign: "center", children: "OR" })] }), _jsx(TextField, Object.assign({}, textProps)), _jsx(IconButton, { "aria-label": "Add new address line", variant: "iconOutlined", icon: _jsx(Plus, { size: 28, stroke: colors.blue[3] }), onClick: handleAISend, h: "input.md", disabled: !(model === null || model === void 0 ? void 0 : model.length) && !(imageField === null || imageField === void 0 ? void 0 : imageField.value) })] }));
+    return (_jsxs(Flex, { align: "flex-end", gap: "base", children: [_jsxs(Flex, { align: "center", gap: "base", children: [_jsx(SingleImage, Object.assign({}, imageProps, { onUpload: handleUpload, onRemove: onRemove, value: String(imageValue) })), _jsx(Text, { fontFamily: "secondary", textAlign: "center", children: "OR" })] }), _jsx(TextField, Object.assign({}, textProps)), _jsx(IconButton, { "aria-label": "Add new address line", variant: "iconOutlined", icon: _jsx(Plus, { size: 28, stroke: colors.blue[3] }), onClick: handleAISend, h: "input.md", disabled: !(model === null || model === void 0 ? void 0 : model.length) && !imageValue })] }));
 };

package/dist/hooks/forms/useDynamicForm.js

@@ -51,7 +51,6 @@ export const useDynamicForm = ({ fields, onUpload }) => {
     };
     useEffect(() => {
         handleSetDefaultValues(fields);
-        setStateFields(fields);
     }, [fields]);
     return {
         form,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homefile/components-v2",
-  "version": "2.14.27",
+  "version": "2.14.29",
   "author": "Homefile",
   "license": "UNLICENSED",
   "typings": "dist/index.d.ts",

package/src/components/forms/dynamicForm/fields/AIGridField.tsx

@@ -14,13 +14,11 @@ export const AIGridField = ({
 }: AIGridFieldI) => {
   const [file, setFile] = useState<FolderFileI | undefined>(undefined)
   const { watch } = useFormContext()
-  
+
   const textChild = children?.find(
     ({ type }) => type === 'text' || type === 'string'
   )
 
-  console.log('text', textChild)
-
   const textProps = {
     id: textChild?.id ?? '',
     value: textChild?.value ?? '',
@@ -40,6 +38,9 @@ export const AIGridField = ({
       : undefined,
   }
 
+  const imageId = imageField?.id ?? ''
+  const imageValue = watch(imageId)
+
   const model = watch(String(textChild?.id))
 
   const handleUpload = (files: FolderFileI[]) => {
@@ -66,7 +67,7 @@ export const AIGridField = ({
           {...imageProps}
           onUpload={handleUpload}
           onRemove={onRemove}
-          value={imageField?.value as string}
+          value={String(imageValue)}
         />
         <Text fontFamily="secondary" textAlign="center">
           OR
@@ -79,7 +80,7 @@ export const AIGridField = ({
         icon={<Plus size={28} stroke={colors.blue[3]} />}
         onClick={handleAISend}
         h="input.md"
-        disabled={!model?.length && !imageField?.value}
+        disabled={!model?.length && !imageValue}
       />
     </Flex>
   )

package/src/hooks/forms/useDynamicForm.ts

@@ -18,6 +18,7 @@ export const useDynamicForm = ({ fields, onUpload }: UseDynamicFormI) => {
   const visibleFields = stateFields.filter(
     (field) => field.visible || field.visible === undefined
   )
+
   const hiddenFields = stateFields.filter((field) => field.visible === false)
 
   const form = useForm()
@@ -90,7 +91,6 @@ export const useDynamicForm = ({ fields, onUpload }: UseDynamicFormI) => {
 
   useEffect(() => {
     handleSetDefaultValues(fields)
-    setStateFields(fields)
   }, [fields])
 
   return {