robobyte-front-builder 1.0.17 → 1.0.21

package/src/configs/firebase.js

@@ -1,25 +0,0 @@
-// Import the functions you need from the SDKs you need
-import Firebase from 'firebase/compat/app'
-import 'firebase/compat/auth'
-
-// TODO: Add SDKs for Firebase services that you want to use
-// https://firebase.google.com/docs/web/setup#available-libraries
-
-// Your web app's Firebase configuration
-// For Firebase JS SDK v7.20.0 and later, measurementId is optional
-const firebaseConfig = {
-  apiKey: '',
-  authDomain: '',
-  projectId: '',
-  storageBucket: '',
-  messagingSenderId: '',
-  appId: '',
-  measurementId: ''
-}
-
-// Initialize Firebase
-if (!Firebase.apps.length) {
-  Firebase.initializeApp(firebaseConfig)
-}
-
-export default Firebase

package/src/configs/i18n.js

@@ -1,34 +0,0 @@
-import i18n from 'i18next'
-import Backend from 'i18next-http-backend'
-import { initReactI18next } from 'react-i18next'
-import LanguageDetector from 'i18next-browser-languagedetector'
-
-i18n
-
-  // Enables the i18next backend
-  .use(Backend)
-
-  // Enable automatic language detection
-  .use(LanguageDetector)
-
-  // Enables the hook initialization module
-  .use(initReactI18next)
-  .init({
-    lng: 'ar',
-    backend: {
-      /* translation file path */
-      loadPath: '/locales/{{lng}}.json'
-    },
-    fallbackLng: 'ar',
-    debug: false,
-    keySeparator: false,
-    react: {
-      useSuspense: false
-    },
-    interpolation: {
-      escapeValue: false,
-      formatSeparator: ','
-    }
-  })
-
-export default i18n

package/src/configs/primaryColorConfig.js

@@ -1,35 +0,0 @@
-// Primary color config object
-const primaryColorConfig = [
-  {
-    name: 'primary-1',
-    light: '#8589FF',
-    main: '#666CFF',
-    dark: '#5C61E6'
-  },
-  {
-    name: 'primary-2',
-    light: '#49CCB5',
-    main: '#06B999',
-    dark: '#048770'
-  },
-  {
-    name: 'primary-3',
-    light: '#FFA95A',
-    main: '#FF891D',
-    dark: '#BA6415'
-  },
-  {
-    name: 'primary-4',
-    light: '#F07179',
-    main: '#EB3D47',
-    dark: '#AC2D34'
-  },
-  {
-    name: 'primary-5',
-    light: '#5CC5F1',
-    main: '#20AFEC',
-    dark: '#1780AC'
-  }
-]
-
-export default primaryColorConfig

package/src/configs/themeConfig.js

@@ -1,44 +0,0 @@
-/**
- * Config
- * -------------------------------------------------------------------------------------
- * ! IMPORTANT: Make sure you clear the browser local storage in order to see the config changes in the template.
- * ! To clear local storage, you may refer https://www.leadshook.com/help/how-to-clear-local-storage-in-google-chrome-browser/.
- */
-// ** Icon Import
-import Circle from 'mdi-material-ui/Circle'
-
-const themeConfig = {
-  // ** Layout Configs
-  templateName: 'RoboByte' /* App Name */,
-  layout: 'horizontal' /* vertical | horizontal */,
-  mode: 'light' /* light | dark */,
-  direction: 'rtl' /* ltr | rtl */,
-  skin: 'semi-dark' /*
-  default | bordered | semi-dark /*! Note: semi-dark value will only work for Vertical Layout */,
-  contentWidth: 'boxed' /* full | boxed */,
-  footer: 'static' /* fixed | static | hidden */,
-  // ** Routing Configs
-  routingLoader: true /* true | false */,
-  // ** Navigation (Menu) Configs
-  navHidden: false /* true | false */,
-  menuTextTruncate: true /* true | false */,
-  navSubItemIcon: Circle /* Icon Element */,
-  verticalNavToggleType: 'accordion' /* accordion | collapse /*! Note: This is for Vertical navigation menu only */,
-  navCollapsed: false /* true | false /*! Note: This is for Vertical navigation menu only */,
-  navigationSize: 260 /* Number in PX(Pixels) /*! Note: This is for Vertical navigation menu only */,
-  collapsedNavigationSize: 68 /* Number in PX(Pixels) /*! Note: This is for Vertical navigation menu only */,
-  afterVerticalNavMenuContentPosition: 'fixed' /* fixed | static */,
-  beforeVerticalNavMenuContentPosition: 'fixed' /* fixed | static */,
-  horizontalMenuToggle: 'hover' /* click | hover /*! Note: This is for Horizontal navigation menu only */,
-  horizontalMenuAnimation: true /* true | false */,
-  // ** AppBar Configs
-  appBar: 'fixed' /* fixed | static | hidden /*! Note: hidden value will only work for Vertical Layout */,
-  appBarBlur: true /* true | false */,
-  // ** Other Configs
-  responsiveFontSizes: true /* true | false */,
-  disableRipple: false /* true | false */,
-  disableCustomizer: true /* true | false */,
-  toastPosition: 'bottom-center' /* top-left | top-center | top-right | bottom-left | bottom-center | bottom-right */
-}
-
-export default themeConfig

