@campxdev/shared 1.8.50 → 1.9.0

package/src/components/Layout/Header/icons.tsx

@@ -1,57 +1,57 @@
-export const AppsIcon = () => {
-  return (
-    <svg
-      id="apps"
-      xmlns="http://www.w3.org/2000/svg"
-      width="22"
-      height="22"
-      viewBox="0 0 24 24"
-    >
-      <path
-        id="Path_15109"
-        data-name="Path 15109"
-        d="M7,0H4A4,4,0,0,0,0,4V7a4,4,0,0,0,4,4H7a4,4,0,0,0,4-4V4A4,4,0,0,0,7,0ZM9,7A2,2,0,0,1,7,9H4A2,2,0,0,1,2,7V4A2,2,0,0,1,4,2H7A2,2,0,0,1,9,4Z"
-        fill="#d4483e"
-      />
-      <path
-        id="Path_15110"
-        data-name="Path 15110"
-        d="M20,0H17a4,4,0,0,0-4,4V7a4,4,0,0,0,4,4h3a4,4,0,0,0,4-4V4A4,4,0,0,0,20,0Zm2,7a2,2,0,0,1-2,2H17a2,2,0,0,1-2-2V4a2,2,0,0,1,2-2h3a2,2,0,0,1,2,2Z"
-        fill="#f8d759"
-      />
-      <path
-        id="Path_15111"
-        data-name="Path 15111"
-        d="M7,13H4a4,4,0,0,0-4,4v3a4,4,0,0,0,4,4H7a4,4,0,0,0,4-4V17A4,4,0,0,0,7,13Zm2,7a2,2,0,0,1-2,2H4a2,2,0,0,1-2-2V17a2,2,0,0,1,2-2H7a2,2,0,0,1,2,2Z"
-        fill="#88b053"
-      />
-      <path
-        id="Path_15112"
-        data-name="Path 15112"
-        d="M20,13H17a4,4,0,0,0-4,4v3a4,4,0,0,0,4,4h3a4,4,0,0,0,4-4V17A4,4,0,0,0,20,13Zm2,7a2,2,0,0,1-2,2H17a2,2,0,0,1-2-2V17a2,2,0,0,1,2-2h3a2,2,0,0,1,2,2Z"
-        fill="#4baabe"
-      />
-    </svg>
-  )
-}
-
-export const NotificationIcon = () => {
-  return (
-    <>
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="18.125"
-        height="20"
-        viewBox="0 0 18.125 20"
-      >
-        <path
-          id="bell_10_"
-          data-name="bell (10)"
-          d="M18.958,11.384l-1.583-5.7a7.767,7.767,0,0,0-15.064.395L1.085,11.595a4.166,4.166,0,0,0,4.067,5.07H6.08a4.166,4.166,0,0,0,8.166,0h.7a4.166,4.166,0,0,0,4.015-5.281Zm-8.795,6.948a2.5,2.5,0,0,1-2.346-1.666H12.51A2.5,2.5,0,0,1,10.163,18.332Zm6.771-4.32A2.481,2.481,0,0,1,14.944,15H5.152a2.5,2.5,0,0,1-2.44-3.042L3.937,6.444a6.1,6.1,0,0,1,11.832-.31l1.583,5.7a2.481,2.481,0,0,1-.418,2.181Z"
-          transform="translate(-0.986 -0.002)"
-          fill="#121212"
-        />
-      </svg>
-    </>
-  )
-}
+export const AppsIcon = () => {
+  return (
+    <svg
+      id="apps"
+      xmlns="http://www.w3.org/2000/svg"
+      width="22"
+      height="22"
+      viewBox="0 0 24 24"
+    >
+      <path
+        id="Path_15109"
+        data-name="Path 15109"
+        d="M7,0H4A4,4,0,0,0,0,4V7a4,4,0,0,0,4,4H7a4,4,0,0,0,4-4V4A4,4,0,0,0,7,0ZM9,7A2,2,0,0,1,7,9H4A2,2,0,0,1,2,7V4A2,2,0,0,1,4,2H7A2,2,0,0,1,9,4Z"
+        fill="#d4483e"
+      />
+      <path
+        id="Path_15110"
+        data-name="Path 15110"
+        d="M20,0H17a4,4,0,0,0-4,4V7a4,4,0,0,0,4,4h3a4,4,0,0,0,4-4V4A4,4,0,0,0,20,0Zm2,7a2,2,0,0,1-2,2H17a2,2,0,0,1-2-2V4a2,2,0,0,1,2-2h3a2,2,0,0,1,2,2Z"
+        fill="#f8d759"
+      />
+      <path
+        id="Path_15111"
+        data-name="Path 15111"
+        d="M7,13H4a4,4,0,0,0-4,4v3a4,4,0,0,0,4,4H7a4,4,0,0,0,4-4V17A4,4,0,0,0,7,13Zm2,7a2,2,0,0,1-2,2H4a2,2,0,0,1-2-2V17a2,2,0,0,1,2-2H7a2,2,0,0,1,2,2Z"
+        fill="#88b053"
+      />
+      <path
+        id="Path_15112"
+        data-name="Path 15112"
+        d="M20,13H17a4,4,0,0,0-4,4v3a4,4,0,0,0,4,4h3a4,4,0,0,0,4-4V17A4,4,0,0,0,20,13Zm2,7a2,2,0,0,1-2,2H17a2,2,0,0,1-2-2V17a2,2,0,0,1,2-2h3a2,2,0,0,1,2,2Z"
+        fill="#4baabe"
+      />
+    </svg>
+  )
+}
+
+export const NotificationIcon = () => {
+  return (
+    <>
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="18.125"
+        height="20"
+        viewBox="0 0 18.125 20"
+      >
+        <path
+          id="bell_10_"
+          data-name="bell (10)"
+          d="M18.958,11.384l-1.583-5.7a7.767,7.767,0,0,0-15.064.395L1.085,11.595a4.166,4.166,0,0,0,4.067,5.07H6.08a4.166,4.166,0,0,0,8.166,0h.7a4.166,4.166,0,0,0,4.015-5.281Zm-8.795,6.948a2.5,2.5,0,0,1-2.346-1.666H12.51A2.5,2.5,0,0,1,10.163,18.332Zm6.771-4.32A2.481,2.481,0,0,1,14.944,15H5.152a2.5,2.5,0,0,1-2.44-3.042L3.937,6.444a6.1,6.1,0,0,1,11.832-.31l1.583,5.7a2.481,2.481,0,0,1-.418,2.181Z"
+          transform="translate(-0.986 -0.002)"
+          fill="#121212"
+        />
+      </svg>
+    </>
+  )
+}

