@visns-studio/visns-components 3.3.2 → 3.3.4

package/components/crm/DataGrid.jsx

@@ -669,7 +669,7 @@ const DataGrid = forwardRef(
                     {(form.create &&
                         form.create.title &&
                         form.create.title !== '') ||
-                    (form.url && form.create.title) ? (
+                    (form.url && form.create?.title) ? (
                         <button
                             className="btn"
                             onClick={(e) => {
@@ -694,6 +694,21 @@ const DataGrid = forwardRef(
                         >
                             <div className="icon-plus"></div> Create
                         </button>
+                    ) : form.url ? (
+                        <button
+                            className="btn"
+                            onClick={(e) => {
+                                e.preventDefault();
+
+                                window.open(
+                                    form.url,
+                                    '',
+                                    'width=1440,height=1024,menubar=1,resizable=1,status=1,titlebar=1,toolbar=1'
+                                );
+                            }}
+                        >
+                            <div className="icon-plus"></div> Create
+                        </button>
                     ) : null}
                 </div>
             );

package/components/crm/auth/Profile.jsx

@@ -26,6 +26,7 @@ const Profile = ({ userProfile, setUserProfile }) => {
     ]);
 
     useEffect(() => {
+        console.info(userProfile);
         setProfile({
             name: userProfile.name,
             email: userProfile.email,
@@ -73,7 +74,7 @@ const Profile = ({ userProfile, setUserProfile }) => {
                     payload
                 );
 
-                setUserProfile(res.data.user);
+                setUserProfile(res.data.data);
                 toast.success('Your profile has been successfully updated.');
             }
         } catch (err) {

package/components/crm/generic/GenericAuth.jsx

@@ -19,7 +19,7 @@ import Reset from '../auth/Reset';
 import Verify from '../auth/Verify';
 
 const ProtectedRoute = ({ user, loading, redirectPath = '/login' }) => {
-    return loading ? null : !user.id ? (
+    return loading ? null : !user || !user.id ? (
         <Navigate to={redirectPath} replace />
     ) : (
         <Outlet />

package/components/crm/generic/GenericDetail.jsx

@@ -20,7 +20,7 @@ import Table from '../DataGrid';
 import TableFilter from '../TableFilter';
 import { toast } from 'react-toastify';
 
-function GenericDetail({ setting, urlParam, userProfile }) {
+function GenericDetail({ extraUrlParam, setting, urlParam, userProfile }) {
     const routeParams = useParams();
 
     const { filters, page, stages, tabs } = setting;

package/components/crm/generic/GenericMain.jsx

@@ -15,18 +15,37 @@ const GenericMain = ({
 }) => {
     const [incomingCallData, setIncomingCallData] = useState({});
 
+    // Function to extract route parameters
+    const extractRouteParams = (path) => {
+        const params = path.match(/:\w+/g) || [];
+        return params.map((param) => param.substring(1));
+    };
+
     // Recursive function to render routes
     const renderRoutes = (routes) => {
         return routes.map((route, index) => {
-            let element;
+            let elementProps = {
+                userProfile: userProfile,
+                setUserProfile: setUserProfile,
+            };
+
+            const routeParams = extractRouteParams(route.path);
+            const extraParams = routeParams.filter(
+                (param) => param !== 'dataId'
+            );
 
-            if (route.element) {
-                element = React.cloneElement(route.element, {
-                    userProfile: userProfile,
-                    setUserProfile: setUserProfile,
-                });
+            if (routeParams.includes('dataId')) {
+                elementProps.urlParam = 'dataId';
             }
 
+            if (extraParams.length > 0) {
+                elementProps.extraUrlParam = extraParams;
+            }
+
+            let element = route.element
+                ? React.cloneElement(route.element, elementProps)
+                : null;
+
             if (route.children && route.children.length > 0) {
                 // If the route has children, render them recursively
                 return (

package/package.json

@@ -49,7 +49,7 @@
         "react-dom": "^17.0.1"
     },
     "name": "@visns-studio/visns-components",
-    "version": "3.3.2",
+    "version": "3.3.4",
     "description": "Various packages to assist in the development of our Custom Applications.",
     "main": "index.js",
     "scripts": {