robobyte-front-builder 1.0.0

package/src/libs/ApexCharts.jsx

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

package/src/libs/ReactPlayer.jsx

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

package/src/libs/Recharts.jsx

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

package/src/libs/auth.js

@@ -0,0 +1,124 @@
+// Third-party Imports
+import CredentialProvider from 'next-auth/providers/credentials'
+import GoogleProvider from 'next-auth/providers/google'
+import { PrismaAdapter } from '@auth/prisma-adapter'
+import { PrismaClient } from '@prisma/client'
+
+const prisma = new PrismaClient()
+
+export const authOptions = {
+  adapter: PrismaAdapter(prisma),
+
+  // ** Configure one or more authentication providers
+  // ** Please refer to https://next-auth.js.org/configuration/options#providers for more `providers` options
+  providers: [
+    CredentialProvider({
+      // ** The name to display on the sign in form (e.g. 'Sign in with...')
+      // ** For more details on Credentials Provider, visit https://next-auth.js.org/providers/credentials
+      name: 'Credentials',
+      type: 'credentials',
+
+      /*
+       * As we are using our own Sign-in page, we do not need to change
+       * username or password attributes manually in following credentials object.
+       */
+      credentials: {},
+      async authorize(credentials) {
+        /*
+         * You need to provide your own logic here that takes the credentials submitted and returns either
+         * an object representing a user or value that is false/null if the credentials are invalid.
+         * For e.g. return { id: 1, name: 'J Smith', email: 'jsmith@example.com' }
+         * You can also use the `req` object to obtain additional parameters (i.e., the request IP address)
+         */
+        const { email, password } = credentials
+
+        try {
+          // ** Login API Call to match the user credentials and receive user data in response along with his role
+          const res = await fetch(`${process.env.API_URL}/login`, {
+            method: 'POST',
+            headers: {
+              'Content-Type': 'application/json'
+            },
+            body: JSON.stringify({ email, password })
+          })
+
+          const data = await res.json()
+
+          if (res.status === 401) {
+            throw new Error(JSON.stringify(data))
+          }
+
+          if (res.status === 200) {
+            /*
+             * Please unset all the sensitive information of the user either from API response or before returning
+             * user data below. Below return statement will set the user object in the token and the same is set in
+             * the session which will be accessible all over the app.
+             */
+            return data
+          }
+
+          return null
+        } catch (e) {
+          throw new Error(e.message)
+        }
+      }
+    }),
+    GoogleProvider({
+      clientId: process.env.GOOGLE_CLIENT_ID,
+      clientSecret: process.env.GOOGLE_CLIENT_SECRET
+    })
+
+    // ** ...add more providers here
+  ],
+
+  // ** Please refer to https://next-auth.js.org/configuration/options#session for more `session` options
+  session: {
+    /*
+     * Choose how you want to save the user session.
+     * The default is `jwt`, an encrypted JWT (JWE) stored in the session cookie.
+     * If you use an `adapter` however, NextAuth default it to `database` instead.
+     * You can still force a JWT session by explicitly defining `jwt`.
+     * When using `database`, the session cookie will only contain a `sessionToken` value,
+     * which is used to look up the session in the database.
+     * If you use a custom credentials provider, user accounts will not be persisted in a database by NextAuth.js (even if one is configured).
+     * The option to use JSON Web Tokens for session tokens must be enabled to use a custom credentials provider.
+     */
+    strategy: 'jwt',
+
+    // ** Seconds - How long until an idle session expires and is no longer valid
+    maxAge: 30 * 24 * 60 * 60 // ** 30 days
+  },
+
+  // ** Please refer to https://next-auth.js.org/configuration/options#pages for more `pages` options
+  pages: {
+    signIn: '/login'
+  },
+
+  // ** Please refer to https://next-auth.js.org/configuration/options#callbacks for more `callbacks` options
+  callbacks: {
+    /*
+     * While using `jwt` as a strategy, `jwt()` callback will be called before
+     * the `session()` callback. So we have to add custom parameters in `token`
+     * via `jwt()` callback to make them accessible in the `session()` callback
+     */
+    async jwt({ token, user }) {
+      if (user) {
+        /*
+         * For adding custom parameters to user in session, we first need to add those parameters
+         * in token which then will be available in the `session()` callback
+         */
+        token.name = user.name
+      }
+
+      return token
+    },
+    async session({ session, token }) {
+      if (session.user) {
+        // ** Add custom params to user in session which are added in `jwt()` callback via `token` parameter
+        session.user.name = token.name
+      }
+
+      return session
+    }
+  }
+}

