@visns-studio/visns-components 5.2.1 → 5.2.3

package/package.json

@@ -78,7 +78,7 @@
         "react-dom": "^17.0.0 || ^18.0.0"
     },
     "name": "@visns-studio/visns-components",
-    "version": "5.2.1",
+    "version": "5.2.3",
     "description": "Various packages to assist in the development of our Custom Applications.",
     "main": "src/index.js",
     "files": [

package/src/components/crm/generic/GenericDetail.jsx

@@ -284,12 +284,11 @@ function GenericDetail({
         }
     };
 
-    const handleExport = (config) => {
-        if (config.url && config.key) {
-            window.open(`${config.url}/${data[config.key]}`);
-        } else {
-            toast.error('Export URL not found');
-        }
+    const handleExport = ({ url, key }) => {
+        if (!url) return toast.error('Export URL not found');
+
+        const exportUrl = key ? `${url}/${data[key]}` : url;
+        window.open(exportUrl);
     };
 
     const handleCheckboxUpdate = async () => {
@@ -623,6 +622,9 @@ function GenericDetail({
 
         const renderOcrTemplate = (id) => {
             const ocrTemplateBuilder = data[id];
+            const listOfKeys = data[id]?.DeducedData
+                ? Object.assign({}, ...data[id].DeducedData)
+                : {};
 
             return (
                 <>
@@ -644,30 +646,30 @@ function GenericDetail({
                                     </tr>
                                 </thead>
                                 <tbody>
-                                    {Object.entries(
-                                        ocrTemplateBuilder.DeducedData[0]
-                                    ).map(([key, value], index) => (
-                                        <tr key={`ocr-keys-${index}`}>
-                                            <td>
-                                                <input
-                                                    type="checkbox"
-                                                    name={key}
-                                                    value={key}
-                                                    data-id={id}
-                                                    checked={
-                                                        ocrTemplateBuilder?.selectedKey?.includes(
-                                                            key
-                                                        ) || false
-                                                    }
-                                                    onChange={
-                                                        handleOcrKeyChange
-                                                    }
-                                                />
-                                            </td>
-                                            <td>{key}</td>
-                                            <td>{value}</td>
-                                        </tr>
-                                    ))}
+                                    {Object.entries(listOfKeys).map(
+                                        ([key, value], index) => (
+                                            <tr key={`ocr-keys-${index}`}>
+                                                <td>
+                                                    <input
+                                                        type="checkbox"
+                                                        name={key}
+                                                        value={key}
+                                                        data-id={id}
+                                                        checked={
+                                                            ocrTemplateBuilder?.selectedKey?.includes(
+                                                                key
+                                                            ) || false
+                                                        }
+                                                        onChange={
+                                                            handleOcrKeyChange
+                                                        }
+                                                    />
+                                                </td>
+                                                <td>{key}</td>
+                                                <td>{value}</td>
+                                            </tr>
+                                        )
+                                    )}
                                 </tbody>
                             </table>
                         )}