@campxdev/react-blueprint 1.1.7 → 1.1.8

package/.vscode/settings.json

@@ -1,3 +1,7 @@
 {
-  "cSpell.words": ["autodocs", "Campx"]
+  "cSpell.words": [
+    "autodocs",
+    "Campx",
+    "Gifs"
+  ]
 }

package/craco.config.js

@@ -0,0 +1,18 @@
+const path = require('path');
+const { getLoader, loaderByName } = require('@craco/craco');
+const packages = [];
+packages.push(path.dirname(require.resolve('@campxdev/campx-web-utils')));
+packages.push(path.dirname(require.resolve('@campxdev/react-blueprint')));
+module.exports = {
+  webpack: {
+    configure: (webpackConfig) => {
+      const { isFound, match } = getLoader(webpackConfig, loaderByName('babel-loader'));
+      if (isFound) {
+        const include = Array.isArray(match.loader.include) ? match.loader.include : [match.loader.include];
+        match.loader.include = include.concat(packages);
+      }
+
+      return webpackConfig;
+    },
+  },
+};

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@campxdev/react-blueprint",
-  "version": "1.1.7",
+  "version": "1.1.8",
   "main": "./export.ts",
   "private": false,
   "dependencies": {
-    "@campxdev/campx-web-utils": "0.1.5",
+    "@campxdev/campx-web-utils": "0.1.18",
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
     "@mui/icons-material": "^5.15.20",
@@ -43,9 +43,9 @@
     "yalc": "^1.0.0-pre.53"
   },
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
+    "start": "craco start",
+    "build": "craco build",
+    "test": "craco test",
     "eject": "react-scripts eject",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
