@homefile/components-v2 2.11.4 → 2.11.5

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

@@ -4,8 +4,10 @@ import { Flex, IconButton, Text } from '@chakra-ui/react';
 import { TextField, SingleImage, Plus } from '../../..';
 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;
+    const [file, setFile] = useState(undefined);
     const { watch } = useFormContext();
     const textChild = children === null || children === void 0 ? void 0 : children.find(({ type }) => type === 'text' || type === 'string');
     const textProps = {
@@ -25,16 +27,21 @@ export const AIGridField = ({ children, onAISend, onRemove, onUpload, }) => {
             ? fieldIcons[imageField.icon]
             : undefined,
     };
-    const code = watch(String(textChild === null || textChild === void 0 ? void 0 : textChild.id));
+    const model = watch(String(textChild === null || textChild === void 0 ? void 0 : textChild.id));
+    const handleUpload = (files) => {
+        const file = files[0];
+        setFile(file);
+        onUpload === null || onUpload === void 0 ? void 0 : onUpload(files);
+    };
     const handleAISend = () => {
         const form = {};
-        if (code) {
-            form.code = code;
+        if (model) {
+            form.model = model;
         }
-        else if (imageField === null || imageField === void 0 ? void 0 : imageField.value) {
-            form.image = imageField.value;
+        else if (file) {
+            form.file = file;
         }
         onAISend === null || onAISend === void 0 ? void 0 : onAISend(form);
     };
-    return (_jsxs(Flex, { align: "center", gap: "base", children: [_jsx(SingleImage, Object.assign({}, imageProps, { onUpload: onUpload, 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: !(code === null || code === void 0 ? void 0 : code.length) && !(imageField === null || imageField === void 0 ? void 0 : imageField.value) })] }));
+    return (_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) })] }));
 };

package/dist/interfaces/forms/dynamicForm/fields/GridField.interface.d.ts

@@ -8,6 +8,6 @@ export interface AIGridFieldI extends GridFieldI {
     onAISend?: (form?: AIFormI) => void;
 }
 export interface AIFormI {
-    code?: string;
-    image?: string;
+    model?: string;
+    file?: FolderFileI;
 }

package/package.json

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

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

@@ -1,9 +1,10 @@
 import { useFormContext } from 'react-hook-form'
 import { Flex, IconButton, Text } from '@chakra-ui/react'
-import { IconTypes, AIGridFieldI, AIFormI } from '@/interfaces'
+import { IconTypes, AIGridFieldI, AIFormI, FolderFileI } from '@/interfaces'
 import { TextField, SingleImage, Plus } from '@/components'
 import { fieldIcons } from '@/helpers'
 import { colors } from '@/theme/colors'
+import { useState } from 'react'
 
 export const AIGridField = ({
   children,
@@ -11,6 +12,7 @@ export const AIGridField = ({
   onRemove,
   onUpload,
 }: AIGridFieldI) => {
+  const [file, setFile] = useState<FolderFileI | undefined>(undefined)
   const { watch } = useFormContext()
 
   const textChild = children?.find(
@@ -37,15 +39,21 @@ export const AIGridField = ({
       : undefined,
   }
 
-  const code = watch(String(textChild?.id))
+  const model = watch(String(textChild?.id))
+
+  const handleUpload = (files: FolderFileI[]) => {
+    const file = files[0]
+    setFile(file)
+    onUpload?.(files)
+  }
 
   const handleAISend = () => {
     const form: AIFormI = {}
 
-    if (code) {
-      form.code = code
-    } else if (imageField?.value) {
-      form.image = imageField.value as string
+    if (model) {
+      form.model = model
+    } else if (file) {
+      form.file = file
     }
     onAISend?.(form)
   }
@@ -54,7 +62,7 @@ export const AIGridField = ({
     <Flex align="center" gap="base">
       <SingleImage
         {...imageProps}
-        onUpload={onUpload}
+        onUpload={handleUpload}
         onRemove={onRemove}
         value={imageField?.value as string}
       />
@@ -68,7 +76,7 @@ export const AIGridField = ({
         icon={<Plus size={28} stroke={colors.blue[3]} />}
         onClick={handleAISend}
         h="input.md"
-        disabled={!code?.length && !imageField?.value}
+        disabled={!model?.length && !imageField?.value}
       />
     </Flex>
   )

package/src/interfaces/forms/dynamicForm/fields/GridField.interface.ts

@@ -11,6 +11,6 @@ export interface AIGridFieldI extends GridFieldI {
 }
 
 export interface AIFormI {
-  code?: string
-  image?: string
+  model?: string
+  file?: FolderFileI
 }