@solidstarters/solid-core-ui 1.1.210 → 1.1.212

package/dist/components/core/common/SolidGenericImport/SolidImportDropzone.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 { useCallback, useRef, useState } from 'react';
 import { useDropzone } from 'react-dropzone';
@@ -55,77 +8,67 @@ import { DocumentSvg } from './DocumentSvg';
 import { useCreateImportTransactionMutation } from '../../../../redux/api/importTransactionApi';
 import { Toast } from 'primereact/toast';
 import { ERROR_MESSAGES } from '../../../../constants/error-messages';
-export var SolidImportDropzone = function (_a) {
-    var setImportStep = _a.setImportStep, setTransactionId = _a.setTransactionId, modelMetadataId = _a.modelMetadataId;
-    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 })));
+export const SolidImportDropzone = ({ setImportStep, setTransactionId, modelMetadataId }) => {
+    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 _b = useState(null), file = _b[0], setFile = _b[1];
-    var _c = useCreateImportTransactionMutation(), createImportTransaction = _c[0], isLoading = _c[1].isLoading;
-    var uploadFile = function (uploadFile) { return __awaiter(void 0, void 0, void 0, function () {
-        var formData, response, error_1;
-        var _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    formData = new FormData();
-                    formData.append('fileLocation', uploadFile);
-                    formData.append('modelMetadataId', modelMetadataId);
-                    _b.label = 1;
-                case 1:
-                    _b.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, createImportTransaction(formData).unwrap()];
-                case 2:
-                    response = _b.sent();
-                    console.log('Upload success:', response);
-                    if ((response === null || response === void 0 ? void 0 : response.statusCode) === 200) {
-                        setFile(uploadFile);
-                        showToast("success", ERROR_MESSAGES.FILE_UPLOAD, ERROR_MESSAGES.FILE_UPLOAD_SUCCESSFULLY);
-                        setTransactionId === null || setTransactionId === void 0 ? void 0 : setTransactionId((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.id);
-                    }
-                    else {
-                        showToast("error", ERROR_MESSAGES.FAILED, ERROR_MESSAGES.FAILED_UPLOAD_FILE);
-                    }
-                    return [3 /*break*/, 4];
-                case 3:
-                    error_1 = _b.sent();
-                    console.error(ERROR_MESSAGES.FAILED_UPLOAD_FILE, error_1);
-                    showToast("error", ERROR_MESSAGES.FAILED, ERROR_MESSAGES.FAILED_UPLOAD_FILE);
-                    return [3 /*break*/, 4];
-                case 4: return [2 /*return*/];
+    const [file, setFile] = useState(null);
+    const [createImportTransaction, { isLoading }] = useCreateImportTransactionMutation();
+    const uploadFile = async (uploadFile) => {
+        const formData = new FormData();
+        formData.append('fileLocation', uploadFile);
+        formData.append('modelMetadataId', modelMetadataId);
+        try {
+            const response = await createImportTransaction(formData).unwrap();
+            console.log('Upload success:', response);
+            if (response?.statusCode === 200) {
+                setFile(uploadFile);
+                showToast("success", ERROR_MESSAGES.FILE_UPLOAD, ERROR_MESSAGES.FILE_UPLOAD_SUCCESSFULLY);
+                setTransactionId?.(response?.data?.id);
             }
-        });
-    }); };
-    var onDrop = useCallback(function (acceptedFiles) {
+            else {
+                showToast("error", ERROR_MESSAGES.FAILED, ERROR_MESSAGES.FAILED_UPLOAD_FILE);
+            }
+        }
+        catch (error) {
+            console.error(ERROR_MESSAGES.FAILED_UPLOAD_FILE, error);
+            showToast("error", ERROR_MESSAGES.FAILED, ERROR_MESSAGES.FAILED_UPLOAD_FILE);
+        }
+    };
+    const onDrop = useCallback((acceptedFiles) => {
         if (acceptedFiles.length > 0) {
-            var selectedFile = acceptedFiles[0];
+            const selectedFile = acceptedFiles[0];
             uploadFile(selectedFile); // 👈 Auto upload on drop
         }
     }, []);
-    var _d = useDropzone({
-        onDrop: onDrop,
+    const { getRootProps, getInputProps, open } = useDropzone({
+        onDrop,
         accept: {
             'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': ['.xlsx'],
             'text/csv': ['.csv']
         },
         multiple: false,
-    }), getRootProps = _d.getRootProps, getInputProps = _d.getInputProps, open = _d.open;
-    var removeFile = function () {
+    });
+    const removeFile = () => {
         setFile(null);
     };
-    var formatBytes = function (bytes) {
-        var sizes = ['Bytes', 'KB', 'MB', 'GB'];
+    const formatBytes = (bytes) => {
+        const sizes = ['Bytes', 'KB', 'MB', 'GB'];
         if (bytes === 0)
             return '0 Byte';
-        var i = Math.floor(Math.log(bytes) / Math.log(1024));
-        return "".concat((bytes / Math.pow(1024, i)).toFixed(2), " ").concat(sizes[i]);
+        const i = Math.floor(Math.log(bytes) / Math.log(1024));
+        return `${(bytes / Math.pow(1024, i)).toFixed(2)} ${sizes[i]}`;
     };
-    return (_jsxs("div", { children: [_jsx(Toast, { ref: toast }), _jsx("div", { className: styles.SolidImportContextWrapper, children: _jsxs("div", __assign({}, getRootProps({ className: styles.dropzone }), { className: 'h-full flex flex-column align-items-center justify-content-center', children: [_jsx("input", __assign({}, getInputProps())), _jsxs("div", { className: "", children: [_jsx("div", { className: 'flex justify-content-center', children: _jsx(DocumentSvg, {}) }), _jsx("h5", { className: 'text-center solid-primary-black-text', children: "Drop or upload a file to import" }), _jsxs("p", { className: 'text-center m-0', children: ["Excel files are recommended as formatting is automatic.", _jsx("br", {}), "But, you can also use .csv files"] }), _jsx("div", { className: 'flex justify-content-center mt-3', children: _jsx(Button, { label: "Click to browse", size: "small", severity: 'secondary', outlined: true }) })] }), file &&
-                            _jsxs("div", { className: "flex align-items-start justify-content-between gap-3 p-3 mt-4 w-full md:w-8", style: { border: '1px solid var(--primary-light-color)', borderRadius: 6 }, onClick: function (e) { return e.stopPropagation(); }, children: [_jsxs("div", { children: [_jsxs("p", { className: 'm-0', children: [_jsx("strong", { children: "File:" }), " ", file.name] }), _jsxs("p", { className: 'm-0', children: [_jsx("strong", { children: "Type:" }), " ", file.type || 'Unknown'] }), _jsxs("p", { className: 'm-0', children: [_jsx("strong", { children: "Size:" }), " ", formatBytes(file.size)] })] }), _jsx("div", { children: _jsx(Button, { size: "small", icon: "pi pi-trash", text: true, onClick: removeFile }) })] })] })) }), _jsx("div", { className: 'mt-3 flex align-items-center gap-3', children: _jsx(Button, { label: 'Continue', size: 'small', onClick: function () {
+    return (_jsxs("div", { children: [_jsx(Toast, { ref: toast }), _jsx("div", { className: styles.SolidImportContextWrapper, children: _jsxs("div", { ...getRootProps({ className: styles.dropzone }), className: 'h-full flex flex-column align-items-center justify-content-center', children: [_jsx("input", { ...getInputProps() }), _jsxs("div", { className: "", children: [_jsx("div", { className: 'flex justify-content-center', children: _jsx(DocumentSvg, {}) }), _jsx("h5", { className: 'text-center solid-primary-black-text', children: "Drop or upload a file to import" }), _jsxs("p", { className: 'text-center m-0', children: ["Excel files are recommended as formatting is automatic.", _jsx("br", {}), "But, you can also use .csv files"] }), _jsx("div", { className: 'flex justify-content-center mt-3', children: _jsx(Button, { label: "Click to browse", size: "small", severity: 'secondary', outlined: true }) })] }), file &&
+                            _jsxs("div", { className: "flex align-items-start justify-content-between gap-3 p-3 mt-4 w-full md:w-8", style: { border: '1px solid var(--primary-light-color)', borderRadius: 6 }, onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { children: [_jsxs("p", { className: 'm-0', children: [_jsx("strong", { children: "File:" }), " ", file.name] }), _jsxs("p", { className: 'm-0', children: [_jsx("strong", { children: "Type:" }), " ", file.type || 'Unknown'] }), _jsxs("p", { className: 'm-0', children: [_jsx("strong", { children: "Size:" }), " ", formatBytes(file.size)] })] }), _jsx("div", { children: _jsx(Button, { size: "small", icon: "pi pi-trash", text: true, onClick: removeFile }) })] })] }) }), _jsx("div", { className: 'mt-3 flex align-items-center gap-3', children: _jsx(Button, { label: 'Continue', size: 'small', onClick: () => {
                         if (!file) {
                             showToast("error", ERROR_MESSAGES.MISSING_FILE, ERROR_MESSAGES.FAILED_UPLOAD_FILE);
                             return;

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

@@ -1 +1 @@
-{"version":3,"file":"SolidImportDropzone.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidGenericImport/SolidImportDropzone.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SolidImportDropzone.js","sourceRoot":"./","sources":["components/core/common/SolidGenericImport/SolidImportDropzone.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\nimport { useCallback, useRef, useState } from 'react';\nimport { useDropzone } from 'react-dropzone';\nimport { Button } from 'primereact/button'\nimport styles from './SolidImport.module.css'\nimport { DocumentSvg } from './DocumentSvg';\nimport { useCreateImportTransactionMutation } from '../../../../redux/api/importTransactionApi';\nimport { Toast } from 'primereact/toast';\nimport { ERROR_MESSAGES } from '../../../../constants/error-messages';\nexport const SolidImportDropzone = ({ setImportStep, setTransactionId, modelMetadataId }: any) => {\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\n    const [file, setFile] = useState<File | null>(null);\n    const [createImportTransaction, { isLoading }] = useCreateImportTransactionMutation();\n\n\n    const uploadFile = async (uploadFile: File) => {\n        const formData = new FormData();\n        formData.append('fileLocation', uploadFile);\n        formData.append('modelMetadataId', modelMetadataId);\n\n        try {\n            const response = await createImportTransaction(formData).unwrap();\n            console.log('Upload success:', response);\n            if (response?.statusCode === 200) {\n                setFile(uploadFile);\n                showToast(\"success\", ERROR_MESSAGES.FILE_UPLOAD, ERROR_MESSAGES.FILE_UPLOAD_SUCCESSFULLY);\n                setTransactionId?.(response?.data?.id);\n            } else {\n                showToast(\"error\", ERROR_MESSAGES.FAILED, ERROR_MESSAGES.FAILED_UPLOAD_FILE)\n            }\n        } catch (error) {\n            console.error(ERROR_MESSAGES.FAILED_UPLOAD_FILE, error);\n            showToast(\"error\", ERROR_MESSAGES.FAILED, ERROR_MESSAGES.FAILED_UPLOAD_FILE)\n        }\n    };\n\n    const onDrop = useCallback((acceptedFiles: File[]) => {\n        if (acceptedFiles.length > 0) {\n            const selectedFile = acceptedFiles[0];\n            uploadFile(selectedFile); // 👈 Auto upload on drop\n        }\n    }, []);\n\n    const { getRootProps, getInputProps, open } = useDropzone({\n        onDrop,\n        accept: {\n            'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': ['.xlsx'],\n            'text/csv': ['.csv']\n        },\n        multiple: false,\n    });\n\n    const removeFile = () => {\n        setFile(null);\n    };\n\n    const formatBytes = (bytes: number) => {\n        const sizes = ['Bytes', 'KB', 'MB', 'GB'];\n        if (bytes === 0) return '0 Byte';\n        const i = Math.floor(Math.log(bytes) / Math.log(1024));\n        return `${(bytes / Math.pow(1024, i)).toFixed(2)} ${sizes[i]}`;\n    };\n\n    return (\n        <div>\n            <Toast ref={toast} />\n            <div className={styles.SolidImportContextWrapper}>\n                <div {...getRootProps({ className: styles.dropzone })} className='h-full flex flex-column align-items-center justify-content-center'>\n                    <input {...getInputProps()} />\n                    {/* {!file ? ( */}\n                    <div className={\"\"}>\n                        <div className='flex justify-content-center'>\n                            <DocumentSvg />\n                        </div>\n                        <h5 className='text-center solid-primary-black-text'>Drop or upload a file to import</h5>\n                        <p className='text-center m-0'>Excel files are recommended as formatting is automatic.<br />\n                            But, you can also use .csv files</p>\n                        <div className='flex justify-content-center mt-3'>\n                            <Button label=\"Click to browse\" size=\"small\" severity='secondary' outlined />\n                        </div>\n                    </div>\n                    {/* ) : ( */}\n                    {file &&\n                        <div className=\"flex align-items-start justify-content-between gap-3 p-3 mt-4 w-full md:w-8\" style={{ border: '1px solid var(--primary-light-color)', borderRadius: 6 }} onClick={(e) => e.stopPropagation()}>\n                            <div>\n                                <p className='m-0'><strong>File:</strong> {file.name}</p>\n                                <p className='m-0'><strong>Type:</strong> {file.type || 'Unknown'}</p>\n                                <p className='m-0'><strong>Size:</strong> {formatBytes(file.size)}</p>\n                            </div>\n                            <div>\n                                <Button size=\"small\" icon=\"pi pi-trash\" text onClick={removeFile} />\n                            </div>\n                        </div>\n                    }\n                    {/* )} */}\n                </div>\n            </div>\n            <div className='mt-3 flex align-items-center gap-3'>\n                <Button\n                    label='Continue'\n                    size='small'\n                    onClick={() => {\n                        if (!file) {\n                            showToast(\"error\", ERROR_MESSAGES.MISSING_FILE, ERROR_MESSAGES.FAILED_UPLOAD_FILE);\n                            return;\n                        }\n                        setImportStep(3);\n                    }}\n                    disabled={!file}\n                />\n            </div>\n        </div>\n    )\n}"]}

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

@@ -0,0 +1,125 @@
+"use client"
+import { useCallback, useRef, useState } from 'react';
+import { useDropzone } from 'react-dropzone';
+import { Button } from 'primereact/button'
+import styles from './SolidImport.module.css'
+import { DocumentSvg } from './DocumentSvg';
+import { useCreateImportTransactionMutation } from '../../../../redux/api/importTransactionApi';
+import { Toast } from 'primereact/toast';
+import { ERROR_MESSAGES } from '../../../../constants/error-messages';
+export const SolidImportDropzone = ({ setImportStep, setTransactionId, modelMetadataId }: any) => {
+    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 [file, setFile] = useState<File | null>(null);
+    const [createImportTransaction, { isLoading }] = useCreateImportTransactionMutation();
+
+
+    const uploadFile = async (uploadFile: File) => {
+        const formData = new FormData();
+        formData.append('fileLocation', uploadFile);
+        formData.append('modelMetadataId', modelMetadataId);
+
+        try {
+            const response = await createImportTransaction(formData).unwrap();
+            console.log('Upload success:', response);
+            if (response?.statusCode === 200) {
+                setFile(uploadFile);
+                showToast("success", ERROR_MESSAGES.FILE_UPLOAD, ERROR_MESSAGES.FILE_UPLOAD_SUCCESSFULLY);
+                setTransactionId?.(response?.data?.id);
+            } else {
+                showToast("error", ERROR_MESSAGES.FAILED, ERROR_MESSAGES.FAILED_UPLOAD_FILE)
+            }
+        } catch (error) {
+            console.error(ERROR_MESSAGES.FAILED_UPLOAD_FILE, error);
+            showToast("error", ERROR_MESSAGES.FAILED, ERROR_MESSAGES.FAILED_UPLOAD_FILE)
+        }
+    };
+
+    const onDrop = useCallback((acceptedFiles: File[]) => {
+        if (acceptedFiles.length > 0) {
+            const selectedFile = acceptedFiles[0];
+            uploadFile(selectedFile); // 👈 Auto upload on drop
+        }
+    }, []);
+
+    const { getRootProps, getInputProps, open } = useDropzone({
+        onDrop,
+        accept: {
+            'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': ['.xlsx'],
+            'text/csv': ['.csv']
+        },
+        multiple: false,
+    });
+
+    const removeFile = () => {
+        setFile(null);
+    };
+
+    const formatBytes = (bytes: number) => {
+        const sizes = ['Bytes', 'KB', 'MB', 'GB'];
+        if (bytes === 0) return '0 Byte';
+        const i = Math.floor(Math.log(bytes) / Math.log(1024));
+        return `${(bytes / Math.pow(1024, i)).toFixed(2)} ${sizes[i]}`;
+    };
+
+    return (
+        <div>
+            <Toast ref={toast} />
+            <div className={styles.SolidImportContextWrapper}>
+                <div {...getRootProps({ className: styles.dropzone })} className='h-full flex flex-column align-items-center justify-content-center'>
+                    <input {...getInputProps()} />
+                    {/* {!file ? ( */}
+                    <div className={""}>
+                        <div className='flex justify-content-center'>
+                            <DocumentSvg />
+                        </div>
+                        <h5 className='text-center solid-primary-black-text'>Drop or upload a file to import</h5>
+                        <p className='text-center m-0'>Excel files are recommended as formatting is automatic.<br />
+                            But, you can also use .csv files</p>
+                        <div className='flex justify-content-center mt-3'>
+                            <Button label="Click to browse" size="small" severity='secondary' outlined />
+                        </div>
+                    </div>
+                    {/* ) : ( */}
+                    {file &&
+                        <div className="flex align-items-start justify-content-between gap-3 p-3 mt-4 w-full md:w-8" style={{ border: '1px solid var(--primary-light-color)', borderRadius: 6 }} onClick={(e) => e.stopPropagation()}>
+                            <div>
+                                <p className='m-0'><strong>File:</strong> {file.name}</p>
+                                <p className='m-0'><strong>Type:</strong> {file.type || 'Unknown'}</p>
+                                <p className='m-0'><strong>Size:</strong> {formatBytes(file.size)}</p>
+                            </div>
+                            <div>
+                                <Button size="small" icon="pi pi-trash" text onClick={removeFile} />
+                            </div>
+                        </div>
+                    }
+                    {/* )} */}
+                </div>
+            </div>
+            <div className='mt-3 flex align-items-center gap-3'>
+                <Button
+                    label='Continue'
+                    size='small'
+                    onClick={() => {
+                        if (!file) {
+                            showToast("error", ERROR_MESSAGES.MISSING_FILE, ERROR_MESSAGES.FAILED_UPLOAD_FILE);
+                            return;
+                        }
+                        setImportStep(3);
+                    }}
+                    disabled={!file}
+                />
+            </div>
+        </div>
+    )
+}

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

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

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

@@ -1,40 +1,4 @@
 "use client";
-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';
@@ -42,87 +6,65 @@ import { useLazyGetImportInstructionsQuery } from '../../../../redux/api/importT
 import { useEffect } from 'react';
 import { getSession } from 'next-auth/react';
 import { ERROR_MESSAGES } from '../../../../constants/error-messages';
-export var SolidImportInstructions = function (_a) {
-    var _b, _c, _d;
-    var setImportStep = _a.setImportStep, listViewMetaData = _a.listViewMetaData;
-    var _e = useLazyGetImportInstructionsQuery(), getImportInstructions = _e[0], _f = _e[1], importInstructionsData = _f.data, isLoading = _f.isLoading, isError = _f.isError;
-    useEffect(function () {
-        var _a, _b, _c, _d, _e, _f;
-        if (listViewMetaData && ((_c = (_b = (_a = listViewMetaData === null || listViewMetaData === void 0 ? void 0 : listViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidView) === null || _b === void 0 ? void 0 : _b.model) === null || _c === void 0 ? void 0 : _c.id)) {
-            getImportInstructions({ id: (_f = (_e = (_d = listViewMetaData === null || listViewMetaData === void 0 ? void 0 : listViewMetaData.data) === null || _d === void 0 ? void 0 : _d.solidView) === null || _e === void 0 ? void 0 : _e.model) === null || _f === void 0 ? void 0 : _f.id });
+export const SolidImportInstructions = ({ setImportStep, listViewMetaData }) => {
+    const [getImportInstructions, { data: importInstructionsData, isLoading, isError }] = useLazyGetImportInstructionsQuery();
+    useEffect(() => {
+        if (listViewMetaData && listViewMetaData?.data?.solidView?.model?.id) {
+            getImportInstructions({ id: listViewMetaData?.data?.solidView?.model?.id });
         }
     }, [listViewMetaData, getImportInstructions]);
-    var handleTemplateDownload = function (format) { return __awaiter(void 0, void 0, void 0, function () {
-        var modelId, session, token, response, blob, url, link, error_1;
-        var _a, _b, _c, _d;
-        return __generator(this, function (_e) {
-            switch (_e.label) {
-                case 0:
-                    modelId = (_c = (_b = (_a = listViewMetaData === null || listViewMetaData === void 0 ? void 0 : listViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidView) === null || _b === void 0 ? void 0 : _b.model) === null || _c === void 0 ? void 0 : _c.id;
-                    if (!modelId)
-                        return [2 /*return*/];
-                    _e.label = 1;
-                case 1:
-                    _e.trys.push([1, 5, , 6]);
-                    return [4 /*yield*/, getSession()];
-                case 2:
-                    session = _e.sent();
-                    token = ((_d = session === null || session === void 0 ? void 0 : session.user) === null || _d === void 0 ? void 0 : _d.accessToken) || "";
-                    if (!token) {
-                        throw new Error(ERROR_MESSAGES.NO_AUTH_TOKEN_FOUND);
-                    }
-                    return [4 /*yield*/, fetch("".concat(process.env.API_URL, "/api/import-transaction/import-template/").concat(modelId, "/").concat(format), {
-                            method: 'GET',
-                            headers: {
-                                Authorization: "Bearer ".concat(token),
-                            }
-                        })];
-                case 3:
-                    response = _e.sent();
-                    if (!response.ok) {
-                        throw new Error(ERROR_MESSAGES.FILE_DOWNLOAD_FAILED);
-                    }
-                    return [4 /*yield*/, response.blob()];
-                case 4:
-                    blob = _e.sent();
-                    url = window.URL.createObjectURL(blob);
-                    link = document.createElement('a');
-                    link.href = url;
-                    link.download = "import-template.".concat(format === 'csv' ? 'csv' : 'xlsx');
-                    document.body.appendChild(link);
-                    link.click();
-                    link.remove();
-                    window.URL.revokeObjectURL(url);
-                    return [3 /*break*/, 6];
-                case 5:
-                    error_1 = _e.sent();
-                    console.error(ERROR_MESSAGES.DOWNLOAD_FAILED, error_1);
-                    return [3 /*break*/, 6];
-                case 6: return [2 /*return*/];
+    const handleTemplateDownload = async (format) => {
+        const modelId = listViewMetaData?.data?.solidView?.model?.id;
+        if (!modelId)
+            return;
+        try {
+            const session = await getSession();
+            const token = session?.user?.accessToken || "";
+            if (!token) {
+                throw new Error(ERROR_MESSAGES.NO_AUTH_TOKEN_FOUND);
             }
-        });
-    }); };
-    return (_jsxs("div", { children: [_jsx("div", { className: styles.SolidImportContextWrapper, children: _jsx("div", { className: 'p-3 h-full', children: _jsxs("div", { className: 'grid', children: [_jsxs("div", { className: "".concat(((_b = importInstructionsData === null || importInstructionsData === void 0 ? void 0 : importInstructionsData.data) === null || _b === void 0 ? void 0 : _b.custom.length) > 0 ? 'col-7' : 'col-12'), style: { borderRight: ((_c = importInstructionsData === null || importInstructionsData === void 0 ? void 0 : importInstructionsData.data) === null || _c === void 0 ? void 0 : _c.custom.length) > 0 ? '1px solid var(--primary-light-color)' : '', overflowY: 'auto', height: '48vh' }, children: [_jsx("h5", { className: 'solid-primary-black-text', children: "Standard Instructions" }), _jsxs("ol", { className: 'p-0', style: { listStyleType: 'none' }, children: [_jsxs("li", { children: [_jsx("p", { className: 'font-medium solid-primary-black-text', children: "1. CSV or Excel (based on radio button selected) template:" }), _jsxs("div", { className: 'flex align-items-centerm gap-3', children: [_jsx(Button, { label: 'CSV Download', icon: "pi pi-download", iconPos: 'right', size: 'small', onClick: function () { return handleTemplateDownload('csv'); } }), _jsx(Button, { label: 'Excel Download', icon: "pi pi-download", iconPos: 'right', size: 'small', onClick: function () { return handleTemplateDownload('excel'); } })] })] }), (function () {
-                                                var _a;
-                                                var count = 2; // Start numbering from 2
-                                                return (((_a = importInstructionsData === null || importInstructionsData === void 0 ? void 0 : importInstructionsData.data) === null || _a === void 0 ? void 0 : _a.standard) &&
+            const response = await fetch(`${process.env.API_URL}/api/import-transaction/import-template/${modelId}/${format}`, {
+                method: 'GET',
+                headers: {
+                    Authorization: `Bearer ${token}`,
+                }
+            });
+            if (!response.ok) {
+                throw new Error(ERROR_MESSAGES.FILE_DOWNLOAD_FAILED);
+            }
+            const blob = await response.blob();
+            const url = window.URL.createObjectURL(blob);
+            const link = document.createElement('a');
+            link.href = url;
+            link.download = `import-template.${format === 'csv' ? 'csv' : 'xlsx'}`;
+            document.body.appendChild(link);
+            link.click();
+            link.remove();
+            window.URL.revokeObjectURL(url);
+        }
+        catch (error) {
+            console.error(ERROR_MESSAGES.DOWNLOAD_FAILED, error);
+        }
+    };
+    return (_jsxs("div", { children: [_jsx("div", { className: styles.SolidImportContextWrapper, children: _jsx("div", { className: 'p-3 h-full', children: _jsxs("div", { className: 'grid', children: [_jsxs("div", { className: `${importInstructionsData?.data?.custom.length > 0 ? 'col-7' : 'col-12'}`, style: { borderRight: importInstructionsData?.data?.custom.length > 0 ? '1px solid var(--primary-light-color)' : '', overflowY: 'auto', height: '48vh' }, children: [_jsx("h5", { className: 'solid-primary-black-text', children: "Standard Instructions" }), _jsxs("ol", { className: 'p-0', style: { listStyleType: 'none' }, children: [_jsxs("li", { children: [_jsx("p", { className: 'font-medium solid-primary-black-text', children: "1. CSV or Excel (based on radio button selected) template:" }), _jsxs("div", { className: 'flex align-items-centerm gap-3', children: [_jsx(Button, { label: 'CSV Download', icon: "pi pi-download", iconPos: 'right', size: 'small', onClick: () => handleTemplateDownload('csv') }), _jsx(Button, { label: 'Excel Download', icon: "pi pi-download", iconPos: 'right', size: 'small', onClick: () => handleTemplateDownload('excel') })] })] }), (() => {
+                                                let count = 2; // Start numbering from 2
+                                                return (importInstructionsData?.data?.standard &&
                                                     Object.entries(importInstructionsData.data.standard)
-                                                        .map(function (_a) {
-                                                        var key = _a[0], values = _a[1];
-                                                        if (!(values === null || values === void 0 ? void 0 : values.length))
+                                                        .map(([key, values]) => {
+                                                        if (!values?.length)
                                                             return null;
-                                                        var titleCaseKey = key
+                                                        const titleCaseKey = key
                                                             .replace(/([A-Z])/g, ' $1')
-                                                            .replace(/^./, function (str) { return str.toUpperCase(); });
-                                                        var rendered = (_jsxs("li", { className: 'mt-3', children: [_jsxs("p", { className: 'font-medium solid-primary-black-text mb-1', children: [count, ". ", titleCaseKey, ":"] }), _jsx("div", { className: 'flex flex-wrap', children: values.map(function (item, i) { return (_jsxs("span", { className: 'mr-2', children: [typeof item === 'string'
+                                                            .replace(/^./, str => str.toUpperCase());
+                                                        const rendered = (_jsxs("li", { className: 'mt-3', children: [_jsxs("p", { className: 'font-medium solid-primary-black-text mb-1', children: [count, ". ", titleCaseKey, ":"] }), _jsx("div", { className: 'flex flex-wrap', children: values.map((item, i) => (_jsxs("span", { className: 'mr-2', children: [typeof item === 'string'
                                                                                 ? item
-                                                                                : (item === null || item === void 0 ? void 0 : item.fieldName)
-                                                                                    ? "".concat(item.fieldName, " (Regex: ").concat(item.regexPattern, ")")
-                                                                                    : JSON.stringify(item), i < values.length - 1 ? ', ' : ''] }, i)); }) })] }, key));
+                                                                                : item?.fieldName
+                                                                                    ? `${item.fieldName} (Regex: ${item.regexPattern})`
+                                                                                    : JSON.stringify(item), i < values.length - 1 ? ', ' : ''] }, i))) })] }, key));
                                                         count++;
                                                         return rendered;
                                                     }));
-                                            })()] })] }), ((_d = importInstructionsData === null || importInstructionsData === void 0 ? void 0 : importInstructionsData.data) === null || _d === void 0 ? void 0 : _d.custom.length) > 0 &&
-                                _jsx("div", { className: 'col-5', style: { overflowY: 'auto', height: '48vh' }, children: _jsx("h5", { className: 'solid-primary-black-text', children: "Custom Instructions" }) })] }) }) }), _jsx("div", { className: 'mt-3 flex align-items-center gap-3', children: _jsx(Button, { label: 'Continue', size: 'small', onClick: function () { return setImportStep(2); } }) })] }));
+                                            })()] })] }), importInstructionsData?.data?.custom.length > 0 &&
+                                _jsx("div", { className: 'col-5', style: { overflowY: 'auto', height: '48vh' }, children: _jsx("h5", { className: 'solid-primary-black-text', children: "Custom Instructions" }) })] }) }) }), _jsx("div", { className: 'mt-3 flex align-items-center gap-3', children: _jsx(Button, { label: 'Continue', size: 'small', onClick: () => setImportStep(2) }) })] }));
 };
 //# sourceMappingURL=SolidImportInstructions.js.map

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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"}
+{"version":3,"file":"SolidImportInstructions.js","sourceRoot":"./","sources":["components/core/common/SolidGenericImport/SolidImportInstructions.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\nimport { Button } from 'primereact/button'\nimport styles from './SolidImport.module.css'\nimport { useLazyGetImportInstructionsQuery } from '../../../../redux/api/importTransactionApi';\nimport { useEffect } from 'react';\nimport { getSession } from 'next-auth/react';\nimport { ERROR_MESSAGES } from '../../../../constants/error-messages';\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                `${process.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    return (\n        <div>\n            <div className={styles.SolidImportContextWrapper}>\n                <div className='p-3 h-full'>\n                    <div className='grid'>\n                        <div className={`${importInstructionsData?.data?.custom.length > 0 ? 'col-7' : 'col-12'}`} style={{ borderRight: importInstructionsData?.data?.custom.length > 0 ? '1px solid var(--primary-light-color)' : '', overflowY: 'auto', height: '48vh' }}>\n                            <h5 className='solid-primary-black-text'>Standard Instructions</h5>\n                            <ol className='p-0' style={{ listStyleType: 'none' }}>\n                                <li>\n                                    <p className='font-medium solid-primary-black-text'>1. CSV or Excel (based on radio button selected) template:</p>\n                                    <div className='flex align-items-centerm gap-3'>\n                                        <Button label='CSV Download' icon=\"pi pi-download\" iconPos='right' size='small' onClick={() => handleTemplateDownload('csv')} />\n                                        <Button label='Excel Download' icon=\"pi pi-download\" iconPos='right' size='small' onClick={() => handleTemplateDownload('excel')} />\n                                    </div>\n                                </li>\n                                {(() => {\n                                    let count = 2; // Start numbering from 2\n                                    return (importInstructionsData?.data?.standard &&\n                                        (Object.entries(importInstructionsData.data.standard) as [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='mt-3'>\n                                                        <p className='font-medium solid-primary-black-text mb-1'>\n                                                            {count}. {titleCaseKey}:\n                                                        </p>\n                                                        <div className='flex flex-wrap'>\n                                                            {values.map((item:any, i) => (\n                                                                <span key={i} className='mr-2'>\n                                                                    {typeof item === 'string'\n                                                                        ? item\n                                                                        : item?.fieldName\n                                                                            ? `${item.fieldName} (Regex: ${item.regexPattern})`\n                                                                            : JSON.stringify(item)}\n                                                                    {i < values.length - 1 ? ', ' : ''}\n                                                                </span>\n                                                            ))}\n                                                        </div>\n                                                    </li>\n                                                );\n\n                                                count++;\n                                                return rendered;\n                                            }));\n                                })()}\n                            </ol>\n                        </div>\n                        {importInstructionsData?.data?.custom.length > 0 &&\n                            <div className='col-5' style={{ overflowY: 'auto', height: '48vh' }}>\n                                <h5 className='solid-primary-black-text'>Custom Instructions</h5>\n                            </div>\n                        }\n                    </div>\n                </div>\n            </div>\n            <div className='mt-3 flex align-items-center gap-3'>\n                <Button label='Continue' size='small' onClick={() => setImportStep(2)} />\n                {/* <Button label='Cancel' size='small' outlined /> */}\n            </div>\n        </div>\n    )\n}"]}