npm - @solidxai/core-ui - Versions diffs - 0.1.5-beta.8 → 0.1.6 - Mend

@solidxai/core-ui 0.1.5-beta.8 → 0.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (300) hide show

package/dist/components/core/common/SolidAccountSettings/SolidPersonalInfo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidPersonalInfo.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidAccountSettings/SolidPersonalInfo.tsx"],"names":[],"mappings":"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","sourcesContent":["\n\nimport { useDeleteMediaMutation } from \"../../../../redux/api/mediaApi\";\nimport { useGetUserQuery, useUpdateUserProfileMutation } from \"../../../../redux/api/userApi\";\nimport { useFormik } from \"formik\";\nimport { AutoComplete } from \"primereact/autocomplete\";\nimport { Avatar } from \"primereact/avatar\";\nimport { Button } from \"primereact/button\";\nimport { Dialog } from \"primereact/dialog\";\nimport { InputText } from \"primereact/inputtext\";\nimport { Toast } from \"primereact/toast\";\nimport { useRef, useState } from \"react\";\nimport styles from './SolidAccountSettings.module.css'\nimport { ERROR_MESSAGES } from \"../../../../constants/error-messages\";\nimport showToast from \"../../../../helpers/showToast\";\nimport { useSession } from '../../../../hooks/useSession'\n\nexport const SolidPersonalInfo = () => {\n const fileInputRef = useRef<HTMLInputElement>(null);\n const toast = useRef<Toast>(null);\n\n const [previewImage, setPreviewImage] = useState<string \| null>(null);\n const [deleteDialogVisible, setDeleteDialogVisible] = useState(false);\n const [replaceDialogVisible, setReplaceDialogVisible] = useState(false);\n const [pendingFile, setPendingFile] = useState<File \| null>(null);\n\n const { data: session, status } = useSession();\n const user = session?.user;\n const userId = user?.id;\n\n const { data: userData, refetch } = useGetUserQuery(userId);\n\n const [\n deleteMedia,\n ] = useDeleteMediaMutation();\n const [updateUser] = useUpdateUserProfileMutation();\n\n const initialValues = {\n fullName: userData?.data?.fullName ?? \"\",\n profilePicture: userData?.data?._media?.profilePicture[0]?._full_url ?? null,\n };\n\n const formik = useFormik({\n initialValues,\n enableReinitialize: true,\n onSubmit: async (values) => {\n try {\n const formData = new FormData();\n if (values.fullName !== initialValues.fullName) {\n formData.append(\"fullName\", values.fullName);\n }\n\n if (values.profilePicture && values.profilePicture instanceof File) {\n formData.append(\"profilePicture\", values.profilePicture);\n }\n\n if (!formData.has(\"fullName\") && !formData.has(\"profilePicture\")) {\n showToast(toast, \"info\", ERROR_MESSAGES.NO_CHANGE, ERROR_MESSAGES.NO_UPDATE_MADE);\n return;\n }\n\n const response = await updateUser({ data: formData }).unwrap();\n if (response?.statusCode === 200) {\n showToast(toast, \"success\", ERROR_MESSAGES.PROFILE_SAVED, ERROR_MESSAGES.PROFILE_SAVED_SUCCESSFULLY);\n refetch();\n formik.resetForm();\n setPreviewImage(null);\n } else {\n showToast(toast, \"error\", ERROR_MESSAGES.FAILED, ERROR_MESSAGES.FAILED_UPDATED_PROFILE);\n }\n } catch (error) {\n showToast(toast, \"error\", ERROR_MESSAGES.FAILED, ERROR_MESSAGES.SOMETHING_WRONG);\n }\n },\n });\n\n const getInitials = (value: string) => {\n if (!value) return \"\";\n\n const email = value.includes('@') ? value.split('@')[0] : value;\n return email[0]?.toUpperCase() \|\| \"\";\n };\n\n const getColorFromInitials = (initials: string) => {\n let hash = 0;\n for (let i = 0; i < initials.length; i++) {\n hash = initials.charCodeAt(i) + ((hash << 5) - hash);\n }\n const hue = Math.abs(hash) % 360;\n return `hsl(${hue}, 60%, 60%)`;\n };\n const value = userData?.data?.email;\n const initials = getInitials(value);\n const bgColor = getColorFromInitials(initials);\n\n const handleFileChange = (file: File) => {\n const existing = userData?.data?._media?.profilePicture?.[0];\n if (existing) {\n setPendingFile(file);\n setReplaceDialogVisible(true);\n } else {\n formik.setFieldValue(\"profilePicture\", file);\n setPreviewImage(URL.createObjectURL(file));\n }\n };\n\n\n const handleDeleteAvatar = () => {\n const existing = userData?.data?._media?.profilePicture?.[0];\n if (existing) {\n setDeleteDialogVisible(true);\n } else {\n formik.setFieldValue(\"profilePicture\", null);\n setPreviewImage(null);\n }\n };\n\n const confirmReplace = async () => {\n const existing = userData?.data?._media?.profilePicture?.[0];\n try {\n if (existing?.id) {\n await deleteMedia(existing.id).unwrap();\n }\n\n if (pendingFile) {\n formik.setFieldValue(\"profilePicture\", pendingFile);\n setTimeout(() => {\n formik.submitForm();\n }, 0);\n }\n\n } catch (error) {\n showToast(toast, \"error\", ERROR_MESSAGES.FAILED, ERROR_MESSAGES.FAILED_DELETED_IMAGE);\n }\n\n setReplaceDialogVisible(false);\n setPendingFile(null);\n };\n\n const confirmDelete = async () => {\n const existing = userData?.data?._media?.profilePicture?.[0];\n if (existing?.id) {\n try {\n await deleteMedia(existing.id).unwrap();\n showToast(toast, \"success\", ERROR_MESSAGES.DELETED, ERROR_MESSAGES.PROFILE_PICTURE_REMOVE);\n refetch();\n } catch {\n showToast(toast, \"error\", ERROR_MESSAGES.ERROR, ERROR_MESSAGES.FAILED_DELETED_IMAGE);\n }\n }\n\n formik.setFieldValue(\"profilePicture\", null);\n setPreviewImage(null);\n setDeleteDialogVisible(false);\n };\n\n return (\n <form onSubmit={formik.handleSubmit} className=\"h-full flex flex-column justify-content-between\">\n <Toast ref={toast} />\n <div>\n <div>\n <label className=\"form-field-label mb-2 font-bold\">Profile Picture</label>\n <div className=\"flex align-items-center gap-3\">\n {previewImage ? (\n <Avatar image={previewImage} shape=\"circle\"\n style={{\n height: '5rem',\n width: '5rem'\n }}\n />\n ) : userData?.data?._media?.profilePicture?.[0]?._full_url ? (\n <div className=\"relative\">\n <Avatar\n image={userData?.data?._media?.profilePicture?.[0]?._full_url}\n shape=\"circle\"\n style={{\n height: '5rem',\n width: '5rem'\n }}\n />\n <div className={styles.SolidRemoveProfile} onClick={handleDeleteAvatar}>\n <span className=\"pi pi-times\" />\n </div>\n </div>\n ) : (\n <Avatar\n label={initials}\n size=\"xlarge\"\n shape=\"circle\"\n style={{\n backgroundColor: bgColor,\n color: '#ffffff',\n height: '5rem',\n width: '5rem'\n }}\n />\n )}\n\n <div className=\"flex gap-2\">\n <Button\n type=\"button\"\n size=\"small\"\n severity=\"secondary\"\n label=\"Upload Avatar\"\n outlined\n className=\"small-button\"\n onClick={() => fileInputRef.current?.click()}\n />\n <input\n ref={fileInputRef}\n type=\"file\"\n accept=\".jpg,.jpeg,.png,.svg\"\n hidden\n onChange={(e) => {\n const file = e.target.files?.[0];\n if (file) handleFileChange(file);\n }}\n />\n </div>\n </div>\n </div>\n <div className='mt-4 mb-2 sm:mb-0' style={{ borderBottom: '1px dashed #D8E2EA' }}></div>\n <div className=\"mt-4\">\n <label className=\"form-field-label mb-2 font-bold\">Details</label>\n <div className=\"grid\">\n <div className=\"col-12 md:col-8 lg:col-5\">\n <label className=\"form-field-label mb-2\">Name</label>\n <InputText\n name=\"fullName\"\n value={formik.values.fullName}\n onChange={formik.handleChange}\n className=\"w-full\"\n />\n </div>\n <div className=\"col-12 md:col-8 lg:col-5\">\n <label className=\"form-field-label mb-2\">Email</label>\n <InputText disabled placeholder={userData?.data?.email} value={userData?.data?.email}\n className=\"w-full\" />\n </div>\n <div className=\"col-12 md:col-8 lg:col-5\">\n <label className=\"form-field-label mb-2\">Contact Number</label>\n <InputText disabled placeholder={userData?.data?.mobile} value={userData?.data?.mobile}\n className=\"w-full\" />\n </div>\n <div className=\"col-12 md:col-8 lg:col-5\">\n <label className=\"form-field-label mb-2\">Role</label>\n <AutoComplete\n multiple\n disabled\n value={userData?.data?.roles?.map((role: any) => role.name) \|\| []}\n />\n\n </div>\n </div>\n </div>\n </div>\n <div>\n <Button\n type=\"submit\"\n size=\"small\"\n label=\"Save\"\n />\n </div>\n <Dialog\n header={<h5 className='m-0 font-bold'>Replace Profile Picture</h5>}\n visible={replaceDialogVisible}\n headerClassName=\"px-4 py-3 secondary-border-bottom\"\n contentClassName=\"p-0\"\n style={{ width: '25vw' }}\n className=\"solid-confirm-dialog \"\n modal\n onHide={() => setReplaceDialogVisible(false)}\n >\n <div className=\"p-4\">\n Do you want to replace the existing profile picture?\n <div className=\"flex justify-content-start mt-4 gap-2\">\n <Button size=\"small\" label=\"Confirm\" severity=\"danger\" onClick={confirmReplace} />\n <Button size=\"small\" outlined label=\"Cancel\" onClick={() => setReplaceDialogVisible(false)} />\n </div>\n </div>\n </Dialog>\n\n <Dialog\n header={<h5 className='m-0 font-bold'>Delete Profile Picture</h5>}\n visible={deleteDialogVisible}\n headerClassName=\"px-4 py-3 secondary-border-bottom\"\n contentClassName=\"p-0\"\n style={{ width: '25vw' }}\n modal\n className=\"solid-confirm-dialog \"\n onHide={() => setDeleteDialogVisible(false)}\n >\n <div className=\"p-4\">\n Do you want to delete your profile picture?\n <div className=\"flex justify-content-start mt-4 gap-2\">\n <Button size=\"small\" label=\"Confirm\" severity=\"danger\" onClick={confirmDelete} />\n <Button size=\"small\" outlined label=\"Cancel\" onClick={() => setDeleteDialogVisible(false)} />\n </div>\n </div>\n </Dialog>\n\n </form>\n )\n}"]}
1	+ {"version":3,"file":"SolidPersonalInfo.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidAccountSettings/SolidPersonalInfo.tsx"],"names":[],"mappings":"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","sourcesContent":["\n\nimport { useDeleteMediaMutation } from \"../../../../redux/api/mediaApi\";\nimport { useGetUserQuery, useUpdateUserProfileMutation } from \"../../../../redux/api/userApi\";\nimport { useFormik } from \"formik\";\nimport { AutoComplete } from \"primereact/autocomplete\";\nimport { Avatar } from \"primereact/avatar\";\nimport { Button } from \"primereact/button\";\nimport { Dialog } from \"primereact/dialog\";\nimport { InputText } from \"primereact/inputtext\";\nimport { useRef, useState } from \"react\";\nimport { useDispatch } from 'react-redux';\nimport { showToast } from '../../../../redux/features/toastSlice';\nimport styles from './SolidAccountSettings.module.css'\nimport { ERROR_MESSAGES } from \"../../../../constants/error-messages\";\nimport { useSession } from '../../../../hooks/useSession'\n\nexport const SolidPersonalInfo = () => {\n const fileInputRef = useRef<HTMLInputElement>(null);\n const dispatch = useDispatch();\n\n const [previewImage, setPreviewImage] = useState<string \| null>(null);\n const [deleteDialogVisible, setDeleteDialogVisible] = useState(false);\n const [replaceDialogVisible, setReplaceDialogVisible] = useState(false);\n const [pendingFile, setPendingFile] = useState<File \| null>(null);\n\n const { data: session, status } = useSession();\n const user = session?.user;\n const userId = user?.id;\n\n const { data: userData, refetch } = useGetUserQuery(userId);\n\n const [\n deleteMedia,\n ] = useDeleteMediaMutation();\n const [updateUser] = useUpdateUserProfileMutation();\n\n const initialValues = {\n fullName: userData?.data?.fullName ?? \"\",\n profilePicture: userData?.data?._media?.profilePicture[0]?._full_url ?? null,\n };\n\n const formik = useFormik({\n initialValues,\n enableReinitialize: true,\n onSubmit: async (values) => {\n try {\n const formData = new FormData();\n if (values.fullName !== initialValues.fullName) {\n formData.append(\"fullName\", values.fullName);\n }\n\n if (values.profilePicture && values.profilePicture instanceof File) {\n formData.append(\"profilePicture\", values.profilePicture);\n }\n\n if (!formData.has(\"fullName\") && !formData.has(\"profilePicture\")) {\n dispatch(showToast({ severity: \"info\", summary: ERROR_MESSAGES.NO_CHANGE, detail: ERROR_MESSAGES.NO_UPDATE_MADE }));\n return;\n }\n\n const response = await updateUser({ data: formData }).unwrap();\n if (response?.statusCode === 200) {\n dispatch(showToast({ severity: \"success\", summary: ERROR_MESSAGES.PROFILE_SAVED, detail: ERROR_MESSAGES.PROFILE_SAVED_SUCCESSFULLY }));\n refetch();\n formik.resetForm();\n setPreviewImage(null);\n } else {\n dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.FAILED, detail: ERROR_MESSAGES.FAILED_UPDATED_PROFILE }));\n }\n } catch (error) {\n dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.FAILED, detail: ERROR_MESSAGES.SOMETHING_WRONG }));\n }\n },\n });\n\n const getInitials = (value: string) => {\n if (!value) return \"\";\n\n const email = value.includes('@') ? value.split('@')[0] : value;\n return email[0]?.toUpperCase() \|\| \"\";\n };\n\n const getColorFromInitials = (initials: string) => {\n let hash = 0;\n for (let i = 0; i < initials.length; i++) {\n hash = initials.charCodeAt(i) + ((hash << 5) - hash);\n }\n const hue = Math.abs(hash) % 360;\n return `hsl(${hue}, 60%, 60%)`;\n };\n const value = userData?.data?.email;\n const initials = getInitials(value);\n const bgColor = getColorFromInitials(initials);\n\n const handleFileChange = (file: File) => {\n const existing = userData?.data?._media?.profilePicture?.[0];\n if (existing) {\n setPendingFile(file);\n setReplaceDialogVisible(true);\n } else {\n formik.setFieldValue(\"profilePicture\", file);\n setPreviewImage(URL.createObjectURL(file));\n }\n };\n\n\n const handleDeleteAvatar = () => {\n const existing = userData?.data?._media?.profilePicture?.[0];\n if (existing) {\n setDeleteDialogVisible(true);\n } else {\n formik.setFieldValue(\"profilePicture\", null);\n setPreviewImage(null);\n }\n };\n\n const confirmReplace = async () => {\n const existing = userData?.data?._media?.profilePicture?.[0];\n try {\n if (existing?.id) {\n await deleteMedia(existing.id).unwrap();\n }\n\n if (pendingFile) {\n formik.setFieldValue(\"profilePicture\", pendingFile);\n setTimeout(() => {\n formik.submitForm();\n }, 0);\n }\n\n } catch (error) {\n dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.FAILED, detail: ERROR_MESSAGES.FAILED_DELETED_IMAGE }));\n }\n\n setReplaceDialogVisible(false);\n setPendingFile(null);\n };\n\n const confirmDelete = async () => {\n const existing = userData?.data?._media?.profilePicture?.[0];\n if (existing?.id) {\n try {\n await deleteMedia(existing.id).unwrap();\n dispatch(showToast({ severity: \"success\", summary: ERROR_MESSAGES.DELETED, detail: ERROR_MESSAGES.PROFILE_PICTURE_REMOVE }));\n refetch();\n } catch {\n dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.ERROR, detail: ERROR_MESSAGES.FAILED_DELETED_IMAGE }));\n }\n }\n\n formik.setFieldValue(\"profilePicture\", null);\n setPreviewImage(null);\n setDeleteDialogVisible(false);\n };\n\n return (\n <form onSubmit={formik.handleSubmit} className=\"h-full flex flex-column justify-content-between\">\n <div>\n <div>\n <label className=\"form-field-label mb-2 font-bold\">Profile Picture</label>\n <div className=\"flex align-items-center gap-3\">\n {previewImage ? (\n <Avatar image={previewImage} shape=\"circle\"\n style={{\n height: '5rem',\n width: '5rem'\n }}\n />\n ) : userData?.data?._media?.profilePicture?.[0]?._full_url ? (\n <div className=\"relative\">\n <Avatar\n image={userData?.data?._media?.profilePicture?.[0]?._full_url}\n shape=\"circle\"\n style={{\n height: '5rem',\n width: '5rem'\n }}\n />\n <div className={styles.SolidRemoveProfile} onClick={handleDeleteAvatar}>\n <span className=\"pi pi-times\" />\n </div>\n </div>\n ) : (\n <Avatar\n label={initials}\n size=\"xlarge\"\n shape=\"circle\"\n style={{\n backgroundColor: bgColor,\n color: '#ffffff',\n height: '5rem',\n width: '5rem'\n }}\n />\n )}\n\n <div className=\"flex gap-2\">\n <Button\n type=\"button\"\n size=\"small\"\n severity=\"secondary\"\n label=\"Upload Avatar\"\n outlined\n className=\"small-button\"\n onClick={() => fileInputRef.current?.click()}\n />\n <input\n ref={fileInputRef}\n type=\"file\"\n accept=\".jpg,.jpeg,.png,.svg\"\n hidden\n onChange={(e) => {\n const file = e.target.files?.[0];\n if (file) handleFileChange(file);\n }}\n />\n </div>\n </div>\n </div>\n <div className='mt-4 mb-2 sm:mb-0' style={{ borderBottom: '1px dashed #D8E2EA' }}></div>\n <div className=\"mt-4\">\n <label className=\"form-field-label mb-2 font-bold\">Details</label>\n <div className=\"grid\">\n <div className=\"col-12 md:col-8 lg:col-5\">\n <label className=\"form-field-label mb-2\">Name</label>\n <InputText\n name=\"fullName\"\n value={formik.values.fullName}\n onChange={formik.handleChange}\n className=\"w-full\"\n />\n </div>\n <div className=\"col-12 md:col-8 lg:col-5\">\n <label className=\"form-field-label mb-2\">Email</label>\n <InputText disabled placeholder={userData?.data?.email} value={userData?.data?.email}\n className=\"w-full\" />\n </div>\n <div className=\"col-12 md:col-8 lg:col-5\">\n <label className=\"form-field-label mb-2\">Contact Number</label>\n <InputText disabled placeholder={userData?.data?.mobile} value={userData?.data?.mobile}\n className=\"w-full\" />\n </div>\n <div className=\"col-12 md:col-8 lg:col-5\">\n <label className=\"form-field-label mb-2\">Role</label>\n <AutoComplete\n multiple\n disabled\n value={userData?.data?.roles?.map((role: any) => role.name) \|\| []}\n />\n\n </div>\n </div>\n </div>\n </div>\n <div>\n <Button\n type=\"submit\"\n size=\"small\"\n label=\"Save\"\n />\n </div>\n <Dialog\n header={<h5 className='m-0 font-bold'>Replace Profile Picture</h5>}\n visible={replaceDialogVisible}\n headerClassName=\"px-4 py-3 secondary-border-bottom\"\n contentClassName=\"p-0\"\n style={{ width: '25vw' }}\n className=\"solid-confirm-dialog \"\n modal\n onHide={() => setReplaceDialogVisible(false)}\n >\n <div className=\"p-4\">\n Do you want to replace the existing profile picture?\n <div className=\"flex justify-content-start mt-4 gap-2\">\n <Button size=\"small\" label=\"Confirm\" severity=\"danger\" onClick={confirmReplace} />\n <Button size=\"small\" outlined label=\"Cancel\" onClick={() => setReplaceDialogVisible(false)} />\n </div>\n </div>\n </Dialog>\n\n <Dialog\n header={<h5 className='m-0 font-bold'>Delete Profile Picture</h5>}\n visible={deleteDialogVisible}\n headerClassName=\"px-4 py-3 secondary-border-bottom\"\n contentClassName=\"p-0\"\n style={{ width: '25vw' }}\n modal\n className=\"solid-confirm-dialog \"\n onHide={() => setDeleteDialogVisible(false)}\n >\n <div className=\"p-4\">\n Do you want to delete your profile picture?\n <div className=\"flex justify-content-start mt-4 gap-2\">\n <Button size=\"small\" label=\"Confirm\" severity=\"danger\" onClick={confirmDelete} />\n <Button size=\"small\" outlined label=\"Cancel\" onClick={() => setDeleteDialogVisible(false)} />\n </div>\n </div>\n </Dialog>\n\n </form>\n )\n}"]}