package/src/components/Layout/Header/index.tsx

@@ -1 +1 @@
-export { default } from './AppHeader'
+export { default } from './AppHeader'

package/src/components/Layout/Header/styles.tsx

@@ -1,133 +1,133 @@
-import {
-  alpha,
-  AppBar,
-  Box,
-  IconButton,
-  ListItemText,
-  styled,
-  Typography,
-  Link,
-  Avatar,
-} from '@mui/material'
-import { Link as RouterLink } from 'react-router-dom'
-
-export const StyledImageWrapper = styled('div')`
-  width: auto;
-  height: 24px;
-  & img {
-    width: 100%;
-    height: 100%;
-    object-fit: contain;
-  }
-`
-
-export const StyledItemText = styled(ListItemText)(({ theme }) => ({
-  color: theme.palette.text.primary,
-  transition: '0.2s ease',
-}))
-
-export const StyledAppBar = styled(AppBar)(({ theme }) => ({
-  backgroundColor: 'white',
-  boxShadow: '0px 8px 28px rgb(136,136,136, 0.3)',
-}))
-
-export const StyledHeader = styled(Box)(({ theme }) => ({
-  boxShadow: '0px 2px 10px #0000001a',
-  backgroundColor: 'white',
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'space-between',
-  '& .actions': {
-    marginRight: '20px',
-    display: 'flex',
-    alignItems: 'center',
-    gap: '14px',
-  },
-}))
-
-export const StyledUser = styled(Box)(({ theme }) => ({
-  cursor: 'pointer',
-  borderRadius: '5px',
-  transition: 'background 0.2s ease',
-  padding: '5px 16px',
-  display: 'flex',
-  alignItems: 'center',
-  gap: '8px',
-  '&:hover': {
-    background: theme.palette.secondary.light,
-  },
-}))
-
-export const StyledIconButton = styled(IconButton)({
-  padding: '20px',
-  backgroundColor: 'black',
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'center',
-  borderRadius: '0px',
-  border: '1px solid white',
-})
-
-export const StyledLink = styled(Link)({
-  textDecoration: 'none',
-})
-
-export const StyledDescription = styled(Typography)(({ theme }) => ({
-  fontSize: '12px',
-  fontWeight: 600,
-  color: alpha(theme?.palette?.secondary?.lighter, 0.5),
-}))
-
-export const StyledMenuItem = styled(Box)({
-  height: '68px',
-  width: '380px',
-  padding: '40px 20px',
-  transition: 'background ease 0.3s',
-  '&:hover': {
-    background: 'rgba(0, 0, 0, 0.03)',
-  },
-  display: 'flex',
-  alignItems: 'center',
-  gap: '20px',
-})
-
-export const StyledMenuItemContainer = styled(Box)(({ theme }) => ({
-  cursor: 'pointer',
-
-  padding: '8px 0px',
-
-  borderBottom: `1px solid ${theme?.palette?.secondary?.lighter}`,
-}))
-
-export const StyledAvatar = styled(Avatar)(({ theme }) => ({
-  background: theme.palette.secondary.main,
-  cursor: 'pointer',
-  height: '45px',
-  width: '45px',
-}))
-
-export const StyledLogosWrapper = styled(Box)(() => ({
-  display: 'flex',
-  alignItems: 'center',
-  gap: '10px',
-  padding: '10px',
-  transition: 'background ease 0.3s',
-  borderRadius: '5px',
-  '&:hover': {
-    background: 'rgba(0, 0, 0, 0.05)',
-  },
-}))
-
-export const StyledImageBox = styled(Box)(() => ({
-  height: '40px',
-  width: '40px',
-  boxShadow: '0px 5px 5px 0px rgba(48, 62, 99,0.1) ',
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'center',
-  borderRadius: '5px',
-}))
-
-export const StyledRouterLink = styled(RouterLink)(() => ({
-  textDecoration: 'none',
-}))
+import {
+  alpha,
+  AppBar,
+  Box,
+  IconButton,
+  ListItemText,
+  styled,
+  Typography,
+  Link,
+  Avatar,
+} from '@mui/material'
+import { Link as RouterLink } from 'react-router-dom'
+
+export const StyledImageWrapper = styled('div')`
+  width: auto;
+  height: 24px;
+  & img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+  }
+`
+
+export const StyledItemText = styled(ListItemText)(({ theme }) => ({
+  color: theme.palette.text.primary,
+  transition: '0.2s ease',
+}))
+
+export const StyledAppBar = styled(AppBar)(({ theme }) => ({
+  backgroundColor: 'white',
+  boxShadow: '0px 8px 28px rgb(136,136,136, 0.3)',
+}))
+
+export const StyledHeader = styled(Box)(({ theme }) => ({
+  boxShadow: '0px 2px 10px #0000001a',
+  backgroundColor: 'white',
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'space-between',
+  '& .actions': {
+    marginRight: '20px',
+    display: 'flex',
+    alignItems: 'center',
+    gap: '14px',
+  },
+}))
+
+export const StyledUser = styled(Box)(({ theme }) => ({
+  cursor: 'pointer',
+  borderRadius: '5px',
+  transition: 'background 0.2s ease',
+  padding: '5px 16px',
+  display: 'flex',
+  alignItems: 'center',
+  gap: '8px',
+  '&:hover': {
+    background: theme.palette.secondary.light,
+  },
+}))
+
+export const StyledIconButton = styled(IconButton)({
+  padding: '20px',
+  backgroundColor: 'black',
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  borderRadius: '0px',
+  border: '1px solid white',
+})
+
+export const StyledLink = styled(Link)({
+  textDecoration: 'none',
+})
+
+export const StyledDescription = styled(Typography)(({ theme }) => ({
+  fontSize: '12px',
+  fontWeight: 600,
+  color: alpha(theme?.palette?.secondary?.lighter, 0.5),
+}))
+
+export const StyledMenuItem = styled(Box)({
+  height: '68px',
+  width: '380px',
+  padding: '40px 20px',
+  transition: 'background ease 0.3s',
+  '&:hover': {
+    background: 'rgba(0, 0, 0, 0.03)',
+  },
+  display: 'flex',
+  alignItems: 'center',
+  gap: '20px',
+})
+
+export const StyledMenuItemContainer = styled(Box)(({ theme }) => ({
+  cursor: 'pointer',
+
+  padding: '8px 0px',
+
+  borderBottom: `1px solid ${theme?.palette?.secondary?.lighter}`,
+}))
+
+export const StyledAvatar = styled(Avatar)(({ theme }) => ({
+  background: theme.palette.secondary.main,
+  cursor: 'pointer',
+  height: '45px',
+  width: '45px',
+}))
+
+export const StyledLogosWrapper = styled(Box)(() => ({
+  display: 'flex',
+  alignItems: 'center',
+  gap: '10px',
+  padding: '10px',
+  transition: 'background ease 0.3s',
+  borderRadius: '5px',
+  '&:hover': {
+    background: 'rgba(0, 0, 0, 0.05)',
+  },
+}))
+
+export const StyledImageBox = styled(Box)(() => ({
+  height: '40px',
+  width: '40px',
+  boxShadow: '0px 5px 5px 0px rgba(48, 62, 99,0.1) ',
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  borderRadius: '5px',
+}))
+
+export const StyledRouterLink = styled(RouterLink)(() => ({
+  textDecoration: 'none',
+}))

