robobyte-front-builder 1.0.19 → 1.0.21

package/src/layouts/components/UserDropdown.js

@@ -1,217 +0,0 @@
-// ** React Imports
-import {useState, Fragment, useEffect} from 'react'
-
-// ** Next Import
-import { useRouter } from 'next/router'
-
-// ** MUI Imports
-import {
-  Dialog,
-  Box,
-  Menu,
-  Badge,
-  Avatar,
-  Divider,
-  MenuItem,
-  Typography
-} from '@mui/material';
-import { styled } from '@mui/material/styles'
-// ** Icons Imports
-import LogoutVariant from 'mdi-material-ui/LogoutVariant'
-import AccountOutline from 'mdi-material-ui/AccountOutline'
-
-// ** Context
-import { useAuth } from 'src/hooks/useAuth'
-import { LockOff, LockOpen } from 'mdi-material-ui'
-import handleChange from 'src/services/helper/handleChange'
-import ResetPasswordDialog from '../../views/users/ResetPasswordDialog'
-// ** Styled Components
-const BadgeContentSpan = styled('span')(({ theme }) => ({
-  width: 8,
-  height: 8,
-  borderRadius: '50%',
-  backgroundColor: theme.palette.success.main,
-  boxShadow: `0 0 0 2px ${theme.palette.background.paper}`
-}))
-
-const UserDropdown = props => {
-  // ** Props
-  const { settings } = props
-
-  // ** States
-  const [anchorEl, setAnchorEl] = useState(null)
-  const [openDialogs, setOpenDialogs] = useState({
-    resetPassword: false,
-  })
-  // ** Hooks
-  const router = useRouter()
-  const { logout, user } = useAuth()
-
-  useEffect(() => {
-  console.log(user)
-  }, []);
-  // ** Vars
-  const { direction } = settings
-
-  const handleDropdownOpen = event => {
-    setAnchorEl(event.currentTarget)
-  }
-  const handleToggleDialogs = dialog => {
-    handleChange(setOpenDialogs, dialog, !openDialogs[dialog])
-  }
-  const handleDropdownClose = url => {
-    if (url) {
-      router.push(url)
-    }
-    setAnchorEl(null)
-  }
-  const handleLogout = () => {
-    logout()
-    handleDropdownClose()
-  }
-  const styles = {
-    py: 2,
-    px: 4,
-    width: '100%',
-    display: 'flex',
-    alignItems: 'center',
-    color: 'text.primary',
-    textDecoration: 'none',
-    '& svg': {
-      fontSize: '1.375rem',
-      color: 'text.secondary'
-    }
-  }
-  return (
-    <Fragment>
-      <Badge
-        overlap='circular'
-        onClick={handleDropdownOpen}
-        sx={{ ml: 2, cursor: 'pointer' }}
-        badgeContent={<BadgeContentSpan />}
-        anchorOrigin={{
-          vertical: 'bottom',
-          horizontal: 'right'
-        }}
-      >
-        <Avatar
-          alt={user.displayName}
-          onClick={handleDropdownOpen}
-          sx={{ width: 40, height: 40 }}
-          src='/images/avatars/1.png'
-        />
-      </Badge>
-
-
-      <Menu
-        anchorEl={anchorEl}
-        open={Boolean(anchorEl)}
-        onClose={() => handleDropdownClose()}
-        sx={{ '& .MuiMenu-paper': { width: 230, marginTop: 4 } }}
-        anchorOrigin={{
-          vertical: 'bottom',
-          horizontal: direction === 'ltr' ? 'right' : 'left'
-        }}
-        transformOrigin={{
-          vertical: 'top',
-          horizontal: direction === 'ltr' ? 'right' : 'left'
-        }}
-      >
-        <Box sx={{ pt: 2, pb: 3, px: 4 }}>
-          <Box sx={{ display: 'flex', alignItems: 'center' }}>
-            <Badge
-              overlap='circular'
-              badgeContent={<BadgeContentSpan />}
-              anchorOrigin={{
-                vertical: 'bottom',
-                horizontal: 'right'
-              }}
-            >
-              <Avatar alt='John Doe' src='/images/avatars/1.png' sx={{ width: '2.5rem', height: '2.5rem' }} />
-            </Badge>
-            <Box
-              sx={{
-                display: 'flex',
-                marginLeft: 3,
-                alignItems: 'flex-start',
-                flexDirection: 'column'
-              }}
-            >
-              <Typography sx={{ fontWeight: 600 }}>{user?.contact?.name}</Typography>
-              <Typography variant='body2' sx={{ fontSize: '0.8rem', color: 'text.disabled' }}>
-                {user.roles[0]}
-              </Typography>
-            </Box>
-          </Box>
-        </Box>
-        <Divider sx={{ mt: 0, mb: 1 }} />
-        <MenuItem sx={{ p: 0 }} onClick={() => {
-          handleToggleDialogs('resetPassword')
-          handleDropdownClose()
-        }}>
-          <Box sx={styles}>
-            <LockOpen sx={{ marginRight: 2 }} />
-            تغيير كلمة المرور
-          </Box>
-        </MenuItem>
-        {/* <MenuItem sx={{ p: 0 }} onClick={() => handleDropdownClose()}>
-          <Box sx={styles}>
-            <EmailOutline sx={{ marginRight: 2 }} />
-            Inbox
-          </Box>
-        </MenuItem>
-        <MenuItem sx={{ p: 0 }} onClick={() => handleDropdownClose()}>
-          <Box sx={styles}>
-            <MessageOutline sx={{ marginRight: 2 }} />
-            Chat
-          </Box>
-        </MenuItem>
-        <Divider />
-        <MenuItem sx={{ p: 0 }} onClick={() => handleDropdownClose()}>
-          <Box sx={styles}>
-            <CogOutline sx={{ marginRight: 2 }} />
-            Settings
-          </Box>
-        </MenuItem>
-        <MenuItem sx={{ p: 0 }} onClick={() => handleDropdownClose()}>
-          <Box sx={styles}>
-            <CurrencyUsd sx={{ marginRight: 2 }} />
-            Pricing
-          </Box>
-        </MenuItem>
-        <MenuItem sx={{ p: 0 }} onClick={() => handleDropdownClose()}>
-          <Box sx={styles}>
-            <HelpCircleOutline sx={{ marginRight: 2 }} />
-            FAQ
-          </Box>
-        </MenuItem> */}
-        <Divider />
-        <MenuItem sx={{ py: 2 }} onClick={handleLogout}>
-          <LogoutVariant
-            sx={{
-              marginRight: 2,
-              fontSize: '1.375rem',
-              color: 'text.secondary'
-            }}
-          />
-          Logout
-        </MenuItem>
-      </Menu>
-      <Dialog
-        fullWidth
-        open={openDialogs.resetPassword}
-        maxWidth='md'
-        scroll='body'
-        onClose={() => handleToggleDialogs('resetPassword')}
-      >
-        <ResetPasswordDialog
-          handleToggleDialogs={handleToggleDialogs}
-          userId={user.id}
-          currentUser={true}
-        />
-      </Dialog>
-    </Fragment>
-  )
-}
-
-export default UserDropdown