package/dist/components/core/common/SolidAccountSettings/SolidPersonalInfo.tsx CHANGED Viewed

@@ -8,16 +8,16 @@ import { Avatar } from "primereact/avatar";
 import { Button } from "primereact/button";
 import { Dialog } from "primereact/dialog";
 import { InputText } from "primereact/inputtext";
-import { Toast } from "primereact/toast";
 import { useRef, useState } from "react";
+import { useDispatch } from 'react-redux';
+import { showToast } from '../../../../redux/features/toastSlice';
 import styles from './SolidAccountSettings.module.css'
 import { ERROR_MESSAGES } from "../../../../constants/error-messages";
-import showToast from "../../../../helpers/showToast";
 import { useSession } from '../../../../hooks/useSession'
 export const SolidPersonalInfo = () => {
     const fileInputRef = useRef<HTMLInputElement>(null);
-    const toast = useRef<Toast>(null);
+    const dispatch = useDispatch();
     const [previewImage, setPreviewImage] = useState<string | null>(null);
     const [deleteDialogVisible, setDeleteDialogVisible] = useState(false);
@@ -55,21 +55,21 @@ export const SolidPersonalInfo = () => {
                 }
                 if (!formData.has("fullName") && !formData.has("profilePicture")) {
-                    showToast(toast, "info", ERROR_MESSAGES.NO_CHANGE, ERROR_MESSAGES.NO_UPDATE_MADE);
+                    dispatch(showToast({ severity: "info", summary: ERROR_MESSAGES.NO_CHANGE, detail: ERROR_MESSAGES.NO_UPDATE_MADE }));
                     return;
                 }
                 const response = await updateUser({ data: formData }).unwrap();
                 if (response?.statusCode === 200) {
-                    showToast(toast, "success", ERROR_MESSAGES.PROFILE_SAVED, ERROR_MESSAGES.PROFILE_SAVED_SUCCESSFULLY);
+                    dispatch(showToast({ severity: "success", summary: ERROR_MESSAGES.PROFILE_SAVED, detail: ERROR_MESSAGES.PROFILE_SAVED_SUCCESSFULLY }));
                     refetch();
                     formik.resetForm();
                     setPreviewImage(null);
                 } else {
-                    showToast(toast, "error", ERROR_MESSAGES.FAILED, ERROR_MESSAGES.FAILED_UPDATED_PROFILE);
+                    dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.FAILED, detail: ERROR_MESSAGES.FAILED_UPDATED_PROFILE }));
                 }
             } catch (error) {
-                showToast(toast, "error", ERROR_MESSAGES.FAILED, ERROR_MESSAGES.SOMETHING_WRONG);
+                dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.FAILED, detail: ERROR_MESSAGES.SOMETHING_WRONG }));
             }
         },
     });