package/src/libs/styles/AppFullCalendar.js

@@ -0,0 +1,505 @@
+'use client'
+
+// MUI imports
+import { styled } from '@mui/material/styles'
+
+// Styled Components
+const AppFullCalendar = styled('div')(({ theme }) => ({
+  display: 'flex',
+  position: 'relative',
+  borderRadius: 'var(--mui-shape-borderRadius)',
+  '& .fc': {
+    zIndex: 1,
+    '.fc-col-header, .fc-daygrid-body, .fc-scrollgrid-sync-table, .fc-timegrid-body, .fc-timegrid-body table': {
+      width: '100% !important'
+    },
+
+    // Toolbar
+    '& .fc-toolbar': {
+      flexWrap: 'wrap',
+      flexDirection: 'row !important',
+      '&.fc-header-toolbar': {
+        gap: theme.spacing(2),
+        marginBottom: theme.spacing(5)
+      },
+      '& .fc-sidebarToggle-button': {
+        color: 'var(--mui-palette-text-secondary) !important',
+        marginInlineEnd: theme.spacing(2)
+      },
+      '& .fc-button-group:has(.fc-next-button)': {
+        marginInlineStart: theme.spacing(2)
+      },
+      '.fc-prev-button, & .fc-next-button': {
+        display: 'flex',
+        backgroundColor: 'transparent',
+        padding: theme.spacing(1.5),
+        border: '1px solid var(--mui-palette-secondary-main)',
+        borderRadius: 'var(--mui-shape-customBorderRadius-md) !important',
+        '& .fc-icon': {
+          color: 'var(--mui-palette-text-secondary)',
+          fontSize: '1.25rem'
+        },
+        '&:hover, &:active, &:focus': {
+          boxShadow: 'none !important',
+          backgroundColor: 'transparent !important'
+        }
+      },
+      '& .fc-toolbar-chunk:first-of-type': {
+        display: 'flex',
+        flexWrap: 'wrap',
+        alignItems: 'center',
+        rowGap: theme.spacing(2),
+        [theme.breakpoints.down('md')]: {
+          '& div:first-of-type': {
+            display: 'flex',
+            alignItems: 'center'
+          }
+        }
+      },
+      '& .fc-button': {
+        '&:active, .&:focus': {
+          boxShadow: 'none'
+        }
+      },
+      '& .fc-button-group': {
+        '& .fc-button': {
+          textTransform: 'capitalize',
+          '&:focus': {
+            boxShadow: 'none'
+          }
+        },
+        '& .fc-button-primary': {
+          '&:not(.fc-prev-button):not(.fc-next-button)': {
+            ...theme.typography.button,
+            textTransform: 'capitalize',
+            backgroundColor: 'transparent',
+            padding: theme.spacing(1.75, 4),
+            color: 'var(--mui-palette-primary-main)',
+            borderColor: 'var(--mui-palette-primary-main)',
+            '&.fc-button-active, &:hover': {
+              color: 'var(--mui-palette-primary-main)',
+              borderColor: 'var(--mui-palette-primary-main)',
+              backgroundColor: 'var(--mui-palette-primary-lighterOpacity)'
+            }
+          }
+        },
+        '& .fc-sidebarToggle-button': {
+          border: 0,
+          lineHeight: 0.8,
+          borderColor: 'transparent',
+          paddingBottom: '0 !important',
+          backgroundColor: 'transparent',
+          marginLeft: `${theme.spacing(-2)} !important`,
+          padding: `${theme.spacing(1.275, 2)} !important`,
+          '&:focus': {
+            outline: 0,
+            boxShadow: 'none'
+          },
+          '&:not(.fc-prev-button):not(.fc-next-button):hover': {
+            backgroundColor: 'transparent !important'
+          },
+          '& + div': {
+            marginLeft: 0
+          }
+        },
+        '.fc-dayGridMonth-button, .fc-timeGridWeek-button, .fc-timeGridDay-button, & .fc-listMonth-button': {
+          padding: theme.spacing(2.2, 6),
+          '&:last-of-type, &:first-of-type': {
+            borderRadius: 'var(--mui-shape-customBorderRadius-lg)'
+          },
+          '&:first-of-type': {
+            borderTopRightRadius: 0,
+            borderBottomRightRadius: 0
+          },
+          '&:last-of-type': {
+            borderTopLeftRadius: 0,
+            borderBottomLeftRadius: 0
+          }
+        }
+      },
+      '& > * > :not(:first-of-type)': {
+        marginLeft: 0
+      },
+      '& .fc-toolbar-title': {
+        marginInline: theme.spacing(4),
+        ...theme.typography.h4
+      },
+      '.fc-button:empty:not(.fc-sidebarToggle-button), & .fc-toolbar-chunk:empty': {
+        display: 'none'
+      }
+    },
+
+    // Calendar head & body common
+    '& tbody td, & thead th': {
+      borderColor: 'var(--mui-palette-divider)',
+      '&.fc-col-header-cell': {
+        borderLeft: 0,
+        borderRight: 0
+      },
+      '&[role="presentation"]': {
+        borderRightWidth: 0
+      }
+    },
+    '& colgroup col': {
+      width: '60px !important'
+    },
+
+    // Event Colors
+    '& .fc-event': {
+      '& .fc-event-title-container, .fc-event-main-frame': {
+        lineHeight: 1.077
+      },
+      '&:not(.fc-list-event)': {
+        '&.event-bg-primary': {
+          border: 0,
+          color: 'var(--mui-palette-primary-main)',
+
+          // backgroundColor: bgColors.primaryLight.backgroundColor,
+          backgroundColor: 'var(--mui-palette-primary-lightOpacity)',
+          '& .fc-event-title, & .fc-event-time': {
+            fontSize: theme.typography.caption.fontSize,
+            fontWeight: 500,
+            color: 'var(--mui-palette-primary-main)',
+            padding: 0
+          }
+        },
+        '&.event-bg-success': {
+          border: 0,
+          color: 'var(--mui-palette-success-main)',
+
+          // backgroundColor: bgColors.successLight.backgroundColor,
+          backgroundColor: 'var(--mui-palette-success-lightOpacity)',
+          '& .fc-event-title, & .fc-event-time': {
+            fontSize: theme.typography.caption.fontSize,
+            fontWeight: 500,
+            color: 'var(--mui-palette-success-main)',
+            padding: 0
+          }
+        },
+        '&.event-bg-error': {
+          border: 0,
+          color: 'var(--mui-palette-error-main)',
+
+          // backgroundColor: bgColors.errorLight.backgroundColor,
+          backgroundColor: 'var(--mui-palette-error-lightOpacity)',
+          '& .fc-event-title, & .fc-event-time': {
+            fontSize: theme.typography.caption.fontSize,
+            fontWeight: 500,
+            color: 'var(--mui-palette-error-main)',
+            padding: 0
+          }
+        },
+        '&.event-bg-warning': {
+          border: 0,
+          color: 'var(--mui-palette-warning-main)',
+
+          // backgroundColor: bgColors.warningLight.backgroundColor,
+          backgroundColor: 'var(--mui-palette-warning-lightOpacity)',
+          '& .fc-event-title, & .fc-event-time': {
+            fontSize: theme.typography.caption.fontSize,
+            fontWeight: 500,
+            color: 'var(--mui-palette-warning-main)',
+            padding: 0
+          }
+        },
+        '&.event-bg-info': {
+          border: 0,
+          color: 'var(--mui-palette-info-main)',
+
+          // backgroundColor: bgColors.infoLight.backgroundColor,
+          backgroundColor: 'var(--mui-palette-info-lightOpacity)',
+          '& .fc-event-title, & .fc-event-time': {
+            fontSize: theme.typography.caption.fontSize,
+            fontWeight: 500,
+            color: 'var(--mui-palette-info-main)',
+            padding: 0
+          }
+        }
+      },
+      '&.event-bg-primary': {
+        '& .fc-list-event-dot': {
+          borderColor: 'var(--mui-palette-primary-main)',
+          backgroundColor: 'var(--mui-palette-primary-main)'
+        },
+        '&:hover td': {
+          backgroundColor: 'var(--mui-palette-primary-lightOpacity)'
+        }
+      },
+      '&.event-bg-success': {
+        '& .fc-list-event-dot': {
+          borderColor: 'var(--mui-palette-success-main)',
+          backgroundColor: 'var(--mui-palette-success-main)'
+        },
+        '&:hover td': {
+          backgroundColor: 'var(--mui-palette-success-lightOpacity)'
+        }
+      },
+      '&.event-bg-error': {
+        '& .fc-list-event-dot': {
+          borderColor: 'var(--mui-palette-error-main)',
+          backgroundColor: 'var(--mui-palette-error-main)'
+        },
+        '&:hover td': {
+          backgroundColor: 'var(--mui-palette-error-lightOpacity)'
+        }
+      },
+      '&.event-bg-warning': {
+        '& .fc-list-event-dot': {
+          borderColor: 'var(--mui-palette-warning-main)',
+          backgroundColor: 'var(--mui-palette-warning-main)'
+        },
+        '&:hover td': {
+          backgroundColor: 'var(--mui-palette-warning-lightOpacity)'
+        }
+      },
+      '&.event-bg-info': {
+        '& .fc-list-event-dot': {
+          borderColor: 'var(--mui-palette-info-main)',
+          backgroundColor: 'var(--mui-palette-info-main)'
+        },
+        '&:hover td': {
+          backgroundColor: 'var(--mui-palette-info-lightOpacity)'
+        }
+      },
+      '&.fc-daygrid-event': {
+        margin: 0,
+        borderRadius: '500px'
+      }
+    },
+    '& .fc-view-harness': {
+      minHeight: '650px',
+      margin: theme.spacing(0, -5.25),
+      width: `calc(100% + ${theme.spacing(5.25 * 2)})`
+    },
+
+    // Calendar Head
+    '& .fc-col-header': {
+      '& .fc-col-header-cell': {
+        fontSize: '.875rem',
+        color: 'var(--mui-palette-text-primary)',
+        '& .fc-col-header-cell-cushion': {
+          ...theme.typography.body1,
+          fontWeight: 500,
+          padding: theme.spacing(2),
+          textDecoration: 'none !important'
+        }
+      }
+    },
+
+    // Daygrid
+    '& .fc-scrollgrid-section-liquid > td': {
+      borderBottom: 0
+    },
+    '& .fc-daygrid-event-harness': {
+      '& .fc-event': {
+        padding: theme.spacing(1, 2)
+      },
+      '&:not(:last-of-type) .fc-event': {
+        marginBottom: `${theme.spacing(2.5)} !important`
+      }
+    },
+    '& .fc-daygrid-day-bottom': {
+      marginTop: theme.spacing(2.5)
+    },
+    '& .fc-daygrid-day': {
+      padding: '8px',
+      '& .fc-daygrid-day-top': {
+        flexDirection: 'row'
+      }
+    },
+    '& .fc-scrollgrid': {
+      borderColor: 'var(--mui-palette-divider)',
+      borderInlineStart: 0
+    },
+    '& .fc-daygrid-day-events': {
+      marginTop: theme.spacing(2.5),
+      minHeight: '5rem !important'
+    },
+    '& .fc-day-other .fc-daygrid-day-top': {
+      opacity: 1,
+      '& .fc-daygrid-day-number': {
+        color: 'var(--mui-palette-text-disabled) !important'
+      }
+    },
+
+    // All Views Event
+    '& .fc-daygrid-day-number, & .fc-timegrid-slot-label-cushion, & .fc-list-event-time': {
+      textDecoration: 'none !important'
+    },
+    '& .fc-daygrid-day-number': {
+      color: 'var(--mui-palette-text-secondary) !important',
+      padding: 0
+    },
+    '& .fc-timegrid-slot-label-cushion, & .fc-list-event-time': {
+      color: 'var(--mui-palette-text-primary) !important'
+    },
+    '& .fc-day-today:not(.fc-popover)': {
+      backgroundColor: 'var(--mui-palette-action-hover)'
+    },
+
+    // WeekView
+    '& .fc-timegrid': {
+      '& .fc-scrollgrid-section': {
+        '& .fc-col-header-cell, & .fc-timegrid-axis': {
+          borderLeft: 0,
+          borderRight: 0,
+          background: 'transparent',
+          borderColor: 'var(--mui-palette-divider)'
+        },
+        '& .fc-timegrid-axis': {
+          borderColor: 'var(--mui-palette-divider)'
+        },
+        '& .fc-timegrid-axis-frame': {
+          justifyContent: 'center',
+          padding: theme.spacing(2),
+          alignItems: 'flex-start'
+        },
+        '&:has(.fc-timegrid-divider)': {
+          height: 0
+        }
+      },
+      '& .fc-timegrid-axis': {
+        '&.fc-scrollgrid-shrink': {
+          '& .fc-timegrid-axis-cushion': {
+            ...theme.typography.body2,
+            padding: 0,
+            textTransform: 'capitalize',
+            color: 'var(--mui-palette-text-disabled)'
+          }
+        }
+      },
+      '& .fc-timegrid-slots': {
+        '& .fc-timegrid-slot': {
+          height: '3rem',
+          borderColor: 'var(--mui-palette-divider)',
+          '&.fc-timegrid-slot-label': {
+            borderRight: 0,
+            padding: theme.spacing(2),
+            verticalAlign: 'top'
+          },
+          '&.fc-timegrid-slot-lane': {
+            borderLeft: 0
+          },
+          '& .fc-timegrid-slot-label-frame': {
+            textAlign: 'center',
+            '& .fc-timegrid-slot-label-cushion': {
+              display: 'block',
+              padding: 0,
+              ...theme.typography.body2,
+              textTransform: 'uppercase'
+            }
+          }
+        }
+      },
+      '& .fc-timegrid-divider': {
+        display: 'none'
+      },
+      '& .fc-timegrid-event': {
+        '& .fc-event-time': {
+          ...theme.typography.caption,
+          marginBlockEnd: 2
+        },
+        '& .fc-event-title': {
+          lineHeight: 1.5385
+        },
+        boxShadow: 'none'
+      },
+      '.fc-timegrid-col-events': {
+        margin: 0,
+        '& .fc-event-main': {
+          padding: theme.spacing(2)
+        }
+      }
+    },
+    '& .fc-timeGridWeek-view .fc-timegrid-slot-minor': {
+      borderBlockStart: 0
+    },
+
+    // List View
+    '& .fc-list': {
+      border: 'none',
+      '& th[colspan="3"]': {
+        position: 'relative'
+      },
+      '& .fc-list-day-cushion': {
+        background: 'transparent',
+        padding: theme.spacing(2, 4)
+      },
+      '.fc-list-event': {
+        cursor: 'pointer',
+        '&:hover': {
+          '& td': {
+            // backgroundColor: `rgba(${theme.palette.customColors.main}, 0.04)`
+          }
+        },
+        '& td': {
+          borderColor: 'var(--mui-palette-divider)'
+        }
+      },
+      '& .fc-list-event-graphic': {
+        paddingBlock: theme.spacing(2)
+      },
+      '& .fc-list-day': {
+        backgroundColor: 'var(--mui-palette-action-hover)',
+        '& .fc-list-day-text, & .fc-list-day-side-text': {
+          ...theme.typography.body1,
+          fontWeight: 500,
+          textDecoration: 'none'
+        },
+        '&  >  *': {
+          background: 'none',
+          borderColor: 'var(--mui-palette-divider)'
+        }
+      },
+      '& .fc-list-event-title': {
+        ...theme.typography.body1,
+        color: 'var(--mui-palette-text-secondary) !important',
+        padding: theme.spacing(2, 4, 2, 2)
+      },
+      '& .fc-list-event-time': {
+        ...theme.typography.body1,
+        color: 'var(--mui-palette-text-secondary) !important',
+        padding: theme.spacing(2, 4)
+      },
+      '.fc-list-table tbody > tr:first-child th': {
+        borderTop: '1px solid var(--mui-palette-divider)'
+      },
+      '.fc-list-table': {
+        borderBottom: '1px solid var(--mui-palette-divider)'
+      }
+    },
+
+    // Popover
+    '& .fc-popover': {
+      zIndex: 20,
+      '[data-skin="bordered"] &': {
+        boxShadow: 'none'
+      },
+      boxShadow: 1,
+      borderColor: 'var(--mui-palette-divider)',
+      borderRadius: 'var(--mui-shape-borderRadius)',
+      background: 'var(--mui-palette-background-paper)',
+      '& .fc-popover-header': {
+        padding: theme.spacing(2),
+        borderStartStartRadius: 'var(--mui-shape-borderRadius)',
+        borderStartEndRadius: 'var(--mui-shape-borderRadius)',
+        background: 'var(--mui-palette-action-hover)',
+        '& .fc-popover-title, & .fc-popover-close': {
+          color: 'var(--mui-palette-text-primary)'
+        }
+      }
+    },
+
+    // Media Queries
+    [theme.breakpoints.up('md')]: {
+      '& .fc-sidebarToggle-button': {
+        display: 'none'
+      },
+      '& .fc-toolbar-title': {
+        marginLeft: 0
+      }
+    }
+  }
+}))
+
+export default AppFullCalendar