package/src/layouts/components/UserIcon.js

@@ -1,40 +0,0 @@
-const UserIcon = props => {
-  // ** Props
-  const { icon, iconProps, componentType } = props;
-
-  // Return null if no valid componentType
-  if (!componentType) return null;
-
-  const IconTag = icon;
-
-  // Return null if no valid icon provided
-  if (!IconTag) return null;
-
-  let styles;
-  if (componentType === 'search') {
-    // Conditional Props based on component type
-    /* styles = {
-          color: 'blue',
-          fontSize: '2rem'
-        } */
-  } else if (componentType === 'vertical-menu') {
-    // Conditional Props based on component type
-    /* styles = {
-          color: 'red',
-          fontSize: '1.5rem'
-        } */
-  } else if (componentType === 'horizontal-menu') {
-    // Conditional Props based on component type
-    /* styles = {
-          color: 'green',
-          fontSize: '1rem'
-        } */
-  } else {
-    return null;
-  }
-
-  // @ts-ignore
-  return <IconTag {...iconProps} style={{ ...styles }} />;
-};
-
-export default UserIcon;

package/src/layouts/components/acl/Can.js

@@ -1,6 +0,0 @@
-import { createContext } from 'react'
-import { createContextualCan } from '@casl/react'
-
-export const AbilityContext = createContext(undefined)
-
-export default createContextualCan(AbilityContext.Consumer)