package/src/components/Layout/Helmet.tsx

@@ -1,108 +1,108 @@
-import { ReactNode } from 'react'
-import { Helmet as ReactHelmet } from 'react-helmet'
-
-const isLocalHost = process.env.NODE_ENV === 'development'
-
-const freshDeskInnerHtml = `
-          window.fwSettings = {
-            widget_id: 85000000149,
-         }
-          !(function () {
-            window.openFreshDeskWidget = function openFreshDeskWidget() {
-            FreshworksWidget('open', 'ticketForm')
-          }
-         if ('function' != typeof window.FreshworksWidget) {
-          var n = function () {
-            n.q.push(arguments)
-          }
-          ;(n.q = []), (window.FreshworksWidget = n)
-         }
-          FreshworksWidget('hide', 'launcher')
-        })()
-
-`
-
-const getInnerHtml = (user: any) => {
-  if (isLocalHost) {
-    return ''
-  }
-  const fcWidgetMessengerConfig = {
-    config: {
-      headerProperty: {
-        hideChatButton: true,
-      },
-    },
-  }
-
-  const phone = user?.mobile?.substring(user?.mobile?.length - 10)
-
-  return `
-    window.fcWidgetMessengerConfig = ${JSON.stringify(fcWidgetMessengerConfig)}
-    window.fcSettings = {
-        onInit: function() {
-          console.log('Fresh Chat Init')
-          window.fcWidget.setExternalId('${user?.email}')
-          window.fcWidget.user.setFirstName('${user?.fullName}')
-          window.fcWidget.user.setEmail('${user?.email}')
-          window.fcWidget.user.setPhone('${phone}')
-        }
-      }
-      
-      `
-}
-
-interface IHelmetProps {
-  appTitle: string
-  favicon: string
-  description?: string
-  user: any
-  extraMetaTags?: ReactNode
-}
-
-export default function Helmet({
-  appTitle,
-  favicon,
-  description,
-  user,
-  extraMetaTags,
-}: IHelmetProps) {
-  return (
-    <ReactHelmet htmlAttributes={{ lang: 'en' }}>
-      <title>{appTitle}</title>
-      <meta charSet="utf-8" />
-      <meta name="description" content={description} />
-      <meta name="viewport" content="width=device-width, initial-scale=1" />
-      {extraMetaTags}
-      <link rel="icon" href={favicon} />
-      <link rel="apple-touch-icon" href={favicon} />
-      {!isLocalHost && (
-        <script
-          type="text/javascript"
-          src="//in.fw-cdn.com/30814322/430238.js"
-          defer
-        />
-      )}
-      {!isLocalHost && <script defer>{getInnerHtml(user)}</script>}
-      {/* {!isLocalHost && (
-        <script async defer>
-          {freshDeskInnerHtml}
-        </script>
-      )} */}
-      {/* {!isLocalHost && (
-        <script
-          type="text/javascript"
-          src="https://ind-widget.freshworks.com/widgets/85000000149.js"
-          defer
-        ></script>
-      )} */}
-      <style type="text/css">
-        {`
-            #fc_frame {
-              bottom: 0 !important;
-              right: 0 !important;
-            }
-          `}
-      </style>
-    </ReactHelmet>
-  )
-}
+import { ReactNode } from 'react'
+import { Helmet as ReactHelmet } from 'react-helmet'
+
+const isLocalHost = process.env.NODE_ENV === 'development'
+
+const freshDeskInnerHtml = `
+          window.fwSettings = {
+            widget_id: 85000000149,
+         }
+          !(function () {
+            window.openFreshDeskWidget = function openFreshDeskWidget() {
+            FreshworksWidget('open', 'ticketForm')
+          }
+         if ('function' != typeof window.FreshworksWidget) {
+          var n = function () {
+            n.q.push(arguments)
+          }
+          ;(n.q = []), (window.FreshworksWidget = n)
+         }
+          FreshworksWidget('hide', 'launcher')
+        })()
+
+`
+
+const getInnerHtml = (user: any) => {
+  if (isLocalHost) {
+    return ''
+  }
+  const fcWidgetMessengerConfig = {
+    config: {
+      headerProperty: {
+        hideChatButton: true,
+      },
+    },
+  }
+
+  const phone = user?.mobile?.substring(user?.mobile?.length - 10)
+
+  return `
+    window.fcWidgetMessengerConfig = ${JSON.stringify(fcWidgetMessengerConfig)}
+    window.fcSettings = {
+        onInit: function() {
+          console.log('Fresh Chat Init')
+          window.fcWidget.setExternalId('${user?.email}')
+          window.fcWidget.user.setFirstName('${user?.fullName}')
+          window.fcWidget.user.setEmail('${user?.email}')
+          window.fcWidget.user.setPhone('${phone}')
+        }
+      }
+      
+      `
+}
+
+interface IHelmetProps {
+  appTitle: string
+  favicon: string
+  description?: string
+  user: any
+  extraMetaTags?: ReactNode
+}
+
+export default function Helmet({
+  appTitle,
+  favicon,
+  description,
+  user,
+  extraMetaTags,
+}: IHelmetProps) {
+  return (
+    <ReactHelmet htmlAttributes={{ lang: 'en' }}>
+      <title>{appTitle}</title>
+      <meta charSet="utf-8" />
+      <meta name="description" content={description} />
+      <meta name="viewport" content="width=device-width, initial-scale=1" />
+      {extraMetaTags}
+      <link rel="icon" href={favicon} />
+      <link rel="apple-touch-icon" href={favicon} />
+      {!isLocalHost && (
+        <script
+          type="text/javascript"
+          src="//in.fw-cdn.com/30814322/430238.js"
+          defer
+        />
+      )}
+      {!isLocalHost && <script defer>{getInnerHtml(user)}</script>}
+      {/* {!isLocalHost && (
+        <script async defer>
+          {freshDeskInnerHtml}
+        </script>
+      )} */}
+      {/* {!isLocalHost && (
+        <script
+          type="text/javascript"
+          src="https://ind-widget.freshworks.com/widgets/85000000149.js"
+          defer
+        ></script>
+      )} */}
+      <style type="text/css">
+        {`
+            #fc_frame {
+              bottom: 0 !important;
+              right: 0 !important;
+            }
+          `}
+      </style>
+    </ReactHelmet>
+  )
+}