@@ -72,6 +72,7 @@
   "devDependencies": {
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "@chromatic-com/storybook": "^1.6.1",
+    "@craco/craco": "^7.1.0",
     "@storybook/addon-essentials": "^8.2.6",
     "@storybook/addon-interactions": "^8.2.6",
     "@storybook/addon-links": "^8.2.6",

package/src/assets/images/gif/index.ts

@@ -0,0 +1,7 @@
+import ConfirmationAlert from '../gif/confirmation-alert.gif';
+import DeleteConfirmationAlert from '../gif/delete-confirmation-alert.gif';
+
+export const AnimatedGifs = {
+  ConfirmationAlert,
+  DeleteConfirmationAlert,
+};

package/src/assets/images/svg/index.ts

@@ -1,29 +1,13 @@
-import commuteSmall from "./commutex_small.svg";
-import emptyListImage from "./Emptylistmage.svg";
-import enrollSmall from "./enroll_logo.svg";
-import errorCactus from "./error-cactus.svg";
-import examsSmall from "./exams_small.svg";
-import helpIcon from "./help-icon.svg";
-import hostelSmall from "./hostel_small.svg";
-import internalServerError from "./Internalserverimage.svg";
-import noConnection from "./no-connection.svg";
-import payxSmall from "./payx_small.svg";
-import peopleSmall from "./people_small.svg";
-import squareSmall from "./square_small.svg";
-import unAuthorized from "./unauthorized.svg";
+import emptyListImage from './Emptylistmage.svg';
+import errorCactus from './error-cactus.svg';
+import internalServerError from './Internalserverimage.svg';
+import noConnection from './no-connection.svg';
+import unAuthorized from './unauthorized.svg';
 
 export {
-  commuteSmall,
   emptyListImage,
-  enrollSmall,
   errorCactus,
-  examsSmall,
-  helpIcon,
-  hostelSmall,
   internalServerError,
   noConnection,
-  payxSmall,
-  peopleSmall,
-  squareSmall,
   unAuthorized,
 };

package/src/components/Navigation/ConfirmDialog/ConfirmDialog.tsx

@@ -0,0 +1,79 @@
+import { Box, Dialog, DialogActions, styled } from '@mui/material';
+
+import { AnimatedGifs } from '../../../assets/images/gif';
+import { Button, Typography } from '../../export';
+
+export type ConfirmDialogType = 'confirm' | 'delete';
+
+export type ConfirmDialogProps = {
+  isOpen: boolean;
+  title: string;
+  message: string;
+  onConfirm: () => void;
+  onCancel: () => void;
+  type: ConfirmDialogType;
+};
+
+const StyledDialogContent = styled(Box)(() => ({
+  display: 'flex',
+  alignItems: 'center',
+}));
+
+const StyledDialog = styled(Dialog)(({ theme }) => ({
+  '& .MuiPaper-root': {
+    padding: '24px 16px',
+    display: 'flex',
+    height: '175px',
+  },
+}));
+
+export const ConfirmDialog: React.FC<ConfirmDialogProps> = ({
+  isOpen,
+  title,
+  message,
+  onConfirm,
+  onCancel,
+  type,
+}) => {
+  if (!isOpen) return null;
+
+  return (
+    <StyledDialog
+      keepMounted
+      maxWidth="sm"
+      transitionDuration={150}
+      open={isOpen}
+      onClose={onCancel}
+    >
+      <StyledDialogContent>
+        <Box>
+          <img
+            src={
+              type === 'delete'
+                ? AnimatedGifs.DeleteConfirmationAlert
+                : AnimatedGifs.ConfirmationAlert
+            }
+            alt="Animated GIF"
+            style={{ width: '80px' }}
+          />
+        </Box>
+        <Box>
+          <Typography variant="subtitle2">{title}</Typography>
+          <Typography variant="label1">{message}</Typography>
+        </Box>
+      </StyledDialogContent>
+      <DialogActions sx={{ gap: '16px' }}>
+        <Button onClick={onCancel} variant="text">
+          Cancel
+        </Button>
+        <Button
+          onClick={onConfirm}
+          variant="contained"
+          color={type === 'delete' ? 'error' : 'primary'}
+        >
+          {type === 'delete' ? 'Confirm Delete' : 'Confirm'}
+        </Button>
+      </DialogActions>
+    </StyledDialog>
+  );
+};

package/src/components/Navigation/exports.ts

@@ -1,10 +1,9 @@
-export * from "./DialogButton/DialogButton";
-export * from "./DropDownMenu/DropDownButton";
-export * from "./DropDownMenu/DropDownIcon";
-export * from "./DropDownMenu/DropDownMenu";
-export * from "./DropDownMenu/DropdownMenuItem";
-
-export * from "./Sidebar/Sidebar";
-
-export * from "./Stepper/Stepper";
-export * from "./TabsContainer/TabsContainer";
+export * from './ConfirmDialog/ConfirmDialog';
+export * from './DialogButton/DialogButton';
+export * from './DropDownMenu/DropDownButton';
+export * from './DropDownMenu/DropDownIcon';
+export * from './DropDownMenu/DropDownMenu';
+export * from './DropDownMenu/DropdownMenuItem';
+export * from './Sidebar/Sidebar';
+export * from './Stepper/Stepper';
+export * from './TabsContainer/TabsContainer';

package/src/contexts/Providers.tsx

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
-import { MuiThemeProvider } from "../themes/MuiThemeProvider";
+import { ReactNode } from 'react';
+import { MuiThemeProvider } from '../themes/MuiThemeProvider';
 
 export default function Providers({ children }: { children: ReactNode }) {
   return <MuiThemeProvider>{children}</MuiThemeProvider>;

package/src/stories/Navigation/ConfirmDialog.stories.tsx

@@ -0,0 +1,80 @@
+import { Button } from '@mui/material';
+import { Meta, StoryObj } from '@storybook/react';
+import { useState } from 'react';
+import { ConfirmDialog, ConfirmDialogProps } from '../../components/export';
+
+const meta: Meta<typeof ConfirmDialog> = {
+  title: 'Navigation/ConfirmDialog',
+  component: ConfirmDialog,
+  tags: ['autodocs'],
+  argTypes: {
+    isOpen: {
+      description: 'Controls the visibility of the dialog',
+    },
+    title: {
+      description: 'Title text of the dialog',
+      control: 'text',
+    },
+    message: {
+      description: 'Message text displayed in the dialog',
+      control: 'text',
+    },
+    type: {
+      description: "Type of confirmation dialog ('confirm' or 'delete')",
+      control: {
+        type: 'select',
+        options: ['confirm', 'delete'],
+      },
+    },
+    onConfirm: {
+      description: 'Function to execute on confirm',
+      action: 'confirmed',
+    },
+    onCancel: {
+      description: 'Function to execute on cancel',
+      action: 'canceled',
+    },
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof ConfirmDialog>;
+
+export const Default: Story = {
+  render: (args: ConfirmDialogProps) => {
+    const [open, setOpen] = useState(false);
+    return (
+      <>
+        <Button variant="contained" onClick={() => setOpen(true)}>
+          Show Confirm Dialog
+        </Button>
+        <ConfirmDialog {...args} isOpen={open} onCancel={() => setOpen(false)} onConfirm={() => setOpen(false)} />
+      </>
+    );
+  },
+  args: {
+    title: 'Are you sure?',
+    message: 'Do you really want to perform this action?',
+    type: 'confirm',
+  },
+};
+
+export const DeleteConfirmation: Story = {
+  render: (args: ConfirmDialogProps) => {
+    const [open, setOpen] = useState(false);
+    return (
+      <>
+        <Button variant="contained" onClick={() => setOpen(true)}>
+          Show Delete Confirm Dialog
+        </Button>
+        <ConfirmDialog {...args} isOpen={open} onCancel={() => setOpen(false)} onConfirm={() => setOpen(false)} />
+      </>
+    );
+  },
+  args: {
+    title: 'Confirm Delete',
+    message: 'Are you sure you want to delete this item?',
+    type: 'delete',
+  },
+};

package/tsconfig.json

@@ -1,11 +1,7 @@
 {
   "compilerOptions": {
     "target": "es5",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "esModuleInterop": true,
@@ -21,5 +17,5 @@
     "types": ["node"],
     "jsx": "react-jsx"
   },
-  "include": ["src", "./types"  ]
+  "include": ["src", "./types"]
 }

package/src/assets/images/index.ts

@@ -1,25 +0,0 @@
-import admin from "./admin.png";
-import campxLogoPrimary from "./campx_logo__full_primary.png";
-import collegex from "./collegex.png";
-import commutex from "./commutex.png";
-
-import enrollx from "./enrollx.png";
-
-import examx from "./examx.png";
-
-import hostelx from "./hostelx.png";
-import payx from "./payx.png";
-
-import peoplex from "./pepolex.png";
-
-export {
-  admin,
-  campxLogoPrimary,
-  collegex,
-  commutex,
-  enrollx,
-  examx,
-  hostelx,
-  payx,
-  peoplex,
-};

package/src/assets/images/svg/campx-logo.svg

@@ -1,32 +0,0 @@
-<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1177.77 217.66">
-  <defs>
-    <style>
-      .cls-1, .cls-2, .cls-3 {
-        stroke-width: 0px;
-      }
-
-      .cls-2 {
-        fill: #1e19f5;
-      }
-
-      .cls-3 {
-        fill: #121212;
-      }
-    </style>
-  </defs>
-  <g id="Layer_1-2" data-name="Layer 1">
-    <g>
-      <g id="Group_4155" data-name="Group 4155">
-        <path class="cls-3" d="m189.83,186.55c-21.46,21.16-49.17,30.99-79.27,30.99C33.08,217.54.3,164.2,0,109.96-.3,55.43,35.17,0,110.56,0c28.31,0,55.13,10.73,76.59,31.89l-26.22,25.33c-13.71-13.41-32.18-19.67-50.36-19.67-50.36,0-72.12,37.55-71.82,72.41.3,34.57,20.26,70.63,71.82,70.63,18.18,0,38.74-7.45,52.45-21.16l26.82,27.12Z"/>
-        <path class="cls-3" d="m375.48,173.44h-109.07l-17.88,39.34h-42.61L299.49,4.17h42.91l93.57,208.6h-42.91l-17.58-39.34Zm-54.53-125.46l-38.74,88.8h77.48l-38.74-88.8Z"/>
-        <path class="cls-3" d="m652.33,61.69l-67.94,90.59h-7.75l-66.46-90.89v151.68h-39.34V4.47h45.3l65.26,89.7L646.66,4.47h45v208.6h-39.34V61.69Z"/>
-        <path class="cls-3" d="m789.7,151.39v61.39h-39.34V4.17c32.48,0,65.86-.3,98.34-.3,102.51,0,102.81,146.62,0,147.51h-59Zm0-36.06h59c50.36,0,50.07-73.91,0-73.91h-59v73.91Z"/>
-        <path id="Subtraction_8" data-name="Subtraction 8" class="cls-2" d="m1149.43,217.66h-50.26l-29.65-40.82,25.85-35.57,55,75.71-.94.68h0Zm-153.97,0h-50.36l-.94-.69,77.35-106.47L944.16,4.04l.52-.38h51.01l51.73,71.2h.01s25.9,35.63,25.9,35.63v.02s.03.05.03.05l-25.9,35.65-.04-.05-51.95,71.51h0Zm99.7-137.63h0l-25.85-35.57,29.64-40.8h50.9l.52.38-55.21,76Z"/>
-      </g>
-      <g>
-        <path class="cls-1" d="m1165.77,3.47c-2.37,0-4.69.7-6.67,2.02-1.97,1.32-3.51,3.19-4.42,5.39-.91,2.19-1.15,4.61-.68,6.93.46,2.33,1.61,4.47,3.28,6.14,1.68,1.68,3.82,2.82,6.14,3.28,2.33.46,4.74.23,6.93-.68,2.19-.91,4.07-2.45,5.39-4.42,1.32-1.97,2.02-4.29,2.02-6.67,0-3.18-1.26-6.23-3.51-8.49-2.25-2.25-5.3-3.51-8.49-3.51h0Zm0,21.6c-1.9,0-3.75-.56-5.33-1.62-1.58-1.05-2.81-2.55-3.54-4.31s-.92-3.68-.55-5.55c.37-1.86,1.28-3.57,2.63-4.92s3.05-2.26,4.92-2.63c1.86-.37,3.79-.18,5.55.55,1.75.73,3.25,1.96,4.31,3.54,1.05,1.58,1.62,3.43,1.62,5.33,0,2.55-1.01,4.99-2.81,6.79-1.8,1.8-4.24,2.81-6.79,2.81h0Z"/>
-        <path class="cls-1" d="m1170.57,13.07c0-.95-.38-1.87-1.05-2.55s-1.59-1.05-2.55-1.05h-6v12h2.4v-4.8h1.75l3.2,4.8h2.88l-3.3-4.94c.76-.2,1.43-.65,1.92-1.28.48-.62.74-1.39.75-2.18Zm-3.6,1.2h-3.6v-2.4h3.6c.32,0,.62.13.85.35.22.23.35.53.35.85s-.13.62-.35.85-.53.35-.85.35Z"/>
-      </g>
-    </g>
-  </g>
-</svg>

package/src/assets/images/svg/commutex_small.svg

@@ -1,11 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="25.391" height="35" viewBox="0 0 25.391 35">
-  <defs>
-    <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
-      <stop offset="0" stop-color="#6a2886"/>
-      <stop offset="1" stop-color="#8234a4"/>
-    </linearGradient>
-  </defs>
-  <g id="Group_4867" data-name="Group 4867" transform="translate(-152.7 -249.981)">
-    <path id="Union_49" data-name="Union 49" d="M16.86,35l-4.188-5.765L8.483,35H.085L0,34.938,11.873,18.6H.008V16.408H11.931L4.267,5.87l0,0L0,0,0,0H8.531l4.188,5.764L16.907,0h8.4l.086.062L13.514,16.408H25.383V18.6H13.463L21.124,29.13l0,0L25.391,35l0,0Z" transform="translate(152.7 249.981)" fill="url(#linear-gradient)"/>
-  </g>
-</svg>

package/src/assets/images/svg/enroll_logo.svg

@@ -1,9 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="177.011" height="195.229" viewBox="0 0 177.011 195.229">
-  <defs>
-    <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
-      <stop offset="0" stop-color="#007ab1"/>
-      <stop offset="1" stop-color="#149ecd"/>
-    </linearGradient>
-  </defs>
-  <path id="Union_61" data-name="Union 61" d="M0,195.229H.009L0,195.215l23.664-32.567.009.013L70.934,97.615h46.6l.474.344-70.671,97.27ZM87.442,156.1l42.5-58.487h46.6l.474.344L134.768,156.1Zm89.1-58.487h0Zm0,0h-46.6L87.381,39.042h47.325L177.011,97.27Zm-105.6,0L23.673,32.568l-.009.013L0,.013.009,0H47.337l70.671,97.27-.474.344ZM106.356.022h0ZM106.357.022Zm-47.346,0L59,.013,59.014,0h47.327l.016.021H59.011ZM0,0H.009Z" fill="url(#linear-gradient)"/>
-</svg>

package/src/assets/images/svg/exams_small.svg

@@ -1,12 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="33.975" height="35" viewBox="0 0 33.975 35">
-  <defs>
-    <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
-      <stop offset="0" stop-color="#d86b00"/>
-      <stop offset="1" stop-color="#ed9035"/>
-    </linearGradient>
-  </defs>
-  <g id="Group_4349" data-name="Group 4349" transform="translate(-342.295 -263.508)">
-    <path id="Subtraction_34" data-name="Subtraction 34" d="M33.973,35H25.488l0,0L0,35l0,0,4.242-5.838,0,0L12.717,17.5,4.244,5.839l0,0L0,0,0,0H33.973l0,0L29.732,5.841l0,0L21.257,17.5,29.73,29.161l0,0L33.975,35l0,0ZM16.987,23.3,13.43,28.2l7.11,0L16.987,23.3ZM13.43,6.8l3.557,4.9L20.539,6.8l-7.109,0Z" transform="translate(342.295 263.508)" fill="url(#linear-gradient)"/>
-    <rect id="Rectangle_4307" data-name="Rectangle 4307" width="0.404" height="14.649" transform="translate(359.08 273.686)" fill="#16161d"/>
-  </g>
-</svg>

package/src/assets/images/svg/help-icon.svg

@@ -1,8 +0,0 @@
-<svg id="message-question" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
-  <g id="message-question-2" data-name="message-question">
-    <path id="Vector" d="M12.5,16.667H4.1A3.877,3.877,0,0,1,0,12.593V4.074A3.893,3.893,0,0,1,4.167,0H12.5a3.893,3.893,0,0,1,4.167,4.074v8.52A3.893,3.893,0,0,1,12.5,16.667Z" transform="translate(1.667 2.025)" fill="none" stroke="#292d32" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
-    <path id="Vector-2" data-name="Vector" d="M2.245,6.086V5.8A2.119,2.119,0,0,1,3.382,4,2.073,2.073,0,0,0,4.491,2.245,2.245,2.245,0,0,0,0,2.245" transform="translate(7.755 5.594)" fill="none" stroke="#292d32" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
-    <path id="Vector-3" data-name="Vector" d="M0,0H20V20H0Z" fill="none" opacity="0"/>
-    <path id="Vector-4" data-name="Vector" d="M.5.5H.508" transform="translate(9.499 14.414)" fill="none" stroke="#292d32" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
-  </g>
-</svg>

package/src/assets/images/svg/hostel_small.svg

@@ -1,13 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="50.761" height="35" viewBox="0 0 50.761 35">
-  <defs>
-    <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
-      <stop offset="0" stop-color="#573dab"/>
-      <stop offset="1" stop-color="#7251dd"/>
-    </linearGradient>
-  </defs>
-  <g id="Group_4351" data-name="Group 4351" transform="translate(-270.758 -251.98)">
-    <path id="Subtraction_9" data-name="Subtraction 9" d="M8.724,17.99H0l0,0,4.361-6,0,0L12.981.127,17.251,6l0,0,.09.124L8.724,17.99ZM21.7.124h0L21.614,0h.047l.088.063L21.7.124Z" transform="translate(283.16 268.99)" fill="url(#linear-gradient)"/>
-    <path id="Union_40" data-name="Union 40" d="M8.724,35H0l0,0,4.362-6v0l8.618-11.861.02.028,3.762-5.179,0,0L25.383.127l.043.058.026-.036L38.368,17.927l-.008.006L46.4,29l0,0,4.361,6,0,0H42.037L33.418,23.136l0,0-4.363-6v0h0l-.044-.061,0,0-.858-1.18.011,0-2.759-3.8L21.126,17.99h-.041l-3.908,5.374L8.724,35h0Zm8-34.847L16.619,0l0,0h.218l-.111.152h0ZM34.107.124,34.016,0h.047l.087.064-.044.061Z" transform="translate(270.758 251.98)" fill="url(#linear-gradient)"/>
-    <path id="Subtraction_10" data-name="Subtraction 10" d="M21.661,17.99H13.073L4.472,6.152l4.361-6L21.749,17.927l-.087.063ZM.109.152h0L0,0,0,0H.219L.109.152Z" transform="translate(287.377 268.989)" fill="url(#linear-gradient)"/>
-  </g>
-</svg>

package/src/assets/images/svg/payx_small.svg

@@ -1,16 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24.634" height="35" viewBox="0 0 24.634 35">
-  <defs>
-    <linearGradient id="linear-gradient" x1="0.222" y1="1" x2="0.787" gradientUnits="objectBoundingBox">
-      <stop offset="0" stop-color="#88b053"/>
-      <stop offset="1" stop-color="#50840b"/>
-    </linearGradient>
-  </defs>
-  <g id="Group_4350" data-name="Group 4350" transform="translate(-1597.6 -781.549)">
-    <g id="Group_4461" data-name="Group 4461" transform="translate(1597.6 781.55)">
-      <g id="Group_4460" data-name="Group 4460" transform="translate(0 0)">
-        <path id="Subtraction_8" data-name="Subtraction 8" d="M8.75,17.991,21.775.063,21.688,0H13.1L4.389,11.988l0,0-4.361,6,0,0H8.75Z" transform="translate(2.859 17.009)" fill="url(#linear-gradient)"/>
-        <path id="Subtraction_8-2" data-name="Subtraction 8" d="M13.051,0,.026,17.927l.087.063H8.7L17.412,6l0,0,4.361-6,0,0H13.051Z" transform="translate(-0.026 0)" fill="url(#linear-gradient)"/>
-      </g>
-    </g>
-  </g>
-</svg>

package/src/assets/images/svg/people_small.svg

@@ -1,9 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="46.624" height="35.002" viewBox="0 0 46.624 35.002">
-  <defs>
-    <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
-      <stop offset="0" stop-color="#d0002b"/>
-      <stop offset="1" stop-color="#ea4a6b"/>
-    </linearGradient>
-  </defs>
-  <path id="Union_1" data-name="Union 1" d="M-1718.525-7459l-5.5-7.575-1.032,1.42,4.429,6.071-.113.083h-20l0,0,4.479-6.165-1.023-1.408-5.5,7.574H-1754l0,0,5.6-7.715,0,0,11.076-15.242.085.116,6.578,9.018,6.616-9.017.065-.089,16.6,22.845-.111.083Zm-10.1-30.589a4.412,4.412,0,0,1,4.41-4.412,4.413,4.413,0,0,1,4.412,4.412,4.413,4.413,0,0,1-4.412,4.413A4.413,4.413,0,0,1-1728.62-7489.589Zm-13.114,0a4.412,4.412,0,0,1,4.412-4.412,4.412,4.412,0,0,1,4.41,4.412,4.412,4.412,0,0,1-4.41,4.413A4.413,4.413,0,0,1-1741.735-7489.589Z" transform="translate(1753.999 7494.002)" fill="url(#linear-gradient)"/>
-</svg>

package/src/assets/images/svg/squareSmall.svg

@@ -1,9 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="35" height="35" viewBox="0 0 35 35">
-  <defs>
-    <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
-      <stop offset="0" stop-color="#596e79"/>
-      <stop offset="1" stop-color="#7c909b"/>
-    </linearGradient>
-  </defs>
-  <path id="Subtraction_7" data-name="Subtraction 7" d="M-5678.321,8264.99h-13.18v-13.234h6.563v6.672h6.617v6.563Zm21.82,0h-13.18v-6.562h6.617v-6.672h6.563v13.234Zm0-21.875h-6.562v-6.562h-6.617v-6.562h13.18v13.125Zm-28.437,0h-6.562V8229.99h13.18v6.563h-6.617v6.563Z" transform="translate(5691.501 -8229.99)" fill="url(#linear-gradient)"/>
-</svg>

package/src/assets/images/svg/square_small.svg

@@ -1,9 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="35" height="35" viewBox="0 0 35 35">
-  <defs>
-    <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
-      <stop offset="0" stop-color="#596e79"/>
-      <stop offset="1" stop-color="#7c909b"/>
-    </linearGradient>
-  </defs>
-  <path id="Subtraction_7" data-name="Subtraction 7" d="M-5678.321,8264.99h-13.18v-13.234h6.563v6.672h6.617v6.563Zm21.82,0h-13.18v-6.562h6.617v-6.672h6.563v13.234Zm0-21.875h-6.562v-6.562h-6.617v-6.562h13.18v13.125Zm-28.437,0h-6.562V8229.99h13.18v6.563h-6.617v6.563Z" transform="translate(5691.501 -8229.99)" fill="url(#linear-gradient)"/>
-</svg>

package/src/utils/applications.ts

@@ -1,140 +0,0 @@
-import { admin } from "../assets/images";
-import {
-  commuteSmall,
-  enrollSmall,
-  examsSmall,
-  hostelSmall,
-  payxSmall,
-  peopleSmall,
-  squareSmall,
-} from "../assets/images/svg";
-
-import { isDevelopment } from "./constants";
-
-interface Origin {
-  dev: string;
-  prod: string;
-}
-
-interface Origins {
-  admin: Origin;
-  enroll: Origin;
-  payments: Origin;
-  ums: Origin;
-  exams: Origin;
-  people: Origin;
-  hostel: Origin;
-  commute: Origin;
-}
-
-interface Application {
-  title: string;
-  path: string;
-  icon: string;
-  key: string;
-  domainName: string;
-  description: string;
-}
-
-const origins: Origins = {
-  admin: {
-    dev: "https://admin.campx.dev",
-    prod: "https://admin.campx.in",
-  },
-  enroll: {
-    dev: "https://enroll.campx.dev",
-    prod: "https://enroll.campx.in",
-  },
-  payments: {
-    dev: "https://payments.campx.dev",
-    prod: "https://payments.campx.in",
-  },
-  ums: {
-    dev: "https://ums.campx.dev",
-    prod: "https://ums.campx.in",
-  },
-  exams: {
-    dev: "https://exams.campx.dev",
-    prod: "https://exams.campx.in",
-  },
-  people: {
-    dev: "https://people.campx.dev",
-    prod: "https://people.campx.in",
-  },
-  hostel: {
-    dev: "https://hostel.campx.dev",
-    prod: "https://hostel.campx.in",
-  },
-  commute: {
-    dev: "https://commute.campx.dev",
-    prod: "https://commute.campx.in",
-  },
-};
-
-export const applications: Application[] = [
-  {
-    title: "Admin",
-    path: isDevelopment ? origins.admin.dev : origins.admin.prod,
-    icon: admin,
-    key: "admin",
-    domainName: "admin",
-    description: "Manage Complete Campus Root Configuration",
-  },
-
-  {
-    title: "EnrollX",
-    key: "enroll_x",
-    domainName: "enroll",
-    path: isDevelopment ? origins.enroll.dev : origins.enroll.prod,
-    icon: enrollSmall,
-    description: "Manage Admissions in the Campus",
-  },
-  {
-    title: "PayX",
-    key: "payments",
-    domainName: "payments",
-    path: isDevelopment ? origins.payments.dev : origins.payments.prod,
-    icon: payxSmall,
-    description: "Manage Payments in the Campus",
-  },
-  {
-    title: "CollegeX",
-    path: isDevelopment ? origins.ums.dev : origins.ums.prod,
-    icon: squareSmall,
-    key: "square",
-    domainName: "ums",
-    description: "Manage Complete Campus Activities",
-  },
-  {
-    title: "ExamX",
-    key: "exams",
-    domainName: "exams",
-    path: isDevelopment ? origins.exams.dev : origins.exams.prod,
-    icon: examsSmall,
-    description: "Manage all Examinations in the Campus",
-  },
-  {
-    title: "PeopleX",
-    key: "hrms",
-    domainName: "people",
-    path: isDevelopment ? origins.people.dev : origins.people.prod,
-    icon: peopleSmall,
-    description: "Manage People in the Campus",
-  },
-  {
-    title: "HostelX",
-    key: "hostels",
-    domainName: "hostel",
-    path: isDevelopment ? origins.hostel.dev : origins.hostel.prod,
-    icon: hostelSmall,
-    description: "Manage Hostels in the Campus",
-  },
-  {
-    title: "CommuteX",
-    key: "commute_x",
-    domainName: "commute",
-    path: isDevelopment ? origins.commute.dev : origins.commute.prod,
-    icon: commuteSmall,
-    description: "Manage Commute in the Campus",
-  },
-];

package/src/utils/imageMap.ts

@@ -1,22 +0,0 @@
-import {
-  admin,
-  collegex,
-  commutex,
-  enrollx,
-  examx,
-  hostelx,
-  payx,
-  peoplex,
-} from "../assets/images";
-
-export const imageMap: any = {
-  ums: collegex,
-  enroll: enrollx,
-  exams: examx,
-  payments: payx,
-  people: peoplex,
-  campx: collegex,
-  commute: commutex,
-  hostel: hostelx,
-  admin: admin,
-};