package/src/layouts/components/acl/CanViewNavGroup.js

@@ -1,36 +0,0 @@
-// ** React Imports
-import { useContext } from 'react'
-
-// ** Component Imports
-import { AbilityContext } from 'src/layouts/components/acl/Can'
-
-const CanViewNavGroup = props => {
-  // ** Props
-  const { children, navGroup } = props
-
-  // ** Hook
-  const ability = useContext(AbilityContext)
-
-  const checkForVisibleChild = arr => {
-    return arr.some(i => {
-      if (i.children) {
-        return checkForVisibleChild(i.children)
-      } else {
-        return ability?.can(i.action, i.subject)
-      }
-    })
-  }
-
-  const canViewMenuGroup = item => {
-    const hasAnyVisibleChild = item.children && checkForVisibleChild(item.children)
-    if (!(item.action && item.subject)) {
-      return hasAnyVisibleChild
-    }
-
-    return ability && ability.can(item.action, item.subject) && hasAnyVisibleChild
-  }
-
-  return navGroup && canViewMenuGroup(navGroup) ? <>{children}</> : null
-}
-
-export default CanViewNavGroup

package/src/layouts/components/acl/CanViewNavLink.js

@@ -1,17 +0,0 @@
-// ** React Imports
-import { useContext } from 'react'
-
-// ** Component Imports
-import { AbilityContext } from 'src/layouts/components/acl/Can'
-
-const CanViewNavLink = props => {
-  // ** Props
-  const { children, navLink } = props
-
-  // ** Hook
-  const ability = useContext(AbilityContext)
-
-  return ability && ability.can(navLink?.action, navLink?.subject) ? <>{children}</> : null
-}
-
-export default CanViewNavLink

package/src/layouts/components/acl/CanViewNavSectionTitle.js

@@ -1,17 +0,0 @@
-// ** React Imports
-import { useContext } from 'react'
-
-// ** Component Imports
-import { AbilityContext } from 'src/layouts/components/acl/Can'
-
-const CanViewNavSectionTitle = props => {
-  // ** Props
-  const { children, navTitle } = props
-
-  // ** Hook
-  const ability = useContext(AbilityContext)
-
-  return ability && ability.can(navTitle?.action, navTitle?.subject) ? <>{children}</> : null
-}
-
-export default CanViewNavSectionTitle

package/src/layouts/components/horizontal/AppBarContent.js

@@ -1,39 +0,0 @@
-// ** MUI Imports
-import Box from '@mui/material/Box'
-
-// ** Components
-import ModeToggler from 'src/@core/layouts/components/shared-components/ModeToggler'
-import UserDropdown from 'src/layouts/components/UserDropdown'
-import Navigation from "src/@core/layouts/components/horizontal/navigation";
-import Toolbar from "@mui/material/Toolbar";
-
-const AppBarContent = props => {
-  // ** Props
-  const { hidden,
-    children,
-    settings,
-    scrollToTop,
-    saveSettings,
-    horizontalNavMenuContent: userHorizontalNavMenuContent } = props
-  const { skin, appBar, navHidden, appBarBlur, contentWidth } = settings
-  return (
-    <Box sx={{ display: 'flex', alignItems: 'center' }}>
-      {/*<ModeToggler settings={settings} saveSettings={saveSettings} />*/}
-        <Box className='layout-horizontal-nav' sx={{ width: '100%' }}>
-          <Toolbar
-            className='horizontal-nav-content-container'
-            sx={{
-              mx: 'auto',
-              ...(contentWidth === 'boxed' && { '@media (min-width:1440px)': { maxWidth: 1440 } }),
-              minHeight: theme => `${theme.mixins.toolbar.minHeight - (skin === 'bordered' ? 1 : 0)}px !important`
-            }}
-          >
-            {(userHorizontalNavMenuContent && userHorizontalNavMenuContent(props)) || <Navigation {...props} />}
-          </Toolbar>
-        </Box>
-      <UserDropdown settings={settings} />
-    </Box>
-  )
-}
-
-export default AppBarContent

