@solidstarters/solid-core-ui 1.1.210 → 1.1.212

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

@@ -1,51 +1,4 @@
 "use client";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from 'primereact/button';
 import styles from './SolidImport.module.css';
@@ -54,114 +7,101 @@ import React, { useEffect, useRef, useState } from 'react';
 import { Dropdown } from 'primereact/dropdown';
 import { Toast } from 'primereact/toast';
 import { ERROR_MESSAGES } from '../../../../constants/error-messages';
-export var SolidImportTransaction = function (_a) {
+export const SolidImportTransaction = ({ setImportStatusResult, transactionId, setImportStep }) => {
     // console.log("get transaction id", transactionId);
-    var _b, _c, _d, _e, _f;
-    var setImportStatusResult = _a.setImportStatusResult, transactionId = _a.transactionId, setImportStep = _a.setImportStep;
-    var toast = useRef(null);
-    var showToast = function (severity, summary, detail) {
-        var _a;
-        (_a = toast.current) === null || _a === void 0 ? void 0 : _a.show(__assign({ severity: severity, summary: summary, detail: detail }, (severity === "error"
-            ? { sticky: true } // stays until user closes
-            : { life: 3000 })));
+    const toast = useRef(null);
+    const showToast = (severity, summary, detail) => {
+        toast.current?.show({
+            severity,
+            summary,
+            detail,
+            ...(severity === "error"
+                ? { sticky: true } // stays until user closes
+                : { life: 3000 }),
+        });
     };
-    var _g = useLazyGetImportMappingInfoQuery(), trigger = _g[0], _h = _g[1], mappingInfo = _h.data, isLoading = _h.isLoading, isError = _h.isError;
-    var patchUpdateImportTransaction = usePatchUpdateImportTransactionMutation()[0];
-    var _j = useCreateImportSyncMutation(), createImportSync = _j[0], isImporting = _j[1].isLoading;
-    var _k = useState({}), fieldMapping = _k[0], setFieldMapping = _k[1];
-    var _l = useState([]), visibleHeaders = _l[0], setVisibleHeaders = _l[1];
-    useEffect(function () {
+    const [trigger, { data: mappingInfo, isLoading, isError }] = useLazyGetImportMappingInfoQuery();
+    const [patchUpdateImportTransaction] = usePatchUpdateImportTransactionMutation();
+    const [createImportSync, { isLoading: isImporting }] = useCreateImportSyncMutation();
+    const [fieldMapping, setFieldMapping] = useState({});
+    const [visibleHeaders, setVisibleHeaders] = useState([]);
+    useEffect(() => {
         if (transactionId) {
             trigger({ id: transactionId });
         }
     }, [transactionId]);
-    useEffect(function () {
-        var _a, _b;
-        var defaultMapping = {};
-        var headers = [];
-        (_b = (_a = mappingInfo === null || mappingInfo === void 0 ? void 0 : mappingInfo.data) === null || _a === void 0 ? void 0 : _a.sampleImportedRecordInfo) === null || _b === void 0 ? void 0 : _b.forEach(function (sample) {
+    useEffect(() => {
+        const defaultMapping = {};
+        const headers = [];
+        mappingInfo?.data?.sampleImportedRecordInfo?.forEach((sample) => {
             defaultMapping[sample.cellHeader] = sample.defaultMappedFieldName || "";
             headers.push(sample.cellHeader);
         });
         setFieldMapping(defaultMapping);
         setVisibleHeaders(headers);
-    }, [mappingInfo === null || mappingInfo === void 0 ? void 0 : mappingInfo.data]);
-    var dropdownOptions = (_b = mappingInfo === null || mappingInfo === void 0 ? void 0 : mappingInfo.data) === null || _b === void 0 ? void 0 : _b.importableFields.map(function (field) { return ({
+    }, [mappingInfo?.data]);
+    const dropdownOptions = mappingInfo?.data?.importableFields.map((field) => ({
         label: field.displayName,
         value: field.name,
-    }); });
-    var handleChange = function (cellHeader, selectedField) {
-        setFieldMapping(function (prev) {
-            var _a;
-            return (__assign(__assign({}, prev), (_a = {}, _a[cellHeader] = selectedField, _a)));
-        });
+    }));
+    const handleChange = (cellHeader, selectedField) => {
+        setFieldMapping((prev) => ({
+            ...prev,
+            [cellHeader]: selectedField,
+        }));
     };
-    var handleRemoveRow = function (cellHeader) {
-        setVisibleHeaders(function (prev) { return prev.filter(function (header) { return header !== cellHeader; }); });
-        setFieldMapping(function (prev) {
-            var updated = __assign({}, prev);
+    const handleRemoveRow = (cellHeader) => {
+        setVisibleHeaders((prev) => prev.filter(header => header !== cellHeader));
+        setFieldMapping((prev) => {
+            const updated = { ...prev };
             delete updated[cellHeader];
             return updated;
         });
     };
-    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) {
-                        var header = _a[0], fieldName = _a[1];
-                        return ({
-                            header: header,
-                            fieldName: fieldName,
-                        });
-                    });
-                    patchData = {
-                        status: "mapping_created",
-                        mapping: JSON.stringify(mappingArray),
-                    };
-                    return [4 /*yield*/, patchUpdateImportTransaction({
-                            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()];
-                case 3:
-                    importResult = _e.sent();
-                    if (((_a = importResult === null || importResult === void 0 ? void 0 : importResult.data) === null || _a === void 0 ? void 0 : _a.status) === "import_succeeded") {
+    const handleImportTransaction = async () => {
+        try {
+            const mappingArray = Object.entries(fieldMapping).map(([header, fieldName]) => ({
+                header,
+                fieldName,
+            }));
+            const patchData = {
+                status: "mapping_created",
+                mapping: JSON.stringify(mappingArray),
+            };
+            const patchResult = await patchUpdateImportTransaction({
+                id: transactionId,
+                data: patchData,
+            }).unwrap();
+            if (patchResult?.statusCode === 200) {
+                // Sync
+                try {
+                    const importResult = await createImportSync({ id: transactionId }).unwrap();
+                    if (importResult?.data?.status === "import_succeeded") {
                         setImportStatusResult(importResult);
                         setImportStep(4);
                     }
-                    if (((_b = importResult === null || importResult === void 0 ? void 0 : importResult.data) === null || _b === void 0 ? void 0 : _b.status) === "import_failed") {
+                    if (importResult?.data?.status === "import_failed") {
                         setImportStatusResult(importResult);
                         setImportStep(4);
                     }
-                    return [3 /*break*/, 5];
-                case 4:
-                    importError_1 = _e.sent();
-                    showToast("error", ERROR_MESSAGES.IMPORT_ERROR, (_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:
-                    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;
-                    showToast("error", ERROR_MESSAGES.ERROR, errorMessage);
-                    return [3 /*break*/, 7];
-                case 7: return [2 /*return*/];
+                }
+                catch (importError) {
+                    showToast("error", ERROR_MESSAGES.IMPORT_ERROR, importError?.data?.error);
+                }
+                // Async
             }
-        });
-    }); };
-    var sampleRecords = (_d = (_c = mappingInfo === null || mappingInfo === void 0 ? void 0 : mappingInfo.data) === null || _c === void 0 ? void 0 : _c.sampleImportedRecordInfo) !== null && _d !== void 0 ? _d : [];
-    return (_jsxs("div", { children: [_jsx(Toast, { ref: toast }), _jsx("div", { className: styles.SolidImportContextWrapper, children: _jsxs("div", { className: 'grid m-0 relative', children: [_jsxs("div", { className: "col-6 font-bold p-3 ".concat(styles.ImportTableHeader), children: ["File Column", _jsx("div", { className: styles.TransactionsHeaderDivider })] }), _jsx("div", { className: "col-6 font-bold p-3 ".concat(styles.ImportTableHeader), children: "SolidX Field" }), sampleRecords.length > 0 ? (sampleRecords === null || sampleRecords === void 0 ? void 0 : sampleRecords.filter(function (sample) { return visibleHeaders.includes(sample.cellHeader); }).map(function (sample) {
-                            var fieldMeta = mappingInfo.data.importableFields.find(function (f) { return f.name === fieldMapping[sample.cellHeader]; });
-                            var isRequired = fieldMeta === null || fieldMeta === void 0 ? void 0 : fieldMeta.required;
+        }
+        catch (error) {
+            const errorMessage = error?.data?.error || ERROR_MESSAGES.SOMETHING_WRONG;
+            showToast("error", ERROR_MESSAGES.ERROR, errorMessage);
+        }
+    };
+    const sampleRecords = mappingInfo?.data?.sampleImportedRecordInfo ?? [];
+    return (_jsxs("div", { children: [_jsx(Toast, { ref: toast }), _jsx("div", { className: styles.SolidImportContextWrapper, children: _jsxs("div", { className: 'grid m-0 relative', children: [_jsxs("div", { className: `col-6 font-bold p-3 ${styles.ImportTableHeader}`, children: ["File Column", _jsx("div", { className: styles.TransactionsHeaderDivider })] }), _jsx("div", { className: `col-6 font-bold p-3 ${styles.ImportTableHeader}`, children: "SolidX Field" }), sampleRecords.length > 0 ? (sampleRecords
+                            ?.filter((sample) => visibleHeaders.includes(sample.cellHeader))
+                            .map((sample) => {
+                            const fieldMeta = mappingInfo.data.importableFields.find((f) => f.name === fieldMapping[sample.cellHeader]);
+                            const isRequired = fieldMeta?.required;
                             // {sampleRecords.length > 0 ? (
                             //    sampleRecords    
                             //     ?.filter((sample: any) => visibleHeaders.includes(sample.cellHeader))
@@ -175,9 +115,9 @@ export var SolidImportTransaction = function (_a) {
                             //             (f: any) => f.name === fieldMapping[sample.cellHeader]
                             //         );
                             //         const isRequired = fieldMeta?.required;
-                            return (_jsxs(React.Fragment, { children: [_jsxs("div", { className: "col-5 md:col-6 py-2 pl-3 pr-2 md:px-3 flex flex-column justify-content-center", style: { borderBottom: "1px solid var(--gray-100)" }, children: [_jsx("div", { className: "font-medium text-primary", children: sample.cellHeader }), _jsx("div", { className: "text-sm", style: { color: "var(--solid-grey-500)" }, children: sample.cellValue || "" })] }), _jsx("div", { className: "col-7 md:col-6 py-0", style: { borderBottom: "1px solid var(--gray-100)" }, children: _jsxs("div", { className: "flex w-full justify-between align-items-center gap-2  py-2 md:px-3  ".concat(fieldMapping[sample.cellHeader] ? "col-11 sm:col-12" : "col-12", " "), children: [_jsx(Dropdown, { value: fieldMapping[sample.cellHeader], options: dropdownOptions, onChange: function (e) { return handleChange(sample.cellHeader, e.value); }, className: "w-full p-inputtext-sm", placeholder: "Select field" }), !isRequired ? (_jsx("span", { onClick: function () { return handleRemoveRow(sample.cellHeader); }, title: "Remove this row", style: { cursor: 'pointer' }, children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [_jsx("rect", { width: "16", height: "16", rx: "8", fill: "#F0F0F0" }), _jsx("path", { d: "M5.6 11L5 10.4L7.4 8L5 5.6L5.6 5L8 7.4L10.4 5L11 5.6L8.6 8L11 10.4L10.4 11L8 8.6L5.6 11Z", fill: "#4B4D52" })] }) }))
+                            return (_jsxs(React.Fragment, { children: [_jsxs("div", { className: "col-5 md:col-6 py-2 pl-3 pr-2 md:px-3 flex flex-column justify-content-center", style: { borderBottom: "1px solid var(--gray-100)" }, children: [_jsx("div", { className: "font-medium text-primary", children: sample.cellHeader }), _jsx("div", { className: "text-sm", style: { color: "var(--solid-grey-500)" }, children: sample.cellValue || "" })] }), _jsx("div", { className: "col-7 md:col-6 py-0", style: { borderBottom: "1px solid var(--gray-100)" }, children: _jsxs("div", { className: `flex w-full justify-between align-items-center gap-2  py-2 md:px-3  ${fieldMapping[sample.cellHeader] ? "col-11 sm:col-12" : "col-12"} `, children: [_jsx(Dropdown, { value: fieldMapping[sample.cellHeader], options: dropdownOptions, onChange: (e) => handleChange(sample.cellHeader, e.value), className: "w-full p-inputtext-sm", placeholder: "Select field" }), !isRequired ? (_jsx("span", { onClick: () => handleRemoveRow(sample.cellHeader), title: "Remove this row", style: { cursor: 'pointer' }, children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [_jsx("rect", { width: "16", height: "16", rx: "8", fill: "#F0F0F0" }), _jsx("path", { d: "M5.6 11L5 10.4L7.4 8L5 5.6L5.6 5L8 7.4L10.4 5L11 5.6L8.6 8L11 10.4L10.4 11L8 8.6L5.6 11Z", fill: "#4B4D52" })] }) }))
                                                     :
                                                         _jsx("span", { style: { height: 16, width: 16 } })] }) })] }, sample.cellHeader));
-                        })) : (_jsxs("div", { className: 'col-12 flex flex-column align-items-center', children: [_jsx("h4", { className: 'text-center px-2', children: "No Sample Imported Record Info Found" }), _jsx("p", { children: "Please Add Records" })] }))] }) }), _jsx("div", { className: 'mt-3 flex align-items-center gap-3', children: _jsx(Button, { label: 'Import', size: 'small', onClick: handleImportTransaction, loading: isImporting, disabled: isImporting || ((_f = (_e = mappingInfo === null || mappingInfo === void 0 ? void 0 : mappingInfo.data) === null || _e === void 0 ? void 0 : _e.sampleImportedRecordInfo) === null || _f === void 0 ? void 0 : _f.length) === 0 }) })] }));
+                        })) : (_jsxs("div", { className: 'col-12 flex flex-column align-items-center', children: [_jsx("h4", { className: 'text-center px-2', children: "No Sample Imported Record Info Found" }), _jsx("p", { children: "Please Add Records" })] }))] }) }), _jsx("div", { className: 'mt-3 flex align-items-center gap-3', children: _jsx(Button, { label: 'Import', size: 'small', onClick: handleImportTransaction, loading: isImporting, disabled: isImporting || mappingInfo?.data?.sampleImportedRecordInfo?.length === 0 }) })] }));
 };
 //# 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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"}
+{"version":3,"file":"SolidImportTransaction.js","sourceRoot":"./","sources":["components/core/common/SolidGenericImport/SolidImportTransaction.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\nimport { Button } from 'primereact/button'\nimport styles from './SolidImport.module.css'\nimport { useCreateImportSyncMutation, useLazyGetImportMappingInfoQuery, usePatchUpdateImportTransactionMutation } from '../../../../redux/api/importTransactionApi';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { Dropdown } from 'primereact/dropdown';\nimport { Toast } from 'primereact/toast';\nimport { ERROR_MESSAGES } from '../../../../constants/error-messages';\nexport const SolidImportTransaction = ({ setImportStatusResult, transactionId, setImportStep }: any) => {\n    // console.log(\"get transaction id\", transactionId);\n\n    const toast = useRef<Toast>(null);\n    const showToast = (severity: \"success\" | \"error\", summary: string, detail: string) => {\n        toast.current?.show({\n            severity,\n            summary,\n            detail,\n            ...(severity === \"error\"\n            ? { sticky: true }            // stays until user closes\n            : { life: 3000 }),\n        });\n    };\n    const [trigger, { data: mappingInfo, isLoading, isError }] = 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                    showToast(\"error\", ERROR_MESSAGES.IMPORT_ERROR, importError?.data?.error);\n                }\n\n                // Async\n            }\n        } catch (error: any) {\n            const errorMessage = error?.data?.error || ERROR_MESSAGES.SOMETHING_WRONG;\n            showToast(\"error\", ERROR_MESSAGES.ERROR, errorMessage);\n        }\n    };\n\n    const sampleRecords = mappingInfo?.data?.sampleImportedRecordInfo ?? [];\n\n    return (\n        <div>\n            <Toast ref={toast} />\n            <div className={styles.SolidImportContextWrapper}>\n                <div className='grid m-0 relative'>\n                    <div className={`col-6 font-bold p-3 ${styles.ImportTableHeader}`}>\n                        File Column\n                        <div className={styles.TransactionsHeaderDivider}></div>\n                    </div>\n                    <div className={`col-6 font-bold p-3 ${styles.ImportTableHeader}`}>\n                        SolidX Field\n                    </div>\n                    {sampleRecords.length > 0 ? (\n                        sampleRecords\n                            ?.filter((sample: any) => visibleHeaders.includes(sample.cellHeader))\n                            .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                                // {sampleRecords.length > 0 ? (\n                                //    sampleRecords    \n                                //     ?.filter((sample: any) => visibleHeaders.includes(sample.cellHeader))\n                                //     ?.sort((a: any, b: any) => {\n                                //         const aRequired = mappingInfo.data.importableFields.find((f: any) => f.name === fieldMapping[a.cellHeader])?.required;\n                                //         const bRequired = mappingInfo.data.importableFields.find((f: any) => f.name === fieldMapping[b.cellHeader])?.required;\n                                //         return (bRequired ? 1 : 0) - (aRequired ? 1 : 0); // true comes before false\n                                //     })\n                                //     .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                                return (\n                                    <React.Fragment key={sample.cellHeader}>\n                                        <div\n                                            className=\"col-5 md:col-6 py-2 pl-3 pr-2 md:px-3 flex flex-column justify-content-center\"\n                                            style={{ borderBottom: \"1px solid var(--gray-100)\" }}\n                                        >\n                                             \n                                            <div className=\"font-medium text-primary\">{sample.cellHeader}</div>\n                                            <div className=\"text-sm\" style={{ color: \"var(--solid-grey-500)\" }}>\n                                                {sample.cellValue || \"\"}\n                                            </div>\n                                        </div>\n                                        <div className=\"col-7 md:col-6 py-0\" style={{ borderBottom: \"1px solid var(--gray-100)\" }}>\n                                            <div className={`flex w-full justify-between align-items-center gap-2  py-2 md:px-3  ${fieldMapping[sample.cellHeader] ? \"col-11 sm:col-12\" : \"col-12\"} `}>\n                                                <Dropdown\n                                                    value={fieldMapping[sample.cellHeader]}\n                                                    options={dropdownOptions}\n                                                    onChange={(e) => handleChange(sample.cellHeader, e.value)}\n                                                    className=\"w-full p-inputtext-sm\"\n                                                    placeholder=\"Select field\"\n                                                />\n                                                {!isRequired ? (\n                                                    <span\n                                                        onClick={() => handleRemoveRow(sample.cellHeader)}\n                                                        title=\"Remove this row\"\n                                                        style={{ cursor: 'pointer' }}\n                                                    >\n                                                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                                                            <rect width=\"16\" height=\"16\" rx=\"8\" fill=\"#F0F0F0\" />\n                                                            <path d=\"M5.6 11L5 10.4L7.4 8L5 5.6L5.6 5L8 7.4L10.4 5L11 5.6L8.6 8L11 10.4L10.4 11L8 8.6L5.6 11Z\" fill=\"#4B4D52\" />\n                                                        </svg>\n                                                    </span>\n                                                )\n                                                    :\n                                                    <span style={{ height: 16, width: 16 }}></span>\n                                                }\n                                            </div>\n\n                                        </div>\n                                    </React.Fragment>\n                                );\n                            })\n                    ) : (\n                        <div className='col-12 flex flex-column align-items-center'>\n                            <h4 className='text-center px-2'>No Sample Imported Record Info Found</h4>\n                            <p>Please Add Records</p>\n                        </div>\n                    )}\n                </div>\n            </div>\n            <div className='mt-3 flex align-items-center gap-3'>\n                <Button\n                    label='Import'\n                    size='small'\n                    onClick={handleImportTransaction}\n                    loading={isImporting}\n                    disabled={isImporting || mappingInfo?.data?.sampleImportedRecordInfo?.length === 0}\n                />\n            </div>\n        </div>\n    )\n}"]}

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

@@ -0,0 +1,205 @@
+"use client"
+import { Button } from 'primereact/button'
+import styles from './SolidImport.module.css'
+import { useCreateImportSyncMutation, useLazyGetImportMappingInfoQuery, usePatchUpdateImportTransactionMutation } from '../../../../redux/api/importTransactionApi';
+import React, { useEffect, useRef, useState } from 'react';
+import { Dropdown } from 'primereact/dropdown';
+import { Toast } from 'primereact/toast';
+import { ERROR_MESSAGES } from '../../../../constants/error-messages';
+export const SolidImportTransaction = ({ setImportStatusResult, transactionId, setImportStep }: any) => {
+    // console.log("get transaction id", transactionId);
+
+    const toast = useRef<Toast>(null);
+    const showToast = (severity: "success" | "error", summary: string, detail: string) => {
+        toast.current?.show({
+            severity,
+            summary,
+            detail,
+            ...(severity === "error"
+            ? { sticky: true }            // stays until user closes
+            : { life: 3000 }),
+        });
+    };
+    const [trigger, { data: mappingInfo, isLoading, isError }] = useLazyGetImportMappingInfoQuery();
+    const [patchUpdateImportTransaction] = usePatchUpdateImportTransactionMutation();
+    const [createImportSync, { isLoading: isImporting }] = useCreateImportSyncMutation();
+    const [fieldMapping, setFieldMapping] = useState<Record<string, string>>({});
+    const [visibleHeaders, setVisibleHeaders] = useState<string[]>([]);
+
+    useEffect(() => {
+        if (transactionId) {
+            trigger({ id: transactionId });
+        }
+    }, [transactionId]);
+
+    useEffect(() => {
+        const defaultMapping: Record<string, string> = {};
+        const headers: string[] = [];
+        mappingInfo?.data?.sampleImportedRecordInfo?.forEach((sample: any) => {
+            defaultMapping[sample.cellHeader] = sample.defaultMappedFieldName || "";
+            headers.push(sample.cellHeader);
+        });
+        setFieldMapping(defaultMapping);
+        setVisibleHeaders(headers);
+    }, [mappingInfo?.data]);
+
+
+    const dropdownOptions = mappingInfo?.data?.importableFields.map((field: any) => ({
+        label: field.displayName,
+        value: field.name,
+    }));
+
+    const handleChange = (cellHeader: string, selectedField: string) => {
+        setFieldMapping((prev) => ({
+            ...prev,
+            [cellHeader]: selectedField,
+        }));
+    };
+
+    const handleRemoveRow = (cellHeader: string) => {
+        setVisibleHeaders((prev) => prev.filter(header => header !== cellHeader));
+        setFieldMapping((prev) => {
+            const updated = { ...prev };
+            delete updated[cellHeader];
+            return updated;
+        });
+    };
+
+    const handleImportTransaction = async () => {
+        try {
+            const mappingArray = Object.entries(fieldMapping).map(([header, fieldName]) => ({
+                header,
+                fieldName,
+            }));
+
+            const patchData = {
+                status: "mapping_created",
+                mapping: JSON.stringify(mappingArray),
+            };
+            const patchResult = await patchUpdateImportTransaction({
+                id: transactionId,
+                data: patchData,
+            }).unwrap();
+            if (patchResult?.statusCode === 200) {
+
+                // Sync
+                try {
+                    const importResult = await createImportSync({ id: transactionId }).unwrap();
+
+                    if (importResult?.data?.status === "import_succeeded") {
+                        setImportStatusResult(importResult)
+                        setImportStep(4);
+                    }
+                    if (importResult?.data?.status === "import_failed") {
+                        setImportStatusResult(importResult);
+                        setImportStep(4);
+                    }
+                } catch (importError: any) {
+                    showToast("error", ERROR_MESSAGES.IMPORT_ERROR, importError?.data?.error);
+                }
+
+                // Async
+            }
+        } catch (error: any) {
+            const errorMessage = error?.data?.error || ERROR_MESSAGES.SOMETHING_WRONG;
+            showToast("error", ERROR_MESSAGES.ERROR, errorMessage);
+        }
+    };
+
+    const sampleRecords = mappingInfo?.data?.sampleImportedRecordInfo ?? [];
+
+    return (
+        <div>
+            <Toast ref={toast} />
+            <div className={styles.SolidImportContextWrapper}>
+                <div className='grid m-0 relative'>
+                    <div className={`col-6 font-bold p-3 ${styles.ImportTableHeader}`}>
+                        File Column
+                        <div className={styles.TransactionsHeaderDivider}></div>
+                    </div>
+                    <div className={`col-6 font-bold p-3 ${styles.ImportTableHeader}`}>
+                        SolidX Field
+                    </div>
+                    {sampleRecords.length > 0 ? (
+                        sampleRecords
+                            ?.filter((sample: any) => visibleHeaders.includes(sample.cellHeader))
+                            .map((sample: any) => {
+                                const fieldMeta = mappingInfo.data.importableFields.find(
+                                    (f: any) => f.name === fieldMapping[sample.cellHeader]
+                                );
+                                const isRequired = fieldMeta?.required;
+                                // {sampleRecords.length > 0 ? (
+                                //    sampleRecords    
+                                //     ?.filter((sample: any) => visibleHeaders.includes(sample.cellHeader))
+                                //     ?.sort((a: any, b: any) => {
+                                //         const aRequired = mappingInfo.data.importableFields.find((f: any) => f.name === fieldMapping[a.cellHeader])?.required;
+                                //         const bRequired = mappingInfo.data.importableFields.find((f: any) => f.name === fieldMapping[b.cellHeader])?.required;
+                                //         return (bRequired ? 1 : 0) - (aRequired ? 1 : 0); // true comes before false
+                                //     })
+                                //     .map((sample: any) => {
+                                //         const fieldMeta = mappingInfo.data.importableFields.find(
+                                //             (f: any) => f.name === fieldMapping[sample.cellHeader]
+                                //         );
+                                //         const isRequired = fieldMeta?.required;
+                                return (
+                                    <React.Fragment key={sample.cellHeader}>
+                                        <div
+                                            className="col-5 md:col-6 py-2 pl-3 pr-2 md:px-3 flex flex-column justify-content-center"
+                                            style={{ borderBottom: "1px solid var(--gray-100)" }}
+                                        >
+                                             
+                                            <div className="font-medium text-primary">{sample.cellHeader}</div>
+                                            <div className="text-sm" style={{ color: "var(--solid-grey-500)" }}>
+                                                {sample.cellValue || ""}
+                                            </div>
+                                        </div>
+                                        <div className="col-7 md:col-6 py-0" style={{ borderBottom: "1px solid var(--gray-100)" }}>
+                                            <div className={`flex w-full justify-between align-items-center gap-2  py-2 md:px-3  ${fieldMapping[sample.cellHeader] ? "col-11 sm:col-12" : "col-12"} `}>
+                                                <Dropdown
+                                                    value={fieldMapping[sample.cellHeader]}
+                                                    options={dropdownOptions}
+                                                    onChange={(e) => handleChange(sample.cellHeader, e.value)}
+                                                    className="w-full p-inputtext-sm"
+                                                    placeholder="Select field"
+                                                />
+                                                {!isRequired ? (
+                                                    <span
+                                                        onClick={() => handleRemoveRow(sample.cellHeader)}
+                                                        title="Remove this row"
+                                                        style={{ cursor: 'pointer' }}
+                                                    >
+                                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+                                                            <rect width="16" height="16" rx="8" fill="#F0F0F0" />
+                                                            <path d="M5.6 11L5 10.4L7.4 8L5 5.6L5.6 5L8 7.4L10.4 5L11 5.6L8.6 8L11 10.4L10.4 11L8 8.6L5.6 11Z" fill="#4B4D52" />
+                                                        </svg>
+                                                    </span>
+                                                )
+                                                    :
+                                                    <span style={{ height: 16, width: 16 }}></span>
+                                                }
+                                            </div>
+
+                                        </div>
+                                    </React.Fragment>
+                                );
+                            })
+                    ) : (
+                        <div className='col-12 flex flex-column align-items-center'>
+                            <h4 className='text-center px-2'>No Sample Imported Record Info Found</h4>
+                            <p>Please Add Records</p>
+                        </div>
+                    )}
+                </div>
+            </div>
+            <div className='mt-3 flex align-items-center gap-3'>
+                <Button
+                    label='Import'
+                    size='small'
+                    onClick={handleImportTransaction}
+                    loading={isImporting}
+                    disabled={isImporting || mappingInfo?.data?.sampleImportedRecordInfo?.length === 0}
+                />
+            </div>
+        </div>
+    )
+}

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

@@ -1 +1 @@
-{"version":3,"file":"SolidImportTransactionStatus.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidGenericImport/SolidImportTransactionStatus.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,4BAA4B,0FAA2F,GAAG,4CAqJtI,CAAA"}
+{"version":3,"file":"SolidImportTransactionStatus.d.ts","sourceRoot":"./","sources":["components/core/common/SolidGenericImport/SolidImportTransactionStatus.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,4BAA4B,0FAA2F,GAAG,4CAqJtI,CAAA"}