robobyte-front-builder 1.0.17 → 1.0.21

package/src/views/builder/viewer/renderers/TableRenderer.jsx

@@ -1,92 +0,0 @@
-import { Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Paper } from '@mui/material'
-import ViewerComponentWrapper from '../ViewerComponentWrapper'
-import ComponentRenderer from '../ComponentRenderer'
-import DropZone from '../DropZone'
-import { resolveProps } from 'services/builderHelper/resolveProps'
-import { createNode } from 'services/builderHelper/nodeFactory'
-import { insertIntoTreeAtIndex, moveNodeInTree } from 'services/builderHelper/tree'
-
-export default function TableRenderer({ node, viewerContext }) {
-  const { data, form, isEditMode, builderContext } = viewerContext
-  const main = resolveProps(node, 'main', { form, data })
-
-  const handleDropAtIndex = index => e => {
-    if (!isEditMode || !builderContext) return
-    e.preventDefault()
-    e.stopPropagation()
-
-    try {
-      const nodeId = e.dataTransfer.getData('application/builder-node-id')
-      if (nodeId) {
-        builderContext.setSchema(prev => ({
-          ...prev,
-          root: moveNodeInTree(prev.root, nodeId, node.id, index)
-        }))
-        builderContext.setSelectedId(nodeId)
-        builderContext.setDraggingNodeId(null)
-        return
-      }
-
-      const componentData = e.dataTransfer.getData('application/builder-component')
-      if (componentData) {
-        const component = JSON.parse(componentData)
-        const newNode = createNode(component.type)
-        builderContext.setSchema(prev => ({
-          ...prev,
-          root: insertIntoTreeAtIndex(prev.root, node.id, newNode, index)
-        }))
-        builderContext.setSelectedId(newNode.id)
-        builderContext.setDraggingNodeId(null)
-      }
-    } catch (err) {
-      builderContext.setDraggingNodeId(null)
-      console.error(err)
-    }
-  }
-
-  // Separate header-cells and other children (rows or regular cells)
-  const headerCells = node.children?.filter(child => child.type === 'header-cell') || []
-  const otherChildren = node.children?.filter(child => child.type !== 'header-cell') || []
-
-  return (
-    <ViewerComponentWrapper node={node} viewerContext={viewerContext}>
-      <TableContainer component={Paper} variant="outlined">
-        <Table size={main.size || 'medium'}>
-          <TableHead>
-            <TableRow>
-              {headerCells.map((child, index) => (
-                <TableCell key={child.id} padding="none">
-                  {isEditMode && <DropZone onDrop={handleDropAtIndex(index)} isEditMode={isEditMode} />}
-                  <ComponentRenderer node={child} viewerContext={viewerContext} />
-                </TableCell>
-              ))}
-              {isEditMode && headerCells.length === 0 && (
-                <TableCell>
-                   <DropZone onDrop={handleDropAtIndex(0)} isEditMode={isEditMode} />
-                </TableCell>
-              )}
-            </TableRow>
-          </TableHead>
-          <TableBody>
-            {/* Very basic implementation: just renders other children in a single row for now,
-                or we can assume they are 'cells' and wrap them.
-                Formengine tables are more complex, but this is a start. */}
-             <TableRow>
-               {otherChildren.map((child, index) => (
-                 <TableCell key={child.id} padding="none">
-                   {isEditMode && <DropZone onDrop={handleDropAtIndex(headerCells.length + index)} isEditMode={isEditMode} />}
-                   <ComponentRenderer node={child} viewerContext={viewerContext} />
-                 </TableCell>
-               ))}
-               {isEditMode && otherChildren.length === 0 && (
-                 <TableCell>
-                    <DropZone onDrop={handleDropAtIndex(headerCells.length)} isEditMode={isEditMode} />
-                 </TableCell>
-               )}
-             </TableRow>
-          </TableBody>
-        </Table>
-      </TableContainer>
-    </ViewerComponentWrapper>
-  )
-}

package/src/views/pages/auth/FooterIllustrationsV2.js