package/src/layouts/UserLayout.js

@@ -1,94 +0,0 @@
-import useMediaQuery from '@mui/material/useMediaQuery'
-
-// ** Layout Imports
-// !Do not remove this Layout import
-import Layout from 'src/@core/layouts/Layout'
-
-// ** Navigation Imports
-import VerticalNavItems from 'src/navigation/vertical'
-import HorizontalNavItems from 'src/navigation/horizontal'
-
-// ** Component Import
-// Uncomment the below line (according to the layout type) when using server-side menu
-// import ServerSideVerticalNavItems from './components/vertical/ServerSideNavItems'
-// import ServerSideHorizontalNavItems from './components/horizontal/ServerSideNavItems'
-
-import VerticalAppBarContent from './components/vertical/AppBarContent'
-import HorizontalAppBarContent from './components/horizontal/AppBarContent'
-import { useSettings } from 'src/@core/hooks/useSettings'
-import { Box } from '@mui/system'
-import { Typography } from '@mui/material'
-
-const UserLayout = ({ children }) => {
-  // ** Hooks
-  const { settings, saveSettings } = useSettings()
-
-  /**
-   *  The below variable will hide the current layout menu at given screen size.
-   *  The menu will be accessible from the Hamburger icon only (Vertical Overlay Menu).
-   *  You can change the screen size from which you want to hide the current layout menu.
-   *  Please refer useMediaQuery() hook: https://mui.com/material-ui/react-use-media-query/,
- ط  *  to know more about what values can be passed to this hook.
-   *  ! Do not change this value unless you know what you are doing. It can break the template.
-   */
-  const hidden = useMediaQuery(theme => theme.breakpoints.down('lg'))
-
-  return (
-    <Layout
-      footerContent={() => (
-        <Box sx={{ display: 'flex', justifyContent: 'center' }}>
-          <Box sx={{
-            display: 'flex', color: 'white', padding: 2, borderRadius: 1, transition: 'transform 0.2s, color 0.3s',
-            '&:hover': {
-              transform: 'scale(1.1) translateY(-2px)',
-              color: '#16a085'
-            }
-          }}>
-            <Typography
-              sx={{
-                color: '#FFF',
-                cursor: 'pointer',
-                textDecoration: 'underline',
-                fontSize: '12px',
-              }}
-              component="a"
-              href="https://robo-byte.com/ar/"
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              Copyright © RoboByte. All rights reserved
-            </Typography>
-          </Box>
-        </Box>
-      )}
-      hidden={hidden}
-      settings={settings}
-      saveSettings={saveSettings}
-      {...(settings.layout === 'horizontal'
-        ? {
-          // ** Navigation Items
-          horizontalNavItems: HorizontalNavItems(),
-          // Uncomment the below line when using server-side menu in horizontal layout and comment the above line
-          // horizontalNavItems: ServerSideHorizontalNavItems(),
-          // ** AppBar Content
-          horizontalAppBarContent: () => <HorizontalAppBarContent settings={settings} saveSettings={saveSettings} />
-        }
-        : {
-          verticalNavItems: VerticalNavItems(),
-
-          verticalAppBarContent: props => (
-            <VerticalAppBarContent
-              hidden={hidden}
-              settings={settings}
-              saveSettings={saveSettings}
-              toggleNavVisibility={props.toggleNavVisibility}
-            />
-          )
-        })}
-    >
-      {children}
-    </Layout>
-  )
-}
-
-export default UserLayout

