@solidxai/core-ui 0.1.9-beta.9 → 0.1.10

package/dist/components/core/common/SolidGenericImport/SolidImportDropzone.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidImportDropzone.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidGenericImport/SolidImportDropzone.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { useCallback, useState } from 'react';\nimport { useDropzone } from 'react-dropzone';\nimport { FileSpreadsheet, FileText, Trash2, Upload } from 'lucide-react';\nimport { useDispatch } from 'react-redux';\nimport { showToast } from '../../../../redux/features/toastSlice';\nimport styles from './SolidImport.module.css'\nimport { DocumentSvg } from './DocumentSvg';\nimport { useCreateImportTransactionMutation } from '../../../../redux/api/importTransactionApi';\nimport { ERROR_MESSAGES } from '../../../../constants/error-messages';\nimport { SolidButton } from '../../../shad-cn-ui';\nexport const SolidImportDropzone = ({ setImportStep, setTransactionId, modelMetadataId }: any) => {\n    const dispatch = useDispatch();\n\n    const [file, setFile] = useState<File | null>(null);\n    const [createImportTransaction, { isLoading }] = useCreateImportTransactionMutation();\n\n\n    const uploadFile = async (uploadFile: File) => {\n        const formData = new FormData();\n        formData.append('fileLocation', uploadFile);\n        formData.append('modelMetadataId', modelMetadataId);\n\n        try {\n            const response = await createImportTransaction(formData).unwrap();\n            console.log('Upload success:', response);\n            if (response?.statusCode === 200) {\n                setFile(uploadFile);\n                dispatch(showToast({ severity: \"success\", summary: ERROR_MESSAGES.FILE_UPLOAD, detail: ERROR_MESSAGES.FILE_UPLOAD_SUCCESSFULLY }));\n                setTransactionId?.(response?.data?.id);\n            } else {\n                dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.FAILED, detail: ERROR_MESSAGES.FAILED_UPLOAD_FILE }))\n            }\n        } catch (error) {\n            console.error(ERROR_MESSAGES.FAILED_UPLOAD_FILE, error);\n            dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.FAILED, detail: ERROR_MESSAGES.FAILED_UPLOAD_FILE }))\n        }\n    };\n\n    const onDrop = useCallback((acceptedFiles: File[]) => {\n        if (acceptedFiles.length > 0) {\n            const selectedFile = acceptedFiles[0];\n            uploadFile(selectedFile); // 👈 Auto upload on drop\n        }\n    }, []);\n\n    const { getRootProps, getInputProps, open } = useDropzone({\n        onDrop,\n        accept: {\n            'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': ['.xlsx'],\n            'text/csv': ['.csv']\n        },\n        multiple: false,\n    });\n\n    const rootProps = getRootProps({ className: 'solid-import-dropzone-shell' });\n\n    const removeFile = () => {\n        setFile(null);\n    };\n\n    const formatBytes = (bytes: number) => {\n        const sizes = ['Bytes', 'KB', 'MB', 'GB'];\n        if (bytes === 0) return '0 Byte';\n        const i = Math.floor(Math.log(bytes) / Math.log(1024));\n        return `${(bytes / Math.pow(1024, i)).toFixed(2)} ${sizes[i]}`;\n    };\n\n    return (\n        <div>\n            <div className={styles.SolidImportContextWrapper}>\n                <div {...rootProps}>\n                    <input {...getInputProps()} />\n                    <div className=\"solid-import-dropzone-copy\">\n                        <div className='flex justify-content-center'>\n                            <DocumentSvg />\n                        </div>\n                        <div className=\"solid-import-dropzone-kicker\">Accepted formats</div>\n                        <h5 className='text-center solid-primary-black-text solid-import-section-title solid-import-dropzone-title'>Drop or upload a file to import</h5>\n                        <p className='text-center m-0 solid-import-section-copy'>Excel files are recommended as formatting is automatic. You can also import plain <code>.csv</code> files.</p>\n                        <div className=\"solid-import-dropzone-format-list\" aria-hidden=\"true\">\n                            <span className=\"solid-import-dropzone-format-pill\">\n                                <FileSpreadsheet size={13} />\n                                Excel\n                            </span>\n                            <span className=\"solid-import-dropzone-format-pill\">\n                                <FileText size={13} />\n                                CSV\n                            </span>\n                        </div>\n                        <div className='flex justify-content-center mt-3'>\n                            <SolidButton type=\"button\" variant=\"outline\" size=\"small\" leftIcon={<Upload size={14} />} onClick={(event) => {\n                                event.stopPropagation();\n                                open();\n                            }}>\n                                Browse Files\n                            </SolidButton>\n                        </div>\n                    </div>\n                    {file &&\n                        <div className=\"solid-import-file-card\" onClick={(e) => e.stopPropagation()}>\n                            <div className=\"solid-import-file-card-main\">\n                                <div className=\"solid-import-file-icon\">\n                                    <FileSpreadsheet size={18} />\n                                </div>\n                                <div className=\"solid-import-file-meta\">\n                                    <p className='m-0 solid-import-file-name'>{file.name}</p>\n                                    <p className='m-0 solid-import-file-caption'>{file.type || 'Unknown type'}</p>\n                                    <p className='m-0 solid-import-file-caption'>{formatBytes(file.size)}</p>\n                                </div>\n                            </div>\n                            <SolidButton type=\"button\" variant=\"ghost\" size=\"small\" className=\"solid-import-file-remove\" leftIcon={<Trash2 size={14} />} onClick={removeFile} />\n                        </div>\n                    }\n                </div>\n            </div>\n            <div className='solid-import-actions'>\n                <p className=\"solid-import-actions-copy\">Upload one source file and continue to field mapping.</p>\n                <SolidButton\n                    type=\"button\"\n                    size='small'\n                    onClick={() => {\n                        if (!file) {\n                            dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.MISSING_FILE, detail: ERROR_MESSAGES.FAILED_UPLOAD_FILE }));\n                            return;\n                        }\n                        setImportStep(3);\n                    }}\n                    disabled={!file || isLoading}\n                    loading={isLoading}\n                >\n                    Continue\n                </SolidButton>\n            </div>\n        </div>\n    )\n}\n"]}
+{"version":3,"file":"SolidImportDropzone.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidGenericImport/SolidImportDropzone.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { useCallback, useState } from 'react';\nimport { useDropzone } from 'react-dropzone';\nimport { FileSpreadsheet, FileText, Trash2, Upload } from 'lucide-react';\nimport { useDispatch } from 'react-redux';\nimport { showToast } from '../../../../redux/features/toastSlice';\nimport styles from './SolidImport.module.css'\nimport { DocumentSvg } from './DocumentSvg';\nimport { useCreateImportTransactionMutation } from '../../../../redux/api/importTransactionApi';\nimport { ERROR_MESSAGES } from '../../../../constants/error-messages';\nimport { SolidButton } from '../../../shad-cn-ui';\nexport const SolidImportDropzone = ({ setImportStep, setTransactionId, modelMetadataId }: any) => {\n    const dispatch = useDispatch();\n\n    const [file, setFile] = useState<File | null>(null);\n    const [createImportTransaction, { isLoading }] = useCreateImportTransactionMutation();\n\n\n    const uploadFile = async (uploadFile: File) => {\n        const formData = new FormData();\n        formData.append('fileLocation', uploadFile);\n        formData.append('modelMetadataId', modelMetadataId);\n\n        try {\n            const response = await createImportTransaction(formData).unwrap();\n            console.log('Upload success:', response);\n            if (response?.statusCode === 200) {\n                setFile(uploadFile);\n                dispatch(showToast({ severity: \"success\", summary: ERROR_MESSAGES.FILE_UPLOAD, detail: ERROR_MESSAGES.FILE_UPLOAD_SUCCESSFULLY }));\n                setTransactionId?.(response?.data?.id);\n            } else {\n                dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.FAILED, detail: ERROR_MESSAGES.FAILED_UPLOAD_FILE }))\n            }\n        } catch (error) {\n            console.error(ERROR_MESSAGES.FAILED_UPLOAD_FILE, error);\n            dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.FAILED, detail: ERROR_MESSAGES.FAILED_UPLOAD_FILE }))\n        }\n    };\n\n    const onDrop = useCallback((acceptedFiles: File[]) => {\n        if (acceptedFiles.length > 0) {\n            const selectedFile = acceptedFiles[0];\n            uploadFile(selectedFile); // 👈 Auto upload on drop\n        }\n    }, []);\n\n    const { getRootProps, getInputProps, open } = useDropzone({\n        onDrop,\n        accept: {\n            'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': ['.xlsx'],\n            'text/csv': ['.csv']\n        },\n        multiple: false,\n        noClick: true,\n        noKeyboard: true,\n    });\n\n    const rootProps = getRootProps({ className: 'solid-import-dropzone-shell' });\n\n    const removeFile = () => {\n        setFile(null);\n    };\n\n    const formatBytes = (bytes: number) => {\n        const sizes = ['Bytes', 'KB', 'MB', 'GB'];\n        if (bytes === 0) return '0 Byte';\n        const i = Math.floor(Math.log(bytes) / Math.log(1024));\n        return `${(bytes / Math.pow(1024, i)).toFixed(2)} ${sizes[i]}`;\n    };\n\n    return (\n        <div>\n            <div className={styles.SolidImportContextWrapper}>\n                <div {...rootProps}>\n                    <input {...getInputProps()} />\n                    <div className=\"solid-import-dropzone-copy\">\n                        <div className='flex justify-center'>\n                            <DocumentSvg />\n                        </div>\n                        <div className=\"solid-import-dropzone-kicker\">Accepted formats</div>\n                        <h5 className='text-center solid-primary-black-text solid-import-section-title solid-import-dropzone-title'>Drop or upload a file to import</h5>\n                        <p className='text-center m-0 solid-import-section-copy'>Excel files are recommended as formatting is automatic. You can also import plain <code>.csv</code> files.</p>\n                        <div className=\"solid-import-dropzone-format-list\" aria-hidden=\"true\">\n                            <span className=\"solid-import-dropzone-format-pill\">\n                                <FileSpreadsheet size={13} />\n                                Excel\n                            </span>\n                            <span className=\"solid-import-dropzone-format-pill\">\n                                <FileText size={13} />\n                                CSV\n                            </span>\n                        </div>\n                        <div className='mt-4 flex justify-center'>\n                            <SolidButton type=\"button\" variant=\"outline\" size=\"small\" leftIcon={<Upload size={14} />} onClick={(event) => {\n                                event.stopPropagation();\n                                open();\n                            }}>\n                                Browse Files\n                            </SolidButton>\n                        </div>\n                    </div>\n                    {file &&\n                        <div className=\"solid-import-file-card\" onClick={(e) => e.stopPropagation()}>\n                            <div className=\"solid-import-file-card-main\">\n                                <div className=\"solid-import-file-icon\">\n                                    <FileSpreadsheet size={18} />\n                                </div>\n                                <div className=\"solid-import-file-meta\">\n                                    <p className='m-0 solid-import-file-name'>{file.name}</p>\n                                    <p className='m-0 solid-import-file-caption'>{file.type || 'Unknown type'}</p>\n                                    <p className='m-0 solid-import-file-caption'>{formatBytes(file.size)}</p>\n                                </div>\n                            </div>\n                            <SolidButton type=\"button\" variant=\"ghost\" size=\"small\" className=\"solid-import-file-remove\" leftIcon={<Trash2 size={14} />} onClick={removeFile} />\n                        </div>\n                    }\n                </div>\n            </div>\n            <div className='solid-import-actions'>\n                <p className=\"solid-import-actions-copy\">Upload one source file and continue to field mapping.</p>\n                <SolidButton\n                    type=\"button\"\n                    size='small'\n                    onClick={() => {\n                        if (!file) {\n                            dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.MISSING_FILE, detail: ERROR_MESSAGES.FAILED_UPLOAD_FILE }));\n                            return;\n                        }\n                        setImportStep(3);\n                    }}\n                    disabled={!file || isLoading}\n                    loading={isLoading}\n                >\n                    Continue\n                </SolidButton>\n            </div>\n        </div>\n    )\n}\n"]}

package/dist/components/core/common/SolidGenericImport/SolidImportDropzone.tsx

@@ -51,6 +51,8 @@ export const SolidImportDropzone = ({ setImportStep, setTransactionId, modelMeta
             'text/csv': ['.csv']
         },
         multiple: false,
+        noClick: true,
+        noKeyboard: true,
     });
 
     const rootProps = getRootProps({ className: 'solid-import-dropzone-shell' });
@@ -72,7 +74,7 @@ export const SolidImportDropzone = ({ setImportStep, setTransactionId, modelMeta
                 <div {...rootProps}>
                     <input {...getInputProps()} />
                     <div className="solid-import-dropzone-copy">
-                        <div className='flex justify-content-center'>
+                        <div className='flex justify-center'>
                             <DocumentSvg />
                         </div>
                         <div className="solid-import-dropzone-kicker">Accepted formats</div>
@@ -88,7 +90,7 @@ export const SolidImportDropzone = ({ setImportStep, setTransactionId, modelMeta
                                 CSV
                             </span>
                         </div>
-                        <div className='flex justify-content-center mt-3'>
+                        <div className='mt-4 flex justify-center'>
                             <SolidButton type="button" variant="outline" size="small" leftIcon={<Upload size={14} />} onClick={(event) => {
                                 event.stopPropagation();
                                 open();

package/dist/components/core/common/SolidGenericImport/SolidImportInstructions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidImportInstructions.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidGenericImport/SolidImportInstructions.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,uBAAuB,wCAAyC,GAAG,4CAwI/E,CAAA"}
+{"version":3,"file":"SolidImportInstructions.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidGenericImport/SolidImportInstructions.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,uBAAuB,wCAAyC,GAAG,4CAqJ/E,CAAA"}

package/dist/components/core/common/SolidGenericImport/SolidImportInstructions.js

@@ -34,6 +34,17 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Download, FileSpreadsheet, MoveRight } from 'lucide-react';
 import styles from './SolidImport.module.css';
@@ -105,8 +116,9 @@ export var SolidImportInstructions = function (_a) {
     }); };
     var customInstructions = (_c = (_b = importInstructionsData === null || importInstructionsData === void 0 ? void 0 : importInstructionsData.data) === null || _b === void 0 ? void 0 : _b.custom) !== null && _c !== void 0 ? _c : [];
     var standardInstructions = (_e = (_d = importInstructionsData === null || importInstructionsData === void 0 ? void 0 : importInstructionsData.data) === null || _d === void 0 ? void 0 : _d.standard) !== null && _e !== void 0 ? _e : {};
+    var _h = standardInstructions, dateFieldFormat = _h.dateFieldFormat, dateTimeFieldFormat = _h.dateTimeFieldFormat, instructionGroups = __rest(_h, ["dateFieldFormat", "dateTimeFieldFormat"]);
     return (_jsxs("div", { children: [_jsx("div", { className: styles.SolidImportContextWrapper, children: isLoading ? (_jsx("div", { className: "solid-import-loading-state", children: _jsx(SolidSpinner, { size: 22, label: "Loading import instructions" }) })) : isError ? (_jsxs("div", { className: 'solid-import-empty-state', children: [_jsx("h4", { className: 'text-center px-2', children: "Could not load import instructions" }), _jsx("p", { children: "Try again or continue if you already know the expected format." })] })) : (_jsxs("div", { className: "solid-import-panel-grid ".concat(customInstructions.length === 0 ? 'is-single-column' : ''), children: [_jsxs("div", { className: "solid-import-panel solid-import-panel-main ".concat(customInstructions.length > 0 ? 'has-side-panel' : 'is-full-width'), children: [_jsx("h5", { className: 'solid-import-section-title', children: "Standard Instructions" }), _jsxs("ol", { className: 'solid-import-instruction-list', children: [_jsxs("li", { children: [_jsx("p", { className: 'solid-import-instruction-title', children: "Download a starter template" }), _jsxs("div", { className: 'solid-import-template-actions', children: [_jsx(SolidButton, { type: "button", variant: "outline", size: "sm", leftIcon: _jsx(Download, { size: 14 }), onClick: function () { return handleTemplateDownload('csv'); }, children: "CSV Template" }), _jsx(SolidButton, { type: "button", variant: "outline", size: "sm", leftIcon: _jsx(FileSpreadsheet, { size: 14 }), onClick: function () { return handleTemplateDownload('excel'); }, children: "Excel Template" })] })] }), (function () {
-                                            return (Object.entries(standardInstructions)
+                                            return (Object.entries(instructionGroups)
                                                 .map(function (_a) {
                                                 var key = _a[0], values = _a[1];
                                                 if (!(values === null || values === void 0 ? void 0 : values.length))
@@ -114,6 +126,12 @@ export var SolidImportInstructions = function (_a) {
                                                 var titleCaseKey = key
                                                     .replace(/([A-Z])/g, ' $1')
                                                     .replace(/^./, function (str) { return str.toUpperCase(); });
+                                                if (key === 'dateFields' && dateFieldFormat) {
+                                                    titleCaseKey = "".concat(titleCaseKey, " (Format: ").concat(dateFieldFormat, ")");
+                                                }
+                                                if (key === 'dateTimeFields' && dateTimeFieldFormat) {
+                                                    titleCaseKey = "".concat(titleCaseKey, " (Format: ").concat(dateTimeFieldFormat, ")");
+                                                }
                                                 var rendered = (_jsxs("li", { className: 'solid-import-instruction-item', children: [_jsx("p", { className: 'solid-import-instruction-title', children: titleCaseKey }), _jsx("div", { className: 'solid-import-instruction-copy solid-import-inline-token-list', children: values.map(function (item, i) { return (_jsx("span", { className: 'solid-import-inline-token', children: typeof item === 'string'
                                                                     ? item
                                                                     : (item === null || item === void 0 ? void 0 : item.fieldName)

package/dist/components/core/common/SolidGenericImport/SolidImportInstructions.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidImportInstructions.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidGenericImport/SolidImportInstructions.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Download, FileSpreadsheet, MoveRight } from 'lucide-react';\nimport styles from './SolidImport.module.css'\nimport { useLazyGetImportInstructionsQuery } from '../../../../redux/api/importTransactionApi';\nimport { useEffect } from 'react';\nimport { getSession } from \"../../../../adapters/auth/index\";\nimport { ERROR_MESSAGES } from '../../../../constants/error-messages';\nimport { env } from \"../../../../adapters/env\";\nimport { SolidButton, SolidSpinner } from '../../../shad-cn-ui';\n\nexport const SolidImportInstructions = ({ setImportStep, listViewMetaData }: any) => {\n    const [getImportInstructions, { data: importInstructionsData, isLoading, isError }] =\n        useLazyGetImportInstructionsQuery();\n\n    useEffect(() => {\n        if (listViewMetaData && listViewMetaData?.data?.solidView?.model?.id) {\n            getImportInstructions({ id: listViewMetaData?.data?.solidView?.model?.id });\n        }\n    }, [listViewMetaData, getImportInstructions]);\n\n    const handleTemplateDownload = async (format: 'csv' | 'excel') => {\n        const modelId = listViewMetaData?.data?.solidView?.model?.id;\n        if (!modelId) return;\n        try {\n            const session: any = await getSession();\n            const token = session?.user?.accessToken || \"\";\n            if (!token) {\n                throw new Error(ERROR_MESSAGES.NO_AUTH_TOKEN_FOUND);\n            }\n            const response = await fetch(\n                `${env(\"API_URL\")}/api/import-transaction/import-template/${modelId}/${format}`,\n                {\n                    method: 'GET',\n                    headers: {\n                        Authorization: `Bearer ${token}`,\n                    }\n                }\n            );\n\n            if (!response.ok) {\n                throw new Error(ERROR_MESSAGES.FILE_DOWNLOAD_FAILED);\n            }\n\n            const blob = await response.blob();\n            const url = window.URL.createObjectURL(blob);\n\n            const link = document.createElement('a');\n            link.href = url;\n            link.download = `import-template.${format === 'csv' ? 'csv' : 'xlsx'}`;\n            document.body.appendChild(link);\n            link.click();\n            link.remove();\n            window.URL.revokeObjectURL(url);\n        } catch (error) {\n            console.error(ERROR_MESSAGES.DOWNLOAD_FAILED, error);\n        }\n    };\n\n    const customInstructions = importInstructionsData?.data?.custom ?? [];\n    const standardInstructions = importInstructionsData?.data?.standard ?? {};\n\n    return (\n        <div>\n            <div className={styles.SolidImportContextWrapper}>\n                {isLoading ? (\n                    <div className=\"solid-import-loading-state\">\n                        <SolidSpinner size={22} label=\"Loading import instructions\" />\n                    </div>\n                ) : isError ? (\n                    <div className='solid-import-empty-state'>\n                        <h4 className='text-center px-2'>Could not load import instructions</h4>\n                        <p>Try again or continue if you already know the expected format.</p>\n                    </div>\n                ) : (\n                    <div className={`solid-import-panel-grid ${customInstructions.length === 0 ? 'is-single-column' : ''}`}>\n                        <div className={`solid-import-panel solid-import-panel-main ${customInstructions.length > 0 ? 'has-side-panel' : 'is-full-width'}`}>\n                                <h5 className='solid-import-section-title'>Standard Instructions</h5>\n                                <ol className='solid-import-instruction-list'>\n                                    <li>\n                                        <p className='solid-import-instruction-title'>Download a starter template</p>\n                                        <div className='solid-import-template-actions'>\n                                            <SolidButton type=\"button\" variant=\"outline\" size=\"sm\" leftIcon={<Download size={14} />} onClick={() => handleTemplateDownload('csv')}>\n                                                CSV Template\n                                            </SolidButton>\n                                            <SolidButton type=\"button\" variant=\"outline\" size=\"sm\" leftIcon={<FileSpreadsheet size={14} />} onClick={() => handleTemplateDownload('excel')}>\n                                                Excel Template\n                                            </SolidButton>\n                                        </div>\n                                    </li>\n                                    {(() => {\n                                        return (\n                                            Object.entries(standardInstructions as Record<string, string[]>)\n                                                .map(([key, values]) => {\n                                                    if (!values?.length) return null;\n\n                                                    const titleCaseKey = key\n                                                        .replace(/([A-Z])/g, ' $1')\n                                                        .replace(/^./, str => str.toUpperCase());\n\n                                                    const rendered = (\n                                                        <li key={key} className='solid-import-instruction-item'>\n                                                            <p className='solid-import-instruction-title'>\n                                                                {titleCaseKey}\n                                                            </p>\n                                                            <div className='solid-import-instruction-copy solid-import-inline-token-list'>\n                                                                {values.map((item: any, i) => (\n                                                                    <span key={i} className='solid-import-inline-token'>\n                                                                        {typeof item === 'string'\n                                                                            ? item\n                                                                            : item?.fieldName\n                                                                                ? `${item.fieldName} (Regex: ${item.regexPattern})`\n                                                                                : JSON.stringify(item)}\n                                                                    </span>\n                                                                ))}\n                                                            </div>\n                                                        </li>\n                                                    );\n                                                    return rendered;\n                                                })\n                                        );\n                                    })()}\n                                </ol>\n                        </div>\n                        {customInstructions.length > 0 &&\n                            <div className='solid-import-panel solid-import-panel-side'>\n                                <h5 className='solid-primary-black-text solid-import-section-title'>Custom Instructions</h5>\n                                <div className='solid-import-instruction-copy'>\n                                    {customInstructions.map((instruction: any, index: number) => (\n                                        <p key={index} className='solid-import-custom-instruction'>\n                                            {typeof instruction === \"string\" ? instruction : JSON.stringify(instruction)}\n                                        </p>\n                                    ))}\n                                </div>\n                            </div>\n                        }\n                    </div>\n                )}\n            </div>\n            <div className='solid-import-actions'>\n                <p className=\"solid-import-actions-copy\">Review the template guidance before uploading your file.</p>\n                <SolidButton type=\"button\" size='sm' onClick={() => setImportStep(2)} rightIcon={<MoveRight size={14} />}>\n                    Continue\n                </SolidButton>\n            </div>\n        </div>\n    )\n}\n"]}
+{"version":3,"file":"SolidImportInstructions.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidGenericImport/SolidImportInstructions.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Download, FileSpreadsheet, MoveRight } from 'lucide-react';\nimport styles from './SolidImport.module.css'\nimport { useLazyGetImportInstructionsQuery } from '../../../../redux/api/importTransactionApi';\nimport { useEffect } from 'react';\nimport { getSession } from \"../../../../adapters/auth/index\";\nimport { ERROR_MESSAGES } from '../../../../constants/error-messages';\nimport { env } from \"../../../../adapters/env\";\nimport { SolidButton, SolidSpinner } from '../../../shad-cn-ui';\n\nexport const SolidImportInstructions = ({ setImportStep, listViewMetaData }: any) => {\n    const [getImportInstructions, { data: importInstructionsData, isLoading, isError }] =\n        useLazyGetImportInstructionsQuery();\n\n    useEffect(() => {\n        if (listViewMetaData && listViewMetaData?.data?.solidView?.model?.id) {\n            getImportInstructions({ id: listViewMetaData?.data?.solidView?.model?.id });\n        }\n    }, [listViewMetaData, getImportInstructions]);\n\n    const handleTemplateDownload = async (format: 'csv' | 'excel') => {\n        const modelId = listViewMetaData?.data?.solidView?.model?.id;\n        if (!modelId) return;\n        try {\n            const session: any = await getSession();\n            const token = session?.user?.accessToken || \"\";\n            if (!token) {\n                throw new Error(ERROR_MESSAGES.NO_AUTH_TOKEN_FOUND);\n            }\n            const response = await fetch(\n                `${env(\"API_URL\")}/api/import-transaction/import-template/${modelId}/${format}`,\n                {\n                    method: 'GET',\n                    headers: {\n                        Authorization: `Bearer ${token}`,\n                    }\n                }\n            );\n\n            if (!response.ok) {\n                throw new Error(ERROR_MESSAGES.FILE_DOWNLOAD_FAILED);\n            }\n\n            const blob = await response.blob();\n            const url = window.URL.createObjectURL(blob);\n\n            const link = document.createElement('a');\n            link.href = url;\n            link.download = `import-template.${format === 'csv' ? 'csv' : 'xlsx'}`;\n            document.body.appendChild(link);\n            link.click();\n            link.remove();\n            window.URL.revokeObjectURL(url);\n        } catch (error) {\n            console.error(ERROR_MESSAGES.DOWNLOAD_FAILED, error);\n        }\n    };\n\n    const customInstructions = importInstructionsData?.data?.custom ?? [];\n    const standardInstructions = importInstructionsData?.data?.standard ?? {};\n    const {\n        dateFieldFormat,\n        dateTimeFieldFormat,\n        ...instructionGroups\n    } = standardInstructions as Record<string, any>;\n\n    return (\n        <div>\n            <div className={styles.SolidImportContextWrapper}>\n                {isLoading ? (\n                    <div className=\"solid-import-loading-state\">\n                        <SolidSpinner size={22} label=\"Loading import instructions\" />\n                    </div>\n                ) : isError ? (\n                    <div className='solid-import-empty-state'>\n                        <h4 className='text-center px-2'>Could not load import instructions</h4>\n                        <p>Try again or continue if you already know the expected format.</p>\n                    </div>\n                ) : (\n                    <div className={`solid-import-panel-grid ${customInstructions.length === 0 ? 'is-single-column' : ''}`}>\n                        <div className={`solid-import-panel solid-import-panel-main ${customInstructions.length > 0 ? 'has-side-panel' : 'is-full-width'}`}>\n                                <h5 className='solid-import-section-title'>Standard Instructions</h5>\n                                <ol className='solid-import-instruction-list'>\n                                    <li>\n                                        <p className='solid-import-instruction-title'>Download a starter template</p>\n                                        <div className='solid-import-template-actions'>\n                                            <SolidButton type=\"button\" variant=\"outline\" size=\"sm\" leftIcon={<Download size={14} />} onClick={() => handleTemplateDownload('csv')}>\n                                                CSV Template\n                                            </SolidButton>\n                                            <SolidButton type=\"button\" variant=\"outline\" size=\"sm\" leftIcon={<FileSpreadsheet size={14} />} onClick={() => handleTemplateDownload('excel')}>\n                                                Excel Template\n                                            </SolidButton>\n                                        </div>\n                                    </li>\n                                    {(() => {\n                                        return (\n                                            Object.entries(instructionGroups)\n                                                .map(([key, values]) => {\n                                                    if (!values?.length) return null;\n\n                                                    let titleCaseKey = key\n                                                        .replace(/([A-Z])/g, ' $1')\n                                                        .replace(/^./, str => str.toUpperCase());\n\n                                                    if (key === 'dateFields' && dateFieldFormat) {\n                                                        titleCaseKey = `${titleCaseKey} (Format: ${dateFieldFormat})`;\n                                                    }\n\n                                                    if (key === 'dateTimeFields' && dateTimeFieldFormat) {\n                                                        titleCaseKey = `${titleCaseKey} (Format: ${dateTimeFieldFormat})`;\n                                                    }\n\n                                                    const rendered = (\n                                                        <li key={key} className='solid-import-instruction-item'>\n                                                            <p className='solid-import-instruction-title'>\n                                                                {titleCaseKey}\n                                                            </p>\n                                                            <div className='solid-import-instruction-copy solid-import-inline-token-list'>\n                                                                {values.map((item: any, i: number) => (\n                                                                    <span key={i} className='solid-import-inline-token'>\n                                                                        {typeof item === 'string'\n                                                                            ? item\n                                                                            : item?.fieldName\n                                                                                ? `${item.fieldName} (Regex: ${item.regexPattern})`\n                                                                                : JSON.stringify(item)}\n                                                                    </span>\n                                                                ))}\n                                                            </div>\n                                                        </li>\n                                                    );\n                                                    return rendered;\n                                                })\n                                        );\n                                    })()}\n                                </ol>\n                        </div>\n                        {customInstructions.length > 0 &&\n                            <div className='solid-import-panel solid-import-panel-side'>\n                                <h5 className='solid-primary-black-text solid-import-section-title'>Custom Instructions</h5>\n                                <div className='solid-import-instruction-copy'>\n                                    {customInstructions.map((instruction: any, index: number) => (\n                                        <p key={index} className='solid-import-custom-instruction'>\n                                            {typeof instruction === \"string\" ? instruction : JSON.stringify(instruction)}\n                                        </p>\n                                    ))}\n                                </div>\n                            </div>\n                        }\n                    </div>\n                )}\n            </div>\n            <div className='solid-import-actions'>\n                <p className=\"solid-import-actions-copy\">Review the template guidance before uploading your file.</p>\n                <SolidButton type=\"button\" size='sm' onClick={() => setImportStep(2)} rightIcon={<MoveRight size={14} />}>\n                    Continue\n                </SolidButton>\n            </div>\n        </div>\n    )\n}\n"]}

package/dist/components/core/common/SolidGenericImport/SolidImportInstructions.tsx

@@ -57,6 +57,11 @@ export const SolidImportInstructions = ({ setImportStep, listViewMetaData }: any
 
     const customInstructions = importInstructionsData?.data?.custom ?? [];
     const standardInstructions = importInstructionsData?.data?.standard ?? {};
+    const {
+        dateFieldFormat,
+        dateTimeFieldFormat,
+        ...instructionGroups
+    } = standardInstructions as Record<string, any>;
 
     return (
         <div>
@@ -88,21 +93,29 @@ export const SolidImportInstructions = ({ setImportStep, listViewMetaData }: any
                                     </li>
                                     {(() => {
                                         return (
-                                            Object.entries(standardInstructions as Record<string, string[]>)
+                                            Object.entries(instructionGroups)
                                                 .map(([key, values]) => {
                                                     if (!values?.length) return null;
 
-                                                    const titleCaseKey = key
+                                                    let titleCaseKey = key
                                                         .replace(/([A-Z])/g, ' $1')
                                                         .replace(/^./, str => str.toUpperCase());
 
+                                                    if (key === 'dateFields' && dateFieldFormat) {
+                                                        titleCaseKey = `${titleCaseKey} (Format: ${dateFieldFormat})`;
+                                                    }
+
+                                                    if (key === 'dateTimeFields' && dateTimeFieldFormat) {
+                                                        titleCaseKey = `${titleCaseKey} (Format: ${dateTimeFieldFormat})`;
+                                                    }
+
                                                     const rendered = (
                                                         <li key={key} className='solid-import-instruction-item'>
                                                             <p className='solid-import-instruction-title'>
                                                                 {titleCaseKey}
                                                             </p>
                                                             <div className='solid-import-instruction-copy solid-import-inline-token-list'>
-                                                                {values.map((item: any, i) => (
+                                                                {values.map((item: any, i: number) => (
                                                                     <span key={i} className='solid-import-inline-token'>
                                                                         {typeof item === 'string'
                                                                             ? item

package/dist/components/core/common/SolidGenericImport/SolidImportTransaction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidImportTransaction.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidGenericImport/SolidImportTransaction.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,sBAAsB,4DAA6D,GAAG,4CAkLlG,CAAA"}
+{"version":3,"file":"SolidImportTransaction.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidGenericImport/SolidImportTransaction.tsx"],"names":[],"mappings":"AAmFA,eAAO,MAAM,sBAAsB,4DAA6D,GAAG,4CA4QlG,CAAA"}

package/dist/components/core/common/SolidGenericImport/SolidImportTransaction.js

@@ -46,7 +46,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CircleX, MoveRight } from 'lucide-react';
+import { AlertTriangle, CircleX, MoveRight } from 'lucide-react';
 import styles from './SolidImport.module.css';
 import { useCreateImportSyncMutation, useLazyGetImportMappingInfoQuery, usePatchUpdateImportTransactionMutation } from '../../../../redux/api/importTransactionApi';
 import { useEffect, useState } from 'react';
@@ -54,15 +54,76 @@ import { useDispatch } from 'react-redux';
 import { showToast } from '../../../../redux/features/toastSlice';
 import { ERROR_MESSAGES } from '../../../../constants/error-messages';
 import { SolidButton, SolidSelect, SolidSpinner } from '../../../shad-cn-ui';
+var getImportMessage = function (value, fallback) {
+    var _a, _b;
+    if (Array.isArray(value)) {
+        var normalized = value.map(function (item) { return getImportMessage(item, ""); }).filter(function (item) { return item.trim() !== ""; });
+        return normalized.length > 0 ? normalized.join(", ") : fallback;
+    }
+    if (value && typeof value === "object") {
+        var errorValue = (_b = (_a = value.error) !== null && _a !== void 0 ? _a : value.message) !== null && _b !== void 0 ? _b : value.detail;
+        if (errorValue !== undefined) {
+            return getImportMessage(errorValue, fallback);
+        }
+        try {
+            return JSON.stringify(value);
+        }
+        catch (_c) {
+            return fallback;
+        }
+    }
+    if (value === undefined || value === null || value === "") {
+        return fallback;
+    }
+    return String(value);
+};
+var getSampleCellPreview = function (value) {
+    if (value === undefined || value === null || value === "") {
+        return ERROR_MESSAGES.IMPORT_NO_SAMPLE_VALUE;
+    }
+    if (typeof value === "string" || typeof value === "number" || typeof value === "boolean" || typeof value === "bigint") {
+        return String(value);
+    }
+    if (Array.isArray(value)) {
+        var normalized = value
+            .map(function (item) { return getSampleCellPreview(item); })
+            .filter(function (item) { return item !== ERROR_MESSAGES.IMPORT_NO_SAMPLE_VALUE; });
+        return normalized.length > 0 ? normalized.join(", ") : ERROR_MESSAGES.IMPORT_NO_SAMPLE_VALUE;
+    }
+    if (value instanceof Date) {
+        return value.toISOString();
+    }
+    if (typeof value === "object") {
+        if ("result" in value && value.result !== undefined && value.result !== null) {
+            return getSampleCellPreview(value.result);
+        }
+        if ("value" in value && value.value !== undefined && value.value !== null) {
+            return getSampleCellPreview(value.value);
+        }
+        if ("label" in value && typeof value.label === "string") {
+            return value.label;
+        }
+        if ("formula" in value && typeof value.formula === "string") {
+            return value.formula;
+        }
+        try {
+            return JSON.stringify(value);
+        }
+        catch (_a) {
+            return ERROR_MESSAGES.IMPORT_UNSUPPORTED_SAMPLE_VALUE;
+        }
+    }
+    return String(value);
+};
 export var SolidImportTransaction = function (_a) {
-    var _b, _c, _d, _e, _f, _g;
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k;
     var setImportStatusResult = _a.setImportStatusResult, transactionId = _a.transactionId, setImportStep = _a.setImportStep;
     var dispatch = useDispatch();
-    var _h = useLazyGetImportMappingInfoQuery(), trigger = _h[0], _j = _h[1], mappingInfo = _j.data, isLoading = _j.isLoading;
+    var _l = useLazyGetImportMappingInfoQuery(), trigger = _l[0], _m = _l[1], mappingInfo = _m.data, isLoading = _m.isLoading, isMappingInfoError = _m.isError, mappingInfoError = _m.error;
     var patchUpdateImportTransaction = usePatchUpdateImportTransactionMutation()[0];
-    var _k = useCreateImportSyncMutation(), createImportSync = _k[0], isImporting = _k[1].isLoading;
-    var _l = useState({}), fieldMapping = _l[0], setFieldMapping = _l[1];
-    var _m = useState([]), visibleHeaders = _m[0], setVisibleHeaders = _m[1];
+    var _o = useCreateImportSyncMutation(), createImportSync = _o[0], isImporting = _o[1].isLoading;
+    var _p = useState({}), fieldMapping = _p[0], setFieldMapping = _p[1];
+    var _q = useState([]), visibleHeaders = _q[0], setVisibleHeaders = _q[1];
     useEffect(function () {
         if (transactionId) {
             trigger({ id: transactionId });
@@ -79,7 +140,8 @@ export var SolidImportTransaction = function (_a) {
         setFieldMapping(defaultMapping);
         setVisibleHeaders(headers);
     }, [mappingInfo === null || mappingInfo === void 0 ? void 0 : mappingInfo.data]);
-    var dropdownOptions = ((_c = (_b = mappingInfo === null || mappingInfo === void 0 ? void 0 : mappingInfo.data) === null || _b === void 0 ? void 0 : _b.importableFields) !== null && _c !== void 0 ? _c : []).map(function (field) { return ({
+    var importableFields = (_c = (_b = mappingInfo === null || mappingInfo === void 0 ? void 0 : mappingInfo.data) === null || _b === void 0 ? void 0 : _b.importableFields) !== null && _c !== void 0 ? _c : [];
+    var dropdownOptions = importableFields.map(function (field) { return ({
         label: field.displayName,
         value: field.name,
     }); });
@@ -97,14 +159,69 @@ export var SolidImportTransaction = function (_a) {
             return updated;
         });
     };
+    var visibleMappingEntries = Object.entries(fieldMapping).filter(function (_a) {
+        var header = _a[0];
+        return visibleHeaders.includes(header);
+    });
+    var mappedEntries = visibleMappingEntries.filter(function (_a) {
+        var fieldName = _a[1];
+        return typeof fieldName === "string" && fieldName.trim() !== "";
+    });
+    var mappedFieldCounts = mappedEntries.reduce(function (acc, _a) {
+        var _b;
+        var fieldName = _a[1];
+        var normalizedFieldName = fieldName.trim();
+        acc[normalizedFieldName] = ((_b = acc[normalizedFieldName]) !== null && _b !== void 0 ? _b : 0) + 1;
+        return acc;
+    }, {});
+    var duplicateMappedFieldNames = Object.entries(mappedFieldCounts)
+        .filter(function (_a) {
+        var count = _a[1];
+        return count > 1;
+    })
+        .map(function (_a) {
+        var fieldName = _a[0];
+        return fieldName;
+    });
+    var requiredImportableFields = importableFields.filter(function (field) { return field.required; });
+    var missingRequiredFields = requiredImportableFields.filter(function (field) { return !mappedFieldCounts[field.name]; });
+    var totalImportableFieldCount = importableFields.length;
+    var mappedImportableFieldCount = Object.keys(mappedFieldCounts).length;
+    var unmappedImportableFieldCount = Math.max(totalImportableFieldCount - mappedImportableFieldCount, 0);
     var handleImportTransaction = function () { return __awaiter(void 0, void 0, void 0, function () {
         var mappingArray, patchData, patchResult, importResult, importError_1, error_1, errorMessage;
         var _a, _b, _c, _d;
         return __generator(this, function (_e) {
             switch (_e.label) {
                 case 0:
-                    _e.trys.push([0, 6, , 7]);
-                    mappingArray = Object.entries(fieldMapping).map(function (_a) {
+                    if (mappedEntries.length === 0) {
+                        dispatch(showToast({
+                            severity: "error",
+                            summary: ERROR_MESSAGES.IMPORT_ERROR,
+                            detail: ERROR_MESSAGES.IMPORT_NO_MATCHED_COLUMNS,
+                        }));
+                        return [2 /*return*/];
+                    }
+                    if (duplicateMappedFieldNames.length > 0) {
+                        dispatch(showToast({
+                            severity: "error",
+                            summary: ERROR_MESSAGES.IMPORT_ERROR,
+                            detail: ERROR_MESSAGES.IMPORT_DUPLICATE_FIELD_MAPPING,
+                        }));
+                        return [2 /*return*/];
+                    }
+                    if (missingRequiredFields.length > 0) {
+                        dispatch(showToast({
+                            severity: "error",
+                            summary: ERROR_MESSAGES.IMPORT_ERROR,
+                            detail: ERROR_MESSAGES.IMPORT_REQUIRED_FIELD_MAPPING_MESSAGE(missingRequiredFields.length),
+                        }));
+                        return [2 /*return*/];
+                    }
+                    _e.label = 1;
+                case 1:
+                    _e.trys.push([1, 7, , 8]);
+                    mappingArray = mappedEntries.map(function (_a) {
                         var header = _a[0], fieldName = _a[1];
                         return ({
                             header: header,
@@ -119,14 +236,14 @@ export var SolidImportTransaction = function (_a) {
                             id: transactionId,
                             data: patchData,
                         }).unwrap()];
-                case 1:
-                    patchResult = _e.sent();
-                    if (!((patchResult === null || patchResult === void 0 ? void 0 : patchResult.statusCode) === 200)) return [3 /*break*/, 5];
-                    _e.label = 2;
                 case 2:
-                    _e.trys.push([2, 4, , 5]);
-                    return [4 /*yield*/, createImportSync({ id: transactionId }).unwrap()];
+                    patchResult = _e.sent();
+                    if (!((patchResult === null || patchResult === void 0 ? void 0 : patchResult.statusCode) === 200)) return [3 /*break*/, 6];
+                    _e.label = 3;
                 case 3:
+                    _e.trys.push([3, 5, , 6]);
+                    return [4 /*yield*/, createImportSync({ id: transactionId }).unwrap()];
+                case 4:
                     importResult = _e.sent();
                     if (((_a = importResult === null || importResult === void 0 ? void 0 : importResult.data) === null || _a === void 0 ? void 0 : _a.status) === "import_succeeded") {
                         setImportStatusResult(importResult);
@@ -136,27 +253,52 @@ export var SolidImportTransaction = function (_a) {
                         setImportStatusResult(importResult);
                         setImportStep(4);
                     }
-                    return [3 /*break*/, 5];
-                case 4:
+                    return [3 /*break*/, 6];
+                case 5:
                     importError_1 = _e.sent();
                     dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.IMPORT_ERROR, detail: (_c = importError_1 === null || importError_1 === void 0 ? void 0 : importError_1.data) === null || _c === void 0 ? void 0 : _c.error }));
-                    return [3 /*break*/, 5];
-                case 5: return [3 /*break*/, 7];
-                case 6:
+                    return [3 /*break*/, 6];
+                case 6: return [3 /*break*/, 8];
+                case 7:
                     error_1 = _e.sent();
                     errorMessage = ((_d = error_1 === null || error_1 === void 0 ? void 0 : error_1.data) === null || _d === void 0 ? void 0 : _d.error) || ERROR_MESSAGES.SOMETHING_WRONG;
                     dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.ERROR, detail: errorMessage }));
-                    return [3 /*break*/, 7];
-                case 7: return [2 /*return*/];
+                    return [3 /*break*/, 8];
+                case 8: return [2 /*return*/];
             }
         });
     }); };
     var sampleRecords = (_e = (_d = mappingInfo === null || mappingInfo === void 0 ? void 0 : mappingInfo.data) === null || _d === void 0 ? void 0 : _d.sampleImportedRecordInfo) !== null && _e !== void 0 ? _e : [];
     var visibleSampleRecords = sampleRecords === null || sampleRecords === void 0 ? void 0 : sampleRecords.filter(function (sample) { return visibleHeaders.includes(sample.cellHeader); });
-    return (_jsxs("div", { children: [_jsx("div", { className: styles.SolidImportContextWrapper, children: isLoading ? (_jsx("div", { className: "solid-import-loading-state", children: _jsx(SolidSpinner, { size: 22, label: "Loading mapping info" }) })) : visibleSampleRecords.length > 0 ? (_jsxs("div", { className: 'solid-import-mapping-shell', children: [_jsxs("div", { className: "solid-import-mapping-intro", children: [_jsxs("div", { children: [_jsx("h5", { className: 'solid-primary-black-text solid-import-section-title', children: "Map file columns" }), _jsx("p", { className: 'solid-import-section-copy m-0', children: "Match each incoming column to the correct SolidX field before the import runs." })] }), _jsxs("div", { className: "solid-import-mapping-count", children: [visibleSampleRecords.length, " column", visibleSampleRecords.length > 1 ? 's' : ''] })] }), _jsxs("div", { className: 'solid-import-mapping-table', children: [_jsxs("div", { className: "solid-import-mapping-head ".concat(styles.ImportTableHeader), children: [_jsx("div", { className: "solid-import-mapping-head-cell", children: "File Column" }), _jsx("div", { className: "solid-import-mapping-head-cell", children: "SolidX Field" })] }), _jsx("div", { className: "solid-import-mapping-body", children: visibleSampleRecords.map(function (sample) {
-                                        var fieldMeta = mappingInfo.data.importableFields.find(function (f) { return f.name === fieldMapping[sample.cellHeader]; });
+    var autoMappedCount = sampleRecords.filter(function (sample) {
+        return typeof (sample === null || sample === void 0 ? void 0 : sample.defaultMappedFieldName) === "string" && sample.defaultMappedFieldName.trim() !== "";
+    }).length;
+    var mappingWarningMessage = null;
+    var mappingWarningTitle = null;
+    if (visibleSampleRecords.length > 0) {
+        if (duplicateMappedFieldNames.length > 0) {
+            mappingWarningTitle = ERROR_MESSAGES.IMPORT_MAPPING_INCOMPLETE_TITLE;
+            mappingWarningMessage = ERROR_MESSAGES.IMPORT_DUPLICATE_FIELD_MAPPING;
+        }
+        else if (missingRequiredFields.length > 0) {
+            mappingWarningTitle = ERROR_MESSAGES.IMPORT_REQUIRED_FIELD_MAPPING_TITLE;
+            mappingWarningMessage = ERROR_MESSAGES.IMPORT_REQUIRED_FIELD_MAPPING_MESSAGE(missingRequiredFields.length);
+        }
+        else if (autoMappedCount === 0 && mappedImportableFieldCount === 0) {
+            mappingWarningTitle = ERROR_MESSAGES.IMPORT_TEMPLATE_MISMATCH_TITLE;
+            mappingWarningMessage = ERROR_MESSAGES.IMPORT_TEMPLATE_MISMATCH_MESSAGE;
+        }
+        else if (unmappedImportableFieldCount > 0) {
+            mappingWarningTitle = ERROR_MESSAGES.IMPORT_MAPPING_INCOMPLETE_TITLE;
+            mappingWarningMessage = ERROR_MESSAGES.IMPORT_MAPPING_INCOMPLETE_MESSAGE(unmappedImportableFieldCount);
+        }
+    }
+    var mappingErrorMessage = getImportMessage((_g = (_f = mappingInfoError === null || mappingInfoError === void 0 ? void 0 : mappingInfoError.data) === null || _f === void 0 ? void 0 : _f.error) !== null && _g !== void 0 ? _g : (_h = mappingInfoError === null || mappingInfoError === void 0 ? void 0 : mappingInfoError.data) === null || _h === void 0 ? void 0 : _h.message, ERROR_MESSAGES.IMPORT_FILE_READ_FAILED);
+    return (_jsxs("div", { children: [_jsx("div", { className: styles.SolidImportContextWrapper, children: isLoading ? (_jsx("div", { className: "solid-import-loading-state", children: _jsx(SolidSpinner, { size: 22, label: "Loading mapping info" }) })) : isMappingInfoError ? (_jsxs("div", { className: 'solid-import-empty-state solid-import-empty-state-danger', children: [_jsx("h4", { className: 'text-center px-2', children: ERROR_MESSAGES.IMPORT_UNABLE_TO_READ_FILE }), _jsx("p", { children: mappingErrorMessage })] })) : visibleSampleRecords.length > 0 ? (_jsxs("div", { className: 'solid-import-mapping-shell', children: [_jsxs("div", { className: "solid-import-mapping-intro", children: [_jsxs("div", { children: [_jsx("h5", { className: 'solid-primary-black-text solid-import-section-title', children: "Map file columns" }), _jsx("p", { className: 'solid-import-section-copy m-0', children: "Match each incoming column to the correct SolidX field before the import runs." })] }), _jsxs("div", { className: "solid-import-mapping-count", children: [totalImportableFieldCount, " importable field", totalImportableFieldCount > 1 ? 's' : ''] })] }), mappingWarningMessage ? (_jsxs("div", { className: "solid-import-mapping-alert", role: "alert", children: [_jsx("div", { className: "solid-import-mapping-alert-icon", children: _jsx(AlertTriangle, { size: 16 }) }), _jsxs("div", { className: "solid-import-mapping-alert-copy", children: [mappingWarningTitle ? (_jsx("p", { className: "solid-import-mapping-alert-title", children: mappingWarningTitle })) : null, _jsx("p", { className: "solid-import-mapping-alert-text", children: mappingWarningMessage })] })] })) : null, _jsxs("div", { className: 'solid-import-mapping-table', children: [_jsxs("div", { className: "solid-import-mapping-head ".concat(styles.ImportTableHeader), children: [_jsx("div", { className: "solid-import-mapping-head-cell", children: "File Column" }), _jsx("div", { className: "solid-import-mapping-head-cell", children: "SolidX Field" })] }), _jsx("div", { className: "solid-import-mapping-body", children: visibleSampleRecords.map(function (sample) {
+                                        var fieldMeta = importableFields.find(function (f) { return f.name === fieldMapping[sample.cellHeader]; });
                                         var isRequired = fieldMeta === null || fieldMeta === void 0 ? void 0 : fieldMeta.required;
-                                        return (_jsxs("div", { className: "solid-import-mapping-row", children: [_jsxs("div", { className: "solid-import-mapping-source", children: [_jsx("div", { className: "solid-import-mapping-source-title", children: sample.cellHeader }), _jsx("div", { className: "solid-import-mapping-source-value", children: sample.cellValue || "No sample value" })] }), _jsx("div", { className: "solid-import-mapping-target", children: _jsxs("div", { className: "solid-import-mapping-target-controls", children: [_jsx(SolidSelect, { value: fieldMapping[sample.cellHeader], options: dropdownOptions, onChange: function (e) { return handleChange(sample.cellHeader, e.value); }, className: "w-full", placeholder: "Select field" }), !isRequired ? (_jsx("button", { type: "button", className: "solid-import-mapping-remove", onClick: function () { return handleRemoveRow(sample.cellHeader); }, title: "Remove this row", children: _jsx(CircleX, { size: 16 }) })) : (_jsx("span", { className: "solid-import-mapping-remove-placeholder" }))] }) })] }, sample.cellHeader));
-                                    }) })] })] })) : (_jsxs("div", { className: 'solid-import-empty-state', children: [_jsx("h4", { className: 'text-center px-2', children: "No sample import records found" }), _jsx("p", { children: "Upload a file first and then continue to mapping." })] })) }), _jsxs("div", { className: 'solid-import-actions', children: [_jsx("p", { className: "solid-import-actions-copy", children: "Confirm the mapping and start the import." }), _jsx(SolidButton, { type: "button", size: 'small', onClick: handleImportTransaction, loading: isImporting, disabled: isImporting || ((_g = (_f = mappingInfo === null || mappingInfo === void 0 ? void 0 : mappingInfo.data) === null || _f === void 0 ? void 0 : _f.sampleImportedRecordInfo) === null || _g === void 0 ? void 0 : _g.length) === 0, rightIcon: _jsx(MoveRight, { size: 14 }), children: "Import" })] })] }));
+                                        var samplePreview = getSampleCellPreview(sample.cellValue);
+                                        return (_jsxs("div", { className: "solid-import-mapping-row", children: [_jsxs("div", { className: "solid-import-mapping-source", children: [_jsx("div", { className: "solid-import-mapping-source-title", children: sample.cellHeader }), _jsx("div", { className: "solid-import-mapping-source-value", title: samplePreview, children: samplePreview })] }), _jsx("div", { className: "solid-import-mapping-target", children: _jsxs("div", { className: "solid-import-mapping-target-controls", children: [_jsx(SolidSelect, { value: fieldMapping[sample.cellHeader], options: dropdownOptions, onChange: function (e) { return handleChange(sample.cellHeader, e.value); }, className: "w-full", placeholder: "Select field" }), !isRequired ? (_jsx("button", { type: "button", className: "solid-import-mapping-remove", onClick: function () { return handleRemoveRow(sample.cellHeader); }, title: "Remove this row", children: _jsx(CircleX, { size: 16 }) })) : (_jsx("span", { className: "solid-import-mapping-remove-placeholder" }))] }) })] }, sample.cellHeader));
+                                    }) })] })] })) : (_jsxs("div", { className: 'solid-import-empty-state', children: [_jsx("h4", { className: 'text-center px-2', children: "No sample import records found" }), _jsx("p", { children: "Upload a file first and then continue to mapping." })] })) }), _jsxs("div", { className: 'solid-import-actions', children: [_jsx("p", { className: "solid-import-actions-copy", children: "Confirm the mapping and start the import." }), _jsx(SolidButton, { type: "button", size: 'small', onClick: handleImportTransaction, loading: isImporting, disabled: isImporting || isMappingInfoError || ((_k = (_j = mappingInfo === null || mappingInfo === void 0 ? void 0 : mappingInfo.data) === null || _j === void 0 ? void 0 : _j.sampleImportedRecordInfo) === null || _k === void 0 ? void 0 : _k.length) === 0, rightIcon: _jsx(MoveRight, { size: 14 }), children: "Import" })] })] }));
 };
 //# sourceMappingURL=SolidImportTransaction.js.map