(2);
+ const [hover, setHover] = React.useState(-1);
+
+ return (
+ (
+ {/* breadcrumb */}
+
+
+
+
+ {
+ setValue(newValue);
+ }}
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {
+ setValue(newValue);
+ }}
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+ // @ts-ignore
+ onChangeActive={(event, newHover) => {
+ setHover(newHover);
+ }}
+ emptyIcon={{labels[hover !== -1 ? hover : value]} }
+
+
+
+
+
+
+
+ `${value} Heart${value !== 1 ? 's' : ''}`}
+ precision={0.5}
+ icon={
+
+
+
+
+
+
+
+
+ customIcons[value].label}
+ highlightSelectedOnly
+ />
+
+
+
+
+
+
+
+
+
+
+ )
+ );
+};
+export default MuiRating;
diff --git a/Modernize/Modernize/react-version/packages/typescript/main/src/views/ui-components/MuiTabs.tsx b/Modernize/Modernize/react-version/packages/typescript/main/src/views/ui-components/MuiTabs.tsx
new file mode 100644
index 0000000..b24afbf
--- /dev/null
+++ b/Modernize/Modernize/react-version/packages/typescript/main/src/views/ui-components/MuiTabs.tsx
@@ -0,0 +1,310 @@
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+import * as React from 'react';
+import { Grid2 as Grid, Box, Divider } from '@mui/material';
+import Tabs from '@mui/material/Tabs';
+import Tab from '@mui/material/Tab';
+import TabContext from '@mui/lab/TabContext';
+import TabList from '@mui/lab/TabList';
+import TabPanel from '@mui/lab/TabPanel';
+import Breadcrumb from 'src/layouts/full/shared/breadcrumb/Breadcrumb';
+import PageContainer from 'src/components/container/PageContainer';
+import ParentCard from 'src/components/shared/ParentCard';
+import ChildCard from 'src/components/shared/ChildCard';
+
+import TextCode from 'src/components/material-ui/tabs/code/TextCode';
+import IconCode from 'src/components/material-ui/tabs/code/IconCode';
+import IconWithLabelCode from 'src/components/material-ui/tabs/code/IconWithLabelCode';
+import IconBottomCode from 'src/components/material-ui/tabs/code/IconBottomCode';
+import IconLeftCode from 'src/components/material-ui/tabs/code/IconLeftCode';
+import IconRightCode from 'src/components/material-ui/tabs/code/IconRightCode';
+import ScrollableCode from 'src/components/material-ui/tabs/code/ScrollableCode';
+import VerticalCode from 'src/components/material-ui/tabs/code/VerticalCode';
+
+import { IconHeart, IconPhone, IconUser } from "@tabler/icons-react";
+
+const BCrumb = [
+ {
+ to: '/',
+ title: 'Home',
+ },
+ {
+ title: 'Tabs',
+ },
+];
+
+interface TabType {
+ value: string;
+ icon: any;
+ label: string;
+ disabled?: boolean;
+}
+
+const COMMON_TAB: TabType[] = [
+ { value: '1', icon:
+ {/* breadcrumb */}
+
+
+ {/* ---------------------------------------------------------------------------------- */}
+ {/* Text */}
+ {/* ---------------------------------------------------------------------------------- */}
+
+
+
+
+ {COMMON_TAB.map((tab, index) => (
+
+
+
+ {COMMON_TAB.map((panel, index) => (
+
+ {panel.label}
+
+ ))}
+
+
+
+
+
+ {/* ---------------------------------------------------------------------------------- */}
+ {/* Icon */}
+ {/* ---------------------------------------------------------------------------------- */}
+
+
+
+ {COMMON_TAB.map((tab) => (
+
+
+ {COMMON_TAB.map((panel) => (
+
+ {panel.label}
+
+ ))}
+
+
+
+
+ {/* ---------------------------------------------------------------------------------- */}
+ {/* Icon with Label */}
+ {/* ---------------------------------------------------------------------------------- */}
+
+
+
+ {COMMON_TAB.map((tab) => (
+
+
+ {COMMON_TAB.map((panel) => (
+
+ {panel.label}
+
+ ))}
+
+
+
+
+ {/* ---------------------------------------------------------------------------------- */}
+ {/* Icon Bottom */}
+ {/* ---------------------------------------------------------------------------------- */}
+
+
+
+ {COMMON_TAB.map((tab) => (
+
+
+ {COMMON_TAB.map((panel) => (
+
+ {panel.label}
+
+ ))}
+
+
+
+
+ {/* ---------------------------------------------------------------------------------- */}
+ {/* Icon Left */}
+ {/* ---------------------------------------------------------------------------------- */}
+
+
+
+ {COMMON_TAB.map((tab) => (
+
+
+ {COMMON_TAB.map((panel) => (
+
+ {panel.label}
+
+ ))}
+
+
+
+
+ {/* ---------------------------------------------------------------------------------- */}
+ {/* Icon Right */}
+ {/* ---------------------------------------------------------------------------------- */}
+
+
+
+ {COMMON_TAB.map((tab) => (
+
+
+ {COMMON_TAB.map((panel) => (
+
+ {panel.label}
+
+ ))}
+
+
+
+
+ {/* ---------------------------------------------------------------------------------- */}
+ {/* Scrollable */}
+ {/* ---------------------------------------------------------------------------------- */}
+
+
+
+ {SCROLLABLE_TAB.map((tab) => (
+
+
+ {SCROLLABLE_TAB.map((panel) => (
+
+ {panel.label}
+
+ ))}
+
+
+
+
+ {/* ---------------------------------------------------------------------------------- */}
+ {/* Vertical */}
+ {/* ---------------------------------------------------------------------------------- */}
+
+
+
+
+ {SCROLLABLE_TAB.map((tab) => (
+
+
+ {SCROLLABLE_TAB.map((panel) => (
+
+ {panel.label}
+
+ ))}
+
+
+
+
+
+
+
+ )
+ );
+}
+export default MuiTabs;
diff --git a/Modernize/Modernize/react-version/packages/typescript/main/src/views/ui-components/MuiTooltip.tsx b/Modernize/Modernize/react-version/packages/typescript/main/src/views/ui-components/MuiTooltip.tsx
new file mode 100644
index 0000000..ce2cf7e
--- /dev/null
+++ b/Modernize/Modernize/react-version/packages/typescript/main/src/views/ui-components/MuiTooltip.tsx
@@ -0,0 +1,213 @@
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+import React from 'react';
+import { styled } from '@mui/material/styles';
+import { Grid2 as Grid, IconButton, Button, Stack, Fab, Box } from '@mui/material';
+import Tooltip, { TooltipProps, tooltipClasses } from '@mui/material/Tooltip';
+import Fade from '@mui/material/Fade';
+import Zoom from '@mui/material/Zoom';
+import InlineItemCard from "src/components/shared/InlineItemCard";
+
+// common component
+import Breadcrumb from 'src/layouts/full/shared/breadcrumb/Breadcrumb';
+import PageContainer from 'src/components/container/PageContainer';
+import ParentCard from 'src/components/shared/ParentCard';
+import ChildCard from 'src/components/shared/ChildCard';
+
+// CodeModels
+import SimpleTooltipCode from 'src/components/material-ui/tooltip/code/SimpleTooltipCode';
+import ArrowTooltipCode from 'src/components/material-ui/tooltip/code/ArrowTooltipCode';
+import VariableWidthCode from 'src/components/material-ui/tooltip/code/VariableWidthCode';
+import TransitionsCode from 'src/components/material-ui/tooltip/code/TransitionsCode';
+import PositionsTooltipCode from 'src/components/material-ui/tooltip/code/PositionsTooltipCode';
+
+import { IconPlus, IconTrash } from '@tabler/icons-react';
+
+const BCrumb = [
+ {
+ to: '/',
+ title: 'Home',
+ },
+ {
+ title: 'Tooltip',
+ },
+];
+
+// variable width
+const CustomWidthTooltip = styled(({ className, ...props }: TooltipProps) => (
+
+ {/* breadcrumb */}
+
+
+
+
+
+
+
+
+
+
+ Button
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Default Width [300px]
+
+
+ Custom Width [500px]
+
+
+ No wrapping
+
+
+
+
+
+
+
+
+
+ Grow
+
+
+ Fade
+
+
+ Zoom
+
+
+
+
+
+
+
+
+ Top Start
+
+
+ Top
+
+
+ Top End
+
+
+ Left Start
+
+
+ Left
+
+
+ Left End
+
+
+ Right Start
+
+
+ Right
+
+
+ Right End
+
+
+ Bottom Start
+
+
+ Bottom
+
+
+ Bottom End
+
+
+
+
+
+
+
+);
+export default MuiTooltip;
diff --git a/Modernize/Modernize/react-version/packages/typescript/main/src/views/ui-components/MuiTransferList.tsx b/Modernize/Modernize/react-version/packages/typescript/main/src/views/ui-components/MuiTransferList.tsx
new file mode 100644
index 0000000..31736fe
--- /dev/null
+++ b/Modernize/Modernize/react-version/packages/typescript/main/src/views/ui-components/MuiTransferList.tsx
@@ -0,0 +1,47 @@
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+import React from 'react';
+import Grid from '@mui/material/Grid2';
+import Breadcrumb from 'src/layouts/full/shared/breadcrumb/Breadcrumb';
+import PageContainer from 'src/components/container/PageContainer';
+import ParentCard from 'src/components/shared/ParentCard';
+import ChildCard from 'src/components/shared/ChildCard';
+import BasicTransferList from 'src/components/material-ui/transfer-list/BasicTransferList';
+import EnhancedTransferList from 'src/components/material-ui/transfer-list/EnhancedTransferList';
+
+import BasicTransferListCode from 'src/components/material-ui/transfer-list/code/BasicTransferListCode';
+import EnhancedTransferListCode from 'src/components/material-ui/transfer-list/code/EnhancedTransferListCode';
+
+const BCrumb = [
+ {
+ to: '/',
+ title: 'Home',
+ },
+ {
+ title: 'Transfer List',
+ },
+];
+
+const MuiTransferList = () => (
+
+ {/* breadcrumb */}
+
+
+
+
+
+
+
+
+
+);
+export default MuiTransferList;
diff --git a/Modernize/Modernize/react-version/packages/typescript/main/src/views/ui-components/MuiTypography.tsx b/Modernize/Modernize/react-version/packages/typescript/main/src/views/ui-components/MuiTypography.tsx
new file mode 100644
index 0000000..b15f2fd
--- /dev/null
+++ b/Modernize/Modernize/react-version/packages/typescript/main/src/views/ui-components/MuiTypography.tsx
@@ -0,0 +1,325 @@
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+import React from 'react';
+import { Typography, Grid2 as Grid } from '@mui/material';
+import Breadcrumb from 'src/layouts/full/shared/breadcrumb/Breadcrumb';
+import PageContainer from 'src/components/container/PageContainer';
+import ParentCard from 'src/components/shared/ParentCard';
+import ChildCard from 'src/components/shared/ChildCard';
+
+// CodeModels
+import Heading1Code from 'src/components/material-ui/typography/code/Heading1Code';
+import Heading2Code from 'src/components/material-ui/typography/code/Heading2Code';
+import Heading3Code from 'src/components/material-ui/typography/code/Heading3Code';
+import Heading4Code from 'src/components/material-ui/typography/code/Heading4Code';
+import Heading5Code from 'src/components/material-ui/typography/code/Heading5Code';
+import Heading6Code from 'src/components/material-ui/typography/code/Heading6Code';
+import Subtitle1Code from 'src/components/material-ui/typography/code/Subtitle1Code';
+import Subtitle2Code from 'src/components/material-ui/typography/code/Subtitle2Code';
+import TextPrimaryCode from 'src/components/material-ui/typography/code/TextPrimaryCode';
+import TextSecondaryCode from 'src/components/material-ui/typography/code/TextSecondaryCode';
+import TextInfoCode from 'src/components/material-ui/typography/code/TextInfoCode';
+import TextWarningCode from 'src/components/material-ui/typography/code/TextWarningCode';
+import TextErrorCode from 'src/components/material-ui/typography/code/TextErrorCode';
+import TextSuccessCode from 'src/components/material-ui/typography/code/TextSuccessCode';
+
+const BCrumb = [
+ {
+ to: '/',
+ title: 'Home',
+ },
+ {
+ title: 'Typography',
+ },
+];
+
+const CustomTypography = () => {
+ return (
+ (
+ {/* breadcrumb */}
+
+
+
+
+
+ h1. Heading
+
+
+ font size: 30 | line-height: 45 | font weight: 500
+
+
+
+
+ h2. Heading
+
+
+ font size: 24 | line-height: 36 | font weight: 500
+
+
+
+
+ h3. Heading
+
+
+ font size: 21 | line-height: 31.5 | font weight: 500
+
+
+
+
+ h4. Heading
+
+
+ font size: 18 | line-height: 27 | font weight: 500
+
+
+
+
+ h5. Heading
+
+
+ font size: 16 | line-height: 24 | font weight: 500
+
+
+
+
+ h6. Heading
+
+
+ font size: 14 | line-height: 21 | font weight: 500
+
+
+
+
+
+ subtitle1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis
+ tenetur
+
+
+
+ font size: 16 | line-height: 28 | font weight: 400
+
+
+
+
+
+ subtitle2. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis
+ tenetur
+
+
+
+ font size: 14 | line-height: 21 | font weight: 400
+
+
+
+
+
+
+ body1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur
+
+
+
+ font size: 16 | line-height: 24 | font weight: 400
+
+
+
+
+
+
+ body2. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur
+
+
+
+ font size: 14 | line-height: 20 | font weight: 400
+
+
+
+
+
+
+ caption. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis
+ tenetur
+
+
+
+ font size: 12 | line-height: 19 | font weight: 400
+
+
+
+
+
+
+ overline. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis
+ tenetur
+
+
+
+ font size: 12 | line-height: 31 | font weight: 400
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Text Primary
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur
+
+
+
+
+
+ Text Secondary
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur
+
+
+
+
+ theme.palette.info.main }}>
+ Text Info
+
+
+ theme.palette.info.main }}>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur
+
+
+
+
+ theme.palette.primary.main }}>
+ Text Primary
+
+
+ theme.palette.primary.main }}>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur
+
+
+
+
+ theme.palette.warning.main }}>
+ Text Warning
+
+
+ theme.palette.warning.main }}>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur
+
+
+
+
+ theme.palette.error.main }}>
+ Text Error
+
+
+ theme.palette.error.main }}>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur
+
+
+
+
+ theme.palette.success.main }}>
+ Text Success
+
+
+ theme.palette.success.main }}>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur
+
+
+
+
+
+
+
+ )
+ );
+};
+
+export default CustomTypography;
diff --git a/Modernize/Modernize/react-version/packages/typescript/main/src/views/widgets/banners/WidgetBanners.tsx b/Modernize/Modernize/react-version/packages/typescript/main/src/views/widgets/banners/WidgetBanners.tsx
new file mode 100644
index 0000000..7fb86f7
--- /dev/null
+++ b/Modernize/Modernize/react-version/packages/typescript/main/src/views/widgets/banners/WidgetBanners.tsx
@@ -0,0 +1,78 @@
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+import React from 'react';
+import Grid from '@mui/material/Grid2';
+import Breadcrumb from 'src/layouts/full/shared/breadcrumb/Breadcrumb';
+import PageContainer from 'src/components/container/PageContainer';
+import WelcomeCard from '../../../components/dashboards/ecommerce/WelcomeCard';
+import Banner1 from '../../../components/widgets/banners/Banner1';
+import Banner2 from '../../../components/widgets/banners/Banner2';
+import Banner3 from '../../../components/widgets/banners/Banner3';
+import Banner4 from '../../../components/widgets/banners/Banner4';
+import Banner5 from '../../../components/widgets/banners/Banner5';
+
+const BCrumb = [
+ {
+ to: '/',
+ title: 'Home',
+ },
+ {
+ title: 'Banner',
+ },
+];
+
+const WidgetBanners = () => {
+ return (
+ (
+ {/* breadcrumb */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+ );
+};
+
+export default WidgetBanners;
diff --git a/Modernize/Modernize/react-version/packages/typescript/main/src/views/widgets/cards/WidgetCards.tsx b/Modernize/Modernize/react-version/packages/typescript/main/src/views/widgets/cards/WidgetCards.tsx
new file mode 100644
index 0000000..4c16f30
--- /dev/null
+++ b/Modernize/Modernize/react-version/packages/typescript/main/src/views/widgets/cards/WidgetCards.tsx
@@ -0,0 +1,105 @@
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+import React from 'react';
+import Grid from '@mui/material/Grid2';
+import Breadcrumb from 'src/layouts/full/shared/breadcrumb/Breadcrumb';
+import PageContainer from 'src/components/container/PageContainer';
+
+import PaymentGateways from '../../../components/dashboards/ecommerce/PaymentGateways';
+import RecentTransactions from '../../../components/dashboards/ecommerce/RecentTransactions';
+import TopCards from '../../..//components/dashboards/modern/TopCards';
+import UpcomingAcitivity from '../../../components/widgets/cards/UpcomingActivity';
+import ComplexCard from '../../../components/widgets/cards/ComplexCard';
+import MusicCard from '../../../components/widgets/cards/MusicCard';
+import EcommerceCard from '../../../components/widgets/cards/EcommerceCard';
+import FollowerCard from '../../../components/widgets/cards/FollowerCard';
+import FriendCard from '../../../components/widgets/cards/FriendCard';
+import ProfileCard from '../../../components/widgets/cards/ProfileCard';
+
+import Settings from '../../../components/widgets/cards/Settings';
+import GiftCard from '../../../components/widgets/cards/GiftCard';
+
+
+const BCrumb = [
+ {
+ to: '/',
+ title: 'Home',
+ },
+ {
+ title: 'Cards',
+ },
+];
+
+const WidgetCards = () => {
+ return (
+ (
+ {/* breadcrumb */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+ );
+};
+
+export default WidgetCards;
diff --git a/Modernize/Modernize/react-version/packages/typescript/main/src/views/widgets/charts/WidgetCharts.tsx b/Modernize/Modernize/react-version/packages/typescript/main/src/views/widgets/charts/WidgetCharts.tsx
new file mode 100644
index 0000000..6f724c4
--- /dev/null
+++ b/Modernize/Modernize/react-version/packages/typescript/main/src/views/widgets/charts/WidgetCharts.tsx
@@ -0,0 +1,134 @@
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+import React from 'react';
+import Grid from '@mui/material/Grid2';
+import Breadcrumb from 'src/layouts/full/shared/breadcrumb/Breadcrumb';
+import PageContainer from 'src/components/container/PageContainer';
+import YearlyBreakup from '../../../components/dashboards/modern/YearlyBreakup';
+import Projects from '../../../components/dashboards/modern/Projects';
+import Customers from '../../../components/dashboards/modern/Customers';
+import SalesTwo from '../../../components/dashboards/ecommerce/SalesTwo';
+import MonthlyEarnings from '../../../components/dashboards/ecommerce/MonthlyEarnings';
+import SalesOverview from '../../../components/dashboards/ecommerce/SalesOverview';
+import RevenueUpdates from '../../../components/dashboards/ecommerce/RevenueUpdates';
+import YearlySales from '../../../components/dashboards/ecommerce/YearlySales';
+import MostVisited from '../../../components/widgets/charts/MostVisited';
+import PageImpressions from '../../../components/widgets/charts/PageImpressions';
+import Followers from '../../../components/widgets/charts/Followers';
+import Views from '../../../components/widgets/charts/Views';
+import Earned from '../../../components/widgets/charts/Earned';
+import CurrentValue from '../../../components/widgets/charts/CurrentValue';
+
+const BCrumb = [
+ {
+ to: '/',
+ title: 'Home',
+ },
+ {
+ title: 'Charts',
+ },
+];
+
+const WidgetCharts = () => {
+ return (
+ (
+ {/* breadcrumb */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+ );
+};
+
+export default WidgetCharts;
diff --git a/Modernize/Modernize/react-version/packages/typescript/main/src/vite-env.d.ts b/Modernize/Modernize/react-version/packages/typescript/main/src/vite-env.d.ts
new file mode 100644
index 0000000..7d0ff9e
--- /dev/null
+++ b/Modernize/Modernize/react-version/packages/typescript/main/src/vite-env.d.ts
@@ -0,0 +1 @@
+///
+
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/background/shape-circle-1.svg b/front_minimal/public/assets/background/shape-circle-1.svg
new file mode 100644
index 0000000..4329429
--- /dev/null
+++ b/front_minimal/public/assets/background/shape-circle-1.svg
@@ -0,0 +1 @@
+
+
diff --git a/front_minimal/public/assets/icons/app/ic-app-dropbox.svg b/front_minimal/public/assets/icons/app/ic-app-dropbox.svg
new file mode 100644
index 0000000..9e090ae
--- /dev/null
+++ b/front_minimal/public/assets/icons/app/ic-app-dropbox.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/front_minimal/public/assets/icons/app/ic-app-onedrive.svg b/front_minimal/public/assets/icons/app/ic-app-onedrive.svg
new file mode 100644
index 0000000..572c776
--- /dev/null
+++ b/front_minimal/public/assets/icons/app/ic-app-onedrive.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/front_minimal/public/assets/icons/brands/ic-brand-amazon.svg b/front_minimal/public/assets/icons/brands/ic-brand-amazon.svg
new file mode 100644
index 0000000..2e036ec
--- /dev/null
+++ b/front_minimal/public/assets/icons/brands/ic-brand-amazon.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/front_minimal/public/assets/icons/brands/ic-brand-hbo.svg b/front_minimal/public/assets/icons/brands/ic-brand-hbo.svg
new file mode 100644
index 0000000..4c17c93
--- /dev/null
+++ b/front_minimal/public/assets/icons/brands/ic-brand-hbo.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/front_minimal/public/assets/icons/brands/ic-brand-ibm.svg b/front_minimal/public/assets/icons/brands/ic-brand-ibm.svg
new file mode 100644
index 0000000..31efd84
--- /dev/null
+++ b/front_minimal/public/assets/icons/brands/ic-brand-ibm.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/front_minimal/public/assets/icons/brands/ic-brand-lya.svg b/front_minimal/public/assets/icons/brands/ic-brand-lya.svg
new file mode 100644
index 0000000..483aea2
--- /dev/null
+++ b/front_minimal/public/assets/icons/brands/ic-brand-lya.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/front_minimal/public/assets/icons/brands/ic-brand-netflix.svg b/front_minimal/public/assets/icons/brands/ic-brand-netflix.svg
new file mode 100644
index 0000000..b78771c
--- /dev/null
+++ b/front_minimal/public/assets/icons/brands/ic-brand-netflix.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/front_minimal/public/assets/icons/brands/ic-brand-spotify.svg b/front_minimal/public/assets/icons/brands/ic-brand-spotify.svg
new file mode 100644
index 0000000..fd18db2
--- /dev/null
+++ b/front_minimal/public/assets/icons/brands/ic-brand-spotify.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/front_minimal/public/assets/icons/components/ic-accordion.svg b/front_minimal/public/assets/icons/components/ic-accordion.svg
new file mode 100644
index 0000000..28aceb4
--- /dev/null
+++ b/front_minimal/public/assets/icons/components/ic-accordion.svg
@@ -0,0 +1 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/components/ic-extra-image.svg b/front_minimal/public/assets/icons/components/ic-extra-image.svg
new file mode 100644
index 0000000..5145bc0
--- /dev/null
+++ b/front_minimal/public/assets/icons/components/ic-extra-image.svg
@@ -0,0 +1 @@
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/courses/ic-courses-completed.svg b/front_minimal/public/assets/icons/courses/ic-courses-completed.svg
new file mode 100644
index 0000000..f44c841
--- /dev/null
+++ b/front_minimal/public/assets/icons/courses/ic-courses-completed.svg
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/courses/ic-courses-progress.svg b/front_minimal/public/assets/icons/courses/ic-courses-progress.svg
new file mode 100644
index 0000000..1261073
--- /dev/null
+++ b/front_minimal/public/assets/icons/courses/ic-courses-progress.svg
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/empty/ic-cart.svg b/front_minimal/public/assets/icons/empty/ic-cart.svg
new file mode 100644
index 0000000..3e6d416
--- /dev/null
+++ b/front_minimal/public/assets/icons/empty/ic-cart.svg
@@ -0,0 +1,76 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/empty/ic-chat-active.svg b/front_minimal/public/assets/icons/empty/ic-chat-active.svg
new file mode 100644
index 0000000..c5f0148
--- /dev/null
+++ b/front_minimal/public/assets/icons/empty/ic-chat-active.svg
@@ -0,0 +1,43 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/empty/ic-content.svg b/front_minimal/public/assets/icons/empty/ic-content.svg
new file mode 100644
index 0000000..fd62b34
--- /dev/null
+++ b/front_minimal/public/assets/icons/empty/ic-content.svg
@@ -0,0 +1,57 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/empty/ic-email-disabled.svg b/front_minimal/public/assets/icons/empty/ic-email-disabled.svg
new file mode 100644
index 0000000..5687a22
--- /dev/null
+++ b/front_minimal/public/assets/icons/empty/ic-email-disabled.svg
@@ -0,0 +1,44 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/empty/ic-email-selected.svg b/front_minimal/public/assets/icons/empty/ic-email-selected.svg
new file mode 100644
index 0000000..5632515
--- /dev/null
+++ b/front_minimal/public/assets/icons/empty/ic-email-selected.svg
@@ -0,0 +1,57 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/empty/ic-folder-empty.svg b/front_minimal/public/assets/icons/empty/ic-folder-empty.svg
new file mode 100644
index 0000000..035df51
--- /dev/null
+++ b/front_minimal/public/assets/icons/empty/ic-folder-empty.svg
@@ -0,0 +1,32 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/empty/ic-mail.svg b/front_minimal/public/assets/icons/empty/ic-mail.svg
new file mode 100644
index 0000000..18ba11d
--- /dev/null
+++ b/front_minimal/public/assets/icons/empty/ic-mail.svg
@@ -0,0 +1,56 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/faqs/ic-account.svg b/front_minimal/public/assets/icons/faqs/ic-account.svg
new file mode 100644
index 0000000..510501c
--- /dev/null
+++ b/front_minimal/public/assets/icons/faqs/ic-account.svg
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/faqs/ic-assurances.svg b/front_minimal/public/assets/icons/faqs/ic-assurances.svg
new file mode 100644
index 0000000..9402854
--- /dev/null
+++ b/front_minimal/public/assets/icons/faqs/ic-assurances.svg
@@ -0,0 +1,33 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/faqs/ic-delivery.svg b/front_minimal/public/assets/icons/faqs/ic-delivery.svg
new file mode 100644
index 0000000..67f0615
--- /dev/null
+++ b/front_minimal/public/assets/icons/faqs/ic-delivery.svg
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/faqs/ic-package.svg b/front_minimal/public/assets/icons/faqs/ic-package.svg
new file mode 100644
index 0000000..403217c
--- /dev/null
+++ b/front_minimal/public/assets/icons/faqs/ic-package.svg
@@ -0,0 +1,29 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/faqs/ic-payment.svg b/front_minimal/public/assets/icons/faqs/ic-payment.svg
new file mode 100644
index 0000000..dd332b4
--- /dev/null
+++ b/front_minimal/public/assets/icons/faqs/ic-payment.svg
@@ -0,0 +1,33 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/faqs/ic-refund.svg b/front_minimal/public/assets/icons/faqs/ic-refund.svg
new file mode 100644
index 0000000..1c46cc5
--- /dev/null
+++ b/front_minimal/public/assets/icons/faqs/ic-refund.svg
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/files/ic-ai.svg b/front_minimal/public/assets/icons/files/ic-ai.svg
new file mode 100644
index 0000000..4d8098a
--- /dev/null
+++ b/front_minimal/public/assets/icons/files/ic-ai.svg
@@ -0,0 +1,25 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/files/ic-audio.svg b/front_minimal/public/assets/icons/files/ic-audio.svg
new file mode 100644
index 0000000..329f232
--- /dev/null
+++ b/front_minimal/public/assets/icons/files/ic-audio.svg
@@ -0,0 +1,24 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/files/ic-document.svg b/front_minimal/public/assets/icons/files/ic-document.svg
new file mode 100644
index 0000000..5a53ca0
--- /dev/null
+++ b/front_minimal/public/assets/icons/files/ic-document.svg
@@ -0,0 +1,19 @@
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/files/ic-excel.svg b/front_minimal/public/assets/icons/files/ic-excel.svg
new file mode 100644
index 0000000..cb80eb2
--- /dev/null
+++ b/front_minimal/public/assets/icons/files/ic-excel.svg
@@ -0,0 +1,19 @@
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/files/ic-file.svg b/front_minimal/public/assets/icons/files/ic-file.svg
new file mode 100644
index 0000000..f5295c2
--- /dev/null
+++ b/front_minimal/public/assets/icons/files/ic-file.svg
@@ -0,0 +1,18 @@
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/files/ic-folder.svg b/front_minimal/public/assets/icons/files/ic-folder.svg
new file mode 100644
index 0000000..01f6671
--- /dev/null
+++ b/front_minimal/public/assets/icons/files/ic-folder.svg
@@ -0,0 +1,5 @@
+
+
diff --git a/front_minimal/public/assets/icons/files/ic-img.svg b/front_minimal/public/assets/icons/files/ic-img.svg
new file mode 100644
index 0000000..a95194a
--- /dev/null
+++ b/front_minimal/public/assets/icons/files/ic-img.svg
@@ -0,0 +1,26 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/files/ic-js.svg b/front_minimal/public/assets/icons/files/ic-js.svg
new file mode 100644
index 0000000..266b12e
--- /dev/null
+++ b/front_minimal/public/assets/icons/files/ic-js.svg
@@ -0,0 +1,12 @@
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/files/ic-pdf.svg b/front_minimal/public/assets/icons/files/ic-pdf.svg
new file mode 100644
index 0000000..8ed54c9
--- /dev/null
+++ b/front_minimal/public/assets/icons/files/ic-pdf.svg
@@ -0,0 +1,19 @@
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/files/ic-power_point.svg b/front_minimal/public/assets/icons/files/ic-power_point.svg
new file mode 100644
index 0000000..f2d7f14
--- /dev/null
+++ b/front_minimal/public/assets/icons/files/ic-power_point.svg
@@ -0,0 +1,20 @@
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/files/ic-pts.svg b/front_minimal/public/assets/icons/files/ic-pts.svg
new file mode 100644
index 0000000..7ecbee0
--- /dev/null
+++ b/front_minimal/public/assets/icons/files/ic-pts.svg
@@ -0,0 +1,25 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/files/ic-txt.svg b/front_minimal/public/assets/icons/files/ic-txt.svg
new file mode 100644
index 0000000..1d34c34
--- /dev/null
+++ b/front_minimal/public/assets/icons/files/ic-txt.svg
@@ -0,0 +1,26 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/files/ic-video.svg b/front_minimal/public/assets/icons/files/ic-video.svg
new file mode 100644
index 0000000..fb6eca6
--- /dev/null
+++ b/front_minimal/public/assets/icons/files/ic-video.svg
@@ -0,0 +1,20 @@
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/files/ic-word.svg b/front_minimal/public/assets/icons/files/ic-word.svg
new file mode 100644
index 0000000..b112fe5
--- /dev/null
+++ b/front_minimal/public/assets/icons/files/ic-word.svg
@@ -0,0 +1,19 @@
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/files/ic-zip.svg b/front_minimal/public/assets/icons/files/ic-zip.svg
new file mode 100644
index 0000000..f34001e
--- /dev/null
+++ b/front_minimal/public/assets/icons/files/ic-zip.svg
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/flagpack/ad.webp b/front_minimal/public/assets/icons/flagpack/ad.webp
new file mode 100644
index 0000000..97cebc8
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ad.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/ae.webp b/front_minimal/public/assets/icons/flagpack/ae.webp
new file mode 100644
index 0000000..5e751d1
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ae.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/af.webp b/front_minimal/public/assets/icons/flagpack/af.webp
new file mode 100644
index 0000000..bae07e0
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/af.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/ag.webp b/front_minimal/public/assets/icons/flagpack/ag.webp
new file mode 100644
index 0000000..4775423
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ag.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/ai.webp b/front_minimal/public/assets/icons/flagpack/ai.webp
new file mode 100644
index 0000000..52a6dfe
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ai.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/al.webp b/front_minimal/public/assets/icons/flagpack/al.webp
new file mode 100644
index 0000000..9295918
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/al.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/am.webp b/front_minimal/public/assets/icons/flagpack/am.webp
new file mode 100644
index 0000000..d0ead64
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/am.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/ao.webp b/front_minimal/public/assets/icons/flagpack/ao.webp
new file mode 100644
index 0000000..e2570fb
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ao.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/aq.webp b/front_minimal/public/assets/icons/flagpack/aq.webp
new file mode 100644
index 0000000..a3a91ab
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/aq.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/ar.webp b/front_minimal/public/assets/icons/flagpack/ar.webp
new file mode 100644
index 0000000..7f76fce
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ar.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/as.webp b/front_minimal/public/assets/icons/flagpack/as.webp
new file mode 100644
index 0000000..af0c180
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/as.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/at.webp b/front_minimal/public/assets/icons/flagpack/at.webp
new file mode 100644
index 0000000..ad36aff
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/at.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/au.webp b/front_minimal/public/assets/icons/flagpack/au.webp
new file mode 100644
index 0000000..b4a10bd
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/au.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/aw.webp b/front_minimal/public/assets/icons/flagpack/aw.webp
new file mode 100644
index 0000000..b411d8f
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/aw.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/ax.webp b/front_minimal/public/assets/icons/flagpack/ax.webp
new file mode 100644
index 0000000..6a39362
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ax.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/az.webp b/front_minimal/public/assets/icons/flagpack/az.webp
new file mode 100644
index 0000000..754bea3
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/az.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/ba.webp b/front_minimal/public/assets/icons/flagpack/ba.webp
new file mode 100644
index 0000000..b2ee088
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ba.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/bb.webp b/front_minimal/public/assets/icons/flagpack/bb.webp
new file mode 100644
index 0000000..cada3b4
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/bb.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/bd.webp b/front_minimal/public/assets/icons/flagpack/bd.webp
new file mode 100644
index 0000000..149536c
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/bd.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/be.webp b/front_minimal/public/assets/icons/flagpack/be.webp
new file mode 100644
index 0000000..4152ef7
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/be.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/bf.webp b/front_minimal/public/assets/icons/flagpack/bf.webp
new file mode 100644
index 0000000..24b9c08
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/bf.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/bg.webp b/front_minimal/public/assets/icons/flagpack/bg.webp
new file mode 100644
index 0000000..1414d6a
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/bg.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/bh.webp b/front_minimal/public/assets/icons/flagpack/bh.webp
new file mode 100644
index 0000000..2818a59
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/bh.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/bi.webp b/front_minimal/public/assets/icons/flagpack/bi.webp
new file mode 100644
index 0000000..15dd9f8
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/bi.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/bj.webp b/front_minimal/public/assets/icons/flagpack/bj.webp
new file mode 100644
index 0000000..007ca43
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/bj.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/bl.webp b/front_minimal/public/assets/icons/flagpack/bl.webp
new file mode 100644
index 0000000..da3c514
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/bl.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/bm.webp b/front_minimal/public/assets/icons/flagpack/bm.webp
new file mode 100644
index 0000000..0455787
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/bm.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/bn.webp b/front_minimal/public/assets/icons/flagpack/bn.webp
new file mode 100644
index 0000000..df923fd
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/bn.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/bo.webp b/front_minimal/public/assets/icons/flagpack/bo.webp
new file mode 100644
index 0000000..5702bd4
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/bo.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/bq-bo.webp b/front_minimal/public/assets/icons/flagpack/bq-bo.webp
new file mode 100644
index 0000000..479dbcd
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/bq-bo.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/bq-sa.webp b/front_minimal/public/assets/icons/flagpack/bq-sa.webp
new file mode 100644
index 0000000..e04408e
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/bq-sa.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/bq-se.webp b/front_minimal/public/assets/icons/flagpack/bq-se.webp
new file mode 100644
index 0000000..6c38cda
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/bq-se.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/br.webp b/front_minimal/public/assets/icons/flagpack/br.webp
new file mode 100644
index 0000000..cf9a3f6
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/br.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/bs.webp b/front_minimal/public/assets/icons/flagpack/bs.webp
new file mode 100644
index 0000000..1472f82
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/bs.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/bt.webp b/front_minimal/public/assets/icons/flagpack/bt.webp
new file mode 100644
index 0000000..83a2d23
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/bt.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/bv.webp b/front_minimal/public/assets/icons/flagpack/bv.webp
new file mode 100644
index 0000000..f6d301f
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/bv.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/bw.webp b/front_minimal/public/assets/icons/flagpack/bw.webp
new file mode 100644
index 0000000..db6d29e
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/bw.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/by.webp b/front_minimal/public/assets/icons/flagpack/by.webp
new file mode 100644
index 0000000..6793dd8
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/by.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/bz.webp b/front_minimal/public/assets/icons/flagpack/bz.webp
new file mode 100644
index 0000000..29c3fdd
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/bz.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/ca.webp b/front_minimal/public/assets/icons/flagpack/ca.webp
new file mode 100644
index 0000000..eee39fc
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ca.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/cc.webp b/front_minimal/public/assets/icons/flagpack/cc.webp
new file mode 100644
index 0000000..f95eaa9
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/cc.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/cd.webp b/front_minimal/public/assets/icons/flagpack/cd.webp
new file mode 100644
index 0000000..1d71aaa
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/cd.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/cf.webp b/front_minimal/public/assets/icons/flagpack/cf.webp
new file mode 100644
index 0000000..05b3d02
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/cf.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/cg.webp b/front_minimal/public/assets/icons/flagpack/cg.webp
new file mode 100644
index 0000000..00dd12e
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/cg.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/ch.webp b/front_minimal/public/assets/icons/flagpack/ch.webp
new file mode 100644
index 0000000..450fa7b
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ch.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/ci.webp b/front_minimal/public/assets/icons/flagpack/ci.webp
new file mode 100644
index 0000000..fa3def9
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ci.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/ck.webp b/front_minimal/public/assets/icons/flagpack/ck.webp
new file mode 100644
index 0000000..bad2344
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ck.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/cl.webp b/front_minimal/public/assets/icons/flagpack/cl.webp
new file mode 100644
index 0000000..16bc238
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/cl.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/cm.webp b/front_minimal/public/assets/icons/flagpack/cm.webp
new file mode 100644
index 0000000..a670f9d
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/cm.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/cn.webp b/front_minimal/public/assets/icons/flagpack/cn.webp
new file mode 100644
index 0000000..0538356
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/cn.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/co.webp b/front_minimal/public/assets/icons/flagpack/co.webp
new file mode 100644
index 0000000..766cebc
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/co.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/cr.webp b/front_minimal/public/assets/icons/flagpack/cr.webp
new file mode 100644
index 0000000..c6c2857
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/cr.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/cu.webp b/front_minimal/public/assets/icons/flagpack/cu.webp
new file mode 100644
index 0000000..82aa045
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/cu.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/cv.webp b/front_minimal/public/assets/icons/flagpack/cv.webp
new file mode 100644
index 0000000..d813b6d
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/cv.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/cw.webp b/front_minimal/public/assets/icons/flagpack/cw.webp
new file mode 100644
index 0000000..6a78f7c
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/cw.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/cx.webp b/front_minimal/public/assets/icons/flagpack/cx.webp
new file mode 100644
index 0000000..b9e490e
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/cx.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/cy.webp b/front_minimal/public/assets/icons/flagpack/cy.webp
new file mode 100644
index 0000000..2e99fe1
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/cy.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/cz.webp b/front_minimal/public/assets/icons/flagpack/cz.webp
new file mode 100644
index 0000000..2f1a6f7
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/cz.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/de.webp b/front_minimal/public/assets/icons/flagpack/de.webp
new file mode 100644
index 0000000..e2f11ff
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/de.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/dj.webp b/front_minimal/public/assets/icons/flagpack/dj.webp
new file mode 100644
index 0000000..fea287c
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/dj.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/dk.webp b/front_minimal/public/assets/icons/flagpack/dk.webp
new file mode 100644
index 0000000..1355371
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/dk.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/dm.webp b/front_minimal/public/assets/icons/flagpack/dm.webp
new file mode 100644
index 0000000..275a548
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/dm.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/do.webp b/front_minimal/public/assets/icons/flagpack/do.webp
new file mode 100644
index 0000000..c108984
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/do.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/dz.webp b/front_minimal/public/assets/icons/flagpack/dz.webp
new file mode 100644
index 0000000..c7114f7
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/dz.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/ec.webp b/front_minimal/public/assets/icons/flagpack/ec.webp
new file mode 100644
index 0000000..47fdbf3
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ec.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/ee.webp b/front_minimal/public/assets/icons/flagpack/ee.webp
new file mode 100644
index 0000000..d9588f8
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ee.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/eg.webp b/front_minimal/public/assets/icons/flagpack/eg.webp
new file mode 100644
index 0000000..aeee56b
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/eg.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/eh.webp b/front_minimal/public/assets/icons/flagpack/eh.webp
new file mode 100644
index 0000000..197f16d
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/eh.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/er.webp b/front_minimal/public/assets/icons/flagpack/er.webp
new file mode 100644
index 0000000..3b6da97
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/er.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/es.webp b/front_minimal/public/assets/icons/flagpack/es.webp
new file mode 100644
index 0000000..538f47a
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/es.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/et.webp b/front_minimal/public/assets/icons/flagpack/et.webp
new file mode 100644
index 0000000..22e707a
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/et.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/fi.webp b/front_minimal/public/assets/icons/flagpack/fi.webp
new file mode 100644
index 0000000..6f08baa
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/fi.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/fj.webp b/front_minimal/public/assets/icons/flagpack/fj.webp
new file mode 100644
index 0000000..cbdd22a
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/fj.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/fk.webp b/front_minimal/public/assets/icons/flagpack/fk.webp
new file mode 100644
index 0000000..ec33df2
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/fk.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/fm.webp b/front_minimal/public/assets/icons/flagpack/fm.webp
new file mode 100644
index 0000000..9b13777
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/fm.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/fo.webp b/front_minimal/public/assets/icons/flagpack/fo.webp
new file mode 100644
index 0000000..dc56c80
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/fo.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/fr.webp b/front_minimal/public/assets/icons/flagpack/fr.webp
new file mode 100644
index 0000000..da3c514
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/fr.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/ga.webp b/front_minimal/public/assets/icons/flagpack/ga.webp
new file mode 100644
index 0000000..eed6d32
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ga.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/gb-eng.webp b/front_minimal/public/assets/icons/flagpack/gb-eng.webp
new file mode 100644
index 0000000..eb9cf17
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/gb-eng.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/gb-nir.webp b/front_minimal/public/assets/icons/flagpack/gb-nir.webp
new file mode 100644
index 0000000..02edac1
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/gb-nir.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/gb-sct.webp b/front_minimal/public/assets/icons/flagpack/gb-sct.webp
new file mode 100644
index 0000000..636cb81
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/gb-sct.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/gb-wls.webp b/front_minimal/public/assets/icons/flagpack/gb-wls.webp
new file mode 100644
index 0000000..dc84a95
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/gb-wls.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/gb.webp b/front_minimal/public/assets/icons/flagpack/gb.webp
new file mode 100644
index 0000000..02edac1
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/gb.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/gd.webp b/front_minimal/public/assets/icons/flagpack/gd.webp
new file mode 100644
index 0000000..24596c1
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/gd.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/ge.webp b/front_minimal/public/assets/icons/flagpack/ge.webp
new file mode 100644
index 0000000..7863551
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ge.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/gf.webp b/front_minimal/public/assets/icons/flagpack/gf.webp
new file mode 100644
index 0000000..d361544
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/gf.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/gg.webp b/front_minimal/public/assets/icons/flagpack/gg.webp
new file mode 100644
index 0000000..6abd48e
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/gg.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/gh.webp b/front_minimal/public/assets/icons/flagpack/gh.webp
new file mode 100644
index 0000000..c860a07
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/gh.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/gi.webp b/front_minimal/public/assets/icons/flagpack/gi.webp
new file mode 100644
index 0000000..3572516
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/gi.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/gl.webp b/front_minimal/public/assets/icons/flagpack/gl.webp
new file mode 100644
index 0000000..5c4ff67
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/gl.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/gm.webp b/front_minimal/public/assets/icons/flagpack/gm.webp
new file mode 100644
index 0000000..4f139e6
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/gm.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/gn.webp b/front_minimal/public/assets/icons/flagpack/gn.webp
new file mode 100644
index 0000000..6773f86
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/gn.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/gp.webp b/front_minimal/public/assets/icons/flagpack/gp.webp
new file mode 100644
index 0000000..da3c514
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/gp.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/gq.webp b/front_minimal/public/assets/icons/flagpack/gq.webp
new file mode 100644
index 0000000..15e4174
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/gq.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/gr.webp b/front_minimal/public/assets/icons/flagpack/gr.webp
new file mode 100644
index 0000000..12ae4ad
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/gr.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/gs.webp b/front_minimal/public/assets/icons/flagpack/gs.webp
new file mode 100644
index 0000000..01caa5f
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/gs.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/gt.webp b/front_minimal/public/assets/icons/flagpack/gt.webp
new file mode 100644
index 0000000..a08468e
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/gt.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/gu.webp b/front_minimal/public/assets/icons/flagpack/gu.webp
new file mode 100644
index 0000000..733fbd4
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/gu.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/gw.webp b/front_minimal/public/assets/icons/flagpack/gw.webp
new file mode 100644
index 0000000..2aabff0
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/gw.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/gy.webp b/front_minimal/public/assets/icons/flagpack/gy.webp
new file mode 100644
index 0000000..06da8e9
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/gy.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/hk.webp b/front_minimal/public/assets/icons/flagpack/hk.webp
new file mode 100644
index 0000000..b233a10
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/hk.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/hm.webp b/front_minimal/public/assets/icons/flagpack/hm.webp
new file mode 100644
index 0000000..b4a10bd
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/hm.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/hn.webp b/front_minimal/public/assets/icons/flagpack/hn.webp
new file mode 100644
index 0000000..112fc45
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/hn.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/hr.webp b/front_minimal/public/assets/icons/flagpack/hr.webp
new file mode 100644
index 0000000..f235b37
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/hr.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/ht.webp b/front_minimal/public/assets/icons/flagpack/ht.webp
new file mode 100644
index 0000000..e826e67
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ht.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/hu.webp b/front_minimal/public/assets/icons/flagpack/hu.webp
new file mode 100644
index 0000000..d32f8cf
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/hu.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/id.webp b/front_minimal/public/assets/icons/flagpack/id.webp
new file mode 100644
index 0000000..de95e2f
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/id.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/ie.webp b/front_minimal/public/assets/icons/flagpack/ie.webp
new file mode 100644
index 0000000..179c657
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ie.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/il.webp b/front_minimal/public/assets/icons/flagpack/il.webp
new file mode 100644
index 0000000..74c298c
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/il.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/im.webp b/front_minimal/public/assets/icons/flagpack/im.webp
new file mode 100644
index 0000000..c841455
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/im.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/in.webp b/front_minimal/public/assets/icons/flagpack/in.webp
new file mode 100644
index 0000000..df5763e
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/in.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/io.webp b/front_minimal/public/assets/icons/flagpack/io.webp
new file mode 100644
index 0000000..7ad2711
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/io.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/iq.webp b/front_minimal/public/assets/icons/flagpack/iq.webp
new file mode 100644
index 0000000..731e16d
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/iq.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/ir.webp b/front_minimal/public/assets/icons/flagpack/ir.webp
new file mode 100644
index 0000000..0f9a5aa
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ir.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/is.webp b/front_minimal/public/assets/icons/flagpack/is.webp
new file mode 100644
index 0000000..76fa677
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/is.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/it.webp b/front_minimal/public/assets/icons/flagpack/it.webp
new file mode 100644
index 0000000..67e159f
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/it.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/je.webp b/front_minimal/public/assets/icons/flagpack/je.webp
new file mode 100644
index 0000000..ca330e5
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/je.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/jm.webp b/front_minimal/public/assets/icons/flagpack/jm.webp
new file mode 100644
index 0000000..3f61104
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/jm.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/jo.webp b/front_minimal/public/assets/icons/flagpack/jo.webp
new file mode 100644
index 0000000..30b6e0d
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/jo.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/jp.webp b/front_minimal/public/assets/icons/flagpack/jp.webp
new file mode 100644
index 0000000..948ebbe
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/jp.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/ke.webp b/front_minimal/public/assets/icons/flagpack/ke.webp
new file mode 100644
index 0000000..53016e4
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ke.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/kg.webp b/front_minimal/public/assets/icons/flagpack/kg.webp
new file mode 100644
index 0000000..ff01c29
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/kg.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/kh.webp b/front_minimal/public/assets/icons/flagpack/kh.webp
new file mode 100644
index 0000000..b082bc5
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/kh.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/ki.webp b/front_minimal/public/assets/icons/flagpack/ki.webp
new file mode 100644
index 0000000..a2398dc
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ki.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/km.webp b/front_minimal/public/assets/icons/flagpack/km.webp
new file mode 100644
index 0000000..4cb6b11
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/km.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/kn.webp b/front_minimal/public/assets/icons/flagpack/kn.webp
new file mode 100644
index 0000000..1ed34fb
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/kn.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/kp.webp b/front_minimal/public/assets/icons/flagpack/kp.webp
new file mode 100644
index 0000000..e899556
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/kp.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/kr.webp b/front_minimal/public/assets/icons/flagpack/kr.webp
new file mode 100644
index 0000000..e95fb87
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/kr.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/kw.webp b/front_minimal/public/assets/icons/flagpack/kw.webp
new file mode 100644
index 0000000..1f02f03
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/kw.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/ky.webp b/front_minimal/public/assets/icons/flagpack/ky.webp
new file mode 100644
index 0000000..5adf53d
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ky.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/kz.webp b/front_minimal/public/assets/icons/flagpack/kz.webp
new file mode 100644
index 0000000..9276673
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/kz.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/la.webp b/front_minimal/public/assets/icons/flagpack/la.webp
new file mode 100644
index 0000000..780a29b
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/la.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/lb.webp b/front_minimal/public/assets/icons/flagpack/lb.webp
new file mode 100644
index 0000000..3664062
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/lb.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/lc.webp b/front_minimal/public/assets/icons/flagpack/lc.webp
new file mode 100644
index 0000000..66a000a
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/lc.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/li.webp b/front_minimal/public/assets/icons/flagpack/li.webp
new file mode 100644
index 0000000..ac14691
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/li.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/lk.webp b/front_minimal/public/assets/icons/flagpack/lk.webp
new file mode 100644
index 0000000..587b281
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/lk.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/lr.webp b/front_minimal/public/assets/icons/flagpack/lr.webp
new file mode 100644
index 0000000..a4ec59b
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/lr.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/ls.webp b/front_minimal/public/assets/icons/flagpack/ls.webp
new file mode 100644
index 0000000..3cb3d40
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ls.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/lt.webp b/front_minimal/public/assets/icons/flagpack/lt.webp
new file mode 100644
index 0000000..9e441be
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/lt.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/lu.webp b/front_minimal/public/assets/icons/flagpack/lu.webp
new file mode 100644
index 0000000..6e8ebfa
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/lu.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/lv.webp b/front_minimal/public/assets/icons/flagpack/lv.webp
new file mode 100644
index 0000000..f9dc4e3
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/lv.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/ly.webp b/front_minimal/public/assets/icons/flagpack/ly.webp
new file mode 100644
index 0000000..77b0479
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ly.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/ma.webp b/front_minimal/public/assets/icons/flagpack/ma.webp
new file mode 100644
index 0000000..39c900e
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ma.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/mc.webp b/front_minimal/public/assets/icons/flagpack/mc.webp
new file mode 100644
index 0000000..163c64e
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/mc.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/md.webp b/front_minimal/public/assets/icons/flagpack/md.webp
new file mode 100644
index 0000000..a9ed9ee
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/md.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/me.webp b/front_minimal/public/assets/icons/flagpack/me.webp
new file mode 100644
index 0000000..4ebd531
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/me.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/mf.webp b/front_minimal/public/assets/icons/flagpack/mf.webp
new file mode 100644
index 0000000..da3c514
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/mf.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/mg.webp b/front_minimal/public/assets/icons/flagpack/mg.webp
new file mode 100644
index 0000000..032c28e
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/mg.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/mh.webp b/front_minimal/public/assets/icons/flagpack/mh.webp
new file mode 100644
index 0000000..f85ed38
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/mh.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/mk.webp b/front_minimal/public/assets/icons/flagpack/mk.webp
new file mode 100644
index 0000000..e4e8197
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/mk.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/ml.webp b/front_minimal/public/assets/icons/flagpack/ml.webp
new file mode 100644
index 0000000..5d5aca0
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ml.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/mm.webp b/front_minimal/public/assets/icons/flagpack/mm.webp
new file mode 100644
index 0000000..cdd0ff4
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/mm.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/mn.webp b/front_minimal/public/assets/icons/flagpack/mn.webp
new file mode 100644
index 0000000..4e2e10d
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/mn.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/mo.webp b/front_minimal/public/assets/icons/flagpack/mo.webp
new file mode 100644
index 0000000..d9a346d
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/mo.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/mp.webp b/front_minimal/public/assets/icons/flagpack/mp.webp
new file mode 100644
index 0000000..3bbadd7
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/mp.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/mq.webp b/front_minimal/public/assets/icons/flagpack/mq.webp
new file mode 100644
index 0000000..da3c514
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/mq.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/mr.webp b/front_minimal/public/assets/icons/flagpack/mr.webp
new file mode 100644
index 0000000..69cc56d
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/mr.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/ms.webp b/front_minimal/public/assets/icons/flagpack/ms.webp
new file mode 100644
index 0000000..482a903
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ms.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/mt.webp b/front_minimal/public/assets/icons/flagpack/mt.webp
new file mode 100644
index 0000000..790e914
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/mt.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/mu.webp b/front_minimal/public/assets/icons/flagpack/mu.webp
new file mode 100644
index 0000000..66baab3
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/mu.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/mv.webp b/front_minimal/public/assets/icons/flagpack/mv.webp
new file mode 100644
index 0000000..4f691cc
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/mv.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/mw.webp b/front_minimal/public/assets/icons/flagpack/mw.webp
new file mode 100644
index 0000000..0ff51d1
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/mw.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/mx.webp b/front_minimal/public/assets/icons/flagpack/mx.webp
new file mode 100644
index 0000000..980a6cc
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/mx.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/my.webp b/front_minimal/public/assets/icons/flagpack/my.webp
new file mode 100644
index 0000000..b93cc69
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/my.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/mz.webp b/front_minimal/public/assets/icons/flagpack/mz.webp
new file mode 100644
index 0000000..7453d3e
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/mz.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/na.webp b/front_minimal/public/assets/icons/flagpack/na.webp
new file mode 100644
index 0000000..8276694
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/na.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/nc.webp b/front_minimal/public/assets/icons/flagpack/nc.webp
new file mode 100644
index 0000000..6af8b9e
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/nc.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/ne.webp b/front_minimal/public/assets/icons/flagpack/ne.webp
new file mode 100644
index 0000000..bf1ffb9
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ne.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/nf.webp b/front_minimal/public/assets/icons/flagpack/nf.webp
new file mode 100644
index 0000000..36cc27d
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/nf.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/ng.webp b/front_minimal/public/assets/icons/flagpack/ng.webp
new file mode 100644
index 0000000..a062e09
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ng.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/ni.webp b/front_minimal/public/assets/icons/flagpack/ni.webp
new file mode 100644
index 0000000..2225c42
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ni.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/nl.webp b/front_minimal/public/assets/icons/flagpack/nl.webp
new file mode 100644
index 0000000..deeb545
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/nl.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/no.webp b/front_minimal/public/assets/icons/flagpack/no.webp
new file mode 100644
index 0000000..f6d301f
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/no.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/np.webp b/front_minimal/public/assets/icons/flagpack/np.webp
new file mode 100644
index 0000000..31837e6
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/np.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/nr.webp b/front_minimal/public/assets/icons/flagpack/nr.webp
new file mode 100644
index 0000000..cc781f3
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/nr.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/nu.webp b/front_minimal/public/assets/icons/flagpack/nu.webp
new file mode 100644
index 0000000..894ad76
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/nu.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/nz.webp b/front_minimal/public/assets/icons/flagpack/nz.webp
new file mode 100644
index 0000000..d5bd620
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/nz.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/om.webp b/front_minimal/public/assets/icons/flagpack/om.webp
new file mode 100644
index 0000000..5086241
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/om.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/pa.webp b/front_minimal/public/assets/icons/flagpack/pa.webp
new file mode 100644
index 0000000..30e9303
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/pa.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/pe.webp b/front_minimal/public/assets/icons/flagpack/pe.webp
new file mode 100644
index 0000000..4c2016d
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/pe.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/pf.webp b/front_minimal/public/assets/icons/flagpack/pf.webp
new file mode 100644
index 0000000..74eb434
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/pf.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/pg.webp b/front_minimal/public/assets/icons/flagpack/pg.webp
new file mode 100644
index 0000000..2e537d3
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/pg.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/ph.webp b/front_minimal/public/assets/icons/flagpack/ph.webp
new file mode 100644
index 0000000..454d741
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ph.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/pk.webp b/front_minimal/public/assets/icons/flagpack/pk.webp
new file mode 100644
index 0000000..67e40a7
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/pk.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/pl.webp b/front_minimal/public/assets/icons/flagpack/pl.webp
new file mode 100644
index 0000000..c38d0e6
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/pl.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/pm.webp b/front_minimal/public/assets/icons/flagpack/pm.webp
new file mode 100644
index 0000000..0f6aab1
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/pm.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/pn.webp b/front_minimal/public/assets/icons/flagpack/pn.webp
new file mode 100644
index 0000000..d3e11af
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/pn.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/pr.webp b/front_minimal/public/assets/icons/flagpack/pr.webp
new file mode 100644
index 0000000..2e17875
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/pr.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/ps.webp b/front_minimal/public/assets/icons/flagpack/ps.webp
new file mode 100644
index 0000000..d02b0bb
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ps.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/pt.webp b/front_minimal/public/assets/icons/flagpack/pt.webp
new file mode 100644
index 0000000..b2b6446
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/pt.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/pw.webp b/front_minimal/public/assets/icons/flagpack/pw.webp
new file mode 100644
index 0000000..66b4d6a
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/pw.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/py.webp b/front_minimal/public/assets/icons/flagpack/py.webp
new file mode 100644
index 0000000..9866931
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/py.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/qa.webp b/front_minimal/public/assets/icons/flagpack/qa.webp
new file mode 100644
index 0000000..8966f1b
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/qa.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/re.webp b/front_minimal/public/assets/icons/flagpack/re.webp
new file mode 100644
index 0000000..6af8b9e
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/re.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/ro.webp b/front_minimal/public/assets/icons/flagpack/ro.webp
new file mode 100644
index 0000000..f99502f
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ro.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/rs.webp b/front_minimal/public/assets/icons/flagpack/rs.webp
new file mode 100644
index 0000000..8b177db
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/rs.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/ru.webp b/front_minimal/public/assets/icons/flagpack/ru.webp
new file mode 100644
index 0000000..c7bce9f
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ru.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/rw.webp b/front_minimal/public/assets/icons/flagpack/rw.webp
new file mode 100644
index 0000000..d5a1cb8
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/rw.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/sa.webp b/front_minimal/public/assets/icons/flagpack/sa.webp
new file mode 100644
index 0000000..562492c
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/sa.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/sb.webp b/front_minimal/public/assets/icons/flagpack/sb.webp
new file mode 100644
index 0000000..fea0fe8
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/sb.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/sc.webp b/front_minimal/public/assets/icons/flagpack/sc.webp
new file mode 100644
index 0000000..a01d0e5
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/sc.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/sd.webp b/front_minimal/public/assets/icons/flagpack/sd.webp
new file mode 100644
index 0000000..e599e68
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/sd.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/se.webp b/front_minimal/public/assets/icons/flagpack/se.webp
new file mode 100644
index 0000000..c04c04a
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/se.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/sg.webp b/front_minimal/public/assets/icons/flagpack/sg.webp
new file mode 100644
index 0000000..bc0bd59
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/sg.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/sh.webp b/front_minimal/public/assets/icons/flagpack/sh.webp
new file mode 100644
index 0000000..66c855d
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/sh.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/si.webp b/front_minimal/public/assets/icons/flagpack/si.webp
new file mode 100644
index 0000000..a772195
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/si.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/sj.webp b/front_minimal/public/assets/icons/flagpack/sj.webp
new file mode 100644
index 0000000..f6d301f
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/sj.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/sk.webp b/front_minimal/public/assets/icons/flagpack/sk.webp
new file mode 100644
index 0000000..15917b9
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/sk.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/sl.webp b/front_minimal/public/assets/icons/flagpack/sl.webp
new file mode 100644
index 0000000..b4ee9c7
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/sl.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/sm.webp b/front_minimal/public/assets/icons/flagpack/sm.webp
new file mode 100644
index 0000000..7bb0d17
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/sm.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/sn.webp b/front_minimal/public/assets/icons/flagpack/sn.webp
new file mode 100644
index 0000000..0746162
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/sn.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/so.webp b/front_minimal/public/assets/icons/flagpack/so.webp
new file mode 100644
index 0000000..b08d6e9
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/so.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/sr.webp b/front_minimal/public/assets/icons/flagpack/sr.webp
new file mode 100644
index 0000000..299e149
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/sr.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/ss.webp b/front_minimal/public/assets/icons/flagpack/ss.webp
new file mode 100644
index 0000000..2d8a323
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ss.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/st.webp b/front_minimal/public/assets/icons/flagpack/st.webp
new file mode 100644
index 0000000..6d563a0
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/st.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/sv.webp b/front_minimal/public/assets/icons/flagpack/sv.webp
new file mode 100644
index 0000000..e5c7e71
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/sv.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/sx.webp b/front_minimal/public/assets/icons/flagpack/sx.webp
new file mode 100644
index 0000000..86780b0
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/sx.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/sy.webp b/front_minimal/public/assets/icons/flagpack/sy.webp
new file mode 100644
index 0000000..fa46871
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/sy.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/sz.webp b/front_minimal/public/assets/icons/flagpack/sz.webp
new file mode 100644
index 0000000..43d56b2
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/sz.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/tc.webp b/front_minimal/public/assets/icons/flagpack/tc.webp
new file mode 100644
index 0000000..82dc3ff
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/tc.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/td.webp b/front_minimal/public/assets/icons/flagpack/td.webp
new file mode 100644
index 0000000..3231c39
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/td.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/tf.webp b/front_minimal/public/assets/icons/flagpack/tf.webp
new file mode 100644
index 0000000..ae0e0ea
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/tf.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/tg.webp b/front_minimal/public/assets/icons/flagpack/tg.webp
new file mode 100644
index 0000000..5ad0771
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/tg.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/th.webp b/front_minimal/public/assets/icons/flagpack/th.webp
new file mode 100644
index 0000000..20aac2c
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/th.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/tj.webp b/front_minimal/public/assets/icons/flagpack/tj.webp
new file mode 100644
index 0000000..c5261d8
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/tj.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/tk.webp b/front_minimal/public/assets/icons/flagpack/tk.webp
new file mode 100644
index 0000000..8cbcd61
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/tk.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/tl.webp b/front_minimal/public/assets/icons/flagpack/tl.webp
new file mode 100644
index 0000000..39647ba
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/tl.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/tm.webp b/front_minimal/public/assets/icons/flagpack/tm.webp
new file mode 100644
index 0000000..51afd46
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/tm.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/tn.webp b/front_minimal/public/assets/icons/flagpack/tn.webp
new file mode 100644
index 0000000..9e0006f
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/tn.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/to.webp b/front_minimal/public/assets/icons/flagpack/to.webp
new file mode 100644
index 0000000..2606f86
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/to.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/tr.webp b/front_minimal/public/assets/icons/flagpack/tr.webp
new file mode 100644
index 0000000..891d31d
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/tr.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/tt.webp b/front_minimal/public/assets/icons/flagpack/tt.webp
new file mode 100644
index 0000000..8c9b680
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/tt.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/tv.webp b/front_minimal/public/assets/icons/flagpack/tv.webp
new file mode 100644
index 0000000..73407d1
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/tv.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/tw.webp b/front_minimal/public/assets/icons/flagpack/tw.webp
new file mode 100644
index 0000000..3190a68
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/tw.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/tz.webp b/front_minimal/public/assets/icons/flagpack/tz.webp
new file mode 100644
index 0000000..7181e18
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/tz.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/ua.webp b/front_minimal/public/assets/icons/flagpack/ua.webp
new file mode 100644
index 0000000..d065925
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ua.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/ug.webp b/front_minimal/public/assets/icons/flagpack/ug.webp
new file mode 100644
index 0000000..e033bb4
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ug.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/um.webp b/front_minimal/public/assets/icons/flagpack/um.webp
new file mode 100644
index 0000000..2f80afa
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/um.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/us.webp b/front_minimal/public/assets/icons/flagpack/us.webp
new file mode 100644
index 0000000..2f80afa
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/us.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/uy.webp b/front_minimal/public/assets/icons/flagpack/uy.webp
new file mode 100644
index 0000000..0c45363
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/uy.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/uz.webp b/front_minimal/public/assets/icons/flagpack/uz.webp
new file mode 100644
index 0000000..ef8f615
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/uz.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/va.webp b/front_minimal/public/assets/icons/flagpack/va.webp
new file mode 100644
index 0000000..0b39cf2
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/va.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/vc.webp b/front_minimal/public/assets/icons/flagpack/vc.webp
new file mode 100644
index 0000000..19fbeca
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/vc.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/ve.webp b/front_minimal/public/assets/icons/flagpack/ve.webp
new file mode 100644
index 0000000..ce5760b
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ve.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/vg.webp b/front_minimal/public/assets/icons/flagpack/vg.webp
new file mode 100644
index 0000000..482a903
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/vg.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/vi.webp b/front_minimal/public/assets/icons/flagpack/vi.webp
new file mode 100644
index 0000000..7c14bb6
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/vi.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/vn.webp b/front_minimal/public/assets/icons/flagpack/vn.webp
new file mode 100644
index 0000000..30c76be
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/vn.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/vu.webp b/front_minimal/public/assets/icons/flagpack/vu.webp
new file mode 100644
index 0000000..c86fe44
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/vu.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/wf.webp b/front_minimal/public/assets/icons/flagpack/wf.webp
new file mode 100644
index 0000000..0f6aab1
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/wf.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/ws.webp b/front_minimal/public/assets/icons/flagpack/ws.webp
new file mode 100644
index 0000000..e9985a3
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ws.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/xk.webp b/front_minimal/public/assets/icons/flagpack/xk.webp
new file mode 100644
index 0000000..b544db3
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/xk.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/ye.webp b/front_minimal/public/assets/icons/flagpack/ye.webp
new file mode 100644
index 0000000..6f2f607
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/ye.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/yt.webp b/front_minimal/public/assets/icons/flagpack/yt.webp
new file mode 100644
index 0000000..d233847
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/yt.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/za.webp b/front_minimal/public/assets/icons/flagpack/za.webp
new file mode 100644
index 0000000..d5bfd11
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/za.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/zm.webp b/front_minimal/public/assets/icons/flagpack/zm.webp
new file mode 100644
index 0000000..3e34d08
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/zm.webp differ
diff --git a/front_minimal/public/assets/icons/flagpack/zw.webp b/front_minimal/public/assets/icons/flagpack/zw.webp
new file mode 100644
index 0000000..51ba537
Binary files /dev/null and b/front_minimal/public/assets/icons/flagpack/zw.webp differ
diff --git a/front_minimal/public/assets/icons/glass/ic-glass-bag.svg b/front_minimal/public/assets/icons/glass/ic-glass-bag.svg
new file mode 100644
index 0000000..a384e03
--- /dev/null
+++ b/front_minimal/public/assets/icons/glass/ic-glass-bag.svg
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/glass/ic-glass-buy.svg b/front_minimal/public/assets/icons/glass/ic-glass-buy.svg
new file mode 100644
index 0000000..07577a6
--- /dev/null
+++ b/front_minimal/public/assets/icons/glass/ic-glass-buy.svg
@@ -0,0 +1,47 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/glass/ic-glass-message.svg b/front_minimal/public/assets/icons/glass/ic-glass-message.svg
new file mode 100644
index 0000000..e82d8d8
--- /dev/null
+++ b/front_minimal/public/assets/icons/glass/ic-glass-message.svg
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/glass/ic-glass-users.svg b/front_minimal/public/assets/icons/glass/ic-glass-users.svg
new file mode 100644
index 0000000..d69a579
--- /dev/null
+++ b/front_minimal/public/assets/icons/glass/ic-glass-users.svg
@@ -0,0 +1,39 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/home/ic-design.svg b/front_minimal/public/assets/icons/home/ic-design.svg
new file mode 100644
index 0000000..55fe016
--- /dev/null
+++ b/front_minimal/public/assets/icons/home/ic-design.svg
@@ -0,0 +1,6 @@
+
+
diff --git a/front_minimal/public/assets/icons/home/ic-development.svg b/front_minimal/public/assets/icons/home/ic-development.svg
new file mode 100644
index 0000000..b1f1774
--- /dev/null
+++ b/front_minimal/public/assets/icons/home/ic-development.svg
@@ -0,0 +1,5 @@
+
+
diff --git a/front_minimal/public/assets/icons/home/ic-make-brand.svg b/front_minimal/public/assets/icons/home/ic-make-brand.svg
new file mode 100644
index 0000000..593dc8a
--- /dev/null
+++ b/front_minimal/public/assets/icons/home/ic-make-brand.svg
@@ -0,0 +1,6 @@
+
+
diff --git a/front_minimal/public/assets/icons/navbar/ic-analytics.svg b/front_minimal/public/assets/icons/navbar/ic-analytics.svg
new file mode 100644
index 0000000..a018220
--- /dev/null
+++ b/front_minimal/public/assets/icons/navbar/ic-analytics.svg
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/front_minimal/public/assets/icons/navbar/ic-banking.svg b/front_minimal/public/assets/icons/navbar/ic-banking.svg
new file mode 100644
index 0000000..8e1934e
--- /dev/null
+++ b/front_minimal/public/assets/icons/navbar/ic-banking.svg
@@ -0,0 +1,10 @@
+
+
+
+
diff --git a/front_minimal/public/assets/icons/navbar/ic-blank.svg b/front_minimal/public/assets/icons/navbar/ic-blank.svg
new file mode 100644
index 0000000..3b21175
--- /dev/null
+++ b/front_minimal/public/assets/icons/navbar/ic-blank.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/front_minimal/public/assets/icons/navbar/ic-blog.svg b/front_minimal/public/assets/icons/navbar/ic-blog.svg
new file mode 100644
index 0000000..4d54ea9
--- /dev/null
+++ b/front_minimal/public/assets/icons/navbar/ic-blog.svg
@@ -0,0 +1,7 @@
+
+
+
+
diff --git a/front_minimal/public/assets/icons/navbar/ic-booking.svg b/front_minimal/public/assets/icons/navbar/ic-booking.svg
new file mode 100644
index 0000000..db8b365
--- /dev/null
+++ b/front_minimal/public/assets/icons/navbar/ic-booking.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/front_minimal/public/assets/icons/navbar/ic-calendar.svg b/front_minimal/public/assets/icons/navbar/ic-calendar.svg
new file mode 100644
index 0000000..e24979a
--- /dev/null
+++ b/front_minimal/public/assets/icons/navbar/ic-calendar.svg
@@ -0,0 +1,5 @@
+
+
diff --git a/front_minimal/public/assets/icons/navbar/ic-chat.svg b/front_minimal/public/assets/icons/navbar/ic-chat.svg
new file mode 100644
index 0000000..2cf385c
--- /dev/null
+++ b/front_minimal/public/assets/icons/navbar/ic-chat.svg
@@ -0,0 +1,6 @@
+
+
diff --git a/front_minimal/public/assets/icons/navbar/ic-course.svg b/front_minimal/public/assets/icons/navbar/ic-course.svg
new file mode 100644
index 0000000..22b1133
--- /dev/null
+++ b/front_minimal/public/assets/icons/navbar/ic-course.svg
@@ -0,0 +1,5 @@
+
+
diff --git a/front_minimal/public/assets/icons/navbar/ic-dashboard.svg b/front_minimal/public/assets/icons/navbar/ic-dashboard.svg
new file mode 100644
index 0000000..3084051
--- /dev/null
+++ b/front_minimal/public/assets/icons/navbar/ic-dashboard.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/front_minimal/public/assets/icons/navbar/ic-disabled.svg b/front_minimal/public/assets/icons/navbar/ic-disabled.svg
new file mode 100644
index 0000000..ac241ab
--- /dev/null
+++ b/front_minimal/public/assets/icons/navbar/ic-disabled.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/front_minimal/public/assets/icons/navbar/ic-ecommerce.svg b/front_minimal/public/assets/icons/navbar/ic-ecommerce.svg
new file mode 100644
index 0000000..404be6d
--- /dev/null
+++ b/front_minimal/public/assets/icons/navbar/ic-ecommerce.svg
@@ -0,0 +1,5 @@
+
+
diff --git a/front_minimal/public/assets/icons/navbar/ic-external.svg b/front_minimal/public/assets/icons/navbar/ic-external.svg
new file mode 100644
index 0000000..fb726f7
--- /dev/null
+++ b/front_minimal/public/assets/icons/navbar/ic-external.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/front_minimal/public/assets/icons/navbar/ic-file.svg b/front_minimal/public/assets/icons/navbar/ic-file.svg
new file mode 100644
index 0000000..161b0a5
--- /dev/null
+++ b/front_minimal/public/assets/icons/navbar/ic-file.svg
@@ -0,0 +1,6 @@
+
+
diff --git a/front_minimal/public/assets/icons/navbar/ic-folder.svg b/front_minimal/public/assets/icons/navbar/ic-folder.svg
new file mode 100644
index 0000000..71595ed
--- /dev/null
+++ b/front_minimal/public/assets/icons/navbar/ic-folder.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/front_minimal/public/assets/icons/navbar/ic-invoice.svg b/front_minimal/public/assets/icons/navbar/ic-invoice.svg
new file mode 100644
index 0000000..1f68e96
--- /dev/null
+++ b/front_minimal/public/assets/icons/navbar/ic-invoice.svg
@@ -0,0 +1,5 @@
+
+
diff --git a/front_minimal/public/assets/icons/navbar/ic-job.svg b/front_minimal/public/assets/icons/navbar/ic-job.svg
new file mode 100644
index 0000000..dee73d2
--- /dev/null
+++ b/front_minimal/public/assets/icons/navbar/ic-job.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/front_minimal/public/assets/icons/navbar/ic-kanban.svg b/front_minimal/public/assets/icons/navbar/ic-kanban.svg
new file mode 100644
index 0000000..a714438
--- /dev/null
+++ b/front_minimal/public/assets/icons/navbar/ic-kanban.svg
@@ -0,0 +1,5 @@
+
+
diff --git a/front_minimal/public/assets/icons/navbar/ic-label.svg b/front_minimal/public/assets/icons/navbar/ic-label.svg
new file mode 100644
index 0000000..0488f1c
--- /dev/null
+++ b/front_minimal/public/assets/icons/navbar/ic-label.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/front_minimal/public/assets/icons/navbar/ic-lock.svg b/front_minimal/public/assets/icons/navbar/ic-lock.svg
new file mode 100644
index 0000000..ebe9002
--- /dev/null
+++ b/front_minimal/public/assets/icons/navbar/ic-lock.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/front_minimal/public/assets/icons/navbar/ic-mail.svg b/front_minimal/public/assets/icons/navbar/ic-mail.svg
new file mode 100644
index 0000000..5fa7e04
--- /dev/null
+++ b/front_minimal/public/assets/icons/navbar/ic-mail.svg
@@ -0,0 +1,6 @@
+
+
diff --git a/front_minimal/public/assets/icons/navbar/ic-menu-item.svg b/front_minimal/public/assets/icons/navbar/ic-menu-item.svg
new file mode 100644
index 0000000..f3ffb17
--- /dev/null
+++ b/front_minimal/public/assets/icons/navbar/ic-menu-item.svg
@@ -0,0 +1,5 @@
+
+
diff --git a/front_minimal/public/assets/icons/navbar/ic-order.svg b/front_minimal/public/assets/icons/navbar/ic-order.svg
new file mode 100644
index 0000000..8f01172
--- /dev/null
+++ b/front_minimal/public/assets/icons/navbar/ic-order.svg
@@ -0,0 +1,7 @@
+
+
diff --git a/front_minimal/public/assets/icons/navbar/ic-parameter.svg b/front_minimal/public/assets/icons/navbar/ic-parameter.svg
new file mode 100644
index 0000000..289e44a
--- /dev/null
+++ b/front_minimal/public/assets/icons/navbar/ic-parameter.svg
@@ -0,0 +1,7 @@
+
+
+
+
diff --git a/front_minimal/public/assets/icons/navbar/ic-product.svg b/front_minimal/public/assets/icons/navbar/ic-product.svg
new file mode 100644
index 0000000..71a8370
--- /dev/null
+++ b/front_minimal/public/assets/icons/navbar/ic-product.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/front_minimal/public/assets/icons/navbar/ic-tour.svg b/front_minimal/public/assets/icons/navbar/ic-tour.svg
new file mode 100644
index 0000000..adab1eb
--- /dev/null
+++ b/front_minimal/public/assets/icons/navbar/ic-tour.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/front_minimal/public/assets/icons/navbar/ic-user.svg b/front_minimal/public/assets/icons/navbar/ic-user.svg
new file mode 100644
index 0000000..261a3a3
--- /dev/null
+++ b/front_minimal/public/assets/icons/navbar/ic-user.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/front_minimal/public/assets/icons/notification/ic-chat.svg b/front_minimal/public/assets/icons/notification/ic-chat.svg
new file mode 100644
index 0000000..2b1afc3
--- /dev/null
+++ b/front_minimal/public/assets/icons/notification/ic-chat.svg
@@ -0,0 +1,28 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/notification/ic-delivery.svg b/front_minimal/public/assets/icons/notification/ic-delivery.svg
new file mode 100644
index 0000000..f7960c6
--- /dev/null
+++ b/front_minimal/public/assets/icons/notification/ic-delivery.svg
@@ -0,0 +1,20 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/notification/ic-mail.svg b/front_minimal/public/assets/icons/notification/ic-mail.svg
new file mode 100644
index 0000000..6183ee9
--- /dev/null
+++ b/front_minimal/public/assets/icons/notification/ic-mail.svg
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/notification/ic-order.svg b/front_minimal/public/assets/icons/notification/ic-order.svg
new file mode 100644
index 0000000..568193a
--- /dev/null
+++ b/front_minimal/public/assets/icons/notification/ic-order.svg
@@ -0,0 +1,45 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/platforms/ic-amplify.svg b/front_minimal/public/assets/icons/platforms/ic-amplify.svg
new file mode 100644
index 0000000..a08c5d1
--- /dev/null
+++ b/front_minimal/public/assets/icons/platforms/ic-amplify.svg
@@ -0,0 +1,12 @@
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/platforms/ic-auth0.svg b/front_minimal/public/assets/icons/platforms/ic-auth0.svg
new file mode 100644
index 0000000..d02ff5f
--- /dev/null
+++ b/front_minimal/public/assets/icons/platforms/ic-auth0.svg
@@ -0,0 +1,5 @@
+
+
diff --git a/front_minimal/public/assets/icons/platforms/ic-figma.svg b/front_minimal/public/assets/icons/platforms/ic-figma.svg
new file mode 100644
index 0000000..5658926
--- /dev/null
+++ b/front_minimal/public/assets/icons/platforms/ic-figma.svg
@@ -0,0 +1,7 @@
+
+
diff --git a/front_minimal/public/assets/icons/platforms/ic-firebase.svg b/front_minimal/public/assets/icons/platforms/ic-firebase.svg
new file mode 100644
index 0000000..1cfe065
--- /dev/null
+++ b/front_minimal/public/assets/icons/platforms/ic-firebase.svg
@@ -0,0 +1,12 @@
+
+
diff --git a/front_minimal/public/assets/icons/platforms/ic-js.svg b/front_minimal/public/assets/icons/platforms/ic-js.svg
new file mode 100644
index 0000000..21b0c98
--- /dev/null
+++ b/front_minimal/public/assets/icons/platforms/ic-js.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/front_minimal/public/assets/icons/platforms/ic-jwt.svg b/front_minimal/public/assets/icons/platforms/ic-jwt.svg
new file mode 100644
index 0000000..4085270
--- /dev/null
+++ b/front_minimal/public/assets/icons/platforms/ic-jwt.svg
@@ -0,0 +1,15 @@
+
+
diff --git a/front_minimal/public/assets/icons/platforms/ic-mui.svg b/front_minimal/public/assets/icons/platforms/ic-mui.svg
new file mode 100644
index 0000000..738adbe
--- /dev/null
+++ b/front_minimal/public/assets/icons/platforms/ic-mui.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/front_minimal/public/assets/icons/platforms/ic-nextjs.svg b/front_minimal/public/assets/icons/platforms/ic-nextjs.svg
new file mode 100644
index 0000000..3de311d
--- /dev/null
+++ b/front_minimal/public/assets/icons/platforms/ic-nextjs.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/front_minimal/public/assets/icons/platforms/ic-react.svg b/front_minimal/public/assets/icons/platforms/ic-react.svg
new file mode 100644
index 0000000..94610c6
--- /dev/null
+++ b/front_minimal/public/assets/icons/platforms/ic-react.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/front_minimal/public/assets/icons/platforms/ic-supabase.svg b/front_minimal/public/assets/icons/platforms/ic-supabase.svg
new file mode 100644
index 0000000..ac43e17
--- /dev/null
+++ b/front_minimal/public/assets/icons/platforms/ic-supabase.svg
@@ -0,0 +1,99 @@
+
+
+
+
+
+ image/svg+xml
+
+
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/platforms/ic-ts.svg b/front_minimal/public/assets/icons/platforms/ic-ts.svg
new file mode 100644
index 0000000..8d1bcd2
--- /dev/null
+++ b/front_minimal/public/assets/icons/platforms/ic-ts.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/front_minimal/public/assets/icons/platforms/ic-vite.svg b/front_minimal/public/assets/icons/platforms/ic-vite.svg
new file mode 100644
index 0000000..1f57c2c
--- /dev/null
+++ b/front_minimal/public/assets/icons/platforms/ic-vite.svg
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/assets/icons/setting/ic-align-left.svg b/front_minimal/public/assets/icons/setting/ic-align-left.svg
new file mode 100644
index 0000000..ee0a763
--- /dev/null
+++ b/front_minimal/public/assets/icons/setting/ic-align-left.svg
@@ -0,0 +1,7 @@
+
+
+
+
diff --git a/front_minimal/public/assets/icons/setting/ic-align-right.svg b/front_minimal/public/assets/icons/setting/ic-align-right.svg
new file mode 100644
index 0000000..c915aa1
--- /dev/null
+++ b/front_minimal/public/assets/icons/setting/ic-align-right.svg
@@ -0,0 +1,7 @@
+
+
+
+
diff --git a/front_minimal/public/assets/icons/setting/ic-autofit-width.svg b/front_minimal/public/assets/icons/setting/ic-autofit-width.svg
new file mode 100644
index 0000000..bd9a6c9
--- /dev/null
+++ b/front_minimal/public/assets/icons/setting/ic-autofit-width.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/front_minimal/public/assets/icons/setting/ic-collapse.svg b/front_minimal/public/assets/icons/setting/ic-collapse.svg
new file mode 100644
index 0000000..5902b8b
--- /dev/null
+++ b/front_minimal/public/assets/icons/setting/ic-collapse.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/front_minimal/public/assets/icons/setting/ic-contrast-bold.svg b/front_minimal/public/assets/icons/setting/ic-contrast-bold.svg
new file mode 100644
index 0000000..67cc1d2
--- /dev/null
+++ b/front_minimal/public/assets/icons/setting/ic-contrast-bold.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/front_minimal/public/assets/icons/setting/ic-contrast.svg b/front_minimal/public/assets/icons/setting/ic-contrast.svg
new file mode 100644
index 0000000..9d19032
--- /dev/null
+++ b/front_minimal/public/assets/icons/setting/ic-contrast.svg
@@ -0,0 +1,5 @@
+
+
diff --git a/front_minimal/public/assets/icons/setting/ic-exit-full-screen.svg b/front_minimal/public/assets/icons/setting/ic-exit-full-screen.svg
new file mode 100644
index 0000000..cb9b60a
--- /dev/null
+++ b/front_minimal/public/assets/icons/setting/ic-exit-full-screen.svg
@@ -0,0 +1,6 @@
+
+
diff --git a/front_minimal/public/assets/icons/setting/ic-font.svg b/front_minimal/public/assets/icons/setting/ic-font.svg
new file mode 100644
index 0000000..91abc01
--- /dev/null
+++ b/front_minimal/public/assets/icons/setting/ic-font.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/front_minimal/public/assets/icons/setting/ic-full-screen.svg b/front_minimal/public/assets/icons/setting/ic-full-screen.svg
new file mode 100644
index 0000000..f7dfe88
--- /dev/null
+++ b/front_minimal/public/assets/icons/setting/ic-full-screen.svg
@@ -0,0 +1,6 @@
+
+
diff --git a/front_minimal/public/assets/icons/setting/ic-moon.svg b/front_minimal/public/assets/icons/setting/ic-moon.svg
new file mode 100644
index 0000000..f8519e4
--- /dev/null
+++ b/front_minimal/public/assets/icons/setting/ic-moon.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/front_minimal/public/assets/icons/setting/ic-sidebar-filled.svg b/front_minimal/public/assets/icons/setting/ic-sidebar-filled.svg
new file mode 100644
index 0000000..d45bfb6
--- /dev/null
+++ b/front_minimal/public/assets/icons/setting/ic-sidebar-filled.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/front_minimal/public/assets/icons/setting/ic-sidebar-outline.svg b/front_minimal/public/assets/icons/setting/ic-sidebar-outline.svg
new file mode 100644
index 0000000..aca6be9
--- /dev/null
+++ b/front_minimal/public/assets/icons/setting/ic-sidebar-outline.svg
@@ -0,0 +1,6 @@
+
+
diff --git a/front_minimal/public/assets/icons/setting/ic-sidebar.svg b/front_minimal/public/assets/icons/setting/ic-sidebar.svg
new file mode 100644
index 0000000..e2375da
--- /dev/null
+++ b/front_minimal/public/assets/icons/setting/ic-sidebar.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/front_minimal/public/assets/icons/setting/ic-siderbar-duotone.svg b/front_minimal/public/assets/icons/setting/ic-siderbar-duotone.svg
new file mode 100644
index 0000000..46f51d7
--- /dev/null
+++ b/front_minimal/public/assets/icons/setting/ic-siderbar-duotone.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/front_minimal/public/assets/icons/setting/ic-sun.svg b/front_minimal/public/assets/icons/setting/ic-sun.svg
new file mode 100644
index 0000000..6863e5c
--- /dev/null
+++ b/front_minimal/public/assets/icons/setting/ic-sun.svg
@@ -0,0 +1,13 @@
+
+
+
+
diff --git a/front_minimal/public/assets/icons/workspaces/logo-1.webp b/front_minimal/public/assets/icons/workspaces/logo-1.webp
new file mode 100644
index 0000000..daf350d
Binary files /dev/null and b/front_minimal/public/assets/icons/workspaces/logo-1.webp differ
diff --git a/front_minimal/public/assets/icons/workspaces/logo-2.webp b/front_minimal/public/assets/icons/workspaces/logo-2.webp
new file mode 100644
index 0000000..3b629ef
Binary files /dev/null and b/front_minimal/public/assets/icons/workspaces/logo-2.webp differ
diff --git a/front_minimal/public/assets/icons/workspaces/logo-3.webp b/front_minimal/public/assets/icons/workspaces/logo-3.webp
new file mode 100644
index 0000000..273fe07
Binary files /dev/null and b/front_minimal/public/assets/icons/workspaces/logo-3.webp differ
diff --git a/front_minimal/public/assets/illustrations/characters/character-1.webp b/front_minimal/public/assets/illustrations/characters/character-1.webp
new file mode 100644
index 0000000..d3d206a
Binary files /dev/null and b/front_minimal/public/assets/illustrations/characters/character-1.webp differ
diff --git a/front_minimal/public/assets/illustrations/characters/character-10.webp b/front_minimal/public/assets/illustrations/characters/character-10.webp
new file mode 100644
index 0000000..2c63352
Binary files /dev/null and b/front_minimal/public/assets/illustrations/characters/character-10.webp differ
diff --git a/front_minimal/public/assets/illustrations/characters/character-11.webp b/front_minimal/public/assets/illustrations/characters/character-11.webp
new file mode 100644
index 0000000..c1d62bc
Binary files /dev/null and b/front_minimal/public/assets/illustrations/characters/character-11.webp differ
diff --git a/front_minimal/public/assets/illustrations/characters/character-2.webp b/front_minimal/public/assets/illustrations/characters/character-2.webp
new file mode 100644
index 0000000..ef8771e
Binary files /dev/null and b/front_minimal/public/assets/illustrations/characters/character-2.webp differ
diff --git a/front_minimal/public/assets/illustrations/characters/character-3.webp b/front_minimal/public/assets/illustrations/characters/character-3.webp
new file mode 100644
index 0000000..1971319
Binary files /dev/null and b/front_minimal/public/assets/illustrations/characters/character-3.webp differ
diff --git a/front_minimal/public/assets/illustrations/characters/character-4.webp b/front_minimal/public/assets/illustrations/characters/character-4.webp
new file mode 100644
index 0000000..685d7ce
Binary files /dev/null and b/front_minimal/public/assets/illustrations/characters/character-4.webp differ
diff --git a/front_minimal/public/assets/illustrations/characters/character-5.webp b/front_minimal/public/assets/illustrations/characters/character-5.webp
new file mode 100644
index 0000000..c4b3ff7
Binary files /dev/null and b/front_minimal/public/assets/illustrations/characters/character-5.webp differ
diff --git a/front_minimal/public/assets/illustrations/characters/character-6.webp b/front_minimal/public/assets/illustrations/characters/character-6.webp
new file mode 100644
index 0000000..88bff2b
Binary files /dev/null and b/front_minimal/public/assets/illustrations/characters/character-6.webp differ
diff --git a/front_minimal/public/assets/illustrations/characters/character-7.webp b/front_minimal/public/assets/illustrations/characters/character-7.webp
new file mode 100644
index 0000000..9b38fa6
Binary files /dev/null and b/front_minimal/public/assets/illustrations/characters/character-7.webp differ
diff --git a/front_minimal/public/assets/illustrations/characters/character-8.webp b/front_minimal/public/assets/illustrations/characters/character-8.webp
new file mode 100644
index 0000000..78dc474
Binary files /dev/null and b/front_minimal/public/assets/illustrations/characters/character-8.webp differ
diff --git a/front_minimal/public/assets/illustrations/characters/character-9.webp b/front_minimal/public/assets/illustrations/characters/character-9.webp
new file mode 100644
index 0000000..c84fd59
Binary files /dev/null and b/front_minimal/public/assets/illustrations/characters/character-9.webp differ
diff --git a/front_minimal/public/assets/illustrations/illustration-dashboard.webp b/front_minimal/public/assets/illustrations/illustration-dashboard.webp
new file mode 100644
index 0000000..3c1d1a3
Binary files /dev/null and b/front_minimal/public/assets/illustrations/illustration-dashboard.webp differ
diff --git a/front_minimal/public/assets/illustrations/illustration-integration.webp b/front_minimal/public/assets/illustrations/illustration-integration.webp
new file mode 100644
index 0000000..888e7db
Binary files /dev/null and b/front_minimal/public/assets/illustrations/illustration-integration.webp differ
diff --git a/front_minimal/public/assets/illustrations/illustration-receipt.webp b/front_minimal/public/assets/illustrations/illustration-receipt.webp
new file mode 100644
index 0000000..4661fcc
Binary files /dev/null and b/front_minimal/public/assets/illustrations/illustration-receipt.webp differ
diff --git a/front_minimal/public/assets/illustrations/illustration-rocket-large.webp b/front_minimal/public/assets/illustrations/illustration-rocket-large.webp
new file mode 100644
index 0000000..b0eed11
Binary files /dev/null and b/front_minimal/public/assets/illustrations/illustration-rocket-large.webp differ
diff --git a/front_minimal/public/assets/illustrations/illustration-rocket-small.webp b/front_minimal/public/assets/illustrations/illustration-rocket-small.webp
new file mode 100644
index 0000000..8f2d1d3
Binary files /dev/null and b/front_minimal/public/assets/illustrations/illustration-rocket-small.webp differ
diff --git a/front_minimal/public/assets/illustrations/illustration-upgrade.webp b/front_minimal/public/assets/illustrations/illustration-upgrade.webp
new file mode 100644
index 0000000..92672b2
Binary files /dev/null and b/front_minimal/public/assets/illustrations/illustration-upgrade.webp differ
diff --git a/front_minimal/public/assets/images/about/hero.webp b/front_minimal/public/assets/images/about/hero.webp
new file mode 100644
index 0000000..316d1a4
Binary files /dev/null and b/front_minimal/public/assets/images/about/hero.webp differ
diff --git a/front_minimal/public/assets/images/about/testimonials.webp b/front_minimal/public/assets/images/about/testimonials.webp
new file mode 100644
index 0000000..86b8a77
Binary files /dev/null and b/front_minimal/public/assets/images/about/testimonials.webp differ
diff --git a/front_minimal/public/assets/images/about/vision.webp b/front_minimal/public/assets/images/about/vision.webp
new file mode 100644
index 0000000..88a818b
Binary files /dev/null and b/front_minimal/public/assets/images/about/vision.webp differ
diff --git a/front_minimal/public/assets/images/about/what-large.webp b/front_minimal/public/assets/images/about/what-large.webp
new file mode 100644
index 0000000..d65d003
Binary files /dev/null and b/front_minimal/public/assets/images/about/what-large.webp differ
diff --git a/front_minimal/public/assets/images/about/what-small.webp b/front_minimal/public/assets/images/about/what-small.webp
new file mode 100644
index 0000000..e7b96db
Binary files /dev/null and b/front_minimal/public/assets/images/about/what-small.webp differ
diff --git a/front_minimal/public/assets/images/contact/hero.webp b/front_minimal/public/assets/images/contact/hero.webp
new file mode 100644
index 0000000..e1258ea
Binary files /dev/null and b/front_minimal/public/assets/images/contact/hero.webp differ
diff --git a/front_minimal/public/assets/images/faqs/hero.webp b/front_minimal/public/assets/images/faqs/hero.webp
new file mode 100644
index 0000000..7dbe51a
Binary files /dev/null and b/front_minimal/public/assets/images/faqs/hero.webp differ
diff --git a/front_minimal/public/assets/images/home/bundle-dark-1.webp b/front_minimal/public/assets/images/home/bundle-dark-1.webp
new file mode 100644
index 0000000..073a5f3
Binary files /dev/null and b/front_minimal/public/assets/images/home/bundle-dark-1.webp differ
diff --git a/front_minimal/public/assets/images/home/bundle-dark-2.webp b/front_minimal/public/assets/images/home/bundle-dark-2.webp
new file mode 100644
index 0000000..b5b9623
Binary files /dev/null and b/front_minimal/public/assets/images/home/bundle-dark-2.webp differ
diff --git a/front_minimal/public/assets/images/home/bundle-light-1.webp b/front_minimal/public/assets/images/home/bundle-light-1.webp
new file mode 100644
index 0000000..693d04f
Binary files /dev/null and b/front_minimal/public/assets/images/home/bundle-light-1.webp differ
diff --git a/front_minimal/public/assets/images/home/bundle-light-2.webp b/front_minimal/public/assets/images/home/bundle-light-2.webp
new file mode 100644
index 0000000..dbca4e9
Binary files /dev/null and b/front_minimal/public/assets/images/home/bundle-light-2.webp differ
diff --git a/front_minimal/public/assets/images/home/for-designer.webp b/front_minimal/public/assets/images/home/for-designer.webp
new file mode 100644
index 0000000..7bddbda
Binary files /dev/null and b/front_minimal/public/assets/images/home/for-designer.webp differ
diff --git a/front_minimal/public/assets/images/home/hero-blur.webp b/front_minimal/public/assets/images/home/hero-blur.webp
new file mode 100644
index 0000000..a12942e
Binary files /dev/null and b/front_minimal/public/assets/images/home/hero-blur.webp differ
diff --git a/front_minimal/public/assets/images/home/highlight-darkmode.webp b/front_minimal/public/assets/images/home/highlight-darkmode.webp
new file mode 100644
index 0000000..cfb895b
Binary files /dev/null and b/front_minimal/public/assets/images/home/highlight-darkmode.webp differ
diff --git a/front_minimal/public/assets/images/home/highlight-presets-1.webp b/front_minimal/public/assets/images/home/highlight-presets-1.webp
new file mode 100644
index 0000000..28b7e24
Binary files /dev/null and b/front_minimal/public/assets/images/home/highlight-presets-1.webp differ
diff --git a/front_minimal/public/assets/images/home/highlight-presets-2.webp b/front_minimal/public/assets/images/home/highlight-presets-2.webp
new file mode 100644
index 0000000..39d7c4f
Binary files /dev/null and b/front_minimal/public/assets/images/home/highlight-presets-2.webp differ
diff --git a/front_minimal/public/assets/images/home/highlight-presets-3.webp b/front_minimal/public/assets/images/home/highlight-presets-3.webp
new file mode 100644
index 0000000..41be73e
Binary files /dev/null and b/front_minimal/public/assets/images/home/highlight-presets-3.webp differ
diff --git a/front_minimal/public/assets/images/home/highlight-presets-4.webp b/front_minimal/public/assets/images/home/highlight-presets-4.webp
new file mode 100644
index 0000000..2cdb5cb
Binary files /dev/null and b/front_minimal/public/assets/images/home/highlight-presets-4.webp differ
diff --git a/front_minimal/public/assets/images/home/highlight-presets-5.webp b/front_minimal/public/assets/images/home/highlight-presets-5.webp
new file mode 100644
index 0000000..9220646
Binary files /dev/null and b/front_minimal/public/assets/images/home/highlight-presets-5.webp differ
diff --git a/front_minimal/public/assets/images/home/highlight-rtl.webp b/front_minimal/public/assets/images/home/highlight-rtl.webp
new file mode 100644
index 0000000..99b0d7d
Binary files /dev/null and b/front_minimal/public/assets/images/home/highlight-rtl.webp differ
diff --git a/front_minimal/public/assets/images/home/home-chart.webp b/front_minimal/public/assets/images/home/home-chart.webp
new file mode 100644
index 0000000..b192a77
Binary files /dev/null and b/front_minimal/public/assets/images/home/home-chart.webp differ
diff --git a/front_minimal/public/assets/images/home/zone-landing.webp b/front_minimal/public/assets/images/home/zone-landing.webp
new file mode 100644
index 0000000..4c1f056
Binary files /dev/null and b/front_minimal/public/assets/images/home/zone-landing.webp differ
diff --git a/front_minimal/public/assets/placeholder.svg b/front_minimal/public/assets/placeholder.svg
new file mode 100644
index 0000000..bfa4620
--- /dev/null
+++ b/front_minimal/public/assets/placeholder.svg
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/front_minimal/public/assets/red-blur.png b/front_minimal/public/assets/red-blur.png
new file mode 100644
index 0000000..a0df012
Binary files /dev/null and b/front_minimal/public/assets/red-blur.png differ
diff --git a/front_minimal/public/assets/transparent.png b/front_minimal/public/assets/transparent.png
new file mode 100644
index 0000000..c953550
Binary files /dev/null and b/front_minimal/public/assets/transparent.png differ
diff --git a/front_minimal/public/favicon.ico b/front_minimal/public/favicon.ico
new file mode 100644
index 0000000..45b0186
Binary files /dev/null and b/front_minimal/public/favicon.ico differ
diff --git a/front_minimal/public/fonts/Roboto-Bold.ttf b/front_minimal/public/fonts/Roboto-Bold.ttf
new file mode 100644
index 0000000..d998cf5
Binary files /dev/null and b/front_minimal/public/fonts/Roboto-Bold.ttf differ
diff --git a/front_minimal/public/fonts/Roboto-Regular.ttf b/front_minimal/public/fonts/Roboto-Regular.ttf
new file mode 100644
index 0000000..2b6392f
Binary files /dev/null and b/front_minimal/public/fonts/Roboto-Regular.ttf differ
diff --git a/front_minimal/public/logo/logo-full.png b/front_minimal/public/logo/logo-full.png
new file mode 100644
index 0000000..1109675
Binary files /dev/null and b/front_minimal/public/logo/logo-full.png differ
diff --git a/front_minimal/public/logo/logo-full.svg b/front_minimal/public/logo/logo-full.svg
new file mode 100644
index 0000000..894ef8f
--- /dev/null
+++ b/front_minimal/public/logo/logo-full.svg
@@ -0,0 +1,20 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/front_minimal/public/logo/logo-single.png b/front_minimal/public/logo/logo-single.png
new file mode 100644
index 0000000..91841a1
Binary files /dev/null and b/front_minimal/public/logo/logo-single.png differ
diff --git a/front_minimal/public/logo/logo-single.svg b/front_minimal/public/logo/logo-single.svg
new file mode 100644
index 0000000..dec6d53
--- /dev/null
+++ b/front_minimal/public/logo/logo-single.svg
@@ -0,0 +1,19 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/front_minimal/src/_mock/_blog.js b/front_minimal/src/_mock/_blog.js
new file mode 100644
index 0000000..b38c446
--- /dev/null
+++ b/front_minimal/src/_mock/_blog.js
@@ -0,0 +1,10 @@
+export const POST_PUBLISH_OPTIONS = [
+ { value: 'published', label: 'Published' },
+ { value: 'draft', label: 'Draft' },
+];
+
+export const POST_SORT_OPTIONS = [
+ { value: 'latest', label: 'Latest' },
+ { value: 'popular', label: 'Popular' },
+ { value: 'oldest', label: 'Oldest' },
+];
diff --git a/front_minimal/src/_mock/_calendar.js b/front_minimal/src/_mock/_calendar.js
new file mode 100644
index 0000000..7cb650a
--- /dev/null
+++ b/front_minimal/src/_mock/_calendar.js
@@ -0,0 +1,14 @@
+import { info, error, primary, success, warning, secondary } from 'src/theme/core/palette';
+
+// ----------------------------------------------------------------------
+
+export const CALENDAR_COLOR_OPTIONS = [
+ primary.main,
+ secondary.main,
+ info.main,
+ info.darker,
+ success.main,
+ warning.main,
+ error.main,
+ error.darker,
+];
diff --git a/front_minimal/src/_mock/_files.js b/front_minimal/src/_mock/_files.js
new file mode 100644
index 0000000..e75713f
--- /dev/null
+++ b/front_minimal/src/_mock/_files.js
@@ -0,0 +1,96 @@
+import { _mock } from './_mock';
+import { _tags, _fileNames } from './assets';
+
+// ----------------------------------------------------------------------
+
+const GB = 1000000000 * 24;
+
+const FOLDERS = ['Docs', 'Projects', 'Work', 'Training', 'Sport', 'Foods'];
+
+const URLS = [
+ _mock.image.cover(1),
+ 'https://www.cloud.com/s/c218bo6kjuqyv66/design_suriname_2015.mp3',
+ 'https://www.cloud.com/s/c218bo6kjuqyv66/expertise_2015_conakry_sao-tome-and-principe_gender.mp4',
+ 'https://www.cloud.com/s/c218bo6kjuqyv66/money-popup-crack.pdf',
+ _mock.image.cover(3),
+ _mock.image.cover(5),
+ 'https://www.cloud.com/s/c218bo6kjuqyv66/large_news.txt',
+ 'https://www.cloud.com/s/c218bo6kjuqyv66/nauru-6015-small-fighter-left-gender.psd',
+ 'https://www.cloud.com/s/c218bo6kjuqyv66/tv-xs.doc',
+ 'https://www.cloud.com/s/c218bo6kjuqyv66/gustavia-entertainment-productivity.docx',
+ 'https://www.cloud.com/s/c218bo6kjuqyv66/vintage_bahrain_saipan.xls',
+ 'https://www.cloud.com/s/c218bo6kjuqyv66/indonesia-quito-nancy-grace-left-glad.xlsx',
+ 'https://www.cloud.com/s/c218bo6kjuqyv66/legislation-grain.zip',
+ 'https://www.cloud.com/s/c218bo6kjuqyv66/large_energy_dry_philippines.rar',
+ 'https://www.cloud.com/s/c218bo6kjuqyv66/footer-243-ecuador.iso',
+ 'https://www.cloud.com/s/c218bo6kjuqyv66/kyrgyzstan-04795009-picabo-street-guide-style.ai',
+ 'https://www.cloud.com/s/c218bo6kjuqyv66/india-data-large-gk-chesterton-mother.esp',
+ 'https://www.cloud.com/s/c218bo6kjuqyv66/footer-barbados-celine-dion.ppt',
+ 'https://www.cloud.com/s/c218bo6kjuqyv66/socio_respectively_366996.pptx',
+ 'https://www.cloud.com/s/c218bo6kjuqyv66/socio_ahead_531437_sweden_popup.wav',
+ 'https://www.cloud.com/s/c218bo6kjuqyv66/trinidad_samuel-morse_bring.m4v',
+ _mock.image.cover(11),
+ _mock.image.cover(17),
+ 'https://www.cloud.com/s/c218bo6kjuqyv66/xl_david-blaine_component_tanzania_books.pdf',
+];
+
+const SHARED_PERSONS = [...Array(20)].map((_, index) => ({
+ id: _mock.id(index),
+ name: _mock.fullName(index),
+ email: _mock.email(index),
+ avatarUrl: _mock.image.avatar(index),
+ permission: index % 2 ? 'view' : 'edit',
+}));
+
+export const FILE_TYPE_OPTIONS = [
+ 'folder',
+ 'txt',
+ 'zip',
+ 'audio',
+ 'image',
+ 'video',
+ 'word',
+ 'excel',
+ 'powerpoint',
+ 'pdf',
+ 'photoshop',
+ 'illustrator',
+];
+
+// ----------------------------------------------------------------------
+
+const shared = (index) =>
+ (index === 0 && SHARED_PERSONS.slice(0, 5)) ||
+ (index === 1 && SHARED_PERSONS.slice(5, 9)) ||
+ (index === 2 && SHARED_PERSONS.slice(9, 11)) ||
+ (index === 3 && SHARED_PERSONS.slice(11, 12)) ||
+ [];
+
+export const _folders = FOLDERS.map((name, index) => ({
+ id: `${_mock.id(index)}_folder`,
+ name,
+ type: 'folder',
+ url: URLS[index],
+ shared: shared(index),
+ tags: _tags.slice(0, 5),
+ size: GB / ((index + 1) * 10),
+ totalFiles: (index + 1) * 100,
+ createdAt: _mock.time(index),
+ modifiedAt: _mock.time(index),
+ isFavorited: _mock.boolean(index + 1),
+}));
+
+export const _files = _fileNames.map((name, index) => ({
+ id: `${_mock.id(index)}_file`,
+ name,
+ url: URLS[index],
+ shared: shared(index),
+ tags: _tags.slice(0, 5),
+ size: GB / ((index + 1) * 500),
+ createdAt: _mock.time(index),
+ modifiedAt: _mock.time(index),
+ type: `${name.split('.').pop()}`,
+ isFavorited: _mock.boolean(index + 1),
+}));
+
+export const _allFiles = [..._folders, ..._files];
diff --git a/front_minimal/src/_mock/_invoice.js b/front_minimal/src/_mock/_invoice.js
new file mode 100644
index 0000000..e70aa3f
--- /dev/null
+++ b/front_minimal/src/_mock/_invoice.js
@@ -0,0 +1,65 @@
+import { fSub, fAdd } from 'src/utils/format-time';
+
+import { _mock } from './_mock';
+import { _addressBooks } from './_others';
+
+// ----------------------------------------------------------------------
+
+export const INVOICE_STATUS_OPTIONS = [
+ { value: 'paid', label: 'Paid' },
+ { value: 'pending', label: 'Pending' },
+ { value: 'overdue', label: 'Overdue' },
+ { value: 'draft', label: 'Draft' },
+];
+
+export const INVOICE_SERVICE_OPTIONS = [...Array(8)].map((_, index) => ({
+ id: _mock.id(index),
+ name: _mock.role(index),
+ price: _mock.number.price(index),
+}));
+
+const ITEMS = [...Array(3)].map((__, index) => {
+ const total = INVOICE_SERVICE_OPTIONS[index].price * _mock.number.nativeS(index);
+
+ return {
+ id: _mock.id(index),
+ total,
+ title: _mock.productName(index),
+ description: _mock.sentence(index),
+ price: INVOICE_SERVICE_OPTIONS[index].price,
+ service: INVOICE_SERVICE_OPTIONS[index].name,
+ quantity: _mock.number.nativeS(index),
+ };
+});
+
+export const _invoices = [...Array(20)].map((_, index) => {
+ const taxes = _mock.number.price(index + 1);
+
+ const discount = _mock.number.price(index + 2);
+
+ const shipping = _mock.number.price(index + 3);
+
+ const subtotal = ITEMS.reduce((accumulator, item) => accumulator + item.price * item.quantity, 0);
+
+ const totalAmount = subtotal - shipping - discount + taxes;
+
+ const status =
+ (index % 2 && 'paid') || (index % 3 && 'pending') || (index % 4 && 'overdue') || 'draft';
+
+ return {
+ id: _mock.id(index),
+ taxes,
+ status,
+ discount,
+ shipping,
+ subtotal,
+ totalAmount,
+ items: ITEMS,
+ invoiceNumber: `INV-199${index}`,
+ invoiceFrom: _addressBooks[index],
+ invoiceTo: _addressBooks[index + 1],
+ sent: _mock.number.nativeS(index),
+ createDate: fSub({ days: index }),
+ dueDate: fAdd({ days: index + 15, hours: index }),
+ };
+});
diff --git a/front_minimal/src/_mock/_job.js b/front_minimal/src/_mock/_job.js
new file mode 100644
index 0000000..debd3bc
--- /dev/null
+++ b/front_minimal/src/_mock/_job.js
@@ -0,0 +1,155 @@
+import { _mock } from './_mock';
+
+// ----------------------------------------------------------------------
+
+export const JOB_DETAILS_TABS = [
+ { label: 'Job content', value: 'content' },
+ { label: 'Candidates', value: 'candidates' },
+];
+
+export const JOB_SKILL_OPTIONS = [
+ 'UI',
+ 'UX',
+ 'Html',
+ 'JavaScript',
+ 'TypeScript',
+ 'Communication',
+ 'Problem Solving',
+ 'Leadership',
+ 'Time Management',
+ 'Adaptability',
+ 'Collaboration',
+ 'Creativity',
+ 'Critical Thinking',
+ 'Technical Skills',
+ 'Customer Service',
+ 'Project Management',
+ 'Problem Diagnosis',
+];
+
+export const JOB_WORKING_SCHEDULE_OPTIONS = [
+ 'Monday to Friday',
+ 'Weekend availability',
+ 'Day shift',
+];
+
+export const JOB_EMPLOYMENT_TYPE_OPTIONS = [
+ { label: 'Full-time', value: 'Full-time' },
+ { label: 'Part-time', value: 'Part-time' },
+ { label: 'On demand', value: 'On demand' },
+ { label: 'Negotiable', value: 'Negotiable' },
+];
+
+export const JOB_EXPERIENCE_OPTIONS = [
+ { label: 'No experience', value: 'No experience' },
+ { label: '1 year exp', value: '1 year exp' },
+ { label: '2 year exp', value: '2 year exp' },
+ { label: '> 3 year exp', value: '> 3 year exp' },
+];
+
+export const JOB_BENEFIT_OPTIONS = [
+ { label: 'Free parking', value: 'Free parking' },
+ { label: 'Bonus commission', value: 'Bonus commission' },
+ { label: 'Travel', value: 'Travel' },
+ { label: 'Device support', value: 'Device support' },
+ { label: 'Health care', value: 'Health care' },
+ { label: 'Training', value: 'Training' },
+ { label: 'Health insurance', value: 'Health insurance' },
+ { label: 'Retirement plans', value: 'Retirement plans' },
+ { label: 'Paid time off', value: 'Paid time off' },
+ { label: 'Flexible work schedule', value: 'Flexible work schedule' },
+];
+
+export const JOB_PUBLISH_OPTIONS = [
+ { label: 'Published', value: 'published' },
+ { label: 'Draft', value: 'draft' },
+];
+
+export const JOB_SORT_OPTIONS = [
+ { label: 'Latest', value: 'latest' },
+ { label: 'Popular', value: 'popular' },
+ { label: 'Oldest', value: 'oldest' },
+];
+
+const CANDIDATES = [...Array(12)].map((_, index) => ({
+ id: _mock.id(index),
+ role: _mock.role(index),
+ name: _mock.fullName(index),
+ avatarUrl: _mock.image.avatar(index),
+}));
+
+const CONTENT = `
+Job description
+
+Occaecati est et illo quibusdam accusamus qui. Incidunt aut et molestiae ut facere aut. Est quidem iusto praesentium excepturi harum nihil tenetur facilis. Ut omnis voluptates nihil accusantium doloribus eaque debitis.
+
+Key responsibilities
+
+
+ Working with agency for design drawing detail, quotation and local production.
+ Produce window displays, signs, interior displays, floor plans and special promotions displays.
+ Change displays to promote new product launches and reflect festive or seasonal themes.
+ Planning and executing the open/renovation/ closing store procedure.
+ Follow‐up store maintenance procedure and keep updating SKU In & Out.
+ Monitor costs and work within budget.
+ Liaise with suppliers and source elements.
+
+
+Why You'll love working here
+
+
+ Working with agency for design drawing detail, quotation and local production.
+ Produce window displays, signs, interior displays, floor plans and special promotions displays.
+ Change displays to promote new product launches and reflect festive or seasonal themes.
+ Planning and executing the open/renovation/ closing store procedure.
+ Follow‐up store maintenance procedure and keep updating SKU In & Out.
+ Monitor costs and work within budget.
+ Liaise with suppliers and source elements.
+
+`;
+
+export const _jobs = [...Array(12)].map((_, index) => {
+ const publish = index % 3 ? 'published' : 'draft';
+
+ const salary = {
+ type: (index % 5 && 'Custom') || 'Hourly',
+ price: _mock.number.price(index),
+ negotiable: _mock.boolean(index),
+ };
+
+ const benefits = JOB_BENEFIT_OPTIONS.slice(0, 3).map((option) => option.label);
+
+ const experience =
+ JOB_EXPERIENCE_OPTIONS.map((option) => option.label)[index] || JOB_EXPERIENCE_OPTIONS[1].label;
+
+ const employmentTypes = (index % 2 && ['Part-time']) ||
+ (index % 3 && ['On demand']) ||
+ (index % 4 && ['Negotiable']) || ['Full-time'];
+
+ const company = {
+ name: _mock.companyNames(index),
+ logo: _mock.image.company(index),
+ phoneNumber: _mock.phoneNumber(index),
+ fullAddress: _mock.fullAddress(index),
+ };
+
+ return {
+ id: _mock.id(index),
+ salary,
+ publish,
+ company,
+ benefits,
+ experience,
+ employmentTypes,
+ content: CONTENT,
+ candidates: CANDIDATES,
+ role: _mock.role(index),
+ title: _mock.jobTitle(index),
+ createdAt: _mock.time(index),
+ expiredDate: _mock.time(index),
+ skills: JOB_SKILL_OPTIONS.slice(0, 3),
+ totalViews: _mock.number.nativeL(index),
+ locations: [_mock.countryNames(1), _mock.countryNames(2)],
+ workingSchedule: JOB_WORKING_SCHEDULE_OPTIONS.slice(0, 2),
+ };
+});
diff --git a/front_minimal/src/_mock/_map/cities.js b/front_minimal/src/_mock/_map/cities.js
new file mode 100644
index 0000000..9836a3e
--- /dev/null
+++ b/front_minimal/src/_mock/_map/cities.js
@@ -0,0 +1,182 @@
+export const cities = [
+ {
+ city: 'New York',
+ population: '8,175,133',
+ photoUrl:
+ 'http://upload.wikimedia.org/wikipedia/commons/thumb/b/b9/Above_Gotham.jpg/240px-Above_Gotham.jpg',
+ state: 'New York',
+ latitude: 40.6643,
+ longitude: -73.9385,
+ },
+ {
+ city: 'Los Angeles',
+ population: '3,792,621',
+ photoUrl:
+ 'http://upload.wikimedia.org/wikipedia/commons/thumb/5/57/LA_Skyline_Mountains2.jpg/240px-LA_Skyline_Mountains2.jpg',
+ state: 'California',
+ latitude: 34.0194,
+ longitude: -118.4108,
+ },
+ {
+ city: 'Chicago',
+ population: '2,695,598',
+ photoUrl:
+ 'http://upload.wikimedia.org/wikipedia/commons/thumb/8/85/2008-06-10_3000x1000_chicago_skyline.jpg/240px-2008-06-10_3000x1000_chicago_skyline.jpg',
+ state: 'Illinois',
+ latitude: 41.8376,
+ longitude: -87.6818,
+ },
+ {
+ city: 'Houston',
+ population: '2,100,263',
+ photoUrl:
+ 'http://upload.wikimedia.org/wikipedia/commons/thumb/6/60/Aerial_views_of_the_Houston%2C_Texas%2C_28005u.jpg/240px-Aerial_views_of_the_Houston%2C_Texas%2C_28005u.jpg',
+ state: 'Texas',
+ latitude: 29.7805,
+ longitude: -95.3863,
+ },
+ {
+ city: 'Phoenix',
+ population: '1,445,632',
+ photoUrl:
+ 'http://upload.wikimedia.org/wikipedia/commons/thumb/b/b9/Downtown_Phoenix_Aerial_Looking_Northeast.jpg/207px-Downtown_Phoenix_Aerial_Looking_Northeast.jpg',
+ state: 'Arizona',
+ latitude: 33.5722,
+ longitude: -112.088,
+ },
+ {
+ city: 'Philadelphia',
+ population: '1,526,006',
+ photoUrl:
+ 'http://upload.wikimedia.org/wikipedia/commons/thumb/4/4d/Philly_skyline.jpg/240px-Philly_skyline.jpg',
+ state: 'Pennsylvania',
+ latitude: 40.0094,
+ longitude: -75.1333,
+ },
+ {
+ city: 'San Antonio',
+ population: '1,327,407',
+ photoUrl:
+ 'http://upload.wikimedia.org/wikipedia/commons/thumb/f/ff/Downtown_San_Antonio_View.JPG/240px-Downtown_San_Antonio_View.JPG',
+ state: 'Texas',
+ latitude: 29.4724,
+ longitude: -98.5251,
+ },
+ {
+ city: 'San Diego',
+ population: '1,307,402',
+ photoUrl:
+ 'http://upload.wikimedia.org/wikipedia/commons/thumb/5/53/US_Navy_110604-N-NS602-574_Navy_and_Marine_Corps_personnel%2C_along_with_community_leaders_from_the_greater_San_Diego_area_come_together_to_commemora.jpg/240px-US_Navy_110604-N-NS602-574_Navy_and_Marine_Corps_personnel%2C_along_with_community_leaders_from_the_greater_San_Diego_area_come_together_to_commemora.jpg',
+ state: 'California',
+ latitude: 32.8153,
+ longitude: -117.135,
+ },
+ {
+ city: 'Dallas',
+ population: '1,197,816',
+ photoUrl:
+ 'http://upload.wikimedia.org/wikipedia/commons/thumb/a/ab/Dallas_skyline_daytime.jpg/240px-Dallas_skyline_daytime.jpg',
+ state: 'Texas',
+ latitude: 32.7757,
+ longitude: -96.7967,
+ },
+ {
+ city: 'San Jose',
+ population: '945,942',
+ photoUrl:
+ 'http://upload.wikimedia.org/wikipedia/commons/thumb/1/1e/Downtown_San_Jose_skyline.PNG/240px-Downtown_San_Jose_skyline.PNG',
+ state: 'California',
+ latitude: 37.2969,
+ longitude: -121.8193,
+ },
+ {
+ city: 'Austin',
+ population: '790,390',
+ photoUrl:
+ 'http://upload.wikimedia.org/wikipedia/commons/thumb/9/97/Austin2012-12-01.JPG/240px-Austin2012-12-01.JPG',
+ state: 'Texas',
+ latitude: 30.3072,
+ longitude: -97.756,
+ },
+ {
+ city: 'Jacksonville',
+ population: '821,784',
+ photoUrl:
+ 'http://upload.wikimedia.org/wikipedia/commons/thumb/f/f3/Skyline_of_Jacksonville_FL%2C_South_view_20160706_1.jpg/240px-Skyline_of_Jacksonville_FL%2C_South_view_20160706_1.jpg',
+ state: 'Florida',
+ latitude: 30.337,
+ longitude: -81.6613,
+ },
+ {
+ city: 'San Francisco',
+ population: '805,235',
+ photoUrl:
+ 'http://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/San_Francisco_skyline_from_Coit_Tower.jpg/240px-San_Francisco_skyline_from_Coit_Tower.jpg',
+ state: 'California',
+ latitude: 37.7751,
+ longitude: -122.4193,
+ },
+ {
+ city: 'Columbus',
+ population: '787,033',
+ photoUrl:
+ 'http://upload.wikimedia.org/wikipedia/commons/thumb/f/fc/Columbus-ohio-skyline-panorama.jpg/240px-Columbus-ohio-skyline-panorama.jpg',
+ state: 'Ohio',
+ latitude: 39.9848,
+ longitude: -82.985,
+ },
+ {
+ city: 'Indianapolis',
+ population: '820,445',
+ photoUrl:
+ 'http://upload.wikimedia.org/wikipedia/commons/thumb/1/16/Downtown_indy_from_parking_garage_zoom.JPG/213px-Downtown_indy_from_parking_garage_zoom.JPG',
+ state: 'Indiana',
+ latitude: 39.7767,
+ longitude: -86.1459,
+ },
+ {
+ city: 'Fort Worth',
+ population: '741,206',
+ photoUrl:
+ 'http://upload.wikimedia.org/wikipedia/commons/thumb/d/db/FortWorthTexasSkylineW.jpg/240px-FortWorthTexasSkylineW.jpg',
+ state: 'Texas',
+ latitude: 32.7795,
+ longitude: -97.3463,
+ },
+ {
+ city: 'Charlotte',
+ population: '731,424',
+ photoUrl:
+ 'http://upload.wikimedia.org/wikipedia/commons/thumb/7/7d/Charlotte_skyline45647.jpg/222px-Charlotte_skyline45647.jpg',
+ state: 'North Carolina',
+ latitude: 35.2087,
+ longitude: -80.8307,
+ },
+ {
+ city: 'Seattle',
+ population: '608,660',
+ photoUrl:
+ 'http://upload.wikimedia.org/wikipedia/commons/thumb/3/36/SeattleI5Skyline.jpg/240px-SeattleI5Skyline.jpg',
+ state: 'Washington',
+ latitude: 47.6205,
+ longitude: -122.3509,
+ },
+ {
+ city: 'Denver',
+ population: '600,158',
+ photoUrl:
+ 'http://upload.wikimedia.org/wikipedia/commons/thumb/0/0b/DenverCP.JPG/240px-DenverCP.JPG',
+ state: 'Colorado',
+ latitude: 39.7618,
+ longitude: -104.8806,
+ },
+ {
+ city: 'El Paso',
+ population: '649,121',
+ photoUrl:
+ 'http://upload.wikimedia.org/wikipedia/commons/thumb/6/6d/Downtown_El_Paso_at_sunset.jpeg/240px-Downtown_El_Paso_at_sunset.jpeg',
+ state: 'Texas',
+ latitude: 31.8484,
+ longitude: -106.427,
+ },
+];
diff --git a/front_minimal/src/_mock/_map/countries.js b/front_minimal/src/_mock/_map/countries.js
new file mode 100644
index 0000000..e4cb5bc
--- /dev/null
+++ b/front_minimal/src/_mock/_map/countries.js
@@ -0,0 +1,86 @@
+import { _mock } from '../_mock';
+
+// ----------------------------------------------------------------------
+
+export const countries = [
+ {
+ timezones: ['America/Aruba'],
+ latlng: [12.5, -69.96666666],
+ name: 'Aruba',
+ country_code: 'AW',
+ capital: 'Oranjestad',
+ photoUrl: _mock.image.cover(1),
+ },
+ {
+ timezones: ['Asia/Kabul'],
+ latlng: [33, 65],
+ name: 'Afghanistan',
+ country_code: 'AF',
+ capital: 'Kabul',
+ photoUrl: _mock.image.cover(2),
+ },
+ {
+ timezones: ['Africa/Luanda'],
+ latlng: [-12.5, 18.5],
+ name: 'Angola',
+ country_code: 'AO',
+ capital: 'Luanda',
+ photoUrl: _mock.image.cover(3),
+ },
+ {
+ timezones: ['Pacific/Efate'],
+ latlng: [-16, 167],
+ name: 'Vanuatu',
+ country_code: 'VU',
+ capital: 'Port Vila',
+ photoUrl: _mock.image.cover(4),
+ },
+ {
+ timezones: ['Pacific/Wallis'],
+ latlng: [-13.3, -176.2],
+ name: 'Wallis and Futuna',
+ country_code: 'WF',
+ capital: 'Mata-Utu',
+ photoUrl: _mock.image.cover(5),
+ },
+ {
+ timezones: ['Pacific/Apia'],
+ latlng: [-13.58333333, -172.33333333],
+ name: 'Samoa',
+ country_code: 'WS',
+ capital: 'Apia',
+ photoUrl: _mock.image.cover(6),
+ },
+ {
+ timezones: ['Asia/Aden'],
+ latlng: [15, 48],
+ name: 'Yemen',
+ country_code: 'YE',
+ capital: "Sana'a",
+ photoUrl: _mock.image.cover(7),
+ },
+ {
+ timezones: ['Africa/Johannesburg'],
+ latlng: [-29, 24],
+ name: 'South Africa',
+ country_code: 'ZA',
+ capital: 'Pretoria',
+ photoUrl: _mock.image.cover(8),
+ },
+ {
+ timezones: ['Africa/Lusaka'],
+ latlng: [-15, 30],
+ name: 'Zambia',
+ country_code: 'ZM',
+ capital: 'Lusaka',
+ photoUrl: _mock.image.cover(9),
+ },
+ {
+ timezones: ['Africa/Harare'],
+ latlng: [-20, 30],
+ name: 'Zimbabwe',
+ country_code: 'ZW',
+ capital: 'Harare',
+ photoUrl: _mock.image.cover(10),
+ },
+];
diff --git a/front_minimal/src/_mock/_map/map-style-basic-v8.json b/front_minimal/src/_mock/_map/map-style-basic-v8.json
new file mode 100644
index 0000000..4fb6e4e
--- /dev/null
+++ b/front_minimal/src/_mock/_map/map-style-basic-v8.json
@@ -0,0 +1,554 @@
+{
+ "version": 8,
+ "name": "Basic",
+ "metadata": {
+ "mapbox:autocomposite": true
+ },
+ "sources": {
+ "mapbox": {
+ "url": "mapbox://mapbox.mapbox-streets-v7",
+ "type": "vector"
+ }
+ },
+ "sprite": "mapbox://sprites/mapbox/basic-v8",
+ "glyphs": "mapbox://fonts/mapbox/{fontstack}/{range}.pbf",
+ "layers": [
+ {
+ "id": "background",
+ "type": "background",
+ "paint": {
+ "background-color": "#dedede"
+ },
+ "interactive": true
+ },
+ {
+ "id": "landuse_overlay_national_park",
+ "type": "fill",
+ "source": "mapbox",
+ "source-layer": "landuse_overlay",
+ "filter": ["==", "class", "national_park"],
+ "paint": {
+ "fill-color": "#d2edae",
+ "fill-opacity": 0.75
+ },
+ "interactive": true
+ },
+ {
+ "id": "landuse_park",
+ "type": "fill",
+ "source": "mapbox",
+ "source-layer": "landuse",
+ "filter": ["==", "class", "park"],
+ "paint": {
+ "fill-color": "#d2edae"
+ },
+ "interactive": true
+ },
+ {
+ "id": "waterway",
+ "type": "line",
+ "source": "mapbox",
+ "source-layer": "waterway",
+ "filter": ["all", ["==", "$type", "LineString"], ["in", "class", "river", "canal"]],
+ "paint": {
+ "line-color": "#a0cfdf",
+ "line-width": {
+ "base": 1.4,
+ "stops": [
+ [8, 0.5],
+ [20, 15]
+ ]
+ }
+ },
+ "interactive": true
+ },
+ {
+ "id": "water",
+ "type": "fill",
+ "source": "mapbox",
+ "source-layer": "water",
+ "paint": {
+ "fill-color": "#a0cfdf"
+ },
+ "interactive": true
+ },
+ {
+ "id": "building",
+ "type": "fill",
+ "source": "mapbox",
+ "source-layer": "building",
+ "paint": {
+ "fill-color": "#d6d6d6"
+ },
+ "interactive": true
+ },
+ {
+ "interactive": true,
+ "layout": {
+ "line-cap": "butt",
+ "line-join": "miter"
+ },
+ "filter": [
+ "all",
+ ["==", "$type", "LineString"],
+ [
+ "all",
+ [
+ "in",
+ "class",
+ "motorway_link",
+ "street",
+ "street_limited",
+ "service",
+ "track",
+ "pedestrian",
+ "path",
+ "link"
+ ],
+ ["==", "structure", "tunnel"]
+ ]
+ ],
+ "type": "line",
+ "source": "mapbox",
+ "id": "tunnel_minor",
+ "paint": {
+ "line-color": "#efefef",
+ "line-width": {
+ "base": 1.55,
+ "stops": [
+ [4, 0.25],
+ [20, 30]
+ ]
+ },
+ "line-dasharray": [0.36, 0.18]
+ },
+ "source-layer": "road"
+ },
+ {
+ "interactive": true,
+ "layout": {
+ "line-cap": "butt",
+ "line-join": "miter"
+ },
+ "filter": [
+ "all",
+ ["==", "$type", "LineString"],
+ [
+ "all",
+ ["in", "class", "motorway", "primary", "secondary", "tertiary", "trunk"],
+ ["==", "structure", "tunnel"]
+ ]
+ ],
+ "type": "line",
+ "source": "mapbox",
+ "id": "tunnel_major",
+ "paint": {
+ "line-color": "#fff",
+ "line-width": {
+ "base": 1.4,
+ "stops": [
+ [6, 0.5],
+ [20, 30]
+ ]
+ },
+ "line-dasharray": [0.28, 0.14]
+ },
+ "source-layer": "road"
+ },
+ {
+ "interactive": true,
+ "layout": {
+ "line-cap": "round",
+ "line-join": "round"
+ },
+ "filter": [
+ "all",
+ ["==", "$type", "LineString"],
+ [
+ "all",
+ [
+ "in",
+ "class",
+ "motorway_link",
+ "street",
+ "street_limited",
+ "service",
+ "track",
+ "pedestrian",
+ "path",
+ "link"
+ ],
+ ["in", "structure", "none", "ford"]
+ ]
+ ],
+ "type": "line",
+ "source": "mapbox",
+ "id": "road_minor",
+ "paint": {
+ "line-color": "#efefef",
+ "line-width": {
+ "base": 1.55,
+ "stops": [
+ [4, 0.25],
+ [20, 30]
+ ]
+ }
+ },
+ "source-layer": "road"
+ },
+ {
+ "interactive": true,
+ "layout": {
+ "line-cap": "round",
+ "line-join": "round"
+ },
+ "filter": [
+ "all",
+ ["==", "$type", "LineString"],
+ [
+ "all",
+ ["in", "class", "motorway", "primary", "secondary", "tertiary", "trunk"],
+ ["in", "structure", "none", "ford"]
+ ]
+ ],
+ "type": "line",
+ "source": "mapbox",
+ "id": "road_major",
+ "paint": {
+ "line-color": "#fff",
+ "line-width": {
+ "base": 1.4,
+ "stops": [
+ [6, 0.5],
+ [20, 30]
+ ]
+ }
+ },
+ "source-layer": "road"
+ },
+ {
+ "interactive": true,
+ "layout": {
+ "line-cap": "butt",
+ "line-join": "miter"
+ },
+ "filter": [
+ "all",
+ ["==", "$type", "LineString"],
+ [
+ "all",
+ [
+ "in",
+ "class",
+ "motorway_link",
+ "street",
+ "street_limited",
+ "service",
+ "track",
+ "pedestrian",
+ "path",
+ "link"
+ ],
+ ["==", "structure", "bridge"]
+ ]
+ ],
+ "type": "line",
+ "source": "mapbox",
+ "id": "bridge_minor case",
+ "paint": {
+ "line-color": "#dedede",
+ "line-width": {
+ "base": 1.6,
+ "stops": [
+ [12, 0.5],
+ [20, 10]
+ ]
+ },
+ "line-gap-width": {
+ "base": 1.55,
+ "stops": [
+ [4, 0.25],
+ [20, 30]
+ ]
+ }
+ },
+ "source-layer": "road"
+ },
+ {
+ "interactive": true,
+ "layout": {
+ "line-cap": "butt",
+ "line-join": "miter"
+ },
+ "filter": [
+ "all",
+ ["==", "$type", "LineString"],
+ [
+ "all",
+ ["in", "class", "motorway", "primary", "secondary", "tertiary", "trunk"],
+ ["==", "structure", "bridge"]
+ ]
+ ],
+ "type": "line",
+ "source": "mapbox",
+ "id": "bridge_major case",
+ "paint": {
+ "line-color": "#dedede",
+ "line-width": {
+ "base": 1.6,
+ "stops": [
+ [12, 0.5],
+ [20, 10]
+ ]
+ },
+ "line-gap-width": {
+ "base": 1.55,
+ "stops": [
+ [4, 0.25],
+ [20, 30]
+ ]
+ }
+ },
+ "source-layer": "road"
+ },
+ {
+ "interactive": true,
+ "layout": {
+ "line-cap": "round",
+ "line-join": "round"
+ },
+ "filter": [
+ "all",
+ ["==", "$type", "LineString"],
+ [
+ "all",
+ [
+ "in",
+ "class",
+ "motorway_link",
+ "street",
+ "street_limited",
+ "service",
+ "track",
+ "pedestrian",
+ "path",
+ "link"
+ ],
+ ["==", "structure", "bridge"]
+ ]
+ ],
+ "type": "line",
+ "source": "mapbox",
+ "id": "bridge_minor",
+ "paint": {
+ "line-color": "#efefef",
+ "line-width": {
+ "base": 1.55,
+ "stops": [
+ [4, 0.25],
+ [20, 30]
+ ]
+ }
+ },
+ "source-layer": "road"
+ },
+ {
+ "interactive": true,
+ "layout": {
+ "line-cap": "round",
+ "line-join": "round"
+ },
+ "filter": [
+ "all",
+ ["==", "$type", "LineString"],
+ [
+ "all",
+ ["in", "class", "motorway", "primary", "secondary", "tertiary", "trunk"],
+ ["==", "structure", "bridge"]
+ ]
+ ],
+ "type": "line",
+ "source": "mapbox",
+ "id": "bridge_major",
+ "paint": {
+ "line-color": "#fff",
+ "line-width": {
+ "base": 1.4,
+ "stops": [
+ [6, 0.5],
+ [20, 30]
+ ]
+ }
+ },
+ "source-layer": "road"
+ },
+ {
+ "interactive": true,
+ "layout": {
+ "line-cap": "round",
+ "line-join": "round"
+ },
+ "filter": [
+ "all",
+ ["==", "$type", "LineString"],
+ ["all", ["<=", "admin_level", 2], ["==", "maritime", 0]]
+ ],
+ "type": "line",
+ "source": "mapbox",
+ "id": "admin_country",
+ "paint": {
+ "line-color": "#8b8a8a",
+ "line-width": {
+ "base": 1.3,
+ "stops": [
+ [3, 0.5],
+ [22, 15]
+ ]
+ }
+ },
+ "source-layer": "admin"
+ },
+ {
+ "interactive": true,
+ "minzoom": 5,
+ "layout": {
+ "icon-image": "{maki}-11",
+ "text-offset": [0, 0.5],
+ "text-field": "{name_en}",
+ "text-font": ["Open Sans Semibold", "Arial Unicode MS Bold"],
+ "text-max-width": 8,
+ "text-anchor": "top",
+ "text-size": 11,
+ "icon-size": 1
+ },
+ "filter": [
+ "all",
+ ["==", "$type", "Point"],
+ ["all", ["==", "scalerank", 1], ["==", "localrank", 1]]
+ ],
+ "type": "symbol",
+ "source": "mapbox",
+ "id": "poi_label",
+ "paint": {
+ "text-color": "#666",
+ "text-halo-width": 1,
+ "text-halo-color": "rgba(255,255,255,0.75)",
+ "text-halo-blur": 1
+ },
+ "source-layer": "poi_label"
+ },
+ {
+ "interactive": true,
+ "layout": {
+ "symbol-placement": "line",
+ "text-field": "{name_en}",
+ "text-font": ["Open Sans Semibold", "Arial Unicode MS Bold"],
+ "text-transform": "uppercase",
+ "text-letter-spacing": 0.1,
+ "text-size": {
+ "base": 1.4,
+ "stops": [
+ [10, 8],
+ [20, 14]
+ ]
+ }
+ },
+ "filter": [
+ "all",
+ ["==", "$type", "LineString"],
+ ["in", "class", "motorway", "primary", "secondary", "tertiary", "trunk"]
+ ],
+ "type": "symbol",
+ "source": "mapbox",
+ "id": "road_major_label",
+ "paint": {
+ "text-color": "#666",
+ "text-halo-color": "rgba(255,255,255,0.75)",
+ "text-halo-width": 2
+ },
+ "source-layer": "road_label"
+ },
+ {
+ "interactive": true,
+ "minzoom": 8,
+ "layout": {
+ "text-field": "{name_en}",
+ "text-font": ["Open Sans Semibold", "Arial Unicode MS Bold"],
+ "text-max-width": 6,
+ "text-size": {
+ "stops": [
+ [6, 12],
+ [12, 16]
+ ]
+ }
+ },
+ "filter": [
+ "all",
+ ["==", "$type", "Point"],
+ ["in", "type", "town", "village", "hamlet", "suburb", "neighbourhood", "island"]
+ ],
+ "type": "symbol",
+ "source": "mapbox",
+ "id": "place_label_other",
+ "paint": {
+ "text-color": "#666",
+ "text-halo-color": "rgba(255,255,255,0.75)",
+ "text-halo-width": 1,
+ "text-halo-blur": 1
+ },
+ "source-layer": "place_label"
+ },
+ {
+ "interactive": true,
+ "layout": {
+ "text-field": "{name_en}",
+ "text-font": ["Open Sans Bold", "Arial Unicode MS Bold"],
+ "text-max-width": 10,
+ "text-size": {
+ "stops": [
+ [3, 12],
+ [8, 16]
+ ]
+ }
+ },
+ "maxzoom": 16,
+ "filter": ["all", ["==", "$type", "Point"], ["==", "type", "city"]],
+ "type": "symbol",
+ "source": "mapbox",
+ "id": "place_label_city",
+ "paint": {
+ "text-color": "#666",
+ "text-halo-color": "rgba(255,255,255,0.75)",
+ "text-halo-width": 1,
+ "text-halo-blur": 1
+ },
+ "source-layer": "place_label"
+ },
+ {
+ "interactive": true,
+ "layout": {
+ "text-field": "{name_en}",
+ "text-font": ["Open Sans Regular", "Arial Unicode MS Regular"],
+ "text-max-width": 10,
+ "text-size": {
+ "stops": [
+ [3, 14],
+ [8, 22]
+ ]
+ }
+ },
+ "maxzoom": 12,
+ "filter": ["==", "$type", "Point"],
+ "type": "symbol",
+ "source": "mapbox",
+ "id": "country_label",
+ "paint": {
+ "text-color": "#666",
+ "text-halo-color": "rgba(255,255,255,0.75)",
+ "text-halo-width": 1,
+ "text-halo-blur": 1
+ },
+ "source-layer": "country_label"
+ }
+ ]
+}
diff --git a/front_minimal/src/_mock/_mock.js b/front_minimal/src/_mock/_mock.js
new file mode 100644
index 0000000..78d7388
--- /dev/null
+++ b/front_minimal/src/_mock/_mock.js
@@ -0,0 +1,86 @@
+import { fSub } from 'src/utils/format-time';
+
+import { CONFIG } from 'src/config-global';
+
+import {
+ _id,
+ _ages,
+ _roles,
+ _prices,
+ _emails,
+ _ratings,
+ _nativeS,
+ _nativeM,
+ _nativeL,
+ _percents,
+ _booleans,
+ _sentences,
+ _lastNames,
+ _fullNames,
+ _tourNames,
+ _jobTitles,
+ _taskNames,
+ _fileNames,
+ _postTitles,
+ _firstNames,
+ _eventNames,
+ _courseNames,
+ _fullAddress,
+ _companyNames,
+ _productNames,
+ _descriptions,
+ _phoneNumbers,
+ _countryNames,
+} from './assets';
+
+// ----------------------------------------------------------------------
+
+const { assetURL } = CONFIG.site;
+
+export const _mock = {
+ id: (index) => _id[index],
+ time: (index) => fSub({ days: index, hours: index }),
+ boolean: (index) => _booleans[index],
+ role: (index) => _roles[index],
+ // Text
+ courseNames: (index) => _courseNames[index],
+ fileNames: (index) => _fileNames[index],
+ eventNames: (index) => _eventNames[index],
+ taskNames: (index) => _taskNames[index],
+ postTitle: (index) => _postTitles[index],
+ jobTitle: (index) => _jobTitles[index],
+ tourName: (index) => _tourNames[index],
+ productName: (index) => _productNames[index],
+ sentence: (index) => _sentences[index],
+ description: (index) => _descriptions[index],
+ // Contact
+ email: (index) => _emails[index],
+ phoneNumber: (index) => _phoneNumbers[index],
+ fullAddress: (index) => _fullAddress[index],
+ // Name
+ firstName: (index) => _firstNames[index],
+ lastName: (index) => _lastNames[index],
+ fullName: (index) => _fullNames[index],
+ companyNames: (index) => _companyNames[index],
+ countryNames: (index) => _countryNames[index],
+ // Number
+ number: {
+ percent: (index) => _percents[index],
+ rating: (index) => _ratings[index],
+ age: (index) => _ages[index],
+ price: (index) => _prices[index],
+ nativeS: (index) => _nativeS[index],
+ nativeM: (index) => _nativeM[index],
+ nativeL: (index) => _nativeL[index],
+ },
+ // Image
+ image: {
+ cover: (index) => `${assetURL}/assets/images/cover/cover-${index + 1}.webp`,
+ avatar: (index) => `${assetURL}/assets/images/avatar/avatar-${index + 1}.webp`,
+ travel: (index) => `${assetURL}/assets/images/travel/travel-${index + 1}.webp`,
+ course: (index) => `${assetURL}/assets/images/course/course-${index + 1}.webp`,
+ company: (index) => `${assetURL}/assets/images/company/company-${index + 1}.webp`,
+ product: (index) => `${assetURL}/assets/images/m-product/product-${index + 1}.webp`,
+ portrait: (index) => `${assetURL}/assets/images/portrait/portrait-${index + 1}.webp`,
+ },
+};
diff --git a/front_minimal/src/_mock/_order.js b/front_minimal/src/_mock/_order.js
new file mode 100644
index 0000000..5276b0e
--- /dev/null
+++ b/front_minimal/src/_mock/_order.js
@@ -0,0 +1,85 @@
+import { _mock } from './_mock';
+
+// ----------------------------------------------------------------------
+
+export const ORDER_STATUS_OPTIONS = [
+ { value: 'pending', label: 'Pending' },
+ { value: 'completed', label: 'Completed' },
+ { value: 'cancelled', label: 'Cancelled' },
+ { value: 'refunded', label: 'Refunded' },
+];
+
+const ITEMS = [...Array(3)].map((_, index) => ({
+ id: _mock.id(index),
+ sku: `16H9UR${index}`,
+ quantity: index + 1,
+ name: _mock.productName(index),
+ coverUrl: _mock.image.product(index),
+ price: _mock.number.price(index),
+}));
+
+export const _orders = [...Array(20)].map((_, index) => {
+ const shipping = 10;
+
+ const discount = 10;
+
+ const taxes = 10;
+
+ const items = (index % 2 && ITEMS.slice(0, 1)) || (index % 3 && ITEMS.slice(1, 3)) || ITEMS;
+
+ const totalQuantity = items.reduce((accumulator, item) => accumulator + item.quantity, 0);
+
+ const subtotal = items.reduce((accumulator, item) => accumulator + item.price * item.quantity, 0);
+
+ const totalAmount = subtotal - shipping - discount + taxes;
+
+ const customer = {
+ id: _mock.id(index),
+ name: _mock.fullName(index),
+ email: _mock.email(index),
+ avatarUrl: _mock.image.avatar(index),
+ ipAddress: '192.158.1.38',
+ };
+
+ const delivery = { shipBy: 'DHL', speedy: 'Standard', trackingNumber: 'SPX037739199373' };
+
+ const history = {
+ orderTime: _mock.time(1),
+ paymentTime: _mock.time(2),
+ deliveryTime: _mock.time(3),
+ completionTime: _mock.time(4),
+ timeline: [
+ { title: 'Delivery successful', time: _mock.time(1) },
+ { title: 'Transporting to [2]', time: _mock.time(2) },
+ { title: 'Transporting to [1]', time: _mock.time(3) },
+ { title: 'The shipping unit has picked up the goods', time: _mock.time(4) },
+ { title: 'Order has been created', time: _mock.time(5) },
+ ],
+ };
+
+ return {
+ id: _mock.id(index),
+ orderNumber: `#601${index}`,
+ createdAt: _mock.time(index),
+ taxes,
+ items,
+ history,
+ subtotal,
+ shipping,
+ discount,
+ customer,
+ delivery,
+ totalAmount,
+ totalQuantity,
+ shippingAddress: {
+ fullAddress: '19034 Verna Unions Apt. 164 - Honolulu, RI / 87535',
+ phoneNumber: '365-374-4961',
+ },
+ payment: { cardType: 'mastercard', cardNumber: '**** **** **** 5678' },
+ status:
+ (index % 2 && 'completed') ||
+ (index % 3 && 'pending') ||
+ (index % 4 && 'cancelled') ||
+ 'refunded',
+ };
+});
diff --git a/front_minimal/src/_mock/_others.js b/front_minimal/src/_mock/_others.js
new file mode 100644
index 0000000..aed7368
--- /dev/null
+++ b/front_minimal/src/_mock/_others.js
@@ -0,0 +1,227 @@
+import { _mock } from './_mock';
+
+// ----------------------------------------------------------------------
+
+export const _carouselsMembers = [...Array(6)].map((_, index) => ({
+ id: _mock.id(index),
+ name: _mock.fullName(index),
+ role: _mock.role(index),
+ avatarUrl: _mock.image.portrait(index),
+}));
+
+// ----------------------------------------------------------------------
+
+export const _faqs = [...Array(8)].map((_, index) => ({
+ id: _mock.id(index),
+ value: `panel${index + 1}`,
+ heading: `Questions ${index + 1}`,
+ detail: _mock.description(index),
+}));
+
+// ----------------------------------------------------------------------
+
+export const _addressBooks = [...Array(24)].map((_, index) => ({
+ id: _mock.id(index),
+ primary: index === 0,
+ name: _mock.fullName(index),
+ email: _mock.email(index + 1),
+ fullAddress: _mock.fullAddress(index),
+ phoneNumber: _mock.phoneNumber(index),
+ company: _mock.companyNames(index + 1),
+ addressType: index === 0 ? 'Home' : 'Office',
+}));
+
+// ----------------------------------------------------------------------
+
+export const _contacts = [...Array(20)].map((_, index) => {
+ const status =
+ (index % 2 && 'online') || (index % 3 && 'offline') || (index % 4 && 'alway') || 'busy';
+
+ return {
+ id: _mock.id(index),
+ status,
+ role: _mock.role(index),
+ email: _mock.email(index),
+ name: _mock.fullName(index),
+ phoneNumber: _mock.phoneNumber(index),
+ lastActivity: _mock.time(index),
+ avatarUrl: _mock.image.avatar(index),
+ address: _mock.fullAddress(index),
+ };
+});
+
+// ----------------------------------------------------------------------
+
+export const _notifications = [...Array(9)].map((_, index) => ({
+ id: _mock.id(index),
+ avatarUrl: [
+ _mock.image.avatar(1),
+ _mock.image.avatar(2),
+ _mock.image.avatar(3),
+ _mock.image.avatar(4),
+ _mock.image.avatar(5),
+ null,
+ null,
+ null,
+ null,
+ null,
+ ][index],
+ type: ['friend', 'project', 'file', 'tags', 'payment', 'order', 'chat', 'mail', 'delivery'][
+ index
+ ],
+ category: [
+ 'Communication',
+ 'Project UI',
+ 'File manager',
+ 'File manager',
+ 'File manager',
+ 'Order',
+ 'Order',
+ 'Communication',
+ 'Communication',
+ ][index],
+ isUnRead: _mock.boolean(index),
+ createdAt: _mock.time(index),
+ title:
+ (index === 0 && `Deja Brady sent you a friend request
`) ||
+ (index === 1 &&
+ `Jayvon Hull mentioned you in Minimal UI
`) ||
+ (index === 2 &&
+ `Lainey Davidson added file to File manager
`) ||
+ (index === 3 &&
+ `Angelique Morse added new tags to File manager
`) ||
+ (index === 4 &&
+ `Giana Brandt request a payment of $200
`) ||
+ (index === 5 && `Your order is placed waiting for shipping
`) ||
+ (index === 6 && `Delivery processing your order is being shipped
`) ||
+ (index === 7 && `You have new message 5 unread messages
`) ||
+ (index === 8 && `You have new mail`) ||
+ '',
+}));
+
+// ----------------------------------------------------------------------
+
+export const _mapContact = [
+ {
+ latlng: [33, 65],
+ address: _mock.fullAddress(1),
+ phoneNumber: _mock.phoneNumber(1),
+ },
+ {
+ latlng: [-12.5, 18.5],
+ address: _mock.fullAddress(2),
+ phoneNumber: _mock.phoneNumber(2),
+ },
+];
+
+// ----------------------------------------------------------------------
+
+export const _socials = [
+ {
+ value: 'facebook',
+ name: 'Facebook',
+ path: 'https://www.facebook.com/caitlyn.kerluke',
+ },
+ {
+ value: 'instagram',
+ name: 'Instagram',
+ path: 'https://www.instagram.com/caitlyn.kerluke',
+ },
+ {
+ value: 'linkedin',
+ name: 'Linkedin',
+ path: 'https://www.linkedin.com/caitlyn.kerluke',
+ },
+ {
+ value: 'twitter',
+ name: 'Twitter',
+ path: 'https://www.twitter.com/caitlyn.kerluke',
+ },
+];
+
+// ----------------------------------------------------------------------
+
+export const _pricingPlans = [
+ {
+ subscription: 'basic',
+ price: 0,
+ caption: 'Forever',
+ lists: ['3 prototypes', '3 boards', 'Up to 5 team members'],
+ labelAction: 'Current plan',
+ },
+ {
+ subscription: 'starter',
+ price: 4.99,
+ caption: 'Saving $24 a year',
+ lists: [
+ '3 prototypes',
+ '3 boards',
+ 'Up to 5 team members',
+ 'Advanced security',
+ 'Issue escalation',
+ ],
+ labelAction: 'Choose starter',
+ },
+ {
+ subscription: 'premium',
+ price: 9.99,
+ caption: 'Saving $124 a year',
+ lists: [
+ '3 prototypes',
+ '3 boards',
+ 'Up to 5 team members',
+ 'Advanced security',
+ 'Issue escalation',
+ 'Issue development license',
+ 'Permissions & workflows',
+ ],
+ labelAction: 'Choose premium',
+ },
+];
+
+// ----------------------------------------------------------------------
+
+export const _testimonials = [
+ {
+ name: _mock.fullName(1),
+ postedDate: _mock.time(1),
+ ratingNumber: _mock.number.rating(1),
+ avatarUrl: _mock.image.avatar(1),
+ content: `Excellent Work! Thanks a lot!`,
+ },
+ {
+ name: _mock.fullName(2),
+ postedDate: _mock.time(2),
+ ratingNumber: _mock.number.rating(2),
+ avatarUrl: _mock.image.avatar(2),
+ content: `It's a very good dashboard and we are really liking the product . We've done some things, like migrate to TS and implementing a react useContext api, to fit our job methodology but the product is one of the best in terms of design and application architecture. The team did a really good job.`,
+ },
+ {
+ name: _mock.fullName(3),
+ postedDate: _mock.time(3),
+ ratingNumber: _mock.number.rating(3),
+ avatarUrl: _mock.image.avatar(3),
+ content: `Customer support is realy fast and helpful the desgin of this theme is looks amazing also the code is very clean and readble realy good job !`,
+ },
+ {
+ name: _mock.fullName(4),
+ postedDate: _mock.time(4),
+ ratingNumber: _mock.number.rating(4),
+ avatarUrl: _mock.image.avatar(4),
+ content: `Amazing, really good code quality and gives you a lot of examples for implementations.`,
+ },
+ {
+ name: _mock.fullName(5),
+ postedDate: _mock.time(5),
+ ratingNumber: _mock.number.rating(5),
+ avatarUrl: _mock.image.avatar(5),
+ content: `Got a few questions after purchasing the product. The owner responded very fast and very helpfull. Overall the code is excellent and works very good. 5/5 stars!`,
+ },
+ {
+ name: _mock.fullName(6),
+ postedDate: _mock.time(6),
+ ratingNumber: _mock.number.rating(6),
+ avatarUrl: _mock.image.avatar(6),
+ content: `CEO of Codealy.io here. We’ve built a developer assessment platform that makes sense - tasks are based on git repositories and run in virtual machines. We automate the pain points - storing candidates code, running it and sharing test results with the whole team, remotely. Bought this template as we need to provide an awesome dashboard for our early customers. I am super happy with purchase. The code is just as good as the design. Thanks!`,
+ },
+];
diff --git a/front_minimal/src/_mock/_overview.js b/front_minimal/src/_mock/_overview.js
new file mode 100644
index 0000000..e832c6d
--- /dev/null
+++ b/front_minimal/src/_mock/_overview.js
@@ -0,0 +1,346 @@
+import { today } from 'src/utils/format-time';
+
+import { CONFIG } from 'src/config-global';
+
+import { _mock } from './_mock';
+
+// APP
+// ----------------------------------------------------------------------
+
+export const _appRelated = [
+ 'Microsoft office 365',
+ 'Opera',
+ 'Adobe acrobat reader DC',
+ 'Joplin',
+ 'Topaz photo AI',
+].map((name, index) => ({
+ id: _mock.id(index),
+ name,
+ downloaded: _mock.number.nativeL(index),
+ ratingNumber: _mock.number.rating(index),
+ size: _mock.number.nativeL(index) * 1024,
+ totalReviews: _mock.number.nativeL(index),
+ shortcut: `${CONFIG.site.basePath}/assets/icons/app/ic-app-${index + 1}.webp`,
+ price: [2, 4].includes(index) ? _mock.number.price(index) : 0,
+}));
+
+export const _appInstalled = ['Germany', 'England', 'France', 'Korean', 'USA'].map(
+ (country, index) => ({
+ id: _mock.id(index),
+ countryName: country,
+ android: _mock.number.nativeL(index),
+ windows: _mock.number.nativeL(index + 1),
+ apple: _mock.number.nativeL(index + 2),
+ countryCode: ['de', 'gb', 'fr', 'kr', 'us'][index],
+ })
+);
+
+export const _appAuthors = [...Array(3)].map((_, index) => ({
+ id: _mock.id(index),
+ name: _mock.fullName(index),
+ avatarUrl: _mock.image.avatar(index),
+ totalFavorites: _mock.number.nativeL(index),
+}));
+
+export const _appInvoices = [...Array(5)].map((_, index) => {
+ const category = ['Android', 'Mac', 'Windows', 'Android', 'Mac'][index];
+
+ const status = ['paid', 'out of date', 'progress', 'paid', 'paid'][index];
+
+ return {
+ id: _mock.id(index),
+ invoiceNumber: `INV-199${index}`,
+ price: _mock.number.price(index),
+ category,
+ status,
+ };
+});
+
+export const _appFeatured = [...Array(3)].map((_, index) => ({
+ id: _mock.id(index + 3),
+ title: _mock.postTitle(index + 3),
+ description: _mock.sentence(index + 3),
+ coverUrl: _mock.image.cover(index + 3),
+}));
+
+// ANALYTIC
+// ----------------------------------------------------------------------
+
+export const _analyticTasks = [...Array(5)].map((_, index) => ({
+ id: _mock.id(index),
+ name: _mock.taskNames(index),
+}));
+
+export const _analyticPosts = [...Array(5)].map((_, index) => ({
+ id: _mock.id(index),
+ postedAt: _mock.time(index),
+ title: _mock.postTitle(index),
+ coverUrl: _mock.image.cover(index),
+ description: _mock.sentence(index),
+}));
+
+export const _analyticOrderTimeline = [...Array(5)].map((_, index) => {
+ const title = [
+ '1983, orders, $4220',
+ '12 Invoices have been paid',
+ 'Order #37745 from September',
+ 'New order placed #XF-2356',
+ 'New order placed #XF-2346',
+ ][index];
+
+ return {
+ id: _mock.id(index),
+ title,
+ type: `order${index + 1}`,
+ time: _mock.time(index),
+ };
+});
+
+export const _analyticTraffic = [
+ {
+ value: 'facebook',
+ label: 'Facebook',
+ total: _mock.number.nativeL(1),
+ },
+ {
+ value: 'google',
+ label: 'Google',
+ total: _mock.number.nativeL(2),
+ },
+ {
+ value: 'linkedin',
+ label: 'Linkedin',
+ total: _mock.number.nativeL(3),
+ },
+ {
+ value: 'twitter',
+ label: 'Twitter',
+ total: _mock.number.nativeL(4),
+ },
+];
+
+// ECOMMERCE
+// ----------------------------------------------------------------------
+
+export const _ecommerceSalesOverview = ['Total profit', 'Total income', 'Total expenses'].map(
+ (label, index) => ({
+ label,
+ totalAmount: _mock.number.price(index) * 100,
+ value: _mock.number.percent(index),
+ })
+);
+
+export const _ecommerceBestSalesman = [...Array(5)].map((_, index) => {
+ const category = ['CAP', 'Branded shoes', 'Headphone', 'Cell phone', 'Earings'][index];
+
+ return {
+ id: _mock.id(index),
+ category,
+ rank: `Top ${index + 1}`,
+ email: _mock.email(index),
+ name: _mock.fullName(index),
+ totalAmount: _mock.number.price(index),
+ avatarUrl: _mock.image.avatar(index + 8),
+ countryCode: ['de', 'gb', 'fr', 'kr', 'us'][index],
+ };
+});
+
+export const _ecommerceLatestProducts = [...Array(5)].map((_, index) => {
+ const colors = (index === 0 && ['#2EC4B6', '#E71D36', '#FF9F1C', '#011627']) ||
+ (index === 1 && ['#92140C', '#FFCF99']) ||
+ (index === 2 && ['#0CECDD', '#FFF338', '#FF67E7', '#C400FF', '#52006A', '#046582']) ||
+ (index === 3 && ['#845EC2', '#E4007C', '#2A1A5E']) || ['#090088'];
+
+ return {
+ id: _mock.id(index),
+ colors,
+ name: _mock.productName(index),
+ price: _mock.number.price(index),
+ coverUrl: _mock.image.product(index),
+ priceSale: [1, 3].includes(index) ? _mock.number.price(index) : 0,
+ };
+});
+
+export const _ecommerceNewProducts = [...Array(4)].map((_, index) => ({
+ id: _mock.id(index),
+ name: _mock.productName(index),
+ coverUrl: _mock.image.product(index),
+}));
+
+// BANKING
+// ----------------------------------------------------------------------
+
+export const _bankingContacts = [...Array(12)].map((_, index) => ({
+ id: _mock.id(index),
+ name: _mock.fullName(index),
+ email: _mock.email(index),
+ avatarUrl: _mock.image.avatar(index),
+}));
+
+export const _bankingCreditCard = [
+ {
+ id: _mock.id(2),
+ balance: 23432.03,
+ cardType: 'mastercard',
+ cardHolder: _mock.fullName(2),
+ cardNumber: '**** **** **** 3640',
+ cardValid: '11/22',
+ },
+ {
+ id: _mock.id(3),
+ balance: 18000.23,
+ cardType: 'visa',
+ cardHolder: _mock.fullName(3),
+ cardNumber: '**** **** **** 8864',
+ cardValid: '11/25',
+ },
+ {
+ id: _mock.id(4),
+ balance: 2000.89,
+ cardType: 'mastercard',
+ cardHolder: _mock.fullName(4),
+ cardNumber: '**** **** **** 7755',
+ cardValid: '11/22',
+ },
+];
+
+export const _bankingRecentTransitions = [
+ {
+ id: _mock.id(2),
+ name: _mock.fullName(2),
+ avatarUrl: _mock.image.avatar(2),
+ type: 'Income',
+ message: 'Receive money from',
+ category: 'Annette black',
+ date: _mock.time(2),
+ status: 'progress',
+ amount: _mock.number.price(2),
+ },
+ {
+ id: _mock.id(3),
+ name: _mock.fullName(3),
+ avatarUrl: _mock.image.avatar(3),
+ type: 'Expenses',
+ message: 'Payment for',
+ category: 'Courtney henry',
+ date: _mock.time(3),
+ status: 'completed',
+ amount: _mock.number.price(3),
+ },
+ {
+ id: _mock.id(4),
+ name: _mock.fullName(4),
+ avatarUrl: _mock.image.avatar(4),
+ type: 'Receive',
+ message: 'Payment for',
+ category: 'Theresa webb',
+ date: _mock.time(4),
+ status: 'failed',
+ amount: _mock.number.price(4),
+ },
+ {
+ id: _mock.id(5),
+ name: null,
+ avatarUrl: null,
+ type: 'Expenses',
+ message: 'Payment for',
+ category: 'Fast food',
+ date: _mock.time(5),
+ status: 'completed',
+ amount: _mock.number.price(5),
+ },
+ {
+ id: _mock.id(6),
+ name: null,
+ avatarUrl: null,
+ type: 'Expenses',
+ message: 'Payment for',
+ category: 'Fitness',
+ date: _mock.time(6),
+ status: 'progress',
+ amount: _mock.number.price(6),
+ },
+];
+
+// BOOKING
+// ----------------------------------------------------------------------
+
+export const _bookings = [...Array(5)].map((_, index) => {
+ const status = ['Paid', 'Paid', 'Pending', 'Cancelled', 'Paid'][index];
+
+ const customer = {
+ avatarUrl: _mock.image.avatar(index),
+ name: _mock.fullName(index),
+ phoneNumber: _mock.phoneNumber(index),
+ };
+
+ const destination = [...Array(5)].map((__, _index) => ({
+ name: _mock.tourName(_index + 1),
+ coverUrl: _mock.image.travel(_index + 1),
+ }))[index];
+
+ return {
+ id: _mock.id(index),
+ destination,
+ status,
+ customer,
+ checkIn: _mock.time(index),
+ checkOut: _mock.time(index),
+ };
+});
+
+export const _bookingsOverview = [...Array(3)].map((_, index) => ({
+ status: ['Pending', 'Canceled', 'Sold'][index],
+ quantity: _mock.number.nativeL(index),
+ value: _mock.number.percent(index + 5),
+}));
+
+export const _bookingReview = [...Array(5)].map((_, index) => ({
+ id: _mock.id(index),
+ name: _mock.fullName(index),
+ postedAt: _mock.time(index),
+ rating: _mock.number.rating(index),
+ avatarUrl: _mock.image.avatar(index),
+ description: _mock.description(index),
+ tags: ['Great sevice', 'Recommended', 'Best price'],
+}));
+
+export const _bookingNew = [...Array(8)].map((_, index) => ({
+ guests: '3-5',
+ id: _mock.id(index),
+ bookedAt: _mock.time(index),
+ duration: '3 days 2 nights',
+ isHot: _mock.boolean(index),
+ name: _mock.fullName(index),
+ price: _mock.number.price(index),
+ avatarUrl: _mock.image.avatar(index),
+ coverUrl: _mock.image.travel(index),
+}));
+
+// COURSE
+// ----------------------------------------------------------------------
+
+export const _coursesContinue = [...Array(4)].map((_, index) => ({
+ id: _mock.id(index),
+ title: _mock.courseNames(index),
+ coverUrl: _mock.image.course(index),
+ totalLesson: 12,
+ currentLesson: index + 7,
+}));
+
+export const _coursesFeatured = [...Array(6)].map((_, index) => ({
+ id: _mock.id(index),
+ title: _mock.courseNames(index),
+ coverUrl: _mock.image.course(index + 6),
+ totalDuration: 220,
+ totalStudents: _mock.number.nativeM(index),
+ price: _mock.number.price(index),
+}));
+
+export const _coursesReminder = [...Array(4)].map((_, index) => ({
+ id: _mock.id(index),
+ title: _mock.courseNames(index),
+ totalLesson: 12,
+ reminderAt: today(),
+ currentLesson: index + 7,
+}));
diff --git a/front_minimal/src/_mock/_product.js b/front_minimal/src/_mock/_product.js
new file mode 100644
index 0000000..4869600
--- /dev/null
+++ b/front_minimal/src/_mock/_product.js
@@ -0,0 +1,71 @@
+export const PRODUCT_GENDER_OPTIONS = [
+ { label: 'Men', value: 'Men' },
+ { label: 'Women', value: 'Women' },
+ { label: 'Kids', value: 'Kids' },
+];
+
+export const PRODUCT_CATEGORY_OPTIONS = ['Shose', 'Apparel', 'Accessories'];
+
+export const PRODUCT_RATING_OPTIONS = ['up4Star', 'up3Star', 'up2Star', 'up1Star'];
+
+export const PRODUCT_COLOR_OPTIONS = [
+ '#FF4842',
+ '#1890FF',
+ '#FFC0CB',
+ '#00AB55',
+ '#FFC107',
+ '#7F00FF',
+ '#000000',
+ '#FFFFFF',
+];
+
+export const PRODUCT_COLOR_NAME_OPTIONS = [
+ { value: '#FF4842', label: 'Red' },
+ { value: '#1890FF', label: 'Blue' },
+ { value: '#FFC0CB', label: 'Pink' },
+ { value: '#00AB55', label: 'Green' },
+ { value: '#FFC107', label: 'Yellow' },
+ { value: '#7F00FF', label: 'Violet' },
+ { value: '#000000', label: 'Black' },
+ { value: '#FFFFFF', label: 'White' },
+];
+
+export const PRODUCT_SIZE_OPTIONS = [
+ { value: '7', label: '7' },
+ { value: '8', label: '8' },
+ { value: '8.5', label: '8.5' },
+ { value: '9', label: '9' },
+ { value: '9.5', label: '9.5' },
+ { value: '10', label: '10' },
+ { value: '10.5', label: '10.5' },
+ { value: '11', label: '11' },
+ { value: '11.5', label: '11.5' },
+ { value: '12', label: '12' },
+ { value: '13', label: '13' },
+];
+
+export const PRODUCT_STOCK_OPTIONS = [
+ { value: 'in stock', label: 'In stock' },
+ { value: 'low stock', label: 'Low stock' },
+ { value: 'out of stock', label: 'Out of stock' },
+];
+
+export const PRODUCT_PUBLISH_OPTIONS = [
+ { value: 'published', label: 'Published' },
+ { value: 'draft', label: 'Draft' },
+];
+
+export const PRODUCT_SORT_OPTIONS = [
+ { value: 'featured', label: 'Featured' },
+ { value: 'newest', label: 'Newest' },
+ { value: 'priceDesc', label: 'Price: High - Low' },
+ { value: 'priceAsc', label: 'Price: Low - High' },
+];
+
+export const PRODUCT_CATEGORY_GROUP_OPTIONS = [
+ { group: 'Clothing', classify: ['Shirts', 'T-shirts', 'Jeans', 'Leather', 'Accessories'] },
+ { group: 'Tailored', classify: ['Suits', 'Blazers', 'Trousers', 'Waistcoats', 'Apparel'] },
+ { group: 'Accessories', classify: ['Shoes', 'Backpacks and bags', 'Bracelets', 'Face masks'] },
+];
+
+export const PRODUCT_CHECKOUT_STEPS = ['Cart', 'Billing & address', 'Payment'];
diff --git a/front_minimal/src/_mock/_tour.js b/front_minimal/src/_mock/_tour.js
new file mode 100644
index 0000000..4350c6d
--- /dev/null
+++ b/front_minimal/src/_mock/_tour.js
@@ -0,0 +1,128 @@
+import { _mock } from './_mock';
+import { _tags } from './assets';
+
+// ----------------------------------------------------------------------
+
+export const TOUR_DETAILS_TABS = [
+ { label: 'Tour content', value: 'content' },
+ { label: 'Booker', value: 'bookers' },
+];
+
+export const TOUR_SORT_OPTIONS = [
+ { label: 'Latest', value: 'latest' },
+ { label: 'Popular', value: 'popular' },
+ { label: 'Oldest', value: 'oldest' },
+];
+
+export const TOUR_PUBLISH_OPTIONS = [
+ { label: 'Published', value: 'published' },
+ { label: 'Draft', value: 'draft' },
+];
+
+export const TOUR_SERVICE_OPTIONS = [
+ { label: 'Audio guide', value: 'Audio guide' },
+ { label: 'Food and drinks', value: 'Food and drinks' },
+ { label: 'Lunch', value: 'Lunch' },
+ { label: 'Private tour', value: 'Private tour' },
+ { label: 'Special activities', value: 'Special activities' },
+ { label: 'Entrance fees', value: 'Entrance fees' },
+ { label: 'Gratuities', value: 'Gratuities' },
+ { label: 'Pick-up and drop off', value: 'Pick-up and drop off' },
+ { label: 'Professional guide', value: 'Professional guide' },
+ { label: 'Transport by air-conditioned', value: 'Transport by air-conditioned' },
+];
+
+const CONTENT = `
+
Description
+
+Occaecati est et illo quibusdam accusamus qui. Incidunt aut et molestiae ut facere aut. Est quidem iusto praesentium excepturi harum nihil tenetur facilis. Ut omnis voluptates nihil accusantium doloribus eaque debitis.
+
+Highlights
+
+
+ A fermentum in morbi pretium aliquam adipiscing donec tempus.
+ Vulputate placerat amet pulvinar lorem nisl.
+ Consequat feugiat habitant gravida quisque elit bibendum id adipiscing sed.
+ Etiam duis lobortis in fames ultrices commodo nibh.
+
+
+Program
+
+
+ Day 1
+
+
+Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.
+
+
+ Day 2
+
+
+Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.
+
+
+ Day 3
+
+
+Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.
+`;
+
+const BOOKER = [...Array(12)].map((_, index) => ({
+ id: _mock.id(index),
+ guests: index + 10,
+ name: _mock.fullName(index),
+ avatarUrl: _mock.image.avatar(index),
+}));
+
+export const _tourGuides = [...Array(12)].map((_, index) => ({
+ id: _mock.id(index),
+ name: _mock.fullName(index),
+ avatarUrl: _mock.image.avatar(index),
+ phoneNumber: _mock.phoneNumber(index),
+}));
+
+export const TRAVEL_IMAGES = [...Array(16)].map((_, index) => _mock.image.travel(index));
+
+export const _tours = [...Array(12)].map((_, index) => {
+ const available = { startDate: _mock.time(index + 1), endDate: _mock.time(index) };
+
+ const publish = index % 3 ? 'published' : 'draft';
+
+ const services = (index % 2 && ['Audio guide', 'Food and drinks']) ||
+ (index % 3 && ['Lunch', 'Private tour']) ||
+ (index % 4 && ['Special activities', 'Entrance fees']) || [
+ 'Gratuities',
+ 'Pick-up and drop off',
+ 'Professional guide',
+ 'Transport by air-conditioned',
+ ];
+
+ const tourGuides =
+ (index === 0 && _tourGuides.slice(0, 1)) ||
+ (index === 1 && _tourGuides.slice(1, 3)) ||
+ (index === 2 && _tourGuides.slice(2, 5)) ||
+ (index === 3 && _tourGuides.slice(4, 6)) ||
+ _tourGuides.slice(6, 9);
+
+ const images = TRAVEL_IMAGES.slice(index, index + 5);
+
+ return {
+ images,
+ publish,
+ services,
+ available,
+ tourGuides,
+ bookers: BOOKER,
+ content: CONTENT,
+ id: _mock.id(index),
+ tags: _tags.slice(0, 5),
+ name: _mock.tourName(index),
+ createdAt: _mock.time(index),
+ durations: '4 days 3 nights',
+ price: _mock.number.price(index),
+ destination: _mock.countryNames(index),
+ priceSale: _mock.number.price(index),
+ totalViews: _mock.number.nativeL(index),
+ ratingNumber: _mock.number.rating(index),
+ };
+});
diff --git a/front_minimal/src/_mock/_user.js b/front_minimal/src/_mock/_user.js
new file mode 100644
index 0000000..706d861
--- /dev/null
+++ b/front_minimal/src/_mock/_user.js
@@ -0,0 +1,143 @@
+import { _mock } from './_mock';
+
+// ----------------------------------------------------------------------
+
+export const USER_STATUS_OPTIONS = [
+ { value: 'active', label: 'Active' },
+ { value: 'pending', label: 'Pending' },
+ { value: 'banned', label: 'Banned' },
+ { value: 'rejected', label: 'Rejected' },
+];
+
+export const _userAbout = {
+ id: _mock.id(1),
+ role: _mock.role(1),
+ email: _mock.email(1),
+ school: _mock.companyNames(2),
+ company: _mock.companyNames(1),
+ country: _mock.countryNames(2),
+ coverUrl: _mock.image.cover(3),
+ totalFollowers: _mock.number.nativeL(1),
+ totalFollowing: _mock.number.nativeL(2),
+ quote:
+ 'Tart I love sugar plum I love oat cake. Sweet roll caramels I love jujubes. Topping cake wafer..',
+ socialLinks: {
+ facebook: `https://www.facebook.com/caitlyn.kerluke`,
+ instagram: `https://www.instagram.com/caitlyn.kerluke`,
+ linkedin: `https://www.linkedin.com/in/caitlyn.kerluke`,
+ twitter: `https://www.twitter.com/caitlyn.kerluke`,
+ },
+};
+
+export const _userFollowers = [...Array(18)].map((_, index) => ({
+ id: _mock.id(index),
+ name: _mock.fullName(index),
+ country: _mock.countryNames(index),
+ avatarUrl: _mock.image.avatar(index),
+}));
+
+export const _userFriends = [...Array(18)].map((_, index) => ({
+ id: _mock.id(index),
+ role: _mock.role(index),
+ name: _mock.fullName(index),
+ avatarUrl: _mock.image.avatar(index),
+}));
+
+export const _userGallery = [...Array(12)].map((_, index) => ({
+ id: _mock.id(index),
+ postedAt: _mock.time(index),
+ title: _mock.postTitle(index),
+ imageUrl: _mock.image.cover(index),
+}));
+
+export const _userFeeds = [...Array(3)].map((_, index) => ({
+ id: _mock.id(index),
+ createdAt: _mock.time(index),
+ media: _mock.image.travel(index + 1),
+ message: _mock.sentence(index),
+ personLikes: [...Array(20)].map((__, personIndex) => ({
+ name: _mock.fullName(personIndex),
+ avatarUrl: _mock.image.avatar(personIndex + 2),
+ })),
+ comments: (index === 2 && []) || [
+ {
+ id: _mock.id(7),
+ author: {
+ id: _mock.id(8),
+ avatarUrl: _mock.image.avatar(index + 5),
+ name: _mock.fullName(index + 5),
+ },
+ createdAt: _mock.time(2),
+ message: 'Praesent venenatis metus at',
+ },
+ {
+ id: _mock.id(9),
+ author: {
+ id: _mock.id(10),
+ avatarUrl: _mock.image.avatar(index + 6),
+ name: _mock.fullName(index + 6),
+ },
+ createdAt: _mock.time(3),
+ message:
+ 'Etiam rhoncus. Nullam vel sem. Pellentesque libero tortor, tincidunt et, tincidunt eget, semper nec, quam. Sed lectus.',
+ },
+ ],
+}));
+
+export const _userCards = [...Array(21)].map((_, index) => ({
+ id: _mock.id(index),
+ role: _mock.role(index),
+ name: _mock.fullName(index),
+ coverUrl: _mock.image.cover(index),
+ avatarUrl: _mock.image.avatar(index),
+ totalFollowers: _mock.number.nativeL(index),
+ totalPosts: _mock.number.nativeL(index + 2),
+ totalFollowing: _mock.number.nativeL(index + 1),
+}));
+
+export const _userPayment = [...Array(3)].map((_, index) => ({
+ id: _mock.id(index),
+ cardNumber: ['**** **** **** 1234', '**** **** **** 5678', '**** **** **** 7878'][index],
+ cardType: ['mastercard', 'visa', 'visa'][index],
+ primary: index === 1,
+}));
+
+export const _userAddressBook = [...Array(4)].map((_, index) => ({
+ id: _mock.id(index),
+ primary: index === 0,
+ name: _mock.fullName(index),
+ phoneNumber: _mock.phoneNumber(index),
+ fullAddress: _mock.fullAddress(index),
+ addressType: (index === 0 && 'Home') || 'Office',
+}));
+
+export const _userInvoices = [...Array(10)].map((_, index) => ({
+ id: _mock.id(index),
+ invoiceNumber: `INV-199${index}`,
+ createdAt: _mock.time(index),
+ price: _mock.number.price(index),
+}));
+
+export const _userPlans = [
+ { subscription: 'basic', price: 0, primary: false },
+ { subscription: 'starter', price: 4.99, primary: true },
+ { subscription: 'premium', price: 9.99, primary: false },
+];
+
+export const _userList = [...Array(20)].map((_, index) => ({
+ id: _mock.id(index),
+ zipCode: '85807',
+ state: 'Virginia',
+ city: 'Rancho Cordova',
+ role: _mock.role(index),
+ email: _mock.email(index),
+ address: '908 Jack Locks',
+ name: _mock.fullName(index),
+ isVerified: _mock.boolean(index),
+ company: _mock.companyNames(index),
+ country: _mock.countryNames(index),
+ avatarUrl: _mock.image.avatar(index),
+ phoneNumber: _mock.phoneNumber(index),
+ status:
+ (index % 2 && 'pending') || (index % 3 && 'banned') || (index % 4 && 'rejected') || 'active',
+}));
diff --git a/front_minimal/src/_mock/assets.js b/front_minimal/src/_mock/assets.js
new file mode 100644
index 0000000..9aa15b3
--- /dev/null
+++ b/front_minimal/src/_mock/assets.js
@@ -0,0 +1,673 @@
+// ----------------------------------------------------------------------
+
+export const _id = [...Array(40)].map(
+ (_, index) => `e99f09a7-dd88-49d5-b1c8-1daf80c2d7b${index + 1}`
+);
+
+// ----------------------------------------------------------------------
+
+export const _booleans = [
+ true,
+ true,
+ true,
+ false,
+ false,
+ true,
+ false,
+ false,
+ false,
+ false,
+ true,
+ true,
+ true,
+ false,
+ false,
+ false,
+ true,
+ false,
+ false,
+ false,
+ true,
+ false,
+ false,
+ true,
+];
+
+// ----------------------------------------------------------------------
+
+export const _prices = [
+ 83.74, 97.14, 68.71, 85.21, 52.17, 25.18, 43.84, 60.98, 98.42, 53.37, 72.75, 56.61, 64.55, 77.32,
+ 60.62, 79.81, 93.68, 47.44, 76.24, 92.87, 72.91, 20.54, 94.25, 37.51,
+];
+
+export const _ratings = [
+ 4.2, 3.7, 4.5, 3.5, 0.5, 3.0, 2.5, 2.8, 4.9, 3.6, 2.5, 1.7, 3.9, 2.8, 4.1, 4.5, 2.2, 3.2, 0.6,
+ 1.3, 3.8, 3.8, 3.8, 2.0,
+];
+
+export const _ages = [
+ 30, 26, 59, 47, 29, 46, 18, 56, 39, 19, 45, 18, 46, 56, 38, 41, 44, 48, 32, 45, 42, 60, 33, 57,
+];
+
+export const _percents = [
+ 10.1, 13.6, 28.2, 42.1, 37.2, 18.5, 40.1, 94.8, 91.4, 53.0, 25.4, 62.9, 86.6, 62.4, 35.4, 17.6,
+ 52.0, 6.8, 95.3, 26.6, 69.9, 92.1, 46.2, 85.6,
+];
+
+export const _nativeS = [
+ 11, 10, 7, 10, 12, 5, 10, 1, 8, 8, 10, 11, 12, 8, 4, 11, 8, 9, 4, 9, 2, 6, 3, 7,
+];
+
+export const _nativeM = [
+ 497, 763, 684, 451, 433, 463, 951, 194, 425, 435, 807, 521, 538, 839, 394, 269, 453, 821, 364,
+ 849, 804, 776, 263, 239,
+];
+
+export const _nativeL = [
+ 9911, 1947, 9124, 6984, 8488, 2034, 3364, 8401, 8996, 5271, 8478, 1139, 8061, 3035, 6733, 3952,
+ 2405, 3127, 6843, 4672, 6995, 6053, 5192, 9686,
+];
+
+export const _fullAddress = [
+ `19034 Verna Unions Apt. 164 - Honolulu, RI / 87535`,
+ `1147 Rohan Drive Suite 819 - Burlington, VT / 82021`,
+ `18605 Thompson Circle Apt. 086 - Idaho Falls, WV / 50337`,
+ `110 Lamar Station Apt. 730 - Hagerstown, OK / 49808`,
+ `36901 Elmer Spurs Apt. 762 - Miramar, DE / 92836`,
+ `2089 Runolfsson Harbors Suite 886 - Chapel Hill, TX / 32827`,
+ `279 Karolann Ports Apt. 774 - Prescott Valley, WV / 53905`,
+ `96607 Claire Square Suite 591 - St. Louis Park, HI / 40802`,
+ `9388 Auer Station Suite 573 - Honolulu, AK / 98024`,
+ `47665 Adaline Squares Suite 510 - Blacksburg, NE / 53515`,
+ `989 Vernice Flats Apt. 183 - Billings, NV / 04147`,
+ `91020 Wehner Locks Apt. 673 - Albany, WY / 68763`,
+ `585 Candelario Pass Suite 090 - Columbus, LA / 25376`,
+ `80988 Renner Crest Apt. 000 - Fargo, VA / 24266`,
+ `28307 Shayne Pike Suite 523 - North Las Vegas, AZ / 28550`,
+ `205 Farrell Highway Suite 333 - Rock Hill, OK / 63421`,
+ `253 Kara Motorway Suite 821 - Manchester, SD / 09331`,
+ `13663 Kiara Oval Suite 606 - Missoula, AR / 44478`,
+ `8110 Claire Port Apt. 703 - Anchorage, TN / 01753`,
+ `4642 Demetris Lane Suite 407 - Edmond, AZ / 60888`,
+ `74794 Asha Flat Suite 890 - Lancaster, OR / 13466`,
+ `8135 Keeling Pines Apt. 326 - Alexandria, MA / 89442`,
+ `441 Gibson Shores Suite 247 - Pasco, NM / 60678`,
+ `4373 Emelia Valley Suite 596 - Columbia, NM / 42586`,
+];
+
+// ----------------------------------------------------------------------
+
+export const _emails = [
+ `nannie.abernathy70@yahoo.com`,
+ `ashlynn.ohara62@gmail.com`,
+ `milo.farrell@hotmail.com`,
+ `violet.ratke86@yahoo.com`,
+ `letha.lubowitz24@yahoo.com`,
+ `aditya.greenfelder31@gmail.com`,
+ `lenna.bergnaum27@hotmail.com`,
+ `luella.ryan33@gmail.com`,
+ `joana.simonis84@gmail.com`,
+ `marjolaine.white94@gmail.com`,
+ `vergie.block82@hotmail.com`,
+ `vito.hudson@hotmail.com`,
+ `tyrel.greenholt@gmail.com`,
+ `dwight.block85@yahoo.com`,
+ `mireya13@hotmail.com`,
+ `dasia.jenkins@hotmail.com`,
+ `benny89@yahoo.com`,
+ `dawn.goyette@gmail.com`,
+ `zella.hickle4@yahoo.com`,
+ `avery43@hotmail.com`,
+ `olen.legros@gmail.com`,
+ `jimmie.gerhold73@hotmail.com`,
+ `genevieve.powlowski@hotmail.com`,
+ `louie.kuphal39@gmail.com`,
+];
+
+// ----------------------------------------------------------------------
+
+export const _fullNames = [
+ `Jayvion Simon`,
+ `Lucian Obrien`,
+ `Deja Brady`,
+ `Harrison Stein`,
+ `Reece Chung`,
+ `Lainey Davidson`,
+ `Cristopher Cardenas`,
+ `Melanie Noble`,
+ `Chase Day`,
+ `Shawn Manning`,
+ `Soren Durham`,
+ `Cortez Herring`,
+ `Brycen Jimenez`,
+ `Giana Brandt`,
+ `Aspen Schmitt`,
+ `Colten Aguilar`,
+ `Angelique Morse`,
+ `Selina Boyer`,
+ `Lawson Bass`,
+ `Ariana Lang`,
+ `Amiah Pruitt`,
+ `Harold Mcgrath`,
+ `Esperanza Mcintyre`,
+ `Mireya Conner`,
+];
+
+export const _firstNames = [
+ `Mossie`,
+ `David`,
+ `Ebba`,
+ `Chester`,
+ `Eula`,
+ `Jaren`,
+ `Boyd`,
+ `Brady`,
+ `Aida`,
+ `Anastasia`,
+ `Gregoria`,
+ `Julianne`,
+ `Ila`,
+ `Elyssa`,
+ `Lucio`,
+ `Lewis`,
+ `Jacinthe`,
+ `Molly`,
+ `Brown`,
+ `Fritz`,
+ `Keon`,
+ `Ella`,
+ `Ken`,
+ `Whitney`,
+];
+
+export const _lastNames = [
+ `Carroll`,
+ `Simonis`,
+ `Yost`,
+ `Hand`,
+ `Emmerich`,
+ `Wilderman`,
+ `Howell`,
+ `Sporer`,
+ `Boehm`,
+ `Morar`,
+ `Koch`,
+ `Reynolds`,
+ `Padberg`,
+ `Watsica`,
+ `Upton`,
+ `Yundt`,
+ `Pfeffer`,
+ `Parker`,
+ `Zulauf`,
+ `Treutel`,
+ `McDermott`,
+ `McDermott`,
+ `Cruickshank`,
+ `Parisian`,
+];
+
+// ----------------------------------------------------------------------
+
+export const _phoneNumbers = [
+ '+1 202-555-0143',
+ '+1 416-555-0198',
+ '+44 20 7946 0958',
+ '+61 2 9876 5432',
+ '+91 22 1234 5678',
+ '+49 30 123456',
+ '+33 1 23456789',
+ '+81 3 1234 5678',
+ '+86 10 1234 5678',
+ '+55 11 2345-6789',
+ '+27 11 123 4567',
+ '+7 495 123-4567',
+ '+52 55 1234 5678',
+ '+39 06 123 4567',
+ '+34 91 123 4567',
+ '+31 20 123 4567',
+ '+46 8 123 456',
+ '+41 22 123 45 67',
+ '+82 2 123 4567',
+ '+54 11 1234-5678',
+ '+64 9 123 4567',
+ '+65 1234 5678',
+ '+60 3-1234 5678',
+ '+66 2 123 4567',
+ '+62 21 123 4567',
+ '+63 2 123 4567',
+ '+90 212 123 45 67',
+ '+966 11 123 4567',
+ '+971 2 123 4567',
+ '+20 2 12345678',
+ '+234 1 123 4567',
+ '+254 20 123 4567',
+ '+972 3-123-4567',
+ '+30 21 1234 5678',
+ '+353 1 123 4567',
+ '+351 21 123 4567',
+ '+47 21 23 45 67',
+ '+45 32 12 34 56',
+ '+358 9 123 4567',
+ '+48 22 123 45 67',
+];
+
+// ----------------------------------------------------------------------
+
+export const _countryNames = [
+ 'United States',
+ 'Canada',
+ 'United Kingdom',
+ 'Australia',
+ 'India',
+ 'Germany',
+ 'France',
+ 'Japan',
+ 'China',
+ 'Brazil',
+ 'South Africa',
+ 'Russia',
+ 'Mexico',
+ 'Italy',
+ 'Spain',
+ 'Netherlands',
+ 'Sweden',
+ 'Switzerland',
+ 'South Korea',
+ 'Argentina',
+ 'New Zealand',
+ 'Singapore',
+ 'Malaysia',
+ 'Thailand',
+ 'Indonesia',
+ 'Philippines',
+ 'Turkey',
+ 'Saudi Arabia',
+ 'United Arab Emirates',
+ 'Egypt',
+ 'Nigeria',
+ 'Kenya',
+ 'Israel',
+ 'Greece',
+ 'Ireland',
+ 'Portugal',
+ 'Norway',
+ 'Denmark',
+ 'Finland',
+ 'Poland',
+];
+
+// ----------------------------------------------------------------------
+
+export const _roles = [
+ `CEO`,
+ `CTO`,
+ `Project Coordinator`,
+ `Team Leader`,
+ `Software Developer`,
+ `Marketing Strategist`,
+ `Data Analyst`,
+ `Product Owner`,
+ `Graphic Designer`,
+ `Operations Manager`,
+ `Customer Support Specialist`,
+ `Sales Manager`,
+ `HR Recruiter`,
+ `Business Consultant`,
+ `Financial Planner`,
+ `Network Engineer`,
+ `Content Creator`,
+ `Quality Assurance Tester`,
+ `Public Relations Officer`,
+ `IT Administrator`,
+ `Compliance Officer`,
+ `Event Planner`,
+ `Legal Counsel`,
+ `Training Coordinator`,
+];
+
+// ----------------------------------------------------------------------
+
+export const _postTitles = [
+ `The Future of Renewable Energy: Innovations and Challenges Ahead`,
+ `Exploring the Impact of Artificial Intelligence on Modern Healthcare`,
+ `Climate Change and Its Effects on Global Food Security`,
+ `The Rise of Remote Work: Benefits, Challenges, and Future Trends`,
+ `Understanding Blockchain Technology: Beyond Cryptocurrency`,
+ `Mental Health in the Digital Age: Navigating Social Media and Well-being`,
+ `Sustainable Fashion: How the Industry is Going Green`,
+ `Space Exploration: New Frontiers and the Quest for Extraterrestrial Life`,
+ `The Evolution of E-Commerce: Trends Shaping the Online Retail Landscape`,
+ `Cybersecurity in the 21st Century: Protecting Data in a Digital World`,
+ `The Role of Big Data in Transforming Business Strategies`,
+ `Genetic Engineering: Ethical Considerations and Future Prospects`,
+ `Urban Farming: A Solution to Food Deserts and Urban Sustainability`,
+ `The Psychology of Consumer Behavior: What Drives Our Purchasing Decisions?`,
+ `Renewable Energy vs. Fossil Fuels: Which is the Future?`,
+ `Artificial Intelligence in Education: Enhancing Learning Experiences`,
+ `The Impact of Climate Change on Global Migration Patterns`,
+ `5G Technology: Revolutionizing Connectivity and Communication`,
+ `The Gig Economy: Opportunities, Risks, and the Future of Work`,
+ `Smart Cities: Integrating Technology for Sustainable Urban Living`,
+ `The Influence of Pop Culture on Modern Society`,
+ `Innovations in Medicine: From Telehealth to Personalized Treatment`,
+ `The Environmental Cost of Fast Fashion: What Can Consumers Do?`,
+ `The Intersection of Art and Technology: Digital Art in the 21st Century`,
+];
+
+// ----------------------------------------------------------------------
+
+export const _productNames = [
+ `Urban Explorer Sneakers`,
+ `Classic Leather Loafers`,
+ `Mountain Trekking Boots`,
+ `Elegance Stiletto Heels`,
+ `Comfy Running Shoes`,
+ `Chic Ballet Flats`,
+ `Vintage Oxford Shoes`,
+ `Waterproof Hiking Boots`,
+ `Casual Slip-On Sneakers`,
+ `Premium Dress Shoes`,
+ `Sporty Trail Runners`,
+ `Sophisticated Brogues`,
+ `Beach Sandals`,
+ `Stylish Wedge Heels`,
+ `Lightweight Training Shoes`,
+ `Luxurious Moccasins`,
+ `Durable Work Boots`,
+ `Trendy Platform Sneakers`,
+ `Cozy Winter Boots`,
+ `Fashion Ankle Boots`,
+ `Breathable Tennis Shoes`,
+ `Elegant Evening Pumps`,
+ `Modern Skate Shoes`,
+ `Comfortable Walking Shoes`,
+];
+
+// ----------------------------------------------------------------------
+
+export const _tourNames = [
+ `Majestic Mountain Adventures`,
+ `Island Hopping Extravaganza`,
+ `Cultural Wonders of Europe`,
+ `Safari Expedition in Africa`,
+ `Grand Canyon Explorer`,
+ `Historic Cities of Asia`,
+ `Tropical Paradise Getaway`,
+ `Alaskan Wilderness Tour`,
+ `Mediterranean Cruise Voyage`,
+ `Enchanting Eastern Europe`,
+ `Scenic Coastal Road Trip`,
+ `Ancient Ruins Discovery`,
+ `Australian Outback Adventure`,
+ `Northern Lights Experience`,
+ `Wildlife Wonders of South America`,
+ `Royal Castles and Palaces`,
+ `Ultimate Beach Retreat`,
+ `National Parks Exploration`,
+ `Gastronomic Tour of Italy`,
+ `Hiking Trails of New Zealand`,
+ `Art and History of France`,
+ `Exotic Temples of India`,
+ `Canadian Rockies Journey`,
+ `Caribbean Sun and Fun`,
+];
+
+// ----------------------------------------------------------------------
+
+export const _jobTitles = [
+ `Software Engineer`,
+ `Marketing Manager`,
+ `Data Scientist`,
+ `Graphic Designer`,
+ `Financial Analyst`,
+ `Human Resources Specialist`,
+ `Project Manager`,
+ `Sales Executive`,
+ `Content Writer`,
+ `Network Administrator`,
+ `Customer Service Representative`,
+ `Product Manager`,
+ `Business Analyst`,
+ `Mechanical Engineer`,
+ `Operations Manager`,
+ `UX/UI Designer`,
+ `Accountant`,
+ `Social Media Manager`,
+ `Research Scientist`,
+ `Legal Advisor`,
+ `Public Relations Specialist`,
+ `Health and Safety Officer`,
+ `IT Support Specialist`,
+ `Environmental Consultant`,
+];
+
+// ----------------------------------------------------------------------
+
+export const _companyNames = [
+ `Lueilwitz and Sons`,
+ `Gleichner, Mueller and Tromp`,
+ `Nikolaus - Leuschke`,
+ `Hegmann, Kreiger and Bayer`,
+ `Grimes Inc`,
+ `Durgan - Murazik`,
+ `Altenwerth, Medhurst and Roberts`,
+ `Raynor Group`,
+ `Mraz, Donnelly and Collins`,
+ `Padberg - Bailey`,
+ `Heidenreich, Stokes and Parker`,
+ `Pagac and Sons`,
+ `Rempel, Hand and Herzog`,
+ `Dare - Treutel`,
+ `Kihn, Marquardt and Crist`,
+ `Nolan - Kunde`,
+ `Wuckert Inc`,
+ `Dibbert Inc`,
+ `Goyette and Sons`,
+ `Feest Group`,
+ `Bosco and Sons`,
+ `Bartell - Kovacek`,
+ `Schimmel - Raynor`,
+ `Tremblay LLC`,
+];
+
+// ----------------------------------------------------------------------
+
+export const _tags = [
+ `Technology`,
+ `Health and Wellness`,
+ `Travel`,
+ `Finance`,
+ `Education`,
+ `Food and Beverage`,
+ `Fashion`,
+ `Home and Garden`,
+ `Sports`,
+ `Entertainment`,
+ `Business`,
+ `Science`,
+ `Automotive`,
+ `Beauty`,
+ `Fitness`,
+ `Lifestyle`,
+ `Real Estate`,
+ `Parenting`,
+ `Pet Care`,
+ `Environmental`,
+ `DIY and Crafts`,
+ `Gaming`,
+ `Photography`,
+ `Music`,
+];
+
+// ----------------------------------------------------------------------
+
+export const _taskNames = [
+ `Prepare Monthly Financial Report`,
+ `Design New Marketing Campaign`,
+ `Analyze Customer Feedback`,
+ `Update Website Content`,
+ `Conduct Market Research`,
+ `Develop Software Application`,
+ `Organize Team Meeting`,
+ `Create Social Media Posts`,
+ `Review Project Plan`,
+ `Implement Security Protocols`,
+ `Write Technical Documentation`,
+ `Test New Product Features`,
+ `Manage Client Inquiries`,
+ `Train New Employees`,
+ `Coordinate Logistics`,
+ `Monitor Network Performance`,
+ `Develop Training Materials`,
+ `Draft Press Release`,
+ `Prepare Budget Proposal`,
+ `Evaluate Vendor Proposals`,
+ `Perform Data Analysis`,
+ `Conduct Quality Assurance`,
+ `Plan Event Logistics`,
+ `Optimize SEO Strategies`,
+];
+
+// ----------------------------------------------------------------------
+
+export const _courseNames = [
+ `Introduction to Python Programming`,
+ `Digital Marketing Fundamentals`,
+ `Data Science with R`,
+ `Graphic Design Essentials`,
+ `Financial Planning for Beginners`,
+ `Human Resource Management Basics`,
+ `Project Management Fundamentals`,
+ `Sales Techniques and Strategies`,
+ `Content Writing Mastery`,
+ `Network Security Fundamentals`,
+ `Customer Service Excellence`,
+ `Product Management Essentials`,
+ `Business Analytics with Excel`,
+ `Mechanical Engineering Principles`,
+ `Leadership and Team Management`,
+ `User Experience (UX) Design Basics`,
+ `Accounting Fundamentals`,
+ `Social Media Marketing Mastery`,
+ `Biotechnology Essentials`,
+ `Legal Studies for Non-Lawyers`,
+ `Public Speaking Confidence`,
+ `Health and Wellness Coaching`,
+ `Web Development Bootcamp`,
+ `Photography Masterclass`,
+];
+
+// ----------------------------------------------------------------------
+
+export const _fileNames = [
+ 'cover-2.jpg',
+ 'design-suriname-2015.mp3',
+ 'expertise-2015-conakry-sao-tome-and-principe-gender.mp4',
+ 'money-popup-crack.pdf',
+ 'cover-4.jpg',
+ 'cover-6.jpg',
+ 'large-news.txt',
+ 'nauru-6015-small-fighter-left-gender.psd',
+ 'tv-xs.doc',
+ 'gustavia-entertainment-productivity.docx',
+ 'vintage-bahrain-saipan.xls',
+ 'indonesia-quito-nancy-grace-left-glad.xlsx',
+ 'legislation-grain.zip',
+ 'large-energy-dry-philippines.rar',
+ 'footer-243-ecuador.iso',
+ 'kyrgyzstan-04795009-picabo-street-guide-style.ai',
+ 'india-data-large-gk-chesterton-mother.esp',
+ 'footer-barbados-celine-dion.ppt',
+ 'socio-respectively-366996.pptx',
+ 'socio-ahead-531437-sweden-popup.wav',
+ 'trinidad-samuel-morse-bring.m4v',
+ 'cover-12.jpg',
+ 'cover-18.jpg',
+ 'xl-david-blaine-component-tanzania-books.pdf',
+];
+
+export const _eventNames = [
+ `Annual General Meeting`,
+ `Summer Music Festival`,
+ `Tech Innovators Conference`,
+ `Charity Gala Dinner`,
+ `Spring Art Exhibition`,
+ `Corporate Training Workshop`,
+ `Community Health Fair`,
+ `Startup Pitch Night`,
+ `Regional Sports Tournament`,
+ `Book Launch Event`,
+ `Film Premiere Screening`,
+ `Industry Networking Mixer`,
+ `Holiday Craft Fair`,
+ `Environmental Awareness Week`,
+ `New Year's Eve Party`,
+ `Product Release Showcase`,
+ `Cultural Heritage Festival`,
+ `Science and Technology Expo`,
+ `Annual Awards Ceremony`,
+ `Fashion Week Runway Show`,
+ `Food and Wine Tasting`,
+ `Outdoor Adventure Camp`,
+ `Leadership Summit`,
+ `Wedding Expo`,
+];
+
+// ----------------------------------------------------------------------
+
+export const _sentences = [
+ `The sun slowly set over the horizon, painting the sky in vibrant hues of orange and pink.`,
+ `She eagerly opened the gift, her eyes sparkling with excitement.`,
+ `The old oak tree stood tall and majestic, its branches swaying gently in the breeze.`,
+ `The aroma of freshly brewed coffee filled the air, awakening my senses.`,
+ `The children giggled with joy as they ran through the sprinklers on a hot summer day.`,
+ `He carefully crafted a beautiful sculpture out of clay, his hands skillfully shaping the intricate details.`,
+ `The concert was a mesmerizing experience, with the music filling the venue and the crowd cheering in delight.`,
+ `The waves crashed against the shore, creating a soothing symphony of sound.`,
+ `The scent of blooming flowers wafted through the garden, creating a fragrant paradise.`,
+ `She gazed up at the night sky, marveling at the twinkling stars that dotted the darkness.`,
+ `The professor delivered a captivating lecture, engaging the students with thought-provoking ideas.`,
+ `The hiker trekked through the dense forest, guided by the soft glow of sunlight filtering through the trees.`,
+ `The delicate butterfly gracefully fluttered from flower to flower, sipping nectar with its slender proboscis.`,
+ `The aroma of freshly baked cookies filled the kitchen, tempting everyone with its irresistible scent.`,
+ 'The majestic waterfall cascaded down the rocks, creating a breathtaking display of nature`s power.',
+ `The actor delivered a powerful performance, moving the audience to tears with his emotional portrayal.`,
+ `The book transported me to a magical world, where imagination knew no bounds.`,
+ `The scent of rain filled the air as dark clouds gathered overhead, promising a refreshing downpour.`,
+ `The chef skillfully plated the dish, turning simple ingredients into a work of culinary art.`,
+ `The newborn baby let out a tiny cry, announcing its arrival to the world.`,
+ `The athlete sprinted across the finish line, arms raised in victory as the crowd erupted in applause.`,
+ `The ancient ruins stood as a testament to a civilization long gone, their grandeur still awe-inspiring.`,
+ `The artist dipped the brush into vibrant paint, bringing the canvas to life with bold strokes and vivid colors.`,
+ `The laughter of children echoed through the playground, filling the atmosphere with pure joy.`,
+];
+
+// ----------------------------------------------------------------------
+
+export const _descriptions = [
+ `Occaecati est et illo quibusdam accusamus qui. Incidunt aut et molestiae ut facere aut. Est quidem iusto praesentium excepturi harum nihil tenetur facilis. Ut omnis voluptates nihil accusantium doloribus eaque debitis.`,
+ `Atque eaque ducimus minima distinctio velit. Laborum et veniam officiis. Delectus ex saepe hic id laboriosam officia. Odit nostrum qui illum saepe debitis ullam. Laudantium beatae modi fugit ut. Dolores consequatur beatae nihil voluptates rem maiores.`,
+ `Rerum eius velit dolores. Explicabo ad nemo quibusdam. Voluptatem eum suscipit et ipsum et consequatur aperiam quia. Rerum nulla sequi recusandae illum velit quia quas. Et error laborum maiores cupiditate occaecati.`,
+ `Et non omnis qui. Qui sunt deserunt dolorem aut velit cumque adipisci aut enim. Nihil quis quisquam nesciunt dicta nobis ab aperiam dolorem repellat. Voluptates non blanditiis. Error et tenetur iste soluta cupiditate ratione perspiciatis et. Quibusdam aliquid nam sunt et quisquam non esse.`,
+ `Nihil ea sunt facilis praesentium atque. Ab animi alias sequi molestias aut velit ea. Sed possimus eos. Et est aliquid est voluptatem.`,
+ `Non rerum modi. Accusamus voluptatem odit nihil in. Quidem et iusto numquam veniam culpa aperiam odio aut enim. Quae vel dolores. Pariatur est culpa veritatis aut dolorem.`,
+ `Est enim et sit non impedit aperiam cumque animi. Aut eius impedit saepe blanditiis. Totam molestias magnam minima fugiat.`,
+ `Unde a inventore et. Sed esse ut. Atque ducimus quibusdam fuga quas id qui fuga.`,
+ `Eaque natus adipisci soluta nostrum dolorem. Nesciunt ipsum molestias ut aliquid natus ut omnis qui fugiat. Dolor et rem. Ut neque voluptatem blanditiis quasi ullam deleniti.`,
+ `Nam et error exercitationem qui voluptate optio. Officia omnis qui accusantium ipsam qui. Quia sequi nulla perspiciatis optio vero omnis maxime omnis ipsum. Perspiciatis consequuntur asperiores veniam dolores.`,
+ `Perspiciatis nulla ut ut ut voluptates totam consectetur eligendi qui. Optio ut cum. Dolorum sapiente qui laborum. Impedit temporibus totam delectus nihil. Voluptatem corrupti rem.`,
+ `Distinctio omnis similique omnis eos. Repellat cumque rerum nisi. Reiciendis soluta non ut veniam temporibus. Accusantium et dolorem voluptas harum. Nemo eius voluptate dicta et hic nemo. Dolorem assumenda et beatae molestias sit quo mollitia quis consequatur.`,
+ `Sed ut mollitia tempore ipsam et illum doloribus ut. Occaecati ratione veritatis explicabo. Omnis nam omnis sunt placeat tempore accusantium placeat distinctio velit.`,
+ `Eum illo dicta et perspiciatis ut blanditiis eos sequi. Ea veritatis aut et voluptas aut. Laborum eos quia tempore a culpa.`,
+ `Aut quos quae dolores repudiandae similique perferendis perferendis earum laudantium. Facere placeat natus nobis. Eius vitae ullam dolorem.`,
+ `Vero dolorem et voluptatem fugit tempore a quam iure. Fuga consequatur corrupti sunt asperiores vitae. Libero totam repellendus animi debitis illum et sunt officia.`,
+ `Cupiditate illum officiis id molestiae. Numquam non molestiae aliquid et natus sed hic. Alias quia explicabo sed corrupti sint. Natus in et odio qui unde facilis quia. Est sit eius laboriosam aliquid non aperiam quia quo corporis.`,
+ `Et a ab. Optio aspernatur minus tempora amet vitae consectetur inventore cumque. Sed et omnis. Aspernatur a magnam.`,
+ `Ipsum omnis et. Quia ea et autem tempore consequuntur veniam dolorem officiis. Ipsa dicta et ut quidem quia doloremque. Sequi vitae doloremque temporibus. Deserunt incidunt id aperiam itaque natus. Earum sit eaque quas incidunt nihil.`,
+ `Quae consequatur reiciendis. Consequatur non optio. Eaque id placeat. Commodi quo officia aut repudiandae reiciendis tempore voluptatem et. Ut accusamus qui itaque maxime aliquam. Fugit ut animi molestiae porro maiores.`,
+ `Modi hic asperiores ab cumque quam est aut. Voluptas atque quos molestias. Ut excepturi distinctio ipsam aspernatur sit.`,
+ `Sunt totam facilis. Quam commodi voluptatem veniam. Tempora deleniti itaque fugit nihil voluptas.`,
+ `Ipsam aliquam velit nobis repellendus officiis aut deserunt id et. Nihil sunt aut dolores aut. Dolores est ipsa quia et laborum quidem laborum accusamus id. Facilis odit quod hic laudantium saepe omnis nisi in sint. Sed cupiditate possimus id.`,
+ `Magnam non eveniet optio optio ut aliquid atque. Velit libero aspernatur quis laborum consequatur laudantium. Tempora facere optio fugit accusantium ut. Omnis aspernatur reprehenderit autem esse ut ut enim voluptatibus.`,
+];
diff --git a/front_minimal/src/_mock/index.js b/front_minimal/src/_mock/index.js
new file mode 100644
index 0000000..9685023
--- /dev/null
+++ b/front_minimal/src/_mock/index.js
@@ -0,0 +1,25 @@
+export * from './_job';
+
+export * from './_mock';
+
+export * from './_user';
+
+export * from './_tour';
+
+export * from './_blog';
+
+export * from './assets';
+
+export * from './_files';
+
+export * from './_order';
+
+export * from './_others';
+
+export * from './_invoice';
+
+export * from './_product';
+
+export * from './_overview';
+
+export * from './_calendar';
diff --git a/front_minimal/src/actions/blog-ssr.js b/front_minimal/src/actions/blog-ssr.js
new file mode 100644
index 0000000..59ebe4b
--- /dev/null
+++ b/front_minimal/src/actions/blog-ssr.js
@@ -0,0 +1,29 @@
+import axios, { endpoints } from 'src/utils/axios';
+
+// ----------------------------------------------------------------------
+
+export async function getPosts() {
+ const res = await axios.get(endpoints.post.list);
+
+ return res.data;
+}
+
+// ----------------------------------------------------------------------
+
+export async function getPost(title) {
+ const URL = title ? `${endpoints.post.details}?title=${title}` : '';
+
+ const res = await axios.get(URL);
+
+ return res.data;
+}
+
+// ----------------------------------------------------------------------
+
+export async function getLatestPosts(title) {
+ const URL = title ? `${endpoints.post.latest}?title=${title}` : '';
+
+ const res = await axios.get(URL);
+
+ return res.data;
+}
diff --git a/front_minimal/src/actions/blog.js b/front_minimal/src/actions/blog.js
new file mode 100644
index 0000000..b02beb3
--- /dev/null
+++ b/front_minimal/src/actions/blog.js
@@ -0,0 +1,98 @@
+import useSWR from 'swr';
+import { useMemo } from 'react';
+
+import { fetcher, endpoints } from 'src/utils/axios';
+
+// ----------------------------------------------------------------------
+
+const swrOptions = {
+ revalidateIfStale: false,
+ revalidateOnFocus: false,
+ revalidateOnReconnect: false,
+};
+
+// ----------------------------------------------------------------------
+
+export function useGetPosts() {
+ const url = endpoints.post.list;
+
+ const { data, isLoading, error, isValidating } = useSWR(url, fetcher, swrOptions);
+
+ const memoizedValue = useMemo(
+ () => ({
+ posts: data?.posts || [],
+ postsLoading: isLoading,
+ postsError: error,
+ postsValidating: isValidating,
+ postsEmpty: !isLoading && !data?.posts.length,
+ }),
+ [data?.posts, error, isLoading, isValidating]
+ );
+
+ return memoizedValue;
+}
+
+// ----------------------------------------------------------------------
+
+export function useGetPost(title) {
+ const url = title ? [endpoints.post.details, { params: { title } }] : '';
+
+ const { data, isLoading, error, isValidating } = useSWR(url, fetcher, swrOptions);
+
+ const memoizedValue = useMemo(
+ () => ({
+ post: data?.post,
+ postLoading: isLoading,
+ postError: error,
+ postValidating: isValidating,
+ }),
+ [data?.post, error, isLoading, isValidating]
+ );
+
+ return memoizedValue;
+}
+
+// ----------------------------------------------------------------------
+
+export function useGetLatestPosts(title) {
+ const url = title ? [endpoints.post.latest, { params: { title } }] : '';
+
+ const { data, isLoading, error, isValidating } = useSWR(url, fetcher, swrOptions);
+
+ const memoizedValue = useMemo(
+ () => ({
+ latestPosts: data?.latestPosts || [],
+ latestPostsLoading: isLoading,
+ latestPostsError: error,
+ latestPostsValidating: isValidating,
+ latestPostsEmpty: !isLoading && !data?.latestPosts.length,
+ }),
+ [data?.latestPosts, error, isLoading, isValidating]
+ );
+
+ return memoizedValue;
+}
+
+// ----------------------------------------------------------------------
+
+export function useSearchPosts(query) {
+ const url = query ? [endpoints.post.search, { params: { query } }] : '';
+
+ const { data, isLoading, error, isValidating } = useSWR(url, fetcher, {
+ ...swrOptions,
+ keepPreviousData: true,
+ });
+
+ const memoizedValue = useMemo(
+ () => ({
+ searchResults: data?.results || [],
+ searchLoading: isLoading,
+ searchError: error,
+ searchValidating: isValidating,
+ searchEmpty: !isLoading && !data?.results.length,
+ }),
+ [data?.results, error, isLoading, isValidating]
+ );
+
+ return memoizedValue;
+}
diff --git a/front_minimal/src/actions/calendar.js b/front_minimal/src/actions/calendar.js
new file mode 100644
index 0000000..70cf622
--- /dev/null
+++ b/front_minimal/src/actions/calendar.js
@@ -0,0 +1,138 @@
+import { useMemo } from 'react';
+import useSWR, { mutate } from 'swr';
+import { getCalendarLessons, getMentorStudents, getMentorSubjects, createCalendarLesson } from 'src/utils/dashboard-api';
+
+// ----------------------------------------------------------------------
+
+const CALENDAR_ENDPOINT = '/schedule/lessons/calendar/';
+const STUDENTS_ENDPOINT = '/manage/clients/?page=1&page_size=200';
+const SUBJECTS_ENDPOINT = '/schedule/subjects/';
+
+const swrOptions = {
+ revalidateIfStale: true,
+ revalidateOnFocus: true,
+ revalidateOnReconnect: true,
+};
+
+// ----------------------------------------------------------------------
+
+export function useGetEvents() {
+ const startDate = '2026-02-01';
+ const endDate = '2026-04-30';
+
+ const { data: response, isLoading, error, isValidating } = useSWR(
+ [CALENDAR_ENDPOINT, startDate, endDate],
+ ([url, start, end]) => getCalendarLessons(start, end),
+ swrOptions
+ );
+
+ const memoizedValue = useMemo(() => {
+ const lessonsArray = response?.data?.lessons || [];
+
+ const events = lessonsArray.map((lesson) => {
+ const start = lesson.start_time || lesson.start;
+ const end = lesson.end_time || lesson.end || start;
+
+ const startTimeStr = start ? new Date(start).toLocaleTimeString('ru-RU', {
+ hour: '2-digit',
+ minute: '2-digit',
+ hourCycle: 'h23'
+ }) : '';
+
+ const subject = lesson.subject_name || lesson.subject || 'Урок';
+ const student = lesson.client_name || '';
+ const displayTitle = `${startTimeStr} ${subject}${student ? ` - ${student}` : ''}`;
+
+ const status = String(lesson.status || 'scheduled').toLowerCase();
+ let eventColor = '#7635dc';
+ if (status === 'completed') eventColor = '#00ab55';
+ else if (status === 'cancelled') eventColor = '#ff4842';
+ else if (status === 'in_progress') eventColor = '#1890ff';
+
+ return {
+ id: String(lesson.id),
+ title: displayTitle,
+ start,
+ end,
+ allDay: false,
+ color: eventColor,
+ backgroundColor: eventColor,
+ borderColor: eventColor,
+ textColor: '#FFFFFF',
+ extendedProps: {
+ ...lesson,
+ status,
+ student: lesson.client_name || '',
+ mentor: lesson.mentor_name || '',
+ },
+ };
+ });
+
+ return {
+ events,
+ eventsLoading: isLoading,
+ eventsError: error,
+ eventsValidating: isValidating,
+ eventsEmpty: !isLoading && !events.length,
+ };
+ }, [response, error, isLoading, isValidating]);
+
+ return memoizedValue;
+}
+
+// ----------------------------------------------------------------------
+
+export function useGetStudents() {
+ const { data: response, isLoading, error } = useSWR(STUDENTS_ENDPOINT, getMentorStudents, swrOptions);
+
+ return useMemo(() => {
+ const rawData = response?.data?.results || response?.results || response || [];
+ const studentsArray = Array.isArray(rawData) ? rawData : [];
+
+ return {
+ students: studentsArray,
+ studentsLoading: isLoading,
+ studentsError: error,
+ };
+ }, [response, isLoading, error]);
+}
+
+export function useGetSubjects() {
+ const { data: response, isLoading, error } = useSWR(SUBJECTS_ENDPOINT, getMentorSubjects, swrOptions);
+
+ return useMemo(() => {
+ const rawData = response?.data || response?.results || response || [];
+ const subjectsArray = Array.isArray(rawData) ? rawData : [];
+
+ return {
+ subjects: subjectsArray,
+ subjectsLoading: isLoading,
+ subjectsError: error,
+ };
+ }, [response, isLoading, error]);
+}
+
+// ----------------------------------------------------------------------
+
+export async function createEvent(eventData) {
+ const payload = {
+ client: String(eventData.client),
+ title: eventData.title.replace(' - ', ' — '),
+ description: eventData.description,
+ start_time: eventData.start_time,
+ duration: eventData.duration,
+ price: eventData.price,
+ is_recurring: eventData.is_recurring,
+ subject_id: Number(eventData.subject),
+ };
+
+ const response = await createCalendarLesson(payload);
+
+ // Обновляем кэш, чтобы занятия появлялись сразу
+ mutate([CALENDAR_ENDPOINT, '2026-02-01', '2026-04-30']);
+
+ return response;
+}
+
+export async function updateEvent(eventData) { console.log('Update Event:', eventData); }
+export async function deleteEvent(eventId) { console.log('Delete Event:', eventId); }
diff --git a/front_minimal/src/actions/chat.js b/front_minimal/src/actions/chat.js
new file mode 100644
index 0000000..840f240
--- /dev/null
+++ b/front_minimal/src/actions/chat.js
@@ -0,0 +1,193 @@
+import { useMemo } from 'react';
+import useSWR, { mutate } from 'swr';
+
+import { keyBy } from 'src/utils/helper';
+import axios, { fetcher, endpoints } from 'src/utils/axios';
+
+// ----------------------------------------------------------------------
+
+const enableServer = false;
+
+const CHART_ENDPOINT = endpoints.chat;
+
+const swrOptions = {
+ revalidateIfStale: enableServer,
+ revalidateOnFocus: enableServer,
+ revalidateOnReconnect: enableServer,
+};
+
+// ----------------------------------------------------------------------
+
+export function useGetContacts() {
+ const url = [CHART_ENDPOINT, { params: { endpoint: 'contacts' } }];
+
+ const { data, isLoading, error, isValidating } = useSWR(url, fetcher, swrOptions);
+
+ const memoizedValue = useMemo(
+ () => ({
+ contacts: data?.contacts || [],
+ contactsLoading: isLoading,
+ contactsError: error,
+ contactsValidating: isValidating,
+ contactsEmpty: !isLoading && !data?.contacts.length,
+ }),
+ [data?.contacts, error, isLoading, isValidating]
+ );
+
+ return memoizedValue;
+}
+
+// ----------------------------------------------------------------------
+
+export function useGetConversations() {
+ const url = [CHART_ENDPOINT, { params: { endpoint: 'conversations' } }];
+
+ const { data, isLoading, error, isValidating } = useSWR(url, fetcher, swrOptions);
+
+ const memoizedValue = useMemo(() => {
+ const byId = data?.conversations.length ? keyBy(data.conversations, 'id') : {};
+ const allIds = Object.keys(byId);
+
+ return {
+ conversations: { byId, allIds },
+ conversationsLoading: isLoading,
+ conversationsError: error,
+ conversationsValidating: isValidating,
+ conversationsEmpty: !isLoading && !allIds.length,
+ };
+ }, [data?.conversations, error, isLoading, isValidating]);
+
+ return memoizedValue;
+}
+
+// ----------------------------------------------------------------------
+
+export function useGetConversation(conversationId) {
+ const url = conversationId
+ ? [CHART_ENDPOINT, { params: { conversationId, endpoint: 'conversation' } }]
+ : '';
+
+ const { data, isLoading, error, isValidating } = useSWR(url, fetcher, swrOptions);
+
+ const memoizedValue = useMemo(
+ () => ({
+ conversation: data?.conversation,
+ conversationLoading: isLoading,
+ conversationError: error,
+ conversationValidating: isValidating,
+ }),
+ [data?.conversation, error, isLoading, isValidating]
+ );
+
+ return memoizedValue;
+}
+
+// ----------------------------------------------------------------------
+
+export async function sendMessage(conversationId, messageData) {
+ const conversationsUrl = [CHART_ENDPOINT, { params: { endpoint: 'conversations' } }];
+
+ const conversationUrl = [
+ CHART_ENDPOINT,
+ { params: { conversationId, endpoint: 'conversation' } },
+ ];
+
+ /**
+ * Work on server
+ */
+ if (enableServer) {
+ const data = { conversationId, messageData };
+ await axios.put(CHART_ENDPOINT, data);
+ }
+
+ /**
+ * Work in local
+ */
+ mutate(
+ conversationUrl,
+ (currentData) => {
+ const currentConversation = currentData.conversation;
+
+ const conversation = {
+ ...currentConversation,
+ messages: [...currentConversation.messages, messageData],
+ };
+
+ return { ...currentData, conversation };
+ },
+ false
+ );
+
+ mutate(
+ conversationsUrl,
+ (currentData) => {
+ const currentConversations = currentData.conversations;
+
+ const conversations = currentConversations.map((conversation) =>
+ conversation.id === conversationId
+ ? { ...conversation, messages: [...conversation.messages, messageData] }
+ : conversation
+ );
+
+ return { ...currentData, conversations };
+ },
+ false
+ );
+}
+
+// ----------------------------------------------------------------------
+
+export async function createConversation(conversationData) {
+ const url = [CHART_ENDPOINT, { params: { endpoint: 'conversations' } }];
+
+ /**
+ * Work on server
+ */
+ const data = { conversationData };
+ const res = await axios.post(CHART_ENDPOINT, data);
+
+ /**
+ * Work in local
+ */
+ mutate(
+ url,
+ (currentData) => {
+ const currentConversations = currentData.conversations;
+
+ const conversations = [...currentConversations, conversationData];
+
+ return { ...currentData, conversations };
+ },
+ false
+ );
+
+ return res.data;
+}
+
+// ----------------------------------------------------------------------
+
+export async function clickConversation(conversationId) {
+ /**
+ * Work on server
+ */
+ if (enableServer) {
+ await axios.get(CHART_ENDPOINT, { params: { conversationId, endpoint: 'mark-as-seen' } });
+ }
+
+ /**
+ * Work in local
+ */
+ mutate(
+ [CHART_ENDPOINT, { params: { endpoint: 'conversations' } }],
+ (currentData) => {
+ const currentConversations = currentData.conversations;
+
+ const conversations = currentConversations.map((conversation) =>
+ conversation.id === conversationId ? { ...conversation, unreadCount: 0 } : conversation
+ );
+
+ return { ...currentData, conversations };
+ },
+ false
+ );
+}
diff --git a/front_minimal/src/actions/kanban.js b/front_minimal/src/actions/kanban.js
new file mode 100644
index 0000000..80baa73
--- /dev/null
+++ b/front_minimal/src/actions/kanban.js
@@ -0,0 +1,320 @@
+import { useMemo } from 'react';
+import useSWR, { mutate } from 'swr';
+
+import axios, { fetcher, endpoints } from 'src/utils/axios';
+
+// ----------------------------------------------------------------------
+
+const enableServer = false;
+
+const KANBAN_ENDPOINT = endpoints.kanban;
+
+const swrOptions = {
+ revalidateIfStale: enableServer,
+ revalidateOnFocus: enableServer,
+ revalidateOnReconnect: enableServer,
+};
+
+// ----------------------------------------------------------------------
+
+export function useGetBoard() {
+ const { data, isLoading, error, isValidating } = useSWR(KANBAN_ENDPOINT, fetcher, swrOptions);
+
+ const memoizedValue = useMemo(() => {
+ const tasks = data?.board.tasks ?? {};
+ const columns = data?.board.columns ?? [];
+
+ return {
+ board: { tasks, columns },
+ boardLoading: isLoading,
+ boardError: error,
+ boardValidating: isValidating,
+ boardEmpty: !isLoading && !columns.length,
+ };
+ }, [data?.board.columns, data?.board.tasks, error, isLoading, isValidating]);
+
+ return memoizedValue;
+}
+
+// ----------------------------------------------------------------------
+
+export async function createColumn(columnData) {
+ /**
+ * Work on server
+ */
+ if (enableServer) {
+ const data = { columnData };
+ await axios.post(KANBAN_ENDPOINT, data, { params: { endpoint: 'create-column' } });
+ }
+
+ /**
+ * Work in local
+ */
+ mutate(
+ KANBAN_ENDPOINT,
+ (currentData) => {
+ const { board } = currentData;
+
+ // add new column in board.columns
+ const columns = [...board.columns, columnData];
+
+ // add new task in board.tasks
+ const tasks = { ...board.tasks, [columnData.id]: [] };
+
+ return { ...currentData, board: { ...board, columns, tasks } };
+ },
+ false
+ );
+}
+
+// ----------------------------------------------------------------------
+
+export async function updateColumn(columnId, columnName) {
+ /**
+ * Work on server
+ */
+ if (enableServer) {
+ const data = { columnId, columnName };
+ await axios.post(KANBAN_ENDPOINT, data, { params: { endpoint: 'update-column' } });
+ }
+
+ /**
+ * Work in local
+ */
+ mutate(
+ KANBAN_ENDPOINT,
+ (currentData) => {
+ const { board } = currentData;
+
+ const columns = board.columns.map((column) =>
+ column.id === columnId
+ ? {
+ // Update data when found
+ ...column,
+ name: columnName,
+ }
+ : column
+ );
+
+ return { ...currentData, board: { ...board, columns } };
+ },
+ false
+ );
+}
+
+// ----------------------------------------------------------------------
+
+export async function moveColumn(updateColumns) {
+ /**
+ * Work in local
+ */
+ mutate(
+ KANBAN_ENDPOINT,
+ (currentData) => {
+ const { board } = currentData;
+
+ return { ...currentData, board: { ...board, columns: updateColumns } };
+ },
+ false
+ );
+
+ /**
+ * Work on server
+ */
+ if (enableServer) {
+ const data = { updateColumns };
+ await axios.post(KANBAN_ENDPOINT, data, { params: { endpoint: 'move-column' } });
+ }
+}
+
+// ----------------------------------------------------------------------
+
+export async function clearColumn(columnId) {
+ /**
+ * Work on server
+ */
+ if (enableServer) {
+ const data = { columnId };
+ await axios.post(KANBAN_ENDPOINT, data, { params: { endpoint: 'clear-column' } });
+ }
+
+ /**
+ * Work in local
+ */
+ mutate(
+ KANBAN_ENDPOINT,
+ (currentData) => {
+ const { board } = currentData;
+
+ // remove all tasks in column
+ const tasks = { ...board.tasks, [columnId]: [] };
+
+ return { ...currentData, board: { ...board, tasks } };
+ },
+ false
+ );
+}
+
+// ----------------------------------------------------------------------
+
+export async function deleteColumn(columnId) {
+ /**
+ * Work on server
+ */
+ if (enableServer) {
+ const data = { columnId };
+ await axios.post(KANBAN_ENDPOINT, data, { params: { endpoint: 'delete-column' } });
+ }
+
+ /**
+ * Work in local
+ */
+ mutate(
+ KANBAN_ENDPOINT,
+ (currentData) => {
+ const { board } = currentData;
+
+ // delete column in board.columns
+ const columns = board.columns.filter((column) => column.id !== columnId);
+
+ // delete tasks by column deleted
+ const tasks = Object.keys(board.tasks)
+ .filter((key) => key !== columnId)
+ .reduce((obj, key) => {
+ obj[key] = board.tasks[key];
+ return obj;
+ }, {});
+
+ return { ...currentData, board: { ...board, columns, tasks } };
+ },
+ false
+ );
+}
+
+// ----------------------------------------------------------------------
+
+export async function createTask(columnId, taskData) {
+ /**
+ * Work on server
+ */
+ if (enableServer) {
+ const data = { columnId, taskData };
+ await axios.post(KANBAN_ENDPOINT, data, { params: { endpoint: 'create-task' } });
+ }
+
+ /**
+ * Work in local
+ */
+ mutate(
+ KANBAN_ENDPOINT,
+ (currentData) => {
+ const { board } = currentData;
+
+ // add task in board.tasks
+ const tasks = { ...board.tasks, [columnId]: [taskData, ...board.tasks[columnId]] };
+
+ return { ...currentData, board: { ...board, tasks } };
+ },
+ false
+ );
+}
+
+// ----------------------------------------------------------------------
+
+export async function updateTask(columnId, taskData) {
+ /**
+ * Work on server
+ */
+ if (enableServer) {
+ const data = { columnId, taskData };
+ await axios.post(KANBAN_ENDPOINT, data, { params: { endpoint: 'update-task' } });
+ }
+
+ /**
+ * Work in local
+ */
+ mutate(
+ KANBAN_ENDPOINT,
+ (currentData) => {
+ const { board } = currentData;
+
+ // tasks in column
+ const tasksInColumn = board.tasks[columnId];
+
+ // find and update task
+ const updateTasks = tasksInColumn.map((task) =>
+ task.id === taskData.id
+ ? {
+ // Update data when found
+ ...task,
+ ...taskData,
+ }
+ : task
+ );
+
+ const tasks = { ...board.tasks, [columnId]: updateTasks };
+
+ return { ...currentData, board: { ...board, tasks } };
+ },
+ false
+ );
+}
+
+// ----------------------------------------------------------------------
+
+export async function moveTask(updateTasks) {
+ /**
+ * Work in local
+ */
+ mutate(
+ KANBAN_ENDPOINT,
+ (currentData) => {
+ const { board } = currentData;
+
+ // update board.tasks
+ const tasks = updateTasks;
+
+ return { ...currentData, board: { ...board, tasks } };
+ },
+ false
+ );
+
+ /**
+ * Work on server
+ */
+ if (enableServer) {
+ const data = { updateTasks };
+ await axios.post(KANBAN_ENDPOINT, data, { params: { endpoint: 'move-task' } });
+ }
+}
+
+// ----------------------------------------------------------------------
+
+export async function deleteTask(columnId, taskId) {
+ /**
+ * Work on server
+ */
+ if (enableServer) {
+ const data = { columnId, taskId };
+ await axios.post(KANBAN_ENDPOINT, data, { params: { endpoint: 'delete-task' } });
+ }
+
+ /**
+ * Work in local
+ */
+ mutate(
+ KANBAN_ENDPOINT,
+ (currentData) => {
+ const { board } = currentData;
+
+ // delete task in column
+ const tasks = {
+ ...board.tasks,
+ [columnId]: board.tasks[columnId].filter((task) => task.id !== taskId),
+ };
+
+ return { ...currentData, board: { ...board, tasks } };
+ },
+ false
+ );
+}
diff --git a/front_minimal/src/actions/mail.js b/front_minimal/src/actions/mail.js
new file mode 100644
index 0000000..83641ab
--- /dev/null
+++ b/front_minimal/src/actions/mail.js
@@ -0,0 +1,77 @@
+import useSWR from 'swr';
+import { useMemo } from 'react';
+
+import { keyBy } from 'src/utils/helper';
+import { fetcher, endpoints } from 'src/utils/axios';
+
+// ----------------------------------------------------------------------
+
+const swrOptions = {
+ revalidateIfStale: false,
+ revalidateOnFocus: false,
+ revalidateOnReconnect: false,
+};
+
+// ----------------------------------------------------------------------
+
+export function useGetLabels() {
+ const url = endpoints.mail.labels;
+
+ const { data, isLoading, error, isValidating } = useSWR(url, fetcher, swrOptions);
+
+ const memoizedValue = useMemo(
+ () => ({
+ labels: data?.labels || [],
+ labelsLoading: isLoading,
+ labelsError: error,
+ labelsValidating: isValidating,
+ labelsEmpty: !isLoading && !data?.labels.length,
+ }),
+ [data?.labels, error, isLoading, isValidating]
+ );
+
+ return memoizedValue;
+}
+
+// ----------------------------------------------------------------------
+
+export function useGetMails(labelId) {
+ const url = labelId ? [endpoints.mail.list, { params: { labelId } }] : '';
+
+ const { data, isLoading, error, isValidating } = useSWR(url, fetcher, swrOptions);
+
+ const memoizedValue = useMemo(() => {
+ const byId = data?.mails.length ? keyBy(data?.mails, 'id') : {};
+ const allIds = Object.keys(byId);
+
+ return {
+ mails: { byId, allIds },
+ mailsLoading: isLoading,
+ mailsError: error,
+ mailsValidating: isValidating,
+ mailsEmpty: !isLoading && !allIds.length,
+ };
+ }, [data?.mails, error, isLoading, isValidating]);
+
+ return memoizedValue;
+}
+
+// ----------------------------------------------------------------------
+
+export function useGetMail(mailId) {
+ const url = mailId ? [endpoints.mail.details, { params: { mailId } }] : '';
+
+ const { data, isLoading, error, isValidating } = useSWR(url, fetcher, swrOptions);
+
+ const memoizedValue = useMemo(
+ () => ({
+ mail: data?.mail,
+ mailLoading: isLoading,
+ mailError: error,
+ mailValidating: isValidating,
+ }),
+ [data?.mail, error, isLoading, isValidating]
+ );
+
+ return memoizedValue;
+}
diff --git a/front_minimal/src/actions/product-ssr.js b/front_minimal/src/actions/product-ssr.js
new file mode 100644
index 0000000..b1c75bb
--- /dev/null
+++ b/front_minimal/src/actions/product-ssr.js
@@ -0,0 +1,19 @@
+import axios, { endpoints } from 'src/utils/axios';
+
+// ----------------------------------------------------------------------
+
+export async function getProducts() {
+ const res = await axios.get(endpoints.product.list);
+
+ return res.data;
+}
+
+// ----------------------------------------------------------------------
+
+export async function getProduct(id) {
+ const URL = id ? `${endpoints.product.details}?productId=${id}` : '';
+
+ const res = await axios.get(URL);
+
+ return res.data;
+}
diff --git a/front_minimal/src/actions/product.js b/front_minimal/src/actions/product.js
new file mode 100644
index 0000000..bfe08eb
--- /dev/null
+++ b/front_minimal/src/actions/product.js
@@ -0,0 +1,77 @@
+import useSWR from 'swr';
+import { useMemo } from 'react';
+
+import { fetcher, endpoints } from 'src/utils/axios';
+
+// ----------------------------------------------------------------------
+
+const swrOptions = {
+ revalidateIfStale: false,
+ revalidateOnFocus: false,
+ revalidateOnReconnect: false,
+};
+
+// ----------------------------------------------------------------------
+
+export function useGetProducts() {
+ const url = endpoints.product.list;
+
+ const { data, isLoading, error, isValidating } = useSWR(url, fetcher, swrOptions);
+
+ const memoizedValue = useMemo(
+ () => ({
+ products: data?.products || [],
+ productsLoading: isLoading,
+ productsError: error,
+ productsValidating: isValidating,
+ productsEmpty: !isLoading && !data?.products.length,
+ }),
+ [data?.products, error, isLoading, isValidating]
+ );
+
+ return memoizedValue;
+}
+
+// ----------------------------------------------------------------------
+
+export function useGetProduct(productId) {
+ const url = productId ? [endpoints.product.details, { params: { productId } }] : '';
+
+ const { data, isLoading, error, isValidating } = useSWR(url, fetcher, swrOptions);
+
+ const memoizedValue = useMemo(
+ () => ({
+ product: data?.product,
+ productLoading: isLoading,
+ productError: error,
+ productValidating: isValidating,
+ }),
+ [data?.product, error, isLoading, isValidating]
+ );
+
+ return memoizedValue;
+}
+
+// ----------------------------------------------------------------------
+
+export function useSearchProducts(query) {
+ const url = query ? [endpoints.product.search, { params: { query } }] : '';
+
+ const { data, isLoading, error, isValidating } = useSWR(url, fetcher, {
+ ...swrOptions,
+ keepPreviousData: true,
+ });
+
+ const memoizedValue = useMemo(
+ () => ({
+ searchResults: data?.results || [],
+ searchLoading: isLoading,
+ searchError: error,
+ searchValidating: isValidating,
+ searchEmpty: !isLoading && !data?.results.length,
+ }),
+ [data?.results, error, isLoading, isValidating]
+ );
+
+ return memoizedValue;
+}
diff --git a/front_minimal/src/app/(index)/layout.jsx b/front_minimal/src/app/(index)/layout.jsx
new file mode 100644
index 0000000..e516e38
--- /dev/null
+++ b/front_minimal/src/app/(index)/layout.jsx
@@ -0,0 +1,7 @@
+import { MainLayout } from 'src/layouts/main';
+
+// ----------------------------------------------------------------------
+
+export default function Layout({ children }) {
+ return {children} ;
+}
diff --git a/front_minimal/src/app/(index)/page.jsx b/front_minimal/src/app/(index)/page.jsx
new file mode 100644
index 0000000..0c14ea4
--- /dev/null
+++ b/front_minimal/src/app/(index)/page.jsx
@@ -0,0 +1,13 @@
+import { HomeView } from 'src/sections/home/view';
+
+// ----------------------------------------------------------------------
+
+export const metadata = {
+ title: 'Minimals UI: The starting point for your next project',
+ description:
+ 'The starting point for your next project with Minimal UI Kit, built on the newest version of Material-UI ©, ready to be customized to your style',
+};
+
+export default function Page() {
+ return {children} ;
+}
diff --git a/front_minimal/src/app/about-us/page.jsx b/front_minimal/src/app/about-us/page.jsx
new file mode 100644
index 0000000..3244ec7
--- /dev/null
+++ b/front_minimal/src/app/about-us/page.jsx
@@ -0,0 +1,11 @@
+import { CONFIG } from 'src/config-global';
+
+import { AboutView } from 'src/sections/about/view';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `About us - ${CONFIG.site.name}` };
+
+export default function Page() {
+ return {children} ;
+}
diff --git a/front_minimal/src/app/auth-demo/centered/reset-password/page.jsx b/front_minimal/src/app/auth-demo/centered/reset-password/page.jsx
new file mode 100644
index 0000000..1b50147
--- /dev/null
+++ b/front_minimal/src/app/auth-demo/centered/reset-password/page.jsx
@@ -0,0 +1,11 @@
+import { CONFIG } from 'src/config-global';
+
+import { CenteredResetPasswordView } from 'src/sections/auth-demo/centered';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Reset password | Layout centered - ${CONFIG.site.name}` };
+
+export default function Page() {
+ return {children} ;
+}
diff --git a/front_minimal/src/app/auth-demo/centered/sign-in/page.jsx b/front_minimal/src/app/auth-demo/centered/sign-in/page.jsx
new file mode 100644
index 0000000..0e72861
--- /dev/null
+++ b/front_minimal/src/app/auth-demo/centered/sign-in/page.jsx
@@ -0,0 +1,11 @@
+import { CONFIG } from 'src/config-global';
+
+import { CenteredSignInView } from 'src/sections/auth-demo/centered';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Sign in | Layout centered - ${CONFIG.site.name}` };
+
+export default function Page() {
+ return {children} ;
+}
diff --git a/front_minimal/src/app/auth-demo/centered/sign-up/page.jsx b/front_minimal/src/app/auth-demo/centered/sign-up/page.jsx
new file mode 100644
index 0000000..e368405
--- /dev/null
+++ b/front_minimal/src/app/auth-demo/centered/sign-up/page.jsx
@@ -0,0 +1,11 @@
+import { CONFIG } from 'src/config-global';
+
+import { CenteredSignUpView } from 'src/sections/auth-demo/centered';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Sign up | Layout centered - ${CONFIG.site.name}` };
+
+export default function Page() {
+ return {children} ;
+}
diff --git a/front_minimal/src/app/auth-demo/centered/update-password/page.jsx b/front_minimal/src/app/auth-demo/centered/update-password/page.jsx
new file mode 100644
index 0000000..7bfeaa3
--- /dev/null
+++ b/front_minimal/src/app/auth-demo/centered/update-password/page.jsx
@@ -0,0 +1,11 @@
+import { CONFIG } from 'src/config-global';
+
+import { CenteredUpdatePasswordView } from 'src/sections/auth-demo/centered';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Update password | Layout centered - ${CONFIG.site.name}` };
+
+export default function Page() {
+ return {children} ;
+}
diff --git a/front_minimal/src/app/auth-demo/centered/verify/page.jsx b/front_minimal/src/app/auth-demo/centered/verify/page.jsx
new file mode 100644
index 0000000..69ba269
--- /dev/null
+++ b/front_minimal/src/app/auth-demo/centered/verify/page.jsx
@@ -0,0 +1,11 @@
+import { CONFIG } from 'src/config-global';
+
+import { CenteredVerifyView } from 'src/sections/auth-demo/centered';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Verify | Layout centered - ${CONFIG.site.name}` };
+
+export default function Page() {
+ return {children} ;
+}
diff --git a/front_minimal/src/app/auth-demo/split/reset-password/page.jsx b/front_minimal/src/app/auth-demo/split/reset-password/page.jsx
new file mode 100644
index 0000000..bf1213e
--- /dev/null
+++ b/front_minimal/src/app/auth-demo/split/reset-password/page.jsx
@@ -0,0 +1,11 @@
+import { CONFIG } from 'src/config-global';
+
+import { SplitResetPasswordView } from 'src/sections/auth-demo/split';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Reset password | Layout split - ${CONFIG.site.name}` };
+
+export default function Page() {
+ return {children} ;
+}
diff --git a/front_minimal/src/app/auth-demo/split/sign-in/page.jsx b/front_minimal/src/app/auth-demo/split/sign-in/page.jsx
new file mode 100644
index 0000000..752c01c
--- /dev/null
+++ b/front_minimal/src/app/auth-demo/split/sign-in/page.jsx
@@ -0,0 +1,11 @@
+import { CONFIG } from 'src/config-global';
+
+import { SplitSignInView } from 'src/sections/auth-demo/split';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Sign in | Layout split - ${CONFIG.site.name}` };
+
+export default function Page() {
+ return {children} ;
+}
diff --git a/front_minimal/src/app/auth-demo/split/sign-up/page.jsx b/front_minimal/src/app/auth-demo/split/sign-up/page.jsx
new file mode 100644
index 0000000..79d92bf
--- /dev/null
+++ b/front_minimal/src/app/auth-demo/split/sign-up/page.jsx
@@ -0,0 +1,11 @@
+import { CONFIG } from 'src/config-global';
+
+import { SplitSignUpView } from 'src/sections/auth-demo/split';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Sign up | Layout split - ${CONFIG.site.name}` };
+
+export default function Page() {
+ return {children} ;
+}
diff --git a/front_minimal/src/app/auth-demo/split/update-password/page.jsx b/front_minimal/src/app/auth-demo/split/update-password/page.jsx
new file mode 100644
index 0000000..f5b73a9
--- /dev/null
+++ b/front_minimal/src/app/auth-demo/split/update-password/page.jsx
@@ -0,0 +1,11 @@
+import { CONFIG } from 'src/config-global';
+
+import { SplitUpdatePasswordView } from 'src/sections/auth-demo/split';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Update password | Layout split - ${CONFIG.site.name}` };
+
+export default function Page() {
+ return {children} ;
+}
diff --git a/front_minimal/src/app/auth-demo/split/verify/page.jsx b/front_minimal/src/app/auth-demo/split/verify/page.jsx
new file mode 100644
index 0000000..8a9ac14
--- /dev/null
+++ b/front_minimal/src/app/auth-demo/split/verify/page.jsx
@@ -0,0 +1,11 @@
+import { CONFIG } from 'src/config-global';
+
+import { SplitVerifyView } from 'src/sections/auth-demo/split';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Verify | Layout split - ${CONFIG.site.name}` };
+
+export default function Page() {
+ return {children} ;
+}
diff --git a/front_minimal/src/app/auth/amplify/reset-password/page.jsx b/front_minimal/src/app/auth/amplify/reset-password/page.jsx
new file mode 100644
index 0000000..bf82023
--- /dev/null
+++ b/front_minimal/src/app/auth/amplify/reset-password/page.jsx
@@ -0,0 +1,11 @@
+import { CONFIG } from 'src/config-global';
+
+import { AmplifyResetPasswordView } from 'src/sections/auth/amplify';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Reset password | Amplify - ${CONFIG.site.name}` };
+
+export default function Page() {
+ return
+ {children}
+
+ );
+}
diff --git a/front_minimal/src/app/auth/amplify/sign-in/page.jsx b/front_minimal/src/app/auth/amplify/sign-in/page.jsx
new file mode 100644
index 0000000..bc74fbb
--- /dev/null
+++ b/front_minimal/src/app/auth/amplify/sign-in/page.jsx
@@ -0,0 +1,11 @@
+import { CONFIG } from 'src/config-global';
+
+import { AmplifySignInView } from 'src/sections/auth/amplify';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Sign in | Amplify - ${CONFIG.site.name}` };
+
+export default function Page() {
+ return
+ {children}
+
+ );
+}
diff --git a/front_minimal/src/app/auth/amplify/sign-up/page.jsx b/front_minimal/src/app/auth/amplify/sign-up/page.jsx
new file mode 100644
index 0000000..94b464c
--- /dev/null
+++ b/front_minimal/src/app/auth/amplify/sign-up/page.jsx
@@ -0,0 +1,11 @@
+import { CONFIG } from 'src/config-global';
+
+import { AmplifySignUpView } from 'src/sections/auth/amplify';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Sign up | Amplify - ${CONFIG.site.name}` };
+
+export default function Page() {
+ return {children} ;
+}
diff --git a/front_minimal/src/app/auth/amplify/update-password/page.jsx b/front_minimal/src/app/auth/amplify/update-password/page.jsx
new file mode 100644
index 0000000..2da6e08
--- /dev/null
+++ b/front_minimal/src/app/auth/amplify/update-password/page.jsx
@@ -0,0 +1,11 @@
+import { CONFIG } from 'src/config-global';
+
+import { AmplifyUpdatePasswordView } from 'src/sections/auth/amplify';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Update password | Amplify - ${CONFIG.site.name}` };
+
+export default function Page() {
+ return {children} ;
+}
diff --git a/front_minimal/src/app/auth/amplify/verify/page.jsx b/front_minimal/src/app/auth/amplify/verify/page.jsx
new file mode 100644
index 0000000..cc92d1b
--- /dev/null
+++ b/front_minimal/src/app/auth/amplify/verify/page.jsx
@@ -0,0 +1,11 @@
+import { CONFIG } from 'src/config-global';
+
+import { AmplifyVerifyView } from 'src/sections/auth/amplify';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Verify | Amplify - ${CONFIG.site.name}` };
+
+export default function Page() {
+ return
+ {children}
+
+ );
+}
diff --git a/front_minimal/src/app/auth/auth0/sign-in/page.jsx b/front_minimal/src/app/auth/auth0/sign-in/page.jsx
new file mode 100644
index 0000000..62b34f1
--- /dev/null
+++ b/front_minimal/src/app/auth/auth0/sign-in/page.jsx
@@ -0,0 +1,11 @@
+import { CONFIG } from 'src/config-global';
+
+import { Auth0SignInView } from 'src/sections/auth/auth0';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Sign in | Auth0 - ${CONFIG.site.name}` };
+
+export default function Page() {
+ return {children} ;
+}
diff --git a/front_minimal/src/app/auth/firebase/reset-password/page.jsx b/front_minimal/src/app/auth/firebase/reset-password/page.jsx
new file mode 100644
index 0000000..79758bf
--- /dev/null
+++ b/front_minimal/src/app/auth/firebase/reset-password/page.jsx
@@ -0,0 +1,11 @@
+import { CONFIG } from 'src/config-global';
+
+import { FirebaseResetPasswordView } from 'src/sections/auth/firebase';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Reset password | Firebase - ${CONFIG.site.name}` };
+
+export default function Page() {
+ return
+ {children}
+
+ );
+}
diff --git a/front_minimal/src/app/auth/firebase/sign-in/page.jsx b/front_minimal/src/app/auth/firebase/sign-in/page.jsx
new file mode 100644
index 0000000..11a5204
--- /dev/null
+++ b/front_minimal/src/app/auth/firebase/sign-in/page.jsx
@@ -0,0 +1,11 @@
+import { CONFIG } from 'src/config-global';
+
+import { FirebaseSignInView } from 'src/sections/auth/firebase';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Sign in | Firebase - ${CONFIG.site.name}` };
+
+export default function Page() {
+ return
+ {children}
+
+ );
+}
diff --git a/front_minimal/src/app/auth/firebase/sign-up/page.jsx b/front_minimal/src/app/auth/firebase/sign-up/page.jsx
new file mode 100644
index 0000000..49f2aa2
--- /dev/null
+++ b/front_minimal/src/app/auth/firebase/sign-up/page.jsx
@@ -0,0 +1,11 @@
+import { CONFIG } from 'src/config-global';
+
+import { FirebaseSignUpView } from 'src/sections/auth/firebase';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Sign up | Firebase - ${CONFIG.site.name}` };
+
+export default function Page() {
+ return {children} ;
+}
diff --git a/front_minimal/src/app/auth/firebase/verify/page.jsx b/front_minimal/src/app/auth/firebase/verify/page.jsx
new file mode 100644
index 0000000..321a969
--- /dev/null
+++ b/front_minimal/src/app/auth/firebase/verify/page.jsx
@@ -0,0 +1,11 @@
+import { CONFIG } from 'src/config-global';
+
+import { FirebaseVerifyView } from 'src/sections/auth/firebase';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Verify | Firebase - ${CONFIG.site.name}` };
+
+export default function Page() {
+ return
+ {children}
+
+ );
+}
diff --git a/front_minimal/src/app/auth/jwt/sign-in/page.jsx b/front_minimal/src/app/auth/jwt/sign-in/page.jsx
new file mode 100644
index 0000000..0589a9b
--- /dev/null
+++ b/front_minimal/src/app/auth/jwt/sign-in/page.jsx
@@ -0,0 +1,11 @@
+import { CONFIG } from 'src/config-global';
+
+import { JwtSignInView } from 'src/sections/auth/jwt';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Sign in | Jwt - ${CONFIG.site.name}` };
+
+export default function Page() {
+ return
+ {children}
+
+ );
+}
diff --git a/front_minimal/src/app/auth/jwt/sign-up/page.jsx b/front_minimal/src/app/auth/jwt/sign-up/page.jsx
new file mode 100644
index 0000000..e1d4556
--- /dev/null
+++ b/front_minimal/src/app/auth/jwt/sign-up/page.jsx
@@ -0,0 +1,11 @@
+import { CONFIG } from 'src/config-global';
+
+import { JwtSignUpView } from 'src/sections/auth/jwt';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Sign up | Jwt - ${CONFIG.site.name}` };
+
+export default function Page() {
+ return {children} ;
+}
diff --git a/front_minimal/src/app/auth/supabase/reset-password/page.jsx b/front_minimal/src/app/auth/supabase/reset-password/page.jsx
new file mode 100644
index 0000000..bc7ea71
--- /dev/null
+++ b/front_minimal/src/app/auth/supabase/reset-password/page.jsx
@@ -0,0 +1,11 @@
+import { CONFIG } from 'src/config-global';
+
+import { SupabaseResetPasswordView } from 'src/sections/auth/supabase';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Reset password | Supabase - ${CONFIG.site.name}` };
+
+export default function Page() {
+ return
+ {children}
+
+ );
+}
diff --git a/front_minimal/src/app/auth/supabase/sign-in/page.jsx b/front_minimal/src/app/auth/supabase/sign-in/page.jsx
new file mode 100644
index 0000000..51a1ea5
--- /dev/null
+++ b/front_minimal/src/app/auth/supabase/sign-in/page.jsx
@@ -0,0 +1,11 @@
+import { CONFIG } from 'src/config-global';
+
+import { SupabaseSignInView } from 'src/sections/auth/supabase';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Sign in | Supabase - ${CONFIG.site.name}` };
+
+export default function Page() {
+ return
+ {children}
+
+ );
+}
diff --git a/front_minimal/src/app/auth/supabase/sign-up/page.jsx b/front_minimal/src/app/auth/supabase/sign-up/page.jsx
new file mode 100644
index 0000000..49103ca
--- /dev/null
+++ b/front_minimal/src/app/auth/supabase/sign-up/page.jsx
@@ -0,0 +1,11 @@
+import { CONFIG } from 'src/config-global';
+
+import { SupabaseSignUpView } from 'src/sections/auth/supabase';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Sign up | Supabase - ${CONFIG.site.name}` };
+
+export default function Page() {
+ return {children} ;
+}
diff --git a/front_minimal/src/app/auth/supabase/update-password/page.jsx b/front_minimal/src/app/auth/supabase/update-password/page.jsx
new file mode 100644
index 0000000..cc7a9b5
--- /dev/null
+++ b/front_minimal/src/app/auth/supabase/update-password/page.jsx
@@ -0,0 +1,11 @@
+import { CONFIG } from 'src/config-global';
+
+import { SupabaseUpdatePasswordView } from 'src/sections/auth/supabase';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Update password | Supabase - ${CONFIG.site.name}` };
+
+export default function Page() {
+ return {children} ;
+}
diff --git a/front_minimal/src/app/auth/supabase/verify/page.jsx b/front_minimal/src/app/auth/supabase/verify/page.jsx
new file mode 100644
index 0000000..a6e0ea1
--- /dev/null
+++ b/front_minimal/src/app/auth/supabase/verify/page.jsx
@@ -0,0 +1,11 @@
+import { CONFIG } from 'src/config-global';
+
+import { SupabaseVerifyView } from 'src/sections/auth/supabase';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Verify | Supabase - ${CONFIG.site.name}` };
+
+export default function Page() {
+ return {children} ;
+}
diff --git a/front_minimal/src/app/blank/page.jsx b/front_minimal/src/app/blank/page.jsx
new file mode 100644
index 0000000..c2c07e7
--- /dev/null
+++ b/front_minimal/src/app/blank/page.jsx
@@ -0,0 +1,16 @@
+import { Typography } from '@mui/material';
+import Container from '@mui/material/Container';
+
+import { CONFIG } from 'src/config-global';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Blank - ${CONFIG.site.name}` };
+
+export default function Page() {
+ return (
+
+ Blank
+
+ );
+}
diff --git a/front_minimal/src/app/coming-soon/layout.jsx b/front_minimal/src/app/coming-soon/layout.jsx
new file mode 100644
index 0000000..239cca8
--- /dev/null
+++ b/front_minimal/src/app/coming-soon/layout.jsx
@@ -0,0 +1,7 @@
+import { SimpleLayout } from 'src/layouts/simple';
+
+// ----------------------------------------------------------------------
+
+export default function Layout({ children }) {
+ return {children} ;
+}
diff --git a/front_minimal/src/app/coming-soon/page.jsx b/front_minimal/src/app/coming-soon/page.jsx
new file mode 100644
index 0000000..a6fe7cb
--- /dev/null
+++ b/front_minimal/src/app/coming-soon/page.jsx
@@ -0,0 +1,11 @@
+import { CONFIG } from 'src/config-global';
+
+import { ComingSoonView } from 'src/sections/coming-soon/view';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Coming soon - ${CONFIG.site.name}` };
+
+export default function Page() {
+ return {children} ;
+}
diff --git a/front_minimal/src/app/components/mui/accordion/page.jsx b/front_minimal/src/app/components/mui/accordion/page.jsx
new file mode 100644
index 0000000..cd39d7c
--- /dev/null
+++ b/front_minimal/src/app/components/mui/accordion/page.jsx
@@ -0,0 +1,11 @@
+import { CONFIG } from 'src/config-global';
+
+import { AccordionView } from 'src/sections/_examples/mui/accordion-view';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Accordion | MUI - ${CONFIG.site.name}` };
+
+export default function Page() {
+ return {children} ;
+}
diff --git a/front_minimal/src/app/contact-us/page.jsx b/front_minimal/src/app/contact-us/page.jsx
new file mode 100644
index 0000000..865a207
--- /dev/null
+++ b/front_minimal/src/app/contact-us/page.jsx
@@ -0,0 +1,11 @@
+import { CONFIG } from 'src/config-global';
+
+import { ContactView } from 'src/sections/contact/view';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Contact us - ${CONFIG.site.name}` };
+
+export default function Page() {
+ return {children} ;
+ }
+
+ return (
+
+ {children}
+
+ );
+}
diff --git a/front_minimal/src/app/dashboard/loading.jsx b/front_minimal/src/app/dashboard/loading.jsx
new file mode 100644
index 0000000..5bfa202
--- /dev/null
+++ b/front_minimal/src/app/dashboard/loading.jsx
@@ -0,0 +1,7 @@
+import { LoadingScreen } from 'src/components/loading-screen';
+
+// ----------------------------------------------------------------------
+
+export default function Loading() {
+ return Загрузка...
;
+ }
+
+ if (!user) {
+ return null;
+ }
+
+ // Роутинг по ролям
+ if (user.role === 'mentor') {
+ return Дашборд Клиента (в разработке)
;
+ }
+
+ if (user.role === 'parent') {
+ return Дашборд Родителя (в разработке)
;
+ }
+
+ return (
+
+
Неизвестная роль пользователя: {user.role}
+
+
+ );
+}
diff --git a/front_minimal/src/app/dashboard/post/[title]/loading.jsx b/front_minimal/src/app/dashboard/post/[title]/loading.jsx
new file mode 100644
index 0000000..9377c85
--- /dev/null
+++ b/front_minimal/src/app/dashboard/post/[title]/loading.jsx
@@ -0,0 +1,13 @@
+import { DashboardContent } from 'src/layouts/dashboard';
+
+import { PostDetailsSkeleton } from 'src/sections/blog/post-skeleton';
+
+// ----------------------------------------------------------------------
+
+export default function Loading() {
+ return (
+
+
+ );
+}
diff --git a/front_minimal/src/app/dashboard/post/[title]/page.jsx b/front_minimal/src/app/dashboard/post/[title]/page.jsx
new file mode 100644
index 0000000..36817dc
--- /dev/null
+++ b/front_minimal/src/app/dashboard/post/[title]/page.jsx
@@ -0,0 +1,49 @@
+import { paramCase } from 'src/utils/change-case';
+import axios, { endpoints } from 'src/utils/axios';
+
+import { CONFIG } from 'src/config-global';
+
+import { PostDetailsView } from 'src/sections/blog/view';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Post details | Dashboard - ${CONFIG.site.name}` };
+
+export default async function Page({ params }) {
+ const { title } = params;
+
+ const { post } = await getPost(title);
+
+ return
+
+ );
+}
diff --git a/front_minimal/src/app/dashboard/product/[id]/loading.jsx b/front_minimal/src/app/dashboard/product/[id]/loading.jsx
new file mode 100644
index 0000000..cf20ad8
--- /dev/null
+++ b/front_minimal/src/app/dashboard/product/[id]/loading.jsx
@@ -0,0 +1,15 @@
+'use client';
+
+import { DashboardContent } from 'src/layouts/dashboard';
+
+import { ProductDetailsSkeleton } from 'src/sections/product/product-skeleton';
+
+// ----------------------------------------------------------------------
+
+export default function Loading() {
+ return (
+
+
+ );
+}
diff --git a/front_minimal/src/app/dashboard/product/[id]/page.jsx b/front_minimal/src/app/dashboard/product/[id]/page.jsx
new file mode 100644
index 0000000..de4457a
--- /dev/null
+++ b/front_minimal/src/app/dashboard/product/[id]/page.jsx
@@ -0,0 +1,48 @@
+import axios, { endpoints } from 'src/utils/axios';
+
+import { CONFIG } from 'src/config-global';
+
+import { ProductDetailsView } from 'src/sections/product/view';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Product details | Dashboard - ${CONFIG.site.name}` };
+
+export default async function Page({ params }) {
+ const { id } = params;
+
+ const { product } = await getProduct(id);
+
+ return {children} ;
+}
diff --git a/front_minimal/src/app/faqs/page.jsx b/front_minimal/src/app/faqs/page.jsx
new file mode 100644
index 0000000..e232d37
--- /dev/null
+++ b/front_minimal/src/app/faqs/page.jsx
@@ -0,0 +1,11 @@
+import { CONFIG } from 'src/config-global';
+
+import { FaqsView } from 'src/sections/faqs/view';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Faqs - ${CONFIG.site.name}` };
+
+export default function Page() {
+ return
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/front_minimal/src/app/loading.jsx b/front_minimal/src/app/loading.jsx
new file mode 100644
index 0000000..7d29a81
--- /dev/null
+++ b/front_minimal/src/app/loading.jsx
@@ -0,0 +1,7 @@
+import { SplashScreen } from 'src/components/loading-screen';
+
+// ----------------------------------------------------------------------
+
+export default function Loading() {
+ return {children} ;
+}
diff --git a/front_minimal/src/app/maintenance/page.jsx b/front_minimal/src/app/maintenance/page.jsx
new file mode 100644
index 0000000..278f848
--- /dev/null
+++ b/front_minimal/src/app/maintenance/page.jsx
@@ -0,0 +1,11 @@
+import { CONFIG } from 'src/config-global';
+
+import { MaintenanceView } from 'src/sections/maintenance/view';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Maintenance - ${CONFIG.site.name}` };
+
+export default function Page() {
+ return {children} ;
+}
diff --git a/front_minimal/src/app/payment/page.jsx b/front_minimal/src/app/payment/page.jsx
new file mode 100644
index 0000000..d4ed269
--- /dev/null
+++ b/front_minimal/src/app/payment/page.jsx
@@ -0,0 +1,11 @@
+import { CONFIG } from 'src/config-global';
+
+import { PaymentView } from 'src/sections/payment/view';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Payment - ${CONFIG.site.name}` };
+
+export default function Page() {
+ return
+
+ );
+}
diff --git a/front_minimal/src/app/post/[title]/loading.jsx b/front_minimal/src/app/post/[title]/loading.jsx
new file mode 100644
index 0000000..b4920c2
--- /dev/null
+++ b/front_minimal/src/app/post/[title]/loading.jsx
@@ -0,0 +1,7 @@
+import { PostDetailsSkeleton } from 'src/sections/blog/post-skeleton';
+
+// ----------------------------------------------------------------------
+
+export default function Loading() {
+ return {children} ;
+}
diff --git a/front_minimal/src/app/post/page.jsx b/front_minimal/src/app/post/page.jsx
new file mode 100644
index 0000000..ee316d8
--- /dev/null
+++ b/front_minimal/src/app/post/page.jsx
@@ -0,0 +1,14 @@
+import { CONFIG } from 'src/config-global';
+import { getPosts } from 'src/actions/blog-ssr';
+
+import { PostListHomeView } from 'src/sections/blog/view';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Post list - ${CONFIG.site.name}` };
+
+export default async function Page() {
+ const { posts } = await getPosts();
+
+ return {children} ;
+}
diff --git a/front_minimal/src/app/pricing/page.jsx b/front_minimal/src/app/pricing/page.jsx
new file mode 100644
index 0000000..2d3707a
--- /dev/null
+++ b/front_minimal/src/app/pricing/page.jsx
@@ -0,0 +1,11 @@
+import { CONFIG } from 'src/config-global';
+
+import { PricingView } from 'src/sections/pricing/view';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Pricing - ${CONFIG.site.name}` };
+
+export default function Page() {
+ return
+
+ );
+}
diff --git a/front_minimal/src/app/product/[id]/loading.jsx b/front_minimal/src/app/product/[id]/loading.jsx
new file mode 100644
index 0000000..e1a0bf0
--- /dev/null
+++ b/front_minimal/src/app/product/[id]/loading.jsx
@@ -0,0 +1,15 @@
+'use client';
+
+import Container from '@mui/material/Container';
+
+import { ProductDetailsSkeleton } from 'src/sections/product/product-skeleton';
+
+// ----------------------------------------------------------------------
+
+export default function Loading() {
+ return (
+
+
+ );
+}
diff --git a/front_minimal/src/app/product/[id]/page.jsx b/front_minimal/src/app/product/[id]/page.jsx
new file mode 100644
index 0000000..a01efa7
--- /dev/null
+++ b/front_minimal/src/app/product/[id]/page.jsx
@@ -0,0 +1,40 @@
+import axios, { endpoints } from 'src/utils/axios';
+
+import { CONFIG } from 'src/config-global';
+import { getProduct } from 'src/actions/product-ssr';
+
+import { ProductShopDetailsView } from 'src/sections/product/view';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Product details - ${CONFIG.site.name}` };
+
+export default async function Page({ params }) {
+ const { id } = params;
+
+ const { product } = await getProduct(id);
+
+ return {children} ;
+}
diff --git a/front_minimal/src/app/product/page.jsx b/front_minimal/src/app/product/page.jsx
new file mode 100644
index 0000000..872ef91
--- /dev/null
+++ b/front_minimal/src/app/product/page.jsx
@@ -0,0 +1,14 @@
+import { CONFIG } from 'src/config-global';
+import { getProducts } from 'src/actions/product-ssr';
+
+import { ProductShopView } from 'src/sections/product/view';
+
+// ----------------------------------------------------------------------
+
+export const metadata = { title: `Product shop - ${CONFIG.site.name}` };
+
+export default async function Page() {
+ const { products } = await getProducts();
+
+ return
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default memo(EmailInboxIcon);
diff --git a/front_minimal/src/assets/icons/index.js b/front_minimal/src/assets/icons/index.js
new file mode 100644
index 0000000..3b79b06
--- /dev/null
+++ b/front_minimal/src/assets/icons/index.js
@@ -0,0 +1,13 @@
+export { default as SentIcon } from './sent-icon';
+
+export { default as PasswordIcon } from './password-icon';
+
+export { default as PlanFreeIcon } from './plan-free-icon';
+
+export { default as EmailInboxIcon } from './email-inbox-icon';
+
+export { default as PlanStarterIcon } from './plan-starter-icon';
+
+export { default as PlanPremiumIcon } from './plan-premium-icon';
+
+export { default as NewPasswordIcon } from './new-password-icon';
diff --git a/front_minimal/src/assets/icons/new-password-icon.jsx b/front_minimal/src/assets/icons/new-password-icon.jsx
new file mode 100644
index 0000000..43c9c6c
--- /dev/null
+++ b/front_minimal/src/assets/icons/new-password-icon.jsx
@@ -0,0 +1,109 @@
+import { memo } from 'react';
+
+import Box from '@mui/material/Box';
+import { useTheme } from '@mui/material/styles';
+
+// ----------------------------------------------------------------------
+
+function NewPasswordIcon({ sx, ...other }) {
+ const theme = useTheme();
+
+ const PRIMARY_MAIN = theme.vars.palette.primary.main;
+
+ const WARNING_LIGHT = theme.vars.palette.warning.light;
+
+ const WARNING_DARK = theme.vars.palette.warning.dark;
+
+ return (
+
+
+
+
+
+
+
+
+ );
+}
+
+export default memo(NewPasswordIcon);
diff --git a/front_minimal/src/assets/icons/password-icon.jsx b/front_minimal/src/assets/icons/password-icon.jsx
new file mode 100644
index 0000000..578bc53
--- /dev/null
+++ b/front_minimal/src/assets/icons/password-icon.jsx
@@ -0,0 +1,108 @@
+import { memo } from 'react';
+
+import Box from '@mui/material/Box';
+import { useTheme } from '@mui/material/styles';
+
+// ----------------------------------------------------------------------
+
+function PasswordIcon({ sx, ...other }) {
+ const theme = useTheme();
+
+ const PRIMARY_MAIN = theme.vars.palette.primary.main;
+
+ const WARNING_LIGHT = theme.vars.palette.warning.light;
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default memo(PasswordIcon);
diff --git a/front_minimal/src/assets/icons/plan-free-icon.jsx b/front_minimal/src/assets/icons/plan-free-icon.jsx
new file mode 100644
index 0000000..5868163
--- /dev/null
+++ b/front_minimal/src/assets/icons/plan-free-icon.jsx
@@ -0,0 +1,50 @@
+import { memo } from 'react';
+
+import Box from '@mui/material/Box';
+import { useTheme } from '@mui/material/styles';
+
+// ----------------------------------------------------------------------
+
+function PlanFreeIcon({ sx, ...other }) {
+ const theme = useTheme();
+
+ const PRIMARY_MAIN = theme.vars.palette.primary.main;
+
+ const PRIMARY_DARK = theme.vars.palette.primary.dark;
+
+ const PRIMARY_DARKER = theme.vars.palette.primary.darker;
+
+ return (
+
+
+
+
+ );
+}
+
+export default memo(PlanFreeIcon);
diff --git a/front_minimal/src/assets/icons/plan-premium-icon.jsx b/front_minimal/src/assets/icons/plan-premium-icon.jsx
new file mode 100644
index 0000000..45ed8cf
--- /dev/null
+++ b/front_minimal/src/assets/icons/plan-premium-icon.jsx
@@ -0,0 +1,87 @@
+import { memo } from 'react';
+
+import Box from '@mui/material/Box';
+import { useTheme } from '@mui/material/styles';
+
+// ----------------------------------------------------------------------
+
+function PlanPremiumIcon({ sx, ...other }) {
+ const theme = useTheme();
+
+ const PRIMARY_MAIN = theme.vars.palette.primary.main;
+
+ const PRIMARY_DARK = theme.vars.palette.primary.dark;
+
+ const PRIMARY_DARKER = theme.vars.palette.primary.darker;
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default memo(PlanPremiumIcon);
diff --git a/front_minimal/src/assets/icons/plan-starter-icon.jsx b/front_minimal/src/assets/icons/plan-starter-icon.jsx
new file mode 100644
index 0000000..34a5518
--- /dev/null
+++ b/front_minimal/src/assets/icons/plan-starter-icon.jsx
@@ -0,0 +1,74 @@
+import { memo } from 'react';
+
+import Box from '@mui/material/Box';
+import { useTheme } from '@mui/material/styles';
+
+// ----------------------------------------------------------------------
+
+function PlanStarterIcon({ sx, ...other }) {
+ const theme = useTheme();
+
+ const PRIMARY_MAIN = theme.vars.palette.primary.main;
+
+ const PRIMARY_DARK = theme.vars.palette.primary.dark;
+
+ const PRIMARY_DARKER = theme.vars.palette.primary.darker;
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default memo(PlanStarterIcon);
diff --git a/front_minimal/src/assets/icons/sent-icon.jsx b/front_minimal/src/assets/icons/sent-icon.jsx
new file mode 100644
index 0000000..b054fb0
--- /dev/null
+++ b/front_minimal/src/assets/icons/sent-icon.jsx
@@ -0,0 +1,74 @@
+import { memo } from 'react';
+
+import Box from '@mui/material/Box';
+import { useTheme } from '@mui/material/styles';
+
+// ----------------------------------------------------------------------
+
+function SentIcon({ sx, ...other }) {
+ const theme = useTheme();
+
+ const PRIMARY_MAIN = theme.vars.palette.primary.main;
+
+ const PRIMARY_DARK = theme.vars.palette.primary.dark;
+
+ return (
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default memo(SentIcon);
diff --git a/front_minimal/src/assets/illustrations/avatar-shape.jsx b/front_minimal/src/assets/illustrations/avatar-shape.jsx
new file mode 100644
index 0000000..4abeb38
--- /dev/null
+++ b/front_minimal/src/assets/illustrations/avatar-shape.jsx
@@ -0,0 +1,28 @@
+import { memo } from 'react';
+
+import Box from '@mui/material/Box';
+
+// ----------------------------------------------------------------------
+
+function AvatarShape({ sx, ...other }) {
+ return (
+
+
+ );
+}
+
+export default memo(AvatarShape);
diff --git a/front_minimal/src/assets/illustrations/background-shape.jsx b/front_minimal/src/assets/illustrations/background-shape.jsx
new file mode 100644
index 0000000..5723d95
--- /dev/null
+++ b/front_minimal/src/assets/illustrations/background-shape.jsx
@@ -0,0 +1,31 @@
+import { useId } from 'react';
+
+import { useTheme } from '@mui/material/styles';
+
+// ----------------------------------------------------------------------
+
+export function BackgroundShape() {
+ const theme = useTheme();
+
+ const gradientId = useId();
+
+ const PRIMARY_MAIN = theme.vars.palette.primary.main;
+
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default memo(BookingIllustration);
diff --git a/front_minimal/src/assets/illustrations/check-in-illustration.jsx b/front_minimal/src/assets/illustrations/check-in-illustration.jsx
new file mode 100644
index 0000000..e1fe203
--- /dev/null
+++ b/front_minimal/src/assets/illustrations/check-in-illustration.jsx
@@ -0,0 +1,97 @@
+import { memo } from 'react';
+
+import Box from '@mui/material/Box';
+import { useTheme } from '@mui/material/styles';
+
+// ----------------------------------------------------------------------
+
+function CheckInIllustration({ sx, ...other }) {
+ const theme = useTheme();
+
+ const PRIMARY_LIGHTER = theme.vars.palette.primary.lighter;
+
+ const PRIMARY_LIGHT = theme.vars.palette.primary.light;
+
+ const PRIMARY_MAIN = theme.vars.palette.primary.main;
+
+ const PRIMARY_DARK = theme.vars.palette.primary.dark;
+
+ const PRIMARY_DARKER = theme.vars.palette.primary.darker;
+
+ return (
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default memo(CheckInIllustration);
diff --git a/front_minimal/src/assets/illustrations/check-out-illustration.jsx b/front_minimal/src/assets/illustrations/check-out-illustration.jsx
new file mode 100644
index 0000000..6f2b760
--- /dev/null
+++ b/front_minimal/src/assets/illustrations/check-out-illustration.jsx
@@ -0,0 +1,70 @@
+import { memo } from 'react';
+
+import Box from '@mui/material/Box';
+import { useTheme } from '@mui/material/styles';
+
+// ----------------------------------------------------------------------
+
+function CheckoutIllustration({ sx, ...other }) {
+ const theme = useTheme();
+
+ const PRIMARY_LIGHT = theme.vars.palette.primary.light;
+
+ const PRIMARY_MAIN = theme.vars.palette.primary.main;
+
+ const PRIMARY_DARK = theme.vars.palette.primary.dark;
+
+ const PRIMARY_DARKER = theme.vars.palette.primary.darker;
+
+ return (
+
+
+
+
+
+
+ );
+}
+
+export default memo(CheckoutIllustration);
diff --git a/front_minimal/src/assets/illustrations/coming-soon-illustration.jsx b/front_minimal/src/assets/illustrations/coming-soon-illustration.jsx
new file mode 100644
index 0000000..b271ad9
--- /dev/null
+++ b/front_minimal/src/assets/illustrations/coming-soon-illustration.jsx
@@ -0,0 +1,126 @@
+import { memo } from 'react';
+
+import Box from '@mui/material/Box';
+import { useTheme } from '@mui/material/styles';
+
+import { CONFIG } from 'src/config-global';
+
+import { BackgroundShape } from './background-shape';
+
+// ----------------------------------------------------------------------
+
+function ComingSoonIllustration({ hideBackground, sx, ...other }) {
+ const theme = useTheme();
+
+ const PRIMARY_LIGHT = theme.vars.palette.primary.light;
+
+ const PRIMARY_MAIN = theme.vars.palette.primary.main;
+
+ const PRIMARY_DARK = theme.vars.palette.primary.dark;
+
+ const PRIMARY_DARKER = theme.vars.palette.primary.darker;
+
+ return (
+
+ {!hideBackground &&
+
+
+
+
+ );
+}
+
+export default memo(ComingSoonIllustration);
diff --git a/front_minimal/src/assets/illustrations/forbidden-illustration.jsx b/front_minimal/src/assets/illustrations/forbidden-illustration.jsx
new file mode 100644
index 0000000..0339752
--- /dev/null
+++ b/front_minimal/src/assets/illustrations/forbidden-illustration.jsx
@@ -0,0 +1,96 @@
+import { memo } from 'react';
+
+import Box from '@mui/material/Box';
+import { useTheme } from '@mui/material/styles';
+
+import { CONFIG } from 'src/config-global';
+
+import { BackgroundShape } from './background-shape';
+
+// ----------------------------------------------------------------------
+
+function ForbiddenIllustration({ hideBackground, sx, ...other }) {
+ const theme = useTheme();
+
+ const PRIMARY_LIGHT = theme.vars.palette.primary.light;
+
+ const PRIMARY_MAIN = theme.vars.palette.primary.main;
+
+ const PRIMARY_DARK = theme.vars.palette.primary.dark;
+
+ const PRIMARY_DARKER = theme.vars.palette.primary.darker;
+
+ return (
+
+ {!hideBackground &&
+
+
+
+
+ );
+}
+
+export default memo(ForbiddenIllustration);
diff --git a/front_minimal/src/assets/illustrations/index.js b/front_minimal/src/assets/illustrations/index.js
new file mode 100644
index 0000000..8548afd
--- /dev/null
+++ b/front_minimal/src/assets/illustrations/index.js
@@ -0,0 +1,25 @@
+export { default as AvatarShape } from './avatar-shape';
+
+export { default as SeoIllustration } from './seo-illustration';
+
+export { default as UploadIllustration } from './upload-illustration';
+
+export { default as BookingIllustration } from './booking-illustration';
+
+export { default as CheckInIllustration } from './check-in-illustration';
+
+export { default as CheckoutIllustration } from './check-out-illustration';
+
+export { default as ForbiddenIllustration } from './forbidden-illustration';
+
+export { default as MotivationIllustration } from './motivation-illustration';
+
+export { default as ComingSoonIllustration } from './coming-soon-illustration';
+
+export { default as MaintenanceIllustration } from './maintenance-illustration';
+
+export { default as ServerErrorIllustration } from './server-error-illustration';
+
+export { default as PageNotFoundIllustration } from './page-not-found-illustration';
+
+export { default as OrderCompleteIllustration } from './order-complete-illustration';
diff --git a/front_minimal/src/assets/illustrations/maintenance-illustration.jsx b/front_minimal/src/assets/illustrations/maintenance-illustration.jsx
new file mode 100644
index 0000000..9ea157f
--- /dev/null
+++ b/front_minimal/src/assets/illustrations/maintenance-illustration.jsx
@@ -0,0 +1,223 @@
+import { memo } from 'react';
+
+import Box from '@mui/material/Box';
+import { useTheme } from '@mui/material/styles';
+
+import { CONFIG } from 'src/config-global';
+
+import { BackgroundShape } from './background-shape';
+
+// ----------------------------------------------------------------------
+
+function MaintenanceIllustration({ hideBackground, sx, ...other }) {
+ const theme = useTheme();
+
+ const PRIMARY_LIGHT = theme.vars.palette.primary.light;
+
+ const PRIMARY_MAIN = theme.vars.palette.primary.main;
+
+ const PRIMARY_DARK = theme.vars.palette.primary.dark;
+
+ const PRIMARY_DARKER = theme.vars.palette.primary.darker;
+
+ return (
+
+ {!hideBackground &&
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default memo(MaintenanceIllustration);
diff --git a/front_minimal/src/assets/illustrations/motivation-illustration.jsx b/front_minimal/src/assets/illustrations/motivation-illustration.jsx
new file mode 100644
index 0000000..52fcc71
--- /dev/null
+++ b/front_minimal/src/assets/illustrations/motivation-illustration.jsx
@@ -0,0 +1,78 @@
+import { memo } from 'react';
+
+import Box from '@mui/material/Box';
+import { useTheme } from '@mui/material/styles';
+
+import { CONFIG } from 'src/config-global';
+
+import { BackgroundShape } from './background-shape';
+
+// ----------------------------------------------------------------------
+
+function MotivationIllustration({ hideBackground, sx, ...other }) {
+ const theme = useTheme();
+
+ const PRIMARY_LIGHTER = theme.vars.palette.primary.lighter;
+
+ const PRIMARY_DARK = theme.vars.palette.primary.dark;
+
+ const PRIMARY_DARKER = theme.vars.palette.primary.darker;
+
+ return (
+
+ {!hideBackground &&
+
+
+
+
+ );
+}
+
+export default memo(MotivationIllustration);
diff --git a/front_minimal/src/assets/illustrations/order-complete-illustration.jsx b/front_minimal/src/assets/illustrations/order-complete-illustration.jsx
new file mode 100644
index 0000000..a0ca703
--- /dev/null
+++ b/front_minimal/src/assets/illustrations/order-complete-illustration.jsx
@@ -0,0 +1,130 @@
+import { memo } from 'react';
+
+import Box from '@mui/material/Box';
+import { useTheme } from '@mui/material/styles';
+
+import { CONFIG } from 'src/config-global';
+
+import { BackgroundShape } from './background-shape';
+
+// ----------------------------------------------------------------------
+
+function OrderCompleteIllustration({ hideBackground, sx, ...other }) {
+ const theme = useTheme();
+
+ const PRIMARY_LIGHT = theme.vars.palette.primary.light;
+
+ const PRIMARY_MAIN = theme.vars.palette.primary.main;
+
+ const PRIMARY_DARK = theme.vars.palette.primary.dark;
+
+ const PRIMARY_DARKER = theme.vars.palette.primary.darker;
+
+ return (
+
+ {!hideBackground &&
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default memo(OrderCompleteIllustration);
diff --git a/front_minimal/src/assets/illustrations/page-not-found-illustration.jsx b/front_minimal/src/assets/illustrations/page-not-found-illustration.jsx
new file mode 100644
index 0000000..1b9ed87
--- /dev/null
+++ b/front_minimal/src/assets/illustrations/page-not-found-illustration.jsx
@@ -0,0 +1,82 @@
+import { memo } from 'react';
+
+import Box from '@mui/material/Box';
+import { useTheme } from '@mui/material/styles';
+
+import { CONFIG } from 'src/config-global';
+
+import { BackgroundShape } from './background-shape';
+
+// ----------------------------------------------------------------------
+
+function PageNotFoundIllustration({ hideBackground, sx, ...other }) {
+ const theme = useTheme();
+
+ const PRIMARY_LIGHT = theme.vars.palette.primary.light;
+
+ const PRIMARY_MAIN = theme.vars.palette.primary.main;
+
+ const PRIMARY_DARK = theme.vars.palette.primary.dark;
+
+ const PRIMARY_DARKER = theme.vars.palette.primary.darker;
+
+ return (
+
+ {!hideBackground &&
+
+
+
+
+ );
+}
+
+export default memo(PageNotFoundIllustration);
diff --git a/front_minimal/src/assets/illustrations/seo-illustration.jsx b/front_minimal/src/assets/illustrations/seo-illustration.jsx
new file mode 100644
index 0000000..d9067a3
--- /dev/null
+++ b/front_minimal/src/assets/illustrations/seo-illustration.jsx
@@ -0,0 +1,242 @@
+import { memo } from 'react';
+
+import Box from '@mui/material/Box';
+import { useTheme } from '@mui/material/styles';
+
+import { CONFIG } from 'src/config-global';
+
+import { BackgroundShape } from './background-shape';
+
+// ----------------------------------------------------------------------
+
+function SeoIllustration({ hideBackground, sx, ...other }) {
+ const theme = useTheme();
+
+ const PRIMARY_LIGHT = theme.vars.palette.primary.light;
+
+ const PRIMARY_DARK = theme.vars.palette.primary.dark;
+
+ return (
+
+ {!hideBackground &&
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default memo(SeoIllustration);
diff --git a/front_minimal/src/assets/illustrations/server-error-illustration.jsx b/front_minimal/src/assets/illustrations/server-error-illustration.jsx
new file mode 100644
index 0000000..69a986f
--- /dev/null
+++ b/front_minimal/src/assets/illustrations/server-error-illustration.jsx
@@ -0,0 +1,156 @@
+import { memo } from 'react';
+
+import Box from '@mui/material/Box';
+import { useTheme } from '@mui/material/styles';
+
+import { CONFIG } from 'src/config-global';
+
+import { BackgroundShape } from './background-shape';
+
+// ----------------------------------------------------------------------
+
+function ServerErrorIllustration({ hideBackground, sx, ...other }) {
+ const theme = useTheme();
+
+ const PRIMARY_LIGHTER = theme.vars.palette.primary.lighter;
+
+ const PRIMARY_LIGHT = theme.vars.palette.primary.light;
+
+ const PRIMARY_MAIN = theme.vars.palette.primary.main;
+
+ const PRIMARY_DARK = theme.vars.palette.primary.dark;
+
+ const PRIMARY_DARKER = theme.vars.palette.primary.darker;
+
+ return (
+
+ {!hideBackground &&
+
+
+
+
+
+
+
+ );
+}
+
+export default memo(ServerErrorIllustration);
diff --git a/front_minimal/src/assets/illustrations/upload-illustration.jsx b/front_minimal/src/assets/illustrations/upload-illustration.jsx
new file mode 100644
index 0000000..e46ff8f
--- /dev/null
+++ b/front_minimal/src/assets/illustrations/upload-illustration.jsx
@@ -0,0 +1,618 @@
+import { memo } from 'react';
+
+import Box from '@mui/material/Box';
+import { useTheme } from '@mui/material/styles';
+
+import { BackgroundShape } from './background-shape';
+
+// ----------------------------------------------------------------------
+
+function UploadIllustration({ hideBackground, sx, ...other }) {
+ const theme = useTheme();
+
+ const PRIMARY_MAIN = theme.vars.palette.primary.main;
+
+ const PRIMARY_DARK = theme.vars.palette.primary.dark;
+
+ const PRIMARY_DARKER = theme.vars.palette.primary.darker;
+
+ return (
+
+ {!hideBackground &&
+
+
+
+
+
+ );
+}
+
+export default memo(UploadIllustration);
diff --git a/front_minimal/src/auth/context/amplify/action.jsx b/front_minimal/src/auth/context/amplify/action.jsx
new file mode 100644
index 0000000..40c3334
--- /dev/null
+++ b/front_minimal/src/auth/context/amplify/action.jsx
@@ -0,0 +1,64 @@
+'use client';
+
+import {
+ signIn as _signIn,
+ signUp as _signUp,
+ signOut as _signOut,
+ confirmSignUp as _confirmSignUp,
+ resetPassword as _resetPassword,
+ resendSignUpCode as _resendSignUpCode,
+ confirmResetPassword as _confirmResetPassword,
+} from 'aws-amplify/auth';
+
+/** **************************************
+ * Sign in
+ *************************************** */
+export const signInWithPassword = async ({ username, password }) => {
+ await _signIn({ username, password });
+};
+
+/** **************************************
+ * Sign up
+ *************************************** */
+export const signUp = async ({ username, password, firstName, lastName }) => {
+ await _signUp({
+ username,
+ password,
+ options: { userAttributes: { email: username, given_name: firstName, family_name: lastName } },
+ });
+};
+
+/** **************************************
+ * Confirm sign up
+ *************************************** */
+export const confirmSignUp = async ({ username, confirmationCode }) => {
+ await _confirmSignUp({ username, confirmationCode });
+};
+
+/** **************************************
+ * Resend code sign up
+ *************************************** */
+export const resendSignUpCode = async ({ username }) => {
+ await _resendSignUpCode({ username });
+};
+
+/** **************************************
+ * Sign out
+ *************************************** */
+export const signOut = async () => {
+ await _signOut();
+};
+
+/** **************************************
+ * Reset password
+ *************************************** */
+export const resetPassword = async ({ username }) => {
+ await _resetPassword({ username });
+};
+
+/** **************************************
+ * Update password
+ *************************************** */
+export const updatePassword = async ({ username, confirmationCode, newPassword }) => {
+ await _confirmResetPassword({ username, confirmationCode, newPassword });
+};
diff --git a/front_minimal/src/auth/context/amplify/auth-provider.jsx b/front_minimal/src/auth/context/amplify/auth-provider.jsx
new file mode 100644
index 0000000..9ab2781
--- /dev/null
+++ b/front_minimal/src/auth/context/amplify/auth-provider.jsx
@@ -0,0 +1,97 @@
+'use client';
+
+import { Amplify } from 'aws-amplify';
+import { useMemo, useEffect, useCallback } from 'react';
+import { fetchAuthSession, fetchUserAttributes } from 'aws-amplify/auth';
+
+import { useSetState } from 'src/hooks/use-set-state';
+
+import axios from 'src/utils/axios';
+
+import { CONFIG } from 'src/config-global';
+
+import { AuthContext } from '../auth-context';
+
+// ----------------------------------------------------------------------
+
+/**
+ * NOTE:
+ * We only build demo at basic level.
+ * Customer will need to do some extra handling yourself if you want to extend the logic and other features...
+ */
+
+/**
+ * Docs:
+ * https://docs.amplify.aws/react/build-a-backend/auth/manage-user-session/
+ */
+
+Amplify.configure({
+ Auth: {
+ Cognito: {
+ userPoolId: CONFIG.amplify.userPoolId,
+ userPoolClientId: CONFIG.amplify.userPoolWebClientId,
+ },
+ },
+});
+
+// ----------------------------------------------------------------------
+
+export function AuthProvider({ children }) {
+ const { state, setState } = useSetState({
+ user: null,
+ loading: true,
+ });
+
+ const checkUserSession = useCallback(async () => {
+ try {
+ const authSession = (await fetchAuthSession()).tokens;
+
+ if (authSession) {
+ const userAttributes = await fetchUserAttributes();
+
+ const accessToken = authSession.accessToken.toString();
+
+ setState({ user: { ...authSession, ...userAttributes }, loading: false });
+ axios.defaults.headers.common.Authorization = `Bearer ${accessToken}`;
+ } else {
+ setState({ user: null, loading: false });
+ delete axios.defaults.headers.common.Authorization;
+ }
+ } catch (error) {
+ console.error(error);
+ setState({ user: null, loading: false });
+ }
+ }, [setState]);
+
+ useEffect(() => {
+ checkUserSession();
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, []);
+
+ // ----------------------------------------------------------------------
+
+ const checkAuthenticated = state.user ? 'authenticated' : 'unauthenticated';
+
+ const status = state.loading ? 'loading' : checkAuthenticated;
+
+ const memoizedValue = useMemo(
+ () => ({
+ user: state.user
+ ? {
+ ...state.user,
+ id: state.user?.sub,
+ accessToken: state.user?.accessToken?.toString(),
+ displayName: `${state.user?.given_name} ${state.user?.family_name}`,
+ role: state.user?.role ?? 'admin',
+ }
+ : null,
+ checkUserSession,
+ loading: status === 'loading',
+ authenticated: status === 'authenticated',
+ unauthenticated: status === 'unauthenticated',
+ }),
+ [checkUserSession, state.user, status]
+ );
+
+ return {children} ;
+}
diff --git a/front_minimal/src/auth/context/amplify/index.js b/front_minimal/src/auth/context/amplify/index.js
new file mode 100644
index 0000000..1597ff8
--- /dev/null
+++ b/front_minimal/src/auth/context/amplify/index.js
@@ -0,0 +1,3 @@
+export * from './action';
+
+export * from './auth-provider';
diff --git a/front_minimal/src/auth/context/auth-context.jsx b/front_minimal/src/auth/context/auth-context.jsx
new file mode 100644
index 0000000..d7dcce2
--- /dev/null
+++ b/front_minimal/src/auth/context/auth-context.jsx
@@ -0,0 +1,9 @@
+'use client';
+
+import { createContext } from 'react';
+
+// ----------------------------------------------------------------------
+
+export const AuthContext = createContext(undefined);
+
+export const AuthConsumer = AuthContext.Consumer;
diff --git a/front_minimal/src/auth/context/auth0/auth-provider.jsx b/front_minimal/src/auth/context/auth0/auth-provider.jsx
new file mode 100644
index 0000000..737a7f0
--- /dev/null
+++ b/front_minimal/src/auth/context/auth0/auth-provider.jsx
@@ -0,0 +1,90 @@
+'use client';
+
+import { useAuth0, Auth0Provider } from '@auth0/auth0-react';
+import { useMemo, useState, useEffect, useCallback } from 'react';
+
+import axios from 'src/utils/axios';
+
+import { CONFIG } from 'src/config-global';
+
+import { AuthContext } from '../auth-context';
+
+// ----------------------------------------------------------------------
+
+export function AuthProvider({ children }) {
+ const { domain, clientId, callbackUrl } = CONFIG.auth0;
+
+ const onRedirectCallback = useCallback((appState) => {
+ window.location.replace(appState?.returnTo || window.location.pathname);
+ }, []);
+
+ if (!(domain && clientId && callbackUrl)) {
+ return null;
+ }
+
+ return (
+
+ {children}
+
+ );
+}
+
+// ----------------------------------------------------------------------
+
+function AuthProviderContainer({ children }) {
+ const { user, isLoading, isAuthenticated, getAccessTokenSilently } = useAuth0();
+
+ const [accessToken, setAccessToken] = useState(null);
+
+ const getAccessToken = useCallback(async () => {
+ try {
+ if (isAuthenticated) {
+ const token = await getAccessTokenSilently();
+
+ setAccessToken(token);
+ axios.defaults.headers.common.Authorization = `Bearer ${token}`;
+ } else {
+ setAccessToken(null);
+ delete axios.defaults.headers.common.Authorization;
+ }
+ } catch (error) {
+ console.error(error);
+ }
+ }, [getAccessTokenSilently, isAuthenticated]);
+
+ useEffect(() => {
+ getAccessToken();
+ }, [getAccessToken]);
+
+ // ----------------------------------------------------------------------
+
+ const checkAuthenticated = isAuthenticated ? 'authenticated' : 'unauthenticated';
+
+ const status = isLoading ? 'loading' : checkAuthenticated;
+
+ const memoizedValue = useMemo(
+ () => ({
+ user: user
+ ? {
+ ...user,
+ id: user?.sub,
+ accessToken,
+ displayName: user?.name,
+ photoURL: user?.picture,
+ role: user?.role ?? 'admin',
+ }
+ : null,
+ loading: status === 'loading',
+ authenticated: status === 'authenticated',
+ unauthenticated: status === 'unauthenticated',
+ }),
+ [accessToken, status, user]
+ );
+
+ return {children} ;
+}
diff --git a/front_minimal/src/auth/context/auth0/index.js b/front_minimal/src/auth/context/auth0/index.js
new file mode 100644
index 0000000..99c7072
--- /dev/null
+++ b/front_minimal/src/auth/context/auth0/index.js
@@ -0,0 +1 @@
+export * from './auth-provider';
diff --git a/front_minimal/src/auth/context/firebase/action.js b/front_minimal/src/auth/context/firebase/action.js
new file mode 100644
index 0000000..c66fc31
--- /dev/null
+++ b/front_minimal/src/auth/context/firebase/action.js
@@ -0,0 +1,89 @@
+'use client';
+
+import { doc, setDoc, collection } from 'firebase/firestore';
+import {
+ signOut as _signOut,
+ signInWithPopup as _signInWithPopup,
+ GoogleAuthProvider as _GoogleAuthProvider,
+ GithubAuthProvider as _GithubAuthProvider,
+ TwitterAuthProvider as _TwitterAuthProvider,
+ sendEmailVerification as _sendEmailVerification,
+ sendPasswordResetEmail as _sendPasswordResetEmail,
+ signInWithEmailAndPassword as _signInWithEmailAndPassword,
+ createUserWithEmailAndPassword as _createUserWithEmailAndPassword,
+} from 'firebase/auth';
+
+import { AUTH, FIRESTORE } from 'src/lib/firebase';
+
+/** **************************************
+ * Sign in
+ *************************************** */
+export const signInWithPassword = async ({ email, password }) => {
+ try {
+ await _signInWithEmailAndPassword(AUTH, email, password);
+
+ const user = AUTH.currentUser;
+
+ if (!user?.emailVerified) {
+ throw new Error('Email not verified!');
+ }
+ } catch (error) {
+ console.error('Error during sign in with password:', error);
+ throw error;
+ }
+};
+
+export const signInWithGoogle = async () => {
+ const provider = new _GoogleAuthProvider();
+ await _signInWithPopup(AUTH, provider);
+};
+
+export const signInWithGithub = async () => {
+ const provider = new _GithubAuthProvider();
+ await _signInWithPopup(AUTH, provider);
+};
+
+export const signInWithTwitter = async () => {
+ const provider = new _TwitterAuthProvider();
+ await _signInWithPopup(AUTH, provider);
+};
+
+/** **************************************
+ * Sign up
+ *************************************** */
+export const signUp = async ({ email, password, firstName, lastName }) => {
+ try {
+ const newUser = await _createUserWithEmailAndPassword(AUTH, email, password);
+
+ /*
+ * (1) If skip emailVerified
+ * Remove : await _sendEmailVerification(newUser.user);
+ */
+ await _sendEmailVerification(newUser.user);
+
+ const userProfile = doc(collection(FIRESTORE, 'users'), newUser.user?.uid);
+
+ await setDoc(userProfile, {
+ uid: newUser.user?.uid,
+ email,
+ displayName: `${firstName} ${lastName}`,
+ });
+ } catch (error) {
+ console.error('Error during sign up:', error);
+ throw error;
+ }
+};
+
+/** **************************************
+ * Sign out
+ *************************************** */
+export const signOut = async () => {
+ await _signOut(AUTH);
+};
+
+/** **************************************
+ * Reset password
+ *************************************** */
+export const sendPasswordResetEmail = async ({ email }) => {
+ await _sendPasswordResetEmail(AUTH, email);
+};
diff --git a/front_minimal/src/auth/context/firebase/auth-provider.jsx b/front_minimal/src/auth/context/firebase/auth-provider.jsx
new file mode 100644
index 0000000..248a815
--- /dev/null
+++ b/front_minimal/src/auth/context/firebase/auth-provider.jsx
@@ -0,0 +1,84 @@
+'use client';
+
+import { doc, getDoc } from 'firebase/firestore';
+import { onAuthStateChanged } from 'firebase/auth';
+import { useMemo, useEffect, useCallback } from 'react';
+
+import { useSetState } from 'src/hooks/use-set-state';
+
+import axios from 'src/utils/axios';
+
+import { AUTH, FIRESTORE } from 'src/lib/firebase';
+
+import { AuthContext } from '../auth-context';
+
+// ----------------------------------------------------------------------
+
+export function AuthProvider({ children }) {
+ const { state, setState } = useSetState({
+ user: null,
+ loading: true,
+ });
+
+ const checkUserSession = useCallback(async () => {
+ try {
+ onAuthStateChanged(AUTH, async (user) => {
+ if (user && user.emailVerified) {
+ /*
+ * (1) If skip emailVerified
+ * Remove the condition (if/else) : user.emailVerified
+ */
+ const userProfile = doc(FIRESTORE, 'users', user.uid);
+
+ const docSnap = await getDoc(userProfile);
+
+ const profileData = docSnap.data();
+
+ const { accessToken } = user;
+
+ setState({ user: { ...user, ...profileData }, loading: false });
+ axios.defaults.headers.common.Authorization = `Bearer ${accessToken}`;
+ } else {
+ setState({ user: null, loading: false });
+ delete axios.defaults.headers.common.Authorization;
+ }
+ });
+ } catch (error) {
+ console.error(error);
+ setState({ user: null, loading: false });
+ }
+ }, [setState]);
+
+ useEffect(() => {
+ checkUserSession();
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, []);
+
+ // ----------------------------------------------------------------------
+
+ const checkAuthenticated = state.user ? 'authenticated' : 'unauthenticated';
+
+ const status = state.loading ? 'loading' : checkAuthenticated;
+
+ const memoizedValue = useMemo(
+ () => ({
+ user: state.user
+ ? {
+ ...state.user,
+ id: state.user?.uid,
+ accessToken: state.user?.accessToken,
+ displayName: state.user?.displayName,
+ photoURL: state.user?.photoURL,
+ role: state.user?.role ?? 'admin',
+ }
+ : null,
+ checkUserSession,
+ loading: status === 'loading',
+ authenticated: status === 'authenticated',
+ unauthenticated: status === 'unauthenticated',
+ }),
+ [checkUserSession, state.user, status]
+ );
+
+ return {children} ;
+}
diff --git a/front_minimal/src/auth/context/firebase/index.js b/front_minimal/src/auth/context/firebase/index.js
new file mode 100644
index 0000000..1597ff8
--- /dev/null
+++ b/front_minimal/src/auth/context/firebase/index.js
@@ -0,0 +1,3 @@
+export * from './action';
+
+export * from './auth-provider';
diff --git a/front_minimal/src/auth/context/jwt/action.js b/front_minimal/src/auth/context/jwt/action.js
new file mode 100644
index 0000000..fc5ba4f
--- /dev/null
+++ b/front_minimal/src/auth/context/jwt/action.js
@@ -0,0 +1,68 @@
+'use client';
+
+import axios, { endpoints } from 'src/utils/axios';
+
+import { setSession } from './utils';
+import { STORAGE_KEY } from './constant';
+
+/** **************************************
+ * Sign in
+ *************************************** */
+export const signInWithPassword = async ({ email, password }) => {
+ try {
+ const params = { email, password };
+
+ const res = await axios.post(endpoints.auth.signIn, params);
+
+ // Адаптация под твой API: { data: { tokens: { access } } }
+ const accessToken = res.data?.data?.tokens?.access;
+
+ if (!accessToken) {
+ throw new Error('Access token not found in response');
+ }
+
+ setSession(accessToken);
+ } catch (error) {
+ console.error('Error during sign in:', error);
+ throw error;
+ }
+};
+
+/** **************************************
+ * Sign up
+ *************************************** */
+export const signUp = async ({ email, password, firstName, lastName }) => {
+ const params = {
+ email,
+ password,
+ firstName,
+ lastName,
+ };
+
+ try {
+ const res = await axios.post(endpoints.auth.signUp, params);
+
+ const { accessToken } = res.data;
+
+ if (!accessToken) {
+ throw new Error('Access token not found in response');
+ }
+
+ sessionStorage.setItem(STORAGE_KEY, accessToken);
+ } catch (error) {
+ console.error('Error during sign up:', error);
+ throw error;
+ }
+};
+
+/** **************************************
+ * Sign out
+ *************************************** */
+export const signOut = async () => {
+ try {
+ await setSession(null);
+ } catch (error) {
+ console.error('Error during sign out:', error);
+ throw error;
+ }
+};
diff --git a/front_minimal/src/auth/context/jwt/auth-provider.jsx b/front_minimal/src/auth/context/jwt/auth-provider.jsx
new file mode 100644
index 0000000..43645f9
--- /dev/null
+++ b/front_minimal/src/auth/context/jwt/auth-provider.jsx
@@ -0,0 +1,67 @@
+'use client';
+
+import { useMemo, useEffect, useCallback } from 'react';
+import { useSetState } from 'src/hooks/use-set-state';
+import axios, { endpoints } from 'src/utils/axios';
+import { STORAGE_KEY } from './constant';
+import { AuthContext } from '../auth-context';
+import { setSession, isValidToken } from './utils';
+
+export function AuthProvider({ children }) {
+ const { state, setState } = useSetState({
+ user: null,
+ loading: true,
+ });
+
+ const checkUserSession = useCallback(async () => {
+ try {
+ const accessToken = sessionStorage.getItem(STORAGE_KEY);
+
+ if (accessToken && isValidToken(accessToken)) {
+ setSession(accessToken);
+
+ const res = await axios.get(endpoints.auth.me);
+
+ // Гарантируем получение объекта пользователя из data
+ const userData = res.data?.data || res.data;
+
+ // Если прилетел массив или невалидный объект - сбрасываем
+ if (!userData || typeof userData !== 'object' || Array.isArray(userData)) {
+ throw new Error('Invalid user data format');
+ }
+
+ setState({ user: { ...userData, accessToken }, loading: false });
+ } else {
+ setState({ user: null, loading: false });
+ }
+ } catch (error) {
+ console.error('[Auth Debug]:', error);
+ setState({ user: null, loading: false });
+ }
+ }, [setState]);
+
+ useEffect(() => {
+ checkUserSession();
+ }, [checkUserSession]);
+
+ const checkAuthenticated = state.user ? 'authenticated' : 'unauthenticated';
+ const status = state.loading ? 'loading' : checkAuthenticated;
+
+ const memoizedValue = useMemo(
+ () => ({
+ user: state.user
+ ? {
+ ...state.user,
+ role: state.user?.role ?? 'admin',
+ }
+ : null,
+ checkUserSession,
+ loading: status === 'loading',
+ authenticated: status === 'authenticated',
+ unauthenticated: status === 'unauthenticated',
+ }),
+ [checkUserSession, state.user, status]
+ );
+
+ return {children} ;
+}
diff --git a/front_minimal/src/auth/context/jwt/constant.js b/front_minimal/src/auth/context/jwt/constant.js
new file mode 100644
index 0000000..14d75cb
--- /dev/null
+++ b/front_minimal/src/auth/context/jwt/constant.js
@@ -0,0 +1 @@
+export const STORAGE_KEY = 'jwt_access_token';
diff --git a/front_minimal/src/auth/context/jwt/index.js b/front_minimal/src/auth/context/jwt/index.js
new file mode 100644
index 0000000..0ec4a9b
--- /dev/null
+++ b/front_minimal/src/auth/context/jwt/index.js
@@ -0,0 +1,7 @@
+export * from './utils';
+
+export * from './action';
+
+export * from './constant';
+
+export * from './auth-provider';
diff --git a/front_minimal/src/auth/context/jwt/utils.js b/front_minimal/src/auth/context/jwt/utils.js
new file mode 100644
index 0000000..ed72a61
--- /dev/null
+++ b/front_minimal/src/auth/context/jwt/utils.js
@@ -0,0 +1,94 @@
+import { paths } from 'src/routes/paths';
+
+import axios from 'src/utils/axios';
+
+import { STORAGE_KEY } from './constant';
+
+// ----------------------------------------------------------------------
+
+export function jwtDecode(token) {
+ try {
+ if (!token) return null;
+
+ const parts = token.split('.');
+ if (parts.length < 2) {
+ throw new Error('Invalid token!');
+ }
+
+ const base64Url = parts[1];
+ const base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');
+ const decoded = JSON.parse(atob(base64));
+
+ return decoded;
+ } catch (error) {
+ console.error('Error decoding token:', error);
+ throw error;
+ }
+}
+
+// ----------------------------------------------------------------------
+
+export function isValidToken(accessToken) {
+ if (!accessToken) {
+ return false;
+ }
+
+ try {
+ const decoded = jwtDecode(accessToken);
+
+ if (!decoded || !('exp' in decoded)) {
+ return false;
+ }
+
+ const currentTime = Date.now() / 1000;
+
+ return decoded.exp > currentTime;
+ } catch (error) {
+ console.error('Error during token validation:', error);
+ return false;
+ }
+}
+
+// ----------------------------------------------------------------------
+
+export function tokenExpired(exp) {
+ const currentTime = Date.now();
+ const timeLeft = exp * 1000 - currentTime;
+
+ setTimeout(() => {
+ try {
+ alert('Token expired!');
+ sessionStorage.removeItem(STORAGE_KEY);
+ window.location.href = paths.auth.jwt.signIn;
+ } catch (error) {
+ console.error('Error during token expiration:', error);
+ throw error;
+ }
+ }, timeLeft);
+}
+
+// ----------------------------------------------------------------------
+
+export async function setSession(accessToken) {
+ try {
+ if (accessToken) {
+ sessionStorage.setItem(STORAGE_KEY, accessToken);
+
+ axios.defaults.headers.common.Authorization = `Bearer ${accessToken}`;
+
+ const decodedToken = jwtDecode(accessToken); // ~3 days by minimals server
+
+ if (decodedToken && 'exp' in decodedToken) {
+ tokenExpired(decodedToken.exp);
+ } else {
+ throw new Error('Invalid access token!');
+ }
+ } else {
+ sessionStorage.removeItem(STORAGE_KEY);
+ delete axios.defaults.headers.common.Authorization;
+ }
+ } catch (error) {
+ console.error('Error during set session:', error);
+ throw error;
+ }
+}
diff --git a/front_minimal/src/auth/context/supabase/action.jsx b/front_minimal/src/auth/context/supabase/action.jsx
new file mode 100644
index 0000000..4ddf2db
--- /dev/null
+++ b/front_minimal/src/auth/context/supabase/action.jsx
@@ -0,0 +1,88 @@
+'use client';
+
+import { paths } from 'src/routes/paths';
+
+import { supabase } from 'src/lib/supabase';
+
+/** **************************************
+ * Sign in
+ *************************************** */
+export const signInWithPassword = async ({ email, password }) => {
+ const { data, error } = await supabase.auth.signInWithPassword({ email, password });
+
+ if (error) {
+ console.error(error);
+ throw error;
+ }
+
+ return { data, error };
+};
+
+/** **************************************
+ * Sign up
+ *************************************** */
+export const signUp = async ({ email, password, firstName, lastName }) => {
+ const { data, error } = await supabase.auth.signUp({
+ email,
+ password,
+ options: {
+ emailRedirectTo: `${window.location.origin}${paths.dashboard.root}`,
+ data: { display_name: `${firstName} ${lastName}` },
+ },
+ });
+
+ if (error) {
+ console.error(error);
+ throw error;
+ }
+
+ if (!data?.user?.identities?.length) {
+ throw new Error('This user already exists');
+ }
+
+ return { data, error };
+};
+
+/** **************************************
+ * Sign out
+ *************************************** */
+export const signOut = async () => {
+ const { error } = await supabase.auth.signOut();
+
+ if (error) {
+ console.error(error);
+ throw error;
+ }
+
+ return { error };
+};
+
+/** **************************************
+ * Reset password
+ *************************************** */
+export const resetPassword = async ({ email }) => {
+ const { data, error } = await supabase.auth.resetPasswordForEmail(email, {
+ redirectTo: `${window.location.origin}${paths.auth.supabase.updatePassword}`,
+ });
+
+ if (error) {
+ console.error(error);
+ throw error;
+ }
+
+ return { data, error };
+};
+
+/** **************************************
+ * Update password
+ *************************************** */
+export const updatePassword = async ({ password }) => {
+ const { data, error } = await supabase.auth.updateUser({ password });
+
+ if (error) {
+ console.error(error);
+ throw error;
+ }
+
+ return { data, error };
+};
diff --git a/front_minimal/src/auth/context/supabase/auth-provider.jsx b/front_minimal/src/auth/context/supabase/auth-provider.jsx
new file mode 100644
index 0000000..3a2e0b9
--- /dev/null
+++ b/front_minimal/src/auth/context/supabase/auth-provider.jsx
@@ -0,0 +1,80 @@
+'use client';
+
+import { useMemo, useEffect, useCallback } from 'react';
+
+import { useSetState } from 'src/hooks/use-set-state';
+
+import axios from 'src/utils/axios';
+
+import { supabase } from 'src/lib/supabase';
+
+import { AuthContext } from '../auth-context';
+
+// ----------------------------------------------------------------------
+
+export function AuthProvider({ children }) {
+ const { state, setState } = useSetState({
+ user: null,
+ loading: true,
+ });
+
+ const checkUserSession = useCallback(async () => {
+ try {
+ const {
+ data: { session },
+ error,
+ } = await supabase.auth.getSession();
+
+ if (error) {
+ setState({ user: null, loading: false });
+ console.error(error);
+ throw error;
+ }
+
+ if (session) {
+ const accessToken = session?.access_token;
+
+ setState({ user: { ...session, ...session?.user }, loading: false });
+ axios.defaults.headers.common.Authorization = `Bearer ${accessToken}`;
+ } else {
+ setState({ user: null, loading: false });
+ delete axios.defaults.headers.common.Authorization;
+ }
+ } catch (error) {
+ console.error(error);
+ setState({ user: null, loading: false });
+ }
+ }, [setState]);
+
+ useEffect(() => {
+ checkUserSession();
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, []);
+
+ // ----------------------------------------------------------------------
+
+ const checkAuthenticated = state.user ? 'authenticated' : 'unauthenticated';
+
+ const status = state.loading ? 'loading' : checkAuthenticated;
+
+ const memoizedValue = useMemo(
+ () => ({
+ user: state.user
+ ? {
+ ...state.user,
+ id: state.user?.id,
+ accessToken: state.user?.access_token,
+ displayName: `${state.user?.user_metadata.display_name}`,
+ role: state.user?.role ?? 'admin',
+ }
+ : null,
+ checkUserSession,
+ loading: status === 'loading',
+ authenticated: status === 'authenticated',
+ unauthenticated: status === 'unauthenticated',
+ }),
+ [checkUserSession, state.user, status]
+ );
+
+ return {children} ;
+}
diff --git a/front_minimal/src/auth/context/supabase/index.js b/front_minimal/src/auth/context/supabase/index.js
new file mode 100644
index 0000000..1597ff8
--- /dev/null
+++ b/front_minimal/src/auth/context/supabase/index.js
@@ -0,0 +1,3 @@
+export * from './action';
+
+export * from './auth-provider';
diff --git a/front_minimal/src/auth/guard/auth-guard.jsx b/front_minimal/src/auth/guard/auth-guard.jsx
new file mode 100644
index 0000000..0e7bf6d
--- /dev/null
+++ b/front_minimal/src/auth/guard/auth-guard.jsx
@@ -0,0 +1,72 @@
+'use client';
+
+import { useState, useEffect, useCallback } from 'react';
+
+import { paths } from 'src/routes/paths';
+import { useRouter, usePathname, useSearchParams } from 'src/routes/hooks';
+
+import { CONFIG } from 'src/config-global';
+
+import { SplashScreen } from 'src/components/loading-screen';
+
+import { useAuthContext } from '../hooks';
+
+// ----------------------------------------------------------------------
+
+export function AuthGuard({ children }) {
+ const router = useRouter();
+
+ const pathname = usePathname();
+
+ const searchParams = useSearchParams();
+
+ const { authenticated, loading } = useAuthContext();
+
+ const [isChecking, setIsChecking] = useState(true);
+
+ const createQueryString = useCallback(
+ (name, value) => {
+ const params = new URLSearchParams(searchParams.toString());
+ params.set(name, value);
+
+ return params.toString();
+ },
+ [searchParams]
+ );
+
+ const checkPermissions = async () => {
+ if (loading) {
+ return;
+ }
+
+ if (!authenticated) {
+ const { method } = CONFIG.auth;
+
+ const signInPath = {
+ jwt: paths.auth.jwt.signIn,
+ auth0: paths.auth.auth0.signIn,
+ amplify: paths.auth.amplify.signIn,
+ firebase: paths.auth.firebase.signIn,
+ supabase: paths.auth.supabase.signIn,
+ }[method];
+
+ const href = `${signInPath}?${createQueryString('returnTo', pathname)}`;
+
+ router.replace(href);
+ return;
+ }
+
+ setIsChecking(false);
+ };
+
+ useEffect(() => {
+ checkPermissions();
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [authenticated, loading]);
+
+ if (isChecking) {
+ return
+
+
+ Permission denied
+
+
+
+
+
+ You do not have permission to access this page.
+
+
+
+
+
+
+ ) : null;
+ }
+
+ return <> {children} ;
+}
diff --git a/front_minimal/src/auth/hooks/index.js b/front_minimal/src/auth/hooks/index.js
new file mode 100644
index 0000000..4555a5e
--- /dev/null
+++ b/front_minimal/src/auth/hooks/index.js
@@ -0,0 +1,2 @@
+export { useMockedUser } from './use-mocked-user';
+export { useAuthContext } from './use-auth-context';
diff --git a/front_minimal/src/auth/hooks/use-auth-context.js b/front_minimal/src/auth/hooks/use-auth-context.js
new file mode 100644
index 0000000..91433bb
--- /dev/null
+++ b/front_minimal/src/auth/hooks/use-auth-context.js
@@ -0,0 +1,17 @@
+'use client';
+
+import { useContext } from 'react';
+
+import { AuthContext } from '../context/auth-context';
+
+// ----------------------------------------------------------------------
+
+export function useAuthContext() {
+ const context = useContext(AuthContext);
+
+ if (!context) {
+ throw new Error('useAuthContext: Context must be used inside AuthProvider');
+ }
+
+ return context;
+}
diff --git a/front_minimal/src/auth/hooks/use-mocked-user.js b/front_minimal/src/auth/hooks/use-mocked-user.js
new file mode 100644
index 0000000..96a8c6e
--- /dev/null
+++ b/front_minimal/src/auth/hooks/use-mocked-user.js
@@ -0,0 +1,33 @@
+import { _mock } from 'src/_mock';
+
+// To get the user from the
+
+ {children}
+
+
+
+ );
+}
diff --git a/front_minimal/src/components/animate/animate-border.jsx b/front_minimal/src/components/animate/animate-border.jsx
new file mode 100644
index 0000000..6212ed6
--- /dev/null
+++ b/front_minimal/src/components/animate/animate-border.jsx
@@ -0,0 +1,147 @@
+'use client';
+
+import { m } from 'framer-motion';
+import { useRef, useState, useEffect } from 'react';
+
+import Box from '@mui/material/Box';
+
+import { borderGradient } from 'src/theme/styles';
+
+// ----------------------------------------------------------------------
+
+export function AnimateBorder({ animate, sx }) {
+ const rootRef = useRef(null);
+
+ const animateRef = useRef(null);
+
+ const [aspectRatio, setAspectRatio] = useState(1);
+
+ const [animateStyle, setAnimateStyle] = useState(null);
+
+ const values = {
+ disable: animate?.disable,
+ delay: animate?.delay ?? 0,
+ loop: animate?.loop ?? true,
+ angle: animate?.angle ?? 315,
+ length: animate?.length ?? 40,
+ width: animate?.width ?? '2px',
+ color: animate?.color ?? '#000',
+ ease: animate?.ease ?? 'linear',
+ duration: animate?.duration ?? 8,
+ distance: animate?.distance ?? 20,
+ repeatType: animate?.repeatType ?? 'loop',
+ disableDoubleline: animate?.disableDoubleline,
+ outline: animate?.outline ?? `135deg, rgba(0,0,0,0.08), rgba(0,0,0,0.08)`,
+ };
+
+ useEffect(() => {
+ if (!values.disable) {
+ if (rootRef.current) {
+ const { width, height } = rootRef.current.getBoundingClientRect();
+
+ setAspectRatio(width / height);
+ }
+
+ if (!values.disableDoubleline && animateRef.current) {
+ const style = getComputedStyle(animateRef.current);
+
+ setAnimateStyle({
+ paddingLeft: style.paddingLeft,
+ paddingRight: style.paddingRight,
+ paddingBottom: style.paddingBottom,
+ paddingTop: style.paddingTop,
+ borderTopLeftRadius: style.borderTopLeftRadius,
+ borderTopRightRadius: style.borderTopRightRadius,
+ borderBottomLeftRadius: style.borderBottomLeftRadius,
+ borderBottomRightRadius: style.borderBottomRightRadius,
+ });
+ }
+ }
+ }, [values.disable, values.disableDoubleline]);
+
+ const background = (color) => {
+ const degs = [-55, 35, 125, 215, 305];
+
+ const end = `transparent ${values.angle - (2 + values.length)}deg, ${color} ${values.angle}deg, transparent ${values.angle + values.length}deg`;
+
+ return [
+ `conic-gradient(from ${degs[0]}deg at ${values.distance / aspectRatio}% ${values.distance}% , ${end})`,
+ `conic-gradient(from ${degs[1]}deg at ${100 - values.distance / aspectRatio}% ${values.distance}% , ${end})`,
+ `conic-gradient(from ${degs[2]}deg at ${100 - values.distance / aspectRatio}% ${100 - values.distance}% , ${end})`,
+ `conic-gradient(from ${degs[3]}deg at ${values.distance / aspectRatio}% ${100 - values.distance}% , ${end})`,
+ `conic-gradient(from ${degs[4]}deg at ${values.distance / aspectRatio}% ${values.distance}% , ${end})`,
+ ];
+ };
+
+ const transition = {
+ ease: values.ease,
+ delay: values.delay,
+ duration: values.duration,
+ repeatType: values.repeatType,
+ repeat: values.loop ? Infinity : 1,
+ times:
+ aspectRatio > 1
+ ? [0, 0.25 + 0.25 / aspectRatio, 0.5, 0.75 + 0.25 / aspectRatio, 1]
+ : [0, aspectRatio * 0.25, 0.5, 0.5 + aspectRatio * 0.25, 1],
+ };
+
+ return (
+
+
+ );
+}
diff --git a/front_minimal/src/components/animate/animate-count-up.jsx b/front_minimal/src/components/animate/animate-count-up.jsx
new file mode 100644
index 0000000..299dbd6
--- /dev/null
+++ b/front_minimal/src/components/animate/animate-count-up.jsx
@@ -0,0 +1,49 @@
+import { useRef, useEffect } from 'react';
+import { m, animate, useInView, useTransform, useMotionValue } from 'framer-motion';
+
+import Typography from '@mui/material/Typography';
+
+// ----------------------------------------------------------------------
+
+export function AnimateCountUp({
+ to,
+ sx,
+ from = 0,
+ unit = '',
+ toFixed = 0,
+ duration = 2,
+ once = true,
+ amount = 0.5,
+ component = 'p',
+ ...other
+}) {
+ const ref = useRef(null);
+
+ const inView = useInView(ref, { once, amount });
+
+ const count = useMotionValue(from);
+
+ const rounded = useTransform(count, (latest) => latest.toFixed(toFixed));
+
+ useEffect(() => {
+ if (inView) {
+ animate(count, to, { duration });
+ }
+ }, [count, duration, inView, to]);
+
+ return (
+
+ {rounded}
+ {unit}
+
+ );
+}
diff --git a/front_minimal/src/components/animate/animate-logo.jsx b/front_minimal/src/components/animate/animate-logo.jsx
new file mode 100644
index 0000000..c68327f
--- /dev/null
+++ b/front_minimal/src/components/animate/animate-logo.jsx
@@ -0,0 +1,117 @@
+import { m } from 'framer-motion';
+
+import Box from '@mui/material/Box';
+
+import { varAlpha } from 'src/theme/styles';
+
+import { Logo } from '../logo';
+
+// ----------------------------------------------------------------------
+
+export function AnimateLogo1({ logo, sx, ...other }) {
+ return (
+
+
+ {logo ??
+
+ `solid 3px ${varAlpha(theme.vars.palette.primary.darkChannel, 0.24)}`,
+ }}
+ />
+
+ `solid 8px ${varAlpha(theme.vars.palette.primary.darkChannel, 0.24)}`,
+ }}
+ />
+
+ );
+}
+
+// ----------------------------------------------------------------------
+
+export function AnimateLogo2({ logo, sx, ...other }) {
+ return (
+
+ {logo ??
+ theme.transitions.create(['opacity'], {
+ easing: theme.transitions.easing.easeInOut,
+ duration: theme.transitions.duration.shorter,
+ }),
+ background: (theme) =>
+ `linear-gradient(135deg, ${varAlpha(theme.vars.palette.primary.mainChannel, 0)} 50%, ${theme.vars.palette.primary.main} 100%)`,
+ }}
+ />
+
+ );
+}
diff --git a/front_minimal/src/components/animate/animate-text.jsx b/front_minimal/src/components/animate/animate-text.jsx
new file mode 100644
index 0000000..3a55451
--- /dev/null
+++ b/front_minimal/src/components/animate/animate-text.jsx
@@ -0,0 +1,150 @@
+import { useRef, useEffect } from 'react';
+import { m, useInView, useAnimation } from 'framer-motion';
+
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+
+import { varFade, varContainer } from './variants';
+
+// ----------------------------------------------------------------------
+
+export const animateTextClasses = {
+ root: 'animate-text-root',
+ lines: 'animate-text-lines',
+ line: 'animate-text-line',
+ word: 'animate-text-word',
+ char: 'animate-text-char',
+ space: 'animate-text-space',
+ srOnly: 'sr-only',
+ dataIndex: '[data-columns="3"]',
+};
+
+export function AnimateText({
+ sx,
+ text,
+ variants,
+ once = true,
+ amount = 1 / 3,
+ component = 'p',
+ repeatDelay = 500, // 1000 = 1s
+ ...other
+}) {
+ const ref = useRef(null);
+
+ const controls = useAnimation();
+
+ const textArray = Array.isArray(text) ? text : [text];
+
+ const isInView = useInView(ref, { once, amount });
+
+ useEffect(() => {
+ let timeout;
+
+ const show = () => {
+ if (repeatDelay) {
+ timeout = setTimeout(async () => {
+ await controls.start('initial');
+ controls.start('animate');
+ }, repeatDelay);
+ } else {
+ controls.start('animate');
+ }
+ };
+
+ if (isInView) {
+ show();
+ } else {
+ controls.start('initial');
+ }
+
+ return () => clearTimeout(timeout);
+ }, [controls, isInView, repeatDelay]);
+
+ return (
+
+ {textArray.join(' ')}
+
+
+ {textArray.map((line, lineIndex) => (
+
+ {line.split(' ').map((word, wordIndex) => {
+ const lastWordInline = line.split(' ')[line.split(' ').length - 1];
+
+ return (
+
+ {word.split('').map((char, charIndex) => (
+
+ {char}
+
+ ))}
+
+ {lastWordInline !== word && (
+
+
+
+ )}
+
+ );
+ })}
+
+ ))}
+
+
+ );
+}
diff --git a/front_minimal/src/components/animate/back-to-top/back-to-top.jsx b/front_minimal/src/components/animate/back-to-top/back-to-top.jsx
new file mode 100644
index 0000000..35e9446
--- /dev/null
+++ b/front_minimal/src/components/animate/back-to-top/back-to-top.jsx
@@ -0,0 +1,45 @@
+import { useState } from 'react';
+import { useScroll, useMotionValueEvent } from 'framer-motion';
+
+import Fab from '@mui/material/Fab';
+
+import { Iconify } from 'src/components/iconify';
+
+// ----------------------------------------------------------------------
+
+export function BackToTop({ value = 90, sx, ...other }) {
+ const { scrollYProgress } = useScroll();
+
+ const [show, setShow] = useState(false);
+
+ const backToTop = () => {
+ window.scrollTo({ top: 0, behavior: 'smooth' });
+ };
+
+ useMotionValueEvent(scrollYProgress, 'change', (latest) => {
+ const isEnd = Math.floor(latest * 100) > value; // unit is %
+ setShow(isEnd);
+ });
+
+ return (
+ theme.zIndex.speedDial,
+ transition: (theme) => theme.transitions.create(['transform']),
+ ...(show && { transform: 'scale(1)' }),
+ ...sx,
+ }}
+ {...other}
+ >
+
+ );
+}
diff --git a/front_minimal/src/components/animate/back-to-top/index.js b/front_minimal/src/components/animate/back-to-top/index.js
new file mode 100644
index 0000000..fa6b1c0
--- /dev/null
+++ b/front_minimal/src/components/animate/back-to-top/index.js
@@ -0,0 +1 @@
+export * from './back-to-top';
diff --git a/front_minimal/src/components/animate/features.js b/front_minimal/src/components/animate/features.js
new file mode 100644
index 0000000..9e51e8f
--- /dev/null
+++ b/front_minimal/src/components/animate/features.js
@@ -0,0 +1,3 @@
+import { domMax } from 'framer-motion';
+
+export default domMax;
diff --git a/front_minimal/src/components/animate/index.js b/front_minimal/src/components/animate/index.js
new file mode 100644
index 0000000..3f1f15d
--- /dev/null
+++ b/front_minimal/src/components/animate/index.js
@@ -0,0 +1,19 @@
+export * from './variants';
+
+export * from './back-to-top';
+
+export * from './animate-text';
+
+export * from './animate-logo';
+
+export * from './animate-avatar';
+
+export * from './animate-border';
+
+export * from './motion-viewport';
+
+export * from './scroll-progress';
+
+export * from './animate-count-up';
+
+export * from './motion-container';
diff --git a/front_minimal/src/components/animate/motion-container.jsx b/front_minimal/src/components/animate/motion-container.jsx
new file mode 100644
index 0000000..64bd350
--- /dev/null
+++ b/front_minimal/src/components/animate/motion-container.jsx
@@ -0,0 +1,22 @@
+import { m } from 'framer-motion';
+import { forwardRef } from 'react';
+
+import Box from '@mui/material/Box';
+
+import { varContainer } from './variants';
+
+export const MotionContainer = forwardRef(
+ ({ animate, action = false, children, ...other }, ref) => {
+ const commonProps = {
+ ref,
+ component: m.div,
+ variants: varContainer(),
+ initial: action ? false : 'initial',
+ animate: action ? (animate ? 'animate' : 'exit') : 'animate',
+ exit: action ? undefined : 'exit',
+ ...other,
+ };
+
+ return {children} ;
+ }
+);
diff --git a/front_minimal/src/components/animate/motion-lazy.jsx b/front_minimal/src/components/animate/motion-lazy.jsx
new file mode 100644
index 0000000..08d1583
--- /dev/null
+++ b/front_minimal/src/components/animate/motion-lazy.jsx
@@ -0,0 +1,15 @@
+'use client';
+
+import { LazyMotion } from 'framer-motion';
+
+const loadFeaturesAsync = async () => import('./features').then((res) => res.default);
+
+// ----------------------------------------------------------------------
+
+export function MotionLazy({ children }) {
+ return (
+
+ {children}
+
+ );
+}
diff --git a/front_minimal/src/components/animate/motion-viewport.jsx b/front_minimal/src/components/animate/motion-viewport.jsx
new file mode 100644
index 0000000..0b1ee19
--- /dev/null
+++ b/front_minimal/src/components/animate/motion-viewport.jsx
@@ -0,0 +1,30 @@
+import { m } from 'framer-motion';
+import { forwardRef } from 'react';
+
+import Box from '@mui/material/Box';
+
+import { useResponsive } from 'src/hooks/use-responsive';
+
+import { varContainer } from './variants';
+
+export const MotionViewport = forwardRef(({ children, disableAnimate = true, ...other }, ref) => {
+ const smDown = useResponsive('down', 'sm');
+
+ const disabled = smDown && disableAnimate;
+
+ const props = disabled
+ ? {}
+ : {
+ component: m.div,
+ initial: 'initial',
+ whileInView: 'animate',
+ variants: varContainer(),
+ viewport: { once: true, amount: 0.3 },
+ };
+
+ return (
+
+ {children}
+
+ );
+});
diff --git a/front_minimal/src/components/animate/scroll-progress/index.js b/front_minimal/src/components/animate/scroll-progress/index.js
new file mode 100644
index 0000000..1521b57
--- /dev/null
+++ b/front_minimal/src/components/animate/scroll-progress/index.js
@@ -0,0 +1,3 @@
+export * from './scroll-progress';
+
+export * from './use-scroll-progress';
diff --git a/front_minimal/src/components/animate/scroll-progress/scroll-progress.jsx b/front_minimal/src/components/animate/scroll-progress/scroll-progress.jsx
new file mode 100644
index 0000000..988c5e3
--- /dev/null
+++ b/front_minimal/src/components/animate/scroll-progress/scroll-progress.jsx
@@ -0,0 +1,89 @@
+import { m, useSpring } from 'framer-motion';
+
+import Box from '@mui/material/Box';
+
+// ----------------------------------------------------------------------
+
+export function ScrollProgress({
+ size,
+ variant,
+ progress,
+ thickness = 3.6,
+ color = 'primary',
+ sx,
+ ...other
+}) {
+ const scaleX = useSpring(progress, { stiffness: 100, damping: 30, restDelta: 0.001 });
+
+ const progressSize = variant === 'circular' ? size ?? 64 : size ?? 3;
+
+ const renderCircular = (
+ theme.vars.palette.text.primary,
+ ...(color !== 'inherit' && {
+ color: (theme) => theme.vars.palette[color].main,
+ }),
+ circle: {
+ fill: 'none',
+ strokeDashoffset: 0,
+ strokeWidth: thickness,
+ stroke: 'currentColor',
+ },
+ ...sx,
+ }}
+ {...other}
+ >
+
+ );
+
+ const renderLinear = (
+
+ `linear-gradient(135deg, ${theme.vars.palette[color].light}, ${theme.vars.palette[color].main})`,
+ }),
+ ...sx,
+ }}
+ style={{ scaleX }}
+ {...other}
+ />
+ );
+
+ return (
+ {variant === 'circular' ? renderCircular : renderLinear}
+ );
+}
diff --git a/front_minimal/src/components/animate/scroll-progress/use-scroll-progress.js b/front_minimal/src/components/animate/scroll-progress/use-scroll-progress.js
new file mode 100644
index 0000000..e0bcda4
--- /dev/null
+++ b/front_minimal/src/components/animate/scroll-progress/use-scroll-progress.js
@@ -0,0 +1,23 @@
+'use client';
+
+import { useRef, useMemo } from 'react';
+import { useScroll } from 'framer-motion';
+
+// ----------------------------------------------------------------------
+
+export function useScrollProgress(target = 'document') {
+ const elementRef = useRef(null);
+
+ const options = { container: elementRef };
+
+ const { scrollYProgress, scrollXProgress } = useScroll(
+ target === 'container' ? options : undefined
+ );
+
+ const memoizedValue = useMemo(
+ () => ({ elementRef, scrollXProgress, scrollYProgress }),
+ [elementRef, scrollXProgress, scrollYProgress]
+ );
+
+ return memoizedValue;
+}
diff --git a/front_minimal/src/components/animate/variants/actions.js b/front_minimal/src/components/animate/variants/actions.js
new file mode 100644
index 0000000..e910044
--- /dev/null
+++ b/front_minimal/src/components/animate/variants/actions.js
@@ -0,0 +1,6 @@
+// ----------------------------------------------------------------------
+
+export const varHover = (hover = 1.09, tap = 0.97) => ({
+ hover: { scale: hover },
+ tap: { scale: tap },
+});
diff --git a/front_minimal/src/components/animate/variants/background.js b/front_minimal/src/components/animate/variants/background.js
new file mode 100644
index 0000000..5218b33
--- /dev/null
+++ b/front_minimal/src/components/animate/variants/background.js
@@ -0,0 +1,98 @@
+// ----------------------------------------------------------------------
+
+export const varBgColor = (props) => {
+ const colors = props?.colors || ['#19dcea', '#b22cff'];
+ const duration = props?.duration || 5;
+ const ease = props?.ease || 'linear';
+
+ return { animate: { background: colors, transition: { duration, ease } } };
+};
+
+// ----------------------------------------------------------------------
+
+export const varBgKenburns = (props) => {
+ const duration = props?.duration || 5;
+ const ease = props?.ease || 'easeOut';
+
+ return {
+ top: {
+ animate: {
+ scale: [1, 1.25],
+ y: [0, -15],
+ transformOrigin: ['50% 16%', '50% top'],
+ transition: { duration, ease },
+ },
+ },
+ bottom: {
+ animate: {
+ scale: [1, 1.25],
+ y: [0, 15],
+ transformOrigin: ['50% 84%', '50% bottom'],
+ transition: { duration, ease },
+ },
+ },
+ left: {
+ animate: {
+ scale: [1, 1.25],
+ x: [0, 20],
+ y: [0, 15],
+ transformOrigin: ['16% 50%', '0% left'],
+ transition: { duration, ease },
+ },
+ },
+ right: {
+ animate: {
+ scale: [1, 1.25],
+ x: [0, -20],
+ y: [0, -15],
+ transformOrigin: ['84% 50%', '0% right'],
+ transition: { duration, ease },
+ },
+ },
+ };
+};
+
+// ----------------------------------------------------------------------
+
+export const varBgPan = (props) => {
+ const colors = props?.colors || ['#ee7752', '#e73c7e', '#23a6d5', '#23d5ab'];
+ const duration = props?.duration || 5;
+ const ease = props?.ease || 'linear';
+
+ const gradient = (deg) => `linear-gradient(${deg}deg, ${colors})`;
+
+ return {
+ top: {
+ animate: {
+ backgroundImage: [gradient(0), gradient(0)],
+ backgroundPosition: ['center 99%', 'center 1%'],
+ backgroundSize: ['100% 600%', '100% 600%'],
+ transition: { duration, ease },
+ },
+ },
+ right: {
+ animate: {
+ backgroundPosition: ['1% center', '99% center'],
+ backgroundImage: [gradient(270), gradient(270)],
+ backgroundSize: ['600% 100%', '600% 100%'],
+ transition: { duration, ease },
+ },
+ },
+ bottom: {
+ animate: {
+ backgroundImage: [gradient(0), gradient(0)],
+ backgroundPosition: ['center 1%', 'center 99%'],
+ backgroundSize: ['100% 600%', '100% 600%'],
+ transition: { duration, ease },
+ },
+ },
+ left: {
+ animate: {
+ backgroundPosition: ['99% center', '1% center'],
+ backgroundImage: [gradient(270), gradient(270)],
+ backgroundSize: ['600% 100%', '600% 100%'],
+ transition: { duration, ease },
+ },
+ },
+ };
+};
diff --git a/front_minimal/src/components/animate/variants/bounce.js b/front_minimal/src/components/animate/variants/bounce.js
new file mode 100644
index 0000000..49ac79f
--- /dev/null
+++ b/front_minimal/src/components/animate/variants/bounce.js
@@ -0,0 +1,90 @@
+import { varTranExit, varTranEnter } from './transition';
+
+// ----------------------------------------------------------------------
+
+export const varBounce = (props) => {
+ const durationIn = props?.durationIn;
+ const durationOut = props?.durationOut;
+ const easeIn = props?.easeIn;
+ const easeOut = props?.easeOut;
+
+ return {
+ // IN
+ in: {
+ initial: {},
+ animate: {
+ scale: [0.3, 1.1, 0.9, 1.03, 0.97, 1],
+ opacity: [0, 1, 1, 1, 1, 1],
+ transition: varTranEnter({ durationIn, easeIn }),
+ },
+ exit: { scale: [0.9, 1.1, 0.3], opacity: [1, 1, 0] },
+ },
+ inUp: {
+ initial: {},
+ animate: {
+ y: [720, -24, 12, -4, 0],
+ scaleY: [4, 0.9, 0.95, 0.985, 1],
+ opacity: [0, 1, 1, 1, 1],
+ transition: { ...varTranEnter({ durationIn, easeIn }) },
+ },
+ exit: {
+ y: [12, -24, 720],
+ scaleY: [0.985, 0.9, 3],
+ opacity: [1, 1, 0],
+ transition: varTranExit({ durationOut, easeOut }),
+ },
+ },
+ inDown: {
+ initial: {},
+ animate: {
+ y: [-720, 24, -12, 4, 0],
+ scaleY: [4, 0.9, 0.95, 0.985, 1],
+ opacity: [0, 1, 1, 1, 1],
+ transition: varTranEnter({ durationIn, easeIn }),
+ },
+ exit: {
+ y: [-12, 24, -720],
+ scaleY: [0.985, 0.9, 3],
+ opacity: [1, 1, 0],
+ transition: varTranExit({ durationOut, easeOut }),
+ },
+ },
+ inLeft: {
+ initial: {},
+ animate: {
+ x: [-720, 24, -12, 4, 0],
+ scaleX: [3, 1, 0.98, 0.995, 1],
+ opacity: [0, 1, 1, 1, 1],
+ transition: varTranEnter({ durationIn, easeIn }),
+ },
+ exit: {
+ x: [0, 24, -720],
+ scaleX: [1, 0.9, 2],
+ opacity: [1, 1, 0],
+ transition: varTranExit({ durationOut, easeOut }),
+ },
+ },
+ inRight: {
+ initial: {},
+ animate: {
+ x: [720, -24, 12, -4, 0],
+ scaleX: [3, 1, 0.98, 0.995, 1],
+ opacity: [0, 1, 1, 1, 1],
+ transition: varTranEnter({ durationIn, easeIn }),
+ },
+ exit: {
+ x: [0, -24, 720],
+ scaleX: [1, 0.9, 2],
+ opacity: [1, 1, 0],
+ transition: varTranExit({ durationOut, easeOut }),
+ },
+ },
+
+ // OUT
+ out: { animate: { scale: [0.9, 1.1, 0.3], opacity: [1, 1, 0] } },
+ outUp: { animate: { y: [-12, 24, -720], scaleY: [0.985, 0.9, 3], opacity: [1, 1, 0] } },
+ outDown: { animate: { y: [12, -24, 720], scaleY: [0.985, 0.9, 3], opacity: [1, 1, 0] } },
+ outLeft: { animate: { x: [0, 24, -720], scaleX: [1, 0.9, 2], opacity: [1, 1, 0] } },
+ outRight: { animate: { x: [0, -24, 720], scaleX: [1, 0.9, 2], opacity: [1, 1, 0] } },
+ };
+};
diff --git a/front_minimal/src/components/animate/variants/container.js b/front_minimal/src/components/animate/variants/container.js
new file mode 100644
index 0000000..77ea251
--- /dev/null
+++ b/front_minimal/src/components/animate/variants/container.js
@@ -0,0 +1,10 @@
+export const varContainer = (props) => {
+ const staggerIn = props?.staggerIn || 0.05;
+ const delayIn = props?.staggerIn || 0.05;
+ const staggerOut = props?.staggerIn || 0.05;
+
+ return {
+ animate: { transition: { staggerChildren: staggerIn, delayChildren: delayIn } },
+ exit: { transition: { staggerChildren: staggerOut, staggerDirection: -1 } },
+ };
+};
diff --git a/front_minimal/src/components/animate/variants/fade.js b/front_minimal/src/components/animate/variants/fade.js
new file mode 100644
index 0000000..54e541a
--- /dev/null
+++ b/front_minimal/src/components/animate/variants/fade.js
@@ -0,0 +1,67 @@
+import { varTranExit, varTranEnter } from './transition';
+
+// ----------------------------------------------------------------------
+
+export const varFade = (props) => {
+ const distance = props?.distance || 120;
+ const durationIn = props?.durationIn;
+ const durationOut = props?.durationOut;
+ const easeIn = props?.easeIn;
+ const easeOut = props?.easeOut;
+
+ return {
+ // IN
+ in: {
+ initial: { opacity: 0 },
+ animate: { opacity: 1, transition: varTranEnter },
+ exit: { opacity: 0, transition: varTranExit },
+ },
+ inUp: {
+ initial: { y: distance, opacity: 0 },
+ animate: { y: 0, opacity: 1, transition: varTranEnter({ durationIn, easeIn }) },
+ exit: { y: distance, opacity: 0, transition: varTranExit({ durationOut, easeOut }) },
+ },
+ inDown: {
+ initial: { y: -distance, opacity: 0 },
+ animate: { y: 0, opacity: 1, transition: varTranEnter({ durationIn, easeIn }) },
+ exit: { y: -distance, opacity: 0, transition: varTranExit({ durationOut, easeOut }) },
+ },
+ inLeft: {
+ initial: { x: -distance, opacity: 0 },
+ animate: { x: 0, opacity: 1, transition: varTranEnter({ durationIn, easeIn }) },
+ exit: { x: -distance, opacity: 0, transition: varTranExit({ durationOut, easeOut }) },
+ },
+ inRight: {
+ initial: { x: distance, opacity: 0 },
+ animate: { x: 0, opacity: 1, transition: varTranEnter({ durationIn, easeIn }) },
+ exit: { x: distance, opacity: 0, transition: varTranExit({ durationOut, easeOut }) },
+ },
+
+ // OUT
+ out: {
+ initial: { opacity: 1 },
+ animate: { opacity: 0, transition: varTranEnter({ durationIn, easeIn }) },
+ exit: { opacity: 1, transition: varTranExit({ durationOut, easeOut }) },
+ },
+ outUp: {
+ initial: { y: 0, opacity: 1 },
+ animate: { y: -distance, opacity: 0, transition: varTranEnter({ durationIn, easeIn }) },
+ exit: { y: 0, opacity: 1, transition: varTranExit({ durationOut, easeOut }) },
+ },
+ outDown: {
+ initial: { y: 0, opacity: 1 },
+ animate: { y: distance, opacity: 0, transition: varTranEnter({ durationIn, easeIn }) },
+ exit: { y: 0, opacity: 1, transition: varTranExit({ durationOut, easeOut }) },
+ },
+ outLeft: {
+ initial: { x: 0, opacity: 1 },
+ animate: { x: -distance, opacity: 0, transition: varTranEnter({ durationIn, easeIn }) },
+ exit: { x: 0, opacity: 1, transition: varTranExit({ durationOut, easeOut }) },
+ },
+ outRight: {
+ initial: { x: 0, opacity: 1 },
+ animate: { x: distance, opacity: 0, transition: varTranEnter({ durationIn, easeIn }) },
+ exit: { x: 0, opacity: 1, transition: varTranExit({ durationOut, easeOut }) },
+ },
+ };
+};
diff --git a/front_minimal/src/components/animate/variants/flip.js b/front_minimal/src/components/animate/variants/flip.js
new file mode 100644
index 0000000..22f0703
--- /dev/null
+++ b/front_minimal/src/components/animate/variants/flip.js
@@ -0,0 +1,34 @@
+import { varTranExit, varTranEnter } from './transition';
+
+// ----------------------------------------------------------------------
+
+export const varFlip = (props) => {
+ const durationIn = props?.durationIn;
+ const durationOut = props?.durationOut;
+ const easeIn = props?.easeIn;
+ const easeOut = props?.easeOut;
+
+ return {
+ // IN
+ inX: {
+ initial: { rotateX: -180, opacity: 0 },
+ animate: { rotateX: 0, opacity: 1, transition: varTranEnter({ durationIn, easeIn }) },
+ exit: { rotateX: -180, opacity: 0, transition: varTranExit({ durationOut, easeOut }) },
+ },
+ inY: {
+ initial: { rotateY: -180, opacity: 0 },
+ animate: { rotateY: 0, opacity: 1, transition: varTranEnter({ durationIn, easeIn }) },
+ exit: { rotateY: -180, opacity: 0, transition: varTranExit({ durationOut, easeOut }) },
+ },
+
+ // OUT
+ outX: {
+ initial: { rotateX: 0, opacity: 1 },
+ animate: { rotateX: 70, opacity: 0, transition: varTranExit({ durationOut, easeOut }) },
+ },
+ outY: {
+ initial: { rotateY: 0, opacity: 1 },
+ animate: { rotateY: 70, opacity: 0, transition: varTranExit({ durationOut, easeOut }) },
+ },
+ };
+};
diff --git a/front_minimal/src/components/animate/variants/index.js b/front_minimal/src/components/animate/variants/index.js
new file mode 100644
index 0000000..a7d86d0
--- /dev/null
+++ b/front_minimal/src/components/animate/variants/index.js
@@ -0,0 +1,23 @@
+export * from './path';
+
+export * from './fade';
+
+export * from './zoom';
+
+export * from './flip';
+
+export * from './slide';
+
+export * from './scale';
+
+export * from './bounce';
+
+export * from './rotate';
+
+export * from './actions';
+
+export * from './container';
+
+export * from './transition';
+
+export * from './background';
diff --git a/front_minimal/src/components/animate/variants/path.js b/front_minimal/src/components/animate/variants/path.js
new file mode 100644
index 0000000..a17dd66
--- /dev/null
+++ b/front_minimal/src/components/animate/variants/path.js
@@ -0,0 +1,7 @@
+// ----------------------------------------------------------------------
+
+export const TRANSITION = { duration: 2, ease: [0.43, 0.13, 0.23, 0.96] };
+
+export const varPath = {
+ animate: { fillOpacity: [0, 0, 1], pathLength: [1, 0.4, 0], transition: TRANSITION },
+};
diff --git a/front_minimal/src/components/animate/variants/rotate.js b/front_minimal/src/components/animate/variants/rotate.js
new file mode 100644
index 0000000..5abf6fe
--- /dev/null
+++ b/front_minimal/src/components/animate/variants/rotate.js
@@ -0,0 +1,25 @@
+import { varTranExit, varTranEnter } from './transition';
+
+// ----------------------------------------------------------------------
+
+export const varRotate = (props) => {
+ const durationIn = props?.durationIn;
+ const durationOut = props?.durationOut;
+ const easeIn = props?.easeIn;
+ const easeOut = props?.easeOut;
+
+ return {
+ // IN
+ in: {
+ initial: { opacity: 0, rotate: -360 },
+ animate: { opacity: 1, rotate: 0, transition: varTranEnter({ durationIn, easeIn }) },
+ exit: { opacity: 0, rotate: -360, transition: varTranExit({ durationOut, easeOut }) },
+ },
+
+ // OUT
+ out: {
+ initial: { opacity: 1, rotate: 0 },
+ animate: { opacity: 0, rotate: -360, transition: varTranExit({ durationOut, easeOut }) },
+ },
+ };
+};
diff --git a/front_minimal/src/components/animate/variants/scale.js b/front_minimal/src/components/animate/variants/scale.js
new file mode 100644
index 0000000..a3fb2dc
--- /dev/null
+++ b/front_minimal/src/components/animate/variants/scale.js
@@ -0,0 +1,43 @@
+import { varTranExit, varTranEnter } from './transition';
+
+// ----------------------------------------------------------------------
+
+export const varScale = (props) => {
+ const durationIn = props?.durationIn;
+ const durationOut = props?.durationOut;
+ const easeIn = props?.easeIn;
+ const easeOut = props?.easeOut;
+
+ return {
+ // IN
+ in: {
+ initial: { scale: 0, opacity: 0 },
+ animate: { scale: 1, opacity: 1, transition: varTranEnter({ durationIn, easeIn }) },
+ exit: { scale: 0, opacity: 0, transition: varTranExit({ durationOut, easeOut }) },
+ },
+ inX: {
+ initial: { scaleX: 0, opacity: 0 },
+ animate: { scaleX: 1, opacity: 1, transition: varTranEnter({ durationIn, easeIn }) },
+ exit: { scaleX: 0, opacity: 0, transition: varTranExit({ durationOut, easeOut }) },
+ },
+ inY: {
+ initial: { scaleY: 0, opacity: 0 },
+ animate: { scaleY: 1, opacity: 1, transition: varTranEnter({ durationIn, easeIn }) },
+ exit: { scaleY: 0, opacity: 0, transition: varTranExit({ durationOut, easeOut }) },
+ },
+
+ // OUT
+ out: {
+ initial: { scale: 1, opacity: 1 },
+ animate: { scale: 0, opacity: 0, transition: varTranEnter({ durationIn, easeIn }) },
+ },
+ outX: {
+ initial: { scaleX: 1, opacity: 1 },
+ animate: { scaleX: 0, opacity: 0, transition: varTranEnter({ durationIn, easeIn }) },
+ },
+ outY: {
+ initial: { scaleY: 1, opacity: 1 },
+ animate: { scaleY: 0, opacity: 0, transition: varTranEnter({ durationIn, easeIn }) },
+ },
+ };
+};
diff --git a/front_minimal/src/components/animate/variants/slide.js b/front_minimal/src/components/animate/variants/slide.js
new file mode 100644
index 0000000..5f61cfe
--- /dev/null
+++ b/front_minimal/src/components/animate/variants/slide.js
@@ -0,0 +1,57 @@
+import { varTranExit, varTranEnter } from './transition';
+
+// ----------------------------------------------------------------------
+
+export const varSlide = (props) => {
+ const distance = props?.distance || 160;
+ const durationIn = props?.durationIn;
+ const durationOut = props?.durationOut;
+ const easeIn = props?.easeIn;
+ const easeOut = props?.easeOut;
+
+ return {
+ // IN
+ inUp: {
+ initial: { y: distance },
+ animate: { y: 0, transition: varTranEnter({ durationIn, easeIn }) },
+ exit: { y: distance, transition: varTranExit({ durationOut, easeOut }) },
+ },
+ inDown: {
+ initial: { y: -distance },
+ animate: { y: 0, transition: varTranEnter({ durationIn, easeIn }) },
+ exit: { y: -distance, transition: varTranExit({ durationOut, easeOut }) },
+ },
+ inLeft: {
+ initial: { x: -distance },
+ animate: { x: 0, transition: varTranEnter({ durationIn, easeIn }) },
+ exit: { x: -distance, transition: varTranExit({ durationOut, easeOut }) },
+ },
+ inRight: {
+ initial: { x: distance },
+ animate: { x: 0, transition: varTranEnter({ durationIn, easeIn }) },
+ exit: { x: distance, transition: varTranExit({ durationOut, easeOut }) },
+ },
+
+ // OUT
+ outUp: {
+ initial: { y: 0 },
+ animate: { y: -distance, transition: varTranEnter({ durationIn, easeIn }) },
+ exit: { y: 0, transition: varTranExit({ durationOut, easeOut }) },
+ },
+ outDown: {
+ initial: { y: 0 },
+ animate: { y: distance, transition: varTranEnter({ durationIn, easeIn }) },
+ exit: { y: 0, transition: varTranExit({ durationOut, easeOut }) },
+ },
+ outLeft: {
+ initial: { x: 0 },
+ animate: { x: -distance, transition: varTranEnter({ durationIn, easeIn }) },
+ exit: { x: 0, transition: varTranExit({ durationOut, easeOut }) },
+ },
+ outRight: {
+ initial: { x: 0 },
+ animate: { x: distance, transition: varTranEnter({ durationIn, easeIn }) },
+ exit: { x: 0, transition: varTranExit({ durationOut, easeOut }) },
+ },
+ };
+};
diff --git a/front_minimal/src/components/animate/variants/transition.js b/front_minimal/src/components/animate/variants/transition.js
new file mode 100644
index 0000000..adf4dc2
--- /dev/null
+++ b/front_minimal/src/components/animate/variants/transition.js
@@ -0,0 +1,22 @@
+// ----------------------------------------------------------------------
+
+export const varTranHover = (props) => {
+ const duration = props?.duration || 0.32;
+ const ease = props?.ease || [0.43, 0.13, 0.23, 0.96];
+
+ return { duration, ease };
+};
+
+export const varTranEnter = (props) => {
+ const duration = props?.durationIn || 0.64;
+ const ease = props?.easeIn || [0.43, 0.13, 0.23, 0.96];
+
+ return { duration, ease };
+};
+
+export const varTranExit = (props) => {
+ const duration = props?.durationOut || 0.48;
+ const ease = props?.easeOut || [0.43, 0.13, 0.23, 0.96];
+
+ return { duration, ease };
+};
diff --git a/front_minimal/src/components/animate/variants/zoom.js b/front_minimal/src/components/animate/variants/zoom.js
new file mode 100644
index 0000000..118c58b
--- /dev/null
+++ b/front_minimal/src/components/animate/variants/zoom.js
@@ -0,0 +1,122 @@
+import { varTranExit, varTranEnter } from './transition';
+
+// ----------------------------------------------------------------------
+
+export const varZoom = (props) => {
+ const distance = props?.distance || 720;
+ const durationIn = props?.durationIn;
+ const durationOut = props?.durationOut;
+ const easeIn = props?.easeIn;
+ const easeOut = props?.easeOut;
+
+ return {
+ // IN
+ in: {
+ initial: { scale: 0, opacity: 0 },
+ animate: { scale: 1, opacity: 1, transition: varTranEnter({ durationIn, easeIn }) },
+ exit: { scale: 0, opacity: 0, transition: varTranExit({ durationOut, easeOut }) },
+ },
+ inUp: {
+ initial: { scale: 0, opacity: 0, translateY: distance },
+ animate: {
+ scale: 1,
+ opacity: 1,
+ translateY: 0,
+ transition: varTranEnter({ durationIn, easeIn }),
+ },
+ exit: {
+ scale: 0,
+ opacity: 0,
+ translateY: distance,
+ transition: varTranExit({ durationOut, easeOut }),
+ },
+ },
+ inDown: {
+ initial: { scale: 0, opacity: 0, translateY: -distance },
+ animate: {
+ scale: 1,
+ opacity: 1,
+ translateY: 0,
+ transition: varTranEnter({ durationIn, easeIn }),
+ },
+ exit: {
+ scale: 0,
+ opacity: 0,
+ translateY: -distance,
+ transition: varTranExit({ durationOut, easeOut }),
+ },
+ },
+ inLeft: {
+ initial: { scale: 0, opacity: 0, translateX: -distance },
+ animate: {
+ scale: 1,
+ opacity: 1,
+ translateX: 0,
+ transition: varTranEnter({ durationIn, easeIn }),
+ },
+ exit: {
+ scale: 0,
+ opacity: 0,
+ translateX: -distance,
+ transition: varTranExit({ durationOut, easeOut }),
+ },
+ },
+ inRight: {
+ initial: { scale: 0, opacity: 0, translateX: distance },
+ animate: {
+ scale: 1,
+ opacity: 1,
+ translateX: 0,
+ transition: varTranEnter({ durationIn, easeIn }),
+ },
+ exit: {
+ scale: 0,
+ opacity: 0,
+ translateX: distance,
+ transition: varTranExit({ durationOut, easeOut }),
+ },
+ },
+
+ // OUT
+ out: {
+ initial: { scale: 1, opacity: 1 },
+ animate: { scale: 0, opacity: 0, transition: varTranEnter({ durationIn, easeIn }) },
+ },
+ outUp: {
+ initial: { scale: 1, opacity: 1 },
+ animate: {
+ scale: 0,
+ opacity: 0,
+ translateY: -distance,
+ transition: varTranEnter({ durationIn, easeIn }),
+ },
+ },
+ outDown: {
+ initial: { scale: 1, opacity: 1 },
+ animate: {
+ scale: 0,
+ opacity: 0,
+ translateY: distance,
+ transition: varTranEnter({ durationIn, easeIn }),
+ },
+ },
+ outLeft: {
+ initial: { scale: 1, opacity: 1 },
+ animate: {
+ scale: 0,
+ opacity: 0,
+ translateX: -distance,
+ transition: varTranEnter({ durationIn, easeIn }),
+ },
+ },
+ outRight: {
+ initial: { scale: 1, opacity: 1 },
+ animate: {
+ scale: 0,
+ opacity: 0,
+ translateX: distance,
+ transition: varTranEnter({ durationIn, easeIn }),
+ },
+ },
+ };
+};
diff --git a/front_minimal/src/components/carousel/breakpoints.js b/front_minimal/src/components/carousel/breakpoints.js
new file mode 100644
index 0000000..2af83d9
--- /dev/null
+++ b/front_minimal/src/components/carousel/breakpoints.js
@@ -0,0 +1,9 @@
+// ----------------------------------------------------------------------
+
+export const carouselBreakpoints = {
+ xs: '(min-width: 0px)',
+ sm: '(min-width: 600px)',
+ md: '(min-width: 900px)',
+ lg: '(min-width: 1200px)',
+ xl: '(min-width: 1536px)',
+};
diff --git a/front_minimal/src/components/carousel/carousel.jsx b/front_minimal/src/components/carousel/carousel.jsx
new file mode 100644
index 0000000..1852709
--- /dev/null
+++ b/front_minimal/src/components/carousel/carousel.jsx
@@ -0,0 +1,85 @@
+import { Children, isValidElement } from 'react';
+
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
+
+import { carouselClasses } from './classes';
+import { CarouselSlide } from './components/carousel-slide';
+
+export const StyledRoot = styled(Box, {
+ shouldForwardProp: (prop) => prop !== 'axis',
+})(({ axis }) => ({
+ margin: 'auto',
+ maxWidth: '100%',
+ overflow: 'hidden',
+ position: 'relative',
+ ...(axis === 'y' && {
+ height: '100%',
+ }),
+}));
+
+export const StyledContainer = styled(Box, {
+ shouldForwardProp: (prop) => prop !== 'axis' && prop !== 'slideSpacing',
+})(({ axis, slideSpacing }) => ({
+ display: 'flex',
+ backfaceVisibility: 'hidden',
+ ...(axis === 'x' && {
+ touchAction: 'pan-y pinch-zoom',
+ marginLeft: `calc(${slideSpacing} * -1)`,
+ }),
+ ...(axis === 'y' && {
+ height: '100%',
+ flexDirection: 'column',
+ touchAction: 'pan-x pinch-zoom',
+ marginTop: `calc(${slideSpacing} * -1)`,
+ }),
+}));
+
+// ----------------------------------------------------------------------
+
+export function Carousel({ carousel, children, sx, slotProps }) {
+ const { mainRef, options } = carousel;
+
+ const axis = options?.axis ?? 'x';
+
+ const slideSpacing = options?.slideSpacing ?? '0px';
+
+ const direction = options?.direction ?? 'ltr';
+
+ const renderChildren = Children.map(children, (child) => {
+ if (isValidElement(child)) {
+ const reactChild = child;
+
+ return (
+
+ {child}
+
+ );
+ }
+ return null;
+ });
+
+ return (
+
+
+ theme.transitions.create(['height'], {
+ easing: theme.transitions.easing.easeInOut,
+ duration: theme.transitions.duration.shorter,
+ }),
+ }),
+ ...slotProps?.container,
+ }}
+ >
+ {renderChildren}
+
+
+ );
+}
diff --git a/front_minimal/src/components/carousel/classes.js b/front_minimal/src/components/carousel/classes.js
new file mode 100644
index 0000000..a26a5b1
--- /dev/null
+++ b/front_minimal/src/components/carousel/classes.js
@@ -0,0 +1,27 @@
+// ----------------------------------------------------------------------
+
+export const carouselClasses = {
+ root: 'mnl__carousel__root',
+ container: 'mnl__carousel__container',
+ // dot
+ dots: 'mnl__carousel__dots',
+ dot: 'mnl__carousel__dot',
+ // arrow
+ arrows: 'mnl__carousel__arrows',
+ arrowsLabel: 'mnl__carousel__arrows_label',
+ arrowPrev: 'mnl__carousel__btn--prev',
+ arrowNext: 'mnl__carousel__btn--next',
+ arrowSvg: 'mnl__carousel__btn__svg',
+ // slide
+ slide: 'mnl__carousel__slide',
+ slideContent: 'mnl__carousel__slide__content',
+ // thumb
+ thumbs: 'mnl__carousel__thumbs',
+ thumb: 'mnl__carousel__thumb',
+ thumbContainer: 'mnl__carousel__thumbs__container',
+ thumbImage: 'mnl__carousel__thumb__image',
+ // progress
+ progress: 'mnl__carousel__progress',
+ progressBar: 'mnl__carousel__progress__bar',
+ state: { selected: 'state--selected', disabled: 'state--disabled' },
+};
diff --git a/front_minimal/src/components/carousel/components/carousel-arrow-buttons.jsx b/front_minimal/src/components/carousel/components/carousel-arrow-buttons.jsx
new file mode 100644
index 0000000..9f3c623
--- /dev/null
+++ b/front_minimal/src/components/carousel/components/carousel-arrow-buttons.jsx
@@ -0,0 +1,240 @@
+import Box from '@mui/material/Box';
+import Stack from '@mui/material/Stack';
+import SvgIcon from '@mui/material/SvgIcon';
+import { useTheme } from '@mui/material/styles';
+import ButtonBase, { buttonBaseClasses } from '@mui/material/ButtonBase';
+
+import { varAlpha, stylesMode } from 'src/theme/styles';
+
+import { carouselClasses } from '../classes';
+
+// ----------------------------------------------------------------------
+
+export function CarouselArrowBasicButtons({
+ options,
+ slotProps,
+ totalSlides,
+ selectedIndex,
+
+ //
+ onClickPrev,
+
+ onClickNext,
+ disablePrev,
+ disableNext,
+ sx,
+ ...other
+}) {
+ return (
+
+
+ );
+}
+
+// ----------------------------------------------------------------------
+
+export function CarouselArrowNumberButtons({
+ options,
+ slotProps,
+ totalSlides,
+ selectedIndex,
+
+ //
+ onClickPrev,
+
+ onClickNext,
+ disablePrev,
+ disableNext,
+ sx,
+ ...other
+}) {
+ const theme = useTheme();
+
+ return (
+
+
+ {selectedIndex}/{totalSlides}
+
+
+
+ );
+}
+
+// ----------------------------------------------------------------------
+
+export function CarouselArrowFloatButtons({
+ options,
+ slotProps,
+ onClickPrev,
+ onClickNext,
+ disablePrev,
+ disableNext,
+}) {
+ const baseStyles = {
+ zIndex: 9,
+ top: '50%',
+ borderRadius: 1.5,
+ position: 'absolute',
+ color: 'common.white',
+ bgcolor: 'text.primary',
+ transform: 'translateY(-50%)',
+ '&:hover': { opacity: 0.8 },
+ [stylesMode.dark]: { color: 'grey.800' },
+ };
+
+ return (
+ <>
+
+ theme.transitions.create(['all'], {
+ easing: theme.transitions.easing.sharp,
+ duration: theme.transitions.duration.short,
+ }),
+ [`&.${buttonBaseClasses.disabled}`]: {
+ opacity: 0.4,
+ },
+ ...sx,
+ ...(options?.direction === 'rtl' && {
+ ...(arrowPrev && { right: -16, left: 'auto' }),
+ ...(arrowNext && { left: -16, right: 'auto' }),
+ }),
+ }}
+ {...other}
+ >
+
+ {arrowPrev ? prevSvg : nextSvg}
+
+
+ );
+}
diff --git a/front_minimal/src/components/carousel/components/carousel-dot-buttons.jsx b/front_minimal/src/components/carousel/components/carousel-dot-buttons.jsx
new file mode 100644
index 0000000..25eff78
--- /dev/null
+++ b/front_minimal/src/components/carousel/components/carousel-dot-buttons.jsx
@@ -0,0 +1,146 @@
+import Box from '@mui/material/Box';
+import NoSsr from '@mui/material/NoSsr';
+import { useTheme } from '@mui/material/styles';
+import ButtonBase from '@mui/material/ButtonBase';
+
+import { varAlpha, stylesMode } from 'src/theme/styles';
+
+import { carouselClasses } from '../classes';
+
+// ----------------------------------------------------------------------
+
+export function CarouselDotButtons({
+ sx,
+ gap,
+ slotProps,
+ onClickDot,
+ scrollSnaps,
+ selectedIndex,
+ fallbackCount = 1,
+ variant = 'circular',
+ fallback = false,
+ ...other
+}) {
+ const theme = useTheme();
+
+ const GAPS = {
+ number: gap ?? 6,
+ rounded: gap ?? 2,
+ circular: gap ?? 2,
+ };
+
+ const SIZES = {
+ circular: slotProps?.dot?.size ?? 18,
+ number: slotProps?.dot?.size ?? 28,
+ };
+
+ const renderFallback = (
+
+
+ {scrollSnaps.map((_, index) => {
+ const selected = index === selectedIndex;
+
+ return (
+
+ onClickDot(index)}
+ sx={{
+ ...(variant === 'circular' && dotStyles.circular(selected)),
+ ...(variant === 'rounded' && dotStyles.rounded(selected)),
+ ...(variant === 'number' && dotStyles.number(selected)),
+ [`&.${carouselClasses.state.selected}`]: {
+ ...slotProps?.dot?.selected,
+ },
+ ...slotProps?.dot?.sx,
+ }}
+ >
+ {variant === 'number' && index + 1}
+
+
+ );
+ })}
+
+
+ );
+}
diff --git a/front_minimal/src/components/carousel/components/carousel-progress-bar.jsx b/front_minimal/src/components/carousel/components/carousel-progress-bar.jsx
new file mode 100644
index 0000000..e1c28e3
--- /dev/null
+++ b/front_minimal/src/components/carousel/components/carousel-progress-bar.jsx
@@ -0,0 +1,43 @@
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
+
+import { varAlpha } from 'src/theme/styles';
+
+import { carouselClasses } from '../classes';
+
+// ----------------------------------------------------------------------
+
+const StyledRoot = styled(Box)(({ theme }) => ({
+ height: 6,
+ maxWidth: 120,
+ width: '100%',
+ borderRadius: 6,
+ overflow: 'hidden',
+ position: 'relative',
+ color: theme.vars.palette.text.primary,
+ backgroundColor: varAlpha(theme.vars.palette.grey['500Channel'], 0.2),
+}));
+
+const StyledProgress = styled(Box)(() => ({
+ top: 0,
+ bottom: 0,
+ width: '100%',
+ left: '-100%',
+ position: 'absolute',
+ backgroundColor: 'currentColor',
+}));
+
+// ----------------------------------------------------------------------
+
+export function CarouselProgressBar({ value, sx, ...other }) {
+ return (
+
+
+ );
+}
diff --git a/front_minimal/src/components/carousel/components/carousel-slide.jsx b/front_minimal/src/components/carousel/components/carousel-slide.jsx
new file mode 100644
index 0000000..8914d68
--- /dev/null
+++ b/front_minimal/src/components/carousel/components/carousel-slide.jsx
@@ -0,0 +1,83 @@
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
+
+import { carouselClasses } from '../classes';
+
+const StyledRoot = styled(Box, {
+ shouldForwardProp: (prop) => prop !== 'axis' && prop !== 'slideSpacing',
+})(({ axis, slideSpacing }) => ({
+ display: 'block',
+ position: 'relative',
+ ...(axis === 'x' && {
+ minWidth: 0,
+ paddingLeft: slideSpacing,
+ }),
+ ...(axis === 'y' && {
+ minHeight: 0,
+ paddingTop: slideSpacing,
+ }),
+}));
+
+const StyledContent = styled(Box)(() => ({
+ overflow: 'hidden',
+ position: 'relative',
+ borderRadius: 'inherit',
+}));
+
+// ----------------------------------------------------------------------
+
+export function CarouselSlide({ sx, options, children, ...other }) {
+ const slideSize = getSize(options?.slidesToShow);
+
+ return (
+
+ {options?.parallax ? (
+
+ {children}
+
+ ) : (
+ children
+ )}
+
+ );
+}
+
+function getSize(slidesToShow) {
+ if (slidesToShow && typeof slidesToShow === 'object') {
+ return Object.keys(slidesToShow).reduce((acc, key) => {
+ const sizeByKey = slidesToShow[key];
+ acc[key] = getValue(sizeByKey);
+ return acc;
+ }, {});
+ }
+
+ return getValue(slidesToShow);
+}
+
+function getValue(value = 1) {
+ if (typeof value === 'string') {
+ const isSupported = value === 'auto' || value.endsWith('%') || value.endsWith('px');
+ if (!isSupported) {
+ throw new Error(`Only accepts values: auto, px, %, or number.`);
+ }
+ // value is either 'auto', ends with '%', or ends with 'px'
+ return `0 0 ${value}`;
+ }
+
+ if (typeof value === 'number') {
+ return `0 0 ${100 / value}%`;
+ }
+
+ // Default case should not be reached due to the type signature, but we include it for safety
+ throw new Error(`Invalid value type. Only accepts values: auto, px, %, or number.`);
+}
diff --git a/front_minimal/src/components/carousel/components/carousel-thumbs.jsx b/front_minimal/src/components/carousel/components/carousel-thumbs.jsx
new file mode 100644
index 0000000..1686657
--- /dev/null
+++ b/front_minimal/src/components/carousel/components/carousel-thumbs.jsx
@@ -0,0 +1,158 @@
+import { Children, forwardRef, isValidElement } from 'react';
+
+import Box from '@mui/material/Box';
+import { useTheme } from '@mui/material/styles';
+import ButtonBase from '@mui/material/ButtonBase';
+
+import { varAlpha } from 'src/theme/styles';
+
+import { carouselClasses } from '../classes';
+import { CarouselSlide } from './carousel-slide';
+import { StyledRoot, StyledContainer } from '../carousel';
+
+// ----------------------------------------------------------------------
+
+export const CarouselThumbs = forwardRef(({ children, slotProps, options, sx, ...other }, ref) => {
+ const axis = options?.axis ?? 'x';
+
+ const slideSpacing = options?.slideSpacing ?? '12px';
+
+ const maskStyles = useMaskStyle(axis);
+
+ const renderChildren = Children.map(children, (child) => {
+ if (isValidElement(child)) {
+ const reactChild = child;
+
+ return (
+
+ {child}
+
+ );
+ }
+ return null;
+ });
+
+ return (
+
+
+ {renderChildren}
+
+
+ );
+});
+
+// ----------------------------------------------------------------------
+
+export function CarouselThumb({ sx, src, index, selected, ...other }) {
+ return (
+
+ theme.transitions.create(['opacity', 'box-shadow'], {
+ easing: theme.transitions.easing.sharp,
+ duration: theme.transitions.duration.short,
+ }),
+ ...(selected && {
+ opacity: 1,
+ boxShadow: (theme) => `0 0 0 2px ${theme.vars.palette.primary.main}`,
+ }),
+ ...sx,
+ }}
+ {...other}
+ >
+
+ );
+}
+
+// ----------------------------------------------------------------------
+
+function useMaskStyle(axis) {
+ const theme = useTheme();
+
+ const baseStyles = {
+ zIndex: 9,
+ content: '""',
+ position: 'absolute',
+ };
+
+ const bgcolor = `${theme.vars.palette.background.paper} 20%, ${varAlpha(theme.vars.palette.background.paperChannel, 0)} 100%)`;
+
+ if (axis === 'y') {
+ return {
+ '&::before, &::after': {
+ ...baseStyles,
+ left: 0,
+ height: 40,
+ width: '100%',
+ },
+ '&::before': {
+ top: -8,
+ background: `linear-gradient(to bottom, ${bgcolor}`,
+ },
+ '&::after': {
+ bottom: -8,
+ background: `linear-gradient(to top, ${bgcolor}`,
+ },
+ };
+ }
+
+ return {
+ '&::before, &::after': {
+ ...baseStyles,
+ top: 0,
+ width: 40,
+ height: '100%',
+ },
+ '&::before': {
+ left: -8,
+ background: `linear-gradient(to right, ${bgcolor}`,
+ },
+ '&::after': {
+ right: -8,
+ background: `linear-gradient(to left, ${bgcolor}`,
+ },
+ };
+}
diff --git a/front_minimal/src/components/carousel/hooks/use-carousel-arrows.js b/front_minimal/src/components/carousel/hooks/use-carousel-arrows.js
new file mode 100644
index 0000000..0d3228d
--- /dev/null
+++ b/front_minimal/src/components/carousel/hooks/use-carousel-arrows.js
@@ -0,0 +1,39 @@
+import { useState, useEffect, useCallback } from 'react';
+
+// ----------------------------------------------------------------------
+
+export const useCarouselArrows = (mainApi) => {
+ const [disablePrev, setDisabledPrevBtn] = useState(true);
+
+ const [disableNext, setDisabledNextBtn] = useState(true);
+
+ const onClickPrev = useCallback(() => {
+ if (!mainApi) return;
+ mainApi.scrollPrev();
+ }, [mainApi]);
+
+ const onClickNext = useCallback(() => {
+ if (!mainApi) return;
+ mainApi.scrollNext();
+ }, [mainApi]);
+
+ const onSelect = useCallback((_mainApi) => {
+ setDisabledPrevBtn(!_mainApi.canScrollPrev());
+ setDisabledNextBtn(!_mainApi.canScrollNext());
+ }, []);
+
+ useEffect(() => {
+ if (!mainApi) return;
+
+ onSelect(mainApi);
+ mainApi.on('reInit', onSelect);
+ mainApi.on('select', onSelect);
+ }, [mainApi, onSelect]);
+
+ return {
+ disablePrev,
+ disableNext,
+ onClickPrev,
+ onClickNext,
+ };
+};
diff --git a/front_minimal/src/components/carousel/hooks/use-carousel-auto-play.js b/front_minimal/src/components/carousel/hooks/use-carousel-auto-play.js
new file mode 100644
index 0000000..d11661e
--- /dev/null
+++ b/front_minimal/src/components/carousel/hooks/use-carousel-auto-play.js
@@ -0,0 +1,42 @@
+import { useState, useEffect, useCallback } from 'react';
+
+// ----------------------------------------------------------------------
+
+export function useCarouselAutoPlay(mainApi) {
+ const [isPlaying, setIsPlaying] = useState(false);
+
+ const onClickAutoplay = useCallback(
+ (callback) => {
+ const autoplay = mainApi?.plugins()?.autoplay;
+ if (!autoplay) return;
+
+ const resetOrStop =
+ autoplay.options.stopOnInteraction === false ? autoplay.reset : autoplay.stop;
+
+ resetOrStop();
+ callback();
+ },
+ [mainApi]
+ );
+
+ const onTogglePlay = useCallback(() => {
+ const autoplay = mainApi?.plugins()?.autoplay;
+ if (!autoplay) return;
+
+ const playOrStop = autoplay.isPlaying() ? autoplay.stop : autoplay.play;
+ playOrStop();
+ }, [mainApi]);
+
+ useEffect(() => {
+ const autoplay = mainApi?.plugins()?.autoplay;
+ if (!autoplay) return;
+
+ setIsPlaying(autoplay.isPlaying());
+ mainApi
+ .on('autoplay:play', () => setIsPlaying(true))
+ .on('autoplay:stop', () => setIsPlaying(false))
+ .on('reInit', () => setIsPlaying(false));
+ }, [mainApi]);
+
+ return { isPlaying, onTogglePlay, onClickAutoplay };
+}
diff --git a/front_minimal/src/components/carousel/hooks/use-carousel-auto-scroll.js b/front_minimal/src/components/carousel/hooks/use-carousel-auto-scroll.js
new file mode 100644
index 0000000..626f9ca
--- /dev/null
+++ b/front_minimal/src/components/carousel/hooks/use-carousel-auto-scroll.js
@@ -0,0 +1,42 @@
+import { useState, useEffect, useCallback } from 'react';
+
+// ----------------------------------------------------------------------
+
+export function useCarouselAutoScroll(mainApi) {
+ const [isPlaying, setIsPlaying] = useState(false);
+
+ const onClickAutoplay = useCallback(
+ (callback) => {
+ const autoScroll = mainApi?.plugins()?.autoScroll;
+ if (!autoScroll) return;
+
+ const resetOrStop =
+ autoScroll.options.stopOnInteraction === false ? autoScroll.reset : autoScroll.stop;
+
+ resetOrStop();
+ callback();
+ },
+ [mainApi]
+ );
+
+ const onTogglePlay = useCallback(() => {
+ const autoScroll = mainApi?.plugins()?.autoScroll;
+ if (!autoScroll) return;
+
+ const playOrStop = autoScroll.isPlaying() ? autoScroll.stop : autoScroll.play;
+ playOrStop();
+ }, [mainApi]);
+
+ useEffect(() => {
+ const autoScroll = mainApi?.plugins()?.autoScroll;
+ if (!autoScroll) return;
+
+ setIsPlaying(autoScroll.isPlaying());
+ mainApi
+ .on('autoScroll:play', () => setIsPlaying(true))
+ .on('autoScroll:stop', () => setIsPlaying(false))
+ .on('reInit', () => setIsPlaying(false));
+ }, [mainApi]);
+
+ return { isPlaying, onTogglePlay, onClickAutoplay };
+}
diff --git a/front_minimal/src/components/carousel/hooks/use-carousel-dots.js b/front_minimal/src/components/carousel/hooks/use-carousel-dots.js
new file mode 100644
index 0000000..2a7ced2
--- /dev/null
+++ b/front_minimal/src/components/carousel/hooks/use-carousel-dots.js
@@ -0,0 +1,45 @@
+import { useState, useEffect, useCallback } from 'react';
+
+// ----------------------------------------------------------------------
+
+export function useCarouselDots(mainApi) {
+ const [dotCount, setDotCount] = useState(0);
+
+ const [selectedIndex, setSelectedIndex] = useState(0);
+
+ const [scrollSnaps, setScrollSnaps] = useState([]);
+
+ const onClickDot = useCallback(
+ (index) => {
+ if (!mainApi) return;
+ mainApi.scrollTo(index);
+ },
+ [mainApi]
+ );
+
+ const onInit = useCallback((_mainApi) => {
+ setScrollSnaps(_mainApi.scrollSnapList());
+ }, []);
+
+ const onSelect = useCallback((_mainApi) => {
+ setSelectedIndex(_mainApi.selectedScrollSnap());
+ setDotCount(_mainApi.scrollSnapList().length);
+ }, []);
+
+ useEffect(() => {
+ if (!mainApi) return;
+
+ onInit(mainApi);
+ onSelect(mainApi);
+ mainApi.on('reInit', onInit);
+ mainApi.on('reInit', onSelect);
+ mainApi.on('select', onSelect);
+ }, [mainApi, onInit, onSelect]);
+
+ return {
+ dotCount,
+ scrollSnaps,
+ selectedIndex,
+ onClickDot,
+ };
+}
diff --git a/front_minimal/src/components/carousel/hooks/use-carousel-parallax.js b/front_minimal/src/components/carousel/hooks/use-carousel-parallax.js
new file mode 100644
index 0000000..00f47aa
--- /dev/null
+++ b/front_minimal/src/components/carousel/hooks/use-carousel-parallax.js
@@ -0,0 +1,86 @@
+import { useRef, useEffect, useCallback } from 'react';
+
+// ----------------------------------------------------------------------
+
+export function useParallax(mainApi, parallax) {
+ const tweenFactor = useRef(0);
+
+ const tweenNodes = useRef([]);
+
+ const TWEEN_FACTOR_BASE = typeof parallax === 'number' ? parallax : 0.24;
+
+ const setTweenNodes = useCallback((_mainApi) => {
+ tweenNodes.current = _mainApi
+ .slideNodes()
+ .map((slideNode) => slideNode.querySelector('.slide__parallax__layer'));
+ }, []);
+
+ const setTweenFactor = useCallback(
+ (_mainApi) => {
+ tweenFactor.current = TWEEN_FACTOR_BASE * _mainApi.scrollSnapList().length;
+ },
+ [TWEEN_FACTOR_BASE]
+ );
+
+ const tweenParallax = useCallback((_mainApi, eventName) => {
+ const engine = _mainApi.internalEngine();
+
+ const scrollProgress = _mainApi.scrollProgress();
+
+ const slidesInView = _mainApi.slidesInView();
+
+ const isScrollEvent = eventName === 'scroll';
+
+ _mainApi.scrollSnapList().forEach((scrollSnap, snapIndex) => {
+ let diffToTarget = scrollSnap - scrollProgress;
+
+ const slidesInSnap = engine.slideRegistry[snapIndex];
+
+ slidesInSnap.forEach((slideIndex) => {
+ if (isScrollEvent && !slidesInView.includes(slideIndex)) return;
+
+ if (engine.options.loop) {
+ engine.slideLooper.loopPoints.forEach((loopItem) => {
+ const target = loopItem.target();
+
+ if (slideIndex === loopItem.index && target !== 0) {
+ const sign = Math.sign(target);
+
+ if (sign === -1) {
+ diffToTarget = scrollSnap - (1 + scrollProgress);
+ }
+ if (sign === 1) {
+ diffToTarget = scrollSnap + (1 - scrollProgress);
+ }
+ }
+ });
+ }
+
+ const translateValue = diffToTarget * (-1 * tweenFactor.current) * 100;
+
+ const tweenNode = tweenNodes.current[slideIndex];
+
+ if (tweenNode) {
+ tweenNode.style.transform = `translateX(${translateValue}%)`;
+ }
+ });
+ });
+ }, []);
+
+ useEffect(() => {
+ if (!mainApi || !parallax) return;
+
+ setTweenNodes(mainApi);
+ setTweenFactor(mainApi);
+ tweenParallax(mainApi);
+
+ mainApi
+ .on('reInit', setTweenNodes)
+ .on('reInit', setTweenFactor)
+ .on('reInit', tweenParallax)
+ .on('scroll', tweenParallax);
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [mainApi, tweenParallax]);
+
+ return null;
+}
diff --git a/front_minimal/src/components/carousel/hooks/use-carousel-progress.js b/front_minimal/src/components/carousel/hooks/use-carousel-progress.js
new file mode 100644
index 0000000..23e7206
--- /dev/null
+++ b/front_minimal/src/components/carousel/hooks/use-carousel-progress.js
@@ -0,0 +1,23 @@
+import { useState, useEffect, useCallback } from 'react';
+
+// ----------------------------------------------------------------------
+
+export function useCarouselProgress(mainApi) {
+ const [scrollProgress, setScrollProgress] = useState(0);
+
+ const onScroll = useCallback((_mainApi) => {
+ const progress = Math.max(0, Math.min(1, _mainApi.scrollProgress()));
+
+ setScrollProgress(progress * 100);
+ }, []);
+
+ useEffect(() => {
+ if (!mainApi) return;
+
+ onScroll(mainApi);
+ mainApi.on('reInit', onScroll);
+ mainApi.on('scroll', onScroll);
+ }, [mainApi, onScroll]);
+
+ return { value: scrollProgress };
+}
diff --git a/front_minimal/src/components/carousel/hooks/use-carousel.js b/front_minimal/src/components/carousel/hooks/use-carousel.js
new file mode 100644
index 0000000..84c8f27
--- /dev/null
+++ b/front_minimal/src/components/carousel/hooks/use-carousel.js
@@ -0,0 +1,77 @@
+import { useMemo } from 'react';
+import useEmblaCarousel from 'embla-carousel-react';
+
+import { useThumbs } from './use-thumbs';
+import { useCarouselDots } from './use-carousel-dots';
+import { useParallax } from './use-carousel-parallax';
+import { useCarouselArrows } from './use-carousel-arrows';
+import { useCarouselProgress } from './use-carousel-progress';
+import { useCarouselAutoPlay } from './use-carousel-auto-play';
+import { useCarouselAutoScroll } from './use-carousel-auto-scroll';
+
+// ----------------------------------------------------------------------
+
+export const useCarousel = (options, plugins) => {
+ const [mainRef, mainApi] = useEmblaCarousel(options, plugins);
+
+ const { disablePrev, disableNext, onClickPrev, onClickNext } = useCarouselArrows(mainApi);
+
+ const pluginNames = plugins?.map((plugin) => plugin.name);
+
+ const _dots = useCarouselDots(mainApi);
+
+ const _autoplay = useCarouselAutoPlay(mainApi);
+
+ const _autoScroll = useCarouselAutoScroll(mainApi);
+
+ const _progress = useCarouselProgress(mainApi);
+
+ const _thumbs = useThumbs(mainApi, options?.thumbs);
+
+ useParallax(mainApi, options?.parallax);
+
+ const controls = useMemo(() => {
+ if (pluginNames?.includes('autoplay')) {
+ return {
+ onClickPrev: () => _autoplay.onClickAutoplay(onClickPrev),
+ onClickNext: () => _autoplay.onClickAutoplay(onClickNext),
+ };
+ }
+ if (pluginNames?.includes('autoScroll')) {
+ return {
+ onClickPrev: () => _autoScroll.onClickAutoplay(onClickPrev),
+ onClickNext: () => _autoScroll.onClickAutoplay(onClickNext),
+ };
+ }
+ return {
+ onClickPrev,
+ onClickNext,
+ };
+ }, [_autoScroll, _autoplay, onClickNext, onClickPrev, pluginNames]);
+
+ return {
+ options: {
+ ...options,
+ ...mainApi?.internalEngine().options,
+ },
+ pluginNames,
+ mainRef,
+ mainApi,
+ // arrows
+ arrows: {
+ disablePrev,
+ disableNext,
+ onClickPrev: controls.onClickPrev,
+ onClickNext: controls.onClickNext,
+ },
+ // dots
+ dots: _dots,
+ // thumbs
+ thumbs: _thumbs,
+ // progress
+ progress: _progress,
+ // autoplay
+ autoplay: _autoplay,
+ autoScroll: _autoScroll,
+ };
+};
diff --git a/front_minimal/src/components/carousel/hooks/use-thumbs.js b/front_minimal/src/components/carousel/hooks/use-thumbs.js
new file mode 100644
index 0000000..4d9c27f
--- /dev/null
+++ b/front_minimal/src/components/carousel/hooks/use-thumbs.js
@@ -0,0 +1,42 @@
+import useEmblaCarousel from 'embla-carousel-react';
+import { useState, useEffect, useCallback } from 'react';
+
+// ----------------------------------------------------------------------
+
+export function useThumbs(mainApi, options) {
+ const [thumbsRef, thumbsApi] = useEmblaCarousel({
+ containScroll: 'keepSnaps',
+ dragFree: true,
+ ...options,
+ });
+
+ const [selectedIndex, setSelectedIndex] = useState(0);
+
+ const onClickThumb = useCallback(
+ (index) => {
+ if (!mainApi || !thumbsApi) return;
+ mainApi.scrollTo(index);
+ },
+ [mainApi, thumbsApi]
+ );
+
+ const onSelect = useCallback(() => {
+ if (!mainApi || !thumbsApi) return;
+ setSelectedIndex(mainApi.selectedScrollSnap());
+ thumbsApi.scrollTo(mainApi.selectedScrollSnap());
+ }, [mainApi, thumbsApi, setSelectedIndex]);
+
+ useEffect(() => {
+ if (!mainApi) return;
+ onSelect();
+ mainApi.on('select', onSelect);
+ mainApi.on('reInit', onSelect);
+ }, [mainApi, onSelect]);
+
+ return {
+ onClickThumb,
+ thumbsRef,
+ thumbsApi,
+ selectedIndex,
+ };
+}
diff --git a/front_minimal/src/components/carousel/index.js b/front_minimal/src/components/carousel/index.js
new file mode 100644
index 0000000..b284c8b
--- /dev/null
+++ b/front_minimal/src/components/carousel/index.js
@@ -0,0 +1,17 @@
+export * from './classes';
+
+export * from './carousel';
+
+export * from './breakpoints';
+
+export * from './hooks/use-carousel';
+
+export * from './components/carousel-slide';
+
+export * from './components/carousel-thumbs';
+
+export * from './components/carousel-dot-buttons';
+
+export * from './components/carousel-progress-bar';
+
+export * from './components/carousel-arrow-buttons';
diff --git a/front_minimal/src/components/chart/chart-legends.jsx b/front_minimal/src/components/chart/chart-legends.jsx
new file mode 100644
index 0000000..44ad3b6
--- /dev/null
+++ b/front_minimal/src/components/chart/chart-legends.jsx
@@ -0,0 +1,58 @@
+import Box from '@mui/material/Box';
+import Stack from '@mui/material/Stack';
+import { styled } from '@mui/material/styles';
+
+// ----------------------------------------------------------------------
+
+export const StyledLegend = styled(Box)(({ theme }) => ({
+ gap: 6,
+ alignItems: 'center',
+ display: 'inline-flex',
+ justifyContent: 'flex-start',
+ fontSize: theme.typography.pxToRem(13),
+ fontWeight: theme.typography.fontWeightMedium,
+}));
+
+export const StyledDot = styled(Box)(() => ({
+ width: 12,
+ height: 12,
+ flexShrink: 0,
+ display: 'flex',
+ borderRadius: '50%',
+ position: 'relative',
+ alignItems: 'center',
+ justifyContent: 'center',
+ backgroundColor: 'currentColor',
+}));
+
+// ----------------------------------------------------------------------
+
+export function ChartLegends({ labels = [], colors = [], values, sublabels, icons, ...other }) {
+ return (
+
+ {labels?.map((series, index) => (
+
+
+ {icons?.length ? (
+
+ {icons?.[index]}
+
+ ) : (
+
+ {series}
+ {sublabels && <> {` (${sublabels[index]})`}}
+
+
+
+ {values && {values[index]} }
+
+ ))}
+
+ );
+}
diff --git a/front_minimal/src/components/chart/chart-loading.jsx b/front_minimal/src/components/chart/chart-loading.jsx
new file mode 100644
index 0000000..986fb3d
--- /dev/null
+++ b/front_minimal/src/components/chart/chart-loading.jsx
@@ -0,0 +1,40 @@
+import Box from '@mui/material/Box';
+import Skeleton from '@mui/material/Skeleton';
+
+// ----------------------------------------------------------------------
+
+export function ChartLoading({ sx, type, ...other }) {
+ const circularTypes = ['donut', 'radialBar', 'pie', 'polarArea'];
+
+ return (
+
+
+ );
+}
diff --git a/front_minimal/src/components/chart/chart-select.jsx b/front_minimal/src/components/chart/chart-select.jsx
new file mode 100644
index 0000000..6b196a5
--- /dev/null
+++ b/front_minimal/src/components/chart/chart-select.jsx
@@ -0,0 +1,58 @@
+import MenuItem from '@mui/material/MenuItem';
+import MenuList from '@mui/material/MenuList';
+import ButtonBase from '@mui/material/ButtonBase';
+
+import { varAlpha } from 'src/theme/styles';
+
+import { Iconify } from 'src/components/iconify';
+
+import { usePopover, CustomPopover } from '../custom-popover';
+
+// ----------------------------------------------------------------------
+
+export function ChartSelect({ options, value, onChange, slotProps, ...other }) {
+ const popover = usePopover();
+
+ return (
+ <>
+ `solid 1px ${varAlpha(theme.vars.palette.grey['500Channel'], 0.24)}`,
+ ...slotProps?.button,
+ }}
+ {...other}
+ >
+ {value}
+
+
+
+
+
+ {options.map((option) => (
+ {
+ popover.onClose();
+ onChange(option);
+ }}
+ >
+ {option}
+
+ ))}
+
+
+
+ );
+}
diff --git a/front_minimal/src/components/chart/chart.jsx b/front_minimal/src/components/chart/chart.jsx
new file mode 100644
index 0000000..94bee23
--- /dev/null
+++ b/front_minimal/src/components/chart/chart.jsx
@@ -0,0 +1,55 @@
+import dynamic from 'next/dynamic';
+
+import Box from '@mui/material/Box';
+
+import { withLoadingProps } from 'src/utils/with-loading-props';
+
+import { ChartLoading } from './chart-loading';
+
+const ApexChart = withLoadingProps((props) =>
+ dynamic(() => import('react-apexcharts').then((mod) => mod.default), {
+ ssr: false,
+ loading: () => {
+ const { loading, type } = props();
+
+ return loading?.disabled ? null :
+
+ );
+}
diff --git a/front_minimal/src/components/chart/index.js b/front_minimal/src/components/chart/index.js
new file mode 100644
index 0000000..a10d9c4
--- /dev/null
+++ b/front_minimal/src/components/chart/index.js
@@ -0,0 +1,9 @@
+export * from './chart';
+
+export * from './use-chart';
+
+export * from './chart-select';
+
+export * from './chart-legends';
+
+export * from './chart-loading';
diff --git a/front_minimal/src/components/chart/styles.css b/front_minimal/src/components/chart/styles.css
new file mode 100644
index 0000000..0082b6d
--- /dev/null
+++ b/front_minimal/src/components/chart/styles.css
@@ -0,0 +1,59 @@
+.apexcharts-canvas {
+ /**
+ * Tooltip
+ */
+ .apexcharts-tooltip {
+ min-width: 80px;
+ border-radius: 10px;
+ backdrop-filter: blur(6px);
+ color: var(--palette-text-primary);
+ box-shadow: var(--customShadows-dropdown);
+ background-color: rgba(var(--palette-background-defaultChannel) / 0.9);
+ }
+ .apexcharts-xaxistooltip {
+ border-radius: 10px;
+ border-color: transparent;
+ backdrop-filter: blur(6px);
+ color: var(--palette-text-primary);
+ box-shadow: var(--customShadows-dropdown);
+ background-color: rgba(var(--palette-background-defaultChannel) / 0.9);
+ &::before {
+ border-bottom-color: rgba(var(--palette-grey-500Channel) / 0.16);
+ }
+ &::after {
+ border-bottom-color: rgba(var(--palette-background-defaultChannel) / 0.9);
+ }
+ }
+ .apexcharts-tooltip-title {
+ font-weight: 700;
+ text-align: center;
+ color: var(--palette-text-secondary);
+ background-color: var(--palette-background-neutral);
+ }
+ /**
+ * Tooltip: group
+ */
+ .apexcharts-tooltip-series-group {
+ padding: 4px 12px;
+ }
+ .apexcharts-tooltip-marker {
+ margin-right: 8px;
+ }
+ /**
+ * Legend
+ */
+ .apexcharts-legend {
+ padding: 0;
+ }
+ .apexcharts-legend-series {
+ font-size: 0;
+ }
+ .apexcharts-legend-marker {
+ margin-right: 6px;
+ vertical-align: top;
+ transform: translateY(3px);
+ }
+ .apexcharts-legend-text {
+ line-height: 18px;
+ }
+}
diff --git a/front_minimal/src/components/chart/use-chart.js b/front_minimal/src/components/chart/use-chart.js
new file mode 100644
index 0000000..31f5767
--- /dev/null
+++ b/front_minimal/src/components/chart/use-chart.js
@@ -0,0 +1,329 @@
+import { useTheme } from '@mui/material/styles';
+
+import { varAlpha } from 'src/theme/styles';
+
+// ----------------------------------------------------------------------
+
+export function useChart(options) {
+ const theme = useTheme();
+
+ const LABEL_TOTAL = {
+ show: true,
+ label: 'Total',
+ color: theme.vars.palette.text.secondary,
+ fontSize: theme.typography.subtitle2.fontSize,
+ fontWeight: theme.typography.subtitle2.fontWeight,
+ };
+
+ const LABEL_VALUE = {
+ offsetY: 8,
+ color: theme.vars.palette.text.primary,
+ fontSize: theme.typography.h4.fontSize,
+ fontWeight: theme.typography.h4.fontWeight,
+ };
+
+ const RESPONSIVE = [
+ {
+ breakpoint: theme.breakpoints.values.sm, // sm ~ 600
+ options: {
+ plotOptions: {
+ bar: {
+ borderRadius: 3,
+ columnWidth: '80%',
+ },
+ },
+ },
+ },
+ {
+ breakpoint: theme.breakpoints.values.md, // md ~ 900
+ options: {
+ plotOptions: {
+ bar: {
+ columnWidth: '60%',
+ },
+ },
+ },
+ },
+ ...(options?.responsive ?? []),
+ ];
+
+ return {
+ ...options,
+
+ /** **************************************
+ * Chart
+ *************************************** */
+ chart: {
+ toolbar: {
+ show: false,
+ },
+ zoom: {
+ enabled: false,
+ },
+ parentHeightOffset: 0,
+ fontFamily: theme.typography.fontFamily,
+ foreColor: theme.vars.palette.text.disabled,
+ ...options?.chart,
+ animations: {
+ enabled: true,
+ speed: 360,
+ animateGradually: { enabled: true, delay: 120 },
+ dynamicAnimation: { enabled: true, speed: 360 },
+ ...options?.chart?.animations,
+ },
+ },
+
+ /** **************************************
+ * Colors
+ *************************************** */
+ colors: options?.colors ?? [
+ theme.palette.primary.main,
+ theme.palette.warning.main,
+ theme.palette.info.main,
+ theme.palette.error.main,
+ theme.palette.success.main,
+ theme.palette.warning.dark,
+ theme.palette.success.darker,
+ theme.palette.info.dark,
+ theme.palette.info.darker,
+ ],
+
+ /** **************************************
+ * States
+ *************************************** */
+ states: {
+ ...options?.states,
+ hover: {
+ ...options?.states?.hover,
+ filter: {
+ type: 'darken',
+ value: 0.88,
+ ...options?.states?.hover?.filter,
+ },
+ },
+ active: {
+ ...options?.states?.active,
+ filter: {
+ type: 'darken',
+ value: 0.88,
+ ...options?.states?.active?.filter,
+ },
+ },
+ },
+
+ /** **************************************
+ * Fill
+ *************************************** */
+ fill: {
+ opacity: 1,
+ ...options?.fill,
+ gradient: {
+ type: 'vertical',
+ shadeIntensity: 0,
+ opacityFrom: 0.4,
+ opacityTo: 0,
+ stops: [0, 100],
+ ...options?.fill?.gradient,
+ },
+ },
+
+ /** **************************************
+ * Data labels
+ *************************************** */
+ dataLabels: {
+ enabled: false,
+ ...options?.dataLabels,
+ },
+
+ /** **************************************
+ * Stroke
+ *************************************** */
+ stroke: {
+ width: 2.5,
+ curve: 'smooth',
+ lineCap: 'round',
+ ...options?.stroke,
+ },
+
+ /** **************************************
+ * Grid
+ *************************************** */
+ grid: {
+ strokeDashArray: 3,
+ borderColor: theme.vars.palette.divider,
+ ...options?.grid,
+ padding: {
+ top: 0,
+ right: 0,
+ bottom: 0,
+ ...options?.grid?.padding,
+ },
+ xaxis: {
+ lines: {
+ show: false,
+ },
+ ...options?.grid?.xaxis,
+ },
+ },
+
+ /** **************************************
+ * Axis
+ *************************************** */
+ xaxis: {
+ axisBorder: {
+ show: false,
+ },
+ axisTicks: {
+ show: false,
+ },
+ ...options?.xaxis,
+ },
+ yaxis: {
+ tickAmount: 5,
+ ...options?.yaxis,
+ },
+
+ /** **************************************
+ * Markers
+ *************************************** */
+ markers: {
+ size: 0,
+ strokeColors: theme.vars.palette.background.paper,
+ ...options?.markers,
+ },
+
+ /** **************************************
+ * Tooltip
+ *************************************** */
+ tooltip: {
+ theme: 'false',
+ fillSeriesColor: false,
+ x: {
+ show: true,
+ },
+ ...options?.tooltip,
+ },
+
+ /** **************************************
+ * Legend
+ *************************************** */
+ legend: {
+ show: false,
+ position: 'top',
+ fontWeight: 500,
+ fontSize: '13px',
+ horizontalAlign: 'right',
+ markers: { radius: 12 },
+ labels: {
+ colors: theme.vars.palette.text.primary,
+ },
+ ...options?.legend,
+ itemMargin: {
+ horizontal: 8,
+ vertical: 8,
+ ...options?.legend?.itemMargin,
+ },
+ },
+
+ /** **************************************
+ * plotOptions
+ *************************************** */
+ plotOptions: {
+ ...options?.plotOptions,
+ // plotOptions: Bar
+ bar: {
+ borderRadius: 4,
+ columnWidth: '48%',
+ borderRadiusApplication: 'end',
+ ...options?.plotOptions?.bar,
+ },
+
+ // plotOptions: Pie + Donut
+ pie: {
+ ...options?.plotOptions?.pie,
+ donut: {
+ ...options?.plotOptions?.pie?.donut,
+ labels: {
+ show: true,
+ ...options?.plotOptions?.pie?.donut?.labels,
+ value: {
+ ...LABEL_VALUE,
+ ...options?.plotOptions?.pie?.donut?.labels?.value,
+ },
+ total: {
+ ...LABEL_TOTAL,
+ ...options?.plotOptions?.pie?.donut?.labels?.total,
+ },
+ },
+ },
+ },
+
+ // plotOptions: Radialbar
+ radialBar: {
+ ...options?.plotOptions?.radialBar,
+ hollow: {
+ margin: -8,
+ size: '100%',
+ ...options?.plotOptions?.radialBar?.hollow,
+ },
+ track: {
+ margin: -8,
+ strokeWidth: '50%',
+ background: varAlpha(theme.vars.palette.grey['500Channel'], 0.16),
+ ...options?.plotOptions?.radialBar?.track,
+ },
+ dataLabels: {
+ ...options?.plotOptions?.radialBar?.dataLabels,
+ value: {
+ ...LABEL_VALUE,
+ ...options?.plotOptions?.radialBar?.dataLabels?.value,
+ },
+ total: {
+ ...LABEL_TOTAL,
+ ...options?.plotOptions?.radialBar?.dataLabels?.total,
+ },
+ },
+ },
+
+ // plotOptions: Radar
+ radar: {
+ ...options?.plotOptions?.radar,
+ polygons: {
+ fill: {
+ colors: ['transparent'],
+ },
+ strokeColors: theme.vars.palette.divider,
+ connectorColors: theme.vars.palette.divider,
+ ...options?.plotOptions?.radar?.polygons,
+ },
+ },
+
+ // plotOptions: polarArea
+ polarArea: {
+ rings: {
+ strokeColor: theme.vars.palette.divider,
+ },
+ spokes: {
+ connectorColors: theme.vars.palette.divider,
+ },
+ ...options?.plotOptions?.polarArea,
+ },
+
+ // plotOptions: heatmap
+ heatmap: {
+ distributed: true,
+ ...options?.plotOptions?.heatmap,
+ },
+ },
+
+ /** **************************************
+ * Responsive
+ *************************************** */
+ responsive: RESPONSIVE.reduce((acc, cur) => {
+ if (!acc.some((item) => item.breakpoint === cur.breakpoint)) {
+ acc.push(cur);
+ }
+ return acc;
+ }, []),
+ };
+}
diff --git a/front_minimal/src/components/color-utils/color-picker.jsx b/front_minimal/src/components/color-utils/color-picker.jsx
new file mode 100644
index 0000000..7a1d414
--- /dev/null
+++ b/front_minimal/src/components/color-utils/color-picker.jsx
@@ -0,0 +1,106 @@
+import { forwardRef, useCallback } from 'react';
+
+import Box from '@mui/material/Box';
+import Stack from '@mui/material/Stack';
+import ButtonBase from '@mui/material/ButtonBase';
+import { alpha as hexAlpha } from '@mui/material/styles';
+
+import { varAlpha } from 'src/theme/styles';
+
+import { Iconify } from '../iconify';
+
+// ----------------------------------------------------------------------
+
+export const ColorPicker = forwardRef(
+ ({ colors, selected, onSelectColor, limit = 'auto', sx, slotProps, ...other }, ref) => {
+ const singleSelect = typeof selected === 'string';
+
+ const handleSelect = useCallback(
+ (color) => {
+ if (singleSelect) {
+ if (color !== selected) {
+ onSelectColor(color);
+ }
+ } else {
+ const newSelected = selected.includes(color)
+ ? selected.filter((value) => value !== color)
+ : [...selected, color];
+
+ onSelectColor(newSelected);
+ }
+ },
+ [onSelectColor, selected, singleSelect]
+ );
+
+ return (
+
+ {colors.map((color) => {
+ const hasSelected = singleSelect ? selected === color : selected.includes(color);
+
+ return (
+
+ handleSelect(color)}
+ sx={{
+ width: 36,
+ height: 36,
+ borderRadius: '50%',
+ ...slotProps?.button,
+ }}
+ >
+
+ `solid 1px ${varAlpha(theme.vars.palette.grey['500Channel'], 0.16)}`,
+ ...(hasSelected && {
+ transform: 'scale(1.3)',
+ boxShadow: `4px 4px 8px 0 ${hexAlpha(color, 0.48)}`,
+ outline: `solid 2px ${hexAlpha(color, 0.08)}`,
+ transition: (theme) =>
+ theme.transitions.create('all', {
+ duration: theme.transitions.duration.shortest,
+ }),
+ }),
+ }}
+ >
+ theme.palette.getContrastText(color),
+ transition: (theme) =>
+ theme.transitions.create('all', {
+ duration: theme.transitions.duration.shortest,
+ }),
+ }}
+ />
+
+
+
+ );
+ })}
+
+ );
+ }
+);
diff --git a/front_minimal/src/components/color-utils/color-preview.jsx b/front_minimal/src/components/color-utils/color-preview.jsx
new file mode 100644
index 0000000..838bc51
--- /dev/null
+++ b/front_minimal/src/components/color-utils/color-preview.jsx
@@ -0,0 +1,47 @@
+import { forwardRef } from 'react';
+
+import Box from '@mui/material/Box';
+
+import { varAlpha } from 'src/theme/styles';
+
+// ----------------------------------------------------------------------
+
+export const ColorPreview = forwardRef(({ colors, limit = 3, sx, ...other }, ref) => {
+ const colorsRange = colors.slice(0, limit);
+
+ const restColors = colors.length - limit;
+
+ return (
+
+ {colorsRange.map((color, index) => (
+ `solid 2px ${theme.vars.palette.background.paper}`,
+ boxShadow: (theme) =>
+ `inset -1px 1px 2px ${varAlpha(theme.vars.palette.common.blackChannel, 0.24)}`,
+ }}
+ />
+ ))}
+
+ {colors.length > limit && (
+ {`+${restColors}`}
+ )}
+
+ );
+});
diff --git a/front_minimal/src/components/color-utils/index.js b/front_minimal/src/components/color-utils/index.js
new file mode 100644
index 0000000..7038a79
--- /dev/null
+++ b/front_minimal/src/components/color-utils/index.js
@@ -0,0 +1,3 @@
+export * from './color-picker';
+
+export * from './color-preview';
diff --git a/front_minimal/src/components/country-select/country-select.jsx b/front_minimal/src/components/country-select/country-select.jsx
new file mode 100644
index 0000000..ebf238d
--- /dev/null
+++ b/front_minimal/src/components/country-select/country-select.jsx
@@ -0,0 +1,138 @@
+import Chip from '@mui/material/Chip';
+import TextField from '@mui/material/TextField';
+import Autocomplete from '@mui/material/Autocomplete';
+import InputAdornment from '@mui/material/InputAdornment';
+import { filledInputClasses } from '@mui/material/FilledInput';
+
+import { countries } from 'src/assets/data';
+
+import { FlagIcon, iconifyClasses } from 'src/components/iconify';
+
+import { getCountry, displayValueByCountryCode } from './utils';
+
+// ----------------------------------------------------------------------
+
+export function CountrySelect({
+ id,
+ label,
+ error,
+ multiple,
+ helperText,
+ hiddenLabel,
+ placeholder,
+ getValue = 'label',
+ ...other
+}) {
+ const options = countries.map((country) => (getValue === 'label' ? country.label : country.code));
+
+ const renderOption = (props, option) => {
+ const country = getCountry(option);
+
+ if (!country.label) {
+ return null;
+ }
+
+ return (
+
+
+ );
+ };
+
+ const renderInput = (params) => {
+ const country = getCountry(params.inputProps.value);
+
+ const baseField = {
+ ...params,
+ label,
+ placeholder,
+ helperText,
+ hiddenLabel,
+ error: !!error,
+ inputProps: {
+ ...params.inputProps,
+ autoComplete: 'new-password',
+ },
+ };
+
+ if (multiple) {
+ return
+
+ {link.icon}
+
+ )}
+
+ {link.name}
+
+ );
+
+ if (link.href) {
+ return (
+ {renderContent} ;
+}
diff --git a/front_minimal/src/components/custom-breadcrumbs/custom-breadcrumbs.jsx b/front_minimal/src/components/custom-breadcrumbs/custom-breadcrumbs.jsx
new file mode 100644
index 0000000..32e8d8c
--- /dev/null
+++ b/front_minimal/src/components/custom-breadcrumbs/custom-breadcrumbs.jsx
@@ -0,0 +1,87 @@
+import Box from '@mui/material/Box';
+import Link from '@mui/material/Link';
+import Stack from '@mui/material/Stack';
+import Typography from '@mui/material/Typography';
+import Breadcrumbs from '@mui/material/Breadcrumbs';
+
+import { BreadcrumbsLink } from './breadcrumb-link';
+
+// ----------------------------------------------------------------------
+
+export function CustomBreadcrumbs({
+ links,
+ action,
+ heading,
+ moreLink,
+ activeLast,
+ slotProps,
+ sx,
+ ...other
+}) {
+ const lastLink = links[links.length - 1].name;
+
+ const renderHeading = (
+
+ {heading}
+
+ );
+
+ const renderLinks = (
+ {action} ;
+
+ const renderMoreLink = (
+
+ {moreLink?.map((href) => (
+
+
+ ))}
+
+ );
+
+ return (
+
+
+
+ {heading && renderHeading}
+
+ {!!links.length && renderLinks}
+
+
+ {action && renderAction}
+
+
+ {!!moreLink && renderMoreLink}
+
+ );
+}
+
+// ----------------------------------------------------------------------
+
+function Separator() {
+ return (
+
+ {title}
+
+
+
+ {isCalendarView ? (
+ <>
+
+
+
+
+
+
+ ) : (
+ <>
+
+
+ {error && (
+
+ End date must be later than start date
+
+ )}
+
+
+
+
+ Cancel
+
+
+
+ Apply
+
+
+
+ );
+}
diff --git a/front_minimal/src/components/custom-date-range-picker/index.js b/front_minimal/src/components/custom-date-range-picker/index.js
new file mode 100644
index 0000000..e659c9c
--- /dev/null
+++ b/front_minimal/src/components/custom-date-range-picker/index.js
@@ -0,0 +1,3 @@
+export * from './use-date-range-picker';
+
+export * from './custom-date-range-picker';
diff --git a/front_minimal/src/components/custom-date-range-picker/use-date-range-picker.js b/front_minimal/src/components/custom-date-range-picker/use-date-range-picker.js
new file mode 100644
index 0000000..88053b9
--- /dev/null
+++ b/front_minimal/src/components/custom-date-range-picker/use-date-range-picker.js
@@ -0,0 +1,63 @@
+import { useState, useCallback } from 'react';
+
+import { fIsAfter, fDateRangeShortLabel } from 'src/utils/format-time';
+
+// ----------------------------------------------------------------------
+
+export function useDateRangePicker(start, end) {
+ const [open, setOpen] = useState(false);
+
+ const [endDate, setEndDate] = useState(end);
+
+ const [startDate, setStartDate] = useState(start);
+
+ const error = fIsAfter(startDate, endDate);
+
+ const onOpen = useCallback(() => {
+ setOpen(true);
+ }, []);
+
+ const onClose = useCallback(() => {
+ setOpen(false);
+ }, []);
+
+ const onChangeStartDate = useCallback((newValue) => {
+ setStartDate(newValue);
+ }, []);
+
+ const onChangeEndDate = useCallback(
+ (newValue) => {
+ if (error) {
+ setEndDate(null);
+ }
+ setEndDate(newValue);
+ },
+ [error]
+ );
+
+ const onReset = useCallback(() => {
+ setStartDate(null);
+ setEndDate(null);
+ }, []);
+
+ return {
+ startDate,
+ endDate,
+ onChangeStartDate,
+ onChangeEndDate,
+ //
+ open,
+ onOpen,
+ onClose,
+ onReset,
+ //
+ selected: !!startDate && !!endDate,
+ error,
+ //
+ label: fDateRangeShortLabel(startDate, endDate, true),
+ shortLabel: fDateRangeShortLabel(startDate, endDate),
+ //
+ setStartDate,
+ setEndDate,
+ };
+}
diff --git a/front_minimal/src/components/custom-dialog/confirm-dialog.jsx b/front_minimal/src/components/custom-dialog/confirm-dialog.jsx
new file mode 100644
index 0000000..4d1ae35
--- /dev/null
+++ b/front_minimal/src/components/custom-dialog/confirm-dialog.jsx
@@ -0,0 +1,25 @@
+import Button from '@mui/material/Button';
+import Dialog from '@mui/material/Dialog';
+import DialogTitle from '@mui/material/DialogTitle';
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+
+// ----------------------------------------------------------------------
+
+export function ConfirmDialog({ title, content, action, open, onClose, ...other }) {
+ return (
+
+ {title}
+
+ {content && {content} }
+
+
+ {action}
+
+
+ Cancel
+
+
+
+ );
+}
diff --git a/front_minimal/src/components/custom-dialog/index.js b/front_minimal/src/components/custom-dialog/index.js
new file mode 100644
index 0000000..ff0d997
--- /dev/null
+++ b/front_minimal/src/components/custom-dialog/index.js
@@ -0,0 +1 @@
+export * from './confirm-dialog';
diff --git a/front_minimal/src/components/custom-popover/custom-popover.jsx b/front_minimal/src/components/custom-popover/custom-popover.jsx
new file mode 100644
index 0000000..26c5fd1
--- /dev/null
+++ b/front_minimal/src/components/custom-popover/custom-popover.jsx
@@ -0,0 +1,53 @@
+import Popover from '@mui/material/Popover';
+import { listClasses } from '@mui/material/List';
+import { menuItemClasses } from '@mui/material/MenuItem';
+
+import { StyledArrow } from './styles';
+import { calculateAnchorOrigin } from './utils';
+
+// ----------------------------------------------------------------------
+
+export function CustomPopover({ open, onClose, children, anchorEl, slotProps, ...other }) {
+ const arrowPlacement = slotProps?.arrow?.placement ?? 'top-right';
+
+ const arrowSize = slotProps?.arrow?.size ?? 14;
+
+ const arrowOffset = slotProps?.arrow?.offset ?? 17;
+
+ const { paperStyles, anchorOrigin, transformOrigin } = calculateAnchorOrigin(arrowPlacement);
+
+ return (
+
+ {!slotProps?.arrow?.hide && (
+
+ );
+}
diff --git a/front_minimal/src/components/custom-popover/index.js b/front_minimal/src/components/custom-popover/index.js
new file mode 100644
index 0000000..701ebb2
--- /dev/null
+++ b/front_minimal/src/components/custom-popover/index.js
@@ -0,0 +1,3 @@
+export * from './use-popover';
+
+export * from './custom-popover';
diff --git a/front_minimal/src/components/custom-popover/styles.jsx b/front_minimal/src/components/custom-popover/styles.jsx
new file mode 100644
index 0000000..246ef00
--- /dev/null
+++ b/front_minimal/src/components/custom-popover/styles.jsx
@@ -0,0 +1,113 @@
+import { styled } from '@mui/material/styles';
+
+import { CONFIG } from 'src/config-global';
+import { varAlpha, stylesMode } from 'src/theme/styles';
+
+// ----------------------------------------------------------------------
+
+export const StyledArrow = styled('span', {
+ shouldForwardProp: (prop) => prop !== 'size' && prop !== 'placement' && prop !== 'offset',
+})(({ placement, offset = 0, size = 0, theme }) => {
+ const POSITION = -(size / 2) + 0.5;
+
+ const alignmentStyles = {
+ top: { top: POSITION, transform: 'rotate(135deg)' },
+ bottom: { bottom: POSITION, transform: 'rotate(-45deg)' },
+ left: { left: POSITION, transform: 'rotate(45deg)' },
+ right: { right: POSITION, transform: 'rotate(-135deg)' },
+ hCenter: { left: 0, right: 0, margin: 'auto' },
+ vCenter: { top: 0, bottom: 0, margin: 'auto' },
+ };
+
+ const backgroundStyles = (color) => ({
+ backgroundRepeat: 'no-repeat',
+ backgroundSize: `${size * 3}px ${size * 3}px`,
+ backgroundImage: `url(${CONFIG.site.basePath}/assets/${color}-blur.png)`,
+ ...(color === 'cyan' && {
+ backgroundPosition: 'top right',
+ }),
+ ...(color === 'red' && {
+ backgroundPosition: 'bottom left',
+ }),
+ });
+
+ return {
+ width: size,
+ height: size,
+ position: 'absolute',
+ backdropFilter: '6px',
+ borderBottomLeftRadius: size / 4,
+ clipPath: 'polygon(0% 0%, 100% 100%, 0% 100%)',
+ backgroundColor: theme.vars.palette.background.paper,
+ border: `solid 1px ${varAlpha(theme.vars.palette.grey['500Channel'], 0.12)}`,
+ [stylesMode.dark]: {
+ border: `solid 1px ${varAlpha(theme.vars.palette.common.blackChannel, 0.12)}`,
+ },
+ /**
+ * Top
+ */
+ ...(placement === 'top-left' && {
+ ...alignmentStyles.top,
+ left: offset,
+ }),
+ ...(placement === 'top-center' && {
+ ...alignmentStyles.top,
+ ...alignmentStyles.hCenter,
+ }),
+ ...(placement === 'top-right' && {
+ ...backgroundStyles('cyan'),
+ ...alignmentStyles.top,
+ right: offset,
+ }),
+ /**
+ * Bottom
+ */
+ ...(placement === 'bottom-left' && {
+ ...backgroundStyles('red'),
+ ...alignmentStyles.bottom,
+ left: offset,
+ }),
+ ...(placement === 'bottom-center' && {
+ ...alignmentStyles.bottom,
+ ...alignmentStyles.hCenter,
+ }),
+ ...(placement === 'bottom-right' && {
+ ...alignmentStyles.bottom,
+ right: offset,
+ }),
+ /**
+ * Left
+ */
+ ...(placement === 'left-top' && {
+ ...alignmentStyles.left,
+ top: offset,
+ }),
+ ...(placement === 'left-center' && {
+ ...backgroundStyles('red'),
+ ...alignmentStyles.left,
+ ...alignmentStyles.vCenter,
+ }),
+ ...(placement === 'left-bottom' && {
+ ...backgroundStyles('red'),
+ ...alignmentStyles.left,
+ bottom: offset,
+ }),
+ /**
+ * Right
+ */
+ ...(placement === 'right-top' && {
+ ...backgroundStyles('cyan'),
+ ...alignmentStyles.right,
+ top: offset,
+ }),
+ ...(placement === 'right-center' && {
+ ...backgroundStyles('cyan'),
+ ...alignmentStyles.right,
+ ...alignmentStyles.vCenter,
+ }),
+ ...(placement === 'right-bottom' && {
+ ...alignmentStyles.right,
+ bottom: offset,
+ }),
+ };
+});
diff --git a/front_minimal/src/components/custom-popover/use-popover.js b/front_minimal/src/components/custom-popover/use-popover.js
new file mode 100644
index 0000000..6899f7a
--- /dev/null
+++ b/front_minimal/src/components/custom-popover/use-popover.js
@@ -0,0 +1,23 @@
+import { useState, useCallback } from 'react';
+
+// ----------------------------------------------------------------------
+
+export function usePopover() {
+ const [anchorEl, setAnchorEl] = useState(null);
+
+ const onOpen = useCallback((event) => {
+ setAnchorEl(event.currentTarget);
+ }, []);
+
+ const onClose = useCallback(() => {
+ setAnchorEl(null);
+ }, []);
+
+ return {
+ open: !!anchorEl,
+ anchorEl,
+ onOpen,
+ onClose,
+ setAnchorEl,
+ };
+}
diff --git a/front_minimal/src/components/custom-popover/utils.js b/front_minimal/src/components/custom-popover/utils.js
new file mode 100644
index 0000000..ff6c2b3
--- /dev/null
+++ b/front_minimal/src/components/custom-popover/utils.js
@@ -0,0 +1,116 @@
+// ----------------------------------------------------------------------
+
+const POPOVER_DISTANCE = 0.75;
+
+export function calculateAnchorOrigin(arrow) {
+ let props;
+
+ switch (arrow) {
+ /**
+ * top-*
+ */
+ case 'top-left':
+ props = {
+ paperStyles: { ml: -POPOVER_DISTANCE },
+ anchorOrigin: { vertical: 'bottom', horizontal: 'left' },
+ transformOrigin: { vertical: 'top', horizontal: 'left' },
+ };
+ break;
+ case 'top-center':
+ props = {
+ paperStyles: undefined,
+ anchorOrigin: { vertical: 'bottom', horizontal: 'center' },
+ transformOrigin: { vertical: 'top', horizontal: 'center' },
+ };
+ break;
+ case 'top-right':
+ props = {
+ paperStyles: { ml: POPOVER_DISTANCE },
+ anchorOrigin: { vertical: 'bottom', horizontal: 'right' },
+ transformOrigin: { vertical: 'top', horizontal: 'right' },
+ };
+ break;
+ /**
+ * bottom-*
+ */
+ case 'bottom-left':
+ props = {
+ paperStyles: { ml: -POPOVER_DISTANCE },
+ anchorOrigin: { vertical: 'top', horizontal: 'left' },
+ transformOrigin: { vertical: 'bottom', horizontal: 'left' },
+ };
+ break;
+ case 'bottom-center':
+ props = {
+ paperStyles: undefined,
+ anchorOrigin: { vertical: 'top', horizontal: 'center' },
+ transformOrigin: { vertical: 'bottom', horizontal: 'center' },
+ };
+ break;
+ case 'bottom-right':
+ props = {
+ paperStyles: { ml: POPOVER_DISTANCE },
+ anchorOrigin: { vertical: 'top', horizontal: 'right' },
+ transformOrigin: { vertical: 'bottom', horizontal: 'right' },
+ };
+ break;
+ /**
+ * left-*
+ */
+ case 'left-top':
+ props = {
+ paperStyles: { mt: -POPOVER_DISTANCE },
+ anchorOrigin: { vertical: 'top', horizontal: 'right' },
+ transformOrigin: { vertical: 'top', horizontal: 'left' },
+ };
+ break;
+ case 'left-center':
+ props = {
+ paperStyles: undefined,
+ anchorOrigin: { vertical: 'center', horizontal: 'right' },
+ transformOrigin: { vertical: 'center', horizontal: 'left' },
+ };
+ break;
+ case 'left-bottom':
+ props = {
+ paperStyles: { mt: POPOVER_DISTANCE },
+ anchorOrigin: { vertical: 'bottom', horizontal: 'right' },
+ transformOrigin: { vertical: 'bottom', horizontal: 'left' },
+ };
+ break;
+ /**
+ * right-*
+ */
+ case 'right-top':
+ props = {
+ paperStyles: { mt: -POPOVER_DISTANCE },
+ anchorOrigin: { vertical: 'top', horizontal: 'left' },
+ transformOrigin: { vertical: 'top', horizontal: 'right' },
+ };
+ break;
+ case 'right-center':
+ props = {
+ paperStyles: undefined,
+ anchorOrigin: { vertical: 'center', horizontal: 'left' },
+ transformOrigin: { vertical: 'center', horizontal: 'right' },
+ };
+ break;
+ case 'right-bottom':
+ props = {
+ paperStyles: { mt: POPOVER_DISTANCE },
+ anchorOrigin: { vertical: 'bottom', horizontal: 'left' },
+ transformOrigin: { vertical: 'bottom', horizontal: 'right' },
+ };
+ break;
+
+ // top-right
+ default:
+ props = {
+ paperStyles: { ml: POPOVER_DISTANCE },
+ anchorOrigin: { vertical: 'bottom', horizontal: 'right' },
+ transformOrigin: { vertical: 'top', horizontal: 'right' },
+ };
+ }
+
+ return props;
+}
diff --git a/front_minimal/src/components/custom-tabs/custom-tabs.jsx b/front_minimal/src/components/custom-tabs/custom-tabs.jsx
new file mode 100644
index 0000000..4d90534
--- /dev/null
+++ b/front_minimal/src/components/custom-tabs/custom-tabs.jsx
@@ -0,0 +1,73 @@
+import NoSsr from '@mui/material/NoSsr';
+import { tabClasses } from '@mui/material/Tab';
+import { useTheme } from '@mui/material/styles';
+import Tabs, { tabsClasses } from '@mui/material/Tabs';
+
+import { stylesMode } from 'src/theme/styles';
+
+// ----------------------------------------------------------------------
+
+export function CustomTabs({ children, slotProps, sx, ...other }) {
+ const theme = useTheme();
+
+ return (
+ span': {
+ width: 1,
+ height: 1,
+ borderRadius: 1,
+ display: 'block',
+ bgcolor: 'common.white',
+ boxShadow: theme.customShadows.z1,
+ [stylesMode.dark]: { bgcolor: 'grey.900' },
+ ...slotProps?.indicator,
+ },
+ },
+ [`& .${tabClasses.root}`]: {
+ py: 1,
+ px: 2,
+ zIndex: 1,
+ minHeight: 'auto',
+ ...slotProps?.tab,
+ [`&.${tabClasses.selected}`]: {
+ ...slotProps?.selected,
+ },
+ },
+ ...sx,
+ }}
+ {...other}
+ TabIndicatorProps={{
+ children: (
+
+
+ ),
+ }}
+ >
+ {children}
+
+ );
+}
diff --git a/front_minimal/src/components/custom-tabs/index.js b/front_minimal/src/components/custom-tabs/index.js
new file mode 100644
index 0000000..3daee9a
--- /dev/null
+++ b/front_minimal/src/components/custom-tabs/index.js
@@ -0,0 +1 @@
+export * from './custom-tabs';
diff --git a/front_minimal/src/components/editor/classes.js b/front_minimal/src/components/editor/classes.js
new file mode 100644
index 0000000..ff6f8bb
--- /dev/null
+++ b/front_minimal/src/components/editor/classes.js
@@ -0,0 +1,44 @@
+// ----------------------------------------------------------------------
+
+export const editorClasses = {
+ root: 'nml__editor__root',
+ toolbar: {
+ hr: 'nml__editor__toolbar__hr',
+ root: 'nml__editor__toolbar__root',
+ bold: 'nml__editor__toolbar__bold',
+ code: 'nml__editor__toolbar__code',
+ undo: 'nml__editor__toolbar__undo',
+ redo: 'nml__editor__toolbar__redo',
+ link: 'nml__editor__toolbar__link',
+ clear: 'nml__editor__toolbar__clear',
+ image: 'nml__editor__toolbar__image',
+ italic: 'nml__editor__toolbar__italic',
+ strike: 'nml__editor__toolbar__strike',
+ hardbreak: 'nml__editor__toolbar__hardbreak',
+ unsetlink: 'nml__editor__toolbar__unsetlink',
+ codeBlock: 'nml__editor__toolbar__code__block',
+ alignLeft: 'nml__editor__toolbar__align__left',
+ fullscreen: 'nml__editor__toolbar__fullscreen',
+ blockquote: 'nml__editor__toolbar__blockquote',
+ bulletList: 'nml__editor__toolbar__bullet__list',
+ alignRight: 'nml__editor__toolbar__align__right',
+ orderedList: 'nml__editor__toolbar__ordered__list',
+ alignCenter: 'nml__editor__toolbar__align__center',
+ alignJustify: 'nml__editor__toolbar__align__justify',
+ },
+ content: {
+ hr: 'nml__editor__content__hr',
+ root: 'nml__editor__content__root',
+ link: 'nml__editor__content__link',
+ image: 'nml__editor__content__image',
+ codeInline: 'nml__editor__content__code',
+ heading: 'nml__editor__content__heading',
+ listItem: 'nml__editor__content__listItem',
+ codeBlock: 'nml__editor__content__code__block',
+ blockquote: 'nml__editor__content__blockquote',
+ langSelect: 'nml__editor__content__lang__select',
+ placeholder: 'nml__editor__content__placeholder',
+ bulletList: 'nml__editor__content__bullet__list',
+ orderedList: 'nml__editor__content__ordered__list',
+ },
+};
diff --git a/front_minimal/src/components/editor/components/code-highlight-block.css b/front_minimal/src/components/editor/components/code-highlight-block.css
new file mode 100644
index 0000000..82f6af8
--- /dev/null
+++ b/front_minimal/src/components/editor/components/code-highlight-block.css
@@ -0,0 +1,82 @@
+pre {
+ code[as='code'] {
+ .hljs-comment {
+ color: #999;
+ }
+ .hljs-tag {
+ color: #b4b7b4;
+ }
+ .hljs-operator,
+ .hljs-punctuation,
+ .hljs-subst {
+ color: #ccc;
+ }
+ .hljs-operator {
+ opacity: 0.7;
+ }
+ .hljs-bullet,
+ .hljs-deletion,
+ .hljs-name,
+ .hljs-selector-tag,
+ .hljs-template-variable,
+ .hljs-variable {
+ color: #f2777a;
+ }
+ .hljs-attr,
+ .hljs-link,
+ .hljs-literal,
+ .hljs-number,
+ .hljs-symbol,
+ .hljs-variable.constant_ {
+ color: #f99157;
+ }
+ .hljs-class .hljs-title,
+ .hljs-title,
+ .hljs-title.class_ {
+ color: #fc6;
+ }
+ .hljs-strong {
+ font-weight: 700;
+ color: #fc6;
+ }
+ .hljs-addition,
+ .hljs-code,
+ .hljs-string,
+ .hljs-title.class_.inherited__ {
+ color: #9c9;
+ }
+ .hljs-built_in,
+ .hljs-doctag,
+ .hljs-keyword.hljs-atrule,
+ .hljs-quote,
+ .hljs-regexp {
+ color: #6cc;
+ }
+ .hljs-attribute,
+ .hljs-function .hljs-title,
+ .hljs-section,
+ .hljs-title.function_,
+ .ruby .hljs-property {
+ color: #69c;
+ }
+ .diff .hljs-meta,
+ .hljs-keyword,
+ .hljs-template-tag,
+ .hljs-type {
+ color: #c9c;
+ }
+ .hljs-emphasis {
+ color: #c9c;
+ font-style: italic;
+ }
+ .hljs-meta,
+ .hljs-meta .hljs-keyword,
+ .hljs-meta .hljs-string {
+ color: #a3685a;
+ }
+ .hljs-meta .hljs-keyword,
+ .hljs-meta-keyword {
+ font-weight: 700;
+ }
+ }
+}
diff --git a/front_minimal/src/components/editor/components/code-highlight-block.jsx b/front_minimal/src/components/editor/components/code-highlight-block.jsx
new file mode 100644
index 0000000..2298507
--- /dev/null
+++ b/front_minimal/src/components/editor/components/code-highlight-block.jsx
@@ -0,0 +1,40 @@
+import './code-highlight-block.css';
+
+import { NodeViewContent, NodeViewWrapper } from '@tiptap/react';
+
+import { editorClasses } from '../classes';
+
+// ----------------------------------------------------------------------
+
+export function CodeHighlightBlock({
+ node: {
+ attrs: { language: defaultLanguage },
+ },
+
+ extension,
+ updateAttributes,
+}) {
+ return (
+
+ updateAttributes({ language: event.target.value })}
+ className={editorClasses.content.langSelect}
+ >
+ auto
+ —
+ {extension.options.lowlight.listLanguages().map((lang) => (
+
+ {lang}
+
+ ))}
+
+
+
+
+
+ );
+}
diff --git a/front_minimal/src/components/editor/components/heading-block.jsx b/front_minimal/src/components/editor/components/heading-block.jsx
new file mode 100644
index 0000000..dda67c0
--- /dev/null
+++ b/front_minimal/src/components/editor/components/heading-block.jsx
@@ -0,0 +1,130 @@
+import { useState } from 'react';
+
+import Menu from '@mui/material/Menu';
+import { listClasses } from '@mui/material/List';
+import ButtonBase, { buttonBaseClasses } from '@mui/material/ButtonBase';
+
+import { varAlpha } from 'src/theme/styles';
+
+import { Iconify } from '../../iconify';
+import { ToolbarItem } from './toolbar-item';
+
+const HEADING_OPTIONS = [
+ 'Heading 1',
+ 'Heading 2',
+ 'Heading 3',
+ 'Heading 4',
+ 'Heading 5',
+ 'Heading 6',
+];
+
+// ----------------------------------------------------------------------
+
+export function HeadingBlock({ editor }) {
+ const [anchorEl, setAnchorEl] = useState(null);
+
+ const handleClick = (event) => {
+ setAnchorEl(event.currentTarget);
+ };
+
+ const handleClose = () => {
+ setAnchorEl(null);
+ };
+
+ if (!editor) {
+ return null;
+ }
+
+ return (
+ <>
+
+
+
+
+ );
+}
diff --git a/front_minimal/src/components/editor/components/image-block.jsx b/front_minimal/src/components/editor/components/image-block.jsx
new file mode 100644
index 0000000..9b1a739
--- /dev/null
+++ b/front_minimal/src/components/editor/components/image-block.jsx
@@ -0,0 +1,79 @@
+import { useState, useCallback } from 'react';
+
+import Stack from '@mui/material/Stack';
+import Button from '@mui/material/Button';
+import Popover from '@mui/material/Popover';
+import TextField from '@mui/material/TextField';
+import Typography from '@mui/material/Typography';
+
+import { editorClasses } from '../classes';
+import { ToolbarItem } from './toolbar-item';
+
+// ----------------------------------------------------------------------
+
+export function ImageBlock({ editor }) {
+ const [url, setUrl] = useState('');
+
+ const [anchorEl, setAnchorEl] = useState(null);
+
+ const handleOpenPopover = (event) => {
+ setAnchorEl(event.currentTarget);
+ };
+
+ const handleClosePopover = () => {
+ setAnchorEl(null);
+ };
+
+ const handleUpdateUrl = useCallback(() => {
+ handleClosePopover();
+
+ if (anchorEl) {
+ editor?.chain().focus().setImage({ src: url }).run();
+ }
+ }, [anchorEl, editor, url]);
+
+ if (!editor) {
+ return null;
+ }
+
+ return (
+ <>
+
+
+ URL
+
+
+
+ {
+ setUrl(event.target.value);
+ }}
+ sx={{ width: 240 }}
+ />
+
+ Apply
+
+
+
+
+ );
+}
diff --git a/front_minimal/src/components/editor/components/link-block.jsx b/front_minimal/src/components/editor/components/link-block.jsx
new file mode 100644
index 0000000..1cafd66
--- /dev/null
+++ b/front_minimal/src/components/editor/components/link-block.jsx
@@ -0,0 +1,99 @@
+import { useState, useCallback } from 'react';
+
+import Stack from '@mui/material/Stack';
+import Button from '@mui/material/Button';
+import Popover from '@mui/material/Popover';
+import TextField from '@mui/material/TextField';
+import Typography from '@mui/material/Typography';
+
+import { editorClasses } from '../classes';
+import { ToolbarItem } from './toolbar-item';
+
+// ----------------------------------------------------------------------
+
+export function LinkBlock({ editor }) {
+ const [url, setUrl] = useState('');
+
+ const [anchorEl, setAnchorEl] = useState(null);
+
+ const handleOpenPopover = (event) => {
+ const previousUrl = editor?.getAttributes('link').href;
+
+ setAnchorEl(event.currentTarget);
+
+ if (previousUrl) {
+ setUrl(previousUrl);
+ } else {
+ setUrl('');
+ }
+ };
+
+ const handleClosePopover = () => {
+ setAnchorEl(null);
+ };
+
+ const handleUpdateUrl = useCallback(() => {
+ handleClosePopover();
+
+ if (!url) {
+ editor?.chain().focus().extendMarkRange('link').unsetLink().run();
+ } else {
+ editor?.chain().focus().extendMarkRange('link').setLink({ href: url }).run();
+ }
+ }, [editor, url]);
+
+ if (!editor) {
+ return null;
+ }
+
+ return (
+ <>
+ editor.chain().focus().unsetLink().run()}
+ icon={
+
+
+ URL
+
+
+
+ {
+ setUrl(event.target.value);
+ }}
+ sx={{ width: 240 }}
+ />
+
+ Apply
+
+
+
+
+ );
+}
diff --git a/front_minimal/src/components/editor/components/toolbar-item.jsx b/front_minimal/src/components/editor/components/toolbar-item.jsx
new file mode 100644
index 0000000..20bf3a4
--- /dev/null
+++ b/front_minimal/src/components/editor/components/toolbar-item.jsx
@@ -0,0 +1,27 @@
+import SvgIcon from '@mui/material/SvgIcon';
+import ButtonBase from '@mui/material/ButtonBase';
+
+// ----------------------------------------------------------------------
+
+export function ToolbarItem({ sx, icon, label, active, disabled, ...other }) {
+ return (
+
+ {icon && {icon} }
+
+ {label && label}
+
+ );
+}
diff --git a/front_minimal/src/components/editor/editor.jsx b/front_minimal/src/components/editor/editor.jsx
new file mode 100644
index 0000000..524c8f0
--- /dev/null
+++ b/front_minimal/src/components/editor/editor.jsx
@@ -0,0 +1,147 @@
+import { common, createLowlight } from 'lowlight';
+import LinkExtension from '@tiptap/extension-link';
+import ImageExtension from '@tiptap/extension-image';
+import StarterKitExtension from '@tiptap/starter-kit';
+import TextAlignExtension from '@tiptap/extension-text-align';
+import PlaceholderExtension from '@tiptap/extension-placeholder';
+import { useState, useEffect, forwardRef, useCallback } from 'react';
+import CodeBlockLowlightExtension from '@tiptap/extension-code-block-lowlight';
+import { useEditor, EditorContent, ReactNodeViewRenderer } from '@tiptap/react';
+
+import Stack from '@mui/material/Stack';
+import Portal from '@mui/material/Portal';
+import Backdrop from '@mui/material/Backdrop';
+import FormHelperText from '@mui/material/FormHelperText';
+
+import { Toolbar } from './toolbar';
+import { StyledRoot } from './styles';
+import { editorClasses } from './classes';
+import { CodeHighlightBlock } from './components/code-highlight-block';
+
+// ----------------------------------------------------------------------
+
+export const Editor = forwardRef(
+ (
+ {
+ sx,
+ error,
+ onChange,
+ slotProps,
+ helperText,
+ resetValue,
+ editable = true,
+ fullItem = false,
+ value: content = '',
+ placeholder = 'Write something awesome...',
+ ...other
+ },
+ ref
+ ) => {
+ const [fullScreen, setFullScreen] = useState(false);
+
+ const handleToggleFullScreen = useCallback(() => {
+ setFullScreen((prev) => !prev);
+ }, []);
+
+ const lowlight = createLowlight(common);
+
+ const editor = useEditor({
+ content,
+ editable,
+ extensions: [
+ StarterKitExtension.configure({
+ codeBlock: false,
+ code: { HTMLAttributes: { class: editorClasses.content.codeInline } },
+ heading: { HTMLAttributes: { class: editorClasses.content.heading } },
+ horizontalRule: { HTMLAttributes: { class: editorClasses.content.hr } },
+ listItem: { HTMLAttributes: { class: editorClasses.content.listItem } },
+ blockquote: { HTMLAttributes: { class: editorClasses.content.blockquote } },
+ bulletList: { HTMLAttributes: { class: editorClasses.content.bulletList } },
+ orderedList: { HTMLAttributes: { class: editorClasses.content.orderedList } },
+ }),
+ PlaceholderExtension.configure({
+ placeholder,
+ emptyEditorClass: editorClasses.content.placeholder,
+ }),
+ ImageExtension.configure({ HTMLAttributes: { class: editorClasses.content.image } }),
+ TextAlignExtension.configure({ types: ['heading', 'paragraph'] }),
+ LinkExtension.configure({
+ autolink: true,
+ openOnClick: false,
+ HTMLAttributes: { class: editorClasses.content.link },
+ }),
+ CodeBlockLowlightExtension.extend({
+ addNodeView() {
+ return ReactNodeViewRenderer(CodeHighlightBlock);
+ },
+ }).configure({ lowlight, HTMLAttributes: { class: editorClasses.content.codeBlock } }),
+ ],
+ onUpdate({ editor: _editor }) {
+ const html = _editor.getHTML();
+ onChange?.(html);
+ },
+ ...other,
+ });
+
+ useEffect(() => {
+ const timer = setTimeout(() => {
+ if (editor?.isEmpty && content !== '
') {
+ editor.commands.setContent(content);
+ }
+ }, 100);
+ return () => clearTimeout(timer);
+ }, [content, editor]);
+
+ useEffect(() => {
+ if (resetValue && !content) {
+ editor?.commands.clearContent();
+ }
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [content]);
+
+ useEffect(() => {
+ if (fullScreen) {
+ document.body.style.overflow = 'hidden';
+ } else {
+ document.body.style.overflow = '';
+ }
+ }, [fullScreen]);
+
+ return (
+
+ {fullScreen && theme.zIndex.modal - 1 }} />}
+
+
+
+
+
+ {helperText && (
+
+ {helperText}
+
+ )}
+
+
+ );
+ }
+);
diff --git a/front_minimal/src/components/editor/index.js b/front_minimal/src/components/editor/index.js
new file mode 100644
index 0000000..96d0f21
--- /dev/null
+++ b/front_minimal/src/components/editor/index.js
@@ -0,0 +1,3 @@
+export * from './editor';
+
+export * from './classes';
diff --git a/front_minimal/src/components/editor/styles.jsx b/front_minimal/src/components/editor/styles.jsx
new file mode 100644
index 0000000..d049cf6
--- /dev/null
+++ b/front_minimal/src/components/editor/styles.jsx
@@ -0,0 +1,205 @@
+import Stack from '@mui/material/Stack';
+import { styled } from '@mui/material/styles';
+
+import { varAlpha } from 'src/theme/styles';
+
+import { editorClasses } from './classes';
+
+// ----------------------------------------------------------------------
+
+const MARGIN = '0.75em';
+
+export const StyledRoot = styled(Stack, {
+ shouldForwardProp: (prop) => prop !== 'error' && prop !== 'disabled' && prop !== 'fullScreen',
+})(({ error, disabled, fullScreen, theme }) => ({
+ minHeight: 240,
+ borderRadius: theme.shape.borderRadius,
+ border: `solid 1px ${varAlpha(theme.vars.palette.grey['500Channel'], 0.2)}`,
+ scrollbarWidth: 'thin',
+ scrollbarColor: `${varAlpha(theme.vars.palette.text.disabledChannel, 0.4)} ${varAlpha(theme.vars.palette.text.disabledChannel, 0.08)}`,
+ /**
+ * State: error
+ */
+ ...(error && {
+ border: `solid 1px ${theme.vars.palette.error.main}`,
+ }),
+ /**
+ * State: disabled
+ */
+ ...(disabled && {
+ opacity: 0.48,
+ pointerEvents: 'none',
+ }),
+ /**
+ * State: fullScreen
+ */
+ ...(fullScreen && {
+ top: 16,
+ left: 16,
+ position: 'fixed',
+ zIndex: theme.zIndex.modal,
+ maxHeight: 'unset !important',
+ width: `calc(100% - ${32}px)`,
+ height: `calc(100% - ${32}px)`,
+ backgroundColor: theme.vars.palette.background.default,
+ }),
+ /**
+ * Placeholder
+ */
+ [`& .${editorClasses.content.placeholder}`]: {
+ '&:first-of-type::before': {
+ ...theme.typography.body2,
+ height: 0,
+ float: 'left',
+ pointerEvents: 'none',
+ content: 'attr(data-placeholder)',
+ color: theme.vars.palette.text.disabled,
+ },
+ },
+ /**
+ * Content
+ */
+ [`& .${editorClasses.content.root}`]: {
+ display: 'flex',
+ flex: '1 1 auto',
+ overflowY: 'auto',
+ flexDirection: 'column',
+ borderBottomLeftRadius: 'inherit',
+ borderBottomRightRadius: 'inherit',
+ backgroundColor: varAlpha(theme.vars.palette.grey['500Channel'], 0.08),
+ ...(error && {
+ backgroundColor: varAlpha(theme.vars.palette.error.mainChannel, 0.08),
+ }),
+ '& .tiptap': {
+ '> * + *': {
+ marginTop: 0,
+ marginBottom: MARGIN,
+ },
+ '&.ProseMirror': {
+ flex: '1 1 auto',
+ outline: 'none',
+ padding: theme.spacing(0, 2),
+ },
+ /**
+ * Heading & Paragraph
+ */
+ h1: { ...theme.typography.h1, marginTop: 40, marginBottom: 8 },
+ h2: { ...theme.typography.h2, marginTop: 40, marginBottom: 8 },
+ h3: { ...theme.typography.h3, marginTop: 24, marginBottom: 8 },
+ h4: { ...theme.typography.h4, marginTop: 24, marginBottom: 8 },
+ h5: { ...theme.typography.h5, marginTop: 24, marginBottom: 8 },
+ h6: { ...theme.typography.h6, marginTop: 24, marginBottom: 8 },
+ p: { ...theme.typography.body1, marginBottom: '1.25rem' },
+ [`& .${editorClasses.content.heading}`]: {},
+ /**
+ * Link
+ */
+ [`& .${editorClasses.content.link}`]: {
+ color: theme.vars.palette.primary.main,
+ },
+ /**
+ * Hr Divider
+ */
+ [`& .${editorClasses.content.hr}`]: {
+ flexShrink: 0,
+ borderWidth: 0,
+ margin: '2em 0',
+ msFlexNegative: 0,
+ WebkitFlexShrink: 0,
+ borderStyle: 'solid',
+ borderBottomWidth: 'thin',
+ borderColor: theme.vars.palette.divider,
+ },
+ /**
+ * Image
+ */ [`& .${editorClasses.content.image}`]: {
+ width: '100%',
+ height: 'auto',
+ maxWidth: '100%',
+ margin: 'auto auto 1.25em',
+ },
+ /**
+ * List
+ */ [`& .${editorClasses.content.bulletList}`]: {
+ paddingLeft: 16,
+ listStyleType: 'disc',
+ },
+ [`& .${editorClasses.content.orderedList}`]: {
+ paddingLeft: 16,
+ },
+ [`& .${editorClasses.content.listItem}`]: {
+ lineHeight: 2,
+ '& > p': { margin: 0, display: 'inline-block' },
+ },
+ /**
+ * Blockquote
+ */
+ [`& .${editorClasses.content.blockquote}`]: {
+ lineHeight: 1.5,
+ fontSize: '1.5em',
+ margin: '24px auto',
+ position: 'relative',
+ fontFamily: 'Georgia, serif',
+ padding: theme.spacing(3, 3, 3, 8),
+ color: theme.vars.palette.text.secondary,
+ borderLeft: `solid 8px ${varAlpha(theme.vars.palette.grey['500Channel'], 0.08)}`,
+ [theme.breakpoints.up('md')]: {
+ width: '100%',
+ maxWidth: 640,
+ },
+ '& p': {
+ margin: 0,
+ fontSize: 'inherit',
+ fontFamily: 'inherit',
+ },
+ '&::before': {
+ left: 16,
+ top: -8,
+ display: 'block',
+ fontSize: '3em',
+ content: '"\\201C"',
+ position: 'absolute',
+ color: theme.vars.palette.text.disabled,
+ },
+ },
+ /**
+ * Code inline
+ */
+ [`& .${editorClasses.content.codeInline}`]: {
+ padding: theme.spacing(0.25, 0.5),
+ color: theme.vars.palette.text.secondary,
+ fontSize: theme.typography.body2.fontSize,
+ borderRadius: theme.shape.borderRadius / 2,
+ backgroundColor: varAlpha(theme.vars.palette.grey['500Channel'], 0.2),
+ },
+ /**
+ * Code block
+ */
+ [`& .${editorClasses.content.codeBlock}`]: {
+ position: 'relative',
+ '& pre': {
+ overflowX: 'auto',
+ color: theme.vars.palette.common.white,
+ padding: theme.spacing(5, 3, 3, 3),
+ borderRadius: theme.shape.borderRadius,
+ backgroundColor: theme.vars.palette.grey[900],
+ fontFamily: "'JetBrainsMono', monospace",
+ '& code': { fontSize: theme.typography.body2.fontSize },
+ },
+ [`& .${editorClasses.content.langSelect}`]: {
+ top: 8,
+ right: 8,
+ zIndex: 1,
+ padding: 4,
+ outline: 'none',
+ borderRadius: 4,
+ position: 'absolute',
+ color: theme.vars.palette.common.white,
+ fontWeight: theme.typography.fontWeightMedium,
+ borderColor: varAlpha(theme.vars.palette.grey['500Channel'], 0.08),
+ backgroundColor: varAlpha(theme.vars.palette.grey['500Channel'], 0.08),
+ },
+ },
+ },
+ },
+}));
diff --git a/front_minimal/src/components/editor/toolbar.jsx b/front_minimal/src/components/editor/toolbar.jsx
new file mode 100644
index 0000000..0e01026
--- /dev/null
+++ b/front_minimal/src/components/editor/toolbar.jsx
@@ -0,0 +1,238 @@
+import Stack from '@mui/material/Stack';
+import Divider from '@mui/material/Divider';
+
+import { varAlpha } from 'src/theme/styles';
+
+import { editorClasses } from './classes';
+import { LinkBlock } from './components/link-block';
+import { ImageBlock } from './components/image-block';
+import { ToolbarItem } from './components/toolbar-item';
+import { HeadingBlock } from './components/heading-block';
+
+// ----------------------------------------------------------------------
+
+/**
+ * https://remixicon.com
+ */
+
+// ----------------------------------------------------------------------
+
+export function Toolbar({ editor, fullItem, fullScreen, onToggleFullScreen }) {
+ if (!editor) {
+ return null;
+ }
+
+ return (
+
+ editor.chain().focus().toggleBold().run()}
+ icon={
+ editor.chain().focus().toggleItalic().run()}
+ icon={ editor.chain().focus().toggleStrike().run()}
+ icon={
+
+
+ {/* List */}
+
+ editor.chain().focus().toggleBulletList().run()}
+ icon={
+ editor.chain().focus().toggleOrderedList().run()}
+ icon={
+
+
+ {/* Text align */}
+
+ editor.chain().focus().setTextAlign('left').run()}
+ icon={ editor.chain().focus().setTextAlign('center').run()}
+ icon={ editor.chain().focus().setTextAlign('right').run()}
+ icon={ editor.chain().focus().setTextAlign('justify').run()}
+ icon={
+
+ {/* Code - Code block */}
+ {fullItem && (
+
+ editor.chain().focus().toggleCode().run()}
+ icon={
+ editor.chain().focus().toggleCodeBlock().run()}
+ icon={
+
+ )}
+
+ {/* Blockquote - Hr line */}
+ {fullItem && (
+
+ editor.chain().focus().toggleBlockquote().run()}
+ icon={
+ editor.chain().focus().setHorizontalRule().run()}
+ icon={
+ )}
+
+ {/* Link - Image */}
+
+
+
+ {/* HardBreak - Clear */}
+
+ editor.chain().focus().setHardBreak().run()}
+ className={editorClasses.toolbar.hardbreak}
+ icon={
+ editor.chain().focus().clearNodes().unsetAllMarks().run()}
+ icon={
+
+
+ {/* Undo - Redo */}
+ {fullItem && (
+
+ editor.chain().focus().undo().run()}
+ icon={
+ editor.chain().focus().redo().run()}
+ icon={
+
+ )}
+
+
+
+
+ );
+}
diff --git a/front_minimal/src/components/empty-content/empty-content.jsx b/front_minimal/src/components/empty-content/empty-content.jsx
new file mode 100644
index 0000000..4b754ed
--- /dev/null
+++ b/front_minimal/src/components/empty-content/empty-content.jsx
@@ -0,0 +1,76 @@
+import Box from '@mui/material/Box';
+import Stack from '@mui/material/Stack';
+import Typography from '@mui/material/Typography';
+
+import { CONFIG } from 'src/config-global';
+import { varAlpha } from 'src/theme/styles';
+
+// ----------------------------------------------------------------------
+
+export function EmptyContent({
+ sx,
+ imgUrl,
+ action,
+ filled,
+ slotProps,
+ description,
+ title = 'No data',
+ ...other
+}) {
+ return (
+ varAlpha(theme.vars.palette.grey['500Channel'], 0.04),
+ border: (theme) => `dashed 1px ${varAlpha(theme.vars.palette.grey['500Channel'], 0.08)}`,
+ }),
+ ...sx,
+ }}
+ {...other}
+ >
+
+ {title}
+
+ )}
+
+ {description && (
+
+ {description}
+
+ )}
+
+ {action && action}
+
+ );
+}
diff --git a/front_minimal/src/components/empty-content/index.js b/front_minimal/src/components/empty-content/index.js
new file mode 100644
index 0000000..026ff32
--- /dev/null
+++ b/front_minimal/src/components/empty-content/index.js
@@ -0,0 +1 @@
+export * from './empty-content';
diff --git a/front_minimal/src/components/file-thumbnail/action-buttons.jsx b/front_minimal/src/components/file-thumbnail/action-buttons.jsx
new file mode 100644
index 0000000..ff7866f
--- /dev/null
+++ b/front_minimal/src/components/file-thumbnail/action-buttons.jsx
@@ -0,0 +1,62 @@
+import { useTheme } from '@mui/material/styles';
+import ButtonBase from '@mui/material/ButtonBase';
+import IconButton from '@mui/material/IconButton';
+
+import { bgBlur, varAlpha } from 'src/theme/styles';
+
+import { Iconify } from '../iconify';
+
+// ----------------------------------------------------------------------
+
+export function DownloadButton({ sx, ...other }) {
+ const theme = useTheme();
+
+ return (
+
+
+ );
+}
+
+// ----------------------------------------------------------------------
+
+export function RemoveButton({ sx, ...other }) {
+ return (
+ varAlpha(theme.vars.palette.grey['900Channel'], 0.48),
+ '&:hover': { bgcolor: (theme) => varAlpha(theme.vars.palette.grey['900Channel'], 0.72) },
+ ...sx,
+ }}
+ {...other}
+ >
+
+ );
+}
diff --git a/front_minimal/src/components/file-thumbnail/classes.js b/front_minimal/src/components/file-thumbnail/classes.js
new file mode 100644
index 0000000..da284b4
--- /dev/null
+++ b/front_minimal/src/components/file-thumbnail/classes.js
@@ -0,0 +1,9 @@
+// ----------------------------------------------------------------------
+
+export const fileThumbnailClasses = {
+ root: 'mnl__file__thumbnail__root',
+ img: 'mnl__file__thumbnail__img',
+ icon: 'mnl__file__thumbnail__icon',
+ removeBtn: 'mnl__file__thumbnail__remove__button',
+ downloadBtn: 'mnl__file__thumbnail__download__button',
+};
diff --git a/front_minimal/src/components/file-thumbnail/file-thumbnail.jsx b/front_minimal/src/components/file-thumbnail/file-thumbnail.jsx
new file mode 100644
index 0000000..d3a5c8c
--- /dev/null
+++ b/front_minimal/src/components/file-thumbnail/file-thumbnail.jsx
@@ -0,0 +1,101 @@
+import Box from '@mui/material/Box';
+import Stack from '@mui/material/Stack';
+import Tooltip from '@mui/material/Tooltip';
+
+import { fileThumbnailClasses } from './classes';
+import { fileData, fileThumb, fileFormat } from './utils';
+import { RemoveButton, DownloadButton } from './action-buttons';
+
+// ----------------------------------------------------------------------
+
+export function FileThumbnail({
+ sx,
+ file,
+ tooltip,
+ onRemove,
+ imageView,
+ slotProps,
+ onDownload,
+ ...other
+}) {
+ const previewUrl = typeof file === 'string' ? file : URL.createObjectURL(file);
+
+ const { name, path } = fileData(file);
+
+ const format = fileFormat(path || previewUrl);
+
+ const renderImg = (
+
+ {format === 'image' && imageView ? renderImg : renderIcon}
+
+ {onRemove && (
+
+ );
+
+ if (tooltip) {
+ return (
+
+ {renderContent}
+
+ );
+ }
+
+ return renderContent;
+}
diff --git a/front_minimal/src/components/file-thumbnail/index.js b/front_minimal/src/components/file-thumbnail/index.js
new file mode 100644
index 0000000..abb7211
--- /dev/null
+++ b/front_minimal/src/components/file-thumbnail/index.js
@@ -0,0 +1,5 @@
+export * from './utils';
+
+export * from './action-buttons';
+
+export * from './file-thumbnail';
diff --git a/front_minimal/src/components/file-thumbnail/utils.js b/front_minimal/src/components/file-thumbnail/utils.js
new file mode 100644
index 0000000..8c95558
--- /dev/null
+++ b/front_minimal/src/components/file-thumbnail/utils.js
@@ -0,0 +1,154 @@
+import { CONFIG } from 'src/config-global';
+
+// ----------------------------------------------------------------------
+
+// Define more types here
+const FORMAT_PDF = ['pdf'];
+const FORMAT_TEXT = ['txt'];
+const FORMAT_PHOTOSHOP = ['psd'];
+const FORMAT_WORD = ['doc', 'docx'];
+const FORMAT_EXCEL = ['xls', 'xlsx'];
+const FORMAT_ZIP = ['zip', 'rar', 'iso'];
+const FORMAT_ILLUSTRATOR = ['ai', 'esp'];
+const FORMAT_POWERPOINT = ['ppt', 'pptx'];
+const FORMAT_AUDIO = ['wav', 'aif', 'mp3', 'aac'];
+const FORMAT_IMG = ['jpg', 'jpeg', 'gif', 'bmp', 'png', 'svg', 'webp'];
+const FORMAT_VIDEO = ['m4v', 'avi', 'mpg', 'mp4', 'webm'];
+
+const iconUrl = (icon) => `${CONFIG.site.basePath}/assets/icons/files/${icon}.svg`;
+
+// ----------------------------------------------------------------------
+
+export function fileFormat(fileUrl) {
+ let format;
+
+ const fileByUrl = fileTypeByUrl(fileUrl);
+
+ switch (fileUrl.includes(fileByUrl)) {
+ case FORMAT_TEXT.includes(fileByUrl):
+ format = 'txt';
+ break;
+ case FORMAT_ZIP.includes(fileByUrl):
+ format = 'zip';
+ break;
+ case FORMAT_AUDIO.includes(fileByUrl):
+ format = 'audio';
+ break;
+ case FORMAT_IMG.includes(fileByUrl):
+ format = 'image';
+ break;
+ case FORMAT_VIDEO.includes(fileByUrl):
+ format = 'video';
+ break;
+ case FORMAT_WORD.includes(fileByUrl):
+ format = 'word';
+ break;
+ case FORMAT_EXCEL.includes(fileByUrl):
+ format = 'excel';
+ break;
+ case FORMAT_POWERPOINT.includes(fileByUrl):
+ format = 'powerpoint';
+ break;
+ case FORMAT_PDF.includes(fileByUrl):
+ format = 'pdf';
+ break;
+ case FORMAT_PHOTOSHOP.includes(fileByUrl):
+ format = 'photoshop';
+ break;
+ case FORMAT_ILLUSTRATOR.includes(fileByUrl):
+ format = 'illustrator';
+ break;
+ default:
+ format = fileTypeByUrl(fileUrl);
+ }
+
+ return format;
+}
+
+// ----------------------------------------------------------------------
+
+export function fileThumb(fileUrl) {
+ let thumb;
+
+ switch (fileFormat(fileUrl)) {
+ case 'folder':
+ thumb = iconUrl('ic-folder');
+ break;
+ case 'txt':
+ thumb = iconUrl('ic-txt');
+ break;
+ case 'zip':
+ thumb = iconUrl('ic-zip');
+ break;
+ case 'audio':
+ thumb = iconUrl('ic-audio');
+ break;
+ case 'video':
+ thumb = iconUrl('ic-video');
+ break;
+ case 'word':
+ thumb = iconUrl('ic-word');
+ break;
+ case 'excel':
+ thumb = iconUrl('ic-excel');
+ break;
+ case 'powerpoint':
+ thumb = iconUrl('ic-power_point');
+ break;
+ case 'pdf':
+ thumb = iconUrl('ic-pdf');
+ break;
+ case 'photoshop':
+ thumb = iconUrl('ic-pts');
+ break;
+ case 'illustrator':
+ thumb = iconUrl('ic-ai');
+ break;
+ case 'image':
+ thumb = iconUrl('ic-img');
+ break;
+ default:
+ thumb = iconUrl('ic-file');
+ }
+ return thumb;
+}
+
+// ----------------------------------------------------------------------
+
+export function fileTypeByUrl(fileUrl) {
+ return (fileUrl && fileUrl.split('.').pop()) || '';
+}
+
+// ----------------------------------------------------------------------
+
+export function fileNameByUrl(fileUrl) {
+ return fileUrl.split('/').pop();
+}
+
+// ----------------------------------------------------------------------
+
+export function fileData(file) {
+ // From url
+ if (typeof file === 'string') {
+ return {
+ preview: file,
+ name: fileNameByUrl(file),
+ type: fileTypeByUrl(file),
+ size: undefined,
+ path: file,
+ lastModified: undefined,
+ lastModifiedDate: undefined,
+ };
+ }
+
+ // From file
+ return {
+ name: file.name,
+ size: file.size,
+ path: file.path,
+ type: file.type,
+ preview: file.preview,
+ lastModified: file.lastModified,
+ lastModifiedDate: file.lastModifiedDate,
+ };
+}
diff --git a/front_minimal/src/components/filters-result/filters-block.jsx b/front_minimal/src/components/filters-result/filters-block.jsx
new file mode 100644
index 0000000..e36e0e4
--- /dev/null
+++ b/front_minimal/src/components/filters-result/filters-block.jsx
@@ -0,0 +1,38 @@
+import Box from '@mui/material/Box';
+
+// ----------------------------------------------------------------------
+
+export function FiltersBlock({ label, children, isShow, sx }) {
+ if (!isShow) {
+ return null;
+ }
+
+ return (
+ `dashed 1px ${theme.vars.palette.divider}`,
+ ...sx,
+ }}
+ >
+ theme.typography.subtitle2.fontSize,
+ fontWeight: (theme) => theme.typography.subtitle2.fontWeight,
+ }}
+ >
+ {label}
+
+
+ {children}
+
+
+ );
+}
diff --git a/front_minimal/src/components/filters-result/filters-result.jsx b/front_minimal/src/components/filters-result/filters-result.jsx
new file mode 100644
index 0000000..d3754f2
--- /dev/null
+++ b/front_minimal/src/components/filters-result/filters-result.jsx
@@ -0,0 +1,36 @@
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+
+import { Iconify } from 'src/components/iconify';
+
+// ----------------------------------------------------------------------
+
+export const chipProps = {
+ size: 'small',
+ variant: 'soft',
+};
+
+export function FiltersResult({ totalResults, onReset, sx, children }) {
+ return (
+
+
+ {totalResults}
+
+ results found
+
+
+
+
+ {children}
+
+
+
+ );
+}
diff --git a/front_minimal/src/components/filters-result/index.js b/front_minimal/src/components/filters-result/index.js
new file mode 100644
index 0000000..edbcbbe
--- /dev/null
+++ b/front_minimal/src/components/filters-result/index.js
@@ -0,0 +1,3 @@
+export * from './filters-block';
+
+export * from './filters-result';
diff --git a/front_minimal/src/components/hook-form/fields.jsx b/front_minimal/src/components/hook-form/fields.jsx
new file mode 100644
index 0000000..d4dde8a
--- /dev/null
+++ b/front_minimal/src/components/hook-form/fields.jsx
@@ -0,0 +1,39 @@
+import { RHFCode } from './rhf-code';
+import { RHFRating } from './rhf-rating';
+import { RHFEditor } from './rhf-editor';
+import { RHFSlider } from './rhf-slider';
+import { RHFTextField } from './rhf-text-field';
+import { RHFRadioGroup } from './rhf-radio-group';
+import { RHFPhoneInput } from './rhf-phone-input';
+import { RHFAutocomplete } from './rhf-autocomplete';
+import { RHFCountrySelect } from './rhf-country-select';
+import { RHFSwitch, RHFMultiSwitch } from './rhf-switch';
+import { RHFSelect, RHFMultiSelect } from './rhf-select';
+import { RHFCheckbox, RHFMultiCheckbox } from './rhf-checkbox';
+import { RHFUpload, RHFUploadBox, RHFUploadAvatar } from './rhf-upload';
+import { RHFDatePicker, RHFMobileDateTimePicker } from './rhf-date-picker';
+
+// ----------------------------------------------------------------------
+
+export const Field = {
+ Code: RHFCode,
+ Editor: RHFEditor,
+ Select: RHFSelect,
+ Upload: RHFUpload,
+ Switch: RHFSwitch,
+ Slider: RHFSlider,
+ Rating: RHFRating,
+ Text: RHFTextField,
+ Phone: RHFPhoneInput,
+ Checkbox: RHFCheckbox,
+ UploadBox: RHFUploadBox,
+ RadioGroup: RHFRadioGroup,
+ DatePicker: RHFDatePicker,
+ MultiSelect: RHFMultiSelect,
+ MultiSwitch: RHFMultiSwitch,
+ UploadAvatar: RHFUploadAvatar,
+ Autocomplete: RHFAutocomplete,
+ MultiCheckbox: RHFMultiCheckbox,
+ CountrySelect: RHFCountrySelect,
+ MobileDateTimePicker: RHFMobileDateTimePicker,
+};
diff --git a/front_minimal/src/components/hook-form/form-provider.jsx b/front_minimal/src/components/hook-form/form-provider.jsx
new file mode 100644
index 0000000..9b4d694
--- /dev/null
+++ b/front_minimal/src/components/hook-form/form-provider.jsx
@@ -0,0 +1,13 @@
+import { FormProvider as RHFForm } from 'react-hook-form';
+
+// ----------------------------------------------------------------------
+
+export function Form({ children, onSubmit, methods }) {
+ return (
+
+
+
+ );
+}
diff --git a/front_minimal/src/components/hook-form/index.js b/front_minimal/src/components/hook-form/index.js
new file mode 100644
index 0000000..dedc8e1
--- /dev/null
+++ b/front_minimal/src/components/hook-form/index.js
@@ -0,0 +1,33 @@
+export * from './fields';
+
+export * from './rhf-code';
+
+export * from './rhf-upload';
+
+export * from './rhf-select';
+
+export * from './rhf-rating';
+
+export * from './rhf-switch';
+
+export * from './rhf-editor';
+
+export * from './rhf-slider';
+
+export * from './rhf-checkbox';
+
+export * from './schema-helper';
+
+export * from './form-provider';
+
+export * from './rhf-text-field';
+
+export * from './rhf-date-picker';
+
+export * from './rhf-radio-group';
+
+export * from './rhf-phone-input';
+
+export * from './rhf-autocomplete';
+
+export * from './rhf-country-select';
diff --git a/front_minimal/src/components/hook-form/rhf-autocomplete.jsx b/front_minimal/src/components/hook-form/rhf-autocomplete.jsx
new file mode 100644
index 0000000..3070f87
--- /dev/null
+++ b/front_minimal/src/components/hook-form/rhf-autocomplete.jsx
@@ -0,0 +1,38 @@
+import { Controller, useFormContext } from 'react-hook-form';
+
+import TextField from '@mui/material/TextField';
+import Autocomplete from '@mui/material/Autocomplete';
+
+// ----------------------------------------------------------------------
+
+export function RHFAutocomplete({ name, label, helperText, hiddenLabel, placeholder, ...other }) {
+ const { control, setValue } = useFormContext();
+
+ return (
+ (
+ setValue(name, newValue, { shouldValidate: true })}
+ renderInput={(params) => (
+ (
+
+
+ {error ? error?.message : helperText}
+
+ )}
+
+ )}
+ />
+ );
+}
+
+// ----------------------------------------------------------------------
+
+export function RHFMultiCheckbox({ name, label, options, slotProps, helperText, ...other }) {
+ const { control } = useFormContext();
+
+ const getSelected = (selectedItems, item) =>
+ selectedItems.includes(item)
+ ? selectedItems.filter((value) => value !== item)
+ : [...selectedItems, item];
+
+ const accessibility = (val) => val;
+ const ariaLabel = (val) => `Checkbox ${val}`;
+
+ return (
+ (
+
+ {label && (
+
+ {label}
+
+ )}
+
+
+ {options.map((option) => (
+ field.onChange(getSelected(field.value, option.value))}
+ name={accessibility(option.label)}
+ {...slotProps?.checkbox}
+ inputProps={{
+ ...(!option.label && { 'aria-label': ariaLabel(option.label) }),
+ ...slotProps?.checkbox?.inputProps,
+ }}
+ />
+ }
+ label={option.label}
+ />
+ ))}
+
+
+ {(!!error || helperText) && (
+
+ {error ? error?.message : helperText}
+
+ )}
+
+ )}
+ />
+ );
+}
diff --git a/front_minimal/src/components/hook-form/rhf-code.jsx b/front_minimal/src/components/hook-form/rhf-code.jsx
new file mode 100644
index 0000000..0c8fd59
--- /dev/null
+++ b/front_minimal/src/components/hook-form/rhf-code.jsx
@@ -0,0 +1,35 @@
+import { MuiOtpInput } from 'mui-one-time-password-input';
+import { Controller, useFormContext } from 'react-hook-form';
+
+import FormHelperText from '@mui/material/FormHelperText';
+
+// ----------------------------------------------------------------------
+
+export function RHFCode({ name, ...other }) {
+ const { control } = useFormContext();
+
+ return (
+ (
+
+
+ {error.message}
+
+ )}
+
+ )}
+ />
+ );
+}
diff --git a/front_minimal/src/components/hook-form/rhf-country-select.jsx b/front_minimal/src/components/hook-form/rhf-country-select.jsx
new file mode 100644
index 0000000..21fe014
--- /dev/null
+++ b/front_minimal/src/components/hook-form/rhf-country-select.jsx
@@ -0,0 +1,26 @@
+import { Controller, useFormContext } from 'react-hook-form';
+
+import { CountrySelect } from 'src/components/country-select';
+
+// ----------------------------------------------------------------------
+
+export function RHFCountrySelect({ name, helperText, ...other }) {
+ const { control, setValue } = useFormContext();
+
+ return (
+ (
+ setValue(name, newValue, { shouldValidate: true })}
+ error={!!error}
+ helperText={error?.message ?? helperText}
+ {...other}
+ />
+ )}
+ />
+ );
+}
diff --git a/front_minimal/src/components/hook-form/rhf-date-picker.jsx b/front_minimal/src/components/hook-form/rhf-date-picker.jsx
new file mode 100644
index 0000000..4bcbf8a
--- /dev/null
+++ b/front_minimal/src/components/hook-form/rhf-date-picker.jsx
@@ -0,0 +1,69 @@
+import dayjs from 'dayjs';
+import { Controller, useFormContext } from 'react-hook-form';
+
+import { DatePicker } from '@mui/x-date-pickers/DatePicker';
+import { MobileDateTimePicker } from '@mui/x-date-pickers/MobileDateTimePicker';
+
+import { formatStr } from 'src/utils/format-time';
+
+// ----------------------------------------------------------------------
+
+export function RHFDatePicker({ name, slotProps, ...other }) {
+ const { control } = useFormContext();
+
+ return (
+ (
+ field.onChange(dayjs(newValue).format())}
+ format={formatStr.split.date}
+ slotProps={{
+ textField: {
+ fullWidth: true,
+ error: !!error,
+ helperText: error?.message ?? slotProps?.textField?.helperText,
+ ...slotProps?.textField,
+ },
+ ...slotProps,
+ }}
+ {...other}
+ />
+ )}
+ />
+ );
+}
+
+// ----------------------------------------------------------------------
+
+export function RHFMobileDateTimePicker({ name, slotProps, ...other }) {
+ const { control } = useFormContext();
+
+ return (
+ (
+ field.onChange(dayjs(newValue).format())}
+ format={formatStr.split.dateTime}
+ slotProps={{
+ textField: {
+ fullWidth: true,
+ error: !!error,
+ helperText: error?.message ?? slotProps?.textField?.helperText,
+ ...slotProps?.textField,
+ },
+ ...slotProps,
+ }}
+ {...other}
+ />
+ )}
+ />
+ );
+}
diff --git a/front_minimal/src/components/hook-form/rhf-editor.jsx b/front_minimal/src/components/hook-form/rhf-editor.jsx
new file mode 100644
index 0000000..e9b4f88
--- /dev/null
+++ b/front_minimal/src/components/hook-form/rhf-editor.jsx
@@ -0,0 +1,28 @@
+import { Controller, useFormContext } from 'react-hook-form';
+
+import { Editor } from '../editor';
+
+// ----------------------------------------------------------------------
+
+export function RHFEditor({ name, helperText, ...other }) {
+ const {
+ control,
+ formState: { isSubmitSuccessful },
+ } = useFormContext();
+
+ return (
+ (
+ (
+ setValue(name, newValue, { shouldValidate: true })}
+ error={!!error}
+ helperText={error ? error?.message : helperText}
+ {...other}
+ />
+ )}
+ />
+ );
+}
diff --git a/front_minimal/src/components/hook-form/rhf-radio-group.jsx b/front_minimal/src/components/hook-form/rhf-radio-group.jsx
new file mode 100644
index 0000000..e1e88c2
--- /dev/null
+++ b/front_minimal/src/components/hook-form/rhf-radio-group.jsx
@@ -0,0 +1,63 @@
+import { Controller, useFormContext } from 'react-hook-form';
+
+import Radio from '@mui/material/Radio';
+import FormLabel from '@mui/material/FormLabel';
+import RadioGroup from '@mui/material/RadioGroup';
+import FormControl from '@mui/material/FormControl';
+import FormHelperText from '@mui/material/FormHelperText';
+import FormControlLabel from '@mui/material/FormControlLabel';
+
+// ----------------------------------------------------------------------
+
+export function RHFRadioGroup({ name, label, options, helperText, slotProps, ...other }) {
+ const { control } = useFormContext();
+
+ const labelledby = `${name}-radio-buttons-group-label`;
+ const ariaLabel = (val) => `Radio ${val}`;
+
+ return (
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ ![]({"/images/products/empty-shopping-cart.svg"}){kind=spacer}
+
+ ![star]({"/images/backgrounds/maintenance2.svg"})
+
+ ![star]({"/images/backgrounds/gold.png"})
+
+ ![{"trackBg"}]({"/images/backgrounds/track-bg.png"})
+