@@ -1,40 +0,0 @@
-// ** React Imports
-import { Fragment } from 'react'
-
-// ** MUI Components
-import useMediaQuery from '@mui/material/useMediaQuery'
-import { styled, useTheme } from '@mui/material/styles'
-
-// Styled Components
-const MaskImg = styled('img')(({ theme }) => ({
-  zIndex: -1,
-  bottom: '7%',
-  width: '100%',
-  position: 'absolute',
-  [theme.breakpoints.down('lg')]: {
-    bottom: '17.5%'
-  }
-}))
-
-const FooterIllustrationsV2 = props => {
-  // ** Props
-  const { image } = props
-
-  // ** Hook
-  const theme = useTheme()
-
-  // ** Vars
-  const hidden = useMediaQuery(theme.breakpoints.down('md'))
-  const src = image || `/images/pages/auth-v2-login-mask-${theme.palette.mode}.png`
-  if (!hidden) {
-    return (
-      <Fragment>
-        <MaskImg alt='mask' src={src} />
-      </Fragment>
-    )
-  } else {
-    return null
-  }
-}
-
-export default FooterIllustrationsV2

package/src/views/pages/misc/FooterIllustrations.js

@@ -1,47 +0,0 @@
-// ** React Imports
-import { Fragment } from 'react'
-
-// ** MUI Components
-import useMediaQuery from '@mui/material/useMediaQuery'
-import { styled, useTheme } from '@mui/material/styles'
-
-// Styled Components
-const MaskImg = styled('img')(() => ({
-  bottom: 0,
-  zIndex: -1,
-  width: '100%',
-  position: 'absolute'
-}))
-
-const ShapeImg = styled('img')(({ theme }) => ({
-  left: '15%',
-  bottom: '12%',
-  position: 'absolute',
-  [theme.breakpoints.down('lg')]: {
-    bottom: '7%'
-  }
-}))
-
-const FooterIllustrations = props => {
-  // ** Props
-  const { image } = props
-
-  // ** Hook
-  const theme = useTheme()
-
-  // ** Vars
-  const hidden = useMediaQuery(theme.breakpoints.down('md'))
-  const src = image || '/images/pages/misc-coming-soon-object.png'
-  if (!hidden) {
-    return (
-      <Fragment>
-        <ShapeImg alt='shape' src={src} />
-        <MaskImg alt='mask' src={`/images/pages/misc-mask-${theme.palette.mode}.png`} />
-      </Fragment>
-    )
-  } else {
-    return null
-  }
-}
-
-export default FooterIllustrations

package/src/views/pages/misc/muiTable/CustomPagination.js

@@ -1,34 +0,0 @@
-import * as React from 'react'
-import Box from '@mui/material/Box'
-import {
-  gridPageCountSelector,
-  GridPagination,
-  gridPaginationModelSelector,
-  useGridApiContext,
-  useGridSelector
-} from '@mui/x-data-grid'
-import MuiPagination from '@mui/material/Pagination'
-import { Grid } from '@mui/material'
-
-function Pagination({ page, onPageChange, className }) {
-  const apiRef = useGridApiContext()
-  const paginationModel = useGridSelector(apiRef, gridPaginationModelSelector)
-
-  return (
-    <MuiPagination
-      variant='outlined'
-      shape='rounded'
-      color='primary'
-      className={className}
-      count={Math.ceil(apiRef.current.getRowsCount() / paginationModel.pageSize)}
-      page={page + 1}
-      onChange={(event, newPage) => {
-        onPageChange(event, newPage - 1)
-      }}
-    />
-  )
-}
-
-export default function CustomPagination(props) {
-  return <GridPagination ActionsComponent={Pagination} {...props} />
-}

package/src/views/pages/users/UserManageDialog.js