package/src/layouts/UserThemeOptions.js

@@ -1,191 +0,0 @@
-// ** To use core palette, uncomment the below import
-// import corePalette from 'src/@core/theme/palette'
-// ** To use mode (light/dark), skin(default/bordered/semi-dark), direction(ltr/rtl), etc. for conditional styles, uncomment below line
-import { useSettings } from 'src/@core/hooks/useSettings'
-const UserThemeOptions = () => {
-  // ** To use mode (light/dark), skin(default/bordered/semi-dark), direction(ltr/rtl), etc. for conditional styles, uncomment below line
-  const { settings } = useSettings()
-  // ** To use mode (light/dark), skin(default/bordered/semi-dark), direction(ltr/rtl), etc. for conditional styles, uncomment below line
-  const { mode, skin } = settings
-  // ** To use core palette, uncomment the below line
-  // const palette = corePalette(mode, skin)
-  return {
-    typography: {
-      fontFamily: '"Cairo", sans-serif'
-    },
-    palette: {
-      primary: {
-        light: '#787EFF',
-        main: '#00989f',
-        dark: '#035357',
-        contrastText: '#FFF'
-      }
-    },
-
-    components: {
-      MuiDataGrid: {
-        styleOverrides: {
-          root: {
-            '& .MuiDataGrid-virtualScroller': {
-              marginTop: '0 !important'
-            }
-          }
-        }
-      },
-
-    }
-    /*
-    MuiDataGrid-virtualScroller
-    breakpoints: {
-      values: {
-        xs: 0,
-        sm: 768,
-        md: 992,
-        lg: 1200,
-        xl: 1920
-      }
-    },
-    components: {
-      MuiButton: {
-        defaultProps: {
-          disableElevation: true
-        },
-        styleOverrides: {
-          root: {
-            textTransform: 'none'
-          },
-          sizeSmall: {
-            padding: '6px 16px'
-          },
-          sizeMedium: {
-            padding: '8px 20px'
-          },
-          sizeLarge: {
-            padding: '11px 24px'
-          },
-          textSizeSmall: {
-            padding: '7px 12px'
-          },
-          textSizeMedium: {
-            padding: '9px 16px'
-          },
-          textSizeLarge: {
-            padding: '12px 16px'
-          }
-        }
-      },
-      MuiCardActions: {
-        styleOverrides: {
-          root: {
-            padding: '16px 24px'
-          }
-        }
-      },
-      MuiCardContent: {
-        styleOverrides: {
-          root: {
-            padding: '32px 24px',
-            '&:last-child': {
-              paddingBottom: '32px'
-            }
-          }
-        }
-      },
-      MuiCssBaseline: {
-        styleOverrides: {
-          '*': {
-            boxSizing: 'border-box'
-          },
-          html: {
-            MozOsxFontSmoothing: 'grayscale',
-            WebkitFontSmoothing: 'antialiased',
-            display: 'flex',
-            flexDirection: 'column',
-            minHeight: '100%',
-            width: '100%'
-          },
-          body: {
-            display: 'flex',
-            flex: '1 1 auto',
-            flexDirection: 'column',
-            minHeight: '100%',
-            width: '100%'
-          },
-          '#__next': {
-            display: 'flex',
-            flex: '1 1 auto',
-            flexDirection: 'column',
-            height: '100%',
-            width: '100%'
-          }
-        }
-      }
-    },
-    shape: {
-      borderRadius: 8
-    },
-    typography: {
-      fontFamily:
-        '"Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"',
-    },
-    shadows: mode === 'light' ? [
-      'none',
-      '0px 2px 1px -1px rgba(76, 78, 100, 0.2), 0px 1px 1px 0px rgba(76, 78, 100, 0.14), 0px 1px 3px 0px rgba(76, 78, 100, 0.12)',
-      '0px 3px 1px -2px rgba(76, 78, 100, 0.2), 0px 2px 2px 0px rgba(76, 78, 100, 0.14), 0px 1px 5px 0px rgba(76, 78, 100, 0.12)',
-      '0px 4px 8px -4px rgba(76, 78, 100, 0.42)',
-      '0px 6px 18px -8px rgba(76, 78, 100, 0.56)',
-      '0px 3px 5px -1px rgba(76, 78, 100, 0.2), 0px 5px 8px 0px rgba(76, 78, 100, 0.14), 0px 1px 14px 0px rgba(76, 78, 100, 0.12)',
-      '0px 2px 10px 0px rgba(76, 78, 100, 0.1)',
-      '0px 4px 5px -2px rgba(76, 78, 100, 0.2), 0px 7px 10px 1px rgba(76, 78, 100, 0.14), 0px 2px 16px 1px rgba(76, 78, 100, 0.12)',
-      '0px 5px 5px -3px rgba(76, 78, 100, 0.2), 0px 8px 10px 1px rgba(76, 78, 100, 0.14), 0px 3px 14px 2px rgba(76, 78, 100, 0.12)',
-      '0px 5px 6px -3px rgba(76, 78, 100, 0.2), 0px 9px 12px 1px rgba(76, 78, 100, 0.14), 0px 3px 16px 2px rgba(76, 78, 100, 0.12)',
-      '0px 6px 6px -3px rgba(76, 78, 100, 0.2), 0px 10px 14px 1px rgba(76, 78, 100, 0.14), 0px 4px 18px 3px rgba(76, 78, 100, 0.12)',
-      '0px 6px 7px -4px rgba(76, 78, 100, 0.2), 0px 11px 15px 1px rgba(76, 78, 100, 0.14), 0px 4px 20px 3px rgba(76, 78, 100, 0.12)',
-      '0px 7px 8px -4px rgba(76, 78, 100, 0.2), 0px 12px 17px 2px rgba(76, 78, 100, 0.14), 0px 5px 22px 4px rgba(76, 78, 100, 0.12)',
-      '0px 7px 8px -4px rgba(76, 78, 100, 0.2), 0px 13px 19px 2px rgba(76, 78, 100, 0.14), 0px 5px 24px 4px rgba(76, 78, 100, 0.12)',
-      '0px 7px 9px -4px rgba(76, 78, 100, 0.2), 0px 14px 21px 2px rgba(76, 78, 100, 0.14), 0px 5px 26px 4px rgba(76, 78, 100, 0.12)',
-      '0px 8px 9px -5px rgba(76, 78, 100, 0.2), 0px 15px 22px 2px rgba(76, 78, 100, 0.14), 0px 6px 28px 5px rgba(76, 78, 100, 0.12)',
-      '0px 8px 10px -5px rgba(76, 78, 100, 0.2), 0px 16px 24px 2px rgba(76, 78, 100, 0.14), 0px 6px 30px 5px rgba(76, 78, 100, 0.12)',
-      '0px 8px 11px -5px rgba(76, 78, 100, 0.2), 0px 17px 26px 2px rgba(76, 78, 100, 0.14), 0px 6px 32px 5px rgba(76, 78, 100, 0.12)',
-      '0px 9px 11px -5px rgba(76, 78, 100, 0.2), 0px 18px 28px 2px rgba(76, 78, 100, 0.14), 0px 7px 34px 6px rgba(76, 78, 100, 0.12)',
-      '0px 9px 12px -6px rgba(76, 78, 100, 0.2), 0px 19px 29px 2px rgba(76, 78, 100, 0.14), 0px 7px 36px 6px rgba(76, 78, 100, 0.12)',
-      '0px 10px 13px -6px rgba(76, 78, 100, 0.2), 0px 20px 31px 3px rgba(76, 78, 100, 0.14), 0px 8px 38px 7px rgba(76, 78, 100, 0.12)',
-      '0px 10px 13px -6px rgba(76, 78, 100, 0.2), 0px 21px 33px 3px rgba(76, 78, 100, 0.14), 0px 8px 40px 7px rgba(76, 78, 100, 0.12)',
-      '0px 10px 14px -6px rgba(76, 78, 100, 0.2), 0px 22px 35px 3px rgba(76, 78, 100, 0.14), 0px 8px 42px 7px rgba(76, 78, 100, 0.12)',
-      '0px 11px 14px -7px rgba(76, 78, 100, 0.2), 0px 23px 36px 3px rgba(76, 78, 100, 0.14), 0px 9px 44px 8px rgba(76, 78, 100, 0.12)',
-      '0px 11px 15px -7px rgba(76, 78, 100, 0.2), 0px 24px 38px 3px rgba(76, 78, 100, 0.14), 0px 9px 46px 8px rgba(76, 78, 100, 0.12)'
-    ] : [
-      'none',
-      '0px 2px 1px -1px rgba(20, 21, 33, 0.2), 0px 1px 1px 0px rgba(20, 21, 33, 0.14), 0px 1px 3px 0px rgba(20, 21, 33, 0.12)',
-      '0px 3px 1px -2px rgba(20, 21, 33, 0.2), 0px 2px 2px 0px rgba(20, 21, 33, 0.14), 0px 1px 5px 0px rgba(20, 21, 33, 0.12)',
-      '0px 4px 8px -4px rgba(20, 21, 33, 0.42)',
-      '0px 6px 18px -8px rgba(20, 21, 33, 0.56)',
-      '0px 3px 5px -1px rgba(20, 21, 33, 0.2), 0px 5px 8px 0px rgba(20, 21, 33, 0.14), 0px 1px 14px 0px rgba(20, 21, 33, 0.12)',
-      '0px 2px 10px 0px rgba(20, 21, 33,  0.1)',
-      '0px 4px 5px -2px rgba(20, 21, 33, 0.2), 0px 7px 10px 1px rgba(20, 21, 33, 0.14), 0px 2px 16px 1px rgba(20, 21, 33, 0.12)',
-      '0px 5px 5px -3px rgba(20, 21, 33, 0.2), 0px 8px 10px 1px rgba(20, 21, 33, 0.14), 0px 3px 14px 2px rgba(20, 21, 33, 0.12)',
-      '0px 5px 6px -3px rgba(20, 21, 33, 0.2), 0px 9px 12px 1px rgba(20, 21, 33, 0.14), 0px 3px 16px 2px rgba(20, 21, 33, 0.12)',
-      '0px 6px 6px -3px rgba(20, 21, 33, 0.2), 0px 10px 14px 1px rgba(20, 21, 33, 0.14), 0px 4px 18px 3px rgba(20, 21, 33, 0.12)',
-      '0px 6px 7px -4px rgba(20, 21, 33, 0.2), 0px 11px 15px 1px rgba(20, 21, 33, 0.14), 0px 4px 20px 3px rgba(20, 21, 33, 0.12)',
-      '0px 7px 8px -4px rgba(20, 21, 33, 0.2), 0px 12px 17px 2px rgba(20, 21, 33, 0.14), 0px 5px 22px 4px rgba(20, 21, 33, 0.12)',
-      '0px 7px 8px -4px rgba(20, 21, 33, 0.2), 0px 13px 19px 2px rgba(20, 21, 33, 0.14), 0px 5px 24px 4px rgba(20, 21, 33, 0.12)',
-      '0px 7px 9px -4px rgba(20, 21, 33, 0.2), 0px 14px 21px 2px rgba(20, 21, 33, 0.14), 0px 5px 26px 4px rgba(20, 21, 33, 0.12)',
-      '0px 8px 9px -5px rgba(20, 21, 33, 0.2), 0px 15px 22px 2px rgba(20, 21, 33, 0.14), 0px 6px 28px 5px rgba(20, 21, 33, 0.12)',
-      '0px 8px 10px -5px rgba(20, 21, 33, 0.2), 0px 16px 24px 2px rgba(20, 21, 33, 0.14), 0px 6px 30px 5px rgba(20, 21, 33, 0.12)',
-      '0px 8px 11px -5px rgba(20, 21, 33, 0.2), 0px 17px 26px 2px rgba(20, 21, 33, 0.14), 0px 6px 32px 5px rgba(20, 21, 33, 0.12)',
-      '0px 9px 11px -5px rgba(20, 21, 33, 0.2), 0px 18px 28px 2px rgba(20, 21, 33, 0.14), 0px 7px 34px 6px rgba(20, 21, 33, 0.12)',
-      '0px 9px 12px -6px rgba(20, 21, 33, 0.2), 0px 19px 29px 2px rgba(20, 21, 33, 0.14), 0px 7px 36px 6px rgba(20, 21, 33, 0.12)',
-      '0px 10px 13px -6px rgba(20, 21, 33, 0.2), 0px 20px 31px 3px rgba(20, 21, 33, 0.14), 0px 8px 38px 7px rgba(20, 21, 33, 0.12)',
-      '0px 10px 13px -6px rgba(20, 21, 33, 0.2), 0px 21px 33px 3px rgba(20, 21, 33, 0.14), 0px 8px 40px 7px rgba(20, 21, 33, 0.12)',
-      '0px 10px 14px -6px rgba(20, 21, 33, 0.2), 0px 22px 35px 3px rgba(20, 21, 33, 0.14), 0px 8px 42px 7px rgba(20, 21, 33, 0.12)',
-      '0px 11px 14px -7px rgba(20, 21, 33, 0.2), 0px 23px 36px 3px rgba(20, 21, 33, 0.14), 0px 9px 44px 8px rgba(20, 21, 33, 0.12)',
-      '0px 11px 15px -7px rgba(20, 21, 33, 0.2), 0px 24px 38px 3px rgba(20, 21, 33, 0.14), 0px 9px 46px 8px rgba(20, 21, 33, 0.12)'
-    ],
-    zIndex: {
-      appBar: 1200,
-      drawer: 1100
-    } */
-  }
-}
-
-export default UserThemeOptions