package/src/components/Layout/LayoutWrapper.tsx

@@ -1,28 +1,28 @@
-import {
-  StyledLeftNavContainer,
-  StyledMainContentContainer,
-} from '../../layouts/Components/styles'
-import ErrorBoundary from '../ErrorBoundary'
-import SideNav from './SideNav'
-interface Props {
-  children?: React.ReactNode
-  menu: any[]
-  sideMenuHeader?: React.ReactNode
-}
-
-export default function LayoutWrapper({
-  children,
-  menu,
-  sideMenuHeader,
-}: Props) {
-  return (
-    <ErrorBoundary>
-      <StyledLeftNavContainer>
-        <SideNav menuItems={menu as any[]} header={sideMenuHeader} />
-      </StyledLeftNavContainer>
-      <StyledMainContentContainer>
-        <ErrorBoundary>{children}</ErrorBoundary>
-      </StyledMainContentContainer>
-    </ErrorBoundary>
-  )
-}
+import {
+  StyledLeftNavContainer,
+  StyledMainContentContainer,
+} from '../../layouts/Components/styles'
+import ErrorBoundary from '../ErrorBoundary'
+import SideNav from './SideNav'
+interface Props {
+  children?: React.ReactNode
+  menu: any[]
+  sideMenuHeader?: React.ReactNode
+}
+
+export default function LayoutWrapper({
+  children,
+  menu,
+  sideMenuHeader,
+}: Props) {
+  return (
+    <ErrorBoundary>
+      <StyledLeftNavContainer>
+        <SideNav menuItems={menu as any[]} header={sideMenuHeader} />
+      </StyledLeftNavContainer>
+      <StyledMainContentContainer>
+        <ErrorBoundary>{children}</ErrorBoundary>
+      </StyledMainContentContainer>
+    </ErrorBoundary>
+  )
+}