package/src/layouts/components/horizontal/ServerSideNavItems.js

@@ -1,44 +0,0 @@
-// ** React Imports
-import { useEffect, useState } from 'react'
-
-// ** Import All Icons
-import * as Icons from 'mdi-material-ui'
-
-// ** Axios Import
-import axios from 'axios'
-
-const ServerSideNavItems = () => {
-  // ** State
-  const [menuItems, setMenuItems] = useState([])
-  useEffect(() => {
-    axios.get('/api/horizontal-nav/data').then(response => {
-      const menuArray = response.data
-
-      /**
-       *  Replace the icon string with the component
-       *  If you don't want to import the whole icon library
-       *  you can create a static object and replace the icons using that object
-       */
-      const finalMenuArray = items => {
-        return items.map(item => {
-          if (item.icon) {
-            // @ts-ignore
-            item.icon = Icons[item.icon]
-            if (item.children) {
-              finalMenuArray(item.children)
-            }
-
-            return item
-          }
-
-          return item
-        })
-      }
-      setMenuItems(finalMenuArray(menuArray))
-    })
-  }, [])
-
-  return menuItems
-}
-
-export default ServerSideNavItems

package/src/layouts/components/mui/StepperComps.js

@@ -1,55 +0,0 @@
-import { Icon, StepConnector, stepConnectorClasses, styled } from '@mui/material'
-
-export const ColorlibConnector = styled(StepConnector)(({ theme }) => ({
-  [`&.${stepConnectorClasses.alternativeLabel}`]: {
-    top: 14
-  },
-  [`&.${stepConnectorClasses.active}`]: {
-    [`& .${stepConnectorClasses.line}`]: {
-      backgroundImage: 'linear-gradient( 95deg,rgb(242,113,33) 0%,rgb(233,64,87) 50%,rgb(138,35,135) 100%)'
-    }
-  },
-  [`&.${stepConnectorClasses.completed}`]: {
-    [`& .${stepConnectorClasses.line}`]: {
-      backgroundImage: 'linear-gradient( 95deg,rgb(242,113,33) 0%,rgb(233,64,87) 50%,rgb(138,35,135) 100%)'
-    }
-  },
-  [`& .${stepConnectorClasses.line}`]: {
-    height: 3,
-    border: 0,
-    backgroundColor: theme.palette.mode === 'dark' ? theme.palette.grey[800] : '#eaeaf0',
-    borderRadius: 1
-  }
-}))
-
-export const ColorlibStepIconRoot = styled('div')(({ theme, ownerState, borderColor }) => ({
-  backgroundColor: theme.palette.mode === 'dark' ? theme.palette.grey[700] : '#ccc',
-  zIndex: 1,
-  color: '#fff',
-  width: 30,
-  height: 30,
-  display: 'flex',
-  borderRadius: '50%',
-  justifyContent: 'center',
-  alignItems: 'center',
-  ...(ownerState.active && {
-    backgroundImage: 'linear-gradient( 136deg, rgb(242,113,33) 0%, rgb(233,64,87) 50%, rgb(138,35,135) 100%)',
-    boxShadow: '0 4px 10px 0 rgba(0,0,0,.25)',
-    border: 'solid 4px',
-    borderColor: borderColor
-  }),
-  ...(ownerState.completed && {
-    backgroundImage: 'linear-gradient( 136deg, rgb(242,113,33) 0%, rgb(233,64,87) 50%, rgb(138,35,135) 100%)'
-  })
-}))
-
-export function ColorlibStepIcon(props, icon, borderColor) {
-  const { active, completed, className } = props
-  const icons = <Icon sx={{ fontSize: '16px !important' }}>{icon}</Icon>
-
-  return (
-    <ColorlibStepIconRoot ownerState={{ completed, active }} className={className} borderColor={borderColor}>
-      {icons}
-    </ColorlibStepIconRoot>
-  )
-}

