robobyte-front-builder 1.0.19 → 1.0.21

package/src/views/users/ResetPasswordDialog.js

@@ -1,242 +0,0 @@
-// ** React Imports
-
-// ** MUI Imports
-import { yupResolver } from '@hookform/resolvers/yup'
-import * as yup from 'yup'
-import {
-  Button,
-  CircularProgress,
-  DialogActions,
-  DialogContent,
-  DialogTitle,
-  FormHelperText,
-  Grid,
-  Paper,
-  TextField,
-  Typography,
-  OutlinedInput,
-  FormControl,
-  InputLabel,
-  InputAdornment,
-  IconButton
-} from '@mui/material'
-import Box from '@mui/material/Box'
-import { Close, Eye, EyeOff } from 'mdi-material-ui'
-import { useState } from 'react'
-import { useForm } from 'react-hook-form'
-import { Endpoints, Services } from 'src/services/Endpoints'
-import handleChange from 'src/services/helper/handleChange'
-
-// ** Third Party Imports
-
-// ** Icons Imports
-
-// ** Styled Components
-
-const defaultItem = {
-  currentPassword: '',
-  confirmPassword: '',
-  password: '',
-  userId: 0
-}
-
-const ResetPasswordDialog = props => {
-  // ** Props
-  const { handleToggleDialogs, userId, currentUser } = props
-  const [IsSubmitting, setIsSubmitting] = useState(false)
-  const [showPassword, setShowPassword] = useState({
-    currentPassword: false,
-    password: false,
-    confirmPassword: false
-  })
-  const [Item, setItem] = useState(defaultItem)
-  let schema = yup.object().shape({
-    password: yup.string().required(),
-    confirmPassword: yup
-      .string()
-      .required()
-      .oneOf([yup.ref('password'), null], 'كلمة المرور غير متطابقة')
-  })
-  if (currentUser) {
-    schema = yup.object().shape({
-      ...schema.fields,
-      currentPassword: yup.string().required()
-    })
-  }
-  const {
-    register,
-    reset,
-    watch,
-    getValues,
-    setValue,
-    handleSubmit,
-    clearErrors,
-    formState: { errors }
-  } = useForm({
-    mode: 'onBlur',
-    reValidateMode: 'onBlur',
-    resolver: yupResolver(schema)
-  })
-  // ** States
-  async function handleSave(values) {
-    try {
-      setIsSubmitting(true)
-      let data = {
-        ...values,
-        userId: userId
-      }
-      let response = await Services.PostService(Endpoints.Users.Post.PasswordReset, true, data)
-      if (response) {
-        handleDialogClose()
-      }
-    } catch (error) {
-      setIsSubmitting(false)
-    } finally {
-      setIsSubmitting(false)
-    }
-  }
-  const handleSetDefaults = () => {
-    setItem(defaultItem)
-  }
-
-  const handleDialogClose = async () => {
-    clearErrors()
-    handleSetDefaults()
-    handleToggleDialogs('resetPassword')
-  }
-  const handleShowPasswordChange = (field, value) => {
-    handleChange(setShowPassword, field, value)
-
-  }
-  return (
-    <>
-      <DialogTitle id='confirmation-dialog-title' sx={{ padding: 0, marginBottom: 5 }}>
-        <Box
-          className='sidebar-header'
-          sx={{
-            display: 'flex',
-            justifyContent: 'space-between',
-            backgroundColor: 'background.default',
-            p: theme => theme.spacing(3, 3.255, 3, 5.255)
-          }}
-        >
-          <Typography variant='h6'>{'تغيير كلمة المرور'}</Typography>
-          <Box sx={{ display: 'flex', alignItems: 'center' }}>
-            <Close fontSize='small' onClick={handleDialogClose} sx={{ cursor: 'pointer' }} />
-          </Box>
-        </Box>
-      </DialogTitle>
-
-      <DialogContent className='dialog-body'>
-        <form
-          onSubmit={handleSubmit(data => {
-            handleSave(data)
-          })}
-        >
-          <Grid container spacing={6}>
-            {currentUser && (
-              <Grid size={12}>
-                <FormControl fullWidth variant='outlined' sx={{ marginTop: 3 }} {...register('currentPassword')}>
-                  <InputLabel>كلمة المرور الحالية</InputLabel>
-                  <OutlinedInput
-                    fullWidth
-                    value={watch('currentPassword')}
-                    onChange={e => setValue('currentPassword', e.target.value)}
-                    type={showPassword.currentPassword ? 'text' : 'password'}
-                    endAdornment={
-                      <InputAdornment position='end'>
-                        <IconButton
-                          aria-label='toggle password visibility'
-                          onClick={() => handleShowPasswordChange('currentPassword', !showPassword.currentPassword)}
-                          edge='end'
-                        >
-                          {showPassword.currentPassword ? <EyeOff /> : <Eye />}
-                        </IconButton>
-                      </InputAdornment>
-                    }
-                    label='كلمة المرور الحالية'
-                    placeholder='كلمة المرور الحالية'
-                    error={Boolean(errors.currentPassword)}
-                  />
-                </FormControl>
-                <FormHelperText>{errors.currentPassword?.message}</FormHelperText>
-              </Grid>
-            )}
-            <Grid size={12}>
-              <FormControl fullWidth variant='outlined' sx={{ marginTop: 3 }} {...register('password')}>
-                <InputLabel>كلمة المرور الجديدة</InputLabel>
-                <OutlinedInput
-                  fullWidth
-                  value={watch('password')}
-                  onChange={e => setValue('password', e.target.value)}
-                  type={showPassword.password ? 'text' : 'password'}
-                  endAdornment={
-                    <InputAdornment position='end'>
-                      <IconButton
-                        aria-label='toggle password visibility'
-                        onClick={() => handleShowPasswordChange('password', !showPassword.password)}
-                        edge='end'
-                      >
-                        {showPassword.password ? <EyeOff /> : <Eye />}
-                      </IconButton>
-                    </InputAdornment>
-                  }
-                  label='كلمة المرور الجديدة'
-                  placeholder='كلمة المرور الجديدة'
-                  error={Boolean(errors.password)}
-                />
-              </FormControl>
-              <FormHelperText>{errors.password?.message}</FormHelperText>
-            </Grid>
-            <Grid size={12}>
-              <FormControl fullWidth variant='outlined' sx={{ marginTop: 3 }} {...register('confirmPassword')}>
-                <InputLabel>تأكيد كلمة المرور</InputLabel>
-                <OutlinedInput
-                  fullWidth
-                  value={watch('confirmPassword')}
-                  onChange={e => setValue('confirmPassword', e.target.value)}
-                  type={showPassword.confirmPassword ? 'text' : 'password'}
-                  endAdornment={
-                    <InputAdornment position='end'>
-                      <IconButton
-                        aria-label='toggle password visibility'
-                        onClick={() => handleShowPasswordChange('confirmPassword', !showPassword.confirmPassword)}
-                        edge='end'
-                      >
-                        {showPassword.confirmPassword ? <EyeOff /> : <Eye />}
-                      </IconButton>
-                    </InputAdornment>
-                  }
-                  label='تأكيد كلمة المرور'
-                  placeholder='تأكيد كلمة المرور'
-                  error={Boolean(errors.confirmPassword)}
-                />
-              </FormControl>
-              <FormHelperText>{errors.confirmPassword?.message}</FormHelperText>
-            </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={() => handleDialogClose()}>
-              الغاء
-            </Button>
-          </DialogActions>
-        </form>
-      </DialogContent>
-    </>
-  )
-}
-
-export default ResetPasswordDialog