@@ -1,283 +0,0 @@
-// ** React Imports
-import { useEffect, useState } from 'react'
-
-// ** MUI Imports
-import Select from '@mui/material/Select'
-import Button from '@mui/material/Button'
-import MenuItem from '@mui/material/MenuItem'
-import TextField from '@mui/material/TextField'
-import InputLabel from '@mui/material/InputLabel'
-import Typography from '@mui/material/Typography'
-import Box from '@mui/material/Box'
-import FormControl from '@mui/material/FormControl'
-import FormHelperText from '@mui/material/FormHelperText'
-
-// ** Third Party Imports
-import * as yup from 'yup'
-import { setLocale } from 'yup'
-
-import { yupResolver } from '@hookform/resolvers/yup'
-import { useForm, Controller } from 'react-hook-form'
-
-// ** Icons Imports
-import Close from 'mdi-material-ui/Close'
-
-// ** Store Imports
-import {
-  CircularProgress,
-  DialogActions,
-  DialogContent,
-  DialogTitle,
-  FormControlLabel,
-  Grid,
-  IconButton,
-  Switch
-} from '@mui/material'
-import handleChange from 'src/services/helper/handleChange'
-import { Endpoints, Services } from 'src/services/Endpoints'
-
-// ** Actions Imports
-
-const UserManageDialog = props => {
-  const { setShowDialog, dealerId, userRole } = props
-  const [isSubmitting, setIsSubmitting] = useState(false)
-  const [classifications, setClassifications] = useState([])
-  const [modUser, setModUser] = useState({
-    displayName: '',
-    userName: '',
-    phone: '',
-    userRole: 'POS',
-    email: `Test@GBSimSystem.com`,
-    dealerId: dealerId,
-    userClassId: 0
-  })
-
-  const schema = yup.object().shape({
-    userName: yup.string().notOneOf([' ']).required(),
-    displayName: yup.string().required(),
-    phone: yup.string().length(11).required(),
-    userRole: yup.mixed().required().default(modUser.userRole),
-    password: yup.string().min(6).required(),
-    userClassId: yup.number().when('userRole', {
-      is: x => x == 'POS',
-      then: yup.number().moreThan(0, 'يرجى اختيار الصنف')
-    }),
-    confirmPassword: yup
-      .string()
-      .required()
-      .oneOf([yup.ref('password')], 'كلمة المرور غير متطابقة')
-  })
-  function handleUserChange(field, value) {
-
-
-    handleChange(setModUser, field, value)
-  }
-  const {
-    register,
-    handleSubmit,
-    formState: { errors }
-  } = useForm({
-    defaultValues: { userClassId: 0 },
-    mode: 'onBlur',
-    reValidateMode: 'onBlur',
-    resolver: yupResolver(schema)
-  })
-  async function handleSave() {
-    try {
-      setIsSubmitting(true)
-
-      let data = {
-        ...modUser,
-        dealerId: dealerId,
-        userClassId: modUser.userClassId == 0 ? null : modUser.userClassId,
-        email: `${modUser.userName}@GBSimSystem.com`
-      }
-
-      await Services.PostService(Endpoints.Users.Post.Register, true, data)
-    } catch (error) {
-      setIsSubmitting(false)
-    } finally {
-      setIsSubmitting(false)
-    }
-  }
-
-  async function handleGetClassifications() {
-    try {
-      let response = null
-      response = await Services.GetService(Endpoints.Classifications.Get.GetAll, true)
-
-      if (response) {
-        response = response.data.map(item => ({ ...item, userClassId: item.userClass != null ? item.userClass.id : 0 }))
-        setClassifications(response)
-      } else {
-        setClassifications([])
-      }
-    } catch (error) {
-      false
-    } finally {
-    }
-  }
-
-  useEffect(() => {
-    handleGetClassifications()
-  }, [])
-  return (
-    <>
-      <form
-        onSubmit={handleSubmit(e => {
-          handleSave()
-        })}
-      >
-        <DialogContent sx={{ pb: 6, px: { xs: 8, sm: 15 }, pt: { xs: 8, sm: 12.5 }, position: 'relative' }}>
-          <IconButton
-            size='small'
-            sx={{ position: 'absolute', left: '1rem', top: '1rem' }}
-            onClick={() => setShowDialog(false)}
-          >
-            <Close />
-          </IconButton>
-          <DialogTitle title='Test'>
-            <Box sx={{ mb: 8, textAlign: 'center' }}>
-              <Typography variant='h5' sx={{ mb: 3, lineHeight: '2rem' }}>
-                تسجيل مستخدم جديد
-              </Typography>
-              <Typography variant='body2'>جميع الحقول مطلوبة</Typography>
-            </Box>
-          </DialogTitle>
-
-          <Grid container spacing={6}>
-            <Grid item sm={6} size={12}>
-              <TextField
-                {...register('userName')}
-                fullWidth
-                label='اسم المستخدم'
-                placeholder='اسم المستخدم'
-                value={modUser.userName}
-                onChange={e => handleUserChange('userName', e.target.value)}
-                error={Boolean(errors.userName)}
-              />
-              <FormHelperText>{errors.userName?.message}</FormHelperText>
-            </Grid>
-            <Grid item sm={6} size={12}>
-              <TextField
-                {...register('displayName')}
-                value={modUser.displayName}
-                onChange={e => handleUserChange('displayName', e.target.value)}
-                fullWidth
-                label='صاحب الحساب'
-                placeholder='صاحب الحساب'
-                error={Boolean(errors.displayName)}
-              />
-              <FormHelperText>{errors.displayName?.message}</FormHelperText>
-            </Grid>
-
-            <Grid item sm={6} size={12}>
-              <TextField
-                type='number'
-                {...register('phone')}
-                value={modUser.phone}
-                onChange={e => handleUserChange('phone', e.target.value)}
-                fullWidth
-                label='رقم الهاتف'
-                placeholder='رقم الهاتف'
-                error={Boolean(errors.phone)}
-              />
-              <FormHelperText>{errors.phone?.message}</FormHelperText>
-            </Grid>
-            <Grid item sm={6} size={12}>
-              <FormControl fullWidth>
-                <InputLabel id='status-select'>نوع الحساب</InputLabel>
-                <Select
-                  {...register('userRole')}
-                  value={modUser.userRole}
-                  fullWidth
-                  labelId='status-select'
-                  label='نوع الحساب'
-                  onChange={e => handleUserChange('userRole', e.target.value)}
-                  error={Boolean(errors.userRole)}
-                >
-                  {userRole == 'Owner' && <MenuItem value='Dealer'>مزود</MenuItem>}
-                  {userRole == 'Owner' && <MenuItem value='Supervisor'>مشرف</MenuItem>}
-                  <MenuItem value='POS'>نقطة بيع</MenuItem>
-                </Select>
-              </FormControl>
-              <FormHelperText>{errors.userRole?.message}</FormHelperText>
-            </Grid>
-            <Grid item sm={6} size={12}>
-              <TextField
-                {...register('password')}
-                onChange={e => handleUserChange('password', e.target.value)}
-                value={modUser.password}
-                type='password'
-                fullWidth
-                label='كلمة المرور'
-                placeholder='كلمة المرور'
-                error={Boolean(errors.password)}
-              />
-              <FormHelperText>{errors.password?.message}</FormHelperText>
-            </Grid>
-            <Grid item sm={6} size={12}>
-              <TextField
-                {...register('confirmPassword')}
-                onChange={e => handleUserChange('confirmPassword', e.target.value)}
-                value={modUser.confirmPassword}
-                type='password'
-                fullWidth
-                label='تأكيد كلمة المرور'
-                placeholder='تأكيد كلمة المرور'
-                error={Boolean(errors.confirmPassword)}
-              />
-              <FormHelperText>{errors.confirmPassword?.message}</FormHelperText>
-            </Grid>
-            {modUser.userRole == 'POS' && (
-              <Grid item size={12} sm={6}>
-                <FormControl fullWidth>
-                  <InputLabel>التصنيف</InputLabel>
-                  <Select
-                    {...register('userClassId')}
-                    error={Boolean(errors.userClassId)}
-                    required
-                    label='التصنيف'
-                    value={modUser.userClassId}
-                    onChange={e => {
-                      handleUserChange('userClassId', e.target.value)
-                    }}
-                  >
-                    <MenuItem value={0}>يرجى اختيار الصنف</MenuItem>
-
-                    {classifications.map((item, index) => (
-                      <MenuItem key={index} value={item.id}>
-                        {item.name}
-                      </MenuItem>
-                    ))}
-                  </Select>
-                  <FormHelperText>{errors.userClassId?.message}</FormHelperText>
-                </FormControl>
-              </Grid>
-            )}
-          </Grid>
-          <DialogActions sx={{ pb: { xs: 8 }, justifyContent: 'center' }}>
-            <Button type='submit' variant='contained' sx={{ mr: 2 }} disabled={isSubmitting}>
-              {isSubmitting ? (
-                <CircularProgress
-                  sx={{
-                    color: 'common.white',
-                    width: '20px !important',
-                    height: '20px !important',
-                    mr: theme => theme.spacing(2)
-                  }}
-                />
-              ) : null}
-              حفظ
-            </Button>
-            <Button variant='outlined' color='secondary' onClick={() => setShowDialog(false)}>
-              الغاء
-            </Button>
-          </DialogActions>
-        </DialogContent>
-      </form>
-    </>
-  )
-}
-
-export default UserManageDialog

