@solidxai/core-ui 0.1.9-beta.2 → 0.1.9-beta.21

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

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

@@ -1 +1 @@
-{"version":3,"file":"SolidImportTransaction.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidGenericImport/SolidImportTransaction.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { CircleX, MoveRight } from 'lucide-react'\nimport styles from './SolidImport.module.css'\nimport { useCreateImportSyncMutation, useLazyGetImportMappingInfoQuery, usePatchUpdateImportTransactionMutation } from '../../../../redux/api/importTransactionApi';\nimport React, { useEffect, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { showToast } from '../../../../redux/features/toastSlice';\nimport { ERROR_MESSAGES } from '../../../../constants/error-messages';\nimport { SolidButton, SolidSelect, SolidSpinner } from '../../../shad-cn-ui';\nexport const SolidImportTransaction = ({ setImportStatusResult, transactionId, setImportStep }: any) => {\n    const dispatch = useDispatch();\n    const [trigger, { data: mappingInfo, isLoading }] = useLazyGetImportMappingInfoQuery();\n    const [patchUpdateImportTransaction] = usePatchUpdateImportTransactionMutation();\n    const [createImportSync, { isLoading: isImporting }] = useCreateImportSyncMutation();\n    const [fieldMapping, setFieldMapping] = useState<Record<string, string>>({});\n    const [visibleHeaders, setVisibleHeaders] = useState<string[]>([]);\n\n    useEffect(() => {\n        if (transactionId) {\n            trigger({ id: transactionId });\n        }\n    }, [transactionId]);\n\n    useEffect(() => {\n        const defaultMapping: Record<string, string> = {};\n        const headers: string[] = [];\n        mappingInfo?.data?.sampleImportedRecordInfo?.forEach((sample: any) => {\n            defaultMapping[sample.cellHeader] = sample.defaultMappedFieldName || \"\";\n            headers.push(sample.cellHeader);\n        });\n        setFieldMapping(defaultMapping);\n        setVisibleHeaders(headers);\n    }, [mappingInfo?.data]);\n\n\n    const dropdownOptions = (mappingInfo?.data?.importableFields ?? []).map((field: any) => ({\n        label: field.displayName,\n        value: field.name,\n    }));\n\n    const handleChange = (cellHeader: string, selectedField: string) => {\n        setFieldMapping((prev) => ({\n            ...prev,\n            [cellHeader]: selectedField,\n        }));\n    };\n\n    const handleRemoveRow = (cellHeader: string) => {\n        setVisibleHeaders((prev) => prev.filter(header => header !== cellHeader));\n        setFieldMapping((prev) => {\n            const updated = { ...prev };\n            delete updated[cellHeader];\n            return updated;\n        });\n    };\n\n    const handleImportTransaction = async () => {\n        try {\n            const mappingArray = Object.entries(fieldMapping).map(([header, fieldName]) => ({\n                header,\n                fieldName,\n            }));\n\n            const patchData = {\n                status: \"mapping_created\",\n                mapping: JSON.stringify(mappingArray),\n            };\n            const patchResult = await patchUpdateImportTransaction({\n                id: transactionId,\n                data: patchData,\n            }).unwrap();\n            if (patchResult?.statusCode === 200) {\n\n                // Sync\n                try {\n                    const importResult = await createImportSync({ id: transactionId }).unwrap();\n\n                    if (importResult?.data?.status === \"import_succeeded\") {\n                        setImportStatusResult(importResult)\n                        setImportStep(4);\n                    }\n                    if (importResult?.data?.status === \"import_failed\") {\n                        setImportStatusResult(importResult);\n                        setImportStep(4);\n                    }\n                } catch (importError: any) {\n                    dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.IMPORT_ERROR, detail: importError?.data?.error }));\n                }\n\n                // Async\n            }\n        } catch (error: any) {\n            const errorMessage = error?.data?.error || ERROR_MESSAGES.SOMETHING_WRONG;\n            dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.ERROR, detail: errorMessage }));\n        }\n    };\n\n    const sampleRecords = mappingInfo?.data?.sampleImportedRecordInfo ?? [];\n    const visibleSampleRecords = sampleRecords?.filter((sample: any) => visibleHeaders.includes(sample.cellHeader));\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 mapping info\" />\n                    </div>\n                ) : visibleSampleRecords.length > 0 ? (\n                    <div className='solid-import-mapping-shell'>\n                        <div className=\"solid-import-mapping-intro\">\n                            <div>\n                                <h5 className='solid-primary-black-text solid-import-section-title'>Map file columns</h5>\n                                <p className='solid-import-section-copy m-0'>Match each incoming column to the correct SolidX field before the import runs.</p>\n                            </div>\n                            <div className=\"solid-import-mapping-count\">\n                                {visibleSampleRecords.length} column{visibleSampleRecords.length > 1 ? 's' : ''}\n                            </div>\n                        </div>\n                        <div className='solid-import-mapping-table'>\n                            <div className={`solid-import-mapping-head ${styles.ImportTableHeader}`}>\n                                <div className=\"solid-import-mapping-head-cell\">File Column</div>\n                                <div className=\"solid-import-mapping-head-cell\">SolidX Field</div>\n                            </div>\n                            <div className=\"solid-import-mapping-body\">\n                                {visibleSampleRecords.map((sample: any) => {\n                                    const fieldMeta = mappingInfo.data.importableFields.find(\n                                        (f: any) => f.name === fieldMapping[sample.cellHeader]\n                                    );\n                                    const isRequired = fieldMeta?.required;\n\n                                    return (\n                                        <div key={sample.cellHeader} className=\"solid-import-mapping-row\">\n                                            <div className=\"solid-import-mapping-source\">\n                                                <div className=\"solid-import-mapping-source-title\">{sample.cellHeader}</div>\n                                                <div className=\"solid-import-mapping-source-value\">{sample.cellValue || \"No sample value\"}</div>\n                                            </div>\n                                            <div className=\"solid-import-mapping-target\">\n                                                <div className=\"solid-import-mapping-target-controls\">\n                                                    <SolidSelect\n                                                        value={fieldMapping[sample.cellHeader]}\n                                                        options={dropdownOptions}\n                                                        onChange={(e) => handleChange(sample.cellHeader, e.value)}\n                                                        className=\"w-full\"\n                                                        placeholder=\"Select field\"\n                                                    />\n                                                    {!isRequired ? (\n                                                        <button\n                                                            type=\"button\"\n                                                            className=\"solid-import-mapping-remove\"\n                                                            onClick={() => handleRemoveRow(sample.cellHeader)}\n                                                            title=\"Remove this row\"\n                                                        >\n                                                            <CircleX size={16} />\n                                                        </button>\n                                                    ) : (\n                                                        <span className=\"solid-import-mapping-remove-placeholder\" />\n                                                    )}\n                                                </div>\n                                            </div>\n                                        </div>\n                                    );\n                                })}\n                            </div>\n                        </div>\n                    </div>\n                ) : (\n                    <div className='solid-import-empty-state'>\n                        <h4 className='text-center px-2'>No sample import records found</h4>\n                        <p>Upload a file first and then continue to mapping.</p>\n                    </div>\n                )}\n            </div>\n            <div className='solid-import-actions'>\n                <p className=\"solid-import-actions-copy\">Confirm the mapping and start the import.</p>\n                <SolidButton\n                    type=\"button\"\n                    size='small'\n                    onClick={handleImportTransaction}\n                    loading={isImporting}\n                    disabled={isImporting || mappingInfo?.data?.sampleImportedRecordInfo?.length === 0}\n                    rightIcon={<MoveRight size={14} />}\n                >\n                    Import\n                </SolidButton>\n            </div>\n        </div>\n    )\n}\n"]}
+{"version":3,"file":"SolidImportTransaction.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidGenericImport/SolidImportTransaction.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AlertTriangle, CircleX, MoveRight } from 'lucide-react'\nimport styles from './SolidImport.module.css'\nimport { useCreateImportSyncMutation, useLazyGetImportMappingInfoQuery, usePatchUpdateImportTransactionMutation } from '../../../../redux/api/importTransactionApi';\nimport React, { useEffect, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { showToast } from '../../../../redux/features/toastSlice';\nimport { ERROR_MESSAGES } from '../../../../constants/error-messages';\nimport { SolidButton, SolidSelect, SolidSpinner } from '../../../shad-cn-ui';\n\n\nconst getImportMessage = (value: unknown, fallback: string): string => {\n    if (Array.isArray(value)) {\n        const normalized: string[] = value.map((item) => getImportMessage(item, \"\")).filter((item) => item.trim() !== \"\");\n        return normalized.length > 0 ? normalized.join(\", \") : fallback;\n    }\n\n    if (value && typeof value === \"object\") {\n        const errorValue = (value as any).error ?? (value as any).message ?? (value as any).detail;\n        if (errorValue !== undefined) {\n            return getImportMessage(errorValue, fallback);\n        }\n\n        try {\n            return JSON.stringify(value);\n        } catch {\n            return fallback;\n        }\n    }\n\n    if (value === undefined || value === null || value === \"\") {\n        return fallback;\n    }\n\n    return String(value);\n};\n\nconst getSampleCellPreview = (value: unknown): string => {\n    if (value === undefined || value === null || value === \"\") {\n        return ERROR_MESSAGES.IMPORT_NO_SAMPLE_VALUE;\n    }\n\n    if (typeof value === \"string\" || typeof value === \"number\" || typeof value === \"boolean\" || typeof value === \"bigint\") {\n        return String(value);\n    }\n\n    if (Array.isArray(value)) {\n        const normalized: string[] = value\n            .map((item) => getSampleCellPreview(item))\n            .filter((item) => item !== ERROR_MESSAGES.IMPORT_NO_SAMPLE_VALUE);\n        return normalized.length > 0 ? normalized.join(\", \") : ERROR_MESSAGES.IMPORT_NO_SAMPLE_VALUE;\n    }\n\n    if (value instanceof Date) {\n        return value.toISOString();\n    }\n\n    if (typeof value === \"object\") {\n        if (\"result\" in (value as any) && (value as any).result !== undefined && (value as any).result !== null) {\n            return getSampleCellPreview((value as any).result);\n        }\n\n        if (\"value\" in (value as any) && (value as any).value !== undefined && (value as any).value !== null) {\n            return getSampleCellPreview((value as any).value);\n        }\n\n        if (\"label\" in (value as any) && typeof (value as any).label === \"string\") {\n            return (value as any).label;\n        }\n\n        if (\"formula\" in (value as any) && typeof (value as any).formula === \"string\") {\n            return (value as any).formula;\n        }\n\n        try {\n            return JSON.stringify(value);\n        } catch {\n            return ERROR_MESSAGES.IMPORT_UNSUPPORTED_SAMPLE_VALUE;\n        }\n    }\n\n    return String(value);\n};\n\nexport const SolidImportTransaction = ({ setImportStatusResult, transactionId, setImportStep }: any) => {\n    const dispatch = useDispatch();\n    const [trigger, { data: mappingInfo, isLoading, isError: isMappingInfoError, error: mappingInfoError }] = useLazyGetImportMappingInfoQuery();\n    const [patchUpdateImportTransaction] = usePatchUpdateImportTransactionMutation();\n    const [createImportSync, { isLoading: isImporting }] = useCreateImportSyncMutation();\n    const [fieldMapping, setFieldMapping] = useState<Record<string, string>>({});\n    const [visibleHeaders, setVisibleHeaders] = useState<string[]>([]);\n\n    useEffect(() => {\n        if (transactionId) {\n            trigger({ id: transactionId });\n        }\n    }, [transactionId]);\n\n    useEffect(() => {\n        const defaultMapping: Record<string, string> = {};\n        const headers: string[] = [];\n        mappingInfo?.data?.sampleImportedRecordInfo?.forEach((sample: any) => {\n            defaultMapping[sample.cellHeader] = sample.defaultMappedFieldName || \"\";\n            headers.push(sample.cellHeader);\n        });\n        setFieldMapping(defaultMapping);\n        setVisibleHeaders(headers);\n    }, [mappingInfo?.data]);\n\n    const importableFields = mappingInfo?.data?.importableFields ?? [];\n    const dropdownOptions = importableFields.map((field: any) => ({\n        label: field.displayName,\n        value: field.name,\n    }));\n\n    const handleChange = (cellHeader: string, selectedField: string) => {\n        setFieldMapping((prev) => ({\n            ...prev,\n            [cellHeader]: selectedField,\n        }));\n    };\n\n    const handleRemoveRow = (cellHeader: string) => {\n        setVisibleHeaders((prev) => prev.filter(header => header !== cellHeader));\n        setFieldMapping((prev) => {\n            const updated = { ...prev };\n            delete updated[cellHeader];\n            return updated;\n        });\n    };\n\n    const visibleMappingEntries = Object.entries(fieldMapping).filter(([header]) => visibleHeaders.includes(header));\n    const mappedEntries = visibleMappingEntries.filter(([, fieldName]) => typeof fieldName === \"string\" && fieldName.trim() !== \"\");\n    const mappedFieldCounts = mappedEntries.reduce<Record<string, number>>((acc, [, fieldName]) => {\n        const normalizedFieldName = fieldName.trim();\n        acc[normalizedFieldName] = (acc[normalizedFieldName] ?? 0) + 1;\n        return acc;\n    }, {});\n    const duplicateMappedFieldNames = Object.entries(mappedFieldCounts)\n        .filter(([, count]) => count > 1)\n        .map(([fieldName]) => fieldName);\n    const requiredImportableFields = importableFields.filter((field: any) => field.required);\n    const missingRequiredFields = requiredImportableFields.filter(\n        (field: any) => !mappedFieldCounts[field.name]\n    );\n    const totalImportableFieldCount = importableFields.length;\n    const mappedImportableFieldCount = Object.keys(mappedFieldCounts).length;\n    const unmappedImportableFieldCount = Math.max(totalImportableFieldCount - mappedImportableFieldCount, 0);\n\n    const handleImportTransaction = async () => {\n        if (mappedEntries.length === 0) {\n            dispatch(showToast({\n                severity: \"error\",\n                summary: ERROR_MESSAGES.IMPORT_ERROR,\n                detail: ERROR_MESSAGES.IMPORT_NO_MATCHED_COLUMNS,\n            }));\n            return;\n        }\n\n        if (duplicateMappedFieldNames.length > 0) {\n            dispatch(showToast({\n                severity: \"error\",\n                summary: ERROR_MESSAGES.IMPORT_ERROR,\n                detail: ERROR_MESSAGES.IMPORT_DUPLICATE_FIELD_MAPPING,\n            }));\n            return;\n        }\n\n        if (missingRequiredFields.length > 0) {\n            dispatch(showToast({\n                severity: \"error\",\n                summary: ERROR_MESSAGES.IMPORT_ERROR,\n                detail: ERROR_MESSAGES.IMPORT_REQUIRED_FIELD_MAPPING_MESSAGE(missingRequiredFields.length),\n            }));\n            return;\n        }\n\n        try {\n            const mappingArray = mappedEntries.map(([header, fieldName]) => ({\n                header,\n                fieldName,\n            }));\n\n            const patchData = {\n                status: \"mapping_created\",\n                mapping: JSON.stringify(mappingArray),\n            };\n            const patchResult = await patchUpdateImportTransaction({\n                id: transactionId,\n                data: patchData,\n            }).unwrap();\n            if (patchResult?.statusCode === 200) {\n\n                // Sync\n                try {\n                    const importResult = await createImportSync({ id: transactionId }).unwrap();\n\n                    if (importResult?.data?.status === \"import_succeeded\") {\n                        setImportStatusResult(importResult)\n                        setImportStep(4);\n                    }\n                    if (importResult?.data?.status === \"import_failed\") {\n                        setImportStatusResult(importResult);\n                        setImportStep(4);\n                    }\n                } catch (importError: any) {\n                    dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.IMPORT_ERROR, detail: importError?.data?.error }));\n                }\n\n                // Async\n            }\n        } catch (error: any) {\n            const errorMessage = error?.data?.error || ERROR_MESSAGES.SOMETHING_WRONG;\n            dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.ERROR, detail: errorMessage }));\n        }\n    };\n\n    const sampleRecords = mappingInfo?.data?.sampleImportedRecordInfo ?? [];\n    const visibleSampleRecords = sampleRecords?.filter((sample: any) => visibleHeaders.includes(sample.cellHeader));\n    const autoMappedCount = sampleRecords.filter((sample: any) =>\n        typeof sample?.defaultMappedFieldName === \"string\" && sample.defaultMappedFieldName.trim() !== \"\"\n    ).length;\n\n    let mappingWarningMessage: string | null = null;\n    let mappingWarningTitle: string | null = null;\n\n    if (visibleSampleRecords.length > 0) {\n        if (duplicateMappedFieldNames.length > 0) {\n            mappingWarningTitle = ERROR_MESSAGES.IMPORT_MAPPING_INCOMPLETE_TITLE;\n            mappingWarningMessage = ERROR_MESSAGES.IMPORT_DUPLICATE_FIELD_MAPPING;\n        } else if (missingRequiredFields.length > 0) {\n            mappingWarningTitle = ERROR_MESSAGES.IMPORT_REQUIRED_FIELD_MAPPING_TITLE;\n            mappingWarningMessage = ERROR_MESSAGES.IMPORT_REQUIRED_FIELD_MAPPING_MESSAGE(missingRequiredFields.length);\n        } else if (autoMappedCount === 0 && mappedImportableFieldCount === 0) {\n            mappingWarningTitle = ERROR_MESSAGES.IMPORT_TEMPLATE_MISMATCH_TITLE;\n            mappingWarningMessage = ERROR_MESSAGES.IMPORT_TEMPLATE_MISMATCH_MESSAGE;\n        } else if (unmappedImportableFieldCount > 0) {\n            mappingWarningTitle = ERROR_MESSAGES.IMPORT_MAPPING_INCOMPLETE_TITLE;\n            mappingWarningMessage = ERROR_MESSAGES.IMPORT_MAPPING_INCOMPLETE_MESSAGE(unmappedImportableFieldCount);\n        }\n    }\n\n    const mappingErrorMessage = getImportMessage(\n        (mappingInfoError as any)?.data?.error ?? (mappingInfoError as any)?.data?.message,\n        ERROR_MESSAGES.IMPORT_FILE_READ_FAILED\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 mapping info\" />\n                    </div>\n                ) : isMappingInfoError ? (\n                    <div className='solid-import-empty-state solid-import-empty-state-danger'>\n                        <h4 className='text-center px-2'>{ERROR_MESSAGES.IMPORT_UNABLE_TO_READ_FILE}</h4>\n                        <p>{mappingErrorMessage}</p>\n                    </div>\n                ) : visibleSampleRecords.length > 0 ? (\n                    <div className='solid-import-mapping-shell'>\n                        <div className=\"solid-import-mapping-intro\">\n                            <div>\n                                <h5 className='solid-primary-black-text solid-import-section-title'>Map file columns</h5>\n                                <p className='solid-import-section-copy m-0'>Match each incoming column to the correct SolidX field before the import runs.</p>\n                            </div>\n                            <div className=\"solid-import-mapping-count\">\n                                {totalImportableFieldCount} importable field{totalImportableFieldCount > 1 ? 's' : ''}\n                            </div>\n                        </div>\n                        {mappingWarningMessage ? (\n                            <div className=\"solid-import-mapping-alert\" role=\"alert\">\n                                <div className=\"solid-import-mapping-alert-icon\">\n                                    <AlertTriangle size={16} />\n                                </div>\n                                <div className=\"solid-import-mapping-alert-copy\">\n                                    {mappingWarningTitle ? (\n                                        <p className=\"solid-import-mapping-alert-title\">{mappingWarningTitle}</p>\n                                    ) : null}\n                                    <p className=\"solid-import-mapping-alert-text\">{mappingWarningMessage}</p>\n                                </div>\n                            </div>\n                        ) : null}\n                        <div className='solid-import-mapping-table'>\n                            <div className={`solid-import-mapping-head ${styles.ImportTableHeader}`}>\n                                <div className=\"solid-import-mapping-head-cell\">File Column</div>\n                                <div className=\"solid-import-mapping-head-cell\">SolidX Field</div>\n                            </div>\n                            <div className=\"solid-import-mapping-body\">\n                                {visibleSampleRecords.map((sample: any) => {\n                                    const fieldMeta = importableFields.find(\n                                        (f: any) => f.name === fieldMapping[sample.cellHeader]\n                                    );\n                                    const isRequired = fieldMeta?.required;\n                                    const samplePreview = getSampleCellPreview(sample.cellValue);\n\n                                    return (\n                                        <div key={sample.cellHeader} className=\"solid-import-mapping-row\">\n                                            <div className=\"solid-import-mapping-source\">\n                                                <div className=\"solid-import-mapping-source-title\">{sample.cellHeader}</div>\n                                                <div className=\"solid-import-mapping-source-value\" title={samplePreview}>{samplePreview}</div>\n                                            </div>\n                                            <div className=\"solid-import-mapping-target\">\n                                                <div className=\"solid-import-mapping-target-controls\">\n                                                    <SolidSelect\n                                                        value={fieldMapping[sample.cellHeader]}\n                                                        options={dropdownOptions}\n                                                        onChange={(e) => handleChange(sample.cellHeader, e.value)}\n                                                        className=\"w-full\"\n                                                        placeholder=\"Select field\"\n                                                    />\n                                                    {!isRequired ? (\n                                                        <button\n                                                            type=\"button\"\n                                                            className=\"solid-import-mapping-remove\"\n                                                            onClick={() => handleRemoveRow(sample.cellHeader)}\n                                                            title=\"Remove this row\"\n                                                        >\n                                                            <CircleX size={16} />\n                                                        </button>\n                                                    ) : (\n                                                        <span className=\"solid-import-mapping-remove-placeholder\" />\n                                                    )}\n                                                </div>\n                                            </div>\n                                        </div>\n                                    );\n                                })}\n                            </div>\n                        </div>\n                    </div>\n                ) : (\n                    <div className='solid-import-empty-state'>\n                        <h4 className='text-center px-2'>No sample import records found</h4>\n                        <p>Upload a file first and then continue to mapping.</p>\n                    </div>\n                )}\n            </div>\n            <div className='solid-import-actions'>\n                <p className=\"solid-import-actions-copy\">Confirm the mapping and start the import.</p>\n                <SolidButton\n                    type=\"button\"\n                    size='small'\n                    onClick={handleImportTransaction}\n                    loading={isImporting}\n                    disabled={isImporting || isMappingInfoError || mappingInfo?.data?.sampleImportedRecordInfo?.length === 0}\n                    rightIcon={<MoveRight size={14} />}\n                >\n                    Import\n                </SolidButton>\n            </div>\n        </div>\n    )\n}\n"]}