@@ -130,7 +130,7 @@ export const SolidPersonalInfo = () => {
             }
         } catch (error) {
-            showToast(toast, "error", ERROR_MESSAGES.FAILED, ERROR_MESSAGES.FAILED_DELETED_IMAGE);
+            dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.FAILED, detail: ERROR_MESSAGES.FAILED_DELETED_IMAGE }));
         }
         setReplaceDialogVisible(false);
@@ -142,10 +142,10 @@ export const SolidPersonalInfo = () => {
         if (existing?.id) {
             try {
                 await deleteMedia(existing.id).unwrap();
-                showToast(toast, "success", ERROR_MESSAGES.DELETED, ERROR_MESSAGES.PROFILE_PICTURE_REMOVE);
+                dispatch(showToast({ severity: "success", summary: ERROR_MESSAGES.DELETED, detail: ERROR_MESSAGES.PROFILE_PICTURE_REMOVE }));
                 refetch();
             } catch {
-                showToast(toast, "error", ERROR_MESSAGES.ERROR, ERROR_MESSAGES.FAILED_DELETED_IMAGE);
+                dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.ERROR, detail: ERROR_MESSAGES.FAILED_DELETED_IMAGE }));
             }
         }
@@ -156,7 +156,6 @@ export const SolidPersonalInfo = () => {
     return (
         <form onSubmit={formik.handleSubmit} className="h-full flex flex-column justify-content-between">
-            <Toast ref={toast} />
             <div>
                 <div>
                     <label className="form-field-label mb-2 font-bold">Profile Picture</label>

package/dist/components/core/common/SolidGenericImport/SolidImportDropzone.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidImportDropzone.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidGenericImport/SolidImportDropzone.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,mBAAmB,yDAA0D,GAAG,~~4CAyG5F~~,CAAA"}
1	+ {"version":3,"file":"SolidImportDropzone.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidGenericImport/SolidImportDropzone.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,mBAAmB,yDAA0D,GAAG,4CAwG5F,CAAA"}

package/dist/components/core/common/SolidGenericImport/SolidImportDropzone.js CHANGED Viewed

@@ -46,18 +46,18 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useRef, useState } from 'react';
+import { useCallback, useState } from 'react';
 import { useDropzone } from 'react-dropzone';
 import { Button } from 'primereact/button';
+import { useDispatch } from 'react-redux';
+import { showToast } from '../../../../redux/features/toastSlice';
 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';
-import showToast from "../../../../helpers/showToast";
 export var SolidImportDropzone = function (_a) {
     var setImportStep = _a.setImportStep, setTransactionId = _a.setTransactionId, modelMetadataId = _a.modelMetadataId;
-    var toast = useRef(null);
+    var dispatch = useDispatch();
     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 () {
@@ -78,17 +78,17 @@ export var SolidImportDropzone = function (_a) {
                     console.log('Upload success:', response);
                     if ((response === null || response === void 0 ? void 0 : response.statusCode) === 200) {
                         setFile(uploadFile);
-                        showToast(toast, "success", ERROR_MESSAGES.FILE_UPLOAD, ERROR_MESSAGES.FILE_UPLOAD_SUCCESSFULLY);
+                        dispatch(showToast({ severity: "success", summary: ERROR_MESSAGES.FILE_UPLOAD, detail: 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(toast, "error", ERROR_MESSAGES.FAILED, ERROR_MESSAGES.FAILED_UPLOAD_FILE);
+                        dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.FAILED, detail: 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(toast, "error", ERROR_MESSAGES.FAILED, ERROR_MESSAGES.FAILED_UPLOAD_FILE);
+                    dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.FAILED, detail: ERROR_MESSAGES.FAILED_UPLOAD_FILE }));
                     return [3 /*break*/, 4];
                 case 4: return [2 /*return*/];
             }
@@ -118,10 +118,10 @@ export var SolidImportDropzone = function (_a) {
         var i = Math.floor(Math.log(bytes) / Math.log(1024));
         return "".concat((bytes / Math.pow(1024, i)).toFixed(2), " ").concat(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 &&
+    return (_jsxs("div", { children: [_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 () {
                         if (!file) {
-                            showToast(toast, "error", ERROR_MESSAGES.MISSING_FILE, ERROR_MESSAGES.FAILED_UPLOAD_FILE);
+                            dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.MISSING_FILE, detail: ERROR_MESSAGES.FAILED_UPLOAD_FILE }));
                             return;
                         }
                         setImportStep(3);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidImportDropzone.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidGenericImport/SolidImportDropzone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,WAAW,EAAE,~~MAAM,EAAE,~~QAAQ,EAAE,MAAM,OAAO,CAAC;~~AACtD~~,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,~~MAAM~~,MAAM,~~0BAA0B~~,~~CAAA~~;~~AAC7C~~,OAAO,EAAE,~~WAAW~~,EAAE,MAAM,~~eAAe~~,CAAC;~~AAC5C~~,OAAO,EAAE,~~kCAAkC~~,EAAE,MAAM,~~4CAA4C~~,CAAC;~~AAChG~~,OAAO,EAAE,~~KAAK~~,EAAE,MAAM,~~kBAAkB~~,CAAC;~~AACzC~~,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,~~OAAO,SAAS,~~MAAM~~,+BAA+B~~,CAAC~~;AACtD~~,~~MAAM,CAAC,~~IAAM,mBAAmB,GAAG,UAAC,EAAyD;QAAvD,aAAa,mBAAA,EAAE,gBAAgB,sBAAA,EAAE,eAAe,qBAAA;IAClF,IAAM,~~KAAK~~,GAAG,~~MAAM~~,~~CAAQ~~,~~IAAI,~~CAAC~~,CAAC~~;~~IAE5B~~,IAAA,KAAkB,QAAQ,CAAc,IAAI,CAAC,EAA5C,IAAI,QAAA,EAAE,OAAO,QAA+B,CAAC;IAC9C,IAAA,KAA2C,kCAAkC,EAAE,EAA9E,uBAAuB,QAAA,EAAI,SAAS,kBAA0C,CAAC;IAGtF,IAAM,UAAU,GAAG,UAAO,UAAgB;;;;;;oBAChC,QAAQ,GAAG,IAAI,QAAQ,EAAE,CAAC;oBAChC,QAAQ,CAAC,MAAM,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;oBAC5C,QAAQ,CAAC,MAAM,CAAC,iBAAiB,EAAE,eAAe,CAAC,CAAC;;;;oBAG/B,qBAAM,uBAAuB,CAAC,QAAQ,CAAC,CAAC,MAAM,EAAE,EAAA;;oBAA3D,QAAQ,GAAG,SAAgD;oBACjE,OAAO,CAAC,GAAG,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAAC;oBACzC,IAAI,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,UAAU,MAAK,GAAG,EAAE;wBAC9B,OAAO,CAAC,UAAU,CAAC,CAAC;wBACpB,SAAS,CAAC,~~KAAK~~,EAAE,SAAS,EAAE,cAAc,CAAC,WAAW,EAAE,cAAc,CAAC,wBAAwB,CAAC,CAAC;~~wBACjG~~,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAG,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,EAAE,CAAC,CAAC;qBAC1C;yBAAM;wBACH,SAAS,CAAC,~~KAAK~~,EAAE,OAAO,EAAE,cAAc,CAAC,MAAM,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAA;~~qBACtF~~;;;;oBAED,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,kBAAkB,EAAE,OAAK,CAAC,CAAC;oBACxD,SAAS,CAAC,~~KAAK~~,EAAE,OAAO,EAAE,cAAc,CAAC,MAAM,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAA;;;;;~~SAE1F~~,CAAC;IAEF,IAAM,MAAM,GAAG,WAAW,CAAC,UAAC,aAAqB;QAC7C,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE;YAC1B,IAAM,YAAY,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;YACtC,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC,yBAAyB;SACtD;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAED,IAAA,KAAwC,WAAW,CAAC;QACtD,MAAM,QAAA;QACN,MAAM,EAAE;YACJ,mEAAmE,EAAE,CAAC,OAAO,CAAC;YAC9E,UAAU,EAAE,CAAC,MAAM,CAAC;SACvB;QACD,QAAQ,EAAE,KAAK;KAClB,CAAC,EAPM,YAAY,kBAAA,EAAE,aAAa,mBAAA,EAAE,IAAI,UAOvC,CAAC;IAEH,IAAM,UAAU,GAAG;QACf,OAAO,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,KAAa;QAC9B,IAAM,KAAK,GAAG,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QAC1C,IAAI,KAAK,KAAK,CAAC;YAAE,OAAO,QAAQ,CAAC;QACjC,IAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;QACvD,OAAO,UAAG,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,cAAI,KAAK,CAAC,CAAC,CAAC,CAAE,CAAC;IACnE,CAAC,CAAC;IAEF,OAAO,CACH,0BACI,~~KAAC,KAAK,IAAC,GAAG,EAAE,KAAK,GAAI,EACrB,~~cAAK,SAAS,EAAE,MAAM,CAAC,yBAAyB,YAC5C,0BAAS,YAAY,CAAC,EAAE,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,CAAC,IAAE,SAAS,EAAC,mEAAmE,aAChI,2BAAW,aAAa,EAAE,EAAI,EAE9B,eAAK,SAAS,EAAE,EAAE,aACd,cAAK,SAAS,EAAC,6BAA6B,YACxC,KAAC,WAAW,KAAG,GACb,EACN,aAAI,SAAS,EAAC,sCAAsC,gDAAqC,EACzF,aAAG,SAAS,EAAC,iBAAiB,wEAAwD,cAAM,wCACpD,EACxC,cAAK,SAAS,EAAC,kCAAkC,YAC7C,KAAC,MAAM,IAAC,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAC,WAAW,EAAC,QAAQ,SAAG,GAC3E,IACJ,EAEL,IAAI;4BACD,eAAK,SAAS,EAAC,6EAA6E,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,sCAAsC,EAAE,YAAY,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,eAAe,EAAE,EAAnB,CAAmB,aACxM,0BACI,aAAG,SAAS,EAAC,KAAK,aAAC,qCAAsB,OAAE,IAAI,CAAC,IAAI,IAAK,EACzD,aAAG,SAAS,EAAC,KAAK,aAAC,qCAAsB,OAAE,IAAI,CAAC,IAAI,IAAI,SAAS,IAAK,EACtE,aAAG,SAAS,EAAC,KAAK,aAAC,qCAAsB,OAAE,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,IAAK,IACpE,EACN,wBACI,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,aAAa,EAAC,IAAI,QAAC,OAAO,EAAE,UAAU,GAAI,GAClE,IACJ,KAGR,GACJ,EACN,cAAK,SAAS,EAAC,oCAAoC,YAC/C,KAAC,MAAM,IACH,KAAK,EAAC,UAAU,EAChB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE;wBACL,IAAI,CAAC,IAAI,EAAE;4BACP,SAAS,CAAC,~~KAAK~~,EAAE,OAAO,EAAE,cAAc,CAAC,YAAY,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAC;~~4BAC1F~~,OAAO;yBACV;wBACD,aAAa,CAAC,CAAC,CAAC,CAAC;oBACrB,CAAC,EACD,QAAQ,EAAE,CAAC,IAAI,GACjB,GACA,IACJ,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["\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';\~~nimport showToast from \"../../../../helpers/showToast\";\~~nexport const SolidImportDropzone = ({ setImportStep, setTransactionId, modelMetadataId }: any) => {\n const ~~toast~~ = ~~useRef<Toast>~~(~~null~~);\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(~~toast,~~ \"success\", ERROR_MESSAGES.FILE_UPLOAD, ERROR_MESSAGES.FILE_UPLOAD_SUCCESSFULLY);\n setTransactionId?.(response?.data?.id);\n } else {\n showToast(~~toast,~~ \"error\", ERROR_MESSAGES.FAILED, ERROR_MESSAGES.FAILED_UPLOAD_FILE)\n }\n } catch (error) {\n console.error(ERROR_MESSAGES.FAILED_UPLOAD_FILE, error);\n showToast(~~toast,~~ \"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(~~toast,~~ \"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}"]}
1	+ {"version":3,"file":"SolidImportDropzone.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidGenericImport/SolidImportDropzone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,OAAO,MAAM,MAAM,0BAA0B,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,kCAAkC,EAAE,MAAM,4CAA4C,CAAC;AAChG,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAC,EAAyD;QAAvD,aAAa,mBAAA,EAAE,gBAAgB,sBAAA,EAAE,eAAe,qBAAA;IAClF,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAEzB,IAAA,KAAkB,QAAQ,CAAc,IAAI,CAAC,EAA5C,IAAI,QAAA,EAAE,OAAO,QAA+B,CAAC;IAC9C,IAAA,KAA2C,kCAAkC,EAAE,EAA9E,uBAAuB,QAAA,EAAI,SAAS,kBAA0C,CAAC;IAGtF,IAAM,UAAU,GAAG,UAAO,UAAgB;;;;;;oBAChC,QAAQ,GAAG,IAAI,QAAQ,EAAE,CAAC;oBAChC,QAAQ,CAAC,MAAM,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;oBAC5C,QAAQ,CAAC,MAAM,CAAC,iBAAiB,EAAE,eAAe,CAAC,CAAC;;;;oBAG/B,qBAAM,uBAAuB,CAAC,QAAQ,CAAC,CAAC,MAAM,EAAE,EAAA;;oBAA3D,QAAQ,GAAG,SAAgD;oBACjE,OAAO,CAAC,GAAG,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAAC;oBACzC,IAAI,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,UAAU,MAAK,GAAG,EAAE;wBAC9B,OAAO,CAAC,UAAU,CAAC,CAAC;wBACpB,QAAQ,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,CAAC,WAAW,EAAE,MAAM,EAAE,cAAc,CAAC,wBAAwB,EAAE,CAAC,CAAC,CAAC;wBACnI,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAG,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,EAAE,CAAC,CAAC;qBAC1C;yBAAM;wBACH,QAAQ,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,cAAc,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAA;qBACxH;;;;oBAED,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,kBAAkB,EAAE,OAAK,CAAC,CAAC;oBACxD,QAAQ,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,cAAc,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAA;;;;;SAE5H,CAAC;IAEF,IAAM,MAAM,GAAG,WAAW,CAAC,UAAC,aAAqB;QAC7C,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE;YAC1B,IAAM,YAAY,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;YACtC,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC,yBAAyB;SACtD;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAED,IAAA,KAAwC,WAAW,CAAC;QACtD,MAAM,QAAA;QACN,MAAM,EAAE;YACJ,mEAAmE,EAAE,CAAC,OAAO,CAAC;YAC9E,UAAU,EAAE,CAAC,MAAM,CAAC;SACvB;QACD,QAAQ,EAAE,KAAK;KAClB,CAAC,EAPM,YAAY,kBAAA,EAAE,aAAa,mBAAA,EAAE,IAAI,UAOvC,CAAC;IAEH,IAAM,UAAU,GAAG;QACf,OAAO,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,KAAa;QAC9B,IAAM,KAAK,GAAG,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QAC1C,IAAI,KAAK,KAAK,CAAC;YAAE,OAAO,QAAQ,CAAC;QACjC,IAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;QACvD,OAAO,UAAG,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,cAAI,KAAK,CAAC,CAAC,CAAC,CAAE,CAAC;IACnE,CAAC,CAAC;IAEF,OAAO,CACH,0BACI,cAAK,SAAS,EAAE,MAAM,CAAC,yBAAyB,YAC5C,0BAAS,YAAY,CAAC,EAAE,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,CAAC,IAAE,SAAS,EAAC,mEAAmE,aAChI,2BAAW,aAAa,EAAE,EAAI,EAE9B,eAAK,SAAS,EAAE,EAAE,aACd,cAAK,SAAS,EAAC,6BAA6B,YACxC,KAAC,WAAW,KAAG,GACb,EACN,aAAI,SAAS,EAAC,sCAAsC,gDAAqC,EACzF,aAAG,SAAS,EAAC,iBAAiB,wEAAwD,cAAM,wCACpD,EACxC,cAAK,SAAS,EAAC,kCAAkC,YAC7C,KAAC,MAAM,IAAC,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAC,WAAW,EAAC,QAAQ,SAAG,GAC3E,IACJ,EAEL,IAAI;4BACD,eAAK,SAAS,EAAC,6EAA6E,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,sCAAsC,EAAE,YAAY,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,eAAe,EAAE,EAAnB,CAAmB,aACxM,0BACI,aAAG,SAAS,EAAC,KAAK,aAAC,qCAAsB,OAAE,IAAI,CAAC,IAAI,IAAK,EACzD,aAAG,SAAS,EAAC,KAAK,aAAC,qCAAsB,OAAE,IAAI,CAAC,IAAI,IAAI,SAAS,IAAK,EACtE,aAAG,SAAS,EAAC,KAAK,aAAC,qCAAsB,OAAE,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,IAAK,IACpE,EACN,wBACI,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,aAAa,EAAC,IAAI,QAAC,OAAO,EAAE,UAAU,GAAI,GAClE,IACJ,KAGR,GACJ,EACN,cAAK,SAAS,EAAC,oCAAoC,YAC/C,KAAC,MAAM,IACH,KAAK,EAAC,UAAU,EAChB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE;wBACL,IAAI,CAAC,IAAI,EAAE;4BACP,QAAQ,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,CAAC,YAAY,EAAE,MAAM,EAAE,cAAc,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC;4BAC5H,OAAO;yBACV;wBACD,aAAa,CAAC,CAAC,CAAC,CAAC;oBACrB,CAAC,EACD,QAAQ,EAAE,CAAC,IAAI,GACjB,GACA,IACJ,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["\nimport { useCallback, useState } from 'react';\nimport { useDropzone } from 'react-dropzone';\nimport { Button } from 'primereact/button'\nimport { useDispatch } from 'react-redux';\nimport { showToast } from '../../../../redux/features/toastSlice';\nimport styles from './SolidImport.module.css'\nimport { DocumentSvg } from './DocumentSvg';\nimport { useCreateImportTransactionMutation } from '../../../../redux/api/importTransactionApi';\nimport { ERROR_MESSAGES } from '../../../../constants/error-messages';\nexport const SolidImportDropzone = ({ setImportStep, setTransactionId, modelMetadataId }: any) => {\n const dispatch = useDispatch();\n\n const [file, setFile] = useState<File \| null>(null);\n const [createImportTransaction, { isLoading }] = useCreateImportTransactionMutation();\n\n\n const uploadFile = async (uploadFile: File) => {\n const formData = new FormData();\n formData.append('fileLocation', uploadFile);\n formData.append('modelMetadataId', modelMetadataId);\n\n try {\n const response = await createImportTransaction(formData).unwrap();\n console.log('Upload success:', response);\n if (response?.statusCode === 200) {\n setFile(uploadFile);\n dispatch(showToast({ severity: \"success\", summary: ERROR_MESSAGES.FILE_UPLOAD, detail: ERROR_MESSAGES.FILE_UPLOAD_SUCCESSFULLY }));\n setTransactionId?.(response?.data?.id);\n } else {\n dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.FAILED, detail: ERROR_MESSAGES.FAILED_UPLOAD_FILE }))\n }\n } catch (error) {\n console.error(ERROR_MESSAGES.FAILED_UPLOAD_FILE, error);\n dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.FAILED, detail: ERROR_MESSAGES.FAILED_UPLOAD_FILE }))\n }\n };\n\n const onDrop = useCallback((acceptedFiles: File[]) => {\n if (acceptedFiles.length > 0) {\n const selectedFile = acceptedFiles[0];\n uploadFile(selectedFile); // 👈 Auto upload on drop\n }\n }, []);\n\n const { getRootProps, getInputProps, open } = useDropzone({\n onDrop,\n accept: {\n 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': ['.xlsx'],\n 'text/csv': ['.csv']\n },\n multiple: false,\n });\n\n const removeFile = () => {\n setFile(null);\n };\n\n const formatBytes = (bytes: number) => {\n const sizes = ['Bytes', 'KB', 'MB', 'GB'];\n if (bytes === 0) return '0 Byte';\n const i = Math.floor(Math.log(bytes) / Math.log(1024));\n return `${(bytes / Math.pow(1024, i)).toFixed(2)} ${sizes[i]}`;\n };\n\n return (\n <div>\n <div className={styles.SolidImportContextWrapper}>\n <div {...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 dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.MISSING_FILE, detail: ERROR_MESSAGES.FAILED_UPLOAD_FILE }));\n return;\n }\n setImportStep(3);\n }}\n disabled={!file}\n />\n </div>\n </div>\n )\n}"]}

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

@@ -1,15 +1,15 @@
-import { useCallback, useRef, useState } from 'react';
+import { useCallback, useState } from 'react';
 import { useDropzone } from 'react-dropzone';
 import { Button } from 'primereact/button'
+import { useDispatch } from 'react-redux';
+import { showToast } from '../../../../redux/features/toastSlice';
 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';
-import showToast from "../../../../helpers/showToast";
 export const SolidImportDropzone = ({ setImportStep, setTransactionId, modelMetadataId }: any) => {
-    const toast = useRef<Toast>(null);
+    const dispatch = useDispatch();
     const [file, setFile] = useState<File | null>(null);
     const [createImportTransaction, { isLoading }] = useCreateImportTransactionMutation();
@@ -25,14 +25,14 @@ export const SolidImportDropzone = ({ setImportStep, setTransactionId, modelMeta
             console.log('Upload success:', response);
             if (response?.statusCode === 200) {
                 setFile(uploadFile);
-                showToast(toast, "success", ERROR_MESSAGES.FILE_UPLOAD, ERROR_MESSAGES.FILE_UPLOAD_SUCCESSFULLY);
+                dispatch(showToast({ severity: "success", summary: ERROR_MESSAGES.FILE_UPLOAD, detail: ERROR_MESSAGES.FILE_UPLOAD_SUCCESSFULLY }));
                 setTransactionId?.(response?.data?.id);
             } else {
-                showToast(toast, "error", ERROR_MESSAGES.FAILED, ERROR_MESSAGES.FAILED_UPLOAD_FILE)
+                dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.FAILED, detail: ERROR_MESSAGES.FAILED_UPLOAD_FILE }))
             }
         } catch (error) {
             console.error(ERROR_MESSAGES.FAILED_UPLOAD_FILE, error);
-            showToast(toast, "error", ERROR_MESSAGES.FAILED, ERROR_MESSAGES.FAILED_UPLOAD_FILE)
+            dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.FAILED, detail: ERROR_MESSAGES.FAILED_UPLOAD_FILE }))
         }
     };
@@ -65,7 +65,6 @@ export const SolidImportDropzone = ({ setImportStep, setTransactionId, modelMeta
     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()} />
@@ -103,7 +102,7 @@ export const SolidImportDropzone = ({ setImportStep, setTransactionId, modelMeta
                     size='small'
                     onClick={() => {
                         if (!file) {
-                            showToast(toast, "error", ERROR_MESSAGES.MISSING_FILE, ERROR_MESSAGES.FAILED_UPLOAD_FILE);
+                            dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.MISSING_FILE, detail: ERROR_MESSAGES.FAILED_UPLOAD_FILE }));
                             return;
                         }
                         setImportStep(3);

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

	@@ -1 +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,~~4CA0LlG~~,CAAA"}
1	+ {"version":3,"file":"SolidImportTransaction.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidGenericImport/SolidImportTransaction.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,sBAAsB,4DAA6D,GAAG,4CAyLlG,CAAA"}

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

@@ -49,16 +49,16 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 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 React, { useEffect, useState } from 'react';
 import { Dropdown } from 'primereact/dropdown';
-import { Toast } from 'primereact/toast';
+import { useDispatch } from 'react-redux';
+import { showToast } from '../../../../redux/features/toastSlice';
 import { ERROR_MESSAGES } from '../../../../constants/error-messages';
-import showToast from "../../../../helpers/showToast";
 export var SolidImportTransaction = function (_a) {
     // 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 dispatch = useDispatch();
     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;
@@ -140,20 +140,20 @@ export var SolidImportTransaction = function (_a) {
                     return [3 /*break*/, 5];
                 case 4:
                     importError_1 = _e.sent();
-                    showToast(toast, "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);
+                    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:
                     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(toast, "error", ERROR_MESSAGES.ERROR, errorMessage);
+                    dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.ERROR, detail: errorMessage }));
                     return [3 /*break*/, 7];
                 case 7: return [2 /*return*/];
             }
         });
     }); };
     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) {
+    return (_jsxs("div", { children: [_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;
                             // {sampleRecords.length > 0 ? (

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidImportTransaction.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidGenericImport/SolidImportTransaction.tsx"],"names":[],"mappings":"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","sourcesContent":["\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';\nimport showToast from \"../../../../helpers/showToast\";\nexport const SolidImportTransaction = ({ setImportStatusResult, transactionId, setImportStep }: any) => {\n // console.log(\"get transaction id\", transactionId);\n\n const toast = useRef<Toast>(null);\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(toast, \"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(toast, \"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}"]}
1	+ {"version":3,"file":"SolidImportTransaction.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidGenericImport/SolidImportTransaction.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { Button } from 'primereact/button'\nimport styles from './SolidImport.module.css'\nimport { useCreateImportSyncMutation, useLazyGetImportMappingInfoQuery, usePatchUpdateImportTransactionMutation } from '../../../../redux/api/importTransactionApi';\nimport React, { useEffect, useState } from 'react';\nimport { Dropdown } from 'primereact/dropdown';\nimport { useDispatch } from 'react-redux';\nimport { showToast } from '../../../../redux/features/toastSlice';\nimport { ERROR_MESSAGES } from '../../../../constants/error-messages';\nexport const SolidImportTransaction = ({ setImportStatusResult, transactionId, setImportStep }: any) => {\n // console.log(\"get transaction id\", transactionId);\n\n const dispatch = useDispatch();\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 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\n return (\n <div>\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 CHANGED Viewed

@@ -2,15 +2,15 @@
 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 React, { useEffect, useState } from 'react';
 import { Dropdown } from 'primereact/dropdown';
-import { Toast } from 'primereact/toast';
+import { useDispatch } from 'react-redux';
+import { showToast } from '../../../../redux/features/toastSlice';
 import { ERROR_MESSAGES } from '../../../../constants/error-messages';
-import showToast from "../../../../helpers/showToast";
 export const SolidImportTransaction = ({ setImportStatusResult, transactionId, setImportStep }: any) => {
     // console.log("get transaction id", transactionId);
-    const toast = useRef<Toast>(null);
+    const dispatch = useDispatch();
     const [trigger, { data: mappingInfo, isLoading, isError }] = useLazyGetImportMappingInfoQuery();
     const [patchUpdateImportTransaction] = usePatchUpdateImportTransactionMutation();
     const [createImportSync, { isLoading: isImporting }] = useCreateImportSyncMutation();
@@ -86,14 +86,14 @@ export const SolidImportTransaction = ({ setImportStatusResult, transactionId, s
                         setImportStep(4);
                     }
                 } catch (importError: any) {
-                    showToast(toast, "error", ERROR_MESSAGES.IMPORT_ERROR, importError?.data?.error);
+                    dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.IMPORT_ERROR, detail: importError?.data?.error }));
                 }
                 // Async
             }
         } catch (error: any) {
             const errorMessage = error?.data?.error || ERROR_MESSAGES.SOMETHING_WRONG;
-            showToast(toast, "error", ERROR_MESSAGES.ERROR, errorMessage);
+            dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.ERROR, detail: errorMessage }));
         }
     };
@@ -101,7 +101,6 @@ export const SolidImportTransaction = ({ setImportStatusResult, transactionId, s
     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}`}>

package/dist/components/core/common/SolidGlobalSearchElement.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidGlobalSearchElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/SolidGlobalSearchElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuE,MAAM,OAAO,CAAC;AAgB5F,OAA0B,EAAE,eAAe,EAAE,YAAY,EAAsB,MAAM,qBAAqB,CAAC;AAa3G,MAAM,MAAM,eAAe,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACrB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,sBAAsB,EAAE,MAAM,CAAC;CAClC,CAAA;AA2TD,eAAO,MAAM,2BAA2B,sBAAuB,GAAG,aAAa,GAAG,yBAAyB,MAAM,iBAAiB,MAAM,QAavI,CAAA;AAGD,eAAO,MAAM,mBAAmB,iBAAkB,GAAG,gBAAgB,GAAG,eAAe,GAAG,qBAAqB,GAAG,kBAAkB,YAAY,EAAE,qBAAqB,eAAe,EAAE,QAwBvL,CAAA;AAqHD,eAAO,MAAM,wBAAwB,~~kFA+sCnC~~,CAAC"}
1	+ {"version":3,"file":"SolidGlobalSearchElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/SolidGlobalSearchElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuE,MAAM,OAAO,CAAC;AAgB5F,OAA0B,EAAE,eAAe,EAAE,YAAY,EAAsB,MAAM,qBAAqB,CAAC;AAa3G,MAAM,MAAM,eAAe,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACrB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,sBAAsB,EAAE,MAAM,CAAC;CAClC,CAAA;AA2TD,eAAO,MAAM,2BAA2B,sBAAuB,GAAG,aAAa,GAAG,yBAAyB,MAAM,iBAAiB,MAAM,QAavI,CAAA;AAGD,eAAO,MAAM,mBAAmB,iBAAkB,GAAG,gBAAgB,GAAG,eAAe,GAAG,qBAAqB,GAAG,kBAAkB,YAAY,EAAE,qBAAqB,eAAe,EAAE,QAwBvL,CAAA;AAqHD,eAAO,MAAM,wBAAwB,kFAswCnC,CAAC"}