package/src/views/pages/users/UserViewPage.js

@@ -1,199 +0,0 @@
-// ** React Imports
-import { useEffect, useState } from 'react'
-
-// ** MUI Imports
-import Box from '@mui/material/Box'
-import Card from '@mui/material/Card'
-import TabList from '@mui/lab/TabList'
-import TabPanel from '@mui/lab/TabPanel'
-import TabContext from '@mui/lab/TabContext'
-import { styled } from '@mui/material/styles'
-import MuiTab from '@mui/material/Tab'
-
-// ** Icons Imports
-import AccountOutline from 'mdi-material-ui/AccountOutline'
-import LockOpenOutline from 'mdi-material-ui/LockOpenOutline'
-import { HandshakeOutline, BallotOutline, ChartBoxOutline, WalletOutline, AccountGroupOutline } from 'mdi-material-ui'
-// ** Demo Tabs Imports
-
-import UserTabAccount from '../users/tabs/UserTabAccount'
-
-import UserTabSecurity from '../users/tabs/UserTabSecurity'
-
-// ** Third Party Styles Imports
-import 'react-datepicker/dist/react-datepicker.css'
-import UserTabDeals from './tabs/UserTabDeals'
-import { Endpoints, Services } from 'src/services/Endpoints'
-import UserTabRequests from './tabs/UserTabRequests'
-import UserTabSummary from './tabs/UserTabSummary'
-import UserTabFinance from './tabs/UserTabFinance'
-import UserTabPOS from './tabs/UserTabPOS'
-import UserTabSuperUsers from './tabs/UserTabSuperUsers'
-
-const Tab = styled(MuiTab)(({ theme }) => ({
-  [theme.breakpoints.down('md')]: {
-    minWidth: 100
-  },
-  [theme.breakpoints.down('sm')]: {
-    minWidth: 67
-  }
-}))
-
-const TabName = styled('span')(({ theme }) => ({
-  lineHeight: 1.71,
-  marginLeft: theme.spacing(2.5),
-  [theme.breakpoints.down('md')]: {
-    display: 'none'
-  }
-}))
-
-const UserViewPage = props => {
-  // ** State
-  const { userId, tab } = props
-  const [value, setValue] = useState(tab ?? 'account')
-  const handleChange = (event, newValue) => {
-    setValue(newValue)
-  }
-  const [user, setUser] = useState(null)
-  async function handleGetUser() {
-    try {
-      let response = null
-      response = await Services.GetService(Endpoints.Users.Get.GetUserById, false, { userId: userId })
-      if (response) setUser(response)
-    } catch (error) {
-      false
-    } finally {
-    }
-  }
-  useEffect(() => {
-    if (userId != null) handleGetUser()
-  }, [userId])
-  return (
-    <Card>
-      <TabContext value={value}>
-        <TabList
-          onChange={handleChange}
-          aria-label='account-settings tabs'
-          sx={{ borderBottom: theme => `1px solid ${theme.palette.divider}` }}
-          variant='scrollable'
-        >
-          <Tab
-            value='account'
-            label={
-              <Box sx={{ display: 'flex', alignItems: 'center' }}>
-                <AccountOutline sx={{ fontSize: '1.125rem' }} />
-                <TabName>معلومات الحساب</TabName>
-              </Box>
-            }
-          />
-          <Tab
-            value='security'
-            label={
-              <Box sx={{ display: 'flex', alignItems: 'center' }}>
-                <LockOpenOutline sx={{ fontSize: '1.125rem' }} />
-                <TabName>الامان</TabName>
-              </Box>
-            }
-          />
-          {user?.roles[0] == 'Dealer' && (
-            <Tab
-              value='deals'
-              label={
-                <Box sx={{ display: 'flex', alignItems: 'center' }}>
-                  <HandshakeOutline sx={{ fontSize: '1.125rem' }} />
-                  <TabName>الاتفاقات</TabName>
-                </Box>
-              }
-            />
-          )}
-          {(user?.roles[0] == 'Dealer' || user?.roles[0] == 'POS') && (
-            <Tab
-              value='requests'
-              label={
-                <Box sx={{ display: 'flex', alignItems: 'center' }}>
-                  <BallotOutline sx={{ fontSize: '1.125rem' }} />
-                  <TabName>الطلبات</TabName>
-                </Box>
-              }
-            />
-          )}
-          {(user?.roles[0] == 'Dealer' || user?.roles[0] == 'POS') && (
-            <Tab
-              value='summary'
-              label={
-                <Box sx={{ display: 'flex', alignItems: 'center' }}>
-                  <ChartBoxOutline sx={{ fontSize: '1.125rem' }} />
-                  <TabName>احصائيات</TabName>
-                </Box>
-              }
-            />
-          )}
-          <Tab
-            value='finance'
-            label={
-              <Box sx={{ display: 'flex', alignItems: 'center' }}>
-                <WalletOutline sx={{ fontSize: '1.125rem' }} />
-                <TabName>الحسابات المالية</TabName>
-              </Box>
-            }
-          />
-          {user?.roles[0] == 'Dealer' && (
-            <Tab
-              value='pos'
-              label={
-                <Box sx={{ display: 'flex', alignItems: 'center' }}>
-                  <AccountGroupOutline sx={{ fontSize: '1.125rem' }} />
-                  <TabName>نقاط البيع</TabName>
-                </Box>
-              }
-            />
-          )}
-          {user?.roles[0] == 'Supervisor' && (
-            <Tab
-              value='superUsers'
-              label={
-                <Box sx={{ display: 'flex', alignItems: 'center' }}>
-                  <AccountGroupOutline sx={{ fontSize: '1.125rem' }} />
-                  <TabName>الحسابات</TabName>
-                </Box>
-              }
-            />
-          )}
-        </TabList>
-
-        <TabPanel sx={{ p: 0 }} value='account'>
-          <UserTabAccount userId={userId} />
-        </TabPanel>
-        <TabPanel sx={{ p: 0 }} value='security'>
-          <UserTabSecurity userId={userId} />
-        </TabPanel>
-        {user?.roles[0] == 'Dealer' && (
-          <TabPanel sx={{ p: 0 }} value='deals'>
-            <UserTabDeals userId={userId} userRole={user?.roles[0]} />
-          </TabPanel>
-        )}
-        <TabPanel sx={{ p: 0 }} value='requests'>
-          <UserTabRequests userId={userId} userRole={user?.roles[0]} />
-        </TabPanel>
-        <TabPanel sx={{ p: 0 }} value='summary'>
-          <UserTabSummary userId={userId} userRole={user?.roles[0]} />
-        </TabPanel>
-        <TabPanel sx={{ p: 0 }} value='finance'>
-          <UserTabFinance userId={userId} userRole={user?.roles[0]} />
-        </TabPanel>
-        {user?.roles[0] == 'Dealer' && (
-          <TabPanel sx={{ p: 0 }} value='pos'>
-            <UserTabPOS userId={userId} userRole={user?.roles[0]} />
-          </TabPanel>
-        )}
-        {user?.roles[0] == 'Supervisor' && (
-          <TabPanel sx={{ p: 0 }} value='superUsers'>
-            <UserTabSuperUsers userId={userId} userRole={user?.roles[0]} />
-          </TabPanel>
-        )}
-      </TabContext>
-    </Card>
-  )
-}
-
-export default UserViewPage