package/src/layouts/components/Direction.js

@@ -1,30 +0,0 @@
-// ** React Imports
-import { useEffect } from 'react'
-
-// ** Emotion Imports
-import createCache from '@emotion/cache'
-import { CacheProvider } from '@emotion/react'
-
-// ** RTL Plugin
-import stylisRTLPlugin from 'stylis-plugin-rtl'
-
-const styleCache = () =>
-  createCache({
-    key: 'rtl',
-    prepend: true,
-    stylisPlugins: [stylisRTLPlugin]
-  })
-
-const Direction = props => {
-  const { children, direction } = props
-  useEffect(() => {
-    document.dir = direction
-  }, [direction])
-  if (direction === 'rtl') {
-    return <CacheProvider value={styleCache()}>{children}</CacheProvider>
-  }
-
-  return <>{children}</>
-}
-
-export default Direction

package/src/layouts/components/HtmlTooltip.js

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import {styled} from '@mui/material/styles';
-import Tooltip, {TooltipProps, tooltipClasses} from '@mui/material/Tooltip';
-
-export const HtmlTooltip = styled(({className, ...props}) => (
-  <Tooltip {...props} classes={{popper: className}}/>
-))(({theme}) => ({
-  [`& .${tooltipClasses.tooltip}`]: {
-    backgroundColor: '#f5f5f9',
-    color: 'rgba(0, 0, 0, 0.87)',
-    fontSize: theme.typography.pxToRem(12),
-    border: '1px solid #dadde9',
-    m:'0px'
-  },
-}));

package/src/layouts/components/Translations.js

@@ -1,11 +0,0 @@
-// ** Third Party Import
-import { useTranslation } from 'react-i18next'
-
-const Translations = ({ text }) => {
-  // ** Hook
-  const { t } = useTranslation()
-
-  return <>{`${t(text)}`}</>
-}
-
-export default Translations