package/src/layouts/components/vertical/AppBarContent.js

@@ -1,35 +0,0 @@
-// ** MUI Imports
-import Box from '@mui/material/Box'
-import IconButton from '@mui/material/IconButton'
-
-// ** Icons Imports
-import MenuIcon from 'mdi-material-ui/Menu'
-
-// ** Components
-import ModeToggler from 'src/@core/layouts/components/shared-components/ModeToggler'
-import UserDropdown from 'src/layouts/components/UserDropdown'
-
-const AppBarContent = props => {
-  // ** Props
-  const { hidden, settings, saveSettings, toggleNavVisibility } = props
-
-  return (
-    <Box sx={{ width: '100%', display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
-      <Box className='actions-left' sx={{ mr: 2, display: 'flex', alignItems: 'center' }}>
-        {hidden ? (
-          <IconButton color='inherit' sx={{ ml: -2.75 }} onClick={toggleNavVisibility}>
-            <MenuIcon />
-          </IconButton>
-        ) : null}
-
-        <ModeToggler settings={settings} saveSettings={saveSettings} />
-        {/* <UserLanguageDropdown settings={settings} saveSettings={saveSettings} /> */}
-      </Box>
-      <Box className='actions-right' sx={{ display: 'flex', alignItems: 'center' }}>
-        <UserDropdown settings={settings} />
-      </Box>
-    </Box>
-  )
-}
-
-export default AppBarContent

package/src/layouts/components/vertical/ServerSideNavItems.js

@@ -1,44 +0,0 @@
-// ** React Imports
-import { useEffect, useState } from 'react'
-
-// ** Import All Icons
-import * as Icons from 'mdi-material-ui'
-
-// ** Axios Import
-import axios from 'axios'
-
-const ServerSideNavItems = () => {
-  // ** State
-  const [menuItems, setMenuItems] = useState([])
-  useEffect(() => {
-    axios.get('/api/vertical-nav/data').then(response => {
-      const menuArray = response.data
-
-      /**
-       *  Replace the icon string with the component
-       *  If you don't want to import the whole icon library
-       *  you can create a static object and replace the icons using that object
-       */
-      const finalMenuArray = items => {
-        return items.map(item => {
-          if (item.icon) {
-            // @ts-ignore
-            item.icon = Icons[item.icon]
-            if (item.children) {
-              finalMenuArray(item.children)
-            }
-
-            return item
-          }
-
-          return item
-        })
-      }
-      setMenuItems(finalMenuArray(menuArray))
-    })
-  }, [])
-
-  return menuItems
-}
-
-export default ServerSideNavItems

package/src/libs/ApexCharts.jsx

@@ -1,5 +0,0 @@
-import dynamic from 'next/dynamic'
-
-const Chart = dynamic(() => import('react-apexcharts'), { ssr: false })
-
-export default Chart

package/src/libs/ReactPlayer.jsx

@@ -1,5 +0,0 @@
-import dynamic from 'next/dynamic'
-
-const ReactPlayer = dynamic(() => import('react-player'), { ssr: false })
-
-export default ReactPlayer

package/src/libs/Recharts.jsx

@@ -1,4 +0,0 @@
-'use client'
-
-// Third-party imports
-export * from 'recharts'